@crewlethq/ui 0.67.0 → 0.69.0

package/README.md

@@ -47,7 +47,7 @@ import { Button } from '@crewlethq/ui/Button';  // 8 KB of CSS, not 182 KB
 | List screens | `DataView`, and its parts on their own: `DataViewToolbar`, `FilterAxisBar`, `FilterAxisChip`, plus the filter model (`filterDefsFromColumns`, `applyColumnFilters`, `filterPredicate`, `blankFilterValue`) |
 | Feedback and overlays | `Callout`, `ConflictNote`, `EditingStatus`, `Toaster`, `Modal` (with `variant="sheet"`), `ConfirmModal`, `CommandPalette`, `Tooltip`, `Popover`, `Announcer` |
 | Documents and review | `DiffView` and `DiffSummary` with the line diff they draw (`diffLines`, `diffStat`, `collapseDiff`, `firstChangedLines`, `splitLines`, `MAX_DIFF_LINES`, with no React in it), `DiffList`, `VersionCompare`, `CommentThread` |
-| Conversations and the assistant | `ChatThread` (with `ChatThreadHandle`), `MessageBubble`, `RunChip`, `StepList` and `StepStateMark`, `ProposalCard`, `ChangeList` (with `shortenUnchanged`), `StatusCard`, `ReceiptStrip`, `RefusalStrip`, `ResultTableCard`, `OpenInAppCard`, `EntityList`, `RefusalCard`, `SuggestionRow` and `SuggestionList`, `SendButton` |
+| Conversations and the assistant | `ChatThread` (with `ChatThreadHandle`), `MessageBubble`, `RunChip`, `StepList` and `StepStateMark`, `ProposalCard`, `ChangeList` (with `shortenUnchanged`), `StatusCard`, `ReceiptStrip`, `RefusalStrip`, `ResultTableCard`, `OpenInAppCard`, `BriefCard`, `EntityList`, `RefusalCard`, `SuggestionRow` and `SuggestionList`, `SendButton` |
 | Charts | `Legend`, `BarList`, `StackedBar`, `StackedColumns`, `ActivityStrip`, `TimeSeries`, `Sparkline`, the reading layer they share (`ChartTooltip`, `useChartHover`), and the ramp (`DATA_COLORS`, `DATA_COLOR_OTHER`, `dataColor`) |
 | Marks | `Count`, `StatusDot`, `Spinner`, `EmptyValue`, `VisuallyHidden` |
 | Hooks and seams | `useModalLayer`, `usePopupLayer`, `LayerHost`, `useListbox`, `useOptionKeys`, `useHighlightRest` and `HIGHLIGHT_REST_MS`, `useClipboard`, `useDownload`, `downloadText`, `downloadBlob`, `safeFilename`, `toCsv`, `elementToPng` and `ElementToPngError`, `useOutcome`, `useAnnouncer`, `useNow`, `formatRelative`, `HeadingLevelProvider`, `cx`, the node hues (`NODE_HUES`, `NODE_HUE_NAMES`, `isNodeHue`) |
@@ -205,6 +205,10 @@ 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.69.0
+
+**`BriefCard`, a brief as the assistant's answer card.** One sentence on what is going on (`summary`), the rows that wait on the reader (`needs`, never more than `BRIEF_CARD_MAX_NEEDS`, three, each with its words, one `detail`, a `tone` of `warning` (the default), `danger` or `neutral` drawn as a `StatusDot`, and one `action` button), one `recommended` next step on the accent's softest ground with an optional primary action (`null` leaves the block out), and `followUps`, the questions to ask next as plain `SuggestionRow`s under an "Ask next" label. An empty `needs` says "Nothing needs you." in words. It stands in a `StatusCard` titled "Brief" with `scope` and `asOf` beside the title and a Tag in the head that counts the rows ("2 need you") or says "All clear", so the card's region name carries the count. Every action is the host's own callback: the card never decides where a row leads. `labels` replaces any of its words (`BRIEF_CARD_LABELS`); the types are `BriefCardProps`, `BriefCardNeed`, `BriefCardNeedTone`, `BriefCardAction`, `BriefCardRecommendation`, `BriefCardFollowUp` and `BriefCardLabels`.
+
 ## Changes in 0.67.0
 
 **The product marks are redrawn as one family** (`@crewlethq/icons`). Each stands on the Crewlet octagon in the brand violet with a deeper lower facet (`#6a3cff`, was `#5c24ff`) and one white figure: Worklet a tick over one open task, Doclet a page with a chamfer fold, Chat a speech bubble with the crewmate's visor, and the Assistant two sparks. The `dim` and `eye` parts are gone, and every drawing carries a hidden `keyline` part that the soon state paints. Nothing to change unless a stylesheet of your own reads those parts.
