@crewlethq/ui 0.64.0 → 0.64.1

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

@@ -1,6 +1,6 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { ShortcutTip } from './chunk-3Q6N6FJL.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { ShortcutTip } from './chunk-F32FFE6I.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CanvasToolbar-EM5EVZED.css';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-JQ7IFSF6.js → chunk-WFCWPXJN.js}

@@ -1,6 +1,6 @@
 import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Section-M7SG6NP2.css';
+import './Section-X2CTTPI3.css';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-NOSHT6FL.js → chunk-WQRSZMN4.js}

@@ -1,9 +1,9 @@
-import { DiffList } from './chunk-RO2MZZ66.js';
-import { Tag } from './chunk-KYIAFNU7.js';
-import { Disclosure } from './chunk-P4YORMRZ.js';
+import { DiffList } from './chunk-LR4IWUWQ.js';
+import { Tag } from './chunk-I5OIKDX2.js';
+import { Disclosure } from './chunk-222VILSP.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ChangeList-KQVD46IC.css';
+import './ChangeList-MDFH5NPH.css';
 import { useId } from 'react';
 import { ArrowRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-6Z4JZHRB.js → chunk-WU5JDEEY.js}

@@ -3,7 +3,7 @@ import { announce } from './chunk-2G355KDJ.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SelectionBar-XPWKUOSC.css';
+import './SelectionBar-SCAU6EBY.css';
 import { useRef, useEffect } from 'react';
 import { XGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-5UPWU6ZJ.js → chunk-WUQVAFTC.js}

@@ -1,11 +1,11 @@
-import { Timeline } from './chunk-Z6X3F4H6.js';
-import { Section } from './chunk-JQ7IFSF6.js';
-import { Composer } from './chunk-5CY6BW4Y.js';
-import { Disclosure } from './chunk-P4YORMRZ.js';
-import { ArtifactPanel } from './chunk-3OV26XP4.js';
+import { Timeline } from './chunk-4MJN2KN6.js';
+import { Section } from './chunk-WFCWPXJN.js';
+import { Composer } from './chunk-5OFRDX66.js';
+import { Disclosure } from './chunk-222VILSP.js';
+import { ArtifactPanel } from './chunk-FFGEJUAP.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './AgentHandoffPanel-JWSW62GU.css';
+import './AgentHandoffPanel-AIU7YWWB.css';
 import { useId, useRef, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -123,12 +123,22 @@ function AgentHandoffPanel({
               item.detail ? /* @__PURE__ */ jsx("span", { className: "crewlet-agent-handoff__item-detail", children: item.detail }) : null
             ] })
           ] }, item.key)) }) : null,
-          task ? /* @__PURE__ */ jsx(Disclosure, { title: words.task, size: "compact", headingLevel: "none", lazy: true, children: /* @__PURE__ */ jsxs("div", { className: "crewlet-agent-handoff__task", children: [
-            /* @__PURE__ */ jsx("p", { className: "crewlet-agent-handoff__task-title", children: task.title }),
-            /* @__PURE__ */ jsx("pre", { className: "crewlet-agent-handoff__task-body", children: task.body })
-          ] }) }) : null
+          task ? /* @__PURE__ */ jsx(
+            Disclosure,
+            {
+              title: words.task,
+              size: "compact",
+              headingLevel: "none",
+              lazy: true,
+              className: "crewlet-agent-handoff__task-disclosure",
+              children: /* @__PURE__ */ jsxs("div", { className: "crewlet-agent-handoff__task", children: [
+                /* @__PURE__ */ jsx("p", { className: "crewlet-agent-handoff__task-title", children: task.title }),
+                /* @__PURE__ */ jsx("pre", { className: "crewlet-agent-handoff__task-body", children: task.body })
+              ] })
+            }
+          ) : null
         ] }) : null,
