@xyne/workflow-ui 0.8.0 → 0.9.0

package/dist/components/execution/origin/OriginTrace.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * OriginTrace — the reviewer-facing "where did this value come from" UI.
+ *
+ * - `OriginChip`: quiet "⌄ source" affordance next to a value.
+ * - `useOriginInspector`: holds which value is being inspected.
+ * - `OriginPanel`: right-hand drawer that resolves the value's ref(s) and lets
+ *   the reviewer trace upstream ("and above") recursively.
+ *
+ * The chip only *sets* state; the panel does the rendering — keeping the
+ * resolver (origin-resolver.ts) presentation-agnostic.
+ */
+import { useState } from 'react';
+import { extractRefPath } from '@xyne/workflow-sdk/builder';
+import { cn } from '../../shared/cn.js';
+import { SidePanelShell } from '../SidePanelShell.js';
+import { AttachmentList } from '../../shared/AttachmentCard.js';
+import { resolveRef, getOriginRefs, } from './origin-resolver.js';
+const MAX_DEPTH = 8;
+export function useOriginInspector() {
+    const [inspected, setInspected] = useState(null);
+    return {
+        inspected,
+        open: (label, autoRefs, citations = []) => setInspected({ label, autoRefs, citations }),
+        close: () => setInspected(null),
+    };
+}
+// ─── Chip ───
+export function OriginChip({ onClick, className }) {
+    return (_jsxs("button", { type: "button", onClick: onClick, title: "Where this value came from", className: cn('inline-flex shrink-0 items-center gap-1 rounded-full border px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide transition-colors', 'border-[var(--wui-border)] bg-[var(--wui-bg)] text-[var(--wui-fg-muted)]', 'hover:border-[var(--wui-status-paused)] hover:text-[var(--wui-fg)]', className), children: [_jsxs("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.25, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })] }), "Source"] }));
+}
+/**
+ * Generic, value-driven chip. Shows the Source chip when the value has auto refs
+ * OR the field has author citations. The single mechanism at every
+ * reviewer-visible value — no field- or step-specific knowledge.
+ */
+export function OriginChipFor({ raw, label, citations = [], onInspect, className, }) {
+    if (!onInspect)
+        return null;
+    const autoRefs = getOriginRefs(raw);
+    if (autoRefs.length === 0 && citations.length === 0)
+        return null;
+    return _jsx(OriginChip, { onClick: () => onInspect(label, autoRefs, citations), className: className });
+}
+// ─── Panel (resizable, layout side-panel) ───
+export function OriginPanel({ inspected, ctx, onClose, width, onWidthChange, className, }) {
+    if (!inspected)
+        return null;
+    const { autoRefs, citations } = inspected;
+    const multi = autoRefs.length > 1;
+    return (_jsxs(SidePanelShell, { accentClassName: "border-t-[var(--wui-status-paused)]", width: width, onWidthChange: onWidthChange, className: className, children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between gap-3 border-b border-[var(--wui-border)] px-4", style: { minHeight: '53px' }, children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-[var(--wui-fg-muted)]", children: "Value origin" }), _jsx("p", { className: "truncate text-[13px] font-semibold text-[var(--wui-fg)]", title: inspected.label, children: inspected.label })] }), _jsx("button", { type: "button", onClick: onClose, "aria-label": "Close", className: "grid h-7 w-7 shrink-0 place-items-center rounded-[var(--wui-radius-sm)] text-[var(--wui-fg-muted)] transition-colors hover:bg-[var(--wui-bg-subtle)]", children: _jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto px-4 py-4", children: [autoRefs.length > 0 && (_jsxs("section", { className: "space-y-2", children: [_jsx(SectionHeader, { children: "Where it came from" }), _jsx("p", { className: "text-[12px] leading-relaxed text-[var(--wui-fg-muted)]", children: multi
+                                    ? `This value is assembled from ${String(autoRefs.length)} sources:`
+                                    : 'This value comes from:' }), autoRefs.map((ref) => (_jsx(OriginNode, { refPath: ref, ctx: ctx, depth: 0, visited: new Set([ref]), onClose: onClose }, ref)))] })), citations.length > 0 && (_jsxs("section", { className: "space-y-2", children: [_jsxs(SectionHeader, { children: ["Supporting sources", _jsx("span", { className: "ml-1.5 rounded-full bg-[var(--wui-status-paused)]/15 px-1.5 py-px text-[9px] font-semibold text-[var(--wui-status-paused)]", children: "added by author" })] }), _jsx("p", { className: "text-[12px] leading-relaxed text-[var(--wui-fg-muted)]", children: "Reference material attached to help you verify this value:" }), citations.map((c, i) => (_jsx(CitationNode, { citation: c, ctx: ctx, onClose: onClose }, `${c.ref}-${String(i)}`)))] })), autoRefs.length === 0 && citations.length === 0 && (_jsx("p", { className: "text-[12px] leading-relaxed text-[var(--wui-fg-muted)]", children: "This value was entered directly \u2014 it isn\u2019t derived from an earlier step." }))] })] }));
+}
+function SectionHeader({ children }) {
+    return (_jsx("h3", { className: "flex items-center text-[10px] font-bold uppercase tracking-wider text-[var(--wui-fg-muted)]", children: children }));
+}
+/** A single author citation: resolves its ref and renders it like an origin (or a file). */
+function CitationNode({ citation, ctx, onClose }) {
+    // citation.ref is the full "{{...}}" form; resolveRef wants the bare path.
+    const origin = resolveRef(extractRefPath(citation.ref) ?? citation.ref, ctx);
+    return (_jsx("div", { className: "overflow-hidden rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)] bg-[var(--wui-bg-subtle)]", children: _jsxs("div", { className: "border-l-2 border-[var(--wui-status-paused)] p-2.5", children: [citation.label && (_jsx("div", { className: "mb-0.5 text-[12.5px] font-semibold text-[var(--wui-fg)]", children: citation.label })), citation.description && (_jsx("p", { className: "mb-1.5 text-[11px] leading-snug text-[var(--wui-fg-muted)]", children: citation.description })), _jsx(OriginBody, { origin: origin, ctx: ctx, onClose: onClose })] }) }));
+}
+// ─── Recursive node ───
+function OriginNode({ refPath, ctx, depth, visited, onClose, }) {
+    const origin = resolveRef(refPath, ctx);
+    const [open, setOpen] = useState(false);
+    const traceable = origin.upstreamRefs.filter((r) => !visited.has(r));
+    const canTrace = traceable.length > 0 && depth < MAX_DEPTH;
+    return (_jsx("div", { className: "overflow-hidden rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)] bg-[var(--wui-bg-subtle)]", children: _jsxs("div", { className: "border-l-2 border-[var(--wui-status-paused)]/50 p-2.5", children: [_jsx(OriginBody, { origin: origin, ctx: ctx, onClose: onClose }), canTrace && (_jsxs("div", { className: "mt-2", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "inline-flex items-center gap-1 text-[11px] font-medium text-[var(--wui-fg-muted)] transition-colors hover:text-[var(--wui-fg)]", children: [_jsx("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", className: cn('transition-transform', open && 'rotate-90'), children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }), open ? 'Hide' : 'Trace back', " (", traceable.length, ")"] }), open && (_jsx("div", { className: "mt-2 space-y-2 border-l-2 border-[var(--wui-border)] pl-2.5", children: traceable.map((r) => (_jsx(OriginNode, { refPath: r, ctx: ctx, depth: depth + 1, visited: new Set([...visited, r]), onClose: onClose }, r))) }))] }))] }) }));
+}
+/** Inner card content shared by an auto-origin node and an author-citation node. */
+function OriginBody({ origin, ctx, onClose }) {
+    const [showAll, setShowAll] = useState(false);
+    // The full source object behind this value (a step's whole output, or the request).
+    const fullData = origin.stepId
+        ? ctx.stepOutput(origin.stepId)
+        : origin.kind === 'trigger'
+            ? ctx.triggerData
+            : undefined;
+    const fullLabel = origin.kind === 'trigger' ? 'request' : 'output';
+    const hasFull = fullData !== undefined &&
+        fullData !== null &&
+        typeof fullData === 'object' &&
+        Object.keys(fullData).length > 0;
+    return (_jsxs(_Fragment, { children: [origin.group && (_jsxs("div", { className: "mb-1.5 inline-flex max-w-full items-center gap-1 truncate rounded-full bg-[var(--wui-bg)] px-2 py-0.5 text-[10px] font-medium text-[var(--wui-fg-muted)] ring-1 ring-inset ring-[var(--wui-border)]", title: origin.group.description ?? origin.group.title, children: [_jsxs("svg", { width: "9", height: "9", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1" }), _jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1" }), _jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" })] }), origin.group.title] })), _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "min-w-0 text-[13px] font-semibold text-[var(--wui-fg)]", title: origin.label, children: origin.label }), origin.stepId && ctx.onJump && (_jsx("button", { type: "button", onClick: () => { ctx.onJump?.(origin.stepId); onClose(); }, className: "shrink-0 rounded-full border border-[var(--wui-border)] px-2 py-0.5 text-[10.5px] font-medium text-[var(--wui-fg-muted)] transition hover:bg-[var(--wui-bg)] hover:text-[var(--wui-fg)]", children: "View step" }))] }), origin.stepDescription && (_jsx("p", { className: "mt-1 text-[11.5px] leading-relaxed text-[var(--wui-fg-muted)]", children: origin.stepDescription })), _jsxs("div", { className: "mt-2.5", children: [_jsx("div", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-[var(--wui-fg-muted)]", children: "Value" }), origin.attachments && origin.attachments.length > 0 ? (_jsx(AttachmentList, { attachments: origin.attachments })) : (_jsx("div", { className: "max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)] bg-[var(--wui-bg)] px-2.5 py-2 text-[13px] text-[var(--wui-fg)]", children: formatValue(origin.value) }))] }), hasFull && (_jsxs("div", { className: "mt-2", children: [_jsxs("button", { type: "button", onClick: () => setShowAll((o) => !o), className: "inline-flex items-center gap-1 text-[11px] font-medium text-[var(--wui-fg-muted)] transition-colors hover:text-[var(--wui-fg)]", children: [_jsx("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.25, strokeLinecap: "round", strokeLinejoin: "round", className: cn('transition-transform', showAll && 'rotate-90'), children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }), showAll ? `Hide full ${fullLabel}` : `View full ${fullLabel}`] }), showAll && (_jsx("pre", { className: "mt-1.5 max-h-60 overflow-auto rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)] bg-[var(--wui-bg)] px-2.5 py-2 text-[11.5px] leading-relaxed text-[var(--wui-fg)]", children: formatValue(fullData) }))] }))] }));
+}
+function formatValue(value) {
+    if (value === undefined)
+        return '—';
+    if (value === null)
+        return 'null';
+    if (typeof value === 'string')
+        return value.length ? value : '(empty)';
+    if (Array.isArray(value))
+        return value.map((v) => formatValue(v)).join(', ');
+    if (typeof value === 'object') {
+        try {
+            return JSON.stringify(value, null, 2);
+        }
+        catch {
+            return String(value);
+        }
+    }
+    return String(value);
+}
+//# sourceMappingURL=OriginTrace.js.map

package/dist/components/execution/origin/OriginTrace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OriginTrace.js","sourceRoot":"","sources":["../../../../src/components/execution/origin/OriginTrace.tsx"],"names":[],"mappings":"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"}

package/dist/components/execution/origin/origin-resolver.d.ts

@@ -0,0 +1,99 @@
+/**
+ * Value-origin resolution — derive "where did this value come from" entirely
+ * from the workflow definition (refs intact) + step outputs, both already
+ * loaded with an execution. No persistence, no extra fetches.
+ *
+ * Origins are the canonical `{{refs}}`; `parseRef` (SDK) turns a ref into
+ * source/stepId/path. Everything funnels through `getOriginRefs` and
+ * `resolveRef` so future tiers (author-tagged, agent-cited) layer in as a
+ * preferred provider — see plan "Forward-compat".
+ *
+ * Wiring a new reviewer surface: the resolver is generic, but each surface still
+ * enumerates the field values it renders. To make a new step's fields citable in
+ * review, for each visible field mount `<OriginChipFor raw={value}
+ * citations={getFieldCitations(stepConfig, citations, fieldPath)} … />`. There is
+ * deliberately no step-type switch here — resolution is value/ref-driven.
+ */
+import type { WorkflowConfig, WorkflowStepConfig, Citation } from '@xyne/workflow-sdk/builder';
+import type { ExecutionDetail } from '@xyne/workflow-sdk/client';
+import type { Attachment } from '@xyne/workflow-sdk';
+/**
+ * Where the value comes from — a *structural* classification from the ref
+ * grammar (`parseRef`), NOT the producing step's type. Framework-agnostic: the
+ * resolver never special-cases specific step types.
+ */
+export type OriginKind = 'step' | 'trigger';
+/** Provenance tier. Only `derived` today; `author`/`agent` layer in later. */
+export type OriginTier = 'derived';
+/** A step's documentation group (StepGroup), when it belongs to one. */
+export interface OriginGroup {
+    title: string;
+    description?: string | undefined;
+}
+export interface ResolvedOrigin {
+    /** The raw ref this origin came from. */
+    refPath: string;
+    tier: OriginTier;
+    /** Human label — producing step title (or "the original request" for trigger). */
+    label: string;
+    /** The producing step's description (documentation), when set. */
+    stepDescription?: string | undefined;
+    /** The producing step's documentation group, when it belongs to one. */
+    group?: OriginGroup | undefined;
+    /** The live value at the source (walked from step output / trigger data). */
+    value: unknown;
+    /** When the resolved value is a file (or files), the attachment(s) to render. */
+    attachments?: Attachment[] | undefined;
+    kind: OriginKind;
+    /** Producing step id, when the ref targets a step. */
+    stepId?: string | undefined;
+    /** Sub-path within the source, e.g. `output.body.status`. */
+    path?: string | undefined;
+    /** Refs feeding the producing step — drives upstream ("trace back") recursion. */
+    upstreamRefs: string[];
+}
+/**
+ * Accessors the resolver needs, built from data already in hand. Both surfaces
+ * (ExecutionViewer, ApprovalsView) construct this from their `ExecutionDetail`.
+ */
+export interface OriginResolverCtx {
+    stepTitle: (stepId: string) => string | undefined;
+    stepDescription: (stepId: string) => string | undefined;
+    /** The step's documentation group (resolved via groupId → workflow groups). */
+    stepGroup: (stepId: string) => OriginGroup | undefined;
+    stepOutput: (stepId: string) => unknown;
+    stepRawConfig: (stepId: string) => unknown;
+    triggerData: unknown;
+    /** Human label for the trigger, varied by trigger type. Defaults sensibly. */
+    triggerLabel?: string | undefined;
+    /** Navigate to the producing step (viewer only). */
+    onJump?: ((stepId: string) => void) | undefined;
+}
+/**
+ * Single funnel for "which refs explain this value". Today: extract every
+ * `{{ref}}` from the raw value via the SDK's `collectRefs`. (Future: prefer
+ * author-tagged `section.citations` here — one added branch.)
+ */
+export declare function getOriginRefs(rawValue: unknown): string[];
+export declare function resolveRef(refPath: string, ctx: OriginResolverCtx): ResolvedOrigin;
+/**
+ * The author citations relevant to a rendered field, looked up by its stable
+ * {@link tryCitationPath} into the step config. Read-only; returns [] when none.
+ *
+ * Prefix-aware: returns citations attached to the field's own path **and** to any
+ * node beneath it (e.g. the reviewer renders the `display[id]` row while the
+ * author cited `display[id].value`). This decouples author-write granularity from
+ * reviewer-read granularity, so neither side hardcodes the other's shape.
+ */
+export declare function getFieldCitations(stepConfig: Record<string, unknown> | undefined, citations: Record<string, Citation[]> | undefined, fieldPath: string): Citation[];
+/**
+ * Flatten a workflow config's steps (incl. nested branches/loops/cases) → id →
+ * config. Delegates traversal to the canonical {@link walkStepConfigs} — the same
+ * structural walker the metadata cache and canvas use — so a new control-flow
+ * step type is covered automatically, with no nesting keys hardcoded here.
+ */
+export declare function buildStepConfigMap(config: WorkflowConfig | undefined): Map<string, WorkflowStepConfig>;
+export declare function buildOriginCtx(detail: ExecutionDetail, onJump?: (stepId: string) => void): OriginResolverCtx;
+/** The raw config of the step currently paused awaiting approval (EXTERNAL_WAIT). */
+export declare function findPausedStepConfig(detail: ExecutionDetail): WorkflowStepConfig | undefined;
+//# sourceMappingURL=origin-resolver.d.ts.map

package/dist/components/execution/origin/origin-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"origin-resolver.d.ts","sourceRoot":"","sources":["../../../../src/components/execution/origin/origin-resolver.ts"],"names":[],"mappings":"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"}

package/dist/components/execution/origin/origin-resolver.js

@@ -0,0 +1,185 @@
+import { collectRefs, parseRef, tryCitationPath } from '@xyne/workflow-sdk/builder';
+import { walkStepConfigs } from '../../../utils/branch-detection.js';
+import { isAttachment, isAttachmentArray } from '../../shared/AttachmentCard.js';
+// ─── Funnel: which refs explain a value ───
+/**
+ * Single funnel for "which refs explain this value". Today: extract every
+ * `{{ref}}` from the raw value via the SDK's `collectRefs`. (Future: prefer
+ * author-tagged `section.citations` here — one added branch.)
+ */
+export function getOriginRefs(rawValue) {
+    if (rawValue == null)
+        return [];
+    const refs = collectRefs(rawValue, '').map((r) => r.refPath);
+    return [...new Set(refs)];
+}
+// ─── Resolve one ref against the execution data ───
+function walkPath(root, path) {
+    if (!path)
+        return root;
+    let cur = root;
+    for (const seg of path.split('.')) {
+        if (cur == null || typeof cur !== 'object')
+            return undefined;
+        cur = cur[seg];
+    }
+    return cur;
+}
+/** Attachment(s) when a resolved value is a file or file array, else undefined. */
+function attachmentsOf(value) {
+    if (isAttachmentArray(value))
+        return value;
+    if (isAttachment(value))
+        return [value];
+    return undefined;
+}
+export function resolveRef(refPath, ctx) {
+    const parsed = parseRef(refPath);
+    if (parsed.source === 'trigger') {
+        const value = walkPath(ctx.triggerData, parsed.path);
+        return {
+            refPath,
+            tier: 'derived',
+            label: ctx.triggerLabel ?? 'the original request',
+            kind: 'trigger',
+            path: parsed.path,
+            value,
+            attachments: attachmentsOf(value),
+            upstreamRefs: [],
+        };
+    }
+    // source === 'step' — classified structurally, never by step type.
+    const stepId = parsed.stepId;
+    const output = stepId ? ctx.stepOutput(stepId) : undefined;
+    const value = parsed.path ? walkPath({ output }, parsed.path) : output;
+    return {
+        refPath,
+        tier: 'derived',
+        label: (stepId && ctx.stepTitle(stepId)) || stepId || 'an earlier step',
+        stepDescription: stepId ? ctx.stepDescription(stepId) : undefined,
+        group: stepId ? ctx.stepGroup(stepId) : undefined,
+        kind: 'step',
+        stepId,
+        path: parsed.path,
+        value,
+        attachments: attachmentsOf(value),
+        upstreamRefs: stepId ? getOriginRefs(ctx.stepRawConfig(stepId)) : [],
+    };
+}
+// ─── Author citations (overlay lookup) ───
+/**
+ * The author citations relevant to a rendered field, looked up by its stable
+ * {@link tryCitationPath} into the step config. Read-only; returns [] when none.
+ *
+ * Prefix-aware: returns citations attached to the field's own path **and** to any
+ * node beneath it (e.g. the reviewer renders the `display[id]` row while the
+ * author cited `display[id].value`). This decouples author-write granularity from
+ * reviewer-read granularity, so neither side hardcodes the other's shape.
+ */
+export function getFieldCitations(stepConfig, citations, fieldPath) {
+    if (!stepConfig || !citations)
+        return [];
+    const path = tryCitationPath(stepConfig, fieldPath);
+    if (!path)
+        return [];
+    const out = [];
+    for (const [key, list] of Object.entries(citations)) {
+        // exact, descendant object key (`path.`), or descendant array element (`path[`)
+        if (key === path || key.startsWith(`${path}.`) || key.startsWith(`${path}[`)) {
+            out.push(...list);
+        }
+    }
+    return out;
+}
+// ─── Build a resolver ctx from an ExecutionDetail (refs + outputs in hand) ───
+/**
+ * Flatten a workflow config's steps (incl. nested branches/loops/cases) → id →
+ * config. Delegates traversal to the canonical {@link walkStepConfigs} — the same
+ * structural walker the metadata cache and canvas use — so a new control-flow
+ * step type is covered automatically, with no nesting keys hardcoded here.
+ */
+export function buildStepConfigMap(config) {
+    const map = new Map();
+    if (config?.steps)
+        walkStepConfigs(config.steps, (s) => map.set(s.id, s));
+    return map;
+}
+/** Map a step record's `stepName` (step_N or a config id) to its config id. */
+function resolveStepId(stepName, config, configMap) {
+    if (configMap.has(stepName))
+        return stepName;
+    const m = /^step_(\d+)$/.exec(stepName);
+    if (m && config?.steps) {
+        const idx = Number(m[1]);
+        const id = config.steps[idx]?.id;
+        if (id)
+            return id;
+    }
+    return stepName;
+}
+export function buildOriginCtx(detail, onJump) {
+    const config = detail.config;
+    const configMap = buildStepConfigMap(config);
+    // groupId → group (workflow documentation groups)
+    const groupsById = new Map();
+    for (const g of (config?.groups ?? [])) {
+        groupsById.set(g.id, { title: g.title, description: g.description });
+    }
+    const groupFor = (id) => {
+        const gid = configMap.get(id)?.groupId;
+        return gid ? groupsById.get(gid) : undefined;
+    };
+    // stepId → output, parsed from each step record's data JSON.
+    const outputs = new Map();
+    for (const step of detail.steps) {
+        if (!step.data)
+            continue;
+        let parsed;
+        try {
+            parsed = JSON.parse(step.data);
+        }
+        catch {
+            continue;
+        }
+        const id = resolveStepId(step.stepName, config, configMap);
+        if ('output' in parsed)
+            outputs.set(id, parsed['output']);
+    }
+    return {
+        stepTitle: (id) => configMap.get(id)?.title,
+        stepDescription: (id) => configMap.get(id)?.description,
+        stepGroup: groupFor,
+        stepOutput: (id) => outputs.get(id),
+        stepRawConfig: (id) => configMap.get(id)?.config,
+        triggerData: detail.triggerData,
+        triggerLabel: triggerLabelFor(config?.trigger?.type),
+        onJump,
+    };
+}
+/**
+ * A human label for where the trigger data came from, varied by trigger type
+ * (a scheduled run isn't "the original request"). Falls back gracefully.
+ */
+function triggerLabelFor(type) {
+    switch (type) {
+        case 'MANUAL':
+            return 'the original request';
+        case 'CRON':
+            return 'the scheduled run';
+        case 'WEBHOOK':
+        case 'EVENT':
+            return 'the incoming request';
+        default:
+            return 'the trigger';
+    }
+}
+/** The raw config of the step currently paused awaiting approval (EXTERNAL_WAIT). */
+export function findPausedStepConfig(detail) {
+    const waitStep = detail.steps.find((s) => s.status === 'EXTERNAL_WAIT');
+    if (!waitStep)
+        return undefined;
+    const configMap = buildStepConfigMap(detail.config);
+    const id = resolveStepId(waitStep.stepName, detail.config, configMap);
+    return configMap.get(id);
+}
+//# sourceMappingURL=origin-resolver.js.map

package/dist/components/execution/origin/origin-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"origin-resolver.js","sourceRoot":"","sources":["../../../../src/components/execution/origin/origin-resolver.ts"],"names":[],"mappings":"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"}

package/dist/components/shared/AttachmentCard.d.ts

@@ -15,4 +15,14 @@ export declare function AttachmentCard({ attachment }: {
 export declare function AttachmentList({ attachments }: {
     attachments: Attachment[];
 }): import("react").JSX.Element;
+/**
+ * Render a reviewer-facing display value: attachment(s) become download/preview
+ * cards; everything else falls back to a text box (`className` styles that box).
+ * Generic — detected from the value shape, so a display section bound to
+ * `{{…attachments}}` shows the file instead of "[object Object]".
+ */
+export declare function DisplayValue({ value, className }: {
+    value: unknown;
+    className?: string;
+}): import("react").JSX.Element;
 //# sourceMappingURL=AttachmentCard.d.ts.map

package/dist/components/shared/AttachmentCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCard.d.ts","sourceRoot":"","sources":["../../../src/components/shared/AttachmentCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,GAAG,CAAC,IAAI,UAAU,CASxD;AAED,8DAA8D;AAC9D,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,OAAO,GAAG,CAAC,IAAI,UAAU,EAAE,CAE/D;AASD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,UAAU,CAAA;CAAE,+BAsDxE;AAED,+CAA+C;AAC/C,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,EAAE,UAAU,EAAE,CAAA;CAAE,+BAQ5E"}
+{"version":3,"file":"AttachmentCard.d.ts","sourceRoot":"","sources":["../../../src/components/shared/AttachmentCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,GAAG,CAAC,IAAI,UAAU,CASxD;AAED,8DAA8D;AAC9D,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,OAAO,GAAG,CAAC,IAAI,UAAU,EAAE,CAE/D;AASD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,UAAU,CAAA;CAAE,+BAsDxE;AAED,+CAA+C;AAC/C,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,EAAE,UAAU,EAAE,CAAA;CAAE,+BAQ5E;AAaD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAIxF"}

package/dist/components/shared/AttachmentCard.js

@@ -53,4 +53,35 @@ export function AttachmentCard({ attachment }) {
 export function AttachmentList({ attachments }) {
     return (_jsx("div", { className: "space-y-2", children: attachments.map((att, i) => (_jsx(AttachmentCard, { attachment: att }, `${att.data}-${i}`))) }));
 }
+/** Text rendering for a non-attachment display value. */
+function formatScalar(value) {
+    if (value == null)
+        return '—';
+    if (typeof value === 'string')
+        return value;
+    if (Array.isArray(value))
+        return value.map(String).join(', ');
+    if (typeof value === 'object') {
+        try {
+            return JSON.stringify(value, null, 2);
+        }
+        catch {
+            return String(value);
+        }
+    }
+    return String(value);
+}
+/**
+ * Render a reviewer-facing display value: attachment(s) become download/preview
+ * cards; everything else falls back to a text box (`className` styles that box).
+ * Generic — detected from the value shape, so a display section bound to
+ * `{{…attachments}}` shows the file instead of "[object Object]".
+ */
+export function DisplayValue({ value, className }) {
+    if (isAttachment(value))
+        return _jsx(AttachmentCard, { attachment: value });
+    if (isAttachmentArray(value))
+        return _jsx(AttachmentList, { attachments: value });
+    return _jsx("div", { className: className, children: formatScalar(value) });
+}
 //# sourceMappingURL=AttachmentCard.js.map

package/dist/components/shared/AttachmentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCard.js","sourceRoot":"","sources":["../../../src/components/shared/AttachmentCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AttachmentCard.js","sourceRoot":"","sources":["../../../src/components/shared/AttachmentCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,8EAA8E;AAC9E,MAAM,UAAU,YAAY,CAAC,CAAU;IACrC,OAAO,CACL,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,KAAK,QAAQ;QACrB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACjB,OAAQ,CAAgB,CAAC,IAAI,KAAK,QAAQ;QAC1C,OAAQ,CAAgB,CAAC,IAAI,KAAK,QAAQ;QAC1C,OAAQ,CAAgB,CAAC,QAAQ,KAAK,QAAQ,CAC/C,CAAC;AACJ,CAAC;AAED,8DAA8D;AAC9D,MAAM,UAAU,iBAAiB,CAAC,CAAU;IAC1C,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;AACnE,CAAC;AAED,SAAS,WAAW,CAAC,CAAU;IAC7B,IAAI,CAAC,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IAC/B,IAAI,CAAC,GAAG,IAAI;QAAE,OAAO,GAAG,CAAC,IAAI,CAAC;IAC9B,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI;QAAE,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1D,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;AAChD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,UAAU,EAA8B;IACvE,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,KAAK,eAAe,IAAI,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9F,MAAM,MAAM,GAAG,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC;YAAE,OAAO;QACjD,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,KAAK,KAAK,CAAC,GAAG,CAAC;aACZ,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;aACrB,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,SAAS;YAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAC/C,KAAK,CAAC,GAAG,EAAE,GAAgC,CAAC,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,eAAK,SAAS,EAAC,oDAAoD,aACjE,eAAK,SAAS,EAAC,kEAAkE,aAC/E,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,yBAAyB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAClL,eAAM,CAAC,EAAC,4DAA4D,GAAG,EAAA,mBAAU,MAAM,EAAC,gBAAgB,GAAG,IACvG,EACN,eAAM,SAAS,EAAC,iDAAiD,YAAE,UAAU,CAAC,IAAI,GAAQ,EACzF,UAAU,CAAC,IAAI,KAAK,SAAS,IAAI,CAChC,eAAM,SAAS,EAAC,qCAAqC,YAAE,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,GAAQ,CAC5F,IACG,EACN,aACE,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,UAAU,CAAC,IAAI,EACzB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,sIAAsI,aAEhJ,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAC9I,eAAM,CAAC,EAAC,2CAA2C,GAAG,EAAA,mBAAU,MAAM,EAAC,kBAAkB,GAAG,EAAA,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG,IAC/H,gBAEJ,IACA,EACL,OAAO,IAAI,CACV,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE,SAAS,EAAC,4CAA4C,GAAG,CAC/F,EACA,UAAU,IAAI,OAAO,KAAK,IAAI,IAAI,CACjC,cAAK,SAAS,EAAC,oCAAoC,YAAC,KAAC,YAAY,cAAE,OAAO,GAAgB,GAAM,CACjG,EACA,CAAC,UAAU,IAAI,MAAM,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,IAAI,IAAI,CACxD,cAAK,SAAS,EAAC,6FAA6F,YAAE,OAAO,GAAO,CAC7H,IACG,CACP,CAAC;AACJ,CAAC;AAED,+CAA+C;AAC/C,MAAM,UAAU,cAAc,CAAC,EAAE,WAAW,EAAiC;IAC3E,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACvB,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,KAAC,cAAc,IAA0B,UAAU,EAAE,GAAG,IAAnC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,EAAE,CAAqB,CAC7D,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,yDAAyD;AACzD,SAAS,YAAY,CAAC,KAAc;IAClC,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC;IAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,IAAI,CAAC;YAAC,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAAC,CAAC;QAAC,MAAM,CAAC;YAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;QAAC,CAAC;IAChF,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAA0C;IACvF,IAAI,YAAY,CAAC,KAAK,CAAC;QAAE,OAAO,KAAC,cAAc,IAAC,UAAU,EAAE,KAAK,GAAI,CAAC;IACtE,IAAI,iBAAiB,CAAC,KAAK,CAAC;QAAE,OAAO,KAAC,cAAc,IAAC,WAAW,EAAE,KAAK,GAAI,CAAC;IAC5E,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,YAAY,CAAC,KAAK,CAAC,GAAO,CAAC;AAChE,CAAC"}

package/dist/components/shared/ChatPanel.d.ts

@@ -0,0 +1,22 @@
+import type { AiBuilderMessage } from '@xyne/workflow-sdk/ai-builder';
+export interface SharedChatPanelProps {
+    isOpen: boolean;
+    messages: AiBuilderMessage[];
+    isLoading: boolean;
+    error: string | null;
+    draft: string;
+    onDraftChange: (value: string) => void;
+    onSend: () => Promise<void>;
+    onReset: () => void;
+    onClose: () => void;
+    suggestions: string[];
+    emptyStateDescription: string;
+    placeholder?: string;
+    canSend: boolean;
+    bannerSlot?: React.ReactNode;
+    inputPrefixSlot?: React.ReactNode;
+    containerStyle?: React.CSSProperties;
+    containerClassName?: string;
+}
+export declare function SharedChatPanel({ isOpen, messages, isLoading, error, draft, onDraftChange, onSend, onReset, onClose, suggestions, emptyStateDescription, placeholder, canSend, bannerSlot, inputPrefixSlot, containerStyle, containerClassName, }: SharedChatPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=ChatPanel.d.ts.map

package/dist/components/shared/ChatPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../../src/components/shared/ChatPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAqCtE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,aAAa,EACb,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,WAA6B,EAC7B,OAAO,EACP,UAAU,EACV,eAAe,EACf,cAAc,EACd,kBAAkB,GACnB,EAAE,oBAAoB,+BA2MtB"}

package/dist/components/shared/ChatPanel.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from 'react';
+import { cn } from './cn.js';
+// Renders a single line of markdown-lite: **bold**, `code`, plain text
+function InlineMd({ text }) {
+    const parts = text.split(/(\*\*[^*\n]+\*\*|`[^`\n]+`)/g);
+    return (_jsx(_Fragment, { children: parts.map((part, i) => {
+            if (part.startsWith('**') && part.endsWith('**') && part.length > 4)
+                return _jsx("strong", { className: "font-semibold", children: part.slice(2, -2) }, i);
+            if (part.startsWith('`') && part.endsWith('`') && part.length > 2)
+                return _jsx("code", { className: "rounded bg-black/10 px-1 font-mono text-[11px]", children: part.slice(1, -1) }, i);
+            return _jsx("span", { children: part }, i);
+        }) }));
+}
+// Renders markdown text: splits on newlines, handles --- dividers
+function MarkdownText({ text }) {
+    const lines = text.split('\n');
+    return (_jsx("div", { className: "space-y-0.5", children: lines.map((line, i) => {
+            if (/^-{3,}$/.test(line.trim()))
+                return _jsx("hr", { className: "my-1.5 border-[var(--wui-border)]" }, i);
+            return (_jsx("p", { className: line === '' ? 'h-2' : undefined, children: _jsx(InlineMd, { text: line }) }, i));
+        }) }));
+}
+export function SharedChatPanel({ isOpen, messages, isLoading, error, draft, onDraftChange, onSend, onReset, onClose, suggestions, emptyStateDescription, placeholder = 'Ask anything…', canSend, bannerSlot, inputPrefixSlot, containerStyle, containerClassName, }) {
+    const messagesEndRef = useRef(null);
+    const textareaRef = useRef(null);
+    useEffect(() => {
+        messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+    }, [messages]);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const id = setTimeout(() => textareaRef.current?.focus(), 180);
+        return () => clearTimeout(id);
+    }, [isOpen]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            void onSend();
+        }
+    }, [onSend]);
+    return (_jsx("div", { className: cn('flex h-full flex-col border-l border-[var(--wui-border)] bg-[var(--wui-bg)] overflow-hidden', containerClassName), style: containerStyle, children: isOpen && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between border-b border-[var(--wui-border)] px-4 py-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-md bg-indigo-100 text-indigo-600", children: _jsx("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) }), _jsx("span", { className: "text-[13px] font-semibold text-[var(--wui-fg)]", children: "Ask AI" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [messages.length > 0 && (_jsx("button", { type: "button", onClick: onReset, title: "Clear conversation", className: "flex h-6 w-6 items-center justify-center rounded text-[var(--wui-fg-muted)] hover:bg-[var(--wui-bg-subtle)] transition-colors", children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: _jsx("path", { d: "M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }) }) })), _jsx("button", { type: "button", onClick: onClose, title: "Close", className: "flex h-6 w-6 items-center justify-center rounded text-[var(--wui-fg-muted)] hover:bg-[var(--wui-bg-subtle)] transition-colors", children: _jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) })] })] }), bannerSlot, _jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-3 space-y-3", children: [messages.length === 0 && (_jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-3 py-8 text-center", children: [_jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-indigo-50 text-indigo-400", children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) }), _jsx("p", { className: "max-w-[220px] text-[12px] text-[var(--wui-fg-muted)]", children: emptyStateDescription }), suggestions.length > 0 && (_jsx("div", { className: "flex w-full flex-col gap-1.5", children: suggestions.map((s) => (_jsx("button", { type: "button", onClick: () => onDraftChange(s), className: "rounded-lg border border-[var(--wui-border)] bg-[var(--wui-bg-subtle)] px-3 py-2 text-left text-[11px] text-[var(--wui-fg-muted)] transition hover:bg-indigo-50 hover:border-indigo-200 hover:text-indigo-700", children: s }, s))) }))] })), messages.map((msg, i) => {
+                            // Strip embedded <document> XML so filenames show as chips, not raw text
+                            const docNames = [];
+                            const visibleText = msg.content
+                                .replace(/<document name="([^"]+)">[\s\S]*?<\/document>/g, (_, name) => {
+                                docNames.push(name);
+                                return '';
+                            })
+                                .trim();
+                            return (_jsx("div", { className: cn('flex', msg.role === 'user' ? 'justify-end' : 'justify-start'), children: _jsxs("div", { className: cn('max-w-[85%] rounded-2xl px-3 py-2 text-[13px] leading-relaxed space-y-1.5', msg.role === 'user'
+                                        ? 'bg-indigo-600 text-white rounded-br-sm'
+                                        : 'bg-[var(--wui-bg-subtle)] text-[var(--wui-fg)] rounded-bl-sm border border-[var(--wui-border)]'), children: [docNames.map((name) => (_jsxs("div", { className: "flex items-center gap-1.5 rounded-lg bg-white/20 px-2 py-1", children: [_jsxs("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", children: [_jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), _jsx("polyline", { points: "14 2 14 8 20 8" })] }), _jsx("span", { className: "text-xs font-medium truncate", children: name })] }, name))), visibleText && (msg.role === 'assistant'
+                                            ? _jsx(MarkdownText, { text: visibleText })
+                                            : _jsx("p", { className: "whitespace-pre-wrap", children: visibleText }))] }) }, i));
+                        }), isLoading && (_jsx("div", { className: "flex justify-start", children: _jsx("div", { className: "rounded-2xl rounded-bl-sm border border-[var(--wui-border)] bg-[var(--wui-bg-subtle)] px-3 py-2", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-[var(--wui-fg-muted)] animate-bounce [animation-delay:0ms]" }), _jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-[var(--wui-fg-muted)] animate-bounce [animation-delay:150ms]" }), _jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-[var(--wui-fg-muted)] animate-bounce [animation-delay:300ms]" })] }) }) })), error && (_jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-[12px] text-red-600", children: error })), _jsx("div", { ref: messagesEndRef })] }), _jsxs("div", { className: "shrink-0 border-t border-[var(--wui-border)] p-3 space-y-2", children: [_jsxs("div", { className: "flex items-end gap-2 rounded-xl border border-[var(--wui-border)] bg-[var(--wui-bg-subtle)] px-3 py-2.5 focus-within:border-indigo-300 focus-within:bg-[var(--wui-bg)] transition-colors", children: [inputPrefixSlot, _jsx("textarea", { ref: textareaRef, value: draft, onChange: (e) => {
+                                        onDraftChange(e.target.value);
+                                        e.target.style.height = 'auto';
+                                        e.target.style.height = `${Math.min(e.target.scrollHeight, 96)}px`;
+                                    }, onKeyDown: handleKeyDown, placeholder: placeholder, rows: 1, className: "flex-1 resize-none bg-transparent text-[13px] text-[var(--wui-fg)] placeholder:text-[var(--wui-fg-muted)] outline-none", style: { minHeight: '22px', maxHeight: '96px' } }), _jsx("button", { type: "button", onClick: () => void onSend(), disabled: !canSend || isLoading, className: cn('flex h-7 w-7 flex-shrink-0 self-end items-center justify-center rounded-lg transition-all', canSend && !isLoading
+                                        ? 'bg-indigo-600 text-white hover:bg-indigo-700 active:scale-95'
+                                        : 'bg-[var(--wui-bg-subtle)] text-[var(--wui-fg-muted)] cursor-not-allowed border border-[var(--wui-border)]'), children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M22 2 11 13M22 2 15 22l-4-9-9-4 20-7z" }) }) })] }), _jsx("p", { className: "text-center text-[10px] text-[var(--wui-fg-muted)]", children: "Enter to send \u00B7 Shift+Enter for newline" })] })] })) }));
+}
+//# sourceMappingURL=ChatPanel.js.map