refactor: move pipe store to hamburger menu, add timeline, remove dea…

…d code,

screenpipe-app-tauri/components/header.tsx

@@ -25,13 +25,21 @@ import localforage from "localforage";
 import { useHealthCheck } from "@/lib/hooks/use-health-check";
 import { Skeleton } from "@/components/ui/skeleton";
 import { useChangelogDialog } from "@/lib/hooks/use-changelog-dialog";
-
-
+import { useSettings } from "@/lib/hooks/use-settings";
+import { invoke } from "@tauri-apps/api/core";
+import { Clock } from "lucide-react";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 
 export default function Header() {
   const [showInbox, setShowInbox] = useState(false);
   const [messages, setMessages] = useState<Message[]>([]);
   const { health } = useHealthCheck();
+  const { settings } = useSettings();
 
   const isLoading = !health;
 
@@ -92,6 +100,10 @@ export default function Header() {
   const { setShowOnboarding } = useOnboarding();
   const { setShowChangelogDialog } = useChangelogDialog();
 
+  const handleShowTimeline = async () => {
+    await invoke("show_timeline");
+  };
+
   return (
     <div>
       {isLoading ? (
@@ -105,8 +117,34 @@ export default function Header() {
           </div>
           <div className="flex space-x-4 absolute top-4 right-4">
             <HealthStatus className="mt-3 cursor-pointer" />
+            <TooltipProvider>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <div>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      className="cursor-pointer"
+                      onClick={handleShowTimeline}
+                      disabled={
+                        !settings.enableFrameCache ||
+                        !health ||
+                        health.status === "error"
+                      }
+                    >
+                      <Clock className="mr-2 h-4 w-4" />
+                      timeline
+                    </Button>
+                  </div>
+                </TooltipTrigger>
+                {!settings.enableFrameCache && (
+                  <TooltipContent>
+                    <p>enable timeline in settings first</p>
+                  </TooltipContent>
+                )}
+              </Tooltip>
+            </TooltipProvider>
             <MeetingHistory />
-            <PipeDialog />
             <Settings />
 
             <Button
@@ -126,6 +164,12 @@ export default function Header() {
                 </Button>
               </DropdownMenuTrigger>
               <DropdownMenuContent className="mr-4" align="end">
+                <DropdownMenuItem
+                  className="cursor-pointer"
+                  onClick={(e) => e.preventDefault()}
+                >
+                  <PipeDialog />
+                </DropdownMenuItem>
                 <DropdownMenuItem
                   className="cursor-pointer"
                   onClick={() =>

screenpipe-app-tauri/components/pipe-store.tsx

@@ -709,7 +709,7 @@ const PipeDialog: React.FC = () => {
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <Button variant="ghost">
+        <Button variant="ghost" className="h-[20px] px-0 py-0">
           <Puzzle className="mr-2 h-4 w-4" />
           pipe store
         </Button>

screenpipe-app-tauri/components/settings.tsx

@@ -317,17 +317,6 @@ export function Settings({ className }: { className?: string }) {
     });
   };
 
-  const handleAiUrlChange = (newValue: string) => {
-    if (newValue === "custom") {
-      setLocalSettings({ ...localSettings, aiUrl: "" });
-    } else if (newValue === "embedded") {
-      setLocalSettings({ ...localSettings, aiUrl: "embedded" });
-    } else {
-      setLocalSettings({ ...localSettings, aiUrl: newValue });
-    }
-    updateSettings({ aiUrl: newValue });
-  };
-
   const isApiKeyRequired =
     localSettings.aiUrl !== "https://ai-proxy.i-f9f.workers.dev/v1" &&
     localSettings.aiUrl !== "http://localhost:11434/v1" &&
@@ -457,15 +446,6 @@ export function Settings({ className }: { className?: string }) {
     "embedded",
   ].includes(localSettings.aiUrl);
 
-  const getSelectValue = () => {
-    if (isCustomUrl) return "custom";
-    if (localSettings.aiUrl === "embedded" && embeddedAIStatus !== "running") {
-      // Fallback to a default option if embedded AI is selected but not running
-      return "https://ai-proxy.i-f9f.workers.dev/v1";
-    }
-    return localSettings.aiUrl;
-  };
-
   // Add this function to check the embedded AI status
   const checkEmbeddedAIStatus = useCallback(async () => {
     if (localSettings.embeddedLLM.enabled) {
@@ -498,7 +478,7 @@ export function Settings({ className }: { className?: string }) {
       onOpenChange={(open) => {
         if (!open) {
           // hack bcs something does not update settings for some reason
-          window.location.reload();
+          window.location.reload(); // TODO: event trigger
         }
       }}
     >

screenpipe-app-tauri/package.json

@@ -2,7 +2,7 @@
   "name": "screenpipe-app",
   "private": true,
   "scripts": {
-    "dev": "bun tauri dev",
+    "dev": "next dev",
     "build": "next build",
     "prebuild": "bun scripts/pre_build.js",
     "tauri": "tauri",