@crewlethq/ui 0.81.2 → 0.83.0

package/dist/{chunk-EAIOXW2W.js → chunk-BXGBGYKH.js}

@@ -1,13 +1,13 @@
-import { Tooltip } from './chunk-I33UIUZD.js';
-import { SegmentedControl } from './chunk-6R334YT3.js';
+import { SegmentedControl } from './chunk-AZYE7NR4.js';
 import { ArtifactIcon } from './chunk-AVL52EME.js';
-import { isApplePlatform, Kbd } from './chunk-ANTAQAR4.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Tooltip } from './chunk-7ZSEUO5Q.js';
+import { Menu } from './chunk-TGGYSQRD.js';
+import { isApplePlatform, Kbd, ariaKeyshortcuts } from './chunk-CMAZZY2I.js';
 import { Button } from './chunk-DGXZ635L.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ArtifactKinds-O3CALPVX.css';
+import './ArtifactKinds-3EH4KR3F.css';
 import './ArtifactBar-X46WJNW7.css';
 import { useId, useState, useRef, useEffect } from 'react';
 import { ChevronLeftGlyph, EllipsisGlyph, ChevronDownGlyph } from '@crewlethq/icons/glyphs';
@@ -137,12 +137,6 @@ function ArtifactBar({
     }
   );
 }
-function ariaKeys(keys, apple) {
-  return keys.map((key) => {
-    if (key === "Mod") return apple ? "Meta" : "Control";
-    return key.length === 1 ? key.toUpperCase() : key;
-  }).join("+");
-}
 function Tip({ tool, apple }) {
   return /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-bar__tip", children: [
     tool.label,
@@ -161,7 +155,7 @@ function ToolButton({ tool, apple }) {
         title: "",
         pressed: tool.pressed,
         disabledReason: tool.disabledReason,
-        "aria-keyshortcuts": tool.keys ? ariaKeys(tool.keys, apple) : void 0,
+        "aria-keyshortcuts": tool.keys ? ariaKeyshortcuts(tool.keys, apple) : void 0,
         onClick: tool.onSelect
       }
     ) }),
@@ -169,7 +163,7 @@ function ToolButton({ tool, apple }) {
   ] });
 }
 function LabelledTool({ tool, apple }) {
-  const shortcut = tool.keys ? ariaKeys(tool.keys, apple) : void 0;
+  const shortcut = tool.keys ? ariaKeyshortcuts(tool.keys, apple) : void 0;
   if (tool.emphasis === "primary") {
     return /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(Tip, { tool, apple }), placement: "bottom", disabled: !tool.keys, children: /* @__PURE__ */ jsx(
       Button,

package/dist/chunk-C4256UXE.js

@@ -0,0 +1,21 @@
+import { ThinkingIndicator } from './chunk-ED4A6Q24.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChatScale-L4SIHSKL.css';
+import './ActivityLine-AMSERTOB.css';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function ActivityLine({ typing, working, workingLabel, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-activity-line", className), children: [
+    working ? /* @__PURE__ */ jsx(ThinkingIndicator, { status: working, label: workingLabel ?? working, className: "crewlet-activity-line__working" }) : null,
+    /* @__PURE__ */ jsx("span", { className: "crewlet-activity-line__typing", role: "status", children: typing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("span", { className: "crewlet-activity-line__dots", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("i", {}),
+        /* @__PURE__ */ jsx("i", {}),
+        /* @__PURE__ */ jsx("i", {})
+      ] }),
+      typing
+    ] }) : null })
+  ] });
+}
+
+export { ActivityLine };

package/dist/{chunk-2FMBZCFR.js → chunk-C42XW5YP.js}

@@ -1,4 +1,4 @@
-import { SegmentedControl } from './chunk-6R334YT3.js';
+import { SegmentedControl } from './chunk-AZYE7NR4.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MergeConflicts-HCXPRQVR.css';

package/dist/{chunk-4MRFLHJC.js → chunk-C46DDVTK.js}

@@ -1,7 +1,7 @@
 import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ArtifactKinds-O3CALPVX.css';
