@crewlethq/ui 0.64.1 → 0.65.1

package/dist/index.js

@@ -13,8 +13,8 @@ export { ThemeSwatch } from './chunk-3XQUEF5C.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-7EOUVWGQ.js';
 export { ThemeToggle } from './chunk-IPMJGK2Q.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
-export { TileGrid } from './chunk-Q6CQMS6R.js';
 export { ThinkingIndicator } from './chunk-E2MIUNUU.js';
+export { TileGrid } from './chunk-Q6CQMS6R.js';
 export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from './chunk-PQWNK3N7.js';
 export { Switcher } from './chunk-GDDVI4US.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-NWTHGZBH.js';
@@ -27,37 +27,37 @@ export { SLIDE_COMPARE_LABELS, SlideCompare } from './chunk-2SU735S3.js';
 export { SlideFilmstrip } from './chunk-U7J52N67.js';
 export { SlideGrid } from './chunk-7MGXHCVK.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-4TMBAOXK.js';
-export { SetupWizard } from './chunk-R2YHKVWN.js';
 export { SettingsTable, SettingsTableRow } from './chunk-4RKTZSEW.js';
+export { SetupWizard } from './chunk-R2YHKVWN.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-WWXIGN4O.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-SBOUVASH.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-OOC6KXNL.js';
 export { TagGroup } from './chunk-UEOEBOBR.js';
 export { matchesShortcut, useShortcut } from './chunk-AYHIF6DH.js';
 import './chunk-73GUXYYE.js';
-export { SearchTrigger } from './chunk-ERNT3UTB.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from './chunk-G4CGDUCP.js';
 export { NavGroup, NavItem, SidebarNav } from './chunk-WCDPFTJZ.js';
+export { SearchTrigger } from './chunk-ERNT3UTB.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
 export { Select } from './chunk-VK45YJLH.js';
 export { SelectionBar } from './chunk-WU5JDEEY.js';
 export { SEND_BUTTON_LABELS, SendButton } from './chunk-T2GC7UAP.js';
-export { ReviewList } from './chunk-DO4J4TBZ.js';
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-RPX3WICJ.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-7QTJO3PV.js';
 export { Table } from './chunk-5DJMFRSZ.js';
-export { RichEditor, preloadRichEditor } from './chunk-BVNFNFA6.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
+export { ReviewList } from './chunk-DO4J4TBZ.js';
 export { canonicalMarkdown, roundTripMarkdown } from './chunk-SWD4QBL6.js';
 import './chunk-QH6VYJ3X.js';
 export { RUN_STATES, RunChip } from './chunk-PIAGTZY3.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-OJGI4XJH.js';
+export { RichEditor, preloadRichEditor } from './chunk-DS5NBENV.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { PropertyList } from './chunk-HIWPPWNY.js';
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './chunk-4WKOLL7C.js';
-export { Prose } from './chunk-DVVP27OD.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './chunk-FZUDUNCK.js';
 export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
+export { Prose } from './chunk-DVVP27OD.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-ZAJHGDAW.js';
-export { REFUSAL_CARD_LABELS, RefusalCard } from './chunk-YBKZJBKM.js';
-export { RelatedRow } from './chunk-OGRMOWMO.js';
+export { REFUSAL_CARD_LABELS, RefusalCard } from './chunk-RQHN4J5P.js';
+export { RelatedRow } from './chunk-CNEHFH2A.js';
 export { Text } from './chunk-QP2P6GDQ.js';
 export { PresenceStack } from './chunk-EVXXY75R.js';
 export { PresenterView, formatStopwatch } from './chunk-KHHDCNYM.js';
@@ -78,7 +78,7 @@ export { PinTile } from './chunk-LJ3KWQLP.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-ZFN4IBVC.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-5K7GGQNX.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';
@@ -90,7 +90,7 @@ export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
 export { Link } from './chunk-QF5UNP4T.js';
 export { LinkInterstitial, openExternal } from './chunk-KQGOVBGF.js';
 export { List, ListItem } from './chunk-PS5ZYIA6.js';
