@crewlethq/ui 0.94.0 → 0.96.0

package/dist/AgentHandoffPanel/index.js

@@ -1,5 +1,5 @@
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-HSBRFE4Y.js';
-import '../chunk-4MJN2KN6.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-BHVEHAAX.js';
+import '../chunk-ZDJQQ4LU.js';
 import '../chunk-WFCWPXJN.js';
 import '../chunk-FXGQWLZ6.js';
 import '../chunk-NAHA62WD.js';

package/dist/AsideLayout/AsideLayout.d.ts

@@ -1,11 +1,32 @@
 import type { HTMLAttributes, ReactNode } from 'react';
+/** The room the layout is drawn in: a whole page, or a detail pane beside a list. */
+export type AsideLayoutFit = 'page' | 'pane';
+/**
+ * The layout's own width, in rem, from which the aside stands beside the main
+ * column, by `fit`. The stylesheet's container queries split at these widths.
+ */
+export declare const ASIDE_LAYOUT_SPLIT_REM: Readonly<Record<AsideLayoutFit, number>>;
 export interface AsideLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /** The page's main column: what the page is about. */
     children: ReactNode;
-    /** The column beside it: facts about the subject, how it is used, related places. */
-    aside: ReactNode;
+    /**
+     * The column beside it: facts about the subject, how it is used, related
+     * places. Left out (or null), the main column stands alone at the full width.
+     */
+    aside?: ReactNode;
     /** What the aside is, for a screen reader's landmark: "About the company". */
     asideLabel: string;
+    /**
+     * `page` (the default): the aside stands beside the main column from 56rem,
+     * 18rem wide. `pane`: from 44rem, 16rem wide and 16px apart, for a detail
+     * pane beside a list, such as setup steps beside the form they explain.
+     */
+    fit?: AsideLayoutFit | undefined;
+    /**
+     * Beside the main column, the aside's content stays at the scroller's top
+     * while the main column scrolls past. For an aside shorter than its scroller.
+     */
+    sticky?: boolean | undefined;
 }
 /**
  * A page's main column with an aside beside it, each a stack of blocks one
@@ -13,12 +34,15 @@ export interface AsideLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, '
  *
  * THE COLUMNS FOLLOW THE ROOM THE PAGE HAS, NOT THE WINDOW. It is a container
  * query on its own width, because a page beside a navigation rail is narrow
- * on a wide screen too: from 56rem the aside stands beside the main column at
- * `--crewlet-aside-layout-aside` (18rem by default), and below that it
- * follows the main column under one hairline, so a phone reads the subject
- * first and its facts after it.
+ * on a wide screen too: from 56rem (44rem in a `pane`) the aside stands beside
+ * the main column at `--crewlet-aside-layout-aside` (18rem by default, 16rem
+ * in a pane), and below that it follows the main column under one hairline,
+ * so a phone reads the subject first and its facts after it.
+ *
+ * THE MAIN COLUMN IS ALWAYS THE FIRST CHILD, so it stays the same element as
+ * an aside comes and goes, and nothing in it is drawn afresh.
  *
  * THE ASIDE IS A COMPLEMENTARY LANDMARK named by `asideLabel`, so a screen
  * reader can skip to it or past it.
  */
-export declare function AsideLayout({ children, aside, asideLabel, className, ...rest }: AsideLayoutProps): import("react").JSX.Element;
+export declare function AsideLayout({ children, aside, asideLabel, fit, sticky, className, ...rest }: AsideLayoutProps): import("react").JSX.Element;

package/dist/AsideLayout/index.d.ts

@@ -1,3 +1,3 @@
 import './AsideLayout.css';
-export { AsideLayout } from './AsideLayout.js';
-export type { AsideLayoutProps } from './AsideLayout.js';
+export { ASIDE_LAYOUT_SPLIT_REM, AsideLayout } from './AsideLayout.js';
+export type { AsideLayoutFit, AsideLayoutProps } from './AsideLayout.js';

package/dist/AsideLayout/index.js

@@ -1,2 +1,2 @@
-export { AsideLayout } from '../chunk-QOXLP5PE.js';
+export { ASIDE_LAYOUT_SPLIT_REM, AsideLayout } from '../chunk-7UQQEUOT.js';
 import '../chunk-ODEQTPFM.js';

package/dist/AsideLayout-SJO7VLPQ.css

@@ -0,0 +1,93 @@
+/*
+ * AsideLayout: a main column with an aside beside it from 56rem of its own
+ * width (44rem in a pane), and after it below that (AsideLayout.tsx).
+ */
+
+.crewlet-aside-layout {
+  container-type: inline-size;
+  min-width: 0;
+}
+
+.crewlet-aside-layout__columns {
+  --crewlet-aside-layout-gap: var(--spacing-7);
+
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  align-items: start;
+  gap: var(--crewlet-aside-layout-gap);
+}
+
+/* EACH COLUMN IS A STACK one step apart, so the blocks in it stand apart
+   evenly without each carrying a margin of its own. */
+.crewlet-aside-layout__main,
+.crewlet-aside-layout__aside {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-6);
+  min-width: 0;
+}
+
+/* FOLLOWING THE MAIN COLUMN, the aside is set off by one hairline, so its
+   facts read as about the page rather than as more of it. The hairline sits
+   midway: the aside takes the gap's own step under it, where the stack's
+   smaller step left it 32px under the main column and 24px over the aside. */
+.crewlet-aside-layout__aside {
+  --crewlet-aside-layout-stick: static;
+
+  padding-top: var(--crewlet-aside-layout-gap);
+  border-top: 1px solid var(--color-border-default);
+}
+
+@container (min-width: 56rem) {
+  .crewlet-aside-layout__columns {
+    grid-template-columns: minmax(0, 1fr) var(--crewlet-aside-layout-aside, 18rem);
+    gap: var(--spacing-8);
+  }
+
+  .crewlet-aside-layout__aside {
+    --crewlet-aside-layout-stick: sticky;
+
+    padding-top: 0;
+    border-top: 0;
+  }
+}
+
+/* A PANE (`fit="pane"`) is narrower than a page by the list beside it: it
+   splits sooner, at a narrower aside, one step apart. */
+.crewlet-aside-layout--pane .crewlet-aside-layout__columns {
+  --crewlet-aside-layout-gap: var(--spacing-6);
+}
+
+@container (min-width: 44rem) {
+  .crewlet-aside-layout--pane .crewlet-aside-layout__columns {
+    grid-template-columns: minmax(0, 1fr) var(--crewlet-aside-layout-aside, 16rem);
+    gap: var(--spacing-4);
+  }
+
+  .crewlet-aside-layout--pane .crewlet-aside-layout__aside {
+    --crewlet-aside-layout-stick: sticky;
+
+    padding-top: 0;
+    border-top: 0;
+  }
+}
+
+/* STICKY (`sticky`): the aside's content as one stack, as tall as itself, so
+   it has the aside's length to stick along. Only a split sets the aside's
+   `--crewlet-aside-layout-stick`, so it sticks beside the main column alone. */
+.crewlet-aside-layout--sticky > .crewlet-aside-layout__columns {
+  align-items: stretch;
+}
+
+.crewlet-aside-layout__stick {
+  position: var(--crewlet-aside-layout-stick);
+  top: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-6);
+}
+
+/* ALONE (no aside), the main column is the whole width at every size. */
+.crewlet-aside-layout--alone > .crewlet-aside-layout__columns {
+  grid-template-columns: minmax(0, 1fr);
+}

package/dist/ConfirmField/index.js

@@ -1,5 +1,5 @@
-export { ConfirmField, confirmMatches } from '../chunk-7OEEDQSJ.js';
-import '../chunk-PLL7ZJHY.js';
+export { ConfirmField, confirmMatches } from '../chunk-OGOLTPFQ.js';
+import '../chunk-OBFEL5KH.js';
 import '../chunk-KCLHYBIZ.js';
 import '../chunk-NICEDVZM.js';
 import '../chunk-PGCLHYVP.js';

