@axis-ds/agentic-ui 1.4.0 → 1.5.0

package/dist/chunk-WFYQINWD.mjs

@@ -1,115 +0,0 @@
-import {
-  STATUS_LABELS
-} from "./chunk-SCZ4BQ2G.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-status-neutral)]",
-    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-status-running)]",
-    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-status-success)]",
-    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-status-error)]",
-    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
-};

package/dist/chunk-ZW4Z27AB.mjs

@@ -1,84 +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", { 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
-};