@cntyclub/agent-react 0.13.0 → 0.14.1

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

@@ -14,11 +14,17 @@ export interface AgentPanelProps {
     onAlwaysApprove: (toolName: string) => void;
     /** Message id to render a "New messages" divider before (arrived while closed). */
     newMessageAnchorId?: string | null;
+    /**
+     * Render the close control as a "collapse to the right" affordance (two right
+     * chevrons) instead of an ✕. Used by the docked presentation, where closing
+     * collapses the panel to the side rather than dismissing a dialog.
+     */
+    collapseToSide?: boolean;
     className?: string;
 }
 /**
  * The chat surface shared by the popup panel and fullscreen Agent Mode.
  * Header (title, history, new chat, expand/collapse, close) + messages + input.
  */
-export declare function AgentPanel({ agentMode, canToggleAgentMode, chat, className, config, newMessageAnchorId, onAlwaysApprove, onClose, onToggleAgentMode, }: AgentPanelProps): React.JSX.Element;
+export declare function AgentPanel({ agentMode, canToggleAgentMode, chat, className, collapseToSide, config, newMessageAnchorId, onAlwaysApprove, onClose, onToggleAgentMode, }: AgentPanelProps): React.JSX.Element;
 //# sourceMappingURL=agent-panel.d.ts.map

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;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,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,kBAAkB,EAClB,IAAI,EACJ,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,eAAe,EACf,OAAO,EACP,iBAAiB,GAClB,EAAE,eAAe,qBAgVjB"}
+{"version":3,"file":"agent-panel.d.ts","sourceRoot":"","sources":["../../src/components/agent-panel.tsx"],"names":[],"mappings":"AAgCA,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,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,kBAAkB,EAClB,IAAI,EACJ,SAAS,EACT,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,eAAe,EACf,OAAO,EACP,iBAAiB,GAClB,EAAE,eAAe,qBAqVjB"}

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