package/dist/DataView/index.js

@@ -7,8 +7,8 @@ import '../chunk-ZXXZESCD.js';
 import '../chunk-YGRTX67J.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-EE3DJMSQ.js';
 import '../chunk-NXFTCPF6.js';
+import '../chunk-EE3DJMSQ.js';
 import '../chunk-EC6EUIAD.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';

package/dist/InlineCode/InlineCode.d.ts

@@ -1,11 +1,12 @@
-import type { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export type InlineCodeVariant = 
 /** An identifier, a path, a config key, a header name. */
 'default'
 /**
  * A `${NAME}` pointing at a secret or an environment variable. Ligatures are
- * off everywhere in this component, and this variant also holds the braces
- * on one line: a reference torn across a line break names nothing.
+ * off everywhere in this component, and this variant holds `${` and `}` to
+ * the name: the chip moves to the next line whole where it fits there, and
+ * breaks inside the name only where it does not fit on a line of its own.
  */
  | 'reference';
 export type InlineCodeTone = 

package/dist/InlineCode/index.js

@@ -1,2 +1,2 @@
-export { InlineCode } from '../chunk-PLL7ZJHY.js';
+export { InlineCode } from '../chunk-OBFEL5KH.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{InlineCode-2ZXFKTKA.css → InlineCode-M7FAL5J4.css}

@@ -35,13 +35,16 @@
 }
 
 /*
- * A `${NAME}` pointer. It is one token a reader copies, so it keeps its braces
- * together. THE SAME INK AS ANY OTHER CHIP: a pointer is the name of a sealed
- * entry, and drawn a step quieter than the identifiers around it, it read as
- * decoration rather than as the thing an operator has to type back.
+ * A `${NAME}` pointer. It is one token a reader copies, so `${` and `}` are
+ * held to the name's first and last characters. THE SAME INK AS ANY OTHER
+ * CHIP: drawn a step quieter, it read as decoration rather than as the thing
+ * an operator has to type back.
+ *
+ * THE NAME ITSELF MAY BREAK. Held whole, a long name ran past a dialog at a
+ * phone's width. It offers no break of its own, so the chip still moves to
+ * the next line whole where it fits there, and breaks only where it does not.
  */
-.crewlet-inline-code--reference {
-  overflow-wrap: normal;
+.crewlet-inline-code__end {
   white-space: nowrap;
 }
 

package/dist/LinkInterstitial/index.js

@@ -1,6 +1,6 @@
-export { LinkInterstitial, openExternal } from '../chunk-MYAARF4Z.js';
+export { LinkInterstitial, openExternal } from '../chunk-OC6BMY3C.js';
 import '../chunk-ZXXZESCD.js';
-import '../chunk-PLL7ZJHY.js';
+import '../chunk-OBFEL5KH.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';

package/dist/OrgTable/index.js

@@ -1,14 +1,14 @@
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-DWQYV5AV.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-I46ZTLDW.js';
 import '../chunk-ZDWAIVWL.js';
 import '../chunk-MY374UUD.js';
 import '../chunk-5YXMKZUA.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
-import '../chunk-CVKANYHD.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-CVKANYHD.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Timeline/Timeline.d.ts

@@ -1,11 +1,18 @@
 import { type HTMLAttributes, type LiHTMLAttributes, type ReactNode } from 'react';
+import type { NodeHue } from '../utils/nodeHue.js';
 export type TimelineItemState = 
 /** Done, or simply past. */
 'default'
-/** This step failed. */
+/** This step failed, or, in a plan still to run, takes something away. */
  | 'danger'
 /** This step is where the work is now. */
  | 'active';
+/** How much room each step takes. */
+export type TimelineDensity = 
+/** A run's ledger of blocks, a step's prose and its tool calls under it. The default. */
+'comfortable'
+/** A handful of short sentences, the steps a dialog lists before somebody confirms them. */
+ | 'compact';
 export interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
     /**
      * The word read before an item's number. "Round" makes the hidden label
@@ -17,6 +24,15 @@ export interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
      * separates adjacent blocks without claiming a meaning.
      */
     alternating?: boolean | undefined;
+    /**
+     * The hue of whoever the steps belong to, on each default step's node and
+     * rail: an agent's own colour, as its `Avatar` wears it. A danger or an
+     * active step keeps its own colour, and the steps' words still say what
+     * each one does, so the hue is identity and never state.
+     */
+    hue?: NodeHue | undefined;
+    /** `compact` tightens each step for a dialog or a card. */
+    density?: TimelineDensity | undefined;
 }
 /**
  * A numbered sequence of steps, each bracketed by its own rail.
@@ -27,7 +43,7 @@ export interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
  * flat stack of look-alike rows. Bounded to its own item, every step is
  * delimited and the ledger still ends where its last step's content ends.
  */
-export declare function Timeline({ itemLabel, alternating, className, children, ...rest }: TimelineProps): import("react").JSX.Element;
+export declare function Timeline({ itemLabel, alternating, hue, density, className, children, ...rest }: TimelineProps): import("react").JSX.Element;
 export declare namespace Timeline {
     var Item: typeof TimelineItem;
 }

package/dist/Timeline/index.d.ts

@@ -1,3 +1,3 @@
 import './Timeline.css';
 export { Timeline, TimelineItem } from './Timeline.js';
-export type { TimelineProps, TimelineItemProps, TimelineItemState } from './Timeline.js';
+export type { TimelineDensity, TimelineProps, TimelineItemProps, TimelineItemState } from './Timeline.js';

package/dist/Timeline/index.js

@@ -1,3 +1,3 @@
-export { Timeline, TimelineItem } from '../chunk-4MJN2KN6.js';
+export { Timeline, TimelineItem } from '../chunk-ZDJQQ4LU.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Timeline-PGIZIODK.css → Timeline-LTBM3TSZ.css}

@@ -119,6 +119,54 @@
   flex-direction: column;
   gap: var(--spacing-2);
   min-width: 0;
