dsh-tower 2.1.0 → 2.3.0

package/ui-bundle/client.locales.js

@@ -0,0 +1,247 @@
+// dsh-tower-ui 0.2.2 — locale dictionaries and the translation helpers.
+//
+// Package-local chunk: client.js loads it once through require.async() before
+// the first slot registration. The Client locale service owns activation and
+// language; each slot registration's `locale` option supplies the bound `t`
+// seat, and `EN` is the fallback for a missing seat (#71).
+window.__ModuleLoader__.load({
+  id: 'dsh-tower-ui',
+  chunk: 'client.locales.js',
+  factory() {
+    const TOOL_LABEL_KEYS = {
+      tower_status: 'tool.status',
+      tower_roster: 'tool.roster',
+      tower_spawn: 'tool.spawn',
+      tower_mission: 'tool.mission',
+      tower_complete: 'tool.complete',
+      tower_review: 'tool.review',
+      tower_preflight: 'tool.preflight',
+      tower_merge: 'tool.merge',
+      tower_teardown: 'tool.teardown',
+      tower_interrupt: 'tool.interrupt',
+      tower_doctor: 'tool.doctor',
+      tower_batch: 'tool.batch',
+    }
+
+    const EN = {
+      'card.title': 'Tower',
+      'card.running': 'running…',
+      'card.done': 'done',
+      'card.failed': 'failed',
+      'card.error': 'Error',
+      'card.blockers': 'Blockers',
+      'card.noBlockers': 'no blockers',
+      'card.checks': 'Checks',
+      'card.warnings': 'Warnings',
+      'card.checkOk': '{name} ✓',
+      'card.checkFail': '{name} (exit {code})',
+      'card.checksCount': '{passed}/{total} checks passed',
+      'card.tasks': 'tasks {done}/{total}',
+      'card.openTasks': '{count} open task(s)',
+      'card.noOpenTasks': 'no open tasks',
+      'card.statusHeadline': '{total} missions · {active} active',
+      'card.statusDetail': 'roster {roster} · findings {findings} · rev {revision}',
+      'card.rosterHeadline': '{live} live / {total} agents',
+      'card.staleCount': '{count} stale',
+      'card.otherCount': '{count} inactive',
+      'card.agentLine': '{name} · {role} · {mission} · {activity}',
+      'card.reviewLine': '{status} · merge {merge} · round {round}',
+      'card.mergeReady': 'ready to merge',
+      'card.mergeBlocked': '{count} blocker(s)',
+      'card.merged': 'merged {commit}',
+      'card.alreadyMerged': 'already merged',
+      'card.spawnLine': '{role} {name} → {mission}',
+      'card.worktreeLine': 'worktree {branch}',
+      'card.completeLine': '{mission} completed · {commits} commit(s)',
+      'card.unread': '{count} unread',
+      'card.interruptYes': 'interrupted {name}',
+      'card.interruptNo': '{name} is not running',
+      'card.previousActivity': 'previous activity {activity}',
+      'card.teardownLine': '{removed} removed · {kept} kept',
+      'card.dryRun': 'dry run',
+      'card.doctorLine': 'doctor {status}',
+      'card.doctorChecks': '{pass} pass · {warn} warn · {fail} fail',
+      'card.batchLine': 'batch {status}',
+      'card.batchMembers': '{count} member(s) · batch {status}',
+      'card.batchMissing': '{count} missing check(s)',
+      'card.batchFailed': '{count} failed check(s)',
+      'card.missionLine': '{id} {status}',
+      'card.missionMissing': 'mission',
+      'card.reviewPolicy': 'review {policy}',
+      'card.owner': 'owner {owner}',
+      'card.unknown': 'unknown',
+      'card.summary': '{text}',
+      'card.sep': ' · ',
+      'tool.status': 'Status',
+      'tool.roster': 'Roster',
+      'tool.spawn': 'Spawn',
+      'tool.mission': 'Mission',
+      'tool.complete': 'Complete',
+      'tool.review': 'Review',
+      'tool.preflight': 'Preflight',
+      'tool.merge': 'Merge',
+      'tool.teardown': 'Teardown',
+      'tool.interrupt': 'Interrupt',
+      'tool.doctor': 'Doctor',
+      'tool.batch': 'Batch',
+      'dock.hint.title': '/tower · /tower on [message] · /tower off [message]',
+      'dock.running': '{tool} running…',
+      'dock.statusCounts': '{total} missions · {active} active · {open} open',
+      'dock.rosterCounts': '{live} live / {total} agents',
+      'dock.review': 'review {status} · {merge}',
+      'dock.ready': 'ready to merge',
+      'dock.blocked': '{count} blocker(s)',
+      'dock.merged': 'merged {commit}',
+      'dock.complete': '{mission} completed · {commits} commit(s)',
+      'dock.spawn': '{role} {name} → {mission}',
+      'dock.removed': '{count} worktree(s) removed',
+      'dock.interrupt': '{name} interrupted',
+      'dock.mission': '{id} {status}',
+      'dock.preflight': 'preflight {status}',
+      'dock.batch': 'batch {status}',
+      'dock.doctor': 'doctor {status}',
+      'dock.generic': 'done',
+      'dock.mode.onLabel': 'on',
+      'dock.mode.unknownLabel': 'mode unknown',
+      'dock.mode.unknownTooltip': 'The loaded history has Tower activity but no mode event. Run /tower or tower_mode to confirm the current stance.',
+      'dock.mode.tooltip': 'Tower mode is on for this session. Run /tower off in the composer to leave Tower mode.',
+      'dock.mode.lastKnown': 'last known from this browser session; run /tower or tower_mode to confirm',
+      'dock.mode.repo': 'repo {repo}',
+      'dock.mode.lockHeld': 'workspace lock held',
+      'dock.mode.lockFree': 'workspace lock free',
+      'dock.mode.lastBy': 'last change by {by}',
+      'deny.label': 'Tower mode · disabled',
+      'deny.hint': 'Run /tower off in the composer to use this tool again.',
+      'deny.running': 'Tower mode blocks this tool while it is active',
+      'deny.generic': '{tool} (Tower mode active)',
+      'deny.error': 'Tool error while Tower mode is active',
+      'strip.started': 'Tower · {tool} started',
+      'strip.finished': 'Tower · {tool} finished',
+      'strip.failed': 'Tower · {tool} failed',
+    }
+    const ZH = {
+      'card.title': 'Tower',
+      'card.running': '运行中…',
+      'card.done': '已完成',
+      'card.failed': '失败',
+      'card.error': '错误',
+      'card.blockers': '阻塞项',
+      'card.noBlockers': '无阻塞',
+      'card.checks': '检查',
+      'card.warnings': '警告',
+      'card.checkOk': '{name} ✓',
+      'card.checkFail': '{name}（退出码 {code}）',
+      'card.checksCount': '通过 {passed}/{total} 项检查',
+      'card.tasks': '任务 {done}/{total}',
+      'card.openTasks': '{count} 个未完成任务',
+      'card.noOpenTasks': '无未完成任务',
+      'card.statusHeadline': '{total} 个任务线 · {active} 活跃',
+      'card.statusDetail': '名册 {roster} · 发现 {findings} · 修订 {revision}',
+      'card.rosterHeadline': '{live} 个运行中 / 共 {total} 个',
+      'card.staleCount': '{count} 个疑似停滞',
+      'card.otherCount': '{count} 个非活跃',
+      'card.agentLine': '{name} · {role} · {mission} · {activity}',
+      'card.reviewLine': '{status} · 合并建议 {merge} · 第 {round} 轮',
+      'card.mergeReady': '可以合并',
+      'card.mergeBlocked': '{count} 个阻塞',
+      'card.merged': '已合并 {commit}',
+      'card.alreadyMerged': '已合并（补记录）',
+      'card.spawnLine': '{role} {name} → {mission}',
+      'card.worktreeLine': '工作树 {branch}',
+      'card.completeLine': '{mission} 已完成 · {commits} 个提交',
+      'card.unread': '{count} 条未读',
+      'card.interruptYes': '已中断 {name}',
+      'card.interruptNo': '{name} 未在运行',
+      'card.previousActivity': '先前活动 {activity}',
+      'card.teardownLine': '移除 {removed} · 保留 {kept}',
+      'card.dryRun': '演练',
+      'card.doctorLine': '体检 {status}',
+      'card.doctorChecks': '通过 {pass} · 警告 {warn} · 失败 {fail}',
+      'card.batchLine': '批量 {status}',
+      'card.batchMembers': '{count} 个成员 · 批次 {status}',
+      'card.batchMissing': '{count} 项缺失检查',
+      'card.batchFailed': '{count} 项失败检查',
+      'card.missionLine': '{id} {status}',
+      'card.missionMissing': '任务线',
+      'card.reviewPolicy': '评审 {policy}',
+      'card.owner': '负责人 {owner}',
+      'card.unknown': '未知',
+      'card.summary': '{text}',
+      'card.sep': ' · ',
+      'tool.status': '状态',
+      'tool.roster': '名册',
+      'tool.spawn': '派发',
+      'tool.mission': '任务线',
+      'tool.complete': '完成',
+      'tool.review': '评审',
+      'tool.preflight': '预检',
+      'tool.merge': '合并',
+      'tool.teardown': '清理',
+      'tool.interrupt': '中断',
+      'tool.doctor': '体检',
+      'tool.batch': '批量',
+      'dock.hint.title': '/tower · /tower on [message] · /tower off [message]',
+      'dock.running': '{tool} 运行中…',
+      'dock.statusCounts': '{total} 个任务线 · {active} 活跃 · {open} 未完成',
+      'dock.rosterCounts': '{live} 个运行中 / 共 {total} 个',
+      'dock.review': '评审 {status} · {merge}',
+      'dock.ready': '可以合并',
+      'dock.blocked': '{count} 个阻塞',
+      'dock.merged': '已合并 {commit}',
+      'dock.complete': '{mission} 已完成 · {commits} 个提交',
+      'dock.spawn': '{role} {name} → {mission}',
+      'dock.removed': '移除 {count} 个工作树',
+      'dock.interrupt': '已中断 {name}',
+      'dock.mission': '{id} {status}',
+      'dock.preflight': '预检 {status}',
+      'dock.batch': '批量 {status}',
+      'dock.doctor': '体检 {status}',
+      'dock.generic': '已完成',
+      'dock.mode.onLabel': '已开启',
+      'dock.mode.unknownLabel': '模式未知',
+      'dock.mode.unknownTooltip': '已加载的历史中有 Tower 活动，但没有模式事件。执行 /tower 或 tower_mode 以确认当前状态。',
+      'dock.mode.tooltip': '此会话已开启 Tower 模式。在输入框中执行 /tower off 可退出。',
+      'dock.mode.lastKnown': '来自此浏览器会话的最后已知状态；请执行 /tower 或 tower_mode 确认',
+      'dock.mode.repo': '仓库 {repo}',
+      'dock.mode.lockHeld': '工作区锁已持有',
+      'dock.mode.lockFree': '工作区锁空闲',
+      'dock.mode.lastBy': '最近变更者 {by}',
+      'deny.label': 'Tower 模式 · 已禁用',
+      'deny.hint': '在输入框中执行 /tower off 后即可重新使用该工具。',
+      'deny.running': 'Tower 模式启用期间该工具被禁用',
+      'deny.generic': '{tool}（Tower 模式启用中）',
+      'deny.error': 'Tower 模式启用期间的工具错误',
+      'strip.started': 'Tower · {tool} 开始',
+      'strip.finished': 'Tower · {tool} 完成',
+      'strip.failed': 'Tower · {tool} 失败',
+    }
+
+    function fill(template, params) {
+      if (typeof template !== 'string') return String(template)
+      if (params === undefined || params === null) return template
+      return template.replace(/\{(\w+)\}/g, (match, name) =>
+        Object.prototype.hasOwnProperty.call(params, name) ? String(params[name]) : match,
+      )
+    }
+    function translate(t, key, params) {
+      if (typeof t === 'function') {
+        try {
+          const value = t(key, params)
+          if (typeof value === 'string') return value
+        } catch (error) {
+          /* fall through to the bundled English dictionary */
+        }
+      }
+      return fill(EN[key] !== undefined ? EN[key] : key, params)
+    }
+    function seatT(props) {
+      return props && typeof props.t === 'function' ? props.t : null
+    }
+    function toolLabel(t, name) {
+      if (typeof name !== 'string' || name === '') return translate(t, 'card.title')
+      return translate(t, TOOL_LABEL_KEYS[name] || 'card.title')
+    }
+
+    return { EN, ZH, fill, translate, seatT, toolLabel }
+  },
+})

