@crewlethq/ui 0.57.1 → 0.58.0

package/dist/index.js

@@ -1,109 +1,109 @@
 import './chunk-EWTPXRRM.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from './chunk-FEJANUZK.js';
-export { TreeCanvas } from './chunk-YCZ2FBKA.js';
+export { TreeCanvas } from './chunk-MKFL7TFU.js';
 export { TypeSpecimen } from './chunk-JKAFEFFC.js';
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-OHG7762N.js';
-export { VersionTimeline } from './chunk-67MW366X.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-CTUHHM6H.js';
+export { VersionTimeline } from './chunk-V326ADVR.js';
 export { WidgetFrame } from './chunk-PDTEPN4D.js';
 export { ThemeToggle } from './chunk-N3ISZVLK.js';
+export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from './chunk-6LRCOXP6.js';
 export { TileGrid } from './chunk-Q6CQMS6R.js';
-export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from './chunk-QYEOGGVS.js';
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-MYX4XABB.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-BDYQTU5Q.js';
 export { ToastProvider, Toaster, toasterInsetStyle, useToast } from './chunk-DRT4L4WC.js';
 export { TagsInput } from './chunk-JS2TRHBF.js';
 export { ThemeGallery } from './chunk-ESUZ27TS.js';
 export { ThemeSwatch } from './chunk-MNFU2RNT.js';
-export { DensitySwitcher, ThemeSwitcher } from './chunk-S5C64PTT.js';
+export { DensitySwitcher, ThemeSwitcher } from './chunk-JSR6HSK5.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
 export { SuggestionList, SuggestionRow } from './chunk-SDSBVVLL.js';
-export { Switcher } from './chunk-67F2AM4R.js';
+export { Switcher } from './chunk-2XBIN5C2.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-3EYSYEXP.js';
 export { SlideGrid } from './chunk-3V5T5K5H.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-D3EJSLCL.js';
 export { StatCard } from './chunk-YPTTSJPM.js';
 export { StatGroup } from './chunk-OUD75UB2.js';
 export { Statement } from './chunk-MZJKPTA5.js';
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-TD3UHDFY.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-DJ46CKSP.js';
 export { TagGroup } from './chunk-O2EGEONV.js';
 export { matchesShortcut, useShortcut } from './chunk-AYHIF6DH.js';
-import './chunk-NVZCANJ5.js';
-export { SLIDE_COMPARE_LABELS, SlideCompare } from './chunk-UV4LOQ3E.js';
-export { SlideFilmstrip } from './chunk-WOW5SCEK.js';
+import './chunk-73GUXYYE.js';
+export { SLIDE_COMPARE_LABELS, SlideCompare } from './chunk-JIG4D2IQ.js';
+export { SlideFilmstrip } from './chunk-BA2KFNUD.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
-export { SelectionBar } from './chunk-NK3D66PB.js';
+export { SelectionBar } from './chunk-3FGBMI36.js';
 export { SEND_BUTTON_LABELS, SendButton } from './chunk-JILNCBBS.js';
 export { SettingsTable, SettingsTableRow } from './chunk-4RKTZSEW.js';
-export { SetupWizard } from './chunk-D5OSP3KI.js';
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-OOZ5AGPS.js';
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-EBG3V4MK.js';
+export { SetupWizard } from './chunk-QFGKFCL2.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-EXP5RD3R.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-ARZF7KEO.js';
 export { Select } from './chunk-XQZ6EWOE.js';
-export { RichEditor, preloadRichEditor } from './chunk-NI7WUPH3.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from './chunk-SWD4QBL6.js';
 import './chunk-QH6VYJ3X.js';
-export { RUN_STATES, RunChip } from './chunk-EVWTLFKI.js';
-export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from './chunk-CGT4R7LW.js';
-export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-OZIBNFLO.js';
+export { RichEditor, preloadRichEditor } from './chunk-CVH7KBAJ.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
+export { RUN_STATES, RunChip } from './chunk-DIR6CSJP.js';
+export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from './chunk-AP7GA5AA.js';
+export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-32SOAYCF.js';
 export { SearchTrigger } from './chunk-YZR57QGE.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from './chunk-INVSUFJK.js';
 export { NavGroup, NavItem, SidebarNav } from './chunk-E7QLG3PG.js';
