@dainamite/cpq 0.2.2

package/dist/modules/cpq/backend/cpq/wizards/[definitionCode]/detail/page.js

@@ -0,0 +1,204 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+async function apiJson(url) {
+  const res = await fetch(url);
+  if (!res.ok) throw new Error(`API error ${res.status}`);
+  return res.json();
+}
+function Badge({ children, variant = "default" }) {
+  const tagVariant = variant === "success" ? "success" : variant === "muted" ? "neutral" : "info";
+  return /* @__PURE__ */ jsx(Tag, { variant: tagVariant, children });
+}
+function Section({ title, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: title }),
+    children
+  ] });
+}
+function KV({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "text-sm", children })
+  ] });
+}
+function JsonBlock({ data }) {
+  if (data == null) return /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "none" });
+  return /* @__PURE__ */ jsx("pre", { className: "rounded-md bg-muted/50 p-3 text-xs overflow-x-auto max-h-48", children: JSON.stringify(data, null, 2) });
+}
+function TransitionRow({ t, index }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 text-xs", children: [
+    /* @__PURE__ */ jsxs("span", { className: "font-mono text-muted-foreground w-4 shrink-0", children: [
+      index + 1,
+      "."
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+          "-> ",
+          t.targetStepId
+        ] }),
+        t.isDefault && /* @__PURE__ */ jsx(Badge, { variant: "muted", children: "default" }),
+        t.label && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          "(",
+          t.label,
+          ")"
+        ] })
+      ] }),
+      t.condition && /* @__PURE__ */ jsxs("div", { className: "font-mono text-muted-foreground", children: [
+        "when ",
+        t.condition.field,
+        " ",
+        t.condition.operator,
+        t.condition.value !== void 0 ? ` ${JSON.stringify(t.condition.value)}` : ""
+      ] })
+    ] })
+  ] });
+}
+function StepCard({ step, index }) {
+  const [open, setOpen] = React.useState(false);
+  const configKeys = Object.keys(step.config);
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((v) => !v),
+        className: "w-full flex items-center gap-3 px-4 py-3 text-left hover:bg-muted/30 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center rounded-full bg-primary/10 text-primary text-xs font-bold w-7 h-7 shrink-0", children: index + 1 }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: step.title }),
+              /* @__PURE__ */ jsx(Badge, { children: step.type }),
+              step.isOptional && /* @__PURE__ */ jsx(Badge, { variant: "muted", children: "optional" })
+            ] }),
+            step.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: step.description })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground shrink-0", children: open ? "\u25B2" : "\u25BC" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "border-t px-4 py-3 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx(KV, { label: "Step ID", children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: step.stepId }) }),
+        /* @__PURE__ */ jsx(KV, { label: "Type", children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: step.type }) })
+      ] }),
+      configKeys.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Config" }),
+        /* @__PURE__ */ jsx(JsonBlock, { data: step.config })
+      ] }),
+      step.transitions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground", children: [
+          "Transitions (",
+          step.transitions.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: step.transitions.map((t, i) => /* @__PURE__ */ jsx(TransitionRow, { t, index: i }, `${t.targetStepId}-${i}`)) })
+      ] }),
+      step.transitions.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "No transitions (terminal step)" }),
+      step.validationRules && step.validationRules.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Validation Rules" }),
+        /* @__PURE__ */ jsx(JsonBlock, { data: step.validationRules })
+      ] })
+    ] })
+  ] });
+}
+function ApplicabilityPanel({ applicability }) {
+  if (!applicability) {
+    return /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "No applicability constraints" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+    applicability.priority != null && /* @__PURE__ */ jsx(KV, { label: "Priority", children: applicability.priority }),
+    applicability.specCodes?.length ? /* @__PURE__ */ jsx(KV, { label: "Spec Codes", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: applicability.specCodes.map((c) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs rounded bg-muted px-1.5 py-0.5", children: c }, c)) }) }) : null,
+    applicability.offeringCodes?.length ? /* @__PURE__ */ jsx(KV, { label: "Offering Codes", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: applicability.offeringCodes.map((c) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs rounded bg-muted px-1.5 py-0.5", children: c }, c)) }) }) : null,
+    applicability.customerSegments?.length ? /* @__PURE__ */ jsx(KV, { label: "Customer Segments", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: applicability.customerSegments.map((c) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs rounded bg-muted px-1.5 py-0.5", children: c }, c)) }) }) : null
+  ] });
+}
+function CpqWizardDetailPage({ params }) {
+  const router = useRouter();
+  const definitionCode = params.definitionCode;
+  const [definition, setDefinition] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    async function load() {
+      if (!definitionCode) return;
+      setLoading(true);
+      setError(null);
+      try {
+        const def = await apiJson(
+          `/api/cpq/wizards?code=${encodeURIComponent(definitionCode)}`
+        );
+        setDefinition(def);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to load wizard");
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [definitionCode]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading..." });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: error }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => router.push("/backend/cpq/wizards"), className: "text-sm text-muted-foreground hover:text-foreground", children: "\u2190 Back to Wizards" })
+    ] });
+  }
+  if (!definition) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "Wizard not found." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6 max-w-[900px] mx-auto", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => router.push("/backend/cpq/wizards"),
+        className: "text-sm text-muted-foreground hover:text-foreground",
+        children: "\u2190 All Wizards"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: definition.name }),
+        definition.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: definition.description })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+        RowActions,
+        {
+          items: [
+            {
+              id: "preview",
+              label: "Preview",
+              onSelect: () => router.push(`/backend/cpq/wizards/${definitionCode}`)
+            }
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(Section, { title: "General", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border p-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4", children: [
+      /* @__PURE__ */ jsx(KV, { label: "Code", children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: definition.code }) }),
+      /* @__PURE__ */ jsxs(KV, { label: "Version", children: [
+        "v",
+        definition.version
+      ] }),
+      /* @__PURE__ */ jsx(KV, { label: "Surface", children: definition.surface }),
+      /* @__PURE__ */ jsx(KV, { label: "Active", children: /* @__PURE__ */ jsx(Badge, { variant: definition.isActive ? "success" : "muted", children: definition.isActive ? "Yes" : "No" }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(Section, { title: "Applicability", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border p-4", children: /* @__PURE__ */ jsx(ApplicabilityPanel, { applicability: definition.applicability }) }) }),
+    definition.paramsSchema && Object.keys(definition.paramsSchema).length > 0 && /* @__PURE__ */ jsx(Section, { title: "Parameters Schema", children: /* @__PURE__ */ jsx(JsonBlock, { data: definition.paramsSchema }) }),
+    /* @__PURE__ */ jsx(Section, { title: `Steps (${definition.steps.length})`, children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: definition.steps.map((step, i) => /* @__PURE__ */ jsx(StepCard, { step, index: i }, step.stepId)) }) }),
+    definition.metadata && Object.keys(definition.metadata).length > 0 && /* @__PURE__ */ jsx(Section, { title: "Metadata", children: /* @__PURE__ */ jsx(JsonBlock, { data: definition.metadata }) })
+  ] });
+}
+export {
+  CpqWizardDetailPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/cpq/backend/cpq/wizards/[definitionCode]/detail/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/cpq/backend/cpq/wizards/%5BdefinitionCode%5D/detail/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport type {\n  WizardDefinitionResult,\n  WizardStepDefinition,\n  WizardTransition,\n  WizardApplicability,\n} from '../../../../../workflows/types'\n\nasync function apiJson<T>(url: string): Promise<T> {\n  const res = await fetch(url)\n  if (!res.ok) throw new Error(`API error ${res.status}`)\n  return res.json() as Promise<T>\n}\n\n// \u2500\u2500\u2500 Sub-components \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction Badge({ children, variant = 'default' }: { children: React.ReactNode; variant?: 'default' | 'success' | 'muted' }) {\n  const tagVariant = variant === 'success' ? 'success' : variant === 'muted' ? 'neutral' : 'info'\n  return <Tag variant={tagVariant}>{children}</Tag>\n}\n\nfunction Section({ title, children }: { title: string; children: React.ReactNode }) {\n  return (\n    <div className=\"space-y-3\">\n      <h2 className=\"text-base font-semibold\">{title}</h2>\n      {children}\n    </div>\n  )\n}\n\nfunction KV({ label, children }: { label: string; children: React.ReactNode }) {\n  return (\n    <div className=\"flex flex-col gap-0.5\">\n      <span className=\"text-xs font-medium text-muted-foreground\">{label}</span>\n      <span className=\"text-sm\">{children}</span>\n    </div>\n  )\n}\n\nfunction JsonBlock({ data }: { data: unknown }) {\n  if (data == null) return <span className=\"text-xs text-muted-foreground\">none</span>\n  return (\n    <pre className=\"rounded-md bg-muted/50 p-3 text-xs overflow-x-auto max-h-48\">\n      {JSON.stringify(data, null, 2)}\n    </pre>\n  )\n}\n\nfunction TransitionRow({ t, index }: { t: WizardTransition; index: number }) {\n  return (\n    <div className=\"flex items-start gap-3 text-xs\">\n      <span className=\"font-mono text-muted-foreground w-4 shrink-0\">{index + 1}.</span>\n      <div className=\"space-y-0.5\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"font-medium\">-&gt; {t.targetStepId}</span>\n          {t.isDefault && <Badge variant=\"muted\">default</Badge>}\n          {t.label && <span className=\"text-muted-foreground\">({t.label})</span>}\n        </div>\n        {t.condition && (\n          <div className=\"font-mono text-muted-foreground\">\n            when {t.condition.field} {t.condition.operator}\n            {t.condition.value !== undefined ? ` ${JSON.stringify(t.condition.value)}` : ''}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nfunction StepCard({ step, index }: { step: WizardStepDefinition; index: number }) {\n  const [open, setOpen] = React.useState(false)\n  const configKeys = Object.keys(step.config)\n\n  return (\n    <div className=\"rounded-lg border\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        className=\"w-full flex items-center gap-3 px-4 py-3 text-left hover:bg-muted/30 transition-colors\"\n      >\n        <span className=\"flex items-center justify-center rounded-full bg-primary/10 text-primary text-xs font-bold w-7 h-7 shrink-0\">\n          {index + 1}\n        </span>\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm font-medium truncate\">{step.title}</span>\n            <Badge>{step.type}</Badge>\n            {step.isOptional && <Badge variant=\"muted\">optional</Badge>}\n          </div>\n          {step.description && (\n            <p className=\"text-xs text-muted-foreground truncate mt-0.5\">{step.description}</p>\n          )}\n        </div>\n        <span className=\"text-xs text-muted-foreground shrink-0\">{open ? '\\u25B2' : '\\u25BC'}</span>\n      </button>\n\n      {open && (\n        <div className=\"border-t px-4 py-3 space-y-4\">\n          <div className=\"grid grid-cols-2 gap-4\">\n            <KV label=\"Step ID\"><span className=\"font-mono text-xs\">{step.stepId}</span></KV>\n            <KV label=\"Type\"><span className=\"font-mono text-xs\">{step.type}</span></KV>\n          </div>\n\n          {configKeys.length > 0 && (\n            <div className=\"space-y-1\">\n              <span className=\"text-xs font-medium text-muted-foreground\">Config</span>\n              <JsonBlock data={step.config} />\n            </div>\n          )}\n\n          {step.transitions.length > 0 && (\n            <div className=\"space-y-2\">\n              <span className=\"text-xs font-medium text-muted-foreground\">\n                Transitions ({step.transitions.length})\n              </span>\n              <div className=\"space-y-1.5\">\n                {step.transitions.map((t, i) => (\n                  <TransitionRow key={`${t.targetStepId}-${i}`} t={t} index={i} />\n                ))}\n              </div>\n            </div>\n          )}\n\n          {step.transitions.length === 0 && (\n            <div className=\"text-xs text-muted-foreground\">No transitions (terminal step)</div>\n          )}\n\n          {step.validationRules && step.validationRules.length > 0 && (\n            <div className=\"space-y-1\">\n              <span className=\"text-xs font-medium text-muted-foreground\">Validation Rules</span>\n              <JsonBlock data={step.validationRules} />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction ApplicabilityPanel({ applicability }: { applicability: WizardApplicability | null }) {\n  if (!applicability) {\n    return <span className=\"text-sm text-muted-foreground\">No applicability constraints</span>\n  }\n  return (\n    <div className=\"grid grid-cols-2 gap-4\">\n      {applicability.priority != null && (\n        <KV label=\"Priority\">{applicability.priority}</KV>\n      )}\n      {applicability.specCodes?.length ? (\n        <KV label=\"Spec Codes\">\n          <div className=\"flex flex-wrap gap-1\">\n            {applicability.specCodes.map((c) => (\n              <span key={c} className=\"font-mono text-xs rounded bg-muted px-1.5 py-0.5\">{c}</span>\n            ))}\n          </div>\n        </KV>\n      ) : null}\n      {applicability.offeringCodes?.length ? (\n        <KV label=\"Offering Codes\">\n          <div className=\"flex flex-wrap gap-1\">\n            {applicability.offeringCodes.map((c) => (\n              <span key={c} className=\"font-mono text-xs rounded bg-muted px-1.5 py-0.5\">{c}</span>\n            ))}\n          </div>\n        </KV>\n      ) : null}\n      {applicability.customerSegments?.length ? (\n        <KV label=\"Customer Segments\">\n          <div className=\"flex flex-wrap gap-1\">\n            {applicability.customerSegments.map((c) => (\n              <span key={c} className=\"font-mono text-xs rounded bg-muted px-1.5 py-0.5\">{c}</span>\n            ))}\n          </div>\n        </KV>\n      ) : null}\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Main Page \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport default function CpqWizardDetailPage({ params }: { params: Record<string, string | string[]> }) {\n  const router = useRouter()\n  const definitionCode = params.definitionCode as string\n\n  const [definition, setDefinition] = React.useState<WizardDefinitionResult | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    async function load() {\n      if (!definitionCode) return\n      setLoading(true)\n      setError(null)\n      try {\n        const def = await apiJson<WizardDefinitionResult>(\n          `/api/cpq/wizards?code=${encodeURIComponent(definitionCode)}`,\n        )\n        setDefinition(def)\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Failed to load wizard')\n      } finally {\n        setLoading(false)\n      }\n    }\n    load()\n  }, [definitionCode])\n\n  if (loading) {\n    return <div className=\"text-sm text-muted-foreground\">Loading...</div>\n  }\n\n  if (error) {\n    return (\n      <div className=\"space-y-4\">\n        <Alert variant=\"destructive\">{error}</Alert>\n        <button type=\"button\" onClick={() => router.push('/backend/cpq/wizards')} className=\"text-sm text-muted-foreground hover:text-foreground\">\n          &larr; Back to Wizards\n        </button>\n      </div>\n    )\n  }\n\n  if (!definition) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n        Wizard not found.\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-6 max-w-[900px] mx-auto\">\n      {/* Header */}\n      <div className=\"flex items-center gap-3\">\n        <button\n          type=\"button\"\n          onClick={() => router.push('/backend/cpq/wizards')}\n          className=\"text-sm text-muted-foreground hover:text-foreground\"\n        >\n          &larr; All Wizards\n        </button>\n      </div>\n\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-bold\">{definition.name}</h1>\n          {definition.description && (\n            <p className=\"text-sm text-muted-foreground mt-1\">{definition.description}</p>\n          )}\n        </div>\n        {/* Actions live in a 3-dot menu \u2014 wizards are read-only in admin UI\n            for the time being, so only `Preview` is exposed. */}\n        <div className=\"shrink-0\">\n          <RowActions\n            items={[\n              {\n                id: 'preview',\n                label: 'Preview',\n                onSelect: () => router.push(`/backend/cpq/wizards/${definitionCode}`),\n              },\n            ]}\n          />\n        </div>\n      </div>\n\n      {/* General Info */}\n      <Section title=\"General\">\n        <div className=\"rounded-lg border p-4\">\n          <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n            <KV label=\"Code\"><span className=\"font-mono text-xs\">{definition.code}</span></KV>\n            <KV label=\"Version\">v{definition.version}</KV>\n            <KV label=\"Surface\">{definition.surface}</KV>\n            <KV label=\"Active\">\n              <Badge variant={definition.isActive ? 'success' : 'muted'}>\n                {definition.isActive ? 'Yes' : 'No'}\n              </Badge>\n            </KV>\n          </div>\n        </div>\n      </Section>\n\n      {/* Applicability */}\n      <Section title=\"Applicability\">\n        <div className=\"rounded-lg border p-4\">\n          <ApplicabilityPanel applicability={definition.applicability} />\n        </div>\n      </Section>\n\n      {/* Params Schema */}\n      {definition.paramsSchema && Object.keys(definition.paramsSchema).length > 0 && (\n        <Section title=\"Parameters Schema\">\n          <JsonBlock data={definition.paramsSchema} />\n        </Section>\n      )}\n\n      {/* Steps */}\n      <Section title={`Steps (${definition.steps.length})`}>\n        <div className=\"space-y-2\">\n          {definition.steps.map((step, i) => (\n            <StepCard key={step.stepId} step={step} index={i} />\n          ))}\n        </div>\n      </Section>\n\n      {/* Metadata */}\n      {definition.metadata && Object.keys(definition.metadata).length > 0 && (\n        <Section title=\"Metadata\">\n          <JsonBlock data={definition.metadata} />\n        </Section>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/wizards/[definitionCode]/page.js

@@ -0,0 +1,191 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { WizardRunner } from "../../../../workflows/WizardRunner.js";
+import { registerBuiltInStepTypes } from "../../../../workflows/steps/index.js";
+registerBuiltInStepTypes();
+async function apiJson(url) {
+  const res = await fetch(url);
+  if (!res.ok) throw new Error(`API error ${res.status}`);
+  return res.json();
+}
+function ParamsForm({
+  schema,
+  onStart
+}) {
+  const properties = schema.properties ?? {};
+  const requiredFields = schema.required ?? [];
+  const fieldNames = Object.keys(properties);
+  const [values, setValues] = React.useState(() => {
+    const init = {};
+    for (const key of fieldNames) init[key] = "";
+    return init;
+  });
+  const isValid = requiredFields.every((key) => values[key]?.trim());
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/30 p-4 space-y-1", children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium", children: "This wizard requires input parameters" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Fill in the required fields before starting." })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: fieldNames.map((key) => {
+      const prop = properties[key];
+      const isRequired = requiredFields.includes(key);
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium mb-1", children: [
+          prop?.description || key,
+          isRequired && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: values[key] ?? "",
+            onChange: (e) => setValues((prev) => ({ ...prev, [key]: e.target.value })),
+            placeholder: prop?.format === "uuid" ? "UUID" : key,
+            className: "w-full rounded-md border px-3 py-2 text-sm font-mono"
+          }
+        ),
+        prop?.format && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-0.5", children: [
+          "Format: ",
+          prop.format
+        ] })
+      ] }, key);
+    }) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onStart(values),
+        disabled: !isValid,
+        className: "inline-flex items-center justify-center rounded-md bg-primary px-5 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed",
+        children: "Preview Wizard"
+      }
+    )
+  ] });
+}
+function CpqWizardRunnerPage({ params }) {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const definitionCode = params.definitionCode;
+  const [definition, setDefinition] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [started, setStarted] = React.useState(false);
+  const queryParams = React.useMemo(() => {
+    const raw = searchParams.get("params");
+    if (!raw) return {};
+    try {
+      return JSON.parse(raw);
+    } catch {
+      return {};
+    }
+  }, [searchParams]);
+  const [launchParams, setLaunchParams] = React.useState(queryParams);
+  React.useEffect(() => {
+    async function load() {
+      if (!definitionCode || definitionCode === "undefined") {
+        setError("Invalid wizard definition code");
+        setLoading(false);
+        return;
+      }
+      setLoading(true);
+      setError(null);
+      try {
+        const def = await apiJson(
+          `/api/cpq/wizards?code=${encodeURIComponent(definitionCode)}`
+        );
+        setDefinition(def);
+        const schema = def.paramsSchema;
+        const hasRequiredParams = schema?.required?.length;
+        if (!hasRequiredParams || Object.keys(queryParams).length > 0) {
+          setStarted(true);
+        }
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to load wizard");
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [definitionCode, queryParams]);
+  const handleComplete = React.useCallback((stepData) => {
+    let orderId;
+    let quoteId;
+    for (const data of Object.values(stepData)) {
+      if (data.orderId && !orderId) orderId = data.orderId;
+      if (data.quoteId && !quoteId) quoteId = data.quoteId;
+    }
+    if (orderId) {
+      router.push(`/backend/cpq/orders/${orderId}`);
+    } else if (quoteId) {
+      router.push(`/backend/cpq/quotes/${quoteId}`);
+    } else {
+      router.push("/backend/cpq/wizards");
+    }
+  }, [router]);
+  const handleParamsSubmit = React.useCallback((params2) => {
+    setLaunchParams(params2);
+    setStarted(true);
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading wizard..." });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: error }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => router.push("/backend/cpq/wizards"),
+          className: "inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted",
+          children: "Back to Wizards"
+        }
+      )
+    ] });
+  }
+  if (!definition) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "Wizard not found." });
+  }
+  const scope = { organizationId: "", tenantId: "" };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 max-w-[900px] mx-auto", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => router.push("/backend/cpq/wizards"),
+        className: "text-sm text-muted-foreground hover:text-foreground",
+        children: "\u2190 All Wizards"
+      }
+    ) }),
+    !started ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: definition.name }),
+        definition.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: definition.description })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ParamsForm,
+        {
+          schema: definition.paramsSchema ?? {},
+          onStart: handleParamsSubmit
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(
+      WizardRunner,
+      {
+        definition,
+        params: launchParams,
+        initialQuoteId: launchParams.quoteId,
+        initialCustomerId: launchParams.customerId,
+        scope,
+        onComplete: handleComplete
+      }
+    )
+  ] });
+}
+export {
+  CpqWizardRunnerPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/cpq/backend/cpq/wizards/[definitionCode]/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/cpq/backend/cpq/wizards/%5BdefinitionCode%5D/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { WizardRunner } from '../../../../workflows/WizardRunner'\nimport { registerBuiltInStepTypes } from '../../../../workflows/steps'\nimport type { WizardDefinitionResult } from '../../../../workflows/types'\n\n// Register built-in step types once on module load\nregisterBuiltInStepTypes()\n\nasync function apiJson<T>(url: string): Promise<T> {\n  const res = await fetch(url)\n  if (!res.ok) throw new Error(`API error ${res.status}`)\n  return res.json() as Promise<T>\n}\n\n// \u2500\u2500\u2500 Params form shown before starting a wizard with required params \u2500\u2500\n\ntype ParamsSchema = {\n  type?: string\n  required?: string[]\n  properties?: Record<string, { type?: string; format?: string; description?: string }>\n}\n\nfunction ParamsForm({\n  schema,\n  onStart,\n}: {\n  schema: ParamsSchema\n  onStart: (params: Record<string, string>) => void\n}) {\n  const properties = schema.properties ?? {}\n  const requiredFields = schema.required ?? []\n  const fieldNames = Object.keys(properties)\n\n  const [values, setValues] = React.useState<Record<string, string>>(() => {\n    const init: Record<string, string> = {}\n    for (const key of fieldNames) init[key] = ''\n    return init\n  })\n\n  const isValid = requiredFields.every((key) => values[key]?.trim())\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"rounded-lg border bg-muted/30 p-4 space-y-1\">\n        <h4 className=\"text-sm font-medium\">This wizard requires input parameters</h4>\n        <p className=\"text-xs text-muted-foreground\">Fill in the required fields before starting.</p>\n      </div>\n\n      <div className=\"space-y-3\">\n        {fieldNames.map((key) => {\n          const prop = properties[key]\n          const isRequired = requiredFields.includes(key)\n          return (\n            <div key={key}>\n              <label className=\"block text-sm font-medium mb-1\">\n                {prop?.description || key}\n                {isRequired && <span className=\"text-destructive ml-0.5\">*</span>}\n              </label>\n              <input\n                type=\"text\"\n                value={values[key] ?? ''}\n                onChange={(e) => setValues((prev) => ({ ...prev, [key]: e.target.value }))}\n                placeholder={prop?.format === 'uuid' ? 'UUID' : key}\n                className=\"w-full rounded-md border px-3 py-2 text-sm font-mono\"\n              />\n              {prop?.format && (\n                <p className=\"text-xs text-muted-foreground mt-0.5\">Format: {prop.format}</p>\n              )}\n            </div>\n          )\n        })}\n      </div>\n\n      <button\n        type=\"button\"\n        onClick={() => onStart(values)}\n        disabled={!isValid}\n        className=\"inline-flex items-center justify-center rounded-md bg-primary px-5 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed\"\n      >\n        Preview Wizard\n      </button>\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Main page \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport default function CpqWizardRunnerPage({ params }: { params: Record<string, string | string[]> }) {\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const definitionCode = params.definitionCode as string\n\n  const [definition, setDefinition] = React.useState<WizardDefinitionResult | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [started, setStarted] = React.useState(false)\n\n  // Parse launch params from query string\n  const queryParams = React.useMemo(() => {\n    const raw = searchParams.get('params')\n    if (!raw) return {}\n    try {\n      return JSON.parse(raw) as Record<string, unknown>\n    } catch {\n      return {}\n    }\n  }, [searchParams])\n\n  const [launchParams, setLaunchParams] = React.useState<Record<string, unknown>>(queryParams)\n\n  React.useEffect(() => {\n    async function load() {\n      if (!definitionCode || definitionCode === 'undefined') {\n        setError('Invalid wizard definition code')\n        setLoading(false)\n        return\n      }\n      setLoading(true)\n      setError(null)\n      try {\n        const def = await apiJson<WizardDefinitionResult>(\n          `/api/cpq/wizards?code=${encodeURIComponent(definitionCode)}`,\n        )\n        setDefinition(def)\n\n        // Auto-start if params were provided via query string or wizard has no required params\n        const schema = def.paramsSchema as ParamsSchema | null\n        const hasRequiredParams = schema?.required?.length\n        if (!hasRequiredParams || Object.keys(queryParams).length > 0) {\n          setStarted(true)\n        }\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Failed to load wizard')\n      } finally {\n        setLoading(false)\n      }\n    }\n    load()\n  }, [definitionCode, queryParams])\n\n  const handleComplete = React.useCallback((stepData: Record<string, Record<string, unknown>>) => {\n    // Check for orderId first (e.g. purchasing wizard creates an order)\n    let orderId: string | undefined\n    let quoteId: string | undefined\n    for (const data of Object.values(stepData)) {\n      if (data.orderId && !orderId) orderId = data.orderId as string\n      if (data.quoteId && !quoteId) quoteId = data.quoteId as string\n    }\n    if (orderId) {\n      router.push(`/backend/cpq/orders/${orderId}`)\n    } else if (quoteId) {\n      router.push(`/backend/cpq/quotes/${quoteId}`)\n    } else {\n      router.push('/backend/cpq/wizards')\n    }\n  }, [router])\n\n  const handleParamsSubmit = React.useCallback((params: Record<string, string>) => {\n    setLaunchParams(params)\n    setStarted(true)\n  }, [])\n\n  if (loading) {\n    return <div className=\"text-sm text-muted-foreground\">Loading wizard...</div>\n  }\n\n  if (error) {\n    return (\n      <div className=\"space-y-4\">\n        <Alert variant=\"destructive\">{error}</Alert>\n        <button\n          type=\"button\"\n          onClick={() => router.push('/backend/cpq/wizards')}\n          className=\"inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted\"\n        >\n          Back to Wizards\n        </button>\n      </div>\n    )\n  }\n\n  if (!definition) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n        Wizard not found.\n      </div>\n    )\n  }\n\n  // Extract scope from auth context (will be provided by the framework at runtime)\n  // For now, use empty strings \u2014 the API routes resolve scope from the auth session\n  const scope = { organizationId: '', tenantId: '' }\n\n  return (\n    <div className=\"space-y-4 max-w-[900px] mx-auto\">\n      <div className=\"flex items-center gap-3\">\n        <button\n          type=\"button\"\n          onClick={() => router.push('/backend/cpq/wizards')}\n          className=\"text-sm text-muted-foreground hover:text-foreground\"\n        >\n          &larr; All Wizards\n        </button>\n      </div>\n\n      {!started ? (\n        <div className=\"space-y-4\">\n          <div>\n            <h2 className=\"text-lg font-semibold\">{definition.name}</h2>\n            {definition.description && (\n              <p className=\"text-sm text-muted-foreground mt-1\">{definition.description}</p>\n            )}\n          </div>\n          <ParamsForm\n            schema={(definition.paramsSchema as ParamsSchema) ?? {}}\n            onStart={handleParamsSubmit}\n          />\n        </div>\n      ) : (\n        <WizardRunner\n          definition={definition}\n          params={launchParams}\n          initialQuoteId={launchParams.quoteId as string | undefined}\n          initialCustomerId={launchParams.customerId as string | undefined}\n          scope={scope}\n          onComplete={handleComplete}\n        />\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["params"]
+}

