@crewlethq/ui 0.68.0 → 0.70.0

package/dist/VersionCompare/index.js

@@ -1,20 +1,20 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-O3WH7OJE.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-EOXI3CRG.js';
 import '../chunk-AOFVXE6V.js';
 import '../chunk-25AZQ3GZ.js';
-import '../chunk-MJTBINIY.js';
-import '../chunk-MVQLCSAC.js';
+import '../chunk-TYIHFDMP.js';
+import '../chunk-IPUEVTRJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-PPUR46MK.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-2566PSQ3.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-OQG4P5KU.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/VersionTimeline/index.js

@@ -1,11 +1,11 @@
-export { VersionTimeline } from '../chunk-WPMZKZUH.js';
+export { VersionTimeline } from '../chunk-O3HCFM3D.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-4MJN2KN6.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{chunk-XI56IJGI.js → chunk-3EETQFAM.js}

@@ -4,7 +4,7 @@ import { RelativeTime } from './chunk-EJNJMHQG.js';
 import { Card } from './chunk-4AUTALJA.js';
 import { AvatarStack } from './chunk-BKP6XCAJ.js';
 import { ArtifactKindGround } from './chunk-NHLNHH4J.js';
-import { Checkbox } from './chunk-EAR2F5OA.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';

package/dist/{chunk-5FFZED4X.js → chunk-3EY5SEGH.js}

@@ -1,9 +1,9 @@
-import { RefusalStrip, ReceiptStrip } from './chunk-M25IV5MH.js';
-import { StatusCard } from './chunk-NTQPJJAN.js';
+import { RefusalStrip, ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { ChangeList } from './chunk-WQRSZMN4.js';
-import { Checkbox } from './chunk-EAR2F5OA.js';
+import { StatusCard } from './chunk-NTQPJJAN.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
 import { Disclosure } from './chunk-222VILSP.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './VisuallyHidden-AOEXU5EB.css';

package/dist/{chunk-2QMUOUXN.js → chunk-3LP3VPLT.js}

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

package/dist/{chunk-DGG2A6XG.js → chunk-3WN5HUAK.js}

@@ -1,5 +1,5 @@
-import { SegmentedControl } from './chunk-MJTBINIY.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { SegmentedControl } from './chunk-TYIHFDMP.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MergeConflicts-HCXPRQVR.css';
 import { useState, useId, useRef, useEffect } from 'react';

package/dist/{chunk-QBWNGNF7.js → chunk-4DL2BQJE.js}

@@ -1,6 +1,6 @@
 import { EditingStatus } from './chunk-VLGGLLKH.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './InlineEditor-W55DDKML.css';

package/dist/{chunk-XNYMMLCY.js → chunk-4MVLED6E.js}

@@ -1,8 +1,8 @@
-import { Modal } from './chunk-I24FI46B.js';
+import { Modal } from './chunk-C667GCU7.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { SegmentedControl } from './chunk-MJTBINIY.js';
-import { FormField, Input } from './chunk-DCQ2VTBB.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { SegmentedControl } from './chunk-TYIHFDMP.js';
+import { FormField, Input } from './chunk-ETSF7SU6.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { useState } from 'react';
 import { ClockGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

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

@@ -1,5 +1,5 @@
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { Textarea } from './chunk-DCQ2VTBB.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';

package/dist/{chunk-QRKDP7RQ.js → chunk-6C6YK75K.js}

@@ -1,9 +1,9 @@
 import { Timeline } from './chunk-4MJN2KN6.js';
 import { Section } from './chunk-WFCWPXJN.js';
-import { Composer } from './chunk-OXEWUAND.js';
+import { Composer } from './chunk-5OFRDX66.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { ArtifactPanel } from './chunk-FFGEJUAP.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AgentHandoffPanel-AIU7YWWB.css';
 import { useId, useRef, useEffect } from 'react';

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

@@ -1,4 +1,4 @@
-import { Copyable } from './chunk-IYG4ETAQ.js';
+import { Copyable } from './chunk-T5GBTXNC.js';
 import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ColorSwatch-V4DA4TK5.css';

package/dist/{chunk-WWXIGN4O.js → chunk-73SAOOR5.js}

@@ -1,11 +1,11 @@
 import { Select } from './chunk-VK45YJLH.js';
-import { CopyButton } from './chunk-IYG4ETAQ.js';
-import { Modal } from './chunk-I24FI46B.js';
+import { Modal } from './chunk-C667GCU7.js';
+import { CopyButton } from './chunk-T5GBTXNC.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ShareDialog-72VTMM4K.css';

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

@@ -1,5 +1,5 @@
 import { normalizeHex, parseColourInput } from './chunk-7W3LYIOC.js';
-import { FormField, Input, InputAffix } from './chunk-DCQ2VTBB.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-COAK5MIF.js → chunk-ADSOY7UM.js}

@@ -1,11 +1,11 @@
 import { Select } from './chunk-VK45YJLH.js';
 import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-EE3DJMSQ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Input } from './chunk-DCQ2VTBB.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Input } from './chunk-ETSF7SU6.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TimeWindowPicker-YZPKNZZI.css';
 import { useMemo, useState, useRef, useId, useEffect } from 'react';

package/dist/{chunk-GNDKUSCG.js → chunk-AGLONIVV.js}

@@ -5,7 +5,7 @@ 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-F6MUV572.css';
+import './TableCells-TKSNLRK3.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function TableKeyCell({ value, text, href, emptyLabel = "Not set" }) {

package/dist/{chunk-YDXX5UB7.js → chunk-AQIFKLXY.js}

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

package/dist/{chunk-SUJO3AHN.js → chunk-B3PK2LND.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ConflictNote-OP64JJ6T.css';
 import { CircleAlertGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-IU5J6BY5.js → chunk-BWAUL5MB.js}

@@ -1,6 +1,6 @@
 import { Select } from './chunk-VK45YJLH.js';
-import { Combobox } from './chunk-IQQSMK4E.js';
-import { FormField, Textarea, InputAffix } from './chunk-DCQ2VTBB.js';
+import { Combobox } from './chunk-ZUBFVK6B.js';
+import { FormField, Textarea, InputAffix } from './chunk-ETSF7SU6.js';
 import './Input-GEFFMKBS.css';
 import './VisuallyHidden-AOEXU5EB.css';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-ZFFQMRPJ.js → chunk-BWFJB5JD.js}

@@ -1,10 +1,10 @@
+import { Modal } from './chunk-C667GCU7.js';
 import { useClipboard } from './chunk-STJ7QBC3.js';
-import { Modal } from './chunk-I24FI46B.js';
 import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { Checkbox } from './chunk-EAR2F5OA.js';
-import { Menu } from './chunk-2566PSQ3.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
+import { Menu } from './chunk-OQG4P5KU.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

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

@@ -1,5 +1,5 @@
 import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { useLayerContainer } from './chunk-OMV5W53A.js';
 import { focusables, useModalLayer, useBodyScrollLock } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';

package/dist/{chunk-CWYU7DNT.js → chunk-CDNZTCP2.js}

@@ -1,5 +1,5 @@
 import { useAppShellPeek, ResizeHandle } from './chunk-PIYJNCN7.js';
-import { ButtonLink } from './chunk-7QTPJDRF.js';
+import { ButtonLink } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-MVQSTBLQ.js → chunk-DB7UVFOY.js}

