@axis-ds/agentic-ui 1.1.0

package/dist/chunk-MVBXXDZB.mjs

@@ -0,0 +1,83 @@
+// src/surface-renderer/index.tsx
+import { cn } from "@axis-ds/ui-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SurfaceRenderer({
+  surface,
+  renderCustom,
+  className
+}) {
+  const renderContent = () => {
+    switch (surface.type) {
+      case "text":
+        return /* @__PURE__ */ jsx("div", { className: "prose prose-sm max-w-none text-[var(--axis-text-primary)]", children: String(surface.content) });
+      case "code":
+        return /* @__PURE__ */ jsx("pre", { className: "p-3 rounded-md bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-sm font-mono text-[var(--axis-text-primary)]", children: String(surface.content) }) });
+      case "table":
+        const tableData = surface.content;
+        return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { role: "table", className: "w-full text-sm", children: [
+          surface.title && /* @__PURE__ */ jsx("caption", { className: "sr-only", children: surface.title }),
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "border-b border-[var(--axis-border-default)]", children: tableData.headers.map((header, i) => /* @__PURE__ */ jsx(
+            "th",
+            {
+              scope: "col",
+              className: "px-3 py-2 text-left font-medium text-[var(--axis-text-secondary)]",
+              children: header
+            },
+            i
+          )) }) }),
+          /* @__PURE__ */ jsx("tbody", { children: tableData.rows.map((row, i) => /* @__PURE__ */ jsx(
+            "tr",
+            {
+              className: "border-b border-[var(--axis-border-default)] last:border-0",
+              children: row.map((cell, j) => /* @__PURE__ */ jsx(
+                "td",
+                {
+                  className: "px-3 py-2 text-[var(--axis-text-primary)]",
+                  children: cell
+                },
+                j
+              ))
+            },
+            i
+          )) })
+        ] }) });
+      case "chart":
+        return /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-[var(--axis-text-secondary)]", children: [
+          "[\uCC28\uD2B8: ",
+          surface.title || "\uB370\uC774\uD130 \uC2DC\uAC01\uD654",
+          "]"
+        ] });
+      case "form":
+        return /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-[var(--axis-text-secondary)]", children: [
+          "[\uD3FC: ",
+          surface.title || "\uC785\uB825 \uC591\uC2DD",
+          "]"
+        ] });
+      case "custom":
+        if (renderCustom) {
+          return renderCustom(surface);
+        }
+        return /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-[var(--axis-text-secondary)]", children: "[\uCEE4\uC2A4\uD140 Surface]" });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border p-4",
+        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
+        className
+      ),
+      children: [
+        surface.title && /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-[var(--axis-text-primary)] mb-3", children: surface.title }),
+        renderContent()
+      ]
+    }
+  );
+}
+
+export {
+  SurfaceRenderer
+};

package/dist/chunk-NRBIHROX.mjs

