@crewlethq/ui 0.81.2 → 0.82.0

package/dist/{chunk-LM6VYJTV.js → chunk-5YXMKZUA.js}

@@ -1,4 +1,4 @@
-import { Avatar } from './chunk-KTIQSSME.js';
+import { Avatar } from './chunk-XZY6S3UC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgLabel-R5KY7C3W.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-5XBNJNSO.js → chunk-65RFU7LF.js}

@@ -1,4 +1,4 @@
-import { Avatar } from './chunk-KTIQSSME.js';
+import { Avatar } from './chunk-XZY6S3UC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './EntityChip-LUCPZBBG.css';
 import { Children, isValidElement, cloneElement } from 'react';

package/dist/{chunk-WKKWF277.js → chunk-6IOQWMYJ.js}

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

package/dist/{chunk-7MGXHCVK.js → chunk-6M2N6ETA.js}

@@ -1,4 +1,4 @@
-import { SlideStage } from './chunk-RMEBFYL7.js';
+import { SlideStage } from './chunk-O6EV6GKI.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideGrid-J4LAOUSJ.css';
 import { EyeOffGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-OWHETZIU.js → chunk-6SFDL4QH.js}

@@ -1,5 +1,5 @@
 import { FileDrop, FilePickButton } from './chunk-KQWJWTED.js';
-import { contrastRatio } from './chunk-7PJFUQMY.js';
+import { contrastRatio } from './chunk-2ZSCHQOA.js';
 import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-JD7P2GJP.js → chunk-6YBBQAEM.js}

@@ -1,4 +1,4 @@
-import { ConfirmModal } from './chunk-C667GCU7.js';
+import { ConfirmModal } from './chunk-XXDB6KPV.js';
 import { InlineCode } from './chunk-PLL7ZJHY.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import './LinkInterstitial-ET4MSVSV.css';

package/dist/{chunk-WK4FQPYW.js → chunk-77VOASOY.js}

@@ -1,9 +1,9 @@
-import { useListbox } from './chunk-7KHM2FZH.js';
-import { Tag } from './chunk-VERJCAJ4.js';
-import { announce } from './chunk-2G355KDJ.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { useListbox } from './chunk-YGRTX67J.js';
+import { Tag } from './chunk-LBGKLYBY.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
+import { useFocusModality } from './chunk-4ITETIGZ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
-import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TagsInput-MZXEHKJD.css';
 import { forwardRef, useState, useRef, useId, useImperativeHandle, useEffect, useMemo, useLayoutEffect } from 'react';

package/dist/{chunk-UYF2B2TH.js → chunk-7ELFH3RJ.js}

@@ -1,4 +1,4 @@
-import { StatusCard } from './chunk-RTMNULTL.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './RefusalCard-UM67F5HB.css';
 import { LockGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-CYYBE2MM.js → chunk-7U6PK242.js}

@@ -1,4 +1,4 @@
-import { Count } from './chunk-MLDTLZAO.js';
+import { Count } from './chunk-D2GT3CR4.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArrangeGroup-KRWWOJKR.css';
 import { useId } from 'react';

package/dist/{chunk-VG3SIJ3M.js → chunk-AFLS26AC.js}

@@ -1,8 +1,8 @@
 import { Link } from './chunk-QF5UNP4T.js';
-import { Tag } from './chunk-VERJCAJ4.js';
+import { Tag } from './chunk-LBGKLYBY.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
 import { EmptyValue } from './chunk-RE3FBGQQ.js';
-import { Avatar } from './chunk-KTIQSSME.js';
+import { Avatar } from './chunk-XZY6S3UC.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TableCells-TKSNLRK3.css';

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

@@ -1,6 +1,6 @@
 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-SEKO6P3Y.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';

package/dist/{chunk-4XF7ENQA.js → chunk-AOJ6ZA77.js}

@@ -1,6 +1,6 @@
 import { DiffList } from './chunk-LR4IWUWQ.js';
