@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/public-chat/components/PublicMessageOptionsMenu.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useState, useEffect, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
 import {
   Copy,
   FileCode,
@@ -491,36 +492,40 @@ const PublicMessageOptionsMenu = ({
     // that closes the menu and does nothing.
     (item) => item.key !== "quick-share-html" || Boolean(onQuickHtmlShare)
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    AdvancedMenu,
-    {
-      isOpen,
-      onClose,
-      items: menuItems,
-      title: "More options",
-      position: "bottom-left",
-      anchorElement,
-      showBackdrop: false
-    }
-  ), /* @__PURE__ */ React.createElement(
-    EmailInputDialog,
-    {
-      isOpen: showEmailDialog,
-      onClose: () => setShowEmailDialog(false),
-      onSubmit: handleSendEmail,
-      title: "Email this response",
-      description: "Enter your email address to receive this AI response.",
-      submitLabel: "Send to Email"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    AuthGateDialog,
-    {
-      isOpen: showAuthGate,
-      onClose: () => setShowAuthGate(false),
-      featureName: authGateFeature.name,
-      featureDescription: authGateFeature.description
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AdvancedMenu,
+      {
+        isOpen,
+        onClose,
+        items: menuItems,
+        title: "More options",
+        position: "bottom-left",
+        anchorElement,
+        showBackdrop: false
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EmailInputDialog,
+      {
+        isOpen: showEmailDialog,
+        onClose: () => setShowEmailDialog(false),
+        onSubmit: handleSendEmail,
+        title: "Email this response",
+        description: "Enter your email address to receive this AI response.",
+        submitLabel: "Send to Email"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AuthGateDialog,
+      {
+        isOpen: showAuthGate,
+        onClose: () => setShowAuthGate(false),
+        featureName: authGateFeature.name,
+        featureDescription: authGateFeature.description
+      }
+    )
+  ] });
 };
 var PublicMessageOptionsMenu_default = PublicMessageOptionsMenu;
 export {

package/dist/public-chat/components/PublicVariableInputs.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useState, useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
 import { ChevronRight, ChevronUp } from "lucide-react";
 import { Label } from "@ai-matrx/design-system";
 import {
@@ -64,11 +65,11 @@ function PublicVariableInputs({
   if (variableDefaults.length === 0) {
     return null;
   }
-  const variableInputs = /* @__PURE__ */ React.createElement(React.Fragment, null, variableDefaults.map((variable, index) => {
+  const variableInputs = /* @__PURE__ */ jsx(Fragment, { children: variableDefaults.map((variable, index) => {
     const isExpanded = expandedVariable === variable.name;
     const rawValue = values[variable.name] ?? variable.defaultValue ?? "";
     const value = typeof rawValue === "string" ? rawValue : String(rawValue);
-    return /* @__PURE__ */ React.createElement("div", { key: variable.name }, isExpanded ? /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("div", { children: isExpanded ? /* @__PURE__ */ jsxs(
       Popover,
       {
         open: expandedVariable === variable.name,
@@ -76,79 +77,92 @@ function PublicVariableInputs({
           if (!open) {
             handleExpandedVariableChange(null);
           }
-        }
-      },
-      /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: "w-full flex items-center gap-2 pl-3 pr-3 h-10 bg-background border-b border-border cursor-pointer hover:bg-accent transition-colors group",
-          onClick: () => handleExpandedVariableChange(variable.name)
-        },
-        /* @__PURE__ */ React.createElement(Label, { className: "text-xs font-medium text-muted-foreground whitespace-nowrap flex-shrink-0 cursor-pointer" }, variableRunLabel(variable), ":"),
-        /* @__PURE__ */ React.createElement("div", { className: "flex-1 text-xs text-foreground min-w-0" }, value ? /* @__PURE__ */ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis block" }, value.replace(/\n/g, " \u21B5 ")) : /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground" }, variable.helpText || "Enter value...")),
-        /* @__PURE__ */ React.createElement(ChevronUp, { className: "w-3.5 h-3.5 text-primary flex-shrink-0 transition-colors" })
-      )),
-      /* @__PURE__ */ React.createElement(
-        PopoverContent,
-        {
-          className: "w-[500px] max-h-[500px] p-3 border-border overflow-y-auto scrollbar-thin",
-          align: "center",
-          side: "top",
-          sideOffset: 8
         },
-        /* @__PURE__ */ React.createElement(
-          VariableInputComponent,
-          {
-            value,
-            onChange: (newValue) => handleVariableChange(variable.name, newValue),
-            variableName: variable.name,
-            label: variableRunLabel(variable),
-            customComponent: variable.customComponent,
-            onRequestClose: () => handleExpandedVariableChange(null),
-            helpText: variable.helpText,
-            compact
-          }
-        )
-      )
-    ) : /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 pl-3 pr-3 h-10 bg-background border-b border-border hover:bg-accent transition-colors focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/20 group" }, /* @__PURE__ */ React.createElement(
-      Label,
-      {
-        className: "text-xs font-medium text-muted-foreground whitespace-nowrap flex-shrink-0 cursor-pointer",
-        onClick: () => handleExpandedVariableChange(variable.name)
-      },
-      variableRunLabel(variable),
-      ":"
-    ), /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        type: "text",
-        value: value.includes("\n") ? value.replace(/\n/g, " \u21B5 ") : value,
-        onChange: (e) => handleVariableChange(variable.name, e.target.value),
-        onKeyDown: (e) => handleVariableKeyDown(e, index),
-        placeholder: variable.helpText || "Enter value...",
-        className: "flex-1 text-base md:text-xs bg-transparent border-none outline-none focus:outline-none text-foreground placeholder:text-muted-foreground min-w-0",
-        "data-variable-index": index,
-        disabled
+        children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "w-full flex items-center gap-2 pl-3 pr-3 h-10 bg-background border-b border-border cursor-pointer hover:bg-accent transition-colors group",
+              onClick: () => handleExpandedVariableChange(variable.name),
+              children: [
+                /* @__PURE__ */ jsxs(Label, { className: "text-xs font-medium text-muted-foreground whitespace-nowrap flex-shrink-0 cursor-pointer", children: [
+                  variableRunLabel(variable),
+                  ":"
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 text-xs text-foreground min-w-0", children: value ? /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis block", children: value.replace(/\n/g, " \u21B5 ") }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: variable.helpText || "Enter value..." }) }),
+                /* @__PURE__ */ jsx(ChevronUp, { className: "w-3.5 h-3.5 text-primary flex-shrink-0 transition-colors" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            PopoverContent,
+            {
+              className: "w-[500px] max-h-[500px] p-3 border-border overflow-y-auto scrollbar-thin",
+              align: "center",
+              side: "top",
+              sideOffset: 8,
+              children: /* @__PURE__ */ jsx(
+                VariableInputComponent,
+                {
+                  value,
+                  onChange: (newValue) => handleVariableChange(variable.name, newValue),
+                  variableName: variable.name,
+                  label: variableRunLabel(variable),
+                  customComponent: variable.customComponent,
+                  onRequestClose: () => handleExpandedVariableChange(null),
+                  helpText: variable.helpText,
+                  compact
+                }
+              )
+            }
+          )
+        ]
       }
-    ), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(ChevronRight, null), onClick: () => handleExpandedVariableChange(variable.name), disabled, title: "Expand to full editor", "aria-label": "Expand to full editor" })));
-  }));
+    ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pl-3 pr-3 h-10 bg-background border-b border-border hover:bg-accent transition-colors focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/20 group", children: [
+      /* @__PURE__ */ jsxs(
+        Label,
+        {
+          className: "text-xs font-medium text-muted-foreground whitespace-nowrap flex-shrink-0 cursor-pointer",
+          onClick: () => handleExpandedVariableChange(variable.name),
+          children: [
+            variableRunLabel(variable),
+            ":"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: value.includes("\n") ? value.replace(/\n/g, " \u21B5 ") : value,
+          onChange: (e) => handleVariableChange(variable.name, e.target.value),
+          onKeyDown: (e) => handleVariableKeyDown(e, index),
+          placeholder: variable.helpText || "Enter value...",
+          className: "flex-1 text-base md:text-xs bg-transparent border-none outline-none focus:outline-none text-foreground placeholder:text-muted-foreground min-w-0",
+          "data-variable-index": index,
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(ChevronRight, {}), onClick: () => handleExpandedVariableChange(variable.name), disabled, title: "Expand to full editor", "aria-label": "Expand to full editor" })
+    ] }) }, variable.name);
+  }) });
   if (minimal) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: "bg-card rounded-xl border border-border overflow-hidden",
