@crewlethq/ui 0.36.0 → 0.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/README.md +17 -1
  2. package/dist/AgentHandoffPanel/index.js +1 -1
  3. package/dist/ArtifactAccess/ArtifactAccess.d.ts +40 -0
  4. package/dist/ArtifactAccess/index.d.ts +3 -0
  5. package/dist/ArtifactAccess/index.js +2 -0
  6. package/dist/ArtifactAccess-Y53ZTRFS.css +31 -0
  7. package/dist/ArtifactCard/ArtifactCard.d.ts +1 -6
  8. package/dist/ArtifactCard/index.d.ts +2 -1
  9. package/dist/ArtifactCard/index.js +3 -2
  10. package/dist/ArtifactKindIllustration/ArtifactKindIllustration.d.ts +1 -1
  11. package/dist/ArtifactKindIllustration/index.js +1 -1
  12. package/dist/{ArtifactKindIllustration-5KTP43QS.css → ArtifactKindIllustration-KLFL7KBG.css} +1 -1
  13. package/dist/ArtifactMakeRow/index.js +1 -1
  14. package/dist/{ArtifactMakeRow-RWUTS5MC.css → ArtifactMakeRow-XBA2MPSY.css} +1 -1
  15. package/dist/ArtifactNameCell/ArtifactNameCell.d.ts +37 -0
  16. package/dist/ArtifactNameCell/index.d.ts +4 -0
  17. package/dist/ArtifactNameCell/index.js +4 -0
  18. package/dist/ArtifactNameCell-RTVP4LO4.css +104 -0
  19. package/dist/CommandPalette/index.js +1 -1
  20. package/dist/CommentThread/index.js +3 -3
  21. package/dist/Composer/index.js +1 -1
  22. package/dist/DataTable/index.js +2 -2
  23. package/dist/DataView/index.js +5 -5
  24. package/dist/DocTabsEditor/index.js +1 -1
  25. package/dist/ListInput/index.js +3 -3
  26. package/dist/LivePreview/LivePreview.d.ts +15 -3
  27. package/dist/LivePreview/index.d.ts +2 -2
  28. package/dist/LivePreview/index.js +1 -1
  29. package/dist/PresenterView/index.js +2 -2
  30. package/dist/ShareDialog/index.js +3 -3
  31. package/dist/SheetColumnEditor/index.js +1 -1
  32. package/dist/SheetGrid/index.js +1 -1
  33. package/dist/SlideFilmstrip/index.js +1 -1
  34. package/dist/Switcher/index.js +2 -2
  35. package/dist/TagsInput/index.js +2 -2
  36. package/dist/chunk-BGLKLXL3.js +29 -0
  37. package/dist/{chunk-66ADEPFB.js → chunk-EAKC24BW.js} +1 -1
  38. package/dist/{chunk-ES4RKQ7B.js → chunk-GS7ZTHPF.js} +1 -1
  39. package/dist/{chunk-OSZDHN5Z.js → chunk-OHA6WSAG.js} +5 -10
  40. package/dist/chunk-P5VGSVWG.js +39 -0
  41. package/dist/{chunk-MJW6SQYB.js → chunk-UBZDYOCA.js} +1 -1
  42. package/dist/{chunk-XGBLRDSU.js → chunk-WYKWXRJ4.js} +16 -6
  43. package/dist/generated/index.d.ts +2 -0
  44. package/dist/generated/index.js +43 -41
  45. package/dist/index.js +43 -41
  46. package/dist/styles.css +145 -4
  47. package/package.json +3 -3
  48. package/dist/{chunk-WNAYQQ6Y.js → chunk-44WJLPQS.js} +1 -1
  49. package/dist/{chunk-MRMHZ437.js → chunk-66NGUD5S.js} +1 -1
  50. package/dist/{chunk-3PTUDKSR.js → chunk-AOLCZDZ6.js} +1 -1
  51. package/dist/{chunk-IQH3DDZ2.js → chunk-BIQDJOJZ.js} +1 -1
  52. package/dist/{chunk-2DV4THNQ.js → chunk-EARDAJQY.js} +1 -1
  53. package/dist/{chunk-DEMALFHY.js → chunk-F23N4MVU.js} +1 -1
  54. package/dist/{chunk-XMRTFPWX.js → chunk-JML75PGJ.js} +1 -1
  55. /package/dist/{chunk-5BP6IS3N.js → chunk-PNNYVN52.js} +0 -0
