From 3659d6c368302bfe4622b980430b97c30b877968 Mon Sep 17 00:00:00 2001
From: Piotr Bednarski <piotr.maciej.bednarski@gmail.com>
Date: Sun, 3 Aug 2025 15:14:46 +0200
Subject: [PATCH 1/3] Remove extra space in className

---
 src/components/extensions-view.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/extensions-view.tsx b/src/components/extensions-view.tsx
index 117d8ef89..710e53f0a 100644
--- a/src/components/extensions-view.tsx
+++ b/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"

From 01d31396d95fa51b75d14051c3a605d495e54576 Mon Sep 17 00:00:00 2001
From: Piotr Bednarski <piotr.maciej.bednarski@gmail.com>
Date: Sun, 3 Aug 2025 15:15:11 +0200
Subject: [PATCH 2/3] Add app version fetching and display in WelcomeScreen

---
 src/components/window/welcome-screen.tsx | 14 ++++++++++-
 src/utils/app-utils.ts                   | 31 ++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 src/utils/app-utils.ts

diff --git a/src/components/window/welcome-screen.tsx b/src/components/window/welcome-screen.tsx
index 0bfe87af9..ed79a4767 100644
--- a/src/components/window/welcome-screen.tsx
+++ b/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 { fetchAppVersion } 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 fetchAppVersion();
+      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")}>{appVersion}</p>
           {checking && (
             <div className={cn("paper-text-light text-xs")} title="Checking for updates...">
               ⟳
diff --git a/src/utils/app-utils.ts b/src/utils/app-utils.ts
new file mode 100644
index 000000000..8a2193258
--- /dev/null
+++ b/src/utils/app-utils.ts
@@ -0,0 +1,31 @@
+import { getVersion } from "@tauri-apps/api/app";
+
+/**
+ * Fetches the application version from Tauri API
+ * @returns Promise<string> - Application version with 'v' prefix (e.g., "v1.0.0")
+ */
+export const fetchAppVersion = async (): Promise<string> => {
+  try {
+    const version = await getVersion();
+    return `v${version}`;
+  } catch (error) {
+    console.error("Failed to fetch app version:", error);
+    // Return default version if fetching fails
+    return "v0.1.0";
+  }
+};
+
+/**
+ * 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";
+  }
+};

From d1d289e77c0bf033e584dd91f221e80e1d436893 Mon Sep 17 00:00:00 2001
From: Piotr Bednarski <piotr.maciej.bednarski@gmail.com>
Date: Mon, 4 Aug 2025 07:36:00 +0200
Subject: [PATCH 3/3] Fetch raw version in app-utils.ts

---
 src/components/window/welcome-screen.tsx |  6 +++---
 src/utils/app-utils.ts                   | 15 ---------------
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/src/components/window/welcome-screen.tsx b/src/components/window/welcome-screen.tsx
index ed79a4767..8c2526550 100644
--- a/src/components/window/welcome-screen.tsx
+++ b/src/components/window/welcome-screen.tsx
@@ -2,7 +2,7 @@ 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 { fetchAppVersion } from "@/utils/app-utils";
+import { fetchRawAppVersion } from "@/utils/app-utils";
 import { cn } from "@/utils/cn";
 
 interface RecentFolder {
@@ -36,7 +36,7 @@ const WelcomeScreen = ({
 
   useEffect(() => {
     const loadVersion = async () => {
-      const version = await fetchAppVersion();
+      const version = await fetchRawAppVersion();
       setAppVersion(version);
     };
 
@@ -65,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")}>{appVersion}</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...">
               ⟳
diff --git a/src/utils/app-utils.ts b/src/utils/app-utils.ts
index 8a2193258..9bd7ce6af 100644
--- a/src/utils/app-utils.ts
+++ b/src/utils/app-utils.ts
@@ -1,20 +1,5 @@
 import { getVersion } from "@tauri-apps/api/app";
 
-/**
- * Fetches the application version from Tauri API
- * @returns Promise<string> - Application version with 'v' prefix (e.g., "v1.0.0")
- */
-export const fetchAppVersion = async (): Promise<string> => {
-  try {
-    const version = await getVersion();
-    return `v${version}`;
-  } catch (error) {
-    console.error("Failed to fetch app version:", error);
-    // Return default version if fetching fails
-    return "v0.1.0";
-  }
-};
-
 /**
  * Fetches the raw application version from Tauri API without 'v' prefix
  * @returns Promise<string> - Raw application version (e.g., "1.0.0")