feat(ui): remember the last client selection in the install panel

The "Connect apps to this folder" checklist defaulted to the common three
every time. Persist the user's selection to localStorage (matching how the
app stores other UI prefs) and restore it across folders and sessions,
reconciled against the currently-supported clients so a dropped client can't
leave a stale id (falling back to available defaults if pruning empties it).

Test: deselect to one client + install, remount, and confirm the remembered
selection is restored rather than the default.

Claude-Session: https://claude.ai/code/session_01Baan9JmzR43uxxRUh7CAMF
Signed-off-by: Mohammod Al Amin Ashik <maa.ashik00@gmail.com>

Author: its-mash

apps/desktop/src/features/workspaces/WorkspaceInstallPanel.tsx

@@ -12,9 +12,35 @@ import {
   type WorkspaceInstallResult,
 } from '@/lib/api/workspaceInstall';
 
-/** Clients selected by default — the most common three. */
+/** Clients selected by default the first time, before the user picks. */
 const DEFAULT_SELECTED = ['cursor', 'claude-code', 'vscode'];
 
+/** Where the last client selection is remembered across folders/sessions. */
+const SELECTION_STORAGE_KEY = 'mcpmux:workspace-install-clients';
+
+/** Read the remembered client selection, or null when none/invalid. */
+function loadSavedSelection(): Set<string> | null {
+  try {
+    const raw = localStorage.getItem(SELECTION_STORAGE_KEY);
+    if (!raw) return null;
+    const arr: unknown = JSON.parse(raw);
+    if (Array.isArray(arr) && arr.every((x) => typeof x === 'string')) {
+      return new Set(arr as string[]);
+    }
+  } catch {
+    /* ignore corrupt / unavailable storage */
+  }
+  return null;
+}
+
+function saveSelection(ids: Set<string>) {
+  try {
+    localStorage.setItem(SELECTION_STORAGE_KEY, JSON.stringify(Array.from(ids)));
+  } catch {
+    /* ignore */
+  }
+}
+
 /**
  * "Connect apps to this folder" — writes (or extends) project-local MCP configs
  * inside `workspaceRoot`, injecting `X-Mcpmux-Workspace: <folder path>` so the
@@ -25,7 +51,11 @@ const DEFAULT_SELECTED = ['cursor', 'claude-code', 'vscode'];
  */
 export function WorkspaceInstallPanel({ workspaceRoot }: { workspaceRoot: string }) {
   const [clients, setClients] = useState<WorkspaceInstallClient[]>([]);
-  const [selected, setSelected] = useState<Set<string>>(() => new Set(DEFAULT_SELECTED));
+  // Restore the user's last selection (remembered across folders); fall back to
+  // the common-three default the first time.
+  const [selected, setSelected] = useState<Set<string>>(
+    () => loadSavedSelection() ?? new Set(DEFAULT_SELECTED)
+  );
   const [mcpUrl, setMcpUrl] = useState<string | null>(null);
   const [authDisabled, setAuthDisabled] = useState<boolean | null>(null);
   const [installing, setInstalling] = useState(false);
@@ -45,6 +75,13 @@ export function WorkspaceInstallPanel({ workspaceRoot }: { workspaceRoot: string
         ]);
         if (cancelled) return;
         setClients(list);
+        // Drop any remembered ids that aren't supported anymore; if that
+        // leaves nothing, fall back to the defaults that do exist.
+        setSelected((prev) => {
+          const known = new Set(list.map((c) => c.id));
+          const pruned = [...prev].filter((id) => known.has(id));
+          return new Set(pruned.length ? pruned : DEFAULT_SELECTED.filter((id) => known.has(id)));
+        });
         setAuthDisabled(disabled);
         setMcpUrl(status.url ? `${status.url}/mcp` : null);
       } catch (e) {
@@ -56,6 +93,11 @@ export function WorkspaceInstallPanel({ workspaceRoot }: { workspaceRoot: string
     };
   }, []);
 
+  // Remember the selection across folders and sessions.
+  useEffect(() => {
+    saveSelection(selected);
+  }, [selected]);
+
   const toggleClient = (id: string) => {
     setSelected((prev) => {
       const next = new Set(prev);

tests/ts/components/WorkspaceInstallPanel.test.tsx

@@ -56,6 +56,7 @@ const ROOT = process.platform === 'win32' ? 'd:\\proj\\app' : '/proj/app';
 
 describe('WorkspaceInstallPanel', () => {
   beforeEach(() => {
+    localStorage.clear();
     listClientsMock.mockReset().mockResolvedValue(CLIENTS);
     installMock.mockReset();
     snippetMock.mockReset();
@@ -94,6 +95,33 @@ describe('WorkspaceInstallPanel', () => {
     expect(await screen.findByTestId('workspace-install-results')).toBeTruthy();
   });
 
+  it('remembers the previous client selection across renders', async () => {
+    const user = userEvent.setup();
+    installMock.mockResolvedValue([]);
+
+    // First mount: deselect the defaults down to just opencode, then install
+    // (which persists the selection).
+    const first = render(<WorkspaceInstallPanel workspaceRoot={ROOT} />);
+    await screen.findByTestId('workspace-install-client-cursor');
+    for (const id of ['cursor', 'claude-code', 'vscode']) {
+      await user.click(screen.getByTestId(`workspace-install-client-${id}`));
+    }
+    await user.click(screen.getByTestId('workspace-install-client-opencode'));
+    await user.click(screen.getByTestId('workspace-install-button'));
+    await waitFor(() => expect(installMock).toHaveBeenCalled());
+    expect(installMock.mock.calls[0][0].clients).toEqual(['opencode']);
+    first.unmount();
+
+    // Second mount: the remembered selection (opencode only) is restored, not
+    // the big-three default.
+    installMock.mockClear();
+    render(<WorkspaceInstallPanel workspaceRoot={ROOT} />);
+    await screen.findByTestId('workspace-install-button');
+    await user.click(screen.getByTestId('workspace-install-button'));
+    await waitFor(() => expect(installMock).toHaveBeenCalled());
+    expect(installMock.mock.calls[0][0].clients).toEqual(['opencode']);
+  });
+
   it('shows the auth nudge and disables auth inline', async () => {
     const user = userEvent.setup();
     getAuthMock.mockResolvedValue(false); // auth currently required