package/ui-bundle/client.mode.js

@@ -0,0 +1,206 @@
+// dsh-tower-ui 0.2.2 — the history-derived Tower-mode model and observable.
+//
+// The dock folds the durable history into one stance model; the store publishes
+// it so the denied-tool toolviews can be added/disposed. No Host state is read
+// or fetched. Package-local chunk (#71).
+window.__ModuleLoader__.load({
+  id: 'dsh-tower-ui',
+  chunk: 'client.mode.js',
+  factory() {
+    function towerCommandAction(args) {
+      const raw = String(args === undefined || args === null ? '' : args).trim()
+      if (/^reload$/i.test(raw)) return null
+      if (/^base\s+\S+\s*$/i.test(raw)) return null
+      const match = /^(on|off)(?:\s+[\s\S]*)?$/i.exec(raw)
+      if (match) return match[1].toLowerCase()
+      // Bare `/tower` and `/tower <message>` both mean "ensure on".
+      return 'on'
+    }
+    function repoNameOf(value) {
+      if (typeof value !== 'string' || value === '') return null
+      let cleaned = value.replace(/[\\/]+$/, '')
+      if (/[\\/]\.git$/i.test(cleaned)) cleaned = cleaned.replace(/[\\/]\.git$/i, '')
+      const index = Math.max(cleaned.lastIndexOf('/'), cleaned.lastIndexOf('\\'))
+      const name = index >= 0 ? cleaned.slice(index + 1) : cleaned
+      return name === '' ? null : name
+    }
+    // Fold the visible history into one model: the last recognized event wins,
+    // and `/tower reload|base` or a failed command leaves the stance unchanged.
+    function modeModelFromLegacy(legacy, helpers) {
+      const { isPlainObject, parsePayload } = helpers
+      const model = {
+        known: false,
+        on: null,
+        denied: null,
+        repo: null,
+        lock: null,
+        lastBy: null,
+        lastReason: null,
+        source: null,
+      }
+      const nodes = isPlainObject(legacy) && Array.isArray(legacy.nodes) ? legacy.nodes : []
+      for (const node of nodes) {
+        if (!isPlainObject(node)) continue
+        if (node.kind === 'command') {
+          if (node.name !== 'tower') continue
+          const outcome = isPlainObject(node.outcome) ? node.outcome : null
+          if (outcome !== null && outcome.kind === 'error') continue
+          const action = towerCommandAction(node.args)
+          if (action === null) continue
+          model.known = true
+          model.on = action === 'on'
+          model.source = 'command'
+          model.lastBy = 'user'
+          model.lastReason = null
+          continue
+        }
+        const toolName = isPlainObject(node.call) ? node.call.name : null
+        if (toolName === 'tower_mode') {
+          const payload = parsePayload(node)
+          if (!isPlainObject(payload) || payload.__error === true) continue
+          if (payload.mode === 'on' || payload.mode === 'off') {
+            model.known = true
+            model.on = payload.mode === 'on'
+            model.source = 'tower_mode'
+          }
+          if (Array.isArray(payload.deniedWhileActive)) {
+            const names = []
+            for (const entry of payload.deniedWhileActive) {
+              if (typeof entry !== 'string') continue
+              const name = entry.trim()
+              if (name !== '' && !names.includes(name)) names.push(name)
+            }
+            if (names.length > 0) model.denied = names
+          }
+          const workspace = isPlainObject(payload.workspaceLock) ? payload.workspaceLock : null
+          if (workspace !== null) {
+            model.lock = { enabled: workspace.enabled === true, held: workspace.held === true }
+            const name = repoNameOf(workspace.commonDir)
+            if (name !== null) model.repo = name
+          }
+          if (isPlainObject(payload.lastChange)) {
+            if (typeof payload.lastChange.by === 'string') model.lastBy = payload.lastChange.by
+            if (typeof payload.lastChange.reason === 'string' && payload.lastChange.reason.trim() !== '') {
+              model.lastReason = payload.lastChange.reason.trim()
+            }
+          }
+          continue
+        }
+        if (toolName === 'tower_control') {
+          const payload = parsePayload(node)
+          if (!isPlainObject(payload) || payload.__error === true || payload.ok === false) continue
+          const mode =
+            payload.mode === 'on' || payload.mode === 'off'
+              ? payload.mode
+              : payload.action === 'enter'
+                ? 'on'
+                : payload.action === 'exit'
+                  ? 'off'
+                  : null
+          if (mode === null) continue
+          model.known = true
+          model.on = mode === 'on'
+          model.source = 'tower_control'
+          if (typeof payload.changedBy === 'string') model.lastBy = payload.changedBy
+          if (typeof payload.reason === 'string' && payload.reason.trim() !== '') model.lastReason = payload.reason.trim()
+          continue
+        }
+        if (toolName === 'tower_status') {
+          const payload = parsePayload(node)
+          if (isPlainObject(payload)) {
+            const name = repoNameOf(payload.repoRoot)
+            if (name !== null) model.repo = name
+          }
+        }
+      }
+      return model
+    }
+    const EMPTY_MODE = {
+      writer: null,
+      known: false,
+      on: null,
+      denied: null,
+      repo: null,
+      lock: null,
+      lastBy: null,
+      lastReason: null,
+      source: null,
+    }
+    function createModeStore(diagnostics, helpers) {
+      const { isPlainObject } = helpers
+      // All mutable client state lives in this closure, never at module scope
+      // (client-ambient).
+      const state = { value: Object.assign({}, EMPTY_MODE), seq: 0 }
+      const listeners = new Set()
+
+      function nextDockWriter() {
+        state.seq += 1
+        return 'dock-' + state.seq
+      }
+      function modeSnapshot() {
+        return state.value
+      }
+      function subscribeMode(listener) {
+        listeners.add(listener)
+        return function () {
+          listeners.delete(listener)
+        }
+      }
+      function sameMode(left, right) {
+        return (
+          left.known === right.known &&
+          left.on === right.on &&
+          JSON.stringify(left.denied) === JSON.stringify(right.denied) &&
+          left.repo === right.repo &&
+          JSON.stringify(left.lock) === JSON.stringify(right.lock) &&
+          left.lastBy === right.lastBy &&
+          left.source === right.source
+        )
+      }
+      function notifyMode() {
+        for (const listener of Array.from(listeners)) {
+          try {
+            listener()
+          } catch (error) {
+            /* a broken registration reconciler must not break the dock */
+          }
+        }
+      }
+      function publishMode(writer, next) {
+        const value = {
+          writer,
+          known: next.known === true,
+          on: next.known === true && next.on === true,
+          denied: Array.isArray(next.denied) ? next.denied.slice() : null,
+          repo: typeof next.repo === 'string' && next.repo !== '' ? next.repo : null,
+          lock: isPlainObject(next.lock) ? { enabled: next.lock.enabled === true, held: next.lock.held === true } : null,
+          lastBy: typeof next.lastBy === 'string' && next.lastBy !== '' ? next.lastBy : null,
+          lastReason: typeof next.lastReason === 'string' && next.lastReason !== '' ? next.lastReason : null,
+          source: typeof next.source === 'string' ? next.source : null,
+        }
+        diagnostics.mode = { known: value.known, on: value.on, denied: value.denied }
+        if (sameMode(value, state.value)) {
+          state.value = value
+          return
+        }
+        state.value = value
+        notifyMode()
+      }
+      function clearMode(writer) {
+        if (state.value.writer !== writer) return
+        const empty = Object.assign({}, EMPTY_MODE, { writer })
+        if (sameMode(empty, state.value)) {
+          state.value = empty
+          return
+        }
+        state.value = empty
+        diagnostics.mode = { known: false, on: null, denied: null }
+        notifyMode()
+      }
+
+      return { nextDockWriter, modeSnapshot, subscribeMode, publishMode, clearMode, sameMode }
+    }
+
+    return { EMPTY_MODE, towerCommandAction, repoNameOf, modeModelFromLegacy, createModeStore }
+  },
+})

