@crewlethq/ui 0.63.0 → 0.64.1

package/dist/{TreeGrid-UCPV37XB.css → TreeGrid-522U6WBG.css}

@@ -28,29 +28,37 @@
   position: relative;
   overflow-x: auto;
   overscroll-behavior-x: contain;
-}
-
-.crewlet-tree-grid__grid {
-  min-width: var(--crewlet-tree-grid-min-width, 45rem);
-  font-size: var(--font-size-compact);
   /*
    * THE PANEL'S GROUND. It painted the step above it, which is the colour a
    * hovered row takes elsewhere in the system: an outline sitting beside a
    * table read as a table with every row hovered at once, and on a card it was
    * a lighter block inside a darker frame for no stated reason.
+   *
+   * THE FRAME IS THE SCROLLER'S, NOT THE GRID'S. Drawn on the grid inside, it
+   * scrolled with the rows: below the grid's minimum width the frame's far
+   * edge and corners were cut off by the scroller, and a sideways scroll
+   * carried its near edge out of view. On the scroller it stays put, and the
+   * scroller clips the rows to its inner corner. Table.css draws its frame on
+   * the box around its scroller instead; here that box holds the layer the
+   * menus open in, which must not be clipped.
    */
   background: var(--color-surface-subtle);
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-lg);
 }
 
+.crewlet-tree-grid__grid {
+  min-width: var(--crewlet-tree-grid-min-width, 45rem);
+  font-size: var(--font-size-compact);
+}
+
 /*
  * INSIDE A FLUSH CARD THE CARD IS THE FRAME. A flush card exists so that a
  * table's rows reach its edges (Card.css), and a grid that drew its own border
  * and corner there was a second rounded box one pixel inside the first, with
  * the card's footer hanging outside it. The rows keep their own hairlines.
  */