package/dist/modules/cpq/backend/cpq/wizards/page.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { CpqListView, useCpqListData } from "../../../components/CpqListView.js";
+const PAGE_SIZE = 50;
+function buildFilterParams(values, params) {
+  if (typeof values.surface === "string" && values.surface.trim()) {
+    params.set("surface", values.surface.trim());
+  }
+  if (values.isActive === true) params.set("isActive", "true");
+  if (values.isActive === false) params.set("isActive", "false");
+}
+function CpqWizardsPage() {
+  const router = useRouter();
+  const t = useT();
+  const data = useCpqListData({
+    endpoint: "/api/cpq/wizards",
+    pageSize: PAGE_SIZE,
+    buildFilterParams,
+    loadErrorMessage: t("cpq.wizards.list.error.load", "Failed to load wizards")
+  });
+  const filters = React.useMemo(
+    () => [
+      {
+        id: "surface",
+        label: t("cpq.wizards.filters.surface", "Surface"),
+        type: "text"
+      },
+      {
+        id: "isActive",
+        label: t("cpq.wizards.filters.isActive", "Active"),
+        type: "checkbox"
+      }
+    ],
+    [t]
+  );
+  const handlePreviewWizard = React.useCallback(
+    (definitionCode) => {
+      router.push(`/backend/cpq/wizards/${definitionCode}`);
+    },
+    [router]
+  );
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "name",
+        header: t("cpq.wizards.table.name", "Name"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-medium", children: row.original.name })
+      },
+      {
+        accessorKey: "code",
+        header: t("cpq.wizards.table.code", "Code"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: row.original.code })
+      },
+      {
+        accessorKey: "surface",
+        header: t("cpq.wizards.table.surface", "Surface")
+      },
+      {
+        id: "steps",
+        header: t("cpq.wizards.table.steps", "Steps"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { children: row.original.steps.length })
+      },
+      {
+        id: "version",
+        header: t("cpq.wizards.table.version", "Version"),
+        cell: ({ row }) => /* @__PURE__ */ jsxs("span", { children: [
+          "v",
+          row.original.version
+        ] })
+      },
+      {
+        accessorKey: "isActive",
+        header: t("cpq.wizards.table.active", "Active"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: row.original.isActive ? "success" : "neutral", dot: true, children: row.original.isActive ? "Yes" : "No" })
+      }
+    ],
+    [t]
+  );
+  return /* @__PURE__ */ jsx(
+    CpqListView,
+    {
+      title: t("cpq.wizards.list.title", "Wizards"),
+      tableId: "cpq.wizards.list",
+      data,
+      columns,
+      filters,
+      pageSize: PAGE_SIZE,
+      searchPlaceholder: t("cpq.wizards.search.placeholder", "Search wizards..."),
+      onRowClick: (row) => router.push(`/backend/cpq/wizards/${row.code}/detail`),
+      rowActions: (row) => /* @__PURE__ */ jsx(
+        RowActions,
+        {
+          items: [
+            {
+              id: "preview",
+              label: t("cpq.wizards.actions.preview", "Preview"),
+              onSelect: () => handlePreviewWizard(row.code)
+            },
+            {
+              id: "details",
+              label: t("cpq.wizards.actions.details", "View details"),
+              href: `/backend/cpq/wizards/${row.code}/detail`
+            }
+          ]
+        }
+      ),
+      emptyState: /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.wizards.empty", "No wizard definitions yet. Create one via the API.") })
+    }
+  );
+}
+export {
+  CpqWizardsPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/cpq/backend/cpq/wizards/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/backend/cpq/wizards/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { CpqListView, useCpqListData } from '../../../components/CpqListView'\n\ntype WizardDefinition = {\n  id: string\n  code: string\n  name: string\n  description: string | null\n  version: number\n  surface: string\n  isActive: boolean\n  steps: Array<{ stepId: string; type: string; title: string }>\n  createdAt: string\n}\n\nconst PAGE_SIZE = 50\n\nfunction buildFilterParams(values: FilterValues, params: URLSearchParams) {\n  if (typeof values.surface === 'string' && values.surface.trim()) {\n    params.set('surface', values.surface.trim())\n  }\n  if (values.isActive === true) params.set('isActive', 'true')\n  if (values.isActive === false) params.set('isActive', 'false')\n}\n\nexport default function CpqWizardsPage() {\n  const router = useRouter()\n  const t = useT()\n\n  const data = useCpqListData<WizardDefinition>({\n    endpoint: '/api/cpq/wizards',\n    pageSize: PAGE_SIZE,\n    buildFilterParams,\n    loadErrorMessage: t('cpq.wizards.list.error.load', 'Failed to load wizards'),\n  })\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'surface',\n        label: t('cpq.wizards.filters.surface', 'Surface'),\n        type: 'text',\n      },\n      {\n        id: 'isActive',\n        label: t('cpq.wizards.filters.isActive', 'Active'),\n        type: 'checkbox',\n      },\n    ],\n    [t],\n  )\n\n  const handlePreviewWizard = React.useCallback(\n    (definitionCode: string) => {\n      router.push(`/backend/cpq/wizards/${definitionCode}`)\n    },\n    [router],\n  )\n\n  const columns = React.useMemo<ColumnDef<WizardDefinition>[]>(\n    () => [\n      {\n        accessorKey: 'name',\n        header: t('cpq.wizards.table.name', 'Name'),\n        cell: ({ row }) => <span className=\"font-medium\">{row.original.name}</span>,\n      },\n      {\n        accessorKey: 'code',\n        header: t('cpq.wizards.table.code', 'Code'),\n        cell: ({ row }) => <span className=\"font-mono text-xs\">{row.original.code}</span>,\n      },\n      {\n        accessorKey: 'surface',\n        header: t('cpq.wizards.table.surface', 'Surface'),\n      },\n      {\n        id: 'steps',\n        header: t('cpq.wizards.table.steps', 'Steps'),\n        cell: ({ row }) => <span>{row.original.steps.length}</span>,\n      },\n      {\n        id: 'version',\n        header: t('cpq.wizards.table.version', 'Version'),\n        cell: ({ row }) => <span>v{row.original.version}</span>,\n      },\n      {\n        accessorKey: 'isActive',\n        header: t('cpq.wizards.table.active', 'Active'),\n        cell: ({ row }) => (\n          <Tag variant={row.original.isActive ? 'success' : 'neutral'} dot>\n            {row.original.isActive ? 'Yes' : 'No'}\n          </Tag>\n        ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <CpqListView<WizardDefinition>\n      title={t('cpq.wizards.list.title', 'Wizards')}\n      tableId=\"cpq.wizards.list\"\n      data={data}\n      columns={columns}\n      filters={filters}\n      pageSize={PAGE_SIZE}\n      searchPlaceholder={t('cpq.wizards.search.placeholder', 'Search wizards...')}\n      onRowClick={(row) => router.push(`/backend/cpq/wizards/${row.code}/detail`)}\n      // Wizards are read-only in the admin UI for now: no Edit / Delete\n      // entries \u2014 only `Preview` (run the wizard) and `View details`.\n      rowActions={(row) => (\n        <RowActions\n          items={[\n            {\n              id: 'preview',\n              label: t('cpq.wizards.actions.preview', 'Preview'),\n              onSelect: () => handlePreviewWizard(row.code),\n            },\n            {\n              id: 'details',\n              label: t('cpq.wizards.actions.details', 'View details'),\n              href: `/backend/cpq/wizards/${row.code}/detail`,\n            },\n          ]}\n        />\n      )}\n      emptyState={\n        <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n          {t('cpq.wizards.empty', 'No wizard definitions yet. Create one via the API.')}\n        </div>\n      }\n    />\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/wizards/page.meta.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Wand2 } from "lucide-react";
+const wizardsIcon = React.createElement(Wand2, { size: 16 });
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["cpq.wizards.view"],
+  pageTitle: "Wizards",
+  pageTitleKey: "cpq.wizards.title",
+  pageGroup: "CPQ",
+  pageGroupKey: "customers~sales~cpq.nav.group",
+  pageOrder: 35,
+  icon: wizardsIcon,
+  breadcrumb: [{ label: "Wizards", labelKey: "cpq.wizards.title" }]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map