+import './ArtifactKinds-3EH4KR3F.css';
 import './ArtifactNameCell-3AHLUSE5.css';
 import { FolderGlyph, PinGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-5BOFC5OP.js → chunk-CF4M6N6A.js}

@@ -1,18 +1,20 @@
 import { SuggestionList, SuggestionRow } from './chunk-Y7PVLEZJ.js';
-import { StatusCard } from './chunk-RTMNULTL.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
 import { StatusDot } from './chunk-CYQBDZ6M.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './BriefCard-VKTH3BSW.css';
+import './BriefCard-QCL7MVUV.css';
 import { useEffect } from 'react';
 import { MessageCircleQuestionMarkGlyph, CircleCheckGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var BRIEF_CARD_MAX_NEEDS = 3;
 var BRIEF_CARD_MAX_FOLLOW_UPS = 2;
+var BRIEF_CARD_MAX_POINTS = 5;
 var BRIEF_CARD_LABELS = {
   heading: "Brief",
   needs: "Needs you",
+  points: "What was said",
   first: "Do first",
   followUps: "Ask next",
   count: (n) => n === 1 ? "1 thing needs you" : `${n} things need you`,
@@ -23,6 +25,7 @@ function BriefCard({
   asOf,
   about,
   needs,
+  points,
   context,
   followUps,
   labels: overrides,
@@ -32,6 +35,7 @@ function BriefCard({
   const labels = overrides ? { ...BRIEF_CARD_LABELS, ...overrides } : BRIEF_CARD_LABELS;
   const handedNeeds = needs.length;
   const handedFollowUps = followUps?.length ?? 0;
+  const handedPoints = points?.length ?? 0;
   useEffect(() => {
     if (!developing()) return;
     if (handedNeeds > BRIEF_CARD_MAX_NEEDS) {
@@ -44,9 +48,13 @@ function BriefCard({
         `[crewlet] BriefCard was handed ${handedFollowUps} follow-ups and draws the first ${BRIEF_CARD_MAX_FOLLOW_UPS}.`
       );
     }
-  }, [handedNeeds, handedFollowUps]);
+    if (handedPoints > BRIEF_CARD_MAX_POINTS) {
+      console.warn(`[crewlet] BriefCard was handed ${handedPoints} points and draws the first ${BRIEF_CARD_MAX_POINTS}.`);
+    }
+  }, [handedNeeds, handedFollowUps, handedPoints]);
   const rows = needs.slice(0, BRIEF_CARD_MAX_NEEDS);
   const asks = followUps ? followUps.slice(0, BRIEF_CARD_MAX_FOLLOW_UPS) : [];
+  const said = points ? points.slice(0, BRIEF_CARD_MAX_POINTS) : [];
   const ranked = rows.length > 1;
   const hasScope = !(scope === void 0 || scope === null || scope === "");
   const hasAsOf = !(asOf === void 0 || asOf === null || asOf === "");
@@ -89,6 +97,14 @@ function BriefCard({
             need.key
           )) })
         ),
+        said.length === 0 ? null : (
+          // 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", "aria-label": labels.points, className: "crewlet-brief-card__points", children: said.map((point) => /* @__PURE__ */ jsxs("li", { className: "crewlet-brief-card__point", children: [
+            /* @__PURE__ */ jsx("span", { className: "crewlet-brief-card__point-text", children: point.text }),
+            point.source ? /* @__PURE__ */ jsx(Button, { size: "small", variant: "ghost", onClick: point.source.onSelect, children: point.source.label }) : null
+          ] }, point.key)) })
+        ),
         hasContext ? /* @__PURE__ */ jsx("p", { className: "crewlet-brief-card__context", children: context }) : null,
         asks.length > 0 ? /* @__PURE__ */ jsx(SuggestionList, { "aria-label": labels.followUps, className: "crewlet-brief-card__follow-ups", children: asks.map((f) => /* @__PURE__ */ jsx(SuggestionRow, { icon: /* @__PURE__ */ jsx(MessageCircleQuestionMarkGlyph, { size: "sm" }), onSelect: f.onSelect, children: f.question }, f.key)) }) : null
       ] })