-export { REFUSAL_CARD_LABELS, RefusalCard } from './chunk-BLPT6GHV.js';
+export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-ZAJHGDAW.js';
 export { RelatedRow } from './chunk-N4GBDK4L.js';
 export { Text } from './chunk-QP2P6GDQ.js';
-export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-ZCMAU4YD.js';
+export { REFUSAL_CARD_LABELS, RefusalCard } from './chunk-BLPT6GHV.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-QZXSEPLJ.js';
 export { Table } from './chunk-45KMH3E3.js';
 export { ReviewList } from './chunk-OJ2QULVH.js';
-export { PresenterView, formatStopwatch } from './chunk-EGL24VY5.js';
+export { PresenterView, formatStopwatch } from './chunk-RXAODDFD.js';
 export { SLIDE_NAV_LABELS, SlideNav } from './chunk-OHBXOEP3.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-RMEBFYL7.js';
 export { PricingCard } from './chunk-U3ILLCR2.js';
 export { PrincipalPicker } from './chunk-TA72CURM.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './chunk-52IHWD3V.js';
 export { PropertyList } from './chunk-XZ42MKHK.js';
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './chunk-SW4XVX7K.js';
 export { Prose } from './chunk-JCSA3XVH.js';
-export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-ZAJHGDAW.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-LXYSWQNE.js';
-export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-ICJRP6QW.js';
+export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.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-QTB5S6JZ.js';
+export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-CBR52S2C.js';
 export { PinTile } from './chunk-JMMS2PQU.js';
 export { PresenceStack } from './chunk-3LYWD3BO.js';
 import './chunk-CENOOTAV.js';
 export { FactLine, ObjectHeader, SetByLine } from './chunk-ICWUDNAZ.js';
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-CZNG3V6L.js';
-export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-LZXY6IMO.js';
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-YA3AWELW.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-CSBS66PG.js';
+export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-2K6FUMIK.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-GPW4M4OI.js';
 export { TreeGrid } from './chunk-VRNUKH2W.js';
 export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, layoutConnectors, layoutForest, placeGroups, treeAllExpandable, treeAncestors, treeCollapseOrAscend, treeExpandOrDescend, treeExpandTo, treeExpandable, treeFirst, treeFirstChild, treeItemAction, treeLast, treeLevel, treeNext, treeParent, treePosInSet, treePrevious, treeSetSize, treeStep, treeTypeAhead, treeVisible, typeAheadBuffer, useLayoutAnchor, useMeasuredSizes, useTreeState } from './chunk-MY374UUD.js';
