@agent-native/toolkit 0.217.0 → 0.219.0

package/src/app/i18n/catalogs/de-DE.ts

@@ -480,6 +480,9 @@ const messages: ToolkitAgentChatTranslation = {
   "history.ownedBy": "Eigentümer: {{name}}",
   "history.accessDirect": "Mit dir geteilt",
   "history.accessOrganization": "Mit deiner Organisation geteilt",
+  "history.copyLink": "Link kopieren",
+  "history.linkCopied": "Link kopiert",
+  "history.copyLinkFailed": "Link konnte nicht kopiert werden",
   "integrations.availableSection": "Verfügbare Integrationen",
   "integrations.connectedSection": "Verbunden",
   "integrations.goToApiKeys": "Zu den API-Schlüsseln",

package/src/app/i18n/catalogs/en-US.ts

@@ -769,6 +769,9 @@ const messages = {
   "history.ownedBy": "Owner: {{name}}",
   "history.accessDirect": "Shared with you",
   "history.accessOrganization": "Shared with your organization",
+  "history.copyLink": "Copy link",
+  "history.linkCopied": "Link copied",
+  "history.copyLinkFailed": "Couldn't copy the link",
   "integrations.availableSection": "Available integrations",
   "integrations.connectedSection": "Connected",
   "integrations.goToApiKeys": "Go to API keys",

package/src/app/i18n/catalogs/es-ES.ts

@@ -479,6 +479,9 @@ const messages: ToolkitAgentChatTranslation = {
   "history.ownedBy": "Propietario: {{name}}",
   "history.accessDirect": "Compartidos contigo",
   "history.accessOrganization": "Compartido con tu organización",
+  "history.copyLink": "Copiar enlace",
+  "history.linkCopied": "Enlace copiado",
+  "history.copyLinkFailed": "No se pudo copiar el enlace",
   "integrations.availableSection": "Integraciones disponibles",
   "integrations.connectedSection": "Conectado",
   "integrations.goToApiKeys": "Ir a claves de API",

package/src/app/i18n/catalogs/fr-FR.ts

@@ -478,6 +478,9 @@ const messages: ToolkitAgentChatTranslation = {
   "history.ownedBy": "Propriétaire : {{name}}",
   "history.accessDirect": "Partagés avec vous",
   "history.accessOrganization": "Partagé avec votre organisation",
+  "history.copyLink": "Copier le lien",
+  "history.linkCopied": "Lien copié",
+  "history.copyLinkFailed": "Impossible de copier le lien",
   "integrations.availableSection": "Intégrations disponibles",
   "integrations.connectedSection": "Connecté",
   "integrations.goToApiKeys": "Aller aux clés API",

package/src/app/i18n/catalogs/hi-IN.ts

@@ -759,6 +759,9 @@ const messages: ToolkitAgentChatTranslation = {
   "history.ownedBy": "मालिक: {{name}}",
   "history.accessDirect": "आपके साथ साझा",
   "history.accessOrganization": "आपके संगठन के साथ साझा",
+  "history.copyLink": "लिंक कॉपी करें",
+  "history.linkCopied": "लिंक कॉपी हो गया",
+  "history.copyLinkFailed": "लिंक कॉपी नहीं हो सका",
   "integrations.availableSection": "उपलब्ध इंटीग्रेशन",
   "integrations.connectedSection": "कनेक्ट किए गए",
   "integrations.goToApiKeys": "API कुंजियों पर जाएं",

package/src/app/i18n/catalogs/ja-JP.ts

@@ -783,6 +783,9 @@ const messages: ToolkitAgentChatTranslation = {
   "history.ownedBy": "所有者: {{name}}",
   "history.accessDirect": "共有されたチャット",
   "history.accessOrganization": "組織と共有",
+  "history.copyLink": "リンクをコピー",
+  "history.linkCopied": "リンクをコピーしました",
+  "history.copyLinkFailed": "リンクをコピーできませんでした",
   "integrations.availableSection": "利用可能な連携",
   "integrations.connectedSection": "接続済み",
   "integrations.goToApiKeys": "API キーへ移動",

package/src/app/i18n/catalogs/ko-KR.ts

@@ -762,6 +762,9 @@ const messages: ToolkitAgentChatTranslation = {
   "history.ownedBy": "소유자: {{name}}",
   "history.accessDirect": "나와 공유된 채팅",
   "history.accessOrganization": "조직과 공유됨",
+  "history.copyLink": "링크 복사",
+  "history.linkCopied": "링크를 복사했어요",
+  "history.copyLinkFailed": "링크를 복사하지 못했어요",
   "integrations.availableSection": "사용 가능한 연동",
   "integrations.connectedSection": "연결됨",
   "integrations.goToApiKeys": "API 키로 이동",

package/src/app/i18n/catalogs/pt-BR.ts

@@ -473,6 +473,9 @@ const messages: ToolkitAgentChatTranslation = {
   "history.ownedBy": "Proprietário: {{name}}",
   "history.accessDirect": "Compartilhados com você",
   "history.accessOrganization": "Compartilhado com sua organização",
+  "history.copyLink": "Copiar link",
+  "history.linkCopied": "Link copiado",
+  "history.copyLinkFailed": "Não foi possível copiar o link",
   "integrations.availableSection": "Integrações disponíveis",
   "integrations.connectedSection": "Conectado",
   "integrations.goToApiKeys": "Ir para chaves de API",

package/src/app/i18n/catalogs/zh-CN.ts

@@ -726,6 +726,9 @@ const messages: ToolkitAgentChatTranslation = {
   "history.ownedBy": "所有者：{{name}}",
   "history.accessDirect": "与您共享",
   "history.accessOrganization": "与您的组织共享",
+  "history.copyLink": "复制链接",
+  "history.linkCopied": "链接已复制",
+  "history.copyLinkFailed": "无法复制链接",
   "integrations.availableSection": "可用集成",
   "integrations.connectedSection": "已连接",
   "integrations.goToApiKeys": "前往 API 密钥",

package/src/app/i18n/catalogs/zh-TW.ts

@@ -728,6 +728,9 @@ const messages: ToolkitAgentChatTranslation = {
   "history.ownedBy": "擁有者：{{name}}",
   "history.accessDirect": "與您共用",
   "history.accessOrganization": "與您的組織共用",
+  "history.copyLink": "複製連結",
+  "history.linkCopied": "已複製連結",
+  "history.copyLinkFailed": "無法複製連結",
   "integrations.availableSection": "可用整合",
   "integrations.connectedSection": "已連線",
   "integrations.goToApiKeys": "前往 API 金鑰",

package/src/app/shared/CommandMenu.spec.tsx

@@ -9,13 +9,19 @@ const agentEngineStatusMock = vi.hoisted(() => ({
   state: "missing" as "unknown" | "configured" | "missing" | "unavailable",
 }));
 
-vi.mock("@agent-native/core/client/use-agent-engine-configured", () => ({
-  useAgentEngineConfigured: () => ({
-    canChat: agentEngineStatusMock.state === "configured",
-    missing: agentEngineStatusMock.state === "missing",
-    state: agentEngineStatusMock.state,
+vi.mock(
+  "@agent-native/core/client/use-agent-engine-configured",
+  async (importOriginal) => ({
+    ...(await importOriginal<
+      typeof import("@agent-native/core/client/use-agent-engine-configured")
+    >()),
+    useAgentEngineConfigured: () => ({
+      canChat: agentEngineStatusMock.state === "configured",
+      missing: agentEngineStatusMock.state === "missing",
+      state: agentEngineStatusMock.state,
+    }),
   }),
-}));
+);
 
 vi.mock("../chat/chat/run-recovery.js", async () => {
   const { createElement } = await import("react");
@@ -44,6 +50,7 @@ import {
   openAgentSettings,
   useCommandMenuNestedDialog,
   useCommandMenuShortcut,
+  type AppCommandContext,
   type AppCommandGroup,
   type CommandMenuItemMatchContext,
   type CommandMenuItemMatcher,
@@ -1836,6 +1843,168 @@ describe("CommandMenu", () => {
     ).toContain("Selected preview");
   });
 
+  it("renders opt-in app command previews in only the selected row", () => {
+    renderAppCommands({
+      groups: [
+        {
+          id: "results",
+          order: 1,
+          commands: [
+            {
+              id: "record",
+              order: 1,
+              label: "Meeting notes",
+              inlinePreview: <span>First row preview</span>,
+              onSelect() {},
+            },
+            {
+              id: "meeting-agenda",
+              order: 2,
+              label: "Meeting agenda",
+              inlinePreview: <span>Second row preview</span>,
+              onSelect() {},
+            },
+          ],
+        },
+      ],
+    });
+
+    const firstRow = document.querySelector(
+      '[cmdk-item][data-value="app-command:results:record"]',
+    );
+    const secondRow = document.querySelector(
+      '[cmdk-item][data-value="app-command:results:meeting-agenda"]',
+    );
+    expect(
+      firstRow?.querySelector(
+        '[data-testid="command-menu-app-command-preview"]',
+      )?.textContent,
+    ).toBe("First row preview");
+    expect(
+      secondRow?.querySelector(
+        '[data-testid="command-menu-app-command-preview"]',
+      ),
+    ).toBeNull();
+
+    const input = document.querySelector<HTMLInputElement>("[cmdk-input]");
+    expect(input).toBeTruthy();
+    act(() =>
+      input!.dispatchEvent(
+        new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }),
+      ),
+    );
+
+    expect(
+      firstRow?.querySelector(
+        '[data-testid="command-menu-app-command-preview"]',
+      ),
+    ).toBeNull();
+    expect(
+      secondRow?.querySelector(
+        '[data-testid="command-menu-app-command-preview"]',
+      )?.textContent,
+    ).toBe("Second row preview");
+  });
+
+  it("keeps the selected app preview when search retains the highlighted row", () => {
+    renderAppCommands({
+      groups: [
+        {
+          id: "results",
+          order: 1,
+          commands: [
+            {
+              id: "meeting-notes",
+              order: 1,
+              label: "Meeting notes",
+              inlinePreview: <span>Meeting preview</span>,
+              onSelect() {},
+            },
+            {
+              id: "other-task",
+              order: 2,
+              label: "Other task",
+              inlinePreview: <span>Other preview</span>,
+              onSelect() {},
+            },
+          ],
+        },
+      ],
+    });
+
+    const selectedPreview = () =>
+      document.querySelector(
+        '[cmdk-item][data-value="app-command:results:meeting-notes"] [data-testid="command-menu-app-command-preview"]',
+      )?.textContent;
+
+    expect(selectedPreview()).toBe("Meeting preview");
+    search("Meeting");
+    expect(selectedPreview()).toBe("Meeting preview");
+  });
+
+  it("passes app context and search to an app command row preview", () => {
+    const renderPreview = vi.fn(
+      ({
+        search: currentSearch,
+        appContext,
+      }: AppCommandContext<{ workspace: string }>) => (
+        <span>{`${currentSearch}|${appContext?.workspace}`}</span>
+      ),
+    );
+    renderAppCommands({
+      initialSelection: "none",
+      context: { workspace: "alpha" },
+      groups: [
+        {
+          id: "results",
+          order: 1,
+          commands: [
+            {
+              id: "workspace",
+              order: 1,
+              label: "Open workspace",
+              inlinePreview: renderPreview,
+              onSelect() {},
+            },
+          ],
+        },
+      ],
+    });
+
+    const input = document.querySelector<HTMLInputElement>("[cmdk-input]");
+    expect(input).toBeTruthy();
+    const moveDown = () =>
+      act(() =>
+        input!.dispatchEvent(
+          new KeyboardEvent("keydown", { key: "ArrowDown", bubbles: true }),
+        ),
+      );
+    moveDown();
+
+    expect(renderPreview).toHaveBeenCalledWith(
+      expect.objectContaining({
+        search: "",
+        appContext: { workspace: "alpha" },
+      }),
+    );
+    expect(
+      document.querySelector('[data-testid="command-menu-app-command-preview"]')
+        ?.textContent,
+    ).toBe("|alpha");
+
+    search("workspace");
+    moveDown();
+    expect(
+      document.querySelector(
+        '[cmdk-item][data-value="app-command:results:workspace"]',
+      ),
+    ).toBeTruthy();
+    expect(
+      document.querySelector('[data-testid="command-menu-app-command-preview"]')
+        ?.textContent,
+    ).toBe("workspace|alpha");
+  });
+
   it("hides the app preview when a non-app result is selected", () => {
     renderAppCommands({
       groups: [

package/src/app/shared/CommandMenu.tsx

@@ -304,6 +304,10 @@ interface AppCommandBase<TAppContext> {
   preview?:
     | ReactNode
     | ((context: AppCommandContext<TAppContext>) => ReactNode);
+  /** Content rendered at the end of this command's selected row. */
+  inlinePreview?:
+    | ReactNode
+    | ((context: AppCommandContext<TAppContext>) => ReactNode);
   visibleWhen?: (context: AppCommandContext<TAppContext>) => boolean;
   enabledWhen?: (context: AppCommandContext<TAppContext>) => boolean;
   deferSelect?: boolean;
@@ -877,9 +881,10 @@ export function CommandMenu<TAppContext = unknown>({
           firstEnabledAppCommand?.value ??
           NO_COMMAND_SELECTION)
         : undefined;
+  const selectedAppCommandValue = commandMenuValue ?? selectedCommandValue;
   const previewAppCommand =
     appCommandEntries.find(
-      (entry) => entry.value === (commandMenuValue ?? selectedCommandValue),
+      (entry) => entry.value === selectedAppCommandValue,
     ) ?? selectedAppCommand;
   const appPreview = previewAppCommand?.command.preview;
   const renderedAppPreview =
@@ -973,6 +978,12 @@ export function CommandMenu<TAppContext = unknown>({
             {commands.map((command) => {
               const value = `app-command:${group.id}:${command.id}`;
               const enabled = command.enabledWhen?.(appCommandContext) ?? true;
+              const inlinePreview =
+                value === selectedAppCommandValue
+                  ? typeof command.inlinePreview === "function"
+                    ? command.inlinePreview(appCommandContext)
+                    : command.inlinePreview
+                  : null;
               return (
                 <CommandItemPrimitive
                   key={command.id}
@@ -1003,6 +1014,14 @@ export function CommandMenu<TAppContext = unknown>({
                       {command.shortcutHint}
                     </CommandShortcutPrimitive>
                   ) : null}
+                  {inlinePreview != null ? (
+                    <div
+                      data-testid="command-menu-app-command-preview"
+                      className="ms-auto min-w-0"
+                    >
+                      {inlinePreview}
+                    </div>
+                  ) : null}
                 </CommandItemPrimitive>
               );
             })}
@@ -1299,12 +1318,10 @@ export function CommandMenu<TAppContext = unknown>({
                 onValueChange={(value) => {
                   updateSearch(value);
                   selectionEnabledRef.current = false;
-                  if (initialSelection === "none") setSelectionEnabled(false);
-                  setSelectedCommandValue(
-                    initialSelection === "none"
-                      ? nextEmptySelectionValue()
-                      : "",
-                  );
+                  if (initialSelection === "none") {
+                    setSelectionEnabled(false);
+                    setSelectedCommandValue(nextEmptySelectionValue());
+                  }
                 }}
                 onKeyDown={(event) => {
                   if (

package/src/app/sharing/ShareButton.tsx

@@ -1150,6 +1150,12 @@ function MemberAutocomplete({
     activeIndex >= 0 && activeIndex < suggestions.length
       ? suggestions[activeIndex]
       : null;
+  const listOpen =
+    open &&
+    (suggestions.length > 0 ||
+      search.isLoading ||
+      Boolean(search.error) ||
+      value.trim().length > 0);
 
   useEffect(() => {
     setActiveIndex(-1);
@@ -1230,7 +1236,7 @@ function MemberAutocomplete({
   };
 
   return (
-    <Popover open={open} onOpenChange={onOpenChange}>
+    <Popover open={listOpen} onOpenChange={onOpenChange}>
       <PopoverAnchor asChild>
         <div className="flex h-9 min-w-0 flex-1 items-center overflow-hidden rounded-md border border-input bg-card focus-within:ring-1 focus-within:ring-ring">
           <input
@@ -1238,8 +1244,8 @@ function MemberAutocomplete({
             type="text"
             role="combobox"
             aria-autocomplete="list"
-            aria-expanded={open}
-            aria-controls={open ? listboxId : undefined}
+            aria-expanded={listOpen}
+            aria-controls={listOpen ? listboxId : undefined}
             aria-activedescendant={
               activeIndex >= 0 ? optionId(listboxId, activeIndex) : undefined
             }
@@ -1361,13 +1367,9 @@ function MemberAutocomplete({
 
           {!search.isLoading && !search.error && suggestions.length === 0 ? (
             <div className="px-3 py-3 text-sm text-muted-foreground">
-              {value.trim()
-                ? t("agentChat.share.noMatches", {
-                    defaultValue: "No matches.",
-                  })
-                : t("agentChat.share.noPeopleFound", {
-                    defaultValue: "No people found.",
-                  })}
+              {t("agentChat.share.noMatches", {
+                defaultValue: "No matches.",
+              })}
             </div>
           ) : null}
 

package/src/chat-history/ChatHistoryList.spec.tsx

@@ -635,4 +635,55 @@ describe("ChatHistoryList", () => {
     });
     expect(container.querySelector(".an-chat-history-row__menu")).toBeNull();
   });
+
+  it("keeps a read-only row to its owner header and Copy link", async () => {
+    const onCopyLink = vi.fn();
+    const onDelete = vi.fn();
+    act(() => {
+      root.render(
+        <ChatHistoryList
+          items={[
+            item({
+              id: "shared",
+              readOnly: true,
+              ownerAvatar: <span data-testid="avatar">P</span>,
+              ownerLabel: "pat@example.com",
+              accessLabel: "Shared with your organization",
+              accessBasis: "organization",
+            }),
+          ]}
+          onSelect={() => {}}
+          onRename={() => {}}
+          onDelete={onDelete}
+          onTogglePin={() => {}}
+          onCopyLink={onCopyLink}
+        />,
+      );
+    });
+
+    const row = container.querySelector<HTMLElement>(".an-chat-history-row")!;
+    const mark = row.querySelector(".an-chat-history-row__owner-mark");
+    expect(mark?.getAttribute("data-access-basis")).toBe("organization");
+    expect(mark?.querySelector("[data-testid='avatar']")).not.toBeNull();
+    expect(
+      row.querySelector(".an-chat-history-row__topline")?.textContent,
+    ).toBe("sharedP");
+
+    await openMenu(
+      row.querySelector<HTMLButtonElement>(
+        ".an-chat-history-row__menu-trigger",
+      )!,
+    );
+    expect(
+      document.body.querySelector(".an-chat-history-row__menu-owner")
+        ?.textContent,
+    ).toBe("Ppat@example.comShared with your organization");
+    expect(getMenuItems().map((element) => element.textContent)).toEqual([
+      "Copy link",
+    ]);
+
+    act(() => getMenuItems()[0]?.click());
+    expect(onCopyLink).toHaveBeenCalledWith("shared");
+    expect(onDelete).not.toHaveBeenCalled();
+  });
 });