@crewlethq/ui 0.95.0 → 0.96.0

package/dist/AsideLayout/AsideLayout.d.ts

@@ -1,11 +1,32 @@
 import type { HTMLAttributes, ReactNode } from 'react';
+/** The room the layout is drawn in: a whole page, or a detail pane beside a list. */
+export type AsideLayoutFit = 'page' | 'pane';
+/**
+ * The layout's own width, in rem, from which the aside stands beside the main
+ * column, by `fit`. The stylesheet's container queries split at these widths.
+ */
+export declare const ASIDE_LAYOUT_SPLIT_REM: Readonly<Record<AsideLayoutFit, number>>;
 export interface AsideLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /** The page's main column: what the page is about. */
     children: ReactNode;
-    /** The column beside it: facts about the subject, how it is used, related places. */
-    aside: ReactNode;
+    /**
+     * The column beside it: facts about the subject, how it is used, related
+     * places. Left out (or null), the main column stands alone at the full width.
+     */
+    aside?: ReactNode;
     /** What the aside is, for a screen reader's landmark: "About the company". */
     asideLabel: string;
+    /**
+     * `page` (the default): the aside stands beside the main column from 56rem,
+     * 18rem wide. `pane`: from 44rem, 16rem wide and 16px apart, for a detail
+     * pane beside a list, such as setup steps beside the form they explain.
+     */
+    fit?: AsideLayoutFit | undefined;
+    /**
+     * Beside the main column, the aside's content stays at the scroller's top
+     * while the main column scrolls past. For an aside shorter than its scroller.
+     */
+    sticky?: boolean | undefined;
 }
 /**
  * A page's main column with an aside beside it, each a stack of blocks one
@@ -13,12 +34,15 @@ export interface AsideLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, '
  *
  * THE COLUMNS FOLLOW THE ROOM THE PAGE HAS, NOT THE WINDOW. It is a container
  * query on its own width, because a page beside a navigation rail is narrow
- * on a wide screen too: from 56rem the aside stands beside the main column at
- * `--crewlet-aside-layout-aside` (18rem by default), and below that it
- * follows the main column under one hairline, so a phone reads the subject
- * first and its facts after it.
+ * on a wide screen too: from 56rem (44rem in a `pane`) the aside stands beside
+ * the main column at `--crewlet-aside-layout-aside` (18rem by default, 16rem
+ * in a pane), and below that it follows the main column under one hairline,
+ * so a phone reads the subject first and its facts after it.
+ *
+ * THE MAIN COLUMN IS ALWAYS THE FIRST CHILD, so it stays the same element as
+ * an aside comes and goes, and nothing in it is drawn afresh.
  *
  * THE ASIDE IS A COMPLEMENTARY LANDMARK named by `asideLabel`, so a screen
  * reader can skip to it or past it.
  */
-export declare function AsideLayout({ children, aside, asideLabel, className, ...rest }: AsideLayoutProps): import("react").JSX.Element;
+export declare function AsideLayout({ children, aside, asideLabel, fit, sticky, className, ...rest }: AsideLayoutProps): import("react").JSX.Element;

package/dist/AsideLayout/index.d.ts

@@ -1,3 +1,3 @@
 import './AsideLayout.css';
-export { AsideLayout } from './AsideLayout.js';
-export type { AsideLayoutProps } from './AsideLayout.js';
+export { ASIDE_LAYOUT_SPLIT_REM, AsideLayout } from './AsideLayout.js';
+export type { AsideLayoutFit, AsideLayoutProps } from './AsideLayout.js';

package/dist/AsideLayout/index.js

@@ -1,2 +1,2 @@
-export { AsideLayout } from '../chunk-QOXLP5PE.js';
+export { ASIDE_LAYOUT_SPLIT_REM, AsideLayout } from '../chunk-7UQQEUOT.js';
 import '../chunk-ODEQTPFM.js';

package/dist/AsideLayout-SJO7VLPQ.css