+  /* A long handle or path breaks inside the column rather than running past
+     the ledger, which at a phone's width is past the dialog holding it. */
+  overflow-wrap: anywhere;
+}
+
+/*
+ * COMPACT: a dialog's handful of short sentences rather than a run's blocks.
+ * The pad between steps still beats the gap inside one, so a step's note
+ * stays with its own step.
+ */
+.crewlet-timeline--compact .crewlet-timeline__item {
+  padding-block: var(--spacing-1);
+}
+
+.crewlet-timeline--compact .crewlet-timeline__body {
+  gap: var(--spacing-1);
+}
+
+/*
+ * A HUE: whose steps these are, in the colour their avatar wears. Each hue
+ * pairs its fill with its own ink, which the palette gate measures as a pair.
+ */
+.crewlet-timeline--hue-purple { --crewlet-timeline-hue-fill: var(--color-node-purple-fill); --crewlet-timeline-hue-line: var(--color-node-purple-line); --crewlet-timeline-hue-ink: var(--color-node-purple-ink); }
+.crewlet-timeline--hue-cyan { --crewlet-timeline-hue-fill: var(--color-node-cyan-fill); --crewlet-timeline-hue-line: var(--color-node-cyan-line); --crewlet-timeline-hue-ink: var(--color-node-cyan-ink); }
+.crewlet-timeline--hue-green { --crewlet-timeline-hue-fill: var(--color-node-green-fill); --crewlet-timeline-hue-line: var(--color-node-green-line); --crewlet-timeline-hue-ink: var(--color-node-green-ink); }
+.crewlet-timeline--hue-amber { --crewlet-timeline-hue-fill: var(--color-node-amber-fill); --crewlet-timeline-hue-line: var(--color-node-amber-line); --crewlet-timeline-hue-ink: var(--color-node-amber-ink); }
+.crewlet-timeline--hue-rose { --crewlet-timeline-hue-fill: var(--color-node-rose-fill); --crewlet-timeline-hue-line: var(--color-node-rose-line); --crewlet-timeline-hue-ink: var(--color-node-rose-ink); }
+.crewlet-timeline--hue-blue { --crewlet-timeline-hue-fill: var(--color-node-blue-fill); --crewlet-timeline-hue-line: var(--color-node-blue-line); --crewlet-timeline-hue-ink: var(--color-node-blue-ink); }
+
+/*
+ * ONLY A DEFAULT STEP TAKES THE HUE. A failed or destructive step and the
+ * step in flight keep their own node, so the one step a reader scans for
+ * still stands out among an agent's others.
+ */
+.crewlet-timeline--hued .crewlet-timeline__item--default .crewlet-timeline__node {
+  border-color: var(--crewlet-timeline-hue-line);
+  background: var(--crewlet-timeline-hue-fill);
+  color: var(--crewlet-timeline-hue-ink);
+}
+
+.crewlet-timeline--hued .crewlet-timeline__item--default .crewlet-timeline__rail::after {
+  background: var(--crewlet-timeline-hue-line);
+}
+
+/* In a hued ledger a danger step's rail is drawn in its node's line too, so a
+   step that takes access away is marked along its whole height. */
+.crewlet-timeline--hued .crewlet-timeline__item--danger .crewlet-timeline__rail::after {
+  background: var(--color-feedback-danger-line);
 }
 
 /*

package/dist/VersionTimeline/index.js

@@ -1,10 +1,10 @@
-export { VersionTimeline } from '../chunk-L5VU3LZT.js';
+export { VersionTimeline } from '../chunk-NTGAPLMJ.js';
 import '../chunk-HF5L56YQ.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
-import '../chunk-4MJN2KN6.js';
+import '../chunk-ZDJQQ4LU.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';

package/dist/chunk-7UQQEUOT.js

@@ -0,0 +1,35 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './AsideLayout-SJO7VLPQ.css';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ASIDE_LAYOUT_SPLIT_REM = { page: 56, pane: 44 };
+function AsideLayout({
+  children,
+  aside,
+  asideLabel,
+  fit = "page",
+  sticky = false,
+  className,
+  ...rest
+}) {
+  const alone = aside === null || aside === void 0 || aside === false;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      className: cx(
+        "crewlet-aside-layout",
+        fit === "pane" && "crewlet-aside-layout--pane",
+        sticky && "crewlet-aside-layout--sticky",
+        alone && "crewlet-aside-layout--alone",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "crewlet-aside-layout__columns", children: [
+        /* @__PURE__ */ jsx("div", { className: "crewlet-aside-layout__main", children }),
+        alone ? null : /* @__PURE__ */ jsx("aside", { className: "crewlet-aside-layout__aside", "aria-label": asideLabel, children: sticky ? /* @__PURE__ */ jsx("div", { className: "crewlet-aside-layout__stick", children: aside }) : aside })
+      ] })
+    }
+  );
+}
+
+export { ASIDE_LAYOUT_SPLIT_REM, AsideLayout };

package/dist/{chunk-HSBRFE4Y.js → chunk-BHVEHAAX.js}

@@ -1,4 +1,4 @@
-import { Timeline } from './chunk-4MJN2KN6.js';
+import { Timeline } from './chunk-ZDJQQ4LU.js';
 import { Section } from './chunk-WFCWPXJN.js';
 import { Composer } from './chunk-FXGQWLZ6.js';
 import { Disclosure } from './chunk-NAHA62WD.js';

package/dist/{chunk-L5VU3LZT.js → chunk-NTGAPLMJ.js}

@@ -1,6 +1,6 @@
 import { PrincipalAvatar } from './chunk-HF5L56YQ.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
-import { Timeline } from './chunk-4MJN2KN6.js';
+import { Timeline } from './chunk-ZDJQQ4LU.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './VersionTimeline-DEAQ7CJG.css';

package/dist/chunk-OBFEL5KH.js

@@ -0,0 +1,49 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './InlineCode-M7FAL5J4.css';
+import { Children } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function referenceRuns(children) {
+  const parts = Children.toArray(children);
+  if (!parts.every((part) => typeof part === "string" || typeof part === "number")) return null;
+  const text = parts.join("");
+  if (!text.startsWith("${") || !text.endsWith("}")) return null;
+  const name = Array.from(text.slice(2, -1));
+  if (name.length === 0) return null;
+  if (name.length === 1) return [text, "", ""];
+  const first = name[0];
+  const last = name[name.length - 1];
+  return ["${" + first, name.slice(1, -1).join(""), last + "}"];
+}
+function InlineCode({
+  variant = "default",
+  tone = "default",
+  truncate = false,
+  whole = false,
+  className,
+  children,
+  ...rest
+}) {
+  const runs = variant === "reference" ? referenceRuns(children) : null;
+  return /* @__PURE__ */ jsx(
+    "code",
+    {
+      ...rest,
+      className: cx(
+        "crewlet-inline-code",
+        `crewlet-inline-code--${variant}`,
+        tone === "inherit" && "crewlet-inline-code--inherit",
+        truncate && "crewlet-inline-code--truncate",
+        whole && "crewlet-inline-code--whole",
+        className
+      ),
+      children: runs === null ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-inline-code__end", children: runs[0] }),
+        runs[1],
+        runs[2] === "" ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-inline-code__end", children: runs[2] })
+      ] })
+    }
+  );
+}
+
+export { InlineCode };

package/dist/{chunk-MYAARF4Z.js → chunk-OC6BMY3C.js}

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

package/dist/{chunk-7OEEDQSJ.js → chunk-OGOLTPFQ.js}

@@ -1,4 +1,4 @@
-import { InlineCode } from './chunk-PLL7ZJHY.js';
+import { InlineCode } from './chunk-OBFEL5KH.js';
 import { FormField, Input } from './chunk-KCLHYBIZ.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-4MJN2KN6.js → chunk-ZDJQQ4LU.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Timeline-PGIZIODK.css';
