@crewlethq/ui 0.96.0 → 0.97.1

package/README.md

@@ -170,8 +170,11 @@ drawn as a ligature, anything loaded from a host, a theme painted on a body
 class, the decoration step used as text, and a focus rule that turns the
 outline off without putting one back. A second, literal check refuses a colour,
 font size, radius, duration or z-index spelled out where a token belongs, a
-`color-mix()`, a media query off the breakpoint steps and a hover overlay drawn
-on a pseudo element. `npm run lint` in this package runs both over every
+`color-mix()`, a media query off the breakpoint steps, a hover overlay drawn
+on a pseudo element, and a `scrollbar-width` or `scrollbar-color` set outside
+`@supports not selector(::-webkit-scrollbar)`, where Chromium would ignore the
+slim bar `@crewlethq/tokens/css/base` draws and paint its native one (`none`
+and `auto` pass). `npm run lint` in this package runs both over every
 stylesheet in `src`, and `npx crewlet-css-check <folder>` runs both over an
 application's own stylesheets.
 

package/dist/AppShell/index.js

@@ -1,4 +1,4 @@
-export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useScreenBelow, useScreenWidth, useStoredWidth } from '../chunk-ORONAXSF.js';
+export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useScreenBelow, useScreenWidth, useStoredWidth } from '../chunk-CWJLDCB7.js';
 import '../chunk-PCAT2EFB.js';
 import '../chunk-JLOESTT2.js';
 import '../chunk-YJQXESOJ.js';

package/dist/{AppShell-NX5HCD4O.css → AppShell-24IM2GC3.css}

@@ -208,7 +208,18 @@
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
-  scrollbar-color: var(--color-scrollbar) transparent;
+}
+
+/* The rail's bar, only where `::-webkit-scrollbar` is not read: set where it
+   is, Chromium would draw its native bar instead of the base sheet's slim one. */
+@supports not selector(::-webkit-scrollbar) {
+  .crewlet-app-shell__rail-body {
+    scrollbar-color: var(--color-scrollbar) transparent;
+  }
+
+  .crewlet-app-shell[data-rail='compact'] .crewlet-app-shell__rail-body {
+    scrollbar-width: thin;
+  }
 }
 
 /*
@@ -1033,7 +1044,6 @@
 
 .crewlet-app-shell[data-rail='compact'] .crewlet-app-shell__rail-body {
   padding: var(--spacing-1) 0;
-  scrollbar-width: thin;
 }
 
 /*

package/dist/List/List.d.ts

@@ -47,6 +47,8 @@ export interface ListProps extends HTMLAttributes<HTMLElement> {
      * Unset, the words take the row's width, as a feed's do.
      */
     measure?: 'normal' | 'wide' | undefined;
+    /** Where `bulleted` or `numbered` markers stand: in a gutter (`indented`, the default) or in the margin before the list. */
+    markers?: 'indented' | 'hanging' | undefined;
 }
 /**
  * The non-tabular list: an activity feed, a set of search results, a
@@ -58,7 +60,7 @@ export interface ListProps extends HTMLAttributes<HTMLElement> {
  * means nothing. What a feed does want is alignment, which `template` gives it
  * without the promise.
  */
-export declare function List({ variant, template, density, measure, className, style, children, ...rest }: ListProps): import("react").JSX.Element;
+export declare function List({ variant, template, density, measure, markers, className, style, children, ...rest }: ListProps): import("react").JSX.Element;
 export declare namespace List {
     var Item: typeof ListItem;
 }

package/dist/List/index.js

@@ -1,3 +1,3 @@
-export { List, ListItem } from '../chunk-A7UOYLK3.js';
+export { List, ListItem } from '../chunk-F2ZSFDJZ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{List-ZZF6ZHRT.css → List-BNA4XGMH.css}

@@ -127,6 +127,13 @@
   display: list-item;
 }
 