package/ui-bundle/client.overlay.js

@@ -0,0 +1,64 @@
+// dsh-tower-ui 0.2.2 — the transient shell.overlay status strip.
+//
+// Root-scoped (no chat hooks), so the toolview publishes a notice into this
+// observable and the strip injects it; the timer is owned by apply's ctx.effect.
+// Package-local chunk (#71).
+window.__ModuleLoader__.load({
+  id: 'dsh-tower-ui',
+  chunk: 'client.overlay.js',
+  factory() {
+    function createOverlay(env) {
+      const { h, translate, toolLabel, seatT, ST, dotStyle, helpers } = env
+      const { isPlainObject } = helpers
+      // Mutable state lives in this closure; the module has no top-level state.
+      const state = { value: null }
+      const listeners = new Set()
+
+      function snapshot() {
+        return state.value
+      }
+      function subscribe(listener) {
+        listeners.add(listener)
+        return function () {
+          listeners.delete(listener)
+        }
+      }
+      function setNotice(next) {
+        if (Object.is(next, state.value)) return
+        state.value = next
+        for (const listener of Array.from(listeners)) {
+          try {
+            listener()
+          } catch (error) {
+            /* a broken subscriber must not break the strip */
+          }
+        }
+      }
+      const source = { getSnapshot: snapshot, subscribe: subscribe }
+
+      function TowerStatusStrip(props) {
+        const t = seatT(props)
+        if (!props || typeof props.useTowerNotice !== 'function') return null
+        const notice = props.useTowerNotice(function (value) {
+          return value
+        })
+        if (!isPlainObject(notice)) return null
+        const running = notice.running === true
+        const failed = notice.ok === false
+        const tone = running ? 'idle' : failed ? 'error' : 'ok'
+        const text = translate(t, running ? 'strip.started' : failed ? 'strip.failed' : 'strip.finished', {
+          tool: toolLabel(t, notice.tool),
+        })
+        return h(
+          'div',
+          { 'data-tower-ui': 'status-strip', role: 'status', 'aria-live': 'polite', style: ST.stripWrap },
+          h('div', { style: ST.stripCard }, h('span', { 'aria-hidden': true, style: dotStyle(tone) }, null), h('span', null, text)),
+        )
+      }
+
+      return { source, setNotice, TowerStatusStrip }
+    }
+
+    return { createOverlay }
+  },
+})

