Add app version fetching and display in WelcomeScreen

src/components/extensions-view.tsx

@@ -166,7 +166,7 @@ export default function ExtensionsView({
         </div>
       </div>
 
-      <div className="flex gap-2 p-4 ">
+      <div className="flex gap-2 p-4">
         <Button
           onClick={() => setExtensionsActiveTab("all")}
           variant="ghost"

src/components/window/welcome-screen.tsx

@@ -1,6 +1,8 @@
 import { AlertCircle, Download, Folder } from "lucide-react";
+import { useEffect, useState } from "react";
 import Button from "@/components/ui/button";
 import { useUpdater } from "@/settings/hooks/use-updater";
+import { fetchRawAppVersion } from "@/utils/app-utils";
 import { cn } from "@/utils/cn";
 
 interface RecentFolder {
@@ -20,6 +22,7 @@ const WelcomeScreen = ({
   recentFolders = [],
   onOpenRecentFolder,
 }: WelcomeScreenProps) => {
+  const [appVersion, setAppVersion] = useState<string>("...");
   const {
     available,
     checking,
@@ -31,6 +34,15 @@ const WelcomeScreen = ({
     dismissUpdate,
   } = useUpdater(true);
 
+  useEffect(() => {
+    const loadVersion = async () => {
+      const version = await fetchRawAppVersion();
+      setAppVersion(version);
+    };
+
+    loadVersion();
+  }, []);
+
   const handleRecentFolderClick = (path: string) => {
     if (onOpenRecentFolder) {
       onOpenRecentFolder(path);
@@ -53,7 +65,7 @@ const WelcomeScreen = ({
           <img src="/logo.svg" alt="athas industries" className={cn("h-12")} draggable="false" />
         </div>
         <div className={cn("flex items-center gap-2")}>
-          <p className={cn("paper-text-light font-mono font-normal text-xs")}>v0.1.0</p>
+          <p className={cn("paper-text-light font-mono font-normal text-xs")}>v{appVersion}</p>
           {checking && (
             <div className={cn("paper-text-light text-xs")} title="Checking for updates...">
               ⟳

src/utils/app-utils.ts

@@ -0,0 +1,16 @@
+import { getVersion } from "@tauri-apps/api/app";
+
+/**
+ * Fetches the raw application version from Tauri API without 'v' prefix
+ * @returns Promise<string> - Raw application version (e.g., "1.0.0")
+ */
+export const fetchRawAppVersion = async (): Promise<string> => {
+  try {
+    const version = await getVersion();
+    return version;
+  } catch (error) {
+    console.error("Failed to fetch app version:", error);
+    // Return default version if fetching fails
+    return "0.1.0";
+  }
+};