anentrypoint-design 0.0.148 → 0.0.151

package/app-shell.css

@@ -290,7 +290,11 @@ pre .n { color: var(--green-2); }
   align-self: stretch;
   height: 100%;
 }
-.app-main > * { min-height: 0; }
+.app-main > * { min-height: 0; flex-shrink: 0; }
+.app-main > .chat,
+.app-main > .chat-area,
+.app-main > .ds-file-stage,
+.app-main > .grow { flex-shrink: 1; }
 .app-main.narrow { max-width: var(--measure-narrow); margin: 0 auto; }
 
 @media (min-width: 1400px) {
@@ -537,6 +541,27 @@ a.row { text-decoration: none; }
 }
 .cli .copy:hover { background: #6A6A70; }
 
+/* Multi-line CLI block: when .cli holds .cli-line / .cli-cmt children
+   (quickstart scripts, multi-command snippets) it stacks as a column
+   instead of the single-line install row. */
+.cli:has(.cli-line),
+.cli:has(.cli-cmt) {
+  flex-direction: column; align-items: stretch; gap: 0;
+  font-size: var(--fs-sm); line-height: 1.6;
+}
+.cli-line {
+  display: flex; gap: 10px;
+  font-family: var(--ff-mono); font-size: 13px; line-height: 1.6;
+  padding: 3px 0;
+}
+.cli-line .prompt { color: var(--green-2); flex: 0 0 auto; user-select: none; }
+.cli-line .cmd { flex: 1 1 auto; white-space: pre-wrap; word-break: break-word; color: var(--paper); }
+.cli-cmt {
+  color: var(--fg-3);
+  font-family: var(--ff-mono); font-size: 11.5px; line-height: 1.6;
+  padding: 3px 0; white-space: pre-wrap; word-break: break-word;
+}
+
 /* ============================================================
    Receipt — key/value table
    ============================================================ */
@@ -574,6 +599,11 @@ table th {
 table td { padding: 14px 16px; border-top: 1px solid var(--rule); }
 table tr.clickable { cursor: pointer; }
 table tr.clickable:hover td { background: var(--bg-2); }
+table tr.clickable:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
+}
+table tr.clickable:focus-visible td { background: var(--bg-2); }
 
 /* ============================================================
    Changelog

package/community.css

@@ -1518,6 +1518,8 @@
 .fd-chat { display: flex; flex-direction: column; gap: var(--space-2, 10px); height: 100%; min-height: 0; }
 .fd-chat-thread { flex: 1 1 auto; min-height: 240px; overflow-y: auto; display: flex; flex-direction: column; gap: var(--space-2, 10px); padding: var(--space-2, 10px); }
 .fd-page-error { white-space: pre-wrap; overflow-wrap: anywhere; }
+/* Visually-hidden polite live region — announces async busy/done to SR users. */
+.fd-sr-live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
 /* page-level responsive: tighten padding on narrow viewports */
 @media (max-width: 640px) {
   .fd-page-inner { padding: var(--space-2, 10px); gap: var(--space-2, 10px); }

package/dist/247420.css

@@ -612,7 +612,11 @@
   align-self: stretch;
   height: 100%;
 }
-.ds-247420 .app-main > * { min-height: 0; }
+.ds-247420 .app-main > * { min-height: 0; flex-shrink: 0; }
+.ds-247420 .app-main > .chat,
+.ds-247420 .app-main > .chat-area,
+.ds-247420 .app-main > .ds-file-stage,
+.ds-247420 .app-main > .grow { flex-shrink: 1; }
 .ds-247420 .app-main.narrow { max-width: var(--measure-narrow); margin: 0 auto; }
 
 @media (min-width: 1400px) {
@@ -859,6 +863,27 @@
 }
 .ds-247420 .cli .copy:hover { background: #6A6A70; }
 
+/* Multi-line CLI block: when .cli holds .cli-line / .cli-cmt children
+   (quickstart scripts, multi-command snippets) it stacks as a column
+   instead of the single-line install row. */
+.ds-247420 .cli:has(.cli-line),
+.ds-247420 .cli:has(.cli-cmt) {
+  flex-direction: column; align-items: stretch; gap: 0;
+  font-size: var(--fs-sm); line-height: 1.6;
+}
+.ds-247420 .cli-line {
+  display: flex; gap: 10px;
+  font-family: var(--ff-mono); font-size: 13px; line-height: 1.6;
+  padding: 3px 0;
+}
+.ds-247420 .cli-line .prompt { color: var(--green-2); flex: 0 0 auto; user-select: none; }
+.ds-247420 .cli-line .cmd { flex: 1 1 auto; white-space: pre-wrap; word-break: break-word; color: var(--paper); }
+.ds-247420 .cli-cmt {
+  color: var(--fg-3);
+  font-family: var(--ff-mono); font-size: 11.5px; line-height: 1.6;
+  padding: 3px 0; white-space: pre-wrap; word-break: break-word;
+}
+
 /* ============================================================
    Receipt — key/value table
    ============================================================ */
@@ -896,6 +921,11 @@
 .ds-247420 table td { padding: 14px 16px; border-top: 1px solid var(--rule); }
 .ds-247420 table tr.clickable { cursor: pointer; }
 .ds-247420 table tr.clickable:hover td { background: var(--bg-2); }
+.ds-247420 table tr.clickable:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
+}
+.ds-247420 table tr.clickable:focus-visible td { background: var(--bg-2); }
 
 /* ============================================================
    Changelog
@@ -4341,6 +4371,8 @@
 .ds-247420 .fd-chat { display: flex; flex-direction: column; gap: var(--space-2, 10px); height: 100%; min-height: 0; }
 .ds-247420 .fd-chat-thread { flex: 1 1 auto; min-height: 240px; overflow-y: auto; display: flex; flex-direction: column; gap: var(--space-2, 10px); padding: var(--space-2, 10px); }
 .ds-247420 .fd-page-error { white-space: pre-wrap; overflow-wrap: anywhere; }
+/* Visually-hidden polite live region — announces async busy/done to SR users. */
+.ds-247420 .fd-sr-live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
 /* page-level responsive: tighten padding on narrow viewports */
 @media (max-width: 640px) {
   .ds-247420 .fd-page-inner { padding: var(--space-2, 10px); gap: var(--space-2, 10px); }