@crewlethq/ui 0.63.0 → 0.64.0

package/dist/ChangeList/ChangeList.d.ts

@@ -11,19 +11,28 @@ interface RowBase {
     /** A consequence under the value, in the smallest tertiary type: "No open task matches this title". Never the current value, which the pair shows. */
     note?: ReactNode;
 }
+/**
+ * A value that is more than a line: a list (`ChangeListItems`), a page of
+ * text, a preview. It takes the row's whole width under its label, and its
+ * tint is a block rather than a highlight, because a list or paragraphs drawn
+ * inside a highlighted run of words read as one run-on line.
+ */
+interface BlockValue {
+    block?: boolean | undefined;
+}
 /** A fact that does not change, such as the page being edited. */
-export interface ChangeListFactRow extends RowBase {
+export interface ChangeListFactRow extends RowBase, BlockValue {
     kind: 'fact';
     value: ReactNode;
 }
 /** A value that changes from one thing to another. */
-export interface ChangeListChangedRow extends RowBase {
+export interface ChangeListChangedRow extends RowBase, BlockValue {
     kind: 'changed';
     from: ReactNode;
     to: ReactNode;
 }
 /** A value set where there was none. */
-export interface ChangeListAddedRow extends RowBase {
+export interface ChangeListAddedRow extends RowBase, BlockValue {
     kind: 'added';
     to: ReactNode;
     /**
@@ -34,7 +43,7 @@ export interface ChangeListAddedRow extends RowBase {
     isNew?: boolean | undefined;
 }
 /** A value taken away. */
-export interface ChangeListRemovedRow extends RowBase {
+export interface ChangeListRemovedRow extends RowBase, BlockValue {
     kind: 'removed';
     from: ReactNode;
 }
@@ -93,6 +102,19 @@ export declare const CHANGE_LIST_COLLAPSE_OVER = 80;
  * reader needs from unchanged text is the words that touch the change.
  */
 export declare function shortenUnchanged(text: string, place: 'first' | 'middle' | 'last', max?: number): string;
+/**
+ * A list value, one item a line: what a block row holds for a field that is a
+ * list (a seat's responsibilities, a voice's rules), rather than its items
+ * joined into one line.
+ */
+export declare function ChangeListItems({ items }: {
+    items: readonly ReactNode[];
+}): import("react").JSX.Element;
+/** A block value: the same words and tints as a line's, stacked across the row. */
+declare function BlockValue({ row, labels }: {
+    row: Exclude<ChangeListRow, ChangeListTextRow>;
+    labels: ChangeListLabels;
+}): import("react").JSX.Element;
 /**
  * What a change will do, field by field, as a before and after.
  *

package/dist/ChangeList/index.d.ts

@@ -1,3 +1,3 @@
 import './ChangeList.css';
-export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, shortenUnchanged } from './ChangeList.js';
+export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from './ChangeList.js';
 export type { ChangeListAddedRow, ChangeListChangedRow, ChangeListFactRow, ChangeListLabels, ChangeListProps, ChangeListRemovedRow, ChangeListRow, ChangeListTextRow, WordDiffPart, } from './ChangeList.js';

package/dist/ChangeList/index.js

@@ -1,4 +1,4 @@
-export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, shortenUnchanged } from '../chunk-ZH5F2PXC.js';
+export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from '../chunk-NOSHT6FL.js';
 import '../chunk-RO2MZZ66.js';
 import '../chunk-KYIAFNU7.js';
 import '../chunk-WIATRXEJ.js';

package/dist/{ChangeList-CB2DLR5S.css → ChangeList-KQVD46IC.css}

@@ -57,6 +57,47 @@
   gap: var(--spacing-1);
 }
 
+/* A block value takes the row's whole width under its label, as long text does. */
+.crewlet-change-list__row--block > .crewlet-change-list__value {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-1);
+}
+
+/*
+ * The tint of a block value is the block itself: a list or paragraphs keep
+ * their own layout inside it, and line breaks in plain text are kept.
+ */
+.crewlet-change-list__block {
+  display: block;
+  align-self: stretch;
+  min-width: 0;
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-sm);
+  white-space: pre-line;
+}
+
+/* A fact needs no tint, only the block's layout. */
+.crewlet-change-list__block--plain {
+  padding: 0;
+}
+
+/* Elements inside a block value lay out as themselves, not as kept line breaks. */
+.crewlet-change-list__block > * {
+  white-space: normal;
+}
+
+.crewlet-change-list__items {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: 0;
+  padding-inline-start: var(--spacing-4);
+  list-style: disc;
+}
+
 .crewlet-change-list__fact {
   font-weight: var(--font-weight-medium);
 }

package/dist/ProposalCard/index.js

@@ -1,7 +1,7 @@
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-PFXUEEHT.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-LAXXWJ2Z.js';
 import '../chunk-NLI7OVO2.js';
 import '../chunk-WW4E5EUS.js';
-import '../chunk-ZH5F2PXC.js';
+import '../chunk-NOSHT6FL.js';
 import '../chunk-RO2MZZ66.js';
 import '../chunk-KYIAFNU7.js';
 import '../chunk-WIATRXEJ.js';

package/dist/{chunk-PFXUEEHT.js → chunk-LAXXWJ2Z.js}

@@ -1,6 +1,6 @@
 import { RefusalStrip, ReceiptStrip } from './chunk-NLI7OVO2.js';
 import { StatusCard } from './chunk-WW4E5EUS.js';
-import { ChangeList } from './chunk-ZH5F2PXC.js';
+import { ChangeList } from './chunk-NOSHT6FL.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-ZH5F2PXC.js → chunk-NOSHT6FL.js}

@@ -3,10 +3,10 @@ import { Tag } from './chunk-KYIAFNU7.js';
 import { Disclosure } from './chunk-P4YORMRZ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ChangeList-CB2DLR5S.css';
+import './ChangeList-KQVD46IC.css';
 import { useId } from 'react';
 import { ArrowRightGlyph } from '@crewlethq/icons/glyphs';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var CHANGE_LIST_LABELS = {
   changedFrom: "Changed from",
@@ -67,7 +67,41 @@ function WordDiff({ row, labels }) {
     return /* @__PURE__ */ jsx("span", { children: shortenUnchanged(part.text, place, max) }, index);
   }) });
 }