@@ -0,0 +1,93 @@
+/*
+ * AsideLayout: a main column with an aside beside it from 56rem of its own
+ * width (44rem in a pane), and after it below that (AsideLayout.tsx).
+ */
+
+.crewlet-aside-layout {
+  container-type: inline-size;
+  min-width: 0;
+}
+
+.crewlet-aside-layout__columns {
+  --crewlet-aside-layout-gap: var(--spacing-7);
+
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  align-items: start;
+  gap: var(--crewlet-aside-layout-gap);
+}
+
+/* EACH COLUMN IS A STACK one step apart, so the blocks in it stand apart
+   evenly without each carrying a margin of its own. */
+.crewlet-aside-layout__main,
+.crewlet-aside-layout__aside {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-6);
+  min-width: 0;
+}
+
+/* FOLLOWING THE MAIN COLUMN, the aside is set off by one hairline, so its
+   facts read as about the page rather than as more of it. The hairline sits
+   midway: the aside takes the gap's own step under it, where the stack's
+   smaller step left it 32px under the main column and 24px over the aside. */
+.crewlet-aside-layout__aside {
+  --crewlet-aside-layout-stick: static;
+
+  padding-top: var(--crewlet-aside-layout-gap);
+  border-top: 1px solid var(--color-border-default);
+}
+
+@container (min-width: 56rem) {
+  .crewlet-aside-layout__columns {
+    grid-template-columns: minmax(0, 1fr) var(--crewlet-aside-layout-aside, 18rem);
+    gap: var(--spacing-8);
+  }
+
+  .crewlet-aside-layout__aside {
+    --crewlet-aside-layout-stick: sticky;
+
+    padding-top: 0;
+    border-top: 0;
+  }
+}
+
+/* A PANE (`fit="pane"`) is narrower than a page by the list beside it: it
+   splits sooner, at a narrower aside, one step apart. */
+.crewlet-aside-layout--pane .crewlet-aside-layout__columns {
+  --crewlet-aside-layout-gap: var(--spacing-6);
+}
+
+@container (min-width: 44rem) {
+  .crewlet-aside-layout--pane .crewlet-aside-layout__columns {
+    grid-template-columns: minmax(0, 1fr) var(--crewlet-aside-layout-aside, 16rem);
+    gap: var(--spacing-4);
+  }
+
+  .crewlet-aside-layout--pane .crewlet-aside-layout__aside {
+    --crewlet-aside-layout-stick: sticky;
+
+    padding-top: 0;
+    border-top: 0;
+  }
+}
+
+/* STICKY (`sticky`): the aside's content as one stack, as tall as itself, so
+   it has the aside's length to stick along. Only a split sets the aside's
+   `--crewlet-aside-layout-stick`, so it sticks beside the main column alone. */
+.crewlet-aside-layout--sticky > .crewlet-aside-layout__columns {
+  align-items: stretch;
+}
+
+.crewlet-aside-layout__stick {
+  position: var(--crewlet-aside-layout-stick);
+  top: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-6);
+}
+
+/* ALONE (no aside), the main column is the whole width at every size. */
+.crewlet-aside-layout--alone > .crewlet-aside-layout__columns {
+  grid-template-columns: minmax(0, 1fr);
+}

package/dist/DeepWorkCard/index.js

@@ -1,7 +1,7 @@
-export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-XJOTW2FB.js';
+export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-5U6XAUYM.js';
 import '../chunk-KUMHQY2B.js';
-import '../chunk-RQFRRPV6.js';
 import '../chunk-ZWCK4N4L.js';
+import '../chunk-RQFRRPV6.js';
 import '../chunk-4BEMS6Q7.js';
 import '../chunk-SJ3EUCFD.js';
 import '../chunk-U2IQNDDR.js';

package/dist/RichEditor/index.js

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

package/dist/chunk-7UQQEUOT.js

