@crewlethq/ui 0.60.0 → 0.61.0

package/dist/Prose/Prose.d.ts

@@ -5,8 +5,11 @@ export interface ProseProps extends HTMLAttributes<HTMLElement> {
     as?: ElementType | undefined;
     tone?: ProseTone | undefined;
     /**
-     * The text is still arriving. It draws a caret after the last character, and
-     * the caret holds still under a reduced-motion preference.
+     * The text is still arriving. It draws a caret at the end of the last line
+     * of text (after the last paragraph or heading of rendered Markdown, and
+     * none on an empty block), and the caret holds still under a reduced-motion
+     * preference. A chat answer draws `ThinkingIndicator` after its prose
+     * instead, which never sits inside the words.
      */
     streaming?: boolean | undefined;
     /**

package/dist/Prose/index.js

@@ -1,2 +1,2 @@
-export { Prose } from '../chunk-JCSA3XVH.js';
+export { Prose } from '../chunk-DVVP27OD.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Prose-BTXNFT2Q.css → Prose-OMV2T6NT.css}

@@ -61,7 +61,23 @@
   transition: color var(--motion-duration-slow) var(--motion-easing-default);
 }
 
-.crewlet-prose--streaming::after {
+/*
+ * THE CARET ENDS THE LAST LINE OF TEXT, never a line of its own. On a block
+ * that holds rendered Markdown, the block's own ::after came after its last
+ * paragraph or list, so the caret stood alone on a new line; and on a reply
+ * with no words yet it stood alone at the start. So: no caret on an empty
+ * block, none on the block itself when its children are blocks, and the caret
+ * after the last child instead when that child is a paragraph or a heading,
+ * whose last line it then ends. A list, a table or code last draws none: a
+ * caret after its final row reads as a stray mark, not as the end of a line.
+ */
+.crewlet-prose--streaming:empty::after,
+.crewlet-prose--streaming:has(> :is(p, div, ul, ol, pre, table, blockquote, h1, h2, h3, h4, h5, h6))::after {
+  content: none;
+}
+
+.crewlet-prose--streaming::after,
+.crewlet-prose--streaming > :is(p, h1, h2, h3, h4, h5, h6):last-child::after {
   content: '';
   display: inline-block;
   width: 2px;
@@ -93,7 +109,8 @@
     transition: none;
   }
 
-  .crewlet-prose--streaming::after {
+  .crewlet-prose--streaming::after,
+  .crewlet-prose--streaming > :is(p, h1, h2, h3, h4, h5, h6):last-child::after {
     animation: none;
   }
 }

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-V57TGM2L.js';
+export { RichEditor, preloadRichEditor } from '../chunk-5MN2HISF.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 import '../chunk-BAKPMH3S.js';
 import '../chunk-BPCY7ZID.js';

package/dist/SendButton/SendButton.d.ts

@@ -2,9 +2,9 @@ import { type IconButtonProps } from '../IconButton/index.js';
 /** Whether the button sends the message or stops the request already running. */
 export type SendButtonMode = 'send' | 'stop';
 export interface SendButtonLabels {
-    /** The send button's name and tooltip. */
+    /** The send button's name. */
     send: string;
-    /** The stop button's name and tooltip. */
+    /** The stop button's name. */
     stop: string;
 }
 export declare const SEND_BUTTON_LABELS: SendButtonLabels;
@@ -14,10 +14,14 @@ export interface SendButtonProps extends Omit<IconButtonProps, 'label' | 'icon'
     /** Called on a press in either mode: the caller sends, or stops what is running. */
     onPress: () => void;
     /**
-     * Why it cannot send right now ("Write a question first", "Offline"). Soft
-     * disabled, as every disabled control here is: it keeps its place in the
-     * tab order and says why. Ignored while stopping, because Stop is always
-     * available while something runs.
+     * Why it cannot be pressed right now, in a few words. Soft disabled, as
+     * every disabled control here is: it keeps its place in the tab order, a
+     * screen reader is told the reason, and the pointer's tooltip says it.
+     *
+     * In `send` mode it is why there is nothing to send ("Type a question
+     * first", "Offline"). In `stop` mode it is a stop already under way
+     * ("Stopping"), which a second press could not hurry; leave it out while
+     * the request runs and Stop is always available.
      */
     disabledReason?: string | undefined;
     labels?: Partial<SendButtonLabels> | undefined;
@@ -27,12 +31,22 @@ export interface SendButtonProps extends Omit<IconButtonProps, 'label' | 'icon'
  *
  * ONE ELEMENT IN BOTH MODES, so the button a keyboard reader is on stays
  * focused when the request starts or ends: it changes what it says ("Send",
- * "Stop") and how it looks, never which element it is.
+ * "Stop") and how it looks, never which element it is. Both glyphs are drawn
+ * in one cell and the one not in use is faded and scaled away, so the change
+ * is a short cross fade in place rather than a swap.
+ *
+ * SEND is the accent square with the arrow, the one decision in the composer.
+ * With nothing to send it is not a faded accent, which read as a muddy block
+ * on the dark ground: it is the accent's soft tint with the arrow in the
+ * tertiary ink, and it lights up in the accent the moment there is something
+ * to send.
+ *
+ * STOP is the bordered square with a small filled square in the primary ink,
+ * the mark every media control uses for "stop", and an accent arc travelling
+ * round its edge while the request runs: the button says both that something
+ * is under way and how to end it. Stop is quieter than Send on purpose, a way
+ * out rather than the decision.
  *
