From 5c82bb9f89385486b7d39b5c77f4d33ec4398500 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Sun, 1 Feb 2026 02:53:43 +0100
Subject: [PATCH] Add new text button and expand sidebar functionality in
 App.tsx

---
 src/App.tsx | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 6261965..7c38abe 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1442,15 +1442,30 @@ export default function App() {
       <main className="workspace">
         <div className="workspace__body">
           {!selectedTextId ? (
-            <div className="empty-state">
-              <div className="empty-state__title">Create your first text</div>
-              <div className="empty-state__subtitle">
-                Everything stays offline in a single SQLite database.
+            <>
+              <div className="empty-state">
+                <div className="empty-state__title">Create your first text</div>
+                <div className="empty-state__subtitle">
+                  Everything stays offline in a single SQLite database.
+                </div>
+                <button className="button button--primary" onClick={handleNewText}>
+                  New Text
+                </button>
               </div>
-              <button className="button button--primary" onClick={handleNewText}>
-                New Text
-              </button>
-            </div>
+              {sidebarCollapsed ? (
+                <div className="editor__footer">
+                  <button
+                    className="icon-button"
+                    onClick={() => setSidebarCollapsed(false)}
+                    aria-label="Expand sidebar"
+                    title="Expand sidebar"
+                    type="button"
+                  >
+                    <span className="icon-button__glyph" aria-hidden="true">▶</span>
+                  </button>
+                </div>
+              ) : null}
+            </>
           ) : (
             <div
               className={`workspace__content${