anentrypoint-design 0.0.213 → 0.0.214

package/app-shell.css

@@ -1355,7 +1355,7 @@ table tr.clickable:focus-visible td { background: var(--bg-2); }
   transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
 }
 .ds-density-btn:hover { color: var(--fg); }
-.ds-density-btn.active { background: var(--accent-tint); color: var(--accent); }
+.ds-density-btn.active { background: var(--accent-tint); color: var(--fg); }
 .ds-density-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 
 /* Compact density — tighter rows for long listings. */
@@ -1380,6 +1380,10 @@ table tr.clickable:focus-visible td { background: var(--bg-2); }
 .ds-file-cell.active { border-color: var(--accent); background: var(--accent-tint); }
 .ds-file-cell.is-marked { border-color: var(--accent); background: var(--accent-tint); }
 .ds-file-cell.is-locked { opacity: 0.6; }
+.ds-file-row.is-locked { opacity: 0.6; }
+.ds-file-row.is-restricted .title { color: var(--fg-2); }
+.ds-file-perm-tag { font-family: var(--ff-mono); font-size: var(--fs-micro); color: var(--fg-3); padding: 1px 6px; border: var(--bw-hair) solid var(--rule); border-radius: var(--r-1); white-space: nowrap; }
+.ds-file-perm-tag.is-noaccess { color: var(--flame); border-color: color-mix(in srgb, var(--flame) 40%, transparent); }
 .ds-file-cell-open {
   display: flex; flex-direction: column; align-items: stretch; gap: var(--space-1);
   width: 100%; padding: var(--space-1); margin: 0;
@@ -1776,6 +1780,10 @@ table tr.clickable:focus-visible td { background: var(--bg-2); }
   border-radius: var(--r-2); font-size: var(--fs-xs);
 }
 .ds-shortcut-row { display: flex; align-items: center; gap: var(--space-2); }
