@stigmer/react 0.4.8 → 0.5.0

package/mcp-server/useUpdateMcpServer.d.ts

@@ -0,0 +1,24 @@
+import type { McpServer } from "@stigmer/protos/ai/stigmer/agentic/mcpserver/v1/api_pb";
+import type { McpServerInput } from "@stigmer/sdk";
+/** Return value of {@link useUpdateMcpServer}. */
+export interface UseUpdateMcpServerReturn {
+    /** Update an existing MCP server with a full input. Returns the updated resource. */
+    readonly update: (input: McpServerInput) => Promise<McpServer>;
+    /** `true` while the update RPC is in flight. */
+    readonly isUpdating: boolean;
+    /** Error from the last failed update, or `null` when healthy. */
+    readonly error: Error | null;
+    /** Clear the error state. */
+    readonly clearError: () => void;
+}
+/**
+ * Mutation hook that updates an existing MCP Server resource.
+ *
+ * Wraps `stigmer.mcpServer.update(input)` with loading and error state.
+ * The caller must provide a **complete** `McpServerInput` — the backend
+ * performs full spec replacement. Use `mcpServerToInput()` to reconstruct
+ * the input from a fetched server, modify the desired field, and pass
+ * the result here.
+ */
+export declare function useUpdateMcpServer(): UseUpdateMcpServerReturn;
+//# sourceMappingURL=useUpdateMcpServer.d.ts.map

package/mcp-server/useUpdateMcpServer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateMcpServer.d.ts","sourceRoot":"","sources":["../../src/mcp-server/useUpdateMcpServer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wDAAwD,CAAC;AACxF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAInD,kDAAkD;AAClD,MAAM,WAAW,wBAAwB;IACvC,qFAAqF;IACrF,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/D,gDAAgD;IAChD,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,iEAAiE;IACjE,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,6BAA6B;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;CACjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,IAAI,wBAAwB,CAyB7D"}

package/mcp-server/useUpdateMcpServer.js

@@ -0,0 +1,35 @@
+"use client";
+import { useCallback, useState } from "react";
+import { useStigmer } from "../hooks";
+import { toError } from "../internal/toError";
+/**
+ * Mutation hook that updates an existing MCP Server resource.
+ *
+ * Wraps `stigmer.mcpServer.update(input)` with loading and error state.
+ * The caller must provide a **complete** `McpServerInput` — the backend
+ * performs full spec replacement. Use `mcpServerToInput()` to reconstruct
+ * the input from a fetched server, modify the desired field, and pass
+ * the result here.
+ */
+export function useUpdateMcpServer() {
+    const stigmer = useStigmer();
+    const [isUpdating, setIsUpdating] = useState(false);
+    const [error, setError] = useState(null);
+    const clearError = useCallback(() => setError(null), []);
+    const update = useCallback(async (input) => {
+        setIsUpdating(true);
+        setError(null);
+        try {
+            return await stigmer.mcpServer.update(input);
+        }
+        catch (err) {
+            setError(toError(err));
+            throw err;
+        }
+        finally {
+            setIsUpdating(false);
+        }
+    }, [stigmer]);
+    return { update, isUpdating, error, clearError };
+}
+//# sourceMappingURL=useUpdateMcpServer.js.map

package/mcp-server/useUpdateMcpServer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateMcpServer.js","sourceRoot":"","sources":["../../src/mcp-server/useUpdateMcpServer.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAc9C;;;;;;;;GAQG;AACH,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzD,MAAM,MAAM,GAAG,WAAW,CACxB,KAAK,EAAE,KAAqB,EAAsB,EAAE;QAClD,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,IAAI,CAAC;YACH,OAAO,MAAM,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACvB,MAAM,GAAG,CAAC;QACZ,CAAC;gBAAS,CAAC;YACT,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACnD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stigmer/react",
-  "version": "0.4.8",
+  "version": "0.5.0",
   "description": "React provider and client hook for the Stigmer platform SDK",
   "license": "Apache-2.0",
   "type": "module",
