@stigmer/react 0.5.1 → 1.0.0

package/workflow/WorkflowRunDialog.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import { cn } from "@stigmer/theme";
+import { useRunWorkflowFlow } from "./useRunWorkflowFlow";
+import { WorkflowRunForm } from "./WorkflowRunForm";
+/**
+ * Dialog for running a workflow execution.
+ *
+ * Composes {@link useRunWorkflowFlow} with {@link WorkflowRunForm}
+ * inside a native `<dialog>` element. Manages the full lifecycle:
+ * form fields, validation, submission, error display, and close.
+ *
+ * Uses the same `<dialog>` + `showModal()` pattern as
+ * {@link ConfirmDialog} — built-in focus trapping, Escape key
+ * handling, and backdrop. Styled via `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * <WorkflowRunDialog
+ *   open={showRunDialog}
+ *   onOpenChange={setShowRunDialog}
+ *   org="acme"
+ *   workflow={workflow}
+ *   instances={instances}
+ *   onSuccess={(id) => router.push(`/workflows/executions/${id}`)}
+ *   onError={(msg) => toast.error(msg)}
+ * />
+ * ```
+ */
+export function WorkflowRunDialog({ open, onOpenChange, org, workflow, instances, onSuccess, onError, }) {
+    const dialogRef = useRef(null);
+    const handleSuccess = useCallback((executionId) => {
+        onOpenChange(false);
+        onSuccess(executionId);
+    }, [onOpenChange, onSuccess]);
+    const flow = useRunWorkflowFlow({
+        org,
+        workflow,
+        instances,
+        onSuccess: handleSuccess,
+        onError,
+    });
+    // Sync open state with the native dialog
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        if (open && !dialog.open) {
+            flow.reset();
+            dialog.showModal();
+        }
+        else if (!open && dialog.open) {
+            dialog.close();
+        }
+    }, [open, flow.reset]);
+    const handleDialogCancel = useCallback((e) => {
+        e.preventDefault();
+        onOpenChange(false);
+    }, [onOpenChange]);
+    const handleBackdropClick = useCallback((e) => {
+        if (e.target === dialogRef.current) {
+            onOpenChange(false);
+        }
+    }, [onOpenChange]);
+    const workflowName = workflow.metadata?.name || workflow.metadata?.slug || "Workflow";
+    return (_jsx("dialog", { ref: dialogRef, onCancel: handleDialogCancel, onClick: handleBackdropClick, className: cn("fixed inset-0 z-50 m-auto w-full max-w-lg rounded-lg border border-border bg-popover p-0 text-popover-foreground shadow-lg", "backdrop:bg-black/50", "open:animate-in open:fade-in-0 open:zoom-in-95"), children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "border-b border-border px-6 py-4", children: [_jsxs("h3", { className: "text-base font-semibold text-foreground", children: ["Run ", workflowName] }), _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Configure inputs and start a new execution" })] }), _jsxs("div", { className: "max-h-[60vh] overflow-y-auto px-6 py-4", children: [flow.error && (_jsx("div", { className: "mb-4 rounded-md border border-destructive bg-destructive-muted px-3 py-2 text-sm text-destructive", role: "alert", children: flow.error })), _jsx(WorkflowRunForm, { triggerMessage: flow.triggerMessage, onTriggerMessageChange: flow.setTriggerMessage, envDeclarations: flow.envDeclarations, runtimeEnv: flow.runtimeEnv, onEnvVarChange: flow.setEnvVar, instances: instances, selectedInstanceId: flow.selectedInstanceId, onInstanceChange: flow.setSelectedInstanceId, errors: flow.fieldErrors, disabled: flow.isSubmitting })] }), _jsxs("div", { className: "flex justify-end gap-2 border-t border-border px-6 py-3", children: [_jsx("button", { type: "button", onClick: () => onOpenChange(false), disabled: flow.isSubmitting, className: cn("rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "border border-input bg-background text-foreground", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50"), children: "Cancel" }), _jsxs("button", { type: "button", onClick: flow.submit, disabled: flow.isSubmitting, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors", "bg-primary text-primary-foreground hover:bg-primary-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-40"), children: [flow.isSubmitting && _jsx(SpinnerIcon, {}), flow.isSubmitting ? "Starting…" : "Run Workflow"] })] })] }) }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function SpinnerIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=WorkflowRunDialog.js.map

