@axis-ds/agentic-ui 1.1.0

package/dist/chunk-UG4H7RIP.mjs

@@ -0,0 +1,77 @@
+import {
+  STATUS_LABELS
+} from "./chunk-HWISMHCP.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-color-green-500)]",
+                  step.status === "running" && "bg-[var(--axis-color-blue-500)] animate-pulse",
+                  step.status === "error" && "bg-[var(--axis-color-red-500)]",
+                  step.status === "skipped" && "bg-[var(--axis-color-gray-300)]",
+                  step.status === "pending" && "bg-[var(--axis-color-gray-300)]"
+                ),
+                children: step.status === "complete" && /* @__PURE__ */ jsx("svg", { className: "w-3 h-3 text-white", 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-VKLPWFAI.mjs

@@ -0,0 +1,79 @@
+// 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;
+  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", { className: "space-y-2", children: displayedSources.map((source) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            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", children: sourceIcons[source.type] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--axis-text-primary)] truncate", children: source.url ? /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: source.url,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "hover:underline",
+                    children: source.title
+                  }
+                ) : 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),
+            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/code-block/index.d.mts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CodeBlockProps {
+    /** 코드 문자열 */
+    code: string;
+    /** 언어 (구문 강조용 힌트) */
+    language?: string;
+    /** 파일명 */
+    filename?: string;
+    /** 줄 번호 표시 */
+    showLineNumbers?: boolean;
+    /** 복사 완료 콜백 */
+    onCopy?: (code: string) => void;
+    /** 최대 높이 (스크롤) */
+    maxHeight?: string;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 코드 표시 + 복사 버튼 컴포넌트
+ */
+declare function CodeBlock({ code, language, filename, showLineNumbers, onCopy, maxHeight, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+export { CodeBlock, type CodeBlockProps };

package/dist/code-block/index.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CodeBlockProps {
+    /** 코드 문자열 */
+    code: string;
+    /** 언어 (구문 강조용 힌트) */
+    language?: string;
+    /** 파일명 */
+    filename?: string;
+    /** 줄 번호 표시 */
+    showLineNumbers?: boolean;
+    /** 복사 완료 콜백 */
+    onCopy?: (code: string) => void;
+    /** 최대 높이 (스크롤) */
+    maxHeight?: string;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 코드 표시 + 복사 버튼 컴포넌트
+ */
+declare function CodeBlock({ code, language, filename, showLineNumbers, onCopy, maxHeight, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+export { CodeBlock, type CodeBlockProps };

package/dist/code-block/index.js

@@ -0,0 +1,114 @@
+"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/code-block/index.tsx
+var code_block_exports = {};
+__export(code_block_exports, {
+  CodeBlock: () => CodeBlock
+});
+module.exports = __toCommonJS(code_block_exports);
+var React = __toESM(require("react"));
+var import_ui_react = require("@axis-ds/ui-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CodeBlock({
+  code,
+  language,
+  filename,
+  showLineNumbers = false,
+  onCopy,
+  maxHeight,
+  className
+}) {
+  const [copied, setCopied] = React.useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      onCopy?.(code);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  const lines = code.split("\n");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_ui_react.cn)(
+        "rounded-lg border overflow-hidden",
+        "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 px-3 py-2 border-b border-[var(--axis-border-default)] bg-[var(--axis-surface-secondary)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+            filename && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "text-xs font-mono text-[var(--axis-text-primary)] truncate", children: filename }),
+            language && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs px-1.5 py-0.5 rounded bg-[var(--axis-surface-tertiary)] text-[var(--axis-text-tertiary)]", children: language })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              onClick: handleCopy,
+              "aria-label": copied ? "\uBCF5\uC0AC\uB428" : "\uCF54\uB4DC \uBCF5\uC0AC",
+              className: "flex items-center gap-1 px-2 py-1 text-xs rounded-md text-[var(--axis-text-secondary)] hover:bg-[var(--axis-surface-tertiary)] transition-colors",
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-3.5 h-3.5 text-[var(--axis-color-green-500)]", 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" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\uBCF5\uC0AC\uB428" })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-3.5 h-3.5", 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 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\uBCF5\uC0AC" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: "overflow-auto",
+            style: maxHeight ? { maxHeight } : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "p-3 text-sm leading-relaxed", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "text-[var(--axis-text-primary)] font-mono", children: showLineNumbers ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { className: "border-collapse w-full", role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "td",
+                {
+                  className: "select-none text-right pr-4 text-[var(--axis-text-tertiary)] w-8",
+                  "aria-hidden": "true",
+                  children: i + 1
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: "whitespace-pre", children: line })
+            ] }, i)) }) }) : code }) })
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CodeBlock
+});

package/dist/code-block/index.mjs