-        "data-variable-inputs": true
-      },
-      variableInputs
+        "data-variable-inputs": true,
+        children: variableInputs
+      }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "bg-card rounded-xl border border-border overflow-hidden",
-      "data-variable-inputs": true
-    },
-    variableInputs
+      "data-variable-inputs": true,
+      children: variableInputs
+    }
   );
 }
 var PublicVariableInputs_default = PublicVariableInputs;

package/dist/quick-actions/components/QuickChatSheet.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { MessageSquarePlus, PanelLeft } from "lucide-react";
 import { Button } from "@ai-matrx/design-system/controls";
@@ -47,25 +48,32 @@ function QuickChatSheet(props) {
   const { mandate, loading, error, organizationPending } = useMandate(DEFAULT_NEW_CHAT_MANDATE_KEY);
   const waitingForHandoff = Boolean(initialConversationId && !handedOffAgentId && !resumeAgentId);
   if (loading || waitingForHandoff) {
-    return /* @__PURE__ */ React.createElement("div", { className: cn("flex h-full flex-col overflow-hidden", className) }, /* @__PURE__ */ React.createElement(ChatRoomSkeleton, null));
+    return /* @__PURE__ */ jsx("div", { className: cn("flex h-full flex-col overflow-hidden", className), children: /* @__PURE__ */ jsx(ChatRoomSkeleton, {}) });
   }
   if (organizationPending) {
-    return /* @__PURE__ */ React.createElement("div", { className: cn("flex h-full flex-col overflow-hidden", className) }, /* @__PURE__ */ React.createElement(WorkspaceGate, { blocked: true, sentence: "Chat needs a workspace to open." }, /* @__PURE__ */ React.createElement(ChatRoomSkeleton, null)));
+    return /* @__PURE__ */ jsx("div", { className: cn("flex h-full flex-col overflow-hidden", className), children: /* @__PURE__ */ jsx(WorkspaceGate, { blocked: true, sentence: "Chat needs a workspace to open.", children: /* @__PURE__ */ jsx(ChatRoomSkeleton, {}) }) });
   }
   if (error || !mandate) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: cn(
           "flex h-full flex-col items-center justify-center gap-2 px-6 text-center",
           className
-        )
-      },
-      /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-foreground" }, "Chat is unavailable right now."),
-      /* @__PURE__ */ React.createElement("p", { className: "max-w-sm text-xs text-muted-foreground" }, "The default chat agent could not be resolved", asClause(error ? ` \u2014 ${error}` : ""), ". Check your override on the Mandates page, or try again shortly.", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, null))
+        ),
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Chat is unavailable right now." }),
+          /* @__PURE__ */ jsxs("p", { className: "max-w-sm text-xs text-muted-foreground", children: [
+            "The default chat agent could not be resolved",
+            asClause(error ? ` \u2014 ${error}` : ""),
+            ". Check your override on the Mandates page, or try again shortly.",
+            /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
+          ] })
+        ]
+      }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     QuickChatSheetBody,
     {
       ...props,
@@ -219,59 +227,75 @@ function QuickChatSheetBody({
     },
     [dispatch]
   );
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex h-full flex-col overflow-hidden", className) }, chrome === "inline" ? /* @__PURE__ */ React.createElement("div", { className: "flex h-10 shrink-0 items-center gap-1 border-b border-border px-2" }, /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      icon: /* @__PURE__ */ React.createElement(PanelLeft, null),
-      variant: showHistory ? "outline" : "quiet",
-      className: "shrink-0",
-      onClick: () => setShowHistory((v) => !v),
-      "aria-label": "Toggle conversation history"
-    }
-  )), /* @__PURE__ */ React.createElement(TooltipContent, null, "Conversations"))), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }), /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      icon: /* @__PURE__ */ React.createElement(MessageSquarePlus, null),
-      variant: "quiet",
-      onClick: handleNewChat
-    },
-    "New chat"
-  )), /* @__PURE__ */ React.createElement(TooltipContent, null, "Start a fresh conversation")))) : null, /* @__PURE__ */ React.createElement("div", { ref: bodyRef, className: "@container flex min-h-0 flex-1" }, showHistory && /* @__PURE__ */ React.createElement("div", { className: "w-64 shrink-0 border-r border-border @max-[520px]:w-full @max-[520px]:border-r-0" }, /* @__PURE__ */ React.createElement(
-    ChatHistorySidebar,
-    {
-      scopeId: HISTORY_SCOPE,
-      surfaceId: "chat",
-      activeConversationId: conversationId,
-      onOpenConversation: handleOpenConversation,
-      openInPlace: true,
-      excludeSourceFeatures: ["voice-agent"]
-    }
-  )), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden",
-        showHistory && "@max-[520px]:hidden"
-      )
-    },
-    conversationId && !resuming ? /* @__PURE__ */ React.createElement("div", { ref: measureRef, className: "flex min-h-0 flex-1 overflow-hidden justify-center" }, /* @__PURE__ */ React.createElement(
-      AgentConversationColumn,
-      {
-        conversationId,
-        surfaceKey,
-        constrainWidth: true,
-        edgeToEdgeScroll: true,
-        smartInputProps: {
-          composer: {
-            size: "compact",
-            mode: composerMode,
-            agent: { onSelectAgent: handleSelectAgent },
-            maxInputHeightPx
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full flex-col overflow-hidden", className), children: [
+    chrome === "inline" ? /* @__PURE__ */ jsxs("div", { className: "flex h-10 shrink-0 items-center gap-1 border-b border-border px-2", children: [
+      /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: /* @__PURE__ */ jsx(PanelLeft, {}),
+            variant: showHistory ? "outline" : "quiet",
+            className: "shrink-0",
+            onClick: () => setShowHistory((v) => !v),
+            "aria-label": "Toggle conversation history"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: "Conversations" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1" }),
+      /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: /* @__PURE__ */ jsx(MessageSquarePlus, {}),
+            variant: "quiet",
+            onClick: handleNewChat,
+            children: "New chat"
           }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: "Start a fresh conversation" })
+      ] }) })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { ref: bodyRef, className: "@container flex min-h-0 flex-1", children: [
+      showHistory && /* @__PURE__ */ jsx("div", { className: "w-64 shrink-0 border-r border-border @max-[520px]:w-full @max-[520px]:border-r-0", children: /* @__PURE__ */ jsx(
+        ChatHistorySidebar,
+        {
+          scopeId: HISTORY_SCOPE,
+          surfaceId: "chat",
+          activeConversationId: conversationId,
+          onOpenConversation: handleOpenConversation,
+          openInPlace: true,
+          excludeSourceFeatures: ["voice-agent"]
         }
-      }
-    )) : /* @__PURE__ */ React.createElement(ChatRoomSkeleton, null)
-  )));
+      ) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden",
+            showHistory && "@max-[520px]:hidden"
+          ),
+          children: conversationId && !resuming ? /* @__PURE__ */ jsx("div", { ref: measureRef, className: "flex min-h-0 flex-1 overflow-hidden justify-center", children: /* @__PURE__ */ jsx(
+            AgentConversationColumn,
+            {
+              conversationId,
+              surfaceKey,
+              constrainWidth: true,
+              edgeToEdgeScroll: true,
+              smartInputProps: {
+                composer: {
+                  size: "compact",
+                  mode: composerMode,
+                  agent: { onSelectAgent: handleSelectAgent },
+                  maxInputHeightPx
+                }
+              }
+            }
+          ) }) : /* @__PURE__ */ jsx(ChatRoomSkeleton, {})
+        }
+      )
+    ] })
+  ] });
 }
 export {
   QuickChatSheet

package/dist/surfaces/components/chrome/PageIntelligenceSection.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { usePathname, Link } from "../../../host/navigation.js";
 import { ArrowUpRight } from "lucide-react";
@@ -67,28 +68,41 @@ function PageIntelligenceSection({
     };
   }, [keyList]);
   if (entries.length === 0) return null;
