@crewlethq/ui 0.59.0 → 0.61.0

package/dist/ThinkingIndicator-QJMX2TXC.css

@@ -0,0 +1,122 @@
+/*
+ * The assistant at work: the Assistant's mark, its blades turning, and a line
+ * of status under a shimmer. See ThinkingIndicator.tsx for why it replaces a
+ * caret and how it is announced.
+ */
+
+/*
+ * ONE LINE OF PROSE TALL, at every state: the mark alone, the mark with a
+ * status line, and the line changing from one step to the next all keep the
+ * same height, so the thread never moves while the assistant works.
+ */
+.crewlet-thinking {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  min-width: 0;
+  min-height: calc(var(--font-size-compact) * var(--font-line-height-relaxed));
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-compact);
+  line-height: var(--font-line-height-relaxed);
+}
+
+/*
+ * THE BLADES TURN A QUARTER, THEN REST. The figure is four blades around a
+ * core, the same after a quarter turn, so each round ends where the next
+ * begins and the loop never shows a seam. One round is the breath period
+ * (2.2s): the turn takes its first half on the in-out ease and the second
+ * half is still, which reads as steady thought rather than as a spinner. The
+ * core holds still, as the mark's own description promises.
+ */
+.crewlet-thinking__mark [data-motion='turn'] {
+  transform-box: view-box;
+  transform-origin: 50% 50%;
+  animation: crewlet-thinking-turn var(--motion-duration-breath) var(--motion-easing-in-out) infinite;
+}
+
+@keyframes crewlet-thinking-turn {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  50%,
+  100% {
+    transform: rotate(90deg);
+  }
+}
+
+/*
+ * THE SHIMMER IS A LIGHTER BAND CROSSING THE WORDS, the band Skeleton sweeps
+ * across a placeholder, set in ink rather than in surface: the words are the
+ * secondary ink at rest, so they read at every point of the sweep, and the
+ * band is the primary ink. The gradient is clipped to the glyphs and is three
+ * times the line's width, so the band crosses it rather than standing in it.
+ */
+.crewlet-thinking__status {
+  min-width: 0;
+  overflow: hidden;
+  color: var(--color-text-secondary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  animation: crewlet-thinking-enter var(--motion-duration-moderate) var(--motion-easing-out);
+}
+
+@supports (background-clip: text) or (-webkit-background-clip: text) {
+  .crewlet-thinking__status {
+    background-image: linear-gradient(
+      90deg,
+      var(--color-text-secondary) 0%,
+      var(--color-text-secondary) 40%,
+      var(--color-text-primary) 50%,
+      var(--color-text-secondary) 60%,
+      var(--color-text-secondary) 100%
+    );
+    background-size: 300% 100%;
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    animation:
+      crewlet-thinking-enter var(--motion-duration-moderate) var(--motion-easing-out),
+      crewlet-thinking-shimmer var(--motion-duration-breath) linear infinite;
+  }
+}
+
+@keyframes crewlet-thinking-shimmer {
+  from {
+    background-position: 100% 50%;
+  }
+
+  to {
+    background-position: 0 50%;
+  }
+}
+
+@keyframes crewlet-thinking-enter {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-thinking__mark [data-motion='turn'] {
+    animation: none;
+  }
+
+  .crewlet-thinking__status {
+    background-image: none;
+    color: var(--color-text-secondary);
+    animation: none;
+  }
+}
+
+/* The system's own ink: a gradient clipped to text is dropped there. */
+@media (forced-colors: active) {
+  .crewlet-thinking__status {
+    background-image: none;
+    color: CanvasText;
+  }
+}

package/dist/TimeRangePicker/index.js

@@ -1,23 +1,23 @@
-export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-DBV7U54M.js';
-import '../chunk-DNKK6PIR.js';
+export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-LND6XSXN.js';
+import '../chunk-KVWZDCTQ.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-KMWQLO4M.js';
-import '../chunk-4H5H67CB.js';
+import '../chunk-3BQWARG2.js';
+import '../chunk-VN3DCUED.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-FWWHPUHZ.js';
+import '../chunk-TLIJG4TP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-5KRRJNQO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
-import '../chunk-D2R65FBU.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TimeWindowPicker/index.js

@@ -1,18 +1,18 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-KNABA7D4.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-SG2375ZY.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-GXQ3B46I.js';
 import '../chunk-KHJIEPZV.js';
-import '../chunk-FWWHPUHZ.js';
+import '../chunk-TLIJG4TP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TreeCanvas/index.js

@@ -1,14 +1,14 @@
-export { TreeCanvas } from '../chunk-LBWFAVV4.js';
+export { TreeCanvas } from '../chunk-5NJ4BIUA.js';
 import '../chunk-MY374UUD.js';
-import '../chunk-WRNDXYXK.js';
+import '../chunk-3Q6N6FJL.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-ACRRRPWT.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TreeGrid/index.js

@@ -1,9 +1,9 @@
-export { TreeGrid } from '../chunk-VRL2YMYT.js';
+export { TreeGrid } from '../chunk-Q4DNAO3O.js';
 import '../chunk-MY374UUD.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/VersionCompare/index.js

@@ -1,20 +1,20 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-UC7SEKT5.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-NL72YZWF.js';
 import '../chunk-AOFVXE6V.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-KMWQLO4M.js';
-import '../chunk-4H5H67CB.js';
+import '../chunk-3BQWARG2.js';
+import '../chunk-VN3DCUED.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-PPUR46MK.js';
 import '../chunk-5KRRJNQO.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-D2R65FBU.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/VersionTimeline/index.js

@@ -1,11 +1,11 @@
-export { VersionTimeline } from '../chunk-V6HG3GG4.js';
+export { VersionTimeline } from '../chunk-TUNEMQXF.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-L6NG7CUA.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-Z6X3F4H6.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/chunk-27MJPU7G.js

@@ -0,0 +1,13 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './IndicatorAnchor-ZVP47Q4T.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function IndicatorAnchor({ indicator, children, className, ...rest }) {
+  const shown = indicator !== void 0 && indicator !== null && indicator !== false;
+  return /* @__PURE__ */ jsxs("span", { ...rest, className: cx("crewlet-indicator-anchor", className), children: [
+    children,
+    shown ? /* @__PURE__ */ jsx("span", { className: "crewlet-indicator-anchor__indicator", "aria-hidden": "true", children: indicator }) : null
+  ] });
+}
+
+export { IndicatorAnchor };