@@ -0,0 +1,35 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './AsideLayout-SJO7VLPQ.css';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ASIDE_LAYOUT_SPLIT_REM = { page: 56, pane: 44 };
+function AsideLayout({
+  children,
+  aside,
+  asideLabel,
+  fit = "page",
+  sticky = false,
+  className,
+  ...rest
+}) {
+  const alone = aside === null || aside === void 0 || aside === false;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      className: cx(
+        "crewlet-aside-layout",
+        fit === "pane" && "crewlet-aside-layout--pane",
+        sticky && "crewlet-aside-layout--sticky",
+        alone && "crewlet-aside-layout--alone",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "crewlet-aside-layout__columns", children: [
+        /* @__PURE__ */ jsx("div", { className: "crewlet-aside-layout__main", children }),
+        alone ? null : /* @__PURE__ */ jsx("aside", { className: "crewlet-aside-layout__aside", "aria-label": asideLabel, children: sticky ? /* @__PURE__ */ jsx("div", { className: "crewlet-aside-layout__stick", children: aside }) : aside })
+      ] })
+    }
+  );
+}
+
+export { ASIDE_LAYOUT_SPLIT_REM, AsideLayout };

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

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

package/dist/generated/index.js

@@ -9,8 +9,8 @@ export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '
 export { ThemeToggle } from '../chunk-IPMJGK2Q.js';
 export { THREAD_SUMMARY_LABELS, ThreadSummary } from '../chunk-JXDJVUWN.js';
 export { TileGrid } from '../chunk-UFID3DSP.js';
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-2BZ2W2YU.js';
 export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-T5HZ5AYW.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-2BZ2W2YU.js';
 export { ToastProvider, Toaster, readingDuration, toasterInsetStyle, useToast } from '../chunk-JIBWNHTC.js';
 export { TagsInput } from '../chunk-3LKOXQWZ.js';
 export { ThemeGallery } from '../chunk-4TAMRAUQ.js';
@@ -22,8 +22,8 @@ export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, T
 export { SlideGrid } from '../chunk-6M2N6ETA.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-PW57R4BN.js';
 export { StatCard } from '../chunk-G5IZGAWS.js';
-export { Statement } from '../chunk-MZJKPTA5.js';
 export { StatGroup } from '../chunk-OUD75UB2.js';
+export { Statement } from '../chunk-MZJKPTA5.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-ZDMZP5H4.js';
 export { TagGroup } from '../chunk-UEOEBOBR.js';
 export { matchesShortcut, useShortcut } from '../chunk-LZNPL266.js';
@@ -37,8 +37,8 @@ export { SettingsTable, SettingsTableRow } from '../chunk-SOYPCCSJ.js';
 export { SetupWizard } from '../chunk-IX6CHGM4.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-Y7PPKQFQ.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-WJZTI2WC.js';
-export { canonicalMarkdown, roundTripMarkdown } from '../chunk-GBASM5EV.js';
-import '../chunk-7CSTEH5I.js';
+export { RichEditor, preloadRichEditor } from '../chunk-LWYGCXRL.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-2DMTW2Y3.js';
 export { RoomRow } from '../chunk-Z34W5TM6.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';
@@ -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 { RichEditor, preloadRichEditor } from '../chunk-3P7XS5VT.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-2DMTW2Y3.js';
+export { canonicalMarkdown, roundTripMarkdown } from '../chunk-GBASM5EV.js';
+import '../chunk-7CSTEH5I.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';
@@ -60,15 +60,15 @@ export { RAIL_LIST_LABELS, RailList } from '../chunk-M576OESX.js';
 export { Select } from '../chunk-3IWZVEXA.js';
 export { NavGroup, NavItem, SidebarNav } from '../chunk-BRK3HXGZ.js';
 export { Text } from '../chunk-O5CEG7TQ.js';
