@saadnvd1/agent-os 0.3.794 → 0.3.807

package/stores/shortcutsUi.ts

@@ -0,0 +1,20 @@
+import { proxy } from "valtio";
+
+// The shortcuts panel, and the first key of a sequence that is waiting for
+// its second (shown as a chip so the reader sees it was heard).
+export const shortcutsUi = proxy<{ open: boolean; pending: string | null }>({
+  open: false,
+  pending: null,
+});
+
+export const shortcutsUiActions = {
+  open: () => {
+    shortcutsUi.open = true;
+  },
+  setOpen: (open: boolean) => {
+    shortcutsUi.open = open;
+  },
+  setPending: (key: string | null) => {
+    shortcutsUi.pending = key;
+  },
+};

package/stores/tips.ts

@@ -0,0 +1,14 @@
+import { proxy } from "valtio";
+
+// Whether the Tip of the Day dialog is open, so the sidebar icon can open
+// the one dialog mounted near the top of the app.
+export const tipsStore = proxy({ open: false });
+
+export const tipsActions = {
+  open: () => {
+    tipsStore.open = true;
+  },
+  close: () => {
+    tipsStore.open = false;
+  },
+};

package/components/QuickSwitcher.tsx

@@ -1,286 +0,0 @@
-"use client";
-
-import { useState, useEffect, useCallback, useRef } from "react";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { cn } from "@/lib/utils";
-import { Terminal, GitBranch, Clock, Check } from "lucide-react";
-import type { Session } from "@/lib/db";
-import { CodeSearchResults } from "@/components/CodeSearch/CodeSearchResults";
-import { useRipgrepAvailable } from "@/data/code-search";
-
-interface QuickSwitcherProps {
-  sessions: Session[];
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onSelectSession: (sessionId: string) => void;
-  onSelectFile?: (file: string, line: number) => void;
-  currentSessionId?: string;
-  activeSessionWorkingDir?: string;
-}
-
-/**
- * Quick session switcher with search
- * Triggered by Cmd+K or button tap
- */
-export function QuickSwitcher({
-  sessions,
-  open,
-  onOpenChange,
-  onSelectSession,
-  onSelectFile,
-  currentSessionId,
-  activeSessionWorkingDir,
-}: QuickSwitcherProps) {
-  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;
-    const q = query.toLowerCase();
-    return (
-      session.name?.toLowerCase().includes(q) ||
-      session.working_directory?.toLowerCase().includes(q) ||
-      session.agent_type?.toLowerCase().includes(q)
-    );
-  });
-
-  useEffect(() => {
-    if (!open) return;
-    const t = setTimeout(() => inputRef.current?.focus(), 50);
-    return () => clearTimeout(t);
-  }, [open]);
-
-  // Handle keyboard navigation
-  const handleKeyDown = useCallback(
-    (e: React.KeyboardEvent) => {
-      switch (e.key) {
-        case "ArrowDown":
-          e.preventDefault();
-          setSelectedIndex((prev) =>
-            Math.min(prev + 1, filteredSessions.length - 1)
-          );
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          setSelectedIndex((prev) => Math.max(prev - 1, 0));
-          break;
-        case "Enter":
-          e.preventDefault();
-          if (filteredSessions[selectedIndex]) {
-            onSelectSession(filteredSessions[selectedIndex].id);
-            onOpenChange(false);
-          }
-          break;
-        case "Escape":
-          e.preventDefault();
-          onOpenChange(false);
-          break;
-      }
-    },
-    [filteredSessions, selectedIndex, onSelectSession, onOpenChange]
-  );
-
-  // Format relative time
-  const formatTime = (dateStr: string | null) => {
-    if (!dateStr) return "";
-    const now = new Date();
-    const date = new Date(dateStr);
-    const diff = now.getTime() - date.getTime();
-    const mins = Math.floor(diff / 60000);
-    if (mins < 1) return "just now";
-    if (mins < 60) return `${mins}m ago`;
-    const hours = Math.floor(mins / 60);
-    if (hours < 24) return `${hours}h ago`;
-    return `${Math.floor(hours / 24)}d ago`;
-  };
-
-  // Handle file selection from code search
-  const handleSelectFile = useCallback(
-    (file: string, line: number) => {
-      onOpenChange(false);
-      onSelectFile?.(file, line);
-    },
-    [onOpenChange, onSelectFile]
-  );
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent
-        showCloseButton={false}
-        className="gap-0 overflow-hidden p-0 sm:max-w-md"
-      >
-        <DialogHeader className="sr-only">
-          <DialogTitle>Switch Session / Search Code</DialogTitle>
-        </DialogHeader>
-
-        {/* Mode Toggle - only show if ripgrep is available */}
-        {ripgrepAvailable === true && (
-          <div className="border-border flex gap-2 border-b p-2">
-            <button
-              onClick={() => setMode("sessions")}
-              className={cn(
-                "rounded-full px-3 py-1 text-sm transition-colors",
-                mode === "sessions"
-                  ? "bg-primary text-primary-foreground"
-                  : "hover:bg-accent"
-              )}
-            >
-              Sessions
-            </button>
-            <button
-              onClick={() => setMode("code")}
-              className={cn(
-                "rounded-full px-3 py-1 text-sm transition-colors",
-                mode === "code"
-                  ? "bg-primary text-primary-foreground"
-                  : "hover:bg-accent"
-              )}
-            >
-              Code Search
-            </button>
-          </div>
-        )}
-
-        {/* Search Input */}
-        <div className="border-border border-b p-3">
-          <Input
-            ref={inputRef}
-            placeholder={
-              mode === "sessions" || !ripgrepAvailable
-                ? "Search sessions..."
-                : "Search code (min 3 chars)..."
-            }
-            value={query}
-            onChange={(e) => setQuery(e.target.value)}
-            onKeyDown={mode === "sessions" ? handleKeyDown : undefined}
-            className="h-10"
-          />
-        </div>
-
-        {/* Content */}
-        <div className="max-h-[300px] overflow-y-auto py-2">
-          {mode === "sessions" ? (
-            filteredSessions.length === 0 ? (
-              <div className="text-muted-foreground px-4 py-8 text-center text-sm">
-                No sessions found
-              </div>
-            ) : (
-              filteredSessions.map((session, index) => {
-                const isCurrent = session.id === currentSessionId;
-                return (
-                  <button
-                    key={session.id}
-                    onClick={() => {
-                      onSelectSession(session.id);
-                      onOpenChange(false);
-                    }}
-                    className={cn(
-                      "flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors",
-                      index === selectedIndex
-                        ? "bg-accent"
-                        : "hover:bg-accent/50",
-                      isCurrent && "bg-primary/10"
-                    )}
-                  >
-                    {/* Icon */}
-                    <div
-                      className={cn(
-                        "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md",
-                        session.worktree_path
-                          ? "bg-purple-500/20 text-purple-400"
-                          : "bg-emerald-500/20 text-emerald-400"
-                      )}
-                    >
-                      {session.worktree_path ? (
-                        <GitBranch className="h-4 w-4" />
-                      ) : (
-                        <Terminal className="h-4 w-4" />
-                      )}
-                    </div>
-
-                    {/* Content */}
-                    <div className="min-w-0 flex-1">
-                      <div className="flex items-center gap-2">
-                        <span className="truncate font-medium">
-                          {session.name || "Unnamed Session"}
-                        </span>
-                        {isCurrent && (
-                          <Check className="text-primary h-3.5 w-3.5 flex-shrink-0" />
-                        )}
-                      </div>
-                      <div className="text-muted-foreground flex items-center gap-2 text-xs">
-                        <span className="truncate">
-                          {session.working_directory?.split("/").pop() || "~"}
-                        </span>
-                        <span>•</span>
-                        <span className="capitalize">
-                          {session.agent_type || "claude"}
-                        </span>
-                      </div>
-                    </div>
-
-                    {/* Time */}
-                    <div className="text-muted-foreground flex flex-shrink-0 items-center gap-1 text-xs">
-                      <Clock className="h-3 w-3" />
-                      <span>{formatTime(session.updated_at)}</span>
-                    </div>
-                  </button>
-                );
-              })
-            )
-          ) : (
-            <CodeSearchResults
-              workingDirectory={activeSessionWorkingDir || "~"}
-              query={query}
-              onSelectFile={handleSelectFile}
-            />
-          )}
-        </div>
-
-        {/* Footer Hint */}
-        <div className="border-border text-muted-foreground flex items-center gap-4 border-t px-4 py-2 text-xs">
-          <span>
-            <kbd className="bg-muted rounded px-1.5 py-0.5">↑↓</kbd> navigate
-          </span>
-          <span>
-            <kbd className="bg-muted rounded px-1.5 py-0.5">↵</kbd> select
-          </span>
-          <span>
-            <kbd className="bg-muted rounded px-1.5 py-0.5">esc</kbd> close
-          </span>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}