@agent-native/dispatch 0.15.10 → 0.15.11

package/src/components/layout/Layout.tsx

@@ -14,7 +14,7 @@ import { useT } from "@agent-native/core/client/i18n";
 import { InvitationBanner, OrgSwitcher } from "@agent-native/core/client/org";
 import { FeedbackButton } from "@agent-native/core/client/ui";
 import {
-  ChatHistoryList,
+  ChatHistoryRail,
   type ChatHistoryItem,
 } from "@agent-native/toolkit/chat-history";
 import {
@@ -29,7 +29,6 @@ import {
   IconLayersSubtract,
   IconMessageQuestion,
   IconMessages,
-  IconPlus,
   IconPlugConnected,
   IconBroadcast,
   IconFingerprint,
@@ -355,7 +354,7 @@ function DispatchChatsSection({ onNavigate }: { onNavigate?: () => void }) {
           (thread) => thread.messageCount > 0 || thread.id === activeThreadId,
         )
         .sort((a, b) => threadUpdatedAt(b) - threadUpdatedAt(a))
-        .slice(0, 8),
+        .slice(0, 15),
     [activeThreadId, threads],
   );
   const localPathname = localDispatchPath(location.pathname);
@@ -430,36 +429,31 @@ function DispatchChatsSection({ onNavigate }: { onNavigate?: () => void }) {
             <Skeleton className="h-3 w-3/4 rounded" />
           </div>
         ))}
-      {visibleThreads.length > 0 && (
-        <ChatHistoryList
-          items={chatItems}
-          activeId={displayedActiveThreadId}
-          onSelect={(threadId) => openThread(threadId)}
-          renameMaxLength={160}
-          onRename={(threadId, title) => void renameThread(threadId, title)}
-          labels={{
-            options: (item) =>
-              t("dispatch.sidebar.chatOptions", {
-                title: item.titleText ?? "",
-              }),
-            renameInput: (item) =>
-              t("dispatch.sidebar.renameThread", {
-                title: item.titleText ?? "",
-              }),
-            rename: t("dispatch.sidebar.renameChat"),
-          }}
-          variant="rail"
-          className="min-w-0"
-        />
-      )}
-      <button
-        type="button"
-        onClick={() => void handleNewChat()}
-        className="flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-1.5 text-xs text-muted-foreground/60 transition-colors hover:bg-sidebar-accent/50 hover:text-foreground"
-      >
-        <IconPlus className="size-3 shrink-0" />
-        <span className="truncate">{t("dispatch.sidebar.newChat")}</span>
-      </button>
+      <ChatHistoryRail
+        items={chatItems}
+        activeId={displayedActiveThreadId}
+        onSelect={(threadId) => openThread(threadId)}
+        onNewChat={() => void handleNewChat()}
+        railLabels={{
+          newChat: t("dispatch.sidebar.newChat"),
+          showMore: t("dispatch.sidebar.chats"),
+          showLess: t("dispatch.sidebar.chats"),
+        }}
+        renameMaxLength={160}
+        onRename={(threadId, title) => void renameThread(threadId, title)}
+        labels={{
+          options: (item) =>
+            t("dispatch.sidebar.chatOptions", {
+              title: item.titleText ?? "",
+            }),
+          renameInput: (item) =>
+            t("dispatch.sidebar.renameThread", {
+              title: item.titleText ?? "",
+            }),
+          rename: t("dispatch.sidebar.renameChat"),
+        }}
+        className="min-w-0"
+      />
     </div>
   );
 }
