anentrypoint-design 0.0.324 → 0.0.326

package/app-shell.css

@@ -1,8 +1,8 @@
 /* app-shell.css -- re-exports the split source sheets in src/css/app-shell/
    in their original order. This file is a published package export consumed
-   directly via <link rel="stylesheet" href="app-shell.css"> by preview/*.html
-   and ui_kits/*/index.html (never through the build step, which reads the
-   split files directly for byte-identical dist output -- see scripts/build.mjs).
+   directly via <link rel="stylesheet" href="app-shell.css"> by preview and
+   ui_kits index pages (never through the build step, which reads the split
+   files directly for byte-identical dist output -- see scripts/build.mjs).
    Splitting only: no rule was added, removed, or reordered versus the
    original monolithic app-shell.css. */
 @import url('./src/css/app-shell/base.css');

package/dist/247420.css

@@ -1842,12 +1842,10 @@
 .ds-247420 .row-form input:focus-visible,
 .ds-247420 .row-form textarea:focus-visible { box-shadow: var(--focus-ring-inset); }
 
-/* Field char counter (TextField maxLength) */
-.ds-247420 .ds-field-count {
-  font-size: var(--fs-tiny, 13px);
-  color: var(--fg-3, var(--fg-2));
-  text-align: right;
-}
+/* Field char counter (TextField maxLength) — canonical definition is with
+   the rest of the .ds-field family below (states-interactions.css); this
+   duplicate was removed to stop the two bodies fighting on stylesheet load
+   order. */
 
 /* Multi-column form layout (Form columns prop) */
 .ds-247420 .row-form[data-columns="2"] { grid-template-columns: repeat(2, 1fr); }
@@ -2946,14 +2944,10 @@
 .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: var(--r-0);
-  background: var(--bg); border: var(--bw-hair) solid var(--rule);
-  border-bottom-width: 2px;
-  font-family: var(--ff-mono); font-size: var(--fs-micro); color: var(--fg-2);
-  white-space: nowrap;
-}
+/* .ds-kbd base definition lives in editor-primitives.css (canonical home —
+   it owns the fuller ds-kbd-group/ds-kbd-row family this key chip belongs
+   to); this file only carries the .ds-shortcuts-hint contextual overrides
+   above. */
 
 /* ============================================================
    Theme toggle (segmented + compact) — bound to src/theme.js
@@ -3530,6 +3524,20 @@
    Comprehensive improvements for perfect UX across all surfaces
    ============================================================ */
 
+/* ------------------------------------------------------------
+   Table — clickable row focus ring
+   Table()'s onRowClick path (content.js) sets class="clickable"
+   role="button" tabindex="0" on the <tr>; the browser's native
+   :focus-visible outline on a <tr> renders inconsistently across
+   engines (often clipped by table border-collapse), so it needs
+   the same explicit outline treatment every other interactive
+   primitive in this file gets, via the shared --focus-* tokens.
+   -------------------------------------------------------------- */
+.ds-247420 tr.clickable:focus-visible {
+  outline: var(--focus-w) solid var(--focus-color);
+  outline-offset: calc(-1 * var(--focus-offset));
+}
+
 /* ------------------------------------------------------------
    Component States — Disabled, Loading, Error, Success
    -------------------------------------------------------------- */
@@ -3910,14 +3918,25 @@
 }
 .ds-247420 .ds-field-label {
   font-size: var(--fs-sm, 14px);
+  font-weight: 500;
   color: var(--fg-2);
   line-height: 1.3;
 }
+.ds-247420 .ds-field-required {
+  color: var(--danger);
+  font-weight: 700;
+  margin-left: 2px;
+}
 .ds-247420 .ds-field-hint {
   font-size: var(--fs-tiny, 13px);
   color: var(--fg-3);
   line-height: 1.35;
 }