+.ds-shortcuts-hint .ds-kbd-label { flex: 1 1 auto; opacity: .85; }
+.ds-shortcuts-hint .ds-kbd { white-space: normal; max-width: 100%; }
+.ds-kbd-caps { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; }
+.ds-kbd-sep { color: var(--fg-3); font-size: var(--fs-micro); padding: 0 2px; }
 .ds-kbd {
   display: inline-block; min-width: 0;
   padding: 2px 7px; border-radius: 6px;
@@ -2248,6 +2256,12 @@ table tr.clickable:focus-visible td { background: var(--bg-2); }
 .chat-composer .send:disabled {
   background: var(--bg-3); color: var(--fg-3); cursor: not-allowed; transform: none;
 }
+@media (prefers-reduced-motion: reduce) {
+  .chat-composer,
+  .chat-composer textarea,
+  .chat-composer .send,
+  .composer-btn { transition: none; }
+}
 
 .aicat-portrait { display: inline-flex; align-items: center; gap: 10px; padding: 4px 0; }
 .aicat-face {
@@ -3249,6 +3263,7 @@ input[type="password"]:not(:placeholder-shown) + .input-clear {
 .ws-pane-collapsed .ws-pane > * { display: none; }
 @media (pointer: coarse) {
   .ws-rail-toggle { width: 44px; height: 44px; }
+  .ws-drawer-toggle { width: 44px; height: 44px; }
 }
 
 /* Drawer toggles and the scrim are hidden by default and revealed by the staged
@@ -3374,6 +3389,11 @@ input[type="password"]:not(:placeholder-shown) + .input-clear {
 .ws-drawer-toggle:hover { background: var(--bg-2); color: var(--fg); }
 .ws-drawer-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 
+@media (prefers-reduced-motion: reduce) {
+  .ws-shell, .ws-rail, .ws-pane, .ws-sessions, .ws-scrim { transition: none; }
+  .ws-resizer::after { transition: none; }
+}
+
 /* ============================================================
    Row title highlight, expanded-row actions, filter pills.
    ============================================================ */
@@ -3404,7 +3424,7 @@ input[type="password"]:not(:placeholder-shown) + .input-clear {
   transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
 }
 .ds-filter-pill:hover { background: var(--bg-3); color: var(--fg); }
-.ds-filter-pill.active { background: var(--accent-tint); color: var(--accent); border-color: var(--accent); }
+.ds-filter-pill.active { background: var(--accent-tint); color: var(--fg); border-color: var(--accent); }
 .ds-filter-pill:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 
 /* Touch floor for the new small controls. */

package/chat.css

@@ -91,7 +91,7 @@
   background: none;
   border: 1px solid var(--rule);
   color: inherit;
-  border-radius: 6px;
+  border-radius: var(--r-1);
   padding: 2px 8px;
   cursor: pointer;
   font: inherit;
@@ -110,6 +110,7 @@
 }
 .agentchat-cwd-input:focus-visible { outline: none; box-shadow: var(--focus-ring-inset); }
 .agentchat-cwd-input[aria-invalid='true'] { border-color: var(--flame); box-shadow: inset 0 0 0 var(--bw-hair) var(--flame); }
+.agentchat-cwd-input[aria-busy='true'] { border-color: var(--fg-3); box-shadow: inset 0 0 0 var(--bw-hair) var(--fg-3); }
 
 /* head + thread */
 .agentchat-head {
@@ -360,18 +361,14 @@
 }
 .ds-session-new > span { display: none; }
 .ds-session-new:hover { background: var(--bg-2); color: var(--fg); }
-.ds-session-search { order: 1; flex: 1 1 auto; min-width: 0; }
+/* Rail filter uses the shared .ds-search-input primitive (provides bg/border/
+   radius/focus-ring); only the rail layout + touch floor live here. */
+.ds-session-head .ds-search-input { order: 1; flex: 1 1 auto; min-width: 0; }
 .ds-session-new:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
-.ds-session-search {
-  width: 100%; padding: var(--space-1) var(--space-3); min-height: 36px;
-  background: var(--bg-2); border: var(--bw-hair) solid var(--bg-3); color: var(--fg);
-  border-radius: var(--r-1); font-family: var(--ff-body); font-size: var(--fs-sm);
-}
-.ds-session-search:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--accent); }
 /* Touch floor (must FOLLOW the base rules - same specificity, order decides). */
 @media (pointer: coarse) {
   .ds-session-new { width: 44px; min-height: 44px; }
-  .ds-session-search { min-height: 44px; }
+  .ds-session-head .ds-search-input { min-height: 44px; }
 }
 .ds-session-list, .ds-session-groups { flex: 1; min-height: 0; overflow-y: auto; padding: var(--space-2); }
 /* Grouped rows (Today/Yesterday/...) lay out like the flat list; the section
@@ -550,7 +547,7 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
   border-radius: var(--r-1); background: var(--bg-2); color: var(--fg-2);
   cursor: pointer; font-family: var(--ff-body); font-size: var(--fs-tiny);
 }
-.ds-dash-errors-toggle.active { background: var(--accent-tint); color: var(--accent); border-color: var(--accent); }
+.ds-dash-errors-toggle.active { background: var(--accent-tint); color: var(--fg); border-color: var(--accent); }
 .ds-dash-errors-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 
 /* --- C3: per-card select checkbox. --- */
@@ -718,6 +715,7 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
 /* Inline cwd validation line (checking / error) under the cwd input. */
 .agentchat-cwd-hint { font-size: var(--fs-tiny); color: var(--fg-3); }
 .agentchat-cwd-hint.is-error { color: var(--flame); }
+.agentchat-cwd-hint.is-checking { color: var(--fg-2); font-style: italic; }
 
 /* Dashboard: shared session title heading (same string as the rails). */
 .ds-dash-title {
@@ -817,6 +815,7 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
 }
 .chat-msg .chat-tool .chat-tool-head::-webkit-details-marker { display: none; }
 .chat-msg .chat-tool .chat-tool-head:hover { background: var(--bg-2); }
+.chat-msg .chat-tool .chat-tool-head:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
 .chat-tool-icon { display: inline-flex; color: var(--fg-3); }
 .chat-tool-name { font-family: var(--ff-mono); font-weight: 600; color: var(--fg); }
 .chat-tool-label { color: var(--fg-3); font-size: var(--fs-tiny); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
@@ -837,6 +836,7 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
 .chat-tool-section-label { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); font-size: var(--fs-tiny); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tr-caps); color: var(--fg-3); }
 .chat-tool-copy { position: static; opacity: 0; }
 .chat-tool-section:hover .chat-tool-copy, .chat-tool-section:focus-within .chat-tool-copy { opacity: 1; }