- * SEND is the accent square (IconButton `primary`) with the arrow; STOP is the
- * bordered square (IconButton `secondary`) with a filled square in the primary
- * ink. Stop is quieter than Send on purpose: an inverse block was the loudest
- * thing on the panel in dark mode, and Stop is a way out, not the decision.
  * Inside a `Composer`'s `trailing` slot its corner nests in the composer's.
  */
 export declare const SendButton: import("react").ForwardRefExoticComponent<SendButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/SendButton/index.d.ts

@@ -1,2 +1,3 @@
+import './SendButton.css';
 export { SEND_BUTTON_LABELS, SendButton } from './SendButton.js';
 export type { SendButtonLabels, SendButtonMode, SendButtonProps } from './SendButton.js';

package/dist/SendButton/index.js

@@ -1,4 +1,4 @@
-export { SEND_BUTTON_LABELS, SendButton } from '../chunk-XN5L5E5D.js';
+export { SEND_BUTTON_LABELS, SendButton } from '../chunk-PBR5C5MX.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SendButton-L4UX54XS.css

@@ -0,0 +1,173 @@
+/*
+ * A chat composer's Send, which becomes Stop. See SendButton.tsx for what each
+ * state says. The surfaces, edges and hover and press inks are IconButton's
+ * primary and secondary squares; this sheet adds the glyph cross fade, the
+ * quiet held state, the press and the running arc.
+ */
+
+/*
+ * THE ARC'S ANGLE, registered so it can turn. An unregistered custom property
+ * animates in one step at the halfway point, which would make the arc jump
+ * between two places rather than travel.
+ */
+@property --crewlet-send-button-arc {
+  syntax: '<angle>';
+  inherits: false;
+  initial-value: 0deg;
+}
+
+.crewlet-send-button {
+  position: relative;
+  transition:
+    background var(--motion-duration-fast) var(--motion-easing-default),
+    border-color var(--motion-duration-fast) var(--motion-easing-default),
+    color var(--motion-duration-fast) var(--motion-easing-default),
+    transform var(--motion-duration-instant) var(--motion-easing-out);
+}
+
+/* A press sinks the square a little, so the pointer feels it land. */
+.crewlet-send-button:active:not([aria-disabled='true']) {
+  transform: scale(0.94);
+}
+
+/*
+ * BOTH GLYPHS IN ONE CELL. The one in use stands at full size; the other is
+ * faded and scaled to half, and the two trade places on the base step with
+ * the entering surface's ease, so Send turning into Stop reads as one control
+ * changing its mind rather than as two buttons swapping.
+ */
+.crewlet-send-button__glyphs {
+  display: grid;
+  place-items: center;
+}
+
+.crewlet-send-button__glyph {
+  grid-area: 1 / 1;
+  transition:
+    opacity var(--motion-duration-base) var(--motion-easing-default),
+    transform var(--motion-duration-base) var(--motion-easing-emphasized);
+}
+
+.crewlet-send-button--send .crewlet-send-button__glyph--stop,
+.crewlet-send-button--stop .crewlet-send-button__glyph--send {
+  opacity: 0;
+  transform: scale(0.5);
+}
+
+/*
+ * THE STOP SQUARE IS SMALLER THAN THE ARROW: a filled block at the arrow's
+ * 14px was the heaviest mark on the panel. At the 12px step its square is
+ * nine pixels, crisp on the pixel grid and the weight of the arrow's stroke.
+ */
+.crewlet-send-button.crewlet-icon-btn--md .crewlet-send-button__glyph--stop {
+  width: var(--font-size-xs);
+  height: var(--font-size-xs);
+}
+
+/*
+ * HELD, AT FULL OPACITY, with the glyph in the tertiary ink. A faded accent
+ * block read as a muddy, broken button on the dark ground, and the composer's
+ * own fade multiplied it further. Send held is the accent's soft tint, so it
+ * is still the purple control that lights up the moment there is something
+ * to send; Stop held (a stop already under way) is the neutral hover overlay,
+ * since nothing about it is waiting to light up.
+ */
+.crewlet-send-button.crewlet-icon-btn[aria-disabled='true'] {
+  opacity: 1;
+  border-color: transparent;
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-send-button--send.crewlet-icon-btn[aria-disabled='true'] {
+  background: var(--color-brand-accent-soft);
+}
+
+.crewlet-send-button--stop.crewlet-icon-btn[aria-disabled='true'] {
+  background: var(--color-surface-hover);
+}
+
+/*
+ * THE RUNNING ARC: a band of the accent travelling round Stop's edge, over its
+ * own 1px border, with a tail that fades behind it. The band is a conic
+ * gradient cut to a 2px ring by a mask (a mask reads only alpha, so its black
+ * is opacity rather than a colour), so it follows the rounded corner exactly.
+ * One round is the working ring's sweep period, and it fades in on the
+ * moderate step as Stop arrives.
+ */
+.crewlet-send-button--stop::before {
+  content: '';
+  position: absolute;
+  inset: -1px;
+  padding: 2px;
+  border-radius: inherit;
+  background: conic-gradient(
+    from var(--crewlet-send-button-arc),
+    transparent 0turn,
+    transparent 0.55turn,
+    var(--color-brand-accent) 1turn
+  );
+  -webkit-mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask:
+    linear-gradient(#000 0 0) content-box exclude,
+    linear-gradient(#000 0 0);
+  /* Paint, never a target. */
+  pointer-events: none;
+  animation:
+    crewlet-send-button-arc var(--motion-duration-sweep) linear infinite,
+    crewlet-send-button-arc-in var(--motion-duration-moderate) var(--motion-easing-out);
+}
+
+/* A stop already under way has nothing left to show running. */
+.crewlet-send-button--stop[aria-disabled='true']::before {
+  display: none;
+}
+
+@keyframes crewlet-send-button-arc {
+  to {
+    --crewlet-send-button-arc: 360deg;
+  }
+}
+
+@keyframes crewlet-send-button-arc-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+/*
+ * UNDER REDUCED MOTION nothing travels or scales: the glyphs change in place,
+ * and the arc becomes the whole edge in the accent, still and still saying
+ * that something runs.
+ */
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-send-button {
+    transition: none;
+  }
+
+  .crewlet-send-button:active:not([aria-disabled='true']) {
+    transform: none;
+  }
+
+  .crewlet-send-button__glyph {
+    transition: none;
+  }
+
+  .crewlet-send-button--stop::before {
+    background: var(--color-brand-accent);
+    animation: none;
+  }
+}
+
+/* The system draws its own edge; a masked gradient is not repainted there. */
+@media (forced-colors: active) {
+  .crewlet-send-button--stop::before {
+    display: none;
+  }
+}

package/dist/ThinkingIndicator/ThinkingIndicator.d.ts

@@ -0,0 +1,37 @@
+import type { HTMLAttributes } from 'react';
+export interface ThinkingIndicatorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * What the assistant is doing now, beside the mark, under a slow shimmer:
+     * "Thinking", then the step that runs ("Listing the agents"). Left out, the
+     * mark stands alone, as it does while an answer's words arrive.
+     */
+    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.
+     */
+    label?: string | undefined;
+}
+/**
+ * The assistant at work, drawn where its answer will be: the Assistant's mark
+ * with its four blades turning a quarter at a time around a still core, and,
+ * while nothing of the answer is on screen yet, a line saying what it is doing
+ * under a slow shimmer.
+ *
+ * IN PLACE OF A CARET. A blinking bar after streamed text lands wherever the
+ * last block ends, on a line of its own under a list or at the start of an
+ * empty reply. The mark is a block of its own after the answer, one line of
+ * prose tall, so it never sits inside the words, and nothing moves when the
+ * first of them arrive: they are written above it, and it keeps its height.
+ *
+ * ONE ANNOUNCEMENT. `label` is said once, through a status region that keeps
+ * the same words for as long as the indicator stands; the visible line, which
+ * changes with every step, is hidden from assistive technology, where the
+ * steps are read from their own list.
+ *
+ * UNDER REDUCED MOTION the blades hold still and the line is drawn in the
+ * secondary ink without the shimmer: the mark and the words still say that
+ * work is under way.
+ */
+export declare function ThinkingIndicator({ status, label, className, ...rest }: ThinkingIndicatorProps): import("react").JSX.Element;

package/dist/ThinkingIndicator/index.d.ts

@@ -0,0 +1,3 @@
+import './ThinkingIndicator.css';
+export { ThinkingIndicator } from './ThinkingIndicator.js';
+export type { ThinkingIndicatorProps } from './ThinkingIndicator.js';

package/dist/ThinkingIndicator/index.js

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

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/{chunk-V57TGM2L.js → chunk-5MN2HISF.js}

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

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-PBR5C5MX.js

@@ -0,0 +1,33 @@
+import { IconButton } from './chunk-2XWFWNDT.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './SendButton-L4UX54XS.css';
+import { forwardRef } from 'react';
+import { ArrowUpGlyph, SquareGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SEND_BUTTON_LABELS = { send: "Send", stop: "Stop" };
+var SendButton = forwardRef(function SendButton2({ mode, onPress, disabledReason, labels: overrides, className, title, ...rest }, ref) {
+  const labels = overrides ? { ...SEND_BUTTON_LABELS, ...overrides } : SEND_BUTTON_LABELS;
+  const stopping = mode === "stop";
+  const name = stopping ? labels.stop : labels.send;
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      ...rest,
+      ref,
+      size: "md",
+      variant: stopping ? "secondary" : "primary",
+      label: name,
+      title: disabledReason ?? title ?? name,
+      icon: /* @__PURE__ */ jsxs("span", { className: "crewlet-send-button__glyphs", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx(ArrowUpGlyph, { className: "crewlet-send-button__glyph crewlet-send-button__glyph--send" }),
+        /* @__PURE__ */ jsx(SquareGlyph, { filled: true, className: "crewlet-send-button__glyph crewlet-send-button__glyph--stop" })
+      ] }),
+      disabledReason,
+      className: cx("crewlet-send-button", `crewlet-send-button--${mode}`, className),
+      onClick: onPress
+    }
+  );
+});
+
+export { SEND_BUTTON_LABELS, SendButton };

