@crewlethq/ui 0.72.0 → 0.73.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:

package/dist/DeepWorkCard/index.js

@@ -1,7 +1,7 @@
-export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-P64MIA7C.js';
+export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-JKMBC4NB.js';
 import '../chunk-HJBHP66O.js';
-import '../chunk-ZWCK4N4L.js';
 import '../chunk-RQFRRPV6.js';
+import '../chunk-ZWCK4N4L.js';
 import '../chunk-NTQPJJAN.js';
 import '../chunk-I5OIKDX2.js';
 import '../chunk-WIATRXEJ.js';

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';

package/dist/RecordChip-53J66RA6.css

@@ -0,0 +1,184 @@
+/*
+ * A record inside a sentence. The text's own size on the text's own
+ * baseline, so a line holding one is no taller than a line without: a quiet
+ * hairline, the inset ground, and the key in mono.
+ */
+.crewlet-record-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  max-width: 100%;
+  margin: 0 1px;
+  padding: 0 var(--spacing-1);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-xs);
+  background: var(--color-surface-inset);
+  color: var(--color-text-primary);
+  font: inherit;
+  font-weight: var(--font-weight-medium);
+  /*
+   * EXACTLY ONE OF THE LINE'S OWN LINES, hairline included: `1lh` is the
+   * line-height the chip inherits, and the two pixels are its top and bottom
+   * border. At the snug step a label chip stood 20.2px in a 19.5px line and
+   * moved every line it sat on by a pixel.
+   */
+  line-height: calc(1lh - 2px);
+  /*
+   * TOP, NOT BASELINE: a key chip's text is mono at the micro step under the
+   * parent's absolute leading, and on the baseline it sat about a pixel off
+   * its neighbours' and pushed its line to 20.5px. At the line's top it is
+   * the line's own height (19.5px in a 19.5px line) with the key within half
+   * a pixel of the surrounding baseline.
+   */
+  vertical-align: top;
+  cursor: pointer;
+  transition:
+    background var(--motion-duration-fast) var(--motion-easing-default),
+    border-color var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+.crewlet-record-chip:hover,
+.crewlet-record-chip[data-open] {
+  border-color: var(--color-border-hover);
+  background: var(--color-surface-hover);
+}
+
+/* The chip draws its own hairline, so the ring lands on it rather than standing off it. */
+.crewlet-record-chip:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+.crewlet-record-chip--code .crewlet-record-chip__text {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-xs);
+}
+
+.crewlet-record-chip__text {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-record-chip__glyph {
+  display: inline-flex;
+  flex: none;
+  color: var(--color-text-tertiary);
+}
+
+/* THE PEEK: a name, a few facts and the way to it, at the panel's own inset. */
+.crewlet-popover.crewlet-record-chip__peek {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  max-height: min(420px, 70vh);
+  padding: var(--spacing-3);
+  font-size: var(--font-size-compact);
+  color: var(--color-text-primary);
+}
+
+.crewlet-record-chip__head {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-2);
+}
+
+.crewlet-record-chip__head-glyph {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  height: 1lh;
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-record-chip__head-words {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.crewlet-record-chip__name {
+  margin: 0;
+  font-weight: var(--font-weight-medium);
+  line-height: var(--font-line-height-normal);
+}
+
+.crewlet-record-chip__name-code {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-regular);
+  color: var(--color-text-secondary);
+}
+
+.crewlet-record-chip__meta {
+  margin: 0;
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-record-chip__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  min-width: 0;
+}
+
+/* Utilities start on the text edge, a ghost button's padding pulled into the gutter. */
+.crewlet-record-chip__actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-1);
+  margin-inline-start: calc(-1 * (var(--spacing-2) + 1px));
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-record-chip {
+    transition: none;
+  }
+}
+
+/* THE ALSO READ LINE: a caption-register lead and the chips after it, wrapping. */
+.crewlet-record-chip-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--spacing-1) var(--spacing-2);
+  min-width: 0;
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-normal);
+  color: var(--color-text-secondary);
+}
+
+.crewlet-record-chip-list__label {
+  flex: none;
+}
+
+/*
+ * THE LIST IS THE WRAPPING ROW. Not `display: contents`, which older WebKit
+ * and Chromium drop from the accessibility tree along with the list's name,
+ * so "Also read, list, 3 items" was never said.
+ */
+.crewlet-record-chip-list__items {
+  display: flex;
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--spacing-1) var(--spacing-2);
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-record-chip-list__item {
+  display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.crewlet-record-chip-list .crewlet-record-chip {
+  margin: 0;
+}

package/dist/ResultTableCard/index.js

@@ -1,5 +1,5 @@
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-SO5SXSTP.js';
-import '../chunk-5DJMFRSZ.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-JXJNX7QQ.js';
+import '../chunk-75NQV4R4.js';
 import '../chunk-EHFQMY3B.js';
 import '../chunk-YNRKVY7X.js';
 import '../chunk-DTIW4CHZ.js';

package/dist/Table/Table.d.ts

@@ -24,7 +24,7 @@ export interface TableActionButton {
 }
 /** Which edge a column's cells stand against: `start` for words, `end` for figures. */
 export type TableColumnAlign = 'start' | 'end';
-export interface TableProps {
+interface TableBaseProps {
     headers: ReactNode[];
     /** One array per row, in the header's own order. Cells may be any node. */
     data: ReactNode[][];
@@ -69,4 +69,31 @@ export interface TableProps {
     maxHeight?: string;
     className?: string;
 }
-export declare const Table: ({ headers, data, caption, captionHidden, emptyMessage, actionButton, maxHeight, align, footer, framed, className, }: TableProps) => import("react").JSX.Element;
+/**
+ * How the columns share the width. NOWRAP NEEDS COLUMNS SIZED BY THEIR WORDS:
+ * under the grid's equal columns a cell held to one line runs into the next
+ * one, so the type offers `nowrap` only with `columns="content"`, where the
+ * column grows to hold it.
+ */
+type TableColumnsProps = {
+    /** `even` (the default): the grid's equal columns. */
+    columns?: 'even' | undefined;
+    nowrap?: undefined;
+} | {
+    /**
+     * `content`: each column takes the room its words ask for, as a result
+     * read beside an answer wants. A sentence wraps between words, a token
+     * longer than the table wraps anywhere rather than push the table
+     * sideways, and the figures (`end` columns) never wrap.
+     */
+    columns: 'content';
+    /**
+     * Columns whose cells never wrap, by index: a short token such as a
+     * task's key ("GOP-11"), which a line would otherwise break at its
+     * hyphen.
+     */
+    nowrap?: readonly boolean[] | undefined;
+};
+export type TableProps = TableBaseProps & TableColumnsProps;
+export declare const Table: ({ headers, data, caption, captionHidden, emptyMessage, actionButton, maxHeight, align, footer, framed, columns, nowrap, className, }: TableProps) => import("react").JSX.Element;
+export {};

package/dist/Table/index.js

@@ -1,3 +1,3 @@
-export { Table } from '../chunk-5DJMFRSZ.js';
+export { Table } from '../chunk-75NQV4R4.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Table-RUYMMWXT.css → Table-MN3FIA2O.css}

@@ -216,3 +216,31 @@
     transition: none;
   }
 }
+
+/*
+ * COLUMNS SIZED BY THEIR WORDS (`columns="content"`), for a result read
+ * beside an answer. Each column takes the room its words ask for, so a short
+ * key keeps its line and the longest text takes the most and wraps between
+ * words. A token longer than the table (a digest, a URL) wraps ANYWHERE: with
+ * `break-word` it did not, because under an auto layout a word's whole width
+ * is the column's minimum, and a sha256 in a 350px table pushed it to 606px.
+ * `anywhere` lets the minimum shrink to a character. The figures (`end`
+ * columns) and the nowrap columns never wrap, and the figures stay tabular.
+ */
+.crewlet-table--content .crewlet-table__table {
+  table-layout: auto;
+  font-variant-numeric: tabular-nums;
+}
+
+.crewlet-table--content td:not(.crewlet-table__cell--nowrap, .crewlet-table__cell--end) {
+  overflow-wrap: anywhere;
+}
+
+.crewlet-table--content .crewlet-table__cell--end {
+  white-space: nowrap;
+}
+
+/* A column of short tokens (a task's key) keeps each on one line; only content columns offer it. */
+.crewlet-table--content .crewlet-table__cell--nowrap {
+  white-space: nowrap;
+}

package/dist/chunk-75NQV4R4.js

@@ -0,0 +1,72 @@
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './Table-MN3FIA2O.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Table = ({
+  headers,
+  data,
+  caption,
+  captionHidden = false,
+  emptyMessage = "No data available",
+  actionButton,
+  maxHeight,
+  align,
+  footer,
+  framed = true,
+  columns = "even",
+  nowrap,
+  className = ""
+}) => {
+  const columnCount = Math.max(1, headers.length);
+  const held = columns === "content" ? nowrap : void 0;
+  const edge = (index) => cx(align?.[index] === "end" && "crewlet-table__cell--end", held?.[index] === true && "crewlet-table__cell--nowrap") || void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(
+        "crewlet-table",
+        !framed && "crewlet-table--flush",
+        columns === "content" && "crewlet-table--content",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "crewlet-table__container",
+            style: (
+              // Only the height: the stylesheet scrolls both axes unconditionally,
+              // because with `overflow-x: auto` declared beside it a `visible`
+              // vertical axis was never reachable. See Table.css.
+              maxHeight ? { "--crewlet-table-max-height": maxHeight } : void 0
+            ),
+            children: /* @__PURE__ */ jsxs("table", { className: "crewlet-table__table", children: [
+              caption != null && (captionHidden ? /* @__PURE__ */ jsx("caption", { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: caption }) }) : /* @__PURE__ */ jsx("caption", { className: "crewlet-table__caption", children: caption })),
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "crewlet-table__header", children: headers.map((header, index) => (
+                // The index is the key because a header is a position: the
+                // columns of one table do not reorder between renders.
+                /* @__PURE__ */ jsx("th", { scope: "col", className: edge(index), children: header }, index)
+              )) }) }),
+              /* @__PURE__ */ jsx("tbody", { children: data && data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "crewlet-table__row", children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx("td", { className: edge(cellIndex), children: cell }, cellIndex)) }, rowIndex)) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { className: "crewlet-table__empty", colSpan: columnCount, children: emptyMessage }) }) }),
+              footer && footer.length > 0 ? /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsx("tr", { className: "crewlet-table__footer", children: footer.map(
+                (cell, index) => index === 0 ? /* @__PURE__ */ jsx("th", { scope: "row", className: edge(index), children: cell }, index) : /* @__PURE__ */ jsx("td", { className: edge(index), children: cell }, index)
+              ) }) }) : null
+            ] })
+          }
+        ),
+        actionButton && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "crewlet-table__action-btn",
+            onClick: actionButton.onClick,
+            children: /* @__PURE__ */ jsx("span", { className: "crewlet-table__action-text", children: actionButton.label })
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { Table };

