dsh-tacit 0.4.0 → 0.6.0

package/client/client.js

@@ -53,13 +53,16 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       'status.trendCorrections': '你纠正智能体：{a} → {b}',
       'status.trendMessy': '混乱轮次：{a} → {b}',
       'status.trendTokens': '每轮 tokens：{a} → {b}',
-      'status.trendHint': '（最早 {n} 轮 vs 最近 {n} 轮，真实数据）',
+      'status.trendHint': '（最早 {n} 轮 vs 最近 {n} 轮，真实数据——这是你自己轮次的前后对比，不是对照实验）',
+      'status.trendDocs': '试用与趋势的判定方式见《How it works》：§6 Trials https://github.com/hackernotfound/dsh-tacit/blob/main/docs/how-it-works.md#6-trials · §10 The measured trend https://github.com/hackernotfound/dsh-tacit/blob/main/docs/how-it-works.md#10-the-measured-trend',
       'turn.enrichment': '发送前补充的上下文',
       'trigger.auto': '自动',
       'trigger.correction': '纠正',
       'trigger.manual': '手动',
       'trigger.bootstrap': '引导',
       'trigger.good': '做对了',
+      'trigger.feedback': '反馈',
+      'trigger.send': '发送',
       'report.strengths': '这次做对了什么',
       'report.lesson': '经验',
       'settings.learnGood': '也从混乱之后的顺利提示词中学习',
@@ -89,6 +92,33 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       'steer.workspace': '仅 {name}',
       'steer.scope': '适用范围',
       'steer.everywhere': '所有工作区',
+      'steer.receipt': '这条指令从哪来',
+      'steer.review': '新指令先经我确认再开始试用',
+      'steer.startTrial': '开始试用',
+      'steer.receiptLoading': '读取中…',
+      'steer.receiptCopy': '复制为 JSON',
+      'steer.receiptNever': '从未',
+      'steer.receiptNoRun': '无记账记录',
+      'steer.receiptId': '编号',
+      'steer.receiptScope': '适用范围',
+      'steer.receiptStatus': '状态',
+      'steer.receiptSource': '来源',
+      'steer.receiptCreated': '创建于',
+      'steer.receiptUpdated': '更新于',
+      'steer.receiptEvaluated': '评定于',
+      'steer.receiptVersion': '版本',
+      'steer.receiptTrial': '试用窗口',
+      'steer.receiptTurns': '{n} 轮',
+      'steer.receiptTrialNote': '始于 {started} · 基线：杂乱 {messy}、纠正 {corrected}',
+      'steer.receiptCalls': '{n} 次调用',
+      'steer.enabled': '启用',
+      'steer.options': '选项',
+      'steer.receiptTriggers': '触发类别',
+      'steer.receiptEvidence': '证据',
+      'steer.receiptEvidenceValue': '{turns} 轮，来自 {conversations} 个会话',
+      'steer.receiptCost': '提炼花费',
+      'steer.moveTo': '移到工作区',
+      'steer.notSeen': '自 {date} 起未见',
       'settings.auto': '自动分析混乱轮次',
       'settings.budget': '每日自动分析上限',
       settings: '设置',
@@ -167,10 +197,14 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       'usage.last30': '最近 30 天',
       'usage.since': '自 {day} 起',
       'usage.calls': '计费调用（30 天）',
+      'usage.tokens': 'Tokens（30 天）',
       'usage.avgAnalysis': '单次分析中位成本',
       'usage.cachedRate': '输入缓存命中率（30 天）',
       'usage.unpriced': '无价目调用（30 天）',
       'usage.unpricedShort': '{n} 次无价目',
+      'usage.failedRepair': '失败或修复调用花费（30 天）',
+      'usage.failedRepairSplit': '失败 {failed} · 修复 {repair}',
+      'usage.autoToday': '今日自动分析 {n} / {budget}',
       'usage.priceUnavailable': '无价目',
       'usage.chartLabel': '每日花费，最近 {n} 天',
       'usage.chartSummary': '最近 {n} 天：合计 {total}；最高 {day} {max}',
@@ -178,6 +212,8 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       'usage.series7': '7 天',
       'usage.series30': '30 天',
       'usage.breakdown': '按操作分类（最近 30 天）',
+      'usage.byRoute': '按线路分类（最近 30 天）',
+      'usage.byTrigger': '按触发方式分类（最近 30 天）',
       'usage.filters': '筛选',
       'usage.loading': '正在载入这次运行的调用明细…',
       'usage.page': '第 {page} / {pages} 页',
@@ -292,6 +328,9 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       'err.network': '无法连接 Tacit 服务。',
       'err.internal': '内部错误：{detail}',
       'err.continuation': '这是一条纯粹的「继续」类消息（没有可分析的意图）——请分析它之前的那一轮。',
+      'err.directive-policy': '指令不能改变工具权限、审批或沙箱设置，请换一种说法。',
+      'err.already-analyzed': '这一轮已有报告；点击「重新分析」可再花一次费用分析。',
+      'err.unknown-directive': '找不到这条指令。',
     }
 
     const DICT_EN = {
@@ -303,13 +342,16 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       'status.trendCorrections': 'You corrected the agent: {a} → {b}',
       'status.trendMessy': 'Messy turns: {a} → {b}',
       'status.trendTokens': 'Tokens/turn: {a} → {b}',
-      'status.trendHint': '(first {n} turns vs. latest {n}, measured)',
+      'status.trendHint': '(first {n} turns vs. latest {n}, measured — before/after on your own turns, not a controlled comparison)',
+      'status.trendDocs': 'How these are judged: §6 Trials https://github.com/hackernotfound/dsh-tacit/blob/main/docs/how-it-works.md#6-trials · §10 The measured trend https://github.com/hackernotfound/dsh-tacit/blob/main/docs/how-it-works.md#10-the-measured-trend',
       'turn.enrichment': 'Context added before the send',
       'trigger.auto': 'auto',
       'trigger.correction': 'correction',
       'trigger.manual': 'manual',
       'trigger.bootstrap': 'bootstrap',
       'trigger.good': 'what worked',
+      'trigger.feedback': 'feedback',
+      'trigger.send': 'send',
       'report.strengths': 'What this prompt got right',
       'report.lesson': 'Lesson',
       'settings.learnGood': 'Also learn from a clean prompt right after a messy turn',
@@ -339,6 +381,33 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       'steer.workspace': 'only {name}',
       'steer.scope': 'Applies to',
       'steer.everywhere': 'Everywhere',
+      'steer.receipt': 'Where this directive came from',
+      'steer.review': 'Review new directives before their trial',
+      'steer.startTrial': 'Start trial',
+      'steer.receiptLoading': 'Reading…',
+      'steer.receiptCopy': 'Copy as JSON',
+      'steer.receiptNever': 'never',
+      'steer.receiptNoRun': 'no ledger run',
+      'steer.receiptId': 'Id',
+      'steer.receiptScope': 'Applies to',
+      'steer.receiptStatus': 'Status',
+      'steer.receiptSource': 'Source',
+      'steer.receiptCreated': 'Created',
+      'steer.receiptUpdated': 'Updated',
+      'steer.receiptEvaluated': 'Evaluated',
+      'steer.receiptVersion': 'Version',
+      'steer.receiptTrial': 'Trial window',
+      'steer.receiptTurns': '{n} turns',
+      'steer.receiptTrialNote': 'from {started} · baseline messy {messy}, corrections {corrected}',
+      'steer.receiptCalls': '{n} calls',
+      'steer.enabled': 'Enabled',
+      'steer.options': 'Options',
+      'steer.receiptTriggers': 'Trigger categories',
+      'steer.receiptEvidence': 'Evidence',
+      'steer.receiptEvidenceValue': '{turns} turns across {conversations} conversations',
+      'steer.receiptCost': 'Distillation cost',
+      'steer.moveTo': 'Move to workspace',
+      'steer.notSeen': 'not seen since {date}',
       'settings.auto': 'Auto-analyze messy turns',
       'settings.budget': 'Daily cap on automatic analyses',
       settings: 'Settings',
@@ -417,10 +486,14 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       'usage.last30': 'Last 30 days',
       'usage.since': 'Since {day}',
       'usage.calls': 'Billed calls (30 d)',
+      'usage.tokens': 'Tokens (30 d)',
       'usage.avgAnalysis': 'Median cost per analysis',
       'usage.cachedRate': 'Cached input rate (30 d)',
       'usage.unpriced': 'Unpriced calls (30 d)',
       'usage.unpricedShort': '{n} unpriced',
+      'usage.failedRepair': 'Spent on failed or repair calls (30 d)',
+      'usage.failedRepairSplit': 'failed {failed} · repair {repair}',
+      'usage.autoToday': 'automatic analyses today {n} / {budget}',
       'usage.priceUnavailable': 'No price',
       'usage.chartLabel': 'Daily spend, last {n} days',
       'usage.chartSummary': 'Last {n} days: total {total}; highest {day} {max}',
@@ -428,6 +501,8 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       'usage.series7': '7 d',
       'usage.series30': '30 d',
       'usage.breakdown': 'By operation (last 30 days)',
+      'usage.byRoute': 'By route (last 30 days)',
+      'usage.byTrigger': 'By trigger (last 30 days)',
       'usage.filters': 'Filters',
       'usage.loading': 'Loading this run\u2019s calls…',
       'usage.page': 'Page {page} of {pages}',
@@ -542,6 +617,9 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       'err.network': 'Could not reach the Tacit service.',
       'err.internal': 'Internal error: {detail}',
       'err.continuation': 'This is a bare continuation ("continue", "go ahead") with nothing to analyze — analyze the turn before it instead.',
+      'err.directive-policy': 'A directive cannot change tool permissions, approvals or the sandbox. Reword it.',
+      'err.already-analyzed': 'This turn already has a report; Re-analyze pays for a fresh one.',
+      'err.unknown-directive': 'No directive with that id.',
     }
 
     // ── API client (the host half's own routes on the harness origin) ──────
@@ -641,6 +719,7 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       auto: null,
       steering: null, // {enabled, text}
       workspaces: [], // [{cwd, label}] from /state
+      receipts: {}, // directive id → the /directive-receipt receipt, re-read on each expand
       trend: null, // measured early-vs-recent trend
       bootstrap: null, // {running, done, total}
       coached: [], // cross-session coached-prompt entries
@@ -1029,13 +1108,13 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
     function closeConfirm() {
       rootStore.confirm = null
       notifyRoot()
+      restoreConfirmOpener()
     }
 
     /** Run the parked destructive action, whichever it is, and close the dialog. */
     async function confirmAction() {
       const kind = rootStore.confirm !== null && typeof rootStore.confirm === 'object' ? rootStore.confirm.kind : null
-      rootStore.confirm = null
-      notifyRoot()
+      closeConfirm()
       if (kind === 'reports') await clearAllRoot()
       else if (kind === 'usage') await clearUsageHistory()
     }
@@ -1151,6 +1230,25 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       notifyRoot()
     }
 