-export { READING_PANE_ENTER, ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-64JNKLLP.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 { Outline, scrollToHeading, useActiveHeading } from '../chunk-7QCSISHM.js';
+export { MessageBubble } from '../chunk-KAQ2L74F.js';
 export { PageNote } from '../chunk-CV4NES3P.js';
 export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from '../chunk-CDNZTCP2.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-QGEDXYLB.js';
@@ -82,32 +82,32 @@ export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-I
 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 { 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';
 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 { MEMBER_PICKER_LABELS, MemberPicker, chosenMembers } from '../chunk-SDHLAW3G.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 { ListDetail } from '../chunk-P33VNG7Q.js';
-export { LinkInterstitial, openExternal } from '../chunk-OC6BMY3C.js';
 export { ListInput, withDraft } from '../chunk-PICHV3PC.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';
 export { KeyValueRows, keyValueRowsLabels } from '../chunk-SRHLFQ4J.js';
-export { IDLE_AFTER_MS, useFullscreen, useIdle } from '../chunk-W5XCNEZC.js';
+export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
 import '../chunk-MICRGE3J.js';
 import '../chunk-FFMCMSJB.js';
 export { IconTile } from '../chunk-3LI4TRUR.js';
@@ -121,26 +121,26 @@ export { FolderTile, describeFolderContents, folderContentsParts } from '../chun
 export { FollowBanner } from '../chunk-NTRKC2JV.js';
 export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRAME_ORIGIN_MODES, FRAME_SANDBOX_TOKENS, applyFrameTheme, checkFrameSandbox, externalUrl, frameFragment, frameOriginMatches, frameThemeMessage, httpOrigin, isFocusExit, isFrameNonce, negotiateBridge, parseFrameFragment, portTargetOrigin, readFrameHello, readFramePortMessage, readFrameTheme, readOpenLink } from '../chunk-F6V2PTN6.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
-export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
+export { IDLE_AFTER_MS, useFullscreen, useIdle } from '../chunk-W5XCNEZC.js';
 export { EntityChip } from '../chunk-65RFU7LF.js';
 export { EntityList } from '../chunk-TN3BH3Q4.js';
 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 { Divider } from '../chunk-6KWNXIDE.js';
 export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-2HBY3FOZ.js';
+export { Divider } from '../chunk-6KWNXIDE.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 { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-XJOTW2FB.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 { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-RQFRRPV6.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-ZWCK4N4L.js';
-export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt } from '../chunk-NGJWRR7E.js';
+export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-RQFRRPV6.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 { ChoiceCards } from '../chunk-CFCJ3P7B.js';
 export { ChoiceList } from '../chunk-XU7RQNT6.js';
+export { ChoiceCards } from '../chunk-CFCJ3P7B.js';
 export { CodeBlock } from '../chunk-4ME4J3YY.js';
 export { ColorChip } from '../chunk-C6T4VBEY.js';
 export { ColorField } from '../chunk-GNJXUNEU.js';
@@ -208,7 +208,7 @@ export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth,
 export { Callout } from '../chunk-BPCY7ZID.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-NCUSI4ZU.js';
 import '../chunk-LM3ISVJA.js';
-export { AsideLayout } from '../chunk-QOXLP5PE.js';
+export { ASIDE_LAYOUT_SPLIT_REM, AsideLayout } from '../chunk-7UQQEUOT.js';
 export { ATTACHMENT_CHIP_LABELS, AttachmentChip } from '../chunk-MTDISM7I.js';
 export { Tag } from '../chunk-SJ3EUCFD.js';
 export { ATTENTION_LIST_LABELS, AttentionList } from '../chunk-AELKT34H.js';

package/dist/index.js

@@ -9,8 +9,8 @@ export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '
 export { ThemeToggle } from './chunk-IPMJGK2Q.js';
 export { THREAD_SUMMARY_LABELS, ThreadSummary } from './chunk-JXDJVUWN.js';
 export { TileGrid } from './chunk-UFID3DSP.js';
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-2BZ2W2YU.js';
 export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from './chunk-T5HZ5AYW.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-2BZ2W2YU.js';
 export { ToastProvider, Toaster, readingDuration, toasterInsetStyle, useToast } from './chunk-JIBWNHTC.js';
 export { TagsInput } from './chunk-3LKOXQWZ.js';
 export { ThemeGallery } from './chunk-4TAMRAUQ.js';
