feat: re-read agent definition from disk on editing

- Added refreshAssistants method to useAssistant hook to fetch fresh data from backend
- Modified assistant editing flow to refresh assistants before opening edit dialog
- Ensures latest assistant definitions are loaded when editing
- Addresses issue where edits might show stale data from previous cache

Author: sshirokov

web-app/src/hooks/useAssistant.ts

@@ -17,6 +17,7 @@ interface AssistantState {
   ) => void
   setDefaultAssistant: (id: string) => void
   setAssistants: (assistants: Assistant[] | null) => void
+  refreshAssistants: () => Promise<void>
 }
 
 const setLastUsedAssistantId = (assistantId: string) => {
@@ -215,4 +216,19 @@ export const useAssistant = create<AssistantState>((set, get) => ({
       set({ loading: false })
     }
   },
+  refreshAssistants: async () => {
+    try {
+      const assistants = await getServiceHub().assistants().getAssistants()
+      if (assistants) {
+        // Update the state with fresh assistants
+        set({
+          assistants,
+          loading: false
+        })
+      }
+    } catch (error) {
+      console.error('Failed to refresh assistants:', error)
+      set({ loading: false })
+    }
+  },
 }))

web-app/src/routes/settings/assistant.tsx

@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { route } from '@/constants/routes'
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 
 import { useAssistant } from '@/hooks/useAssistant'
 
@@ -30,18 +30,20 @@ export const Route = createFileRoute(route.settings.assistant as any)({
 
 function AssistantContent() {
   const { t } = useTranslation()
-  const { 
+  const {
     assistants,
     addAssistant,
     updateAssistant,
     deleteAssistant,
     defaultAssistantId,
-    setDefaultAssistant
+    setDefaultAssistant,
+    refreshAssistants
   } = useAssistant()
   const [open, setOpen] = useState(false)
   const [editingKey, setEditingKey] = useState<string | null>(null)
   const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false)
   const [deletingId, setDeletingId] = useState<string | null>(null)
+  const [editingAssistant, setEditingAssistant] = useState<Assistant | null>(null)
 
   const handleDelete = (id: string) => {
     setDeletingId(id)
@@ -66,9 +68,27 @@ function AssistantContent() {
     setEditingKey(null)
   }
 
+  const handleEditClick = (assistantId: string) => {
+    // Before opening the edit dialog, refresh the assistants to get the latest data
+    refreshAssistants().then(() => {
+      setEditingKey(assistantId)
+      setOpen(true)
+    })
+  }
+
   const sortedAssistants = assistants.slice().sort((a, b) => a.created_at - b.created_at)
   const defaultAssistant = sortedAssistants.find((a) => a.id === defaultAssistantId)
 
+  // When editingKey changes, we need to get the latest assistant data
+  useEffect(() => {
+    if (editingKey) {
+      const assistant = assistants.find(a => a.id === editingKey)
+      setEditingAssistant(assistant || null)
+    } else {
+      setEditingAssistant(null)
+    }
+  }, [editingKey, assistants])
+
   return (
     <div className="flex flex-col h-svh w-full">
       <HeaderPage>
@@ -174,10 +194,7 @@ function AssistantContent() {
                       variant="ghost"
                       size="icon-xs"
                       title={t('assistants:editAssistant')}
-                      onClick={() => {
-                        setEditingKey(assistant.id)
-                        setOpen(true)
-                      }}
+                      onClick={() => handleEditClick(assistant.id)}
                     >
                       <IconPencil className="text-muted-foreground size-4" />
                     </Button>
@@ -198,11 +215,7 @@ function AssistantContent() {
             open={open}
             onOpenChange={setOpen}
             editingKey={editingKey}
-            initialData={
-              editingKey
-                ? assistants.find((a) => a.id === editingKey)
-                : undefined
-            }
+            initialData={editingAssistant || undefined}
             onSave={handleSave}
           />
           <DeleteAssistantDialog