@crewlethq/ui 0.20.0 → 0.21.0

package/README.md

@@ -203,6 +203,16 @@ 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.21.0
+
+**`AppShell.AccountRow` takes `menu`** (`AccountRowMenu`: `label`, `header`, `items`): pressing who you are opens the reader's own menu instead of linking anywhere, which is where a reader looks for their account and for signing out. The row becomes the menu button, ending in the up-and-down chevron a menu's trigger draws, keeps the account page's current-row lift (`data-current`), and the menu's header holds the facts the row does not already say, such as the reader's access. Given, `menu` takes the place of `href`.
+
+**`Menu` takes `header` and `renderTrigger`.** `header` is a line of facts above the items: never an item, so the arrows never stop on it, and the menu's description, so a screen reader hears it when the menu opens. `renderTrigger` makes the caller's own element the trigger, given the props it spreads (`MenuTriggerProps`), keeping every rule of the menu's button, focus coming back to it included.
+
+**`@crewlethq/icons` vendors `log-out` and `log-in`**, for signing out and in from that menu.
+
+What to change: nothing. Everything is new.
+
 ## Changes in 0.20.0
 
 0.20.0 adds the review surfaces the engine dashboard drew for itself: a line diff, two versions compared, a document's comment thread, the note a lost edit race leaves, the People rail beside a shared document, and the read-only cells its tables share. Each takes its data and its callbacks as props, so nothing in it fetches or knows a route.

package/dist/AppShell/AccountRow.d.ts

@@ -1,4 +1,14 @@
 import type { ReactNode } from 'react';