package/dist/chunk-BFM5G2Z6.js

@@ -0,0 +1,60 @@
+import { Popover } from './chunk-KHJIEPZV.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './RecordChip-53J66RA6.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId, Children, isValidElement } from 'react';
+
+function RecordChip({ code, label, title, glyph, children, actions, meta, className }) {
+  const said = code ?? label ?? title;
+  const hasBody = !(children === void 0 || children === null || children === false);
+  const hasActions = !(actions === void 0 || actions === null || actions === false);
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      label: code ? `${code} ${title}` : title,
+      align: "start",
+      className: "crewlet-record-chip__peek",
+      trigger: (open, toggle) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: cx("crewlet-record-chip", code ? "crewlet-record-chip--code" : null, className),
+          "data-open": open || void 0,
+          "aria-label": code ? `${code}, ${title}` : void 0,
+          title: code ? void 0 : said,
+          onClick: toggle,
+          children: [
+            glyph === void 0 || glyph === null ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-record-chip__glyph", "aria-hidden": "true", children: glyph }),
+            /* @__PURE__ */ jsx("span", { className: "crewlet-record-chip__text", children: said })
+          ]
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "crewlet-record-chip__head", children: [
+          glyph === void 0 || glyph === null ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-record-chip__head-glyph", "aria-hidden": "true", children: glyph }),
+          /* @__PURE__ */ jsxs("div", { className: "crewlet-record-chip__head-words", children: [
+            /* @__PURE__ */ jsxs("p", { className: "crewlet-record-chip__name", children: [
+              code ? /* @__PURE__ */ jsx("span", { className: "crewlet-record-chip__name-code", children: code }) : null,
+              code ? " " : null,
+              title
+            ] }),
+            meta === void 0 || meta === null ? null : /* @__PURE__ */ jsx("p", { className: "crewlet-record-chip__meta", children: meta })
+          ] })
+        ] }),
+        hasBody ? /* @__PURE__ */ jsx("div", { className: "crewlet-record-chip__body", children }) : null,
+        hasActions ? /* @__PURE__ */ jsx("div", { className: "crewlet-record-chip__actions", children: actions }) : null
+      ]
+    }
+  );
+}
+function RecordChipList({ label, children, className, ...rest }) {
+  const id = useId();
+  const items = Children.toArray(children).filter(isValidElement);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-record-chip-list", className), children: [
+    /* @__PURE__ */ jsx("span", { id, className: "crewlet-record-chip-list__label", children: label }),
+    /* @__PURE__ */ jsx("ul", { role: "list", "aria-labelledby": id, className: "crewlet-record-chip-list__items", children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className: "crewlet-record-chip-list__item", children: item }, item.key ?? i)) })
+  ] });
+}
+
+export { RecordChip, RecordChipList };