-.crewlet-card--flush .crewlet-tree-grid__grid {
+.crewlet-card--flush .crewlet-tree-grid__scroller {
   background: none;
   border: none;
   border-radius: 0;
@@ -89,9 +97,29 @@
   padding: 0 var(--spacing-2);
 }
 
-/* The indent is the row's own level, set on the row. */
+/*
+ * The indent is the row's own level, set on the row, ON TOP OF the inset every
+ * cell has. Replacing that inset left a top-level row's chevron flush against
+ * the frame, its hover ground touching the edge, and the column starting 8px
+ * further out than its own heading and every other column.
+ */
 .crewlet-tree-grid__cell:first-child {
-  padding-inline-start: calc(var(--spacing-5) * var(--crewlet-tree-grid-depth, 0));
+  padding-inline-start: calc(var(--spacing-2) + var(--spacing-5) * var(--crewlet-tree-grid-depth, 0));
+}
+
+/*
+ * A GHOST CONTROL STARTS ON THE COLUMN'S TEXT EDGE. A small ghost button in a
+ * cell (an add row's "Add unit", a lead chosen in place through a menu) drew
+ * its word one padding and one edge (9px) inside the line the column's heading
+ * and its plain cells start on, so the column read ragged. Its padding and
+ * edge are taken back, as a card's foot does (StatusCard.css): the word sits
+ * on the column's line and only the hover's ground reaches past it.
+ */
+.crewlet-tree-grid__cell > .crewlet-btn--ghost.crewlet-btn--small:first-child,
+.crewlet-tree-grid__toggle + .crewlet-btn--ghost.crewlet-btn--small,
+.crewlet-tree-grid__cell > .crewlet-menu-anchor:first-child > .crewlet-btn--ghost.crewlet-btn--small,
+.crewlet-tree-grid__toggle + .crewlet-menu-anchor > .crewlet-btn--ghost.crewlet-btn--small {
+  margin-inline-start: calc(-1 * (var(--spacing-2) + 1px));
 }
 
 /*

package/dist/ValueField/index.js

@@ -1,15 +1,15 @@
-export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from '../chunk-OD3Z6QKN.js';
-import '../chunk-XQZ6EWOE.js';
-import '../chunk-PK2P2QH6.js';
+export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from '../chunk-BWAUL5MB.js';
+import '../chunk-VK45YJLH.js';
+import '../chunk-ZUBFVK6B.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-TLIJG4TP.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/VersionCompare/index.js

@@ -1,20 +1,20 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-ISHLFPNN.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-6ID4DVML.js';
 import '../chunk-AOFVXE6V.js';
-import '../chunk-OOC7Q67K.js';
-import '../chunk-F7VBYCW2.js';
-import '../chunk-27JCHL64.js';
+import '../chunk-25AZQ3GZ.js';
+import '../chunk-W6UVBBNH.js';
+import '../chunk-PVZOP3QK.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-PPUR46MK.js';
-import '../chunk-5KRRJNQO.js';
+import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-LODRX4FU.js';
+import '../chunk-T73DMDU4.js';
 import '../chunk-7QTPJDRF.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/VersionTimeline/index.js

@@ -1,10 +1,10 @@
-export { VersionTimeline } from '../chunk-TUNEMQXF.js';
+export { VersionTimeline } from '../chunk-SRSE7FGL.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-L6NG7CUA.js';
 import '../chunk-RE3FBGQQ.js';
-import '../chunk-5AQBPHZD.js';
+import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
-import '../chunk-Z6X3F4H6.js';
+import '../chunk-4MJN2KN6.js';
 import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';

package/dist/{VersionTimeline-6KRXEEOO.css → VersionTimeline-DEAQ7CJG.css}

@@ -11,6 +11,18 @@
   min-width: 0;
 }
 
+/*
+ * THE NODE ON THE VERSION'S OWN LINE. A step's first line here is the head
+ * inside the select, a spacing step under the top of the step and one line of
+ * the inherited type tall, so the node stands down to centre on it. The
+ * ledger's own offset centres it on prose drawn at the very top of a step,
+ * which left it 5px above the version number. Set on the rail, so `lh` reads
+ * the step's line rather than the node's smaller type.
+ */
+.crewlet-version-timeline .crewlet-timeline__rail {
+  --crewlet-timeline-node-offset: calc(var(--spacing-1) + (1lh - var(--crewlet-timeline-node-size)) / 2);
+}
+
 .crewlet-version-timeline__select {
   display: flex;
   flex-direction: column;
@@ -84,11 +96,17 @@
   font-size: var(--font-size-xs);
 }
 
+/*
+ * The controls' LABELS stand on the column's text edge, the select's and the
+ * facts' inset. A small ghost's padding is that same step, so only its 1px
+ * edge is left over: the row starts one pixel outside the body, and every
+ * line of controls, a wrapped one too, lines up with the words above it.
+ */
 .crewlet-version-timeline__actions {
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-1);
-  padding-inline: var(--spacing-1);
+  margin-inline-start: -1px;
 }
 
 /* The version compared against is ringed in the strong neutral: it is the

package/dist/WidgetFrame/index.js

@@ -1,5 +1,5 @@
-export { WidgetFrame } from '../chunk-3DMPZZQ6.js';
-import '../chunk-QBI5ETKY.js';
+export { WidgetFrame } from '../chunk-4EDSEX7U.js';
+import '../chunk-BRLZXYPA.js';
 import '../chunk-L6NG7CUA.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-UT6CW3C7.js';

package/dist/{WidgetFrame-BTFW3CRK.css → WidgetFrame-WXYFYAAH.css}

@@ -75,6 +75,14 @@
   height: calc(var(--font-size-sm) * var(--font-line-height-snug));
 }
 
+/* A ghost square that ends the head stands its glyph on the frame's text
+   edge, the line the title starts on, pulled out by the glyph's inset as a
+   card head's last ghost is (Card.css). By its box it stood 7px inside. */
+.crewlet-widget-frame__actions > :is(.crewlet-icon-btn--ghost, .crewlet-icon-btn--ghost-danger):last-child,
+.crewlet-widget-frame__actions > .crewlet-menu-anchor:last-child > :is(.crewlet-icon-btn--ghost, .crewlet-icon-btn--ghost-danger) {
+  margin-inline-end: calc(-1 * var(--crewlet-icon-btn-glyph-inset, 0px));
+}
+
 .crewlet-widget-frame__body {
   flex: 1;
   min-width: 0;
@@ -139,10 +147,14 @@
   line-height: var(--font-line-height-normal);
 }
 
