@ai-matrx/chat 0.4.8 → 0.4.9

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @ai-matrx/chat
 
+## 0.4.9 — the shell chat remembers each page's own chat, and its title menu lists your conversations
+
+- `shellChatHome`: outside boards and Education, the conversation is remembered PER PAGE
+  (`shellChatPageSurfaceKey(pathname)`), not one conversation following the person site-wide. A page
+  never chatted on starts fresh; open / closed stays remembered per page family.
+- `ChatPanelTitleMenu`: a Popover with New chat · Rename · Open in full chat over the person's
+  conversations (`ConversationHistorySidebar`, searchable, opened in place). New required prop
+  `onOpenConversation(conversationId, agentId)`; the shell dock passes `openExisting`.
+
+Consumer action: none (the dock is inside the package).
+
 ## 0.4.8
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/canvas/workspace/ChatPanelTitleMenu.d.ts

@@ -1,6 +1,8 @@
 /** The panel's chat name: its real title, else "New chat". */
 export declare function useChatPanelTitle(conversationId: string | null): string;
-export declare function ChatPanelTitleMenu({ conversationId, onNewChat, }: {
+export declare function ChatPanelTitleMenu({ conversationId, onNewChat, onOpenConversation, }: {
     conversationId: string | null;
     onNewChat: () => void;
+    /** Open a listed conversation IN this panel. */
+    onOpenConversation: (conversationId: string, agentId?: string | null) => void;
 }): import("react").JSX.Element;

package/dist/canvas/workspace/ChatPanelTitleMenu.js

@@ -1,20 +1,18 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { ChevronDown, ExternalLink, PencilLine, Plus } from "lucide-react";
 import { AppLink } from "../../host/ui-slots.js";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "@ai-matrx/design-system";
+import { Popover, PopoverContent, PopoverTrigger } from "@ai-matrx/design-system";
 import { useAppSelector } from "../../store/hooks.js";
 import { selectConversationTitle } from "../../agents/redux/execution-system/conversations/conversations.selectors.js";
 import { selectConversationListItemById } from "../../agents/redux/conversation-list/conversation-list.selectors.js";
 import { conversationRenameOpener } from "../../agents/components/conversation-actions/rename/conversationRenameOpener.js";
 import { conversationTitleText } from "../../utils/content-ir/surfaces/kind-text-label.js";
-import { Button } from "@ai-matrx/design-system/controls";
+import { Button, Tile } from "@ai-matrx/design-system/controls";
+import { ConversationHistorySidebar } from "../../agents/components/conversation-history/ConversationHistorySidebar.js";
+const PANEL_HISTORY_SCOPE = "chat-panel-menu";
+const ALL_AGENTS = [];
 function useChatRealTitle(conversationId) {
   const conversationTitle = useAppSelector(
     (state) => conversationId ? selectConversationTitle(conversationId)(state) : null
@@ -29,35 +27,69 @@ function useChatPanelTitle(conversationId) {
 }
 function ChatPanelTitleMenu({
   conversationId,
-  onNewChat
+  onNewChat,
+  onOpenConversation
 }) {
+  const [open, setOpen] = useState(false);
   const realTitle = useChatRealTitle(conversationId);
   const title = realTitle ?? "New chat";
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", iconEnd: /* @__PURE__ */ jsx(ChevronDown, {}), className: "min-w-0", title, children: title }) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", className: "w-56", children: [
-      /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onNewChat, children: [
-        /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
-        "New chat"
-      ] }),
-      conversationId ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          DropdownMenuItem,
-          {
-            onSelect: () => void conversationRenameOpener.open({ conversationId, title: realTitle }),
-            children: [
-              /* @__PURE__ */ jsx(PencilLine, { className: "mr-2 h-4 w-4" }),
-              "Rename"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(AppLink, { href: `/chat/${conversationId}`, children: [
-          /* @__PURE__ */ jsx(ExternalLink, { className: "mr-2 h-4 w-4" }),
-          "Open in full chat"
-        ] }) })
-      ] }) : null
-    ] })
+  const close = () => setOpen(false);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", iconEnd: /* @__PURE__ */ jsx(ChevronDown, {}), className: "min-w-0", title, children: title }) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        align: "start",
+        sideOffset: 6,
+        className: "flex h-[min(70dvh,560px)] w-80 flex-col overflow-hidden p-1",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col", children: [
+            /* @__PURE__ */ jsx(
+              Tile,
+              {
+                variant: "quiet",
+                icon: /* @__PURE__ */ jsx(Plus, {}),
+                title: "New chat",
+                onClick: () => {
+                  close();
+                  onNewChat();
+                }
+              }
+            ),
+            conversationId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                Tile,
+                {
+                  variant: "quiet",
+                  icon: /* @__PURE__ */ jsx(PencilLine, {}),
+                  title: "Rename",
+                  onClick: () => {
+                    close();
+                    void conversationRenameOpener.open({ conversationId, title: realTitle });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: /* @__PURE__ */ jsx(ExternalLink, {}), title: "Open in full chat", asChild: true, children: /* @__PURE__ */ jsx(AppLink, { href: `/chat/${conversationId}`, onClick: close }) })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mx-1 my-1 h-px shrink-0 bg-border", role: "separator" }),
+          /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(
+            ConversationHistorySidebar,
+            {
+              variant: "dense",
+              scopeId: PANEL_HISTORY_SCOPE,
+              agentIds: ALL_AGENTS,
+              activeConversationId: conversationId,
+              openInPlace: true,
+              onOpenConversation: (conv) => {
+                close();
+                onOpenConversation(conv.conversationId, conv.agentId ?? null);
+              }
+            }
+          ) })
+        ]
+      }
+    )
   ] });
 }
 export {

package/dist/canvas/workspace/ShellChatDock.js

@@ -260,7 +260,7 @@ function ShellChatDock({ initialChat, initialWidth, initialMode = null, signedIn
         className: "bg-card",
         children: [
           /* @__PURE__ */ jsxs("div", { className: "shell-chat-dock-header flex h-11 shrink-0 items-center gap-1 pr-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(ChatPanelTitleMenu, { conversationId, onNewChat: chat.startNew }) }),
+            /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(ChatPanelTitleMenu, { conversationId, onNewChat: chat.startNew, onOpenConversation: chat.openExisting }) }),
             /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(ComposerModeSwitch, { size: "panel", initialMode }) }),
             /* @__PURE__ */ jsx(
               Button,

package/dist/canvas/workspace/shell-chat-route.d.ts

@@ -33,8 +33,14 @@ export declare function shellChatWorkspaceId(family: string): string;
  * chat, on every page).
  */
 export declare function shellChatHostedElsewhere(pathname: string): boolean;
-/** The shell chat's conversation everywhere no page has its own. */
+/**
+ * The shell chat's conversation is remembered PER PAGE (Arman, 2026-10-07: one
+ * conversation following the person across the whole site "doesn't make sense
+ * … it's confusing"). Each page — one agent's builder, one note — comes back to
+ * ITS last chat; a page the person never chatted on starts fresh.
+ */
 export declare const SHELL_CHAT_SURFACE_KEY = "canvas-workspace:shell";
+export declare function shellChatPageSurfaceKey(pathname: string): string;
 /**
  * Where the shell's chat lives on a page:
  *   - `layoutId`     — its remembered open / closed + docked / floating
@@ -61,8 +67,8 @@ export declare const SHELL_CHAT_CLOSED_BY_DEFAULT_PAGES: readonly RegExp[];
  * has its conversation, signed-in Education has one. The ids, params and
  * defaults are exactly the ones those pages used when they drew their own chat
  * column (ChatCanvasWorkspace, until 2026-10-05), so a person's remembered
- * layout and conversation carry over untouched. Every other page shares one
- * conversation that follows the person, remembered open / closed per family.
+ * layout and conversation carry over untouched. Every other page remembers its
+ * OWN conversation (shellChatPageSurfaceKey); open / closed is remembered per family.
  */
 export declare function shellChatHome(pathname: string, signedIn: boolean): ShellChatHome;
 /**

package/dist/canvas/workspace/shell-chat-route.js

@@ -20,6 +20,10 @@ function shellChatHostedElsewhere(pathname) {
   return OWN_CHAT_PATHS.some((p) => p.test(pathname));
 }
 const SHELL_CHAT_SURFACE_KEY = "canvas-workspace:shell";
+function shellChatPageSurfaceKey(pathname) {
+  const page = pathname.split("?")[0].replace(/\/+$/, "") || "/";
+  return `${SHELL_CHAT_SURFACE_KEY}:${page}`;
+}
 const BOARD_PAGE = /^\/board\/(?!all(?:\/|$))([^/]+)\/?$/;
 const EDUCATION_PAGES = /^\/education(?:\/|$)/;
 const SHELL_CHAT_CLOSED_BY_DEFAULT_PAGES = [/^\/spaces(?:\/|$)/];
@@ -34,7 +38,7 @@ function shellChatHome(pathname, signedIn) {
   }
   return {
     layoutId: shellChatWorkspaceId(shellChatFamily(pathname)),
-    surfaceKey: SHELL_CHAT_SURFACE_KEY,
+    surfaceKey: shellChatPageSurfaceKey(pathname),
     // `pageChat`, not `chat`: /code keeps its own `?chat=`.
     addressParam: "pageChat",
     defaultOpen: SHELL_CHAT_CLOSED_BY_DEFAULT_PAGES.some((p) => p.test(pathname)) ? false : null
@@ -52,5 +56,6 @@ export {
   shellChatFamily,
   shellChatHome,
   shellChatHostedElsewhere,
+  shellChatPageSurfaceKey,
   shellChatWorkspaceId
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/chat",
-  "version": "0.4.8",
+  "version": "0.4.9",
   "description": "THE one AI Matrx person-to-agent chat system: the full chat (running agents, conversations, tool calls, streaming, context, surfaces, voice) as per-module subpaths @ai-matrx/chat/<domain>/<module> over a host contract (/host, /host/react) whose only required value is a db; plus the kernel compatibility entries (., /external-store, /matrx, /react, /tools, styles.css, tokens.css) until P28.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -227,25 +227,25 @@
     "uuid": "^14.0.2",
     "zod": "^4.6.5",
     "@ai-matrx/agents": "latest",
-    "@ai-matrx/alchemy": "latest",
-    "@ai-matrx/browser-audio": "latest",
-    "@ai-matrx/content-ir": "latest",
     "@ai-matrx/associations": "latest",
+    "@ai-matrx/browser-audio": "latest",
+    "@ai-matrx/alchemy": "latest",
     "@ai-matrx/canvas": "latest",
-    "@ai-matrx/design-system": "latest",
+    "@ai-matrx/content-ir": "latest",
     "@ai-matrx/diff": "latest",
-    "@ai-matrx/kit": "latest",
+    "@ai-matrx/content-ir-react": "latest",
+    "@ai-matrx/design-system": "latest",
+    "@ai-matrx/data": "latest",
+    "@ai-matrx/icons": "latest",
     "@ai-matrx/media": "latest",
     "@ai-matrx/print": "latest",
+    "@ai-matrx/kit": "latest",
     "@ai-matrx/realtime": "latest",
     "@ai-matrx/records": "latest",
-    "@ai-matrx/records-ui": "latest",
     "@ai-matrx/rich-content": "latest",
     "@ai-matrx/rich-editor": "latest",
-    "@ai-matrx/data": "latest",
-    "@ai-matrx/content-ir-react": "latest",
-    "@ai-matrx/icons": "latest",
-    "@ai-matrx/tap-target": "latest"
+    "@ai-matrx/tap-target": "latest",
+    "@ai-matrx/records-ui": "latest"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",