@echothink-ui/task 0.1.0

package/dist/index.js

@@ -0,0 +1,2388 @@
+// src/components/BackendThinkingChain.tsx
+import * as React from "react";
+import clsx from "clsx";
+import { Badge, EmptyState, StatusDot, Tag } from "@echothink-ui/core";
+
+// src/components/utils.ts
+import { statusLabel } from "@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 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
+import { jsx, jsxs } from "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__ */ jsxs(
+    "li",
+    {
+      className: clsx(
+        "eth-task-thinking-chain__item",
+        `eth-task-thinking-chain__item--${step.status}`,
+        step.redacted && "eth-task-thinking-chain__item--redacted"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "eth-task-thinking-chain__marker", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs(
+          "details",
+          {
+            className: "eth-task-thinking-chain__step",
+            open: expanded,
+            onToggle: (event) => {
+              setExpanded(event.currentTarget.open);
+            },
+            children: [
+              /* @__PURE__ */ jsxs("summary", { className: "eth-task-thinking-chain__step-header", children: [
+                /* @__PURE__ */ jsx("span", { className: "eth-task-thinking-chain__disclosure-icon", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsxs("span", { className: "eth-task-thinking-chain__step-header-inner", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "eth-task-thinking-chain__step-heading", children: [
+                    /* @__PURE__ */ jsx("strong", { className: "eth-task-thinking-chain__step-title", children: step.redacted ? "Restricted step" : step.title }),
+                    hasChildren ? /* @__PURE__ */ jsxs("span", { className: "eth-task-thinking-chain__branch-count", children: [
+                      step.children?.length,
+                      " ",
+                      step.children?.length === 1 ? "substep" : "substeps"
+                    ] }) : null,
+                    isStreaming ? /* @__PURE__ */ jsxs("span", { className: "eth-task-thinking-chain__streaming", "aria-label": "Streaming update", children: [
+                      /* @__PURE__ */ jsx("span", { className: "eth-task-thinking-chain__pulse", "aria-hidden": "true" }),
+                      "Streaming"
+                    ] }) : null
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { className: "eth-task-thinking-chain__step-meta", children: [
+                    step.redacted ? /* @__PURE__ */ jsx(Badge, { severity: "warning", children: "Redacted" }) : null,
+                    /* @__PURE__ */ jsx(StatusDot, { status: step.status, label: labelForStatus(step.status) }),
+                    step.toolName ? /* @__PURE__ */ jsx(Tag, { children: step.toolName }) : null,
+                    step.durationMs != null ? /* @__PURE__ */ jsx("span", { className: "eth-task-thinking-chain__duration", children: formatDuration(step.durationMs) }) : null
+                  ] })
+                ] })
+              ] }),
+              step.redacted ? /* @__PURE__ */ jsx("p", { className: "eth-task-thinking-chain__redacted", children: "Details are hidden by policy." }) : step.summary ? /* @__PURE__ */ jsx("p", { className: "eth-task-thinking-chain__summary", children: step.summary }) : null,
+              hasChildren ? /* @__PURE__ */ jsx("ol", { className: "eth-task-thinking-chain__children", children: step.children?.map((child) => /* @__PURE__ */ 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__ */ jsx(
+    "section",
+    {
+      ...props,
+      className: clsx("eth-task-thinking-chain", className),
+      "aria-live": streaming ? "polite" : void 0,
+      "data-eth-component": "BackendThinkingChain",
+      children: steps.length ? /* @__PURE__ */ jsx("ol", { className: "eth-task-thinking-chain__list", children: steps.map((step) => /* @__PURE__ */ jsx(ThinkingStepItem, { step, streamingStepId }, step.id)) }) : /* @__PURE__ */ jsx(EmptyState, { title: "No backend steps" })
+    }
+  );
+}
+
+// src/components/BlockingReasonPanel.tsx
+import clsx2 from "clsx";
+import { ActionGroup, Badge as Badge2, EmptyState as EmptyState2, Surface } from "@echothink-ui/core";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function BlockingReasonPanel({
+  blockers = [],
+  className,
+  title = "Blocking reasons",
+  description,
+  severity,
+  status,
+  ...props
+}) {
+  const hasBlockers = blockers.length > 0;
+  return /* @__PURE__ */ jsx2(
+    Surface,
+    {
+      ...props,
+      className: clsx2("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__ */ jsx2("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__ */ jsxs2("li", { className: "eth-task-blocking-reason-panel__item", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "eth-task-blocking-reason-panel__content", children: [
+            /* @__PURE__ */ jsx2("strong", { className: "eth-task-blocking-reason-panel__reason", children: blocker.reason }),
+            /* @__PURE__ */ jsxs2("div", { className: "eth-task-blocking-reason-panel__meta", children: [
+              /* @__PURE__ */ jsx2(Badge2, { severity: "danger", children: "Blocked" }),
+              blocker.ownerActor ? /* @__PURE__ */ jsxs2("span", { children: [
+                "Owner: ",
+                blocker.ownerActor
+              ] }) : null
+            ] })
+          ] }),
+          resolveActions ? /* @__PURE__ */ jsx2("div", { className: "eth-task-blocking-reason-panel__actions", children: /* @__PURE__ */ jsx2(ActionGroup, { actions: resolveActions }) }) : null
+        ] }, blocker.id);
+      }) }) : /* @__PURE__ */ jsx2(
+        EmptyState2,
+        {
+          title: "No blocking reasons",
+          description: "This task can continue without unblock actions."
+        }
+      )
+    }
+  );
+}
+
+// src/components/DAGEdge.tsx
+import * as React2 from "react";
+import clsx3 from "clsx";
+import { jsx as jsx3, jsxs as jsxs3 } from "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__ */ jsxs3(
+    "g",
+    {
+      className: clsx3("eth-dag-edge", status && `eth-dag-edge--${status}`, className),
+      role: "group",
+      "aria-label": accessibleLabel,
+      children: [
+        /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsx3(
+          "marker",
+          {
+            id: markerId,
+            markerWidth: "10",
+            markerHeight: "10",
+            refX: "9",
+            refY: "3",
+            orient: "auto",
+            markerUnits: "strokeWidth",
+            children: /* @__PURE__ */ jsx3("path", { d: "M0,0 L0,6 L9,3 z", fill: color })
+          }
+        ) }),
+        /* @__PURE__ */ jsx3(
+          "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__ */ jsxs3("g", { className: "eth-dag-edge__label", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx3(
+            "rect",
+            {
+              x: labelPosition.x - labelWidth / 2,
+              y: labelPosition.y - 11,
+              width: labelWidth,
+              height: 22,
+              rx: 0
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "text",
+            {
+              x: labelPosition.x,
+              y: labelPosition.y,
+              textAnchor: "middle",
+              dominantBaseline: "middle",
+              children: labelText
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/DAGLegend.tsx
+import clsx4 from "clsx";
+import { jsx as jsx4, jsxs as jsxs4 } from "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__ */ jsxs4(
+    "div",
+    {
+      ...props,
+      className: clsx4("eth-dag-legend", className),
+      "data-eth-component": "DAGLegend",
+      role: "group",
+      "aria-label": ariaLabel ?? "DAG legend",
+      children: [
+        statuses.length ? /* @__PURE__ */ jsxs4("div", { className: "eth-dag-legend__group", children: [
+          /* @__PURE__ */ jsx4("span", { className: "eth-dag-legend__heading", children: "Node status" }),
+          /* @__PURE__ */ jsx4("ul", { className: "eth-dag-legend__list", "aria-label": "DAG node status legend", children: statuses.map((status) => /* @__PURE__ */ jsxs4("li", { className: "eth-dag-legend__item", children: [
+            /* @__PURE__ */ jsx4(
+              "span",
+              {
+                className: clsx4("eth-dag-legend__swatch", `eth-dag-legend__swatch--${status}`),
+                style: colorVariable(statusColor(status)),
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx4("span", { className: "eth-dag-legend__label", children: labelForStatus(status) })
+          ] }, status)) })
+        ] }) : null,
+        edgeTypes.length ? /* @__PURE__ */ jsxs4("div", { className: "eth-dag-legend__group eth-dag-legend__group--edges", children: [
+          /* @__PURE__ */ jsx4("span", { className: "eth-dag-legend__heading", children: "Edge type" }),
+          /* @__PURE__ */ jsx4("ul", { className: "eth-dag-legend__list", "aria-label": "DAG edge type legend", children: edgeTypes.map((edgeType) => /* @__PURE__ */ jsxs4("li", { className: "eth-dag-legend__item", children: [
+            /* @__PURE__ */ jsx4(
+              "span",
+              {
+                className: clsx4(
+                  "eth-dag-legend__edge",
+                  `eth-dag-legend__edge--${edgeType.variant ?? "dependency"}`
+                ),
+                style: colorVariable(statusColor(edgeType.status)),
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx4("span", { className: "eth-dag-legend__label", children: edgeType.label })
+          ] }, edgeType.id)) })
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/DAGNode.tsx
+import clsx5 from "clsx";
+import { jsx as jsx5, jsxs as jsxs5 } from "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__ */ jsxs5(
+    "g",
+    {
+      ...props,
+      className: clsx5(
+        "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__ */ jsx5("title", { children: `${node.label} - ${statusLabel2}` }),
+        /* @__PURE__ */ jsx5(
+          "rect",
+          {
+            className: "eth-dag-node__selection",
+            x: x - 3,
+            y: y - 3,
+            width: nodeWidth + 6,
+            height: nodeHeight + 6,
+            rx: 0
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "rect",
+          {
+            className: "eth-dag-node__body",
+            x,
+            y,
+            width: nodeWidth,
+            height: nodeHeight,
+            rx: 0,
+            fill: "var(--eth-color-layer-01)"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "rect",
+          {
+            className: "eth-dag-node__status-strip",
+            x,
+            y,
+            width: 4,
+            height: nodeHeight,
+            fill: statusColor(node.status)
+          }
+        ),
+        /* @__PURE__ */ jsx5("circle", { className: "eth-dag-node__port", cx: x, cy: node.y, r: 3 }),
+        /* @__PURE__ */ jsx5("circle", { className: "eth-dag-node__port", cx: x + nodeWidth, cy: node.y, r: 3 }),
+        /* @__PURE__ */ jsx5(
+          "circle",
+          {
+            className: "eth-dag-node__status-dot",
+            cx: x + 18,
+            cy: y + 18,
+            r: 3.5,
+            fill: statusColor(node.status)
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "text",
+          {
+            x: x + 28,
+            y: y + 22,
+            textAnchor: "start",
+            className: "eth-dag-node__label",
+            children: truncateLabel(node.label)
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "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
+import * as React3 from "react";
+import clsx6 from "clsx";
+import { InlineNotification, Surface as Surface2, Tag as Tag2 } from "@echothink-ui/core";
+import { jsx as jsx6, jsxs as jsxs6 } from "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__ */ jsxs6(
+    Surface2,
+    {
+      ...props,
+      role: "region",
+      "aria-labelledby": titleId,
+      className: clsx6(
+        "eth-task-decision-panel",
+        riskLevel && `eth-task-decision-panel--${riskLevel}`,
+        className
+      ),
+      title: /* @__PURE__ */ jsx6("span", { id: titleId, children: title }),
+      severity: riskSeverity === "neutral" ? severity : riskSeverity,
+      status: status ?? "approval-required",
+      "data-eth-component": "DecisionRequiredPanel",
+      children: [
+        /* @__PURE__ */ jsx6(InlineNotification, { severity: riskSeverity, title: riskTitle(riskLevel), children: description }),
+        summary ? /* @__PURE__ */ jsxs6("section", { className: "eth-task-decision-panel__summary", "aria-label": "Decision context", children: [
+          /* @__PURE__ */ jsx6("div", { className: "eth-task-decision-panel__section-label", children: "Decision context" }),
+          /* @__PURE__ */ jsx6("div", { className: "eth-task-decision-panel__summary-body", children: summary })
+        ] }) : null,
+        evidence.length ? /* @__PURE__ */ jsxs6("section", { className: "eth-task-decision-panel__evidence", "aria-labelledby": evidenceId, children: [
+          /* @__PURE__ */ jsxs6("div", { className: "eth-task-decision-panel__section-header", children: [
+            /* @__PURE__ */ jsx6("h3", { id: evidenceId, children: "Evidence" }),
+            /* @__PURE__ */ jsxs6("span", { children: [
+              evidence.length,
+              " source",
+              evidence.length === 1 ? "" : "s"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx6("ul", { children: evidence.map((item) => /* @__PURE__ */ jsxs6("li", { children: [
+            /* @__PURE__ */ jsx6("div", { className: "eth-task-decision-panel__evidence-label", children: item.href ? /* @__PURE__ */ jsx6("a", { className: "eth-task-decision-panel__evidence-link", href: item.href, children: item.label }) : /* @__PURE__ */ jsx6("strong", { children: item.label }) }),
+            item.preview ? /* @__PURE__ */ jsx6("div", { className: "eth-task-decision-panel__evidence-preview", children: item.preview }) : null
+          ] }, item.id)) })
+        ] }) : null,
+        resolvedOptions.length ? /* @__PURE__ */ jsxs6(
+          "section",
+          {
+            className: "eth-task-decision-panel__options",
+            role: "group",
+            "aria-labelledby": optionsId,
+            children: [
+              /* @__PURE__ */ jsxs6("div", { className: "eth-task-decision-panel__section-header", children: [
+                /* @__PURE__ */ jsx6("h3", { id: optionsId, children: "Decision options" }),
+                /* @__PURE__ */ jsxs6("span", { children: [
+                  resolvedOptions.length,
+                  " available"
+                ] })
+              ] }),
+              resolvedOptions.map((option) => /* @__PURE__ */ jsxs6(
+                "button",
+                {
+                  type: "button",
+                  className: clsx6(
+                    "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__ */ jsxs6("span", { className: "eth-task-decision-panel__option-main", children: [
+                      /* @__PURE__ */ jsx6("span", { className: "eth-task-decision-panel__option-label", children: option.label }),
+                      option.description ? /* @__PURE__ */ jsx6("span", { className: "eth-task-decision-panel__option-description", children: option.description }) : null
+                    ] }),
+                    /* @__PURE__ */ jsx6("span", { className: "eth-task-decision-panel__option-state", children: decidedOptionId === option.id ? "Selected" : "Choose" })
+                  ]
+                },
+                option.id
+              ))
+            ]
+          }
+        ) : null,
+        decidedOptionId ? /* @__PURE__ */ jsx6("div", { className: "eth-task-decision-panel__decision", children: /* @__PURE__ */ jsxs6(Tag2, { children: [
+          "Decided: ",
+          decidedOptionId
+        ] }) }) : null
+      ]
+    }
+  );
+}
+
+// src/components/HumanInterventionPanel.tsx
+import * as React4 from "react";
+import clsx7 from "clsx";
+import { ActionGroup as ActionGroup2, Badge as Badge3, InlineNotification as InlineNotification2, Surface as Surface3 } from "@echothink-ui/core";
+import { jsx as jsx7, jsxs as jsxs7 } from "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__ */ jsxs7(
+    Surface3,
+    {
+      ...props,
+      role,
+      "aria-labelledby": labelledBy,
+      className: clsx7("eth-task-human-intervention-panel", className),
+      title: title ? /* @__PURE__ */ jsx7("span", { id: titleId, children: title }) : void 0,
+      status,
+      severity: panelSeverity,
+      "data-eth-component": "HumanInterventionPanel",
+      children: [
+        /* @__PURE__ */ jsx7(InlineNotification2, { severity: panelSeverity, title: "Intervention requested", children: reason ?? "Review this task and choose the next action before the agent can continue." }),
+        /* @__PURE__ */ jsxs7("dl", { className: "eth-task-human-intervention-panel__details", "aria-label": "Intervention details", children: [
+          affectedTask ? /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("dt", { children: "Affected task" }),
+            /* @__PURE__ */ jsxs7("dd", { children: [
+              /* @__PURE__ */ jsx7("span", { className: "eth-task-human-intervention-panel__task-title", children: affectedTask.title }),
+              /* @__PURE__ */ jsx7("span", { className: "eth-task-human-intervention-panel__task-id", children: affectedTask.id })
+            ] })
+          ] }) : null,
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("dt", { children: "Urgency" }),
+            /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7(Badge3, { severity: panelSeverity, children: urgencyLabel(urgency) }) })
+          ] })
+        ] }),
+        actions?.length ? /* @__PURE__ */ jsx7(
+          "div",
+          {
+            className: "eth-task-human-intervention-panel__actions",
+            role: "group",
+            "aria-label": "Intervention actions",
+            children: /* @__PURE__ */ jsx7(ActionGroup2, { actions })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/TaskApprovalPanel.tsx
+import * as React5 from "react";
+import { Button, FormField, InlineNotification as InlineNotification3, Textarea } from "@echothink-ui/core";
+import { jsx as jsx8, jsxs as jsxs8 } from "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__ */ jsx8("section", { className: "eth-task-approval-panel", "data-eth-component": "TaskApprovalPanel", children: /* @__PURE__ */ jsx8(
+    DecisionRequiredPanel,
+    {
+      ...props,
+      title,
+      summary: /* @__PURE__ */ jsxs8("div", { className: "eth-task-approval-panel__body", children: [
+        summary ? /* @__PURE__ */ jsx8("div", { className: "eth-task-approval-panel__summary", children: summary }) : null,
+        notification ? /* @__PURE__ */ jsx8(
+          InlineNotification3,
+          {
+            className: "eth-task-approval-panel__state",
+            severity: notification.severity,
+            title: notification.title,
+            children: notification.description
+          }
+        ) : null,
+        /* @__PURE__ */ jsx8(
+          FormField,
+          {
+            id: reasonId,
+            label: "Decision reason",
+            helperText: "Stored with approval audit metadata.",
+            className: "eth-task-approval-panel__reason",
+            children: /* @__PURE__ */ jsx8(
+              Textarea,
+              {
+                value: reason,
+                rows: 4,
+                placeholder: "Summarize the approval rationale, rejection issue, or requested change.",
+                onChange: (event) => setReason(event.currentTarget.value)
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs8("dl", { className: "eth-task-approval-panel__audit", children: [
+          /* @__PURE__ */ jsxs8("div", { children: [
+            /* @__PURE__ */ jsx8("dt", { children: "Task" }),
+            /* @__PURE__ */ jsx8("dd", { children: taskRef ?? "-" })
+          ] }),
+          diffRef ? /* @__PURE__ */ jsxs8("div", { children: [
+            /* @__PURE__ */ jsx8("dt", { children: "Diff" }),
+            /* @__PURE__ */ jsx8("dd", { children: diffRef })
+          ] }) : null,
+          /* @__PURE__ */ jsxs8("div", { children: [
+            /* @__PURE__ */ jsx8("dt", { children: "Policy" }),
+            /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { className: "eth-task-approval-panel__footer", children: [
+        /* @__PURE__ */ jsxs8(
+          "div",
+          {
+            className: "eth-task-approval-panel__actions",
+            role: "group",
+            "aria-label": "Approval actions",
+            children: [
+              /* @__PURE__ */ jsx8(
+                Button,
+                {
+                  intent: "success",
+                  disabled: isPending || !onApprove,
+                  "aria-pressed": state === "approved",
+                  onClick: () => onApprove?.(reason),
+                  children: "Approve"
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                Button,
+                {
+                  intent: "danger",
+                  disabled: isPending || !onReject,
+                  "aria-pressed": state === "rejected",
+                  onClick: () => onReject?.(reason),
+                  children: "Reject"
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                Button,
+                {
+                  intent: "secondary",
+                  disabled: isPending || !onRequestChanges,
+                  onClick: () => onRequestChanges?.(reason),
+                  children: "Request changes"
+                }
+              )
+            ]
+          }
+        ),
+        footer ? /* @__PURE__ */ jsx8("div", { className: "eth-task-approval-panel__custom-footer", children: footer }) : null
+      ] })
+    }
+  ) });
+}
+
+// src/components/TaskCard.tsx
+import clsx8 from "clsx";
+import { Badge as Badge4, Surface as Surface4, Tag as Tag3 } from "@echothink-ui/core";
+import { jsx as jsx9 } from "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__ */ jsx9(
+    Surface4,
+    {
+      ...props,
+      ...interactiveProps,
+      className: clsx8("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__ */ jsx9("span", { className: "eth-task-card__assignee", children: task.assignee }) : "-"
+        },
+        {
+          label: "Due",
+          value: formatDateTime(task.dueAt)
+        },
+        {
+          label: "Priority",
+          value: task.priority ? /* @__PURE__ */ jsx9(Badge4, { severity: severityForPriority(task.priority), children: task.priority }) : "-"
+        }
+      ],
+      "data-eth-component": "TaskCard",
+      children: task.tags?.length ? /* @__PURE__ */ jsx9("div", { className: "eth-task-card__tags", "aria-label": "Task tags", children: task.tags.map((tag) => /* @__PURE__ */ jsx9(Tag3, { children: tag }, tag)) }) : null
+    }
+  );
+}
+
+// src/components/TaskDependencyList.tsx
+import * as React6 from "react";
+import clsx10 from "clsx";
+import { Badge as Badge6, EmptyState as EmptyState3 } from "@echothink-ui/core";
+
+// src/components/TaskStatusBadge.tsx
+import clsx9 from "clsx";
+import { Badge as Badge5 } from "@echothink-ui/core";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function TaskStatusBadge({
+  status,
+  label,
+  className,
+  title,
+  ...props
+}) {
+  const statusLabel2 = label ?? labelForStatus(status);
+  return /* @__PURE__ */ jsxs9(
+    Badge5,
+    {
+      ...props,
+      className: clsx9("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__ */ jsx10("span", { className: "eth-task-status-badge__indicator", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx10("span", { className: "eth-task-status-badge__label", children: statusLabel2 })
+      ]
+    }
+  );
+}
+
+// src/components/TaskDependencyList.tsx
+import { Fragment, jsx as jsx11, jsxs as jsxs10 } from "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__ */ jsxs10("section", { className: "eth-task-dependencies__group", "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsxs10("div", { className: "eth-task-dependencies__group-header", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "eth-task-dependencies__group-heading", children: [
+        /* @__PURE__ */ jsx11("h4", { id: headingId, children: title }),
+        /* @__PURE__ */ jsx11("p", { children: groupDescriptions[relationship] })
+      ] }),
+      /* @__PURE__ */ jsx11(Badge6, { children: taskCountLabel(dependencies.length) })
+    ] }),
+    /* @__PURE__ */ jsx11("ul", { className: "eth-task-dependencies__list", children: dependencies.map((dependency) => /* @__PURE__ */ jsxs10(
+      "li",
+      {
+        className: clsx10(
+          "eth-task-dependencies__item",
+          `eth-task-dependencies__item--${dependency.status}`
+        ),
+        "data-status": dependency.status,
+        children: [
+          /* @__PURE__ */ jsxs10("div", { className: "eth-task-dependencies__item-main", children: [
+            /* @__PURE__ */ jsx11("span", { className: "eth-task-dependencies__relationship", children: relationshipLabel(relationship) }),
+            /* @__PURE__ */ jsx11("span", { className: "eth-task-dependencies__title", children: dependency.title }),
+            /* @__PURE__ */ jsx11("span", { className: "eth-task-dependencies__id", children: dependency.id })
+          ] }),
+          /* @__PURE__ */ jsx11(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__ */ jsx11(
+    "div",
+    {
+      ...props,
+      className: clsx10("eth-task-dependencies", className),
+      "data-eth-component": "TaskDependencyList",
+      children: hasDependencies ? /* @__PURE__ */ jsxs10(Fragment, { children: [
+        /* @__PURE__ */ jsx11(
+          DependencyGroup,
+          {
+            title: "Blocked by",
+            relationship: "blocked-by",
+            dependencies: blockedByList
+          }
+        ),
+        /* @__PURE__ */ jsx11(DependencyGroup, { title: "Blocks", relationship: "blocks", dependencies: blockList })
+      ] }) : /* @__PURE__ */ jsx11(EmptyState3, { title: emptyTitle })
+    }
+  );
+}
+
+// src/components/TaskDetailPanel.tsx
+import clsx12 from "clsx";
+import { ActionGroup as ActionGroup3, Badge as Badge8, EmptyState as EmptyState5, Surface as Surface5 } from "@echothink-ui/core";
+
+// src/components/TaskTimeline.tsx
+import clsx11 from "clsx";
+import { Badge as Badge7, EmptyState as EmptyState4 } from "@echothink-ui/core";
+import { jsx as jsx12, jsxs as jsxs11 } from "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__ */ jsx12(
+      "div",
+      {
+        ...props,
+        className: clsx11("eth-task-timeline", className),
+        "data-eth-component": "TaskTimeline",
+        role: role ?? "region",
+        "aria-label": ariaLabel ?? "Task timeline",
+        children: /* @__PURE__ */ jsx12(
+          EmptyState4,
+          {
+            title: "No task history",
+            description: "Task activity and state changes appear here."
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx12(
+    "div",
+    {
+      ...props,
+      className: clsx11("eth-task-timeline", className),
+      "data-eth-component": "TaskTimeline",
+      role: role ?? "region",
+      "aria-label": ariaLabel ?? "Task timeline",
+      children: /* @__PURE__ */ jsx12("ol", { className: "eth-task-timeline__list", children: events.map((event) => {
+        const kind = eventKindMeta[event.kind];
+        const time = timestampMeta(event.timestamp);
+        return /* @__PURE__ */ jsxs11(
+          "li",
+          {
+            className: clsx11(
+              "eth-task-timeline__event",
+              `eth-task-timeline__event--${event.kind}`
+            ),
+            "data-kind": event.kind,
+            children: [
+              /* @__PURE__ */ jsx12("time", { className: "eth-task-timeline__time", dateTime: time.dateTime, children: time.label }),
+              /* @__PURE__ */ jsx12("div", { className: "eth-task-timeline__rail", "aria-hidden": true, children: /* @__PURE__ */ jsx12("span", { className: "eth-task-timeline__marker" }) }),
+              /* @__PURE__ */ jsxs11("article", { className: "eth-task-timeline__body", children: [
+                /* @__PURE__ */ jsxs11("header", { className: "eth-task-timeline__event-header", children: [
+                  /* @__PURE__ */ jsx12(Badge7, { severity: kind.tone, children: kind.label }),
+                  event.actor ? /* @__PURE__ */ jsxs11("span", { className: "eth-task-timeline__actor", children: [
+                    "By ",
+                    event.actor
+                  ] }) : null
+                ] }),
+                /* @__PURE__ */ jsx12("strong", { className: "eth-task-timeline__summary", children: event.summary }),
+                event.details ? /* @__PURE__ */ jsx12("p", { className: "eth-task-timeline__details", children: event.details }) : null
+              ] })
+            ]
+          },
+          event.id
+        );
+      }) })
+    }
+  );
+}
+
+// src/components/TaskDetailPanel.tsx
+import { jsx as jsx13, jsxs as jsxs12 } from "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__ */ jsxs12("details", { open, className: clsx12("eth-task-detail-panel__section", className), children: [
+    /* @__PURE__ */ jsxs12("summary", { className: "eth-task-detail-panel__summary", children: [
+      /* @__PURE__ */ jsx13("span", { className: "eth-task-detail-panel__summary-label", children: title }),
+      meta ? /* @__PURE__ */ jsx13("span", { className: "eth-task-detail-panel__summary-meta", children: meta }) : null
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "eth-task-detail-panel__section-body", children })
+  ] });
+}
+function TaskDetailPanel({
+  task,
+  dependencies,
+  events,
+  actions,
+  className,
+  title,
+  description,
+  items,
+  ...props
+}) {
+  if (!task) {
+    return /* @__PURE__ */ jsx13(
+      Surface5,
+      {
+        ...props,
+        className: clsx12("eth-task-detail-panel", className),
+        title: title ?? "Task detail",
+        description,
+        items,
+        actions,
+        "data-eth-component": "TaskDetailPanel",
+        children: !items?.length ? /* @__PURE__ */ jsx13(EmptyState5, { title: "No task selected" }) : null
+      }
+    );
+  }
+  const resolvedDependencies = dependencies ?? task.dependencies ?? [];
+  const resolvedEvents = events ?? task.history ?? [];
+  return /* @__PURE__ */ jsx13(
+    Surface5,
+    {
+      ...props,
+      className: clsx12("eth-task-detail-panel", className),
+      title: title ?? task.title,
+      subtitle: task.id,
+      status: task.status,
+      "data-eth-component": "TaskDetailPanel",
+      children: /* @__PURE__ */ jsxs12("div", { className: "eth-task-detail-panel__stack", children: [
+        /* @__PURE__ */ jsx13(DetailSection, { title: "Metadata", open: true, children: /* @__PURE__ */ jsxs12("dl", { className: "eth-meta-grid eth-task-detail-panel__metadata", children: [
+          /* @__PURE__ */ jsxs12("div", { children: [
+            /* @__PURE__ */ jsx13("dt", { children: "Status" }),
+            /* @__PURE__ */ jsx13("dd", { children: /* @__PURE__ */ jsx13(TaskStatusBadge, { status: task.status }) })
+          ] }),
+          /* @__PURE__ */ jsxs12("div", { children: [
+            /* @__PURE__ */ jsx13("dt", { children: "Assignee" }),
+            /* @__PURE__ */ jsx13("dd", { children: task.assignee ?? "-" })
+          ] }),
+          /* @__PURE__ */ jsxs12("div", { children: [
+            /* @__PURE__ */ jsx13("dt", { children: "Due" }),
+            /* @__PURE__ */ jsx13("dd", { children: formatDateTime(task.dueAt) })
+          ] }),
+          /* @__PURE__ */ jsxs12("div", { children: [
+            /* @__PURE__ */ jsx13("dt", { children: "Priority" }),
+            /* @__PURE__ */ jsx13("dd", { children: task.priority ? /* @__PURE__ */ jsx13(Badge8, { severity: severityForPriority(task.priority), children: task.priority }) : "-" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx13(DetailSection, { title: "Description", open: true, children: /* @__PURE__ */ jsx13("div", { className: "eth-task-detail-panel__description", children: task.description ?? description ?? "No description provided." }) }),
+        /* @__PURE__ */ jsx13(
+          DetailSection,
+          {
+            title: "Dependencies",
+            meta: formatCount(resolvedDependencies.length, "dependency", "dependencies"),
+            open: resolvedDependencies.length > 0,
+            children: /* @__PURE__ */ jsx13(TaskDependencyList, { dependencies: resolvedDependencies })
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          DetailSection,
+          {
+            title: "History",
+            meta: formatCount(resolvedEvents.length, "event"),
+            open: resolvedEvents.length > 0,
+            children: /* @__PURE__ */ jsx13(TaskTimeline, { events: resolvedEvents })
+          }
+        ),
+        actions?.length ? /* @__PURE__ */ jsx13(DetailSection, { title: "Actions", meta: formatCount(actions.length, "action"), open: true, children: /* @__PURE__ */ jsx13("div", { className: "eth-task-detail-panel__actions", children: /* @__PURE__ */ jsx13(ActionGroup3, { actions }) }) }) : null
+      ] })
+    }
+  );
+}
+
+// src/components/TaskHandoffPanel.tsx
+import * as React7 from "react";
+import clsx13 from "clsx";
+import {
+  Badge as Badge9,
+  Button as Button2,
+  EmptyState as EmptyState6,
+  FormField as FormField2,
+  Surface as Surface6,
+  Textarea as Textarea2
+} from "@echothink-ui/core";
+import { jsx as jsx14, jsxs as jsxs13 } from "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__ */ jsx14(
+    Surface6,
+    {
+      ...props,
+      className: clsx13("eth-task-handoff-panel", className),
+      title,
+      description,
+      "data-eth-component": "TaskHandoffPanel",
+      children: assigneeOptions.length ? /* @__PURE__ */ jsxs13("form", { className: "eth-task-handoff-panel__body", onSubmit: submitHandoff, children: [
+        /* @__PURE__ */ jsxs13("div", { className: "eth-task-handoff-panel__target-field", children: [
+          /* @__PURE__ */ jsx14("p", { id: targetId, className: "eth-task-handoff-panel__target-heading", children: "Handoff target" }),
+          /* @__PURE__ */ jsx14(
+            "div",
+            {
+              className: "eth-task-handoff-panel__list",
+              role: "group",
+              "aria-labelledby": targetId,
+              children: assigneeOptions.map((option) => /* @__PURE__ */ jsxs13(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `Hand off to ${option.label} (${formatAssigneeKind(
+                    option.kind
+                  )})`,
+                  "aria-pressed": selectedId === option.id,
+                  className: clsx13(
+                    "eth-task-handoff-panel__option",
+                    selectedId === option.id && "eth-task-handoff-panel__option--selected"
+                  ),
+                  onClick: () => setSelectedId(option.id),
+                  children: [
+                    /* @__PURE__ */ jsx14("span", { className: "eth-task-handoff-panel__option-copy", children: /* @__PURE__ */ jsx14("span", { className: "eth-task-handoff-panel__option-label", children: option.label }) }),
+                    /* @__PURE__ */ jsxs13("span", { className: "eth-task-handoff-panel__option-meta", children: [
+                      selectedId === option.id ? /* @__PURE__ */ jsx14(Badge9, { severity: "info", children: "Selected" }) : null,
+                      /* @__PURE__ */ jsx14(Badge9, { severity: "neutral", children: formatAssigneeKind(option.kind) })
+                    ] })
+                  ]
+                },
+                option.id
+              ))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx14(
+          FormField2,
+          {
+            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__ */ jsx14(
+              Textarea2,
+              {
+                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__ */ jsx14("div", { className: "eth-task-handoff-panel__actions", children: /* @__PURE__ */ jsx14(Button2, { type: "submit", disabled: cannotSubmit, children: "Handoff" }) })
+      ] }) : /* @__PURE__ */ jsx14(EmptyState6, { title: "No assignees available" })
+    }
+  );
+}
+function formatAssigneeKind(kind) {
+  return kind.charAt(0).toUpperCase() + kind.slice(1);
+}
+
+// src/components/TaskProgressIndicator.tsx
+import clsx14 from "clsx";
+import { jsx as jsx15, jsxs as jsxs14 } from "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__ */ jsx15(
+      "div",
+      {
+        ...props,
+        className: clsx14("eth-task-progress eth-task-progress--steps", className),
+        "data-eth-component": "TaskProgressIndicator",
+        children: /* @__PURE__ */ jsx15("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__ */ jsxs14(
+            "li",
+            {
+              className: clsx14(
+                "eth-task-progress__step",
+                `eth-task-progress__step--${step.status}`
+              ),
+              "aria-current": isCurrentStep ? "step" : void 0,
+              "data-status": step.status,
+              children: [
+                /* @__PURE__ */ jsxs14("span", { className: "eth-task-progress__step-track", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx15("span", { className: "eth-task-progress__circle" }),
+                  index < steps.length - 1 ? /* @__PURE__ */ jsx15("span", { className: "eth-task-progress__connector" }) : null
+                ] }),
+                /* @__PURE__ */ jsxs14("span", { className: "eth-task-progress__step-copy", children: [
+                  /* @__PURE__ */ jsx15("span", { className: "eth-task-progress__step-label", children: step.label }),
+                  /* @__PURE__ */ jsx15("span", { className: "eth-task-progress__step-status", children: statusLabel2 })
+                ] })
+              ]
+            },
+            step.id
+          );
+        }) })
+      }
+    );
+  }
+  const progressValue = clampProgress(value, total);
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      ...props,
+      className: clsx14("eth-task-progress eth-task-progress--bar", className),
+      "data-eth-component": "TaskProgressIndicator",
+      children: [
+        /* @__PURE__ */ jsxs14("div", { className: "eth-task-progress__label", children: [
+          /* @__PURE__ */ jsx15("span", { children: label }),
+          /* @__PURE__ */ jsxs14("strong", { children: [
+            progressValue,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx15("progress", { value: progressValue, max: 100, "aria-label": label })
+      ]
+    }
+  );
+}
+
+// src/components/TaskRetryPanel.tsx
+import * as React8 from "react";
+import clsx15 from "clsx";
+import { Button as Button3, FormField as FormField3, InlineNotification as InlineNotification4, Surface as Surface7, Textarea as Textarea3 } from "@echothink-ui/core";
+import { RetryIcon } from "@echothink-ui/icons";
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs15 } from "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__ */ jsxs15(
+    Surface7,
+    {
+      ...props,
+      className: clsx15("eth-task-retry-panel", className),
+      title,
+      description,
+      severity: "danger",
+      "data-eth-component": "TaskRetryPanel",
+      children: [
+        /* @__PURE__ */ jsx16(InlineNotification4, { severity: "danger", title: "Task failed", children: failureSummary ?? "The task did not complete successfully." }),
+        /* @__PURE__ */ jsxs15("dl", { className: "eth-task-retry-panel__policy", "aria-label": "Retry policy", children: [
+          /* @__PURE__ */ jsxs15("div", { children: [
+            /* @__PURE__ */ jsx16("dt", { children: "Task" }),
+            /* @__PURE__ */ jsx16("dd", { children: taskRef ?? "-" })
+          ] }),
+          /* @__PURE__ */ jsxs15(
+            "div",
+            {
+              className: clsx15(
+                "eth-task-retry-panel__attempts",
+                retriesExhausted && "eth-task-retry-panel__attempts--exhausted"
+              ),
+              children: [
+                /* @__PURE__ */ jsx16("dt", { children: "Attempts" }),
+                /* @__PURE__ */ jsxs15("dd", { children: [
+                  /* @__PURE__ */ jsx16("span", { children: attemptLabel }),
+                  retriesExhausted ? /* @__PURE__ */ jsx16("span", { className: "eth-task-retry-panel__policy-note", children: "Automatic retries exhausted" }) : null
+                ] })
+              ]
+            }
+          ),
+          retryPolicy ? /* @__PURE__ */ jsxs15(Fragment2, { children: [
+            /* @__PURE__ */ jsxs15("div", { children: [
+              /* @__PURE__ */ jsx16("dt", { children: "Backoff" }),
+              /* @__PURE__ */ jsx16("dd", { children: backoffLabel })
+            ] }),
+            /* @__PURE__ */ jsxs15("div", { children: [
+              /* @__PURE__ */ jsx16("dt", { children: "Interval" }),
+              /* @__PURE__ */ jsx16("dd", { children: formatDuration(retryPolicy.intervalMs) })
+            ] })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs15("div", { className: "eth-task-retry-panel__controls", children: [
+          /* @__PURE__ */ jsx16(
+            FormField3,
+            {
+              id: reasonId,
+              label: "Retry reason",
+              helperText: "Stored with retry audit metadata.",
+              className: "eth-task-retry-panel__reason-field",
+              children: /* @__PURE__ */ jsx16(
+                Textarea3,
+                {
+                  value: reason,
+                  rows: 3,
+                  placeholder: "Summarize what changed before retrying.",
+                  onChange: (event) => setReason(event.currentTarget.value)
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs15("div", { className: "eth-task-retry-panel__actions", children: [
+            /* @__PURE__ */ jsx16(
+              Button3,
+              {
+                icon: /* @__PURE__ */ jsx16(RetryIcon, { size: 16 }),
+                intent: "primary",
+                onClick: () => onRetry?.(reason),
+                children: "Retry task"
+              }
+            ),
+            /* @__PURE__ */ jsx16("p", { children: "Creates a new attempt and records this reason in the task audit trail." })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/TaskRunLog.tsx
+import * as React9 from "react";
+import clsx16 from "clsx";
+import { Badge as Badge10, Checkbox, EmptyState as EmptyState7, IconButton, Surface as Surface8 } from "@echothink-ui/core";
+import { PauseIcon, PlayIcon } from "@echothink-ui/icons";
+import { jsx as jsx17, jsxs as jsxs16 } from "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__ */ jsxs16(
+    Surface8,
+    {
+      ...props,
+      className: clsx16("eth-task-run-log", className),
+      title,
+      description,
+      "data-eth-component": "TaskRunLog",
+      children: [
+        /* @__PURE__ */ jsxs16("div", { className: "eth-task-run-log__toolbar", role: "toolbar", "aria-label": "Task log controls", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "eth-task-run-log__stream-state", "aria-live": "polite", children: [
+            onPauseToggle ? /* @__PURE__ */ jsx17(
+              IconButton,
+              {
+                label: streaming ? "Pause log stream" : "Resume log stream",
+                icon: streaming ? /* @__PURE__ */ jsx17(PauseIcon, { size: 16 }) : /* @__PURE__ */ jsx17(PlayIcon, { size: 16 }),
+                intent: "ghost",
+                density: "compact",
+                onClick: onPauseToggle
+              }
+            ) : null,
+            /* @__PURE__ */ jsx17(Badge10, { severity: streaming ? "success" : "neutral", children: streamLabel }),
+            /* @__PURE__ */ jsxs16("span", { className: "eth-task-run-log__buffer-count", children: [
+              visibleEntries.length,
+              " of ",
+              entries.length,
+              " entries"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs16("fieldset", { className: "eth-task-run-log__filters", children: [
+            /* @__PURE__ */ jsx17("legend", { children: "Levels" }),
+            /* @__PURE__ */ jsx17("div", { className: "eth-task-run-log__filter-options", children: logLevels.map((level) => /* @__PURE__ */ jsx17(
+              Checkbox,
+              {
+                label: level,
+                checked: activeFilter.includes(level),
+                onChange: () => toggleLevel(level)
+              },
+              level
+            )) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs16("dl", { className: "eth-task-run-log__summary", "aria-label": "Task log summary", children: [
+          /* @__PURE__ */ jsxs16("div", { children: [
+            /* @__PURE__ */ jsx17("dt", { children: "Buffered" }),
+            /* @__PURE__ */ jsx17("dd", { children: entries.length })
+          ] }),
+          /* @__PURE__ */ jsxs16("div", { children: [
+            /* @__PURE__ */ jsx17("dt", { children: "Visible" }),
+            /* @__PURE__ */ jsx17("dd", { children: visibleEntries.length })
+          ] }),
+          /* @__PURE__ */ jsxs16("div", { children: [
+            /* @__PURE__ */ jsx17("dt", { children: "Warnings" }),
+            /* @__PURE__ */ jsx17("dd", { children: counts.warn })
+          ] }),
+          /* @__PURE__ */ jsxs16("div", { children: [
+            /* @__PURE__ */ jsx17("dt", { children: "Errors" }),
+            /* @__PURE__ */ jsx17("dd", { children: counts.error })
+          ] })
+        ] }),
+        visibleEntries.length ? /* @__PURE__ */ jsxs16(
+          "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__ */ jsxs16("div", { className: "eth-task-run-log__columns", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx17("span", { children: "Time" }),
+                /* @__PURE__ */ jsx17("span", { children: "Level" }),
+                /* @__PURE__ */ jsx17("span", { children: "Message" })
+              ] }),
+              visibleEntries.map((entry) => /* @__PURE__ */ jsxs16(
+                "div",
+                {
+                  className: clsx16("eth-task-run-log__entry", `eth-task-run-log__entry--${entry.level}`),
+                  children: [
+                    /* @__PURE__ */ jsx17("time", { className: "eth-task-run-log__time", dateTime: String(entry.timestamp), children: formatDateTime(entry.timestamp) }),
+                    /* @__PURE__ */ jsx17(
+                      "span",
+                      {
+                        className: clsx16(
+                          "eth-task-run-log__level",
+                          `eth-task-run-log__level--${entry.level}`
+                        ),
+                        children: entry.level.toUpperCase()
+                      }
+                    ),
+                    /* @__PURE__ */ jsx17(
+                      "span",
+                      {
+                        className: clsx16(
+                          "eth-task-run-log__message",
+                          entry.redacted && "eth-task-run-log__message--redacted"
+                        ),
+                        children: entry.redacted ? "[redacted]" : entry.message
+                      }
+                    )
+                  ]
+                },
+                entry.id
+              ))
+            ]
+          }
+        ) : /* @__PURE__ */ jsx17(EmptyState7, { title: "No log entries" })
+      ]
+    }
+  );
+}
+
+// src/components/TaskTable.tsx
+import * as React10 from "react";
+import clsx17 from "clsx";
+import {
+  ActionGroup as ActionGroup4,
+  Badge as Badge11,
+  EmptyState as EmptyState8,
+  Select,
+  StatusDot as StatusDot2
+} from "@echothink-ui/core";
+import { BulkActionTable, DataTable } from "@echothink-ui/data";
+import { jsx as jsx18, jsxs as jsxs17 } from "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__ */ jsx18("span", { className: "eth-task-table__empty-value", children: "-" });
+  return /* @__PURE__ */ jsx18(
+    Badge11,
+    {
+      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__ */ jsx18("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__ */ jsxs17("span", { className: "eth-task-table__task", children: [
+      /* @__PURE__ */ jsx18("strong", { className: "eth-task-table__task-title", children: task.title }),
+      task.description ? /* @__PURE__ */ jsx18("span", { className: "eth-task-table__task-description", children: task.description }) : null
+    ] })
+  },
+  {
+    key: "status",
+    header: "Status",
+    width: "12rem",
+    sortable: true,
+    render: (task) => /* @__PURE__ */ jsx18(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__ */ jsx18("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__ */ jsx18(
+    BulkActionTable,
+    {
+      className: clsx17("eth-task-table", className),
+      rows: filteredRows,
+      columns: resolvedColumns,
+      rowKey: "id",
+      density,
+      selectable: selectEnabled,
+      selectedRows,
+      onSelectionChange,
+      rowActions,
+      bulkActions,
+      emptyState: /* @__PURE__ */ jsx18(EmptyState8, { title: emptyTitle, description: emptyDescription }),
+      "aria-label": label,
+      "data-eth-component": "TaskTable"
+    }
+  ) : /* @__PURE__ */ jsx18(
+    DataTable,
+    {
+      className: clsx17("eth-task-table", className),
+      rows: filteredRows,
+      columns: resolvedColumns,
+      rowKey: "id",
+      density,
+      selectable,
+      selectedRows,
+      onSelectionChange,
+      rowActions,
+      emptyState: /* @__PURE__ */ jsx18(EmptyState8, { 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__ */ jsxs17(
+    "section",
+    {
+      ...sectionProps,
+      className: "eth-task-table-shell",
+      "aria-label": typeof title === "string" ? title : "Tasks",
+      children: [
+        hasHeader ? /* @__PURE__ */ jsxs17("header", { className: "eth-task-table-shell__header", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "eth-task-table-shell__heading", children: [
+            title ? /* @__PURE__ */ jsx18("h2", { children: title }) : null,
+            description ? /* @__PURE__ */ jsx18("p", { children: description }) : null
+          ] }),
+          /* @__PURE__ */ jsx18(ActionGroup4, { actions })
+        ] }) : null,
+        filterVisible ? /* @__PURE__ */ jsxs17("div", { className: "eth-task-table-shell__toolbar", "aria-label": "Task table filters", children: [
+          /* @__PURE__ */ jsx18("div", { className: "eth-task-table-shell__filters", children: /* @__PURE__ */ jsx18(
+            Select,
+            {
+              className: "eth-task-table-shell__filter",
+              density: "compact",
+              labelText: "Status",
+              options: statusOptions,
+              value: effectiveStatusFilter,
+              onChange: handleStatusFilterChange
+            }
+          ) }),
+          /* @__PURE__ */ jsx18("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
+import * as React11 from "react";
+import clsx18 from "clsx";
+import { EmptyState as EmptyState9, Surface as Surface9 } from "@echothink-ui/core";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs18 } from "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__ */ jsx19(
+    Surface9,
+    {
+      ...props,
+      className: clsx18("eth-task-wave-dag", className),
+      title: title ?? "Wave DAG",
+      description,
+      "data-eth-component": "TaskWaveDAG",
+      children: positionedNodes.length ? /* @__PURE__ */ jsxs18(Fragment3, { children: [
+        /* @__PURE__ */ jsx19("div", { className: "eth-task-wave-dag__viewport", children: /* @__PURE__ */ jsxs18(
+          "svg",
+          {
+            className: "eth-dag",
+            role: "img",
+            "aria-labelledby": graphTitleId,
+            "aria-describedby": graphDescriptionId,
+            viewBox: graphFrame.viewBox,
+            children: [
+              /* @__PURE__ */ jsx19("title", { id: graphTitleId, children: graphTitle }),
+              /* @__PURE__ */ jsx19("desc", { id: graphDescriptionId, children: graphDescription }),
+              /* @__PURE__ */ jsx19(
+                "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__ */ jsx19(
+                  DAGEdge,
+                  {
+                    from: endpoints.from,
+                    to: endpoints.to,
+                    status: edge.status ?? to.status,
+                    label: edge.label
+                  },
+                  `${edge.from}-${edge.to}-${index}`
+                );
+              }),
+              positionedNodes.map((node) => /* @__PURE__ */ jsx19(
+                DAGNode,
+                {
+                  node,
+                  selected: node.id === selectedNodeId,
+                  onSelect: onNodeSelect
+                },
+                node.id
+              ))
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx19(DAGLegend, { statuses: visibleStatuses.length ? visibleStatuses : void 0 }),
+        /* @__PURE__ */ jsx19("ol", { className: "eth-task-wave-dag__fallback", children: positionedNodes.map((node) => /* @__PURE__ */ jsxs18("li", { children: [
+          node.label,
+          ", ",
+          node.status.replace(/-/g, " ")
+        ] }, node.id)) })
+      ] }) : /* @__PURE__ */ jsx19(EmptyState9, { title: "No DAG nodes", description: "Add nodes and edges to render a wave graph." })
+    }
+  );
+}
+
+// src/components/TaskWaveHeader.tsx
+import clsx19 from "clsx";
+import { Badge as Badge12, Surface as Surface10 } from "@echothink-ui/core";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs19 } from "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__ */ jsx20(
+    Surface10,
+    {
+      ...props,
+      className: clsx19("eth-task-wave-header", className),
+      title: wave?.label ?? title ?? "Task wave",
+      subtitle: wave?.id,
+      description,
+      actions,
+      "data-eth-component": "TaskWaveHeader",
+      children: wave ? /* @__PURE__ */ jsxs19(Fragment4, { children: [
+        /* @__PURE__ */ jsxs19("div", { className: "eth-task-wave-header__summary", children: [
+          /* @__PURE__ */ jsxs19("strong", { children: [
+            wave.totalTasks,
+            " tasks"
+          ] }),
+          wave.startedAt ? /* @__PURE__ */ jsxs19("span", { children: [
+            "Started ",
+            formatDateTime(wave.startedAt)
+          ] }) : null,
+          wave.eta ? /* @__PURE__ */ jsxs19("span", { children: [
+            "ETA ",
+            formatDateTime(wave.eta)
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx20(TaskProgressIndicator, { value: progress, label: "Wave progress" }),
+        /* @__PURE__ */ jsx20("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__ */ jsxs19(
+            Badge12,
+            {
+              severity: severityForStatus(status),
+              className: clsx19(
+                "eth-task-wave-header__count",
+                `eth-task-wave-header__count--${status}`
+              ),
+              "aria-label": `${label}: ${count}`,
+              children: [
+                label,
+                ": ",
+                /* @__PURE__ */ jsx20("span", { className: "eth-task-wave-header__count-value", children: count })
+              ]
+            },
+            status
+          );
+        }) })
+      ] }) : /* @__PURE__ */ jsx20(TaskProgressIndicator, { value: 0, label: "Wave progress" })
+    }
+  );
+}
+
+// src/components/TaskWaveTable.tsx
+import * as React12 from "react";
+import clsx20 from "clsx";
+import { Badge as Badge13, EmptyState as EmptyState10, StatusDot as StatusDot3, Surface as Surface11 } from "@echothink-ui/core";
+import { DataTable as DataTable2 } from "@echothink-ui/data";
+import { jsx as jsx21 } from "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__ */ jsx21("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__ */ jsx21("span", { className: "eth-task-wave-table__order", children: task.order ?? index + 1 })
+      },
+      {
+        key: "title",
+        header: "Task",
+        width: "22rem",
+        render: (task) => onTaskSelect ? /* @__PURE__ */ jsx21(
+          "button",
+          {
+            className: "eth-task-wave-table__task-button",
+            type: "button",
+            onClick: () => onTaskSelect(task),
+            children: /* @__PURE__ */ jsx21("span", { className: "eth-task-wave-table__task-title", children: task.title })
+          }
+        ) : /* @__PURE__ */ jsx21("span", { className: "eth-task-wave-table__task-title", children: task.title })
+      },
+      {
+        key: "status",
+        header: "Status",
+        width: "12rem",
+        render: (task) => /* @__PURE__ */ jsx21(
+          StatusDot3,
+          {
+            className: "eth-task-wave-table__status",
+            status: task.status,
+            label: labelForStatus(task.status)
+          }
+        )
+      },
+      {
+        key: "assignee",
+        header: "Assignee",
+        width: "8rem",
+        render: (task) => task.assignee ? /* @__PURE__ */ jsx21("span", { className: "eth-task-wave-table__assignee", children: task.assignee }) : /* @__PURE__ */ jsx21(EmptyCell, {})
+      },
+      {
+        key: "dependencies",
+        header: "Dependencies",
+        width: "7rem",
+        align: "center",
+        render: (task) => {
+          const count = dependencyCount(task);
+          return /* @__PURE__ */ jsx21(
+            Badge13,
+            {
+              className: "eth-task-wave-table__dependency-count",
+              severity: count > 0 ? "info" : "neutral",
+              children: count
+            }
+          );
+        }
+      },
+      {
+        key: "durationMs",
+        header: "Duration",
+        width: "7rem",
+        render: (task) => /* @__PURE__ */ jsx21(
+          "span",
+          {
+            className: clsx20(
+              "eth-task-wave-table__duration",
+              task.durationMs == null && "eth-task-wave-table__empty"
+            ),
+            children: formatDuration(task.durationMs)
+          }
+        )
+      }
+    ],
+    [onTaskSelect]
+  );
+  return /* @__PURE__ */ jsx21(
+    Surface11,
+    {
+      className: clsx20("eth-task-wave-table", className),
+      title: wave?.label ?? title ?? "Task wave",
+      subtitle: wave?.id,
+      description,
+      "data-eth-component": "TaskWaveTable",
+      children: /* @__PURE__ */ jsx21(
+        DataTable2,
+        {
+          "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__ */ jsx21(EmptyState10, { title: "No wave tasks" })
+        }
+      )
+    }
+  );
+}
+
+// src/components/MobileTaskShell.tsx
+import clsx21 from "clsx";
+import { jsx as jsx22, jsxs as jsxs20 } from "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__ */ jsxs20(
+    "section",
+    {
+      className: clsx21("eth-mobile-task-shell", className),
+      "data-eth-component": "MobileTaskShell",
+      children: [
+        hasHeader ? /* @__PURE__ */ jsxs20("header", { className: "eth-mobile-task-shell__header", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "eth-mobile-task-shell__title-block", children: [
+            title ? /* @__PURE__ */ jsx22("h1", { className: "eth-mobile-task-shell__title", children: title }) : null,
+            subtitle ? /* @__PURE__ */ jsx22("p", { className: "eth-mobile-task-shell__subtitle", children: subtitle }) : null
+          ] }),
+          progress ? /* @__PURE__ */ jsx22("div", { className: "eth-mobile-task-shell__progress", children: progress }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsx22("main", { className: "eth-mobile-task-shell__main", children: content }),
+        hasFooter ? /* @__PURE__ */ jsxs20("footer", { className: "eth-mobile-task-shell__footer", children: [
+          footer ? /* @__PURE__ */ jsx22("div", { className: "eth-mobile-task-shell__footer-main", children: footer }) : null,
+          identity ? /* @__PURE__ */ jsx22("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"
+];
+export {
+  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.js.map