@saadnvd1/agent-os 0.3.684 → 0.3.692

package/app/api/dev-servers/detect/route.ts

@@ -16,8 +16,7 @@ export async function GET(request: NextRequest) {
     }
 
     const project = queries.getProject(db).get(projectId) as
-      | Project
-      | undefined;
+      Project | undefined;
     if (!project) {
       return NextResponse.json({ error: "Project not found" }, { status: 404 });
     }

package/app/api/discovered-models/route.ts

@@ -0,0 +1,34 @@
+import { NextRequest, NextResponse } from "next/server";
+import { z } from "zod";
+import { discoveredModels } from "@/lib/chat/discovered-models";
+import { getProject } from "@/lib/projects";
+
+const query = z.object({
+  agent: z.string().min(1),
+  projectId: z.string().optional(),
+  refresh: z.string().optional(),
+});
+
+// GET /api/discovered-models?agent=&projectId=&refresh=1 - the models an agent
+// reports for a project's folder, for a draft that has no session yet. Empty
+// for an agent with a fixed list.
+export async function GET(request: NextRequest) {
+  const parsed = query.safeParse(
+    Object.fromEntries(request.nextUrl.searchParams)
+  );
+  if (!parsed.success)
+    return NextResponse.json({ error: "agent is required" }, { status: 400 });
+  const { agent, projectId, refresh } = parsed.data;
+  const folder = projectId ? getProject(projectId)?.working_directory : null;
+  try {
+    return NextResponse.json({
+      models: await discoveredModels(agent, folder, refresh !== undefined),
+    });
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    return NextResponse.json(
+      { error: `Couldn't list the models: ${message}` },
+      { status: 502 }
+    );
+  }
+}

package/app/api/projects/[id]/dev-servers/[dsId]/route.ts

