@crewlethq/ui 0.64.0 → 0.64.1

package/dist/{chunk-Z4EKUMZW.js → chunk-HJBHP66O.js}

@@ -2,7 +2,7 @@ import { StatusDot } from './chunk-WIATRXEJ.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Stepper-QEJI5RGX.css';
+import './Stepper-32INSYF7.css';
 import './StepList-A4YVU4JI.css';
 import { CircleCheckGlyph, CircleAlertGlyph, LockGlyph, CircleStopGlyph, ClockGlyph, CheckGlyph, TriangleAlertGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-KVWZDCTQ.js → chunk-I24FI46B.js}

@@ -2,9 +2,9 @@ import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { useLayerContainer } from './chunk-OMV5W53A.js';
 import { focusables, useModalLayer, useBodyScrollLock } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Modal-3HMP7WAZ.css';
+import './Modal-FYQYEI3N.css';
 import { useId, useRef, useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import { ChevronLeftGlyph, XGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-KYIAFNU7.js → chunk-I5OIKDX2.js}

@@ -1,6 +1,6 @@
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Tag-2DQOVE6W.css';
+import './Tag-JTJVZM2D.css';
 import { XGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-Q4DNAO3O.js → chunk-IL3XLDW7.js}

@@ -2,10 +2,10 @@ import { useTreeState, treeExpandable, treeLevel, treePosInSet, treeSetSize, tre
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
 import { LayerHost, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
 import { focusables } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './TreeGrid-UCPV37XB.css';
+import './TreeGrid-522U6WBG.css';
 import { useState, useRef, useCallback, useLayoutEffect, useImperativeHandle } from 'react';
 import { ChevronRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-WSV3MBOE.js → chunk-IO374IX6.js}

@@ -1,6 +1,6 @@
-import { ContrastLevelTag } from './chunk-BSAQE7PO.js';
+import { ContrastLevelTag } from './chunk-KWLH45YC.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ContrastHelp-MZCAW5WQ.css';
 import { InfoGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-RLFPBRN4.js → chunk-IPMJGK2Q.js}

@@ -1,5 +1,5 @@
 import { useThemePreference, useSystemTheme, resolveTheme } from './chunk-Z24ZUSTX.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { SunGlyph, MoonGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-OB5N3FV2.js → chunk-ISBKJOLI.js}

@@ -1,6 +1,6 @@
-import { StatusCard } from './chunk-WW4E5EUS.js';
+import { StatusCard } from './chunk-G4234OIG.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './EntityList-XIICECVC.css';
+import './EntityList-DT3BQLUW.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function EntityList({

package/dist/{chunk-ZYO2QFU6.js → chunk-IVTQWOXV.js}

@@ -1,4 +1,4 @@
-import { Count } from './chunk-5KRRJNQO.js';
+import { Count } from './chunk-MLDTLZAO.js';
 import { headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-IOTN23FZ.js → chunk-IYG4ETAQ.js}

@@ -1,9 +1,9 @@
 import { useClipboard } from './chunk-STJ7QBC3.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Copyable-5PNRFOLS.css';
+import './Copyable-IS3MHMPL.css';
 import { useCallback } from 'react';
 import { CheckGlyph, CircleAlertGlyph, CopyGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-VTUAQYOC.js → chunk-JAFWGVX2.js}

@@ -1,5 +1,5 @@
 import { BrandLockup } from './chunk-7KBNFFM3.js';
-import { Card } from './chunk-MKKX6N7C.js';
+import { Card } from './chunk-7XKDPTZ5.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AuthLayout-ODHBUPHQ.css';
 import { useId } from 'react';

package/dist/{chunk-UTBCDOGP.js → chunk-JEA5OX54.js}

@@ -1,9 +1,9 @@
 import { Note } from './chunk-5SZGKSGL.js';
-import { CanvasToolbar, toolForKey } from './chunk-KWTRRS7E.js';
-import { IDENTITY_VIEW, Canvas } from './chunk-3Q6N6FJL.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { CanvasToolbar, toolForKey } from './chunk-WDNURPXU.js';
+import { IDENTITY_VIEW, Canvas } from './chunk-F32FFE6I.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './CanvasBoard-JMYNIAHK.css';
+import './CanvasBoard-U6LR5F6H.css';
 import { useState, useRef, useImperativeHandle, useCallback, useMemo, useEffect } from 'react';
 import { MaximizeGlyph, PencilGlyph, TrashGlyph, MousePointer2Glyph, HandGlyph, FrameGlyph, TypeGlyph, StickyNoteGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-DMI4QJDY.js → chunk-JVII5264.js}

@@ -1,5 +1,5 @@
-import { InlineCode } from './chunk-5CLW2CXT.js';
-import { FormField, Input } from './chunk-TLIJG4TP.js';
+import { InlineCode } from './chunk-PLL7ZJHY.js';
+import { FormField, Input } from './chunk-ETSF7SU6.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function confirmMatches(typed, phrase) {

package/dist/{chunk-C3FX7ZSU.js → chunk-KAQ2L74F.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './MessageBubble-GKO6X3QG.css';
+import './MessageBubble-AHTXBO3X.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function MessageBubble({

package/dist/{chunk-P5S2SPTK.js → chunk-KHHDCNYM.js}

@@ -1,9 +1,9 @@
-import { SlideNav } from './chunk-DEAFAK3U.js';
+import { SlideNav } from './chunk-5AJR6X75.js';
 import { SlideStage, SLIDE_WIDTH, SLIDE_HEIGHT } from './chunk-RMEBFYL7.js';
 import { Eyebrow } from './chunk-RK4XPHVG.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './PresenterView-T3EXIQ5S.css';
+import './PresenterView-RKYEK27N.css';
 import { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-5NJ4BIUA.js → chunk-KIJJD4YD.js}

@@ -1,8 +1,8 @@
 import { useTreeState, useMeasuredSizes, layoutForest, treeAncestors, useLayoutAnchor, treeExpandable, layoutConnectors, treeItemAction, treeStep, treePosInSet, treeSetSize, treeLevel, placeGroups } from './chunk-MY374UUD.js';
-import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-3Q6N6FJL.js';
+import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-F32FFE6I.js';
 import { focusables } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './TreeCanvas-QA3PDFTK.css';
+import './TreeCanvas-5FPK4CII.css';
 import { useState, useRef, useMemo, useLayoutEffect, useCallback, useImperativeHandle, useId, useSyncExternalStore } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-EQHJTGLY.js → chunk-KQGOVBGF.js}

@@ -1,5 +1,5 @@
-import { InlineCode } from './chunk-5CLW2CXT.js';
-import { ConfirmModal } from './chunk-KVWZDCTQ.js';
+import { InlineCode } from './chunk-PLL7ZJHY.js';
+import { ConfirmModal } from './chunk-I24FI46B.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import './LinkInterstitial-ET4MSVSV.css';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-BSAQE7PO.js → chunk-KWLH45YC.js}

@@ -1,5 +1,5 @@
 import { normalizeHex } from './chunk-7W3LYIOC.js';
-import { Tag } from './chunk-KYIAFNU7.js';
+import { Tag } from './chunk-I5OIKDX2.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ContrastBadge-CBZPGG3G.css';

package/dist/{chunk-GWPWLVN3.js → chunk-LJ3KWQLP.js}

@@ -1,6 +1,6 @@
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './PinTile-IIA25MNZ.css';
+import './PinTile-OWS7JTHD.css';
 import { forwardRef } from 'react';
 import { GripVerticalGlyph, PinGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-RO2MZZ66.js → chunk-LR4IWUWQ.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DiffList-GE6YBRLJ.css';
+import './DiffList-3JNPLQ2E.css';
 import { DiffGlyph, MinusGlyph, PlusGlyph, ArrowRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-DG6KSGNQ.js → chunk-LSRQ2A6B.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './FindingList-PMYA2R6Q.css';
+import './FindingList-MPLA2ZTO.css';
 import { CircleAlertGlyph, TriangleAlertGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-ESUZ27TS.js → chunk-LWFOX3PB.js}

@@ -1,6 +1,6 @@
-import { ThemeSwatch } from './chunk-MNFU2RNT.js';
+import { ThemeSwatch } from './chunk-3XQUEF5C.js';
 import { useHighlightRest } from './chunk-7KHM2FZH.js';
-import { Tag } from './chunk-KYIAFNU7.js';
+import { Tag } from './chunk-I5OIKDX2.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ThemeGallery-UEFZRT6W.css';

package/dist/{chunk-NLI7OVO2.js → chunk-M25IV5MH.js}

@@ -1,6 +1,6 @@
 import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ReceiptStrip-IIRKRTBG.css';
+import './ReceiptStrip-V7ASVZVV.css';
 import { CircleAlertGlyph, TriangleAlertGlyph, InfoGlyph, CircleCheckGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-KW6KCVM7.js → chunk-M52HLPOG.js}

@@ -1,6 +1,6 @@
-import { KeyChip } from './chunk-FYTIJM2T.js';
+import { KeyChip } from './chunk-HBDA76EZ.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Breadcrumb-YMWVM3SV.css';
+import './Breadcrumb-55VBXIN4.css';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { ChevronRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-IOZFPFQS.js → chunk-MFQPGMJT.js}

@@ -1,7 +1,7 @@
-import { Combobox } from './chunk-PK2P2QH6.js';
+import { Combobox } from './chunk-ZUBFVK6B.js';
 import { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './PrincipalPicker-7NNZTGUP.css';
+import './PrincipalPicker-P6UYHDJR.css';
 import { useState, useId, useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-5KRRJNQO.js → chunk-MLDTLZAO.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Count-ZVCJ6VPD.css';
+import './Count-ZJ6ID4ZU.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function Count({ value, label, className }) {

package/dist/{chunk-3BYIWOTV.js → chunk-MMCYH5LB.js}

@@ -1,4 +1,4 @@
-import { presenceHueClass } from './chunk-I6POAB4V.js';
+import { presenceHueClass } from './chunk-EFX2YC5T.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CursorFlag-AJQJBUGY.css';
 import { PencilGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-3PJHUDXD.js → chunk-MNTUIAQT.js}

@@ -1,13 +1,13 @@
 import { useReorder } from './chunk-MPVMB2DV.js';
-import { Kbd } from './chunk-ACRRRPWT.js';
-import { FormField, Textarea } from './chunk-TLIJG4TP.js';
+import { Kbd } from './chunk-ANTAQAR4.js';
+import { FormField, Textarea } from './chunk-ETSF7SU6.js';
 import { characterCountState, CharacterCount, countCharacters } from './chunk-PGCLHYVP.js';
 import { announce } from './chunk-2G355KDJ.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ListInput-RLQND5QK.css';
+import './ListInput-4ISMGZDQ.css';
 import { forwardRef, useState, useRef, useImperativeHandle, useLayoutEffect, useId } from 'react';
 import { GripVerticalGlyph, ArrowUpGlyph, ArrowDownGlyph, XGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-EBCH3MRX.js → chunk-N7PXGOZP.js}

@@ -1,16 +1,16 @@
-import { Skeleton } from './chunk-QBI5ETKY.js';
+import { Skeleton } from './chunk-BRLZXYPA.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { RelativeTime } from './chunk-L6NG7CUA.js';
-import { Card } from './chunk-MKKX6N7C.js';
-import { AvatarStack } from './chunk-5AQBPHZD.js';
-import { ArtifactKindGround } from './chunk-QZLNKLYD.js';
-import { Checkbox } from './chunk-KIPAFCVS.js';
-import { ArtifactAccessGlyph } from './chunk-BGLKLXL3.js';
+import { Card } from './chunk-7XKDPTZ5.js';
+import { AvatarStack } from './chunk-BKP6XCAJ.js';
+import { ArtifactKindGround } from './chunk-NHLNHH4J.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
+import { ArtifactAccessGlyph } from './chunk-DOY3KC6I.js';
 import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
-import './ArtifactCard-F7IVRL3A.css';
+import './ArtifactCard-B2QE5CVL.css';
 import { useId } from 'react';
 import { PinGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -186,11 +186,11 @@ function ArtifactCard({
 }
 function ArtifactCardSkeleton({ className }) {
   return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-artifact-card", "crewlet-artifact-card--card", "crewlet-artifact-card--skeleton", className), "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__preview", children: /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "100%", height: "100%", borderRadius: 0 }) }),
+    /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__preview", children: /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "100%", height: "100%", borderRadius: 0, marginTop: 0 }) }),
     /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__body", children: [
       /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__badge" }),
-      /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "62%", height: 18, borderRadius: "var(--radius-sm)" }),
-      /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "38%", height: 12, borderRadius: "var(--radius-sm)", marginTop: 6 })
+      /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "62%", height: 18, borderRadius: "var(--radius-sm)", marginTop: 2, marginBottom: 2 }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "38%", height: 12, borderRadius: "var(--radius-sm)", marginTop: 4, marginBottom: 4 })
     ] })
   ] });
 }

