feat: show app version in header

README.md

@@ -141,7 +141,7 @@ cross-platform icons, CI, Dependabot, security policy, and contribution guide.
 Version tags publish Windows installers through the
 [`Windows Release`](.github/workflows/windows-release.yml) GitHub Actions
 workflow. The tag must match the version in `src-tauri/tauri.conf.json`; for
-example, version `0.1.3` is released with tag `v0.1.3`.
+example, version `0.1.4` is released with tag `v0.1.4`.
 
 The tagged GitHub prerelease contains:
 

crates/open-profiler-core/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "opensoft-open-profiler-core"
-version = "0.1.3"
+version = "0.1.4"
 description = "Secure LLM profile discovery and activation for openProfiler"
 edition.workspace = true
 license.workspace = true

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opensoft/open-profiler",
   "private": true,
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "A full LLM profile manager",
   "license": "Apache-2.0",
   "type": "module",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "opensoft-open-profiler"
-version = "0.1.3"
+version = "0.1.4"
 description = "A full LLM profile manager"
 edition.workspace = true
 license.workspace = true

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "openProfiler",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "identifier": "com.opensoft.openprofiler",
   "build": {
     "beforeDevCommand": "pnpm dev",

src/App.tsx

@@ -1,6 +1,8 @@
 import { invoke } from "@tauri-apps/api/core";
+import { getVersion } from "@tauri-apps/api/app";
 import { useCallback, useEffect, useMemo, useState } from "react";
 
+import { version as packageVersion } from "../package.json";
 import { devFixtureDesktopStatus, devFixtureInventory } from "./dev-fixture";
 import {
   activationPayload,
@@ -329,6 +331,7 @@ function ProfileResults({
 }
 
 export default function App() {
+  const [appVersion, setAppVersion] = useState(packageVersion);
   const [inventory, setInventory] = useState<ProfileInventory | null>(null);
   const [desktop, setDesktop] = useState<DesktopAppStatus | null>(null);
   const [provider, setProvider] = useState<Provider | typeof ALL_PROVIDERS>(
@@ -372,6 +375,22 @@ export default function App() {
     void loadProfiles();
   }, [loadProfiles]);
 
+  useEffect(() => {
+    let active = true;
+    void getVersion()
+      .then((version) => {
+        if (active) {
+          setAppVersion(version);
+        }
+      })
+      .catch(() => {
+        // The package version remains a reliable fallback in browser previews.
+      });
+    return () => {
+      active = false;
+    };
+  }, []);
+
   const showToast = useCallback((message: string) => {
     setToast(message);
     window.setTimeout(() => setToast(""), 3600);
@@ -479,7 +498,15 @@ export default function App() {
         </div>
         <div className="hero__copy">
           <p className="eyebrow">Local profiles · Codex + Claude</p>
-          <h1>openProfiler</h1>
+          <div className="hero__title">
+            <h1>openProfiler</h1>
+            <span
+              aria-label={`openProfiler version ${appVersion}`}
+              className="version-badge"
+            >
+              v{appVersion}
+            </span>
+          </div>
           <p>
             Manage local LLM profiles and choose the identity each provider uses
             next.

src/styles.css

@@ -93,14 +93,32 @@ code {
   transform: translateY(-5px);
 }
 
-.hero__copy h1 {
+.hero__title {
+  display: flex;
+  gap: 10px;
+  align-items: center;
   margin: 3px 0 5px;
+}
+
+.hero__copy h1 {
+  margin: 0;
   color: #f7fbff;
   font-size: clamp(1.8rem, 3vw, 2.55rem);
   letter-spacing: -0.045em;
   line-height: 1;
 }
 
+.version-badge {
+  padding: 4px 7px;
+  border: 1px solid rgb(89 184 255 / 24%);
+  border-radius: 999px;
+  color: #80bfe8;
+  background: rgb(18 49 70 / 72%);
+  font-family: "SFMono-Regular", Consolas, monospace;
+  font-size: 0.66rem;
+  letter-spacing: 0.02em;
+}
+
 .hero__copy > p:last-child {
   margin: 0;
   color: #91a9bd;