@crewlethq/ui 0.72.0 → 0.74.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`, `FilterPill`, 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`, `BriefCard`, `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`, `RecordChip` and `RecordChipList` (a record named in a sentence, opening a peek, and the Also read line), `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,14 @@ 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.73.0
+
+**`RecordChip`, a record named inside a sentence.** A button at the text's own size on its baseline, exactly one line of the text it sits in tall (`line-height: calc(1lh - 2px)` with its hairline, standing at the line's top so a key's mono text never moves the line), drawing the record's key in mono (`code`) or its name (`label`), with an optional kind glyph. It opens a **peek**: a `Popover` dialog named after the record (its key, then its name), with one line of context (`meta`), a body for its facts or rows (`children`) and a foot for the host's own link and downloads (`actions`). Focus moves into the peek; Escape, Tab out or a control that closes it returns focus to the chip, and a press outside closes it. A `code` chip's accessible name is the key and then the record's name ("GOP-11, Android 12 crash ..."); a `label` chip is named by its label alone, and carries its whole text as its `title`, so a pointer reader can read one cut at the line's end.
+
+**`RecordChipList`, the Also read line.** A caption-register lead (`label`, "Also read") and its `RecordChip` children on a wrapping row; the row is a list named by the lead. It draws nothing when it holds no chip.
+
+**`Table` sizes columns by their words.** `columns="content"` gives each column the room its words ask for rather than an equal share: a sentence wraps between words, a token longer than the table (a digest, a URL) wraps anywhere instead of pushing the table sideways, and `end` columns never wrap. With it, `nowrap` (by column index) holds a column of short tokens, such as a task's key, to one line. `nowrap` is offered only with `columns="content"`, by the type and at runtime: under the default even columns a held cell would run into the next one.
+
 ## Changes in 0.72.0
 
 **`BriefCard` says whether the reader has anything to do, once, and says the rest in fewer lines.** The head's Tag is the verdict, derived from the rows: "Nothing needs you" in the success tone, or "1 thing needs you", "2 things need you" in the tone of the loudest row (danger when any row is danger, otherwise warning). The body no longer repeats it as "Nothing needs you." under a "Needs you" label. One line says what the page is about (`about`, which wraps anywhere, so a URL, a branch or a hash stays inside the card). The rows are ranked and the first is the recommendation, with the primary button, marked "Do first" on the accent's softest ground when there are two or more rows to rank; the separate recommendation that used to repeat it is gone. A quiet `context` line under the rows holds a fact to know, and the follow-ups are a list named "Ask next". THE HOST RANKS AND CAPS: the card draws at most `BRIEF_CARD_MAX_NEEDS` (3) rows and `BRIEF_CARD_MAX_FOLLOW_UPS` (2) follow-ups, and outside production it warns in the console when handed more, because a row it drops is one the verdict does not count. To move:
@@ -1456,7 +1464,7 @@ What to change: a test that reads a failure toast's red edge or red words, or a
 
 **`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.
 
