feat(desktop): add agent settings dialog

Add UI for editing agent name and user preferences:
- AgentSettingsDialog component with name input and user.md textarea
- Agent Settings section on Home page with Edit button
- Auto-reload agent info when settings are saved

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

apps/desktop/src/pages/home.tsx

@@ -1,3 +1,4 @@
+import { useState, useEffect } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { Button } from '@multica/ui/components/ui/button'
 import { HugeiconsIcon } from '@hugeicons/react'
@@ -6,13 +7,40 @@ import {
   LinkSquare01Icon,
   Loading03Icon,
   AlertCircleIcon,
+  Edit02Icon,
 } from '@hugeicons/core-free-icons'
 import { ConnectionQRCode } from '../components/qr-code'
+import { AgentSettingsDialog } from '../components/agent-settings-dialog'
 import { useHub } from '../hooks/use-hub'
 
 export default function HomePage() {
   const navigate = useNavigate()
   const { hubInfo, agents, loading, error } = useHub()
+  const [settingsOpen, setSettingsOpen] = useState(false)
+  const [agentName, setAgentName] = useState<string | undefined>()
+  const [profileId, setProfileId] = useState<string | undefined>()
+
+  // Load agent profile info
+  useEffect(() => {
+    loadAgentInfo()
+  }, [])
+
+  // Reload agent info when settings dialog closes
+  useEffect(() => {
+    if (!settingsOpen) {
+      loadAgentInfo()
+    }
+  }, [settingsOpen])
+
+  const loadAgentInfo = async () => {
+    try {
+      const data = await window.electronAPI.profile.get()
+      setAgentName(data.name)
+      setProfileId(data.profileId)
+    } catch (err) {
+      console.error('Failed to load agent info:', err)
+    }
+  }
 
   // Get the first agent (or create one if none exists)
   const primaryAgent = agents[0]
@@ -53,13 +81,13 @@ export default function HomePage() {
       <div className="flex-1 flex gap-8 p-2">
         {/* Left: QR Code */}
         <div className="flex-1 flex flex-col items-center justify-center">
-          <ConnectionQRCode
-            gateway={hubInfo?.url ?? 'http://localhost:3000'}
-            hubId={hubInfo?.hubId ?? 'unknown'}
-            agentId={primaryAgent?.id}
-            expirySeconds={30}
-            size={180}
-          />
+          <ConnectionQRCode
+            gateway={hubInfo?.url ?? 'http://localhost:3000'}
+            hubId={hubInfo?.hubId ?? 'unknown'}
+            agentId={primaryAgent?.id}
+            expirySeconds={30}
+            size={180}
+          />
         </div>
 
         {/* Right: Hub Status */}
@@ -107,6 +135,26 @@ export default function HomePage() {
               </p>
             </div>
 
+            {/* Agent Settings */}
+            <div className="p-4 rounded-lg bg-muted/50 border border-border/50">
+              <div className="flex items-center justify-between mb-2">
+                <p className="text-xs text-muted-foreground uppercase tracking-wider">
+                  Agent Settings
+                </p>
+                <Button
+                  variant="ghost"
+                  size="icon-sm"
+                  onClick={() => setSettingsOpen(true)}
+                >
+                  <HugeiconsIcon icon={Edit02Icon} className="size-4" />
+                </Button>
+              </div>
+              <p className="font-medium">{agentName || 'Unnamed Agent'}</p>
+              <p className="text-xs text-muted-foreground font-mono">
+                Profile: {profileId ?? 'default'}
+              </p>
+            </div>
+
             {/* Stats Grid */}
             <div className="grid grid-cols-2 gap-4">
               <div className="p-4 rounded-lg bg-muted/50 border border-border/50">
@@ -142,6 +190,9 @@ export default function HomePage() {
         </div>
       </div>
 
+      {/* Agent Settings Dialog */}
+      <AgentSettingsDialog open={settingsOpen} onOpenChange={setSettingsOpen} />
+
       {/* Bottom: Actions */}
       <div className="border-t p-4">
         <div className="flex items-center justify-between">