@crewlethq/ui 0.40.1 → 0.41.1

package/README.md

@@ -204,6 +204,14 @@ 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.41.1
+
+**The rail's search field is compact and stands on the nav's content columns** (`SearchTrigger variant="rail"` in the `AppShell.Rail` search slot). It is 26px tall (the small control step, never under the 24px target) where it was 34px, with 6px inside each end where it had 10px. Its glyph stays on the nav's glyph column, and its shortcut now ends where a row's words end, so the field is 210px wide in a 236px rail where it ran 219px from gutter to gutter. The slot names the pad (`--crewlet-rail-field-pad`), so its inset and the field's pad are one measure; outside the slot the field keeps the trigger's own pad. The slot no longer adds its own 12px under the field, so the nav's top inset (8px) is the one gap between the field and the first row, where it was 20px. The rail's rows start 20px higher. A label longer than the field still truncates before the shortcut does.
+
+## Changes in 0.41.0
+
+**The rail's head carries a status** (`AppShell.Rail` `status`, drawn with `AppShell.RailStatus`). An application's own state, such as its engine's, stands compact at the end of the head's line, beside the name: a status dot and, when something stands against it, a count in the foot row's inks (the warning ink with its mark for alarms). The state's words are the status's name and title rather than a line of the rail ("Engine serving, 1 alarm"), so the count is read once, in words. A status that opens a panel is the panel's trigger, as a foot row is (`aria-haspopup`, `aria-expanded` and `aria-controls` reach its button, and a `Popover` anchors to it), and `label` names it where a press does something the state does not say ("Engine signed out. Sign in"). A status nothing presses is a statement with no place in the tab order. It reserves the width of a dot and a two-figure count, and a `BrandLockup` beside it gives up its end inset to the head's gap, so the name truncates at one place whatever the count says, it is a 24px target each way with its focus ring inside its box, and it ends on the nav's gutter, where every row's background ends. It stands in the drawer's head the same way. The foot's doc now names it the place for what a reader reaches for rarely.
+
 ## 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.

package/dist/AppShell/AppShell.d.ts