package/dist/{chunk-SO5SXSTP.js → chunk-JXJNX7QQ.js}

@@ -1,4 +1,4 @@
-import { Table } from './chunk-5DJMFRSZ.js';
+import { Table } from './chunk-75NQV4R4.js';
 import { DownloadButton } from './chunk-EHFQMY3B.js';
 import { StatusCard } from './chunk-NTQPJJAN.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/generated/index.d.ts

@@ -157,6 +157,7 @@ export * from '../Prose/index.js';
 export * from '../QrCode/index.js';
 export * from '../ReadingPane/index.js';
 export * from '../ReceiptStrip/index.js';
+export * from '../RecordChip/index.js';
 export * from '../RefusalCard/index.js';
 export * from '../RelatedRow/index.js';
 export * from '../RelativeTime/index.js';

package/dist/generated/index.js

@@ -1,26 +1,26 @@
-import '../chunk-ABZC3NLM.js';
+import '../chunk-ABGLGAFJ.js';
+export { StatCard } from '../chunk-G5IZGAWS.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from '../chunk-FEJANUZK.js';
-export { TreeCanvas } from '../chunk-JQEXAH7G.js';
 export { TypeSpecimen } from '../chunk-JKAFEFFC.js';
 export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from '../chunk-YAL6VBRK.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-EOXI3CRG.js';
 export { VersionTimeline } from '../chunk-O3HCFM3D.js';
+export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-AGLONIVV.js';
 export { WidgetFrame } from '../chunk-S5QJZOPL.js';
-export { TileGrid } from '../chunk-Q6CQMS6R.js';
 export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-H6S6NRZL.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-I7YQNRTQ.js';
 export { ToastProvider, Toaster, readingDuration, toasterInsetStyle, useToast } from '../chunk-JIBWNHTC.js';
+export { TreeCanvas } from '../chunk-JQEXAH7G.js';
 export { TagsInput } from '../chunk-5VMAJAVF.js';
 export { ThemeGallery } from '../chunk-LWFOX3PB.js';
 export { ThemeSwatch } from '../chunk-3XQUEF5C.js';
-export { ThemeToggle } from '../chunk-IPMJGK2Q.js';
-export { ThinkingIndicator } from '../chunk-M73MMEZY.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-VWMB3CJN.js';
+export { ThemeToggle } from '../chunk-IPMJGK2Q.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
+export { ThinkingIndicator } from '../chunk-M73MMEZY.js';
+export { TileGrid } from '../chunk-Q6CQMS6R.js';
 export { Switcher } from '../chunk-F5QBQP63.js';
-export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-AGLONIVV.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-4TMBAOXK.js';
-export { StatCard } from '../chunk-G5IZGAWS.js';
 export { StatGroup } from '../chunk-OUD75UB2.js';
 export { Statement } from '../chunk-MZJKPTA5.js';
 export { matchesShortcut, useShortcut } from '../chunk-AYHIF6DH.js';
@@ -34,39 +34,39 @@ export { SettingsTable, SettingsTableRow } from '../chunk-4RKTZSEW.js';
 export { SetupWizard } from '../chunk-SBHAKX2T.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-73SAOOR5.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-AWQQ5I34.js';
+export { Select } from '../chunk-VK45YJLH.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-EN4UJQ63.js';
 export { TagGroup } from '../chunk-UEOEBOBR.js';
+export { RichEditor, preloadRichEditor } from '../chunk-BW6MQO2B.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 export { RUN_STATES, RunChip } from '../chunk-PIAGTZY3.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-DGSK4LLS.js';
 export { SearchTrigger } from '../chunk-ERNT3UTB.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from '../chunk-G4CGDUCP.js';
 export { NavGroup, NavItem, SidebarNav } from '../chunk-WCDPFTJZ.js';
 export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