-export { ListDetail } from './chunk-RXG543EB.js';
+export { ListDetail } from './chunk-YBC2CYPD.js';
 export { ListInput, withDraft } from './chunk-MNTUIAQT.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from './chunk-DPNVKWJX.js';
 export { IndicatorAnchor } from './chunk-27MJPU7G.js';
@@ -108,7 +108,7 @@ export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from './chunk-2JH
 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-6MTJWQ3V.js';
+export { FolderTile, describeFolderContents, folderContentsParts } from './chunk-WTXCK46H.js';
 export { FollowBanner } from './chunk-K4IVKHKU.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';
@@ -116,9 +116,9 @@ export { DownloadButton } from './chunk-NSCYGUDG.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from './chunk-YNRKVY7X.js';
 export { EditingStatus } from './chunk-B76OKJMX.js';
 export { EntityChip } from './chunk-OSKJZNBT.js';
-export { EntityList } from './chunk-ISBKJOLI.js';
-export { Eyebrow } from './chunk-RK4XPHVG.js';
+export { EntityList } from './chunk-7IW3P6FH.js';
 export { ErrorBoundary } from './chunk-ZEPUKRO7.js';
+export { Eyebrow } from './chunk-RK4XPHVG.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';
@@ -126,17 +126,17 @@ export { Divider } from './chunk-6KWNXIDE.js';
 export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-CX6QT4CH.js';
 export { CursorFlag } from './chunk-MMCYH5LB.js';
 export { PresenceRing, presenceHueClass } from './chunk-EFX2YC5T.js';
-export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from './chunk-4W7F3JEK.js';
+export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from './chunk-ELLRZ5XR.js';
 export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from './chunk-XGBGEI6V.js';
 export { PageHeader } from './chunk-FPDIHEM4.js';
 export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-CFY257ND.js';
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-VRG2ZXNK.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-PX54PALQ.js';
-export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from './chunk-RHL4OMQ3.js';
+export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from './chunk-UWOYDHVW.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from './chunk-HJBHP66O.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-RQFRRPV6.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-M25IV5MH.js';
-export { StatusCard } from './chunk-G4234OIG.js';
+export { StatusCard } from './chunk-NTQPJJAN.js';
 export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-DKJJ434E.js';
 export { ConfirmField, confirmMatches } from './chunk-JVII5264.js';
 export { InlineCode } from './chunk-PLL7ZJHY.js';
@@ -144,6 +144,7 @@ export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-SUJO3AHN.js';
 export { Container } from './chunk-HJO4WCH6.js';
 export { ContrastHelp } from './chunk-IO374IX6.js';
 export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from './chunk-KWLH45YC.js';
+export { ChoiceButtons } from './chunk-7SYEOJLP.js';
 export { ChoiceList } from './chunk-NQABJAUY.js';
 export { CodeBlock } from './chunk-DMK2A4IK.js';
 export { ColorChip } from './chunk-6GTTRJWJ.js';
