@crewlethq/ui 0.57.0 → 0.57.2

package/README.md

@@ -205,6 +205,22 @@ places:
 - A surface that pans or zooms dispatches `LAYER_REPOSITION_EVENT` on its host
   when the content beneath it moves, and every panel anchored inside follows.
 
+## Changes in 0.57.2
+
+**`ResultTableCard`'s first column wraps rather than cutting a long name.** It ended a long name in an ellipsis on one line, and a result's row is not a link and its cell has no title, so in a 358px assistant panel "Write the MVP plan and the first sprint" read "Write the MVP ..." with no way to read the rest. The first column now wraps between words like every other text cell and takes no width of its own, so the automatic layout shares the room by content: the name takes the most, and a short column beside it keeps its line where there is room. Figures and dates (`end` columns) still stay on one line. A host that gave the cell its own tooltip because the name was cut can drop it.
+
+**`ChatThread`'s scroller is the containing block for what is positioned inside it.** An absolutely positioned descendant with no positioned ancestor of its own, such as a `VisuallyHidden` phrase inside a `Tag` ("Sent with"), was placed against the thread instead of its scroller: outside the scroller's clip, at its spot in the whole conversation. That gave whatever held the thread overflow to scroll (a flush `SidePanel` body read a scroll height of 4752px around a 557px thread), and a focus inside could scroll it, lifting the thread off the panel's foot over a blank band that no wheel or Jump to latest brought back. Such a descendant now scrolls and clips with the conversation.
+
+**A flush `SidePanel` body does not scroll** (`flush`). It clips (`overflow: clip`) where it scrolled, so a focus, `scrollIntoView` or a script inside it cannot move it: what it holds owns its scrolling, as `ChatThread` does. `overflow: hidden` would not do, since a hidden box is still a scroll container that a focus can scroll. Content in a flush body that may be taller than the panel scrolls itself (`min-height: 0` in the body's column) or does not take `flush`.
+
+## Changes in 0.57.1
+
+**`ResultTableCard` keeps words whole.** Its text cells inherited Table's `overflow-wrap: anywhere`, which under the card's automatic layout let a column shrink to one letter, so "Product Manager" wrapped letter by letter beside columns with room to spare. Its cells now break between words (`overflow-wrap: break-word`); figures and dates (`end` columns) stay on one line, and the first column still ends a long name in an ellipsis.
+
+**`ProposalCard` keeps focus when it settles.** Approving or declining from the keyboard removed the focused button and left focus on the page body. When focus is in the card as it settles, it now moves to the strip that says what happened (the receipt, the declined, expired or stale notice, or the failure), or to the card itself when there is no strip. Both take focus by script only (`tabindex="-1"`) and draw the token focus ring for a keyboard reader. A reader whose focus has moved elsewhere is not pulled back. The card's own `id`, when given, is kept.
+
+**`@crewlethq/ui/ProposalCard` carries the visually hidden style it uses.** The foot's empty live region (0.57.0) borrowed the shared visually hidden class through a bare module import, which the build drops because the package marks only stylesheets as side effects. A consumer that imported the folder alone, without `styles.css`, drew the empty region as a blank line. The folder now imports the stylesheet itself.
+
 ## Changes in 0.57.0
 
 **`AppShell` takes `asideModal`**, so an `overlay` aside can leave the page live beside it. `true`, the default, keeps the 0.56.0 overlay: a modal dialog behind a veil with Tab held inside. `false` draws the overlay with no veil, no trap and nothing made inert: it is a complementary region named by `asideLabel`, focus moves into it when it opens, Escape from inside it calls `onAsideClose` (unless a control inside answered the key, or a menu or dialog on the layer stack owns it), and focus goes back to what opened it if it was still inside when it closed. A column is never modal and a `sheet` always is, whatever the prop says. The aside carries `data-modal`.

package/dist/AgentHandoffPanel/index.js

@@ -1,9 +1,9 @@
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-GCASX3FD.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-G3CUCHBA.js';
 import '../chunk-AUQPBL4O.js';
 import '../chunk-JQ7IFSF6.js';
 import '../chunk-JLRXCKTS.js';
 import '../chunk-GG4QZWMQ.js';
-import '../chunk-HGYHWWA5.js';
+import '../chunk-ALU5EGQB.js';
 import '../chunk-XODESBSR.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-FXQLNETQ.js';

package/dist/ArtifactPanel/index.js

@@ -1,4 +1,4 @@
-export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from '../chunk-HGYHWWA5.js';
+export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from '../chunk-ALU5EGQB.js';
 import '../chunk-XODESBSR.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-PIYJNCN7.js';

package/dist/ChatThread/index.js

@@ -1,4 +1,4 @@
-export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from '../chunk-RV2FGESF.js';
+export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from '../chunk-PE7XWOUS.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-HD4QJ2SI.js';
 import '../chunk-EA23JG6R.js';

package/dist/{ChatThread-52KMDXHB.css → ChatThread-FGXVDLI2.css}

@@ -15,8 +15,19 @@
  * THE BROWSER'S SCROLL ANCHORING IS OFF: it pins the content above the
  * reader's view, which fights a last child that keeps growing as an answer
  * streams in. ChatThread.tsx anchors to the end itself.
+ *
+ * THE SCROLLER IS THE CONTAINING BLOCK for everything positioned inside it.
+ * It was not, so an absolutely positioned descendant with no positioned
+ * ancestor of its own (a visually hidden phrase inside a tag, "Sent with")
+ * was placed against the thread instead: outside the scroller's clip, at its
+ * spot in the whole conversation, thousands of pixels below the view. That
+ * made whatever held the thread overflowable (a flush side panel's body read
+ * a scroll height of 4752px around a 557px thread), and a focus could scroll
+ * it, lifting the thread off the panel's foot over a blank band. Positioned
+ * here, such a descendant scrolls and clips with the conversation.
  */
 .crewlet-chat-thread__scroller {
+  position: relative;
   flex: 1;
   min-height: 0;
   overflow: auto;

package/dist/ProposalCard/ProposalCard.d.ts

@@ -1,7 +1,6 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 import { type ChangeListLabels, type ChangeListRow } from '../ChangeList/index.js';
 import type { DiffListLabels } from '../DiffList/index.js';
-import '../VisuallyHidden/index.js';
 /**
  * Where a proposed change stands: `pending` (waiting on the person),
  * `stepup` (the approval needs a fresh sign-in), `applying` (approved and
@@ -176,6 +175,12 @@ export interface ProposalCardProps extends Omit<HTMLAttributes<HTMLElement>, 'ti
  * Every sentence a refusal shows is the caller's (the engine's), never the
  * card's own words about why.
  *
+ * FOCUS IS NEVER DROPPED. The decision's buttons leave when the card
+ * settles, and a reader who pressed one from the keyboard would be left on
+ * the page body. Focus moves to what replaced them: the strip that says what
+ * happened, or the card itself when there is none. Only when focus was in
+ * the card as it settled: a reader who has moved on is not pulled back.
+ *
  * "NOTHING CHANGED." ONLY WHEN IT IS TRUE. A failure whose outcome nobody
  * could confirm (`failureOutcome="unknown"`) may have landed, so the card
  * says "Not confirmed" and never adds the reassurance.

package/dist/ProposalCard/index.d.ts

@@ -1,3 +1,4 @@
+import '../VisuallyHidden/VisuallyHidden.css';
 import './ProposalCard.css';
 export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './ProposalCard.js';
 export type { ProposalCardLabels, ProposalCardProps, ProposalDecisionRefusal, ProposalFailureOutcome, ProposalKind, ProposalScope, ProposalState, } from './ProposalCard.js';

package/dist/ProposalCard/index.js

@@ -1,4 +1,4 @@
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-CIYHSTIF.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-SW4XVX7K.js';
 import '../chunk-LZXY6IMO.js';
 import '../chunk-WDIVALLP.js';
 import '../chunk-NEHSV55H.js';

package/dist/{ProposalCard-23575F4C.css → ProposalCard-YDGECRES.css}

@@ -27,3 +27,18 @@
   justify-content: flex-end;
   text-align: end;
 }
+
+/* WHERE FOCUS LANDS WHEN THE CARD SETTLES (the strip, or the card when it
+   has none): the token ring for a reader on the keyboard, inset so the
+   card's corner does not clip it, and nothing for a pointer (transparent
+   rather than none, so forced colours still draw one). */
+.crewlet-proposal-card:focus,
+.crewlet-proposal-card .crewlet-receipt-strip:focus {
+  outline: 2px solid transparent;
+}
+
+.crewlet-proposal-card:focus-visible,
+.crewlet-proposal-card .crewlet-receipt-strip:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: -2px;
+}

package/dist/ResultTableCard/ResultTableCard.d.ts

@@ -50,9 +50,10 @@ export interface ResultTableCardProps extends Omit<HTMLAttributes<HTMLElement>,
  * the page the rows come from.
  *
  * THE CARD IS THE FRAME. The table draws no edge of its own and its outer
- * cells take the card's inset, so every row lines up with the title. The
- * first column takes the room the figures leave and ends a long name in an
- * ellipsis; a host that cuts names gives the cell its own tooltip.
+ * cells take the card's inset, so every row lines up with the title. A text
+ * cell, the first column's name included, wraps between words, so the whole
+ * of it is read at any width; figures and dates (`end` columns) stay on one
+ * line.
  *
  * A FOOT OF UTILITIES, so it starts on the card's text edge: the downloads
  * first (their ghost padding pulled out so the first glyph sits on that edge)

package/dist/ResultTableCard/index.js

@@ -1,4 +1,4 @@
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-GZMEWWXW.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-2BWBDKF6.js';
 import '../chunk-45KMH3E3.js';
 import '../chunk-WDIVALLP.js';
 import '../chunk-HNK43Z3P.js';

package/dist/ResultTableCard-AP355LQM.css

@@ -0,0 +1,50 @@
+/*
+ * A result in a card. The card, its head and its foot are StatusCard's and
+ * the table is Table's, drawn flush; what a result adds is the column model:
+ * a text column wraps between words, and the figures never wrap.
+ */
+.crewlet-result-table-card__table .crewlet-table__table {
+  table-layout: auto;
+  font-variant-numeric: tabular-nums;
+}
+
+/*
+ * WORDS STAY WHOLE. Table breaks a cell anywhere, which suits its fixed
+ * layout, but under this card's auto layout it lets a column shrink to one
+ * letter, so "Product Manager" stacked letter by letter beside columns with
+ * room to spare. Breaking at words keeps a column as wide as its longest
+ * word, and a word wider than the card still breaks rather than overflow.
+ *
+ * THE NAME WRAPS TOO. The first column used to end a long name in an
+ * ellipsis on one line, and a result's row is not a link and its cell has no
+ * title, so in a 358px panel "Write the MVP plan" read "Write the MVP ..."
+ * with no way to reach the rest. It takes no width of its own: the auto
+ * layout gives each column the room its words ask for, so the name, the
+ * longest text, takes the most and wraps between words, and a short column
+ * beside it keeps its line where there is room. A `width: 100%` on it would
+ * squeeze every other text column to its longest word.
+ */
+.crewlet-result-table-card__table td {
+  overflow-wrap: break-word;
+}
+
+.crewlet-result-table-card__table .crewlet-table__cell--end {
+  white-space: nowrap;
+}
+
+/*
+ * THE DOWNLOADS ARE SPANS AROUND A BUTTON (the status region beside each is
+ * a sibling of its button), so the foot's ghost outdent is stated for them
+ * here: the first one's padding and edge are pulled out so its glyph sits on
+ * the card's text edge.
+ */
+.crewlet-result-table-card .crewlet-status-card__actions > .crewlet-result-table-card__download:first-child {
+  margin-inline-start: calc(-1 * (var(--spacing-2) + 1px));
+}
+
+/* The link stands at the foot's far end, its own padding pulled out to the edge. */
+.crewlet-result-table-card__link {
+  display: inline-flex;
+  margin-inline-start: auto;
+  margin-inline-end: calc(-1 * (var(--spacing-2) + 1px));
+}

package/dist/SidePanel/SidePanel.d.ts

@@ -31,12 +31,13 @@ export interface SidePanelProps {
      */
     footer?: ReactNode;
     /**
-     * Drops the body's inset, for content that owns its own edges: a
+     * Drops the body's inset and its scrolling, for content that owns both: a
      * `ChatThread`, which scrolls itself and insets its own items, so its
-     * scrollbar stands on the panel's edge and the inset is not drawn twice; or
-     * a table whose rules meet the panel's sides. `--crewlet-side-panel-inset`
-     * reads 0 inside the body, so a sticky foot that offsets itself by the
-     * inset still sits on the edge.
+     * scrollbar stands on the panel's edge and the inset is not drawn twice.
+     * The body clips (`overflow: clip`) rather than scrolls, so a focus or a
+     * script inside cannot move it; content that may be taller than the panel
+     * scrolls itself (`min-height: 0` in the body's column, as `ChatThread`
+     * does). `--crewlet-side-panel-inset` reads 0 inside the body.
      */
     flush?: boolean | undefined;
     /**

package/dist/SidePanel/SidePanelBase.d.ts

@@ -34,7 +34,7 @@ export interface SidePanelBaseProps {
     closeLabel: string;
     actions?: ReactNode;
     footer?: ReactNode;
-    /** Whether the body drops its inset, for content that draws its own. */
+    /** Whether the body drops its inset and its scrolling, for content that owns both. */
     flush?: boolean | undefined;
     initialFocus?: SidePanelInitialFocus | undefined;
     /** Whether the heading draws the focus ring when it holds focus. */

package/dist/SidePanel/index.js

@@ -1,4 +1,4 @@
-import '../chunk-NVZCANJ5.js';
+import '../chunk-73GUXYYE.js';
 export { SIDE_PANEL_LABELS, SIDE_PANEL_MAX_WIDTH, SIDE_PANEL_MIN_WIDTH, SIDE_PANEL_WIDTH, SidePanel, SidePanelFrame } from '../chunk-XODESBSR.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-PIYJNCN7.js';

package/dist/{SidePanel-ERBUIELD.css → SidePanel-VXKUKLOJ.css}

@@ -157,11 +157,19 @@
   overscroll-behavior: contain;
 }
 
-/* FLUSH, the body draws no inset of its own: what it holds owns its edges
-   (a chat thread that scrolls and insets itself). The published inset reads 0
-   inside it, so anything that offsets itself by the inset follows. */
+/* FLUSH, the body draws no inset of its own and does not scroll: what it
+   holds owns its edges and its scrolling (a chat thread that scrolls and
+   insets itself, shrunk to the body by `min-height: 0`). The published inset
+   reads 0 inside it, so anything that offsets itself by the inset follows.
+
+   CLIPPED, NOT SCROLLABLE. `overflow: hidden` would still be a scroll
+   container, which a focus, `scrollIntoView` or a script can scroll; a flush
+   body that was scrolled 238px lifted its thread off the panel's foot and
+   left a blank band no wheel could reach. `clip` is not a scroll container,
+   so nothing moves it. */
 .crewlet-side-panel__body--flush {
   --crewlet-side-panel-inset: 0px;
+  overflow: clip;
 }
 
 /* THE FOOT holds the panel's own commit, outside the scrolling body, so it

package/dist/{chunk-GZMEWWXW.js → chunk-2BWBDKF6.js}

@@ -2,7 +2,7 @@ import { Table } from './chunk-45KMH3E3.js';
 import { StatusCard } from './chunk-WDIVALLP.js';
 import { DownloadButton } from './chunk-HNK43Z3P.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ResultTableCard-HZRUDNTX.css';
+import './ResultTableCard-AP355LQM.css';
 import { useState } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-NVZCANJ5.js → chunk-73GUXYYE.js}

@@ -1,3 +1,3 @@
 import './HitArea-QUOS6ZDJ.css';
 import './ResizeHandle-2UNSZ4ZQ.css';
-import './SidePanel-ERBUIELD.css';
+import './SidePanel-VXKUKLOJ.css';

package/dist/{chunk-HGYHWWA5.js → chunk-ALU5EGQB.js}

@@ -2,7 +2,7 @@ import { SidePanelBase, SidePanelFrameBase } from './chunk-XODESBSR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
 import './ResizeHandle-2UNSZ4ZQ.css';
-import './SidePanel-ERBUIELD.css';
+import './SidePanel-VXKUKLOJ.css';
 import './ArtifactPanel-TN4FFK2F.css';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-GCASX3FD.js → chunk-G3CUCHBA.js}

@@ -2,7 +2,7 @@ import { Timeline } from './chunk-AUQPBL4O.js';
 import { Section } from './chunk-JQ7IFSF6.js';
 import { Composer } from './chunk-JLRXCKTS.js';
 import { Disclosure } from './chunk-GG4QZWMQ.js';
-import { ArtifactPanel } from './chunk-HGYHWWA5.js';
+import { ArtifactPanel } from './chunk-ALU5EGQB.js';
 import { Button } from './chunk-HD4QJ2SI.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AgentHandoffPanel-JWSW62GU.css';

package/dist/{chunk-RV2FGESF.js → chunk-PE7XWOUS.js}

@@ -2,7 +2,7 @@ import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Button } from './chunk-HD4QJ2SI.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ChatThread-52KMDXHB.css';
+import './ChatThread-FGXVDLI2.css';
 import { forwardRef, useRef, Children, useState, useCallback, useLayoutEffect, useEffect, useImperativeHandle } from 'react';
 import { ArrowDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-CIYHSTIF.js → chunk-SW4XVX7K.js}

@@ -4,7 +4,9 @@ import { ChangeList } from './chunk-NEHSV55H.js';
 import { Button } from './chunk-HD4QJ2SI.js';
 import { Spinner } from './chunk-EA23JG6R.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ProposalCard-23575F4C.css';
+import './VisuallyHidden-L552H7OA.css';
+import './ProposalCard-YDGECRES.css';
+import { useId, useRef, useLayoutEffect } from 'react';
 import { RefreshCwGlyph, LockGlyph, BanGlyph, ClockGlyph, CircleAlertGlyph, CircleCheckGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
@@ -108,6 +110,25 @@ function ProposalCard({
 }) {
   const labels = overrides ? { ...PROPOSAL_CARD_LABELS, ...overrides } : PROPOSAL_CARD_LABELS;
   const settled = SETTLED.has(state);
+  const uid = useId();
+  const cardId = rest.id ?? `${uid}-card`;
+  const stripId = `${uid}-strip`;
+  const previous = useRef(state);
+  const regain = useRef(false);
+  if (previous.current !== state) {
+    if (settled && !SETTLED.has(previous.current) && typeof document !== "undefined") {
+      regain.current = document.getElementById(cardId)?.contains(document.activeElement) ?? false;
+    }
+    previous.current = state;
+  }
+  useLayoutEffect(() => {
+    if (!regain.current) return;
+    regain.current = false;
+    const holder = document.activeElement;
+    if (holder && holder !== document.body) return;
+    (document.getElementById(stripId) ?? document.getElementById(cardId))?.focus({ preventScroll: true });
+  }, [state, stripId, cardId]);
+  const landing = settled ? { id: stripId, tabIndex: -1 } : {};
   const deciding = state === "pending" || state === "stepup";
   const blocked = deciding && approveBlocked ? approveBlocked : void 0;
   const refusal = deciding ? decisionRefusal : void 0;
@@ -133,9 +154,10 @@ function ProposalCard({
     /* @__PURE__ */ jsx(Button, { variant: "primary", loading: state === "applying", disabledReason: blocked, onClick: onApprove, children: state === "stepup" ? labels.confirmIdentity : approveLabel })
   ] }) : void 0;
   const again = (state === "expired" || state === "stale") && onPrepareAgain ? /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", leadingIcon: /* @__PURE__ */ jsx(RefreshCwGlyph, {}), onClick: onPrepareAgain, children: labels.prepareAgain }) : void 0;