@@ -723,7 +717,7 @@ export function NavContent({
               <OrgSwitcher />
             </div>
 
-            <div className="px-3 py-2">
+            <div className="px-3 py-2 empty:hidden">
               <FeedbackButton />
             </div>
           </div>

package/src/components/workspace-app-card.spec.tsx

@@ -61,7 +61,7 @@ describe("WorkspaceAppCard", () => {
 
     const actions = [
       container.querySelector<HTMLButtonElement>(
-        'button[aria-label="View context resources for Analytics"]',
+        'button[aria-label="View agent resources for Analytics"]',
       ),
       container.querySelector<HTMLButtonElement>(
         'button[aria-label="Manage keys for Analytics"]',
@@ -82,6 +82,38 @@ describe("WorkspaceAppCard", () => {
     }
   });
 
+  it("labels per-app context as agent resources while preserving workspace scope", async () => {
+    await act(async () => {
+      root.render(
+        <TooltipProvider>
+          <WorkspaceAppCard
+            app={{
+              id: "analytics",
+              name: "Analytics",
+              path: "/analytics",
+              description: "Explore product and growth performance.",
+              status: "ready",
+            }}
+          />
+        </TooltipProvider>,
+      );
+    });
+
+    const resourcesButton = container.querySelector<HTMLButtonElement>(
+      'button[aria-label="View agent resources for Analytics"]',
+    );
+
+    await act(async () => resourcesButton?.click());
+
+    expect(document.body.textContent).toContain("Analytics agent resources");
+    expect(document.body.textContent).toContain(
+      "Workspace-scope agent resources are inherited at runtime.",
+    );
+    expect(document.body.textContent).toContain(
+      "All-app agent resources live once at workspace scope",
+    );
+  });
+
   it("opens pending Builder apps in a new tab", async () => {
     await act(async () => {
       root.render(

package/src/components/workspace-app-card.tsx

@@ -323,7 +323,7 @@ function AppResourcesDialog({ app }: { app: WorkspaceAppSummary }) {
               type="button"
               variant="ghost"
               size="sm"
-              aria-label={`View context resources for ${app.name}`}
+              aria-label={`View agent resources for ${app.name}`}
               className={APP_CARD_ACTION_CLASS}
               onClick={(e) => e.stopPropagation()}
             >
@@ -331,20 +331,21 @@ function AppResourcesDialog({ app }: { app: WorkspaceAppSummary }) {
             </Button>
           </DialogTrigger>
         </TooltipTrigger>
-        <TooltipContent>View context</TooltipContent>
+        <TooltipContent>View agent resources</TooltipContent>
       </Tooltip>
       <DialogContent className="max-w-2xl">
         <DialogHeader>
-          <DialogTitle>{app.name} workspace resources</DialogTitle>
+          <DialogTitle>{app.name} agent resources</DialogTitle>
           <DialogDescription>
-            Workspace-level resources are inherited at runtime. App shared and
-            personal resources can override them locally.
+            Workspace-scope agent resources are inherited at runtime. App shared
+            and personal resources can override them locally.
           </DialogDescription>
         </DialogHeader>
         <div className="space-y-4">
           <div className="rounded-lg border bg-muted/30 px-3 py-2 text-xs leading-relaxed text-muted-foreground">
-            All-app resources live once at workspace scope and are read by each
-            app agent when it builds context. Nothing is copied into this app.
+            All-app agent resources live once at workspace scope and are read by
+            each app agent when it builds context. Nothing is copied into this
+            app.
           </div>
 
           <div className="flex flex-wrap items-center gap-2">

package/src/routes/pages/approvals.tsx

@@ -72,7 +72,7 @@ export default function ApprovalsRoute() {
                   </div>
                   <div className="mt-1 text-xs text-muted-foreground">
                     {hasOrg
-                      ? "Applies to saved destinations, shared dream proposals, All-app workspace resources, and dispatch settings."
+                      ? "Applies to saved destinations, shared dream proposals, All-app agent resources, and dispatch settings."
                       : "Requires a team workspace. Set one up on the Team page."}
                   </div>
                 </div>

package/src/routes/pages/workspace.tsx

@@ -67,7 +67,7 @@ import {
 } from "../../components/workspace-resource-impact-preview";
 
 export function meta() {
-  return [{ title: "Workspace Resources — Dispatch" }];
+  return [{ title: "Agent Resources — Dispatch" }];
 }
 
 const KIND_CONFIG = {
@@ -252,10 +252,10 @@ function EditResourceDialog({
       </DialogTrigger>
       <DialogContent className="max-w-2xl">
         <DialogHeader>
-          <DialogTitle>Edit workspace resource</DialogTitle>
+          <DialogTitle>Edit agent resource</DialogTitle>
           <DialogDescription>
-            Updates apply immediately anywhere this workspace resource is
-            inherited. App shared or personal resources can override it locally.
+            Updates apply immediately anywhere this agent resource is inherited.
+            App shared or personal resources can override it locally.
           </DialogDescription>
         </DialogHeader>
         <div className="space-y-4 py-2">
@@ -364,10 +364,11 @@ function AddResourceDialog() {
       </DialogTrigger>
       <DialogContent className="max-w-2xl">
         <DialogHeader>
-          <DialogTitle>Add workspace resource</DialogTitle>
+          <DialogTitle>Add agent resource</DialogTitle>
           <DialogDescription>
-            Create a skill, instruction, agent profile, reference resource, or
-            MCP server that can be shared across workspace apps.
+            Create an agent resource—a skill, instruction, agent profile,
+            reference resource, or MCP server—that can be shared across
+            workspace apps.
           </DialogDescription>
         </DialogHeader>
         <div className="space-y-4 py-2">
@@ -1088,8 +1089,8 @@ export default function WorkspaceRoute() {
 
   return (
     <DispatchShell
-      title="Workspace Resources"
-      description="Manage inherited workspace skills, guardrail instructions, agent profiles, reference resources, and MCP servers. All-app resources are available to every app without syncing."
+      title="Agent Resources"
+      description="Manage inherited skills, guardrail instructions, agent profiles, reference resources, and MCP servers. All-app resources are available to every app without syncing."
     >
       {resourcesQuery.isError || grantsQuery.isError ? (
         <ActionQueryError
@@ -1141,21 +1142,21 @@ export default function WorkspaceRoute() {
           <TabsContent value="skills" className="mt-4">
             <ResourceList
               items={skills}
-              emptyText="No workspace skills yet. Add a skill to share agent guidance across apps."
+              emptyText="No skills yet. Add a skill to share agent guidance across apps."
             />
           </TabsContent>
 
           <TabsContent value="instructions" className="mt-4">
             <ResourceList
               items={instructions}
-              emptyText="No workspace instructions yet. Add instructions to set behavioral rules across apps."
+              emptyText="No instructions yet. Add instructions to set behavioral rules across apps."
             />
           </TabsContent>
 
           <TabsContent value="agents" className="mt-4">
             <ResourceList
               items={agents}
-              emptyText="No workspace agents yet. Add a reusable agent profile to share specialist agents across apps."
+              emptyText="No agent profiles yet. Add a reusable profile to share specialist agents across apps."
             />
           </TabsContent>
 
@@ -1169,7 +1170,7 @@ export default function WorkspaceRoute() {
           <TabsContent value="mcp" className="mt-4">
             <ResourceList
               items={mcpServers}
-              emptyText="No workspace MCP servers yet. Add an HTTP MCP server to share external tools across apps."
+              emptyText="No MCP servers yet. Add an HTTP MCP server to share external tools across apps."
             />
           </TabsContent>
         </Tabs>