package/dist/generated/index.d.ts

@@ -207,6 +207,7 @@ export * from '../ThemeGallery/index.js';
 export * from '../ThemeSwatch/index.js';
 export * from '../ThemeSwitcher/index.js';
 export * from '../ThemeToggle/index.js';
+export * from '../ThinkingIndicator/index.js';
 export * from '../TileGrid/index.js';
 export * from '../TimeRangePicker/index.js';
 export * from '../TimeWindowPicker/index.js';

package/dist/generated/index.js

@@ -1,69 +1,70 @@
-import '../chunk-DJV2FVD2.js';
+import '../chunk-OXZKRUGM.js';
 export { WidgetFrame } from '../chunk-3DMPZZQ6.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from '../chunk-FEJANUZK.js';
 export { TreeCanvas } from '../chunk-5NJ4BIUA.js';
 export { TypeSpecimen } from '../chunk-JKAFEFFC.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-NL72YZWF.js';
 export { VersionTimeline } from '../chunk-TUNEMQXF.js';
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-53NTMTRM.js';
 export { ThemeToggle } from '../chunk-RLFPBRN4.js';
-export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
+export { ThinkingIndicator } from '../chunk-E2MIUNUU.js';
 export { TileGrid } from '../chunk-Q6CQMS6R.js';
 export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-LND6XSXN.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-SG2375ZY.js';
 export { ToastProvider, Toaster, toasterInsetStyle, useToast } from '../chunk-XQBLBJN4.js';
