@axis-ds/agentic-ui 1.1.0

package/dist/chunk-PWKN5UHT.mjs

@@ -0,0 +1,152 @@
+import {
+  PLAN_STATUS_LABELS,
+  STATUS_LABELS
+} from "./chunk-SCZ4BQ2G.mjs";
+
+// src/plan-card/index.tsx
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var planStatusStyles = {
+  draft: {
+    border: "border-l-[var(--axis-color-gray-400)]",
+    badge: "bg-[var(--axis-color-gray-100)] text-[var(--axis-color-gray-600)]"
+  },
+  pending: {
+    border: "border-l-[var(--axis-color-yellow-500)]",
+    badge: "bg-[var(--axis-color-yellow-500)]/10 text-[var(--axis-color-yellow-600)]"
+  },
+  approved: {
+    border: "border-l-[var(--axis-color-green-500)]",
+    badge: "bg-[var(--axis-color-green-500)]/10 text-[var(--axis-color-green-600)]"
+  },
+  rejected: {
+    border: "border-l-[var(--axis-color-red-500)]",
+    badge: "bg-[var(--axis-color-red-500)]/10 text-[var(--axis-color-red-600)]"
+  },
+  executing: {
+    border: "border-l-[var(--axis-color-blue-500)]",
+    badge: "bg-[var(--axis-color-blue-500)]/10 text-[var(--axis-color-blue-600)]"
+  },
+  completed: {
+    border: "border-l-[var(--axis-color-green-500)]",
+    badge: "bg-[var(--axis-color-green-500)]/10 text-[var(--axis-color-green-600)]"
+  }
+};
+var stepStatusIcons = {
+  pending: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-[var(--axis-color-gray-400)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }) }),
+  running: /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4 text-[var(--axis-color-blue-500)] 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-4 h-4 text-[var(--axis-color-green-500)]", 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-4 h-4 text-[var(--axis-color-red-500)]", 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" }) }),
+  skipped: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-[var(--axis-color-gray-400)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) })
+};
+function PlanCard({
+  title,
+  steps,
+  status = "pending",
+  onApprove,
+  onEdit,
+  onReject,
+  className
+}) {
+  const styles = planStatusStyles[status];
+  const titleId = React.useId();
+  const statusLabel = PLAN_STATUS_LABELS[status];
+  const completedCount = steps.filter((s) => s.status === "complete").length;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "region",
+      "aria-labelledby": titleId,
+      className: cn(
+        "rounded-lg border border-l-4 overflow-hidden",
+        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
+        styles.border,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", 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: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" }) }),
+              /* @__PURE__ */ jsx("h4", { id: titleId, className: "text-sm font-semibold text-[var(--axis-text-primary)]", children: title })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: cn("text-xs px-2 py-0.5 rounded-full font-medium", styles.badge), children: statusLabel })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-[var(--axis-text-tertiary)]", children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              completedCount,
+              "/",
+              steps.length,
+              " \uB2E8\uACC4"
+            ] }),
+            steps.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex-1 h-1 rounded-full bg-[var(--axis-surface-secondary)] overflow-hidden", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-full rounded-full bg-[var(--axis-color-green-500)] transition-all",
+                style: { width: `${completedCount / steps.length * 100}%` },
+                "aria-hidden": "true"
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { role: "list", "aria-label": "\uC2E4\uD589 \uB2E8\uACC4", className: "border-t border-[var(--axis-border-default)] divide-y divide-[var(--axis-border-default)]", children: steps.map((step) => {
+          const stepStatusLabel = STATUS_LABELS[step.status] || step.status;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "listitem",
+              "aria-current": step.status === "running" ? "step" : void 0,
+              className: "flex items-start gap-3 px-4 py-2.5",
+              children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "mt-0.5 flex-shrink-0", children: stepStatusIcons[step.status] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                    stepStatusLabel,
+                    ":"
+                  ] }),
+                  /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--axis-text-primary)]", children: step.label }),
+                  step.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--axis-text-secondary)] mt-0.5", children: step.description })
+                ] })
+              ]
+            },
+            step.id
+          );
+        }) }),
+        (status === "pending" || status === "draft") && (onApprove || onEdit || onReject) && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 p-3 border-t border-[var(--axis-border-default)] bg-[var(--axis-surface-secondary)]", children: [
+          onApprove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onApprove,
+              className: "px-3 py-1.5 text-xs font-medium rounded-md bg-[var(--axis-color-green-500)] text-white hover:bg-[var(--axis-color-green-600)] transition-colors",
+              children: "\uC2B9\uC778"
+            }
+          ),
+          onEdit && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onEdit,
+              className: "px-3 py-1.5 text-xs font-medium rounded-md bg-[var(--axis-button-secondary-bg-default)] text-[var(--axis-text-primary)] hover:bg-[var(--axis-button-secondary-bg-hover)] transition-colors",
+              children: "\uC218\uC815"
+            }
+          ),
+          onReject && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onReject,
+              className: "px-3 py-1.5 text-xs font-medium rounded-md text-[var(--axis-color-red-500)] hover:bg-[var(--axis-color-red-500)]/10 transition-colors",
+              children: "\uAC70\uC808"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  PlanCard
+};

