@crewlethq/ui 0.67.0 → 0.68.0

package/dist/ValueField/index.js

@@ -1,15 +1,15 @@
-export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from '../chunk-BWAUL5MB.js';
+export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from '../chunk-IU5J6BY5.js';
 import '../chunk-VK45YJLH.js';
-import '../chunk-ZUBFVK6B.js';
+import '../chunk-IQQSMK4E.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-ETSF7SU6.js';
+import '../chunk-DCQ2VTBB.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-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-UAUP6XGK.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-6ID4DVML.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-O3WH7OJE.js';
 import '../chunk-AOFVXE6V.js';
 import '../chunk-25AZQ3GZ.js';
-import '../chunk-W6UVBBNH.js';
-import '../chunk-PVZOP3QK.js';
+import '../chunk-MJTBINIY.js';
+import '../chunk-MVQLCSAC.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-PPUR46MK.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-T73DMDU4.js';
+import '../chunk-2566PSQ3.js';
 import '../chunk-7QTPJDRF.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{chunk-MFQPGMJT.js → chunk-2DSHMV6B.js}

@@ -1,4 +1,4 @@
-import { Combobox } from './chunk-ZUBFVK6B.js';
+import { Combobox } from './chunk-IQQSMK4E.js';
 import { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PrincipalPicker-P6UYHDJR.css';

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

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

package/dist/{chunk-J5BIKMQY.js → chunk-4VPDY7AD.js}

@@ -1,14 +1,14 @@
 import { PageHeader } from './chunk-FPDIHEM4.js';
-import { DataTable } from './chunk-CFY257ND.js';
-import { DateTimePicker } from './chunk-PX54PALQ.js';
+import { DataTable } from './chunk-ZFFQMRPJ.js';
+import { DateTimePicker } from './chunk-7DD2GR7I.js';
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { Input } from './chunk-ETSF7SU6.js';
+import { Input } from './chunk-DCQ2VTBB.js';
 import { Count } from './chunk-MLDTLZAO.js';
-import { Menu } from './chunk-T73DMDU4.js';
+import { Menu } from './chunk-2566PSQ3.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-2AQMXGWA.js → chunk-5FFZED4X.js}

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

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

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

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

@@ -1,4 +1,4 @@
-import { Checkbox } from './chunk-PBCNINMB.js';
+import { Checkbox } from './chunk-EAR2F5OA.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Button } from './chunk-7QTPJDRF.js';

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

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

package/dist/{chunk-WXLQJUGO.js → chunk-COAK5MIF.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-ETSF7SU6.js';
+import { Input } from './chunk-DCQ2VTBB.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-UAUP6XGK.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TimeWindowPicker-YZPKNZZI.css';
 import { useMemo, useState, useRef, useId, useEffect } from 'react';

package/dist/{chunk-U7J52N67.js → chunk-DFU6JGJV.js}

@@ -1,7 +1,7 @@
 import { SlideStage } from './chunk-RMEBFYL7.js';
 import { useReorder } from './chunk-MPVMB2DV.js';
 import { Kbd, isApplePlatform } from './chunk-ANTAQAR4.js';
-import { Menu } from './chunk-T73DMDU4.js';
+import { Menu } from './chunk-2566PSQ3.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideFilmstrip-BLGBCLEU.css';

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

@@ -1,4 +1,4 @@
-import { SegmentedControl } from './chunk-W6UVBBNH.js';
+import { SegmentedControl } from './chunk-MJTBINIY.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MergeConflicts-HCXPRQVR.css';

package/dist/{chunk-DXVJSBEW.js → chunk-DMY4XEDS.js}

@@ -1,11 +1,11 @@
 import { Tooltip } from './chunk-I33UIUZD.js';
-import { SegmentedControl } from './chunk-W6UVBBNH.js';
+import { SegmentedControl } from './chunk-MJTBINIY.js';
 import { ArtifactIcon } from './chunk-AVL52EME.js';
 import { isApplePlatform, Kbd } from './chunk-ANTAQAR4.js';
-import { Menu } from './chunk-T73DMDU4.js';
+import { Menu } from './chunk-2566PSQ3.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import { IconButton } from './chunk-UAUP6XGK.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
 import './ArtifactBar-X46WJNW7.css';

package/dist/{chunk-PBCNINMB.js → chunk-EAR2F5OA.js}

@@ -1,4 +1,4 @@
-import { FormField } from './chunk-ETSF7SU6.js';
+import { FormField } from './chunk-DCQ2VTBB.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Checkbox-GAMV2XD7.css';

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

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

package/dist/{chunk-TWJERLT3.js → chunk-GAUBP247.js}

@@ -1,6 +1,6 @@
 import { Switch } from './chunk-3XDT5ZWL.js';
 import { useReorder } from './chunk-MPVMB2DV.js';
-import { Checkbox } from './chunk-PBCNINMB.js';
+import { Checkbox } from './chunk-EAR2F5OA.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-UBJ32EO2.js → chunk-HHZ5ZXYO.js}

@@ -1,7 +1,7 @@
+import { Document } from './chunk-BXCL6P5Z.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { toInstant, RelativeTime, formatExact, toISO } from './chunk-EJNJMHQG.js';
-import { Document } from './chunk-BXCL6P5Z.js';
-import { Composer } from './chunk-5OFRDX66.js';
+import { Composer } from './chunk-OXEWUAND.js';
 import { Count } from './chunk-MLDTLZAO.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { Button } from './chunk-7QTPJDRF.js';

package/dist/{chunk-ZUBFVK6B.js → chunk-IQQSMK4E.js}

@@ -1,5 +1,5 @@
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-import { Input } from './chunk-ETSF7SU6.js';
+import { Input } from './chunk-DCQ2VTBB.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

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

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

package/dist/{chunk-SBOUVASH.js → chunk-JII74OTJ.js}

@@ -1,11 +1,11 @@
 import { Select } from './chunk-VK45YJLH.js';
 import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
-import { HueSwatch } from './chunk-2EA2GSA2.js';
+import { HueSwatch } from './chunk-YDXX5UB7.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { Checkbox } from './chunk-PBCNINMB.js';
+import { Checkbox } from './chunk-EAR2F5OA.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { FormField, Input } from './chunk-ETSF7SU6.js';
-import { Menu } from './chunk-T73DMDU4.js';
+import { FormField, Input } from './chunk-DCQ2VTBB.js';
+import { Menu } from './chunk-2566PSQ3.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

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

@@ -1,6 +1,6 @@
 import { useReorder } from './chunk-MPVMB2DV.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { FormField, Textarea } from './chunk-ETSF7SU6.js';
+import { FormField, Textarea } from './chunk-DCQ2VTBB.js';
 import { characterCountState, CharacterCount, countCharacters } from './chunk-PGCLHYVP.js';
 import { announce } from './chunk-2G355KDJ.js';
 import { Button } from './chunk-7QTPJDRF.js';

package/dist/{chunk-VTGIDEI5.js → chunk-LUSRKTX6.js}

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

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

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

package/dist/{chunk-W6UVBBNH.js → chunk-MJTBINIY.js}

@@ -1,4 +1,4 @@
-import { tabId } from './chunk-PVZOP3QK.js';
+import { tabId } from './chunk-MVQLCSAC.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { Count } from './chunk-MLDTLZAO.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';

package/dist/{chunk-PVZOP3QK.js → chunk-MVQLCSAC.js}

@@ -1,7 +1,7 @@
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { Count } from './chunk-MLDTLZAO.js';
-import { Menu } from './chunk-T73DMDU4.js';
+import { Menu } from './chunk-2566PSQ3.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

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

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

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

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

@@ -1,5 +1,5 @@
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { Textarea } from './chunk-ETSF7SU6.js';
+import { Textarea } from './chunk-DCQ2VTBB.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-GJ7VIQWL.js → chunk-PHBMSXVE.js}

@@ -1,10 +1,10 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-T73DMDU4.js';
+import { Menu } from './chunk-2566PSQ3.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-UAUP6XGK.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

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

@@ -2,21 +2,82 @@ 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-OCL2M3ZF.css';
-import { useId } from 'react';
+import './InboxList-OFGSX5IH.css';
+import { useId, useState } from 'react';
+import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function InboxList({ label, className, children, ...rest }) {
   return /* @__PURE__ */ jsx("nav", { ...rest, "aria-label": label, className: cx("crewlet-inbox-list", className), children });
 }
-function InboxGroup({ label, hideLabel = false, headingLevel, className, children, ...rest }) {
+function InboxGroup({
+  label,
+  hideLabel = false,
+  headingLevel,
+  count,
+  collapsible = false,
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  className,
+  children,
+  ...rest
+}) {
   const level = useHeadingLevel();
   const Heading = headingTag(headingLevel ?? level);
   const labelId = useId();
-  return /* @__PURE__ */ jsxs("section", { ...rest, "aria-labelledby": labelId, className: cx("crewlet-inbox-list__group", className), children: [
-    hideLabel ? /* @__PURE__ */ jsx(VisuallyHidden, { as: Heading, id: labelId, children: label }) : /* @__PURE__ */ jsx(Heading, { id: labelId, className: "crewlet-inbox-list__label", children: /* @__PURE__ */ jsx(Eyebrow, { children: label }) }),
-    /* @__PURE__ */ jsx("ul", { className: "crewlet-inbox-list__rows", children })
+  const rowsId = useId();
+  const [ownOpen, setOwnOpen] = useState(defaultOpen);
+  const collapses = collapsible && !hideLabel;
+  const open = !collapses || (controlledOpen ?? ownOpen);
+  const toggle = () => {
+    const next = !open;
+    if (controlledOpen === void 0) setOwnOpen(next);
+    onOpenChange?.(next);
+  };
+  const counted = count === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: "," }),
+    " ",
+    /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-list__count", children: count })
   ] });
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ...rest,
+      "aria-labelledby": labelId,
+      className: cx("crewlet-inbox-list__group", collapses && "crewlet-inbox-list__group--collapsible", className),
+      children: [
+        hideLabel ? /* @__PURE__ */ jsxs(VisuallyHidden, { as: Heading, id: labelId, children: [
+          label,
+          counted
+        ] }) : collapses ? (
+          // A DISCLOSURE INSIDE THE HEADING, never a heading inside a button: a
+          // reader moving by heading still lands on the group, and the button
+          // in it says whether the rows are shown.
+          /* @__PURE__ */ jsx(Heading, { className: "crewlet-inbox-list__label", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              id: labelId,
+              className: "crewlet-inbox-list__disclosure",
+              "aria-expanded": open,
+              "aria-controls": rowsId,
+              onClick: toggle,
+              children: [
+                /* @__PURE__ */ jsx(ChevronDownGlyph, { "aria-hidden": true, size: "sm", className: "crewlet-inbox-list__chevron" }),
+                /* @__PURE__ */ jsx(Eyebrow, { children: label }),
+                counted
+              ]
+            }
+          ) })
+        ) : /* @__PURE__ */ jsxs(Heading, { id: labelId, className: "crewlet-inbox-list__label", children: [
+          /* @__PURE__ */ jsx(Eyebrow, { children: label }),
+          counted
+        ] }),
+        /* @__PURE__ */ jsx("ul", { id: rowsId, className: "crewlet-inbox-list__rows", hidden: !open, children })
+      ]
+    }
+  );
 }
 function InboxRow({
   title,
@@ -32,6 +93,10 @@ function InboxRow({
   actionable = false,
   done = false,
   doneLabel = "Done",
+  status,
+  outcome,
+  outcomeIcon,
+  outcomeTone = "neutral",
   href,
   onClick,
   className,
@@ -50,6 +115,10 @@ function InboxRow({
           " ",
           /* @__PURE__ */ jsx("span", { className: cx("crewlet-inbox-row__qualifier", qualifierTone === "danger" && "crewlet-inbox-row__qualifier--danger"), children: qualifier })
         ] }),
+        status === void 0 || status === null ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__status", children: status })
+        ] }),
         meta === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
           " ",
           /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__meta", children: meta })
