WIP: preserve recovered Folio packaging and icon work

src/main/index.ts

@@ -52,6 +52,7 @@ function createWindow() {
     minWidth: 960,
     minHeight: 640,
     title: "Folio",
+    icon: path.join(__dirname, "icons", "icon.png"),
     webPreferences: {
       contextIsolation: true,
       nodeIntegration: false,

src/renderer/index.css

@@ -66,6 +66,20 @@ html, body {
   justify-content: space-between;
 }
 
+.sidebar-brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.brand-icon {
+  width: 24px;
+  height: 24px;
+  flex: none;
+  object-fit: contain;
+}
+
 .sidebar-header .icon-button {
   font-size: 1.1rem;
   font-weight: 700;
@@ -258,6 +272,13 @@ html, body {
   padding: var(--gap);
 }
 
+.welcome-brand {
+  width: 96px;
+  height: 96px;
+  object-fit: contain;
+  margin-bottom: 12px;
+}
+
 .app-name {
   font-size: 2rem;
   font-weight: 700;

src/renderer/index.html

@@ -10,7 +10,10 @@
     <div id="root">
       <aside class="sidebar">
         <div class="sidebar-header">
-          <span class="sidebar-title">Chapters</span>
+          <div class="sidebar-brand">
+            <img class="brand-icon" src="./brand-icon.png" alt="Folio" draggable="false" />
+            <span class="sidebar-title">Chapters</span>
+          </div>
           <button class="icon-button" id="addChapterBtn" title="Add chapter">+</button>
         </div>
         <div class="project-bar hidden" id="projectBar">
@@ -28,6 +31,7 @@
       </aside>
       <main class="editor" id="editor">
         <div class="welcome" id="welcome">
+          <img class="welcome-brand" src="./brand-icon.png" alt="Folio" draggable="false" />
           <h1 class="app-name">Folio</h1>
           <p class="app-tagline">Your stories, in folders you choose.</p>
           <div class="welcome-actions">