package/dist/chunk-RGBY6EEU.mjs

@@ -0,0 +1,80 @@
+// src/code-block/index.tsx
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function CodeBlock({
+  code,
+  language,
+  filename,
+  showLineNumbers = false,
+  onCopy,
+  maxHeight,
+  className
+}) {
+  const [copied, setCopied] = React.useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      onCopy?.(code);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  const lines = code.split("\n");
+  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("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: [
+            filename && /* @__PURE__ */ jsx("code", { className: "text-xs font-mono text-[var(--axis-text-primary)] truncate", children: filename }),
+            language && /* @__PURE__ */ jsx("span", { className: "text-xs px-1.5 py-0.5 rounded bg-[var(--axis-surface-tertiary)] text-[var(--axis-text-tertiary)]", children: language })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: handleCopy,
+              "aria-label": copied ? "\uBCF5\uC0AC\uB428" : "\uCF54\uB4DC \uBCF5\uC0AC",
+              className: "flex items-center gap-1 px-2 py-1 text-xs rounded-md text-[var(--axis-text-secondary)] hover:bg-[var(--axis-surface-tertiary)] transition-colors",
+              children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5 text-[var(--axis-color-green-500)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+                /* @__PURE__ */ jsx("span", { children: "\uBCF5\uC0AC\uB428" })
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) }),
+                /* @__PURE__ */ jsx("span", { children: "\uBCF5\uC0AC" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "overflow-auto",
+            style: maxHeight ? { maxHeight } : void 0,
+            children: /* @__PURE__ */ jsx("pre", { className: "p-3 text-sm leading-relaxed", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-primary)] font-mono", children: showLineNumbers ? /* @__PURE__ */ jsx("table", { className: "border-collapse w-full", role: "presentation", children: /* @__PURE__ */ jsx("tbody", { children: lines.map((line, i) => /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx(
+                "td",
+                {
+                  className: "select-none text-right pr-4 text-[var(--axis-text-tertiary)] w-8",
+                  "aria-hidden": "true",
+                  children: i + 1
+                }
+              ),
+              /* @__PURE__ */ jsx("td", { className: "whitespace-pre", children: line })
+            ] }, i)) }) }) : code }) })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  CodeBlock
+};

package/dist/chunk-RGPKTWK4.mjs