+    /** One directive's audit receipt. Re-read on every expand: a trial's counters move while it runs. */
+    async function fetchReceipt(id) {
+      const key = String(id)
+      if (key.length === 0) return
+      rootStore.error = null
+      try {
+        const result = await api('/directive-receipt', { id: key })
+        if (result !== null && typeof result === 'object' && result.ok === true
+          && result.receipt !== null && typeof result.receipt === 'object') {
+          rootStore.receipts[key] = result.receipt
+        } else {
+          rootStore.error = { code: result !== null && typeof result === 'object' && typeof result.code === 'string' ? result.code : 'bad-request', detail: '' }
+        }
+      } catch (error) {
+        rootStore.error = errorOf(error)
+      }
+      notifyRoot()
+    }
+
     async function initStore(store) {
       if (store === null || store.initStarted) return
       store.initStarted = true
@@ -1181,7 +1279,8 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       store.error = null
       store.notice = null
       notify(store)
-      api('/analyze', { sessionId: store.sessionId, turn })
+      // A turn that already has a report is only re-analyzed on purpose; the button reads "Re-analyze" then.
+      api('/analyze', { sessionId: store.sessionId, turn, ...(store.reports[String(turn)] ? { force: true } : {}) })
         .then((result) => {
           if (result !== null && typeof result === 'object' && result.ok && result.report !== null && typeof result.report === 'object') {
             store.reports[String(turn)] = result.report
@@ -1245,7 +1344,7 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
             // `busy` means an analysis of that turn was already running — a
             // race with the auto-analyzer, not a failure of this batch.
             const code = typeof entry.code === 'string' && entry.code.length > 0 ? entry.code : 'call-failed'
-            if (failure === null && code !== 'busy') failure = { code, detail: '' }
+            if (failure === null && code !== 'busy' && code !== 'already-analyzed') failure = { code, detail: '' }
           }
           if (failure !== null) store.error = failure
           if (result.profile !== null && typeof result.profile === 'object') store.profile = result.profile
@@ -1575,14 +1674,30 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
     }
 
     /**
-     * Billed tokens in one bucket set: uncached input + output + cache reads +
-     * cache writes. `reasoningTokens` is a subset of `outputTokens`, so adding
-     * it would count every reasoning token twice.
+     * Billed tokens in one bucket set, split the way they are priced:
+     * everything the prompt cost (uncached input, cache reads, cache writes)
+     * against what came back. `reasoningTokens` is a subset of `outputTokens`,
+     * so adding it would count every reasoning token twice.
      */
-    function tokensTotal(buckets) {
-      if (buckets === null || typeof buckets !== 'object') return 0
+    function tokensInOut(buckets) {
+      if (buckets === null || typeof buckets !== 'object') return { input: 0, output: 0 }
       const num = (value) => (typeof value === 'number' && Number.isFinite(value) && value >= 0 ? value : 0)
-      return num(buckets.inputTokens) + num(buckets.outputTokens) + num(buckets.cacheReadTokens) + num(buckets.cacheWriteTokens)
+      return {
+        input: num(buckets.inputTokens) + num(buckets.cacheReadTokens) + num(buckets.cacheWriteTokens),
+        output: num(buckets.outputTokens),
+      }
+    }
+
+    /** Both halves of `tokensInOut` at once. */
+    function tokensTotal(buckets) {
+      const split = tokensInOut(buckets)
+      return split.input + split.output
+    }
+
+    /** `tokensInOut` as the one line the tiles and the run rows both show. */
+    function fmtTokensSplit(buckets) {
+      const split = tokensInOut(buckets)
+      return 'in ' + fmtTokens(split.input) + ' · out ' + fmtTokens(split.output)
     }
 
     function usageNum(value) {
@@ -1600,7 +1715,11 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       }
     }
 
-    /** One period card, zero-filled; the two derived figures stay nullable. */
+    /**
+     * One period card, zero-filled; the two averages stay nullable.
+     * `failedUsd` and `repairUsd` overlap on a failed repair, so they can sum
+     * past `failedOrRepairUsd`, which counts that union once.
+     */
     function usagePeriod(value) {
       const source = value !== null && typeof value === 'object' ? value : {}
       return {
@@ -1608,8 +1727,12 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
         billedCalls: usageNum(source.billedCalls),
         unmeteredCalls: usageNum(source.unmeteredCalls),
         unpricedCalls: usageNum(source.unpricedCalls),
+        failedCalls: usageNum(source.failedCalls),
         tokens: usageTokens(source.tokens),
         usdKnown: usageNum(source.usdKnown),
+        failedUsd: usageNum(source.failedUsd),
+        repairUsd: usageNum(source.repairUsd),
+        failedOrRepairUsd: usageNum(source.failedOrRepairUsd),
         avgAnalysisUsd: typeof source.avgAnalysisUsd === 'number' && Number.isFinite(source.avgAnalysisUsd) ? source.avgAnalysisUsd : null,
         cachedInputRate: typeof source.cachedInputRate === 'number' && Number.isFinite(source.cachedInputRate) ? source.cachedInputRate : null,
       }
@@ -1646,8 +1769,10 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
         billedCalls: usageNum(source.billedCalls),
         unmeteredCalls: usageNum(source.unmeteredCalls),
         unpricedCalls: usageNum(source.unpricedCalls),
+        failedCalls: usageNum(source.failedCalls),
         tokens: usageTokens(source.tokens),
         usdKnown: usageNum(source.usdKnown),
+        failedUsd: usageNum(source.failedUsd),
         trigger: text('trigger'),
         startedAt: usageNum(source.startedAt),
         endedAt: usageNum(source.endedAt),
@@ -1668,6 +1793,7 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       if (value === null || typeof value !== 'object' || value.ok !== true) return null
       const runs = value.runs !== null && typeof value.runs === 'object' ? value.runs : {}
       const warnings = value.warnings !== null && typeof value.warnings === 'object' ? value.warnings : {}
+      const auto = value.auto !== null && typeof value.auto === 'object' ? value.auto : {}
       return {
         trackingSince: usageNum(value.trackingSince),
         pricing: value.pricing !== null && typeof value.pricing === 'object' ? value.pricing : {},
@@ -1678,9 +1804,12 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
         lifetime: usagePeriod(value.lifetime),
         byType: usageBuckets(value.byType),
         byModel: usageBuckets(value.byModel),
+        byProvider: usageBuckets(value.byProvider),
+        byTrigger: usageBuckets(value.byTrigger),
         series7: usageSeries(value.series7),
         series30: usageSeries(value.series30),
         warnings: { daily: usageWarning(warnings.daily), monthly: usageWarning(warnings.monthly) },
+        auto: { today: usageNum(auto.today), budget: usageNum(auto.budget) },
         runs: {
           items: (Array.isArray(runs.items) ? runs.items : []).map(usageRunItem),
           page: usageNum(runs.page) > 0 ? Math.floor(usageNum(runs.page)) : 1,
@@ -1755,10 +1884,16 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       return h('div', { className: 'tacit-progress' },
         h('div', { className: 'tacit-progress-head' },
           h('span', { className: 'tacit-progress-title' }, t('status.learned', { count: String(analyzed) })),
-          h('span', { className: 'tacit-progress-count' }, autoOn ? t('status.autoOn', { today: String(today), budget: String(budget) }) : '')),
+          // The same badge idiom the directive cards use: a dot plus a label,
+          // tinted by state. Off is said in the line below, not twice.
+          autoOn
+            ? h('span', { className: 'tacit-badge tacit-badge-active' },
+              h('span', { className: 'tacit-badge-dot', 'aria-hidden': 'true' }),
+              t('status.autoOn', { today: String(today), budget: String(budget) }))
+            : null),
         h('div', { className: 'tacit-progress-text' }, autoOn ? t('status.autoHint') : t('status.autoOff')),
         hasTrend
-          ? h('div', { className: 'tacit-trend' },
+          ? h('div', { className: 'tacit-trend', title: t('status.trendDocs') },
             h('span', { className: 'tacit-chip' }, t('status.trendCorrections', { a: pct(trend.early.correctionRate), b: pct(trend.recent.correctionRate) })),
             h('span', { className: 'tacit-chip' }, t('status.trendMessy', { a: pct(trend.early.messyRate), b: pct(trend.recent.messyRate) })),
             h('span', { className: 'tacit-chip' }, t('status.trendTokens', { a: fmt(trend.early.tokensPerTurn), b: fmt(trend.recent.tokensPerTurn) })),
@@ -1854,8 +1989,10 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       const status = turn.finished === true
         ? null
         : (isNewest === true
-          ? h('span', { className: 'tacit-row-live' }, t('turn.running'))
-          : h('span', { className: 'tacit-chip tacit-chip-muted' }, t('turn.interrupted')))
+          ? h('span', { className: 'tacit-badge tacit-badge-active' },
+            h('span', { className: 'tacit-badge-dot', 'aria-hidden': 'true' }),
+            t('turn.running'))
+          : h('span', { className: 'tacit-badge tacit-badge-muted' }, t('turn.interrupted')))
 
       return h('div', { className: 'tacit-row' + (report !== null ? ' tacit-row-analyzed' : '') },
         h('div', { className: 'tacit-row-head' },
@@ -1873,35 +2010,47 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
             h('span', { className: 'tacit-row-time' }, fmtTime(turn.startedAt)),
             report !== null ? h('span', { className: 'tacit-chip tacit-chip-trigger' }, t('trigger.' + report.trigger)) : null,
             status),
-          h('div', { className: 'tacit-row-chips' },
-            h('span', { className: 'tacit-chip' }, t('turn.tools', { n: String(tools) })),
-            h('span', { className: 'tacit-chip' }, t('turn.steps', { n: String(typeof turn.steps === 'number' ? turn.steps : 0) })),
-            h('span', { className: 'tacit-chip' }, t('turn.tokens', { n: fmt(tokens) })),
-            typeof turn.retries === 'number' && turn.retries > 0
-              ? h('span', { className: 'tacit-chip tacit-chip-warn' }, t('turn.retries', { n: String(turn.retries) }))
-              : null,
+          // Two controls only, and the row's own action is the solid one:
+          // opening the report is a disclosure, so it stays quiet.
+          h('div', { className: 'tacit-row-actions' },
             report !== null
-              ? h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: () => toggleReport(store, turn.turn) },
-                t('turn.report') + (reportOpen ? ' ▾' : ' ▸'))
+              ? h('button', {
+                type: 'button',
+                className: 'tacit-btn tacit-btn-sm tacit-btn-quiet',
+                'aria-expanded': reportOpen,
+                onClick: () => toggleReport(store, turn.turn),
+              }, t('turn.report'),
+              h('span', { className: 'tacit-chevron' + (reportOpen ? ' tacit-chevron-open' : ''), 'aria-hidden': 'true' }, '›'))
               : null,
             h('button', {
               type: 'button',
-              className: 'tacit-btn tacit-btn-sm tacit-btn-quiet',
+              className: 'tacit-btn tacit-btn-sm',
               disabled: analyzing,
               onClick: () => analyzeTurn(store, turn.turn),
             }, analyzing ? t('turn.analyzing') : (report !== null ? t('turn.reanalyze') : t('turn.analyze'))))),
         prompt.length > 0
           ? h('div', { className: 'tacit-row-prompt' },
-            h('button', {
-              type: 'button',
-              className: 'tacit-row-prompt-text',
-              onClick: () => setExpanded((open) => !open),
-            }, expanded ? prompt : promptPreview),
+            // A long prompt is one control: the text itself toggles, and the
+            // trailing word says so. A short one is plain text.
             prompt.length > 120
-              ? h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: () => setExpanded((open) => !open) },
-                expanded ? t('turn.collapse') : t('turn.expand'))
-              : null)
+              ? h('button', {
+                type: 'button',
+                className: 'tacit-row-prompt-text',
+                'aria-expanded': expanded,
+                onClick: () => setExpanded((open) => !open),
+              }, expanded ? prompt : promptPreview,
+              h('span', { className: 'tacit-row-more' }, expanded ? t('turn.collapse') : t('turn.expand')))
+              : h('div', { className: 'tacit-row-prompt-text tacit-row-prompt-static' }, prompt))
           : null,
+        // The measurements are context, not headline: one quiet dot-separated
+        // line under the prompt rather than four bordered chips in the header.
+        h('div', { className: 'tacit-row-meta' },
+          h('span', null, t('turn.tools', { n: String(tools) })),
+          h('span', null, t('turn.steps', { n: String(typeof turn.steps === 'number' ? turn.steps : 0) })),
+          h('span', null, t('turn.tokens', { n: fmt(tokens) })),
+          typeof turn.retries === 'number' && turn.retries > 0
+            ? h('span', { className: 'tacit-row-meta-warn' }, t('turn.retries', { n: String(turn.retries) }))
+            : null),
         typeof turn.enrichment === 'string' && turn.enrichment.length > 0
           ? h('div', { className: 'tacit-row-enrichment' },
             h('span', { className: 'tacit-report-title' }, t('turn.enrichment')),
@@ -1965,35 +2114,33 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
 
       return h('div', { className: 'tacit-settings' },
         h('div', { className: 'tacit-settings-title' }, t('settings.title')),
-        h('div', { className: 'tacit-settings-row' },
-          h('label', { className: 'tacit-settings-label' }, t('settings.model')),
-          h('select', {
-            className: 'tacit-select',
-            value: model,
-            onChange: (event) => applyModel(event.target.value),
-          },
-          h('option', { value: 'deepseek-v4-flash' }, 'deepseek-v4-flash'),
-          h('option', { value: 'deepseek-v4-pro' }, 'deepseek-v4-pro'))),
-        h('div', { className: 'tacit-settings-row' },
-          h('label', { className: 'tacit-settings-label' }, t('settings.auto')),
-          h('input', { type: 'checkbox', checked: auto, onChange: toggleAuto })),
-        h('div', { className: 'tacit-settings-row' },
-          h('label', { className: 'tacit-settings-label' }, t('settings.learnGood')),
-          h('input', { type: 'checkbox', checked: learnGood, onChange: toggleLearnGood })),
-        h('div', { className: 'tacit-settings-row' },
-          h('label', { className: 'tacit-settings-label' }, t('settings.budget')),
+        FieldRow(t('settings.model'), h('select', {
+          id: 'tacit-tab-model',
+          className: 'tacit-select',
+          value: model,
+          onChange: (event) => applyModel(event.target.value),
+        },
+        h('option', { value: 'deepseek-v4-flash' }, 'deepseek-v4-flash'),
+        h('option', { value: 'deepseek-v4-pro' }, 'deepseek-v4-pro')), 'tacit-tab-model'),
+        FieldRow(t('settings.budget'), [
           h('input', {
+            key: 'input',
+            id: 'tacit-tab-budget',
             className: 'tacit-input',
             type: 'number',
             min: 0,
             value: budgetText,
             onChange: (event) => setBudgetText(event.target.value),
           }),
-          h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: applyBudget }, t('settings.apply'))),
-        h('div', { className: 'tacit-settings-row' },
-          h('label', { className: 'tacit-settings-label' }, t('settings.live')),
-          h('input', { type: 'checkbox', checked: live, onChange: toggleLive })),
-        h('div', { className: 'tacit-settings-row' },
+          h('button', { key: 'apply', type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: applyBudget }, t('settings.apply')),
+        ], 'tacit-tab-budget'),
+        // The three switches read as one group of clickable sentences, the way
+        // the Agent guidance options do.
+        h('div', { className: 'tacit-options' },
+          OptionRow(t('settings.auto'), auto, toggleAuto),
+          OptionRow(t('settings.learnGood'), learnGood, toggleLearnGood),
+          OptionRow(t('settings.live'), live, toggleLive)),
+        h('div', { className: 'tacit-inline' },
           h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: onClear }, t('settings.clear')),
           notice !== null ? h('span', { className: 'tacit-settings-notice' }, notice) : null))
     }
