@arbidocs/blocks 0.5.63 → 0.5.65

package/dist/theme/ThemeControls.d.ts

@@ -0,0 +1,71 @@
+/**
+ * The theme editor's small controls. Each reports the token keys it changes through `onHint`
+ * (on hover and focus; `null` on leave and blur), which the editor turns into preview highlights.
+ */
+import { type ReactNode } from 'react';
+import { type HintHandler } from './editorModel';
+export interface ColorFieldProps {
+    label: string;
+    /** One line under the label: what it is for. */
+    hint?: string;
+    value: string;
+    onChange: (hex: string) => void;
+    keys: readonly string[];
+    onHint: HintHandler;
+    /** `data-testid`s of the swatch and the hex field. */
+    testIds: {
+        color: string;
+        hex: string;
+    };
+    /** Trailing content, e.g. an "edited" badge with a reset. */
+    trailing?: ReactNode;
+}
+/**
+ * A colour: a swatch (the native picker) and its hex. The hex field keeps what is typed and only
+ * commits a complete colour, so a half-typed value never repaints the app.
+ */
+export declare function ColorField({ label, hint, value, onChange, keys, onHint, testIds, trailing, }: ColorFieldProps): import("react").JSX.Element;
+export interface SegmentedProps<T extends string> {
+    label: string;
+    value: T;
+    options: readonly {
+        value: T;
+        label: string;
+    }[];
+    onChange: (value: T) => void;
+    keys: readonly string[];
+    onHint: HintHandler;
+    testId: string;
+}
+/** A small single-choice group (radio semantics). */
+export declare function Segmented<T extends string>({ label, value, options, onChange, keys, onHint, testId, }: SegmentedProps<T>): import("react").JSX.Element;
+export interface SliderFieldProps {
+    label: string;
+    /** Shown beside the label (the current value in words). */
+    valueText: string;
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    onChange: (value: number) => void;
+    /** Words under the two ends of the track. */
+    ends?: [string, string];
+    keys: readonly string[];
+    onHint: HintHandler;
+    testId: string;
+}
+export declare function SliderField({ label, valueText, value, min, max, step, onChange, ends, keys, onHint, testId, }: SliderFieldProps): import("react").JSX.Element;
+export interface SelectFieldProps {
+    label: string;
+    value: string;
+    options: readonly {
+        value: string;
+        label: string;
+    }[];
+    onChange: (value: string) => void;
+    keys: readonly string[];
+    onHint: HintHandler;
+    testId: string;
+    hint?: string;
+}
+export declare function SelectField({ label, value, options, onChange, keys, onHint, testId, hint, }: SelectFieldProps): import("react").JSX.Element;

package/dist/theme/ThemeEditor.d.ts

@@ -1,13 +1,16 @@
 import type { ThemeBundle } from './store';
