"use client"; import { useEffect, useRef, useState, useMemo, useCallback } from "react"; import type { LocalRepository, Workspace, Repository, ExecutorProfile, Branch, } from "@/lib/types/http"; import type { TaskFormInputsHandle } from "@/components/task-create-dialog-types"; import { useAppStore } from "@/components/state-provider"; import { useRepositories } from "@/hooks/domains/workspace/use-repositories"; import { useRepositoryBranches } from "@/hooks/domains/workspace/use-repository-branches"; import { useSettingsData } from "@/hooks/domains/settings/use-settings-data"; import { useRepositoryOptions, useBranchOptions, useAgentProfileOptions, useExecutorHint, useExecutorProfileOptions, useIsLocalExecutor, } from "@/components/task-create-dialog-options"; import { setLocalStorage, getTaskCreateDraft, setTaskCreateDraft, removeTaskCreateDraft, } from "@/lib/local-storage"; import { STORAGE_KEYS } from "@/lib/settings/constants"; import type { StepType, TaskCreateDialogInitialValues, DialogFormState, DialogComputedValues, DialogComputedArgs, } from "@/components/task-create-dialog-types"; import { computePassthroughProfile, computeEffectiveStepId, } from "@/components/task-create-dialog-helpers"; export type { StepType, TaskCreateDialogInitialValues, } from "@/components/task-create-dialog-types"; export { autoSelectBranch } from "@/components/task-create-dialog-helpers"; type FormResetters = { setTaskName: (v: string) => void; setHasTitle: (v: boolean) => void; setHasDescription: (v: boolean) => void; setRepositoryId: (v: string) => void; setBranch: (v: string) => void; setAgentProfileId: (v: string) => void; setExecutorId: (v: string) => void; setExecutorProfileId: (v: string) => void; setSelectedWorkflowId: (v: string | null) => void; setFetchedSteps: (v: StepType[] | null) => void; setDiscoveredRepositories: (v: LocalRepository[]) => void; setDiscoveredRepoPath: (v: string) => void; setSelectedLocalRepo: (v: LocalRepository | null) => void; setLocalBranches: (v: Branch[]) => void; setDiscoverReposLoaded: (v: boolean) => void; setUseGitHubUrl: (v: boolean) => void; setGitHubUrl: (v: string) => void; setGitHubBranches: (v: Branch[]) => void; setGitHubUrlError: (v: string | null) => void; setGitHubPrHeadBranch: (v: string | null) => void; }; type FormResetEffectsArgs = { open: boolean; workspaceId: string | null; workflowId: string | null; initialValues: TaskCreateDialogInitialValues | undefined; resetters: FormResetters; setDraftDescription: (v: string) => void; setCurrentDefaults: (v: { name: string; description: string }) => void; setOpenCycle: React.Dispatch>; prevOpenRef: React.RefObject; }; function useFormResetEffects({ open, workspaceId, workflowId, initialValues, resetters, setDraftDescription, setCurrentDefaults, setOpenCycle, prevOpenRef, }: FormResetEffectsArgs) { // Restore draft or initialValues when dialog opens useEffect(() => { // Only run on rising edge (dialog opening) const wasOpen = prevOpenRef.current; (prevOpenRef as React.MutableRefObject).current = open; if (!open || wasOpen) return; // Increment cycle to force TaskFormInputs remount setOpenCycle((c) => c + 1); const defaults = resolveFormDefaults(initialValues, workspaceId); setCurrentDefaults(defaults); resetTaskForm(resetters, defaults.name, defaults.description, workflowId, initialValues); setDraftDescription(defaults.description); // eslint-disable-next-line react-hooks/exhaustive-deps }, [open, workflowId, workspaceId]); useEffect(() => { if (!open) return; resetDiscoveryState(resetters); // eslint-disable-next-line react-hooks/exhaustive-deps }, [open, workspaceId]); } /** Checks if initialValues has any user-provided content */ function hasUserContent(initialValues?: TaskCreateDialogInitialValues): boolean { const title = initialValues?.title ?? ""; const description = initialValues?.description ?? ""; return title.trim().length > 0 || description.trim().length > 0; } /** Resolves form defaults from draft (for create) or initialValues (for edit) */ function resolveFormDefaults( initialValues: TaskCreateDialogInitialValues | undefined, workspaceId: string | null, ) { // In edit mode (has content), use initialValues; in create mode, try draft const draft = !hasUserContent(initialValues) && workspaceId ? getTaskCreateDraft(workspaceId) : null; const initTitle = initialValues?.title ?? ""; const initDesc = initialValues?.description ?? ""; return { name: draft?.title ?? initTitle, description: draft?.description ?? initDesc, }; } /** Resets task form fields to specified values */ function resetTaskForm( resetters: FormResetters, name: string, description: string, workflowId: string | null, initialValues?: TaskCreateDialogInitialValues, ) { resetters.setTaskName(name); resetters.setHasTitle(name.trim().length > 0); resetters.setHasDescription(description.trim().length > 0); resetters.setRepositoryId(initialValues?.repositoryId ?? ""); resetters.setBranch(initialValues?.branch ?? ""); resetters.setAgentProfileId(""); resetters.setExecutorId(""); resetters.setExecutorProfileId(""); resetters.setSelectedWorkflowId(workflowId); resetters.setFetchedSteps(null); } /** Resets repository discovery state */ function resetDiscoveryState(resetters: FormResetters) { resetters.setDiscoveredRepositories([]); resetters.setDiscoveredRepoPath(""); resetters.setSelectedLocalRepo(null); resetters.setLocalBranches([]); resetters.setDiscoverReposLoaded(false); resetters.setUseGitHubUrl(false); resetters.setGitHubUrl(""); resetters.setGitHubBranches([]); resetters.setGitHubUrlError(null); resetters.setGitHubPrHeadBranch(null); } /** Hook to manage draft persistence for task creation dialog */ function useDraftPersistence( open: boolean, workspaceId: string | null, initialValues: TaskCreateDialogInitialValues | undefined, taskName: string, descriptionInputRef: React.RefObject<{ getValue: () => string } | null>, ) { const wasOpenRef = useRef(false); const skipDraftSaveRef = useRef(false); // Save draft when dialog closes (only in create mode without initialValues) useEffect(() => { const wasOpen = wasOpenRef.current; wasOpenRef.current = open; if (!wasOpen || open || !workspaceId) return; // Skip if clearDraft was called (successful submission) if (skipDraftSaveRef.current) { skipDraftSaveRef.current = false; return; } const hasInitialValues = Boolean( initialValues?.title?.trim() || initialValues?.description?.trim(), ); // Only save draft in create mode if (!hasInitialValues) { const currentDescription = descriptionInputRef.current?.getValue() ?? ""; setTaskCreateDraft(workspaceId, { title: taskName, description: currentDescription }); } }, [open, workspaceId, initialValues, taskName, descriptionInputRef]); // Clear draft (call on successful submission before closing dialog) const clearDraft = useCallback(() => { if (workspaceId) { removeTaskCreateDraft(workspaceId); skipDraftSaveRef.current = true; } }, [workspaceId]); return { clearDraft }; } function useWorkflowAgentProfileState() { const [workflowAgentProfileId, setWorkflowAgentProfileId] = useState(""); return { workflowAgentProfileId, setWorkflowAgentProfileId }; } function useGitHubUrlState() { const [useGitHubUrl, setUseGitHubUrl] = useState(false); const [githubUrl, setGitHubUrl] = useState(""); const [githubBranches, setGitHubBranches] = useState([]); const [githubBranchesLoading, setGitHubBranchesLoading] = useState(false); const [githubUrlError, setGitHubUrlError] = useState(null); const [githubPrHeadBranch, setGitHubPrHeadBranch] = useState(null); return { useGitHubUrl, setUseGitHubUrl, githubUrl, setGitHubUrl, githubBranches, setGitHubBranches, githubBranchesLoading, setGitHubBranchesLoading, githubUrlError, setGitHubUrlError, githubPrHeadBranch, setGitHubPrHeadBranch, }; } /** Core form state declarations */ function useFormStateValues( workflowId: string | null, workspaceId: string | null, open: boolean, initialValues?: TaskCreateDialogInitialValues, ) { // openCycle increments each time dialog opens - used in key to force TaskFormInputs remount const [openCycle, setOpenCycle] = useState(0); const prevOpenRef = useRef(open); // currentDefaults stores the loaded draft/initial values for this open cycle const [currentDefaults, setCurrentDefaults] = useState<{ name: string; description: string }>({ name: "", description: "", }); // These states are initialized with defaults and then managed by effects/handlers const [taskName, setTaskName] = useState(""); const [hasTitle, setHasTitle] = useState(false); const [hasDescription, setHasDescription] = useState(false); const [draftDescription, setDraftDescription] = useState(""); const descriptionInputRef = useRef(null); const [repositoryId, setRepositoryId] = useState(initialValues?.repositoryId ?? ""); const [branch, setBranch] = useState(initialValues?.branch ?? ""); const [agentProfileId, setAgentProfileId] = useState(""); const [executorId, setExecutorId] = useState(""); const [executorProfileId, setExecutorProfileId] = useState(""); const [selectedWorkflowId, setSelectedWorkflowId] = useState(workflowId); const [fetchedSteps, setFetchedSteps] = useState(null); const [isCreatingSession, setIsCreatingSession] = useState(false); const [isCreatingTask, setIsCreatingTask] = useState(false); return { taskName, setTaskName, hasTitle, setHasTitle, hasDescription, setHasDescription, draftDescription, setDraftDescription, descriptionInputRef, repositoryId, setRepositoryId, branch, setBranch, agentProfileId, setAgentProfileId, executorId, setExecutorId, executorProfileId, setExecutorProfileId, selectedWorkflowId, setSelectedWorkflowId, fetchedSteps, setFetchedSteps, isCreatingSession, setIsCreatingSession, isCreatingTask, setIsCreatingTask, openCycle, setOpenCycle, currentDefaults, setCurrentDefaults, prevOpenRef, }; } /** Repository discovery state */ function useDiscoveryState() { const [discoveredRepositories, setDiscoveredRepositories] = useState([]); const [discoveredRepoPath, setDiscoveredRepoPath] = useState(""); const [selectedLocalRepo, setSelectedLocalRepo] = useState(null); const [localBranches, setLocalBranches] = useState([]); const [localBranchesLoading, setLocalBranchesLoading] = useState(false); const [discoverReposLoading, setDiscoverReposLoading] = useState(false); const [discoverReposLoaded, setDiscoverReposLoaded] = useState(false); return { discoveredRepositories, setDiscoveredRepositories, discoveredRepoPath, setDiscoveredRepoPath, selectedLocalRepo, setSelectedLocalRepo, localBranches, setLocalBranches, localBranchesLoading, setLocalBranchesLoading, discoverReposLoading, setDiscoverReposLoading, discoverReposLoaded, setDiscoverReposLoaded, }; } export function useDialogFormState( open: boolean, workspaceId: string | null, workflowId: string | null, initialValues?: TaskCreateDialogInitialValues, ) { const form = useFormStateValues(workflowId, workspaceId, open, initialValues); const discovery = useDiscoveryState(); const ghUrl = useGitHubUrlState(); const wfAgent = useWorkflowAgentProfileState(); useFormResetEffects({ open, workspaceId, workflowId, initialValues, setDraftDescription: form.setDraftDescription, setCurrentDefaults: form.setCurrentDefaults, setOpenCycle: form.setOpenCycle, prevOpenRef: form.prevOpenRef, resetters: { setTaskName: form.setTaskName, setHasTitle: form.setHasTitle, setHasDescription: form.setHasDescription, setRepositoryId: form.setRepositoryId, setBranch: form.setBranch, setAgentProfileId: form.setAgentProfileId, setExecutorId: form.setExecutorId, setExecutorProfileId: form.setExecutorProfileId, setSelectedWorkflowId: form.setSelectedWorkflowId, setFetchedSteps: form.setFetchedSteps, setDiscoveredRepositories: discovery.setDiscoveredRepositories, setDiscoveredRepoPath: discovery.setDiscoveredRepoPath, setSelectedLocalRepo: discovery.setSelectedLocalRepo, setLocalBranches: discovery.setLocalBranches, setDiscoverReposLoaded: discovery.setDiscoverReposLoaded, setUseGitHubUrl: ghUrl.setUseGitHubUrl, setGitHubUrl: ghUrl.setGitHubUrl, setGitHubBranches: ghUrl.setGitHubBranches, setGitHubUrlError: ghUrl.setGitHubUrlError, setGitHubPrHeadBranch: ghUrl.setGitHubPrHeadBranch, }, }); const { clearDraft } = useDraftPersistence( open, workspaceId, initialValues, form.taskName, form.descriptionInputRef, ); return { ...form, ...discovery, ...ghUrl, ...wfAgent, clearDraft }; } export type { DialogFormState } from "@/components/task-create-dialog-types"; export { computePassthroughProfile, computeEffectiveStepId, computeIsTaskStarted, } from "@/components/task-create-dialog-helpers"; export { useTaskCreateDialogEffects } from "@/components/task-create-dialog-effects"; export function useDialogHandlers(fs: DialogFormState, repositories: Repository[]) { const handleSelectLocalRepository = useCallback( (path: string) => { fs.setDiscoveredRepoPath(path); fs.setSelectedLocalRepo(fs.discoveredRepositories.find((r) => r.path === path) ?? null); fs.setRepositoryId(""); fs.setBranch(""); fs.setLocalBranches([]); }, [fs], ); const handleRepositoryChange = useCallback( (value: string) => { if (repositories.find((r: Repository) => r.id === value)) { fs.setRepositoryId(value); setLocalStorage(STORAGE_KEYS.LAST_REPOSITORY_ID, value); fs.setDiscoveredRepoPath(""); fs.setSelectedLocalRepo(null); fs.setLocalBranches([]); fs.setBranch(""); fs.setUseGitHubUrl(false); fs.setGitHubUrl(""); fs.setGitHubBranches([]); return; } handleSelectLocalRepository(value); }, [repositories, fs, handleSelectLocalRepository], ); const handleAgentProfileChange = useCallback( (value: string) => { fs.setAgentProfileId(value); setLocalStorage(STORAGE_KEYS.LAST_AGENT_PROFILE_ID, value); }, [fs], ); const handleExecutorProfileChange = useCallback( (value: string) => { fs.setExecutorProfileId(value); setLocalStorage(STORAGE_KEYS.LAST_EXECUTOR_PROFILE_ID, value); }, [fs], ); const handleTaskNameChange = useCallback( (value: string) => { fs.setTaskName(value); fs.setHasTitle(value.trim().length > 0); }, [fs], ); const handleBranchChange = useCallback( (value: string) => { fs.setBranch(value); setLocalStorage(STORAGE_KEYS.LAST_BRANCH, value); }, [fs], ); const handleWorkflowChange = useCallback( (value: string) => { fs.setSelectedWorkflowId(value); }, [fs], ); const handleToggleGitHubUrl = useCallback(() => { const next = !fs.useGitHubUrl; fs.setUseGitHubUrl(next); if (next) { fs.setRepositoryId(""); fs.setDiscoveredRepoPath(""); fs.setSelectedLocalRepo(null); fs.setLocalBranches([]); } else { fs.setGitHubUrl(""); fs.setGitHubBranches([]); fs.setGitHubUrlError(null); fs.setGitHubPrHeadBranch(null); } fs.setBranch(""); }, [fs]); const handleGitHubUrlChange = useCallback( (value: string) => { fs.setGitHubUrl(value); fs.setBranch(""); fs.setGitHubBranches([]); fs.setGitHubUrlError(null); fs.setGitHubPrHeadBranch(null); }, [fs], ); return { handleRepositoryChange, handleAgentProfileChange, handleExecutorProfileChange, handleTaskNameChange, handleBranchChange, handleWorkflowChange, handleToggleGitHubUrl, handleGitHubUrlChange, }; } export function useDialogComputed({ fs, open, workspaceId, workflowId, defaultStepId, branches, settingsData, agentProfiles, workspaces, executors, repositories, }: DialogComputedArgs): DialogComputedValues { const isPassthroughProfile = useMemo( () => computePassthroughProfile(fs.agentProfileId, agentProfiles), [fs.agentProfileId, agentProfiles], ); const effectiveWorkflowId = fs.selectedWorkflowId ?? workflowId; const effectiveDefaultStepId = computeEffectiveStepId( fs.selectedWorkflowId, workflowId, fs.fetchedSteps, defaultStepId, ); const workspaceDefaults = workspaceId ? workspaces.find((ws: Workspace) => ws.id === workspaceId) : null; const hasRepositorySelection = Boolean( fs.repositoryId || fs.selectedLocalRepo || (fs.useGitHubUrl && fs.githubUrl.trim()), ); const effectiveBranches = (() => { if (fs.useGitHubUrl) return fs.githubBranches; if (fs.repositoryId) return branches; return fs.localBranches; })(); const branchOptions = useBranchOptions(effectiveBranches); const agentProfileOptions = useAgentProfileOptions(agentProfiles); const allExecutorProfiles = useMemo(() => { return executors.flatMap((executor) => (executor.profiles ?? []).map((p) => ({ ...p, executor_type: p.executor_type ?? executor.type, executor_name: p.executor_name ?? executor.name, })), ); }, [executors]); const executorProfileOptions = useExecutorProfileOptions(allExecutorProfiles); const executorHint = useExecutorHint(executors, fs.executorId); const isLocalExecutor = useIsLocalExecutor(executors, fs.executorId); const { headerRepositoryOptions } = useRepositoryOptions(repositories, fs.discoveredRepositories); const agentProfilesLoading = open && !settingsData.agentsLoaded; const executorsLoading = open && !settingsData.executorsLoaded; return { isPassthroughProfile, effectiveWorkflowId, effectiveDefaultStepId, workspaceDefaults, hasRepositorySelection, branchOptions, agentProfileOptions, executorProfileOptions, executorHint, isLocalExecutor, headerRepositoryOptions, agentProfilesLoading, executorsLoading, }; } export function useSessionRepoName(isSessionMode: boolean) { const activeTaskId = useAppStore((state) => state.tasks.activeTaskId); const kanbanTasks = useAppStore((state) => state.kanban.tasks); const reposByWorkspace = useAppStore((state) => state.repositories.itemsByWorkspaceId); return useMemo(() => { if (!isSessionMode) return undefined; const activeTask = activeTaskId ? kanbanTasks.find((t) => t.id === activeTaskId) : null; const repoId = activeTask?.repositoryId; if (!repoId) return undefined; for (const repos of Object.values(reposByWorkspace)) { const repo = repos.find((r) => r.id === repoId); if (repo) return repo.name; } return undefined; }, [isSessionMode, activeTaskId, kanbanTasks, reposByWorkspace]); } export function useTaskCreateDialogData( open: boolean, workspaceId: string | null, workflowId: string | null, defaultStepId: string | null, fs: DialogFormState, ) { const workflows = useAppStore((state) => state.workflows.items); const workspaces = useAppStore((state) => state.workspaces.items); const agentProfiles = useAppStore((state) => state.agentProfiles.items); const executors = useAppStore((state) => state.executors.items); const settingsData = useAppStore((state) => state.settingsData); const snapshots = useAppStore((state) => state.kanbanMulti.snapshots); useSettingsData(open); const { repositories, isLoading: repositoriesLoading } = useRepositories(workspaceId, open); const { branches, isLoading: branchesLoading } = useRepositoryBranches( fs.repositoryId || null, Boolean(open && fs.repositoryId), ); const computed = useDialogComputed({ fs, open, workspaceId, workflowId, defaultStepId, branches, settingsData, agentProfiles, workspaces, executors, repositories, }); return { workflows, workspaces, agentProfiles, executors, snapshots, repositories, repositoriesLoading, branches, branchesLoading, computed, }; }