+export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-YA3AWELW.js';
 export { OrgLabel } from './chunk-ONQKKHON.js';
 export { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
-export { PageNote } from './chunk-CV4NES3P.js';
-export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-272Y3YMV.js';
-export { MERGE_CONFLICTS_LABELS, MergeConflicts } from './chunk-2TTFDRR3.js';
+export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-DHS335W4.js';
+export { MERGE_CONFLICTS_LABELS, MergeConflicts } from './chunk-IFWJNKVT.js';
 export { MessageBubble } from './chunk-C3FX7ZSU.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-UGNUUVRI.js';
 export { NewItemsNotice } from './chunk-PXU6HOZB.js';
-export { ListDetail } from './chunk-R5RCGD7N.js';
-export { ListInput, withDraft } from './chunk-DOPPU6TZ.js';
+export { List, ListItem } from './chunk-TDQ262TB.js';
+export { ListInput, withDraft } from './chunk-57KC5B5M.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from './chunk-5XACKNYR.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-OHGH7O6T.js';
+export { LogoSlot, LogoSlotGroup } from './chunk-H23GAACC.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-HGCDJOEF.js';
 export { LAYERS_LIST_LABELS, LayersList } from './chunk-M6NQ4XGK.js';
 export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
+export { LinkInterstitial, openExternal } from './chunk-PXDIHHJA.js';
 export { Link } from './chunk-FBSEJO2C.js';
-export { LinkInterstitial, openExternal } from './chunk-ZH4MJM73.js';
-export { List, ListItem } from './chunk-TDQ262TB.js';
+export { ListDetail } from './chunk-R5RCGD7N.js';
 import './chunk-FFMCMSJB.js';
 export { IconTile } from './chunk-3LI4TRUR.js';
-export { ImageUpload } from './chunk-FWYHRU7M.js';
+export { ImageUpload } from './chunk-PPVWWJIB.js';
 export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from './chunk-XYCADWZN.js';
-export { INLINE_EDITOR_LABELS, InlineEditor } from './chunk-672GLRBU.js';
+export { INLINE_EDITOR_LABELS, InlineEditor } from './chunk-T22NCHGT.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-UYZZV4DZ.js';
 export { FindingList } from './chunk-NTB5LRRD.js';
 export { FolderTile, describeFolderContents, folderContentsParts } from './chunk-TFIINTEU.js';
-export { FollowBanner } from './chunk-Y73BQL74.js';
+export { FollowBanner } from './chunk-FAKL6PXB.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';
 export { IDLE_AFTER_MS, useFullscreen, useIdle } from './chunk-W5XCNEZC.js';
@@ -112,45 +112,45 @@ import './chunk-MICRGE3J.js';
 export { EntityChip } from './chunk-OSKJZNBT.js';
 export { EntityList } from './chunk-FA44M2YT.js';
 export { StatusCard } from './chunk-WDIVALLP.js';
-export { ErrorBoundary } from './chunk-WBRC3MNE.js';
+export { ErrorBoundary } from './chunk-LBUQ6R66.js';
 export { Eyebrow } from './chunk-RK4XPHVG.js';
 export { FactList } from './chunk-RLJXVFEH.js';
-export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from './chunk-AKFHMLEX.js';
+export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from './chunk-OTMP2AUQ.js';
+export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from './chunk-BVWSLXTY.js';
 export { DirectoryList } from './chunk-4AA6WPQU.js';
 export { Divider } from './chunk-6KWNXIDE.js';
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-5OMV75GE.js';
-export { DescriptionList, DescriptionListItem } from './chunk-MFS6F2P7.js';
-export { DownloadButton } from './chunk-HNK43Z3P.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-ZHMJG3UG.js';
+export { DownloadButton } from './chunk-CFHGVO5L.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from './chunk-YNRKVY7X.js';
 export { EditingStatus } from './chunk-XRZGGB6I.js';
 export { CursorFlag } from './chunk-3BYIWOTV.js';
 export { PresenceRing, presenceHueClass } from './chunk-I6POAB4V.js';
-export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from './chunk-EDNZHW4K.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-HL4CPLEK.js';
+export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from './chunk-FVD7FSKO.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-YHTIWHEF.js';
 export { PageHeader } from './chunk-DKB73KZI.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-JJ3NOBJ6.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-L22HQRNF.js';
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-AZ5BKSGV.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-6NJW5KSX.js';
-export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from './chunk-BVWSLXTY.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-TUZGFMRW.js';
+export { DescriptionList, DescriptionListItem } from './chunk-MFS6F2P7.js';
 export { ConfirmField, confirmMatches } from './chunk-4CBGIRVU.js';
 export { InlineCode } from './chunk-5CLW2CXT.js';
-export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-HVEDVKXL.js';
 export { Container } from './chunk-HJO4WCH6.js';
+export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-C4BN6MZJ.js';
 export { ContrastHelp } from './chunk-YCGZK2E4.js';
 export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from './chunk-WW7TU6HE.js';
+export { CodeBlock } from './chunk-UC3PB356.js';
 export { ChoiceList } from './chunk-EAQLI2SO.js';
-export { CodeBlock } from './chunk-6T6V5565.js';
 export { ColorChip } from './chunk-6GTTRJWJ.js';
 export { ColorField } from './chunk-3NQS6KYG.js';
-export { ColorSwatch } from './chunk-NQGZRMUG.js';
-export { CopyButton, Copyable } from './chunk-ES4HR34Y.js';
+export { Combobox } from './chunk-U5PJSGHG.js';
+export { ColorSwatch } from './chunk-5VFBBKZE.js';
+export { CopyButton, Copyable } from './chunk-UM3EKJXF.js';
 export { useClipboard, writeClipboard } from './chunk-STJ7QBC3.js';
 export { useOutcome } from './chunk-DTIW4CHZ.js';
-export { Combobox } from './chunk-U5PJSGHG.js';
-export { CommandPalette } from './chunk-Z7PJF6F3.js';
-export { ConfirmModal, Modal } from './chunk-QZ4B72FP.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-DFUYHPY7.js';
+export { CommandPalette } from './chunk-LFHVYGQL.js';
+export { ConfirmModal, Modal } from './chunk-SEMZEENR.js';
 export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-56P72ZBE.js';
 export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, shortenUnchanged } from './chunk-NEHSV55H.js';
 export { DIFF_LIST_LABELS, DiffList } from './chunk-Z3GDMNMU.js';
 export { Tag } from './chunk-KYIAFNU7.js';
