@axis-ds/agentic-ui 1.4.0 → 1.5.1

package/dist/chunk-4V4BWBRC.mjs

@@ -1,77 +0,0 @@
-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-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/chunk-7HTVJ6MK.mjs

@@ -1,94 +0,0 @@
-import {
-  SEVERITY_LABELS
-} from "./chunk-SCZ4BQ2G.mjs";
-
-// src/approval-card/index.tsx
-import * as React from "react";
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var severityStyles = {
-  info: {
-    border: "border-l-[var(--axis-status-info)]",
-    icon: "text-[var(--axis-status-info)]",
-    bg: "bg-[var(--axis-surface-info)]"
-  },
-  warning: {
-    border: "border-l-[var(--axis-status-warning)]",
-    icon: "text-[var(--axis-status-warning)]",
-    bg: "bg-[var(--axis-surface-warning)]"
-  },
-  error: {
-    border: "border-l-[var(--axis-status-error)]",
-    icon: "text-[var(--axis-status-error)]",
-    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-[var(--axis-button-text-default)] 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-[var(--axis-button-destructive-text-default)] hover:bg-[var(--axis-button-destructive-bg-hover)]"
-};
-function ApprovalCard({
-  id,
-  title,
-  description,
-  severity = "info",
-  actions,
-  children,
-  className
-}) {
-  const styles = severityStyles[severity];
-  const generatedId = React.useId();
-  const baseId = id || generatedId;
-  const titleId = `${baseId}-title`;
-  const descId = `${baseId}-desc`;
-  const severityLabel = SEVERITY_LABELS[severity];
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "region",
-      "aria-labelledby": titleId,
-      "aria-describedby": description ? descId : void 0,
-      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), "aria-hidden": "true", children: severityIcons[severity] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
-            severityLabel,
-            " \uC54C\uB9BC:"
-          ] }),
-          /* @__PURE__ */ jsx("h4", { id: titleId, className: "text-sm font-semibold text-[var(--axis-text-primary)]", children: title }),
-          description && /* @__PURE__ */ jsx("p", { id: descId, 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-DPLGRVNQ.mjs

@@ -1,95 +0,0 @@
-import {
-  SOURCE_TYPE_LABELS
-} from "./chunk-SCZ4BQ2G.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-FYAMA32G.mjs

@@ -1,50 +0,0 @@
-// src/thinking-indicator/index.tsx
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var sizeStyles = {
-  sm: "text-xs gap-1",
-  md: "text-sm gap-1.5",
-  lg: "text-base gap-2"
-};
-var 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
-};

package/dist/chunk-GQYOOLDL.mjs

@@ -1,63 +0,0 @@
-// 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,
-  "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/chunk-IOF4OET6.mjs

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

package/dist/chunk-J4FIMXXG.mjs

@@ -1,106 +0,0 @@
-import {
-  MESSAGE_ROLE_LABELS
-} from "./chunk-SCZ4BQ2G.mjs";
-
-// src/message-bubble/index.tsx
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var roleStyles = {
-  user: {
-    container: "flex-row-reverse",
-    bubble: "bg-[var(--axis-agent-message-user-bg)] text-[var(--axis-agent-message-user-text)] rounded-br-sm"
-  },
-  assistant: {
-    container: "flex-row",
-    bubble: "bg-[var(--axis-surface-secondary)] text-[var(--axis-text-primary)] rounded-bl-sm"
-  },
-  system: {
-    container: "justify-center",
-    bubble: "bg-[var(--axis-surface-tertiary)] text-[var(--axis-text-secondary)] text-xs italic"
-  }
-};
-var statusIcons = {
-  sending: /* @__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" })
-  ] }),
-  sent: /* @__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: "M12 8v4m0 4h.01" }) })
-};
-function MessageBubble({
-  role,
-  content,
-  timestamp,
-  avatar,
-  status,
-  actions,
-  metadata,
-  className
-}) {
-  const roleLabel = MESSAGE_ROLE_LABELS[role];
-  const renderAvatar = () => {
-    if (!avatar) return null;
-    if (typeof avatar === "string") {
-      return /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: avatar,
-          alt: "",
-          "aria-hidden": "true",
-          className: "w-8 h-8 rounded-full object-cover flex-shrink-0"
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: avatar });
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "article",
-      "aria-label": `${roleLabel} \uBA54\uC2DC\uC9C0`,
-      className: cn("flex items-start gap-2", roleStyles[role].container, className),
-      children: [
-        role !== "system" && renderAvatar(),
-        /* @__PURE__ */ jsxs("div", { className: cn("max-w-[80%]", role === "system" && "max-w-full"), children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "rounded-lg px-3 py-2",
-                roleStyles[role].bubble
-              ),
-              children: /* @__PURE__ */ jsx("div", { className: "text-sm whitespace-pre-wrap", children: content })
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1 px-1", children: [
-            timestamp && /* @__PURE__ */ jsx(
-              "time",
-              {
-                dateTime: timestamp.toISOString(),
-                className: "text-xs text-[var(--axis-text-tertiary)]",
-                children: timestamp.toLocaleTimeString("ko-KR", { hour: "2-digit", minute: "2-digit" })
-              }
-            ),
-            metadata && /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--axis-text-tertiary)]", children: metadata }),
-            status && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "text-[var(--axis-text-tertiary)]",
-                  status === "error" && "text-[var(--axis-text-error)]"
-                ),
-                "aria-label": status === "sending" ? "\uC804\uC1A1 \uC911" : status === "sent" ? "\uC804\uC1A1\uB428" : "\uC804\uC1A1 \uC2E4\uD328",
-                children: statusIcons[status]
-              }
-            )
-          ] }),
-          actions && /* @__PURE__ */ jsx("div", { className: "mt-1", children: actions })
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  MessageBubble
-};