package/dist/{chunk-QZLNKLYD.js → chunk-NHLNHH4J.js}

@@ -1,7 +1,7 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
-import './ArtifactKindIllustration-KLFL7KBG.css';
+import './ArtifactKindIllustration-D2J3HJMJ.css';
 import { useId } from 'react';
 import { CheckGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-EAQLI2SO.js → chunk-NQABJAUY.js}

@@ -1,7 +1,7 @@
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './ChoiceList-KFYFAECP.css';
+import './ChoiceList-Q772QLFX.css';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-U4AXQI6U.js → chunk-NWTHGZBH.js}

@@ -1,11 +1,11 @@
-import { Link } from './chunk-HOP3J622.js';
-import { Tag } from './chunk-KYIAFNU7.js';
+import { Link } from './chunk-QF5UNP4T.js';
+import { Tag } from './chunk-I5OIKDX2.js';
 import { RelativeTime } from './chunk-L6NG7CUA.js';
 import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './TableCells-3VN5N2M3.css';
+import './TableCells-F6MUV572.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function TableKeyCell({ value, text, href, emptyLabel = "Not set" }) {

package/dist/{chunk-EFIURN3U.js → chunk-OFABBAUR.js}

@@ -2,9 +2,9 @@ import { PRESENCE_LABELS, presenceOrder, collapseSessions } from './chunk-Z7JYG5
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './PeopleRail-SZGHZXVT.css';
+import './PeopleRail-MRUSDGCZ.css';
 import { useId } from 'react';
 import { isCrewletCharacter } from '@crewlethq/icons/characters';
 import { XGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-MYJZCSMA.js → chunk-OGRMOWMO.js}

