@crewlethq/ui 0.68.0 → 0.70.0

package/dist/{chunk-MVQLCSAC.js → chunk-IPUEVTRJ.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-2566PSQ3.js';
+import { Menu } from './chunk-OQG4P5KU.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

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

@@ -1,19 +1,20 @@
 import { PageHeader } from './chunk-FPDIHEM4.js';
-import { DataTable } from './chunk-ZFFQMRPJ.js';
-import { DateTimePicker } from './chunk-7DD2GR7I.js';
+import { FilterPill } from './chunk-K4LZXSKZ.js';
+import { DataTable } from './chunk-BWFJB5JD.js';
+import { DateTimePicker } from './chunk-HPI5J6AR.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-DCQ2VTBB.js';
+import { Input } from './chunk-ETSF7SU6.js';
 import { Count } from './chunk-MLDTLZAO.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 { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DataView-RH5UDA5F.css';
+import './DataView-L7HLNW7C.css';
 import { useMemo, useState, useEffect, useCallback, useRef, useId } from 'react';
 import { SearchGlyph, ChevronDownGlyph, SlidersVerticalGlyph, ArrowUpGlyph, ArrowDownGlyph, XGlyph, ArrowUpDownGlyph, EyeGlyph, EyeOffGlyph, HashGlyph, ClockGlyph, ListGlyph, CheckGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -362,31 +363,34 @@ var isMultiple = (def) => def.kind === "select" && def.multiple === true;
 var chosenValues = (value) => Array.isArray(value) ? [...value] : [];
 var sameValue = (a, b) => String(a) === String(b);
 function formatFilterValue(def, value, labels) {
-  const operator = operatorOf(def);
+  const { operator, answer } = filterAnswer(def, value, labels);
+  return operator ? `${operator} ${answer}` : answer;
+}
+function filterAnswer(def, value, labels) {
   const unusual = def.operator !== void 0 && def.operator !== defaultOperator(def);
-  const prefix = unusual ? `${labels.operator[operator]} ` : "";
+  const compared = (answer) => unusual ? { operator: labels.operator[operatorOf(def)], answer } : { answer };
   if (isMultiple(def)) {
     const held = chosenValues(value);
-    if (held.length === 0) return labels.any;
+    if (held.length === 0) return { answer: labels.any };
     if (held.length === 1) {
       const option = def.options?.find((candidate) => sameValue(candidate.value, held[0]));
-      return `${prefix}${option ? option.label : String(held[0])}`;
+      return compared(option ? option.label : String(held[0]));
     }
-    return labels.selected(held.length);
+    return { answer: labels.selected(held.length) };
   }
   if (value === void 0 || value === null || value === "") {
     const option = def.options?.find((candidate) => String(candidate.value) === "");
-    return option ? option.label : labels.any;
+    return { answer: option ? option.label : labels.any };
   }
   if (def.kind === "select") {
     const option = def.options?.find((candidate) => sameValue(candidate.value, value));
-    return `${prefix}${option ? option.label : String(value)}`;
+    return compared(option ? option.label : String(value));
   }
   if (def.kind === "datetime") {
     const at = new Date(String(value));
-    if (!Number.isNaN(at.getTime())) return `${prefix}${at.toLocaleString()}`;
+    if (!Number.isNaN(at.getTime())) return compared(at.toLocaleString());
   }
-  return `${prefix}${String(value)}`;
+  return compared(String(value));
 }
 function OptionListEditor({ def, value, labels, onCommit }) {
   const id = useId();
@@ -563,38 +567,33 @@ function FilterAxisChip({
     if (def.kind === "datetime") return /* @__PURE__ */ jsx(MomentEditor, { ...props });
     return /* @__PURE__ */ jsx(TextEditor, { ...props });
   };
-  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-filter-axis-chip", className), children: [
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        align: "start",
-        role: "dialog",
-        label: labels.editor(def.label),
-        defaultOpen: autoOpen,
-        className: "crewlet-filter-axis__popover",
-        trigger: (open, toggle) => /* @__PURE__ */ jsxs("button", { type: "button", className: cx("crewlet-filter-axis-chip__trigger", open && "is-open"), onClick: toggle, children: [
-          /* @__PURE__ */ jsxs("span", { className: "crewlet-filter-axis-chip__label", children: [
-            def.label,
-            ":"
+  const { operator, answer } = filterAnswer(def, value, labels);
+  return /* @__PURE__ */ jsx(
+    FilterPill,
+    {
+      className: cx("crewlet-filter-axis-chip", className),
+      field: def.label,
+      operator,
+      value: answer,
+      onRemove,
+      removeLabel: labels.remove(def.label),
+      renderWords: (words, wordsClass) => /* @__PURE__ */ jsx(
+        Popover,
+        {
+          align: "start",
+          role: "dialog",
+          label: labels.editor(def.label),
+          defaultOpen: autoOpen,
+          className: "crewlet-filter-axis__popover",
+          trigger: (open, toggle) => /* @__PURE__ */ jsxs("button", { type: "button", className: cx(wordsClass, open && "is-open"), onClick: toggle, children: [
+            words,
+            /* @__PURE__ */ jsx(ChevronDownGlyph, { size: "xs" })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "crewlet-filter-axis-chip__value", children: formatFilterValue(def, value, labels) }),
-          /* @__PURE__ */ jsx(ChevronDownGlyph, { className: "crewlet-filter-axis-chip__chevron", size: "xs" })
-        ] }),
-        children: editor
-      }
-    ),
-    onRemove ? /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        className: "crewlet-filter-axis-chip__remove",
-        size: "sm",
-        variant: "ghost",
-        label: labels.remove(def.label),
-        icon: /* @__PURE__ */ jsx(XGlyph, { size: "xs" }),
-        onClick: onRemove
-      }
-    ) : null
-  ] });
+          children: editor
+        }
+      )
+    }
+  );
 }
 function FilterAxisBar({
   filters,

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

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

package/dist/{chunk-K4IVKHKU.js → chunk-JT7WRPZ6.js}

@@ -1,5 +1,5 @@
 import { Callout } from './chunk-BPCY7ZID.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 { useEffect } from 'react';

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

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

package/dist/chunk-K4LZXSKZ.js

@@ -0,0 +1,62 @@
+import { IconButton } from './chunk-UAUP6XGK.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './FilterPill-4GMNFZND.css';
+import { XGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var FILTER_PILL_LABELS = {
+  remove: (sentence) => `Remove the ${sentence} filter`,
+  removeUnnamed: "Remove this filter",
+  fieldEnd: ":"
+};
+var FILTER_PILL_WORDS_CLASS = "crewlet-filter-pill__words";
+function filterPillSentence(field, operator, value) {
+  const parts = [field, operator, value].filter((part) => part !== void 0 && part !== null && part !== "");
+  if (!parts.every((part) => typeof part === "string" || typeof part === "number")) return void 0;
+  return parts.join(" ");
+}
+function FilterPill({
+  field,
+  operator,
+  value,
+  onRemove,
+  removeLabel,
+  renderWords,
+  labels,
+  className
+}) {
+  const text = { ...FILTER_PILL_LABELS, ...labels };
+  const hasValue = value !== void 0 && value !== null && value !== "";
+  const hasOperator = operator !== void 0 && operator !== null && operator !== "";
+  const words = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-filter-pill__field", children: [
+      field,
+      hasValue && !hasOperator ? text.fieldEnd : null
+    ] }),
+    hasOperator ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "crewlet-filter-pill__operator", children: operator })
+    ] }) : null,
+    hasValue ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "crewlet-filter-pill__value", children: value })
+    ] }) : null
+  ] });
+  const sentence = filterPillSentence(field, hasOperator ? operator : void 0, hasValue ? value : void 0);
+  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-filter-pill", className), children: [
+    renderWords ? renderWords(words, FILTER_PILL_WORDS_CLASS) : /* @__PURE__ */ jsx("span", { className: FILTER_PILL_WORDS_CLASS, children: words }),
+    onRemove ? /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        className: "crewlet-filter-pill__remove",
+        size: "sm",
+        variant: "ghost",
+        label: removeLabel ?? (sentence ? text.remove(sentence) : text.removeUnnamed),
+        icon: /* @__PURE__ */ jsx(XGlyph, { size: "xs" }),
+        onClick: onRemove
+      }
+    ) : null
+  ] });
+}
+
+export { FILTER_PILL_LABELS, FILTER_PILL_WORDS_CLASS, FilterPill, filterPillSentence };

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