package/workflow/WorkflowRunDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowRunDialog.js","sourceRoot":"","sources":["../../src/workflow/WorkflowRunDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AA0BpD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,GAAG,EACH,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,GACgB;IACvB,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,WAAmB,EAAE,EAAE;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,SAAS,CAAC,WAAW,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,YAAY,EAAE,SAAS,CAAC,CAC1B,CAAC;IAEF,MAAM,IAAI,GAAG,kBAAkB,CAAC;QAC9B,GAAG;QACH,QAAQ;QACR,SAAS;QACT,SAAS,EAAE,aAAa;QACxB,OAAO;KACR,CAAC,CAAC;IAEH,yCAAyC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACzB,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,MAAM,CAAC,SAAS,EAAE,CAAC;QACrB,CAAC;aAAM,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAChC,MAAM,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,CAAuB,EAAE,EAAE;QAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC;YACnC,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,YAAY,GAChB,QAAQ,CAAC,QAAQ,EAAE,IAAI,IAAI,QAAQ,CAAC,QAAQ,EAAE,IAAI,IAAI,UAAU,CAAC;IAEnE,OAAO,CACL,iBACE,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,EAAE,CACX,4HAA4H,EAC5H,sBAAsB,EACtB,gDAAgD,CACjD,YAED,eAAK,SAAS,EAAC,eAAe,aAE5B,eAAK,SAAS,EAAC,kCAAkC,aAC/C,cAAI,SAAS,EAAC,yCAAyC,qBAChD,YAAY,IACd,EACL,YAAG,SAAS,EAAC,sCAAsC,2DAE/C,IACA,EAGN,eAAK,SAAS,EAAC,wCAAwC,aACpD,IAAI,CAAC,KAAK,IAAI,CACb,cACE,SAAS,EAAC,mGAAmG,EAC7G,IAAI,EAAC,OAAO,YAEX,IAAI,CAAC,KAAK,GACP,CACP,EAED,KAAC,eAAe,IACd,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,sBAAsB,EAAE,IAAI,CAAC,iBAAiB,EAC9C,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,cAAc,EAAE,IAAI,CAAC,SAAS,EAC9B,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,EAC5C,MAAM,EAAE,IAAI,CAAC,WAAW,EACxB,QAAQ,EAAE,IAAI,CAAC,YAAY,GAC3B,IACE,EAGN,eAAK,SAAS,EAAC,yDAAyD,aACtE,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,mDAAmD,EACnD,8CAA8C,EAC9C,yEAAyE,EACzE,kDAAkD,CACnD,uBAGM,EACT,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,2DAA2D,EAC3D,yEAAyE,EACzE,kDAAkD,CACnD,aAEA,IAAI,CAAC,YAAY,IAAI,KAAC,WAAW,KAAG,EACpC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,IAC1C,IACL,IACF,GACC,CACV,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,QAAQ;AACR,8EAA8E;AAE9E,SAAS,WAAW;IAClB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,SAAS,EAAC,cAAc,iBACZ,MAAM,YAElB,eAAM,CAAC,EAAC,oBAAoB,GAAG,GAC3B,CACP,CAAC;AACJ,CAAC"}

package/workflow/WorkflowRunForm.d.ts