@@ -2025,7 +2172,7 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
             h('div', { className: 'tacit-head-title' }, t('tab')),
             h('button', {
               type: 'button',
-              className: 'tacit-btn',
+              className: 'tacit-btn tacit-btn-sm tacit-btn-quiet',
               onClick: () => setSettingsOpen((open) => !open),
             }, settingsOpen ? t('settings.close') : t('settings'))),
           StatusCard(kit, { config, profile, auto: store.auto }),
@@ -2045,11 +2192,10 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
             ? h('div', { className: 'tacit-empty' }, t('empty'))
             : h('div', null,
               h('div', { className: 'tacit-toolbar' },
-                h('span', { className: 'tacit-panel-hint tacit-toolbar-hint' }, t('manual.hint')),
                 BootstrapButton(kit, { bootstrap: store.bootstrap, onClick: () => bootstrapSession(store) }),
                 h('button', {
                   type: 'button',
-                  className: 'tacit-btn tacit-btn-sm',
+                  className: 'tacit-btn tacit-btn-sm' + (store.selecting ? '' : ' tacit-btn-quiet'),
                   onClick: () => toggleSelecting(store),
                 }, store.selecting ? t('coach.selectDone') : t('coach.select')),
                 store.selecting
@@ -2060,6 +2206,7 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
                     onClick: () => coachSelected(store),
                   }, store.batchRunning ? t('coach.batchRunning') : t('coach.selected', { n: String(selectedCount) }))
                   : null),
+              h('div', { className: 'tacit-toolbar-note' }, t('manual.hint')),
               turns.map((turn, index) => h(TurnRow, { key: String(turn.turn), kit, store, turn, isNewest: index === 0 }))))
       }
     }
@@ -2119,21 +2266,23 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
               : preview.error !== null
                 ? h('div', { className: 'tacit-error' },
                   t('err.' + String(preview.error.code), { detail: String(preview.error.detail || '') }))
