@crewlethq/ui 0.88.0 → 0.89.0

package/dist/StatusCard/index.js

@@ -1,7 +1,7 @@
-export { StatusCard } from '../chunk-FXSCAP36.js';
+export { StatusCard } from '../chunk-FLW5U7YS.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-D2GT3CR4.js';
 import '../chunk-PQADV6P6.js';

package/dist/Switcher/index.js

@@ -9,8 +9,8 @@ import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
+import '../chunk-OMV5W53A.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TableCells/index.js

@@ -1,11 +1,11 @@
-export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell, TableTwoLineCell } from '../chunk-KMAVYQYO.js';
+export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell, TableTwoLineCell } from '../chunk-3CALM534.js';
 import '../chunk-O5CEG7TQ.js';
 import '../chunk-QF5UNP4T.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
-import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Tabs/index.js

@@ -4,9 +4,9 @@ import '../chunk-CYQBDZ6M.js';
 import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/ThemeSwitcher/index.js

@@ -9,9 +9,9 @@ import '../chunk-CYQBDZ6M.js';
 import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/ThinkingIndicator/ThinkingIndicator.d.ts

@@ -8,10 +8,20 @@ export interface ThinkingIndicatorProps extends Omit<HTMLAttributes<HTMLDivEleme
     status?: string | undefined;
     /**
      * What a screen reader is told, once, when the indicator appears.
-     * "Thinking" by default. It never changes with `status`, so a reader is not
-     * told every step the assistant takes while they read.
+     * "Thinking" by default, and "Queued" while `queued`. It never changes with
+     * `status`, so a reader is not told every step the assistant takes while
+     * they read.
      */
     label?: string | undefined;
+    /**
+     * The work has not started: the request is waiting behind something the
+     * agent is already doing ("is queued behind its current task"). The mark
+     * rests in its idle pose and the line is drawn without its shimmer, so a
+     * person can tell a reply that is being written from one that is waiting
+     * its turn. When the work starts, drop it and the indicator moves again in
+     * place, with nothing else on the page moving.
+     */
+    queued?: boolean | undefined;
 }
 /**
  * Ask Crewlet at work, drawn where its answer will be: the Ask Crewlet mark
@@ -36,5 +46,11 @@ export interface ThinkingIndicatorProps extends Omit<HTMLAttributes<HTMLDivEleme
  * tucked, the companion dimmed) and the line is drawn in the secondary ink
  * without the shimmer: the mark and the words still say that work is under
  * way.
+ *
+ * QUEUED, NOTHING MOVES. A request waiting behind the agent's current task is
+ * drawn with the mark in its idle pose and the line in the secondary ink, at
+ * the same height, so the moment the work starts is the moment the mark
+ * starts to turn. Motion means work under way, and a queued request has none
+ * yet.
  */
-export declare function ThinkingIndicator({ status, label, className, ...rest }: ThinkingIndicatorProps): import("react").JSX.Element;
+export declare function ThinkingIndicator({ status, label, queued, className, ...rest }: ThinkingIndicatorProps): import("react").JSX.Element;

package/dist/ThinkingIndicator/index.js

@@ -1,3 +1,3 @@
-export { ThinkingIndicator } from '../chunk-ED4A6Q24.js';
+export { ThinkingIndicator } from '../chunk-3OIVYHAA.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ThinkingIndicator-S7ZL2C77.css → ThinkingIndicator-G72NYYAM.css}

@@ -192,6 +192,33 @@
   }
 }
 
