anentrypoint-design 0.0.399 → 0.0.400

package/chat.css

@@ -610,6 +610,78 @@
 .ds-dash-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-2); padding: var(--space-3); }
 @media (min-width: 1500px) { .ds-dash-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } }
 .ds-dash-card { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); background: var(--bg-2); border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-2); }
+
+/* Compact density — one line per session. The comfortable card stacks title +
+   head + meta + actions as four flex rows and measured 208px tall on a real
+   dashboard, so a 439px viewport showed two sessions at once; a command center
+   whose job is scanning many sessions cannot afford a third of a screen each.
+   Compact keeps every fact and drops only the per-card action row (reachable by
+   opening the session), laying head and meta side by side instead of stacked.
+   The grid also collapses to a single column: a min-240px card grid beside
+   one-line rows would put unrelated sessions shoulder to shoulder and destroy
+   the vertical scan the density exists to create. */
+.ds-dash-grid.is-compact { grid-template-columns: 1fr; gap: 0; padding: var(--space-1) var(--space-2); }
+/* nowrap, not wrap: with wrapping allowed a long value pushes the next cluster
+   onto its own line and the row grows. Measured that way -- rows came out 37 /
+   55 / 75 / 176px instead of one height, the 176px case being a long phase
+   label that expanded the head to 498px and squeezed meta to 202px so its
+   contents stacked. Every child now elides instead of wrapping, which is what
+   keeps a density a density. */
+.ds-dash-card.is-compact {
+  flex-direction: row; align-items: baseline; flex-wrap: nowrap;
+  gap: var(--space-2); padding: var(--space-1-75) var(--space-2);
+  background: transparent; border: 0; border-radius: 0;
+  border-bottom: var(--bw-hair) solid var(--bg-3);
+  overflow: hidden;
+}
+/* The head carries status + agent + model; it may shrink and elide rather than
+   expand past its content and starve the meta cluster. */
+.ds-dash-card.is-compact .ds-dash-card-head {
+  flex: 0 1 auto; min-width: 0; overflow: hidden; white-space: nowrap;
+}
+.ds-dash-card.is-compact .ds-dash-agent,
+.ds-dash-card.is-compact .ds-dash-model,
+.ds-dash-card.is-compact .ds-dash-status {
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
+}
+/* meta takes the remaining width and stays on one line, so a long cwd elides
+   rather than wrapping the row to two lines and defeating the density. */
+.ds-dash-card.is-compact .ds-dash-meta {
+  flex: 1 1 0; min-width: 0; display: flex; flex-direction: row;
+  align-items: baseline; gap: var(--space-2); overflow: hidden;
+  flex-wrap: nowrap; white-space: nowrap;
+}
+.ds-dash-card.is-compact .ds-dash-stat,
+.ds-dash-card.is-compact .ds-dash-activity {
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
+}
+.ds-dash-card.is-compact .ds-dash-cwd {
+  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.ds-dash-card.is-compact .ds-dash-activity { flex: 0 0 auto; margin-inline-start: auto; }
+/* The selected/active affordances are inset shadows on the comfortable card;
+   with no border to sit inside, compact carries them as a leading rule. */
+.ds-dash-card.is-compact.is-active { box-shadow: inset 2px 0 0 var(--accent); }
+.ds-dash-card.is-compact:last-child { border-bottom: 0; }
+
+/* Visual weight follows the status the host already computes -- it does NOT
+   invent a severity. A dense list where every row paints identically makes the
+   reader scan all of them; the point of ranking rows is that the eye should
+   land on the one that needs attention. `error` is reserved by the host for
+   something genuinely wrong (a blocked gate, an unparseable state, a dispatch
+   that never completed), `running` for live work, `stale` for idle -- so those
+   three get three weights and nothing else changes. */
+/* Measured baseline before choosing these: .ds-dash-agent is already
+   font-weight 600 / color --fg, and .ds-dash-cwd is already --fg-3. So the
+   differentiator cannot BE --fg-3 (that is the default) -- error must rise
+   above the baseline and idle must fall below it. */
+.ds-dash-card.is-compact.is-error { box-shadow: inset 2px 0 0 var(--flame); }
+.ds-dash-card.is-compact.is-error .ds-dash-agent { font-weight: 700; color: var(--fg); }
+.ds-dash-card.is-compact.is-running .ds-dash-agent { font-weight: 600; color: var(--fg); }
+/* Idle recedes by weight and by the tier-2 tone -- NOT by opacity, which would
+   scale every child including the status word and drop it under the contrast
+   floor. --fg-2 stays a real text tone. */
+.ds-dash-card.is-compact.is-stale .ds-dash-agent { font-weight: 400; color: var(--fg-2); }
 .ds-dash-card.is-error { border-color: var(--flame); }
 .ds-dash-card-head { display: flex; align-items: center; gap: var(--space-2); }
 .ds-dash-status { font-size: var(--fs-tiny); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tr-caps); }

package/dist/247420.css

@@ -1438,6 +1438,15 @@
 .ds-247420 .chip.tone-wip, .ds-247420 .chip.tone-neutral {
   background: var(--bg-3); color: var(--fg-2);
 }