-export { Select } from '../chunk-VK45YJLH.js';
+export { RecordChip, RecordChipList } from '../chunk-BFM5G2Z6.js';
 export { REFUSAL_CARD_LABELS, RefusalCard } from '../chunk-RQHN4J5P.js';
 export { RelatedRow } from '../chunk-CNEHFH2A.js';
 export { Text } from '../chunk-QP2P6GDQ.js';
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-SO5SXSTP.js';
-export { Table } from '../chunk-5DJMFRSZ.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-JXJNX7QQ.js';
+export { Table } from '../chunk-75NQV4R4.js';
 export { ReviewList } from '../chunk-DO4J4TBZ.js';
-export { RichEditor, preloadRichEditor } from '../chunk-BW6MQO2B.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from '../chunk-SWD4QBL6.js';
 import '../chunk-QH6VYJ3X.js';
-export { PropertyList } from '../chunk-HIWPPWNY.js';
 export { PrincipalPicker } from '../chunk-IXPC5D36.js';
+export { PropertyList } from '../chunk-HIWPPWNY.js';
 export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, PROPOSAL_TONES, ProposalCard } from '../chunk-OSMR6TSC.js';
 export { Prose } from '../chunk-DVVP27OD.js';
 export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from '../chunk-Y56FM3K4.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-ZAJHGDAW.js';
+export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-3WN5HUAK.js';
 export { PinTile } from '../chunk-LJ3KWQLP.js';
-export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from '../chunk-CDNZTCP2.js';
 export { PresenceStack } from '../chunk-EVXXY75R.js';
 export { PresenterView, formatStopwatch } from '../chunk-PRN5IP2R.js';
 export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-5AJR6X75.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from '../chunk-RMEBFYL7.js';
 export { PricingCard } from '../chunk-ZKIEOWR6.js';
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-G4QZWVAB.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-RUBKDJAQ.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-FWUX3F6Q.js';
 export { TreeGrid } from '../chunk-IL3XLDW7.js';
@@ -74,18 +74,19 @@ export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, lay
 export { OrgLabel } from '../chunk-ONQKKHON.js';
 export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
 export { PageNote } from '../chunk-CV4NES3P.js';
+export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from '../chunk-CDNZTCP2.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-SMZPUHBL.js';
 import '../chunk-CENOOTAV.js';
-export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-3WN5HUAK.js';
 export { MessageBubble } from '../chunk-KAQ2L74F.js';
 export { NewItemsNotice } from '../chunk-463DNZXI.js';
 export { FactLine, ObjectHeader, SetByLine } from '../chunk-S7WG53JB.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-G4QZWVAB.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from '../chunk-DPNVKWJX.js';
 export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MARGIN, LIVE_PREVIEW_MAX, LIVE_PREVIEW_MAX_FRAMES, LIVE_PREVIEW_RENDER_MS, LIVE_PREVIEW_STILLS_KEPT, LivePreview, LivePreviewBudgetProvider, PREVIEW_FILL_MAX_CUT, PreviewScale, createLivePreviewBudget, createLivePreviewStills, immediately, perFrame, useLivePreview } from '../chunk-CQFQGAZI.js';
 export { LockedLabel } from '../chunk-TEV5REGB.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from '../chunk-BAKPMH3S.js';
-export { LogoSlot, LogoSlotGroup } from '../chunk-YUHKRRWO.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-ERFXYGRF.js';
+export { LogoSlot, LogoSlotGroup } from '../chunk-YUHKRRWO.js';
 export { LAYERS_LIST_LABELS, LayersList } from '../chunk-VUYNNILP.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-ZAC7SKUN.js';
 export { Link } from '../chunk-QF5UNP4T.js';
@@ -95,8 +96,8 @@ export { ListDetail } from '../chunk-YBC2CYPD.js';
 export { ListInput, withDraft } from '../chunk-52D5EFHL.js';
 export { IconTile } from '../chunk-3LI4TRUR.js';
 export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-QPHD4UUG.js';
-export { IndicatorAnchor } from '../chunk-27MJPU7G.js';
 export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-4DL2BQJE.js';
+export { IndicatorAnchor } from '../chunk-27MJPU7G.js';
 export { FollowBanner } from '../chunk-JT7WRPZ6.js';
 export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRAME_ORIGIN_MODES, FRAME_SANDBOX_TOKENS, applyFrameTheme, checkFrameSandbox, externalUrl, frameFragment, frameOriginMatches, frameThemeMessage, httpOrigin, isFocusExit, isFrameNonce, negotiateBridge, parseFrameFragment, portTargetOrigin, readFrameHello, readFramePortMessage, readFrameTheme, readOpenLink } from '../chunk-F6V2PTN6.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
@@ -105,23 +106,23 @@ export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js
 import '../chunk-MICRGE3J.js';
 import '../chunk-FFMCMSJB.js';
 export { ImageUpload } from '../chunk-56IFLQGF.js';
-export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FactList } from '../chunk-CSXJIIO4.js';
+export { ErrorBoundary } from '../chunk-IJ7KLXUZ.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-KQWJWTED.js';
 export { FileList } from '../chunk-5WRWBDML.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-IWZG7NPV.js';
-export { FindingList } from '../chunk-LSRQ2A6B.js';
 export { FolderTile, describeFolderContents, folderContentsParts } from '../chunk-WTXCK46H.js';
+export { FindingList } from '../chunk-LSRQ2A6B.js';
 export { DownloadButton } from '../chunk-EHFQMY3B.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from '../chunk-YNRKVY7X.js';
 export { EditingStatus } from '../chunk-VLGGLLKH.js';
 export { EntityChip } from '../chunk-OSKJZNBT.js';
 export { EntityList } from '../chunk-7IW3P6FH.js';