@@ -163,9 +164,8 @@ 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 { 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-YWVT7B6N.js';
-export { ChoiceButtons } from './chunk-7SYEOJLP.js';
+export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from './chunk-F2IYVVA3.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-EE3DJMSQ.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-JEA5OX54.js';
@@ -175,7 +175,7 @@ export { CanvasToolbar, toolForKey } from './chunk-WDNURPXU.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-F32FFE6I.js';
 import './chunk-LM3ISVJA.js';
-export { AuthLayout } from './chunk-JAFWGVX2.js';
+export { AuthLayout } from './chunk-WKKWF277.js';
 export { AvatarPicker } from './chunk-5OVTWY3I.js';
 export { HuePicker, HueSwatch } from './chunk-2EA2GSA2.js';
 export { Popover } from './chunk-KHJIEPZV.js';
@@ -184,11 +184,11 @@ export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from './chunk-SNQRGH4A.js';
 export { BrandChip } from './chunk-UH44L7OJ.js';
 export { BrandLockup } from './chunk-7KBNFFM3.js';
 export { BrandSample } from './chunk-AVMQMY66.js';
+export { Breadcrumb } from './chunk-M52HLPOG.js';
+export { KeyChip } from './chunk-HBDA76EZ.js';
 export { BrandScope, brandScopeInputs } from './chunk-X7WEE3EK.js';
 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 { AsideLayout } from './chunk-QOXLP5PE.js';
@@ -208,18 +208,18 @@ export { TabPanel, Tabs, tabId } from './chunk-PVZOP3QK.js';
 import './chunk-EGMQURBR.js';
 export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from './chunk-AVL52EME.js';
 export { StatusDot } from './chunk-WIATRXEJ.js';
-export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from './chunk-N7PXGOZP.js';
+export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from './chunk-UBIPDEFV.js';
 export { Skeleton } from './chunk-BRLZXYPA.js';
 export { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-CI3VPIJN.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from './chunk-L6NG7CUA.js';
 export { EMPTY_VALUE, EmptyValue } from './chunk-RE3FBGQQ.js';
-export { Card } from './chunk-7XKDPTZ5.js';
+export { Card } from './chunk-4AUTALJA.js';
 export { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
 export { AvatarStack, avatarStackLabel } from './chunk-BKP6XCAJ.js';
 export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR_STATUSES, AVATAR_STATUS_LABELS, Avatar, avatarCorner, avatarInitialsName, avatarPixels, avatarTint, getInitials } from './chunk-PZKHBB7D.js';
 export { ArtifactKindGround, ArtifactKindIllustration, ArtifactKindTile } from './chunk-NHLNHH4J.js';
-export { Checkbox, CheckboxGroup } from './chunk-PBCNINMB.js';
 export { ARTIFACT_ACCESSES, ARTIFACT_ACCESS_LABELS, ArtifactAccessGlyph, ArtifactAccessLabel } from './chunk-DOY3KC6I.js';
+export { Checkbox, CheckboxGroup } from './chunk-PBCNINMB.js';
 export { DashboardCover, DocCover, SHEET_COVER_COLUMNS, SHEET_COVER_ROWS, SheetCover } from './chunk-R45VM5EX.js';
 export { Document, DocumentTitle, DocumentTitleField } from './chunk-BXCL6P5Z.js';
 export { ARTIFACT_KINDS, ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
@@ -241,7 +241,7 @@ export { DisclosureAnatomy } from './chunk-IVTQWOXV.js';
 export { Count } from './chunk-MLDTLZAO.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
 export { Announcer, announce, useAnnouncer } from './chunk-2G355KDJ.js';
-export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from './chunk-AJLMINJU.js';
+export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useScreenBelow, useScreenWidth, useStoredWidth } from './chunk-E55DKVY7.js';
 export { useMediaMatch } from './chunk-RTPQDNW3.js';
 export { Menu } from './chunk-T73DMDU4.js';
 export { RESIZE_HANDLE_LARGE_STEP, RESIZE_HANDLE_STEP, ResizeHandle, clampSize, useAppShellAside, useAppShellPeek } from './chunk-PIYJNCN7.js';

package/dist/styles.css

@@ -12206,7 +12206,7 @@ button.crewlet-histogram__bar[data-empty]:focus-visible > .crewlet-histogram__fi
 }
 
 
-/* DataGrid-QYORTTHI.css */
+/* DataGrid-NHIN2I42.css */
 /*
  * DataGrid: a list as columns, one track list on the grid.
  *
@@ -12676,7 +12676,7 @@ button.crewlet-data-grid__row-link {
   }
 }
 
-/* ---- A ROW IS A CARD ON A PHONE -----------------------------------------
+/* ---- A ROW IS A CARD ON A PHONE, OR WHERE COLUMNS DO NOT FIT -----------------------------------------
    A GRID IS COLUMNS, AND A PHONE DOES NOT HAVE THEM: the grid clips (for its
    sticky head), so the columns past the edge were cut off with nothing to
    scroll to, and a sideways scroller resolves every flexible track to zero. So
@@ -12686,113 +12686,116 @@ button.crewlet-data-grid__row-link {
    (`:empty`), and a cell that draws a marked absence has content and stays.
    The sort is in the application's state, so a sorted list still arrives
    sorted. */
-@media (width < 640px) {
-  .crewlet-data-grid {
-    /* No ghost control is pulled out here (see above): every line of a card
-       starts at the grid's edge, and a compact row's marks run on one line,
-       where the hover ground swallowed the gap before it. */
-    --crewlet-data-grid-control-outdent: 0px;
+/* Card rows are the grid's own decision (`data-stacked`, DataGrid.tsx): set
+   on a phone, and wherever the grid's own width cannot hold its columns once
+   every give-way column has gone. `:where()` keeps each rule's weight what it
+   was when this block was a media query, so a rule written against the card
+   shape still wins where it did. */
+.crewlet-data-grid:where([data-stacked]) {
+  /* No ghost control is pulled out here (see above): every line of a card
+     starts at the grid's edge, and a compact row's marks run on one line,
+     where the hover ground swallowed the gap before it. */
+  --crewlet-data-grid-control-outdent: 0px;
 
-    display: block;
-  }
+  display: block;
+}
 
-  .crewlet-data-grid__head {
-    display: none;
-  }
+:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__head {
+  display: none;
+}
 
-  .crewlet-data-grid__body,
-  .crewlet-data-grid__band {
-    display: block;
-  }
+:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__body,
+:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__band {
+  display: block;
+}
 
-  .crewlet-data-grid__row {
-    display: block;
-    padding: var(--spacing-2) var(--crewlet-data-grid-edge);
-    min-height: 0;
-  }
+:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__row {
+  display: block;
+  padding: var(--spacing-2) var(--crewlet-data-grid-edge);
+  min-height: 0;
+}
 
-  /* A FIXED BASIS lines the names up without a track, and the name wraps
-     inside it rather than pushing its value past every other card line. */
-  .crewlet-data-grid__cell {
-    display: flex;
-    align-items: baseline;
-    gap: var(--spacing-3);
-    padding: 1px 0;
-    min-width: 0;
-  }
+/* A FIXED BASIS lines the names up without a track, and the name wraps
+   inside it rather than pushing its value past every other card line. */
+:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell {
+  display: flex;
+  align-items: baseline;
+  gap: var(--spacing-3);
+  padding: 1px 0;
+  min-width: 0;
+}
 
-  .crewlet-data-grid__cell:empty {
-    display: none;
-  }
+:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell:empty {
+  display: none;
+}
 
-  .crewlet-data-grid__cell[data-label]::before {
-    content: attr(data-label);
-    flex: 0 0 7rem;
-    overflow-wrap: anywhere;
-    font-size: var(--font-size-2xs);
-    text-transform: uppercase;
-    letter-spacing: var(--font-letter-spacing-wide);
-    color: var(--color-text-tertiary);
-  }
+:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell[data-label]::before {
+  content: attr(data-label);
+  flex: 0 0 7rem;
+  overflow-wrap: anywhere;
+  font-size: var(--font-size-2xs);
+  text-transform: uppercase;
+  letter-spacing: var(--font-letter-spacing-wide);
+  color: var(--color-text-tertiary);
+}
 
-  /* `shrink` and `right` are column shapes, and there are no columns here. */
-  .crewlet-data-grid__cell--shrink,
-  .crewlet-data-grid__cell--right {
-    white-space: normal;
-    justify-content: flex-start;
-  }
+/* `shrink` and `right` are column shapes, and there are no columns here. */
+:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell--shrink,
+:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell--right {
+  white-space: normal;
+  justify-content: flex-start;
+}
 
-  .crewlet-data-grid__cell .crewlet-data-grid__truncate {
-    white-space: normal;
-    overflow: visible;
-    text-overflow: clip;
-    overflow-wrap: anywhere;
-  }
+:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell .crewlet-data-grid__truncate {
+  white-space: normal;
+  overflow: visible;
+  text-overflow: clip;
+  overflow-wrap: anywhere;
+}
 
-  /* ---- THE COMPACT ROW (`phoneRows="compact"`) ---------------------------
-     TWO LINES, NO LABELS: what the row is, then its marks. One flex run that
-     breaks once: the lead cells first, a zero-height full-width `::after`
-     between them and the rest, then every other cell in column order. */
-  .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__row {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--spacing-1) var(--spacing-2);
-  }
+/* ---- THE COMPACT ROW (`phoneRows="compact"`) ---------------------------
+   TWO LINES, NO LABELS: what the row is, then its marks. One flex run that
+   breaks once: the lead cells first, a zero-height full-width `::after`
+   between them and the rest, then every other cell in column order. */
+.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-1) var(--spacing-2);
+}
 