-        steps.length > 0 ? /* @__PURE__ */ jsx(Section, { title: words.next, className: "crewlet-agent-handoff__section", children: /* @__PURE__ */ jsx(Timeline, { itemLabel: words.step, children: steps.map((step, i) => /* @__PURE__ */ jsx(Timeline.Item, { children: step }, i)) }) }) : null,
+        steps.length > 0 ? /* @__PURE__ */ jsx(Section, { title: words.next, className: "crewlet-agent-handoff__section", children: /* @__PURE__ */ jsx(Timeline, { itemLabel: words.step, className: "crewlet-agent-handoff__steps", children: steps.map((step, i) => /* @__PURE__ */ jsx(Timeline.Item, { children: step }, i)) }) }) : null,
         notice
       ] })
     }

package/dist/{chunk-B5ZHJWAZ.js → chunk-WWXIGN4O.js}

@@ -1,14 +1,14 @@
-import { Select } from './chunk-XQZ6EWOE.js';
-import { CopyButton } from './chunk-IOTN23FZ.js';
-import { Modal } from './chunk-KVWZDCTQ.js';
+import { Select } from './chunk-VK45YJLH.js';
+import { CopyButton } from './chunk-IYG4ETAQ.js';
+import { Modal } from './chunk-I24FI46B.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ShareDialog-4QDCBWMH.css';
+import './ShareDialog-72VTMM4K.css';
 import { useState, useId } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
 import { XGlyph } from '@crewlethq/icons/glyphs';
@@ -118,7 +118,7 @@ function ShareDialog({
       size: "md",
       stackBody: true,
       footerStart: link ? /* @__PURE__ */ jsxs("span", { className: "crewlet-share-dialog__link", children: [
-        /* @__PURE__ */ jsx(CopyButton, { text: link, label: text.copyLink, copiedLabel: text.linkCopied, copiedMessage: text.linkCopied, size: "small", variant: "outline" }),
+        /* @__PURE__ */ jsx(CopyButton, { text: link, label: text.copyLink, copiedLabel: text.linkCopied, copiedMessage: text.linkCopied, size: "medium", variant: "outline" }),
         /* @__PURE__ */ jsx("span", { className: "crewlet-share-dialog__link-note", children: text.linkNote })
       ] }) : void 0,
       footer: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onClose, children: text.done }),
@@ -135,7 +135,7 @@ function ShareDialog({
               onChange: (value) => setAddRole(value),
               ariaLabel: text.addRole,
               size: "md",
-              width: "auto",
+              width: phone ? "full" : "auto",
               align: "right"
             }
           )

package/dist/{chunk-SG2375ZY.js → chunk-WXLQJUGO.js}

@@ -1,13 +1,13 @@
-import { Select } from './chunk-XQZ6EWOE.js';
-import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-GXQ3B46I.js';
+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-TLIJG4TP.js';
+import { Input } from './chunk-ETSF7SU6.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './TimeWindowPicker-I3HXC74I.css';
+import './TimeWindowPicker-YZPKNZZI.css';
 import { useMemo, useState, useRef, useId, useEffect } from 'react';
 import { ClockGlyph, ChevronDownGlyph, CheckGlyph, ChevronLeftGlyph, ChevronRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-NM6RR2GA.js → chunk-XGBGEI6V.js}

