@neuralis/brain-core 0.2.0 → 0.2.1

package/app/filesystem/store/gitSlice.ts

@@ -5,7 +5,7 @@ import { sourceFromUri } from './helpers';
 /**
  * gitSlice (G2.1 / spellbound-heron) — client state for the read-only "Git
  * Control" sidebar panel. Mirrors `searchSlice`'s shape: a plain slice combined
- * into the single `useFilesystemStore`, with async actions calling the `../api`
+ * into each window's Files store (`createFilesystemStore`), with async actions calling the `../api`
  * git fetchers.
  *
  * The FOCUSED repo is NOT a git-slice field — it is the PAIR
@@ -18,9 +18,6 @@ import { sourceFromUri } from './helpers';
  * branch repo-correct for free. Write actions pass both explicitly.
  */
 
-let gitStatusSeq = 0;
-let gitBranchSeq = 0;
-
 export interface GitSliceState {
   gitStatus: GitControlStatus | null;
   /**
@@ -144,6 +141,9 @@ export function createGitSlice(
   set: (fn: (s: any) => any) => void,
   get: () => any,
 ): GitSliceActions {
+  // The newest status / branch request of THIS store — an older answer is dropped.
+  let gitStatusSeq = 0;
+  let gitBranchSeq = 0;
   return {
     setGitViewMode: (mode) => set(() => ({ gitViewMode: mode })),
 
@@ -196,7 +196,7 @@ export function createGitSlice(
           ...(projectId ? { projectId } : {}),
           source: slug,
           ...(repoRel ? { repo: repoRel } : {}),
-        });
+        }, get().client);
         if (mySeq !== gitStatusSeq) return;
         // `totals` rides the SAME response as the rows it sums (the server
         // computes it after its read filter and cap), so the header can never
@@ -232,7 +232,7 @@ export function createGitSlice(
           ...(projectId ? { projectId } : {}),
           source: slug,
           ...(repoRel ? { repo: repoRel } : {}),
-        });
+        }, get().client);
         if (mySeq !== gitBranchSeq) return;
         set(() => ({ gitBranches: Array.isArray(res?.branches) ? res.branches : [] }));
       } catch (error) {

package/app/filesystem/store/listSlice.ts

@@ -8,8 +8,6 @@ import {
   sourceFromUri,
 } from './helpers';
 
-const listInFlight = new Map<string, Promise<void>>();
-
 export interface ListSliceActions {
   /**
    * Load the SOURCE SUMMARIES — the registry rows the tree headers and the Sources
@@ -50,9 +48,10 @@ export interface ListSliceActions {
  * context's slice — THESE keys — there and restores it from there; a context
  * reset must never wipe it, that is the whole point of it),
  * or the named-exception list — so a new key has to be filed somewhere:
- *  - preferences, deliberately kept: `activeAgentId`/`activeProjectId` (the callers
- *    own them), `sidebarOpen`, `sidebarWidth`, `gitViewMode`, `searchMode`,
- *    `previewEditorsEnabled`, `diffViewMode`;
+ *  - preferences and window identity, deliberately kept: `activeAgentId`/
+ *    `activeProjectId` (the callers own them), `windowId` + `client` (the window
+ *    the store was created for), `sidebarOpen`, `sidebarWidth`, `gitViewMode`,
+ *    `searchMode`, `previewEditorsEnabled`, `diffViewMode`;
  *  - NOT reset, deliberately: `uploading` alone — it self-heals through the
  *    upload's `finally`, and an upload in flight across a switch must still
  *    release it.
@@ -230,6 +229,9 @@ export function createListSlice(
   set: (fn: (s: any) => any) => void,
   get: () => any,
 ): ListSliceActions {
+  // The root-listing dedup belongs to ONE store (one Files window): two windows
+  // listing the same agent must each get their own answer into their own store.
+  const listInFlight = new Map<string, Promise<void>>();
   return {
     async loadList({ agentId, projectId, userId, withCounts }) {
       if (!agentId) return;
@@ -312,7 +314,7 @@ export function createListSlice(
             sources_only: true,
             recursive: false,
             ...(withCounts ? { include_counts: true } : {}),
-          });
+          }, get().client);
         } catch {
           set(() => ({ snapshotError: 'Filesystem service unavailable', sourcesLoading: false }));
           return;

package/app/filesystem/store/searchSlice.ts

@@ -1,8 +1,6 @@
 import { searchFiles } from '../api';
 import { sourceRootUri } from './helpers';
 
-let searchSeq = 0;
-
 export type SearchSliceHit = {
   id: string;
   uri: string;
@@ -95,6 +93,8 @@ export function createSearchSlice(
   set: (fn: (s: any) => any) => void,
   get: () => any,
 ): SearchSliceActions {
+  // The newest search of THIS store — an older answer never overwrites a newer one.
+  let searchSeq = 0;
   return {
     setSearchQuery: (query) => set(() => ({ searchQuery: query })),
     setSearchMode: (mode) => set(() => ({ searchMode: mode })),
@@ -167,7 +167,7 @@ export function createSearchSlice(
           ...(searchMode !== 'grep' && filters.createdAfter.trim() ? { created_after: filters.createdAfter.trim() } : {}),
           ...(searchMode !== 'grep' && filters.createdBefore.trim() ? { created_before: filters.createdBefore.trim() } : {}),
           limit: searchMode === 'semantic' ? 30 : 50,
-        });
+        }, get().client);
         if (mySeq !== searchSeq) return;
         const rows = res.results || [];
         // Backend error rows (grep guidance, index-unavailable) carry `error`

package/app/filesystem/ui/FileEditor.tsx

@@ -6,7 +6,7 @@ import { RefreshCw, FileCode, Pencil, Trash2, Loader2, Upload, Check, X, GitComp
 import { cn } from '../lib/cn';
 import { useFilesystemHost } from '../FilesystemHost';
 import { buildAgentIndex } from '../lib/agentUtils';
-import { useContainerWidth } from '../hooks/useContainerWidth';
+import { useContainerWidth } from '@neuralis/package-system/client';
 import { detectCodeLanguage } from '../lib/detectLanguage';
 import { parseGitLineStatus, isEmptyGitLineStatus, type GitLineStatusMap } from './codeEditor/gitLineStatus';
 import { EditorTabBar, EditorTabsMenu, TAB_SCROLLER_ATTR } from './EditorTabBar';
@@ -45,6 +45,7 @@ function normalizeUserUriInput(raw: string, fallbackUri: string): string {
 }
 
 export function FileEditor() {
+  const client = useFilesystemStore((s) => s.client);
   const openFiles = useFilesystemStore((s) => s.openFiles);
   const activeFile = useFilesystemStore((s) => s.activeFile);
   const files = useFilesystemStore((s) => s.files);
@@ -169,7 +170,7 @@ export function FileEditor() {
     }
     void (async () => {
       try {
-        const res = await getGitDiff({ agentId: targetAgentId, ...(projectId ? { projectId } : {}), source, path, staged: false });
+        const res = await getGitDiff({ agentId: targetAgentId, ...(projectId ? { projectId } : {}), source, path, staged: false }, client);
         if (cancelled) return;
         if (res && (res as { ok?: boolean }).ok === false) {
           setGitLineStatus(undefined);
@@ -243,7 +244,7 @@ export function FileEditor() {
         id: activeNode.id,
         uri: activeNode.uri,
         fields: { status: 'active' },
-      });
+      }, client);
       if (res && res.ok === false) {
         setEditError(writeRefusalMessage(res, 'Restore failed'));
         return;
@@ -275,7 +276,7 @@ export function FileEditor() {
         ...(projectId ? { projectId } : {}),
         id: activeNode.id,
         uri: activeNode.uri,
-      });
+      }, client);
       if (res && res.ok) {
         const nodeKey = activeNode.storeKey || activeFile || fileKeyFromNode(activeNode);
         if (nodeKey) {
@@ -310,7 +311,7 @@ export function FileEditor() {
         id: activeNode.id,
         uri: activeNode.uri,
         revert: true,
-      });
+      }, client);
       if (res && res.ok === false) {
         setEditError(writeRefusalMessage(res, 'Revert failed'));
         return;
@@ -434,98 +435,107 @@ export function FileEditor() {
           <div {...{ [TAB_SCROLLER_ATTR]: '' }} className="flex min-w-0 flex-1 overflow-x-auto overflow-y-hidden">
           <EditorTabBar />
           {workspacePanels.upload ? (
+            <div className="group flex shrink-0 items-center">
             <button
               type="button"
               className={cn(
-                'group flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
+                'flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
                 showUploadTab ? 'bg-white/10 text-white' : 'text-white/50 hover:bg-white/5 hover:text-white/80',
               )}
               onClick={() => setActiveWorkspaceTab('upload')}
             >
               <Upload className="w-3.5 h-3.5 shrink-0" />
               <span className="truncate flex-1">Upload</span>
-              <span
-                className="opacity-0 group-hover:opacity-100 p-0.5 rounded hover:bg-white/10"
+            </button>
+              <button type="button" aria-label="Close Upload"
+                className="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 p-0.5 rounded hover:bg-white/10"
                 onClick={(e) => {
                   e.stopPropagation();
                   setWorkspacePanelOpen('upload', false);
                 }}
               >
                 <X className="w-3 h-3" />
-              </span>
-            </button>
+              </button>
+            </div>
           ) : null}
           {supportsSources && workspacePanels.sources ? (
+            <div className="group flex shrink-0 items-center">
             <button
               type="button"
               className={cn(
-                'group flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
+                'flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
                 showSourcesTab ? 'bg-white/10 text-white' : 'text-white/50 hover:bg-white/5 hover:text-white/80',
               )}
               onClick={() => setActiveWorkspaceTab('sources')}
             >
               <SlidersHorizontal className="w-3.5 h-3.5 shrink-0" />
               <span className="truncate flex-1">Sources</span>
-              <span
-                className="opacity-0 group-hover:opacity-100 p-0.5 rounded hover:bg-white/10"
+            </button>
+              <button type="button" aria-label="Close Sources"
+                className="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 p-0.5 rounded hover:bg-white/10"
                 onClick={(e) => {
                   e.stopPropagation();
                   setWorkspacePanelOpen('sources', false);
                 }}
               >
                 <X className="w-3 h-3" />
-              </span>
-            </button>
+              </button>
+            </div>
           ) : null}
           {workspacePanels.packages ? (
+            <div className="group flex shrink-0 items-center">
             <button
               type="button"
               className={cn(
-                'group flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
+                'flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
                 showPackagesTab ? 'bg-white/10 text-white' : 'text-white/50 hover:bg-white/5 hover:text-white/80',
               )}
               onClick={() => setActiveWorkspaceTab('packages')}
             >
               <Package className="w-3.5 h-3.5 shrink-0" />
               <span className="truncate flex-1">Packages</span>
-              <span
-                className="opacity-0 group-hover:opacity-100 p-0.5 rounded hover:bg-white/10"
+            </button>
+              <button type="button" aria-label="Close Packages"
+                className="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 p-0.5 rounded hover:bg-white/10"
                 onClick={(e) => {
                   e.stopPropagation();
                   setWorkspacePanelOpen('packages', false);
                 }}
               >
                 <X className="w-3 h-3" />
-              </span>
-            </button>
+              </button>
+            </div>
           ) : null}
           {workspacePanels.pending ? (
+            <div className="group flex shrink-0 items-center">
             <button
               type="button"
               className={cn(
-                'group flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
+                'flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
                 showPendingTab ? 'bg-white/10 text-white' : 'text-white/50 hover:bg-white/5 hover:text-white/80',
               )}
               onClick={() => setActiveWorkspaceTab('pending')}
             >
               <FileDiff className="w-3.5 h-3.5 shrink-0" />
               <span className="truncate flex-1">Changes</span>
-              <span
-                className="opacity-0 group-hover:opacity-100 p-0.5 rounded hover:bg-white/10"
+            </button>
+              <button type="button" aria-label="Close Changes"
+                className="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 p-0.5 rounded hover:bg-white/10"
                 onClick={(e) => {
                   e.stopPropagation();
                   setWorkspacePanelOpen('pending', false);
                 }}
               >
                 <X className="w-3 h-3" />
-              </span>
-            </button>
+              </button>
+            </div>
           ) : null}
           {gitDiffTarget ? (
+            <div className="group flex shrink-0 items-center">
             <button
               type="button"
               className={cn(
-                'group flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
+                'flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
                 showGitDiff ? 'bg-white/10 text-white' : 'text-white/50 hover:bg-white/5 hover:text-white/80',
               )}
               onClick={() => setActiveWorkspaceTab('git-diff')}
@@ -537,8 +547,9 @@ export function FileEditor() {
               <span className="truncate flex-1">
                 {repoQualifiedLabel(gitDiffTarget.repo, extractFilename(gitDiffTarget.path) || gitDiffTarget.path)}
               </span>
-              <span
-                className="opacity-0 group-hover:opacity-100 p-0.5 rounded hover:bg-white/10"
+            </button>
+              <button type="button" aria-label="Close Git diff"
+                className="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 p-0.5 rounded hover:bg-white/10"
                 onClick={(e) => {
                   e.stopPropagation();
                   setGitDiffTarget(null);
@@ -546,14 +557,15 @@ export function FileEditor() {
                 }}
               >
                 <X className="w-3 h-3" />
-              </span>
-            </button>
+              </button>
+            </div>
           ) : null}
           {gitCommitTarget ? (
+            <div className="group flex shrink-0 items-center">
             <button
               type="button"
               className={cn(
-                'group flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
+                'flex items-center gap-1.5 px-3 py-2 text-xs min-w-[120px] max-w-[240px] rounded-lg',
                 showGitCommit ? 'bg-white/10 text-white' : 'text-white/50 hover:bg-white/5 hover:text-white/80',
               )}
               onClick={() => setActiveWorkspaceTab('git-commit')}
@@ -575,8 +587,9 @@ export function FileEditor() {
                   ? repoQualifiedLabel(gitCommitTarget.repo, `${shortSha(gitCommitTarget.sha)} ${gitCommitTarget.subject}`)
                   : repoQualifiedLabel(gitCommitTarget.repo, 'Outgoing changes')}
               </span>
-              <span
-                className="opacity-0 group-hover:opacity-100 p-0.5 rounded hover:bg-white/10"
+            </button>
+              <button type="button" aria-label="Close Git commit"
+                className="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 p-0.5 rounded hover:bg-white/10"
                 onClick={(e) => {
                   e.stopPropagation();
                   // The 'file' fallback for an ACTIVE git-commit tab lives in
@@ -585,8 +598,8 @@ export function FileEditor() {
                 }}
               >
                 <X className="w-3 h-3" />
-              </span>
-            </button>
+              </button>
+            </div>
           ) : null}
           </div>
           <EditorTabsMenu />

package/app/filesystem/ui/FileTree.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useFilesystemStore, type SidebarView } from '../store/filesystemStore';
+import { useFilesystemStore, useFilesystemStoreApi, type SidebarView } from '../store/filesystemStore';
 import React, { useMemo, useState, useCallback, useRef, useEffect } from 'react';
 import { SkillLauncher } from '@neuralis/package-system/client';
 import { meetsRequires } from '@neuralis/package-system/access';
@@ -197,6 +197,7 @@ export function flattenSource(
 export function FileTree(props: { agentId: string; sidebarView?: SidebarView }) {
   const { agentId, sidebarView = 'tree' } = props;
   const host = useFilesystemHost();
+  const storeApi = useFilesystemStoreApi();
 
   const files = useFilesystemStore((s) => s.files);
   const folderBadges = useFilesystemStore((s) => s.folderBadges);
@@ -527,12 +528,12 @@ export function FileTree(props: { agentId: string; sidebarView?: SidebarView })
         // Expand + load the parent so the inline input row is visible in place.
         if (!parentUri.endsWith('://') && !expanded.has(parentUri)) {
           toggleFolder(parentUri);
-          void useFilesystemStore.getState().ensureFolderLoaded({ agentId, projectId, uri: parentUri });
+          void storeApi.getState().ensureFolderLoaded({ agentId, projectId, uri: parentUri });
         }
         setCreating({ parentUri, kind });
       }
     },
-    [contextMenu, menuTargets, expanded, toggleFolder, agentId, projectId, clipboard, pasteNodes],
+    [contextMenu, menuTargets, expanded, toggleFolder, agentId, projectId, clipboard, pasteNodes, storeApi],
   );
 
   const handleCreateCommit = useCallback(
@@ -607,12 +608,12 @@ export function FileTree(props: { agentId: string; sidebarView?: SidebarView })
     setActiveFolderPath(params.key);
     toggleFolder(params.key);
     if (wasExpanded) return;
-    await useFilesystemStore.getState().ensureFolderLoaded({
+    await storeApi.getState().ensureFolderLoaded({
       agentId,
       projectId,
       uri: params.key,
     });
-  }, [agentId, expanded, projectId, setActiveFolderPath, toggleFolder]);
+  }, [agentId, expanded, projectId, setActiveFolderPath, toggleFolder, storeApi]);
 
   const handleOpenFile = useCallback((params: { agentId: string; projectId: string | null; uri: string; readAgentId?: string }) => {
     if (params.uri) {
@@ -644,7 +645,7 @@ export function FileTree(props: { agentId: string; sidebarView?: SidebarView })
    */
   const handleRefreshSource = useCallback(async (uriRoot: string) => {
     if (!agentId) return;
-    const store = useFilesystemStore.getState();
+    const store = storeApi.getState();
     setSourceBranchExpanded((prev) => (prev[uriRoot] ? prev : { ...prev, [uriRoot]: true }));
     if (store.loadedFolders?.[uriRoot]) {
       const source = sourceFromUri(uriRoot);
@@ -652,7 +653,7 @@ export function FileTree(props: { agentId: string; sidebarView?: SidebarView })
       return;
     }
     await store.ensureFolderLoaded({ agentId, projectId, uri: uriRoot, force: true });
-  }, [agentId, projectId]);
+  }, [agentId, projectId, storeApi]);
 
   // Hydrate what is VISIBLE and not yet fetched.
   //