@@ -1414,7 +1418,7 @@ What to change: a test that reads a failure toast's red edge or red words, or a
 
 **`Modal` takes `placement="bottom"`**: a dialog pinned to the bottom edge at the window's width, rounded on its top corners, rising from that edge.
 
-**`InboxList`** is an inbox's column: `InboxGroup` labels a run of rows, and each `InboxRow` is one control (a button, or a link with `href`) naming who it is from, a `qualifier` and a `meta` time, with its words in up to three lines and an `excerpt` in the quiet ink. `aside` sits under the control as a control of its own, for the task the row is about. `selected` takes the neutral pressed fill and `aria-current`; `unread`, `actionable` and `done` set the ink, and `unread` and `done` are read out. `InboxMore` and `InboxToggle` are the quiet toggles at the end of the list.
+**`InboxList`** is an inbox's column: `InboxGroup` labels a run of rows, and each `InboxRow` is one control (a button, or a link with `href`) naming who it is from, a `qualifier` and a `meta` time, with its words in up to three lines and an `excerpt` in the quiet ink. `aside` sits under the control as a control of its own, for the task the row is about. `selected` takes the neutral pressed fill and `aria-current`; `unread`, `actionable` and `done` set the ink, and `unread` and `done` are read out. A `done` row is never struck through: its words step down to the secondary ink, `outcome` says what came of it on a line of its own (with `outcomeIcon` drawn in `outcomeTone`'s ink), and `status` names a state in the head before `meta`. `InboxGroup` takes a `count` after its label, and `collapsible` makes the label a disclosure inside the heading (`open`, `defaultOpen`, `onOpenChange`) for rows a reader opens now and then. `InboxMore` and `InboxToggle` are the quiet toggles at the end of the list.
 
 **`ChoiceButtons`** sends one answer with one press: a group of buttons as tall as a touch target, the `recommended` option first, filled and marked. `pending` and `disabledReason` hold every option still without taking its focus.
 

package/dist/AgentHandoffPanel/index.js

@@ -1,13 +1,13 @@
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-WUQVAFTC.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-BXEKD5NU.js';
 import '../chunk-4MJN2KN6.js';
 import '../chunk-WFCWPXJN.js';
-import '../chunk-5OFRDX66.js';
+import '../chunk-XWOH3UPZ.js';
 import '../chunk-222VILSP.js';
 import '../chunk-FFGEJUAP.js';
 import '../chunk-CLJGFOTV.js';
-import '../chunk-ANTAQAR4.js';
 import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
+import '../chunk-ANTAQAR4.js';
 import '../chunk-IVTQWOXV.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';

package/dist/AvatarPicker/index.js

@@ -1,13 +1,13 @@
-export { AvatarPicker } from '../chunk-5OVTWY3I.js';
+export { AvatarPicker } from '../chunk-NJYB4VJI.js';
 import '../chunk-2EA2GSA2.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-SNQRGH4A.js';
+import '../chunk-VZICPYGR.js';
+import '../chunk-PZKHBB7D.js';
 import '../chunk-W6UVBBNH.js';
 import '../chunk-PVZOP3QK.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-PZKHBB7D.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-T73DMDU4.js';
 import '../chunk-7QTPJDRF.js';

package/dist/BriefCard/BriefCard.d.ts