-export { ErrorBoundary } from '../chunk-IJ7KLXUZ.js';
-export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-P64MIA7C.js';
+export { Eyebrow } from '../chunk-RK4XPHVG.js';
+export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-JKMBC4NB.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from '../chunk-HJBHP66O.js';
-export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-ZWCK4N4L.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-RQFRRPV6.js';
+export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-ZWCK4N4L.js';
 export { DescriptionList, DescriptionListItem } from '../chunk-MFS6F2P7.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from '../chunk-AOFVXE6V.js';
 export { DirectoryList } from '../chunk-SRDNGGZE.js';
@@ -163,16 +164,16 @@ export { ChangeMark } from '../chunk-Z2MZTI3H.js';
 export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_BOUNDS, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_FIT_SAMPLES, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, fitSamples, fittedWidth, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, retypeColumn, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from '../chunk-LFSIKGRQ.js';
 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-YWVT7B6N.js';
 export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from '../chunk-R5OATXWU.js';
+export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from '../chunk-YWVT7B6N.js';
 export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_FOLLOW_UPS, BRIEF_CARD_MAX_NEEDS, BriefCard } from '../chunk-4KSCGXLJ.js';
 export { SuggestionList, SuggestionRow } from '../chunk-Y7PVLEZJ.js';
 export { StatusCard } from '../chunk-NTQPJJAN.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-EE3DJMSQ.js';
 export { Callout } from '../chunk-BPCY7ZID.js';
+export { CanvasSchematic } from '../chunk-NBWNLYWZ.js';
 export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-FQI62PIZ.js';
 export { Note } from '../chunk-5SZGKSGL.js';
-export { CanvasSchematic } from '../chunk-NBWNLYWZ.js';
 export { CanvasToolbar, toolForKey } from '../chunk-KL6A7JGH.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-NR4CPM4T.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-OBPINJNO.js';
@@ -191,8 +192,8 @@ import '../chunk-5SGHW42B.js';
 import '../chunk-7W3LYIOC.js';
 export { Breadcrumb } from '../chunk-M52HLPOG.js';
 export { KeyChip } from '../chunk-HBDA76EZ.js';
-export { ArtifactMakeRow } from '../chunk-37U3Z65B.js';
 export { ArtifactNameCell } from '../chunk-4MRFLHJC.js';
+export { ArtifactMakeRow } from '../chunk-37U3Z65B.js';
 export { AsideLayout } from '../chunk-QOXLP5PE.js';
 export { ATTACHMENT_CHIP_LABELS, AttachmentChip } from '../chunk-3N36CYTU.js';
 export { Tag } from '../chunk-I5OIKDX2.js';

package/dist/index.js

@@ -1,26 +1,26 @@
-import './chunk-ABZC3NLM.js';
+import './chunk-ABGLGAFJ.js';
+export { StatCard } from './chunk-G5IZGAWS.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from './chunk-FEJANUZK.js';
-export { TreeCanvas } from './chunk-JQEXAH7G.js';
 export { TypeSpecimen } from './chunk-JKAFEFFC.js';
 export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from './chunk-YAL6VBRK.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-EOXI3CRG.js';
 export { VersionTimeline } from './chunk-O3HCFM3D.js';
+export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-AGLONIVV.js';
 export { WidgetFrame } from './chunk-S5QJZOPL.js';
-export { TileGrid } from './chunk-Q6CQMS6R.js';
 export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from './chunk-H6S6NRZL.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-I7YQNRTQ.js';
 export { ToastProvider, Toaster, readingDuration, toasterInsetStyle, useToast } from './chunk-JIBWNHTC.js';
+export { TreeCanvas } from './chunk-JQEXAH7G.js';
 export { TagsInput } from './chunk-5VMAJAVF.js';
 export { ThemeGallery } from './chunk-LWFOX3PB.js';
 export { ThemeSwatch } from './chunk-3XQUEF5C.js';
-export { ThemeToggle } from './chunk-IPMJGK2Q.js';
-export { ThinkingIndicator } from './chunk-M73MMEZY.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-VWMB3CJN.js';
+export { ThemeToggle } from './chunk-IPMJGK2Q.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
+export { ThinkingIndicator } from './chunk-M73MMEZY.js';
+export { TileGrid } from './chunk-Q6CQMS6R.js';
 export { Switcher } from './chunk-F5QBQP63.js';
-export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-AGLONIVV.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-4TMBAOXK.js';
-export { StatCard } from './chunk-G5IZGAWS.js';
 export { StatGroup } from './chunk-OUD75UB2.js';
 export { Statement } from './chunk-MZJKPTA5.js';
 export { matchesShortcut, useShortcut } from './chunk-AYHIF6DH.js';
@@ -34,39 +34,39 @@ export { SettingsTable, SettingsTableRow } from './chunk-4RKTZSEW.js';
 export { SetupWizard } from './chunk-SBHAKX2T.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-73SAOOR5.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-AWQQ5I34.js';
+export { Select } from './chunk-VK45YJLH.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-EN4UJQ63.js';
 export { TagGroup } from './chunk-UEOEBOBR.js';
+export { RichEditor, preloadRichEditor } from './chunk-BW6MQO2B.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { RUN_STATES, RunChip } from './chunk-PIAGTZY3.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-DGSK4LLS.js';
 export { SearchTrigger } from './chunk-ERNT3UTB.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from './chunk-G4CGDUCP.js';
 export { NavGroup, NavItem, SidebarNav } from './chunk-WCDPFTJZ.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