-**`ReadingPane`** reads one item in a single column named by its title: `ReadingPaneByline`, `ReadingPaneTitle`, `ReadingPaneLead`, `ReadingPaneQuote` (`verbatim` for a machine's words), `ReadingPaneReasoning`, `ReadingPaneOutcome` (a status line) and `ReadingPaneSection`.
+**`ReadingPane`** reads one item in a single column named by its title: `ReadingPaneByline`, `ReadingPaneTitle`, `ReadingPaneLead`, `ReadingPaneQuote` (`verbatim` for a machine's words), `ReadingPaneReasoning`, `ReadingPaneOutcome` (a status line, `tone="pending"` for an action accepted and still on its way, drawn with a clock in the secondary ink rather than the success check) and `ReadingPaneSection`.
 
 **`Link`** adds `variant="quiet"`, a reference among other words in `--color-text-link-quiet` that never underlines and steps up to the accent ink on hover, and `size="inherit"`.
 

package/dist/AgentHandoffPanel/index.js

@@ -1,16 +1,17 @@
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-EKZFB34W.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-6C6YK75K.js';
 import '../chunk-4MJN2KN6.js';
 import '../chunk-WFCWPXJN.js';
-import '../chunk-NATDVYEY.js';
+import '../chunk-5OFRDX66.js';
 import '../chunk-222VILSP.js';
 import '../chunk-FFGEJUAP.js';
 import '../chunk-CLJGFOTV.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-IVTQWOXV.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-PIYJNCN7.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
@@ -19,6 +20,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArrangeFrame/index.js

@@ -1,5 +1,5 @@
-export { ArrangeFrame, useGridResize } from '../chunk-I4IO56EY.js';
-import '../chunk-UAUP6XGK.js';
+export { ArrangeFrame, useGridResize } from '../chunk-PLNJEDGI.js';
 import '../chunk-2G355KDJ.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArrangeList/index.js

@@ -1,13 +1,13 @@
-export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-YZSG3JIY.js';
+export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-TWJERLT3.js';
 import '../chunk-3XDT5ZWL.js';
 import '../chunk-MPVMB2DV.js';
-import '../chunk-FFWMTIMH.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-PBCNINMB.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArtifactCard/index.js

@@ -1,4 +1,4 @@
-export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-4HCYBQ6B.js';
+export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-3EETQFAM.js';
 import '../chunk-BRLZXYPA.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-EJNJMHQG.js';
@@ -8,16 +8,16 @@ import '../chunk-AV2DXAEL.js';
 import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-NHLNHH4J.js';
-import '../chunk-FFWMTIMH.js';
+import '../chunk-PBCNINMB.js';
 import '../chunk-DOY3KC6I.js';
 export { ARTIFACT_KINDS, ArtifactKindGlyph } from '../chunk-RSKW25Y5.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Checkbox/index.js

@@ -1,10 +1,10 @@
-export { Checkbox, CheckboxGroup } from '../chunk-FFWMTIMH.js';
-import '../chunk-ZMML6NRS.js';
+export { Checkbox, CheckboxGroup } from '../chunk-PBCNINMB.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ColorField/index.js

@@ -1,11 +1,11 @@
-export { ColorField } from '../chunk-J7INWERB.js';
+export { ColorField } from '../chunk-7LSSYHOT.js';
 import '../chunk-7W3LYIOC.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Combobox/index.js

@@ -1,12 +1,12 @@
-export { Combobox } from '../chunk-OFARYSWS.js';
+export { Combobox } from '../chunk-ZUBFVK6B.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommandPalette/index.js

@@ -1,11 +1,12 @@
-export { CommandPalette } from '../chunk-SPWBT7FE.js';
+export { CommandPalette } from '../chunk-NXNLAZPK.js';
 import '../chunk-C667GCU7.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
@@ -13,6 +14,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommentThread/index.js

@@ -1,22 +1,22 @@
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-FX7FDPCM.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-YGWIWDXE.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-NATDVYEY.js';
+import '../chunk-5OFRDX66.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Composer/index.js

@@ -1,12 +1,12 @@
-export { COMPOSER_COUNTER_AT, Composer } from '../chunk-NATDVYEY.js';
+export { COMPOSER_COUNTER_AT, Composer } from '../chunk-5OFRDX66.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ConfirmField/index.js

@@ -1,11 +1,11 @@
-export { ConfirmField, confirmMatches } from '../chunk-LQXYAB2Q.js';
+export { ConfirmField, confirmMatches } from '../chunk-JVII5264.js';
 import '../chunk-PLL7ZJHY.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataGrid/index.js

@@ -1,15 +1,15 @@
-export { ChooserList, ColumnChooser, DATA_GRID_ICON_TRACK, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, nextGridSort, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-LEM3ZY35.js';
-import '../chunk-FFWMTIMH.js';
+export { ChooserList, ColumnChooser, DATA_GRID_ICON_TRACK, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, nextGridSort, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-FURJVZCT.js';
+import '../chunk-PBCNINMB.js';
 import '../chunk-PPUR46MK.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataTable/index.js

@@ -1,13 +1,14 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-HGWHIUZ5.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-BWFJB5JD.js';
 import '../chunk-C667GCU7.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-FFWMTIMH.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-PBCNINMB.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-OQG4P5KU.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
@@ -15,6 +16,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataView/index.js

@@ -1,7 +1,7 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-AMYU5W2H.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-J5WWMC35.js';
 import '../chunk-FPDIHEM4.js';
 import '../chunk-K4LZXSKZ.js';
-import '../chunk-HGWHIUZ5.js';
+import '../chunk-BWFJB5JD.js';
 import '../chunk-HPI5J6AR.js';
 import '../chunk-C667GCU7.js';
 import '../chunk-STJ7QBC3.js';
@@ -13,12 +13,13 @@ import '../chunk-KHJIEPZV.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-FFWMTIMH.js';
+import '../chunk-PBCNINMB.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-OQG4P5KU.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
@@ -26,6 +27,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DocTabsEditor/index.js

@@ -1,8 +1,9 @@
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-O4NQVNO5.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-W5AXJWOW.js';
 import '../chunk-MPVMB2DV.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-OQG4P5KU.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
@@ -10,6 +11,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Editor-6PBP444G.js → Editor-WZ5L4BI2.js}

@@ -1,10 +1,11 @@
-import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
+import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { FormField, Input } from './chunk-ZMML6NRS.js';
+import { FormField, Input } from './chunk-ETSF7SU6.js';
 import './chunk-PGCLHYVP.js';
 import './chunk-PQADV6P6.js';
+import './chunk-2G355KDJ.js';
 import { Menu } from './chunk-OQG4P5KU.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
@@ -12,7 +13,6 @@ import './chunk-XSPCITPN.js';
 import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import './chunk-NUZHC6MM.js';
-import './chunk-2G355KDJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { forwardRef, useMemo, useRef, useState, useId, useSyncExternalStore, useCallback, useLayoutEffect, useEffect, useImperativeHandle } from 'react';

package/dist/Input/index.js

@@ -1,9 +1,9 @@
-export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-ZMML6NRS.js';
+export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ListInput/index.js

@@ -1,15 +1,15 @@
-export { ListInput, withDraft } from '../chunk-52D5EFHL.js';
+export { ListInput, withDraft } from '../chunk-H32JW6CZ.js';
 import '../chunk-MPVMB2DV.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/PrincipalPicker/index.js

@@ -1,16 +1,16 @@
-export { PrincipalPicker } from '../chunk-IXPC5D36.js';
-import '../chunk-OFARYSWS.js';
+export { PrincipalPicker } from '../chunk-MFQPGMJT.js';
+import '../chunk-ZUBFVK6B.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ProposalCard/index.js

@@ -1,4 +1,4 @@
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, PROPOSAL_TONES, ProposalCard } from '../chunk-OSMR6TSC.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, PROPOSAL_TONES, ProposalCard } from '../chunk-3EY5SEGH.js';
 import '../chunk-ZWCK4N4L.js';
 import '../chunk-WQRSZMN4.js';
 import '../chunk-LR4IWUWQ.js';
@@ -7,18 +7,18 @@ import '../chunk-I5OIKDX2.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-4AUTALJA.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-FFWMTIMH.js';
+import '../chunk-PBCNINMB.js';
 import '../chunk-222VILSP.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-IVTQWOXV.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ReadingPane/ReadingPane.d.ts

@@ -77,13 +77,23 @@ export interface ReadingPaneReasoningProps extends Omit<HTMLAttributes<HTMLDivEl
  * underneath.
  */
 export declare function ReadingPaneReasoning({ title, footer, className, children, ...rest }: ReadingPaneReasoningProps): import("react").JSX.Element;
-export type ReadingPaneOutcomeProps = HTMLAttributes<HTMLParagraphElement>;
+export interface ReadingPaneOutcomeProps extends HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * Whether the action has done what it set out to (`done`, the default: a
+     * check, in the success ink) or has been accepted and is still on its way
+     * (`pending`: a clock, in the secondary ink), such as an answer sent to
+     * somebody who has not taken it yet. A pending outcome never draws the
+     * success check, because the reader would read it as finished.
+     */
+    tone?: 'done' | 'pending';
+}
 /**
  * What the reader's action did, in place of the controls that did it:
  * "Answered **Accept**". A live region, so the line is announced when it
- * replaces the button that was just pressed.
+ * replaces the button that was just pressed, and again when a pending outcome
+ * becomes a done one.
  */
-export declare function ReadingPaneOutcome({ className, children, ...rest }: ReadingPaneOutcomeProps): import("react").JSX.Element;
+export declare function ReadingPaneOutcome({ tone, className, children, ...rest }: ReadingPaneOutcomeProps): import("react").JSX.Element;
 export interface ReadingPaneSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
     /** What is below it, said exactly: "Replies to this question". */
     label: ReactNode;

package/dist/ReadingPane/index.js

@@ -1,4 +1,4 @@
-export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-ZAJHGDAW.js';
+export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-Q7N2ATMC.js';
 import '../chunk-RK4XPHVG.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ReadingPane-5UOLPWY5.css → ReadingPane-VLYOWMCM.css}

@@ -170,6 +170,11 @@
   flex: none;
 }
 