@@ -0,0 +1,80 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+/** The most rows a brief draws: what waits on the reader is a short list or it is not a brief. */
+export declare const BRIEF_CARD_MAX_NEEDS = 3;
+/** The one thing a row or the recommendation lets the reader do, in one press. */
+export interface BriefCardAction {
+    /** A verb and its object: "Answer", "Open GOP-11", "Ask why". */
+    label: string;
+    onSelect: () => void;
+}
+/**
+ * How loud a row is. `danger` is for a fact the host knows (an agent stopped,
+ * a failed turn), never for urgency a writer chose; most rows are `warning`.
+ */
+export type BriefCardNeedTone = 'danger' | 'warning' | 'neutral';
+/** One thing that waits on the reader, pointing at the record it is about. */
+export interface BriefCardNeed {
+    key: string;
+    /** What waits, with its number and its name: "QA asks which store build to test on GOP-11". */
+    text: ReactNode;
+    /** One fact under it: "Asked 2 hours ago". */
+    detail?: ReactNode;
+    tone?: BriefCardNeedTone | undefined;
+    action?: BriefCardAction | undefined;
+}
+/** The one next step the brief recommends. */
+export interface BriefCardRecommendation {
+    text: ReactNode;
+    action?: BriefCardAction | undefined;
+}
+/** A question the reader can ask next, in the same conversation. */
+export interface BriefCardFollowUp {
+    key: string;
+    question: string;
+    onSelect: () => void;
+}
+export interface BriefCardLabels {
+    /** The card's title. */
+    heading: string;
+    needs: string;
+    /** Said in the needs block when nothing waits on the reader. */
+    clear: string;
+    recommended: string;
+    followUps: string;
+    /** The head's Tag: how many rows wait on the reader. */
+    count: (n: number) => string;
+    /** The head's Tag when nothing waits. */
+    allClear: string;
+}
+export declare const BRIEF_CARD_LABELS: BriefCardLabels;
+export interface BriefCardProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** What the brief covers, beside the title: "Inbox", "Decision on GOP-11". */
+    scope?: ReactNode;
+    /** When the brief was written, as the reader reads a time: "Just now". */
+    asOf?: ReactNode;
+    /** What is going on, in one sentence with numbers and names. */
+    summary: ReactNode;
+    /** What waits on the reader, at most [BRIEF_CARD_MAX_NEEDS]. An empty list says `labels.clear`. */
+    needs: readonly BriefCardNeed[];
+    /** The one next step, or `null` where nothing is worth recommending. */
+    recommended: BriefCardRecommendation | null;
+    /** Questions to ask next, drawn as suggestion rows under the recommendation. */
+    followUps?: readonly BriefCardFollowUp[] | undefined;
+    labels?: Partial<BriefCardLabels> | undefined;
+}
+/**
+ * A brief, as the assistant's answer card: one sentence on what is going on,
+ * the rows that wait on the reader (never more than three, each pointing at
+ * its record with the one press that deals with it), one recommended next
+ * step, and the questions worth asking next.
+ *
+ * A FIXED SHAPE, NOT PROSE. A reader who asks for a brief on every page learns
+ * where each answer sits and reads only the part they need. Nothing waiting is
+ * said in words, "Nothing needs you.", rather than drawn as an empty block, and
+ * the head's Tag says the count before the body is read.
+ *
+ * THE CARD DRAWS, THE HOST DECIDES. Every action is the host's own callback,
+ * so where a row leads (a record opened, a question asked) is settled by the
+ * code that built the brief, never by text inside it.
+ */
+export declare function BriefCard({ scope, asOf, summary, needs, recommended, followUps, labels: overrides, className, ...rest }: BriefCardProps): import("react").JSX.Element;

package/dist/BriefCard/index.d.ts

@@ -0,0 +1,3 @@
+import './BriefCard.css';
+export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_NEEDS, BriefCard } from './BriefCard.js';
+export type { BriefCardAction, BriefCardFollowUp, BriefCardLabels, BriefCardNeed, BriefCardNeedTone, BriefCardProps, BriefCardRecommendation, } from './BriefCard.js';