@@ -158,21 +158,21 @@ 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-36DZUEVY.js';
 export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from './chunk-HMVQQEHW.js';
-export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from './chunk-RV2FGESF.js';
 export { ChoiceButtons } from './chunk-WXRH7NZW.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-Q6R6EUQ4.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-73QP5CDO.js';
 export { Note } from './chunk-5SZGKSGL.js';
 export { CanvasSchematic } from './chunk-NBWNLYWZ.js';
-export { CanvasToolbar, toolForKey } from './chunk-LQ6AGUDL.js';
+export { CanvasToolbar, toolForKey } from './chunk-3DVOJK63.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-YEURM24I.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-JKZ3A4GY.js';
 import './chunk-LM3ISVJA.js';
 export { CatalogTile } from './chunk-TGSIVB6H.js';
-export { AvatarPicker } from './chunk-4OINEWR4.js';
-export { HuePicker, HueSwatch } from './chunk-OYAXKHVW.js';
+export { AvatarPicker } from './chunk-DXRPB3JD.js';
+export { HuePicker, HueSwatch } from './chunk-YPGD2YWN.js';
 export { Popover } from './chunk-KHJIEPZV.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from './chunk-AYKXMIOR.js';
 export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from './chunk-SNQRGH4A.js';
@@ -194,11 +194,11 @@ export { ArrangeGroup } from './chunk-M5KZX5JE.js';
 export { ArrangeList, DEFAULT_ARRANGE_LABELS } from './chunk-6KLK7E76.js';
 export { Switch } from './chunk-A722MUNR.js';
 export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from './chunk-XJ2QEBMM.js';
-export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from './chunk-TDQZ4LB5.js';
+export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from './chunk-C5AKPSNY.js';
 import './chunk-OOC7Q67K.js';
 export { Tooltip } from './chunk-I33UIUZD.js';
-export { SegmentedControl } from './chunk-AWSFK2IK.js';
-export { TabPanel, Tabs, tabId } from './chunk-I7VG6RQE.js';
+export { SegmentedControl } from './chunk-3JYCCTGK.js';
+export { TabPanel, Tabs, tabId } from './chunk-HYRKTVKL.js';
 export { StatusDot } from './chunk-WIATRXEJ.js';
 import './chunk-EGMQURBR.js';
 export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from './chunk-AVL52EME.js';
@@ -221,12 +221,12 @@ export { ACCESS_DENIED_REASONS, AccessDeniedCard } from './chunk-QTMUKRTN.js';
 export { EmptyState } from './chunk-PPUR46MK.js';
 export { Accordion, AccordionItem } from './chunk-T4D7RZNI.js';
 export { ADD_PILL_MS, AddPill } from './chunk-TROLVEZY.js';
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from './chunk-GCASX3FD.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from './chunk-KLGO4526.js';
 export { Timeline, TimelineItem } from './chunk-AUQPBL4O.js';
 export { Section } from './chunk-JQ7IFSF6.js';
 export { COMPOSER_COUNTER_AT, Composer } from './chunk-JLRXCKTS.js';
 export { Disclosure } from './chunk-GG4QZWMQ.js';
-export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from './chunk-HGYHWWA5.js';
+export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from './chunk-ALU5EGQB.js';
 export { SIDE_PANEL_LABELS, SIDE_PANEL_MAX_WIDTH, SIDE_PANEL_MIN_WIDTH, SIDE_PANEL_WIDTH, SidePanel, SidePanelFrame } from './chunk-XODESBSR.js';
 export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
 export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from './chunk-FXQLNETQ.js';
@@ -235,17 +235,17 @@ export { DisclosureAnatomy } from './chunk-TFGCNBWP.js';
 export { Count } from './chunk-BHHIIK3M.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
 export { Announcer, announce, useAnnouncer } from './chunk-RSAQOKH3.js';
-export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from './chunk-YGC7BFX2.js';
+export { ArrangeBoard } from './chunk-QO7QEQKV.js';
+export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from './chunk-OOBXGR5B.js';
 export { useMediaMatch } from './chunk-RTPQDNW3.js';
-export { Menu } from './chunk-TKS7FTTO.js';
+export { Menu } from './chunk-7QE27DWU.js';
 export { RESIZE_HANDLE_LARGE_STEP, RESIZE_HANDLE_STEP, ResizeHandle, clampSize, useAppShellAside, useAppShellPeek } from './chunk-PIYJNCN7.js';
