@axis-ds/agentic-ui 1.1.0

package/dist/recovery-banner/index.js

@@ -0,0 +1,109 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/recovery-banner/index.tsx
+var recovery_banner_exports = {};
+__export(recovery_banner_exports, {
+  RecoveryBanner: () => RecoveryBanner
+});
+module.exports = __toCommonJS(recovery_banner_exports);
+var React = __toESM(require("react"));
+var import_ui_react = require("@axis-ds/ui-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function RecoveryBanner({
+  message,
+  description,
+  onRetry,
+  onDismiss,
+  className
+}) {
+  const titleId = React.useId();
+  const descId = React.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_ui_react.cn)(
+        "flex items-start gap-3 p-4 rounded-lg border",
+        "bg-[var(--axis-surface-error)] border-[var(--axis-color-red-200)]",
+        className
+      ),
+      role: "alert",
+      "aria-labelledby": titleId,
+      "aria-describedby": description ? descId : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "svg",
+          {
+            className: "w-5 h-5 text-[var(--axis-color-red-500)] flex-shrink-0 mt-0.5",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.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"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: titleId, className: "text-sm font-medium text-[var(--axis-text-error)]", children: message }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: descId, className: "mt-1 text-sm text-[var(--axis-text-secondary)]", children: description }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2 mt-3", children: [
+            onRetry && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                onClick: onRetry,
+                "aria-describedby": descId,
+                className: "px-3 py-1.5 text-sm font-medium rounded-md bg-[var(--axis-color-red-500)] text-white hover:bg-[var(--axis-color-red-600)] transition-colors",
+                children: "\uC7AC\uC2DC\uB3C4"
+              }
+            ),
+            onDismiss && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                onClick: onDismiss,
+                className: "px-3 py-1.5 text-sm font-medium rounded-md bg-transparent text-[var(--axis-text-primary)] hover:bg-[var(--axis-surface-secondary)] transition-colors",
+                children: "\uBB34\uC2DC"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RecoveryBanner
+});

package/dist/recovery-banner/index.mjs

@@ -0,0 +1,6 @@
+import {
+  RecoveryBanner
+} from "../chunk-7UGSLEYG.mjs";
+export {
+  RecoveryBanner
+};

