@dsh-workbench/shared 0.2.13 → 0.2.14

package/dist/components/FormActions.css

@@ -0,0 +1,13 @@
+.wb-formActions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--wb-len-8);
+}
+
+.wb-formActionDanger {
+  color: var(--dsw-alias-state-error-primary);
+  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent);
+  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent);
+}

package/dist/components/FormActions.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from '../lib/react.js';
+import './FormActions.css';
+export type FormActionKind = 'default' | 'danger' | 'primary';
+export interface FormAction {
+    readonly key: string;
+    readonly label: ReactNode;
+    readonly kind?: FormActionKind | undefined;
+    readonly onClick: () => void;
+    readonly disabled?: boolean | undefined;
+    readonly busy?: boolean | undefined;
+}
+export interface FormActionsProps {
+    readonly actions: readonly FormAction[];
+}
+export declare function FormActions({ actions }: FormActionsProps): JSX.Element | null;

package/dist/components/FormActions.js

@@ -0,0 +1,38 @@
+import { h } from '../lib/react.js';
+import { Button } from '@deepseek-ai/dsh-client-ui-primitives';
+import { Spinner } from './Spinner.js';
+import './FormActions.css';
+const RANK = { default: 0, danger: 1, primary: 2 };
+function kindOf(action) {
+    return action.kind ?? 'default';
+}
+function ordered(actions) {
+    return actions
+        .map((action, index) => ({ action, index, rank: RANK[kindOf(action)] }))
+        .sort((left, right) => left.rank - right.rank || left.index - right.index)
+        .map((one) => one.action);
+}
+function reportExtraPrimaries(actions) {
+    const keys = actions.filter((one) => kindOf(one) === 'primary').map((one) => one.key);
+    if (keys.length < 2)
+        return;
+    console.error(`[dsh-workbench] FormActions 一个区里出现了 ${keys.length} 颗 primary（${keys.join('、')}）—— ` +
+        '一个区只许一颗主操作（ADR-0054 §2 规则二）：多余的这颗该改成 default');
+}
+function variantOf(kind) {
+    if (kind === 'primary')
+        return 'primary';
+    if (kind === 'danger')
+        return 'outline';
+    return 'ghost';
+}
+export function FormActions({ actions }) {
+    if (actions.length === 0)
+        return null;
+    reportExtraPrimaries(actions);
+    return (h("div", { className: "wb-formActions" }, ordered(actions).map((action) => {
+        const kind = kindOf(action);
+        const busy = action.busy === true;
+        return (h(Button, { key: action.key, type: "button", size: "sm", variant: variantOf(kind), className: kind === 'danger' ? 'wb-formActionDanger' : undefined, disabled: busy || action.disabled === true, icon: busy ? h(Spinner, { size: 12 }) : undefined, onClick: action.onClick }, action.label));
+    })));
+}

package/dist/components/FormRows.css

@@ -1,14 +1,25 @@
 .wb-formRows {
-  display: flex;
-  flex-direction: column;
-  gap: var(--wb-len-12);
+  display: grid;
+  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);
+  column-gap: var(--wb-len-8);
+  row-gap: var(--wb-len-12);
+}
+
+.wb-formRows > :not(.wb-formRow) {
+  grid-column: 1 / -1;
 }
 
 .wb-formRow {
   display: grid;
-  grid-template-columns: 72px minmax(0, 1fr);
+  grid-column: 1 / -1;
+  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);
   align-items: center;