+import { type MenuEntry } from '../Menu/index.js';
+/** The menu the row opens (`AccountRowProps.menu`). */
+export interface AccountRowMenu {
+    /** The menu's name. Defaults to "Your account". */
+    label?: string | undefined;
+    /** Facts above the items that the row does not already say: the reader's access. */
+    header?: ReactNode;
+    /** The reader's own actions: their account, signing out. */
+    items: readonly MenuEntry[];
+}
 export interface AccountRowProps {
     /** The reader's badge, drawn decorative: the name beside it says who it is. */
     avatar: ReactNode;
@@ -6,8 +16,14 @@ export interface AccountRowProps {
     name: ReactNode;
     /** The line under the name: a login, a seat. Left out where it would repeat the name. */
     detail?: ReactNode;
-    /** The reader's account page. Without it the row states who is signed in and goes nowhere. */
+    /** The reader's account page. Without it (or `menu`) the row states who is signed in and goes nowhere. */
     href?: string | undefined;
+    /**
+     * The reader's own menu, which the row OPENS rather than linking anywhere:
+     * their account among its items, and signing out. Given, it takes the place
+     * of `href`.
+     */
+    menu?: AccountRowMenu | undefined;
     /** Whether the reader is on that page, which marks the row as the rail marks its current row. */
     current?: boolean | undefined;
     /** What the link opens, as its tooltip. */
@@ -36,5 +52,11 @@ export interface AccountRowProps {
  *
  * The controls are siblings of the link, never inside it, so each keeps its
  * own name and the link's name stays the reader's.
+ *
+ * OR THE ROW OPENS THE READER'S MENU (`menu`): pressing who you are is where a
+ * reader looks for their account and for signing out, so the row is the menu
+ * button, ending in the up-and-down chevron a menu's trigger draws, and the
+ * account is one item of it. The menu says only what the row does not, in its
+ * header (their access), above the actions.
  */
-export declare function AccountRow({ avatar, name, detail, href, current, title, linkSuffix, actions, className, }: AccountRowProps): import("react").JSX.Element;
+export declare function AccountRow({ avatar, name, detail, href, menu, current, title, linkSuffix, actions, className, }: AccountRowProps): import("react").JSX.Element;

package/dist/AppShell/index.d.ts

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

package/dist/AppShell/index.js

@@ -1,5 +1,7 @@
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-EDGCPVVD.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-G5TAKMEA.js';
 import '../chunk-IG75YMUN.js';
+import '../chunk-4MIM356A.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/{AppShell-RUNVM4WH.css → AppShell-APHZKJYH.css}

@@ -651,18 +651,40 @@
   transition: background var(--motion-duration-fast) var(--motion-easing-default);
 }
 
-a.crewlet-account-row__who:hover {
+/* The row as the reader's menu button: a button drawn as the link is. */
+button.crewlet-account-row__who {
+  width: 100%;
+  margin: 0;
+  border: 0;
+  background: none;
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+}
+
+/* A row that opens a menu fills the row as the link does. */
+.crewlet-account-row > .crewlet-menu-anchor {
+  display: flex;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+a.crewlet-account-row__who:hover,
+button.crewlet-account-row__who:hover,
+button.crewlet-account-row__who[aria-expanded='true'] {
   background: var(--color-surface-hover);
 }
 
 /* After :hover, so the current row shows the lift rather than the overlay. */
-a.crewlet-account-row__who[aria-current='page'] {
+a.crewlet-account-row__who[aria-current='page'],
+button.crewlet-account-row__who[data-current] {
   background: var(--color-surface-elevated);
   outline: 1px solid var(--color-border-default);
   outline-offset: -1px;
 }
 
-a.crewlet-account-row__who:focus-visible {
+a.crewlet-account-row__who:focus-visible,
+button.crewlet-account-row__who:focus-visible {
   outline: 2px solid var(--color-focus);
   outline-offset: var(--size-focus-ring-inset-offset);
 }

package/dist/CommandPalette/index.js

@@ -1,11 +1,11 @@
-export { CommandPalette } from '../chunk-UXELEORU.js';
-import '../chunk-7IJARUIF.js';
+export { CommandPalette } from '../chunk-4HRB62EA.js';
+import '../chunk-F4DPAJCN.js';
 import '../chunk-F73MC7EZ.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/CommentThread/index.js

@@ -1,8 +1,7 @@
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-EZBLOUWX.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-IC64IWOO.js';
 import '../chunk-WI6K5M5X.js';
 import '../chunk-VJLYGPPE.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-Q55TXPA3.js';
 import '../chunk-4KP4RC3O.js';
 import '../chunk-3CZ7XAVY.js';
@@ -11,6 +10,7 @@ import '../chunk-UAN5NE7M.js';
 import '../chunk-5OM447RW.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataTable/index.js

@@ -1,14 +1,14 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-AJESMWJS.js';
-import '../chunk-JULMZNGT.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-LG244LY7.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-7IJARUIF.js';
-import '../chunk-OG6CL3EB.js';
+import '../chunk-F4DPAJCN.js';
 import '../chunk-I6NZKJGK.js';
 import '../chunk-Q55TXPA3.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-4MIM356A.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/DataView/index.js

@@ -1,16 +1,14 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-OIMAK5AE.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-AV6YX4GZ.js';
 import '../chunk-HOXGBLEY.js';
 import '../chunk-PGRPNDWM.js';
-import '../chunk-AJESMWJS.js';
-import '../chunk-JULMZNGT.js';
-import '../chunk-L4H7SSWF.js';
+import '../chunk-RE6ED5TO.js';
+import '../chunk-LG244LY7.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-7IJARUIF.js';
+import '../chunk-F4DPAJCN.js';
 import '../chunk-F73MC7EZ.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-GXQ3B46I.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-I6NZKJGK.js';
 import '../chunk-Q55TXPA3.js';
 import '../chunk-3CZ7XAVY.js';
@@ -19,6 +17,8 @@ import '../chunk-BWRGFKJP.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-4MIM356A.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/DateTimePicker/index.js

@@ -1,7 +1,7 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-L4H7SSWF.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-RE6ED5TO.js';
 import '../chunk-GXQ3B46I.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-BWRGFKJP.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/LinkInterstitial/index.js

@@ -1,9 +1,9 @@
-export { LinkInterstitial, openExternal } from '../chunk-A4VMJMXJ.js';
+export { LinkInterstitial, openExternal } from '../chunk-ZM7HLFOA.js';
 import '../chunk-5CLW2CXT.js';
-import '../chunk-7IJARUIF.js';
+import '../chunk-F4DPAJCN.js';
 import '../chunk-SVSCLHHI.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/Menu/Menu.d.ts

@@ -53,10 +53,19 @@
  * - IT CAN BE OPENED FROM OUTSIDE (`open`, `onOpenChange`), because a tree item
  *   that holds focus opens its card's menu from the keyboard while the trigger
  *   itself is out of the tab order (`triggerTabIndex={-1}`).
+ * - ITS TRIGGER CAN BE THE CALLER'S OWN (`renderTrigger`): a row that IS the
+ *   way in, such as the signed-in reader at the foot of the rail, opens the
+ *   menu itself rather than sitting beside a second button that does. The
+ *   caller spreads the props it is handed on its element, which keeps every
+ *   rule above, the focus coming back included.
+ * - A HEADER SAYS WHAT THE ACTIONS ARE ABOUT (`header`): a line of facts
+ *   above the items, such as the access a signed-in reader carries. It is
+ *   not an item, so the arrows never stop on it, and the menu is described by
+ *   it, so a screen reader hears it when the menu opens.
  *
  * Ported from the engine dashboard's `ui/Menu.tsx`, with its suite.
  */
-import { type ReactNode } from 'react';
+import { type KeyboardEvent, type ReactNode } from 'react';
 import { type ButtonVariant } from '../Button/index.js';
 export interface MenuItem {
     kind?: 'item';
@@ -97,6 +106,16 @@ type Run = {
 };
 /** Gathers each run of consecutive answers (items given `checked`) into one group. */
 export declare function runs(entries: readonly MenuEntry[]): Run[];
+/** What a caller's own trigger spreads on its element (`renderTrigger`). */
+export interface MenuTriggerProps {
+    ref: (el: HTMLElement | null) => void;
+    'aria-haspopup': 'menu';
+    'aria-expanded': boolean;
+    'aria-controls': string | undefined;
+    tabIndex: number | undefined;
+    onClick: () => void;
+    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+}
 export interface MenuProps {
     /** The trigger's accessible name, such as "Actions for Software Engineer". */
     label: string;
@@ -112,7 +131,14 @@ export interface MenuProps {
     onOpenChange?: ((open: boolean) => void) | undefined;
     /** Which edge of the trigger the menu lines up with. */
     align?: 'start' | 'end' | undefined;
+    /**
+     * The caller's own trigger, in place of the menu's button: an element given
+     * these props. `label` still names the menu; the trigger names itself.
+     */
+    renderTrigger?: ((props: MenuTriggerProps) => ReactNode) | undefined;
+    /** Facts above the items: what the actions are about. Never an item. */
+    header?: ReactNode;
     className?: string | undefined;
 }
-export declare function Menu({ label, items, icon, trigger, triggerVariant, triggerTabIndex, open: controlled, onOpenChange, align, className, }: MenuProps): import("react").JSX.Element;
+export declare function Menu({ label, items, icon, trigger, triggerVariant, triggerTabIndex, open: controlled, onOpenChange, align, renderTrigger, header, className, }: MenuProps): import("react").JSX.Element;
 export {};

package/dist/Menu/index.d.ts

@@ -1,3 +1,3 @@
 import './Menu.css';
 export { Menu } from './Menu.js';
-export type { MenuEntry, MenuItem, MenuProps, MenuSeparator } from './Menu.js';
+export type { MenuEntry, MenuItem, MenuProps, MenuSeparator, MenuTriggerProps } from './Menu.js';

package/dist/Menu/index.js

@@ -1,4 +1,4 @@
-export { Menu } from '../chunk-JULMZNGT.js';
+export { Menu } from '../chunk-4MIM356A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';

package/dist/{Menu-BT5PMFJI.css → Menu-XIJ4LQUT.css}

@@ -219,6 +219,21 @@
   font-size: var(--font-size-xs);
 }
 
+/*
+ * Facts above the items, across the panel's full width with a hairline under
+ * them: what the actions below are about, read rather than pressed.
+ */
+.crewlet-menu__header {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: calc(var(--spacing-1) * -1) calc(var(--spacing-1) * -1) var(--spacing-1);
+  padding: var(--spacing-2) var(--spacing-3);
+  border-bottom: 1px solid var(--color-border-default);
+  font-size: var(--font-size-xs);
+  color: var(--color-text-secondary);
+}
+
 .crewlet-menu__separator {
   height: 1px;
   margin: var(--spacing-1) 0;

package/dist/Modal/index.js

@@ -1,6 +1,6 @@
-export { ConfirmModal, Modal } from '../chunk-7IJARUIF.js';
-import '../chunk-OG6CL3EB.js';
+export { ConfirmModal, Modal } from '../chunk-F4DPAJCN.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/PeopleRail/index.js

@@ -1,11 +1,11 @@
-export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-N4GFRW5C.js';
+export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-J4OKGJQ6.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-S35G6PNC.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-UAN5NE7M.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-5OM447RW.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ShareDialog/index.js

@@ -1,17 +1,17 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-HTCJSUIZ.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-XMGB3ZAT.js';
 import '../chunk-FC4YTTFJ.js';
 import '../chunk-W46LPU4R.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-7IJARUIF.js';
+import '../chunk-F4DPAJCN.js';
 import '../chunk-F73MC7EZ.js';
 import '../chunk-SVSCLHHI.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-4KP4RC3O.js';
 import '../chunk-UAN5NE7M.js';
 import '../chunk-5OM447RW.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-IG75YMUN.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/SheetGrid/index.js

@@ -1,4 +1,4 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-J2G4HGQM.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-36CWC2NH.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-GFV4LJHH.js';
 import '../chunk-WIATRXEJ.js';
@@ -8,10 +8,10 @@ import '../chunk-PPAQFGS2.js';
 import '../chunk-YYZRLLLY.js';
 import '../chunk-S35G6PNC.js';
 import '../chunk-QWOPX2MN.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-UAN5NE7M.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-5OM447RW.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-BZFWDIV6.js';

package/dist/Switcher/index.js

@@ -1,13 +1,13 @@
-export { Switcher } from '../chunk-7FQEUNHX.js';
+export { Switcher } from '../chunk-7X5WOECO.js';
 import '../chunk-W5J7R5EB.js';
-import '../chunk-7IJARUIF.js';
+import '../chunk-F4DPAJCN.js';
 import '../chunk-F73MC7EZ.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-Q55TXPA3.js';
 import '../chunk-BWRGFKJP.js';
 import '../chunk-FYTIJM2T.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-IG75YMUN.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-RSAQOKH3.js';

package/dist/TimeWindowPicker/index.js

@@ -1,11 +1,11 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-EIGEIT4O.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-NUZC6PJX.js';
 import '../chunk-FC4YTTFJ.js';
 import '../chunk-F73MC7EZ.js';
 import '../chunk-GXQ3B46I.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-Q55TXPA3.js';
 import '../chunk-BWRGFKJP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/VersionTimeline/index.js

@@ -1,10 +1,10 @@
-export { VersionTimeline } from '../chunk-WXAULPBH.js';
+export { VersionTimeline } from '../chunk-UNZ7TVV5.js';
 import '../chunk-AUQPBL4O.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-4KP4RC3O.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-UAN5NE7M.js';
 import '../chunk-5OM447RW.js';
+import '../chunk-OG6CL3EB.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{chunk-UXELEORU.js → chunk-4HRB62EA.js}

@@ -1,4 +1,4 @@
-import { Modal } from './chunk-7IJARUIF.js';
+import { Modal } from './chunk-F4DPAJCN.js';
 import { useListbox, useHighlightRest } from './chunk-F73MC7EZ.js';
 import { Kbd } from './chunk-SMBKXWML.js';
 import { Input } from './chunk-Q55TXPA3.js';

package/dist/{chunk-JULMZNGT.js → chunk-4MIM356A.js}

@@ -3,11 +3,11 @@ import { useLayerContainer, viewportBounds, LAYER_GAP, outsideBounds, placePopup
 import { usePopupLayer } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Menu-BT5PMFJI.css';
+import './Menu-XIJ4LQUT.css';
 import { useId, useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { EllipsisVerticalGlyph, CheckGlyph } from '@crewlethq/icons/glyphs';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var ITEM_SELECTOR = "[role='menuitem'],[role='menuitemradio']";
 function runs(entries) {
@@ -34,10 +34,13 @@ function Menu({
   open: controlled,
   onOpenChange,
   align = "start",
+  renderTrigger,
+  header,
   className
 }) {
   const id = useId();
   const menuId = `${id}-menu`;
+  const headerId = `${id}-header`;
   const [uncontrolled, setUncontrolled] = useState(false);
   const open = controlled ?? uncontrolled;
   const triggerRef = useRef(null);
@@ -217,13 +220,14 @@ function Menu({
     },
     entry.key
   );
-  const list = open ? /* @__PURE__ */ jsx(
+  const list = open ? /* @__PURE__ */ jsxs(
     "div",
     {
       className: cx("crewlet-menu", container !== null && container !== document.body ? "crewlet-menu--in-host" : null, className),
       id: menuId,
       role: "menu",
       "aria-label": label,
+      "aria-describedby": header ? headerId : void 0,
       tabIndex: -1,
       ref: (el) => {
         menu.current = el;
@@ -233,9 +237,16 @@ function Menu({
       onKeyDown: onMenuKeyDown,
       onPointerDown: (event) => event.stopPropagation(),
       onClick: (event) => event.stopPropagation(),
-      children: runs(items).map(
-        (run) => run.kind === "separator" ? /* @__PURE__ */ jsx("div", { role: "separator", className: "crewlet-menu__separator" }, run.key) : run.kind === "answers" ? /* @__PURE__ */ jsx("div", { role: "group", className: "crewlet-menu__group", children: run.items.map(item) }, run.key) : item(run.item)
-      )
+      children: [
+        header ? (
+          // PRESENTATIONAL, so a menu holds only items to a screen reader, and
+          // the menu's description, so what it says is heard when it opens.
+          /* @__PURE__ */ jsx("div", { role: "presentation", id: headerId, className: "crewlet-menu__header", children: header })
+        ) : null,
+        runs(items).map(
+          (run) => run.kind === "separator" ? /* @__PURE__ */ jsx("div", { role: "separator", className: "crewlet-menu__separator" }, run.key) : run.kind === "answers" ? /* @__PURE__ */ jsx("div", { role: "group", className: "crewlet-menu__group", children: run.items.map(item) }, run.key) : item(run.item)
+        )
+      ]
     }
   ) : null;
   const shared = {
@@ -258,7 +269,7 @@ function Menu({
     onKeyDown: onTriggerKeyDown
   };
   return /* @__PURE__ */ jsxs("span", { className: "crewlet-menu-anchor", children: [
-    trigger === void 0 ? /* @__PURE__ */ jsx(IconButton, { ...shared, label, icon: icon ?? /* @__PURE__ */ jsx(EllipsisVerticalGlyph, {}), size: "sm" }) : /* @__PURE__ */ jsx(Button, { ...shared, variant: triggerVariant, size: "small", leadingIcon: icon, children: trigger }),
+    renderTrigger ? renderTrigger(shared) : trigger === void 0 ? /* @__PURE__ */ jsx(IconButton, { ...shared, label, icon: icon ?? /* @__PURE__ */ jsx(EllipsisVerticalGlyph, {}), size: "sm" }) : /* @__PURE__ */ jsx(Button, { ...shared, variant: triggerVariant, size: "small", leadingIcon: icon, children: trigger }),
     list && container ? createPortal(list, container) : null
   ] });
 }

package/dist/{chunk-7FQEUNHX.js → chunk-7X5WOECO.js}

@@ -1,5 +1,5 @@
 import { Skeleton } from './chunk-W5J7R5EB.js';
-import { Modal } from './chunk-7IJARUIF.js';
+import { Modal } from './chunk-F4DPAJCN.js';
 import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
 import { Input } from './chunk-Q55TXPA3.js';
 import { Popover } from './chunk-BWRGFKJP.js';

package/dist/{chunk-OIMAK5AE.js → chunk-AV6YX4GZ.js}

@@ -1,15 +1,15 @@
 import { PageHeader } from './chunk-HOXGBLEY.js';
 import { Toolbar } from './chunk-PGRPNDWM.js';
-import { DataTable } from './chunk-AJESMWJS.js';
-import { Menu } from './chunk-JULMZNGT.js';
-import { DateTimePicker } from './chunk-L4H7SSWF.js';
+import { DateTimePicker } from './chunk-RE6ED5TO.js';
+import { DataTable } from './chunk-LG244LY7.js';
 import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
 import { Kbd } from './chunk-SMBKXWML.js';
-import { Button } from './chunk-OG6CL3EB.js';
 import { Input } from './chunk-Q55TXPA3.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
 import { Popover } from './chunk-BWRGFKJP.js';
 import { Count } from './chunk-BHHIIK3M.js';
+import { Menu } from './chunk-4MIM356A.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-EDGCPVVD.js → chunk-G5TAKMEA.js}

@@ -1,12 +1,13 @@
 import { useMediaMatch } from './chunk-IG75YMUN.js';
+import { Menu } from './chunk-4MIM356A.js';
 import { useModalLayer, focusables } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './AppShell-RUNVM4WH.css';
+import './AppShell-APHZKJYH.css';
 import { createContext, forwardRef, useContext, useId, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
-import { ChevronUpGlyph, ChevronRightGlyph, MenuGlyph } from '@crewlethq/icons/glyphs';
+import { ChevronUpGlyph, ChevronsUpDownGlyph, ChevronRightGlyph, MenuGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 function AccountRow({
@@ -14,6 +15,7 @@ function AccountRow({
   name,
   detail,
   href,
+  menu,
   current = false,
   title,
   linkSuffix = ", your account",
@@ -32,7 +34,29 @@ function AccountRow({
     ] })
   ] });
   return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-account-row", className), children: [
-    href === void 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-account-row__who", children: who }) : /* @__PURE__ */ jsxs(
+    menu ? /* @__PURE__ */ jsx(
+      Menu,
+      {
+        label: menu.label ?? "Your account",
+        items: menu.items,
+        header: menu.header,
+        renderTrigger: (trigger) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "crewlet-account-row__who",
+            title,
+            "data-current": current ? "" : void 0,
+            ...trigger,
+            children: [
+              who,
+              /* @__PURE__ */ jsx(VisuallyHidden, { children: linkSuffix }),
+              /* @__PURE__ */ jsx(ChevronsUpDownGlyph, { size: "xs", className: "crewlet-account-row__go", "aria-hidden": "true" })
+            ]
+          }
+        )
+      }
+    ) : href === void 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-account-row__who", children: who }) : /* @__PURE__ */ jsxs(
       "a",
       {
         className: "crewlet-account-row__who",

package/dist/{chunk-AJESMWJS.js → chunk-LG244LY7.js}

@@ -1,10 +1,10 @@
-import { Menu } from './chunk-JULMZNGT.js';
 import { useClipboard } from './chunk-STJ7QBC3.js';
-import { Modal } from './chunk-7IJARUIF.js';
-import { Button } from './chunk-OG6CL3EB.js';
+import { Modal } from './chunk-F4DPAJCN.js';
 import { Checkbox } from './chunk-I6NZKJGK.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
+import { Menu } from './chunk-4MIM356A.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-HTCJSUIZ.js → chunk-XMGB3ZAT.js}

@@ -1,11 +1,11 @@
 import { Select } from './chunk-FC4YTTFJ.js';
 import { CopyButton } from './chunk-W46LPU4R.js';
-import { Modal } from './chunk-7IJARUIF.js';
+import { Modal } from './chunk-F4DPAJCN.js';
 import { Callout } from './chunk-SVSCLHHI.js';
-import { Button } from './chunk-OG6CL3EB.js';
 import { PrincipalAvatar } from './chunk-4KP4RC3O.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-IG75YMUN.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ShareDialog-YZ4F37MW.css';

package/dist/{chunk-A4VMJMXJ.js → chunk-ZM7HLFOA.js}

@@ -1,5 +1,5 @@
 import { InlineCode } from './chunk-5CLW2CXT.js';
-import { ConfirmModal } from './chunk-7IJARUIF.js';
+import { ConfirmModal } from './chunk-F4DPAJCN.js';
 import { Callout } from './chunk-SVSCLHHI.js';
 import './LinkInterstitial-ET4MSVSV.css';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/generated/index.js

@@ -1,39 +1,39 @@
 import '../chunk-MSSZHDZI.js';
 export { TreeCanvas } from '../chunk-TBIZSQHB.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-73QBUUYX.js';
-export { VersionTimeline } from '../chunk-WXAULPBH.js';
+export { VersionTimeline } from '../chunk-UNZ7TVV5.js';
 import '../chunk-U5LQ2AS5.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-2ONWEDQT.js';
 export { ThemeToggle } from '../chunk-NP2C4Y4E.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-NUZC6PJX.js';
 export { Timeline, TimelineItem } from '../chunk-AUQPBL4O.js';
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-EIGEIT4O.js';
 export { ToastProvider, Toaster, useToast } from '../chunk-QH3AKP2N.js';
-export { Table } from '../chunk-V2N3BMOT.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-MUGM7SEG.js';
-export { TagsInput } from '../chunk-7ZNKEPLN.js';
 export { TagGroup } from '../chunk-E6UWRXNM.js';
+export { TagsInput } from '../chunk-7ZNKEPLN.js';
+export { Table } from '../chunk-V2N3BMOT.js';
+export { Text } from '../chunk-IKBK4A5O.js';
 export { ThemeGallery } from '../chunk-KLIEPFEZ.js';
 export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
-export { Text } from '../chunk-IKBK4A5O.js';
 export { NavGroup, NavItem, SidebarNav } from '../chunk-UCCC7YVZ.js';
 export { StatCard } from '../chunk-IKB6HFGK.js';
 export { StatGroup } from '../chunk-JXRI5YD2.js';
 export { Stepper } from '../chunk-5QWIJSQM.js';
-export { Switcher } from '../chunk-7FQEUNHX.js';
+export { Switcher } from '../chunk-7X5WOECO.js';
+export { Section } from '../chunk-A2UXBCLO.js';
 export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-HTCJSUIZ.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-XMGB3ZAT.js';
 export { Select } from '../chunk-FC4YTTFJ.js';
-export { FRAME_HELLO_TIMEOUT_MS, SandboxedFrame } from '../chunk-VYDFB6PJ.js';
-export { Skeleton } from '../chunk-W5J7R5EB.js';
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-J2G4HGQM.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-36CWC2NH.js';
 export { matchesShortcut, useShortcut } from '../chunk-2FPENTCF.js';
 export { Prose } from '../chunk-JCSA3XVH.js';
-export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from '../chunk-Y56FM3K4.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-ZAJHGDAW.js';
+export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from '../chunk-Y56FM3K4.js';
+export { FRAME_HELLO_TIMEOUT_MS, SandboxedFrame } from '../chunk-VYDFB6PJ.js';
+export { Skeleton } from '../chunk-W5J7R5EB.js';
 export { SearchTrigger } from '../chunk-6DRDCT22.js';
-export { Section } from '../chunk-A2UXBCLO.js';
-export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-N4GFRW5C.js';
+export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-J4OKGJQ6.js';
 export { PinTile } from '../chunk-6MIXD6IW.js';
 export { PresenceStack } from '../chunk-YM3GJHGW.js';
 import '../chunk-CENOOTAV.js';
@@ -50,15 +50,15 @@ export { TreeGrid } from '../chunk-T5TFZ2JB.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-AKEZ3G5V.js';
 export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
+export { List, ListItem } from '../chunk-DS2C73RJ.js';
 export { ListInput } from '../chunk-YSJYWQSP.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from '../chunk-5XACKNYR.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-QQGWES46.js';
 import '../chunk-VYY56AMX.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-4PZ6FJKW.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-ZAC7SKUN.js';
-export { LinkInterstitial, openExternal } from '../chunk-A4VMJMXJ.js';
 export { Link } from '../chunk-FBSEJO2C.js';
-export { List, ListItem } from '../chunk-DS2C73RJ.js';
+export { LinkInterstitial, openExternal } from '../chunk-ZM7HLFOA.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 { useFullscreen } from '../chunk-XDTYBF2F.js';
@@ -73,9 +73,6 @@ export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FactList } from '../chunk-JI5AVQLA.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-5YLON2PW.js';
 export { FollowBanner } from '../chunk-FW7HN6AP.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-OIMAK5AE.js';
-export { PageHeader } from '../chunk-HOXGBLEY.js';
-export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
 export { DescriptionList, DescriptionListItem } from '../chunk-F2XSYBKH.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';
@@ -89,33 +86,34 @@ export { CONFLICT_NOTE_LABELS, ConflictNote } from '../chunk-UO7JZVCO.js';
 export { Container } from '../chunk-QVE4GJAT.js';
 export { CursorFlag } from '../chunk-3BYIWOTV.js';
 export { PresenceRing, presenceHueClass } from '../chunk-I6POAB4V.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-AJESMWJS.js';
-export { Menu } from '../chunk-JULMZNGT.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-L4H7SSWF.js';
-export { ChoiceList } from '../chunk-QBXZLGK2.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-AV6YX4GZ.js';
+export { PageHeader } from '../chunk-HOXGBLEY.js';
+export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-RE6ED5TO.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-LG244LY7.js';
 export { ChoiceButtons } from '../chunk-YSJC7AZC.js';
+export { ChoiceList } from '../chunk-QBXZLGK2.js';
 export { CodeBlock } from '../chunk-GDDE4UM7.js';
 export { CopyButton, Copyable } from '../chunk-W46LPU4R.js';
 export { useClipboard, writeClipboard } from '../chunk-STJ7QBC3.js';
 export { useOutcome } from '../chunk-DTIW4CHZ.js';
 export { Combobox } from '../chunk-LOLELDBW.js';
-export { CommandPalette } from '../chunk-UXELEORU.js';
-export { ConfirmModal, Modal } from '../chunk-7IJARUIF.js';
+export { CommandPalette } from '../chunk-4HRB62EA.js';
+export { ConfirmModal, Modal } from '../chunk-F4DPAJCN.js';
 export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from '../chunk-F73MC7EZ.js';
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-EZBLOUWX.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-IC64IWOO.js';
 export { Document, DocumentTitle } from '../chunk-WI6K5M5X.js';
 export { COMPOSER_COUNTER_AT, Composer } from '../chunk-VJLYGPPE.js';
 export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { Callout } from '../chunk-SVSCLHHI.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, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-TXAFKH2A.js';
+import '../chunk-VYOKRN2I.js';
 export { ChangeMark } from '../chunk-PPAQFGS2.js';
 export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, 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, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from '../chunk-YYZRLLLY.js';
 export { PRESENCE_ACTIVITIES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from '../chunk-S35G6PNC.js';
 export { Tooltip } from '../chunk-QWOPX2MN.js';
 import '../chunk-3L5NHASN.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, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-TXAFKH2A.js';
-import '../chunk-VYOKRN2I.js';
-export { Button, ButtonLink } from '../chunk-OG6CL3EB.js';
 export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-MLT2HBPN.js';
 export { ArrangeGroup } from '../chunk-35XVR5JQ.js';
 export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-AIVZVKYZ.js';
@@ -150,8 +148,10 @@ export { DisclosureAnatomy } from '../chunk-ENJUPIND.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
 export { Count } from '../chunk-BHHIIK3M.js';
 export { ADD_PILL_MS, AddPill } from '../chunk-TROLVEZY.js';
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-EDGCPVVD.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-G5TAKMEA.js';
 import '../chunk-IG75YMUN.js';
+export { Menu } from '../chunk-4MIM356A.js';
+export { Button, ButtonLink } from '../chunk-OG6CL3EB.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from '../chunk-HMPFGIWM.js';
 export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from '../chunk-R25RGPUB.js';
 export { ArrangeBoard } from '../chunk-QO7QEQKV.js';

package/dist/index.js

@@ -1,39 +1,39 @@
 import './chunk-MSSZHDZI.js';
 export { TreeCanvas } from './chunk-TBIZSQHB.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-73QBUUYX.js';
-export { VersionTimeline } from './chunk-WXAULPBH.js';
+export { VersionTimeline } from './chunk-UNZ7TVV5.js';
 import './chunk-U5LQ2AS5.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-2ONWEDQT.js';
 export { ThemeToggle } from './chunk-NP2C4Y4E.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-NUZC6PJX.js';
 export { Timeline, TimelineItem } from './chunk-AUQPBL4O.js';
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-EIGEIT4O.js';
 export { ToastProvider, Toaster, useToast } from './chunk-QH3AKP2N.js';
-export { Table } from './chunk-V2N3BMOT.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-MUGM7SEG.js';
-export { TagsInput } from './chunk-7ZNKEPLN.js';
 export { TagGroup } from './chunk-E6UWRXNM.js';
+export { TagsInput } from './chunk-7ZNKEPLN.js';
+export { Table } from './chunk-V2N3BMOT.js';
+export { Text } from './chunk-IKBK4A5O.js';
 export { ThemeGallery } from './chunk-KLIEPFEZ.js';
 export { ThemeSwatch } from './chunk-MNFU2RNT.js';
-export { Text } from './chunk-IKBK4A5O.js';
 export { NavGroup, NavItem, SidebarNav } from './chunk-UCCC7YVZ.js';
 export { StatCard } from './chunk-IKB6HFGK.js';
 export { StatGroup } from './chunk-JXRI5YD2.js';
 export { Stepper } from './chunk-5QWIJSQM.js';
-export { Switcher } from './chunk-7FQEUNHX.js';
+export { Switcher } from './chunk-7X5WOECO.js';
+export { Section } from './chunk-A2UXBCLO.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-HTCJSUIZ.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-XMGB3ZAT.js';
 export { Select } from './chunk-FC4YTTFJ.js';
-export { FRAME_HELLO_TIMEOUT_MS, SandboxedFrame } from './chunk-VYDFB6PJ.js';
-export { Skeleton } from './chunk-W5J7R5EB.js';
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-J2G4HGQM.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-36CWC2NH.js';
 export { matchesShortcut, useShortcut } from './chunk-2FPENTCF.js';
 export { Prose } from './chunk-JCSA3XVH.js';
-export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-ZAJHGDAW.js';
+export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
+export { FRAME_HELLO_TIMEOUT_MS, SandboxedFrame } from './chunk-VYDFB6PJ.js';
+export { Skeleton } from './chunk-W5J7R5EB.js';
 export { SearchTrigger } from './chunk-6DRDCT22.js';
-export { Section } from './chunk-A2UXBCLO.js';
-export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-N4GFRW5C.js';
+export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-J4OKGJQ6.js';
 export { PinTile } from './chunk-6MIXD6IW.js';
 export { PresenceStack } from './chunk-YM3GJHGW.js';
 import './chunk-CENOOTAV.js';
@@ -50,15 +50,15 @@ export { TreeGrid } from './chunk-T5TFZ2JB.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-AKEZ3G5V.js';
 export { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
+export { List, ListItem } from './chunk-DS2C73RJ.js';
 export { ListInput } from './chunk-YSJYWQSP.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from './chunk-5XACKNYR.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-QQGWES46.js';
 import './chunk-VYY56AMX.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-4PZ6FJKW.js';
 export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
-export { LinkInterstitial, openExternal } from './chunk-A4VMJMXJ.js';
 export { Link } from './chunk-FBSEJO2C.js';
-export { List, ListItem } from './chunk-DS2C73RJ.js';
+export { LinkInterstitial, openExternal } from './chunk-ZM7HLFOA.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 { useFullscreen } from './chunk-XDTYBF2F.js';
@@ -73,9 +73,6 @@ export { Eyebrow } from './chunk-RK4XPHVG.js';
 export { FactList } from './chunk-JI5AVQLA.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-5YLON2PW.js';
 export { FollowBanner } from './chunk-FW7HN6AP.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-OIMAK5AE.js';
-export { PageHeader } from './chunk-HOXGBLEY.js';
-export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-PGRPNDWM.js';
 export { DescriptionList, DescriptionListItem } from './chunk-F2XSYBKH.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';
@@ -89,33 +86,34 @@ export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-UO7JZVCO.js';
 export { Container } from './chunk-QVE4GJAT.js';
 export { CursorFlag } from './chunk-3BYIWOTV.js';
 export { PresenceRing, presenceHueClass } from './chunk-I6POAB4V.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-AJESMWJS.js';
-export { Menu } from './chunk-JULMZNGT.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-L4H7SSWF.js';
-export { ChoiceList } from './chunk-QBXZLGK2.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-AV6YX4GZ.js';
+export { PageHeader } from './chunk-HOXGBLEY.js';
+export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-PGRPNDWM.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-RE6ED5TO.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-LG244LY7.js';
 export { ChoiceButtons } from './chunk-YSJC7AZC.js';
+export { ChoiceList } from './chunk-QBXZLGK2.js';
 export { CodeBlock } from './chunk-GDDE4UM7.js';
 export { CopyButton, Copyable } from './chunk-W46LPU4R.js';
 export { useClipboard, writeClipboard } from './chunk-STJ7QBC3.js';
 export { useOutcome } from './chunk-DTIW4CHZ.js';
 export { Combobox } from './chunk-LOLELDBW.js';
-export { CommandPalette } from './chunk-UXELEORU.js';
-export { ConfirmModal, Modal } from './chunk-7IJARUIF.js';
+export { CommandPalette } from './chunk-4HRB62EA.js';
+export { ConfirmModal, Modal } from './chunk-F4DPAJCN.js';
 export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
-export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-EZBLOUWX.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-IC64IWOO.js';
 export { Document, DocumentTitle } from './chunk-WI6K5M5X.js';
 export { COMPOSER_COUNTER_AT, Composer } from './chunk-VJLYGPPE.js';
 export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-GXQ3B46I.js';
 export { Callout } from './chunk-SVSCLHHI.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, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from './chunk-TXAFKH2A.js';
+import './chunk-VYOKRN2I.js';
 export { ChangeMark } from './chunk-PPAQFGS2.js';
 export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, 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, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from './chunk-YYZRLLLY.js';
 export { PRESENCE_ACTIVITIES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from './chunk-S35G6PNC.js';
 export { Tooltip } from './chunk-QWOPX2MN.js';
 import './chunk-3L5NHASN.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, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from './chunk-TXAFKH2A.js';
-import './chunk-VYOKRN2I.js';
-export { Button, ButtonLink } from './chunk-OG6CL3EB.js';
 export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from './chunk-MLT2HBPN.js';
 export { ArrangeGroup } from './chunk-35XVR5JQ.js';
 export { ArrangeList, DEFAULT_ARRANGE_LABELS } from './chunk-AIVZVKYZ.js';
@@ -150,8 +148,10 @@ export { DisclosureAnatomy } from './chunk-ENJUPIND.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
 export { Count } from './chunk-BHHIIK3M.js';
 export { ADD_PILL_MS, AddPill } from './chunk-TROLVEZY.js';
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from './chunk-EDGCPVVD.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from './chunk-G5TAKMEA.js';
 import './chunk-IG75YMUN.js';
+export { Menu } from './chunk-4MIM356A.js';
+export { Button, ButtonLink } from './chunk-OG6CL3EB.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from './chunk-HMPFGIWM.js';
 export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from './chunk-R25RGPUB.js';
 export { ArrangeBoard } from './chunk-QO7QEQKV.js';

package/dist/styles.css

@@ -548,7 +548,7 @@
 }
 
 
-/* AppShell-RUNVM4WH.css */
+/* AppShell-APHZKJYH.css */
 /*
  * The application frame: a rail on the FRAME, and the screen on a SHEET that
  * floats beside it.
@@ -1202,18 +1202,40 @@
   transition: background var(--motion-duration-fast) var(--motion-easing-default);
 }
 
-a.crewlet-account-row__who:hover {
+/* The row as the reader's menu button: a button drawn as the link is. */
+button.crewlet-account-row__who {
+  width: 100%;
+  margin: 0;
+  border: 0;
+  background: none;
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+}
+
+/* A row that opens a menu fills the row as the link does. */
+.crewlet-account-row > .crewlet-menu-anchor {
+  display: flex;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+a.crewlet-account-row__who:hover,
+button.crewlet-account-row__who:hover,
+button.crewlet-account-row__who[aria-expanded='true'] {
   background: var(--color-surface-hover);
 }
 
 /* After :hover, so the current row shows the lift rather than the overlay. */
-a.crewlet-account-row__who[aria-current='page'] {
+a.crewlet-account-row__who[aria-current='page'],
+button.crewlet-account-row__who[data-current] {
   background: var(--color-surface-elevated);
   outline: 1px solid var(--color-border-default);
   outline-offset: -1px;
 }
 
-a.crewlet-account-row__who:focus-visible {
+a.crewlet-account-row__who:focus-visible,
+button.crewlet-account-row__who:focus-visible {
   outline: 2px solid var(--color-focus);
   outline-offset: var(--size-focus-ring-inset-offset);
 }
@@ -13282,7 +13304,7 @@ svg.crewlet-datetime__chevron {
 }
 
 
-/* Menu-BT5PMFJI.css */
+/* Menu-XIJ4LQUT.css */
 /*
  * The menu button's panel.
  *
@@ -13504,6 +13526,21 @@ svg.crewlet-datetime__chevron {
   font-size: var(--font-size-xs);
 }
 
+/*
+ * Facts above the items, across the panel's full width with a hairline under
+ * them: what the actions below are about, read rather than pressed.
+ */
+.crewlet-menu__header {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: calc(var(--spacing-1) * -1) calc(var(--spacing-1) * -1) var(--spacing-1);
+  padding: var(--spacing-2) var(--spacing-3);
+  border-bottom: 1px solid var(--color-border-default);
+  font-size: var(--font-size-xs);
+  color: var(--color-text-secondary);
+}
+
 .crewlet-menu__separator {
   height: 1px;
   margin: var(--spacing-1) 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.20.0",
+  "version": "0.21.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.20.0",
-    "@crewlethq/tokens": "0.20.0",
+    "@crewlethq/icons": "0.21.0",
+    "@crewlethq/tokens": "0.21.0",
     "uqr": "0.1.3"
   },
   "peerDependencies": {

package/dist/{chunk-J2G4HGQM.js → chunk-36CWC2NH.js}

@@ -5,8 +5,8 @@ import { presenceHueClass } from './chunk-I6POAB4V.js';
 import { ChangeMark } from './chunk-PPAQFGS2.js';
 import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, isMod, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, sortRows, SHEET_ROW_HEIGHT, columnOffsets, SHEET_ROW_NUMBER_WIDTH, columnWidth, rangeOf, presenceByCell, presenceByRow, presenceByColumn, cellKey, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, moveFrom, isTypingKey, editorSide, optionHue, checkValue, parseText, liveOptions } from './chunk-YYZRLLLY.js';
 import { presenceLabels } from './chunk-S35G6PNC.js';
-import { Button } from './chunk-OG6CL3EB.js';
 import { Avatar } from './chunk-5OM447RW.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-7IJARUIF.js → chunk-F4DPAJCN.js}

@@ -1,5 +1,5 @@
-import { Button } from './chunk-OG6CL3EB.js';
 import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { useLayerContainer } from './chunk-HMPFGIWM.js';
 import { focusables, useModalLayer, useBodyScrollLock } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';

package/dist/{chunk-EZBLOUWX.js → chunk-IC64IWOO.js}

@@ -1,10 +1,10 @@
 import { Document } from './chunk-WI6K5M5X.js';
 import { Composer } from './chunk-VJLYGPPE.js';
-import { Button } from './chunk-OG6CL3EB.js';
 import { PrincipalAvatar } from './chunk-4KP4RC3O.js';
 import { toInstant, RelativeTime, formatExact, toISO } from './chunk-3CZ7XAVY.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { Count } from './chunk-BHHIIK3M.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CommentThread-7VXOFTZO.css';

package/dist/{chunk-N4GFRW5C.js → chunk-J4OKGJQ6.js}

@@ -1,7 +1,7 @@
 import { PRESENCE_LABELS, presenceOrder, collapseSessions } from './chunk-S35G6PNC.js';
-import { Button } from './chunk-OG6CL3EB.js';
 import { Avatar } from './chunk-5OM447RW.js';
 import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PeopleRail-R64WVOSH.css';

package/dist/{chunk-EIGEIT4O.js → chunk-NUZC6PJX.js}

@@ -1,8 +1,8 @@
 import { Select } from './chunk-FC4YTTFJ.js';
 import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-GXQ3B46I.js';
-import { Button } from './chunk-OG6CL3EB.js';
 import { Input } from './chunk-Q55TXPA3.js';
 import { Popover } from './chunk-BWRGFKJP.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-L4H7SSWF.js → chunk-RE6ED5TO.js}

@@ -1,6 +1,6 @@
 import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-GXQ3B46I.js';
-import { Button } from './chunk-OG6CL3EB.js';
 import { Popover } from './chunk-BWRGFKJP.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DateTimePicker-NJ6XH2TE.css';

package/dist/{chunk-WXAULPBH.js → chunk-UNZ7TVV5.js}

@@ -1,7 +1,7 @@
 import { Timeline } from './chunk-AUQPBL4O.js';
-import { Button } from './chunk-OG6CL3EB.js';
 import { PrincipalAvatar } from './chunk-4KP4RC3O.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
+import { Button } from './chunk-OG6CL3EB.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './VersionTimeline-EBJ6MIPJ.css';
 import { RotateCcwClockGlyph, PencilGlyph, ShieldGlyph, DatabaseGlyph, UploadGlyph } from '@crewlethq/icons/glyphs';