@echothink-ui/domain-widgets 0.1.0

package/dist/index.js

@@ -0,0 +1,3029 @@
+// src/index.tsx
+import * as React from "react";
+import { DownloadIcon, PlusIcon, TableIcon } from "@echothink-ui/icons";
+import {
+  Badge,
+  Button,
+  Checkbox,
+  LinkButton,
+  Select,
+  Surface,
+  StatusDot,
+  TextInput,
+  createSurfaceComponent,
+  statusLabel
+} from "@echothink-ui/core";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
+function textFromNode(node) {
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(textFromNode).join(" ");
+  return "";
+}
+function getContactInitials(label) {
+  const words = textFromNode(label).trim().split(/\s+/).filter(Boolean);
+  if (!words.length) return "CT";
+  return words.slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
+}
+function safeDomId(value) {
+  return value.replace(/[^A-Za-z0-9_-]+/g, "-");
+}
+function splitTicketPriority(label) {
+  if (typeof label !== "string" && typeof label !== "number") {
+    return { priority: void 0, label };
+  }
+  const text = String(label);
+  const match = text.match(/^\[(P[0-4])\]\s*(.+)$/i);
+  if (!match) return { priority: void 0, label };
+  return {
+    priority: match[1].toUpperCase(),
+    label: match[2]
+  };
+}
+function healthTone(status) {
+  if (status === "blocked" || status === "failed" || status === "stale") return "risk";
+  if (status === "warning" || status === "pending-approval" || status === "approval-required") {
+    return "watch";
+  }
+  if (status === "queued" || status === "not-started") return "new";
+  return "healthy";
+}
+function healthLabel(status) {
+  if (status === "blocked" || status === "failed" || status === "stale") return "Needs attention";
+  if (status === "warning" || status === "pending-approval" || status === "approval-required") {
+    return "Monitor closely";
+  }
+  if (status === "queued" || status === "not-started") return "New relationship";
+  return "Healthy";
+}
+function CRMContactActions({ actions }) {
+  if (!actions?.length) return null;
+  return /* @__PURE__ */ jsx("div", { className: "eth-domain-crm-contact-panel__contact-actions", children: actions.slice(0, 2).map(
+    (action) => action.href ? /* @__PURE__ */ jsx(
+      LinkButton,
+      {
+        href: action.disabled ? void 0 : action.href,
+        intent: action.intent ?? "ghost",
+        density: "compact",
+        "aria-disabled": action.disabled ? true : void 0,
+        tabIndex: action.disabled ? -1 : void 0,
+        children: action.label
+      },
+      action.id
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        intent: action.intent ?? "ghost",
+        density: "compact",
+        disabled: action.disabled,
+        onClick: action.onSelect,
+        children: action.label
+      },
+      action.id
+    )
+  ) });
+}
+function SupportTicketActions({ actions }) {
+  if (!actions?.length) return null;
+  return /* @__PURE__ */ jsx("div", { className: "eth-domain-support-ticket-queue__actions", "aria-label": "Ticket actions", children: actions.slice(0, 2).map(
+    (action) => action.href ? /* @__PURE__ */ jsx(
+      LinkButton,
+      {
+        href: action.disabled ? void 0 : action.href,
+        intent: action.intent ?? "ghost",
+        density: "compact",
+        "aria-disabled": action.disabled ? true : void 0,
+        tabIndex: action.disabled ? -1 : void 0,
+        children: action.label
+      },
+      action.id
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        intent: action.intent ?? "ghost",
+        density: "compact",
+        disabled: action.disabled,
+        onClick: action.onSelect,
+        children: action.label
+      },
+      action.id
+    )
+  ) });
+}
+function CRMContactPanel({
+  title = "Account relationship",
+  description,
+  status = "active",
+  metadata,
+  items,
+  contacts,
+  actions,
+  footer,
+  children,
+  className,
+  relationshipHealthLabel,
+  engagementLabel,
+  nextStep,
+  ...props
+}) {
+  const contactItems = contacts ?? items ?? [];
+  const contactsHeadingId = React.useId();
+  const signalsHeadingId = React.useId();
+  const tone = healthTone(status);
+  const health = relationshipHealthLabel ?? healthLabel(status);
+  const engagement = engagementLabel ?? `${contactItems.length} contact${contactItems.length === 1 ? "" : "s"} mapped`;
+  const nextActivity = nextStep ?? "Review next activity";
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "CRMContactPanel",
+      title,
+      description,
+      status,
+      metadata,
+      actions,
+      footer,
+      className: ["eth-domain-crm-contact-panel", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "eth-domain-crm-contact-panel__body", children: [
+          /* @__PURE__ */ jsxs(
+            "section",
+            {
+              className: "eth-domain-crm-contact-panel__contacts",
+              "aria-labelledby": contactsHeadingId,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eth-domain-crm-contact-panel__section-header", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { children: "Relationship map" }),
+                    /* @__PURE__ */ jsx("h3", { id: contactsHeadingId, children: "Key contacts" })
+                  ] }),
+                  /* @__PURE__ */ jsx("strong", { children: engagement })
+                ] }),
+                contactItems.length ? /* @__PURE__ */ jsx("div", { className: "eth-domain-crm-contact-panel__contact-list", role: "list", children: contactItems.map((item) => /* @__PURE__ */ jsxs(
+                  "article",
+                  {
+                    className: "eth-domain-crm-contact-panel__contact",
+                    role: "listitem",
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "eth-domain-crm-contact-panel__avatar", "aria-hidden": "true", children: getContactInitials(item.label) }),
+                      /* @__PURE__ */ jsxs("div", { className: "eth-domain-crm-contact-panel__contact-main", children: [
+                        /* @__PURE__ */ jsx("strong", { children: item.href ? /* @__PURE__ */ jsx("a", { href: item.href, children: item.label }) : item.label }),
+                        item.description ? /* @__PURE__ */ jsx("p", { children: item.description }) : null,
+                        item.meta ? /* @__PURE__ */ jsx("span", { className: "eth-domain-crm-contact-panel__contact-meta", children: item.meta }) : null
+                      ] }),
+                      item.status || item.actions?.length ? /* @__PURE__ */ jsxs("div", { className: "eth-domain-crm-contact-panel__contact-aside", children: [
+                        item.status ? /* @__PURE__ */ jsx(StatusDot, { status: item.status, label: statusLabel(item.status) }) : null,
+                        /* @__PURE__ */ jsx(CRMContactActions, { actions: item.actions })
+                      ] }) : null
+                    ]
+                  },
+                  item.id
+                )) }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-crm-contact-panel__empty", children: "No contacts linked." })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("aside", { className: "eth-domain-crm-contact-panel__signals", "aria-labelledby": signalsHeadingId, children: [
+            /* @__PURE__ */ jsx("div", { className: "eth-domain-crm-contact-panel__section-header", children: /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { children: "Account signals" }),
+              /* @__PURE__ */ jsx("h3", { id: signalsHeadingId, children: "Relationship health" })
+            ] }) }),
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-crm-contact-panel__signal-list", children: [
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-crm-contact-panel__signal", "data-tone": tone, children: [
+                /* @__PURE__ */ jsx("span", { children: "Health" }),
+                /* @__PURE__ */ jsx("strong", { children: health })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-crm-contact-panel__signal", children: [
+                /* @__PURE__ */ jsx("span", { children: "Coverage" }),
+                /* @__PURE__ */ jsx("strong", { children: engagement })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-crm-contact-panel__signal", children: [
+                /* @__PURE__ */ jsx("span", { children: "Next step" }),
+                /* @__PURE__ */ jsx("strong", { children: nextActivity })
+              ] })
+            ] })
+          ] })
+        ] }),
+        children
+      ]
+    }
+  );
+}
+function SupportTicketQueue({
+  title = "Support queue",
+  description,
+  status,
+  metadata,
+  items,
+  tickets,
+  actions,
+  footer,
+  children,
+  className,
+  ...props
+}) {
+  const ticketItems = tickets ?? items ?? [];
+  const queueId = React.useId().replace(/:/g, "");
+  const blockedCount = ticketItems.filter(
+    (item) => ["blocked", "failed", "approval-required"].includes(item.status ?? "")
+  ).length;
+  const runningCount = ticketItems.filter(
+    (item) => ["running", "in-progress"].includes(item.status ?? "")
+  ).length;
+  const nextSla = textFromNode(
+    ticketItems.find((item) => item.status === "blocked")?.description ?? ticketItems[0]?.description
+  ) || "No active SLA";
+  const summary = metadata ?? [
+    { label: "Open tickets", value: ticketItems.length.toLocaleString() },
+    { label: "Blocked", value: blockedCount.toLocaleString() },
+    { label: "In progress", value: runningCount.toLocaleString() },
+    { label: "Next SLA", value: nextSla }
+  ];
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "SupportTicketQueue",
+      title,
+      description,
+      status,
+      metadata: summary,
+      actions,
+      footer,
+      className: ["eth-domain-support-ticket-queue", className].filter(Boolean).join(" "),
+      children: [
+        ticketItems.length ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "eth-domain-support-ticket-queue__list",
+            role: "list",
+            "aria-label": "Support tickets",
+            children: ticketItems.map((item) => {
+              const { priority, label } = splitTicketPriority(item.label);
+              const ticketId = `${queueId}-${safeDomId(item.id)}`;
+              const labelId = `${ticketId}-label`;
+              const slaId = item.description ? `${ticketId}-sla` : void 0;
+              return /* @__PURE__ */ jsxs(
+                "article",
+                {
+                  className: "eth-domain-support-ticket-queue__row",
+                  "data-status": item.status,
+                  role: "listitem",
+                  "aria-labelledby": labelId,
+                  "aria-describedby": slaId,
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "eth-domain-support-ticket-queue__ticket", children: [
+                      priority ? /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: "eth-domain-support-ticket-queue__priority",
+                          "data-priority": priority,
+                          children: priority
+                        }
+                      ) : null,
+                      /* @__PURE__ */ jsx("strong", { id: labelId, children: item.href ? /* @__PURE__ */ jsx("a", { href: item.href, children: label }) : label })
+                    ] }),
+                    item.description ? /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: [
+                          "eth-domain-support-ticket-queue__field",
+                          "eth-domain-support-ticket-queue__field--sla"
+                        ].join(" "),
+                        id: slaId,
+                        children: [
+                          /* @__PURE__ */ jsx("span", { children: "SLA" }),
+                          /* @__PURE__ */ jsx("strong", { children: item.description })
+                        ]
+                      }
+                    ) : null,
+                    item.meta ? /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: [
+                          "eth-domain-support-ticket-queue__field",
+                          "eth-domain-support-ticket-queue__field--owner"
+                        ].join(" "),
+                        children: [
+                          /* @__PURE__ */ jsx("span", { children: "Owner" }),
+                          /* @__PURE__ */ jsx("strong", { children: item.meta })
+                        ]
+                      }
+                    ) : null,
+                    /* @__PURE__ */ jsxs("div", { className: "eth-domain-support-ticket-queue__status", children: [
+                      item.status ? /* @__PURE__ */ jsx(StatusDot, { status: item.status, label: statusLabel(item.status) }) : null,
+                      /* @__PURE__ */ jsx(SupportTicketActions, { actions: item.actions })
+                    ] })
+                  ]
+                },
+                item.id
+              );
+            })
+          }
+        ) : /* @__PURE__ */ jsx("p", { className: "eth-domain-support-ticket-queue__empty", children: "No active support tickets." }),
+        children
+      ]
+    }
+  );
+}
+var defaultApproverOptions = [
+  { value: "", label: "Select approver", disabled: true },
+  { value: "team-lead", label: "Team lead" },
+  { value: "finance-ops", label: "Finance operations" },
+  { value: "legal-review", label: "Legal review" },
+  { value: "security-office", label: "Security office" },
+  { value: "executive-sponsor", label: "Executive sponsor" }
+];
+var defaultApprovalSteps = [
+  {
+    id: "manager-review",
+    label: "Manager review",
+    approver: "team-lead",
+    condition: "Spend is above requester limit",
+    required: true,
+    status: "completed"
+  },
+  {
+    id: "finance-check",
+    label: "Finance control check",
+    approver: "finance-ops",
+    condition: "Amount is greater than $10,000",
+    required: true,
+    status: "pending-approval"
+  },
+  {
+    id: "legal-signoff",
+    label: "Legal sign-off",
+    approver: "legal-review",
+    condition: "Vendor terms changed",
+    required: false,
+    status: "queued"
+  }
+];
+var modeOptions = [
+  { value: "sequential", label: "Sequential route" },
+  { value: "parallel", label: "Parallel quorum" },
+  { value: "conditional", label: "Conditional branch" }
+];
+var defaultProcessItems = [
+  {
+    id: "start",
+    label: "HRIS trigger",
+    description: "New employee record received from Workday.",
+    status: "completed",
+    kind: "start",
+    owner: "People ops",
+    lane: "Intake",
+    duration: "Instant",
+    x: 96,
+    y: 170
+  },
+  {
+    id: "profile",
+    label: "Collect profile",
+    description: "Manager confirms role, location, and start date.",
+    status: "completed",
+    kind: "task",
+    owner: "Hiring manager",
+    lane: "Intake",
+    duration: "4h SLA",
+    x: 278,
+    y: 170
+  },
+  {
+    id: "approval",
+    label: "Approval required?",
+    description: "Route privileged roles through security approval.",
+    status: "warning",
+    kind: "decision",
+    owner: "People systems",
+    lane: "Policy",
+    duration: "Conditional",
+    x: 460,
+    y: 170
+  },
+  {
+    id: "security",
+    label: "Security review",
+    description: "Validate device, access groups, and background check.",
+    status: "pending-approval",
+    kind: "task",
+    owner: "Security office",
+    lane: "Controls",
+    duration: "24h SLA",
+    x: 642,
+    y: 92
+  },
+  {
+    id: "provision",
+    label: "Provision access",
+    description: "Create accounts and assign application entitlements.",
+    status: "in-progress",
+    kind: "task",
+    owner: "IT operations",
+    lane: "Fulfillment",
+    duration: "2h SLA",
+    x: 642,
+    y: 248
+  },
+  {
+    id: "complete",
+    label: "Day-one ready",
+    description: "Welcome package, access, and training tasks are complete.",
+    status: "queued",
+    kind: "end",
+    owner: "People ops",
+    lane: "Fulfillment",
+    duration: "Start date",
+    x: 824,
+    y: 248
+  }
+];
+var defaultProcessConnections = [
+  { from: "start", to: "profile" },
+  { from: "profile", to: "approval" },
+  { from: "approval", to: "security", label: "Needs review", status: "warning" },
+  { from: "approval", to: "provision", label: "Auto approve" },
+  { from: "security", to: "provision", label: "Approved" },
+  { from: "provision", to: "complete" }
+];
+var defaultProcessValidationIssues = [
+  {
+    id: "backup-owner",
+    target: "Approval required?",
+    message: "Privileged access branch needs a backup owner.",
+    status: "warning"
+  },
+  {
+    id: "sla-policy",
+    target: "Security review",
+    message: "Security review SLA is waiting on policy confirmation.",
+    status: "pending-approval"
+  }
+];
+function nextApprovalStepId(steps) {
+  let index = steps.length + 1;
+  let id = `approval-step-${index}`;
+  while (steps.some((step) => step.id === id)) {
+    index += 1;
+    id = `approval-step-${index}`;
+  }
+  return id;
+}
+function formatApprovalStatus(status, required) {
+  if (status === "completed") return "Completed";
+  if (status === "pending-approval") return "Pending";
+  if (status === "blocked" || status === "failed") return "Blocked";
+  if (status === "queued") return "Queued";
+  return required ? "Required" : "Optional";
+}
+function isComplianceComplete(status) {
+  return status === "completed" || status === "succeeded" || status === "synced";
+}
+function needsComplianceAttention(status) {
+  return status === "approval-required" || status === "blocked" || status === "failed" || status === "pending-approval" || status === "stale" || status === "warning";
+}
+function deriveComplianceStatus(items) {
+  if (!items.length) return void 0;
+  if (items.some((item) => item.status === "blocked" || item.status === "failed")) {
+    return "blocked";
+  }
+  if (items.some((item) => item.status === "approval-required")) {
+    return "approval-required";
+  }
+  if (items.every((item) => isComplianceComplete(item.status))) {
+    return "completed";
+  }
+  return "in-progress";
+}
+function hasComplianceEvidence(item) {
+  return Boolean(item.evidence ?? item.evidenceLabel ?? item.evidenceHref ?? item.meta);
+}
+function hasDisplayValue(value) {
+  return value !== void 0 && value !== null && value !== "";
+}
+function isReportSectionIncluded(status) {
+  return status !== "inactive" && status !== "not-started" && status !== "blocked" && status !== "failed";
+}
+function needsReportSectionAttention(status) {
+  return status === "approval-required" || status === "blocked" || status === "failed" || status === "pending-approval" || status === "stale" || status === "warning";
+}
+function deriveReportBuilderStatus(items) {
+  if (!items.length) return "not-started";
+  if (items.some((item) => item.status === "blocked" || item.status === "failed")) {
+    return "blocked";
+  }
+  if (items.some((item) => needsReportSectionAttention(item.status))) return "warning";
+  if (items.some((item) => item.status === "in-progress" || item.status === "running")) {
+    return "in-progress";
+  }
+  return "active";
+}
+function reportBuilderReadinessLabel(status, attentionCount) {
+  if (attentionCount) {
+    return `${attentionCount} ${attentionCount === 1 ? "issue" : "issues"} to resolve`;
+  }
+  if (status === "not-started") return "Not started";
+  if (status === "in-progress" || status === "running") return "Draft in progress";
+  if (status === "blocked" || status === "failed") return "Blocked";
+  return "Ready";
+}
+function reportSectionMeta(item, index) {
+  return item.meta ?? item.updatedAt ?? item.source ?? `Section ${index + 1}`;
+}
+var riskImpactLevels = ["critical", "high", "medium", "low"];
+var riskProbabilityLevels = ["low", "medium", "high"];
+var riskImpactRank = {
+  low: 1,
+  medium: 2,
+  high: 3,
+  critical: 4
+};
+var riskProbabilityRank = {
+  low: 1,
+  medium: 2,
+  high: 3
+};
+var riskSeverityRank = {
+  low: 1,
+  medium: 2,
+  high: 3,
+  critical: 4
+};
+var riskImpactLabels = {
+  low: "Low",
+  medium: "Medium",
+  high: "High",
+  critical: "Critical"
+};
+var riskProbabilityLabels = {
+  low: "Low",
+  medium: "Medium",
+  high: "High"
+};
+function isRiskImpact(value) {
+  return value === "low" || value === "medium" || value === "high" || value === "critical";
+}
+function isRiskProbability(value) {
+  return value === "low" || value === "medium" || value === "high";
+}
+function normalizeRiskImpact(value) {
+  if (typeof value !== "string") return void 0;
+  const normalized = value.trim().toLowerCase();
+  return isRiskImpact(normalized) ? normalized : void 0;
+}
+function normalizeRiskProbability(value) {
+  if (typeof value !== "string") return void 0;
+  const normalized = value.trim().toLowerCase();
+  return isRiskProbability(normalized) ? normalized : void 0;
+}
+function riskFieldFromDescription(item, field) {
+  const text = textFromNode(item.description);
+  const match = text.match(new RegExp(`${field}\\s*[:=]\\s*(critical|high|medium|low)`, "i"));
+  return match?.[1];
+}
+function fallbackImpactForStatus(status) {
+  if (status === "blocked" || status === "failed" || status === "approval-required") {
+    return "critical";
+  }
+  if (status === "warning" || status === "stale" || status === "pending-approval") {
+    return "high";
+  }
+  if (status === "completed" || status === "succeeded" || status === "synced") return "low";
+  return "medium";
+}
+function riskSeverityFromScore(impact, probability) {
+  const score = riskImpactRank[impact] * riskProbabilityRank[probability];
+  if (score >= 9) return "critical";
+  if (score >= 6) return "high";
+  if (score >= 3) return "medium";
+  return "low";
+}
+function resolveRiskMatrixItem(item) {
+  const resolvedImpact = normalizeRiskImpact(item.impact) ?? normalizeRiskImpact(riskFieldFromDescription(item, "impact")) ?? fallbackImpactForStatus(item.status);
+  const resolvedProbability = normalizeRiskProbability(item.probability) ?? normalizeRiskProbability(riskFieldFromDescription(item, "probability")) ?? "medium";
+  const resolvedSeverity = item.severity ?? (item.status === "blocked" || item.status === "failed" ? "critical" : riskSeverityFromScore(resolvedImpact, resolvedProbability));
+  return {
+    ...item,
+    resolvedImpact,
+    resolvedProbability,
+    resolvedSeverity,
+    resolvedScore: riskImpactRank[resolvedImpact] * riskProbabilityRank[resolvedProbability]
+  };
+}
+function compareRiskPriority(a, b) {
+  return riskSeverityRank[b.resolvedSeverity] - riskSeverityRank[a.resolvedSeverity] || b.resolvedScore - a.resolvedScore || riskImpactRank[b.resolvedImpact] - riskImpactRank[a.resolvedImpact] || riskProbabilityRank[b.resolvedProbability] - riskProbabilityRank[a.resolvedProbability];
+}
+function deriveRiskMatrixStatus(items) {
+  if (!items.length) return void 0;
+  if (items.some((item) => item.resolvedSeverity === "critical")) return "blocked";
+  if (items.some((item) => item.resolvedSeverity === "high")) return "warning";
+  if (items.some((item) => item.resolvedSeverity === "medium")) return "in-progress";
+  return "active";
+}
+function deriveRiskMatrixSurfaceSeverity(items) {
+  if (items.some((item) => item.resolvedSeverity === "critical")) return "danger";
+  if (items.some((item) => item.resolvedSeverity === "high")) return "warning";
+  return void 0;
+}
+function riskCountLabel(count) {
+  return `${count} risk${count === 1 ? "" : "s"}`;
+}
+function isCompletedProcessStep(status) {
+  return status === "completed" || status === "succeeded" || status === "synced";
+}
+function processStepKind(item, index, total) {
+  if (item.kind) return item.kind;
+  if (index === 0) return "start";
+  if (index === total - 1) return "end";
+  return "task";
+}
+function deriveProcessStatus(items, validationIssues) {
+  if (validationIssues.some((issue) => issue.status === "blocked" || issue.status === "failed")) {
+    return "blocked";
+  }
+  if (validationIssues.some(
+    (issue) => issue.status === "warning" || issue.status === "pending-approval" || issue.status === "approval-required"
+  )) {
+    return "warning";
+  }
+  if (!items.length) return void 0;
+  if (items.some((item) => item.status === "blocked" || item.status === "failed")) {
+    return "blocked";
+  }
+  if (items.every((item) => isCompletedProcessStep(item.status))) {
+    return "completed";
+  }
+  if (items.some(
+    (item) => item.status === "active" || item.status === "in-progress" || item.status === "running"
+  )) {
+    return "in-progress";
+  }
+  return "queued";
+}
+function sequentialProcessConnections(items) {
+  return items.slice(1).map((item, index) => ({ from: items[index].id, to: item.id }));
+}
+function processNodePoint(item, index) {
+  return {
+    x: item.x ?? 110 + index % 4 * 210,
+    y: item.y ?? 140 + Math.floor(index / 4) * 140
+  };
+}
+function graphLabelLines(value, fallback) {
+  const label = textFromNode(value).trim() || fallback;
+  if (label.length <= 18) return [label];
+  const lines = [];
+  let current = "";
+  for (const word of label.split(/\s+/)) {
+    const next = current ? `${current} ${word}` : word;
+    if (next.length > 18 && current) {
+      lines.push(current);
+      current = word;
+    } else {
+      current = next;
+    }
+  }
+  if (current) lines.push(current);
+  if (lines.length <= 2) return lines;
+  return [lines[0], `${lines.slice(1).join(" ").slice(0, 16)}...`];
+}
+var defaultOrderFulfillmentItems = [
+  {
+    id: "received",
+    label: "Order received",
+    description: "Purchase order matched against contract pricing and customer terms.",
+    owner: "Sales operations",
+    timestamp: "May 29, 08:12",
+    status: "completed"
+  },
+  {
+    id: "payment",
+    label: "Payment terms cleared",
+    description: "Net 30 credit check passed; release hold removed by finance.",
+    owner: "Finance operations",
+    timestamp: "May 29, 09:05",
+    status: "completed"
+  },
+  {
+    id: "pick-pack",
+    label: "Pick and pack",
+    description: "Warehouse B is staging the final cartons for carrier handoff.",
+    owner: "Fulfillment team",
+    location: "Warehouse B",
+    quantity: "18 / 20 cartons",
+    timestamp: "May 29, 14:40",
+    status: "in-progress"
+  },
+  {
+    id: "carrier",
+    label: "Carrier handoff",
+    description: "FedEx pickup booked; ASN will post when scan is received.",
+    owner: "FedEx Ground",
+    location: "Dock 4",
+    timestamp: "May 29, 17:00",
+    status: "queued"
+  }
+];
+function isOrderStepComplete(status) {
+  return status === "completed" || status === "succeeded" || status === "synced";
+}
+function isOrderStepCurrent(status) {
+  return status === "active" || status === "in-progress" || status === "running";
+}
+function needsOrderAttention(item) {
+  return hasDisplayValue(item.exception) || item.status === "approval-required" || item.status === "blocked" || item.status === "failed" || item.status === "pending-approval" || item.status === "stale" || item.status === "warning";
+}
+function deriveOrderStatus(items) {
+  if (!items.length) return void 0;
+  if (items.some((item) => item.status === "blocked" || item.status === "failed")) {
+    return "blocked";
+  }
+  if (items.some((item) => item.status === "approval-required")) {
+    return "approval-required";
+  }
+  if (items.every((item) => isOrderStepComplete(item.status))) return "completed";
+  if (items.some((item) => isOrderStepCurrent(item.status))) return "in-progress";
+  if (items.some((item) => item.status === "pending-approval" || item.status === "warning")) {
+    return "pending-approval";
+  }
+  return "queued";
+}
+function currentOrderStepIndex(items) {
+  const activeIndex = items.findIndex((item) => isOrderStepCurrent(item.status));
+  if (activeIndex >= 0) return activeIndex;
+  const nextIndex = items.findIndex((item) => !isOrderStepComplete(item.status));
+  return nextIndex >= 0 ? nextIndex : Math.max(items.length - 1, 0);
+}
+function OrderFulfillmentActions({ actions }) {
+  if (!actions?.length) return null;
+  return /* @__PURE__ */ jsx("div", { className: "eth-domain-order-management__step-actions", children: actions.slice(0, 2).map(
+    (action) => action.href ? /* @__PURE__ */ jsx(
+      LinkButton,
+      {
+        href: action.disabled ? void 0 : action.href,
+        intent: action.intent ?? "ghost",
+        density: "compact",
+        "aria-disabled": action.disabled ? true : void 0,
+        tabIndex: action.disabled ? -1 : void 0,
+        children: action.label
+      },
+      action.id
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        intent: action.intent ?? "ghost",
+        density: "compact",
+        disabled: action.disabled,
+        onClick: action.onSelect,
+        children: action.label
+      },
+      action.id
+    )
+  ) });
+}
+function parseInventoryNumber(value) {
+  if (typeof value === "number") return Number.isFinite(value) ? value : null;
+  if (typeof value !== "string") return null;
+  const normalized = value.replace(/,/g, "").trim();
+  if (!/^-?\d+(\.\d+)?$/.test(normalized)) return null;
+  const parsed = Number(normalized);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+function formatInventoryValue(value) {
+  if (!hasDisplayValue(value)) return "--";
+  if (typeof value === "number") return new Intl.NumberFormat("en-US").format(value);
+  return value;
+}
+function parseInventoryStockDescription(description) {
+  const text = textFromNode(description);
+  const match = text.match(
+    /\bOn hand:\s*([0-9,]+(?:\.\d+)?)\s*(?:[^A-Za-z0-9]+\s*)?Reorder:\s*([0-9,]+(?:\.\d+)?)/i
+  );
+  if (!match) return null;
+  return {
+    onHand: Number(match[1].replace(/,/g, "")),
+    reorderPoint: Number(match[2].replace(/,/g, ""))
+  };
+}
+function inventoryStatusFromLevels(item, onHandNumber, reorderNumber) {
+  if (item.status) return item.status;
+  if (onHandNumber !== null && onHandNumber <= 0) return "failed";
+  if (onHandNumber !== null && reorderNumber !== null && onHandNumber <= reorderNumber) {
+    return "warning";
+  }
+  return "active";
+}
+function inventoryStatusLabel(status) {
+  if (status === "failed" || status === "blocked") return "Stockout";
+  if (status === "warning" || status === "stale") return "Reorder";
+  if (status === "in-progress" || status === "running") return "Replenishing";
+  if (status === "queued" || status === "not-started") return "Pending count";
+  if (status === "active" || status === "completed" || status === "succeeded" || status === "synced") {
+    return "In stock";
+  }
+  return statusLabel(status);
+}
+function normalizeInventoryRow(item) {
+  const parsedStockDescription = parseInventoryStockDescription(item.description);
+  const onHand = item.onHand ?? parsedStockDescription?.onHand;
+  const reorderPoint = item.reorderPoint ?? parsedStockDescription?.reorderPoint;
+  const onHandNumber = parseInventoryNumber(onHand);
+  const reorderNumber = parseInventoryNumber(reorderPoint);
+  const allocatedNumber = parseInventoryNumber(item.allocated);
+  const available = item.available ?? (onHandNumber !== null && allocatedNumber !== null ? onHandNumber - allocatedNumber : void 0);
+  const status = inventoryStatusFromLevels(item, onHandNumber, reorderNumber);
+  return {
+    item,
+    parsedStockDescription: Boolean(parsedStockDescription),
+    onHand,
+    onHandNumber,
+    reorderPoint,
+    reorderNumber,
+    available,
+    status
+  };
+}
+function inventoryLevelPercent(row) {
+  if (row.onHandNumber === null || row.reorderNumber === null) return 0;
+  const capacity = Math.max(row.reorderNumber * 2, row.onHandNumber, 1);
+  return Math.max(0, Math.min(100, Math.round(row.onHandNumber / capacity * 100)));
+}
+function isInventoryReorderRow(row) {
+  if (row.onHandNumber !== null && row.reorderNumber !== null) {
+    return row.onHandNumber <= row.reorderNumber;
+  }
+  return row.status === "warning" || row.status === "failed" || row.status === "blocked";
+}
+function isInventoryStockoutRow(row) {
+  if (row.onHandNumber !== null) return row.onHandNumber <= 0;
+  return row.status === "failed" || row.status === "blocked";
+}
+function InventoryTable({
+  title = "Inventory",
+  description = "SKU availability, reorder thresholds, and fulfillment readiness.",
+  items = [],
+  metadata,
+  actions,
+  footer,
+  children,
+  className,
+  ...props
+}) {
+  const rows = items.map(normalizeInventoryRow);
+  const totalOnHand = rows.reduce(
+    (sum, row) => row.onHandNumber === null ? sum : sum + row.onHandNumber,
+    0
+  );
+  const hasOnHandTotal = rows.some((row) => row.onHandNumber !== null);
+  const reorderCount = rows.filter(isInventoryReorderRow).length;
+  const stockoutCount = rows.filter(isInventoryStockoutRow).length;
+  const computedMetadata = metadata ?? (rows.length ? [
+    { label: "SKUs", value: rows.length },
+    { label: "Below reorder", value: reorderCount },
+    { label: "Stockouts", value: stockoutCount },
+    ...hasOnHandTotal ? [{ label: "On hand", value: new Intl.NumberFormat("en-US").format(totalOnHand) }] : []
+  ] : void 0);
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "InventoryTable",
+      title,
+      description,
+      metadata: computedMetadata,
+      actions,
+      footer,
+      className: ["eth-domain-inventory-table", className].filter(Boolean).join(" "),
+      children: [
+        rows.length ? /* @__PURE__ */ jsx("div", { className: "eth-domain-inventory-table__table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "eth-domain-inventory-table__table", children: [
+          /* @__PURE__ */ jsx("caption", { className: "eth-domain-inventory-table__caption", children: "Inventory stock by SKU and reorder threshold" }),
+          /* @__PURE__ */ jsxs("colgroup", { children: [
+            /* @__PURE__ */ jsx("col", { className: "eth-domain-inventory-table__sku-col" }),
+            /* @__PURE__ */ jsx("col", { className: "eth-domain-inventory-table__location-col" }),
+            /* @__PURE__ */ jsx("col", { className: "eth-domain-inventory-table__quantity-col" }),
+            /* @__PURE__ */ jsx("col", { className: "eth-domain-inventory-table__quantity-col" }),
+            /* @__PURE__ */ jsx("col", { className: "eth-domain-inventory-table__quantity-col" }),
+            /* @__PURE__ */ jsx("col", { className: "eth-domain-inventory-table__status-col" })
+          ] }),
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { scope: "col", children: "SKU" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: "Location" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: "On hand" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: "Available" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: "Reorder point" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: "Stock status" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => {
+            const { item } = row;
+            const labelContent = item.href ? /* @__PURE__ */ jsx("a", { href: item.href, children: item.label }) : item.label;
+            const showDescription = hasDisplayValue(item.description) && !row.parsedStockDescription;
+            const location = item.location ?? item.meta;
+            const statusLabelText = inventoryStatusLabel(row.status);
+            return /* @__PURE__ */ jsxs("tr", { "data-status": row.status, children: [
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-inventory-table__sku", children: [
+                /* @__PURE__ */ jsx("span", { children: item.sku ?? item.id }),
+                /* @__PURE__ */ jsx("strong", { children: labelContent }),
+                showDescription ? /* @__PURE__ */ jsx("p", { children: item.description }) : null
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-inventory-table__cell-stack", children: [
+                /* @__PURE__ */ jsx("strong", { children: formatInventoryValue(location) }),
+                hasDisplayValue(item.updatedAt) ? /* @__PURE__ */ jsx("span", { children: item.updatedAt }) : /* @__PURE__ */ jsx("span", { children: "Cycle count current" })
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-inventory-table__quantity", children: [
+                /* @__PURE__ */ jsx("strong", { children: formatInventoryValue(row.onHand) }),
+                /* @__PURE__ */ jsx("span", { className: "eth-domain-inventory-table__level", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "eth-domain-inventory-table__level-fill",
+                    style: { inlineSize: `${inventoryLevelPercent(row)}%` }
+                  }
+                ) })
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { className: "eth-domain-inventory-table__numeric", children: formatInventoryValue(row.available) }),
+              /* @__PURE__ */ jsx("td", { className: "eth-domain-inventory-table__numeric", children: formatInventoryValue(row.reorderPoint) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-inventory-table__state", children: [
+                /* @__PURE__ */ jsx(StatusDot, { status: row.status, label: statusLabelText }),
+                hasDisplayValue(item.incoming) ? /* @__PURE__ */ jsxs("span", { children: [
+                  "Incoming ",
+                  formatInventoryValue(item.incoming)
+                ] }) : null
+              ] }) })
+            ] }, item.id);
+          }) })
+        ] }) }) : /* @__PURE__ */ jsx("div", { className: "eth-domain-inventory-table__empty", children: "No inventory items configured." }),
+        children
+      ]
+    }
+  );
+}
+function OrderManagementPanel({
+  title = "Order",
+  description,
+  status,
+  metadata,
+  actions,
+  footer,
+  children,
+  className,
+  items = defaultOrderFulfillmentItems,
+  customer,
+  orderTotal,
+  paymentTerms,
+  shipTo,
+  carrier,
+  eta,
+  fulfillmentOwner = "Fulfillment operations",
+  ...props
+}) {
+  const orderStatus = status ?? deriveOrderStatus(items) ?? "not-started";
+  const currentIndex = currentOrderStepIndex(items);
+  const currentStep = items[currentIndex];
+  const completedCount = items.filter((item) => isOrderStepComplete(item.status)).length;
+  const attentionCount = items.filter(needsOrderAttention).length;
+  const lifecycleHeadingId = React.useId();
+  const executionHeadingId = React.useId();
+  const computedMetadata = metadata ?? [
+    {
+      label: "Fulfillment",
+      value: items.length ? `${completedCount}/${items.length} checkpoints` : void 0
+    },
+    { label: "Carrier", value: carrier },
+    { label: "ETA", value: eta },
+    {
+      label: "Exceptions",
+      value: attentionCount ? `${attentionCount} open` : "None"
+    }
+  ].filter((item) => hasDisplayValue(item.value));
+  const executionSummary = [
+    { label: "Customer", value: customer },
+    { label: "Current checkpoint", value: currentStep?.label },
+    { label: "Owner", value: currentStep?.owner ?? fulfillmentOwner },
+    { label: "Ship to", value: shipTo },
+    { label: "Payment terms", value: paymentTerms },
+    { label: "Order total", value: orderTotal }
+  ].filter((item) => hasDisplayValue(item.value));
+  const activeException = items.find(needsOrderAttention);
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "OrderManagementPanel",
+      title,
+      description,
+      status: orderStatus,
+      metadata: computedMetadata.length ? computedMetadata : void 0,
+      actions,
+      footer,
+      className: ["eth-domain-order-management", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "eth-domain-order-management__body", children: [
+          /* @__PURE__ */ jsxs(
+            "section",
+            {
+              className: "eth-domain-order-management__timeline",
+              "aria-labelledby": lifecycleHeadingId,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eth-domain-order-management__section-header", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { children: "Fulfillment" }),
+                    /* @__PURE__ */ jsx("h3", { id: lifecycleHeadingId, children: "Lifecycle" })
+                  ] }),
+                  /* @__PURE__ */ jsx("strong", { children: items.length ? `${completedCount} of ${items.length} complete` : "No checkpoints" })
+                ] }),
+                items.length ? /* @__PURE__ */ jsx("ol", { className: "eth-domain-order-management__steps", children: items.map((item, index) => {
+                  const itemStatus = item.status ?? "not-started";
+                  const labelContent = item.href ? /* @__PURE__ */ jsx("a", { href: item.href, children: item.label }) : item.label;
+                  const detailRows = [
+                    { label: "Owner", value: item.owner },
+                    { label: "Location", value: item.location },
+                    { label: "Quantity", value: item.quantity },
+                    { label: "Time", value: item.timestamp ?? item.meta }
+                  ].filter((detail) => hasDisplayValue(detail.value));
+                  return /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      "aria-current": index === currentIndex ? "step" : void 0,
+                      "data-current": index === currentIndex ? "true" : void 0,
+                      "data-status": itemStatus,
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "eth-domain-order-management__step-marker", "aria-hidden": "true", children: index + 1 }),
+                        /* @__PURE__ */ jsxs("div", { className: "eth-domain-order-management__step-main", children: [
+                          /* @__PURE__ */ jsxs("div", { className: "eth-domain-order-management__step-heading", children: [
+                            /* @__PURE__ */ jsx("strong", { children: labelContent }),
+                            /* @__PURE__ */ jsx(StatusDot, { status: itemStatus, label: statusLabel(itemStatus) })
+                          ] }),
+                          item.description ? /* @__PURE__ */ jsx("p", { children: item.description }) : null,
+                          detailRows.length ? /* @__PURE__ */ jsx("dl", { className: "eth-domain-order-management__step-meta", children: detailRows.map((detail, detailIndex) => /* @__PURE__ */ jsxs("div", { children: [
+                            /* @__PURE__ */ jsx("dt", { children: detail.label }),
+                            /* @__PURE__ */ jsx("dd", { children: detail.value })
+                          ] }, detailIndex)) }) : null,
+                          item.exception ? /* @__PURE__ */ jsx("div", { className: "eth-domain-order-management__step-exception", children: item.exception }) : null,
+                          /* @__PURE__ */ jsx(OrderFulfillmentActions, { actions: item.actions })
+                        ] })
+                      ]
+                    },
+                    item.id
+                  );
+                }) }) : /* @__PURE__ */ jsx("div", { className: "eth-domain-order-management__empty", children: "No fulfillment checkpoints configured." })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "aside",
+            {
+              className: "eth-domain-order-management__execution",
+              "aria-labelledby": executionHeadingId,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eth-domain-order-management__section-header", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { children: "Execution" }),
+                    /* @__PURE__ */ jsx("h3", { id: executionHeadingId, children: "Order controls" })
+                  ] }),
+                  /* @__PURE__ */ jsx(StatusDot, { status: orderStatus, label: statusLabel(orderStatus) })
+                ] }),
+                executionSummary.length ? /* @__PURE__ */ jsx("dl", { className: "eth-domain-order-management__summary", children: executionSummary.map((item, index) => /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("dt", { children: item.label }),
+                  /* @__PURE__ */ jsx("dd", { children: item.value })
+                ] }, index)) }) : null,
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "eth-domain-order-management__attention",
+                    "data-status": activeException ? activeException.status ?? "warning" : "completed",
+                    children: [
+                      /* @__PURE__ */ jsx("span", { children: "Exception state" }),
+                      /* @__PURE__ */ jsx("strong", { children: activeException ? activeException.label : "No active fulfillment exceptions" }),
+                      activeException?.exception ? /* @__PURE__ */ jsx("p", { children: activeException.exception }) : null
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        children
+      ]
+    }
+  );
+}
+var defaultKnowledgeBaseSections = [
+  {
+    id: "routing",
+    title: "Approval routing",
+    body: "Requests with external recipients enter legal review before delivery. The route records each approver, decision, exception reason, and timestamp for audit export.",
+    status: "active"
+  },
+  {
+    id: "exceptions",
+    title: "Exception handling",
+    body: "If legal requests a change, the article owner receives a revision task and external send remains disabled until the legal approval returns.",
+    status: "pending-approval"
+  }
+];
+var defaultKnowledgeBaseRelatedArticles = [
+  {
+    id: "legal-review-sla",
+    label: "Legal review SLA",
+    description: "Response windows, backup approvers, and overdue escalation paths.",
+    meta: "Policy",
+    type: "Policy",
+    updatedAt: "Updated May 20",
+    status: "active"
+  },
+  {
+    id: "external-send-controls",
+    label: "External send controls",
+    description: "Controls that keep outbound delivery locked while approval is open.",
+    meta: "Runbook",
+    type: "Runbook",
+    updatedAt: "Updated May 18",
+    status: "in-progress"
+  }
+];
+var defaultKnowledgeBaseCitations = [
+  {
+    id: "approval-policy",
+    label: "External send approval policy",
+    source: "Policy KB-214",
+    excerpt: "Outbound delivery requires recorded legal approval.",
+    status: "completed"
+  },
+  {
+    id: "audit-control",
+    label: "Audit evidence control",
+    source: "Control AE-09",
+    excerpt: "Approval decisions must include owner, timestamp, and reason.",
+    status: "active"
+  }
+];
+function knowledgeBaseStatusLabel(status) {
+  return status ? statusLabel(status) : "Published";
+}
+function hasKnowledgeBaseNode(node) {
+  return node !== void 0 && node !== null && node !== false && node !== "";
+}
+function renderKnowledgeBaseNode(node) {
+  if (!hasKnowledgeBaseNode(node)) return null;
+  if (typeof node === "string" || typeof node === "number") return /* @__PURE__ */ jsx("p", { children: node });
+  return node;
+}
+function ComplianceChecklist({
+  title = "Compliance checklist",
+  description = "Evidence readiness, control ownership, and audit state for the current review.",
+  items = [],
+  metadata,
+  status,
+  footer,
+  children,
+  className,
+  ...props
+}) {
+  const completeCount = items.filter((item) => isComplianceComplete(item.status)).length;
+  const attentionCount = items.filter((item) => needsComplianceAttention(item.status)).length;
+  const evidenceCount = items.filter(hasComplianceEvidence).length;
+  const computedMetadata = metadata ?? (items.length ? [
+    { label: "Complete", value: `${completeCount}/${items.length}` },
+    { label: "Needs attention", value: attentionCount },
+    { label: "Evidence linked", value: `${evidenceCount}/${items.length}` }
+  ] : void 0);
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "ComplianceChecklist",
+      title,
+      description,
+      status: status ?? deriveComplianceStatus(items),
+      metadata: computedMetadata,
+      footer,
+      className: ["eth-domain-compliance-checklist", className].filter(Boolean).join(" "),
+      children: [
+        items.length ? /* @__PURE__ */ jsx("div", { className: "eth-domain-compliance-checklist__table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "eth-domain-compliance-checklist__table", children: [
+          /* @__PURE__ */ jsx("caption", { className: "eth-domain-compliance-checklist__caption", children: "Compliance evidence checklist" }),
+          /* @__PURE__ */ jsxs("colgroup", { children: [
+            /* @__PURE__ */ jsx("col", { className: "eth-domain-compliance-checklist__control-col" }),
+            /* @__PURE__ */ jsx("col", { className: "eth-domain-compliance-checklist__owner-col" }),
+            /* @__PURE__ */ jsx("col", { className: "eth-domain-compliance-checklist__evidence-col" }),
+            /* @__PURE__ */ jsx("col", { className: "eth-domain-compliance-checklist__state-col" })
+          ] }),
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { scope: "col", children: "Control" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: "Owner" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: "Evidence" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", children: "Audit state" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: items.map((item) => {
+            const itemStatus = item.status ?? "not-started";
+            const labelContent = item.href ? /* @__PURE__ */ jsx("a", { href: item.href, children: item.label }) : item.label;
+            const evidenceContent = item.evidence ?? item.evidenceLabel ?? item.meta;
+            return /* @__PURE__ */ jsxs("tr", { "data-status": itemStatus, children: [
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-compliance-checklist__control", children: [
+                item.controlId ? /* @__PURE__ */ jsx("span", { className: "eth-domain-compliance-checklist__control-id", children: item.controlId }) : null,
+                /* @__PURE__ */ jsx("strong", { children: labelContent }),
+                item.description ? /* @__PURE__ */ jsx("p", { children: item.description }) : null
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-compliance-checklist__cell-stack", children: [
+                /* @__PURE__ */ jsx("strong", { children: item.owner ?? "Unassigned" }),
+                item.dueDate ? /* @__PURE__ */ jsxs("span", { className: "eth-domain-compliance-checklist__secondary", children: [
+                  "Due ",
+                  item.dueDate
+                ] }) : null
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-compliance-checklist__cell-stack", children: [
+                evidenceContent ? item.evidenceHref ? /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    className: "eth-domain-compliance-checklist__evidence-link",
+                    href: item.evidenceHref,
+                    children: evidenceContent
+                  }
+                ) : /* @__PURE__ */ jsx("strong", { children: evidenceContent }) : /* @__PURE__ */ jsx("span", { className: "eth-domain-compliance-checklist__secondary", children: "Evidence not linked" }),
+                item.updatedAt ? /* @__PURE__ */ jsx("span", { className: "eth-domain-compliance-checklist__secondary", children: item.updatedAt }) : null
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-compliance-checklist__state", children: [
+                /* @__PURE__ */ jsx(StatusDot, { status: itemStatus, label: statusLabel(itemStatus) }),
+                item.required ? /* @__PURE__ */ jsx("span", { className: "eth-domain-compliance-checklist__requirement", children: "Required" }) : null
+              ] }) })
+            ] }, item.id);
+          }) })
+        ] }) }) : /* @__PURE__ */ jsx("div", { className: "eth-domain-compliance-checklist__empty", children: "No compliance controls configured." }),
+        children
+      ]
+    }
+  );
+}
+function RiskMatrixActions({ actions }) {
+  if (!actions?.length) return null;
+  return /* @__PURE__ */ jsx("div", { className: "eth-domain-risk-matrix__item-actions", children: actions.map(
+    (action) => action.href ? /* @__PURE__ */ jsx(
+      LinkButton,
+      {
+        href: action.disabled ? void 0 : action.href,
+        intent: action.intent ?? "ghost",
+        density: "compact",
+        "aria-disabled": action.disabled ? true : void 0,
+        tabIndex: action.disabled ? -1 : void 0,
+        children: action.label
+      },
+      action.id
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        intent: action.intent ?? "ghost",
+        density: "compact",
+        disabled: action.disabled,
+        onClick: action.onSelect,
+        children: action.label
+      },
+      action.id
+    )
+  ) });
+}
+function RiskMatrixFact({
+  label,
+  value
+}) {
+  if (!hasDisplayValue(value)) return null;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("dt", { children: label }),
+    /* @__PURE__ */ jsx("dd", { children: value })
+  ] });
+}
+function RiskMatrix({
+  title = "Risk register",
+  description = "Impact and probability register with mitigation ownership.",
+  status,
+  severity,
+  metadata,
+  actions,
+  footer,
+  children,
+  className,
+  items = [],
+  selectedItemId,
+  view,
+  reviewCadence,
+  onViewChange,
+  ...props
+}) {
+  const matrixHeadingId = React.useId();
+  const registerHeadingId = React.useId();
+  const [internalView, setInternalView] = React.useState("matrix");
+  const currentView = view ?? internalView;
+  const risks = items.map(resolveRiskMatrixItem).sort(compareRiskPriority);
+  const priorityRisk = selectedItemId ? risks.find((item) => item.id === selectedItemId) ?? risks[0] : risks[0];
+  const criticalCount = risks.filter((item) => item.resolvedSeverity === "critical").length;
+  const highCount = risks.filter((item) => item.resolvedSeverity === "high").length;
+  const mediumCount = risks.filter((item) => item.resolvedSeverity === "medium").length;
+  const priorityStatus = priorityRisk ? priorityRisk.status ?? deriveRiskMatrixStatus([priorityRisk]) ?? "active" : "active";
+  const computedMetadata = metadata ?? [
+    { label: "Open risks", value: risks.length },
+    { label: "Critical", value: criticalCount },
+    { label: "High", value: highCount },
+    { label: "Medium", value: mediumCount }
+  ];
+  const changeView = (nextView) => {
+    if (view === void 0) setInternalView(nextView);
+    onViewChange?.(nextView);
+  };
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "RiskMatrix",
+      title,
+      description,
+      status: status ?? deriveRiskMatrixStatus(risks),
+      severity: severity ?? deriveRiskMatrixSurfaceSeverity(risks),
+      metadata: computedMetadata,
+      actions,
+      footer,
+      className: ["eth-domain-risk-matrix", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "eth-domain-risk-matrix__toolbar",
+            role: "group",
+            "aria-label": "Risk matrix controls",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-risk-matrix__view-switch", role: "group", "aria-label": "Risk view", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    intent: currentView === "matrix" ? "secondary" : "ghost",
+                    density: "compact",
+                    "aria-label": "Matrix view",
+                    "aria-pressed": currentView === "matrix",
+                    onClick: () => changeView("matrix"),
+                    children: "Matrix"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    intent: currentView === "register" ? "secondary" : "ghost",
+                    density: "compact",
+                    "aria-label": "Register view",
+                    "aria-pressed": currentView === "register",
+                    onClick: () => changeView("register"),
+                    children: "Register"
+                  }
+                )
+              ] }),
+              reviewCadence ? /* @__PURE__ */ jsxs("span", { className: "eth-domain-risk-matrix__cadence", children: [
+                "Review ",
+                /* @__PURE__ */ jsx("strong", { children: reviewCadence })
+              ] }) : null,
+              criticalCount || highCount ? /* @__PURE__ */ jsxs("span", { className: "eth-domain-risk-matrix__attention", children: [
+                criticalCount,
+                " critical / ",
+                highCount,
+                " high"
+              ] }) : null
+            ]
+          }
+        ),
+        risks.length ? /* @__PURE__ */ jsxs("div", { className: "eth-domain-risk-matrix__workspace", "data-view": currentView, children: [
+          currentView === "matrix" ? /* @__PURE__ */ jsxs(
+            "section",
+            {
+              className: "eth-domain-risk-matrix__matrix-panel",
+              "aria-labelledby": matrixHeadingId,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eth-domain-risk-matrix__panel-header", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { children: "Matrix" }),
+                    /* @__PURE__ */ jsx("h3", { id: matrixHeadingId, children: "Impact x probability" })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "eth-domain-risk-matrix__legend",
+                      role: "list",
+                      "aria-label": "Risk severity legend",
+                      children: ["low", "medium", "high", "critical"].map(
+                        (riskSeverity) => /* @__PURE__ */ jsx("span", { "data-severity": riskSeverity, role: "listitem", children: riskImpactLabels[riskSeverity] }, riskSeverity)
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "eth-domain-risk-matrix__grid",
+                    role: "grid",
+                    "aria-label": "Impact probability risk matrix",
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: "eth-domain-risk-matrix__grid-row eth-domain-risk-matrix__grid-row--header",
+                          role: "row",
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "eth-domain-risk-matrix__corner", role: "columnheader", children: "Impact" }),
+                            riskProbabilityLevels.map((probability) => /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                className: "eth-domain-risk-matrix__axis",
+                                role: "columnheader",
+                                children: [
+                                  /* @__PURE__ */ jsx("span", { children: "Probability" }),
+                                  /* @__PURE__ */ jsx("strong", { children: riskProbabilityLabels[probability] })
+                                ]
+                              },
+                              probability
+                            ))
+                          ]
+                        }
+                      ),
+                      riskImpactLevels.map((impact) => /* @__PURE__ */ jsxs("div", { className: "eth-domain-risk-matrix__grid-row", role: "row", children: [
+                        /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            className: "eth-domain-risk-matrix__axis eth-domain-risk-matrix__row-axis",
+                            role: "rowheader",
+                            children: [
+                              /* @__PURE__ */ jsx("span", { children: "Impact" }),
+                              /* @__PURE__ */ jsx("strong", { children: riskImpactLabels[impact] })
+                            ]
+                          }
+                        ),
+                        riskProbabilityLevels.map((probability) => {
+                          const cellRisks = risks.filter(
+                            (item) => item.resolvedImpact === impact && item.resolvedProbability === probability
+                          );
+                          const cellSeverity = cellRisks[0]?.resolvedSeverity ?? riskSeverityFromScore(impact, probability);
+                          return /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: "eth-domain-risk-matrix__cell",
+                              "data-severity": cellSeverity,
+                              role: "gridcell",
+                              "aria-label": `${riskImpactLabels[impact]} impact, ${riskProbabilityLabels[probability]} probability: ${riskCountLabel(cellRisks.length)}`,
+                              children: cellRisks.length ? /* @__PURE__ */ jsx("div", { className: "eth-domain-risk-matrix__cell-risks", role: "list", children: cellRisks.map((risk) => {
+                                const labelContent = risk.href ? /* @__PURE__ */ jsx("a", { href: risk.href, children: risk.label }) : risk.label;
+                                return /* @__PURE__ */ jsxs(
+                                  "article",
+                                  {
+                                    className: "eth-domain-risk-matrix__risk-card",
+                                    "data-severity": risk.resolvedSeverity,
+                                    role: "listitem",
+                                    children: [
+                                      /* @__PURE__ */ jsx("span", { className: "eth-domain-risk-matrix__risk-score", children: risk.score ?? risk.resolvedScore }),
+                                      /* @__PURE__ */ jsxs("div", { className: "eth-domain-risk-matrix__risk-card-main", children: [
+                                        /* @__PURE__ */ jsx("strong", { children: labelContent }),
+                                        /* @__PURE__ */ jsxs("div", { className: "eth-domain-risk-matrix__risk-card-meta", children: [
+                                          risk.owner ? /* @__PURE__ */ jsx("span", { children: risk.owner }) : null,
+                                          risk.dueDate ? /* @__PURE__ */ jsx("span", { children: risk.dueDate }) : null
+                                        ] })
+                                      ] })
+                                    ]
+                                  },
+                                  risk.id
+                                );
+                              }) }) : /* @__PURE__ */ jsx("span", { className: "eth-domain-risk-matrix__empty-cell", children: "No risks" })
+                            },
+                            `${impact}-${probability}`
+                          );
+                        })
+                      ] }, impact))
+                    ]
+                  }
+                )
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs("aside", { className: "eth-domain-risk-matrix__detail", "aria-label": "Highest priority risk", children: [
+            priorityRisk ? /* @__PURE__ */ jsxs(Fragment2, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-risk-matrix__panel-header", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { children: "Highest priority" }),
+                  /* @__PURE__ */ jsx("h3", { children: priorityRisk.label })
+                ] }),
+                /* @__PURE__ */ jsx(StatusDot, { status: priorityStatus, label: statusLabel(priorityStatus) })
+              ] }),
+              priorityRisk.description ? /* @__PURE__ */ jsx("p", { children: priorityRisk.description }) : null,
+              /* @__PURE__ */ jsxs("dl", { className: "eth-domain-risk-matrix__facts", children: [
+                /* @__PURE__ */ jsx(
+                  RiskMatrixFact,
+                  {
+                    label: "Impact",
+                    value: riskImpactLabels[priorityRisk.resolvedImpact]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  RiskMatrixFact,
+                  {
+                    label: "Probability",
+                    value: riskProbabilityLabels[priorityRisk.resolvedProbability]
+                  }
+                ),
+                /* @__PURE__ */ jsx(RiskMatrixFact, { label: "Owner", value: priorityRisk.owner }),
+                /* @__PURE__ */ jsx(RiskMatrixFact, { label: "Due", value: priorityRisk.dueDate }),
+                /* @__PURE__ */ jsx(
+                  RiskMatrixFact,
+                  {
+                    label: "Score",
+                    value: priorityRisk.score ?? priorityRisk.resolvedScore
+                  }
+                ),
+                /* @__PURE__ */ jsx(RiskMatrixFact, { label: "Review", value: reviewCadence })
+              ] }),
+              priorityRisk.mitigation ? /* @__PURE__ */ jsxs("div", { className: "eth-domain-risk-matrix__mitigation", children: [
+                /* @__PURE__ */ jsx("span", { children: "Mitigation" }),
+                /* @__PURE__ */ jsx("strong", { children: priorityRisk.mitigation })
+              ] }) : null,
+              /* @__PURE__ */ jsx(RiskMatrixActions, { actions: priorityRisk.actions })
+            ] }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-risk-matrix__empty", children: "No priority risk selected." }),
+            /* @__PURE__ */ jsxs(
+              "section",
+              {
+                className: "eth-domain-risk-matrix__register",
+                "aria-labelledby": registerHeadingId,
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "eth-domain-risk-matrix__panel-header", children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("span", { children: "Register" }),
+                      /* @__PURE__ */ jsx("h3", { id: registerHeadingId, children: "Mapped risks" })
+                    ] }),
+                    /* @__PURE__ */ jsx("strong", { children: riskCountLabel(risks.length) })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "eth-domain-risk-matrix__register-list", role: "list", children: risks.map((risk) => {
+                    const itemStatus = risk.status ?? deriveRiskMatrixStatus([risk]) ?? "active";
+                    return /* @__PURE__ */ jsxs(
+                      "article",
+                      {
+                        className: "eth-domain-risk-matrix__register-item",
+                        "data-severity": risk.resolvedSeverity,
+                        role: "listitem",
+                        children: [
+                          /* @__PURE__ */ jsxs("div", { children: [
+                            /* @__PURE__ */ jsx("strong", { children: risk.label }),
+                            /* @__PURE__ */ jsxs("span", { children: [
+                              riskImpactLabels[risk.resolvedImpact],
+                              " /",
+                              " ",
+                              riskProbabilityLabels[risk.resolvedProbability]
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsx(StatusDot, { status: itemStatus, label: statusLabel(itemStatus) })
+                        ]
+                      },
+                      risk.id
+                    );
+                  }) })
+                ]
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsx("div", { className: "eth-domain-risk-matrix__empty", children: "No risks mapped." }),
+        children
+      ]
+    }
+  );
+}
+function InvoiceViewer({
+  title = "Invoice",
+  description,
+  status = "pending-approval",
+  items = [],
+  metadata,
+  actions,
+  footer,
+  children,
+  className,
+  customer,
+  dueDate,
+  terms,
+  owner,
+  subtotal,
+  tax,
+  total,
+  amountDue,
+  payments = [],
+  ...props
+}) {
+  const computedMetadata = metadata ?? [
+    { label: "Amount due", value: amountDue ?? total },
+    { label: "Due date", value: dueDate },
+    { label: "Terms", value: terms },
+    { label: "Owner", value: owner ?? customer }
+  ].filter((item) => hasDisplayValue(item.value));
+  const summaryRows = [
+    { label: "Subtotal", value: subtotal },
+    { label: "Tax", value: tax },
+    { label: "Total", value: total },
+    { label: "Amount due", value: amountDue ?? total, emphasis: true }
+  ].filter((item) => hasDisplayValue(item.value));
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "InvoiceViewer",
+      title,
+      description,
+      status,
+      metadata: computedMetadata.length ? computedMetadata : void 0,
+      actions,
+      footer,
+      className: ["eth-domain-invoice-viewer", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "eth-domain-invoice-viewer__body", children: [
+          /* @__PURE__ */ jsxs("section", { className: "eth-domain-invoice-viewer__section", "aria-label": "Invoice line items", children: [
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-invoice-viewer__section-header", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Charges" }),
+                /* @__PURE__ */ jsx("h3", { children: "Line items" })
+              ] }),
+              /* @__PURE__ */ jsxs("strong", { children: [
+                items.length,
+                " item",
+                items.length === 1 ? "" : "s"
+              ] })
+            ] }),
+            items.length ? /* @__PURE__ */ jsx("div", { className: "eth-domain-invoice-viewer__table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "eth-domain-invoice-viewer__table", children: [
+              /* @__PURE__ */ jsx("caption", { className: "eth-domain-invoice-viewer__caption", children: "Invoice line items" }),
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("th", { scope: "col", children: "Item" }),
+                /* @__PURE__ */ jsx("th", { scope: "col", children: "Qty" }),
+                /* @__PURE__ */ jsx("th", { scope: "col", children: "Rate" }),
+                /* @__PURE__ */ jsx("th", { scope: "col", children: "Amount" })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: items.map((item) => {
+                const itemStatus = item.status ?? "not-started";
+                const labelContent = item.href ? /* @__PURE__ */ jsx("a", { href: item.href, children: item.label }) : item.label;
+                return /* @__PURE__ */ jsxs("tr", { "data-status": itemStatus, children: [
+                  /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-invoice-viewer__line-item", children: [
+                    /* @__PURE__ */ jsx("strong", { children: labelContent }),
+                    item.description ? /* @__PURE__ */ jsx("p", { children: item.description }) : null,
+                    item.status ? /* @__PURE__ */ jsx(StatusDot, { status: item.status, label: statusLabel(item.status) }) : null
+                  ] }) }),
+                  /* @__PURE__ */ jsx("td", { children: item.quantity ?? "1" }),
+                  /* @__PURE__ */ jsx("td", { children: item.rate ?? "-" }),
+                  /* @__PURE__ */ jsx("td", { children: item.amount ?? item.meta ?? "-" })
+                ] }, item.id);
+              }) })
+            ] }) }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-invoice-viewer__empty", children: "No invoice line items available." })
+          ] }),
+          /* @__PURE__ */ jsxs("aside", { className: "eth-domain-invoice-viewer__section", "aria-label": "Payment summary", children: [
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-invoice-viewer__section-header", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Payment" }),
+                /* @__PURE__ */ jsx("h3", { children: "Summary" })
+              ] }),
+              /* @__PURE__ */ jsx(StatusDot, { status, label: statusLabel(status) })
+            ] }),
+            summaryRows.length ? /* @__PURE__ */ jsx("dl", { className: "eth-domain-invoice-viewer__totals", children: summaryRows.map((row, index) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: row.emphasis ? "eth-domain-invoice-viewer__total" : void 0,
+                children: [
+                  /* @__PURE__ */ jsx("dt", { children: row.label }),
+                  /* @__PURE__ */ jsx("dd", { children: row.value })
+                ]
+              },
+              index
+            )) }) : null,
+            payments.length ? /* @__PURE__ */ jsx("ol", { className: "eth-domain-invoice-viewer__payments", "aria-label": "Payment milestones", children: payments.map((payment) => {
+              const paymentStatus = payment.status ?? "queued";
+              return /* @__PURE__ */ jsxs("li", { "data-status": paymentStatus, children: [
+                /* @__PURE__ */ jsxs("div", { className: "eth-domain-invoice-viewer__payment-main", children: [
+                  /* @__PURE__ */ jsx("strong", { children: payment.label }),
+                  payment.dueDate || payment.description ? /* @__PURE__ */ jsx("span", { children: payment.dueDate ?? payment.description }) : null
+                ] }),
+                hasDisplayValue(payment.amount ?? payment.meta) ? /* @__PURE__ */ jsx("span", { className: "eth-domain-invoice-viewer__payment-amount", children: payment.amount ?? payment.meta }) : null
+              ] }, payment.id);
+            }) }) : null
+          ] })
+        ] }),
+        children
+      ]
+    }
+  );
+}
+function KnowledgeBaseArticleViewer({
+  title = "Knowledge base article",
+  description,
+  status = "active",
+  metadata,
+  actions,
+  footer,
+  children,
+  className,
+  body,
+  sections,
+  relatedArticles,
+  citations = defaultKnowledgeBaseCitations,
+  items,
+  articleStatusLabel,
+  ...props
+}) {
+  const hasBody = hasKnowledgeBaseNode(body) || React.Children.count(children) > 0;
+  const articleSections = sections ?? (hasBody ? [] : defaultKnowledgeBaseSections);
+  const related = relatedArticles ?? items ?? defaultKnowledgeBaseRelatedArticles;
+  const articleHeadingId = React.useId();
+  const relatedHeadingId = React.useId();
+  const citationsHeadingId = React.useId();
+  return /* @__PURE__ */ jsx(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "KnowledgeBaseArticleViewer",
+      title,
+      description,
+      status,
+      metadata,
+      actions,
+      footer,
+      className: ["eth-domain-knowledge-base-viewer", className].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-knowledge-base-viewer__workspace", children: [
+        /* @__PURE__ */ jsxs(
+          "article",
+          {
+            className: "eth-domain-knowledge-base-viewer__article",
+            "aria-labelledby": articleHeadingId,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-knowledge-base-viewer__article-header", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { children: "Article body" }),
+                  /* @__PURE__ */ jsx("h3", { id: articleHeadingId, children: "Guidance" })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  StatusDot,
+                  {
+                    status,
+                    label: articleStatusLabel ?? knowledgeBaseStatusLabel(status)
+                  }
+                )
+              ] }),
+              hasBody ? /* @__PURE__ */ jsxs("div", { className: "eth-domain-knowledge-base-viewer__body", children: [
+                renderKnowledgeBaseNode(body),
+                children
+              ] }) : null,
+              articleSections.length ? /* @__PURE__ */ jsx("div", { className: "eth-domain-knowledge-base-viewer__sections", children: articleSections.map((section) => /* @__PURE__ */ jsxs(
+                "section",
+                {
+                  className: "eth-domain-knowledge-base-viewer__section",
+                  "data-status": section.status,
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "eth-domain-knowledge-base-viewer__section-heading", children: [
+                      /* @__PURE__ */ jsx("h4", { children: section.title }),
+                      section.status ? /* @__PURE__ */ jsx(StatusDot, { status: section.status, label: statusLabel(section.status) }) : null
+                    ] }),
+                    renderKnowledgeBaseNode(section.body)
+                  ]
+                },
+                section.id
+              )) }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("aside", { className: "eth-domain-knowledge-base-viewer__rail", children: [
+          /* @__PURE__ */ jsxs(
+            "section",
+            {
+              className: "eth-domain-knowledge-base-viewer__panel",
+              "aria-labelledby": relatedHeadingId,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eth-domain-knowledge-base-viewer__panel-header", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Knowledge graph" }),
+                  /* @__PURE__ */ jsx("h3", { id: relatedHeadingId, children: "Related content" })
+                ] }),
+                related.length ? /* @__PURE__ */ jsx("div", { className: "eth-domain-knowledge-base-viewer__related-list", role: "list", children: related.map((item) => {
+                  const labelContent = item.href ? /* @__PURE__ */ jsx("a", { href: item.href, children: item.label }) : item.label;
+                  return /* @__PURE__ */ jsxs(
+                    "article",
+                    {
+                      className: "eth-domain-knowledge-base-viewer__related-item",
+                      role: "listitem",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { children: [
+                          /* @__PURE__ */ jsx("strong", { children: labelContent }),
+                          item.description ? /* @__PURE__ */ jsx("p", { children: item.description }) : null
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "eth-domain-knowledge-base-viewer__item-meta", children: [
+                          item.type ?? item.meta ? /* @__PURE__ */ jsx("span", { children: item.type ?? item.meta }) : null,
+                          item.updatedAt ? /* @__PURE__ */ jsx("span", { children: item.updatedAt }) : null,
+                          item.status ? /* @__PURE__ */ jsx(StatusDot, { status: item.status, label: statusLabel(item.status) }) : null
+                        ] })
+                      ]
+                    },
+                    item.id
+                  );
+                }) }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-knowledge-base-viewer__empty", children: "No related content linked." })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "section",
+            {
+              className: "eth-domain-knowledge-base-viewer__panel",
+              "aria-labelledby": citationsHeadingId,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eth-domain-knowledge-base-viewer__panel-header", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Evidence" }),
+                  /* @__PURE__ */ jsx("h3", { id: citationsHeadingId, children: "Citations" })
+                ] }),
+                citations.length ? /* @__PURE__ */ jsx("ol", { className: "eth-domain-knowledge-base-viewer__citations", children: citations.map((citation) => {
+                  const labelContent = citation.href ? /* @__PURE__ */ jsx("a", { href: citation.href, children: citation.label }) : citation.label;
+                  return /* @__PURE__ */ jsxs("li", { children: [
+                    /* @__PURE__ */ jsxs("div", { className: "eth-domain-knowledge-base-viewer__citation-main", children: [
+                      /* @__PURE__ */ jsx("strong", { children: labelContent }),
+                      citation.source ? /* @__PURE__ */ jsx("span", { children: citation.source }) : null,
+                      renderKnowledgeBaseNode(citation.excerpt)
+                    ] }),
+                    citation.status ? /* @__PURE__ */ jsx(StatusDot, { status: citation.status, label: statusLabel(citation.status) }) : null
+                  ] }, citation.id);
+                }) }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-knowledge-base-viewer__empty", children: "No citations attached." })
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var defaultDataImportSteps = [
+  {
+    id: "upload",
+    label: "Upload CSV",
+    description: "File accepted and parsed into a preview set.",
+    status: "completed"
+  },
+  {
+    id: "map",
+    label: "Map fields",
+    description: "Match source columns to the destination object.",
+    status: "in-progress"
+  },
+  {
+    id: "validate",
+    label: "Validate",
+    description: "Run required field and duplicate checks.",
+    status: "queued"
+  },
+  {
+    id: "submit",
+    label: "Submit",
+    description: "Create records after validation passes.",
+    status: "not-started"
+  }
+];
+function dataImportStatusFromSteps(steps) {
+  if (!steps.length) return void 0;
+  if (steps.some((step) => step.status === "blocked" || step.status === "failed")) {
+    return "blocked";
+  }
+  if (steps.every((step) => step.status === "completed" || step.status === "succeeded")) {
+    return "completed";
+  }
+  if (steps.some(
+    (step) => step.status === "in-progress" || step.status === "running" || step.status === "active"
+  )) {
+    return "in-progress";
+  }
+  if (steps.some((step) => step.status === "queued" || step.status === "pending-approval")) {
+    return "queued";
+  }
+  return "not-started";
+}
+function isCompletedImportStep(status) {
+  return status === "completed" || status === "succeeded" || status === "synced";
+}
+function isCurrentImportStep(status) {
+  return status === "in-progress" || status === "running" || status === "active";
+}
+function currentImportStepIndex(steps) {
+  const activeIndex = steps.findIndex((step) => isCurrentImportStep(step.status));
+  if (activeIndex >= 0) return activeIndex;
+  const nextIndex = steps.findIndex((step) => !isCompletedImportStep(step.status));
+  return nextIndex >= 0 ? nextIndex : Math.max(steps.length - 1, 0);
+}
+function DataImportWizard({
+  title = "Data import",
+  description = "Import, map, validate, and submit records.",
+  items = defaultDataImportSteps,
+  metadata,
+  status,
+  actions,
+  footer,
+  children,
+  className,
+  fileName,
+  sourceLabel,
+  rowCount,
+  columnCount,
+  mappingCount,
+  validationSummary,
+  mappings = [],
+  validationIssues = [],
+  ...props
+}) {
+  const currentIndex = currentImportStepIndex(items);
+  const completeCount = items.filter((item) => isCompletedImportStep(item.status)).length;
+  const computedMetadata = metadata ?? [
+    { label: "File", value: fileName },
+    { label: "Rows", value: rowCount },
+    { label: "Columns", value: columnCount },
+    { label: "Mapped", value: mappingCount },
+    { label: "Validation", value: validationSummary }
+  ].filter((item) => hasDisplayValue(item.value));
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "DataImportWizard",
+      title,
+      description,
+      status: status ?? dataImportStatusFromSteps(items),
+      metadata: computedMetadata.length ? computedMetadata : void 0,
+      actions,
+      footer,
+      className: ["eth-domain-data-import-wizard", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx("ol", { className: "eth-domain-data-import-wizard__steps", "aria-label": "Data import progress", children: items.map((step, index) => {
+          const stepStatus = step.status ?? "not-started";
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              "aria-current": index === currentIndex ? "step" : void 0,
+              className: "eth-domain-data-import-wizard__step",
+              "data-current": index === currentIndex ? "true" : void 0,
+              "data-status": stepStatus,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "eth-domain-data-import-wizard__step-marker", "aria-hidden": "true", children: index + 1 }),
+                /* @__PURE__ */ jsxs("span", { className: "eth-domain-data-import-wizard__step-copy", children: [
+                  /* @__PURE__ */ jsx("strong", { children: step.label }),
+                  step.description ? /* @__PURE__ */ jsx("span", { children: step.description }) : null
+                ] }),
+                /* @__PURE__ */ jsx(StatusDot, { status: stepStatus, label: statusLabel(stepStatus) })
+              ]
+            },
+            step.id
+          );
+        }) }),
+        /* @__PURE__ */ jsxs("div", { className: "eth-domain-data-import-wizard__workspace", children: [
+          /* @__PURE__ */ jsxs("section", { className: "eth-domain-data-import-wizard__panel", "aria-label": "Upload summary", children: [
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-data-import-wizard__panel-header", children: [
+              /* @__PURE__ */ jsx("span", { children: "Source" }),
+              /* @__PURE__ */ jsx("strong", { children: fileName ?? "No file selected" })
+            ] }),
+            /* @__PURE__ */ jsxs("dl", { className: "eth-domain-data-import-wizard__facts", children: [
+              hasDisplayValue(sourceLabel) ? /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("dt", { children: "Import type" }),
+                /* @__PURE__ */ jsx("dd", { children: sourceLabel })
+              ] }) : null,
+              hasDisplayValue(rowCount) ? /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("dt", { children: "Rows detected" }),
+                /* @__PURE__ */ jsx("dd", { children: rowCount })
+              ] }) : null,
+              hasDisplayValue(columnCount) ? /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("dt", { children: "Columns" }),
+                /* @__PURE__ */ jsx("dd", { children: columnCount })
+              ] }) : null,
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("dt", { children: "Progress" }),
+                /* @__PURE__ */ jsx("dd", { children: items.length ? `${completeCount}/${items.length} steps complete` : "No steps configured" })
+              ] })
+            ] })
+          ] }),
+          mappings.length ? /* @__PURE__ */ jsxs("section", { className: "eth-domain-data-import-wizard__panel eth-domain-data-import-wizard__panel--wide", children: [
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-data-import-wizard__panel-header", children: [
+              /* @__PURE__ */ jsx("span", { children: "Field mapping" }),
+              /* @__PURE__ */ jsx("strong", { children: mappingCount ?? `${mappings.length} fields` })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "eth-domain-data-import-wizard__table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "eth-domain-data-import-wizard__table", children: [
+              /* @__PURE__ */ jsx("caption", { children: "CSV fields mapped to destination properties" }),
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("th", { scope: "col", children: "Source field" }),
+                /* @__PURE__ */ jsx("th", { scope: "col", children: "Destination" }),
+                /* @__PURE__ */ jsx("th", { scope: "col", children: "Sample" }),
+                /* @__PURE__ */ jsx("th", { scope: "col", children: "State" })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: mappings.map((mapping) => {
+                const mappingStatus = mapping.status ?? "not-started";
+                return /* @__PURE__ */ jsxs("tr", { "data-status": mappingStatus, children: [
+                  /* @__PURE__ */ jsxs("td", { children: [
+                    /* @__PURE__ */ jsx("strong", { children: mapping.sourceField }),
+                    mapping.required ? /* @__PURE__ */ jsx("span", { children: "Required" }) : null
+                  ] }),
+                  /* @__PURE__ */ jsx("td", { children: mapping.targetField }),
+                  /* @__PURE__ */ jsx("td", { children: mapping.sample ?? "No sample" }),
+                  /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(StatusDot, { status: mappingStatus, label: statusLabel(mappingStatus) }) })
+                ] }, mapping.id);
+              }) })
+            ] }) })
+          ] }) : null,
+          validationIssues.length || hasDisplayValue(validationSummary) ? /* @__PURE__ */ jsxs("section", { className: "eth-domain-data-import-wizard__panel", children: [
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-data-import-wizard__panel-header", children: [
+              /* @__PURE__ */ jsx("span", { children: "Validation" }),
+              /* @__PURE__ */ jsx("strong", { children: validationSummary ?? "Ready to run" })
+            ] }),
+            validationIssues.length ? /* @__PURE__ */ jsx("ul", { className: "eth-domain-data-import-wizard__issues", "aria-label": "Validation issues", children: validationIssues.map((issue) => {
+              const issueStatus = issue.status ?? "warning";
+              return /* @__PURE__ */ jsxs("li", { "data-status": issueStatus, children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("strong", { children: issue.field }),
+                  /* @__PURE__ */ jsx("span", { children: issue.message })
+                ] }),
+                hasDisplayValue(issue.count) ? /* @__PURE__ */ jsx("span", { children: issue.count }) : null
+              ] }, issue.id);
+            }) }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-data-import-wizard__empty-note", children: "No validation issues have been detected." })
+          ] }) : null
+        ] }),
+        children
+      ]
+    }
+  );
+}
+var defaultMappingTargetOptions = [
+  { value: "", label: "Select target field", disabled: true },
+  { value: "contact.firstName", label: "Contact / First name" },
+  { value: "contact.lastName", label: "Contact / Last name" },
+  { value: "account.name", label: "Account / Name" },
+  { value: "account.domain", label: "Account / Domain" },
+  { value: "opportunity.amount", label: "Opportunity / Amount" },
+  { value: "opportunity.closeDate", label: "Opportunity / Close date" }
+];
+function parseMappingLabel(label) {
+  const text = textFromNode(label).trim();
+  const match = text.match(/^(.*?)\s*(?:→|->)\s*(.*?)$/);
+  if (!match) return void 0;
+  return {
+    source: match[1].trim(),
+    target: match[2].trim()
+  };
+}
+function mappingSource(item) {
+  return item.sourceField ?? parseMappingLabel(item.label)?.source ?? item.label;
+}
+function mappingTarget(item) {
+  return item.targetField ?? parseMappingLabel(item.label)?.target;
+}
+function selectableValue(value) {
+  if (typeof value === "string" || typeof value === "number") return String(value);
+  return void 0;
+}
+function mappingItemStatus(item) {
+  return item.status ?? (hasDisplayValue(mappingTarget(item)) ? "active" : "warning");
+}
+function isMappingUnresolved(item) {
+  const status = mappingItemStatus(item);
+  return !hasDisplayValue(mappingTarget(item)) || status === "warning" || status === "blocked" || status === "failed" || status === "approval-required";
+}
+function mappingWizardStatus(items, issues) {
+  if (!items.length) return "not-started";
+  if (items.some(
+    (item) => ["blocked", "failed", "approval-required"].includes(mappingItemStatus(item))
+  ) || issues.some(
+    (issue) => ["blocked", "failed", "approval-required"].includes(issue.status ?? "warning")
+  )) {
+    return "blocked";
+  }
+  if (items.some(isMappingUnresolved) || issues.length) return "warning";
+  return "active";
+}
+function optionsForMapping(options, value) {
+  if (!value || options.some((option) => option.value === value)) return options;
+  return [...options, { value, label: value }];
+}
+function MappingConfigurationWizard({
+  title = "Mapping configuration",
+  description = "Configure how source fields map into destination objects.",
+  items = [],
+  sourceObject,
+  targetObject,
+  mappingCount,
+  validationSummary,
+  targetOptions = defaultMappingTargetOptions,
+  validationIssues = [],
+  metadata,
+  status,
+  actions,
+  footer,
+  children,
+  className,
+  onMappingChange,
+  onAutoMap,
+  onValidate,
+  onSubmit,
+  ...props
+}) {
+  const [targetOverrides, setTargetOverrides] = React.useState({});
+  React.useEffect(() => {
+    setTargetOverrides({});
+  }, [items]);
+  const resolvedMappingTarget = React.useCallback(
+    (item) => targetOverrides[item.id] ?? mappingTarget(item),
+    [targetOverrides]
+  );
+  const resolvedMappingStatus = React.useCallback(
+    (item) => item.status ?? (hasDisplayValue(resolvedMappingTarget(item)) ? "active" : "warning"),
+    [resolvedMappingTarget]
+  );
+  const isResolvedMappingUnresolved = React.useCallback(
+    (item) => {
+      const itemStatus = resolvedMappingStatus(item);
+      return !hasDisplayValue(resolvedMappingTarget(item)) || itemStatus === "warning" || itemStatus === "blocked" || itemStatus === "failed" || itemStatus === "approval-required";
+    },
+    [resolvedMappingStatus, resolvedMappingTarget]
+  );
+  const mappedCount = items.filter((item) => hasDisplayValue(resolvedMappingTarget(item))).length;
+  const unresolvedCount = items.filter(isResolvedMappingUnresolved).length + validationIssues.length;
+  const resolvedItems = items.map((item) => ({
+    ...item,
+    targetField: resolvedMappingTarget(item),
+    status: resolvedMappingStatus(item)
+  }));
+  const computedStatus = status ?? mappingWizardStatus(resolvedItems, validationIssues);
+  const computedValidationSummary = validationSummary ?? (unresolvedCount ? `${unresolvedCount} ${unresolvedCount === 1 ? "issue" : "issues"} to resolve` : "Ready to apply");
+  const mappingProgressLabel = mappingCount ?? (items.length ? `${mappedCount}/${items.length}` : "No fields");
+  const computedMetadata = metadata ?? [
+    { label: "Source object", value: sourceObject },
+    { label: "Target object", value: targetObject },
+    { label: "Mapped", value: mappingProgressLabel },
+    { label: "Validation", value: computedValidationSummary }
+  ].filter((item) => hasDisplayValue(item.value));
+  const wizardSteps = [
+    {
+      id: "source",
+      label: "Source",
+      description: items.length ? `${items.length} fields detected` : "No fields loaded",
+      status: items.length ? "completed" : "not-started"
+    },
+    {
+      id: "mapping",
+      label: "Map",
+      description: items.length ? `${mappedCount}/${items.length} mapped` : "Awaiting source",
+      status: !items.length ? "not-started" : mappedCount === items.length ? "completed" : "in-progress"
+    },
+    {
+      id: "validation",
+      label: "Validate",
+      description: computedValidationSummary,
+      status: computedStatus === "blocked" ? "blocked" : unresolvedCount ? "warning" : "completed"
+    },
+    {
+      id: "review",
+      label: "Review",
+      description: unresolvedCount ? "Resolve issues first" : "Ready for sync",
+      status: unresolvedCount ? "not-started" : "queued"
+    }
+  ];
+  const currentStepIndex = wizardSteps.findIndex((step) => !isCompletedImportStep(step.status));
+  const currentIndex = currentStepIndex >= 0 ? currentStepIndex : wizardSteps.length - 1;
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "MappingConfigurationWizard",
+      title,
+      description,
+      status: computedStatus,
+      metadata: computedMetadata.length ? computedMetadata : void 0,
+      actions,
+      className: ["eth-domain-mapping-config-wizard", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx("ol", { className: "eth-domain-mapping-config-wizard__steps", "aria-label": "Mapping progress", children: wizardSteps.map((step, index) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            "aria-current": index === currentIndex ? "step" : void 0,
+            className: "eth-domain-mapping-config-wizard__step",
+            "data-current": index === currentIndex ? "true" : void 0,
+            "data-status": step.status,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "eth-domain-mapping-config-wizard__step-marker", "aria-hidden": "true", children: index + 1 }),
+              /* @__PURE__ */ jsxs("span", { className: "eth-domain-mapping-config-wizard__step-copy", children: [
+                /* @__PURE__ */ jsx("strong", { children: step.label }),
+                /* @__PURE__ */ jsx("span", { children: step.description })
+              ] }),
+              /* @__PURE__ */ jsx(StatusDot, { status: step.status, label: statusLabel(step.status) })
+            ]
+          },
+          step.id
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "eth-domain-mapping-config-wizard__workspace", children: [
+          /* @__PURE__ */ jsxs("aside", { className: "eth-domain-mapping-config-wizard__panel", "aria-label": "Object scope", children: [
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-mapping-config-wizard__panel-header", children: [
+              /* @__PURE__ */ jsx("span", { children: "Objects" }),
+              /* @__PURE__ */ jsxs("strong", { children: [
+                sourceObject ?? "Source object",
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " -> " }),
+                targetObject ?? "Target object"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("dl", { className: "eth-domain-mapping-config-wizard__facts", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("dt", { children: "Source object" }),
+                /* @__PURE__ */ jsx("dd", { children: sourceObject ?? "Not selected" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("dt", { children: "Target object" }),
+                /* @__PURE__ */ jsx("dd", { children: targetObject ?? "Not selected" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("dt", { children: "Mapped fields" }),
+                /* @__PURE__ */ jsx("dd", { children: mappingProgressLabel })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("dt", { children: "Validation" }),
+                /* @__PURE__ */ jsx("dd", { children: computedValidationSummary })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "section",
+            {
+              className: "eth-domain-mapping-config-wizard__panel eth-domain-mapping-config-wizard__panel--mapping",
+              "aria-label": "Field mappings",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eth-domain-mapping-config-wizard__panel-header eth-domain-mapping-config-wizard__panel-header--inline", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { children: "Field mapping" }),
+                    /* @__PURE__ */ jsx("strong", { children: mappingCount ?? (items.length ? `${mappedCount}/${items.length} mapped` : "No fields") })
+                  ] }),
+                  /* @__PURE__ */ jsx(Button, { type: "button", intent: "tertiary", density: "compact", onClick: onAutoMap, children: "Auto-map" })
+                ] }),
+                items.length ? /* @__PURE__ */ jsx("div", { className: "eth-domain-mapping-config-wizard__table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "eth-domain-mapping-config-wizard__table", children: [
+                  /* @__PURE__ */ jsx("caption", { children: "Source fields mapped to destination fields" }),
+                  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("th", { scope: "col", children: "Source field" }),
+                    /* @__PURE__ */ jsx("th", { scope: "col", children: "Destination field" }),
+                    /* @__PURE__ */ jsx("th", { scope: "col", children: "Transform" }),
+                    /* @__PURE__ */ jsx("th", { scope: "col", children: "State" })
+                  ] }) }),
+                  /* @__PURE__ */ jsx("tbody", { children: items.map((item) => {
+                    const source = mappingSource(item);
+                    const target = resolvedMappingTarget(item);
+                    const targetValue = selectableValue(target);
+                    const itemStatus = resolvedMappingStatus(item);
+                    const sourceLabel = textFromNode(source) || `mapping-${item.id}`;
+                    return /* @__PURE__ */ jsxs("tr", { "data-status": itemStatus, children: [
+                      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-mapping-config-wizard__field-stack", children: [
+                        /* @__PURE__ */ jsx("strong", { children: source }),
+                        hasDisplayValue(item.sourceType) ? /* @__PURE__ */ jsx("span", { children: item.sourceType }) : null,
+                        hasDisplayValue(item.sample) ? /* @__PURE__ */ jsxs("p", { children: [
+                          "Sample: ",
+                          item.sample
+                        ] }) : null
+                      ] }) }),
+                      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-mapping-config-wizard__target-field", children: [
+                        /* @__PURE__ */ jsx(
+                          Select,
+                          {
+                            labelText: `Destination for ${sourceLabel}`,
+                            hideLabel: true,
+                            density: "compact",
+                            value: targetValue ?? "",
+                            options: optionsForMapping(targetOptions, targetValue),
+                            invalid: !hasDisplayValue(target),
+                            invalidText: "Select a destination field.",
+                            onChange: (event) => {
+                              const nextTarget = event.currentTarget.value;
+                              setTargetOverrides((current) => ({
+                                ...current,
+                                [item.id]: nextTarget
+                              }));
+                              onMappingChange?.(item.id, nextTarget);
+                            }
+                          }
+                        ),
+                        hasDisplayValue(item.targetType) ? /* @__PURE__ */ jsx("span", { children: item.targetType }) : null
+                      ] }) }),
+                      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-mapping-config-wizard__field-stack", children: [
+                        /* @__PURE__ */ jsx("strong", { children: item.transform ?? "Direct copy" }),
+                        hasDisplayValue(item.description) ? /* @__PURE__ */ jsx("p", { children: item.description }) : null
+                      ] }) }),
+                      /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "eth-domain-mapping-config-wizard__state", children: [
+                        /* @__PURE__ */ jsx(StatusDot, { status: itemStatus, label: statusLabel(itemStatus) }),
+                        /* @__PURE__ */ jsxs("div", { className: "eth-domain-mapping-config-wizard__badges", children: [
+                          item.required ? /* @__PURE__ */ jsx(Badge, { severity: "info", children: "Required" }) : null,
+                          hasDisplayValue(item.confidence) ? /* @__PURE__ */ jsx(Badge, { severity: itemStatus === "warning" ? "warning" : "neutral", children: item.confidence }) : null
+                        ] })
+                      ] }) })
+                    ] }, item.id);
+                  }) })
+                ] }) }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-mapping-config-wizard__empty", children: "No fields are ready to map." })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("aside", { className: "eth-domain-mapping-config-wizard__panel", "aria-label": "Validation issues", children: [
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-mapping-config-wizard__panel-header", children: [
+              /* @__PURE__ */ jsx("span", { children: "Validation" }),
+              /* @__PURE__ */ jsx("strong", { children: computedValidationSummary })
+            ] }),
+            validationIssues.length ? /* @__PURE__ */ jsx(
+              "ul",
+              {
+                className: "eth-domain-mapping-config-wizard__issues",
+                "aria-label": "Mapping validation issues",
+                children: validationIssues.map((issue) => {
+                  const issueStatus = issue.status ?? "warning";
+                  return /* @__PURE__ */ jsxs("li", { "data-status": issueStatus, children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("strong", { children: issue.field }),
+                      /* @__PURE__ */ jsx("span", { children: issue.message })
+                    ] }),
+                    hasDisplayValue(issue.count) ? /* @__PURE__ */ jsx("span", { children: issue.count }) : null
+                  ] }, issue.id);
+                })
+              }
+            ) : /* @__PURE__ */ jsx("p", { className: "eth-domain-mapping-config-wizard__empty-note", children: "No mapping validation issues." })
+          ] })
+        ] }),
+        children,
+        /* @__PURE__ */ jsx("footer", { className: "eth-domain-mapping-config-wizard__footer", children: footer ?? /* @__PURE__ */ jsxs(Fragment2, { children: [
+          /* @__PURE__ */ jsx("span", { children: computedValidationSummary }),
+          /* @__PURE__ */ jsxs("div", { className: "eth-domain-mapping-config-wizard__footer-actions", children: [
+            /* @__PURE__ */ jsx(Button, { type: "button", intent: "ghost", density: "compact", children: "Back" }),
+            /* @__PURE__ */ jsx(Button, { type: "button", intent: "secondary", density: "compact", onClick: onValidate, children: "Validate" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                intent: "primary",
+                density: "compact",
+                disabled: Boolean(unresolvedCount),
+                onClick: onSubmit,
+                children: "Apply mapping"
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+function ReportBuilder({
+  title = "Report builder",
+  description,
+  status,
+  metadata,
+  actions,
+  footer,
+  children,
+  className,
+  items = [],
+  formatLabel = "PDF / CSV",
+  owner,
+  updatedAt,
+  onAddSection,
+  onExportPdf,
+  onExportCsv,
+  ...props
+}) {
+  const sectionsHeadingId = React.useId();
+  const previewHeadingId = React.useId();
+  const includedSections = items.filter((item) => isReportSectionIncluded(item.status));
+  const attentionCount = items.filter((item) => needsReportSectionAttention(item.status)).length;
+  const computedStatus = status ?? deriveReportBuilderStatus(items);
+  const readinessLabel = reportBuilderReadinessLabel(computedStatus, attentionCount);
+  const computedMetadata = metadata ?? [
+    {
+      label: "Sections",
+      value: items.length ? `${items.length} ${items.length === 1 ? "section" : "sections"}` : "No sections"
+    },
+    {
+      label: "Included",
+      value: items.length ? `${includedSections.length}/${items.length}` : "0/0"
+    },
+    { label: "Readiness", value: readinessLabel },
+    { label: "Export", value: formatLabel }
+  ].filter((item) => hasDisplayValue(item.value));
+  const currentSectionIndex = items.findIndex(
+    (item) => item.status === "in-progress" || item.status === "running"
+  );
+  const currentIndex = currentSectionIndex >= 0 ? currentSectionIndex : 0;
+  const exportSummary = items.length ? `${includedSections.length}/${items.length} sections included` : "No sections selected";
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "ReportBuilder",
+      title,
+      description,
+      status: computedStatus,
+      metadata: computedMetadata.length ? computedMetadata : void 0,
+      actions,
+      footer,
+      className: ["eth-domain-report-builder", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "eth-domain-report-builder__workspace", children: [
+          /* @__PURE__ */ jsxs(
+            "section",
+            {
+              className: "eth-domain-report-builder__sections",
+              "aria-labelledby": sectionsHeadingId,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eth-domain-report-builder__panel-header eth-domain-report-builder__panel-header--inline", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { children: "Composition" }),
+                    /* @__PURE__ */ jsx("h3", { id: sectionsHeadingId, children: "Report sections" })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      intent: "tertiary",
+                      density: "compact",
+                      icon: /* @__PURE__ */ jsx(PlusIcon, { size: 16 }),
+                      onClick: onAddSection,
+                      children: "Add section"
+                    }
+                  )
+                ] }),
+                items.length ? /* @__PURE__ */ jsx("ol", { className: "eth-domain-report-builder__section-list", "aria-label": "Report sections", children: items.map((item, index) => {
+                  const itemStatus = item.status ?? "not-started";
+                  const labelContent = item.href ? /* @__PURE__ */ jsx("a", { href: item.href, children: item.label }) : item.label;
+                  const meta = reportSectionMeta(item, index);
+                  return /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      "aria-current": index === currentIndex ? "step" : void 0,
+                      className: "eth-domain-report-builder__section-item",
+                      "data-current": index === currentIndex ? "true" : void 0,
+                      "data-status": itemStatus,
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "eth-domain-report-builder__section-index", "aria-hidden": "true", children: index + 1 }),
+                        /* @__PURE__ */ jsxs("div", { className: "eth-domain-report-builder__section-main", children: [
+                          /* @__PURE__ */ jsx("strong", { children: labelContent }),
+                          item.description ? /* @__PURE__ */ jsx("p", { children: item.description }) : null,
+                          hasDisplayValue(meta) ? /* @__PURE__ */ jsx("span", { className: "eth-domain-report-builder__section-meta", children: meta }) : null
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "eth-domain-report-builder__section-state", children: [
+                          /* @__PURE__ */ jsx(StatusDot, { status: itemStatus, label: statusLabel(itemStatus) }),
+                          item.required ? /* @__PURE__ */ jsx(Badge, { severity: "info", children: "Required" }) : null
+                        ] })
+                      ]
+                    },
+                    item.id
+                  );
+                }) }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-report-builder__empty", children: "No report sections configured." })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("section", { className: "eth-domain-report-builder__preview", "aria-label": "Report preview", children: [
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-report-builder__panel-header eth-domain-report-builder__panel-header--inline", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Preview" }),
+                /* @__PURE__ */ jsx("h3", { id: previewHeadingId, children: title })
+              ] }),
+              /* @__PURE__ */ jsx(StatusDot, { status: computedStatus, label: statusLabel(computedStatus) })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "eth-domain-report-builder__preview-page",
+                "aria-labelledby": previewHeadingId,
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "eth-domain-report-builder__preview-kicker", children: "Draft report" }),
+                  /* @__PURE__ */ jsx("strong", { className: "eth-domain-report-builder__preview-title", children: title }),
+                  /* @__PURE__ */ jsxs("div", { className: "eth-domain-report-builder__preview-meta", children: [
+                    hasDisplayValue(owner) ? /* @__PURE__ */ jsxs("span", { children: [
+                      "Owner: ",
+                      owner
+                    ] }) : null,
+                    hasDisplayValue(updatedAt) ? /* @__PURE__ */ jsxs("span", { children: [
+                      "Updated: ",
+                      updatedAt
+                    ] }) : null,
+                    /* @__PURE__ */ jsx("span", { children: formatLabel })
+                  ] }),
+                  includedSections.length ? /* @__PURE__ */ jsx("div", { className: "eth-domain-report-builder__preview-lines", children: includedSections.slice(0, 4).map((item, index) => /* @__PURE__ */ jsxs("div", { className: "eth-domain-report-builder__preview-line", children: [
+                    /* @__PURE__ */ jsx("span", { children: item.label }),
+                    /* @__PURE__ */ jsx("span", { children: reportSectionMeta(item, index) })
+                  ] }, item.id)) }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-report-builder__empty-note", children: "Select at least one section to generate a preview." })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-report-builder__export-bar", "aria-label": "Export actions", children: [
+              /* @__PURE__ */ jsx("span", { children: exportSummary }),
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-report-builder__export-actions", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    intent: "primary",
+                    density: "compact",
+                    icon: /* @__PURE__ */ jsx(DownloadIcon, { size: 16 }),
+                    disabled: !includedSections.length,
+                    onClick: onExportPdf,
+                    children: "Export PDF"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    intent: "secondary",
+                    density: "compact",
+                    icon: /* @__PURE__ */ jsx(TableIcon, { size: 16 }),
+                    disabled: !includedSections.length,
+                    onClick: onExportCsv,
+                    children: "Export CSV"
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] }),
+        children
+      ]
+    }
+  );
+}
+function ApprovalWorkflowEditor({
+  title = "Approval workflow",
+  description = "Configure approval routing, ownership, and conditional gates.",
+  steps,
+  approverOptions = defaultApproverOptions,
+  mode,
+  onChange,
+  onModeChange,
+  className,
+  status,
+  ...props
+}) {
+  const [internalSteps, setInternalSteps] = React.useState(
+    () => defaultApprovalSteps.map((step) => ({ ...step }))
+  );
+  const [internalMode, setInternalMode] = React.useState("sequential");
+  const currentSteps = steps ?? internalSteps;
+  const currentMode = mode ?? internalMode;
+  const missingApproverCount = currentSteps.filter((step) => !step.approver).length;
+  const requiredCount = currentSteps.filter((step) => step.required).length;
+  const readyCount = currentSteps.length - missingApproverCount;
+  const validationMessage = missingApproverCount ? `${missingApproverCount} approval ${missingApproverCount === 1 ? "step needs" : "steps need"} an approver.` : "All approval steps have owners and can be simulated.";
+  const commitSteps = (nextSteps) => {
+    if (!steps) setInternalSteps(nextSteps);
+    onChange?.(nextSteps);
+  };
+  const updateStep = (index, next) => {
+    const nextSteps = [...currentSteps];
+    nextSteps[index] = next;
+    commitSteps(nextSteps);
+  };
+  const addStep = () => {
+    commitSteps([
+      ...currentSteps,
+      {
+        id: nextApprovalStepId(currentSteps),
+        label: "Approval step",
+        approver: "",
+        condition: "Define routing condition",
+        required: true,
+        status: "queued"
+      }
+    ]);
+  };
+  const removeStep = (id) => {
+    commitSteps(currentSteps.filter((step) => step.id !== id));
+  };
+  const changeMode = (nextMode) => {
+    if (!mode) setInternalMode(nextMode);
+    onModeChange?.(nextMode);
+  };
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "ApprovalWorkflowEditor",
+      title,
+      description,
+      status: status ?? (missingApproverCount ? "pending-approval" : "active"),
+      metadata: [
+        { label: "Steps", value: currentSteps.length },
+        { label: "Required gates", value: requiredCount },
+        { label: "Ready", value: `${readyCount}/${currentSteps.length || 0}` }
+      ],
+      className: `eth-domain-approval-workflow-editor ${className ?? ""}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "eth-domain-approval-workflow-editor__settings", children: [
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              labelText: "Routing mode",
+              density: "compact",
+              value: currentMode,
+              options: modeOptions,
+              onChange: (event) => changeMode(event.currentTarget.value)
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "eth-domain-approval-workflow-editor__validation", role: "status", children: [
+            /* @__PURE__ */ jsx("span", { children: "Validation" }),
+            /* @__PURE__ */ jsx("strong", { children: validationMessage })
+          ] })
+        ] }),
+        currentSteps.length ? /* @__PURE__ */ jsxs(Fragment2, { children: [
+          /* @__PURE__ */ jsx("div", { className: "eth-domain-approval-workflow-editor__route", "aria-label": "Approval route", children: currentSteps.map((step, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsxs("span", { className: "eth-domain-approval-workflow-editor__route-node", children: [
+              /* @__PURE__ */ jsx("strong", { children: index + 1 }),
+              /* @__PURE__ */ jsx("span", { children: step.label })
+            ] }),
+            index < currentSteps.length - 1 ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "eth-domain-approval-workflow-editor__route-arrow",
+                "aria-hidden": "true",
+                children: "->"
+              }
+            ) : null
+          ] }, step.id)) }),
+          /* @__PURE__ */ jsx("ol", { className: "eth-domain-approval-workflow-editor__steps", children: currentSteps.map((step, index) => /* @__PURE__ */ jsxs("li", { className: "eth-domain-approval-workflow-editor__step", children: [
+            /* @__PURE__ */ jsx("div", { className: "eth-domain-approval-workflow-editor__step-index", "aria-hidden": "true", children: index + 1 }),
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-approval-workflow-editor__step-main", children: [
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-approval-workflow-editor__step-header", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    "Gate ",
+                    index + 1
+                  ] }),
+                  /* @__PURE__ */ jsx("strong", { children: formatApprovalStatus(step.status, step.required) })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    intent: "ghost",
+                    density: "compact",
+                    disabled: currentSteps.length <= 1,
+                    onClick: () => removeStep(step.id),
+                    children: "Remove"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-approval-workflow-editor__fields", children: [
+                /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    labelText: "Step name",
+                    density: "compact",
+                    value: step.label,
+                    onChange: (event) => updateStep(index, { ...step, label: event.currentTarget.value })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Select,
+                  {
+                    labelText: "Approver",
+                    density: "compact",
+                    value: step.approver ?? "",
+                    options: approverOptions,
+                    invalid: !step.approver,
+                    invalidText: "Choose an approver.",
+                    onChange: (event) => updateStep(index, { ...step, approver: event.currentTarget.value })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    labelText: "Condition",
+                    density: "compact",
+                    value: step.condition ?? "",
+                    onChange: (event) => updateStep(index, { ...step, condition: event.currentTarget.value })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-approval-workflow-editor__step-footer", children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    label: "Required gate",
+                    checked: Boolean(step.required),
+                    onChange: (event) => updateStep(index, { ...step, required: event.currentTarget.checked })
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { children: "Escalates to workflow owner when overdue by 24h." })
+              ] })
+            ] })
+          ] }, step.id)) })
+        ] }) : /* @__PURE__ */ jsx("div", { className: "eth-domain-approval-workflow-editor__empty", children: "No approval steps configured." }),
+        /* @__PURE__ */ jsxs("div", { className: "eth-domain-approval-workflow-editor__footer", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", intent: "secondary", density: "compact", onClick: addStep, children: "Add approval" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              intent: "tertiary",
+              density: "compact",
+              disabled: Boolean(missingApproverCount),
+              children: "Simulate route"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function ProcessDesigner({
+  title = "Business process",
+  description = "Design, validate, and inspect a multi-step process.",
+  items,
+  connections,
+  validationIssues: validationIssuesProp,
+  selectedItemId,
+  metadata,
+  actions,
+  footer,
+  children,
+  className,
+  status,
+  onAddStep,
+  onValidate,
+  ...props
+}) {
+  const canvasTitleId = React.useId();
+  const graphTitleId = React.useId();
+  const graphDescriptionId = React.useId();
+  const markerId = React.useId().replace(/:/g, "");
+  const panelTitleId = React.useId();
+  const processItems = items ?? defaultProcessItems;
+  const validationIssues = validationIssuesProp ?? (items ? [] : defaultProcessValidationIssues);
+  const processConnections = connections ?? (items ? sequentialProcessConnections(processItems) : defaultProcessConnections);
+  const titleText = textFromNode(title).trim() || "Business process";
+  const [internalSelectedId, setInternalSelectedId] = React.useState(
+    selectedItemId ?? processItems[0]?.id
+  );
+  React.useEffect(() => {
+    if (selectedItemId) {
+      setInternalSelectedId(selectedItemId);
+      return;
+    }
+    setInternalSelectedId(
+      (current) => processItems.some((item) => item.id === current) ? current : processItems[0]?.id
+    );
+  }, [processItems, selectedItemId]);
+  const activeItem = processItems.find((item) => item.id === (selectedItemId ?? internalSelectedId)) ?? processItems[0];
+  const completedCount = processItems.filter((item) => isCompletedProcessStep(item.status)).length;
+  const decisionCount = processItems.filter(
+    (item, index) => processStepKind(item, index, processItems.length) === "decision"
+  ).length;
+  const processStatus = status ?? deriveProcessStatus(processItems, validationIssues);
+  const validationLabel = validationIssues.length ? `${validationIssues.length} open ${validationIssues.length === 1 ? "issue" : "issues"}` : "No open issues";
+  const selectNode = (id) => {
+    if (!selectedItemId) setInternalSelectedId(id);
+  };
+  return /* @__PURE__ */ jsxs(
+    Surface,
+    {
+      ...props,
+      "data-eth-component": "ProcessDesigner",
+      title,
+      description,
+      status: processStatus,
+      metadata: metadata ?? [
+        { label: "Steps", value: processItems.length },
+        { label: "Completed", value: `${completedCount}/${processItems.length || 0}` },
+        { label: "Branches", value: decisionCount },
+        { label: "Validation", value: validationLabel }
+      ],
+      actions,
+      footer: footer ?? /* @__PURE__ */ jsxs("div", { className: "eth-domain-process-designer__footer", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Draft process: ",
+          titleText
+        ] }),
+        /* @__PURE__ */ jsx("span", { children: "Last validated 12 minutes ago" })
+      ] }),
+      className: `eth-domain-process-designer ${className ?? ""}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "eth-domain-process-designer__workspace", children: [
+          /* @__PURE__ */ jsxs(
+            "section",
+            {
+              className: "eth-domain-process-designer__canvas-shell",
+              "aria-labelledby": canvasTitleId,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eth-domain-process-designer__toolbar", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { children: "Canvas" }),
+                    /* @__PURE__ */ jsx("strong", { id: canvasTitleId, children: processItems.length ? titleText : "No workflow steps" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "eth-domain-process-designer__toolbar-actions", children: [
+                    processStatus ? /* @__PURE__ */ jsx(StatusDot, { status: processStatus, label: validationLabel }) : null,
+                    /* @__PURE__ */ jsx(Button, { type: "button", intent: "secondary", density: "compact", onClick: onAddStep, children: "Add step" }),
+                    /* @__PURE__ */ jsx(Button, { type: "button", intent: "tertiary", density: "compact", onClick: onValidate, children: "Validate" })
+                  ] })
+                ] }),
+                processItems.length ? /* @__PURE__ */ jsx("div", { className: "eth-domain-process-designer__canvas", children: /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    viewBox: "0 0 920 340",
+                    role: "group",
+                    "aria-labelledby": graphTitleId,
+                    "aria-describedby": graphDescriptionId,
+                    children: [
+                      /* @__PURE__ */ jsx("title", { id: graphTitleId, children: "Business process graph" }),
+                      /* @__PURE__ */ jsxs("desc", { id: graphDescriptionId, children: [
+                        "Process graph with ",
+                        processItems.length,
+                        " steps and ",
+                        processConnections.length,
+                        " ",
+                        "connections."
+                      ] }),
+                      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+                        "marker",
+                        {
+                          id: markerId,
+                          viewBox: "0 0 10 10",
+                          refX: "8",
+                          refY: "5",
+                          markerWidth: "6",
+                          markerHeight: "6",
+                          orient: "auto-start-reverse",
+                          children: /* @__PURE__ */ jsx("path", { d: "M 0 0 L 10 5 L 0 10 z" })
+                        }
+                      ) }),
+                      processConnections.map((connection, index) => {
+                        const fromIndex = processItems.findIndex((item) => item.id === connection.from);
+                        const toIndex = processItems.findIndex((item) => item.id === connection.to);
+                        const from = processItems[fromIndex];
+                        const to = processItems[toIndex];
+                        if (!from || !to) return null;
+                        const fromPoint = processNodePoint(from, fromIndex);
+                        const toPoint = processNodePoint(to, toIndex);
+                        const midX = (fromPoint.x + toPoint.x) / 2;
+                        const midY = (fromPoint.y + toPoint.y) / 2;
+                        const label = textFromNode(connection.label).trim();
+                        return /* @__PURE__ */ jsxs(
+                          "g",
+                          {
+                            className: "eth-domain-process-designer__edge",
+                            "data-status": connection.status,
+                            children: [
+                              /* @__PURE__ */ jsx(
+                                "line",
+                                {
+                                  x1: fromPoint.x,
+                                  y1: fromPoint.y,
+                                  x2: toPoint.x,
+                                  y2: toPoint.y,
+                                  markerEnd: `url(#${markerId})`
+                                }
+                              ),
+                              label ? /* @__PURE__ */ jsx("text", { x: midX, y: midY - 10, textAnchor: "middle", children: label }) : null
+                            ]
+                          },
+                          `${connection.from}-${connection.to}-${index}`
+                        );
+                      }),
+                      processItems.map((item, index) => {
+                        const point = processNodePoint(item, index);
+                        const kind = processStepKind(item, index, processItems.length);
+                        const selected = activeItem?.id === item.id;
+                        const lines = graphLabelLines(item.label, item.id);
+                        return /* @__PURE__ */ jsxs(
+                          "g",
+                          {
+                            className: "eth-domain-process-designer__node",
+                            "data-kind": kind,
+                            "data-status": item.status,
+                            "data-selected": selected ? "true" : void 0,
+                            transform: `translate(${point.x}, ${point.y})`,
+                            role: "button",
+                            tabIndex: 0,
+                            "aria-label": `${textFromNode(item.label) || item.id}, ${statusLabel(
+                              item.status ?? "queued"
+                            )}`,
+                            onClick: () => selectNode(item.id),
+                            onKeyDown: (event) => {
+                              if (event.key === "Enter" || event.key === " ") {
+                                event.preventDefault();
+                                selectNode(item.id);
+                              }
+                            },
+                            children: [
+                              kind === "decision" ? /* @__PURE__ */ jsx("polygon", { points: "0,-44 78,0 0,44 -78,0" }) : /* @__PURE__ */ jsx("rect", { x: "-72", y: "-36", width: "144", height: "72", rx: "0" }),
+                              /* @__PURE__ */ jsx(
+                                "circle",
+                                {
+                                  className: "eth-domain-process-designer__node-status",
+                                  cx: kind === "decision" ? -44 : -52,
+                                  cy: kind === "decision" ? -18 : -18,
+                                  r: "5"
+                                }
+                              ),
+                              /* @__PURE__ */ jsx("text", { textAnchor: "middle", children: lines.map((line, lineIndex) => /* @__PURE__ */ jsx(
+                                "tspan",
+                                {
+                                  x: "0",
+                                  dy: lineIndex === 0 ? lines.length > 1 ? "-0.35em" : "0.35em" : "1.2em",
+                                  children: line
+                                },
+                                `${line}-${lineIndex}`
+                              )) })
+                            ]
+                          },
+                          item.id
+                        );
+                      })
+                    ]
+                  }
+                ) }) : /* @__PURE__ */ jsx("div", { className: "eth-domain-process-designer__empty", children: "No process steps configured." })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("aside", { className: "eth-domain-process-designer__inspector", "aria-labelledby": panelTitleId, children: [
+            /* @__PURE__ */ jsxs("div", { className: "eth-domain-process-designer__panel-header", children: [
+              /* @__PURE__ */ jsx("span", { children: "Step properties" }),
+              /* @__PURE__ */ jsx("h3", { id: panelTitleId, children: activeItem ? activeItem.label : "No step selected" })
+            ] }),
+            activeItem ? /* @__PURE__ */ jsxs(Fragment2, { children: [
+              /* @__PURE__ */ jsx(
+                StatusDot,
+                {
+                  status: activeItem.status ?? "queued",
+                  label: statusLabel(activeItem.status ?? "queued")
+                }
+              ),
+              activeItem.description ? /* @__PURE__ */ jsx("p", { className: "eth-domain-process-designer__description", children: activeItem.description }) : null,
+              /* @__PURE__ */ jsxs("dl", { className: "eth-domain-process-designer__facts", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("dt", { children: "Owner" }),
+                  /* @__PURE__ */ jsx("dd", { children: activeItem.owner ?? "Unassigned" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("dt", { children: "Lane" }),
+                  /* @__PURE__ */ jsx("dd", { children: activeItem.lane ?? "Default lane" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("dt", { children: "SLA" }),
+                  /* @__PURE__ */ jsx("dd", { children: activeItem.duration ?? activeItem.meta ?? "Not set" })
+                ] })
+              ] })
+            ] }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-process-designer__description", children: "No selected step." }),
+            /* @__PURE__ */ jsxs("section", { className: "eth-domain-process-designer__validation", "aria-label": "Validation", children: [
+              /* @__PURE__ */ jsxs("div", { className: "eth-domain-process-designer__panel-header", children: [
+                /* @__PURE__ */ jsx("span", { children: "Validation" }),
+                /* @__PURE__ */ jsx("strong", { children: validationLabel })
+              ] }),
+              validationIssues.length ? /* @__PURE__ */ jsx("ul", { children: validationIssues.map((issue) => /* @__PURE__ */ jsxs("li", { "data-status": issue.status ?? "warning", children: [
+                /* @__PURE__ */ jsx(
+                  StatusDot,
+                  {
+                    status: issue.status ?? "warning",
+                    label: statusLabel(issue.status ?? "warning")
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  issue.target ? /* @__PURE__ */ jsx("strong", { children: issue.target }) : null,
+                  /* @__PURE__ */ jsx("span", { children: issue.message })
+                ] })
+              ] }, issue.id)) }) : /* @__PURE__ */ jsx("p", { className: "eth-domain-process-designer__empty-note", children: "No validation issues detected." })
+            ] })
+          ] })
+        ] }),
+        children
+      ]
+    }
+  );
+}
+var SalesPipelineBoard = createSurfaceComponent("SalesPipelineBoard");
+var ContractReviewPanel = createSurfaceComponent("ContractReviewPanel");
+var RuleSimulationPanel = createSurfaceComponent("RuleSimulationPanel");
+var DomainWidgetsComponentNames = [
+  "CRMContactPanel",
+  "SalesPipelineBoard",
+  "SupportTicketQueue",
+  "KnowledgeBaseArticleViewer",
+  "InventoryTable",
+  "OrderManagementPanel",
+  "InvoiceViewer",
+  "ContractReviewPanel",
+  "ComplianceChecklist",
+  "RiskMatrix",
+  "ApprovalWorkflowEditor",
+  "DataImportWizard",
+  "MappingConfigurationWizard",
+  "ReportBuilder",
+  "ProcessDesigner",
+  "RuleSimulationPanel"
+];
+export {
+  ApprovalWorkflowEditor,
+  CRMContactPanel,
+  ComplianceChecklist,
+  ContractReviewPanel,
+  DataImportWizard,
+  DomainWidgetsComponentNames,
+  InventoryTable,
+  InvoiceViewer,
+  KnowledgeBaseArticleViewer,
+  MappingConfigurationWizard,
+  OrderManagementPanel,
+  ProcessDesigner,
+  ReportBuilder,
+  RiskMatrix,
+  RuleSimulationPanel,
+  SalesPipelineBoard,
+  SupportTicketQueue
+};
+//# sourceMappingURL=index.js.map