feat: implement inline Eternity Mode status toggle and Priority settings control inside Tools dropdown menu

src/components/tool-select-dropdown.tsx

@@ -261,6 +261,10 @@ export function ToolSelectDropdown({
         <div className="py-1">
           <DropdownMenuSeparator />
         </div>
+        <EternitySelector />
+        <div className="py-1">
+          <DropdownMenuSeparator />
+        </div>
         <div className="py-2">
           <ToolPresets />
           <div className="py-1">
@@ -1087,3 +1091,142 @@ function ImageGeneratorSelector({
     </DropdownMenuGroup>
   );
 }
+
+function EternitySelector() {
+  const [activeProject, setActiveProject] = useState<{ project_name: string; is_active: boolean; priority: string } | null>(null);
+  const [loading, setLoading] = useState(false);
+
+  const fetchStatus = async () => {
+    try {
+      const res = await fetch("/api/eternity");
+      if (res.ok) {
+        const data = await res.json();
+        const projects = data.projects || [];
+        // Find the active project, or default to the most recent project
+        const active = projects.find((p: any) => p.is_active) || projects[0];
+        if (active) {
+          setActiveProject({
+            project_name: active.project_name,
+            is_active: active.is_active,
+            priority: active.priority,
+          });
+        } else {
+          setActiveProject(null);
+        }
+      }
+    } catch (err) {
+      console.error(err);
+    }
+  };
+
+  useEffect(() => {
+    fetchStatus();
+  }, []);
+
+  const handleToggle = async (checked: boolean) => {
+    if (!activeProject) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/eternity", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          action: "toggle",
+          project_name: activeProject.project_name,
+          is_active: checked,
+        }),
+      });
+      if (res.ok) {
+        setActiveProject(prev => prev ? { ...prev, is_active: checked } : null);
+        toast.success(`Eternity Mode ${checked ? "enabled" : "paused"}`);
+      } else {
+        throw new Error("Failed to update");
+      }
+    } catch (err: any) {
+      toast.error(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handlePriorityChange = async (priority: string) => {
+    if (!activeProject) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/eternity", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          action: "set-priority",
+          project_name: activeProject.project_name,
+          priority: priority,
+        }),
+      });
+      if (res.ok) {
+        setActiveProject(prev => prev ? { ...prev, priority: priority } : null);
+        toast.success(`Priority updated to ${priority}`);
+      } else {
+        throw new Error("Failed to update");
+      }
+    } catch (err: any) {
+      toast.error(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  if (!activeProject) {
+    return (
+      <DropdownMenuGroup>
+        <DropdownMenuItem disabled className="text-xs font-semibold flex items-center gap-2 opacity-50">
+          <Waypoints className="size-3.5" />
+          Eternity Mode (No project)
+        </DropdownMenuItem>
+      </DropdownMenuGroup>
+    );
+  }
+
+  return (
+    <DropdownMenuGroup>
+      <DropdownMenuItem
+        className="cursor-pointer font-semibold text-xs text-foreground flex items-center gap-2"
+        onClick={(e) => {
+          e.preventDefault();
+          if (!loading) handleToggle(!activeProject.is_active);
+        }}
+      >
+        <Waypoints className={cn("size-3.5", activeProject.is_active ? "text-primary animate-pulse" : "text-muted-foreground")} />
+        <span className="truncate">Eternity Loop: {activeProject.project_name}</span>
+        <Switch
+          className="ml-auto"
+          checked={activeProject.is_active}
+          disabled={loading}
+        />
+      </DropdownMenuItem>
+
+      <DropdownMenuSub>
+        <DropdownMenuSubTrigger className="text-xs flex items-center gap-2 font-semibold cursor-pointer pl-8">
+          <span>Priority: {activeProject.priority.toUpperCase()}</span>
+        </DropdownMenuSubTrigger>
+        <DropdownMenuPortal>
+          <DropdownMenuSubContent>
+            <DropdownMenuItem
+              className="cursor-pointer text-xs"
+              onClick={() => handlePriorityChange("supreme")}
+              disabled={loading}
+            >
+              🚀 SUPREME
+            </DropdownMenuItem>
+            <DropdownMenuItem
+              className="cursor-pointer text-xs"
+              onClick={() => handlePriorityChange("low")}
+              disabled={loading}
+            >
+              💤 LOW
+            </DropdownMenuItem>
+          </DropdownMenuSubContent>
+        </DropdownMenuPortal>
+      </DropdownMenuSub>
+    </DropdownMenuGroup>
+  );
+}