-import { Tag } from './chunk-VERJCAJ4.js';
-import { Disclosure } from './chunk-222VILSP.js';
+import { Tag } from './chunk-LBGKLYBY.js';
+import { Disclosure } from './chunk-LVJGN5II.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ChangeList-ITJMTVDF.css';

package/dist/{chunk-TJIBTHWJ.js → chunk-B3X4DHRB.js}

@@ -1,6 +1,6 @@
 import { useReorder } from './chunk-MPVMB2DV.js';
-import { Input } from './chunk-FB3TCNQP.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Menu } from './chunk-YOJAGKTS.js';
+import { Input } from './chunk-O7N6W52M.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-BFM5G2Z6.js → chunk-BSAU7QRW.js}

@@ -1,4 +1,4 @@
-import { Popover } from './chunk-KHJIEPZV.js';
+import { Popover } from './chunk-SM4P2SHB.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './RecordChip-53J66RA6.css';
 import { jsxs, jsx } from 'react/jsx-runtime';

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-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-5EFLA6BW.js → chunk-C75WZMXG.js}

@@ -1,8 +1,8 @@
 import { Stepper } from './chunk-RJWO2PC5.js';
 import { PageHeader } from './chunk-FPDIHEM4.js';
-import { Disclosure } from './chunk-222VILSP.js';
-import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
+import { Disclosure } from './chunk-LVJGN5II.js';
+import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SetupWizard-Y2PFPBCZ.css';
 import { useId, useRef, useState, useEffect, useCallback, createElement } from 'react';

package/dist/{chunk-YB64PWIN.js → chunk-C7UHDM7Y.js}

@@ -1,5 +1,5 @@
 import { useThemePreference, useDensityPreference } from './chunk-Z24ZUSTX.js';
-import { SegmentedControl } from './chunk-6R334YT3.js';
+import { SegmentedControl } from './chunk-GZVAZ3LL.js';
 import { SunGlyph, MonitorGlyph, MoonGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } 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-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-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-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-YQDRJZ5J.js → chunk-FKAJBN6G.js}

@@ -1,13 +1,13 @@
-import { Modal } from './chunk-C667GCU7.js';
-import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-import { Popover } from './chunk-KHJIEPZV.js';
+import { Modal } from './chunk-XXDB6KPV.js';
+import { useListbox, useOptionKeys } from './chunk-YGRTX67J.js';
 import { KeyChip, highlightMatch } from './chunk-HBDA76EZ.js';
-import { Skeleton } from './chunk-BRLZXYPA.js';
-import { Input } from './chunk-FB3TCNQP.js';
-import { announce } from './chunk-2G355KDJ.js';
+import { Popover } from './chunk-SM4P2SHB.js';
+import { Skeleton } from './chunk-I4IUX3JF.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { focusables, isComposing } from './chunk-H5XTJ7GJ.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
+import { Input } from './chunk-O7N6W52M.js';
+import { focusables, isComposing } from './chunk-TUEM2XIW.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Switcher-VWQMZUTN.css';

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-JMTBK55P.js → chunk-FVZPSTL2.js}

@@ -1,7 +1,7 @@
 import { IconTile } from './chunk-3LI4TRUR.js';
 import { safeHref } from './chunk-KBZO4B33.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-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-SNIPM6K7.js → chunk-G6ZFSUIH.js}

@@ -1,7 +1,7 @@
-import { Modal } from './chunk-C667GCU7.js';
+import { Modal } from './chunk-XXDB6KPV.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { SegmentedControl } from './chunk-6R334YT3.js';
-import { FormField, Input } from './chunk-FB3TCNQP.js';
+import { SegmentedControl } from './chunk-GZVAZ3LL.js';
+import { FormField, Input } from './chunk-O7N6W52M.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { useState } from 'react';
 import { ClockGlyph } from '@crewlethq/icons/glyphs';