@@ -0,0 +1,162 @@
+import {
+  DIFF_LABELS
+} from "./chunk-SCZ4BQ2G.mjs";
+
+// src/diff-viewer/index.tsx
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function computeDiff(before, after) {
+  const oldLines = before.split("\n");
+  const newLines = after.split("\n");
+  const m = oldLines.length;
+  const n = newLines.length;
+  const dp = Array.from({ length: m + 1 }, () => Array(n + 1).fill(0));
+  for (let i2 = 1; i2 <= m; i2++) {
+    for (let j2 = 1; j2 <= n; j2++) {
+      if (oldLines[i2 - 1] === newLines[j2 - 1]) {
+        dp[i2][j2] = dp[i2 - 1][j2 - 1] + 1;
+      } else {
+        dp[i2][j2] = Math.max(dp[i2 - 1][j2], dp[i2][j2 - 1]);
+      }
+    }
+  }
+  const result = [];
+  let i = m;
+  let j = n;
+  while (i > 0 || j > 0) {
+    if (i > 0 && j > 0 && oldLines[i - 1] === newLines[j - 1]) {
+      result.unshift({ type: "unchanged", content: oldLines[i - 1], oldLineNumber: i, newLineNumber: j });
+      i--;
+      j--;
+    } else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {
+      result.unshift({ type: "added", content: newLines[j - 1], newLineNumber: j });
+      j--;
+    } else if (i > 0) {
+      result.unshift({ type: "removed", content: oldLines[i - 1], oldLineNumber: i });
+      i--;
+    }
+  }
+  return result;
+}
+var lineTypeStyles = {
+  added: "bg-[var(--axis-color-green-500)]/10",
+  removed: "bg-[var(--axis-color-red-500)]/10",
+  unchanged: ""
+};
+var lineTypeTextStyles = {
+  added: "text-[var(--axis-color-green-600)]",
+  removed: "text-[var(--axis-color-red-600)]",
+  unchanged: "text-[var(--axis-text-primary)]"
+};
+var lineTypeSymbols = {
+  added: "+",
+  removed: "-",
+  unchanged: " "
+};
+function DiffViewer({
+  before,
+  after,
+  filename,
+  viewMode = "unified",
+  className
+}) {
+  const [mode, setMode] = React.useState(viewMode);
+  const diffLines = React.useMemo(() => computeDiff(before, after), [before, after]);
+  const addedCount = diffLines.filter((l) => l.type === "added").length;
+  const removedCount = diffLines.filter((l) => l.type === "removed").length;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "region",
+      "aria-label": filename ? `${filename} \uBCC0\uACBD\uC0AC\uD56D` : "\uCF54\uB4DC \uBCC0\uACBD\uC0AC\uD56D",
+      className: cn(
+        "rounded-lg border overflow-hidden",
+        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-[var(--axis-border-default)] bg-[var(--axis-surface-secondary)]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-[var(--axis-icon-secondary)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h7" }) }),
+            filename && /* @__PURE__ */ jsx("code", { className: "text-xs font-mono text-[var(--axis-text-primary)] truncate", children: filename }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-color-green-500)]", "aria-label": `${addedCount}\uC904 ${DIFF_LABELS.added}`, children: [
+              "+",
+              addedCount
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-color-red-500)]", "aria-label": `${removedCount}\uC904 ${DIFF_LABELS.removed}`, children: [
+              "-",
+              removedCount
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 bg-[var(--axis-surface-tertiary)] rounded-md p-0.5", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setMode("unified"),
+                "aria-pressed": mode === "unified",
+                className: cn(
+                  "px-2 py-0.5 text-xs rounded transition-colors",
+                  mode === "unified" ? "bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)] shadow-sm" : "text-[var(--axis-text-tertiary)] hover:text-[var(--axis-text-secondary)]"
+                ),
+                children: "\uD1B5\uD569"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setMode("split"),
+                "aria-pressed": mode === "split",
+                className: cn(
+                  "px-2 py-0.5 text-xs rounded transition-colors",
+                  mode === "split" ? "bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)] shadow-sm" : "text-[var(--axis-text-tertiary)] hover:text-[var(--axis-text-secondary)]"
+                ),
+                children: "\uBD84\uD560"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "overflow-auto", children: mode === "unified" ? /* @__PURE__ */ jsx(UnifiedView, { lines: diffLines }) : /* @__PURE__ */ jsx(SplitView, { lines: diffLines }) })
+      ]
+    }
+  );
+}
+function UnifiedView({ lines }) {
+  return /* @__PURE__ */ jsx("table", { className: "w-full text-xs font-mono border-collapse", role: "presentation", children: /* @__PURE__ */ jsx("tbody", { children: lines.map((line, i) => /* @__PURE__ */ jsxs("tr", { className: lineTypeStyles[line.type], children: [
+    /* @__PURE__ */ jsx("td", { className: "select-none text-right px-2 py-0.5 text-[var(--axis-text-tertiary)] w-10 border-r border-[var(--axis-border-default)]", children: line.oldLineNumber ?? "" }),
+    /* @__PURE__ */ jsx("td", { className: "select-none text-right px-2 py-0.5 text-[var(--axis-text-tertiary)] w-10 border-r border-[var(--axis-border-default)]", children: line.newLineNumber ?? "" }),
+    /* @__PURE__ */ jsx("td", { className: cn("select-none w-4 text-center py-0.5", lineTypeTextStyles[line.type]), children: lineTypeSymbols[line.type] }),
+    /* @__PURE__ */ jsx("td", { className: cn("px-2 py-0.5 whitespace-pre", lineTypeTextStyles[line.type]), children: line.content })
+  ] }, i)) }) });
+}
+function SplitView({ lines }) {
+  const leftLines = [];
+  const rightLines = [];
+  for (const line of lines) {
+    if (line.type === "unchanged") {
+      leftLines.push(line);
+      rightLines.push(line);
+    } else if (line.type === "removed") {
+      leftLines.push(line);
+      rightLines.push(null);
+    } else {
+      leftLines.push(null);
+      rightLines.push(line);
+    }
+  }
+  return /* @__PURE__ */ jsx("table", { className: "w-full text-xs font-mono border-collapse", role: "presentation", children: /* @__PURE__ */ jsx("tbody", { children: leftLines.map((leftLine, i) => {
+    const rightLine = rightLines[i];
+    return /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("td", { className: cn("select-none text-right px-2 py-0.5 text-[var(--axis-text-tertiary)] w-10 border-r border-[var(--axis-border-default)]", leftLine ? lineTypeStyles[leftLine.type] : ""), children: leftLine?.oldLineNumber ?? "" }),
+      /* @__PURE__ */ jsx("td", { className: cn("select-none w-4 text-center py-0.5", leftLine ? lineTypeTextStyles[leftLine.type] : ""), children: leftLine ? lineTypeSymbols[leftLine.type] : "" }),
+      /* @__PURE__ */ jsx("td", { className: cn("px-2 py-0.5 whitespace-pre w-1/2 border-r border-[var(--axis-border-default)]", leftLine ? cn(lineTypeStyles[leftLine.type], lineTypeTextStyles[leftLine.type]) : ""), children: leftLine?.content ?? "" }),
+      /* @__PURE__ */ jsx("td", { className: cn("select-none text-right px-2 py-0.5 text-[var(--axis-text-tertiary)] w-10 border-r border-[var(--axis-border-default)]", rightLine ? lineTypeStyles[rightLine.type] : ""), children: rightLine?.newLineNumber ?? "" }),
+      /* @__PURE__ */ jsx("td", { className: cn("select-none w-4 text-center py-0.5", rightLine ? lineTypeTextStyles[rightLine.type] : ""), children: rightLine ? lineTypeSymbols[rightLine.type] : "" }),
+      /* @__PURE__ */ jsx("td", { className: cn("px-2 py-0.5 whitespace-pre w-1/2", rightLine ? cn(lineTypeStyles[rightLine.type], lineTypeTextStyles[rightLine.type]) : ""), children: rightLine?.content ?? "" })
+    ] }, i);
+  }) }) });
+}
+
+export {
+  DiffViewer
+};

