@ai-matrx/chat 0.3.4 → 0.3.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @ai-matrx/chat
 
+## 0.3.5 — 2026-10-07
+### Chat mode opens the agent itself; Duplicate opens the copy in a new tab
+
+- The Chat-mode agent pill's menu starts with "This chat's agent": its row opens the agent menu's own
+  peek card (`AgentDetailCard`) — view, open, Sneak Peek, and Duplicate when the agent is not yours.
+- `agents/components/shared/AgentPeekDuplicateButton` moved here from matrx-frontend (one Duplicate for
+  every peek). It now opens the copy's page in a NEW TAB instead of navigating away from the chat.
+- Needs `@ai-matrx/agents` 0.49.0.
+- The composer's + (Chat Options) is tinted only when something was added — no longer blue on every fresh
+  chat. The Chat Options window lists its sections as start-aligned rows (`Tile`), not centred buttons.
+- Consumer action: import `AgentPeekDuplicateButton` from
+  `@ai-matrx/chat/agents/components/shared/AgentPeekDuplicateButton` and delete the app's copy.
+
 ## 0.3.4 — 2026-10-07
 ### Re-sync before matrx-frontend consumes the published package (P27)
 

package/dist/agents/components/inputs/smart-input/RunControlsMenu.js

@@ -89,7 +89,7 @@ function RunControlsMenu({
     Button,
     {
       variant: "quiet",
-      tone: rc.addedCount > 0 || rc.isCustomized ? "primary" : void 0,
+      tone: rc.addedCount > 0 ? "primary" : void 0,
       icon: /* @__PURE__ */ jsx(TriggerIcon, {}),
       tabIndex: variant === "plus" ? -1 : void 0,
       title: "Chat Options",

package/dist/agents/components/inputs/smart-input/composer/ComposerAgentPeek.d.ts

@@ -0,0 +1,4 @@
+export declare function ComposerAgentPeek({ agentId, onDone }: {
+    agentId: string;
+    onDone?: () => void;
+}): import("react").JSX.Element | null;

package/dist/agents/components/inputs/smart-input/composer/ComposerAgentPeek.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { AgentDetailCard, useAgentCatalogState } from "@ai-matrx/agents/catalog/react";
+import { useAppDispatch, useAppSelector } from "../../../../../store/hooks.js";
+import { selectAgentById, selectAgentReadyForBuilder } from "../../../../redux/agent-definition/selectors.js";
+import { fetchFullAgent } from "../../../../redux/agent-definition/thunks.js";
+import { AgentPeekDuplicateButton } from "../../../shared/AgentPeekDuplicateButton.js";
+function ComposerAgentPeek({ agentId, onDone }) {
+  const dispatch = useAppDispatch();
+  const row = useAgentCatalogState((state) => state.byId[agentId]);
+  const record = useAppSelector((state) => selectAgentById(state, agentId));
+  const isReady = useAppSelector((state) => selectAgentReadyForBuilder(state, agentId));
+  useEffect(() => {
+    if (!isReady) void dispatch(fetchFullAgent(agentId)).unwrap().catch(() => void 0);
+  }, [dispatch, agentId, isReady]);
+  const agent = row ?? (record ? {
+    id: record.id,
+    name: record.name,
+    description: record.description,
+    category: record.category,
+    tags: record.tags,
+    agentType: record.agentType,
+    modelId: record.modelId,
+    isActive: record.isActive,
+    isArchived: record.isArchived,
+    isFavorite: record.isFavorite,
+    createdBy: record.createdBy,
+    organizationId: record.organizationId,
+    taskId: record.taskId,
+    sourceAgentId: record.sourceAgentId,
+    createdAt: record.createdAt,
+    updatedAt: record.updatedAt,
+    isOwner: record.isOwner,
+    accessLevel: record.accessLevel,
+    sharedByEmail: record.sharedByEmail,
+    orchestra: null
+  } : null);
+  if (!agent) return null;
+  return /* @__PURE__ */ jsx(
+    AgentDetailCard,
+    {
+      agent,
+      actions: /* @__PURE__ */ jsx(AgentPeekDuplicateButton, { agentId, onDuplicated: onDone })
+    }
+  );
+}
+export {
+  ComposerAgentPeek
+};

package/dist/agents/components/inputs/smart-input/composer/ComposerAgentPill.js

@@ -36,6 +36,7 @@ import { composerShows } from "./composer-mode-visibility.js";
 import { composerPillClass } from "./composer-chip.js";
 import { useComposerAgent, useEffectiveModelId } from "./useComposerAgent.js";
 import { useComposerAgentFilter } from "./useComposerAgentFilter.js";
+import { ComposerAgentPeek } from "./ComposerAgentPeek.js";
 import { presentOrganizationRefusal } from "../../../../../host/org.js";
 import { ensureOrgId, isOrganizationSelectionCancelled } from "../../../../../host/org.js";
 function pillLabel(info, mode) {
@@ -150,6 +151,17 @@ function ComposerAgentPill({ conversationId, mode, size, agentControl, menuSide,
     )
   ] });
 }
+function ThisAgentRow({ info, close }) {
+  if (!info.agentId) return null;
+  return /* @__PURE__ */ jsx(
+    ComposerSubmenu,
+    {
+      row: { icon: Webhook, label: info.agentName ?? "Agent", description: "View, open or duplicate" },
+      panelClassName: "w-[340px] h-[420px] p-0",
+      children: /* @__PURE__ */ jsx(ComposerAgentPeek, { agentId: info.agentId, onDone: close })
+    }
+  );
+}
 function ChatPresetsPanel({
   conversationId,
   info,
@@ -169,7 +181,7 @@ function ChatPresetsPanel({
   if (!onSelectAgent) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Agent" }),
-      /* @__PURE__ */ jsx(ComposerMenuRow, { label: info.agentName ?? "Agent", checked: true }),
+      /* @__PURE__ */ jsx(ThisAgentRow, { info, close }),
       /* @__PURE__ */ jsx(ComposerMenuHelp, { children: "This page always answers with this agent." }),
       /* @__PURE__ */ jsx(ComposerMenuDivider, {}),
       /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Model for this chat" }),
@@ -229,6 +241,9 @@ function ChatPresetsPanel({
     void savePersonalDefault("chat_default_offering", offeringId ?? "");
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "This chat's agent" }),
+    /* @__PURE__ */ jsx(ThisAgentRow, { info, close }),
+    /* @__PURE__ */ jsx(ComposerMenuDivider, {}),
     /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Chat agents" }),
     info.presets.map((preset) => /* @__PURE__ */ jsx(
       ComposerMenuRow,

package/dist/agents/components/shared/AgentPeekDuplicateButton.d.ts

@@ -0,0 +1,5 @@
+export declare function AgentPeekDuplicateButton({ agentId, onDuplicated, }: {
+    agentId: string;
+    /** Close the peek once the copy opens. */
+    onDuplicated?: () => void;
+}): import("react").JSX.Element | null;

package/dist/agents/components/shared/AgentPeekDuplicateButton.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { CopyPlus, Loader2 } from "lucide-react";
+import { Button } from "@ai-matrx/design-system/controls";
+import { getUserMessage } from "@ai-matrx/agents/matrx";
+import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
+import { selectUserId } from "../../../host/identity.js";
+import { getBuilderDoor } from "../../../host/builder-door.js";
+import { toast } from "../../../host/notify.js";
+import { isOrganizationSelectionCancelled } from "../../../host/org.js";
+import { selectAgentById, selectAgentReadyForBuilder } from "../../redux/agent-definition/selectors.js";
+import { agentGoHref } from "../../addressing/agentAddress.js";
+function AgentPeekDuplicateButton({
+  agentId,
+  onDuplicated
+}) {
+  const dispatch = useAppDispatch();
+  const userId = useAppSelector(selectUserId);
+  const record = useAppSelector((state) => selectAgentById(state, agentId));
+  const isReady = useAppSelector((state) => selectAgentReadyForBuilder(state, agentId));
+  const [busy, setBusy] = useState(false);
+  const door = getBuilderDoor();
+  if (!door || !isReady || !record) return null;
+  const ownsIt = record.isOwner === true || record.createdBy != null && record.createdBy === userId;
+  if (ownsIt) return null;
+  const duplicate = async () => {
+    if (busy) return;
+    setBusy(true);
+    const tab = window.open("about:blank", "_blank");
+    try {
+      const newId = await dispatch(door.duplicateAgent(agentId)).unwrap();
+      const href = agentGoHref(newId, "/build");
+      if (tab) {
+        tab.opener = null;
+        tab.location.href = href;
+      } else {
+        window.open(href, "_blank", "noopener");
+      }
+      toast.success(`Duplicated "${record.name}" \u2014 opened in a new tab`);
+      onDuplicated?.();
+    } catch (err) {
+      tab?.close();
+      if (!isOrganizationSelectionCancelled(err)) {
+        toast.error("Could not duplicate agent", { description: getUserMessage(err) });
+      }
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      icon: busy ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ jsx(CopyPlus, {}),
+      variant: "outline",
+      onClick: duplicate,
+      disabled: busy,
+      title: "Make your own copy of this agent, in a new tab",
+      children: "Duplicate"
+    }
+  );
+}
+export {
+  AgentPeekDuplicateButton
+};

package/dist/window-panels/windows/agents/RunControlsWindow.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useAppDispatch } from "../../../store/hooks.js";
 import { closeOverlay, CHAT_WINDOWS } from "../../../host/windows.js";
@@ -20,7 +20,7 @@ import { selectInstanceAgentId } from "../../../agents/redux/execution-system/in
 import { selectAgentName } from "../../../agents/redux/agent-definition/selectors.js";
 import { NonEditableContextMenu } from "../../../host/ui-slots.js";
 import { buildAgentMenuSection, agentEntityRef } from "../../../agents/menu/agent-actions.js";
-import { Button } from "@ai-matrx/design-system/controls";
+import { Tile } from "@ai-matrx/design-system/controls";
 const OVERLAY_ID = CHAT_WINDOWS.runControlsWindow;
 function RunControlsWindowInner({
   conversationId,
@@ -104,10 +104,23 @@ function RunControlsWindowInner({
           children: rc.tabs.map((t) => {
             const Icon = t.icon;
             const on = activeTab === t.id;
-            return /* @__PURE__ */ jsxs(Button, { variant: "quiet", pressed: on, icon: /* @__PURE__ */ jsx(Icon, {}), role: "tab", "aria-selected": on, onClick: () => setTab(t.id), children: [
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: t.label }),
-              rc.tabTrailing(t.id)
-            ] }, t.id);
+            return (
+              // A list of sections is rows, start-aligned — never centred buttons.
+              /* @__PURE__ */ jsx(
+                Tile,
+                {
+                  variant: "quiet",
+                  selected: on,
+                  icon: /* @__PURE__ */ jsx(Icon, {}),
+                  title: t.label,
+                  end: rc.tabTrailing(t.id),
+                  role: "tab",
+                  "aria-selected": on,
+                  onClick: () => setTab(t.id)
+                },
+                t.id
+              )
+            );
           })
         }
       ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/chat",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "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",
@@ -201,22 +201,22 @@
     "server-only": "^0.0.1",
     "uuid": "^14.0.2",
     "zod": "^4.6.5",
-    "@ai-matrx/alchemy": "latest",
     "@ai-matrx/agents": "latest",
+    "@ai-matrx/alchemy": "latest",
+    "@ai-matrx/associations": "latest",
     "@ai-matrx/browser-audio": "latest",
     "@ai-matrx/canvas": "latest",
     "@ai-matrx/content-ir": "latest",
     "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
     "@ai-matrx/design-system": "latest",
-    "@ai-matrx/associations": "latest",
     "@ai-matrx/diff": "latest",
+    "@ai-matrx/icons": "latest",
     "@ai-matrx/kit": "latest",
     "@ai-matrx/media": "latest",
-    "@ai-matrx/icons": "latest",
+    "@ai-matrx/print": "latest",
     "@ai-matrx/realtime": "latest",
     "@ai-matrx/records": "latest",
-    "@ai-matrx/print": "latest",
     "@ai-matrx/records-ui": "latest",
     "@ai-matrx/tap-target": "latest"
   },