@@ -664,7 +665,7 @@ export function FileTree(props: { agentId: string; sidebarView?: SidebarView })
   // rather than retry-looping. `ensureFolderLoaded` is itself idempotent.
   useEffect(() => {
     if (!agentId) return;
-    const state = useFilesystemStore.getState();
+    const state = storeApi.getState();
     const wanted: string[] = [];
     for (const info of sourceInfos) {
       if (sourceBranchExpanded[info.uri_root]) wanted.push(info.uri_root);
@@ -676,7 +677,7 @@ export function FileTree(props: { agentId: string; sidebarView?: SidebarView })
       if (hydration && hydration !== 'idle') continue;
       void state.ensureFolderLoaded({ agentId, projectId, uri });
     }
-  }, [agentId, projectId, sourceInfos, sourceBranchExpanded, expanded]);
+  }, [agentId, projectId, sourceInfos, sourceBranchExpanded, expanded, storeApi]);
 
   const handleMoveFileToFolder = useCallback(
     async ({ fromUri, id, toFolderUri }: { fromUri: string; id?: string; toFolderUri: string }) => {

package/app/filesystem/ui/GitCommitChangesView.tsx

@@ -16,6 +16,7 @@ import type { GitCommitFileChange, GitCommitTarget } from '../domain/types';
 import { useVisibleDiffCards, type VisibleDiffQueue } from '../hooks/useVisibleDiffCards';
 import { GitFileDiff } from './GitFileDiff';
 import { shortSha, type GitFileDiffMode } from './gitFileDiffMode';
+import { useFilesystemStore } from '../store/filesystemStore';
 
 /**
  * GitCommitChangesView (G2.4/C2+C3 / cobalt-wren) — the multi-file stacked
@@ -182,6 +183,7 @@ export function GitCommitChangesView({
   agentId: string | null;
   projectId: string | null;
 }): React.ReactElement {
+  const client = useFilesystemStore((s) => s.client);
   const [scrollRoot, setScrollRoot] = useState<HTMLDivElement | null>(null);
   const queue = useVisibleDiffCards(scrollRoot);
   const [state, setState] = useState<ListState>({ phase: 'loading' });
@@ -211,7 +213,7 @@ export function GitCommitChangesView({
             source,
             ...(repo ? { repo } : {}),
             sha: target.sha,
-          });
+          }, client);
           if (cancelled) return;
           if (res.ok === false) {
             setState({ phase: 'unavailable' });
@@ -228,7 +230,7 @@ export function GitCommitChangesView({
               ...(repo ? { repo } : {}),
               maxCount: 1,
               ref: target.sha,
-            });
+            }, client);
             const head = Array.isArray(log?.commits) ? log.commits[0] : undefined;
             if (!cancelled && head) setMeta({ author: head.author, date: head.date });
           } catch {
@@ -240,7 +242,7 @@ export function GitCommitChangesView({
             ...(projectId ? { projectId } : {}),
             source,
             ...(repo ? { repo } : {}),
-          });
+          }, client);
           if (cancelled) return;
           // 3b: a deep-fail is a typed `{ok:false,'unavailable'}` refusal now — treat
           // it like no-upstream (nothing to show), never crash on a missing files[].

package/app/filesystem/ui/GitCommitGraph.tsx

@@ -431,6 +431,7 @@ export function GitCommitGraph({
    *  E) — two-part `slug:// Name` header render; absent → slug-only fallback. */
   repoName?: string;
 }) {
+  const client = useFilesystemStore((s) => s.client);
   const [page, setPage] = useState<GraphPageState>(emptyGraphPageState);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -508,7 +509,7 @@ export function GitCommitGraph({
           ...(repo ? { repo } : {}),
           maxCount,
           skip,
-        });
+        }, client);
         if (mySeq !== seqRef.current) return;
         const fetched = {
           commits: Array.isArray(res?.commits) ? res.commits : [],
@@ -530,7 +531,7 @@ export function GitCommitGraph({
             ...(repo ? { repo } : {}),
             maxCount,
             skip,
-          })
+          }, client)
             .then((stats) => {
               if (mySeq !== seqRef.current) return;
               setCommitStats((cur) => (mode === 'append' ? { ...cur, ...stats.stats } : { ...stats.stats }));
@@ -643,7 +644,7 @@ export function GitCommitGraph({
           source,
           ...(repo ? { repo } : {}),
           sha,
-        });
+        }, client);
         if (epoch !== filesEpochRef.current) return;
         setCommitFiles((prev) =>
           new Map(prev).set(
@@ -702,7 +703,7 @@ export function GitCommitGraph({
           ...(projectId ? { projectId } : {}),
           source,
           ...(repo ? { repo } : {}),
-        });
+        }, client);
         if (epoch !== outgoingEpochRef.current) return;
         // 3b: a deep-fail is a typed `{ok:false,'unavailable'}` refusal now — treat
         // it like no-upstream (nothing to show), never crash on a missing files[].
