anentrypoint-design 1.0.15 → 1.0.17

package/dist/247420.css

@@ -1342,6 +1342,12 @@
 .ds-247420 .app-side-shell {
   background: var(--bg); overflow-y: auto; min-height: 0;
   scrollbar-width: thin; scrollbar-color: var(--rule-strong) transparent;
+  /* A visible-only-while-scrolled thin scrollbar was the sole cue that this
+     and .app-main are two independent scroll regions -- easy to miss,
+     reading as a layout glitch (sidebar not moving) rather than an
+     intentional split view. A permanent hairline border reads at a glance
+     regardless of scroll/hover state. */
+  border-right: 1px solid var(--rule);
   /* Bottom-edge fade: a rail longer than the viewport otherwise shows only
      the thin scrollbar track as its sole "there is more below" cue. Mirrors
      the horizontal fade already used by .os-instances (src/kits/os/theme.css)
@@ -1438,7 +1444,13 @@
 }
 
 .ds-247420 .app-main {
-  padding: var(--space-5) var(--pad-x) 0;
+  /* Bottom padding reserves clearance equal to the status bar's own height so
+     the last scrolled child never sits flush behind .app-status (a flex
+     sibling pinned below .app-main in the .app column, not a child of it).
+     --app-status-h-live tracks the bar's collapsed/expanded state (set by
+     the toggle in app-shell.js) and falls back to the full bar height when
+     unset (bar starts expanded / JS hasn't run yet). */
+  padding: var(--space-5) var(--pad-x) var(--app-status-h-live, var(--app-status-h));
   min-width: 0;
   /* Full-height flex column so a single flex:1 child (e.g. .chat) fills the
      region between crumb and status instead of floating at content height. */
@@ -1586,6 +1598,25 @@
    agent target) drop in priority order instead of breaking mid-word onto a
    second line. */
 .ds-247420 .app-status { flex-wrap: nowrap; overflow: hidden; }
+
+/* Collapse control — the status bar permanently claims --app-status-h of
+   viewport on every page; this toggle lets it shrink to a thin reachable
+   strip instead. The bar itself stays a fixed-height flex child (never
+   display:none) so the toggle remains reachable to re-expand. */
+.ds-247420 .app-status-toggle {
+  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
+  width: 18px; height: 18px; padding: 0; margin-right: var(--space-1);
+  background: transparent; border: none; color: var(--fg-3); cursor: pointer;
+  border-radius: var(--r-0);
+}
+.ds-247420 .app-status-toggle:hover { color: var(--fg); background: var(--bg-3); }
+.ds-247420 .app-status-toggle:focus-visible { outline: var(--focus-w) solid var(--focus-color); outline-offset: var(--focus-offset); }
+.ds-247420 .app-status.is-collapsed {
+  height: var(--space-4); min-height: var(--space-4);
+  overflow: hidden;
+}
+.ds-247420 .app-status.is-collapsed .item,
+.ds-247420 .app-status.is-collapsed .spread { display: none; }
 @media (max-width: 1100px) {
   .ds-247420 .app-status .item:last-of-type:not(:only-of-type) { display: none; }
 }
@@ -1633,10 +1664,10 @@
 .ds-247420 .btn { background: var(--bg-2); color: var(--fg); border-color: var(--rule); }
 .ds-247420 .btn:hover { background: var(--bg-3); color: var(--fg); transform: translateY(-1px); box-shadow: var(--shadow-1); }
 .ds-247420 .btn-primary {
-  background: var(--green); color: var(--on-color);
+  background: var(--accent); color: var(--accent-fg);
   font-weight: 700;
 }
-.ds-247420 .btn-primary:hover { background: var(--fg); color: var(--green); transform: translateY(-1px); box-shadow: var(--shadow-2); }
+.ds-247420 .btn-primary:hover { background: var(--fg); color: var(--bg); transform: translateY(-1px); box-shadow: var(--shadow-2); }
 .ds-247420 .btn-ghost { background: transparent; color: var(--fg); box-shadow: inset 0 0 0 2px var(--fg); }
 .ds-247420 .btn-ghost:hover { background: color-mix(in oklab, var(--fg) 12%, transparent); transform: translateY(-1px); }
 .ds-247420 .btn:active, .ds-247420 .btn-primary:active, .ds-247420 .btn-ghost:active { transform: translateY(1px); box-shadow: none; }
@@ -7036,6 +7067,10 @@
 }
 .ds-247420 .ds-err-numeral {
   font-family: var(--ff-mono); font-size: clamp(56px, 20vw, 120px);
+  /* Shares the headline's weight (base.css h1: font-weight:600) so the two
+     most important elements on the page read as one weight relationship
+     instead of a thin numeral against a bold headline. */
+  font-weight: 600;
   line-height: 1; color: var(--panel-text-3); letter-spacing: -0.03em;
 }
 .ds-247420 .ds-err-path {
@@ -12167,6 +12202,14 @@
     border-radius: var(--r-1, 8px);
     cursor: pointer;
     color: var(--panel-text-2);
+    /* --ff-body (system-ui) falls back per-script to the OS's native CJK
+       font on a row with CJK text, and CJK glyphs commonly ship a taller
+       default line-height than Latin ones -- with no line-height set here,
+       a row's height was purely intrinsic to its own font metrics, so a CJK
+       row measured visibly taller than a plain-English row beside it. A
+       fixed line-height normalizes every row to the same height regardless
+       of script (2 is generous enough that CJK glyphs never clip). */
+    line-height: 2;
     transition: background var(--dur-snap, 80ms) var(--ease, ease), color var(--dur-snap, 80ms) var(--ease, ease);
 }
 .ds-247420 .ds-ep-tree-row:hover {
@@ -12192,6 +12235,19 @@
 .ds-247420 .ds-ep-tree-tag {
     flex-shrink: 0; padding-left: var(--space-1-75);
     font-size: 0.85em; color: var(--panel-text-3);
+    /* Numeric tags (star counts etc.) vary in digit/comma length row to row
+       ("607 stars" vs "184,966 stars"). Each tag's right edge already sits
+       flush against the row's right edge (flex-shrink:0 in a full-width
+       row), but a shorter number's smaller total width shifts its LEFT
+       edge inward -- so the "stars" label drifts left/right per row even
+       though nothing is actually misaligned at the anchor point. A fixed
+       min-width + right-align + tabular-nums turns that into a real
+       column: every tag reserves the same width, short numbers pad left
+       instead of shrinking the block, and equal-width digits keep the
+       numeric part itself steady inside that column. */
+    min-width: 9ch;
+    text-align: right;
+    font-variant-numeric: tabular-nums;
 }
 .ds-247420 .ds-ep-tree-children { display: flex; flex-direction: column; }