@nelsonlongxiang/dsh-open-a2a-net 0.6.40 → 0.6.42

package/nexus-stage/src/workbench.css

@@ -1,388 +1,388 @@
-/* A2A workbench styles (0.6.2 merged shell): the planning board is the stage,
-   the operational panels ride a collapsible rail, the inspector is an overlay
-   card. Responsive tiers are CSS-only:
-   - ≥1440px  rail 340px, everything docked
-   - 1024–1439 rail 300px
-   - <1024    rail becomes a left drawer (☰), inspector becomes a bottom sheet
-   Dark default, light via prefers-color-scheme. Panels are data surfaces,
-   not decoration — rows are monospaced data lines. */
-:root{
-  color-scheme:dark;
-  --n-bg:#060a12; --n-ink:#dde3f0; --n-ink-muted:#7a86a0; --n-panel:#0d1322;
-  --n-live:#4ade80; --n-cold:#7a86a0; --n-border:#223052; --n-act:#f59e0b;
-  --n-danger:#f87171; --n-accent:#9673f7; --n-rail-w:300px;
-  --n-canvas:#22d3ee; --n-line:var(--n-border);
-  --n-raised:#131b2e; --n-federal:#6366f1; --n-card-line:#5c6680;
-  --n-error-ink:#fecaca; --n-error-panel:#2a0d10f2; --n-shadow:rgba(0,0,0,.35);
-}
-@media (prefers-color-scheme: light){
-  :root{ --n-bg:#eef2fa; --n-ink:#1a2438; --n-ink-muted:#5a6580; --n-panel:#ffffff;
-         --n-live:#157a37; --n-border:#c6d0e6; --n-act:#a84d08;
-         --n-danger:#b91c1c; --n-accent:#6d28d9;
-         --n-cold:#636c81; --n-canvas:#0e7490;
-         --n-raised:#ffffff; --n-federal:#4f46e5; --n-card-line:#8a95ae;
-         --n-error-ink:#b91c1c; --n-error-panel:#fef2f2f2; --n-shadow:rgba(26,36,56,.16); }
-}
-@media (min-width:1440px){ :root{ --n-rail-w:340px } }
-html,body,#app{height:100%;margin:0}
-body{background:var(--n-bg);color:var(--n-ink);font:13px/1.45 system-ui,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
-
-.wb{display:flex;flex-direction:column;height:100%}
-.wb-header{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--n-border);background:var(--n-panel)}
-.wb-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;white-space:nowrap}
-.wb-badge{font-size:11px;font-weight:400;color:var(--n-ink-muted);border:1px solid var(--n-border);border-radius:99px;padding:1px 8px}
-.wb-badge[hidden]{display:none}
-.wb-row-remote{margin-left:6px;padding:0 6px;border:1px solid currentColor;border-radius:99px;font-size:10.5px;color:var(--n-ink-muted);vertical-align:1px}
-.wb-header-stats{display:flex;gap:16px;font-size:12px;color:var(--n-ink-muted);flex-wrap:wrap;min-width:0}
-.wb-header-stats .wb-kv{display:flex;gap:6px}
-.wb-header-stats .wb-kv-k{color:var(--n-ink-muted)}
-.wb-header-stats .wb-kv-v{color:var(--n-ink)}
-/* Header verdict: exceptions only (results-first). Quiet when healthy. */
-.wb-header-ok{color:var(--n-ink-muted)}
-.wb-alert{border:1px solid currentColor;border-radius:99px;padding:0 9px;line-height:20px;white-space:nowrap;cursor:pointer;background:transparent;font:inherit}
-.wb-alert:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
-.wb-alert:focus-visible{outline:2px solid currentColor;outline-offset:2px}
-.wb-alert-danger{color:var(--n-danger)}
-.wb-alert-warn{color:var(--n-act)}
-.wb-forensics{font-family:ui-monospace,Consolas,monospace;font-size:11px}
-.wb-icon-btn{background:none;border:1px solid var(--n-border);color:var(--n-ink);border-radius:8px;
-  width:30px;height:30px;display:none;align-items:center;justify-content:center;font:inherit;font-size:14px;
-  cursor:pointer;flex:none}
-.wb-icon-btn:hover{border-color:var(--n-accent)}
-.wb-owner-btn{display:inline-flex}
-.wb-menu{margin-left:0}
-.wb-rail-toggle{margin-left:auto}
-.wb.is-rail-collapsed .wb-rail{display:none}
-
-.wb-body{position:relative;display:grid;grid-template-columns:minmax(0,var(--n-rail-w)) minmax(0,1fr);flex:1;min-height:0}
-
-/* ── Rail (directory + operational panels in canvas mode) ── */
-.wb-rail{border-right:1px solid var(--n-border);min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;
-  background:color-mix(in srgb,var(--n-panel) 60%,var(--n-bg))}
-
-.wb-side-head{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--n-ink-muted);margin:10px 2px 4px}
-.wb-item{display:flex;gap:7px;align-items:center;width:100%;text-align:left;background:none;border:none;
-  color:var(--n-ink);font:inherit;padding:3px 6px;border-radius:6px;cursor:pointer}
-.wb-item:hover{background:color-mix(in srgb,var(--n-accent) 14%,transparent)}
-.wb-dot{font-size:10px}
-.wb-dot-live{color:var(--n-live)} .wb-dot-cold{color:var(--n-cold)} .wb-dot-canvas{color:var(--n-canvas)} .wb-dot-remote{color:var(--n-act)}
-
-/* ── Directory toolbar: unified search + category filters (0.6.6) ── */
-.wb-dir-tools{display:flex;flex-direction:column;gap:6px;padding:8px 6px 4px}
-.wb-search{background:var(--n-panel);border:1px solid var(--n-border);color:var(--n-ink);
-  border-radius:6px;padding:4px 8px;font:inherit;font-size:12.5px;min-width:0}
-.wb-search:focus{outline:1px solid var(--n-accent)}
-.wb-filters{display:flex;flex-wrap:wrap;gap:4px}
-.wb-filter{background:none;border:1px solid var(--n-border);color:var(--n-ink-muted);
-  border-radius:99px;padding:0 10px;min-height:24px;font:inherit;font-size:11.5px;cursor:pointer}
-.wb-filter:hover{border-color:var(--n-accent);color:var(--n-ink)}
-.wb-filter.is-active{border-color:var(--n-accent);color:var(--n-ink);
-  background:color-mix(in srgb,var(--n-accent) 16%,transparent)}
-.wb-item-badge{flex:none;font-size:10.5px;color:var(--n-canvas);border:1px solid color-mix(in srgb,var(--n-canvas) 45%,transparent);
-  border-radius:99px;padding:0 6px;line-height:17px;white-space:nowrap}
-/* 0.6.10: .wb-item-open (the ↗ jump affordance) removed by ruling —
-   禁止任何跳转，全部使用响应式布局. */
-.wb-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-
-/* ── Canvas member management (inspector, 0.6.6) ── */
-.wb-member-row{display:flex;align-items:center;gap:8px;padding:3px 2px;border-radius:6px}
-.wb-member-row:hover{background:color-mix(in srgb,var(--n-accent) 10%,transparent)}
-.wb-member-dot{flex:none;font-size:11px;color:var(--n-ink-muted);min-width:44px}
-.wb-member-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.wb-member-remove,.wb-member-submit{background:none;border:1px solid var(--n-border);color:var(--n-ink);
-  border-radius:6px;padding:1px 8px;font:inherit;font-size:11.5px;cursor:pointer;flex:none}
-.wb-member-remove:hover:not(:disabled),.wb-member-submit:hover:not(:disabled){border-color:var(--n-danger)}
-.wb-member-submit:hover:not(:disabled){border-color:var(--n-accent)}
-.wb-member-add{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
-.wb-cli-home{display:flex;flex-wrap:wrap;gap:6px;padding:8px;margin:4px 0 10px;border:1px solid var(--n-border);border-radius:6px}
-.wb-cli-home [hidden]{display:none}
-.wb-cli-home .wb-hint{flex-basis:100%;margin-top:0}
-.wb-cli-home .wb-member-pick{min-width:0;max-width:100%}
-.wb-member-pick,.wb-member-manual{background:var(--n-panel);border:1px solid var(--n-border);color:var(--n-ink);
-  border-radius:6px;padding:3px 8px;font:inherit;font-size:12px;min-width:0}
-.wb-member-pick{flex:1 1 150px}
-.wb-member-manual{flex:1 1 130px}
-.wb-member-pick:focus,.wb-member-manual:focus{outline:1px solid var(--n-accent)}
-.wb-hint{margin-top:10px;font-size:11px;color:var(--n-ink-muted);line-height:1.5}
-/* Quick dispatch (0.6.9): one human message to a routing team. */
-.wb-dispatch{margin-top:12px;border-top:1px dashed var(--n-border);padding-top:8px}
-.wb-dispatch-form{display:flex;flex-direction:column;gap:6px;margin-top:6px}
-.wb-dispatch-text{background:var(--n-panel);border:1px solid var(--n-border);color:var(--n-ink);
-  border-radius:6px;padding:5px 8px;font:inherit;font-size:12px;min-height:52px;resize:vertical}
-.wb-dispatch-text:focus{outline:1px solid var(--n-accent)}
-.wb-dispatch-submit{align-self:flex-end;background:none;border:1px solid var(--n-border);color:var(--n-ink);
-  border-radius:6px;padding:2px 14px;font:inherit;font-size:11.5px;cursor:pointer}
-.wb-dispatch-submit:hover:not(:disabled){border-color:var(--n-accent)}
-.wb-dispatch-note{font-size:11px;color:var(--n-ink-muted);line-height:1.4;min-height:0}
-/* 0.6.11 inline transcript: read-only tail of a local session's own log. */
-
-/* ── Stage: board (canvas mode) or the data stack (data mode) ── */
-.wb-stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}
-.wb-stage-board{position:absolute;inset:0;overflow:hidden}
-.wb-stage-board.is-hidden{display:none}
-.wb-data{display:flex;flex-direction:column;gap:14px;padding:10px 14px;overflow-y:auto;min-height:0}
-.wb-data.is-hidden{display:none}
-
-.wb-pane-head{font-size:12px;color:var(--n-ink-muted);margin:4px 0 8px}
-.wb-pane-subhead{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--n-ink-muted);margin:12px 0 6px}
-.wb-table,.wb-row{display:flex;gap:10px;align-items:baseline}
-.wb-row{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:color-mix(in srgb,var(--n-panel) 55%,transparent);
-  border:1px solid var(--n-border);border-radius:6px;padding:3px 8px;flex-wrap:wrap}
-.wb-row-team{color:var(--n-accent);min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.wb-row-meta{color:var(--n-ink-muted)}
-.wb-row-badges{color:var(--n-live)}
-.wb-row-dir{min-width:16px}
-.wb-row-dir.is-fail{color:var(--n-danger)}
-.wb-btn{background:none;border:1px solid var(--n-border);color:var(--n-ink);border-radius:6px;
-  padding:2px 10px;font:inherit;font-size:12px;cursor:pointer;margin-left:auto}
-.wb-btn:hover:not(:disabled){border-color:var(--n-accent)}
-.wb-btn:disabled{opacity:.5;cursor:default}
-.wb-btn-primary{border-color:var(--n-accent);color:var(--n-ink)}
-.wb-action{display:flex;gap:10px;align-items:baseline;font-size:12.5px;padding:5px 8px;border-radius:6px;
-  border:1px solid var(--n-border);margin-bottom:4px}
-.wb-action-high{border-color:var(--n-danger)}
-.wb-action-text{flex:1}
-.wb-draft{display:flex;flex-direction:column;gap:8px;max-width:560px;margin-top:6px}
-.wb-select,.wb-textarea{background:var(--n-panel);border:1px solid var(--n-border);color:var(--n-ink);
-  border-radius:8px;padding:6px 9px;font:inherit}
-.wb-textarea{resize:vertical}
-.wb-select:focus,.wb-textarea:focus{outline:1px solid var(--n-accent)}
-
-/* ── Inspector: overlay card on the stage; bottom sheet when narrow. ── */
-.wb-inspector{position:absolute;top:8px;right:8px;width:280px;max-height:calc(100% - 16px);
-  overflow-y:auto;background:var(--n-panel);border:1px solid var(--n-border);border-radius:10px;
-  padding:10px;z-index:20;box-shadow:0 8px 24px var(--n-shadow);display:none}
-.wb-inspector.is-open{display:block}
-.wb-inspector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
-.wb-inspector-title{font-weight:600;font-size:12.5px}
-.wb-inspector .wb-icon-btn{display:inline-flex;width:24px;height:24px;font-size:12px}
-.wb-card{display:flex;flex-direction:column;gap:6px}
-.wb-kv{display:flex;gap:8px;font-size:12px}
-.wb-kv-k{color:var(--n-ink-muted);min-width:58px;flex:none}
-.wb-kv-v{word-break:break-all}
-.wb-muted{color:var(--n-ink-muted)}
-
-/* ── Node chat drawer (wb-chat, rewritten 2026-10-23): head · info · thread · composer.
-   The thread is the conversation (shown by default); the composer is pinned
-   to the bottom; sends from this page track their receipts in the thread. ── */
-.wb-chat{position:absolute;top:8px;right:8px;bottom:8px;width:400px;max-width:calc(100% - 16px);
-  display:flex;flex-direction:column;background:var(--n-panel);border:1px solid var(--n-border);
-  border-radius:12px;z-index:22;box-shadow:0 8px 24px var(--n-shadow);overflow:hidden;
-  transform:translateX(calc(100% + 12px));transition:transform .18s ease;pointer-events:none}
-.wb-chat.is-open{transform:translateX(0);pointer-events:auto}
-.wb-chat-head{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 12px;border-bottom:1px solid var(--n-border);flex:none}
-.wb-chat-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--n-ink-muted)}
-.wb-chat-dot.is-live{background:var(--n-live)}
-.wb-chat-dot.is-cold{background:transparent;border:1.5px solid var(--n-ink-muted)}
-.wb-chat-dot.is-peer{background:var(--n-federal)}
-.wb-chat-titles{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;line-height:1.3}
-.wb-chat-title{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.wb-chat-sub{font:11px/1.4 ui-monospace,Consolas,monospace;color:var(--n-ink-muted);
-  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.wb-chat .wb-icon-btn{display:inline-flex;width:28px;height:28px;font-size:13px;flex:none;border-color:transparent}
-.wb-chat .wb-icon-btn:hover{border-color:var(--n-border)}
-.wb-chat .wb-icon-btn:focus-visible{outline:2px solid var(--n-accent);outline-offset:1px}
-.wb-chat .wb-chat-back[hidden]{display:none}
-.wb-chat-info-btn[aria-expanded="true"]{border-color:var(--n-accent);color:var(--n-accent)}
-.wb-chat-info{flex:none;display:flex;flex-direction:column;gap:4px;padding:8px 12px;font-size:12px;
-  border-bottom:1px solid var(--n-border);background:color-mix(in srgb,var(--n-bg) 55%,var(--n-panel))}
-.wb-chat-info[hidden]{display:none}
-.wb-chat-info .wb-kv-v{font-family:ui-monospace,Consolas,monospace;font-size:11.5px}
-.wb-chat-thread{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
-  display:flex;flex-direction:column;gap:10px;padding:12px}
-.wb-chat-thread:focus-visible{outline:2px solid var(--n-accent);outline-offset:-2px}
-.wb-chat-log,.wb-chat-sent{display:flex;flex-direction:column;gap:10px}
-.wb-chat-notice{align-self:center;max-width:92%;text-align:center;font-size:11.5px;line-height:1.5;
-  color:var(--n-ink-muted);border:1px dashed var(--n-border);border-radius:8px;padding:6px 10px}
-.wb-chat-notice[hidden]{display:none}
-.wb-chat-empty{align-self:center;padding:24px 8px;font-size:12px;color:var(--n-ink-muted);text-align:center}
-.wb-chat-empty.is-error{color:var(--n-danger)}
-.wb-msg{display:flex;flex-direction:column;gap:4px;max-width:86%;padding:8px 11px;border-radius:12px;
-  font-size:13px;line-height:1.55}
-.wb-msg-assistant{align-self:flex-start;background:var(--n-raised);border:1px solid var(--n-border);border-bottom-left-radius:4px}
-.wb-msg-user{align-self:flex-end;background:color-mix(in srgb,var(--n-accent) 16%,var(--n-panel));
-  border:1px solid color-mix(in srgb,var(--n-accent) 35%,transparent);border-bottom-right-radius:4px}
-/* Role label for screen readers; side and tint carry it visually. */
-.wb-msg-ledger{align-self:center;max-width:92%;background:transparent;border:1px dashed var(--n-border);font-size:12px}
-.wb-msg-ledger .wb-msg-text{color:var(--n-ink-muted)}
-.wb-msg-ledger .wb-msg-meta{justify-content:center}
-.wb-msg-in .wb-msg-meta{justify-content:flex-start}
-.wb-msg-who{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
-.wb-msg-text{color:var(--n-ink);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
-.wb-msg-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-size:11px}
-.wb-msg-task{font-family:ui-monospace,Consolas,monospace;color:var(--n-ink-muted)}
-.wb-msg-status{border:1px solid currentColor;border-radius:99px;padding:0 7px;line-height:18px;white-space:nowrap}
-.wb-msg-status.is-wait,.wb-msg-status.is-muted{color:var(--n-ink-muted)}
-.wb-msg-status.is-ok{color:var(--n-live)}
-.wb-msg-status.is-warn{color:var(--n-act)}
-.wb-msg-status.is-danger{color:var(--n-danger)}
-.wb-chat-divider{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--n-ink-muted);margin-top:4px}
-.wb-chat-divider::before,.wb-chat-divider::after{content:'';flex:1;border-top:1px solid var(--n-border)}
-.wb-chat-sessions{display:flex;flex-direction:column;gap:6px}
-.wb-chat-session{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;
-  background:var(--n-raised);border:1px solid var(--n-border);border-radius:8px;padding:7px 10px;
-  color:var(--n-ink);font:inherit;cursor:pointer}
-.wb-chat-session:hover{border-color:var(--n-accent)}
-.wb-chat-session:focus-visible{outline:2px solid var(--n-accent);outline-offset:1px}
-.wb-chat-session-id{font:12px ui-monospace,Consolas,monospace}
-.wb-chat-session-meta{font-size:11px;color:var(--n-ink-muted)}
-.wb-chat-foot{flex:none;border-top:1px solid var(--n-border);padding:8px 10px 10px;background:var(--n-panel)}
-.wb-chat-composer{display:flex;flex-direction:column;gap:4px}
-.wb-chat-composer-row{display:flex;align-items:flex-end;gap:8px}
-.wb-chat-composer .wb-dispatch-text{flex:1 1 auto;min-height:38px;max-height:160px;resize:none;
-  border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.5}
-.wb-chat-composer .wb-dispatch-submit{align-self:auto;height:38px;padding:0 16px;border-radius:10px;
-  background:var(--n-accent);border-color:var(--n-accent);color:var(--n-bg);font-size:13px;font-weight:600}
-.wb-chat-composer .wb-dispatch-submit:hover:not(:disabled){border-color:var(--n-accent);filter:brightness(1.08)}
-.wb-chat-composer .wb-dispatch-submit:disabled{opacity:.45;cursor:default}
-.wb-chat-composer .wb-dispatch-note{font-size:11px;padding-left:2px}
-.wb-chat-composer .wb-dispatch-note.is-error{color:var(--n-danger)}
-.wb-chat-readonly{font-size:12px;color:var(--n-ink-muted);text-align:center;padding:4px 0}
-
-/* The one fault badge (planning.css carried a second, conflicting copy —
-   the cascade mixed the two). Honesty surface: always above the board. */
-.nexus-fault{display:none;position:fixed;top:10px;right:12px;z-index:50;max-width:420px;
-  font:12px/1.5 ui-monospace,Consolas,monospace;color:var(--n-error-ink);background:var(--n-error-panel);
-  border:1px solid var(--n-danger);border-radius:8px;padding:6px 10px;pointer-events:none}
-
-/* ── Responsive tiers ── */
-@media (max-width:1023px){
-  .wb-menu{display:inline-flex}
-  .wb-rail-toggle{display:none}
-  .wb-body{grid-template-columns:minmax(0,1fr)}
-  .wb-rail{position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px);z-index:40;
-    background:var(--n-panel);border-right:1px solid var(--n-border);
-    transform:translateX(-102%);transition:transform .18s ease;box-shadow:8px 0 24px var(--n-shadow)}
-  .wb.is-rail-open .wb-rail{transform:translateX(0)}
-  .wb-inspector{left:8px;right:8px;width:auto;top:auto;bottom:8px;max-height:45%}
-  .wb-chat{left:8px;right:8px;width:auto;top:auto;bottom:8px;height:85%;max-height:85%;
-    transform:translateY(102%)}
-  .wb-chat.is-open{transform:translateY(0)}
-}
-@media (pointer:coarse){
-  .wb-filter,.wb-item,.wb-tab{min-height:36px}
-  .wb-icon-btn,.wb-inspector .wb-icon-btn,.wb-chat .wb-icon-btn{width:36px;height:36px}
-}
-@media (max-width:680px){
-  .wb-header{flex-wrap:wrap;row-gap:4px}
-  .wb-header-stats{order:3;width:100%}
-  .wb-row-team{min-width:0;flex:1 1 auto}
-  .wb-data{padding:8px}
-}
-
-/* gh#20 W-C: host rail rows — lamp + label + link badge + version + url. */
-.wb-host-row{display:flex;align-items:center;gap:7px;padding:4px 6px;border:1px solid var(--n-border);
-  border-radius:7px;margin-bottom:4px;cursor:pointer;font-size:12px}
-.wb-host-row:hover{border-color:var(--n-accent);background:color-mix(in srgb,var(--n-accent) 8%,transparent)}
-.wb-host-row:focus-visible{outline:2px solid var(--n-accent);outline-offset:1px}
-.wb-host-lamp{flex:none;width:8px;height:8px;border-radius:50%;background:var(--n-ink-muted)}
-.wb-host-lamp.is-live{background:var(--n-live)}
-.wb-host-lamp.is-warm{background:var(--n-act)}
-.wb-host-lamp.is-cold{background:var(--n-ink-muted)}
-.wb-host-lamp.is-fail{background:var(--n-danger)}
-.wb-host-lamp.is-unknown{background:transparent;border:1px solid var(--n-ink-muted)}
-.wb-host-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--n-ink)}
-.wb-host-badge{flex:none;font-size:10.5px;border-radius:99px;padding:0 7px;line-height:17px;border:1px solid var(--n-border)}
-.wb-host-badge.is-linked{color:var(--n-live);border-color:var(--n-live)}
-.wb-host-badge.is-stranger{color:var(--n-ink-muted);border-color:var(--n-border)}
-.wb-host-ver{flex:none;font-size:10px;color:var(--n-ink-muted);border:1px solid var(--n-border);border-radius:4px;padding:0 4px}
-.wb-host-url{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--n-ink-muted);font-size:10.5px}
-
-/* ── Rail tabs (wb-rail, 2026-10-23): 目录 · 主机 · 台账 · 活动 · 规划, each panel
-   with its own scroll. Badges count; color only when something needs a hand. ── */
-.wb-tabs{flex:none;display:flex;gap:2px;padding:6px 6px 0;border-bottom:1px solid var(--n-border);overflow-x:auto;scrollbar-width:none}
-.wb-tab{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;
-  background:none;border:none;border-bottom:2px solid transparent;color:var(--n-ink-muted);font:inherit;font-size:12.5px;
-  padding:6px 6px 7px;cursor:pointer;white-space:nowrap}
-.wb-tab:hover{color:var(--n-ink)}
-.wb-tab.is-active{color:var(--n-ink);border-bottom-color:var(--n-accent);font-weight:600}
-.wb-tab:focus-visible{outline:2px solid var(--n-accent);outline-offset:-2px;border-radius:6px 6px 0 0}
-.wb-tab[hidden]{display:none}
-.wb-tab-badge{font:10.5px/16px ui-monospace,Consolas,monospace;color:var(--n-ink-muted);font-weight:400}
-.wb-tab-badge:empty{display:none}
-.wb-tab-badge.is-danger,.wb-tab-badge.is-warn,.wb-tab-badge.is-accent{padding:0 6px;border-radius:99px;border:1px solid currentColor}
-.wb-tab-badge.is-danger{color:var(--n-danger)}
-.wb-tab-badge.is-warn{color:var(--n-act)}
-.wb-tab-badge.is-accent{color:var(--n-accent)}
-.wb-tabpanels{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
-.wb-tabpanel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 16px}
-.wb-tabpanel[hidden]{display:none}
-.wb-tabpanel:focus-visible{outline:2px solid var(--n-accent);outline-offset:-2px}
-.wb-tabpanel .wb-pane{display:flex;flex-direction:column;gap:8px}
-
-/* ── 目录 (wb-directory) ── */
-.wb-tabpanel .wb-dir-tools{padding:0 0 6px}
-.wb-dir-group{display:flex;flex-direction:column;gap:1px;margin-top:10px}
-.wb-dir-group:first-child{margin-top:2px}
-.wb-dir-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 6px 4px;
-  font-size:11px;letter-spacing:.04em;color:var(--n-ink-muted)}
-.wb-dir-head-label{font-weight:600;color:var(--n-ink)}
-.wb-dir-head-note{font-size:10.5px}
-.wb-dir-day{padding:6px 6px 2px;font-size:10.5px;color:var(--n-ink-muted)}
-.wb-dir-empty{padding:24px 8px;text-align:center;font-size:12px;color:var(--n-ink-muted)}
-.wb-directory .wb-item{gap:9px;padding:5px 6px;border-radius:8px}
-.wb-directory .wb-item.is-draggable{cursor:grab}
-.wb-directory .wb-item:focus-visible{outline:2px solid var(--n-accent);outline-offset:-2px}
-.wb-item-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;line-height:1.35}
-.wb-item-sub{font:11px/1.35 ui-monospace,Consolas,monospace;color:var(--n-ink-muted);
-  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.wb-item.is-untitled .wb-item-label{color:var(--n-ink-muted);font-family:ui-monospace,Consolas,monospace;font-size:12px}
-.wb-directory .wb-item.is-unreachable{opacity:.78}
-.wb-unreachable-note{font-size:11px;line-height:1.35;color:var(--n-danger);white-space:normal;overflow-wrap:anywhere}
-.wb-node-warning{font-size:11px;line-height:1.35;color:var(--n-danger);white-space:normal;overflow-wrap:anywhere}
-.wb-dot-log{color:var(--n-ink-muted)}
-
-/* ── 台账 (wb-ledger) ── */
-.wb-led-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
-.wb-led-tile{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 8px;border-radius:8px;
-  border:1px solid var(--n-border);background:var(--n-raised);cursor:help;min-width:0}
-.wb-led-tile-v{font:600 17px/1.15 ui-monospace,Consolas,monospace;color:var(--n-ink)}
-.wb-led-tile-k{font-size:11px;color:var(--n-ink-muted)}
-.wb-led-tile.is-warn{border-color:var(--n-act)}
-.wb-led-tile.is-warn .wb-led-tile-v{color:var(--n-act)}
-.wb-led-tile.is-danger{border-color:var(--n-danger)}
-.wb-led-tile.is-danger .wb-led-tile-v{color:var(--n-danger)}
-.wb-led-split{display:flex;flex-direction:column;gap:4px}
-.wb-led-split-bar{display:flex;height:6px;border-radius:99px;overflow:hidden;background:var(--n-border)}
-.wb-led-seg{display:block;height:100%}
-.wb-led-split-legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:var(--n-ink-muted)}
-.wb-led-split-item{display:inline-flex;align-items:center;gap:4px}
-.wb-led-swatch{display:inline-block;width:8px;height:8px;border-radius:2px}
-.wb-led-seg.is-completed,.wb-led-swatch.is-completed{background:var(--n-live)}
-.wb-led-seg.is-rejected,.wb-led-swatch.is-rejected{background:var(--n-act)}
-.wb-led-seg.is-failed,.wb-led-swatch.is-failed{background:var(--n-danger)}
-.wb-led-seg.is-abandoned,.wb-led-swatch.is-abandoned{background:var(--n-ink-muted)}
-.wb-led-seg.is-unclassified,.wb-led-swatch.is-unclassified,.wb-led-seg.is-other,.wb-led-swatch.is-other{background:color-mix(in srgb,var(--n-ink-muted) 45%,var(--n-border))}
-.wb-led-group{display:flex;flex-direction:column;gap:6px;margin-top:4px}
-.wb-led-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11.5px;font-weight:600;color:var(--n-ink)}
-.wb-led-group-hint{font-size:10.5px;font-weight:400;color:var(--n-ink-muted)}
-.wb-led-group.is-danger .wb-led-group-head{color:var(--n-danger)}
-.wb-led-group.is-warn .wb-led-group-head{color:var(--n-act)}
-.wb-led-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:7px 9px;border-radius:8px;
-  border:1px solid var(--n-border);background:var(--n-raised);min-width:0}
-.wb-led-card.is-danger{border-color:var(--n-danger)}
-.wb-led-card.is-warn{border-left:3px solid var(--n-act)}
-.wb-led-card.is-muted,.wb-led-card.is-quiet{background:transparent}
-.wb-led-card.is-link{cursor:pointer}
-.wb-led-card.is-link:hover{border-color:var(--n-accent)}
-.wb-led-card.is-link:focus-visible{outline:2px solid var(--n-accent);outline-offset:1px}
-.wb-led-card-head{display:flex;align-items:flex-start;gap:6px;min-width:0}
-.wb-led-dir{flex:none;font-size:12px;color:var(--n-ink-muted);line-height:1.45}
-.wb-led-dir.is-in{color:var(--n-federal)}
-.wb-led-brief{flex:1 1 auto;min-width:0;font-size:12.5px;line-height:1.45;color:var(--n-ink);
-  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
-.wb-led-card.is-muted .wb-led-brief,.wb-led-card.is-quiet .wb-led-brief{color:var(--n-ink-muted)}
-.wb-led-card.is-danger .wb-led-brief{color:var(--n-danger)}
-.wb-led-brief.is-missing{font-style:italic}
-.wb-led-meta{display:flex;flex-wrap:wrap;gap:2px 8px;font:11px/1.45 ui-monospace,Consolas,monospace;color:var(--n-ink-muted);min-width:0}
-.wb-led-meta > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
-.wb-led-chip{border:1px solid var(--n-border);border-radius:99px;padding:0 6px;font-family:inherit}
-.wb-led-abandon{position:absolute;top:6px;right:6px;margin-left:0;padding:1px 9px;font-size:11.5px}
-.wb-led-abandon.is-quiet{border-color:transparent;background:transparent;color:var(--n-ink-muted)}
-.wb-led-abandon.is-quiet:hover{border-color:var(--n-border);color:var(--n-ink)}
-.wb-led-card:has(.wb-led-abandon) .wb-led-card-head{padding-right:52px}
-.wb-led-empty{padding:24px 8px;text-align:center;font-size:12px;color:var(--n-ink-muted)}
-.wb-led-forensics{font-size:11px;color:var(--n-ink-muted);border-top:1px dashed var(--n-border);padding-top:6px;margin-top:4px}
-.wb-led-forensics summary{cursor:pointer}
-.wb-led-forensics summary:focus-visible{outline:2px solid var(--n-accent);outline-offset:1px}
-.wb-led-forensics-body{display:flex;flex-direction:column;gap:2px;padding:4px 0 0 12px;font-family:ui-monospace,Consolas,monospace}
+/* A2A workbench styles (0.6.2 merged shell): the planning board is the stage,
+   the operational panels ride a collapsible rail, the inspector is an overlay
+   card. Responsive tiers are CSS-only:
+   - ≥1440px  rail 340px, everything docked
+   - 1024–1439 rail 300px
+   - <1024    rail becomes a left drawer (☰), inspector becomes a bottom sheet
+   Dark default, light via prefers-color-scheme. Panels are data surfaces,
+   not decoration — rows are monospaced data lines. */
+:root{
+  color-scheme:dark;
+  --n-bg:#060a12; --n-ink:#dde3f0; --n-ink-muted:#7a86a0; --n-panel:#0d1322;
+  --n-live:#4ade80; --n-cold:#7a86a0; --n-border:#223052; --n-act:#f59e0b;
+  --n-danger:#f87171; --n-accent:#9673f7; --n-rail-w:300px;
+  --n-canvas:#22d3ee; --n-line:var(--n-border);
+  --n-raised:#131b2e; --n-federal:#6366f1; --n-card-line:#5c6680;
+  --n-error-ink:#fecaca; --n-error-panel:#2a0d10f2; --n-shadow:rgba(0,0,0,.35);
+}
+@media (prefers-color-scheme: light){
+  :root{ --n-bg:#eef2fa; --n-ink:#1a2438; --n-ink-muted:#5a6580; --n-panel:#ffffff;
+         --n-live:#157a37; --n-border:#c6d0e6; --n-act:#a84d08;
+         --n-danger:#b91c1c; --n-accent:#6d28d9;
+         --n-cold:#636c81; --n-canvas:#0e7490;
+         --n-raised:#ffffff; --n-federal:#4f46e5; --n-card-line:#8a95ae;
+         --n-error-ink:#b91c1c; --n-error-panel:#fef2f2f2; --n-shadow:rgba(26,36,56,.16); }
+}
+@media (min-width:1440px){ :root{ --n-rail-w:340px } }
+html,body,#app{height:100%;margin:0}
+body{background:var(--n-bg);color:var(--n-ink);font:13px/1.45 system-ui,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
+
+.wb{display:flex;flex-direction:column;height:100%}
+.wb-header{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--n-border);background:var(--n-panel)}
+.wb-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;white-space:nowrap}
+.wb-badge{font-size:11px;font-weight:400;color:var(--n-ink-muted);border:1px solid var(--n-border);border-radius:99px;padding:1px 8px}
+.wb-badge[hidden]{display:none}
+.wb-row-remote{margin-left:6px;padding:0 6px;border:1px solid currentColor;border-radius:99px;font-size:10.5px;color:var(--n-ink-muted);vertical-align:1px}
+.wb-header-stats{display:flex;gap:16px;font-size:12px;color:var(--n-ink-muted);flex-wrap:wrap;min-width:0}
+.wb-header-stats .wb-kv{display:flex;gap:6px}
+.wb-header-stats .wb-kv-k{color:var(--n-ink-muted)}
+.wb-header-stats .wb-kv-v{color:var(--n-ink)}
+/* Header verdict: exceptions only (results-first). Quiet when healthy. */
+.wb-header-ok{color:var(--n-ink-muted)}
+.wb-alert{border:1px solid currentColor;border-radius:99px;padding:0 9px;line-height:20px;white-space:nowrap;cursor:pointer;background:transparent;font:inherit}
+.wb-alert:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
+.wb-alert:focus-visible{outline:2px solid currentColor;outline-offset:2px}
+.wb-alert-danger{color:var(--n-danger)}
+.wb-alert-warn{color:var(--n-act)}
+.wb-forensics{font-family:ui-monospace,Consolas,monospace;font-size:11px}
+.wb-icon-btn{background:none;border:1px solid var(--n-border);color:var(--n-ink);border-radius:8px;
+  width:30px;height:30px;display:none;align-items:center;justify-content:center;font:inherit;font-size:14px;
+  cursor:pointer;flex:none}
+.wb-icon-btn:hover{border-color:var(--n-accent)}
+.wb-owner-btn{display:inline-flex}
+.wb-menu{margin-left:0}
+.wb-rail-toggle{margin-left:auto}
+.wb.is-rail-collapsed .wb-rail{display:none}
+
+.wb-body{position:relative;display:grid;grid-template-columns:minmax(0,var(--n-rail-w)) minmax(0,1fr);flex:1;min-height:0}
+
+/* ── Rail (directory + operational panels in canvas mode) ── */
+.wb-rail{border-right:1px solid var(--n-border);min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;
+  background:color-mix(in srgb,var(--n-panel) 60%,var(--n-bg))}
+
+.wb-side-head{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--n-ink-muted);margin:10px 2px 4px}
+.wb-item{display:flex;gap:7px;align-items:center;width:100%;text-align:left;background:none;border:none;
+  color:var(--n-ink);font:inherit;padding:3px 6px;border-radius:6px;cursor:pointer}
+.wb-item:hover{background:color-mix(in srgb,var(--n-accent) 14%,transparent)}
+.wb-dot{font-size:10px}
+.wb-dot-live{color:var(--n-live)} .wb-dot-cold{color:var(--n-cold)} .wb-dot-canvas{color:var(--n-canvas)} .wb-dot-remote{color:var(--n-act)}
+
+/* ── Directory toolbar: unified search + category filters (0.6.6) ── */
+.wb-dir-tools{display:flex;flex-direction:column;gap:6px;padding:8px 6px 4px}
+.wb-search{background:var(--n-panel);border:1px solid var(--n-border);color:var(--n-ink);
+  border-radius:6px;padding:4px 8px;font:inherit;font-size:12.5px;min-width:0}
+.wb-search:focus{outline:1px solid var(--n-accent)}
+.wb-filters{display:flex;flex-wrap:wrap;gap:4px}
+.wb-filter{background:none;border:1px solid var(--n-border);color:var(--n-ink-muted);
+  border-radius:99px;padding:0 10px;min-height:24px;font:inherit;font-size:11.5px;cursor:pointer}
+.wb-filter:hover{border-color:var(--n-accent);color:var(--n-ink)}
+.wb-filter.is-active{border-color:var(--n-accent);color:var(--n-ink);
+  background:color-mix(in srgb,var(--n-accent) 16%,transparent)}
+.wb-item-badge{flex:none;font-size:10.5px;color:var(--n-canvas);border:1px solid color-mix(in srgb,var(--n-canvas) 45%,transparent);
+  border-radius:99px;padding:0 6px;line-height:17px;white-space:nowrap}
+/* 0.6.10: .wb-item-open (the ↗ jump affordance) removed by ruling —
+   禁止任何跳转，全部使用响应式布局. */
+.wb-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+
+/* ── Canvas member management (inspector, 0.6.6) ── */
+.wb-member-row{display:flex;align-items:center;gap:8px;padding:3px 2px;border-radius:6px}
+.wb-member-row:hover{background:color-mix(in srgb,var(--n-accent) 10%,transparent)}
+.wb-member-dot{flex:none;font-size:11px;color:var(--n-ink-muted);min-width:44px}
+.wb-member-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.wb-member-remove,.wb-member-submit{background:none;border:1px solid var(--n-border);color:var(--n-ink);
+  border-radius:6px;padding:1px 8px;font:inherit;font-size:11.5px;cursor:pointer;flex:none}
+.wb-member-remove:hover:not(:disabled),.wb-member-submit:hover:not(:disabled){border-color:var(--n-danger)}
+.wb-member-submit:hover:not(:disabled){border-color:var(--n-accent)}
+.wb-member-add{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
+.wb-cli-home{display:flex;flex-wrap:wrap;gap:6px;padding:8px;margin:4px 0 10px;border:1px solid var(--n-border);border-radius:6px}
+.wb-cli-home [hidden]{display:none}
+.wb-cli-home .wb-hint{flex-basis:100%;margin-top:0}
+.wb-cli-home .wb-member-pick{min-width:0;max-width:100%}
+.wb-member-pick,.wb-member-manual{background:var(--n-panel);border:1px solid var(--n-border);color:var(--n-ink);
+  border-radius:6px;padding:3px 8px;font:inherit;font-size:12px;min-width:0}
+.wb-member-pick{flex:1 1 150px}
+.wb-member-manual{flex:1 1 130px}
+.wb-member-pick:focus,.wb-member-manual:focus{outline:1px solid var(--n-accent)}
+.wb-hint{margin-top:10px;font-size:11px;color:var(--n-ink-muted);line-height:1.5}
+/* Quick dispatch (0.6.9): one human message to a routing team. */
+.wb-dispatch{margin-top:12px;border-top:1px dashed var(--n-border);padding-top:8px}
+.wb-dispatch-form{display:flex;flex-direction:column;gap:6px;margin-top:6px}
+.wb-dispatch-text{background:var(--n-panel);border:1px solid var(--n-border);color:var(--n-ink);
+  border-radius:6px;padding:5px 8px;font:inherit;font-size:12px;min-height:52px;resize:vertical}
+.wb-dispatch-text:focus{outline:1px solid var(--n-accent)}
+.wb-dispatch-submit{align-self:flex-end;background:none;border:1px solid var(--n-border);color:var(--n-ink);
+  border-radius:6px;padding:2px 14px;font:inherit;font-size:11.5px;cursor:pointer}
+.wb-dispatch-submit:hover:not(:disabled){border-color:var(--n-accent)}
+.wb-dispatch-note{font-size:11px;color:var(--n-ink-muted);line-height:1.4;min-height:0}
+/* 0.6.11 inline transcript: read-only tail of a local session's own log. */
+
+/* ── Stage: board (canvas mode) or the data stack (data mode) ── */
+.wb-stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}
+.wb-stage-board{position:absolute;inset:0;overflow:hidden}
+.wb-stage-board.is-hidden{display:none}
+.wb-data{display:flex;flex-direction:column;gap:14px;padding:10px 14px;overflow-y:auto;min-height:0}
+.wb-data.is-hidden{display:none}
+
+.wb-pane-head{font-size:12px;color:var(--n-ink-muted);margin:4px 0 8px}
+.wb-pane-subhead{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--n-ink-muted);margin:12px 0 6px}
+.wb-table,.wb-row{display:flex;gap:10px;align-items:baseline}
+.wb-row{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:color-mix(in srgb,var(--n-panel) 55%,transparent);
+  border:1px solid var(--n-border);border-radius:6px;padding:3px 8px;flex-wrap:wrap}
+.wb-row-team{color:var(--n-accent);min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.wb-row-meta{color:var(--n-ink-muted)}
+.wb-row-badges{color:var(--n-live)}
+.wb-row-dir{min-width:16px}
+.wb-row-dir.is-fail{color:var(--n-danger)}
+.wb-btn{background:none;border:1px solid var(--n-border);color:var(--n-ink);border-radius:6px;
+  padding:2px 10px;font:inherit;font-size:12px;cursor:pointer;margin-left:auto}
+.wb-btn:hover:not(:disabled){border-color:var(--n-accent)}
+.wb-btn:disabled{opacity:.5;cursor:default}
+.wb-btn-primary{border-color:var(--n-accent);color:var(--n-ink)}
+.wb-action{display:flex;gap:10px;align-items:baseline;font-size:12.5px;padding:5px 8px;border-radius:6px;
+  border:1px solid var(--n-border);margin-bottom:4px}
+.wb-action-high{border-color:var(--n-danger)}
+.wb-action-text{flex:1}
+.wb-draft{display:flex;flex-direction:column;gap:8px;max-width:560px;margin-top:6px}
+.wb-select,.wb-textarea{background:var(--n-panel);border:1px solid var(--n-border);color:var(--n-ink);
+  border-radius:8px;padding:6px 9px;font:inherit}
+.wb-textarea{resize:vertical}
+.wb-select:focus,.wb-textarea:focus{outline:1px solid var(--n-accent)}
+
+/* ── Inspector: overlay card on the stage; bottom sheet when narrow. ── */
+.wb-inspector{position:absolute;top:8px;right:8px;width:280px;max-height:calc(100% - 16px);
+  overflow-y:auto;background:var(--n-panel);border:1px solid var(--n-border);border-radius:10px;
+  padding:10px;z-index:20;box-shadow:0 8px 24px var(--n-shadow);display:none}
+.wb-inspector.is-open{display:block}
+.wb-inspector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
+.wb-inspector-title{font-weight:600;font-size:12.5px}
+.wb-inspector .wb-icon-btn{display:inline-flex;width:24px;height:24px;font-size:12px}
+.wb-card{display:flex;flex-direction:column;gap:6px}
+.wb-kv{display:flex;gap:8px;font-size:12px}
+.wb-kv-k{color:var(--n-ink-muted);min-width:58px;flex:none}
+.wb-kv-v{word-break:break-all}
+.wb-muted{color:var(--n-ink-muted)}
+
+/* ── Node chat drawer (wb-chat, rewritten 2026-10-23): head · info · thread · composer.
+   The thread is the conversation (shown by default); the composer is pinned
+   to the bottom; sends from this page track their receipts in the thread. ── */
+.wb-chat{position:absolute;top:8px;right:8px;bottom:8px;width:400px;max-width:calc(100% - 16px);
+  display:flex;flex-direction:column;background:var(--n-panel);border:1px solid var(--n-border);
+  border-radius:12px;z-index:22;box-shadow:0 8px 24px var(--n-shadow);overflow:hidden;
+  transform:translateX(calc(100% + 12px));transition:transform .18s ease;pointer-events:none}
+.wb-chat.is-open{transform:translateX(0);pointer-events:auto}
+.wb-chat-head{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 12px;border-bottom:1px solid var(--n-border);flex:none}
+.wb-chat-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--n-ink-muted)}
+.wb-chat-dot.is-live{background:var(--n-live)}
+.wb-chat-dot.is-cold{background:transparent;border:1.5px solid var(--n-ink-muted)}
+.wb-chat-dot.is-peer{background:var(--n-federal)}
+.wb-chat-titles{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;line-height:1.3}
+.wb-chat-title{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.wb-chat-sub{font:11px/1.4 ui-monospace,Consolas,monospace;color:var(--n-ink-muted);
+  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.wb-chat .wb-icon-btn{display:inline-flex;width:28px;height:28px;font-size:13px;flex:none;border-color:transparent}
+.wb-chat .wb-icon-btn:hover{border-color:var(--n-border)}
+.wb-chat .wb-icon-btn:focus-visible{outline:2px solid var(--n-accent);outline-offset:1px}
+.wb-chat .wb-chat-back[hidden]{display:none}
+.wb-chat-info-btn[aria-expanded="true"]{border-color:var(--n-accent);color:var(--n-accent)}
+.wb-chat-info{flex:none;display:flex;flex-direction:column;gap:4px;padding:8px 12px;font-size:12px;
+  border-bottom:1px solid var(--n-border);background:color-mix(in srgb,var(--n-bg) 55%,var(--n-panel))}
+.wb-chat-info[hidden]{display:none}
+.wb-chat-info .wb-kv-v{font-family:ui-monospace,Consolas,monospace;font-size:11.5px}
+.wb-chat-thread{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
+  display:flex;flex-direction:column;gap:10px;padding:12px}
+.wb-chat-thread:focus-visible{outline:2px solid var(--n-accent);outline-offset:-2px}
+.wb-chat-log,.wb-chat-sent{display:flex;flex-direction:column;gap:10px}
+.wb-chat-notice{align-self:center;max-width:92%;text-align:center;font-size:11.5px;line-height:1.5;
+  color:var(--n-ink-muted);border:1px dashed var(--n-border);border-radius:8px;padding:6px 10px}
+.wb-chat-notice[hidden]{display:none}
+.wb-chat-empty{align-self:center;padding:24px 8px;font-size:12px;color:var(--n-ink-muted);text-align:center}
+.wb-chat-empty.is-error{color:var(--n-danger)}
+.wb-msg{display:flex;flex-direction:column;gap:4px;max-width:86%;padding:8px 11px;border-radius:12px;
+  font-size:13px;line-height:1.55}
+.wb-msg-assistant{align-self:flex-start;background:var(--n-raised);border:1px solid var(--n-border);border-bottom-left-radius:4px}
+.wb-msg-user{align-self:flex-end;background:color-mix(in srgb,var(--n-accent) 16%,var(--n-panel));
+  border:1px solid color-mix(in srgb,var(--n-accent) 35%,transparent);border-bottom-right-radius:4px}
+/* Role label for screen readers; side and tint carry it visually. */
+.wb-msg-ledger{align-self:center;max-width:92%;background:transparent;border:1px dashed var(--n-border);font-size:12px}
+.wb-msg-ledger .wb-msg-text{color:var(--n-ink-muted)}
+.wb-msg-ledger .wb-msg-meta{justify-content:center}
+.wb-msg-in .wb-msg-meta{justify-content:flex-start}
+.wb-msg-who{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
+.wb-msg-text{color:var(--n-ink);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
+.wb-msg-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-size:11px}
+.wb-msg-task{font-family:ui-monospace,Consolas,monospace;color:var(--n-ink-muted)}
+.wb-msg-status{border:1px solid currentColor;border-radius:99px;padding:0 7px;line-height:18px;white-space:nowrap}
+.wb-msg-status.is-wait,.wb-msg-status.is-muted{color:var(--n-ink-muted)}
+.wb-msg-status.is-ok{color:var(--n-live)}
+.wb-msg-status.is-warn{color:var(--n-act)}
+.wb-msg-status.is-danger{color:var(--n-danger)}
+.wb-chat-divider{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--n-ink-muted);margin-top:4px}
+.wb-chat-divider::before,.wb-chat-divider::after{content:'';flex:1;border-top:1px solid var(--n-border)}
+.wb-chat-sessions{display:flex;flex-direction:column;gap:6px}
+.wb-chat-session{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;
+  background:var(--n-raised);border:1px solid var(--n-border);border-radius:8px;padding:7px 10px;
+  color:var(--n-ink);font:inherit;cursor:pointer}
+.wb-chat-session:hover{border-color:var(--n-accent)}
+.wb-chat-session:focus-visible{outline:2px solid var(--n-accent);outline-offset:1px}
+.wb-chat-session-id{font:12px ui-monospace,Consolas,monospace}
+.wb-chat-session-meta{font-size:11px;color:var(--n-ink-muted)}
+.wb-chat-foot{flex:none;border-top:1px solid var(--n-border);padding:8px 10px 10px;background:var(--n-panel)}
+.wb-chat-composer{display:flex;flex-direction:column;gap:4px}
+.wb-chat-composer-row{display:flex;align-items:flex-end;gap:8px}
+.wb-chat-composer .wb-dispatch-text{flex:1 1 auto;min-height:38px;max-height:160px;resize:none;
+  border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.5}
+.wb-chat-composer .wb-dispatch-submit{align-self:auto;height:38px;padding:0 16px;border-radius:10px;
+  background:var(--n-accent);border-color:var(--n-accent);color:var(--n-bg);font-size:13px;font-weight:600}
+.wb-chat-composer .wb-dispatch-submit:hover:not(:disabled){border-color:var(--n-accent);filter:brightness(1.08)}
+.wb-chat-composer .wb-dispatch-submit:disabled{opacity:.45;cursor:default}
+.wb-chat-composer .wb-dispatch-note{font-size:11px;padding-left:2px}
+.wb-chat-composer .wb-dispatch-note.is-error{color:var(--n-danger)}
+.wb-chat-readonly{font-size:12px;color:var(--n-ink-muted);text-align:center;padding:4px 0}
+
+/* The one fault badge (planning.css carried a second, conflicting copy —
+   the cascade mixed the two). Honesty surface: always above the board. */
+.nexus-fault{display:none;position:fixed;top:10px;right:12px;z-index:50;max-width:420px;
+  font:12px/1.5 ui-monospace,Consolas,monospace;color:var(--n-error-ink);background:var(--n-error-panel);
+  border:1px solid var(--n-danger);border-radius:8px;padding:6px 10px;pointer-events:none}
+
+/* ── Responsive tiers ── */
+@media (max-width:1023px){
+  .wb-menu{display:inline-flex}
+  .wb-rail-toggle{display:none}
+  .wb-body{grid-template-columns:minmax(0,1fr)}
+  .wb-rail{position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px);z-index:40;
+    background:var(--n-panel);border-right:1px solid var(--n-border);
+    transform:translateX(-102%);transition:transform .18s ease;box-shadow:8px 0 24px var(--n-shadow)}
+  .wb.is-rail-open .wb-rail{transform:translateX(0)}
+  .wb-inspector{left:8px;right:8px;width:auto;top:auto;bottom:8px;max-height:45%}
+  .wb-chat{left:8px;right:8px;width:auto;top:auto;bottom:8px;height:85%;max-height:85%;
+    transform:translateY(102%)}
+  .wb-chat.is-open{transform:translateY(0)}
+}
+@media (pointer:coarse){
+  .wb-filter,.wb-item,.wb-tab{min-height:36px}
+  .wb-icon-btn,.wb-inspector .wb-icon-btn,.wb-chat .wb-icon-btn{width:36px;height:36px}
+}
+@media (max-width:680px){
+  .wb-header{flex-wrap:wrap;row-gap:4px}
+  .wb-header-stats{order:3;width:100%}
+  .wb-row-team{min-width:0;flex:1 1 auto}
+  .wb-data{padding:8px}
+}
+
+/* gh#20 W-C: host rail rows — lamp + label + link badge + version + url. */
+.wb-host-row{display:flex;align-items:center;gap:7px;padding:4px 6px;border:1px solid var(--n-border);
+  border-radius:7px;margin-bottom:4px;cursor:pointer;font-size:12px}
+.wb-host-row:hover{border-color:var(--n-accent);background:color-mix(in srgb,var(--n-accent) 8%,transparent)}
+.wb-host-row:focus-visible{outline:2px solid var(--n-accent);outline-offset:1px}
+.wb-host-lamp{flex:none;width:8px;height:8px;border-radius:50%;background:var(--n-ink-muted)}
+.wb-host-lamp.is-live{background:var(--n-live)}
+.wb-host-lamp.is-warm{background:var(--n-act)}
+.wb-host-lamp.is-cold{background:var(--n-ink-muted)}
+.wb-host-lamp.is-fail{background:var(--n-danger)}
+.wb-host-lamp.is-unknown{background:transparent;border:1px solid var(--n-ink-muted)}
+.wb-host-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--n-ink)}
+.wb-host-badge{flex:none;font-size:10.5px;border-radius:99px;padding:0 7px;line-height:17px;border:1px solid var(--n-border)}
+.wb-host-badge.is-linked{color:var(--n-live);border-color:var(--n-live)}
+.wb-host-badge.is-stranger{color:var(--n-ink-muted);border-color:var(--n-border)}
+.wb-host-ver{flex:none;font-size:10px;color:var(--n-ink-muted);border:1px solid var(--n-border);border-radius:4px;padding:0 4px}
+.wb-host-url{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--n-ink-muted);font-size:10.5px}
+
+/* ── Rail tabs (wb-rail, 2026-10-23): 目录 · 主机 · 台账 · 活动 · 规划, each panel
+   with its own scroll. Badges count; color only when something needs a hand. ── */
+.wb-tabs{flex:none;display:flex;gap:2px;padding:6px 6px 0;border-bottom:1px solid var(--n-border);overflow-x:auto;scrollbar-width:none}
+.wb-tab{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;
+  background:none;border:none;border-bottom:2px solid transparent;color:var(--n-ink-muted);font:inherit;font-size:12.5px;
+  padding:6px 6px 7px;cursor:pointer;white-space:nowrap}
+.wb-tab:hover{color:var(--n-ink)}
+.wb-tab.is-active{color:var(--n-ink);border-bottom-color:var(--n-accent);font-weight:600}
+.wb-tab:focus-visible{outline:2px solid var(--n-accent);outline-offset:-2px;border-radius:6px 6px 0 0}
+.wb-tab[hidden]{display:none}
+.wb-tab-badge{font:10.5px/16px ui-monospace,Consolas,monospace;color:var(--n-ink-muted);font-weight:400}
+.wb-tab-badge:empty{display:none}
+.wb-tab-badge.is-danger,.wb-tab-badge.is-warn,.wb-tab-badge.is-accent{padding:0 6px;border-radius:99px;border:1px solid currentColor}
+.wb-tab-badge.is-danger{color:var(--n-danger)}
+.wb-tab-badge.is-warn{color:var(--n-act)}
+.wb-tab-badge.is-accent{color:var(--n-accent)}
+.wb-tabpanels{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
+.wb-tabpanel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 16px}
+.wb-tabpanel[hidden]{display:none}
+.wb-tabpanel:focus-visible{outline:2px solid var(--n-accent);outline-offset:-2px}
+.wb-tabpanel .wb-pane{display:flex;flex-direction:column;gap:8px}
+
+/* ── 目录 (wb-directory) ── */
+.wb-tabpanel .wb-dir-tools{padding:0 0 6px}
+.wb-dir-group{display:flex;flex-direction:column;gap:1px;margin-top:10px}
+.wb-dir-group:first-child{margin-top:2px}
+.wb-dir-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 6px 4px;
+  font-size:11px;letter-spacing:.04em;color:var(--n-ink-muted)}
+.wb-dir-head-label{font-weight:600;color:var(--n-ink)}
+.wb-dir-head-note{font-size:10.5px}
+.wb-dir-day{padding:6px 6px 2px;font-size:10.5px;color:var(--n-ink-muted)}
+.wb-dir-empty{padding:24px 8px;text-align:center;font-size:12px;color:var(--n-ink-muted)}
+.wb-directory .wb-item{gap:9px;padding:5px 6px;border-radius:8px}
+.wb-directory .wb-item.is-draggable{cursor:grab}
+.wb-directory .wb-item:focus-visible{outline:2px solid var(--n-accent);outline-offset:-2px}
+.wb-item-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;line-height:1.35}
+.wb-item-sub{font:11px/1.35 ui-monospace,Consolas,monospace;color:var(--n-ink-muted);
+  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.wb-item.is-untitled .wb-item-label{color:var(--n-ink-muted);font-family:ui-monospace,Consolas,monospace;font-size:12px}
+.wb-directory .wb-item.is-unreachable{opacity:.78}
+.wb-unreachable-note{font-size:11px;line-height:1.35;color:var(--n-danger);white-space:normal;overflow-wrap:anywhere}
+.wb-node-warning{font-size:11px;line-height:1.35;color:var(--n-danger);white-space:normal;overflow-wrap:anywhere}
+.wb-dot-log{color:var(--n-ink-muted)}
+
+/* ── 台账 (wb-ledger) ── */
+.wb-led-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
+.wb-led-tile{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 8px;border-radius:8px;
+  border:1px solid var(--n-border);background:var(--n-raised);cursor:help;min-width:0}
+.wb-led-tile-v{font:600 17px/1.15 ui-monospace,Consolas,monospace;color:var(--n-ink)}
+.wb-led-tile-k{font-size:11px;color:var(--n-ink-muted)}
+.wb-led-tile.is-warn{border-color:var(--n-act)}
+.wb-led-tile.is-warn .wb-led-tile-v{color:var(--n-act)}
+.wb-led-tile.is-danger{border-color:var(--n-danger)}
+.wb-led-tile.is-danger .wb-led-tile-v{color:var(--n-danger)}
+.wb-led-split{display:flex;flex-direction:column;gap:4px}
+.wb-led-split-bar{display:flex;height:6px;border-radius:99px;overflow:hidden;background:var(--n-border)}
+.wb-led-seg{display:block;height:100%}
+.wb-led-split-legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:var(--n-ink-muted)}
+.wb-led-split-item{display:inline-flex;align-items:center;gap:4px}
+.wb-led-swatch{display:inline-block;width:8px;height:8px;border-radius:2px}
+.wb-led-seg.is-completed,.wb-led-swatch.is-completed{background:var(--n-live)}
+.wb-led-seg.is-rejected,.wb-led-swatch.is-rejected{background:var(--n-act)}
+.wb-led-seg.is-failed,.wb-led-swatch.is-failed{background:var(--n-danger)}
+.wb-led-seg.is-abandoned,.wb-led-swatch.is-abandoned{background:var(--n-ink-muted)}
+.wb-led-seg.is-unclassified,.wb-led-swatch.is-unclassified,.wb-led-seg.is-other,.wb-led-swatch.is-other{background:color-mix(in srgb,var(--n-ink-muted) 45%,var(--n-border))}
+.wb-led-group{display:flex;flex-direction:column;gap:6px;margin-top:4px}
+.wb-led-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11.5px;font-weight:600;color:var(--n-ink)}
+.wb-led-group-hint{font-size:10.5px;font-weight:400;color:var(--n-ink-muted)}
+.wb-led-group.is-danger .wb-led-group-head{color:var(--n-danger)}
+.wb-led-group.is-warn .wb-led-group-head{color:var(--n-act)}
+.wb-led-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:7px 9px;border-radius:8px;
+  border:1px solid var(--n-border);background:var(--n-raised);min-width:0}
+.wb-led-card.is-danger{border-color:var(--n-danger)}
+.wb-led-card.is-warn{border-left:3px solid var(--n-act)}
+.wb-led-card.is-muted,.wb-led-card.is-quiet{background:transparent}
+.wb-led-card.is-link{cursor:pointer}
+.wb-led-card.is-link:hover{border-color:var(--n-accent)}
+.wb-led-card.is-link:focus-visible{outline:2px solid var(--n-accent);outline-offset:1px}
+.wb-led-card-head{display:flex;align-items:flex-start;gap:6px;min-width:0}
+.wb-led-dir{flex:none;font-size:12px;color:var(--n-ink-muted);line-height:1.45}
+.wb-led-dir.is-in{color:var(--n-federal)}
+.wb-led-brief{flex:1 1 auto;min-width:0;font-size:12.5px;line-height:1.45;color:var(--n-ink);
+  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
+.wb-led-card.is-muted .wb-led-brief,.wb-led-card.is-quiet .wb-led-brief{color:var(--n-ink-muted)}
+.wb-led-card.is-danger .wb-led-brief{color:var(--n-danger)}
+.wb-led-brief.is-missing{font-style:italic}
+.wb-led-meta{display:flex;flex-wrap:wrap;gap:2px 8px;font:11px/1.45 ui-monospace,Consolas,monospace;color:var(--n-ink-muted);min-width:0}
+.wb-led-meta > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
+.wb-led-chip{border:1px solid var(--n-border);border-radius:99px;padding:0 6px;font-family:inherit}
+.wb-led-abandon{position:absolute;top:6px;right:6px;margin-left:0;padding:1px 9px;font-size:11.5px}
+.wb-led-abandon.is-quiet{border-color:transparent;background:transparent;color:var(--n-ink-muted)}
+.wb-led-abandon.is-quiet:hover{border-color:var(--n-border);color:var(--n-ink)}
+.wb-led-card:has(.wb-led-abandon) .wb-led-card-head{padding-right:52px}
+.wb-led-empty{padding:24px 8px;text-align:center;font-size:12px;color:var(--n-ink-muted)}
+.wb-led-forensics{font-size:11px;color:var(--n-ink-muted);border-top:1px dashed var(--n-border);padding-top:6px;margin-top:4px}
+.wb-led-forensics summary{cursor:pointer}
+.wb-led-forensics summary:focus-visible{outline:2px solid var(--n-accent);outline-offset:1px}
+.wb-led-forensics-body{display:flex;flex-direction:column;gap:2px;padding:4px 0 0 12px;font-family:ui-monospace,Consolas,monospace}