package/dist/index.js CHANGED
@@ -1,37 +1,40 @@
1
- import './chunk-5BP6IS3N.js';
1
+ import './chunk-PNNYVN52.js';
2
2
  export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from './chunk-FEJANUZK.js';
3
+ export { DashboardCover, DocCover, SHEET_COVER_COLUMNS, SHEET_COVER_ROWS, SheetCover } from './chunk-JQLS3MZB.js';
3
4
  export { TreeCanvas } from './chunk-4ZJLOKSS.js';
4
5
  export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-PLTCDSTU.js';
5
6
  export { VersionTimeline } from './chunk-NQCY44B3.js';
6
7
  export { WidgetFrame } from './chunk-DFK5EQTU.js';
8
+ export { ThemeGallery } from './chunk-IPAU6FLH.js';
9
+ export { ThemeSwatch } from './chunk-MNFU2RNT.js';
7
10
  export { DensitySwitcher, ThemeSwitcher } from './chunk-2QEDJSJC.js';
11
+ export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-TVRBQMIX.js';
8
12
  export { ThemeToggle } from './chunk-NP2C4Y4E.js';
9
13
  export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
10
- export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-TVRBQMIX.js';
11
14
  export { ToastProvider, Toaster, useToast } from './chunk-AC22RZKC.js';
15
+ export { Switcher } from './chunk-66NGUD5S.js';
12
16
  export { Table } from './chunk-V2N3BMOT.js';
13
17
  export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-K4VP6ZKE.js';
14
- export { TagsInput } from './chunk-3PTUDKSR.js';
18
+ export { TagsInput } from './chunk-AOLCZDZ6.js';
15
19
  export { Text } from './chunk-IKBK4A5O.js';
16
- export { ThemeGallery } from './chunk-IPAU6FLH.js';
17
- export { ThemeSwatch } from './chunk-MNFU2RNT.js';
18
20
  export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-D7GNNID2.js';
19
21
  export { StatCard } from './chunk-XO7PUL4F.js';
20
22
  export { StatGroup } from './chunk-JXRI5YD2.js';
21
23
  export { Stepper } from './chunk-5QWIJSQM.js';
22
- export { Switcher } from './chunk-MRMHZ437.js';
24
+ export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-W3HYWD63.js';
25
+ export { TagGroup } from './chunk-O2EGEONV.js';
23
26
  export { matchesShortcut, useShortcut } from './chunk-2FPENTCF.js';
24
27
  export { NavGroup, NavItem, SidebarNav } from './chunk-UCCC7YVZ.js';
25
28
  export { SLIDE_COMPARE_LABELS, SlideCompare } from './chunk-5RT5O4JR.js';
26
29
  export { SlideFilmstrip } from './chunk-KYZMN6I6.js';
27
30
  export { SlideGrid } from './chunk-H5NOLRGH.js';
31
+ export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-356JNSER.js';
28
32
  export { SearchTrigger } from './chunk-6DRDCT22.js';
29
33
  export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
30
- export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-2DV4THNQ.js';
34
+ export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-EARDAJQY.js';
31
35
  export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-FG4O64DV.js';
32
36
  export { Select } from './chunk-VKKUGZ3G.js';
33
- export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-W3HYWD63.js';
34
- export { TagGroup } from './chunk-O2EGEONV.js';
37
+ export { PrincipalPicker } from './chunk-GMLAKNFY.js';
35
38
  export { Prose } from './chunk-JCSA3XVH.js';
36
39
  export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
37
40
  export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-ZAJHGDAW.js';
@@ -39,14 +42,12 @@ export { RichEditor, preloadRichEditor } from './chunk-T5RQGI6O.js';
39
42
  export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
40
43
  export { canonicalMarkdown, roundTripMarkdown } from './chunk-SWD4QBL6.js';
41
44
  import './chunk-QH6VYJ3X.js';
42
- export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-356JNSER.js';
43
45
  export { PinTile } from './chunk-6MIXD6IW.js';
44
46
  export { PresenceStack } from './chunk-3LYWD3BO.js';