@@ -812,7 +813,7 @@ export function GitCommitGraph({
           ...(projectId ? { projectId } : {}),
           source,
           ...(repo ? { repo } : {}),
-        });
+        }, client);
         if (epoch !== outgoingEpochRef.current) return;
         // 3b: a deep-fail is a typed `{ok:false,'unavailable'}` refusal now — treat
         // it like no-upstream (nothing to show), never crash on a missing files[].

package/app/filesystem/ui/GitControlPanel.tsx

@@ -453,6 +453,7 @@ type ConfirmState = { title: string; message: string; confirmLabel: string; onCo
 type RescueState = { message: string; rescue: GitRescue };
 
 export function GitControlPanel({ agentId }: { agentId: string }) {
+  const client = useFilesystemStore((s) => s.client);
   const sources = useFilesystemStore((s) => s.sources);
   const projectId = useFilesystemStore((s) => s.activeProjectId);
   const activeSource = useFilesystemStore((s) => s.activeSource);
@@ -554,7 +555,7 @@ export function GitControlPanel({ agentId }: { agentId: string }) {
       if (cached && (cached instanceof Promise || !opts?.force)) return cached;
       const task = (async () => {
         try {
-          const res = await getGitRepos({ agentId, ...(projectId ? { projectId } : {}), source: slug });
+          const res = await getGitRepos({ agentId, ...(projectId ? { projectId } : {}), source: slug }, client);
           const repos = Array.isArray(res?.repos) ? res.repos : [];
           repoListsRef.current.set(slug, repos);
           setRepoLists((prev) => new Map(prev).set(slug, repos));
@@ -799,7 +800,7 @@ export function GitControlPanel({ agentId }: { agentId: string }) {
   const handleStage = useCallback(
     (paths: string[]) => {
       if (paths.length === 0) return;
-      void doWrite(() => stagePaths({ agentId, ...p, source: selectedSlug, paths }));
+      void doWrite(() => stagePaths({ agentId, ...p, source: selectedSlug, paths }, client));
     },
     [doWrite, agentId, p, selectedSlug],
   );
@@ -807,7 +808,7 @@ export function GitControlPanel({ agentId }: { agentId: string }) {
   const handleUnstage = useCallback(
     (paths: string[]) => {
       if (paths.length === 0) return;
-      void doWrite(() => unstagePaths({ agentId, ...p, source: selectedSlug, paths }));
+      void doWrite(() => unstagePaths({ agentId, ...p, source: selectedSlug, paths }, client));
     },
     [doWrite, agentId, p, selectedSlug],
   );
@@ -815,7 +816,7 @@ export function GitControlPanel({ agentId }: { agentId: string }) {
   const runDiscard = useCallback(
     (paths: string[]) => {
       void (async () => {
-        const res = await doWrite(() => discardPaths({ agentId, ...p, source: selectedSlug, paths }));
+        const res = await doWrite(() => discardPaths({ agentId, ...p, source: selectedSlug, paths }, client));
         if (res && res.rescue) {
           setRescue({
             message: `Discarded ${paths.length} file${paths.length === 1 ? '' : 's'} — recoverable`,
@@ -875,7 +876,7 @@ export function GitControlPanel({ agentId }: { agentId: string }) {
     const message = commitMessage.trim();
     if (!message) return;
     void (async () => {
-      const res = await doWrite(() => commitGit({ agentId, ...p, source: selectedSlug, message, amend }));
+      const res = await doWrite(() => commitGit({ agentId, ...p, source: selectedSlug, message, amend }, client));
       if (res && res.ok) {
         setCommitMessage('');
         setAmend(false);
@@ -901,7 +902,7 @@ export function GitControlPanel({ agentId }: { agentId: string }) {
     (ref: string) => {
       setBranchPickerOpen(false);
       void (async () => {
-        const res = await doWrite(() => checkoutGitBranch({ agentId, ...p, source: selectedSlug, ref }));
+        const res = await doWrite(() => checkoutGitBranch({ agentId, ...p, source: selectedSlug, ref }, client));
         if (res)
           void loadGitBranches({ agentId, projectId: projectId ?? null, source: selectedSlug, repo: activeRepoRel });
       })();
@@ -920,10 +921,10 @@ export function GitControlPanel({ agentId }: { agentId: string }) {
     void (async () => {
       // Create then switch to it (VS-Code "Create new branch" also checks out).
       const created = await doWrite(() =>
-        createGitBranch({ agentId, ...p, source: selectedSlug, name, ...(from ? { startPoint: from } : {}) }),
+        createGitBranch({ agentId, ...p, source: selectedSlug, name, ...(from ? { startPoint: from } : {}) }, client),
       );
       if (created) {
-        await doWrite(() => checkoutGitBranch({ agentId, ...p, source: selectedSlug, ref: name }));
+        await doWrite(() => checkoutGitBranch({ agentId, ...p, source: selectedSlug, ref: name }, client));
         void loadGitBranches({ agentId, projectId: projectId ?? null, source: selectedSlug, repo: activeRepoRel });
       }
     })();
@@ -932,7 +933,7 @@ export function GitControlPanel({ agentId }: { agentId: string }) {
   const runDeleteBranch = useCallback(
     (name: string) => {
       void (async () => {
-        const res = await doWrite(() => deleteGitBranch({ agentId, ...p, source: selectedSlug, name }));
+        const res = await doWrite(() => deleteGitBranch({ agentId, ...p, source: selectedSlug, name }, client));
         if (res && res.rescue) {
           setRescue({ message: `Deleted branch "${name}" — recoverable`, rescue: res.rescue });
         }
@@ -966,7 +967,7 @@ export function GitControlPanel({ agentId }: { agentId: string }) {
     if (!rescue) return;
     const carrier = rescue.rescue;
     setRescue(null);
-    void doWrite(() => restoreGit({ agentId, ...p, source: selectedSlug, rescue: carrier }));
+    void doWrite(() => restoreGit({ agentId, ...p, source: selectedSlug, rescue: carrier }, client));
   }, [rescue, doWrite, agentId, p, selectedSlug]);
 
   // --- Remote operations (G4 keyring-kestrel Slice 2) ------------------------
@@ -976,17 +977,17 @@ export function GitControlPanel({ agentId }: { agentId: string }) {
 
   const handleFetch = useCallback(() => {
     setRemotePickerOpen(false);
-    void doWrite(() => fetchGit({ agentId, ...p, source: selectedSlug }));
+    void doWrite(() => fetchGit({ agentId, ...p, source: selectedSlug }, client));
   }, [doWrite, agentId, p, selectedSlug]);
 
   const handlePull = useCallback(() => {
     setRemotePickerOpen(false);
-    void doWrite(() => pullGit({ agentId, ...p, source: selectedSlug }));
+    void doWrite(() => pullGit({ agentId, ...p, source: selectedSlug }, client));
   }, [doWrite, agentId, p, selectedSlug]);
 
   const handlePush = useCallback(() => {
     setRemotePickerOpen(false);
-    void doWrite(() => pushGit({ agentId, ...p, source: selectedSlug }));
+    void doWrite(() => pushGit({ agentId, ...p, source: selectedSlug }, client));
   }, [doWrite, agentId, p, selectedSlug]);
 
   const unstagedChanges = gitStatus?.unstaged ?? [];

package/app/filesystem/ui/GitDiffView.tsx

@@ -26,11 +26,12 @@ export function GitDiffView({
   agentId: string | null;
   projectId: string | null;
 }): React.ReactElement {
+  const client = useFilesystemStore((s) => s.client);
   const [canWrite, setCanWrite] = useState(false);
   const revision = useFilesystemStore(state => state.sourceChangeRevision[target.source] ?? 0);
   useEffect(() => {
     let alive = true; setCanWrite(false);
-    if (agentId) void getGitRepos({ agentId, ...(projectId ? { projectId } : {}), source: target.source }).then(result => {
+    if (agentId) void getGitRepos({ agentId, ...(projectId ? { projectId } : {}), source: target.source }, client).then(result => {
       if (alive) setCanWrite(result.repos.find(repo => repo.rel === (target.repo ?? ''))?.canWrite === true);
     }).catch(() => { if (alive) setCanWrite(false); });
     return () => { alive = false; };