@echothink-ui/task 0.1.0

package/dist/index.cjs

@@ -0,0 +1,2434 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  BackendThinkingChain: () => BackendThinkingChain,
+  BlockingReasonPanel: () => BlockingReasonPanel,
+  DAGEdge: () => DAGEdge,
+  DAGLegend: () => DAGLegend,
+  DAGNode: () => DAGNode,
+  DecisionRequiredPanel: () => DecisionRequiredPanel,
+  HumanInterventionPanel: () => HumanInterventionPanel,
+  MobileTaskShell: () => MobileTaskShell,
+  TaskApprovalPanel: () => TaskApprovalPanel,
+  TaskCard: () => TaskCard,
+  TaskComponentNames: () => TaskComponentNames,
+  TaskDependencyList: () => TaskDependencyList,
+  TaskDetailPanel: () => TaskDetailPanel,
+  TaskHandoffPanel: () => TaskHandoffPanel,
+  TaskProgressIndicator: () => TaskProgressIndicator,
+  TaskRetryPanel: () => TaskRetryPanel,
+  TaskRunLog: () => TaskRunLog,
+  TaskStatusBadge: () => TaskStatusBadge,
+  TaskTable: () => TaskTable,
+  TaskTimeline: () => TaskTimeline,
+  TaskWaveDAG: () => TaskWaveDAG,
+  TaskWaveHeader: () => TaskWaveHeader,
+  TaskWaveTable: () => TaskWaveTable
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/BackendThinkingChain.tsx
+var React = __toESM(require("react"), 1);
+var import_clsx = __toESM(require("clsx"), 1);
+var import_core2 = require("@echothink-ui/core");
+
+// src/components/utils.ts
+var import_core = require("@echothink-ui/core");
+function severityForStatus(status) {
+  if (status === "running" || status === "queued" || status === "in-progress") return "info";
+  if (status === "blocked" || status === "failed") return "danger";
+  if (status === "pending-approval" || status === "approval-required" || status === "warning") {
+    return "warning";
+  }
+  if (status === "succeeded" || status === "completed" || status === "synced") return "success";
+  return "neutral";
+}
+function severityForPriority(priority) {
+  if (priority === "critical") return "danger";
+  if (priority === "high") return "warning";
+  if (priority === "medium") return "info";
+  return "neutral";
+}
+function severityForRisk(riskLevel) {
+  if (riskLevel === "critical" || riskLevel === "high") return "danger";
+  if (riskLevel === "medium") return "warning";
+  if (riskLevel === "low") return "info";
+  return "neutral";
+}
+function labelForStatus(status) {
+  return (0, import_core.statusLabel)(status);
+}
+function formatDateTime(value) {
+  if (!value) return "-";
+  const date = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(date.valueOf())) return String(value);
+  return new Intl.DateTimeFormat(void 0, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  }).format(date);
+}
+function formatDuration(durationMs) {
+  if (durationMs == null) return "-";
+  if (durationMs < 1e3) return `${durationMs}ms`;
+  const seconds = Math.round(durationMs / 1e3);
+  if (seconds < 60) return `${seconds}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainder = seconds % 60;
+  if (minutes < 60) return remainder ? `${minutes}m ${remainder}s` : `${minutes}m`;
+  const hours = Math.floor(minutes / 60);
+  const minuteRemainder = minutes % 60;
+  return minuteRemainder ? `${hours}h ${minuteRemainder}m` : `${hours}h`;
+}
+function clampProgress(value, total = 100) {
+  if (value == null || Number.isNaN(value)) return 0;
+  if (total <= 0) return 0;
+  const percent = total === 100 ? value : value / total * 100;
+  return Math.max(0, Math.min(100, Math.round(percent)));
+}
+function waveProgress(wave) {
+  if (!wave?.totalTasks) return 0;
+  const completed = (wave.statuses.completed ?? 0) + (wave.statuses.succeeded ?? 0);
+  return clampProgress(completed, wave.totalTasks);
+}
+function statusColor(status) {
+  switch (status) {
+    case "completed":
+    case "succeeded":
+    case "synced":
+    case "active":
+      return "var(--eth-color-success)";
+    case "running":
+    case "in-progress":
+    case "queued":
+      return "var(--eth-color-info)";
+    case "blocked":
+    case "failed":
+    case "approval-required":
+      return "var(--eth-color-danger)";
+    case "pending-approval":
+    case "warning":
+      return "var(--eth-color-warning)";
+    default:
+      return "var(--eth-color-border-strong)";
+  }
+}
+
+// src/components/BackendThinkingChain.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var STREAMING_STATUSES = /* @__PURE__ */ new Set(["running", "in-progress"]);
+function flattenSteps(steps) {
+  return steps.flatMap((step) => [step, ...flattenSteps(step.children ?? [])]);
+}
+function currentStreamingStepId(steps) {
+  const flattened = flattenSteps(steps);
+  for (let index = flattened.length - 1; index >= 0; index -= 1) {
+    if (STREAMING_STATUSES.has(flattened[index].status)) {
+      return flattened[index].id;
+    }
+  }
+  return flattened.at(-1)?.id;
+}
+function ThinkingStepItem({
+  step,
+  streamingStepId
+}) {
+  const isStreaming = streamingStepId === step.id;
+  const hasChildren = Boolean(step.children?.length);
+  const [expanded, setExpanded] = React.useState(true);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "li",
+    {
+      className: (0, import_clsx.default)(
+        "eth-task-thinking-chain__item",
+        `eth-task-thinking-chain__item--${step.status}`,
+        step.redacted && "eth-task-thinking-chain__item--redacted"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "eth-task-thinking-chain__marker", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "details",
+          {
+            className: "eth-task-thinking-chain__step",
+            open: expanded,
+            onToggle: (event) => {
+              setExpanded(event.currentTarget.open);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", { className: "eth-task-thinking-chain__step-header", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "eth-task-thinking-chain__disclosure-icon", "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "eth-task-thinking-chain__step-header-inner", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "eth-task-thinking-chain__step-heading", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { className: "eth-task-thinking-chain__step-title", children: step.redacted ? "Restricted step" : step.title }),
+                    hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "eth-task-thinking-chain__branch-count", children: [
+                      step.children?.length,
+                      " ",
+                      step.children?.length === 1 ? "substep" : "substeps"
+                    ] }) : null,
+                    isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "eth-task-thinking-chain__streaming", "aria-label": "Streaming update", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "eth-task-thinking-chain__pulse", "aria-hidden": "true" }),
+                      "Streaming"
+                    ] }) : null
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "eth-task-thinking-chain__step-meta", children: [
+                    step.redacted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.Badge, { severity: "warning", children: "Redacted" }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.StatusDot, { status: step.status, label: labelForStatus(step.status) }),
+                    step.toolName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.Tag, { children: step.toolName }) : null,
+                    step.durationMs != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "eth-task-thinking-chain__duration", children: formatDuration(step.durationMs) }) : null
+                  ] })
+                ] })
+              ] }),
+              step.redacted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "eth-task-thinking-chain__redacted", children: "Details are hidden by policy." }) : step.summary ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "eth-task-thinking-chain__summary", children: step.summary }) : null,
+              hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "eth-task-thinking-chain__children", children: step.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThinkingStepItem, { step: child, streamingStepId }, child.id)) }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function BackendThinkingChain({
+  steps = [],
+  streaming,
+  className,
+  ...props
+}) {
+  const streamingStepId = React.useMemo(
+    () => streaming ? currentStreamingStepId(steps) : void 0,
+    [steps, streaming]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "section",
+    {
+      ...props,
+      className: (0, import_clsx.default)("eth-task-thinking-chain", className),
+      "aria-live": streaming ? "polite" : void 0,
+      "data-eth-component": "BackendThinkingChain",
+      children: steps.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "eth-task-thinking-chain__list", children: steps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThinkingStepItem, { step, streamingStepId }, step.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.EmptyState, { title: "No backend steps" })
+    }
+  );
+}
+
+// src/components/BlockingReasonPanel.tsx
+var import_clsx2 = __toESM(require("clsx"), 1);
+var import_core3 = require("@echothink-ui/core");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function BlockingReasonPanel({
+  blockers = [],
+  className,
+  title = "Blocking reasons",
+  description,
+  severity,
+  status,
+  ...props
+}) {
+  const hasBlockers = blockers.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core3.Surface,
+    {
+      ...props,
+      className: (0, import_clsx2.default)("eth-task-blocking-reason-panel", className),
+      title,
+      description,
+      status: status ?? (hasBlockers ? "blocked" : void 0),
+      severity: severity ?? (hasBlockers ? "danger" : void 0),
+      "data-eth-component": "BlockingReasonPanel",
+      children: hasBlockers ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "eth-task-blocking-reason-panel__list", "aria-label": "Active blocking reasons", children: blockers.map((blocker) => {
+        const resolveActions = blocker.resolveAction ? [
+          {
+            ...blocker.resolveAction,
+            intent: blocker.resolveAction.intent ?? "tertiary"
+          }
+        ] : void 0;
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "eth-task-blocking-reason-panel__item", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "eth-task-blocking-reason-panel__content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { className: "eth-task-blocking-reason-panel__reason", children: blocker.reason }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "eth-task-blocking-reason-panel__meta", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core3.Badge, { severity: "danger", children: "Blocked" }),
+              blocker.ownerActor ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
+                "Owner: ",
+                blocker.ownerActor
+              ] }) : null
+            ] })
+          ] }),
+          resolveActions ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "eth-task-blocking-reason-panel__actions", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core3.ActionGroup, { actions: resolveActions }) }) : null
+        ] }, blocker.id);
+      }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_core3.EmptyState,
+        {
+          title: "No blocking reasons",
+          description: "This task can continue without unblock actions."
+        }
+      )
+    }
+  );
+}
+
+// src/components/DAGEdge.tsx
+var React2 = __toESM(require("react"), 1);
+var import_clsx3 = __toESM(require("clsx"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function markerIdFromUseId(id) {
+  return `eth-dag-arrow-${id.replace(/[^a-zA-Z0-9_-]/g, "")}`;
+}
+function DAGEdge({
+  from,
+  to,
+  status,
+  label,
+  className,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const reactId = React2.useId();
+  const markerId = markerIdFromUseId(reactId);
+  const horizontal = Math.abs(to.x - from.x) >= Math.abs(to.y - from.y);
+  const controlA = horizontal ? { x: (from.x + to.x) / 2, y: from.y } : { x: from.x, y: (from.y + to.y) / 2 };
+  const controlB = horizontal ? { x: (from.x + to.x) / 2, y: to.y } : { x: to.x, y: (from.y + to.y) / 2 };
+  const d = `M ${from.x} ${from.y} C ${controlA.x} ${controlA.y}, ${controlB.x} ${controlB.y}, ${to.x} ${to.y}`;
+  const color = statusColor(status);
+  const midpoint = { x: (from.x + to.x) / 2, y: (from.y + to.y) / 2 };
+  const labelText = label?.trim();
+  const labelWidth = labelText ? Math.max(56, labelText.length * 7 + 20) : 0;
+  const labelPosition = horizontal ? { x: midpoint.x, y: midpoint.y - 16 } : { x: midpoint.x + 44, y: midpoint.y };
+  const statusText = status ? labelForStatus(status) : "Neutral";
+  const accessibleLabel = typeof ariaLabel === "string" && ariaLabel.trim() ? ariaLabel : labelText ? `${labelText} dependency edge, ${statusText}` : `Dependency edge, ${statusText}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "g",
+    {
+      className: (0, import_clsx3.default)("eth-dag-edge", status && `eth-dag-edge--${status}`, className),
+      role: "group",
+      "aria-label": accessibleLabel,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "marker",
+          {
+            id: markerId,
+            markerWidth: "10",
+            markerHeight: "10",
+            refX: "9",
+            refY: "3",
+            orient: "auto",
+            markerUnits: "strokeWidth",
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M0,0 L0,6 L9,3 z", fill: color })
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            ...props,
+            d,
+            fill: "none",
+            stroke: color,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            markerEnd: `url(#${markerId})`,
+            vectorEffect: "non-scaling-stroke",
+            "aria-hidden": "true",
+            "data-eth-component": "DAGEdge"
+          }
+        ),
+        labelText ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("g", { className: "eth-dag-edge__label", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "rect",
+            {
+              x: labelPosition.x - labelWidth / 2,
+              y: labelPosition.y - 11,
+              width: labelWidth,
+              height: 22,
+              rx: 0
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "text",
+            {
+              x: labelPosition.x,
+              y: labelPosition.y,
+              textAnchor: "middle",
+              dominantBaseline: "middle",
+              children: labelText
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/DAGLegend.tsx
+var import_clsx4 = __toESM(require("clsx"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var defaultStatuses = [
+  "not-started",
+  "queued",
+  "running",
+  "blocked",
+  "failed",
+  "pending-approval",
+  "completed"
+];
+var defaultEdgeTypes = [
+  { id: "dependency", label: "Dependency", variant: "dependency" },
+  { id: "critical-path", label: "Critical path", status: "running", variant: "critical" },
+  {
+    id: "approval-gate",
+    label: "Approval gate",
+    status: "pending-approval",
+    variant: "conditional"
+  }
+];
+function colorVariable(color) {
+  return { "--eth-dag-legend-color": color };
+}
+function DAGLegend({
+  statuses = defaultStatuses,
+  edgeTypes = defaultEdgeTypes,
+  className,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      ...props,
+      className: (0, import_clsx4.default)("eth-dag-legend", className),
+      "data-eth-component": "DAGLegend",
+      role: "group",
+      "aria-label": ariaLabel ?? "DAG legend",
+      children: [
+        statuses.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "eth-dag-legend__group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "eth-dag-legend__heading", children: "Node status" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "eth-dag-legend__list", "aria-label": "DAG node status legend", children: statuses.map((status) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: "eth-dag-legend__item", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "span",
+              {
+                className: (0, import_clsx4.default)("eth-dag-legend__swatch", `eth-dag-legend__swatch--${status}`),
+                style: colorVariable(statusColor(status)),
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "eth-dag-legend__label", children: labelForStatus(status) })
+          ] }, status)) })
+        ] }) : null,
+        edgeTypes.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "eth-dag-legend__group eth-dag-legend__group--edges", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "eth-dag-legend__heading", children: "Edge type" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "eth-dag-legend__list", "aria-label": "DAG edge type legend", children: edgeTypes.map((edgeType) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: "eth-dag-legend__item", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "span",
+              {
+                className: (0, import_clsx4.default)(
+                  "eth-dag-legend__edge",
+                  `eth-dag-legend__edge--${edgeType.variant ?? "dependency"}`
+                ),
+                style: colorVariable(statusColor(edgeType.status)),
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "eth-dag-legend__label", children: edgeType.label })
+          ] }, edgeType.id)) })
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/DAGNode.tsx
+var import_clsx5 = __toESM(require("clsx"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var nodeWidth = 156;
+var nodeHeight = 60;
+function truncateLabel(label) {
+  return label.length > 20 ? `${label.slice(0, 19)}...` : label;
+}
+function DAGNode({ node, selected, onSelect, className, ...props }) {
+  const statusLabel2 = labelForStatus(node.status);
+  const x = node.x - nodeWidth / 2;
+  const y = node.y - nodeHeight / 2;
+  const handleSelect = () => onSelect?.(node);
+  const interactive = Boolean(onSelect);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "g",
+    {
+      ...props,
+      className: (0, import_clsx5.default)(
+        "eth-dag-node",
+        `eth-dag-node--${node.status}`,
+        interactive && "eth-dag-node--interactive",
+        selected && "eth-dag-node--selected",
+        className
+      ),
+      role: interactive ? "button" : "group",
+      tabIndex: interactive ? 0 : void 0,
+      "aria-label": `${node.label}, ${statusLabel2}`,
+      "aria-pressed": interactive ? Boolean(selected) : void 0,
+      onClick: interactive ? handleSelect : void 0,
+      onKeyDown: interactive ? (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          handleSelect();
+        }
+      } : void 0,
+      "data-eth-component": "DAGNode",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { children: `${node.label} - ${statusLabel2}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "rect",
+          {
+            className: "eth-dag-node__selection",
+            x: x - 3,
+            y: y - 3,
+            width: nodeWidth + 6,
+            height: nodeHeight + 6,
+            rx: 0
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "rect",
+          {
+            className: "eth-dag-node__body",
+            x,
+            y,
+            width: nodeWidth,
+            height: nodeHeight,
+            rx: 0,
+            fill: "var(--eth-color-layer-01)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "rect",
+          {
+            className: "eth-dag-node__status-strip",
+            x,
+            y,
+            width: 4,
+            height: nodeHeight,
+            fill: statusColor(node.status)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { className: "eth-dag-node__port", cx: x, cy: node.y, r: 3 }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { className: "eth-dag-node__port", cx: x + nodeWidth, cy: node.y, r: 3 }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "circle",
+          {
+            className: "eth-dag-node__status-dot",
+            cx: x + 18,
+            cy: y + 18,
+            r: 3.5,
+            fill: statusColor(node.status)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "text",
+          {
+            x: x + 28,
+            y: y + 22,
+            textAnchor: "start",
+            className: "eth-dag-node__label",
+            children: truncateLabel(node.label)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "text",
+          {
+            x: x + 28,
+            y: y + 44,
+            textAnchor: "start",
+            className: "eth-dag-node__status",
+            children: statusLabel2
+          }
+        )
+      ]
+    }
+  );
+}
+var DAG_NODE_WIDTH = nodeWidth;
+var DAG_NODE_HEIGHT = nodeHeight;
+
+// src/components/DecisionRequiredPanel.tsx
+var React3 = __toESM(require("react"), 1);
+var import_clsx6 = __toESM(require("clsx"), 1);
+var import_core4 = require("@echothink-ui/core");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function optionsFromActions(actions) {
+  return actions?.map((action) => ({
+    id: action.id,
+    label: action.label,
+    intent: action.intent,
+    action
+  })) ?? [];
+}
+function riskTitle(riskLevel) {
+  if (!riskLevel) return "Decision required";
+  return `${riskLevel.charAt(0).toUpperCase()}${riskLevel.slice(1)} risk decision`;
+}
+function optionIntent(option) {
+  return option.intent ?? "secondary";
+}
+function DecisionRequiredPanel({
+  title,
+  summary,
+  riskLevel,
+  evidence = [],
+  options,
+  onDecide,
+  decidedOptionId,
+  className,
+  description,
+  actions,
+  items,
+  severity,
+  status,
+  ...props
+}) {
+  const titleId = React3.useId();
+  const evidenceId = React3.useId();
+  const optionsId = React3.useId();
+  const resolvedOptions = options?.map((option) => ({ ...option })) ?? (actions?.length ? optionsFromActions(actions) : items?.length ? items.map((item) => ({
+    id: item.id,
+    label: String(item.label),
+    description: item.description ? String(item.description) : void 0,
+    intent: item.status === "active" ? "primary" : "secondary"
+  })) : []);
+  const riskSeverity = riskLevel ? severityForRisk(riskLevel) : severity ?? "warning";
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_core4.Surface,
+    {
+      ...props,
+      role: "region",
+      "aria-labelledby": titleId,
+      className: (0, import_clsx6.default)(
+        "eth-task-decision-panel",
+        riskLevel && `eth-task-decision-panel--${riskLevel}`,
+        className
+      ),
+      title: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { id: titleId, children: title }),
+      severity: riskSeverity === "neutral" ? severity : riskSeverity,
+      status: status ?? "approval-required",
+      "data-eth-component": "DecisionRequiredPanel",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core4.InlineNotification, { severity: riskSeverity, title: riskTitle(riskLevel), children: description }),
+        summary ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "eth-task-decision-panel__summary", "aria-label": "Decision context", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "eth-task-decision-panel__section-label", children: "Decision context" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "eth-task-decision-panel__summary-body", children: summary })
+        ] }) : null,
+        evidence.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "eth-task-decision-panel__evidence", "aria-labelledby": evidenceId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "eth-task-decision-panel__section-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { id: evidenceId, children: "Evidence" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+              evidence.length,
+              " source",
+              evidence.length === 1 ? "" : "s"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { children: evidence.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "eth-task-decision-panel__evidence-label", children: item.href ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { className: "eth-task-decision-panel__evidence-link", href: item.href, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: item.label }) }),
+            item.preview ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "eth-task-decision-panel__evidence-preview", children: item.preview }) : null
+          ] }, item.id)) })
+        ] }) : null,
+        resolvedOptions.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "section",
+          {
+            className: "eth-task-decision-panel__options",
+            role: "group",
+            "aria-labelledby": optionsId,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "eth-task-decision-panel__section-header", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { id: optionsId, children: "Decision options" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+                  resolvedOptions.length,
+                  " available"
+                ] })
+              ] }),
+              resolvedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  className: (0, import_clsx6.default)(
+                    "eth-task-decision-panel__option",
+                    `eth-task-decision-panel__option--${optionIntent(option)}`
+                  ),
+                  disabled: option.action?.disabled,
+                  "aria-pressed": decidedOptionId === option.id,
+                  onClick: () => {
+                    option.action?.onSelect?.();
+                    onDecide?.(option.id);
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "eth-task-decision-panel__option-main", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "eth-task-decision-panel__option-label", children: option.label }),
+                      option.description ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "eth-task-decision-panel__option-description", children: option.description }) : null
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "eth-task-decision-panel__option-state", children: decidedOptionId === option.id ? "Selected" : "Choose" })
+                  ]
+                },
+                option.id
+              ))
+            ]
+          }
+        ) : null,
+        decidedOptionId ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "eth-task-decision-panel__decision", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core4.Tag, { children: [
+          "Decided: ",
+          decidedOptionId
+        ] }) }) : null
+      ]
+    }
+  );
+}
+
+// src/components/HumanInterventionPanel.tsx
+var React4 = __toESM(require("react"), 1);
+var import_clsx7 = __toESM(require("clsx"), 1);
+var import_core5 = require("@echothink-ui/core");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function urgencySeverity(urgency) {
+  if (urgency === "high") return "danger";
+  if (urgency === "medium") return "warning";
+  return "info";
+}
+function urgencyLabel(urgency) {
+  if (urgency === "high") return "High urgency";
+  if (urgency === "medium") return "Medium urgency";
+  return "Low urgency";
+}
+function HumanInterventionPanel({
+  reason,
+  affectedTask,
+  actions,
+  urgency = "medium",
+  className,
+  title = "Human intervention required",
+  status = "approval-required",
+  severity,
+  role = "region",
+  "aria-labelledby": ariaLabelledBy,
+  ...props
+}) {
+  const titleId = React4.useId();
+  const panelSeverity = severity ?? urgencySeverity(urgency);
+  const labelledBy = ariaLabelledBy ?? (title ? titleId : void 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    import_core5.Surface,
+    {
+      ...props,
+      role,
+      "aria-labelledby": labelledBy,
+      className: (0, import_clsx7.default)("eth-task-human-intervention-panel", className),
+      title: title ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: titleId, children: title }) : void 0,
+      status,
+      severity: panelSeverity,
+      "data-eth-component": "HumanInterventionPanel",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core5.InlineNotification, { severity: panelSeverity, title: "Intervention requested", children: reason ?? "Review this task and choose the next action before the agent can continue." }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("dl", { className: "eth-task-human-intervention-panel__details", "aria-label": "Intervention details", children: [
+          affectedTask ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "Affected task" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("dd", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "eth-task-human-intervention-panel__task-title", children: affectedTask.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "eth-task-human-intervention-panel__task-id", children: affectedTask.id })
+            ] })
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "Urgency" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core5.Badge, { severity: panelSeverity, children: urgencyLabel(urgency) }) })
+          ] })
+        ] }),
+        actions?.length ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "div",
+          {
+            className: "eth-task-human-intervention-panel__actions",
+            role: "group",
+            "aria-label": "Intervention actions",
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core5.ActionGroup, { actions })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/TaskApprovalPanel.tsx
+var React5 = __toESM(require("react"), 1);
+var import_core6 = require("@echothink-ui/core");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function refEvidence(taskRef, diffRef, policyRef, evidence = []) {
+  const refs = [];
+  if (taskRef) refs.push({ id: "task-ref", label: "Task reference", preview: taskRef });
+  if (diffRef) refs.push({ id: "diff-ref", label: "Diff reference", preview: diffRef });
+  if (policyRef) refs.push({ id: "policy-ref", label: "Policy reference", preview: policyRef });
+  return [...refs, ...evidence];
+}
+function stateNotification(state) {
+  if (state === "approved") {
+    return {
+      severity: "success",
+      title: "Output approved",
+      description: "The approval has been recorded with the current audit metadata."
+    };
+  }
+  if (state === "rejected") {
+    return {
+      severity: "danger",
+      title: "Output rejected",
+      description: "The rejection reason and evidence references are retained for review."
+    };
+  }
+  if (state === "pending") {
+    return {
+      severity: "info",
+      title: "Decision pending",
+      description: "The approval decision is being prepared for audit capture."
+    };
+  }
+  return null;
+}
+function TaskApprovalPanel({
+  taskRef,
+  diffRef,
+  policyRef,
+  summary,
+  evidence,
+  onApprove,
+  onReject,
+  onRequestChanges,
+  state = "idle",
+  title = "Task approval required",
+  description,
+  footer,
+  ...props
+}) {
+  const [reason, setReason] = React5.useState("");
+  const reasonId = React5.useId();
+  const notification = stateNotification(state);
+  const policy = policyRef ?? "Default task policy";
+  const isPending = state === "pending";
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("section", { className: "eth-task-approval-panel", "data-eth-component": "TaskApprovalPanel", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    DecisionRequiredPanel,
+    {
+      ...props,
+      title,
+      summary: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "eth-task-approval-panel__body", children: [
+        summary ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "eth-task-approval-panel__summary", children: summary }) : null,
+        notification ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core6.InlineNotification,
+          {
+            className: "eth-task-approval-panel__state",
+            severity: notification.severity,
+            title: notification.title,
+            children: notification.description
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_core6.FormField,
+          {
+            id: reasonId,
+            label: "Decision reason",
+            helperText: "Stored with approval audit metadata.",
+            className: "eth-task-approval-panel__reason",
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_core6.Textarea,
+              {
+                value: reason,
+                rows: 4,
+                placeholder: "Summarize the approval rationale, rejection issue, or requested change.",
+                onChange: (event) => setReason(event.currentTarget.value)
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("dl", { className: "eth-task-approval-panel__audit", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dt", { children: "Task" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dd", { children: taskRef ?? "-" })
+          ] }),
+          diffRef ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dt", { children: "Diff" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dd", { children: diffRef })
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dt", { children: "Policy" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dd", { children: policy })
+          ] })
+        ] })
+      ] }),
+      description: description ?? "Review the task output and choose an approval outcome.",
+      riskLevel: "high",
+      evidence: refEvidence(taskRef, diffRef, policyRef, evidence),
+      options: [],
+      footer: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "eth-task-approval-panel__footer", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          "div",
+          {
+            className: "eth-task-approval-panel__actions",
+            role: "group",
+            "aria-label": "Approval actions",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                import_core6.Button,
+                {
+                  intent: "success",
+                  disabled: isPending || !onApprove,
+                  "aria-pressed": state === "approved",
+                  onClick: () => onApprove?.(reason),
+                  children: "Approve"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                import_core6.Button,
+                {
+                  intent: "danger",
+                  disabled: isPending || !onReject,
+                  "aria-pressed": state === "rejected",
+                  onClick: () => onReject?.(reason),
+                  children: "Reject"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                import_core6.Button,
+                {
+                  intent: "secondary",
+                  disabled: isPending || !onRequestChanges,
+                  onClick: () => onRequestChanges?.(reason),
+                  children: "Request changes"
+                }
+              )
+            ]
+          }
+        ),
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "eth-task-approval-panel__custom-footer", children: footer }) : null
+      ] })
+    }
+  ) });
+}
+
+// src/components/TaskCard.tsx
+var import_clsx8 = __toESM(require("clsx"), 1);
+var import_core7 = require("@echothink-ui/core");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function TaskCard({ task, actions, onSelect, className, ...props }) {
+  const cardActions = actions?.map((action) => ({
+    ...action,
+    intent: action.intent ?? "tertiary"
+  }));
+  const interactiveProps = onSelect ? {
+    role: "button",
+    tabIndex: 0,
+    onClick: () => onSelect(task),
+    onKeyDown: (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        onSelect(task);
+      }
+    }
+  } : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_core7.Surface,
+    {
+      ...props,
+      ...interactiveProps,
+      className: (0, import_clsx8.default)("eth-task-card", onSelect && "eth-task-card--selectable", className),
+      density: "compact",
+      title: task.title,
+      subtitle: task.id,
+      description: task.description,
+      status: task.status,
+      actions: cardActions,
+      metadata: [
+        {
+          label: "Assignee",
+          value: task.assignee ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "eth-task-card__assignee", children: task.assignee }) : "-"
+        },
+        {
+          label: "Due",
+          value: formatDateTime(task.dueAt)
+        },
+        {
+          label: "Priority",
+          value: task.priority ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core7.Badge, { severity: severityForPriority(task.priority), children: task.priority }) : "-"
+        }
+      ],
+      "data-eth-component": "TaskCard",
+      children: task.tags?.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "eth-task-card__tags", "aria-label": "Task tags", children: task.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core7.Tag, { children: tag }, tag)) }) : null
+    }
+  );
+}
+
+// src/components/TaskDependencyList.tsx
+var React6 = __toESM(require("react"), 1);
+var import_clsx10 = __toESM(require("clsx"), 1);
+var import_core9 = require("@echothink-ui/core");
+
+// src/components/TaskStatusBadge.tsx
+var import_clsx9 = __toESM(require("clsx"), 1);
+var import_core8 = require("@echothink-ui/core");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function TaskStatusBadge({
+  status,
+  label,
+  className,
+  title,
+  ...props
+}) {
+  const statusLabel2 = label ?? labelForStatus(status);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_core8.Badge,
+    {
+      ...props,
+      className: (0, import_clsx9.default)("eth-task-status-badge", `eth-task-status-badge--${status}`, className),
+      "data-eth-component": "TaskStatusBadge",
+      "data-status": status,
+      severity: severityForStatus(status),
+      title: title ?? statusLabel2,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "eth-task-status-badge__indicator", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "eth-task-status-badge__label", children: statusLabel2 })
+      ]
+    }
+  );
+}
+
+// src/components/TaskDependencyList.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var groupDescriptions = {
+  "blocked-by": "Prerequisite work that must clear before this task can move forward.",
+  blocks: "Downstream work waiting on this task."
+};
+function taskCountLabel(count) {
+  return `${count} task${count === 1 ? "" : "s"}`;
+}
+function relationshipLabel(relationship) {
+  return relationship === "blocks" ? "Dependent" : "Prerequisite";
+}
+function DependencyGroup({
+  title,
+  relationship,
+  dependencies
+}) {
+  const headingId = React6.useId();
+  if (!dependencies.length) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { className: "eth-task-dependencies__group", "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "eth-task-dependencies__group-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "eth-task-dependencies__group-heading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h4", { id: headingId, children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { children: groupDescriptions[relationship] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core9.Badge, { children: taskCountLabel(dependencies.length) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "eth-task-dependencies__list", children: dependencies.map((dependency) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      "li",
+      {
+        className: (0, import_clsx10.default)(
+          "eth-task-dependencies__item",
+          `eth-task-dependencies__item--${dependency.status}`
+        ),
+        "data-status": dependency.status,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "eth-task-dependencies__item-main", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "eth-task-dependencies__relationship", children: relationshipLabel(relationship) }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "eth-task-dependencies__title", children: dependency.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "eth-task-dependencies__id", children: dependency.id })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TaskStatusBadge, { status: dependency.status })
+        ]
+      },
+      dependency.id
+    )) })
+  ] });
+}
+function TaskDependencyList({
+  dependencies = [],
+  blocks = [],
+  blockedBy = [],
+  emptyTitle = "No dependencies",
+  className,
+  ...props
+}) {
+  const derivedBlocks = dependencies.filter((dependency) => dependency.relationship === "blocks");
+  const derivedBlockedBy = dependencies.filter(
+    (dependency) => dependency.relationship !== "blocks"
+  );
+  const blockList = blocks.length ? blocks : derivedBlocks;
+  const blockedByList = blockedBy.length ? blockedBy : derivedBlockedBy;
+  const hasDependencies = blockList.length || blockedByList.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "div",
+    {
+      ...props,
+      className: (0, import_clsx10.default)("eth-task-dependencies", className),
+      "data-eth-component": "TaskDependencyList",
+      children: hasDependencies ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          DependencyGroup,
+          {
+            title: "Blocked by",
+            relationship: "blocked-by",
+            dependencies: blockedByList
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DependencyGroup, { title: "Blocks", relationship: "blocks", dependencies: blockList })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core9.EmptyState, { title: emptyTitle })
+    }
+  );
+}
+
+// src/components/TaskDetailPanel.tsx
+var import_clsx12 = __toESM(require("clsx"), 1);
+var import_core11 = require("@echothink-ui/core");
+
+// src/components/TaskTimeline.tsx
+var import_clsx11 = __toESM(require("clsx"), 1);
+var import_core10 = require("@echothink-ui/core");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var eventKindMeta = {
+  status_change: { label: "Status", tone: "info" },
+  comment: { label: "Comment", tone: "neutral" },
+  assignment: { label: "Assignment", tone: "info" },
+  attachment: { label: "Attachment", tone: "success" },
+  system: { label: "System", tone: "neutral" }
+};
+function timestampMeta(value) {
+  const date = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(date.valueOf())) {
+    const fallback = String(value);
+    return { dateTime: fallback, label: fallback };
+  }
+  return {
+    dateTime: date.toISOString(),
+    label: formatDateTime(date)
+  };
+}
+function TaskTimeline({
+  events = [],
+  className,
+  role,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  if (!events.length) {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "div",
+      {
+        ...props,
+        className: (0, import_clsx11.default)("eth-task-timeline", className),
+        "data-eth-component": "TaskTimeline",
+        role: role ?? "region",
+        "aria-label": ariaLabel ?? "Task timeline",
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_core10.EmptyState,
+          {
+            title: "No task history",
+            description: "Task activity and state changes appear here."
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "div",
+    {
+      ...props,
+      className: (0, import_clsx11.default)("eth-task-timeline", className),
+      "data-eth-component": "TaskTimeline",
+      role: role ?? "region",
+      "aria-label": ariaLabel ?? "Task timeline",
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ol", { className: "eth-task-timeline__list", children: events.map((event) => {
+        const kind = eventKindMeta[event.kind];
+        const time = timestampMeta(event.timestamp);
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          "li",
+          {
+            className: (0, import_clsx11.default)(
+              "eth-task-timeline__event",
+              `eth-task-timeline__event--${event.kind}`
+            ),
+            "data-kind": event.kind,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("time", { className: "eth-task-timeline__time", dateTime: time.dateTime, children: time.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "eth-task-timeline__rail", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "eth-task-timeline__marker" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("article", { className: "eth-task-timeline__body", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("header", { className: "eth-task-timeline__event-header", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core10.Badge, { severity: kind.tone, children: kind.label }),
+                  event.actor ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "eth-task-timeline__actor", children: [
+                    "By ",
+                    event.actor
+                  ] }) : null
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { className: "eth-task-timeline__summary", children: event.summary }),
+                event.details ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "eth-task-timeline__details", children: event.details }) : null
+              ] })
+            ]
+          },
+          event.id
+        );
+      }) })
+    }
+  );
+}
+
+// src/components/TaskDetailPanel.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function formatCount(count, singular, plural = `${singular}s`) {
+  return `${count} ${count === 1 ? singular : plural}`;
+}
+function DetailSection({
+  title,
+  meta,
+  open,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("details", { open, className: (0, import_clsx12.default)("eth-task-detail-panel__section", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("summary", { className: "eth-task-detail-panel__summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "eth-task-detail-panel__summary-label", children: title }),
+      meta ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "eth-task-detail-panel__summary-meta", children: meta }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "eth-task-detail-panel__section-body", children })
+  ] });
+}
+function TaskDetailPanel({
+  task,
+  dependencies,
+  events,
+  actions,
+  className,
+  title,
+  description,
+  items,
+  ...props
+}) {
+  if (!task) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_core11.Surface,
+      {
+        ...props,
+        className: (0, import_clsx12.default)("eth-task-detail-panel", className),
+        title: title ?? "Task detail",
+        description,
+        items,
+        actions,
+        "data-eth-component": "TaskDetailPanel",
+        children: !items?.length ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.EmptyState, { title: "No task selected" }) : null
+      }
+    );
+  }
+  const resolvedDependencies = dependencies ?? task.dependencies ?? [];
+  const resolvedEvents = events ?? task.history ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_core11.Surface,
+    {
+      ...props,
+      className: (0, import_clsx12.default)("eth-task-detail-panel", className),
+      title: title ?? task.title,
+      subtitle: task.id,
+      status: task.status,
+      "data-eth-component": "TaskDetailPanel",
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "eth-task-detail-panel__stack", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DetailSection, { title: "Metadata", open: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("dl", { className: "eth-meta-grid eth-task-detail-panel__metadata", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: "Status" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TaskStatusBadge, { status: task.status }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: "Assignee" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: task.assignee ?? "-" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: "Due" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: formatDateTime(task.dueAt) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: "Priority" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: task.priority ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.Badge, { severity: severityForPriority(task.priority), children: task.priority }) : "-" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DetailSection, { title: "Description", open: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "eth-task-detail-panel__description", children: task.description ?? description ?? "No description provided." }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          DetailSection,
+          {
+            title: "Dependencies",
+            meta: formatCount(resolvedDependencies.length, "dependency", "dependencies"),
+            open: resolvedDependencies.length > 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TaskDependencyList, { dependencies: resolvedDependencies })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          DetailSection,
+          {
+            title: "History",
+            meta: formatCount(resolvedEvents.length, "event"),
+            open: resolvedEvents.length > 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TaskTimeline, { events: resolvedEvents })
+          }
+        ),
+        actions?.length ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DetailSection, { title: "Actions", meta: formatCount(actions.length, "action"), open: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "eth-task-detail-panel__actions", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.ActionGroup, { actions }) }) }) : null
+      ] })
+    }
+  );
+}
+
+// src/components/TaskHandoffPanel.tsx
+var React7 = __toESM(require("react"), 1);
+var import_clsx13 = __toESM(require("clsx"), 1);
+var import_core12 = require("@echothink-ui/core");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function TaskHandoffPanel({
+  assigneeOptions = [],
+  currentAssigneeId,
+  onHandoff,
+  reasonRequired,
+  className,
+  title = "Task handoff",
+  description,
+  ...props
+}) {
+  const [selectedId, setSelectedId] = React7.useState(
+    currentAssigneeId ?? assigneeOptions[0]?.id ?? ""
+  );
+  const [reason, setReason] = React7.useState("");
+  const targetId = React7.useId();
+  const reasonId = React7.useId();
+  const trimmedReason = reason.trim();
+  const cannotSubmit = !selectedId || reasonRequired && !trimmedReason;
+  const submitHandoff = (event) => {
+    event?.preventDefault();
+    if (cannotSubmit) return;
+    onHandoff?.(selectedId, trimmedReason);
+  };
+  const handleReasonKeyDown = (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      submitHandoff();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_core12.Surface,
+    {
+      ...props,
+      className: (0, import_clsx13.default)("eth-task-handoff-panel", className),
+      title,
+      description,
+      "data-eth-component": "TaskHandoffPanel",
+      children: assigneeOptions.length ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("form", { className: "eth-task-handoff-panel__body", onSubmit: submitHandoff, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "eth-task-handoff-panel__target-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { id: targetId, className: "eth-task-handoff-panel__target-heading", children: "Handoff target" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "div",
+            {
+              className: "eth-task-handoff-panel__list",
+              role: "group",
+              "aria-labelledby": targetId,
+              children: assigneeOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `Hand off to ${option.label} (${formatAssigneeKind(
+                    option.kind
+                  )})`,
+                  "aria-pressed": selectedId === option.id,
+                  className: (0, import_clsx13.default)(
+                    "eth-task-handoff-panel__option",
+                    selectedId === option.id && "eth-task-handoff-panel__option--selected"
+                  ),
+                  onClick: () => setSelectedId(option.id),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "eth-task-handoff-panel__option-copy", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "eth-task-handoff-panel__option-label", children: option.label }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "eth-task-handoff-panel__option-meta", children: [
+                      selectedId === option.id ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core12.Badge, { severity: "info", children: "Selected" }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core12.Badge, { severity: "neutral", children: formatAssigneeKind(option.kind) })
+                    ] })
+                  ]
+                },
+                option.id
+              ))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_core12.FormField,
+          {
+            id: reasonId,
+            label: "Handoff reason",
+            required: reasonRequired,
+            className: "eth-task-handoff-panel__reason-field",
+            helperText: reasonRequired ? "A reason is required for this handoff." : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              import_core12.Textarea,
+              {
+                className: "eth-task-handoff-panel__reason",
+                name: "handoff-reason",
+                autoComplete: "off",
+                placeholder: "Summarize context, blockers, and the next action...",
+                value: reason,
+                rows: 3,
+                onKeyDown: handleReasonKeyDown,
+                onChange: (event) => setReason(event.currentTarget.value)
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "eth-task-handoff-panel__actions", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core12.Button, { type: "submit", disabled: cannotSubmit, children: "Handoff" }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core12.EmptyState, { title: "No assignees available" })
+    }
+  );
+}
+function formatAssigneeKind(kind) {
+  return kind.charAt(0).toUpperCase() + kind.slice(1);
+}
+
+// src/components/TaskProgressIndicator.tsx
+var import_clsx14 = __toESM(require("clsx"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var currentStepStatuses = /* @__PURE__ */ new Set(["active", "in-progress", "running"]);
+function TaskProgressIndicator({
+  value,
+  total = 100,
+  steps,
+  label = "Task progress",
+  className,
+  ...props
+}) {
+  if (steps?.length) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "div",
+      {
+        ...props,
+        className: (0, import_clsx14.default)("eth-task-progress eth-task-progress--steps", className),
+        "data-eth-component": "TaskProgressIndicator",
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ol", { className: "eth-task-progress__steps", "aria-label": label, children: steps.map((step, index) => {
+          const statusLabel2 = labelForStatus(step.status);
+          const isCurrentStep = currentStepStatuses.has(step.status);
+          return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+            "li",
+            {
+              className: (0, import_clsx14.default)(
+                "eth-task-progress__step",
+                `eth-task-progress__step--${step.status}`
+              ),
+              "aria-current": isCurrentStep ? "step" : void 0,
+              "data-status": step.status,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "eth-task-progress__step-track", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "eth-task-progress__circle" }),
+                  index < steps.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "eth-task-progress__connector" }) : null
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "eth-task-progress__step-copy", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "eth-task-progress__step-label", children: step.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "eth-task-progress__step-status", children: statusLabel2 })
+                ] })
+              ]
+            },
+            step.id
+          );
+        }) })
+      }
+    );
+  }
+  const progressValue = clampProgress(value, total);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "div",
+    {
+      ...props,
+      className: (0, import_clsx14.default)("eth-task-progress eth-task-progress--bar", className),
+      "data-eth-component": "TaskProgressIndicator",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "eth-task-progress__label", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("strong", { children: [
+            progressValue,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("progress", { value: progressValue, max: 100, "aria-label": label })
+      ]
+    }
+  );
+}
+
+// src/components/TaskRetryPanel.tsx
+var React8 = __toESM(require("react"), 1);
+var import_clsx15 = __toESM(require("clsx"), 1);
+var import_core13 = require("@echothink-ui/core");
+var import_icons = require("@echothink-ui/icons");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var backoffLabels = {
+  exponential: "Exponential",
+  linear: "Linear"
+};
+function TaskRetryPanel({
+  taskRef,
+  failureSummary,
+  retryPolicy,
+  attemptCount = 0,
+  onRetry,
+  className,
+  title = "Retry failed task",
+  description,
+  ...props
+}) {
+  const [reason, setReason] = React8.useState("");
+  const reasonId = React8.useId();
+  const retriesExhausted = retryPolicy ? attemptCount >= retryPolicy.maxRetries : false;
+  const attemptLabel = retryPolicy ? `${attemptCount} / ${retryPolicy.maxRetries}` : attemptCount;
+  const backoffLabel = retryPolicy ? backoffLabels[retryPolicy.backoff] : "-";
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    import_core13.Surface,
+    {
+      ...props,
+      className: (0, import_clsx15.default)("eth-task-retry-panel", className),
+      title,
+      description,
+      severity: "danger",
+      "data-eth-component": "TaskRetryPanel",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core13.InlineNotification, { severity: "danger", title: "Task failed", children: failureSummary ?? "The task did not complete successfully." }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("dl", { className: "eth-task-retry-panel__policy", "aria-label": "Retry policy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dt", { children: "Task" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dd", { children: taskRef ?? "-" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            "div",
+            {
+              className: (0, import_clsx15.default)(
+                "eth-task-retry-panel__attempts",
+                retriesExhausted && "eth-task-retry-panel__attempts--exhausted"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dt", { children: "Attempts" }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("dd", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: attemptLabel }),
+                  retriesExhausted ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "eth-task-retry-panel__policy-note", children: "Automatic retries exhausted" }) : null
+                ] })
+              ]
+            }
+          ),
+          retryPolicy ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dt", { children: "Backoff" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dd", { children: backoffLabel })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dt", { children: "Interval" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dd", { children: formatDuration(retryPolicy.intervalMs) })
+            ] })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "eth-task-retry-panel__controls", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            import_core13.FormField,
+            {
+              id: reasonId,
+              label: "Retry reason",
+              helperText: "Stored with retry audit metadata.",
+              className: "eth-task-retry-panel__reason-field",
+              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                import_core13.Textarea,
+                {
+                  value: reason,
+                  rows: 3,
+                  placeholder: "Summarize what changed before retrying.",
+                  onChange: (event) => setReason(event.currentTarget.value)
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "eth-task-retry-panel__actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              import_core13.Button,
+              {
+                icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons.RetryIcon, { size: 16 }),
+                intent: "primary",
+                onClick: () => onRetry?.(reason),
+                children: "Retry task"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: "Creates a new attempt and records this reason in the task audit trail." })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/TaskRunLog.tsx
+var React9 = __toESM(require("react"), 1);
+var import_clsx16 = __toESM(require("clsx"), 1);
+var import_core14 = require("@echothink-ui/core");
+var import_icons2 = require("@echothink-ui/icons");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var logLevels = ["error", "warn", "info", "debug"];
+function TaskRunLog({
+  entries = [],
+  streaming,
+  onPauseToggle,
+  onFilter,
+  levelFilter,
+  windowSize = 200,
+  className,
+  title = "Task run log",
+  description,
+  ...props
+}) {
+  const [internalFilter, setInternalFilter] = React9.useState(logLevels);
+  const activeFilter = levelFilter ?? internalFilter;
+  const counts = React9.useMemo(
+    () => logLevels.reduce(
+      (summary, level) => ({
+        ...summary,
+        [level]: entries.filter((entry) => entry.level === level).length
+      }),
+      {}
+    ),
+    [entries]
+  );
+  const visibleEntries = React9.useMemo(
+    () => entries.filter((entry) => activeFilter.includes(entry.level)).slice(-windowSize),
+    [activeFilter, entries, windowSize]
+  );
+  const toggleLevel = (level) => {
+    onFilter?.(level);
+    if (!levelFilter) {
+      setInternalFilter(
+        (current) => current.includes(level) ? current.filter((candidate) => candidate !== level) : [...current, level]
+      );
+    }
+  };
+  const streamLabel = streaming ? "Streaming" : "Paused";
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    import_core14.Surface,
+    {
+      ...props,
+      className: (0, import_clsx16.default)("eth-task-run-log", className),
+      title,
+      description,
+      "data-eth-component": "TaskRunLog",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "eth-task-run-log__toolbar", role: "toolbar", "aria-label": "Task log controls", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "eth-task-run-log__stream-state", "aria-live": "polite", children: [
+            onPauseToggle ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              import_core14.IconButton,
+              {
+                label: streaming ? "Pause log stream" : "Resume log stream",
+                icon: streaming ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons2.PauseIcon, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons2.PlayIcon, { size: 16 }),
+                intent: "ghost",
+                density: "compact",
+                onClick: onPauseToggle
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core14.Badge, { severity: streaming ? "success" : "neutral", children: streamLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "eth-task-run-log__buffer-count", children: [
+              visibleEntries.length,
+              " of ",
+              entries.length,
+              " entries"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("fieldset", { className: "eth-task-run-log__filters", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("legend", { children: "Levels" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "eth-task-run-log__filter-options", children: logLevels.map((level) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              import_core14.Checkbox,
+              {
+                label: level,
+                checked: activeFilter.includes(level),
+                onChange: () => toggleLevel(level)
+              },
+              level
+            )) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("dl", { className: "eth-task-run-log__summary", "aria-label": "Task log summary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { children: "Buffered" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { children: entries.length })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { children: "Visible" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { children: visibleEntries.length })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { children: "Warnings" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { children: counts.warn })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { children: "Errors" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { children: counts.error })
+          ] })
+        ] }),
+        visibleEntries.length ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "div",
+          {
+            className: "eth-task-run-log__viewport",
+            role: "log",
+            "aria-label": "Task execution log entries",
+            "aria-live": streaming ? "polite" : "off",
+            "aria-relevant": "additions text",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "eth-task-run-log__columns", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Time" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Level" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Message" })
+              ] }),
+              visibleEntries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                "div",
+                {
+                  className: (0, import_clsx16.default)("eth-task-run-log__entry", `eth-task-run-log__entry--${entry.level}`),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("time", { className: "eth-task-run-log__time", dateTime: String(entry.timestamp), children: formatDateTime(entry.timestamp) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      "span",
+                      {
+                        className: (0, import_clsx16.default)(
+                          "eth-task-run-log__level",
+                          `eth-task-run-log__level--${entry.level}`
+                        ),
+                        children: entry.level.toUpperCase()
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      "span",
+                      {
+                        className: (0, import_clsx16.default)(
+                          "eth-task-run-log__message",
+                          entry.redacted && "eth-task-run-log__message--redacted"
+                        ),
+                        children: entry.redacted ? "[redacted]" : entry.message
+                      }
+                    )
+                  ]
+                },
+                entry.id
+              ))
+            ]
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core14.EmptyState, { title: "No log entries" })
+      ]
+    }
+  );
+}
+
+// src/components/TaskTable.tsx
+var React10 = __toESM(require("react"), 1);
+var import_clsx17 = __toESM(require("clsx"), 1);
+var import_core15 = require("@echothink-ui/core");
+var import_data = require("@echothink-ui/data");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var statusFilterOrder = [
+  "not-started",
+  "queued",
+  "in-progress",
+  "running",
+  "approval-required",
+  "pending-approval",
+  "blocked",
+  "failed",
+  "completed",
+  "succeeded",
+  "synced"
+];
+var priorityLabels = {
+  critical: "Critical",
+  high: "High",
+  low: "Low",
+  medium: "Medium"
+};
+function taskRowsFromItems(items) {
+  return items?.map((item) => ({
+    id: item.id,
+    title: String(item.label),
+    status: item.status ?? "not-started"
+  })) ?? [];
+}
+function taskTableLabel(title) {
+  return typeof title === "string" && title.trim() ? `${title} table` : "Task table";
+}
+function priorityCell(priority) {
+  if (!priority) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "eth-task-table__empty-value", children: "-" });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_core15.Badge,
+    {
+      severity: severityForPriority(priority),
+      className: `eth-task-table__priority eth-task-table__priority--${priority}`,
+      children: priorityLabels[priority]
+    }
+  );
+}
+function emptyCell(value) {
+  if (value === void 0 || value === null || value === "") {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "eth-task-table__empty-value", children: "-" });
+  }
+  return value;
+}
+function taskStatusOptions(rows, activeStatus) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const task of rows) {
+    counts.set(task.status, (counts.get(task.status) ?? 0) + 1);
+  }
+  const activeOperationalStatus = activeStatus === "all" ? null : activeStatus;
+  const activeStatusWithoutRows = Boolean(
+    activeOperationalStatus && !counts.has(activeOperationalStatus)
+  );
+  const extraStatuses = activeOperationalStatus && activeStatusWithoutRows && !statusFilterOrder.includes(activeOperationalStatus) ? [activeOperationalStatus] : [];
+  const sortedStatuses = [
+    ...statusFilterOrder.filter(
+      (status) => counts.has(status) || activeStatusWithoutRows && status === activeOperationalStatus
+    ),
+    ...Array.from(counts.keys()).filter((status) => !statusFilterOrder.includes(status)),
+    ...extraStatuses
+  ];
+  return [
+    { value: "all", label: `All statuses (${rows.length})` },
+    ...sortedStatuses.map((status) => ({
+      value: status,
+      label: `${labelForStatus(status)} (${counts.get(status) ?? 0})`
+    }))
+  ];
+}
+var defaultColumns = [
+  { key: "id", header: "ID", width: "5rem", sortable: true },
+  {
+    key: "title",
+    header: "Task",
+    width: "18rem",
+    sortable: true,
+    render: (task) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "eth-task-table__task", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("strong", { className: "eth-task-table__task-title", children: task.title }),
+      task.description ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "eth-task-table__task-description", children: task.description }) : null
+    ] })
+  },
+  {
+    key: "status",
+    header: "Status",
+    width: "12rem",
+    sortable: true,
+    render: (task) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TaskStatusBadge, { status: task.status })
+  },
+  {
+    key: "priority",
+    header: "Priority",
+    width: "8rem",
+    sortable: true,
+    render: (task) => priorityCell(task.priority)
+  },
+  {
+    key: "assignee",
+    header: "Assignee",
+    width: "9rem",
+    render: (task) => emptyCell(task.assignee)
+  },
+  {
+    key: "dueAt",
+    header: "Due",
+    width: "13rem",
+    sortable: true,
+    render: (task) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: task.dueAt ? "eth-task-table__date" : "eth-task-table__empty-value", children: formatDateTime(task.dueAt) })
+  }
+];
+function TaskTable({
+  tasks,
+  items,
+  density = "default",
+  selectable,
+  selectedRows,
+  onSelectionChange,
+  rowActions,
+  bulkActions,
+  columns,
+  showFilters,
+  statusFilter,
+  onStatusFilterChange,
+  className,
+  title,
+  description,
+  actions,
+  subtitle: _subtitle,
+  eyebrow: _eyebrow,
+  status: _status,
+  severity: _severity,
+  loading: _loading,
+  empty: _empty,
+  error: _error,
+  metadata: _metadata,
+  footer: _footer,
+  "aria-label": ariaLabel,
+  ...sectionProps
+}) {
+  const rows = tasks ?? taskRowsFromItems(items);
+  const [internalStatusFilter, setInternalStatusFilter] = React10.useState("all");
+  const effectiveStatusFilter = statusFilter ?? internalStatusFilter;
+  const filterVisible = Boolean(showFilters) || statusFilter !== void 0 || Boolean(onStatusFilterChange);
+  const filteredRows = filterVisible && effectiveStatusFilter !== "all" ? rows.filter((task) => task.status === effectiveStatusFilter) : rows;
+  const statusOptions = React10.useMemo(
+    () => taskStatusOptions(rows, effectiveStatusFilter),
+    [effectiveStatusFilter, rows]
+  );
+  const resolvedColumns = columns ?? defaultColumns;
+  const label = ariaLabel ?? taskTableLabel(title);
+  const emptyTitle = rows.length && filterVisible ? "No matching tasks" : title ?? "No tasks";
+  const emptyDescription = rows.length && filterVisible ? "No tasks match the selected status filter." : description ?? "There are no tasks to display.";
+  const selectEnabled = selectable ?? Boolean(bulkActions?.length);
+  const handleStatusFilterChange = (event) => {
+    const nextStatus = event.currentTarget.value;
+    if (statusFilter === void 0) setInternalStatusFilter(nextStatus);
+    onStatusFilterChange?.(nextStatus);
+  };
+  const table = bulkActions?.length ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_data.BulkActionTable,
+    {
+      className: (0, import_clsx17.default)("eth-task-table", className),
+      rows: filteredRows,
+      columns: resolvedColumns,
+      rowKey: "id",
+      density,
+      selectable: selectEnabled,
+      selectedRows,
+      onSelectionChange,
+      rowActions,
+      bulkActions,
+      emptyState: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core15.EmptyState, { title: emptyTitle, description: emptyDescription }),
+      "aria-label": label,
+      "data-eth-component": "TaskTable"
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_data.DataTable,
+    {
+      className: (0, import_clsx17.default)("eth-task-table", className),
+      rows: filteredRows,
+      columns: resolvedColumns,
+      rowKey: "id",
+      density,
+      selectable,
+      selectedRows,
+      onSelectionChange,
+      rowActions,
+      emptyState: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core15.EmptyState, { title: emptyTitle, description: emptyDescription }),
+      "aria-label": label,
+      "data-eth-component": "TaskTable"
+    }
+  );
+  const hasHeader = Boolean(title || description || actions?.length);
+  if (!hasHeader && !filterVisible) return table;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "section",
+    {
+      ...sectionProps,
+      className: "eth-task-table-shell",
+      "aria-label": typeof title === "string" ? title : "Tasks",
+      children: [
+        hasHeader ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("header", { className: "eth-task-table-shell__header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "eth-task-table-shell__heading", children: [
+            title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { children: title }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { children: description }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core15.ActionGroup, { actions })
+        ] }) : null,
+        filterVisible ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "eth-task-table-shell__toolbar", "aria-label": "Task table filters", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "eth-task-table-shell__filters", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            import_core15.Select,
+            {
+              className: "eth-task-table-shell__filter",
+              density: "compact",
+              labelText: "Status",
+              options: statusOptions,
+              value: effectiveStatusFilter,
+              onChange: handleStatusFilterChange
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "eth-task-table-shell__summary", children: filteredRows.length === rows.length ? `${rows.length} ${rows.length === 1 ? "task" : "tasks"} shown` : `${filteredRows.length} of ${rows.length} tasks shown` })
+        ] }) : null,
+        table
+      ]
+    }
+  );
+}
+
+// src/components/TaskWaveDAG.tsx
+var React11 = __toESM(require("react"), 1);
+var import_clsx18 = __toESM(require("clsx"), 1);
+var import_core16 = require("@echothink-ui/core");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var rankSpacing = DAG_NODE_WIDTH + 76;
+var rowSpacing = DAG_NODE_HEIGHT + 48;
+var originX = DAG_NODE_WIDTH / 2 + 28;
+var originY = DAG_NODE_HEIGHT / 2 + 48;
+var framePaddingX = 32;
+var framePaddingY = 28;
+function layoutNodes(nodes, edges, layout) {
+  const ids = new Set(nodes.map((node) => node.id));
+  const ranks = new Map(nodes.map((node) => [node.id, 0]));
+  const validEdges = edges.filter((edge) => ids.has(edge.from) && ids.has(edge.to));
+  for (let pass = 0; pass < nodes.length; pass += 1) {
+    for (const edge of validEdges) {
+      const fromRank = ranks.get(edge.from) ?? 0;
+      const toRank = ranks.get(edge.to) ?? 0;
+      if (toRank < fromRank + 1) ranks.set(edge.to, fromRank + 1);
+    }
+  }
+  const groups = /* @__PURE__ */ new Map();
+  for (const node of nodes) {
+    const rank = ranks.get(node.id) ?? 0;
+    groups.set(rank, [...groups.get(rank) ?? [], node]);
+  }
+  return nodes.map((node) => {
+    if (typeof node.x === "number" && typeof node.y === "number") {
+      return { ...node, x: node.x, y: node.y };
+    }
+    const rank = ranks.get(node.id) ?? 0;
+    const group = groups.get(rank) ?? [];
+    const index = group.findIndex((candidate) => candidate.id === node.id);
+    const spread = Math.max(0, index) * rowSpacing + originY;
+    const ranked = rank * rankSpacing + originX;
+    return layout === "lr" ? { ...node, x: ranked, y: spread } : { ...node, x: spread, y: ranked };
+  });
+}
+function frameFor(nodes) {
+  if (!nodes.length) {
+    return { x: 0, y: 0, width: 640, height: 180, viewBox: "0 0 640 180" };
+  }
+  const minX = Math.min(...nodes.map((node) => node.x - DAG_NODE_WIDTH / 2)) - framePaddingX;
+  const minY = Math.min(...nodes.map((node) => node.y - DAG_NODE_HEIGHT / 2)) - framePaddingY;
+  const maxX = Math.max(...nodes.map((node) => node.x + DAG_NODE_WIDTH / 2)) + framePaddingX;
+  const maxY = Math.max(...nodes.map((node) => node.y + DAG_NODE_HEIGHT / 2)) + framePaddingY;
+  const width = Math.max(360, maxX - minX);
+  const height = Math.max(120, maxY - minY);
+  return { x: minX, y: minY, width, height, viewBox: `${minX} ${minY} ${width} ${height}` };
+}
+function edgeEndpoints(from, to, layout) {
+  if (layout === "lr") {
+    return {
+      from: { x: from.x + DAG_NODE_WIDTH / 2, y: from.y },
+      to: { x: to.x - DAG_NODE_WIDTH / 2, y: to.y }
+    };
+  }
+  return {
+    from: { x: from.x, y: from.y + DAG_NODE_HEIGHT / 2 },
+    to: { x: to.x, y: to.y - DAG_NODE_HEIGHT / 2 }
+  };
+}
+function TaskWaveDAG({
+  nodes = [],
+  edges = [],
+  layout = "lr",
+  onNodeSelect,
+  selectedNodeId,
+  className,
+  title,
+  description,
+  ...props
+}) {
+  const positionedNodes = React11.useMemo(
+    () => layoutNodes(nodes, edges, layout),
+    [nodes, edges, layout]
+  );
+  const nodeMap = React11.useMemo(
+    () => new Map(positionedNodes.map((node) => [node.id, node])),
+    [positionedNodes]
+  );
+  const visibleStatuses = React11.useMemo(
+    () => Array.from(new Set(positionedNodes.map((node) => node.status))),
+    [positionedNodes]
+  );
+  const graphFrame = React11.useMemo(() => frameFor(positionedNodes), [positionedNodes]);
+  const graphTitleId = React11.useId();
+  const graphDescriptionId = React11.useId();
+  const graphTitle = typeof title === "string" && title.trim() ? title : "Task wave dependency graph";
+  const graphDescription = `${positionedNodes.length} nodes and ${edges.length} dependencies. Statuses: ${visibleStatuses.map((status) => status.replace(/-/g, " ")).join(", ") || "none"}.`;
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_core16.Surface,
+    {
+      ...props,
+      className: (0, import_clsx18.default)("eth-task-wave-dag", className),
+      title: title ?? "Wave DAG",
+      description,
+      "data-eth-component": "TaskWaveDAG",
+      children: positionedNodes.length ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "eth-task-wave-dag__viewport", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          "svg",
+          {
+            className: "eth-dag",
+            role: "img",
+            "aria-labelledby": graphTitleId,
+            "aria-describedby": graphDescriptionId,
+            viewBox: graphFrame.viewBox,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { id: graphTitleId, children: graphTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("desc", { id: graphDescriptionId, children: graphDescription }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                "rect",
+                {
+                  className: "eth-dag__canvas",
+                  x: graphFrame.x,
+                  y: graphFrame.y,
+                  width: graphFrame.width,
+                  height: graphFrame.height,
+                  "aria-hidden": "true"
+                }
+              ),
+              edges.map((edge, index) => {
+                const from = nodeMap.get(edge.from);
+                const to = nodeMap.get(edge.to);
+                if (!from || !to) return null;
+                const endpoints = edgeEndpoints(from, to, layout);
+                return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  DAGEdge,
+                  {
+                    from: endpoints.from,
+                    to: endpoints.to,
+                    status: edge.status ?? to.status,
+                    label: edge.label
+                  },
+                  `${edge.from}-${edge.to}-${index}`
+                );
+              }),
+              positionedNodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                DAGNode,
+                {
+                  node,
+                  selected: node.id === selectedNodeId,
+                  onSelect: onNodeSelect
+                },
+                node.id
+              ))
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DAGLegend, { statuses: visibleStatuses.length ? visibleStatuses : void 0 }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ol", { className: "eth-task-wave-dag__fallback", children: positionedNodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("li", { children: [
+          node.label,
+          ", ",
+          node.status.replace(/-/g, " ")
+        ] }, node.id)) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core16.EmptyState, { title: "No DAG nodes", description: "Add nodes and edges to render a wave graph." })
+    }
+  );
+}
+
+// src/components/TaskWaveHeader.tsx
+var import_clsx19 = __toESM(require("clsx"), 1);
+var import_core17 = require("@echothink-ui/core");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var statusOrder = [
+  "queued",
+  "running",
+  "in-progress",
+  "pending-approval",
+  "approval-required",
+  "blocked",
+  "failed",
+  "completed",
+  "succeeded"
+];
+function TaskWaveHeader({
+  wave,
+  actions,
+  className,
+  title,
+  description,
+  ...props
+}) {
+  const progress = waveProgress(wave);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_core17.Surface,
+    {
+      ...props,
+      className: (0, import_clsx19.default)("eth-task-wave-header", className),
+      title: wave?.label ?? title ?? "Task wave",
+      subtitle: wave?.id,
+      description,
+      actions,
+      "data-eth-component": "TaskWaveHeader",
+      children: wave ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "eth-task-wave-header__summary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("strong", { children: [
+            wave.totalTasks,
+            " tasks"
+          ] }),
+          wave.startedAt ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { children: [
+            "Started ",
+            formatDateTime(wave.startedAt)
+          ] }) : null,
+          wave.eta ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { children: [
+            "ETA ",
+            formatDateTime(wave.eta)
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TaskProgressIndicator, { value: progress, label: "Wave progress" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "eth-task-wave-header__counts", "aria-label": "Task status counts", children: statusOrder.filter((status) => wave.statuses[status]).map((status) => {
+          const label = labelForStatus(status);
+          const count = wave.statuses[status] ?? 0;
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            import_core17.Badge,
+            {
+              severity: severityForStatus(status),
+              className: (0, import_clsx19.default)(
+                "eth-task-wave-header__count",
+                `eth-task-wave-header__count--${status}`
+              ),
+              "aria-label": `${label}: ${count}`,
+              children: [
+                label,
+                ": ",
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "eth-task-wave-header__count-value", children: count })
+              ]
+            },
+            status
+          );
+        }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TaskProgressIndicator, { value: 0, label: "Wave progress" })
+    }
+  );
+}
+
+// src/components/TaskWaveTable.tsx
+var React12 = __toESM(require("react"), 1);
+var import_clsx20 = __toESM(require("clsx"), 1);
+var import_core18 = require("@echothink-ui/core");
+var import_data2 = require("@echothink-ui/data");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function taskRowsFromItems2(items) {
+  return items?.map((item, index) => ({
+    id: item.id,
+    title: String(item.label),
+    status: item.status ?? "not-started",
+    order: index + 1
+  })) ?? [];
+}
+function dependencyCount(task) {
+  if (typeof task.dependencyCount === "number") return task.dependencyCount;
+  if (task.dependencyIds?.length) return task.dependencyIds.length;
+  return task.dependencies?.length ?? 0;
+}
+function EmptyCell() {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "eth-task-wave-table__empty", children: "-" });
+}
+function TaskWaveTable({
+  wave,
+  tasks,
+  items,
+  onTaskSelect,
+  rowActions,
+  className,
+  title,
+  description,
+  ..._surfaceProps
+}) {
+  const rows = tasks ?? taskRowsFromItems2(items);
+  const columns = React12.useMemo(
+    () => [
+      {
+        key: "order",
+        header: "Order",
+        width: "4.5rem",
+        render: (task, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "eth-task-wave-table__order", children: task.order ?? index + 1 })
+      },
+      {
+        key: "title",
+        header: "Task",
+        width: "22rem",
+        render: (task) => onTaskSelect ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "button",
+          {
+            className: "eth-task-wave-table__task-button",
+            type: "button",
+            onClick: () => onTaskSelect(task),
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "eth-task-wave-table__task-title", children: task.title })
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "eth-task-wave-table__task-title", children: task.title })
+      },
+      {
+        key: "status",
+        header: "Status",
+        width: "12rem",
+        render: (task) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_core18.StatusDot,
+          {
+            className: "eth-task-wave-table__status",
+            status: task.status,
+            label: labelForStatus(task.status)
+          }
+        )
+      },
+      {
+        key: "assignee",
+        header: "Assignee",
+        width: "8rem",
+        render: (task) => task.assignee ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "eth-task-wave-table__assignee", children: task.assignee }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EmptyCell, {})
+      },
+      {
+        key: "dependencies",
+        header: "Dependencies",
+        width: "7rem",
+        align: "center",
+        render: (task) => {
+          const count = dependencyCount(task);
+          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_core18.Badge,
+            {
+              className: "eth-task-wave-table__dependency-count",
+              severity: count > 0 ? "info" : "neutral",
+              children: count
+            }
+          );
+        }
+      },
+      {
+        key: "durationMs",
+        header: "Duration",
+        width: "7rem",
+        render: (task) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "span",
+          {
+            className: (0, import_clsx20.default)(
+              "eth-task-wave-table__duration",
+              task.durationMs == null && "eth-task-wave-table__empty"
+            ),
+            children: formatDuration(task.durationMs)
+          }
+        )
+      }
+    ],
+    [onTaskSelect]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_core18.Surface,
+    {
+      className: (0, import_clsx20.default)("eth-task-wave-table", className),
+      title: wave?.label ?? title ?? "Task wave",
+      subtitle: wave?.id,
+      description,
+      "data-eth-component": "TaskWaveTable",
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_data2.DataTable,
+        {
+          "aria-label": typeof (wave?.label ?? title) === "string" ? `${wave?.label ?? title} tasks` : "Wave tasks",
+          className: "eth-task-wave-table__table",
+          rows,
+          columns,
+          rowKey: "id",
+          density: "compact",
+          rowActions,
+          emptyState: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.EmptyState, { title: "No wave tasks" })
+        }
+      )
+    }
+  );
+}
+
+// src/components/MobileTaskShell.tsx
+var import_clsx21 = __toESM(require("clsx"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function MobileTaskShell({
+  title,
+  subtitle,
+  progress,
+  main,
+  footer,
+  identity,
+  children,
+  className
+}) {
+  const content = main ?? children;
+  const hasHeader = title || subtitle || progress;
+  const hasFooter = footer || identity;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    "section",
+    {
+      className: (0, import_clsx21.default)("eth-mobile-task-shell", className),
+      "data-eth-component": "MobileTaskShell",
+      children: [
+        hasHeader ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("header", { className: "eth-mobile-task-shell__header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "eth-mobile-task-shell__title-block", children: [
+            title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h1", { className: "eth-mobile-task-shell__title", children: title }) : null,
+            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "eth-mobile-task-shell__subtitle", children: subtitle }) : null
+          ] }),
+          progress ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "eth-mobile-task-shell__progress", children: progress }) : null
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("main", { className: "eth-mobile-task-shell__main", children: content }),
+        hasFooter ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("footer", { className: "eth-mobile-task-shell__footer", children: [
+          footer ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "eth-mobile-task-shell__footer-main", children: footer }) : null,
+          identity ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "eth-mobile-task-shell__identity", children: identity }) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/index.tsx
+var TaskComponentNames = [
+  "TaskCard",
+  "TaskTable",
+  "TaskDetailPanel",
+  "TaskStatusBadge",
+  "TaskProgressIndicator",
+  "TaskDependencyList",
+  "TaskTimeline",
+  "TaskWaveTable",
+  "TaskWaveHeader",
+  "TaskWaveDAG",
+  "DAGNode",
+  "DAGEdge",
+  "DAGLegend",
+  "TaskApprovalPanel",
+  "DecisionRequiredPanel",
+  "BackendThinkingChain",
+  "HumanInterventionPanel",
+  "BlockingReasonPanel",
+  "TaskHandoffPanel",
+  "TaskRunLog",
+  "TaskRetryPanel",
+  "MobileTaskShell"
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BackendThinkingChain,
+  BlockingReasonPanel,
+  DAGEdge,
+  DAGLegend,
+  DAGNode,
+  DecisionRequiredPanel,
+  HumanInterventionPanel,
+  MobileTaskShell,
+  TaskApprovalPanel,
+  TaskCard,
+  TaskComponentNames,
+  TaskDependencyList,
+  TaskDetailPanel,
+  TaskHandoffPanel,
+  TaskProgressIndicator,
+  TaskRetryPanel,
+  TaskRunLog,
+  TaskStatusBadge,
+  TaskTable,
+  TaskTimeline,
+  TaskWaveDAG,
+  TaskWaveHeader,
+  TaskWaveTable
+});
+//# sourceMappingURL=index.cjs.map