Compare commits

..
93 Commits
Author SHA1 Message Date
jialin 2767f883fc fix(dashboard): remove date from group_by
CI / deps (push) Has been cancelled
CI / build (push) Has been cancelled
CI / build-publish (push) Has been cancelled
2026-07-02 11:45:52 +08:00
jialin e98651da2b feat(dashboard): split top user token usage into prompt/completion 2026-07-02 10:13:52 +08:00
jialinandjialin 84304eadb7 fix(playgroundimage): allow to input size 2026-06-18 16:03:35 +08:00
jialinandjialin ab3739219e chore: update vllm, sglang, preset argument options 2026-06-18 16:03:35 +08:00
jialinandjialin 7cf4932f3a fix(deploymentlog): show the checkbox only when container exsiting previous 2026-06-18 11:50:19 +08:00
jialinandjialin 032f1eefef fix(deployments): show a prefix before model name in playground 2026-06-18 11:50:19 +08:00
jialinandjialin e35be94f7c fix(provider): filter bailian do not work 2026-06-18 11:50:19 +08:00
jialinandjialin e76e2ad85a fix(worker): IP cell text wrapping 2026-06-18 11:50:19 +08:00
jialinandjialin cb19cd2476 fix: show cpu only spec info 2026-06-17 20:11:06 +08:00
jialinandjialin c532732ce9 fix: show CPU Only in usage instanc types 2026-06-17 18:29:58 +08:00
jialinandjialin 2bc10dbb2e fix: bailian logo, instance logs params container_name 2026-06-17 16:49:25 +08:00
jialinandjialin b634a03ef9 fix: use alibaba cloud icon for qwen provider 2026-06-17 15:30:43 +08:00
jialinandjialin ac64bb98ad fix: Only display name editable when editing storage and storage type 2026-06-17 12:35:24 +08:00
jialinandjialin aa49539210 fix: select gpu stype when creating cluster from gpu service 2026-06-17 12:35:24 +08:00
jialinandjialin 1f5678f781 fix: update nividia notes 2026-06-17 12:35:24 +08:00
jialinandjialin 7adc089e94 fix: save the default_width, default_height in image size options 2026-06-17 12:35:24 +08:00
jialinandjialin 6e1e9c07ee fix: template name readonly in editting 2026-06-17 11:06:39 +08:00
jialinandjialin 1d55382f3b fix: fetch all model instance after stopping 2026-06-17 11:06:39 +08:00
jialinandjialin e68bb0bc4e fix: export data should contain all tables 2026-06-16 22:28:46 +08:00
jialinandjialin c8e14dade5 fix: remove vendor logo in template list 2026-06-16 22:28:46 +08:00
jialinandjialin e4c1a3f5c2 refactor: usage instance tab, split tables 2026-06-16 22:28:46 +08:00
jialinandjialin cdd6ef9cb3 refactor: use hook for fetch event 2026-06-16 22:28:46 +08:00
jialinandjialin 737d43fd16 refactor: use hook for fetch chart 2026-06-16 22:28:46 +08:00
jialinandjialin 9f5163531c refactor: usage storage tab, split tables 2026-06-16 22:28:46 +08:00
jialinandjialin df5cf0f4e5 chore: nvidia notes in add worker 2026-06-16 18:35:19 +08:00
jialinandjialin e160b64697 fix: do not show billing menu in ent 2026-06-16 18:35:19 +08:00
jialinandjialin 7d36c6ac4a revert: show model name from api directly in apikeys 2026-06-16 15:25:46 +08:00
jialinandjialin 0820edf55f fix: refresh data in card page list 2026-06-16 15:25:46 +08:00
jialinandjialin 12e324893f fix: gpu instance state color 2026-06-16 14:17:43 +08:00
jialinandjialin 4017c4dd33 style: table hover bg, remove description in billing 2026-06-16 14:17:43 +08:00
jialinandjialin 17b65d80e1 fix(style): API info access url overflow 2026-06-16 14:17:43 +08:00
jialinandjialin 47cb3321ab fix(style): forgot password layout 2026-06-16 14:17:43 +08:00
jialinandjialin 547b9f617b fix(style): forget button in login page 2026-06-15 15:48:41 +08:00
jialinandjialin 9e7bd78693 fix: allowed models do not contain the org name 2026-06-15 14:45:27 +08:00
jialinandjialin c53d60b628 fix: remove the depude code in buildTrend 2026-06-14 19:40:19 +08:00
jialinandjialin 9566e0cdb2 fix: queryParams do not be updated timely 2026-06-14 19:21:36 +08:00
jialinandjialin ed3e779d22 fix: do not trigger setInitialized in catch when error occured 2026-06-14 19:14:18 +08:00
jialinandjialin 3e2133753d fix: barchart, piechart flash issue 2026-06-14 19:14:18 +08:00
jialinandjialin 736a853192 chore: add cancel token 2026-06-14 19:14:18 +08:00
jialinandjialin 08ef2ffa9a refactor(usagesummary): fetch data 2026-06-14 19:14:18 +08:00
jialinandjialin 6cf512cccd refactor(usage): split tabs into separate dirs 2026-06-14 19:14:18 +08:00
jialinandjialin 6f56e614f3 chore: instance creationg UE 2026-06-14 19:14:18 +08:00
jialinandjialin 8c06862705 style: login placeholder 2026-06-12 22:20:31 +08:00
jialinandjialin 48159171c2 fix: keep uniform for instance type render content 2026-06-12 22:20:31 +08:00
jialinandjialin d5d0749b72 chore(deps): update ui 1.0.27 2026-06-12 21:16:07 +08:00
jialinandjialin dc4dd81e11 refactor(login): layout style 2026-06-12 21:16:07 +08:00
jialinandjialin c736e2186d revert: display the max count cpu instance type 2026-06-12 20:49:47 +08:00
gitlawr 7a76bda484 feat: distinguish same-name GPU service resources across users
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.
2026-06-12 20:22:56 +08:00
yxfandjialin 778ea36a9d refactor(parameter): rename parameter_format to Flag Format and update related logic 2026-06-12 17:12:10 +08:00
jialinandjialin 04e1e1e566 chore: remove remember me 2026-06-12 16:02:22 +08:00
jialinandjialin 01f66085ab fix: only keep the max count cpu instance type 2026-06-12 16:02:22 +08:00
jialinandjialin ddf723525a fix: instance types switch between gpu and cpu 2026-06-12 12:10:14 +08:00
Yuxing Deng 7b18a92388 fix: register k8s cluster should selected nvidia vendor by default 2026-06-11 23:55:40 +08:00
jialinandjialin b985dcee63 chore(deps): update ui 1.0.26 2026-06-11 20:31:36 +08:00
jialinandjialin 77e92432ed fix: changed notice always display 2026-06-11 20:02:27 +08:00
jialinandjialin a7b33a928b fix: anti double submit in form 2026-06-11 20:02:27 +08:00
jialinandjialin 1218c6d096 fix: prevent duplicate submit and unlock on validation failure in deploy/update modals 2026-06-11 20:02:27 +08:00
jialinandjialin 6337431ed4 chore(deps): update ui 1.0.25 2026-06-11 14:13:08 +08:00
jialinandjialin 2ba5118bc2 fix: filter modelInstance by cluster in benchmark form 2026-06-11 14:13:08 +08:00
jialinandjialin 12649c7ccf chore(deps): update ui 1.0.24 2026-06-10 20:29:50 +08:00
jialinandjialin 5d96932870 fix: logs viewer scroll to bottom aumatically 2026-06-10 20:29:50 +08:00
jialinandjialin e6cfa6cf77 fix: template display after initialized 2026-06-10 20:29:50 +08:00
gitlawrandjialin 55d16c5681 feat: persist sider menu group collapse state across refresh 2026-06-10 20:24:53 +08:00
micheliaandjialin ab75685955 fix: extend usage query limit 2026-06-10 16:17:54 +08:00
micheliaandjialin bd0bf0bf63 fix(usage): render resource timestamps in their rollup tz, not browser-local 2026-06-10 16:17:54 +08:00
jialinandjialin fd050b33d9 fix: dedupe backend params when switching backend 2026-06-10 15:37:27 +08:00
jialinandjialin 698090b17a fix: watch list do not update when creating 2026-06-10 15:37:27 +08:00
jialinandjialin 6f96260993 fix(style): pie legend text overflow 2026-06-10 15:37:27 +08:00
jialinandjialin 98a6b19298 fix: flatten all filters in table list 2026-06-10 15:37:27 +08:00
Yuxing Dengandjialin ded270ff25 feat: support deploying cpu workers for k8s cluster 2026-06-10 15:26:13 +08:00
gitlawrandjialin c8860207e8 feat(apikeys): wire Organization plugin column on API Keys list
Splice the per-page extra-columns slot ('apiKeys') after the Name
column so plugin-contributed columns (e.g. Organization in the admin
All-org view) render on the API Keys list, matching the other resource
list pages. Declare owner_principal_id (and the already-consumed
masked_value / user_name / user_id) on ListItem.
2026-06-10 14:46:12 +08:00
gitlawrandjialin 8d045ffd8b feat(header): add GitHub star button to top bar
Compact pill (GitHub icon | star count) placed left of the version
display. Star count is fetched from the GitHub API once per 24h and
cached in localStorage; the button hides entirely when no count is
available (e.g. air-gapped deployments), matching the existing update-
check graceful-degradation pattern. Fetch is bounded by a 4s abort
timeout to avoid hanging requests offline.
2026-06-10 12:00:35 +08:00
jialinandjialin fd7437e74a fix: show start only on stopped 2026-06-10 10:03:43 +08:00
jialinandjialin 807ba866d3 fix: only ready allow deleting 2026-06-09 21:00:17 +08:00
jialinandjialin 5e2808d7c4 fix(style): usage model name overflow 2026-06-09 20:01:11 +08:00
jialinandjialin a26a3ff8f9 fix: safe mergeBackendParameters 2026-06-09 20:01:11 +08:00
jialinandjialin a2e9f69b96 fix: gpu instance always show delete, dedupe params 2026-06-09 19:01:32 +08:00
Yuxing Dengandjialin ac800a303a fix: remove the pined worker config changed notice 2026-06-09 17:54:23 +08:00
yxfandjialin dd542a9f29 feat(params): add initialization attributes to lock task_type field 2026-06-09 16:30:35 +08:00
gitlawrandjialin 26ce456bde feat: per-page extra-columns slot for list tables
Add `usePluginListColumns(pageKey)` so a registered plugin can splice
extra columns into a list page's columns hook keyed by page id. The
slot is wired into 11 list pages (Models, Model Routes, Clusters,
Cloud Credentials, MaaS Providers, Model Files, Model Instances,
GPU Service Instances / Public Keys / Storage / Storage Types) so any
consumer of the seam reaches every org-scoped list without per-page
plumbing.

The slot accepts either a static array or a hook function — the hook
form lets the registrant use React hooks to decide visibility without
the host having to evaluate it. Columns carry a `placement`:
`after-name` is the default (sits next to the row's identifying
column); `before-time` / `before-operation` are kept for back-compat
with the existing per-page `modelRoutes.extraColumns` slot.

SealTable-grid pages (Models / Model Routes / Clusters) absorb the
plugin column's span by shrinking the widest right-side columns so
the 24-unit grid stays balanced. Model Routes' `CREATE_TIME_MIN_SPAN`
drops from 3 to 2 because with two plugin columns active the grid
was 1 unit over and the action dropdown wrapped onto a new row; the
date string ellipsizes cleanly at the lower min.

ListItem types for Model Instances, MaaS Providers, Cloud Credentials,
and Model Files gain an optional `owner_principal_id` field — the
backend already emits it (denormalized from the parent resource), the
TS types just hadn't declared it.

