feat: one-line install for agents and probes from one shared script (curl | bash, zsh, PowerShell) [CI]

web/admin/src/pages/Agents.tsx

@@ -6,7 +6,8 @@ import type { AgentDto, CreatedJoinTokenDto, JoinTokenDto, Page } from '@shared/
 import { fmtAgo, fmtTime } from '@shared/format'
 import { useQuery } from '@shared/hooks'
 import { NodeTag, useNodeInfos } from '@shared/nodes'
-import { Chip, CommandTabs, Confirm, CopyButton, Dialog, Dot, Empty, ErrorNotice, Field, guessPlatform, Segmented, Spinner, useAction } from '@shared/ui'
+import { Chip, Confirm, Dialog, Dot, Empty, ErrorNotice, Field, Segmented, Spinner, useAction } from '@shared/ui'
+import { JoinTokenCreated } from './JoinTokenCreated'
 
 export const STATUS: Record<string, { label: string; tone: 'ok' | 'warn' | 'bad' }> = {
   active: { label: '已启用', tone: 'ok' },
@@ -33,43 +34,7 @@ function AddAgentDialog({ onClose, onCreated }: { onClose: () => void; onCreated
   const [hours, setHours] = useState(24)
   const [created, setCreated] = useState<CreatedJoinTokenDto>()
 
-  if (created) {
-    return (
-      <Dialog
-        title="加入令牌已创建"
-        onClose={onClose}
-        actions={
-          <button type="button" className="btn primary" onClick={onClose}>
-            完成
-          </button>
-        }
-      >
-        <div className="stack">
-          <div className="notice warn">令牌明文只显示这一次，请现在就复制。</div>
-          <Field label="在要加入的机器上运行">
-            <CommandTabs
-              storageKey="moshiro.install_tab"
-              initial={guessPlatform()}
-              tabs={[
-                { id: 'linux', label: 'Linux', command: created.install_commands.linux },
-                { id: 'macos', label: 'macOS', command: created.install_commands.macos },
-                { id: 'windows', label: 'Windows', command: created.install_commands.windows },
-              ]}
-            />
-          </Field>
-          <Field label="令牌">
-            <pre className="code">{created.plaintext}</pre>
-            <div>
-              <CopyButton text={created.plaintext} label="复制令牌" />
-            </div>
-          </Field>
-          <p className="muted">
-            {created.token.auto_approve ? '使用这个令牌注册的 Agent 会自动启用。' : '使用这个令牌注册的 Agent 需要你在列表里审批之后才会启用。'} 可用 {created.token.max_uses} 次，{fmtTime(created.token.expires_at)} 过期。
-          </p>
-        </div>
-      </Dialog>
-    )
-  }
+  if (created) return <JoinTokenCreated created={created} kind="Agent" onClose={onClose} />
 
   return (
     <Dialog