@axis-ds/agentic-ui 1.1.0

package/dist/diff-viewer/index.js

@@ -0,0 +1,201 @@
+"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/diff-viewer/index.tsx
+var diff_viewer_exports = {};
+__export(diff_viewer_exports, {
+  DiffViewer: () => DiffViewer
+});
+module.exports = __toCommonJS(diff_viewer_exports);
+var React = __toESM(require("react"));
+var import_ui_react = require("@axis-ds/ui-react");
+
+// src/constants/a11y-labels.ts
+var DIFF_LABELS = {
+  added: "\uCD94\uAC00\uB428",
+  removed: "\uC0AD\uC81C\uB428",
+  unchanged: "\uBCC0\uACBD \uC5C6\uC74C"
+};
+
+// src/diff-viewer/index.tsx
+var import_jsx_runtime = require("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-[var(--axis-color-green-500)]/10",
+  removed: "bg-[var(--axis-color-red-500)]/10",
+  unchanged: ""
+};
+var lineTypeTextStyles = {
+  added: "text-[var(--axis-color-green-600)]",
+  removed: "text-[var(--axis-color-red-600)]",
+  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__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: "region",
+      "aria-label": filename ? `${filename} \uBCC0\uACBD\uC0AC\uD56D` : "\uCF54\uB4DC \uBCC0\uACBD\uC0AC\uD56D",
+      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: [
+            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h7" }) }),
+            filename && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "text-xs font-mono text-[var(--axis-text-primary)] truncate", children: filename }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs text-[var(--axis-color-green-500)]", "aria-label": `${addedCount}\uC904 ${DIFF_LABELS.added}`, children: [
+              "+",
+              addedCount
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs text-[var(--axis-color-red-500)]", "aria-label": `${removedCount}\uC904 ${DIFF_LABELS.removed}`, children: [
+              "-",
+              removedCount
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1 bg-[var(--axis-surface-tertiary)] rounded-md p-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                onClick: () => setMode("unified"),
+                "aria-pressed": mode === "unified",
+                className: (0, import_ui_react.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__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                onClick: () => setMode("split"),
+                "aria-pressed": mode === "split",
+                className: (0, import_ui_react.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-auto", children: mode === "unified" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnifiedView, { lines: diffLines }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SplitView, { lines: diffLines }) })
+      ]
+    }
+  );
+}
+function UnifiedView({ lines }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { className: "w-full text-xs font-mono border-collapse", role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { className: lineTypeStyles[line.type], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("td", { className: (0, import_ui_react.cn)("select-none w-4 text-center py-0.5", lineTypeTextStyles[line.type]), children: lineTypeSymbols[line.type] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: (0, import_ui_react.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__ */ (0, import_jsx_runtime.jsx)("table", { className: "w-full text-xs font-mono border-collapse", role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: leftLines.map((leftLine, i) => {
+    const rightLine = rightLines[i];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: (0, import_ui_react.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__ */ (0, import_jsx_runtime.jsx)("td", { className: (0, import_ui_react.cn)("select-none w-4 text-center py-0.5", leftLine ? lineTypeTextStyles[leftLine.type] : ""), children: leftLine ? lineTypeSymbols[leftLine.type] : "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: (0, import_ui_react.cn)("px-2 py-0.5 whitespace-pre w-1/2 border-r border-[var(--axis-border-default)]", leftLine ? (0, import_ui_react.cn)(lineTypeStyles[leftLine.type], lineTypeTextStyles[leftLine.type]) : ""), children: leftLine?.content ?? "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: (0, import_ui_react.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__ */ (0, import_jsx_runtime.jsx)("td", { className: (0, import_ui_react.cn)("select-none w-4 text-center py-0.5", rightLine ? lineTypeTextStyles[rightLine.type] : ""), children: rightLine ? lineTypeSymbols[rightLine.type] : "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: (0, import_ui_react.cn)("px-2 py-0.5 whitespace-pre w-1/2", rightLine ? (0, import_ui_react.cn)(lineTypeStyles[rightLine.type], lineTypeTextStyles[rightLine.type]) : ""), children: rightLine?.content ?? "" })
+    ] }, i);
+  }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DiffViewer
+});

package/dist/diff-viewer/index.mjs

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

package/dist/feedback-buttons/index.d.mts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type FeedbackType = "like" | "dislike" | "none";
+interface FeedbackButtonsProps {
+    /** 메시지 ID */
+    messageId: string;
+    /** 초기 피드백 상태 */
+    initialFeedback?: FeedbackType;
+    /** 피드백 변경 콜백 */
+    onFeedback?: (messageId: string, feedback: FeedbackType) => void;
+    /** 크기 */
+    size?: "sm" | "md";
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 좋아요/싫어요 피드백 버튼 컴포넌트
+ */
+declare function FeedbackButtons({ messageId, initialFeedback, onFeedback, size, className, }: FeedbackButtonsProps): react_jsx_runtime.JSX.Element;
+
+export { FeedbackButtons, type FeedbackButtonsProps, type FeedbackType };

package/dist/feedback-buttons/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type FeedbackType = "like" | "dislike" | "none";
+interface FeedbackButtonsProps {
+    /** 메시지 ID */
+    messageId: string;
+    /** 초기 피드백 상태 */
+    initialFeedback?: FeedbackType;
+    /** 피드백 변경 콜백 */
+    onFeedback?: (messageId: string, feedback: FeedbackType) => void;
+    /** 크기 */
+    size?: "sm" | "md";
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 좋아요/싫어요 피드백 버튼 컴포넌트
+ */
+declare function FeedbackButtons({ messageId, initialFeedback, onFeedback, size, className, }: FeedbackButtonsProps): react_jsx_runtime.JSX.Element;
+
+export { FeedbackButtons, type FeedbackButtonsProps, type FeedbackType };

package/dist/feedback-buttons/index.js

@@ -0,0 +1,111 @@
+"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/feedback-buttons/index.tsx
+var feedback_buttons_exports = {};
+__export(feedback_buttons_exports, {
+  FeedbackButtons: () => FeedbackButtons
+});
+module.exports = __toCommonJS(feedback_buttons_exports);
+var React = __toESM(require("react"));
+var import_ui_react = require("@axis-ds/ui-react");
+
+// src/constants/a11y-labels.ts
+var FEEDBACK_LABELS = {
+  like: "\uC88B\uC544\uC694",
+  dislike: "\uC2EB\uC5B4\uC694",
+  none: "\uD53C\uB4DC\uBC31 \uC5C6\uC74C"
+};
+
+// src/feedback-buttons/index.tsx
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: "group",
+      "aria-label": "\uBA54\uC2DC\uC9C0 \uD53C\uB4DC\uBC31",
+      className: (0, import_ui_react.cn)("inline-flex items-center gap-1", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            onClick: () => handleFeedback("like"),
+            "aria-pressed": feedback === "like",
+            "aria-label": FEEDBACK_LABELS.like,
+            className: (0, import_ui_react.cn)(
+              "rounded-md transition-colors",
+              sizeStyles[size],
+              feedback === "like" ? "text-[var(--axis-color-green-500)] bg-[var(--axis-color-green-500)]/10" : "text-[var(--axis-text-tertiary)] hover:text-[var(--axis-text-secondary)] hover:bg-[var(--axis-surface-secondary)]"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: iconSizes[size], fill: feedback === "like" ? "currentColor" : "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            onClick: () => handleFeedback("dislike"),
+            "aria-pressed": feedback === "dislike",
+            "aria-label": FEEDBACK_LABELS.dislike,
+            className: (0, import_ui_react.cn)(
+              "rounded-md transition-colors",
+              sizeStyles[size],
+              feedback === "dislike" ? "text-[var(--axis-color-red-500)] bg-[var(--axis-color-red-500)]/10" : "text-[var(--axis-text-tertiary)] hover:text-[var(--axis-text-secondary)] hover:bg-[var(--axis-surface-secondary)]"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: iconSizes[size], fill: feedback === "dislike" ? "currentColor" : "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.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" }) })
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FeedbackButtons
+});

package/dist/feedback-buttons/index.mjs

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

package/dist/index.d.mts

@@ -0,0 +1,20 @@
+export { RunProgress, RunProgressProps, Step } from './run-progress/index.mjs';
+export { StepTimeline, StepTimelineProps, TimelineStep } from './step-timeline/index.mjs';
+export { ThinkingIndicator, ThinkingIndicatorProps } from './thinking-indicator/index.mjs';
+export { ApprovalAction, ApprovalCard, ApprovalCardProps } from './approval-card/index.mjs';
+export { Source, SourcePanel, SourcePanelProps } from './source-panel/index.mjs';
+export { StreamingText, StreamingTextProps } from './streaming-text/index.mjs';
+export { ToolCallCard, ToolCallCardProps } from './tool-call-card/index.mjs';
+export { Surface, SurfaceRenderer, SurfaceRendererProps } from './surface-renderer/index.mjs';
+export { RecoveryBanner, RecoveryBannerProps } from './recovery-banner/index.mjs';
+export { AgentAvatar, AgentAvatarProps } from './agent-avatar/index.mjs';
+export { MessageBubble, MessageBubbleProps, MessageRole, MessageStatus } from './message-bubble/index.mjs';
+export { FeedbackButtons, FeedbackButtonsProps, FeedbackType } from './feedback-buttons/index.mjs';
+export { CodeBlock, CodeBlockProps } from './code-block/index.mjs';
+export { DiffViewMode, DiffViewer, DiffViewerProps } from './diff-viewer/index.mjs';
+export { PlanCard, PlanCardProps, PlanStatus, PlanStep, PlanStepStatus } from './plan-card/index.mjs';
+export { ContextPanel, ContextPanelProps, ModelInfo } from './context-panel/index.mjs';
+export { TokenUsageIndicator, TokenUsageIndicatorProps } from './token-usage-indicator/index.mjs';
+export { AttachmentCard, AttachmentCardProps, AttachmentStatus, AttachmentType } from './attachment-card/index.mjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+export { RunProgress, RunProgressProps, Step } from './run-progress/index.js';
+export { StepTimeline, StepTimelineProps, TimelineStep } from './step-timeline/index.js';
+export { ThinkingIndicator, ThinkingIndicatorProps } from './thinking-indicator/index.js';
+export { ApprovalAction, ApprovalCard, ApprovalCardProps } from './approval-card/index.js';
+export { Source, SourcePanel, SourcePanelProps } from './source-panel/index.js';
+export { StreamingText, StreamingTextProps } from './streaming-text/index.js';
+export { ToolCallCard, ToolCallCardProps } from './tool-call-card/index.js';
+export { Surface, SurfaceRenderer, SurfaceRendererProps } from './surface-renderer/index.js';
+export { RecoveryBanner, RecoveryBannerProps } from './recovery-banner/index.js';
+export { AgentAvatar, AgentAvatarProps } from './agent-avatar/index.js';
+export { MessageBubble, MessageBubbleProps, MessageRole, MessageStatus } from './message-bubble/index.js';
+export { FeedbackButtons, FeedbackButtonsProps, FeedbackType } from './feedback-buttons/index.js';
+export { CodeBlock, CodeBlockProps } from './code-block/index.js';
+export { DiffViewMode, DiffViewer, DiffViewerProps } from './diff-viewer/index.js';
+export { PlanCard, PlanCardProps, PlanStatus, PlanStep, PlanStepStatus } from './plan-card/index.js';
+export { ContextPanel, ContextPanelProps, ModelInfo } from './context-panel/index.js';
+export { TokenUsageIndicator, TokenUsageIndicatorProps } from './token-usage-indicator/index.js';
+export { AttachmentCard, AttachmentCardProps, AttachmentStatus, AttachmentType } from './attachment-card/index.js';
+import 'react/jsx-runtime';
+import 'react';