@crewlethq/ui 0.40.0 → 0.40.1

package/README.md

@@ -204,6 +204,10 @@ places:
 - A surface that pans or zooms dispatches `LAYER_REPOSITION_EVENT` on its host
   when the content beneath it moves, and every panel anchored inside follows.
 
+## Changes in 0.40.1
+
+**The rail's foot stands on the compact step.** What a reader reaches for rarely (a settings link, a status row, who they are) takes less of the rail's height: the foot's rows are 26px (`--size-control-sm`, through `--crewlet-rail-foot-row`) where they were the nav's 30px, the foot's gap is 2px and its inset 4px where they were 4px and 8px, and the account row spends 2px around its name and detail where it spent 8px. A foot of Settings, an engine row and the account row is 101px tall where it was 133px. Only heights change: every row keeps its order, its columns, its glyphs and its words, the rows above the foot keep their 30px step, and every target still clears 24px, with the targets of neighbouring rows meeting across the gap.
+
 ## Changes in 0.40.0
 
 The engine dashboard's own lists, page parts and navigation pieces, moved into the kit so every application draws them from one place.

package/dist/AppShell/index.js

@@ -1,4 +1,4 @@
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-KKNHMXTE.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-GR4YM7HT.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-D6FEHY5G.js';
 import '../chunk-OMV5W53A.js';

package/dist/{AppShell-NPSWZ3XW.css → AppShell-VE2MAV42.css}

@@ -171,14 +171,22 @@
 }
 
 /* The same gutter the nav takes, so what the foot says lines up with the rows
-   above it rather than sitting further out. */
+   above it rather than sitting further out.
+
+   THE FOOT IS THE COMPACT STEP. It holds what a reader reaches for rarely (a
+   settings link, the engine's state, who they are), so its rows stand on the
+   small control step (`--crewlet-rail-foot-row`, 26px, never under the 24px
+   target) on a half-step gap and a one-step inset, where the nav above keeps
+   its 30px rows. Only heights change: every row keeps its order, columns,
+   glyphs and words. */
 .crewlet-app-shell__rail-foot {
-  --crewlet-rail-foot-gap: var(--spacing-1);
+  --crewlet-rail-foot-gap: calc(var(--spacing-1) / 2);
+  --crewlet-rail-foot-row: var(--size-control-sm);
   flex: none;
   display: flex;
   flex-direction: column;
   gap: var(--crewlet-rail-foot-gap);
-  padding: var(--spacing-2) var(--size-nav-gutter);
+  padding: var(--spacing-1) var(--size-nav-gutter);
   border-top: 1px solid var(--color-border-default);
 }
 
@@ -279,6 +287,14 @@
   min-width: 14px;
 }
 
+/* The foot's own step (see `.crewlet-app-shell__rail-foot`), for its rows and
+   for a navigation dropped into it, whose rows keep the rail's columns. */
+.crewlet-app-shell__rail-foot > .crewlet-app-shell__rail-row--action:not(.crewlet-app-shell__rail-row--block),
+.crewlet-app-shell__rail-foot > .crewlet-btn,
+.crewlet-app-shell__rail-foot .crewlet-nav-item__row {
+  min-height: var(--crewlet-rail-foot-row);
+}
+
 /*
  * OPEN IS POINTED AT. The row a panel is open from keeps the hover's lift for
  * as long as the panel is open, drawn from `aria-expanded` so the picture and
@@ -731,9 +747,16 @@
  * whatever size of badge a caller hands the row, it is centred where a glyph
  * is, and the row takes the nav row's pad and its glyph-to-word gap.
  */
+.crewlet-app-shell__rail-foot .crewlet-account-row {
+  --crewlet-account-row-pad: var(--spacing-0);
+}
+
 .crewlet-app-shell__rail-foot .crewlet-account-row__who {
   --crewlet-hit-area-block-start: calc(var(--crewlet-rail-foot-gap) / 2 + var(--crewlet-account-row-pad));
   gap: calc(var(--spacing-2) + var(--spacing-1) / 2);
+  /* On the foot's compact step: the two lines of name and detail with half a
+     step above and below them, which still clears the avatar. */
+  padding-block: calc(var(--spacing-1) / 2);
   padding-inline-start: var(--size-nav-row-pad);
 }
 

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-PFZOFAQ6.js';
+export { RichEditor, preloadRichEditor } from '../chunk-X3UYTAOG.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 import '../chunk-BAKPMH3S.js';
 import '../chunk-SZZRIHGT.js';

