From 3ba993277b30a1120d338b07e4228f62b7f7a2ff Mon Sep 17 00:00:00 2001
From: zemion <albrecht@degering.name>
Date: Sat, 16 May 2026 03:03:29 +0200
Subject: [PATCH] show version number on top

---
 README                    |  1 +
 src/components/Layout.tsx | 20 ++++++++++++++------
 src/styles.css            | 19 +++++++++++++++++++
 src/version.ts            |  1 +
 4 files changed, 35 insertions(+), 6 deletions(-)
 create mode 100644 src/version.ts

diff --git a/README b/README
index 7dfd833..782d16d 100644
--- a/README
+++ b/README
@@ -42,6 +42,7 @@ The project is currently optimized around page-level PDF work: split, merge, reo
 - [x] Add first keyboard shortcuts
 - [x] Cache thumbnails by page and rotation
 - [x] Regenerate only changed rotated thumbnails
+- [x] Show software version number
 
 ### Milestone 2: Real page workspace
 
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index c180923..b6d4ecd 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { APP_VERSION } from '../version';
 
 interface LayoutProps {
   children: React.ReactNode;
@@ -8,17 +9,24 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
   return (
     <div className="app-root">
       <header className="app-header">
-        <div className="app-header-title">
-          <span className="app-logo">📄</span>
-          <div>
-            <h1>PDF Workbench</h1>
-            <small>All in your browser</small>
+        <div className="app-header-content">
+          <div className="app-header-title">
+            <span className="app-logo">📄</span>
+            <div>
+              <h1>PDF Workbench</h1>
+              <small>All in your browser</small>
+            </div>
+          </div>
+
+          <div className="app-version" title={`Version ${APP_VERSION}`}>
+            v{APP_VERSION}
           </div>
         </div>
       </header>
+
       <main className="app-main">{children}</main>
     </div>
   );
 };
 
-export default Layout;
+export default Layout;
\ No newline at end of file
diff --git a/src/styles.css b/src/styles.css
index b99f0d2..1b74fb1 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -179,3 +179,22 @@ button.secondary {
   border: none;
   border-top: 1px solid #e5e7eb;
 }
+
+.app-header-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.app-version {
+  flex: 0 0 auto;
+  border-radius: 999px;
+  background: #374151;
+  color: #d1d5db;
+  padding: 0.4rem 0.7rem;
+  font-size: 0.85rem;
+  font-weight: 500;
+  line-height: 1;
+  white-space: nowrap;
+}
\ No newline at end of file
diff --git a/src/version.ts b/src/version.ts
new file mode 100644
index 0000000..a1813ea
--- /dev/null
+++ b/src/version.ts
@@ -0,0 +1 @@
+export const APP_VERSION = '0.1.2';
\ No newline at end of file