-export { Button, ButtonLink } from './chunk-HD4QJ2SI.js';
-export { Spinner } from './chunk-EA23JG6R.js';
+export { Button, ButtonLink } from './chunk-QKXQC5D6.js';
+export { Spinner } from './chunk-XSPCITPN.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, anchorGone, outsideBounds, placePopup, useLayerContainer, viewportBounds } from './chunk-OMV5W53A.js';
 export { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from './chunk-H5XTJ7GJ.js';
 export { IconButton, IconButtonLink } from './chunk-2BQYODY3.js';
 export { FOCUS_MODALITY_ATTRIBUTE, FOCUS_RETURNED_ATTRIBUTE, returnFocus, trackFocusModality, useFocusModality } from './chunk-NUZHC6MM.js';
 export { VisuallyHidden } from './chunk-BZFWDIV6.js';
-export { ArrangeBoard } from './chunk-QO7QEQKV.js';
 export { cx } from './chunk-ODEQTPFM.js';

package/dist/styles.css

@@ -9074,7 +9074,7 @@ button.crewlet-histogram__bar[data-empty]:focus-visible > .crewlet-histogram__fi
 }
 
 
-/* ChatThread-52KMDXHB.css */
+/* ChatThread-FGXVDLI2.css */
 /*
  * A conversation as it grows: the scroller, the items a spacing step and a
  * half apart on the panel's 16px inset, and the Jump to latest pill floating
@@ -9092,8 +9092,19 @@ button.crewlet-histogram__bar[data-empty]:focus-visible > .crewlet-histogram__fi
  * THE BROWSER'S SCROLL ANCHORING IS OFF: it pins the content above the
  * reader's view, which fights a last child that keeps growing as an answer
  * streams in. ChatThread.tsx anchors to the end itself.
+ *
+ * THE SCROLLER IS THE CONTAINING BLOCK for everything positioned inside it.
+ * It was not, so an absolutely positioned descendant with no positioned
+ * ancestor of its own (a visually hidden phrase inside a tag, "Sent with")
+ * was placed against the thread instead: outside the scroller's clip, at its
+ * spot in the whole conversation, thousands of pixels below the view. That
+ * made whatever held the thread overflowable (a flush side panel's body read
+ * a scroll height of 4752px around a 557px thread), and a focus could scroll
+ * it, lifting the thread off the panel's foot over a blank band. Positioned
+ * here, such a descendant scrolls and clips with the conversation.
  */
 .crewlet-chat-thread__scroller {
+  position: relative;
   flex: 1;
   min-height: 0;
   overflow: auto;
@@ -17841,7 +17852,7 @@ a.crewlet-icon-btn {
 .crewlet-icon-tile--blue { --crewlet-icon-tile-fill: var(--color-node-blue-fill); --crewlet-icon-tile-ink: var(--color-node-blue-ink); }
 
 
-/* ImageUpload-NVGMN7DP.css */
+/* ImageUpload-CYC3Y7M2.css */
 /*
  * ImageUpload, the click-to-upload affordance built on Avatar.
  *
@@ -17978,19 +17989,14 @@ a.crewlet-icon-btn {
   font-weight: var(--font-weight-medium);
 }
 
+/*
+ * The package's one ring (Spinner), sized to the control. It takes the
+ * overlay's on-scrim ink as its current colour, and its turn, its arc and its
+ * reduced-motion stop are Spinner.css's: this rule sets only the em it is
+ * measured in.
+ */
 .crewlet-image-upload__spinner {
-  width: calc(var(--crewlet-image-upload-size) * 0.3);
-  height: calc(var(--crewlet-image-upload-size) * 0.3);
-  border-radius: var(--radius-circle);
-  border: 2px solid var(--color-surface-scrim);
-  border-top-color: var(--color-text-on-scrim);
-  animation: crewlet-image-upload-spin calc(var(--motion-duration-slow) * 2.5) linear infinite;
-}
-
-@keyframes crewlet-image-upload-spin {
-  to {
-    transform: rotate(360deg);
-  }
+  font-size: calc(var(--crewlet-image-upload-size) * 0.3);
 }
 
 /*
@@ -18042,19 +18048,16 @@ a.crewlet-icon-btn {
 }
 
 /*
- * The ring holds still. The trigger already carries aria-busy, and the control
- * is disabled while the upload is out, so nothing about the state is carried
- * by the motion alone.
+ * The overlay and the remove target hold still. The ring is Spinner's, which
+ * stops itself. The trigger already carries aria-busy, and the control is
+ * disabled while the upload is out, so nothing about the state is carried by
+ * the motion alone.
  */
 @media (prefers-reduced-motion: reduce) {
   .crewlet-image-upload__overlay,
   .crewlet-image-upload__remove {
     transition: none;
   }
-
-  .crewlet-image-upload__spinner {
-    animation: none;
-  }
 }
 
 
@@ -25819,12 +25822,11 @@ button.crewlet-presence-stack__member:focus-visible {
 }
 
 
-/* ResultTableCard-ICUFRZUO.css */
+/* ResultTableCard-AP355LQM.css */
 /*
  * A result in a card. The card, its head and its foot are StatusCard's and
  * the table is Table's, drawn flush; what a result adds is the column model:
- * the first column takes the room the figures leave and ends a long name in
- * an ellipsis, and the figures never wrap.
+ * a text column wraps between words, and the figures never wrap.
  */
 .crewlet-result-table-card__table .crewlet-table__table {
   table-layout: auto;
@@ -25837,20 +25839,20 @@ button.crewlet-presence-stack__member:focus-visible {
  * letter, so "Product Manager" stacked letter by letter beside columns with
  * room to spare. Breaking at words keeps a column as wide as its longest
  * word, and a word wider than the card still breaks rather than overflow.
+ *
+ * THE NAME WRAPS TOO. The first column used to end a long name in an
+ * ellipsis on one line, and a result's row is not a link and its cell has no
+ * title, so in a 358px panel "Write the MVP plan" read "Write the MVP ..."
+ * with no way to reach the rest. It takes no width of its own: the auto
+ * layout gives each column the room its words ask for, so the name, the
+ * longest text, takes the most and wraps between words, and a short column
+ * beside it keeps its line where there is room. A `width: 100%` on it would
+ * squeeze every other text column to its longest word.
  */
 .crewlet-result-table-card__table td {
   overflow-wrap: break-word;
 }
 
-.crewlet-result-table-card__table td:first-child {
-  width: 100%;
-  max-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow-wrap: normal;
-}
-
 .crewlet-result-table-card__table .crewlet-table__cell--end {
   white-space: nowrap;
 }
@@ -29410,7 +29412,7 @@ svg.crewlet-select__chevron {
 }
 
 
-/* SidePanel-ERBUIELD.css */
+/* SidePanel-VXKUKLOJ.css */
 /*
  * A side panel and the frame that lays it beside the content or over it
  * (`SidePanel`, `SidePanelFrame`, and their artifact presets).
@@ -29570,11 +29572,19 @@ svg.crewlet-select__chevron {
   overscroll-behavior: contain;
 }
 
-/* FLUSH, the body draws no inset of its own: what it holds owns its edges
-   (a chat thread that scrolls and insets itself). The published inset reads 0
-   inside it, so anything that offsets itself by the inset follows. */
+/* FLUSH, the body draws no inset of its own and does not scroll: what it
+   holds owns its edges and its scrolling (a chat thread that scrolls and
+   insets itself, shrunk to the body by `min-height: 0`). The published inset
+   reads 0 inside it, so anything that offsets itself by the inset follows.
+
+   CLIPPED, NOT SCROLLABLE. `overflow: hidden` would still be a scroll
+   container, which a focus, `scrollIntoView` or a script can scroll; a flush
+   body that was scrolled 238px lifted its thread off the panel's foot and
+   left a blank band no wheel could reach. `clip` is not a scroll container,
+   so nothing moves it. */
 .crewlet-side-panel__body--flush {
   --crewlet-side-panel-inset: 0px;
+  overflow: clip;
 }
 
 /* THE FOOT holds the panel's own commit, outside the scrolling body, so it
@@ -31270,22 +31280,64 @@ svg.crewlet-select__chevron {
 }
 
 
-/* Spinner-XZ2TVYE5.css */
+/* Spinner-PM37OCHI.css */
 /*
  * The package's one ring. See Spinner.tsx for why it is inline-block, why it
  * stays open when it stops, and why its ink is the current colour.
  */
+
+/*
+ * THE ARC'S LENGTH, registered so it can be animated. An unregistered custom
+ * property animates in a single step at the halfway point, which would make
+ * the arc jump rather than breathe. Its initial value is the arc at rest: three
+ * quarters of the ring, the right quarter open.
+ */
+@property --crewlet-spinner-arc {
+  syntax: '<angle>';
+  inherits: false;
+  initial-value: 270deg;
+}
+
+/*
+ * The ring is a full 2px border cut to an arc by a mask, so the stroke is the
+ * same 2px at every size and the arc's length can move while the ring turns.
+ * The arc is centred on the left (270deg), so it grows and shrinks at both ends
+ * at once and the open quarter at rest sits on the right. Each end is feathered
+ * over a few degrees, so it reads as a soft cap rather than a hard cut. A mask
+ * reads only alpha, so its black is opacity rather than a colour.
+ */
 .crewlet-spinner {
+  --crewlet-spinner-from: calc(270deg - var(--crewlet-spinner-arc) / 2);
   display: inline-block;
   box-sizing: border-box;
   flex: none;
   width: 1em;
   height: 1em;
   border: 2px solid currentColor;
-  border-right-color: transparent;
   border-radius: var(--radius-circle);
   opacity: 0.7;
-  animation: crewlet-spinner-turn var(--motion-duration-slow) linear infinite;
+  -webkit-mask-image: conic-gradient(
+    from var(--crewlet-spinner-from),
+    transparent 0deg,
+    #000 6deg,
+    #000 calc(var(--crewlet-spinner-arc) - 6deg),
+    transparent var(--crewlet-spinner-arc)
+  );
+  mask-image: conic-gradient(
+    from var(--crewlet-spinner-from),
+    transparent 0deg,
+    #000 6deg,
+    #000 calc(var(--crewlet-spinner-arc) - 6deg),
+    transparent var(--crewlet-spinner-arc)
+  );
+  /*
+   * Two motions, one definition for every ring in the package: one steady turn
+   * a second, and the arc breathing between a quarter and three quarters of the
+   * ring on a slower cycle, so the ends ease apart and together while it turns.
+   */
+  animation:
+    crewlet-spinner-turn var(--motion-duration-turn) linear infinite,
+    crewlet-spinner-sweep var(--motion-duration-sweep) var(--motion-easing-in-out) infinite;
 }
 
 /* The glyph scale of @crewlethq/icons: xs 12px, sm 14px, md 16px. */
@@ -31310,8 +31362,20 @@ svg.crewlet-select__chevron {
   }
 }
 
+@keyframes crewlet-spinner-sweep {
+  0%,
+  100% {
+    --crewlet-spinner-arc: 90deg;
+  }
+
+  50% {
+    --crewlet-spinner-arc: 270deg;
+  }
+}
+
 /* It stops, and keeps its open quarter: a closed ring reads as an empty status
-   circle, the open one still reads as pending. */
+   circle, the open one still reads as pending. With both motions off, the arc
+   takes its registered initial value, three quarters of the ring. */
 @media (prefers-reduced-motion: reduce) {
   .crewlet-spinner {
     animation: none;

package/package.json

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

package/dist/Spinner-XZ2TVYE5.css

@@ -1,46 +0,0 @@
-/*
- * The package's one ring. See Spinner.tsx for why it is inline-block, why it
- * stays open when it stops, and why its ink is the current colour.
- */
-.crewlet-spinner {
-  display: inline-block;
-  box-sizing: border-box;
-  flex: none;
-  width: 1em;
-  height: 1em;
-  border: 2px solid currentColor;
-  border-right-color: transparent;
-  border-radius: var(--radius-circle);
-  opacity: 0.7;
-  animation: crewlet-spinner-turn var(--motion-duration-slow) linear infinite;
-}
-
-/* The glyph scale of @crewlethq/icons: xs 12px, sm 14px, md 16px. */
-.crewlet-spinner--xs {
-  width: var(--font-size-xs);
-  height: var(--font-size-xs);
-}
-
-.crewlet-spinner--sm {
-  width: var(--font-size-sm);
-  height: var(--font-size-sm);
-}
-
-.crewlet-spinner--md {
-  width: var(--font-size-md);
-  height: var(--font-size-md);
-}
-
-@keyframes crewlet-spinner-turn {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-/* It stops, and keeps its open quarter: a closed ring reads as an empty status
-   circle, the open one still reads as pending. */
-@media (prefers-reduced-motion: reduce) {
-  .crewlet-spinner {
-    animation: none;
-  }
-}