package/dist/chunk-O5VXD6C3.mjs

@@ -0,0 +1,114 @@
+// src/run-progress/index.tsx
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var statusColors = {
+  pending: "bg-[var(--axis-color-gray-300)]",
+  running: "bg-[var(--axis-color-blue-500)] animate-pulse",
+  complete: "bg-[var(--axis-color-green-500)]",
+  error: "bg-[var(--axis-color-red-500)]"
+};
+var statusIcons = {
+  pending: null,
+  running: /* @__PURE__ */ jsxs("svg", { className: "w-3 h-3 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+    /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+    /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+  ] }),
+  complete: /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+  error: /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+};
+function RunProgress({
+  status,
+  steps,
+  currentStep,
+  onCancel,
+  onRetry,
+  className
+}) {
+  const progressPercent = React.useMemo(() => {
+    const completed = steps.filter((s) => s.status === "complete").length;
+    return Math.round(completed / steps.length * 100);
+  }, [steps]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border p-4",
+        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            status === "running" && /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-color-blue-500)] animate-pulse" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-[var(--axis-text-primary)]", children: [
+              status === "idle" && "\uB300\uAE30 \uC911",
+              status === "running" && "\uC2E4\uD589 \uC911",
+              status === "complete" && "\uC644\uB8CC",
+              status === "error" && "\uC624\uB958 \uBC1C\uC0DD"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-text-secondary)]", children: [
+            progressPercent,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "w-full h-1.5 rounded-full bg-[var(--axis-surface-secondary)] mb-4", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-full rounded-full bg-[var(--axis-color-blue-500)] transition-all duration-300",
+            style: { width: `${progressPercent}%` }
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: steps.map((step, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center gap-3 p-2 rounded-md transition-colors",
+              currentStep === index && "bg-[var(--axis-surface-secondary)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "w-5 h-5 rounded-full flex items-center justify-center text-white text-xs",
+                    statusColors[step.status]
+                  ),
+                  children: statusIcons[step.status] || index + 1
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--axis-text-primary)] truncate", children: step.label }),
+                step.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--axis-text-secondary)] truncate", children: step.description })
+              ] })
+            ]
+          },
+          step.id
+        )) }),
+        (onCancel || onRetry) && /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mt-4 pt-4 border-t border-[var(--axis-border-default)]", children: [
+          status === "running" && onCancel && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onCancel,
+              className: "px-3 py-1.5 text-sm rounded-md bg-[var(--axis-surface-secondary)] text-[var(--axis-text-primary)] hover:bg-[var(--axis-surface-tertiary)]",
+              children: "\uCDE8\uC18C"
+            }
+          ),
+          status === "error" && onRetry && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onRetry,
+              className: "px-3 py-1.5 text-sm rounded-md bg-[var(--axis-color-blue-500)] text-white hover:bg-[var(--axis-color-blue-600)]",
+              children: "\uC7AC\uC2DC\uB3C4"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  RunProgress
+};

