@axis-ds/agentic-ui 1.4.0 → 1.5.1

package/dist/chunk-JY7MTMMB.mjs

@@ -1,83 +0,0 @@
-import {
-  AGENT_STATUS_LABELS
-} from "./chunk-SCZ4BQ2G.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-status-success)]",
-  busy: "bg-[var(--axis-status-warning)]",
-  offline: "bg-[var(--axis-status-neutral)]"
-};
-var typeColors = {
-  assistant: "bg-[var(--axis-agent-avatar-assistant)]",
-  tool: "bg-[var(--axis-agent-avatar-tool)]",
-  system: "bg-[var(--axis-agent-avatar-system)]"
-};
-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-[var(--axis-agent-avatar-text)]",
-              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-KJVPVBET.mjs

@@ -1,103 +0,0 @@
-// src/context-panel/index.tsx
-import * as React from "react";
-import { cn } from "@axis-ds/ui-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ContextPanel({
-  modelInfo,
-  systemPrompt,
-  attachedFiles,
-  settings,
-  collapsible = true,
-  defaultExpanded = false,
-  className
-}) {
-  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
-  const contentId = React.useId();
-  const hasContent = modelInfo || systemPrompt || attachedFiles && attachedFiles.length > 0 || settings && Object.keys(settings).length > 0;
-  if (!hasContent) return null;
-  const header = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsxs("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: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
-      /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--axis-text-secondary)]", children: "\uCEE8\uD14D\uC2A4\uD2B8" })
-  ] });
-  const content = /* @__PURE__ */ jsxs("div", { id: contentId, className: "space-y-3 mt-2", children: [
-    modelInfo && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uBAA8\uB378" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("code", { className: "text-sm font-mono text-[var(--axis-text-primary)]", children: modelInfo.name }),
-        modelInfo.provider && /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--axis-text-tertiary)]", children: modelInfo.provider }),
-        modelInfo.version && /* @__PURE__ */ jsx("span", { className: "text-xs px-1.5 py-0.5 rounded bg-[var(--axis-surface-tertiary)] text-[var(--axis-text-tertiary)]", children: modelInfo.version })
-      ] })
-    ] }),
-    systemPrompt && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uC2DC\uC2A4\uD15C \uD504\uB86C\uD504\uD2B8" }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--axis-text-primary)] p-2 rounded bg-[var(--axis-surface-secondary)] line-clamp-3 whitespace-pre-wrap", children: systemPrompt })
-    ] }),
-    attachedFiles && attachedFiles.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: [
-        "\uCCA8\uBD80 \uD30C\uC77C (",
-        attachedFiles.length,
-        ")"
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-1", children: attachedFiles.map((file, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-[var(--axis-text-primary)]", children: [
-        /* @__PURE__ */ jsx("svg", { className: "w-3 h-3 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: "M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" }) }),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: file })
-      ] }, i)) })
-    ] }),
-    settings && Object.keys(settings).length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uC124\uC815" }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-1", children: Object.entries(settings).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[var(--axis-text-secondary)]", children: key }),
-        /* @__PURE__ */ jsx("code", { className: "font-mono text-[var(--axis-text-primary)]", children: value })
-      ] }, key)) })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "rounded-lg border p-3",
-        "bg-[var(--axis-surface-secondary)] border-[var(--axis-border-default)]",
-        className
-      ),
-      children: collapsible ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => setIsExpanded(!isExpanded),
-            "aria-expanded": isExpanded,
-            "aria-controls": contentId,
-            className: "w-full flex items-center justify-between hover:opacity-80 transition-opacity",
-            children: [
-              header,
-              /* @__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",
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
-                }
-              )
-            ]
-          }
-        ),
-        isExpanded && content
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        header,
-        content
-      ] })
-    }
-  );
-}
-
-export {
-  ContextPanel
-};

package/dist/chunk-OYQX3SL4.mjs

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

package/dist/chunk-QS6GQNSE.mjs

@@ -1,86 +0,0 @@
-// src/token-usage-indicator/index.tsx
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function TokenUsageIndicator({
-  current,
-  max,
-  cost,
-  warningThreshold = 0.8,
-  compact = false,
-  className
-}) {
-  const ratio = max > 0 ? current / max : 0;
-  const percentage = Math.min(Math.round(ratio * 100), 100);
-  const getColor = () => {
-    if (ratio >= 1) return "bg-[var(--axis-status-error)]";
-    if (ratio >= warningThreshold) return "bg-[var(--axis-status-warning)]";
-    return "bg-[var(--axis-status-success)]";
-  };
-  const getTextColor = () => {
-    if (ratio >= 1) return "text-[var(--axis-status-error)]";
-    if (ratio >= warningThreshold) return "text-[var(--axis-status-warning)]";
-    return "text-[var(--axis-text-secondary)]";
-  };
-  const formatNumber = (n) => n >= 1e3 ? `${(n / 1e3).toFixed(1)}k` : String(n);
-  if (compact) {
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        role: "meter",
-        "aria-valuenow": current,
-        "aria-valuemin": 0,
-        "aria-valuemax": max,
-        "aria-label": `\uD1A0\uD070 \uC0AC\uC6A9\uB7C9: ${current} / ${max}`,
-        className: cn("inline-flex items-center gap-1 text-xs", getTextColor(), className),
-        children: [
-          /* @__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: "M13 10V3L4 14h7v7l9-11h-7z" }) }),
-          formatNumber(current),
-          "/",
-          formatNumber(max),
-          cost !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-[var(--axis-text-tertiary)]", children: [
-            "($",
-            cost.toFixed(4),
-            ")"
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "meter",
-      "aria-valuenow": current,
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      "aria-label": `\uD1A0\uD070 \uC0AC\uC6A9\uB7C9: ${current} / ${max} (${percentage}%)`,
-      className: cn("space-y-1", className),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-[var(--axis-text-secondary)]", children: "\uD1A0\uD070 \uC0AC\uC6A9\uB7C9" }),
-          /* @__PURE__ */ jsxs("span", { className: getTextColor(), children: [
-            formatNumber(current),
-            " / ",
-            formatNumber(max)
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "h-1.5 rounded-full bg-[var(--axis-surface-secondary)] overflow-hidden", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn("h-full rounded-full transition-all", getColor()),
-            style: { width: `${percentage}%` },
-            "aria-hidden": "true"
-          }
-        ) }),
-        cost !== void 0 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-[var(--axis-text-tertiary)] text-right", children: [
-          "$",
-          cost.toFixed(4)
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  TokenUsageIndicator
-};