@@ -103,4 +119,4 @@ function developing() {
   }
 }
 
-export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_FOLLOW_UPS, BRIEF_CARD_MAX_NEEDS, BriefCard };
+export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_FOLLOW_UPS, BRIEF_CARD_MAX_NEEDS, BRIEF_CARD_MAX_POINTS, BriefCard };

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

@@ -38,6 +38,12 @@ function keyGlyph(key, apple) {
   const shown = [...key].length === 1 ? key.toLocaleUpperCase() : key;
   return { glyph: shown, spoken: shown };
 }
+function ariaKeyshortcuts(keys, apple) {
+  return keys.map((key) => {
+    if (key === "Mod") return apple ? "Meta" : "Control";
+    return key.length === 1 ? key.toUpperCase() : key;
+  }).join("+");
+}
 var Kbd = ({ subtle = false, keys, apple, className, children, ...rest }) => {
   const cap = cx("crewlet-kbd", subtle && "crewlet-kbd--subtle");
   if (keys === void 0) {
@@ -54,4 +60,4 @@ var Kbd = ({ subtle = false, keys, apple, className, children, ...rest }) => {
   ] });
 };
 
-export { Kbd, isApplePlatform, keyGlyph };
+export { Kbd, ariaKeyshortcuts, isApplePlatform, keyGlyph };

package/dist/{chunk-3JXX5S3Z.js → chunk-CV2LU2T2.js}

@@ -1,8 +1,8 @@
 import { StepList } from './chunk-RJWO2PC5.js';
 import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { Meter } from './chunk-RQFRRPV6.js';
-import { StatusCard } from './chunk-RTMNULTL.js';
-import { Disclosure } from './chunk-222VILSP.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
+import { Disclosure } from './chunk-LVJGN5II.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DeepWorkCard-CMRRNISU.css';

package/dist/{chunk-MLDTLZAO.js → chunk-D2GT3CR4.js}