-export { Select } from './chunk-VK45YJLH.js';
+export { RecordChip, RecordChipList } from './chunk-BFM5G2Z6.js';
 export { REFUSAL_CARD_LABELS, RefusalCard } from './chunk-RQHN4J5P.js';
 export { RelatedRow } from './chunk-CNEHFH2A.js';
 export { Text } from './chunk-QP2P6GDQ.js';
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-SO5SXSTP.js';
-export { Table } from './chunk-5DJMFRSZ.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-JXJNX7QQ.js';
+export { Table } from './chunk-75NQV4R4.js';
 export { ReviewList } from './chunk-DO4J4TBZ.js';
-export { RichEditor, preloadRichEditor } from './chunk-BW6MQO2B.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from './chunk-SWD4QBL6.js';
 import './chunk-QH6VYJ3X.js';
-export { PropertyList } from './chunk-HIWPPWNY.js';
 export { PrincipalPicker } from './chunk-IXPC5D36.js';
+export { PropertyList } from './chunk-HIWPPWNY.js';
 export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, PROPOSAL_TONES, ProposalCard } from './chunk-OSMR6TSC.js';
 export { Prose } from './chunk-DVVP27OD.js';
 export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-ZAJHGDAW.js';
+export { MERGE_CONFLICTS_LABELS, MergeConflicts } from './chunk-3WN5HUAK.js';
 export { PinTile } from './chunk-LJ3KWQLP.js';
-export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from './chunk-CDNZTCP2.js';
 export { PresenceStack } from './chunk-EVXXY75R.js';
 export { PresenterView, formatStopwatch } from './chunk-PRN5IP2R.js';
 export { SLIDE_NAV_LABELS, SlideNav } from './chunk-5AJR6X75.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-RMEBFYL7.js';
 export { PricingCard } from './chunk-ZKIEOWR6.js';
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-G4QZWVAB.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-RUBKDJAQ.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-FWUX3F6Q.js';
 export { TreeGrid } from './chunk-IL3XLDW7.js';
@@ -74,18 +74,19 @@ export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, lay
 export { OrgLabel } from './chunk-ONQKKHON.js';
 export { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
 export { PageNote } from './chunk-CV4NES3P.js';
+export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from './chunk-CDNZTCP2.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-SMZPUHBL.js';
 import './chunk-CENOOTAV.js';
-export { MERGE_CONFLICTS_LABELS, MergeConflicts } from './chunk-3WN5HUAK.js';
 export { MessageBubble } from './chunk-KAQ2L74F.js';
 export { NewItemsNotice } from './chunk-463DNZXI.js';
 export { FactLine, ObjectHeader, SetByLine } from './chunk-S7WG53JB.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-G4QZWVAB.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from './chunk-DPNVKWJX.js';
 export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MARGIN, LIVE_PREVIEW_MAX, LIVE_PREVIEW_MAX_FRAMES, LIVE_PREVIEW_RENDER_MS, LIVE_PREVIEW_STILLS_KEPT, LivePreview, LivePreviewBudgetProvider, PREVIEW_FILL_MAX_CUT, PreviewScale, createLivePreviewBudget, createLivePreviewStills, immediately, perFrame, useLivePreview } from './chunk-CQFQGAZI.js';
 export { LockedLabel } from './chunk-TEV5REGB.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from './chunk-BAKPMH3S.js';
-export { LogoSlot, LogoSlotGroup } from './chunk-YUHKRRWO.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-ERFXYGRF.js';
+export { LogoSlot, LogoSlotGroup } from './chunk-YUHKRRWO.js';
 export { LAYERS_LIST_LABELS, LayersList } from './chunk-VUYNNILP.js';
 export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
 export { Link } from './chunk-QF5UNP4T.js';
@@ -95,8 +96,8 @@ export { ListDetail } from './chunk-YBC2CYPD.js';
 export { ListInput, withDraft } from './chunk-52D5EFHL.js';
 export { IconTile } from './chunk-3LI4TRUR.js';
 export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from './chunk-QPHD4UUG.js';
-export { IndicatorAnchor } from './chunk-27MJPU7G.js';
 export { INLINE_EDITOR_LABELS, InlineEditor } from './chunk-4DL2BQJE.js';
+export { IndicatorAnchor } from './chunk-27MJPU7G.js';
 export { FollowBanner } from './chunk-JT7WRPZ6.js';
 export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRAME_ORIGIN_MODES, FRAME_SANDBOX_TOKENS, applyFrameTheme, checkFrameSandbox, externalUrl, frameFragment, frameOriginMatches, frameThemeMessage, httpOrigin, isFocusExit, isFrameNonce, negotiateBridge, parseFrameFragment, portTargetOrigin, readFrameHello, readFramePortMessage, readFrameTheme, readOpenLink } from './chunk-F6V2PTN6.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from './chunk-ZXXDZJQN.js';
@@ -105,23 +106,23 @@ export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js'
 import './chunk-MICRGE3J.js';
 import './chunk-FFMCMSJB.js';
 export { ImageUpload } from './chunk-56IFLQGF.js';
-export { Eyebrow } from './chunk-RK4XPHVG.js';
 export { FactList } from './chunk-CSXJIIO4.js';
+export { ErrorBoundary } from './chunk-IJ7KLXUZ.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from './chunk-KQWJWTED.js';
 export { FileList } from './chunk-5WRWBDML.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-IWZG7NPV.js';
-export { FindingList } from './chunk-LSRQ2A6B.js';
 export { FolderTile, describeFolderContents, folderContentsParts } from './chunk-WTXCK46H.js';
+export { FindingList } from './chunk-LSRQ2A6B.js';
 export { DownloadButton } from './chunk-EHFQMY3B.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from './chunk-YNRKVY7X.js';
 export { EditingStatus } from './chunk-VLGGLLKH.js';
 export { EntityChip } from './chunk-OSKJZNBT.js';
 export { EntityList } from './chunk-7IW3P6FH.js';