package/dist/chunk-O5WFJCWK.mjs

@@ -0,0 +1,63 @@
+// src/step-timeline/index.tsx
+import { cn } from "@axis-ds/ui-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function StepTimeline({
+  steps,
+  orientation = "vertical",
+  className
+}) {
+  const isVertical = orientation === "vertical";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        isVertical ? "flex flex-col gap-4" : "flex items-center gap-2",
+        className
+      ),
+      children: steps.map((step, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "relative flex",
+            isVertical ? "items-start gap-3" : "flex-col items-center"
+          ),
+          children: [
+            index < steps.length - 1 && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute bg-[var(--axis-border-default)]",
+                  isVertical ? "left-2.5 top-6 w-0.5 h-full -translate-x-1/2" : "top-2.5 left-6 h-0.5 w-full"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "relative z-10 w-5 h-5 rounded-full flex items-center justify-center",
+                  step.status === "complete" && "bg-[var(--axis-color-green-500)]",
+                  step.status === "running" && "bg-[var(--axis-color-blue-500)] animate-pulse",
+                  step.status === "error" && "bg-[var(--axis-color-red-500)]",
+                  step.status === "skipped" && "bg-[var(--axis-color-gray-300)]",
+                  step.status === "pending" && "bg-[var(--axis-color-gray-300)]"
+                ),
+                children: step.status === "complete" && /* @__PURE__ */ jsx("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: cn(isVertical ? "flex-1" : "text-center mt-2"), children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--axis-text-primary)]", children: step.label }),
+              step.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--axis-text-secondary)]", children: step.description }),
+              step.timestamp && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--axis-text-tertiary)]", children: step.timestamp.toLocaleTimeString() })
+            ] })
+          ]
+        },
+        step.id
+      ))
+    }
+  );
+}
+
+export {
+  StepTimeline
+};

package/dist/chunk-OOFM7NNH.mjs