+/* tone-dim was applied by five kits (aicat, project_page, signin, system_primer,
+   terminal) with no rule anywhere, so a "dim" chip rendered byte-identical to a
+   plain one — measured at rgb(234,230,218) on rgb(31,31,38), same opacity. It is
+   the recede-into-the-row tone: the tier-3 foreground on the same recessed
+   surface tone-wip uses, which is quieter than the default --fg-2 without
+   dropping to an opacity fade that would take the border and background with it. */
+.ds-247420 .chip.tone-dim {
+  background: var(--bg-3); color: var(--fg-3);
+}
 .ds-247420 .chip.tone-purple  { background: var(--purple-tint); color: var(--purple-deep); }
 .ds-247420 .chip.tone-mascot  { background: var(--mascot-tint); color: var(--ink); }
 .ds-247420 .chip.tone-sun, .ds-247420 .chip.tone-yellow {
@@ -9035,6 +9044,78 @@
 .ds-247420 .ds-dash-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-2); padding: var(--space-3); }
 @media (min-width: 1500px) { .ds-247420 .ds-dash-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } }
 .ds-247420 .ds-dash-card { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); background: var(--bg-2); border: var(--bw-hair) solid var(--bg-3); border-radius: var(--r-2); }
+
+/* Compact density — one line per session. The comfortable card stacks title +
+   head + meta + actions as four flex rows and measured 208px tall on a real
+   dashboard, so a 439px viewport showed two sessions at once; a command center
+   whose job is scanning many sessions cannot afford a third of a screen each.
+   Compact keeps every fact and drops only the per-card action row (reachable by
+   opening the session), laying head and meta side by side instead of stacked.
+   The grid also collapses to a single column: a min-240px card grid beside
+   one-line rows would put unrelated sessions shoulder to shoulder and destroy
+   the vertical scan the density exists to create. */
+.ds-247420 .ds-dash-grid.is-compact { grid-template-columns: 1fr; gap: 0; padding: var(--space-1) var(--space-2); }
+/* nowrap, not wrap: with wrapping allowed a long value pushes the next cluster
+   onto its own line and the row grows. Measured that way -- rows came out 37 /
+   55 / 75 / 176px instead of one height, the 176px case being a long phase
+   label that expanded the head to 498px and squeezed meta to 202px so its
+   contents stacked. Every child now elides instead of wrapping, which is what
+   keeps a density a density. */
+.ds-247420 .ds-dash-card.is-compact {
+  flex-direction: row; align-items: baseline; flex-wrap: nowrap;
+  gap: var(--space-2); padding: var(--space-1-75) var(--space-2);
+  background: transparent; border: 0; border-radius: 0;
+  border-bottom: var(--bw-hair) solid var(--bg-3);
+  overflow: hidden;
+}
+/* The head carries status + agent + model; it may shrink and elide rather than
+   expand past its content and starve the meta cluster. */
+.ds-247420 .ds-dash-card.is-compact .ds-dash-card-head {
+  flex: 0 1 auto; min-width: 0; overflow: hidden; white-space: nowrap;
+}
+.ds-247420 .ds-dash-card.is-compact .ds-dash-agent,
+.ds-247420 .ds-dash-card.is-compact .ds-dash-model,
+.ds-247420 .ds-dash-card.is-compact .ds-dash-status {
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
+}
+/* meta takes the remaining width and stays on one line, so a long cwd elides
+   rather than wrapping the row to two lines and defeating the density. */
+.ds-247420 .ds-dash-card.is-compact .ds-dash-meta {
+  flex: 1 1 0; min-width: 0; display: flex; flex-direction: row;
+  align-items: baseline; gap: var(--space-2); overflow: hidden;
+  flex-wrap: nowrap; white-space: nowrap;
+}
+.ds-247420 .ds-dash-card.is-compact .ds-dash-stat,
+.ds-247420 .ds-dash-card.is-compact .ds-dash-activity {
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
+}
+.ds-247420 .ds-dash-card.is-compact .ds-dash-cwd {
+  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.ds-247420 .ds-dash-card.is-compact .ds-dash-activity { flex: 0 0 auto; margin-inline-start: auto; }
+/* The selected/active affordances are inset shadows on the comfortable card;
+   with no border to sit inside, compact carries them as a leading rule. */
+.ds-247420 .ds-dash-card.is-compact.is-active { box-shadow: inset 2px 0 0 var(--accent); }
+.ds-247420 .ds-dash-card.is-compact:last-child { border-bottom: 0; }
+
+/* Visual weight follows the status the host already computes -- it does NOT
+   invent a severity. A dense list where every row paints identically makes the
+   reader scan all of them; the point of ranking rows is that the eye should
+   land on the one that needs attention. `error` is reserved by the host for
+   something genuinely wrong (a blocked gate, an unparseable state, a dispatch
+   that never completed), `running` for live work, `stale` for idle -- so those
+   three get three weights and nothing else changes. */
+/* Measured baseline before choosing these: .ds-dash-agent is already
+   font-weight 600 / color --fg, and .ds-dash-cwd is already --fg-3. So the
+   differentiator cannot BE --fg-3 (that is the default) -- error must rise
+   above the baseline and idle must fall below it. */
+.ds-247420 .ds-dash-card.is-compact.is-error { box-shadow: inset 2px 0 0 var(--flame); }
+.ds-247420 .ds-dash-card.is-compact.is-error .ds-dash-agent { font-weight: 700; color: var(--fg); }
+.ds-247420 .ds-dash-card.is-compact.is-running .ds-dash-agent { font-weight: 600; color: var(--fg); }
+/* Idle recedes by weight and by the tier-2 tone -- NOT by opacity, which would
+   scale every child including the status word and drop it under the contrast
+   floor. --fg-2 stays a real text tone. */
+.ds-247420 .ds-dash-card.is-compact.is-stale .ds-dash-agent { font-weight: 400; color: var(--fg-2); }
 .ds-247420 .ds-dash-card.is-error { border-color: var(--flame); }
 .ds-247420 .ds-dash-card-head { display: flex; align-items: center; gap: var(--space-2); }
 .ds-247420 .ds-dash-status { font-size: var(--fs-tiny); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tr-caps); }