-export { ErrorBoundary } from './chunk-IJ7KLXUZ.js';
-export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from './chunk-P64MIA7C.js';
+export { Eyebrow } from './chunk-RK4XPHVG.js';
+export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from './chunk-JKMBC4NB.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from './chunk-HJBHP66O.js';
-export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-ZWCK4N4L.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-RQFRRPV6.js';
+export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-ZWCK4N4L.js';
 export { DescriptionList, DescriptionListItem } from './chunk-MFS6F2P7.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from './chunk-AOFVXE6V.js';
 export { DirectoryList } from './chunk-SRDNGGZE.js';
@@ -163,16 +164,16 @@ export { ChangeMark } from './chunk-Z2MZTI3H.js';
 export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_BOUNDS, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_FIT_SAMPLES, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, fitSamples, fittedWidth, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, retypeColumn, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from './chunk-LFSIKGRQ.js';
 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-YWVT7B6N.js';
 export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from './chunk-R5OATXWU.js';
+export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from './chunk-YWVT7B6N.js';
 export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_FOLLOW_UPS, BRIEF_CARD_MAX_NEEDS, BriefCard } from './chunk-4KSCGXLJ.js';
 export { SuggestionList, SuggestionRow } from './chunk-Y7PVLEZJ.js';
 export { StatusCard } from './chunk-NTQPJJAN.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-EE3DJMSQ.js';
 export { Callout } from './chunk-BPCY7ZID.js';
+export { CanvasSchematic } from './chunk-NBWNLYWZ.js';
 export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from './chunk-FQI62PIZ.js';
 export { Note } from './chunk-5SZGKSGL.js';
-export { CanvasSchematic } from './chunk-NBWNLYWZ.js';
 export { CanvasToolbar, toolForKey } from './chunk-KL6A7JGH.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-NR4CPM4T.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from './chunk-OBPINJNO.js';
@@ -191,8 +192,8 @@ import './chunk-5SGHW42B.js';
 import './chunk-7W3LYIOC.js';
 export { Breadcrumb } from './chunk-M52HLPOG.js';
 export { KeyChip } from './chunk-HBDA76EZ.js';
-export { ArtifactMakeRow } from './chunk-37U3Z65B.js';
 export { ArtifactNameCell } from './chunk-4MRFLHJC.js';
+export { ArtifactMakeRow } from './chunk-37U3Z65B.js';
 export { AsideLayout } from './chunk-QOXLP5PE.js';
 export { ATTACHMENT_CHIP_LABELS, AttachmentChip } from './chunk-3N36CYTU.js';
 export { Tag } from './chunk-I5OIKDX2.js';

package/dist/styles.css

@@ -28040,6 +28040,193 @@ button.crewlet-presence-stack__member:focus-visible {
 }
 
 