45
- export { PresenterView, formatStopwatch } from './chunk-DEMALFHY.js';
46
- export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-NQGPD6NX.js';
47
+ export { PresenterView, formatStopwatch } from './chunk-F23N4MVU.js';
47
48
  export { SLIDE_NAV_LABELS, SlideNav } from './chunk-6VOS2GMB.js';
49
+ export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-NQGPD6NX.js';
48
50
  export { PricingCard } from './chunk-DQSXWQMJ.js';
49
- export { PrincipalPicker } from './chunk-GMLAKNFY.js';
50
51
  export { FactLine, ObjectHeader, SetByLine } from './chunk-VGE3G3T4.js';
51
52
  export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-YA3AWELW.js';
52
53
  export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-JBUMD6DS.js';
@@ -56,20 +57,22 @@ export { OrgLabel } from './chunk-ONQKKHON.js';
56
57
  export { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
57
58
  export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-GPWJCP3U.js';
58
59
  import './chunk-CENOOTAV.js';
59
- 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, PreviewScale, createLivePreviewBudget, createLivePreviewStills, immediately, perFrame, useLivePreview } from './chunk-XGBLRDSU.js';
60
+ export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from './chunk-BAKPMH3S.js';
61
+ export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-OOWPSBIS.js';
60
62
  export { MERGE_CONFLICTS_LABELS, MergeConflicts } from './chunk-J6ON5SYE.js';
61
63
  export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-UGNUUVRI.js';
62
64
  export { NewItemsNotice } from './chunk-PXU6HOZB.js';
65
+ export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
63
66
  export { Link } from './chunk-FBSEJO2C.js';
64
- export { List, ListItem } from './chunk-DS2C73RJ.js';
65
67
  export { LinkInterstitial, openExternal } from './chunk-5WDXPHEW.js';
66
- export { ListInput } from './chunk-IQH3DDZ2.js';
68
+ export { List, ListItem } from './chunk-DS2C73RJ.js';
69
+ export { ListInput } from './chunk-BIQDJOJZ.js';
67
70
  export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from './chunk-5XACKNYR.js';
68
- export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from './chunk-BAKPMH3S.js';
69
- export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-OOWPSBIS.js';
71
+ 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-WYKWXRJ4.js';
72
+ export { ImageUpload } from './chunk-FWYHRU7M.js';
70
73
  export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from './chunk-XYCADWZN.js';
71
74
  export { LAYERS_LIST_LABELS, LayersList } from './chunk-46RL3E54.js';
72
- export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
75
+ export { FindingList } from './chunk-NTB5LRRD.js';
73
76
  export { FollowBanner } from './chunk-WGD2HX2A.js';
74
77
  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';
75
78
  export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from './chunk-ZXXDZJQN.js';
@@ -77,14 +80,13 @@ export { IDLE_AFTER_MS, useFullscreen, useIdle } from './chunk-W5XCNEZC.js';
77
80
  export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
78
81
  import './chunk-FFMCMSJB.js';
79
82
  export { IconTile } from './chunk-IXJHTFXG.js';
80
- export { ImageUpload } from './chunk-FWYHRU7M.js';
81
83
  export { EntityChip } from './chunk-OSKJZNBT.js';
82
84
  export { ErrorBoundary } from './chunk-XX2VQE55.js';
83
85
  export { Eyebrow } from './chunk-RK4XPHVG.js';
84
86
  export { FactList } from './chunk-HOIZ6MIS.js';
85
87
  export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from './chunk-THDGBD6Y.js';
86
88
  export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-UYZZV4DZ.js';
87
- export { FindingList } from './chunk-NTB5LRRD.js';
89
+ export { DIFF_LIST_LABELS, DiffList } from './chunk-LFHCXZO5.js';
88
90
  export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from './chunk-BVWSLXTY.js';
89
91
  export { Divider } from './chunk-6KWNXIDE.js';
90
92
  export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-UWGUKMBK.js';
@@ -93,20 +95,24 @@ export { downloadBlob, downloadText, safeFilename, useDownload } from './chunk-I
93
95
  export { EditingStatus } from './chunk-TC7DJTXI.js';
94
96
  export { CursorFlag } from './chunk-3BYIWOTV.js';
95
97
  export { PresenceRing, presenceHueClass } from './chunk-I6POAB4V.js';
96
- export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from './chunk-ES4RKQ7B.js';
98
+ export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from './chunk-GS7ZTHPF.js';
97
99
  export { PageHeader } from './chunk-HOXGBLEY.js';