package/dist/run-progress/index.d.mts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type StepStatus = "pending" | "running" | "complete" | "error";
+interface Step {
+    id: string;
+    label: string;
+    status: StepStatus;
+    description?: string;
+}
+interface RunProgressProps {
+    /** 전체 실행 상태 */
+    status: "idle" | "running" | "complete" | "error";
+    /** 단계 목록 */
+    steps: Step[];
+    /** 현재 진행 중인 단계 인덱스 */
+    currentStep?: number;
+    /** 취소 콜백 */
+    onCancel?: () => void;
+    /** 재시도 콜백 */
+    onRetry?: () => void;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 에이전트 실행 진행 상태를 표시하는 컴포넌트
+ */
+declare function RunProgress({ status, steps, currentStep, onCancel, onRetry, className, }: RunProgressProps): react_jsx_runtime.JSX.Element;
+
+export { RunProgress, type RunProgressProps, type Step, type StepStatus };

package/dist/run-progress/index.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type StepStatus = "pending" | "running" | "complete" | "error";
+interface Step {
+    id: string;
+    label: string;
+    status: StepStatus;
+    description?: string;
+}
+interface RunProgressProps {
+    /** 전체 실행 상태 */
+    status: "idle" | "running" | "complete" | "error";
+    /** 단계 목록 */
+    steps: Step[];
+    /** 현재 진행 중인 단계 인덱스 */
+    currentStep?: number;
+    /** 취소 콜백 */
+    onCancel?: () => void;
+    /** 재시도 콜백 */
+    onRetry?: () => void;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 에이전트 실행 진행 상태를 표시하는 컴포넌트
+ */
+declare function RunProgress({ status, steps, currentStep, onCancel, onRetry, className, }: RunProgressProps): react_jsx_runtime.JSX.Element;
+
+export { RunProgress, type RunProgressProps, type Step, type StepStatus };

package/dist/run-progress/index.js

@@ -0,0 +1,179 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/run-progress/index.tsx
+var run_progress_exports = {};
+__export(run_progress_exports, {
+  RunProgress: () => RunProgress
+});
+module.exports = __toCommonJS(run_progress_exports);
+var React = __toESM(require("react"));
+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/run-progress/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var statusColors = {
+  pending: "bg-[var(--axis-color-gray-300)]",
+  running: "bg-[var(--axis-color-blue-500)] animate-pulse",
+  complete: "bg-[var(--axis-color-green-500)]",
+  error: "bg-[var(--axis-color-red-500)]"
+};
+var statusIcons = {
+  pending: null,
+  running: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { className: "w-3 h-3 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+  ] }),
+  complete: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_ui_react.cn)(
+        "rounded-lg border p-4",
+        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+            status === "running" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-2 h-2 rounded-full bg-[var(--axis-color-blue-500)] animate-pulse" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs text-[var(--axis-text-secondary)]", children: [
+            progressPercent,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                className: "h-full rounded-full bg-[var(--axis-color-blue-500)] transition-all duration-300",
+                style: { width: `${progressPercent}%` }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "list", "aria-label": "\uC2E4\uD589 \uB2E8\uACC4", className: "space-y-2", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            role: "listitem",
+            "aria-current": currentStep === index ? "step" : void 0,
+            className: (0, import_ui_react.cn)(
+              "flex items-center gap-3 p-2 rounded-md transition-colors",
+              currentStep === index && "bg-[var(--axis-surface-secondary)]"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  className: (0, import_ui_react.cn)(
+                    "w-5 h-5 rounded-full flex items-center justify-center text-white text-xs",
+                    statusColors[step.status]
+                  ),
+                  "aria-hidden": "true",
+                  children: statusIcons[step.status] || index + 1
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "sr-only", children: [
+                  STATUS_LABELS[step.status],
+                  ":"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-[var(--axis-text-primary)] truncate", children: step.label }),
+                step.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-[var(--axis-text-secondary)] truncate", children: step.description })
+              ] })
+            ]
+          },
+          step.id
+        )) }),
+        (onCancel || onRetry) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-end gap-2 mt-4 pt-4 border-t border-[var(--axis-border-default)]", children: [
+          status === "running" && onCancel && /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              onClick: onRetry,
+              className: "px-3 py-1.5 text-sm rounded-md bg-[var(--axis-color-blue-500)] text-white hover:bg-[var(--axis-color-blue-600)]",
+              children: "\uC7AC\uC2DC\uB3C4"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RunProgress
+});

package/dist/run-progress/index.mjs

@@ -0,0 +1,7 @@
+import {
+  RunProgress
+} from "../chunk-LZKOCELQ.mjs";
+import "../chunk-SCZ4BQ2G.mjs";
+export {
+  RunProgress
+};

package/dist/source-panel/index.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type SourceType = "web" | "file" | "database" | "api";
+interface Source {
+    id: string;
+    type: SourceType;
+    title: string;
+    url?: string;
+    path?: string;
+    snippet?: string;
+    relevance?: number;
+}
+interface SourcePanelProps {
+    sources: Source[];
+    expandable?: boolean;
+    defaultExpanded?: boolean;
+    maxItems?: number;
+    className?: string;
+}
+/**
+ * AI 응답의 출처/근거를 표시하는 패널
+ */
+declare function SourcePanel({ sources, expandable, defaultExpanded, maxItems, className, }: SourcePanelProps): react_jsx_runtime.JSX.Element | null;
+
+export { type Source, SourcePanel, type SourcePanelProps, type SourceType };