+/*
+ * QUEUED, THE MARK RESTS AND THE LINE IS STILL. Work has not started, so
+ * nothing moves: both parts of the mark stop in the idle pose (the spark at
+ * full size and upright, the companion at full strength), which is the pose
+ * the working loop rests in for half of every period, and the line drops its
+ * shimmer for the secondary ink. The same height, so the indicator starts
+ * moving in place when the work begins.
+ */
+.crewlet-thinking--queued .crewlet-thinking__mark [data-motion='turn'],
+.crewlet-thinking--queued .crewlet-thinking__mark [data-motion='twinkle'] {
+  animation: none;
+  transform: none;
+  opacity: 1;
+}
+
+.crewlet-thinking--queued .crewlet-thinking__status {
+  background-image: none;
+  color: var(--color-text-secondary);
+  animation: crewlet-thinking-enter var(--motion-duration-moderate) var(--motion-easing-out);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-thinking--queued .crewlet-thinking__status {
+    animation: none;
+  }
+}
+
 /* The system's own ink: a gradient clipped to text is dropped there. */
 @media (forced-colors: active) {
   .crewlet-thinking__status {

package/dist/ThreadSummary/index.js

@@ -1,6 +1,6 @@
-export { THREAD_SUMMARY_LABELS, ThreadSummary } from '../chunk-F4VDXWFY.js';
+export { THREAD_SUMMARY_LABELS, ThreadSummary } from '../chunk-QPYGJ7R7.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
-import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TimeRangePicker/index.js

@@ -11,9 +11,9 @@ import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TimeWindowPicker/index.js

@@ -1,15 +1,15 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-UPFIZO4B.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-T3S3D4FC.js';
 import '../chunk-3IWZVEXA.js';
 import '../chunk-YGRTX67J.js';
-import '../chunk-EC6EUIAD.js';
 import '../chunk-EE3DJMSQ.js';
+import '../chunk-EC6EUIAD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TreeCanvas/index.js

@@ -8,8 +8,8 @@ import '../chunk-HTS5RJ7S.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-CMAZZY2I.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
+import '../chunk-OMV5W53A.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/VersionCompare/index.js

@@ -9,9 +9,9 @@ import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-PPUR46MK.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/{chunk-MHDFQCE2.js → chunk-2L4WHYMT.js}

@@ -1,6 +1,6 @@
 import { Table } from './chunk-75NQV4R4.js';
 import { DownloadButton } from './chunk-EHFQMY3B.js';
-import { StatusCard } from './chunk-FXSCAP36.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ResultTableCard-AP355LQM.css';
 import { useState } from 'react';

package/dist/{chunk-OIRUBOPW.js → chunk-2O5CMV76.js}

@@ -1,4 +1,4 @@
-import { StatusCard } from './chunk-FXSCAP36.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './EntityList-DT3BQLUW.css';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-MUV2Q5E3.js → chunk-35CKF77R.js}

@@ -1,7 +1,7 @@
 import { StepList } from './chunk-TMML7BHT.js';
 import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { Meter } from './chunk-RQFRRPV6.js';
-import { StatusCard } from './chunk-FXSCAP36.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
 import { Disclosure } from './chunk-NAHA62WD.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-ED4A6Q24.js → chunk-3OIVYHAA.js}

@@ -1,18 +1,19 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ThinkingIndicator-S7ZL2C77.css';
+import './ThinkingIndicator-G72NYYAM.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: [
+function ThinkingIndicator({ status, label, queued = false, className, ...rest }) {
+  const announced = label ?? (queued ? "Queued" : "Thinking");
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-thinking", queued && "crewlet-thinking--queued", 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 }) })
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("span", { role: "status", children: announced }) })
   ] });
 }
 

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

@@ -1,4 +1,4 @@
-import { StatusCard } from './chunk-FXSCAP36.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-7RUF3QZ2.js → chunk-AUSFKGKL.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-VE6T3LQL.js').then(
+  loading ??= import('./Editor-5D5Z3LBQ.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-QL2L7Y7Z.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-FXSCAP36.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-3W67EZR4.js → chunk-M33DABTW.js}

@@ -1,6 +1,6 @@
 import { RefusalStrip, ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { ChangeList } from './chunk-3MFRTZH6.js';
-import { StatusCard } from './chunk-FXSCAP36.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
 import { Checkbox } from './chunk-YQ7Q52XU.js';
 import { Disclosure } from './chunk-NAHA62WD.js';
 import { Button } from './chunk-DGXZ635L.js';

package/dist/{chunk-C4256UXE.js → chunk-V7N5XWZ6.js}

@@ -1,12 +1,20 @@
-import { ThinkingIndicator } from './chunk-ED4A6Q24.js';
+import { ThinkingIndicator } from './chunk-3OIVYHAA.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 }) {
+function ActivityLine({ typing, working, workingLabel, queued, 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,
+    working ? /* @__PURE__ */ jsx(
+      ThinkingIndicator,
+      {
+        status: working,
+        label: workingLabel ?? working,
+        queued,
+        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", {}),

package/dist/{chunk-FA5JAF6X.js → chunk-XRWHDW6F.js}

@@ -1,6 +1,6 @@
 import { PageHeader } from './chunk-FPDIHEM4.js';
 import { FilterPill } from './chunk-K4LZXSKZ.js';
-import { DateTimePicker } from './chunk-EWJKLSMD.js';
+import { DateTimePicker } from './chunk-7K6LVM5I.js';
 import { DataTable } from './chunk-WANKINXG.js';
 import { useListbox, useOptionKeys } from './chunk-YGRTX67J.js';
 import { Toolbar } from './chunk-NXFTCPF6.js';

package/dist/{chunk-QYONTCIN.js → chunk-XYSSFI5C.js}

@@ -1,6 +1,6 @@
 import { SuggestionList, SuggestionRow } from './chunk-Y7PVLEZJ.js';
 import { developing } from './chunk-6C7GQOBV.js';
-import { StatusCard } from './chunk-FXSCAP36.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';