@@ -1,8 +1,8 @@
 import { Text } from './chunk-QP2P6GDQ.js';
 import { Inline, Stack, Spacer } from './chunk-ZAC7SKUN.js';
-import { Card } from './chunk-MKKX6N7C.js';
+import { Card } from './chunk-7XKDPTZ5.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './RelatedRow-2FVS6QQA.css';
+import './RelatedRow-IZ22XCLP.css';
 import { ChevronRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-WR7UDG7U.js → chunk-OJGI4XJH.js}

@@ -1,6 +1,6 @@
 import { frameThemeMessage, readFrameHello, frameOriginMatches, negotiateBridge, FRAME_MESSAGE, portTargetOrigin, checkFrameSandbox, httpOrigin, isFrameNonce, frameFragment, readOpenLink, externalUrl, isFocusExit } from './chunk-F6V2PTN6.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 { cx } from './chunk-ODEQTPFM.js';
 import './SandboxedFrame-P5NASXB7.css';

package/dist/{chunk-VVVB3OBW.js → chunk-OOC6KXNL.js}

@@ -1,21 +1,21 @@
-import { TagGroup } from './chunk-4U2D6BPR.js';
-import { CursorFlag } from './chunk-3BYIWOTV.js';
-import { presenceHueClass } from './chunk-I6POAB4V.js';
-import { ChangeMark } from './chunk-66X5WDKE.js';
+import { TagGroup } from './chunk-UEOEBOBR.js';
+import { CursorFlag } from './chunk-MMCYH5LB.js';
+import { presenceHueClass } from './chunk-EFX2YC5T.js';
+import { ChangeMark } from './chunk-Z2MZTI3H.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';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Tag } from './chunk-KYIAFNU7.js';
+import { Tag } from './chunk-I5OIKDX2.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
-import { Menu } from './chunk-LODRX4FU.js';
+import { Menu } from './chunk-T73DMDU4.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SheetGrid-XK7T7M34.css';
+import './SheetGrid-QGQAYDEY.css';
 import { useId, useRef, useMemo, useState, useLayoutEffect, useEffect, useCallback } from 'react';
 import { CheckGlyph, StarGlyph, CircleAlertGlyph, ArrowUpGlyph, ArrowDownGlyph, TrashGlyph, EllipsisGlyph, RotateCcwClockGlyph, PlusGlyph } from '@crewlethq/icons/glyphs';
 import { isCrewletCharacter } from '@crewlethq/icons/characters';