@@ -35,17 +35,21 @@
     }
   },
   "dependencies": {
-    "@stigmer/theme": "0.4.8",
+    "@stigmer/theme": "0.5.0",
+    "diff": "^8.0.3",
+    "fflate": "^0.8.2",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
+    "sonner": "^2.0.0",
     "streamdown": "^2.5.0",
     "yaml": "^2.8.2"
   },
   "peerDependencies": {
     "@base-ui/react": "^1.0.0",
     "@bufbuild/protobuf": "^2.0.0",
-    "@stigmer/protos": "0.4.8",
-    "@stigmer/sdk": "0.4.8",
+    "@stigmer/protos": "0.5.0",
+    "@stigmer/sdk": "0.5.0",
+    "@tanstack/react-table": "^8.20.0",
     "lucide-react": ">=0.400.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

package/resource-creation/CreationPicker.d.ts

@@ -0,0 +1,60 @@
+import type { ResourceTemplate } from "./templates/types";
+/**
+ * The creation path the user selected on the picker screen.
+ *
+ * - `"scratch"` — start the wizard with empty fields
+ * - `"template"` — start the wizard with template-provided data
+ * - `"import"` — open the import dialog (handled by the consumer)
+ */
+export type CreationPath = {
+    readonly kind: "scratch";
+} | {
+    readonly kind: "template";
+    readonly data: Partial<unknown>;
+} | {
+    readonly kind: "import";
+};
+/** Props for {@link CreationPicker}. */
+export interface CreationPickerProps<TData> {
+    /** Label for the resource type (e.g. "agent", "MCP server"). Used in headings. */
+    readonly resourceLabel: string;
+    /** Available templates for the gallery view. */
+    readonly templates: readonly ResourceTemplate<TData>[];
+    /** Called when the user selects a creation path. */
+    readonly onSelect: (path: CreationPath) => void;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * "Step 0" landing screen for resource creation flows.
+ *
+ * Presents three creation entry points as large option cards:
+ * 1. **Start from scratch** — blank wizard
+ * 2. **Browse templates** — opens the template gallery inline
+ * 3. **Import from file** — triggers the import dialog
+ *
+ * When the user clicks "Browse templates", the picker transitions
+ * to show the `TemplateGallery` inline with a back button. Selecting
+ * a template emits `onSelect({ kind: "template", data })`.
+ *
+ * This component is SDK-first with zero Console dependencies. The
+ * consumer (e.g. `AgentNewPage`) handles routing, the import dialog,
+ * and mounting the wizard.
+ *
+ * @typeParam TData - The wizard data shape (e.g. `AgentWizardData`).
+ *
+ * @example
+ * ```tsx
+ * <CreationPicker
+ *   resourceLabel="agent"
+ *   templates={AGENT_TEMPLATES}
+ *   onSelect={(path) => {
+ *     if (path.kind === "scratch") startWizard();
+ *     if (path.kind === "template") startWizard(path.data);
+ *     if (path.kind === "import") openImportDialog();
+ *   }}
+ * />
+ * ```
+ */
+export declare function CreationPicker<TData>({ resourceLabel, templates, onSelect, className, }: CreationPickerProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreationPicker.d.ts.map

package/resource-creation/CreationPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreationPicker.d.ts","sourceRoot":"","sources":["../../src/resource-creation/CreationPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAO1D;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GACpB;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GAC5B;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CAAE,GAC9D;IAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEhC,wCAAwC;AACxC,MAAM,WAAW,mBAAmB,CAAC,KAAK;IACxC,kFAAkF;IAClF,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,gDAAgD;IAChD,QAAQ,CAAC,SAAS,EAAE,SAAS,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;IACvD,oDAAoD;IACpD,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,EACpC,aAAa,EACb,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,CAAC,KAAK,CAAC,2CAoF5B"}

package/resource-creation/CreationPicker.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { TemplateGallery } from "./TemplateGallery";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+/**
+ * "Step 0" landing screen for resource creation flows.
+ *
+ * Presents three creation entry points as large option cards:
+ * 1. **Start from scratch** — blank wizard
+ * 2. **Browse templates** — opens the template gallery inline
+ * 3. **Import from file** — triggers the import dialog
+ *
+ * When the user clicks "Browse templates", the picker transitions
+ * to show the `TemplateGallery` inline with a back button. Selecting
+ * a template emits `onSelect({ kind: "template", data })`.
+ *
+ * This component is SDK-first with zero Console dependencies. The
+ * consumer (e.g. `AgentNewPage`) handles routing, the import dialog,
+ * and mounting the wizard.
+ *
+ * @typeParam TData - The wizard data shape (e.g. `AgentWizardData`).
+ *
+ * @example
+ * ```tsx
+ * <CreationPicker
+ *   resourceLabel="agent"
+ *   templates={AGENT_TEMPLATES}
+ *   onSelect={(path) => {
+ *     if (path.kind === "scratch") startWizard();
+ *     if (path.kind === "template") startWizard(path.data);
+ *     if (path.kind === "import") openImportDialog();
+ *   }}
+ * />
+ * ```
+ */
+export function CreationPicker({ resourceLabel, templates, onSelect, className, }) {
+    const [view, setView] = useState("options");
+    const handleTemplateSelect = useCallback((template) => {
+        onSelect({ kind: "template", data: template.data });
+    }, [onSelect]);
+    const handleBackToOptions = useCallback(() => {
+        setView("options");
+    }, []);
+    if (view === "gallery") {
+        return (_jsxs("div", { className: cn("flex flex-col gap-4", className), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "button", onClick: handleBackToOptions, "aria-label": "Back to creation options", className: cn("inline-flex items-center justify-center rounded-md p-1.5", "text-muted-foreground transition-colors", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: _jsx(BackArrowIcon, {}) }), _jsx("h2", { className: "text-base font-semibold text-foreground", children: "Choose a template" })] }), _jsx(TemplateGallery, { templates: templates, onSelect: handleTemplateSelect })] }));
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-6", className), children: [_jsxs("div", { children: [_jsxs("h2", { className: "text-lg font-semibold text-foreground", children: ["Create a new ", resourceLabel] }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Choose how you'd like to get started." })] }), _jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: [_jsx(OptionCard, { title: "Start from scratch", description: `Create a blank ${resourceLabel} and configure it step by step.`, icon: _jsx(BlankPageIcon, {}), onClick: () => onSelect({ kind: "scratch" }) }), templates.length > 0 && (_jsx(OptionCard, { title: "Browse templates", description: `Start with a pre-built ${resourceLabel} configuration.`, icon: _jsx(GridIcon, {}), onClick: () => setView("gallery"), badge: `${templates.length} available` })), _jsx(OptionCard, { title: "Import from file", description: "Upload a YAML or JSON configuration file.", icon: _jsx(UploadIcon, {}), onClick: () => onSelect({ kind: "import" }) })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Internal components
+// ---------------------------------------------------------------------------
+function OptionCard({ title, description, icon, onClick, badge, }) {
+    return (_jsxs("button", { type: "button", onClick: onClick, className: cn("group flex flex-col items-center gap-3 rounded-lg border border-border bg-card p-6 text-center", "transition-colors hover:border-primary hover:bg-accent", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: [_jsx("span", { className: "text-muted-foreground transition-colors group-hover:text-foreground", children: icon }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: title }), _jsx("span", { className: "text-xs text-muted-foreground", children: description })] }), badge && (_jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: badge }))] }));
+}
+// ---------------------------------------------------------------------------
+// Icons (inline SVGs — no external dependency)
+// ---------------------------------------------------------------------------
+function BlankPageIcon() {
+    return (_jsxs("svg", { className: "size-8", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }), _jsx("polyline", { points: "14 2 14 8 20 8" })] }));
+}
+function GridIcon() {
+    return (_jsxs("svg", { className: "size-8", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { width: "7", height: "7", x: "3", y: "3", rx: "1" }), _jsx("rect", { width: "7", height: "7", x: "14", y: "3", rx: "1" }), _jsx("rect", { width: "7", height: "7", x: "14", y: "14", rx: "1" }), _jsx("rect", { width: "7", height: "7", x: "3", y: "14", rx: "1" })] }));
+}
+function UploadIcon() {
+    return (_jsxs("svg", { className: "size-8", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx("polyline", { points: "17 8 12 3 7 8" }), _jsx("line", { x1: "12", x2: "12", y1: "3", y2: "15" })] }));
+}
+function BackArrowIcon() {
+    return (_jsxs("svg", { className: "size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "m12 19-7-7 7-7" }), _jsx("path", { d: "M19 12H5" })] }));
+}
+//# sourceMappingURL=CreationPicker.js.map

package/resource-creation/CreationPicker.js.map

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

package/resource-creation/StepIndicator.d.ts

@@ -0,0 +1,28 @@
+/** Props for {@link StepIndicator}. */
+export interface StepIndicatorProps {
+    /** Step definitions to render (only `id` and `label` are used for rendering). */
+    readonly steps: readonly {
+        readonly id: string;
+        readonly label: string;
+    }[];
+    /** Zero-based index of the currently active step. */
+    readonly currentStepIndex: number;
+    /** Called when a completed step is clicked (backward navigation). */
+    readonly onStepClick?: (index: number) => void;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Vertical step progress indicator for multi-step wizards.
+ *
+ * Renders each step as a numbered circle with label. Steps are
+ * color-coded by state: completed (filled), active (ring), pending
+ * (muted). Completed steps are clickable for backward navigation.
+ *
+ * Responsive: collapses to a compact horizontal layout on narrow
+ * viewports via CSS container queries.
+ *
+ * Uses `--stgm-*` tokens exclusively. Zero Console dependencies.
+ */
+export declare function StepIndicator({ steps, currentStepIndex, onStepClick, className, }: StepIndicatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepIndicator.d.ts.map

package/resource-creation/StepIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.d.ts","sourceRoot":"","sources":["../../src/resource-creation/StepIndicator.tsx"],"names":[],"mappings":"AAIA,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IACjC,iFAAiF;IACjF,QAAQ,CAAC,KAAK,EAAE,SAAS;QAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3E,qDAAqD;IACrD,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClC,qEAAqE;IACrE,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,SAAS,GACV,EAAE,kBAAkB,2CA+DpB"}

package/resource-creation/StepIndicator.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+/**
+ * Vertical step progress indicator for multi-step wizards.
+ *
+ * Renders each step as a numbered circle with label. Steps are
+ * color-coded by state: completed (filled), active (ring), pending
+ * (muted). Completed steps are clickable for backward navigation.
+ *
+ * Responsive: collapses to a compact horizontal layout on narrow
+ * viewports via CSS container queries.
+ *
+ * Uses `--stgm-*` tokens exclusively. Zero Console dependencies.
+ */
+export function StepIndicator({ steps, currentStepIndex, onStepClick, className, }) {
+    return (_jsx("nav", { "aria-label": "Wizard progress", className: cn("flex flex-col gap-1", className), children: _jsx("ol", { className: "flex flex-col gap-1", role: "list", children: steps.map((step, index) => {
+                const state = getStepState(index, currentStepIndex);
+                const isClickable = state === "completed" && onStepClick != null;
+                const content = (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(StepCircle, { index: index, state: state }), _jsx("span", { className: cn("text-sm font-medium transition-colors", state === "active" && "text-foreground", state === "completed" && "text-foreground", state === "pending" && "text-muted-foreground"), children: step.label })] }));
+                return (_jsxs("li", { children: [isClickable ? (_jsx("button", { type: "button", onClick: () => onStepClick(index), className: cn("w-full rounded-md px-2 py-2 text-left transition-colors", "hover:bg-accent-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"), "aria-label": `Go back to step ${index + 1}: ${step.label}`, "aria-current": undefined, children: content })) : (_jsx("div", { className: "px-2 py-2", "aria-current": state === "active" ? "step" : undefined, children: content })), index < steps.length - 1 && (_jsx("div", { className: "ml-[18px] h-4 w-px bg-border", "aria-hidden": "true" }))] }, step.id));
+            }) }) }));
+}
+function getStepState(index, currentIndex) {
+    if (index < currentIndex)
+        return "completed";
+    if (index === currentIndex)
+        return "active";
+    return "pending";
+}
+function StepCircle({ index, state, }) {
+    return (_jsx("div", { className: cn("flex size-7 shrink-0 items-center justify-center rounded-full text-xs font-medium transition-colors", state === "completed" && "bg-primary text-primary-foreground", state === "active" && "border-2 border-primary text-primary", state === "pending" && "border border-border text-muted-foreground"), "aria-hidden": "true", children: state === "completed" ? (_jsx(CheckIcon, { className: "size-3.5" })) : (_jsx("span", { children: index + 1 })) }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function CheckIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m3 8.5 3.5 3.5 6.5-8" }) }));
+}
+//# sourceMappingURL=StepIndicator.js.map

package/resource-creation/StepIndicator.js.map

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

package/resource-creation/TemplateCard.d.ts

@@ -0,0 +1,24 @@
+import type { ResourceTemplate } from "./templates/types";
+/** Props for {@link TemplateCard}. */
+export interface TemplateCardProps<TData> {
+    /** The template to display. */
+    readonly template: ResourceTemplate<TData>;
+    /** Called when the card is selected (click or Enter). */
+    readonly onSelect: (template: ResourceTemplate<TData>) => void;
+    /** Additional CSS classes for the card container. */
+    readonly className?: string;
+}
+/**
+ * A clickable card that displays a resource template's metadata.
+ *
+ * Renders the template's name, description, and category badge.
+ * Displays a colored initial avatar derived from the template name.
+ *
+ * Fully keyboard-accessible: focusable, activates on Enter/Space.
+ * Uses `--stgm-*` tokens for all structural styling; category badge
+ * colors use Tailwind's semantic palette with opacity for dark mode.
+ *
+ * @typeParam TData - The wizard data shape this template targets.
+ */
+export declare function TemplateCard<TData>({ template, onSelect, className, }: TemplateCardProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TemplateCard.d.ts.map

package/resource-creation/TemplateCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateCard.d.ts","sourceRoot":"","sources":["../../src/resource-creation/TemplateCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAoB,MAAM,mBAAmB,CAAC;AAO5E,sCAAsC;AACtC,MAAM,WAAW,iBAAiB,CAAC,KAAK;IACtC,+BAA+B;IAC/B,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC3C,yDAAyD;IACzD,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAC/D,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AA0CD;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,EAClC,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAiE1B"}

package/resource-creation/TemplateCard.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { cn } from "@stigmer/theme";
+import { TEMPLATE_CATEGORY_LABELS } from "./templates/types";
+// ---------------------------------------------------------------------------
+// Category badge colors
+// ---------------------------------------------------------------------------
+const CATEGORY_COLORS = {
+    "customer-support": "bg-blue-500/10 text-blue-700 dark:text-blue-400",
+    "code-review": "bg-violet-500/10 text-violet-700 dark:text-violet-400",
+    "data-analysis": "bg-amber-500/10 text-amber-700 dark:text-amber-400",
+    devops: "bg-emerald-500/10 text-emerald-700 dark:text-emerald-400",
+    content: "bg-pink-500/10 text-pink-700 dark:text-pink-400",
+    integration: "bg-cyan-500/10 text-cyan-700 dark:text-cyan-400",
+    general: "bg-muted text-muted-foreground",
+};
+// ---------------------------------------------------------------------------
+// Initial avatar colors (deterministic from template id)
+// ---------------------------------------------------------------------------
+const AVATAR_COLORS = [
+    "bg-blue-500/15 text-blue-700 dark:text-blue-400",
+    "bg-violet-500/15 text-violet-700 dark:text-violet-400",
+    "bg-emerald-500/15 text-emerald-700 dark:text-emerald-400",
+    "bg-amber-500/15 text-amber-700 dark:text-amber-400",
+    "bg-pink-500/15 text-pink-700 dark:text-pink-400",
+    "bg-cyan-500/15 text-cyan-700 dark:text-cyan-400",
+    "bg-rose-500/15 text-rose-700 dark:text-rose-400",
+];
+function hashCode(str) {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+        hash = ((hash << 5) - hash + str.charCodeAt(i)) | 0;
+    }
+    return Math.abs(hash);
+}
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+/**
+ * A clickable card that displays a resource template's metadata.
+ *
+ * Renders the template's name, description, and category badge.
+ * Displays a colored initial avatar derived from the template name.
+ *
+ * Fully keyboard-accessible: focusable, activates on Enter/Space.
+ * Uses `--stgm-*` tokens for all structural styling; category badge
+ * colors use Tailwind's semantic palette with opacity for dark mode.
+ *
+ * @typeParam TData - The wizard data shape this template targets.
+ */
+export function TemplateCard({ template, onSelect, className, }) {
+    const handleClick = useCallback(() => {
+        onSelect(template);
+    }, [onSelect, template]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onSelect(template);
+        }
+    }, [onSelect, template]);
+    const colorIndex = hashCode(template.id) % AVATAR_COLORS.length;
+    const avatarColor = AVATAR_COLORS[colorIndex];
+    const initial = template.name.charAt(0).toUpperCase();
+    const categoryLabel = TEMPLATE_CATEGORY_LABELS[template.category] ?? template.category;
+    return (_jsxs("div", { role: "button", tabIndex: 0, onClick: handleClick, onKeyDown: handleKeyDown, "aria-label": `Use ${template.name} template`, className: cn("group flex cursor-pointer flex-col gap-3 rounded-lg border border-border bg-card p-4", "transition-colors hover:border-primary hover:bg-accent", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className), children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: cn("inline-flex size-9 shrink-0 items-center justify-center rounded-md text-sm font-semibold", avatarColor), "aria-hidden": "true", children: initial }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: template.name }), _jsx("span", { className: cn("mt-1 inline-block rounded-full px-2 py-0.5 text-[10px] font-medium", CATEGORY_COLORS[template.category] ?? CATEGORY_COLORS.general), children: categoryLabel })] })] }), _jsx("p", { className: "line-clamp-2 text-xs leading-relaxed text-muted-foreground", children: template.description })] }));
+}
+//# sourceMappingURL=TemplateCard.js.map