@@ -0,0 +1,77 @@
+import {
+  STATUS_LABELS
+} from "./chunk-SCZ4BQ2G.mjs";
+
+// 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",
+    {
+      role: "list",
+      "aria-label": "\uC791\uC5C5 \uD0C0\uC784\uB77C\uC778",
+      className: cn(
+        isVertical ? "flex flex-col gap-4" : "flex items-center gap-2",
+        className
+      ),
+      children: steps.map((step, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "listitem",
+          "aria-current": step.status === "running" ? "step" : void 0,
+          className: cn(
+            "relative flex",
+            isVertical ? "items-start gap-3" : "flex-col items-center"
+          ),
+          children: [
+            index < steps.length - 1 && /* @__PURE__ */ jsx(
+              "div",
+              {
+                "aria-hidden": "true",
+                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",
+              {
+                "aria-hidden": "true",
+                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__ */ jsxs("span", { className: "sr-only", children: [
+                STATUS_LABELS[step.status],
+                ":"
+              ] }),
+              /* @__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-S3HVRSN2.mjs

@@ -0,0 +1,95 @@
+import {
+  SOURCE_TYPE_LABELS
+} from "./chunk-HWISMHCP.mjs";
+
+// src/source-panel/index.tsx
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var sourceIcons = {
+  web: /* @__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: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }),
+  file: /* @__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: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }),
+  database: /* @__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: "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4" }) }),
+  api: /* @__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: "M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) })
+};
+function SourcePanel({
+  sources,
+  expandable = true,
+  defaultExpanded = false,
+  maxItems = 5,
+  className
+}) {
+  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
+  const displayedSources = isExpanded ? sources : sources.slice(0, maxItems);
+  const hasMore = sources.length > maxItems;
+  const listId = React.useId();
+  if (sources.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border p-3",
+        "bg-[var(--axis-surface-secondary)] border-[var(--axis-border-default)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("h4", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-2", children: [
+          "\uCD9C\uCC98 (",
+          sources.length,
+          "\uAC1C)"
+        ] }),
+        /* @__PURE__ */ jsx("div", { id: listId, role: "list", "aria-label": "\uCD9C\uCC98 \uBAA9\uB85D", className: "space-y-2", children: displayedSources.map((source) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "listitem",
+            className: "flex items-start gap-2 p-2 rounded-md bg-[var(--axis-surface-default)]",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[var(--axis-icon-secondary)] mt-0.5", "aria-hidden": "true", children: sourceIcons[source.type] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                  SOURCE_TYPE_LABELS[source.type],
+                  ":"
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--axis-text-primary)] truncate", children: source.url ? /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    href: source.url,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "hover:underline",
+                    "aria-label": `${source.title} (\uC0C8 \uCC3D\uC5D0\uC11C \uC5F4\uB9BC)`,
+                    children: [
+                      source.title,
+                      /* @__PURE__ */ jsx("span", { className: "sr-only", children: ", \uC0C8 \uCC3D\uC5D0\uC11C \uC5F4\uB9BC" })
+                    ]
+                  }
+                ) : source.title }),
+                source.snippet && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--axis-text-secondary)] line-clamp-2 mt-0.5", children: source.snippet }),
+                source.path && /* @__PURE__ */ jsx("code", { className: "text-xs text-[var(--axis-text-tertiary)]", children: source.path })
+              ] }),
+              source.relevance !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-text-tertiary)]", children: [
+                Math.round(source.relevance * 100),
+                "%"
+              ] })
+            ]
+          },
+          source.id
+        )) }),
+        expandable && hasMore && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setIsExpanded(!isExpanded),
+            "aria-expanded": isExpanded,
+            "aria-controls": listId,
+            className: "mt-2 text-xs text-[var(--axis-text-brand)] hover:underline",
+            children: isExpanded ? "\uC811\uAE30" : `${sources.length - maxItems}\uAC1C \uB354 \uBCF4\uAE30`
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  SourcePanel
+};

package/dist/chunk-SCZ4BQ2G.mjs

