@agent-native/core 0.115.4 → 0.117.0

package/src/client/chat/message-components.tsx

@@ -14,9 +14,9 @@ import {
   ComposerPrimitive,
   useMessagePartReasoning,
   useMessagePartRuntime,
+  useAuiState,
 } from "@assistant-ui/react";
 import type { Attachment } from "@assistant-ui/react";
-import { useAuiState } from "@assistant-ui/store";
 import {
   IconX,
   IconCheck,
@@ -71,6 +71,7 @@ import {
 } from "./markdown-renderer.js";
 import {
   ToolCallFallback,
+  ToolActivityPresentation,
   FilesChangedSummary,
   ASSISTANT_VISIBLE_TOOL_CALL_LIMIT,
   ChatRunningContext,
@@ -862,7 +863,7 @@ export function assistantMessageHasUnresolvedTool(content: unknown): boolean {
 // Only the last assistant message may shimmer as "the currently running
 // tool" — an older message's dangling unresolved tool-call must never
 // shimmer once a later run is active.
-export function computeLatestRunningToolCallId(
+export function computeActiveTailToolCallId(
   content: ContentPart[] | undefined,
   { chatRunning, isLast }: { chatRunning: boolean; isLast: boolean },
 ): string | null {
@@ -870,9 +871,7 @@ export function computeLatestRunningToolCallId(
   return (
     content?.reduce(
       (latestToolCallId, part) =>
-        part.type === "tool-call" &&
-        part.result === undefined &&
-        (chatRunning || part.activity === true)
+        part.type === "tool-call" && (chatRunning || part.activity === true)
           ? part.toolCallId
           : latestToolCallId,
       null as string | null,
@@ -900,6 +899,18 @@ export function shouldShowAssistantMessageFooter({
   return statusIsTerminal;
 }
 
+export function shouldShowMissingFinalResponse({
+  statusIsTerminal,
+  hasAssistantText,
+  hasUnresolvedTool,
+}: {
+  statusIsTerminal: boolean;
+  hasAssistantText: boolean;
+  hasUnresolvedTool: boolean;
+}): boolean {
+  return statusIsTerminal && !hasAssistantText && !hasUnresolvedTool;
+}
+
 export function shouldShowAssistantWorkSummary({
   isLast,
   isComplete,
@@ -1061,12 +1072,18 @@ export function AssistantMessage() {
   const hasRenderableContent = assistantMessageHasRenderableContent(msg);
   const hasUnresolvedTool = assistantMessageHasUnresolvedTool(msg.content);
   const responseConnectionText = messageTextFromContent(msg.content);
+  const statusIsTerminal = assistantMessageStatusIsTerminal(msg);
+  const showMissingFinalResponse = shouldShowMissingFinalResponse({
+    statusIsTerminal,
+    hasAssistantText: responseConnectionText.trim().length > 0,
+    hasUnresolvedTool,
+  });
   const responseConnectionContext = latestUserMessageText(thread.messages);
   const isComplete = shouldShowAssistantMessageFooter({
     isLast,
     chatRunning,
     hasRenderableContent,
-    statusIsTerminal: assistantMessageStatusIsTerminal(msg),
+    statusIsTerminal,
     hasUnresolvedTool,
   });
   const cpCtx = React.useContext(CheckpointContext);
@@ -1178,7 +1195,7 @@ export function AssistantMessage() {
         (p.type !== "tool-call" || p.activity !== true) &&
         isCollapsibleAssistantWorkPart(p),
     );
-  const latestRunningToolCallId = computeLatestRunningToolCallId(msgContent, {
+  const activeTailToolCallId = computeActiveTailToolCallId(msgContent, {
     chatRunning,
     isLast,
   });
@@ -1226,21 +1243,31 @@ export function AssistantMessage() {
               case "reasoning":
                 return <ReasoningMessagePart />;
               case "tool-call":
-                return (
-                  part.toolUI ?? (
-                    <ToolCallFallback
-                      {...part}
-                      isLatestRunning={
-                        part.toolCallId === latestRunningToolCallId
-                      }
-                    />
-                  )
+                return part.toolUI ? (
+                  <ToolActivityPresentation
+                    toolName={part.toolName}
+                    isRunning={part.status?.type === "running"}
+                    isActiveTail={part.toolCallId === activeTailToolCallId}
+                  >
+                    {part.toolUI}
+                  </ToolActivityPresentation>
+                ) : (
+                  <ToolCallFallback
+                    {...part}
+                    isActiveTail={part.toolCallId === activeTailToolCallId}
+                  />
                 );
               default:
                 return null;
             }
           }}
         </MessagePrimitive.GroupedParts>
+        {showMissingFinalResponse && (
+          <p role="status" className="text-muted-foreground">
+            The agent stopped without sending a final message. Ask it to
+            continue or retry.
+          </p>
+        )}
         {isComplete && hasCodeAgentTools && msgContent && (
           <FilesChangedSummary parts={msgContent} />
         )}

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

@@ -94,20 +94,22 @@ export const ApprovalContext = React.createContext<ApprovalContextValue | null>(
 
 export const TOOL_LONG_RUNNING_HINT_DELAY_MS = 45_000;
 
-function ToolLongRunningHintShell({
+export function ToolActivityPresentation({
   toolName,
   isRunning,
+  isActiveTail,
   children,
 }: {
   toolName: string;
   isRunning: boolean;
+  isActiveTail: boolean;
   children: React.ReactNode;
 }) {
   const [showLongRunningHint, setShowLongRunningHint] = useState(false);
-  // useState initializer runs once at mount: a row that mounts already
-  // resolved never animates, while a tool appended during an active stream
-  // mounts running and animates in.
-  const [animateEntry] = useState(isRunning);
+  // A batched update can first reveal a tool with its result already attached.
+  // Presentation follows the active chat tail rather than execution state so
+  // that newly revealed completed tools still get their entrance motion.
+  const [animateEntry] = useState(isActiveTail);
 
   useEffect(() => {
     if (!isRunning) {
@@ -125,10 +127,10 @@ function ToolLongRunningHintShell({
     <div
       className={cn(
         "agent-tool-call",
-        animateEntry &&
-          "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-bottom-1 motion-safe:duration-200 motion-safe:ease-[var(--ease-out-strong)]",
+        animateEntry && "agent-tool-call--entering",
       )}
       data-running={isRunning ? "true" : undefined}
+      data-active-tail={isActiveTail ? "true" : undefined}
     >
       {children}
       {isRunning && showLongRunningHint && (
@@ -554,6 +556,7 @@ export function ToolCallDisplay({
   approval,
   repeatCount,
   isLatestRunning = isRunning,
+  isActiveTail,
 }: {
   toolName: string;
   argsText?: string;
@@ -565,16 +568,24 @@ export function ToolCallDisplay({
   structuredMeta?: Record<string, unknown>;
   approval?: { approvalKey: string; dismissed?: boolean };
   repeatCount?: number;
+  /** The latest tool shown while the overall chat turn is still active. */
+  isActiveTail?: boolean;
+  /** @deprecated Use isActiveTail. */
   isLatestRunning?: boolean;
 }) {
+  const showActiveTail = isActiveTail ?? isLatestRunning;
   // Delegate to bespoke cells when structured metadata is present.
   // These must be separate components so hook order in ToolCallDisplayGeneric
   // is always stable (no conditional hook calls).
   const toolKind = structuredMeta?.toolKind as string | undefined;
   const wrapToolDisplay = (children: React.ReactNode) => (
-    <ToolLongRunningHintShell toolName={toolName} isRunning={isRunning}>
+    <ToolActivityPresentation
+      toolName={toolName}
+      isRunning={isRunning}
+      isActiveTail={showActiveTail}
+    >
       {children}
-    </ToolLongRunningHintShell>
+    </ToolActivityPresentation>
   );
   if (toolKind === "bash") {
     return wrapToolDisplay(
@@ -616,7 +627,7 @@ export function ToolCallDisplay({
       mcpApp={mcpApp}
       chatUI={chatUI}
       isRunning={isRunning}
-      isLatestRunning={isLatestRunning}
+      isActiveTail={showActiveTail}
       approval={approval}
       repeatCount={repeatCount}
     />,
@@ -631,7 +642,7 @@ function ToolCallDisplayGeneric({
   mcpApp,
   chatUI,
   isRunning,
-  isLatestRunning,
+  isActiveTail,
   approval,
   repeatCount,
 }: {
@@ -642,7 +653,7 @@ function ToolCallDisplayGeneric({
   mcpApp?: AgentMcpAppPayload;
   chatUI?: ActionChatUIConfig;
   isRunning: boolean;
-  isLatestRunning: boolean;
+  isActiveTail: boolean;
   approval?: { approvalKey: string; dismissed?: boolean };
   repeatCount?: number;
 }) {
@@ -734,6 +745,7 @@ function ToolCallDisplayGeneric({
     resultText: result,
     resultJson: parsedResult,
     isRunning,
+    isActiveTail,
     chatUI,
   };
   const skipRegistryRenderer =
@@ -805,7 +817,7 @@ function ToolCallDisplayGeneric({
         <span
           className={cn(
             "min-w-0 truncate font-normal",
-            isRunning && isLatestRunning && "agent-running-shimmer",
+            isActiveTail && "agent-running-shimmer",
           )}
         >
           {displayName}
@@ -888,6 +900,7 @@ export function ToolCallFallback({
   approval?: { approvalKey: string; dismissed?: boolean };
   repeatCount?: number;
   isLatestRunning?: boolean;
+  isActiveTail?: boolean;
 }) {
   const chatRunning = React.useContext(ChatRunningContext);
   const isRunning =
@@ -908,6 +921,7 @@ export function ToolCallFallback({
       chatUI={rest.chatUI}
       structuredMeta={rest.structuredMeta}
       isRunning={isRunning}
+      isActiveTail={rest.isActiveTail}
       isLatestRunning={rest.isLatestRunning}
       approval={rest.approval}
       repeatCount={rest.repeatCount}
@@ -935,11 +949,9 @@ export function ReconnectStreamMessage({
     content.at(-1)?.type === "text" ? content.length - 1 : -1;
   const streamingReasoningPartIndex =
     content.at(-1)?.type === "reasoning" ? content.length - 1 : -1;
-  const latestRunningToolIndex = content.reduce(
+  const latestActiveToolIndex = content.reduce(
     (latestIndex, part, index) =>
-      part.type === "tool-call" &&
-      part.result === undefined &&
-      (chatRunning || part.activity === true)
+      part.type === "tool-call" && (chatRunning || part.activity === true)
         ? index
         : latestIndex,
     -1,
@@ -983,7 +995,7 @@ export function ReconnectStreamMessage({
         isRunning={
           part.result === undefined && (chatRunning || part.activity === true)
         }
-        isLatestRunning={i === latestRunningToolIndex}
+        isActiveTail={i === latestActiveToolIndex}
         approval={part.approval}
         repeatCount={part.repeatCount}
       />

package/src/client/chat/tool-render-registry.tsx

@@ -8,6 +8,8 @@ export interface ToolRendererContext {
   resultText?: string;
   resultJson: unknown;
   isRunning: boolean;
+  /** True while this is the newest tool representing an active chat turn. */
+  isActiveTail?: boolean;
   chatUI?: ActionChatUIConfig;
 }
 

package/src/client/resources/McpConnectionSuggestion.tsx

@@ -9,6 +9,11 @@ import { useEffect, useMemo, useState } from "react";
 import { agentNativePath } from "../api-path.js";
 import { openAgentSettings } from "../CommandMenu.js";
 import { useT } from "../i18n.js";
+import {
+  clearMcpConnectionResume,
+  notifyMcpConnectionComplete,
+  saveMcpConnectionResume,
+} from "./mcp-connection-resume.js";
 import {
   buildMcpOAuthStartUrl,
   findMcpIntegrationForText,
@@ -144,6 +149,7 @@ export function McpConnectionSuggestion({
     }
 
     if (canStartOAuth(integration)) {
+      saveMcpConnectionResume(variant === "response" ? contextText : text);
       window.location.assign(
         agentNativePath(
           buildMcpOAuthStartUrl({
@@ -162,6 +168,7 @@ export function McpConnectionSuggestion({
       integration.authMode === "none" &&
       integration.connectionMode === "direct"
     ) {
+      saveMcpConnectionResume(variant === "response" ? contextText : text);
       setConnecting(true);
       try {
         await createMcpServer.mutateAsync({
@@ -171,7 +178,9 @@ export function McpConnectionSuggestion({
           description: integration.description,
         });
         setDismissedId(integration.id);
+        notifyMcpConnectionComplete();
       } catch (cause) {
+        clearMcpConnectionResume();
         setError(
           cause instanceof Error ? cause.message : t("mcpIntegrations.failed"),
         );
@@ -181,6 +190,7 @@ export function McpConnectionSuggestion({
       return;
     }
 
+    saveMcpConnectionResume(variant === "response" ? contextText : text);
     setDialogOpen(true);
   };
 
@@ -262,13 +272,20 @@ export function McpConnectionSuggestion({
       )}
       <McpIntegrationDialog
         open={dialogOpen}
-        onOpenChange={setDialogOpen}
+        onOpenChange={(open) => {
+          setDialogOpen(open);
+          if (!open) clearMcpConnectionResume();
+        }}
         initialIntegrationId={integration.id}
         defaultScope="user"
         canCreateOrgMcp={false}
         hasOrg={Boolean(mcpServersQuery.data?.orgId)}
         onCreateMcpServer={(args) => createMcpServer.mutateAsync(args)}
-        onCreated={() => setDismissedId(integration.id)}
+        onCreated={() => {
+          setDismissedId(integration.id);
+          saveMcpConnectionResume(variant === "response" ? contextText : text);
+          notifyMcpConnectionComplete();
+        }}
         integrations={integrations}
       />
     </>

package/src/client/resources/ResourceTree.tsx

@@ -849,16 +849,13 @@ export function ResourceTree({
       )}
 
       {isEmpty && !creating && !isLoading && (
-        <div className="flex items-start gap-2 border-y border-border/60 px-2 py-4">
-          <IconFile className="mt-0.5 size-3.5 shrink-0 text-muted-foreground" />
-          <div className="flex flex-col items-start gap-2">
-            <p className="text-xs text-muted-foreground">
-              {variant === "collection"
-                ? "No resources in this collection yet"
-                : "No files yet"}
-            </p>
-            {emptyStateAction}
-          </div>
+        <div className="flex flex-col items-start border-y border-border/60 px-2 py-5">
+          <p className="ps-5 text-xs text-muted-foreground">
+            {variant === "collection"
+              ? "No resources in this collection yet"
+              : "No files yet"}
+          </p>
+          {emptyStateAction && <div className="mt-4">{emptyStateAction}</div>}
         </div>
       )}
     </div>

package/src/client/resources/ResourcesPanel.tsx

@@ -11,8 +11,6 @@ import {
   IconCode,
   IconClock,
   IconHierarchy2,
-  IconExternalLink,
-  IconHelp,
   IconPlugConnected,
 } from "@tabler/icons-react";
 import React, {
@@ -80,9 +78,15 @@ import {
   type TreeNode,
 } from "./use-resources.js";
 
-const WORKSPACE_DOCS_URL = "https://agent-native.com/docs/workspace";
 const LOCAL_WORKSPACE_RESOURCE_METADATA_SOURCE = "local-workspace-resource";
 
+export function normalizeResourceFileName(name: string): string {
+  const trimmed = name.trim();
+  if (!trimmed || trimmed.endsWith("/")) return "";
+  const finalSegment = trimmed.split("/").pop() ?? "";
+  return /\.[^/]+$/.test(finalSegment) ? trimmed : `${trimmed}.md`;
+}
+
 const EMPTY_RESOURCE_ACTION_LABELS: Record<ResourceView, string> = {
   files: "Add file",
   instructions: "Add instructions",
@@ -380,9 +384,9 @@ function CreateMenu({
   }, [view]);
 
   const submitFile = () => {
-    const trimmed = value.trim();
-    if (trimmed) {
-      onCreateFile(trimmed);
+    const normalizedName = normalizeResourceFileName(value);
+    if (normalizedName) {
+      onCreateFile(normalizedName);
       setOpen(false);
     }
   };
@@ -606,7 +610,7 @@ The result should be a reusable agent profile, not a one-off task response.`,
     {
       icon: <IconPlus className="h-3.5 w-3.5" />,
       label: "Create File",
-      desc: "Add a new file at a path",
+      desc: t("agentResources.createFile.menuDescription"),
       action: () => setView("file"),
     },
     {
@@ -843,7 +847,7 @@ The result should be a reusable agent profile, not a one-off task response.`,
           {view === "file" && (
             <div className="p-3">
               <label className="mb-1.5 block text-[11px] font-medium text-muted-foreground">
-                File path
+                {t("agentResources.createFile.nameLabel")}
               </label>
               <input
                 ref={inputRef as React.RefObject<HTMLInputElement>}
@@ -857,12 +861,12 @@ The result should be a reusable agent profile, not a one-off task response.`,
                   }
                 }}
                 className="w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent"
-                placeholder="notes/ideas.md"
+                placeholder={t("agentResources.createFile.namePlaceholder")}
               />
               <div className="mt-2.5 flex justify-end">
                 <button
                   onClick={submitFile}
-                  disabled={!value.trim()}
+                  disabled={!normalizeResourceFileName(value)}
                   className="rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none"
                 >
                   Create
@@ -1145,9 +1149,9 @@ Create skill files under \`skills/<name>/SKILL.md\` to give the agent specialize
 |-------|------|-------------|
 | *(use the skill button to create one)* | \`skills/example/SKILL.md\` | |
 
-## Workspace files
+## Agent resource files
 
-Workspace resources are for files users intentionally add, edit, or manage. Agents may create hidden \`agent_scratch\` resources for temporary working notes, scripts, or intermediate results; only promote those files into workspace visibility when a user explicitly asks to keep them.
+Agent resources are files users intentionally add, edit, or manage. Agents may create hidden \`agent_scratch\` resources for temporary working notes, scripts, or intermediate results; only promote those files into the visible agent resources list when a user explicitly asks to keep them.
 `;
 
 const WORKSPACE_RESOURCE_OWNER = "__workspace__";
@@ -1185,6 +1189,7 @@ export function ResourcesPanel({
   resourceTreeVariant = "tree",
   mcpIntegrations,
 }: ResourcesPanelProps = {}) {
+  const t = useT();
   const { data: org } = useOrg();
   // Non-admin org members get read-only access to organization resources.
   // Solo deployments (no orgId) behave as owner — users can edit their own.
@@ -1398,7 +1403,11 @@ export function ResourcesPanel({
 
   const handleCreateFile = useCallback(
     (parentPath: string, name: string, scope: ResourceScope) => {
-      const path = parentPath ? `${parentPath}/${name}` : name;
+      const normalizedName = normalizeResourceFileName(name);
+      if (!normalizedName) return;
+      const path = parentPath
+        ? `${parentPath}/${normalizedName}`
+        : normalizedName;
       createResource.mutate(
         { path, content: "", shared: scope === "shared" },
         {
@@ -1421,8 +1430,14 @@ export function ResourcesPanel({
 
   const handleCreateFromToolbar = useCallback(
     (targetScope: ResourceScope, name: string) => {
+      const normalizedName = normalizeResourceFileName(name);
+      if (!normalizedName) return;
       createResource.mutate(
-        { path: name, content: "", shared: targetScope === "shared" },
+        {
+          path: normalizedName,
+          content: "",
+          shared: targetScope === "shared",
+        },
         {
           onSuccess: (data) => {
             setSelectedResourceId(data.id);
@@ -1662,13 +1677,15 @@ export function ResourcesPanel({
                 <TooltipTrigger asChild>
                   <button
                     onClick={handleBack}
-                    aria-label="Back to workspace"
+                    aria-label={t("agentResources.backToResources")}
                     className="flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50"
                   >
                     <IconArrowLeft className="h-3.5 w-3.5" />
                   </button>
                 </TooltipTrigger>
-                <TooltipContent>Back to workspace</TooltipContent>
+                <TooltipContent>
+                  {t("agentResources.backToResources")}
+                </TooltipContent>
               </Tooltip>
             </TooltipProvider>
             {selectedMcpServer ? (
@@ -1843,24 +1860,6 @@ export function ResourcesPanel({
                   </TooltipContent>
                 </Tooltip>
               </TooltipProvider>
-              <TooltipProvider delayDuration={200}>
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <a
-                      href={WORKSPACE_DOCS_URL}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      aria-label="Open Resources docs"
-                      className="flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50"
-                    >
-                      <IconHelp className="h-3.5 w-3.5" />
-                    </a>
-                  </TooltipTrigger>
-                  <TooltipContent side="left" sideOffset={8}>
-                    Open Resources docs
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
             </>
           )}
           <input
@@ -1915,42 +1914,6 @@ export function ResourcesPanel({
           )
         ) : (
           <div className="flex-1 min-h-0 overflow-y-auto">
-            {!personalTreeQuery.isLoading &&
-              !sharedTreeQuery.isLoading &&
-              !workspaceTreeQuery.isLoading &&
-              visibleWorkspaceTree.length === 0 &&
-              displayedPersonalTree.length === 0 &&
-              displayedSharedTree.length === 0 && (
-                <div className="mx-2 mt-2 rounded-md border border-border bg-muted/30 p-2.5 text-[11px] text-muted-foreground">
-                  <p className="mb-1 font-medium text-foreground">
-                    This is your Workspace
-                  </p>
-                  <p className="mb-1.5 leading-snug">
-                    Files the agent reads and writes — notes, instructions,
-                    skills, custom agents, scheduled jobs, and inherited
-                    workspace context. They live in the database or, in local
-                    file mode, in the attached repo.
-                  </p>
-                  <p className="mb-2 leading-snug">
-                    <span className="text-foreground">Workspace</span> is
-                    inherited from Dispatch or local file mode.{" "}
-                    <span className="text-foreground">Organization</span> is
-                    visible to everyone in your organization
-                    {org?.orgId ? " — only admins can edit. " : ". "}
-                    <span className="text-foreground">Personal</span> is just
-                    for you.
-                  </p>
-                  <a
-                    href={WORKSPACE_DOCS_URL}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="inline-flex items-center gap-1 text-foreground hover:underline"
-                  >
-                    Learn more
-                    <IconExternalLink className="h-3 w-3" />
-                  </a>
-                </div>
-              )}
             {visibleWorkspaceTree.length > 0 && (
               <ResourceTree
                 tree={visibleWorkspaceTree}