fix: reload app providers on server credential changes

Author: wangzexi

packages/app/src/app.tsx

@@ -287,7 +287,7 @@ function ConnectionError(props: { onRetry?: () => void; onServerSelected?: (key:
 function ServerKey(props: ParentProps) {
   const server = useServer()
   return (
-    <Show when={server.key} keyed>
+    <Show when={server.connectionKey} keyed>
       {props.children}
     </Show>
   )

packages/app/src/context/opened-projects.tsx

@@ -52,7 +52,7 @@ export const { use: useOpenedProjects, provider: OpenedProjectsProvider } = crea
       })
     }
 
-    const queryKey = createMemo(() => ["opened-projects", server.key] as const)
+    const queryKey = createMemo(() => ["opened-projects", server.connectionKey] as const)
 
     const query = createQuery(() => ({
       queryKey: queryKey(),

packages/app/src/context/server.tsx

@@ -205,6 +205,11 @@ export const { use: useServer, provider: ServerProvider } = createSimpleContext(
     const current: Accessor<ServerConnection.Any | undefined> = createMemo(
       () => allServers().find((s) => ServerConnection.key(s) === state.active) ?? allServers()[0],
     )
+    const connectionKey = createMemo(() => {
+      const conn = current()
+      if (!conn) return state.active
+      return [ServerConnection.key(conn), conn.http.url, conn.http.username ?? "", conn.http.password ?? ""].join("\0")
+    })
 
     createEffect(() => {
       const current_ = current()
@@ -230,6 +235,9 @@ export const { use: useServer, provider: ServerProvider } = createSimpleContext(
       get key() {
         return state.active
       },
+      get connectionKey() {
+        return connectionKey()
+      },
       get name() {
         return serverName(current())
       },