@@ -1,12 +1,12 @@
 import { Select } from './chunk-VK45YJLH.js';
 import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
-import { HueSwatch } from './chunk-YDXX5UB7.js';
+import { HueSwatch } from './chunk-AQIFKLXY.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { Checkbox } from './chunk-EAR2F5OA.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { FormField, Input } from './chunk-DCQ2VTBB.js';
-import { Menu } from './chunk-2566PSQ3.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { FormField, Input } from './chunk-ETSF7SU6.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-WYXUDDTY.js → chunk-KL6A7JGH.js}

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

package/dist/{chunk-2JHGPXYG.js → chunk-KQWJWTED.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './FileDrop-WE7BNZGV.css';
 import { forwardRef, useRef, useState } from 'react';

package/dist/{chunk-WU5JDEEY.js → chunk-L4HHWG4V.js}

@@ -1,6 +1,6 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { announce } from './chunk-2G355KDJ.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SelectionBar-SCAU6EBY.css';

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

@@ -1,9 +1,9 @@
-import { Modal } from './chunk-I24FI46B.js';
+import { Modal } from './chunk-C667GCU7.js';
 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-DCQ2VTBB.js';
+import { Input } from './chunk-ETSF7SU6.js';
 import { announce } from './chunk-2G355KDJ.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { focusables, isComposing } from './chunk-H5XTJ7GJ.js';

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

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

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

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

package/dist/{chunk-WPMZKZUH.js → chunk-O3HCFM3D.js}

@@ -1,7 +1,7 @@
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
 import { Timeline } from './chunk-4MJN2KN6.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './VersionTimeline-DEAQ7CJG.css';
 import { RotateCcwClockGlyph, PencilGlyph, ShieldGlyph, DatabaseGlyph, UploadGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-NBOFBSVD.js → chunk-OBPINJNO.js}

@@ -1,10 +1,10 @@
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { LAYER_REPOSITION_EVENT, LayerHost } from './chunk-OMV5W53A.js';
-import { returnFocus } from './chunk-NUZHC6MM.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 './Canvas-4QJHVLJ4.css';

package/dist/{chunk-2566PSQ3.js → chunk-OQG4P5KU.js}

@@ -1,10 +1,10 @@
-import { Button } from './chunk-7QTPJDRF.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
 import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Menu-OLUGHX56.css';
+import './Menu-I4SNXHOT.css';
 import { useId, useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { EllipsisVerticalGlyph, CheckGlyph } from '@crewlethq/icons/glyphs';
@@ -32,6 +32,7 @@ function Menu({
   trigger,
   trailingIcon,
   triggerVariant = "ghost",
+  valueTrigger = false,
   triggerTabIndex,
   open: controlled,
   onOpenChange,
@@ -280,7 +281,20 @@ function Menu({
     onKeyDown: onTriggerKeyDown
   };
   return /* @__PURE__ */ jsxs("span", { className: "crewlet-menu-anchor", children: [
-    renderTrigger ? renderTrigger(shared) : trigger === void 0 ? /* @__PURE__ */ jsx(IconButton, { ...shared, label, icon: icon ?? /* @__PURE__ */ jsx(EllipsisVerticalGlyph, {}), size: "sm" }) : /* @__PURE__ */ jsx(Button, { ...shared, "aria-label": label, variant: triggerVariant, size: "small", leadingIcon: icon, trailingIcon, children: trigger }),
+    renderTrigger ? renderTrigger(shared) : trigger === void 0 ? /* @__PURE__ */ jsx(IconButton, { ...shared, label, icon: icon ?? /* @__PURE__ */ jsx(EllipsisVerticalGlyph, {}), size: "sm" }) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        ...shared,
+        "aria-label": label,
+        variant: triggerVariant,
+        size: "small",
+        flush: valueTrigger,
+        className: valueTrigger ? "crewlet-menu__value-trigger" : void 0,
+        leadingIcon: icon,
+        trailingIcon,
+        children: trigger
+      }
+    ),
     list && container ? createPortal(list, container) : null
   ] });
 }

package/dist/{chunk-UWOYDHVW.js → chunk-P64MIA7C.js}

@@ -1,6 +1,6 @@
 import { StepList } from './chunk-HJBHP66O.js';
+import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { Meter } from './chunk-RQFRRPV6.js';
-import { ReceiptStrip } from './chunk-M25IV5MH.js';
 import { StatusCard } from './chunk-NTQPJJAN.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { Spinner } from './chunk-XSPCITPN.js';

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

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

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

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

package/dist/{chunk-DMK2A4IK.js → chunk-QSWQJX27.js}

@@ -1,4 +1,4 @@
-import { CopyButton } from './chunk-IYG4ETAQ.js';
+import { CopyButton } from './chunk-T5GBTXNC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CodeBlock-T47UA5GM.css';
 import { forwardRef, useRef, useState, useLayoutEffect } from 'react';

package/dist/{chunk-D2ZXIQ23.js → chunk-R5OATXWU.js}

@@ -1,5 +1,5 @@
 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 './ChatThread-2KO3FZKQ.css';

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

@@ -1,7 +1,7 @@
 import { PRESENCE_LABELS, presenceOrder, collapseSessions } from './chunk-Z7JYG5TF.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.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 './PeopleRail-MRUSDGCZ.css';

package/dist/{chunk-7QTJO3PV.js → chunk-SO5SXSTP.js}

@@ -1,5 +1,5 @@
 import { Table } from './chunk-5DJMFRSZ.js';
-import { DownloadButton } from './chunk-NSCYGUDG.js';
+import { DownloadButton } from './chunk-EHFQMY3B.js';
 import { StatusCard } from './chunk-NTQPJJAN.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ResultTableCard-AP355LQM.css';

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

@@ -1,5 +1,5 @@
 import { useClipboard } from './chunk-STJ7QBC3.js';
-import { Button } from './chunk-7QTPJDRF.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-DMY4XEDS.js → chunk-TKBFRGUV.js}

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

package/dist/{chunk-DFU6JGJV.js → chunk-TPCBPGSB.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-2566PSQ3.js';
+import { Menu } from './chunk-OQG4P5KU.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideFilmstrip-BLGBCLEU.css';

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

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

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

@@ -1,4 +1,4 @@
-import { tabId } from './chunk-MVQLCSAC.js';
+import { tabId } from './chunk-IPUEVTRJ.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-PHBMSXVE.js → chunk-UY3FWQWG.js}

@@ -1,10 +1,10 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-2566PSQ3.js';
+import { Menu } from './chunk-OQG4P5KU.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 { returnFocus } from './chunk-NUZHC6MM.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';

package/dist/chunk-VBA5FSWV.js

@@ -0,0 +1,87 @@
+import { SuggestionList, SuggestionRow } from './chunk-Y7PVLEZJ.js';
+import { StatusCard } from './chunk-NTQPJJAN.js';
+import { StatusDot } from './chunk-WIATRXEJ.js';
+import { Button } from './chunk-DGXZ635L.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './BriefCard-L66R5U32.css';
+import { useId } from 'react';
+import { CircleCheckGlyph, ArrowRightGlyph, MessageCircleQuestionMarkGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var BRIEF_CARD_MAX_NEEDS = 3;
+var BRIEF_CARD_LABELS = {
+  heading: "Brief",
+  needs: "Needs you",
+  clear: "Nothing needs you.",
+  recommended: "Recommended",
+  followUps: "Ask next",
+  count: (n) => n === 1 ? "1 needs you" : `${n} need you`,
+  allClear: "All clear"
+};
+function BriefCard({
+  scope,
+  asOf,
+  summary,
+  needs,
+  recommended,
+  followUps,
+  labels: overrides,
+  className,
+  ...rest
+}) {
+  const labels = overrides ? { ...BRIEF_CARD_LABELS, ...overrides } : BRIEF_CARD_LABELS;
+  const id = useId();
+  const rows = needs.slice(0, BRIEF_CARD_MAX_NEEDS);
+  const hasScope = !(scope === void 0 || scope === null || scope === "");
+  const hasAsOf = !(asOf === void 0 || asOf === null || asOf === "");
+  const subtitle = hasScope || hasAsOf ? /* @__PURE__ */ jsxs("span", { className: "crewlet-brief-card__where", children: [
+    hasScope ? /* @__PURE__ */ jsx("span", { children: scope }) : null,
+    hasScope && hasAsOf ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+    hasAsOf ? /* @__PURE__ */ jsx("span", { className: "crewlet-brief-card__asof", children: asOf }) : null
+  ] }) : void 0;
+  return /* @__PURE__ */ jsx(
+    StatusCard,
+    {
+      ...rest,
+      title: labels.heading,
+      subtitle,
+      status: rows.length > 0 ? { label: labels.count(rows.length), tone: "warning" } : { label: labels.allClear, tone: "success", icon: /* @__PURE__ */ jsx(CircleCheckGlyph, { size: "xs" }) },
+      className: cx("crewlet-brief-card", className),
+      children: /* @__PURE__ */ jsxs("div", { className: "crewlet-brief-card__body", children: [
+        /* @__PURE__ */ jsx("p", { className: "crewlet-brief-card__summary", children: summary }),
+        /* @__PURE__ */ jsxs("section", { className: "crewlet-brief-card__block", "aria-labelledby": `${id}-needs`, children: [
+          /* @__PURE__ */ jsx("h4", { className: "crewlet-brief-card__label", id: `${id}-needs`, children: labels.needs }),
+          rows.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "crewlet-brief-card__clear", children: [
+            /* @__PURE__ */ jsx(CircleCheckGlyph, { size: "sm", "aria-hidden": "true" }),
+            labels.clear
+          ] }) : (
+            // A list the reader moves through by item; Safari drops the role of a list styled without markers.
+            // eslint-disable-next-line jsx-a11y/no-redundant-roles
+            /* @__PURE__ */ jsx("ul", { role: "list", className: "crewlet-brief-card__needs", children: rows.map((need) => /* @__PURE__ */ jsxs("li", { className: "crewlet-brief-card__need", children: [
+              /* @__PURE__ */ jsx("span", { className: "crewlet-brief-card__dot", children: /* @__PURE__ */ jsx(StatusDot, { tone: need.tone ?? "warning" }) }),
+              /* @__PURE__ */ jsxs("span", { className: "crewlet-brief-card__words", children: [
+                /* @__PURE__ */ jsx("span", { children: need.text }),
+                need.detail === void 0 || need.detail === null ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-brief-card__detail", children: need.detail })
+              ] }),
+              need.action ? /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", onClick: need.action.onSelect, children: need.action.label }) : null
+            ] }, need.key)) })
+          )
+        ] }),
+        recommended === null ? null : /* @__PURE__ */ jsxs("section", { className: "crewlet-brief-card__block", "aria-labelledby": `${id}-next`, children: [
+          /* @__PURE__ */ jsx("h4", { className: "crewlet-brief-card__label", id: `${id}-next`, children: labels.recommended }),
+          /* @__PURE__ */ jsxs("div", { className: "crewlet-brief-card__next", children: [
+            /* @__PURE__ */ jsx(ArrowRightGlyph, { size: "sm", "aria-hidden": "true", className: "crewlet-brief-card__arrow" }),
+            /* @__PURE__ */ jsx("span", { children: recommended.text }),
+            recommended.action ? /* @__PURE__ */ jsx(Button, { size: "small", variant: "primary", onClick: recommended.action.onSelect, children: recommended.action.label }) : null
+          ] })
+        ] }),
+        followUps && followUps.length > 0 ? /* @__PURE__ */ jsxs("section", { className: "crewlet-brief-card__block", "aria-labelledby": `${id}-ask`, children: [
+          /* @__PURE__ */ jsx("h4", { className: "crewlet-brief-card__label", id: `${id}-ask`, children: labels.followUps }),
+          /* @__PURE__ */ jsx(SuggestionList, { className: "crewlet-brief-card__follow-ups", children: followUps.map((f) => /* @__PURE__ */ jsx(SuggestionRow, { icon: /* @__PURE__ */ jsx(MessageCircleQuestionMarkGlyph, { size: "sm" }), onSelect: f.onSelect, children: f.question }, f.key)) })
+        ] }) : null
+      ] })
+    }
+  );
+}
+
+export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_NEEDS, BriefCard };

package/dist/{chunk-SZEKOW2X.js → chunk-VWMB3CJN.js}

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

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

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