fix(profile): consolidate agent profile runtime metadata

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

@@ -1,6 +1,6 @@
 import { Copy } from "lucide-react";
-import { toast } from "sonner";
 
+import { copyTextToClipboard } from "@/shared/lib/clipboard";
 import { Button, type ButtonProps } from "@/shared/ui/button";
 
 export function CopyButton({
@@ -23,10 +23,7 @@ export function CopyButton({
   return (
     <Button
       className={className}
-      onClick={async () => {
-        await navigator.clipboard.writeText(value);
-        toast.success("Copied to clipboard");
-      }}
+      onClick={() => copyTextToClipboard(value)}
       size={size}
       type="button"
       variant={variant}

desktop/src/features/messages/ui/MessageActionBar.tsx

@@ -13,7 +13,6 @@ import {
   Trash2,
 } from "lucide-react";
 import * as React from "react";
-import { toast } from "sonner";
 
 import { buildMessageLink } from "@/features/messages/lib/messageLink";
 import { EmojiPicker } from "@/features/custom-emoji/ui/EmojiPicker";
@@ -29,6 +28,7 @@ import {
 } from "@/features/messages/ui/useQuickReactionEmojis";
 import { reactionEmojiUrl } from "@/shared/api/customEmoji";
 import { cn } from "@/shared/lib/cn";
+import { copyTextToClipboard } from "@/shared/lib/clipboard";
 import { emojiDisplayName } from "@/shared/lib/emojiName";
 import { rewriteRelayUrl } from "@/shared/lib/mediaUrl";
 import { KIND_HUDDLE_STARTED } from "@/shared/constants/kinds";
@@ -57,17 +57,6 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "@/shared/ui/tooltip";
 const ACTION_BUTTON_CLASS = "h-8 w-8 rounded-full p-0";
 const ACTION_ICON_CLASS = "!h-4 !w-4";
 
-function copyToClipboard(text: string, successMessage: string) {
-  void navigator.clipboard
-    .writeText(text)
-    .then(() => {
-      toast.success(successMessage);
-    })
-    .catch(() => {
-      toast.error("Failed to copy to clipboard");
-    });
-}
-
 function MoreActionsMenu({
   channelId,
   message,
@@ -199,7 +188,10 @@ function MoreActionsMenu({
           {hasCopyActions ? (
             <DropdownMenuItem
               onClick={() => {
-                copyToClipboard(message.body, "Message copied to clipboard");
+                copyTextToClipboard(
+                  message.body,
+                  "Message copied to clipboard",
+                );
               }}
             >
               <Copy className="h-4 w-4" />
@@ -228,7 +220,7 @@ function MoreActionsMenu({
                   messageId: message.id,
                   threadRootId: rootId,
                 });
-                copyToClipboard(link, "Link copied to clipboard");
+                copyTextToClipboard(link, "Link copied to clipboard");
               }}
             >
               <Link2 className="h-4 w-4" />

desktop/src/features/profile/ui/UserProfilePanel.tsx

@@ -768,28 +768,24 @@ export function UserProfilePanel({
       viewerIsOwner={viewerIsOwner}
     />
   );
-  const {
-    agentInfoFields,
-    agentSettingsFields,
-    diagnosticsFields,
-    modelLabel,
-  } = useProfileFieldBuckets({
-    isBot,
-    isOwner,
-    managedAgent,
-    onOpenProfile,
-    ownerAvatarUrl: ownerAvatarProfile?.avatarUrl ?? null,
-    ownerDisplayName,
-    ownerHandle,
-    ownerProfilePubkey,
-    ownerPubkey,
-    persona: resolvedPersona,
-    presenceLoaded: presenceQuery.isSuccess,
-    presenceStatus,
-    profile,
-    pubkey: effectivePubkey,
-    relayAgent,
-  });
+  const { agentInfoFields, agentSettingsFields, diagnosticsFields } =
+    useProfileFieldBuckets({
+      isBot,
+      isOwner: viewerIsOwner,
+      managedAgent,
+      onOpenProfile,
+      ownerAvatarUrl: ownerAvatarProfile?.avatarUrl ?? null,
+      ownerDisplayName,
+      ownerHandle,
+      ownerProfilePubkey,
+      ownerPubkey,
+      persona: resolvedPersona,
+      presenceLoaded: presenceQuery.isSuccess,
+      presenceStatus,
+      profile,
+      pubkey: effectivePubkey,
+      relayAgent,
+    });
   const isDiagnosticsLikeView = view === "diagnostics" || view === "logs";
   const managedAgentLogContent = managedAgentLogQuery.data?.content ?? null;
   const logHeaderSubtitle =
@@ -846,7 +842,6 @@ export function UserProfilePanel({
           managedAgent={managedAgent}
           memoriesLoading={memoryQuery.isLoading}
           memoryCount={memoryCount}
-          modelLabel={modelLabel}
           agentInfoFields={agentInfoFields}
           agentSettingsFields={agentSettingsFields}
           diagnosticsFields={diagnosticsFields}
@@ -876,11 +871,7 @@ export function UserProfilePanel({
         <AgentInfoFocusedView metadataFields={agentInfoFields} />
       ) : null}
       {view === "configuration" ? (
-        <AgentConfigurationFocusedView
-          fields={agentSettingsFields}
-          managedAgent={managedAgent}
-          modelLabel={modelLabel}
-        />
+        <AgentConfigurationFocusedView fields={agentSettingsFields} />
       ) : null}
       {view === "instructions" ? (
         <AgentInstructionsFocusedView instruction={agentInstruction} />

desktop/src/features/profile/ui/UserProfilePanelAgentDetails.tsx

@@ -1,6 +1,5 @@
-import { ChevronRight, Cpu, MessageSquare } from "lucide-react";
+import { ChevronRight, MessageSquare } from "lucide-react";
 
-import type { ManagedAgent } from "@/shared/api/types";
 import { Markdown } from "@/shared/ui/markdown";
 import {
   type ProfileField,
@@ -15,51 +14,33 @@ export const AGENT_DETAILS_FIELD_LABELS = new Set([
 
 export function AgentConfigurationFocusedView({
   fields,
-  managedAgent,
-  modelLabel,
 }: {
   fields: ProfileField[];
-  managedAgent: ManagedAgent | undefined;
-  modelLabel: string;
 }) {
   const runtimeConfigurationFields = fields.filter((field) =>
     AGENT_DETAILS_FIELD_LABELS.has(field.label),
   );
 
   return (
     <div className="pt-4">
-      <AgentConfigurationRows
-        fields={runtimeConfigurationFields}
-        managedAgent={managedAgent}
-        modelLabel={modelLabel}
-        showModel={true}
-      />
+      <AgentConfigurationRows fields={runtimeConfigurationFields} />
     </div>
   );
 }
 
 function AgentConfigurationRows({
   fields,
   instruction,
-  managedAgent,
-  modelLabel,
   showInstructionPlaceholder,
-  showModel,
 }: {
   fields: ProfileField[];
   instruction?: string | null;
-  managedAgent: ManagedAgent | undefined;
-  modelLabel: string;
   showInstructionPlaceholder?: boolean;
-  showModel: boolean;
 }) {
   const hasRows = hasAgentConfigurationRows({
     fields,
     instruction,
-    managedAgent,
-    modelLabel,
     showInstructionPlaceholder,
-    showModel,
   });
 
   if (!hasRows) {
@@ -71,10 +52,7 @@ function AgentConfigurationRows({
       <AgentDetailsRows
         fields={fields}
         instruction={instruction}
-        managedAgent={managedAgent}
-        modelLabel={modelLabel}
         showInstructionPlaceholder={showInstructionPlaceholder}
-        showModel={showModel}
       />
     </div>
   );
@@ -83,26 +61,17 @@ function AgentConfigurationRows({
 export function AgentDetailsRows({
   fields,
   instruction,
-  managedAgent,
-  modelLabel,
   showInstructionPlaceholder,
-  showModel = false,
 }: {
   fields: ProfileField[];
   instruction?: string | null;
-  managedAgent?: ManagedAgent | undefined;
-  modelLabel?: string;
   showInstructionPlaceholder?: boolean;
-  showModel?: boolean;
 }) {
   const trimmedInstruction = instruction?.trim() ?? "";
   const showInstructions =
     trimmedInstruction.length > 0 || showInstructionPlaceholder === true;
-  const showModelRow =
-    showModel === true &&
-    (managedAgent !== undefined || (modelLabel?.trim().length ?? 0) > 0);
 
-  if (!showInstructions && !showModelRow && fields.length === 0) {
+  if (!showInstructions && fields.length === 0) {
     return null;
   }
 
@@ -112,10 +81,6 @@ export function AgentDetailsRows({
         <AgentInstructionRow instruction={instruction ?? null} />
       ) : null}
 
-      {showModelRow ? (
-        <AgentModelRow modelLabel={modelLabel ?? "Auto"} />
-      ) : null}
-
       {fields.length > 0 ? <ProfileFieldRows fields={fields} /> : null}
     </>
   );
@@ -124,25 +89,17 @@ export function AgentDetailsRows({
 function hasAgentConfigurationRows({
   fields,
   instruction,
-  managedAgent,
-  modelLabel,
   showInstructionPlaceholder,
-  showModel,
 }: {
   fields: ProfileField[];
   instruction?: string | null;
-  managedAgent: ManagedAgent | undefined;
-  modelLabel: string;
   showInstructionPlaceholder?: boolean;
-  showModel: boolean;
 }) {
   const trimmedInstruction = instruction?.trim() ?? "";
 
   return (
     trimmedInstruction.length > 0 ||
     showInstructionPlaceholder === true ||
-    (showModel === true &&
-      (managedAgent !== undefined || modelLabel.trim().length > 0)) ||
     fields.length > 0
   );
 }
@@ -243,22 +200,3 @@ export function AgentInstructionsFocusedView({
     </div>
   );
 }
-
-function AgentModelRow({ modelLabel }: { modelLabel: string }) {
-  return (
-    <div
-      className="flex items-center gap-3 px-4 py-3"
-      data-testid="user-profile-model"
-    >
-      <span className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted/60">
-        <Cpu className="h-4 w-4 text-muted-foreground" />
-      </span>
-      <span className="min-w-0 flex-1">
-        <span className="block text-xs font-medium text-foreground">Model</span>
-        <span className="mt-0.5 block truncate text-sm text-muted-foreground">
-          {modelLabel}
-        </span>
-      </span>
-    </div>
-  );
-}