@agent-native/core 0.117.2 → 0.118.0

package/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/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/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/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/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 {