+.ds-247420 .ds-field-error {
+  color: var(--danger);
+  font-size: var(--fs-tiny, 13px);
+  font-weight: 500;
+}
 .ds-247420 .ds-field-count {
   font-size: var(--fs-tiny, 13px);
   color: var(--fg-3);
@@ -4963,13 +4982,10 @@
 .ds-247420 .ds-sub-btn:hover { border-color: var(--accent); color: var(--accent-ink); }
 .ds-247420 .ds-sub-btn span { display: block; font-size: 18px; font-weight: 700; color: var(--accent-ink); }
 
-/* SessionRow */
-.ds-247420 .ds-session-row {
-  display: flex; align-items: center; gap: 8px; padding: 6px 10px;
-  flex-wrap: wrap; min-width: 0;
-  border-bottom: var(--bw-hair) solid var(--bg-3); cursor: pointer;
-}
-.ds-247420 .ds-session-row:hover { background: var(--bg-3); }
+/* SessionRow — base .ds-session-row (layout, hover/focus/active states,
+   rail-tone indicators) is canonically defined in chat.css alongside the
+   rest of the chat session-list component; this file only carries the
+   dev/admin-row sub-parts (id/counts/devcnt/span) that decorate it. */
 .ds-247420 .ds-session-row-id {
   font-family: var(--ff-mono); font-size: var(--fs-micro); color: var(--accent-ink);
   flex: 0 1 160px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
@@ -9094,25 +9110,10 @@
     display: flex; flex-direction: column; gap: var(--space-1, 4px);
     margin-bottom: var(--space-2, 8px);
 }
-.ds-247420 .ds-field-label {
-    color: var(--fg-2, var(--fg));
-    font-size: var(--fs-sm, 14px);
-    font-weight: 500;
-}
-.ds-247420 .ds-field-required {
-    color: var(--danger);
-    font-weight: 700;
-    margin-left: 2px;
-}
-.ds-247420 .ds-field-hint {
-    color: var(--fg-3, var(--fg-2));
-    font-size: var(--fs-tiny, 12px);
-}
-.ds-247420 .ds-field-error {
-    color: var(--danger);
-    font-size: var(--fs-tiny, 12px);
-    font-weight: 500;
-}
+/* .ds-field-label / .ds-field-required / .ds-field-hint / .ds-field-error
+   canonical definitions now live in app-shell.css alongside the rest of the
+   .ds-field family (this file's .ds-field-wrap consumes them by class name).
+   Removed here to stop the two bodies fighting on stylesheet load order. */
 .ds-247420 .ds-field-wrap [aria-invalid="true"] {
     border-color: var(--danger) !important;
 }
@@ -10200,7 +10201,15 @@ html.ds-247420 .ca-app {
   }
 }
 
-.ds-247420 .cli {
+/* .ds-cli-block — the multi-row article/transcript container (CliBlock()'s
+   outer wrapper holding stacked .ds-cli-row / .ds-cli-comment children).
+   Distinct from the bare `.cli` single prompt+cmd row primitive owned by
+   app-shell.css (Install(), HeroFromPageData(), terminal/site quickstart
+   lines) — the two used to share the `.cli` selector with incompatible
+   display models (flex row vs block transcript), so whichever stylesheet
+   loaded last silently won for both consumers. Renamed here to remove the
+   collision; see content.js CliBlock(). */
+.ds-247420 .ds-cli-block {
   display: block;
   background: var(--panel-1);
   border-radius: var(--r-0);
@@ -10215,7 +10224,7 @@ html.ds-247420 .ca-app {
   white-space: pre-wrap;
   word-break: break-word;
 }
-.ds-247420 .cli .ds-cli-comment {
+.ds-247420 .ds-cli-block .ds-cli-comment {
   color: var(--panel-text-3);
   white-space: pre-wrap;
   word-break: break-word;
@@ -10223,20 +10232,20 @@ html.ds-247420 .ca-app {
   padding: 3px 0;
   line-height: 1.6;
 }
-.ds-247420 .cli .ds-cli-comment:empty::before { content: '\00a0'; }
-.ds-247420 .cli .ds-cli-row {
+.ds-247420 .ds-cli-block .ds-cli-comment:empty::before { content: '\00a0'; }
+.ds-247420 .ds-cli-block .ds-cli-row {
   display: flex;
   gap: 10px;
   padding: 3px 0;
   white-space: pre-wrap;
   word-break: break-word;
 }
-.ds-247420 .cli .ds-cli-row .prompt {
+.ds-247420 .ds-cli-block .ds-cli-row .prompt {
   color: var(--panel-accent);
   flex: 0 0 auto;
   user-select: none;
 }
-.ds-247420 .cli .ds-cli-row .cmd {
+.ds-247420 .ds-cli-block .ds-cli-row .cmd {
   color: var(--panel-text);
   flex: 1 1 auto;
   white-space: pre-wrap;