+import './Timeline-LTBM3TSZ.css';
 import { createContext, Children, isValidElement, useContext } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -9,6 +9,8 @@ var TimelinePositionContext = createContext(null);
 function Timeline({
   itemLabel = "Item",
   alternating = false,
+  hue,
+  density = "comfortable",
   className,
   children,
   ...rest
@@ -18,7 +20,14 @@ function Timeline({
     "ol",
     {
       ...rest,
-      className: cx("crewlet-timeline", alternating && "crewlet-timeline--alternating", className),
+      className: cx(
+        "crewlet-timeline",
+        alternating && "crewlet-timeline--alternating",
+        hue !== void 0 && "crewlet-timeline--hued",
+        hue !== void 0 && `crewlet-timeline--hue-${hue}`,
+        density === "compact" && "crewlet-timeline--compact",
+        className
+      ),
       children: items.map((child, index) => /* @__PURE__ */ jsx(TimelinePositionContext.Provider, { value: index + 1, children: child }, child.key ?? index))
     }
   ) });

package/dist/generated/index.js

@@ -1,5 +1,5 @@
 import '../chunk-VNACAMDK.js';
-export { VersionTimeline } from '../chunk-L5VU3LZT.js';
+export { VersionTimeline } from '../chunk-NTGAPLMJ.js';
 export { WidgetFrame } from '../chunk-5K5SZGBI.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from '../chunk-YHDJ22UB.js';
 export { TreeCanvas } from '../chunk-FPU7AA3X.js';
@@ -63,21 +63,22 @@ export { Text } from '../chunk-O5CEG7TQ.js';
 export { AddReaction, REACTION_BAR_LABELS, ReactionBar, reactionWho } from '../chunk-B3BJ66GQ.js';
 export { READING_PANE_ENTER, ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-64JNKLLP.js';
 export { PresenceStack } from '../chunk-F7HZYTZT.js';
+export { PricingCard } from '../chunk-O2XAJDK6.js';
 export { PresenterView, formatStopwatch } from '../chunk-LMEMH6DO.js';
 export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-5AJR6X75.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from '../chunk-O6EV6GKI.js';
-export { PricingCard } from '../chunk-O2XAJDK6.js';
 export { PrincipalPicker } from '../chunk-4RLUVHYP.js';
+export { MessageBubble } from '../chunk-KAQ2L74F.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-CDNZTCP2.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-QGEDXYLB.js';
 import '../chunk-CENOOTAV.js';
-export { NewItemsNotice } from '../chunk-463DNZXI.js';
 export { PinTile } from '../chunk-LJ3KWQLP.js';
+export { NewItemsNotice } from '../chunk-463DNZXI.js';
 export { FactLine, ObjectHeader, SetByLine } from '../chunk-AXEXOAZQ.js';
 export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-HZBXC3YD.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-NKBKHOMU.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-DWQYV5AV.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-I46ZTLDW.js';
 export { TreeGrid } from '../chunk-ZDWAIVWL.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-5YXMKZUA.js';
@@ -89,17 +90,16 @@ export { PersonRow } from '../chunk-6TD2PCZB.js';
 export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-H4WQWCHP.js';
 export { ActionDivider, MessageAction, MessageActions, QuickReaction } from '../chunk-3NO5GRZY.js';
 import '../chunk-TDFLCUBE.js';
-export { MessageBubble } from '../chunk-KAQ2L74F.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from '../chunk-DPNVKWJX.js';
 export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MARGIN, LIVE_PREVIEW_MAX, LIVE_PREVIEW_MAX_FRAMES, LIVE_PREVIEW_RENDER_MS, LIVE_PREVIEW_STILLS_KEPT, LivePreview, LivePreviewBudgetProvider, PREVIEW_FILL_MAX_CUT, PreviewScale, createLivePreviewBudget, createLivePreviewStills, immediately, perFrame, useLivePreview } from '../chunk-CQFQGAZI.js';
 export { LogoSlot, LogoSlotGroup } from '../chunk-LAZ72JOP.js';
 export { MARKDOWN_FORMATS, MARKDOWN_TEXT_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-XSJSDNRR.js';
 export { LAYERS_LIST_LABELS, LayersList } from '../chunk-VUYNNILP.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-ZAC7SKUN.js';
-export { Link } from '../chunk-QF5UNP4T.js';
 export { LinkCard } from '../chunk-O3MYBNRO.js';
 import '../chunk-KOJPDCGQ.js';
-export { LinkInterstitial, openExternal } from '../chunk-MYAARF4Z.js';
+export { Link } from '../chunk-QF5UNP4T.js';
+export { LinkInterstitial, openExternal } from '../chunk-OC6BMY3C.js';
 export { List, ListItem } from '../chunk-A7UOYLK3.js';
 export { ListDetail } from '../chunk-P33VNG7Q.js';
 export { ListInput, withDraft } from '../chunk-PICHV3PC.js';
@@ -107,8 +107,8 @@ export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-CFJ7FQZI.js';
 export { InlineRef } from '../chunk-JGDCVLD4.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from '../chunk-KBZO4B33.js';
 export { KeyValueRows, keyValueRowsLabels } from '../chunk-SRHLFQ4J.js';
-import '../chunk-MICRGE3J.js';
 export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
+import '../chunk-MICRGE3J.js';
 import '../chunk-FFMCMSJB.js';
 export { IconTile } from '../chunk-3LI4TRUR.js';
 export { ImageUpload } from '../chunk-K6Y6CDEZ.js';
@@ -128,31 +128,31 @@ export { ErrorBoundary } from '../chunk-IJ7KLXUZ.js';
 export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FactList } from '../chunk-SNQ7PH3D.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-KQWJWTED.js';
-export { Divider } from '../chunk-6KWNXIDE.js';
 export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-2HBY3FOZ.js';
+export { Divider } from '../chunk-6KWNXIDE.js';
 export { DockColumn } from '../chunk-5JPOFAVN.js';
 export { DownloadButton } from '../chunk-EHFQMY3B.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from '../chunk-YNRKVY7X.js';
 export { EditingStatus } from '../chunk-OU6ZSWEJ.js';
 export { EMOJI_GROUPS, EMOJI_PICKER_COLUMNS, EMOJI_PICKER_LABELS, EmojiPicker, emojiName, searchEmoji } from '../chunk-HZPUMGQV.js';
+export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-C2HIMGFI.js';
+export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt } from '../chunk-NGJWRR7E.js';
 export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-5U6XAUYM.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from '../chunk-KUMHQY2B.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-ZWCK4N4L.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-RQFRRPV6.js';
-export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt } from '../chunk-NGJWRR7E.js';
 export { DescriptionList, DescriptionListItem } from '../chunk-LH4OF7FI.js';
-export { CursorFlag } from '../chunk-MMCYH5LB.js';
-export { PresenceRing, presenceHueClass } from '../chunk-EFX2YC5T.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from '../chunk-AOFVXE6V.js';
 export { DirectoryList } from '../chunk-5KTLQ436.js';
 export { ContrastHelp } from '../chunk-QDGHOGSW.js';
 export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from '../chunk-EW4ULFHK.js';