package/dist/{chunk-V3RW7FRQ.js → chunk-2BDPR4I3.js}

@@ -1,8 +1,8 @@
 import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-GXQ3B46I.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Button } from './chunk-IPAIGCWB.js';
+import { Button } from './chunk-7QTPJDRF.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
-import { IconButton } from './chunk-2GIUKIFV.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DateTimePicker-3A7JIIVL.css';
 import { useMemo, useState, useEffect } from 'react';

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

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

package/dist/{chunk-2PNUEIN3.js → chunk-2NNGOCWM.js}

@@ -1,7 +1,7 @@
 import { Switch } from './chunk-A722MUNR.js';
 import { useReorder } from './chunk-MPVMB2DV.js';
-import { Checkbox } from './chunk-RNULFW4V.js';
-import { IconButton } from './chunk-2GIUKIFV.js';
+import { Checkbox } from './chunk-KIPAFCVS.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArrangeList-NNRTDFI5.css';

package/dist/{chunk-2GIUKIFV.js → chunk-2XWFWNDT.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './IconButton-6WA7UEBJ.css';
+import './IconButton-2D2PZ6GU.css';
 import { forwardRef, useId, Children, isValidElement, cloneElement } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-CZCZLEDD.js → chunk-3633T7EJ.js}

@@ -1,6 +1,6 @@
 import { ContrastLevelTag } from './chunk-WDRYUMN6.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { IconButton } from './chunk-2GIUKIFV.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ContrastHelp-MZCAW5WQ.css';
 import { InfoGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-KMWQLO4M.js → chunk-3BQWARG2.js}

@@ -1,4 +1,4 @@
-import { tabId } from './chunk-4H5H67CB.js';
+import { tabId } from './chunk-VN3DCUED.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { Count } from './chunk-5KRRJNQO.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';

package/dist/{chunk-SEPFBDSS.js → chunk-3OV26XP4.js}

@@ -1,4 +1,4 @@
-import { SidePanelBase, SidePanelFrameBase } from './chunk-74UPBUD6.js';
+import { SidePanelBase, SidePanelFrameBase } from './chunk-PUJUWLCX.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
 import './ResizeHandle-2UNSZ4ZQ.css';

package/dist/{chunk-VSDHSSKA.js → chunk-3PJHUDXD.js}

@@ -1,11 +1,11 @@
 import { useReorder } from './chunk-MPVMB2DV.js';
 import { Kbd } from './chunk-ACRRRPWT.js';
-import { FormField, Textarea } from './chunk-FWWHPUHZ.js';
+import { FormField, Textarea } from './chunk-TLIJG4TP.js';
 import { characterCountState, CharacterCount, countCharacters } from './chunk-PGCLHYVP.js';
 import { announce } from './chunk-2G355KDJ.js';
-import { Button } from './chunk-IPAIGCWB.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2GIUKIFV.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ListInput-RLQND5QK.css';
 import { forwardRef, useState, useRef, useImperativeHandle, useLayoutEffect, useId } from 'react';