@@ -63,6 +132,13 @@ function InboxRow({
           /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__excerpt", children: excerpt })
         ] })
       ] }),
+      outcome === void 0 || outcome === null ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: cx("crewlet-inbox-row__outcome", `crewlet-inbox-row__outcome--${outcomeTone}`), children: [
+          outcomeIcon === void 0 ? null : /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "crewlet-inbox-row__outcome-icon", children: outcomeIcon }),
+          /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__outcome-text", children: outcome })
+        ] })
+      ] }),
       unread ? /* @__PURE__ */ jsxs(Fragment, { children: [
         " ",
         /* @__PURE__ */ jsx(VisuallyHidden, { children: unreadLabel })

package/dist/{chunk-WUQVAFTC.js → chunk-QRKDP7RQ.js}

@@ -1,6 +1,6 @@
 import { Timeline } from './chunk-4MJN2KN6.js';
 import { Section } from './chunk-WFCWPXJN.js';
-import { Composer } from './chunk-5OFRDX66.js';
+import { Composer } from './chunk-OXEWUAND.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { ArtifactPanel } from './chunk-FFGEJUAP.js';
 import { Button } from './chunk-7QTPJDRF.js';

package/dist/{chunk-GDDVI4US.js → chunk-RCHJBKD3.js}

@@ -3,7 +3,7 @@ import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { KeyChip, highlightMatch } from './chunk-HBDA76EZ.js';
 import { Skeleton } from './chunk-BRLZXYPA.js';
-import { Input } from './chunk-ETSF7SU6.js';
+import { Input } from './chunk-DCQ2VTBB.js';
 import { announce } from './chunk-2G355KDJ.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { focusables, isComposing } from './chunk-H5XTJ7GJ.js';

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

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

package/dist/{chunk-CX6QT4CH.js → chunk-UKYVLQAE.js}

@@ -1,6 +1,6 @@
 import { useReorder } from './chunk-MPVMB2DV.js';
-import { Input } from './chunk-ETSF7SU6.js';
-import { Menu } from './chunk-T73DMDU4.js';
+import { Input } from './chunk-DCQ2VTBB.js';
+import { Menu } from './chunk-2566PSQ3.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-KIJJD4YD.js → chunk-VMEUY672.js}

@@ -1,5 +1,5 @@
 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-F32FFE6I.js';
+import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-NBOFBSVD.js';
 import { focusables } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeCanvas-5FPK4CII.css';

package/dist/{chunk-WDNURPXU.js → chunk-WYXUDDTY.js}

@@ -1,5 +1,5 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { ShortcutTip } from './chunk-F32FFE6I.js';
+import { ShortcutTip } from './chunk-NBOFBSVD.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CanvasToolbar-EM5EVZED.css';

package/dist/{chunk-PZAOUZFZ.js → chunk-XDVQ72BE.js}

@@ -1,7 +1,7 @@
 import { Modal } from './chunk-I24FI46B.js';
 import { useListbox, useHighlightRest } from './chunk-7KHM2FZH.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { Input } from './chunk-ETSF7SU6.js';
+import { Input } from './chunk-DCQ2VTBB.js';
 import { Count } from './chunk-MLDTLZAO.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';

package/dist/{chunk-3EETQFAM.js → chunk-XI56IJGI.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-PBCNINMB.js';
+import { Checkbox } from './chunk-EAR2F5OA.js';
 import { ArtifactAccessGlyph } from './chunk-DOY3KC6I.js';
 import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-PQWNK3N7.js → chunk-XNYMMLCY.js}

@@ -1,7 +1,7 @@
 import { Modal } from './chunk-I24FI46B.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { SegmentedControl } from './chunk-W6UVBBNH.js';
-import { FormField, Input } from './chunk-ETSF7SU6.js';
+import { SegmentedControl } from './chunk-MJTBINIY.js';
+import { FormField, Input } from './chunk-DCQ2VTBB.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { useState } from 'react';
 import { ClockGlyph } from '@crewlethq/icons/glyphs';

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

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

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

@@ -2,8 +2,8 @@ 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-PBCNINMB.js';
-import { Menu } from './chunk-T73DMDU4.js';
+import { Checkbox } from './chunk-EAR2F5OA.js';
+import { Menu } from './chunk-2566PSQ3.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';