@axis-ds/agentic-ui 1.1.2 → 1.1.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Think & Action
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
-  SurfaceRenderer
-} from "./chunk-MVBXXDZB.mjs";
+  ThinkingIndicator
+} from "./chunk-FYAMA32G.mjs";
 import {
   TokenUsageIndicator
 } from "./chunk-H6VXOP7U.mjs";
@@ -22,15 +22,15 @@ import {
 import {
   SourcePanel
 } from "./chunk-DPLGRVNQ.mjs";
-import {
-  StreamingText
-} from "./chunk-GQYOOLDL.mjs";
 import {
   StepTimeline
 } from "./chunk-RGPKTWK4.mjs";
 import {
-  ThinkingIndicator
-} from "./chunk-FYAMA32G.mjs";
+  StreamingText
+} from "./chunk-GQYOOLDL.mjs";
+import {
+  SurfaceRenderer
+} from "./chunk-MVBXXDZB.mjs";
 import {
   AgentAvatar
 } from "./chunk-KH4OXDEV.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/agentic-ui",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "AXIS Design System - Agentic UI Components for AI/LLM Applications",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -79,32 +79,26 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "tsup src/index.ts src/*/index.tsx --format cjs,esm --dts --external react",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external react",
-    "clean": "rm -rf dist",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "type-check": "tsc --noEmit",
-    "prepublishOnly": "pnpm build"
-  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@axis-ds/tokens": "workspace:*",
-    "@axis-ds/ui-react": "workspace:*",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "framer-motion": "^11.0.0",
-    "tailwind-merge": "^2.5.0"
+    "tailwind-merge": "^2.5.0",
+    "@axis-ds/tokens": "1.1.3",
+    "@axis-ds/ui-react": "1.1.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/react": "^18.2.0",
     "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/coverage-v8": "^2.1.0",
+    "jest-axe": "^9.0.0",
+    "@types/jest-axe": "^3.5.9",
     "jsdom": "^27.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -127,5 +121,14 @@
     "url": "https://github.com/thoughtandaction/axis.git",
     "directory": "packages/axis-agentic-ui"
   },
-  "homepage": "https://axis.minu.best"
-}
+  "homepage": "https://axis.minu.best",
+  "scripts": {
+    "build": "tsup src/index.ts src/*/index.tsx --format cjs,esm --dts --external react",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external react",
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
+    "type-check": "tsc --noEmit"
+  }
+}

package/dist/chunk-2BWCQQLU.mjs

@@ -1,136 +0,0 @@
-import {
-  STATUS_LABELS
-} from "./chunk-HWISMHCP.mjs";
-
-// 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",
-          {
-            role: "progressbar",
-            "aria-valuenow": progressPercent,
-            "aria-valuemin": 0,
-            "aria-valuemax": 100,
-            "aria-label": `\uC2E4\uD589 \uC9C4\uD589\uB960 ${progressPercent}%`,
-            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", { role: "list", "aria-label": "\uC2E4\uD589 \uB2E8\uACC4", className: "space-y-2", children: steps.map((step, index) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            role: "listitem",
-            "aria-current": currentStep === index ? "step" : void 0,
-            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]
-                  ),
-                  "aria-hidden": "true",
-                  children: statusIcons[step.status] || index + 1
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", 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)] 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-3TH7GFBD.mjs

@@ -1,83 +0,0 @@
-import {
-  AGENT_STATUS_LABELS
-} from "./chunk-HWISMHCP.mjs";
-
-// src/agent-avatar/index.tsx
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var sizeStyles = {
-  sm: "w-6 h-6 text-xs",
-  md: "w-8 h-8 text-sm",
-  lg: "w-10 h-10 text-base",
-  xl: "w-12 h-12 text-lg"
-};
-var statusStyles = {
-  online: "bg-[var(--axis-color-green-500)]",
-  busy: "bg-[var(--axis-color-yellow-500)]",
-  offline: "bg-[var(--axis-color-gray-400)]"
-};
-var typeColors = {
-  assistant: "bg-[var(--axis-color-purple-500)]",
-  tool: "bg-[var(--axis-color-blue-500)]",
-  system: "bg-[var(--axis-color-gray-600)]"
-};
-function AgentAvatar({
-  name,
-  src,
-  size = "md",
-  status,
-  type = "assistant",
-  className
-}) {
-  const initials = name.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase();
-  const statusLabel = status ? AGENT_STATUS_LABELS[status] : "";
-  const ariaLabel = `${name}${statusLabel ? `, ${statusLabel}` : ""}`;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "img",
-      "aria-label": ariaLabel,
-      className: cn("relative inline-flex", className),
-      children: [
-        src ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src,
-            alt: "",
-            "aria-hidden": "true",
-            className: cn(
-              "rounded-full object-cover",
-              sizeStyles[size]
-            )
-          }
-        ) : /* @__PURE__ */ jsx(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: cn(
-              "rounded-full flex items-center justify-center font-medium text-white",
-              sizeStyles[size],
-              typeColors[type]
-            ),
-            children: initials
-          }
-        ),
-        status && /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: cn(
-              "absolute bottom-0 right-0 rounded-full border-2 border-[var(--axis-surface-default)]",
-              size === "sm" ? "w-2 h-2" : "w-3 h-3",
-              statusStyles[status]
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  AgentAvatar
-};