+/* Accepted and on its way, not done: the secondary ink, never the success one. */
+.crewlet-reading-pane__outcome--pending {
+  color: var(--color-text-secondary);
+}
+
 .crewlet-reading-pane__outcome strong {
   font-weight: var(--font-weight-medium);
   color: var(--color-text-primary);

package/dist/RecordChip/RecordChip.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+export interface RecordChipProps {
+    /** The record's short key, set in mono: "GOP-11". */
+    code?: string | undefined;
+    /**
+     * What the chip says where the record has no key ("QA", "Decisions waiting
+     * on you"). With a key, the key is what the chip says.
+     */
+    label?: string | undefined;
+    /** The record's full name, at the head of the peek: "Android 12 crash when lesson audio starts". */
+    title: string;
+    /** The record's kind as a glyph, before the key. Decoration. */
+    glyph?: ReactNode;
+    /** What the peek holds under the name: a few facts, a short table. */
+    children?: ReactNode;
+    /** The peek's controls, at its foot: the way to the record, a download. */
+    actions?: ReactNode;
+    /** One line of context in the peek's head, under the name: "Task · In progress". */
+    meta?: ReactNode;
+    className?: string | undefined;
+}
+/**
+ * A record named inside a sentence, as a chip that opens a PEEK: its name, a
+ * few facts and the way to it, without leaving the sentence.
+ *
+ * WHY IT EXISTS. An answer that names GOP-11 and also draws a card for it says
+ * the same record twice, the card a long way under the sentence that needed
+ * it. The chip puts the record where the words already are, and costs the
+ * line no height: it is the text's own size, on its baseline, exactly one of
+ * the line's own lines tall, hairline included.
+ *
+ * WHAT IT MAY POINT AT. The host draws a chip only for a record it read and
+ * resolved itself; the words around it are prose, and a chip is never made
+ * from a key the prose merely spells.
+ *
+ * A BUTTON THAT OPENS A DIALOG. The peek is a named `Popover` dialog, so focus
+ * moves into it when it opens. Escape, Tab out of it, or a control inside it
+ * that closes it hands focus back to the chip; a press outside closes it and
+ * leaves focus where that press put it. A key chip's name is the key and the
+ * record's name after it, so a reader moving by control hears what it opens;
+ * a label chip's name is its label, which already names the record.
+ *
+ * A LONG LABEL IS CUT AT THE LINE'S END and carries its whole text as the
+ * chip's title, so a pointer reader can still read it.
+ */
+export declare function RecordChip({ code, label, title, glyph, children, actions, meta, className }: RecordChipProps): import("react").JSX.Element;

package/dist/RecordChip/RecordChipList.d.ts

@@ -0,0 +1,17 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface RecordChipListProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** The line's lead, which also names the list: "Also read". */
+    label: string;
+    /** The records, each a `RecordChip`. */
+    children: ReactNode;
+}
+/**
+ * Records named on one quiet line under what they support, as chips: what an
+ * answer read but never named in its words ("Also read GOP-2 QA").
+ *
+ * A LIST NAMED BY ITS LEAD, so a screen reader hears "Also read, list, 3
+ * items" and then each chip, and the lead is drawn once rather than said
+ * again by every chip. The chips wrap onto further lines at a narrow width;
+ * the line is in the caption register, a step quieter than the text above it.
+ */
+export declare function RecordChipList({ label, children, className, ...rest }: RecordChipListProps): import("react").JSX.Element | null;

package/dist/RecordChip/index.d.ts

@@ -0,0 +1,5 @@
+import './RecordChip.css';
+export { RecordChip } from './RecordChip.js';
+export type { RecordChipProps } from './RecordChip.js';
+export { RecordChipList } from './RecordChipList.js';
+export type { RecordChipListProps } from './RecordChipList.js';

package/dist/RecordChip/index.js

@@ -0,0 +1,6 @@
+export { RecordChip, RecordChipList } from '../chunk-BFM5G2Z6.js';
+import '../chunk-KHJIEPZV.js';
+import '../chunk-OMV5W53A.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';
+import '../chunk-ODEQTPFM.js';