-                : h('div', null,
+                // What changed is the one sentence that decides Apply, so it
+                // reads before the two columns rather than under them.
+                : h('div', { className: 'tacit-modal-body' },
+                  preview.data !== null && typeof preview.data === 'object' && typeof preview.data.rationale === 'string' && preview.data.rationale.length > 0
+                    ? h('div', { className: 'tacit-modal-rationale' },
+                      h('div', { className: 'tacit-modal-col-title' }, t('preview.rationale')),
+                      h('div', { className: 'tacit-modal-rationale-text' }, preview.data.rationale))
+                    : null,
                   unchanged
                     ? h('div', { className: 'tacit-modal-unchanged' }, t('preview.unchanged'))
                     : h('div', { className: 'tacit-modal-cols' },
                       h('div', { className: 'tacit-modal-col' },
                         h('div', { className: 'tacit-modal-col-title' }, t('preview.original')),
                         h('pre', { className: 'tacit-pre' }, preview.original)),
-                      h('div', { className: 'tacit-modal-col' },
+                      h('div', { className: 'tacit-modal-col tacit-modal-col-improved' },
                         h('div', { className: 'tacit-modal-col-title' }, t('preview.improved')),
                         h('pre', { className: 'tacit-pre' }, improvedText))),
-                  preview.data !== null && typeof preview.data === 'object' && typeof preview.data.rationale === 'string' && preview.data.rationale.length > 0
-                    ? h('div', { className: 'tacit-modal-rationale' },
-                      h('div', { className: 'tacit-modal-col-title' }, t('preview.rationale')),
-                      h('div', { className: 'tacit-modal-rationale-text' }, preview.data.rationale))
-                    : null,
                   h('div', { className: 'tacit-modal-actions' },
                     unchanged
                       ? null
@@ -2214,6 +2363,37 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
 
     // ── Collapsible section card (Settings → Tacit) ────────────────────────
 
+    /**
+     * One settings row: a label that takes the slack and wraps, and its
+     * control(s) right-aligned. `htmlFor` names the control when it has an id;
+     * checkbox settings use `OptionRow` instead, which is a label all through.
+     */
+    function FieldRow(label, control, htmlFor) {
+      const controls = Array.isArray(control) ? control : [control]
+      return h('div', { className: 'tacit-field' },
+        h('label', {
+          className: 'tacit-field-label',
+          ...(typeof htmlFor === 'string' && htmlFor.length > 0 ? { htmlFor } : {}),
+        }, label),
+        h('div', { className: 'tacit-field-control' }, ...controls))
+    }
+
+    /**
+     * One checkbox setting as a clickable `<label>`, so the hit target is the
+     * whole sentence rather than a 14px box.
+     */
+    function OptionRow(label, checked, onChange, extra) {
+      return h('label', { className: 'tacit-option' },
+        h('input', {
+          type: 'checkbox',
+          className: 'tacit-check',
+          checked,
+          onChange,
+          ...(extra !== null && typeof extra === 'object' ? extra : {}),
+        }),
+        h('span', null, label))
+    }
+
     /**
      * One accessible collapsible card.
      *
@@ -2243,10 +2423,15 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
         typeof summary === 'string' && summary.length > 0
           ? h('span', { className: 'tacit-card-summary' }, summary)
           : null,
-        count !== undefined && count !== null
+        // A zero count is silence, not a figure worth a chip.
+        typeof count === 'number' && count > 0
           ? h('span', { className: 'tacit-card-count' }, String(count))
           : null,
-        h('span', { className: 'tacit-card-chevron', 'aria-label': label, title: label }, isOpen ? '▾' : '▸')),
+        h('span', {
+          className: 'tacit-chevron tacit-card-chevron' + (isOpen ? ' tacit-chevron-open' : ''),
+          'aria-label': label,
+          title: label,
+        }, '›')),
         h('div', { className: 'tacit-card-body', id: bodyId, hidden: !isOpen }, ...kids))
     }
 
@@ -2257,7 +2442,7 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
      *
      * It is captured by the store action that opens the dialog rather than by
      * the dialog itself: React focuses the `autoFocus`ed Cancel button while it
-     * commits, so by the time an effect runs the opener is already gone.
+     * commits, so by the time the dialog is mounted the opener is already gone.
      */
     let confirmOpener = null
 
@@ -2272,26 +2457,29 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       confirmOpener = typeof document !== 'undefined' && document !== null ? document.activeElement : null
     }
 
+    /**
+     * Hand focus back one macrotask after the close. The host's Settings modal
+     * moves focus on the same Escape, so a restore that runs inside the close is
+     * overwritten and the user lands on the host's Close button instead.
+     */
+    function restoreConfirmOpener() {
+      const opener = confirmOpener
+      confirmOpener = null
+      if (opener === null || typeof opener.focus !== 'function') return
+      setTimeout(() => opener.focus(), 0)
+    }
+
     /**
      * One small modal confirmation, rendered unconditionally by its owner (and
      * `null` when closed) so React's hook count never changes between renders.
-     * Hook-free but for the focus restore, which is the one thing it cannot do
-     * with markup alone.
+     * Hook-free: focus is restored by `closeConfirm`, the one path out.
      *
      * Cancel comes first and takes focus: the safe answer is the one a keyboard
      * or screen-reader user reaches without looking.
      */
     function ConfirmDialog(kit, { open, title, body, confirmLabel, onConfirm, onCancel }) {
       const { t } = kit
-      const isOpen = open === true
-      useEffect(() => {
-        if (!isOpen || typeof document === 'undefined') return undefined
-        const opener = confirmOpener
-        return () => {
-          if (opener !== null && typeof opener.focus === 'function') opener.focus()
-        }
-      }, [isOpen])
-      if (!isOpen) return null
+      if (open !== true) return null
       const cancel = typeof onCancel === 'function' ? onCancel : () => {}
       return h('div', {
         className: 'tacit-modal-backdrop',
@@ -2318,7 +2506,7 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
         },
       },
       h('div', {
-        className: 'tacit-modal-card',
+        className: 'tacit-modal-card tacit-modal-card-sm',
         role: 'dialog',
         'aria-modal': 'true',
         'aria-labelledby': 'tacit-confirm-title',
@@ -2336,9 +2524,91 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
 
     function DirectivesEditor(kit) {
       const { t } = kit
+      const fmtDay = (ms) => {
+        const date = new Date(Number(ms))
+        return !(Number(ms) > 0) || Number.isNaN(date.getTime()) ? t('steer.receiptNever') : date.toISOString().slice(0, 10)
+      }
+      const pct = (value) => (typeof value === 'number' && value >= 0 ? Math.round(value * 100) + '%' : t('steer.receiptNever'))
+      const triggerName = (name) => {
+        const key = 'trigger.' + name
+        const label = t(key)
+        return label === key ? name : label
+      }
+      const copyReceipt = (receipt) => {
+        if (typeof navigator === 'undefined' || navigator === null || !navigator.clipboard || typeof navigator.clipboard.writeText !== 'function') return
+        navigator.clipboard.writeText(JSON.stringify(receipt, null, 2)).catch(() => {})
+      }
+      const metaRow = (label, value) => [h('dt', { key: label + '-t' }, label), h('dd', { key: label + '-d' }, value)]
+      /** A null `note` marks an absent value ("never", "no ledger run"), shown quiet rather than as a headline figure. */
+      const tile = (key, label, value, note) => h('div', { key, className: 'tacit-tile tacit-receipt-tile' },
+        h('span', { className: 'tacit-tile-label' }, label),
+        h('span', { className: 'tacit-tile-value' + (note === null ? ' tacit-tile-muted' : '') }, value),
+        note === null ? null : h('span', { className: 'tacit-receipt-tile-note' }, note))
+      const step = (key, label, ms) => h('li', { key, className: 'tacit-timeline-step' + (Number(ms) > 0 ? '' : ' tacit-timeline-never') },
+        h('span', { className: 'tacit-timeline-label' }, label),
+        h('span', { className: 'tacit-timeline-value' }, fmtDay(ms)))
+      /**
+       * What the receipt route returned for this directive, layered: three
+       * tiles, a lifecycle timeline, the trigger chips, then the identity grid;
+       * never any prompt text.
+       */
+      function Receipt(receipt) {
+        if (receipt === null || typeof receipt === 'object' === false) return h('div', { className: 'tacit-panel-hint' }, t('steer.receiptLoading'))
+        const triggers = Object.entries(receipt.triggers !== null && typeof receipt.triggers === 'object' ? receipt.triggers : {})
+        const evidence = receipt.evidence !== null && typeof receipt.evidence === 'object' ? receipt.evidence : { turns: 0, conversations: 0 }
+        const cost = receipt.cost !== null && typeof receipt.cost === 'object' ? receipt.cost : { usd: null, calls: 0 }
+        const trial = receipt.trial !== null && typeof receipt.trial === 'object' ? receipt.trial : null
+        return h('div', { className: 'tacit-receipt' },
+          h('div', { className: 'tacit-tiles tacit-receipt-tiles' },
+            tile('evidence', t('steer.receiptEvidence'), String(evidence.turns),
+              t('steer.receiptEvidenceValue', { turns: String(evidence.turns), conversations: String(evidence.conversations) })),
+            tile('trial', t('steer.receiptTrial'),
+              trial === null ? t('steer.receiptNever') : t('steer.receiptTurns', { n: String(trial.turns) }),
+              trial === null ? null : t('steer.receiptTrialNote', {
+                started: fmtDay(trial.startedAt), messy: pct(trial.baselineMessyRate), corrected: pct(trial.baselineCorrectionRate) })),
+            tile('cost', t('steer.receiptCost'),
+              cost.usd === null ? t('steer.receiptNoRun') : fmtUsd(cost.usd),
+              cost.usd === null ? null : t('steer.receiptCalls', { n: String(cost.calls) }))),
+          h('ol', { className: 'tacit-timeline' },
+            step('created', t('steer.receiptCreated'), receipt.createdAt),
+            step('updated', t('steer.receiptUpdated'), receipt.updatedAt),
+            step('evaluated', t('steer.receiptEvaluated'), receipt.evaluatedAt)),
+          h('div', { className: 'tacit-receipt-row' },
+            h('span', { className: 'tacit-receipt-label' }, t('steer.receiptTriggers')),
+            triggers.length === 0
+              ? h('span', { className: 'tacit-chip tacit-chip-muted' }, t('steer.receiptNever'))
+              : triggers.map(([name, count]) => h('span', { key: name, className: 'tacit-chip' }, triggerName(name) + ' ' + String(count)))),
+          h('dl', { className: 'tacit-receipt-meta' },
+            ...metaRow(t('steer.receiptId'), String(receipt.id)),
+            ...metaRow(t('steer.receiptVersion'), String(receipt.version)),
+            ...metaRow(t('steer.receiptScope'), typeof receipt.scope === 'string' && receipt.scope.length > 0 ? receipt.scope : t('steer.everywhere')),
+            ...metaRow(t('steer.receiptSource'), receipt.source === 'user' ? t('steer.user') : t('steer.distilled')),
+            ...metaRow(t('steer.receiptStatus'), String(receipt.status))),
+          h('div', { className: 'tacit-receipt-actions' },
+            h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: () => copyReceipt(receipt) }, t('steer.receiptCopy'))))
+      }
       return function DirectivesEditorView(props) {
-        const { config, directives, steering } = props
+        const { config, steering } = props
+        const directives = (Array.isArray(props.directives) ? props.directives : []).filter((entry) => entry.status !== 'removed')
+        const receipts = rootStore.receipts !== null && typeof rootStore.receipts === 'object' ? rootStore.receipts : {}
+        const reviewOn = config !== null && config.reviewCandidates === true
         const workspaces = Array.isArray(props.workspaces) ? props.workspaces : []
+        const seenAt = props.seenAt !== null && typeof props.seenAt === 'object' ? props.seenAt : {}
+        const liveScope = (scope) => workspaces.some((entry) => entry.cwd === scope || String(entry.cwd).startsWith(scope + '/'))
+        const notSeenSince = (entry) => {
+          const stamp = typeof seenAt[entry.workspace] === 'number' ? seenAt[entry.workspace] : entry.createdAt
+          const date = new Date(Number(stamp))
+          return Number.isNaN(date.getTime()) ? '' : date.toISOString().slice(0, 10)
+        }
+        const scopeOptions = (current) => {
+          const options = [
+            h('option', { key: '-', value: '-' }, t('steer.moveTo')),
+            h('option', { key: '', value: '' }, t('steer.everywhere')),
+          ]
+          for (const entry of workspaces) options.push(h('option', { key: entry.cwd, value: entry.cwd }, entry.label))
+          if (current.length > 0 && !workspaces.some((entry) => entry.cwd === current)) options.push(h('option', { key: current, value: current }, labelOf(current)))
+          return options
+        }
         const [draft, setDraft] = useState('')
         const [scope, setScope] = useState('')
         const labelOf = (cwd) => {
@@ -2361,25 +2631,49 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
           setEnrichOn(next)
           updateRootConfig({ enrichPrompts: next })
         }
+        const toggleReview = () => updateRootConfig({ reviewCandidates: !reviewOn })
         const onAdd = () => {
           const text = draft.trim()
           if (text.length === 0) return
           setDraft('')
           editDirectives({ action: 'add', text: text.slice(0, 300), ...(scope.length > 0 ? { workspace: scope } : {}) })
         }
-        return h('div', { className: 'tacit-panel-section', 'data-testid': 'tacit-steering' },
-          h('div', { className: 'tacit-report-title' }, t('steer.title')),
-          h('div', { className: 'tacit-panel-hint' }, t('steer.desc')),
-          h('div', { className: 'tacit-settings-row' },
-            h('label', { className: 'tacit-settings-label' }, t('steer.toggle')),
-            h('input', { type: 'checkbox', checked: steerOn, onChange: toggleSteer })),
-          h('div', { className: 'tacit-settings-row' },
-            h('label', { className: 'tacit-settings-label' }, t('steer.enrich')),
-            h('input', { type: 'checkbox', checked: enrichOn, onChange: toggleEnrich })),
-          directives.length === 0
-            ? h('div', { className: 'tacit-empty' }, t('steer.empty'))
-            : h('div', { className: 'tacit-rules-list' },
-              directives.map((entry) => h('div', { key: entry.id, className: 'tacit-rule tacit-directive' + (entry.enabled === false ? ' tacit-directive-off' : '') },
+        /** The lifecycle badge: one colour per status, the label the chips used to carry. */
+        const statusOf = (entry) => {
+          if (entry.status === 'queued') return { kind: 'queued', label: t('steer.queued') }
+          if (entry.status === 'candidate') {
+            return {
+              kind: 'trial',
+              label: t('steer.trial', {
+                n: String(entry.trial !== null && typeof entry.trial === 'object' && typeof entry.trial.turns === 'number' ? entry.trial.turns : 0),
+                total: String(config !== null && typeof config.directiveTrialTurns === 'number' ? config.directiveTrialTurns : 10),
+              }),
+            }
+          }
+          if (entry.status === 'retired') return { kind: 'retired', label: t('steer.retired', { reason: String(entry.retiredReason || '') }) }
+          return { kind: 'active', label: t('steer.active') }
+        }
+        const directiveCard = (entry) => {
+          const status = statusOf(entry)
+          const scoped = typeof entry.workspace === 'string' && entry.workspace.length > 0
+          return h('div', { key: entry.id, className: 'tacit-dir tacit-dir-' + status.kind + (entry.enabled === false ? ' tacit-dir-off' : '') },
+            h('div', { className: 'tacit-dir-head' },
+              h('span', { className: 'tacit-badge tacit-badge-' + status.kind },
+                h('span', { className: 'tacit-badge-dot', 'aria-hidden': 'true' }),
+                status.label),
+              h('span', { className: 'tacit-chip' }, entry.source === 'user' ? t('steer.user') : t('steer.distilled')),
+              scoped
+                ? h('span', { className: 'tacit-chip tacit-chip-scope', title: entry.workspace }, t('steer.workspace', { name: labelOf(entry.workspace) }))
+                : null,
+              scoped && !liveScope(entry.workspace)
+                ? h('span', { className: 'tacit-chip tacit-chip-muted', title: entry.workspace }, t('steer.notSeen', { date: notSeenSince(entry) }))
+                : null,
+              reviewOn && entry.status === 'queued' && !(entry.approvedAt > 0)
+                ? h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm tacit-btn-primary tacit-dir-start', onClick: () => editDirectives({ action: 'start-trial', id: entry.id }) }, t('steer.startTrial'))
+                : null),
+            h('div', { className: 'tacit-dir-text' }, String(entry.text)),
+            h('div', { className: 'tacit-dir-actions' },
+              h('label', { className: 'tacit-dir-enabled' },
                 h('input', {
                   type: 'checkbox',
                   className: 'tacit-check',
@@ -2387,23 +2681,33 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
                   checked: entry.enabled !== false,
                   onChange: () => editDirectives({ action: 'toggle', id: entry.id, enabled: entry.enabled === false }),
                 }),
-                h('span', { className: 'tacit-directive-text' }, String(entry.text)),
-                h('span', { className: 'tacit-chip' }, entry.source === 'user' ? t('steer.user') : t('steer.distilled')),
-                typeof entry.workspace === 'string' && entry.workspace.length > 0
-                  ? h('span', { className: 'tacit-chip tacit-chip-scope', title: entry.workspace }, t('steer.workspace', { name: labelOf(entry.workspace) }))
-                  : null,
-                entry.status === 'queued'
-                  ? h('span', { className: 'tacit-chip tacit-chip-muted' }, t('steer.queued'))
-                  : entry.status === 'candidate'
-                    ? h('span', { className: 'tacit-chip tacit-chip-trial' }, t('steer.trial', {
-                      n: String(entry.trial !== null && typeof entry.trial === 'object' && typeof entry.trial.turns === 'number' ? entry.trial.turns : 0),
-                      total: String(config !== null && typeof config.directiveTrialTurns === 'number' ? config.directiveTrialTurns : 10),
-                    }))
-                    : entry.status === 'retired'
-                      ? h('span', { className: 'tacit-chip tacit-chip-warn' }, t('steer.retired', { reason: String(entry.retiredReason || '') }))
-                      : h('span', { className: 'tacit-chip tacit-chip-ok' }, t('steer.active')),
-                h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: () => editDirectives({ action: 'remove', id: entry.id }) }, t('steer.remove'))))),
-          h('div', { className: 'tacit-settings-row' },
+                t('steer.enabled')),
+              h('select', {
+                className: 'tacit-input tacit-select tacit-select-sm',
+                'aria-label': t('steer.moveTo'),
+                onChange: (event) => {
+                  if (event.target.value !== '-') editDirectives({ action: 'rescope', id: entry.id, workspace: event.target.value })
+                },
+              }, ...scopeOptions(typeof entry.workspace === 'string' ? entry.workspace : '')),
+              h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm tacit-btn-quiet tacit-dir-remove', onClick: () => editDirectives({ action: 'remove', id: entry.id }) }, t('steer.remove'))),
+            h('details', {
+              className: 'tacit-dir-receipt',
+              'data-testid': 'tacit-receipt',
+              'data-directive-id': entry.id,
+              onToggle: (event) => {
+                if (event.target.open) fetchReceipt(entry.id)
+              },
+            },
+            h('summary', null, t('steer.receipt')),
+            Receipt(receipts[entry.id] ?? null)))
+        }
+        return h('div', { className: 'tacit-panel-section', 'data-testid': 'tacit-steering' },
+          h('div', { className: 'tacit-report-title' }, t('steer.title')),
+          h('div', { className: 'tacit-panel-hint' }, t('steer.desc')),
+          directives.length === 0
+            ? h('div', { className: 'tacit-empty' }, t('steer.empty'))
+            : h('div', { className: 'tacit-dir-list' }, directives.map(directiveCard)),
+          h('div', { className: 'tacit-dir-add' },
             h('input', {
               className: 'tacit-input tacit-directive-input',
               type: 'text',
@@ -2426,7 +2730,12 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
               h('option', { value: '' }, t('steer.everywhere')),
               ...workspaces.map((entry) => h('option', { key: entry.cwd, value: entry.cwd }, entry.label)))
               : null,
-            h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm', disabled: draft.trim().length === 0, onClick: onAdd }, t('steer.add'))),
+            h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm tacit-btn-primary', disabled: draft.trim().length === 0, onClick: onAdd }, t('steer.add'))),
+          h('div', { className: 'tacit-options' },
+            h('div', { className: 'tacit-report-title' }, t('steer.options')),
+            OptionRow(t('steer.toggle'), steerOn, toggleSteer),
+            OptionRow(t('steer.enrich'), enrichOn, toggleEnrich),
+            OptionRow(t('steer.review'), reviewOn, toggleReview)),
           steering !== null && typeof steering === 'object' && typeof steering.text === 'string' && steering.text.length > 0
             ? h('details', { className: 'tacit-preview' },
               h('summary', null, t('steer.preview')),
@@ -2576,19 +2885,15 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
           h('div', { className: 'tacit-settings-notice', role: 'status' }, notice === null ? '' : notice.text),
           card('overview', [
             StatusCard(kit, { config, profile, auto: rootStore.auto, trend: rootStore.trend }),
-            config !== null && typeof config.model === 'string' && config.model.length > 0
-              ? h('div', { className: 'tacit-settings-row' },
-                h('span', { className: 'tacit-chip' }, t('overview.model', { model: config.model })))
-              : null,
-            h('div', { className: 'tacit-settings-row' },
+            h('div', { className: 'tacit-inline' },
               BootstrapButton(kit, {
                 bootstrap: rootStore.bootstrap,
                 // Only a loaded preview may disable the button: before one
                 // lands, "0 eligible" is an absence of data, not a fact.
                 disabled: preview !== null && preview.eligible === 0,
                 onClick: () => bootstrapAll(t),
-              }),
-              h('span', { className: 'tacit-panel-hint' }, t('bootstrap.hint'))),
+              })),
+            h('p', { className: 'tacit-panel-hint' }, t('bootstrap.hint')),
             // What the run would actually cost, priced from the ledger once it
             // holds enough analyses; until the preview lands, the documented
             // figure stands in.
@@ -2627,40 +2932,40 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
             }),
           ], { summary: pricingSummary(kit, usagePricing) }),
           card('learning', [
-            h('div', { className: 'tacit-settings-row' },
-              h('label', { className: 'tacit-settings-label' }, t('settings.model')),
-              h('select', {
-                className: 'tacit-select',
-                value: model,
-                onChange: (event) => applyModel(event.target.value),
-              },
-              h('option', { value: 'deepseek-v4-flash' }, 'deepseek-v4-flash'),
-              h('option', { value: 'deepseek-v4-pro' }, 'deepseek-v4-pro'))),
-            h('div', { className: 'tacit-settings-row' },
-              h('label', { className: 'tacit-settings-label' }, t('settings.auto')),
-              h('input', { type: 'checkbox', checked: auto, onChange: toggleAuto })),
-            h('div', { className: 'tacit-settings-row' },
-              h('label', { className: 'tacit-settings-label' }, t('settings.learnGood')),
-              h('input', { type: 'checkbox', checked: learnGood, onChange: toggleLearnGood })),
-            h('div', { className: 'tacit-settings-row' },
-              h('label', { className: 'tacit-settings-label' }, t('settings.budget')),
+            FieldRow(t('settings.model'), h('select', {
+              id: 'tacit-learning-model',
+              className: 'tacit-select',
+              value: model,
+              onChange: (event) => applyModel(event.target.value),
+            },
+            h('option', { value: 'deepseek-v4-flash' }, 'deepseek-v4-flash'),
+            h('option', { value: 'deepseek-v4-pro' }, 'deepseek-v4-pro')), 'tacit-learning-model'),
+            FieldRow(t('settings.budget'), [
               h('input', {
+                key: 'input',
+                id: 'tacit-learning-budget',
                 className: 'tacit-input',
                 type: 'number',
                 min: 0,
                 value: budgetText,
                 onChange: (event) => setBudgetText(event.target.value),
               }),
-              h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: applyBudget }, t('settings.apply'))),
-          ]),
+              h('button', { key: 'apply', type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: applyBudget }, t('settings.apply')),
+            ], 'tacit-learning-budget'),
+            h('div', { className: 'tacit-options' },
+              OptionRow(t('settings.auto'), auto, toggleAuto),
+              OptionRow(t('settings.learnGood'), learnGood, toggleLearnGood)),
+            // The model in force reads from the collapsed head, where it is set.
+          ], config !== null && typeof config.model === 'string' && config.model.length > 0
+            ? { summary: t('overview.model', { model: config.model }) }
+            : undefined),
           card('guidance', [
             h(DirectivesEditorView, {
-              workspaces: rootStore.workspaces, config, directives, steering: rootStore.steering }),
-          ]),
+              workspaces: rootStore.workspaces, config, directives, steering: rootStore.steering,
+              seenAt: rootStore.profile !== null && typeof rootStore.profile === 'object' ? rootStore.profile.workspaceSeenAt : null }),
+          ], { count: directives.filter((entry) => entry.status !== 'removed').length }),
           card('improve', [
-            h('div', { className: 'tacit-settings-row' },
-              h('label', { className: 'tacit-settings-label' }, t('settings.live')),
-              h('input', { type: 'checkbox', checked: live, onChange: toggleLive })),
+            OptionRow(t('settings.live'), live, toggleLive),
             h('div', { className: 'tacit-panel-section' },
               h('div', { className: 'tacit-report-title' }, t('panel.styleRules')),
               styleRules.length === 0
@@ -2690,18 +2995,16 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
           ], { count: coached.length }),
           card('privacy', [
             h('p', { className: 'tacit-panel-hint' }, t('privacy.stored')),
-            h('div', { className: 'tacit-settings-row' },
-              h('label', { className: 'tacit-settings-label', htmlFor: 'tacit-retention' }, t('privacy.retention')),
-              h('select', {
-                id: 'tacit-retention',
-                className: 'tacit-select',
-                value: String(retention),
-                onChange: (event) => updateRootConfig({ costHistoryDays: Number(event.target.value) }),
-              },
-              ...retentionDays.map((days) => h('option', { key: days, value: String(days) }, String(days))))),
-            h('div', { className: 'tacit-settings-row' },
-              h('label', { className: 'tacit-settings-label', htmlFor: 'tacit-warn-daily' }, t('privacy.warnDaily')),
+            FieldRow(t('privacy.retention'), h('select', {
+              id: 'tacit-retention',
+              className: 'tacit-select',
+              value: String(retention),
+              onChange: (event) => updateRootConfig({ costHistoryDays: Number(event.target.value) }),
+            },
+            ...retentionDays.map((days) => h('option', { key: days, value: String(days) }, String(days)))), 'tacit-retention'),
+            FieldRow(t('privacy.warnDaily'), [
               h('input', {
+                key: 'input',
                 id: 'tacit-warn-daily',
                 className: 'tacit-input',
                 type: 'number',
@@ -2711,16 +3014,18 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
                 onChange: (event) => setDailyText(event.target.value),
               }),
               h('button', {
+                key: 'apply',
                 type: 'button',
                 className: 'tacit-btn tacit-btn-sm',
                 // Two identically labelled buttons in one card: the accessible
                 // name has to say which threshold each one applies.
                 'aria-label': t('privacy.applyTo', { action: t('privacy.apply'), field: t('privacy.warnDaily') }),
                 onClick: () => applyWarn('costWarnDailyUsd', dailyText, setDailyText),
-              }, t('privacy.apply'))),
-            h('div', { className: 'tacit-settings-row' },
-              h('label', { className: 'tacit-settings-label', htmlFor: 'tacit-warn-monthly' }, t('privacy.warnMonthly')),
+              }, t('privacy.apply')),
+            ], 'tacit-warn-daily'),
+            FieldRow(t('privacy.warnMonthly'), [
               h('input', {
+                key: 'input',
                 id: 'tacit-warn-monthly',
                 className: 'tacit-input',
                 type: 'number',
@@ -2730,18 +3035,20 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
                 onChange: (event) => setMonthlyText(event.target.value),
               }),
               h('button', {
+                key: 'apply',
                 type: 'button',
                 className: 'tacit-btn tacit-btn-sm',
                 // Two identically labelled buttons in one card: the accessible
                 // name has to say which threshold each one applies.
                 'aria-label': t('privacy.applyTo', { action: t('privacy.apply'), field: t('privacy.warnMonthly') }),
                 onClick: () => applyWarn('costWarnMonthlyUsd', monthlyText, setMonthlyText),
-              }, t('privacy.apply'))),
+              }, t('privacy.apply')),
+            ], 'tacit-warn-monthly'),
             h('p', { className: 'tacit-panel-hint' }, t('privacy.warnHint')),
             // Both clears are irreversible, so both go through the dialog.
