0.9.0-1 Version Check

frontend/src/App.jsx

@@ -9,6 +9,7 @@ import HistoryPage from './pages/HistoryPage';
 import DatabasePage from './pages/DatabasePage';
 
 function App() {
+  const appVersion = __APP_VERSION__;
   const [pipeline, setPipeline] = useState({ state: 'IDLE', progress: 0, context: {} });
   const [hardwareMonitoring, setHardwareMonitoring] = useState(null);
   const [lastDiscEvent, setLastDiscEvent] = useState(null);
@@ -115,7 +116,12 @@ function App() {
           <img src="/logo.png" alt="Ripster Logo" className="brand-logo" />
           <div className="brand-copy">
             <h1>Ripster</h1>
-            <p>Disc Ripping Control Center</p>
+            <div className="brand-meta">
+              <p>Disc Ripping Control Center</p>
+              <span className="app-version" aria-label={`Version ${appVersion}`}>
+                v{appVersion}
+              </span>
+            </div>
           </div>
         </div>
         <div className="nav-buttons">

frontend/src/styles/app.css

@@ -142,6 +142,28 @@ body {
   letter-spacing: 0.02em;
 }
 
+.brand-meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.45rem;
+}
+
+.app-version {
+  display: inline-flex;
+  align-items: center;
+  min-height: 1.35rem;
+  padding: 0.1rem 0.45rem;
+  border: 1px solid rgba(58, 29, 18, 0.18);
+  border-radius: 999px;
+  background: rgba(255, 250, 240, 0.45);
+  color: rgba(58, 29, 18, 0.72);
+  font-size: 0.72rem;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  white-space: nowrap;
+}
+
 .nav-buttons {
   display: flex;
   gap: 0.5rem;
@@ -2530,6 +2552,10 @@ body {
     font-size: 0.82rem;
   }
 
+  .app-version {
+    font-size: 0.68rem;
+  }
+
   .metadata-grid,
   .device-meta,
   .hardware-monitor-grid,