+function ChangeListItems({ items }) {
+  return /* @__PURE__ */ jsx("ul", { className: "crewlet-change-list__items", children: items.map((item, index) => /* @__PURE__ */ jsx("li", { children: item }, index)) });
+}
+function BlockValue({ row, labels }) {
+  switch (row.kind) {
+    case "fact":
+      return /* @__PURE__ */ jsx("div", { className: "crewlet-change-list__fact crewlet-change-list__block crewlet-change-list__block--plain", children: row.value });
+    case "changed":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("del", { className: "crewlet-change-list__from crewlet-change-list__block", children: [
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: `${labels.changedFrom} ` }),
+          row.from
+        ] }),
+        /* @__PURE__ */ jsxs("ins", { className: "crewlet-change-list__to crewlet-change-list__block", children: [
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: `${labels.to} ` }),
+          row.to
+        ] })
+      ] });
+    case "added":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        row.isNew ? /* @__PURE__ */ jsx(Tag, { size: "xs", variant: "success", children: labels.isNew }) : null,
+        /* @__PURE__ */ jsxs("ins", { className: "crewlet-change-list__to crewlet-change-list__block", children: [
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: `${labels.added} ` }),
+          row.to
+        ] })
+      ] });
+    case "removed":
+      return /* @__PURE__ */ jsxs("del", { className: "crewlet-change-list__removed crewlet-change-list__block", children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: `${labels.removed} ` }),
+        row.from
+      ] });
+  }
+}
 function Value({ row, labels }) {
+  if (row.block) return /* @__PURE__ */ jsx(BlockValue, { row, labels });
   switch (row.kind) {
     case "fact":
       return /* @__PURE__ */ jsx("span", { className: "crewlet-change-list__fact", children: row.value });
@@ -104,7 +138,11 @@ function ChangeList({ rows, heading, settled = false, labels: overrides, diffLab
     /* @__PURE__ */ jsx("dl", { className: "crewlet-change-list__rows", "aria-labelledby": heading === void 0 || heading === null ? void 0 : headingId, children: rows.map((row, index) => /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cx("crewlet-change-list__row", `crewlet-change-list__row--${row.kind}`),
+        className: cx(
+          "crewlet-change-list__row",
+          `crewlet-change-list__row--${row.kind}`,
+          row.kind !== "text" && row.block && "crewlet-change-list__row--block"
+        ),
         children: [
           /* @__PURE__ */ jsx("dt", { className: "crewlet-change-list__label", children: row.label }),
           /* @__PURE__ */ jsxs("dd", { className: "crewlet-change-list__value", children: [
@@ -121,4 +159,4 @@ function ChangeList({ rows, heading, settled = false, labels: overrides, diffLab
   ] });
 }
 
-export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, shortenUnchanged };
+export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged };

package/dist/generated/index.js

@@ -52,7 +52,7 @@ import '../chunk-QH6VYJ3X.js';
 export { RUN_STATES, RunChip } from '../chunk-75QASA62.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-WR7UDG7U.js';
 export { PropertyList } from '../chunk-VBYRA3W6.js';
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-PFXUEEHT.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-LAXXWJ2Z.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';
@@ -77,8 +77,8 @@ import '../chunk-CENOOTAV.js';
 export { PinTile } from '../chunk-GWPWLVN3.js';
 export { MessageBubble } from '../chunk-C3FX7ZSU.js';
 export { NewItemsNotice } from '../chunk-463DNZXI.js';
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-CT6I36FH.js';
 export { FactLine, ObjectHeader, SetByLine } from '../chunk-4MC2EEGO.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-CT6I36FH.js';
 export { OrgLabel } from '../chunk-ONQKKHON.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';
@@ -157,14 +157,15 @@ export { Combobox } from '../chunk-PK2P2QH6.js';
 export { CommandPalette } from '../chunk-I74C4TM6.js';
 export { ConfirmModal, Modal } from '../chunk-KVWZDCTQ.js';
 export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from '../chunk-7KHM2FZH.js';
-export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, shortenUnchanged } from '../chunk-ZH5F2PXC.js';
+export { CatalogTile } from '../chunk-TGSIVB6H.js';
+export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from '../chunk-NOSHT6FL.js';
 export { DIFF_LIST_LABELS, DiffList } from '../chunk-RO2MZZ66.js';
 export { ChangeMark } from '../chunk-66X5WDKE.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 { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from '../chunk-F2IYVVA3.js';
 export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from '../chunk-D2BYJNEH.js';
+export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from '../chunk-F2IYVVA3.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { Callout } from '../chunk-BPCY7ZID.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-UTBCDOGP.js';
@@ -174,7 +175,6 @@ export { CanvasToolbar, toolForKey } from '../chunk-KWTRRS7E.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-3Q6N6FJL.js';
 import '../chunk-LM3ISVJA.js';
-export { CatalogTile } from '../chunk-TGSIVB6H.js';
 export { AuthLayout } from '../chunk-VTUAQYOC.js';
 export { AvatarPicker } from '../chunk-DHIO6Q75.js';
 export { HuePicker, HueSwatch } from '../chunk-QCVAVAF6.js';
@@ -196,10 +196,10 @@ export { ATTACHMENT_CHIP_LABELS, AttachmentChip } from '../chunk-KYTOEWJD.js';
 export { Tag } from '../chunk-KYIAFNU7.js';
 export { ArrangeFrame, useGridResize } from '../chunk-KBTJMJPX.js';
 export { ArrangeGrid } from '../chunk-QBA5B2Z5.js';
-export { ArrangeGroup } from '../chunk-J4HPMS7F.js';
 export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-2NNGOCWM.js';
 export { Switch } from '../chunk-A722MUNR.js';
 export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from '../chunk-MPVMB2DV.js';
+export { ArrangeGroup } from '../chunk-J4HPMS7F.js';
 export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-JAOJLEYB.js';
 import '../chunk-OOC7Q67K.js';
 export { Tooltip } from '../chunk-I33UIUZD.js';

package/dist/index.js

@@ -52,7 +52,7 @@ import './chunk-QH6VYJ3X.js';
 export { RUN_STATES, RunChip } from './chunk-75QASA62.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-WR7UDG7U.js';
 export { PropertyList } from './chunk-VBYRA3W6.js';
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './chunk-PFXUEEHT.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './chunk-LAXXWJ2Z.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';
@@ -77,8 +77,8 @@ import './chunk-CENOOTAV.js';
 export { PinTile } from './chunk-GWPWLVN3.js';
 export { MessageBubble } from './chunk-C3FX7ZSU.js';
 export { NewItemsNotice } from './chunk-463DNZXI.js';
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-CT6I36FH.js';
 export { FactLine, ObjectHeader, SetByLine } from './chunk-4MC2EEGO.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-CT6I36FH.js';
 export { OrgLabel } from './chunk-ONQKKHON.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';
@@ -157,14 +157,15 @@ export { Combobox } from './chunk-PK2P2QH6.js';
 export { CommandPalette } from './chunk-I74C4TM6.js';
 export { ConfirmModal, Modal } from './chunk-KVWZDCTQ.js';
 export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, shortenUnchanged } from './chunk-ZH5F2PXC.js';
+export { CatalogTile } from './chunk-TGSIVB6H.js';
+export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from './chunk-NOSHT6FL.js';
 export { DIFF_LIST_LABELS, DiffList } from './chunk-RO2MZZ66.js';
 export { ChangeMark } from './chunk-66X5WDKE.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 { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from './chunk-F2IYVVA3.js';
 export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from './chunk-D2BYJNEH.js';
+export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from './chunk-F2IYVVA3.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-GXQ3B46I.js';
 export { Callout } from './chunk-BPCY7ZID.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-UTBCDOGP.js';
@@ -174,7 +175,6 @@ export { CanvasToolbar, toolForKey } from './chunk-KWTRRS7E.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-3Q6N6FJL.js';
 import './chunk-LM3ISVJA.js';
-export { CatalogTile } from './chunk-TGSIVB6H.js';
 export { AuthLayout } from './chunk-VTUAQYOC.js';
 export { AvatarPicker } from './chunk-DHIO6Q75.js';
 export { HuePicker, HueSwatch } from './chunk-QCVAVAF6.js';
@@ -196,10 +196,10 @@ export { ATTACHMENT_CHIP_LABELS, AttachmentChip } from './chunk-KYTOEWJD.js';
 export { Tag } from './chunk-KYIAFNU7.js';
 export { ArrangeFrame, useGridResize } from './chunk-KBTJMJPX.js';
 export { ArrangeGrid } from './chunk-QBA5B2Z5.js';
-export { ArrangeGroup } from './chunk-J4HPMS7F.js';
 export { ArrangeList, DEFAULT_ARRANGE_LABELS } from './chunk-2NNGOCWM.js';
 export { Switch } from './chunk-A722MUNR.js';
 export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from './chunk-MPVMB2DV.js';
+export { ArrangeGroup } from './chunk-J4HPMS7F.js';
 export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from './chunk-JAOJLEYB.js';
 import './chunk-OOC7Q67K.js';
 export { Tooltip } from './chunk-I33UIUZD.js';

package/dist/styles.css

@@ -7740,7 +7740,7 @@ a.crewlet-breadcrumb__crumb:focus-visible {
 }
 
 
-/* ChangeList-CB2DLR5S.css */
+/* ChangeList-KQVD46IC.css */
 /*
  * What a change will do, as a before and after on PropertyList's grid: one
  * label column (as wide as the longest label, never under 92px) and one value
@@ -7800,6 +7800,47 @@ a.crewlet-breadcrumb__crumb:focus-visible {
   gap: var(--spacing-1);
 }
 
+/* A block value takes the row's whole width under its label, as long text does. */
+.crewlet-change-list__row--block > .crewlet-change-list__value {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-1);
+}
+
+/*
+ * The tint of a block value is the block itself: a list or paragraphs keep
+ * their own layout inside it, and line breaks in plain text are kept.
+ */
+.crewlet-change-list__block {
+  display: block;
+  align-self: stretch;
+  min-width: 0;
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-sm);
+  white-space: pre-line;
+}
+
+/* A fact needs no tint, only the block's layout. */
+.crewlet-change-list__block--plain {
+  padding: 0;
+}
+
+/* Elements inside a block value lay out as themselves, not as kept line breaks. */
+.crewlet-change-list__block > * {
+  white-space: normal;
+}
+
+.crewlet-change-list__items {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: 0;
+  padding-inline-start: var(--spacing-4);
+  list-style: disc;
+}
+
 .crewlet-change-list__fact {
   font-weight: var(--font-weight-medium);
 }

package/package.json

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