@@ -1,10 +1,10 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Count-ZJ6ID4ZU.css';
+import './Count-2HXBBYPO.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function Count({ value, label, className }) {
-  return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-count", className), children: [
+function Count({ value, label, tone = "quiet", className }) {
+  return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-count", tone === "attention" ? "crewlet-count--attention" : void 0, className), children: [
     /* @__PURE__ */ jsx("span", { "aria-hidden": label ? true : void 0, children: value }),
     label ? /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
       value,

package/dist/{chunk-57AKYFML.js → chunk-DD7RBNT4.js}

@@ -1,8 +1,8 @@
 import { Timeline } from './chunk-4MJN2KN6.js';
 import { Section } from './chunk-WFCWPXJN.js';
-import { Composer } from './chunk-E35HYQMK.js';
-import { Disclosure } from './chunk-222VILSP.js';
-import { ArtifactPanel } from './chunk-FFGEJUAP.js';
+import { Composer } from './chunk-EBVZHVPD.js';
+import { Disclosure } from './chunk-LVJGN5II.js';
+import { ArtifactPanel } from './chunk-5ILRWUE7.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AgentHandoffPanel-AIU7YWWB.css';

package/dist/{chunk-KL6A7JGH.js → chunk-DRFOTWJE.js}

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

package/dist/{chunk-MUFBHVCT.js → chunk-DWQYV5AV.js}

@@ -1,6 +1,6 @@
-import { TreeGrid } from './chunk-IL3XLDW7.js';
+import { TreeGrid } from './chunk-ZDWAIVWL.js';
 import { createTreeModel, treeParent } from './chunk-MY374UUD.js';
-import { OrgLabel } from './chunk-LM6VYJTV.js';
+import { OrgLabel } from './chunk-5YXMKZUA.js';
 import { AddPill } from './chunk-CVKANYHD.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-CNEHFH2A.js → chunk-EAHEJNVJ.js}

@@ -1,6 +1,6 @@
 import { Text } from './chunk-QP2P6GDQ.js';
 import { Inline, Stack, Spacer } from './chunk-ZAC7SKUN.js';
-import { Card } from './chunk-4AUTALJA.js';
+import { Card } from './chunk-U2IQNDDR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './RelatedRow-IZ22XCLP.css';
 import { ChevronRightGlyph } from '@crewlethq/icons/glyphs';

package/dist/chunk-EALRMP7N.js

@@ -0,0 +1,69 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './PersonRow-V5GTPNVP.css';
+import { forwardRef } from 'react';
+import { CheckGlyph, PlusGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function PersonRowBody({ avatar, name, tag, detail, meta, mark = "none", density = "default", selected = false }) {
+  const words = density === "compact" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-person-row__name", children: [
+      name,
+      tag
+    ] }),
+    detail ? /* @__PURE__ */ jsx("span", { className: "crewlet-person-row__detail", children: detail }) : null
+  ] }) : /* @__PURE__ */ jsxs("span", { className: "crewlet-person-row__text", children: [
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-person-row__name", children: [
+      name,
+      tag
+    ] }),
+    detail ? /* @__PURE__ */ jsx("span", { className: "crewlet-person-row__detail", children: detail }) : null
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "crewlet-person-row__face", children: avatar }),
+    words,
+    meta ? /* @__PURE__ */ jsx("span", { className: "crewlet-person-row__meta", children: meta }) : null,
+    mark === "toggle" ? /* @__PURE__ */ jsx("span", { className: "crewlet-person-row__mark", "aria-hidden": "true", children: selected ? /* @__PURE__ */ jsx(CheckGlyph, { size: "sm" }) : /* @__PURE__ */ jsx(PlusGlyph, { size: "sm" }) }) : null
+  ] });
+}
+var PersonRow = forwardRef(function PersonRow2(props, ref) {
+  if (props.as === "option") {
+    const { as: _as2, avatar: avatar2, name: name2, tag: tag2, detail: detail2, meta: meta2, mark: mark2, density: density2 = "default", selected: selected2 = false, highlighted = false, disabled = false, className: className2, ...rest2 } = props;
+    return /* @__PURE__ */ jsx(
+      "li",
+      {
+        ...rest2,
+        ref,
+        role: "option",
+        "aria-selected": selected2,
+        "aria-disabled": disabled || void 0,
+        className: cx(
+          "crewlet-person-row",
+          `crewlet-person-row--${density2}`,
+          selected2 && "is-selected",
+          highlighted && "is-highlighted",
+          disabled && "is-disabled",
+          className2
+        ),
+        children: /* @__PURE__ */ jsx(PersonRowBody, { avatar: avatar2, name: name2, tag: tag2, detail: detail2, meta: meta2, mark: mark2, density: density2, selected: selected2 })
+      }
+    );
+  }
+  const { as: _as, avatar, name, tag, detail, meta, mark, density = "default", selected, onSelect, onClick, className, type = "button", ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...rest,
+      ref,
+      type,
+      "aria-pressed": selected,
+      className: cx("crewlet-person-row", `crewlet-person-row--${density}`, selected && "is-selected", className),
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) onSelect?.();
+      },
+      children: /* @__PURE__ */ jsx(PersonRowBody, { avatar, name, tag, detail, meta, mark, density, selected })
+    }
+  );
+});
+
+export { PersonRow };

package/dist/{chunk-E35HYQMK.js → chunk-EBVZHVPD.js}