+/* The glyph stands on the sentence's first line as the title row's controls
+   stand on the title's: a box one line tall with the glyph centred in it. A
+   2px nudge left the 14px glyph 1.5px over the middle of the 21px line. */
 .crewlet-widget-frame__blocked-glyph {
   display: inline-flex;
   flex: none;
-  padding-top: 2px;
+  align-items: center;
+  height: calc(1em * var(--font-line-height-normal));
   color: var(--color-text-tertiary);
 }
 

package/dist/{chunk-P4YORMRZ.js → chunk-222VILSP.js}

@@ -1,7 +1,7 @@
-import { DisclosureAnatomy } from './chunk-ZYO2QFU6.js';
+import { DisclosureAnatomy } from './chunk-IVTQWOXV.js';
 import { useHeadingLevel } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Disclosure-FVMA4RW2.css';
+import './Disclosure-D727FN5X.css';
 import { useState, useId, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-OOC7Q67K.js → chunk-25AZQ3GZ.js}

@@ -1,3 +1,3 @@
 import './HitArea-QUOS6ZDJ.css';
-import './Tabs-S7F4RWAN.css';
+import './Tabs-7ZK2UF75.css';
 import './SegmentedControl-B7XCUOML.css';

package/dist/{chunk-KA2GAB3N.js → chunk-2A6DL3K5.js}

@@ -1,7 +1,7 @@
-import { Copyable } from './chunk-IOTN23FZ.js';
+import { Copyable } from './chunk-IYG4ETAQ.js';
 import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ColorSwatch-DNMUFHNS.css';
+import './ColorSwatch-V4DA4TK5.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LABELS = {

package/dist/{chunk-QCVAVAF6.js → chunk-2EA2GSA2.js}

@@ -1,5 +1,5 @@
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { SegmentedControl } from './chunk-F7VBYCW2.js';
+import { SegmentedControl } from './chunk-W6UVBBNH.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-W2Q5DZJB.js → chunk-2SU735S3.js}

@@ -2,7 +2,7 @@ import { SlideStage } from './chunk-RMEBFYL7.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SlideCompare-HTCMPQFY.css';
+import './SlideCompare-R4GVZXAM.css';
 import { useState } from 'react';
 import { MinusGlyph, PlusGlyph, PencilGlyph, ArrowUpDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-JPVORBWC.js → chunk-2T32N2WD.js}

@@ -1,10 +1,10 @@
 import { FileDrop, FilePickButton } from './chunk-2JHGPXYG.js';
-import { contrastRatio } from './chunk-BSAQE7PO.js';
+import { contrastRatio } from './chunk-KWLH45YC.js';
 import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './LogoSlot-NAJE5XY3.css';
+import './LogoSlot-APCMGE6S.css';
 import { createContext, useId, useContext } from 'react';
 import { ImageGlyph, CircleAlertGlyph, UploadGlyph, TrashGlyph } from '@crewlethq/icons/glyphs';
 import { themes } from '@crewlethq/tokens';

package/dist/{chunk-KYTOEWJD.js → chunk-3N36CYTU.js}