-export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-U4AXQI6U.js';
 export { TagsInput } from '../chunk-VSTD65SL.js';
 export { ThemeGallery } from '../chunk-ESUZ27TS.js';
 export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
-export { Statement } from '../chunk-MZJKPTA5.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-53NTMTRM.js';
+export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
+export { StatGroup } from '../chunk-OUD75UB2.js';
 export { SuggestionList, SuggestionRow } from '../chunk-YBI7M2JH.js';
 export { Switcher } from '../chunk-ZRKUTFYE.js';
-export { SlideFilmstrip } from '../chunk-XLJPLCK6.js';
+export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-U4AXQI6U.js';
+export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-W2Q5DZJB.js';
 export { SlideGrid } from '../chunk-3V5T5K5H.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-CVDK3LDB.js';
 export { StatCard } from '../chunk-VO2PDDRE.js';
-export { StatGroup } from '../chunk-OUD75UB2.js';
+export { Statement } from '../chunk-MZJKPTA5.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-5PMFRAGL.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-WXSGCYZO.js';
 export { TagGroup } from '../chunk-4U2D6BPR.js';
 export { matchesShortcut, useShortcut } from '../chunk-AYHIF6DH.js';
 import '../chunk-73GUXYYE.js';
-export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-W2Q5DZJB.js';
+export { SlideFilmstrip } from '../chunk-XLJPLCK6.js';
 export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
 export { SelectionBar } from '../chunk-6Z4JZHRB.js';
-export { SEND_BUTTON_LABELS, SendButton } from '../chunk-XN5L5E5D.js';
+export { SEND_BUTTON_LABELS, SendButton } from '../chunk-PBR5C5MX.js';
 export { SettingsTable, SettingsTableRow } from '../chunk-4RKTZSEW.js';
 export { SetupWizard } from '../chunk-T4THNJ6E.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-B5ZHJWAZ.js';
 export { Select } from '../chunk-XQZ6EWOE.js';
 export { ReviewList } from '../chunk-OJ2QULVH.js';
+export { RichEditor, preloadRichEditor } from '../chunk-5MN2HISF.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from '../chunk-SWD4QBL6.js';
 import '../chunk-QH6VYJ3X.js';
-export { RichEditor, preloadRichEditor } from '../chunk-V57TGM2L.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 export { RUN_STATES, RunChip } from '../chunk-75QASA62.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from '../chunk-Z4EKUMZW.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-WR7UDG7U.js';
 export { SearchTrigger } from '../chunk-YZR57QGE.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from '../chunk-SHLP2BNA.js';
 export { NavGroup, NavItem, SidebarNav } from '../chunk-B53FUJ53.js';
-export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from '../chunk-Y56FM3K4.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-ZAJHGDAW.js';
+export { Prose } from '../chunk-DVVP27OD.js';
 export { REFUSAL_CARD_LABELS, RefusalCard } from '../chunk-JE4FCRVL.js';
 export { RelatedRow } from '../chunk-MYJZCSMA.js';
 export { Text } from '../chunk-QP2P6GDQ.js';
 export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-OM6CPZB7.js';
 export { Table } from '../chunk-5DJMFRSZ.js';
-export { PresenceStack } from '../chunk-FGRJXZUU.js';
 export { PresenterView, formatStopwatch } from '../chunk-P5S2SPTK.js';
 export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-DEAFAK3U.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from '../chunk-RMEBFYL7.js';
+export { PresenceStack } from '../chunk-FGRJXZUU.js';
 export { PricingCard } from '../chunk-U3ILLCR2.js';
 export { PrincipalPicker } from '../chunk-RPHQNXE5.js';
 export { PropertyList } from '../chunk-VBYRA3W6.js';
 export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-PFXUEEHT.js';
-export { Prose } from '../chunk-JCSA3XVH.js';
+export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from '../chunk-Y56FM3K4.js';
 export { PageNote } from '../chunk-CV4NES3P.js';
 export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from '../chunk-VBO2GYWX.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-EFIURN3U.js';
@@ -74,11 +75,11 @@ export { FactLine, ObjectHeader, SetByLine } from '../chunk-4MC2EEGO.js';
 export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-I43D5K6A.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-NLI7OVO2.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-YA3AWELW.js';
+export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-PGKETYGL.js';
 export { TreeGrid } from '../chunk-Q4DNAO3O.js';
 export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, layoutConnectors, layoutForest, placeGroups, treeAllExpandable, treeAncestors, treeCollapseOrAscend, treeExpandOrDescend, treeExpandTo, treeExpandable, treeFirst, treeFirstChild, treeItemAction, treeLast, treeLevel, treeNext, treeParent, treePosInSet, treePrevious, treeSetSize, treeStep, treeTypeAhead, treeVisible, typeAheadBuffer, useLayoutAnchor, useMeasuredSizes, useTreeState } from '../chunk-MY374UUD.js';
 export { OrgLabel } from '../chunk-ONQKKHON.js';