-  .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__row::after {
-    content: '';
-    order: 1;
-    flex-basis: 100%;
-    height: 0;
-  }
+.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__row::after {
+  content: '';
+  order: 1;
+  flex-basis: 100%;
+  height: 0;
+}
 
-  .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__cell {
-    order: 2;
-    padding: 0;
-    align-items: center;
-    gap: var(--spacing-1);
-  }
+.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell {
+  order: 2;
+  padding: 0;
+  align-items: center;
+  gap: var(--spacing-1);
+}
 
-  .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__cell[data-lead] {
-    order: 0;
-  }
+.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell[data-lead] {
+  order: 0;
+}
 
-  /* The title takes the rest of the first line, beside the key. */
-  .crewlet-data-grid[data-phone-rows='compact']
-    .crewlet-data-grid__cell[data-lead]:not(.crewlet-data-grid__cell--shrink) {
-    flex: 1 1 0;
-    min-width: 0;
-    font-weight: var(--font-weight-medium);
-  }
+/* The title takes the rest of the first line, beside the key. */
+.crewlet-data-grid[data-phone-rows='compact']
+  .crewlet-data-grid__cell[data-lead]:not(.crewlet-data-grid__cell--shrink) {
+  flex: 1 1 0;
+  min-width: 0;
+  font-weight: var(--font-weight-medium);
+}
 