@@ -0,0 +1,68 @@
+// src/recovery-banner/index.tsx
+import { cn } from "@axis-ds/ui-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RecoveryBanner({
+  message,
+  description,
+  onRetry,
+  onDismiss,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-start gap-3 p-4 rounded-lg border",
+        "bg-[var(--axis-surface-error)] border-[var(--axis-color-red-200)]",
+        className
+      ),
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-5 h-5 text-[var(--axis-color-red-500)] flex-shrink-0 mt-0.5",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--axis-text-error)]", children: message }),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--axis-text-secondary)]", children: description }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-3", children: [
+            onRetry && /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onRetry,
+                className: "px-3 py-1.5 text-sm font-medium rounded-md bg-[var(--axis-color-red-500)] text-white hover:bg-[var(--axis-color-red-600)] transition-colors",
+                children: "\uC7AC\uC2DC\uB3C4"
+              }
+            ),
+            onDismiss && /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onDismiss,
+                className: "px-3 py-1.5 text-sm font-medium rounded-md bg-transparent text-[var(--axis-text-primary)] hover:bg-[var(--axis-surface-secondary)] transition-colors",
+                children: "\uBB34\uC2DC"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  RecoveryBanner
+};

package/dist/chunk-PAKLXPHD.mjs

@@ -0,0 +1,115 @@
+import {
+  STATUS_LABELS
+} from "./chunk-HWISMHCP.mjs";
+
+// src/tool-call-card/index.tsx
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var statusConfig = {
+  pending: {
+    color: "text-[var(--axis-color-gray-400)]",
+    icon: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }) })
+  },
+  running: {
+    color: "text-[var(--axis-color-blue-500)]",
+    icon: /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+      /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+      /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+    ] })
+  },
+  success: {
+    color: "text-[var(--axis-color-green-500)]",
+    icon: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+  },
+  error: {
+    color: "text-[var(--axis-color-red-500)]",
+    icon: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+  }
+};
+function ToolCallCard({
+  toolName,
+  description,
+  status,
+  input,
+  output,
+  error,
+  duration,
+  defaultExpanded = false,
+  "aria-label": ariaLabel,
+  className
+}) {
+  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
+  const config = statusConfig[status];
+  const contentId = React.useId();
+  const statusLabel = STATUS_LABELS[status] || status;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border overflow-hidden",
+        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setIsExpanded(!isExpanded),
+            "aria-expanded": isExpanded,
+            "aria-controls": contentId,
+            "aria-label": ariaLabel || `${toolName} - ${statusLabel}`,
+            className: "w-full flex items-center justify-between p-3 hover:bg-[var(--axis-surface-secondary)] transition-colors",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: config.color, "aria-hidden": "true", children: config.icon }),
+                /* @__PURE__ */ jsx("code", { className: "text-sm font-mono text-[var(--axis-text-primary)]", children: toolName }),
+                description && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-text-secondary)]", children: [
+                  "\u2014 ",
+                  description
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                duration !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-text-tertiary)]", children: [
+                  duration,
+                  "ms"
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: cn(
+                      "w-4 h-4 text-[var(--axis-text-secondary)] transition-transform",
+                      isExpanded && "rotate-180"
+                    ),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ jsxs("div", { id: contentId, className: "border-t border-[var(--axis-border-default)] p-3 space-y-3", children: [
+          input && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uC785\uB825" }),
+            /* @__PURE__ */ jsx("pre", { className: "text-xs p-2 rounded bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-primary)]", children: JSON.stringify(input, null, 2) }) })
+          ] }),
+          output !== void 0 && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uCD9C\uB825" }),
+            /* @__PURE__ */ jsx("pre", { className: "text-xs p-2 rounded bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-primary)]", children: typeof output === "string" ? output : JSON.stringify(output, null, 2) }) })
+          ] }),
+          error && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-error)] mb-1", children: "\uC5D0\uB7EC" }),
+            /* @__PURE__ */ jsx("pre", { className: "text-xs p-2 rounded bg-[var(--axis-surface-error)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-error)]", children: error }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  ToolCallCard
+};