+/* RecordChip-53J66RA6.css */
+/*
+ * A record inside a sentence. The text's own size on the text's own
+ * baseline, so a line holding one is no taller than a line without: a quiet
+ * hairline, the inset ground, and the key in mono.
+ */
+.crewlet-record-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  max-width: 100%;
+  margin: 0 1px;
+  padding: 0 var(--spacing-1);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-xs);
+  background: var(--color-surface-inset);
+  color: var(--color-text-primary);
+  font: inherit;
+  font-weight: var(--font-weight-medium);
+  /*
+   * EXACTLY ONE OF THE LINE'S OWN LINES, hairline included: `1lh` is the
+   * line-height the chip inherits, and the two pixels are its top and bottom
+   * border. At the snug step a label chip stood 20.2px in a 19.5px line and
+   * moved every line it sat on by a pixel.
+   */
+  line-height: calc(1lh - 2px);
+  /*
+   * TOP, NOT BASELINE: a key chip's text is mono at the micro step under the
+   * parent's absolute leading, and on the baseline it sat about a pixel off
+   * its neighbours' and pushed its line to 20.5px. At the line's top it is
+   * the line's own height (19.5px in a 19.5px line) with the key within half
+   * a pixel of the surrounding baseline.
+   */
+  vertical-align: top;
+  cursor: pointer;
+  transition:
+    background var(--motion-duration-fast) var(--motion-easing-default),
+    border-color var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+.crewlet-record-chip:hover,
+.crewlet-record-chip[data-open] {
+  border-color: var(--color-border-hover);
+  background: var(--color-surface-hover);
+}
+
+/* The chip draws its own hairline, so the ring lands on it rather than standing off it. */
+.crewlet-record-chip:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+.crewlet-record-chip--code .crewlet-record-chip__text {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-xs);
+}
+
+.crewlet-record-chip__text {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-record-chip__glyph {
+  display: inline-flex;
+  flex: none;
+  color: var(--color-text-tertiary);
+}
+
+/* THE PEEK: a name, a few facts and the way to it, at the panel's own inset. */
+.crewlet-popover.crewlet-record-chip__peek {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  max-height: min(420px, 70vh);
+  padding: var(--spacing-3);
+  font-size: var(--font-size-compact);
+  color: var(--color-text-primary);
+}
+
+.crewlet-record-chip__head {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-2);
+}
+
+.crewlet-record-chip__head-glyph {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  height: 1lh;
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-record-chip__head-words {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.crewlet-record-chip__name {
+  margin: 0;
+  font-weight: var(--font-weight-medium);
+  line-height: var(--font-line-height-normal);
+}
+
+.crewlet-record-chip__name-code {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-regular);
+  color: var(--color-text-secondary);
+}
+
+.crewlet-record-chip__meta {
+  margin: 0;
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-record-chip__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  min-width: 0;
+}
+
+/* Utilities start on the text edge, a ghost button's padding pulled into the gutter. */
+.crewlet-record-chip__actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-1);
+  margin-inline-start: calc(-1 * (var(--spacing-2) + 1px));
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-record-chip {
+    transition: none;
+  }
+}
+
+/* THE ALSO READ LINE: a caption-register lead and the chips after it, wrapping. */
+.crewlet-record-chip-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--spacing-1) var(--spacing-2);
+  min-width: 0;
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-normal);
+  color: var(--color-text-secondary);
+}
+
+.crewlet-record-chip-list__label {
+  flex: none;
+}
+
+/*
+ * THE LIST IS THE WRAPPING ROW. Not `display: contents`, which older WebKit
+ * and Chromium drop from the accessibility tree along with the list's name,
+ * so "Also read, list, 3 items" was never said.
+ */
+.crewlet-record-chip-list__items {
+  display: flex;
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--spacing-1) var(--spacing-2);
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-record-chip-list__item {
+  display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.crewlet-record-chip-list .crewlet-record-chip {
+  margin: 0;
+}
+
+
 /* RefusalCard-UM67F5HB.css */
 /* The first sentence carries the weight; "Nothing changed." closes in the secondary ink. */
 .crewlet-refusal-card__heading {
@@ -36303,7 +36490,7 @@ b.crewlet-switcher__match {
 }
 
 
-/* Table-RUYMMWXT.css */
+/* Table-MN3FIA2O.css */
 /*
  * Table: the operator's table, on the elements a table is made of.
  *
@@ -36523,6 +36710,34 @@ b.crewlet-switcher__match {
   }
 }
 
+/*
+ * COLUMNS SIZED BY THEIR WORDS (`columns="content"`), for a result read
+ * beside an answer. Each column takes the room its words ask for, so a short
+ * key keeps its line and the longest text takes the most and wraps between
+ * words. A token longer than the table (a digest, a URL) wraps ANYWHERE: with
+ * `break-word` it did not, because under an auto layout a word's whole width
+ * is the column's minimum, and a sha256 in a 350px table pushed it to 606px.
+ * `anywhere` lets the minimum shrink to a character. The figures (`end`
+ * columns) and the nowrap columns never wrap, and the figures stay tabular.
+ */
+.crewlet-table--content .crewlet-table__table {
+  table-layout: auto;
+  font-variant-numeric: tabular-nums;
+}
+
+.crewlet-table--content td:not(.crewlet-table__cell--nowrap, .crewlet-table__cell--end) {
+  overflow-wrap: anywhere;
+}
+
+.crewlet-table--content .crewlet-table__cell--end {
+  white-space: nowrap;
+}
+
+/* A column of short tokens (a task's key) keeps each on one line; only content columns offer it. */
+.crewlet-table--content .crewlet-table__cell--nowrap {
+  white-space: nowrap;
+}
+
 
 /* TableCells-TKSNLRK3.css */
 /* The read-only table cells. Each one holds a single line and shrinks inside

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.72.0",
+  "version": "0.73.0",
   "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.72.0",
-    "@crewlethq/tokens": "0.72.0",
+    "@crewlethq/icons": "0.73.0",
+    "@crewlethq/tokens": "0.73.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/chunk-5DJMFRSZ.js

@@ -1,58 +0,0 @@
-import { VisuallyHidden } from './chunk-UT6CW3C7.js';
-import { cx } from './chunk-ODEQTPFM.js';
-import './Table-RUYMMWXT.css';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Table = ({
-  headers,
-  data,
-  caption,
-  captionHidden = false,
-  emptyMessage = "No data available",
-  actionButton,
-  maxHeight,
-  align,
-  footer,
-  framed = true,
-  className = ""
-}) => {
-  const columnCount = Math.max(1, headers.length);
-  const edge = (index) => align?.[index] === "end" ? "crewlet-table__cell--end" : void 0;
-  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-table", !framed && "crewlet-table--flush", className), children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "crewlet-table__container",
-        style: (
-          // Only the height: the stylesheet scrolls both axes unconditionally,
-          // because with `overflow-x: auto` declared beside it a `visible`
-          // vertical axis was never reachable. See Table.css.
-          maxHeight ? { "--crewlet-table-max-height": maxHeight } : void 0
-        ),
-        children: /* @__PURE__ */ jsxs("table", { className: "crewlet-table__table", children: [
-          caption != null && (captionHidden ? /* @__PURE__ */ jsx("caption", { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: caption }) }) : /* @__PURE__ */ jsx("caption", { className: "crewlet-table__caption", children: caption })),
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "crewlet-table__header", children: headers.map((header, index) => (
-            // The index is the key because a header is a position: the
-            // columns of one table do not reorder between renders.
-            /* @__PURE__ */ jsx("th", { scope: "col", className: edge(index), children: header }, index)
-          )) }) }),
-          /* @__PURE__ */ jsx("tbody", { children: data && data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "crewlet-table__row", children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx("td", { className: edge(cellIndex), children: cell }, cellIndex)) }, rowIndex)) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { className: "crewlet-table__empty", colSpan: columnCount, children: emptyMessage }) }) }),
-          footer && footer.length > 0 ? /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsx("tr", { className: "crewlet-table__footer", children: footer.map(
-            (cell, index) => index === 0 ? /* @__PURE__ */ jsx("th", { scope: "row", className: edge(index), children: cell }, index) : /* @__PURE__ */ jsx("td", { className: edge(index), children: cell }, index)
-          ) }) }) : null
-        ] })
-      }
-    ),
-    actionButton && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "crewlet-table__action-btn",
-        onClick: actionButton.onClick,
-        children: /* @__PURE__ */ jsx("span", { className: "crewlet-table__action-text", children: actionButton.label })
-      }
-    )
-  ] });
-};
-
-export { Table };

package/dist/{chunk-P64MIA7C.js → chunk-JKMBC4NB.js}

@@ -1,6 +1,6 @@
 import { StepList } from './chunk-HJBHP66O.js';
-import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { Meter } from './chunk-RQFRRPV6.js';
+import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { StatusCard } from './chunk-NTQPJJAN.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { Spinner } from './chunk-XSPCITPN.js';