fix(dashboard): remove date from group_by

Resource names are unique per owning principal, so different users
can legally create same-name GPU instances, templates, SSH public
keys, storage volumes and storage types — but the admin's
cross-tenant lists and the instance-create template picker rendered
them indistinguishably.

- Group the template picker by owning scope: Your Templates, Global
  Templates, then — admin cross-tenant view only — one group per
  owner. A single group renders flat without headers. A plugin can
  take over grouping via hooks.useTemplateOwnerGroups when its
  principal model scopes templates beyond USER owners; a plugin
  without the hook keeps the flat list.
- Add an admin-only Creator column to the Instances, SSH Public
  Keys, Storage and Storage Types tables, sitting right before
  Created (mirroring the API Keys page convention). Resolves
  creator_id to a username via the user directory, falling back to
  owner_principal_id for legacy rows — a personal-scope row's
  creator IS its owner.
- Tag template cards with their owner scope (Global / username) for
  admins.

The Creator column and the card tag defer to a plugin that registers
the page's list columns / the OwnerScopeTag slot. Requires the
gpustack server change that records creator_id on templates, SSH
public keys and storage types.

.eslintignore

@@ -1 +0,0 @@
-src/components/icon-font/iconfont/iconfont.js

.eslintrc.js

@@ -1,15 +0,0 @@
-module.exports = {
-  extends: require.resolve('@umijs/max/eslint'),
-  rules: {
-    'react/no-unstable-nested-components': 1,
-    'no-unused-vars': 'off',
-    'no-undef': 'error',
-    '@typescript-eslint/no-unused-vars': 'off',
-    '@typescript-eslint/class-name-casing': 'off'
-  },
-  globals: {
-    Global: 'readonly',
-    React: 'readonly'
-  },
-  ignorePatterns: ['public/static/']
-};

.github/workflows/ci.yml

@@ -13,7 +13,7 @@ on:
       - 'v*-dev'
 
 env:
-  NODE_VERSION: '21'
+  NODE_VERSION: '22'
 
 jobs:
   deps:
@@ -32,7 +32,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: '${{ env.NODE_VERSION }}'
+          node-version-file: '.nvmrc'
           cache: 'pnpm'
       - name: Deps
         run: scripts/deps

.gitignore

@@ -12,4 +12,7 @@
 /.mfsu
 .swc
 .DS_Store
-.idea
+.idea
+.claude
+/dist.zip
+.cache

.lintstagedrc

@@ -1,13 +1,11 @@
 {
   "*.{md,json}": ["prettier --cache --write"],
   "*.{js,jsx}": ["max lint --fix --eslint-only", "prettier --cache --write"],
-  "*.{css,less}": [
+  "*.{css,less}": ["prettier --cache --write"],
-    "max lint --fix --stylelint-only",
+  "!public/vs/**": [],
-    "prettier --cache --write"
-  ],
   "*.ts?(x)": [
     "max lint --fix --eslint-only",
     "prettier --cache --parser=typescript --write"
   ],
-  "src/locales/**/*.ts": ["npx tsx src/locales/check.ts"]
+  "src/locales/**/*.ts": ["node --import tsx src/locales/check.ts"]
 }

.nvmrc

@@ -0,0 +1 @@
+22

.prettierignore

@@ -3,7 +3,6 @@ node_modules
 .umi-production
 public/static/*.js
 public/static/*.css
-src/components/icon-font/iconfont/iconfont.js
+src/components/iconfont/
-src/components/icon-font/iconfont/*.css
 
 

.stylelintrc.js

@@ -3,5 +3,5 @@ module.exports = {
   rules: {
     'selector-class-pattern': null
   },
-  ignoreFiles: ['public/static/*.css']
+  ignoreFiles: ['public/static/*.css', 'src/components/iconfont/iconfont.css']
 };

AGENT.md

@@ -0,0 +1,265 @@
+# React State and Request Patterns
+
+These guidelines define preferred patterns for request handling, state updates, and side-effect management in React applications.
+
+The primary goal is to keep data flow explicit, predictable, maintainable, and performant while avoiding unnecessary rerenders and effect-driven logic.
+
+---
+
+## 1. Avoid Effect-Driven Requests
+
+Do not use request functions themselves as dependencies in `useEffect`.
+
+Avoid patterns like:
+
+```ts
+useEffect(() => {
+  fetchData();
+}, [fetchData]);
+```
+
+Requests should be triggered explicitly by user actions or lifecycle entry points.
+
+---
+
+## 2. Form Requests Should Be Action-Driven
+
+For form-related requests (such as loading `Select` options):
+
+- Fetch data when the form is opened for the first time.
+- If later requests depend on user interactions, trigger them directly inside the interaction handler.
+- Do not rely on `useEffect` dependency changes to trigger requests.
+
+Recommended:
+
+```ts
+const handleOnChange = (value) => {
+  fetchData(value);
+};
+```
+
+Avoid:
+
+```ts
+useEffect(() => {
+  fetchData(value);
+}, [value]);
+```
+
+The action itself should control the request.
+
+---
+
+## 3. Update Related States Together
+
+If a single action updates multiple related states:
+
+- Do not synchronize them through `useEffect`
+- Do not derive them indirectly through `useMemo`
+
+Instead, update all related states directly inside the action handler.
+
+Recommended:
+
+```ts
+const handleOnChange = (value) => {
+  setState1(...);
+  setState2(...);
+  buildState(...);
+};
+```
+
+Avoid implicit state synchronization chains.
+
+---
+
+## 4. Group Strongly Related State
+
+If multiple states are always updated together:
+
+- Do not split them into multiple `useState` calls.
+- Prefer a single state object.
+
+Recommended:
+
+```ts
+const [state, setState] = useState({
+  state1: ...,
+  state2: ...,
+  state3: ...,
+});
+```
+
+This reduces unnecessary rerenders and keeps state transitions predictable.
+
+---
+
+## 5. Prefer Explicit State Flow
+
+Avoid chaining business logic through multiple `useEffect` hooks.
+
+Keep:
+
+- request execution
+- state updates
+- derived calculations
+
+close to the triggering action whenever possible.
+
+Prefer:
+
+```ts
+const handleAction = () => {
+  fetchData();
+  setTableData(...);
+  setSelectedRow(...);
+};
+```
+
+Over:
+
+```ts
+useEffect(() => {
+  buildTable();
+}, [data]);
+
+useEffect(() => {
+  updateSelection();
+}, [tableData]);
+```
+
+---
+
+## 6. Avoid Premature Memoization
+
+Do not use `useMemo` or `useCallback` unless there is a confirmed rendering or computation bottleneck.
+
+Overusing memoization:
+
+- increases complexity
+- makes state flow harder to understand
+- may introduce stale dependency issues
+
+Prefer simple and explicit logic first.
+
+Optimize only when necessary.
+
+---
+
+## 7. Keep Request Logic Predictable
+
+A user interaction should clearly show:
+
+- what request is triggered
+- which states are updated
+- how the UI changes
+
+Avoid indirect update chains caused by dependency-driven effects.
+
+The code should make the request and update flow easy to trace.
+
+---
+
+## 8. Prefer Action-Driven Architecture
+
+Prefer:
+
+- action-driven updates
+- explicit handlers
+- localized state transitions
+
+Over:
+
+- effect-driven synchronization
+- cross-hook implicit updates
+- reactive chains between states
+
+The triggering action should remain the primary source of truth for UI updates.
+
+---
+
+# Form
+
+Form-specific patterns that build on the rules above. The theme: keep cascading selections (pick A → derive B → write form) on a single, predictable path.
+
+## 1. No Fallback for Derived Selection
+
+When "pick A then auto-pick B", match by rule and return `undefined` if no match — let the corresponding form field stay empty.
+
+Do not silently fall back to `list[0]` or another default. A fallback hides data issues and tricks the user into thinking they have a valid selection.
+
+```ts
+const findB = (key, list) =>
+  key ? list.find((x) => x.key === key) : undefined;
+```
+
+For form fields, prefer clearing with `undefined` over `''`. With Ant Design, `undefined` restores the placeholder; `''` is treated as a real value.
+
+## 2. Async Race Protection
+
+For fetches triggered by a lifecycle entry (e.g., modal open), tag each invocation with a session ref. Discard stale results if the session has rotated (the modal was closed and re-opened) by the time the response arrives.
+
+```ts
+const sessionRef = useRef(0);
+
+useEffect(() => {
+  if (!open) {
+    sessionRef.current += 1;
+    return;
+  }
+  const session = ++sessionRef.current;
+  Promise.all([fetchA(), fetchB()]).then(([as, bs]) => {
+    if (sessionRef.current !== session) return;
+    applySelection(as.items[0], findB(as.items[0].key, bs.items));
+  });
+}, [open]);
+```
+
+## 3. Reference Template
+
+A typical form with two cascading selectors backed by a single shared state:
+
+```ts
+type Selection = { a?: string; b?: number };
+
+const [selection, setSelection] = useState<Selection>({});
+const sessionRef = useRef(0);
+
+const findB = (key, list) =>
+  key ? list.find((x) => x.key === key) : undefined;
+
+// Single atomic write: state + form together.
+const applySelection = (a, b) => {
+  setSelection({ a: a.name, b: b?.id });
+  form.current?.setFieldsValue({
+    field: b?.field,
+    spec: { ...currentSpec, ...b?.spec }
+  });
+};
+
+// Trigger 1: modal opened
+useEffect(() => {
+  if (!open) {
+    sessionRef.current++;
+    setSelection({});
+    return;
+  }
+  const session = ++sessionRef.current;
+  Promise.all([fetchA(), fetchB()]).then(([as, bs]) => {
+    if (sessionRef.current !== session) return;
+    const first = as.items[0];
+    applySelection(first, findB(first.key, bs.items));
+  });
+}, [open]);
+
+// Trigger 2: user picks A
+const handleAChange = (a) => {
+  applySelection(a, findB(a.key, listB));
+};
+
+// Trigger 3: user picks B
+const handleBChange = (b) => {
+  setSelection((prev) => ({ ...prev, b: b.id }));
+  form.current?.setFieldsValue({ ...b.fields });
+};
+```

DESIGN.md

@@ -0,0 +1,46 @@
+## Create form table list
+
+## Create a form
+
+## StatusTag
+
+Use `StatusTag` from `@gpustack/core-ui` for status display. Do not use `Tag` from `antd` directly.
+
+1. Define the mapping from business status values to UI status values in the module's `config/index.ts`:
+
+```ts
+import { StatusMaps } from '@/config';
+import { StatusType } from '@/config/types';
+
+export const XxxStatusValueMap = {
+  Running: 'running',
+  Pending: 'pending',
+  Failed: 'failed'
+};
+
+export const XxxStatusLabelMap: Record<string, string> = {
+  [XxxStatusValueMap.Running]: 'Running',
+  [XxxStatusValueMap.Pending]: 'Pending',
+  [XxxStatusValueMap.Failed]: 'Failed'
+};
+
+export const status: Record<string, StatusType> = {
+  [XxxStatusValueMap.Running]: StatusMaps.success,
+  [XxxStatusValueMap.Pending]: StatusMaps.transitioning,
+  [XxxStatusValueMap.Failed]: StatusMaps.error
+};
+```
+
+2. In table columns, pass only the UI status value and display text required by `StatusTag`:
+
+```tsx
+<StatusTag
+  statusValue={{
+    status: status[value],
+    text: XxxStatusLabelMap[value] || value,
+    message: record.state_message
+  }}
+/>
+```
+
+`statusValue.status` must be a value mapped from `StatusMaps`, such as `success`, `transitioning`, `warning`, `error`, or `inactive`. Do not pass business status values such as `running` or `pending` directly.

config/config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from '@umijs/max';
 import keepAlive from './keep-alive';
+import { extraMfsuExclude } from './mfsu.extensions';
 import { compressionPluginConfig, monacoPluginConfig } from './plugins';
 import proxy from './proxy';
 import routes from './routes';
@@ -19,6 +20,9 @@ export default defineConfig({
   history: {
     type: 'hash'
   },
+  define: {
+    'process.env.ENABLE_ENTERPRISE': process.env.ENABLE_ENTERPRISE
+  },
   analyze: {
     analyzerMode: 'server',
     analyzerPort: 8888,
@@ -29,7 +33,7 @@ export default defineConfig({
     defaultSizes: 'parsed' // stat  // gzip
   },
   mfsu: {
-    exclude: ['lodash', 'ml-pca', 'monaco-editor']
+    exclude: ['lodash', 'ml-pca', ...extraMfsuExclude]
   },
   base: process.env.npm_config_base || '/',
   ...(isProduction
@@ -73,6 +77,7 @@ export default defineConfig({
   antd: {
     style: 'less'
   },
+  title: 'GPUStack',
   hash: true,
   access: {},
   model: {},

config/mfsu.extensions.ts

@@ -0,0 +1,9 @@
+// Identity hook for build-time mfsu.exclude extensions. Tooling may
+// overwrite this file to add package names that must skip MFSU's
+// pre-bundling; the original is restored on cleanup. Mirrors
+// `src/request.extensions.ts` / `src/access.extensions.ts`.
+//
+// MFSU bundles node_modules into immutable chunks at dev startup, so
+// workspace-linked packages whose source you edit during dev must be
+// excluded here or HMR won't pick up changes.
+export const extraMfsuExclude: string[] = [];

config/plugins.ts

@@ -13,7 +13,7 @@ export function monacoPluginConfig(config: any) {
             entry: 'monaco-yaml',
             worker: {
               id: 'monaco-yaml/yamlWorker',
-              entry: 'monaco-yaml/yaml.worker'
+              entry: 'monaco-yaml/yaml.worker.js'
             }
           }
         ]

config/proxy.ts

@@ -6,7 +6,8 @@ const proxyTableList = [
   'v1-openai',
   'version',
   'proxy',
-  'update'
+  'update',
+  'grafana'
 ];
 
 // @ts-ingore
@@ -30,5 +31,6 @@ export default function createProxyTable(target?: string) {
     },
     {}
   );
+
   return proxyTable;
 }

config/routes.extensions.ts

@@ -0,0 +1,3 @@
+// Identity hook for build-time route extensions. Tooling may overwrite
+// this file to inject additional routes; the original is restored on cleanup.
+export const applyRouteExtensions = <T>(base: T): T => base;

config/routes.ts

@@ -1,6 +1,7 @@
 import { keepAliveRoutes } from './keep-alive';
+import { applyRouteExtensions } from './routes.extensions';
 
-export default [
+const baseRoutes = [
   {
     name: 'dashboard',
     path: '/dashboard',
@@ -8,7 +9,10 @@ export default [
     icon: 'icon-dashboard',
     selectedIcon: 'icon-dashboard-filled',
     defaultIcon: 'icon-dashboard',
-    access: 'canSeeAdmin',
+    // `canSeeOrgAdmin` widens to anyone the access seam grants
+    // admin-ish visibility — by default platform admin, plus
+    // whatever the routes extension chooses to allow.
+    access: 'canSeeOrgAdmin',
     component: './dashboard',
     routes: []
   },
@@ -32,7 +36,7 @@ export default [
         icon: 'icon-chat',
         selectedIcon: 'icon-chat-filled',
         defaultIcon: 'icon-chat',
-        component: './playground/index'
+        component: './playground/chat/index'
       },
       {
         name: 'embedding',
@@ -42,7 +46,7 @@ export default [
         icon: 'icon-embedding',
         selectedIcon: 'icon-embedding-filled',
         defaultIcon: 'icon-embedding',
-        component: './playground/embedding'
+        component: './playground/embedding/index'
       },
       {
         name: 'rerank',
@@ -52,7 +56,7 @@ export default [
         icon: 'icon-reranker',
         selectedIcon: 'icon-reranker-filled',
         defaultIcon: 'icon-reranker',
-        component: './playground/rerank'
+        component: './playground/rerank/index'
       },
       {
         name: 'text2images',
@@ -62,7 +66,7 @@ export default [
         icon: 'icon-image1',
         selectedIcon: 'icon-image-filled',
         defaultIcon: 'icon-image1',
-        component: './playground/images'
+        component: './playground/images/index'
       },
       {
         name: 'speech',
@@ -72,8 +76,19 @@ export default [
         icon: 'icon-audio1',
         selectedIcon: 'icon-audio-filled',
         defaultIcon: 'icon-audio1',
-        component: './playground/speech'
+        component: './playground/speech/index'
       }
+      // {
+      //   name: 'video',
+      //   title: 'Video',
+      //   path: '/playground/video',
+      //   key: 'video',
+      //   icon: 'icon-video-outline',
+      //   hideInMenu: false,
+      //   selectedIcon: 'icon-video-filled02',
+      //   defaultIcon: 'icon-video-outline',
+      //   component: './playground/video'
+      // }
     ]
   },
   {
@@ -92,19 +107,9 @@ export default [
         icon: 'icon-layers',
         selectedIcon: 'icon-layers-filled',
         defaultIcon: 'icon-layers',
-        access: 'canSeeAdmin',
+        access: 'canSeeOrgAdmin',
         component: './llmodels/catalog'
       },
-      {
-        name: 'deployment',
-        path: '/models/deployments',
-        key: 'modelDeployments',
-        icon: 'icon-rocket-launch1',
-        selectedIcon: 'icon-rocket-launch-fill',
-        defaultIcon: 'icon-rocket-launch1',
-        access: 'canSeeAdmin',
-        component: './llmodels/index'
-      },
       {
         name: 'userModels',
         path: '/models/user-models',
@@ -114,6 +119,140 @@ export default [
         defaultIcon: 'icon-models',
         access: 'canSeeUser',
         component: './llmodels/user-models'
+      },
+      {
+        name: 'deployment',
+        path: '/models/deployments',
+        key: 'modelDeployments',
+        icon: 'icon-rocket-launch1',
+        selectedIcon: 'icon-rocket-launch-fill',
+        defaultIcon: 'icon-rocket-launch1',
+        access: 'canSeeOrgAdmin',
+        component: './llmodels/index'
+      },
+      {
+        name: 'routes',
+        path: '/models/routes',
+        key: 'routes',
+        icon: 'icon-captive_portal',
+        selectedIcon: 'icon-captive_portal',
+        defaultIcon: 'icon-captive_portal',
+        access: 'canSeeOrgAdmin',
+        component: './model-routes/index'
+      },
+      {
+        name: 'providers',
+        path: '/models/providers',
+        key: 'modelProviders',
+        icon: 'icon-extension-outline',
+        selectedIcon: 'icon-extension-filled',
+        defaultIcon: 'icon-extension-outline',
+        access: 'canSeeOrgAdmin',
+        component: './maas-provider/index'
+      },
+      {
+        name: 'benchmark',
+        path: '/models/benchmark',
+        key: 'benchmark',
+        icon: 'icon-speed',
+        selectedIcon: 'icon-speed-filled',
+        defaultIcon: 'icon-speed',
+        access: 'canSeeOrgAdmin',
+        component: './benchmark/index'
+      },
+      {
+        name: 'benchmarkDetail',
+        path: '/models/benchmark/detail',
+        key: 'benchmarkDetail',
+        icon: 'icon-speed',
+        selectedIcon: 'icon-speed-filled',
+        defaultIcon: 'icon-speed',
+        access: 'canSeeOrgAdmin',
+        hideInMenu: true,
+        component: './benchmark/details'
+      },
+      {
+        name: 'backendsList',
+        path: '/models/backends',
+        key: 'backendsList',
+        icon: 'icon-backend',
+        selectedIcon: 'icon-backend-filled',
+        defaultIcon: 'icon-backend',
+        access: 'canSeeOrgAdmin',
+        component: './backends/index'
+      },
+      {
+        name: 'modelfiles',
+        path: '/models/modelfiles',
+        key: 'modelfiles',
+        icon: 'icon-files',
+        selectedIcon: 'icon-files-filled',
+        defaultIcon: 'icon-files',
+        access: 'canSeeOrgAdmin',
+        component: './resources/components/model-files'
+      }
+    ]
+  },
+  {
+    name: 'gpuService',
+    path: '/gpu-service',
+    key: 'gpuService',
+    access: 'canSeeGpuService',
+    routes: [
+      {
+        path: '/gpu-service',
+        redirect: '/gpu-service/instances'
+      },
+      {
+        name: 'instances',
+        path: '/gpu-service/instances',
+        key: 'gpuServiceList',
+        icon: 'icon-cloud-outlined',
+        selectedIcon: 'icon-cloud-filled',
+        defaultIcon: 'icon-cloud-outlined',
+        component: './gpu-service/instances'
+      },
+      {
+        name: 'templates',
+        path: '/gpu-service/templates',
+        key: 'gpuServiceTemplates',
+        icon: 'icon-instance-template-outlined',
+        selectedIcon: 'icon-instance-template-filled',
+        defaultIcon: 'icon-instance-template-outlined',
+        component: './gpu-service/templates'
+      },
+      {
+        name: 'storage',
+        path: '/gpu-service/storage',
+        key: 'gpuServiceStorage',
+        icon: 'icon-database-outlined',
+        selectedIcon: 'icon-database-filled',
+        defaultIcon: 'icon-database-outlined',
+        component: './gpu-service/storage'
+      },
+      {
+        name: 'storageTypes',
+        path: '/gpu-service/storage-types',
+        key: 'gpuServiceStorageTypes',
+        icon: 'icon-storage-outlined',
+        // Storage types are tenant-scoped on the backend (Org owners
+        // can create/list their own), so the menu shouldn't be
+        // platform-admin-only. ``canSeeOrgAdmin`` keeps the gate at
+        // "admin or current-org owner" — Org members still don't see
+        // it, which matches the read/write model in the route.
+        access: 'canSeeOrgAdmin',
+        selectedIcon: 'icon-storage-filled',
+        defaultIcon: 'icon-storage-outlined',
+        component: './gpu-service/storage-types'
+      },
+      {
+        name: 'publicKeys',
+        path: '/gpu-service/public-keys',
+        key: 'gpuServicePublicKeys',
+        icon: 'icon-ssh-outlined',
+        selectedIcon: 'icon-ssh-filled',
+        defaultIcon: 'icon-ssh-outlined',
+        component: './gpu-service/public-keys'
       }
     ]
   },
@@ -121,12 +260,22 @@ export default [
     name: 'resources',
     path: '/resources',
     key: 'resources',
-    access: 'canSeeAdmin',
+    access: 'canSeeOrgAdmin',
     routes: [
       {
         path: '/resources',
         redirect: '/resources/workers'
       },
+      {
+        name: 'clusters',
+        path: '/resources/clusters/list',
+        key: 'clusters',
+        icon: 'icon-cluster2-outline',
+        selectedIcon: 'icon-cluster2-filled',
+        defaultIcon: 'icon-cluster2-outline',
+        component: './cluster-management/clusters',
+        subMenu: ['/resources/clusters/detail', '/resources/clusters/create']
+      },
       {
         name: 'workers',
         path: '/resources/workers',
@@ -146,77 +295,63 @@ export default [
         component: './resources/components/gpus'
       },
       {
-        name: 'backendsList',
+        name: 'credentials',
-        path: '/resources/backends',
+        path: '/resources/credentials',
-        key: 'backendsList',
+        key: 'credentials',
-        icon: 'icon-backend',
+        icon: 'icon-credential-outline',
-        selectedIcon: 'icon-backend-filled',
+        selectedIcon: 'icon-credential-filled',
-        defaultIcon: 'icon-backend',
+        defaultIcon: 'icon-credential-outline',
-        access: 'canSeeAdmin',
+        component: './cluster-management/credentials'
-        component: './backends/index'
-      },
-      {
-        name: 'modelfiles',
-        path: '/resources/modelfiles',
-        key: 'modelfiles',
-        icon: 'icon-files',
-        selectedIcon: 'icon-files-filled',
-        defaultIcon: 'icon-files',
-        component: './resources/components/model-files'
-      }
-    ]
-  },
-  {
-    name: 'clusterManagement',
-    path: '/cluster-management',
-    key: 'clusterManagement',
-    access: 'canSeeAdmin',
-    routes: [
-      {
-        path: '/cluster-management',
-        redirect: '/cluster-management/clusters/list'
-      },
-      {
-        name: 'clusters',
-        path: '/cluster-management/clusters/list',
-        key: 'clusters',
-        icon: 'icon-cluster2-outline',
-        selectedIcon: 'icon-cluster2-filled',
-        defaultIcon: 'icon-cluster2-outline',
-        component: './cluster-management/clusters',
-        subMenu: [
-          '/cluster-management/clusters/detail',
-          '/cluster-management/clusters/create'
-        ]
       },
       {
         name: 'clusterDetail',
-        path: '/cluster-management/clusters/detail',
+        path: '/resources/clusters/detail',
         key: 'clusterDetail',
         icon: 'icon-cluster2-outline',
         selectedIcon: 'icon-cluster2-filled',
         defaultIcon: 'icon-cluster2-outline',
         hideInMenu: true,
         component: './cluster-management/cluster-detail'
+      }
+    ]
+  },
+  {
+    // Cross-resource consumption (tokens + GPU/CPU instances + storage).
+    // A folder so it matches the other top-level groups; more usage views can
+    // graduate in here later.
+    name: 'billingAndUsage',
+    path: '/usage',
+    key: 'usageGroup',
+    icon: 'icon-usage-outlined',
+    selectedIcon: 'icon-usage-filled',
+    defaultIcon: 'icon-usage-outlined',
+    routes: [
+      {
+        path: '/usage',
+        redirect: '/usage/overview'
       },
       {
-        name: 'clusterCreate',
+        name: 'usage',
-        path: '/cluster-management/clusters/create',
+        path: '/usage/overview',
-        key: 'clusterCreate',
+        key: 'usage',
-        icon: 'icon-cluster2-outline',
+        icon: 'icon-usage-outlined',
-        selectedIcon: 'icon-cluster2-filled',
+        selectedIcon: 'icon-usage-filled',
-        defaultIcon: 'icon-cluster2-outline',
+        defaultIcon: 'icon-usage-outlined',
-        hideInMenu: true,
+        component: './usage/index'
-        component: './cluster-management/cluster-create'
       },
       {
-        name: 'credentials',
+        name: 'billing',
-        path: '/cluster-management/credentials',
+        path: '/usage/billing',
-        key: 'credentials',
+        key: 'billing',
-        icon: 'icon-credential-outline',
+        icon: 'icon-billing-outlined',
-        selectedIcon: 'icon-credential-filled',
+        selectedIcon: 'icon-billing-filled',
-        defaultIcon: 'icon-credential-outline',
+        defaultIcon: 'icon-billing-outlined',
-        component: './cluster-management/credentials'
+        hideInMenu: process.env.ENABLE_ENTERPRISE === 'true',
+        // OSS exposes the menu as a teaser for the enterprise billing
+        // module. The page itself just renders an upsell notice — the real
+        // billing UI lives in the enterprise plugin and shadows this route
+        // via `routes.extensions.ts`.
+        component: './billing'
       }
     ]
   },
@@ -224,12 +359,25 @@ export default [
     name: 'accessControl',
     path: '/access-control',
     key: 'accessControl',
-    access: 'canSeeAdmin',
     routes: [
       {
         path: '/access-control',
         redirect: '/access-control/users'
       },
+      {
+        name: 'organizations',
+        path: '/access-control/organizations',
+        key: 'organizations',
+        icon: 'icon-org-outlined',
+        selectedIcon: 'icon-org-filled',
+        defaultIcon: 'icon-org-outlined',
+        // OSS exposes the menu to platform admins as a teaser for the
+        // enterprise multi-tenancy module. The page itself just renders
+        // an upsell notice — the real CRUD UI lives in the enterprise
+        // plugin and shadows this route via `routes.extensions.ts`.
+        access: 'canSeeAdmin',
+        component: './organizations'
+      },
       {
         name: 'users',
         path: '/access-control/users',
@@ -237,7 +385,17 @@ export default [
         icon: 'icon-users',
         selectedIcon: 'icon-users-filled',
         defaultIcon: 'icon-users',
+        access: 'canSeeAdmin',
         component: './users'
+      },
+      {
+        name: 'apikeys',
+        path: '/access-control/api-keys',
+        key: 'apikeys',
+        selectedIcon: 'icon-key-filled',
+        icon: 'icon-key',
+        defaultIcon: 'icon-key',
+        component: './api-keys'
       }
     ]
   },
@@ -253,8 +411,8 @@ export default [
   },
   {
     name: 'profile',
-    path: '/profile',
+    path: '/preferences',
-    key: 'profile',
+    key: 'preferences',
     hideInMenu: true,
     component: './profile',
     icon: 'User'
@@ -275,3 +433,5 @@ export default [
     component: './404'
   }
 ];
+
+export default applyRouteExtensions(baseRoutes);

config/utils.ts

@@ -1,13 +1,27 @@
-const child_process = require('child_process');
+import { execSync } from 'child_process';
 
 export const getBranchInfo = () => {
-  const latestCommit = child_process
+  // git may be absent (source archive, bare container) or this tree may
-    .execSync('git rev-parse HEAD')
+  // not be a git checkout. Swallow the failure and fall back to the env
-    .toString()
+  // overrides below — losing build info shouldn't fail the build.
-    .trim();
+  let latestCommit = '';
-  const versionTag = child_process
+  let versionTag = '';
-    .execSync(`git tag --contains ${latestCommit}`)
+  try {
-    .toString()
+    latestCommit = execSync('git rev-parse HEAD').toString().trim();
-    .trim();
+    versionTag = execSync(`git tag --contains ${latestCommit}`)
-  return { version: versionTag || '', commitId: latestCommit.slice(0, 7) };
+      .toString()
+      .trim();
+  } catch {
+    // Not a git checkout / git unavailable; rely on env overrides.
+  }
+  // Respect explicit GPUSTACK_UI_* overrides so a wrapping build that
+  // checks this source tree out as a sub-package can stamp its own
+  // release tag and commit id onto the UI (otherwise the panel reports
+  // the host tree's git HEAD, which the wrapper doesn't control).
+  const overrideVersion = process.env.GPUSTACK_UI_VERSION?.trim();
+  const overrideCommitId = process.env.GPUSTACK_UI_COMMIT_ID?.trim();
+  return {
+    version: overrideVersion || versionTag || '',
+    commitId: overrideCommitId || latestCommit.slice(0, 7)
+  };
 };

eslint.config.js

@@ -0,0 +1,79 @@
+import js from '@eslint/js';
+import prettier from 'eslint-config-prettier';
+import importPlugin from 'eslint-plugin-import';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import unusedImports from 'eslint-plugin-unused-imports';
+import { defineConfig, globalIgnores } from 'eslint/config';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+export default defineConfig([
+  globalIgnores([
+    'public/static/',
+    'dist',
+    'src/.umi/',
+    'src/.umi-production/',
+    'src/.umi-test/',
+    'src/components/iconfont/'
+  ]),
+  {
+    files: ['**/*.{ts,tsx,js,jsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      prettier
+    ],
+    plugins: {
+      react: reactPlugin,
+      import: importPlugin,
+      'unused-imports': unusedImports
+    },
+    settings: {
+      react: {
+        version: 'detect'
+      },
+      'import/resolver': {
+        node: true,
+        typescript: true
+      }
+    },
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        Global: 'readonly',
+        React: 'readonly',
+        JSX: 'readonly'
+      }
+    },
+    rules: {
+      'react/no-unstable-nested-components': 'warn',
+      'no-unused-vars': 'off',
+      'no-undef': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/ban-types': 'off',
+      '@typescript-eslint/no-empty-object-type': 'off',
+      '@typescript-eslint/no-unnecessary-type-constraint': 'off',
+      'unused-imports/no-unused-imports': 'error',
+      'unused-imports/no-unused-vars': 'off',
+      'import/no-unresolved': 'off',
+      'import/no-duplicates': 'error',
+      'react-hooks/exhaustive-deps': 'off',
+      'react-hooks/preserve-manual-memoization': 'off',
+      'react-hooks/set-state-in-effect': 'off',
+      'react-hooks/refs': 'off',
+      'react-hooks/use-memo': 'off',
+      'react-hooks/immutability': 'off',
+      'no-unsafe-optional-chaining': 'off',
+      'no-empty': 'off',
+      'no-constant-condition': 'off',
+      'no-prototype-builtins': 'off',
+      'no-multiple-empty-lines': ['error', { max: 1, maxEOF: 0, maxBOF: 0 }]
+    }
+  }
+]);