-export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from '../chunk-BAKPMH3S.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-VRPDQSXZ.js';
 export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-5G76O23M.js';
@@ -96,8 +97,8 @@ export { AutoGrid, Inline, Spacer, Stack } from '../chunk-ZAC7SKUN.js';
 export { Link } from '../chunk-HOP3J622.js';
 export { LinkInterstitial, openExternal } from '../chunk-EQHJTGLY.js';
 import '../chunk-FFMCMSJB.js';
-export { ImageUpload } from '../chunk-PPVWWJIB.js';
 export { IconTile } from '../chunk-3LI4TRUR.js';
+export { ImageUpload } from '../chunk-PPVWWJIB.js';
 export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-5KEVSZ4K.js';
 export { IndicatorAnchor } from '../chunk-27MJPU7G.js';
 export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-46VE5TVS.js';
@@ -111,9 +112,9 @@ export { IDLE_AFTER_MS, useFullscreen, useIdle } from '../chunk-W5XCNEZC.js';
 export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
 import '../chunk-MICRGE3J.js';
 export { EntityChip } from '../chunk-OSKJZNBT.js';
-export { ErrorBoundary } from '../chunk-ZEPUKRO7.js';
 export { EntityList } from '../chunk-OB5N3FV2.js';
 export { StatusCard } from '../chunk-WW4E5EUS.js';
+export { ErrorBoundary } from '../chunk-ZEPUKRO7.js';
 export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FactList } from '../chunk-HACEB6L4.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-2JHGPXYG.js';
@@ -221,6 +222,7 @@ export { ARTIFACT_KINDS, ArtifactKindGlyph } from '../chunk-RSKW25Y5.js';
 export { ACCESS_DENIED_REASONS, AccessDeniedCard } from '../chunk-QTMUKRTN.js';
 export { EmptyState } from '../chunk-PPUR46MK.js';
 export { Accordion, AccordionItem } from '../chunk-K4U2VDOJ.js';
+export { ADD_PILL_MS, AddPill } from '../chunk-QC2DEQCN.js';
 export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-5UPWU6ZJ.js';
 export { Timeline, TimelineItem } from '../chunk-Z6X3F4H6.js';
 export { Section } from '../chunk-JQ7IFSF6.js';