@@ -22,8 +22,8 @@ export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, T
 export { SlideGrid } from './chunk-6M2N6ETA.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-PW57R4BN.js';
 export { StatCard } from './chunk-G5IZGAWS.js';
-export { Statement } from './chunk-MZJKPTA5.js';
 export { StatGroup } from './chunk-OUD75UB2.js';
+export { Statement } from './chunk-MZJKPTA5.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-ZDMZP5H4.js';
 export { TagGroup } from './chunk-UEOEBOBR.js';
 export { matchesShortcut, useShortcut } from './chunk-LZNPL266.js';
@@ -37,8 +37,8 @@ export { SettingsTable, SettingsTableRow } from './chunk-SOYPCCSJ.js';
 export { SetupWizard } from './chunk-IX6CHGM4.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-Y7PPKQFQ.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-WJZTI2WC.js';
-export { canonicalMarkdown, roundTripMarkdown } from './chunk-GBASM5EV.js';
-import './chunk-7CSTEH5I.js';
+export { RichEditor, preloadRichEditor } from './chunk-LWYGCXRL.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-2DMTW2Y3.js';
 export { RoomRow } from './chunk-Z34W5TM6.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';
@@ -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 { RichEditor, preloadRichEditor } from './chunk-3P7XS5VT.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-2DMTW2Y3.js';
+export { canonicalMarkdown, roundTripMarkdown } from './chunk-GBASM5EV.js';
+import './chunk-7CSTEH5I.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';
@@ -60,15 +60,15 @@ export { RAIL_LIST_LABELS, RailList } from './chunk-M576OESX.js';
 export { Select } from './chunk-3IWZVEXA.js';
 export { NavGroup, NavItem, SidebarNav } from './chunk-BRK3HXGZ.js';
 export { Text } from './chunk-O5CEG7TQ.js';