100
+ export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-JML75PGJ.js';
98
101
  export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-GRYZ5EP3.js';
99
102
  export { Tag } from './chunk-GFV4LJHH.js';
100
103
  export { StatusDot } from './chunk-WIATRXEJ.js';
101
- export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-XMRTFPWX.js';
102
104
  export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-L4WZSVMT.js';
103
105
  export { DescriptionList, DescriptionListItem } from './chunk-F2XSYBKH.js';
104
- export { DIFF_LIST_LABELS, DiffList } from './chunk-LFHCXZO5.js';
106
+ export { CodeBlock } from './chunk-GDDE4UM7.js';
107
+ export { CopyButton, Copyable } from './chunk-W46LPU4R.js';
108
+ export { useClipboard, writeClipboard } from './chunk-STJ7QBC3.js';
109
+ export { useOutcome } from './chunk-DTIW4CHZ.js';
105
110
  export { Combobox } from './chunk-PPFX6GRK.js';
106
111
  export { CommandPalette } from './chunk-N5SKHIAP.js';
107
112
  export { ConfirmModal, Modal } from './chunk-XEGZHHRH.js';
108
113
  export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
109
- export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-WNAYQQ6Y.js';
114
+ export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-44WJLPQS.js';
115
+ export { Document, DocumentTitle, DocumentTitleField } from './chunk-P6WFZDKS.js';
110
116
  export { ConfirmField, confirmMatches } from './chunk-KJW2AS57.js';
111
117
  export { InlineCode } from './chunk-5CLW2CXT.js';
112
118
  export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-UO7JZVCO.js';
@@ -118,54 +124,49 @@ import './chunk-3L5NHASN.js';
118
124
  export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from './chunk-HG5VF3TZ.js';
119
125
  export { ChoiceButtons } from './chunk-BWOIUOO3.js';
120
126
  export { ChoiceList } from './chunk-WZGYIVYH.js';
121
- export { CodeBlock } from './chunk-GDDE4UM7.js';
122
- export { CopyButton, Copyable } from './chunk-W46LPU4R.js';
123
- export { useClipboard, writeClipboard } from './chunk-STJ7QBC3.js';
124
- export { useOutcome } from './chunk-DTIW4CHZ.js';
125
127
  export { Breadcrumb } from './chunk-VWNC2L6W.js';
126
128
  export { KeyChip } from './chunk-FYTIJM2T.js';
127
129
  export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-GXQ3B46I.js';
128
130
  export { Callout } from './chunk-SZZRIHGT.js';
129
131
  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-FHHYXZSP.js';
130
132
  export { Note } from './chunk-5SZGKSGL.js';
131
- export { CanvasSchematic } from './chunk-NBWNLYWZ.js';
132
133
  export { CanvasToolbar, toolForKey } from './chunk-7VAUGG6B.js';
133
134
  export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-PGRPNDWM.js';
134
135
  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-4BYHAOHH.js';
135
136
  import './chunk-LM3ISVJA.js';
136
- export { ArtifactMakeRow } from './chunk-66ADEPFB.js';
137
+ export { CanvasSchematic } from './chunk-NBWNLYWZ.js';
138
+ export { ArtifactMakeRow } from './chunk-EAKC24BW.js';
139
+ export { ArtifactNameCell } from './chunk-P5VGSVWG.js';
137
140
  export { AuthLayout } from './chunk-WX2NIG4G.js';
141
+ export { BrandLockup } from './chunk-7KBNFFM3.js';
138
142
  export { AvatarPicker } from './chunk-GYBDPCRC.js';
139
143
  export { HuePicker, HueSwatch } from './chunk-SUXP4OBT.js';
140
144
  export { Popover } from './chunk-K3IJQNB7.js';
141
145
  export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from './chunk-AYKXMIOR.js';
142
146
  export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from './chunk-YEVG2X5R.js';
143
- export { BrandLockup } from './chunk-7KBNFFM3.js';
144
- export { ArrangeFrame, useGridResize } from './chunk-WMXAX6VA.js';
147
+ export { ArrangeGrid } from './chunk-QBA5B2Z5.js';
145
148
  export { ArrangeGroup } from './chunk-M5KZX5JE.js';
