Files
fusion/packages/dashboard/app/hooks/useProjectActions.ts
ddonaldson130 fd94f7a191 fix(dashboard): prevent Windows Terminal popup and repair Manage Projects navigation
Two user-facing bugs on Windows:

1. Windows Terminal version dialogs on dashboard load/settings
   - The embedded terminal auto-create flow was spawning a PTY on Windows,
     which could invoke wt.exe and trigger its native "Help" version
     message boxes (Windows Terminal 1.24.11321.0).
   - Fix: skip auto-creation of the first terminal tab on Windows. Users
     can still create a terminal explicitly; the failure no longer recurs
     automatically on every dashboard session.

2. Manage Projects opens Settings instead of project overview
   - handleViewAllProjects only reset viewMode; if the previous taskView was
     "settings", MainContent rendered the Settings page before the overview
     branch because the settings check precedes the overview branch.
   - Fix: also reset taskView to "command-center" when leaving a project so
     the overview surface (ProjectOverview) renders.
   - Thread setTaskView through useProjectActions so the action has access to
     the view router.

Tested on Windows 11 with Fusion 0.52.0 dashboard.
2026-07-03 03:15:17 -04:00

158 lines
5.5 KiB
TypeScript

import { useCallback } from "react";
import { useTranslation } from "react-i18next";
import { pauseProject, resumeProject, unregisterProject } from "../api";
import type { ProjectInfo } from "../api";
import { replaceProjectIdInUrl } from "../utils/projectUrlState";
import type { ViewMode, TaskView } from "./useViewState";
import type { ToastType } from "./useToast";
interface UseProjectActionsOptions {
setCurrentProject: (project: ProjectInfo) => void;
clearCurrentProject: () => void;
setViewMode: (mode: ViewMode) => void;
setTaskView: (view: TaskView) => void;
currentProject: ProjectInfo | null;
refreshProjects: () => Promise<void>;
toggleFavoriteProvider: (provider: string) => Promise<void>;
toggleFavoriteModel: (modelId: string) => Promise<void>;
addToast: (message: string, type: ToastType) => void;
openSettings: () => void;
openSetupWizard: () => void;
closeSetupWizard: () => void;
closeModelOnboarding: () => void;
}
export interface UseProjectActionsResult {
handleSelectProject: (project: ProjectInfo) => void;
handleViewAllProjects: () => void;
handleOpenSettings: () => void;
handleAddProject: () => void;
handleSetupComplete: (project: ProjectInfo) => void;
handleModelOnboardingComplete: () => void;
handlePauseProject: (project: ProjectInfo) => Promise<void>;
handleResumeProject: (project: ProjectInfo) => Promise<void>;
handleRemoveProject: (project: ProjectInfo) => Promise<void>;
handleToggleFavorite: (provider: string) => Promise<void>;
handleToggleModelFavorite: (modelId: string) => Promise<void>;
}
export function useProjectActions(options: UseProjectActionsOptions): UseProjectActionsResult {
const { t } = useTranslation("app");
const {
setCurrentProject,
clearCurrentProject,
setViewMode,
setTaskView,
currentProject,
refreshProjects,
toggleFavoriteProvider,
toggleFavoriteModel,
addToast,
openSettings,
openSetupWizard,
closeSetupWizard,
closeModelOnboarding,
} = options;
const handleSelectProject = useCallback((project: ProjectInfo) => {
replaceProjectIdInUrl(project.id);
setCurrentProject(project);
setViewMode("project");
}, [setCurrentProject, setViewMode]);
const handleViewAllProjects = useCallback(() => {
replaceProjectIdInUrl(null);
clearCurrentProject();
setViewMode("overview");
setTaskView("command-center");
}, [clearCurrentProject, setViewMode, setTaskView]);
const handleOpenSettings = useCallback(() => {
openSettings();
}, [openSettings]);
const handleAddProject = useCallback(() => {
openSetupWizard();
}, [openSetupWizard]);
const handleSetupComplete = useCallback((project: ProjectInfo) => {
closeSetupWizard();
replaceProjectIdInUrl(project.id);
setCurrentProject(project);
setViewMode("project");
addToast(t("projects.setup.success", "Project {{name}} registered successfully", { name: project.name }), "success");
void refreshProjects();
}, [closeSetupWizard, setCurrentProject, setViewMode, addToast, refreshProjects, t]);
const handleModelOnboardingComplete = useCallback(() => {
closeModelOnboarding();
}, [closeModelOnboarding]);
const handlePauseProject = useCallback(async (project: ProjectInfo) => {
try {
await pauseProject(project.id);
addToast(t("projects.actions.pauseSuccess", "Project {{name}} paused", { name: project.name }), "success");
await refreshProjects();
} catch {
addToast(t("projects.actions.pauseError", "Failed to pause project {{name}}", { name: project.name }), "error");
}
}, [addToast, refreshProjects, t]);
const handleResumeProject = useCallback(async (project: ProjectInfo) => {
try {
await resumeProject(project.id);
addToast(t("projects.actions.resumeSuccess", "Project {{name}} resumed", { name: project.name }), "success");
await refreshProjects();
} catch {
addToast(t("projects.actions.resumeError", "Failed to resume project {{name}}", { name: project.name }), "error");
}
}, [addToast, refreshProjects, t]);
const handleRemoveProject = useCallback(async (project: ProjectInfo) => {
try {
await unregisterProject(project.id);
addToast(t("projects.actions.removeSuccess", "Project {{name}} removed", { name: project.name }), "success");
if (currentProject?.id === project.id) {
replaceProjectIdInUrl(null);
clearCurrentProject();
setViewMode("overview");
}
await refreshProjects();
} catch {
addToast(t("projects.actions.removeError", "Failed to remove project {{name}}", { name: project.name }), "error");
}
}, [currentProject, clearCurrentProject, setViewMode, addToast, refreshProjects, t]);
const handleToggleFavorite = useCallback(async (provider: string) => {
try {
await toggleFavoriteProvider(provider);
} catch {
addToast(t("projects.actions.favoritesError", "Failed to update favorites"), "error");
}
}, [toggleFavoriteProvider, addToast, t]);
const handleToggleModelFavorite = useCallback(async (modelId: string) => {
try {
await toggleFavoriteModel(modelId);
} catch {
addToast(t("projects.actions.modelFavoritesError", "Failed to update model favorites"), "error");
}
}, [toggleFavoriteModel, addToast, t]);
return {
handleSelectProject,
handleViewAllProjects,
handleOpenSettings,
handleAddProject,
handleSetupComplete,
handleModelOnboardingComplete,
handlePauseProject,
handleResumeProject,
handleRemoveProject,
handleToggleFavorite,
handleToggleModelFavorite,
};
}