@@ -1,8 +1,8 @@
-import { Tag } from './chunk-KYIAFNU7.js';
+import { Tag } from './chunk-I5OIKDX2.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './AttachmentChip-XF4KPQ3G.css';
+import './AttachmentChip-RZ6ZCB43.css';
 import { useState } from 'react';
 import { CircleAlertGlyph, ImageGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-A722MUNR.js → chunk-3XDT5ZWL.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './Switch-66RAQCRE.css';
+import './Switch-AUYLQLTN.css';
 import { forwardRef, useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-MNFU2RNT.js → chunk-3XQUEF5C.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './ThemeSwatch-4DL457ZB.css';
+import './ThemeSwatch-KAA2AEUM.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var PROPERTY = {

package/dist/{chunk-3DMPZZQ6.js → chunk-4EDSEX7U.js}

@@ -1,8 +1,8 @@
-import { Skeleton } from './chunk-QBI5ETKY.js';
+import { Skeleton } from './chunk-BRLZXYPA.js';
 import { RelativeTime } from './chunk-L6NG7CUA.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './WidgetFrame-BTFW3CRK.css';
+import './WidgetFrame-WXYFYAAH.css';
 import { useId } from 'react';
 import { ClockGlyph, LockGlyph, CircleAlertGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-Z6X3F4H6.js → chunk-4MJN2KN6.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Timeline-27SYKOFX.css';
+import './Timeline-PGIZIODK.css';
 import { createContext, Children, isValidElement, useContext } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-CVDK3LDB.js → chunk-4TMBAOXK.js}

@@ -1,7 +1,7 @@
 import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SourceEditor-OKPWPFXK.css';
+import './SourceEditor-SMQ44O76.css';
 import { forwardRef, useRef, useId, useState, useImperativeHandle, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-TXA3HMWP.js → chunk-4W7F3JEK.js}

@@ -1,10 +1,10 @@
-import { Checkbox } from './chunk-KIPAFCVS.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DataGrid-VNGQESJA.css';
+import './DataGrid-QYORTTHI.css';
 import { useId, useRef, useState, useMemo, useCallback, useLayoutEffect, useImperativeHandle, useSyncExternalStore, useEffect } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
 import { ChevronDownGlyph, ChevronUpGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-PFXUEEHT.js → chunk-4WKOLL7C.js}

@@ -1,11 +1,11 @@
-import { RefusalStrip, ReceiptStrip } from './chunk-NLI7OVO2.js';
-import { StatusCard } from './chunk-WW4E5EUS.js';
-import { ChangeList } from './chunk-ZH5F2PXC.js';
+import { RefusalStrip, ReceiptStrip } from './chunk-M25IV5MH.js';
+import { StatusCard } from './chunk-G4234OIG.js';
+import { ChangeList } from './chunk-WQRSZMN4.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './VisuallyHidden-AOEXU5EB.css';
-import './ProposalCard-YDGECRES.css';
+import './ProposalCard-VTTCDXYK.css';
 import { useId, useRef, useLayoutEffect } from 'react';
 import { RefreshCwGlyph, LockGlyph, BanGlyph, ClockGlyph, CircleAlertGlyph, CircleCheckGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-PPVWWJIB.js → chunk-56IFLQGF.js}

@@ -1,6 +1,6 @@
 import { avatarCorner, Avatar } from './chunk-PZKHBB7D.js';
 import { Spinner } from './chunk-XSPCITPN.js';
-import './ImageUpload-CYC3Y7M2.css';
+import './ImageUpload-OWI7CCG7.css';
 import { useRef } from 'react';
 import { CameraGlyph, XGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-DEAFAK3U.js → chunk-5AJR6X75.js}

@@ -1,6 +1,6 @@
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SlideNav-BLFJF6AH.css';
+import './SlideNav-ODTNGTMT.css';
 import { ChevronLeftGlyph, ChevronRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-K4U2VDOJ.js → chunk-5NJMSYDZ.js}

@@ -1,8 +1,8 @@
-import { DisclosureAnatomy } from './chunk-ZYO2QFU6.js';
+import { DisclosureAnatomy } from './chunk-IVTQWOXV.js';
 import { useHeadingLevel } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Disclosure-FVMA4RW2.css';
-import './Accordion-ZI2WLD5C.css';
+import './Disclosure-D727FN5X.css';
+import './Accordion-V7YNDK7Y.css';
 import { createContext, useState, useCallback, useMemo, useContext, useId } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-5CY6BW4Y.js → chunk-5OFRDX66.js}

@@ -1,9 +1,9 @@
-import { Kbd } from './chunk-ACRRRPWT.js';
-import { Textarea } from './chunk-TLIJG4TP.js';
+import { Kbd } from './chunk-ANTAQAR4.js';
+import { Textarea } from './chunk-ETSF7SU6.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Composer-JSGTOW3F.css';
+import './Composer-HQIMTMRC.css';
 import { forwardRef, useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-DHIO6Q75.js → chunk-5OVTWY3I.js}

@@ -1,10 +1,10 @@
-import { HuePicker } from './chunk-QCVAVAF6.js';
+import { HuePicker } from './chunk-2EA2GSA2.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { CharacterPicker } from './chunk-SNQRGH4A.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './AvatarPicker-PREY36MG.css';
+import './AvatarPicker-POOJUOKC.css';
 import { CREWLET_CHARACTER_GEOMETRY, CREWLET_CHARACTERS } from '@crewlethq/icons/characters';
 import { PencilGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-CZXF6EFK.js → chunk-5WRWBDML.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './FileList-TGDNV2QS.css';
+import './FileList-665NXS7T.css';
 import { useState } from 'react';
 import { FileTextGlyph, ImageGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-5KEVSZ4K.js → chunk-62DBFNOK.js}

@@ -2,7 +2,7 @@ import { Eyebrow } from './chunk-RK4XPHVG.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './InboxList-YMFWKGGS.css';
+import './InboxList-OCL2M3ZF.css';
 import { useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-ISHLFPNN.js → chunk-6ID4DVML.js}

@@ -1,5 +1,5 @@
 import { diffLines, diffStat, collapseDiff, DiffSummary, DiffView } from './chunk-AOFVXE6V.js';
-import { SegmentedControl } from './chunk-F7VBYCW2.js';
+import { SegmentedControl } from './chunk-W6UVBBNH.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
 import { useHeadingLevel, headingTag, nextHeadingLevel, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-IJIC4COR.js → chunk-6MI2GMYG.js}

@@ -1,7 +1,7 @@
-import { SegmentedControl } from './chunk-F7VBYCW2.js';
+import { SegmentedControl } from './chunk-W6UVBBNH.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './MergeConflicts-O44ESH4T.css';
+import './MergeConflicts-HCXPRQVR.css';
 import { useState, useId, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-GK3PXGLS.js → chunk-6MTJWQ3V.js}

@@ -1,4 +1,4 @@
-import { Card } from './chunk-MKKX6N7C.js';
+import { Card } from './chunk-7XKDPTZ5.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './FolderTile-NM7CRTVH.css';

package/dist/{chunk-6IGIYOTV.js → chunk-7EOUVWGQ.js}

@@ -1,5 +1,5 @@
 import { useThemePreference, useDensityPreference } from './chunk-Z24ZUSTX.js';
-import { SegmentedControl } from './chunk-F7VBYCW2.js';
+import { SegmentedControl } from './chunk-W6UVBBNH.js';
 import { SunGlyph, MonitorGlyph, MoonGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-5YIL4WJP.js → chunk-7LSSYHOT.js}

@@ -1,5 +1,5 @@
 import { normalizeHex, parseColourInput } from './chunk-7W3LYIOC.js';
-import { FormField, Input, InputAffix } from './chunk-TLIJG4TP.js';
+import { FormField, Input, InputAffix } from './chunk-ETSF7SU6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ColorField-2OIOWT3Z.css';
 import { useId, useState } from 'react';

package/dist/{chunk-3V5T5K5H.js → chunk-7MGXHCVK.js}

@@ -1,6 +1,6 @@
 import { SlideStage } from './chunk-RMEBFYL7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SlideGrid-FJA33DV4.css';
+import './SlideGrid-J4LAOUSJ.css';
 import { EyeOffGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-MMZZGJHX.js → chunk-7SYEOJLP.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ChoiceButtons-HWXEF2H3.css';
+import './ChoiceButtons-Q2ET3I2N.css';
 import { useId } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-MKKX6N7C.js → chunk-7XKDPTZ5.js}

@@ -1,8 +1,8 @@
 import { CardHeaderSlotContext } from './chunk-AV2DXAEL.js';
-import { Count } from './chunk-5KRRJNQO.js';
+import { Count } from './chunk-MLDTLZAO.js';
 import { useHeadingLevel, HeadingLevelProvider, nextHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Card-JR2UPQH7.css';
+import './Card-O35OMBQ5.css';
 import { createContext, useId, useState, isValidElement, useRef, useCallback, useMemo, Children, cloneElement, useContext, useEffect, Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-7SRSPU4O.js → chunk-AJLMINJU.js}

@@ -1,14 +1,14 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-LODRX4FU.js';
+import { Menu } from './chunk-T73DMDU4.js';
 import { PeekContext, AsideContext, ResizeHandle, clampSize } from './chunk-PIYJNCN7.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { focusables, useModalLayer, isComposing, layerCount } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './AppShell-ZVCJRGXH.css';
+import './AppShell-LZQA3XU4.css';
 import './ResizeHandle-2UNSZ4ZQ.css';
 import { createContext, forwardRef, useContext, useId, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { breakpoint } from '@crewlethq/tokens';

package/dist/{chunk-ACRRRPWT.js → chunk-ANTAQAR4.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Kbd-MCWJTRTT.css';
+import './Kbd-YO5U2PSZ.css';
 import { Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-5IPPLWVA.js → chunk-B76OKJMX.js}

@@ -1,6 +1,7 @@
+import { StatusDot } from './chunk-WIATRXEJ.js';
 import { toISO, useNow, formatRelative } from './chunk-L6NG7CUA.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './EditingStatus-YU7EGM6Y.css';
+import './EditingStatus-TMGT265J.css';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var LABELS = {
@@ -14,7 +15,7 @@ function EditingStatus({ dirty, saving = false, savedAt, labels, className }) {
   const showSaved = !saving && !dirty && savedAt !== void 0 && savedAt !== null && toISO(savedAt) !== null;
   const state = saving ? text.saving : dirty ? text.unsaved : showSaved ? text.saved : null;
   return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-editing-status", dirty && "crewlet-editing-status--dirty", className), children: [
-    /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx(StatusDot, { tone: dirty ? "brand" : "neutral", className: "crewlet-editing-status__dot" }),
     /* @__PURE__ */ jsxs("span", { className: "crewlet-editing-status__text", children: [
       /* @__PURE__ */ jsxs("span", { role: "status", "aria-live": "polite", className: "crewlet-editing-status__live", children: [
         /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__label", children: text.editing }),

package/dist/{chunk-5AQBPHZD.js → chunk-BKP6XCAJ.js}

@@ -1,7 +1,7 @@
 import { AVATAR_SIZES, Avatar } from './chunk-PZKHBB7D.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Avatar-3C2H2WA4.css';
-import './AvatarStack-GEJBNV7E.css';
+import './Avatar-FDQSCB7A.css';
+import './AvatarStack-7I3P7LCK.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function counted(count, one, many) {

package/dist/{chunk-QBI5ETKY.js → chunk-BRLZXYPA.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Skeleton-V735HRGM.css';
+import './Skeleton-7ZA5ETJM.css';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var range = (n) => Array.from({ length: Math.max(0, n) }, (_, i) => i);

package/dist/{chunk-PHQPQZUX.js → chunk-BVNFNFA6.js}

@@ -1,15 +1,15 @@
 import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { Skeleton } from './chunk-QBI5ETKY.js';
+import { Skeleton } from './chunk-BRLZXYPA.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import './RichEditor-NPD2KAPS.css';
+import './RichEditor-5CF3QV3J.css';
 import { forwardRef, useState, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-GHHWWXXL.js').then(
+  loading ??= import('./Editor-URGZOK2S.js').then(
     (module) => {
       engine = module.Editor;
       return engine;