@axis-ds/agentic-ui 1.3.0 → 1.5.0

package/dist/run-progress/index.mjs

@@ -1,7 +1,131 @@
-import {
-  RunProgress
-} from "../chunk-SCXUEQLI.mjs";
-import "../chunk-SCZ4BQ2G.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+import { STATUS_LABELS } from "../constants/a11y-labels.mjs";
+const statusColors = {
+  pending: "bg-[var(--axis-status-neutral-muted)] text-[var(--axis-status-neutral-muted-contrast)]",
+  running: "bg-[var(--axis-status-running)] text-[var(--axis-status-running-contrast)] animate-pulse",
+  complete: "bg-[var(--axis-status-success)] text-[var(--axis-status-success-contrast)]",
+  error: "bg-[var(--axis-status-error)] text-[var(--axis-status-error-contrast)]"
+};
+const 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-status-running)] 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-status-running)] 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-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-button-bg-default)] text-[var(--axis-button-text-default)] hover:bg-[var(--axis-button-bg-hover)]",
+              children: "\uC7AC\uC2DC\uB3C4"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 export {
   RunProgress
 };

package/dist/source-panel/index.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -26,27 +27,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/source-panel/index.tsx
 var source_panel_exports = {};
 __export(source_panel_exports, {
   SourcePanel: () => SourcePanel
 });
 module.exports = __toCommonJS(source_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_ui_react = require("@axis-ds/ui-react");
-
-// src/constants/a11y-labels.ts
-var SOURCE_TYPE_LABELS = {
-  web: "\uC6F9 \uD398\uC774\uC9C0",
-  file: "\uD30C\uC77C",
-  database: "\uB370\uC774\uD130\uBCA0\uC774\uC2A4",
-  api: "API"
-};
-
-// src/source-panel/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var sourceIcons = {
+var import_a11y_labels = require("../constants/a11y-labels.js");
+const sourceIcons = {
   web: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.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" }) }),
@@ -87,7 +77,7 @@ function SourcePanel({
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[var(--axis-icon-secondary)] mt-0.5", "aria-hidden": "true", children: sourceIcons[source.type] }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 min-w-0", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "sr-only", children: [
-                  SOURCE_TYPE_LABELS[source.type],
+                  import_a11y_labels.SOURCE_TYPE_LABELS[source.type],
                   ":"
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-[var(--axis-text-primary)] truncate", children: source.url ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(

package/dist/source-panel/index.mjs

@@ -1,7 +1,91 @@
-import {
-  SourcePanel
-} from "../chunk-DPLGRVNQ.mjs";
-import "../chunk-SCZ4BQ2G.mjs";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+import { SOURCE_TYPE_LABELS } from "../constants/a11y-labels.mjs";
+const 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/step-timeline/index.js

@@ -16,28 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/step-timeline/index.tsx
 var step_timeline_exports = {};
 __export(step_timeline_exports, {
   StepTimeline: () => StepTimeline
 });
 module.exports = __toCommonJS(step_timeline_exports);
-var import_ui_react = require("@axis-ds/ui-react");
-
-// 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"
-};
-
-// src/step-timeline/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_ui_react = require("@axis-ds/ui-react");
+var import_a11y_labels = require("../constants/a11y-labels.js");
 function StepTimeline({
   steps,
   orientation = "vertical",
@@ -90,7 +76,7 @@ function StepTimeline({
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_ui_react.cn)(isVertical ? "flex-1" : "text-center mt-2"), children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "sr-only", children: [
-                STATUS_LABELS[step.status],
+                import_a11y_labels.STATUS_LABELS[step.status],
                 ":"
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-[var(--axis-text-primary)]", children: step.label }),

package/dist/step-timeline/index.mjs

@@ -1,7 +1,72 @@
-import {
-  StepTimeline
-} from "../chunk-4V4BWBRC.mjs";
-import "../chunk-SCZ4BQ2G.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@axis-ds/ui-react";
+import { STATUS_LABELS } from "../constants/a11y-labels.mjs";
+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-status-success)]",
+                  step.status === "running" && "bg-[var(--axis-status-running)] animate-pulse",
+                  step.status === "error" && "bg-[var(--axis-status-error)]",
+                  step.status === "skipped" && "bg-[var(--axis-status-neutral-muted)]",
+                  step.status === "pending" && "bg-[var(--axis-status-neutral-muted)]"
+                ),
+                children: step.status === "complete" && /* @__PURE__ */ jsx("svg", { className: "w-3 h-3 text-[var(--axis-status-success-contrast)]", 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/streaming-text/index.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -26,16 +27,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/streaming-text/index.tsx
 var streaming_text_exports = {};
 __export(streaming_text_exports, {
   StreamingText: () => StreamingText
 });
 module.exports = __toCommonJS(streaming_text_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_ui_react = require("@axis-ds/ui-react");
-var import_jsx_runtime = require("react/jsx-runtime");
 function StreamingText({
   text,
   speed = 20,

package/dist/streaming-text/index.mjs

@@ -1,6 +1,62 @@
-import {
-  StreamingText
-} from "../chunk-GQYOOLDL.mjs";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+function StreamingText({
+  text,
+  speed = 20,
+  isComplete = false,
+  showCursor = true,
+  onComplete,
+  "aria-live": ariaLive,
+  "aria-label": ariaLabel,
+  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",
+    {
+      role: "region",
+      "aria-label": ariaLabel || "AI \uC751\uB2F5",
+      "aria-live": ariaLive ?? "polite",
+      "aria-busy": isStreaming,
+      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", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
 export {
   StreamingText
 };

package/dist/surface-renderer/index.js

@@ -16,15 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/surface-renderer/index.tsx
 var surface_renderer_exports = {};
 __export(surface_renderer_exports, {
   SurfaceRenderer: () => SurfaceRenderer
 });
 module.exports = __toCommonJS(surface_renderer_exports);
-var import_ui_react = require("@axis-ds/ui-react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_ui_react = require("@axis-ds/ui-react");
 function SurfaceRenderer({
   surface,
   renderCustom,

package/dist/surface-renderer/index.mjs

@@ -1,6 +1,82 @@
-import {
-  SurfaceRenderer
-} from "../chunk-ZW4Z27AB.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@axis-ds/ui-react";
+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/thinking-indicator/index.js

@@ -16,21 +16,19 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/thinking-indicator/index.tsx
 var thinking_indicator_exports = {};
 __export(thinking_indicator_exports, {
   ThinkingIndicator: () => ThinkingIndicator
 });
 module.exports = __toCommonJS(thinking_indicator_exports);
-var import_ui_react = require("@axis-ds/ui-react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var sizeStyles = {
+var import_ui_react = require("@axis-ds/ui-react");
+const sizeStyles = {
   sm: "text-xs gap-1",
   md: "text-sm gap-1.5",
   lg: "text-base gap-2"
 };
-var dotSizes = {
+const dotSizes = {
   sm: "w-1 h-1",
   md: "w-1.5 h-1.5",
   lg: "w-2 h-2"

package/dist/thinking-indicator/index.mjs

@@ -1,6 +1,48 @@
-import {
-  ThinkingIndicator
-} from "../chunk-FYAMA32G.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@axis-ds/ui-react";
+const sizeStyles = {
+  sm: "text-xs gap-1",
+  md: "text-sm gap-1.5",
+  lg: "text-base gap-2"
+};
+const dotSizes = {
+  sm: "w-1 h-1",
+  md: "w-1.5 h-1.5",
+  lg: "w-2 h-2"
+};
+function ThinkingIndicator({
+  text = "\uC0DD\uAC01 \uC911",
+  size = "md",
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": text,
+      className: cn(
+        "flex items-center text-[var(--axis-text-secondary)]",
+        sizeStyles[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { children: text }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-0.5", "aria-hidden": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "rounded-full bg-current animate-bounce",
+              dotSizes[size]
+            ),
+            style: { animationDelay: `${i * 150}ms` }
+          },
+          i
+        )) })
+      ]
+    }
+  );
+}
 export {
   ThinkingIndicator
 };