@modesto_ma/dsh-channels 0.4.0 → 0.5.0-beta.2

package/src/client/panel/access-card.tsx

@@ -44,8 +44,8 @@ export interface AccessCardProps {
   error: string | null
   onAddGroup: (chatId: string, name: string) => Promise<boolean>
   onRemoveGroup: (chatId: string) => void
-  onAddUser: (openId: string, name: string) => Promise<boolean>
-  onRemoveUser: (openId: string) => void
+  onAddUser: (userId: string, name: string) => Promise<boolean>
+  onRemoveUser: (userId: string) => void
   onResolveRequest: (token: string, decision: 'allow' | 'deny') => void
 }
 
@@ -54,7 +54,7 @@ export function AccessCard(props: AccessCardProps): JSX.Element {
   const { access } = panel
   const [groupChatId, setGroupChatId] = useState('')
   const [groupName, setGroupName] = useState('')
-  const [userOpenId, setUserOpenId] = useState('')
+  const [userUserId, setUserUserId] = useState('')
   const [userName, setUserName] = useState('')
   const groups: readonly AccessGroupWire[] = access.groups
   const users: readonly AccessUserWire[] = access.users
@@ -71,9 +71,9 @@ export function AccessCard(props: AccessCardProps): JSX.Element {
   }
 
   const submitUser = async (): Promise<void> => {
-    if (userOpenId.trim() === '') return
-    if (await onAddUser(userOpenId, userName)) {
-      setUserOpenId('')
+    if (userUserId.trim() === '') return
+    if (await onAddUser(userUserId, userName)) {
+      setUserUserId('')
       setUserName('')
     }
   }
@@ -93,6 +93,15 @@ export function AccessCard(props: AccessCardProps): JSX.Element {
         ? (
             <div className="dsh-channels-cfg__notice dsh-channels-cfg__notice--error">
               <strong>{PANEL_COPY.accessAdminMissingWarning}</strong>
+              {access.admin.ownerLookupError === undefined ? null : <div>{access.admin.ownerLookupError}</div>}
+            </div>
+          )
+        : null}
+      {access.mode === 'guarded' && access.admin.source === 'owner' && access.admin.userId !== undefined
+        ? (
+            <div className="dsh-channels-cfg__notice dsh-channels-cfg__notice--ok">
+              {PANEL_COPY.accessAdminOwnerNotice}
+              <span className="dsh-channels-cfg__mono">{access.admin.userId}</span>
             </div>
           )
         : null}
@@ -171,11 +180,11 @@ export function AccessCard(props: AccessCardProps): JSX.Element {
                   : (
                       <ul className="dsh-channels-cfg__accessList">
                         {users.map(user => (
-                          <li className="dsh-channels-cfg__accessRow" key={user.openId}>
+                          <li className="dsh-channels-cfg__accessRow" key={user.userId}>
                             <span className="dsh-channels-cfg__accessMain">
-                              <span>{user.name ?? user.openId}</span>
+                              <span>{user.name ?? user.userId}</span>
                               <span className="dsh-channels-cfg__accessMeta">
-                                <span className="dsh-channels-cfg__mono">{user.openId}</span>
+                                <span className="dsh-channels-cfg__mono">{user.userId}</span>
                                 {` · ${accessSourceLabel(user.source)} · ${formatAccessDate(user.addedAt)}`}
                               </span>
                             </span>
@@ -183,7 +192,7 @@ export function AccessCard(props: AccessCardProps): JSX.Element {
                               type="button"
                               className="dsh-channels-cfg__btn"
                               disabled={disabled}
-                              onClick={() => onRemoveUser(user.openId)}
+                              onClick={() => onRemoveUser(user.userId)}
                             >
                               {working ? PANEL_COPY.accessWorking : PANEL_COPY.accessRemove}
                             </button>
@@ -195,11 +204,11 @@ export function AccessCard(props: AccessCardProps): JSX.Element {
                   <input
                     type="text"
                     className="dsh-channels-cfg__input dsh-channels-cfg__accessInput"
-                    value={userOpenId}
-                    placeholder={PANEL_COPY.accessUserOpenIdPlaceholder}
-                    aria-label={PANEL_COPY.accessUserOpenIdPlaceholder}
+                    value={userUserId}
+                    placeholder={PANEL_COPY.accessUserIdPlaceholder}
+                    aria-label={PANEL_COPY.accessUserIdPlaceholder}
                     disabled={disabled}
-                    onChange={event => setUserOpenId(event.target.value)}
+                    onChange={event => setUserUserId(event.target.value)}
                   />
                   <input
                     type="text"
@@ -213,7 +222,7 @@ export function AccessCard(props: AccessCardProps): JSX.Element {
                   <button
                     type="button"
                     className="dsh-channels-cfg__btn dsh-channels-cfg__btn--primary"
-                    disabled={disabled || userOpenId.trim() === ''}
+                    disabled={disabled || userUserId.trim() === ''}
                     onClick={() => { void submitUser() }}
                   >
                     {working ? PANEL_COPY.accessWorking : PANEL_COPY.accessAddUser}

package/src/client/panel/access-tab.tsx

@@ -1,5 +1,5 @@
 /**
- * 「访问授权」tab：准入与授权字段表单（管理员 open_id / 准入模式 /
+ * 「访问授权」tab：准入与授权字段表单（管理员 user_id / 准入模式 /
  * 申请有效期）+ 白名单与待处理申请卡。表单保存走全局 draft，白名单
  * 增删是独立即时 mutation。
  *
@@ -17,8 +17,8 @@ export interface AccessTabProps {
   accessError: string | null
   onAddGroup: (chatId: string, name: string) => Promise<boolean>
   onRemoveGroup: (chatId: string) => void
-  onAddUser: (openId: string, name: string) => Promise<boolean>
-  onRemoveUser: (openId: string) => void
+  onAddUser: (userId: string, name: string) => Promise<boolean>
+  onRemoveUser: (userId: string) => void
   onResolveRequest: (token: string, decision: 'allow' | 'deny') => void
 }
 

package/src/client/panel/connection-tab.tsx

@@ -6,12 +6,13 @@
  * - error：连接信息卡 + 最近一次连接失败 + 「重试」
  * - connected：连接信息卡 + 「重启飞书连接」+ 凭据卡
  * - connecting：禁用按钮显示「连接中…」
+ * - 已连接且权限自检完成：权限自检卡（缺失权限红字 + 开发者后台深链）
  *
  * @module dsh-channels/client/panel/connection-tab
  */
 
 import { PANEL_COPY } from '../../settings/contract.ts'
-import type { ChannelStatusWire, PanelWire } from '../../settings/contract.ts'
+import type { ChannelStatusWire, PanelWire, ScopeCheckWire, SlashCommandSyncWire } from '../../settings/contract.ts'
 import { CredentialsCard } from './credentials-card.tsx'
 import { connectionStateLabel, fieldLabel, formatUptime, phaseBadge, TabHelp } from './shared.tsx'
 import type { BusyAction, CredentialsView } from './shared.tsx'
@@ -35,6 +36,8 @@ export function ConnectionTab(props: ConnectionTabProps): JSX.Element {
       {status.phase === 'unconfigured'
         ? <OnboardingCard status={status} />
         : <ConnectionInfoCard status={status} busy={busy} onReconnect={onReconnect} />}
+      {status.scopeCheck === undefined ? null : <ScopeCheckCard check={status.scopeCheck} />}
+      {status.slashCommandSync === undefined ? null : <SlashCommandSyncCard sync={status.slashCommandSync} />}
       <CredentialsCard panel={panel} credentials={credentials} />
     </div>
   )
@@ -186,6 +189,72 @@ function ConnectionInfoCard(props: {
   )
 }
 
+/** Post-connect scope self-check: missing scopes in red, each with a console deep link. */
+function ScopeCheckCard(props: { check: ScopeCheckWire }): JSX.Element {
+  const { check } = props
+  return (
+    <section className="dsh-channels-cfg__card">
+      <div className="dsh-channels-cfg__cardHead">
+        <span className="dsh-channels-cfg__cardTitle">{PANEL_COPY.scopeCheckTitle}</span>
+      </div>
+      {check.state === 'ok'
+        ? <div className="dsh-channels-cfg__notice dsh-channels-cfg__notice--ok">{PANEL_COPY.scopeCheckOk}</div>
+        : null}
+      {check.state === 'error'
+        ? (
+            <div className="dsh-channels-cfg__notice dsh-channels-cfg__notice--error">
+              <strong>{PANEL_COPY.scopeCheckError}</strong>
+              <span className="dsh-channels-cfg__mono">{check.error}</span>
+            </div>
+          )
+        : null}
+      {check.state === 'missing'
+        ? (
+            <div className="dsh-channels-cfg__notice dsh-channels-cfg__notice--error">
+              <strong>{PANEL_COPY.scopeCheckMissing}</strong>
+              <ul className="dsh-channels-cfg__scopeList">
+                {check.missing.map(item => (
+                  <li key={item.scopes.join(',')}>
+                    <span>[{item.level === 'required' ? PANEL_COPY.scopeCheckRequired : PANEL_COPY.scopeCheckOptional}] </span>
+                    <span className="dsh-channels-cfg__mono">{item.scopes.join(' / ')}</span>
+                    <span>：{item.purpose} </span>
+                    <a href={item.consoleUrl} target="_blank" rel="noreferrer noopener">{PANEL_COPY.scopeCheckOpenOne}</a>
+                  </li>
+                ))}
+              </ul>
+              <a href={check.consoleUrl} target="_blank" rel="noreferrer noopener">{PANEL_COPY.scopeCheckOpenAll}</a>
+            </div>
+          )
+        : null}
+    </section>
+  )
+}
+
+/** Post-connect native slash-command panel sync: counts on success, the Feishu reason on failure. */
+function SlashCommandSyncCard(props: { sync: SlashCommandSyncWire }): JSX.Element {
+  const { sync } = props
+  return (
+    <section className="dsh-channels-cfg__card">
+      <div className="dsh-channels-cfg__cardHead">
+        <span className="dsh-channels-cfg__cardTitle">{PANEL_COPY.slashCommandSyncTitle}</span>
+      </div>
+      {sync.state === 'ok'
+        ? (
+            <div className="dsh-channels-cfg__notice dsh-channels-cfg__notice--ok">
+              <span>{PANEL_COPY.slashCommandSyncOk} </span>
+              <span>{PANEL_COPY.slashCommandSyncTotal} {sync.total} · {PANEL_COPY.slashCommandSyncCreated} {sync.created} · {PANEL_COPY.slashCommandSyncUpdated} {sync.updated} · {PANEL_COPY.slashCommandSyncRemoved} {sync.removed}</span>
+            </div>
+          )
+        : (
+            <div className="dsh-channels-cfg__notice dsh-channels-cfg__notice--error">
+              <strong>{PANEL_COPY.slashCommandSyncError}</strong>
+              <span className="dsh-channels-cfg__mono">{sync.error}</span>
+            </div>
+          )}
+    </section>
+  )
+}
+
 /** Config saved but only applied on the next connect: offer the one-click restart. */
 function RestartBanner(props: {
   panel: PanelWire

package/src/client/panel/index.tsx

@@ -2,8 +2,8 @@
  * 设置 →「飞书渠道」页面：数据加载、5 秒状态轮询、全局 draft 与顶部状态头 /
  * tab 导航的外壳。
  *
- * 所有 Host 交互（panel / status / catalog / config / credentials / cleanup /
- * access / pick-directory）都集中在这里；tab 组件只接收渲染所需的数据与
+ * 所有 Host 交互（panel / status / catalog / config / credentials / access /
+ * pick-directory）都集中在这里；tab 组件只接收渲染所需的数据与
  * 回调。页面不 import 任何 DSH 客户端包，只依赖 react 与 `settings.section`
  * 槽位。
  *
@@ -17,7 +17,6 @@ import type {
   AccessWire,
   CatalogWire,
   ChannelStatusWire,
-  CleanupRunWire,
   ConfigValue,
   CredentialField,
   EditableKey,
@@ -39,7 +38,6 @@ import {
   removeAccessGroup,
   removeAccessUser,
   resolveAccessRequest,
-  runCleanup,
   saveConfig,
   saveCredentials,
 } from '../api.ts'
@@ -51,7 +49,6 @@ import { ModelTab } from './model-tab.tsx'
 import { SessionsTab } from './sessions-tab.tsx'
 import {
   fieldLabel,
-  formatBytes,
   messageOf,
   NoticeBar,
   phaseBadge,
@@ -85,8 +82,6 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
   const [appSecretInput, setAppSecretInput] = useState('')
   const [catalog, setCatalog] = useState<CatalogWire | null>(null)
   const [catalogBusy, setCatalogBusy] = useState(false)
-  const [cleanupResult, setCleanupResult] = useState<CleanupRunWire | null>(null)
-  const [cleanupError, setCleanupError] = useState<string | null>(null)
   const [accessNotice, setAccessNotice] = useState<string | null>(null)
   const [accessError, setAccessError] = useState<string | null>(null)
   const catalogTicket = useRef(0)
@@ -102,8 +97,6 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
   const loadPanel = useCallback(async (): Promise<void> => {
     setLoad({ phase: 'loading' })
     setNotice(null)
-    setCleanupResult(null)
-    setCleanupError(null)
     setAccessNotice(null)
     setAccessError(null)
     try {
@@ -145,7 +138,7 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
         setPollError(null)
         // A phase transition changes what the panel payload can offer: the
         // storage domain opens/closes with the connection, so the access
-        // whitelists and the cleanup preview go stale. Re-read the panel but
+        // whitelists go stale. Re-read the panel but
         // never touch the dirty draft.
         if (previousPhase !== undefined && previousPhase !== next.phase) {
           try {
@@ -260,8 +253,8 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
   }, [])
 
   /**
-   * Manual refresh: reload the whole panel payload so access lists, the cleanup
-   * preview and `restartPendingKeys` catch up with the Host. The dirty draft is
+   * Manual refresh: reload the whole panel payload so access lists and
+   * `restartPendingKeys` catch up with the Host. The dirty draft is
    * deliberately preserved — refreshing never discards user input.
    */
   const onRefresh = useCallback(async (): Promise<void> => {
@@ -301,8 +294,6 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
       }
       setLoad({ phase: 'ready', panel: result.panel })
       setStatus(result.panel.status)
-      setCleanupResult(null)
-      setCleanupError(null)
       // Clear only the submitted keys: edits typed while the request was in
       // flight stay in the draft instead of being silently discarded.
       setDraft(previous => {
@@ -372,8 +363,6 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
       setLoad({ phase: 'ready', panel: result.panel })
       setStatus(result.panel.status)
       setDraft({})
-      setCleanupResult(null)
-      setCleanupError(null)
       setNotice({ kind: 'ok', text: PANEL_COPY.cleared })
     } catch (error) {
       setNotice({ kind: 'error', text: messageOf(error) })
@@ -417,40 +406,6 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
     }
   }, [refreshStatus, running])
 
-  /**
-   * Delete stale workspaces after an explicit confirmation. The Host refreshes
-   * the panel in the same response, so the preview counts update immediately;
-   * partial failures stay visible in the card instead of being swallowed.
-   */
-  const onRunCleanup = useCallback(async (): Promise<void> => {
-    if (panel === null) return
-    const { cleanup } = panel
-    const confirmed = typeof window.confirm === 'function'
-      ? window.confirm(
-        `${PANEL_COPY.cleanupConfirm}\n${PANEL_COPY.cleanupCandidates}：${cleanup.candidates} · ${PANEL_COPY.cleanupCandidateBytes}：${formatBytes(cleanup.candidateBytes)}`,
-      )
-      : true
-    if (!confirmed) return
-    setBusy('cleanup')
-    setNotice(null)
-    setCleanupResult(null)
-    setCleanupError(null)
-    try {
-      const response = await runCleanup()
-      if (!response.ok) {
-        setCleanupError(response.error)
-        return
-      }
-      setLoad({ phase: 'ready', panel: response.panel })
-      setStatus(response.panel.status)
-      setCleanupResult(response.result)
-    } catch (error) {
-      setCleanupError(messageOf(error))
-    } finally {
-      setBusy(null)
-    }
-  }, [panel])
-
   /** Replace the embedded access snapshot after a whitelist mutation. */
   const applyAccess = useCallback((access: AccessWire): void => {
     setLoad(previous => previous.phase === 'ready'
@@ -498,12 +453,12 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
     }
   }, [applyAccess])
 
-  const onAddAccessUser = useCallback(async (openId: string, name: string): Promise<boolean> => {
+  const onAddAccessUser = useCallback(async (userId: string, name: string): Promise<boolean> => {
     setBusy('access')
     setAccessError(null)
     setAccessNotice(null)
     try {
-      const result = await addAccessUser(openId, name)
+      const result = await addAccessUser(userId, name)
       if (!result.ok) {
         setAccessError(result.error)
         return false
@@ -519,12 +474,12 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
     }
   }, [applyAccess])
 
-  const onRemoveAccessUser = useCallback(async (openId: string): Promise<void> => {
+  const onRemoveAccessUser = useCallback(async (userId: string): Promise<void> => {
     setBusy('access')
     setAccessError(null)
     setAccessNotice(null)
     try {
-      const result = await removeAccessUser(openId)
+      const result = await removeAccessUser(userId)
       if (!result.ok) {
         setAccessError(result.error)
         return
@@ -729,13 +684,7 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
         {activeTab === 'model' ? <ModelTab form={form} catalogBusy={catalogBusy} /> : null}
         {activeTab === 'workspace'
           ? (
-              <WorkspaceTab
-                form={form}
-                cleanup={form.panel.cleanup}
-                cleanupResult={cleanupResult}
-                cleanupError={cleanupError}
-                onRunCleanup={() => { void onRunCleanup() }}
-              />
+              <WorkspaceTab form={form} />
             )
           : null}
         {activeTab === 'access'
@@ -747,7 +696,7 @@ export function FeishuChannelsSection(_props: FeishuChannelsSectionProps): JSX.E
                 onAddGroup={onAddAccessGroup}
                 onRemoveGroup={chatId => { void onRemoveAccessGroup(chatId) }}
                 onAddUser={onAddAccessUser}
-                onRemoveUser={openId => { void onRemoveAccessUser(openId) }}
+                onRemoveUser={userId => { void onRemoveAccessUser(userId) }}
                 onResolveRequest={(token, decision) => { void onResolveAccessRequest(token, decision) }}
               />
             )

package/src/client/panel/shared.tsx

@@ -13,7 +13,6 @@ import { FIELD_GROUP_LABELS, PANEL_COPY, TAB_FIELD_GROUPS } from '../../settings
 import type {
   AccessWire,
   ChannelPhaseWire,
-  CleanupPreviewWire,
   ConfigValue,
   CredentialField,
   EditableFieldWire,
@@ -24,6 +23,15 @@ import type {
   PanelTabId,
   PanelWire,
 } from '../../settings/contract.ts'
+import {
+  listIsFull,
+  listItems,
+  listRows,
+  stringListDraftValue,
+  withBlankListEntry,
+  withListEntry,
+  withoutListEntry,
+} from '../string-list.ts'
 
 /** Initial panel load: one request, retried from the error card. */
 export type LoadState =
@@ -46,7 +54,6 @@ export type BusyAction =
   | 'reconnect'
   | 'credentials'
   | 'credentials-clear'
-  | 'cleanup'
   | 'access'
 
 /** Tone of a small badge; maps onto `dsh-channels-cfg__badge--*` classes. */
@@ -56,20 +63,6 @@ export function messageOf(error: unknown): string {
   return error instanceof Error ? error.message : String(error)
 }
 
-/** Human-readable byte size for the cleanup preview/result (base-2 units). */
-export function formatBytes(bytes: number): string {
-  if (!Number.isFinite(bytes) || bytes <= 0) return '0 B'
-  const units = ['B', 'KB', 'MB', 'GB', 'TB']
-  let value = bytes
-  let unit = 0
-  while (value >= 1024 && unit < units.length - 1) {
-    value /= 1024
-    unit += 1
-  }
-  const digits = unit === 0 || value >= 10 ? 0 : 1
-  return `${value.toFixed(digits)} ${units[unit] ?? 'B'}`
-}
-
 /** Compact duration for the connection card. */
 export function formatUptime(ms: number | undefined): string {
   if (ms === undefined || !Number.isFinite(ms)) return PANEL_COPY.unknownValue
@@ -142,6 +135,12 @@ export function validateDraft(
       values[field.key] = raw === true
       continue
     }
+    if (field.kind === 'string-list') {
+      const list = stringListDraftValue(field, raw)
+      if (list.ok) values[field.key] = list.value
+      else issues.push(...list.issues)
+      continue
+    }
     values[field.key] = String(raw ?? '')
   }
   return { values, issues }
@@ -252,6 +251,73 @@ function DirectoryTextInput(props: {
   )
 }
 
+/**
+ * `string-list` control: one single-line input per entry, each with a remove
+ * button, and an add button below (disabled at `maxItems` inputs). An empty
+ * list renders one blank input so the first entry can be typed directly.
+ * Issues carrying an `index` mark that input and show the reason under it.
+ */
+function StringListInput(props: {
+  field: EditableFieldWire
+  value: ConfigValue | undefined
+  issues: readonly FieldIssueWire[]
+  disabled: boolean
+  onChange: (key: EditableKey, value: ConfigValue) => void
+}): JSX.Element {
+  const { field, value, issues, disabled, onChange } = props
+  const empty = listItems(value).length === 0
+  const rows = listRows(value)
+  return (
+    <div className="dsh-channels-cfg__list">
+      {rows.map((item, index) => {
+        const issue = issues.find(entry => entry.index === index)
+        const position = PANEL_COPY.listEntry.replace('{n}', String(index + 1))
+        // Entries have no identity beyond their position, so the index is the key.
+        return (
+          <div className="dsh-channels-cfg__listItem" key={index}>
+            <div className="dsh-channels-cfg__inputRow">
+              <input
+                type="text"
+                className={`dsh-channels-cfg__input${issue === undefined ? '' : ' dsh-channels-cfg__input--invalid'}`}
+                value={item}
+                placeholder={field.placeholder}
+                aria-label={`${field.label} ${position}`}
+                aria-invalid={issue === undefined ? undefined : true}
+                disabled={disabled}
+                onChange={event => onChange(field.key, withListEntry(rows, index, event.target.value))}
+              />
+              {empty
+                ? null
+                : (
+                    <button
+                      type="button"
+                      className="dsh-channels-cfg__btn dsh-channels-cfg__btn--listRemove"
+                      aria-label={`${PANEL_COPY.listRemove} ${position}`}
+                      disabled={disabled}
+                      onClick={() => onChange(field.key, withoutListEntry(rows, index))}
+                    >
+                      {PANEL_COPY.listRemove}
+                    </button>
+                  )}
+            </div>
+            {issue === undefined ? null : <span className="dsh-channels-cfg__fieldError">{issue.message}</span>}
+          </div>
+        )
+      })}
+      <div>
+        <button
+          type="button"
+          className="dsh-channels-cfg__btn"
+          disabled={disabled || listIsFull(field, rows)}
+          onClick={() => onChange(field.key, withBlankListEntry(rows))}
+        >
+          {PANEL_COPY.listAdd}
+        </button>
+      </div>
+    </div>
+  )
+}
+
 /** One generic form control driven by the Host field descriptor. */
 export function FieldRow(props: {
   field: EditableFieldWire
@@ -263,7 +329,9 @@ export function FieldRow(props: {
   onPickDirectory?: () => Promise<void>
 }): JSX.Element {
   const { field, value, issues, disabled = false, onChange, onPickDirectory } = props
-  const issue = issues.find(item => item.key === field.key)
+  // Entry issues (`index` set) are rendered next to their input by StringListInput.
+  const issue = issues.find(item => item.key === field.key && item.index === undefined)
+  const entryIssues = issues.filter(item => item.key === field.key && item.index !== undefined)
   const inputClass = `dsh-channels-cfg__input${issue === undefined ? '' : ' dsh-channels-cfg__input--invalid'}`
   const fieldClass = `dsh-channels-cfg__field${field.wide === true ? ' dsh-channels-cfg__field--wide' : ''}`
   return (
@@ -343,6 +411,17 @@ export function FieldRow(props: {
                 />
               ))
         : null}
+      {field.kind === 'string-list'
+        ? (
+            <StringListInput
+              field={field}
+              value={value}
+              issues={entryIssues}
+              disabled={disabled}
+              onChange={onChange}
+            />
+          )
+        : null}
       {field.help === undefined ? null : <span className="dsh-channels-cfg__help">{field.help}</span>}
       {issue === undefined ? null : <span className="dsh-channels-cfg__fieldError">{issue.message}</span>}
     </div>
@@ -479,10 +558,3 @@ export function connectionStateLabel(state: string | undefined): { text: string;
     default: return { text: state ?? PANEL_COPY.unknownValue, tone: 'muted' }
   }
 }
-
-/** Retention label, reusing the Host field options so the copy stays on the Host. */
-export function retentionLabel(panel: PanelWire, cleanup: CleanupPreviewWire): string {
-  const field = panel.config.fields.find(item => item.key === 'workspaceRetention')
-  return field?.options?.find(option => option.value === cleanup.retention)?.label
-    ?? (cleanup.retention === 'off' ? PANEL_COPY.cleanupRetentionOff : cleanup.retention)
-}

package/src/client/panel/workspace-tab.tsx

@@ -1,40 +1,24 @@
 /**
- * 「工作区」tab：工作区根目录 / 过期保留策略 / 自动清理字段 + 目录清理卡。
- * 表单保存栏在字段卡正下方，清理卡（独立动作，不走 draft）在其后。
+ * 「工作区」tab：工作区根目录字段与保存栏。
  *
  * @module dsh-channels/client/panel/workspace-tab
  */
 
 import { PANEL_COPY, TAB_FIELD_GROUPS } from '../../settings/contract.ts'
-import type { CleanupPreviewWire, CleanupRunWire } from '../../settings/contract.ts'
-import { CleanupCard } from './cleanup-card.tsx'
 import { FieldsCard, SaveBar, TabHelp } from './shared.tsx'
 import type { FormView } from './shared.tsx'
 
 export interface WorkspaceTabProps {
   form: FormView
-  cleanup: CleanupPreviewWire
-  cleanupResult: CleanupRunWire | null
-  cleanupError: string | null
-  onRunCleanup: () => void
 }
 
 export function WorkspaceTab(props: WorkspaceTabProps): JSX.Element {
-  const { form, cleanup, cleanupResult, cleanupError, onRunCleanup } = props
+  const { form } = props
   return (
     <div className="dsh-channels-cfg__tabBody">
       <TabHelp text={PANEL_COPY.workspaceTabHelp} />
       <FieldsCard form={form} groups={TAB_FIELD_GROUPS.workspace} />
       <SaveBar form={form} tab="workspace" />
-      <CleanupCard
-        panel={form.panel}
-        cleanup={cleanup}
-        busy={form.busy}
-        locked={form.locked}
-        result={cleanupResult}
-        error={cleanupError}
-        onRun={onRunCleanup}
-      />
     </div>
   )
 }