package/resource-creation/TemplateCard.js.map

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

package/resource-creation/TemplateGallery.d.ts

@@ -0,0 +1,43 @@
+import { type ReactNode } from "react";
+import type { ResourceTemplate } from "./templates/types";
+/** Props for {@link TemplateGallery}. */
+export interface TemplateGalleryProps<TData> {
+    /** Templates to display in the gallery. */
+    readonly templates: readonly ResourceTemplate<TData>[];
+    /** Called when the user selects a template. */
+    readonly onSelect: (template: ResourceTemplate<TData>) => void;
+    /**
+     * Content to render when no templates match the search/filter.
+     * Falls back to a built-in empty message if not provided.
+     */
+    readonly emptyContent?: ReactNode;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * A searchable, filterable gallery of resource templates.
+ *
+ * Renders category tabs, a search input, and a responsive card grid.
+ * Uses the headless `useTemplateFilter` hook for state — platform
+ * builders who want custom rendering can use the hook directly.
+ *
+ * Keyboard navigation:
+ * - Tab moves focus between the search input, category tabs, and cards
+ * - Arrow keys (Left/Right) navigate between category tabs
+ * - Enter/Space activates the focused tab or card
+ *
+ * All structural styling via `--stgm-*` tokens. Zero Console or
+ * framework dependencies.
+ *
+ * @typeParam TData - The wizard data shape (e.g. `AgentWizardData`).
+ *
+ * @example
+ * ```tsx
+ * <TemplateGallery
+ *   templates={AGENT_TEMPLATES}
+ *   onSelect={(template) => startWizardWithTemplate(template)}
+ * />
+ * ```
+ */
+export declare function TemplateGallery<TData>({ templates, onSelect, emptyContent, className, }: TemplateGalleryProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TemplateGallery.d.ts.map

package/resource-creation/TemplateGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateGallery.d.ts","sourceRoot":"","sources":["../../src/resource-creation/TemplateGallery.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAoB,MAAM,mBAAmB,CAAC;AAS5E,yCAAyC;AACzC,MAAM,WAAW,oBAAoB,CAAC,KAAK;IACzC,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,EAAE,SAAS,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;IACvD,+CAA+C;IAC/C,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAMD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,EACrC,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,oBAAoB,CAAC,KAAK,CAAC,2CA2G7B"}

package/resource-creation/TemplateGallery.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef } from "react";
+import { cn } from "@stigmer/theme";
+import { TEMPLATE_CATEGORY_LABELS } from "./templates/types";
+import { useTemplateFilter } from "./useTemplateFilter";
+import { TemplateCard } from "./TemplateCard";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+/**
+ * A searchable, filterable gallery of resource templates.
+ *
+ * Renders category tabs, a search input, and a responsive card grid.
+ * Uses the headless `useTemplateFilter` hook for state — platform
+ * builders who want custom rendering can use the hook directly.
+ *
+ * Keyboard navigation:
+ * - Tab moves focus between the search input, category tabs, and cards
+ * - Arrow keys (Left/Right) navigate between category tabs
+ * - Enter/Space activates the focused tab or card
+ *
+ * All structural styling via `--stgm-*` tokens. Zero Console or
+ * framework dependencies.
+ *
+ * @typeParam TData - The wizard data shape (e.g. `AgentWizardData`).
+ *
+ * @example
+ * ```tsx
+ * <TemplateGallery
+ *   templates={AGENT_TEMPLATES}
+ *   onSelect={(template) => startWizardWithTemplate(template)}
+ * />
+ * ```
+ */
+export function TemplateGallery({ templates, onSelect, emptyContent, className, }) {
+    const { filtered, query, setQuery, activeCategory, setActiveCategory, availableCategories, } = useTemplateFilter({ templates });
+    const tabListRef = useRef(null);
+    const handleTabKeyDown = useCallback((e) => {
+        const tabs = tabListRef.current?.querySelectorAll('[role="tab"]');
+        if (!tabs?.length)
+            return;
+        const currentIndex = Array.from(tabs).findIndex((t) => t === document.activeElement);
+        if (currentIndex === -1)
+            return;
+        let nextIndex = null;
+        if (e.key === "ArrowRight") {
+            nextIndex = (currentIndex + 1) % tabs.length;
+        }
+        else if (e.key === "ArrowLeft") {
+            nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;
+        }
+        else if (e.key === "Home") {
+            nextIndex = 0;
+        }
+        else if (e.key === "End") {
+            nextIndex = tabs.length - 1;
+        }
+        if (nextIndex !== null) {
+            e.preventDefault();
+            tabs[nextIndex].focus();
+            tabs[nextIndex].click();
+        }
+    }, []);
+    return (_jsxs("div", { className: cn("flex flex-col gap-4", className), children: [_jsxs("div", { className: "relative", children: [_jsx(SearchIcon, {}), _jsx("input", { type: "search", value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Search templates\u2026", "aria-label": "Search templates", className: cn("w-full rounded-md border border-input bg-input-bg py-2 pl-9 pr-3 text-sm text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring") })] }), availableCategories.length > 1 && (_jsxs("div", { ref: tabListRef, role: "tablist", "aria-label": "Template categories", onKeyDown: handleTabKeyDown, className: "flex flex-wrap gap-1", children: [_jsx(CategoryTab, { label: "All", isActive: activeCategory === null, onClick: () => setActiveCategory(null) }), availableCategories.map((cat) => (_jsx(CategoryTab, { label: TEMPLATE_CATEGORY_LABELS[cat] ?? cat, isActive: activeCategory === cat, onClick: () => setActiveCategory(cat) }, cat)))] })), filtered.length > 0 ? (_jsx("div", { role: "list", "aria-label": "Templates", className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3", children: filtered.map((template) => (_jsx("div", { role: "listitem", children: _jsx(TemplateCard, { template: template, onSelect: onSelect }) }, template.id))) })) : ((emptyContent ?? (_jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: "No templates match your search." }))))] }));
+}
+// ---------------------------------------------------------------------------
+// Internal components
+// ---------------------------------------------------------------------------
+function CategoryTab({ label, isActive, onClick, }) {
+    return (_jsx("button", { type: "button", role: "tab", "aria-selected": isActive, tabIndex: isActive ? 0 : -1, onClick: onClick, className: cn("rounded-md px-2.5 py-1 text-xs font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", isActive
+            ? "bg-primary text-primary-foreground"
+            : "bg-muted text-muted-foreground hover:bg-accent hover:text-accent-foreground"), children: label }));
+}
+function SearchIcon() {
+    return (_jsxs("svg", { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: 11, cy: 11, r: 8 }), _jsx("path", { d: "m21 21-4.3-4.3" })] }));
+}
+//# sourceMappingURL=TemplateGallery.js.map