-            h('div', { className: 'tacit-settings-row' },
-              h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: () => openConfirm('reports') }, t('settings.clear')),
-              h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm', onClick: () => openConfirm('usage') }, t('privacy.clearUsage'))),
+            h('div', { className: 'tacit-inline' },
+              h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm tacit-btn-quiet', onClick: () => openConfirm('reports') }, t('settings.clear')),
+              h('button', { type: 'button', className: 'tacit-btn tacit-btn-sm tacit-btn-quiet', onClick: () => openConfirm('usage') }, t('privacy.clearUsage'))),
           ]),
           // Always rendered (null while closed) so its one effect keeps this
           // component's hook count stable.
@@ -2792,10 +3099,12 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
         typeof note === 'string' && note.length > 0 ? h('span', { className: 'tacit-tile-note' }, note) : null)
     }
 
-    /** Money tile: the period's spend plus its unpriced-call footnote. */
-    function SpendTile(kit, id, label, totals) {
-      const note = totals.unpricedCalls > 0 ? kit.t('usage.unpricedShort', { n: String(totals.unpricedCalls) }) : ''
-      return UsageTile(id, label, usageSpend(kit, totals), note)
+    /** Money tile: the period's spend, its unpriced-call footnote, and any second note that period carries. */
+    function SpendTile(kit, id, label, totals, extraNote) {
+      const notes = []
+      if (totals.unpricedCalls > 0) notes.push(kit.t('usage.unpricedShort', { n: String(totals.unpricedCalls) }))
+      if (typeof extraNote === 'string' && extraNote.length > 0) notes.push(extraNote)
+      return UsageTile(id, label, usageSpend(kit, totals), notes.join(' · '))
     }
 
     /**
@@ -2858,18 +3167,33 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
           seriesButton('30', t('usage.series30'))))
     }
 
-    /** Spend per operation, costliest first, each row ending in a share bar. */
-    function UsageBreakdown(kit, { byType }) {
+    /**
+     * `trigger` is a free string on the wire, so a host that starts tagging
+     * runs with something this dictionary has never heard of shows the tag
+     * itself rather than a raw `trigger.<key>` lookup miss.
+     */
+    function triggerLabel(t, trigger) {
+      const key = 'trigger.' + trigger
+      const label = t(key)
+      return label === key ? trigger : label
+    }
+
+    /**
+     * Spend across one bucket record, costliest first, each row ending in a
+     * share bar. `label` turns a bucket key into its display name, which is a
+     * dictionary lookup for the closed sets and the raw key for the open ones.
+     */
+    function UsageBreakdown(kit, { buckets, title, label }) {
       const { t } = kit
-      const rows = Object.entries(byType).sort((a, b) => b[1].usdKnown - a[1].usdKnown)
+      const rows = Object.entries(buckets).sort((a, b) => b[1].usdKnown - a[1].usdKnown)
       if (rows.length === 0) return null
       const top = rows[0][1].usdKnown
-      return h('div', { className: 'tacit-usage-breakdown' },
-        h('div', { className: 'tacit-report-title' }, t('usage.breakdown')),
+      return h('div', { key: title, className: 'tacit-usage-breakdown' },
+        h('div', { className: 'tacit-report-title' }, t(title)),
         rows.map(([type, totals]) => {
           const share = top > 0 ? Math.round((totals.usdKnown / top) * 100) : 0
           return h('div', { key: type, className: 'tacit-breakdown-row' },
-            h('span', { className: 'tacit-breakdown-name' }, t('runtype.' + type)),
+            h('span', { className: 'tacit-breakdown-name' }, label(type)),
             h('span', { className: 'tacit-breakdown-calls' }, fmtTokens(totals.billedCalls)),
             h('span', { className: 'tacit-breakdown-tokens' }, fmtTokens(tokensTotal(totals.tokens))),
             h('span', { className: 'tacit-breakdown-usd' }, usageSpend(kit, totals)),
@@ -3009,7 +3333,9 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
         cell('model', item.model.length > 0 ? item.model : '—'),
         cell('status', h('span', { className: 'tacit-chip tacit-status-' + item.status }, t('status.' + item.status))),
         cell('calls', fmtTokens(item.billedCalls)),
-        cell('tokens', fmtTokens(tokensTotal(item.tokens))),
+        cell('tokens', h('span', { className: 'tacit-usage-tokens' },
+          h('span', null, fmtTokens(tokensTotal(item.tokens))),
+          h('span', { className: 'tacit-usage-split' }, fmtTokensSplit(item.tokens)))),
         cell('cost', usageSpend(kit, item)))
     }
 
@@ -3070,19 +3396,25 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       return h('div', { className: 'tacit-usage' },
         h('p', { className: 'tacit-panel-hint' }, t('usage.label')),
         h('div', { className: 'tacit-tiles' },
-          SpendTile(kit, 'today', t('usage.today'), usage.today),
+          SpendTile(kit, 'today', t('usage.today'), usage.today,
+            t('usage.autoToday', { n: String(usage.auto.today), budget: String(usage.auto.budget) })),
           SpendTile(kit, 'month', t('usage.month'), usage.month),
           SpendTile(kit, 'last30', t('usage.last30'), last30),
           SpendTile(kit, 'lifetime', t('usage.since', { day: since }), usage.lifetime)),
         h('div', { className: 'tacit-tiles' },
           UsageTile('calls', t('usage.calls'), fmtTokens(last30.billedCalls)),
+          UsageTile('tokens', t('usage.tokens'), fmtTokensSplit(last30.tokens)),
           UsageTile('avg', t('usage.avgAnalysis'), last30.avgAnalysisUsd === null
             ? t('usage.priceUnavailable')
             : fmtUsd(last30.avgAnalysisUsd)),
           UsageTile('cached', t('usage.cachedRate'), fmtPct(last30.cachedInputRate)),
-          UsageTile('unpriced', t('usage.unpriced'), fmtTokens(last30.unpricedCalls))),
+          UsageTile('unpriced', t('usage.unpriced'), fmtTokens(last30.unpricedCalls)),
+          UsageTile('failedRepair', t('usage.failedRepair'), fmtUsd(last30.failedOrRepairUsd),
+            t('usage.failedRepairSplit', { failed: fmtUsd(last30.failedUsd), repair: fmtUsd(last30.repairUsd) }))),
         BarStrip(kit, { series: which === '7' ? usage.series7 : usage.series30, which, onSeries: props.onSeries }),
-        UsageBreakdown(kit, { byType: usage.byType }),
+        UsageBreakdown(kit, { buckets: usage.byType, title: 'usage.breakdown', label: (type) => t('runtype.' + type) }),
+        UsageBreakdown(kit, { buckets: usage.byProvider, title: 'usage.byRoute', label: (provider) => provider }),
+        UsageBreakdown(kit, { buckets: usage.byTrigger, title: 'usage.byTrigger', label: (trigger) => triggerLabel(t, trigger) }),
         WarnBar(kit, { id: 'daily', warning: usage.warnings.daily }),
         WarnBar(kit, { id: 'monthly', warning: usage.warnings.monthly }),
         UsageFilters(kit, {
@@ -3237,17 +3569,19 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
 
     const css = '.tacit-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}'
       + '.tacit-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.tacit-head-title{font-size:14px;font-weight:600;margin-right:auto}'
-      + '.tacit-progress{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:8px 12px;margin-bottom:12px;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}.tacit-progress-title{font-weight:600;color:var(--dsw-alias-label-primary)}'
-      + '.tacit-empty{color:var(--dsw-alias-label-secondary);text-align:center;padding:24px 8px;line-height:1.6}'
+      + '.tacit-progress{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:8px 12px;margin-bottom:12px;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}.tacit-progress-title{font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);margin-right:auto}'
+      + '.tacit-empty{color:var(--dsw-alias-label-secondary);text-align:center;font-size:12px;line-height:1.6;max-width:46ch;margin-inline:auto;padding:18px 12px;border:1px dashed var(--dsw-alias-border-l1);border-radius:8px;background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 50%, transparent)}'
       + '.tacit-error{color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:8px 12px;margin-bottom:12px;overflow-wrap:anywhere;font-size:12px}'
       + '.tacit-btn{font:inherit;font-size:12px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;cursor:pointer;padding:4px 10px}.tacit-btn:hover{border-color:var(--dsw-alias-label-primary)}.tacit-btn:disabled{opacity:.55;cursor:default}'
       + '.tacit-btn-primary{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:transparent}.tacit-btn-primary:hover{border-color:transparent;filter:brightness(1.1)}'
       + '.tacit-btn-sm{padding:2px 8px;font-size:11px}'
       + '.tacit-btn-danger{color:var(--dsw-alias-state-error-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, transparent)}.tacit-btn-danger:hover{border-color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}'
       + '.tacit-row{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:10px 12px;margin-bottom:10px}'
-      + '.tacit-row-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.tacit-row-heading{display:flex;align-items:baseline;gap:8px;font-weight:600}.tacit-row-turn{font-size:13px}.tacit-row-time{color:var(--dsw-alias-label-secondary);font-size:11px;font-weight:400}.tacit-row-live{color:var(--dsw-alias-state-success-primary);font-size:11px;font-weight:600}'
-      + '.tacit-row-chips{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}.tacit-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:1px 7px;font-size:11px}.tacit-chip-warn{color:var(--dsw-alias-state-warn-primary)}'
-      + '.tacit-row-prompt{display:flex;align-items:flex-start;gap:8px;margin-top:8px}.tacit-row-prompt-text{font:inherit;font-size:12px;color:var(--dsw-alias-label-primary);background:none;border:0;cursor:pointer;text-align:left;padding:0;white-space:pre-wrap;word-break:break-word;flex:1;line-height:1.55}'
+      + '.tacit-row-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.tacit-row-heading{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:600;min-width:0}.tacit-row-turn{font-size:13px;font-variant-numeric:tabular-nums}.tacit-row-time{color:var(--dsw-alias-label-secondary);font-size:11px;font-weight:400}.tacit-row-actions{display:flex;align-items:center;gap:6px;margin-left:auto}'
+      + '.tacit-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:1px 7px;font-size:11px}.tacit-chip-warn{color:var(--dsw-alias-state-warn-primary)}'
+      // Turn facts read as one dot-separated line, not four bordered chips.
+      + '.tacit-row-meta{display:flex;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:11px;line-height:1.5;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}.tacit-row-meta>span+span::before{content:"·";margin:0 7px;opacity:.6}.tacit-row-meta-warn{color:var(--dsw-alias-state-warn-primary)}'
+      + '.tacit-row-prompt{display:flex;align-items:flex-start;gap:8px;margin-top:8px}.tacit-row-prompt-text{font:inherit;font-size:12px;color:var(--dsw-alias-label-primary);background:none;border:0;cursor:pointer;text-align:left;padding:0;white-space:pre-wrap;word-break:break-word;flex:1;line-height:1.55}.tacit-row-prompt-static{cursor:auto}.tacit-row-more{margin-left:8px;font-size:11px;color:var(--dsw-alias-brand-primary);white-space:nowrap}'
       + '.tacit-report{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:10px;padding-top:10px;display:flex;flex-direction:column;gap:6px}'
       + '.tacit-report-title{font-size:11px;font-weight:600;color:var(--dsw-alias-label-secondary)}'
       + '.tacit-report-note{color:var(--dsw-alias-label-secondary);font-size:12px}'
@@ -3263,7 +3597,11 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       + '.tacit-problem-what{font-size:12px;color:var(--dsw-alias-label-primary);line-height:1.5}.tacit-problem-why{font-size:11px;color:var(--dsw-alias-label-secondary);line-height:1.5}'
       + '.tacit-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:12px;line-height:1.6;color:var(--dsw-alias-label-primary)}'
       + '.tacit-settings{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}'
-      + '.tacit-settings-title{font-size:12px;font-weight:600}.tacit-settings-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tacit-settings-label{font-size:12px;color:var(--dsw-alias-label-secondary);min-width:150px}'
+      + '.tacit-settings-title{font-size:12px;font-weight:600}'
+      // One settings row everywhere: the label takes the slack and wraps, the
+      // control stays right-aligned, and nothing needs a 150px minimum.
+      + '.tacit-field{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.tacit-field-label{flex:1 1 150px;min-width:0;font-size:12px;line-height:1.45;color:var(--dsw-alias-label-secondary)}.tacit-field-control{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}'
+      + '.tacit-inline,.tacit-settings-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}'
       + '.tacit-settings-notice{font-size:11px;color:var(--dsw-alias-state-success-primary)}'
       // The idle live region has to stay mounted to announce, but as an empty
       // flex item it still claims one of the panel's 10px gaps; -5px a side
@@ -3272,22 +3610,22 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       + '.tacit-select,.tacit-input{font:inherit;font-size:12px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;padding:3px 8px}.tacit-input{width:90px}'
       + '.tacit-improve-btn{font:inherit;font-size:13px;font-weight:500;line-height:20px;color:var(--dsw-alias-label-secondary);background:transparent;border:0;border-radius:24px;cursor:pointer;height:28px;padding:0 8px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.tacit-improve-btn:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}'
       + '.tacit-check{width:14px;height:14px;accent-color:var(--dsw-alias-brand-primary);flex:none;margin:2px 4px 0 0}'
-      + '.tacit-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.tacit-toolbar-hint{flex:1;min-width:200px}.tacit-btn-quiet{color:var(--dsw-alias-label-secondary);background:transparent}.tacit-chip-muted{opacity:.7}.tacit-row-analyzed{border-left:3px solid var(--dsw-alias-brand-primary)}'
-      + '.tacit-progress-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.tacit-progress-count{font-variant-numeric:tabular-nums;font-weight:600;color:var(--dsw-alias-label-primary)}'
+      + '.tacit-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.tacit-toolbar-note{font-size:11px;line-height:1.5;color:var(--dsw-alias-label-secondary);margin-bottom:10px}.tacit-btn-quiet{color:var(--dsw-alias-label-secondary);background:transparent;border-color:transparent}.tacit-btn-quiet:hover{color:var(--dsw-alias-label-primary);border-color:transparent;background:var(--dsw-alias-interactive-bg-hover)}.tacit-chip-muted{opacity:.7}.tacit-row-analyzed{border-left:3px solid var(--dsw-alias-brand-primary)}'
+      + '.tacit-progress-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:6px}'
       + '.tacit-progress-text{font-size:12px;color:var(--dsw-alias-label-secondary);line-height:1.5}'
-      + '.tacit-panel{display:flex;flex-direction:column;gap:10px}.tacit-panel-section{display:flex;flex-direction:column;gap:6px}.tacit-panel-hint{font-size:11px;color:var(--dsw-alias-label-secondary);line-height:1.5}'
+      + '.tacit-panel{display:flex;flex-direction:column;gap:10px}.tacit-panel-section{display:flex;flex-direction:column;gap:6px}.tacit-panel-hint{margin:0;font-size:11px;color:var(--dsw-alias-label-secondary);line-height:1.5}'
       + '.tacit-coached-list{display:flex;flex-direction:column;gap:6px}.tacit-coached-row{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;gap:3px}'
       + '.tacit-coached-meta{display:flex;align-items:baseline;gap:8px}.tacit-coached-turn{font-weight:600;font-size:12px}.tacit-coached-time{color:var(--dsw-alias-label-secondary);font-size:11px}'
       + '.tacit-coached-excerpt{font-size:12px;color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;line-height:1.5}.tacit-coached-improved{font-size:11px;color:var(--dsw-alias-label-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}'
       + ''
       + '.tacit-modal-backdrop{z-index:200;background:#00000073;display:flex;justify-content:center;align-items:center;position:fixed;inset:0}'
-      + '.tacit-modal-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);width:min(760px,100vw - 48px);max-height:min(84vh,800px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;padding:16px 18px 18px;font-size:13px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}'
+      + '.tacit-modal-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);width:min(760px,100vw - 48px);max-height:min(84vh,800px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;padding:16px 18px 18px;font-size:13px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.tacit-modal-card-sm{width:min(440px,100vw - 48px)}'
       + '.tacit-modal-head{display:flex;align-items:baseline;gap:8px}.tacit-modal-title{font-size:14px;font-weight:600;margin:0 auto 0 0}.tacit-modal-close{color:var(--dsw-alias-label-secondary);cursor:pointer;background:none;border:0;border-radius:6px;padding:2px 8px;font-family:inherit;font-size:18px;line-height:1}.tacit-modal-close:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}'
       + '.tacit-modal-pending{color:var(--dsw-alias-label-secondary);padding:16px 0;text-align:center}'
       + '.tacit-modal-unchanged{color:var(--dsw-alias-label-primary);padding:16px 0;text-align:center}'
-      + '.tacit-modal-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tacit-modal-col{border:1px solid var(--dsw-alias-border-l1);border-radius:8px;background:var(--dsw-alias-bg-layer-2);padding:8px 10px;min-width:0;max-height:300px;overflow-y:auto}'
+      + '.tacit-modal-body{display:flex;flex-direction:column;gap:10px}.tacit-modal-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tacit-modal-col{border:1px solid var(--dsw-alias-border-l1);border-radius:8px;background:var(--dsw-alias-bg-layer-2);padding:8px 10px;min-width:0;max-height:300px;overflow-y:auto}'
       + '.tacit-modal-col-title{font-size:11px;font-weight:600;color:var(--dsw-alias-label-secondary);margin-bottom:6px}'
-      + '.tacit-modal-rationale-text{font-size:12px;color:var(--dsw-alias-label-primary);line-height:1.6}.tacit-modal-savings{color:var(--dsw-alias-state-success-primary);font-size:12px;font-weight:600}'
+      + '.tacit-modal-col-improved{border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 40%, transparent)}.tacit-modal-rationale{display:flex;flex-direction:column;gap:4px}.tacit-modal-rationale-text{font-size:12px;color:var(--dsw-alias-label-primary);line-height:1.6}.tacit-modal-savings{color:var(--dsw-alias-state-success-primary);font-size:12px;font-weight:600}'
       + '.tacit-modal-actions{display:flex;gap:8px;justify-content:flex-end}'
       + '.tacit-confirm-body{margin:0;font-size:12px;line-height:1.6;color:var(--dsw-alias-label-primary)}'
       + '.tacit-confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}'
@@ -3298,15 +3636,16 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       + '.tacit-feedback-noted{color:var(--dsw-alias-state-success-primary);font-weight:600}'
       + '.tacit-trend{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.tacit-chip-trigger,.tacit-coached-trigger{text-transform:uppercase;letter-spacing:.04em;font-size:10px}.tacit-coached-trigger{margin-left:auto}.tacit-row-enrichment{margin-top:8px;border-left:3px solid var(--dsw-alias-brand-primary);padding:4px 10px;background:var(--dsw-alias-bg-layer-2);border-radius:6px}'
       + '.tacit-chip-trial{color:var(--dsw-alias-brand-primary)}.tacit-chip-ok{color:var(--dsw-alias-state-success-primary)}.tacit-chip-scope{color:var(--dsw-alias-brand-primary)}.tacit-select{max-width:11rem}'
-      + '.tacit-directive{display:flex;align-items:center;gap:8px}.tacit-directive-text{flex:1;min-width:0}.tacit-directive-off .tacit-directive-text{opacity:.5;text-decoration:line-through}.tacit-directive-input{width:min(420px,100%);flex:1}.tacit-preview summary{cursor:pointer;font-size:11px;color:var(--dsw-alias-label-secondary)}.tacit-preview pre{margin-top:6px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;padding:8px 10px}'
+      + '.tacit-directive-input{width:min(420px,100%);flex:1}.tacit-preview summary{cursor:pointer;font-size:11px;color:var(--dsw-alias-label-secondary)}.tacit-preview pre{margin-top:6px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;padding:8px 10px}'
       + '.tacit-rules-list{display:flex;flex-direction:column;gap:6px}.tacit-rule{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-left:3px solid var(--dsw-alias-brand-primary);border-radius:6px;padding:6px 10px;font-size:12px;line-height:1.55;color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word}'
       + '.tacit-card{border:1px solid var(--dsw-alias-border-l1);border-radius:8px;background:var(--dsw-alias-bg-layer-1)}'
-      + '.tacit-card-head{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:10px 12px;background:none;border:0;cursor:pointer;font:inherit;color:inherit}'
+      + '.tacit-card-head{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:10px 12px;background:none;border:0;border-radius:7px;cursor:pointer;font:inherit;color:inherit}.tacit-card-head:hover{background:var(--dsw-alias-interactive-bg-hover)}'
       + '.tacit-card-head:focus-visible{outline:2px solid var(--dsw-alias-brand-primary)}'
       + '.tacit-card-title{font-size:13px;font-weight:600}.tacit-card-summary{font-size:11px;color:var(--dsw-alias-label-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}'
       + '.tacit-card-count{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:1px 7px;font-size:11px;font-variant-numeric:tabular-nums}'
-      + '.tacit-card-chevron{margin-left:auto;color:var(--dsw-alias-label-secondary);font-size:11px}'
-      + '.tacit-card-body{padding:0 12px 12px}'
+      // One disclosure glyph everywhere: a › that rotates down when open.
+      + '.tacit-chevron{display:inline-block;font-size:12px;line-height:1;color:inherit;transition:transform .15s ease}.tacit-chevron-open{transform:rotate(90deg)}.tacit-card-chevron{margin-left:auto;color:var(--dsw-alias-label-secondary)}'
+      + '.tacit-card-body{display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;border-top:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 60%, transparent)}.tacit-card-body[hidden]{display:none}'
       + '.tacit-usage{display:flex;flex-direction:column;gap:10px}'
       + '.tacit-tiles{display:flex;flex-wrap:wrap;gap:8px}'
       + '.tacit-tile{flex:1 1 140px;display:flex;flex-direction:column;gap:2px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:8px 10px;min-width:0}'
@@ -3325,9 +3664,11 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       + '.tacit-usage-filters{display:flex;flex-direction:column;gap:6px}.tacit-filter-row{display:flex;flex-wrap:wrap;gap:8px}.tacit-filter{display:flex;flex-direction:column;gap:2px;min-width:0}.tacit-filter-label{font-size:10px;color:var(--dsw-alias-label-secondary)}'
       + '.tacit-usage-runs{display:flex;flex-direction:column;gap:6px}'
       + '.tacit-usage-table{display:flex;flex-direction:column;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;overflow:hidden}'
-      + '.tacit-usage-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1.2fr) minmax(80px,1.2fr) minmax(90px,1.2fr) 5rem 4rem 5rem 5rem;gap:6px;align-items:center;padding:5px 8px;border-top:1px solid var(--dsw-alias-border-l1);font-size:11px;font-variant-numeric:tabular-nums}'
+      + '.tacit-usage-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1.2fr) minmax(80px,1.2fr) minmax(90px,1.2fr) 5rem 4rem 7rem 5rem;gap:6px;align-items:center;padding:5px 8px;border-top:1px solid var(--dsw-alias-border-l1);font-size:11px;font-variant-numeric:tabular-nums}'
       + '.tacit-usage-table>.tacit-usage-row:first-child{border-top:0}.tacit-usage-head{color:var(--dsw-alias-label-secondary);font-weight:600;background:var(--dsw-alias-bg-layer-2)}'
       + '.tacit-usage-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}'
+      // The cell is nowrap, so the in/out split needs its own block to sit under the total.
+      + '.tacit-usage-tokens{display:flex;flex-direction:column}.tacit-usage-split{font-size:10px;color:var(--dsw-alias-label-secondary)}'
       + '.tacit-run-toggle{width:100%;text-align:left}'
       + '.tacit-usage-attempts{border-top:1px dashed var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);padding:6px 8px}.tacit-usage-attempts-cell{display:flex;flex-direction:column;gap:4px}'
       + '.tacit-attempt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:var(--dsw-alias-label-primary)}.tacit-attempt-meta,.tacit-attempt-tokens{color:var(--dsw-alias-label-secondary)}.tacit-attempt-usd{margin-left:auto;font-variant-numeric:tabular-nums}'
@@ -3339,7 +3680,39 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
       + '.tacit-pricing-table>.tacit-pricing-row:first-child{border-top:0}.tacit-pricing-head{color:var(--dsw-alias-label-secondary);font-weight:600;background:var(--dsw-alias-bg-layer-2)}'
       + '.tacit-pricing-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tacit-pricing-model{font-weight:600}'
       + '.tacit-pricing-error{font-size:11px;color:var(--dsw-alias-state-warn-primary);line-height:1.5}'
-      + '@media (max-width:640px){.tacit-settings-label{min-width:0;flex-basis:100%}.tacit-modal-cols{grid-template-columns:1fr}.tacit-usage-row{display:flex;flex-direction:column}.tacit-usage-cell{white-space:normal}.tacit-pricing-row{display:flex;flex-direction:column}.tacit-pricing-cell{white-space:normal}.tacit-tile{flex-basis:45%}.tacit-breakdown-row{grid-template-columns:minmax(0,1fr) 4rem 5rem}}'
+      // Directive cards: a status-coloured rail and pill badge, the text on
+      // its own line, and a wrapping actions row, so nothing fights for width.
+      + '.tacit-dir-list{display:flex;flex-direction:column;gap:8px}'
+      + '.tacit-dir{--tacit-status:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-left:3px solid var(--tacit-status);border-radius:8px;padding:8px 10px 8px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}'
+      + '.tacit-dir-active{--tacit-status:var(--dsw-alias-state-success-primary)}.tacit-dir-trial{--tacit-status:var(--dsw-alias-brand-primary)}.tacit-dir-retired{--tacit-status:var(--dsw-alias-state-warn-primary)}'
+      + '.tacit-dir-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.tacit-dir-start{margin-left:auto}'
+      + '.tacit-badge{--tacit-badge:var(--tacit-status, var(--dsw-alias-label-secondary));display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:1px 8px 1px 6px;font-size:11px;font-weight:600;line-height:1.5;color:var(--tacit-badge);background:color-mix(in srgb, var(--tacit-badge) 14%, transparent)}'
+      + '.tacit-badge-active{--tacit-status:var(--dsw-alias-state-success-primary)}.tacit-badge-trial{--tacit-status:var(--dsw-alias-brand-primary)}.tacit-badge-retired{--tacit-status:var(--dsw-alias-state-warn-primary)}.tacit-badge-muted{--tacit-status:var(--dsw-alias-label-secondary)}'
+      + '.tacit-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--tacit-badge);flex:none}'
+      + '.tacit-dir-text{font-size:13px;line-height:1.55;color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word}.tacit-dir-off .tacit-dir-text{opacity:.5;text-decoration:line-through}'
+      + '.tacit-dir-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:11px;color:var(--dsw-alias-label-secondary)}'
+      + '.tacit-dir-enabled{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.tacit-dir-enabled .tacit-check{margin:0}.tacit-dir-remove{margin-left:auto}'
+      + '.tacit-select-sm{font-size:11px;padding:2px 6px;width:auto}'
+      + '.tacit-dir-receipt summary{cursor:pointer;font-size:11px;color:var(--dsw-alias-label-secondary)}.tacit-dir-receipt summary:hover{color:var(--dsw-alias-label-primary)}'
+      + '.tacit-dir-add{display:flex;flex-wrap:wrap;align-items:center;gap:6px}'
+      + '.tacit-options{display:flex;flex-direction:column;gap:6px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:8px 10px}'
+      + '.tacit-option{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;cursor:pointer}.tacit-option .tacit-check{margin-top:2px}'
+      // Hairlines between rows keep the group one soft box, not a list of boxes.
+      + '.tacit-options>*+*{border-top:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 60%, transparent);padding-top:6px}.tacit-options .tacit-select,.tacit-options .tacit-input{background:var(--dsw-alias-bg-layer-1)}'
+      // The receipt: tiles, a lifecycle timeline, trigger chips, then the
+      // identity grid.
+      + '.tacit-receipt{margin-top:8px;padding-top:10px;border-top:1px dashed var(--dsw-alias-border-l1);display:flex;flex-direction:column;gap:10px}'
+      + '.tacit-receipt-tiles .tacit-tile{flex-basis:120px;background:var(--dsw-alias-bg-layer-1)}.tacit-receipt-tile-note{font-size:10px;color:var(--dsw-alias-label-secondary);line-height:1.4}.tacit-tile-muted{font-size:12px;font-weight:500;color:var(--dsw-alias-label-secondary)}'
+      + '.tacit-timeline{list-style:none;margin:0;padding:0;display:flex}'
+      + '.tacit-timeline-step{flex:1;position:relative;min-width:0;padding:14px 6px 0 0;font-size:11px}'
+      + '.tacit-timeline-step::before{content:"";position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;box-sizing:border-box;background:var(--dsw-alias-brand-primary)}'
+      + '.tacit-timeline-step::after{content:"";position:absolute;left:12px;right:2px;top:4px;height:1px;background:var(--dsw-alias-border-l1)}.tacit-timeline-step:last-child::after{display:none}'
+      + '.tacit-timeline-never::before{background:var(--dsw-alias-bg-layer-2);border:1.5px solid var(--dsw-alias-border-l1)}.tacit-timeline-never .tacit-timeline-value{color:var(--dsw-alias-label-secondary);font-weight:400}'
+      + '.tacit-timeline-label{display:block;color:var(--dsw-alias-label-secondary)}.tacit-timeline-value{display:block;font-weight:600;font-variant-numeric:tabular-nums}'
+      + '.tacit-receipt-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.tacit-receipt-label{font-size:11px;color:var(--dsw-alias-label-secondary);margin-right:2px}'
+      + '.tacit-receipt-meta{margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px 12px;font-size:11px}.tacit-receipt-meta dt{color:var(--dsw-alias-label-secondary)}.tacit-receipt-meta dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}'
+      + '.tacit-receipt-actions{display:flex;justify-content:flex-end}'
+      + '@media (max-width:640px){.tacit-field-label{flex-basis:100%}.tacit-field-control{margin-left:0}.tacit-modal-cols{grid-template-columns:1fr}.tacit-usage-row{display:flex;flex-direction:column}.tacit-usage-cell{white-space:normal}.tacit-pricing-row{display:flex;flex-direction:column}.tacit-pricing-cell{white-space:normal}.tacit-tile{flex-basis:45%}.tacit-breakdown-row{grid-template-columns:minmax(0,1fr) 4rem 5rem}}'
 
     function injectCss() {
       const tagId = 'dsh-tacit/styles.css'
@@ -3438,11 +3811,17 @@ if (typeof window === 'undefined' || window.__ModuleLoader__ === undefined || ty
         refreshPricing,
         openConfirm,
         closeConfirm,
+        confirmAction,
         fetchBootstrapPreview,
+        fetchReceipt,
+        storeFor,
+        analyzeTurn,
+        coachSelected,
         clearAllRoot,
         clearUsageHistory,
         runNotice,
         fmtRate,
+        fmtTokensSplit,
         ConfirmDialog,
         UsageCard,
         PricingCard,