@@ -103,6 +103,7 @@ export declare function AppShell({ sidebar, topbar, banner, footer, mainId, main
 export declare namespace AppShell {
     var Rail: typeof AppShellRail;
     var RailRow: import("react").ForwardRefExoticComponent<AppShellRailRowProps & import("react").RefAttributes<HTMLElement>>;
+    var RailStatus: import("react").ForwardRefExoticComponent<AppShellRailStatusProps & import("react").RefAttributes<HTMLElement>>;
     var Topbar: typeof AppShellTopbar;
     var Toggle: typeof AppShellToggle;
     var AccountRow: typeof import("./AccountRow.js").AccountRow;
@@ -122,16 +123,24 @@ export interface AppShellRailProps {
      */
     search?: ReactNode;
     /**
-     * The foot: what the engine is doing, the theme and density controls. An
-     * `<AppShell.RailRow>` puts a line there on the rail's own insets, so its
-     * mark lands on the line every nav glyph above it sits on.
+     * A compact status at the end of the head's line, beside the name the head
+     * carries: an `<AppShell.RailStatus>`, the application's own state in a
+     * dot and a count. It takes its own width, so the name keeps the rest and
+     * truncates there, and it stands in the drawer's head the same way.
+     */
+    status?: ReactNode;
+    /**
+     * The foot: what a reader reaches for rarely, such as a settings link and
+     * their own account row. An `<AppShell.RailRow>` puts a line there on the
+     * rail's own insets, so its mark lands on the line every nav glyph above it
+     * sits on. A state the application reports belongs in `status`, compact.
      */
     footer?: ReactNode;
     className?: string | undefined;
     children?: ReactNode;
 }
 /** The rail's three regions: a head, a scrolling middle, and a foot. */
-export declare function AppShellRail({ header, search, footer, className, children }: AppShellRailProps): import("react").JSX.Element;
+export declare function AppShellRail({ header, search, status, footer, className, children }: AppShellRailProps): import("react").JSX.Element;
 /**
  * A figure at the end of a row in the foot, and what it counts.
  *
@@ -262,6 +271,65 @@ export type AppShellRailRowProps = StaticRailRowProps | ActionRailRowProps;
  * says whether it is open.
  */
 export declare const AppShellRailRow: import("react").ForwardRefExoticComponent<AppShellRailRowProps & import("react").RefAttributes<HTMLElement>>;
+/** What the head's status says, whether or not it is a control. */
+interface RailStatusContent {
+    /** The state's mark: a status dot. The status draws no words, so the mark and the count are what is seen. */
+    icon: ReactNode;
+    /**
+     * The state in words, "Engine serving". Not drawn: it is the status's name,
+     * read by assistive technology and shown as its title, with the count's
+     * words after it ("Engine serving, 1 alarm").
+     */
+    children: string;
+    /** How many of something stands against the state, drawn as a row's count is. */
+    count?: RailRowCount | undefined;
+    /** A mark after the count, for a state a press resolves: the key beside "sign in". */
+    trailing?: ReactNode;
+    className?: string | undefined;
+}
+/** A status the head states and nothing presses. */
+export interface StaticRailStatusProps extends RailStatusContent {
+    onClick?: undefined;
+    label?: undefined;
+    'aria-expanded'?: undefined;
+    'aria-haspopup'?: undefined;
+    'aria-controls'?: undefined;
+}
+/** A status that opens something: the engine's panel. */
+export interface ActionRailStatusProps extends RailStatusContent {
+    onClick: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Names the control where the state and its count are not what pressing it
+     * does ("Engine signed out. Sign in"). It replaces that name, and the title.
+     */
+    label?: string | undefined;
+    /** Whether the panel it opens is open, as a `Popover` or a `Menu` trigger passes it. */
+    'aria-expanded'?: boolean | undefined;
+    /** What it opens. */
+    'aria-haspopup'?: AriaAttributes['aria-haspopup'];
+    /** The panel it opens, while it is open. */
+    'aria-controls'?: string | undefined;
+}
+export type AppShellRailStatusProps = StaticRailStatusProps | ActionRailStatusProps;
+/**
+ * The application's state, compact, at the end of the rail head's line.
+ *
+ * A FOOT ROW'S MEANING IN A DOT AND A COUNT. The state's words are its name
+ * and its title rather than a line of the rail ("Engine serving, 1 alarm"),
+ * so a sighted reader reads the dot and the count, and hovers for the words,
+ * and a screen reader is told what a foot row would have told it. The count
+ * is the row's own (`RailRowCount`), in the same inks.
+ *
+ * IT TAKES A FIXED FLOOR OF WIDTH, a dot and a two-figure count, so the
+ * name beside it truncates at one place whatever the count says: the name
+ * does not lose a character when an alarm is raised. A count wider than the
+ * floor still grows the status rather than being cut.
+ *
+ * A STATUS THAT OPENS A PANEL IS ITS TRIGGER, as the foot's row is: the
+ * element goes to `ref` and the popup attributes reach the button, so a
+ * `Popover` anchors to it and it says whether the panel is open.
+ */
+export declare const AppShellRailStatus: import("react").ForwardRefExoticComponent<AppShellRailStatusProps & import("react").RefAttributes<HTMLElement>>;
 export interface AppShellToggleProps {
     className?: string | undefined;
 }

package/dist/AppShell/index.d.ts

@@ -1,6 +1,6 @@
 import '../HitArea/HitArea.css';
 import './AppShell.css';
-export { AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from './AppShell.js';
+export { AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from './AppShell.js';
 export { AccountRow } from './AccountRow.js';
 export type { AccountRowMenu, AccountRowProps } from './AccountRow.js';
-export type { ActionRailRowProps, AppShellContextValue, AppShellProps, AppShellRailProps, AppShellRailRowProps, AppShellToggleProps, AppShellTopbarProps, RailRowCount, StaticRailRowProps, } from './AppShell.js';
+export type { ActionRailRowProps, ActionRailStatusProps, AppShellContextValue, AppShellProps, AppShellRailProps, AppShellRailRowProps, AppShellRailStatusProps, AppShellToggleProps, AppShellTopbarProps, RailRowCount, StaticRailRowProps, StaticRailStatusProps, } from './AppShell.js';

package/dist/AppShell/index.js

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

package/dist/{AppShell-VE2MAV42.css → AppShell-3R4ZU4ND.css}

@@ -156,18 +156,83 @@
 }
 
 /*
- * THE RAIL'S FIELD ON THE NAV'S COLUMNS. It stands on the nav's gutter, so
- * its right edge is where every row's background ends; and its glyph stands
- * on the nav's glyph column: a row's glyph is the gutter and the row's pad
- * in, the field's is the gutter, its own 1px edge and its pad
- * (`SearchTrigger`'s two steps and a half), so the inset at its start makes
- * up the difference from those measures.
+ * THE HEAD'S STATUS, at the end of the name's line (`AppShell.RailStatus`):
+ * the application's state as a dot and a count, its words in its name and
+ * title. It ends on the nav's gutter, where every row's background ends, and
+ * it reserves the width of a dot and a two-figure count, so the name beside
+ * it truncates at one place whether the engine is healthy or has alarms.
+ */
+.crewlet-app-shell__rail-status {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: flex-end;
+  min-width: calc(var(--size-target-min) * 2 + var(--spacing-1));
+  margin-inline-end: var(--size-nav-gutter);
+}
+
+/* A lockup beside a status gives up its end inset: the head's gap parts the
+   two, and the inset is what kept a lockup alone on its line off the edge. */
+.crewlet-app-shell__rail-head:has(> .crewlet-app-shell__rail-status) > .crewlet-brand {
+  padding-inline-end: 0;
+}
+
+/* The dot and the count on one compact target: the 24px floor each way. */
+.crewlet-app-shell__rail-status-mark {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: calc(var(--spacing-1) + var(--spacing-1) / 2);
+  min-width: var(--size-target-min);
+  min-height: var(--size-target-min);
+  margin: 0;
+  padding: 0 var(--spacing-1);
+  border: 0;
+  border-radius: var(--radius-md);
+  background: transparent;
+  color: var(--color-text-secondary);
+  font: inherit;
+}
+
+.crewlet-app-shell__rail-status-icon,
+.crewlet-app-shell__rail-status-trailing {
+  display: inline-flex;
+  align-items: center;
+}
+
+.crewlet-app-shell__rail-status-mark--action {
+  cursor: pointer;
+  transition: background var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+/* Open is pointed at, as the foot's row draws it: the lift stays while the panel is open. */
+.crewlet-app-shell__rail-status-mark--action:hover,
+.crewlet-app-shell__rail-status-mark--action[aria-expanded='true'] {
+  background: var(--color-surface-hover);
+}
+
+/* Inside its own box, so the ring is never cut by the head or the drawer's edge. */
+.crewlet-app-shell__rail-status-mark--action:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+/*
+ * THE RAIL'S FIELD ON THE NAV'S CONTENT COLUMNS, compact. Its glyph stands on
+ * the nav's glyph column and its shortcut ends where a row's words can end:
+ * a row's content is the gutter and the row's pad in from each edge, the
+ * field's is the slot's inset, its own 1px edge and its pad
+ * (`--crewlet-rail-field-pad`, which the rail variant of `SearchTrigger`
+ * takes), so the inset at each end makes up the difference. Standing on the
+ * rows' content rather than on their backgrounds' edges, the field is
+ * narrower than a row, a field in the rail rather than a bar across it.
+ *
+ * And it is held off the nav by the nav's own top inset alone, one step, so
+ * the field and the rows read as one group with the field first.
  */
 .crewlet-app-shell__rail-search {
-  padding: 0 var(--size-nav-gutter) var(--spacing-3);
-  padding-inline-start: calc(
-    var(--size-nav-gutter) + var(--size-nav-row-pad) - (var(--spacing-2) + var(--spacing-1) / 2) - 1px
-  );
+  --crewlet-rail-field-pad: calc(var(--spacing-1) + var(--spacing-1) / 2);
+  padding: 0 calc(var(--size-nav-gutter) + var(--size-nav-row-pad) - var(--crewlet-rail-field-pad) - 1px);
 }
 
 /* The same gutter the nav takes, so what the foot says lines up with the rows
@@ -700,7 +765,8 @@
   .crewlet-app-shell__rail,
   .crewlet-app-shell__rail[data-open='true'],
   .crewlet-app-shell__rail-row--action,
-  .crewlet-app-shell__rail-foot > .crewlet-btn {
+  .crewlet-app-shell__rail-foot > .crewlet-btn,
+  .crewlet-app-shell__rail-status-mark--action {
     transition: none;
   }
 }

package/dist/DataView/index.js

@@ -1,13 +1,13 @@
-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 { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-H6CEFQTR.js';
 import '../chunk-HOXGBLEY.js';
-import '../chunk-UB6MLXUL.js';
+import '../chunk-RFFXB3PR.js';
 import '../chunk-FXBGEANQ.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-IAGYPTEJ.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-KHJIEPZV.js';
 import '../chunk-GXQ3B46I.js';
+import '../chunk-KHJIEPZV.js';
 import '../chunk-NR4CPM4T.js';
 import '../chunk-AXS6MBNH.js';
 import '../chunk-3CZ7XAVY.js';

package/dist/DateTimePicker/index.js

@@ -1,6 +1,6 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-UB6MLXUL.js';
-import '../chunk-KHJIEPZV.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-RFFXB3PR.js';
 import '../chunk-GXQ3B46I.js';
+import '../chunk-KHJIEPZV.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';

package/dist/RichEditor/index.js

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

package/dist/SearchTrigger/index.js

@@ -1,2 +1,2 @@
-export { SearchTrigger } from '../chunk-6DRDCT22.js';
+export { SearchTrigger } from '../chunk-YZR57QGE.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{SearchTrigger-KIZLWBEH.css → SearchTrigger-UAKWW5HT.css}

@@ -27,16 +27,18 @@
 }
 
 /*
- * THE RAIL'S FIELD: the full width of the sidebar, on the SHEET's ground, and
- * a step taller than a control. It is the rail's one field and the first
- * thing in it under the company's name, and the design stands it at 34px,
- * the medium control and one scale step, so it reads as the way in rather
- * than as one more button.
+ * THE RAIL'S FIELD: the width of the slot it stands in, on the SHEET's
+ * ground, on the rail's compact step (the small control, 26px, never under
+ * the 24px target), with a tighter pad at each end. The rail's search slot
+ * names the pad (`--crewlet-rail-field-pad`), so its inset and the field's
+ * pad are one measure and the glyph lands on the nav's glyph column; outside
+ * that slot the field keeps the trigger's own pad.
  */
 .crewlet-search-trigger--rail {
   display: flex;
   width: 100%;
-  height: calc(var(--size-control-md) + var(--spacing-1));
+  height: var(--size-control-sm);
+  padding-inline: var(--crewlet-rail-field-pad, calc(var(--spacing-2) + var(--spacing-1) / 2));
   background: var(--color-surface-background);
 }
 

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-DKNBGL26.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-3PR65I3H.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/Switcher/index.js

@@ -1,8 +1,8 @@
-export { Switcher } from '../chunk-JKAGN4V4.js';
+export { Switcher } from '../chunk-UVBHK6IU.js';
 import '../chunk-IAGYPTEJ.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-KHJIEPZV.js';
 import '../chunk-FYTIJM2T.js';
+import '../chunk-KHJIEPZV.js';
 import '../chunk-TEUQWOWZ.js';
 import '../chunk-TYONQSOK.js';
 import '../chunk-PQADV6P6.js';

package/dist/TimeWindowPicker/index.js

@@ -1,8 +1,8 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-YPMGP2X4.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-HQAGGQWJ.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-KHJIEPZV.js';
 import '../chunk-GXQ3B46I.js';
+import '../chunk-KHJIEPZV.js';
 import '../chunk-TYONQSOK.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OMV5W53A.js';

package/dist/{chunk-QRKT4XTT.js → chunk-H6CEFQTR.js}

@@ -1,5 +1,5 @@
 import { PageHeader } from './chunk-HOXGBLEY.js';
-import { DateTimePicker } from './chunk-UB6MLXUL.js';
+import { DateTimePicker } from './chunk-RFFXB3PR.js';
 import { DataTable } from './chunk-FXBGEANQ.js';
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
 import { Popover } from './chunk-KHJIEPZV.js';

package/dist/{chunk-GR4YM7HT.js → chunk-NURXCBCW.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-VE2MAV42.css';
+import './AppShell-3R4ZU4ND.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';
@@ -231,9 +231,12 @@ function ShellDrawer({
     }
   );
 }
-function AppShellRail({ header, search, footer, className, children }) {
+function AppShellRail({ header, search, status, footer, className, children }) {
   return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-app-shell__rail-inner", className), children: [
-    header ? /* @__PURE__ */ jsx("div", { className: "crewlet-app-shell__rail-head", children: header }) : null,
+    header || status ? /* @__PURE__ */ jsxs("div", { className: "crewlet-app-shell__rail-head", children: [
+      header,
+      status ? /* @__PURE__ */ jsx("div", { className: "crewlet-app-shell__rail-status", children: status }) : null
+    ] }) : null,
     /* @__PURE__ */ jsxs("div", { className: "crewlet-app-shell__rail-body", children: [
       search ? /* @__PURE__ */ jsx("div", { className: "crewlet-app-shell__rail-search", children: search }) : null,
       children
@@ -241,6 +244,25 @@ function AppShellRail({ header, search, footer, className, children }) {
     footer ? /* @__PURE__ */ jsx("div", { className: "crewlet-app-shell__rail-foot", children: footer }) : null
   ] });
 }
+function countWords(count) {
+  return `, ${String(count.value)} ${count.label}`;
+}
+function RailCountFigure({ count }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cx(
+        "crewlet-app-shell__rail-row-count",
+        count.tone === "warning" && "crewlet-app-shell__rail-row-count--warning"
+      ),
+      "aria-hidden": true,
+      children: [
+        count.mark ? /* @__PURE__ */ jsx("span", { className: "crewlet-app-shell__rail-row-count-mark", children: count.mark }) : null,
+        count.value
+      ]
+    }
+  );
+}
 function opensSomething(haspopup) {
   return haspopup !== void 0 && haspopup !== false && haspopup !== "false";
 }
@@ -265,7 +287,7 @@ var AppShellRailRow = forwardRef(function AppShellRailRow2({
       /* @__PURE__ */ jsxs("span", { className: "crewlet-app-shell__rail-row-text", children: [
         /* @__PURE__ */ jsxs("span", { className: "crewlet-app-shell__rail-row-label", children: [
           children,
-          count ? /* @__PURE__ */ jsx(VisuallyHidden, { children: `, ${String(count.value)} ${count.label}` }) : null
+          count ? /* @__PURE__ */ jsx(VisuallyHidden, { children: countWords(count) }) : null
         ] }),
         block ? /* @__PURE__ */ jsxs(Fragment, { children: [
           " ",
@@ -274,20 +296,7 @@ var AppShellRailRow = forwardRef(function AppShellRailRow2({
       ] }),
       count ? /* @__PURE__ */ jsxs(Fragment, { children: [
         " ",
-        /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: cx(
-              "crewlet-app-shell__rail-row-count",
-              count.tone === "warning" && "crewlet-app-shell__rail-row-count--warning"
-            ),
-            "aria-hidden": true,
-            children: [
-              count.mark ? /* @__PURE__ */ jsx("span", { className: "crewlet-app-shell__rail-row-count-mark", children: count.mark }) : null,
-              count.value
-            ]
-          }
-        )
+        /* @__PURE__ */ jsx(RailCountFigure, { count })
       ] }) : null,
       trailing ? /* @__PURE__ */ jsxs(Fragment, { children: [
         " ",
@@ -315,6 +324,47 @@ var AppShellRailRow = forwardRef(function AppShellRailRow2({
     }
   );
 });
+var AppShellRailStatus = forwardRef(function AppShellRailStatus2({
+  icon,
+  children,
+  count,
+  trailing,
+  onClick,
+  label,
+  className,
+  "aria-expanded": expanded,
+  "aria-haspopup": haspopup,
+  "aria-controls": controls
+}, ref) {
+  const name = label ?? `${children}${count ? countWords(count) : ""}`;
+  const marks = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "crewlet-app-shell__rail-status-icon", "aria-hidden": true, children: icon }),
+    count ? /* @__PURE__ */ jsx(RailCountFigure, { count }) : null,
+    trailing ? /* @__PURE__ */ jsx("span", { className: "crewlet-app-shell__rail-status-trailing", "aria-hidden": true, children: trailing }) : null
+  ] });
+  const shape = cx("crewlet-app-shell__rail-status-mark", className);
+  if (onClick === void 0) {
+    return /* @__PURE__ */ jsxs("span", { ref, className: shape, title: name, children: [
+      marks,
+      /* @__PURE__ */ jsx(VisuallyHidden, { children: name })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cx(shape, "crewlet-app-shell__rail-status-mark--action", HIT_AREA_CLASS),
+      "aria-label": name,
+      title: name,
+      "aria-expanded": expanded,
+      "aria-haspopup": haspopup,
+      "aria-controls": controls,
+      onClick,
+      children: marks
+    }
+  );
+});
 function AppShellToggle({ className }) {
   const { drawerOpen, toggleDrawer, railId, toggleLabel, hasRail } = useAppShell();
   if (!hasRail) return null;
@@ -341,8 +391,9 @@ function AppShellTopbar({ title, titleId, actions, className, children, ...rest
 }
 AppShell.Rail = AppShellRail;
 AppShell.RailRow = AppShellRailRow;
+AppShell.RailStatus = AppShellRailStatus;
 AppShell.Topbar = AppShellTopbar;
 AppShell.Toggle = AppShellToggle;
 AppShell.AccountRow = AccountRow;
 
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell };
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell };

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

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

package/dist/{chunk-6DRDCT22.js → chunk-YZR57QGE.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './SearchTrigger-KIZLWBEH.css';
+import './SearchTrigger-UAKWW5HT.css';
 import { forwardRef } from 'react';
 import { SearchGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/generated/index.js

@@ -1,19 +1,19 @@
 import '../chunk-S3QTFUJX.js';
 export { WidgetFrame } from '../chunk-DFK5EQTU.js';
-export { Prose } from '../chunk-JCSA3XVH.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from '../chunk-FEJANUZK.js';
+export { Prose } from '../chunk-JCSA3XVH.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 { ThemeToggle } from '../chunk-NP2C4Y4E.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-KWWP3D7M.js';
+export { ThemeToggle } from '../chunk-NP2C4Y4E.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';
-export { Switcher } from '../chunk-JKAGN4V4.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-HQAGGQWJ.js';
+export { Switcher } from '../chunk-UVBHK6IU.js';
 export { Table } from '../chunk-V2N3BMOT.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-4BJK7FE5.js';
 export { TagsInput } from '../chunk-BH52LIY6.js';
@@ -23,12 +23,12 @@ export { StatCard } from '../chunk-YPTTSJPM.js';
 export { StatGroup } from '../chunk-OUD75UB2.js';
 export { Stepper } from '../chunk-5QWIJSQM.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-DKNBGL26.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-3PR65I3H.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 { SearchTrigger } from '../chunk-6DRDCT22.js';
+export { SearchTrigger } from '../chunk-YZR57QGE.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from '../chunk-INVSUFJK.js';
 export { NavGroup, NavItem, SidebarNav } from '../chunk-E7QLG3PG.js';
 export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
@@ -39,15 +39,15 @@ export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } fro
 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 { 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 { PresenceStack } from '../chunk-3LYWD3BO.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';
@@ -65,22 +65,22 @@ export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTo
 export { NewItemsNotice } from '../chunk-PXU6HOZB.js';
 export { OrgLabel } from '../chunk-ONQKKHON.js';
 export { FactLine, ObjectHeader, SetByLine } from '../chunk-ODOJJGXH.js';
-export { List, ListItem } from '../chunk-NZWX27J7.js';
+export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-XYCADWZN.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 { LAYERS_LIST_LABELS, LayersList } from '../chunk-M6NQ4XGK.js';
+export { List, ListItem } from '../chunk-NZWX27J7.js';
 export { ListInput } from '../chunk-WYYCPV46.js';
-import '../chunk-MICRGE3J.js';
+export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
 import '../chunk-FFMCMSJB.js';
 export { IconTile } from '../chunk-IXJHTFXG.js';
 export { ImageUpload } from '../chunk-FWYHRU7M.js';
-export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-XYCADWZN.js';
 export { FactList } from '../chunk-RLJXVFEH.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-THDGBD6Y.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-UYZZV4DZ.js';
@@ -89,30 +89,29 @@ export { FollowBanner } from '../chunk-OED6LUWE.js';
 export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRAME_ORIGIN_MODES, FRAME_SANDBOX_TOKENS, applyFrameTheme, checkFrameSandbox, externalUrl, frameFragment, frameOriginMatches, frameThemeMessage, httpOrigin, isFocusExit, isFrameNonce, negotiateBridge, parseFrameFragment, portTargetOrigin, readFrameHello, readFramePortMessage, readFrameTheme, readOpenLink } from '../chunk-F6V2PTN6.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
 export { IDLE_AFTER_MS, useFullscreen, useIdle } from '../chunk-W5XCNEZC.js';
-export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
+import '../chunk-MICRGE3J.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 { 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 { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-HQJ24WPM.js';
+export { Tag } from '../chunk-KYIAFNU7.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 { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-SYBYFQTY.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-H6CEFQTR.js';
+export { PageHeader } from '../chunk-HOXGBLEY.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-RFFXB3PR.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';
 export { CopyButton, Copyable } from '../chunk-W46LPU4R.js';
@@ -125,21 +124,21 @@ export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, use
 export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-MMPKN7WV.js';
 export { ConfirmField, confirmMatches } from '../chunk-PEUGPAKH.js';
 export { InlineCode } from '../chunk-5CLW2CXT.js';
-export { CanvasSchematic } from '../chunk-NBWNLYWZ.js';
 export { CatalogTile } from '../chunk-PCT47E7O.js';
 export { ChangeMark } from '../chunk-66X5WDKE.js';
 export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_BOUNDS, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_FIT_SAMPLES, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, fitSamples, fittedWidth, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, retypeColumn, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from '../chunk-LFSIKGRQ.js';
 export { PRESENCE_ACTIVITIES, PRESENCE_HUES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from '../chunk-Z7JYG5TF.js';
-import '../chunk-3L5NHASN.js';
+export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from '../chunk-HMVQQEHW.js';
+import '../chunk-3L5NHASN.js';
+export { ChoiceButtons } from '../chunk-BWOIUOO3.js';
+export { Breadcrumb } from '../chunk-VWNC2L6W.js';
+export { KeyChip } from '../chunk-FYTIJM2T.js';
 export { AvatarPicker } from '../chunk-A44YHLCQ.js';
 export { HuePicker, HueSwatch } from '../chunk-BA32AVKS.js';
 export { Popover } from '../chunk-KHJIEPZV.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
 export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-SNQRGH4A.js';
-export { Breadcrumb } from '../chunk-VWNC2L6W.js';
-export { KeyChip } from '../chunk-FYTIJM2T.js';
-export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { Callout } from '../chunk-SZZRIHGT.js';
 export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-C7OKDYBH.js';
 export { Note } from '../chunk-5SZGKSGL.js';
@@ -147,17 +146,17 @@ export { CanvasToolbar, toolForKey } from '../chunk-B5UHX5UC.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-NR4CPM4T.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-DAERKOOG.js';
 import '../chunk-LM3ISVJA.js';
+export { CanvasSchematic } from '../chunk-NBWNLYWZ.js';
 export { ArtifactMakeRow } from '../chunk-R2IBCEU6.js';
 export { ArtifactNameCell } from '../chunk-P5VGSVWG.js';
 export { AuthLayout } from '../chunk-S4DREXGM.js';
 export { BrandLockup } from '../chunk-7KBNFFM3.js';
-export { ArrangeFrame, useGridResize } from '../chunk-WMXAX6VA.js';
-export { ArrangeGrid } from '../chunk-QBA5B2Z5.js';
-export { ArrangeGroup } from '../chunk-M5KZX5JE.js';
 export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-ZMWXE4GT.js';
 export { Switch } from '../chunk-A722MUNR.js';
 export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from '../chunk-XJ2QEBMM.js';
 export { Checkbox, CheckboxGroup } from '../chunk-AXS6MBNH.js';
+export { ArrangeFrame, useGridResize } from '../chunk-WMXAX6VA.js';
+export { ArrangeGrid } from '../chunk-QBA5B2Z5.js';
 export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-2VOHUGUA.js';
 import '../chunk-OOC7Q67K.js';
 export { SegmentedControl } from '../chunk-4OK4DX3V.js';
@@ -165,7 +164,6 @@ export { TabPanel, Tabs, tabId } from '../chunk-X4IXXLWM.js';
 export { StatusDot } from '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 export { Tooltip } from '../chunk-I33UIUZD.js';
-export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from '../chunk-ILDNJHRU.js';
 export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-U2XAJONO.js';
 export { Skeleton } from '../chunk-TEUQWOWZ.js';
 export { PRINCIPAL_KINDS, PrincipalAvatar } from '../chunk-CI3VPIJN.js';
@@ -179,11 +177,12 @@ export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR
 export { ARTIFACT_ACCESSES, ARTIFACT_ACCESS_LABELS, ArtifactAccessGlyph, ArtifactAccessLabel } from '../chunk-BGLKLXL3.js';
 export { DashboardCover, DocCover, SHEET_COVER_COLUMNS, SHEET_COVER_ROWS, SheetCover } from '../chunk-FWBKMPNR.js';
 export { Document, DocumentTitle, DocumentTitleField } from '../chunk-PWG3VHRQ.js';
+export { ArrangeGroup } from '../chunk-M5KZX5JE.js';
+export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from '../chunk-ILDNJHRU.js';
 export { ARTIFACT_KINDS, ArtifactKindGlyph } from '../chunk-CE2THTQR.js';
 export { ACCESS_DENIED_REASONS, AccessDeniedCard } from '../chunk-KV3ODJXH.js';
 export { EmptyState } from '../chunk-RA2ULG6H.js';
 export { Accordion, AccordionItem } from '../chunk-ZNOXQACX.js';
-export { ADD_PILL_MS, AddPill } from '../chunk-TROLVEZY.js';
 export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-3TXY3PJZ.js';
 export { Timeline, TimelineItem } from '../chunk-AUQPBL4O.js';
 export { Section } from '../chunk-3TFDQLW3.js';
@@ -195,9 +194,9 @@ export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
 export { DisclosureAnatomy } from '../chunk-FZVJDJFN.js';
 export { Count } from '../chunk-BHHIIK3M.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
+export { ADD_PILL_MS, AddPill } from '../chunk-TROLVEZY.js';
 export { Announcer, announce, useAnnouncer } from '../chunk-RSAQOKH3.js';
-export { ArrangeBoard } from '../chunk-QO7QEQKV.js';
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-GR4YM7HT.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-NURXCBCW.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';
@@ -207,4 +206,5 @@ 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,19 +1,19 @@
 import './chunk-S3QTFUJX.js';
 export { WidgetFrame } from './chunk-DFK5EQTU.js';
-export { Prose } from './chunk-JCSA3XVH.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from './chunk-FEJANUZK.js';
+export { Prose } from './chunk-JCSA3XVH.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 { ThemeToggle } from './chunk-NP2C4Y4E.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-KWWP3D7M.js';
+export { ThemeToggle } from './chunk-NP2C4Y4E.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';
-export { Switcher } from './chunk-JKAGN4V4.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-HQAGGQWJ.js';
+export { Switcher } from './chunk-UVBHK6IU.js';
 export { Table } from './chunk-V2N3BMOT.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-4BJK7FE5.js';
 export { TagsInput } from './chunk-BH52LIY6.js';
@@ -23,12 +23,12 @@ export { StatCard } from './chunk-YPTTSJPM.js';
 export { StatGroup } from './chunk-OUD75UB2.js';
 export { Stepper } from './chunk-5QWIJSQM.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-DKNBGL26.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-3PR65I3H.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 { SearchTrigger } from './chunk-6DRDCT22.js';
+export { SearchTrigger } from './chunk-YZR57QGE.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from './chunk-INVSUFJK.js';
 export { NavGroup, NavItem, SidebarNav } from './chunk-E7QLG3PG.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
@@ -39,15 +39,15 @@ export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } fro
 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 { 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 { PresenceStack } from './chunk-3LYWD3BO.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';
@@ -65,22 +65,22 @@ export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTo
 export { NewItemsNotice } from './chunk-PXU6HOZB.js';
 export { OrgLabel } from './chunk-ONQKKHON.js';
 export { FactLine, ObjectHeader, SetByLine } from './chunk-ODOJJGXH.js';
-export { List, ListItem } from './chunk-NZWX27J7.js';
+export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from './chunk-XYCADWZN.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 { LAYERS_LIST_LABELS, LayersList } from './chunk-M6NQ4XGK.js';
+export { List, ListItem } from './chunk-NZWX27J7.js';
 export { ListInput } from './chunk-WYYCPV46.js';
-import './chunk-MICRGE3J.js';
+export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
 import './chunk-FFMCMSJB.js';
 export { IconTile } from './chunk-IXJHTFXG.js';
 export { ImageUpload } from './chunk-FWYHRU7M.js';
-export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from './chunk-XYCADWZN.js';
 export { FactList } from './chunk-RLJXVFEH.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from './chunk-THDGBD6Y.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-UYZZV4DZ.js';
@@ -89,30 +89,29 @@ export { FollowBanner } from './chunk-OED6LUWE.js';
 export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRAME_ORIGIN_MODES, FRAME_SANDBOX_TOKENS, applyFrameTheme, checkFrameSandbox, externalUrl, frameFragment, frameOriginMatches, frameThemeMessage, httpOrigin, isFocusExit, isFrameNonce, negotiateBridge, parseFrameFragment, portTargetOrigin, readFrameHello, readFramePortMessage, readFrameTheme, readOpenLink } from './chunk-F6V2PTN6.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from './chunk-ZXXDZJQN.js';
 export { IDLE_AFTER_MS, useFullscreen, useIdle } from './chunk-W5XCNEZC.js';
-export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
+import './chunk-MICRGE3J.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 { 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 { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-HQJ24WPM.js';
+export { Tag } from './chunk-KYIAFNU7.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 { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-SYBYFQTY.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-H6CEFQTR.js';
+export { PageHeader } from './chunk-HOXGBLEY.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-RFFXB3PR.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';
 export { CopyButton, Copyable } from './chunk-W46LPU4R.js';
@@ -125,21 +124,21 @@ export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, use
 export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-MMPKN7WV.js';
 export { ConfirmField, confirmMatches } from './chunk-PEUGPAKH.js';
 export { InlineCode } from './chunk-5CLW2CXT.js';
-export { CanvasSchematic } from './chunk-NBWNLYWZ.js';
 export { CatalogTile } from './chunk-PCT47E7O.js';
 export { ChangeMark } from './chunk-66X5WDKE.js';
 export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_BOUNDS, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_FIT_SAMPLES, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, fitSamples, fittedWidth, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, retypeColumn, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from './chunk-LFSIKGRQ.js';
 export { PRESENCE_ACTIVITIES, PRESENCE_HUES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from './chunk-Z7JYG5TF.js';
-import './chunk-3L5NHASN.js';
+export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-GXQ3B46I.js';
 export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from './chunk-HMVQQEHW.js';
+import './chunk-3L5NHASN.js';
+export { ChoiceButtons } from './chunk-BWOIUOO3.js';
+export { Breadcrumb } from './chunk-VWNC2L6W.js';
+export { KeyChip } from './chunk-FYTIJM2T.js';
 export { AvatarPicker } from './chunk-A44YHLCQ.js';
 export { HuePicker, HueSwatch } from './chunk-BA32AVKS.js';
 export { Popover } from './chunk-KHJIEPZV.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from './chunk-AYKXMIOR.js';
 export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from './chunk-SNQRGH4A.js';
-export { Breadcrumb } from './chunk-VWNC2L6W.js';
-export { KeyChip } from './chunk-FYTIJM2T.js';
-export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-GXQ3B46I.js';
 export { Callout } from './chunk-SZZRIHGT.js';
 export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from './chunk-C7OKDYBH.js';
 export { Note } from './chunk-5SZGKSGL.js';
@@ -147,17 +146,17 @@ export { CanvasToolbar, toolForKey } from './chunk-B5UHX5UC.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-NR4CPM4T.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from './chunk-DAERKOOG.js';
 import './chunk-LM3ISVJA.js';
+export { CanvasSchematic } from './chunk-NBWNLYWZ.js';
 export { ArtifactMakeRow } from './chunk-R2IBCEU6.js';
 export { ArtifactNameCell } from './chunk-P5VGSVWG.js';
 export { AuthLayout } from './chunk-S4DREXGM.js';
 export { BrandLockup } from './chunk-7KBNFFM3.js';
-export { ArrangeFrame, useGridResize } from './chunk-WMXAX6VA.js';
-export { ArrangeGrid } from './chunk-QBA5B2Z5.js';
-export { ArrangeGroup } from './chunk-M5KZX5JE.js';
 export { ArrangeList, DEFAULT_ARRANGE_LABELS } from './chunk-ZMWXE4GT.js';
 export { Switch } from './chunk-A722MUNR.js';
 export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from './chunk-XJ2QEBMM.js';
 export { Checkbox, CheckboxGroup } from './chunk-AXS6MBNH.js';
+export { ArrangeFrame, useGridResize } from './chunk-WMXAX6VA.js';
+export { ArrangeGrid } from './chunk-QBA5B2Z5.js';
 export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from './chunk-2VOHUGUA.js';
 import './chunk-OOC7Q67K.js';
 export { SegmentedControl } from './chunk-4OK4DX3V.js';
@@ -165,7 +164,6 @@ export { TabPanel, Tabs, tabId } from './chunk-X4IXXLWM.js';
 export { StatusDot } from './chunk-WIATRXEJ.js';
 import './chunk-EGMQURBR.js';
 export { Tooltip } from './chunk-I33UIUZD.js';
-export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from './chunk-ILDNJHRU.js';
 export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from './chunk-U2XAJONO.js';
 export { Skeleton } from './chunk-TEUQWOWZ.js';
 export { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-CI3VPIJN.js';
@@ -179,11 +177,12 @@ export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR
 export { ARTIFACT_ACCESSES, ARTIFACT_ACCESS_LABELS, ArtifactAccessGlyph, ArtifactAccessLabel } from './chunk-BGLKLXL3.js';
 export { DashboardCover, DocCover, SHEET_COVER_COLUMNS, SHEET_COVER_ROWS, SheetCover } from './chunk-FWBKMPNR.js';
 export { Document, DocumentTitle, DocumentTitleField } from './chunk-PWG3VHRQ.js';
+export { ArrangeGroup } from './chunk-M5KZX5JE.js';
+export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from './chunk-ILDNJHRU.js';
 export { ARTIFACT_KINDS, ArtifactKindGlyph } from './chunk-CE2THTQR.js';
 export { ACCESS_DENIED_REASONS, AccessDeniedCard } from './chunk-KV3ODJXH.js';
 export { EmptyState } from './chunk-RA2ULG6H.js';
 export { Accordion, AccordionItem } from './chunk-ZNOXQACX.js';
-export { ADD_PILL_MS, AddPill } from './chunk-TROLVEZY.js';
 export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from './chunk-3TXY3PJZ.js';
 export { Timeline, TimelineItem } from './chunk-AUQPBL4O.js';
 export { Section } from './chunk-3TFDQLW3.js';
@@ -195,9 +194,9 @@ export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
 export { DisclosureAnatomy } from './chunk-FZVJDJFN.js';
 export { Count } from './chunk-BHHIIK3M.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
+export { ADD_PILL_MS, AddPill } from './chunk-TROLVEZY.js';
 export { Announcer, announce, useAnnouncer } from './chunk-RSAQOKH3.js';
-export { ArrangeBoard } from './chunk-QO7QEQKV.js';
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from './chunk-GR4YM7HT.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from './chunk-NURXCBCW.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';
@@ -207,4 +206,5 @@ 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-VE2MAV42.css */
+/* AppShell-3R4ZU4ND.css */
 /*
  * The application frame: a rail on the FRAME, and the screen on a SHEET that
  * floats beside it.
@@ -861,18 +861,83 @@
 }
 
 /*
- * THE RAIL'S FIELD ON THE NAV'S COLUMNS. It stands on the nav's gutter, so
- * its right edge is where every row's background ends; and its glyph stands
- * on the nav's glyph column: a row's glyph is the gutter and the row's pad
- * in, the field's is the gutter, its own 1px edge and its pad
- * (`SearchTrigger`'s two steps and a half), so the inset at its start makes
- * up the difference from those measures.
+ * THE HEAD'S STATUS, at the end of the name's line (`AppShell.RailStatus`):
+ * the application's state as a dot and a count, its words in its name and
+ * title. It ends on the nav's gutter, where every row's background ends, and
+ * it reserves the width of a dot and a two-figure count, so the name beside
+ * it truncates at one place whether the engine is healthy or has alarms.
+ */
+.crewlet-app-shell__rail-status {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: flex-end;
+  min-width: calc(var(--size-target-min) * 2 + var(--spacing-1));
+  margin-inline-end: var(--size-nav-gutter);
+}
+
+/* A lockup beside a status gives up its end inset: the head's gap parts the
+   two, and the inset is what kept a lockup alone on its line off the edge. */
+.crewlet-app-shell__rail-head:has(> .crewlet-app-shell__rail-status) > .crewlet-brand {
+  padding-inline-end: 0;
+}
+
+/* The dot and the count on one compact target: the 24px floor each way. */
+.crewlet-app-shell__rail-status-mark {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: calc(var(--spacing-1) + var(--spacing-1) / 2);
+  min-width: var(--size-target-min);
+  min-height: var(--size-target-min);
+  margin: 0;
+  padding: 0 var(--spacing-1);
+  border: 0;
+  border-radius: var(--radius-md);
+  background: transparent;
+  color: var(--color-text-secondary);
+  font: inherit;
+}
+
+.crewlet-app-shell__rail-status-icon,
+.crewlet-app-shell__rail-status-trailing {
+  display: inline-flex;
+  align-items: center;
+}
+
+.crewlet-app-shell__rail-status-mark--action {
+  cursor: pointer;
+  transition: background var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+/* Open is pointed at, as the foot's row draws it: the lift stays while the panel is open. */
+.crewlet-app-shell__rail-status-mark--action:hover,
+.crewlet-app-shell__rail-status-mark--action[aria-expanded='true'] {
+  background: var(--color-surface-hover);
+}
+
+/* Inside its own box, so the ring is never cut by the head or the drawer's edge. */
+.crewlet-app-shell__rail-status-mark--action:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+/*
+ * THE RAIL'S FIELD ON THE NAV'S CONTENT COLUMNS, compact. Its glyph stands on
+ * the nav's glyph column and its shortcut ends where a row's words can end:
+ * a row's content is the gutter and the row's pad in from each edge, the
+ * field's is the slot's inset, its own 1px edge and its pad
+ * (`--crewlet-rail-field-pad`, which the rail variant of `SearchTrigger`
+ * takes), so the inset at each end makes up the difference. Standing on the
+ * rows' content rather than on their backgrounds' edges, the field is
+ * narrower than a row, a field in the rail rather than a bar across it.
+ *
+ * And it is held off the nav by the nav's own top inset alone, one step, so
+ * the field and the rows read as one group with the field first.
  */
 .crewlet-app-shell__rail-search {
-  padding: 0 var(--size-nav-gutter) var(--spacing-3);
-  padding-inline-start: calc(
-    var(--size-nav-gutter) + var(--size-nav-row-pad) - (var(--spacing-2) + var(--spacing-1) / 2) - 1px
-  );
+  --crewlet-rail-field-pad: calc(var(--spacing-1) + var(--spacing-1) / 2);
+  padding: 0 calc(var(--size-nav-gutter) + var(--size-nav-row-pad) - var(--crewlet-rail-field-pad) - 1px);
 }
 
 /* The same gutter the nav takes, so what the foot says lines up with the rows
@@ -1405,7 +1470,8 @@
   .crewlet-app-shell__rail,
   .crewlet-app-shell__rail[data-open='true'],
   .crewlet-app-shell__rail-row--action,
-  .crewlet-app-shell__rail-foot > .crewlet-btn {
+  .crewlet-app-shell__rail-foot > .crewlet-btn,
+  .crewlet-app-shell__rail-status-mark--action {
     transition: none;
   }
 }
@@ -22865,7 +22931,7 @@ button.crewlet-presence-stack__member:focus-visible {
 }
 
 
-/* SearchTrigger-KIZLWBEH.css */
+/* SearchTrigger-UAKWW5HT.css */
 /*
  * A button drawn as the field it stands in for.
  *
@@ -22895,16 +22961,18 @@ button.crewlet-presence-stack__member:focus-visible {
 }
 
 /*
- * THE RAIL'S FIELD: the full width of the sidebar, on the SHEET's ground, and
- * a step taller than a control. It is the rail's one field and the first
- * thing in it under the company's name, and the design stands it at 34px,
- * the medium control and one scale step, so it reads as the way in rather
- * than as one more button.
+ * THE RAIL'S FIELD: the width of the slot it stands in, on the SHEET's
+ * ground, on the rail's compact step (the small control, 26px, never under
+ * the 24px target), with a tighter pad at each end. The rail's search slot
+ * names the pad (`--crewlet-rail-field-pad`), so its inset and the field's
+ * pad are one measure and the glyph lands on the nav's glyph column; outside
+ * that slot the field keeps the trigger's own pad.
  */
 .crewlet-search-trigger--rail {
   display: flex;
   width: 100%;
-  height: calc(var(--size-control-md) + var(--spacing-1));
+  height: var(--size-control-sm);
+  padding-inline: var(--crewlet-rail-field-pad, calc(var(--spacing-2) + var(--spacing-1) / 2));
   background: var(--color-surface-background);
 }
 

package/package.json

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

package/dist/{Editor-QV4JP242.js → Editor-IRDQ3JDZ.js}

@@ -1,5 +1,5 @@
-import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
 import { richEditorLabels } from './chunk-CSQTDGTS.js';
+import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.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-DKNBGL26.js → chunk-3PR65I3H.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';

package/dist/{chunk-YPMGP2X4.js → chunk-HQAGGQWJ.js}

@@ -1,6 +1,6 @@
 import { Select } from './chunk-XQZ6EWOE.js';
-import { Popover } from './chunk-KHJIEPZV.js';
 import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-GXQ3B46I.js';
+import { Popover } from './chunk-KHJIEPZV.js';
 import { Input } from './chunk-TYONQSOK.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { Button } from './chunk-OG6CL3EB.js';

package/dist/{chunk-UB6MLXUL.js → chunk-RFFXB3PR.js}

@@ -1,5 +1,5 @@
-import { Popover } from './chunk-KHJIEPZV.js';
 import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-GXQ3B46I.js';
+import { Popover } from './chunk-KHJIEPZV.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';

package/dist/{chunk-JKAGN4V4.js → chunk-UVBHK6IU.js}

@@ -1,7 +1,7 @@
 import { Modal } from './chunk-IAGYPTEJ.js';
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-import { Popover } from './chunk-KHJIEPZV.js';
 import { KeyChip, highlightMatch } from './chunk-FYTIJM2T.js';
+import { Popover } from './chunk-KHJIEPZV.js';
 import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { Input } from './chunk-TYONQSOK.js';
 import { announce } from './chunk-RSAQOKH3.js';