@@ -1,4 +1,4 @@
-import { HuePicker } from './chunk-YDXX5UB7.js';
+import { HuePicker } from './chunk-AQIFKLXY.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { CharacterPicker } from './chunk-SNQRGH4A.js';

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

@@ -1,7 +1,7 @@
 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-BRLZXYPA.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SandboxedFrame-P5NASXB7.css';
 import { useState, useMemo, useRef, useEffect } from 'react';

package/dist/{chunk-7QTPJDRF.js → chunk-DGXZ635L.js}

@@ -1,18 +1,19 @@
 import { Spinner } from './chunk-XSPCITPN.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Button-VRRYSXFN.css';
+import './Button-GDEBGBX6.css';
 import { forwardRef, useId, Children, isValidElement, cloneElement } from 'react';
 import { ExternalLinkGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-function buttonClass({ variant = "primary", size = "medium", shape = "square", block, className }, extra) {
+function buttonClass({ variant = "primary", size = "medium", shape = "square", block, flush, className }, extra) {
   return cx(
     "crewlet-btn",
     `crewlet-btn--${variant}`,
     `crewlet-btn--${size}`,
     `crewlet-btn--${shape}`,
     block && "crewlet-btn--block",
+    flush && "crewlet-btn--flush",
     extra,
     className
   );
@@ -36,6 +37,7 @@ var Button = forwardRef(function Button2({
   leadingIcon,
   trailingIcon,
   block,
+  flush,
   className,
   type = "button",
   asChild = false,
@@ -49,7 +51,7 @@ var Button = forwardRef(function Button2({
   ...rest
 }, ref) {
   const reasonId = useId();
-  const look = { variant, size, shape, block, className};
+  const look = { variant, size, shape, block, flush, className};
   const classes = buttonClass(look, loading ? "crewlet-btn--loading" : void 0);
   if (asChild) {
     const child = Children.only(children);
@@ -99,6 +101,7 @@ var ButtonLink = forwardRef(function ButtonLink2({
   leadingIcon,
   trailingIcon,
   block,
+  flush,
   className,
   external = false,
   title,
@@ -111,7 +114,7 @@ var ButtonLink = forwardRef(function ButtonLink2({
     {
       ...rest,
       ref,
-      className: buttonClass({ variant, size, shape, block, className }),
+      className: buttonClass({ variant, size, shape, block, flush, className }),
       title,
       "aria-label": rest["aria-label"] ?? (children === void 0 ? title : void 0),
       target: external ? "_blank" : rest.target,

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

@@ -1,5 +1,5 @@
 import { SlideStage } from './chunk-RMEBFYL7.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideCompare-R4GVZXAM.css';

package/dist/{chunk-NSCYGUDG.js → chunk-EHFQMY3B.js}

@@ -1,5 +1,5 @@
 import { useDownload, safeFilename } from './chunk-YNRKVY7X.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { CheckGlyph, CircleAlertGlyph, SaveGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-FPTJMNI3.js → chunk-EN4UJQ63.js}

@@ -9,8 +9,8 @@ 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-2566PSQ3.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Menu } from './chunk-OQG4P5KU.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-O3WH7OJE.js → chunk-EOXI3CRG.js}

@@ -1,5 +1,5 @@
 import { diffLines, diffStat, collapseDiff, DiffSummary, DiffView } from './chunk-AOFVXE6V.js';
-import { SegmentedControl } from './chunk-MJTBINIY.js';
+import { SegmentedControl } from './chunk-TYIHFDMP.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-LUSRKTX6.js → chunk-ERFXYGRF.js}

@@ -1,6 +1,6 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { SegmentedControl } from './chunk-MJTBINIY.js';
-import { tabId } from './chunk-MVQLCSAC.js';
+import { SegmentedControl } from './chunk-TYIHFDMP.js';
+import { tabId } from './chunk-IPUEVTRJ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MarkdownEditor-BLCJRGDC.css';

package/dist/{chunk-MCMPQBEV.js → chunk-FQI62PIZ.js}

@@ -1,6 +1,6 @@
 import { Note } from './chunk-5SZGKSGL.js';
-import { CanvasToolbar, toolForKey } from './chunk-WYXUDDTY.js';
-import { IDENTITY_VIEW, Canvas } from './chunk-NBOFBSVD.js';
+import { CanvasToolbar, toolForKey } from './chunk-KL6A7JGH.js';
+import { IDENTITY_VIEW, Canvas } from './chunk-OBPINJNO.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CanvasBoard-U6LR5F6H.css';

package/dist/{chunk-CLJHQHPS.js → chunk-FURJVZCT.js}

@@ -1,15 +1,19 @@
-import { Checkbox } from './chunk-EAR2F5OA.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 { Button } from './chunk-DGXZ635L.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DataGrid-NHIN2I42.css';
+import './DataGrid-Q26F2V5Q.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';
+import { ArrowDownGlyph, ArrowUpGlyph, ArrowUpDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
+var DATA_GRID_ICON_TRACK = "calc(var(--size-target-min) + var(--spacing-3) * 2)";
+function alignOf(column) {
+  return column.align ?? (column.icon ? "center" : "left");
+}
 function columnChoicesOf(columns) {
   return columns.map((column) => ({
     key: column.key,
@@ -59,6 +63,15 @@ function parseGridSort(raw) {
   if (!raw) return null;
   return raw.startsWith("-") ? { key: raw.slice(1), desc: true } : { key: raw, desc: false };
 }
+function nextGridSort(column, sort, defaultSort = "") {
+  const chosen = sort === defaultSort ? "" : sort;
+  const current2 = parseGridSort(chosen || defaultSort);
+  let next;
+  if (current2?.key !== column) next = column;
+  else if (!current2.desc) next = `-${column}`;
+  else next = chosen ? "" : column;
+  return next === defaultSort ? "" : next;
+}
 function headerWord(column) {
   return typeof column.header === "string" ? column.header : "";
 }
@@ -120,7 +133,7 @@ function squeezed(wrap, visible, leading = 0) {
   let headCut = false;
   for (let i = 0; i < visible.length; i++) {
     const column = visible[i];
-    if (!column.shrink || column.width) continue;
+    if (!column.shrink || column.width || column.icon) continue;
     const head = heads[i + leading];
     if (!head || head.getBoundingClientRect().width >= cap) continue;
     if (cutShort(head)) headCut = true;
@@ -156,6 +169,7 @@ function DataGrid({
   selection,
   isFailed,
   sort: sortRaw = "",
+  defaultSort = "",
   onSortChange,
   serverSorted = false,
   cols: colsRaw = "",
@@ -174,7 +188,7 @@ function DataGrid({
   className
 }) {
   const text = { ...LABELS, ...labels };
-  const sort = parseGridSort(sortRaw);
+  const sort = parseGridSort(sortRaw || defaultSort);
   const body = useRef(null);
   const [cursor, setCursor] = useState(-1);
   const gridId = useId();
@@ -278,7 +292,7 @@ function DataGrid({
     ),
     action: true,
     phoneLead: true,
-    width: "calc(var(--size-target-min) + var(--spacing-3) * 2)"
+    width: DATA_GRID_ICON_TRACK
   } : null;
   const drawnColumns = selectColumn ? [selectColumn, ...visibleColumns] : visibleColumns;
   const leading = drawnColumns.length - visibleColumns.length;
@@ -312,10 +326,31 @@ function DataGrid({
         body.current?.querySelector(`[data-row-index="${next}"]`)?.scrollIntoView({ block: "nearest" });
         return next;
       }),
+      // THE ROW'S OWN WAY IN, from the keyboard: its handler where it has
+      // one, else its link, followed as a click on it would be (with the
+      // keys held, so a modified Enter opens it elsewhere as a modified
+      // click does). A grid of links only had no Enter at all.
       activate: (event) => {
         const row = flat[cursor];
-        if (row === void 0 || !onRowActivate) return false;
-        onRowActivate(row, event);
+        if (row === void 0) return false;
+        if (onRowActivate) {
+          onRowActivate(row, event);
+          return true;
+        }
+        const link = body.current?.querySelector(
+          `[data-row-index="${cursor}"] > .crewlet-data-grid__cell > a.crewlet-data-grid__row-link`
+        );
+        if (!link) return false;
+        link.dispatchEvent(
+          new MouseEvent("click", {
+            bubbles: true,
+            cancelable: true,
+            metaKey: event.metaKey,
+            ctrlKey: event.ctrlKey,
+            shiftKey: event.shiftKey,
+            altKey: event.altKey
+          })
+        );
         return true;
       },
       rowCount: () => flat.length
@@ -324,11 +359,11 @@ function DataGrid({
   );
   function headerClick(column) {
     if (!column.sortValue || !onSortChange) return;
-    if (sort?.key === column.key && !sort.desc) onSortChange(`-${column.key}`);
-    else if (sort?.key === column.key && sort.desc) onSortChange("");
-    else onSortChange(column.key);
+    onSortChange(nextGridSort(column.key, sortRaw, defaultSort));
   }
-  const template = drawnColumns.map((c) => c.width ?? (c.shrink ? `fit-content(${SHRINK_CAP})` : `minmax(${c.floor ?? 0}, 1fr)`)).join(" ");
+  const template = drawnColumns.map(
+    (c) => c.width ?? (c.icon ? DATA_GRID_ICON_TRACK : c.shrink ? `fit-content(${SHRINK_CAP})` : `minmax(${c.floor ?? 0}, 1fr)`)
+  ).join(" ");
   if (flat.length === 0 && !bands?.length && empty) {
     return /* @__PURE__ */ jsx("div", { className: cx("crewlet-data-grid", className), "data-flush": flush || void 0, children: /* @__PURE__ */ jsx(
       EmptyState,
@@ -377,7 +412,8 @@ function DataGrid({
         role: "cell",
         className: cx(
           "crewlet-data-grid__cell",
-          column.align === "right" && "crewlet-data-grid__cell--right",
+          alignOf(column) !== "left" && `crewlet-data-grid__cell--${alignOf(column)}`,
+          column.icon && "crewlet-data-grid__cell--icon",
           column.shrink && "crewlet-data-grid__cell--shrink"
         ),
         "data-lead": column.phoneLead || void 0,
@@ -444,36 +480,46 @@ function DataGrid({
           const sortable = Boolean(column.sortValue && onSortChange);
           const headClass = cx(
             "crewlet-data-grid__th",
-            column.align === "right" && "crewlet-data-grid__th--right",
+            alignOf(column) !== "left" && `crewlet-data-grid__th--${alignOf(column)}`,
+            column.icon && "crewlet-data-grid__th--icon",
             column.shrink && "crewlet-data-grid__th--shrink",
             sorted && "crewlet-data-grid__th--sorted",
             !sortable && "crewlet-data-grid__th--plain"
           );
-          const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: "crewlet-data-grid__truncate", children: column.header }),
-            sorted && (sort?.desc ? /* @__PURE__ */ jsx(ChevronDownGlyph, { size: "xs" }) : /* @__PURE__ */ jsx(ChevronUpGlyph, { size: "xs" }))
-          ] });
+          const worded = column.header !== "" && column.header !== null && column.header !== void 0;
+          const label = worded ? /* @__PURE__ */ jsx("span", { className: "crewlet-data-grid__truncate", children: column.header }) : null;
+          const arrow = sorted ? sort?.desc ? /* @__PURE__ */ jsx(ArrowDownGlyph, { size: "xs" }) : /* @__PURE__ */ jsx(ArrowUpGlyph, { size: "xs" }) : sortable ? /* @__PURE__ */ jsx(ArrowUpDownGlyph, { size: "xs" }) : null;
+          const ariaSort = sorted ? sort?.desc ? "descending" : "ascending" : void 0;
+          const mark = arrow && /* @__PURE__ */ jsx("span", { className: "crewlet-data-grid__sort-mark", "aria-hidden": "true", children: arrow });
           if (!sortable) {
             const named = !headerWord(column) && !column.action ? column.label : void 0;
-            return /* @__PURE__ */ jsxs("div", { className: headClass, role: "columnheader", title: named, children: [
-              content,
-              named && /* @__PURE__ */ jsx(VisuallyHidden, { children: named })
-            ] }, column.key);
+            return (
+              // THE ORDER IN FORCE IS SAID on a head that cannot change it too:
+              // a grid sorted by its default, with nothing to press.
+              /* @__PURE__ */ jsxs("div", { className: headClass, role: "columnheader", title: named, "aria-sort": ariaSort, children: [
+                label,
+                mark,
+                named && /* @__PURE__ */ jsx(VisuallyHidden, { children: named })
+              ] }, column.key)
+            );
           }
           return /* @__PURE__ */ jsx(
             "div",
             {
               className: headClass,
               role: "columnheader",
-              "aria-sort": sorted ? sort?.desc ? "descending" : "ascending" : void 0,
-              children: /* @__PURE__ */ jsx(
+              "aria-sort": ariaSort,
+              children: /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
                   className: "crewlet-data-grid__sort",
                   onClick: () => headerClick(column),
                   "aria-label": headerWord(column) ? void 0 : column.label,
-                  children: content
+                  children: [
+                    label,
+                    mark
+                  ]
                 }
               )
             },
@@ -544,4 +590,4 @@ function useAnyDataGridDriving() {
   return drivable.length > 0;
 }
 
-export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving };
+export { ChooserList, ColumnChooser, DATA_GRID_ICON_TRACK, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, nextGridSort, parseGridSort, useAnyDataGridDriving, useDataGridDriving };

package/dist/{chunk-5K7GGQNX.js → chunk-G4QZWVAB.js}

@@ -1,8 +1,8 @@
 import { safeHref } from './chunk-BAKPMH3S.js';
 import { IconTile } from './chunk-3LI4TRUR.js';
-import { ReceiptStrip } from './chunk-M25IV5MH.js';
+import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { StatusCard } from './chunk-NTQPJJAN.js';
-import { ButtonLink, Button } from './chunk-7QTPJDRF.js';
+import { ButtonLink, Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OpenInAppCard-CKHCK7DO.css';
 import { CircleCheckGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-KZ3UXNN7.js → chunk-H32JW6CZ.js}

@@ -1,9 +1,9 @@
 import { useReorder } from './chunk-MPVMB2DV.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { FormField, Textarea } from './chunk-DCQ2VTBB.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 { Button } from './chunk-DGXZ635L.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-7DD2GR7I.js → chunk-HPI5J6AR.js}

@@ -1,8 +1,8 @@
 import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-EE3DJMSQ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Button } from './chunk-7QTPJDRF.js';
-import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DateTimePicker-PM6TIRIX.css';
 import { useMemo, useState, useEffect } from 'react';

package/dist/{chunk-ZEPUKRO7.js → chunk-IJ7KLXUZ.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import './ErrorBoundary-U2PA3LY2.css';
 import { Component } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';