@@ -0,0 +1,62 @@
+import type { EnvVarDeclaration } from "@stigmer/protos/ai/stigmer/agentic/environment/v1/spec_pb";
+import type { WorkflowInstance } from "@stigmer/protos/ai/stigmer/agentic/workflowinstance/v1/api_pb";
+import type { RunWorkflowFieldErrors } from "./useRunWorkflowFlow";
+/** Props for {@link WorkflowRunForm}. */
+export interface WorkflowRunFormProps {
+    /** Current trigger message value. */
+    readonly triggerMessage: string;
+    /** Called when the trigger message changes. */
+    readonly onTriggerMessageChange: (value: string) => void;
+    /** Declared environment variables from the workflow spec. */
+    readonly envDeclarations: Record<string, EnvVarDeclaration>;
+    /** Current runtime env var overrides (keyed by variable name). */
+    readonly runtimeEnv: Record<string, string>;
+    /** Called when a single env var value changes. */
+    readonly onEnvVarChange: (key: string, value: string) => void;
+    /** Available workflow instances for the selector. */
+    readonly instances: readonly WorkflowInstance[];
+    /** Currently selected instance ID, or `null` for server-resolved default. */
+    readonly selectedInstanceId: string | null;
+    /** Called when the selected instance changes. */
+    readonly onInstanceChange: (id: string | null) => void;
+    /** Field-level validation errors keyed by field name. */
+    readonly errors: RunWorkflowFieldErrors;
+    /** When `true`, all fields are disabled (during submission). */
+    readonly disabled?: boolean;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Form fields for running a workflow execution.
+ *
+ * Renders a trigger message textarea, auto-generated environment
+ * variable fields from the workflow's `spec.env` declarations, and
+ * an instance selector (hidden when 0-1 instances exist).
+ *
+ * This component is presentational — it does not manage state or
+ * submit. Pair with {@link useRunWorkflowFlow} for the full
+ * behavior, or wire the props manually for custom integrations.
+ *
+ * All visuals flow through `--stgm-*` design tokens. Zero Console
+ * dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * const flow = useRunWorkflowFlow({ ... });
+ *
+ * <WorkflowRunForm
+ *   triggerMessage={flow.triggerMessage}
+ *   onTriggerMessageChange={flow.setTriggerMessage}
+ *   envDeclarations={flow.envDeclarations}
+ *   runtimeEnv={flow.runtimeEnv}
+ *   onEnvVarChange={flow.setEnvVar}
+ *   instances={instances}
+ *   selectedInstanceId={flow.selectedInstanceId}
+ *   onInstanceChange={flow.setSelectedInstanceId}
+ *   errors={flow.fieldErrors}
+ *   disabled={flow.isSubmitting}
+ * />
+ * ```
+ */
+export declare function WorkflowRunForm({ triggerMessage, onTriggerMessageChange, envDeclarations, runtimeEnv, onEnvVarChange, instances, selectedInstanceId, onInstanceChange, errors, disabled, className, }: WorkflowRunFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkflowRunForm.d.ts.map

package/workflow/WorkflowRunForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowRunForm.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowRunForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2DAA2D,CAAC;AACnG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAC;AACtG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,yCAAyC;AACzC,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,+CAA+C;IAC/C,QAAQ,CAAC,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzD,6DAA6D;IAC7D,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAC5D,kEAAkE;IAClE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,kDAAkD;IAClD,QAAQ,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9D,qDAAqD;IACrD,QAAQ,CAAC,SAAS,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAChD,6EAA6E;IAC7E,QAAQ,CAAC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,iDAAiD;IACjD,QAAQ,CAAC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEvD,yDAAyD;IACzD,QAAQ,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAExC,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,eAAe,CAAC,EAC9B,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,UAAU,EACV,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,2CAmHtB"}

package/workflow/WorkflowRunForm.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { cn } from "@stigmer/theme";
+const INPUT_CLASSES = cn("w-full rounded-md border border-input bg-background px-2.5 py-1.5 text-sm text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50");
+/**
+ * Form fields for running a workflow execution.
+ *
+ * Renders a trigger message textarea, auto-generated environment
+ * variable fields from the workflow's `spec.env` declarations, and
+ * an instance selector (hidden when 0-1 instances exist).
+ *
+ * This component is presentational — it does not manage state or
+ * submit. Pair with {@link useRunWorkflowFlow} for the full
+ * behavior, or wire the props manually for custom integrations.
+ *
+ * All visuals flow through `--stgm-*` design tokens. Zero Console
+ * dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * const flow = useRunWorkflowFlow({ ... });
+ *
+ * <WorkflowRunForm
+ *   triggerMessage={flow.triggerMessage}
+ *   onTriggerMessageChange={flow.setTriggerMessage}
+ *   envDeclarations={flow.envDeclarations}
+ *   runtimeEnv={flow.runtimeEnv}
+ *   onEnvVarChange={flow.setEnvVar}
+ *   instances={instances}
+ *   selectedInstanceId={flow.selectedInstanceId}
+ *   onInstanceChange={flow.setSelectedInstanceId}
+ *   errors={flow.fieldErrors}
+ *   disabled={flow.isSubmitting}
+ * />
+ * ```
+ */
+export function WorkflowRunForm({ triggerMessage, onTriggerMessageChange, envDeclarations, runtimeEnv, onEnvVarChange, instances, selectedInstanceId, onInstanceChange, errors, disabled, className, }) {
+    const formId = useId();
+    const envEntries = Object.entries(envDeclarations);
+    const showInstanceSelector = instances.length > 1;
+    return (_jsxs("div", { className: cn("flex flex-col gap-4", className), children: [_jsxs(FieldGroup, { children: [_jsx(FieldLabel, { htmlFor: `${formId}-trigger`, children: "Input Message" }), _jsx("textarea", { id: `${formId}-trigger`, value: triggerMessage, onChange: (e) => onTriggerMessageChange(e.target.value), placeholder: "Optional message or JSON payload to trigger the workflow", disabled: disabled, rows: 3, className: cn(INPUT_CLASSES, "resize-y") }), _jsxs(FieldHint, { children: ["Accessible in the workflow as", " ", _jsx("code", { className: "text-[0.7rem]", children: "{{workflow.input.trigger_message}}" })] })] }), showInstanceSelector && (_jsxs(FieldGroup, { children: [_jsx(FieldLabel, { htmlFor: `${formId}-instance`, children: "Instance" }), _jsxs("select", { id: `${formId}-instance`, value: selectedInstanceId ?? "", onChange: (e) => onInstanceChange(e.target.value || null), disabled: disabled, className: INPUT_CLASSES, children: [_jsx("option", { value: "", children: "Default instance (auto)" }), instances.map((inst) => (_jsx("option", { value: inst.metadata?.id ?? "", children: inst.metadata?.name || inst.metadata?.slug || inst.metadata?.id }, inst.metadata?.id)))] })] })), envEntries.length > 0 && (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground", children: "Environment Variables" }), envEntries.map(([key, decl]) => {
+                        const fieldId = `${formId}-env-${key}`;
+                        const fieldError = errors[key];
+                        return (_jsxs(FieldGroup, { children: [_jsxs(FieldLabel, { htmlFor: fieldId, children: [_jsx("code", { className: "text-xs", children: key }), !decl.optional && (_jsx("span", { className: "ml-1 text-destructive", "aria-label": "required", children: "*" }))] }), _jsx("input", { id: fieldId, type: decl.isSecret ? "password" : "text", value: runtimeEnv[key] ?? "", onChange: (e) => onEnvVarChange(key, e.target.value), placeholder: decl.optional ? "Optional" : "Required", disabled: disabled, "aria-invalid": !!fieldError, "aria-describedby": fieldError
+                                        ? `${fieldId}-error`
+                                        : decl.description
+                                            ? `${fieldId}-desc`
+                                            : undefined, className: cn(INPUT_CLASSES, fieldError && "border-destructive focus-visible:ring-destructive") }), decl.description && !fieldError && (_jsx(FieldHint, { id: `${fieldId}-desc`, children: decl.description })), fieldError && (_jsx("p", { id: `${fieldId}-error`, className: "text-[0.7rem] text-destructive", role: "alert", children: fieldError }))] }, key));
+                    })] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Shared form primitives (internal to this file)
+// ---------------------------------------------------------------------------
+function FieldGroup({ children, }) {
+    return _jsx("div", { className: "flex flex-col gap-1", children: children });
+}
+function FieldLabel({ htmlFor, children, }) {
+    return (_jsx("label", { htmlFor: htmlFor, className: "text-xs font-medium text-foreground", children: children }));
+}
+function FieldHint({ id, children, }) {
+    return (_jsx("p", { id: id, className: "text-[0.7rem] text-muted-foreground", children: children }));
+}
+//# sourceMappingURL=WorkflowRunForm.js.map

package/workflow/WorkflowRunForm.js.map

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

package/workflow/WorkflowTaskList.d.ts

@@ -0,0 +1,25 @@
+import type { WorkflowTask } from "@stigmer/protos/ai/stigmer/agentic/workflow/v1/spec_pb";
+/** Props for {@link WorkflowTaskList}. */
+export interface WorkflowTaskListProps {
+    /** Tasks from the workflow spec. */
+    readonly tasks: readonly WorkflowTask[];
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Compact list of tasks in a workflow specification.
+ *
+ * Renders each task as a row with a kind icon (from the TaskKindRegistry),
+ * task name, kind label, and a sequential connector line indicating flow
+ * order. When the registry is loading, kind icons are omitted gracefully.
+ *
+ * Zero Console dependencies — safe for platform builder embedding.
+ * All visual properties flow through `--stgm-*` tokens.
+ *
+ * @example
+ * ```tsx
+ * <WorkflowTaskList tasks={workflow.spec?.tasks ?? []} />
+ * ```
+ */
+export declare const WorkflowTaskList: import("react").NamedExoticComponent<WorkflowTaskListProps>;
+//# sourceMappingURL=WorkflowTaskList.d.ts.map

package/workflow/WorkflowTaskList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowTaskList.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowTaskList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wDAAwD,CAAC;AAG3F,0CAA0C;AAC1C,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IACxC,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAyBD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,6DA8D3B,CAAC"}

package/workflow/WorkflowTaskList.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { cn } from "@stigmer/theme";
+import { WorkflowTaskKind } from "@stigmer/protos/ai/stigmer/agentic/workflow/v1/enum_pb";
+import { useTaskKindRegistryContext } from "./TaskKindRegistryContext";
+const TASK_KIND_LABELS = new Map([
+    [WorkflowTaskKind.set_vars, "Set Variables"],
+    [WorkflowTaskKind.http_call, "HTTP Call"],
+    [WorkflowTaskKind.grpc_call, "gRPC Call"],
+    [WorkflowTaskKind.activity_call, "Activity Call"],
+    [WorkflowTaskKind.switch_case, "Switch"],
+    [WorkflowTaskKind.for_each, "For Each"],
+    [WorkflowTaskKind.fork, "Fork"],
+    [WorkflowTaskKind.try_catch, "Try/Catch"],
+    [WorkflowTaskKind.listen, "Listen"],
+    [WorkflowTaskKind.wait, "Wait"],
+    [WorkflowTaskKind.raise_error, "Raise Error"],
+    [WorkflowTaskKind.run_workflow, "Run Workflow"],
+    [WorkflowTaskKind.agent_call, "Agent Call"],
+    [WorkflowTaskKind.llm_call, "LLM Call"],
+    [WorkflowTaskKind.transform, "Transform"],
+    [WorkflowTaskKind.human_input, "Human Input"],
+    [WorkflowTaskKind.validate, "Validate"],
+    [WorkflowTaskKind.emit_event, "Emit Event"],
+    [WorkflowTaskKind.notification, "Notification"],
+    [WorkflowTaskKind.eval, "Evaluate (LLM Judge)"],
+]);
+/**
+ * Compact list of tasks in a workflow specification.
+ *
+ * Renders each task as a row with a kind icon (from the TaskKindRegistry),
+ * task name, kind label, and a sequential connector line indicating flow
+ * order. When the registry is loading, kind icons are omitted gracefully.
+ *
+ * Zero Console dependencies — safe for platform builder embedding.
+ * All visual properties flow through `--stgm-*` tokens.
+ *
+ * @example
+ * ```tsx
+ * <WorkflowTaskList tasks={workflow.spec?.tasks ?? []} />
+ * ```
+ */
+export const WorkflowTaskList = memo(function WorkflowTaskList({ tasks, className, }) {
+    const { descriptors } = useTaskKindRegistryContext();
+    const kindIconMap = useMemo(() => {
+        const map = new Map();
+        for (const d of descriptors) {
+            map.set(d.kind, d.icon);
+        }
+        return map;
+    }, [descriptors]);
+    if (tasks.length === 0) {
+        return (_jsx("div", { className: cn("py-8 text-center text-sm text-muted-foreground", className), children: "No tasks defined" }));
+    }
+    return (_jsx("div", { className: cn("flex flex-col", className), children: tasks.map((task, idx) => {
+            const kindLabel = TASK_KIND_LABELS.get(task.kind) ?? formatKindName(task.kind);
+            const iconName = kindIconMap.get(kindEnumToString(task.kind));
+            const isLast = idx === tasks.length - 1;
+            return (_jsxs("div", { className: "flex items-stretch gap-3", children: [_jsxs("div", { className: "flex w-5 flex-col items-center", children: [_jsx("div", { className: cn("flex size-5 shrink-0 items-center justify-center rounded-full border border-border bg-background text-[10px] font-medium text-muted-foreground"), children: idx + 1 }), !isLast && (_jsx("div", { className: "w-px flex-1 bg-border" }))] }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 pb-3 pt-0.5", children: [iconName && (_jsx(TaskKindIcon, { iconName: iconName, className: "size-4 shrink-0 text-muted-foreground" })), _jsx("span", { className: "truncate text-sm font-medium text-foreground", children: task.name }), _jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: kindLabel })] })] }, task.name));
+        }) }));
+});
+/**
+ * Maps a WorkflowTaskKind enum value to its string representation
+ * matching the TaskKindDescriptor's `kind` field.
+ */
+function kindEnumToString(kind) {
+    const entry = Object.entries(WorkflowTaskKind).find(([, v]) => v === kind && typeof v === "number");
+    return entry?.[0] ?? "";
+}
+function formatKindName(kind) {
+    const str = kindEnumToString(kind);
+    return str
+        .split("_")
+        .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+        .join(" ");
+}
+/**
+ * Renders a task kind icon by name. Uses simple SVG placeholders --
+ * the full Lucide icon set is intentionally avoided in the SDK to
+ * keep the bundle size minimal (DD-004).
+ */
+function TaskKindIcon({ iconName, className, }) {
+    return (_jsx("span", { className: cn("inline-flex items-center justify-center", className), title: iconName, "aria-hidden": "true", children: _jsx(TaskDotIcon, {}) }));
+}
+function TaskDotIcon() {
+    return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "8", cy: "8", r: "3" }), _jsx("path", { d: "M8 2v3M8 11v3M2 8h3M11 8h3" })] }));
+}
+//# sourceMappingURL=WorkflowTaskList.js.map

package/workflow/WorkflowTaskList.js.map

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

package/workflow/WorkflowTaskPalette.d.ts

@@ -0,0 +1,22 @@
+/** MIME type for the drag transfer carrying the task kind identifier. */
+export declare const TASK_KIND_DRAG_MIME = "application/stigmer-task-kind";
+/** Props for {@link WorkflowTaskPalette}. */
+export interface WorkflowTaskPaletteProps {
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Categorized sidebar listing all available workflow task kinds.
+ *
+ * Each task kind entry is draggable. The drop target (the canvas)
+ * reads the task kind from the drag transfer data using
+ * {@link TASK_KIND_DRAG_MIME} and creates a new node.
+ *
+ * Self-contained SDK component (DD-001, AD-T15-B2-005): depends only
+ * on `useTaskKindRegistry()` and `--stgm-*` theme tokens. No canvas
+ * or React Flow dependency.
+ *
+ * @since T15 Batch 2 (Node Authoring)
+ */
+export declare const WorkflowTaskPalette: import("react").NamedExoticComponent<WorkflowTaskPaletteProps>;
+//# sourceMappingURL=WorkflowTaskPalette.d.ts.map

package/workflow/WorkflowTaskPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowTaskPalette.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowTaskPalette.tsx"],"names":[],"mappings":"AASA,yEAAyE;AACzE,eAAO,MAAM,mBAAmB,kCAAkC,CAAC;AAEnE,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACvC,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,gEA2H9B,CAAC"}

package/workflow/WorkflowTaskPalette.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useCallback, useMemo } from "react";
+import { cn } from "@stigmer/theme";
+import { useTaskKindRegistry } from "./useTaskKindRegistry";
+import { CATEGORY_COLORS, CATEGORY_DISPLAY_NAMES, CATEGORY_ORDER } from "./canvas-constants";
+/** MIME type for the drag transfer carrying the task kind identifier. */
+export const TASK_KIND_DRAG_MIME = "application/stigmer-task-kind";
+/**
+ * Categorized sidebar listing all available workflow task kinds.
+ *
+ * Each task kind entry is draggable. The drop target (the canvas)
+ * reads the task kind from the drag transfer data using
+ * {@link TASK_KIND_DRAG_MIME} and creates a new node.
+ *
+ * Self-contained SDK component (DD-001, AD-T15-B2-005): depends only
+ * on `useTaskKindRegistry()` and `--stgm-*` theme tokens. No canvas
+ * or React Flow dependency.
+ *
+ * @since T15 Batch 2 (Node Authoring)
+ */
+export const WorkflowTaskPalette = memo(function WorkflowTaskPalette({ className, }) {
+    const { categories, isLoading, error, refetch } = useTaskKindRegistry();
+    const [searchQuery, setSearchQuery] = useState("");
+    const [collapsedCategories, setCollapsedCategories] = useState(new Set());
+    const handleSearchChange = useCallback((e) => {
+        setSearchQuery(e.target.value);
+    }, []);
+    const toggleCategory = useCallback((category) => {
+        setCollapsedCategories((prev) => {
+            const next = new Set(prev);
+            if (next.has(category)) {
+                next.delete(category);
+            }
+            else {
+                next.add(category);
+            }
+            return next;
+        });
+    }, []);
+    const filteredCategories = useMemo(() => {
+        const query = searchQuery.toLowerCase().trim();
+        const result = [];
+        for (const cat of CATEGORY_ORDER) {
+            const descriptors = categories.get(cat);
+            if (!descriptors || descriptors.length === 0)
+                continue;
+            const filtered = query
+                ? descriptors.filter((d) => d.displayName.toLowerCase().includes(query) ||
+                    d.description.toLowerCase().includes(query))
+                : descriptors;
+            if (filtered.length > 0) {
+                result.push({ category: cat, descriptors: filtered });
+            }
+        }
+        return result;
+    }, [categories, searchQuery]);
+    if (isLoading) {
+        return (_jsx("div", { className: cn("stgm flex w-60 flex-col gap-3 border-r border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] p-3", className), children: Array.from({ length: 4 }).map((_, i) => (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-4 w-20 animate-pulse rounded bg-[var(--stgm-muted,#f5f5f5)]" }), _jsx("div", { className: "h-10 w-full animate-pulse rounded bg-[var(--stgm-muted,#f5f5f5)]" }), _jsx("div", { className: "h-10 w-full animate-pulse rounded bg-[var(--stgm-muted,#f5f5f5)]" })] }, i))) }));
+    }
+    if (error) {
+        return (_jsxs("div", { className: cn("stgm flex w-60 flex-col items-center justify-center gap-2 border-r border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] p-4", className), children: [_jsx("span", { className: "text-xs text-[var(--stgm-destructive,#ef4444)]", children: "Failed to load task types" }), _jsx("button", { type: "button", onClick: refetch, className: "rounded border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] px-2 py-1 text-xs text-[var(--stgm-foreground,#1a1a2e)] hover:bg-[var(--stgm-muted,#f5f5f5)]", children: "Retry" })] }));
+    }
+    return (_jsxs("div", { className: cn("stgm flex w-60 shrink-0 flex-col border-r border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))]", className), children: [_jsx("div", { className: "border-b border-[var(--stgm-border-prominent,#d4d4d8)] p-2", children: _jsx("input", { type: "search", placeholder: "Search tasks\u2026", value: searchQuery, onChange: handleSearchChange, className: "w-full rounded border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-input-bg,var(--stgm-background,#fff))] px-2 py-1.5 text-xs text-[var(--stgm-foreground,#1a1a2e)] placeholder:text-[var(--stgm-muted-foreground,#737373)] outline-none focus:ring-1 focus:ring-[var(--stgm-ring,#3b82f6)]", "aria-label": "Search task types" }) }), _jsx("div", { className: "flex-1 overflow-y-auto p-2", children: filteredCategories.length === 0 ? (_jsx("div", { className: "py-6 text-center text-xs text-[var(--stgm-muted-foreground,#737373)]", children: searchQuery ? "No matching tasks" : "No task types available" })) : (filteredCategories.map(({ category, descriptors }) => (_jsx(PaletteCategory, { category: category, descriptors: descriptors, isCollapsed: collapsedCategories.has(category), onToggle: toggleCategory }, category)))) })] }));
+});
+// ---------------------------------------------------------------------------
+// PaletteCategory
+// ---------------------------------------------------------------------------
+function PaletteCategory({ category, descriptors, isCollapsed, onToggle, }) {
+    const categoryColor = CATEGORY_COLORS[category] ?? CATEGORY_COLORS.unspecified;
+    return (_jsxs("div", { className: "mb-2", children: [_jsxs("button", { type: "button", onClick: () => onToggle(category), className: "flex w-full items-center gap-1.5 rounded px-1 py-1 text-left text-[11px] font-semibold uppercase tracking-wider text-[var(--stgm-muted-foreground,#737373)] hover:bg-[var(--stgm-muted,#f5f5f5)]", "aria-expanded": !isCollapsed, children: [_jsx("span", { className: "inline-block h-2 w-2 rounded-full", style: { backgroundColor: categoryColor }, "aria-hidden": "true" }), CATEGORY_DISPLAY_NAMES[category], _jsx("span", { className: "ml-auto text-[10px]", children: isCollapsed ? "+" : "\u2212" })] }), !isCollapsed && (_jsx("div", { className: "mt-0.5 space-y-0.5", role: "listbox", "aria-label": CATEGORY_DISPLAY_NAMES[category], children: descriptors.map((descriptor) => (_jsx(PaletteItem, { descriptor: descriptor, categoryColor: categoryColor }, descriptor.kind))) }))] }));
+}
+// ---------------------------------------------------------------------------
+// PaletteItem
+// ---------------------------------------------------------------------------
+function PaletteItem({ descriptor, categoryColor, }) {
+    const handleDragStart = useCallback((e) => {
+        e.dataTransfer.setData(TASK_KIND_DRAG_MIME, descriptor.kind);
+        e.dataTransfer.effectAllowed = "move";
+    }, [descriptor.kind]);
+    return (_jsxs("div", { draggable: true, onDragStart: handleDragStart, className: "flex cursor-grab items-start gap-2 rounded border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-background,#fff)] px-2 py-1.5 transition-colors hover:bg-[var(--stgm-muted,#f5f5f5)] active:cursor-grabbing", role: "option", "aria-label": `Drag to add ${descriptor.displayName} task`, children: [_jsx("span", { className: "mt-0.5 inline-block h-2.5 w-0.5 shrink-0 rounded-full", style: { backgroundColor: categoryColor }, "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-xs font-medium text-[var(--stgm-foreground,#1a1a2e)]", children: descriptor.displayName }), _jsx("div", { className: "truncate text-[10px] leading-tight text-[var(--stgm-muted-foreground,#737373)]", children: descriptor.description })] })] }));
+}
+//# sourceMappingURL=WorkflowTaskPalette.js.map

package/workflow/WorkflowTaskPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowTaskPalette.js","sourceRoot":"","sources":["../../src/workflow/WorkflowTaskPalette.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE7F,yEAAyE;AACzE,MAAM,CAAC,MAAM,mBAAmB,GAAG,+BAA+B,CAAC;AAQnE;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,mBAAmB,CAAC,EACnE,SAAS,GACgB;IACzB,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACxE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAC5D,IAAI,GAAG,EAAE,CACV,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,CAAsC,EAAE,EAAE;QACzC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QACtD,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE;YAC9B,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACvB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,KAAK,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;QAC/C,MAAM,MAAM,GAGP,EAAE,CAAC;QAER,KAAK,MAAM,GAAG,IAAI,cAAc,EAAE,CAAC;YACjC,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACxC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;gBAAE,SAAS;YAEvD,MAAM,QAAQ,GAAG,KAAK;gBACpB,CAAC,CAAC,WAAW,CAAC,MAAM,CAChB,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;oBAC3C,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAC9C;gBACH,CAAC,CAAC,WAAW,CAAC;YAEhB,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACxB,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,4IAA4I,EAAE,SAAS,CAAC,YACxK,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,eAAa,SAAS,EAAC,WAAW,aAChC,cAAK,SAAS,EAAC,+DAA+D,GAAG,EACjF,cAAK,SAAS,EAAC,kEAAkE,GAAG,EACpF,cAAK,SAAS,EAAC,kEAAkE,GAAG,KAH5E,CAAC,CAIL,CACP,CAAC,GACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,wKAAwK,EAAE,SAAS,CAAC,aACrM,eAAM,SAAS,EAAC,gDAAgD,0CAEzD,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,6MAA6M,sBAGhN,IACL,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2IAA2I,EAC3I,SAAS,CACV,aAED,cAAK,SAAS,EAAC,4DAA4D,YACzE,gBACE,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,oBAAe,EAC3B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAC,6SAA6S,gBAC5S,mBAAmB,GAC9B,GACE,EAEN,cAAK,SAAS,EAAC,4BAA4B,YACxC,kBAAkB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACjC,cAAK,SAAS,EAAC,sEAAsE,YAClF,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,yBAAyB,GAC1D,CACP,CAAC,CAAC,CAAC,CACF,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACpD,KAAC,eAAe,IAEd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,mBAAmB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAC9C,QAAQ,EAAE,cAAc,IAJnB,QAAQ,CAKb,CACH,CAAC,CACH,GACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,8EAA8E;AAC9E,kBAAkB;AAClB,8EAA8E;AAE9E,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,GAMT;IACC,MAAM,aAAa,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,eAAe,CAAC,WAAW,CAAC;IAE/E,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACjC,SAAS,EAAC,kMAAkM,mBAC7L,CAAC,WAAW,aAE3B,eACE,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,iBAC7B,MAAM,GAClB,EACD,sBAAsB,CAAC,QAAQ,CAAC,EACjC,eAAM,SAAS,EAAC,qBAAqB,YAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAQ,IACpE,EAER,CAAC,WAAW,IAAI,CACf,cAAK,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,SAAS,gBAAa,sBAAsB,CAAC,QAAQ,CAAC,YAC5F,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAC/B,KAAC,WAAW,IAEV,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,IAFvB,UAAU,CAAC,IAAI,CAGpB,CACH,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,cAAc;AACd,8EAA8E;AAE9E,SAAS,WAAW,CAAC,EACnB,UAAU,EACV,aAAa,GAId;IACC,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAA4B,EAAE,EAAE;QAC/B,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,mBAAmB,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAC;IACxC,CAAC,EACD,CAAC,UAAU,CAAC,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,eACE,SAAS,QACT,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAC,4NAA4N,EACtO,IAAI,EAAC,QAAQ,gBACD,eAAe,UAAU,CAAC,WAAW,OAAO,aAExD,eACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,iBAC7B,MAAM,GAClB,EACF,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,oEAAoE,YAChF,UAAU,CAAC,WAAW,GACnB,EACN,cAAK,SAAS,EAAC,gFAAgF,YAC5F,UAAU,CAAC,WAAW,GACnB,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/workflow/WorkflowTopologyGraph.d.ts

@@ -0,0 +1,22 @@
+import type { UseWorkflowTopologyReturn } from "./useWorkflowTopology";
+/** Props for {@link WorkflowTopologyGraph}. */
+export interface WorkflowTopologyGraphProps {
+    /** Topology data from {@link useWorkflowTopology}. */
+    readonly topology: UseWorkflowTopologyReturn;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Read-only SVG DAG renderer for workflow topology.
+ *
+ * Uses dagre for layered layout computation and renders nodes as
+ * rounded rectangles with category-based coloring. Edges are drawn
+ * as SVG paths with arrowhead markers.
+ *
+ * Supports mouse wheel zoom and drag-to-pan for large workflows.
+ * All colors flow through `--stgm-*` tokens with sensible fallbacks.
+ *
+ * @since T10 (YAML Editor with Graph Preview)
+ */
+export declare const WorkflowTopologyGraph: import("react").NamedExoticComponent<WorkflowTopologyGraphProps>;
+//# sourceMappingURL=WorkflowTopologyGraph.d.ts.map

package/workflow/WorkflowTopologyGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowTopologyGraph.d.ts","sourceRoot":"","sources":["../../src/workflow/WorkflowTopologyGraph.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAA8B,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAGnG,+CAA+C;AAC/C,MAAM,WAAW,0BAA0B;IACzC,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,EAAE,yBAAyB,CAAC;IAC7C,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,kEAmGhC,CAAC"}