-  .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__cell[data-label]::before {
-    content: none;
-  }
+.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell[data-label]::before {
+  content: none;
+}
 
-  .crewlet-data-grid[data-phone-rows='compact'] .crewlet-data-grid__cell[data-phone-omit] {
-    display: none;
-  }
+.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell[data-phone-omit] {
+  display: none;
 }
 
 
@@ -21577,10 +21580,19 @@ a.crewlet-icon-btn {
 }
 
 
-/* ListDetail-5NXERLRJ.css */
+/* ListDetail-N3L7PB46.css */
 /*
  * ListDetail: a list beside the detail of what is chosen in it, each scrolling
- * on its own in the height it is given, one pane on a phone (ListDetail.tsx).
+ * on its own in the height it is given, one pane where it is narrow
+ * (ListDetail.tsx).
+ *
+ * IT FOLDS BY ITS OWN WIDTH, NOT THE WINDOW'S. The root is an inline-size
+ * container and the panes are its child, so the fold answers how wide THIS
+ * list and detail are: beside an aside the reader opened (the assistant) a
+ * 1375px window can leave the screen 443px, and a fold that asked the window
+ * drew the detail 130px wide beside a 17rem list. The phone rule below is the
+ * one decision that stays the window's: on a phone the page scrolls as a
+ * whole rather than each pane on its own.
  */
 
 /* THE HAIRLINE STANDS MIDWAY between the two panes: the list's inset before it
@@ -21589,11 +21601,20 @@ a.crewlet-icon-btn {
 .crewlet-list-detail {
   --crewlet-list-detail-gutter: var(--spacing-7);
 
+  container: crewlet-list-detail / inline-size;
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+}
+
+.crewlet-list-detail__panes {
   display: grid;
   flex: 1 1 auto;
   grid-template-columns: var(--crewlet-list-detail-list, 17rem) minmax(0, 1fr);
   gap: var(--crewlet-list-detail-gutter);
-  height: 100%;
   min-width: 0;
   min-height: 0;
 }
@@ -21616,19 +21637,18 @@ a.crewlet-icon-btn {
   overflow-y: auto;
 }
 
-@media (width < 640px) {
-  .crewlet-list-detail {
+/* ONE PANE UNDER 640px OF ITS OWN WIDTH: the list and a reading detail do not
+   both fit, so the pane `showing` names takes the whole width and keeps its
+   own scroller, which is what lets it sit in a screen that fills the window. */
+@container crewlet-list-detail (width < 640px) {
+  .crewlet-list-detail__panes {
     grid-template-columns: minmax(0, 1fr);
-    height: auto;
   }
 
   .crewlet-list-detail__list {
     padding-right: 0;
     border-right: 0;
-  }
-
-  .crewlet-list-detail__detail {
-    overflow: visible;
+    overflow-y: auto;
   }
 
   .crewlet-list-detail--showing-list .crewlet-list-detail__detail,
@@ -21637,6 +21657,18 @@ a.crewlet-icon-btn {
   }
 }
 
