feat(desktop): clean up agents page UI

desktop/src/features/agents/hooks.ts

@@ -95,6 +95,7 @@ export function usePersonasQuery() {
     queryKey: personasQueryKey,
     queryFn: listPersonas,
     staleTime: 30_000,
+    refetchInterval: 30_000,
   });
 }
 
@@ -125,6 +126,7 @@ export function useRelayAgentsQuery() {
     queryKey: relayAgentsQueryKey,
     queryFn: listRelayAgents,
     staleTime: 15_000,
+    refetchInterval: 15_000,
   });
 }
 

desktop/src/features/agents/ui/AgentsView.tsx

@@ -261,12 +261,6 @@ export function AgentsView() {
     void relayAgentsQuery.refetch();
   }
 
-  function handleRefresh() {
-    void managedAgentsQuery.refetch();
-    void relayAgentsQuery.refetch();
-    void managedAgentLogQuery.refetch();
-  }
-
   const isActionPending =
     startMutation.isPending ||
     stopMutation.isPending ||
@@ -341,9 +335,6 @@ export function AgentsView() {
                   },
                 });
               }}
-              onRefresh={() => {
-                void personasQuery.refetch();
-              }}
               personas={personas}
             />
 
@@ -373,7 +364,6 @@ export function AgentsView() {
               onMintToken={(pubkey, name) => {
                 void handleMintToken(pubkey, name);
               }}
-              onRefresh={handleRefresh}
               onStart={(pubkey) => {
                 void handleStart(pubkey);
               }}

desktop/src/features/agents/ui/CreateAgentDialogSections.tsx

@@ -296,7 +296,7 @@ export function CreateAgentOptionToggles({
         type="button"
       >
         <p className="text-sm font-semibold tracking-tight">Mint token</p>
-        <p className="mt-1 text-sm text-muted-foreground">
+        <p className="mt-1 text-sm text-foreground/70">
           {prereqs !== null && !isMintSupported
             ? `Unavailable until ${prereqs.admin.command} is installed.`
             : "Use `sprout-admin` to create a bearer token for this agent."}
@@ -317,7 +317,7 @@ export function CreateAgentOptionToggles({
         <p className="text-sm font-semibold tracking-tight">
           Start on app launch
         </p>
-        <p className="mt-1 text-sm text-muted-foreground">
+        <p className="mt-1 text-sm text-foreground/70">
           Reopen this local ACP harness automatically when the desktop app
           starts.
         </p>
@@ -339,7 +339,7 @@ export function CreateAgentOptionToggles({
         <p className="text-sm font-semibold tracking-tight">
           Spawn after create
         </p>
-        <p className="mt-1 text-sm text-muted-foreground">
+        <p className="mt-1 text-sm text-foreground/70">
           {prereqs !== null && !isSpawnSupported
             ? "Requires both the ACP harness and MCP server binaries."
             : "Start the local ACP harness immediately after the profile is saved."}
@@ -392,6 +392,9 @@ export function CreateAgentTokenSection({
                 type="button"
               >
                 {scope.label}
+                <span className="block text-xs text-foreground/60">
+                  {scope.description}
+                </span>
               </button>
             );
           })}

desktop/src/features/agents/ui/ManagedAgentsSection.tsx

@@ -6,7 +6,6 @@ import {
   Play,
   Plus,
   Power,
-  RefreshCcw,
   Square,
   Trash2,
   UserPlus,
@@ -23,6 +22,7 @@ import {
   DropdownMenuTrigger,
 } from "@/shared/ui/dropdown-menu";
 import { Skeleton } from "@/shared/ui/skeleton";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/shared/ui/tooltip";
 import { ModelPicker } from "./ModelPicker";
 import { truncatePubkey } from "./agentUi";
 
@@ -38,7 +38,6 @@ export function ManagedAgentsSection({
   onCreate,
   onDelete,
   onMintToken,
-  onRefresh,
   onStart,
   onStop,
   onToggleStartOnAppLaunch,
@@ -55,7 +54,6 @@ export function ManagedAgentsSection({
   onCreate: () => void;
   onDelete: (pubkey: string) => void;
   onMintToken: (pubkey: string, name: string) => void;
-  onRefresh: () => void;
   onStart: (pubkey: string) => void;
   onStop: (pubkey: string) => void;
   onToggleStartOnAppLaunch: (pubkey: string, startOnAppLaunch: boolean) => void;
@@ -72,16 +70,20 @@ export function ManagedAgentsSection({
             Saved agent profiles and local ACP process state.
           </p>
         </div>
-        <div className="flex flex-wrap gap-2">
-          <Button onClick={onCreate} type="button">
-            <Plus className="h-4 w-4" />
-            Create agent
-          </Button>
-          <Button onClick={onRefresh} type="button" variant="outline">
-            <RefreshCcw className="h-4 w-4" />
-            Refresh
-          </Button>
-        </div>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              aria-label="Create agent"
+              onClick={onCreate}
+              type="button"
+              variant="ghost"
+              size="icon"
+            >
+              <Plus className="h-4 w-4" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>Create agent</TooltipContent>
+        </Tooltip>
       </div>
 
       {isLoading ? (
@@ -138,7 +140,6 @@ export function ManagedAgentsSection({
                     onAddToChannel={onAddToChannel}
                     onDelete={onDelete}
                     onMintToken={onMintToken}
-                    onModelChanged={onRefresh}
                     onStart={onStart}
                     onStop={onStop}
                     onToggleStartOnAppLaunch={onToggleStartOnAppLaunch}
@@ -179,7 +180,6 @@ function ManagedAgentRow({
   onAddToChannel,
   onDelete,
   onMintToken,
-  onModelChanged,
   onStart,
   onStop,
   onToggleStartOnAppLaunch,
@@ -191,7 +191,6 @@ function ManagedAgentRow({
   onAddToChannel: (agent: ManagedAgent) => void;
   onDelete: (pubkey: string) => void;
   onMintToken: (pubkey: string, name: string) => void;
-  onModelChanged?: () => void;
   onStart: (pubkey: string) => void;
   onStop: (pubkey: string) => void;
   onToggleStartOnAppLaunch: (pubkey: string, startOnAppLaunch: boolean) => void;
@@ -233,7 +232,7 @@ function ManagedAgentRow({
         </span>
       </td>
       <td className="px-4 py-3">
-        <ModelPicker agent={agent} onModelChanged={onModelChanged} />
+        <ModelPicker agent={agent} />
       </td>
       <td className="px-4 py-3 text-muted-foreground">{agent.agentCommand}</td>
       <td className="px-3 py-3">