Compare commits

..
12 Commits
Author SHA1 Message Date
lofyerandfactory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com> 976df98b71 feat(branding): rebrand product to ZStack AIOS
Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
2026-08-04 14:36:59 +08:00
lofyerandfactory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com> 6dc2676c66 feat(layout): move navigation menu from sidebar to top header
Switch ProLayout to top layout with a custom horizontal HeaderMenu
(dropdowns for grouped items) and relocate the user/help/version actions
into the header right area.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
2026-07-27 14:32:15 +08:00
lofyerandClaude Opus 4.8 81bcd6a5ac feat(branding): rebrand footer vendor to MesaStack, trim footer/topbar
- Footer vendor label unified to "MesaStack" across all locales.
- Remove footer Help button; keep version as plain text (no click).
- Remove top-right GitHub star widget (delete unused github-star.tsx);
  keep version as plain text (no click), retain upgrade "New" badge.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 14:28:06 +08:00
lofyerandClaude Opus 4.8 286f49897c docs(agents): document rebrand step in fork workflow
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 14:26:35 +08:00
lofyerandClaude Opus 4.8 3f811735ff feat(branding): rebrand user-facing GPUStack to MesaStack
Applied via scripts/rebrand across UI labels, page title, and all
locale strings (en/zh/ja/ru/tr). Functional references untouched:
npm package, URLs, paths, JS identifiers, GPUSTACK_ constants, and the
X-GPUStack-Model header. The backend-contract startsWith string in
llmodels/hooks keeps "GPUStack server" to stay matchable. Logo images
intentionally left unchanged for now.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 14:26:30 +08:00
lofyerandClaude Opus 4.8 4b790bcfe4 feat(scripts): add rebrand script to swap brand identity
Replace the standalone "GPUStack" brand word with a target brand
(default MesaStack) across user-facing text. Word-boundary + case-
sensitive matching deliberately skips functional references: lowercase
gpustack (npm pkg/URLs/paths/k8s ns), ALL-CAPS GPUSTACK_ constants,
JS identifiers (getGPUStackPlugin etc.), and X-* HTTP headers. A
line-level skip list protects backend-contract strings matched at
runtime (e.g. the model-file-not-found startsWith check).

