Implement initial project structure and features for Automaker application, including environment setup, auto mode services, and session management. Update port configurations to 3007 and add new UI components for enhanced user interaction.

2026-02-03 21:03:08 +00:00 · 2025-12-08 21:11:00 -05:00
parent 3c8e786f29
commit 9392422d35
67 changed files with 16275 additions and 696 deletions
--- a/app/src/hooks/use-auto-mode.ts
+++ b/app/src/hooks/use-auto-mode.ts
@@ -0,0 +1,179 @@
+import { useEffect, useCallback } from "react";
+import { useShallow } from "zustand/react/shallow";
+import { useAppStore } from "@/store/app-store";
+import { getElectronAPI } from "@/lib/electron";
+import type { AutoModeEvent } from "@/types/electron";
+
+/**
+ * Hook for managing auto mode
+ */
+export function useAutoMode() {
+  const {
+    isAutoModeRunning,
+    setAutoModeRunning,
+    currentAutoTask,
+    setCurrentAutoTask,
+    currentProject,
+    addAutoModeActivity,
+  } = useAppStore(
+    useShallow((state) => ({
+      isAutoModeRunning: state.isAutoModeRunning,
+      setAutoModeRunning: state.setAutoModeRunning,
+      currentAutoTask: state.currentAutoTask,
+      setCurrentAutoTask: state.setCurrentAutoTask,
+      currentProject: state.currentProject,
+      addAutoModeActivity: state.addAutoModeActivity,
+    }))
+  );
+
+  // Handle auto mode events
+  useEffect(() => {
+    const api = getElectronAPI();
+    if (!api?.autoMode) return;
+
+    const unsubscribe = api.autoMode.onEvent((event: AutoModeEvent) => {
+      console.log("[AutoMode Event]", event);
+
+      switch (event.type) {
+        case "auto_mode_feature_start":
+          setCurrentAutoTask(event.featureId);
+          addAutoModeActivity({
+            featureId: event.featureId,
+            type: "start",
+            message: `Started working on feature`,
+          });
+          break;
+
+        case "auto_mode_feature_complete":
+          // Feature completed - UI will reload features on its own
+          console.log(
+            "[AutoMode] Feature completed:",
+            event.featureId,
+            "passes:",
+            event.passes
+          );
+          addAutoModeActivity({
+            featureId: event.featureId,
+            type: "complete",
+            message: event.passes
+              ? "Feature completed successfully"
+              : "Feature completed with failures",
+            passes: event.passes,
+          });
+          break;
+
+        case "auto_mode_complete":
+          // All features completed
+          setAutoModeRunning(false);
+          setCurrentAutoTask(null);
+          console.log("[AutoMode] All features completed!");
+          break;
+
+        case "auto_mode_error":
+          console.error("[AutoMode Error]", event.error);
+          if (event.featureId) {
+            addAutoModeActivity({
+              featureId: event.featureId,
+              type: "error",
+              message: event.error,
+            });
+          }
+          break;
+
+        case "auto_mode_progress":
+          // Log progress updates (throttle to avoid spam)
+          if (event.content && event.content.length > 10) {
+            addAutoModeActivity({
+              featureId: event.featureId,
+              type: "progress",
+              message: event.content.substring(0, 200), // Limit message length
+            });
+          }
+          break;
+
+        case "auto_mode_tool":
+          // Log tool usage
+          addAutoModeActivity({
+            featureId: event.featureId,
+            type: "tool",
+            message: `Using tool: ${event.tool}`,
+            tool: event.tool,
+          });
+          break;
+
+        case "auto_mode_phase":
+          // Log phase transitions (Planning, Action, Verification)
+          console.log(`[AutoMode] Phase: ${event.phase} for ${event.featureId}`);
+          addAutoModeActivity({
+            featureId: event.featureId,
+            type: event.phase,
+            message: event.message,
+            phase: event.phase,
+          });
+          break;
+      }
+    });
+
+    return unsubscribe;
+  }, [setCurrentAutoTask, setAutoModeRunning, addAutoModeActivity]);
+
+  // Start auto mode
+  const start = useCallback(async () => {
+    if (!currentProject) {
+      console.error("No project selected");
+      return;
+    }
+
+    try {
+      const api = getElectronAPI();
+      if (!api?.autoMode) {
+        throw new Error("Auto mode API not available");
+      }
+
+      const result = await api.autoMode.start(currentProject.path);
+
+      if (result.success) {
+        setAutoModeRunning(true);
+        console.log("[AutoMode] Started successfully");
+      } else {
+        console.error("[AutoMode] Failed to start:", result.error);
+        throw new Error(result.error || "Failed to start auto mode");
+      }
+    } catch (error) {
+      console.error("[AutoMode] Error starting:", error);
+      setAutoModeRunning(false);
+      throw error;
+    }
+  }, [currentProject, setAutoModeRunning]);
+
+  // Stop auto mode
+  const stop = useCallback(async () => {
+    try {
+      const api = getElectronAPI();
+      if (!api?.autoMode) {
+        throw new Error("Auto mode API not available");
+      }
+
+      const result = await api.autoMode.stop();
+
+      if (result.success) {
+        setAutoModeRunning(false);
+        setCurrentAutoTask(null);
+        console.log("[AutoMode] Stopped successfully");
+      } else {
+        console.error("[AutoMode] Failed to stop:", result.error);
+        throw new Error(result.error || "Failed to stop auto mode");
+      }
+    } catch (error) {
+      console.error("[AutoMode] Error stopping:", error);
+      throw error;
+    }
+  }, [setAutoModeRunning, setCurrentAutoTask]);
+
+  return {
+    isRunning: isAutoModeRunning,
+    currentTask: currentAutoTask,
+    start,
+    stop,
+  };
+}