package/dist/chunk-4PCJFQHQ.mjs

@@ -1,66 +0,0 @@
-// src/agent-avatar/index.tsx
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var sizeStyles = {
-  sm: "w-6 h-6 text-xs",
-  md: "w-8 h-8 text-sm",
-  lg: "w-10 h-10 text-base",
-  xl: "w-12 h-12 text-lg"
-};
-var statusStyles = {
-  online: "bg-[var(--axis-color-green-500)]",
-  busy: "bg-[var(--axis-color-yellow-500)]",
-  offline: "bg-[var(--axis-color-gray-400)]"
-};
-var typeColors = {
-  assistant: "bg-[var(--axis-color-purple-500)]",
-  tool: "bg-[var(--axis-color-blue-500)]",
-  system: "bg-[var(--axis-color-gray-600)]"
-};
-function AgentAvatar({
-  name,
-  src,
-  size = "md",
-  status,
-  type = "assistant",
-  className
-}) {
-  const initials = name.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase();
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative inline-flex", className), children: [
-    src ? /* @__PURE__ */ jsx(
-      "img",
-      {
-        src,
-        alt: name,
-        className: cn(
-          "rounded-full object-cover",
-          sizeStyles[size]
-        )
-      }
-    ) : /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "rounded-full flex items-center justify-center font-medium text-white",
-          sizeStyles[size],
-          typeColors[type]
-        ),
-        children: initials
-      }
-    ),
-    status && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          "absolute bottom-0 right-0 rounded-full border-2 border-[var(--axis-surface-default)]",
-          size === "sm" ? "w-2 h-2" : "w-3 h-3",
-          statusStyles[status]
-        )
-      }
-    )
-  ] });
-}
-
-export {
-  AgentAvatar
-};

package/dist/chunk-D6GHMPBC.mjs

@@ -1,76 +0,0 @@
-// src/approval-card/index.tsx
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var severityStyles = {
-  info: {
-    border: "border-l-[var(--axis-color-blue-500)]",
-    icon: "text-[var(--axis-color-blue-500)]",
-    bg: "bg-[var(--axis-surface-info)]"
-  },
-  warning: {
-    border: "border-l-[var(--axis-color-yellow-500)]",
-    icon: "text-[var(--axis-color-yellow-500)]",
-    bg: "bg-[var(--axis-surface-warning)]"
-  },
-  error: {
-    border: "border-l-[var(--axis-color-red-500)]",
-    icon: "text-[var(--axis-color-red-500)]",
-    bg: "bg-[var(--axis-surface-error)]"
-  }
-};
-var severityIcons = {
-  info: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-  warning: /* @__PURE__ */ jsx("svg", { className: "w-5 h-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" }) }),
-  error: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) })
-};
-var actionVariantStyles = {
-  default: "bg-[var(--axis-button-bg-default)] text-white hover:bg-[var(--axis-button-bg-hover)]",
-  secondary: "bg-[var(--axis-button-secondary-bg-default)] text-[var(--axis-text-primary)] hover:bg-[var(--axis-button-secondary-bg-hover)]",
-  ghost: "bg-transparent text-[var(--axis-text-primary)] hover:bg-[var(--axis-surface-secondary)]",
-  destructive: "bg-[var(--axis-button-destructive-bg-default)] text-white hover:bg-[var(--axis-button-destructive-bg-hover)]"
-};
-function ApprovalCard({
-  title,
-  description,
-  severity = "info",
-  actions,
-  children,
-  className
-}) {
-  const styles = severityStyles[severity];
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "rounded-lg border border-l-4 p-4",
-        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
-        styles.border,
-        className
-      ),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ jsx("div", { className: cn("flex-shrink-0 mt-0.5", styles.icon), children: severityIcons[severity] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-[var(--axis-text-primary)]", children: title }),
-          description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--axis-text-secondary)]", children: description }),
-          children && /* @__PURE__ */ jsx("div", { className: "mt-3", children }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mt-4", children: actions.map((action, index) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: action.onClick,
-              className: cn(
-                "px-3 py-1.5 text-sm font-medium rounded-md transition-colors",
-                actionVariantStyles[action.variant || "default"]
-              ),
-              children: action.label
-            },
-            index
-          )) })
-        ] })
-      ] })
-    }
-  );
-}
-
-export {
-  ApprovalCard
-};

package/dist/chunk-DPENLPBM.mjs

@@ -1,105 +0,0 @@
-// 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 !== 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
-};

package/dist/chunk-EF4MECAI.mjs

@@ -1,81 +0,0 @@
-// 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", { className: "w-full text-sm", children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "border-b border-[var(--axis-border-default)]", children: tableData.headers.map((header, i) => /* @__PURE__ */ jsx(
-            "th",
-            {
-              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
-};