new export to txt functionality

Author: semanticdata

packages/newtab/newtab.html

@@ -71,6 +71,16 @@
                 </select>
             </div>
 
+            <!-- Export Button -->
+            <button id="export-button" aria-label="Export notes">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
+                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+                    <polyline points="7 10 12 15 17 10"></polyline>
+                    <line x1="12" y1="15" x2="12" y2="3"></line>
+                </svg>
+            </button>
+
             <!-- Settings Trigger -->
             <button id="settings-toggle" aria-label="Open settings" aria-expanded="false">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
@@ -90,6 +100,7 @@
     </footer>
 
     <script type="text/javascript" src="script.js"></script>
+    <script type="text/javascript" src="export.js"></script>
 </body>
 
 </html>

packages/sidebar/panel.html

@@ -71,6 +71,16 @@
                 </select>
             </div>
 
+            <!-- Export Button -->
+            <button id="export-button" aria-label="Export notes">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
+                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+                    <polyline points="7 10 12 15 17 10"></polyline>
+                    <line x1="12" y1="15" x2="12" y2="3"></line>
+                </svg>
+            </button>
+
             <!-- Settings Trigger -->
             <button id="settings-toggle" aria-label="Open settings" aria-expanded="false">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
@@ -90,6 +100,7 @@
     </footer>
 
     <script type="text/javascript" src="script.js"></script>
+    <script type="text/javascript" src="export.js"></script>
 </body>
 
 </html>

shared/styles.css

@@ -126,7 +126,8 @@ textarea:focus {
 
 /* Buttons (Shared for Theme & Settings) */
 #theme-toggle,
-#settings-toggle {
+#settings-toggle,
+#export-button {
   background: none;
   border: none;
   padding: 6px;
@@ -138,6 +139,7 @@ textarea:focus {
 
 #theme-toggle:hover,
 #settings-toggle:hover,
+#export-button:hover,
 #settings-toggle[aria-expanded="true"] {
   background: rgba(127, 127, 127, 0.1);
   color: var(--fg);