From 8cc357072c6dc910160de45df793bcbff5e8c716 Mon Sep 17 00:00:00 2001
From: multipleof4 <planetrenox@protonmail.com>
Date: Fri, 16 Jan 2026 10:27:16 -0800
Subject: [PATCH] Refactor: Thread sidebar with GH navigation

---
 src/parts/sidebars.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/parts/sidebars.html b/src/parts/sidebars.html
index 7a2a132..1d3b313 100644
--- a/src/parts/sidebars.html
+++ b/src/parts/sidebars.html
@@ -15,6 +15,15 @@
 </aside>
 <div id="sidebarOverlayRight" class="fixed inset-0 z-40 bg-black/20 hidden" @click="$el.classList.add('hidden');document.getElementById('sidebarRight').classList.add('translate-x-full')"></div>
 <aside id="sidebarRight" class="fixed inset-y-0 right-0 z-50 w-80 max-w-[90vw] bg-white border-l border-gray-200 shadow-xl transform translate-x-full transition-transform duration-200 ease-out flex flex-col">
-  <div class="p-3 border-b text-sm font-medium flex items-center justify-between"><span>Threads</span><button id="closeThreads" class="p-1 rounded hover:bg-gray-100" aria-label="Close" @click="document.getElementById('sidebarOverlayRight').classList.add('hidden');document.getElementById('sidebarRight').classList.add('translate-x-full')"><svg viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg></button></div>
+  <div class="p-2 border-b flex flex-col gap-2">
+    <input id="threadRepoInput" type="text" placeholder="gh://owner/repo" class="w-full h-9 rounded-lg border-0 bg-gray-100 px-3 text-xs font-mono focus:ring-2 focus:ring-black focus:bg-white"/>
+    <div class="flex items-center justify-between gap-2">
+      <div class="flex items-center gap-1">
+        <button id="threadBackBtn" class="h-8 w-8 rounded hover:bg-gray-100 flex items-center justify-center hidden" title="Back"><i data-lucide="chevron-left" class="h-4 w-4"></i></button>
+        <button id="threadFolderBtn" class="h-8 w-8 rounded hover:bg-gray-100 flex items-center justify-center" title="New Folder"><i data-lucide="folder-plus" class="h-4 w-4"></i></button>
+      </div>
+      <button id="threadSyncBtn" class="px-3 py-1 rounded-lg bg-black text-white text-[10px] font-bold uppercase tracking-wider hover:bg-black/90 transition flex items-center gap-1"><i data-lucide="refresh-cw" class="h-3 w-3"></i><span>Sync</span></button>
+    </div>
+  </div>
   <div id="threadList" class="flex-1 overflow-y-auto divide-y"></div>
 </aside>