+.chat-tool-copy:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; opacity: 1; }
 .chat-tool-pre { margin: 0; padding: var(--space-2); background: var(--bg-2); border-radius: var(--r-1); font-family: var(--ff-mono); font-size: var(--fs-tiny); line-height: 1.45; overflow-x: auto; max-height: 320px; overflow-y: auto; }
 .chat-tool-pre.is-error { color: var(--flame); }
 .chat-tool-pre.chat-tool-empty { color: var(--fg-3); }
@@ -892,15 +892,17 @@ button.chat-composer-context:focus-visible { outline: var(--focus-w) solid var(-
 .ds-dash-breakdown .seg { display: inline-flex; align-items: center; gap: var(--space-1); font-weight: 600; }
 .ds-dash-breakdown .seg::before { content: ''; width: 7px; height: 7px; border-radius: 50%; flex: none; }
 .ds-dash-breakdown .seg.is-running { color: var(--accent); }
-.ds-dash-breakdown .seg.is-running::before { background: var(--accent); }
+.ds-dash-breakdown .seg.is-running::before { background: var(--accent); box-shadow: 0 0 0 1.5px color-mix(in oklab, var(--accent) 30%, transparent); }
 .ds-dash-breakdown .seg.is-error { color: var(--flame); }
 .ds-dash-breakdown .seg.is-error::before { background: var(--flame); box-shadow: 0 0 0 1.5px color-mix(in oklab, var(--flame) 38%, transparent); }
-.ds-dash-breakdown .seg.is-idle { color: var(--amber); }
-.ds-dash-breakdown .seg.is-idle::before { background: transparent; box-shadow: inset 0 0 0 2px var(--amber); }
+.ds-dash-breakdown .seg.is-idle { color: var(--stale); }
+.ds-dash-breakdown .seg.is-idle::before { background: transparent; box-shadow: inset 0 0 0 1px var(--stale), inset 0 0 0 3px var(--bg); }
 .ds-dash-stream-disc { display: inline-flex; align-items: center; gap: var(--space-1); }
 .ds-dash-selectall { display: inline-flex; align-items: center; gap: var(--space-1); font-size: var(--fs-tiny); color: var(--fg-2); cursor: pointer; background: none; border: none; padding: var(--space-1); }
 .ds-dash-selectall:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 .ds-dash-clear { background: none; border: none; color: var(--fg-3); cursor: pointer; font-size: var(--fs-tiny); text-decoration: underline dotted; padding: var(--space-1); }
+.ds-dash-clear:hover { color: var(--fg); }
+.ds-dash-clear:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; border-radius: var(--r-1); }
 
 /* Conversation-rail loading skeleton (cold ccsniff walk). */
 .ds-session-row-skeleton { display: flex; flex-direction: column; gap: 6px; padding: var(--space-2) var(--space-3); }

package/community.css

@@ -1043,6 +1043,16 @@
   border-radius: var(--r-1);
 }
 
+/* ThreadPanel / Forum / Page interactive elements */
+.cm-tp-item:focus-visible,
+.cm-forum-item:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: var(--r-1); }
+.cm-tp-new:focus-visible,
+.cm-tp-close:focus-visible,
+.cm-forum-new:focus-visible,
+.cm-forum-sort:focus-visible,
+.cm-page-edit:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--r-1); }
+.cm-forum-search:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--accent); }
+
 /* ---------- mobile header ---------- */
 .cm-mobile-header {
   display: flex;

package/dist/247420.css

@@ -1809,7 +1809,7 @@
   transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
 }
 .ds-247420 .ds-density-btn:hover { color: var(--fg); }
-.ds-247420 .ds-density-btn.active { background: var(--accent-tint); color: var(--accent); }
+.ds-247420 .ds-density-btn.active { background: var(--accent-tint); color: var(--fg); }
 .ds-247420 .ds-density-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 
 /* Compact density — tighter rows for long listings. */
@@ -1834,6 +1834,10 @@
 .ds-247420 .ds-file-cell.active { border-color: var(--accent); background: var(--accent-tint); }
 .ds-247420 .ds-file-cell.is-marked { border-color: var(--accent); background: var(--accent-tint); }
 .ds-247420 .ds-file-cell.is-locked { opacity: 0.6; }
