Files
fusion/packages/dashboard/app/hooks/useProjectActions.ts
gsxdsm 1e49494bac feat(i18n): full-sweep string migration — 5,930 keys across 5 locales (#1352)
Migration (multi-agent sweep over 216 files, 60 batches):
- Every user-visible dashboard + TUI string moved to t() with the exact
  English inline default (en rendering byte-identical)
- Catalogs merged from per-batch fragments: en/zh-CN/zh-TW/fr/es now
  carry ~5,930 keys each across common/app/errors/cli namespaces;
  CLI bundles regenerated (6 locales incl. ko)

Integration fixes:
- 18 type errors: reserved {{count}} interpolations renamed, malformed
  plural call, hand-rolled t-param types replaced with TFunction<"app">
- 23 lint errors: superseded label constants/helpers removed
- ExecutorStatusBar hook-order violation (keyboard-open early return
  moved below hooks)
- TUI tests wrapped in I18nextProvider (uninitialized fallback renders
  literal {{placeholders}}); dashboard vitest.setup boots a minimal en
  i18next instance for the same reason

Known WIP (next commits): ~457 residual strings across 50 batches,
Korean drafts for swept keys, and a dashboard test-suite pass that is
still being stabilized (~283 failures under investigation — fake-timer
waitFor interaction, likely stale node_modules vs merged lockfile).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-03 19:06:53 -07:00

150 lines
5.2 KiB
TypeScript

import { useCallback } from "react";
import { useTranslation } from "react-i18next";
import { pauseProject, resumeProject, unregisterProject } from "../api";
import type { ProjectInfo } from "../api";
import type { ViewMode } from "./useViewState";
import type { ToastType } from "./useToast";
interface UseProjectActionsOptions {
setCurrentProject: (project: ProjectInfo) => void;
clearCurrentProject: () => void;
setViewMode: (mode: ViewMode) => 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,
currentProject,
refreshProjects,
toggleFavoriteProvider,
toggleFavoriteModel,
addToast,
openSettings,
openSetupWizard,
closeSetupWizard,
closeModelOnboarding,
} = options;
const handleSelectProject = useCallback((project: ProjectInfo) => {
setCurrentProject(project);
setViewMode("project");
}, [setCurrentProject, setViewMode]);
const handleViewAllProjects = useCallback(() => {
clearCurrentProject();
setViewMode("overview");
}, [clearCurrentProject, setViewMode]);
const handleOpenSettings = useCallback(() => {
openSettings();
}, [openSettings]);
const handleAddProject = useCallback(() => {
openSetupWizard();
}, [openSetupWizard]);
const handleSetupComplete = useCallback((project: ProjectInfo) => {
closeSetupWizard();
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) {
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,
};
}