@@ -0,0 +1,68 @@
+// src/constants/a11y-labels.ts
+var STATUS_LABELS = {
+  pending: "\uB300\uAE30 \uC911",
+  running: "\uC2E4\uD589 \uC911",
+  complete: "\uC644\uB8CC",
+  success: "\uC131\uACF5",
+  error: "\uC624\uB958",
+  skipped: "\uAC74\uB108\uB700",
+  idle: "\uB300\uAE30 \uC911"
+};
+var SEVERITY_LABELS = {
+  info: "\uC815\uBCF4",
+  warning: "\uC8FC\uC758",
+  error: "\uC624\uB958"
+};
+var AGENT_STATUS_LABELS = {
+  online: "\uC628\uB77C\uC778",
+  busy: "\uC0AC\uC6A9 \uC911",
+  offline: "\uC624\uD504\uB77C\uC778"
+};
+var SOURCE_TYPE_LABELS = {
+  web: "\uC6F9 \uD398\uC774\uC9C0",
+  file: "\uD30C\uC77C",
+  database: "\uB370\uC774\uD130\uBCA0\uC774\uC2A4",
+  api: "API"
+};
+var MESSAGE_ROLE_LABELS = {
+  user: "\uC0AC\uC6A9\uC790",
+  assistant: "\uC5B4\uC2DC\uC2A4\uD134\uD2B8",
+  system: "\uC2DC\uC2A4\uD15C"
+};
+var FEEDBACK_LABELS = {
+  like: "\uC88B\uC544\uC694",
+  dislike: "\uC2EB\uC5B4\uC694",
+  none: "\uD53C\uB4DC\uBC31 \uC5C6\uC74C"
+};
+var ATTACHMENT_TYPE_LABELS = {
+  image: "\uC774\uBBF8\uC9C0",
+  document: "\uBB38\uC11C",
+  code: "\uCF54\uB4DC",
+  archive: "\uC555\uCD95 \uD30C\uC77C",
+  other: "\uAE30\uD0C0 \uD30C\uC77C"
+};
+var DIFF_LABELS = {
+  added: "\uCD94\uAC00\uB428",
+  removed: "\uC0AD\uC81C\uB428",
+  unchanged: "\uBCC0\uACBD \uC5C6\uC74C"
+};
+var PLAN_STATUS_LABELS = {
+  draft: "\uCD08\uC548",
+  pending: "\uC2B9\uC778 \uB300\uAE30",
+  approved: "\uC2B9\uC778\uB428",
+  rejected: "\uAC70\uC808\uB428",
+  executing: "\uC2E4\uD589 \uC911",
+  completed: "\uC644\uB8CC"
+};
+
+export {
+  STATUS_LABELS,
+  SEVERITY_LABELS,
+  AGENT_STATUS_LABELS,
+  SOURCE_TYPE_LABELS,
+  MESSAGE_ROLE_LABELS,
+  FEEDBACK_LABELS,
+  ATTACHMENT_TYPE_LABELS,
+  DIFF_LABELS,
+  PLAN_STATUS_LABELS
+};

package/dist/chunk-TCCZL2D5.mjs

@@ -0,0 +1,51 @@
+// src/streaming-text/index.tsx
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function StreamingText({
+  text,
+  speed = 20,
+  isComplete = false,
+  showCursor = true,
+  onComplete,
+  className
+}) {
+  const [displayedText, setDisplayedText] = React.useState("");
+  const [isStreaming, setIsStreaming] = React.useState(false);
+  const prevTextRef = React.useRef("");
+  React.useEffect(() => {
+    if (isComplete) {
+      setDisplayedText(text);
+      setIsStreaming(false);
+      return;
+    }
+    if (text.length > prevTextRef.current.length && text.startsWith(prevTextRef.current)) {
+      const newText = text.slice(prevTextRef.current.length);
+      let charIndex = 0;
+      setIsStreaming(true);
+      const interval = setInterval(() => {
+        if (charIndex < newText.length) {
+          setDisplayedText((prev) => prev + newText[charIndex]);
+          charIndex++;
+        } else {
+          clearInterval(interval);
+          setIsStreaming(false);
+          if (onComplete) onComplete();
+        }
+      }, speed);
+      prevTextRef.current = text;
+      return () => clearInterval(interval);
+    } else if (text !== prevTextRef.current) {
+      setDisplayedText("");
+      prevTextRef.current = "";
+    }
+  }, [text, speed, isComplete, onComplete]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "text-[var(--axis-text-primary)] whitespace-pre-wrap", children: displayedText }),
+    showCursor && isStreaming && /* @__PURE__ */ jsx("span", { className: "inline-block w-0.5 h-4 ml-0.5 bg-[var(--axis-text-primary)] animate-pulse" })
+  ] });
+}
+
+export {
+  StreamingText
+};

package/dist/chunk-TKUAT5WE.mjs

@@ -0,0 +1,105 @@
+// 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,
+  className
+}) {
+  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
+  const config = statusConfig[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),
+            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, 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", { 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 && /* @__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
+};