+.ds-247420 .ds-file-row.is-locked { opacity: 0.6; }
+.ds-247420 .ds-file-row.is-restricted .title { color: var(--fg-2); }
+.ds-247420 .ds-file-perm-tag { font-family: var(--ff-mono); font-size: var(--fs-micro); color: var(--fg-3); padding: 1px 6px; border: var(--bw-hair) solid var(--rule); border-radius: var(--r-1); white-space: nowrap; }
+.ds-247420 .ds-file-perm-tag.is-noaccess { color: var(--flame); border-color: color-mix(in srgb, var(--flame) 40%, transparent); }
 .ds-247420 .ds-file-cell-open {
   display: flex; flex-direction: column; align-items: stretch; gap: var(--space-1);
   width: 100%; padding: var(--space-1); margin: 0;
@@ -2230,6 +2234,10 @@
   border-radius: var(--r-2); font-size: var(--fs-xs);
 }
 .ds-247420 .ds-shortcut-row { display: flex; align-items: center; gap: var(--space-2); }
+.ds-247420 .ds-shortcuts-hint .ds-kbd-label { flex: 1 1 auto; opacity: .85; }
+.ds-247420 .ds-shortcuts-hint .ds-kbd { white-space: normal; max-width: 100%; }
+.ds-247420 .ds-kbd-caps { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; }
+.ds-247420 .ds-kbd-sep { color: var(--fg-3); font-size: var(--fs-micro); padding: 0 2px; }
 .ds-247420 .ds-kbd {
   display: inline-block; min-width: 0;
   padding: 2px 7px; border-radius: 6px;
@@ -2702,6 +2710,12 @@
 .ds-247420 .chat-composer .send:disabled {
   background: var(--bg-3); color: var(--fg-3); cursor: not-allowed; transform: none;
 }
+@media (prefers-reduced-motion: reduce) {
+  .ds-247420 .chat-composer,
+  .ds-247420 .chat-composer textarea,
+  .ds-247420 .chat-composer .send,
+  .ds-247420 .composer-btn { transition: none; }
+}
 
 .ds-247420 .aicat-portrait { display: inline-flex; align-items: center; gap: 10px; padding: 4px 0; }
 .ds-247420 .aicat-face {
@@ -3694,6 +3708,7 @@
 .ds-247420 .ws-pane-collapsed .ws-pane > * { display: none; }
 @media (pointer: coarse) {
   .ds-247420 .ws-rail-toggle { width: 44px; height: 44px; }
+  .ds-247420 .ws-drawer-toggle { width: 44px; height: 44px; }
 }
 
 /* Drawer toggles and the scrim are hidden by default and revealed by the staged
@@ -3819,6 +3834,11 @@
 .ds-247420 .ws-drawer-toggle:hover { background: var(--bg-2); color: var(--fg); }
 .ds-247420 .ws-drawer-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 
+@media (prefers-reduced-motion: reduce) {
+  .ds-247420 .ws-shell, .ds-247420 .ws-rail, .ds-247420 .ws-pane, .ds-247420 .ws-sessions, .ds-247420 .ws-scrim { transition: none; }
+  .ds-247420 .ws-resizer::after { transition: none; }
+}
+
 /* ============================================================
    Row title highlight, expanded-row actions, filter pills.
    ============================================================ */
@@ -3849,7 +3869,7 @@
   transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
 }
 .ds-247420 .ds-filter-pill:hover { background: var(--bg-3); color: var(--fg); }
-.ds-247420 .ds-filter-pill.active { background: var(--accent-tint); color: var(--accent); border-color: var(--accent); }
+.ds-247420 .ds-filter-pill.active { background: var(--accent-tint); color: var(--fg); border-color: var(--accent); }
 .ds-247420 .ds-filter-pill:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 
 /* Touch floor for the new small controls. */
@@ -4907,6 +4927,16 @@
   border-radius: var(--r-1);
 }
 
