@cntyclub/agent-react 0.9.0 → 0.9.1

package/dist/components/agent-composer.d.ts

@@ -4,7 +4,13 @@ export interface AgentComposerProps {
     onValueChange: (value: string) => void;
     /** Submit the trimmed text plus any staged files. */
     onSubmit: (text: string) => void;
+    /** Hard-disable the input entirely (e.g. a pending approval must be resolved). */
     disabled?: boolean;
+    /**
+     * A reply is in progress. The textarea stays enabled and focused so the user
+     * can start writing their next message, but submitting is blocked until done.
+     */
+    busy?: boolean;
     placeholder?: string;
     className?: string;
     /** File upload wiring. Omit `onPickFiles` to hide the attach button. */
@@ -19,5 +25,5 @@ export interface AgentComposerProps {
  * Shift+Enter inserts a newline. Submitting is allowed when there is text OR at
  * least one staged file.
  */
-export declare function AgentComposer({ acceptAttribute, className, disabled, files, onPickFiles, onRemoveFile, onSubmit, onValueChange, placeholder, value, }: AgentComposerProps): React.JSX.Element;
+export declare function AgentComposer({ acceptAttribute, busy, className, disabled, files, onPickFiles, onRemoveFile, onSubmit, onValueChange, placeholder, value, }: AgentComposerProps): React.JSX.Element;
 //# sourceMappingURL=agent-composer.d.ts.map

package/dist/components/agent-composer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-composer.d.ts","sourceRoot":"","sources":["../../src/components/agent-composer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qDAAqD;IACrD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,eAAe,EACf,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,WAA6B,EAC7B,KAAK,GACN,EAAE,kBAAkB,qBAqHpB"}
+{"version":3,"file":"agent-composer.d.ts","sourceRoot":"","sources":["../../src/components/agent-composer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qDAAqD;IACrD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,eAAe,EACf,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,WAA6B,EAC7B,KAAK,GACN,EAAE,kBAAkB,qBA6HpB"}

package/dist/components/agent-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-panel.d.ts","sourceRoot":"","sources":["../../src/components/agent-panel.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAO5C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,cAAc,GAAG,gBAAgB,CAAC;IACxC,yCAAyC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iEAAiE;IACjE,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,kBAAkB,EAClB,IAAI,EACJ,SAAS,EACT,MAAM,EACN,eAAe,EACf,OAAO,EACP,iBAAiB,GAClB,EAAE,eAAe,qBAiTjB"}
+{"version":3,"file":"agent-panel.d.ts","sourceRoot":"","sources":["../../src/components/agent-panel.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ5C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,cAAc,GAAG,gBAAgB,CAAC;IACxC,yCAAyC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iEAAiE;IACjE,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,kBAAkB,EAClB,IAAI,EACJ,SAAS,EACT,MAAM,EACN,eAAe,EACf,OAAO,EACP,iBAAiB,GAClB,EAAE,eAAe,qBAkTjB"}

package/dist/components/chat-scroller.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export type ChatScrollerProps = React.ComponentProps<"div">;
+/**
+ * Scrollable message viewport that stays pinned to the bottom while content
+ * grows — including token-by-token streaming, where text is appended to the
+ * SAME message rather than adding new ones.
+ *
+ * Why not the UI kit's ChatMessages autoScroll: that container uses CSS
+ * `scroll-smooth`, so a programmatic jump to the bottom emits intermediate
+ * `scroll` events mid-animation whose distance-from-bottom is large, which
+ * flips its "pinned" flag to false — after the first delta it stops following.
+ * Here we scroll INSTANTLY (no smooth), so the only resulting scroll event is
+ * at the true bottom and the pin holds for the whole stream. The user can still
+ * scroll up to read history (that unpins), and scrolling back down re-pins.
+ */
+export declare function ChatScroller({ children, className, ...props }: ChatScrollerProps): React.JSX.Element;
+//# sourceMappingURL=chat-scroller.d.ts.map

package/dist/components/chat-scroller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-scroller.d.ts","sourceRoot":"","sources":["../../src/components/chat-scroller.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBA8BhF"}

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { AgentApiClient, AgentApiError } from "./api-client";
 export { AgentComposer, type AgentComposerProps } from "./components/agent-composer";
 export { AgentPanel, type AgentPanelProps } from "./components/agent-panel";
 export { AgentWidget, type AgentWidgetProps } from "./components/agent-widget";
+export { ChatScroller, type ChatScrollerProps } from "./components/chat-scroller";
 export { DocumentCard } from "./components/document-card";
 export { MessageItem } from "./components/message-item";
 export { TaskChecklist } from "./components/task-checklist";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACjG,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,YAAY,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,uBAAuB,EACvB,KAAK,wBAAwB,GAC9B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACjF,YAAY,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,eAAe,EACf,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,UAAU,IAAI,mBAAmB,EACjC,UAAU,IAAI,mBAAmB,EACjC,KAAK,IAAI,cAAc,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACrB,KAAK,cAAc,GACpB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACjG,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,YAAY,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,uBAAuB,EACvB,KAAK,wBAAwB,GAC9B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACjF,YAAY,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,eAAe,EACf,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,UAAU,IAAI,mBAAmB,EACjC,UAAU,IAAI,mBAAmB,EACjC,KAAK,IAAI,cAAc,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACrB,KAAK,cAAc,GACpB,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
-import { Button, cn, ChatMessage, ChatMessageBubble, Markdown, Spinner, Checkbox, Collapsible, CollapsibleTrigger, ChatToolChip, CollapsiblePanel, ChatToolCard, ChatToolCardHeader, ChatToolCardActions, Group, Menu, MenuTrigger, MenuPopup, MenuItem, ChatHeader, ChatHeaderAvatar, ChatHeaderTitle, ChatHeaderActions, Tooltip, TooltipTrigger, TooltipContent, Chat, ChatMessages, ChatEmptyState, ChatEmptyStateIcon, ChatEmptyStateTitle, ChatEmptyStateDescription, ChatSuggestions, ChatSuggestion, useMediaQuery, TooltipProvider, Fab, DataTablePaged } from '@cntyclub/ui-react';
+import { Button, cn, ChatMessage, ChatMessageBubble, Markdown, Spinner, Checkbox, Collapsible, CollapsibleTrigger, ChatToolChip, CollapsiblePanel, ChatToolCard, ChatToolCardHeader, ChatToolCardActions, Group, Menu, MenuTrigger, MenuPopup, MenuItem, ChatHeader, ChatHeaderAvatar, ChatHeaderTitle, ChatHeaderActions, Tooltip, TooltipTrigger, TooltipContent, Chat, ChatEmptyState, ChatEmptyStateIcon, ChatEmptyStateTitle, ChatEmptyStateDescription, ChatSuggestions, ChatSuggestion, useMediaQuery, TooltipProvider, Fab, DataTablePaged } from '@cntyclub/ui-react';
 import { FileTextIcon, XIcon, PaperclipIcon, ArrowUpIcon, Maximize2Icon, ListChecksIcon, ChevronDownIcon, CheckIcon, ShieldAlertIcon, CheckCheckIcon, UploadCloudIcon, HistoryIcon, SquarePenIcon, Minimize2Icon, Trash2Icon, SparklesIcon, DownloadIcon, CodeIcon } from 'lucide-react';
-import * as React6 from 'react';
+import * as React7 from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/api-client.ts
@@ -219,6 +219,7 @@ function formatBytes(bytes) {
 }
 function AgentComposer({
   acceptAttribute: acceptAttribute2,
+  busy,
   className,
   disabled,
   files,
@@ -229,14 +230,18 @@ function AgentComposer({
   placeholder = "Ask anything\u2026",
   value
 }) {
-  const textareaRef = React6.useRef(null);
-  const inputRef = React6.useRef(null);
-  const canSubmit = !disabled && (value.trim().length > 0 || files.length > 0);
-  const submit = React6.useCallback(() => {
+  const textareaRef = React7.useRef(null);
+  const inputRef = React7.useRef(null);
+  const canSubmit = !disabled && !busy && (value.trim().length > 0 || files.length > 0);
+  const submit = React7.useCallback(() => {
     if (!canSubmit) return;
     onSubmit(value.trim());
+    textareaRef.current?.focus();
   }, [canSubmit, onSubmit, value]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
+    if (!disabled) textareaRef.current?.focus();
+  }, [disabled]);
+  React7.useEffect(() => {
     const textarea = textareaRef.current;
     if (!textarea) return;
     textarea.style.height = "auto";
@@ -417,6 +422,32 @@ function groupMessages(messages) {
   flush();
   return items;
 }
+function ChatScroller({ children, className, ...props }) {
+  const viewportRef = React7.useRef(null);
+  const pinnedRef = React7.useRef(true);
+  const handleScroll = React7.useCallback(() => {
+    const viewport = viewportRef.current;
+    if (!viewport) return;
+    const distanceFromBottom = viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight;
+    pinnedRef.current = distanceFromBottom < 64;
+  }, []);
+  React7.useEffect(() => {
+    const viewport = viewportRef.current;
+    if (!viewport || !pinnedRef.current) return;
+    viewport.scrollTop = viewport.scrollHeight;
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-4", className),
+      "data-slot": "chat-scroller",
+      onScroll: handleScroll,
+      ref: viewportRef,
+      ...props,
+      children
+    }
+  );
+}
 function MessageItem({ message }) {
   if (message.role === "user") {
     const attachments = message.attachments ?? [];
@@ -451,8 +482,8 @@ var DEFAULT_PHRASES = [
 ];
 function ThinkingIndicator({ className, intervalMs = 1800, phrases }) {
   const words = phrases && phrases.length ? phrases : DEFAULT_PHRASES;
-  const [index, setIndex] = React6.useState(0);
-  React6.useEffect(() => {
+  const [index, setIndex] = React7.useState(0);
+  React7.useEffect(() => {
     setIndex(0);
     const timer = setInterval(() => {
       setIndex((current) => (current + 1) % words.length);
@@ -481,7 +512,7 @@ function ThinkingIndicator({ className, intervalMs = 1800, phrases }) {
             className: "fade-in-0 animate-in text-muted-foreground text-xs duration-300",
             children: [
               words[index],
-              "\u2026"
+              " \u2026"
             ]
           },
           index
@@ -714,7 +745,7 @@ function DownloadButton({ block, size = "sm" }) {
   );
 }
 function DocumentViewer({ block, onClose }) {
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const onKey = (event) => event.key === "Escape" && onClose();
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
@@ -739,7 +770,7 @@ function DocumentViewer({ block, onClose }) {
   ] });
 }
 function DocumentCard({ block }) {
-  const [open, setOpen] = React6.useState(false);
+  const [open, setOpen] = React7.useState(false);
   const previewLines = (block.preview || "").split("\n").slice(0, 6).join("\n");
   return /* @__PURE__ */ jsxs("div", { className: "w-full max-w-full overflow-hidden rounded-xl border border-border bg-card shadow-xs", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-border/72 border-b px-3 py-2", children: [
@@ -861,7 +892,7 @@ function StepDetail({
   ] });
 }
 function ToolActivityGroup({ describeToolCall, steps }) {
-  const [open, setOpen] = React6.useState(false);
+  const [open, setOpen] = React7.useState(false);
   if (steps.length === 0) return null;
   const last = steps[steps.length - 1];
   const anyRunning = steps.some((step) => step.status === "running");
@@ -964,19 +995,19 @@ function AgentPanel({
   onClose,
   onToggleAgentMode
 }) {
-  const [draft, setDraft] = React6.useState("");
-  const [view, setView] = React6.useState("chat");
-  const [files, setFiles] = React6.useState([]);
-  const [uploadError, setUploadError] = React6.useState(null);
-  const [dragging, setDragging] = React6.useState(false);
-  const dragDepth = React6.useRef(0);
+  const [draft, setDraft] = React7.useState("");
+  const [view, setView] = React7.useState("chat");
+  const [files, setFiles] = React7.useState([]);
+  const [uploadError, setUploadError] = React7.useState(null);
+  const [dragging, setDragging] = React7.useState(false);
+  const dragDepth = React7.useRef(0);
   const agentName = config.agentName ?? chat.agentInfo?.name ?? "Assistant";
   const uploadEnabled = fileUploadEnabled(config);
   const suggestions = config.suggestions ?? [
     "What can you help me with?",
     "Give me a quick summary of my data."
   ];
-  const addFiles = React6.useCallback(
+  const addFiles = React7.useCallback(
     (incoming) => {
       const accepted = [];
       let rejection = null;
@@ -993,10 +1024,10 @@ function AgentPanel({
     },
     [config]
   );
-  const removeFile = React6.useCallback((index) => {
+  const removeFile = React7.useCallback((index) => {
     setFiles((current) => current.filter((_, i) => i !== index));
   }, []);
-  const handleSubmit = React6.useCallback(
+  const handleSubmit = React7.useCallback(
     (text) => {
       const staged = files;
       setDraft("");
@@ -1006,7 +1037,7 @@ function AgentPanel({
     },
     [chat, files]
   );
-  const onDragEnter = React6.useCallback(
+  const onDragEnter = React7.useCallback(
     (event) => {
       if (!uploadEnabled || !event.dataTransfer?.types?.includes("Files")) return;
       dragDepth.current += 1;
@@ -1014,12 +1045,12 @@ function AgentPanel({
     },
     [uploadEnabled]
   );
-  const onDragLeave = React6.useCallback((event) => {
+  const onDragLeave = React7.useCallback((event) => {
     if (!event.dataTransfer?.types?.includes("Files")) return;
     dragDepth.current = Math.max(0, dragDepth.current - 1);
     if (dragDepth.current === 0) setDragging(false);
   }, []);
-  const onDrop = React6.useCallback(
+  const onDrop = React7.useCallback(
     (event) => {
       if (!uploadEnabled) return;
       event.preventDefault();
@@ -1030,7 +1061,7 @@ function AgentPanel({
     },
     [addFiles, uploadEnabled]
   );
-  const openHistory = React6.useCallback(() => {
+  const openHistory = React7.useCallback(() => {
     setView("history");
     void chat.refreshConversations();
   }, [chat]);
@@ -1160,7 +1191,7 @@ function AgentPanel({
           },
           conversation.id
         )) }) : /* @__PURE__ */ jsxs(Chat, { children: [
-          /* @__PURE__ */ jsx(ChatMessages, { className: cn(agentMode && "mx-auto w-full max-w-3xl"), children: chat.messages.length === 0 && !chat.sending ? /* @__PURE__ */ jsxs(ChatEmptyState, { children: [
+          /* @__PURE__ */ jsx(ChatScroller, { className: cn(agentMode && "mx-auto w-full max-w-3xl"), children: chat.messages.length === 0 && !chat.sending ? /* @__PURE__ */ jsxs(ChatEmptyState, { children: [
             /* @__PURE__ */ jsx(ChatEmptyStateIcon, {}),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsxs(ChatEmptyStateTitle, { children: [
@@ -1215,8 +1246,9 @@ function AgentPanel({
             AgentComposer,
             {
               acceptAttribute: acceptAttribute(config),
+              busy,
               className: cn(agentMode && "mx-auto w-full max-w-3xl"),
-              disabled: busy || chat.pendingApprovals.length > 0,
+              disabled: chat.pendingApprovals.length > 0,
               files,
               onPickFiles: uploadEnabled ? addFiles : void 0,
               onRemoveFile: removeFile,
@@ -1252,16 +1284,16 @@ function buildOptimisticUserMessage(text, files) {
   };
 }
 function useAgentChat(config) {
-  const client = React6.useMemo(() => new AgentApiClient(config), [config]);
-  const [agentInfo, setAgentInfo] = React6.useState(null);
-  const [conversationId, setConversationId] = React6.useState(null);
-  const [conversations, setConversations] = React6.useState([]);
-  const [messages, setMessages] = React6.useState([]);
-  const [pendingApprovals, setPendingApprovals] = React6.useState([]);
-  const [sending, setSending] = React6.useState(false);
-  const [resolvingApprovalId, setResolvingApprovalId] = React6.useState(null);
-  const [error, setError] = React6.useState(null);
-  React6.useEffect(() => {
+  const client = React7.useMemo(() => new AgentApiClient(config), [config]);
+  const [agentInfo, setAgentInfo] = React7.useState(null);
+  const [conversationId, setConversationId] = React7.useState(null);
+  const [conversations, setConversations] = React7.useState([]);
+  const [messages, setMessages] = React7.useState([]);
+  const [pendingApprovals, setPendingApprovals] = React7.useState([]);
+  const [sending, setSending] = React7.useState(false);
+  const [resolvingApprovalId, setResolvingApprovalId] = React7.useState(null);
+  const [error, setError] = React7.useState(null);
+  React7.useEffect(() => {
     let cancelled = false;
     client.getConfig().then((info) => {
       if (!cancelled) setAgentInfo(info);
@@ -1271,11 +1303,11 @@ function useAgentChat(config) {
       cancelled = true;
     };
   }, [client]);
-  const handleFailure = React6.useCallback((err) => {
+  const handleFailure = React7.useCallback((err) => {
     const message = err instanceof AgentApiError ? err.message : "Something went wrong. Please try again.";
     setError(message);
   }, []);
-  const applyResponse = React6.useCallback(
+  const applyResponse = React7.useCallback(
     (response) => {
       if (response.status === "error" && !response.messages?.length) {
         setError(response.message ?? "The assistant could not answer.");
@@ -1297,7 +1329,7 @@ function useAgentChat(config) {
     },
     []
   );
-  const handleStreamEvent = React6.useCallback(
+  const handleStreamEvent = React7.useCallback(
     (event, ctx) => {
       switch (event.type) {
         case "conversation":
@@ -1362,7 +1394,7 @@ function useAgentChat(config) {
     []
   );
   const streamingEnabled = config.streaming !== false && typeof ReadableStream !== "undefined";
-  const send = React6.useCallback(
+  const send = React7.useCallback(
     async (text, files) => {
       if (sending) return;
       if (!text.trim() && !(files && files.length)) return;
@@ -1393,7 +1425,7 @@ function useAgentChat(config) {
     },
     [applyResponse, client, conversationId, handleFailure, handleStreamEvent, sending, streamingEnabled]
   );
-  const resolveApproval = React6.useCallback(
+  const resolveApproval = React7.useCallback(
     async (callId, approve) => {
       if (resolvingApprovalId) return;
       setResolvingApprovalId(callId);
@@ -1422,13 +1454,13 @@ function useAgentChat(config) {
     },
     [applyResponse, client, handleFailure, handleStreamEvent, resolvingApprovalId, streamingEnabled]
   );
-  const newChat = React6.useCallback(() => {
+  const newChat = React7.useCallback(() => {
     setConversationId(null);
     setMessages([]);
     setPendingApprovals([]);
     setError(null);
   }, []);
-  const refreshConversations = React6.useCallback(async () => {
+  const refreshConversations = React7.useCallback(async () => {
     try {
       const { conversations: list } = await client.listConversations();
       setConversations(list);
@@ -1436,7 +1468,7 @@ function useAgentChat(config) {
       handleFailure(err);
     }
   }, [client, handleFailure]);
-  const openConversation = React6.useCallback(
+  const openConversation = React7.useCallback(
     async (id) => {
       setError(null);
       try {
@@ -1450,7 +1482,7 @@ function useAgentChat(config) {
     },
     [client, handleFailure]
   );
-  const deleteConversation = React6.useCallback(
+  const deleteConversation = React7.useCallback(
     async (id) => {
       try {
         await client.deleteConversation(id);
@@ -1462,7 +1494,7 @@ function useAgentChat(config) {
     },
     [client, conversationId, handleFailure, newChat]
   );
-  const clearError = React6.useCallback(() => setError(null), []);
+  const clearError = React7.useCallback(() => setError(null), []);
   return {
     agentInfo,
     clearError,
@@ -1497,11 +1529,11 @@ function readStored(clientId) {
   }
 }
 function useAlwaysApprove(clientId) {
-  const [approved, setApproved] = React6.useState(() => /* @__PURE__ */ new Set());
-  React6.useEffect(() => {
+  const [approved, setApproved] = React7.useState(() => /* @__PURE__ */ new Set());
+  React7.useEffect(() => {
     setApproved(readStored(clientId));
   }, [clientId]);
-  const persist = React6.useCallback(
+  const persist = React7.useCallback(
     (next) => {
       setApproved(next);
       if (typeof window === "undefined") return;
@@ -1512,8 +1544,8 @@ function useAlwaysApprove(clientId) {
     },
     [clientId]
   );
-  const isAlwaysApproved = React6.useCallback((toolName) => approved.has(toolName), [approved]);
-  const setAlwaysApprove = React6.useCallback(
+  const isAlwaysApproved = React7.useCallback((toolName) => approved.has(toolName), [approved]);
+  const setAlwaysApprove = React7.useCallback(
     (toolName) => {
       if (approved.has(toolName)) return;
       const next = new Set(approved);
@@ -1522,7 +1554,7 @@ function useAlwaysApprove(clientId) {
     },
     [approved, persist]
   );
-  const clearAlwaysApprove = React6.useCallback(
+  const clearAlwaysApprove = React7.useCallback(
     (toolName) => {
       if (!approved.has(toolName)) return;
       const next = new Set(approved);
@@ -1534,16 +1566,16 @@ function useAlwaysApprove(clientId) {
   return { clearAlwaysApprove, isAlwaysApproved, setAlwaysApprove };
 }
 function AgentWidget({ config, onOpenChange, open: controlledOpen }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React6.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React7.useState(false);
   const open = controlledOpen ?? uncontrolledOpen;
-  const setOpen = React6.useCallback(
+  const setOpen = React7.useCallback(
     (next) => {
       setUncontrolledOpen(next);
       onOpenChange?.(next);
     },
     [onOpenChange]
   );
-  const [agentMode, setAgentMode] = React6.useState(false);
+  const [agentMode, setAgentMode] = React7.useState(false);
   const isDesktop = useMediaQuery("(min-width: 640px)", {
     defaultSSRValue: true,
     ssr: true
@@ -1553,14 +1585,14 @@ function AgentWidget({ config, onOpenChange, open: controlledOpen }) {
   const alwaysApprove = useAlwaysApprove(config.clientId);
   const { pendingApprovals, resolveApproval, resolvingApprovalId } = chat;
   const { isAlwaysApproved } = alwaysApprove;
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (!open || resolvingApprovalId) return;
     const target = pendingApprovals.find((approval) => isAlwaysApproved(approval.tool_name));
     if (target) void resolveApproval(target.id, true);
   }, [open, pendingApprovals, resolvingApprovalId, isAlwaysApproved, resolveApproval]);
-  const firedWriteIds = React6.useRef(/* @__PURE__ */ new Set());
+  const firedWriteIds = React7.useRef(/* @__PURE__ */ new Set());
   const { onWriteSuccess } = config;
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (!onWriteSuccess) return;
     for (const message of chat.messages) {
       if (message.role !== "tool" || !message.is_write || message.tool_status !== "success") continue;
@@ -1570,9 +1602,9 @@ function AgentWidget({ config, onOpenChange, open: controlledOpen }) {
       onWriteSuccess({ arguments: args, toolName: message.tool_name ?? "" });
     }
   }, [chat.messages, onWriteSuccess]);
-  const lastNavigatedMessageId = React6.useRef(null);
+  const lastNavigatedMessageId = React7.useRef(null);
   const { messages } = chat;
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (!open || fullscreen || !config.navigate || !config.pages?.length) return;
     const toolMessages = messages.filter((message) => message.role === "tool");
     const latest = toolMessages[toolMessages.length - 1];
@@ -1584,7 +1616,7 @@ function AgentWidget({ config, onOpenChange, open: controlledOpen }) {
     const path = mapping.buildRoute ? mapping.buildRoute(args) : mapping.route;
     if (path) config.navigate(path);
   }, [config, fullscreen, messages, open]);
-  const closePanel = React6.useCallback(() => {
+  const closePanel = React7.useCallback(() => {
     setOpen(false);
     setAgentMode(false);
   }, [setOpen]);
@@ -1663,6 +1695,6 @@ function defineAgentConfig(config) {
   return config;
 }
 
-export { AgentApiClient, AgentApiError, AgentComposer, AgentPanel, AgentWidget, DEFAULT_ACCEPT, DocumentCard, MessageItem, TaskChecklist, ThinkingIndicator, ToolActivityGroup, ToolApprovalCard, acceptAttribute, acceptedExtensions, defineAgentConfig, deriveDetails, fileUploadEnabled, formatBytes, groupMessages, humanizeToolName, resolveToolPresentation, useAgentChat, useAlwaysApprove, validateFile };
+export { AgentApiClient, AgentApiError, AgentComposer, AgentPanel, AgentWidget, ChatScroller, DEFAULT_ACCEPT, DocumentCard, MessageItem, TaskChecklist, ThinkingIndicator, ToolActivityGroup, ToolApprovalCard, acceptAttribute, acceptedExtensions, defineAgentConfig, deriveDetails, fileUploadEnabled, formatBytes, groupMessages, humanizeToolName, resolveToolPresentation, useAgentChat, useAlwaysApprove, validateFile };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map