@@ -234,7 +236,6 @@ export { CHARACTER_COUNT_LABELS, CHARACTER_COUNT_NEAR, CharacterCount, character
 export { DisclosureAnatomy } from '../chunk-ZYO2QFU6.js';
 export { Count } from '../chunk-5KRRJNQO.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
-export { ADD_PILL_MS, AddPill } from '../chunk-QC2DEQCN.js';
 export { Announcer, announce, useAnnouncer } from '../chunk-2G355KDJ.js';
 export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from '../chunk-7SRSPU4O.js';
 export { useMediaMatch } from '../chunk-RTPQDNW3.js';

package/dist/index.js

@@ -1,69 +1,70 @@
-import './chunk-DJV2FVD2.js';
+import './chunk-OXZKRUGM.js';
 export { WidgetFrame } from './chunk-3DMPZZQ6.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from './chunk-FEJANUZK.js';
 export { TreeCanvas } from './chunk-5NJ4BIUA.js';
 export { TypeSpecimen } from './chunk-JKAFEFFC.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-NL72YZWF.js';
 export { VersionTimeline } from './chunk-TUNEMQXF.js';
-export { DensitySwitcher, ThemeSwitcher } from './chunk-53NTMTRM.js';
 export { ThemeToggle } from './chunk-RLFPBRN4.js';
-export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
+export { ThinkingIndicator } from './chunk-E2MIUNUU.js';
 export { TileGrid } from './chunk-Q6CQMS6R.js';
 export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from './chunk-LND6XSXN.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-SG2375ZY.js';
 export { ToastProvider, Toaster, toasterInsetStyle, useToast } from './chunk-XQBLBJN4.js';
-export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-U4AXQI6U.js';
 export { TagsInput } from './chunk-VSTD65SL.js';
 export { ThemeGallery } from './chunk-ESUZ27TS.js';
 export { ThemeSwatch } from './chunk-MNFU2RNT.js';
-export { Statement } from './chunk-MZJKPTA5.js';
+export { DensitySwitcher, ThemeSwitcher } from './chunk-53NTMTRM.js';
+export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
+export { StatGroup } from './chunk-OUD75UB2.js';
 export { SuggestionList, SuggestionRow } from './chunk-YBI7M2JH.js';
 export { Switcher } from './chunk-ZRKUTFYE.js';
-export { SlideFilmstrip } from './chunk-XLJPLCK6.js';
+export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-U4AXQI6U.js';
+export { SLIDE_COMPARE_LABELS, SlideCompare } from './chunk-W2Q5DZJB.js';
 export { SlideGrid } from './chunk-3V5T5K5H.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-CVDK3LDB.js';
 export { StatCard } from './chunk-VO2PDDRE.js';
-export { StatGroup } from './chunk-OUD75UB2.js';
+export { Statement } from './chunk-MZJKPTA5.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-5PMFRAGL.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-WXSGCYZO.js';
 export { TagGroup } from './chunk-4U2D6BPR.js';
 export { matchesShortcut, useShortcut } from './chunk-AYHIF6DH.js';
 import './chunk-73GUXYYE.js';
-export { SLIDE_COMPARE_LABELS, SlideCompare } from './chunk-W2Q5DZJB.js';
+export { SlideFilmstrip } from './chunk-XLJPLCK6.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
 export { SelectionBar } from './chunk-6Z4JZHRB.js';
-export { SEND_BUTTON_LABELS, SendButton } from './chunk-XN5L5E5D.js';
+export { SEND_BUTTON_LABELS, SendButton } from './chunk-PBR5C5MX.js';
 export { SettingsTable, SettingsTableRow } from './chunk-4RKTZSEW.js';
 export { SetupWizard } from './chunk-T4THNJ6E.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-B5ZHJWAZ.js';
 export { Select } from './chunk-XQZ6EWOE.js';
 export { ReviewList } from './chunk-OJ2QULVH.js';
+export { RichEditor, preloadRichEditor } from './chunk-5MN2HISF.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from './chunk-SWD4QBL6.js';
 import './chunk-QH6VYJ3X.js';
-export { RichEditor, preloadRichEditor } from './chunk-V57TGM2L.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { RUN_STATES, RunChip } from './chunk-75QASA62.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from './chunk-Z4EKUMZW.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-WR7UDG7U.js';
 export { SearchTrigger } from './chunk-YZR57QGE.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from './chunk-SHLP2BNA.js';
 export { NavGroup, NavItem, SidebarNav } from './chunk-B53FUJ53.js';
-export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-ZAJHGDAW.js';
+export { Prose } from './chunk-DVVP27OD.js';
 export { REFUSAL_CARD_LABELS, RefusalCard } from './chunk-JE4FCRVL.js';
 export { RelatedRow } from './chunk-MYJZCSMA.js';
 export { Text } from './chunk-QP2P6GDQ.js';
 export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-OM6CPZB7.js';
 export { Table } from './chunk-5DJMFRSZ.js';
-export { PresenceStack } from './chunk-FGRJXZUU.js';
 export { PresenterView, formatStopwatch } from './chunk-P5S2SPTK.js';
 export { SLIDE_NAV_LABELS, SlideNav } from './chunk-DEAFAK3U.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-RMEBFYL7.js';
+export { PresenceStack } from './chunk-FGRJXZUU.js';
 export { PricingCard } from './chunk-U3ILLCR2.js';
 export { PrincipalPicker } from './chunk-RPHQNXE5.js';
 export { PropertyList } from './chunk-VBYRA3W6.js';
 export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './chunk-PFXUEEHT.js';
-export { Prose } from './chunk-JCSA3XVH.js';
+export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
 export { PageNote } from './chunk-CV4NES3P.js';
 export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from './chunk-VBO2GYWX.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-EFIURN3U.js';
@@ -74,11 +75,11 @@ export { FactLine, ObjectHeader, SetByLine } from './chunk-4MC2EEGO.js';
 export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-I43D5K6A.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-NLI7OVO2.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-YA3AWELW.js';
+export { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-PGKETYGL.js';
 export { TreeGrid } from './chunk-Q4DNAO3O.js';
 export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, layoutConnectors, layoutForest, placeGroups, treeAllExpandable, treeAncestors, treeCollapseOrAscend, treeExpandOrDescend, treeExpandTo, treeExpandable, treeFirst, treeFirstChild, treeItemAction, treeLast, treeLevel, treeNext, treeParent, treePosInSet, treePrevious, treeSetSize, treeStep, treeTypeAhead, treeVisible, typeAheadBuffer, useLayoutAnchor, useMeasuredSizes, useTreeState } from './chunk-MY374UUD.js';
 export { OrgLabel } from './chunk-ONQKKHON.js';
-export { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from './chunk-BAKPMH3S.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-VRPDQSXZ.js';
 export { MERGE_CONFLICTS_LABELS, MergeConflicts } from './chunk-5G76O23M.js';
@@ -96,8 +97,8 @@ export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
 export { Link } from './chunk-HOP3J622.js';
 export { LinkInterstitial, openExternal } from './chunk-EQHJTGLY.js';
 import './chunk-FFMCMSJB.js';
-export { ImageUpload } from './chunk-PPVWWJIB.js';
 export { IconTile } from './chunk-3LI4TRUR.js';
+export { ImageUpload } from './chunk-PPVWWJIB.js';
 export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from './chunk-5KEVSZ4K.js';
 export { IndicatorAnchor } from './chunk-27MJPU7G.js';
 export { INLINE_EDITOR_LABELS, InlineEditor } from './chunk-46VE5TVS.js';
@@ -111,9 +112,9 @@ export { IDLE_AFTER_MS, useFullscreen, useIdle } from './chunk-W5XCNEZC.js';
 export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
 import './chunk-MICRGE3J.js';
 export { EntityChip } from './chunk-OSKJZNBT.js';
-export { ErrorBoundary } from './chunk-ZEPUKRO7.js';
 export { EntityList } from './chunk-OB5N3FV2.js';
 export { StatusCard } from './chunk-WW4E5EUS.js';
+export { ErrorBoundary } from './chunk-ZEPUKRO7.js';
 export { Eyebrow } from './chunk-RK4XPHVG.js';
 export { FactList } from './chunk-HACEB6L4.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from './chunk-2JHGPXYG.js';
@@ -221,6 +222,7 @@ export { ARTIFACT_KINDS, ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 export { ACCESS_DENIED_REASONS, AccessDeniedCard } from './chunk-QTMUKRTN.js';
 export { EmptyState } from './chunk-PPUR46MK.js';
 export { Accordion, AccordionItem } from './chunk-K4U2VDOJ.js';
+export { ADD_PILL_MS, AddPill } from './chunk-QC2DEQCN.js';
 export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from './chunk-5UPWU6ZJ.js';
 export { Timeline, TimelineItem } from './chunk-Z6X3F4H6.js';
 export { Section } from './chunk-JQ7IFSF6.js';
@@ -234,7 +236,6 @@ export { CHARACTER_COUNT_LABELS, CHARACTER_COUNT_NEAR, CharacterCount, character
 export { DisclosureAnatomy } from './chunk-ZYO2QFU6.js';
 export { Count } from './chunk-5KRRJNQO.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
-export { ADD_PILL_MS, AddPill } from './chunk-QC2DEQCN.js';
 export { Announcer, announce, useAnnouncer } from './chunk-2G355KDJ.js';
 export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from './chunk-7SRSPU4O.js';
 export { useMediaMatch } from './chunk-RTPQDNW3.js';

package/dist/styles.css

@@ -25354,7 +25354,7 @@ button.crewlet-presence-stack__member:focus-visible {
 }
 
 
-/* Prose-BTXNFT2Q.css */
+/* Prose-OMV2T6NT.css */
 /*
  * Natural language: the proportional face, real leading, a bounded measure.
  */
@@ -25418,7 +25418,23 @@ button.crewlet-presence-stack__member:focus-visible {
   transition: color var(--motion-duration-slow) var(--motion-easing-default);
 }
 
-.crewlet-prose--streaming::after {
+/*
+ * THE CARET ENDS THE LAST LINE OF TEXT, never a line of its own. On a block
+ * that holds rendered Markdown, the block's own ::after came after its last
+ * paragraph or list, so the caret stood alone on a new line; and on a reply
+ * with no words yet it stood alone at the start. So: no caret on an empty
+ * block, none on the block itself when its children are blocks, and the caret
+ * after the last child instead when that child is a paragraph or a heading,
+ * whose last line it then ends. A list, a table or code last draws none: a
+ * caret after its final row reads as a stray mark, not as the end of a line.
+ */
+.crewlet-prose--streaming:empty::after,
+.crewlet-prose--streaming:has(> :is(p, div, ul, ol, pre, table, blockquote, h1, h2, h3, h4, h5, h6))::after {
+  content: none;
+}
+
+.crewlet-prose--streaming::after,
+.crewlet-prose--streaming > :is(p, h1, h2, h3, h4, h5, h6):last-child::after {
   content: '';
   display: inline-block;
   width: 2px;
@@ -25450,7 +25466,8 @@ button.crewlet-presence-stack__member:focus-visible {
     transition: none;
   }
 
-  .crewlet-prose--streaming::after {
+  .crewlet-prose--streaming::after,
+  .crewlet-prose--streaming > :is(p, h1, h2, h3, h4, h5, h6):last-child::after {
     animation: none;
   }
 }
@@ -27905,6 +27922,182 @@ svg.crewlet-select__chevron {
 }
 
 
+/* SendButton-L4UX54XS.css */
+/*
+ * A chat composer's Send, which becomes Stop. See SendButton.tsx for what each
+ * state says. The surfaces, edges and hover and press inks are IconButton's
+ * primary and secondary squares; this sheet adds the glyph cross fade, the
+ * quiet held state, the press and the running arc.
+ */
+
+/*
+ * THE ARC'S ANGLE, registered so it can turn. An unregistered custom property
+ * animates in one step at the halfway point, which would make the arc jump
+ * between two places rather than travel.
+ */
+@property --crewlet-send-button-arc {
+  syntax: '<angle>';
+  inherits: false;
+  initial-value: 0deg;
+}
+
+.crewlet-send-button {
+  position: relative;
+  transition:
+    background var(--motion-duration-fast) var(--motion-easing-default),
+    border-color var(--motion-duration-fast) var(--motion-easing-default),
+    color var(--motion-duration-fast) var(--motion-easing-default),
+    transform var(--motion-duration-instant) var(--motion-easing-out);
+}
+
+/* A press sinks the square a little, so the pointer feels it land. */
+.crewlet-send-button:active:not([aria-disabled='true']) {
+  transform: scale(0.94);
+}
+
+/*
+ * BOTH GLYPHS IN ONE CELL. The one in use stands at full size; the other is
+ * faded and scaled to half, and the two trade places on the base step with
+ * the entering surface's ease, so Send turning into Stop reads as one control
+ * changing its mind rather than as two buttons swapping.
+ */
+.crewlet-send-button__glyphs {
+  display: grid;
+  place-items: center;
+}
+
+.crewlet-send-button__glyph {
+  grid-area: 1 / 1;
+  transition:
+    opacity var(--motion-duration-base) var(--motion-easing-default),
+    transform var(--motion-duration-base) var(--motion-easing-emphasized);
+}
+
+.crewlet-send-button--send .crewlet-send-button__glyph--stop,
+.crewlet-send-button--stop .crewlet-send-button__glyph--send {
+  opacity: 0;
+  transform: scale(0.5);
+}
+
+/*
+ * THE STOP SQUARE IS SMALLER THAN THE ARROW: a filled block at the arrow's
+ * 14px was the heaviest mark on the panel. At the 12px step its square is
+ * nine pixels, crisp on the pixel grid and the weight of the arrow's stroke.
+ */
+.crewlet-send-button.crewlet-icon-btn--md .crewlet-send-button__glyph--stop {
+  width: var(--font-size-xs);
+  height: var(--font-size-xs);
+}
+
+/*
+ * HELD, AT FULL OPACITY, with the glyph in the tertiary ink. A faded accent
+ * block read as a muddy, broken button on the dark ground, and the composer's
+ * own fade multiplied it further. Send held is the accent's soft tint, so it
+ * is still the purple control that lights up the moment there is something
+ * to send; Stop held (a stop already under way) is the neutral hover overlay,
+ * since nothing about it is waiting to light up.
+ */
+.crewlet-send-button.crewlet-icon-btn[aria-disabled='true'] {
+  opacity: 1;
+  border-color: transparent;
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-send-button--send.crewlet-icon-btn[aria-disabled='true'] {
+  background: var(--color-brand-accent-soft);
+}
+
+.crewlet-send-button--stop.crewlet-icon-btn[aria-disabled='true'] {
+  background: var(--color-surface-hover);
+}
+
+/*
+ * THE RUNNING ARC: a band of the accent travelling round Stop's edge, over its
+ * own 1px border, with a tail that fades behind it. The band is a conic
+ * gradient cut to a 2px ring by a mask (a mask reads only alpha, so its black
+ * is opacity rather than a colour), so it follows the rounded corner exactly.
+ * One round is the working ring's sweep period, and it fades in on the
+ * moderate step as Stop arrives.
+ */
+.crewlet-send-button--stop::before {
+  content: '';
+  position: absolute;
+  inset: -1px;
+  padding: 2px;
+  border-radius: inherit;
+  background: conic-gradient(
+    from var(--crewlet-send-button-arc),
+    transparent 0turn,
+    transparent 0.55turn,
+    var(--color-brand-accent) 1turn
+  );
+  -webkit-mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask:
+    linear-gradient(#000 0 0) content-box exclude,
+    linear-gradient(#000 0 0);
+  /* Paint, never a target. */
+  pointer-events: none;
+  animation:
+    crewlet-send-button-arc var(--motion-duration-sweep) linear infinite,
+    crewlet-send-button-arc-in var(--motion-duration-moderate) var(--motion-easing-out);
+}
+
+/* A stop already under way has nothing left to show running. */
+.crewlet-send-button--stop[aria-disabled='true']::before {
+  display: none;
+}
+
+@keyframes crewlet-send-button-arc {
+  to {
+    --crewlet-send-button-arc: 360deg;
+  }
+}
+
+@keyframes crewlet-send-button-arc-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+/*
+ * UNDER REDUCED MOTION nothing travels or scales: the glyphs change in place,
+ * and the arc becomes the whole edge in the accent, still and still saying
+ * that something runs.
+ */
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-send-button {
+    transition: none;
+  }
+
+  .crewlet-send-button:active:not([aria-disabled='true']) {
+    transform: none;
+  }
+
+  .crewlet-send-button__glyph {
+    transition: none;
+  }
+
+  .crewlet-send-button--stop::before {
+    background: var(--color-brand-accent);
+    animation: none;
+  }
+}
+
+/* The system draws its own edge; a masked gradient is not repainted there. */
+@media (forced-colors: active) {
+  .crewlet-send-button--stop::before {
+    display: none;
+  }
+}
+
+
 /* SettingsTable-6DUFAFXG.css */
 /*
  * SettingsTable: a read-only table of settings, one row each, on one grid.
@@ -35608,6 +35801,131 @@ b.crewlet-switcher__match {
 }
 
 
+/* ThinkingIndicator-QJMX2TXC.css */
+/*
+ * 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;
+  }
+}
+
+
 /* TileGrid-UYMVVVJK.css */
 /*
  * TileGrid: tiles on a fixed track count that folds by the grid's own width.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.60.0",
+  "version": "0.61.0",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.60.0",
-    "@crewlethq/tokens": "0.60.0",
+    "@crewlethq/icons": "0.61.0",
+    "@crewlethq/tokens": "0.61.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/chunk-XN5L5E5D.js

@@ -1,27 +0,0 @@
-import { IconButton } from './chunk-2XWFWNDT.js';
-import { cx } from './chunk-ODEQTPFM.js';
-import { forwardRef } from 'react';
-import { SquareGlyph, ArrowUpGlyph } from '@crewlethq/icons/glyphs';
-import { jsx } from 'react/jsx-runtime';
-
-var SEND_BUTTON_LABELS = { send: "Send", stop: "Stop" };
-var SendButton = forwardRef(function SendButton2({ mode, onPress, disabledReason, labels: overrides, className, ...rest }, ref) {
-  const labels = overrides ? { ...SEND_BUTTON_LABELS, ...overrides } : SEND_BUTTON_LABELS;
-  const stopping = mode === "stop";
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      ...rest,
-      ref,
-      size: "md",
-      variant: stopping ? "secondary" : "primary",
-      label: stopping ? labels.stop : labels.send,
-      icon: stopping ? /* @__PURE__ */ jsx(SquareGlyph, { filled: true }) : /* @__PURE__ */ jsx(ArrowUpGlyph, {}),
-      disabledReason: stopping ? void 0 : disabledReason,
-      className: cx("crewlet-send-button", `crewlet-send-button--${mode}`, className),
-      onClick: onPress
-    }
-  );
-});
-
-export { SEND_BUTTON_LABELS, SendButton };

package/dist/{Editor-EQBOZPXS.js → Editor-DM7X24B7.js}

@@ -1,5 +1,5 @@
-import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
 import { richEditorLabels } from './chunk-CSQTDGTS.js';
+import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { FormField, Input } from './chunk-TLIJG4TP.js';