-export { READING_PANE_ENTER, ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-64JNKLLP.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 { Outline, scrollToHeading, useActiveHeading } from './chunk-7QCSISHM.js';
+export { MessageBubble } from './chunk-KAQ2L74F.js';
 export { PageNote } from './chunk-CV4NES3P.js';
 export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from './chunk-CDNZTCP2.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-QGEDXYLB.js';
@@ -82,32 +82,32 @@ export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-I4
 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 { 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';
 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 { MEMBER_PICKER_LABELS, MemberPicker, chosenMembers } from './chunk-SDHLAW3G.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 { ListDetail } from './chunk-P33VNG7Q.js';
-export { LinkInterstitial, openExternal } from './chunk-OC6BMY3C.js';
 export { ListInput, withDraft } from './chunk-PICHV3PC.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';
 export { KeyValueRows, keyValueRowsLabels } from './chunk-SRHLFQ4J.js';
-export { IDLE_AFTER_MS, useFullscreen, useIdle } from './chunk-W5XCNEZC.js';
+export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
 import './chunk-MICRGE3J.js';
 import './chunk-FFMCMSJB.js';
 export { IconTile } from './chunk-3LI4TRUR.js';
@@ -121,26 +121,26 @@ export { FolderTile, describeFolderContents, folderContentsParts } from './chunk
 export { FollowBanner } from './chunk-NTRKC2JV.js';
 export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRAME_ORIGIN_MODES, FRAME_SANDBOX_TOKENS, applyFrameTheme, checkFrameSandbox, externalUrl, frameFragment, frameOriginMatches, frameThemeMessage, httpOrigin, isFocusExit, isFrameNonce, negotiateBridge, parseFrameFragment, portTargetOrigin, readFrameHello, readFramePortMessage, readFrameTheme, readOpenLink } from './chunk-F6V2PTN6.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from './chunk-ZXXDZJQN.js';
-export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
+export { IDLE_AFTER_MS, useFullscreen, useIdle } from './chunk-W5XCNEZC.js';
 export { EntityChip } from './chunk-65RFU7LF.js';
 export { EntityList } from './chunk-TN3BH3Q4.js';
 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 { Divider } from './chunk-6KWNXIDE.js';
 export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-2HBY3FOZ.js';
+export { Divider } from './chunk-6KWNXIDE.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 { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from './chunk-XJOTW2FB.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 { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-RQFRRPV6.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-ZWCK4N4L.js';
-export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt } from './chunk-NGJWRR7E.js';
+export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-RQFRRPV6.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 { ChoiceCards } from './chunk-CFCJ3P7B.js';
 export { ChoiceList } from './chunk-XU7RQNT6.js';
+export { ChoiceCards } from './chunk-CFCJ3P7B.js';
 export { CodeBlock } from './chunk-4ME4J3YY.js';
 export { ColorChip } from './chunk-C6T4VBEY.js';
 export { ColorField } from './chunk-GNJXUNEU.js';
@@ -208,7 +208,7 @@ export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth,
 export { Callout } from './chunk-BPCY7ZID.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from './chunk-NCUSI4ZU.js';
 import './chunk-LM3ISVJA.js';
-export { AsideLayout } from './chunk-QOXLP5PE.js';
+export { ASIDE_LAYOUT_SPLIT_REM, AsideLayout } from './chunk-7UQQEUOT.js';
 export { ATTACHMENT_CHIP_LABELS, AttachmentChip } from './chunk-MTDISM7I.js';
 export { Tag } from './chunk-SJ3EUCFD.js';
 export { ATTENTION_LIST_LABELS, AttentionList } from './chunk-AELKT34H.js';

package/dist/styles.css

@@ -4938,10 +4938,10 @@ a.crewlet-make-row__item:active {
 }
 
 
-/* AsideLayout-AA3DEJKN.css */
+/* AsideLayout-SJO7VLPQ.css */
 /*
  * AsideLayout: a main column with an aside beside it from 56rem of its own
- * width, and after it below that (AsideLayout.tsx).
+ * width (44rem in a pane), and after it below that (AsideLayout.tsx).
  */
 
 .crewlet-aside-layout {
@@ -4973,6 +4973,8 @@ a.crewlet-make-row__item:active {
    midway: the aside takes the gap's own step under it, where the stack's
    smaller step left it 32px under the main column and 24px over the aside. */
 .crewlet-aside-layout__aside {
+  --crewlet-aside-layout-stick: static;
+
   padding-top: var(--crewlet-aside-layout-gap);
   border-top: 1px solid var(--color-border-default);
 }
@@ -4984,11 +4986,53 @@ a.crewlet-make-row__item:active {
   }
 
   .crewlet-aside-layout__aside {
+    --crewlet-aside-layout-stick: sticky;
+
+    padding-top: 0;
+    border-top: 0;
+  }
+}
+
+/* A PANE (`fit="pane"`) is narrower than a page by the list beside it: it
+   splits sooner, at a narrower aside, one step apart. */
+.crewlet-aside-layout--pane .crewlet-aside-layout__columns {
+  --crewlet-aside-layout-gap: var(--spacing-6);
+}
+
+@container (min-width: 44rem) {
+  .crewlet-aside-layout--pane .crewlet-aside-layout__columns {
+    grid-template-columns: minmax(0, 1fr) var(--crewlet-aside-layout-aside, 16rem);
+    gap: var(--spacing-4);
+  }
+
+  .crewlet-aside-layout--pane .crewlet-aside-layout__aside {
+    --crewlet-aside-layout-stick: sticky;
+
     padding-top: 0;
     border-top: 0;
   }
 }
 
+/* STICKY (`sticky`): the aside's content as one stack, as tall as itself, so
+   it has the aside's length to stick along. Only a split sets the aside's
+   `--crewlet-aside-layout-stick`, so it sticks beside the main column alone. */
+.crewlet-aside-layout--sticky > .crewlet-aside-layout__columns {
+  align-items: stretch;
+}
+
+.crewlet-aside-layout__stick {
+  position: var(--crewlet-aside-layout-stick);
+  top: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-6);
+}
+
+/* ALONE (no aside), the main column is the whole width at every size. */
+.crewlet-aside-layout--alone > .crewlet-aside-layout__columns {
+  grid-template-columns: minmax(0, 1fr);
+}
+
 
 /* AttachmentChip-RZ6ZCB43.css */
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.95.0",
+  "version": "0.96.0",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.95.0",
-    "@crewlethq/tokens": "0.95.0",
+    "@crewlethq/icons": "0.96.0",
+    "@crewlethq/tokens": "0.96.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/AsideLayout-AA3DEJKN.css

@@ -1,49 +0,0 @@
-/*
- * AsideLayout: a main column with an aside beside it from 56rem of its own
- * width, and after it below that (AsideLayout.tsx).
- */
-
-.crewlet-aside-layout {
-  container-type: inline-size;
-  min-width: 0;
-}
-
-.crewlet-aside-layout__columns {
-  --crewlet-aside-layout-gap: var(--spacing-7);
-
-  display: grid;
-  grid-template-columns: minmax(0, 1fr);
-  align-items: start;
-  gap: var(--crewlet-aside-layout-gap);
-}
-
-/* EACH COLUMN IS A STACK one step apart, so the blocks in it stand apart
-   evenly without each carrying a margin of its own. */
-.crewlet-aside-layout__main,
-.crewlet-aside-layout__aside {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-6);
-  min-width: 0;
-}
-
-/* FOLLOWING THE MAIN COLUMN, the aside is set off by one hairline, so its
-   facts read as about the page rather than as more of it. The hairline sits
-   midway: the aside takes the gap's own step under it, where the stack's
-   smaller step left it 32px under the main column and 24px over the aside. */
-.crewlet-aside-layout__aside {
-  padding-top: var(--crewlet-aside-layout-gap);
-  border-top: 1px solid var(--color-border-default);
-}
-
-@container (min-width: 56rem) {
-  .crewlet-aside-layout__columns {
-    grid-template-columns: minmax(0, 1fr) var(--crewlet-aside-layout-aside, 18rem);
-    gap: var(--spacing-8);
-  }
-
-  .crewlet-aside-layout__aside {
-    padding-top: 0;
-    border-top: 0;
-  }
-}