@@ -1 +1 @@
-{"version":3,"file":"agent-widget.d.ts","sourceRoot":"","sources":["../../src/components/agent-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,UAAU,CAAC;AAK1D,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CACtC;AAQD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,YAAY,EACZ,IAAI,EAAE,cAAc,EACpB,YAAyB,GAC1B,EAAE,gBAAgB,qBA2TlB"}
+{"version":3,"file":"agent-widget.d.ts","sourceRoot":"","sources":["../../src/components/agent-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,UAAU,CAAC;AAK1D,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CACtC;AAQD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,YAAY,EACZ,IAAI,EAAE,cAAc,EACpB,YAAyB,GAC1B,EAAE,gBAAgB,qBAiVlB"}

package/dist/index.js

@@ -1,5 +1,5 @@
 import { cn, Button, Tooltip, TooltipTrigger, TooltipContent, ChatMessage, ChatMessageBubble, Markdown, Spinner, Checkbox, Collapsible, CollapsibleTrigger, ChatToolChip, CollapsiblePanel, ChatToolCard, ChatToolCardHeader, ChatToolCardActions, Group, Menu, MenuTrigger, MenuPopup, MenuItem, ChatHeader, ChatHeaderAvatar, ChatHeaderTitle, ChatHeaderActions, Chat, ChatEmptyState, ChatEmptyStateIcon, ChatEmptyStateTitle, ChatEmptyStateDescription, ChatSuggestions, ChatSuggestion, useMediaQuery, TooltipProvider, DataTablePaged } from '@cntyclub/ui-react';
-import { XIcon, Trash2Icon, SquareIcon, PauseIcon, PlayIcon, CheckIcon, Loader2Icon, FileTextIcon, PaperclipIcon, MicIcon, ArrowUpIcon, CopyIcon, Maximize2Icon, ListChecksIcon, ChevronDownIcon, ShieldAlertIcon, CheckCheckIcon, UploadCloudIcon, HistoryIcon, SquarePenIcon, Minimize2Icon, SparklesIcon, DownloadIcon, CodeIcon } from 'lucide-react';
+import { XIcon, Trash2Icon, SquareIcon, PauseIcon, PlayIcon, CheckIcon, Loader2Icon, FileTextIcon, PaperclipIcon, MicIcon, ArrowUpIcon, CopyIcon, Maximize2Icon, ListChecksIcon, ChevronDownIcon, ShieldAlertIcon, CheckCheckIcon, UploadCloudIcon, HistoryIcon, SquarePenIcon, Minimize2Icon, ChevronsRightIcon, SparklesIcon, DownloadIcon, CodeIcon } from 'lucide-react';
 import * as React11 from 'react';
 import { AnimatePresence, motion } from 'motion/react';
 import { createPortal } from 'react-dom';
@@ -1494,6 +1494,7 @@ function AgentPanel({
   canToggleAgentMode,
   chat,
   className,
+  collapseToSide,
   config,
   newMessageAnchorId,
   onAlwaysApprove,
@@ -1662,7 +1663,16 @@ function AgentPanel({
               ),
               /* @__PURE__ */ jsx(TooltipContent, { children: agentMode ? "Exit Agent Mode" : "Agent Mode" })
             ] }) : null,
-            /* @__PURE__ */ jsx(Button, { "aria-label": "Close", onClick: onClose, size: "icon-sm", variant: "ghost", children: /* @__PURE__ */ jsx(XIcon, {}) })
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": collapseToSide ? "Collapse agent" : "Close",
+                onClick: onClose,
+                size: "icon-sm",
+                variant: "ghost",
+                children: collapseToSide ? /* @__PURE__ */ jsx(ChevronsRightIcon, {}) : /* @__PURE__ */ jsx(XIcon, {})
+              }
+            )
           ] })
         ] }),
         view === "history" ? /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto p-2", children: chat.conversations.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-4 text-center text-muted-foreground text-sm", children: "No conversations yet." }) : chat.conversations.map((conversation) => /* @__PURE__ */ jsxs(
@@ -1828,6 +1838,7 @@ function useAgentChat(config) {
   const client = React11.useMemo(() => new AgentApiClient(config), [config]);
   const [agentInfo, setAgentInfo] = React11.useState(null);
   const [conversationId, setConversationId] = React11.useState(null);
+  const [conversationEpoch, setConversationEpoch] = React11.useState(0);
   const [conversations, setConversations] = React11.useState([]);
   const [messages, setMessages] = React11.useState([]);
   const [pendingApprovals, setPendingApprovals] = React11.useState([]);
@@ -2007,6 +2018,7 @@ function useAgentChat(config) {
     setMessages([]);
     setPendingApprovals([]);
     setError(null);
+    setConversationEpoch((e) => e + 1);
   }, []);
   const refreshConversations = React11.useCallback(async () => {
     try {
@@ -2026,6 +2038,7 @@ function useAgentChat(config) {
         setConversationId(id);
         setMessages(payload.messages ?? []);
         setPendingApprovals(payload.pending_approvals ?? []);
+        setConversationEpoch((e) => e + 1);
       } catch (err) {
         handleFailure(err);
       }
@@ -2049,6 +2062,7 @@ function useAgentChat(config) {
     agentInfo,
     clearError,
     conversationId,
+    conversationEpoch,
     conversations,
     deleteConversation,
     error,
@@ -2236,18 +2250,26 @@ function AgentWidget({
     }
   }, [messages, onWriteSuccess]);
   const lastNavigatedMessageId = React11.useRef(null);
+  const navEpochRef = React11.useRef(-1);
   React11.useEffect(() => {
     if (!open || fullscreen || !config.navigate || !config.pages?.length) return;
     const toolMessages = messages.filter((message) => message.role === "tool");
     const latest = toolMessages[toolMessages.length - 1];
+    if (navEpochRef.current !== chat.conversationEpoch) {
+      navEpochRef.current = chat.conversationEpoch;
+      lastNavigatedMessageId.current = latest?.id ?? null;
+      return;
+    }
     if (!latest || latest.id === lastNavigatedMessageId.current) return;
     lastNavigatedMessageId.current = latest.id;
     const mapping = config.pages.find((page) => page.tools.includes(latest.tool_name ?? ""));
     if (!mapping) return;
     const args = findToolArguments(messages, latest);
     const path = mapping.buildRoute ? mapping.buildRoute(args) : mapping.route;
-    if (path) config.navigate(path);
-  }, [config, fullscreen, messages, open]);
+    if (!path) return;
+    const scrollTo = typeof mapping.scrollTo === "function" ? mapping.scrollTo(args) : mapping.scrollTo;
+    config.navigate(path, { scrollTo: scrollTo ?? null });
+  }, [chat.conversationEpoch, config, fullscreen, messages, open]);
   const closePanel = React11.useCallback(() => {
     setOpen(false);
     setAgentMode(false);
@@ -2313,6 +2335,7 @@ function AgentWidget({
             canToggleAgentMode: false,
             chat,
             className: "flex-1",
+            collapseToSide: true,
             config,
             newMessageAnchorId: anchorId,
             onAlwaysApprove: alwaysApprove.setAlwaysApprove,