package/dist/SheetGrid/index.js

@@ -1,9 +1,9 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-3PR65I3H.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-DKNBGL26.js';
 import '../chunk-O2EGEONV.js';
 import '../chunk-CENOOTAV.js';
-import '../chunk-KYIAFNU7.js';
 import '../chunk-3BYIWOTV.js';
 import '../chunk-I6POAB4V.js';
+import '../chunk-KYIAFNU7.js';
 import '../chunk-66X5WDKE.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';

package/dist/{chunk-KKNHMXTE.js → chunk-GR4YM7HT.js}

@@ -6,7 +6,7 @@ import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './AppShell-NPSWZ3XW.css';
+import './AppShell-VE2MAV42.css';
 import { createContext, forwardRef, useContext, useId, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
 import { ChevronUpGlyph, ChevronsUpDownGlyph, ChevronRightGlyph, MenuGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-PFZOFAQ6.js → chunk-X3UYTAOG.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-IRDQ3JDZ.js').then(
+  loading ??= import('./Editor-QV4JP242.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/generated/index.js

@@ -1,15 +1,15 @@
 import '../chunk-S3QTFUJX.js';
-export { VersionTimeline } from '../chunk-NQCY44B3.js';
-export { matchesShortcut, useShortcut } from '../chunk-AYHIF6DH.js';
 export { WidgetFrame } from '../chunk-DFK5EQTU.js';
+export { Prose } from '../chunk-JCSA3XVH.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from '../chunk-FEJANUZK.js';
 export { ToastProvider, Toaster, useToast } from '../chunk-AC22RZKC.js';
 export { TreeCanvas } from '../chunk-5BUOMF6N.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-JSWOXRRE.js';
+export { VersionTimeline } from '../chunk-NQCY44B3.js';
 export { ThemeGallery } from '../chunk-E4BOVKNJ.js';
 export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-KWWP3D7M.js';
 export { ThemeToggle } from '../chunk-NP2C4Y4E.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-KWWP3D7M.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
 export { TileGrid } from '../chunk-NNTO3TNC.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-YPMGP2X4.js';
@@ -19,43 +19,43 @@ export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, T
 export { TagsInput } from '../chunk-BH52LIY6.js';
 export { SlideGrid } from '../chunk-3V5T5K5H.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-D3EJSLCL.js';
-export { StatGroup } from '../chunk-OUD75UB2.js';
 export { StatCard } from '../chunk-YPTTSJPM.js';
+export { StatGroup } from '../chunk-OUD75UB2.js';
 export { Stepper } from '../chunk-5QWIJSQM.js';
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-KNHUBHFX.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-GFYQKMQZ.js';
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-3PR65I3H.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-DKNBGL26.js';
 export { TagGroup } from '../chunk-O2EGEONV.js';
+export { matchesShortcut, useShortcut } from '../chunk-AYHIF6DH.js';
 export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-7CGPPAYR.js';
 export { SlideFilmstrip } from '../chunk-FBW3Q2OY.js';
-export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-356JNSER.js';
 export { SearchTrigger } from '../chunk-6DRDCT22.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from '../chunk-INVSUFJK.js';
 export { NavGroup, NavItem, SidebarNav } from '../chunk-E7QLG3PG.js';
 export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
-export { Select } from '../chunk-XQZ6EWOE.js';
 export { SettingsTable, SettingsTableRow } from '../chunk-4RKTZSEW.js';
-export { Prose } from '../chunk-JCSA3XVH.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-KNHUBHFX.js';
+export { Select } from '../chunk-XQZ6EWOE.js';
 export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from '../chunk-Y56FM3K4.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-ZAJHGDAW.js';
 export { RelatedRow } from '../chunk-ZUTUI27P.js';
 export { Text } from '../chunk-IKBK4A5O.js';
-export { RichEditor, preloadRichEditor } from '../chunk-PFZOFAQ6.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from '../chunk-SWD4QBL6.js';
 import '../chunk-QH6VYJ3X.js';
-export { PresenceStack } from '../chunk-3LYWD3BO.js';
+export { RichEditor, preloadRichEditor } from '../chunk-X3UYTAOG.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
+export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-356JNSER.js';
 export { PresenterView, formatStopwatch } from '../chunk-UXYEOWG5.js';
 export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-6VOS2GMB.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from '../chunk-RMEBFYL7.js';
+export { PresenceStack } from '../chunk-3LYWD3BO.js';
 export { PricingCard } from '../chunk-U3ILLCR2.js';
 export { PrincipalPicker } from '../chunk-D2OL3ZSS.js';
 export { PropertyList } from '../chunk-T6MXORP5.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-YA3AWELW.js';
+export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-CFGGE3HO.js';
 export { TreeGrid } from '../chunk-3KYVFG47.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 { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
 export { PageNote } from '../chunk-CV4NES3P.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-GPWJCP3U.js';
 import '../chunk-CENOOTAV.js';
@@ -63,19 +63,19 @@ export { PinTile } from '../chunk-6MIXD6IW.js';
 export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-2PEXZ7L4.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-UGNUUVRI.js';
 export { NewItemsNotice } from '../chunk-PXU6HOZB.js';
-export { FactLine, ObjectHeader, SetByLine } from '../chunk-ODOJJGXH.js';
 export { OrgLabel } from '../chunk-ONQKKHON.js';
-export { ListInput } from '../chunk-WYYCPV46.js';
+export { FactLine, ObjectHeader, SetByLine } from '../chunk-ODOJJGXH.js';
+export { List, ListItem } from '../chunk-NZWX27J7.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 { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from '../chunk-BAKPMH3S.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-EX22Q5SH.js';
-export { LAYERS_LIST_LABELS, LayersList } from '../chunk-M6NQ4XGK.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-ZAC7SKUN.js';
 export { Link } from '../chunk-FBSEJO2C.js';
 export { LinkInterstitial, openExternal } from '../chunk-N3TFYBN3.js';
-export { List, ListItem } from '../chunk-NZWX27J7.js';
+export { LAYERS_LIST_LABELS, LayersList } from '../chunk-M6NQ4XGK.js';
+export { ListInput } from '../chunk-WYYCPV46.js';
 import '../chunk-MICRGE3J.js';
 import '../chunk-FFMCMSJB.js';
 export { IconTile } from '../chunk-IXJHTFXG.js';
@@ -90,28 +90,28 @@ export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRA
 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';
 export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-SYBYFQTY.js';
 export { DownloadButton } from '../chunk-BEHFTRMZ.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from '../chunk-IW55G7XG.js';
 export { EditingStatus } from '../chunk-TC7DJTXI.js';
 export { EntityChip } from '../chunk-OSKJZNBT.js';
 export { ErrorBoundary } from '../chunk-XX2VQE55.js';
 export { Eyebrow } from '../chunk-RK4XPHVG.js';
-export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-HQJ24WPM.js';
-export { Tag } from '../chunk-KYIAFNU7.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-QRKT4XTT.js';
+export { PageHeader } from '../chunk-HOXGBLEY.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-UB6MLXUL.js';
 export { DescriptionList, DescriptionListItem } from '../chunk-MFS6F2P7.js';
 export { DIFF_LIST_LABELS, DiffList } from '../chunk-LFHCXZO5.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from '../chunk-BVWSLXTY.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-SYBYFQTY.js';
 export { Divider } from '../chunk-6KWNXIDE.js';
 export { CONFLICT_NOTE_LABELS, ConflictNote } from '../chunk-UO7JZVCO.js';
 export { Container } from '../chunk-HJO4WCH6.js';
 export { CursorFlag } from '../chunk-3BYIWOTV.js';
 export { PresenceRing, presenceHueClass } from '../chunk-I6POAB4V.js';
 export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, fitGridColumns, parseGridSort } from '../chunk-XIDD7PJO.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-QRKT4XTT.js';
-export { PageHeader } from '../chunk-HOXGBLEY.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-UB6MLXUL.js';
 export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-FXBGEANQ.js';
+export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-HQJ24WPM.js';
+export { Tag } from '../chunk-KYIAFNU7.js';
 export { ChoiceButtons } from '../chunk-BWOIUOO3.js';
 export { ChoiceList } from '../chunk-EAQLI2SO.js';
 export { CodeBlock } from '../chunk-SEC2GR2V.js';
@@ -196,7 +196,8 @@ export { DisclosureAnatomy } from '../chunk-FZVJDJFN.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 { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-KKNHMXTE.js';
+export { ArrangeBoard } from '../chunk-QO7QEQKV.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-GR4YM7HT.js';
 export { useMediaMatch } from '../chunk-RTPQDNW3.js';
 export { Menu } from '../chunk-D6FEHY5G.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, anchorGone, outsideBounds, placePopup, useLayerContainer, viewportBounds } from '../chunk-OMV5W53A.js';
@@ -206,5 +207,4 @@ export { Button, ButtonLink } from '../chunk-OG6CL3EB.js';
 export { IconButton } from '../chunk-4FQT6ZAY.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/index.js

@@ -1,15 +1,15 @@
 import './chunk-S3QTFUJX.js';
-export { VersionTimeline } from './chunk-NQCY44B3.js';
-export { matchesShortcut, useShortcut } from './chunk-AYHIF6DH.js';
 export { WidgetFrame } from './chunk-DFK5EQTU.js';
+export { Prose } from './chunk-JCSA3XVH.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from './chunk-FEJANUZK.js';
 export { ToastProvider, Toaster, useToast } from './chunk-AC22RZKC.js';
 export { TreeCanvas } from './chunk-5BUOMF6N.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-JSWOXRRE.js';
+export { VersionTimeline } from './chunk-NQCY44B3.js';
 export { ThemeGallery } from './chunk-E4BOVKNJ.js';
 export { ThemeSwatch } from './chunk-MNFU2RNT.js';
-export { DensitySwitcher, ThemeSwitcher } from './chunk-KWWP3D7M.js';
 export { ThemeToggle } from './chunk-NP2C4Y4E.js';
+export { DensitySwitcher, ThemeSwitcher } from './chunk-KWWP3D7M.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
 export { TileGrid } from './chunk-NNTO3TNC.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-YPMGP2X4.js';
@@ -19,43 +19,43 @@ export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, T
 export { TagsInput } from './chunk-BH52LIY6.js';
 export { SlideGrid } from './chunk-3V5T5K5H.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-D3EJSLCL.js';
-export { StatGroup } from './chunk-OUD75UB2.js';
 export { StatCard } from './chunk-YPTTSJPM.js';
+export { StatGroup } from './chunk-OUD75UB2.js';
 export { Stepper } from './chunk-5QWIJSQM.js';
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-KNHUBHFX.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-GFYQKMQZ.js';
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-3PR65I3H.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-DKNBGL26.js';
 export { TagGroup } from './chunk-O2EGEONV.js';
+export { matchesShortcut, useShortcut } from './chunk-AYHIF6DH.js';
 export { SLIDE_COMPARE_LABELS, SlideCompare } from './chunk-7CGPPAYR.js';
 export { SlideFilmstrip } from './chunk-FBW3Q2OY.js';
-export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-356JNSER.js';
 export { SearchTrigger } from './chunk-6DRDCT22.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from './chunk-INVSUFJK.js';
 export { NavGroup, NavItem, SidebarNav } from './chunk-E7QLG3PG.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
-export { Select } from './chunk-XQZ6EWOE.js';
 export { SettingsTable, SettingsTableRow } from './chunk-4RKTZSEW.js';
-export { Prose } from './chunk-JCSA3XVH.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-KNHUBHFX.js';
+export { Select } from './chunk-XQZ6EWOE.js';
 export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-ZAJHGDAW.js';
 export { RelatedRow } from './chunk-ZUTUI27P.js';
 export { Text } from './chunk-IKBK4A5O.js';
-export { RichEditor, preloadRichEditor } from './chunk-PFZOFAQ6.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from './chunk-SWD4QBL6.js';
 import './chunk-QH6VYJ3X.js';
-export { PresenceStack } from './chunk-3LYWD3BO.js';
+export { RichEditor, preloadRichEditor } from './chunk-X3UYTAOG.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
+export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-356JNSER.js';
 export { PresenterView, formatStopwatch } from './chunk-UXYEOWG5.js';
 export { SLIDE_NAV_LABELS, SlideNav } from './chunk-6VOS2GMB.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-RMEBFYL7.js';
+export { PresenceStack } from './chunk-3LYWD3BO.js';
 export { PricingCard } from './chunk-U3ILLCR2.js';
 export { PrincipalPicker } from './chunk-D2OL3ZSS.js';
 export { PropertyList } from './chunk-T6MXORP5.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-YA3AWELW.js';
+export { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-CFGGE3HO.js';
 export { TreeGrid } from './chunk-3KYVFG47.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 { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
 export { PageNote } from './chunk-CV4NES3P.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-GPWJCP3U.js';
 import './chunk-CENOOTAV.js';
@@ -63,19 +63,19 @@ export { PinTile } from './chunk-6MIXD6IW.js';
 export { MERGE_CONFLICTS_LABELS, MergeConflicts } from './chunk-2PEXZ7L4.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-UGNUUVRI.js';
 export { NewItemsNotice } from './chunk-PXU6HOZB.js';
-export { FactLine, ObjectHeader, SetByLine } from './chunk-ODOJJGXH.js';
 export { OrgLabel } from './chunk-ONQKKHON.js';
-export { ListInput } from './chunk-WYYCPV46.js';
+export { FactLine, ObjectHeader, SetByLine } from './chunk-ODOJJGXH.js';
+export { List, ListItem } from './chunk-NZWX27J7.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 { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from './chunk-BAKPMH3S.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-EX22Q5SH.js';
-export { LAYERS_LIST_LABELS, LayersList } from './chunk-M6NQ4XGK.js';
 export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
 export { Link } from './chunk-FBSEJO2C.js';
 export { LinkInterstitial, openExternal } from './chunk-N3TFYBN3.js';
-export { List, ListItem } from './chunk-NZWX27J7.js';
+export { LAYERS_LIST_LABELS, LayersList } from './chunk-M6NQ4XGK.js';
+export { ListInput } from './chunk-WYYCPV46.js';
 import './chunk-MICRGE3J.js';
 import './chunk-FFMCMSJB.js';
 export { IconTile } from './chunk-IXJHTFXG.js';
@@ -90,28 +90,28 @@ export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRA
 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';
 export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-SYBYFQTY.js';
 export { DownloadButton } from './chunk-BEHFTRMZ.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from './chunk-IW55G7XG.js';
 export { EditingStatus } from './chunk-TC7DJTXI.js';
 export { EntityChip } from './chunk-OSKJZNBT.js';
 export { ErrorBoundary } from './chunk-XX2VQE55.js';
 export { Eyebrow } from './chunk-RK4XPHVG.js';
-export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-HQJ24WPM.js';
-export { Tag } from './chunk-KYIAFNU7.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-QRKT4XTT.js';
+export { PageHeader } from './chunk-HOXGBLEY.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-UB6MLXUL.js';
 export { DescriptionList, DescriptionListItem } from './chunk-MFS6F2P7.js';
 export { DIFF_LIST_LABELS, DiffList } from './chunk-LFHCXZO5.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from './chunk-BVWSLXTY.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-SYBYFQTY.js';
 export { Divider } from './chunk-6KWNXIDE.js';
 export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-UO7JZVCO.js';
 export { Container } from './chunk-HJO4WCH6.js';
 export { CursorFlag } from './chunk-3BYIWOTV.js';
 export { PresenceRing, presenceHueClass } from './chunk-I6POAB4V.js';
 export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, fitGridColumns, parseGridSort } from './chunk-XIDD7PJO.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-QRKT4XTT.js';
-export { PageHeader } from './chunk-HOXGBLEY.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-UB6MLXUL.js';
 export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-FXBGEANQ.js';
+export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-HQJ24WPM.js';
+export { Tag } from './chunk-KYIAFNU7.js';
 export { ChoiceButtons } from './chunk-BWOIUOO3.js';
 export { ChoiceList } from './chunk-EAQLI2SO.js';
 export { CodeBlock } from './chunk-SEC2GR2V.js';
@@ -196,7 +196,8 @@ export { DisclosureAnatomy } from './chunk-FZVJDJFN.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 { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from './chunk-KKNHMXTE.js';
+export { ArrangeBoard } from './chunk-QO7QEQKV.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from './chunk-GR4YM7HT.js';
 export { useMediaMatch } from './chunk-RTPQDNW3.js';
 export { Menu } from './chunk-D6FEHY5G.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, anchorGone, outsideBounds, placePopup, useLayerContainer, viewportBounds } from './chunk-OMV5W53A.js';
@@ -206,5 +207,4 @@ export { Button, ButtonLink } from './chunk-OG6CL3EB.js';
 export { IconButton } from './chunk-4FQT6ZAY.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

@@ -702,7 +702,7 @@
 }
 
 
-/* AppShell-NPSWZ3XW.css */
+/* AppShell-VE2MAV42.css */
 /*
  * The application frame: a rail on the FRAME, and the screen on a SHEET that
  * floats beside it.
@@ -876,14 +876,22 @@
 }
 
 /* The same gutter the nav takes, so what the foot says lines up with the rows
-   above it rather than sitting further out. */
+   above it rather than sitting further out.
+
+   THE FOOT IS THE COMPACT STEP. It holds what a reader reaches for rarely (a
+   settings link, the engine's state, who they are), so its rows stand on the
+   small control step (`--crewlet-rail-foot-row`, 26px, never under the 24px
+   target) on a half-step gap and a one-step inset, where the nav above keeps
+   its 30px rows. Only heights change: every row keeps its order, columns,
+   glyphs and words. */
 .crewlet-app-shell__rail-foot {
-  --crewlet-rail-foot-gap: var(--spacing-1);
+  --crewlet-rail-foot-gap: calc(var(--spacing-1) / 2);
+  --crewlet-rail-foot-row: var(--size-control-sm);
   flex: none;
   display: flex;
   flex-direction: column;
   gap: var(--crewlet-rail-foot-gap);
-  padding: var(--spacing-2) var(--size-nav-gutter);
+  padding: var(--spacing-1) var(--size-nav-gutter);
   border-top: 1px solid var(--color-border-default);
 }
 
@@ -984,6 +992,14 @@
   min-width: 14px;
 }
 
+/* The foot's own step (see `.crewlet-app-shell__rail-foot`), for its rows and
+   for a navigation dropped into it, whose rows keep the rail's columns. */
+.crewlet-app-shell__rail-foot > .crewlet-app-shell__rail-row--action:not(.crewlet-app-shell__rail-row--block),
+.crewlet-app-shell__rail-foot > .crewlet-btn,
+.crewlet-app-shell__rail-foot .crewlet-nav-item__row {
+  min-height: var(--crewlet-rail-foot-row);
+}
+
 /*
  * OPEN IS POINTED AT. The row a panel is open from keeps the hover's lift for
  * as long as the panel is open, drawn from `aria-expanded` so the picture and
@@ -1436,9 +1452,16 @@
  * whatever size of badge a caller hands the row, it is centred where a glyph
  * is, and the row takes the nav row's pad and its glyph-to-word gap.
  */
+.crewlet-app-shell__rail-foot .crewlet-account-row {
+  --crewlet-account-row-pad: var(--spacing-0);
+}
+
 .crewlet-app-shell__rail-foot .crewlet-account-row__who {
   --crewlet-hit-area-block-start: calc(var(--crewlet-rail-foot-gap) / 2 + var(--crewlet-account-row-pad));
   gap: calc(var(--spacing-2) + var(--spacing-1) / 2);
+  /* On the foot's compact step: the two lines of name and detail with half a
+     step above and below them, which still clears the avatar. */
+  padding-block: calc(var(--spacing-1) / 2);
   padding-inline-start: var(--size-nav-row-pad);
 }
 

package/package.json

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

package/dist/{Editor-IRDQ3JDZ.js → Editor-QV4JP242.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-TYONQSOK.js';

package/dist/{chunk-3PR65I3H.js → chunk-DKNBGL26.js}

@@ -1,7 +1,7 @@
 import { TagGroup } from './chunk-O2EGEONV.js';
-import { Tag } from './chunk-KYIAFNU7.js';
 import { CursorFlag } from './chunk-3BYIWOTV.js';
 import { presenceHueClass } from './chunk-I6POAB4V.js';
+import { Tag } from './chunk-KYIAFNU7.js';
 import { ChangeMark } from './chunk-66X5WDKE.js';
 import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, fitSamples, fittedWidth, columnWidth, SHEET_COLUMN_BOUNDS, sortRows, SHEET_ROW_HEIGHT, cellKey, columnOffsets, SHEET_ROW_NUMBER_WIDTH, rangeOf, presenceByCell, presenceByRow, presenceByColumn, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, isMod, moveFrom, isTypingKey, editorSide, optionHue, parseText, liveOptions, checkValue } from './chunk-LFSIKGRQ.js';
 import { presenceLabels } from './chunk-Z7JYG5TF.js';