-  gap: var(--wb-len-8);
+  column-gap: var(--wb-len-8);
+  row-gap: var(--wb-len-8);
+}
+
+.wb-formRows > .wb-formRow {
+  grid-template-columns: subgrid;
 }
 
 .wb-formRow[data-layout='stacked'] {
@@ -22,6 +33,11 @@
   font-size: var(--dsw-font-xs-13-font-size);
   color: var(--dsw-alias-label-secondary);
   overflow-wrap: anywhere;
+  white-space: nowrap;
+}
+
+.wb-formRow[data-layout='stacked'] .wb-formLabel {
+  white-space: normal;
 }
 
 .wb-formControl {

package/dist/components/SaveBar.d.ts

@@ -1,4 +1,3 @@
-import './SaveBar.css';
 export interface SaveBarProps {
     readonly busy: boolean;
     readonly disabled?: boolean | undefined;

package/dist/components/SaveBar.js

@@ -1,8 +1,16 @@
-import { Button } from '@deepseek-ai/dsh-client-ui-primitives';
 import { h } from '../lib/react.js';
-import './SaveBar.css';
+import { FormActions } from './FormActions.js';
 export function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
-    return (h("div", { className: "wb-formActions" },
-        h(Button, { type: "button", size: "sm", variant: "ghost", onClick: onCancel, disabled: busy }, labels.cancel),
-        h(Button, { type: "button", size: "sm", variant: "primary", onClick: onSave, disabled: busy || disabled === true }, busy ? labels.saving : labels.save)));
+    const actions = [
+        { key: 'cancel', label: labels.cancel, kind: 'default', onClick: onCancel, disabled: busy },
+        {
+            key: 'save',
+            label: busy ? labels.saving : labels.save,
+            kind: 'primary',
+            onClick: onSave,
+            disabled: busy || disabled === true,
+            busy,
+        },
+    ];
+    return h(FormActions, { actions: actions });
 }

package/dist/i18n/en.js

@@ -45,6 +45,15 @@ export const en = {
     'status.completed': 'Completed',
     'status.subagentsRunning.one': '{n} subagent running',
     'status.subagentsRunning.other': '{n} subagents running',
+    'project.attention.warning.one': '1 session waiting for you',
+    'project.attention.warning.other': '{n} sessions waiting for you',
+    'project.attention.running.one': '1 session running',
+    'project.attention.running.other': '{n} sessions running',
+    'project.attention.done.one': '1 session finished, unread',
+    'project.attention.done.other': '{n} sessions finished, unread',
+    'project.attention.state.warning': 'Approval',
+    'project.attention.state.running': 'Running',
+    'project.attention.state.done': 'New',
     'hover.copied': 'Copied',
     'time.now': 'just now',
     'time.minutes': '{n} min ago',

package/dist/i18n/index.d.ts

@@ -47,6 +47,15 @@ export declare const dictionaries: {
         readonly 'status.completed': "已完成";
         readonly 'status.subagentsRunning.one': "{n} 个子代理运行中";
         readonly 'status.subagentsRunning.other': "{n} 个子代理运行中";
+        readonly 'project.attention.warning.one': "1 个会话在等你点头";
+        readonly 'project.attention.warning.other': "{n} 个会话在等你点头";
+        readonly 'project.attention.running.one': "1 个会话在跑";
+        readonly 'project.attention.running.other': "{n} 个会话在跑";
+        readonly 'project.attention.done.one': "1 个会话跑完没看";
+        readonly 'project.attention.done.other': "{n} 个会话跑完没看";
+        readonly 'project.attention.state.warning': "待审批";
+        readonly 'project.attention.state.running': "在跑";
+        readonly 'project.attention.state.done': "新消息";
         readonly 'hover.copied': "已复制";
         readonly 'time.now': "刚刚";
         readonly 'time.minutes': "{n} 分钟前";
@@ -400,7 +409,7 @@ export declare const dictionaries: {
         readonly 'configSync.emptyProviders': "工作台还没有任何模型供应商 —— 去「配置同步」从某个 profile 把 llm- 那几行搬过来，或自己去「模型」里配。";
         readonly 'configSync.failed': "同步没成功，再试一次。";
     };
-    en: Record<"time.now" | "time.ago" | "time.minutes" | "time.hours" | "time.days" | "blocker.retry" | "blocker.copy" | "blocker.unknown.title" | "blocker.login.go" | "blocker.login.titleGeneric" | "blocker.login.title" | "blocker.login.manual" | "blocker.login.hint" | "blocker.forbidden.open" | "blocker.forbidden.titleGeneric" | "blocker.forbidden.title" | "blocker.forbidden.hint" | "blocker.timeout.hint" | "blocker.exec.hint" | "blocker.fix.install" | "blocker.fix.update" | "blocker.market.open" | "env.unit.failed" | "env.unit.failedHint" | "env.unit.missingPlugin" | "env.unit.hint" | "env.unit.missingCommands" | "env.unit.missingCommandsHint" | "env.unit.unchecked" | "env.unit.uncheckedHint" | "brand.name" | "toggle.open" | "toggle.collapse" | "project.label" | "workspace.section" | "project.none" | "project.empty" | "project.add" | "project.add.busy" | "project.add.failed" | "project.search.label" | "project.search.placeholder" | "project.search.empty" | "project.group.workspaces" | "project.group.defaultWorkspace" | "project.group.workshop" | "project.rename.row" | "project.rename.current" | "project.rename.title" | "project.rename.description" | "project.rename.field" | "project.rename.placeholder" | "project.rename.hint" | "project.rename.save" | "project.rename.saving" | "project.rename.cancel" | "project.rename.failed" | "session.new" | "session.new.label" | "session.empty" | "session.noProject" | "session.list.label" | "session.copy" | "session.pinned" | "session.actions" | "status.idle" | "status.running" | "status.waitingApproval" | "status.planReview" | "status.waitingAnswer" | "status.compact.approval" | "status.compact.planReview" | "status.compact.answer" | "status.completed" | "status.subagentsRunning.one" | "status.subagentsRunning.other" | "hover.copied" | "time.short.minutes" | "time.short.hours" | "time.short.days" | "time.short.months" | "time.short.years" | "panels.title" | "panels.groupBoardless" | "panels.groupPlugins" | "panels.market.defaultHint" | "panels.market.defaultLabel" | "panels.market.defaultLocked" | "panels.followAll" | "panels.followAllConfirmTitle" | "panels.followAllConfirmDetail" | "panels.followAllConfirmAck" | "panels.followAllConfirmYes" | "panels.followAllConfirmNo" | "panels.enabled" | "panels.disabled" | "panels.choose" | "panels.buildModule" | "panels.failed" | "panels.dragHint" | "panels.unknownStep" | "panels.labelWithHint" | "panels.dep.failed" | "panels.dep.missingPlugin" | "panels.dep.missingCommands" | "panels.dep.unchecked" | "panels.tab.modules" | "panels.tab.market" | "panels.browseMarket" | "panels.noneInstalled" | "panels.noneInstalledHint" | "panels.market.installed" | "panels.market.notActive" | "panels.market.notUsable" | "panels.market.broken" | "panels.market.hasNew" | "panels.market.missing" | "panels.market.unchecked" | "panels.market.checking" | "panels.market.sectionInstalled" | "panels.market.sectionPending" | "panels.market.sectionShared" | "panels.market.sharedUsedBy" | "panels.market.listSeparator" | "panels.market.sharedMissing" | "panels.market.sharedOutdated" | "panels.market.sharedUnsatisfied" | "panels.market.sharedOk" | "panels.market.versionArrow" | "panels.market.lead" | "panels.market.install" | "panels.market.update" | "panels.market.swapSlow" | "panels.market.uninstall" | "panels.market.uninstallLabel" | "panels.market.installing" | "panels.market.updating" | "panels.market.uninstalling" | "panels.market.confirmUninstallTitle" | "panels.market.confirmUninstallDetail" | "panels.market.confirmUninstallAck" | "panels.market.confirmYes" | "panels.market.confirmNo" | "panels.market.failed" | "panels.market.needEnv" | "panels.market.needCommands" | "panels.market.localMark" | "panels.market.localHint" | "panels.market.noSource" | "panels.market.badSource" | "panels.market.empty" | "panels.market.sectionPlugins" | "panels.market.moduleOutdated" | "panels.market.moduleRefused" | "panels.market.moduleRefusedDetail" | "panels.market.moduleRestartHint" | "panels.market.pendingRestart" | "panels.market.workbenchName" | "panels.market.workbenchLocal" | "panels.market.pluginKeptInUse" | "panels.market.pluginKeptUnsure" | "panels.market.pluginKeptHeld" | "panels.market.pluginKeptUnnamed" | "panels.market.pluginBroken" | "panels.market.restartNeeded" | "panels.market.foot" | "panels.market.recheck" | "panels.market.checkUpdates" | "panels.market.checkedAt" | "panels.market.justNow" | "panels.market.minutesAgo" | "panels.market.hoursAgo" | "panels.market.add.description" | "panels.market.add.specPlaceholder" | "panels.market.add.guideToggle" | "panels.market.add.guideHide" | "panels.market.add.guideIdTitle" | "panels.market.add.guideIdExample" | "panels.market.add.guideIdHint" | "panels.market.add.guideGitTitle" | "panels.market.add.guideGitExample" | "panels.market.add.guideGitHint" | "panels.market.add.guidePathTitle" | "panels.market.add.guidePathExample" | "panels.market.add.guidePathHint" | "panels.market.add.guideExampleLabel" | "panels.market.add.guideFill" | "panels.market.add.guideSafety" | "panels.market.add.registryLegend" | "panels.market.add.registryOfficial" | "panels.market.add.registryMirror" | "panels.market.add.registryWithHost" | "panels.market.add.registryToggle" | "panels.market.add.installVersion" | "panels.market.add.registryDefault" | "panels.market.add.registryCustom" | "panels.market.add.registryCustomPlaceholder" | "panels.market.add.registryCustomHint" | "panels.market.add.registryCustomInvalid" | "panels.market.add.run" | "panels.market.add.edit" | "panels.market.add.changeRegistry" | "panels.market.add.installingTitle" | "panels.market.add.installedTitle" | "panels.market.add.failedTitle" | "panels.market.add.cancelledTitle" | "panels.market.add.failureNetworkHost" | "panels.market.add.problemInvalid" | "panels.market.add.problemInstalled" | "panels.market.add.problemNotFound" | "panels.market.add.problemNotPackage" | "panels.market.add.problemNotBundle" | "panels.market.add.problemNotWorkbenchModule" | "panels.market.add.problemNotModuleOrPlugin" | "panels.market.add.failureNotModuleOrPlugin" | "panels.market.add.installedPlugin" | "panels.market.add.pluginPreview" | "panels.market.add.pluginAlias" | "panels.market.add.problemNetwork" | "panels.market.add.problemUnknown" | "panels.market.add.failureNetwork" | "panels.market.add.failureNotFound" | "panels.market.add.failureNoMatchingVersion" | "panels.market.add.failureDiskFull" | "panels.market.add.failurePermission" | "panels.market.add.failureBuildBlocked" | "panels.market.add.failureIntegrity" | "panels.market.add.failureTimeout" | "panels.market.add.failurePnpmMissing" | "panels.market.add.failureInstalled" | "panels.market.add.failureGeneric" | "panels.market.add.approveTitle" | "panels.market.add.approveCaution" | "panels.market.add.approveRun" | "panels.market.add.restart" | "panels.market.add.tookEffect" | "panels.market.add.details" | "panels.market.add.open" | "panels.market.add.title" | "panels.market.add.intro" | "panels.market.add.specLabel" | "panels.market.add.specHint" | "panels.market.add.exampleTitle" | "panels.market.add.exampleFill" | "panels.market.add.registryLabel" | "panels.market.add.registryProfile" | "panels.market.add.registryPnpm" | "panels.market.add.check" | "panels.market.add.checking" | "panels.market.add.classifying" | "panels.market.add.change" | "panels.market.add.previewTitle" | "panels.market.add.fieldName" | "panels.market.add.fieldVersion" | "panels.market.add.fieldDescription" | "panels.market.add.fieldSource" | "panels.market.add.install" | "panels.market.add.installing" | "panels.market.add.cancel" | "panels.market.add.close" | "panels.market.add.retry" | "panels.market.add.changeSource" | "panels.market.add.approveBuilds" | "panels.market.add.approveHint" | "panels.market.add.doneApplied" | "panels.market.add.doneRestart" | "panels.market.add.restartWhy" | "panels.market.add.restartWhy.no-hmr" | "panels.market.add.restartWhy.package-moved" | "panels.market.add.restartWhy.host-module" | "panels.market.add.restartWhy.unmanaged-plugin" | "panels.market.add.restartWhy.module-comparison" | "panels.market.add.cancelled" | "panels.market.add.failed" | "panels.market.add.removed" | "panels.market.add.supplyPending" | "panels.market.add.supplyFailed" | "panels.market.add.notModule" | "panels.market.add.removedRestart" | "panels.market.add.remove" | "panels.market.add.problem.invalidSpec" | "panels.market.add.problem.alreadyInstalled" | "panels.market.add.problem.notFound" | "panels.market.add.problem.notAPackage" | "panels.market.add.problem.notABundle" | "panels.market.add.problem.network" | "panels.market.add.problem.unknown" | "panels.market.add.reason.invalidSpec" | "panels.market.add.reason.incompatible" | "panels.market.add.reason.notBundle" | "panels.market.add.reason.notRemovable" | "panels.market.add.reason.bundleInUse" | "panels.market.add.reason.stopProfile" | "panels.market.add.reason.staleApproval" | "panels.market.add.reason.operationError" | "panels.market.add.reason.buildBlocked" | "panels.market.add.reason.pnpmMissing" | "panels.market.add.reason.noMatchingVersion" | "panels.market.add.reason.diskFull" | "panels.market.add.reason.permission" | "panels.market.add.reason.integrity" | "panels.market.add.reason.timeout" | "panels.market.add.reason.network" | "panels.market.add.reason.notFound" | "panels.market.add.reason.unknown" | "blocker.fix.running" | "blocker.fix.failed" | "blocker.retry.running" | "panels.reading" | "panels.cardBroken" | "panels.cardRetry" | "panels.empty" | "panels.emptyHint" | "env.title" | "env.checking" | "env.installing" | "env.failed" | "env.elapsed" | "env.stepFailed.install" | "env.stepFailed.path" | "env.stepFailed.shell" | "env.bridge.ok" | "env.bridge.short" | "env.bridge.why" | "env.bridge.daemon" | "env.bridge.extension" | "env.bridge.extensionLink" | "env.bridge.profile" | "env.bridge.stale" | "env.bridge.unknown" | "env.fix.title" | "env.fix.why" | "env.fix.whyPath" | "env.fix.whyShell" | "env.fix.step" | "env.fix.stepPath" | "env.fix.stepShell" | "env.fix.permission" | "env.fix.network" | "env.fix.details" | "env.retry" | "env.copyCommand" | "env.copied" | "env.step.opencli" | "env.step.codingPlugin" | "env.step.bridge" | "env.step.warm" | "env.warm.done" | "env.warm.short" | "rightbar.label" | "rightbar.expand" | "rightbar.collapse" | "rightbar.column.label" | "rightbar.column.workbench" | "rightbar.column.dsh" | "rightbar.refresh" | "rightbar.refreshing" | "rightbar.updatedAt" | "rightbar.noProject" | "rightbar.openPlatform" | "coding.notARepo.title" | "error.unknown" | "board.title" | "panel.conversation" | "panels.label" | "configSync.nav" | "configSync.lead" | "configSync.source" | "configSync.sourceBroken" | "configSync.sourceRows" | "configSync.sourceDead" | "configSync.refresh" | "configSync.loading" | "configSync.readHint" | "configSync.tag.new" | "configSync.tag.differs" | "configSync.conflictNote" | "configSync.code.lang" | "configSync.code.copy" | "configSync.code.copied" | "configSync.code.wrap" | "configSync.code.unwrap" | "configSync.code.collapse" | "configSync.code.collapseAria" | "configSync.code.expandAria" | "configSync.code.expand" | "configSync.missing" | "configSync.apply" | "configSync.applyNone" | "configSync.applying" | "configSync.applied" | "configSync.appliedIds" | "configSync.skippedIds" | "configSync.nothing" | "configSync.unreadable" | "configSync.noSource" | "configSync.emptyProviders" | "configSync.failed", string>;
+    en: Record<"time.now" | "time.ago" | "time.minutes" | "time.hours" | "time.days" | "blocker.retry" | "blocker.copy" | "blocker.unknown.title" | "blocker.login.go" | "blocker.login.titleGeneric" | "blocker.login.title" | "blocker.login.manual" | "blocker.login.hint" | "blocker.forbidden.open" | "blocker.forbidden.titleGeneric" | "blocker.forbidden.title" | "blocker.forbidden.hint" | "blocker.timeout.hint" | "blocker.exec.hint" | "blocker.fix.install" | "blocker.fix.update" | "blocker.market.open" | "env.unit.failed" | "env.unit.failedHint" | "env.unit.missingPlugin" | "env.unit.hint" | "env.unit.missingCommands" | "env.unit.missingCommandsHint" | "env.unit.unchecked" | "env.unit.uncheckedHint" | "brand.name" | "toggle.open" | "toggle.collapse" | "project.label" | "workspace.section" | "project.none" | "project.empty" | "project.add" | "project.add.busy" | "project.add.failed" | "project.search.label" | "project.search.placeholder" | "project.search.empty" | "project.group.workspaces" | "project.group.defaultWorkspace" | "project.group.workshop" | "project.rename.row" | "project.rename.current" | "project.rename.title" | "project.rename.description" | "project.rename.field" | "project.rename.placeholder" | "project.rename.hint" | "project.rename.save" | "project.rename.saving" | "project.rename.cancel" | "project.rename.failed" | "session.new" | "session.new.label" | "session.empty" | "session.noProject" | "session.list.label" | "session.copy" | "session.pinned" | "session.actions" | "status.idle" | "status.running" | "status.waitingApproval" | "status.planReview" | "status.waitingAnswer" | "status.compact.approval" | "status.compact.planReview" | "status.compact.answer" | "status.completed" | "status.subagentsRunning.one" | "status.subagentsRunning.other" | "project.attention.warning.one" | "project.attention.warning.other" | "project.attention.running.one" | "project.attention.running.other" | "project.attention.done.one" | "project.attention.done.other" | "project.attention.state.warning" | "project.attention.state.running" | "project.attention.state.done" | "hover.copied" | "time.short.minutes" | "time.short.hours" | "time.short.days" | "time.short.months" | "time.short.years" | "panels.title" | "panels.groupBoardless" | "panels.groupPlugins" | "panels.market.defaultHint" | "panels.market.defaultLabel" | "panels.market.defaultLocked" | "panels.followAll" | "panels.followAllConfirmTitle" | "panels.followAllConfirmDetail" | "panels.followAllConfirmAck" | "panels.followAllConfirmYes" | "panels.followAllConfirmNo" | "panels.enabled" | "panels.disabled" | "panels.choose" | "panels.buildModule" | "panels.failed" | "panels.dragHint" | "panels.unknownStep" | "panels.labelWithHint" | "panels.dep.failed" | "panels.dep.missingPlugin" | "panels.dep.missingCommands" | "panels.dep.unchecked" | "panels.tab.modules" | "panels.tab.market" | "panels.browseMarket" | "panels.noneInstalled" | "panels.noneInstalledHint" | "panels.market.installed" | "panels.market.notActive" | "panels.market.notUsable" | "panels.market.broken" | "panels.market.hasNew" | "panels.market.missing" | "panels.market.unchecked" | "panels.market.checking" | "panels.market.sectionInstalled" | "panels.market.sectionPending" | "panels.market.sectionShared" | "panels.market.sharedUsedBy" | "panels.market.listSeparator" | "panels.market.sharedMissing" | "panels.market.sharedOutdated" | "panels.market.sharedUnsatisfied" | "panels.market.sharedOk" | "panels.market.versionArrow" | "panels.market.lead" | "panels.market.install" | "panels.market.update" | "panels.market.swapSlow" | "panels.market.uninstall" | "panels.market.uninstallLabel" | "panels.market.installing" | "panels.market.updating" | "panels.market.uninstalling" | "panels.market.confirmUninstallTitle" | "panels.market.confirmUninstallDetail" | "panels.market.confirmUninstallAck" | "panels.market.confirmYes" | "panels.market.confirmNo" | "panels.market.failed" | "panels.market.needEnv" | "panels.market.needCommands" | "panels.market.localMark" | "panels.market.localHint" | "panels.market.noSource" | "panels.market.badSource" | "panels.market.empty" | "panels.market.sectionPlugins" | "panels.market.moduleOutdated" | "panels.market.moduleRefused" | "panels.market.moduleRefusedDetail" | "panels.market.moduleRestartHint" | "panels.market.pendingRestart" | "panels.market.workbenchName" | "panels.market.workbenchLocal" | "panels.market.pluginKeptInUse" | "panels.market.pluginKeptUnsure" | "panels.market.pluginKeptHeld" | "panels.market.pluginKeptUnnamed" | "panels.market.pluginBroken" | "panels.market.restartNeeded" | "panels.market.foot" | "panels.market.recheck" | "panels.market.checkUpdates" | "panels.market.checkedAt" | "panels.market.justNow" | "panels.market.minutesAgo" | "panels.market.hoursAgo" | "panels.market.add.description" | "panels.market.add.specPlaceholder" | "panels.market.add.guideToggle" | "panels.market.add.guideHide" | "panels.market.add.guideIdTitle" | "panels.market.add.guideIdExample" | "panels.market.add.guideIdHint" | "panels.market.add.guideGitTitle" | "panels.market.add.guideGitExample" | "panels.market.add.guideGitHint" | "panels.market.add.guidePathTitle" | "panels.market.add.guidePathExample" | "panels.market.add.guidePathHint" | "panels.market.add.guideExampleLabel" | "panels.market.add.guideFill" | "panels.market.add.guideSafety" | "panels.market.add.registryLegend" | "panels.market.add.registryOfficial" | "panels.market.add.registryMirror" | "panels.market.add.registryWithHost" | "panels.market.add.registryToggle" | "panels.market.add.installVersion" | "panels.market.add.registryDefault" | "panels.market.add.registryCustom" | "panels.market.add.registryCustomPlaceholder" | "panels.market.add.registryCustomHint" | "panels.market.add.registryCustomInvalid" | "panels.market.add.run" | "panels.market.add.edit" | "panels.market.add.changeRegistry" | "panels.market.add.installingTitle" | "panels.market.add.installedTitle" | "panels.market.add.failedTitle" | "panels.market.add.cancelledTitle" | "panels.market.add.failureNetworkHost" | "panels.market.add.problemInvalid" | "panels.market.add.problemInstalled" | "panels.market.add.problemNotFound" | "panels.market.add.problemNotPackage" | "panels.market.add.problemNotBundle" | "panels.market.add.problemNotWorkbenchModule" | "panels.market.add.problemNotModuleOrPlugin" | "panels.market.add.failureNotModuleOrPlugin" | "panels.market.add.installedPlugin" | "panels.market.add.pluginPreview" | "panels.market.add.pluginAlias" | "panels.market.add.problemNetwork" | "panels.market.add.problemUnknown" | "panels.market.add.failureNetwork" | "panels.market.add.failureNotFound" | "panels.market.add.failureNoMatchingVersion" | "panels.market.add.failureDiskFull" | "panels.market.add.failurePermission" | "panels.market.add.failureBuildBlocked" | "panels.market.add.failureIntegrity" | "panels.market.add.failureTimeout" | "panels.market.add.failurePnpmMissing" | "panels.market.add.failureInstalled" | "panels.market.add.failureGeneric" | "panels.market.add.approveTitle" | "panels.market.add.approveCaution" | "panels.market.add.approveRun" | "panels.market.add.restart" | "panels.market.add.tookEffect" | "panels.market.add.details" | "panels.market.add.open" | "panels.market.add.title" | "panels.market.add.intro" | "panels.market.add.specLabel" | "panels.market.add.specHint" | "panels.market.add.exampleTitle" | "panels.market.add.exampleFill" | "panels.market.add.registryLabel" | "panels.market.add.registryProfile" | "panels.market.add.registryPnpm" | "panels.market.add.check" | "panels.market.add.checking" | "panels.market.add.classifying" | "panels.market.add.change" | "panels.market.add.previewTitle" | "panels.market.add.fieldName" | "panels.market.add.fieldVersion" | "panels.market.add.fieldDescription" | "panels.market.add.fieldSource" | "panels.market.add.install" | "panels.market.add.installing" | "panels.market.add.cancel" | "panels.market.add.close" | "panels.market.add.retry" | "panels.market.add.changeSource" | "panels.market.add.approveBuilds" | "panels.market.add.approveHint" | "panels.market.add.doneApplied" | "panels.market.add.doneRestart" | "panels.market.add.restartWhy" | "panels.market.add.restartWhy.no-hmr" | "panels.market.add.restartWhy.package-moved" | "panels.market.add.restartWhy.host-module" | "panels.market.add.restartWhy.unmanaged-plugin" | "panels.market.add.restartWhy.module-comparison" | "panels.market.add.cancelled" | "panels.market.add.failed" | "panels.market.add.removed" | "panels.market.add.supplyPending" | "panels.market.add.supplyFailed" | "panels.market.add.notModule" | "panels.market.add.removedRestart" | "panels.market.add.remove" | "panels.market.add.problem.invalidSpec" | "panels.market.add.problem.alreadyInstalled" | "panels.market.add.problem.notFound" | "panels.market.add.problem.notAPackage" | "panels.market.add.problem.notABundle" | "panels.market.add.problem.network" | "panels.market.add.problem.unknown" | "panels.market.add.reason.invalidSpec" | "panels.market.add.reason.incompatible" | "panels.market.add.reason.notBundle" | "panels.market.add.reason.notRemovable" | "panels.market.add.reason.bundleInUse" | "panels.market.add.reason.stopProfile" | "panels.market.add.reason.staleApproval" | "panels.market.add.reason.operationError" | "panels.market.add.reason.buildBlocked" | "panels.market.add.reason.pnpmMissing" | "panels.market.add.reason.noMatchingVersion" | "panels.market.add.reason.diskFull" | "panels.market.add.reason.permission" | "panels.market.add.reason.integrity" | "panels.market.add.reason.timeout" | "panels.market.add.reason.network" | "panels.market.add.reason.notFound" | "panels.market.add.reason.unknown" | "blocker.fix.running" | "blocker.fix.failed" | "blocker.retry.running" | "panels.reading" | "panels.cardBroken" | "panels.cardRetry" | "panels.empty" | "panels.emptyHint" | "env.title" | "env.checking" | "env.installing" | "env.failed" | "env.elapsed" | "env.stepFailed.install" | "env.stepFailed.path" | "env.stepFailed.shell" | "env.bridge.ok" | "env.bridge.short" | "env.bridge.why" | "env.bridge.daemon" | "env.bridge.extension" | "env.bridge.extensionLink" | "env.bridge.profile" | "env.bridge.stale" | "env.bridge.unknown" | "env.fix.title" | "env.fix.why" | "env.fix.whyPath" | "env.fix.whyShell" | "env.fix.step" | "env.fix.stepPath" | "env.fix.stepShell" | "env.fix.permission" | "env.fix.network" | "env.fix.details" | "env.retry" | "env.copyCommand" | "env.copied" | "env.step.opencli" | "env.step.codingPlugin" | "env.step.bridge" | "env.step.warm" | "env.warm.done" | "env.warm.short" | "rightbar.label" | "rightbar.expand" | "rightbar.collapse" | "rightbar.column.label" | "rightbar.column.workbench" | "rightbar.column.dsh" | "rightbar.refresh" | "rightbar.refreshing" | "rightbar.updatedAt" | "rightbar.noProject" | "rightbar.openPlatform" | "coding.notARepo.title" | "error.unknown" | "board.title" | "panel.conversation" | "panels.label" | "configSync.nav" | "configSync.lead" | "configSync.source" | "configSync.sourceBroken" | "configSync.sourceRows" | "configSync.sourceDead" | "configSync.refresh" | "configSync.loading" | "configSync.readHint" | "configSync.tag.new" | "configSync.tag.differs" | "configSync.conflictNote" | "configSync.code.lang" | "configSync.code.copy" | "configSync.code.copied" | "configSync.code.wrap" | "configSync.code.unwrap" | "configSync.code.collapse" | "configSync.code.collapseAria" | "configSync.code.expandAria" | "configSync.code.expand" | "configSync.missing" | "configSync.apply" | "configSync.applyNone" | "configSync.applying" | "configSync.applied" | "configSync.appliedIds" | "configSync.skippedIds" | "configSync.nothing" | "configSync.unreadable" | "configSync.noSource" | "configSync.emptyProviders" | "configSync.failed", string>;
 };
 export type { WorkbenchMessages };
 export interface Dictionaries {

package/dist/i18n/zh.d.ts

@@ -45,6 +45,15 @@ export declare const zh: {
     readonly 'status.completed': "已完成";
     readonly 'status.subagentsRunning.one': "{n} 个子代理运行中";
     readonly 'status.subagentsRunning.other': "{n} 个子代理运行中";
+    readonly 'project.attention.warning.one': "1 个会话在等你点头";
+    readonly 'project.attention.warning.other': "{n} 个会话在等你点头";
+    readonly 'project.attention.running.one': "1 个会话在跑";
+    readonly 'project.attention.running.other': "{n} 个会话在跑";
+    readonly 'project.attention.done.one': "1 个会话跑完没看";
+    readonly 'project.attention.done.other': "{n} 个会话跑完没看";
+    readonly 'project.attention.state.warning': "待审批";
+    readonly 'project.attention.state.running': "在跑";
+    readonly 'project.attention.state.done': "新消息";
     readonly 'hover.copied': "已复制";
     readonly 'time.now': "刚刚";
     readonly 'time.minutes': "{n} 分钟前";

package/dist/i18n/zh.js

@@ -45,6 +45,15 @@ export const zh = {
     'status.completed': '已完成',
     'status.subagentsRunning.one': '{n} 个子代理运行中',
     'status.subagentsRunning.other': '{n} 个子代理运行中',
+    'project.attention.warning.one': '1 个会话在等你点头',
+    'project.attention.warning.other': '{n} 个会话在等你点头',
+    'project.attention.running.one': '1 个会话在跑',
+    'project.attention.running.other': '{n} 个会话在跑',
+    'project.attention.done.one': '1 个会话跑完没看',
+    'project.attention.done.other': '{n} 个会话跑完没看',
+    'project.attention.state.warning': '待审批',
+    'project.attention.state.running': '在跑',
+    'project.attention.state.done': '新消息',
     'hover.copied': '已复制',
     'time.now': '刚刚',
     'time.minutes': '{n} 分钟前',

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export * from './components/CardBoundary.js';
 export * from './components/CardHead.js';
 export * from './components/ChoiceGroup.js';
 export * from './components/Field.js';
+export * from './components/FormActions.js';
 export * from './components/FormRows.js';
 export * from './components/Link.js';
 export * from './components/LongTaskRow.js';

package/dist/index.js

@@ -20,6 +20,7 @@ export * from './components/CardBoundary.js';
 export * from './components/CardHead.js';
 export * from './components/ChoiceGroup.js';
 export * from './components/Field.js';
+export * from './components/FormActions.js';
 export * from './components/FormRows.js';
 export * from './components/Link.js';
 export * from './components/LongTaskRow.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsh-workbench/shared",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "工作台与模块共享的纯代码与契约类型：类型、纯逻辑、哑组件、平台解析。宿主侧的东西从 /host 进（不影响浏览器产物）。",
   "license": "MIT",
   "type": "module",

package/src/components/FormActions.css

@@ -0,0 +1,13 @@
+.wb-formActions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--wb-len-8);
+}
+
+.wb-formActionDanger {
+  color: var(--dsw-alias-state-error-primary);
+  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent);
+  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent);
+}

package/src/components/FormActions.test.tsx

@@ -0,0 +1,157 @@
+import { readFileSync } from 'node:fs';
+import { describe, expect, it, vi } from 'vitest';
+import { FormActions, type FormAction, type FormActionKind } from './FormActions.js';
+import { SaveBar } from './SaveBar.js';
+
+function action(key: string, kind?: FormActionKind): FormAction {
+  return { key, label: key, ...(kind === undefined ? {} : { kind }), onClick: () => {} };
+}
+
+function buttonsOf(node: unknown): { props: Record<string, unknown> }[] {
+  return (node as { props: { children: unknown[] } }).props.children as { props: Record<string, unknown> }[];
+}
+
+function labelsOf(node: unknown): unknown[] {
+  return buttonsOf(node).map((one) => one.props['children']);
+}
+
+describe('FormActions', () => {
+  it('★ 顺序由组件决定：给乱序数组，primary 仍在末尾、danger 紧挨它左侧、其余保持调用点顺序', () => {
+    const node = FormActions({
+      actions: [action('save', 'primary'), action('retry'), action('remove', 'danger'), action('edit')],
+    });
+
+    expect(labelsOf(node)).toEqual(['retry', 'edit', 'remove', 'save']);
+    expect(buttonsOf(node).map((one) => one.props['variant'])).toEqual([
+      'ghost',
+      'ghost',
+      'outline',
+      'primary',
+    ]);
+  });
+
+  it('没有 primary 时 danger 仍是最后一个（固定槽位，不随调用点顺序漂）', () => {
+    const node = FormActions({ actions: [action('remove', 'danger'), action('reset')] });
+
+    expect(labelsOf(node)).toEqual(['reset', 'remove']);
+  });
+
+  it('★ 两颗 primary 给可诊断信号（点名 key），但不吞、不挪、不丢', () => {
+    const spy = vi.spyOn(console, 'error').mockImplementation(() => {});
+    try {
+      const node = FormActions({ actions: [action('keep', 'primary'), action('also', 'primary')] });
+
+      expect(spy).toHaveBeenCalledTimes(1);
+      const message = String(spy.mock.calls[0]?.[0]);
+      expect(message).toContain('[dsh-workbench]');
+      expect(message).toContain('keep');
+      expect(message).toContain('also');
+      expect(labelsOf(node)).toEqual(['keep', 'also']);
+    } finally {
+      spy.mockRestore();
+    }
+  });
+
+  it('一颗 primary 不报', () => {
+    const spy = vi.spyOn(console, 'error').mockImplementation(() => {});
+    try {
+      FormActions({ actions: [action('save', 'primary'), action('cancel')] });
+      expect(spy).not.toHaveBeenCalled();
+    } finally {
+      spy.mockRestore();
+    }
+  });
+
+  it('★ 空数组不渲空壳', () => {
+    expect(FormActions({ actions: [] })).toBeNull();
+  });
+
+  it('danger 是 outline + 危险类，绝不是 primary 填充', () => {
+    const node = FormActions({ actions: [action('remove', 'danger')] });
+    const only = buttonsOf(node)[0];
+
+    expect(only?.props['variant']).toBe('outline');
+    expect(only?.props['className']).toBe('wb-formActionDanger');
+  });
+
+  it('busy 那颗禁用并带 Spinner；disabled 单独算', () => {
+    const node = FormActions({
+      actions: [
+        { key: 'save', label: '保存', kind: 'primary', onClick: () => {}, busy: true },
+        { key: 'cancel', label: '取消', onClick: () => {}, disabled: true },
+      ],
+    });
+    const [cancel, save] = buttonsOf(node);
+
+    expect(save?.props['disabled']).toBe(true);
+    expect(save?.props['icon']).toBeTruthy();
+    expect(cancel?.props['disabled']).toBe(true);
+    expect(cancel?.props['icon']).toBeUndefined();
+  });
+});
+
+const CSS = readFileSync(new URL('./FormActions.css', import.meta.url), 'utf8');
+
+function declarations(selector: string): string[] {
+  for (const block of CSS.split('}')) {
+    const [head, ...rest] = block.split('{');
+    if (rest.length === 0 || head === undefined) continue;
+    if (head.trim() !== selector) continue;
+    return rest
+      .join('{')
+      .split(';')
+      .map((one) => one.replace(/\s+/g, ' ').trim())
+      .filter((one) => one !== '');
+  }
+  throw new Error(`FormActions.css 里没有这条规则：${selector}`);
+}
+
+describe('操作区的版式（ADR-0054 §2 规则四）', () => {
+  it('★ 窄容器换行 + 整组右对齐 + 唯一一档间距', () => {
+    const rule = declarations('.wb-formActions');
+
+    expect(rule).toContain('flex-wrap: wrap');
+    expect(rule).toContain('justify-content: flex-end');
+    expect(rule).toContain('gap: var(--wb-len-8)');
+  });
+
+  it('★ 危险色走现成令牌（文字 / 描边 / 悬停）', () => {
+    const rule = declarations('.wb-formActionDanger');
+
+    expect(rule).toContain('color: var(--dsw-alias-state-error-primary)');
+    expect(rule.some((one) => one.startsWith('border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary)'))).toBe(
+      true,
+    );
+    expect(rule.some((one) => one.startsWith('--dsw-alias-interactive-bg-hover:'))).toBe(true);
+  });
+});
+
+describe('SaveBar 自吃狗粮（ADR-0054 §10）', () => {
+  it('两个动作喂给 FormActions：取消是 default、保存是 primary（顺序不再由它摆）', () => {
+    const node = SaveBar({
+      busy: false,
+      labels: { cancel: '取消', save: '保存', saving: '保存中…' },
+      onCancel: () => {},
+      onSave: () => {},
+    }) as unknown as { props: { actions: readonly FormAction[] } };
+
+    expect(node.props.actions.map((one) => [one.key, one.kind])).toEqual([
+      ['cancel', 'default'],
+      ['save', 'primary'],
+    ]);
+  });
+
+  it('busy 时保存那颗显示 saving 文案、禁用且带忙碌标记', () => {
+    const node = SaveBar({
+      busy: true,
+      labels: { cancel: '取消', save: '保存', saving: '保存中…' },
+      onCancel: () => {},
+      onSave: () => {},
+    }) as unknown as { props: { actions: readonly FormAction[] } };
+    const save = node.props.actions[1];
+
+    expect(save?.label).toBe('保存中…');
+    expect(save?.disabled).toBe(true);
+    expect(save?.busy).toBe(true);
+  });
+});

package/src/components/FormActions.tsx

@@ -0,0 +1,75 @@
+import type { ReactNode } from '../lib/react.js';
+import { h } from '../lib/react.js';
+import { Button } from '@deepseek-ai/dsh-client-ui-primitives';
+import { Spinner } from './Spinner.js';
+import './FormActions.css';
+
+export type FormActionKind = 'default' | 'danger' | 'primary';
+
+export interface FormAction {
+  readonly key: string;
+  readonly label: ReactNode;
+  readonly kind?: FormActionKind | undefined;
+  readonly onClick: () => void;
+  readonly disabled?: boolean | undefined;
+  readonly busy?: boolean | undefined;
+}
+
+export interface FormActionsProps {
+  readonly actions: readonly FormAction[];
+}
+
+const RANK: Record<FormActionKind, number> = { default: 0, danger: 1, primary: 2 };
+
+function kindOf(action: FormAction): FormActionKind {
+  return action.kind ?? 'default';
+}
+
+function ordered(actions: readonly FormAction[]): readonly FormAction[] {
+  return actions
+    .map((action, index) => ({ action, index, rank: RANK[kindOf(action)] }))
+    .sort((left, right) => left.rank - right.rank || left.index - right.index)
+    .map((one) => one.action);
+}
+
+function reportExtraPrimaries(actions: readonly FormAction[]): void {
+  const keys = actions.filter((one) => kindOf(one) === 'primary').map((one) => one.key);
+  if (keys.length < 2) return;
+  console.error(
+    `[dsh-workbench] FormActions 一个区里出现了 ${keys.length} 颗 primary（${keys.join('、')}）—— ` +
+      '一个区只许一颗主操作（ADR-0054 §2 规则二）：多余的这颗该改成 default',
+  );
+}
+
+function variantOf(kind: FormActionKind): 'ghost' | 'outline' | 'primary' {
+  if (kind === 'primary') return 'primary';
+  if (kind === 'danger') return 'outline';
+  return 'ghost';
+}
+
+export function FormActions({ actions }: FormActionsProps) {
+  if (actions.length === 0) return null;
+  reportExtraPrimaries(actions);
+  return (
+    <div className="wb-formActions">
+      {ordered(actions).map((action) => {
+        const kind = kindOf(action);
+        const busy = action.busy === true;
+        return (
+          <Button
+            key={action.key}
+            type="button"
+            size="sm"
+            variant={variantOf(kind)}
+            className={kind === 'danger' ? 'wb-formActionDanger' : undefined}
+            disabled={busy || action.disabled === true}
+            icon={busy ? <Spinner size={12} /> : undefined}
+            onClick={action.onClick}
+          >
+            {action.label}
+          </Button>
+        );
+      })}
+    </div>
+  );
+}

package/src/components/FormRows.css

@@ -1,14 +1,25 @@
 .wb-formRows {
-  display: flex;
-  flex-direction: column;
-  gap: var(--wb-len-12);
+  display: grid;
+  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);
+  column-gap: var(--wb-len-8);
+  row-gap: var(--wb-len-12);
+}
+
+.wb-formRows > :not(.wb-formRow) {
+  grid-column: 1 / -1;
 }
 
 .wb-formRow {
   display: grid;
-  grid-template-columns: 72px minmax(0, 1fr);
+  grid-column: 1 / -1;
+  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);
   align-items: center;