+export { CursorFlag } from '../chunk-MMCYH5LB.js';
+export { PresenceRing, presenceHueClass } from '../chunk-EFX2YC5T.js';
 export { ChooserList, ColumnChooser, DATA_GRID_ICON_TRACK, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, nextGridSort, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-5MOBCUNA.js';
 export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-LGPTZGHJ.js';
 export { PageHeader } from '../chunk-FPDIHEM4.js';
 export { FILTER_PILL_LABELS, FILTER_PILL_WORDS_CLASS, FilterPill, filterPillSentence } from '../chunk-K4LZXSKZ.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-7K6LVM5I.js';
-export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-C2HIMGFI.js';
 export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-2NNMBEJV.js';
 export { Combobox } from '../chunk-AQCWYVE3.js';
 export { CommandPalette } from '../chunk-AVWEXCJ4.js';
@@ -161,15 +161,15 @@ export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, use
 export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-OSH55AKI.js';
 export { CompactNav, CompactNavGroup, CompactNavItem, CompactNavSeparator, groupBadge, placeFlyout } from '../chunk-QWRAWKB2.js';
 export { LockedLabel } from '../chunk-TEV5REGB.js';
-export { ConfirmField, confirmMatches } from '../chunk-7OEEDQSJ.js';
-export { InlineCode } from '../chunk-PLL7ZJHY.js';
+export { ConfirmField, confirmMatches } from '../chunk-OGOLTPFQ.js';
+export { InlineCode } from '../chunk-OBFEL5KH.js';
 export { CONFLICT_NOTE_LABELS, ConflictNote } from '../chunk-B3PK2LND.js';
 export { Container } from '../chunk-HJO4WCH6.js';
 export { CHIP_FIELD_LABELS, ChipField } from '../chunk-LPQLJHLI.js';
+export { ChoiceButtons } from '../chunk-RVSNBUIU.js';
+export { ChoiceList } from '../chunk-XU7RQNT6.js';
 export { ChoiceCards } from '../chunk-CFCJ3P7B.js';
 export { CodeBlock } from '../chunk-4ME4J3YY.js';
-export { ChoiceList } from '../chunk-XU7RQNT6.js';
-export { ChoiceButtons } from '../chunk-RVSNBUIU.js';
 export { ColorChip } from '../chunk-C6T4VBEY.js';
 export { ColorField } from '../chunk-GNJXUNEU.js';
 export { ColorSwatch } from '../chunk-6EZX26BD.js';
@@ -177,13 +177,17 @@ export { CopyButton, Copyable } from '../chunk-ETNQYT5O.js';
 export { useClipboard, writeClipboard } from '../chunk-STJ7QBC3.js';
 export { useOutcome } from '../chunk-DTIW4CHZ.js';
 import '../chunk-3L5NHASN.js';
+export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from '../chunk-YWVT7B6N.js';
 export { ChatDay, ChatDayPill } from '../chunk-ONHYFU7D.js';
 export { ChatDivider } from '../chunk-K774LUN3.js';
-export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from '../chunk-YWVT7B6N.js';
 export { CHAT_MESSAGE_CLASS, CHAT_MESSAGE_FAILURE_LABELS, ChatMessage, ChatMessageFailure } from '../chunk-IUBOLGHG.js';
 export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from '../chunk-VONEKR3J.js';
 export { CheckGrid } from '../chunk-WSHKY7SH.js';
+export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-2SVQBQAD.js';
+export { Note } from '../chunk-5SZGKSGL.js';
 export { CanvasSchematic } from '../chunk-NBWNLYWZ.js';
+export { CanvasToolbar, toolForKey } from '../chunk-DRFOTWJE.js';
+export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-NXFTCPF6.js';
 export { CatalogTile } from '../chunk-JKEGFDBG.js';
 export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from '../chunk-U4JZ2EXG.js';
 export { DIFF_LIST_LABELS, DiffList } from '../chunk-LR4IWUWQ.js';
@@ -202,13 +206,9 @@ import '../chunk-6C7GQOBV.js';
 export { StatusCard } from '../chunk-4BEMS6Q7.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-EE3DJMSQ.js';
 export { Callout } from '../chunk-BPCY7ZID.js';
-export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-2SVQBQAD.js';
-export { Note } from '../chunk-5SZGKSGL.js';
-export { CanvasToolbar, toolForKey } from '../chunk-DRFOTWJE.js';
-export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-NXFTCPF6.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-NCUSI4ZU.js';
 import '../chunk-LM3ISVJA.js';
-export { AsideLayout } from '../chunk-QOXLP5PE.js';
+export { ASIDE_LAYOUT_SPLIT_REM, AsideLayout } from '../chunk-7UQQEUOT.js';
 export { ATTACHMENT_CHIP_LABELS, AttachmentChip } from '../chunk-MTDISM7I.js';
 export { Tag } from '../chunk-SJ3EUCFD.js';
 export { ATTENTION_LIST_LABELS, AttentionList } from '../chunk-AELKT34H.js';
@@ -239,8 +239,8 @@ export { afterMotion, releaseFocus, runningMotion, usePresence } from '../chunk-
 import '../chunk-JLOESTT2.js';
 export { ArrangeBoard } from '../chunk-QO7QEQKV.js';
 export { ArrangeFrame, useGridResize } from '../chunk-I4IO56EY.js';
-export { ArrangeGroup } from '../chunk-7U6PK242.js';
 export { ArrangeGrid } from '../chunk-QBA5B2Z5.js';
+export { ArrangeGroup } from '../chunk-7U6PK242.js';
 export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-7ZJ662U4.js';
 export { Switch } from '../chunk-3N3XK2G5.js';
 export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from '../chunk-BVML4UVB.js';
@@ -263,9 +263,10 @@ export { ACCESS_DENIED_REASONS, AccessDeniedCard } from '../chunk-QTMUKRTN.js';
 export { EmptyState } from '../chunk-PPUR46MK.js';
 export { Accordion, AccordionItem } from '../chunk-E2QPZGLG.js';
 export { ACTION_CARD_GROUND, ActionCard, ActionCardRow } from '../chunk-OM2LABPS.js';
-export { ADD_PILL_MS, AddPill } from '../chunk-CVKANYHD.js';
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-HSBRFE4Y.js';
-export { Timeline, TimelineItem } from '../chunk-4MJN2KN6.js';
+export { ActivityLine } from '../chunk-V7N5XWZ6.js';
+export { ThinkingIndicator } from '../chunk-3OIVYHAA.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-BHVEHAAX.js';
+export { Timeline, TimelineItem } from '../chunk-ZDJQQ4LU.js';
 export { Section } from '../chunk-WFCWPXJN.js';
 export { COMPOSER_COUNTER_AT, Composer } from '../chunk-FXGQWLZ6.js';
 export { Disclosure } from '../chunk-NAHA62WD.js';
@@ -286,8 +287,7 @@ export { IconButton, IconButtonLink } from '../chunk-UAUP6XGK.js';
 export { DisclosureAnatomy } from '../chunk-ULYHDP7U.js';
 export { Count } from '../chunk-D2GT3CR4.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
-export { ActivityLine } from '../chunk-V7N5XWZ6.js';
-export { ThinkingIndicator } from '../chunk-3OIVYHAA.js';
+export { ADD_PILL_MS, AddPill } from '../chunk-CVKANYHD.js';
 export { Announcer, announce, useAnnouncer } from '../chunk-2G355KDJ.js';
 export { VisuallyHidden } from '../chunk-UT6CW3C7.js';
 export { cx } from '../chunk-ODEQTPFM.js';

package/dist/index.js

@@ -1,5 +1,5 @@
 import './chunk-VNACAMDK.js';
-export { VersionTimeline } from './chunk-L5VU3LZT.js';
+export { VersionTimeline } from './chunk-NTGAPLMJ.js';
 export { WidgetFrame } from './chunk-5K5SZGBI.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from './chunk-YHDJ22UB.js';
 export { TreeCanvas } from './chunk-FPU7AA3X.js';
@@ -63,21 +63,22 @@ export { Text } from './chunk-O5CEG7TQ.js';
 export { AddReaction, REACTION_BAR_LABELS, ReactionBar, reactionWho } from './chunk-B3BJ66GQ.js';
 export { READING_PANE_ENTER, ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-64JNKLLP.js';
 export { PresenceStack } from './chunk-F7HZYTZT.js';
+export { PricingCard } from './chunk-O2XAJDK6.js';
 export { PresenterView, formatStopwatch } from './chunk-LMEMH6DO.js';
 export { SLIDE_NAV_LABELS, SlideNav } from './chunk-5AJR6X75.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-O6EV6GKI.js';
-export { PricingCard } from './chunk-O2XAJDK6.js';
 export { PrincipalPicker } from './chunk-4RLUVHYP.js';
+export { MessageBubble } from './chunk-KAQ2L74F.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-CDNZTCP2.js';
 export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from './chunk-QGEDXYLB.js';
 import './chunk-CENOOTAV.js';
-export { NewItemsNotice } from './chunk-463DNZXI.js';
 export { PinTile } from './chunk-LJ3KWQLP.js';
+export { NewItemsNotice } from './chunk-463DNZXI.js';
 export { FactLine, ObjectHeader, SetByLine } from './chunk-AXEXOAZQ.js';
 export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-HZBXC3YD.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-NKBKHOMU.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-DWQYV5AV.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-I46ZTLDW.js';
 export { TreeGrid } from './chunk-ZDWAIVWL.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-5YXMKZUA.js';
@@ -89,17 +90,16 @@ export { PersonRow } from './chunk-6TD2PCZB.js';
 export { MERGE_CONFLICTS_LABELS, MergeConflicts } from './chunk-H4WQWCHP.js';
 export { ActionDivider, MessageAction, MessageActions, QuickReaction } from './chunk-3NO5GRZY.js';
 import './chunk-TDFLCUBE.js';
-export { MessageBubble } from './chunk-KAQ2L74F.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from './chunk-DPNVKWJX.js';
 export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MARGIN, LIVE_PREVIEW_MAX, LIVE_PREVIEW_MAX_FRAMES, LIVE_PREVIEW_RENDER_MS, LIVE_PREVIEW_STILLS_KEPT, LivePreview, LivePreviewBudgetProvider, PREVIEW_FILL_MAX_CUT, PreviewScale, createLivePreviewBudget, createLivePreviewStills, immediately, perFrame, useLivePreview } from './chunk-CQFQGAZI.js';
 export { LogoSlot, LogoSlotGroup } from './chunk-LAZ72JOP.js';
 export { MARKDOWN_FORMATS, MARKDOWN_TEXT_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-XSJSDNRR.js';
 export { LAYERS_LIST_LABELS, LayersList } from './chunk-VUYNNILP.js';
 export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
-export { Link } from './chunk-QF5UNP4T.js';
 export { LinkCard } from './chunk-O3MYBNRO.js';
 import './chunk-KOJPDCGQ.js';
-export { LinkInterstitial, openExternal } from './chunk-MYAARF4Z.js';
+export { Link } from './chunk-QF5UNP4T.js';
+export { LinkInterstitial, openExternal } from './chunk-OC6BMY3C.js';
 export { List, ListItem } from './chunk-A7UOYLK3.js';
 export { ListDetail } from './chunk-P33VNG7Q.js';
 export { ListInput, withDraft } from './chunk-PICHV3PC.js';
@@ -107,8 +107,8 @@ export { INLINE_EDITOR_LABELS, InlineEditor } from './chunk-CFJ7FQZI.js';
 export { InlineRef } from './chunk-JGDCVLD4.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from './chunk-KBZO4B33.js';
 export { KeyValueRows, keyValueRowsLabels } from './chunk-SRHLFQ4J.js';
-import './chunk-MICRGE3J.js';
 export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
+import './chunk-MICRGE3J.js';
 import './chunk-FFMCMSJB.js';
 export { IconTile } from './chunk-3LI4TRUR.js';
 export { ImageUpload } from './chunk-K6Y6CDEZ.js';
@@ -128,31 +128,31 @@ export { ErrorBoundary } from './chunk-IJ7KLXUZ.js';
 export { Eyebrow } from './chunk-RK4XPHVG.js';
 export { FactList } from './chunk-SNQ7PH3D.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from './chunk-KQWJWTED.js';
-export { Divider } from './chunk-6KWNXIDE.js';
 export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-2HBY3FOZ.js';
+export { Divider } from './chunk-6KWNXIDE.js';
 export { DockColumn } from './chunk-5JPOFAVN.js';
 export { DownloadButton } from './chunk-EHFQMY3B.js';
 export { downloadBlob, downloadText, safeFilename, useDownload } from './chunk-YNRKVY7X.js';
 export { EditingStatus } from './chunk-OU6ZSWEJ.js';
 export { EMOJI_GROUPS, EMOJI_PICKER_COLUMNS, EMOJI_PICKER_LABELS, EmojiPicker, emojiName, searchEmoji } from './chunk-HZPUMGQV.js';
+export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-C2HIMGFI.js';
+export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt } from './chunk-NGJWRR7E.js';
 export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from './chunk-5U6XAUYM.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from './chunk-KUMHQY2B.js';
 export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-ZWCK4N4L.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-RQFRRPV6.js';
-export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt } from './chunk-NGJWRR7E.js';
 export { DescriptionList, DescriptionListItem } from './chunk-LH4OF7FI.js';