+/* ThreadPanel / Forum / Page interactive elements */
+.ds-247420 .cm-tp-item:focus-visible,
+.ds-247420 .cm-forum-item:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: var(--r-1); }
+.ds-247420 .cm-tp-new:focus-visible,
+.ds-247420 .cm-tp-close:focus-visible,
+.ds-247420 .cm-forum-new:focus-visible,
+.ds-247420 .cm-forum-sort:focus-visible,
+.ds-247420 .cm-page-edit:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--r-1); }
+.ds-247420 .cm-forum-search:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--accent); }
+
 /* ---------- mobile header ---------- */
 .ds-247420 .cm-mobile-header {
   display: flex;
@@ -5487,7 +5517,7 @@
   background: none;
   border: 1px solid var(--rule);
   color: inherit;
-  border-radius: 6px;
+  border-radius: var(--r-1);
   padding: 2px 8px;
   cursor: pointer;
   font: inherit;
@@ -5506,6 +5536,7 @@
 }
 .ds-247420 .agentchat-cwd-input:focus-visible { outline: none; box-shadow: var(--focus-ring-inset); }
 .ds-247420 .agentchat-cwd-input[aria-invalid='true'] { border-color: var(--flame); box-shadow: inset 0 0 0 var(--bw-hair) var(--flame); }
+.ds-247420 .agentchat-cwd-input[aria-busy='true'] { border-color: var(--fg-3); box-shadow: inset 0 0 0 var(--bw-hair) var(--fg-3); }
 
 /* head + thread */
 .ds-247420 .agentchat-head {
@@ -5756,18 +5787,14 @@
 }
 .ds-247420 .ds-session-new > span { display: none; }
 .ds-247420 .ds-session-new:hover { background: var(--bg-2); color: var(--fg); }
-.ds-247420 .ds-session-search { order: 1; flex: 1 1 auto; min-width: 0; }
+/* Rail filter uses the shared .ds-search-input primitive (provides bg/border/
+   radius/focus-ring); only the rail layout + touch floor live here. */
+.ds-247420 .ds-session-head .ds-search-input { order: 1; flex: 1 1 auto; min-width: 0; }
 .ds-247420 .ds-session-new:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
-.ds-247420 .ds-session-search {
-  width: 100%; padding: var(--space-1) var(--space-3); min-height: 36px;
-  background: var(--bg-2); border: var(--bw-hair) solid var(--bg-3); color: var(--fg);
-  border-radius: var(--r-1); font-family: var(--ff-body); font-size: var(--fs-sm);
-}
-.ds-247420 .ds-session-search:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--accent); }
 /* Touch floor (must FOLLOW the base rules - same specificity, order decides). */
 @media (pointer: coarse) {
   .ds-247420 .ds-session-new { width: 44px; min-height: 44px; }
-  .ds-247420 .ds-session-search { min-height: 44px; }
+  .ds-247420 .ds-session-head .ds-search-input { min-height: 44px; }
 }
 .ds-247420 .ds-session-list, .ds-247420 .ds-session-groups { flex: 1; min-height: 0; overflow-y: auto; padding: var(--space-2); }
 /* Grouped rows (Today/Yesterday/...) lay out like the flat list; the section
@@ -5946,7 +5973,7 @@
   border-radius: var(--r-1); background: var(--bg-2); color: var(--fg-2);
   cursor: pointer; font-family: var(--ff-body); font-size: var(--fs-tiny);
 }
-.ds-247420 .ds-dash-errors-toggle.active { background: var(--accent-tint); color: var(--accent); border-color: var(--accent); }
+.ds-247420 .ds-dash-errors-toggle.active { background: var(--accent-tint); color: var(--fg); border-color: var(--accent); }
 .ds-247420 .ds-dash-errors-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 
 /* --- C3: per-card select checkbox. --- */
@@ -6114,6 +6141,7 @@
 /* Inline cwd validation line (checking / error) under the cwd input. */
 .ds-247420 .agentchat-cwd-hint { font-size: var(--fs-tiny); color: var(--fg-3); }
 .ds-247420 .agentchat-cwd-hint.is-error { color: var(--flame); }
+.ds-247420 .agentchat-cwd-hint.is-checking { color: var(--fg-2); font-style: italic; }
 
 /* Dashboard: shared session title heading (same string as the rails). */
 .ds-247420 .ds-dash-title {
@@ -6213,6 +6241,7 @@
 }
 .ds-247420 .chat-msg .chat-tool .chat-tool-head::-webkit-details-marker { display: none; }
 .ds-247420 .chat-msg .chat-tool .chat-tool-head:hover { background: var(--bg-2); }