Re-run on each new v<version>-lofyer branch after syncing upstream.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 14:26:23 +08:00
lofyerandClaude Opus 4.8 4da7a19520 docs(agents): document downstream fork sync workflow
Describe the upstream->private mirror chain, the v<version>-lofyer branch
naming for appearance customizations, and how to run scripts/sync-github.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 14:25:58 +08:00
lofyerandClaude Opus 4.8 2032bf097e feat(scripts): add sync-github to mirror upstream to private registry
Fetch all branches and tags from upstream GitHub and force-push them to
the 192.168.0.23 private origin (full mirror). Supports DRY_RUN and an
opt-in PRUNE_BRANCHES for true mirroring.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-27 14:25:24 +08:00
jialinandjialin 29b965ebbd style(cluster): center pool replicas cell
CI / deps (push) Has been cancelled
CI / build (push) Has been cancelled
CI / build-publish (push) Has been cancelled
CI / trigger-backend (push) Has been cancelled
2026-07-23 20:49:23 +08:00
jialinandjialin aca6490da1 fix(llmodels): stale instances lingering after missed DELETE watch events 2026-07-23 15:53:21 +08:00
jialinandjialin 04511a63a3 fix(models): cluster auto-selection mismatch when org scope settles late 2026-07-23 15:33:42 +08:00
jialinandjialin 28da5d52e8 style(cluster): col width 2026-07-22 16:29:04 +08:00
107 changed files with 761 additions and 2794 deletions
-32
View File
@@ -97,38 +97,6 @@ const handleBChange = (b) => {
}; };
``` ```
## 4. Controlled input with derived fields
When a controlled field's value comes from **both** user input and a programmatic default (e.g. a percentage picked on a slider, and a default seeded on select / mode-switch), funnel both through **one commit function** — don't duplicate "write field + recompute derived" per call site.
- The `Form.Item`-bound input's `onChange(value)` forwards the value to the commit fn (the field is antd-bound, but pass the value explicitly so the default path can reuse the same fn instead of reading the store).
- Seed defaults by calling the **same** commit fn with the computed value.
- Separate the **commit action** (write field + recompute dependents) from the **render-derive** (read the field → recompute dependents). Keeping the derive standalone lets it re-run on reload/edit where there's no user event.
```ts
// commit action — slider onChange AND default both call this
const commitRatio = (value: number) => {
form.setFieldsValue({ spec: { resources: { ratio: value, cores: 100 } } });
rescaleDerived(); // reads ratio from the form, sets the disabled cpu/ram
};
// render-derive — also called from the edit/reload effect
const rescaleDerived = () => {
const ratio = form.getFieldValue(['spec', 'resources', 'ratio']);
form.setFieldsValue({
spec: {
resources: {
cpu: floorScale(unit.cpu, ratio),
ram: floorScale(unit.ram, ratio)
}
}
});
};
// default seeding reuses the commit fn — one path, not a second copy
const applyDefaults = (item) => commitRatio(Math.min(10, item.maxRatio) || 10);
```
## Related ## Related
- Module/file structure for forms lives in the **create-crud-page** skill (section 3). - Module/file structure for forms lives in the **create-crud-page** skill (section 3).
+52
View File
@@ -3,3 +3,55 @@
This project keeps a single source of truth for agent/contributor conventions in [`CLAUDE.md`](./CLAUDE.md). **Read [`CLAUDE.md`](./CLAUDE.md) and follow it.** This project keeps a single source of truth for agent/contributor conventions in [`CLAUDE.md`](./CLAUDE.md). **Read [`CLAUDE.md`](./CLAUDE.md) and follow it.**
@CLAUDE.md @CLAUDE.md
## Downstream fork workflow
This repo is a **downstream fork** that customizes the product appearance on top of upstream `gpustack/gpustack-ui`. The mirror chain is:
```
upstream https://github.com/gpustack/gpustack-ui.git
| (fetch)
origin ssh://git@192.168.0.23:11022/root/gpustack-ui.git (private registry, also https://git.digiman.live)
```
### Goal
Track upstream releases. When upstream changes, we pull it in, then apply our own appearance/customization changes on a dedicated branch so we keep our look-and-feel on top of the latest upstream product.
### Branch naming
Customization work lives on `v<upstream-version>-lofyer` branches (e.g. `v2.2.0-lofyer`). Each time upstream ships a new version we want to follow, create a new `v<version>-lofyer` branch from the corresponding upstream tag/branch and re-apply (or rebase) our customizations onto it.
### Syncing from upstream
`scripts/sync-github` mirrors upstream into the private `origin` (full mirror, force push of all branches + tags). It auto-configures the `upstream` remote on first run.
```bash
# preview only, no push
DRY_RUN=1 ./scripts/sync-github
# real sync (force-pushes every upstream branch + tag to origin)
./scripts/sync-github
# also delete origin branches that no longer exist upstream (true mirror, destructive)
PRUNE_BRANCHES=1 ./scripts/sync-github
```
Env knobs: `UPSTREAM_URL`, `ORIGIN_REMOTE`, `UPSTREAM_REMOTE`, `PRUNE_BRANCHES`, `DRY_RUN`. After syncing, branch a fresh `v<version>-lofyer` off the updated upstream ref and apply the appearance changes there.
### Re-applying brand customizations
`scripts/rebrand` swaps the standalone brand word `GPUStack` for our brand (`MesaStack`) across user-facing text. It is the first appearance change to re-apply on every new `v<version>-lofyer` branch.
```bash
# preview hits, no writes
DRY_RUN=1 ./scripts/rebrand
# apply (default GPUStack -> MesaStack)
./scripts/rebrand
# custom brand words
FROM=GPUStack TO=AcmeStack ./scripts/rebrand
```
It deliberately **does not** touch functional references — lowercase `gpustack` (npm pkg / URLs / paths / k8s namespace), ALL-CAPS `GPUSTACK_*` constants, JS identifiers like `getGPUStackPlugin`, and `X-*` HTTP headers — and carries a line-level skip list for backend-contract strings matched at runtime (see `SKIP_LINE_PATTERNS` in the script). Always review `git diff` afterwards. Logo images under `src/assets/images/` are NOT changed by the script — replace those PNGs separately when new brand assets are available.
+2 -2
View File
@@ -1,6 +1,6 @@
# GPUStack UI # MesaStack UI
UI for [GPUStack](https://github.com/gpustack/gpustack). UI for [MesaStack](https://github.com/gpustack/gpustack).
## Installation ## Installation
+1 -1
View File
@@ -77,7 +77,7 @@ export default defineConfig({
antd: { antd: {
style: 'less' style: 'less'
}, },
title: 'GPUStack', title: 'ZStack AIOS',
hash: true, hash: true,
access: {}, access: {},
model: {}, model: {},
-10
View File
@@ -211,16 +211,6 @@ const baseRoutes = [
defaultIcon: 'icon-cloud-outlined', defaultIcon: 'icon-cloud-outlined',
component: './gpu-service/instances' component: './gpu-service/instances'
}, },
{
name: 'instanceTypes',
path: '/gpu-service/instance-types',
key: 'gpuServiceInstanceTypes',
icon: 'icon-outline-gpu',
access: 'canSeeOrgAdmin',
selectedIcon: 'icon-filled-gpu',
defaultIcon: 'icon-outline-gpu',
component: './gpu-service/instance-types'
},
{ {
name: 'templates', name: 'templates',
path: '/gpu-service/templates', path: '/gpu-service/templates',
Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 587 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 565 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 587 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 565 B

+102
View File
@@ -0,0 +1,102 @@
#!/bin/bash
#
# rebrand: 把面向用户的品牌标识从 GPUStack 批量替换为 ZStack AIOS(或自定义品牌)。
#
# 设计目标:上游每次更新后,在新的 v<version>-lofyer 分支上跑一次即可重新应用品牌定制。
#
# 只替换「独立的品牌词」FROM,并刻意跳过所有功能性引用:
# - 小写 `gpustack` —— npm 包名 (@gpustack/core-ui)、URL、路径、k8s 命名空间、author(大小写敏感,天然不匹配)
# - 全大写 `GPUSTACK` —— 常量/环境变量/全局 (GPUSTACK_API_BASE_URL, __GPUSTACK_*__, GPUSTACK_UI_*)(大小写敏感,不匹配)
# - 代码标识符 —— getGPUStackPlugin / GPUStackVersionAtom / GPUStackPluginManager / GPUStackLogo 等
# (FROM 紧邻字母时视为标识符的一部分,跳过)
# - HTTP 头 X-GPUStack-* —— 后端契约 (如 X-GPUStack-Model),跳过
#
# 匹配规则:FROM 前后都不是字母(独立单词),且不是 `X-` 前缀的头名。
#
# 环境变量:
# FROM 源品牌词(默认 GPUStack
# TO 目标品牌词(默认 ZStack AIOS
# DRY_RUN 设为 1 时只预览将改动的行,不写文件
#
set -e
FROM="${FROM:-GPUStack}"
TO="${TO:-ZStack AIOS}"
DRY_RUN="${DRY_RUN:-0}"
log() { echo -e "\033[1;34m[rebrand]\033[0m $*"; }
# 大小写敏感、单词边界、排除 X- 头前缀的 Perl 正则。
# (?<![A-Za-z]) 前面不是字母 (?<!X-) 不是 X- 头 (?![A-Za-z]) 后面不是字母
# FROM 为纯字母品牌词(无正则元字符),故直接拼接,不用 \Q\E
# —— \Q\E 在「经变量插值进正则」时不会被求值,反而会破坏匹配。
PATTERN="(?<![A-Za-z])(?<!X-)${FROM}(?![A-Za-z])"
# 行级排除:某些 FROM 出现在「与后端契约绑定的字符串」里,改了会破坏运行时逻辑,
# 即使是独立单词也必须整行跳过。命中下列任一正则的行不替换。
# 已知例外:
# - llmodels/hooks/index.ts 用 startsWith() 比对后端返回的英文兼容性消息
# "... does not exist on the GPUStack server ..."),后端仍发 GPUStack,前端不能改。
SKIP_LINE_PATTERNS=(
'does not exist on the .*server. It'"'"'s recommended'
)
skip_line() {
local line="$1" pat
for pat in "${SKIP_LINE_PATTERNS[@]}"; do
if echo "$line" | grep -qP "$pat"; then return 0; fi
done
return 1
}
# 待处理的已跟踪文本文件(排除 lockfile 与本脚本自身)。
mapfile -t files < <(
git ls-files -- \
'*.ts' '*.tsx' '*.js' '*.jsx' '*.json' '*.less' '*.html' '*.md' \
| grep -v 'pnpm-lock.yaml'
)
log "品牌替换: '${FROM}' -> '${TO}'"
log "候选文件: ${#files[@]}"
# 把行级排除合并成一个 perl 正则,供预览与替换共用(经环境变量传入,免去转义)。
SKIP_RE=""
for pat in "${SKIP_LINE_PATTERNS[@]}"; do
SKIP_RE="${SKIP_RE:+${SKIP_RE}|}(?:${pat})"
done
export REBRAND_SKIP_RE="${SKIP_RE}"
export REBRAND_PATTERN="${PATTERN}"
export REBRAND_TO="${TO}"
# 统计命中行(预览/确认用),已扣除被行级排除的行。
log "命中行预览(最多 40 行):"
grep -rnP "${PATTERN}" "${files[@]}" 2>/dev/null \
| { [[ -n "${SKIP_RE}" ]] && grep -vP "${SKIP_RE}" || cat; } \
| head -40 || true
total=$(grep -rnP "${PATTERN}" "${files[@]}" 2>/dev/null \
| { [[ -n "${SKIP_RE}" ]] && grep -vP "${SKIP_RE}" || cat; } | wc -l)
log "命中总行数: ${total}"
if [[ -n "${SKIP_RE}" ]]; then
skipped=$(grep -rnP "${PATTERN}" "${files[@]}" 2>/dev/null | grep -cP "${SKIP_RE}" || true)
log "行级排除(后端契约,保留 ${FROM}: ${skipped} 行"
fi
if [[ "${DRY_RUN}" == "1" ]]; then
log "DRY_RUN=1:未写入任何文件。"
exit 0
fi
# 实际替换(in-place)。命中行级排除的行整行跳过。
changed=0
for f in "${files[@]}"; do
if grep -qP "${PATTERN}" "$f" 2>/dev/null; then
perl -i -pe '
my $skip = $ENV{REBRAND_SKIP_RE};
next if length($skip) && /$skip/;
s/$ENV{REBRAND_PATTERN}/$ENV{REBRAND_TO}/g;
' "$f"
changed=$((changed + 1))
fi
done
log "已修改文件数: ${changed}"
log "完成。请用 'git diff' 复核改动。"
+83
View File
@@ -0,0 +1,83 @@
#!/bin/bash
#
# sync-github: 从上游 GitHub 拉取最新源码,并全量镜像同步到 192.168.0.23 私有源。
#
# 默认行为(全量镜像 / 强制):
# 1. 确保存在 upstream remote 指向 GitHub(不存在则自动添加,URL 不一致则更新)。
# 2. 从 upstream 抓取所有分支与 tag(--prune 清理已删除的远端引用)。
# 3. 将上游每个分支强制推送到私有源同名分支(force push)。
# 4. 将上游所有 tag 强制推送到私有源。
#
# 可用环境变量:
# UPSTREAM_URL 上游 GitHub 仓库地址(默认 https://github.com/gpustack/gpustack-ui.git
# ORIGIN_REMOTE 私有源 remote 名称(默认 origin
# UPSTREAM_REMOTE 上游 remote 名称(默认 upstream
# PRUNE_BRANCHES 设为 1 时,删除私有源上「上游已不存在」的分支(真·镜像,破坏性,默认关闭)
# DRY_RUN 设为 1 时,仅打印将要执行的推送动作,不实际推送
#
set -e
UPSTREAM_URL="${UPSTREAM_URL:-https://github.com/gpustack/gpustack-ui.git}"
ORIGIN_REMOTE="${ORIGIN_REMOTE:-origin}"
UPSTREAM_REMOTE="${UPSTREAM_REMOTE:-upstream}"
PRUNE_BRANCHES="${PRUNE_BRANCHES:-0}"
DRY_RUN="${DRY_RUN:-0}"
log() { echo -e "\033[1;34m[sync-github]\033[0m $*"; }
warn() { echo -e "\033[1;33m[sync-github]\033[0m $*" >&2; }
run() {
if [[ "${DRY_RUN}" == "1" ]]; then
echo " (dry-run) git $*"
else
git "$@"
fi
}
# 1. 确保 upstream remote 指向 GitHub。
if git remote get-url "${UPSTREAM_REMOTE}" >/dev/null 2>&1; then
current_url=$(git remote get-url "${UPSTREAM_REMOTE}")
if [[ "${current_url}" != "${UPSTREAM_URL}" ]]; then
log "更新 ${UPSTREAM_REMOTE} 地址: ${current_url} -> ${UPSTREAM_URL}"
git remote set-url "${UPSTREAM_REMOTE}" "${UPSTREAM_URL}"
fi
else
log "添加 upstream remote: ${UPSTREAM_REMOTE} -> ${UPSTREAM_URL}"
git remote add "${UPSTREAM_REMOTE}" "${UPSTREAM_URL}"
fi
origin_url=$(git remote get-url "${ORIGIN_REMOTE}")
log "上游 (拉取): ${UPSTREAM_URL}"
log "私有源 (推送): ${origin_url}"
# 2. 抓取上游所有分支与 tag。
log "抓取上游分支与 tag..."
git fetch --prune --tags "${UPSTREAM_REMOTE}"
# 3. 逐个分支强制推送到私有源。
log "强制同步分支到私有源..."
upstream_branches=$(git for-each-ref --format='%(refname:strip=3)' "refs/remotes/${UPSTREAM_REMOTE}/" | grep -v '^HEAD$')
for branch in ${upstream_branches}; do
log " -> ${branch}"
run push --force "${ORIGIN_REMOTE}" \
"refs/remotes/${UPSTREAM_REMOTE}/${branch}:refs/heads/${branch}"
done
# 4. 强制同步所有 tag。
log "强制同步 tag 到私有源..."
run push --force --tags "${ORIGIN_REMOTE}"
# 5. 可选:删除私有源上、上游已不存在的分支(真·镜像)。
if [[ "${PRUNE_BRANCHES}" == "1" ]]; then
warn "PRUNE_BRANCHES=1:将删除私有源上上游已不存在的分支"
origin_branches=$(git ls-remote --heads "${ORIGIN_REMOTE}" | sed 's@.*refs/heads/@@')
for branch in ${origin_branches}; do
if ! echo "${upstream_branches}" | grep -qx "${branch}"; then
warn " 删除私有源分支: ${branch}"
run push "${ORIGIN_REMOTE}" --delete "${branch}"
fi
done
fi
log "同步完成。"
Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

+2 -25
View File
@@ -1,8 +1,6 @@
import { GPUStackVersionAtom } from '@/atoms/user'; import { GPUStackVersionAtom } from '@/atoms/user';
import VersionInfo, { modalConfig } from '@/components/version-info';
import externalLinks from '@/constants/external-links';
import { useIntl } from '@umijs/max'; import { useIntl } from '@umijs/max';
import { Button, Divider, Modal, Typography } from 'antd'; import { Divider, Typography } from 'antd';
import { createStyles } from 'antd-style'; import { createStyles } from 'antd-style';
import { useAtomValue } from 'jotai'; import { useAtomValue } from 'jotai';
import styled from 'styled-components'; import styled from 'styled-components';
@@ -33,21 +31,11 @@ const useStyles = createStyles(({ token, css }) => ({
const Footer: React.FC = () => { const Footer: React.FC = () => {
const intl = useIntl(); const intl = useIntl();
const [modal, contextHolder] = Modal.useModal();
const { styles } = useStyles(); const { styles } = useStyles();
const version = useAtomValue(GPUStackVersionAtom); const version = useAtomValue(GPUStackVersionAtom);
const showVersion = () => {
modal.info({
...modalConfig,
width: 460,
content: <VersionInfo intl={intl} />
});
};
return ( return (
<> <>
{contextHolder}
<div className={styles.footer}> <div className={styles.footer}>
<div className="footer-content"> <div className="footer-content">
<div className="footer-content-left"> <div className="footer-content-left">
@@ -64,18 +52,7 @@ const Footer: React.FC = () => {
</Typography.Link> </Typography.Link>
</CompanyWrapper> </CompanyWrapper>
<Divider orientation="vertical" /> <Divider orientation="vertical" />
<Button <span>{version?.version}</span>
type="link"
size="small"
href={externalLinks.documentation}
target="_blank"
>
{intl.formatMessage({ id: 'common.button.help' })}
</Button>
<Divider orientation="vertical" />
<Button type="link" size="small" onClick={showVersion}>
{version?.version}
</Button>
</div> </div>
</div> </div>
</div> </div>
+28 -14
View File
@@ -8,24 +8,38 @@ const findValidJSONStrings = (inputStr: string) => {
const openingBraceIndex = inputStr.indexOf('{', startIndex); const openingBraceIndex = inputStr.indexOf('{', startIndex);
if (openingBraceIndex === -1) break; // No more opening braces if (openingBraceIndex === -1) break; // No more opening braces
let closingBraceIndex = openingBraceIndex; // find the matching closing brace, ignoring braces inside string
// literals (e.g. a state_message containing `{`/`}`)
let closingBraceIndex = -1;
let braceCount = 0; let braceCount = 0;
let inString = false;
let escaped = false;
// find couple of braces for (let i = openingBraceIndex; i < inputStr.length; i++) {
while (closingBraceIndex < inputStr.length) { const char = inputStr[i];
if (inputStr[closingBraceIndex] === '{') { if (inString) {
if (escaped) {
escaped = false;
} else if (char === '\\') {
escaped = true;
} else if (char === '"') {
inString = false;
}
} else if (char === '"') {
inString = true;
} else if (char === '{') {
braceCount++; braceCount++;
} else if (inputStr[closingBraceIndex] === '}') { } else if (char === '}') {
braceCount--; braceCount--;
if (braceCount === 0) {
closingBraceIndex = i;
break;
}
} }
if (braceCount === 0) {
break;
}
closingBraceIndex++;
} }
if (braceCount !== 0) { if (closingBraceIndex === -1) {
// no matching closing brace // no matching closing brace yet, wait for more data
break; break;
} }
@@ -37,11 +51,11 @@ const findValidJSONStrings = (inputStr: string) => {
try { try {
const parsedData = JSON.parse(jsonString); const parsedData = JSON.parse(jsonString);
validJSONStrings.push(parsedData); validJSONStrings.push(parsedData);
startIndex = closingBraceIndex + 1;
} catch (error) { } catch (error) {
// mabye invalid JSON // skip the malformed segment instead of breaking, otherwise it jams
break; // the buffer and every later event on this stream is lost
} }
startIndex = closingBraceIndex + 1;
} }
return { return {
+4 -1
View File
@@ -43,8 +43,11 @@ export const createAxiosToken = (): CancelTokenSource => {
}; };
export const sliceData = (data: string, loaded: number, loadedSize: any) => { export const sliceData = (data: string, loaded: number, loadedSize: any) => {
// `loaded` is a byte count while `data` is a UTF-16 string; with any
// non-ASCII payload the two drift apart, so track consumed characters by
// string length only
const result = data.slice(loadedSize.current); const result = data.slice(loadedSize.current);
loadedSize.current = loaded; loadedSize.current = data.length;
return result; return result;
}; };
+5 -25
View File
@@ -1,8 +1,6 @@
import { GPUStackVersionAtom, UpdateCheckAtom } from '@/atoms/user'; import { GPUStackVersionAtom, UpdateCheckAtom } from '@/atoms/user';
import PluginExtraField from '@/components/plugin-extra-fields'; import PluginExtraField from '@/components/plugin-extra-fields';
import VersionInfo, { modalConfig } from '@/components/version-info';
import externalLinks from '@/constants/external-links'; import externalLinks from '@/constants/external-links';
import useBodyScroll from '@/hooks/use-body-scroll';
import { logout } from '@/pages/login/apis'; import { logout } from '@/pages/login/apis';
import { getGPUStackPlugin } from '@/plugins'; import { getGPUStackPlugin } from '@/plugins';
import { useModel } from '@@/plugin-model'; import { useModel } from '@@/plugin-model';
@@ -14,12 +12,11 @@ import {
} from '@ant-design/icons'; } from '@ant-design/icons';
import { DropdownActions, IconFont } from '@gpustack/core-ui'; import { DropdownActions, IconFont } from '@gpustack/core-ui';
import { history, useIntl, useNavigate } from '@umijs/max'; import { history, useIntl, useNavigate } from '@umijs/max';
import { Avatar, Button, Divider, Modal } from 'antd'; import { Avatar, Divider } from 'antd';
import { useAtom } from 'jotai'; import { useAtom } from 'jotai';
import { useMemo } from 'react'; import { useMemo } from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import { DEFAULT_ENTER_PAGE } from '../config/settings'; import { DEFAULT_ENTER_PAGE } from '../config/settings';
import GithubStar from './github-star';
const NewLabel = styled.span` const NewLabel = styled.span`
position: relative; position: relative;
@@ -100,11 +97,9 @@ const CustomItem = styled.div`
export const ExtraContent = (props: { isDarkTheme?: boolean }) => { export const ExtraContent = (props: { isDarkTheme?: boolean }) => {
const { isDarkTheme } = props; const { isDarkTheme } = props;
const plugin = getGPUStackPlugin(); const plugin = getGPUStackPlugin();
const { saveScrollHeight, restoreScrollHeight } = useBodyScroll(); const intl = useIntl();
const [modal, contextHolder] = Modal.useModal();
const [version] = useAtom(GPUStackVersionAtom); const [version] = useAtom(GPUStackVersionAtom);
const [updateCheck] = useAtom(UpdateCheckAtom); const [updateCheck] = useAtom(UpdateCheckAtom);
const intl = useIntl();
const initialInfo = useModel('@@initialState') || { const initialInfo = useModel('@@initialState') || {
initialState: undefined, initialState: undefined,
loading: false, loading: false,
@@ -142,16 +137,6 @@ export const ExtraContent = (props: { isDarkTheme?: boolean }) => {
return {}; return {};
}, [isDarkTheme]); }, [isDarkTheme]);
const showVersion = () => {
saveScrollHeight();
modal.info({
...modalConfig,
width: 460,
content: <VersionInfo intl={intl} />,
onCancel: restoreScrollHeight
});
};
const handleLogout = async () => { const handleLogout = async () => {
await logout(); await logout();
navigate(loginPath); navigate(loginPath);
@@ -161,7 +146,7 @@ export const ExtraContent = (props: { isDarkTheme?: boolean }) => {
{ {
key: 'site', key: 'site',
icon: <HomeOutlined />, icon: <HomeOutlined />,
label: 'GPUStack', label: 'ZStack AIOS',
url: externalLinks.site url: externalLinks.site
}, },
{ {
@@ -261,25 +246,20 @@ export const ExtraContent = (props: { isDarkTheme?: boolean }) => {
return ( return (
<Wrapper> <Wrapper>
{contextHolder}
<PluginExtraField name="OrgSwitcher" isDarkTheme={isDarkTheme} /> <PluginExtraField name="OrgSwitcher" isDarkTheme={isDarkTheme} />
{process.env.ENABLE_ENTERPRISE !== 'true' && <GithubStar />}
<div <div
style={{ style={{
display: 'flex', display: 'flex',
alignItems: 'center' alignItems: 'center'
}} }}
> >
<Button <span
type="text"
size="small"
onClick={showVersion}
style={{ style={{
color: 'var(--ant-color-text-tertiary)' color: 'var(--ant-color-text-tertiary)'
}} }}
> >
{version.version} {version.version}
</Button> </span>
{showUpgrade && ( {showUpgrade && (
<NewLabel> <NewLabel>
<span className="text"> <span className="text">
-140
View File
@@ -1,140 +0,0 @@
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;
+128
View File
@@ -0,0 +1,128 @@
import { IconFont } from '@gpustack/core-ui';
import { Link, useLocation, useNavigate } from '@umijs/max';
import { Menu } from 'antd';
import { createStyles } from 'antd-style';
import React, { useMemo } from 'react';
interface MenuItem {
icon?: string;
selectedIcon?: string;
defaultIcon?: string;
children?: MenuItem[];
[key: string]: any;
}
interface HeaderMenuProps {
menuData: MenuItem[];
initialState?: Global.InitialStateType;
}
const useStyles = createStyles(({ css }) => {
return {
headerMenu: css`
flex: 1;
min-width: 0;
background: transparent;
border-bottom: none;
line-height: inherit;
&.ant-menu-horizontal {
border-bottom: none;
}
&.ant-menu-horizontal > .ant-menu-item::after,
&.ant-menu-horizontal > .ant-menu-submenu::after {
display: none;
}
.ant-menu-title-content {
display: inline-flex;
align-items: center;
gap: 8px;
}
.anticon {
font-size: 16px;
}
`
};
});
const isItemSelected = (item: MenuItem, pathname: string) => {
return (
pathname === item.path ||
(Array.isArray(item.subMenu) && item.subMenu.includes(pathname))
);
};
const HeaderMenu: React.FC<HeaderMenuProps> = (props) => {
const { menuData } = props;
const { styles } = useStyles();
const location = useLocation();
const navigate = useNavigate();
const buildLeaf = (item: MenuItem) => {
const selected = isItemSelected(item, location.pathname);
return {
key: item.path as string,
label: (
<Link
prefetch="intent"
to={(item.path as string).replace('/*', '')}
target={item.target}
>
<span className="flex-center gap-8">
<IconFont
type={selected ? item.selectedIcon || '' : item.defaultIcon || ''}
/>
<span>{item.name}</span>
</span>
</Link>
)
};
};
const items = useMemo(() => {
return menuData.map((item) => {
if (item.children && item.children.length > 0) {
return {
key: item.key,
label: item.name,
children: item.children.map((child) => buildLeaf(child))
};
}
return buildLeaf(item);
});
}, [menuData, location.pathname]);
const selectedKeys = useMemo(() => {
const keys: string[] = [];
for (const item of menuData) {
const leaves =
item.children && item.children.length > 0 ? item.children : [item];
for (const leaf of leaves) {
if (isItemSelected(leaf, location.pathname)) {
keys.push(leaf.path as string);
}
}
}
return keys;
}, [menuData, location.pathname]);
const handleClick = ({ key }: { key: string }) => {
if (key.startsWith('/')) {
navigate(key.replace('/*', ''));
}
};
return (
<Menu
className={styles.headerMenu}
mode="horizontal"
selectedKeys={selectedKeys}
items={items}
onClick={handleClick}
triggerSubMenuAction="hover"
/>
);
};
export default HeaderMenu;
+21 -57
View File
@@ -22,7 +22,7 @@ import {
import { useAccessMarkedRoutes } from '@@/plugin-access'; import { useAccessMarkedRoutes } from '@@/plugin-access';
import { useModel } from '@@/plugin-model'; import { useModel } from '@@/plugin-model';
import { ProLayout } from '@ant-design/pro-components'; import { ProLayout } from '@ant-design/pro-components';
import { CoreUIProvider, IconFont } from '@gpustack/core-ui'; import { CoreUIProvider } from '@gpustack/core-ui';
import { import {
Access, Access,
Outlet, Outlet,
@@ -39,18 +39,18 @@ import {
useNavigate, useNavigate,
type IRoute type IRoute
} from '@umijs/max'; } from '@umijs/max';
import { Button, ConfigProvider, Modal, theme } from 'antd'; import { ConfigProvider, Modal, theme } from 'antd';
import { useAtom } from 'jotai'; import { useAtom } from 'jotai';
import 'overlayscrollbars/overlayscrollbars.css'; import 'overlayscrollbars/overlayscrollbars.css';
import { useEffect, useMemo, useRef } from 'react'; import { useEffect, useMemo, useRef } from 'react';
import { PageContainerInner } from '../pages/_components/page-box'; import { PageContainerInner } from '../pages/_components/page-box';
import Exception from './Exception'; import Exception from './Exception';
import './Layout.css'; import './Layout.css';
import { LogoIcon, SLogoIcon } from './Logo'; import { LogoIcon } from './Logo';
import ErrorBoundary from './error-boundary'; import ErrorBoundary from './error-boundary';
import { ExtraContent } from './extraRender'; import { ExtraContent } from './extraRender';
import HeaderMenu from './header-menu';
import { patchRoutes } from './runtime'; import { patchRoutes } from './runtime';
import SiderMenu from './sider-menu';
const CHECK_RESOURCE_PATH = [ const CHECK_RESOURCE_PATH = [
'/resources/workers', '/resources/workers',
@@ -118,7 +118,7 @@ const mapRoutes = (routes: IRoute[], role: string) => {
export default (props: any) => { export default (props: any) => {
const [, contextHolder] = Modal.useModal(); const [, contextHolder] = Modal.useModal();
const { themeData, setUserSettings, userSettings } = useUserSettings(); const { themeData, userSettings } = useUserSettings();
const [userInfo] = useAtom(userAtom); const [userInfo] = useAtom(userAtom);
const [routeCache] = useAtom(routeCacheAtom); const [routeCache] = useAtom(routeCacheAtom);
const location = useLocation(); const location = useLocation();
@@ -223,13 +223,6 @@ export default (props: any) => {
const coreUISlots = useMemo(() => ({ ExtraContent }), []); const coreUISlots = useMemo(() => ({ ExtraContent }), []);
const handleToggleCollapse = (e: any) => {
e.stopPropagation();
setUserSettings({
...userSettings,
collapsed: !userSettings.collapsed
});
};
const newRoutes = filterRoutes( const newRoutes = filterRoutes(
// @ts-ignore // @ts-ignore
clientRoutes.filter((route) => route.id === 'max-tabs'), clientRoutes.filter((route) => route.id === 'max-tabs'),
@@ -254,16 +247,19 @@ export default (props: any) => {
[location.pathname] [location.pathname]
); );
const collapsed = useMemo(() => {
return userSettings.collapsed || false;
}, [userSettings.collapsed]);
const renderMenuHeader = (logo: React.ReactNode, title: React.ReactNode) => { const renderMenuHeader = (logo: React.ReactNode, title: React.ReactNode) => {
return <>{logo}</>; return <>{logo}</>;
}; };
const menuContentRender = (menuProps: any, defaultDom: React.ReactNode) => { const headerContentRender = (
return <SiderMenu {...menuProps}></SiderMenu>; headerProps: any,
defaultDom: React.ReactNode
) => {
return <HeaderMenu {...headerProps}></HeaderMenu>;
};
const actionsRender = () => {
return <ExtraContent isDarkTheme={userSettings.isDarkTheme} />;
}; };
const onPageChange = async (route: any) => { const onPageChange = async (route: any) => {
@@ -317,17 +313,6 @@ export default (props: any) => {
navigate(pagepath); navigate(pagepath);
}; };
const onCollapse = (value: boolean) => {
// only trigger by window resize
if (!value) {
return;
}
setUserSettings({
...userSettings,
collapsed: value
});
};
return ( return (
<ConfigProvider <ConfigProvider
componentSize="large" componentSize="large"
@@ -388,48 +373,27 @@ export default (props: any) => {
<DarkMask></DarkMask> <DarkMask></DarkMask>
<ProLayout <ProLayout
fixSiderbar fixSiderbar
fixedHeader={false} fixedHeader
headerRender={false}
breadcrumbRender={false} breadcrumbRender={false}
route={route} route={route}
location={location} location={location}
title={userConfig.title} title={userConfig.title}
navTheme={userSettings.theme} navTheme={userSettings.theme}
layout="side" layout="top"
contentStyle={{ contentStyle={{
paddingBlock: 0, paddingBlock: 0,
paddingInline: 0 paddingInline: 0
}} }}
openKeys={false}
disableMobile={true} disableMobile={true}
siderWidth={220}
menuFooterRender={() => (
<Button
style={{
border: 'none'
}}
size="small"
type={'text'}
onClick={handleToggleCollapse}
>
<IconFont
type={collapsed ? 'icon-expand-left' : 'icon-expand-right'}
className="font-size-18"
/>
</Button>
)}
onCollapse={onCollapse}
onMenuHeaderClick={onMenuHeaderClick} onMenuHeaderClick={onMenuHeaderClick}
collapsed={userSettings.collapsed}
onPageChange={onPageChange} onPageChange={onPageChange}
formatMessage={formatMessage} formatMessage={formatMessage}
menu={{ menu={{
locale: true, locale: true
type: 'group'
}} }}
splitMenus={true} logo={<LogoIcon />}
logo={userSettings.collapsed ? <SLogoIcon /> : <LogoIcon />} headerContentRender={headerContentRender}
menuContentRender={menuContentRender} actionsRender={actionsRender}
{...runtimeConfig} {...runtimeConfig}
ErrorBoundary={ErrorBoundary} ErrorBoundary={ErrorBoundary}
> >
@@ -437,7 +401,7 @@ export default (props: any) => {
style={{ style={{
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
height: '100vh', height: '100%',
overflow: 'hidden' overflow: 'hidden'
}} }}
> >
+1 -1
View File
@@ -82,7 +82,7 @@ export const getRightRenderContent = (opts: {
{ {
key: 'site', key: 'site',
icon: <HomeOutlined />, icon: <HomeOutlined />,
label: 'GPUStack', label: 'ZStack AIOS',
url: externalLinks.site url: externalLinks.site
}, },
{ {
+1 -1
View File
@@ -1,7 +1,7 @@
export default { export default {
'billing.upsell.title': 'Billing is an Enterprise feature', 'billing.upsell.title': 'Billing is an Enterprise feature',
'billing.upsell.subtitle': 'billing.upsell.subtitle':
'Track spend, generate invoices, and enforce budgets across teams. Upgrade to GPUStack Enterprise to manage billing.', 'Track spend, generate invoices, and enforce budgets across teams. Upgrade to ZStack AIOS Enterprise to manage billing.',
'billing.upsell.featuresTitle': 'What you get in Enterprise', 'billing.upsell.featuresTitle': 'What you get in Enterprise',
'billing.upsell.feature.usage': 'billing.upsell.feature.usage':
'See cost breakdowns by organization, user, and model', 'See cost breakdowns by organization, user, and model',
+8 -8
View File
@@ -87,7 +87,7 @@ export default {
'clusters.addworker.detectWorkerAddress.tips': 'clusters.addworker.detectWorkerAddress.tips':
'Defaults to Worker IP if not specified.', 'Defaults to Worker IP if not specified.',
'clusters.addworker.externalIP.tips': 'clusters.addworker.externalIP.tips':
'If running in a VPC or private network, please specify the Worker external address reachable by the GPUStack Server.', 'If running in a VPC or private network, please specify the Worker external address reachable by the ZStack AIOS Server.',
'clusters.addworker.enterWorkerIP': 'Enter worker IP', 'clusters.addworker.enterWorkerIP': 'Enter worker IP',
'clusters.addworker.enterWorkerIP.error': 'Please enter the worker IP.', 'clusters.addworker.enterWorkerIP.error': 'Please enter the worker IP.',
'clusters.addworker.enterWorkerAddress': 'Enter worker external address', 'clusters.addworker.enterWorkerAddress': 'Enter worker external address',
@@ -115,20 +115,20 @@ export default {
'{count} new worker has been added to the cluster.', '{count} new worker has been added to the cluster.',
'clusters.addworker.message.success_multiple': 'clusters.addworker.message.success_multiple':
'{count} new workers have been added to the cluster.', '{count} new workers have been added to the cluster.',
'clusters.create.serverUrl': 'GPUStack Server URL', 'clusters.create.serverUrl': 'ZStack AIOS Server URL',
'clusters.create.workerConfig': 'Worker Configuration', 'clusters.create.workerConfig': 'Worker Configuration',
'clusters.edit.k8sOptions.changed.tip': '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.', 'You have changed the Kubernetes options. Re-run the registration command on the target cluster for the changes to take effect.',
'clusters.addworker.containerName': 'Worker Container Name', 'clusters.addworker.containerName': 'Worker Container Name',
'clusters.addworker.containerName.tips': 'clusters.addworker.containerName.tips':
'Specify a name for the worker container.', 'Specify a name for the worker container.',
'clusters.addworker.dataVolume': 'GPUStack Data Volume', 'clusters.addworker.dataVolume': 'ZStack AIOS Data Volume',
'clusters.addworker.dataVolume.tips': 'clusters.addworker.dataVolume.tips':
'Specify a data storage path for GPUStack.', 'Specify a data storage path for ZStack AIOS.',
'clusters.table.ip.internal': 'Internal', 'clusters.table.ip.internal': 'Internal',
'clusters.table.ip.external': 'External', 'clusters.table.ip.external': 'External',
'clusters.form.serverUrl.tips': 'clusters.form.serverUrl.tips':
'Specify an externally accessible GPUStack service URL if the worker cannot access GPUStack Server directly.', 'Specify an externally accessible ZStack AIOS service URL if the worker cannot access ZStack AIOS Server directly.',
'clusters.form.setDefault': 'Set as Default', 'clusters.form.setDefault': 'Set as Default',
'clusters.form.setDefault.tips': 'Default for deployment.', 'clusters.form.setDefault.tips': 'Default for deployment.',
'clusters.addworker.noClusters': 'No available Docker clusters found', 'clusters.addworker.noClusters': 'No available Docker clusters found',
@@ -146,7 +146,7 @@ export default {
'clusters.addworker.theadNotes-02': '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.', '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': 'clusters.addworker.nvidiaNotes':
'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.', 'The built-in inference backends in ZStack AIOS 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.title': 'Volume Mounts',
'clusters.volume.name': 'Volume Name', 'clusters.volume.name': 'Volume Name',
'clusters.volume.mountPath': 'Container Path', 'clusters.volume.mountPath': 'Container Path',
@@ -173,7 +173,7 @@ export default {
'clusters.volume.add': 'Add Volume Mount', 'clusters.volume.add': 'Add Volume Mount',
'clusters.systemDefaultContainerRegistry.title': 'Default Container Registry', 'clusters.systemDefaultContainerRegistry.title': 'Default Container Registry',
'clusters.systemDefaultContainerRegistry.tip': 'clusters.systemDefaultContainerRegistry.tip':
'Default registry used to resolve GPUStack images for this cluster. Falls back to the server default when unset.', 'Default registry used to resolve ZStack AIOS images for this cluster. Falls back to the server default when unset.',
'clusters.k8sOptions.title': 'Kubernetes Deployment Options', 'clusters.k8sOptions.title': 'Kubernetes Deployment Options',
'clusters.imageCredentials.title': 'Image Credentials', 'clusters.imageCredentials.title': 'Image Credentials',
'clusters.imageCredentials.add': 'Add Credential', 'clusters.imageCredentials.add': 'Add Credential',
@@ -185,7 +185,7 @@ export default {
'Pod nodeSelector applied to every worker DaemonSet — only nodes whose labels match are eligible to run the worker.', 'Pod nodeSelector applied to every worker DaemonSet — only nodes whose labels match are eligible to run the worker.',
'clusters.operatorImage.title': 'Operator Image', 'clusters.operatorImage.title': 'Operator Image',
'clusters.operatorImage.tip': 'clusters.operatorImage.tip':
'Override for the GPUStack Operator container image. Leave empty to use the server default.', 'Override for the ZStack AIOS Operator container image. Leave empty to use the server default.',
'clusters.namespace.title': 'Namespace', 'clusters.namespace.title': 'Namespace',
'clusters.namespace.tip': 'clusters.namespace.tip':
'Kubernetes namespace the clusters manifests render into. Leave empty to use gpustack-system.', 'Kubernetes namespace the clusters manifests render into. Leave empty to use gpustack-system.',
+2 -2
View File
@@ -46,7 +46,7 @@ export default {
'common.button.enabled': 'Enabled', 'common.button.enabled': 'Enabled',
'common.button.disabled': 'Disabled', 'common.button.disabled': 'Disabled',
'common.button.upgrade': 'Upgrade', 'common.button.upgrade': 'Upgrade',
'common.enterprise.feature': 'Available in GPUStack Enterprise', 'common.enterprise.feature': 'Available in ZStack AIOS Enterprise',
'common.input.holder': 'Please enter', 'common.input.holder': 'Please enter',
'common.validate.value': '{name} value is required', 'common.validate.value': '{name} value is required',
'common.button.edit': 'Edit', 'common.button.edit': 'Edit',
@@ -214,7 +214,7 @@ export default {
'common.form.password': 'Password', 'common.form.password': 'Password',
'common.form.username': 'Username', 'common.form.username': 'Username',
'common.login.rember': 'Remember me', 'common.login.rember': 'Remember me',
'settings.company': 'GPUStack.ai', 'settings.company': 'ZStack AIOS',
'common.button.help': 'Help', 'common.button.help': 'Help',
'common.button.feedback': 'Feedback', 'common.button.feedback': 'Feedback',
'common.button.docs': 'Documentation', 'common.button.docs': 'Documentation',
-22
View File
@@ -119,34 +119,12 @@ export default {
'No available GPU resources, please choose another instance type.', 'No available GPU resources, please choose another instance type.',
'gpuservice.instance.gpuCount.zero': 'gpuservice.instance.gpuCount.zero':
'CPU-only setup for environment preparation.', 'CPU-only setup for environment preparation.',
'gpuservice.instance.mode.whole': 'Full GPU',
'gpuservice.instance.mode.sliced': 'By Ratio',
'gpuservice.instance.slice.memoryPercentage': 'VRAM Percentage (%)',
'gpuservice.instance.slice.fullCores': '100% Compute',
'gpuservice.instance.slice.percentage.required':
'Please select or enter a percentage',
'gpuservice.instance.slice.percentage.max':
'The ratio must be between 1% and {count}%',
'gpuservice.instance.stock': 'Stock', 'gpuservice.instance.stock': 'Stock',
'gpuservice.instance.sliced': 'Sliced', 'gpuservice.instance.sliced': 'Sliced',
'gpuservice.instance.sliceable': 'Sliceable',
'gpuservice.instance.memory': 'VRAM', 'gpuservice.instance.memory': 'VRAM',
'gpuservice.instance.ram': 'RAM', 'gpuservice.instance.ram': 'RAM',
'gpuservice.instance.os': 'OS', 'gpuservice.instance.os': 'OS',
'gpuservice.instance.arch': 'Arch', 'gpuservice.instance.arch': 'Arch',
'gpuservice.instanceType': 'GPU Instance Type',
'gpuservice.instanceType.add': 'Add Instance Type',
'gpuservice.instanceType.flavor': 'Flavor',
'gpuservice.instanceType.flavor.required': 'Please select an instance type flavor',
'gpuservice.instanceType.product': 'Product',
'gpuservice.instanceType.unitCpu': 'Unit CPU',
'gpuservice.instanceType.unitCpu.tip': 'CPU allocated per GPU',
'gpuservice.instanceType.unitRam': 'Unit RAM',
'gpuservice.instanceType.unitRam.tip': 'RAM allocated per GPU',
'gpuservice.instanceType.localStorage': 'Storage',
'gpuservice.instanceType.localStorage.tip': 'Maximum available disk',
'gpuservice.instanceType.notSliceable': 'Not Sliceable',
'gpuservice.instanceType.filter.name': 'Search by name',
'gpuservice.instance.disk': 'Disk', 'gpuservice.instance.disk': 'Disk',
'gpuservice.table.count': 'Count', 'gpuservice.table.count': 'Count',
'gpuservice.instance.disk.system': 'System Disk', 'gpuservice.instance.disk.system': 'System Disk',
-1
View File
@@ -47,7 +47,6 @@ export default {
'menu.models.backendsList': 'Inference Backends', 'menu.models.backendsList': 'Inference Backends',
'menu.gpuService': 'GPU Service', 'menu.gpuService': 'GPU Service',
'menu.gpuService.instances': 'GPU Instances', 'menu.gpuService.instances': 'GPU Instances',
'menu.gpuService.instanceTypes': 'Instance Types',
'menu.gpuService.templates': 'Instance Templates', 'menu.gpuService.templates': 'Instance Templates',
'menu.gpuService.storage': 'Storage', 'menu.gpuService.storage': 'Storage',
'menu.gpuService.storageTypes': 'Storage Types', 'menu.gpuService.storageTypes': 'Storage Types',
+4 -4
View File
@@ -14,7 +14,7 @@ export default {
'models.form.env': 'Environment Variables', 'models.form.env': 'Environment Variables',
'models.form.configurations': 'Configurations', 'models.form.configurations': 'Configurations',
'models.form.s3address': 'S3 Address', 'models.form.s3address': 'S3 Address',
'models.form.partialoffload.tips': `When CPU offloading is enabled, GPUStack will allocate CPU memory if GPU resources are insufficient. You must correctly configure the inference backend to use hybrid CPU+GPU or full CPU inference.`, 'models.form.partialoffload.tips': `When CPU offloading is enabled, ZStack AIOS will allocate CPU memory if GPU resources are insufficient. You must correctly configure the inference backend to use hybrid CPU+GPU or full CPU inference.`,
'models.form.distribution.tips': `Allows for offloading part of the model's layers to single or multiple remote workers when the resources of a worker are insufficient.`, 'models.form.distribution.tips': `Allows for offloading part of the model's layers to single or multiple remote workers when the resources of a worker are insufficient.`,
'models.openinplayground': 'Open in Playground', 'models.openinplayground': 'Open in Playground',
'models.instances': 'instances', 'models.instances': 'instances',
@@ -24,7 +24,7 @@ export default {
'model.deploy.sort': 'Sort', 'model.deploy.sort': 'Sort',
'model.deploy.search.placeholder': 'Type <kbd>/</kbd> to search models', 'model.deploy.search.placeholder': 'Type <kbd>/</kbd> to search models',
'model.form.ollamatips': 'model.form.ollamatips':
'Tip: The following are the preconfigured Ollama models in GPUStack. Please select the model you want, or directly enter the model you wish to deploy in the 【{name}】 input box on the right.', 'Tip: The following are the preconfigured Ollama models in ZStack AIOS. Please select the model you want, or directly enter the model you wish to deploy in the 【{name}】 input box on the right.',
'models.sort.name': 'Name', 'models.sort.name': 'Name',
'models.sort.size': 'Size', 'models.sort.size': 'Size',
'models.sort.likes': 'Likes', 'models.sort.likes': 'Likes',
@@ -87,7 +87,7 @@ export default {
'models.form.filePath': 'Model Path', 'models.form.filePath': 'Model Path',
'models.form.backendVersion': 'Backend Version', 'models.form.backendVersion': 'Backend Version',
'models.form.backendVersion.tips': 'models.form.backendVersion.tips':
'To use the desired version of {backend}{version}, the system will automatically create a virtual environment in the online environment to install the corresponding version. After a GPUStack upgrade, the backend version will remain fixed. {link}', 'To use the desired version of {backend}{version}, the system will automatically create a virtual environment in the online environment to install the corresponding version. After a ZStack AIOS upgrade, the backend version will remain fixed. {link}',
'models.form.gpuselector': 'GPU Selector', 'models.form.gpuselector': 'GPU Selector',
'models.form.backend.llamabox': 'models.form.backend.llamabox':
'For GGUF format models, supports Linux, macOS, and Windows.', 'For GGUF format models, supports Linux, macOS, and Windows.',
@@ -277,7 +277,7 @@ export default {
'models.form.backendVersions.tips': `To use more versions, go to the {link} page and edit the backend to add versions.`, 'models.form.backendVersions.tips': `To use more versions, go to the {link} page and edit the backend to add versions.`,
'models.catalog.nogpus.tips': 'models.catalog.nogpus.tips':
'No compatible GPUs are available in the selected cluster for this model.', 'No compatible GPUs are available in the selected cluster for this model.',
'models.form.modelfile.notfound': `The model file path you specified does not exist on the GPUStack server. It's recommended to place the model file at the same path on both the GPUStack server and GPUStack workers. This helps GPUStack make better decisions.`, 'models.form.modelfile.notfound': `The model file path you specified does not exist on the ZStack AIOS server. It's recommended to place the model file at the same path on both the ZStack AIOS server and ZStack AIOS workers. This helps ZStack AIOS make better decisions.`,
'models.form.readyWorkers': 'workers ready', 'models.form.readyWorkers': 'workers ready',
'models.form.maxContextLength': 'Maximum Context Length', 'models.form.maxContextLength': 'Maximum Context Length',
'models.form.backend.helperText': 'models.form.backend.helperText':
-4
View File
@@ -68,10 +68,6 @@ export default {
'noresult.gpuservice.storage.title': 'No Storage', 'noresult.gpuservice.storage.title': 'No Storage',
'noresult.gpuservice.storage.subTitle': 'No storage has been added yet.', 'noresult.gpuservice.storage.subTitle': 'No storage has been added yet.',
'noresult.gpuservice.storage.nofound': 'No matching storage found.', 'noresult.gpuservice.storage.nofound': 'No matching storage found.',
'noresult.gpuservice.instanceType.title': 'No Instance Types',
'noresult.gpuservice.instanceType.subTitle':
'Create an instance type to get started',
'noresult.gpuservice.instanceType.nofound': 'No instance types found',
'noresult.gpuservice.storageType.title': 'No Storage Types', 'noresult.gpuservice.storageType.title': 'No Storage Types',
'noresult.gpuservice.storageType.subTitle': 'noresult.gpuservice.storageType.subTitle':
'No storage types have been added yet.', 'No storage types have been added yet.',
+1 -1
View File
@@ -1,7 +1,7 @@
export default { export default {
'organizations.upsell.title': 'Organizations are an Enterprise feature', 'organizations.upsell.title': 'Organizations are an Enterprise feature',
'organizations.upsell.subtitle': 'organizations.upsell.subtitle':
'Multi-tenancy lets you isolate users, resources, and quotas across teams. Upgrade to GPUStack Enterprise to manage organizations.', 'Multi-tenancy lets you isolate users, resources, and quotas across teams. Upgrade to ZStack AIOS Enterprise to manage organizations.',
'organizations.upsell.featuresTitle': 'What you get in Enterprise', 'organizations.upsell.featuresTitle': 'What you get in Enterprise',
'organizations.upsell.feature.orgs': 'organizations.upsell.feature.orgs':
'Create organizations to group users and isolate workloads', 'Create organizations to group users and isolate workloads',
+3 -3
View File
@@ -52,7 +52,7 @@ export default {
'resources.worker.container.supported': 'Do not support macOS or Windows.', 'resources.worker.container.supported': 'Do not support macOS or Windows.',
'resources.worker.current.version': 'Current version is {version}.', 'resources.worker.current.version': 'Current version is {version}.',
'resources.worker.driver.install': 'resources.worker.driver.install':
'Install <a href="https://docs.gpustack.ai/latest/installation/installation-requirements/" target="_blank">required drivers and libraries</a> prior to GPUStack installation.', 'Install <a href="https://docs.gpustack.ai/latest/installation/installation-requirements/" target="_blank">required drivers and libraries</a> prior to ZStack AIOS installation.',
'resources.worker.select.command': 'resources.worker.select.command':
'Select a label to generate the command and copy it using the copy button.', 'Select a label to generate the command and copy it using the copy button.',
'resources.worker.script.install': 'Script Installation', 'resources.worker.script.install': 'Script Installation',
@@ -89,7 +89,7 @@ export default {
'Paste the <span class="bold-text">Token</span>.', 'Paste the <span class="bold-text">Token</span>.',
'resources.register.worker.step7': 'resources.register.worker.step7':
'Click <span class="bold-text">Restart</span> to apply the settings.', 'Click <span class="bold-text">Restart</span> to apply the settings.',
'resources.register.install.title': 'Install GPUStack on {os}', 'resources.register.install.title': 'Install ZStack AIOS on {os}',
'resources.register.download': 'resources.register.download':
'Download and install the <a href={url} target="_blank">installer</a>. Only supported: {versions}.', 'Download and install the <a href={url} target="_blank">installer</a>. Only supported: {versions}.',
'resource.register.maos.support': 'Apple Silicon (M series), macOS 14+', 'resource.register.maos.support': 'Apple Silicon (M series), macOS 14+',
@@ -111,7 +111,7 @@ export default {
'No available clusters. Please create a cluster before adding a node.', 'No available clusters. Please create a cluster before adding a node.',
'resources.metrics.details': 'Monitoring', 'resources.metrics.details': 'Monitoring',
'resoureces.worker.upgrade.tips': 'resoureces.worker.upgrade.tips':
'Please upgrade to match the GPUStack Server version.', 'Please upgrade to match the ZStack AIOS Server version.',
'resources.worker.version': 'Worker Version: {version}', 'resources.worker.version': 'Worker Version: {version}',
'resources.server.version': 'Server Version: {version}', 'resources.server.version': 'Server Version: {version}',
'resources.worker.currentVersion': 'Current Version: {version}', 'resources.worker.currentVersion': 'Current Version: {version}',
+3 -3
View File
@@ -39,12 +39,12 @@ export default {
'users.password.confirm.empty': 'Please confirm the new password.', 'users.password.confirm.empty': 'Please confirm the new password.',
'users.password.confirm.error': 'The two passwords entered do not match.', 'users.password.confirm.error': 'The two passwords entered do not match.',
'users.login.title': 'Log in to', 'users.login.title': 'Log in to',
'users.version.islatest': 'GPUStack {version} is the latest version', 'users.version.islatest': 'ZStack AIOS {version} is the latest version',
'users.version.update': 'GPUStack {version} is available', 'users.version.update': 'ZStack AIOS {version} is available',
'users.settings.title': 'User Settings', 'users.settings.title': 'User Settings',
'users.status.activate': 'Activate Account', 'users.status.activate': 'Activate Account',
'users.status.deactivate': 'Deactivate Account', 'users.status.deactivate': 'Deactivate Account',
'users.status.inactiveAccount': 'Inactive Account', 'users.status.inactiveAccount': 'Inactive Account',
'users.login.getInitialPassword': 'users.login.getInitialPassword':
'Run the following command on your GPUStack Server to retrieve the initial admin password.' 'Run the following command on your ZStack AIOS Server to retrieve the initial admin password.'
}; };
+1 -1
View File
@@ -1,7 +1,7 @@
export default { export default {
'billing.upsell.title': 'Billing is an Enterprise feature', 'billing.upsell.title': 'Billing is an Enterprise feature',
'billing.upsell.subtitle': 'billing.upsell.subtitle':
'Track spend, generate invoices, and enforce budgets across teams. Upgrade to GPUStack Enterprise to manage billing.', 'Track spend, generate invoices, and enforce budgets across teams. Upgrade to ZStack AIOS Enterprise to manage billing.',
'billing.upsell.featuresTitle': 'What you get in Enterprise', 'billing.upsell.featuresTitle': 'What you get in Enterprise',
'billing.upsell.feature.usage': 'billing.upsell.feature.usage':
'See cost breakdowns by organization, user, and model', 'See cost breakdowns by organization, user, and model',
+12 -12
View File
@@ -115,20 +115,20 @@ export default {
'{count} new worker has been added to the cluster.', '{count} new worker has been added to the cluster.',
'clusters.addworker.message.success_multiple': 'clusters.addworker.message.success_multiple':
'{count} new workers have been added to the cluster.', '{count} new workers have been added to the cluster.',
'clusters.create.serverUrl': 'GPUStack Server URL', 'clusters.create.serverUrl': 'ZStack AIOS Server URL',
'clusters.create.workerConfig': 'Worker Configuration', 'clusters.create.workerConfig': 'Worker Configuration',
'clusters.edit.k8sOptions.changed.tip': 'clusters.edit.k8sOptions.changed.tip':
'Kubernetes オプションを変更しました。変更を有効にするには、対象クラスターで登録コマンドを再実行してください。', 'Kubernetes オプションを変更しました。変更を有効にするには、対象クラスターで登録コマンドを再実行してください。',
'clusters.addworker.containerName': 'Worker Container Name', 'clusters.addworker.containerName': 'Worker Container Name',
'clusters.addworker.containerName.tips': 'clusters.addworker.containerName.tips':
'Specify a name for the worker container.', 'Specify a name for the worker container.',
'clusters.addworker.dataVolume': 'GPUStack Data Volume', 'clusters.addworker.dataVolume': 'ZStack AIOS Data Volume',
'clusters.addworker.dataVolume.tips': 'clusters.addworker.dataVolume.tips':
'Specify a data storage path for GPUStack.', 'Specify a data storage path for ZStack AIOS.',
'clusters.table.ip.internal': 'Internal', 'clusters.table.ip.internal': 'Internal',
'clusters.table.ip.external': 'External', 'clusters.table.ip.external': 'External',
'clusters.form.serverUrl.tips': 'clusters.form.serverUrl.tips':
'Specify an externally accessible GPUStack service URL if the worker cannot access GPUStack Server directly.', 'Specify an externally accessible ZStack AIOS service URL if the worker cannot access ZStack AIOS Server directly.',
'clusters.form.setDefault': 'Set as Default', 'clusters.form.setDefault': 'Set as Default',
'clusters.form.setDefault.tips': 'Default for deployment.', 'clusters.form.setDefault.tips': 'Default for deployment.',
'clusters.addworker.noClusters': 'No available Docker clusters found', 'clusters.addworker.noClusters': 'No available Docker clusters found',
@@ -146,7 +146,7 @@ export default {
'clusters.addworker.theadNotes-02': '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.', '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': 'clusters.addworker.nvidiaNotes':
'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.', 'The built-in inference backends in ZStack AIOS 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.title': 'Volume Mounts',
'clusters.volume.name': 'Volume Name', 'clusters.volume.name': 'Volume Name',
'clusters.volume.mountPath': 'Container Path', 'clusters.volume.mountPath': 'Container Path',
@@ -173,7 +173,7 @@ export default {
'clusters.volume.add': 'Add Volume Mount', 'clusters.volume.add': 'Add Volume Mount',
'clusters.systemDefaultContainerRegistry.title': 'Default Container Registry', 'clusters.systemDefaultContainerRegistry.title': 'Default Container Registry',
'clusters.systemDefaultContainerRegistry.tip': 'clusters.systemDefaultContainerRegistry.tip':
'Default registry used to resolve GPUStack images for this cluster. Falls back to the server default when unset.', 'Default registry used to resolve ZStack AIOS images for this cluster. Falls back to the server default when unset.',
'clusters.k8sOptions.title': 'Kubernetes Deployment Options', 'clusters.k8sOptions.title': 'Kubernetes Deployment Options',
'clusters.imageCredentials.title': 'Image Credentials', 'clusters.imageCredentials.title': 'Image Credentials',
'clusters.imageCredentials.add': 'Add Credential', 'clusters.imageCredentials.add': 'Add Credential',
@@ -185,7 +185,7 @@ export default {
'Pod nodeSelector applied to every worker DaemonSet — only nodes whose labels match are eligible to run the worker.', 'Pod nodeSelector applied to every worker DaemonSet — only nodes whose labels match are eligible to run the worker.',
'clusters.operatorImage.title': 'Operator Image', 'clusters.operatorImage.title': 'Operator Image',
'clusters.operatorImage.tip': 'clusters.operatorImage.tip':
'Override for the GPUStack Operator container image. Leave empty to use the server default.', 'Override for the ZStack AIOS Operator container image. Leave empty to use the server default.',
'clusters.namespace.title': 'Namespace', 'clusters.namespace.title': 'Namespace',
'clusters.namespace.tip': 'clusters.namespace.tip':
'Kubernetes namespace the clusters manifests render into. Leave empty to use gpustack-system.', 'Kubernetes namespace the clusters manifests render into. Leave empty to use gpustack-system.',
@@ -278,15 +278,15 @@ export default {
// 73. 'clusters.addworker.cacheVolume.holder': 'e.g. /data/cache (path must start with /)', // 73. 'clusters.addworker.cacheVolume.holder': 'e.g. /data/cache (path must start with /)',
// 74. 'clusters.addworker.message.success_single': '{count} new worker has been added to the cluster.', // 74. 'clusters.addworker.message.success_single': '{count} new worker has been added to the cluster.',
// 75. 'clusters.addworker.message.success_multiple': '{count} new workers have been added to the cluster.', // 75. 'clusters.addworker.message.success_multiple': '{count} new workers have been added to the cluster.',
// 76. 'clusters.create.serverUrl': 'GPUStack Server URL', // 76. 'clusters.create.serverUrl': 'ZStack AIOS Server URL',
// 77. 'clusters.create.workerConfig': 'Worker Configuration' // 77. 'clusters.create.workerConfig': 'Worker Configuration'
// 78. 'clusters.addworker.containerName': 'Worker Container Name', // 78. 'clusters.addworker.containerName': 'Worker Container Name',
// 79. 'clusters.addworker.containerName.tips':'Specify a name for the worker container.', // 79. 'clusters.addworker.containerName.tips':'Specify a name for the worker container.',
// 77. 'clusters.addworker.dataVolume': 'GPUStack Data Volume', // 77. 'clusters.addworker.dataVolume': 'ZStack AIOS Data Volume',
// 78. 'clusters.addworker.dataVolume.tips': 'Specify a data storage path for GPUStack.', // 78. 'clusters.addworker.dataVolume.tips': 'Specify a data storage path for ZStack AIOS.',
// 79. 'clusters.table.ip.internal': 'Internal', // 79. 'clusters.table.ip.internal': 'Internal',
// 80. 'clusters.table.ip.external': 'External', // 80. 'clusters.table.ip.external': 'External',
// 81. 'clusters.form.serverUrl.tips': 'Specify an externally accessible GPUStack service URL if the worker cannot access GPUStack Server directly.', // 81. 'clusters.form.serverUrl.tips': 'Specify an externally accessible ZStack AIOS service URL if the worker cannot access ZStack AIOS Server directly.',
// 82. 'clusters.addworker.externalIP.tips': 'Specify an external IP if the worker is in a VPC or private network.', // 82. 'clusters.addworker.externalIP.tips': 'Specify an external IP if the worker is in a VPC or private network.',
// 83. 'clusters.form.setDefault': 'Set as Default', // 83. 'clusters.form.setDefault': 'Set as Default',
// 84. 'clusters.form.setDefault.tips': 'Default for deployment', // 84. 'clusters.form.setDefault.tips': 'Default for deployment',
@@ -302,5 +302,5 @@ export default {
// 94. 'clusters.create.steps.configure': 'Configure', // 94. 'clusters.create.steps.configure': 'Configure',
// 99. 'clusters.addworker.theadNotes': 'If the <span class="bold-text>/usr/local/PPU_SDK</span> directory does not exist, please create a symbolic link pointing to the T-Head PPU SDK installed path: <span class="bold-text>ln -s /path/to/PPU_SDK /usr/local/PPU_SDK</span>', // 99. 'clusters.addworker.theadNotes': 'If the <span class="bold-text>/usr/local/PPU_SDK</span> directory does not exist, please create a symbolic link pointing to the T-Head PPU SDK installed path: <span class="bold-text>ln -s /path/to/PPU_SDK /usr/local/PPU_SDK</span>',
// 100. '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.', // 100. '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.',
// 101. '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.' // 101. 'clusters.addworker.nvidiaNotes': 'The built-in inference backends in ZStack AIOS 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.'
// ========== End of To-Do List ========== // ========== End of To-Do List ==========
+2 -2
View File
@@ -46,7 +46,7 @@ export default {
'common.button.enabled': '有効', 'common.button.enabled': '有効',
'common.button.disabled': '無効', 'common.button.disabled': '無効',
'common.button.upgrade': 'アップグレード', 'common.button.upgrade': 'アップグレード',
'common.enterprise.feature': 'Available in GPUStack Enterprise', 'common.enterprise.feature': 'Available in ZStack AIOS Enterprise',
'common.input.holder': '入力してください', 'common.input.holder': '入力してください',
'common.validate.value': '{name} の値は必須です', 'common.validate.value': '{name} の値は必須です',
'common.button.edit': '編集', 'common.button.edit': '編集',
@@ -213,7 +213,7 @@ export default {
'common.form.password': 'パスワード', 'common.form.password': 'パスワード',
'common.form.username': 'ユーザー名', 'common.form.username': 'ユーザー名',
'common.login.rember': 'ログイン状態を保持', 'common.login.rember': 'ログイン状態を保持',
'settings.company': 'GPUStack.ai', 'settings.company': 'ZStack AIOS',
'common.button.help': 'ヘルプ', 'common.button.help': 'ヘルプ',
'common.button.feedback': 'フィードバック', 'common.button.feedback': 'フィードバック',
'common.button.docs': 'ドキュメント', 'common.button.docs': 'ドキュメント',
-22
View File
@@ -118,34 +118,12 @@ export default {
'gpuservice.instance.gpuCount.noAvailable': 'gpuservice.instance.gpuCount.noAvailable':
'利用可能な GPU リソースがありません。別のインスタンスタイプを選択してください。', '利用可能な GPU リソースがありません。別のインスタンスタイプを選択してください。',
'gpuservice.instance.gpuCount.zero': 'CPU のみを使用し、環境準備用です。', 'gpuservice.instance.gpuCount.zero': 'CPU のみを使用し、環境準備用です。',
'gpuservice.instance.mode.whole': 'GPU 全体',
'gpuservice.instance.mode.sliced': '比率で',
'gpuservice.instance.slice.memoryPercentage': 'VRAM の割合(%',
'gpuservice.instance.slice.fullCores': '100% コンピュート',
'gpuservice.instance.slice.percentage.required':
'パーセンテージを選択または入力してください',
'gpuservice.instance.slice.percentage.max':
'比率は 1% から {count}% の間で指定してください',
'gpuservice.instance.stock': '在庫', 'gpuservice.instance.stock': '在庫',
'gpuservice.instance.sliced': '分割', 'gpuservice.instance.sliced': '分割',
'gpuservice.instance.sliceable': '分割可能',
'gpuservice.instance.memory': 'VRAM', 'gpuservice.instance.memory': 'VRAM',
'gpuservice.instance.ram': 'RAM', 'gpuservice.instance.ram': 'RAM',
'gpuservice.instance.os': 'OS', 'gpuservice.instance.os': 'OS',
'gpuservice.instance.arch': 'アーキテクチャ', 'gpuservice.instance.arch': 'アーキテクチャ',
'gpuservice.instanceType': 'GPU Instance Type',
'gpuservice.instanceType.add': 'Add Instance Type',
'gpuservice.instanceType.flavor': 'Flavor',
'gpuservice.instanceType.flavor.required': 'Please select an instance type flavor',
'gpuservice.instanceType.product': 'Product',
'gpuservice.instanceType.unitCpu': 'Unit CPU',
'gpuservice.instanceType.unitCpu.tip': 'CPU allocated per GPU',
'gpuservice.instanceType.unitRam': 'Unit RAM',
'gpuservice.instanceType.unitRam.tip': 'RAM allocated per GPU',
'gpuservice.instanceType.localStorage': 'Storage',
'gpuservice.instanceType.localStorage.tip': 'Maximum available disk',
'gpuservice.instanceType.notSliceable': 'Not Sliceable',
'gpuservice.instanceType.filter.name': 'Search by name',
'gpuservice.instance.disk': 'ディスク', 'gpuservice.instance.disk': 'ディスク',
'gpuservice.table.count': '数量', 'gpuservice.table.count': '数量',
'gpuservice.instance.disk.system': 'システムディスク', 'gpuservice.instance.disk.system': 'システムディスク',
-1
View File
@@ -47,7 +47,6 @@ export default {
'menu.models.backendsList': 'Inference Backends', 'menu.models.backendsList': 'Inference Backends',
'menu.gpuService': 'GPU Service', 'menu.gpuService': 'GPU Service',
'menu.gpuService.instances': 'GPU Instances', 'menu.gpuService.instances': 'GPU Instances',
'menu.gpuService.instanceTypes': 'Instance Types',
'menu.gpuService.templates': 'Instance Templates', 'menu.gpuService.templates': 'Instance Templates',
'menu.gpuService.storage': 'Storage', 'menu.gpuService.storage': 'Storage',
'menu.gpuService.storageTypes': 'ストレージタイプ', 'menu.gpuService.storageTypes': 'ストレージタイプ',
+6 -6
View File
@@ -14,7 +14,7 @@ export default {
'models.form.env': '環境変数', 'models.form.env': '環境変数',
'models.form.configurations': '設定', 'models.form.configurations': '設定',
'models.form.s3address': 'S3アドレス', 'models.form.s3address': 'S3アドレス',
'models.form.partialoffload.tips': `When CPU offloading is enabled, GPUStack will allocate CPU memory if GPU resources are insufficient. You must correctly configure the inference backend to use hybrid CPU+GPU or full CPU inference.`, 'models.form.partialoffload.tips': `When CPU offloading is enabled, ZStack AIOS will allocate CPU memory if GPU resources are insufficient. You must correctly configure the inference backend to use hybrid CPU+GPU or full CPU inference.`,
'models.form.distribution.tips': 'models.form.distribution.tips':
'ワーカーのリソースが不足している場合、モデルの一部のレイヤーを単一または複数のリモートワーカーにオフロードすることができます。', 'ワーカーのリソースが不足している場合、モデルの一部のレイヤーを単一または複数のリモートワーカーにオフロードすることができます。',
'models.openinplayground': 'プレイグラウンドで開く', 'models.openinplayground': 'プレイグラウンドで開く',
@@ -25,7 +25,7 @@ export default {
'model.deploy.sort': '並び替え', 'model.deploy.sort': '並び替え',
'model.deploy.search.placeholder': '<kbd>/</kbd>を入力してモデルを検索', 'model.deploy.search.placeholder': '<kbd>/</kbd>を入力してモデルを検索',
'model.form.ollamatips': 'model.form.ollamatips':
'ヒント: 以下はGPUStackで事前設定されたOllamaモデルです。希望するモデルを選択するか、右側の【{name}】入力ボックスにデプロイしたいモデルを直接入力してください。', 'ヒント: 以下はZStack AIOSで事前設定されたOllamaモデルです。希望するモデルを選択するか、右側の【{name}】入力ボックスにデプロイしたいモデルを直接入力してください。',
'models.sort.name': '名前', 'models.sort.name': '名前',
'models.sort.size': 'サイズ', 'models.sort.size': 'サイズ',
'models.sort.likes': 'いいね', 'models.sort.likes': 'いいね',
@@ -88,7 +88,7 @@ export default {
'models.form.filePath': 'モデルパス', 'models.form.filePath': 'モデルパス',
'models.form.backendVersion': 'バックエンドバージョン', 'models.form.backendVersion': 'バックエンドバージョン',
'models.form.backendVersion.tips': 'models.form.backendVersion.tips':
'希望する{backend}{version}バージョンを使用するには、システムがオンライン環境で対応するバージョンをインストールする仮想環境を自動的に作成します。GPUStackのアップグレード後もバックエンドバージョンは固定されます。{link}', '希望する{backend}{version}バージョンを使用するには、システムがオンライン環境で対応するバージョンをインストールする仮想環境を自動的に作成します。ZStack AIOSのアップグレード後もバックエンドバージョンは固定されます。{link}',
'models.form.gpuselector': 'GPUセレクター', 'models.form.gpuselector': 'GPUセレクター',
'models.form.backend.llamabox': 'models.form.backend.llamabox':
'GGUF形式のモデル用(Linux、macOS、Windowsをサポート)。', 'GGUF形式のモデル用(Linux、macOS、Windowsをサポート)。',
@@ -277,7 +277,7 @@ export default {
'models.form.backendVersions.tips': `To use more versions, go to the {link} page and edit the backend to add versions.`, 'models.form.backendVersions.tips': `To use more versions, go to the {link} page and edit the backend to add versions.`,
'models.catalog.nogpus.tips': 'models.catalog.nogpus.tips':
'No compatible GPUs are available in the selected cluster for this model.', 'No compatible GPUs are available in the selected cluster for this model.',
'models.form.modelfile.notfound': `The model file path you specified does not exist on the GPUStack server. It's recommended to place the model file at the same path on both the GPUStack server and GPUStack workers. This helps GPUStack make better decisions.`, 'models.form.modelfile.notfound': `The model file path you specified does not exist on the ZStack AIOS server. It's recommended to place the model file at the same path on both the ZStack AIOS server and ZStack AIOS workers. This helps ZStack AIOS make better decisions.`,
'models.form.readyWorkers': 'workers ready', 'models.form.readyWorkers': 'workers ready',
'models.form.maxContextLength': 'Maximum Context Length', 'models.form.maxContextLength': 'Maximum Context Length',
'models.form.backend.helperText': 'models.form.backend.helperText':
@@ -381,7 +381,7 @@ export default {
// 62. 'models.form.backend_parameters.vllm.tips': 'For more details about {backend} parameters, see <a href={link} target="_blank">here</a>.', // 62. 'models.form.backend_parameters.vllm.tips': 'For more details about {backend} parameters, see <a href={link} target="_blank">here</a>.',
// 63. 'models.button.accessSettings.tips': 'Changes to access settings take effect after one minute.', // 63. 'models.button.accessSettings.tips': 'Changes to access settings take effect after one minute.',
// 64. 'models.table.userSelection.tips': 'Admin users can access all models by default.', // 64. 'models.table.userSelection.tips': 'Admin users can access all models by default.',
// 65. 'models.form.partialoffload.tips': `When CPU offloading is enabled, GPUStack will allocate CPU memory if GPU resources are insufficient. You must correctly configure the inference backend to use hybrid CPU+GPU or full CPU inference.`, // 65. 'models.form.partialoffload.tips': `When CPU offloading is enabled, ZStack AIOS will allocate CPU memory if GPU resources are insufficient. You must correctly configure the inference backend to use hybrid CPU+GPU or full CPU inference.`,
// 66. 'models.form.backend.warning': 'The selected backend does not support GGUF models. Please add a backend with GGUF support in the Inference Backend.', // 66. 'models.form.backend.warning': 'The selected backend does not support GGUF models. Please add a backend with GGUF support in the Inference Backend.',
// 67. 'models.form.backend.warning.gguf': 'Please ensure that the selected custom backend supports GGUF models.',, // 67. 'models.form.backend.warning.gguf': 'Please ensure that the selected custom backend supports GGUF models.',,
// 68. 'models.form.backendVersion.deprecated': 'Deprecated', // 68. 'models.form.backendVersion.deprecated': 'Deprecated',
@@ -390,7 +390,7 @@ export default {
// 71.'models.accessSettings.allowedUsers.tips': 'Only designated users can access the model.', // 71.'models.accessSettings.allowedUsers.tips': 'Only designated users can access the model.',
// 72. 'models.form.backendVersions.tips': `To use more versions, go to the {link} page and edit the backend to add versions.`, // 72. 'models.form.backendVersions.tips': `To use more versions, go to the {link} page and edit the backend to add versions.`,
// 73. 'models.catalog.nogpus.tips': 'No compatible GPUs are available in the selected cluster for this model.', // 73. 'models.catalog.nogpus.tips': 'No compatible GPUs are available in the selected cluster for this model.',
// 74. 'models.form.modelfile.notfound': `The model file path you specified does not exist on the GPUStack server. It's recommended to place the model file at the same path on both the GPUStack server and GPUStack workers. This helps GPUStack make better decisions.`, // 74. 'models.form.modelfile.notfound': `The model file path you specified does not exist on the ZStack AIOS server. It's recommended to place the model file at the same path on both the ZStack AIOS server and ZStack AIOS workers. This helps ZStack AIOS make better decisions.`,
// 75. 'models.form.readyWorkers': 'workers ready', // 75. 'models.form.readyWorkers': 'workers ready',
// 76. 'models.form.maxContextLength': 'Maximum Context Length', // 76. 'models.form.maxContextLength': 'Maximum Context Length',
// 77. 'models.form.backend.helperText': 'Not enabled yet. Will be enabled after deployment. ', // 77. 'models.form.backend.helperText': 'Not enabled yet. Will be enabled after deployment. ',
-4
View File
@@ -70,10 +70,6 @@ export default {
'noresult.gpuservice.storage.subTitle': 'noresult.gpuservice.storage.subTitle':
'ストレージはまだ追加されていません。', 'ストレージはまだ追加されていません。',
'noresult.gpuservice.storage.nofound': '一致するストレージが見つかりません。', 'noresult.gpuservice.storage.nofound': '一致するストレージが見つかりません。',
'noresult.gpuservice.instanceType.title': 'No Instance Types',
'noresult.gpuservice.instanceType.subTitle':
'Create an instance type to get started',
'noresult.gpuservice.instanceType.nofound': 'No instance types found',
'noresult.gpuservice.storageType.title': 'ストレージタイプなし', 'noresult.gpuservice.storageType.title': 'ストレージタイプなし',
'noresult.gpuservice.storageType.subTitle': 'noresult.gpuservice.storageType.subTitle':
'ストレージタイプはまだ追加されていません。', 'ストレージタイプはまだ追加されていません。',
+1 -1
View File
@@ -1,7 +1,7 @@
export default { export default {
'organizations.upsell.title': 'Organizations are an Enterprise feature', 'organizations.upsell.title': 'Organizations are an Enterprise feature',
'organizations.upsell.subtitle': 'organizations.upsell.subtitle':
'Multi-tenancy lets you isolate users, resources, and quotas across teams. Upgrade to GPUStack Enterprise to manage organizations.', 'Multi-tenancy lets you isolate users, resources, and quotas across teams. Upgrade to ZStack AIOS Enterprise to manage organizations.',
'organizations.upsell.featuresTitle': 'What you get in Enterprise', 'organizations.upsell.featuresTitle': 'What you get in Enterprise',
'organizations.upsell.feature.orgs': 'organizations.upsell.feature.orgs':
'Create organizations to group users and isolate workloads', 'Create organizations to group users and isolate workloads',
+5 -5
View File
@@ -52,7 +52,7 @@ export default {
'MacOSまたはWindowsはサポートされていません。', 'MacOSまたはWindowsはサポートされていません。',
'resources.worker.current.version': '現在のバージョンは {version} です。', 'resources.worker.current.version': '現在のバージョンは {version} です。',
'resources.worker.driver.install': 'resources.worker.driver.install':
'<a href="https://docs.gpustack.ai/latest/installation/installation-requirements/" target="_blank">必要なドライバとライブラリ</a> をGPUStackのインストール前にインストールしてください。', '<a href="https://docs.gpustack.ai/latest/installation/installation-requirements/" target="_blank">必要なドライバとライブラリ</a> をZStack AIOSのインストール前にインストールしてください。',
'resources.worker.select.command': 'resources.worker.select.command':
'ラベルを選択してコマンドを生成し、コピーを使用してコマンドをコピーします。', 'ラベルを選択してコマンドを生成し、コピーを使用してコマンドをコピーします。',
'resources.worker.script.install': 'スクリプトインストール', 'resources.worker.script.install': 'スクリプトインストール',
@@ -89,7 +89,7 @@ export default {
'Paste the <span class="bold-text">Token</span>.', 'Paste the <span class="bold-text">Token</span>.',
'resources.register.worker.step7': 'resources.register.worker.step7':
'Click <span class="bold-text">Restart</span> to apply the settings.', 'Click <span class="bold-text">Restart</span> to apply the settings.',
'resources.register.install.title': 'Install GPUStack on {os}', 'resources.register.install.title': 'Install ZStack AIOS on {os}',
'resources.register.download': 'resources.register.download':
'Download and install the <a href={url} target="_blank">installer</a>. Only supported: {versions}.', 'Download and install the <a href={url} target="_blank">installer</a>. Only supported: {versions}.',
'resource.register.maos.support': 'Apple Silicon (M series), macOS 14+', 'resource.register.maos.support': 'Apple Silicon (M series), macOS 14+',
@@ -112,7 +112,7 @@ export default {
'No available clusters. Please create a cluster before adding a node.', 'No available clusters. Please create a cluster before adding a node.',
'resources.metrics.details': 'Monitoring', 'resources.metrics.details': 'Monitoring',
'resoureces.worker.upgrade.tips': 'resoureces.worker.upgrade.tips':
'Please upgrade to match the GPUStack Server version.', 'Please upgrade to match the ZStack AIOS Server version.',
'resources.worker.version': 'Worker Version: {version}', 'resources.worker.version': 'Worker Version: {version}',
'resources.server.version': 'Server Version: {version}', 'resources.server.version': 'Server Version: {version}',
'resources.worker.currentVersion': 'Current Version: {version}', 'resources.worker.currentVersion': 'Current Version: {version}',
@@ -128,7 +128,7 @@ export default {
// 5. 'resources.register.worker.step5': 'Enter the <span class="bold-text">Server URL</span>: {url}.', // 5. 'resources.register.worker.step5': 'Enter the <span class="bold-text">Server URL</span>: {url}.',
// 6. 'resources.register.worker.step6': 'Paste the <span class="bold-text">Token</span>.', // 6. 'resources.register.worker.step6': 'Paste the <span class="bold-text">Token</span>.',
// 7. 'resources.register.worker.step7': 'Click <span class="bold-text">Restart</span> to apply the settings.', // 7. 'resources.register.worker.step7': 'Click <span class="bold-text">Restart</span> to apply the settings.',
// 8. 'resources.register.install.title': 'Install GPUStack on {os}', // 8. 'resources.register.install.title': 'Install ZStack AIOS on {os}',
// 9. 'resources.register.download':'Download and install the <a>installer</a>. Only supported: {versions}.', // 9. 'resources.register.download':'Download and install the <a>installer</a>. Only supported: {versions}.',
// 10. 'resource.register.maos.support': 'Apple Silicon (M series), macOS 14+', // 10. 'resource.register.maos.support': 'Apple Silicon (M series), macOS 14+',
// 11. 'resource.register.windows.support': 'win 10, win 11', // 11. 'resource.register.windows.support': 'win 10, win 11',
@@ -145,5 +145,5 @@ export default {
// 22. 'resources.worker.maintenance.remark.rules': 'Please enter maintenance remarks', // 22. 'resources.worker.maintenance.remark.rules': 'Please enter maintenance remarks',
// 23. 'resources.worker.maintenance.tips': 'When maintenance mode is enabled, the node will stop scheduling new model deployment tasks. Running instances will not be affected.', // 23. 'resources.worker.maintenance.tips': 'When maintenance mode is enabled, the node will stop scheduling new model deployment tasks. Running instances will not be affected.',
// 24. 'resources.worker.noCluster.tips': 'No available clusters. Please create a cluster before adding a node.' // 24. 'resources.worker.noCluster.tips': 'No available clusters. Please create a cluster before adding a node.'
// 25. 'resoureces.worker.upgrade.tips': 'Please upgrade to match the GPUStack Server version.' // 25. 'resoureces.worker.upgrade.tips': 'Please upgrade to match the ZStack AIOS Server version.'
// ========== End of To-Do List ========== // ========== End of To-Do List ==========
+4 -4
View File
@@ -40,14 +40,14 @@ export default {
'users.password.confirm.empty': '新しいパスワードを確認してください。', 'users.password.confirm.empty': '新しいパスワードを確認してください。',
'users.password.confirm.error': '入力された2つのパスワードが一致しません。', 'users.password.confirm.error': '入力された2つのパスワードが一致しません。',
'users.login.title': 'ログイン', 'users.login.title': 'ログイン',
'users.version.islatest': 'GPUStack {version} は最新バージョンです', 'users.version.islatest': 'ZStack AIOS {version} は最新バージョンです',
'users.version.update': 'GPUStack {version} が利用可能です', 'users.version.update': 'ZStack AIOS {version} が利用可能です',
'users.settings.title': 'User Settings', 'users.settings.title': 'User Settings',
'users.status.activate': 'Activate Account', 'users.status.activate': 'Activate Account',
'users.status.deactivate': 'Deactivate Account', 'users.status.deactivate': 'Deactivate Account',
'users.status.inactiveAccount': 'Inactive Account', 'users.status.inactiveAccount': 'Inactive Account',
'users.login.getInitialPassword': 'users.login.getInitialPassword':
'Run the following command on your GPUStack Server to retrieve the initial admin password.' 'Run the following command on your ZStack AIOS Server to retrieve the initial admin password.'
}; };
// ========== To-Do: Translate Keys (Remove After Translation) ========== // ========== To-Do: Translate Keys (Remove After Translation) ==========
@@ -55,5 +55,5 @@ export default {
// 2. 'users.status.activate': 'Activate Account', // 2. 'users.status.activate': 'Activate Account',
// 3. 'users.status.deactivate': 'Deactivate Account', // 3. 'users.status.deactivate': 'Deactivate Account',
// 4. 'users.status.inactiveAccount': 'Inactive Account', // 4. 'users.status.inactiveAccount': 'Inactive Account',
// 5. 'users.login.getInitialPassword': 'Run the following command on your GPUStack Server to retrieve the initial admin password.' // 5. 'users.login.getInitialPassword': 'Run the following command on your ZStack AIOS Server to retrieve the initial admin password.'
// ========== End of To-Do List ========== // ========== End of To-Do List ==========
+1 -1
View File
@@ -1,7 +1,7 @@
export default { export default {
'billing.upsell.title': 'Billing is an Enterprise feature', 'billing.upsell.title': 'Billing is an Enterprise feature',
'billing.upsell.subtitle': 'billing.upsell.subtitle':
'Track spend, generate invoices, and enforce budgets across teams. Upgrade to GPUStack Enterprise to manage billing.', 'Track spend, generate invoices, and enforce budgets across teams. Upgrade to ZStack AIOS Enterprise to manage billing.',
'billing.upsell.featuresTitle': 'What you get in Enterprise', 'billing.upsell.featuresTitle': 'What you get in Enterprise',
'billing.upsell.feature.usage': 'billing.upsell.feature.usage':
'See cost breakdowns by organization, user, and model', 'See cost breakdowns by organization, user, and model',
+8 -8
View File
@@ -115,20 +115,20 @@ export default {
'{count} новый воркер был добавлен в кластер.', '{count} новый воркер был добавлен в кластер.',
'clusters.addworker.message.success_multiple': 'clusters.addworker.message.success_multiple':
'{count} новых воркеров были добавлены в кластер.', '{count} новых воркеров были добавлены в кластер.',
'clusters.create.serverUrl': 'URL сервера GPUStack', 'clusters.create.serverUrl': 'URL сервера ZStack AIOS',
'clusters.create.workerConfig': 'Конфигурация воркера', 'clusters.create.workerConfig': 'Конфигурация воркера',
'clusters.edit.k8sOptions.changed.tip': 'clusters.edit.k8sOptions.changed.tip':
'Вы изменили параметры Kubernetes. Чтобы изменения вступили в силу, повторно выполните команду регистрации в целевом кластере.', 'Вы изменили параметры Kubernetes. Чтобы изменения вступили в силу, повторно выполните команду регистрации в целевом кластере.',
'clusters.addworker.containerName': 'Имя контейнера воркера', 'clusters.addworker.containerName': 'Имя контейнера воркера',
'clusters.addworker.containerName.tips': 'clusters.addworker.containerName.tips':
'Укажите имя для контейнера воркера.', 'Укажите имя для контейнера воркера.',
'clusters.addworker.dataVolume': 'Том данных GPUStack', 'clusters.addworker.dataVolume': 'Том данных ZStack AIOS',
'clusters.addworker.dataVolume.tips': 'clusters.addworker.dataVolume.tips':
'Укажите путь для хранения данных GPUStack.', 'Укажите путь для хранения данных ZStack AIOS.',
'clusters.table.ip.internal': 'Внутренний', 'clusters.table.ip.internal': 'Внутренний',
'clusters.table.ip.external': 'Внешний', 'clusters.table.ip.external': 'Внешний',
'clusters.form.serverUrl.tips': 'clusters.form.serverUrl.tips':
'Если рабочий узел не может напрямую получить доступ к GPUStack Server, укажите внешний URL службы GPUStack Server.', 'Если рабочий узел не может напрямую получить доступ к ZStack AIOS Server, укажите внешний URL службы ZStack AIOS Server.',
'clusters.form.setDefault': 'Установить по умолчанию', 'clusters.form.setDefault': 'Установить по умолчанию',
'clusters.form.setDefault.tips': 'clusters.form.setDefault.tips':
'Использовать по умолчанию для развертывания.', 'Использовать по умолчанию для развертывания.',
@@ -147,7 +147,7 @@ export default {
'clusters.addworker.theadNotes-02': '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.', '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': 'clusters.addworker.nvidiaNotes':
'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.', 'The built-in inference backends in ZStack AIOS 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.title': 'Volume Mounts',
'clusters.volume.name': 'Volume Name', 'clusters.volume.name': 'Volume Name',
'clusters.volume.mountPath': 'Container Path', 'clusters.volume.mountPath': 'Container Path',
@@ -174,7 +174,7 @@ export default {
'clusters.volume.add': 'Add Volume Mount', 'clusters.volume.add': 'Add Volume Mount',
'clusters.systemDefaultContainerRegistry.title': 'Default Container Registry', 'clusters.systemDefaultContainerRegistry.title': 'Default Container Registry',
'clusters.systemDefaultContainerRegistry.tip': 'clusters.systemDefaultContainerRegistry.tip':
'Default registry used to resolve GPUStack images for this cluster. Falls back to the server default when unset.', 'Default registry used to resolve ZStack AIOS images for this cluster. Falls back to the server default when unset.',
'clusters.k8sOptions.title': 'Kubernetes Deployment Options', 'clusters.k8sOptions.title': 'Kubernetes Deployment Options',
'clusters.imageCredentials.title': 'Image Credentials', 'clusters.imageCredentials.title': 'Image Credentials',
'clusters.imageCredentials.add': 'Add Credential', 'clusters.imageCredentials.add': 'Add Credential',
@@ -186,7 +186,7 @@ export default {
'Pod nodeSelector applied to every worker DaemonSet — only nodes whose labels match are eligible to run the worker.', 'Pod nodeSelector applied to every worker DaemonSet — only nodes whose labels match are eligible to run the worker.',
'clusters.operatorImage.title': 'Operator Image', 'clusters.operatorImage.title': 'Operator Image',
'clusters.operatorImage.tip': 'clusters.operatorImage.tip':
'Override for the GPUStack Operator container image. Leave empty to use the server default.', 'Override for the ZStack AIOS Operator container image. Leave empty to use the server default.',
'clusters.namespace.title': 'Namespace', 'clusters.namespace.title': 'Namespace',
'clusters.namespace.tip': 'clusters.namespace.tip':
'Kubernetes namespace the clusters manifests render into. Leave empty to use gpustack-system.', 'Kubernetes namespace the clusters manifests render into. Leave empty to use gpustack-system.',
@@ -215,5 +215,5 @@ export default {
// 10. 'clusters.addworker.theadNotes': 'If the <span class="bold-text>/usr/local/PPU_SDK</span> directory does not exist, please create a symbolic link pointing to the T-Head PPU SDK installed path: <span class="bold-text>ln -s /path/to/PPU_SDK /usr/local/PPU_SDK</span>', // 10. 'clusters.addworker.theadNotes': 'If the <span class="bold-text>/usr/local/PPU_SDK</span> directory does not exist, please create a symbolic link pointing to the T-Head PPU SDK installed path: <span class="bold-text>ln -s /path/to/PPU_SDK /usr/local/PPU_SDK</span>',
// 11. '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.' // 11. '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.'
// 12. 'clusters.addworker.metaxNotes': `If the <span class="bold-text">/opt/mxdriver</span> or <span class="bold-text">/opt/maca</span> directory does not exist, create a symbolic link to the MetaX driver and SDK installation path: <span class="desc-fill">ln -s /path/to/mxdriver /opt/mxdriver</span><span class="desc-fill">ln -s /path/to/maca /opt/maca</span>.`, // 12. 'clusters.addworker.metaxNotes': `If the <span class="bold-text">/opt/mxdriver</span> or <span class="bold-text">/opt/maca</span> directory does not exist, create a symbolic link to the MetaX driver and SDK installation path: <span class="desc-fill">ln -s /path/to/mxdriver /opt/mxdriver</span><span class="desc-fill">ln -s /path/to/maca /opt/maca</span>.`,
// 13. '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.' // 13. 'clusters.addworker.nvidiaNotes': 'The built-in inference backends in ZStack AIOS 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.'
// ================================================================ // ================================================================
+2 -2
View File
@@ -46,7 +46,7 @@ export default {
'common.button.enabled': 'Активно', 'common.button.enabled': 'Активно',
'common.button.disabled': 'Отключено', 'common.button.disabled': 'Отключено',
'common.button.upgrade': 'Обновить', 'common.button.upgrade': 'Обновить',
'common.enterprise.feature': 'Available in GPUStack Enterprise', 'common.enterprise.feature': 'Available in ZStack AIOS Enterprise',
'common.input.holder': 'Введите значение', 'common.input.holder': 'Введите значение',
'common.validate.value': 'Поле {name} обязательно', 'common.validate.value': 'Поле {name} обязательно',
'common.button.edit': 'Редактировать', 'common.button.edit': 'Редактировать',
@@ -211,7 +211,7 @@ export default {
'common.form.password': 'Пароль', 'common.form.password': 'Пароль',
'common.form.username': 'Имя пользователя', 'common.form.username': 'Имя пользователя',
'common.login.rember': 'Запомнить меня', 'common.login.rember': 'Запомнить меня',
'settings.company': 'GPUStack.ai', 'settings.company': 'ZStack AIOS',
'common.button.help': 'Помощь', 'common.button.help': 'Помощь',
'common.button.feedback': 'Обратная связь', 'common.button.feedback': 'Обратная связь',
'common.button.docs': 'Документация', 'common.button.docs': 'Документация',
-22
View File
@@ -117,34 +117,12 @@ export default {
'gpuservice.instance.gpuCount.noAvailable': 'gpuservice.instance.gpuCount.noAvailable':
'Нет доступных ресурсов GPU, выберите другой тип экземпляра.', 'Нет доступных ресурсов GPU, выберите другой тип экземпляра.',
'gpuservice.instance.gpuCount.zero': 'Только CPU, для подготовки окружения.', 'gpuservice.instance.gpuCount.zero': 'Только CPU, для подготовки окружения.',
'gpuservice.instance.mode.whole': 'Весь GPU',
'gpuservice.instance.mode.sliced': 'По доле',
'gpuservice.instance.slice.memoryPercentage': 'Доля VRAM (%)',
'gpuservice.instance.slice.fullCores': '100% вычислений',
'gpuservice.instance.slice.percentage.required':
'Выберите или введите процент',
'gpuservice.instance.slice.percentage.max':
'Доля должна быть от 1% до {count}%',
'gpuservice.instance.stock': 'Остаток', 'gpuservice.instance.stock': 'Остаток',
'gpuservice.instance.sliced': 'Разделено', 'gpuservice.instance.sliced': 'Разделено',
'gpuservice.instance.sliceable': 'Делимый',
'gpuservice.instance.memory': 'VRAM', 'gpuservice.instance.memory': 'VRAM',
'gpuservice.instance.ram': 'RAM', 'gpuservice.instance.ram': 'RAM',
'gpuservice.instance.os': 'ОС', 'gpuservice.instance.os': 'ОС',
'gpuservice.instance.arch': 'Архитектура', 'gpuservice.instance.arch': 'Архитектура',
'gpuservice.instanceType': 'GPU Instance Type',
'gpuservice.instanceType.add': 'Add Instance Type',
'gpuservice.instanceType.flavor': 'Flavor',
'gpuservice.instanceType.flavor.required': 'Please select an instance type flavor',
'gpuservice.instanceType.product': 'Product',
'gpuservice.instanceType.unitCpu': 'Unit CPU',
'gpuservice.instanceType.unitCpu.tip': 'CPU allocated per GPU',
'gpuservice.instanceType.unitRam': 'Unit RAM',
'gpuservice.instanceType.unitRam.tip': 'RAM allocated per GPU',
'gpuservice.instanceType.localStorage': 'Storage',
'gpuservice.instanceType.localStorage.tip': 'Maximum available disk',
'gpuservice.instanceType.notSliceable': 'Not Sliceable',
'gpuservice.instanceType.filter.name': 'Search by name',
'gpuservice.instance.disk': 'Диск', 'gpuservice.instance.disk': 'Диск',
'gpuservice.table.count': 'Количество', 'gpuservice.table.count': 'Количество',
'gpuservice.instance.disk.system': 'Системный диск', 'gpuservice.instance.disk.system': 'Системный диск',
-1
View File
@@ -47,7 +47,6 @@ export default {
'menu.settings': 'Settings', 'menu.settings': 'Settings',
'menu.gpuService': 'GPU Service', 'menu.gpuService': 'GPU Service',
'menu.gpuService.instances': 'GPU Instances', 'menu.gpuService.instances': 'GPU Instances',
'menu.gpuService.instanceTypes': 'Instance Types',
'menu.gpuService.templates': 'Instance Templates', 'menu.gpuService.templates': 'Instance Templates',
'menu.gpuService.storage': 'Storage', 'menu.gpuService.storage': 'Storage',
'menu.gpuService.storageTypes': 'Типы хранилищ', 'menu.gpuService.storageTypes': 'Типы хранилищ',
+4 -4
View File
@@ -15,7 +15,7 @@ export default {
'models.form.configurations': 'Конфигурации', 'models.form.configurations': 'Конфигурации',
'models.form.s3address': 'S3-адрес', 'models.form.s3address': 'S3-адрес',
'models.form.partialoffload.tips': 'models.form.partialoffload.tips':
'При включении CPU оффлоудинга GPUStack будет выделять оперативную память, если ресурсов GPU недостаточно. Вы должны правильно настроить бэкенд вывода для использования гибридного CPU+GPU или полного CPU вывода.', 'При включении CPU оффлоудинга ZStack AIOS будет выделять оперативную память, если ресурсов GPU недостаточно. Вы должны правильно настроить бэкенд вывода для использования гибридного CPU+GPU или полного CPU вывода.',
'models.form.distribution.tips': 'models.form.distribution.tips':
'Позволяет переносить часть слоёв модели на один или несколько удалённых воркеров, когда ресурсов текущего воркера недостаточно.', 'Позволяет переносить часть слоёв модели на один или несколько удалённых воркеров, когда ресурсов текущего воркера недостаточно.',
'models.openinplayground': 'Открыть в Песочнице', 'models.openinplayground': 'Открыть в Песочнице',
@@ -26,7 +26,7 @@ export default {
'model.deploy.sort': 'Сортировка', 'model.deploy.sort': 'Сортировка',
'model.deploy.search.placeholder': 'Введите <kbd>/</kbd> для поиска моделей', 'model.deploy.search.placeholder': 'Введите <kbd>/</kbd> для поиска моделей',
'model.form.ollamatips': 'model.form.ollamatips':
'Подсказка: ниже представлены предустановленные модели Ollama в GPUStack. Выберите нужную или введите модель для развертывания в поле 【{name}】 справа.', 'Подсказка: ниже представлены предустановленные модели Ollama в ZStack AIOS. Выберите нужную или введите модель для развертывания в поле 【{name}】 справа.',
'models.sort.name': 'По имени', 'models.sort.name': 'По имени',
'models.sort.size': 'По размеру', 'models.sort.size': 'По размеру',
'models.sort.likes': 'По лайкам', 'models.sort.likes': 'По лайкам',
@@ -89,7 +89,7 @@ export default {
'models.form.filePath': 'Путь к модели', 'models.form.filePath': 'Путь к модели',
'models.form.backendVersion': 'Версия бэкенда', 'models.form.backendVersion': 'Версия бэкенда',
'models.form.backendVersion.tips': 'models.form.backendVersion.tips':
'Чтобы использовать желаемую версию {backend} {version}, система автоматически создаст виртуальную среду в онлайн-окружении для установки соответствующей версии. После обновления GPUStack версия бэкенда останется зафиксированной. {link}', 'Чтобы использовать желаемую версию {backend} {version}, система автоматически создаст виртуальную среду в онлайн-окружении для установки соответствующей версии. После обновления ZStack AIOS версия бэкенда останется зафиксированной. {link}',
'models.form.gpuselector': 'Селектор GPU', 'models.form.gpuselector': 'Селектор GPU',
'models.form.backend.llamabox': 'models.form.backend.llamabox':
'Для моделей формата GGUF. Поддержка Linux, macOS и Windows.', 'Для моделей формата GGUF. Поддержка Linux, macOS и Windows.',
@@ -281,7 +281,7 @@ export default {
'models.form.backendVersions.tips': `Чтобы использовать больше версий, перейдите на страницу {link} и отредактируйте бэкенд для добавления версий.`, 'models.form.backendVersions.tips': `Чтобы использовать больше версий, перейдите на страницу {link} и отредактируйте бэкенд для добавления версий.`,
'models.catalog.nogpus.tips': 'models.catalog.nogpus.tips':
'В выбранном кластере нет доступных GPU, совместимых с этой моделью.', 'В выбранном кластере нет доступных GPU, совместимых с этой моделью.',
'models.form.modelfile.notfound': `Указанный путь к файлу модели не существует на сервере GPUStack. Рекомендуется размещать файл модели по одному и тому же пути как на сервере GPUStack, так и на воркерах GPUStack. Это поможет системе принимать лучшие решения по распределению ресурсов.`, 'models.form.modelfile.notfound': `Указанный путь к файлу модели не существует на сервере ZStack AIOS. Рекомендуется размещать файл модели по одному и тому же пути как на сервере ZStack AIOS, так и на воркерах ZStack AIOS. Это поможет системе принимать лучшие решения по распределению ресурсов.`,
'models.form.readyWorkers': 'воркеров готово', 'models.form.readyWorkers': 'воркеров готово',
'models.form.maxContextLength': 'Maximum Context Length', 'models.form.maxContextLength': 'Maximum Context Length',
'models.form.backend.helperText': 'models.form.backend.helperText':
-4
View File
@@ -69,10 +69,6 @@ export default {
'noresult.gpuservice.storage.title': 'Нет хранилищ', 'noresult.gpuservice.storage.title': 'Нет хранилищ',
'noresult.gpuservice.storage.subTitle': 'Хранилища ещё не добавлены.', 'noresult.gpuservice.storage.subTitle': 'Хранилища ещё не добавлены.',
'noresult.gpuservice.storage.nofound': 'Подходящие хранилища не найдены.', 'noresult.gpuservice.storage.nofound': 'Подходящие хранилища не найдены.',
'noresult.gpuservice.instanceType.title': 'No Instance Types',
'noresult.gpuservice.instanceType.subTitle':
'Create an instance type to get started',
'noresult.gpuservice.instanceType.nofound': 'No instance types found',
'noresult.gpuservice.storageType.title': 'Нет типов хранилищ', 'noresult.gpuservice.storageType.title': 'Нет типов хранилищ',
'noresult.gpuservice.storageType.subTitle': 'Типы хранилищ ещё не добавлены.', 'noresult.gpuservice.storageType.subTitle': 'Типы хранилищ ещё не добавлены.',
'noresult.gpuservice.storageType.nofound': 'noresult.gpuservice.storageType.nofound':
+1 -1
View File
@@ -1,7 +1,7 @@
export default { export default {
'organizations.upsell.title': 'Organizations are an Enterprise feature', 'organizations.upsell.title': 'Organizations are an Enterprise feature',
'organizations.upsell.subtitle': 'organizations.upsell.subtitle':
'Multi-tenancy lets you isolate users, resources, and quotas across teams. Upgrade to GPUStack Enterprise to manage organizations.', 'Multi-tenancy lets you isolate users, resources, and quotas across teams. Upgrade to ZStack AIOS Enterprise to manage organizations.',
'organizations.upsell.featuresTitle': 'What you get in Enterprise', 'organizations.upsell.featuresTitle': 'What you get in Enterprise',
'organizations.upsell.feature.orgs': 'organizations.upsell.feature.orgs':
'Create organizations to group users and isolate workloads', 'Create organizations to group users and isolate workloads',
+4 -4
View File
@@ -51,7 +51,7 @@ export default {
'resources.worker.container.supported': 'Только для Linux.', 'resources.worker.container.supported': 'Только для Linux.',
'resources.worker.current.version': 'Текущая версия: {version}', 'resources.worker.current.version': 'Текущая версия: {version}',
'resources.worker.driver.install': 'resources.worker.driver.install':
'Установите <a href="https://docs.gpustack.ai/latest/installation/installation-requirements/" target="_blank">необходимые драйверы и библиотеки</a> перед установкой GPUStack.', // Translated 'Установите <a href="https://docs.gpustack.ai/latest/installation/installation-requirements/" target="_blank">необходимые драйверы и библиотеки</a> перед установкой ZStack AIOS.', // Translated
'resources.worker.select.command': 'resources.worker.select.command':
'Выберите метку для генерации команды и скопируйте её.', 'Выберите метку для генерации команды и скопируйте её.',
'resources.worker.script.install': 'Установка скриптом', 'resources.worker.script.install': 'Установка скриптом',
@@ -87,7 +87,7 @@ export default {
'Вставьте <span class="bold-text">Токен</span>.', 'Вставьте <span class="bold-text">Токен</span>.',
'resources.register.worker.step7': 'resources.register.worker.step7':
'Нажмите <span class="bold-text">Перезапуск</span> для применения настроек.', 'Нажмите <span class="bold-text">Перезапуск</span> для применения настроек.',
'resources.register.install.title': 'Установка GPUStack на {os}', 'resources.register.install.title': 'Установка ZStack AIOS на {os}',
'resources.register.download': 'resources.register.download':
'Скачайте и установите <a href={url} target="_blank">инсталлятор</a>. Поддерживаемые версии: {versions}.', 'Скачайте и установите <a href={url} target="_blank">инсталлятор</a>. Поддерживаемые версии: {versions}.',
'resource.register.maos.support': 'Apple Silicon (серия M), macOS 14+', 'resource.register.maos.support': 'Apple Silicon (серия M), macOS 14+',
@@ -110,7 +110,7 @@ export default {
'No available clusters. Please create a cluster before adding a node.', 'No available clusters. Please create a cluster before adding a node.',
'resources.metrics.details': 'Monitoring', 'resources.metrics.details': 'Monitoring',
'resoureces.worker.upgrade.tips': 'resoureces.worker.upgrade.tips':
'Please upgrade to match the GPUStack Server version.', 'Please upgrade to match the ZStack AIOS Server version.',
'resources.worker.version': 'Worker Version: {version}', 'resources.worker.version': 'Worker Version: {version}',
'resources.server.version': 'Server Version: {version}', 'resources.server.version': 'Server Version: {version}',
'resources.worker.currentVersion': 'Current Version: {version}', 'resources.worker.currentVersion': 'Current Version: {version}',
@@ -127,5 +127,5 @@ export default {
// 7. 'resources.worker.maintenance.tips': 'When maintenance mode is enabled, the node will stop scheduling new model deployment tasks. Running instances will not be affected.', // 7. 'resources.worker.maintenance.tips': 'When maintenance mode is enabled, the node will stop scheduling new model deployment tasks. Running instances will not be affected.',
// 8. 'resources.worker.noCluster.tips': 'No available clusters. Please create a cluster before adding a node.', // 8. 'resources.worker.noCluster.tips': 'No available clusters. Please create a cluster before adding a node.',
// 9. 'resources.metrics.details': 'Monitoring', // 9. 'resources.metrics.details': 'Monitoring',
// 10. 'resoureces.worker.upgrade.tips': 'Please upgrade to match the GPUStack Server version.' // 10. 'resoureces.worker.upgrade.tips': 'Please upgrade to match the ZStack AIOS Server version.'
// ========== End of To-Do List ========== // ========== End of To-Do List ==========
+2 -2
View File
@@ -40,8 +40,8 @@ export default {
'users.password.confirm.empty': 'Подтвердите новый пароль', 'users.password.confirm.empty': 'Подтвердите новый пароль',
'users.password.confirm.error': 'Пароли не совпадают', 'users.password.confirm.error': 'Пароли не совпадают',
'users.login.title': 'Вход в', 'users.login.title': 'Вход в',
'users.version.islatest': 'GPUStack {version} — последняя версия', 'users.version.islatest': 'ZStack AIOS {version} — последняя версия',
'users.version.update': 'Доступно обновление GPUStack {version}', 'users.version.update': 'Доступно обновление ZStack AIOS {version}',
'users.settings.title': 'Настройки пользователя', 'users.settings.title': 'Настройки пользователя',
'users.status.activate': 'Активировать аккаунт', 'users.status.activate': 'Активировать аккаунт',
'users.status.deactivate': 'Деактивировать аккаунт', 'users.status.deactivate': 'Деактивировать аккаунт',
+1 -1
View File
@@ -1,7 +1,7 @@
export default { export default {
'billing.upsell.title': 'Billing is an Enterprise feature', 'billing.upsell.title': 'Billing is an Enterprise feature',
'billing.upsell.subtitle': 'billing.upsell.subtitle':
'Track spend, generate invoices, and enforce budgets across teams. Upgrade to GPUStack Enterprise to manage billing.', 'Track spend, generate invoices, and enforce budgets across teams. Upgrade to ZStack AIOS Enterprise to manage billing.',
'billing.upsell.featuresTitle': 'What you get in Enterprise', 'billing.upsell.featuresTitle': 'What you get in Enterprise',
'billing.upsell.feature.usage': 'billing.upsell.feature.usage':
'See cost breakdowns by organization, user, and model', 'See cost breakdowns by organization, user, and model',
+8 -8
View File
@@ -87,7 +87,7 @@ export default {
'clusters.addworker.detectWorkerAddress.tips': 'clusters.addworker.detectWorkerAddress.tips':
"Belirtilmezse İşçi Düğüm IP'si varsayılır.", "Belirtilmezse İşçi Düğüm IP'si varsayılır.",
'clusters.addworker.externalIP.tips': 'clusters.addworker.externalIP.tips':
'VPC veya özel ağda çalıştırılıyorsa, lütfen GPUStack Sunucusuna erişilebilir İşçi Düğüm harici adresini belirtin.', 'VPC veya özel ağda çalıştırılıyorsa, lütfen ZStack AIOS Sunucusuna erişilebilir İşçi Düğüm harici adresini belirtin.',
'clusters.addworker.enterWorkerIP': "İşçi düğüm IP'sini girin", 'clusters.addworker.enterWorkerIP': "İşçi düğüm IP'sini girin",
'clusters.addworker.enterWorkerIP.error': "Lütfen işçi düğüm IP'sini girin.", 'clusters.addworker.enterWorkerIP.error': "Lütfen işçi düğüm IP'sini girin.",
'clusters.addworker.enterWorkerAddress': 'İşçi düğüm harici adresini girin', 'clusters.addworker.enterWorkerAddress': 'İşçi düğüm harici adresini girin',
@@ -115,20 +115,20 @@ export default {
'{count} yeni işçi düğüm kümeye eklendi.', '{count} yeni işçi düğüm kümeye eklendi.',
'clusters.addworker.message.success_multiple': 'clusters.addworker.message.success_multiple':
'{count} yeni işçi düğüm kümeye eklendi.', '{count} yeni işçi düğüm kümeye eklendi.',
'clusters.create.serverUrl': "GPUStack Sunucu URL'si", 'clusters.create.serverUrl': "ZStack AIOS Sunucu URL'si",
'clusters.create.workerConfig': 'İşçi Düğüm Yapılandırması', 'clusters.create.workerConfig': 'İşçi Düğüm Yapılandırması',
'clusters.edit.k8sOptions.changed.tip': '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.', '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.addworker.containerName': 'İşçi Düğüm Konteyner Adı', 'clusters.addworker.containerName': 'İşçi Düğüm Konteyner Adı',
'clusters.addworker.containerName.tips': 'clusters.addworker.containerName.tips':
'İşçi düğüm konteyneri için bir ad belirtin.', 'İşçi düğüm konteyneri için bir ad belirtin.',
'clusters.addworker.dataVolume': 'GPUStack Veri Birimi', 'clusters.addworker.dataVolume': 'ZStack AIOS Veri Birimi',
'clusters.addworker.dataVolume.tips': 'clusters.addworker.dataVolume.tips':
'GPUStack için veri depolama yolu belirtin.', 'ZStack AIOS için veri depolama yolu belirtin.',
'clusters.table.ip.internal': 'Dahili', 'clusters.table.ip.internal': 'Dahili',
'clusters.table.ip.external': 'Harici', 'clusters.table.ip.external': 'Harici',
'clusters.form.serverUrl.tips': 'clusters.form.serverUrl.tips':
"İşçi düğüm GPUStack Sunucusuna doğrudan erişemiyorsa, harici olarak erişilebilir bir GPUStack hizmet URL'si belirtin.", "İşçi düğüm ZStack AIOS Sunucusuna doğrudan erişemiyorsa, harici olarak erişilebilir bir ZStack AIOS hizmet URL'si belirtin.",
'clusters.form.setDefault': 'Varsayılan Olarak Ayarla', 'clusters.form.setDefault': 'Varsayılan Olarak Ayarla',
'clusters.form.setDefault.tips': 'Dağıtım için varsayılan.', 'clusters.form.setDefault.tips': 'Dağıtım için varsayılan.',
'clusters.addworker.noClusters': 'Kullanılabilir Docker kümesi bulunamadı', 'clusters.addworker.noClusters': 'Kullanılabilir Docker kümesi bulunamadı',
@@ -147,7 +147,7 @@ export default {
'clusters.addworker.theadNotes-02': '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.', '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': 'clusters.addworker.nvidiaNotes':
'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.', 'ZStack AIOS\'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.title': 'Volume Mounts',
'clusters.volume.name': 'Volume Name', 'clusters.volume.name': 'Volume Name',
'clusters.volume.mountPath': 'Container Path', 'clusters.volume.mountPath': 'Container Path',
@@ -174,7 +174,7 @@ export default {
'clusters.volume.add': 'Add Volume Mount', 'clusters.volume.add': 'Add Volume Mount',
'clusters.systemDefaultContainerRegistry.title': 'Default Container Registry', 'clusters.systemDefaultContainerRegistry.title': 'Default Container Registry',
'clusters.systemDefaultContainerRegistry.tip': 'clusters.systemDefaultContainerRegistry.tip':
'Default registry used to resolve GPUStack images for this cluster. Falls back to the server default when unset.', 'Default registry used to resolve ZStack AIOS images for this cluster. Falls back to the server default when unset.',
'clusters.k8sOptions.title': 'Kubernetes Deployment Options', 'clusters.k8sOptions.title': 'Kubernetes Deployment Options',
'clusters.imageCredentials.title': 'Image Credentials', 'clusters.imageCredentials.title': 'Image Credentials',
'clusters.imageCredentials.add': 'Add Credential', 'clusters.imageCredentials.add': 'Add Credential',
@@ -186,7 +186,7 @@ export default {
'Pod nodeSelector applied to every worker DaemonSet — only nodes whose labels match are eligible to run the worker.', 'Pod nodeSelector applied to every worker DaemonSet — only nodes whose labels match are eligible to run the worker.',
'clusters.operatorImage.title': 'Operator Image', 'clusters.operatorImage.title': 'Operator Image',
'clusters.operatorImage.tip': 'clusters.operatorImage.tip':
'Override for the GPUStack Operator container image. Leave empty to use the server default.', 'Override for the ZStack AIOS Operator container image. Leave empty to use the server default.',
'clusters.namespace.title': 'Namespace', 'clusters.namespace.title': 'Namespace',
'clusters.namespace.tip': 'clusters.namespace.tip':
'Kubernetes namespace the clusters manifests render into. Leave empty to use gpustack-system.', 'Kubernetes namespace the clusters manifests render into. Leave empty to use gpustack-system.',
+2 -2
View File
@@ -46,7 +46,7 @@ export default {
'common.button.enabled': 'Etkin', 'common.button.enabled': 'Etkin',
'common.button.disabled': 'Devre dışı', 'common.button.disabled': 'Devre dışı',
'common.button.upgrade': 'Yükselt', 'common.button.upgrade': 'Yükselt',
'common.enterprise.feature': 'Available in GPUStack Enterprise', 'common.enterprise.feature': 'Available in ZStack AIOS Enterprise',
'common.input.holder': 'Lütfen girin', 'common.input.holder': 'Lütfen girin',
'common.validate.value': '{name} değeri gereklidir', 'common.validate.value': '{name} değeri gereklidir',
'common.button.edit': 'Düzenle', 'common.button.edit': 'Düzenle',
@@ -216,7 +216,7 @@ export default {
'common.form.password': 'Şifre', 'common.form.password': 'Şifre',
'common.form.username': 'Kullanıcı adı', 'common.form.username': 'Kullanıcı adı',
'common.login.rember': 'Beni hatırla', 'common.login.rember': 'Beni hatırla',
'settings.company': 'GPUStack.ai', 'settings.company': 'ZStack AIOS',
'common.button.help': 'Yardım', 'common.button.help': 'Yardım',
'common.button.feedback': 'Geri Bildirim', 'common.button.feedback': 'Geri Bildirim',
'common.button.docs': 'Dokümantasyon', 'common.button.docs': 'Dokümantasyon',
-22
View File
@@ -113,34 +113,12 @@ export default {
'gpuservice.instance.gpuCount.noAvailable': 'gpuservice.instance.gpuCount.noAvailable':
'Kullanılabilir GPU kaynağı yok, lütfen başka bir örnek türü seçin.', 'Kullanılabilir GPU kaynağı yok, lütfen başka bir örnek türü seçin.',
'gpuservice.instance.gpuCount.zero': 'Yalnızca CPU, ortam hazırlığı için.', 'gpuservice.instance.gpuCount.zero': 'Yalnızca CPU, ortam hazırlığı için.',
'gpuservice.instance.mode.whole': 'Tam GPU',
'gpuservice.instance.mode.sliced': 'Orana Göre',
'gpuservice.instance.slice.memoryPercentage': 'VRAM Yüzdesi (%)',
'gpuservice.instance.slice.fullCores': '%100 İşlem Gücü',
'gpuservice.instance.slice.percentage.required':
'Lütfen bir yüzde seçin veya girin',
'gpuservice.instance.slice.percentage.max':
'Oran %1 ile %{count} arasında olmalıdır',
'gpuservice.instance.stock': 'Stok', 'gpuservice.instance.stock': 'Stok',
'gpuservice.instance.sliced': 'Bölünmüş', 'gpuservice.instance.sliced': 'Bölünmüş',
'gpuservice.instance.sliceable': 'Bölünebilir',
'gpuservice.instance.memory': 'VRAM', 'gpuservice.instance.memory': 'VRAM',
'gpuservice.instance.ram': 'RAM', 'gpuservice.instance.ram': 'RAM',
'gpuservice.instance.os': 'OS', 'gpuservice.instance.os': 'OS',
'gpuservice.instance.arch': 'Mimari', 'gpuservice.instance.arch': 'Mimari',
'gpuservice.instanceType': 'GPU Instance Type',
'gpuservice.instanceType.add': 'Add Instance Type',
'gpuservice.instanceType.flavor': 'Flavor',
'gpuservice.instanceType.flavor.required': 'Please select an instance type flavor',
'gpuservice.instanceType.product': 'Product',
'gpuservice.instanceType.unitCpu': 'Unit CPU',
'gpuservice.instanceType.unitCpu.tip': 'CPU allocated per GPU',
'gpuservice.instanceType.unitRam': 'Unit RAM',
'gpuservice.instanceType.unitRam.tip': 'RAM allocated per GPU',
'gpuservice.instanceType.localStorage': 'Storage',
'gpuservice.instanceType.localStorage.tip': 'Maximum available disk',
'gpuservice.instanceType.notSliceable': 'Not Sliceable',
'gpuservice.instanceType.filter.name': 'Search by name',
'gpuservice.instance.disk': 'Disk', 'gpuservice.instance.disk': 'Disk',
'gpuservice.table.count': 'Sayı', 'gpuservice.table.count': 'Sayı',
'gpuservice.instance.disk.system': 'Sistem Diski', 'gpuservice.instance.disk.system': 'Sistem Diski',
-1
View File
@@ -47,7 +47,6 @@ export default {
'menu.settings': 'Settings', 'menu.settings': 'Settings',
'menu.gpuService': 'GPU Service', 'menu.gpuService': 'GPU Service',
'menu.gpuService.instances': 'GPU Instances', 'menu.gpuService.instances': 'GPU Instances',
'menu.gpuService.instanceTypes': 'Instance Types',
'menu.gpuService.templates': 'Instance Templates', 'menu.gpuService.templates': 'Instance Templates',
'menu.gpuService.storage': 'Storage', 'menu.gpuService.storage': 'Storage',
'menu.gpuService.storageTypes': 'Depolama Türleri', 'menu.gpuService.storageTypes': 'Depolama Türleri',
+4 -4
View File
@@ -14,7 +14,7 @@ export default {
'models.form.env': 'Ortam Değişkenleri', 'models.form.env': 'Ortam Değişkenleri',
'models.form.configurations': 'Yapılandırmalar', 'models.form.configurations': 'Yapılandırmalar',
'models.form.s3address': 'S3 Adresi', 'models.form.s3address': 'S3 Adresi',
'models.form.partialoffload.tips': `CPU aktarımı etkinleştirildiğinde, GPU kaynakları yetersiz olduğunda GPUStack CPU belleği ayırır. Hibrit CPU+GPU veya tam CPU çıkarımı kullanmak için çıkarım altyapısını doğru şekilde yapılandırmanız gerekir.`, 'models.form.partialoffload.tips': `CPU aktarımı etkinleştirildiğinde, GPU kaynakları yetersiz olduğunda ZStack AIOS CPU belleği ayırır. Hibrit CPU+GPU veya tam CPU çıkarımı kullanmak için çıkarım altyapısını doğru şekilde yapılandırmanız gerekir.`,
'models.form.distribution.tips': `Bir işçi düğümün kaynakları yetersiz olduğunda, modelin katmanlarının bir kısmının tekli veya çoklu uzak işçi düğümlere aktarılmasına olanak tanır.`, 'models.form.distribution.tips': `Bir işçi düğümün kaynakları yetersiz olduğunda, modelin katmanlarının bir kısmının tekli veya çoklu uzak işçi düğümlere aktarılmasına olanak tanır.`,
'models.openinplayground': 'Deneme Alanında Aç', 'models.openinplayground': 'Deneme Alanında Aç',
'models.instances': 'örnekler', 'models.instances': 'örnekler',
@@ -24,7 +24,7 @@ export default {
'model.deploy.sort': 'Sırala', 'model.deploy.sort': 'Sırala',
'model.deploy.search.placeholder': 'Modelleri aramak için <kbd>/</kbd> yazın', 'model.deploy.search.placeholder': 'Modelleri aramak için <kbd>/</kbd> yazın',
'model.form.ollamatips': 'model.form.ollamatips':
"İpucu: Aşağıdakiler GPUStack'te önceden yapılandırılmış Ollama modelleridir. İstediğiniz modeli seçin veya dağıtmak istediğiniz modeli doğrudan sağdaki 【{name}】 giriş kutusuna yazın.", "İpucu: Aşağıdakiler ZStack AIOS'te önceden yapılandırılmış Ollama modelleridir. İstediğiniz modeli seçin veya dağıtmak istediğiniz modeli doğrudan sağdaki 【{name}】 giriş kutusuna yazın.",
'models.sort.name': 'Ad', 'models.sort.name': 'Ad',
'models.sort.size': 'Boyut', 'models.sort.size': 'Boyut',
'models.sort.likes': 'Beğeniler', 'models.sort.likes': 'Beğeniler',
@@ -87,7 +87,7 @@ export default {
'models.form.filePath': 'Model Yolu', 'models.form.filePath': 'Model Yolu',
'models.form.backendVersion': 'Altyapı Sürümü', 'models.form.backendVersion': 'Altyapı Sürümü',
'models.form.backendVersion.tips': 'models.form.backendVersion.tips':
'{backend}{version} sürümünü kullanmak için sistem, ilgili sürümü yüklemek üzere çevrimiçi ortamda otomatik olarak sanal ortam oluşturur. GPUStack yükseltmesinden sonra altyapı sürümü sabit kalır. {link}', '{backend}{version} sürümünü kullanmak için sistem, ilgili sürümü yüklemek üzere çevrimiçi ortamda otomatik olarak sanal ortam oluşturur. ZStack AIOS yükseltmesinden sonra altyapı sürümü sabit kalır. {link}',
'models.form.gpuselector': 'GPU Seçici', 'models.form.gpuselector': 'GPU Seçici',
'models.form.backend.llamabox': 'models.form.backend.llamabox':
'GGUF format modeller için, Linux, macOS ve Windows destekler.', 'GGUF format modeller için, Linux, macOS ve Windows destekler.',
@@ -277,7 +277,7 @@ export default {
'models.form.backendVersions.tips': `Daha fazla sürüm kullanmak için {link} sayfasına gidin ve sürüm eklemek üzere altyapıyı düzenleyin.`, 'models.form.backendVersions.tips': `Daha fazla sürüm kullanmak için {link} sayfasına gidin ve sürüm eklemek üzere altyapıyı düzenleyin.`,
'models.catalog.nogpus.tips': 'models.catalog.nogpus.tips':
'Seçili kümede bu model için uyumlu GPU bulunmuyor.', 'Seçili kümede bu model için uyumlu GPU bulunmuyor.',
'models.form.modelfile.notfound': `Belirttiğiniz model dosyası yolu GPUStack sunucusunda mevcut değil. Model dosyasını hem GPUStack sunucusunda hem de GPUStack işçi düğümlerinde aynı yola yerleştirmeniz önerilir. Bu, GPUStack'in daha iyi kararlar almasına yardımcı olur.`, 'models.form.modelfile.notfound': `Belirttiğiniz model dosyası yolu ZStack AIOS sunucusunda mevcut değil. Model dosyasını hem ZStack AIOS sunucusunda hem de ZStack AIOS işçi düğümlerinde aynı yola yerleştirmeniz önerilir. Bu, ZStack AIOS'in daha iyi kararlar almasına yardımcı olur.`,
'models.form.readyWorkers': 'hazır işçi düğüm', 'models.form.readyWorkers': 'hazır işçi düğüm',
'models.form.maxContextLength': 'Maksimum Bağlam Uzunluğu', 'models.form.maxContextLength': 'Maksimum Bağlam Uzunluğu',
'models.form.backend.helperText': 'models.form.backend.helperText':
-4
View File
@@ -67,10 +67,6 @@ export default {
'noresult.gpuservice.storage.title': 'Depolama Yok', 'noresult.gpuservice.storage.title': 'Depolama Yok',
'noresult.gpuservice.storage.subTitle': 'Henüz depolama eklenmedi.', 'noresult.gpuservice.storage.subTitle': 'Henüz depolama eklenmedi.',
'noresult.gpuservice.storage.nofound': 'Eşleşen depolama bulunamadı.', 'noresult.gpuservice.storage.nofound': 'Eşleşen depolama bulunamadı.',
'noresult.gpuservice.instanceType.title': 'No Instance Types',
'noresult.gpuservice.instanceType.subTitle':
'Create an instance type to get started',
'noresult.gpuservice.instanceType.nofound': 'No instance types found',
'noresult.gpuservice.storageType.title': 'Depolama Türü Yok', 'noresult.gpuservice.storageType.title': 'Depolama Türü Yok',
'noresult.gpuservice.storageType.subTitle': 'Henüz depolama türü eklenmedi.', 'noresult.gpuservice.storageType.subTitle': 'Henüz depolama türü eklenmedi.',
'noresult.gpuservice.storageType.nofound': 'noresult.gpuservice.storageType.nofound':
+1 -1
View File
@@ -1,7 +1,7 @@
export default { export default {
'organizations.upsell.title': 'Organizations are an Enterprise feature', 'organizations.upsell.title': 'Organizations are an Enterprise feature',
'organizations.upsell.subtitle': 'organizations.upsell.subtitle':
'Multi-tenancy lets you isolate users, resources, and quotas across teams. Upgrade to GPUStack Enterprise to manage organizations.', 'Multi-tenancy lets you isolate users, resources, and quotas across teams. Upgrade to ZStack AIOS Enterprise to manage organizations.',
'organizations.upsell.featuresTitle': 'What you get in Enterprise', 'organizations.upsell.featuresTitle': 'What you get in Enterprise',
'organizations.upsell.feature.orgs': 'organizations.upsell.feature.orgs':
'Create organizations to group users and isolate workloads', 'Create organizations to group users and isolate workloads',
+4 -4
View File
@@ -52,7 +52,7 @@ export default {
'resources.worker.container.supported': 'macOS veya Windows desteklenmez.', 'resources.worker.container.supported': 'macOS veya Windows desteklenmez.',
'resources.worker.current.version': 'Mevcut sürüm: {version}.', 'resources.worker.current.version': 'Mevcut sürüm: {version}.',
'resources.worker.driver.install': 'resources.worker.driver.install':
'GPUStack kurulumundan önce <a href="https://docs.gpustack.ai/latest/installation/installation-requirements/" target="_blank">gerekli sürücüleri ve kütüphaneleri</a> yükleyin.', 'ZStack AIOS kurulumundan önce <a href="https://docs.gpustack.ai/latest/installation/installation-requirements/" target="_blank">gerekli sürücüleri ve kütüphaneleri</a> yükleyin.',
'resources.worker.select.command': 'resources.worker.select.command':
'Komutu oluşturmak için bir etiket seçin ve kopyala düğmesiyle kopyalayın.', 'Komutu oluşturmak için bir etiket seçin ve kopyala düğmesiyle kopyalayın.',
'resources.worker.script.install': 'Betik Kurulumu', 'resources.worker.script.install': 'Betik Kurulumu',
@@ -89,7 +89,7 @@ export default {
'<span class="bold-text">Token</span>\'ı yapıştırın.', '<span class="bold-text">Token</span>\'ı yapıştırın.',
'resources.register.worker.step7': 'resources.register.worker.step7':
'Ayarları uygulamak için <span class="bold-text">Yeniden Başlat</span>\'a tıklayın.', 'Ayarları uygulamak için <span class="bold-text">Yeniden Başlat</span>\'a tıklayın.',
'resources.register.install.title': '{os} üzerine GPUStack kur', 'resources.register.install.title': '{os} üzerine ZStack AIOS kur',
'resources.register.download': 'resources.register.download':
'<a href={url} target="_blank">Yükleyiciyi</a> indirip kurun. Yalnızca desteklenen: {versions}.', '<a href={url} target="_blank">Yükleyiciyi</a> indirip kurun. Yalnızca desteklenen: {versions}.',
'resource.register.maos.support': 'Apple Silicon (M serisi), macOS 14+', 'resource.register.maos.support': 'Apple Silicon (M serisi), macOS 14+',
@@ -110,7 +110,7 @@ export default {
'Kullanılabilir küme yok. Lütfen düğüm eklemeden önce bir küme oluşturun.', 'Kullanılabilir küme yok. Lütfen düğüm eklemeden önce bir küme oluşturun.',
'resources.metrics.details': 'İzleme', 'resources.metrics.details': 'İzleme',
'resoureces.worker.upgrade.tips': 'resoureces.worker.upgrade.tips':
'Please upgrade to match the GPUStack Server version.', 'Please upgrade to match the ZStack AIOS Server version.',
'resources.worker.version': 'Worker Version: {version}', 'resources.worker.version': 'Worker Version: {version}',
'resources.server.version': 'Server Version: {version}', 'resources.server.version': 'Server Version: {version}',
'resources.worker.currentVersion': 'Current Version: {version}', 'resources.worker.currentVersion': 'Current Version: {version}',
@@ -119,5 +119,5 @@ export default {
}; };
// ========== To-Do: Translate Keys (Remove After Translation) ========== // ========== To-Do: Translate Keys (Remove After Translation) ==========
// 1. 'resoureces.worker.upgrade.tips': 'Please upgrade to match the GPUStack Server version.' // 1. 'resoureces.worker.upgrade.tips': 'Please upgrade to match the ZStack AIOS Server version.'
// ========== End of To-Do List ========== // ========== End of To-Do List ==========
+3 -3
View File
@@ -40,12 +40,12 @@ export default {
'users.password.confirm.empty': 'Lütfen yeni şifreyi tekrar girin.', 'users.password.confirm.empty': 'Lütfen yeni şifreyi tekrar girin.',
'users.password.confirm.error': 'Girilen iki şifre eşleşmiyor.', 'users.password.confirm.error': 'Girilen iki şifre eşleşmiyor.',
'users.login.title': 'Giriş yap:', 'users.login.title': 'Giriş yap:',
'users.version.islatest': 'GPUStack {version} en güncel sürümdür', 'users.version.islatest': 'ZStack AIOS {version} en güncel sürümdür',
'users.version.update': 'GPUStack {version} kullanılabilir', 'users.version.update': 'ZStack AIOS {version} kullanılabilir',
'users.settings.title': 'Kullanıcı Ayarları', 'users.settings.title': 'Kullanıcı Ayarları',
'users.status.activate': 'Hesabı Etkinleştir', 'users.status.activate': 'Hesabı Etkinleştir',
'users.status.deactivate': 'Hesabı Devre Dışı Bırak', 'users.status.deactivate': 'Hesabı Devre Dışı Bırak',
'users.status.inactiveAccount': 'Pasif Hesap', 'users.status.inactiveAccount': 'Pasif Hesap',
'users.login.getInitialPassword': 'users.login.getInitialPassword':
'Başlangıç yönetici şifresini almak için GPUStack Sunucunuzda aşağıdaki komutu çalıştırın.' 'Başlangıç yönetici şifresini almak için ZStack AIOS Sunucunuzda aşağıdaki komutu çalıştırın.'
}; };
+1 -1
View File
@@ -1,7 +1,7 @@
export default { export default {
'billing.upsell.title': '计费是企业版功能', 'billing.upsell.title': '计费是企业版功能',
'billing.upsell.subtitle': 'billing.upsell.subtitle':
'在团队间跟踪花费、生成账单并执行预算。升级到 GPUStack 企业版即可管理计费。', '在团队间跟踪花费、生成账单并执行预算。升级到 ZStack AIOS 企业版即可管理计费。',
'billing.upsell.featuresTitle': '企业版包含的能力', 'billing.upsell.featuresTitle': '企业版包含的能力',
'billing.upsell.feature.usage': '按组织、用户与模型查看成本明细', 'billing.upsell.feature.usage': '按组织、用户与模型查看成本明细',
'billing.upsell.feature.invoices': '生成账单并导出计费报表', 'billing.upsell.feature.invoices': '生成账单并导出计费报表',
+8 -8
View File
@@ -85,7 +85,7 @@ export default {
'clusters.addworker.detectWorkerAddress.tips': 'clusters.addworker.detectWorkerAddress.tips':
'如果未指定,则默认为节点 IP。', '如果未指定,则默认为节点 IP。',
'clusters.addworker.externalIP.tips': 'clusters.addworker.externalIP.tips':
'如运行在 VPC 或私有网络时,请指定 GPUStack Server 可达的节点外部地址。', '如运行在 VPC 或私有网络时,请指定 ZStack AIOS Server 可达的节点外部地址。',
'clusters.addworker.enterWorkerIP': '输入节点 IP', 'clusters.addworker.enterWorkerIP': '输入节点 IP',
'clusters.addworker.enterWorkerIP.error': '请输入节点 IP', 'clusters.addworker.enterWorkerIP.error': '请输入节点 IP',
'clusters.addworker.enterWorkerAddress': '输入节点外部地址', 'clusters.addworker.enterWorkerAddress': '输入节点外部地址',
@@ -113,18 +113,18 @@ export default {
'已将 {count} 个新节点添加到集群中。', '已将 {count} 个新节点添加到集群中。',
'clusters.addworker.message.success_multiple': 'clusters.addworker.message.success_multiple':
'已将 {count} 个新节点添加到集群中。', '已将 {count} 个新节点添加到集群中。',
'clusters.create.serverUrl': 'GPUStack Server 节点地址', 'clusters.create.serverUrl': 'ZStack AIOS Server 节点地址',
'clusters.create.workerConfig': '节点配置', 'clusters.create.workerConfig': '节点配置',
'clusters.edit.k8sOptions.changed.tip': 'clusters.edit.k8sOptions.changed.tip':
'您已修改 Kubernetes 选项,需要在目标集群上重新运行注册命令才会生效。', '您已修改 Kubernetes 选项,需要在目标集群上重新运行注册命令才会生效。',
'clusters.addworker.containerName': '节点容器名称', 'clusters.addworker.containerName': '节点容器名称',
'clusters.addworker.containerName.tips': '为节点容器指定一个名称。', 'clusters.addworker.containerName.tips': '为节点容器指定一个名称。',
'clusters.addworker.dataVolume': 'GPUStack 数据卷', 'clusters.addworker.dataVolume': 'ZStack AIOS 数据卷',
'clusters.addworker.dataVolume.tips': '为 GPUStack 指定数据存储路径。', 'clusters.addworker.dataVolume.tips': '为 ZStack AIOS 指定数据存储路径。',
'clusters.table.ip.internal': '内', 'clusters.table.ip.internal': '内',
'clusters.table.ip.external': '外', 'clusters.table.ip.external': '外',
'clusters.form.serverUrl.tips': 'clusters.form.serverUrl.tips':
'如果节点无法直接访问 GPUStack Server,则指定一个可访问的外部 GPUStack Server 地址。', '如果节点无法直接访问 ZStack AIOS Server,则指定一个可访问的外部 ZStack AIOS Server 地址。',
'clusters.form.setDefault': '设为默认', 'clusters.form.setDefault': '设为默认',
'clusters.form.setDefault.tips': '部署时的默认集群。', 'clusters.form.setDefault.tips': '部署时的默认集群。',
'clusters.addworker.noClusters': '无可用的 Docker 集群', 'clusters.addworker.noClusters': '无可用的 Docker 集群',
@@ -140,7 +140,7 @@ export default {
'clusters.addworker.theadNotes-02': 'clusters.addworker.theadNotes-02':
'平头哥(T-Head)PPU 使用容器设备接口(CDI)进行设备注入,因此需要确保 <span class="bold-text">/var/run/cdi</span> 目录可用以生成 CDI。', '平头哥(T-Head)PPU 使用容器设备接口(CDI)进行设备注入,因此需要确保 <span class="bold-text">/var/run/cdi</span> 目录可用以生成 CDI。',
'clusters.addworker.nvidiaNotes': 'clusters.addworker.nvidiaNotes':
'GPUStack 内置推理后端依赖 <span class="bold-text">CUDA 12.8</span> 及以上版本,请确保 NVIDIA 驱动版本为 <span class="bold-text">570</span> 或以上。', 'ZStack AIOS 内置推理后端依赖 <span class="bold-text">CUDA 12.8</span> 及以上版本,请确保 NVIDIA 驱动版本为 <span class="bold-text">570</span> 或以上。',
'clusters.volume.title': '卷挂载', 'clusters.volume.title': '卷挂载',
'clusters.volume.name': '卷名称', 'clusters.volume.name': '卷名称',
'clusters.volume.mountPath': '容器内路径', 'clusters.volume.mountPath': '容器内路径',
@@ -166,7 +166,7 @@ export default {
'clusters.volume.add': '添加卷挂载', 'clusters.volume.add': '添加卷挂载',
'clusters.systemDefaultContainerRegistry.title': '默认容器镜像仓库', 'clusters.systemDefaultContainerRegistry.title': '默认容器镜像仓库',
'clusters.systemDefaultContainerRegistry.tip': 'clusters.systemDefaultContainerRegistry.tip':
'用于解析该集群 GPUStack 镜像的默认镜像仓库。未设置时回退到服务端默认值。', '用于解析该集群 ZStack AIOS 镜像的默认镜像仓库。未设置时回退到服务端默认值。',
'clusters.k8sOptions.title': 'Kubernetes 部署选项', 'clusters.k8sOptions.title': 'Kubernetes 部署选项',
'clusters.imageCredentials.title': '镜像仓库凭证', 'clusters.imageCredentials.title': '镜像仓库凭证',
'clusters.imageCredentials.add': '添加凭证', 'clusters.imageCredentials.add': '添加凭证',
@@ -178,7 +178,7 @@ export default {
'应用到每个 worker DaemonSet 的 Pod nodeSelector,只有标签匹配的节点才会被调度运行 worker。', '应用到每个 worker DaemonSet 的 Pod nodeSelector,只有标签匹配的节点才会被调度运行 worker。',
'clusters.operatorImage.title': 'Operator 镜像', 'clusters.operatorImage.title': 'Operator 镜像',
'clusters.operatorImage.tip': 'clusters.operatorImage.tip':
'GPUStack Operator 容器镜像的覆盖值。留空则使用服务端默认值。', 'ZStack AIOS Operator 容器镜像的覆盖值。留空则使用服务端默认值。',
'clusters.namespace.title': '命名空间', 'clusters.namespace.title': '命名空间',
'clusters.namespace.tip': 'clusters.namespace.tip':
'集群清单渲染所使用的 Kubernetes 命名空间。留空则使用 gpustack-system。', '集群清单渲染所使用的 Kubernetes 命名空间。留空则使用 gpustack-system。',
+2 -2
View File
@@ -44,7 +44,7 @@ export default {
'common.button.rollback': '回滚', 'common.button.rollback': '回滚',
'common.button.new': '新建{ text }', 'common.button.new': '新建{ text }',
'common.button.upgrade': '升级', 'common.button.upgrade': '升级',
'common.enterprise.feature': 'GPUStack 企业版可用', 'common.enterprise.feature': 'ZStack AIOS 企业版可用',
'common.input.holder': '请输入', 'common.input.holder': '请输入',
'common.holder.search': '搜索', 'common.holder.search': '搜索',
'common.button.edit': '编辑', 'common.button.edit': '编辑',
@@ -204,7 +204,7 @@ export default {
'common.form.password': '密码', 'common.form.password': '密码',
'common.form.username': '用户名', 'common.form.username': '用户名',
'common.login.rember': '记住我', 'common.login.rember': '记住我',
'settings.company': '数澈软件', 'settings.company': 'ZStack AIOS',
'common.button.help': '帮助', 'common.button.help': '帮助',
'common.button.feedback': '反馈', 'common.button.feedback': '反馈',
'common.button.docs': '文档', 'common.button.docs': '文档',
-20
View File
@@ -108,32 +108,12 @@ export default {
'gpuservice.instance.gpuCount.noAvailable': 'gpuservice.instance.gpuCount.noAvailable':
'没有可用的 GPU 资源,请选择其他实例类型。', '没有可用的 GPU 资源,请选择其他实例类型。',
'gpuservice.instance.gpuCount.zero': '仅使用 CPU,用于环境准备。', 'gpuservice.instance.gpuCount.zero': '仅使用 CPU,用于环境准备。',
'gpuservice.instance.mode.whole': '整卡',
'gpuservice.instance.mode.sliced': '按比例',
'gpuservice.instance.slice.memoryPercentage': '显存占比(%',
'gpuservice.instance.slice.fullCores': '100% 算力',
'gpuservice.instance.slice.percentage.required': '请选择或输入百分比',
'gpuservice.instance.slice.percentage.max': '比例需在 1% 到 {count}% 之间',
'gpuservice.instance.stock': '库存', 'gpuservice.instance.stock': '库存',
'gpuservice.instance.sliced': '切分', 'gpuservice.instance.sliced': '切分',
'gpuservice.instance.sliceable': '可切分',
'gpuservice.instance.memory': '显存', 'gpuservice.instance.memory': '显存',
'gpuservice.instance.ram': '内存', 'gpuservice.instance.ram': '内存',
'gpuservice.instance.os': '系统', 'gpuservice.instance.os': '系统',
'gpuservice.instance.arch': '架构', 'gpuservice.instance.arch': '架构',
'gpuservice.instanceType': 'GPU 实例类型',
'gpuservice.instanceType.add': '添加实例类型',
'gpuservice.instanceType.flavor': '规格',
'gpuservice.instanceType.flavor.required': '请选择实例类型规格',
'gpuservice.instanceType.product': '商品',
'gpuservice.instanceType.unitCpu': '单位 CPU',
'gpuservice.instanceType.unitCpu.tip': '每 GPU 对应多少 CPU',
'gpuservice.instanceType.unitRam': '单位内存',
'gpuservice.instanceType.unitRam.tip': '每 GPU 对应多少内存',
'gpuservice.instanceType.localStorage': '存储',
'gpuservice.instanceType.localStorage.tip': '最大可用磁盘',
'gpuservice.instanceType.notSliceable': '不可切分',
'gpuservice.instanceType.filter.name': '按名称搜索',
'gpuservice.instance.disk': '磁盘', 'gpuservice.instance.disk': '磁盘',
'gpuservice.table.count': '数量', 'gpuservice.table.count': '数量',
'gpuservice.instance.disk.system': '系统盘', 'gpuservice.instance.disk.system': '系统盘',
-1
View File
@@ -47,7 +47,6 @@ export default {
'menu.models.backendsList': '推理后端', 'menu.models.backendsList': '推理后端',
'menu.gpuService': 'GPU 服务', 'menu.gpuService': 'GPU 服务',
'menu.gpuService.instances': 'GPU 实例', 'menu.gpuService.instances': 'GPU 实例',
'menu.gpuService.instanceTypes': '实例类型',
'menu.gpuService.templates': '实例模板', 'menu.gpuService.templates': '实例模板',
'menu.gpuService.storage': '存储', 'menu.gpuService.storage': '存储',
'menu.gpuService.storageTypes': '存储类型', 'menu.gpuService.storageTypes': '存储类型',
+4 -4
View File
@@ -15,7 +15,7 @@ export default {
'models.form.configurations': '配置', 'models.form.configurations': '配置',
'models.form.s3address': 'S3 地址', 'models.form.s3address': 'S3 地址',
'models.form.partialoffload.tips': 'models.form.partialoffload.tips':
'启用 CPU 卸载后,GPU 不足时 GPUStack 会自动使用 CPU 内存。请确保推理后端已正确配置为混合 CPU+GPU 或纯 CPU 推理。', '启用 CPU 卸载后,GPU 不足时 ZStack AIOS 会自动使用 CPU 内存。请确保推理后端已正确配置为混合 CPU+GPU 或纯 CPU 推理。',
'models.form.distribution.tips': 'models.form.distribution.tips':
'允许在单个节点资源不足时,将部分计算卸载到一个或多个远程节点。', '允许在单个节点资源不足时,将部分计算卸载到一个或多个远程节点。',
'models.openinplayground': '在 Playground 中打开', 'models.openinplayground': '在 Playground 中打开',
@@ -26,7 +26,7 @@ export default {
'model.deploy.sort': '排序', 'model.deploy.sort': '排序',
'model.deploy.search.placeholder': '按 <kbd>/</kbd> 开始搜索模型', 'model.deploy.search.placeholder': '按 <kbd>/</kbd> 开始搜索模型',
'model.form.ollamatips': 'model.form.ollamatips':
'提示:以下为 GPUStack 预设的 Ollama 模型,请选择你想要的模型或者直接在右侧表单 【{name}】 输入框中输入你要部署的模型。', '提示:以下为 ZStack AIOS 预设的 Ollama 模型,请选择你想要的模型或者直接在右侧表单 【{name}】 输入框中输入你要部署的模型。',
'models.sort.name': '名称', 'models.sort.name': '名称',
'models.sort.size': '大小', 'models.sort.size': '大小',
'models.sort.likes': '点赞量', 'models.sort.likes': '点赞量',
@@ -86,7 +86,7 @@ export default {
'models.form.filePath': '模型路径', 'models.form.filePath': '模型路径',
'models.form.backendVersion': '后端版本', 'models.form.backendVersion': '后端版本',
'models.form.backendVersion.tips': 'models.form.backendVersion.tips':
'固定以使用期望的 {backend} 版本 {version},在线环境会自动创建虚拟环境安装对应版本的 {backend}。在 GPUStack 升级后也将保持固定的后端版本。{link}', '固定以使用期望的 {backend} 版本 {version},在线环境会自动创建虚拟环境安装对应版本的 {backend}。在 ZStack AIOS 升级后也将保持固定的后端版本。{link}',
'models.form.gpuselector': 'GPU 选择器', 'models.form.gpuselector': 'GPU 选择器',
'models.form.backend.llamabox': 'models.form.backend.llamabox':
'用于 GGUF 格式模型,支持 Linux, macOS 和 Windows。', '用于 GGUF 格式模型,支持 Linux, macOS 和 Windows。',
@@ -262,7 +262,7 @@ export default {
'models.form.backendVersions.tips': `如需使用更多版本,请前往{link}页面并编辑对应的后端以添加版本。`, 'models.form.backendVersions.tips': `如需使用更多版本,请前往{link}页面并编辑对应的后端以添加版本。`,
'models.catalog.nogpus.tips': '所选集群中没有兼容该模型的 GPU。', 'models.catalog.nogpus.tips': '所选集群中没有兼容该模型的 GPU。',
'models.form.modelfile.notfound': 'models.form.modelfile.notfound':
'你指定的模型文件路径在 GPUStack Server 节点上不存在。建议在 GPUStack Server 节点和 GPUStack 节点上使用相同的模型文件路径,这有助于 GPUStack 做出更优的调度与决策。', '你指定的模型文件路径在 ZStack AIOS Server 节点上不存在。建议在 ZStack AIOS Server 节点和 ZStack AIOS 节点上使用相同的模型文件路径,这有助于 ZStack AIOS 做出更优的调度与决策。',
'models.form.readyWorkers': '节点就绪', 'models.form.readyWorkers': '节点就绪',
'models.form.maxContextLength': '最大上下文长度', 'models.form.maxContextLength': '最大上下文长度',
'models.form.backend.helperText': '该社区后端暂未启用,部署后将自动启用', 'models.form.backend.helperText': '该社区后端暂未启用,部署后将自动启用',
-3
View File
@@ -63,9 +63,6 @@ export default {
'noresult.gpuservice.storage.title': '暂无存储', 'noresult.gpuservice.storage.title': '暂无存储',
'noresult.gpuservice.storage.subTitle': '尚未添加任何存储。', 'noresult.gpuservice.storage.subTitle': '尚未添加任何存储。',
'noresult.gpuservice.storage.nofound': '未找到匹配的存储', 'noresult.gpuservice.storage.nofound': '未找到匹配的存储',
'noresult.gpuservice.instanceType.title': '暂无实例类型',
'noresult.gpuservice.instanceType.subTitle': '创建一个实例类型以开始使用',
'noresult.gpuservice.instanceType.nofound': '未找到实例类型',
'noresult.gpuservice.storageType.title': '暂无存储类型', 'noresult.gpuservice.storageType.title': '暂无存储类型',
'noresult.gpuservice.storageType.subTitle': '尚未添加任何存储类型。', 'noresult.gpuservice.storageType.subTitle': '尚未添加任何存储类型。',
'noresult.gpuservice.storageType.nofound': '未找到匹配的存储类型', 'noresult.gpuservice.storageType.nofound': '未找到匹配的存储类型',
+1 -1
View File
@@ -1,7 +1,7 @@
export default { export default {
'organizations.upsell.title': '组织是企业版功能', 'organizations.upsell.title': '组织是企业版功能',
'organizations.upsell.subtitle': 'organizations.upsell.subtitle':
'多租户可在团队间隔离用户、资源与配额。升级到 GPUStack 企业版即可管理组织。', '多租户可在团队间隔离用户、资源与配额。升级到 ZStack AIOS 企业版即可管理组织。',
'organizations.upsell.featuresTitle': '企业版包含的能力', 'organizations.upsell.featuresTitle': '企业版包含的能力',
'organizations.upsell.feature.orgs': '创建组织来分组用户并隔离工作负载', 'organizations.upsell.feature.orgs': '创建组织来分组用户并隔离工作负载',
'organizations.upsell.feature.members': '为每个组织管理成员与角色', 'organizations.upsell.feature.members': '为每个组织管理成员与角色',
+3 -3
View File
@@ -52,7 +52,7 @@ export default {
'resources.worker.current.version': '当前版本为 {version}', 'resources.worker.current.version': '当前版本为 {version}',
'resources.worker.select.command': '选择一个标签生成命令并使用复制按钮复制', 'resources.worker.select.command': '选择一个标签生成命令并使用复制按钮复制',
'resources.worker.driver.install': 'resources.worker.driver.install':
'在安装 GPUStack 之前,请安装<a href="https://docs.gpustack.ai/latest/installation/installation-requirements/" target="_blank">所需的驱动程序和库</a>。', '在安装 ZStack AIOS 之前,请安装<a href="https://docs.gpustack.ai/latest/installation/installation-requirements/" target="_blank">所需的驱动程序和库</a>。',
'resources.worker.script.install': '脚本安装', 'resources.worker.script.install': '脚本安装',
'resources.worker.container.install': '容器安装(仅支持 Linux)', 'resources.worker.container.install': '容器安装(仅支持 Linux)',
'resources.worker.cann.tips': 'resources.worker.cann.tips':
@@ -87,7 +87,7 @@ export default {
'粘贴 <span class="bold-text">Token</span>。', '粘贴 <span class="bold-text">Token</span>。',
'resources.register.worker.step7': 'resources.register.worker.step7':
'点击<span class="bold-text">重启</span>,应用设置。', '点击<span class="bold-text">重启</span>,应用设置。',
'resources.register.install.title': '在 {os} 上安装 GPUStack', 'resources.register.install.title': '在 {os} 上安装 ZStack AIOS',
'resources.register.download': 'resources.register.download':
'下载并安装<a href={url} target="_blank">安装包</a>,仅支持 {versions}。', '下载并安装<a href={url} target="_blank">安装包</a>,仅支持 {versions}。',
'resource.register.maos.support': 'M 芯片,macOS 14+', 'resource.register.maos.support': 'M 芯片,macOS 14+',
@@ -106,7 +106,7 @@ export default {
'进入维护模式后,节点将停止调度新的模型实例部署任务,正在运行的实例不会受到影响。', '进入维护模式后,节点将停止调度新的模型实例部署任务,正在运行的实例不会受到影响。',
'resources.worker.noCluster.tips': '当前无可用集群,请先创建集群再添加节点。', 'resources.worker.noCluster.tips': '当前无可用集群,请先创建集群再添加节点。',
'resources.metrics.details': '监控', 'resources.metrics.details': '监控',
'resoureces.worker.upgrade.tips': '请升级到与 GPUStack Server 版本一致。', 'resoureces.worker.upgrade.tips': '请升级到与 ZStack AIOS Server 版本一致。',
'resources.worker.version': '节点版本:{version}', 'resources.worker.version': '节点版本:{version}',
'resources.server.version': 'Server 版本:{version}', 'resources.server.version': 'Server 版本:{version}',
'resources.worker.currentVersion': '当前版本:{version}', 'resources.worker.currentVersion': '当前版本:{version}',
+3 -3
View File
@@ -37,12 +37,12 @@ export default {
'users.password.confirm.empty': '请确认新密码', 'users.password.confirm.empty': '请确认新密码',
'users.password.confirm.error': '两次输入的密码不一致', 'users.password.confirm.error': '两次输入的密码不一致',
'users.login.title': '登录', 'users.login.title': '登录',
'users.version.islatest': 'GPUStack {version} 已是最新版本', 'users.version.islatest': 'ZStack AIOS {version} 已是最新版本',
'users.version.update': 'GPUStack {version} 版本可供更新', 'users.version.update': 'ZStack AIOS {version} 版本可供更新',
'users.settings.title': '用户设置', 'users.settings.title': '用户设置',
'users.status.activate': '启用账户', 'users.status.activate': '启用账户',
'users.status.deactivate': '停用账户', 'users.status.deactivate': '停用账户',
'users.status.inactiveAccount': '停用账户', 'users.status.inactiveAccount': '停用账户',
'users.login.getInitialPassword': 'users.login.getInitialPassword':
'在 GPUStack Server 节点运行以下命令以获取初始管理员密码。' '在 ZStack AIOS Server 节点运行以下命令以获取初始管理员密码。'
}; };
@@ -23,11 +23,6 @@ interface NumberSelectionProps {
labelExtra?: React.ReactNode; labelExtra?: React.ReactNode;
maxCount?: number; maxCount?: number;
tips?: string; tips?: string;
// Explicit preset tick values (e.g. [10,20,...,100] for percentage slicing).
// Overrides the default 1..maxCount sequence.
presetValues?: number[];
// Force the free-input box to show regardless of max/maxCount.
alwaysShowInput?: boolean;
onChange?: (value: number) => void; onChange?: (value: number) => void;
} }
@@ -44,18 +39,17 @@ const NumberSelection: React.FC<NumberSelectionProps> = ({
className, className,
maxCount = 8, maxCount = 8,
tips, tips,
presetValues,
alwaysShowInput,
style, style,
onChange onChange
}) => { }) => {
const intl = useIntl(); const intl = useIntl();
const showCustomInput = alwaysShowInput || max > maxCount; const showCustomInput = max > maxCount;
const presetItems = const presetItems = Array.from(
presetValues ?? { length: Math.max(0, maxCount) },
Array.from({ length: Math.max(0, maxCount) }, (_, i) => i + 1); (_, i) => i + 1
if (!presetValues && min <= 0) { );
if (min <= 0) {
presetItems.unshift(0); presetItems.unshift(0);
} }
const items = presetItems; const items = presetItems;
@@ -39,20 +39,9 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 12px; padding: 0 12px;
padding-right: 2px;
color: var(--ant-color-text-tertiary); color: var(--ant-color-text-tertiary);
white-space: nowrap; white-space: nowrap;
padding-block: 6px; padding-block: 6px;
width: 100%;
// Spread the label and its labelExtra (e.g. the whole/sliced Segmented)
// to opposite ends of the row.
:global(.label-text) {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
} }
.contentWrapper { .contentWrapper {
width: 100%; width: 100%;
-8
View File
@@ -1,4 +1,3 @@
import { ExtraContent } from '@/layouts/extraRender';
import { import {
PageContainer, PageContainer,
RouteContext, RouteContext,
@@ -9,7 +8,6 @@ import {
useOverlayScroller, useOverlayScroller,
type HeaderSlotContextValue type HeaderSlotContextValue
} from '@gpustack/core-ui'; } from '@gpustack/core-ui';
import { Divider } from 'antd';
import classNames from 'classnames'; import classNames from 'classnames';
import { import {
useCallback, useCallback,
@@ -120,12 +118,6 @@ export const PageContainerInner: React.FC<
</div> </div>
<div className={pageBoxCss.right}> <div className={pageBoxCss.right}>
<div ref={setRightEl} className={pageBoxCss.rightSlot} /> <div ref={setRightEl} className={pageBoxCss.rightSlot} />
<Divider
className={pageBoxCss.divider}
orientation="vertical"
style={{ margin: '0 16px' }}
/>
<ExtraContent />
</div> </div>
</div> </div>
<div <div
@@ -163,7 +163,11 @@ const PoolRows: React.FC<PoolRowsProps> = ({
key={col.dataIndex || col.key} key={col.dataIndex || col.key}
span={spanFor(col.dataIndex)} span={spanFor(col.dataIndex)}
style={{ style={{
color: 'var(--ant-color-text-secondary)' color: 'var(--ant-color-text-secondary)',
// CellContent shrinks to its content inside the flex
// cell, so its own align class can't center it —
// center at the cell level instead.
justifyContent: col.align
}} }}
> >
<CellContent <CellContent
@@ -153,7 +153,7 @@ const useClusterColumns = (
span: 3, span: 3,
render: (text: string, record: ClusterListItem) => ( render: (text: string, record: ClusterListItem) => (
<> <>
<AutoTooltip ghost title={text}> <AutoTooltip ghost title={text} minWidth={20}>
<span className="text-primary">{record.name}</span> <span className="text-primary">{record.name}</span>
</AutoTooltip> </AutoTooltip>
{record.is_default && ( {record.is_default && (
@@ -186,23 +186,24 @@ const useClusterColumns = (
{ {
title: intl.formatMessage({ id: 'dashboard.totalgpus' }), title: intl.formatMessage({ id: 'dashboard.totalgpus' }),
dataIndex: 'gpus', dataIndex: 'gpus',
span: 2,
sorter: tableSorter(3),
width: 100, width: 100,
sorter: tableSorter(3),
render: (value: number) => <span>{value}</span> render: (value: number) => <span>{value}</span>
}, },
{ {
title: intl.formatMessage({ id: 'clusters.table.deployments' }), title: intl.formatMessage({ id: 'clusters.table.deployments' }),
dataIndex: 'models', dataIndex: 'models',
sorter: tableSorter(4), sorter: tableSorter(4),
width: 100, span: spans.deployments,
maxWidth: 150,
render: (value: number) => <span>{value}</span> render: (value: number) => <span>{value}</span>
}, },
{ {
title: intl.formatMessage({ id: 'resources.nodes' }), title: intl.formatMessage({ id: 'resources.nodes' }),
dataIndex: 'workers', dataIndex: 'workers',
minWidth: 100,
maxWidth: 120,
sorter: tableSorter(5), sorter: tableSorter(5),
width: 100,
render: (value: number, record: ClusterListItem) => ( render: (value: number, record: ClusterListItem) => (
<span> <span>
{record.ready_workers} / {record.workers} {record.ready_workers} / {record.workers}
@@ -213,6 +214,7 @@ const useClusterColumns = (
title: intl.formatMessage({ id: 'common.table.status' }), title: intl.formatMessage({ id: 'common.table.status' }),
dataIndex: 'state', dataIndex: 'state',
span: spans.status, span: spans.status,
minWidth: 80,
align: 'center', align: 'center',
render: (value: number, record: ClusterListItem) => ( render: (value: number, record: ClusterListItem) => (
<StatusTag <StatusTag
@@ -116,6 +116,7 @@ const usePoolsColumns = (
dataIndex: 'replicas', dataIndex: 'replicas',
span: 6, span: 6,
key: 'replicas', key: 'replicas',
align: 'center',
editable: { editable: {
valueType: 'number', valueType: 'number',
title: intl.formatMessage({ id: 'models.table.replicas.edit' }) title: intl.formatMessage({ id: 'models.table.replicas.edit' })
@@ -1,54 +0,0 @@
import { request } from '@umijs/max';
import { FlavorItem, FormData, ListItem } from '../config/types';
export const GPU_INSTANCE_TYPES_API = '/gpu-instance-types';
export const GPU_INSTANCE_TYPE_FLAVORS_API = '/gpu-instance-type-flavors';
// GET /gpu-instance-types?cluster_id — instance types defined on a cluster.
export async function queryGPUInstanceTypes(
params: { cluster_id: number },
options?: any
) {
return request<{ items: ListItem[] }>(GPU_INSTANCE_TYPES_API, {
method: 'GET',
params,
cancelToken: options?.token
});
}
// GET /gpu-instance-type-flavors?cluster_id — the hardware flavors a new
// instance type can be based on.
export async function queryGPUInstanceTypeFlavors(
params: { cluster_id: number },
options?: any
) {
return request<{ items: FlavorItem[] }>(GPU_INSTANCE_TYPE_FLAVORS_API, {
method: 'GET',
params,
cancelToken: options?.token
});
}
// POST /gpu-instance-types?cluster_id (GPUInstanceTypeCreate).
export async function createGPUInstanceType(params: {
cluster_id: number;
data: FormData;
}) {
return request<ListItem>(GPU_INSTANCE_TYPES_API, {
method: 'POST',
params: { cluster_id: params.cluster_id },
data: params.data
});
}
// DELETE /gpu-instance-types/{name}?cluster_id.
export async function deleteGPUInstanceType(params: {
name: string;
cluster_id: number;
}) {
return request(`${GPU_INSTANCE_TYPES_API}/${params.name}`, {
method: 'DELETE',
params: { cluster_id: params.cluster_id }
});
}
@@ -1,165 +0,0 @@
import useSubmitLock from '@/hooks/use-submit-lock';
import Separator from '@/pages/llmodels/components/separator';
import { ColumnWrapper, GSDrawer, ModalFooter } from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
import { Typography, message } from 'antd';
import { useEffect, useRef, useState } from 'react';
import { FlavorItem, FormData } from '../config/types';
import GPUServiceInstanceTypeForm from '../forms';
import useQueryFlavors from '../services/use-query-flavors';
import styles from '../styles/instance-types.module.less';
import FlavorList from './flavor-list';
type AddInstanceTypeModalProps = {
title: string;
open: boolean;
clusterId?: number;
onOk: (values: FormData) => void;
onCancel: () => void;
};
const ColTitle: React.FC<{
children: React.ReactNode;
style?: React.CSSProperties;
}> = ({ children, style }) => (
<Typography.Title
level={3}
style={{
fontSize: 14,
paddingTop: 10,
paddingBottom: 16,
margin: 0,
position: 'sticky',
top: 0,
zIndex: 100,
backgroundColor: 'var(--ant-color-bg-elevated)',
...style
}}
>
{children}
</Typography.Title>
);
const AddInstanceTypeModal: React.FC<AddInstanceTypeModalProps> = ({
title,
open,
clusterId,
onOk,
onCancel
}) => {
const intl = useIntl();
const form = useRef<any>(null);
const { loading, guard, run, release } = useSubmitLock();
const [selectedFlavor, setSelectedFlavor] = useState<FlavorItem | null>(null);
const {
dataList: flavorList,
loading: flavorLoading,
fetchFlavors
} = useQueryFlavors();
// Fetch flavors when the drawer opens and auto-select the first one, so the
// form's flavor-derived fields (group / acceleratable) are always set.
useEffect(() => {
if (!open) {
setSelectedFlavor(null);
return;
}
if (!clusterId) return;
const load = async () => {
const list = await fetchFlavors(clusterId);
setSelectedFlavor(list?.[0] ?? null);
};
load();
}, [open, clusterId]);
const handleSubmit = () => {
if (!selectedFlavor) {
message.warning(
intl.formatMessage({ id: 'gpuservice.instanceType.flavor.required' })
);
return;
}
guard(() => form.current?.submit());
};
const handleCancel = () => {
form.current?.resetFields();
onCancel();
};
const onFinish = async (values: FormData) => {
await run(() => onOk({ ...values }));
};
return (
<GSDrawer
title={title}
open={open}
onClose={handleCancel}
destroyOnHidden
closeIcon={false}
mask={{ closable: false }}
keyboard={false}
styles={{
wrapper: { width: 'min(900px, calc(100vw - 220px))' },
body: { overflowY: 'hidden' }
}}
footer={false}
>
<div className={styles.container}>
<div className={styles.colWrapper}>
<ColumnWrapper styles={{ container: { paddingBlock: 0 } }}>
<div className={styles.panelBody}>
<div className={styles.stickyHead}>
<ColTitle
style={{
paddingBottom: 0
}}
>
{intl.formatMessage({ id: 'gpuservice.instanceType.flavor' })}
</ColTitle>
</div>
<FlavorList
value={selectedFlavor?.name}
dataList={flavorList}
loading={flavorLoading}
onChange={setSelectedFlavor}
/>
</div>
</ColumnWrapper>
<Separator />
</div>
<div className={styles.formWrapper}>
<ColumnWrapper
styles={{ container: { paddingBlock: 0 } }}
footer={
<ModalFooter
onOk={handleSubmit}
onCancel={handleCancel}
loading={loading}
style={{
padding: '16px 24px 8px',
display: 'flex',
justifyContent: 'flex-end'
}}
/>
}
>
<ColTitle>
{intl.formatMessage({ id: 'common.title.config' })}
</ColTitle>
<GPUServiceInstanceTypeForm
ref={form}
open={open}
selectedFlavor={selectedFlavor}
onFinish={onFinish}
onFinishFailed={release}
/>
</ColumnWrapper>
</div>
</div>
</GSDrawer>
);
};
export default AddInstanceTypeModal;
@@ -1,129 +0,0 @@
import { FileSkeletonRows } from '@/pages/llmodels/components/model-source/file-skeleton';
import {
AutoTooltip,
IconFont,
TemplateCard,
ThemeTag
} from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
import { Empty, Flex, Spin, Typography } from 'antd';
import _ from 'lodash';
import { formatMemoryDisplay } from '../../instances/config';
import { manufactureColorMap } from '../../templates/config';
import { FlavorItem } from '../config/types';
import styles from '../styles/instance-types.module.less';
const { Text } = Typography;
interface FlavorListProps {
value?: string;
dataList: FlavorItem[];
loading?: boolean;
onChange?: (item: FlavorItem) => void;
}
const MetaItem: React.FC<{
icon: string;
label: string;
value?: React.ReactNode;
}> = ({ icon, label, value }) => {
return (
<span className={styles.metaLabel}>
<IconFont className="icon" type={icon} />
{label}: <span className={styles.metaValue}>{value ?? '-'}</span>
</span>
);
};
const FlavorList: React.FC<FlavorListProps> = ({
value,
dataList,
loading,
onChange
}) => {
const intl = useIntl();
if (!dataList.length) {
if (loading) {
return (
<Spin spinning size="middle">
<Flex vertical gap={16} style={{ minHeight: 200 }}>
{_.times(6, (index: number) => (
<FileSkeletonRows key={index} counts={2} itemHeight={96} />
))}
</Flex>
</Spin>
);
}
return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
}
return (
<Flex vertical gap={16}>
{dataList.map((item) => {
const spec = item.spec || {};
const manufacturer = spec.manufacturer || '';
const color = manufactureColorMap[manufacturer] ?? 'purple';
// A generic (no product, no/`generic` manufacturer) flavor is shown as
// "CPU-only" instead of falling back to the raw flavor name.
const isCpuOnly =
!spec.acceleratable &&
!spec.product &&
(!manufacturer || manufacturer.toLowerCase() === 'generic');
const title = isCpuOnly ? 'CPU-only' : spec.product || item.name || '-';
return (
<TemplateCard
key={item.name}
className={styles.flavorCard}
clickable
ghost
hoverable
active={value === item.name}
onClick={() => onChange?.(item)}
>
<Flex vertical gap={12} style={{ width: '100%' }}>
<Flex align="center" justify="space-between" gap={8}>
<div style={{ minWidth: 0, fontWeight: 500 }}>
<AutoTooltip ghost minWidth={20}>
<Text>{title}</Text>
</AutoTooltip>
</div>
{manufacturer && (
<ThemeTag color={color} style={{ fontWeight: 400 }}>
{manufacturer.toUpperCase()}
</ThemeTag>
)}
</Flex>
{/* Memory / sliceable only apply to accelerator (GPU) flavors;
a non-acceleratable (generic) flavor has neither. */}
{spec.acceleratable && (
<Flex wrap gap={16}>
<MetaItem
icon="icon-ram-02"
label={intl.formatMessage({
id: 'gpuservice.instance.memory'
})}
value={formatMemoryDisplay(spec.memory ?? undefined) ?? '-'}
/>
<MetaItem
icon="icon-sliced"
label={intl.formatMessage({
id: 'gpuservice.instance.sliceable'
})}
value={
spec.sliceable
? intl.formatMessage({ id: 'common.table.yes' })
: intl.formatMessage({ id: 'common.table.no' })
}
/>
</Flex>
)}
</Flex>
</TemplateCard>
);
})}
</Flex>
);
};
export default FlavorList;
@@ -1,147 +0,0 @@
import {
AutoTooltip,
DropdownActions,
IconFont,
StatusTag,
TemplateCard,
ThemeTag
} from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
import { Button } from 'antd';
import _ from 'lodash';
import { formatMemoryDisplay } from '../../instances/config';
import { manufactureColorMap } from '../../templates/config';
import { ceilMilliToCore, parseQuantityToGi } from '../../utils';
import {
InstanceTypePhaseLabelMap,
status as phaseStatusMap,
rowActionList
} from '../config';
import { ListItem } from '../config/types';
import styles from '../styles/instance-types.module.less';
interface InstanceTypeCardProps {
data: ListItem;
onDelete?: (record: ListItem) => void;
}
const InstanceTypeCard: React.FC<InstanceTypeCardProps> = ({
data,
onDelete
}) => {
const intl = useIntl();
const spec = data.spec || {};
const unit = spec.unitResources || {};
const phase = data.status?.phase || '';
const manufacturer = spec.manufacturer || '';
const manufacturerColor = manufactureColorMap[manufacturer] ?? 'purple';
const memoryText = formatMemoryDisplay(spec.memory ?? undefined);
// Base resources, formatted into a single "·"-separated line. Falsy parts
// (e.g. a CPU-only type without VRAM) drop out rather than showing "-".
const cpuCores = ceilMilliToCore(unit.cpu ?? null)?.cores;
const ramGi = parseQuantityToGi(unit.ram ?? null)?.value;
const storageGi = parseQuantityToGi(spec.localStorage ?? null)?.value;
const osLabel = _.capitalize(spec.os || '');
const archLabel = _.toUpper(spec.arch || '');
const storageWord = intl.formatMessage({
id: 'gpuservice.instanceType.localStorage'
});
const footerParts = [
cpuCores != null ? `${cpuCores} vCPU` : null,
ramGi != null ? `${ramGi} GiB RAM` : null,
storageGi != null ? `${storageGi} GiB ${storageWord}` : null,
osLabel ? `${osLabel}${archLabel ? ` (${archLabel})` : ''}` : null
].filter(Boolean) as string[];
const handleAction = (item: any) => {
if (item.key === 'delete') {
onDelete?.(data);
}
};
return (
<TemplateCard
className={styles.listCard}
clickable={false}
hoverable
ghost
header={
<div className={styles.header}>
<span className={styles.product}>
<AutoTooltip ghost minWidth={20}>
{spec.product || data.name || '-'}
</AutoTooltip>
</span>
<span className={styles.headerRight}>
<span onClick={(e) => e.stopPropagation()}>
<DropdownActions
menu={{ items: rowActionList, onClick: handleAction }}
>
<Button
icon={<IconFont type="icon-more" />}
size="small"
type="text"
/>
</DropdownActions>
</span>
</span>
</div>
}
>
<div className={styles.card}>
<div className={styles.hero}>
<span className={styles.name}>
<AutoTooltip ghost minWidth={20}>
{data.name || '-'}
</AutoTooltip>
</span>
<span className={styles.memory}>{memoryText || '—'}</span>
</div>
<div className={styles.subline}>
{manufacturer && (
<ThemeTag color={manufacturerColor} style={{ fontWeight: 400 }}>
{manufacturer.toUpperCase()}
</ThemeTag>
)}
{phase ? (
<StatusTag
statusValue={{
status: phaseStatusMap[phase],
text: InstanceTypePhaseLabelMap[phase] || phase,
message: data.status?.phaseMessage || ''
}}
/>
) : null}
{spec.clockSpeed ? <span>{spec.clockSpeed}</span> : null}
<span
className={`${styles.tag} ${
spec.sliceable ? styles.tagSliceable : styles.tagPlain
}`}
>
{spec.sliceable
? intl.formatMessage({ id: 'gpuservice.instance.sliceable' })
: intl.formatMessage({
id: 'gpuservice.instanceType.notSliceable'
})}
</span>
</div>
<div className={styles.divider} />
<div className={styles.footer}>
{footerParts.map((part, index) => (
<span key={part}>
{index > 0 && <span className={styles.dotSep}>·</span>}
{part}
</span>
))}
</div>
</div>
</TemplateCard>
);
};
export default InstanceTypeCard;
@@ -1,31 +0,0 @@
import { ResizeContainer } from '@gpustack/core-ui';
import { Spin } from 'antd';
import { ListItem } from '../config/types';
import InstanceTypeCard from './instance-type-card';
interface InstanceTypeListProps {
dataList: ListItem[];
loading: boolean;
onDelete?: (record: ListItem) => void;
}
const InstanceTypeList: React.FC<InstanceTypeListProps> = ({
dataList,
loading,
onDelete
}) => {
return (
<Spin spinning={loading} size="middle">
<ResizeContainer
defaultSpan={8}
resizable
dataList={dataList}
renderItem={(item: ListItem) => (
<InstanceTypeCard data={item} onDelete={onDelete} />
)}
/>
</Spin>
);
};
export default InstanceTypeList;
@@ -1,47 +0,0 @@
import { StatusMaps } from '@/config';
import { StatusType } from '@/config/types';
import { icons } from '@gpustack/core-ui';
// os is fixed to lowercase "linux" on the wire; the form only ever shows Linux.
export const GPU_INSTANCE_TYPE_OS = 'linux';
export const InstanceTypePhaseValueMap = {
Active: 'Active',
Inactive: 'Inactive',
Preparing: 'Preparing'
};
export const InstanceTypePhaseLabelMap: Record<string, string> = {
[InstanceTypePhaseValueMap.Active]: 'Active',
[InstanceTypePhaseValueMap.Inactive]: 'Inactive',
[InstanceTypePhaseValueMap.Preparing]: 'Preparing'
};
export const status: Record<string, StatusType> = {
[InstanceTypePhaseValueMap.Active]: StatusMaps.success,
[InstanceTypePhaseValueMap.Inactive]: StatusMaps.inactive,
[InstanceTypePhaseValueMap.Preparing]: StatusMaps.transitioning
};
export const ArchOptions = [
{ label: 'amd64', value: 'amd64' },
{ label: 'arm64', value: 'arm64' }
];
// ``icon`` is narrowed to ``any`` so the inferred type doesn't reach into
// the antd icon component's internal path.
export const rowActionList: Array<{
label: string;
key: string;
locale: boolean;
icon: any;
danger?: boolean;
}> = [
{
label: 'common.button.delete',
key: 'delete',
locale: true,
icon: icons.DeleteOutlined,
danger: true
}
];
@@ -1,65 +0,0 @@
export interface UnitResources {
cpu?: string | null;
ram?: string | null;
}
export interface InstanceTypeSpec {
manufacturer?: string | null;
product?: string | null;
family?: string | null;
memory?: string | null;
cores?: string | null;
clockSpeed?: string | null;
sliceable?: boolean;
os?: string | null;
arch?: string | null;
acceleratable?: boolean;
acceleratorGroup?: string | null;
generalGroup?: string | null;
unitResources?: UnitResources | null;
localStorage?: string | null;
}
export interface InstanceTypeStatus {
phase?: string | null;
phaseMessage?: string | null;
}
// Row shape for the management list (GET /gpu-instance-types).
export interface ListItem {
name: string;
spec: InstanceTypeSpec;
status?: InstanceTypeStatus;
}
// Selectable flavor shown in the create drawer's first column
// (GET /gpu-instance-type-flavors). Its acceleratorGroup / generalGroup /
// acceleratable are copied into the created instance type.
export interface FlavorItem {
name: string;
spec: {
manufacturer?: string | null;
product?: string | null;
family?: string | null;
memory?: string | null;
cores?: string | null;
sliceable?: boolean;
acceleratable?: boolean;
acceleratorGroup?: string | null;
generalGroup?: string | null;
};
}
// Body for POST /gpu-instance-types (GPUInstanceTypeCreate).
export interface FormData {
name: string;
spec: {
acceleratorGroup?: string | null;
generalGroup?: string | null;
acceleratable?: boolean;
os: string;
arch?: string | null;
unitResources?: UnitResources;
localStorage?: string | null;
};
}
@@ -1,228 +0,0 @@
import { validateLabelNameRegxFor63 } from '@/config';
import {
Input as CInput,
InputNumber,
Select as SealSelect,
useAppUtils
} from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
import { Form } from 'antd';
import { forwardRef, useEffect, useImperativeHandle } from 'react';
import { ArchOptions, GPU_INSTANCE_TYPE_OS } from '../config';
import { FlavorItem, FormData } from '../config/types';
// RAM / storage are entered as a plain number in GB but stored/submitted as a
// "Gi" quantity string. These drive the FormItem's submit (`normalize`) and
// display (`getValueProps`) conversions.
const giNormalize = (value?: number | string | null) =>
value ? `${value}Gi` : undefined;
const giValueProps = (value?: string | null) => ({
value: value ? String(value).replace(/Gi$/i, '') : ''
});
interface InstanceTypeFormProps {
ref?: any;
open: boolean;
// The flavor picked in the drawer's first column. Its acceleratorGroup /
// generalGroup / acceleratable are copied into the created instance type.
selectedFlavor?: FlavorItem | null;
onFinish: (values: FormData) => Promise<void>;
onFinishFailed?: (errorInfo: any) => void;
}
const GPUServiceInstanceTypeForm: React.FC<InstanceTypeFormProps> = forwardRef(
(props, ref) => {
const { open, selectedFlavor, onFinish, onFinishFailed } = props;
const intl = useIntl();
const { getRuleMessage } = useAppUtils();
const [form] = Form.useForm<FormData>();
// A non-acceleratable (generic) flavor has no per-GPU concept, so unit CPU
// is fixed to 1 and the field is disabled.
const acceleratable = !!selectedFlavor?.spec?.acceleratable;
useEffect(() => {
if (!open) {
form.resetFields();
return;
}
form.setFieldsValue({
spec: {
arch: ArchOptions[0].value
}
} as any);
}, [open, form]);
// Force unit CPU to 1 whenever the picked flavor is not acceleratable.
useEffect(() => {
if (!open || acceleratable) return;
form.setFieldValue(['spec', 'unitResources', 'cpu'], 1);
}, [open, acceleratable, form]);
useImperativeHandle(ref, () => ({
submit: () => {
form.submit();
},
resetFields: () => {
form.resetFields();
}
}));
const handleFinish = async (values: FormData) => {
// The hardware group / acceleratable flags are not user-editable; they
// come from the chosen flavor. os is fixed to lowercase "linux". ram /
// localStorage already carry the "Gi" suffix from the FormItem normalize.
const cpu = values.spec?.unitResources?.cpu;
await onFinish({
name: values.name,
spec: {
acceleratorGroup: selectedFlavor?.spec?.acceleratorGroup ?? null,
generalGroup: selectedFlavor?.spec?.generalGroup ?? null,
acceleratable: selectedFlavor?.spec?.acceleratable ?? false,
os: GPU_INSTANCE_TYPE_OS,
arch: values.spec?.arch ?? null,
unitResources: {
cpu: cpu != null && cpu !== '' ? String(cpu) : null,
ram: values.spec?.unitResources?.ram ?? null
},
localStorage: values.spec?.localStorage ?? null
}
});
};
return (
<Form
name="gpuServiceInstanceTypeForm"
form={form}
onFinish={handleFinish}
onFinishFailed={onFinishFailed}
preserve={false}
>
<Form.Item<FormData>
name="name"
rules={[
{
required: true,
message: getRuleMessage('input', 'common.table.name')
},
{
pattern: validateLabelNameRegxFor63,
message: intl.formatMessage({ id: 'gpuservice.form.rule.name' })
}
]}
>
<CInput.Input
label={intl.formatMessage({ id: 'common.table.name' })}
required
/>
</Form.Item>
<Form.Item>
<CInput.Input
disabled
value="Linux"
label={intl.formatMessage({ id: 'gpuservice.instance.os' })}
/>
</Form.Item>
<Form.Item<FormData>
name={['spec', 'arch']}
rules={[
{
required: true,
message: getRuleMessage('select', 'gpuservice.instance.arch')
}
]}
>
<SealSelect
label={intl.formatMessage({ id: 'gpuservice.instance.arch' })}
required
options={ArchOptions}
/>
</Form.Item>
<Form.Item<FormData>
name={['spec', 'unitResources', 'cpu']}
rules={[
{
required: true,
message: getRuleMessage(
'input',
'gpuservice.instanceType.unitCpu'
)
}
]}
>
<InputNumber
min={0}
disabled={!acceleratable}
style={{ width: '100%' }}
label={intl.formatMessage({
id: 'gpuservice.instanceType.unitCpu'
})}
description={intl.formatMessage({
id: 'gpuservice.instanceType.unitCpu.tip'
})}
required
/>
</Form.Item>
<Form.Item<FormData>
name={['spec', 'unitResources', 'ram']}
normalize={giNormalize}
getValueProps={giValueProps}
rules={[
{
required: true,
message: getRuleMessage(
'input',
'gpuservice.instanceType.unitRam'
)
}
]}
>
<InputNumber
min={0}
style={{ width: '100%' }}
label={`${intl.formatMessage({
id: 'gpuservice.instanceType.unitRam'
})} (GB)`}
description={intl.formatMessage({
id: 'gpuservice.instanceType.unitRam.tip'
})}
required
/>
</Form.Item>
<Form.Item<FormData>
name={['spec', 'localStorage']}
normalize={giNormalize}
getValueProps={giValueProps}
rules={[
{
required: true,
message: getRuleMessage(
'input',
'gpuservice.instanceType.localStorage'
)
}
]}
>
<InputNumber
min={0}
style={{ width: '100%' }}
label={`${intl.formatMessage({
id: 'gpuservice.instanceType.localStorage'
})} (GB)`}
description={intl.formatMessage({
id: 'gpuservice.instanceType.localStorage.tip'
})}
required
/>
</Form.Item>
</Form>
);
}
);
export default GPUServiceInstanceTypeForm;
@@ -1,37 +0,0 @@
import useBodyScroll from '@/hooks/use-body-scroll';
import { useState } from 'react';
const useCreateInstanceTypeModal = () => {
const { saveScrollHeight, restoreScrollHeight } = useBodyScroll();
const [openModalStatus, setOpenModalStatus] = useState<{
open: boolean;
title: string;
}>({
open: false,
title: ''
});
const openModal = (title: string) => {
setOpenModalStatus({
open: true,
title
});
saveScrollHeight();
};
const closeModal = () => {
setOpenModalStatus({
open: false,
title: ''
});
restoreScrollHeight();
};
return {
openInstanceTypeModalStatus: openModalStatus,
openInstanceTypeModal: openModal,
closeInstanceTypeModal: closeModal
};
};
export default useCreateInstanceTypeModal;
@@ -1,224 +0,0 @@
import { QuestionCircleOutlined } from '@ant-design/icons';
import {
AutoTooltip,
DropdownButtons,
icons,
StatusTag,
ThemeTag
} from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
import { Space, Tooltip } from 'antd';
import type { ColumnsType } from 'antd/lib/table';
import _ from 'lodash';
import { useMemo } from 'react';
import { formatMemoryDisplay } from '../../instances/config';
import { manufactureColorMap } from '../../templates/config';
import {
ceilMilliToCore,
formatManufacturer,
parseQuantityToGi
} from '../../utils';
import { InstanceTypePhaseLabelMap, status as phaseStatusMap } from '../config';
import { ListItem } from '../config/types';
interface ColumnsHookProps {
handleSelect: (val: string, record: ListItem) => void;
}
// DropdownButtons reads `locale` / `props` at runtime; its `items` prop is
// typed as antd's MenuProps['items'], so cast the config to satisfy it.
const rowActions = [
{
label: 'common.button.delete',
key: 'delete',
locale: true,
icon: icons.DeleteOutlined,
props: { danger: true }
}
] as any;
// Column header with an info tooltip (used for the per-GPU resource columns).
const TitleWithTip: React.FC<{ title: string; tip: string }> = ({
title,
tip
}) => (
<Space size={4}>
<span>{title}</span>
<Tooltip title={tip}>
<QuestionCircleOutlined
style={{ color: 'var(--ant-color-text-tertiary)' }}
/>
</Tooltip>
</Space>
);
const useInstanceTypeColumns = ({
handleSelect
}: ColumnsHookProps): ColumnsType<ListItem> => {
const intl = useIntl();
return useMemo(() => {
return [
{
title: intl.formatMessage({ id: 'common.table.name' }),
dataIndex: 'name',
key: 'name',
ellipsis: { showTitle: false },
render: (text: string) => (
<AutoTooltip ghost maxWidth={240} title={text}>
<span className="text-primary">{text || '-'}</span>
</AutoTooltip>
)
},
{
title: intl.formatMessage({ id: 'gpuservice.instanceType.product' }),
dataIndex: ['spec', 'product'],
key: 'product',
ellipsis: { showTitle: false },
render: (text: string) => (
<AutoTooltip ghost maxWidth={200}>
{text || '-'}
</AutoTooltip>
)
},
{
title: intl.formatMessage({ id: 'resources.table.vendor' }),
dataIndex: ['spec', 'manufacturer'],
key: 'manufacturer',
ellipsis: { showTitle: false },
render: (value: string) =>
value ? (
<ThemeTag
color={manufactureColorMap[value] ?? 'purple'}
style={{ fontWeight: 400, width: 'fit-content' }}
>
{formatManufacturer(value)}
</ThemeTag>
) : (
'-'
)
},
{
title: intl.formatMessage({ id: 'gpuservice.instance.memory' }),
dataIndex: ['spec', 'memory'],
key: 'memory',
ellipsis: { showTitle: false },
// Non-acceleratable (generic) types have no VRAM concept → N/A.
render: (value: string, record: ListItem) =>
record.spec?.acceleratable
? formatMemoryDisplay(value ?? undefined) || '-'
: 'N/A'
},
// {
// title: intl.formatMessage({ id: 'gpuservice.instance.sliceable' }),
// dataIndex: ['spec', 'sliceable'],
// key: 'sliceable',
// ellipsis: { showTitle: false },
// render: (value: boolean) =>
// value
// ? intl.formatMessage({ id: 'common.table.yes' })
// : intl.formatMessage({ id: 'common.table.no' })
// },
{
title: (
<TitleWithTip
title={intl.formatMessage({
id: 'gpuservice.instanceType.unitCpu'
})}
tip={intl.formatMessage({
id: 'gpuservice.instanceType.unitCpu.tip'
})}
/>
),
dataIndex: ['spec', 'unitResources', 'cpu'],
key: 'cpu',
ellipsis: { showTitle: false },
render: (value: string) => {
const cores = ceilMilliToCore(value ?? null)?.cores;
return cores != null ? `${cores} vCPU` : '-';
}
},
{
title: (
<TitleWithTip
title={intl.formatMessage({
id: 'gpuservice.instanceType.unitRam'
})}
tip={intl.formatMessage({
id: 'gpuservice.instanceType.unitRam.tip'
})}
/>
),
dataIndex: ['spec', 'unitResources', 'ram'],
key: 'ram',
ellipsis: { showTitle: false },
render: (value: string) => {
const gi = parseQuantityToGi(value ?? null)?.value;
return gi != null ? `${gi} GB` : '-';
}
},
{
title: (
<TitleWithTip
title={intl.formatMessage({
id: 'gpuservice.instanceType.localStorage'
})}
tip={intl.formatMessage({
id: 'gpuservice.instanceType.localStorage.tip'
})}
/>
),
dataIndex: ['spec', 'localStorage'],
key: 'localStorage',
ellipsis: { showTitle: false },
render: (value: string) => {
const gi = parseQuantityToGi(value ?? null)?.value;
return gi != null ? `${gi} GB` : '-';
}
},
{
title: intl.formatMessage({ id: 'gpuservice.instance.os' }),
key: 'os',
ellipsis: { showTitle: false },
render: (_text, record: ListItem) => {
const os = _.capitalize(record.spec?.os || '');
const arch = _.toUpper(record.spec?.arch || '');
if (!os) return '-';
return arch ? `${os} (${arch})` : os;
}
},
{
title: intl.formatMessage({ id: 'common.table.status' }),
dataIndex: ['status', 'phase'],
key: 'status',
ellipsis: { showTitle: false },
render: (value: string, record: ListItem) =>
value ? (
<StatusTag
statusValue={{
status: phaseStatusMap[value],
text: InstanceTypePhaseLabelMap[value] || value,
message: record.status?.phaseMessage || ''
}}
/>
) : (
'-'
)
},
{
title: intl.formatMessage({ id: 'common.table.operation' }),
key: 'operation',
dataIndex: 'operation',
ellipsis: { showTitle: false },
render: (_text, record: ListItem) => (
<DropdownButtons
items={rowActions}
onSelect={(val: string) => handleSelect(val, record)}
/>
)
}
];
}, [handleSelect, intl]);
};
export default useInstanceTypeColumns;
@@ -1,231 +0,0 @@
import { ProviderValueMap } from '@/pages/cluster-management/config';
import { useQueryClusterList } from '@/pages/cluster-management/services/use-query-cluster-list';
import {
BaseSelect,
DeleteModal,
FilterBar,
IconFont,
NoResult
} from '@gpustack/core-ui';
import { useIntl } from '@umijs/max';
import { useMemoizedFn } from 'ahooks';
import { ConfigProvider, Divider, Flex, Table, message } from 'antd';
import { useEffect, useMemo, useRef, useState } from 'react';
import PageBox, { HeaderLeft } from '../../_components/page-box';
import { deleteGPUInstanceType } from './apis';
import AddInstanceTypeModal from './components/add-instance-type-modal';
import { FormData, ListItem } from './config/types';
import useCreateInstanceTypeModal from './hooks/use-create-instance-type-modal';
import useInstanceTypeColumns from './hooks/use-instance-type-columns';
import useCreateInstanceType from './services/use-create-instance-type';
import useQueryInstanceTypes from './services/use-query-instance-types';
const GPUServiceInstanceTypes: React.FC = () => {
const intl = useIntl();
const deleteModalRef = useRef<any>(null);
const [clusterId, setClusterId] = useState<number | undefined>();
const [keyword, setKeyword] = useState('');
const [loaded, setLoaded] = useState(false);
const {
clusterList,
fetchClusterList,
loading: clusterLoading
} = useQueryClusterList();
const {
dataList,
loading: instanceTypesLoading,
fetchInstanceTypes
} = useQueryInstanceTypes();
const { fetchData: createInstanceType } = useCreateInstanceType();
const {
openInstanceTypeModalStatus,
openInstanceTypeModal,
closeInstanceTypeModal
} = useCreateInstanceTypeModal();
// Only Kubernetes clusters own GPU instance types.
const k8sClusters = useMemo(
() => clusterList.filter((c) => c.provider === ProviderValueMap.Kubernetes),
[clusterList]
);
// Fetch the visible clusters, default to the first Kubernetes one, then load
// its instance types. Action-driven: subsequent loads fire from the cluster
// picker / refresh, never from an effect dependency.
useEffect(() => {
const init = async () => {
const items = await fetchClusterList({ page: -1 });
const firstK8s = (items || []).find(
(c: any) => c.provider === ProviderValueMap.Kubernetes
);
if (firstK8s?.id != null) {
setClusterId(firstK8s.id);
await fetchInstanceTypes(firstK8s.id);
}
setLoaded(true);
};
init();
}, []);
const handleClusterChange = useMemoizedFn((value: number) => {
setClusterId(value);
setKeyword('');
fetchInstanceTypes(value);
});
const handleRefresh = useMemoizedFn(() => {
if (clusterId != null) {
fetchInstanceTypes(clusterId);
}
});
const handleNameChange = useMemoizedFn(
(e: React.ChangeEvent<HTMLInputElement>) => {
setKeyword(e.target.value);
}
);
const handleAdd = useMemoizedFn(() => {
openInstanceTypeModal(
intl.formatMessage({ id: 'gpuservice.instanceType.add' })
);
});
const handleModalOk = useMemoizedFn(async (data: FormData) => {
if (clusterId == null) return;
try {
await createInstanceType({ cluster_id: clusterId, data });
closeInstanceTypeModal();
message.success(intl.formatMessage({ id: 'common.message.success' }));
fetchInstanceTypes(clusterId);
} catch (error) {
// handled by the request interceptor
}
});
const handleDelete = useMemoizedFn((record: ListItem) => {
if (clusterId == null) return;
deleteModalRef.current?.show({
content: intl.formatMessage({ id: 'gpuservice.instanceType' }),
operation: 'common.delete.single.confirm',
name: record.name,
async onOk() {
await deleteGPUInstanceType({
name: record.name,
cluster_id: clusterId
});
fetchInstanceTypes(clusterId);
}
});
});
const handleSelect = useMemoizedFn((val: string, record: ListItem) => {
if (val === 'delete') {
handleDelete(record);
}
});
const columns = useInstanceTypeColumns({ handleSelect });
const filteredList = useMemo(() => {
const trimmed = keyword.trim().toLowerCase();
if (!trimmed) return dataList;
return dataList.filter((item) => item.name.toLowerCase().includes(trimmed));
}, [dataList, keyword]);
const hasK8sCluster = k8sClusters.length > 0;
const renderEmpty = (type?: string) => {
if (type !== 'Table') return;
return (
<NoResult
loading={instanceTypesLoading || clusterLoading}
loadend={loaded}
dataSource={filteredList}
image={<IconFont type="icon-gpu1" />}
filters={keyword ? { search: keyword } : undefined}
noFoundText={intl.formatMessage({
id: 'noresult.gpuservice.instanceType.nofound'
})}
title={intl.formatMessage({
id: 'noresult.gpuservice.instanceType.title'
})}
subTitle={
hasK8sCluster
? intl.formatMessage({
id: 'noresult.gpuservice.instanceType.subTitle'
})
: intl.formatMessage({ id: 'noresult.resources.k8sCluster' })
}
{...(hasK8sCluster
? {
onClick: handleAdd,
buttonText: intl.formatMessage({ id: 'noresult.button.add' })
}
: {})}
/>
);
};
return (
<>
<HeaderLeft>
<Flex align="center">
<span className="font-600">
{intl.formatMessage({ id: 'gpuservice.instance.types' })}
</span>
<Divider orientation="vertical" style={{ margin: '0 16px' }} />
<BaseSelect
size="small"
variant="borderless"
style={{ minWidth: 160 }}
popupMatchSelectWidth={false}
options={k8sClusters}
value={clusterId}
onChange={handleClusterChange}
/>
</Flex>
</HeaderLeft>
<PageBox>
<FilterBar
marginBottom={22}
marginTop={30}
showSelect={false}
inputHolder={intl.formatMessage({
id: 'gpuservice.instanceType.filter.name'
})}
buttonText={intl.formatMessage({
id: 'gpuservice.instanceType.add'
})}
handleSearch={handleRefresh}
handleClickPrimary={hasK8sCluster ? handleAdd : undefined}
handleInputChange={handleNameChange}
widths={{ input: 300 }}
/>
<ConfigProvider renderEmpty={renderEmpty}>
<Table
columns={columns}
dataSource={filteredList}
loading={{
spinning: instanceTypesLoading || clusterLoading,
size: 'middle'
}}
rowKey={(record) => record.name}
pagination={false}
/>
</ConfigProvider>
</PageBox>
<AddInstanceTypeModal
open={openInstanceTypeModalStatus.open}
title={openInstanceTypeModalStatus.title}
clusterId={clusterId}
onCancel={closeInstanceTypeModal}
onOk={handleModalOk}
/>
<DeleteModal ref={deleteModalRef} />
</>
);
};
export default GPUServiceInstanceTypes;
@@ -1,35 +0,0 @@
import { useQueryData } from '@gpustack/core-ui';
import { useCallback } from 'react';
import { createGPUInstanceType } from '../apis';
import { FormData, ListItem } from '../config/types';
interface CreateInstanceTypeParams {
cluster_id: number;
data: FormData;
}
export default function useCreateInstanceType() {
const fetchDetail = useCallback(
(params: CreateInstanceTypeParams) =>
createGPUInstanceType({
cluster_id: params.cluster_id,
data: params.data
}),
[]
);
const { detailData, loading, cancelRequest, fetchData } = useQueryData<
ListItem,
CreateInstanceTypeParams
>({
fetchDetail,
key: 'createInstanceType'
});
return {
detailData,
loading,
cancelRequest,
fetchData
};
}
@@ -1,58 +0,0 @@
import { createAxiosToken } from '@/hooks/use-chunk-request';
import { useRequest } from 'ahooks';
import { CancelTokenSource } from 'axios';
import { useEffect, useRef, useState } from 'react';
import { queryGPUInstanceTypeFlavors } from '../apis';
import { FlavorItem } from '../config/types';
// Cluster-scoped flavors for the create drawer's first column. Fetched when
// the drawer opens (and on cluster change), never via an effect dependency.
export default function useQueryFlavors() {
const tokenRef = useRef<CancelTokenSource | null>(null);
const [dataList, setDataList] = useState<FlavorItem[]>([]);
const {
runAsync: fetchFlavors,
loading,
cancel
} = useRequest(
async (clusterId: number) => {
tokenRef.current?.cancel();
tokenRef.current = createAxiosToken();
const res = await queryGPUInstanceTypeFlavors(
{ cluster_id: clusterId },
{ token: tokenRef.current.token }
);
const list = res?.items || [];
setDataList(list);
return list;
},
{
manual: true,
onError: (error: any) => {
if (error?.message === 'CANCEL_PREVIOUS_REQUEST') return;
setDataList([]);
}
}
);
const cancelRequest = () => {
cancel();
tokenRef.current?.cancel('CANCEL_PREVIOUS_REQUEST');
};
useEffect(() => {
return () => {
cancel();
tokenRef.current?.cancel();
};
}, []);
return {
dataList,
loading,
fetchFlavors,
cancelRequest,
setDataList
};
}
@@ -1,60 +0,0 @@
import { createAxiosToken } from '@/hooks/use-chunk-request';
import { useRequest } from 'ahooks';
import { CancelTokenSource } from 'axios';
import { useEffect, useRef, useState } from 'react';
import { queryGPUInstanceTypes } from '../apis';
import { ListItem } from '../config/types';
// Cluster-scoped instance types for the management list. Action-driven:
// call fetchInstanceTypes(clusterId) from the cluster picker / refresh, not
// via an effect dependency.
export default function useQueryInstanceTypes() {
const tokenRef = useRef<CancelTokenSource | null>(null);
const [dataList, setDataList] = useState<ListItem[]>([]);
const {
runAsync: fetchInstanceTypes,
loading,
cancel
} = useRequest(
async (clusterId: number) => {
tokenRef.current?.cancel();
tokenRef.current = createAxiosToken();
const res = await queryGPUInstanceTypes(
{ cluster_id: clusterId },
{ token: tokenRef.current.token }
);
const list = res?.items || [];
setDataList(list);
return list;
},
{
manual: true,
onError: (error: any) => {
// Ignore the synthetic cancel error from switching clusters quickly.
if (error?.message === 'CANCEL_PREVIOUS_REQUEST') return;
setDataList([]);
}
}
);
const cancelRequest = () => {
cancel();
tokenRef.current?.cancel('CANCEL_PREVIOUS_REQUEST');
};
useEffect(() => {
return () => {
cancel();
tokenRef.current?.cancel();
};
}, []);
return {
dataList,
loading,
fetchInstanceTypes,
cancelRequest,
setDataList
};
}
@@ -1,150 +0,0 @@
// ============ create drawer (two-column: flavors | form) ============
.container {
display: flex;
height: 100%;
min-height: 0;
}
.colWrapper {
display: flex;
flex: 1;
min-width: 0;
min-height: 0;
}
.formWrapper {
display: flex;
flex: 1;
min-width: 0;
min-height: 0;
}
.panelBody {
display: flex;
flex-direction: column;
gap: 16px;
height: 100%;
min-height: 0;
}
.stickyHead {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: 0;
z-index: 10;
background-color: var(--ant-color-bg-elevated);
}
.flavorCard {
height: auto !important;
min-height: 96px;
}
// ============ list card (Linear-style, minimal) ============
.listCard {
height: auto !important;
}
.card {
display: flex;
flex-direction: column;
height: 100%;
}
// --- level 1: identity + status + actions ---
.header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
min-width: 0;
width: 100%;
}
.name {
min-width: 0;
font-size: 13px;
color: var(--ant-color-text-tertiary);
}
.headerRight {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
// --- level 2: hero (model + memory) ---
.hero {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-top: 18px;
}
.product {
min-width: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: var(--ant-color-text);
}
.memory {
flex-shrink: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: var(--ant-color-text);
}
.subline {
display: flex;
align-items: center;
gap: 8px;
margin-top: 8px;
min-height: 22px;
font-size: 13px;
color: var(--ant-color-text-tertiary);
}
.tag {
display: inline-flex;
align-items: center;
height: 22px;
padding: 0 8px;
border-radius: var(--ant-border-radius-sm);
font-size: 12px;
line-height: 1;
}
.tagSliceable {
color: var(--ant-color-primary);
background-color: var(--ant-color-primary-bg);
}
.tagPlain {
color: var(--ant-color-text-tertiary);
background-color: var(--ant-color-fill-tertiary);
}
// --- level 3: base resources ---
.divider {
height: 1px;
margin: 16px 0;
background-color: var(--ant-color-border-secondary);
opacity: 0.6;
}
.footer {
font-size: 14px;
color: var(--ant-color-text-tertiary);
}
.dotSep {
margin: 0 8px;
color: var(--ant-color-text-quaternary);
}
@@ -12,7 +12,7 @@ import {
export const GPU_SERVICE_INSTANCES_API = '/gpu-instances'; export const GPU_SERVICE_INSTANCES_API = '/gpu-instances';
export const GPU_SERVICE_INSTANCES_TYPE_API = '/gpu-instance-types/aggregated'; export const GPU_SERVICE_INSTANCES_TYPE_API = '/gpu-instance-types';
// View logs / events still go through the K8s proxy until the /v2 // View logs / events still go through the K8s proxy until the /v2
// /gpu-instances API exposes equivalents. clusterID and namespace come // /gpu-instances API exposes equivalents. clusterID and namespace come
@@ -5,10 +5,11 @@ import { Flex, Tag } from 'antd';
import _ from 'lodash'; import _ from 'lodash';
import styled from 'styled-components'; import styled from 'styled-components';
import { manufactureColorMap } from '../../templates/config'; import { manufactureColorMap } from '../../templates/config';
import { formatManufacturer } from '../../utils';
import { formatMemoryDisplay } from '../config'; import { formatMemoryDisplay } from '../config';
import { InstanceTypeItem as InstanceTypeItemModel } from '../config/types'; import { InstanceTypeItem as InstanceTypeItemModel } from '../config/types';
const Vendors = ['intel'] as const;
const Title = styled.div` const Title = styled.div`
display: flex; display: flex;
align-items: center; align-items: center;
@@ -58,9 +59,6 @@ interface InstanceTypeItemProps {
interface MetadataSectionProps { interface MetadataSectionProps {
spec: InstanceTypeItemModel['spec']; spec: InstanceTypeItemModel['spec'];
// status.onceMaxRequest.acceleratorSliced (max sliceable percentage). Shown
// next to Max for sliceable types.
slicedMaxPercentage?: number;
} }
const MetaItem: React.FC<{ const MetaItem: React.FC<{
@@ -119,95 +117,109 @@ function getInstanceDerived(item: InstanceTypeItemModel) {
ramUnit: spec.unitResourcesParsed?.ram?.value, ramUnit: spec.unitResourcesParsed?.ram?.value,
os: _.capitalize(spec.os) || '', os: _.capitalize(spec.os) || '',
arch: spec.arch, arch: spec.arch,
cpuManufacturer: formatManufacturer(cpuManufacturer), cpuManufacturer: Vendors.includes(cpuManufacturer as any)
? _.capitalize(cpuManufacturer)
: _.toUpper(cpuManufacturer),
cpuUnitCores: spec.unitResourcesParsed?.cpu?.cores cpuUnitCores: spec.unitResourcesParsed?.cpu?.cores
}; };
} }
type MetaEntry = { icon: string; label?: string; value: React.ReactNode };
// All rows share a single grid so columns — and therefore icons — line up
// vertically. Each item is 3 cells (icon/label/value); every item past the
// first adds a leading dot cell, so a row of k items spans 4k-1 cells. A short
// row is padded with a spanning spacer so the next row restarts at column 1.
const renderMetaRow = (items: MetaEntry[], columns: number, rowKey: string) => {
const cells = items.map((item, index) => (
<MetaItem
key={`${rowKey}-${item.icon}`}
showDot={index > 0}
icon={item.icon}
label={item.label}
value={item.value}
/>
));
const remaining = columns - (4 * items.length - 1);
if (remaining > 0) {
cells.push(
<span
key={`${rowKey}-spacer`}
style={{ gridColumn: `span ${remaining}` }}
/>
);
}
return cells;
};
export const InstanceMetadataSection: React.FC<MetadataSectionProps> = ({ export const InstanceMetadataSection: React.FC<MetadataSectionProps> = ({
spec, spec
slicedMaxPercentage
}) => { }) => {
const intl = useIntl(); const intl = useIntl();
const { ramUnit, cpuUnitCores, isGPU, arch } = getInstanceDerived({ const { ramUnit, cpuUnitCores, isGPU, os, arch } = getInstanceDerived({
spec spec
} as InstanceTypeItemModel); } as InstanceTypeItemModel);
// Sliceable types append a "Sliceable {n}%" cell to the second row.
const showSliceable = !!spec.sliceable && (slicedMaxPercentage ?? 0) > 0;
const cpuItem: MetaEntry = {
icon: 'icon-cpu',
label: 'CPU',
value: cpuUnitCores || '-'
};
const ramItem: MetaEntry = {
icon: 'icon-ram-02',
label: intl.formatMessage({ id: 'gpuservice.instance.ram' }),
value: ramUnit ? `${ramUnit} GB` : '-'
};
const memoryItem: MetaEntry = {
icon: 'icon-gpu1',
label: intl.formatMessage({ id: 'gpuservice.instance.memory' }),
value: formatMemoryDisplay(spec?.memory ?? undefined) ?? '-'
};
const archItem: MetaEntry = {
icon: 'icon-cube',
label: intl.formatMessage({ id: 'gpuservice.instance.arch' }),
value: _.toUpper(arch) || '-'
};
const maxItem: MetaEntry = {
icon: 'icon-database',
label: intl.formatMessage({ id: 'common.max' }, { count: '' }),
value: `${spec.maxComputeUnitCount || 0}`
};
const slicedItem: MetaEntry = {
icon: 'icon-sliced',
label: intl.formatMessage({ id: 'gpuservice.instance.sliceable' }),
value: `${slicedMaxPercentage}%`
};
// GPU: 3 items/row → 11 cols. CPU: 2 items/row → 7 cols.
const columns = isGPU ? 11 : 7;
const rows: MetaEntry[][] = isGPU
? [
[ramItem, memoryItem, cpuItem],
showSliceable ? [archItem, maxItem, slicedItem] : [archItem, maxItem]
]
: [[ramItem], [archItem, maxItem]];
return ( return (
<Meta $columns={columns}> <Meta $columns={isGPU ? 11 : 7}>
{rows.map((row, index) => renderMetaRow(row, columns, `row-${index}`))} {isGPU && (
<>
{/* row 1: Memory | Max | RAM */}
<MetaItem
show={isGPU}
showDot={false}
icon="icon-gpu1"
label={intl.formatMessage({ id: 'gpuservice.instance.memory' })}
value={formatMemoryDisplay(spec?.memory ?? undefined) ?? '-'}
/>
<MetaItem
showDot={true}
icon="icon-ram-02"
label={intl.formatMessage({ id: 'gpuservice.instance.ram' })}
value={ramUnit ? `${ramUnit} GB` : '-'}
/>
<MetaItem
icon="icon-database"
label={intl.formatMessage(
{
id: 'common.max'
},
{ count: '' }
)}
value={`${spec.maxComputeUnitCount || 0}`}
/>
{/* row 2: OS | Arch | CPU */}
<MetaItem
showDot={false}
icon="icon-server02"
label={intl.formatMessage({ id: 'gpuservice.instance.os' })}
value={os || '-'}
/>
<MetaItem
icon="icon-cube"
label={intl.formatMessage({ id: 'gpuservice.instance.arch' })}
value={_.toUpper(arch) || '-'}
/>
<MetaItem
show={isGPU}
showDot={true}
icon="icon-cpu"
label="CPU"
value={
<Flex gap={4} align="center">
<span>{cpuUnitCores || '-'}</span>
</Flex>
}
/>
</>
)}
{!isGPU && (
<>
{/* row 1: RAM | Max */}
<MetaItem
showDot={false}
icon="icon-ram-02"
label={intl.formatMessage({ id: 'gpuservice.instance.ram' })}
value={ramUnit ? `${ramUnit} GB` : '-'}
/>
<MetaItem
icon="icon-database"
label={intl.formatMessage(
{
id: 'common.max'
},
{ count: '' }
)}
value={`${spec.maxComputeUnitCount || 0}`}
/>
{/* row 2: OS | Arch */}
<MetaItem
showDot={false}
icon="icon-server02"
label={intl.formatMessage({ id: 'gpuservice.instance.os' })}
value={os || '-'}
/>
<MetaItem
icon="icon-cube"
label={intl.formatMessage({ id: 'gpuservice.instance.arch' })}
value={_.toUpper(arch) || '-'}
/>
</>
)}
</Meta> </Meta>
); );
}; };
@@ -248,7 +260,7 @@ const InstanceTypeItem: React.FC<InstanceTypeItemProps> = ({ item }) => {
disabled={false} disabled={false}
style={{ fontWeight: 400 }} style={{ fontWeight: 400 }}
> >
{formatManufacturer(manufacturer)} {manufacturer?.toUpperCase()}
</ThemeTag> </ThemeTag>
)} )}
{showCpuManufacturerTag && ( {showCpuManufacturerTag && (
@@ -266,12 +278,7 @@ const InstanceTypeItem: React.FC<InstanceTypeItemProps> = ({ item }) => {
/> />
</Flex> </Flex>
</Title> </Title>
<InstanceMetadataSection <InstanceMetadataSection spec={specData}></InstanceMetadataSection>
spec={specData}
slicedMaxPercentage={
Number(item.status?.onceMaxRequest?.acceleratorSliced) || 0
}
></InstanceMetadataSection>
</Flex> </Flex>
); );
}; };
@@ -4,7 +4,6 @@ import { TemplateCard } from '@gpustack/core-ui';
import { Empty, Flex, Spin } from 'antd'; import { Empty, Flex, Spin } from 'antd';
import _ from 'lodash'; import _ from 'lodash';
import { InstanceTypeItem as InstanceTypeItemModel } from '../config/types'; import { InstanceTypeItem as InstanceTypeItemModel } from '../config/types';
import styles from '../styles/instances.module.less';
import InstanceTypeItem from './instance-type-item'; import InstanceTypeItem from './instance-type-item';
interface InstanceTypeListProps { interface InstanceTypeListProps {
@@ -51,10 +50,10 @@ const InstanceTypeList: React.FC<InstanceTypeListProps> = ({
return ( return (
<TemplateCard <TemplateCard
key={name} key={name}
className={styles.instanceTypeCard}
clickable clickable
ghost ghost
hoverable hoverable
height={106}
active={value === name} active={value === name}
disabled={item.disabled} disabled={item.disabled}
onClick={() => handleSelect(item)} onClick={() => handleSelect(item)}
+14 -26
View File
@@ -48,7 +48,7 @@ export const GPUStackFailedStatuses = [
export const InstanceStatusLabelMap: Record<string, string> = { export const InstanceStatusLabelMap: Record<string, string> = {
// === K8s Statuses === // === K8s Statuses ===
...Object.fromEntries(K8SStatuses.map((status) => [status, status])), ...Object.fromEntries(K8SStatuses.map((status) => [status, status])),
// === GPUStack Statuses no logs and events=== // === ZStack AIOS Statuses no logs and events===
[InstanceStatusValueMap.Deleting]: 'Deleting', [InstanceStatusValueMap.Deleting]: 'Deleting',
[InstanceStatusValueMap.Stopping]: 'Stopping', [InstanceStatusValueMap.Stopping]: 'Stopping',
[InstanceStatusValueMap.Stopped]: 'Stopped', [InstanceStatusValueMap.Stopped]: 'Stopped',
@@ -262,39 +262,32 @@ export const getAcceleratorMax = (
// Picks the candidate (cluster + type name) that should fulfill a requested // Picks the candidate (cluster + type name) that should fulfill a requested
// accelerator count: the first candidate of the smallest tier whose // accelerator count: the first candidate of the smallest tier whose
// onceMaxRequest.accelerator is >= the requested count. Accelerated types are // onceMaxRequest.accelerator is >= the requested count and whose cpu/ram/localStorage
// not gated on CPU remaining (only CPU-only types are); in sliced mode the // remaining are all > 0.
// candidate's acceleratorSliced remaining must also be > 0.
export const pickCandidateForAccelerator = < export const pickCandidateForAccelerator = <
C extends { C extends {
cluster: string; cluster: string;
name: string; name: string;
cpu?: { remaining?: string | null } | null; cpu?: { remaining?: string | null } | null;
acceleratorSliced?: { remaining?: string | null } | null; ram?: { remaining?: string | null } | null;
localStorage?: { remaining?: string | null } | null;
} }
>( >(
tiers: tiers:
| { | {
onceMaxRequest: { accelerator?: string; acceleratorSliced?: string }; onceMaxRequest: { accelerator?: string };
candidates?: C[] | null; candidates?: C[] | null;
}[] }[]
| undefined | undefined
| null, | null,
{ { count, acceleratable }: { count: number; acceleratable?: boolean }
count,
acceleratable,
sliced
}: { count: number; acceleratable?: boolean; sliced?: boolean }
): C | null => { ): C | null => {
if (!tiers?.length) return null; if (!tiers?.length) return null;
const hasResources = (c: C) => { const hasResources = (c: C) =>
// Accelerated types are not gated on CPU remaining; CPU-only types are. parseQuantity(c.cpu?.remaining) > 0 &&
if (!acceleratable && parseQuantity(c.cpu?.remaining) <= 0) return false; parseQuantity(c.ram?.remaining) > 0 &&
if (sliced && parseQuantity(c.acceleratorSliced?.remaining) <= 0) parseQuantity(c.localStorage?.remaining) > 0;
return false;
return true;
};
const sorted = [...tiers].sort( const sorted = [...tiers].sort(
(a, b) => (a, b) =>
@@ -305,14 +298,9 @@ export const pickCandidateForAccelerator = <
// count === 0 ? parseQuantity(tier.onceMaxRequest.accelerator) > count; this is CPU-only case. // count === 0 ? parseQuantity(tier.onceMaxRequest.accelerator) > count; this is CPU-only case.
for (const tier of sorted) { for (const tier of sorted) {
const acceleratorCount = parseQuantity(tier.onceMaxRequest?.accelerator); const acceleratorCount = parseQuantity(tier.onceMaxRequest?.accelerator);
// Sliced mode requests a fraction of a single card, so the tier's const fits = acceleratable
// whole-card accelerator count (0 for a slice-only type) can't gate it; ? acceleratorCount >= count
// fit on the tier's sliced capacity instead. : acceleratorCount === 0;
const fits = sliced
? parseQuantity(tier.onceMaxRequest?.acceleratorSliced) > 0
: acceleratable
? acceleratorCount >= count
: acceleratorCount === 0;
if (!fits) continue; if (!fits) continue;
const candidate = tier.candidates?.find(hasResources); const candidate = tier.candidates?.find(hasResources);
if (candidate) return candidate; if (candidate) return candidate;
@@ -45,11 +45,6 @@ export interface FormData {
ram: string | null | number; ram: string | null | number;
localStorage: string | null | number; localStorage: string | null | number;
accelerator: number | string | null; accelerator: number | string | null;
// Sliced (percentage) mode only. Memory (VRAM) percentage bound to the
// 10-100 selector + free input; cores (compute) percentage bound to the
// "100% compute" checkbox (100 when checked, mirrors memory otherwise).
acceleratorSlicedMemoryPercentage?: number;
acceleratorSlicedCoresPercentage?: number;
}; };
volume: { volume: {
ephemeral?: { ephemeral?: {
@@ -133,10 +128,8 @@ export interface InstanceTypeCandidate {
name: string; name: string;
accelerator: InstanceTypeResource; accelerator: InstanceTypeResource;
cpu: InstanceTypeResource; cpu: InstanceTypeResource;
// Shared-mode available resource (not shown in the GPU Instance form). ram: InstanceTypeResource;
acceleratorShared: InstanceTypeResource; localStorage: InstanceTypeResource;
// Sliced-mode available resource.
acceleratorSliced: InstanceTypeResource;
} }
export interface InstanceTypeTierOnceMaxRequestResource { export interface InstanceTypeTierOnceMaxRequestResource {
@@ -156,8 +149,6 @@ export interface InstanceTypeOnceMaxRequestResource {
cpu: QuanityCPU; cpu: QuanityCPU;
ram: QuanityMemory; ram: QuanityMemory;
localStorage: QuanityLocalStorage; localStorage: QuanityLocalStorage;
acceleratorShared: `${number}` | null;
acceleratorSliced: `${number}` | null;
} }
export interface CPUCache { export interface CPUCache {
@@ -190,8 +181,6 @@ export interface InstanceTypeSpec {
family?: string | null; family?: string | null;
computeCapability?: string | null; computeCapability?: string | null;
sliced?: string | null; sliced?: string | null;
sliceable?: boolean;
localStorage?: QuanityLocalStorage;
maxComputeUnitCount?: number; maxComputeUnitCount?: number;
unitResources?: { unitResources?: {
cpu: QuanityCPU; cpu: QuanityCPU;
+14 -160
View File
@@ -273,103 +273,33 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
const buildResourcesDataForSubmit = (values: FormData) => { const buildResourcesDataForSubmit = (values: FormData) => {
const unitResourcesParsed = getUnitResources(); const unitResourcesParsed = getUnitResources();
const resources = values.spec?.resources ?? ({} as any); const accelerator = _.toNumber(values.spec?.resources?.accelerator) || 0;
const accelerator = _.toNumber(resources.accelerator) || 0; const cpuCount = _.toNumber(values.spec?.resources?.cpu) || 0;
const cpuCount = _.toNumber(resources.cpu) || 0;
const cpuNum = unitResourcesParsed?.cpu?.num; const cpuNum = unitResourcesParsed?.cpu?.num;
const ramNum = unitResourcesParsed?.ram?.num; const ramNum = unitResourcesParsed?.ram?.num;
const fallbackCpu = resources.cpu; const fallbackCpu = values.spec?.resources?.cpu;
const percentage = _.toNumber( const factor = isGPUType ? accelerator : cpuCount;
resources.acceleratorSlicedMemoryPercentage
);
const sliced = isGPUType && percentage > 0;
const wholeFactor = isGPUType ? accelerator : cpuCount;
// Sliced mode: scale a single card's unit resources by the chosen
// percentage. Scale CPU in millicores and RAM in MiB so fractional
// slices stay precise and k8s-valid (integers) — e.g. 10% of a 4-core /
// 16Gi card → 400m / 1638Mi, not a rounded-up 1 core / 1Gi.
if (sliced && unitResourcesParsed) {
const cpuCores = unitResourcesParsed.cpu?.cores ?? 0;
const ramValue = unitResourcesParsed.ram?.value ?? 0;
return {
cpu: `${Math.max(1, _.floor((cpuCores * 1000 * percentage) / 100))}m`,
ram: `${Math.max(1, _.floor((ramValue * 1024 * percentage) / 100))}Mi`
};
}
// Whole / CPU mode: multiply the unit by the count.
return { return {
cpu: cpuNum cpu: cpuNum
? `${wholeFactor * cpuNum}${unitResourcesParsed?.cpu?.unit || ''}` ? `${factor * cpuNum}${unitResourcesParsed?.cpu?.unit || ''}`
: // Don't stringify an unset value — `${undefined}` becomes the : // Don't stringify an unset value — `${undefined}` becomes the
// literal "undefined", which fails k8s quantity validation. // literal "undefined", which fails k8s quantity validation.
fallbackCpu fallbackCpu
? `${fallbackCpu}` ? `${fallbackCpu}`
: undefined, : undefined,
ram: ramNum ram: ramNum
? `${wholeFactor * ramNum}${unitResourcesParsed?.ram?.unit || ''}` ? `${factor * ramNum}${unitResourcesParsed?.ram?.unit || ''}`
: resources.ram : values.spec?.resources?.ram
}; };
}; };
// Sliced display: set the (disabled) CPU / RAM inputs to a single card's
// unit resources scaled by the chosen percentage, floored. Reads the
// percentage straight from the form so it can be re-run after any slider
// change without threading values through.
const applySlicedResourceScaling = () => {
const unitResourcesParsed = getUnitResources();
const cpuCores = unitResourcesParsed?.cpu?.cores;
const ramValue = unitResourcesParsed?.ram?.value;
const percentage = _.toNumber(
form.getFieldValue([
'spec',
'resources',
'acceleratorSlicedMemoryPercentage'
])
);
form.setFieldsValue({
spec: {
resources: {
// Display the precise (rounded) fractional values — the inputs are
// disabled, so decimals are fine and match the submitted
// millicore / MiB allocation better than a floored integer.
cpu:
cpuCores != null && percentage > 0
? _.round((cpuCores * percentage) / 100, 2)
: null,
ram:
ramValue != null && percentage > 0
? _.round((ramValue * percentage) / 100, 2)
: null
}
}
} as any);
};
// Single entry point for the sliced memory ratio: write the ratio (compute
// stays pinned at 100%) and rescale CPU / RAM off it. Reused by the slider
// onChange and by the sliced-mode defaults so both share one path.
const applySliceMemoryPercentage = (value: number) => {
form.setFieldsValue({
spec: {
resources: {
acceleratorSlicedMemoryPercentage: value,
acceleratorSlicedCoresPercentage: 100
}
}
} as any);
applySlicedResourceScaling();
};
const resolveAndApply = ( const resolveAndApply = (
instanceType: InstanceTypeItem | undefined, instanceType: InstanceTypeItem | undefined,
count: number, count: number
sliced?: boolean
) => { ) => {
if (!instanceType) { if (!instanceType) {
setSelectedInstanceType(undefined); setSelectedInstanceType(undefined);
@@ -398,8 +328,7 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
instanceType.status?.tiers, instanceType.status?.tiers,
{ {
count, count,
acceleratable: instanceType.spec?.acceleratable, acceleratable: instanceType.spec?.acceleratable
sliced
} }
); );
@@ -407,12 +336,9 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
setOnceMaxRequest({ setOnceMaxRequest({
cpu: ceilMilliToCore(candidate?.cpu?.onceMaxRequest)?.cores, cpu: ceilMilliToCore(candidate?.cpu?.onceMaxRequest)?.cores,
// candidate no longer carries ram/localStorage: memory max comes from memory: parseQuantityToGi(candidate?.ram?.onceMaxRequest)?.value,
// the type-level onceMaxRequest.ram (already parsed to a Gi number by localStorage: parseQuantityToGi(candidate?.localStorage?.onceMaxRequest)
// the query hook), disk max from spec.localStorage (UI-only cap). ?.value
memory: _.toNumber(instanceType.status?.onceMaxRequest?.ram) || null,
localStorage:
parseQuantityToGi(instanceType.spec?.localStorage)?.value ?? null
}); });
form.setFieldsValue({ form.setFieldsValue({
@@ -428,44 +354,8 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
}); });
}; };
// Whole-card (exclusive) vs sliced (percentage) mode. Only meaningful for
// sliceable accelerator types; derived (no persisted field) — on edit/
// recreate it is inferred from acceleratorSlicedMemoryPercentage > 0.
const [sliceMode, setSliceMode] = useState<'whole' | 'sliced'>('whole');
const handleAcceleratorChange = (count: number) => { const handleAcceleratorChange = (count: number) => {
resolveAndApply(selectedInstanceType, count, false); resolveAndApply(selectedInstanceType, count);
};
// Seed the sliced-mode default ratio for an instance type: 10% but never
// above the type's max sliceable ratio (status.onceMaxRequest
// .acceleratorSliced). Shares applySliceMemoryPercentage with the slider.
const applySlicedDefaults = (instanceType?: InstanceTypeItem) => {
const slicedMax =
_.toNumber(instanceType?.status?.onceMaxRequest?.acceleratorSliced) ||
0;
applySliceMemoryPercentage(slicedMax ? Math.min(10, slicedMax) : 10);
};
// Toggle between whole-card and sliced mode. Sliced fixes the accelerator
// count to 1 (a single card is partitioned by percentage) and clears the
// slice-percentage fields when leaving sliced mode.
const handleSliceModeChange = (mode: 'whole' | 'sliced') => {
setSliceMode(mode);
if (mode === 'sliced') {
resolveAndApply(selectedInstanceType, 1, true);
applySlicedDefaults(selectedInstanceType);
} else {
form.setFieldsValue({
spec: {
resources: {
acceleratorSlicedMemoryPercentage: undefined,
acceleratorSlicedCoresPercentage: undefined
}
}
} as any);
resolveAndApply(selectedInstanceType, 1, false);
}
}; };
const onTargetChange = (key: string) => { const onTargetChange = (key: string) => {
@@ -517,14 +407,6 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
? _.toNumber(currentData?.spec?.resources?.accelerator) ? _.toNumber(currentData?.spec?.resources?.accelerator)
: _.toNumber(currentData?.spec?.resources?.cpu) || 0; : _.toNumber(currentData?.spec?.resources?.cpu) || 0;
// Infer the mode from the persisted slice percentage (recreate keeps
// the section editable; edit/view render a readonly card).
const persistedSliced =
_.toNumber(
currentData?.spec?.resources?.acceleratorSlicedMemoryPercentage
) > 0;
setSliceMode(persistedSliced ? 'sliced' : 'whole');
form.setFieldsValue({ form.setFieldsValue({
...currentData, ...currentData,
spec: { spec: {
@@ -542,12 +424,6 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
enable_ssh: !!currentData?.spec?.sshPublicKeys?.length, enable_ssh: !!currentData?.spec?.sshPublicKeys?.length,
storageMode: detectMode(currentData?.spec?.volume) storageMode: detectMode(currentData?.spec?.volume)
}); });
// buildResourcesData above filled CPU / RAM for the whole card; rescale
// them off the persisted percentages when recreating a sliced instance.
if (persistedSliced) {
applySlicedResourceScaling();
}
} }
}, [action, currentData, form, open, realAction, instanceTypeList]); }, [action, currentData, form, open, realAction, instanceTypeList]);
@@ -616,30 +492,11 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
getFieldsValue: () => form.getFieldsValue(), getFieldsValue: () => form.getFieldsValue(),
applyInstanceType: (instanceType?: InstanceTypeItem) => { applyInstanceType: (instanceType?: InstanceTypeItem) => {
if (!instanceType) { if (!instanceType) {
setSliceMode('whole');
resolveAndApply(undefined, 0); resolveAndApply(undefined, 0);
return; return;
} }
// A sliceable type with no whole-card capacity (Max < 1) defaults to // set default to 1, for all instance types: GPU or non-GPU
// sliced mode — whole mode would have nothing selectable.
const wholeMax = instanceType.spec?.maxComputeUnitCount ?? 0;
const slicedMax =
_.toNumber(instanceType.status?.onceMaxRequest?.acceleratorSliced) ||
0;
const defaultSliced =
!!instanceType.spec?.sliceable && wholeMax < 1 && slicedMax > 0;
if (defaultSliced) {
setSliceMode('sliced');
resolveAndApply(instanceType, 1, true);
applySlicedDefaults(instanceType);
return;
}
// Otherwise default to whole-card mode (a new type may not be
// sliceable); set count to 1 for all instance types: GPU or non-GPU.
setSliceMode('whole');
resolveAndApply(instanceType, 1); resolveAndApply(instanceType, 1);
} }
})); }));
@@ -750,9 +607,6 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
currentData={currentData as any} currentData={currentData as any}
onceMaxRequest={onceMaxRequest} onceMaxRequest={onceMaxRequest}
noAvailableTypes={noAvailableInstanceTypes} noAvailableTypes={noAvailableInstanceTypes}
sliceMode={sliceMode}
onSliceModeChange={handleSliceModeChange}
onSliceMemoryPercentageChange={applySliceMemoryPercentage}
onGPUCountChange={handleAcceleratorChange} onGPUCountChange={handleAcceleratorChange}
/> />
) )
@@ -3,7 +3,7 @@ import { PageActionType } from '@/config/types';
import NumberSelection from '@/pages/_components/number-selection'; import NumberSelection from '@/pages/_components/number-selection';
import { InputNumber } from '@gpustack/core-ui'; import { InputNumber } from '@gpustack/core-ui';
import { useIntl } from '@umijs/max'; import { useIntl } from '@umijs/max';
import { Flex, Form, Segmented } from 'antd'; import { Flex, Form } from 'antd';
import _ from 'lodash'; import _ from 'lodash';
import { useContext, useMemo } from 'react'; import { useContext, useMemo } from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
@@ -57,9 +57,6 @@ const InstanceTypePicker: React.FC<InstanceTypePickerProps> = ({
); );
}; };
// Fixed 10-tick percentage scale (10..100) for the sliced (percentage) mode.
const SLICE_PERCENT_TICKS = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
interface InstanceTypeFormItemProps { interface InstanceTypeFormItemProps {
action: PageActionType; action: PageActionType;
disabled?: boolean; disabled?: boolean;
@@ -70,12 +67,6 @@ interface InstanceTypeFormItemProps {
// org owns no clusters. Surface a "no available" message instead of the // org owns no clusters. Surface a "no available" message instead of the
// "please select" placeholder + empty CPU / memory inputs. // "please select" placeholder + empty CPU / memory inputs.
noAvailableTypes?: boolean; noAvailableTypes?: boolean;
// Whole-card (exclusive) vs sliced (percentage) mode. Owned by the parent
// form (it drives candidate picking + the fixed accelerator=1 for sliced).
sliceMode?: 'whole' | 'sliced';
onSliceModeChange?: (mode: 'whole' | 'sliced') => void;
// Commit a new sliced memory ratio (writes the field + rescales CPU / RAM).
onSliceMemoryPercentageChange?: (value: number) => void;
onGPUCountChange?: (value: number) => void; onGPUCountChange?: (value: number) => void;
} }
@@ -86,13 +77,9 @@ const InstanceTypeFormItem: React.FC<InstanceTypeFormItemProps> = ({
selectedInstanceType, selectedInstanceType,
onceMaxRequest, onceMaxRequest,
noAvailableTypes, noAvailableTypes,
sliceMode = 'whole',
onSliceModeChange,
onSliceMemoryPercentageChange,
onGPUCountChange onGPUCountChange
}) => { }) => {
const intl = useIntl(); const intl = useIntl();
const form = Form.useFormInstance();
const { isGPUType } = useContext(FormContext); const { isGPUType } = useContext(FormContext);
const maxComputeUnitCount = useMemo(() => { const maxComputeUnitCount = useMemo(() => {
@@ -117,62 +104,6 @@ const InstanceTypeFormItem: React.FC<InstanceTypeFormItemProps> = ({
onGPUCountChange?.(value); onGPUCountChange?.(value);
}; };
// Sliced mode is only offered for sliceable accelerator types, and only when
// the section is editable (create / recreate; edit renders a readonly card).
const showModeSwitch =
action !== PageAction.EDIT &&
isGPUType &&
!!selectedInstanceType?.spec?.sliceable;
const handleModeChange = (value: string) => {
onSliceModeChange?.(value as 'whole' | 'sliced');
};
// Memory (VRAM) percentage changed via the slider/input — forward the new
// value so the parent writes the field and rescales CPU / RAM.
const handleMemoryPercentageChange = (value: number) => {
onSliceMemoryPercentageChange?.(value);
};
// Max selectable ratio in sliced mode: status.onceMaxRequest.acceleratorSliced
// (a percentage). Ticks above it stay visible but disabled.
const slicedMaxPercentage =
_.toNumber(
selectedInstanceType?.status?.onceMaxRequest?.acceleratorSliced
) || 0;
const modeSegmented = showModeSwitch ? (
<Segmented
size="small"
shape="round"
style={{ fontSize: 12 }}
value={sliceMode}
disabled={disabled}
onChange={handleModeChange}
options={[
{
label: intl.formatMessage({ id: 'gpuservice.instance.mode.whole' }),
value: 'whole'
},
{
label: intl.formatMessage({ id: 'gpuservice.instance.mode.sliced' }),
value: 'sliced',
// No sliced capacity → keep the option visible but unselectable.
disabled: slicedMaxPercentage <= 0
}
]}
/>
) : null;
const isSliced = showModeSwitch && sliceMode === 'sliced';
// When the max ratio is below 10%, switch the ticks to a finer 1..10 scale
// so small slices are still selectable; otherwise use the 10..100 scale.
const sliceTicks =
slicedMaxPercentage < 10
? [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
: SLICE_PERCENT_TICKS;
const renderMaxLabel = ( const renderMaxLabel = (
label: React.ReactNode, label: React.ReactNode,
max?: number | null max?: number | null
@@ -275,7 +206,7 @@ const InstanceTypeFormItem: React.FC<InstanceTypeFormItemProps> = ({
: ['spec', 'resources', 'cpu'] : ['spec', 'resources', 'cpu']
} }
preserve preserve
hidden={action === PageAction.EDIT || isSliced} hidden={action === PageAction.EDIT}
normalize={(value) => (value != null ? _.toString(value) : undefined)} normalize={(value) => (value != null ? _.toString(value) : undefined)}
getValueProps={(value) => ({ getValueProps={(value) => ({
value: value != null ? _.toNumber(value) : undefined value: value != null ? _.toNumber(value) : undefined
@@ -316,7 +247,6 @@ const InstanceTypeFormItem: React.FC<InstanceTypeFormItemProps> = ({
max={maxComputeUnitCount} max={maxComputeUnitCount}
step={1} step={1}
required required
labelExtra={sliceMode === 'whole' ? modeSegmented : undefined}
disabled={disabled || action === PageAction.EDIT} disabled={disabled || action === PageAction.EDIT}
label={`${intl.formatMessage({ id: 'common.max.count' }, { label: numberSelectionLabel.label })} (${intl.formatMessage( label={`${intl.formatMessage({ id: 'common.max.count' }, { label: numberSelectionLabel.label })} (${intl.formatMessage(
{ {
@@ -327,89 +257,6 @@ const InstanceTypeFormItem: React.FC<InstanceTypeFormItemProps> = ({
/> />
</Form.Item> </Form.Item>
)} )}
{!noAvailableTypes && isSliced && (
<FieldBlock>
<Form.Item<FormData>
name={['spec', 'resources', 'acceleratorSlicedMemoryPercentage']}
getValueProps={(value) => ({
value: value != null ? _.toNumber(value) : undefined
})}
rules={[
{
required: true,
validator: (_, value) => {
const num = Number(value);
if (value == null || value === '' || Number.isNaN(num)) {
return Promise.reject(
new Error(
intl.formatMessage({
id: 'gpuservice.instance.slice.percentage.required'
})
)
);
}
if (num > slicedMaxPercentage || num <= 0) {
return Promise.reject(
new Error(
intl.formatMessage(
{
id: 'gpuservice.instance.slice.percentage.max'
},
{ count: slicedMaxPercentage }
)
)
);
}
return Promise.resolve();
}
}
]}
>
<NumberSelection
min={1}
max={slicedMaxPercentage}
step={1}
maxCount={sliceTicks.length}
presetValues={sliceTicks}
alwaysShowInput
required
disabled={disabled}
onChange={handleMemoryPercentageChange}
labelExtra={modeSegmented}
label={intl.formatMessage({
id: 'gpuservice.instance.slice.memoryPercentage'
})}
/>
</Form.Item>
{/* Compute (cores) percentage is fixed at 100. Kept in the form via a
hidden item so it rides along on submit. */}
<Form.Item<FormData>
name={['spec', 'resources', 'acceleratorSlicedCoresPercentage']}
hidden
>
<InputNumber />
</Form.Item>
</FieldBlock>
)}
{/* Edit renders a readonly card (no sliced UI), so register the slice
percentages as hidden fields — otherwise their persisted values are
dropped from the submit payload. */}
{action === PageAction.EDIT && (
<>
<Form.Item<FormData>
name={['spec', 'resources', 'acceleratorSlicedMemoryPercentage']}
hidden
>
<InputNumber />
</Form.Item>
<Form.Item<FormData>
name={['spec', 'resources', 'acceleratorSlicedCoresPercentage']}
hidden
>
<InputNumber />
</Form.Item>
</>
)}
{!noAvailableTypes && ( {!noAvailableTypes && (
<Flex gap={12}> <Flex gap={12}>
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
@@ -434,7 +281,11 @@ const InstanceTypeFormItem: React.FC<InstanceTypeFormItemProps> = ({
key="cpu_input" key="cpu_input"
preserve preserve
> >
<InputNumber label={'CPU'} disabled={true} /> <InputNumber
label={'CPU'}
max={onceMaxRequest?.cpu ?? undefined}
disabled={true}
/>
</Form.Item> </Form.Item>
</div> </div>
)} )}

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