package/ui-bundle/client.styles.js

@@ -0,0 +1,151 @@
+// dsh-tower-ui 0.2.2 — the inline style table.
+//
+// Theme references are restricted to `--dsw-alias-*` tokens. Chunk (#71).
+window.__ModuleLoader__.load({
+  id: 'dsh-tower-ui',
+  chunk: 'client.styles.js',
+  factory() {
+    const TONE = {
+      ok: 'var(--dsw-alias-state-success-primary)',
+      warn: 'var(--dsw-alias-state-warn-primary)',
+      error: 'var(--dsw-alias-state-error-primary)',
+      idle: 'var(--dsw-alias-state-idle-primary)',
+      none: 'var(--dsw-alias-label-tertiary)',
+    }
+    const ST = {
+      card: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+        minWidth: 0,
+        maxWidth: '100%',
+        boxSizing: 'border-box',
+        margin: '2px 0 2px 4px',
+        padding: '8px 10px',
+        border: '0.5px solid var(--dsw-alias-border-l1)',
+        borderRadius: '8px',
+        background: 'var(--dsw-alias-bg-layer-1)',
+        color: 'var(--dsw-alias-label-secondary)',
+        fontSize: '12px',
+        lineHeight: '18px',
+      },
+      header: { display: 'flex', alignItems: 'center', gap: '6px', minWidth: 0 },
+      title: { color: 'var(--dsw-alias-label-primary)', flex: 'none' },
+      dim: {
+        color: 'var(--dsw-alias-label-tertiary)',
+        minWidth: 0,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+      },
+      row: { minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' },
+      rowError: { color: 'var(--dsw-alias-state-error-primary)' },
+      rowWarn: { color: 'var(--dsw-alias-state-warn-primary)' },
+      rowOk: { color: 'var(--dsw-alias-state-success-primary)' },
+      hint: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '4px',
+        padding: '0 6px',
+        fontSize: '11px',
+        lineHeight: '18px',
+        color: 'inherit',
+        opacity: 0.55,
+        userSelect: 'none',
+        whiteSpace: 'nowrap',
+      },
+      dock: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '6px',
+        minWidth: 0,
+        maxWidth: '100%',
+        padding: '1px 8px',
+        fontSize: '11px',
+        lineHeight: '18px',
+        color: 'var(--dsw-alias-label-tertiary)',
+        whiteSpace: 'nowrap',
+      },
+      dockTool: { color: 'var(--dsw-alias-label-secondary)', flex: 'none' },
+      dockText: {
+        minWidth: 0,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        color: 'var(--dsw-alias-label-tertiary)',
+      },
+      stripWrap: {
+        position: 'fixed',
+        left: '50%',
+        bottom: '16px',
+        transform: 'translateX(-50%)',
+        display: 'flex',
+        justifyContent: 'center',
+        pointerEvents: 'none',
+        zIndex: 9100,
+        maxWidth: 'calc(100vw - 32px)',
+      },
+      stripCard: {
+        pointerEvents: 'none',
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '6px',
+        maxWidth: '100%',
+        padding: '4px 10px',
+        border: '0.5px solid var(--dsw-alias-border-l1)',
+        borderRadius: '999px',
+        background: 'var(--dsw-alias-bg-overlay)',
+        color: 'var(--dsw-alias-label-secondary)',
+        fontSize: '12px',
+        lineHeight: '18px',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+      },
+      modeChip: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '6px',
+        padding: '0 8px',
+        border: '0.5px solid var(--dsw-alias-border-l2)',
+        borderRadius: '999px',
+        background: 'var(--dsw-alias-bg-layer-1)',
+        color: 'var(--dsw-alias-label-secondary)',
+        fontSize: '11px',
+        lineHeight: '18px',
+        whiteSpace: 'nowrap',
+        userSelect: 'none',
+      },
+      modeChipLabel: { color: 'var(--dsw-alias-label-primary)' },
+      modeChipOn: { color: 'var(--dsw-alias-state-success-primary)' },
+      denyCard: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+        minWidth: 0,
+        maxWidth: '100%',
+        boxSizing: 'border-box',
+        margin: '2px 0 2px 4px',
+        padding: '8px 10px',
+        border: '0.5px solid var(--dsw-alias-border-l2)',
+        borderRadius: '8px',
+        background: 'var(--dsw-alias-bg-layer-1)',
+        color: 'var(--dsw-alias-label-secondary)',
+        fontSize: '12px',
+        lineHeight: '18px',
+      },
+      denyLabel: { color: 'var(--dsw-alias-state-warn-primary)', flex: 'none' },
+      denyHint: { color: 'var(--dsw-alias-label-tertiary)' },
+    }
+    function dotStyle(tone) {
+      return {
+        width: '6px',
+        height: '6px',
+        flex: 'none',
+        borderRadius: '999px',
+        background: TONE[tone] || TONE.none,
+      }
+    }
+
+    return { TONE, ST, dotStyle }
+  },
+})