anentrypoint-design 0.0.455 → 0.0.457

package/dist/247420.css

@@ -1250,7 +1250,12 @@
 .ds-247420 .app-crumb .leaf { color: var(--fg); font-weight: 600; }
 .ds-247420 .app-crumb .crumb-right { margin-left: auto; color: var(--fg-3); }
 
-.ds-247420 .app-side-shell { background: var(--bg); }
+/* The shell is the grid cell (.app-body's fixed sidebar column); it must own
+   its own scroll, not just size to content, because .app-body's row track is
+   `minmax(0, 1fr)` — a real height the sidebar can overflow once bins +
+   labels + more exceed it. Without this the extra rows were silently chopped
+   at the viewport edge with no way to reach them. */
+.ds-247420 .app-side-shell { background: var(--bg); overflow-y: auto; min-height: 0; }
 .ds-247420 .app-body { display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); align-items: stretch; align-content: stretch; flex: 1; min-height: 0; }
 .ds-247420 .app-body.no-side { grid-template-columns: minmax(0, 1fr); }
 /* When there is no sidebar, the empty side-shell must not occupy a grid row,
@@ -2202,13 +2207,33 @@
   padding: 3px 0;
 }
 .ds-247420 .ds-cli-row .prompt { color: var(--green-2); flex: 0 0 auto; user-select: none; }
-.ds-247420 .ds-cli-row .cmd { flex: 1 1 auto; white-space: pre-wrap; word-break: break-word; color: var(--paper); }
+/* `overflow-wrap: break-word` only breaks a token when it genuinely cannot
+   fit the line at all (last resort); `word-break: break-word` (its
+   predecessor here) breaks ANY overflowing token eagerly, which is what
+   split "anentrypoint-design" mid-identifier inside the importmap JSON line.
+   `min-width: 0` lets the flex child actually shrink to trigger wrapping
+   instead of pushing the panel wider. */
+.ds-247420 .ds-cli-row .cmd { flex: 1 1 auto; min-width: 0; white-space: pre-wrap; overflow-wrap: break-word; word-break: normal; color: var(--paper); }
 .ds-247420 .ds-cli-comment {
   color: var(--fg-3);
   font-family: var(--ff-mono); font-size: var(--fs-tiny); line-height: 1.6;
-  padding: 3px 0; white-space: pre-wrap; word-break: break-word;
+  padding: 3px 0; white-space: pre-wrap; overflow-wrap: break-word; word-break: normal;
 }
 
+/* Quickstart copy button: sits below the multi-line block (Install's inline
+   copy button assumes a single-line row with room beside it; the stacked
+   quickstart block has no such side room). */
+.ds-247420 .ds-quickstart-cli { flex-direction: column; align-items: stretch; gap: var(--space-2); }
+.ds-247420 .ds-quickstart-copy {
+  align-self: flex-end;
+  padding: 8px 16px; background: transparent; color: var(--paper);
+  font-family: var(--ff-mono); font-size: var(--fs-tiny); text-transform: uppercase; letter-spacing: var(--tr-caps);
+  cursor: pointer; box-shadow: inset 0 0 0 1px var(--rule-strong);
+  border-radius: var(--r-pill); border: none;
+}
+.ds-247420 .ds-quickstart-copy:hover { background: var(--fg-3); }
+.ds-247420 .ds-quickstart-copy:focus-visible { outline: var(--focus-w) solid var(--focus-color); outline-offset: var(--focus-offset); }
+
 /* ============================================================
    Receipt — key/value table
    ============================================================ */