Linting issues, limited multi provider support

Author: stefan-ernst

frontend/biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.2.5/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.6/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",
@@ -111,6 +111,11 @@
       "quoteProperties": "asNeeded"
     }
   },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
+  },
   "overrides": [
     {
       "includes": ["e2e/**"],

frontend/index.html

@@ -9,10 +9,10 @@
     <title>Windshift - Work Management</title>
     <script>
       // Flash prevention: apply theme before CSS loads
-      (function() {
-        var stored = localStorage.getItem('windshift-color-mode');
-        var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-        var mode = stored === 'dark' || (stored === 'system' && prefersDark) || (!stored && prefersDark) ? 'dark' : 'light';
+      (() => {
+        const stored = localStorage.getItem('windshift-color-mode');
+        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        const mode = stored === 'dark' || (stored === 'system' && prefersDark) || (!stored && prefersDark) ? 'dark' : 'light';
         document.documentElement.dataset.colorMode = mode;
       })();
     </script>

frontend/scripts/check-i18n.js

@@ -10,7 +10,7 @@
  */
 
 import { readdir } from 'node:fs/promises';
-import { join, dirname } from 'node:path';
+import { dirname, join } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
@@ -39,9 +39,7 @@ function findSourceFile(key, fileMap) {
 
 async function loadLocaleFiles(localeCode) {
   const localeDir = join(LOCALES_DIR, localeCode);
-  const files = (await readdir(localeDir)).filter(
-    (f) => f.endsWith('.js') && f !== 'index.js'
-  );
+  const files = (await readdir(localeDir)).filter((f) => f.endsWith('.js') && f !== 'index.js');
 
   const merged = {};
   const fileKeyMap = {};

frontend/src/app.css

@@ -1,8 +1,8 @@
 @import "tailwindcss";
-@custom-variant dark (&:where([data-color-mode="dark"], [data-color-mode="dark"] *));
 @import "@fontsource/inter/latin.css";
 @import "@xterm/xterm/css/xterm.css";
 @import "./design-system/index.css";
+@custom-variant dark (&:where([data-color-mode="dark"], [data-color-mode="dark"] *));
 
 @theme {
   --font-size-sm: 0.8125rem; /* 13px — matches Linear */

frontend/src/lib/api/assetActions.js

@@ -33,8 +33,7 @@ export const assetActions = {
       body: JSON.stringify({ asset_id: assetId }),
     }),
 
-  getLogs: (setId, actionId) =>
-    fetchAPI(`/asset-sets/${setId}/actions/${actionId}/logs`),
+  getLogs: (setId, actionId) => fetchAPI(`/asset-sets/${setId}/actions/${actionId}/logs`),
 
   getSetLogs: (setId) => fetchAPI(`/asset-sets/${setId}/action-logs`),
 };

frontend/src/lib/api/core.js

@@ -20,8 +20,7 @@ let driftWarningShown = false;
 function createApiError(response, responseText) {
   let fallbackMessage = `Request failed: ${response.statusText}`;
   if (!responseText && (response.status === 502 || response.status === 504)) {
-    fallbackMessage =
-      'The server took too long to respond. Please try again shortly.';
+    fallbackMessage = 'The server took too long to respond. Please try again shortly.';
   }
   const error = new Error(responseText || fallbackMessage);
 

frontend/src/lib/api/index.js

@@ -72,7 +72,6 @@ import { tests } from './tests/index.js';
 import { time, timer } from './time.js';
 import {
   activateUser,
-  inviteUser,
   completeFIDORegistration,
   createApiToken,
   createAppToken,
@@ -87,6 +86,7 @@ import {
   getUserAppTokens,
   getUserCredentials,
   getUsers,
+  inviteUser,
   removeUserCredential,
   resetUserPassword,
   revokeApiToken,

frontend/src/lib/api/items.js

@@ -45,7 +45,12 @@ export const items = {
       method: 'PUT',
       body: JSON.stringify(data),
     }),
-  getBacklog: (workspaceId, ql = null, collectionId = null, /** @type {any} */ { page, limit } = {}) => {
+  getBacklog: (
+    workspaceId,
+    ql = null,
+    collectionId = null,
+    /** @type {any} */ { page, limit } = {}
+  ) => {
     const params = new URLSearchParams();
     if (collectionId) {
       params.append('collection_id', collectionId);

frontend/src/lib/api/sso.js

@@ -11,9 +11,8 @@ export const sso = {
     if (rememberMe) params.append('remember_me', 'true');
     const query = params.toString();
     // SAML and OIDC have different login URL patterns
-    const basePath = providerType === 'saml'
-      ? `/api/sso/${slug}/saml/login`
-      : `/api/sso/login/${slug}`;
+    const basePath =
+      providerType === 'saml' ? `/api/sso/${slug}/saml/login` : `/api/sso/login/${slug}`;
     return `${basePath}${query ? `?${query}` : ''}`;
   },
 

frontend/src/lib/api/users.js

@@ -2,7 +2,8 @@ import { fetchAPI } from './core.js';
 
 // Users
 export const getUsers = () => fetchAPI('/users');
-export const getAssignableUsers = (workspaceId) => fetchAPI(`/workspaces/${workspaceId}/assignable-users`);
+export const getAssignableUsers = (workspaceId) =>
+  fetchAPI(`/workspaces/${workspaceId}/assignable-users`);
 export const getUser = (id) => fetchAPI(`/users/${id}`);
 export const createUser = (data) =>
   fetchAPI('/users', {