@@ -1180,6 +1180,8 @@ function SheetGrid({
     width: `${totalWidth}px`
   };
   const contentHeight = headerHeight + rows.length * rowHeight + 2 + crossbar;
+  const rowsReachFloor = headerHeight + rows.length * rowHeight >= viewport;
+  const headOnFloor = rows.length === 0 && rowsReachFloor;
   const scrollerStyle = fit === "content" ? {
     height: `${height !== void 0 ? Math.min(contentHeight, height) : contentHeight}px`,
     "--crewlet-sheet-content-height": `${contentHeight}px`
@@ -1221,71 +1223,79 @@ function SheetGrid({
               onCut,
               onPaste,
               children: [
-                /* @__PURE__ */ jsx("div", { role: "rowgroup", className: "crewlet-sheet-grid__head", children: /* @__PURE__ */ jsxs("div", { role: "row", "aria-rowindex": 1, className: "crewlet-sheet-grid__row crewlet-sheet-grid__row--head", children: [
-                  /* @__PURE__ */ jsx("div", { role: "columnheader", "aria-colindex": 1, className: cx("crewlet-sheet-grid__corner", lastFrozen < 0 && "crewlet-sheet-grid__frozen-edge"), children: /* @__PURE__ */ jsx(VisuallyHidden, { children: labels.rowHeader }) }),
-                  columns.map((column, col) => {
-                    const position = { row: HEADER, col };
-                    const isActive = current?.row === HEADER && current.col === col;
-                    const sorted = sort?.field === column.field ? sort.direction : void 0;
-                    const here = onColumns.get(column.field) ?? [];
-                    const header = (
-                      // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- keys reach the grid's own handler, which sorts or opens the column's settings on Enter and Space
-                      /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          id: cellDomId(id, position),
-                          role: "columnheader",
-                          "aria-colindex": col + 2,
-                          "aria-sort": sorted ?? (onSortChange ? "none" : void 0),
-                          tabIndex: isActive ? 0 : -1,
-                          className: cx(
-                            "crewlet-sheet-grid__header",
-                            `crewlet-sheet-grid__header--${column.type}`,
-                            column.frozen && "crewlet-sheet-grid__cell--frozen",
-                            col === lastFrozen && "crewlet-sheet-grid__frozen-edge",
-                            isActive && "crewlet-sheet-grid__header--active",
-                            columnSettings && "crewlet-sheet-grid__header--settings",
-                            openColumn === column.field && "crewlet-sheet-grid__header--open"
-                          ),
-                          style: column.frozen ? { insetInlineStart: `${offsets[col]}px` } : void 0,
-                          onMouseDown: (event) => {
-                            if (!fromElsewhere(event)) onCellMouseDown(event, { rowId: null, field: column.field });
-                          },
-                          onFocus: (event) => {
-                            if (event.target === event.currentTarget) onCellFocus({ rowId: null, field: column.field });
-                          },
-                          onClick: (event) => {
-                            if (fromElsewhere(event)) return;
-                            if (columnSettings) setOpenColumn(openColumn === column.field ? null : column.field);
-                            else if (onSortChange) onSortChange(nextSort(sort, column.field));
+                /* @__PURE__ */ jsx("div", { role: "rowgroup", className: "crewlet-sheet-grid__head", children: /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    role: "row",
+                    "aria-rowindex": 1,
+                    className: cx("crewlet-sheet-grid__row", "crewlet-sheet-grid__row--head", headOnFloor && "crewlet-sheet-grid__row--floor"),
+                    children: [
+                      /* @__PURE__ */ jsx("div", { role: "columnheader", "aria-colindex": 1, className: cx("crewlet-sheet-grid__corner", lastFrozen < 0 && "crewlet-sheet-grid__frozen-edge"), children: /* @__PURE__ */ jsx(VisuallyHidden, { children: labels.rowHeader }) }),
+                      columns.map((column, col) => {
+                        const position = { row: HEADER, col };
+                        const isActive = current?.row === HEADER && current.col === col;
+                        const sorted = sort?.field === column.field ? sort.direction : void 0;
+                        const here = onColumns.get(column.field) ?? [];
+                        const header = (
+                          // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- keys reach the grid's own handler, which sorts or opens the column's settings on Enter and Space
+                          /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              id: cellDomId(id, position),
+                              role: "columnheader",
+                              "aria-colindex": col + 2,
+                              "aria-sort": sorted ?? (onSortChange ? "none" : void 0),
+                              tabIndex: isActive ? 0 : -1,
+                              className: cx(
+                                "crewlet-sheet-grid__header",
+                                `crewlet-sheet-grid__header--${column.type}`,
+                                column.frozen && "crewlet-sheet-grid__cell--frozen",
+                                col === lastFrozen && "crewlet-sheet-grid__frozen-edge",
+                                isActive && "crewlet-sheet-grid__header--active",
+                                columnSettings && "crewlet-sheet-grid__header--settings",
+                                openColumn === column.field && "crewlet-sheet-grid__header--open"
+                              ),
+                              style: column.frozen ? { insetInlineStart: `${offsets[col]}px` } : void 0,
+                              onMouseDown: (event) => {
+                                if (!fromElsewhere(event)) onCellMouseDown(event, { rowId: null, field: column.field });
+                              },
+                              onFocus: (event) => {
+                                if (event.target === event.currentTarget) onCellFocus({ rowId: null, field: column.field });
+                              },
+                              onClick: (event) => {
+                                if (fromElsewhere(event)) return;
+                                if (columnSettings) setOpenColumn(openColumn === column.field ? null : column.field);
+                                else if (onSortChange) onSortChange(nextSort(sort, column.field));
+                              },
+                              title: columnSettings ? labels.columnSettings(column.label) : onSortChange ? labels.sortBy(column.label) : column.label,
+                              children: [
+                                /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__header-label", children: column.label }),
+                                /* @__PURE__ */ jsx(VisuallyHidden, { children: `, ${labels.types[column.type]}` }),
+                                sorted ? /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__sort", "aria-hidden": "true", children: sorted === "ascending" ? /* @__PURE__ */ jsx(ArrowUpGlyph, { size: "xs" }) : /* @__PURE__ */ jsx(ArrowDownGlyph, { size: "xs" }) }) : null,
+                                here.length > 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__header-presence", "aria-hidden": "true", children: here.map((entry) => /* @__PURE__ */ jsx(Avatar, { name: entry.name, kind: entry.kind, size: 16, decorative: true, className: cx("crewlet-sheet-grid__header-badge", presenceHueClass(entry.hue)) }, entry.id)) }) : null
+                              ]
+                            },
+                            column.field
+                          )
+                        );
+                        return columnSettings ? /* @__PURE__ */ jsx(
+                          Popover,
+                          {
+                            label: labels.columnSettings(column.label),
+                            open: openColumn === column.field,
+                            onOpenChange: (open) => {
+                              if (!open && openColumn === column.field) setOpenColumn(null);
+                            },
+                            trigger: () => header,
+                            className: "crewlet-sheet-grid__column-settings",
+                            children: (close) => renderColumnEditor(column, close)
                           },
-                          title: columnSettings ? labels.columnSettings(column.label) : onSortChange ? labels.sortBy(column.label) : column.label,
-                          children: [
-                            /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__header-label", children: column.label }),
-                            /* @__PURE__ */ jsx(VisuallyHidden, { children: `, ${labels.types[column.type]}` }),
-                            sorted ? /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__sort", "aria-hidden": "true", children: sorted === "ascending" ? /* @__PURE__ */ jsx(ArrowUpGlyph, { size: "xs" }) : /* @__PURE__ */ jsx(ArrowDownGlyph, { size: "xs" }) }) : null,
-                            here.length > 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__header-presence", "aria-hidden": "true", children: here.map((entry) => /* @__PURE__ */ jsx(Avatar, { name: entry.name, kind: entry.kind, size: 16, decorative: true, className: cx("crewlet-sheet-grid__header-badge", presenceHueClass(entry.hue)) }, entry.id)) }) : null
-                          ]
-                        },
-                        column.field
-                      )
-                    );
-                    return columnSettings ? /* @__PURE__ */ jsx(
-                      Popover,
-                      {
-                        label: labels.columnSettings(column.label),
-                        open: openColumn === column.field,
-                        onOpenChange: (open) => {
-                          if (!open && openColumn === column.field) setOpenColumn(null);
-                        },
-                        trigger: () => header,
-                        className: "crewlet-sheet-grid__column-settings",
-                        children: (close) => renderColumnEditor(column, close)
-                      },
-                      column.field
-                    ) : header;
-                  })
-                ] }) }),
+                          column.field
+                        ) : header;
+                      })
+                    ]
+                  }
+                ) }),
                 /* @__PURE__ */ jsx("div", { role: "rowgroup", className: "crewlet-sheet-grid__body", style: { height: `${rows.length * rowHeight}px` }, children: drawn.map((index) => {
                   const row = rows[index];
                   const rowPresence = onRows.get(row.id);
@@ -1297,7 +1307,7 @@ function SheetGrid({
                     {
                       role: "row",
                       "aria-rowindex": index + 2,
-                      className: "crewlet-sheet-grid__row",
+                      className: cx("crewlet-sheet-grid__row", index === rows.length - 1 && rowsReachFloor && "crewlet-sheet-grid__row--floor"),
                       style: { top: `${index * rowHeight}px` },
                       "data-row-id": row.id,
                       children: [
@@ -1459,7 +1469,7 @@ function SheetGrid({
             // OUTSIDE THE GRID'S ROLES: a grid's rows hold cells only, so the
             // control stands beside the header row, sticks with it, and is its
             // own tab stop after the grid's.
-            /* @__PURE__ */ jsx("div", { className: "crewlet-sheet-grid__add-column", style: { height: `${headerHeight}px` }, children: /* @__PURE__ */ jsx(Tooltip, { content: labels.addColumn, children: /* @__PURE__ */ jsx(IconButton, { label: labels.addColumn, icon: /* @__PURE__ */ jsx(PlusGlyph, { size: "xs" }), size: "sm", title: "", onClick: onAddColumn }) }) })
+            /* @__PURE__ */ jsx("div", { className: cx("crewlet-sheet-grid__add-column", headOnFloor && "crewlet-sheet-grid__add-column--floor"), style: { height: `${headerHeight}px` }, children: /* @__PURE__ */ jsx(Tooltip, { content: labels.addColumn, children: /* @__PURE__ */ jsx(IconButton, { label: labels.addColumn, icon: /* @__PURE__ */ jsx(PlusGlyph, { size: "xs" }), size: "sm", title: "", onClick: onAddColumn }) }) })
           ) : null
         ]
       }