146
149
  export { ArrangeList, DEFAULT_ARRANGE_LABELS } from './chunk-27GD7LVR.js';
147
150
  export { Switch } from './chunk-A722MUNR.js';
148
151
  export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from './chunk-XJ2QEBMM.js';
149
152
  export { Checkbox, CheckboxGroup } from './chunk-PJIPUEJ3.js';
150
- export { ArrangeGrid } from './chunk-QBA5B2Z5.js';
151
153
  export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from './chunk-APDKUGSH.js';
152
154
  import './chunk-WKEPORNM.js';
153
155
  export { Tooltip } from './chunk-6ZJ3N7QI.js';
154
156
  export { SegmentedControl } from './chunk-CCAXYHQS.js';
155
157
  export { TabPanel, Tabs, tabId } from './chunk-VL6CUNSX.js';
156
158
  import './chunk-RKKO7QHH.js';
157
- export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from './chunk-OSZDHN5Z.js';
159
+ export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from './chunk-OHA6WSAG.js';
158
160
  export { Skeleton } from './chunk-TEUQWOWZ.js';
159
161
  export { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-CI3VPIJN.js';
160
162
  export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from './chunk-3CZ7XAVY.js';
161
163
  export { EMPTY_VALUE, EmptyValue } from './chunk-EUCC37WY.js';
162
- export { ArtifactKindGround, ArtifactKindIllustration, ArtifactKindTile } from './chunk-MJW6SQYB.js';
164
+ export { ArtifactKindGround, ArtifactKindIllustration, ArtifactKindTile } from './chunk-UBZDYOCA.js';
163
165
  export { Card } from './chunk-5QXRI35B.js';
164
166
  export { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
165
167
  export { AvatarStack, avatarStackLabel } from './chunk-5AQBPHZD.js';
166
168
  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';
167
- export { DashboardCover, DocCover, SHEET_COVER_COLUMNS, SHEET_COVER_ROWS, SheetCover } from './chunk-JQLS3MZB.js';
168
- export { Document, DocumentTitle, DocumentTitleField } from './chunk-P6WFZDKS.js';
169
+ export { ARTIFACT_ACCESSES, ARTIFACT_ACCESS_LABELS, ArtifactAccessGlyph, ArtifactAccessLabel } from './chunk-BGLKLXL3.js';
169
170
  export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from './chunk-ILDNJHRU.js';
170
171
  export { ARTIFACT_KINDS, ArtifactKindGlyph } from './chunk-CE2THTQR.js';
171
172
  export { ACCESS_DENIED_REASONS, AccessDeniedCard } from './chunk-KV3ODJXH.js';
@@ -179,19 +180,20 @@ export { Disclosure } from './chunk-MICH6QSJ.js';
179
180
  export { COMPOSER_COUNTER_AT, Composer } from './chunk-RH2NCQBZ.js';
180
181
  export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from './chunk-Y5BD4MTE.js';
181
182
  export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from './chunk-IUYUS2SO.js';
182
- export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
183
183
  export { FOCUS_MODALITY_ATTRIBUTE, trackFocusModality, useFocusModality } from './chunk-YSGLEHND.js';
184
+ export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
184
185
  export { DisclosureAnatomy } from './chunk-FZVJDJFN.js';
185
186
  export { Count } from './chunk-BHHIIK3M.js';
186
187
  export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
187
- export { Announcer, announce, useAnnouncer } from './chunk-RSAQOKH3.js';
188
188
  export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from './chunk-PGZ2R3ON.js';
189
189
  export { useMediaMatch } from './chunk-RTPQDNW3.js';
190
190
  export { Menu } from './chunk-BUVCV3WI.js';
191
191
  export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, anchorGone, outsideBounds, placePopup, useLayerContainer, viewportBounds } from './chunk-OMV5W53A.js';
192
192
  export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from './chunk-R25RGPUB.js';
193
193
  export { Button, ButtonLink } from './chunk-OG6CL3EB.js';
194
+ export { ArrangeBoard } from './chunk-QO7QEQKV.js';
195
+ export { ArrangeFrame, useGridResize } from './chunk-WMXAX6VA.js';
196
+ export { Announcer, announce, useAnnouncer } from './chunk-RSAQOKH3.js';
194
197
  export { IconButton } from './chunk-4FQT6ZAY.js';
195
198
  export { VisuallyHidden } from './chunk-BZFWDIV6.js';
196
- export { ArrangeBoard } from './chunk-QO7QEQKV.js';
197
199
  export { cx } from './chunk-ODEQTPFM.js';
package/dist/styles.css CHANGED
@@ -2212,6 +2212,40 @@ button.crewlet-account-row__who:focus-visible {
2212
2212
  }
2213
2213
 
2214
2214
 
2215
+ /* ArtifactAccess-Y53ZTRFS.css */
2216
+ /*
2217
+ * An artifact's access as a glyph and its word. No colour of its own: the
2218
+ * glyph is the tertiary step and the word the secondary, one step stronger
2219
+ * where others can open it.
2220
+ */
2221
+
2222
+ .crewlet-artifact-access {
2223
+ display: inline-flex;
2224
+ align-items: center;
2225
+ gap: calc(var(--spacing-1) * 1.5);
2226
+ min-width: 0;
2227
+ max-width: 100%;
2228
+ color: var(--color-text-tertiary);
2229
+ }
2230
+
2231
+ .crewlet-artifact-access__glyph {
2232
+ display: inline-flex;
2233
+ flex: none;
2234
+ }
2235
+
2236
+ .crewlet-artifact-access__word {
2237
+ min-width: 0;
2238
+ overflow: hidden;
2239
+ text-overflow: ellipsis;
2240
+ white-space: nowrap;
2241
+ }
2242
+
2243
+ .crewlet-artifact-access--shared,
2244
+ .crewlet-artifact-access--company {
2245
+ color: var(--color-text-secondary);
2246
+ }
2247
+
2248
+
2215
2249
  /* ArtifactBar-FWPBBKQ5.css */
2216
2250
  /*
2217
2251
  * One row, one hairline under it, the height of a large row. The lead (the
@@ -2991,9 +3025,9 @@ button.crewlet-account-row__who:focus-visible {
2991
3025
  }
2992
3026
 
2993
3027
 
2994
- /* ArtifactKindIllustration-5KTP43QS.css */
3028
+ /* ArtifactKindIllustration-KLFL7KBG.css */
2995
3029
  /*
2996
- * A kind's drawing, its tinted ground and the Make something new tile.
3030
+ * A kind's drawing, its tinted ground and the "Start a new artifact" tile.
2997
3031
  *
2998
3032
  * Every colour is the kind's token, `--color-artifact-kind-<kind>` and its
2999
3033
  * Fill and Line steps, set once per kind on `--crewlet-kind-*`
@@ -3265,9 +3299,9 @@ a.crewlet-kind-tile:hover .crewlet-kind-tile__frame,
3265
3299
  .crewlet-kind--sheet { --crewlet-kind-hue: var(--color-artifact-kind-sheet); --crewlet-kind-fill: var(--color-artifact-kind-sheet-fill); --crewlet-kind-line: var(--color-artifact-kind-sheet-line); --crewlet-kind-ink: var(--color-artifact-kind-sheet-ink); }
3266
3300
 
3267
3301
 
3268
- /* ArtifactMakeRow-RWUTS5MC.css */
3302
+ /* ArtifactMakeRow-XBA2MPSY.css */
3269
3303
  /*
3270
- * The Make something new tray.
3304
+ * The "Start a new artifact" tray.
3271
3305
  *
3272
3306
  * Every colour is a token: the tray's ground, its dots and its hairlines are
3273
3307
  * the surface and border steps, and each kind's mark reads the kind's own
@@ -3435,6 +3469,113 @@ a.crewlet-make-row__item:active {
3435
3469
  }
3436
3470
 
3437
3471
 
3472
+ /* ArtifactNameCell-RTVP4LO4.css */
3473
+ /*
3474
+ * An artifact's name in a list: the kind's mark on its tint, the title over
3475
+ * one quiet line. Every colour is a token: the mark reads the kind's own Fill,
3476
+ * Line and Ink (`ArtifactKinds.css`), the words the text steps.
3477
+ */
3478
+
3479
+ .crewlet-artifact-name {
3480
+ display: flex;
3481
+ align-items: center;
3482
+ gap: var(--spacing-3);
3483
+ min-width: 0;
3484
+ max-width: 100%;
3485
+ padding-block: var(--spacing-1);
3486
+ }
3487
+
3488
+ /* THE MARK, the Make row's tile at a list's size: the kind's glyph on its
3489
+ tint inside the kind's hairline. */
3490
+ .crewlet-artifact-name__mark {
3491
+ display: inline-flex;
3492
+ flex: none;
3493
+ align-items: center;
3494
+ justify-content: center;
3495
+ width: 32px;
3496
+ height: 32px;
3497
+ box-sizing: border-box;
3498
+ border-radius: var(--radius-md);
3499
+ background: var(--crewlet-kind-fill);
3500
+ box-shadow: inset 0 0 0 1px var(--crewlet-kind-line);
3501
+ color: var(--crewlet-kind-ink);
3502
+ transition: box-shadow var(--motion-duration-fast) var(--motion-easing-out);
3503
+ }
3504
+
3505
+ /* UNDER THE POINTER the row's ground moves (the row's own hover), and the
3506
+ mark's hairline takes the kind's hue, so the one coloured thing on the row
3507
+ answers too. No lift and no movement: a list is read down, not played. */
3508
+ :is(tr, [role='row']):hover .crewlet-artifact-name__mark {
3509
+ box-shadow: inset 0 0 0 1px var(--crewlet-kind-hue);
3510
+ }
3511
+
3512
+ .crewlet-artifact-name--trashed .crewlet-artifact-name__mark {
3513
+ background: var(--color-surface-inset);
3514
+ box-shadow: inset 0 0 0 1px var(--color-border-default);
3515
+ color: var(--color-text-tertiary);
3516
+ }
3517
+
3518
+ .crewlet-artifact-name__words {
3519
+ display: flex;
3520
+ flex-direction: column;
3521
+ gap: 2px;
3522
+ min-width: 0;
3523
+ }
3524
+
3525
+ .crewlet-artifact-name__title-row {
3526
+ display: flex;
3527
+ align-items: center;
3528
+ gap: var(--spacing-1);
3529
+ min-width: 0;
3530
+ }
3531
+
3532
+ .crewlet-artifact-name__title {
3533
+ min-width: 0;
3534
+ overflow: hidden;
3535
+ text-overflow: ellipsis;
3536
+ white-space: nowrap;
3537
+ color: var(--color-text-primary);
3538
+ font-size: var(--font-size-sm);
3539
+ font-weight: var(--font-weight-medium);
3540
+ line-height: 1.35;
3541
+ }
3542
+
3543
+ .crewlet-artifact-name__pin {
3544
+ display: inline-flex;
3545
+ flex: none;
3546
+ color: var(--color-text-tertiary);
3547
+ }
3548
+
3549
+ .crewlet-artifact-name__detail {
3550
+ display: flex;
3551
+ align-items: baseline;
3552
+ gap: var(--spacing-1);
3553
+ min-width: 0;
3554
+ overflow: hidden;
3555
+ white-space: nowrap;
3556
+ color: var(--color-text-tertiary);
3557
+ font-size: var(--font-size-xs);
3558
+ line-height: 1.35;
3559
+ }
3560
+
3561
+ .crewlet-artifact-name__kind,
3562
+ .crewlet-artifact-name__dot {
3563
+ flex: none;
3564
+ }
3565
+
3566
+ .crewlet-artifact-name__about {
3567
+ min-width: 0;
3568
+ overflow: hidden;
3569
+ text-overflow: ellipsis;
3570
+ }
3571
+
3572
+ @media (prefers-reduced-motion: reduce) {
3573
+ .crewlet-artifact-name__mark {
3574
+ transition: none;
3575
+ }
3576
+ }
3577
+
3578
+
3438
3579
  /* ArtifactPanel-KKUUIPEU.css */
3439
3580
  /*
3440
3581
  * The workspace is a row: the artifact's body, then at most one panel. The
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crewlethq/ui",
3
- "version": "0.36.0",
3
+ "version": "0.37.0",
4
4
  "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -42,8 +42,8 @@
42
42
  "clean": "rm -rf dist src/generated"
43
43
  },
44
44
  "dependencies": {
45
- "@crewlethq/icons": "0.36.0",
46
- "@crewlethq/tokens": "0.36.0",
45
+ "@crewlethq/icons": "0.37.0",
46
+ "@crewlethq/tokens": "0.37.0",
47
47
  "prosemirror-commands": "1.7.2",
48
48
  "prosemirror-gapcursor": "1.4.1",
49
49
  "prosemirror-history": "1.5.1",
@@ -1,6 +1,6 @@
1
+ import { Document } from './chunk-P6WFZDKS.js';
1
2
  import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
2
3
  import { toInstant, RelativeTime, formatExact, toISO } from './chunk-3CZ7XAVY.js';
3
- import { Document } from './chunk-P6WFZDKS.js';
4
4
  import { Composer } from './chunk-RH2NCQBZ.js';
5
5
  import { Count } from './chunk-BHHIIK3M.js';
6
6
  import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
@@ -4,9 +4,9 @@ import { KeyChip, highlightMatch } from './chunk-FYTIJM2T.js';
4
4
  import { Popover } from './chunk-K3IJQNB7.js';
5
5
  import { Skeleton } from './chunk-TEUQWOWZ.js';
6
6
  import { Input } from './chunk-IUYUS2SO.js';
7
- import { announce } from './chunk-RSAQOKH3.js';
8
7
  import { useMediaMatch } from './chunk-RTPQDNW3.js';
9
8
  import { focusables, isComposing } from './chunk-R25RGPUB.js';
9
+ import { announce } from './chunk-RSAQOKH3.js';
10
10
  import { VisuallyHidden } from './chunk-BZFWDIV6.js';
11
11
  import { cx } from './chunk-ODEQTPFM.js';
12
12
  import './Switcher-K3EPA2RB.css';
@@ -1,8 +1,8 @@
1
1
  import { Tag } from './chunk-GFV4LJHH.js';
2
2
  import { useListbox } from './chunk-F73MC7EZ.js';
3
3
  import { useFocusModality } from './chunk-YSGLEHND.js';
4
- import { announce } from './chunk-RSAQOKH3.js';
5
4
  import { isComposing } from './chunk-R25RGPUB.js';
5
+ import { announce } from './chunk-RSAQOKH3.js';
6
6
  import { IconButton } from './chunk-4FQT6ZAY.js';
7
7
  import { cx } from './chunk-ODEQTPFM.js';
8
8
  import './TagsInput-7EGBBXHS.css';
@@ -1,7 +1,7 @@
1
1
  import { FormField, Textarea, Input } from './chunk-IUYUS2SO.js';
2
2
  import { Kbd } from './chunk-SMBKXWML.js';
3
- import { announce } from './chunk-RSAQOKH3.js';
4
3
  import { isComposing } from './chunk-R25RGPUB.js';
4
+ import { announce } from './chunk-RSAQOKH3.js';
5
5
  import { IconButton } from './chunk-4FQT6ZAY.js';
6
6
  import './ListInput-O7LJKOIG.css';
7
7
  import { useState, useRef, useLayoutEffect } from 'react';
@@ -1,6 +1,6 @@
1
1
  import { Select } from './chunk-VKKUGZ3G.js';
2
- import { Modal } from './chunk-XEGZHHRH.js';
3
2
  import { CopyButton } from './chunk-W46LPU4R.js';
3
+ import { Modal } from './chunk-XEGZHHRH.js';
4
4
  import { Callout } from './chunk-SZZRIHGT.js';
5
5
  import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
6
6
  import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
@@ -1,5 +1,5 @@
1
- import { SlideStage, SLIDE_WIDTH, SLIDE_HEIGHT } from './chunk-NQGPD6NX.js';
2
1
  import { SlideNav } from './chunk-6VOS2GMB.js';
2
+ import { SlideStage, SLIDE_WIDTH, SLIDE_HEIGHT } from './chunk-NQGPD6NX.js';
3
3
  import { Eyebrow } from './chunk-RK4XPHVG.js';
4
4
  import { Button } from './chunk-OG6CL3EB.js';
5
5
  import { cx } from './chunk-ODEQTPFM.js';
@@ -1,5 +1,5 @@
1
- import { Modal } from './chunk-XEGZHHRH.js';
2
1
  import { useClipboard } from './chunk-STJ7QBC3.js';
2
+ import { Modal } from './chunk-XEGZHHRH.js';
3
3
  import { Checkbox } from './chunk-PJIPUEJ3.js';
4
4
  import { EmptyValue } from './chunk-EUCC37WY.js';
5
5
  import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
File without changes