@@ -0,0 +1,6 @@
+import {
+  CodeBlock
+} from "../chunk-RGBY6EEU.mjs";
+export {
+  CodeBlock
+};

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

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ModelInfo {
+    /** 모델 이름 */
+    name: string;
+    /** 모델 제공자 */
+    provider?: string;
+    /** 모델 버전 */
+    version?: string;
+}
+interface ContextPanelProps {
+    /** 모델 정보 */
+    modelInfo?: ModelInfo;
+    /** 시스템 프롬프트 */
+    systemPrompt?: string;
+    /** 첨부 파일 목록 */
+    attachedFiles?: string[];
+    /** 추가 설정 키-값 */
+    settings?: Record<string, string>;
+    /** 접힘 가능 여부 */
+    collapsible?: boolean;
+    /** 기본 펼침 상태 */
+    defaultExpanded?: boolean;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 모델/설정 메타 정보를 표시하는 패널 컴포넌트
+ */
+declare function ContextPanel({ modelInfo, systemPrompt, attachedFiles, settings, collapsible, defaultExpanded, className, }: ContextPanelProps): react_jsx_runtime.JSX.Element | null;
+
+export { ContextPanel, type ContextPanelProps, type ModelInfo };

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

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ModelInfo {
+    /** 모델 이름 */
+    name: string;
+    /** 모델 제공자 */
+    provider?: string;
+    /** 모델 버전 */
+    version?: string;
+}
+interface ContextPanelProps {
+    /** 모델 정보 */
+    modelInfo?: ModelInfo;
+    /** 시스템 프롬프트 */
+    systemPrompt?: string;
+    /** 첨부 파일 목록 */
+    attachedFiles?: string[];
+    /** 추가 설정 키-값 */
+    settings?: Record<string, string>;
+    /** 접힘 가능 여부 */
+    collapsible?: boolean;
+    /** 기본 펼침 상태 */
+    defaultExpanded?: boolean;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 모델/설정 메타 정보를 표시하는 패널 컴포넌트
+ */
+declare function ContextPanel({ modelInfo, systemPrompt, attachedFiles, settings, collapsible, defaultExpanded, className, }: ContextPanelProps): react_jsx_runtime.JSX.Element | null;
+
+export { ContextPanel, type ContextPanelProps, type ModelInfo };

package/dist/context-panel/index.js

@@ -0,0 +1,137 @@
+"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/context-panel/index.tsx
+var context_panel_exports = {};
+__export(context_panel_exports, {
+  ContextPanel: () => ContextPanel
+});
+module.exports = __toCommonJS(context_panel_exports);
+var React = __toESM(require("react"));
+var import_ui_react = require("@axis-ds/ui-react");
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-medium text-[var(--axis-text-secondary)]", children: "\uCEE8\uD14D\uC2A4\uD2B8" })
+  ] });
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: contentId, className: "space-y-3 mt-2", children: [
+    modelInfo && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uBAA8\uB378" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "text-sm font-mono text-[var(--axis-text-primary)]", children: modelInfo.name }),
+        modelInfo.provider && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-[var(--axis-text-tertiary)]", children: modelInfo.provider }),
+        modelInfo.version && /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uC2DC\uC2A4\uD15C \uD504\uB86C\uD504\uD2B8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: [
+        "\uCCA8\uBD80 \uD30C\uC77C (",
+        attachedFiles.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-1", children: attachedFiles.map((file, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5 text-xs text-[var(--axis-text-primary)]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate", children: file })
+      ] }, i)) })
+    ] }),
+    settings && Object.keys(settings).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uC124\uC815" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-1", children: Object.entries(settings).map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[var(--axis-text-secondary)]", children: key }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "font-mono text-[var(--axis-text-primary)]", children: value })
+      ] }, key)) })
+    ] })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_ui_react.cn)(
+        "rounded-lg border p-3",
+        "bg-[var(--axis-surface-secondary)] border-[var(--axis-border-default)]",
+        className
+      ),
+      children: collapsible ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+                "svg",
+                {
+                  className: (0, import_ui_react.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__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+                }
+              )
+            ]
+          }
+        ),
+        isExpanded && content
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        header,
+        content
+      ] })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContextPanel
+});

package/dist/context-panel/index.mjs

@@ -0,0 +1,6 @@
+import {
+  ContextPanel
+} from "../chunk-KJVPVBET.mjs";
+export {
+  ContextPanel
+};

package/dist/diff-viewer/index.d.mts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type DiffViewMode = "unified" | "split";
+interface DiffViewerProps {
+    /** 변경 전 코드 */
+    before: string;
+    /** 변경 후 코드 */
+    after: string;
+    /** 파일명 */
+    filename?: string;
+    /** 표시 모드 */
+    viewMode?: DiffViewMode;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 코드 변경사항 비교 표시 컴포넌트
+ */
+declare function DiffViewer({ before, after, filename, viewMode, className, }: DiffViewerProps): react_jsx_runtime.JSX.Element;
+
+export { type DiffViewMode, DiffViewer, type DiffViewerProps };

package/dist/diff-viewer/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type DiffViewMode = "unified" | "split";
+interface DiffViewerProps {
+    /** 변경 전 코드 */
+    before: string;
+    /** 변경 후 코드 */
+    after: string;
+    /** 파일명 */
+    filename?: string;
+    /** 표시 모드 */
+    viewMode?: DiffViewMode;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 코드 변경사항 비교 표시 컴포넌트
+ */
+declare function DiffViewer({ before, after, filename, viewMode, className, }: DiffViewerProps): react_jsx_runtime.JSX.Element;
+
+export { type DiffViewMode, DiffViewer, type DiffViewerProps };