+import type { ThemePreviewLabels } from './previewLabels';
 export interface ThemeEditorProps {
     /** The host's theme store bundle (from createThemeStore). */
     bundle: ThemeBundle;
     variant?: 'panel' | 'drawer' | 'collapsed';
-    /** Firm identity shown in the panel's live-preview header. */
+    /** Identity shown in the live preview's header. */
     preview?: {
         title: string;
         subtitle?: string;
     };
+    /** The preview's sample words, for a host that wants its own. */
+    previewLabels?: Partial<ThemePreviewLabels>;
     /** Optional persistence side-channel (e.g. save theme to ARBI); returns a "via" label. */
     onSave?: () => Promise<string | void>;
     /** Stable testid namespace, e.g. "builder-theme" | "studio-theme". */
@@ -15,4 +18,4 @@ export interface ThemeEditorProps {
     /** `collapsed` only: start with the controls open. */
     defaultOpen?: boolean;
 }
-export declare function ThemeEditor({ bundle, variant, preview, onSave, testIdPrefix, defaultOpen, }: ThemeEditorProps): import("react").JSX.Element;
+export declare function ThemeEditor({ bundle, variant, preview, previewLabels, onSave, testIdPrefix, defaultOpen, }: ThemeEditorProps): import("react").JSX.Element;

package/dist/theme/ThemePreview.d.ts

@@ -0,0 +1,20 @@
+import { type ThemeFonts } from './tokens';
+import type { ColorScheme } from './derive';
+import type { PreviewPart } from './editorModel';
+import { type ThemePreviewLabels } from './previewLabels';
+export interface ThemePreviewProps {
+    colors: Record<string, string>;
+    fonts: ThemeFonts;
+    radius: number;
+    scheme: ColorScheme;
+    /** The parts to outline; `null` when no control is hovered or focused. */
+    highlight?: ReadonlySet<PreviewPart> | null;
+    /** One column of parts (a narrow drawer) instead of a two-column grid. */
+    compact?: boolean;
+    labels?: Partial<ThemePreviewLabels>;
+    /** A heading over the parts, e.g. the host's name. */
+    title?: string;
+    subtitle?: string;
+    testId?: string;
+}
+export declare function ThemePreview({ colors, fonts, radius, scheme, highlight, compact, labels: labelOverrides, title, subtitle, testId, }: ThemePreviewProps): import("react").JSX.Element;

package/dist/theme/color.d.ts

@@ -1,6 +1,6 @@
 /**
  * Colour math for the theme store: parse the formats a theme value comes in (hex, `rgb()`,
- * `hsl()`, a raw `H S% L%` triplet) and convert between them.
+ * `hsl()`, a raw `H S% L%` triplet), convert between them, and measure WCAG contrast.
  *
  * Pure functions, no DOM. A theme value is kept in whatever format the host wrote it (Clarum's
  * `@theme` is hex, the ARBI app's stylesheet is triplets); these helpers turn it into the two
@@ -51,3 +51,19 @@ export declare function toHslTriplet(color: string): string;
  * other value (hex, `rgb()`, `oklch()`) is already a colour and is kept as written.
  */
 export declare function toCssColor(value: string): string;
+/** WCAG relative luminance, 0 (black) .. 1 (white). */
+export declare function relativeLuminance(rgb: Rgb): number;
+/** WCAG contrast ratio of two colour values (1..21), or `null` when either cannot be parsed. */
+export declare function contrastRatio(a: string, b: string): number | null;
+/** WCAG AA thresholds: body text 4.5:1, large text and UI parts (borders, focus rings) 3:1. */
+export declare const AA_TEXT = 4.5;
+export declare const AA_UI = 3;
+/**
+ * The colour nearest to `fg` (same hue and saturation, only lightness moved) that reaches `ratio`
+ * against `bg`. It moves away from the background first (darker on a light background, lighter on
+ * a dark one) and, if even black or white cannot reach the ratio that way, tries the other way.
+ * Returns hex; `fg` unchanged (as hex) when it already passes.
+ */
+export declare function ensureContrast(fg: string, bg: string, ratio: number): string;
+/** Mix two colours in sRGB: `amount` 0 is `a`, 1 is `b`. Hex out. */
+export declare function mix(a: string, b: string, amount: number): string;

package/dist/theme/derive.d.ts

@@ -0,0 +1,75 @@
+export type ColorScheme = 'light' | 'dark';
+/** `light`: the sidebar is a quiet surface. `brand`: a dark panel in the primary's hue. */
+export type SidebarStyle = 'light' | 'brand';
+/** `harmonious`: hues near the primary and accent. `distinct`: evenly spaced hues from the primary. */
+export type ChartStyle = 'harmonious' | 'distinct';
+export interface ThemeInputs {
+    /** The main brand colour: filled buttons, active tabs, links, focus rings. */
+    primary: string;
+    /** The second brand colour: highlights, AI actions, accent buttons, the second chart series. */
+    accent: string;
+    /** Surface tone: -1 cool grey-blue, 0 neutral, 1 warm paper. Beyond ±0.5 the page itself tints. */
+    warmth: number;
+    sidebar: SidebarStyle;
+    charts: ChartStyle;
+    danger: string;
+    success: string;
+    warning: string;
+    /**
+     * What `--secondary` is in this host: a brand accent (the blocks default, a saturated cyan) or a
+     * quiet surface (shadcn's). Inferred from the host's own value; not shown as a control.
+     */
+    secondaryRole: 'accent' | 'surface';
+}
+export type ThemeInputKey = keyof ThemeInputs;
+/** The editor's purpose groups. */
+export type ThemeGroup = 'brand' | 'surfaces' | 'text' | 'status' | 'charts';
+interface DerivedToken {
+    key: string;
+    group: ThemeGroup;
+    /** The inputs whose change rewrites this token. */
+    deps: readonly ThemeInputKey[];
+}
+/** Every token the derivation writes, with its group and the inputs it follows. */
+export declare const DERIVED_TOKENS: readonly DerivedToken[];
+/** The derived token `key`, or `undefined` when the derivation does not write it. */
+export declare const derivedToken: (key: string) => DerivedToken | undefined;
+/** The keys an input controls (what changes when it does). */
+export declare function keysOfInput(input: ThemeInputKey): string[];
+/** The keys a purpose group holds. */
+export declare function keysOfGroup(group: ThemeGroup): string[];
+/**
+ * The inputs that describe an existing set of colours (a host's defaults, a preset): the primary
+ * as is, the accent from the AI/secondary tokens, the warmth from the page and muted surfaces, the
+ * sidebar style from its lightness. A key the colours lack falls back to a neutral default.
+ */
+export declare function inferInputs(colors: Record<string, string>): ThemeInputs;
+/**
+ * Every derived token's value for one scheme, as hex. Pure: the same inputs always give the same
+ * colours. Text pairs reach WCAG AA (4.5:1), ring and input 3:1 against the page, chart series 3:1
+ * against the page (graphical objects).
+ */
+export declare function deriveColors(inputs: ThemeInputs, scheme: ColorScheme): Record<string, string>;
+export interface ContrastPair {
+    /** The text (or UI part) token. */
+    fg: string;
+    /** The surface it sits on. */
+    bg: string;
+    /** WCAG AA threshold: 4.5 for text, 3 for UI parts. */
+    min: number;
+    /** Plain-language name, e.g. "Text on buttons". */
+    label: string;
+}
+/** The pairs the editor checks, light and dark. */
+export declare const CONTRAST_PAIRS: readonly ContrastPair[];
+export interface ContrastIssue extends ContrastPair {
+    ratio: number;
+    /** The foreground value that passes (same hue, lightness moved). */
+    fix: string;
+}
+/**
+ * The pairs below their threshold, given a token resolver (the theme's value of a key, or
+ * `undefined` when unknown). Pairs with an unknown or unparseable side are skipped.
+ */
+export declare function contrastIssues(resolve: (key: string) => string | undefined, pairs?: readonly ContrastPair[]): ContrastIssue[];
+export {};

package/dist/theme/editorModel.d.ts

@@ -0,0 +1,36 @@
+/**
+ * What the theme editor knows about its own layout: the purpose sections and their plain-language
+ * "affects…" lines, which preview part reads which token (so hovering a control can outline
+ * exactly the parts it changes), and how to read a token the store does not hold from the page.
+ */
+import type { ColorScheme } from './derive';
+export type ThemeSection = 'brand' | 'surfaces' | 'text' | 'status' | 'charts' | 'advanced';
+export declare const SECTION_COPY: Record<ThemeSection, {
+    title: string;
+    affects: string;
+}>;
+/** The parts the live preview shows. */
+export type PreviewPart = 'page' | 'buttons' | 'input' | 'card' | 'tabs' | 'sidebar' | 'stepbar' | 'chart' | 'toast' | 'badges' | 'alerts';
+/** Pseudo keys for the non-colour controls. */
+export declare const FONT_DISPLAY = "font-display";
+export declare const FONT_SANS = "font-sans";
+export declare const RADIUS = "radius";
+/** The tokens each preview part paints with. */
+export declare const PART_TOKENS: Record<PreviewPart, readonly string[]>;
+/** The preview parts that read any of `keys` (what a control with those keys changes). */
+export declare function partsOf(keys: readonly string[]): Set<PreviewPart>;
+/**
+ * Read token values from the page for keys the store does not hold (a host's catalog edits only
+ * some of the contract; the rest come from its stylesheet). Values are the raw custom properties,
+ * read on a probe element; the dark set through a `.dark` probe, which works with the contract's
+ * `.dark` selector. Returns only keys that resolve to a value. Empty without a DOM.
+ */
+export declare function readDocumentTokens(keys: readonly string[], scheme: ColorScheme): Record<string, string>;
+export type HintHandler = (keys: readonly string[] | null) => void;
+/** Hover and focus handlers that report `keys` while the pointer or focus is inside. */
+export declare function hintProps(keys: readonly string[], onHint: HintHandler): {
+    onPointerEnter: () => void;
+    onPointerLeave: () => void;
+    onFocus: () => void;
+    onBlur: () => void;
+};

package/dist/theme/previewLabels.d.ts

@@ -0,0 +1,38 @@
+/**
+ * The theme editor preview's sample words. Neutral defaults; a host overrides any of them (e.g. to
+ * its own vocabulary) through `ThemeEditor previewLabels` or `ThemePreview labels`.
+ */
+export interface ThemePreviewLabels {
+    title: string;
+    subtitle: string;
+    primaryAction: string;
+    accentAction: string;
+    secondaryAction: string;
+    outlineAction: string;
+    dangerAction: string;
+    fieldLabel: string;
+    fieldPlaceholder: string;
+    cardBody: string;
+    tabs: [string, string, string];
+    tabBody: string;
+    nav: [string, string, string];
+    steps: [string, string, string];
+    chartLabel: string;
+    chartMonths: [string, string, string, string];
+    chartSeries: [string, string];
+    toastTitle: string;
+    toastBody: string;
+    toastAction: string;
+    badges: {
+        neutral: string;
+        success: string;
+        warning: string;
+        danger: string;
+        ai: string;
+    };
+    alerts: {
+        info: string;
+        danger: string;
+    };
+}
+export declare const DEFAULT_THEME_PREVIEW_LABELS: ThemePreviewLabels;

package/dist/theme/store.d.ts

@@ -2,27 +2,64 @@
  * The shared theme store factory. A host calls {@link createThemeStore} once
  * with its token catalog, default values and presets; the returned bundle (a
  * zustand hook + metadata) is the single source of truth consumed by every
- * theme surface (the back-office builder panel and the studio drawer), so the
- * token model, presets and apply logic live in exactly one place.
+ * theme surface (the back-office builder panel, the studio drawer and the
+ * settings page), so the token model, presets and apply logic live in exactly
+ * one place.
+ *
+ * State is the colour values themselves (light, and dark for a host with a dark
+ * mode) plus the brand {@link ThemeInputs} that describe them. Changing an input
+ * re-derives the tokens that depend on it ({@link deriveColors}); a colour set by
+ * hand (`setColor`) is an override and stops following the inputs until it is
+ * cleared. Every edit is undoable. Nothing is derived until an input changes, so
+ * the untouched store paints the host's defaults exactly.
  */
 import { type UseBoundStore, type StoreApi } from 'zustand';
 import { type ColorToken, type ThemeEmitMode, type ThemeFonts, type ThemePreset, type ThemeTokens } from './tokens';
+import { type ColorScheme, type ThemeInputKey, type ThemeInputs } from './derive';
+/** Everything an undo step restores. */
+export interface ThemeHistoryEntry {
+    colors: Record<string, string>;
+    dark: Record<string, string>;
+    fonts: ThemeFonts;
+    radius: number;
+    inputs: ThemeInputs;
+    overrides: string[];
+    activePresetId: string | null;
+}
 export interface ThemeState extends ThemeTokens {
+    /** Dark-variant values (used when the host has a dark mode, see `darkColors`). */
+    dark: Record<string, string>;
+    /** The brand inputs the derived tokens follow. */
+    inputs: ThemeInputs;
+    /** Keys set by hand: they keep their value when an input changes. */
+    overrides: string[];
     activePresetId: string | null;
-    setColor: (key: string, value: string) => void;
+    /** Undo stack (oldest first) and redo stack; not persisted. */
+    past: ThemeHistoryEntry[];
+    future: ThemeHistoryEntry[];
+    /** Change one brand input and re-derive the tokens that follow it (light and dark). */
+    setInput: <K extends ThemeInputKey>(key: K, value: ThemeInputs[K]) => void;
+    /** Set one colour by hand (an override), in the light set or the dark one. */
+    setColor: (key: string, value: string, scheme?: ColorScheme) => void;
+    /** Drop an override: the token follows the brand inputs again. */
+    clearOverride: (key: string) => void;
     setFont: (which: keyof ThemeFonts, value: string) => void;
     /** Apply a curated pairing, setting the display and body faces together. */
     setFontPairing: (pairingId: string) => void;
     setRadius: (radius: number) => void;
     applyPreset: (presetId: string) => void;
     reset: () => void;
-    /** Snapshot of the editable tokens (for export / live apply). */
+    undo: () => void;
+    redo: () => void;
+    /** Replace the theme with stored tokens (e.g. loaded from the backend); clears the history. */
+    load: (tokens: ThemeTokens) => void;
+    /** Snapshot of the editable tokens (for export / live apply / save). */
     snapshot: () => ThemeTokens;
 }
 export interface ThemeStoreConfig {
-    /** The editable token catalog (keys + labels + groups). */
+    /** The editable token catalog (keys + labels + groups): the Advanced section's rows. */
     tokens: ColorToken[];
-    /** Group id → heading, for the grouped panel layout. */
+    /** Group id → heading, for the Advanced section's layout. */
     groupLabels: Record<string, string>;
     /** Shipped defaults (the host's brand values). */
     defaultTheme: ThemeTokens;
@@ -31,16 +68,17 @@ export interface ThemeStoreConfig {
     /** localStorage key for persistence (namespaced per host). */
     storageKey: string;
     /**
-     * How edits are written onto the document. Defaults to `'flat'` (inline
-     * `--color-*`). `'cssVars'` emits raw HSL-triplet vars into an injected
-     * `<style>` so an app's own `hsl(var(--x))` indirection + `.dark` variant
-     * survive. See {@link applyThemeVars}.
+     * Where edits are written on the document. Defaults to `'flat'` (inline on
+     * `<html>`). `'cssVars'` uses an injected `<style>` with a `:root.dark` block so
+     * an app's own `.dark` variant survives. Both write the raw triplet AND the
+     * `--color-*` of every token. See {@link applyThemeVars}.
      */
     mode?: ThemeEmitMode;
     /**
-     * `cssVars` mode only: the dark-variant colour values keyed by token key,
-     * emitted under `:root.dark`. Required (per editable token) for any host with a
-     * dark mode, otherwise a light-token override leaks into dark.
+     * The dark-variant colour values keyed by token key: the host has a dark mode.
+     * `cssVars` mode emits them under `:root.dark` (required per editable token,
+     * otherwise a light-token override leaks into dark), and the editor offers a
+     * dark preview.
      */
     darkColors?: Record<string, string>;
 }

package/dist/theme/tokens.d.ts

@@ -44,6 +44,8 @@ export interface ThemeTokens {
     fonts: ThemeFonts;
     /** Base radius in rem. */
     radius: number;
+    /** Dark-variant colour values keyed by token key, for a host with a dark mode. */
+    dark?: Record<string, string>;
 }
 export interface ThemePreset {
     id: string;

package/dist/workflow-canvas/index.cjs

@@ -1,26 +1,26 @@
 "use client";
 'use strict';
 
-var chunkX3JJTHQ4_cjs = require('../chunk-X3JJTHQ4.cjs');
+var chunkJSHBC47B_cjs = require('../chunk-JSHBC47B.cjs');
 var chunkE5625KT2_cjs = require('../chunk-E5625KT2.cjs');
 require('../chunk-HYAYXLIZ.cjs');
 require('../chunk-KWJW5TMH.cjs');
-require('../chunk-LBKTTQUR.cjs');
+require('../chunk-CMYJEIZB.cjs');
 require('../chunk-EGJ7WJ6Q.cjs');
-require('../chunk-H32DV7XS.cjs');
 require('../chunk-JBL4PPEE.cjs');
-var chunkUDMII47W_cjs = require('../chunk-UDMII47W.cjs');
+require('../chunk-H32DV7XS.cjs');
+var chunkWBLCPCWR_cjs = require('../chunk-WBLCPCWR.cjs');
 require('../chunk-464YPRAE.cjs');
 require('../chunk-PICGTGEB.cjs');
 var chunkT35SGVB2_cjs = require('../chunk-T35SGVB2.cjs');
 require('../chunk-5FYU7ZIU.cjs');
-require('../chunk-VGNCU5JJ.cjs');
-require('../chunk-2WLXQGWC.cjs');
 require('../chunk-324RBHCF.cjs');
+require('../chunk-VGNCU5JJ.cjs');
 require('../chunk-223D4727.cjs');
+require('../chunk-2WLXQGWC.cjs');
 require('../chunk-JH6JTI76.cjs');
-require('../chunk-UWIILWDI.cjs');
 require('../chunk-IRY63R4L.cjs');
+require('../chunk-UWIILWDI.cjs');
 require('../chunk-ZESMRGDV.cjs');
 require('../chunk-Z3LFF3YT.cjs');
 require('../chunk-QXNEXPUL.cjs');
@@ -32,14 +32,15 @@ require('../chunk-5Y6V7F6W.cjs');
 require('../chunk-VLCY46K6.cjs');
 var chunkNSD37OF5_cjs = require('../chunk-NSD37OF5.cjs');
 require('../chunk-72YEEUH7.cjs');
-var chunkMAKTAR7H_cjs = require('../chunk-MAKTAR7H.cjs');
-var chunkHVOPUYAG_cjs = require('../chunk-HVOPUYAG.cjs');
-var chunk3T3IKNGF_cjs = require('../chunk-3T3IKNGF.cjs');
+var chunkF777MGVA_cjs = require('../chunk-F777MGVA.cjs');
+var chunkCJF7B5A7_cjs = require('../chunk-CJF7B5A7.cjs');
+var chunkZXW6WFZG_cjs = require('../chunk-ZXW6WFZG.cjs');
 require('../chunk-RFIBUWLF.cjs');
-var chunkY6ZNWC7E_cjs = require('../chunk-Y6ZNWC7E.cjs');
+var chunkI4IS6ST6_cjs = require('../chunk-I4IS6ST6.cjs');
+var chunkK26RLK2Y_cjs = require('../chunk-K26RLK2Y.cjs');
 require('../chunk-3YEXZX4H.cjs');
-require('../chunk-ZDZY6OPL.cjs');
 require('../chunk-AQPZ4QMV.cjs');
+require('../chunk-ZDZY6OPL.cjs');
 require('../chunk-SIB6C7P7.cjs');
 require('../chunk-DVUZTGVL.cjs');
 require('../chunk-V4ISCZJ7.cjs');
@@ -366,9 +367,9 @@ function SignalsEditor({
           {
             className: ui.cn(
               "space-y-1.5 rounded-md border p-2",
-              chunk3T3IKNGF_cjs.isIncompleteSignal(signal) ? "border-destructive/50" : "border-border"
+              chunkZXW6WFZG_cjs.isIncompleteSignal(signal) ? "border-destructive/50" : "border-border"
             ),
-            "data-incomplete": chunk3T3IKNGF_cjs.isIncompleteSignal(signal) || void 0,
+            "data-incomplete": chunkZXW6WFZG_cjs.isIncompleteSignal(signal) || void 0,
             "data-testid": `${testId}-${i}`,
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -1656,7 +1657,7 @@ function triggerFields(trigger, clearOthers) {
   return {
     timezone: trigger.timezone,
     rrule: trigger.start === "repeat" ? trigger.rrule.trim() : none,
-    run_at: trigger.start === "once" ? chunkHVOPUYAG_cjs.localInputToIso(trigger.runAt) : none,
+    run_at: trigger.start === "once" ? chunkCJF7B5A7_cjs.localInputToIso(trigger.runAt) : none,
     event_kind: trigger.start === "event" ? trigger.eventKind.trim() : none,
     // A step signal is `workflow_signal` narrowed to one signal name.
     event_filter: filter ?? none,
@@ -1672,7 +1673,7 @@ function plan(value, options) {
     criteria: [],
     max_passes: 3,
     documents: [],
-    steps: chunk3T3IKNGF_cjs.toPlanSteps(value.workflow, options)
+    steps: chunkZXW6WFZG_cjs.toPlanSteps(value.workflow, options)
   };
 }
 function builderToWorkflowRequest(value, workspaceId, options = {}) {
@@ -1707,7 +1708,7 @@ function builderToWorkflowUpdate(value, options = {}) {
 }
 function workflowRecordToBuilder(record) {
   const planned = record.plan?.steps ?? [];
-  const steps = planned.length ? chunk3T3IKNGF_cjs.fromPlanSteps(planned) : record.prompt || record.skill_ref ? [
+  const steps = planned.length ? chunkZXW6WFZG_cjs.fromPlanSteps(planned) : record.prompt || record.skill_ref ? [
     {
       id: "work",
       kind: "agent",
@@ -1715,7 +1716,7 @@ function workflowRecordToBuilder(record) {
       ...record.skill_ref ? { workflow: record.skill_ref } : { run: { kind: "prompt", promptTemplate: record.prompt } }
     }
   ] : [];
-  const when = chunkHVOPUYAG_cjs.workflowWhen(record);
+  const when = chunkCJF7B5A7_cjs.workflowWhen(record);
   return {
     workflow: {
       id: record.external_id,
@@ -1724,12 +1725,12 @@ function workflowRecordToBuilder(record) {
       inputs: [],
       landing: "chat",
       schedulable: false,
-      run: { kind: "steps", steps, layout: chunk3T3IKNGF_cjs.layoutFromPlanSteps(planned ?? []) }
+      run: { kind: "steps", steps, layout: chunkZXW6WFZG_cjs.layoutFromPlanSteps(planned ?? []) }
     },
     trigger: {
       ...DEFAULT_WORKFLOW_TRIGGER,
       start: when === "now" ? "manual" : when,
-      runAt: chunkHVOPUYAG_cjs.isoToLocalInput(record.run_at),
+      runAt: chunkCJF7B5A7_cjs.isoToLocalInput(record.run_at),
       rrule: record.rrule ?? "",
       timezone: record.timezone || DEFAULT_WORKFLOW_TRIGGER.timezone,
       eventKind: record.event_kind ?? "",
@@ -1785,7 +1786,7 @@ function triggerSummary(trigger, options = {}) {
     case "once":
       return trigger.runAt ? new Date(trigger.runAt).toLocaleString() : l.starts.once;
     case "repeat":
-      return trigger.rrule ? chunk3T3IKNGF_cjs.describeRRule(trigger.rrule) : l.starts.repeat;
+      return trigger.rrule ? chunkZXW6WFZG_cjs.describeRRule(trigger.rrule) : l.starts.repeat;
     case "event":
       if (isSignalTrigger(trigger))
         return trigger.signal ? l.signalSummary.replace("{signal}", trigger.signal) : l.stepSignals;
@@ -1844,7 +1845,7 @@ function TriggerInspector({
         }
       )
     ] }),
-    trigger.start === "repeat" && /* @__PURE__ */ jsxRuntime.jsx(chunkHVOPUYAG_cjs.RecurrenceBuilder, { rrule: trigger.rrule, onChange: (rrule) => set({ rrule }) }),
+    trigger.start === "repeat" && /* @__PURE__ */ jsxRuntime.jsx(chunkCJF7B5A7_cjs.RecurrenceBuilder, { rrule: trigger.rrule, onChange: (rrule) => set({ rrule }) }),
     trigger.start === "event" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: l.event }),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1896,7 +1897,7 @@ function TriggerInspector({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: l.agent }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkY6ZNWC7E_cjs.AgentSelect,
+        chunkK26RLK2Y_cjs.AgentSelect,
         {
           agents,
           value: trigger.agentId,
@@ -2070,7 +2071,7 @@ function StepNode({ data }) {
       "data-testid": `${testId}-node-${step.id}`,
       "data-phase": phase,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk3T3IKNGF_cjs.ChevronShape, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkI4IS6ST6_cjs.ChevronShape, {}),
         /* @__PURE__ */ jsxRuntime.jsx(react$1.Handle, { type: "target", position: react$1.Position.Left }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "wf-badge flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg]:size-4", children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(KindIcon, {}) }),
@@ -2130,7 +2131,7 @@ function TriggerNode({ data }) {
       className: "wf-start wf-kind-start relative w-60 px-4 py-3 text-left",
       "data-testid": `${data.testId}-node-trigger`,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk3T3IKNGF_cjs.ChevronShape, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkI4IS6ST6_cjs.ChevronShape, {}),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "wf-badge flex size-8 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { className: "size-4" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
@@ -2735,13 +2736,13 @@ function WorkflowPreview({
   renderIcon,
   testId
 }) {
-  const run = chunkMAKTAR7H_cjs.useWorkflowPreview(workflow, {
+  const run = chunkF777MGVA_cjs.useWorkflowPreview(workflow, {
     resolveWorkflow: (id) => workflows.find((w) => w.id === id),
     compose,
     answer
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkHVOPUYAG_cjs.WorkflowRunner,
+    chunkCJF7B5A7_cjs.WorkflowRunner,
     {
       workflow,
       run,
@@ -3002,7 +3003,7 @@ function ConnectedWorkflowsPage({
   const config = host.workflows;
   const { openConversation, openFiles } = chunkT6GRWWRY_cjs.useBlocksEnvironment();
   const openWorkflow = chunkT35SGVB2_cjs.useOpenWorkflow();
-  const renderPerson = chunkX3JJTHQ4_cjs.useRenderTaskPerson();
+  const renderPerson = chunkJSHBC47B_cjs.useRenderTaskPerson();
   const refreshDocuments = react$2.useRefreshDocuments();
   const invalidateTags = react$2.useInvalidateTagData();
   const { data: tags = [] } = react$2.useTags();
@@ -3033,7 +3034,7 @@ function ConnectedWorkflowsPage({
     openHistory,
     closeHistoryTab,
     selectHistoryTab
-  } = chunkX3JJTHQ4_cjs.useWorkflowsPageState({
+  } = chunkJSHBC47B_cjs.useWorkflowsPageState({
     historyWorkflowId: requestedHistoryId ?? historyWorkflowId,
     onHistoryWorkflowConsumed: consumeHistory
   });
@@ -3091,9 +3092,9 @@ function ConnectedWorkflowsPage({
   const renderErrorReport = config?.renderErrorReport;
   const running = runningId ? config?.catalogue?.find((entry) => entry.workflow.id === runningId) : void 0;
   if (running && running.runnable !== false) {
-    const stepWorkflows = config?.stepWorkflows ?? chunkHVOPUYAG_cjs.WEB_WORKFLOWS;
+    const stepWorkflows = config?.stepWorkflows ?? chunkCJF7B5A7_cjs.WEB_WORKFLOWS;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkX3JJTHQ4_cjs.ConnectedWorkflowRunner,
+      chunkJSHBC47B_cjs.ConnectedWorkflowRunner,
       {
         layout: "page",
         workflow: running.workflow,
@@ -3166,7 +3167,7 @@ function ConnectedWorkflowsPage({
             {
               workflowId: builder.kind === "saved" ? builder.id : void 0,
               initial: template ? { workflow: template.workflow, trigger: DEFAULT_WORKFLOW_TRIGGER } : void 0,
-              workflows: config?.stepWorkflows ?? chunkHVOPUYAG_cjs.WEB_WORKFLOWS,
+              workflows: config?.stepWorkflows ?? chunkCJF7B5A7_cjs.WEB_WORKFLOWS,
               renderIcon: config?.renderIcon,
               onSaved: builderSaved,
               testId: "workflow-builder-canvas",
@@ -3181,7 +3182,7 @@ function ConnectedWorkflowsPage({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col", "data-testid": testId, children: [
     pageHeader && /* @__PURE__ */ jsxRuntime.jsx(chunkNSD37OF5_cjs.PageHeader, { ...pageHeader }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkUDMII47W_cjs.ConnectedWorkflowsTable,
+      chunkWBLCPCWR_cjs.ConnectedWorkflowsTable,
       {
         groupBy,
         onOpenTemplate: (id) => openBuilder({ kind: "template", id }),
@@ -3212,7 +3213,7 @@ function ConnectedWorkflowsPage({
           }
         },
         content: hostTab ? hostTab.content : runsFor ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunkX3JJTHQ4_cjs.ConnectedWorkflowHistory,
+          chunkJSHBC47B_cjs.ConnectedWorkflowHistory,
           {
             inline: true,
             hideHeader: true,
@@ -3237,7 +3238,7 @@ function ConnectedWorkflowsPage({
         ) : void 0,
         automationsOnly: true,
         gridId: "automations-grid-v1",
-        describeTrigger: (workflow) => workflow.on_demand ? l.manualTrigger : chunk3T3IKNGF_cjs.describeTrigger(workflow),
+        describeTrigger: (workflow) => workflow.on_demand ? l.manualTrigger : chunkZXW6WFZG_cjs.describeTrigger(workflow),
         formatDate: ui.formatFriendlyDate,
         renderPerson,
         onViewRuns: showHistory,
@@ -3276,7 +3277,7 @@ function ConnectedWorkflowsPage({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkX3JJTHQ4_cjs.ConnectedTaskComposer,
+      chunkJSHBC47B_cjs.ConnectedTaskComposer,
       {
         kind: "workflow",
         saveOnly: true,