-export { CursorFlag } from './chunk-MMCYH5LB.js';
-export { PresenceRing, presenceHueClass } from './chunk-EFX2YC5T.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from './chunk-AOFVXE6V.js';
 export { DirectoryList } from './chunk-5KTLQ436.js';
 export { ContrastHelp } from './chunk-QDGHOGSW.js';
 export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from './chunk-EW4ULFHK.js';
+export { CursorFlag } from './chunk-MMCYH5LB.js';
+export { PresenceRing, presenceHueClass } from './chunk-EFX2YC5T.js';
 export { ChooserList, ColumnChooser, DATA_GRID_ICON_TRACK, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, nextGridSort, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from './chunk-5MOBCUNA.js';
 export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from './chunk-LGPTZGHJ.js';
 export { PageHeader } from './chunk-FPDIHEM4.js';
 export { FILTER_PILL_LABELS, FILTER_PILL_WORDS_CLASS, FilterPill, filterPillSentence } from './chunk-K4LZXSKZ.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-7K6LVM5I.js';
-export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-C2HIMGFI.js';
 export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-2NNMBEJV.js';
 export { Combobox } from './chunk-AQCWYVE3.js';
 export { CommandPalette } from './chunk-AVWEXCJ4.js';
@@ -161,15 +161,15 @@ export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, use
 export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-OSH55AKI.js';
 export { CompactNav, CompactNavGroup, CompactNavItem, CompactNavSeparator, groupBadge, placeFlyout } from './chunk-QWRAWKB2.js';
 export { LockedLabel } from './chunk-TEV5REGB.js';
-export { ConfirmField, confirmMatches } from './chunk-7OEEDQSJ.js';
-export { InlineCode } from './chunk-PLL7ZJHY.js';
+export { ConfirmField, confirmMatches } from './chunk-OGOLTPFQ.js';
+export { InlineCode } from './chunk-OBFEL5KH.js';
 export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-B3PK2LND.js';
 export { Container } from './chunk-HJO4WCH6.js';
 export { CHIP_FIELD_LABELS, ChipField } from './chunk-LPQLJHLI.js';
+export { ChoiceButtons } from './chunk-RVSNBUIU.js';
+export { ChoiceList } from './chunk-XU7RQNT6.js';
 export { ChoiceCards } from './chunk-CFCJ3P7B.js';
 export { CodeBlock } from './chunk-4ME4J3YY.js';
-export { ChoiceList } from './chunk-XU7RQNT6.js';
-export { ChoiceButtons } from './chunk-RVSNBUIU.js';
 export { ColorChip } from './chunk-C6T4VBEY.js';
 export { ColorField } from './chunk-GNJXUNEU.js';
 export { ColorSwatch } from './chunk-6EZX26BD.js';
@@ -177,13 +177,17 @@ export { CopyButton, Copyable } from './chunk-ETNQYT5O.js';
 export { useClipboard, writeClipboard } from './chunk-STJ7QBC3.js';
 export { useOutcome } from './chunk-DTIW4CHZ.js';
 import './chunk-3L5NHASN.js';
+export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from './chunk-YWVT7B6N.js';
 export { ChatDay, ChatDayPill } from './chunk-ONHYFU7D.js';
 export { ChatDivider } from './chunk-K774LUN3.js';
-export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from './chunk-YWVT7B6N.js';
 export { CHAT_MESSAGE_CLASS, CHAT_MESSAGE_FAILURE_LABELS, ChatMessage, ChatMessageFailure } from './chunk-IUBOLGHG.js';
 export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread } from './chunk-VONEKR3J.js';
 export { CheckGrid } from './chunk-WSHKY7SH.js';
+export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from './chunk-2SVQBQAD.js';
+export { Note } from './chunk-5SZGKSGL.js';
 export { CanvasSchematic } from './chunk-NBWNLYWZ.js';
+export { CanvasToolbar, toolForKey } from './chunk-DRFOTWJE.js';
+export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-NXFTCPF6.js';
 export { CatalogTile } from './chunk-JKEGFDBG.js';
 export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from './chunk-U4JZ2EXG.js';
 export { DIFF_LIST_LABELS, DiffList } from './chunk-LR4IWUWQ.js';
