anentrypoint-design 1.0.12 → 1.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/css/app-shell/catalog-theme.css

@@ -143,16 +143,12 @@
   font-family: var(--ff-mono); font-size: var(--fs-xs);
   display: inline-flex; align-items: center; gap: 6px;
 }
-/* CSS-drawn disc mark on the compact theme toggle: keeps the control
-   legible when its text label is hidden (icon-only rail strip). Per-mode
-   fill gives the icon itself a distinct look for auto/light/dark, so state
-   reads without relying on the title tooltip alone. */
-.ds-theme-disc {
-  flex: 0 0 auto; width: 14px; height: 14px; border-radius: 50%;
-  border: var(--bw-hair) solid var(--fg-3);
-  /* auto: half-and-half, matches default (no data-mode) for safety */
-  background: linear-gradient(90deg, var(--fg-3) 0 50%, transparent 50% 100%);
-}
+/* CSS-drawn disc mark on the compact theme toggle: legibility fallback for
+   when BOTH the SVG glyph and text label are hidden (icon-only rail strip).
+   The glyph (.ds-theme-toggle-icon) already conveys mode whenever it is
+   visible, so the disc stays hidden alongside it and only shows in the
+   rail-collapsed state where responsive2-workspace.css hides the icon too. */
+.ds-theme-disc { display: none; }
 .ds-theme-disc[data-mode="auto"] {
   background: linear-gradient(90deg, var(--fg-3) 0 50%, transparent 50% 100%);
 }

package/src/css/app-shell/topbar.css

@@ -361,12 +361,19 @@ body.canvas-host { background: transparent !important; }
    viewports (the shrink-to-fit bug undersized even the base 760px case). */
 .app-main.narrow { width: 100%; max-width: var(--measure-narrow); margin: 0 auto; }
 /* .narrow means "prose reading measure", not "shrink the whole shell on wide
-   screens" -- the fixed 760px floor read as narrow on any viewport above
-   ~1300px since the clamp below only widens the no-side case. Sidebar-present
-   narrow pages (docs, papers) get the same wide-viewport widening treatment,
-   just without the no-side variant's extra sidebar-width allowance. */
+   screens". The old clamp(760px, 46vw, 1000px) grew too slowly to track the
+   real available column: at 1920px viewport the .app-body grid's second
+   track (.app width minus --sidebar-width) is ~1556px, but 46vw=883px sat
+   well under the 1000px ceiling, leaving a ~340px dead gutter between the
+   sidebar and the centered narrow column on an ordinary desktop screen (not
+   just ultrawide) -- confirmed live via a real 1920x1080 CDP viewport, a
+   project page (#/p/<slug>). 62vw tracks the actual column growth far closer
+   (1920*0.62=1190px, much nearer the 1556px track than 883px was) while the
+   1200px ceiling still keeps prose from stretching into an unreadable
+   full-bleed line -- sidebar-present narrow pages read the same width class
+   as the no-side variant below instead of visibly starving next to it. */
 .app-body:not(.no-side) .app-main.narrow {
-  max-width: clamp(var(--measure-narrow), 46vw, 1000px);
+  max-width: clamp(var(--measure-narrow), 62vw, 1200px);
 }
 /* A shell with no sidebar has no competing column, so the prose clamp there was
    leaving the whole sidebar's worth of width empty -- 760px of content inside a
@@ -403,8 +410,12 @@ body.canvas-host { background: transparent !important; }
      1400-2200px viewport band (matches .ws-shell's 1920px ultrawide cap below)
      instead of freezing at 1400px and leaving >1000px dead margin on a 2560px+
      display. Row/prose measure caps (--measure-wide etc.) still own line-length
-     readability, so widening the shell itself does not create unreadable rows. */
-  .app { max-width: clamp(1400px, 92vw, 1920px); margin-left: auto; margin-right: auto; }
+     readability, so widening the shell itself does not create unreadable rows.
+     100vw (not 92vw): a stock 1920px monitor sat at 92vw = 1766px, leaving a
+     visible ~154px dead margin on the single most common desktop resolution —
+     the ceiling now reaches full width exactly at 1920px instead of falling
+     short of it. */
+  .app { max-width: clamp(1400px, 100vw, 1920px); margin-left: auto; margin-right: auto; }
   .app-main .chat,
   .app-main > .chat-area,
   .app-main > .main-content { max-width: none; margin: 0; width: 100%; }