+/* HANGING MARKERS stand in the margin before the list, so its words line up
+   with the text above rather than one gutter inside it. */
+.crewlet-list--hanging.crewlet-list--bulleted,
+.crewlet-list--hanging.crewlet-list--numbered {
+  padding-inline-start: 0;
+}
+
 .crewlet-list--bulleted .crewlet-list__row,
 .crewlet-list--numbered .crewlet-list__row {
   min-height: 0;

package/dist/OrgTable/index.js

@@ -1,14 +1,14 @@
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-I46ZTLDW.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-DWQYV5AV.js';
 import '../chunk-ZDWAIVWL.js';
 import '../chunk-MY374UUD.js';
 import '../chunk-5YXMKZUA.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
+import '../chunk-CVKANYHD.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';
-import '../chunk-CVKANYHD.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-LWYGCXRL.js';
+export { RichEditor, preloadRichEditor } from '../chunk-3P7XS5VT.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-2DMTW2Y3.js';
 import '../chunk-KOJPDCGQ.js';
 import '../chunk-KBZO4B33.js';

package/dist/RoomRow/index.js

@@ -1,4 +1,4 @@
-export { RoomRow } from '../chunk-Z34W5TM6.js';
-import '../chunk-A7UOYLK3.js';
+export { RoomRow } from '../chunk-PQDQ64KY.js';
+import '../chunk-F2ZSFDJZ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Switcher/index.js

@@ -1,4 +1,4 @@
-export { Switcher } from '../chunk-ET4I3IEA.js';
+export { Switcher } from '../chunk-O3II3KJY.js';
 import '../chunk-ZXXZESCD.js';
 import '../chunk-YGRTX67J.js';
 import '../chunk-HBDA76EZ.js';

package/dist/{Switcher-VWQMZUTN.css → Switcher-ZGRTTVCS.css}

@@ -202,7 +202,14 @@ svg.crewlet-switcher-trigger__chevron {
   overflow-y: auto;
   overscroll-behavior: contain;
   padding: var(--spacing-1);
-  scrollbar-width: thin;
+}
+
+/* Thin only where `::-webkit-scrollbar` is not read: set where it is, Chromium
+   would draw its native bar instead of the base sheet's slim one. */
+@supports not selector(::-webkit-scrollbar) {
+  .crewlet-switcher__scroller {
+    scrollbar-width: thin;
+  }
 }
 
 .crewlet-switcher__list {

package/dist/{chunk-LWYGCXRL.js → chunk-3P7XS5VT.js}

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

package/dist/{chunk-ORONAXSF.js → chunk-CWJLDCB7.js}

@@ -12,7 +12,7 @@ import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './AppShell-NX5HCD4O.css';
+import './AppShell-24IM2GC3.css';
 import './ResizeHandle-2UNSZ4ZQ.css';
 import { createContext, forwardRef, useContext, useSyncExternalStore, useCallback, useId, useState, useRef, useEffect, useLayoutEffect } from 'react';
 import { breakpoint } from '@crewlethq/tokens';

package/dist/{chunk-A7UOYLK3.js → chunk-F2ZSFDJZ.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './List-ZZF6ZHRT.css';
+import './List-BNA4XGMH.css';
 import { createContext, useContext, Children, isValidElement, cloneElement } from 'react';
 import { CircleAlertGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -11,6 +11,7 @@ function List({
   template,
   density = "comfortable",
   measure,
+  markers = "indented",
   className,
   style,
   children,
@@ -28,6 +29,7 @@ function List({
         templated && "crewlet-list--templated",
         density === "compact" && "crewlet-list--compact",
         measure && `crewlet-list--measure-${measure}`,
+        markers === "hanging" && "crewlet-list--hanging",
         className
       ),
       style: templated ? { ...style, "--crewlet-list-template": template } : style,

package/dist/{chunk-ET4I3IEA.js → chunk-O3II3KJY.js}

@@ -10,7 +10,7 @@ import { returnFocus } from './chunk-4ITETIGZ.js';
 import { announce } from './chunk-2G355KDJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Switcher-VWQMZUTN.css';
+import './Switcher-ZGRTTVCS.css';
 import { forwardRef, useId, useRef, useCallback, useMemo, useEffect } from 'react';
 import { ChevronDownGlyph, SearchGlyph } from '@crewlethq/icons/glyphs';
 import { breakpoint } from '@crewlethq/tokens';

package/dist/{chunk-Z34W5TM6.js → chunk-PQDQ64KY.js}

@@ -1,4 +1,4 @@
-import { ListItem } from './chunk-A7UOYLK3.js';
+import { ListItem } from './chunk-F2ZSFDJZ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ChatScale-L4SIHSKL.css';
 import './RoomRow-3OTEY6GK.css';

package/dist/generated/index.js

@@ -17,7 +17,7 @@ export { ThemeGallery } from '../chunk-4TAMRAUQ.js';
 export { ThemeSwatch } from '../chunk-3XQUEF5C.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-FRERGOW3.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
-export { Switcher } from '../chunk-ET4I3IEA.js';
+export { Switcher } from '../chunk-O3II3KJY.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell, TableTwoLineCell } from '../chunk-QW4LAFTX.js';
 export { SlideGrid } from '../chunk-6M2N6ETA.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-PW57R4BN.js';
@@ -33,13 +33,13 @@ export { SlideFilmstrip } from '../chunk-RO5JU6SN.js';
 export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
 export { SelectionBar } from '../chunk-XA2QKGBJ.js';
 export { SEND_BUTTON_LABELS, SendButton } from '../chunk-T2GC7UAP.js';
-export { SettingsTable, SettingsTableRow } from '../chunk-SOYPCCSJ.js';
 export { SetupWizard } from '../chunk-IX6CHGM4.js';
+export { SettingsTable, SettingsTableRow } from '../chunk-SOYPCCSJ.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-Y7PPKQFQ.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-WJZTI2WC.js';
-export { RichEditor, preloadRichEditor } from '../chunk-LWYGCXRL.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-2DMTW2Y3.js';
-export { RoomRow } from '../chunk-Z34W5TM6.js';
+export { canonicalMarkdown, roundTripMarkdown } from '../chunk-GBASM5EV.js';
+import '../chunk-7CSTEH5I.js';
+export { RoomRow } from '../chunk-PQDQ64KY.js';
 export { RUN_STATES, RunChip } from '../chunk-MYFSVZKZ.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-V6WDJUYK.js';
 export { SearchTrigger } from '../chunk-ERNT3UTB.js';
@@ -50,8 +50,8 @@ export { RelatedRow } from '../chunk-CL3FWLDO.js';
 export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-BMBQ6UMD.js';
 export { Table } from '../chunk-75NQV4R4.js';
 export { ReviewList } from '../chunk-AGVGX52B.js';
-export { canonicalMarkdown, roundTripMarkdown } from '../chunk-GBASM5EV.js';
-import '../chunk-7CSTEH5I.js';
+export { RichEditor, preloadRichEditor } from '../chunk-3P7XS5VT.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-2DMTW2Y3.js';
 export { PropertyList } from '../chunk-OPVTNHPH.js';
 export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, PROPOSAL_TONES, ProposalCard } from '../chunk-TXOTL7AA.js';
 export { Prose } from '../chunk-DVVP27OD.js';
@@ -63,26 +63,25 @@ export { Text } from '../chunk-O5CEG7TQ.js';
 export { AddReaction, REACTION_BAR_LABELS, ReactionBar, reactionWho } from '../chunk-B3BJ66GQ.js';
 export { READING_PANE_ENTER, ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-64JNKLLP.js';
 export { PresenceStack } from '../chunk-F7HZYTZT.js';
-export { PricingCard } from '../chunk-O2XAJDK6.js';
 export { PresenterView, formatStopwatch } from '../chunk-LMEMH6DO.js';
 export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-5AJR6X75.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from '../chunk-O6EV6GKI.js';
+export { PricingCard } from '../chunk-O2XAJDK6.js';
 export { PrincipalPicker } from '../chunk-4RLUVHYP.js';
-export { MessageBubble } from '../chunk-KAQ2L74F.js';
-export { PageNote } from '../chunk-CV4NES3P.js';
+export { Outline, scrollToHeading, useActiveHeading } from '../chunk-7QCSISHM.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-CDNZTCP2.js';
+export { PageNote } from '../chunk-CV4NES3P.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-QGEDXYLB.js';
 import '../chunk-CENOOTAV.js';
 export { PinTile } from '../chunk-LJ3KWQLP.js';
 export { NewItemsNotice } from '../chunk-463DNZXI.js';
 export { FactLine, ObjectHeader, SetByLine } from '../chunk-AXEXOAZQ.js';
 export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-HZBXC3YD.js';
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-NKBKHOMU.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-I46ZTLDW.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-DWQYV5AV.js';
 export { TreeGrid } from '../chunk-ZDWAIVWL.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-NKBKHOMU.js';
 export { OrgLabel } from '../chunk-5YXMKZUA.js';
-export { Outline, scrollToHeading, useActiveHeading } from '../chunk-7QCSISHM.js';
 export { MEMBER_PICKER_LABELS, MemberPicker, chosenMembers } from '../chunk-SDHLAW3G.js';
 export { MentionChip } from '../chunk-PX5BOALQ.js';
 export { MENTION_MENU_LABELS, MentionMenu, mentionQuery } from '../chunk-G7SAFRSJ.js';
@@ -90,19 +89,21 @@ export { PersonRow } from '../chunk-6TD2PCZB.js';
 export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-H4WQWCHP.js';
 export { ActionDivider, MessageAction, MessageActions, QuickReaction } from '../chunk-3NO5GRZY.js';
 import '../chunk-TDFLCUBE.js';
+export { MessageBubble } from '../chunk-KAQ2L74F.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from '../chunk-DPNVKWJX.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 { LogoSlot, LogoSlotGroup } from '../chunk-LAZ72JOP.js';
 export { MARKDOWN_FORMATS, MARKDOWN_TEXT_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-XSJSDNRR.js';
 export { LAYERS_LIST_LABELS, LayersList } from '../chunk-VUYNNILP.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-ZAC7SKUN.js';
+export { Link } from '../chunk-QF5UNP4T.js';
 export { LinkCard } from '../chunk-O3MYBNRO.js';
 import '../chunk-KOJPDCGQ.js';
-export { Link } from '../chunk-QF5UNP4T.js';
 export { LinkInterstitial, openExternal } from '../chunk-OC6BMY3C.js';
-export { List, ListItem } from '../chunk-A7UOYLK3.js';
+export { List, ListItem } from '../chunk-F2ZSFDJZ.js';
 export { ListDetail } from '../chunk-P33VNG7Q.js';
 export { ListInput, withDraft } from '../chunk-PICHV3PC.js';
+export { IndicatorAnchor } from '../chunk-27MJPU7G.js';
 export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-CFJ7FQZI.js';
 export { InlineRef } from '../chunk-JGDCVLD4.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from '../chunk-KBZO4B33.js';
@@ -113,7 +114,6 @@ import '../chunk-FFMCMSJB.js';
 export { IconTile } from '../chunk-3LI4TRUR.js';
 export { ImageUpload } from '../chunk-K6Y6CDEZ.js';
 export { INBOX_ROW_LEAVE, InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-VKNZQB2G.js';
-export { IndicatorAnchor } from '../chunk-27MJPU7G.js';
 export { FileList } from '../chunk-5WRWBDML.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-IWZG7NPV.js';
 export { FindingList } from '../chunk-LSRQ2A6B.js';
@@ -128,19 +128,19 @@ export { ErrorBoundary } from '../chunk-IJ7KLXUZ.js';
 export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FactList } from '../chunk-SNQ7PH3D.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-KQWJWTED.js';
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-2HBY3FOZ.js';
 export { Divider } from '../chunk-6KWNXIDE.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-2HBY3FOZ.js';
 export { DockColumn } from '../chunk-5JPOFAVN.js';
 export { DownloadButton } from '../chunk-EHFQMY3B.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from '../chunk-YNRKVY7X.js';
 export { EditingStatus } from '../chunk-OU6ZSWEJ.js';
 export { EMOJI_GROUPS, EMOJI_PICKER_COLUMNS, EMOJI_PICKER_LABELS, EmojiPicker, emojiName, searchEmoji } from '../chunk-HZPUMGQV.js';
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-C2HIMGFI.js';
-export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt } from '../chunk-NGJWRR7E.js';
 export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-5U6XAUYM.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from '../chunk-KUMHQY2B.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-ZWCK4N4L.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-RQFRRPV6.js';
+export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt } from '../chunk-NGJWRR7E.js';
 export { DescriptionList, DescriptionListItem } from '../chunk-LH4OF7FI.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from '../chunk-AOFVXE6V.js';
 export { DirectoryList } from '../chunk-5KTLQ436.js';
@@ -167,8 +167,8 @@ export { CONFLICT_NOTE_LABELS, ConflictNote } from '../chunk-B3PK2LND.js';
 export { Container } from '../chunk-HJO4WCH6.js';
 export { CHIP_FIELD_LABELS, ChipField } from '../chunk-LPQLJHLI.js';
 export { ChoiceButtons } from '../chunk-RVSNBUIU.js';
-export { ChoiceList } from '../chunk-XU7RQNT6.js';
 export { ChoiceCards } from '../chunk-CFCJ3P7B.js';
+export { ChoiceList } from '../chunk-XU7RQNT6.js';
 export { CodeBlock } from '../chunk-4ME4J3YY.js';
 export { ColorChip } from '../chunk-C6T4VBEY.js';
 export { ColorField } from '../chunk-GNJXUNEU.js';
@@ -234,7 +234,7 @@ export { Document, DocumentTitle, DocumentTitleField } from '../chunk-I4PBFJGX.j
 export { ArtifactKindGround, ArtifactKindIllustration, ArtifactKindTile } from '../chunk-J5T5TDM2.js';
 export { ArtifactMakeRow } from '../chunk-HDEKHP65.js';
 export { ArtifactNameCell } from '../chunk-LTD7KLOU.js';
-export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useScreenBelow, useScreenWidth, useStoredWidth } from '../chunk-ORONAXSF.js';
+export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useScreenBelow, useScreenWidth, useStoredWidth } from '../chunk-CWJLDCB7.js';
 export { afterMotion, releaseFocus, runningMotion, usePresence } from '../chunk-PCAT2EFB.js';
 import '../chunk-JLOESTT2.js';
 export { ArrangeBoard } from '../chunk-QO7QEQKV.js';
@@ -265,6 +265,7 @@ export { Accordion, AccordionItem } from '../chunk-E2QPZGLG.js';
 export { ACTION_CARD_GROUND, ActionCard, ActionCardRow } from '../chunk-OM2LABPS.js';
 export { ActivityLine } from '../chunk-V7N5XWZ6.js';
 export { ThinkingIndicator } from '../chunk-3OIVYHAA.js';
+export { ADD_PILL_MS, AddPill } from '../chunk-CVKANYHD.js';
 export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-BHVEHAAX.js';
 export { Timeline, TimelineItem } from '../chunk-ZDJQQ4LU.js';
 export { Section } from '../chunk-WFCWPXJN.js';
@@ -287,7 +288,6 @@ export { IconButton, IconButtonLink } from '../chunk-UAUP6XGK.js';
 export { DisclosureAnatomy } from '../chunk-ULYHDP7U.js';
 export { Count } from '../chunk-D2GT3CR4.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
-export { ADD_PILL_MS, AddPill } from '../chunk-CVKANYHD.js';
 export { Announcer, announce, useAnnouncer } from '../chunk-2G355KDJ.js';
 export { VisuallyHidden } from '../chunk-UT6CW3C7.js';
 export { cx } from '../chunk-ODEQTPFM.js';

package/dist/index.js

@@ -17,7 +17,7 @@ export { ThemeGallery } from './chunk-4TAMRAUQ.js';
 export { ThemeSwatch } from './chunk-3XQUEF5C.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-FRERGOW3.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
-export { Switcher } from './chunk-ET4I3IEA.js';
+export { Switcher } from './chunk-O3II3KJY.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell, TableTwoLineCell } from './chunk-QW4LAFTX.js';
 export { SlideGrid } from './chunk-6M2N6ETA.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-PW57R4BN.js';
@@ -33,13 +33,13 @@ export { SlideFilmstrip } from './chunk-RO5JU6SN.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
 export { SelectionBar } from './chunk-XA2QKGBJ.js';
 export { SEND_BUTTON_LABELS, SendButton } from './chunk-T2GC7UAP.js';
-export { SettingsTable, SettingsTableRow } from './chunk-SOYPCCSJ.js';
 export { SetupWizard } from './chunk-IX6CHGM4.js';
+export { SettingsTable, SettingsTableRow } from './chunk-SOYPCCSJ.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-Y7PPKQFQ.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-WJZTI2WC.js';
-export { RichEditor, preloadRichEditor } from './chunk-LWYGCXRL.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-2DMTW2Y3.js';
-export { RoomRow } from './chunk-Z34W5TM6.js';
+export { canonicalMarkdown, roundTripMarkdown } from './chunk-GBASM5EV.js';
+import './chunk-7CSTEH5I.js';
+export { RoomRow } from './chunk-PQDQ64KY.js';
 export { RUN_STATES, RunChip } from './chunk-MYFSVZKZ.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-V6WDJUYK.js';
 export { SearchTrigger } from './chunk-ERNT3UTB.js';
@@ -50,8 +50,8 @@ export { RelatedRow } from './chunk-CL3FWLDO.js';
 export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-BMBQ6UMD.js';
 export { Table } from './chunk-75NQV4R4.js';
 export { ReviewList } from './chunk-AGVGX52B.js';
-export { canonicalMarkdown, roundTripMarkdown } from './chunk-GBASM5EV.js';
-import './chunk-7CSTEH5I.js';
+export { RichEditor, preloadRichEditor } from './chunk-3P7XS5VT.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-2DMTW2Y3.js';
 export { PropertyList } from './chunk-OPVTNHPH.js';
 export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, PROPOSAL_TONES, ProposalCard } from './chunk-TXOTL7AA.js';
 export { Prose } from './chunk-DVVP27OD.js';
@@ -63,26 +63,25 @@ export { Text } from './chunk-O5CEG7TQ.js';
 export { AddReaction, REACTION_BAR_LABELS, ReactionBar, reactionWho } from './chunk-B3BJ66GQ.js';
 export { READING_PANE_ENTER, ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-64JNKLLP.js';
 export { PresenceStack } from './chunk-F7HZYTZT.js';
-export { PricingCard } from './chunk-O2XAJDK6.js';
 export { PresenterView, formatStopwatch } from './chunk-LMEMH6DO.js';
 export { SLIDE_NAV_LABELS, SlideNav } from './chunk-5AJR6X75.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-O6EV6GKI.js';
+export { PricingCard } from './chunk-O2XAJDK6.js';
 export { PrincipalPicker } from './chunk-4RLUVHYP.js';
-export { MessageBubble } from './chunk-KAQ2L74F.js';
-export { PageNote } from './chunk-CV4NES3P.js';
+export { Outline, scrollToHeading, useActiveHeading } from './chunk-7QCSISHM.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-CDNZTCP2.js';
+export { PageNote } from './chunk-CV4NES3P.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-QGEDXYLB.js';
 import './chunk-CENOOTAV.js';
 export { PinTile } from './chunk-LJ3KWQLP.js';
 export { NewItemsNotice } from './chunk-463DNZXI.js';
 export { FactLine, ObjectHeader, SetByLine } from './chunk-AXEXOAZQ.js';
 export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-HZBXC3YD.js';
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-NKBKHOMU.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-I46ZTLDW.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-DWQYV5AV.js';
 export { TreeGrid } from './chunk-ZDWAIVWL.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-NKBKHOMU.js';
 export { OrgLabel } from './chunk-5YXMKZUA.js';
-export { Outline, scrollToHeading, useActiveHeading } from './chunk-7QCSISHM.js';
 export { MEMBER_PICKER_LABELS, MemberPicker, chosenMembers } from './chunk-SDHLAW3G.js';
 export { MentionChip } from './chunk-PX5BOALQ.js';
 export { MENTION_MENU_LABELS, MentionMenu, mentionQuery } from './chunk-G7SAFRSJ.js';
@@ -90,19 +89,21 @@ export { PersonRow } from './chunk-6TD2PCZB.js';
 export { MERGE_CONFLICTS_LABELS, MergeConflicts } from './chunk-H4WQWCHP.js';
 export { ActionDivider, MessageAction, MessageActions, QuickReaction } from './chunk-3NO5GRZY.js';
 import './chunk-TDFLCUBE.js';
+export { MessageBubble } from './chunk-KAQ2L74F.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from './chunk-DPNVKWJX.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 { LogoSlot, LogoSlotGroup } from './chunk-LAZ72JOP.js';
 export { MARKDOWN_FORMATS, MARKDOWN_TEXT_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-XSJSDNRR.js';
 export { LAYERS_LIST_LABELS, LayersList } from './chunk-VUYNNILP.js';
 export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
+export { Link } from './chunk-QF5UNP4T.js';
 export { LinkCard } from './chunk-O3MYBNRO.js';
 import './chunk-KOJPDCGQ.js';
-export { Link } from './chunk-QF5UNP4T.js';
 export { LinkInterstitial, openExternal } from './chunk-OC6BMY3C.js';
-export { List, ListItem } from './chunk-A7UOYLK3.js';
+export { List, ListItem } from './chunk-F2ZSFDJZ.js';
 export { ListDetail } from './chunk-P33VNG7Q.js';
 export { ListInput, withDraft } from './chunk-PICHV3PC.js';
+export { IndicatorAnchor } from './chunk-27MJPU7G.js';
 export { INLINE_EDITOR_LABELS, InlineEditor } from './chunk-CFJ7FQZI.js';
 export { InlineRef } from './chunk-JGDCVLD4.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from './chunk-KBZO4B33.js';
@@ -113,7 +114,6 @@ import './chunk-FFMCMSJB.js';
 export { IconTile } from './chunk-3LI4TRUR.js';
 export { ImageUpload } from './chunk-K6Y6CDEZ.js';
 export { INBOX_ROW_LEAVE, InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from './chunk-VKNZQB2G.js';
-export { IndicatorAnchor } from './chunk-27MJPU7G.js';
 export { FileList } from './chunk-5WRWBDML.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-IWZG7NPV.js';
 export { FindingList } from './chunk-LSRQ2A6B.js';
@@ -128,19 +128,19 @@ export { ErrorBoundary } from './chunk-IJ7KLXUZ.js';
 export { Eyebrow } from './chunk-RK4XPHVG.js';
 export { FactList } from './chunk-SNQ7PH3D.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from './chunk-KQWJWTED.js';
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-2HBY3FOZ.js';
 export { Divider } from './chunk-6KWNXIDE.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-2HBY3FOZ.js';
 export { DockColumn } from './chunk-5JPOFAVN.js';
 export { DownloadButton } from './chunk-EHFQMY3B.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from './chunk-YNRKVY7X.js';
 export { EditingStatus } from './chunk-OU6ZSWEJ.js';
 export { EMOJI_GROUPS, EMOJI_PICKER_COLUMNS, EMOJI_PICKER_LABELS, EmojiPicker, emojiName, searchEmoji } from './chunk-HZPUMGQV.js';
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-C2HIMGFI.js';
-export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt } from './chunk-NGJWRR7E.js';
 export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from './chunk-5U6XAUYM.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from './chunk-KUMHQY2B.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-ZWCK4N4L.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-RQFRRPV6.js';
+export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt } from './chunk-NGJWRR7E.js';
 export { DescriptionList, DescriptionListItem } from './chunk-LH4OF7FI.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from './chunk-AOFVXE6V.js';
 export { DirectoryList } from './chunk-5KTLQ436.js';
@@ -167,8 +167,8 @@ export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-B3PK2LND.js';
 export { Container } from './chunk-HJO4WCH6.js';
 export { CHIP_FIELD_LABELS, ChipField } from './chunk-LPQLJHLI.js';
 export { ChoiceButtons } from './chunk-RVSNBUIU.js';
-export { ChoiceList } from './chunk-XU7RQNT6.js';
 export { ChoiceCards } from './chunk-CFCJ3P7B.js';
+export { ChoiceList } from './chunk-XU7RQNT6.js';
 export { CodeBlock } from './chunk-4ME4J3YY.js';
 export { ColorChip } from './chunk-C6T4VBEY.js';
 export { ColorField } from './chunk-GNJXUNEU.js';
@@ -234,7 +234,7 @@ export { Document, DocumentTitle, DocumentTitleField } from './chunk-I4PBFJGX.js
 export { ArtifactKindGround, ArtifactKindIllustration, ArtifactKindTile } from './chunk-J5T5TDM2.js';
 export { ArtifactMakeRow } from './chunk-HDEKHP65.js';
 export { ArtifactNameCell } from './chunk-LTD7KLOU.js';
-export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useScreenBelow, useScreenWidth, useStoredWidth } from './chunk-ORONAXSF.js';
+export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useScreenBelow, useScreenWidth, useStoredWidth } from './chunk-CWJLDCB7.js';
 export { afterMotion, releaseFocus, runningMotion, usePresence } from './chunk-PCAT2EFB.js';
 import './chunk-JLOESTT2.js';
 export { ArrangeBoard } from './chunk-QO7QEQKV.js';
@@ -265,6 +265,7 @@ export { Accordion, AccordionItem } from './chunk-E2QPZGLG.js';
 export { ACTION_CARD_GROUND, ActionCard, ActionCardRow } from './chunk-OM2LABPS.js';
 export { ActivityLine } from './chunk-V7N5XWZ6.js';
 export { ThinkingIndicator } from './chunk-3OIVYHAA.js';
+export { ADD_PILL_MS, AddPill } from './chunk-CVKANYHD.js';
 export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from './chunk-BHVEHAAX.js';
 export { Timeline, TimelineItem } from './chunk-ZDJQQ4LU.js';
 export { Section } from './chunk-WFCWPXJN.js';
@@ -287,7 +288,6 @@ export { IconButton, IconButtonLink } from './chunk-UAUP6XGK.js';
 export { DisclosureAnatomy } from './chunk-ULYHDP7U.js';
 export { Count } from './chunk-D2GT3CR4.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
-export { ADD_PILL_MS, AddPill } from './chunk-CVKANYHD.js';
 export { Announcer, announce, useAnnouncer } from './chunk-2G355KDJ.js';
 export { VisuallyHidden } from './chunk-UT6CW3C7.js';
 export { cx } from './chunk-ODEQTPFM.js';

package/dist/styles.css

@@ -964,7 +964,7 @@
 }
 
 
-/* AppShell-NX5HCD4O.css */
+/* AppShell-24IM2GC3.css */
 /*
  * The application frame: a rail on the FRAME, and the screen on a SHEET that
  * floats beside it.
@@ -1175,7 +1175,18 @@
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
-  scrollbar-color: var(--color-scrollbar) transparent;
+}
+
+/* The rail's bar, only where `::-webkit-scrollbar` is not read: set where it
+   is, Chromium would draw its native bar instead of the base sheet's slim one. */
+@supports not selector(::-webkit-scrollbar) {
+  .crewlet-app-shell__rail-body {
+    scrollbar-color: var(--color-scrollbar) transparent;
+  }
+
+  .crewlet-app-shell[data-rail='compact'] .crewlet-app-shell__rail-body {
+    scrollbar-width: thin;
+  }
 }
 
 /*
@@ -2000,7 +2011,6 @@
 
 .crewlet-app-shell[data-rail='compact'] .crewlet-app-shell__rail-body {
   padding: var(--spacing-1) 0;
-  scrollbar-width: thin;
 }
 
 /*
@@ -25301,7 +25311,7 @@ a.crewlet-link-card:hover .crewlet-link-card__title {
 }
 
 
-/* List-ZZF6ZHRT.css */
+/* List-BNA4XGMH.css */
 /*
  * The non-tabular list. One row recipe, four framings.
  *
@@ -25431,6 +25441,13 @@ a.crewlet-link-card:hover .crewlet-link-card__title {
   display: list-item;
 }
 
+/* HANGING MARKERS stand in the margin before the list, so its words line up
+   with the text above rather than one gutter inside it. */
+.crewlet-list--hanging.crewlet-list--bulleted,
+.crewlet-list--hanging.crewlet-list--numbered {
+  padding-inline-start: 0;
+}
+
 .crewlet-list--bulleted .crewlet-list__row,
 .crewlet-list--numbered .crewlet-list__row {
   min-height: 0;
@@ -41052,7 +41069,7 @@ svg.crewlet-select__chevron {
 }
 
 
-/* Switcher-VWQMZUTN.css */
+/* Switcher-ZGRTTVCS.css */
 /*
  * The switcher: a button that is the page's name, and a banded panel under it
  * (a search band, a list that scrolls, and a footer that does not).
@@ -41257,7 +41274,14 @@ svg.crewlet-switcher-trigger__chevron {
   overflow-y: auto;
   overscroll-behavior: contain;
   padding: var(--spacing-1);
-  scrollbar-width: thin;
+}
+
+/* Thin only where `::-webkit-scrollbar` is not read: set where it is, Chromium
+   would draw its native bar instead of the base sheet's slim one. */
+@supports not selector(::-webkit-scrollbar) {
+  .crewlet-switcher__scroller {
+    scrollbar-width: thin;
+  }
 }
 
 .crewlet-switcher__list {

package/package.json

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

package/scripts/check-css-literals.mjs

@@ -47,6 +47,9 @@
 //     the hover overlay, never both, because both are a background on the same
 //     element and the selected state wins. Drawing the hover on a ::before is
 //     the one way to stack them, and it produces a composite nothing measured.
+//  7. `scrollbar-width` and `scrollbar-color` (other than `auto` or `none`)
+//     only inside `@supports not selector(::-webkit-scrollbar)`. Chromium
+//     ignores every `::-webkit-scrollbar` rule on an element that sets either.
 
 import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
@@ -76,6 +79,16 @@ const MOTION = new Map([
 /** The one query a stop is read inside: exactly this, with nothing else around it. */
 const REDUCE = /^@media\s*\(\s*prefers-reduced-motion\s*:\s*reduce\s*\)$/;
 
+/** The condition a scrollbar's standard properties are set under (rule 7). */
+const WITHOUT_WEBKIT_SCROLLBAR = /^@supports not \(?\s*selector\(\s*::-webkit-scrollbar\s*\)\s*\)?$/;
+
+/** Whether a declaration switches Chromium off the `::-webkit-scrollbar` rules. */
+function overridesWebkitScrollbar(property, value) {
+  const bare = value.replace(/!\s*important\s*$/i, '').trim().toLowerCase();
+  if (property === 'scrollbar-width') return bare !== 'auto' && bare !== 'none';
+  return property === 'scrollbar-color' && bare !== 'auto';
+}
+
 function declarations(body) {
   const found = [];
   for (const part of body.split(';')) {
@@ -235,8 +248,10 @@ export async function findings(roots, base = packageRoot) {
   for (const file of files) {
     const at = (index) => `${file.where}:${lineOf(file.text, index)}`;
 
-    for (const { selector, body, index, nestedDeclarations } of rules(file.text)) {
+    for (const block of rules(file.text)) {
+      const { selector, body, index, nestedDeclarations } = block;
       const where = at(index);
+      const withoutWebkitScrollbar = conditions(block).some((head) => WITHOUT_WEBKIT_SCROLLBAR.test(head));
 
       // Declarations resumed after a nested block carry their block's head
       // again, and the head was read with the block.
@@ -279,6 +294,11 @@ export async function findings(roots, base = packageRoot) {
         if (property === 'z-index' && /^-?\d+$/.test(bare.trim()) && Math.abs(Number(bare.trim())) > 1) {
           problems.push(`${where}: z-index is a literal (${value.trim()}). Use a --z-index-* token, or the Layer module's own depth`);
         }
+        if (!withoutWebkitScrollbar && overridesWebkitScrollbar(property, value)) {
+          problems.push(
+            `${where}: ${property} is set where Chromium reads ::-webkit-scrollbar, so it ignores those rules and draws its native bar. Set it inside @supports not selector(::-webkit-scrollbar)`,
+          );
+        }
       }
     }
 

package/dist/{Editor-G3VEDILS.js → Editor-63L5QQDN.js}

@@ -1,5 +1,5 @@
-import { richEditorLabels } from './chunk-2DMTW2Y3.js';
 import { schema, readMarkdown, writeMarkdown } from './chunk-7CSTEH5I.js';
+import { richEditorLabels } from './chunk-2DMTW2Y3.js';
 import './chunk-KOJPDCGQ.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-KBZO4B33.js';
 import { Toolbar } from './chunk-NXFTCPF6.js';

package/dist/{chunk-I46ZTLDW.js → chunk-DWQYV5AV.js}

@@ -1,8 +1,8 @@
 import { TreeGrid } from './chunk-ZDWAIVWL.js';
 import { createTreeModel, treeParent } from './chunk-MY374UUD.js';
 import { OrgLabel } from './chunk-5YXMKZUA.js';
-import { IconButton } from './chunk-UAUP6XGK.js';
 import { AddPill } from './chunk-CVKANYHD.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgTable-JZSYTUIK.css';
 import { useMemo, useRef, useImperativeHandle, useCallback } from 'react';