Add docs and GitHub links to welcome screen

Author: mehmetozguldev

src-tauri/capabilities/main.json

@@ -52,6 +52,8 @@
     "http:allow-fetch",
     "process:allow-restart",
     "process:allow-exit",
+    "shell:default",
+    "shell:allow-open",
     {
       "identifier": "shell:allow-execute",
       "allow": [

src-tauri/src/main.rs

@@ -130,6 +130,9 @@ fn main() {
                   "open_folder" => {
                      let _ = window.emit("menu_open_folder", ());
                   }
+                  "close_folder" => {
+                     let _ = window.emit("menu_close_folder", ());
+                  }
                   "save" => {
                      let _ = window.emit("menu_save", ());
                   }

src-tauri/src/menu.rs

@@ -42,6 +42,13 @@ pub fn create_menu<R: tauri::Runtime>(
          true,
          Some("CmdOrCtrl+O"),
       )?)
+      .item(&MenuItem::with_id(
+         app,
+         "close_folder",
+         "Close Folder",
+         true,
+         None::<String>,
+      )?)
       .separator()
       .item(&MenuItem::with_id(
          app,

src/components/window/menu-bar/index.tsx

@@ -33,6 +33,7 @@ const CustomMenuBar = ({ activeMenu, setActiveMenu }: Props) => {
           <MenuItem shortcut="Ctrl+O" onClick={() => handleClickEmit("menu_open_folder")}>
             Open Folder
           </MenuItem>
+          <MenuItem onClick={() => handleClickEmit("menu_close_folder")}>Close Folder</MenuItem>
           <MenuItem separator />
           <MenuItem shortcut="Ctrl+S" onClick={() => handleClickEmit("menu_save")}>
             Save

src/components/window/welcome-screen.tsx

@@ -1,11 +1,11 @@
-import { AlertCircle, Download, Folder } from "lucide-react";
+import { AlertCircle, Book, Download, Folder, Github, Settings } from "lucide-react";
 import { useEffect, useState } from "react";
 import Button from "@/components/ui/button";
+import SettingsDialog from "@/settings/components/settings-dialog";
 import { useUpdater } from "@/settings/hooks/use-updater";
+import { useUIState } from "@/stores/ui-state-store";
 import { fetchRawAppVersion } from "@/utils/app-utils";
 
-// ...existing code...
-
 interface RecentFolder {
   name: string;
   path: string;
@@ -24,6 +24,10 @@ const WelcomeScreen = ({
   onOpenRecentFolder,
 }: WelcomeScreenProps) => {
   const [appVersion, setAppVersion] = useState<string>("...");
+  const { openSettingsDialog, isSettingsDialogVisible, setIsSettingsDialogVisible } = useUIState();
+
+  // Hide updater in development environment
+  const isDevelopment = import.meta.env.MODE === "development";
   const {
     available,
     checking,
@@ -33,7 +37,7 @@ const WelcomeScreen = ({
     updateInfo,
     downloadAndInstall,
     dismissUpdate,
-  } = useUpdater(true);
+  } = useUpdater(!isDevelopment);
 
   useEffect(() => {
     const loadVersion = async () => {
@@ -52,6 +56,10 @@ const WelcomeScreen = ({
     }
   };
 
+  const openExternalLink = (url: string) => {
+    window.open(url, "_blank", "noopener,noreferrer");
+  };
+
   return (
     <div
       data-tauri-drag-region
@@ -63,14 +71,14 @@ const WelcomeScreen = ({
           <img src="/logo.svg" alt="athas industries" className="h-12" draggable="false" />
         </div>
         <div className="flex items-center gap-2 text-text-lighter">
-          <p className="font-mono font-normal text-xs">v{appVersion}</p>
-          {checking && (
-            <div className="text-xs" title="Checking for updates...">
+          <p className="font-mono text-xs">v{appVersion}</p>
+          {!isDevelopment && checking && (
+            <div className="animate-spin text-xs" title="Checking...">
               ⟳
             </div>
           )}
-          {available && (
-            <div className="text-accent text-xs" title={`Update available: ${updateInfo?.version}`}>
+          {!isDevelopment && available && (
+            <div className="text-accent text-xs" title={`Update: ${updateInfo?.version}`}>
               •
             </div>
           )}
@@ -80,28 +88,30 @@ const WelcomeScreen = ({
       {/* Main Content */}
       <div className="flex w-full max-w-sm flex-col items-center px-4">
         {/* Update Available Banner */}
-        {available && (
+        {!isDevelopment && available && (
           <div className="mb-4 w-full">
-            <div className="rounded-md border border-border p-3 text-text">
+            <div className="rounded-md border border-border p-3">
               <div className="mb-2 flex items-center gap-2">
                 <Download size={14} className="text-accent" />
-                <span className="font-mono text-xs">Update Available</span>
+                <span className="font-mono text-text text-xs">Update Available</span>
               </div>
-              <p className="mb-3 font-mono text-xs">
-                Version {updateInfo?.version} is ready to install
-              </p>
+              <p className="mb-3 font-mono text-text-light text-xs">v{updateInfo?.version} ready</p>
               <div className="flex gap-2">
                 <Button
                   onClick={downloadAndInstall}
                   disabled={downloading || installing}
                   variant="ghost"
-                  className="flex-1 gap-2 bg-secondary-bg py-1 text-xs transition-all duration-200"
+                  className="flex-1 gap-1 bg-secondary-bg py-1 text-xs"
                   size="sm"
                 >
                   {downloading ? (
-                    "⟳ Downloading"
+                    <>
+                      <div className="animate-spin">⟳</div> Download
+                    </>
                   ) : installing ? (
-                    "⟳ Installing"
+                    <>
+                      <div className="animate-spin">⟳</div> Install
+                    </>
                   ) : (
                     <>
                       <Download size={12} />
@@ -112,7 +122,7 @@ const WelcomeScreen = ({
                 <Button
                   onClick={dismissUpdate}
                   variant="ghost"
-                  className="bg-secondary-bg px-2 py-1 text-xs transition-all duration-200"
+                  className="bg-secondary-bg px-2 py-1 text-xs"
                   size="sm"
                 >
                   Later
@@ -123,10 +133,10 @@ const WelcomeScreen = ({
         )}
 
         {/* Error Banner */}
-        {error && (
+        {!isDevelopment && error && (
           <div className="mb-4 w-full">
             <div className="rounded-md border border-error p-3">
-              <div className="flex items-center gap-2 ">
+              <div className="flex items-center gap-2">
                 <AlertCircle size={14} className="text-error" />
                 <span className="font-mono text-text text-xs">Update Error</span>
               </div>
@@ -140,29 +150,31 @@ const WelcomeScreen = ({
           <Button
             onClick={onOpenFolder}
             variant="ghost"
-            className="flex gap-2 border border-border bg-secondary-bg p-4 text-sm transition-all duration-200"
+            className="flex gap-2 border border-border bg-secondary-bg px-4 py-3 text-xs"
             size="sm"
           >
-            <Folder size={16} />
+            <Folder size={14} />
             Open Folder
           </Button>
         </div>
 
         {/* Recent Folders */}
         {recentFolders.length > 0 && (
           <div className="w-full">
-            <h3 className="mb-2 font-mono text-text text-xs">Recent({recentFolders.length})</h3>
+            <h3 className="mb-2 font-mono text-text text-xs">Recent ({recentFolders.length})</h3>
             <div className="space-y-1.5">
               {recentFolders.map((folder, index) => (
                 <Button
                   key={index}
                   onClick={() => handleRecentFolderClick(folder.path)}
                   variant="ghost"
-                  className="flex h-auto w-full flex-col justify-start gap-2 border border-border bg-secondary-bg p-2 transition-all duration-200"
+                  className="flex h-auto w-full flex-col justify-start gap-1.5 border border-border bg-secondary-bg p-2"
                   size="sm"
                 >
-                  <div className="w-full truncate text-start font-mono text-sm">{folder.name}</div>
-                  <div className="w-full text-start">
+                  <div className="w-full truncate text-left font-mono text-text text-xs">
+                    {folder.name}
+                  </div>
+                  <div className="w-full text-left">
                     <p className="font-mono text-text-lighter text-xs">
                       {folder.path.startsWith("/Users/")
                         ? `~${folder.path.substring(folder.path.indexOf("/", 7))}`
@@ -174,7 +186,50 @@ const WelcomeScreen = ({
             </div>
           </div>
         )}
+
+        {/* Quick Links */}
+        <div className="mt-6 flex w-full justify-center gap-4">
+          <button
+            onClick={() => openSettingsDialog()}
+            className="flex items-center gap-1 text-text-lighter transition-colors hover:text-text"
+          >
+            <Settings size={14} />
+            <span className="text-xs">Settings</span>
+          </button>
+          <a
+            href="https://docs.athas.dev"
+            target="_blank"
+            rel="noopener noreferrer"
+            onClick={(e) => {
+              e.preventDefault();
+              openExternalLink("https://docs.athas.dev");
+            }}
+            className="flex items-center gap-1 text-text-lighter transition-colors hover:text-text"
+          >
+            <Book size={14} />
+            <span className="text-xs">Docs</span>
+          </a>
+          <a
+            href="https://github.com/athasdev/athas"
+            target="_blank"
+            rel="noopener noreferrer"
+            onClick={(e) => {
+              e.preventDefault();
+              openExternalLink("https://github.com/athasdev/athas");
+            }}
+            className="flex items-center gap-1 text-text-lighter transition-colors hover:text-text"
+          >
+            <Github size={14} />
+            <span className="text-xs">GitHub</span>
+          </a>
+        </div>
       </div>
+
+      {/* Settings Dialog */}
+      <SettingsDialog
+        isOpen={isSettingsDialogVisible}
+        onClose={() => setIsSettingsDialogVisible(false)}
+      />
     </div>
   );
 };

src/file-system/controllers/store.ts

@@ -106,6 +106,39 @@ export const useFileSystemStore = createSelectors(
         return true;
       },
 
+      closeFolder: async () => {
+        // Reset all project-related state to return to welcome screen
+        set((state) => {
+          state.files = [];
+          state.isFileTreeLoading = false;
+          state.filesVersion++;
+        });
+
+        // Clear tree UI state
+        useFileTreeStore.getState().collapseAll();
+
+        // Reset project store
+        const { setRootFolderPath, setProjectName } = useProjectStore.getState();
+        setRootFolderPath("");
+        setProjectName("");
+
+        // Close all buffers (close them individually since closeAllBuffers doesn't exist)
+        const { buffers, actions: bufferActions } = useBufferStore.getState();
+        buffers.forEach((buffer) => bufferActions.closeBuffer(buffer.id));
+
+        // Stop file watching
+        await useFileWatcherStore.getState().setProjectRoot("");
+
+        // Reset git store
+        const { actions: gitActions } = useGitStore.getState();
+        gitActions.resetCommits();
+
+        // Clear git diff cache
+        gitDiffCache.clear();
+
+        return true;
+      },
+
       handleOpenFolderByPath: async (path: string) => {
         set((state) => {
           state.isFileTreeLoading = true;

src/file-system/models/interface.ts

@@ -24,6 +24,7 @@ export interface FsActions {
   // Folder operations
   handleOpenFolder: () => Promise<boolean>;
   handleOpenFolderByPath: (path: string) => Promise<boolean>;
+  closeFolder: () => Promise<boolean>;
   // File operations
   handleFileSelect: (
     path: string,

src/hooks/use-menu-events-wrapper.ts

@@ -24,6 +24,7 @@ export function useMenuEventsWrapper() {
   useMenuEvents({
     onNewFile: fileSystemStore.handleCreateNewFile,
     onOpenFolder: fileSystemStore.handleOpenFolder,
+    onCloseFolder: fileSystemStore.closeFolder,
     onSave: handleSave,
     onSaveAs: async () => {
       if (!activeBuffer) return;

src/hooks/use-menu-events.ts

@@ -27,6 +27,7 @@ async function setupMenuListeners(handlers: any) {
   const removeListeners = await Promise.all([
     listen("menu_new_file", () => currentHandlers.current.onNewFile()),
     listen("menu_open_folder", () => currentHandlers.current.onOpenFolder()),
+    listen("menu_close_folder", () => currentHandlers.current.onCloseFolder()),
     listen("menu_save", () => currentHandlers.current.onSave()),
     listen("menu_save_as", () => currentHandlers.current.onSaveAs()),
     listen("menu_close_tab", () => currentHandlers.current.onCloseTab()),
@@ -63,6 +64,7 @@ async function setupMenuListeners(handlers: any) {
 interface UseMenuEventsProps {
   onNewFile: () => void;
   onOpenFolder: () => void;
+  onCloseFolder: () => void;
   onSave: () => void;
   onSaveAs: () => void;
   onCloseTab: () => void;