anentrypoint-design 0.0.147 → 0.0.150

package/app-shell.css

@@ -158,6 +158,15 @@ pre .n { color: var(--green-2); }
   padding-right: env(safe-area-inset-right);
 }
 
+/* When the app shell is embedded inside a windowed surface (e.g. the freddie
+   dashboard mounted in a WM window via .fd-root) it is NOT a full-page app:
+   `min-height:100vh` and the absence of an explicit width make it collapse to
+   0 width at desktop, where the responsive single-column @media rules don't
+   apply. Inside .fd-root it must fill its container instead. (At <=767px the
+   grid already linearizes, which is why the bug only showed at desktop width.) */
+.fd-root .app { width: 100%; height: 100%; min-height: 0; flex: 1 1 auto; }
+.fd-root .app-body { min-width: 0; }
+
 :root {
   --app-status-h: var(--size-base);
   --app-topbar-h: var(--size-lg);
@@ -281,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) {
@@ -565,6 +578,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

@@ -480,6 +480,15 @@
   padding-right: env(safe-area-inset-right);
 }
 
+/* When the app shell is embedded inside a windowed surface (e.g. the freddie
+   dashboard mounted in a WM window via .fd-root) it is NOT a full-page app:
+   `min-height:100vh` and the absence of an explicit width make it collapse to
+   0 width at desktop, where the responsive single-column @media rules don't
+   apply. Inside .fd-root it must fill its container instead. (At <=767px the
+   grid already linearizes, which is why the bug only showed at desktop width.) */
+.ds-247420 .fd-root .app { width: 100%; height: 100%; min-height: 0; flex: 1 1 auto; }
+.ds-247420 .fd-root .app-body { min-width: 0; }
+
 .ds-247420 {
   --app-status-h: var(--size-base);
   --app-topbar-h: var(--size-lg);
@@ -603,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) {
@@ -887,6 +900,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
@@ -4332,6 +4350,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); }