feat(gui): automatically install and setup the cli/shell (#2139)

* feat(gui): automatically install and setup the cli/shell

* add shell config and toasts

1 files changed, 28 insertions, 0 deletions

diff --git a/ui/src/pages/Home.tsx b/ui/src/pages/Home.tsx
index 93f2bf93..00752326 100644
--- a/ui/src/pages/Home.tsx
+++ b/ui/src/pages/Home.tsx
@@ -2,6 +2,8 @@ import { useEffect } from "react";
 import { formatRelative } from "date-fns";
 
 import { useStore } from "@/state/store";
+import { useToast } from "@/components/ui/use-toast";
+import { invoke } from "@tauri-apps/api/core";
 
 function Stats({ stats }: any) {
   return (
@@ -47,10 +49,36 @@ export default function Home() {
   const user = useStore((state) => state.user);
   const refreshHomeInfo = useStore((state) => state.refreshHomeInfo);
   const refreshUser = useStore((state) => state.refreshUser);
+  const { toast } = useToast();
 
   useEffect(() => {
     refreshHomeInfo();
     refreshUser();
+
+    let setup = async () => {
+      let installed = await invoke("is_cli_installed");
+      console.log("CLI installation status:", installed);
+
+      if (!installed) {
+        toast({
+          title: "Atuin CLI",
+          description: "Started CLI setup and installation...",
+        });
+
+        console.log("Installing CLI...");
+        await invoke("install_cli");
+
+        console.log("Setting up plugin...");
+        await invoke("setup_cli");
+
+        toast({
+          title: "Atuin CLI",
+          description: "Installation complete",
+        });
+      }
+    };
+
+    setup();
   }, []);
 
   if (!homeInfo) {