-  gap: var(--wb-len-8);
+  column-gap: var(--wb-len-8);
+  row-gap: var(--wb-len-8);
+}
+
+.wb-formRows > .wb-formRow {
+  grid-template-columns: subgrid;
 }
 
 .wb-formRow[data-layout='stacked'] {
@@ -22,6 +33,11 @@
   font-size: var(--dsw-font-xs-13-font-size);
   color: var(--dsw-alias-label-secondary);
   overflow-wrap: anywhere;
+  white-space: nowrap;
+}
+
+.wb-formRow[data-layout='stacked'] .wb-formLabel {
+  white-space: normal;
 }
 
 .wb-formControl {

package/src/components/FormRows.test.tsx

@@ -1,3 +1,4 @@
+import { readFileSync } from 'node:fs';
 import { describe, expect, it } from 'vitest';
 import { FormRow, FormRows } from './FormRows.js';
 
@@ -80,3 +81,58 @@ describe('FormRow', () => {
     expect(texts(node)).toEqual(['两行']);
   });
 });
+
+const FORM_CSS = readFileSync(new URL('./FormRows.css', import.meta.url), 'utf8');
+
+function declarations(selector: string): string[] {
+  for (const block of FORM_CSS.split('}')) {
+    const [head, ...rest] = block.split('{');
+    if (rest.length === 0 || head === undefined) continue;
+    if (head.trim() !== selector) continue;
+    return rest
+      .join('{')
+      .split(';')
+      .map((one) => one.replace(/\s+/g, ' ').trim())
+      .filter((one) => one !== '');
+  }
+  throw new Error(`FormRows.css 里没有这条规则：${selector}`);
+}
+
+describe('标签列：同一个 FormRows 共用一列（ADR-0052 §11）', () => {
+  it('★ FormRows 自己是一个 grid：标签列 minmax(72px, max-content)，行距还是那一档', () => {
+    const rows = declarations('.wb-formRows');
+
+    expect(rows).toContain('display: grid');
+    expect(rows).toContain('grid-template-columns: minmax(72px, max-content) minmax(0, 1fr)');
+    expect(rows).toContain('row-gap: var(--wb-len-12)');
+  });
+
+  it('★ 行先留回退两列，再由 subgrid 继承父网格那两列（老浏览器丢掉 subgrid 仍有回退）', () => {
+    expect(declarations('.wb-formRow')).toContain(
+      'grid-template-columns: minmax(72px, max-content) minmax(0, 1fr)',
+    );
+    expect(declarations('.wb-formRows > .wb-formRow')).toContain('grid-template-columns: subgrid');
+  });
+
+  it('★ 行自己的列距与 FormRows 那一档同值（不同值就是控件起点参差）', () => {
+    const rowGap = declarations('.wb-formRow').find((one) => one.startsWith('column-gap:'));
+    const rowsGap = declarations('.wb-formRows').find((one) => one.startsWith('column-gap:'));
+
+    expect(rowGap).toBe('column-gap: var(--wb-len-8)');
+    expect(rowGap).toBe(rowsGap);
+  });
+
+  it('★ 标签不折行；stacked 还是单列、标签照常换行', () => {
+    expect(declarations('.wb-formLabel')).toContain('white-space: nowrap');
+    expect(declarations(".wb-formRow[data-layout='stacked'] .wb-formLabel")).toContain(
+      'white-space: normal',
+    );
+    expect(declarations(".wb-formRow[data-layout='stacked']")).toContain(
+      'grid-template-columns: minmax(0, 1fr)',
+    );
+  });
+
+  it('★ 不是 FormRow 的子项（分组标题那种）通栏，别被塞进标签那一列', () => {
+    expect(declarations('.wb-formRows > :not(.wb-formRow)')).toContain('grid-column: 1 / -1');
+  });
+});