@@ -12,8 +12,7 @@ export async function PATCH(request: NextRequest, { params }: RouteParams) {
     const { dsId } = await params;
 
     const existing = queries.getProjectDevServer(db).get(dsId) as
-      | ProjectDevServer
-      | undefined;
+      ProjectDevServer | undefined;
     if (!existing) {
       return NextResponse.json(
         { error: "Dev server config not found" },
@@ -49,8 +48,7 @@ export async function DELETE(request: NextRequest, { params }: RouteParams) {
     const { dsId } = await params;
 
     const existing = queries.getProjectDevServer(db).get(dsId) as
-      | ProjectDevServer
-      | undefined;
+      ProjectDevServer | undefined;
     if (!existing) {
       return NextResponse.json(
         { error: "Dev server config not found" },

package/app/page.tsx

@@ -237,8 +237,7 @@ function HomeContent() {
 
   // Get terminal for a pane, with fallback to first available
   const getTerminalWithFallback = useCallback(():
-    | { terminal: TerminalHandle; paneId: string; tabId: string }
-    | undefined => {
+    { terminal: TerminalHandle; paneId: string; tabId: string } | undefined => {
     debugLog(
       `getTerminalWithFallback called, total refs: ${terminalRefs.current.size}, focusedPaneId: ${focusedPaneId}`
     );

package/components/Artifacts/ArtifactsPanel.tsx

@@ -141,7 +141,7 @@ export function ArtifactsPanel({
           </button>
         )}
       </div>
-      <div className="scrollbar-none mt-2.5 flex gap-1.5 overflow-x-auto">
+      <div className="mt-2.5 flex scrollbar-none gap-1.5 overflow-x-auto">
         {(Object.keys(FILTER_LABELS) as ArtifactFilter[])
           .filter((f) => f === "all" || tally[f])
           .map((f) => (

package/components/Draft/DraftPanel.tsx

@@ -8,7 +8,8 @@ import { Button } from "@/components/ui/button";
 import type { ChatFile, ChatImage } from "@/lib/chat/events";
 import type { Project } from "@/lib/db";
 import { draftComposerKey, type Draft } from "@/lib/drafts";
-import { getModelOptions } from "@/lib/model-catalog";
+import { discoversModels } from "@/lib/model-catalog";
+import { useDiscoveredModels } from "@/data/agents";
 import { useHostsQuery } from "@/data/hosts";
 import { useGitCheck } from "@/data/git/queries";
 import { useLaunchSession } from "@/data/sessions";
@@ -18,6 +19,7 @@ import { setPendingPrompt } from "@/stores/initialPrompt";
 import { draftsActions, draftsStore, newDraft } from "@/stores/drafts";
 import { DraftChips } from "./DraftChips";
 import { DraftHeading } from "./DraftHeading";
+import { draftModels } from "./draftModels";
 
 // A new session before its first send: choices on top, a composer below.
 // Sending makes the session (and its worktree) and turns this tab into it.
@@ -41,6 +43,12 @@ export function DraftPanel({
   const { data: git } = useGitCheck(
     project && draft?.hostId === "local" ? project.working_directory : ""
   );
+  const discovers = !!draft && discoversModels(draft.agentType);
+  const found = useDiscoveredModels(
+    draft?.agentType ?? "",
+    draft?.projectId ?? null,
+    discovers
+  );
   const launch = useLaunchSession();
   const createTask = useCreateTask();
   const [prefill, setPrefill] = useState<{ text: string; at: number }>();
@@ -148,7 +156,7 @@ export function DraftPanel({
           }
           onSend={(text, images, files) => void send(text, images, files)}
           onStop={() => {}}
-          models={getModelOptions(draft.agentType)}
+          models={draftModels(draft.agentType, found)}
           model={draft.model}
           onSetModel={(model) => draftsActions.update(draft.id, { model })}
           access={draft.openPr ? undefined : draft.access}

package/components/Draft/draftModels.test.ts

@@ -0,0 +1,31 @@
+import { describe, expect, it } from "vitest";
+import { draftModels } from "./draftModels";
+
+const qwen = { value: "ollama/qwen3", label: "Qwen 3" };
+
+describe("draftModels", () => {
+  it("lists the default and then what OpenCode reports", () => {
+    const list = draftModels("opencode", {
+      data: [qwen],
+      isPending: false,
+      isError: false,
+    });
+    expect(list.map((m) => m.value)).toEqual(["default", "ollama/qwen3"]);
+  });
+
+  it("says so beside the default while loading and on failure", () => {
+    const loading = draftModels("opencode", {
+      isPending: true,
+      isError: false,
+    });
+    const failed = draftModels("opencode", { isPending: false, isError: true });
+    expect(loading).toHaveLength(1);
+    expect(loading[0].label).toContain("loading");
+    expect(failed[0].label).toContain("couldn't");
+  });
+
+  it("keeps a fixed list as it is", () => {
+    const list = draftModels("claude", { isPending: true, isError: false });
+    expect(list.map((m) => m.value)).toContain("opus");
+  });
+});

package/components/Draft/draftModels.ts

@@ -0,0 +1,17 @@
+import type { ChatModel } from "@/lib/chat/events";
+import type { Draft } from "@/lib/drafts";
+import { discoversModels, getModelOptions } from "@/lib/model-catalog";
+
+// A fixed list, or the agent's default followed by what it reports; while it
+// loads or if it fails, the default alone says so.
+export function draftModels(
+  agentType: Draft["agentType"],
+  found: { data?: ChatModel[]; isPending: boolean; isError: boolean }
+): ChatModel[] {
+  const options = getModelOptions(agentType);
+  if (!discoversModels(agentType)) return options;
+  if (found.data) return [...options, ...found.data];
+  const [first, ...rest] = options;
+  const note = found.isError ? "couldn't list models" : "loading models…";
+  return [{ ...first, label: `${first.label} (${note})` }, ...rest];
+}

package/components/FileExplorer/FileTabs.tsx

@@ -41,7 +41,7 @@ export function FileTabs({
   return (
     <div
       ref={scrollRef}
-      className="bg-muted/30 scrollbar-none flex items-center gap-0.5 overflow-x-auto px-1"
+      className="bg-muted/30 flex scrollbar-none items-center gap-0.5 overflow-x-auto px-1"
     >
       {files.map((file) => {
         const isActive = file.path === activeFilePath;

package/components/Pane/DesktopTabBar.tsx

@@ -102,7 +102,7 @@ export function DesktopTabBar({
   return (
     <div
       className={cn(
-        "scrollbar-none @container/bar flex items-center gap-1 overflow-x-auto px-1.5 py-1.5 transition-colors",
+        "@container/bar flex scrollbar-none items-center gap-1 overflow-x-auto px-1.5 py-1.5 transition-colors",
         "shadow-[inset_0_-1px_0_hsl(var(--foreground)/0.06)]",
         isFocused ? "bg-foreground/[0.025]" : "bg-transparent"
       )}
@@ -110,7 +110,7 @@ export function DesktopTabBar({
       {leading}
 
       {/* Tabs */}
-      <div className="scrollbar-none flex min-w-28 flex-1 items-center gap-0.5 overflow-x-auto">
+      <div className="flex min-w-28 flex-1 scrollbar-none items-center gap-0.5 overflow-x-auto">
         {tabs.map((tab) => (
           <div
             key={tab.id}

package/components/QuickSwitcher.tsx

@@ -37,14 +37,33 @@ export function QuickSwitcher({
   currentSessionId,
   activeSessionWorkingDir,
 }: QuickSwitcherProps) {
-  const [mode, setMode] = useState<"sessions" | "code">("sessions");
-  const [query, setQuery] = useState("");
+  const [chosenMode, setMode] = useState<"sessions" | "code">("sessions");
+  const [query, setQueryState] = useState("");
   const [selectedIndex, setSelectedIndex] = useState(0);
   const inputRef = useRef<HTMLInputElement>(null);
 
   // Check if ripgrep is available
   const { data: ripgrepAvailable } = useRipgrepAvailable();
 
+  // Code search needs ripgrep
+  const mode = ripgrepAvailable === false ? "sessions" : chosenMode;
+
+  const setQuery = (next: string) => {
+    setQueryState(next);
+    setSelectedIndex(0);
+  };
+
+  // Reset state when dialog opens
+  const [wasOpen, setWasOpen] = useState(open);
+  if (open !== wasOpen) {
+    setWasOpen(open);
+    if (open) {
+      setMode("sessions");
+      setQueryState("");
+      setSelectedIndex(0);
+    }
+  }
+
   // Filter sessions based on search query
   const filteredSessions = sessions.filter((session) => {
     if (!query) return true;
@@ -56,28 +75,12 @@ export function QuickSwitcher({
     );
   });
 
-  // Reset state when dialog opens
   useEffect(() => {
-    if (open) {
-      setMode("sessions");
-      setQuery("");
-      setSelectedIndex(0);
-      setTimeout(() => inputRef.current?.focus(), 50);
-    }
+    if (!open) return;
+    const t = setTimeout(() => inputRef.current?.focus(), 50);
+    return () => clearTimeout(t);
   }, [open]);
 
-  // Force sessions mode if ripgrep is not available
-  useEffect(() => {
-    if (ripgrepAvailable === false && mode === "code") {
-      setMode("sessions");
-    }
-  }, [ripgrepAvailable, mode]);
-
-  // Reset selected index when filtered results change
-  useEffect(() => {
-    setSelectedIndex(0);
-  }, [query]);
-
   // Handle keyboard navigation
   const handleKeyDown = useCallback(
     (e: React.KeyboardEvent) => {

package/components/SessionList/SessionRowMenu.tsx

@@ -32,7 +32,6 @@ import { selectionActions } from "@/stores/sessionSelection";
 import { schedulesUiActions } from "@/stores/schedulesUi";
 import { recipesUiActions } from "@/stores/recipesUi";
 import { rowGroup } from "@/lib/recipes/chip";
-import { finishActions } from "@/lib/sidebar/row-actions";
 import {
   useArchiveAction,
   useDoneAction,

package/components/Settings/ExperimentsSection.test.ts

@@ -3,7 +3,13 @@ import { act, createElement } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
-for (const key of ["Event", "CustomEvent", "FocusEvent", "HTMLButtonElement"])
+for (const key of [
+  "Event",
+  "CustomEvent",
+  "FocusEvent",
+  "HTMLButtonElement",
+  "HTMLFormElement",
+])
   Object.defineProperty(globalThis, key, {
     value: (window as unknown as Record<string, unknown>)[key],
     configurable: true,

package/components/Settings/NoApprovalsSection.test.ts

@@ -4,7 +4,13 @@ import { createRoot, type Root } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
 // Radix dispatches its own events; they must be jsdom's, not Node's.
-for (const key of ["Event", "CustomEvent", "FocusEvent", "HTMLButtonElement"])
+for (const key of [
+  "Event",
+  "CustomEvent",
+  "FocusEvent",
+  "HTMLButtonElement",
+  "HTMLFormElement",
+])
   Object.defineProperty(globalThis, key, {
     value: (window as unknown as Record<string, unknown>)[key],
     configurable: true,

package/components/Terminal/TerminalToolbar.tsx

@@ -380,7 +380,7 @@ export function TerminalToolbar({
         onInsert={sendText}
       />
       <div
-        className="bg-background/95 border-border scrollbar-none flex items-center gap-1 overflow-x-auto border-t px-2 py-1.5 backdrop-blur"
+        className="bg-background/95 border-border flex scrollbar-none items-center gap-1 overflow-x-auto border-t px-2 py-1.5 backdrop-blur"
         onTouchEnd={(e) => e.stopPropagation()}
       >
         {/* Mic button */}

package/components/Terminal/VirtualKeyboard.tsx

@@ -295,7 +295,7 @@ function TerminalShortcutsBar({
         onClose={() => setShowPasteModal(false)}
         onPaste={handleModalPaste}
       />
-      <div className="scrollbar-none flex items-center gap-1.5 overflow-x-auto px-2 py-1.5">
+      <div className="flex scrollbar-none items-center gap-1.5 overflow-x-auto px-2 py-1.5">
         {/* Paste button */}
         <FastButton
           onPress={handlePaste}

package/components/WorkerCard.tsx

@@ -19,13 +19,7 @@ import {
 import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
 
 export type WorkerStatus =
-  | "pending"
-  | "running"
-  | "waiting"
-  | "idle"
-  | "completed"
-  | "failed"
-  | "dead";
+  "pending" | "running" | "waiting" | "idle" | "completed" | "failed" | "dead";
 
 export interface WorkerInfo {
   id: string;

package/components/Workspaces/WorkspaceNameDialog.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import {
   Dialog,
   DialogContent,
@@ -28,9 +28,11 @@ export function WorkspaceNameDialog({
   onClose,
 }: WorkspaceNameDialogProps) {
   const [name, setName] = useState(initialName);
-  useEffect(() => {
+  const [synced, setSynced] = useState({ open, initialName });
+  if (synced.open !== open || synced.initialName !== initialName) {
+    setSynced({ open, initialName });
     if (open) setName(initialName);
-  }, [open, initialName]);
+  }
 
   return (
     <Dialog open={open} onOpenChange={(o) => !o && onClose()}>

package/components/a/AButton.tsx

@@ -33,12 +33,7 @@ import { cn } from "@/lib/utils";
 
 export type AButtonSize = "sm" | "md" | "lg";
 export type AButtonVariant =
-  | "default"
-  | "ghost"
-  | "outline"
-  | "secondary"
-  | "destructive"
-  | "link";
+  "default" | "ghost" | "outline" | "secondary" | "destructive" | "link";
 
 export interface AButtonProps extends Omit<
   React.ButtonHTMLAttributes<HTMLButtonElement>,

package/components/a/AIconButton.tsx

@@ -33,11 +33,7 @@ import { cn } from "@/lib/utils";
 
 export type AIconButtonSize = "sm" | "md" | "lg";
 export type AIconButtonHighlight =
-  | "blue"
-  | "green"
-  | "red"
-  | "orange"
-  | "purple";
+  "blue" | "green" | "red" | "orange" | "purple";
 
 export interface AIconButtonProps extends Omit<
   React.ButtonHTMLAttributes<HTMLButtonElement>,

package/contexts/PaneContext.tsx

@@ -27,12 +27,7 @@ import {
 import { useViewport } from "@/hooks/useViewport";
 
 export type ViewMode =
-  | "terminal"
-  | "files"
-  | "git"
-  | "workers"
-  | "log"
-  | "artifacts";
+  "terminal" | "files" | "git" | "workers" | "log" | "artifacts";
 
 export interface PaneViewState {
   viewMode: ViewMode;

package/data/agents/index.ts

@@ -1,5 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import type { AgentProbe } from "@/lib/agents/probe";
+import type { ChatModel } from "@/lib/chat/events";
 
 export const agentKeys = {
   all: ["agents"] as const,
@@ -35,3 +36,39 @@ export function useRecheckAgents() {
     onSuccess: (agents) => client.setQueryData(agentKeys.status(), agents),
   });
 }
+
+export const discoveredModelKeys = {
+  list: (agent: string, projectId: string | null) =>
+    [...agentKeys.all, "models", agent, projectId] as const,
+};
+
+// What an agent without a fixed list reports it can run, for a draft's
+// picker. Off for agents with a fixed list.
+export function useDiscoveredModels(
+  agent: string,
+  projectId: string | null,
+  enabled: boolean
+) {
+  const client = useQueryClient();
+  const key = discoveredModelKeys.list(agent, projectId);
+  const fetchModels = async (refresh: boolean) => {
+    const params = new URLSearchParams({ agent });
+    if (projectId) params.set("projectId", projectId);
+    if (refresh) params.set("refresh", "1");
+    const res = await fetch(`/api/discovered-models?${params}`);
+    const data = await res.json().catch(() => ({}));
+    if (!res.ok) throw new Error(data.error || "Couldn't list the models");
+    return data.models as ChatModel[];
+  };
+  const query = useQuery({
+    queryKey: key,
+    queryFn: () => fetchModels(false),
+    enabled,
+    staleTime: 5 * 60_000,
+    retry: false,
+  });
+  return {
+    ...query,
+    refresh: async () => client.setQueryData(key, await fetchModels(true)),
+  };
+}

package/data/lumifyhub/index.ts

@@ -86,8 +86,7 @@ export function useLhWorkspaces(enabled: boolean) {
 }
 
 export type WorkspaceLinkTarget =
-  | { lhWorkspaceId: string }
-  | { create: true; name?: string };
+  { lhWorkspaceId: string } | { create: true; name?: string };
 
 export function useLinkWorkspace() {
   return useInvalidating(
@@ -120,8 +119,7 @@ export function useWorkspaceBoards(workspaceId: string | null) {
 }
 
 export type BoardLinkTarget =
-  | { boardId: string }
-  | { create: true; title?: string };
+  { boardId: string } | { create: true; title?: string };
 
 export function useLinkBoard() {
   return useInvalidating(

package/hooks/useDirectoryBrowser.ts

@@ -32,13 +32,14 @@ export function useDirectoryBrowser(options: UseDirectoryBrowserOptions = {}) {
   const currentPath = data?.resolvedPath || requestedPath;
 
   // Filter and sort files from query data
+  const dataFiles = data?.files;
   const files = useMemo(() => {
-    if (!data?.files) return [];
+    if (!dataFiles) return [];
     const items = filterRef.current
-      ? data.files.filter(filterRef.current)
-      : data.files;
+      ? dataFiles.filter(filterRef.current)
+      : dataFiles;
     return sortFiles(items);
-  }, [data?.files]);
+  }, [dataFiles]);
 
   const filteredFiles = useMemo(
     () =>

package/hooks/useDrawerAnimation.ts

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect } from "react";
 
 /**
  * Hook for smooth drawer enter animations.
@@ -6,22 +6,19 @@ import { useState, useEffect, useRef } from "react";
  */
 export function useDrawerAnimation(open: boolean) {
   const [isAnimatingIn, setIsAnimatingIn] = useState(false);
-  const hasAnimated = useRef(false);
 
   useEffect(() => {
-    if (open && !hasAnimated.current) {
-      hasAnimated.current = true;
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          setIsAnimatingIn(true);
-        });
-      });
-    }
-    if (!open) {
-      hasAnimated.current = false;
+    if (!open) return;
+    let inner = 0;
+    const outer = requestAnimationFrame(() => {
+      inner = requestAnimationFrame(() => setIsAnimatingIn(true));
+    });
+    return () => {
+      cancelAnimationFrame(outer);
+      cancelAnimationFrame(inner);
       setIsAnimatingIn(false);
-    }
+    };
   }, [open]);
 
-  return isAnimatingIn;
+  return open && isAnimatingIn;
 }

package/hooks/useFileDrop.ts

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useCallback, useEffect, type RefObject } from "react";
+import { useState, useCallback, type RefObject } from "react";
 
 interface UseFileDropOptions {
   /** Disable drop handling (e.g., while uploading) */
@@ -29,11 +29,7 @@ export function useFileDrop(
   const [isDragging, setIsDragging] = useState(false);
 
   // Reset drag state when disabled
-  useEffect(() => {
-    if (options?.disabled) {
-      setIsDragging(false);
-    }
-  }, [options?.disabled]);
+  if (options?.disabled && isDragging) setIsDragging(false);
 
   const handleDragOver = useCallback(
     (e: React.DragEvent) => {

package/hooks/useKeybarVisibility.ts

@@ -1,6 +1,7 @@
 "use client";
 
-import { useState, useCallback, useEffect } from "react";
+import { useCallback } from "react";
+import { useStoredFlag } from "./useStoredFlag";
 
 const STORAGE_KEY = "agentOS-keybar-visible";
 
@@ -9,34 +10,14 @@ const STORAGE_KEY = "agentOS-keybar-visible";
  * Default: hidden on mobile to maximize terminal space.
  */
 export function useKeybarVisibility() {
-  const [isVisible, setIsVisible] = useState(false);
-
-  // Load persisted state on mount
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const stored = localStorage.getItem(STORAGE_KEY);
-    if (stored === "true") {
-      setIsVisible(true);
-    }
-  }, []);
-
-  const toggle = useCallback(() => {
-    setIsVisible((prev) => {
-      const next = !prev;
-      localStorage.setItem(STORAGE_KEY, String(next));
-      return next;
-    });
-  }, []);
-
-  const show = useCallback(() => {
-    setIsVisible(true);
-    localStorage.setItem(STORAGE_KEY, "true");
-  }, []);
-
-  const hide = useCallback(() => {
-    setIsVisible(false);
-    localStorage.setItem(STORAGE_KEY, "false");
-  }, []);
+  const [isVisible, setVisible] = useStoredFlag(STORAGE_KEY, false);
+
+  const toggle = useCallback(
+    () => setVisible(!isVisible),
+    [isVisible, setVisible]
+  );
+  const show = useCallback(() => setVisible(true), [setVisible]);
+  const hide = useCallback(() => setVisible(false), [setVisible]);
 
   return { isVisible, toggle, show, hide };
 }