package.json

@@ -1,9 +1,9 @@
 {
   "private": true,
-  "author": "jialin",
+  "author": "gpustack",
   "scripts": {
     "build": "max build",
-    "check:locales": "npx tsx ./src/locales/check.ts",
+    "check:locales": "node --import tsx ./src/locales/check.ts",
     "dev": "max dev",
     "format": "prettier --cache --write .",
     "postinstall": "max setup",
@@ -12,13 +12,12 @@
     "setup": "max setup",
     "start": "npm run dev"
   },
-  "resolutions": {
-    "immer": "^9.0.6"
-  },
   "dependencies": {
-    "@ant-design/icons": "^5.5.1",
+    "@ant-design/icons": "^6.1.0",
-    "@ant-design/pro-components": "^2.7.19",
+    "@ant-design/pro-components": "3.1.0-0",
+    "@antv/g6": "^5.0.51",
     "@braintree/sanitize-url": "^7.1.1",
+    "@gpustack/core-ui": "^1.0.27",
     "@huggingface/gguf": "^0.1.7",
     "@huggingface/hub": "^0.15.1",
     "@huggingface/tasks": "^0.11.6",
@@ -26,45 +25,41 @@
     "@orcid/bibtex-parse-js": "^0.0.25",
     "@react-hook/resize-observer": "^2.0.2",
     "@types/lodash": "^4.17.4",
-    "@umijs/max": "^4.2.11",
+    "@umijs/max": "^4.6.15",
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/xterm": "^5.5.0",
     "ahooks": "^3.8.5",
     "ansi-to-html": "^0.7.2",
-    "antd": "^5.25.4",
+    "antd": "^6.3.3",
     "antd-style": "^3.6.2",
     "axios": "^1.8.2",
     "classnames": "^2.5.1",
     "clipboard": "^2.0.11",
     "crypto-js": "^4.2.0",
+    "culori": "^4.0.2",
     "dayjs": "^1.11.11",
     "dompurify": "^3.2.6",
     "driver.js": "^1.3.1",
     "echarts": "^5.5.1",
-    "epubjs": "^0.3.93",
     "file-saver": "^2.0.5",
     "has-ansi": "^5.0.1",
     "highlight.js": "^11.10.0",
     "jdenticon": "^3.3.0",
     "jotai": "^2.8.4",
     "js-yaml": "^4.1.0",
-    "jszip": "^3.10.1",
     "katex": "^0.16.21",
     "lamejs": "github:zhuker/lamejs",
     "localforage": "^1.10.0",
     "lodash": "^4.17.21",
-    "mammoth": "^1.8.0",
     "marked": "^14.1.0",
-    "minimatch": "^10.0.3",
+    "minimatch": "^3.1.2",
     "ml-dataset-iris": "^1.2.1",
     "ml-pca": "^4.1.1",
-    "monaco-editor": "^0.53.0",
+    "monaco-editor": "^0.30.1",
-    "monaco-editor-webpack-plugin": "^7.1.0",
+    "monaco-yaml": "^4.0.0",
-    "monaco-yaml": "^5.4.0",
     "numeral": "^2.0.6",
     "overlayscrollbars": "^2.10.0",
     "overlayscrollbars-react": "^0.5.6",
-    "pdfjs-dist": "^4.7.76",
     "query-string": "^9.0.0",
     "rc-resize-observer": "^1.4.3",
     "rc-virtual-list": "^3.14.8",
@@ -74,44 +69,58 @@
     "react-hotkeys-hook": "^4.5.0",
     "react-intersection-observer": "^9.16.0",
     "react-markdown": "^9.0.3",
+    "react-router-dom": "^6.30.3",
     "rehype-katex": "^7.0.1",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
+    "semver": "^7.7.3",
     "simplebar-react": "^3.2.6",
     "styled-components": "^6.1.15",
-    "tinycolor2": "^1.6.0",
     "umi-presets-pro": "^2.0.3",
-    "wavesurfer.js": "^7.8.8",
+    "wavesurfer.js": "^7.8.8"
-    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.4",
+    "@types/node": "^25.0.3",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
+    "@types/semver": "^7.7.1",
+    "@typescript-eslint/eslint-plugin": "^8.58.1",
     "@umijs/case-sensitive-paths-webpack-plugin": "^1.0.1",
     "@umijs/plugins": "^4.4.11",
     "babel-plugin-named-asset-import": "^0.3.8",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "compression-webpack-plugin": "^11.1.0",
+    "cross-env": "^7.0.3",
     "css-loader": "^7.1.2",
-    "eslint": "^8.56.0",
+    "eslint": "^9.39.4",
-    "eslint-plugin-unused-imports": "^3.2.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-unused-imports": "^4.4.1",
     "extract-css-loader": "^0.0.1",
     "file-loader": "^6.2.0",
+    "globals": "^17.4.0",
     "husky": "^9.0.11",
     "less-loader": "^12.2.0",
     "lint-staged": "^15.2.2",
     "mini-css-extract-plugin": "^2.9.0",
+    "monaco-editor-webpack-plugin": "^4.2.0",
     "prettier": "^3.2.5",
     "prettier-plugin-organize-imports": "^3.2.4",
     "prettier-plugin-packagejson": "^2.5.0",
     "prettier-plugin-two-style-order": "^1.0.1",
     "tsx": "^4.19.3",
     "typescript": "^5.4.5",
+    "typescript-eslint": "^8.58.0",
     "url-loader": "^4.1.1",
     "webpack-bundle-analyzer": "^4.10.2",
     "worker-loader": "^3.0.8"
   },
+  "packageManager": "pnpm@9.3.0",
   "pnpm": {
     "overrides": {
       "elliptic": "^6.6.1"

plugin.ts

@@ -5,6 +5,8 @@ export default (api: IApi) => {
     const info = JSON.parse(process.env.VERSION || '{}');
     const env = process.env.NODE_ENV;
 
+    $('html').attr('lang', 'en');
+
     $('html').attr('data-env', env);
 
     $('html').attr(

scripts/stylelint-compat.cjs

@@ -0,0 +1,32 @@
+const fs = require('fs');
+const path = require('path');
+const { spawnSync } = require('child_process');
+
+const pnpmDir = path.resolve(__dirname, '../../../node_modules/.pnpm');
+
+function findDir(prefix) {
+  return fs.readdirSync(pnpmDir).find((name) => name.startsWith(prefix));
+}
+
+const stylelintDir = findDir('stylelint@14.8.2');
+if (!stylelintDir) {
+  console.error('Compatible stylelint@14.8.2 not found in workspace node_modules/.pnpm');
+  process.exit(1);
+}
+
+const stylelintBin = path.join(
+  pnpmDir,
+  stylelintDir,
+  'node_modules/stylelint/bin/stylelint.js'
+);
+
+const result = spawnSync(process.execPath, [stylelintBin, ...process.argv.slice(2)], {
+  stdio: 'inherit',
+  cwd: process.cwd(),
+});
+
+if (result.error) {
+  console.error(result.error);
+}
+
+process.exit(result.status ?? 1);

src/access.extensions.ts

@@ -0,0 +1,14 @@
+// Identity hook for build-time access-predicate extensions. Tooling may
+// overwrite this file to widen predicates; the original is restored on
+// cleanup. Mirrors `config/routes.extensions.ts`.
+export type AccessPredicates = {
+  canSeeAdmin: boolean;
+  canSeeOrgAdmin: boolean;
+  canManageCurrentOrg: boolean;
+  canSeeUser: boolean;
+  canDelete: boolean;
+  canLogin: boolean;
+};
+
+export const applyAccessExtensions = <T extends AccessPredicates>(base: T): T =>
+  base;

src/access.ts

@@ -1,5 +1,11 @@
-export default (initialState: { currentUser?: Global.UserInfo }) => {
+import { applyAccessExtensions } from './access.extensions';
-  const canSeeAdmin = !!(
+
+export default (initialState: {
+  currentUser?: Global.UserInfo;
+  hasKubernetesCluster?: boolean;
+  hasResourceEvents?: boolean;
+}) => {
+  const isPlatformAdmin = !!(
     initialState &&
     initialState.currentUser &&
     initialState.currentUser.is_admin
@@ -9,11 +15,42 @@ export default (initialState: { currentUser?: Global.UserInfo }) => {
     initialState.currentUser &&
     !initialState.currentUser.is_admin
   );
+  // GPU Service is Kubernetes-only. We only gate visibility down when
+  // the probe in `getInitialState` came back with a definitive answer;
+  // `undefined` (probe failed / not yet ready) collapses to the
+  // role-based default so a transient network blip can't lock anyone
+  // out of the menu.
+  const hasKubernetesCluster = initialState?.hasKubernetesCluster;
+  // Having run GPU/CPU instances or storage (any resource_events) also unlocks
+  // GPU Service / the full Usage page — a user who used it keeps seeing it even
+  // without a current cluster. MaaS-only users (no cluster, no events) don't.
+  const hasResourceEvents = !!initialState?.hasResourceEvents;
 
-  return {
+  // Predicate roles, top-down by strictness:
-    canSeeAdmin,
+  //   * `canSeeAdmin` — strictly platform admin (`users.is_admin`).
+  //     Gates Users.
+  //   * `canSeeOrgAdmin` — admin-style menus that work cross-org
+  //     (Dashboard, Resources, Models, Cluster Management). Defaults
+  //     to platform admin; extensions widen to include org admins.
+  //   * `canSeeGpuService` — GPU Service menu. Anyone allowed to
+  //     manage clusters (admins, Org owners) sees it; non-admins fall
+  //     through to "show only if a Kubernetes cluster is actually
+  //     reachable" so Org members without scheduling access don't see
+  //     a dead-end menu item.
+  //   * `canManageCurrentOrg` — pages that only make sense inside a
+  //     specific org context (member / group management). Defaults to
+  //     `false`; extensions widen when both an org is selected AND
+  //     the caller is admin of it.
+  // Pass through `applyAccessExtensions` so build-time tooling can
+  // widen these without editing this file. Default is a no-op.
+  return applyAccessExtensions({
+    canSeeAdmin: isPlatformAdmin,
+    canSeeOrgAdmin: isPlatformAdmin,
+    canSeeGpuService:
+      isPlatformAdmin || hasKubernetesCluster !== false || hasResourceEvents,
+    canManageCurrentOrg: false,
     canSeeUser,
     canDelete: true,
     canLogin: true
-  };
+  });
 };

src/app.tsx

@@ -1,21 +1,34 @@
-import { GPUStackVersionAtom, UpdateCheckAtom } from '@/atoms/user';
+import { userSettingsHelperAtom } from '@/atoms/settings';
+import { GPUStackVersionAtom, UpdateCheckAtom, userAtom } from '@/atoms/user';
 import { setAtomStorage } from '@/atoms/utils';
 import { DEFAULT_ENTER_PAGE, GPUSTACK_API_BASE_URL } from '@/config/settings';
+import { COLOR_PRIMARY } from '@/config/theme/constants';
+import { queryClusterList } from '@/pages/cluster-management/apis';
+import { ProviderValueMap } from '@/pages/cluster-management/config';
+import { queryResourceEvents } from '@/pages/usage/apis/resource';
+import { getGPUStackPlugin } from '@/plugins';
+import { enterprisePluginReady } from '@/plugins/enterprise-ready';
+import { GPUStackPluginManager } from '@/plugins/manager';
 import { requestConfig } from '@/request-config';
 import {
   queryCurrentUserState,
   queryVersionInfo,
   updateCheck
 } from '@/services/profile/apis';
+import { fetchSystemConfig } from '@/services/system/query-system-config';
 import { isOnline } from '@/utils';
+import { installTenantFetch } from '@/utils/install-fetch';
 import {
   IS_FIRST_LOGIN,
   readState,
   writeState
 } from '@/utils/localstore/index';
-import { RequestConfig, history } from '@umijs/max';
+import '@gpustack/core-ui/style.css';
+import { RequestConfig, history, request as umiRequest } from '@umijs/max';
 import { message } from 'antd';
 
+installTenantFetch();
+
 // only for the first login and access from http://localhost
 
 const checkDefaultPage = async (userInfo: any) => {
@@ -28,13 +41,107 @@ const checkDefaultPage = async (userInfo: any) => {
   }
 };
 
+// Probes the caller's cluster list once so access predicates can gate
+// GPU Service (Kubernetes-only). Cheap (one list request) and never
+// blocks login — any failure just falls back to `undefined`, which
+// the predicate treats as "unknown / don't restrict beyond role".
+// The result is also mirrored into sessionStorage so access extensions
+// that run without the initialState argument can read it (e.g. to
+// override the admin shortcut in scopes where the menu shouldn't
+// show even for admins).
+const HAS_K8S_CLUSTER_KEY = 'hasKubernetesCluster';
+const probeHasKubernetesCluster = async (): Promise<boolean | undefined> => {
+  try {
+    const res = await queryClusterList(
+      { page: -1 },
+      {
+        skipErrorHandler: true
+      }
+    );
+    const value = (res?.items ?? []).some(
+      (c) => c?.provider === ProviderValueMap.Kubernetes
+    );
+    try {
+      window.sessionStorage.setItem(HAS_K8S_CLUSTER_KEY, JSON.stringify(value));
+    } catch {
+      // sessionStorage may be unavailable (Safari private mode); the
+      // access predicate already handles a missing value as "unknown".
+    }
+    return value;
+  } catch (error) {
+    console.error('probeHasKubernetesCluster error', error);
+    try {
+      window.sessionStorage.removeItem(HAS_K8S_CLUSTER_KEY);
+    } catch {
+      // ignore
+    }
+    return undefined;
+  }
+};
+
+// Probes whether the caller has ANY resource-usage events (GPU/CPU instance or
+// storage lifecycle). Used alongside the cluster probe so a user who has run
+// GPU instances still sees GPU Service / the full Usage page even if they
+// currently have no Kubernetes cluster. Mirrored into sessionStorage for the
+// access extensions; any failure → undefined ("unknown — don't restrict").
+const HAS_RESOURCE_EVENTS_KEY = 'hasResourceEvents';
+const probeHasResourceEvents = async (): Promise<boolean | undefined> => {
+  try {
+    // No date range = "ever"; scope is clamped to the caller server-side.
+    const res = await queryResourceEvents(
+      { perPage: 1 },
+      {
+        skipErrorHandler: true
+      }
+    );
+    const value = (res?.pagination?.total ?? 0) > 0;
+    try {
+      window.sessionStorage.setItem(
+        HAS_RESOURCE_EVENTS_KEY,
+        JSON.stringify(value)
+      );
+    } catch {
+      // sessionStorage may be unavailable; predicate treats missing as unknown.
+    }
+    return value;
+  } catch (error) {
+    console.error('probeHasResourceEvents error', error);
+    try {
+      window.sessionStorage.removeItem(HAS_RESOURCE_EVENTS_KEY);
+    } catch {
+      // ignore
+    }
+    return undefined;
+  }
+};
+
 // runtime configuration
 export async function getInitialState(): Promise<{
   fetchUserInfo: () => Promise<Global.UserInfo>;
   currentUser?: Global.UserInfo;
+  pluginData?: Record<string, any>;
+  hasKubernetesCluster?: boolean;
+  hasResourceEvents?: boolean;
 }> {
   const { location } = history;
 
+  // In open-source builds the promise resolves immediately.
+  await enterprisePluginReady;
+
+  // initialize plugins and merge enterprise locales
+  let pluginData = {};
+  try {
+    pluginData = await GPUStackPluginManager.initialize({
+      request: umiRequest,
+      setUserSettings: (value) => setAtomStorage(userSettingsHelperAtom, value),
+      setStorageUserSettings: (value) =>
+        setAtomStorage(userSettingsHelperAtom, value),
+      defaultColorPrimary: COLOR_PRIMARY
+    });
+  } catch (error) {
+    console.error('Failed to initialize plugins:', error);
+  }
+
   const getUpdateCheck = async () => {
     try {
       const data = await updateCheck();
@@ -57,6 +164,37 @@ export async function getInitialState(): Promise<{
       });
       if (data.is_admin) {
         getUpdateCheck();
+        fetchSystemConfig();
+      }
+      // Only commit a substantive user object. A truthy-but-empty
+      // `data` (e.g. server responded 200 with an empty body) would
+      // otherwise look like "logged in" to every `currentUser`
+      // reader and the access seam — break out instead and let the
+      // caller treat the request as failed.
+      if (data && typeof data === 'object' && Object.keys(data).length > 0) {
+        // Commit the identity to atom storage (and so to localStorage)
+        // before returning. The access function — memoized on
+        // `initialState` and run once per commit — reads identity from
+        // localStorage; without this preemptive write the predicate
+        // sees the prior session's identity on its first evaluation
+        // after login, and stays stale until the next identity change
+        // (which usually doesn't come without a manual refresh).
+        try {
+          setAtomStorage(userAtom, data);
+        } catch (err) {
+          console.error('userAtom commit error:', err);
+        }
+        // Fire `onUserFetched` so plugins maintaining identity-scoped
+        // caches can seed them under the new identity before any
+        // caller commits this user to `initialState`. Errors here are
+        // swallowed and logged — fetchUserInfo must still return.
+        try {
+          await getGPUStackPlugin()?.login?.onUserFetched?.(data, {
+            request: umiRequest
+          });
+        } catch (err) {
+          console.error('onUserFetched plugin hook error:', err);
+        }
       }
       return data;
     } catch (error: any) {
@@ -97,15 +235,24 @@ export async function getInitialState(): Promise<{
   getAppVersionInfo();
 
   if (![DEFAULT_ENTER_PAGE.login].includes(location.pathname)) {
-    const userInfo = await fetchUserInfo();
+    const [userInfo, hasKubernetesCluster, hasResourceEvents] =
+      await Promise.all([
+        fetchUserInfo(),
+        probeHasKubernetesCluster(),
+        probeHasResourceEvents()
+      ]);
     checkDefaultPage(userInfo);
     return {
       fetchUserInfo,
-      currentUser: userInfo
+      currentUser: userInfo,
+      pluginData,
+      hasKubernetesCluster,
+      hasResourceEvents
     };
   }
   return {
-    fetchUserInfo
+    fetchUserInfo,
+    pluginData
   };
 }
 

src/assets/logo/tensorflow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 286 64"><g><g><defs><path id="SVGID_1_" d="M47.5 17.6L25 4.8v52.6l9-5.2V37.4l6.8 3.9-.1-10.1-6.7-3.9v-5.9l13.5 7.9z"/></defs><clipPath id="SVGID_2_"><use xlink:href="#SVGID_1_" overflow="visible"/></clipPath><g clip-path="url(#SVGID_2_)"><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-1.6" y1="335.05" x2="53.6" y2="335.05" gradientTransform="translate(0 -304)"><stop offset="0" stop-color="#ff6f00"/><stop offset="1" stop-color="#ffa800"/></linearGradient><path d="M-1.6 4.6h55.2v52.9H-1.6V4.6z" fill="url(#SVGID_3_)"/></g></g></g><g><g><defs><path id="SVGID_4_" d="M.5 17.6L23 4.8v52.6l-9-5.2V21.4L.5 29.3z"/></defs><clipPath id="SVGID_5_"><use xlink:href="#SVGID_4_" overflow="visible"/></clipPath><g clip-path="url(#SVGID_5_)"><linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-1.9" y1="335.05" x2="53.3" y2="335.05" gradientTransform="translate(0 -304)"><stop offset="0" stop-color="#ff6f00"/><stop offset="1" stop-color="#ffa800"/></linearGradient><path d="M-1.9 4.6h55.2v52.9H-1.9V4.6z" fill="url(#SVGID_6_)"/></g></g></g><path style="fill:#425066" d="M88.2 21.1h-10v27.7h-5.6V21.1h-10v-4.5h25.6v4.5z"/><path style="fill:#425066" d="M94.9 49.2c-3.4 0-6.2-1.1-8.3-3.2-2.1-2.1-3.2-5-3.2-8.6v-.7c0-2.2.4-4.4 1.4-6.4.9-1.8 2.2-3.3 3.9-4.4 1.7-1.1 3.6-1.6 5.6-1.6 3.3 0 5.8 1 7.6 3.1s2.7 5 2.7 8.8v2.2H88.9c.1 1.8.8 3.4 2 4.7 1.2 1.2 2.7 1.8 4.4 1.7 2.4.1 4.6-1.1 6-3l2.9 2.8c-1 1.4-2.3 2.6-3.8 3.3-1.8 1-3.6 1.4-5.5 1.3zm-.6-20.5c-1.4-.1-2.7.5-3.6 1.5-1 1.2-1.6 2.7-1.7 4.3h10.3v-.4c-.1-1.8-.6-3.2-1.4-4.1-1-.8-2.3-1.4-3.6-1.3zm19.4-3.9l.2 2.8c1.7-2.1 4.3-3.3 7-3.2 5 0 7.5 2.9 7.6 8.6v15.8h-5.4V33.3c0-1.5-.3-2.6-1-3.4-.7-.7-1.7-1.1-3.2-1.1-2.1-.1-4 1.1-4.9 2.9v17h-5.4v-24l5.1.1zm32.2 17.5c0-.9-.4-1.7-1.2-2.2-1.2-.7-2.6-1.1-3.9-1.3-1.6-.3-3.1-.8-4.6-1.5-2.7-1.3-4-3.2-4-5.6 0-2 1-4 2.6-5.2 1.7-1.4 4-2.1 6.6-2.1 2.9 0 5.2.7 6.9 2.1 1.7 1.3 2.7 3.4 2.6 5.5h-5.4c0-1-.4-1.9-1.2-2.6-.9-.7-1.9-1.1-3.1-1-1 0-2 .2-2.9.8-.7.5-1.1 1.3-1.1 2.2 0 .8.4 1.5 1 1.9.7.5 2.1.9 4.2 1.4 1.7.3 3.4.9 5 1.7 1.1.5 2 1.3 2.7 2.3.6 1 .9 2.1.9 3.3 0 2.1-1 4-2.7 5.2-1.8 1.3-4.1 2-7 2-1.8 0-3.6-.3-5.2-1.1-1.4-.6-2.7-1.6-3.6-2.9-.8-1.2-1.3-2.6-1.3-4h5.2c0 1.1.5 2.2 1.4 2.9 1 .7 2.3 1.1 3.5 1 1.4 0 2.5-.3 3.2-.8 1-.4 1.4-1.2 1.4-2zm8.1-5.7c0-2.2.4-4.4 1.4-6.3.9-1.8 2.2-3.3 3.9-4.3 1.8-1 3.8-1.6 5.8-1.5 3.2 0 5.9 1 7.9 3.1s3.1 4.8 3.3 8.3v1.3c0 2.2-.4 4.3-1.4 6.3-.8 1.8-2.2 3.3-3.9 4.3-1.8 1-3.8 1.6-5.9 1.5-3.4 0-6.1-1.1-8.1-3.4-2-2.2-3-5.2-3.1-9l.1-.3zm5.3.5c0 2.5.5 4.4 1.5 5.8 1.8 2.3 5.1 2.8 7.5 1 .4-.3.7-.6 1-1 1-1.4 1.5-3.5 1.5-6.2 0-2.4-.5-4.3-1.6-5.8-1.7-2.3-5-2.8-7.4-1.1-.4.3-.8.7-1.1 1-.8 1.4-1.4 3.5-1.4 6.3zm33.1-7.3c-.7-.1-1.5-.2-2.2-.2-2.5 0-4.1.9-5 2.8v16.4h-5.4v-24h5.1l.1 2.7c1.3-2.1 3.1-3.1 5.4-3.1.6 0 1.3.1 1.9.3l.1 5.1zm22.5 5.3h-13v13.7h-5.6V16.6h20.5v4.5h-14.9v9.6h13v4.4zm10.7 13.7h-5.4V16.5h5.4v32.3zm3.9-12.2c0-2.2.4-4.4 1.4-6.3.9-1.8 2.2-3.3 3.9-4.3 1.8-1 3.8-1.6 5.8-1.5 3.2 0 5.9 1 7.9 3.1s3.1 4.8 3.3 8.3v1.3c0 2.2-.4 4.3-1.3 6.3-.8 1.8-2.2 3.3-3.9 4.3-1.8 1-3.8 1.6-5.9 1.5-3.4 0-6.1-1.1-8.1-3.4-2-2.2-3.1-5.2-3.1-9v-.3zm5.4.5c0 2.5.5 4.4 1.5 5.8 1 1.4 2.6 2.2 4.3 2.1 1.7.1 3.3-.7 4.2-2.1 1-1.4 1.5-3.5 1.5-6.2 0-2.4-.5-4.3-1.6-5.8-1.7-2.3-5-2.8-7.4-1.1-.4.3-.8.7-1.1 1-.9 1.4-1.4 3.5-1.4 6.3zm41.2 4.3l3.8-16.5h5.2l-6.5 24h-4.4l-5.1-16.5-5.1 16.5h-4.4l-6.6-24h5.3l3.9 16.4 4.9-16.4h4.1l4.9 16.5z"/></svg>

src/assets/providers-logo/ai360.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>AI360</title><path clip-rule="evenodd" d="M12 0h.018c1.473-.002 2.88.261 4.179.754C20.755 2.456 24 6.85 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm8.604 18.967A11.024 11.024 0 0023.07 12c0-1.717-.39-3.344-1.089-4.794a2.59 2.59 0 01-3.214.62 6.278 6.278 0 01-1.333-.992C16.283 5.73 15.109 4.66 13.696 3.9c-3.211-1.729-6.825-1.501-9.695.447A11.033 11.033 0 00.93 12c0 1.663.367 3.241 1.024 4.657.75-.973 2.131-1.346 3.232-.71.667.384 1.257.92 1.837 1.447l.176.16c1.365 1.234 2.794 2.355 4.558 2.965 3.053 1.053 6.356.437 8.847-1.552z" fill="url(#lobe-icons-ai-360-fill-0)" fill-rule="evenodd"></path><path d="M5.643 10.312c-.83.11-1.401.766-1.408 1.618a1.715 1.715 0 001.45 1.72c.805.128 1.64-.426 1.87-1.26.046-.167.076-.338.106-.51.025-.14.05-.282.084-.42.318-1.317 1.237-1.95 2.788-1.93 1.086.013 1.318.271 1.68 1.855.017.076.043.151.07.226.26.714.976 1.17 1.67 1.065a1.647 1.647 0 001.38-1.438c.083-.729-.348-1.264-1.122-1.575-.34-.136-.664-.158-.995-.141-.726.037-1.121-.36-1.339-.977a3.359 3.359 0 01-.134-.65c-.014-.093-.027-.186-.043-.278-.156-.887-.835-1.51-1.669-1.532-.791-.02-1.464.551-1.665 1.418l-.06.27-.025.117c-.355 1.636-.974 2.205-2.638 2.422z" fill="url(#lobe-icons-ai-360-fill-1)"></path><path d="M18.059 13.644c.989-.206 1.577-.838 1.592-1.697.015-.83-.624-1.582-1.46-1.724-.77-.13-1.599.383-1.844 1.18-.069.22-.117.448-.165.676-.06.29-.122.58-.225.854-.367.986-1.593 1.546-2.926 1.394-.824-.095-1.106-.446-1.342-1.674-.18-.938-.864-1.535-1.681-1.467-.85.07-1.515.829-1.468 1.673.05.892.678 1.44 1.705 1.489 1.375.064 1.75.396 1.926 1.787.067.531.267.967.685 1.288 1.02.783 2.407.208 2.66-1.108l.022-.114c.152-.796.3-1.577 1.04-2.101.36-.255.761-.326 1.166-.397.105-.019.21-.037.315-.06z" fill="url(#lobe-icons-ai-360-fill-2)"></path><path d="M13.83 7.961a.755.755 0 11-1.51 0 .755.755 0 011.51 0z" fill="url(#lobe-icons-ai-360-fill-3)"></path><path d="M10.809 16.678a.755.755 0 100-1.511.755.755 0 000 1.51z" fill="url(#lobe-icons-ai-360-fill-4)"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-ai-360-fill-0" x1="12" x2="12" y1="0" y2="24"><stop stop-color="#12B7FA"></stop><stop offset="1" stop-color="#006ffb"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-ai-360-fill-1" x1="11.943" x2="11.943" y1="6.085" y2="17.778"><stop stop-color="#006ffb"></stop><stop offset="1" stop-color="#12B7FA"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-ai-360-fill-2" x1="11.943" x2="11.943" y1="6.085" y2="17.778"><stop stop-color="#006ffb"></stop><stop offset="1" stop-color="#12B7FA"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-ai-360-fill-3" x1="11.943" x2="11.943" y1="6.085" y2="17.778"><stop stop-color="#006ffb"></stop><stop offset="1" stop-color="#12B7FA"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-ai-360-fill-4" x1="11.943" x2="11.943" y1="6.085" y2="17.778"><stop stop-color="#006ffb"></stop><stop offset="1" stop-color="#12B7FA"></stop></linearGradient></defs></svg>

src/assets/providers-logo/alibabacloud.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>AlibabaCloud</title><path d="M14.752 4.64h5.274C22.242 4.64 24 6.475 24 8.691V15.8a3.947 3.947 0 01-3.974 3.975h-5.274l1.299-1.835 3.822-1.222c.688-.23 1.146-.918 1.146-1.605v-5.81c0-.687-.458-1.375-1.146-1.605L16.05 6.475l-1.3-1.835zM2.98 15.111c0 .688.46 1.376 1.147 1.606l3.822 1.146 1.3 1.835H3.974A3.947 3.947 0 010 15.723V8.69c0-2.216 1.758-4.05 3.975-4.05h5.273L7.95 6.474 4.127 7.697c-.688.23-1.146.918-1.146 1.606v5.808z" fill="#FF6A00"></path><path d="M16.051 11.213H8.025v1.835h8.026v-1.835z" fill="#FF6A00"></path></svg>

src/assets/providers-logo/azureai.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>AzureAI</title><path clip-rule="evenodd" d="M16.233 0c.713 0 1.345.551 1.572 1.329.227.778 1.555 5.59 1.555 5.59v9.562h-4.813L14.645 0h1.588z" fill="url(#lobe-icons-azure-ai-fill-0)" fill-rule="evenodd"></path><path d="M23.298 7.47c0-.34-.275-.6-.6-.6h-2.835a3.617 3.617 0 00-3.614 3.615v5.996h3.436a3.617 3.617 0 003.613-3.614V7.47z" fill="url(#lobe-icons-azure-ai-fill-1)"></path><path clip-rule="evenodd" d="M16.233 0a.982.982 0 00-.989.989l-.097 18.198A4.814 4.814 0 0110.334 24H1.6a.597.597 0 01-.567-.794l7-19.981A4.819 4.819 0 0112.57 0h3.679-.016z" fill="url(#lobe-icons-azure-ai-fill-2)" fill-rule="evenodd"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-azure-ai-fill-0" x1="18.242" x2="14.191" y1="16.837" y2=".616"><stop stop-color="#712575"></stop><stop offset=".09" stop-color="#9A2884"></stop><stop offset=".18" stop-color="#BF2C92"></stop><stop offset=".27" stop-color="#DA2E9C"></stop><stop offset=".34" stop-color="#EB30A2"></stop><stop offset=".4" stop-color="#F131A5"></stop><stop offset=".5" stop-color="#EC30A3"></stop><stop offset=".61" stop-color="#DF2F9E"></stop><stop offset=".72" stop-color="#C92D96"></stop><stop offset=".83" stop-color="#AA2A8A"></stop><stop offset=".95" stop-color="#83267C"></stop><stop offset="1" stop-color="#712575"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-azure-ai-fill-1" x1="19.782" x2="19.782" y1=".34" y2="23.222"><stop stop-color="#DA7ED0"></stop><stop offset=".08" stop-color="#B17BD5"></stop><stop offset=".19" stop-color="#8778DB"></stop><stop offset=".3" stop-color="#6276E1"></stop><stop offset=".41" stop-color="#4574E5"></stop><stop offset=".54" stop-color="#2E72E8"></stop><stop offset=".67" stop-color="#1D71EB"></stop><stop offset=".81" stop-color="#1471EC"></stop><stop offset="1" stop-color="#1171ED"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-azure-ai-fill-2" x1="18.404" x2="3.236" y1=".859" y2="25.183"><stop stop-color="#DA7ED0"></stop><stop offset=".05" stop-color="#B77BD4"></stop><stop offset=".11" stop-color="#9079DA"></stop><stop offset=".18" stop-color="#6E77DF"></stop><stop offset=".25" stop-color="#5175E3"></stop><stop offset=".33" stop-color="#3973E7"></stop><stop offset=".42" stop-color="#2772E9"></stop><stop offset=".54" stop-color="#1A71EB"></stop><stop offset=".68" stop-color="#1371EC"></stop><stop offset="1" stop-color="#1171ED"></stop></linearGradient></defs></svg>

src/assets/providers-logo/baichuan.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Baichuan</title><defs><linearGradient id="lobe-icons-baichuan-fill" x1="17.764%" x2="100%" y1="8.678%" y2="91.322%"><stop offset="0%" stop-color="#FEC13E"></stop><stop offset="100%" stop-color="#FF6933"></stop></linearGradient></defs><path d="M7.333 2h-3.2l-2 4.333V17.8L0 22h5.2l2.028-4.2L7.333 2zm7.334 0h-5.2v20h5.2V2zM16.8 7.733H22V22h-5.2V7.733zM22 2h-5.2v4.133H22V2z" fill="url(#lobe-icons-baichuan-fill)" fill-rule="nonzero"></path></svg>

src/assets/providers-logo/baiducloud.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>BaiduCloud</title><path d="M21.715 5.61l-3.983 2.31a.903.903 0 01-.896 0L12.44 5.384a.903.903 0 00-.897 0L7.156 7.92a.903.903 0 01-.896 0L2.276 5.617 12.002 0l9.713 5.61z" fill="#5BCA87"></path><path d="M18.641 9.467a.89.89 0 00-.438.77v5.072a.896.896 0 01-.445.77l-4.428 2.51a.884.884 0 00-.445.777v4.607l4.429-2.536 5.31-3.047V7.157l-3.983 2.31z" fill="#EC5D3E"></path><path d="M10.98 18.941a.936.936 0 00-.305-.352l-4.429-2.516a.903.903 0 01-.431-.764v-5.078a.89.89 0 00-.452-.757l-.451-.26L1.38 7.158V18.39l5.311 3.047L11.126 24v-4.608a.881.881 0 00-.146-.45z" fill="#2464F5"></path></svg>

src/assets/providers-logo/bailian.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>BaiLian</title><path d="M6.336 8.919v6.162l5.335-3.083L6.337 8.92z" fill="#1C54E3"></path><path d="M21.394 5.288s-.006-.006-.01-.006L17.01 2.754 6.336 8.92l5.335 3.082 9.701-5.6.016-.01a.635.635 0 00.006-1.1v-.003z" fill="#AA9AFF"></path><path d="M21.71 12.465a.62.62 0 00-.316.085s-.006 0-.009.003l-4.375 2.528 5.05 2.915h.006a2.06 2.06 0 00.28-1.04v-3.855a.637.637 0 00-.636-.636z" fill="#00EAD1"></path><path d="M22.06 17.996l-5.05-2.915L6.34 21.242l4.27 2.465s.016.006.022.012a2.102 2.102 0 002.093 0c.006-.003.016-.006.022-.012l8.538-4.93c.003 0 .006-.003.01-.006.321-.183.589-.45.775-.772h-.006l-.004-.003z" fill="#00CEC9"></path><path d="M11.672 11.998l-5.336 3.083-1.444.832-3.605 2.083H1.28c.173.303.416.555.709.738l.078.044.016.01.02.012 4.232 2.442 10.671-6.161-5.335-3.082z" fill="#00EAD1"></path><path d="M12.74.29c-.1-.06-.208-.107-.315-.148-.02-.006-.038-.016-.057-.022a2.121 2.121 0 00-.7-.12c-.233 0-.457.038-.668.11l-.031.01a2.196 2.196 0 00-.372.17L2.068 5.222s-.003 0-.006.003c-.324.183-.592.451-.781.773h.006l5.049 2.918L17.01 2.758 12.74.29z" fill="#7347FF"></path><path d="M1.287 6.001H1.28A2.06 2.06 0 001 7.041v9.915c0 .378.1.735.28 1.043h.007l5.049-2.918V8.919l-5.05-2.918z" fill="#0423DA"></path></svg>

src/assets/providers-logo/bedrock.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Bedrock</title><defs><linearGradient id="lobe-icons-bedrock-fill" x1="80%" x2="20%" y1="20%" y2="80%"><stop offset="0%" stop-color="#6350FB"></stop><stop offset="50%" stop-color="#3D8FFF"></stop><stop offset="100%" stop-color="#9AD8F8"></stop></linearGradient></defs><path d="M13.05 15.513h3.08c.214 0 .389.177.389.394v1.82a1.704 1.704 0 011.296 1.661c0 .943-.755 1.708-1.685 1.708-.931 0-1.686-.765-1.686-1.708 0-.807.554-1.484 1.297-1.662v-1.425h-2.69v4.663a.395.395 0 01-.188.338l-2.69 1.641a.385.385 0 01-.405-.002l-4.926-3.086a.395.395 0 01-.185-.336V16.3L2.196 14.87A.395.395 0 012 14.555L2 14.528V9.406c0-.14.073-.27.192-.34l2.465-1.462V4.448c0-.129.062-.249.165-.322l.021-.014L9.77 1.058a.385.385 0 01.407 0l2.69 1.675a.395.395 0 01.185.336V7.6h3.856V5.683a1.704 1.704 0 01-1.296-1.662c0-.943.755-1.708 1.685-1.708.931 0 1.685.765 1.685 1.708 0 .807-.553 1.484-1.296 1.662v2.311a.391.391 0 01-.389.394h-4.245v1.806h6.624a1.69 1.69 0 011.64-1.313c.93 0 1.685.764 1.685 1.707 0 .943-.754 1.708-1.685 1.708a1.69 1.69 0 01-1.64-1.314H13.05v1.937h4.953l.915 1.18a1.66 1.66 0 01.84-.227c.931 0 1.685.764 1.685 1.707 0 .943-.754 1.708-1.685 1.708-.93 0-1.685-.765-1.685-1.708 0-.346.102-.668.276-.937l-.724-.935H13.05v1.806zM9.973 1.856L7.93 3.122V6.09h-.778V3.604L5.435 4.669v2.945l2.11 1.36L9.712 7.61V5.334h.778V7.83c0 .136-.07.263-.184.335L7.963 9.638v2.081l1.422 1.009-.446.646-1.406-.998-1.53 1.005-.423-.66 1.605-1.055v-1.99L5.038 8.29l-2.26 1.34v1.676l1.972-1.189.398.677-2.37 1.429V14.3l2.166 1.258 2.27-1.368.397.677-2.176 1.311V19.3l1.876 1.175 2.365-1.426.398.678-2.017 1.216 1.918 1.201 2.298-1.403v-5.78l-4.758 2.893-.4-.675 5.158-3.136V3.289L9.972 1.856zM16.13 18.47a.913.913 0 00-.908.92c0 .507.406.918.908.918a.913.913 0 00.907-.919.913.913 0 00-.907-.92zm3.63-3.81a.913.913 0 00-.908.92c0 .508.406.92.907.92a.913.913 0 00.908-.92.913.913 0 00-.908-.92zm1.555-4.99a.913.913 0 00-.908.92c0 .507.407.918.908.918a.913.913 0 00.907-.919.913.913 0 00-.907-.92zM17.296 3.1a.913.913 0 00-.907.92c0 .508.406.92.907.92a.913.913 0 00.908-.92.913.913 0 00-.908-.92z" fill="url(#lobe-icons-bedrock-fill)" fill-rule="nonzero"></path></svg>

src/assets/providers-logo/claude.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Claude</title><path d="M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z" fill="#D97757" fill-rule="nonzero"></path></svg>

src/assets/providers-logo/cloudflare.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Cloudflare</title><path d="M16.493 17.4c.135-.52.08-.983-.161-1.338-.215-.328-.592-.519-1.05-.519l-8.663-.109a.148.148 0 01-.135-.082c-.027-.054-.027-.109-.027-.163.027-.082.108-.164.189-.164l8.744-.11c1.05-.054 2.153-.9 2.556-1.937l.511-1.31c.027-.055.027-.11.027-.164C17.92 8.91 15.66 7 12.942 7c-2.503 0-4.628 1.638-5.381 3.903a2.432 2.432 0 00-1.803-.491c-1.21.109-2.153 1.092-2.287 2.32-.027.328 0 .628.054.9C1.56 13.688 0 15.326 0 17.319c0 .19.027.355.027.545 0 .082.08.137.161.137h15.983c.08 0 .188-.055.215-.164l.107-.437" fill="#F38020"></path><path d="M19.238 11.75h-.242c-.054 0-.108.054-.135.109l-.35 1.2c-.134.52-.08.983.162 1.338.215.328.592.518 1.05.518l1.855.11c.054 0 .108.027.135.082.027.054.027.109.027.163-.027.082-.108.164-.188.164l-1.91.11c-1.05.054-2.153.9-2.557 1.937l-.134.355c-.027.055.026.137.107.137h6.592c.081 0 .162-.055.162-.137.107-.41.188-.846.188-1.31-.027-2.62-2.153-4.777-4.762-4.777" fill="#FCAD32"></path></svg>

src/assets/providers-logo/cohere.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Cohere</title><path clip-rule="evenodd" d="M8.128 14.099c.592 0 1.77-.033 3.398-.703 1.897-.781 5.672-2.2 8.395-3.656 1.905-1.018 2.74-2.366 2.74-4.18A4.56 4.56 0 0018.1 1H7.549A6.55 6.55 0 001 7.55c0 3.617 2.745 6.549 7.128 6.549z" fill="#39594D" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M9.912 18.61a4.387 4.387 0 012.705-4.052l3.323-1.38c3.361-1.394 7.06 1.076 7.06 4.715a5.104 5.104 0 01-5.105 5.104l-3.597-.001a4.386 4.386 0 01-4.386-4.387z" fill="#D18EE2" fill-rule="evenodd"></path><path d="M4.776 14.962A3.775 3.775 0 001 18.738v.489a3.776 3.776 0 007.551 0v-.49a3.775 3.775 0 00-3.775-3.775z" fill="#FF7759"></path></svg>

src/assets/providers-logo/coze.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Coze</title><path clip-rule="evenodd" d="M3.908 9.096A8.092 8.092 0 0111.998 1h.006c4.468 0 8.09 3.628 8.09 8.096v3.392h1.942c2.23 0 2.732 3.126.615 3.828l-2.556.85v1.466a1.947 1.947 0 01-2.818 1.742l-1.42-.707c-.067-.03-.149 0-.17.071-1.147 3.587-6.225 3.587-7.373 0a.123.123 0 00-.169-.07l-1.42.706c-1.29.65-2.817-.292-2.817-1.742v-1.466l-2.557-.85c-2.122-.697-1.614-3.828.615-3.828h1.942V9.096zm4.571 2.613a.784.784 0 00-.784.784v1.568a.784.784 0 101.568 0v-1.568a.784.784 0 00-.784-.784zm7.045.779a.784.784 0 100 1.568.784.784 0 000-1.568zm-6.186 3.415a.78.78 0 00.17.254 3.517 3.517 0 004.98 0 .782.782 0 10-1.106-1.107 1.958 1.958 0 01-2.767 0 .78.78 0 00-1.277.254.78.78 0 000 .6z"></path></svg>

src/assets/providers-logo/deepl.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>DeepL</title><path d="M11.563 0c.24 0 .475.065.682.187l8.197 4.756a1.383 1.383 0 01.683 1.197v9.528c0 .495-.26.949-.683 1.196l-4.79 2.78.01-.002-.155.087-.23.133a.69.69 0 00-.3.563v.386l-.16-.683-2.572 1.493a1.35 1.35 0 01-1.366 0l-8.195-4.757A1.384 1.384 0 012 15.668V6.14c0-.482.26-.936.684-1.183l8.195-4.77c.207-.122.443-.187.684-.187zm-1.27 14.023a1.405 1.405 0 00-2.038-.073 1.43 1.43 0 00.984 2.464c.368 0 .722-.144.985-.401a1.428 1.428 0 00.396-1.384l3.674-2.137-.683-.386-3.317 1.917zM9.24 6.164c-.368 0-.72.145-.983.402a1.43 1.43 0 00-.326 1.592c.075.177.187.338.326.47a1.405 1.405 0 002.021-.055l3.745 2.173.013-.009a1.427 1.427 0 00.368 1.48 1.403 1.403 0 001.967 0 1.428 1.428 0 000-2.063 1.403 1.403 0 00-1.986.02l-3.77-2.201a1.427 1.427 0 00-.39-1.407 1.405 1.405 0 00-.985-.402z" fill="#0F2B46"></path><path clip-rule="evenodd" d="M14.978 24v-3.959l-4.781 1.182" fill="#0F2B46" fill-rule="evenodd"></path></svg>

src/assets/providers-logo/deepseek.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>DeepSeek</title><path d="M23.748 4.482c-.254-.124-.364.113-.512.234-.051.039-.094.09-.137.136-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.156-.708-.311-.955-.65-.172-.241-.219-.51-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.093.172.187.129.323-.082.28-.18.552-.266.833-.055.179-.137.217-.329.14a5.526 5.526 0 01-1.736-1.18c-.857-.828-1.631-1.742-2.597-2.458a11.365 11.365 0 00-.689-.471c-.985-.957.13-1.743.388-1.836.27-.098.093-.432-.779-.428-.872.004-1.67.295-2.687.684a3.055 3.055 0 01-.465.137 9.597 9.597 0 00-2.883-.102c-1.885.21-3.39 1.102-4.497 2.623C.082 8.606-.231 10.684.152 12.85c.403 2.284 1.569 4.175 3.36 5.653 1.858 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.133-.284 4.994-1.86.47.234.962.327 1.78.397.63.059 1.236-.03 1.705-.128.735-.156.684-.837.419-.961-2.155-1.004-1.682-.595-2.113-.926 1.096-1.296 2.746-2.642 3.392-7.003.05-.347.007-.565 0-.845-.004-.17.035-.237.23-.256a4.173 4.173 0 001.545-.475c1.396-.763 1.96-2.015 2.093-3.517.02-.23-.004-.467-.247-.588zM11.581 18c-2.089-1.642-3.102-2.183-3.52-2.16-.392.024-.321.471-.235.763.09.288.207.486.371.739.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.167-1.361-.802-2.5-1.86-3.301-3.307-.774-1.393-1.224-2.887-1.298-4.482-.02-.386.093-.522.477-.592a4.696 4.696 0 011.529-.039c2.132.312 3.946 1.265 5.468 2.774.868.86 1.525 1.887 2.202 2.891.72 1.066 1.494 2.082 2.48 2.914.348.292.625.514.891.677-.802.09-2.14.11-3.054-.614zm1-6.44a.306.306 0 01.415-.287.302.302 0 01.2.288.306.306 0 01-.31.307.303.303 0 01-.304-.308zm3.11 1.596c-.2.081-.399.151-.59.16a1.245 1.245 0 01-.798-.254c-.274-.23-.47-.358-.552-.758a1.73 1.73 0 01.016-.588c.07-.327-.008-.537-.239-.727-.187-.156-.426-.199-.688-.199a.559.559 0 01-.254-.078c-.11-.054-.2-.19-.114-.358.028-.054.16-.186.192-.21.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.391.451.462.576.685.914.176.265.336.537.445.848.067.195-.019.354-.25.452z" fill="#4D6BFE"></path></svg>

src/assets/providers-logo/dify.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Dify</title><path d="M7.043 6.487c1.635 0 2.241-1.003 2.241-2.243S8.681 2 7.044 2C5.405 2 4.801 3.003 4.801 4.244c0 1.24.604 2.243 2.241 2.243z" fill="#03F"></path><path d="M14.883 6.97v1.443h-3.679v3.203h3.68v8.012H8.801V8.41h-8v3.203h4.48v8.012H0v3.203h24v-3.203h-5.6v-8.012H24V8.41h-5.6V5.206H24V2.003h-4.161a4.97 4.97 0 00-4.961 4.967h.005z" fill="#03F"></path></svg>

src/assets/providers-logo/doubao.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Doubao</title><path d="M5.31 15.756c.172-3.75 1.883-5.999 2.549-6.739-3.26 2.058-5.425 5.658-6.358 8.308v1.12C1.501 21.513 4.226 24 7.59 24a6.59 6.59 0 002.2-.375c.353-.12.7-.248 1.039-.378.913-.899 1.65-1.91 2.243-2.992-4.877 2.431-7.974.072-7.763-4.5l.002.001z" fill="#1E37FC"></path><path d="M22.57 10.283c-1.212-.901-4.109-2.404-7.397-2.8.295 3.792.093 8.766-2.1 12.773a12.782 12.782 0 01-2.244 2.992c3.764-1.448 6.746-3.457 8.596-5.219 2.82-2.683 3.353-5.178 3.361-6.66a2.737 2.737 0 00-.216-1.084v-.002z" fill="#37E1BE"></path><path d="M14.303 1.867C12.955.7 11.248 0 9.39 0 7.532 0 5.883.677 4.545 1.807 2.791 3.29 1.627 5.557 1.5 8.125v9.201c.932-2.65 3.097-6.25 6.357-8.307.5-.318 1.025-.595 1.569-.829 1.883-.801 3.878-.932 5.746-.706-.222-2.83-.718-5.002-.87-5.617h.001z" fill="#A569FF"></path><path d="M17.305 4.961a199.47 199.47 0 01-1.08-1.094c-.202-.213-.398-.419-.586-.622l-1.333-1.378c.151.615.648 2.786.869 5.617 3.288.395 6.185 1.898 7.396 2.8-1.306-1.275-3.475-3.487-5.266-5.323z" fill="#1E37FC"></path></svg>

src/assets/providers-logo/fireworks.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Fireworks</title><path clip-rule="evenodd" d="M14.8 5l-2.801 6.795L9.195 5H7.397l3.072 7.428a1.64 1.64 0 003.038.002L16.598 5H14.8zm1.196 10.352l5.124-5.244-.699-1.669-5.596 5.739a1.664 1.664 0 00-.343 1.807 1.642 1.642 0 001.516 1.012L16 17l8-.02-.699-1.669-7.303.041h-.002zM2.88 10.104l.699-1.669 5.596 5.739c.468.479.603 1.189.343 1.807a1.643 1.643 0 01-1.516 1.012l-8-.018-.002.002.699-1.669 7.303.042-5.122-5.246z" fill="#5019C5" fill-rule="evenodd"></path></svg>

src/assets/providers-logo/gemini.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Gemini</title><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z" fill="#3186FF"></path><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z" fill="url(#lobe-icons-gemini-fill-0)"></path><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z" fill="url(#lobe-icons-gemini-fill-1)"></path><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z" fill="url(#lobe-icons-gemini-fill-2)"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-gemini-fill-0" x1="7" x2="11" y1="15.5" y2="12"><stop stop-color="#08B962"></stop><stop offset="1" stop-color="#08B962" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-gemini-fill-1" x1="8" x2="11.5" y1="5.5" y2="11"><stop stop-color="#F94543"></stop><stop offset="1" stop-color="#F94543" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-gemini-fill-2" x1="3.5" x2="17.5" y1="13.5" y2="12"><stop stop-color="#FABC12"></stop><stop offset=".46" stop-color="#FABC12" stop-opacity="0"></stop></linearGradient></defs></svg>

src/assets/providers-logo/github.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Github</title><path d="M12 0c6.63 0 12 5.276 12 11.79-.001 5.067-3.29 9.567-8.175 11.187-.6.118-.825-.25-.825-.56 0-.398.015-1.665.015-3.242 0-1.105-.375-1.813-.81-2.181 2.67-.295 5.475-1.297 5.475-5.822 0-1.297-.465-2.344-1.23-3.169.12-.295.54-1.503-.12-3.125 0 0-1.005-.324-3.3 1.209a11.32 11.32 0 00-3-.398c-1.02 0-2.04.133-3 .398-2.295-1.518-3.3-1.209-3.3-1.209-.66 1.622-.24 2.83-.12 3.125-.765.825-1.23 1.887-1.23 3.169 0 4.51 2.79 5.527 5.46 5.822-.345.294-.66.81-.765 1.577-.69.31-2.415.81-3.495-.973-.225-.354-.9-1.223-1.845-1.209-1.005.015-.405.56.015.781.51.28 1.095 1.327 1.23 1.666.24.663 1.02 1.93 4.035 1.385 0 .988.015 1.916.015 2.196 0 .31-.225.664-.825.56C3.303 21.374-.003 16.867 0 11.791 0 5.276 5.37 0 12 0z"></path></svg>

src/assets/providers-logo/grok.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Grok</title><path d="M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815"></path></svg>

src/assets/providers-logo/groq.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Groq</title><path d="M12.036 2c-3.853-.035-7 3-7.036 6.781-.035 3.782 3.055 6.872 6.908 6.907h2.42v-2.566h-2.292c-2.407.028-4.38-1.866-4.408-4.23-.029-2.362 1.901-4.298 4.308-4.326h.1c2.407 0 4.358 1.915 4.365 4.278v6.305c0 2.342-1.944 4.25-4.323 4.279a4.375 4.375 0 01-3.033-1.252l-1.851 1.818A7 7 0 0012.029 22h.092c3.803-.056 6.858-3.083 6.879-6.816v-6.5C18.907 4.963 15.817 2 12.036 2z"></path></svg>

src/assets/providers-logo/hunyuan.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Hunyuan</title><circle cx="12" cy="12" fill="#0055E9" r="12"></circle><path d="M12 0c.518 0 1.028.033 1.528.096A6.188 6.188 0 0112.12 12.28l-.12.001c-2.99 0-5.242 2.179-5.554 5.11-.223 2.086.353 4.412 2.242 6.146C3.672 22.1 0 17.479 0 12 0 5.373 5.373 0 12 0z" fill="#A8DFF5"></path><path d="M5.286 5a2.438 2.438 0 01.682 3.38c-3.962 5.966-3.215 10.743 2.648 15.136C3.636 22.056 0 17.452 0 12c0-1.787.39-3.482 1.09-5.006.253-.435.525-.872.817-1.311A2.438 2.438 0 015.286 5z" fill="#0055E9"></path><path d="M12.98.04c.272.021.543.053.81.093.583.106 1.117.254 1.538.44 6.638 2.927 8.07 10.052 1.748 15.642a4.125 4.125 0 01-5.822-.358c-1.51-1.706-1.3-4.184.357-5.822.858-.848 3.108-1.223 4.045-2.441 1.257-1.634 2.122-6.009-2.523-7.506L12.98.039z" fill="#00BCFF"></path><path d="M13.528.096A6.187 6.187 0 0112 12.281a5.75 5.75 0 00-1.71.255c.147-.905.595-1.784 1.321-2.501.858-.848 3.108-1.223 4.045-2.441 1.27-1.651 2.14-6.104-2.676-7.554.184.014.367.033.548.056z" fill="#ECECEE"></path></svg>

src/assets/providers-logo/longcat.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>LongCat</title><path clip-rule="evenodd" d="M.507 19.883a.507.507 0 01-.489-.642L4.29 3.745a1.013 1.013 0 011.533-.578l5.622 3.687a1.013 1.013 0 001.11 0L18.2 3.165a1.013 1.013 0 011.532.58l4.25 15.497a.506.506 0 01-.49.64H18.07a6.297 6.297 0 001.53-4.115v-.177a6.09 6.09 0 00-1.513-4.017l-.697-3.495a.438.438 0 00-.694-.266L14.07 9.781a.748.748 0 01-.654.121 5.156 5.156 0 00-2.833 0 .746.746 0 01-.653-.121L7.302 7.81a.435.435 0 00-.688.269l-.675 3.652a5.36 5.36 0 00-1.539 3.76v.333c0 1.474.527 2.9 1.488 4.02l.032.038H.507z" fill="#29E154" fill-rule="evenodd"></path><path d="M9.213 16.843h1.52v-3.546h-1.29l-.23 3.546zm5.573 0h-1.52v-3.546h1.29l.23 3.546z"></path></svg>

src/assets/providers-logo/minimax.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Minimax</title><defs><linearGradient id="lobe-icons-minimax-fill" x1="0%" x2="100.182%" y1="50.057%" y2="50.057%"><stop offset="0%" stop-color="#E2167E"></stop><stop offset="100%" stop-color="#FE603C"></stop></linearGradient></defs><path d="M16.278 2c1.156 0 2.093.927 2.093 2.07v12.501a.74.74 0 00.744.709.74.74 0 00.743-.709V9.099a2.06 2.06 0 012.071-2.049A2.06 2.06 0 0124 9.1v6.561a.649.649 0 01-.652.645.649.649 0 01-.653-.645V9.1a.762.762 0 00-.766-.758.762.762 0 00-.766.758v7.472a2.037 2.037 0 01-2.048 2.026 2.037 2.037 0 01-2.048-2.026v-12.5a.785.785 0 00-.788-.753.785.785 0 00-.789.752l-.001 15.904A2.037 2.037 0 0113.441 22a2.037 2.037 0 01-2.048-2.026V18.04c0-.356.292-.645.652-.645.36 0 .652.289.652.645v1.934c0 .263.142.506.372.638.23.131.514.131.744 0a.734.734 0 00.372-.638V4.07c0-1.143.937-2.07 2.093-2.07zm-5.674 0c1.156 0 2.093.927 2.093 2.07v11.523a.648.648 0 01-.652.645.648.648 0 01-.652-.645V4.07a.785.785 0 00-.789-.78.785.785 0 00-.789.78v14.013a2.06 2.06 0 01-2.07 2.048 2.06 2.06 0 01-2.071-2.048V9.1a.762.762 0 00-.766-.758.762.762 0 00-.766.758v3.8a2.06 2.06 0 01-2.071 2.049A2.06 2.06 0 010 12.9v-1.378c0-.357.292-.646.652-.646.36 0 .653.29.653.646V12.9c0 .418.343.757.766.757s.766-.339.766-.757V9.099a2.06 2.06 0 012.07-2.048 2.06 2.06 0 012.071 2.048v8.984c0 .419.343.758.767.758.423 0 .766-.339.766-.758V4.07c0-1.143.937-2.07 2.093-2.07z" fill="url(#lobe-icons-minimax-fill)" fill-rule="nonzero"></path></svg>

src/assets/providers-logo/mistral.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Mistral</title><path d="M3.428 3.4h3.429v3.428H3.428V3.4zm13.714 0h3.43v3.428h-3.43V3.4z" fill="gold"></path><path d="M3.428 6.828h6.857v3.429H3.429V6.828zm10.286 0h6.857v3.429h-6.857V6.828z" fill="#FFAF00"></path><path d="M3.428 10.258h17.144v3.428H3.428v-3.428z" fill="#FF8205"></path><path d="M3.428 13.686h3.429v3.428H3.428v-3.428zm6.858 0h3.429v3.428h-3.429v-3.428zm6.856 0h3.43v3.428h-3.43v-3.428z" fill="#FA500F"></path><path d="M0 17.114h10.286v3.429H0v-3.429zm13.714 0H24v3.429H13.714v-3.429z" fill="#E10500"></path></svg>

src/assets/providers-logo/moonshot.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>MoonshotAI</title><path d="M1.052 16.916l9.539 2.552a21.007 21.007 0 00.06 2.033l5.956 1.593a11.997 11.997 0 01-5.586.865l-.18-.016-.044-.004-.084-.009-.094-.01a11.605 11.605 0 01-.157-.02l-.107-.014-.11-.016a11.962 11.962 0 01-.32-.051l-.042-.008-.075-.013-.107-.02-.07-.015-.093-.019-.075-.016-.095-.02-.097-.023-.094-.022-.068-.017-.088-.022-.09-.024-.095-.025-.082-.023-.109-.03-.062-.02-.084-.025-.093-.028-.105-.034-.058-.019-.08-.026-.09-.031-.066-.024a6.293 6.293 0 01-.044-.015l-.068-.025-.101-.037-.057-.022-.08-.03-.087-.035-.088-.035-.079-.032-.095-.04-.063-.028-.063-.027a5.655 5.655 0 01-.041-.018l-.066-.03-.103-.047-.052-.024-.096-.046-.062-.03-.084-.04-.086-.044-.093-.047-.052-.027-.103-.055-.057-.03-.058-.032a6.49 6.49 0 01-.046-.026l-.094-.053-.06-.034-.051-.03-.072-.041-.082-.05-.093-.056-.052-.032-.084-.053-.061-.039-.079-.05-.07-.047-.053-.035a7.785 7.785 0 01-.054-.036l-.044-.03-.044-.03a6.066 6.066 0 01-.04-.028l-.057-.04-.076-.054-.069-.05-.074-.054-.056-.042-.076-.057-.076-.059-.086-.067-.045-.035-.064-.052-.074-.06-.089-.073-.046-.039-.046-.039a7.516 7.516 0 01-.043-.037l-.045-.04-.061-.053-.07-.062-.068-.06-.062-.058-.067-.062-.053-.05-.088-.084a13.28 13.28 0 01-.099-.097l-.029-.028-.041-.042-.069-.07-.05-.051-.05-.053a6.457 6.457 0 01-.168-.179l-.08-.088-.062-.07-.071-.08-.042-.049-.053-.062-.058-.068-.046-.056a7.175 7.175 0 01-.027-.033l-.045-.055-.066-.082-.041-.052-.05-.064-.02-.025a11.99 11.99 0 01-1.44-2.402zm-1.02-5.794l11.353 3.037a20.468 20.468 0 00-.469 2.011l10.817 2.894a12.076 12.076 0 01-1.845 2.005L.657 15.923l-.016-.046-.035-.104a11.965 11.965 0 01-.05-.153l-.007-.023a11.896 11.896 0 01-.207-.741l-.03-.126-.018-.08-.021-.097-.018-.081-.018-.09-.017-.084-.018-.094c-.026-.141-.05-.283-.071-.426l-.017-.118-.011-.083-.013-.102a12.01 12.01 0 01-.019-.161l-.005-.047a12.12 12.12 0 01-.034-2.145zm1.593-5.15l11.948 3.196c-.368.605-.705 1.231-1.01 1.875l11.295 3.022c-.142.82-.368 1.612-.668 2.365l-11.55-3.09L.124 10.26l.015-.1.008-.049.01-.067.015-.087.018-.098c.026-.148.056-.295.088-.442l.028-.124.02-.085.024-.097c.022-.09.045-.18.07-.268l.028-.102.023-.083.03-.1.025-.082.03-.096.026-.082.031-.095a11.896 11.896 0 011.01-2.232zm4.442-4.4L17.352 4.59a20.77 20.77 0 00-1.688 1.721l7.823 2.093c.267.852.442 1.744.513 2.665L2.106 5.213l.045-.065.027-.04.04-.055.046-.065.055-.076.054-.072.064-.086.05-.065.057-.073.055-.07.06-.074.055-.069.065-.077.054-.066.066-.077.053-.06.072-.082.053-.06.067-.074.054-.058.073-.078.058-.06.063-.067.168-.17.1-.098.059-.056.076-.071a12.084 12.084 0 012.272-1.677zM12.017 0h.097l.082.001.069.001.054.002.068.002.046.001.076.003.047.002.06.003.054.002.087.005.105.007.144.011.088.007.044.004.077.008.082.008.047.005.102.012.05.006.108.014.081.01.042.006.065.01.207.032.07.012.065.011.14.026.092.018.11.022.046.01.075.016.041.01L14.7.3l.042.01.065.015.049.012.071.017.096.024.112.03.113.03.113.032.05.015.07.02.078.024.073.023.05.016.05.016.076.025.099.033.102.036.048.017.064.023.093.034.11.041.116.045.1.04.047.02.06.024.041.018.063.026.04.018.057.025.11.048.1.046.074.035.075.036.06.028.092.046.091.045.102.052.053.028.049.026.046.024.06.033.041.022.052.029.088.05.106.06.087.051.057.034.053.032.096.059.088.055.098.062.036.024.064.041.084.056.04.027.062.042.062.043.023.017c.054.037.108.075.161.114l.083.06.065.048.056.043.086.065.082.064.04.03.05.041.086.069.079.065.085.071c.712.6 1.353 1.283 1.909 2.031L7.222.994l.062-.027.065-.028.081-.034.086-.035c.113-.045.227-.09.341-.131l.096-.035.093-.033.084-.03.096-.031c.087-.03.176-.058.264-.085l.091-.027.086-.025.102-.03.085-.023.1-.026L9.04.37l.09-.023.091-.022.095-.022.09-.02.098-.021.091-.02.095-.018.092-.018.1-.018.091-.016.098-.017.092-.014.097-.015.092-.013.102-.013.091-.012.105-.012.09-.01.105-.01c.093-.01.186-.018.28-.024l.106-.008.09-.005.11-.006.093-.004.1-.004.097-.002.099-.002.197-.002z"></path></svg>

src/assets/providers-logo/nvidia.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Nvidia</title><path d="M10.212 8.976V7.62c.127-.01.256-.017.388-.021 3.596-.117 5.957 3.184 5.957 3.184s-2.548 3.647-5.282 3.647a3.227 3.227 0 01-1.063-.175v-4.109c1.4.174 1.681.812 2.523 2.258l1.873-1.627a4.905 4.905 0 00-3.67-1.846 6.594 6.594 0 00-.729.044m0-4.476v2.025c.13-.01.259-.019.388-.024 5.002-.174 8.261 4.226 8.261 4.226s-3.743 4.69-7.643 4.69c-.338 0-.675-.031-1.007-.092v1.25c.278.038.558.057.838.057 3.629 0 6.253-1.91 8.794-4.169.421.347 2.146 1.193 2.501 1.564-2.416 2.083-8.048 3.763-11.24 3.763-.308 0-.603-.02-.894-.048V19.5H24v-15H10.21zm0 9.756v1.068c-3.356-.616-4.287-4.21-4.287-4.21a7.173 7.173 0 014.287-2.138v1.172h-.005a3.182 3.182 0 00-2.502 1.178s.615 2.276 2.507 2.931m-5.961-3.3c1.436-1.935 3.604-3.148 5.961-3.336V6.523C5.81 6.887 2 10.723 2 10.723s2.158 6.427 8.21 7.015v-1.166C5.77 16 4.25 10.958 4.25 10.958h-.002z" fill="#74B71B" fill-rule="nonzero"></path></svg>

src/assets/providers-logo/ollama.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Ollama</title><path d="M7.905 1.09c.216.085.411.225.588.41.295.306.544.744.734 1.263.191.522.315 1.1.362 1.68a5.054 5.054 0 012.049-.636l.051-.004c.87-.07 1.73.087 2.48.474.101.053.2.11.297.17.05-.569.172-1.134.36-1.644.19-.52.439-.957.733-1.264a1.67 1.67 0 01.589-.41c.257-.1.53-.118.796-.042.401.114.745.368 1.016.737.248.337.434.769.561 1.287.23.934.27 2.163.115 3.645l.053.04.026.019c.757.576 1.284 1.397 1.563 2.35.435 1.487.216 3.155-.534 4.088l-.018.021.002.003c.417.762.67 1.567.724 2.4l.002.03c.064 1.065-.2 2.137-.814 3.19l-.007.01.01.024c.472 1.157.62 2.322.438 3.486l-.006.039a.651.651 0 01-.747.536.648.648 0 01-.54-.742c.167-1.033.01-2.069-.48-3.123a.643.643 0 01.04-.617l.004-.006c.604-.924.854-1.83.8-2.72-.046-.779-.325-1.544-.8-2.273a.644.644 0 01.18-.886l.009-.006c.243-.159.467-.565.58-1.12a4.229 4.229 0 00-.095-1.974c-.205-.7-.58-1.284-1.105-1.683-.595-.454-1.383-.673-2.38-.61a.653.653 0 01-.632-.371c-.314-.665-.772-1.141-1.343-1.436a3.288 3.288 0 00-1.772-.332c-1.245.099-2.343.801-2.67 1.686a.652.652 0 01-.61.425c-1.067.002-1.893.252-2.497.703-.522.39-.878.935-1.066 1.588a4.07 4.07 0 00-.068 1.886c.112.558.331 1.02.582 1.269l.008.007c.212.207.257.53.109.785-.36.622-.629 1.549-.673 2.44-.05 1.018.186 1.902.719 2.536l.016.019a.643.643 0 01.095.69c-.576 1.236-.753 2.252-.562 3.052a.652.652 0 01-1.269.298c-.243-1.018-.078-2.184.473-3.498l.014-.035-.008-.012a4.339 4.339 0 01-.598-1.309l-.005-.019a5.764 5.764 0 01-.177-1.785c.044-.91.278-1.842.622-2.59l.012-.026-.002-.002c-.293-.418-.51-.953-.63-1.545l-.005-.024a5.352 5.352 0 01.093-2.49c.262-.915.777-1.701 1.536-2.269.06-.045.123-.09.186-.132-.159-1.493-.119-2.73.112-3.67.127-.518.314-.95.562-1.287.27-.368.614-.622 1.015-.737.266-.076.54-.059.797.042zm4.116 9.09c.936 0 1.8.313 2.446.855.63.527 1.005 1.235 1.005 1.94 0 .888-.406 1.58-1.133 2.022-.62.375-1.451.557-2.403.557-1.009 0-1.871-.259-2.493-.734-.617-.47-.963-1.13-.963-1.845 0-.707.398-1.417 1.056-1.946.668-.537 1.55-.849 2.485-.849zm0 .896a3.07 3.07 0 00-1.916.65c-.461.37-.722.835-.722 1.25 0 .428.21.829.61 1.134.455.347 1.124.548 1.943.548.799 0 1.473-.147 1.932-.426.463-.28.7-.686.7-1.257 0-.423-.246-.89-.683-1.256-.484-.405-1.14-.643-1.864-.643zm.662 1.21l.004.004c.12.151.095.37-.056.49l-.292.23v.446a.375.375 0 01-.376.373.375.375 0 01-.376-.373v-.46l-.271-.218a.347.347 0 01-.052-.49.353.353 0 01.494-.051l.215.172.22-.174a.353.353 0 01.49.051zm-5.04-1.919c.478 0 .867.39.867.871a.87.87 0 01-.868.871.87.87 0 01-.867-.87.87.87 0 01.867-.872zm8.706 0c.48 0 .868.39.868.871a.87.87 0 01-.868.871.87.87 0 01-.867-.87.87.87 0 01.867-.872zM7.44 2.3l-.003.002a.659.659 0 00-.285.238l-.005.006c-.138.189-.258.467-.348.832-.17.692-.216 1.631-.124 2.782.43-.128.899-.208 1.404-.237l.01-.001.019-.034c.046-.082.095-.161.148-.239.123-.771.022-1.692-.253-2.444-.134-.364-.297-.65-.453-.813a.628.628 0 00-.107-.09L7.44 2.3zm9.174.04l-.002.001a.628.628 0 00-.107.09c-.156.163-.32.45-.453.814-.29.794-.387 1.776-.23 2.572l.058.097.008.014h.03a5.184 5.184 0 011.466.212c.086-1.124.038-2.043-.128-2.722-.09-.365-.21-.643-.349-.832l-.004-.006a.659.659 0 00-.285-.239h-.004z"></path></svg>

src/assets/providers-logo/openai.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>OpenAI</title><path d="M21.55 10.004a5.416 5.416 0 00-.478-4.501c-1.217-2.09-3.662-3.166-6.05-2.66A5.59 5.59 0 0010.831 1C8.39.995 6.224 2.546 5.473 4.838A5.553 5.553 0 001.76 7.496a5.487 5.487 0 00.691 6.5 5.416 5.416 0 00.477 4.502c1.217 2.09 3.662 3.165 6.05 2.66A5.586 5.586 0 0013.168 23c2.443.006 4.61-1.546 5.361-3.84a5.553 5.553 0 003.715-2.66 5.488 5.488 0 00-.693-6.497v.001zm-8.381 11.558a4.199 4.199 0 01-2.675-.954c.034-.018.093-.05.132-.074l4.44-2.53a.71.71 0 00.364-.623v-6.176l1.877 1.069c.02.01.033.029.036.05v5.115c-.003 2.274-1.87 4.118-4.174 4.123zM4.192 17.78a4.059 4.059 0 01-.498-2.763c.032.02.09.055.131.078l4.44 2.53c.225.13.504.13.73 0l5.42-3.088v2.138a.068.068 0 01-.027.057L9.9 19.288c-1.999 1.136-4.552.46-5.707-1.51h-.001zM3.023 8.216A4.15 4.15 0 015.198 6.41l-.002.151v5.06a.711.711 0 00.364.624l5.42 3.087-1.876 1.07a.067.067 0 01-.063.005l-4.489-2.559c-1.995-1.14-2.679-3.658-1.53-5.63h.001zm15.417 3.54l-5.42-3.088L14.896 7.6a.067.067 0 01.063-.006l4.489 2.557c1.998 1.14 2.683 3.662 1.529 5.633a4.163 4.163 0 01-2.174 1.807V12.38a.71.71 0 00-.363-.623zm1.867-2.773a6.04 6.04 0 00-.132-.078l-4.44-2.53a.731.731 0 00-.729 0l-5.42 3.088V7.325a.068.068 0 01.027-.057L14.1 4.713c2-1.137 4.555-.46 5.707 1.513.487.833.664 1.809.499 2.757h.001zm-11.741 3.81l-1.877-1.068a.065.065 0 01-.036-.051V6.559c.001-2.277 1.873-4.122 4.181-4.12.976 0 1.92.338 2.671.954-.034.018-.092.05-.131.073l-4.44 2.53a.71.71 0 00-.365.623l-.003 6.173v.002zm1.02-2.168L12 9.25l2.414 1.375v2.75L12 14.75l-2.415-1.375v-2.75z"></path></svg>

src/assets/providers-logo/openrouter.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>OpenRouter</title><path d="M16.804 1.957l7.22 4.105v.087L16.73 10.21l.017-2.117-.821-.03c-1.059-.028-1.611.002-2.268.11-1.064.175-2.038.577-3.147 1.352L8.345 11.03c-.284.195-.495.336-.68.455l-.515.322-.397.234.385.23.53.338c.476.314 1.17.796 2.701 1.866 1.11.775 2.083 1.177 3.147 1.352l.3.045c.694.091 1.375.094 2.825.033l.022-2.159 7.22 4.105v.087L16.589 22l.014-1.862-.635.022c-1.386.042-2.137.002-3.138-.162-1.694-.28-3.26-.926-4.881-2.059l-2.158-1.5a21.997 21.997 0 00-.755-.498l-.467-.28a55.927 55.927 0 00-.76-.43C2.908 14.73.563 14.116 0 14.116V9.888l.14.004c.564-.007 2.91-.622 3.809-1.124l1.016-.58.438-.274c.428-.28 1.072-.726 2.686-1.853 1.621-1.133 3.186-1.78 4.881-2.059 1.152-.19 1.974-.213 3.814-.138l.02-1.907z"></path></svg>

src/assets/providers-logo/qwen.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Qwen</title><path d="M12.604 1.34c.393.69.784 1.382 1.174 2.075a.18.18 0 00.157.091h5.552c.174 0 .322.11.446.327l1.454 2.57c.19.337.24.478.024.837-.26.43-.513.864-.76 1.3l-.367.658c-.106.196-.223.28-.04.512l2.652 4.637c.172.301.111.494-.043.77-.437.785-.882 1.564-1.335 2.34-.159.272-.352.375-.68.37-.777-.016-1.552-.01-2.327.016a.099.099 0 00-.081.05 575.097 575.097 0 01-2.705 4.74c-.169.293-.38.363-.725.364-.997.003-2.002.004-3.017.002a.537.537 0 01-.465-.271l-1.335-2.323a.09.09 0 00-.083-.049H4.982c-.285.03-.553-.001-.805-.092l-1.603-2.77a.543.543 0 01-.002-.54l1.207-2.12a.198.198 0 000-.197 550.951 550.951 0 01-1.875-3.272l-.79-1.395c-.16-.31-.173-.496.095-.965.465-.813.927-1.625 1.387-2.436.132-.234.304-.334.584-.335a338.3 338.3 0 012.589-.001.124.124 0 00.107-.063l2.806-4.895a.488.488 0 01.422-.246c.524-.001 1.053 0 1.583-.006L11.704 1c.341-.003.724.032.9.34zm-3.432.403a.06.06 0 00-.052.03L6.254 6.788a.157.157 0 01-.135.078H3.253c-.056 0-.07.025-.041.074l5.81 10.156c.025.042.013.062-.034.063l-2.795.015a.218.218 0 00-.2.116l-1.32 2.31c-.044.078-.021.118.068.118l5.716.008c.046 0 .08.02.104.061l1.403 2.454c.046.081.092.082.139 0l5.006-8.76.783-1.382a.055.055 0 01.096 0l1.424 2.53a.122.122 0 00.107.062l2.763-.02a.04.04 0 00.035-.02.041.041 0 000-.04l-2.9-5.086a.108.108 0 010-.113l.293-.507 1.12-1.977c.024-.041.012-.062-.035-.062H9.2c-.059 0-.073-.026-.043-.077l1.434-2.505a.107.107 0 000-.114L9.225 1.774a.06.06 0 00-.053-.031zm6.29 8.02c.046 0 .058.02.034.06l-.832 1.465-2.613 4.585a.056.056 0 01-.05.029.058.058 0 01-.05-.029L8.498 9.841c-.02-.034-.01-.052.028-.054l.216-.012 6.722-.012z" fill="url(#lobe-icons-qwen-fill)" fill-rule="nonzero"></path><defs><linearGradient id="lobe-icons-qwen-fill" x1="0%" x2="100%" y1="0%" y2="0%"><stop offset="0%" stop-color="#6336E7" stop-opacity=".84"></stop><stop offset="100%" stop-color="#6F69F7" stop-opacity=".84"></stop></linearGradient></defs></svg>

src/assets/providers-logo/spark.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Spark</title><path d="M2 13.08C2 9.182 4.772 6.367 9.32 2.122c-.65 7.883 6.41 8.272 5.023 12.214-.99 2.815-4.244 1.949-4.59 1.342 0 0 1.212.347 1.385-.866.174-1.213-2.252-1.862-3.81-4.937-2.6 2.988-.954 9.008 4.2 9.008 4.764 0 6.583-4.937 4.894-8.099 0 0 4.071.693 4.418 3.811.346 3.119-3.638 8.533-9.095 8.403C6.288 22.868 2 18.84 2 13.08z" fill="#3DC8F9"></path><path d="M17.852 6.107L11.615 0c-.52 5.933.866 8.374 4.894 9.485 2.729.753 3.307 1.04 4.504 2.772-.338-2.407-.78-3.812-3.161-6.15z" fill="#EA0100"></path><path clip-rule="evenodd" d="M9.033 18.323c.709.354 1.542.56 2.495.56 4.764 0 6.583-4.937 4.894-8.099 0 0 4.071.693 4.418 3.811.156 1.403-.565 3.27-1.902 4.89-3.458 1.57-7.29.84-9.905-1.162z" fill="#1652D8" fill-rule="evenodd"></path></svg>

src/assets/providers-logo/stepfun.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Stepfun</title><path d="M22.012 0h1.032v.927H24v.968h-.956V3.78h-1.032V1.896h-1.878v-.97h1.878V0zM2.6 12.371V1.87h.969v10.502h-.97zm10.423.66h10.95v.918h-6.208v9.579h-4.742V13.03zM5.629 3.333v12.356H0v4.51h10.386V8L20.859 8l-.003-4.668-15.227.001z" fill="url(#lobe-icons-stepfun-fill)" fill-rule="evenodd"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-stepfun-fill" x1="1.646" x2="18.342" y1="1.916" y2="22.091"><stop stop-color="#01A9FF"></stop><stop offset="1" stop-color="#0160FF"></stop></linearGradient></defs></svg>

src/assets/providers-logo/together.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>together.ai</title><path d="M17.385 11.23a4.615 4.615 0 100-9.23 4.615 4.615 0 000 9.23zm0 10.77a4.615 4.615 0 100-9.23 4.615 4.615 0 000 9.23zm-10.77 0a4.615 4.615 0 100-9.23 4.615 4.615 0 000 9.23z" opacity=".2"></path><circle cx="6.615" cy="6.615" fill="#0F6FFF" r="4.615"></circle></svg>

src/assets/providers-logo/yi.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Yi</title><path d="M18.62 13.927c.611 0 1.107.505 1.107 1.128v5.817c0 .623-.496 1.128-1.108 1.128a1.118 1.118 0 01-1.108-1.128v-5.817c0-.623.496-1.128 1.108-1.128zM16.59 3.052a1.094 1.094 0 011.562-.129c.466.404.522 1.116.126 1.59l-5.938 7.111v9.147c0 .624-.496 1.129-1.108 1.129a1.118 1.118 0 01-1.108-1.129v-9.477l.003-.088.01-.087c.015-.232.102-.462.261-.654l6.192-7.413zM2.906 2.256a1.094 1.094 0 011.559.157l4.387 5.45a1.142 1.142 0 01-.155 1.587 1.094 1.094 0 01-1.559-.157l-4.387-5.45a1.144 1.144 0 01.06-1.498l.095-.09z"></path><ellipse cx="20.146" cy="10.692" fill="#00FF25" rx="1.354" ry="1.379"></ellipse></svg>

src/assets/providers-logo/zhipu.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Zhipu</title><path d="M11.991 23.503a.24.24 0 00-.244.248.24.24 0 00.244.249.24.24 0 00.245-.249.24.24 0 00-.22-.247l-.025-.001zM9.671 5.365a1.697 1.697 0 011.099 2.132l-.071.172-.016.04-.018.054c-.07.16-.104.32-.104.498-.035.71.47 1.279 1.186 1.314h.366c1.309.053 2.338 1.173 2.286 2.523-.052 1.332-1.152 2.38-2.478 2.327h-.174c-.715.018-1.274.64-1.239 1.368 0 .124.018.23.053.337.209.373.54.658.96.8.75.23 1.517-.125 1.9-.782l.018-.035c.402-.64 1.17-.96 1.92-.711.854.284 1.378 1.226 1.099 2.167a1.661 1.661 0 01-2.077 1.102 1.711 1.711 0 01-.907-.711l-.017-.035c-.2-.323-.463-.58-.851-.711l-.056-.018a1.646 1.646 0 00-1.954.746 1.66 1.66 0 01-1.065.764 1.677 1.677 0 01-1.989-1.279c-.209-.906.332-1.83 1.257-2.043a1.51 1.51 0 01.296-.035h.018c.68-.071 1.151-.622 1.116-1.333a1.307 1.307 0 00-.227-.693 2.515 2.515 0 01-.366-1.403 2.39 2.39 0 01.366-1.208c.14-.195.21-.444.227-.693.018-.71-.506-1.261-1.186-1.332l-.07-.018a1.43 1.43 0 01-.299-.07l-.05-.019a1.7 1.7 0 01-1.047-2.114 1.68 1.68 0 012.094-1.101zm-5.575 10.11c.26-.264.639-.367.994-.27.355.096.633.379.728.74.095.362-.007.748-.267 1.013-.402.41-1.053.41-1.455 0a1.062 1.062 0 010-1.482zm14.845-.294c.359-.09.738.024.992.297.254.274.344.665.237 1.025-.107.36-.396.634-.756.718-.551.128-1.1-.22-1.23-.781a1.05 1.05 0 01.757-1.26zm-.064-4.39c.314.32.49.753.49 1.206 0 .452-.176.886-.49 1.206-.315.32-.74.5-1.185.5-.444 0-.87-.18-1.184-.5a1.727 1.727 0 010-2.412 1.654 1.654 0 012.369 0zm-11.243.163c.364.484.447 1.128.218 1.691a1.665 1.665 0 01-2.188.923c-.855-.36-1.26-1.358-.907-2.228a1.68 1.68 0 011.33-1.038c.593-.08 1.183.169 1.547.652zm11.545-4.221c.368 0 .708.2.892.524.184.324.184.724 0 1.048a1.026 1.026 0 01-.892.524c-.568 0-1.03-.47-1.03-1.048 0-.579.462-1.048 1.03-1.048zm-14.358 0c.368 0 .707.2.891.524.184.324.184.724 0 1.048a1.026 1.026 0 01-.891.524c-.569 0-1.03-.47-1.03-1.048 0-.579.461-1.048 1.03-1.048zm10.031-1.475c.925 0 1.675.764 1.675 1.706s-.75 1.705-1.675 1.705-1.674-.763-1.674-1.705c0-.942.75-1.706 1.674-1.706zm-2.626-.684c.362-.082.653-.356.761-.718a1.062 1.062 0 00-.238-1.028 1.017 1.017 0 00-.996-.294c-.547.14-.881.7-.752 1.257.13.558.675.907 1.225.783zm0 16.876c.359-.087.644-.36.75-.72a1.062 1.062 0 00-.237-1.019 1.018 1.018 0 00-.985-.301 1.037 1.037 0 00-.762.717c-.108.361-.017.754.239 1.028.245.263.606.377.953.305l.043-.01zM17.19 3.5a.631.631 0 00.628-.64c0-.355-.279-.64-.628-.64a.631.631 0 00-.628.64c0 .355.28.64.628.64zm-10.38 0a.631.631 0 00.628-.64c0-.355-.28-.64-.628-.64a.631.631 0 00-.628.64c0 .355.279.64.628.64zm-5.182 7.852a.631.631 0 00-.628.64c0 .354.28.639.628.639a.63.63 0 00.627-.606l.001-.034a.62.62 0 00-.628-.64zm5.182 9.13a.631.631 0 00-.628.64c0 .355.279.64.628.64a.631.631 0 00.628-.64c0-.355-.28-.64-.628-.64zm10.38.018a.631.631 0 00-.628.64c0 .355.28.64.628.64a.631.631 0 00.628-.64c0-.355-.279-.64-.628-.64zm5.182-9.148a.631.631 0 00-.628.64c0 .354.279.639.628.639a.631.631 0 00.628-.64c0-.355-.28-.64-.628-.64zm-.384-4.992a.24.24 0 00.244-.249.24.24 0 00-.244-.249.24.24 0 00-.244.249c0 .142.122.249.244.249zM11.991.497a.24.24 0 00.245-.248A.24.24 0 0011.99 0a.24.24 0 00-.244.249c0 .133.108.236.223.247l.021.001zM2.011 6.36a.24.24 0 00.245-.249.24.24 0 00-.244-.249.24.24 0 00-.244.249.24.24 0 00.244.249zm0 11.263a.24.24 0 00-.243.248.24.24 0 00.244.249.24.24 0 00.244-.249.252.252 0 00-.244-.248zm19.995-.018a.24.24 0 00-.245.248.24.24 0 00.245.25.24.24 0 00.244-.25.252.252 0 00-.244-.248z" fill="#3859FF" fill-rule="nonzero"></path></svg>

src/assets/styles/common.less

@@ -1,3 +1,5 @@
+@import './table.less';
+
 .m-b-20 {
   margin-bottom: 20px;
 }
@@ -26,6 +28,10 @@
   margin-left: 5px;
 }
 
+.m-l-24 {
+  margin-left: 24px;
+}
+
 .m-l-4 {
   margin-left: 4px;
 }
@@ -98,6 +104,11 @@
   display: flex;
 }
 
+.flex-full {
+  display: flex;
+  flex: 1;
+}
+
 // space-between
 .flex-between {
   display: flex;
@@ -282,6 +293,10 @@
   gap: 16px;
 }
 
+.items-center {
+  align-items: center;
+}
+
 .color-white-tertiary {
   color: var(--color-white-tertiary);
 }
@@ -344,3 +359,28 @@ textarea:hover {
 .text-success {
   color: var(--ant-color-success);
 }
+
+.desc-fill {
+  font-weight: 600;
+  color: var(--ant-color-text);
+  background-color: var(--ant-color-fill-content);
+  line-height: 1.5;
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+
+.line-6 {
+  line-height: 24px;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-left {
+  text-align: left;
+}
+
+.align-center {
+  text-align: center;
+}

src/assets/styles/menu.less

@@ -3,8 +3,8 @@
     .ant-layout-sider-children {
       border-inline: none;
       border-radius: 0;
-      // padding-inline: 16px;
+      padding-inline-end: 0;
-      padding-block-end: 12px;
+      padding-block-end: 8px;
     }
 
     .umi-plugin-layout-right {
@@ -22,3 +22,11 @@
     }
   }
 }
+
+// slider styles
+
+.ant-slider .ant-slider-handle:hover::after,
+.ant-slider .ant-slider-handle:active::after,
+.ant-slider .ant-slider-handle:focus::after {
+  outline-width: 3px;
+}

src/assets/styles/table.less

@@ -0,0 +1,22 @@
+.ant-table-thead {
+  .ant-table-column-sorters {
+    .ant-table-column-title {
+      min-width: 32px;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+    }
+  }
+}
+
+.scroll-table {
+  .ant-table {
+    .ant-table-container {
+      .ant-table-body,
+      .ant-table-content {
+        scrollbar-width: thin;
+        scrollbar-color: var(--color-scrollbar-thumb) transparent;
+      }
+    }
+  }
+}

src/atoms/backend.ts

@@ -0,0 +1,3 @@
+import { atom } from 'jotai';
+
+export const enabledBackendsAtom = atom<any>(null);

src/atoms/benchmark.ts

@@ -0,0 +1,15 @@
+import { atom } from 'jotai';
+
+export const benchmarkTargetInstanceAtom = atom<{
+  cluster_id: number | null;
+  model_name: string;
+  model_id: number | null;
+  model_instance_name: string;
+  model_instance: string[];
+}>({
+  cluster_id: null,
+  model_name: '',
+  model_id: null,
+  model_instance_name: '',
+  model_instance: []
+});

src/atoms/clusters.ts

@@ -1,3 +1,4 @@
+import { ClusterListItem } from '@/pages/cluster-management/config/types';
 import { atom } from 'jotai';
 
 // models expand keys: create, update , delete,
@@ -62,4 +63,15 @@ export const fromClusterCreationAtom = atom(false);
 export const clusterSessionAtom = atom<{
   firstAddWorker: boolean;
   firstAddCluster: boolean;
+  presetClusterType?: 'model' | 'gpu';
+  // Provider to preselect when the create flow opens — set by the
+  // empty-state CTA on feature pages that need a specific provider
+  // (e.g. GPU Service can only schedule on Kubernetes, so its
+  // "Add Cluster" button skips provider catalog and lands on the
+  // K8s configure step). Consumed once by ClusterCreate on mount.
+  providerHint?: string;
 } | null>(null);
+
+export const clusterDetailAtom = atom<ClusterListItem | null>(null);
+
+export const workerAddedCountAtom = atom(0);

src/atoms/dashboard.ts

@@ -0,0 +1,3 @@
+import { atom } from 'jotai';
+
+export const activeModelsAtom = atom<any[]>([]);

src/atoms/models.ts

@@ -20,11 +20,40 @@ export const getRequestId = () => {
   return store.get(requestIdAtom);
 };
 
+// store for cluster list: res.items from api
 export const clusterListAtom = atom<
   {
     label: string;
     value: number;
+    provider: string;
+    state: string;
+    is_default: boolean;
+    workers: number;
+    ready_workers: number;
+    gpus: number;
   }[]
 >([]);
 
-export const backendOptionsAtom = atom<BackendOption[]>([]);
+// store for worker list: res.items from api
+export const workerListAtom = atom<
+  {
+    label: string;
+    value: number;
+    cluster_id: number;
+    state: string;
+    id: number;
+    labels: Record<string, any>;
+    name: string;
+  }[]
+>([]);
+
+export interface BackGroupOption {
+  label: string;
+  value: string;
+  title?: string;
+  options: BackendOption[];
+}
+
+export const backendOptionsAtom = atom<BackGroupOption[]>([]);
+
+export const resourceOverviewAtom = atom<Record<string, any>>({});

src/atoms/pagination.ts

@@ -0,0 +1,20 @@
+import { getDefaultStore } from 'jotai';
+import { atomWithStorage } from 'jotai/utils';
+
+export interface PaginationState {
+  perPage: number;
+}
+
+export const paginationAtom = atomWithStorage<Record<string, any>>(
+  'paginationStatus',
+  {},
+  undefined,
+  { getOnInit: true }
+);
+
+export const getPaginationStatus = (key: string) => {
+  if (!key) return {};
+  const store = getDefaultStore();
+  const cache = store.get(paginationAtom);
+  return cache[key] || {};
+};

src/atoms/routes.ts

@@ -0,0 +1,6 @@
+import { atom } from 'jotai';
+
+export const registerRouteConfigAtom = atom<Record<string, any>>({
+  initialValues: null,
+  create: false
+});

src/atoms/settings.ts

@@ -8,14 +8,16 @@ type UserSettings = {
   colorPrimary: string;
   isDarkTheme: boolean;
   collapsed: boolean;
+  hideAddResourceModal?: boolean;
 };
 
-const defaultSettings: UserSettings = {
+export const defaultSettings: UserSettings = {
   theme: 'light',
   mode: 'auto',
   isDarkTheme: false,
   colorPrimary: COLOR_PRIMARY,
-  collapsed: false
+  collapsed: false,
+  hideAddResourceModal: false
 };
 
 export const getStorageUserSettings = () => {
@@ -52,3 +54,11 @@ export const userSettingsHelperAtom = atom(
     });
   }
 );
+export const hideModalTemporarilyAtom = atom<boolean>(false);
+
+export const collapsedMenuGroupsAtom = atomWithStorage<string[]>(
+  'collapsedMenuGroups',
+  [],
+  undefined,
+  { getOnInit: true }
+);

src/atoms/system.ts

@@ -0,0 +1,14 @@
+import { atom } from 'jotai';
+
+export interface SystemConfig {
+  grafana_url: string;
+  disable_builtin_observability: boolean;
+  debug: boolean;
+  grafana_model_dashboard_uid: string;
+  grafana_worker_dashboard_uid: string;
+  system_default_container_registry: string | null;
+  server_external_url: string | null;
+  showMonitoring?: boolean;
+}
+
+export const systemConfigAtom = atom<SystemConfig>({} as SystemConfig);

src/atoms/usage.ts

@@ -0,0 +1,25 @@
+import { atom } from 'jotai';
+
+export interface UsageTableData {
+  dataList: any[];
+  total: number;
+  loadend: boolean;
+}
+
+export const apiKeysTableDataAtom = atom<UsageTableData>({
+  dataList: [],
+  total: 0,
+  loadend: false
+});
+
+export const usersTableDataAtom = atom<UsageTableData>({
+  dataList: [],
+  total: 0,
+  loadend: false
+});
+
+export const modelsTableDataAtom = atom<UsageTableData>({
+  dataList: [],
+  total: 0,
+  loadend: false
+});

src/atoms/user.ts

@@ -3,6 +3,15 @@ import { atomWithStorage } from 'jotai/utils';
 
 export const userAtom = atomWithStorage<any>('userInfo', null);
 
+// Backs the `currentOrganizationId` localStorage key. Stays null in
+// builds with no Org context (single-tenant), and is shared with any
+// extension that persists the same key so both sides stay in sync
+// without one side having to import from the other.
+export const currentOrganizationIdAtom = atomWithStorage<number | null>(
+  'currentOrganizationId',
+  null
+);
+
 export const GPUStackVersionAtom = atom<{
   version: string;
   git_commit: string;
@@ -23,7 +32,112 @@ export const UpdateCheckAtom = atom<{
   latest_version: ''
 });
 
-export const initialPasswordAtom = atomWithStorage<string>(
+export const initialPasswordAtom = atom<string>('');
-  'initialPassword',
+
-  ''
+// Namespace the server creates for an Org's resources on each Kubernetes
-);
+// cluster. The format must match the backend's ``get_namespace_name``
+// helper — ``gpustack-{name}`` — because the GPU-instance / storage CRDs
+// (worker.gpustack.ai/v1) are namespaced and the server-side admission
+// keys off this exact name. The identifier column on the unified
+// Principal table is now ``name`` (post identity-consolidation rename
+// of the legacy ``slug``); the namespace prefix is unchanged.
+//
+// Resolution path:
+//   1. The Org the caller is currently acting under — the enterprise
+//      plugin persists ``currentOrganizationId`` (numeric) when the user
+//      picks an Org via OrgSwitcher.
+//   2. The cluster's own owner Org — used in the platform-admin "All"
+//      view, where the caller has no Org context but the resource still
+//      has to land in *some* Org's namespace.
+//   3. ``gpustack-default`` as a last resort (first load before any
+//      cache is hydrated, or a cluster whose owner Org is missing from
+//      both caches).
+//
+// Called outside React (umi page utilities) so it reads localStorage
+// directly rather than going through a Jotai hook. The org caches are
+// kept fresh by the enterprise plugin's atomWithStorage atoms, and the
+// OrgSwitcher reloads the page on switch so we don't need in-process
+// reactivity here.
+export const getCurrentOrgNamespace = (
+  clusterOwnerPrincipalId?: number | null
+): string => {
+  return (
+    lookupOrgNamespace(getStoredCurrentOrgId()) ??
+    lookupOrgNamespace(clusterOwnerPrincipalId ?? null) ??
+    'gpustack-default'
+  );
+};
+
+const getStoredCurrentOrgId = (): number | null => {
+  try {
+    const raw = localStorage.getItem('currentOrganizationId');
+    if (!raw) return null;
+    const value = JSON.parse(raw);
+    return typeof value === 'number' ? value : null;
+  } catch {
+    return null;
+  }
+};
+
+// Org caches the enterprise plugin persists. ``organizationList`` is
+// the caller's member orgs; ``allOrganizations`` is admin-only (every
+// Org on the platform) so admin sessions can resolve any owner Org id.
+// Both are checked because ``currentOrganizationId`` is null in the
+// admin "All" view but a member org's ``name`` might still cover the
+// cluster-owner fallback.
+const ORG_CACHE_KEYS = ['organizationList', 'allOrganizations'] as const;
+
+export interface CachedOrg {
+  id: number;
+  name?: string;
+  // The platform Org (single global tenant). Its models are NOT
+  // namespaced in ``/v1/models`` — they appear under their bare name.
+  is_platform?: boolean;
+}
+
+// Resolve the cached Org record for an owner/principal id by scanning both
+// org caches. ``organizationList`` (the caller's member orgs) is checked
+// alongside the admin-only ``allOrganizations`` so member sessions resolve
+// too. Id types vary between localStorage payloads (some writers stringify,
+// others persist as a JSON number), so compare as strings — strict equality
+// would silently miss those cases.
+export const getOrgById = (
+  id: number | string | null | undefined
+): CachedOrg | null => {
+  if (id == null) return null;
+  const target = String(id);
+  for (const key of ORG_CACHE_KEYS) {
+    try {
+      const raw = localStorage.getItem(key);
+      if (!raw) continue;
+      const list = JSON.parse(raw) as CachedOrg[];
+      if (!Array.isArray(list)) continue;
+      const match = list.find((item) => String(item?.id) === target);
+      if (match) return match;
+    } catch {
+      // ignore malformed cache; continue checking other keys
+    }
+  }
+  return null;
+};
+
+// Bare Org *name* (e.g. ``org1``) for an owner/principal id, or null.
+export const getOrgNameById = (
+  id: number | string | null | undefined
+): string | null => {
+  return getOrgById(id)?.name ?? null;
+};
+
+const lookupOrgNamespace = (id: number | null): string | null => {
+  const name = getOrgNameById(id);
+  return name ? `gpustack-${name}` : null;
+};
+
+// The Org the caller is currently acting under, or null in the admin-"All"
+// context. The org-switcher reloads the page on switch, so the list pages
+// always show this org's resources — which is how ``/v1/models`` namespaces
+// their model ids (``{org}/{name}``). Callers reconstructing that id use this
+// as the fallback owner when a row carries no explicit ``owner_principal_id``.
+export const getCurrentOrg = (): CachedOrg | null => {
+  return getOrgById(getStoredCurrentOrgId());
+};

src/atoms/utils/index.ts

@@ -1,16 +1,41 @@
+import { defaultSettings } from '@/atoms/settings';
 import { getDefaultStore } from 'jotai';
 
 export const clearStorageUserSettings = () => {
-  const savedSettings = JSON.parse(
+  try {
-    localStorage.getItem('userSettings') || '{}'
+    const savedSettings = JSON.parse(
-  );
+      localStorage.getItem('userSettings') || '{}'
-  localStorage.setItem(
+    );
-    'userSettings',
+    // colorPrimary is an enterprise-wide branding setting (set by admins
-    JSON.stringify({
+    // and applied by `onAppInit` from /enterprise/settings), not a per-user
-      ...savedSettings,
+    // preference. Preserve it across login — otherwise the next layout
-      colorPrimary: undefined
+    // mount triggers `atomWithStorage.onMount`, re-reads localStorage,
-    })
+    // and falls back to the default color until a full page refresh
-  );
+    // re-runs `applyEnterpriseSettings`.
+    localStorage.setItem(
+      'userSettings',
+      JSON.stringify({
+        ...savedSettings,
+        hideAddResourceModal: false
+      })
+    );
+  } catch (error) {
+    console.log('Error clearing user settings:', error);
+  }
+};
+
+export const resetStorageUserSettings = () => {
+  try {
+    localStorage.setItem(
+      'userSettings',
+      JSON.stringify({
+        ...defaultSettings,
+        colorPrimary: undefined
+      })
+    );
+  } catch (error) {
+    console.log('Error clearing user settings:', error);
+  }
 };
 
 export const clearAtomStorage = (atom: any) => {

src/components/alert-info/block.tsx

@@ -1,167 +0,0 @@
-import { WarningFilled } from '@ant-design/icons';
-import { Typography } from 'antd';
-import { createStyles } from 'antd-style';
-import classNames from 'classnames';
-import React from 'react';
-import styled from 'styled-components';
-import OverlayScroller, { OverlayScrollerOptions } from '../overlay-scroller';
-interface AlertInfoProps {
-  type: Global.MessageType;
-  message: React.ReactNode;
-  rows?: number;
-  icon?: React.ReactNode;
-  ellipsis?: boolean;
-  style?: React.CSSProperties;
-  contentStyle?: React.CSSProperties;
-  title?: React.ReactNode;
-  maxHeight?: number;
-  overlayScrollerProps?: OverlayScrollerOptions;
-}
-
-const useStyles = createStyles(({ token, css }) => {
-  return {
-    alertBlockInfo: css`
-      padding-block: 6px;
-      padding-inline: 10px 16px;
-      position: relative;
-      padding-left: 32px;
-      text-align: left;
-      border-radius: ${token.borderRadius}px;
-      margin: 0;
-      border: 1px solid transparent;
-      .ant-typography {
-        margin-bottom: 0;
-      }
-
-      &.danger {
-        border-color: ${token.colorErrorBorder};
-        background-color: ${token.colorErrorBg};
-      }
-
-      &.warning {
-        border-color: ${token.colorWarningBorder};
-        background-color: ${token.colorWarningBg};
-      }
-
-      &.transition {
-        color: ${token.geekblue7};
-        background: ${token.geekblue1};
-        border-color: ${token.geekblue3};
-      }
-
-      &.success {
-        border: 1px solid ${token.colorSuccess};
-        color: ${token.colorSuccessText};
-        background: ${token.colorSuccessBg};
-
-        .content.success {
-          font-weight: var(--font-weight-normal);
-        }
-      }
-      .title {
-        position: absolute;
-        left: 0;
-        top: 0;
-        display: flex;
-        height: 32px;
-        padding: 5px 10px;
-        border-radius: ${token.borderRadius}px ${token.borderRadius}px 0 0;
-
-        .info-icon {
-          &.danger {
-            color: ${token.colorErrorText};
-          }
-
-          &.warning {
-            color: ${token.colorWarningText};
-          }
-
-          &.transition {
-            color: ${token.geekblue7};
-          }
-
-          &.success {
-            color: ${token.colorSuccessText};
-          }
-        }
-
-        .text {
-          font-weight: var(--font-weight-bold);
-        }
-      }
-    `
-  };
-});
-
-const TitleWrapper = styled.div`
-  font-weight: 700;
-  color: var(--ant-color-text);
-`;
-
-const ContentWrapper = styled.div<{ $hasTitle: boolean }>`
-  word-break: break-word;
-  color: ${(props) =>
-    props.$hasTitle
-      ? 'var(--ant-color-text-secondary)'
-      : 'var(--ant-color-text)'};
-  font-weight: var(--font-weight-500);
-  white-space: pre-line;
-`;
-
-const AlertInfo: React.FC<AlertInfoProps> = (props) => {
-  const {
-    message,
-    type,
-    rows = 1,
-    ellipsis,
-    style,
-    title,
-    contentStyle,
-    icon,
-    maxHeight = 86,
-    overlayScrollerProps = {}
-  } = props;
-  const { styles } = useStyles();
-  return (
-    <>
-      {message ? (
-        <div
-          className={classNames(styles.alertBlockInfo, type)}
-          style={{ ...style }}
-        >
-          <Typography.Paragraph
-            ellipsis={
-              ellipsis ?? {
-                rows: rows,
-                tooltip: message
-              }
-            }
-          >
-            <div className={classNames('title', type)}>
-              <span className={classNames('info-icon', type)}>
-                {icon ?? <WarningFilled />}
-              </span>
-            </div>
-            {title && (
-              <TitleWrapper className="title-text">{title}</TitleWrapper>
-            )}
-            <OverlayScroller
-              maxHeight={maxHeight}
-              style={{ ...contentStyle }}
-              {...overlayScrollerProps}
-            >
-              <ContentWrapper
-                $hasTitle={!!title}
-                className={classNames('content', type)}
-              >
-                {message}
-              </ContentWrapper>
-            </OverlayScroller>
-          </Typography.Paragraph>
-        </div>
-      ) : null}
-    </>
-  );
-};
-
-export default React.memo(AlertInfo);

src/components/alert-info/index.tsx

@@ -1,49 +0,0 @@
-import { WarningOutlined } from '@ant-design/icons';
-import { Typography } from 'antd';
-import React from 'react';
-
-interface AlertInfoProps {
-  type: 'danger' | 'warning';
-  message: string;
-  rows?: number;
-  icon?: React.ReactNode;
-  ellipsis?: boolean;
-  style?: React.CSSProperties;
-}
-
-const AlertInfo: React.FC<AlertInfoProps> = (props) => {
-  const { message, type, rows = 1, ellipsis, style } = props;
-
-  return (
-    <>
-      {message ? (
-        <Typography.Paragraph
-          type={type}
-          ellipsis={
-            ellipsis !== undefined
-              ? ellipsis
-              : {
-                  rows: rows,
-                  tooltip: message
-                }
-          }
-          style={{
-            fontWeight: 400,
-            whiteSpace: 'pre-line',
-            textAlign: 'center',
-            padding: '2px 5px',
-            borderRadius: 'var(--border-radius-base)',
-            margin: 0,
-            backgroundColor: 'var(--ant-color-error-bg)',
-            ...style
-          }}
-        >
-          <WarningOutlined className="m-r-8" />
-          {message}
-        </Typography.Paragraph>
-      ) : null}
-    </>
-  );
-};
-
-export default React.memo(AlertInfo);

src/components/audio-animation/index.less

@@ -1,19 +0,0 @@
-.canvas-wrap {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  width: 100%;
-
-  canvas {
-    display: block;
-    width: 100%;
-    image-rendering: crisp-edges;
-  }
-}
-
-.scroller-wrapper {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}

src/components/audio-animation/index.tsx

@@ -1,192 +0,0 @@
-import useResizeObserver from '@/components/logs-viewer/use-size';
-import React, { useEffect, useState } from 'react';
-import './index.less';
-
-interface AudioAnimationProps {
-  width: number;
-  height: number;
-  maxWidth?: number;
-  scaleFactor?: number;
-  maxBarCount?: number;
-  amplitude?: number;
-  fixedHeight?: boolean;
-  analyserData: {
-    data: Uint8Array;
-    analyser: any;
-  };
-}
-
-const AudioAnimation: React.FC<AudioAnimationProps> = (props) => {
-  const {
-    scaleFactor = 1.2,
-    maxBarCount = 128,
-    amplitude = 40,
-    maxWidth,
-    fixedHeight = true,
-    analyserData,
-    width: initialWidth,
-    height: initialHeight
-  } = props;
-  const canvasRef = React.useRef<HTMLCanvasElement>(null);
-  const animationId = React.useRef<number>(0);
-  const isScaled = React.useRef<boolean>(false);
-  const oscillationOffset = React.useRef(0);
-  const direction = React.useRef(1);
-  const scrollerRef = React.useRef<HTMLDivElement>(null);
-  const [width, setWidth] = useState(initialWidth);
-  const [height, setHeight] = useState(initialHeight);
-  const containerRef = React.useRef<any>(null);
-
-  const size = useResizeObserver(scrollerRef);
-
-  const calculateJitter = (
-    i: number,
-    timestamp: number,
-    baseHeight: number,
-    minJitter: number,
-    jitterAmplitude: number
-  ) => {
-    //
-    const jitterFactor = Math.sin(timestamp / 200 + i) * 0.5 + 0.5;
-    const jitter =
-      minJitter +
-      jitterFactor * (jitterAmplitude - minJitter) * (baseHeight / maxBarCount);
-    return jitter;
-  };
-
-  const startAudioVisualization = () => {
-    if (!canvasRef.current || !analyserData.data?.length) return;
-
-    const canvas = canvasRef.current;
-    const canvasCtx = canvas.getContext('2d');
-    if (!canvasCtx) return;
-
-    const WIDTH = (canvas.width = width * 2);
-    const HEIGHT = (canvas.height = height * 2);
-
-    if (!isScaled.current) {
-      canvasCtx.scale(2, 2);
-      isScaled.current = true;
-    }
-
-    const barWidth = 4;
-    const barSpacing = 6;
-    const centerLine = Math.floor(HEIGHT / 2);
-
-    const jitterAmplitude = amplitude;
-    const minJitter = 10;
-
-    let lastFrameTime = 0;
-
-    const gradient = canvasCtx.createLinearGradient(0, 0, 0, HEIGHT);
-    gradient.addColorStop(0, '#007BFF');
-    gradient.addColorStop(1, '#0069DA');
-    canvasCtx.fillStyle = gradient;
-
-    const draw = (timestamp: number) => {
-      const elapsed = timestamp - lastFrameTime;
-      if (elapsed < 16) {
-        animationId.current = requestAnimationFrame(draw);
-        return;
-      }
-      lastFrameTime = timestamp;
-
-      analyserData.analyser?.current?.getByteFrequencyData(analyserData.data);
-      canvasCtx.clearRect(0, 0, WIDTH, HEIGHT);
-
-      const barCount = Math.min(maxBarCount, analyserData.data.length);
-      const totalWidth = barCount * (barWidth + barSpacing) - barSpacing;
-      let x = WIDTH / 2 - totalWidth / 2 + oscillationOffset.current;
-
-      oscillationOffset.current += direction.current;
-      if (Math.abs(oscillationOffset.current) > 20) {
-        direction.current *= -1;
-      }
-
-      for (let i = 0; i < barCount; i++) {
-        const baseHeight = Math.floor(analyserData.data[i] / 2) * scaleFactor;
-
-        const jitter = calculateJitter(
-          i,
-          timestamp,
-          baseHeight,
-          minJitter,
-          jitterAmplitude
-        );
-        const barHeight = baseHeight + Math.round(jitter);
-
-        const topY = Math.round(centerLine - barHeight / 2);
-        const bottomY = Math.round(centerLine + barHeight / 2);
-
-        canvasCtx.beginPath();
-        canvasCtx.moveTo(x, bottomY);
-        canvasCtx.lineTo(x, topY + 2);
-        canvasCtx.arcTo(x + barWidth, topY + 2, x + barWidth, bottomY, 2);
-        canvasCtx.lineTo(x + barWidth, bottomY);
-        canvasCtx.closePath();
-        canvasCtx.fill();
-
-        x += barWidth + barSpacing;
-      }
-
-      animationId.current = requestAnimationFrame(draw);
-    };
-
-    draw(performance.now());
-  };
-
-  React.useEffect(() => {
-    if (size) {
-      if (maxWidth) {
-        setWidth(Math.min(size.width, maxWidth));
-      } else {
-        setWidth(size?.width || 0);
-      }
-      if (!fixedHeight) {
-        setHeight(size?.height || 0);
-      }
-    }
-  }, [size, maxWidth]);
-
-  useEffect(() => {
-    if (!canvasRef.current) return;
-    const clearCanvas = () => {
-      if (canvasRef.current) {
-        const ctx = canvasRef.current.getContext('2d');
-        if (ctx) ctx.clearRect(0, 0, width * 2, height * 2);
-      }
-    };
-
-    if (!analyserData.data?.length || !analyserData.analyser?.current) {
-      clearCanvas();
-      cancelAnimationFrame(animationId.current);
-      animationId.current = 0;
-      return;
-    }
-
-    startAudioVisualization();
-
-    return () => {
-      cancelAnimationFrame(animationId.current);
-      clearCanvas();
-    };
-  }, [analyserData, width, height]);
-
-  return (
-    <div
-      className="scroller-wrapper"
-      ref={scrollerRef}
-      style={{ width: '100%', height: '100%' }}
-    >
-      <div
-        ref={containerRef}
-        className="canvas-wrap"
-        style={{ width: '100%', height: '100%' }}
-      >
-        <canvas ref={canvasRef} style={{ display: 'block' }}></canvas>
-      </div>
-    </div>
-  );
-};
-
-export default React.memo(AudioAnimation);

src/components/audio-player/audio-element.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-const AudioWrapper = styled.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-`;
-
-const AudioElement: React.FC<any> = (props) => {
-  return (
-    <div>
-      <AudioWrapper>
-        <audio {...props} controls></audio>
-      </AudioWrapper>
-    </div>
-  );
-};
-
-export default AudioElement;

src/components/audio-player/config/type.ts

@@ -1,39 +0,0 @@
-export type AudioEvent =
-  | 'play'
-  | 'playing'
-  | 'pause'
-  | 'timeupdate'
-  | 'ended'
-  | 'loadedmetadata'
-  | 'audioprocess'
-  | 'canplay'
-  | 'ended'
-  | 'loadeddata'
-  | 'seeked'
-  | 'seeking'
-  | 'volumechange';
-
-export interface AudioPlayerProps {
-  controls?: boolean;
-  autoplay?: boolean;
-  url: string;
-  speed?: number;
-  ref?: any;
-  height?: number;
-  width?: number;
-  duration?: number;
-  onPlay?: () => void;
-  onPlaying?: () => void;
-  onPause?: () => void;
-  onTimeUpdate?: () => void;
-  onEnded?: () => void;
-  onLoadedMetadata?: (duration: number) => void;
-  onAudioProcess?: (current: number) => void;
-  onCanPlay?: () => void;
-  onLoadedData?: () => void;
-  onSeeked?: () => void;
-  onSeeking?: () => void;
-  onVolumeChange?: () => void;
-  onReady?: (duration: number) => void;
-  onAnalyse?: (analyseData: any, frequencyBinCount: any) => void;
-}

src/components/audio-player/index.less

@@ -1,104 +0,0 @@
-.player-wrap {
-  width: 100%;
-  display: flex;
-  // background-color: var(--ant-color-fill-quaternary);
-  border-radius: 6px;
-
-  .player-ui {
-    padding: 8px 16px;
-    flex: 1;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-  }
-
-  .controls {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .play-btn {
-    margin-inline: 30px;
-    height: 22px;
-    width: 22px;
-    overflow: hidden;
-
-    .ant-btn {
-      height: 22px;
-      width: 22px;
-    }
-  }
-
-  .backward,
-  .forward {
-    background: none !important;
-  }
-
-  .slider {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    .slider-inner {
-      flex: 1;
-    }
-  }
-
-  .play-content {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex: 1;
-  }
-
-  .time {
-    width: 52px;
-    text-align: right;
-
-    &.current {
-      text-align: left;
-    }
-  }
-
-  .progress-bar {
-    margin-inline: 10px;
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: center;
-
-    .slider {
-      width: 100%;
-    }
-
-    .file-name {
-      margin-bottom: 6px;
-      line-height: 20px;
-      height: 20px;
-      display: flex;
-      align-items: center;
-      align-self: center;
-      justify-content: center;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-
-    .ant-slider-horizontal {
-      margin-block: 5px;
-    }
-  }
-
-  .speaker {
-    margin-left: 10px;
-    position: relative;
-
-    .volume-slider {
-      position: absolute;
-      bottom: 30px;
-    }
-  }
-}

src/components/audio-player/index.tsx

@@ -1,311 +0,0 @@
-import { formatTime } from '@/utils/index';
-import {
-  FastBackwardOutlined,
-  FastForwardOutlined,
-  PauseCircleFilled,
-  PlayCircleFilled
-} from '@ant-design/icons';
-import { useIntl } from '@umijs/max';
-import { Button, Slider, Tooltip } from 'antd';
-import { round } from 'lodash';
-import React, {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle
-} from 'react';
-import './index.less';
-
-interface AudioPlayerProps {
-  autoplay?: boolean;
-  url: string;
-  speed?: number;
-  ref?: any;
-  name: string;
-  height?: number;
-  width?: number;
-  duration?: number;
-  extra?: React.ReactNode;
-}
-
-const speedOptions = [
-  { label: '1x', value: 1 },
-  { label: '2x', value: 2 },
-  { label: '3x', value: 3 },
-  { label: '4x', value: 4 }
-];
-
-const speedConfig = {
-  min: 0.5,
-  max: 2,
-  step: 0.25
-};
-
-const AudioPlayer: React.FC<AudioPlayerProps> = forwardRef((props, ref) => {
-  const intl = useIntl();
-  const { autoplay = false, speed: defaultSpeed = 1, extra } = props;
-  const audioRef = React.useRef<HTMLAudioElement>(null);
-  const [audioState, setAudioState] = React.useState<{
-    currentTime: number;
-    duration: number;
-  }>({
-    currentTime: 0,
-    duration: 0
-  });
-  const [playOn, setPlayOn] = React.useState<boolean>(false);
-  const [speakerOn, setSpeakerOn] = React.useState<boolean>(false);
-  const [volume, setVolume] = React.useState<number>(1);
-  const [speed, setSpeed] = React.useState<number>(defaultSpeed);
-  const timer = React.useRef<any>(null);
-
-  useImperativeHandle(ref, () => ({
-    play: () => {
-      audioRef.current?.play();
-    },
-    pause: () => {
-      audioRef.current?.pause();
-    }
-  }));
-  const handleShowVolume = useCallback(() => {
-    setSpeakerOn(!speakerOn);
-  }, [speakerOn]);
-
-  const handleSeepdChange = useCallback((value: number | string) => {
-    setSpeed(value as number);
-    audioRef.current!.playbackRate = value as number;
-  }, []);
-
-  const handleAudioOnPlay = useCallback(() => {
-    console.log('audio play');
-    timer.current = setInterval(() => {
-      setAudioState((prestate) => {
-        return {
-          currentTime: Math.ceil(audioRef.current?.currentTime || 0),
-          duration:
-            prestate.duration || Math.ceil(audioRef.current?.duration || 0)
-        };
-      });
-
-      if (audioRef.current?.paused || audioRef.current?.ended) {
-        clearInterval(timer.current);
-        setPlayOn(false);
-        setAudioState((prestate: any) => {
-          return {
-            currentTime: audioRef.current?.ended ? 0 : prestate.currentTime,
-            duration: prestate.duration
-          };
-        });
-      }
-    }, 500);
-  }, []);
-
-  const handlePlay = useCallback(() => {
-    setPlayOn(!playOn);
-    if (playOn) {
-      audioRef.current?.pause();
-    } else {
-      audioRef.current?.play();
-    }
-  }, [playOn]);
-
-  const handleFormatVolume = (val?: number) => {
-    if (val === undefined) {
-      return `${round(volume * 100)}%`;
-    }
-    return `${round(val * 100)}%`;
-  };
-
-  const handleVolumeChange = useCallback((value: number) => {
-    audioRef.current!.volume = round(value, 2);
-    setVolume(round(value, 2));
-  }, []);
-
-  const initPlayerConfig = () => {
-    if (audioRef.current) {
-      audioRef.current!.volume = volume;
-      audioRef.current!.playbackRate = speed;
-    }
-  };
-
-  const handleLoadedMetadata = useCallback(
-    (data: any) => {
-      const duration = Math.ceil(audioRef.current?.duration || 0);
-      setAudioState({
-        currentTime: 0,
-        duration:
-          duration && duration !== Infinity ? duration : props.duration || 0
-      });
-      setPlayOn(autoplay);
-    },
-    [autoplay, props.duration]
-  );
-
-  const handleCurrentChange = useCallback((val: number) => {
-    audioRef.current!.currentTime = val;
-    setAudioState((prestate) => {
-      return {
-        currentTime: val,
-        duration: prestate.duration
-      };
-    });
-  }, []);
-
-  const handleReduceSpeed = () => {
-    setSpeed((pre) => {
-      if (pre - speedConfig.step < speedConfig.min) {
-        return speedConfig.min;
-      }
-      const next = pre - speedConfig.step;
-      audioRef.current!.playbackRate = next;
-      return next;
-    });
-  };
-
-  const handleAddSpeed = () => {
-    setSpeed((pre) => {
-      if (pre + speedConfig.step > speedConfig.max) {
-        return speedConfig.max;
-      }
-      const next = pre + speedConfig.step;
-      audioRef.current!.playbackRate = next;
-      return next;
-    });
-  };
-
-  const handleOnLoad = (e: any) => {
-    console.log('onload', e);
-  };
-
-  const onDownload = useCallback(() => {
-    const url = props.url || '';
-    const filename = props.name;
-
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    link.remove();
-  }, [props.url, props.name]);
-
-  useEffect(() => {
-    if (audioRef.current) {
-      initPlayerConfig();
-    }
-  }, [audioRef.current]);
-
-  useEffect(() => {
-    return () => {
-      clearInterval(timer.current);
-    };
-  }, []);
-
-  return (
-    <div className="player-wrap" style={{ width: props.width || '100%' }}>
-      <div className="player-ui">
-        <div className="play-content">
-          <div className="progress-bar">
-            <span className="file-name">{props.name}</span>
-            <div className="slider">
-              {/* <span className="time current">
-                {' '}
-                {formatTime(audioState.currentTime)}
-              </span> */}
-              <div className="slider-inner">
-                <Slider
-                  tooltip={{ open: false }}
-                  min={0}
-                  step={1}
-                  styles={{
-                    rail: {
-                      // height: 6
-                    }
-                  }}
-                  max={audioState.duration}
-                  value={audioState.currentTime}
-                  onChange={handleCurrentChange}
-                />
-              </div>
-              {/* <span className="time">{formatTime(audioState.duration)}</span> */}
-            </div>
-            <div className="controls">
-              <div className="audio-control flex-center">
-                <span className="time current">
-                  {' '}
-                  {formatTime(audioState.currentTime)}
-                </span>
-                <Tooltip
-                  title={intl.formatMessage({
-                    id: 'playground.audio.button.slow'
-                  })}
-                >
-                  <Button
-                    type="text"
-                    size="small"
-                    className="backward"
-                    disabled={
-                      speed === speedConfig.min || speed < speedConfig.min
-                    }
-                    onClick={handleReduceSpeed}
-                  >
-                    <FastBackwardOutlined className="font-size-20" />
-                  </Button>
-                </Tooltip>
-                <span className="play-btn">
-                  <Button
-                    size="middle"
-                    type="text"
-                    onClick={handlePlay}
-                    disabled={!audioState?.duration}
-                    icon={
-                      !playOn ? (
-                        <PlayCircleFilled
-                          style={{ fontSize: '22px' }}
-                        ></PlayCircleFilled>
-                      ) : (
-                        <PauseCircleFilled
-                          style={{ fontSize: '22px' }}
-                        ></PauseCircleFilled>
-                      )
-                    }
-                  ></Button>
-                </span>
-                <Tooltip
-                  title={intl.formatMessage({
-                    id: 'playground.audio.button.fast'
-                  })}
-                >
-                  <Button
-                    type="text"
-                    size="small"
-                    className="forward"
-                    disabled={
-                      speed === speedConfig.max || speed > speedConfig.max
-                    }
-                    onClick={handleAddSpeed}
-                  >
-                    <FastForwardOutlined className="font-size-20" />
-                  </Button>
-                </Tooltip>
-                <span className="time">{formatTime(audioState.duration)}</span>
-              </div>
-              {extra}
-            </div>
-          </div>
-        </div>
-      </div>
-      <audio
-        crossOrigin="anonymous"
-        autoPlay={autoplay}
-        src={props.url}
-        ref={audioRef}
-        preload="metadata"
-        style={{ opacity: 0, position: 'absolute', left: '-9999px' }}
-        onPlay={handleAudioOnPlay}
-        onLoadedMetadata={handleLoadedMetadata}
-      ></audio>
-    </div>
-  );
-});
-
-export default React.memo(AudioPlayer);

src/components/audio-player/raw-audio-player.tsx

@@ -1,165 +0,0 @@
-import React, {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useRef
-} from 'react';
-import { AudioPlayerProps } from './config/type';
-
-const RawAudioPlayer: React.FC<AudioPlayerProps> = forwardRef((props, ref) => {
-  const { autoplay = false } = props;
-  const audioRef = React.useRef<HTMLAudioElement>(null);
-
-  // =================== audio context ======================
-  const audioContext = useRef<any>(null);
-  const analyser = useRef<any>(null);
-  const dataArray = useRef<any>(null);
-  // ========================================================
-
-  const initAudioContext = useCallback(() => {
-    audioContext.current = new (window.AudioContext ||
-      window.webkitAudioContext)();
-
-    analyser.current = audioContext.current.createAnalyser();
-    analyser.current.fftSize = 512;
-    dataArray.current = new Uint8Array(analyser.current.frequencyBinCount);
-  }, []);
-
-  const generateVisualData = useCallback(() => {
-    const source = audioContext.current.createMediaElementSource(
-      audioRef.current
-    );
-    source.connect(analyser.current);
-    analyser.current.connect(audioContext.current.destination);
-  }, []);
-
-  const initEnvents = () => {
-    if (!audioRef.current) {
-      return;
-    }
-
-    audioRef.current.addEventListener('complete', () => {});
-
-    audioRef.current.addEventListener('play', () => {
-      props.onAnalyse?.(dataArray.current, analyser);
-      props.onPlay?.();
-    });
-
-    audioRef.current.addEventListener('pause', () => {
-      props.onAnalyse?.(dataArray.current, analyser);
-      props.onPause?.();
-    });
-
-    audioRef.current.addEventListener('timeupdate', () => {
-      props.onTimeUpdate?.();
-    });
-
-    audioRef.current.addEventListener('ended', () => {
-      props.onEnded?.();
-    });
-    // add all other events
-
-    audioRef.current.addEventListener('canplay', () => {
-      props.onCanPlay?.();
-    });
-
-    audioRef.current.addEventListener('loadeddata', () => {
-      initEnvents();
-      if (!audioContext.current) {
-        initAudioContext();
-        generateVisualData();
-      }
-      props.onLoadedData?.();
-    });
-
-    audioRef.current.addEventListener('seeked', () => {
-      props.onSeeked?.();
-    });
-
-    audioRef.current.addEventListener('seeking', () => {
-      props.onSeeking?.();
-    });
-
-    audioRef.current.addEventListener('volumechange', () => {
-      props.onVolumeChange?.();
-    });
-
-    audioRef.current.addEventListener('audioprocess', () => {
-      const current = audioRef.current?.currentTime || 0;
-      props.onAudioProcess?.(current);
-    });
-
-    audioRef.current.addEventListener('playing', () => {
-      props.onPlaying?.();
-    });
-
-    audioRef.current.addEventListener('loadedmetadata', () => {
-      const duration = audioRef.current?.duration || 0;
-      props.onLoadedMetadata?.(duration);
-      props.onReady?.(duration);
-    });
-
-    audioRef.current.addEventListener('ended', () => {
-      props.onEnded?.();
-    });
-
-    audioRef.current.addEventListener('loadeddata', () => {
-      props.onLoadedData?.();
-    });
-  };
-
-  useImperativeHandle(ref, () => ({
-    play: () => {
-      audioRef.current?.play();
-    },
-    pause: () => {
-      audioRef.current?.pause();
-    }
-  }));
-
-  useEffect(() => {
-    if (audioRef.current) {
-      console.log('audioRef.current', audioRef.current, props.url);
-      initEnvents();
-    }
-    return () => {
-      if (audioContext.current) {
-        audioContext.current.close();
-      }
-      // remove all events
-
-      audioRef.current?.removeEventListener('play', () => {});
-      audioRef.current?.removeEventListener('pause', () => {});
-      audioRef.current?.removeEventListener('timeupdate', () => {});
-      audioRef.current?.removeEventListener('ended', () => {});
-      audioRef.current?.removeEventListener('canplay', () => {});
-      audioRef.current?.removeEventListener('loadeddata', () => {});
-      audioRef.current?.removeEventListener('seeked', () => {});
-      audioRef.current?.removeEventListener('seeking', () => {});
-      audioRef.current?.removeEventListener('volumechange', () => {});
-      audioRef.current?.removeEventListener('audioprocess', () => {});
-      audioRef.current?.removeEventListener('playing', () => {});
-      audioRef.current?.removeEventListener('loadedmetadata', () => {});
-      audioRef.current?.removeEventListener('ended', () => {});
-      audioRef.current?.removeEventListener('loadeddata', () => {});
-    };
-  }, [audioRef.current]);
-
-  return (
-    <audio
-      controls
-      autoPlay={autoplay}
-      src={props.url}
-      ref={audioRef}
-      style={{
-        position: 'absolute',
-        left: '-9999px',
-        opacity: 0
-      }}
-      preload="metadata"
-    ></audio>
-  );
-});
-
-export default RawAudioPlayer;

src/components/audio-player/simple-audio.tsx

@@ -1,406 +0,0 @@
-import { formatTime } from '@/utils/index';
-import { DeleteOutlined, DownloadOutlined } from '@ant-design/icons';
-import { useIntl } from '@umijs/max';
-import { Button, Dropdown, Slider, type MenuProps } from 'antd';
-import { createStyles } from 'antd-style';
-import { round } from 'lodash';
-import React, {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useMemo
-} from 'react';
-import styled from 'styled-components';
-import AutoTooltip from '../auto-tooltip';
-import IconFont from '../icon-font';
-
-type ActionItem = 'download' | 'delete' | 'speed';
-
-interface AudioPlayerProps {
-  autoplay?: boolean;
-  url: string;
-  speed?: number;
-  ref?: any;
-  name: string;
-  height?: number;
-  width?: number;
-  duration?: number;
-  actions?: ActionItem[];
-  onDelete?: () => void;
-}
-
-const SliderWrapper = styled.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 8px;
-  .ant-slider {
-    flex: 1;
-  }
-  .time {
-    color: var(--ant-color-text-tertiary);
-  }
-`;
-
-const useStyles = createStyles(({ css, token }) => {
-  // @ts-ignore
-  const isDarkMode = token.darkMode as boolean;
-  return {
-    wrapper: css`
-      position: relative;
-      min-width: 360px;
-      height: 54px;
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      padding: 8px 10px;
-      background-color: ${isDarkMode
-        ? 'var(--ant-color-fill-secondary)'
-        : '#F1F3F4'};
-      border-radius: 28px;
-      .inner {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-        flex: 1;
-        gap: 8px;
-        .slider {
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          flex: 1;
-          .ant-slider {
-            margin: 0;
-          }
-          &:hover {
-            .ant-slider-handle {
-              opacity: 1;
-              transition: opacity 0.3s ease-in-out;
-            }
-          }
-          &:focus-within {
-            .ant-slider-handle {
-              opacity: 1;
-            }
-          }
-        }
-
-        .ant-slider-handle {
-          opacity: 0;
-          &::before {
-            background-color: var(--ant-color-bg-spotlight);
-            border-radius: 50%;
-          }
-          &::after {
-            display: none;
-          }
-        }
-      }
-    `
-  };
-});
-
-const sliderStyles = {
-  rail: {
-    borderRadius: '4px',
-    backgroundColor: 'var(--ant-color-fill-secondary)'
-  },
-  track: {
-    borderRadius: '4px',
-    backgroundColor: 'var(--ant-color-bg-spotlight)'
-  }
-};
-
-const speedOptions = [
-  { label: '1x', value: 1 },
-  { label: '2x', value: 2 },
-  { label: '3x', value: 3 },
-  { label: '4x', value: 4 }
-];
-
-const speedConfig = {
-  min: 0.5,
-  max: 2,
-  step: 0.25
-};
-
-const AudioPlayer: React.FC<AudioPlayerProps> = forwardRef((props, ref) => {
-  const intl = useIntl();
-  const { styles } = useStyles();
-  const {
-    autoplay = false,
-    speed: defaultSpeed = 1,
-    actions = ['delete'],
-    name,
-    onDelete
-  } = props;
-  const audioRef = React.useRef<HTMLAudioElement>(null);
-  const [audioState, setAudioState] = React.useState<{
-    currentTime: number;
-    duration: number;
-  }>({
-    currentTime: 0,
-    duration: 0
-  });
-  console.log('audioState', name);
-  const [playOn, setPlayOn] = React.useState<boolean>(false);
-  const [speakerOn, setSpeakerOn] = React.useState<boolean>(false);
-  const [volume, setVolume] = React.useState<number>(1);
-  const [speed, setSpeed] = React.useState<number>(defaultSpeed);
-  const timer = React.useRef<any>(null);
-
-  useImperativeHandle(ref, () => ({
-    play: () => {
-      audioRef.current?.play();
-    },
-    pause: () => {
-      audioRef.current?.pause();
-    }
-  }));
-  const handleShowVolume = useCallback(() => {
-    setSpeakerOn(!speakerOn);
-  }, [speakerOn]);
-
-  const handleSeepdChange = useCallback((value: number | string) => {
-    setSpeed(value as number);
-    audioRef.current!.playbackRate = value as number;
-  }, []);
-
-  const handleAudioOnPlay = useCallback(() => {
-    timer.current = setInterval(() => {
-      setAudioState((prestate) => {
-        return {
-          currentTime: Math.ceil(audioRef.current?.currentTime || 0),
-          duration:
-            prestate.duration || Math.ceil(audioRef.current?.duration || 0)
-        };
-      });
-
-      if (audioRef.current?.paused || audioRef.current?.ended) {
-        clearInterval(timer.current);
-        setPlayOn(false);
-        setAudioState((prestate: any) => {
-          return {
-            currentTime: audioRef.current?.ended ? 0 : prestate.currentTime,
-            duration: prestate.duration
-          };
-        });
-      }
-    }, 500);
-  }, []);
-
-  const handlePlay = useCallback(() => {
-    setPlayOn(!playOn);
-    if (playOn) {
-      audioRef.current?.pause();
-    } else {
-      audioRef.current?.play();
-    }
-  }, [playOn]);
-
-  const handleFormatVolume = (val?: number) => {
-    if (val === undefined) {
-      return `${round(volume * 100)}%`;
-    }
-    return `${round(val * 100)}%`;
-  };
-
-  const handleVolumeChange = useCallback((value: number) => {
-    audioRef.current!.volume = round(value, 2);
-    setVolume(round(value, 2));
-  }, []);
-
-  const initPlayerConfig = () => {
-    if (audioRef.current) {
-      audioRef.current!.volume = volume;
-      audioRef.current!.playbackRate = speed;
-    }
-  };
-
-  const handleLoadedMetadata = useCallback(
-    (data: any) => {
-      const duration = Math.ceil(audioRef.current?.duration || 0);
-      setAudioState({
-        currentTime: 0,
-        duration:
-          duration && duration !== Infinity ? duration : props.duration || 0
-      });
-      setPlayOn(autoplay);
-    },
-    [autoplay, props.duration]
-  );
-
-  const handleCurrentChange = useCallback((val: number) => {
-    audioRef.current!.currentTime = val;
-    setAudioState((prestate) => {
-      return {
-        currentTime: val,
-        duration: prestate.duration
-      };
-    });
-  }, []);
-
-  const handleReduceSpeed = () => {
-    setSpeed((pre) => {
-      if (pre - speedConfig.step < speedConfig.min) {
-        return speedConfig.min;
-      }
-      const next = pre - speedConfig.step;
-      audioRef.current!.playbackRate = next;
-      return next;
-    });
-  };
-
-  const handleAddSpeed = () => {
-    setSpeed((pre) => {
-      if (pre + speedConfig.step > speedConfig.max) {
-        return speedConfig.max;
-      }
-      const next = pre + speedConfig.step;
-      audioRef.current!.playbackRate = next;
-      return next;
-    });
-  };
-
-  const handleOnLoad = (e: any) => {
-    console.log('onload', e);
-  };
-
-  const onDownload = useCallback(() => {
-    const url = props.url || '';
-    const filename = props.name;
-
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = filename || 'audio.mp3'; // Default filename
-    document.body.appendChild(link);
-    link.click();
-    link.remove();
-  }, [props.url, props.name]);
-
-  const items: MenuProps['items'] = useMemo(() => {
-    return [
-      {
-        key: 'download',
-        label: intl.formatMessage({ id: 'common.button.download' }),
-        icon: <DownloadOutlined />,
-        onClick: onDownload
-      },
-      {
-        key: 'speed',
-        label: intl.formatMessage({ id: 'playground.params.speed' }),
-        icon: <IconFont type="icon-play-speed"></IconFont>,
-        children: speedOptions.map((item) => ({
-          key: item.value,
-          label: item.label,
-          onClick: () => handleSeepdChange(item.value)
-        }))
-      },
-      {
-        key: 'delete',
-        label: intl.formatMessage({ id: 'common.button.delete' }),
-        icon: <DeleteOutlined />,
-        danger: true,
-        onClick: () => {
-          if (audioRef.current) {
-            audioRef.current.pause();
-            audioRef.current.src = '';
-            audioRef.current.load();
-          }
-          setAudioState({ currentTime: 0, duration: 0 });
-          setPlayOn(false);
-          onDelete?.();
-        }
-      }
-    ].filter((item) => actions.includes(item.key as ActionItem));
-  }, [actions, intl, onDownload, onDelete, handleSeepdChange]);
-
-  useEffect(() => {
-    if (audioRef.current) {
-      initPlayerConfig();
-    }
-  }, [audioRef.current]);
-
-  useEffect(() => {
-    return () => {
-      clearInterval(timer.current);
-    };
-  }, []);
-
-  return (
-    <div
-      className={styles.wrapper}
-      style={{
-        width: props.width || '100%',
-        height: props.height || '60px',
-        position: 'relative'
-      }}
-    >
-      <div className="inner">
-        <Button
-          size="middle"
-          type="text"
-          onClick={handlePlay}
-          shape="circle"
-          disabled={!audioState?.duration}
-          icon={
-            !playOn ? (
-              <IconFont
-                type="icon-playcircle-fill"
-                style={{ fontSize: '24px' }}
-              ></IconFont>
-            ) : (
-              <IconFont
-                type="icon-stopcircle-fill"
-                style={{ fontSize: '24px' }}
-              ></IconFont>
-            )
-          }
-        ></Button>
-
-        <div className="slider">
-          <div className="flex-center flex-between file-name">
-            <AutoTooltip ghost maxWidth={200}>
-              <span>{name}</span>
-            </AutoTooltip>
-          </div>
-          <SliderWrapper>
-            <span className="time">{formatTime(audioState.currentTime)}</span>
-            <Slider
-              tooltip={{ open: false }}
-              min={0}
-              step={1}
-              styles={sliderStyles}
-              max={audioState.duration}
-              value={audioState.currentTime}
-              onChange={handleCurrentChange}
-            />
-          </SliderWrapper>
-        </div>
-        <Dropdown menu={{ items }} trigger={['click']}>
-          <Button
-            icon={<IconFont type="icon-more"></IconFont>}
-            type="text"
-            size="middle"
-            shape="circle"
-          ></Button>
-        </Dropdown>
-      </div>
-      <audio
-        crossOrigin="anonymous"
-        autoPlay={autoplay}
-        src={props.url}
-        ref={audioRef}
-        preload="metadata"
-        style={{ opacity: 0, position: 'absolute', left: '-9999px' }}
-        onPlay={handleAudioOnPlay}
-        onLoadedMetadata={handleLoadedMetadata}
-      ></audio>
-    </div>
-  );
-});
-
-export default React.memo(AudioPlayer);

src/components/auto-image/index.less

@@ -1,21 +0,0 @@
-.toolbar-wrapper {
-  padding: 0 24px;
-  color: rgba(255, 255, 255, 65%);
-  font-size: 16px;
-  background-color: rgba(0, 0, 0, 10%);
-  border-radius: 100px;
-}
-
-.toolbar-wrapper .anticon {
-  padding: 12px;
-  cursor: pointer;
-}
-
-.toolbar-wrapper .anticon[disabled] {
-  cursor: not-allowed;
-  opacity: 0.3;
-}
-
-.toolbar-wrapper .anticon:hover {
-  opacity: 0.3;
-}

src/components/auto-image/index.tsx

@@ -1,131 +0,0 @@
-import fallbackImg from '@/assets/images/img_fallback.png';
-import {
-  DownloadOutlined,
-  EyeOutlined,
-  RotateLeftOutlined,
-  RotateRightOutlined,
-  SwapOutlined,
-  UndoOutlined,
-  ZoomInOutlined,
-  ZoomOutOutlined
-} from '@ant-design/icons';
-import { Image as AntImage, ImageProps, Space } from 'antd';
-import { round } from 'lodash';
-import React, { useCallback, useEffect, useState } from 'react';
-import './index.less';
-
-const AutoImage: React.FC<
-  ImageProps & {
-    height: number | string;
-    width?: number | string;
-    autoSize?: boolean;
-    preview?: boolean;
-    onLoad?: () => void;
-  }
-> = (props) => {
-  const { height = 100, width: w, autoSize, preview = true, ...rest } = props;
-  const [width, setWidth] = useState(w || 0);
-  const [isError, setIsError] = useState(false);
-
-  const getImgRatio = useCallback((url: string): Promise<{ ratio: number }> => {
-    return new Promise((resolve) => {
-      const img = new Image();
-      img.onload = () => {
-        resolve({ ratio: round(img.width / img.height, 2) });
-      };
-      img.onerror = () => {
-        resolve({ ratio: 1 });
-      };
-      img.src = url;
-    });
-  }, []);
-
-  const handleOnLoad = useCallback(async () => {
-    if (autoSize) {
-      return;
-    }
-    const { ratio } = await getImgRatio(props.src || '');
-
-    if (typeof height === 'number') {
-      setWidth(height * ratio);
-    } else {
-      throw new Error('Height must be a number');
-    }
-  }, [getImgRatio, height, props.src]);
-
-  const onDownload = useCallback(() => {
-    const url = props.src || '';
-    const filename = Date.now() + '';
-
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    link.remove();
-  }, [props.src]);
-
-  const handleImgLoad = useCallback(() => {
-    props.onLoad?.();
-    setIsError(false);
-  }, [props.onLoad]);
-
-  const handleOnError = useCallback((e: any) => {
-    setIsError(true);
-    e.target.src = fallbackImg;
-  }, []);
-
-  useEffect(() => {
-    handleOnLoad();
-  }, [handleOnLoad]);
-
-  useEffect(() => {
-    setWidth(w || 0);
-  }, [w]);
-
-  return (
-    <AntImage
-      {...rest}
-      height={isError ? 'auto' : height}
-      width={isError ? '100%' : width}
-      onError={handleOnError}
-      onLoad={handleImgLoad}
-      fallback={fallbackImg}
-      crossOrigin="anonymous"
-      preview={
-        preview &&
-        !isError && {
-          mask: <EyeOutlined />,
-          toolbarRender: (
-            _,
-            {
-              transform: { scale },
-              actions: {
-                onFlipY,
-                onFlipX,
-                onRotateLeft,
-                onRotateRight,
-                onZoomOut,
-                onZoomIn,
-                onReset
-              }
-            }
-          ) => (
-            <Space size={12} className="toolbar-wrapper">
-              <DownloadOutlined onClick={onDownload} />
-              <SwapOutlined rotate={90} onClick={onFlipY} />
-              <SwapOutlined onClick={onFlipX} />
-              <RotateLeftOutlined onClick={onRotateLeft} />
-              <RotateRightOutlined onClick={onRotateRight} />
-              <ZoomOutOutlined disabled={scale === 1} onClick={onZoomOut} />
-              <ZoomInOutlined disabled={scale === 50} onClick={onZoomIn} />
-              <UndoOutlined onClick={onReset} />
-            </Space>
-          )
-        }
-      }
-    />
-  );
-};
-
-export default AutoImage;