@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/working-document/WorkingDocumentViewControls.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   FileText,
   SplitSquareHorizontal,
@@ -50,58 +51,69 @@ function WorkingDocumentViewControls({
   const current = modes.find((m) => m.mode === editorMode) ?? modes[0];
   const CurrentIcon = current.icon;
   const editorActive = mainView === "editor";
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex shrink-0 items-center gap-1", className) }, saving && /* @__PURE__ */ React.createElement(Loader2, { className: "h-3 w-3 animate-spin text-muted-foreground" }), showDiff && hasUnseenChange && editorActive && /* @__PURE__ */ React.createElement("span", { className: "hidden whitespace-nowrap text-[10px] text-primary @[30rem]/wdhead:inline" }, "Agent edited"), /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "quiet",
-      title: "Change view mode",
-      "aria-label": `View: ${current.label}`,
-      disabled: !editorActive,
-      icon: /* @__PURE__ */ React.createElement(CurrentIcon, null),
-      iconEnd: /* @__PURE__ */ React.createElement(ChevronDown, null)
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "hidden @[20rem]/wdhead:inline" }, current.label)
-  )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", className: "min-w-[150px]" }, modes.map(({ mode, label, icon: Icon }) => /* @__PURE__ */ React.createElement(
-    DropdownMenuItem,
-    {
-      key: mode,
-      onSelect: () => {
-        setWorkingDocMainView(conversationId, "editor");
-        setWorkingDocEditorMode(conversationId, mode);
-      },
-      className: cn(
-        "gap-2 text-xs",
-        editorMode === mode && editorActive && "bg-accent text-foreground"
-      )
-    },
-    /* @__PURE__ */ React.createElement(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
-    /* @__PURE__ */ React.createElement("span", null, label),
-    editorMode === mode && editorActive && /* @__PURE__ */ React.createElement(Check, { className: "ml-auto h-3 w-3 shrink-0" })
-  )))), showDiff && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "quiet",
-      icon: /* @__PURE__ */ React.createElement(GitCompare, null),
-      "aria-pressed": mainView === "agent-diff",
-      tone: hasUnseenChange && mainView !== "agent-diff" ? "primary" : void 0,
-      onClick: () => setWorkingDocMainView(
-        conversationId,
-        mainView === "agent-diff" ? "editor" : "agent-diff"
-      ),
-      title: mainView === "agent-diff" ? "Back to editor" : "View the agent's latest changes",
-      "aria-label": mainView === "agent-diff" ? "Back to editor" : "View the agent's latest changes"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "quiet",
-      icon: /* @__PURE__ */ React.createElement(History, null),
-      onClick: () => history.toggle({ title: "Version history", data: { conversationId } }),
-      title: "Version history",
-      "aria-label": "Version history",
-      "aria-pressed": history.isVisible
-    }
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex shrink-0 items-center gap-1", className), children: [
+    saving && /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin text-muted-foreground" }),
+    showDiff && hasUnseenChange && editorActive && /* @__PURE__ */ jsx("span", { className: "hidden whitespace-nowrap text-[10px] text-primary @[30rem]/wdhead:inline", children: "Agent edited" }),
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "quiet",
+          title: "Change view mode",
+          "aria-label": `View: ${current.label}`,
+          disabled: !editorActive,
+          icon: /* @__PURE__ */ jsx(CurrentIcon, {}),
+          iconEnd: /* @__PURE__ */ jsx(ChevronDown, {}),
+          children: /* @__PURE__ */ jsx("span", { className: "hidden @[20rem]/wdhead:inline", children: current.label })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "min-w-[150px]", children: modes.map(({ mode, label, icon: Icon }) => /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          onSelect: () => {
+            setWorkingDocMainView(conversationId, "editor");
+            setWorkingDocEditorMode(conversationId, mode);
+          },
+          className: cn(
+            "gap-2 text-xs",
+            editorMode === mode && editorActive && "bg-accent text-foreground"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: label }),
+            editorMode === mode && editorActive && /* @__PURE__ */ jsx(Check, { className: "ml-auto h-3 w-3 shrink-0" })
+          ]
+        },
+        mode
+      )) })
+    ] }),
+    showDiff && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "quiet",
+        icon: /* @__PURE__ */ jsx(GitCompare, {}),
+        "aria-pressed": mainView === "agent-diff",
+        tone: hasUnseenChange && mainView !== "agent-diff" ? "primary" : void 0,
+        onClick: () => setWorkingDocMainView(
+          conversationId,
+          mainView === "agent-diff" ? "editor" : "agent-diff"
+        ),
+        title: mainView === "agent-diff" ? "Back to editor" : "View the agent's latest changes",
+        "aria-label": mainView === "agent-diff" ? "Back to editor" : "View the agent's latest changes"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "quiet",
+        icon: /* @__PURE__ */ jsx(History, {}),
+        onClick: () => history.toggle({ title: "Version history", data: { conversationId } }),
+        title: "Version history",
+        "aria-label": "Version history",
+        "aria-pressed": history.isVisible
+      }
+    )
+  ] });
 }
 export {
   WORKING_DOC_VIEW_MODES,

package/dist/agents/components/working-document/documents-workspace/DocumentsListRail.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useAppDispatch } from "../../../../store/hooks.js";
 import {
@@ -70,123 +71,143 @@ function DocumentsListRail({
     (d) => d.conversationId !== currentConversationId
   );
   const ordered = [...pinned, ...rest];
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "flex h-full min-h-0 w-60 shrink-0 flex-col border-r border-border bg-card/60",
         className
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-2 py-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "flex-1 text-xs font-medium text-muted-foreground" }, "Documents"), onCollapse && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(PanelLeftClose, null), onClick: onCollapse, "aria-label": "Collapse list", title: "Collapse list" })),
-    /* @__PURE__ */ React.createElement("div", { className: "shrink-0 px-2 py-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1" }, /* @__PURE__ */ React.createElement(Search, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        type: "text",
-        value: query,
-        onChange: (e) => setQuery(e.target.value),
-        placeholder: "Search documents\u2026",
-        className: "min-w-0 flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground focus:outline-none"
-      }
-    ))),
-    /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto scrollbar-thin-auto px-1.5 pb-2" }, docs === null && !error && /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center gap-1.5 py-8 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), "Loading\u2026"), error && /* @__PURE__ */ React.createElement("div", { className: "px-2 py-4 text-xs text-destructive" }, error, " ", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error })), !error && docs !== null && ordered.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "px-2 py-8 text-center text-xs text-muted-foreground" }, q ? "Nothing matches." : "No documents yet."), ordered.map((d) => {
-      const isScratch = d.kind === "scratch";
-      const scope = scopeOf(d);
-      const key = railTabKey(scope, d.kind);
-      const isOpen = openKeys?.has(key) ?? false;
-      const isActive = activeKey != null && key === activeKey;
-      const canDetach = (closableKeys?.has(key) ?? false) && !!onDetach;
-      const label = d.title?.trim() || (isScratch ? "Scratchpad" : "Working document");
-      const open = () => onOpen({
-        conversationId: scope,
-        kind: d.kind,
-        documentId: d.id,
-        title: d.title
-      });
-      return /* @__PURE__ */ React.createElement(
-        ItemRow,
-        {
-          sourceFeature: "working-document",
-          entity: {
-            type: "document",
-            id: d.id,
-            title: label,
-            resourceType: "document"
-          },
-          key: d.id,
-          size: "sm",
-          active: isActive,
-          label,
-          leading: isScratch ? /* @__PURE__ */ React.createElement(Lock, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ React.createElement(FileText, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-          trailing: isOpen ? /* @__PURE__ */ React.createElement(
-            "span",
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-2 py-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex-1 text-xs font-medium text-muted-foreground", children: "Documents" }),
+          onCollapse && /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(PanelLeftClose, {}), onClick: onCollapse, "aria-label": "Collapse list", title: "Collapse list" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "shrink-0 px-2 py-1.5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1", children: [
+          /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            "input",
             {
-              className: "h-1.5 w-1.5 rounded-full bg-primary",
-              title: "Attached",
-              "aria-label": "Attached"
-            }
-          ) : void 0,
-          onOpen: open,
-          rename: {
-            value: label,
-            onCommit: async (next) => {
-              const trimmed = next.trim();
-              if (!trimmed || trimmed === label) return;
-              await updateCxWorkingDocumentTitle(d.id, trimmed);
-              dispatch(
-                setWorkingDocTitle({
-                  conversationId: scope,
-                  kind: d.kind,
-                  title: trimmed
-                })
-              );
-              onDocumentRenamed?.(d.id, trimmed);
-              setDocs(
-                (prev) => prev?.map(
-                  (x) => x.id === d.id ? { ...x, title: trimmed } : x
-                ) ?? prev
-              );
+              type: "text",
+              value: query,
+              onChange: (e) => setQuery(e.target.value),
+              placeholder: "Search documents\u2026",
+              className: "min-w-0 flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground focus:outline-none"
             }
-          },
-          menu: {
-            sections: [
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto scrollbar-thin-auto px-1.5 pb-2", children: [
+          docs === null && !error && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1.5 py-8 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+            "Loading\u2026"
+          ] }),
+          error && /* @__PURE__ */ jsxs("div", { className: "px-2 py-4 text-xs text-destructive", children: [
+            error,
+            " ",
+            /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error })
+          ] }),
+          !error && docs !== null && ordered.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-2 py-8 text-center text-xs text-muted-foreground", children: q ? "Nothing matches." : "No documents yet." }),
+          ordered.map((d) => {
+            const isScratch = d.kind === "scratch";
+            const scope = scopeOf(d);
+            const key = railTabKey(scope, d.kind);
+            const isOpen = openKeys?.has(key) ?? false;
+            const isActive = activeKey != null && key === activeKey;
+            const canDetach = (closableKeys?.has(key) ?? false) && !!onDetach;
+            const label = d.title?.trim() || (isScratch ? "Scratchpad" : "Working document");
+            const open = () => onOpen({
+              conversationId: scope,
+              kind: d.kind,
+              documentId: d.id,
+              title: d.title
+            });
+            return /* @__PURE__ */ jsx(
+              ItemRow,
               {
-                items: [
-                  isOpen ? {
-                    id: "swap",
-                    label: "Switch to",
-                    icon: PanelLeftOpen,
-                    onSelect: open
-                  } : {
-                    id: "open",
-                    label: "Attach",
-                    icon: PanelLeftOpen,
-                    onSelect: open
-                  },
+                sourceFeature: "working-document",
+                entity: {
+                  type: "document",
+                  id: d.id,
+                  title: label,
+                  resourceType: "document"
+                },
+                size: "sm",
+                active: isActive,
+                label,
+                leading: isScratch ? /* @__PURE__ */ jsx(Lock, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                trailing: isOpen ? /* @__PURE__ */ jsx(
+                  "span",
                   {
-                    id: "rename",
-                    label: "Rename",
-                    icon: Pencil,
-                    intent: "rename",
-                    onSelect: () => {
-                    }
-                  },
-                  ...canDetach ? [
+                    className: "h-1.5 w-1.5 rounded-full bg-primary",
+                    title: "Attached",
+                    "aria-label": "Attached"
+                  }
+                ) : void 0,
+                onOpen: open,
+                rename: {
+                  value: label,
+                  onCommit: async (next) => {
+                    const trimmed = next.trim();
+                    if (!trimmed || trimmed === label) return;
+                    await updateCxWorkingDocumentTitle(d.id, trimmed);
+                    dispatch(
+                      setWorkingDocTitle({
+                        conversationId: scope,
+                        kind: d.kind,
+                        title: trimmed
+                      })
+                    );
+                    onDocumentRenamed?.(d.id, trimmed);
+                    setDocs(
+                      (prev) => prev?.map(
+                        (x) => x.id === d.id ? { ...x, title: trimmed } : x
+                      ) ?? prev
+                    );
+                  }
+                },
+                menu: {
+                  sections: [
                     {
-                      id: "detach",
-                      label: "Detach",
-                      icon: Unlink,
-                      tone: "destructive",
-                      onSelect: () => onDetach?.(key)
+                      items: [
+                        isOpen ? {
+                          id: "swap",
+                          label: "Switch to",
+                          icon: PanelLeftOpen,
+                          onSelect: open
+                        } : {
+                          id: "open",
+                          label: "Attach",
+                          icon: PanelLeftOpen,
+                          onSelect: open
+                        },
+                        {
+                          id: "rename",
+                          label: "Rename",
+                          icon: Pencil,
+                          intent: "rename",
+                          onSelect: () => {
+                          }
+                        },
+                        ...canDetach ? [
+                          {
+                            id: "detach",
+                            label: "Detach",
+                            icon: Unlink,
+                            tone: "destructive",
+                            onSelect: () => onDetach?.(key)
+                          }
+                        ] : []
+                      ]
                     }
-                  ] : []
-                ]
-              }
-            ]
-          }
-        }
-      );
-    }))
+                  ]
+                }
+              },
+              d.id
+            );
+          })
+        ] })
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/working-document/documents-workspace/DocumentsWorkspace.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { StaleDataNotice } from "../../../../host/ui-slots.js";
 import { toast } from "../../../../host/notify.js";
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -320,116 +321,128 @@ function DocumentsWorkspace({
     // tree, and deepest wins by design — inside the text, the text's surface is
     // the right answer. This one is the shell's honest declaration and the
     // fallback whenever no editor is mounted.
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ jsx(
       SurfaceRuntimeProvider,
       {
         surfaceName: DOCUMENTS_WORKSPACE_SURFACE_NAME,
         getScope: buildScope,
-        isEditable: false
-      },
-      /* @__PURE__ */ React.createElement("div", { ref: rootRef, className: cn("flex h-full min-h-0", className) }, railOpen && /* @__PURE__ */ React.createElement(
-        DocumentsListRail,
-        {
-          currentConversationId: conversationId,
-          activeKey,
-          openKeys,
-          closableKeys,
-          onOpen: (selection) => {
-            openDoc(selection);
-            if (compact) setRailOpen(false);
-          },
-          onDetach: closeTab,
-          onDocumentRenamed: handleDocumentRenamed,
-          onCollapse: () => setRailOpen(false),
-          className: compact ? "w-full border-r-0" : void 0
-        }
-      ), (!compact || !railOpen) && /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 flex-1 flex-col" }, restoreError != null && /* @__PURE__ */ React.createElement(
-        StaleDataNotice,
-        {
-          hasData: true,
-          partial: true,
-          what: "the documents attached to this conversation",
-          onRetry: () => setRestoreAttempt((n) => n + 1),
-          className: "m-2"
-        }
-      ), /* @__PURE__ */ React.createElement(
-        NonEditableContextMenu,
-        {
-          sourceFeature: "working-document",
-          surfaceName: DOCUMENTS_WORKSPACE_SURFACE_NAME,
-          contentSource: { type: "raw" },
-          contextData: buildScope(),
-          resolveContextOnOpen: (target) => {
-            const key = target?.closest("[data-doc-tab-key]")?.getAttribute("data-doc-tab-key") ?? null;
-            setClickedTabKey(key);
-            const tab = tabs.find((t) => tabKey(t) === key) ?? null;
-            if (!tab) {
-              return {
-                content: [
-                  `Open documents (${tabs.length})`,
-                  ...tabs.map(
-                    (t) => `\u2022 ${t.label ?? kindLabel(t.kind)} (${t.kind})`
-                  )
-                ].join("\n"),
-                [CONTEXT_MENU_ENTITY_KEY]: null
-              };
+        isEditable: false,
+        children: /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("flex h-full min-h-0", className), children: [
+          railOpen && /* @__PURE__ */ jsx(
+            DocumentsListRail,
+            {
+              currentConversationId: conversationId,
+              activeKey,
+              openKeys,
+              closableKeys,
+              onOpen: (selection) => {
+                openDoc(selection);
+                if (compact) setRailOpen(false);
+              },
+              onDetach: closeTab,
+              onDocumentRenamed: handleDocumentRenamed,
+              onCollapse: () => setRailOpen(false),
+              className: compact ? "w-full border-r-0" : void 0
             }
-            const title = tab.label ?? kindLabel(tab.kind);
-            const body = selectWorkingDocContent(
-              tab.conversationId,
-              tab.kind
-            )(store.getState());
-            return {
-              content: body.trim() ? body : `# ${title}
+          ),
+          (!compact || !railOpen) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            restoreError != null && /* @__PURE__ */ jsx(
+              StaleDataNotice,
+              {
+                hasData: true,
+                partial: true,
+                what: "the documents attached to this conversation",
+                onRetry: () => setRestoreAttempt((n) => n + 1),
+                className: "m-2"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              NonEditableContextMenu,
+              {
+                sourceFeature: "working-document",
+                surfaceName: DOCUMENTS_WORKSPACE_SURFACE_NAME,
+                contentSource: { type: "raw" },
+                contextData: buildScope(),
+                resolveContextOnOpen: (target) => {
+                  const key = target?.closest("[data-doc-tab-key]")?.getAttribute("data-doc-tab-key") ?? null;
+                  setClickedTabKey(key);
+                  const tab = tabs.find((t) => tabKey(t) === key) ?? null;
+                  if (!tab) {
+                    return {
+                      content: [
+                        `Open documents (${tabs.length})`,
+                        ...tabs.map(
+                          (t) => `\u2022 ${t.label ?? kindLabel(t.kind)} (${t.kind})`
+                        )
+                      ].join("\n"),
+                      [CONTEXT_MENU_ENTITY_KEY]: null
+                    };
+                  }
+                  const title = tab.label ?? kindLabel(tab.kind);
+                  const body = selectWorkingDocContent(
+                    tab.conversationId,
+                    tab.kind
+                  )(store.getState());
+                  return {
+                    content: body.trim() ? body : `# ${title}
 
 (empty)`,
-              // THE PER-ROW ENTITY RULE — Attach To / Share target the tab the
-              // user right-clicked, never the pane. A base tab whose document
-              // has not materialized yet has no id, so it resolves to null and
-              // the entity actions hide rather than target the wrong record.
-              [CONTEXT_MENU_ENTITY_KEY]: tab.documentId ? {
-                type: "document",
-                id: tab.documentId,
-                title,
-                resourceType: "document"
-              } : null
-            };
-          },
-          extraSections: [tabSection]
-        },
-        /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center gap-0.5 border-b border-border bg-card/40 px-1 py-1" }, !railOpen && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(PanelLeftOpen, null), onClick: () => setRailOpen(true), "aria-label": "Show document list", title: "Show document list", className: "shrink-0" }), /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 flex-1 items-center gap-0.5 overflow-x-auto scrollbar-none" }, tabs.map((t) => {
-          const key = tabKey(t);
-          const isActive = key === activeKey;
-          const isScratch = t.kind === "scratch";
-          return /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              key,
-              "data-doc-tab-key": key,
-              className: cn(
-                "group flex shrink-0 items-center gap-1 rounded-md px-2 py-1 text-xs transition-colors",
-                isActive ? "bg-accent text-foreground" : "text-muted-foreground hover:bg-accent/60 hover:text-foreground"
-              )
-            },
-            /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: isScratch ? /* @__PURE__ */ React.createElement(Lock, null) : /* @__PURE__ */ React.createElement(FileText, null), onClick: () => setActiveKey(key) }, t.label ?? (isScratch ? "Scratchpad" : "Working document")),
-            t.closable && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(X, null), onClick: () => closeTab(key), "aria-label": "Close tab", className: "opacity-0 group-hover:opacity-100" })
-          );
-        })))
-      ), /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1" }, /* @__PURE__ */ React.createElement(
-        WorkingDocumentPanel,
-        {
-          key: tabKey(active),
-          conversationId: active.conversationId,
-          kind: active.kind,
-          showHeader: true,
-          showHeaderTitle: false,
-          showOpenInWindow: false,
-          showEnableToggle: true,
-          surfaceContext: active.conversationId === conversationId ? surfaceContext : void 0,
-          gateConversationId: active.kind === "scratch" && !isScratchScope(conversationId) ? conversationId : void 0,
-          className: "h-full"
-        }
-      ))))
+                    // THE PER-ROW ENTITY RULE — Attach To / Share target the tab the
+                    // user right-clicked, never the pane. A base tab whose document
+                    // has not materialized yet has no id, so it resolves to null and
+                    // the entity actions hide rather than target the wrong record.
+                    [CONTEXT_MENU_ENTITY_KEY]: tab.documentId ? {
+                      type: "document",
+                      id: tab.documentId,
+                      title,
+                      resourceType: "document"
+                    } : null
+                  };
+                },
+                extraSections: [tabSection],
+                children: /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5 border-b border-border bg-card/40 px-1 py-1", children: [
+                  !railOpen && /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(PanelLeftOpen, {}), onClick: () => setRailOpen(true), "aria-label": "Show document list", title: "Show document list", className: "shrink-0" }),
+                  /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center gap-0.5 overflow-x-auto scrollbar-none", children: tabs.map((t) => {
+                    const key = tabKey(t);
+                    const isActive = key === activeKey;
+                    const isScratch = t.kind === "scratch";
+                    return /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        "data-doc-tab-key": key,
+                        className: cn(
+                          "group flex shrink-0 items-center gap-1 rounded-md px-2 py-1 text-xs transition-colors",
+                          isActive ? "bg-accent text-foreground" : "text-muted-foreground hover:bg-accent/60 hover:text-foreground"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: isScratch ? /* @__PURE__ */ jsx(Lock, {}) : /* @__PURE__ */ jsx(FileText, {}), onClick: () => setActiveKey(key), children: t.label ?? (isScratch ? "Scratchpad" : "Working document") }),
+                          t.closable && /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(X, {}), onClick: () => closeTab(key), "aria-label": "Close tab", className: "opacity-0 group-hover:opacity-100" })
+                        ]
+                      },
+                      key
+                    );
+                  }) })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+              WorkingDocumentPanel,
+              {
+                conversationId: active.conversationId,
+                kind: active.kind,
+                showHeader: true,
+                showHeaderTitle: false,
+                showOpenInWindow: false,
+                showEnableToggle: true,
+                surfaceContext: active.conversationId === conversationId ? surfaceContext : void 0,
+                gateConversationId: active.kind === "scratch" && !isScratchScope(conversationId) ? conversationId : void 0,
+                className: "h-full"
+              },
+              tabKey(active)
+            ) })
+          ] })
+        ] })
+      }
     )
   );
 }