The GPU Instances page splices the plugin column right before the
Cluster column (rather than after Name); the two read together since
Cluster narrows down to one Org.
2026-06-09 16:28:59 +08:00
micheliaandmichela feng 7ce1faaf6c fix(usage): format Last Active as local time on GPU & Storage tabs
The Last Active column had no renderer, so it dumped the raw ISO timestamp
(gpustack/gpustack#5523). It's a UTC instant (max bucket hour), so format it
to the user's local time with dayjs — matching the Resource Events time
column and the rest of the product. (Token Last Active is a daily date, not
an instant, so it stays a plain date with no timezone shift.)
2026-06-09 11:54:28 +08:00
micheliaandmichela feng 878bdaa5a7 fix(usage): keep the grouped-trend legend off the x-axis labels
The legend renders at the chart bottom (bottom: 0); with the default grid
(bottom: 8) it overlapped the date labels once a group-by split the trend
into multiple series. Reserve grid bottom space (matching the Tokens trend)
whenever a legend is shown.
2026-06-09 11:54:28 +08:00
micheliaandmichela feng 68a7e3f66a feat(usage): group-by on the GPU Instances & Storage trend charts
Mirror the Tokens trend: add a clearable "Group by" select to the
MetricChartCard so the GPU Instances chart can split by instance type /
instance / user, and Storage by storage / user. When grouped, the chart
fetches group_by=["date", "<dim>"] (the same list style as the token usage
API) and pivots into one stacked series per group (shared buildTrendSeries
util), with a legend; ungrouped stays a single series. group_by is now a
list across the resource breakdown client; group-by options reuse the
bottom-table dimensions (Users only when org-wide).
2026-06-09 11:54:28 +08:00
micheliaandmichela feng feccc81c5f feat(usage): fix Resource Events filters — real event types, name search, no user filter
- Event type: trim the dropdown to the four types that are actually emitted
  (Created / Started / Stopped / Deleted) — updated/attached/detached were
  never recorded — and actually send the selection (event_types) to the API,
  which previously dropped it so the filter did nothing.
- Add a resource-name text filter (debounced, case-insensitive substring).
- Remove the "filter by user" select: the events list has no User column.
  Scope still applies (members see only their own events).
2026-06-09 11:54:28 +08:00
jialinandjialin 620045d7a3 fix: show the default backend params configured in backend 2026-06-08 18:25:22 +08:00
jialinandjialin 6dc28d61b0 fix: view event in starting 2026-06-08 18:25:22 +08:00
jialinandjialin 754cc29793 chore: update iconfont files 2026-06-08 16:38:27 +08:00
jialinandjialin ed525509ea chore(deps): update 1.0.23 2026-06-08 16:26:25 +08:00
jialinandjialin 2b6f26e6c8 fix: update addworker command for dtk 2026-06-08 15:43:21 +08:00
jialinandjialin 09821aab85 feat: add a billing holder page 2026-06-08 15:43:21 +08:00
jialinandjialin 636190b8e6 chore: show the backend info in instance view 2026-06-08 15:43:21 +08:00
jialinandjialin e420c22a45 fix(style): bar chart legend gap 2026-06-08 11:42:20 +08:00
jialinandjialin 993f6edcc4 fix: error message do not show in tts 2026-06-08 11:42:20 +08:00
232 changed files with 6845 additions and 3001 deletions
+1
View File
@@ -31,5 +31,6 @@ export default function createProxyTable(target?: string) {
},
{}
);
return proxyTable;
}
+14
View File
@@ -338,6 +338,20 @@ const baseRoutes = [
selectedIcon: 'icon-usage-filled',
defaultIcon: 'icon-usage-outlined',
component: './usage/index'
},
{
name: 'billing',
path: '/usage/billing',
key: 'billing',
icon: 'icon-billing-outlined',
selectedIcon: 'icon-billing-filled',
defaultIcon: 'icon-billing-outlined',
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'
}
]
},
+1 -1
View File
@@ -17,7 +17,7 @@
"@ant-design/pro-components": "3.1.0-0",
"@antv/g6": "^5.0.51",
"@braintree/sanitize-url": "^7.1.1",
"@gpustack/core-ui": "^1.0.22",
"@gpustack/core-ui": "^1.0.27",
"@huggingface/gguf": "^0.1.7",
"@huggingface/hub": "^0.15.1",
"@huggingface/tasks": "^0.11.6",
+2
View File
@@ -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(
+5 -5
View File
@@ -24,8 +24,8 @@ importers:
specifier: ^7.1.1
version: 7.1.2
'@gpustack/core-ui':
specifier: ^1.0.22
version: 1.0.22(czdvzceysqw7iv6pct2ucnb23e)
specifier: ^1.0.27
version: 1.0.27(czdvzceysqw7iv6pct2ucnb23e)
'@huggingface/gguf':
specifier: ^0.1.7
version: 0.1.18
@@ -1484,8 +1484,8 @@ packages:
resolution: {integrity: sha512-KWk80UPIzPmUg+P0rKh6TqspRw0G6eux1PuJr+zz47ftMaZ9QDwbGzHZbtzWkl5hgayM/qrKRutllRC7D/vVXQ==, tarball: https://registry.npmjs.org/@formatjs/intl-utils/-/intl-utils-2.3.0.tgz}
deprecated: the package is rather renamed to @formatjs/ecma-abstract with some changes in functionality (primarily selectUnit is removed and we don't plan to make any further changes to this package
'@gpustack/core-ui@1.0.22':
resolution: {integrity: sha512-uFLGalziwuojjMIeXMlCZn3tLRGA6PCa0JxLxa/+kKP+xAsy7Fcxgh4PerbTyk+P+hKnYv8cD+DPpkObDGqJgg==, tarball: https://registry.npmjs.org/@gpustack/core-ui/-/core-ui-1.0.22.tgz}
'@gpustack/core-ui@1.0.27':
resolution: {integrity: sha512-m3ue0EHFKULla0mpnpxZwn9LVaGKS+HnuzQYSBECQa4vaP8MEEQsR7oFBtG8bhWUWYA9VzP6k7fjozDkP6TymA==, tarball: https://registry.npmjs.org/@gpustack/core-ui/-/core-ui-1.0.27.tgz}
peerDependencies:
'@ant-design/icons': '>=6.0.0'
'@ant-design/pro-components': 3.1.0-0
@@ -10808,7 +10808,7 @@ snapshots:
'@formatjs/intl-utils@2.3.0': {}
'@gpustack/core-ui@1.0.22(czdvzceysqw7iv6pct2ucnb23e)':
'@gpustack/core-ui@1.0.27(czdvzceysqw7iv6pct2ucnb23e)':
dependencies:
'@ant-design/icons': 6.2.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
'@ant-design/pro-components': 3.1.0-0(antd@6.3.7(date-fns@2.30.0)(moment@2.30.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -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>

After

Width:  |  Height:  |  Size: 656 B

+1
View File
@@ -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>

After

Width:  |  Height:  |  Size: 1.3 KiB

+1
View File
@@ -63,6 +63,7 @@ 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
+7
View File
@@ -55,3 +55,10 @@ export const userSettingsHelperAtom = atom(
}
);
export const hideModalTemporarilyAtom = atom<boolean>(false);
export const collapsedMenuGroupsAtom = atomWithStorage<string[]>(
'collapsedMenuGroups',
[],
undefined,
{ getOnInit: true }
);
+1 -4
View File
@@ -32,10 +32,7 @@ export const UpdateCheckAtom = atom<{
latest_version: ''
});
export const initialPasswordAtom = atomWithStorage<string>(
'initialPassword',
''
);
export const initialPasswordAtom = atom<string>('');
// Namespace the server creates for an Org's resources on each Kubernetes
// cluster. The format must match the backend's ``get_namespace_name``
+15 -3
View File
@@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 4613488 */
src: url('iconfont.woff2?t=1780035199453') format('woff2'),
url('iconfont.woff?t=1780035199453') format('woff'),
url('iconfont.ttf?t=1780035199453') format('truetype');
src: url('iconfont.woff2?t=1780907696624') format('woff2'),
url('iconfont.woff?t=1780907696624') format('woff'),
url('iconfont.ttf?t=1780907696624') format('truetype');
}
.iconfont {
@@ -13,6 +13,18 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-billing-outlined:before {
content: "\e70d";
}
.icon-billing-filled:before {
content: "\e70e";
}
.icon-fingerprint:before {
content: "\e70c";
}
.icon-database-outlined:before {
content: "\e70a";
}
File diff suppressed because one or more lines are too long
+21
View File
@@ -5,6 +5,27 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "47798379",
"name": "request_quote_24dp_1F1F1F_FILL0_wght300_GRAD0_opsz",
"font_class": "billing-outlined",
"unicode": "e70d",
"unicode_decimal": 59149
},
{
"icon_id": "47798378",
"name": "request_quote_24dp_1F1F1F_FILL1_wght300_GRAD0_opsz",
"font_class": "billing-filled",
"unicode": "e70e",
"unicode_decimal": 59150
},
{
"icon_id": "47761129",
"name": "fingerprint",
"font_class": "fingerprint",
"unicode": "e70c",
"unicode_decimal": 59148
},
{
"icon_id": "47654402",
"name": "database_24dp_1F1F1F_FILL0_wght300_GRAD0_opsz24 (1",
Binary file not shown.
Binary file not shown.
Binary file not shown.
-1
View File
@@ -276,7 +276,6 @@ body {
border-radius: var(--table-td-radius);
> td {
background-color: unset !important;
border-bottom: 1px solid var(--ant-color-split);
}
}
+7 -3
View File
@@ -18,6 +18,7 @@ export function useQueryDataList<
Response = Array<ListItem>
>(option: {
key: string;
manual?: boolean;
responseType?: 'array' | 'object';
fetchList: (
params: Params,
@@ -38,6 +39,7 @@ export function useQueryDataList<
fetchList,
getLabel,
getValue,
manual = true,
responseType = 'array',
errorMsg
} = option;
@@ -70,7 +72,7 @@ export function useQueryDataList<
return responseType === 'array' ? res.items || [] : res;
},
{
manual: true,
manual: manual,
debounceWait: option.debounceWait || 300,
onSuccess: () => {},
onError: (error) => {
@@ -105,16 +107,18 @@ export function useQueryDataList<
export function useQueryData<Detail, Params = any>(option: {
key: string;
delay?: number;
manual?: boolean;
fetchDetail: (params: Params, options?: any) => Promise<Detail>;
getData?: (response: Detail, params?: any) => any;
errorMsg?: string;
}): {
loading: boolean;
detailData: Detail;
manual?: boolean;
cancelRequest: () => void;
fetchData: (params: Params, extra?: any) => Promise<Detail>;
} {
const { key, fetchDetail, getData, errorMsg, delay } = option;
const { key, fetchDetail, getData, errorMsg, delay, manual = true } = option;
const axiosTokenRef = useRef<CancelTokenSource | null>(null);
const [detailData, setDetailData] = useState<Detail>({} as Detail);
@@ -142,7 +146,7 @@ export function useQueryData<Detail, Params = any>(option: {
return res;
},
{
manual: true,
manual: manual,
onSuccess: () => {},
onError: (error) => {
message.error(
+46
View File
@@ -0,0 +1,46 @@
import { useMemoizedFn } from 'ahooks';
import { useRef, useState } from 'react';
/**
* Centralizes the anti-double-submit + anti-deadlock logic shared by the
* "add/edit" modals.
*
* The lock has to straddle antd's async field validation, whose result comes
* back through two separate callbacks (`onFinish` / `onFinishFailed`). So the
* three wiring points below are intentional and map 1:1 to those anchors:
*
* - `guard` wrap the submit trigger (button / ModalFooter onOk). Blocks
* re-entry while a submit is already in flight, then fires submit.
* - `run` wrap the `onFinish` handler. Holds the lock + loading until the
* `onOk` request settles (success or error).
* - `release` pass as the form's `onFinishFailed`. Releases the lock when
* validation fails, otherwise the button would dead-lock.
*/
export default function useSubmitLock() {
const [loading, setLoading] = useState<boolean>(false);
const lockRef = useRef<boolean>(false);
const release = useMemoizedFn(() => {
setLoading(false);
lockRef.current = false;
});
const guard = useMemoizedFn((submit: () => void) => {
if (lockRef.current) {
return;
}
lockRef.current = true;
submit();
});
const run = useMemoizedFn(async (task: () => void | Promise<void>) => {
setLoading(true);
try {
await task();
} finally {
release();
}
});
return { loading, guard, run, release };
}
+4
View File
@@ -89,6 +89,10 @@ export function useUpdateChunkedList(options: {
...cacheDataListRef.current
].slice(0, limit);
options.setDataList?.([...cacheDataListRef.current], {
createdIds: newDataList.map((item) => item.id)
});
options.onCreate?.(latestCreateList);
}
+2 -2
View File
@@ -63,8 +63,7 @@ export default function useWatchList<T = Record<string, any>>(API: string) {
listRequestTokenRef.current?.cancel?.();
listRequestTokenRef.current = createAxiosToken();
const params = {
page: 1,
perPage: 100
page: -1
};
const res: any = await queryAllDataList(params, {
token: listRequestTokenRef.current.token
@@ -86,6 +85,7 @@ export default function useWatchList<T = Record<string, any>>(API: string) {
return {
watchDataList,
setWatchDataList,
deleteItemFromCache: handleDeleteItemFromCache
};
}
+2
View File
@@ -18,6 +18,7 @@ import { useAtom } from 'jotai';
import { useMemo } from 'react';
import styled from 'styled-components';
import { DEFAULT_ENTER_PAGE } from '../config/settings';
import GithubStar from './github-star';
const NewLabel = styled.span`
position: relative;
@@ -260,6 +261,7 @@ export const ExtraContent = (props: { isDarkTheme?: boolean }) => {
<Wrapper>
{contextHolder}
<PluginExtraField name="OrgSwitcher" isDarkTheme={isDarkTheme} />
{process.env.ENABLE_ENTERPRISE !== 'true' && <GithubStar />}
<div
style={{
display: 'flex',
+140
View File
@@ -0,0 +1,140 @@
import externalLinks from '@/constants/external-links';
import { GithubFilled } from '@ant-design/icons';
import { useIntl } from '@umijs/max';
import { Tooltip } from 'antd';
import { useEffect, useState } from 'react';
import styled from 'styled-components';
const REPO = 'gpustack/gpustack';
const CACHE_KEY = 'gpustack:github-stars';
const CACHE_TTL = 24 * 60 * 60 * 1000;
const FETCH_TIMEOUT = 4000;
const StarLink = styled.a`
display: inline-flex;
align-items: stretch;
height: 24px;
border-radius: var(--ant-border-radius);
border: 1px solid var(--ant-color-border-secondary);
background-color: var(--ant-color-bg-container);
color: var(--ant-color-text-secondary);
font-size: 12px;
line-height: 1;
overflow: hidden;
transition:
border-color 0.2s,
color 0.2s;
&:hover {
border-color: var(--ant-color-border);
color: var(--ant-color-text);
}
.seg {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0 8px;
}
.seg + .seg {
border-left: 1px solid var(--ant-color-border-secondary);
background-color: var(--ant-color-fill-quaternary);
}
.anticon {
font-size: 13px;
}
.count {
font-weight: 500;
font-variant-numeric: tabular-nums;
min-width: 1.5em;
text-align: center;
}
`;
const formatCount = (n: number): string => {
if (n >= 1000) {
const k = n / 1000;
return k >= 10 ? `${Math.round(k)}k` : `${k.toFixed(1)}k`;
}
return String(n);
};
type CacheEntry = { value: number; time: number };
const readCache = (): CacheEntry | null => {
try {
const raw = localStorage.getItem(CACHE_KEY);
if (!raw) return null;
const parsed = JSON.parse(raw);
if (typeof parsed?.value !== 'number' || typeof parsed?.time !== 'number') {
return null;
}
return parsed;
} catch {
return null;
}
};
const writeCache = (value: number) => {
try {
localStorage.setItem(
CACHE_KEY,
JSON.stringify({ value, time: Date.now() })
);
} catch {
// ignore quota errors
}
};
const GithubStar = () => {
const intl = useIntl();
const [count, setCount] = useState<number | null>(
() => readCache()?.value ?? null
);
useEffect(() => {
const cached = readCache();
const fresh = cached && Date.now() - cached.time < CACHE_TTL;
if (fresh) return;
const controller = new AbortController();
const timer = setTimeout(() => controller.abort(), FETCH_TIMEOUT);
fetch(`https://api.github.com/repos/${REPO}`, { signal: controller.signal })
.then((r) => (r.ok ? r.json() : null))
.then((data) => {
if (!data || typeof data.stargazers_count !== 'number') return;
setCount(data.stargazers_count);
writeCache(data.stargazers_count);
})
.catch(() => {
// offline, blocked, rate-limited — stay hidden if no cache
})
.finally(() => clearTimeout(timer));
return () => {
clearTimeout(timer);
controller.abort();
};
}, []);
return (
<Tooltip title={intl.formatMessage({ id: 'common.github.star.tooltip' })}>
<StarLink href={externalLinks.github} target="_blank" rel="noreferrer">
<span className="seg">
<GithubFilled />
</span>
<span className="seg">
<span className="count">
{count != null ? formatCount(count) : 'Star'}
</span>
</span>
</StarLink>
</Tooltip>
);
};
export default GithubStar;
+1 -1
View File
@@ -327,7 +327,7 @@ export default (props: any) => {
config={{
apiBaseUrl: GPUSTACK_API_BASE_URL,
theme: userSettings.theme,
iconUrl: '//at.alicdn.com/t/c/font_4613488_rwchdketjg8.js',
iconUrl: '',
isDarkTheme: userSettings.isDarkTheme,
defaultColorPrimary: COLOR_PRIMARY
}}
+21 -11
View File
@@ -1,9 +1,11 @@
import { collapsedMenuGroupsAtom } from '@/atoms/settings';
import { CaretDownOutlined } from '@ant-design/icons';
import { IconFont, OverlayScroller } from '@gpustack/core-ui';
import { Link, useLocation } from '@umijs/max';
import { Tooltip } from 'antd';
import { createStyles, type FullToken } from 'antd-style';
import React, { useMemo, useState } from 'react';
import { useAtom } from 'jotai';
import React, { useMemo } from 'react';
interface MenuItem {
icon?: string;
@@ -144,8 +146,19 @@ const SiderMenu: React.FC<SiderMenuProps> = (props) => {
const { menuData, collapsed } = props;
const { styles, cx } = useStyles();
const location = useLocation();
const [collapseKeys, setCollapseKeys] = useState<Set<string>>(new Set());
console.log('SiderMenu', location.pathname);
const [storedCollapsedGroups, setCollapsedGroups] = useAtom(
collapsedMenuGroupsAtom
);
// atomWithStorage falls back to the initial value on JSON parse
// errors, but not when the stored value is valid JSON of another
// shape — normalize so array methods below can't throw.
const collapsedGroups = Array.isArray(storedCollapsedGroups)
? storedCollapsedGroups
: [];
const collapseKeys = useMemo(
() => new Set(collapsedGroups),
[collapsedGroups]
);
const dividerStyles = useMemo(() => {
if (collapsed) {
@@ -164,14 +177,11 @@ const SiderMenu: React.FC<SiderMenuProps> = (props) => {
const handleToggleGroup = (e: any, menuGroup: any) => {
e.stopPropagation();
console.log('handleToggleGroup', menuGroup.key);
if (collapseKeys.has(menuGroup.key)) {
collapseKeys.delete(menuGroup.key);
} else {
collapseKeys.add(menuGroup.key);
}
setCollapseKeys(new Set(collapseKeys));
setCollapsedGroups(
collapsedGroups.includes(menuGroup.key)
? collapsedGroups.filter((key) => key !== menuGroup.key)
: [...collapsedGroups, menuGroup.key]
);
};
const menuItemRender = (menuItem: MenuItem, key: string) => {
+1 -1
View File
@@ -25,7 +25,7 @@ export default {
'ai.provider.ollama': 'Ollama',
'ai.provider.openai': 'OpenAI',
'ai.provider.openrouter': 'OpenRouter',
'ai.provider.qwen': 'Qwen',
'ai.provider.qwen': 'Alibaba Cloud Model Studio',
'ai.provider.spark': 'Spark',
'ai.provider.stepfun': 'StepFun',
'ai.provider.together-ai': 'TogetherAI',
+6 -5
View File
@@ -23,11 +23,12 @@ export default {
'backend.form.defaultExecuteCommand': 'Default Execution Command',
'backend.form.defaultExecuteCommand.tips': `'{{'model_path'}}', '{{'port'}}', '{{'worker_ip'}}' and '{{'model_name'}}' are placeholders that will be substituted with the actual values during deployment.`,
'backend.form.defaultBackendParameters': 'Default Backend Parameters',
'backend.form.parameterFormat': 'Parameter Format',
'backend.form.parameterFormat.default': 'Backend Default',
'backend.form.parameterFormat.space': 'Space (--key value)',
'backend.form.parameterFormat.equal': 'Equal (--key=value)',
'backend.form.commonParameters': 'Common Parameters',
'backend.form.flagFormat': 'Flag Format',
'backend.form.flagFormat.tips':
'The format applied between an option and its value. Leave empty to keep each parameter as entered, without normalizing it.',
'backend.form.flagFormat.space': 'Space Separated (--key value)',
'backend.form.flagFormat.equal': 'Equal Sign (--key=value)',
'backend.form.commonParameters': 'Common Backend Parameters',
'backend.form.commonParameters.tips':
'Shown as suggestions in the backend parameters input during deployment.',
'backend.form.versionConfig': 'Versions Config',
+3 -3
View File
@@ -37,10 +37,10 @@ export default {
'Stress test for long-context handling. Evaluates KV cache behavior, memory usage, and backend stability.',
'benchmark.form.profile.heavy.tips':
'Decode-heavy generation benchmark. Measures sustained decoding speed and output token throughput.',
'benchmark.table.filter.bygpu': 'Filter by GPU',
'benchmark.table.filter.bymodel': 'Filter by Model',
'benchmark.table.filter.bygpu': 'Search by GPU',
'benchmark.table.filter.bymodel': 'Search by model',
'benchmark.table.filter.bydataset': 'Filter by Dataset',
'benchmark.table.filter.byProfile': 'Filter by Profile',
'benchmark.table.filter.byProfile': 'Filter by profile',
'benchmark.table.avg': 'Avg',
'benchmark.table.columnSettings': 'Column Settings',
'benchmark.detail.summary.results': 'Test Results',
+15
View File
@@ -0,0 +1,15 @@
export default {
'billing.upsell.title': 'Billing is an Enterprise feature',
'billing.upsell.subtitle':
'Track spend, generate invoices, and enforce budgets across teams. Upgrade to GPUStack Enterprise to manage billing.',
'billing.upsell.featuresTitle': 'What you get in Enterprise',
'billing.upsell.feature.usage':
'See cost breakdowns by organization, user, and model',
'billing.upsell.feature.invoices':
'Generate invoices and export billing reports',
'billing.upsell.feature.budgets':
'Set budgets and spending limits with alerts',
'billing.upsell.feature.chargeback':
'Attribute and charge back usage to teams and projects',
'billing.upsell.cta': 'Learn about Enterprise'
};
+6 -3
View File
@@ -70,8 +70,13 @@ export default {
'For <span class="bold-text">non-Docker</span> clusters, please register clusters or manage worker pools from the Clusters page.',
'clusters.addworker.selectGPU': 'Select GPU Vendor',
'clusters.addworker.selectGPU.multiTag': 'Multi-select',
'clusters.addworker.selectGPU.subtitle':
'You can select multiple GPU Vendors or none for CPU-only clusters',
'clusters.addworker.checkEnv': 'Check Environment',
'clusters.addworker.checkEnv.cpuOnlyTips':
'Use the following command to verify that the Kubernetes cluster has at least one ready node. You are registering a CPU-only cluster.',
'clusters.addworker.specifyArgs': 'Specify Arguments',
'clusters.addworker.dtkVersion': 'DTK Version',
'clusters.addworker.runCommand': 'Run Command',
'clusters.addworker.specifyWorkerIP': 'Worker IP',
'clusters.addworker.detectWorkerIP': 'Auto-detect Worker IP',
@@ -112,8 +117,6 @@ export default {
'clusters.create.workerConfig': 'Worker Configuration',
'clusters.edit.k8sOptions.changed.tip':
'You have changed the Kubernetes options. Re-run the registration command on the target cluster for the changes to take effect.',
'clusters.edit.workerConfig.tip':
'Changes to the worker configuration take effect only after restarting the affected workers.',
'clusters.addworker.containerName': 'Worker Container Name',
'clusters.addworker.containerName.tips':
'Specify a name for the worker container.',
@@ -141,7 +144,7 @@ export default {
'clusters.addworker.theadNotes-02':
'T-Head PPU uses the Container Device Interface (CDI) for device injection and requires the <span class="bold-text">/var/run/cdi</span> directory to be available for CDI generation.',
'clusters.addworker.nvidiaNotes':
'The built-in inference backends in GPUStack v2.1 require <span class="bold-text">CUDA 12.6+</span>. Please ensure your NVIDIA driver version is <span class="bold-text">560</span> or newer.',
'The built-in inference backends in GPUStack require <span class="bold-text">CUDA 12.8+</span>. Please ensure your NVIDIA driver version is <span class="bold-text">570</span> or newer.',
'clusters.volume.title': 'Volume Mounts',
'clusters.volume.name': 'Volume Name',
'clusters.volume.mountPath': 'Container Path',
+5
View File
@@ -169,6 +169,7 @@ export default {
'common.time.hour': 'hour',
'common.time.minute': 'minutes',
'common.issue.report': 'Report an issue',
'common.github.star.tooltip': 'Star us on GitHub',
'common.social.discord': 'Join Our Discord',
'common.table.mark': 'Comment',
'common.table.rollback.mark': 'Rollback Comment',
@@ -260,6 +261,10 @@ export default {
'common.login.auth': 'Authenticating...',
'common.login.auth.failed': 'Authentication failed',
'common.login.password': 'Log in with Password',
'common.login.username.holder': 'Please enter username',
'common.login.password.holder': 'Please enter password',
'common.login.newpassword.holder': 'Please enter new password',
'common.login.confirm.holder': 'Please enter password again',
'common.external.login': 'Log in with {type}',
'common.sso.noConfig':
'Single sign-on is not enabled on this system. Please contact your administrator.',
+7 -1
View File
@@ -120,6 +120,8 @@ export default {
'gpuservice.instance.sliced': 'Sliced',
'gpuservice.instance.memory': 'VRAM',
'gpuservice.instance.ram': 'RAM',
'gpuservice.instance.os': 'OS',
'gpuservice.instance.arch': 'Arch',
'gpuservice.instance.disk': 'Disk',
'gpuservice.table.count': 'Count',
'gpuservice.instance.disk.system': 'System Disk',
@@ -172,5 +174,9 @@ export default {
'Please enter the temporary storage capacity',
'gpuservice.form.rule.name':
"Lowercase letters, numbers, and '-'. Start and end with a letter or number, no consecutive '-', max 63 characters.",
'gpuservice.form.storage.select': 'Select Storage'
'gpuservice.form.storage.select': 'Select Storage',
'gpuservice.creator': 'Creator',
'gpuservice.owner.global': 'Global',
'gpuservice.template.group.yours': 'Your Templates',
'gpuservice.template.group.global': 'Global Templates'
};
+1
View File
@@ -38,6 +38,7 @@ export default {
'menu.usage.usage': 'Usage',
'menu.billingAndUsage': 'Usage & Billing',
'menu.billingAndUsage.usage': 'Usage',
'menu.billingAndUsage.billing': 'Billing',
'menu.404': '404',
'menu.resources.clusters': 'Clusters',
'menu.resources.credentials': 'Cloud Credentials',
+1
View File
@@ -90,6 +90,7 @@ export default {
// --- Resource events ---
'usage.events.resourceType': 'Resource type',
'usage.events.eventType': 'Event type',
'usage.events.resourceName': 'Filter by name',
'usage.events.col.time': 'Time',
'usage.events.col.resource': 'Resource',
'usage.events.col.event': 'Event',
+1 -1
View File
@@ -25,7 +25,7 @@ export default {
'ai.provider.ollama': 'Ollama',
'ai.provider.openai': 'OpenAI',
'ai.provider.openrouter': 'OpenRouter',
'ai.provider.qwen': 'Qwen',
'ai.provider.qwen': 'Alibaba Cloud Model Studio',
'ai.provider.spark': 'Spark',
'ai.provider.stepfun': 'StepFun',
'ai.provider.together-ai': 'TogetherAI',
+6 -5
View File
@@ -23,11 +23,12 @@ export default {
'backend.form.defaultExecuteCommand': 'Default Execution Command',
'backend.form.defaultExecuteCommand.tips': `'{{'model_path'}}', '{{'port'}}', '{{'worker_ip'}}' and '{{'model_name'}}' are placeholders that will be substituted with the actual values during deployment.`,
'backend.form.defaultBackendParameters': 'Default Backend Parameters',
'backend.form.parameterFormat': 'パラメータ形式',
'backend.form.parameterFormat.default': 'バックエンドのデフォルト',
'backend.form.parameterFormat.space': 'スペース区切り (--key value)',
'backend.form.parameterFormat.equal': 'イコール連結 (--key=value)',
'backend.form.commonParameters': 'よく使うパラメータ',
'backend.form.flagFormat': 'フラグ形式',
'backend.form.flagFormat.tips':
'オプションとその値を連結する形式。空欄の場合は各パラメータを入力されたまま保持し、形式を統一しません。',
'backend.form.flagFormat.space': 'スペース区切り (--key value)',
'backend.form.flagFormat.equal': 'イコール記号 (--key=value)',
'backend.form.commonParameters': 'よく使うバックエンドパラメータ',
'backend.form.commonParameters.tips':
'モデルのデプロイ時にバックエンドパラメータ入力欄の候補として表示されます。',
'backend.form.versionConfig': 'Versions Config',
+2 -2
View File
@@ -37,8 +37,8 @@ export default {
'Stress test for long-context handling. Evaluates KV cache behavior, memory usage, and backend stability.',
'benchmark.form.profile.heavy.tips':
'Decode-heavy generation benchmark. Measures sustained decoding speed and output token throughput.',
'benchmark.table.filter.bygpu': 'Filter by GPU',
'benchmark.table.filter.bymodel': 'Filter by Model',
'benchmark.table.filter.bygpu': 'GPU 検索',
'benchmark.table.filter.bymodel': 'モデル検索',
'benchmark.table.filter.bydataset': 'Filter by Dataset',
'benchmark.table.filter.byProfile': 'Filter by Profile',
'benchmark.table.avg': 'Avg',
+15
View File
@@ -0,0 +1,15 @@
export default {
'billing.upsell.title': 'Billing is an Enterprise feature',
'billing.upsell.subtitle':
'Track spend, generate invoices, and enforce budgets across teams. Upgrade to GPUStack Enterprise to manage billing.',
'billing.upsell.featuresTitle': 'What you get in Enterprise',
'billing.upsell.feature.usage':
'See cost breakdowns by organization, user, and model',
'billing.upsell.feature.invoices':
'Generate invoices and export billing reports',
'billing.upsell.feature.budgets':
'Set budgets and spending limits with alerts',
'billing.upsell.feature.chargeback':
'Attribute and charge back usage to teams and projects',
'billing.upsell.cta': 'Learn about Enterprise'
};
+6 -3
View File
@@ -70,8 +70,13 @@ export default {
'For <span class="bold-text">non-Docker</span> clusters, please register clusters or manage worker pools from the Clusters page.',
'clusters.addworker.selectGPU': 'Select GPU Vendor',
'clusters.addworker.selectGPU.multiTag': 'Multi-select',
'clusters.addworker.selectGPU.subtitle':
'複数の GPU ベンダーを選択するか、CPU クラスター専用の場合は選択不要です',
'clusters.addworker.checkEnv': 'Check Environment',
'clusters.addworker.checkEnv.cpuOnlyTips':
'以下のコマンドを使用して、Kubernetes クラスターに少なくとも 1 つのレディーノードがあることを確認してください。CPU クラスターを登録しています。',
'clusters.addworker.specifyArgs': 'Specify Arguments',
'clusters.addworker.dtkVersion': 'DTK バージョン',
'clusters.addworker.runCommand': 'Run Command',
'clusters.addworker.specifyWorkerIP': 'Worker IP',
'clusters.addworker.detectWorkerIP': 'Worker IP を自動検出',
@@ -112,8 +117,6 @@ export default {
'clusters.create.workerConfig': 'Worker Configuration',
'clusters.edit.k8sOptions.changed.tip':
'Kubernetes オプションを変更しました。変更を有効にするには、対象クラスターで登録コマンドを再実行してください。',
'clusters.edit.workerConfig.tip':
'ワーカー設定の変更は、対象のワーカーを再起動した後に有効になります。',
'clusters.addworker.containerName': 'Worker Container Name',
'clusters.addworker.containerName.tips':
'Specify a name for the worker container.',
@@ -141,7 +144,7 @@ export default {
'clusters.addworker.theadNotes-02':
'T-Head PPU uses the Container Device Interface (CDI) for device injection and requires the <span class="bold-text">/var/run/cdi</span> directory to be available for CDI generation.',
'clusters.addworker.nvidiaNotes':
'The built-in inference backends in GPUStack v2.1 require <span class="bold-text">CUDA 12.6+</span>. Please ensure your NVIDIA driver version is <span class="bold-text">560</span> or newer.',
'The built-in inference backends in GPUStack require <span class="bold-text">CUDA 12.8+</span>. Please ensure your NVIDIA driver version is <span class="bold-text">570</span> or newer.',
'clusters.volume.title': 'Volume Mounts',
'clusters.volume.name': 'Volume Name',
'clusters.volume.mountPath': 'Container Path',
+5
View File
@@ -170,6 +170,7 @@ export default {
'common.time.hour': '時間',
'common.time.minute': '分',
'common.issue.report': '問題を報告',
'common.github.star.tooltip': 'GitHub でスターをつける',
'common.social.discord': 'Discordに参加',
'common.table.mark': 'コメント',
'common.table.rollback.mark': 'ロールバックコメント',
@@ -260,6 +261,10 @@ export default {
'common.login.auth': 'Authenticating...',
'common.login.auth.failed': 'Authentication failed',
'common.login.password': 'Log in with Password',
'common.login.username.holder': 'Please enter username',
'common.login.password.holder': 'Please enter password',
'common.login.newpassword.holder': 'Please enter new password',
'common.login.confirm.holder': 'Please enter password again',
'common.external.login': 'Log in with {type}',
'common.sso.noConfig':
'Single sign-on is not enabled on this system. Please contact your administrator.',
+7 -1
View File
@@ -119,6 +119,8 @@ export default {
'gpuservice.instance.sliced': '分割',
'gpuservice.instance.memory': 'VRAM',
'gpuservice.instance.ram': 'RAM',
'gpuservice.instance.os': 'OS',
'gpuservice.instance.arch': 'アーキテクチャ',
'gpuservice.instance.disk': 'ディスク',
'gpuservice.table.count': '数量',
'gpuservice.instance.disk.system': 'システムディスク',
@@ -172,5 +174,9 @@ export default {
'Data is cleared when the instance stops.',
'gpuservice.storage.persistentVolume.tips':
'Data persists across instance restarts. Persistent volumes remain intact after instance termination and can be shared by multiple instances.',
'gpuservice.form.storage.select': 'ストレージを選択'
'gpuservice.form.storage.select': 'ストレージを選択',
'gpuservice.creator': '作成者',
'gpuservice.owner.global': 'グローバル',
'gpuservice.template.group.yours': '自分のテンプレート',
'gpuservice.template.group.global': 'グローバルテンプレート'
};
+1
View File
@@ -29,6 +29,7 @@ export default {
'menu.usage.usage': '使用状況',
'menu.billingAndUsage': '使用状況と請求',
'menu.billingAndUsage.usage': '使用状況',
'menu.billingAndUsage.billing': '請求',
'menu.404': '404',
'menu.settings': 'Settings',
'menu.resources.workers': 'Workers',
+1
View File
@@ -90,6 +90,7 @@ export default {
// --- Resource events ---
'usage.events.resourceType': 'リソースタイプ',
'usage.events.eventType': 'イベントタイプ',
'usage.events.resourceName': '名前で絞り込み',
'usage.events.col.time': '時刻',
'usage.events.col.resource': 'リソース',
'usage.events.col.event': 'イベント',
+1 -1
View File
@@ -25,7 +25,7 @@ export default {
'ai.provider.ollama': 'Ollama',
'ai.provider.openai': 'OpenAI',
'ai.provider.openrouter': 'OpenRouter',
'ai.provider.qwen': 'Qwen',
'ai.provider.qwen': 'Alibaba Cloud Model Studio',
'ai.provider.spark': 'Spark',
'ai.provider.stepfun': 'StepFun',
'ai.provider.together-ai': 'TogetherAI',
+6 -5
View File
@@ -23,11 +23,12 @@ export default {
'backend.form.defaultExecuteCommand': 'Команда выполнения по умолчанию',
'backend.form.defaultExecuteCommand.tips': `'{{'model_path'}}', '{{'port'}}', '{{'worker_ip'}}' и '{{'model_name'}}' заполняются реальными значениями во время запуска`,
'backend.form.defaultBackendParameters': 'Параметры бэкенда по умолчанию',
'backend.form.parameterFormat': 'Формат параметров',
'backend.form.parameterFormat.default': 'По умолчанию бэкенда',
'backend.form.parameterFormat.space': 'Пробел (--key value)',
'backend.form.parameterFormat.equal': 'Знак равенства (--key=value)',
'backend.form.commonParameters': 'Часто используемые параметры',
'backend.form.flagFormat': 'Формат флага',
'backend.form.flagFormat.tips':
'Формат соединения опции и её значения. Оставьте пустым, чтобы сохранить каждый параметр в исходном виде, без приведения к единому формату.',
'backend.form.flagFormat.space': 'Разделение пробелом (--key value)',
'backend.form.flagFormat.equal': 'Знак равенства (--key=value)',
'backend.form.commonParameters': 'Общие параметры бэкенда',
'backend.form.commonParameters.tips':
'Отображаются как подсказки в поле параметров бэкенда при развёртывании.',
'backend.form.versionConfig': 'Конфигурация версий',
+2 -2
View File
@@ -37,8 +37,8 @@ export default {
'Stress test for long-context handling. Evaluates KV cache behavior, memory usage, and backend stability.',
'benchmark.form.profile.heavy.tips':
'Decode-heavy generation benchmark. Measures sustained decoding speed and output token throughput.',
'benchmark.table.filter.bygpu': 'Filter by GPU',
'benchmark.table.filter.bymodel': 'Filter by Model',
'benchmark.table.filter.bygpu': 'Поиск GPU',
'benchmark.table.filter.bymodel': 'Поиск модели',
'benchmark.table.filter.bydataset': 'Filter by Dataset',
'benchmark.table.filter.byProfile': 'Filter by Profile',
'benchmark.table.avg': 'Avg',
+15
View File
@@ -0,0 +1,15 @@
export default {
'billing.upsell.title': 'Billing is an Enterprise feature',
'billing.upsell.subtitle':
'Track spend, generate invoices, and enforce budgets across teams. Upgrade to GPUStack Enterprise to manage billing.',
'billing.upsell.featuresTitle': 'What you get in Enterprise',
'billing.upsell.feature.usage':
'See cost breakdowns by organization, user, and model',
'billing.upsell.feature.invoices':
'Generate invoices and export billing reports',
'billing.upsell.feature.budgets':
'Set budgets and spending limits with alerts',
'billing.upsell.feature.chargeback':
'Attribute and charge back usage to teams and projects',
'billing.upsell.cta': 'Learn about Enterprise'
};
+6 -3
View File
@@ -70,8 +70,13 @@ export default {
'Для <span class="bold-text">не-Docker</span> кластеров, пожалуйста, регистрируйте кластеры или управляйте пулами воркеров на странице Кластеры.',
'clusters.addworker.selectGPU': 'Выбрать производителя GPU',
'clusters.addworker.selectGPU.multiTag': 'Multi-select',
'clusters.addworker.selectGPU.subtitle':
'Вы можете выбрать несколько производителей GPU или не выбирать для кластера только с CPU',
'clusters.addworker.checkEnv': 'Проверить окружение',
'clusters.addworker.checkEnv.cpuOnlyTips':
'Используйте следующую команду, чтобы убедиться, что в кластере Kubernetes есть хотя бы один готовый узел. Вы регистрируете кластер только с CPU.',
'clusters.addworker.specifyArgs': 'Указать аргументы',
'clusters.addworker.dtkVersion': 'Версия DTK',
'clusters.addworker.runCommand': 'Выполнить команду',
'clusters.addworker.specifyWorkerIP': 'Указать IP воркера',
'clusters.addworker.detectWorkerIP': 'Автоматически определить IP воркера',
@@ -112,8 +117,6 @@ export default {
'clusters.create.workerConfig': 'Конфигурация воркера',
'clusters.edit.k8sOptions.changed.tip':
'Вы изменили параметры Kubernetes. Чтобы изменения вступили в силу, повторно выполните команду регистрации в целевом кластере.',
'clusters.edit.workerConfig.tip':
'Изменения конфигурации воркера вступают в силу только после перезапуска соответствующих воркеров.',
'clusters.addworker.containerName': 'Имя контейнера воркера',
'clusters.addworker.containerName.tips':
'Укажите имя для контейнера воркера.',
@@ -142,7 +145,7 @@ export default {
'clusters.addworker.theadNotes-02':
'T-Head PPU uses the Container Device Interface (CDI) for device injection and requires the <span class="bold-text">/var/run/cdi</span> directory to be available for CDI generation.',
'clusters.addworker.nvidiaNotes':
'The built-in inference backends in GPUStack v2.1 require <span class="bold-text">CUDA 12.6+</span>. Please ensure your NVIDIA driver version is <span class="bold-text">560</span> or newer.',
'The built-in inference backends in GPUStack require <span class="bold-text">CUDA 12.8+</span>. Please ensure your NVIDIA driver version is <span class="bold-text">570</span> or newer.',
'clusters.volume.title': 'Volume Mounts',
'clusters.volume.name': 'Volume Name',
'clusters.volume.mountPath': 'Container Path',
+5
View File
@@ -167,6 +167,7 @@ export default {
'common.time.hour': 'Час',
'common.time.minute': 'Минута',
'common.issue.report': 'Сообщить о проблеме',
'common.github.star.tooltip': 'Поставьте нам звезду на GitHub',
'common.social.discord': 'Присоединиться к Discord',
'common.table.mark': 'Комментарий',
'common.table.rollback.mark': 'Комментарий к откату',
@@ -259,6 +260,10 @@ export default {
'common.login.auth': 'Аутентификация...',
'common.login.auth.failed': 'Ошибка аутентификации',
'common.login.password': 'Войти с паролем',
'common.login.username.holder': 'Введите имя пользователя',
'common.login.password.holder': 'Введите пароль',
'common.login.newpassword.holder': 'Введите новый пароль',
'common.login.confirm.holder': 'Введите пароль ещё раз',
'common.external.login': 'Войти через {type}',
'common.sso.noConfig':
'Единый вход не настроен в этой системе. Пожалуйста, обратитесь к администратору.',
+7 -1
View File
@@ -118,6 +118,8 @@ export default {
'gpuservice.instance.sliced': 'Разделено',
'gpuservice.instance.memory': 'VRAM',
'gpuservice.instance.ram': 'RAM',
'gpuservice.instance.os': 'ОС',
'gpuservice.instance.arch': 'Архитектура',
'gpuservice.instance.disk': 'Диск',
'gpuservice.table.count': 'Количество',
'gpuservice.instance.disk.system': 'Системный диск',
@@ -169,5 +171,9 @@ export default {
'Data is cleared when the instance stops.',
'gpuservice.storage.persistentVolume.tips':
'Data persists across instance restarts. Persistent volumes remain intact after instance termination and can be shared by multiple instances.',
'gpuservice.form.storage.select': 'Выберите хранилище'
'gpuservice.form.storage.select': 'Выберите хранилище',
'gpuservice.creator': 'Создатель',
'gpuservice.owner.global': 'Глобальный',
'gpuservice.template.group.yours': 'Ваши шаблоны',
'gpuservice.template.group.global': 'Глобальные шаблоны'
};
+1
View File
@@ -29,6 +29,7 @@ export default {
'menu.usage.usage': 'Использование',
'menu.billingAndUsage': 'Использование и биллинг',
'menu.billingAndUsage.usage': 'Использование',
'menu.billingAndUsage.billing': 'Биллинг',
'menu.404': 'Ошибка 404',
'menu.resources.workers': 'Воркеры',
'menu.resources.gpus': 'GPUs',
+1
View File
@@ -90,6 +90,7 @@ export default {
// --- Resource events ---
'usage.events.resourceType': 'Тип ресурса',
'usage.events.eventType': 'Тип события',
'usage.events.resourceName': 'Фильтр по имени',
'usage.events.col.time': 'Время',
'usage.events.col.resource': 'Ресурс',
'usage.events.col.event': 'Событие',
+1 -1
View File
@@ -25,7 +25,7 @@ export default {
'ai.provider.ollama': 'Ollama',
'ai.provider.openai': 'OpenAI',
'ai.provider.openrouter': 'OpenRouter',
'ai.provider.qwen': 'Qwen',
'ai.provider.qwen': 'Alibaba Cloud Model Studio',
'ai.provider.spark': 'Spark',
'ai.provider.stepfun': 'StepFun',
'ai.provider.together-ai': 'TogetherAI',
+6 -5
View File
@@ -23,11 +23,12 @@ export default {
'backend.form.defaultExecuteCommand': 'Varsayılan Çalıştırma Komutu',
'backend.form.defaultExecuteCommand.tips': `'{{'model_path'}}', '{{'port'}}', '{{'worker_ip'}}' ve '{{'model_name'}}' dağıtım sırasında gerçek değerlerle değiştirilecek yer tutuculardır.`,
'backend.form.defaultBackendParameters': 'Varsayılan Altyapı Parametreleri',
'backend.form.parameterFormat': 'Parametre Biçimi',
'backend.form.parameterFormat.default': 'Varsayılan',
'backend.form.parameterFormat.space': 'Boşluk (--key value)',
'backend.form.parameterFormat.equal': 'Eşittir (--key=value)',
'backend.form.commonParameters': 'Yaygın Parametreler',
'backend.form.flagFormat': 'Bayrak Biçimi',
'backend.form.flagFormat.tips':
'Bir seçenek ile değerinin birleştirilme biçimi. Boş bırakılırsa her parametre girildiği biçimde korunur, biçim birleştirilmez.',
'backend.form.flagFormat.space': 'Boşlukla Ayır (--key value)',
'backend.form.flagFormat.equal': 'Eşittir İşareti (--key=value)',
'backend.form.commonParameters': 'Ortak Altyapı Parametreleri',
'backend.form.commonParameters.tips':
'Dağıtım sırasında altyapı parametreleri girişinde öneri olarak gösterilir.',
'backend.form.versionConfig': 'Sürüm Yapılandırması',
+2 -2
View File
@@ -37,8 +37,8 @@ export default {
'Uzun bağlam işleme için stres testi. KV önbellek davranışını, bellek kullanımını ve altyapı kararlılığını değerlendirir.',
'benchmark.form.profile.heavy.tips':
'Çözümleme ağırlıklı üretim kıyaslaması. Sürekli çözümleme hızını ve çıkış token verimini ölçer.',
'benchmark.table.filter.bygpu': "GPU'ya göre filtrele",
'benchmark.table.filter.bymodel': 'Modele göre filtrele',
'benchmark.table.filter.bygpu': 'GPU ara',
'benchmark.table.filter.bymodel': 'Model ara',
'benchmark.table.filter.bydataset': 'Veri Kümesine göre filtrele',
'benchmark.table.filter.byProfile': 'Profile göre filtrele',
'benchmark.table.avg': 'Ort.',
+15
View File
@@ -0,0 +1,15 @@
export default {
'billing.upsell.title': 'Billing is an Enterprise feature',
'billing.upsell.subtitle':
'Track spend, generate invoices, and enforce budgets across teams. Upgrade to GPUStack Enterprise to manage billing.',
'billing.upsell.featuresTitle': 'What you get in Enterprise',
'billing.upsell.feature.usage':
'See cost breakdowns by organization, user, and model',
'billing.upsell.feature.invoices':
'Generate invoices and export billing reports',
'billing.upsell.feature.budgets':
'Set budgets and spending limits with alerts',
'billing.upsell.feature.chargeback':
'Attribute and charge back usage to teams and projects',
'billing.upsell.cta': 'Learn about Enterprise'
};
+6 -3
View File
@@ -70,8 +70,13 @@ export default {
'<span class="bold-text">Docker dışı</span> kümeler için lütfen Kümeler sayfasından küme kaydı oluşturun veya işçi havuzlarını yönetin.',
'clusters.addworker.selectGPU': 'GPU Üreticisi Seç',
'clusters.addworker.selectGPU.multiTag': 'Multi-select',
'clusters.addworker.selectGPU.subtitle':
'Birden fazla GPU Üreticisi seçebilir veya yalnızca CPU kümeleri için hiçbirini seçmeyebilirsiniz',
'clusters.addworker.checkEnv': 'Ortamı Kontrol Et',
'clusters.addworker.checkEnv.cpuOnlyTips':
'Kubernetes kümesinde en az bir hazır düğüm olduğunu doğrulamak için aşağıdaki komutu kullanın. Yalnızca CPU kümelerini kaydediyorsunuz.',
'clusters.addworker.specifyArgs': 'Argümanları Belirle',
'clusters.addworker.dtkVersion': 'DTK Sürümü',
'clusters.addworker.runCommand': 'Komutu Çalıştır',
'clusters.addworker.specifyWorkerIP': "İşçi Düğüm IP'si",
'clusters.addworker.detectWorkerIP': "İşçi Düğüm IP'sini Otomatik Algıla",
@@ -112,8 +117,6 @@ export default {
'clusters.create.workerConfig': 'İşçi Düğüm Yapılandırması',
'clusters.edit.k8sOptions.changed.tip':
'Kubernetes seçeneklerini değiştirdiniz. Değişikliklerin etkili olması için kayıt komutunu hedef kümede yeniden çalıştırın.',
'clusters.edit.workerConfig.tip':
'İşçi düğüm yapılandırmasındaki değişiklikler yalnızca ilgili işçi düğümleri yeniden başlatıldıktan sonra etkili olur.',
'clusters.addworker.containerName': 'İşçi Düğüm Konteyner Adı',
'clusters.addworker.containerName.tips':
'İşçi düğüm konteyneri için bir ad belirtin.',
@@ -142,7 +145,7 @@ export default {
'clusters.addworker.theadNotes-02':
'T-Head PPU, cihaz enjeksiyonu için Container Device Interface (CDI) kullanır ve CDI oluşturma için <span class="bold-text">/var/run/cdi</span> dizininin kullanılabilir olmasını gerektirir.',
'clusters.addworker.nvidiaNotes':
'GPUStack v2.1\'deki yerleşik çıkarım altyapıları <span class="bold-text">CUDA 12.6+</span> gerektirir. Lütfen NVIDIA sürücü sürümünüzün <span class="bold-text">560</span> veya daha yeni olduğundan emin olun.',
'GPUStack\'teki yerleşik çıkarım altyapıları <span class="bold-text">CUDA 12.8+</span> gerektirir. Lütfen NVIDIA sürücü sürümünüzün <span class="bold-text">570</span> veya daha yeni olduğundan emin olun.',
'clusters.volume.title': 'Volume Mounts',
'clusters.volume.name': 'Volume Name',
'clusters.volume.mountPath': 'Container Path',
+5
View File
@@ -167,6 +167,7 @@ export default {
'common.time.hour': 'saat',
'common.time.minute': 'dakika',
'common.issue.report': 'Sorun bildir',
'common.github.star.tooltip': "GitHub'da bize yıldız verin",
'common.social.discord': "Discord'umuza Katılın",
'common.table.mark': 'Yorum',
'common.table.rollback.mark': 'Geri Alma Yorumu',
@@ -263,6 +264,10 @@ export default {
'common.login.auth': 'Kimlik doğrulanıyor...',
'common.login.auth.failed': 'Kimlik doğrulama başarısız',
'common.login.password': 'Şifre ile giriş yap',
'common.login.username.holder': 'Lütfen kullanıcı adını girin',
'common.login.password.holder': 'Lütfen şifreyi girin',
'common.login.newpassword.holder': 'Lütfen yeni şifreyi girin',
'common.login.confirm.holder': 'Lütfen şifreyi tekrar girin',
'common.external.login': '{type} ile giriş yap',
'common.sso.noConfig':
'Bu sistemde çoklu oturum açma etkinleştirilmemiş. Lütfen yöneticinize başvurun.',
+7 -1
View File
@@ -114,6 +114,8 @@ export default {
'gpuservice.instance.sliced': 'Bölünmüş',
'gpuservice.instance.memory': 'VRAM',
'gpuservice.instance.ram': 'RAM',
'gpuservice.instance.os': 'OS',
'gpuservice.instance.arch': 'Mimari',
'gpuservice.instance.disk': 'Disk',
'gpuservice.table.count': 'Sayı',
'gpuservice.instance.disk.system': 'Sistem Diski',
@@ -167,5 +169,9 @@ export default {
'Data is cleared when the instance stops.',
'gpuservice.storage.persistentVolume.tips':
'Data persists across instance restarts. Persistent volumes remain intact after instance termination and can be shared by multiple instances.',
'gpuservice.form.storage.select': 'Depolamayı Seç'
'gpuservice.form.storage.select': 'Depolamayı Seç',
'gpuservice.creator': 'Oluşturan',
'gpuservice.owner.global': 'Genel',
'gpuservice.template.group.yours': 'Şablonlarınız',
'gpuservice.template.group.global': 'Genel Şablonlar'
};
+1
View File
@@ -36,6 +36,7 @@ export default {
'menu.usage.usage': 'Kullanım',
'menu.billingAndUsage': 'Kullanım ve Faturalandırma',
'menu.billingAndUsage.usage': 'Kullanım',
'menu.billingAndUsage.billing': 'Faturalandırma',
'menu.404': '404',
'menu.resources.clusters': 'Kümeler',
'menu.resources.credentials': 'Bulut Kimlik Bilgileri',
+1
View File
@@ -90,6 +90,7 @@ export default {
// --- Resource events ---
'usage.events.resourceType': 'Kaynak türü',
'usage.events.eventType': 'Olay türü',
'usage.events.resourceName': 'Ada göre filtrele',
'usage.events.col.time': 'Zaman',
'usage.events.col.resource': 'Kaynak',
'usage.events.col.event': 'Olay',
+1 -1
View File
@@ -25,7 +25,7 @@ export default {
'ai.provider.ollama': 'Ollama',
'ai.provider.openai': 'OpenAI',
'ai.provider.openrouter': 'OpenRouter',
'ai.provider.qwen': '通义千问',
'ai.provider.qwen': '阿里云百炼',
'ai.provider.spark': '讯飞星火',
'ai.provider.stepfun': '阶跃星辰',
'ai.provider.together-ai': 'Together AI',
+6 -5
View File
@@ -23,11 +23,12 @@ export default {
'backend.form.defaultExecuteCommand': '默认执行命令',
'backend.form.defaultExecuteCommand.tips': `'{{'model_path'}}'、'{{'port'}}'、'{{'worker_ip'}}' 和 '{{'model_name'}}' 都是占位符,在部署过程中会被替换为实际的值。`,
'backend.form.defaultBackendParameters': '默认后端参数',
'backend.form.parameterFormat': '参数输出格式',
'backend.form.parameterFormat.default': '后端默认',
'backend.form.parameterFormat.space': '空格分隔 (--key value)',
'backend.form.parameterFormat.equal': '等号连接 (--key=value)',
'backend.form.commonParameters': '常用参数',
'backend.form.flagFormat': '参数格式',
'backend.form.flagFormat.tips':
'选项名与取值之间使用的连接格式。留空则保留每个参数原本的写法,不做统一转换。',
'backend.form.flagFormat.space': '空格分隔 (--key value)',
'backend.form.flagFormat.equal': '等号连接 (--key=value)',
'backend.form.commonParameters': '常用后端参数',
'backend.form.commonParameters.tips': '部署模型时作为后端参数候选项展示。',
'backend.form.versionConfig': '版本配置',
'backend.form.addParameter': '添加参数',
+2 -2
View File
@@ -37,8 +37,8 @@ export default {
'长上下文压力测试。评估 KV Cache 行为、内存占用及后端稳定性。',
'benchmark.form.profile.heavy.tips':
'以解码为主的生成测试。衡量持续解码速度与输出 Token 吞吐能力。',
'benchmark.table.filter.bygpu': 'GPU 过滤',
'benchmark.table.filter.bymodel': '模型过滤',
'benchmark.table.filter.bygpu': 'GPU 查询',
'benchmark.table.filter.bymodel': '模型查询',
'benchmark.table.filter.bydataset': '按数据集过滤',
'benchmark.table.filter.byProfile': '按模式过滤',
'benchmark.table.avg': '均值',
+11
View File
@@ -0,0 +1,11 @@
export default {
'billing.upsell.title': '计费是企业版功能',
'billing.upsell.subtitle':
'在团队间跟踪花费、生成账单并执行预算。升级到 GPUStack 企业版即可管理计费。',
'billing.upsell.featuresTitle': '企业版包含的能力',
'billing.upsell.feature.usage': '按组织、用户与模型查看成本明细',
'billing.upsell.feature.invoices': '生成账单并导出计费报表',
'billing.upsell.feature.budgets': '设置预算与花费上限并触发告警',
'billing.upsell.feature.chargeback': '将用量归属并分摊到团队与项目',
'billing.upsell.cta': '了解企业版'
};
+6 -3
View File
@@ -68,8 +68,13 @@ export default {
'<span class="bold-text">非 Docker</span> 集群请前往集群页面注册集群或管理节点池。',
'clusters.addworker.selectGPU': '选择 GPU 厂商',
'clusters.addworker.selectGPU.multiTag': '可多选',
'clusters.addworker.selectGPU.subtitle':
'可选择多个 GPU 厂商,或不选择以用于仅 CPU 的集群',
'clusters.addworker.checkEnv': '检查环境',
'clusters.addworker.checkEnv.cpuOnlyTips':
'使用以下命令验证 Kubernetes 集群中至少有一个就绪节点。你正在注册仅 CPU 的集群。',
'clusters.addworker.specifyArgs': '指定参数',
'clusters.addworker.dtkVersion': 'DTK 版本',
'clusters.addworker.runCommand': '运行指令',
'clusters.addworker.specifyWorkerIP': '节点 IP',
'clusters.addworker.detectWorkerIP': '自动检测节点 IP',
@@ -110,8 +115,6 @@ export default {
'clusters.create.workerConfig': '节点配置',
'clusters.edit.k8sOptions.changed.tip':
'您已修改 Kubernetes 选项,需要在目标集群上重新运行注册命令才会生效。',
'clusters.edit.workerConfig.tip':
'修改节点配置后,需要重启对应节点才会生效。',
'clusters.addworker.containerName': '节点容器名称',
'clusters.addworker.containerName.tips': '为节点容器指定一个名称。',
'clusters.addworker.dataVolume': 'GPUStack 数据卷',
@@ -135,7 +138,7 @@ export default {
'clusters.addworker.theadNotes-02':
'平头哥(T-Head)PPU 使用容器设备接口(CDI)进行设备注入,因此需要确保 <span class="bold-text">/var/run/cdi</span> 目录可用以生成 CDI。',
'clusters.addworker.nvidiaNotes':
'GPUStack v2.1 内置推理后端依赖 <span class="bold-text">CUDA 12.6</span> 及以上版本,请确保 NVIDIA 驱动版本为 <span class="bold-text">560</span> 或以上。',
'GPUStack 内置推理后端依赖 <span class="bold-text">CUDA 12.8</span> 及以上版本,请确保 NVIDIA 驱动版本为 <span class="bold-text">570</span> 或以上。',
'clusters.volume.title': '卷挂载',
'clusters.volume.name': '卷名称',
'clusters.volume.mountPath': '容器内路径',
+6 -1
View File
@@ -161,6 +161,7 @@ export default {
'common.time.hour': '小时',
'common.time.minute': '分钟',
'common.issue.report': '问题反馈',
'common.github.star.tooltip': '在 GitHub 上 Star 我们',
'common.social.discord': '加入我们的Discord',
'common.table.mark': '备注',
'common.table.rollback.mark': '回滚备注',
@@ -253,6 +254,10 @@ export default {
'common.login.auth': '认证中...',
'common.login.auth.failed': '认证失败',
'common.login.password': '使用密码登录',
'common.login.username.holder': '请输入用户名',
'common.login.password.holder': '请输入密码',
'common.login.newpassword.holder': '请输入新密码',
'common.login.confirm.holder': '请再次输入密码',
'common.external.login': '使用 {type} 登录',
'common.sso.noConfig': '该系统未启用单点登录,请联系管理员。',
'common.button.edit.item': '编辑 {name}',
@@ -260,7 +265,7 @@ export default {
'common.button.terminal': '终端',
'common.button.addItem': '添加项',
'common.help.default': '默认: {content}',
'common.filter.status': '按状态筛选',
'common.filter.status': '按状态过滤',
'common.form.rule.selectInput': '请选择或输入{name}',
'common.tag.experimental': '实验性',
'common.title.example': '示例',
+7 -1
View File
@@ -109,6 +109,8 @@ export default {
'gpuservice.instance.sliced': '切分',
'gpuservice.instance.memory': '显存',
'gpuservice.instance.ram': '内存',
'gpuservice.instance.os': '系统',
'gpuservice.instance.arch': '架构',
'gpuservice.instance.disk': '磁盘',
'gpuservice.table.count': '数量',
'gpuservice.instance.disk.system': '系统盘',
@@ -156,5 +158,9 @@ export default {
'gpuservice.storage.tempCapacity.required': '请输入临时存储容量',
'gpuservice.form.rule.name':
'由小写字母、数字和 "-" 组成,以字母或数字开头和结尾,不能包含连续的 "-",最多 63 个字符。',
'gpuservice.form.storage.select': '选择存储'
'gpuservice.form.storage.select': '选择存储',
'gpuservice.creator': '创建者',
'gpuservice.owner.global': '全局',
'gpuservice.template.group.yours': '我的模板',
'gpuservice.template.group.global': '全局模板'
};
+1
View File
@@ -31,6 +31,7 @@ export default {
'menu.usage.usage': '使用量',
'menu.billingAndUsage': '用量与计费',
'menu.billingAndUsage.usage': '用量统计',
'menu.billingAndUsage.billing': '计费',
'menu.404': '404',
'menu.resources.workers': '节点',
'menu.resources.gpus': 'GPU',
+1 -1
View File
@@ -99,7 +99,7 @@ export default {
'models.form.search.gguftips':
'当 macOS 或 Windows 作节点时勾选 GGUF(搜索语音模型时取消勾选)',
'models.form.button.addlabel': '添加标签',
'models.filter.category': '按类别筛选',
'models.filter.category': '按类别过滤',
'models.list.more.logs': '查看更多',
'models.catalog.release.date': '发布日期',
'models.localpath.gguf.tips.title': 'GGUF 格式模型',
+1
View File
@@ -90,6 +90,7 @@ export default {
// --- Resource events ---
'usage.events.resourceType': '资源类型',
'usage.events.eventType': '事件类型',
'usage.events.resourceName': '按名称筛选',
'usage.events.col.time': '时间',
'usage.events.col.resource': '资源',
'usage.events.col.event': '事件',
+74 -11
View File
@@ -1,9 +1,15 @@
import useCoolColors from '@/hooks/use-cool-colors';
import { Chart } from '@gpustack/core-ui';
import { formatLargeNumber } from '@gpustack/core-ui/utils';
import { Empty, theme } from 'antd';
import { Empty, Spin, theme } from 'antd';
import _ from 'lodash';
import React, { useEffect, useMemo, useRef } from 'react';
import React, {
useCallback,
useEffect,
useMemo,
useRef,
useState
} from 'react';
export interface BarSeriesItem {
name: string;
@@ -17,10 +23,18 @@ export interface BarChartProps {
xAxisData: string[];
height: number | string;
width?: number | string;
loading?: boolean;
legendData?: { name: string; icon?: string }[];
labelFormatter?: (val: any, index?: number) => string;
tooltipValueFormatter?: (val: any) => string;
title?: string;
grid?: {
left?: number | string;
right?: number | string;
top?: number | string;
bottom?: number | string;
containLabel?: boolean;
};
legendIsolate?: boolean;
}
@@ -31,15 +45,38 @@ const BarChart: React.FC<BarChartProps> = (props) => {
height,
width,
legendData,
loading,
labelFormatter,
tooltipValueFormatter,
title,
grid,
legendIsolate
} = props;
const { token } = theme.useToken();
const chartRef = useRef<{ chart: any } | null>(null);
const generateCoolColors = useCoolColors();
// ECharts reads the DOM width at init time; with a "100%" width it can pick
// up a stale/tiny value while the flex child's layout is still resolving,
// rendering every bar squeezed at the left edge until its internal (throttled)
// ResizeObserver corrects it ~100ms later — a visible blue-sliver flash. We
// measure the container ourselves via a callback ref (which fires during
// commit, before paint) and feed ECharts an explicit pixel width, so the very
// first render is already correct. No gating, so the chart mounts with no
// extra delay; the ResizeObserver keeps the width in sync afterwards.
const resizeObserverRef = useRef<ResizeObserver | null>(null);
const [measuredWidth, setMeasuredWidth] = useState(0);
const measureRef = useCallback((node: HTMLDivElement | null) => {
resizeObserverRef.current?.disconnect();
if (!node) return;
setMeasuredWidth(node.clientWidth);
resizeObserverRef.current = new ResizeObserver(() => {
setMeasuredWidth(node.clientWidth);
});
resizeObserverRef.current.observe(node);
}, []);
useEffect(() => () => resizeObserverRef.current?.disconnect(), []);
const dynamicColors = useMemo(
() => generateCoolColors(seriesData.length),
[seriesData.length, generateCoolColors]
@@ -126,8 +163,9 @@ const BarChart: React.FC<BarChartProps> = (props) => {
left: 0,
right: 0,
top: title ? 30 : 10,
bottom: 0,
containLabel: true
bottom: 8,
containLabel: true,
...grid
},
tooltip: {
trigger: 'axis',
@@ -268,18 +306,43 @@ const BarChart: React.FC<BarChartProps> = (props) => {
justifyContent: 'center'
}}
>
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
{loading ? (
<Spin size="middle" />
) : (
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
)}
</div>
);
}
return (
<Chart
ref={chartRef as any}
options={options as any}
height={height}
width={width || '100%'}
/>
<div
ref={measureRef}
style={{ width: width || '100%', height, position: 'relative' }}
>
<Chart
ref={chartRef as any}
options={options as any}
height={height}
width={measuredWidth || width || '100%'}
/>
{loading && (
<div
style={{
position: 'absolute',
inset: 20,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
background: 'var(--ant-color-bg-container)',
opacity: 0.6,
pointerEvents: 'none'
}}
>
<Spin size="middle" />
</div>
)}
</div>
);
};
+29 -3
View File
@@ -2,7 +2,13 @@ import useCoolColors from '@/hooks/use-cool-colors';
import { Chart } from '@gpustack/core-ui';
import { formatLargeNumber } from '@gpustack/core-ui/utils';
import { Empty, Spin, theme } from 'antd';
import React, { useMemo, useRef } from 'react';
import React, {
useCallback,
useEffect,
useMemo,
useRef,
useState
} from 'react';
export interface PieChartItem {
name: string;
@@ -37,6 +43,26 @@ const PieChart: React.FC<PieChartProps> = ({
const chartRef = useRef<{ chart: any } | null>(null);
const generateCoolColors = useCoolColors();
// ECharts reads the DOM width at init time; with a "100%" width it can pick
// up a stale/tiny value while layout is still resolving, briefly rendering
// the donut undersized before its internal (throttled) ResizeObserver
// corrects it — a visible flash. We measure the container via a callback ref
// (fires during commit, before paint) and feed ECharts an explicit pixel
// width so the first render is already correct. The ResizeObserver keeps it
// in sync afterwards.
const resizeObserverRef = useRef<ResizeObserver | null>(null);
const [measuredWidth, setMeasuredWidth] = useState(0);
const measureRef = useCallback((node: HTMLDivElement | null) => {
resizeObserverRef.current?.disconnect();
if (!node) return;
setMeasuredWidth(node.clientWidth);
resizeObserverRef.current = new ResizeObserver(() => {
setMeasuredWidth(node.clientWidth);
});
resizeObserverRef.current.observe(node);
}, []);
useEffect(() => () => resizeObserverRef.current?.disconnect(), []);
const colors = useMemo(() => {
const generatedColors = generateCoolColors(data.length + colorOffset);
return generatedColors.slice(colorOffset);
@@ -142,12 +168,12 @@ const PieChart: React.FC<PieChartProps> = ({
const displayTotal = total ?? data.reduce((sum, item) => sum + item.value, 0);
return (
<div style={{ width, height, position: 'relative' }}>
<div ref={measureRef} style={{ width, height, position: 'relative' }}>
<Chart
ref={chartRef as any}
options={options as any}
height={height}
width={width}
width={measuredWidth || width}
/>
<div
style={{
@@ -1,5 +1,6 @@
import { PageAction } from '@/config';
import { PageActionType } from '@/config/types';
import useSubmitLock from '@/hooks/use-submit-lock';
import {
AlertBlockInfo,
Input as CInput,
@@ -45,7 +46,7 @@ const AddModal: React.FC<AddModalProps> = ({
const intl = useIntl();
const [showKey, setShowKey] = useState(false);
const [apikeyValue, setAPIKeyValue] = useState('');
const [loading, setLoading] = useState(false);
const { loading, guard, run, release } = useSubmitLock();
const [isChanged, setIsChanged] = useState(false);
const cacheFormRef = useRef<{
allowed_type: string;
@@ -116,31 +117,31 @@ const AddModal: React.FC<AddModalProps> = ({
};
const handleOnOk = async (formdata: FormData) => {
try {
setLoading(true);
const data = {
..._.omit(formdata, ['allowed_type']),
allowed_model_names:
formdata.allowed_type === 'all' ||
!formdata.scope?.includes('inference')
? []
: formdata.allowed_model_names || []
};
if (action === PageAction.CREATE) {
await createAPIKey(data);
} else if (action === PageAction.EDIT && currentData?.id) {
await updateAPIKey({
..._.omit(data, ['expires_in'])
});
await run(async () => {
try {
const data = {
..._.omit(formdata, ['allowed_type']),
allowed_model_names:
formdata.allowed_type === 'all' ||
!formdata.scope?.includes('inference')
? []
: formdata.allowed_model_names || []
};
if (action === PageAction.CREATE) {
await createAPIKey(data);
} else if (action === PageAction.EDIT && currentData?.id) {
await updateAPIKey({
..._.omit(data, ['expires_in'])
});
}
} catch (error) {
// handled in interceptor
}
setLoading(false);
} catch (error) {
setLoading(false);
}
});
};
const handleSumit = () => {
form.submit();
guard(() => form.submit());
};
const handleDone = () => {
@@ -278,6 +279,7 @@ const AddModal: React.FC<AddModalProps> = ({
name="addAPIKey"
form={form}
onFinish={handleOnOk}
onFinishFailed={release}
preserve={false}
initialValues={{
allowed_type: 'all',
+7
View File
@@ -3,6 +3,13 @@ export interface ListItem {
description: string;
id: number;
value: string;
masked_value?: string;
user_id?: number;
user_name?: string;
// The owning principal — an Org, or a USER principal when the key
// was created in someone's Personal Org. Read by the enterprise
// plugin's Organization column in the admin All-org view.
owner_principal_id?: number;
created_at: string;
updated_at: string;
expires_at: string;
+10 -1
View File
@@ -1,5 +1,6 @@
// columns.ts
import { tableSorter } from '@/config/settings';
import { usePluginListColumns } from '@/plugins/list-extra-columns';
import { DashboardOutlined } from '@ant-design/icons';
import {
AutoTooltip,
@@ -48,6 +49,7 @@ const useModelsColumns = ({
onConfigAction
}: ColumnsHookProps): ColumnsType<ListItem> => {
const intl = useIntl();
const pluginCols = usePluginListColumns('apiKeys');
const actionList = useMemo<APIKeyAction[]>(() => {
// Built-ins use a step-of-10 priority scale so plugins have room
@@ -124,6 +126,12 @@ const useModelsColumns = ({
}, [intl, configActions, onConfigAction]);
return useMemo(() => {
const pluginRendered = pluginCols.map((c) => ({
title: intl.formatMessage({ id: c.titleId }),
key: c.key,
ellipsis: { showTitle: false },
render: (_text: any, record: ListItem) => c.render(record)
}));
return [
{
title: intl.formatMessage({ id: 'common.table.name' }),
@@ -152,6 +160,7 @@ const useModelsColumns = ({
</span>
)
},
...pluginRendered,
{
title: intl.formatMessage({ id: 'apikeys.table.key' }),
dataIndex: 'masked_value',
@@ -269,7 +278,7 @@ const useModelsColumns = ({
)
}
];
}, [intl, showCreator, handleSelect, actionList]);
}, [intl, showCreator, handleSelect, actionList, pluginCols]);
};
export default useModelsColumns;
+26 -18
View File
@@ -1,5 +1,6 @@
import { PageAction } from '@/config';
import { PageActionType } from '@/config/types';
import useSubmitLock from '@/hooks/use-submit-lock';
import {
AlertBlockInfo,
GSDrawer,
@@ -63,6 +64,7 @@ const AddModal: React.FC<AddModalProps> = (props) => {
const [yamlContent, setYamlContent] = useState<string>('');
const [formContent, setFormContent] = useState<FormData>({} as FormData);
const alertRef = useRef<HTMLDivElement>(null);
const { loading, guard, run, release } = useSubmitLock();
const showVersionCustomSuffix =
currentData?.backend_source === BackendSourceValueMap.BUILTIN ||
@@ -92,17 +94,22 @@ const AddModal: React.FC<AddModalProps> = (props) => {
};
const onOk = () => {
if (activeKey === 'yaml') {
const content = editorRef.current?.getContent();
if (content) {
onSubmitYaml({ content: content });
guard(() => {
if (activeKey === 'yaml') {
const content = editorRef.current?.getContent();
if (!content) {
// nothing to submit — drop the lock so the button stays usable
release();
return;
}
run(() => onSubmitYaml({ content: content }));
return;
}
} else {
formRef.current?.submit();
}
});
};
const onFinish = (values: FormData) => {
const onFinish = async (values: FormData) => {
const versionConfigs = values.version_configs?.reduce(
(acc: Record<string, any>, curr) => {
if (curr.version_no) {
@@ -117,16 +124,15 @@ const AddModal: React.FC<AddModalProps> = (props) => {
const defaultVersion = values.version_configs?.find((v) => v.is_default);
onSubmit({
...values,
parameter_format:
values.parameter_format === 'auto' || !values.parameter_format
? null
: values.parameter_format,
default_version: defaultVersion?.version_no || '',
// @ts-ignore
version_configs: versionConfigs
});
await run(() =>
onSubmit({
...values,
parameter_format: values.parameter_format || null,
default_version: defaultVersion?.version_no || '',
// @ts-ignore
version_configs: versionConfigs
})
);
};
useEffect(() => {
@@ -159,7 +165,7 @@ const AddModal: React.FC<AddModalProps> = (props) => {
return {
...values,
backend_name: values.backend_name.replace(/-custom$/, ''),
parameter_format: values.parameter_format ?? 'auto',
parameter_format: values.parameter_format,
version_configs: versionConfigs,
built_in_version_configs: builtInVersions
};
@@ -279,6 +285,7 @@ const AddModal: React.FC<AddModalProps> = (props) => {
<ModalFooter
onCancel={onClose}
onOk={onOk}
loading={loading}
style={ModalFooterStyle}
></ModalFooter>
</>
@@ -295,6 +302,7 @@ const AddModal: React.FC<AddModalProps> = (props) => {
children: (
<BackendForm
onFinish={onFinish}
onFinishFailed={release}
action={action}
currentData={formContent as ListItem}
ref={formRef}
+1 -1
View File
@@ -28,7 +28,7 @@ export interface FormData {
enabled?: boolean;
backend_source?: string;
default_env?: Record<string, any>;
parameter_format?: 'space' | 'equal' | 'auto' | null;
parameter_format?: 'space' | 'equal' | null;
common_parameters?: string[];
}
+10 -10
View File
@@ -151,27 +151,24 @@ const BasicForm = () => {
</Form.Item>
<Form.Item<FormData>
name="parameter_format"
initialValue="auto"
rules={[{ required: false }]}
>
<SealSelect
label={intl.formatMessage({ id: 'backend.form.parameterFormat' })}
allowClear
label={intl.formatMessage({ id: 'backend.form.flagFormat' })}
description={intl.formatMessage({
id: 'backend.form.flagFormat.tips'
})}
options={[
{
label: intl.formatMessage({
id: 'backend.form.parameterFormat.default'
}),
value: 'auto'
},
{
label: intl.formatMessage({
id: 'backend.form.parameterFormat.space'
id: 'backend.form.flagFormat.space'
}),
value: 'space'
},
{
label: intl.formatMessage({
id: 'backend.form.parameterFormat.equal'
id: 'backend.form.flagFormat.equal'
}),
value: 'equal'
}
@@ -183,6 +180,9 @@ const BasicForm = () => {
rules={[{ required: false }]}
>
<ListInput
description={intl.formatMessage({
id: 'backend.form.commonParameters.tips'
})}
btnText={intl.formatMessage({ id: 'backend.form.addParameter' })}
label={intl.formatMessage({
id: 'backend.form.commonParameters'
+5 -3
View File
@@ -13,10 +13,11 @@ type AddModalProps = {
action: PageActionType;
currentData?: ListItem;
onFinish: (values: FormData) => void;
onFinishFailed?: (errorInfo: any) => void;
ref?: any;
};
const BackendForm: React.FC<AddModalProps> = forwardRef(
({ action, currentData, onFinish }, ref) => {
({ action, currentData, onFinish, onFinishFailed }, ref) => {
const intl = useIntl();
const [form] = Form.useForm();
const [activeKey, setActiveKey] = React.useState<string[]>([]);
@@ -26,7 +27,7 @@ const BackendForm: React.FC<AddModalProps> = forwardRef(
currentData?.backend_source === BackendSourceValueMap.BUILTIN ||
currentData?.backend_source === BackendSourceValueMap.COMMUNITY;
const onFinishFailed = (errorInfo: any) => {
const handleOnFinishFailed = (errorInfo: any) => {
const errorFields = errorInfo.errorFields || [];
if (errorFields.length > 0) {
const versionError = errorFields.find((field: any) =>
@@ -38,6 +39,7 @@ const BackendForm: React.FC<AddModalProps> = forwardRef(
setActiveKey([]);
}
}
onFinishFailed?.(errorInfo);
};
const handleOnFinish = (values: FormData) => {
@@ -106,7 +108,7 @@ const BackendForm: React.FC<AddModalProps> = forwardRef(
preserve={false}
scrollToFirstError={true}
initialValues={_.omit(currentData, ['version_configs'])}
onFinishFailed={onFinishFailed}
onFinishFailed={handleOnFinishFailed}
>
<BasicForm></BasicForm>
<VersionsForm
+1 -1
View File
@@ -251,7 +251,7 @@ const BackendList = () => {
selectHolder={intl.formatMessage({ id: 'backend.filter.source' })}
buttonText={intl.formatMessage({ id: 'backend.button.add' })}
handleClickPrimary={handleAddBackend}
handleSearch={handleSearch}
handleSearch={() => loadMore(1)}
handleSelectChange={handleFilterBySource}
handleInputChange={handleNameChange}
rowSelection={rowSelection}
@@ -1,4 +1,5 @@
import { PageActionType } from '@/config/types';
import useSubmitLock from '@/hooks/use-submit-lock';
import { FormDrawer } from '@gpustack/core-ui';
import React, { useRef } from 'react';
import { FormData, BenchmarkListItem as ListItem } from '../config/types';
@@ -22,21 +23,24 @@ const AddBenchmark: React.FC<AddModalProps> = ({
open,
currentData,
clusterList,
profilesOptions,
datasetList,
profilesOptions = [],
datasetList = [],
onOk,
onCancel
}) => {
const form = useRef<any>(null);
const { loading, guard, run, release } = useSubmitLock();
const handleSubmit = () => {
form.current?.submit();
guard(() => form.current?.submit());
};
const handleOk = async (data: FormData) => {
onOk({
...data
});
await run(() =>
onOk({
...data
})
);
};
const handleCancel = () => {
@@ -51,6 +55,7 @@ const AddBenchmark: React.FC<AddModalProps> = ({
onCancel={handleCancel}
onSubmit={handleSubmit}
width={600}
loading={loading}
>
<BenchmarkForm
ref={form}
@@ -61,6 +66,7 @@ const AddBenchmark: React.FC<AddModalProps> = ({
profilesOptions={profilesOptions}
datasetList={datasetList}
onFinish={handleOk}
onFinishFailed={release}
/>
</FormDrawer>
);
+23 -31
View File
@@ -1,10 +1,10 @@
import { modelCategoriesMap } from '@/pages/llmodels/config';
import { SearchOutlined, SyncOutlined } from '@ant-design/icons';
import { FiltersButton } from '@gpustack/core-ui';
import { BaseSelect } from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
import { Button, Input, Space } from 'antd';
import _ from 'lodash';
import React from 'react';
import { profileOptions } from '../config';
export interface RightActionsProps {
handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -38,22 +38,15 @@ const RightActions: React.FC<RightActionsProps> = ({
const handleGPUChange = debounceUpdateFilter;
const modelOptions = modelList
?.filter((item) => {
return item.categories?.includes(modelCategoriesMap.llm);
})
.map((item) => ({
label: item.label,
value: item.label
}));
const handleSearchByModelDebounce = _.debounce((value: any) => {
handleQueryChange({
page: 1,
model_name: value
});
}, 350);
return (
<Space>
<FiltersButton
onClick={toggleFilters}
count={count}
onClear={onClear}
></FiltersButton>
<Input
prefix={
<SearchOutlined
@@ -63,11 +56,24 @@ const RightActions: React.FC<RightActionsProps> = ({
placeholder={intl.formatMessage({
id: 'common.filter.name'
})}
style={{ width: 300 }}
style={{ width: 200 }}
allowClear
onChange={handleInputChange}
></Input>
{/* <Input
<Input
prefix={
<SearchOutlined
style={{ color: 'var(--ant-color-text-placeholder)' }}
></SearchOutlined>
}
placeholder={intl.formatMessage({
id: 'benchmark.table.filter.bymodel'
})}
style={{ width: 180 }}
allowClear
onChange={handleSearchByModelDebounce}
></Input>
<Input
prefix={
<SearchOutlined
style={{ color: 'var(--ant-color-text-placeholder)' }}
@@ -104,20 +110,6 @@ const RightActions: React.FC<RightActionsProps> = ({
})
}
></BaseSelect>
<BaseSelect
allowClear
placeholder={intl.formatMessage({
id: 'benchmark.table.filter.bymodel'
})}
style={{ width: 180 }}
options={modelOptions}
onChange={(value, option) =>
handleQueryChange({
model_name: value,
page: 1
})
}
></BaseSelect> */}
<Button
type="text"
style={{ color: 'var(--ant-color-text-tertiary)' }}
@@ -17,6 +17,9 @@ const ViewLogsModal: React.FC<ViewModalProps> = (props) => {
const logsViewerRef = React.useRef<any>(null);
const requestRef = React.useRef<any>(null);
const contentRef = React.useRef<any>(null);
const [params, setParams] = React.useState<any>({
follow: true
});
const handleCancel = useCallback(() => {
logsViewerRef.current?.abort();
@@ -94,9 +97,7 @@ const ViewLogsModal: React.FC<ViewModalProps> = (props) => {
tail={undefined}
enableScorllLoad={true}
isDownloading={false}
params={{
follow: true
}}
params={params}
></LogsViewer>
</div>
</Modal>
+3
View File
@@ -87,6 +87,9 @@ export interface FormData {
export interface BenchmarkListItem extends FormData {
id: number;
// Inherited from the parent cluster's owner_principal_id on the
// wire so per-row tenant filtering works without joining.
owner_principal_id?: number | null;
created_at: string;
updated_at: string;
state: string;
+13 -1
View File
@@ -48,6 +48,15 @@ const BasicForm: React.FC = () => {
);
}, [orgScoped, scopedClusterList, clusterList, scopeOrgId]);
const handleOnOrgChange = (value: any) => {
form.setFieldsValue({
model_name: undefined,
model_id: undefined,
model_instance_name: undefined,
model_instance: undefined
});
};
useEffect(() => {
if (action === PageAction.CREATE && orgScoped) {
fetchScopedClusters({ page: -1 });
@@ -108,7 +117,10 @@ const BasicForm: React.FC = () => {
required
></CInput.Input>
</Form.Item>
<PluginExtraFields name="CreateOrgScopeField" context={{ action }} />
<PluginExtraFields
name="CreateOrgScopeField"
context={{ action, onChange: handleOnOrgChange }}
/>
<Form.Item<FormData>
name="cluster_id"
rules={[
+3
View File
@@ -29,6 +29,7 @@ interface ProviderFormProps {
datasetList: Global.BaseOption<number | string>[];
profilesOptions: Global.BaseOption<string>[];
onFinish: (values: FormData) => Promise<void>;
onFinishFailed?: (errorInfo: any) => void;
}
const TABKeysMap = {
@@ -42,6 +43,7 @@ const ProviderForm: React.FC<ProviderFormProps> = forwardRef((props, ref) => {
action,
currentData,
onFinish,
onFinishFailed,
open,
clusterList,
profilesOptions,
@@ -122,6 +124,7 @@ const ProviderForm: React.FC<ProviderFormProps> = forwardRef((props, ref) => {
<Form
form={form}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
initialValues={{
dataset_input_tokens: null,
dataset_output_tokens: null,
+27 -26
View File
@@ -9,8 +9,9 @@ import { useQueryModelInstancesList } from '@/pages/llmodels/services/use-query-
import { useQueryModelList } from '@/pages/llmodels/services/use-query-model-list';
import { Cascader as SealCascader, useAppUtils } from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
import { useMemoizedFn } from 'ahooks';
import { Form, Tooltip } from 'antd';
import React, { useEffect, useRef } from 'react';
import React, { useEffect } from 'react';
import { useFormContext } from '../config/form-context';
import { FormData } from '../config/types';
@@ -45,11 +46,7 @@ const ModelInstanceForm: React.FC = () => {
const form = Form.useFormInstance();
const { getRuleMessage } = useAppUtils();
const { action, open } = useFormContext();
// Owned by the create-scope picker slot (admin "All" view). The model list
// is tenant-scoped by the request header, so refetch it when the org
// changes so only the chosen org's models/instances are offered.
const scopeOrgId = Form.useWatch('organization_id', form);
const prevScopeRef = useRef<number | null | undefined>(undefined);
const clusterId = Form.useWatch('cluster_id', form);
const [modelList, setModelList] = React.useState<any[]>([]);
const {
loading: modelLoading,
@@ -84,6 +81,16 @@ const ModelInstanceForm: React.FC = () => {
};
};
const clearModelInstance = () => {
setModelList([]);
form.setFieldsValue({
model_name: '',
model_id: '',
model_instance_name: '',
model_instance: ''
});
};
const loadInstances = async (selectedOptions: any[]) => {
const targetOption = selectedOptions[selectedOptions.length - 1];
if (targetOption && targetOption.children.length === 0) {
@@ -107,10 +114,12 @@ const ModelInstanceForm: React.FC = () => {
});
}
};
const initModelInstance = async () => {
const initModelInstance = useMemoizedFn(async () => {
if (!clusterId) {
return;
}
// fetch model list when dropdown is opened
const list = await fetchModelList({ page: -1 });
const list = await fetchModelList({ page: -1, cluster_id: clusterId });
const modelOptions = list
.filter((model: any) => model.replicas > 0)
.map((model: any) => ({
@@ -124,6 +133,7 @@ const ModelInstanceForm: React.FC = () => {
}));
if (modelOptions.length === 0) {
clearModelInstance();
return;
}
@@ -133,6 +143,12 @@ const ModelInstanceForm: React.FC = () => {
);
if (!selectedllmModel) {
setModelList(modelOptions);
form.setFieldsValue({
model_name: '',
model_id: '',
model_instance_name: '',
model_instance: ''
});
return;
}
const instanceList = await fetchInstanceList({ id: selectedllmModel.id });
@@ -159,33 +175,18 @@ const ModelInstanceForm: React.FC = () => {
}
setModelList(modelOptions);
};
});
useEffect(() => {
if (open && action === PageAction.CREATE) {
// On a genuine org change, clear the stale (possibly cross-org) target
// so the refetched list re-selects within the new org.
if (
prevScopeRef.current !== undefined &&
prevScopeRef.current !== scopeOrgId
) {
form.setFieldsValue({
model_name: undefined,
model_id: undefined,
model_instance_name: undefined,
model_instance: undefined
});
}
prevScopeRef.current = scopeOrgId;
initModelInstance();
}
if (!open) {
prevScopeRef.current = undefined;
cancelModelRequest();
cancelInstanceRequest();
clearBenchmarkTargetInstance();
}
}, [open, benchmarkTargetInstance, action, scopeOrgId]);
}, [open, action, clusterId]);
return (
<Form.Item<FormData>
@@ -1,5 +1,6 @@
// columns.ts
import { tableSorter } from '@/config/settings';
import { usePluginListColumns } from '@/plugins/list-extra-columns';
import { AutoTooltip } from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
import { Typography } from 'antd';
@@ -15,8 +16,15 @@ const useBenchmarkColumns = (params: {
}): ColumnsType<ListItem> => {
const intl = useIntl();
const { onCellClick, handleSelect, columns } = params;
const pluginCols = usePluginListColumns('benchmarks');
return useMemo(() => {
const pluginRendered = pluginCols.map((c) => ({
title: intl.formatMessage({ id: c.titleId }),
key: c.key,
ellipsis: { showTitle: false },
render: (_text: any, record: ListItem) => c.render(record)
}));
return [
{
title: (
@@ -34,6 +42,7 @@ const useBenchmarkColumns = (params: {
</AutoTooltip>
)
},
...pluginRendered,
...columns,
{
title: (
@@ -51,7 +60,7 @@ const useBenchmarkColumns = (params: {
)
}
];
}, [intl, onCellClick, handleSelect, columns]);
}, [intl, onCellClick, handleSelect, columns, pluginCols]);
};
export default useBenchmarkColumns;
+80
View File
@@ -0,0 +1,80 @@
import { IconFont } from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
import { Button, Result, Typography } from 'antd';
import PageBox from '../_components/page-box';
// OSS-only upsell page for the billing module. The real Billing UI ships
// in the enterprise plugin and shadows this route via
// `routes.extensions.ts` — when the enterprise plugin is loaded, the
// merger removes this entry by name. So this file is what users see on
// the OSS build only.
const Billing: React.FC = () => {
const intl = useIntl();
const features = [
'billing.upsell.feature.usage',
'billing.upsell.feature.invoices',
'billing.upsell.feature.budgets',
'billing.upsell.feature.chargeback'
];
return (
<PageBox>
<div
style={{
// Use a viewport-relative min-height so flex centering has
// something to work against — percentage heights through
// PageBox's wrapper chain don't always resolve. The offset
// accounts for the global header + the page title bar.
minHeight: 'calc(100vh - 180px)',
display: 'flex',
alignItems: 'center',
justifyContent: 'center'
}}
>
<Result
icon={
<IconFont
type="icon-billing-outlined"
style={{ fontSize: 64, color: 'var(--ant-color-primary)' }}
/>
}
title={intl.formatMessage({ id: 'billing.upsell.title' })}
subTitle={intl.formatMessage({ id: 'billing.upsell.subtitle' })}
extra={
<div
style={{
maxWidth: 520,
margin: '0 auto',
textAlign: 'left'
}}
>
<Typography.Title level={5} style={{ marginBottom: 12 }}>
{intl.formatMessage({
id: 'billing.upsell.featuresTitle'
})}
</Typography.Title>
<ul style={{ paddingLeft: 20, marginBottom: 24 }}>
{features.map((id) => (
<li key={id} style={{ marginBottom: 6 }}>
{intl.formatMessage({ id })}
</li>
))}
</ul>
<div style={{ textAlign: 'center', marginTop: 56 }}>
<Button
type="primary"
href="https://gpustack.ai/enterprise"
target="_blank"
rel="noreferrer"
>
{intl.formatMessage({ id: 'billing.upsell.cta' })}
</Button>
</div>
</div>
}
/>
</div>
</PageBox>
);
};
export default Billing;
@@ -59,9 +59,16 @@ const ClusterCreate: React.FC<{
// empty-state CTAs that already know which kind of cluster the user
// is heading for (e.g. GPU Service's "Add a Kubernetes Cluster").
providerHint?: string;
presetClusterType?: 'model' | 'gpu';
setCurrentTitle?: (title: string) => void;
onClose?: () => void;
}> = ({ onClose, action, providerHint, setCurrentTitle }) => {
}> = ({
onClose,
action,
providerHint,
presetClusterType,
setCurrentTitle
}) => {
const stepList = useStepList();
const [systemConfigState] = useAtom(systemConfigAtom);
const intl = useIntl();
@@ -377,6 +384,7 @@ const ClusterCreate: React.FC<{
)}
<StepsContext.Provider
value={{
presetClusterType: presetClusterType,
formValues: formValues,
systemConfig: systemConfigState
}}
@@ -6,10 +6,10 @@ import ClusterCreate from './cluster-create';
interface ClusterModalProps {
open: boolean;
title: string;
// When set, ClusterCreate preselects this provider and skips the
// provider-catalog step. Used by feature pages (e.g. GPU Service)
// whose empty state already implies which kind of cluster is needed.
providerHint?: string;
pendingProviderHint?: {
providerHint?: string;
presetClusterType?: 'model' | 'gpu';
};
onClose: () => void;
}
@@ -17,7 +17,7 @@ const ClusterModal: React.FC<ClusterModalProps> = ({
open,
onClose,
title,
providerHint
pendingProviderHint
}) => {
const [currentTitle, setCurrentTitle] = React.useState<string>(title);
const handleCancel = () => {
@@ -46,7 +46,8 @@ const ClusterModal: React.FC<ClusterModalProps> = ({
<ClusterCreate
onClose={handleCancel}
action={PageAction.CREATE}
providerHint={providerHint}
providerHint={pendingProviderHint?.providerHint}
presetClusterType={pendingProviderHint?.presetClusterType}
setCurrentTitle={setCurrentTitle}
></ClusterCreate>
</GSDrawer>
+16 -6
View File
@@ -321,13 +321,20 @@ const Clusters: React.FC = () => {
// the session atom is cleared right after we open the modal, but
// ClusterCreate mounts a tick later and needs the value to skip the
// provider-catalog step. Cache it locally and clear on close.
const [pendingProviderHint, setPendingProviderHint] = useState<
string | undefined
>(undefined);
const [pendingProviderHint, setPendingProviderHint] = useState<{
providerHint?: string;
presetClusterType?: 'model' | 'gpu';
}>({
providerHint: undefined,
presetClusterType: undefined
});
useEffect(() => {
if (clusterSession?.firstAddCluster && dataSource.loadend) {
setPendingProviderHint(clusterSession.providerHint);
setPendingProviderHint({
providerHint: clusterSession.providerHint,
presetClusterType: clusterSession.presetClusterType
});
openClusterModal();
// reset session
setClusterSession(null);
@@ -335,7 +342,10 @@ const Clusters: React.FC = () => {
}, [clusterSession, dataSource.loadend]);
const handleClusterModalClose = () => {
setPendingProviderHint(undefined);
setPendingProviderHint({
providerHint: undefined,
presetClusterType: undefined
});
closeClusterModal();
};
@@ -464,7 +474,7 @@ const Clusters: React.FC = () => {
id: 'menu.resources.clusterCreate'
})}
open={clusterModalStatus.open}
providerHint={pendingProviderHint}
pendingProviderHint={pendingProviderHint}
onClose={handleClusterModalClose}
></ClusterModal>
{AddWorkerModal}
@@ -1,5 +1,6 @@
import { PageAction } from '@/config';
import { PageActionType } from '@/config/types';
import useSubmitLock from '@/hooks/use-submit-lock';
import { ExclamationCircleFilled } from '@ant-design/icons';
import { AlertBlockInfo, FormDrawer, ModalFooter } from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
@@ -39,20 +40,23 @@ const AddCluster: React.FC<AddModalProps> = ({
}) => {
const intl = useIntl();
const form = useRef<any>(null);
const { loading, guard, run, release } = useSubmitLock();
// Whether the user has changed any k8s_options field. Lifted from ClusterForm
// so the "re-run registration" notice can sit in the drawer footer, above the
// Save/Cancel buttons (mirrors the model edit interaction).
const [k8sOptionsChanged, setK8sOptionsChanged] = useState<boolean>(false);
const handleSubmit = () => {
form.current?.submit();
guard(() => form.current?.submit());
};
const handleOk = async (data: FormData) => {
onOk({
...data,
provider
});
await run(() =>
onOk({
...data,
provider
})
);
};
const handleCancel = () => {
@@ -84,6 +88,7 @@ const AddCluster: React.FC<AddModalProps> = ({
<ModalFooter
onOk={handleSubmit}
onCancel={handleCancel}
loading={loading}
style={ModalFooterStyle}
></ModalFooter>
</>
@@ -96,6 +101,7 @@ const AddCluster: React.FC<AddModalProps> = ({
action={action}
currentData={currentData}
onFinish={handleOk}
onFinishFailed={release}
onK8sOptionsChange={setK8sOptionsChanged}
/>
</FormDrawer>
@@ -10,6 +10,7 @@ type ViewModalProps = {
containerName?: string;
gpustackDataVolume?: string;
advertisAddress?: string;
dtkVersion?: string;
registrationInfo: {
token: string;
image: string;
@@ -26,7 +27,8 @@ const AddWorkerCommand: React.FC<ViewModalProps> = ({
cacheDir,
currentGPU,
containerName,
gpustackDataVolume
gpustackDataVolume,
dtkVersion
}) => {
const code = React.useMemo(() => {
const commandCode = addWorkerGuide['all'];
@@ -42,6 +44,7 @@ const AddWorkerCommand: React.FC<ViewModalProps> = ({
cacheDir: cacheDir,
containerName: containerName,
gpustackDataVolume: gpustackDataVolume,
dtkVersion: dtkVersion,
image: registrationInfo.image,
token: registrationInfo.token || '${token}'
})
@@ -56,7 +59,8 @@ const AddWorkerCommand: React.FC<ViewModalProps> = ({
cacheDir,
containerName,
gpustackDataVolume,
advertisAddress
advertisAddress,
dtkVersion
]);
return (
@@ -67,7 +67,6 @@ const AddWorkerSteps: React.FC<AddWorkerProps> = (props) => {
);
const { update, summary, register } = useSummaryStatus();
const { addedCount, createModelsChunkRequest } = useAddWorkerMessage();
console.log('addedCount=========', addedCount);
const onToggle = (open: boolean, key: string) => {
setCollapseKey(open ? new Set([key]) : new Set());
@@ -82,7 +81,6 @@ const AddWorkerSteps: React.FC<AddWorkerProps> = (props) => {
setCollapseKey(new Set([stepList[0]]));
}, [stepList]);
console.log('actionSource=========', actionSource, registrationInfo);
React.useEffect(() => {
// this effect is only triggered when used in cluster create page inner
if (actionSource === 'page' && registrationInfo?.cluster_id) {
@@ -101,24 +99,30 @@ const AddWorkerSteps: React.FC<AddWorkerProps> = (props) => {
// Downstream steps (check env, run command, ...) only make sense after a
// GPU vendor has been chosen. If the user toggled off every vendor in
// multi-select, gate them shut so the wrong panel can't be opened.
// Exception: for K8s clusters, Run Command is always accessible (CPU-only
// workers don't need a GPU vendor).
const selectedGPUs =
(summary.get('selectedGPUs') as string[] | undefined) || [];
const currentGPU = (summary.get('currentGPU') as string | undefined) || '';
const noVendorSelected = !currentGPU && selectedGPUs.length === 0;
const downstreamDisabled = disabled || noVendorSelected;
const isK8s = provider === ProviderValueMap.Kubernetes;
// For non-K8s providers, all downstream steps are gated by vendor selection.
// For K8s, both CheckEnv and RunCommand are always accessible — CheckEnv
// shows a ready-nodes check when no vendor is selected (CPU-only workers).
const downstreamDisabled = disabled || (noVendorSelected && !isK8s);
React.useEffect(() => {
// If the user just deselected everything, collapse any downstream
// panel back to the GPU step so they aren't left looking at a stale
// disabled-but-open command. Functional updater so we don't have to
// depend on `collapseKey` and re-run the effect on every toggle.
if (!noVendorSelected) return;
// If the user just deselected everything on a non-K8s provider, collapse
// any downstream panel back to the GPU step so they aren't left looking at
// a stale disabled-but-open command. For K8s, CheckEnv stays open with a
// ready-nodes check, so no collapsing needed.
if (!noVendorSelected || isK8s) return;
setCollapseKey((prev) =>
prev.has(StepNamesMap.SelectGPU)
? prev
: new Set([StepNamesMap.SelectGPU])
);
}, [noVendorSelected]);
}, [noVendorSelected, isK8s]);
return (
<AddWorkerContext.Provider
@@ -147,7 +151,9 @@ const AddWorkerSteps: React.FC<AddWorkerProps> = (props) => {
!stepList.includes(StepNamesMap.SelectCluster)) && (
<>
<SelectVendor disabled={disabled}></SelectVendor>
<CheckEnvironment disabled={downstreamDisabled}></CheckEnvironment>
{(isK8s || !noVendorSelected) && (
<CheckEnvironment disabled={disabled}></CheckEnvironment>
)}
{provider === ProviderValueMap.Kubernetes && (
<K8sRunCommand disabled={downstreamDisabled}></K8sRunCommand>
@@ -1,6 +1,7 @@
import { BulbOutlined } from '@ant-design/icons';
import { useIntl } from '@umijs/max';
import { Alert, Typography } from 'antd';
import { ProviderValueMap } from '../../config';
import CheckEnvCommand from '../check-env-command';
import { useAddWorkerContext } from './add-worker-context';
import { AddWorkerStepProps, StepNamesMap } from './config';
@@ -10,8 +11,8 @@ import StepCollapse from './step-collapse';
const CheckEnvironment: React.FC<AddWorkerStepProps> = ({ disabled }) => {
const { stepList, summary, provider } = useAddWorkerContext();
const intl = useIntl();
const currentGPU = summary.get('currentGPU');
const currentGPUs: string[] = summary.get('selectedGPUs') || [];
const currentGPU = summary.get('currentGPU') as string;
const currentGPUs: string[] = (summary.get('selectedGPUs') as string[]) || [];
const workerCommand = summary.get('workerCommand') || {
label: '',
link: '',
@@ -19,6 +20,8 @@ const CheckEnvironment: React.FC<AddWorkerStepProps> = ({ disabled }) => {
};
const stepIndex = stepList.indexOf(StepNamesMap.CheckEnv) + 1;
const isK8s = provider === ProviderValueMap.Kubernetes;
const isCPUOnly = isK8s && !currentGPU && currentGPUs.length === 0;
return (
<StepCollapse
@@ -31,27 +34,37 @@ const CheckEnvironment: React.FC<AddWorkerStepProps> = ({ disabled }) => {
</Title>
}
>
<Alert
type="info"
showIcon
icon={<BulbOutlined />}
style={{
marginBottom: 8
}}
title={
<span
dangerouslySetInnerHTML={{
__html: intl.formatMessage(
{ id: 'clusters.create.addworker.tips' },
{ label: workerCommand.label, link: workerCommand.link }
)
{isCPUOnly ? (
<Typography.Paragraph style={{ marginBottom: 8 }}>
{intl.formatMessage({
id: 'clusters.addworker.checkEnv.cpuOnlyTips'
})}
</Typography.Paragraph>
) : (
<>
<Alert
type="info"
showIcon
icon={<BulbOutlined />}
style={{
marginBottom: 8
}}
></span>
}
></Alert>
<Typography.Paragraph style={{ marginBottom: 8 }}>
{intl.formatMessage({ id: 'cluster.create.checkEnv.tips' })}
</Typography.Paragraph>
title={
<span
dangerouslySetInnerHTML={{
__html: intl.formatMessage(
{ id: 'clusters.create.addworker.tips' },
{ label: workerCommand.label, link: workerCommand.link }
)
}}
></span>
}
></Alert>
<Typography.Paragraph style={{ marginBottom: 8 }}>
{intl.formatMessage({ id: 'cluster.create.checkEnv.tips' })}
</Typography.Paragraph>
</>
)}
<CheckEnvCommand
provider={provider}
currentGPU={currentGPU}
@@ -36,6 +36,7 @@ export interface SummaryDataKeys {
selectedGPUs: string[];
cluster_id: number;
clusterName: string;
dtkVersion: string;
workerCommand: {
label: string;
link: string;
@@ -41,6 +41,8 @@ const DockerRunCommand: React.FC<AddWorkerStepProps> = ({ disabled }) => {
const currentGPU = summary.get('currentGPU') || '';
const dtkVersion = summary.get('dtkVersion') || '25.04';
const stepIndex = stepList.indexOf(StepNamesMap.RunCommand) + 1;
return (
@@ -80,6 +82,7 @@ const DockerRunCommand: React.FC<AddWorkerStepProps> = ({ disabled }) => {
gpustackDataVolumeConfig.enable ? gpustackDataVolumeConfig.path : ''
}
currentGPU={currentGPU}
dtkVersion={dtkVersion}
/>
</StepCollapse>
);
@@ -4,7 +4,6 @@ import {
GPUsConfigs
} from '@/pages/resources/config/gpu-driver';
import { useIntl } from '@umijs/max';
import { Tag } from 'antd';
import React, { useEffect, useRef, useState } from 'react';
import { ProviderValueMap } from '../../config';
import SupportedGPUs from '../support-gpus';
@@ -94,7 +93,8 @@ const SelectVendor: React.FC<AddWorkerStepProps> = ({ disabled }) => {
};
useEffect(() => {
// init a default selection
// Default to NVIDIA for every provider, including K8s. Users can still
// deselect it (e.g. for CPU-only workers) or add more vendors on K8s.
handleSelect(GPUDriverMap.NVIDIA, {
label: 'NVIDIA',
hiddenTitle: true,
@@ -116,18 +116,18 @@ const SelectVendor: React.FC<AddWorkerStepProps> = ({ disabled }) => {
{stepIndex}.{' '}
{intl.formatMessage({ id: 'clusters.addworker.selectGPU' })}
{multiCapable && (
<Tag
color="blue"
<span
style={{
marginLeft: 8,
fontWeight: 400,
borderRadius: 4
fontSize: 13,
color: 'var(--ant-color-text-secondary)'
}}
>
{intl.formatMessage({
id: 'clusters.addworker.selectGPU.multiTag'
id: 'clusters.addworker.selectGPU.subtitle'
})}
</Tag>
</span>
)}
</Title>
}

Some files were not shown because too many files have changed in this diff Show More