package/dist/BriefCard/index.js

@@ -0,0 +1,13 @@
+export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_NEEDS, BriefCard } from '../chunk-NTFVEOYY.js';
+import '../chunk-Y7PVLEZJ.js';
+import '../chunk-NTQPJJAN.js';
+import '../chunk-I5OIKDX2.js';
+import '../chunk-4AUTALJA.js';
+import '../chunk-AV2DXAEL.js';
+import '../chunk-WIATRXEJ.js';
+import '../chunk-MLDTLZAO.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-7QTPJDRF.js';
+import '../chunk-XSPCITPN.js';
+import '../chunk-UT6CW3C7.js';
+import '../chunk-ODEQTPFM.js';

package/dist/BriefCard-L66R5U32.css

@@ -0,0 +1,127 @@
+/*
+ * A brief inside the product's status card: one sentence, the rows that wait
+ * on the reader, one recommendation and the questions to ask next, each block
+ * under a quiet label so a reader scans straight to the part they need.
+ */
+.crewlet-brief-card__where {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-1);
+}
+
+.crewlet-brief-card__asof {
+  white-space: nowrap;
+}
+
+.crewlet-brief-card__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  min-width: 0;
+}
+
+.crewlet-brief-card__summary {
+  margin: 0;
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-medium);
+  line-height: var(--font-line-height-snug);
+  text-wrap: pretty;
+}
+
+.crewlet-brief-card__block {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  min-width: 0;
+}
+
+.crewlet-brief-card__label {
+  margin: 0;
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-medium);
+  letter-spacing: var(--font-letter-spacing-wide);
+  text-transform: uppercase;
+  line-height: var(--font-line-height-snug);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-brief-card__needs {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+/*
+ * A ROW IS THE LIST ROW'S GRAMMAR: the dot on the first line, the words and
+ * their one fact, and the action centred at the end, so a column of rows reads
+ * down the dots and across to the presses.
+ */
+.crewlet-brief-card__need {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: start;
+  gap: var(--spacing-3);
+  padding-block: var(--spacing-2);
+}
+
+.crewlet-brief-card__need + .crewlet-brief-card__need {
+  border-top: 1px solid var(--color-border-default);
+}
+
+.crewlet-brief-card__need > .crewlet-button {
+  align-self: center;
+}
+
+.crewlet-brief-card__dot {
+  display: inline-flex;
+  align-items: center;
+  height: 1lh;
+  font-size: var(--font-size-compact);
+}
+
+.crewlet-brief-card__words {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-0);
+  min-width: 0;
+  overflow-wrap: anywhere;
+  font-size: var(--font-size-compact);
+}
+
+.crewlet-brief-card__detail {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-brief-card__clear {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  margin: 0;
+  font-size: var(--font-size-compact);
+  color: var(--color-feedback-success-ink);
+}
+
+/* The recommendation: one step, on the accent's softest ground. */
+.crewlet-brief-card__next {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+  gap: var(--spacing-3);
+  padding: var(--spacing-2) var(--spacing-3);
+  border-radius: var(--radius-md);
+  background: var(--color-brand-accent-soft);
+  overflow-wrap: anywhere;
+  font-size: var(--font-size-compact);
+}
+
+.crewlet-brief-card__arrow {
+  color: var(--color-brand-accent-ink);
+}
+
+/* The questions to ask next sit on the card's text edge: each row's own inset is pulled out. */
+.crewlet-brief-card__follow-ups {
+  margin-inline: calc(-1 * var(--spacing-3));
+}

package/dist/CharacterPicker/index.js

@@ -1,5 +1,5 @@
 import '../chunk-3L5NHASN.js';
-export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-SNQRGH4A.js';
-import '../chunk-EGMQURBR.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-VZICPYGR.js';
 import '../chunk-PZKHBB7D.js';
+import '../chunk-EGMQURBR.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommandPalette/index.js

@@ -1,9 +1,9 @@
-export { CommandPalette } from '../chunk-PZAOUZFZ.js';
+export { CommandPalette } from '../chunk-EHB4TSP2.js';
 import '../chunk-I24FI46B.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-ANTAQAR4.js';
 import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
+import '../chunk-ANTAQAR4.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';

package/dist/CommentThread/index.js

@@ -1,14 +1,14 @@
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-UBJ32EO2.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-OWQATZGW.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-BXCL6P5Z.js';
-import '../chunk-5OFRDX66.js';
-import '../chunk-ANTAQAR4.js';
+import '../chunk-XWOH3UPZ.js';
 import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
+import '../chunk-ANTAQAR4.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';

package/dist/Composer/index.js

@@ -1,7 +1,7 @@
-export { COMPOSER_COUNTER_AT, Composer } from '../chunk-5OFRDX66.js';
-import '../chunk-ANTAQAR4.js';
+export { COMPOSER_COUNTER_AT, Composer } from '../chunk-XWOH3UPZ.js';
 import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
+import '../chunk-ANTAQAR4.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-OMV5W53A.js';

package/dist/DataTable/index.js

@@ -1,7 +1,7 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-CFY257ND.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-UYK3SGZI.js';
+import '../chunk-I24FI46B.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-I24FI46B.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PBCNINMB.js';

package/dist/DataView/index.js

@@ -1,10 +1,10 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-J5BIKMQY.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-RLBGU35B.js';
 import '../chunk-FPDIHEM4.js';
-import '../chunk-CFY257ND.js';
+import '../chunk-UYK3SGZI.js';
 import '../chunk-PX54PALQ.js';
+import '../chunk-I24FI46B.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-I24FI46B.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-EE3DJMSQ.js';
 import '../chunk-NR4CPM4T.js';
@@ -13,9 +13,9 @@ import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PBCNINMB.js';
-import '../chunk-ANTAQAR4.js';
 import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
+import '../chunk-ANTAQAR4.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';

package/dist/DatasetSource/index.js

@@ -1,8 +1,8 @@
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-R6K62EXV.js';
 import '../chunk-I5OIKDX2.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DeepWorkCard/index.js

@@ -4,9 +4,9 @@ import '../chunk-RQFRRPV6.js';
 import '../chunk-M25IV5MH.js';
 import '../chunk-NTQPJJAN.js';
 import '../chunk-I5OIKDX2.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-4AUTALJA.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-222VILSP.js';
 import '../chunk-IVTQWOXV.js';
 import '../chunk-MLDTLZAO.js';

package/dist/EditingStatus/index.js

@@ -1,6 +1,6 @@
-export { EditingStatus } from '../chunk-VLGGLLKH.js';
-import '../chunk-WIATRXEJ.js';
+export { EditingStatus } from '../chunk-AIMMHN5J.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/EntityList/index.js

@@ -1,9 +1,9 @@
 export { EntityList } from '../chunk-7IW3P6FH.js';
 import '../chunk-NTQPJJAN.js';
 import '../chunk-I5OIKDX2.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-4AUTALJA.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';

package/dist/InboxList/InboxList.d.ts

@@ -1,4 +1,5 @@
 import { type ButtonHTMLAttributes, type HTMLAttributes, type LiHTMLAttributes, type MouseEvent, type ReactNode } from 'react';
+import type { Tone } from '../utils/tone.js';
 import { type HeadingLevel } from '../utils/headingLevel.js';
 export interface InboxListProps extends HTMLAttributes<HTMLElement> {
     /** Names the list as a landmark: "Inbox". */
@@ -29,13 +30,31 @@ export interface InboxGroupProps extends Omit<HTMLAttributes<HTMLElement>, 'titl
     hideLabel?: boolean | undefined;
     /** Overrides the level the label is rendered at. */
     headingLevel?: HeadingLevel | undefined;
+    /**
+     * How many rows the group holds, drawn after the label in the quiet ink and
+     * read with it ("Answered, 4"). Most useful on a collapsible group, whose
+     * rows are not on screen to be counted.
+     */
+    count?: number | undefined;
+    /**
+     * The label becomes a disclosure button that shows and hides the rows. For
+     * a group a reader opens now and then, such as what they answered already,
+     * kept in the list without taking its room. Ignored with `hideLabel`, which
+     * leaves no button to open the rows with.
+     */
+    collapsible?: boolean | undefined;
+    /** Whether a collapsible group's rows are shown, when the caller holds it. */
+    open?: boolean | undefined;
+    /** Whether a collapsible group starts open, when the group holds it. */
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
 }
 /**
  * A labelled run of rows. The label is a heading set in the micro-label
  * register, so a reader navigating by heading lands on each group and a
  * reader scanning sees where one ends.
  */
-export declare function InboxGroup({ label, hideLabel, headingLevel, className, children, ...rest }: InboxGroupProps): import("react").JSX.Element;
+export declare function InboxGroup({ label, hideLabel, headingLevel, count, collapsible, open: controlledOpen, defaultOpen, onOpenChange, className, children, ...rest }: InboxGroupProps): import("react").JSX.Element;
 export type InboxRowTone = 'default' | 'danger';
 export interface InboxRowProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'onClick' | 'title'> {
     /** Who the row is from: a seat's or a person's name. */
@@ -65,10 +84,28 @@ export interface InboxRowProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'on
     unreadLabel?: string | undefined;
     /** It waits on the reader: the words take the primary ink. */
     actionable?: boolean | undefined;
-    /** Settled: the words are struck through in the quiet ink, and the state is read out. */
+    /**
+     * Settled: the name and the words step down to the secondary ink, and the
+     * state is read out. Never struck through: a settled row is still read, and
+     * a line through its words says "cancelled" where it means "done".
+     */
     done?: boolean | undefined;
     /** Read after the row's words when `done`: "Answered", "Resolved". */
     doneLabel?: string | undefined;
+    /**
+     * In the head, before the time: a short state of the row's own, such as a
+     * Tag reading "Answered". Drawn as given, so it carries its own words.
+     */
+    status?: ReactNode;
+    /**
+     * A line under the words, inside the control: what came of the row. "You
+     * chose One JSON file per group", "Crewlet-PM is acting on it".
+     */
+    outcome?: ReactNode;
+    /** A glyph before the outcome, drawn in the tone's ink and hidden from a screen reader. */
+    outcomeIcon?: ReactNode;
+    /** The ink of the outcome's glyph. The words stay in the secondary ink, so the line is read the same in every tone. */
+    outcomeTone?: Tone | undefined;
     /** Opens the row as a link. */
     href?: string | undefined;
     /**
@@ -91,11 +128,16 @@ export interface InboxRowProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'on
  * pressed fill says "here" without saying "look". The control carries
  * `aria-current`, so the row is announced as the open one where focus is.
  *
+ * WHAT CAME OF IT IS SAID, NOT STRUCK. A settled row steps its ink down and
+ * says its outcome on a line of its own (`outcome`), with any state the
+ * caller names in the head (`status`): every word stays legible, and the
+ * state is never carried by a decoration alone.
+ *
  * NOTHING IS CUT AT THE EDGE. The name ellipsizes, the time never wraps, and
  * the words take up to three lines before they stop, so a row says what it is
  * rather than its first few words.
  */
-export declare function InboxRow({ title, qualifier, qualifierTone, meta, leading, excerpt, aside, selected, unread, unreadLabel, actionable, done, doneLabel, href, onClick, className, children, ...rest }: InboxRowProps): import("react").JSX.Element;
+export declare function InboxRow({ title, qualifier, qualifierTone, meta, leading, excerpt, aside, selected, unread, unreadLabel, actionable, done, doneLabel, status, outcome, outcomeIcon, outcomeTone, href, onClick, className, children, ...rest }: InboxRowProps): import("react").JSX.Element;
 export type InboxMoreProps = HTMLAttributes<HTMLDivElement>;
 /**
  * The end of the list: the quiet toggles that open what is not in it by

package/dist/InboxList/index.js

@@ -1,4 +1,4 @@
-export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-62DBFNOK.js';
+export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-QPHD4UUG.js';
 import '../chunk-RK4XPHVG.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';