package/dist/{chunk-WRNDXYXK.js → chunk-3Q6N6FJL.js}

@@ -1,10 +1,10 @@
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
 import { Kbd } from './chunk-ACRRRPWT.js';
-import { Button } from './chunk-IPAIGCWB.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { LAYER_REPOSITION_EVENT, LayerHost } from './chunk-OMV5W53A.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
-import { IconButton } from './chunk-2GIUKIFV.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Canvas-4QJHVLJ4.css';

package/dist/{chunk-YDVINM4N.js → chunk-46VE5TVS.js}

@@ -1,6 +1,6 @@
 import { EditingStatus } from './chunk-5IPPLWVA.js';
 import { Kbd } from './chunk-ACRRRPWT.js';
-import { Button } from './chunk-IPAIGCWB.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './InlineEditor-W55DDKML.css';

package/dist/{chunk-O3K5H6CP.js → chunk-53NTMTRM.js}

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

package/dist/{chunk-AQDQGCRB.js → chunk-5CY6BW4Y.js}

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

package/dist/{chunk-QMIDBQCK.js → chunk-5FTJNKNX.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-IPAIGCWB.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ConflictNote-DH77PYF7.css';
 import { CircleAlertGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-365RJTJW.js → chunk-5G76O23M.js}

@@ -1,5 +1,5 @@
-import { SegmentedControl } from './chunk-KMWQLO4M.js';
-import { Button } from './chunk-IPAIGCWB.js';
+import { SegmentedControl } from './chunk-3BQWARG2.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MergeConflicts-O44ESH4T.css';
 import { useState, useId, useRef, useEffect } from 'react';

package/dist/{chunk-JW5EFD4R.js → chunk-5KW63GZ3.js}

@@ -1,11 +1,11 @@
 import { Tooltip } from './chunk-I33UIUZD.js';
-import { SegmentedControl } from './chunk-KMWQLO4M.js';
+import { SegmentedControl } from './chunk-3BQWARG2.js';
 import { ArtifactIcon } from './chunk-AVL52EME.js';
 import { isApplePlatform, Kbd } from './chunk-ACRRRPWT.js';
-import { Menu } from './chunk-D2R65FBU.js';
-import { Button } from './chunk-IPAIGCWB.js';
+import { Menu } from './chunk-LODRX4FU.js';
+import { Button } from './chunk-7QTPJDRF.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
-import { IconButton } from './chunk-2GIUKIFV.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
 import './ArtifactBar-LEBMR35Y.css';

package/dist/{chunk-5ZZRSTLQ.js → chunk-5MN2HISF.js}

@@ -1,7 +1,7 @@
 import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import { Skeleton } from './chunk-QBI5ETKY.js';
-import { Button } from './chunk-IPAIGCWB.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import './RichEditor-NPD2KAPS.css';
 import { forwardRef, useState, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-ZO5CCXOJ.js').then(
+  loading ??= import('./Editor-DM7X24B7.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-LBWFAVV4.js → chunk-5NJ4BIUA.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-WRNDXYXK.js';
+import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-3Q6N6FJL.js';
 import { focusables } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeCanvas-QA3PDFTK.css';

package/dist/{chunk-PNGE2N6F.js → chunk-5PMFRAGL.js}

@@ -1,13 +1,13 @@
 import { Select } from './chunk-XQZ6EWOE.js';
 import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
-import { HueSwatch } from './chunk-BJ4LMNXZ.js';
+import { HueSwatch } from './chunk-NRMXUNLR.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { Checkbox } from './chunk-RNULFW4V.js';
+import { Checkbox } from './chunk-KIPAFCVS.js';
 import { Kbd } from './chunk-ACRRRPWT.js';
-import { FormField, Input } from './chunk-FWWHPUHZ.js';
-import { Menu } from './chunk-D2R65FBU.js';
-import { Button } from './chunk-IPAIGCWB.js';
-import { IconButton } from './chunk-2GIUKIFV.js';
+import { FormField, Input } from './chunk-TLIJG4TP.js';
+import { Menu } from './chunk-LODRX4FU.js';
+import { Button } from './chunk-7QTPJDRF.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SheetColumnEditor-BO2HKFRB.css';

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

@@ -1,9 +1,9 @@
-import { Section } from './chunk-JQ7IFSF6.js';
 import { Timeline } from './chunk-Z6X3F4H6.js';
-import { Composer } from './chunk-AQDQGCRB.js';
+import { Section } from './chunk-JQ7IFSF6.js';
+import { Composer } from './chunk-5CY6BW4Y.js';
 import { Disclosure } from './chunk-P4YORMRZ.js';
-import { ArtifactPanel } from './chunk-SEPFBDSS.js';
-import { Button } from './chunk-IPAIGCWB.js';
+import { ArtifactPanel } from './chunk-3OV26XP4.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AgentHandoffPanel-JWSW62GU.css';
 import { useId, useRef, useEffect } from 'react';

package/dist/{chunk-OE3UUHXO.js → chunk-5YIL4WJP.js}

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

package/dist/{chunk-TIXAEVYX.js → chunk-5ZGJ22CO.js}

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

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

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

package/dist/{chunk-IPAIGCWB.js → chunk-7QTPJDRF.js}

@@ -1,7 +1,7 @@
 import { Spinner } from './chunk-XSPCITPN.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Button-VXJ7M5XF.css';
+import './Button-VRRYSXFN.css';
 import { forwardRef, useId, Children, isValidElement, cloneElement } from 'react';
 import { ExternalLinkGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-HV6XDLUM.js → chunk-7SRSPU4O.js}

@@ -1,10 +1,10 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-D2R65FBU.js';
+import { Menu } from './chunk-LODRX4FU.js';
 import { PeekContext, AsideContext, ResizeHandle, clampSize } from './chunk-PIYJNCN7.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { focusables, useModalLayer, isComposing, layerCount } from './chunk-H5XTJ7GJ.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
-import { IconButton } from './chunk-2GIUKIFV.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-4Q4MS7DQ.js → chunk-B5ZHJWAZ.js}

@@ -1,12 +1,12 @@
 import { Select } from './chunk-XQZ6EWOE.js';
-import { CopyButton } from './chunk-HTEFROIZ.js';
-import { Modal } from './chunk-DNKK6PIR.js';
+import { CopyButton } from './chunk-IOTN23FZ.js';
+import { Modal } from './chunk-KVWZDCTQ.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-IPAIGCWB.js';
-import { IconButton } from './chunk-2GIUKIFV.js';
+import { Button } from './chunk-7QTPJDRF.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ShareDialog-4QDCBWMH.css';
 import { useState, useId } from 'react';

package/dist/{chunk-AVTQ6CIX.js → chunk-DEAFAK3U.js}

@@ -1,4 +1,4 @@
-import { IconButton } from './chunk-2GIUKIFV.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideNav-BLFJF6AH.css';
 import { ChevronLeftGlyph, ChevronRightGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-HQDEZNVJ.js → chunk-DMI4QJDY.js}

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

package/dist/{chunk-JCSA3XVH.js → chunk-DVVP27OD.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './Prose-BTXNFT2Q.css';
+import './Prose-OMV2T6NT.css';
 import { jsx } from 'react/jsx-runtime';
 
 function Prose({

package/dist/chunk-E2MIUNUU.js

@@ -0,0 +1,19 @@
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ThinkingIndicator-QJMX2TXC.css';
+import { ProductMark } from '@crewlethq/icons/product-mark';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ThinkingIndicator({ status, label = "Thinking", className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-thinking", className), children: [
+    /* @__PURE__ */ jsx(ProductMark, { product: "assistant", size: "md", className: "crewlet-thinking__mark" }),
+    status === void 0 || status === "" ? null : (
+      // Keyed by its words, so a new step's line fades in rather than
+      // swapping in place mid shimmer.
+      /* @__PURE__ */ jsx("span", { className: "crewlet-thinking__status", "aria-hidden": "true", children: status }, status)
+    ),
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("span", { role: "status", children: label }) })
+  ] });
+}
+
+export { ThinkingIndicator };

package/dist/{chunk-YUQHMGEY.js → chunk-EFIURN3U.js}

@@ -1,8 +1,8 @@
 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-IPAIGCWB.js';
-import { IconButton } from './chunk-2GIUKIFV.js';
+import { Button } from './chunk-7QTPJDRF.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PeopleRail-SZGHZXVT.css';
 import { useId } from 'react';

package/dist/{chunk-RIMDUTL6.js → chunk-EQHJTGLY.js}

@@ -1,5 +1,5 @@
 import { InlineCode } from './chunk-5CLW2CXT.js';
-import { ConfirmModal } from './chunk-DNKK6PIR.js';
+import { ConfirmModal } from './chunk-KVWZDCTQ.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import './LinkInterstitial-ET4MSVSV.css';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-6CARUBNX.js → chunk-F2IYVVA3.js}

@@ -1,5 +1,5 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Button } from './chunk-IPAIGCWB.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ChatThread-FGXVDLI2.css';

package/dist/{chunk-VSZP3YRV.js → chunk-GWPWLVN3.js}

@@ -1,4 +1,4 @@
-import { IconButton } from './chunk-2GIUKIFV.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PinTile-IIA25MNZ.css';
 import { forwardRef } from 'react';