+.ds-247420 .chat-msg .chat-tool .chat-tool-head:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
 .ds-247420 .chat-tool-icon { display: inline-flex; color: var(--fg-3); }
 .ds-247420 .chat-tool-name { font-family: var(--ff-mono); font-weight: 600; color: var(--fg); }
 .ds-247420 .chat-tool-label { color: var(--fg-3); font-size: var(--fs-tiny); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
@@ -6233,6 +6262,7 @@
 .ds-247420 .chat-tool-section-label { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); font-size: var(--fs-tiny); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tr-caps); color: var(--fg-3); }
 .ds-247420 .chat-tool-copy { position: static; opacity: 0; }
 .ds-247420 .chat-tool-section:hover .chat-tool-copy, .ds-247420 .chat-tool-section:focus-within .chat-tool-copy { opacity: 1; }
+.ds-247420 .chat-tool-copy:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; opacity: 1; }
 .ds-247420 .chat-tool-pre { margin: 0; padding: var(--space-2); background: var(--bg-2); border-radius: var(--r-1); font-family: var(--ff-mono); font-size: var(--fs-tiny); line-height: 1.45; overflow-x: auto; max-height: 320px; overflow-y: auto; }
 .ds-247420 .chat-tool-pre.is-error { color: var(--flame); }
 .ds-247420 .chat-tool-pre.chat-tool-empty { color: var(--fg-3); }
@@ -6288,15 +6318,17 @@
 .ds-247420 .ds-dash-breakdown .seg { display: inline-flex; align-items: center; gap: var(--space-1); font-weight: 600; }
 .ds-247420 .ds-dash-breakdown .seg::before { content: ''; width: 7px; height: 7px; border-radius: 50%; flex: none; }
 .ds-247420 .ds-dash-breakdown .seg.is-running { color: var(--accent); }
-.ds-247420 .ds-dash-breakdown .seg.is-running::before { background: var(--accent); }
+.ds-247420 .ds-dash-breakdown .seg.is-running::before { background: var(--accent); box-shadow: 0 0 0 1.5px color-mix(in oklab, var(--accent) 30%, transparent); }
 .ds-247420 .ds-dash-breakdown .seg.is-error { color: var(--flame); }
 .ds-247420 .ds-dash-breakdown .seg.is-error::before { background: var(--flame); box-shadow: 0 0 0 1.5px color-mix(in oklab, var(--flame) 38%, transparent); }
-.ds-247420 .ds-dash-breakdown .seg.is-idle { color: var(--amber); }
-.ds-247420 .ds-dash-breakdown .seg.is-idle::before { background: transparent; box-shadow: inset 0 0 0 2px var(--amber); }
+.ds-247420 .ds-dash-breakdown .seg.is-idle { color: var(--stale); }
+.ds-247420 .ds-dash-breakdown .seg.is-idle::before { background: transparent; box-shadow: inset 0 0 0 1px var(--stale), inset 0 0 0 3px var(--bg); }
 .ds-247420 .ds-dash-stream-disc { display: inline-flex; align-items: center; gap: var(--space-1); }
 .ds-247420 .ds-dash-selectall { display: inline-flex; align-items: center; gap: var(--space-1); font-size: var(--fs-tiny); color: var(--fg-2); cursor: pointer; background: none; border: none; padding: var(--space-1); }
 .ds-247420 .ds-dash-selectall:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 .ds-247420 .ds-dash-clear { background: none; border: none; color: var(--fg-3); cursor: pointer; font-size: var(--fs-tiny); text-decoration: underline dotted; padding: var(--space-1); }
+.ds-247420 .ds-dash-clear:hover { color: var(--fg); }
+.ds-247420 .ds-dash-clear:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; border-radius: var(--r-1); }
 
 /* Conversation-rail loading skeleton (cold ccsniff walk). */
 .ds-247420 .ds-session-row-skeleton { display: flex; flex-direction: column; gap: 6px; padding: var(--space-2) var(--space-3); }
