@tangle-network/ui 7.0.0 → 8.0.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @tangle-network/ui
 
+## 8.0.0
+
+### Major Changes
+
+- 831e935: One composer, no zombie API. `ChatInput` is deleted — the canonical composer is `AgentComposer` in `@tangle-network/sandbox-ui`, composed below the transcript by the app. `ChatContainer` is now transcript-only: the input props (`onSend`, `onCancel`, `placeholder`, `hideInput`, `modelLabel`, `onModelClick`, `pendingFiles`, `onRemoveFile`, `onAttach`, `disabled`) and the `PendingFile` type are removed. `ChatMessage` drops the no-op `avatar`/`hideAvatar` props. `ToolCallStep`/`ToolCallGroup` are no longer exported (internal adapters over `InlineToolItem`); the `ToolCallType`/`ToolCallStatus` types stay public via `ToolCallData`, and `ToolCallFeed` is unchanged.
+
 ## 7.0.0
 
 ### Minor Changes

package/dist/chat.d.ts

@@ -7,83 +7,23 @@ import { AgentBranding } from './types.js';
 import { C as CustomToolRenderer } from './tool-display-z4JcDmMQ.js';
 import { R as Run, G as GroupedMessage } from './run-PfLmDAox.js';
 import { OpenUIAction } from './openui.js';
-import { T as ToolCallData } from './tool-call-feed-Bs3MyQMT.js';
+import { T as ToolCallData } from './tool-call-feed-D9iofJgW.js';
 
 /**
- * ChatInput — message input bar with file attach, drag-and-drop, send/cancel.
- *
- * - Auto-resizing textarea (up to max height)
- * - Enter to send, Shift+Enter for newline
- * - Drag-and-drop files onto the input with styled overlay
- * - File attachment button (files) + folder attachment button
- * - Pending file/folder chips
- * - Cancel button when streaming
- * - Optional model selector pill
+ * Transcript-only container: message list + auto-scroll. Composers are
+ * composed BELOW this by the app (the canonical one is `AgentComposer` in
+ * `@tangle-network/sandbox-ui`) — this component never renders an input.
  */
-interface PendingFile {
-    id: string;
-    name: string;
-    size: number;
-    type: "file" | "folder";
-    /** Number of files inside (for folders) */
-    fileCount?: number;
-    status: "pending" | "uploading" | "ready" | "error";
-}
-interface ChatInputProps {
-    onSend: (message: string, files?: File[]) => void;
-    onCancel?: () => void;
-    isStreaming?: boolean;
-    disabled?: boolean;
-    placeholder?: string;
-    /** Currently selected model label */
-    modelLabel?: string;
-    onModelClick?: () => void;
-    /** Pending uploaded files */
-    pendingFiles?: PendingFile[];
-    onRemoveFile?: (id: string) => void;
-    /** Called when files are attached (via button or drag-and-drop) */
-    onAttach?: (files: FileList) => void;
-    /** Called when a folder is selected via the folder button */
-    onAttachFolder?: (files: FileList) => void;
-    /** Accepted file types for the file input (e.g. ".pdf,.csv") */
-    accept?: string;
-    /** Drop zone overlay title */
-    dropTitle?: string;
-    /** Drop zone overlay description */
-    dropDescription?: string;
-    className?: string;
-    /** Label above the input. Set to null to hide. Default: "Agent Command Deck" */
-    inputLabel?: string | null;
-    /** Status text shown when idle. Set to null to hide. Default: "Ready for next instruction" */
-    idleStatus?: string | null;
-    /** Status text shown when streaming. Set to null to hide. Default: "Streaming response" */
-    streamingStatus?: string | null;
-    /** Hide the Cmd+L focus shortcut hint */
-    hideShortcutHint?: boolean;
-}
-declare function ChatInput({ onSend, onCancel, isStreaming, disabled, placeholder, modelLabel, onModelClick, pendingFiles, onRemoveFile, onAttach, onAttachFolder, accept, dropTitle, dropDescription, className, inputLabel, idleStatus, streamingStatus, hideShortcutHint, }: ChatInputProps): react_jsx_runtime.JSX.Element;
-
 interface ChatContainerProps {
     messages: SessionMessage[];
     partMap: Record<string, SessionPart[]>;
     isStreaming: boolean;
-    onSend?: (text: string) => void;
-    onCancel?: () => void;
     branding?: AgentBranding;
-    placeholder?: string;
     className?: string;
-    /** Hide the input area (useful for read-only views). */
-    hideInput?: boolean;
     /** Custom renderer for tool details. Return ReactNode to override, null to use default. */
     renderToolDetail?: CustomToolRenderer;
     /** Presentation mode for the session view. */
     presentation?: "runs" | "timeline";
-    modelLabel?: string;
-    onModelClick?: () => void;
-    pendingFiles?: PendingFile[];
-    onRemoveFile?: (id: string) => void;
-    onAttach?: (files: FileList) => void;
-    disabled?: boolean;
     /** Callback when an OpenUI action button is pressed within inline OpenUI blocks. */
     onOpenUIAction?: (action: OpenUIAction) => void;
     /** Enable rendering OpenUI schemas inline in the chat timeline. Defaults to true. */
@@ -100,10 +40,10 @@ interface ChatContainerProps {
     }) => ReactNode;
 }
 /**
- * Full chat container: message list + auto-scroll + input area.
+ * Chat transcript container: message list + auto-scroll.
  * Orchestrates useRunGroups, useRunCollapseState, and useAutoScroll.
  */