package/src/components/SaveBar.tsx

@@ -1,6 +1,6 @@
-import { Button } from '@deepseek-ai/dsh-client-ui-primitives';
 import { h } from '../lib/react.js';
-import './SaveBar.css';
+import type { FormAction } from './FormActions.js';
+import { FormActions } from './FormActions.js';
 
 export interface SaveBarProps {
   readonly busy: boolean;
@@ -15,20 +15,16 @@ export interface SaveBarProps {
 }
 
 export function SaveBar({ busy, disabled, labels, onCancel, onSave }: SaveBarProps) {
-  return (
-    <div className="wb-formActions">
-      <Button type="button" size="sm" variant="ghost" onClick={onCancel} disabled={busy}>
-        {labels.cancel}
-      </Button>
-      <Button
-        type="button"
-        size="sm"
-        variant="primary"
-        onClick={onSave}
-        disabled={busy || disabled === true}
-      >
-        {busy ? labels.saving : labels.save}
-      </Button>
-    </div>
-  );
+  const actions: readonly FormAction[] = [
+    { key: 'cancel', label: labels.cancel, kind: 'default', onClick: onCancel, disabled: busy },
+    {
+      key: 'save',
+      label: busy ? labels.saving : labels.save,
+      kind: 'primary',
+      onClick: onSave,
+      disabled: busy || disabled === true,
+      busy,
+    },
+  ];
+  return <FormActions actions={actions} />;
 }

package/src/i18n/en.ts

@@ -48,6 +48,15 @@ export const en: Record<keyof WorkbenchMessages, string> = {
   'status.completed': 'Completed',
   'status.subagentsRunning.one': '{n} subagent running',
   'status.subagentsRunning.other': '{n} subagents running',
+  'project.attention.warning.one': '1 session waiting for you',
+  'project.attention.warning.other': '{n} sessions waiting for you',
+  'project.attention.running.one': '1 session running',
+  'project.attention.running.other': '{n} sessions running',
+  'project.attention.done.one': '1 session finished, unread',
+  'project.attention.done.other': '{n} sessions finished, unread',
+  'project.attention.state.warning': 'Approval',
+  'project.attention.state.running': 'Running',
+  'project.attention.state.done': 'New',
 
   'hover.copied': 'Copied',
   'time.now': 'just now',

package/src/i18n/zh.ts

@@ -46,6 +46,15 @@ export const zh = {
   'status.completed': '已完成',
   'status.subagentsRunning.one': '{n} 个子代理运行中',
   'status.subagentsRunning.other': '{n} 个子代理运行中',
+  'project.attention.warning.one': '1 个会话在等你点头',
+  'project.attention.warning.other': '{n} 个会话在等你点头',
+  'project.attention.running.one': '1 个会话在跑',
+  'project.attention.running.other': '{n} 个会话在跑',
+  'project.attention.done.one': '1 个会话跑完没看',
+  'project.attention.done.other': '{n} 个会话跑完没看',
+  'project.attention.state.warning': '待审批',
+  'project.attention.state.running': '在跑',
+  'project.attention.state.done': '新消息',
 
   'hover.copied': '已复制',
   'time.now': '刚刚',

package/src/index.ts

@@ -20,6 +20,7 @@ export * from './components/CardBoundary.js';
 export * from './components/CardHead.js';
 export * from './components/ChoiceGroup.js';
 export * from './components/Field.js';
+export * from './components/FormActions.js';
 export * from './components/FormRows.js';
 export * from './components/Link.js';
 export * from './components/LongTaskRow.js';

package/src/components/SaveBar.css

@@ -1,7 +0,0 @@
-
-.wb-formActions {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: var(--wb-len-8);
-}