@@ -7504,7 +7536,7 @@
 .ds-247420 .ds-input-check:checked { background: var(--accent); border-color: var(--accent); }
 .ds-247420 .ds-input-check:checked::after {
     content: ''; position: absolute; left: 4px; top: 1px;
-    width: 4px; height: 8px; border: solid var(--accent-fg, #fff);
+    width: 4px; height: 8px; border: solid var(--accent-fg);
     border-width: 0 2px 2px 0; transform: rotate(45deg);
 }
 .ds-247420 .ds-input-check:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@@ -7546,7 +7578,7 @@
     -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
     border: 1px solid var(--rule);
     border-radius: var(--r-2, 8px);
-    box-shadow: 0 6px 24px color-mix(in oklab, #000 28%, transparent);
+    box-shadow: var(--shadow-3);
     color: var(--panel-text);
     overflow: hidden;
 }
@@ -7913,6 +7945,10 @@
 }
 
 @media print {
+  /* Re-assert the paper-tuned signal tokens so token-derived foregrounds
+     (status discs, error text, tool cards) print with light-theme colours
+     rather than the dark-theme-derived values inherited under auto-dark. */
+  .ds-247420 { --flame:#C53E00; --amber:#8A6512; --warn:#E0241A; --sky:#3A6EFF; --bg:var(--paper); --fg:var(--ink); }
   .ds-247420 #app { min-height: auto; display: block; height: auto; }
   .ds-247420 .skip-link, .ds-247420 .status-dot, .ds-247420 .history-actions, .ds-247420 .chat-composer { display: none !important; }
   .ds-247420 .app, .ds-247420 .app-main, .ds-247420 .panel, .ds-247420 .chat, .ds-247420 .chat-thread {
@@ -7930,20 +7966,28 @@
 .ds-247420 .site-panel { margin: var(--space-2); }
 
 /* Hero block */
-.ds-247420 .site-hero { padding: 24px 22px; }
+.ds-247420 .site-hero { padding: var(--space-4); }
 .ds-247420 .site-hero-h { margin: 0 0 var(--space-2); }
 .ds-247420 .site-hero-body { margin: var(--space-2) 0 var(--space-3); color: var(--fg-2); max-width: 64ch; }
 .ds-247420 .site-chip-row { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 var(--space-3); }
 .ds-247420 .site-cta-row { display: flex; gap: var(--space-2); flex-wrap: wrap; }
 
 /* Quickstart CLI block — these .cli/.prompt/.cmd nodes were previously unstyled. */
-.ds-247420 .site-cli { padding: 16px 22px; }
-.ds-247420 .site-cli .cli { display: flex; gap: var(--space-2); font-family: var(--ff-mono); font-size: var(--fs-sm); padding: 2px 0; }
+.ds-247420 .site-cli { padding: var(--space-3); background: var(--bg); border: var(--bw-hair, 1px) solid var(--rule); border-radius: var(--r-1); }
+.ds-247420 .site-cli .cli { display: flex; align-items: baseline; gap: var(--space-2); font-family: var(--ff-mono); font-size: var(--fs-sm); padding: 2px 0; }
 .ds-247420 .site-cli .prompt { color: var(--fg-3); user-select: none; flex: 0 0 auto; }
 .ds-247420 .site-cli .cmd { color: var(--fg); white-space: pre-wrap; word-break: break-word; }
 
-/* Embedded legacy doc (iframe wrapper) */
-.ds-247420 .site-embed { width: 100%; height: calc(100vh - 180px); min-height: 520px; border: 0; border-radius: var(--r-1); background: var(--bg-2); display: block; }
+/* Embedded legacy doc (iframe wrapper). 180px = the page chrome (topbar +
+ * crumb + footer) sitting above the embed; dvh keeps it mobile-safe. */
+.ds-247420 .site-embed { width: 100%; height: calc(100dvh - 180px); min-height: 320px; border: 0; border-radius: var(--r-1); background: var(--bg-2); display: block; }
+
+/* Marketing footer family (the in-app .app-status strip suppresses content
+ * below 1100px; the site footer always shows its credits row). */
+.ds-247420 .site-footer { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); width: 100%; padding: var(--space-3) var(--space-4); font-family: var(--ff-body); font-size: var(--fs-sm); line-height: 1.4; color: var(--fg-3); border-top: 1px solid var(--rule); }
+.ds-247420 .site-footer .item { color: inherit; }
+.ds-247420 .site-footer .item:first-of-type { color: var(--accent); }
+.ds-247420 .site-footer .spread { flex: 1; }
 
 /* spoint/loading-screen.css */
 /* Loading-screen kit styles. Scoped under .ds-247420 at build time.