-  const strip = state === "stepup" ? /* @__PURE__ */ jsx(ReceiptStrip, { tone: "neutral", icon: /* @__PURE__ */ jsx(LockGlyph, { size: "md" }), children: notice ?? labels.stepUpNotice }) : state === "applied" && receipt !== void 0 ? /* @__PURE__ */ jsx(ReceiptStrip, { tone: "success", children: receipt }) : state === "declined" ? /* @__PURE__ */ jsx(ReceiptStrip, { tone: "neutral", icon: /* @__PURE__ */ jsx(BanGlyph, { size: "md" }), children: notice ?? labels.declinedNotice }) : state === "expired" ? /* @__PURE__ */ jsx(ReceiptStrip, { tone: "neutral", icon: /* @__PURE__ */ jsx(ClockGlyph, { size: "md" }), children: notice ?? labels.expiredNotice }) : state === "stale" ? /* @__PURE__ */ jsx(ReceiptStrip, { tone: "neutral", icon: /* @__PURE__ */ jsx(ClockGlyph, { size: "md" }), children: notice ?? labels.staleNotice }) : state === "failed" ? /* @__PURE__ */ jsx(
+  const strip = state === "stepup" ? /* @__PURE__ */ jsx(ReceiptStrip, { tone: "neutral", icon: /* @__PURE__ */ jsx(LockGlyph, { size: "md" }), children: notice ?? labels.stepUpNotice }) : state === "applied" && receipt !== void 0 ? /* @__PURE__ */ jsx(ReceiptStrip, { ...landing, tone: "success", children: receipt }) : state === "declined" ? /* @__PURE__ */ jsx(ReceiptStrip, { ...landing, tone: "neutral", icon: /* @__PURE__ */ jsx(BanGlyph, { size: "md" }), children: notice ?? labels.declinedNotice }) : state === "expired" ? /* @__PURE__ */ jsx(ReceiptStrip, { ...landing, tone: "neutral", icon: /* @__PURE__ */ jsx(ClockGlyph, { size: "md" }), children: notice ?? labels.expiredNotice }) : state === "stale" ? /* @__PURE__ */ jsx(ReceiptStrip, { ...landing, tone: "neutral", icon: /* @__PURE__ */ jsx(ClockGlyph, { size: "md" }), children: notice ?? labels.staleNotice }) : state === "failed" ? /* @__PURE__ */ jsx(
     RefusalStrip,
     {
+      ...landing,
       placement: "foot",
       hint: failure === void 0 ? void 0 : failureHint,
       onRetry,
@@ -151,6 +173,8 @@ function ProposalCard({
     StatusCard,
     {
       ...rest,
+      id: cardId,
+      tabIndex: settled ? -1 : rest.tabIndex,
       title,
       subtitle,
       status: statusOf(state, scope, failureOutcome, labels),

package/dist/generated/index.js

@@ -1,11 +1,10 @@
 import '../chunk-EWTPXRRM.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from '../chunk-FEJANUZK.js';
 export { TreeCanvas } from '../chunk-YCZ2FBKA.js';
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-OHG7762N.js';
 export { TypeSpecimen } from '../chunk-JKAFEFFC.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-OHG7762N.js';
 export { VersionTimeline } from '../chunk-67MW366X.js';
 export { WidgetFrame } from '../chunk-PDTEPN4D.js';
-export { ThemeToggle } from '../chunk-N3ISZVLK.js';
 export { TileGrid } from '../chunk-Q6CQMS6R.js';
 export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-QYEOGGVS.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-MYX4XABB.js';
@@ -14,6 +13,7 @@ export { TagsInput } from '../chunk-JS2TRHBF.js';
 export { ThemeGallery } from '../chunk-ESUZ27TS.js';
 export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-S5C64PTT.js';
+export { ThemeToggle } from '../chunk-N3ISZVLK.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
 export { SuggestionList, SuggestionRow } from '../chunk-SDSBVVLL.js';
 export { Switcher } from '../chunk-67F2AM4R.js';
@@ -23,20 +23,20 @@ export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-D3EJSLCL.j
 export { StatCard } from '../chunk-YPTTSJPM.js';
 export { StatGroup } from '../chunk-OUD75UB2.js';
 export { Statement } from '../chunk-MZJKPTA5.js';
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-TD3UHDFY.js';
-export { TagGroup } from '../chunk-O2EGEONV.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-EBG3V4MK.js';
 export { matchesShortcut, useShortcut } from '../chunk-AYHIF6DH.js';
-import '../chunk-NVZCANJ5.js';
+import '../chunk-73GUXYYE.js';
 export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-UV4LOQ3E.js';
 export { SlideFilmstrip } from '../chunk-WOW5SCEK.js';
 export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
 export { SelectionBar } from '../chunk-NK3D66PB.js';
 export { SEND_BUTTON_LABELS, SendButton } from '../chunk-JILNCBBS.js';
-export { SetupWizard } from '../chunk-D5OSP3KI.js';
 export { SettingsTable, SettingsTableRow } from '../chunk-4RKTZSEW.js';
+export { SetupWizard } from '../chunk-D5OSP3KI.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-OOZ5AGPS.js';
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-EBG3V4MK.js';
 export { Select } from '../chunk-XQZ6EWOE.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-TD3UHDFY.js';
+export { TagGroup } from '../chunk-O2EGEONV.js';
 export { canonicalMarkdown, roundTripMarkdown } from '../chunk-SWD4QBL6.js';
 import '../chunk-QH6VYJ3X.js';
 export { RichEditor, preloadRichEditor } from '../chunk-WBTCOFMZ.js';
@@ -51,7 +51,7 @@ export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, Re
 export { REFUSAL_CARD_LABELS, RefusalCard } from '../chunk-BLPT6GHV.js';
 export { RelatedRow } from '../chunk-N4GBDK4L.js';
 export { Text } from '../chunk-QP2P6GDQ.js';
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-GZMEWWXW.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-2BWBDKF6.js';
 export { Table } from '../chunk-45KMH3E3.js';
 export { ReviewList } from '../chunk-OJ2QULVH.js';
 export { PresenterView, formatStopwatch } from '../chunk-EGL24VY5.js';
@@ -60,7 +60,7 @@ export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from '../chunk-RM
 export { PricingCard } from '../chunk-U3ILLCR2.js';
 export { PrincipalPicker } from '../chunk-TA72CURM.js';
 export { PropertyList } from '../chunk-XZ42MKHK.js';
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-CIYHSTIF.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-SW4XVX7K.js';
 export { Prose } from '../chunk-JCSA3XVH.js';
 export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from '../chunk-Y56FM3K4.js';
 export { PageNote } from '../chunk-CV4NES3P.js';
@@ -73,15 +73,15 @@ export { FactLine, ObjectHeader, SetByLine } from '../chunk-ICWUDNAZ.js';
 export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-CZNG3V6L.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-LZXY6IMO.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-YA3AWELW.js';
+export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-GPW4M4OI.js';
 export { TreeGrid } from '../chunk-VRNUKH2W.js';
 export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, layoutConnectors, layoutForest, placeGroups, treeAllExpandable, treeAncestors, treeCollapseOrAscend, treeExpandOrDescend, treeExpandTo, treeExpandable, treeFirst, treeFirstChild, treeItemAction, treeLast, treeLevel, treeNext, treeParent, treePosInSet, treePrevious, treeSetSize, treeStep, treeTypeAhead, treeVisible, typeAheadBuffer, useLayoutAnchor, useMeasuredSizes, useTreeState } from '../chunk-MY374UUD.js';
 export { OrgLabel } from '../chunk-ONQKKHON.js';
-export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-272Y3YMV.js';
 export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-2TTFDRR3.js';
-export { MessageBubble } from '../chunk-C3FX7ZSU.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-UGNUUVRI.js';
+export { MessageBubble } from '../chunk-C3FX7ZSU.js';
 export { NewItemsNotice } from '../chunk-PXU6HOZB.js';
 export { ListDetail } from '../chunk-R5RCGD7N.js';
 export { ListInput, withDraft } from '../chunk-DOPPU6TZ.js';
@@ -112,6 +112,7 @@ import '../chunk-MICRGE3J.js';
 export { EntityChip } from '../chunk-OSKJZNBT.js';
 export { EntityList } from '../chunk-FA44M2YT.js';
 export { StatusCard } from '../chunk-WDIVALLP.js';
+export { EditingStatus } from '../chunk-XRZGGB6I.js';
 export { ErrorBoundary } from '../chunk-WBRC3MNE.js';
 export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FactList } from '../chunk-RLJXVFEH.js';
@@ -122,7 +123,6 @@ export { Divider } from '../chunk-6KWNXIDE.js';
 export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-5OMV75GE.js';
 export { DownloadButton } from '../chunk-HNK43Z3P.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from '../chunk-YNRKVY7X.js';
-export { EditingStatus } from '../chunk-XRZGGB6I.js';
 export { CursorFlag } from '../chunk-3BYIWOTV.js';
 export { PresenceRing, presenceHueClass } from '../chunk-I6POAB4V.js';
 export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-EDNZHW4K.js';
@@ -132,14 +132,15 @@ export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu }
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-AZ5BKSGV.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-6NJW5KSX.js';
 export { DescriptionList, DescriptionListItem } from '../chunk-MFS6F2P7.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-56P72ZBE.js';
 export { ConfirmField, confirmMatches } from '../chunk-4CBGIRVU.js';
 export { InlineCode } from '../chunk-5CLW2CXT.js';
 export { CONFLICT_NOTE_LABELS, ConflictNote } from '../chunk-HVEDVKXL.js';
 export { Container } from '../chunk-HJO4WCH6.js';
 export { ContrastHelp } from '../chunk-YCGZK2E4.js';
 export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from '../chunk-WW7TU6HE.js';
-export { CodeBlock } from '../chunk-6T6V5565.js';
 export { ChoiceList } from '../chunk-EAQLI2SO.js';
+export { CodeBlock } from '../chunk-6T6V5565.js';
 export { ColorChip } from '../chunk-6GTTRJWJ.js';
 export { ColorField } from '../chunk-3NQS6KYG.js';
 export { ColorSwatch } from '../chunk-NQGZRMUG.js';
@@ -150,7 +151,6 @@ export { Combobox } from '../chunk-U5PJSGHG.js';
 export { CommandPalette } from '../chunk-Z7PJF6F3.js';
 export { ConfirmModal, Modal } from '../chunk-QZ4B72FP.js';
 export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from '../chunk-7KHM2FZH.js';
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-56P72ZBE.js';
 export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, shortenUnchanged } from '../chunk-NEHSV55H.js';
 export { DIFF_LIST_LABELS, DiffList } from '../chunk-Z3GDMNMU.js';
 export { Tag } from '../chunk-KYIAFNU7.js';
@@ -159,7 +159,7 @@ export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COL
 export { PRESENCE_ACTIVITIES, PRESENCE_HUES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from '../chunk-Z7JYG5TF.js';
 import '../chunk-3L5NHASN.js';
 export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from '../chunk-HMVQQEHW.js';
-export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from '../chunk-RV2FGESF.js';
+export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from '../chunk-PE7XWOUS.js';
 export { ChoiceButtons } from '../chunk-WXRH7NZW.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { Callout } from '../chunk-BPCY7ZID.js';
@@ -221,12 +221,12 @@ export { ACCESS_DENIED_REASONS, AccessDeniedCard } from '../chunk-QTMUKRTN.js';
 export { EmptyState } from '../chunk-PPUR46MK.js';
 export { Accordion, AccordionItem } from '../chunk-T4D7RZNI.js';
 export { ADD_PILL_MS, AddPill } from '../chunk-TROLVEZY.js';
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-GCASX3FD.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-G3CUCHBA.js';
 export { Timeline, TimelineItem } from '../chunk-AUQPBL4O.js';
 export { Section } from '../chunk-JQ7IFSF6.js';
 export { COMPOSER_COUNTER_AT, Composer } from '../chunk-JLRXCKTS.js';
 export { Disclosure } from '../chunk-GG4QZWMQ.js';
-export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from '../chunk-HGYHWWA5.js';
+export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from '../chunk-ALU5EGQB.js';
 export { SIDE_PANEL_LABELS, SIDE_PANEL_MAX_WIDTH, SIDE_PANEL_MIN_WIDTH, SIDE_PANEL_WIDTH, SidePanel, SidePanelFrame } from '../chunk-XODESBSR.js';
 export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
 export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-FXQLNETQ.js';

package/dist/index.js

@@ -1,11 +1,10 @@
 import './chunk-EWTPXRRM.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from './chunk-FEJANUZK.js';
 export { TreeCanvas } from './chunk-YCZ2FBKA.js';
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-OHG7762N.js';
 export { TypeSpecimen } from './chunk-JKAFEFFC.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-OHG7762N.js';
 export { VersionTimeline } from './chunk-67MW366X.js';
 export { WidgetFrame } from './chunk-PDTEPN4D.js';
-export { ThemeToggle } from './chunk-N3ISZVLK.js';
 export { TileGrid } from './chunk-Q6CQMS6R.js';
 export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from './chunk-QYEOGGVS.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-MYX4XABB.js';
@@ -14,6 +13,7 @@ export { TagsInput } from './chunk-JS2TRHBF.js';
 export { ThemeGallery } from './chunk-ESUZ27TS.js';
 export { ThemeSwatch } from './chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-S5C64PTT.js';
+export { ThemeToggle } from './chunk-N3ISZVLK.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
 export { SuggestionList, SuggestionRow } from './chunk-SDSBVVLL.js';
 export { Switcher } from './chunk-67F2AM4R.js';
@@ -23,20 +23,20 @@ export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-D3EJSLCL.js
 export { StatCard } from './chunk-YPTTSJPM.js';
 export { StatGroup } from './chunk-OUD75UB2.js';
 export { Statement } from './chunk-MZJKPTA5.js';
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-TD3UHDFY.js';
-export { TagGroup } from './chunk-O2EGEONV.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-EBG3V4MK.js';
 export { matchesShortcut, useShortcut } from './chunk-AYHIF6DH.js';
-import './chunk-NVZCANJ5.js';
+import './chunk-73GUXYYE.js';
 export { SLIDE_COMPARE_LABELS, SlideCompare } from './chunk-UV4LOQ3E.js';
 export { SlideFilmstrip } from './chunk-WOW5SCEK.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
 export { SelectionBar } from './chunk-NK3D66PB.js';
 export { SEND_BUTTON_LABELS, SendButton } from './chunk-JILNCBBS.js';
-export { SetupWizard } from './chunk-D5OSP3KI.js';
 export { SettingsTable, SettingsTableRow } from './chunk-4RKTZSEW.js';
+export { SetupWizard } from './chunk-D5OSP3KI.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-OOZ5AGPS.js';
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-EBG3V4MK.js';
 export { Select } from './chunk-XQZ6EWOE.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-TD3UHDFY.js';
+export { TagGroup } from './chunk-O2EGEONV.js';
 export { canonicalMarkdown, roundTripMarkdown } from './chunk-SWD4QBL6.js';
 import './chunk-QH6VYJ3X.js';
 export { RichEditor, preloadRichEditor } from './chunk-WBTCOFMZ.js';
@@ -51,7 +51,7 @@ export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, Re
 export { REFUSAL_CARD_LABELS, RefusalCard } from './chunk-BLPT6GHV.js';
 export { RelatedRow } from './chunk-N4GBDK4L.js';
 export { Text } from './chunk-QP2P6GDQ.js';
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-GZMEWWXW.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-2BWBDKF6.js';
 export { Table } from './chunk-45KMH3E3.js';
 export { ReviewList } from './chunk-OJ2QULVH.js';
 export { PresenterView, formatStopwatch } from './chunk-EGL24VY5.js';
@@ -60,7 +60,7 @@ export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-RME
 export { PricingCard } from './chunk-U3ILLCR2.js';
 export { PrincipalPicker } from './chunk-TA72CURM.js';
 export { PropertyList } from './chunk-XZ42MKHK.js';
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './chunk-CIYHSTIF.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './chunk-SW4XVX7K.js';
 export { Prose } from './chunk-JCSA3XVH.js';
 export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
 export { PageNote } from './chunk-CV4NES3P.js';
@@ -73,15 +73,15 @@ export { FactLine, ObjectHeader, SetByLine } from './chunk-ICWUDNAZ.js';
 export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-CZNG3V6L.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-LZXY6IMO.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-YA3AWELW.js';
+export { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-GPW4M4OI.js';
 export { TreeGrid } from './chunk-VRNUKH2W.js';
 export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, layoutConnectors, layoutForest, placeGroups, treeAllExpandable, treeAncestors, treeCollapseOrAscend, treeExpandOrDescend, treeExpandTo, treeExpandable, treeFirst, treeFirstChild, treeItemAction, treeLast, treeLevel, treeNext, treeParent, treePosInSet, treePrevious, treeSetSize, treeStep, treeTypeAhead, treeVisible, typeAheadBuffer, useLayoutAnchor, useMeasuredSizes, useTreeState } from './chunk-MY374UUD.js';
 export { OrgLabel } from './chunk-ONQKKHON.js';
-export { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-272Y3YMV.js';
 export { MERGE_CONFLICTS_LABELS, MergeConflicts } from './chunk-2TTFDRR3.js';
-export { MessageBubble } from './chunk-C3FX7ZSU.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-UGNUUVRI.js';
+export { MessageBubble } from './chunk-C3FX7ZSU.js';
 export { NewItemsNotice } from './chunk-PXU6HOZB.js';
 export { ListDetail } from './chunk-R5RCGD7N.js';
 export { ListInput, withDraft } from './chunk-DOPPU6TZ.js';
@@ -112,6 +112,7 @@ import './chunk-MICRGE3J.js';
 export { EntityChip } from './chunk-OSKJZNBT.js';
 export { EntityList } from './chunk-FA44M2YT.js';
 export { StatusCard } from './chunk-WDIVALLP.js';
+export { EditingStatus } from './chunk-XRZGGB6I.js';
 export { ErrorBoundary } from './chunk-WBRC3MNE.js';
 export { Eyebrow } from './chunk-RK4XPHVG.js';
 export { FactList } from './chunk-RLJXVFEH.js';
@@ -122,7 +123,6 @@ export { Divider } from './chunk-6KWNXIDE.js';
 export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-5OMV75GE.js';
 export { DownloadButton } from './chunk-HNK43Z3P.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from './chunk-YNRKVY7X.js';
-export { EditingStatus } from './chunk-XRZGGB6I.js';
 export { CursorFlag } from './chunk-3BYIWOTV.js';
 export { PresenceRing, presenceHueClass } from './chunk-I6POAB4V.js';
 export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from './chunk-EDNZHW4K.js';
@@ -132,14 +132,15 @@ export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu }
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-AZ5BKSGV.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-6NJW5KSX.js';
 export { DescriptionList, DescriptionListItem } from './chunk-MFS6F2P7.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-56P72ZBE.js';
 export { ConfirmField, confirmMatches } from './chunk-4CBGIRVU.js';
 export { InlineCode } from './chunk-5CLW2CXT.js';
 export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-HVEDVKXL.js';
 export { Container } from './chunk-HJO4WCH6.js';
 export { ContrastHelp } from './chunk-YCGZK2E4.js';
 export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from './chunk-WW7TU6HE.js';
-export { CodeBlock } from './chunk-6T6V5565.js';
 export { ChoiceList } from './chunk-EAQLI2SO.js';
+export { CodeBlock } from './chunk-6T6V5565.js';
 export { ColorChip } from './chunk-6GTTRJWJ.js';
 export { ColorField } from './chunk-3NQS6KYG.js';
 export { ColorSwatch } from './chunk-NQGZRMUG.js';
@@ -150,7 +151,6 @@ export { Combobox } from './chunk-U5PJSGHG.js';
 export { CommandPalette } from './chunk-Z7PJF6F3.js';
 export { ConfirmModal, Modal } from './chunk-QZ4B72FP.js';
 export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-56P72ZBE.js';
 export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, shortenUnchanged } from './chunk-NEHSV55H.js';
 export { DIFF_LIST_LABELS, DiffList } from './chunk-Z3GDMNMU.js';
 export { Tag } from './chunk-KYIAFNU7.js';
@@ -159,7 +159,7 @@ export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COL
 export { PRESENCE_ACTIVITIES, PRESENCE_HUES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from './chunk-Z7JYG5TF.js';
 import './chunk-3L5NHASN.js';
 export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from './chunk-HMVQQEHW.js';
-export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from './chunk-RV2FGESF.js';
+export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from './chunk-PE7XWOUS.js';
 export { ChoiceButtons } from './chunk-WXRH7NZW.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-GXQ3B46I.js';
 export { Callout } from './chunk-BPCY7ZID.js';
@@ -221,12 +221,12 @@ export { ACCESS_DENIED_REASONS, AccessDeniedCard } from './chunk-QTMUKRTN.js';
 export { EmptyState } from './chunk-PPUR46MK.js';
 export { Accordion, AccordionItem } from './chunk-T4D7RZNI.js';
 export { ADD_PILL_MS, AddPill } from './chunk-TROLVEZY.js';
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from './chunk-GCASX3FD.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from './chunk-G3CUCHBA.js';
 export { Timeline, TimelineItem } from './chunk-AUQPBL4O.js';
 export { Section } from './chunk-JQ7IFSF6.js';
 export { COMPOSER_COUNTER_AT, Composer } from './chunk-JLRXCKTS.js';
 export { Disclosure } from './chunk-GG4QZWMQ.js';
-export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from './chunk-HGYHWWA5.js';
+export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from './chunk-ALU5EGQB.js';
 export { SIDE_PANEL_LABELS, SIDE_PANEL_MAX_WIDTH, SIDE_PANEL_MIN_WIDTH, SIDE_PANEL_WIDTH, SidePanel, SidePanelFrame } from './chunk-XODESBSR.js';
 export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
 export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from './chunk-FXQLNETQ.js';

package/dist/styles.css

@@ -9074,7 +9074,7 @@ button.crewlet-histogram__bar[data-empty]:focus-visible > .crewlet-histogram__fi
 }
 
 
-/* ChatThread-52KMDXHB.css */
+/* ChatThread-FGXVDLI2.css */
 /*
  * A conversation as it grows: the scroller, the items a spacing step and a
  * half apart on the panel's 16px inset, and the Jump to latest pill floating
@@ -9092,8 +9092,19 @@ button.crewlet-histogram__bar[data-empty]:focus-visible > .crewlet-histogram__fi
  * THE BROWSER'S SCROLL ANCHORING IS OFF: it pins the content above the
  * reader's view, which fights a last child that keeps growing as an answer
  * streams in. ChatThread.tsx anchors to the end itself.
+ *
+ * THE SCROLLER IS THE CONTAINING BLOCK for everything positioned inside it.
+ * It was not, so an absolutely positioned descendant with no positioned
+ * ancestor of its own (a visually hidden phrase inside a tag, "Sent with")
+ * was placed against the thread instead: outside the scroller's clip, at its
+ * spot in the whole conversation, thousands of pixels below the view. That
+ * made whatever held the thread overflowable (a flush side panel's body read
+ * a scroll height of 4752px around a 557px thread), and a focus could scroll
+ * it, lifting the thread off the panel's foot over a blank band. Positioned
+ * here, such a descendant scrolls and clips with the conversation.
  */
 .crewlet-chat-thread__scroller {
+  position: relative;
   flex: 1;
   min-height: 0;
   overflow: auto;
@@ -25260,7 +25271,7 @@ button.crewlet-presence-stack__member:focus-visible {
 }
 
 
-/* ProposalCard-23575F4C.css */
+/* ProposalCard-YDGECRES.css */
 /*
  * A proposed change. The card, its head, its strip and its foot are
  * StatusCard's; only the note's register is said here: the consequence is a
@@ -25291,6 +25302,21 @@ button.crewlet-presence-stack__member:focus-visible {
   text-align: end;
 }
 
+/* WHERE FOCUS LANDS WHEN THE CARD SETTLES (the strip, or the card when it
+   has none): the token ring for a reader on the keyboard, inset so the
+   card's corner does not clip it, and nothing for a pointer (transparent
+   rather than none, so forced colours still draw one). */
+.crewlet-proposal-card:focus,
+.crewlet-proposal-card .crewlet-receipt-strip:focus {
+  outline: 2px solid transparent;
+}
+
+.crewlet-proposal-card:focus-visible,
+.crewlet-proposal-card .crewlet-receipt-strip:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: -2px;
+}
+
 
 /* Prose-BTXNFT2Q.css */
 /*
@@ -25804,25 +25830,35 @@ button.crewlet-presence-stack__member:focus-visible {
 }
 
 
-/* ResultTableCard-HZRUDNTX.css */
+/* ResultTableCard-AP355LQM.css */
 /*
  * A result in a card. The card, its head and its foot are StatusCard's and
  * the table is Table's, drawn flush; what a result adds is the column model:
- * the first column takes the room the figures leave and ends a long name in
- * an ellipsis, and the figures never wrap.
+ * a text column wraps between words, and the figures never wrap.
  */
 .crewlet-result-table-card__table .crewlet-table__table {
   table-layout: auto;
   font-variant-numeric: tabular-nums;
 }
 
-.crewlet-result-table-card__table td:first-child {
-  width: 100%;
-  max-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow-wrap: normal;
+/*
+ * WORDS STAY WHOLE. Table breaks a cell anywhere, which suits its fixed
+ * layout, but under this card's auto layout it lets a column shrink to one
+ * letter, so "Product Manager" stacked letter by letter beside columns with
+ * room to spare. Breaking at words keeps a column as wide as its longest
+ * word, and a word wider than the card still breaks rather than overflow.
+ *
+ * THE NAME WRAPS TOO. The first column used to end a long name in an
+ * ellipsis on one line, and a result's row is not a link and its cell has no
+ * title, so in a 358px panel "Write the MVP plan" read "Write the MVP ..."
+ * with no way to reach the rest. It takes no width of its own: the auto
+ * layout gives each column the room its words ask for, so the name, the
+ * longest text, takes the most and wraps between words, and a short column
+ * beside it keeps its line where there is room. A `width: 100%` on it would
+ * squeeze every other text column to its longest word.
+ */
+.crewlet-result-table-card__table td {
+  overflow-wrap: break-word;
 }
 
 .crewlet-result-table-card__table .crewlet-table__cell--end {
@@ -29384,7 +29420,7 @@ svg.crewlet-select__chevron {
 }
 
 
-/* SidePanel-ERBUIELD.css */
+/* SidePanel-VXKUKLOJ.css */
 /*
  * A side panel and the frame that lays it beside the content or over it
  * (`SidePanel`, `SidePanelFrame`, and their artifact presets).
@@ -29544,11 +29580,19 @@ svg.crewlet-select__chevron {
   overscroll-behavior: contain;
 }
 
-/* FLUSH, the body draws no inset of its own: what it holds owns its edges
-   (a chat thread that scrolls and insets itself). The published inset reads 0
-   inside it, so anything that offsets itself by the inset follows. */
+/* FLUSH, the body draws no inset of its own and does not scroll: what it
+   holds owns its edges and its scrolling (a chat thread that scrolls and
+   insets itself, shrunk to the body by `min-height: 0`). The published inset
+   reads 0 inside it, so anything that offsets itself by the inset follows.
+
+   CLIPPED, NOT SCROLLABLE. `overflow: hidden` would still be a scroll
+   container, which a focus, `scrollIntoView` or a script can scroll; a flush
+   body that was scrolled 238px lifted its thread off the panel's foot and
+   left a blank band no wheel could reach. `clip` is not a scroll container,
+   so nothing moves it. */
 .crewlet-side-panel__body--flush {
   --crewlet-side-panel-inset: 0px;
+  overflow: clip;
 }
 
 /* THE FOOT holds the panel's own commit, outside the scrolling body, so it

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.57.0",
+  "version": "0.57.2",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.57.0",
-    "@crewlethq/tokens": "0.57.0",
+    "@crewlethq/icons": "0.57.2",
+    "@crewlethq/tokens": "0.57.2",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/ResultTableCard-HZRUDNTX.css

@@ -1,40 +0,0 @@
-/*
- * A result in a card. The card, its head and its foot are StatusCard's and
- * the table is Table's, drawn flush; what a result adds is the column model:
- * the first column takes the room the figures leave and ends a long name in
- * an ellipsis, and the figures never wrap.
- */
-.crewlet-result-table-card__table .crewlet-table__table {
-  table-layout: auto;
-  font-variant-numeric: tabular-nums;
-}
-
-.crewlet-result-table-card__table td:first-child {
-  width: 100%;
-  max-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow-wrap: normal;
-}
-
-.crewlet-result-table-card__table .crewlet-table__cell--end {
-  white-space: nowrap;
-}
-
-/*
- * THE DOWNLOADS ARE SPANS AROUND A BUTTON (the status region beside each is
- * a sibling of its button), so the foot's ghost outdent is stated for them
- * here: the first one's padding and edge are pulled out so its glyph sits on
- * the card's text edge.
- */
-.crewlet-result-table-card .crewlet-status-card__actions > .crewlet-result-table-card__download:first-child {
-  margin-inline-start: calc(-1 * (var(--spacing-2) + 1px));
-}
-
-/* The link stands at the foot's far end, its own padding pulled out to the edge. */
-.crewlet-result-table-card__link {
-  display: inline-flex;
-  margin-inline-start: auto;
-  margin-inline-end: calc(-1 * (var(--spacing-2) + 1px));
-}