@@ -1,19 +1,19 @@
-import { PageHeader } from './chunk-DKB73KZI.js';
-import { DataTable } from './chunk-WDPREXOL.js';
-import { DateTimePicker } from './chunk-2BDPR4I3.js';
+import { PageHeader } from './chunk-FPDIHEM4.js';
+import { DataTable } from './chunk-CFY257ND.js';
+import { DateTimePicker } from './chunk-PX54PALQ.js';
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { RelativeTime } from './chunk-L6NG7CUA.js';
-import { Kbd } from './chunk-ACRRRPWT.js';
-import { Input } from './chunk-TLIJG4TP.js';
-import { Count } from './chunk-5KRRJNQO.js';
-import { Menu } from './chunk-LODRX4FU.js';
+import { Kbd } from './chunk-ANTAQAR4.js';
+import { Input } from './chunk-ETSF7SU6.js';
+import { Count } from './chunk-MLDTLZAO.js';
+import { Menu } from './chunk-T73DMDU4.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DataView-N6JX464S.css';
+import './DataView-RH5UDA5F.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';
@@ -101,7 +101,7 @@ function DataViewToolbar({
         type: "search",
         inputSize: "sm",
         containerClassName: "crewlet-data-view-toolbar__search",
-        leading: /* @__PURE__ */ jsx(SearchGlyph, { size: "sm" }),
+        leading: /* @__PURE__ */ jsx(SearchGlyph, { size: "xs" }),
         "aria-label": searchDef.label || labels.search,
         placeholder: searchDef.placeholder ?? labels.searchPlaceholder,
         value: values[searchDef.name] === void 0 || values[searchDef.name] === null ? "" : String(values[searchDef.name]),

package/dist/{chunk-YBI7M2JH.js → chunk-Y7PVLEZJ.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SuggestionRow-OKBGNHSS.css';
+import './SuggestionRow-WSU34POM.css';
 import { Children, isValidElement } from 'react';
 import { ChevronRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-JE4FCRVL.js → chunk-YBKZJBKM.js}

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

package/dist/{chunk-D2BYJNEH.js → chunk-YWVT7B6N.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Charts-TZ744HT6.css';
+import './Charts-UJKADWXE.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useId } from 'react';
 
@@ -445,8 +445,8 @@ function TimeSeries({
   const id = useId();
   const width = 1e3;
   const plot = 120;
-  const footer = 18;
   const head = 6;
+  const footer = head;
   const span = to - from;
   const peaks = series.map((one) => Math.max(0, ...one.points.map((point) => point.v)));
   const peak = Math.max(1, ...peaks);

package/dist/{chunk-66X5WDKE.js → chunk-Z2MZTI3H.js}

@@ -1,7 +1,7 @@
 import { changeText, sheetLabels } from './chunk-LFSIKGRQ.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ChangeMark-3VMTW7MT.css';
+import './ChangeMark-KFDGBF6G.css';
 import { jsx } from 'react/jsx-runtime';
 
 function ChangeMark({ by, at, previous = null, locale, className, labels }) {

package/dist/{chunk-CT6I36FH.js → chunk-ZFN4IBVC.js}

@@ -1,7 +1,7 @@
 import { safeHref } from './chunk-BAKPMH3S.js';
 import { IconTile } from './chunk-3LI4TRUR.js';
-import { ReceiptStrip } from './chunk-NLI7OVO2.js';
-import { StatusCard } from './chunk-WW4E5EUS.js';
+import { ReceiptStrip } from './chunk-M25IV5MH.js';
+import { StatusCard } from './chunk-G4234OIG.js';
 import { ButtonLink, Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OpenInAppCard-CKHCK7DO.css';

package/dist/{chunk-U3ILLCR2.js → chunk-ZKIEOWR6.js}

@@ -1,5 +1,5 @@
-import { Tag } from './chunk-KYIAFNU7.js';
-import './PricingCard-HTAHG4ST.css';
+import { Tag } from './chunk-I5OIKDX2.js';
+import './PricingCard-BXMLP7KD.css';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -75,8 +75,9 @@ var Cadence = ({ className = "", children, ...rest }) => /* @__PURE__ */ jsx("sp
 var PriceNote = ({ className = "", children, ...rest }) => (
   // The success tag, on its own line. The shape and the tint come from the one
   // primitive; this file adds only the line of its own it sits on and the way
-  // it arrives.
-  /* @__PURE__ */ jsx(Tag, { ...rest, variant: "success", className: `crewlet-pricing-card__price-note ${className}`.trim(), children })
+  // it arrives. The line is its own box, so the tag on it keeps its own width
+  // rather than stretching to the price row's.
+  /* @__PURE__ */ jsx("span", { className: "crewlet-pricing-card__price-note-line", children: /* @__PURE__ */ jsx(Tag, { ...rest, variant: "success", className: `crewlet-pricing-card__price-note ${className}`.trim(), children }) })
 );
 var Body = ({ className = "", children, ...rest }) => /* @__PURE__ */ jsx("div", { ...rest, className: `crewlet-pricing-card__body ${className}`.trim(), children });
 var Footer = ({ className = "", children, ...rest }) => /* @__PURE__ */ jsx("div", { ...rest, className: `crewlet-pricing-card__footer ${className}`.trim(), children });

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

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