-declare const ChatContainer: React.MemoExoticComponent<({ messages, partMap, isStreaming, onSend, onCancel, branding, placeholder, className, hideInput, renderToolDetail, presentation, modelLabel, onModelClick, pendingFiles, onRemoveFile, onAttach, disabled, onOpenUIAction, enableOpenUI, renderRunActions, renderUserMessageActions, renderToolActions, }: ChatContainerProps) => react_jsx_runtime.JSX.Element>;
+declare const ChatContainer: React.MemoExoticComponent<({ messages, partMap, isStreaming, branding, className, renderToolDetail, presentation, onOpenUIAction, enableOpenUI, renderRunActions, renderUserMessageActions, renderToolActions, }: ChatContainerProps) => react_jsx_runtime.JSX.Element>;
 
 interface MessageListProps {
     groups: GroupedMessage[];
@@ -158,10 +98,6 @@ interface ChatMessageProps {
     assistantLabel?: string;
     /** Hide the role label row entirely */
     hideRoleLabel?: boolean;
-    /** @deprecated Avatars were removed from the bubble design; this prop is ignored. */
-    hideAvatar?: boolean;
-    /** @deprecated Avatars were removed from the bubble design; this prop is ignored. */
-    avatar?: ReactNode;
 }
 declare function ChatMessage({ role, content, toolCalls, isStreaming, timestamp, className, userLabel, assistantLabel, hideRoleLabel, }: ChatMessageProps): react_jsx_runtime.JSX.Element;
 
@@ -229,4 +165,4 @@ interface AgentTimelineProps {
  */
 declare function AgentTimeline({ items, isThinking, emptyState, className, }: AgentTimelineProps): react_jsx_runtime.JSX.Element | null;
 
-export { AgentTimeline, type AgentTimelineArtifactItem, type AgentTimelineCustomItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, ChatContainer, type ChatContainerProps, ChatInput, type ChatInputProps, ChatMessage, type ChatMessageProps, MessageList, type MessageListProps, type MessageRole, type PendingFile, ThinkingIndicator, type ThinkingIndicatorProps, UserMessage, type UserMessageProps };
+export { AgentTimeline, type AgentTimelineArtifactItem, type AgentTimelineCustomItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, MessageList, type MessageListProps, type MessageRole, ThinkingIndicator, type ThinkingIndicatorProps, UserMessage, type UserMessageProps };

package/dist/chat.js

@@ -1,12 +1,11 @@
 import {
   AgentTimeline,
   ChatContainer,
-  ChatInput,
   ChatMessage,
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-5CS3I7Y3.js";
+} from "./chunk-UOLL2YHG.js";
 import "./chunk-AZWDI2JG.js";
 import "./chunk-QIRVZMQY.js";
 import "./chunk-RKQDBRTC.js";
@@ -22,7 +21,6 @@ import "./chunk-RQHJBTEU.js";
 export {
   AgentTimeline,
   ChatContainer,
-  ChatInput,
   ChatMessage,
   MessageList,
   ThinkingIndicator,

package/dist/{chunk-5CS3I7Y3.js → chunk-UOLL2YHG.js}

@@ -27,9 +27,8 @@ import {
 // src/chat/chat-container.tsx
 import {
   memo as memo3,
-  useCallback as useCallback2,
   useMemo,
-  useRef as useRef2
+  useRef
 } from "react";
 import { ArrowDown } from "lucide-react";
 
@@ -303,306 +302,8 @@ function AgentTimeline({
   }) });
 }
 
-// src/chat/chat-input.tsx
-import { useState as useState2, useRef, useCallback } from "react";
-import { Send, Square, Paperclip, FolderUp, X, Upload } from "lucide-react";
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function ChatInput({
-  onSend,
-  onCancel,
-  isStreaming,
-  disabled,
-  placeholder = "Ask the agent to inspect files, run commands, or explain results\u2026",
-  modelLabel,
-  onModelClick,
-  pendingFiles = [],
-  onRemoveFile,
-  onAttach,
-  onAttachFolder,
-  accept,
-  dropTitle = "Drop files to add context",
-  dropDescription = "Files will be attached to your next message.",
-  className,
-  inputLabel = "Agent Command Deck",
-  idleStatus = "Ready for next instruction",
-  streamingStatus = "Streaming response",
-  hideShortcutHint
-}) {
-  const [value, setValue] = useState2("");
-  const [dragOver, setDragOver] = useState2(false);
-  const dragCounter = useRef(0);
-  const textareaRef = useRef(null);
-  const fileInputRef = useRef(null);
-  const folderInputRef = useRef(null);
-  const handleSend = useCallback(() => {
-    const trimmed = value.trim();
-    if (!trimmed || isStreaming || disabled) return;
-    onSend(trimmed);
-    setValue("");
-    if (textareaRef.current) {
-      textareaRef.current.style.height = "auto";
-    }
-  }, [value, isStreaming, disabled, onSend]);
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      handleSend();
-    }
-  };
-  const handleChange = (e) => {
-    setValue(e.target.value);
-    const el = e.target;
-    el.style.height = "auto";
-    el.style.height = `${Math.min(el.scrollHeight, 160)}px`;
-  };
-  const handleAttachClick = () => {
-    fileInputRef.current?.click();
-  };
-  const handleFolderClick = () => {
-    folderInputRef.current?.click();
-  };
-  const handleFileChange = (e) => {
-    if (e.target.files?.length) {
-      onAttach?.(e.target.files);
-      e.target.value = "";
-    }
-  };
-  const handleFolderChange = (e) => {
-    if (e.target.files?.length) {
-      (onAttachFolder ?? onAttach)?.(e.target.files);
-      e.target.value = "";
-    }
-  };
-  const handleDragEnter = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    dragCounter.current++;
-    if (e.dataTransfer?.types.includes("Files")) {
-      setDragOver(true);
-    }
-  }, []);
-  const handleDragLeave = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    dragCounter.current--;
-    if (dragCounter.current === 0) {
-      setDragOver(false);
-    }
-  }, []);
-  const handleDragOver = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    e.dataTransfer.dropEffect = "copy";
-  }, []);
-  const handleDrop = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    dragCounter.current = 0;
-    setDragOver(false);
-    const files = e.dataTransfer?.files;
-    if (files?.length && onAttach) {
-      onAttach(files);
-    }
-  }, [onAttach]);
-  const fileChips = pendingFiles.filter((f) => f.type === "file" || !f.type);
-  const folderChips = pendingFiles.filter((f) => f.type === "folder");
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      className: cn("relative", className),
-      onDragEnter: onAttach ? handleDragEnter : void 0,
-      onDragLeave: onAttach ? handleDragLeave : void 0,
-      onDragOver: onAttach ? handleDragOver : void 0,
-      onDrop: onAttach ? handleDrop : void 0,
-      children: [
-        dragOver && /* @__PURE__ */ jsx5("div", { className: "absolute inset-0 z-10 flex items-center justify-center rounded-[var(--radius-xl)] border-2 border-dashed border-border bg-card pointer-events-none", children: /* @__PURE__ */ jsxs4("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx5("div", { className: "mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-xl bg-[var(--accent-surface-soft)]", children: /* @__PURE__ */ jsx5(Upload, { className: "h-6 w-6 text-primary" }) }),
-          /* @__PURE__ */ jsx5("p", { className: "text-sm font-semibold text-foreground", children: dropTitle }),
-          /* @__PURE__ */ jsx5("p", { className: "mt-1 text-xs text-muted-foreground", children: dropDescription })
-        ] }) }),
-        pendingFiles.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "mb-3 flex flex-wrap gap-2", children: [
-          folderChips.map((f) => /* @__PURE__ */ jsxs4(
-            "span",
-            {
-              className: cn(
-                "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border px-3 py-1.5 text-xs",
-                "border-border bg-muted/50",
-                f.status === "error" && "border-[var(--code-error)]/30 text-[var(--code-error)]",
-                f.status !== "error" && "text-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ jsx5(FolderUp, { className: "h-3 w-3 shrink-0" }),
-                /* @__PURE__ */ jsx5("span", { className: "truncate max-w-[150px]", children: f.name }),
-                f.fileCount !== void 0 && /* @__PURE__ */ jsxs4("span", { className: "text-muted-foreground", children: [
-                  "(",
-                  f.fileCount,
-                  ")"
-                ] }),
-                f.status === "uploading" && /* @__PURE__ */ jsx5("span", { className: "w-3 h-3 border-2 border-primary border-t-transparent rounded-full animate-spin" }),
-                onRemoveFile && /* @__PURE__ */ jsx5(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": `Remove ${f.name}`,
-                    onClick: () => onRemoveFile(f.id),
-                    className: "rounded p-0.5 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",
-                    children: /* @__PURE__ */ jsx5(X, { className: "h-3 w-3" })
-                  }
-                )
-              ]
-            },
-            f.id
-          )),
-          fileChips.map((f) => /* @__PURE__ */ jsxs4(
-            "span",
-            {
-              className: cn(
-                "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border px-3 py-1.5 text-xs",
-                "border-border bg-muted/50",
-                f.status === "error" && "border-[var(--code-error)]/30 text-[var(--code-error)]",
-                f.status !== "error" && "text-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ jsx5(Paperclip, { className: "h-3 w-3 shrink-0" }),
-                /* @__PURE__ */ jsx5("span", { className: "truncate max-w-[150px]", children: f.name }),
-                f.status === "uploading" && /* @__PURE__ */ jsx5("span", { className: "w-3 h-3 border-2 border-primary border-t-transparent rounded-full animate-spin" }),
-                onRemoveFile && /* @__PURE__ */ jsx5(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": `Remove ${f.name}`,
-                    onClick: () => onRemoveFile(f.id),
-                    className: "rounded p-0.5 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",
-                    children: /* @__PURE__ */ jsx5(X, { className: "h-3 w-3" })
-                  }
-                )
-              ]
-            },
-            f.id
-          ))
-        ] }),
-        /* @__PURE__ */ jsx5("div", { className: "rounded-[24px] border border-[var(--chat-input-border,var(--border-default))] [background:var(--chat-input-bg,var(--bg-card))] shadow-[var(--chat-input-shadow,0_1px_2px_rgba(15,23,42,0.05))] transition-all focus-within:border-[var(--chat-input-focus-border,var(--border-accent))] focus-within:shadow-[var(--chat-input-focus-shadow,0_10px_30px_rgba(15,23,42,0.08))]", children: /* @__PURE__ */ jsxs4("div", { className: "rounded-[24px] px-4 py-[var(--chat-input-py)]", children: [
-          (inputLabel !== null || idleStatus !== null || streamingStatus !== null) && /* @__PURE__ */ jsxs4("div", { className: "mb-1.5 flex items-center justify-between gap-3 px-1", children: [
-            inputLabel !== null && /* @__PURE__ */ jsx5("div", { className: "text-[var(--chat-label-size,11px)] font-[var(--chat-label-weight,600)] uppercase tracking-[var(--chat-label-tracking,0.16em)] text-[var(--text-muted)]", children: inputLabel }),
-            (idleStatus !== null || streamingStatus !== null) && /* @__PURE__ */ jsx5("div", { className: "text-[var(--chat-label-size,11px)] text-[var(--text-muted)]", children: isStreaming ? streamingStatus ?? "" : idleStatus ?? "" })
-          ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "flex items-end gap-2.5", children: [
-            onAttach && /* @__PURE__ */ jsxs4(Fragment, { children: [
-              /* @__PURE__ */ jsx5(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleAttachClick,
-                  disabled: isStreaming,
-                  "aria-label": "Attach files",
-                  title: "Attach files",
-                  className: "mb-0.5 shrink-0 rounded-[var(--radius-md)] border border-transparent p-2 text-muted-foreground transition-colors hover:border-border hover:bg-accent hover:text-foreground disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",
-                  children: /* @__PURE__ */ jsx5(Paperclip, { className: "h-4 w-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx5(
-                "input",
-                {
-                  ref: fileInputRef,
-                  type: "file",
-                  multiple: true,
-                  className: "hidden",
-                  onChange: handleFileChange,
-                  accept: accept ?? ".pdf,.csv,.xlsx,.xls,.jpg,.jpeg,.png,.gif,.txt,.json,.yaml,.yml"
-                }
-              )
-            ] }),
-            (onAttachFolder ?? onAttach) && /* @__PURE__ */ jsxs4(Fragment, { children: [
-              /* @__PURE__ */ jsx5(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleFolderClick,
-                  disabled: isStreaming,
-                  "aria-label": "Attach folder",
-                  title: "Attach folder",
-                  className: "mb-0.5 shrink-0 rounded-[var(--radius-md)] border border-transparent p-2 text-muted-foreground transition-colors hover:border-border hover:bg-accent hover:text-foreground disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",
-                  children: /* @__PURE__ */ jsx5(FolderUp, { className: "h-4 w-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx5(
-                "input",
-                {
-                  ref: folderInputRef,
-                  type: "file",
-                  multiple: true,
-                  className: "hidden",
-                  onChange: handleFolderChange,
-                  webkitdirectory: ""
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx5(
-              "textarea",
-              {
-                ref: textareaRef,
-                value,
-                onChange: handleChange,
-                onKeyDown: handleKeyDown,
-                placeholder,
-                disabled: isStreaming || disabled,
-                rows: 1,
-                "aria-label": "Message input",
-                className: "min-h-[42px] max-h-[160px] flex-1 resize-none bg-transparent py-2 text-[15px] leading-6 text-foreground placeholder:text-muted-foreground disabled:opacity-50 focus-visible:outline-none"
-              }
-            ),
-            isStreaming ? /* @__PURE__ */ jsx5(
-              "button",
-              {
-                type: "button",
-                onClick: onCancel,
-                "aria-label": "Stop response",
-                className: "mb-0.5 shrink-0 rounded-[var(--radius-lg)] border border-[var(--code-error)]/20 bg-[var(--code-error)]/14 p-2.5 text-[var(--code-error)] transition-colors hover:bg-[var(--code-error)]/24 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--code-error)]/50",
-                children: /* @__PURE__ */ jsx5(Square, { className: "h-4 w-4" })
-              }
-            ) : /* @__PURE__ */ jsxs4(
-              "button",
-              {
-                type: "button",
-                onClick: handleSend,
-                disabled: !value.trim() || disabled,
-                "aria-label": "Send message",
-                className: "mb-0.5 inline-flex shrink-0 items-center gap-1.5 rounded-full border border-[var(--chat-send-border,var(--border-accent))] [background:var(--chat-send-bg,var(--brand-primary))] px-3.5 py-2.5 text-sm font-medium text-[var(--chat-send-color,white)] shadow-[var(--chat-send-shadow,0_6px_16px_rgba(15,23,42,0.12))] transition-all hover:translate-y-[-1px] hover:[background:var(--chat-send-hover-bg,var(--brand-strong))] disabled:opacity-30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--chat-send-ring,var(--border-accent))]",
-                children: [
-                  /* @__PURE__ */ jsx5(Send, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ jsx5("span", { children: "Send" })
-                ]
-              }
-            )
-          ] })
-        ] }) }),
-        (modelLabel || !hideShortcutHint) && /* @__PURE__ */ jsxs4("div", { className: "mt-2 flex items-center justify-between px-1", children: [
-          /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-2", children: modelLabel && /* @__PURE__ */ jsxs4(
-            "button",
-            {
-              type: "button",
-              onClick: onModelClick,
-              "aria-label": `Select model, current model ${modelLabel}`,
-              className: "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border border-border bg-[linear-gradient(180deg,rgba(255,255,255,0.04),transparent)] px-2.5 py-1 text-xs text-muted-foreground transition-colors hover:border-primary/20 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",
-              children: [
-                /* @__PURE__ */ jsx5("span", { className: "w-1.5 h-1.5 rounded-full bg-[var(--code-success)]" }),
-                modelLabel
-              ]
-            }
-          ) }),
-          !hideShortcutHint && /* @__PURE__ */ jsxs4("span", { className: "text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx5("kbd", { className: "px-1 py-0.5 bg-background rounded border border-border text-[10px]", children: "Cmd" }),
-            /* @__PURE__ */ jsx5("kbd", { className: "px-1 py-0.5 bg-background rounded border border-border text-[10px] ml-0.5", children: "L" }),
-            /* @__PURE__ */ jsx5("span", { className: "ml-1", children: "to focus" })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
 // src/chat/chat-container.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var OPENUI_NODE_TYPES = /* @__PURE__ */ new Set([
   "heading",
   "text",
@@ -752,7 +453,7 @@ function buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enab
           items.push({
             id: `${message.id}-openui-${part.id}`,
             kind: "custom",
-            content: /* @__PURE__ */ jsx6("div", { className: "my-2 rounded-[var(--radius-lg)] border border-border bg-card p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx6(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
+            content: /* @__PURE__ */ jsx5("div", { className: "my-2 rounded-[var(--radius-lg)] border border-border bg-card p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx5(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
           });
         }
       }
@@ -784,7 +485,7 @@ function buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enab
               items.push({
                 id: `${itemId}-openui`,
                 kind: "custom",
-                content: /* @__PURE__ */ jsx6("div", { className: "my-2 rounded-[var(--radius-lg)] border border-border bg-card p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx6(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
+                content: /* @__PURE__ */ jsx5("div", { className: "my-2 rounded-[var(--radius-lg)] border border-border bg-card p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx5(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
               });
               const afterJson = part.text.slice(part.text.lastIndexOf("```") + 3).trim();
               if (afterJson) {
@@ -814,7 +515,7 @@ function buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enab
         items.push({
           id: itemId,
           kind: "custom",
-          content: /* @__PURE__ */ jsx6(InlineThinkingItem, { part, defaultOpen: isStreaming && lastAssistantMessage?.id === message.id })
+          content: /* @__PURE__ */ jsx5(InlineThinkingItem, { part, defaultOpen: isStreaming && lastAssistantMessage?.id === message.id })
         });
         return;
       }
@@ -831,27 +532,17 @@ var ChatContainer = memo3(
     messages,
     partMap,
     isStreaming,
-    onSend,
-    onCancel,
     branding,
-    placeholder = "Type a message...",
     className,
-    hideInput = false,
     renderToolDetail,
     presentation = "runs",
-    modelLabel,
-    onModelClick,
-    pendingFiles,
-    onRemoveFile,
-    onAttach,
-    disabled = false,
     onOpenUIAction,
     enableOpenUI = true,
     renderRunActions,
     renderUserMessageActions,
     renderToolActions
   }) => {
-    const scrollRef = useRef2(null);
+    const scrollRef = useRef(null);
     const groups = useRunGroups({ messages, partMap, isStreaming });
     const runs = groups.filter((g) => g.type === "run").map((g) => g.run);
     const { isCollapsed, toggleCollapse } = useRunCollapseState(runs);
@@ -864,19 +555,13 @@ var ChatContainer = memo3(
       () => buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enableOpenUI),
       [messages, partMap, isStreaming, onOpenUIAction, enableOpenUI]
     );
-    const handleSend = useCallback2(
-      (text) => {
-        onSend?.(text);
-      },
-      [onSend]
-    );
-    return /* @__PURE__ */ jsxs5("div", { className: cn("flex h-full flex-col", className), children: [
-      /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsxs4("div", { className: cn("flex h-full flex-col", className), children: [
+      /* @__PURE__ */ jsx5(
         "div",
         {
           ref: scrollRef,
           className: "flex-1 overflow-y-auto [scrollbar-gutter:stable]",
-          children: messages.length === 0 ? /* @__PURE__ */ jsx6("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx6("div", { className: "max-w-md text-center", children: /* @__PURE__ */ jsx6("div", { className: "text-sm font-medium text-muted-foreground", children: "Start a conversation." }) }) }) : presentation === "timeline" ? /* @__PURE__ */ jsx6("div", { className: "mx-auto flex min-h-full w-full max-w-3xl flex-col justify-end", children: /* @__PURE__ */ jsx6(AgentTimeline, { items: timeline.items, isThinking: timeline.showThinking }) }) : /* @__PURE__ */ jsx6("div", { className: "mx-auto flex min-h-full w-full max-w-3xl flex-col justify-end", children: /* @__PURE__ */ jsx6(
+          children: messages.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx5("div", { className: "max-w-md text-center", children: /* @__PURE__ */ jsx5("div", { className: "text-sm font-medium text-muted-foreground", children: "Start a conversation." }) }) }) : presentation === "timeline" ? /* @__PURE__ */ jsx5("div", { className: "mx-auto flex min-h-full w-full max-w-3xl flex-col justify-end", children: /* @__PURE__ */ jsx5(AgentTimeline, { items: timeline.items, isThinking: timeline.showThinking }) }) : /* @__PURE__ */ jsx5("div", { className: "mx-auto flex min-h-full w-full max-w-3xl flex-col justify-end", children: /* @__PURE__ */ jsx5(
             MessageList,
             {
               groups,
@@ -892,7 +577,7 @@ var ChatContainer = memo3(
           ) })
         }
       ),
-      !isAtBottom && /* @__PURE__ */ jsx6("div", { className: "relative z-10 -mt-10 flex justify-center", children: /* @__PURE__ */ jsxs5(
+      !isAtBottom && /* @__PURE__ */ jsx5("div", { className: "relative z-10 -mt-10 flex justify-center", children: /* @__PURE__ */ jsxs4(
         "button",
         {
           onClick: scrollToBottom,
@@ -903,34 +588,18 @@ var ChatContainer = memo3(
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60"
           ),
           children: [
-            /* @__PURE__ */ jsx6(ArrowDown, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx5(ArrowDown, { className: "w-3 h-3" }),
             "Scroll to bottom"
           ]
         }
-      ) }),
-      !hideInput && onSend && /* @__PURE__ */ jsx6(
-        ChatInput,
-        {
-          onSend: handleSend,
-          onCancel,
-          isStreaming,
-          placeholder,
-          modelLabel,
-          onModelClick,
-          pendingFiles,
-          onRemoveFile,
-          onAttach,
-          disabled,
-          className: "shrink-0 border-t border-border bg-background"
-        }
-      )
+      ) })
     ] });
   }
 );
 ChatContainer.displayName = "ChatContainer";
 
 // src/chat/chat-message.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ChatMessage({
   role,
   content,
@@ -943,7 +612,7 @@ function ChatMessage({
   hideRoleLabel
 }) {
   const isUser = role === "user";
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -952,11 +621,11 @@ function ChatMessage({
         className
       ),
       children: [
-        !hideRoleLabel && /* @__PURE__ */ jsxs6("div", { className: cn("flex items-center gap-2 px-1", isUser && "flex-row-reverse"), children: [
-          /* @__PURE__ */ jsx7("span", { className: "font-medium text-foreground text-xs", children: isUser ? userLabel : assistantLabel }),
-          timestamp && /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground text-xs", children: formatTime2(timestamp) })
+        !hideRoleLabel && /* @__PURE__ */ jsxs5("div", { className: cn("flex items-center gap-2 px-1", isUser && "flex-row-reverse"), children: [
+          /* @__PURE__ */ jsx6("span", { className: "font-medium text-foreground text-xs", children: isUser ? userLabel : assistantLabel }),
+          timestamp && /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground text-xs", children: formatTime2(timestamp) })
         ] }),
-        /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs5(
           "div",
           {
             className: cn(
@@ -965,9 +634,9 @@ function ChatMessage({
               isUser ? "border-border bg-muted/50" : "border-border bg-card"
             ),
             children: [
-              isUser ? /* @__PURE__ */ jsx7("div", { className: "whitespace-pre-wrap text-[var(--font-size-base)] leading-[var(--line-height-base)] text-foreground", children: content }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
-                content && /* @__PURE__ */ jsx7(Markdown, { className: "tangle-prose text-[var(--font-size-base)] leading-[var(--line-height-base)]", children: content }),
-                isStreaming && /* @__PURE__ */ jsx7("span", { className: "ml-0.5 inline-block h-4 w-2 animate-pulse rounded-sm bg-[var(--brand-cool)] align-text-bottom" })
+              isUser ? /* @__PURE__ */ jsx6("div", { className: "whitespace-pre-wrap text-[var(--font-size-base)] leading-[var(--line-height-base)] text-foreground", children: content }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+                content && /* @__PURE__ */ jsx6(Markdown, { className: "tangle-prose text-[var(--font-size-base)] leading-[var(--line-height-base)]", children: content }),
+                isStreaming && /* @__PURE__ */ jsx6("span", { className: "ml-0.5 inline-block h-4 w-2 animate-pulse rounded-sm bg-[var(--brand-cool)] align-text-bottom" })
               ] }),
               toolCalls
             ]
@@ -989,7 +658,6 @@ export {
   MessageList,
   ThinkingIndicator,
   AgentTimeline,
-  ChatInput,
   ChatContainer,
   ChatMessage
 };

package/dist/hooks.d.ts

@@ -5,7 +5,7 @@ import './message-BHWbxBtT.js';
 import './parts-dj7AcUg0.js';
 import './active-sessions-store-CeOmXgv5.js';
 import 'nanostores';
-import './tool-call-feed-Bs3MyQMT.js';
+import './tool-call-feed-D9iofJgW.js';
 import 'react/jsx-runtime';
 
 /**