package/resource-creation/TemplateGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateGallery.js","sourceRoot":"","sources":["../../src/resource-creation/TemplateGallery.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEpC,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAqB9C,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,eAAe,CAAQ,EACrC,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,SAAS,GACmB;IAC5B,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,mBAAmB,GACpB,GAAG,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IAErC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAsB,EAAE,EAAE;QAC9D,MAAM,IAAI,GACR,UAAU,CAAC,OAAO,EAAE,gBAAgB,CAAoB,cAAc,CAAC,CAAC;QAC1E,IAAI,CAAC,IAAI,EAAE,MAAM;YAAE,OAAO;QAE1B,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,aAAa,CACpC,CAAC;QACF,IAAI,YAAY,KAAK,CAAC,CAAC;YAAE,OAAO;QAEhC,IAAI,SAAS,GAAkB,IAAI,CAAC;QAEpC,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;YAC3B,SAAS,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;QAC/C,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YACjC,SAAS,GAAG,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;QAC7D,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC;YAC5B,SAAS,GAAG,CAAC,CAAC;QAChB,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAC3B,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;YACvB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAE,CAAC,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,CAAE,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAElD,eAAK,SAAS,EAAC,UAAU,aACvB,KAAC,UAAU,KAAG,EACd,gBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAC,wBAAmB,gBACpB,kBAAkB,EAC7B,SAAS,EAAE,EAAE,CACX,0FAA0F,EAC1F,mCAAmC,EACnC,yEAAyE,CAC1E,GACD,IACE,EAGL,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,CACjC,eACE,GAAG,EAAE,UAAU,EACf,IAAI,EAAC,SAAS,gBACH,qBAAqB,EAChC,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAC,sBAAsB,aAEhC,KAAC,WAAW,IACV,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,cAAc,KAAK,IAAI,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,GACtC,EACD,mBAAmB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,WAAW,IAEV,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,IAAI,GAAG,EAC3C,QAAQ,EAAE,cAAc,KAAK,GAAG,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAHhC,GAAG,CAIR,CACH,CAAC,IACE,CACP,EAGA,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrB,cACE,IAAI,EAAC,MAAM,gBACA,WAAW,EACtB,SAAS,EAAC,sDAAsD,YAE/D,QAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC1B,cAAuB,IAAI,EAAC,UAAU,YACpC,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,IADhD,QAAQ,CAAC,EAAE,CAEf,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,CACF,CAAC,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,gDAAgD,gDAEzD,CACP,CAAC,CACH,IACG,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,sBAAsB;AACtB,8EAA8E;AAE9E,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,OAAO,GAKR;IACC,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,yEAAyE,EACzE,QAAQ;YACN,CAAC,CAAC,oCAAoC;YACtC,CAAC,CAAC,6EAA6E,CAClF,YAEA,KAAK,GACC,CACV,CAAC;AACJ,CAAC;AAED,SAAS,UAAU;IACjB,OAAO,CACL,eACE,SAAS,EAAC,2FAA2F,EACrG,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,iBAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAI,EAChC,eAAM,CAAC,EAAC,gBAAgB,GAAG,IACvB,CACP,CAAC;AACJ,CAAC"}

