feat (desktop): added open first file on changes open

apps/desktop/src/renderer/screens/main/components/SidebarControl/SidebarControl.tsx

@@ -1,20 +1,125 @@
 import { Button } from "@superset/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@superset/ui/tooltip";
 import { cn } from "@superset/ui/utils";
+import { useCallback } from "react";
 import { LuGitCompareArrows } from "react-icons/lu";
 import { HotkeyTooltipContent } from "renderer/components/HotkeyTooltipContent";
+import { trpc } from "renderer/lib/trpc";
 import { useSidebarStore } from "renderer/stores";
+import { useChangesStore } from "renderer/stores/changes";
+import { useTabsStore } from "renderer/stores/tabs/store";
+import type { ChangeCategory, ChangedFile } from "shared/changes-types";
+
+/** Priority order for selecting the first file to open */
+const FILE_CATEGORIES: Array<{
+	key: "againstBase" | "staged" | "unstaged" | "untracked";
+	category: ChangeCategory;
+}> = [
+	{ key: "againstBase", category: "against-base" },
+	{ key: "staged", category: "staged" },
+	{ key: "unstaged", category: "unstaged" },
+	{ key: "untracked", category: "unstaged" },
+];
 
 export function SidebarControl() {
 	const { isSidebarOpen, toggleSidebar } = useSidebarStore();
 
+	// Get active workspace for file opening
+	const { data: activeWorkspace } = trpc.workspaces.getActive.useQuery();
+	const workspaceId = activeWorkspace?.id;
+	const worktreePath = activeWorkspace?.worktreePath;
+
+	// Get base branch for changes query
+	const { baseBranch, selectFile } = useChangesStore();
+	const { data: branchData } = trpc.changes.getBranches.useQuery(
+		{ worktreePath: worktreePath || "" },
+		{ enabled: !!worktreePath && !isSidebarOpen },
+	);
+	const effectiveBaseBranch = baseBranch ?? branchData?.defaultBranch ?? "main";
+
+	// Get changes status - only query when sidebar is closed (we need it to open first file)
+	const { data: status } = trpc.changes.getStatus.useQuery(
+		{ worktreePath: worktreePath || "", defaultBranch: effectiveBaseBranch },
+		{ enabled: !!worktreePath && !isSidebarOpen },
+	);
+
+	// Access tabs store for file opening
+	const addFileViewerPane = useTabsStore((s) => s.addFileViewerPane);
+	const trpcUtils = trpc.useUtils();
+
+	const invalidateFileContent = useCallback(
+		(filePath: string) => {
+			if (!worktreePath) return;
+			Promise.all([
+				trpcUtils.changes.readWorkingFile.invalidate({
+					worktreePath,
+					filePath,
+				}),
+				trpcUtils.changes.getFileContents.invalidate({
+					worktreePath,
+					filePath,
+				}),
+			]).catch((error) => {
+				console.error(
+					"[SidebarControl/invalidateFileContent] Failed to invalidate:",
+					{ worktreePath, filePath, error },
+				);
+			});
+		},
+		[worktreePath, trpcUtils],
+	);
+
+	const openFirstFile = useCallback(() => {
+		if (!workspaceId || !worktreePath || !status) return;
+
+		// Find the first file in priority order
+		let firstFile: ChangedFile | undefined;
+		let category: ChangeCategory | undefined;
+
+		for (const { key, category: cat } of FILE_CATEGORIES) {
+			const files = status[key];
+			if (files && files.length > 0) {
+				firstFile = files[0];
+				category = cat;
+				break;
+			}
+		}
+
+		if (firstFile && category) {
+			selectFile(worktreePath, firstFile, category, null);
+			addFileViewerPane(workspaceId, {
+				filePath: firstFile.path,
+				diffCategory: category,
+				oldPath: firstFile.oldPath,
+				isPinned: false,
+			});
+			invalidateFileContent(firstFile.path);
+		}
+	}, [
+		workspaceId,
+		worktreePath,
+		status,
+		selectFile,
+		addFileViewerPane,
+		invalidateFileContent,
+	]);
+
+	const handleClick = useCallback(() => {
+		if (isSidebarOpen) {
+			toggleSidebar();
+		} else {
+			toggleSidebar();
+			openFirstFile();
+		}
+	}, [isSidebarOpen, toggleSidebar, openFirstFile]);
+
 	return (
 		<Tooltip>
 			<TooltipTrigger asChild>
 				<Button
 					variant="ghost"
 					size="sm"
-					onClick={toggleSidebar}
+					onClick={handleClick}
 					aria-label={
 						isSidebarOpen ? "Hide Changes Sidebar" : "Show Changes Sidebar"
 					}