-  return /* @__PURE__ */ React.createElement("section", { className: "min-w-0 border-t border-border pt-2", "aria-label": "Page intelligence" }, /* @__PURE__ */ React.createElement("div", { className: "mb-1 flex items-center gap-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground" }, /* @__PURE__ */ React.createElement(INTELLIGENCE_ICON, { className: "h-3 w-3", "aria-hidden": true }), "Page intelligence"), namesError != null && /* @__PURE__ */ React.createElement("p", { className: "flex items-center gap-1 px-2 pb-1 text-[10px] text-muted-foreground" }, "Names couldn't be read \u2014 showing each job's key.", /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, { error: namesError, size: "xs", operation: "Read the page's job names" })), /* @__PURE__ */ React.createElement("ul", { className: "space-y-0.5" }, entries.map(([key, href]) => /* @__PURE__ */ React.createElement("li", { key, className: "flex min-w-0 items-center gap-0.5" }, /* @__PURE__ */ React.createElement(Tile, { variant: "quiet", title: mandateDisplayName(key, identities[key]?.label), onClick: () => {
-    openMandate({
-      initialMandateKey: key,
-      mandateKeys: entries.map(([entryKey]) => entryKey),
-      surfaceName,
-      initialView: isAdmin ? "admin" : "yours"
-    });
-    onOpened?.();
-  }, className: "min-w-0 flex-1" }), href ? /* @__PURE__ */ React.createElement(
-    Link,
-    {
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      prefetch: false,
-      onClick: onOpened,
-      title: "Open the full page in a new tab",
-      "aria-label": `Open ${mandateDisplayName(key, identities[key]?.label)} full page in a new tab`,
-      className: "shrink-0 rounded-md p-1.5 text-muted-foreground hover:bg-accent hover:text-foreground"
-    },
-    /* @__PURE__ */ React.createElement(ArrowUpRight, { className: "h-3 w-3", "aria-hidden": true })
-  ) : null))));
+  return /* @__PURE__ */ jsxs("section", { className: "min-w-0 border-t border-border pt-2", "aria-label": "Page intelligence", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(INTELLIGENCE_ICON, { className: "h-3 w-3", "aria-hidden": true }),
+      "Page intelligence"
+    ] }),
+    namesError != null && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 px-2 pb-1 text-[10px] text-muted-foreground", children: [
+      "Names couldn't be read \u2014 showing each job's key.",
+      /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: namesError, size: "xs", operation: "Read the page's job names" })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: entries.map(([key, href]) => /* @__PURE__ */ jsxs("li", { className: "flex min-w-0 items-center gap-0.5", children: [
+      /* @__PURE__ */ jsx(Tile, { variant: "quiet", title: mandateDisplayName(key, identities[key]?.label), onClick: () => {
+        openMandate({
+          initialMandateKey: key,
+          mandateKeys: entries.map(([entryKey]) => entryKey),
+          surfaceName,
+          initialView: isAdmin ? "admin" : "yours"
+        });
+        onOpened?.();
+      }, className: "min-w-0 flex-1" }),
+      href ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          prefetch: false,
+          onClick: onOpened,
+          title: "Open the full page in a new tab",
+          "aria-label": `Open ${mandateDisplayName(key, identities[key]?.label)} full page in a new tab`,
+          className: "shrink-0 rounded-md p-1.5 text-muted-foreground hover:bg-accent hover:text-foreground",
+          children: /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-3 w-3", "aria-hidden": true })
+        }
+      ) : null
+    ] }, key)) })
+  ] });
 }
 export {
   PageIntelligenceSection

package/dist/surfaces/components/chrome/SurfaceAgentsHeaderButton.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
 import { SurfaceAgentsPanelImpl } from "../../../ui/lazy/SurfaceAgentsPanelImpl.js";
 import { TapTargetButtonTransparent } from "@ai-matrx/tap-target";
@@ -23,10 +24,10 @@ const AGENTS_AUTH_GATE = {
 };
 function GuestAgentsButton() {
   const openAuthGate = useOpenAuthGateDialog();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     TapTargetButtonTransparent,
     {
-      icon: /* @__PURE__ */ React.createElement(INTELLIGENCE_ICON, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx(INTELLIGENCE_ICON, { className: "h-5 w-5" }),
       ariaLabel: "Agents for this page \u2014 sign in to use them",
       tooltip: "Agents (sign in)",
       className: "text-primary",
@@ -42,10 +43,10 @@ function SignedInAgentsButton() {
     launchedRef.current = true;
     setOpen(false);
   };
-  const trigger = /* @__PURE__ */ React.createElement(
+  const trigger = /* @__PURE__ */ jsx(
     TapTargetButtonTransparent,
     {
-      icon: /* @__PURE__ */ React.createElement(INTELLIGENCE_ICON, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx(INTELLIGENCE_ICON, { className: "h-5 w-5" }),
       ariaLabel: "Agents for this page",
       tooltip: "Agents",
       className: "text-primary",
@@ -53,29 +54,38 @@ function SignedInAgentsButton() {
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, trigger, /* @__PURE__ */ React.createElement(Drawer, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(DrawerContent, { className: "bg-textured pb-safe max-h-[85dvh]" }, /* @__PURE__ */ React.createElement(DrawerHeader, { className: "sr-only" }, /* @__PURE__ */ React.createElement(DrawerTitle, null, "Agents")), open && /* @__PURE__ */ React.createElement("div", { className: "overflow-y-auto px-1 pb-4" }, /* @__PURE__ */ React.createElement(SurfaceAgentsPanelImpl, { onRequestClose: () => setOpen(false) })))));
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      trigger,
+      /* @__PURE__ */ jsx(Drawer, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DrawerContent, { className: "bg-textured pb-safe max-h-[85dvh]", children: [
+        /* @__PURE__ */ jsx(DrawerHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DrawerTitle, { children: "Agents" }) }),
+        open && /* @__PURE__ */ jsx("div", { className: "overflow-y-auto px-1 pb-4", children: /* @__PURE__ */ jsx(SurfaceAgentsPanelImpl, { onRequestClose: () => setOpen(false) }) })
+      ] }) })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, trigger), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      sizing: "content",
-      align: "end",
-      side: "bottom",
-      className: "p-0 bg-textured",
-      onCloseAutoFocus: (event) => {
-        if (launchedRef.current) {
-          launchedRef.current = false;
-          event.preventDefault();
-        }
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        sizing: "content",
+        align: "end",
+        side: "bottom",
+        className: "p-0 bg-textured",
+        onCloseAutoFocus: (event) => {
+          if (launchedRef.current) {
+            launchedRef.current = false;
+            event.preventDefault();
+          }
+        },
+        children: open && /* @__PURE__ */ jsx(SurfaceAgentsPanelImpl, { onRequestClose: closeAfterLaunch })
       }
-    },
-    open && /* @__PURE__ */ React.createElement(SurfaceAgentsPanelImpl, { onRequestClose: closeAfterLaunch })
-  ));
+    )
+  ] });
 }
 function SurfaceAgentsHeaderButton({
   isAuthenticated = true
 }) {
-  return /* @__PURE__ */ React.createElement("span", { ...{ [GRID_COMPANION_ATTR]: "" }, className: "contents" }, isAuthenticated ? /* @__PURE__ */ React.createElement(SignedInAgentsButton, null) : /* @__PURE__ */ React.createElement(GuestAgentsButton, null));
+  return /* @__PURE__ */ jsx("span", { ...{ [GRID_COMPANION_ATTR]: "" }, className: "contents", children: isAuthenticated ? /* @__PURE__ */ jsx(SignedInAgentsButton, {}) : /* @__PURE__ */ jsx(GuestAgentsButton, {}) });
 }
 export {
   AGENTS_AUTH_GATE,