package/dist/chunk-R4CMHIRO.mjs

@@ -1,72 +0,0 @@
-import {
-  FEEDBACK_LABELS
-} from "./chunk-SCZ4BQ2G.mjs";
-
-// src/feedback-buttons/index.tsx
-import * as React from "react";
-import { cn } from "@axis-ds/ui-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var sizeStyles = {
-  sm: "p-1",
-  md: "p-1.5"
-};
-var iconSizes = {
-  sm: "w-3.5 h-3.5",
-  md: "w-4 h-4"
-};
-function FeedbackButtons({
-  messageId,
-  initialFeedback = "none",
-  onFeedback,
-  size = "sm",
-  className
-}) {
-  const [feedback, setFeedback] = React.useState(initialFeedback);
-  const handleFeedback = (type) => {
-    const newFeedback = feedback === type ? "none" : type;
-    setFeedback(newFeedback);
-    onFeedback?.(messageId, newFeedback);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "group",
-      "aria-label": "\uBA54\uC2DC\uC9C0 \uD53C\uB4DC\uBC31",
-      className: cn("inline-flex items-center gap-1", className),
-      children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => handleFeedback("like"),
-            "aria-pressed": feedback === "like",
-            "aria-label": FEEDBACK_LABELS.like,
-            className: cn(
-              "rounded-md transition-colors",
-              sizeStyles[size],
-              feedback === "like" ? "text-[var(--axis-status-success)] bg-[color:color-mix(in_srgb,var(--axis-status-success)_10%,transparent)]" : "text-[var(--axis-text-tertiary)] hover:text-[var(--axis-text-secondary)] hover:bg-[var(--axis-surface-secondary)]"
-            ),
-            children: /* @__PURE__ */ jsx("svg", { className: iconSizes[size], fill: feedback === "like" ? "currentColor" : "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zm-9 11H3a2 2 0 01-2-2v-7a2 2 0 012-2h2" }) })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => handleFeedback("dislike"),
-            "aria-pressed": feedback === "dislike",
-            "aria-label": FEEDBACK_LABELS.dislike,
-            className: cn(
-              "rounded-md transition-colors",
-              sizeStyles[size],
-              feedback === "dislike" ? "text-[var(--axis-status-error)] bg-[color:color-mix(in_srgb,var(--axis-status-error)_10%,transparent)]" : "text-[var(--axis-text-tertiary)] hover:text-[var(--axis-text-secondary)] hover:bg-[var(--axis-surface-secondary)]"
-            ),
-            children: /* @__PURE__ */ jsx("svg", { className: iconSizes[size], fill: feedback === "dislike" ? "currentColor" : "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 15V19a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zm9-13h2a2 2 0 012 2v7a2 2 0 01-2 2h-2" }) })
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  FeedbackButtons
-};

package/dist/chunk-SCXUEQLI.mjs

@@ -1,136 +0,0 @@
-import {
-  STATUS_LABELS
-} from "./chunk-SCZ4BQ2G.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-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)]"
-};
-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-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
-};