package/resource-creation/WizardNav.d.ts

@@ -0,0 +1,31 @@
+/** Props for {@link WizardNav}. */
+export interface WizardNavProps {
+    /** Whether the Back button should be displayed. */
+    readonly showBack: boolean;
+    /** Label for the primary action button. */
+    readonly nextLabel: string;
+    /** Whether the primary action is disabled. */
+    readonly nextDisabled?: boolean;
+    /** Whether the primary action is in a loading state. */
+    readonly isSubmitting?: boolean;
+    /** Called when Back is clicked. */
+    readonly onBack: () => void;
+    /** Called when Next/Submit is clicked. */
+    readonly onNext: () => void;
+    /** Called when Cancel is clicked. */
+    readonly onCancel?: () => void;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Navigation footer for the wizard shell.
+ *
+ * Renders Back / Next|Submit buttons in a standardized layout.
+ * The primary (right-side) button adapts its label and loading
+ * state based on whether it's the final step.
+ *
+ * Keyboard: Enter triggers the primary action when focused within
+ * the wizard content (not within text areas or other multi-line inputs).
+ */
+export declare function WizardNav({ showBack, nextLabel, nextDisabled, isSubmitting, onBack, onNext, onCancel, className, }: WizardNavProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WizardNav.d.ts.map

package/resource-creation/WizardNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardNav.d.ts","sourceRoot":"","sources":["../../src/resource-creation/WizardNav.tsx"],"names":[],"mappings":"AAIA,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,8CAA8C;IAC9C,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,mCAAmC;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,0CAA0C;IAC1C,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,qCAAqC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,cAAc,2CA+DhB"}