@@ -202,13 +206,9 @@ import './chunk-6C7GQOBV.js';
 export { StatusCard } from './chunk-4BEMS6Q7.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-EE3DJMSQ.js';
 export { Callout } from './chunk-BPCY7ZID.js';
-export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from './chunk-2SVQBQAD.js';
-export { Note } from './chunk-5SZGKSGL.js';
-export { CanvasToolbar, toolForKey } from './chunk-DRFOTWJE.js';
-export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-NXFTCPF6.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from './chunk-NCUSI4ZU.js';
 import './chunk-LM3ISVJA.js';
-export { AsideLayout } from './chunk-QOXLP5PE.js';
+export { ASIDE_LAYOUT_SPLIT_REM, AsideLayout } from './chunk-7UQQEUOT.js';
 export { ATTACHMENT_CHIP_LABELS, AttachmentChip } from './chunk-MTDISM7I.js';
 export { Tag } from './chunk-SJ3EUCFD.js';
 export { ATTENTION_LIST_LABELS, AttentionList } from './chunk-AELKT34H.js';
@@ -239,8 +239,8 @@ export { afterMotion, releaseFocus, runningMotion, usePresence } from './chunk-P
 import './chunk-JLOESTT2.js';
 export { ArrangeBoard } from './chunk-QO7QEQKV.js';
 export { ArrangeFrame, useGridResize } from './chunk-I4IO56EY.js';
-export { ArrangeGroup } from './chunk-7U6PK242.js';
 export { ArrangeGrid } from './chunk-QBA5B2Z5.js';
+export { ArrangeGroup } from './chunk-7U6PK242.js';
 export { ArrangeList, DEFAULT_ARRANGE_LABELS } from './chunk-7ZJ662U4.js';
 export { Switch } from './chunk-3N3XK2G5.js';
 export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from './chunk-BVML4UVB.js';
@@ -263,9 +263,10 @@ export { ACCESS_DENIED_REASONS, AccessDeniedCard } from './chunk-QTMUKRTN.js';
 export { EmptyState } from './chunk-PPUR46MK.js';
 export { Accordion, AccordionItem } from './chunk-E2QPZGLG.js';
 export { ACTION_CARD_GROUND, ActionCard, ActionCardRow } from './chunk-OM2LABPS.js';
-export { ADD_PILL_MS, AddPill } from './chunk-CVKANYHD.js';
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from './chunk-HSBRFE4Y.js';
-export { Timeline, TimelineItem } from './chunk-4MJN2KN6.js';
+export { ActivityLine } from './chunk-V7N5XWZ6.js';
+export { ThinkingIndicator } from './chunk-3OIVYHAA.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from './chunk-BHVEHAAX.js';
+export { Timeline, TimelineItem } from './chunk-ZDJQQ4LU.js';
 export { Section } from './chunk-WFCWPXJN.js';
 export { COMPOSER_COUNTER_AT, Composer } from './chunk-FXGQWLZ6.js';
 export { Disclosure } from './chunk-NAHA62WD.js';
@@ -286,8 +287,7 @@ export { IconButton, IconButtonLink } from './chunk-UAUP6XGK.js';
 export { DisclosureAnatomy } from './chunk-ULYHDP7U.js';
 export { Count } from './chunk-D2GT3CR4.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
-export { ActivityLine } from './chunk-V7N5XWZ6.js';
-export { ThinkingIndicator } from './chunk-3OIVYHAA.js';
+export { ADD_PILL_MS, AddPill } from './chunk-CVKANYHD.js';
 export { Announcer, announce, useAnnouncer } from './chunk-2G355KDJ.js';
 export { VisuallyHidden } from './chunk-UT6CW3C7.js';
 export { cx } from './chunk-ODEQTPFM.js';

package/dist/styles.css

@@ -4938,10 +4938,10 @@ a.crewlet-make-row__item:active {
 }
 
 
-/* AsideLayout-AA3DEJKN.css */
+/* AsideLayout-SJO7VLPQ.css */
 /*
  * AsideLayout: a main column with an aside beside it from 56rem of its own
- * width, and after it below that (AsideLayout.tsx).
+ * width (44rem in a pane), and after it below that (AsideLayout.tsx).
  */
 
 .crewlet-aside-layout {
@@ -4973,6 +4973,8 @@ a.crewlet-make-row__item:active {
    midway: the aside takes the gap's own step under it, where the stack's
    smaller step left it 32px under the main column and 24px over the aside. */
 .crewlet-aside-layout__aside {
+  --crewlet-aside-layout-stick: static;
+
   padding-top: var(--crewlet-aside-layout-gap);
   border-top: 1px solid var(--color-border-default);
 }
@@ -4984,11 +4986,53 @@ a.crewlet-make-row__item:active {
   }
 
   .crewlet-aside-layout__aside {
+    --crewlet-aside-layout-stick: sticky;
+
+    padding-top: 0;
+    border-top: 0;
+  }
+}
+
+/* A PANE (`fit="pane"`) is narrower than a page by the list beside it: it
+   splits sooner, at a narrower aside, one step apart. */
+.crewlet-aside-layout--pane .crewlet-aside-layout__columns {
+  --crewlet-aside-layout-gap: var(--spacing-6);
+}
+
+@container (min-width: 44rem) {
+  .crewlet-aside-layout--pane .crewlet-aside-layout__columns {
+    grid-template-columns: minmax(0, 1fr) var(--crewlet-aside-layout-aside, 16rem);
+    gap: var(--spacing-4);
+  }
+
+  .crewlet-aside-layout--pane .crewlet-aside-layout__aside {
+    --crewlet-aside-layout-stick: sticky;
+
     padding-top: 0;
     border-top: 0;
   }
 }
 
+/* STICKY (`sticky`): the aside's content as one stack, as tall as itself, so
+   it has the aside's length to stick along. Only a split sets the aside's
+   `--crewlet-aside-layout-stick`, so it sticks beside the main column alone. */
+.crewlet-aside-layout--sticky > .crewlet-aside-layout__columns {
+  align-items: stretch;
+}
+
+.crewlet-aside-layout__stick {
+  position: var(--crewlet-aside-layout-stick);
+  top: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-6);
+}
+
+/* ALONE (no aside), the main column is the whole width at every size. */
+.crewlet-aside-layout--alone > .crewlet-aside-layout__columns {
+  grid-template-columns: minmax(0, 1fr);
+}
+
 
 /* AttachmentChip-RZ6ZCB43.css */
 /*
@@ -23317,7 +23361,7 @@ a.crewlet-icon-btn {
 }
 
 
-/* InlineCode-2ZXFKTKA.css */
+/* InlineCode-M7FAL5J4.css */
 /*
  * One identifier inside a sentence: a mono chip on the inset surface.
  *
@@ -23355,13 +23399,16 @@ a.crewlet-icon-btn {
 }
 
 /*
- * A `${NAME}` pointer. It is one token a reader copies, so it keeps its braces
- * together. THE SAME INK AS ANY OTHER CHIP: a pointer is the name of a sealed
- * entry, and drawn a step quieter than the identifiers around it, it read as
- * decoration rather than as the thing an operator has to type back.
+ * A `${NAME}` pointer. It is one token a reader copies, so `${` and `}` are
+ * held to the name's first and last characters. THE SAME INK AS ANY OTHER
+ * CHIP: drawn a step quieter, it read as decoration rather than as the thing
+ * an operator has to type back.
+ *
+ * THE NAME ITSELF MAY BREAK. Held whole, a long name ran past a dialog at a
+ * phone's width. It offers no break of its own, so the chip still moves to
+ * the next line whole where it fits there, and breaks only where it does not.
  */