package/dist/chunk-QOXLP5PE.js

@@ -1,12 +0,0 @@
-import { cx } from './chunk-ODEQTPFM.js';
-import './AsideLayout-AA3DEJKN.css';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function AsideLayout({ children, aside, asideLabel, className, ...rest }) {
-  return /* @__PURE__ */ jsx("div", { ...rest, className: cx("crewlet-aside-layout", className), children: /* @__PURE__ */ jsxs("div", { className: "crewlet-aside-layout__columns", children: [
-    /* @__PURE__ */ jsx("div", { className: "crewlet-aside-layout__main", children }),
-    /* @__PURE__ */ jsx("aside", { className: "crewlet-aside-layout__aside", "aria-label": asideLabel, children: aside })
-  ] }) });
-}
-
-export { AsideLayout };

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

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

package/dist/{chunk-XJOTW2FB.js → chunk-5U6XAUYM.js}

@@ -1,6 +1,6 @@
 import { StepList } from './chunk-KUMHQY2B.js';
-import { Meter } from './chunk-RQFRRPV6.js';
 import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
+import { Meter } from './chunk-RQFRRPV6.js';
 import { StatusCard } from './chunk-4BEMS6Q7.js';
 import { Disclosure } from './chunk-NAHA62WD.js';
 import { Spinner } from './chunk-XSPCITPN.js';