@@ -1,9 +1,10 @@
-import { Kbd } from './chunk-ANTAQAR4.js';
-import { Textarea } from './chunk-FB3TCNQP.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { Textarea } from './chunk-O7N6W52M.js';
+import { Kbd } from './chunk-CMAZZY2I.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Composer-HQIMTMRC.css';
+import './ChatScale-L4SIHSKL.css';
+import './Composer-ZEGHEAFE.css';
 import { forwardRef, useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -14,7 +15,10 @@ var Composer = forwardRef(function Composer2({
   onSubmit,
   submitOn = "mod-enter",
   label,
+  appearance = "default",
   actions,
+  tools,
+  toolbar,
   trailing,
   attachments,
   attachmentsLabel = "Attached to this message",
@@ -32,7 +36,7 @@ var Composer = forwardRef(function Composer2({
   const disabled = Boolean(disabledProp) || disabledReason !== void 0;
   const inline = present(trailing);
   const near = maxLength !== void 0 && value.length >= maxLength * COMPOSER_COUNTER_AT;
-  const hasActions = present(actions);
+  const hasActions = present(actions) || present(tools);
   const hint = onSubmit !== void 0 && submitOn === "mod-enter";
   const keyDown = (event) => {
     onKeyDown?.(event);
@@ -49,11 +53,13 @@ var Composer = forwardRef(function Composer2({
     {
       className: cx(
         "crewlet-composer",
+        appearance === "chat" && "crewlet-composer--chat",
         inline && "crewlet-composer--inline",
         disabled && "is-disabled",
         className
       ),
       children: [
+        present(toolbar) ? /* @__PURE__ */ jsx("div", { className: "crewlet-composer__toolbar", children: toolbar }) : null,
         present(attachments) ? /* @__PURE__ */ jsx("div", { role: "group", "aria-label": attachmentsLabel, className: "crewlet-composer__attachments", children: attachments }) : null,
         /* @__PURE__ */ jsxs("div", { className: "crewlet-composer__row", children: [
           /* @__PURE__ */ jsx(
@@ -78,6 +84,7 @@ var Composer = forwardRef(function Composer2({
         ] }),
         disabledReason === void 0 ? null : /* @__PURE__ */ jsx(VisuallyHidden, { id: reasonId, children: disabledReason }),
         hint || near || hasActions ? /* @__PURE__ */ jsxs("div", { className: "crewlet-composer__footer", "data-hint-only": !near && !hasActions || void 0, children: [
+          present(tools) ? /* @__PURE__ */ jsx("div", { className: "crewlet-composer__tools", children: tools }) : null,
           hint ? /* @__PURE__ */ jsxs("span", { className: "crewlet-composer__hint", children: [
             /* @__PURE__ */ jsx(Kbd, { keys: ["Mod", "Enter"], subtle: true }),
             " to send"

package/dist/{chunk-KHJIEPZV.js → chunk-EC6EUIAD.js}

@@ -1,6 +1,7 @@
+import { useComposedRef } from './chunk-L72URIHR.js';
 import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
-import { usePopupLayer, focusables } from './chunk-H5XTJ7GJ.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
+import { usePopupLayer, focusables } from './chunk-TUEM2XIW.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Popover-QCINR7WG.css';
 import { useId, useState, useRef, useCallback, useLayoutEffect, useEffect, cloneElement } from 'react';
@@ -122,11 +123,13 @@ function Popover({
   }, [close, open, setOpen]);
   const triggerEl = trigger(open, toggle);
   const haspopup = role === "none" ? void 0 : role;
+  const anchorRef = useComposedRef(
+    anchor,
+    layer.insideRef,
+    triggerEl.props.ref
+  );
   const anchored = cloneElement(triggerEl, {
-    ref: (el) => {
-      anchor.current = el;
-      layer.insideRef(el);
-    },
+    ref: anchorRef,
     "aria-expanded": open,
     "aria-haspopup": triggerEl.props["aria-haspopup"] ?? haspopup,
     "aria-controls": open ? panelId : void 0

package/dist/{chunk-XNNY27SC.js → chunk-ED4A6Q24.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ThinkingIndicator-JMK2TNMZ.css';
+import './ThinkingIndicator-S7ZL2C77.css';
 import { ProductMark } from '@crewlethq/icons/product-mark';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-6LN64KGG.js → chunk-F7HZYTZT.js}

@@ -1,9 +1,9 @@
 import { presenceHueClass } from './chunk-EFX2YC5T.js';
 import { presenceLabels, presenceOrder } from './chunk-Z7JYG5TF.js';
-import { AVATAR_SIZES, Avatar } from './chunk-KTIQSSME.js';
+import { avatarCorner, AVATAR_SIZES, Avatar } from './chunk-XZY6S3UC.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './PresenceStack-ZV67BH4V.css';
+import './PresenceStack-2DTYRADY.css';
 import { isCrewletCharacter } from '@crewlethq/icons/characters';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -40,7 +40,10 @@ function PresenceStack({ members, self = true, max = 4, size = "sm", onSelect, l
     "+",
     hidden.length
   ] }) : null;
-  const style = { "--crewlet-avatar-stack-size": `${AVATAR_SIZES[size]}px` };
+  const style = {
+    "--crewlet-avatar-stack-size": `${AVATAR_SIZES[size]}px`,
+    "--crewlet-presence-stack-corner": `${avatarCorner(AVATAR_SIZES[size])}px`
+  };
   if (onSelect === void 0) {
     if (ordered.length === 0) return null;
     return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-avatar-stack", "crewlet-presence-stack", className), style, role: "img", "aria-label": spoken, children: [

package/dist/{chunk-RTMNULTL.js → chunk-FLW5U7YS.js}

@@ -1,5 +1,5 @@
-import { Tag } from './chunk-VERJCAJ4.js';
-import { Card } from './chunk-4AUTALJA.js';
+import { Tag } from './chunk-LBGKLYBY.js';
+import { Card } from './chunk-U2IQNDDR.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './StatusCard-72STCSWY.css';

package/dist/{chunk-JQEXAH7G.js → chunk-FPU7AA3X.js}

@@ -1,9 +1,10 @@
 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-OBPINJNO.js';
-import { focusables } from './chunk-H5XTJ7GJ.js';
+import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-NCUSI4ZU.js';
+import { useMediaMatch, REDUCED_MOTION_QUERY } from './chunk-YJQXESOJ.js';
+import { focusables } from './chunk-TUEM2XIW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeCanvas-5FPK4CII.css';
-import { useState, useRef, useMemo, useLayoutEffect, useCallback, useImperativeHandle, useId, useSyncExternalStore } from 'react';
+import { useState, useRef, useMemo, useLayoutEffect, useCallback, useImperativeHandle, useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var ENTRANCE_STEP_MS = 60;
@@ -14,19 +15,7 @@ function entranceOrder(layout) {
   return [...layout.nodes].sort((a, b) => row(a) - row(b) || a.x - b.x || (a.id < b.id ? -1 : 1)).map((one) => one.id);
 }
 function useStillness() {
-  const query = "(prefers-reduced-motion: reduce)";
-  const subscribe = useCallback((notify) => {
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => {
-    };
-    const list = window.matchMedia(query);
-    list.addEventListener("change", notify);
-    return () => list.removeEventListener("change", notify);
-  }, []);
-  const read = useCallback(
-    () => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false,
-    []
-  );
-  return useSyncExternalStore(subscribe, read, () => false);
+  return useMediaMatch(REDUCED_MOTION_QUERY);
 }
 function useEntrance(layout, still) {
   const [shown, setShown] = useState(null);

package/dist/{chunk-GHQG4VZA.js → chunk-G3CACE5L.js}

@@ -1,6 +1,6 @@
-import { Select } from './chunk-VK45YJLH.js';
-import { Combobox } from './chunk-6EWNMSS4.js';
-import { FormField, Textarea, InputAffix } from './chunk-FB3TCNQP.js';
+import { Select } from './chunk-3IWZVEXA.js';
+import { Combobox } from './chunk-NNZRTR5M.js';
+import { FormField, Textarea, InputAffix } from './chunk-O7N6W52M.js';
 import './Input-WSMB7JG2.css';
 import './VisuallyHidden-AOEXU5EB.css';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-JMTBK55P.js → chunk-G4EHZHKM.js}

@@ -1,7 +1,7 @@
-import { IconTile } from './chunk-3LI4TRUR.js';
 import { safeHref } from './chunk-KBZO4B33.js';
+import { IconTile } from './chunk-3LI4TRUR.js';
 import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
-import { StatusCard } from './chunk-RTMNULTL.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
 import { ButtonLink, Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OpenInAppCard-CKHCK7DO.css';

package/dist/{chunk-45M73G5A.js → chunk-GLKQHN7G.js}

@@ -1,11 +1,11 @@
-import { useReorder } from './chunk-MPVMB2DV.js';
-import { Kbd } from './chunk-ANTAQAR4.js';
-import { FormField, Textarea } from './chunk-FB3TCNQP.js';
+import { useReorder } from './chunk-BVML4UVB.js';
+import { FormField, Textarea } from './chunk-O7N6W52M.js';
 import { characterCountState, CharacterCount, countCharacters } from './chunk-PGCLHYVP.js';
-import { announce } from './chunk-2G355KDJ.js';
+import { Kbd } from './chunk-CMAZZY2I.js';
 import { Button } from './chunk-DGXZ635L.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ListInput-4ISMGZDQ.css';
 import { forwardRef, useState, useRef, useImperativeHandle, useLayoutEffect, useId } from 'react';

package/dist/{chunk-N2BF272H.js → chunk-HF5L56YQ.js}

@@ -1,4 +1,4 @@
-import { Avatar } from './chunk-KTIQSSME.js';
+import { Avatar } from './chunk-XZY6S3UC.js';
 import { UsersGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-HTBTAIH6.js

@@ -0,0 +1,37 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './ArtifactKinds-3EH4KR3F.css';
+import './ActionCard-47WSZ2O5.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ACTION_CARD_GROUND = {
+  purple: "design",
+  blue: "doc",
+  amber: "slides",
+  green: "sheet",
+  teal: "dashboard",
+  magenta: "brand",
+  rose: "html"
+};
+function ActionCard({ title, tone, art, onSelect, onClick, className, type = "button", ...rest }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...rest,
+      type,
+      className: cx("crewlet-action-card", `crewlet-kind--${ACTION_CARD_GROUND[tone]}`, className),
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) onSelect();
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-action-card__title", children: title }),
+        /* @__PURE__ */ jsx("span", { className: "crewlet-action-card__art", "aria-hidden": "true", children: art })
+      ]
+    }
+  );
+}
+function ActionCardRow({ label, children, className }) {
+  return /* @__PURE__ */ jsx("div", { role: "group", "aria-label": label, className: cx("crewlet-action-cards", className), children });
+}
+
+export { ACTION_CARD_GROUND, ActionCard, ActionCardRow };

package/dist/chunk-HTS5RJ7S.js

@@ -0,0 +1,6 @@
+// src/utils/tokenMs.ts
+function tokenMs(value) {
+  return Number.parseFloat(value);
+}
+
+export { tokenMs };

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

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

package/dist/{chunk-BXCL6P5Z.js → chunk-I4PBFJGX.js}

@@ -1,4 +1,4 @@
-import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { useFocusModality } from './chunk-4ITETIGZ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Document-M6JYGLWV.css';
 import { forwardRef, useRef, useCallback, useLayoutEffect, useEffect } from 'react';

package/dist/{chunk-ADGNISEI.js → chunk-IAP7APOX.js}

@@ -1,11 +1,11 @@
-import { PrincipalAvatar } from './chunk-N2BF272H.js';
+import { PrincipalAvatar } from './chunk-HF5L56YQ.js';
 import { toInstant, RelativeTime, formatExact, toISO } from './chunk-EJNJMHQG.js';
-import { Document } from './chunk-BXCL6P5Z.js';
-import { Composer } from './chunk-E35HYQMK.js';
-import { Count } from './chunk-MLDTLZAO.js';
-import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
+import { Document } from './chunk-I4PBFJGX.js';
+import { Composer } from './chunk-EBVZHVPD.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { Count } from './chunk-D2GT3CR4.js';
+import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CommentThread-FRXTDNV6.css';
 import { useState, useRef, useId, useMemo } from 'react';