-.crewlet-inline-code--reference {
-  overflow-wrap: normal;
+.crewlet-inline-code__end {
   white-space: nowrap;
 }
 
@@ -44683,7 +44730,7 @@ svg.crewlet-time-window__tick {
 }
 
 
-/* Timeline-PGIZIODK.css */
+/* Timeline-LTBM3TSZ.css */
 /*
  * A numbered ledger: a node per step, a rail bracketing that step's content.
  *
@@ -44805,6 +44852,54 @@ svg.crewlet-time-window__tick {
   flex-direction: column;
   gap: var(--spacing-2);
   min-width: 0;
+  /* A long handle or path breaks inside the column rather than running past
+     the ledger, which at a phone's width is past the dialog holding it. */
+  overflow-wrap: anywhere;
+}
+
+/*
+ * COMPACT: a dialog's handful of short sentences rather than a run's blocks.
+ * The pad between steps still beats the gap inside one, so a step's note
+ * stays with its own step.
+ */
+.crewlet-timeline--compact .crewlet-timeline__item {
+  padding-block: var(--spacing-1);
+}
+
+.crewlet-timeline--compact .crewlet-timeline__body {
+  gap: var(--spacing-1);
+}
+
+/*
+ * A HUE: whose steps these are, in the colour their avatar wears. Each hue
+ * pairs its fill with its own ink, which the palette gate measures as a pair.
+ */
+.crewlet-timeline--hue-purple { --crewlet-timeline-hue-fill: var(--color-node-purple-fill); --crewlet-timeline-hue-line: var(--color-node-purple-line); --crewlet-timeline-hue-ink: var(--color-node-purple-ink); }
+.crewlet-timeline--hue-cyan { --crewlet-timeline-hue-fill: var(--color-node-cyan-fill); --crewlet-timeline-hue-line: var(--color-node-cyan-line); --crewlet-timeline-hue-ink: var(--color-node-cyan-ink); }
+.crewlet-timeline--hue-green { --crewlet-timeline-hue-fill: var(--color-node-green-fill); --crewlet-timeline-hue-line: var(--color-node-green-line); --crewlet-timeline-hue-ink: var(--color-node-green-ink); }
+.crewlet-timeline--hue-amber { --crewlet-timeline-hue-fill: var(--color-node-amber-fill); --crewlet-timeline-hue-line: var(--color-node-amber-line); --crewlet-timeline-hue-ink: var(--color-node-amber-ink); }
+.crewlet-timeline--hue-rose { --crewlet-timeline-hue-fill: var(--color-node-rose-fill); --crewlet-timeline-hue-line: var(--color-node-rose-line); --crewlet-timeline-hue-ink: var(--color-node-rose-ink); }
+.crewlet-timeline--hue-blue { --crewlet-timeline-hue-fill: var(--color-node-blue-fill); --crewlet-timeline-hue-line: var(--color-node-blue-line); --crewlet-timeline-hue-ink: var(--color-node-blue-ink); }
+
+/*
+ * ONLY A DEFAULT STEP TAKES THE HUE. A failed or destructive step and the
+ * step in flight keep their own node, so the one step a reader scans for
+ * still stands out among an agent's others.
+ */
+.crewlet-timeline--hued .crewlet-timeline__item--default .crewlet-timeline__node {
+  border-color: var(--crewlet-timeline-hue-line);
+  background: var(--crewlet-timeline-hue-fill);
+  color: var(--crewlet-timeline-hue-ink);
+}
+
+.crewlet-timeline--hued .crewlet-timeline__item--default .crewlet-timeline__rail::after {
+  background: var(--crewlet-timeline-hue-line);
+}
+
+/* In a hued ledger a danger step's rail is drawn in its node's line too, so a
+   step that takes access away is marked along its whole height. */
+.crewlet-timeline--hued .crewlet-timeline__item--danger .crewlet-timeline__rail::after {
+  background: var(--color-feedback-danger-line);
 }
 
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.94.0",
+  "version": "0.96.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.94.0",
-    "@crewlethq/tokens": "0.94.0",
+    "@crewlethq/icons": "0.96.0",
+    "@crewlethq/tokens": "0.96.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/AsideLayout-AA3DEJKN.css

@@ -1,49 +0,0 @@
-/*
- * AsideLayout: a main column with an aside beside it from 56rem of its own
- * width, and after it below that (AsideLayout.tsx).
- */
-
-.crewlet-aside-layout {
-  container-type: inline-size;
-  min-width: 0;
-}
-
-.crewlet-aside-layout__columns {
-  --crewlet-aside-layout-gap: var(--spacing-7);
-
-  display: grid;
-  grid-template-columns: minmax(0, 1fr);
-  align-items: start;
-  gap: var(--crewlet-aside-layout-gap);
-}
-
-/* EACH COLUMN IS A STACK one step apart, so the blocks in it stand apart
-   evenly without each carrying a margin of its own. */
-.crewlet-aside-layout__main,
-.crewlet-aside-layout__aside {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-6);
-  min-width: 0;
-}
-
-/* FOLLOWING THE MAIN COLUMN, the aside is set off by one hairline, so its
-   facts read as about the page rather than as more of it. The hairline sits
-   midway: the aside takes the gap's own step under it, where the stack's
-   smaller step left it 32px under the main column and 24px over the aside. */
-.crewlet-aside-layout__aside {
-  padding-top: var(--crewlet-aside-layout-gap);
-  border-top: 1px solid var(--color-border-default);
-}
-
-@container (min-width: 56rem) {
-  .crewlet-aside-layout__columns {
-    grid-template-columns: minmax(0, 1fr) var(--crewlet-aside-layout-aside, 18rem);
-    gap: var(--spacing-8);
-  }
-
-  .crewlet-aside-layout__aside {
-    padding-top: 0;
-    border-top: 0;
-  }
-}

package/dist/chunk-PLL7ZJHY.js

@@ -1,31 +0,0 @@
-import { cx } from './chunk-ODEQTPFM.js';
-import './InlineCode-2ZXFKTKA.css';
-import { jsx } from 'react/jsx-runtime';
-
-function InlineCode({
-  variant = "default",
-  tone = "default",
-  truncate = false,
-  whole = false,
-  className,
-  children,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(
-    "code",
-    {
-      ...rest,
-      className: cx(
-        "crewlet-inline-code",
-        `crewlet-inline-code--${variant}`,
-        tone === "inherit" && "crewlet-inline-code--inherit",
-        truncate && "crewlet-inline-code--truncate",
-        whole && "crewlet-inline-code--whole",
-        className
-      ),
-      children
-    }
-  );
-}
-
-export { InlineCode };

package/dist/chunk-QOXLP5PE.js

@@ -1,12 +0,0 @@
-import { cx } from './chunk-ODEQTPFM.js';
-import './AsideLayout-AA3DEJKN.css';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function AsideLayout({ children, aside, asideLabel, className, ...rest }) {
-  return /* @__PURE__ */ jsx("div", { ...rest, className: cx("crewlet-aside-layout", className), children: /* @__PURE__ */ jsxs("div", { className: "crewlet-aside-layout__columns", children: [
-    /* @__PURE__ */ jsx("div", { className: "crewlet-aside-layout__main", children }),
-    /* @__PURE__ */ jsx("aside", { className: "crewlet-aside-layout__aside", "aria-label": asideLabel, children: aside })
-  ] }) });
-}
-
-export { AsideLayout };

package/dist/{chunk-DWQYV5AV.js → chunk-I46ZTLDW.js}

@@ -1,8 +1,8 @@
 import { TreeGrid } from './chunk-ZDWAIVWL.js';
 import { createTreeModel, treeParent } from './chunk-MY374UUD.js';
 import { OrgLabel } from './chunk-5YXMKZUA.js';
-import { AddPill } from './chunk-CVKANYHD.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { AddPill } from './chunk-CVKANYHD.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgTable-JZSYTUIK.css';
 import { useMemo, useRef, useImperativeHandle, useCallback } from 'react';