package/dist/source-panel/index.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type SourceType = "web" | "file" | "database" | "api";
+interface Source {
+    id: string;
+    type: SourceType;
+    title: string;
+    url?: string;
+    path?: string;
+    snippet?: string;
+    relevance?: number;
+}
+interface SourcePanelProps {
+    sources: Source[];
+    expandable?: boolean;
+    defaultExpanded?: boolean;
+    maxItems?: number;
+    className?: string;
+}
+/**
+ * AI 응답의 출처/근거를 표시하는 패널
+ */
+declare function SourcePanel({ sources, expandable, defaultExpanded, maxItems, className, }: SourcePanelProps): react_jsx_runtime.JSX.Element | null;
+
+export { type Source, SourcePanel, type SourcePanelProps, type SourceType };

package/dist/source-panel/index.js

@@ -0,0 +1,135 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  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 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 = {
+  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" }) }),
+  api: /* @__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: "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__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_ui_react.cn)(
+        "rounded-lg border p-3",
+        "bg-[var(--axis-surface-secondary)] border-[var(--axis-border-default)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h4", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-2", children: [
+          "\uCD9C\uCC98 (",
+          sources.length,
+          "\uAC1C)"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: listId, role: "list", "aria-label": "\uCD9C\uCC98 \uBAA9\uB85D", className: "space-y-2", children: displayedSources.map((source) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            role: "listitem",
+            className: "flex items-start gap-2 p-2 rounded-md bg-[var(--axis-surface-default)]",
+            children: [
+              /* @__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],
+                  ":"
+                ] }),
+                /* @__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)(
+                  "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__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: ", \uC0C8 \uCC3D\uC5D0\uC11C \uC5F4\uB9BC" })
+                    ]
+                  }
+                ) : source.title }),
+                source.snippet && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-[var(--axis-text-secondary)] line-clamp-2 mt-0.5", children: source.snippet }),
+                source.path && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "text-xs text-[var(--axis-text-tertiary)]", children: source.path })
+              ] }),
+              source.relevance !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs text-[var(--axis-text-tertiary)]", children: [
+                Math.round(source.relevance * 100),
+                "%"
+              ] })
+            ]
+          },
+          source.id
+        )) }),
+        expandable && hasMore && /* @__PURE__ */ (0, import_jsx_runtime.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`
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SourcePanel
+});

package/dist/source-panel/index.mjs

@@ -0,0 +1,7 @@
+import {
+  SourcePanel
+} from "../chunk-DPLGRVNQ.mjs";
+import "../chunk-SCZ4BQ2G.mjs";
+export {
+  SourcePanel
+};

package/dist/step-timeline/index.d.mts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type TimelineStepStatus = "pending" | "running" | "complete" | "error" | "skipped";
+interface TimelineStep {
+    id: string;
+    label: string;
+    status: TimelineStepStatus;
+    timestamp?: Date;
+    description?: string;
+}
+interface StepTimelineProps {
+    steps: TimelineStep[];
+    orientation?: "vertical" | "horizontal";
+    className?: string;
+}
+/**
+ * 단계별 타임라인 컴포넌트
+ */
+declare function StepTimeline({ steps, orientation, className, }: StepTimelineProps): react_jsx_runtime.JSX.Element;
+
+export { StepTimeline, type StepTimelineProps, type TimelineStep, type TimelineStepStatus };

package/dist/step-timeline/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type TimelineStepStatus = "pending" | "running" | "complete" | "error" | "skipped";
+interface TimelineStep {
+    id: string;
+    label: string;
+    status: TimelineStepStatus;
+    timestamp?: Date;
+    description?: string;
+}
+interface StepTimelineProps {
+    steps: TimelineStep[];
+    orientation?: "vertical" | "horizontal";
+    className?: string;
+}
+/**
+ * 단계별 타임라인 컴포넌트
+ */
+declare function StepTimeline({ steps, orientation, className, }: StepTimelineProps): react_jsx_runtime.JSX.Element;
+
+export { StepTimeline, type StepTimelineProps, type TimelineStep, type TimelineStepStatus };