@agent-native/core 0.117.1 → 0.118.0

package/corpus/core/src/client/chat/tool-call-display.tsx

@@ -43,7 +43,10 @@ import {
   WriteCell,
   FilesChangedSummary,
 } from "../tool-cells/index.js";
-import { humanizeToolName } from "../tool-display.js";
+import {
+  humanizeToolName,
+  isCallAgentToolCallShadowed,
+} from "../tool-display.js";
 import { cn } from "../utils.js";
 import {
   SmoothMarkdownText,
@@ -951,13 +954,16 @@ export function ReconnectStreamMessage({
     content.at(-1)?.type === "reasoning" ? content.length - 1 : -1;
   const latestActiveToolIndex = content.reduce(
     (latestIndex, part, index) =>
-      part.type === "tool-call" && (chatRunning || part.activity === true)
+      part.type === "tool-call" &&
+      !isCallAgentToolCallShadowed(content, index) &&
+      (chatRunning || part.activity === true)
         ? index
         : latestIndex,
     -1,
   );
 
   const renderPart = (part: ContentPart, i: number) => {
+    if (isCallAgentToolCallShadowed(content, i)) return null;
     if (part.type === "text") {
       const partStreaming = chatRunning && i === streamingTextPartIndex;
       return (
@@ -1023,6 +1029,7 @@ export function ReconnectStreamMessage({
 
   for (let i = 0; i < content.length; i++) {
     const part = content[i]!;
+    if (isCallAgentToolCallShadowed(content, i)) continue;
     const isOlderToolWork =
       toolSummary.startIndex >= 0 &&
       i < toolSummary.startIndex &&
@@ -1048,7 +1055,11 @@ export function ReconnectStreamMessage({
 
 function getReconnectToolSummaryInfo(content: readonly ContentPart[]) {
   const toolCallIndices = content.reduce<number[]>((indices, part, index) => {
-    if (part.type === "tool-call" && isReconnectSummarizablePart(part)) {
+    if (
+      part.type === "tool-call" &&
+      !isCallAgentToolCallShadowed(content, index) &&
+      isReconnectSummarizablePart(part)
+    ) {
       indices.push(index);
     }
     return indices;
@@ -1067,7 +1078,10 @@ function getReconnectToolSummaryInfo(content: readonly ContentPart[]) {
 function isReconnectSummarizablePart(part: ContentPart): boolean {
   return (
     part.type === "reasoning" ||
-    (part.type === "tool-call" && part.toolName !== "connect-builder")
+    (part.type === "tool-call" &&
+      part.toolName !== "connect-builder" &&
+      part.chatUI === undefined &&
+      part.mcpApp === undefined)
   );
 }
 
@@ -1077,11 +1091,17 @@ function isReconnectToolSummaryPart(
   startIndex: number,
 ): boolean {
   if (startIndex < 0 || index >= startIndex) return false;
-  if (!isReconnectSummarizablePart(content[index]!)) return false;
+  if (
+    isCallAgentToolCallShadowed(content, index) ||
+    !isReconnectSummarizablePart(content[index]!)
+  ) {
+    return false;
+  }
 
   let segmentStart = index;
   while (
     segmentStart > 0 &&
+    !isCallAgentToolCallShadowed(content, segmentStart - 1) &&
     isReconnectSummarizablePart(content[segmentStart - 1]!)
   ) {
     segmentStart--;
@@ -1090,6 +1110,7 @@ function isReconnectToolSummaryPart(
   let segmentEnd = index + 1;
   while (
     segmentEnd < startIndex &&
+    !isCallAgentToolCallShadowed(content, segmentEnd) &&
     isReconnectSummarizablePart(content[segmentEnd]!)
   ) {
     segmentEnd++;

package/corpus/core/src/client/chat/widgets/InlineExtensionWidget.tsx

@@ -1,6 +1,3 @@
-import { IconExternalLink, IconSparkles } from "@tabler/icons-react";
-
-import { appPath } from "../../api-path.js";
 import { InlineExtensionFrame } from "../../extensions/InlineExtensionFrame.js";
 import type { ToolRendererContext } from "../tool-render-registry.js";
 import { normalizeInlineExtensionToolResult } from "./inline-extension-result.js";
@@ -18,43 +15,20 @@ export function InlineExtensionWidget({
   const result = normalizeInlineExtensionToolResult(context);
   if (!result) return null;
 
-  const href = result.path ? appPath(result.path) : undefined;
-
   return (
-    <div className="my-1.5 overflow-hidden rounded-lg border border-border bg-background text-foreground shadow-sm">
-      <div className="flex items-center gap-2 border-b border-border px-3 py-2">
-        <IconSparkles className="h-4 w-4 shrink-0 text-muted-foreground" />
-        <div className="min-w-0 flex-1">
-          <div className="truncate text-sm font-medium">{result.name}</div>
-          {result.description ? (
-            <div className="truncate text-[11px] text-muted-foreground">
-              {result.description}
-            </div>
-          ) : null}
-        </div>
-        {href ? (
-          <a
-            href={href}
-            className="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-accent-foreground"
-            aria-label="Open extension"
-          >
-            <IconExternalLink className="h-4 w-4" />
-          </a>
-        ) : null}
-      </div>
-      <InlineExtensionFrame
-        extensionId={result.mode === "persisted" ? result.id : undefined}
-        extension={{
-          id: result.id,
-          name: result.name,
-          description: result.description,
-          content: result.mode === "transient" ? result.content : undefined,
-          updatedAt: result.updatedAt,
-          mode: result.mode,
-        }}
-        context={result.context}
-        initialHeight={result.initialHeight ?? 260}
-      />
-    </div>
+    <InlineExtensionFrame
+      className="my-1.5"
+      extensionId={result.mode === "persisted" ? result.id : undefined}
+      extension={{
+        id: result.id,
+        name: result.name,
+        description: result.description,
+        content: result.mode === "transient" ? result.content : undefined,
+        updatedAt: result.updatedAt,
+        mode: result.mode,
+      }}
+      context={result.context}
+      initialHeight={result.initialHeight ?? 260}
+    />
   );
 }

package/corpus/core/src/client/components/ui/message-scroller.tsx

@@ -48,8 +48,11 @@ function MessageScroller({ className, ...props }: MessageScrollerRootProps) {
 
 function MessageScrollerViewport({
   className,
+  children,
   ...props
 }: MessageScrollerViewportProps) {
+  const { start: hasContentAbove } = useMessageScrollerScrollable();
+
   return (
     <ShadcnMessageScroller.Viewport
       className={cn(
@@ -57,7 +60,18 @@ function MessageScrollerViewport({
         className,
       )}
       {...props}
-    />
+    >
+      {hasContentAbove && (
+        <div
+          aria-hidden="true"
+          className="pointer-events-none sticky top-0 z-10 h-0"
+          data-message-scroller-top-fade
+        >
+          <div className="absolute inset-x-0 top-0 h-12 bg-gradient-to-b from-background via-background/90 to-transparent" />
+        </div>
+      )}
+      {children}
+    </ShadcnMessageScroller.Viewport>
   );
 }
 

package/corpus/core/src/client/extensions/ExtensionViewer.tsx

@@ -1463,7 +1463,7 @@ function ToolMoreMenu({
                   <span>
                     {canDelete === false
                       ? "Remove from my list..."
-                      : "Delete extension..."}
+                      : "Archive extension..."}
                   </span>
                 </button>
               </div>
@@ -1472,11 +1472,11 @@ function ToolMoreMenu({
         ) : (
           <div className="flex flex-col gap-2 p-3">
             <p className="text-[12px]">
-              {canDelete === false ? "Remove " : "Delete "}
+              {canDelete === false ? "Remove " : "Archive "}
               <span className="font-medium">{toolName}</span>?
               {canDelete === false
                 ? " This hides it from your Extensions list without deleting it for anyone else."
-                : " This removes the extension everywhere, for everyone it's shared with."}
+                : " This archives the extension everywhere, for everyone it's shared with."}
             </p>
             <div className="flex justify-end gap-1">
               <button
@@ -1491,7 +1491,7 @@ function ToolMoreMenu({
                 onClick={deleteExtension}
                 className="rounded-md bg-destructive px-2 py-1 text-[12px] text-destructive-foreground hover:bg-destructive/90 cursor-pointer"
               >
-                {canDelete === false ? "Remove" : "Delete"}
+                {canDelete === false ? "Remove" : "Archive"}
               </button>
             </div>
           </div>

package/corpus/core/src/client/extensions/ExtensionsSidebarSection.tsx

@@ -149,7 +149,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "Unhide for everyone",
     hideFromEveryone: "Hide from everyone",
     removeFromMyList: "Remove from my list",
-    delete: "Delete",
+    delete: "Archive",
     showLess: "show less",
     showMore: "show more",
     loadError: "Couldn't load extensions.",
@@ -182,7 +182,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "对所有人取消隐藏",
     hideFromEveryone: "对所有人隐藏",
     removeFromMyList: "从我的列表中移除",
-    delete: "删除",
+    delete: "归档",
     showLess: "收起",
     showMore: "显示更多",
     loadError: "无法加载扩展。",
@@ -216,7 +216,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "對所有人取消隱藏",
     hideFromEveryone: "對所有人隱藏",
     removeFromMyList: "從我的清單移除",
-    delete: "刪除",
+    delete: "封存",
     showLess: "顯示較少",
     showMore: "顯示更多",
     loadError: "無法載入擴充功能。",
@@ -250,7 +250,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "Mostrar para todos",
     hideFromEveryone: "Ocultar para todos",
     removeFromMyList: "Quitar de mi lista",
-    delete: "Eliminar",
+    delete: "Archivar",
     showLess: "mostrar menos",
     showMore: "mostrar más",
     loadError: "No se pudieron cargar las extensiones.",
@@ -284,7 +284,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "Afficher pour tout le monde",
     hideFromEveryone: "Masquer pour tout le monde",
     removeFromMyList: "Retirer de ma liste",
-    delete: "Supprimer",
+    delete: "Archiver",
     showLess: "afficher moins",
     showMore: "afficher plus",
     loadError: "Impossible de charger les extensions.",
@@ -318,7 +318,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "Für alle einblenden",
     hideFromEveryone: "Für alle ausblenden",
     removeFromMyList: "Aus meiner Liste entfernen",
-    delete: "Löschen",
+    delete: "Archivieren",
     showLess: "weniger anzeigen",
     showMore: "mehr anzeigen",
     loadError: "Erweiterungen konnten nicht geladen werden.",
@@ -352,7 +352,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "全員に表示",
     hideFromEveryone: "全員に非表示",
     removeFromMyList: "自分のリストから削除",
-    delete: "削除",
+    delete: "アーカイブ",
     showLess: "少なく表示",
     showMore: "さらに表示",
     loadError: "拡張機能を読み込めませんでした。",
@@ -386,7 +386,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "모두에게 표시",
     hideFromEveryone: "모두에게 숨기기",
     removeFromMyList: "내 목록에서 제거",
-    delete: "삭제",
+    delete: "보관",
     showLess: "덜 보기",
     showMore: "더 보기",
     loadError: "확장 프로그램을 불러올 수 없습니다.",
@@ -420,7 +420,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "Mostrar para todos",
     hideFromEveryone: "Ocultar para todos",
     removeFromMyList: "Remover da minha lista",
-    delete: "Excluir",
+    delete: "Arquivar",
     showLess: "mostrar menos",
     showMore: "mostrar mais",
     loadError: "Não foi possível carregar as extensões.",
@@ -454,7 +454,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "सभी के लिए दिखाएं",
     hideFromEveryone: "सभी से छिपाएं",
     removeFromMyList: "मेरी सूची से हटाएं",
-    delete: "हटाएं",
+    delete: "संग्रहित करें",
     showLess: "कम दिखाएं",
     showMore: "और दिखाएं",
     loadError: "एक्सटेंशन लोड नहीं हो सके।",
@@ -488,7 +488,7 @@ const EXTENSIONS_COPY: Record<LocaleCode, ExtensionsCopy> = {
     unhideForEveryone: "إظهار للجميع",
     hideFromEveryone: "إخفاء عن الجميع",
     removeFromMyList: "إزالة من قائمتي",
-    delete: "حذف",
+    delete: "أرشفة",
     showLess: "إظهار أقل",
     showMore: "إظهار المزيد",
     loadError: "تعذر تحميل الإضافات.",

package/corpus/core/src/client/extensions/agent-native-extension-runtime.ts

@@ -127,7 +127,7 @@ const defaultThemeCss = `
   --border: 217.2 32.6% 17.5%;
   --primary: 217.2 91.2% 59.8%;
   --primary-foreground: 222.2 47.4% 11.2%;
-  --destructive: 0 62.8% 30.6%;
+  --destructive: 0 84% 60%;
   --destructive-foreground: 210 40% 98%;
 }
 html, body {

package/corpus/core/src/client/extensions/delete-extension.ts

@@ -7,7 +7,7 @@ export interface ExtensionDeleteTarget {
   canDelete?: boolean | null;
 }
 
-export type ExtensionDeleteResult = { mode: "deleted" | "hidden" };
+export type ExtensionDeleteResult = { mode: "archived" | "hidden" };
 
 async function readErrorMessage(
   res: Response,
@@ -55,7 +55,7 @@ export async function deleteOrHideExtension(
     agentNativePath(`/_agent-native/extensions/${extension.id}`),
     { method: "DELETE" },
   );
-  if (res.ok) return { mode: "deleted" };
+  if (res.ok) return { mode: "archived" };
 
   if (res.status === 403) {
     return hideExtensionForCurrentUser(extension.id);

package/corpus/core/src/client/i18n.tsx

@@ -1,3 +1,7 @@
+import {
+  Picker,
+  useDesignSystemComponent,
+} from "@agent-native/toolkit/design-system";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { IconCheck, IconChevronDown, IconLanguage } from "@tabler/icons-react";
 import i18next, { type i18n as I18nInstance } from "i18next";
@@ -707,12 +711,30 @@ export function LanguagePicker({
   const selected = options.find((option) => option.value === preference);
   const selectedLabel = selected?.label ?? preference;
   const triggerLabel = `${resolvedLabel}: ${selectedLabel}`;
+  const customPicker = useDesignSystemComponent("Picker");
 
   function handleOptionClick(value: LocalePreference) {
     setOpen(false);
     void setPreference(normalizeLocalizationPreference(value).locale);
   }
 
+  if (variant === "select" && customPicker) {
+    return (
+      <Picker<LocalePreference>
+        mode="select"
+        options={options}
+        value={preference}
+        onChange={(value) => {
+          if (value == null) return;
+          void setPreference(normalizeLocalizationPreference(value).locale);
+        }}
+        placeholder={selectedLabel}
+        aria-label={triggerLabel}
+        className={className}
+      />
+    );
+  }
+
   return (
     <div className={className}>
       <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>

package/corpus/core/src/client/index.ts

@@ -224,9 +224,17 @@ export {
 } from "./review/index.js";
 export {
   BuilderConnectCard,
+  DefaultBuilderConnectCardView,
   ProviderReadinessBadge,
   SetupConnectionsPage,
+  useBuilderConnectCardController,
+  type BuilderConnectCardAction,
+  type BuilderConnectCardControllerOptions,
   type BuilderConnectCardProps,
+  type BuilderConnectCardRenderContext,
+  type BuilderConnectCardStatus,
+  type BuilderConnectCardViewModel,
+  type DefaultBuilderConnectCardViewProps,
   type ProviderReadinessBadgeProps,
   type SetupConnectionsPageProps,
 } from "./setup-connections/index.js";
@@ -292,7 +300,16 @@ export {
 export {
   ShareButton,
   ShareDialog,
+  useShareButtonController,
   type ShareButtonProps,
+  type ShareButtonController,
+  type ShareButtonControllerOptions,
+  type ShareButtonOrgMember,
+  type ShareButtonOrgMemberSearch,
+  type ShareButtonRole,
+  type ShareButtonShare,
+  type ShareButtonSharesResponse,
+  type ShareButtonVisibility,
   type ShareDialogProps,
 } from "./sharing/index.js";
 export {

package/corpus/core/src/client/org/OrgSwitcher.tsx

@@ -31,6 +31,7 @@ import {
   IconSettings,
   IconStack2,
   IconUser,
+  IconUserCircle,
   IconUserPlus,
   IconUsers,
   IconUsersGroup,
@@ -40,6 +41,8 @@ import { useState } from "react";
 import { useNavigate } from "react-router";
 
 import { agentNativePath } from "../api-path.js";
+import { useT } from "../i18n.js";
+import { useSession } from "../use-session.js";
 import {
   useOrg,
   useSwitchOrg,
@@ -68,6 +71,8 @@ export interface OrgSwitcherProps {
    * the in-sidebar settings panel.
    */
   settingsPath?: string | null;
+  /** Path to navigate to when the user clicks "Profile". Defaults to the shared Account settings section. */
+  profilePath?: string | null;
 }
 
 function personalLabelFromEmail(email: string | null | undefined): string {
@@ -100,6 +105,7 @@ const SWITCHER_BUTTON_CLASS =
   "flex w-full items-center gap-2 rounded-md border border-border/70 px-2.5 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent/50 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-60 cursor-pointer";
 
 const DEFAULT_ORGANIZATION_SETTINGS_PATH = "/settings#organization";
+const DEFAULT_PROFILE_PATH = "/settings#account";
 
 const APP_ICON_MAP: Record<string, typeof IconApps> = {
   Mail: IconMail,
@@ -307,8 +313,11 @@ export function OrgSwitcher({
   hideWhenSingle,
   reserveSpace,
   settingsPath = DEFAULT_ORGANIZATION_SETTINGS_PATH,
+  profilePath = DEFAULT_PROFILE_PATH,
 }: OrgSwitcherProps) {
   const { data: org, isLoading } = useOrg();
+  const { session } = useSession();
+  const t = useT();
   const switchOrg = useSwitchOrg();
   const createOrg = useCreateOrg();
   const inviteMember = useInviteMember();
@@ -377,7 +386,7 @@ export function OrgSwitcher({
   const canInvite =
     !!org.orgId && (org.role === "owner" || org.role === "admin");
 
-  const personalLabel = personalLabelFromEmail(org.email);
+  const personalLabel = session?.name || personalLabelFromEmail(org.email);
   const inOrg = !!org.orgId;
   const buttonLabel = org.orgName ?? "Personal";
   const ButtonIcon = inOrg ? IconUsersGroup : IconUser;
@@ -546,6 +555,21 @@ export function OrgSwitcher({
                 dispatchAllAppsHref={appLinks.dispatchAllAppsHref}
                 onNavigate={() => setOpen(false)}
               />
+              {profilePath && (
+                <button
+                  type="button"
+                  onClick={() => {
+                    setOpen(false);
+                    navigate(profilePath);
+                  }}
+                  className={`${ITEM_CLASS} cursor-pointer`}
+                >
+                  <IconUserCircle className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                  <span className="flex-1 text-start">
+                    {t("settings.profileMenuItem")}
+                  </span>
+                </button>
+              )}
               {inOrg && (
                 <button
                   type="button"