+/* ON A PHONE THE PAGE SCROLLS AS A WHOLE, as tall as its content. */
+@media (width < 640px) {
+  .crewlet-list-detail {
+    height: auto;
+  }
+
+  .crewlet-list-detail__list,
+  .crewlet-list-detail__detail {
+    overflow: visible;
+  }
+}
+
 
 /* ListInput-4ISMGZDQ.css */
 /*
@@ -34213,7 +34245,7 @@ svg.crewlet-select__chevron {
 }
 
 
-/* StatusCard-FCJN7SXJ.css */
+/* StatusCard-72STCSWY.css */
 /*
  * A record with a state. The card, its head, its body and its foot are
  * Card's; only what a status card adds is said here.
@@ -34278,12 +34310,12 @@ svg.crewlet-select__chevron {
 }
 
 /*
- * A RESULT FOLDED TO ITS HEAD. The title is the button that opens it, with
+ * A RESULT THAT FOLDS TO ITS HEAD. The title is the button that opens it, with
  * the one chevron every disclosure here draws, turned the same way. The head
- * may wrap: on a narrow card the utilities a folded card keeps go under the
- * title rather than cutting it to nothing.
+ * may wrap, folded or open: on a narrow card the utilities it keeps go under
+ * the title rather than cutting it to nothing.
  */
-.crewlet-status-card--folded > .crewlet-card__header {
+.crewlet-status-card--collapsible > .crewlet-card__header {
   flex-wrap: wrap;
   row-gap: var(--spacing-1);
 }
@@ -34295,7 +34327,7 @@ svg.crewlet-select__chevron {
  * whole of their own line: the pull took their inset and their gap under the
  * title, and the last line sat closer to the edge than the first did.
  */
-.crewlet-status-card--folded > .crewlet-card__header > .crewlet-card__header-actions {
+.crewlet-status-card--collapsible > .crewlet-card__header > .crewlet-card__header-actions {
   margin-block: 0;
 }
 
@@ -34402,7 +34434,7 @@ svg.crewlet-select__chevron {
 }
 
 /*
- * A folded card's utilities, at the end of its head. THE FOOT'S OWN GAP: they
+ * A collapsible card's utilities, at the end of its head. THE FOOT'S OWN GAP: they
  * are the same buttons the open card draws in its foot, and at half its gap
  * the row tightened by 4px the moment the card folded. One gap, so folding a
  * card moves its utilities without respacing them.

package/package.json

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

package/dist/{Editor-URGZOK2S.js → Editor-NZRUKWB4.js}

@@ -1,5 +1,5 @@
-import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
+import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { FormField, Input } from './chunk-ETSF7SU6.js';