Changeset 0.7.4 (#42)

server/handlers/channels.go

@@ -5,6 +5,7 @@ import (
 	"math"
 	"net/http"
 	"strconv"
+	"strings"
 
 	"github.com/gin-gonic/gin"
 	"github.com/lib/pq"

src/css/styles.css

@@ -250,6 +250,7 @@ a:hover { text-decoration: underline; }
 .sidebar.collapsed .chat-item-title,
 .sidebar.collapsed .chat-item-time,
 .sidebar.collapsed .chat-item-delete { display: none; }
+.sidebar.collapsed .sidebar-chats { visibility: hidden; }
 
 .sidebar-empty {
     color: var(--text-3); font-size: 12px; text-align: center; padding: 2rem 0.5rem;
@@ -1102,8 +1103,8 @@ button { font-family: var(--font); cursor: pointer; }
 .debug-tabs { }
 .debug-tab { padding: 8px 12px; background: none; border: none; color: var(--text-3); cursor: pointer; font-size: 12px; border-bottom: 2px solid transparent; white-space: nowrap; flex-shrink: 0; }
 .debug-tab.active { color: var(--accent); border-bottom-color: var(--accent); }
-.debug-modal-body { flex: 1; overflow: hidden; padding: 0 !important; }
+.debug-modal-body { flex: 1; overflow: hidden; padding: 0 !important; display: flex; flex-direction: column; }
-.debug-tab-content { height: 100%; display: flex; flex-direction: column; }
+.debug-tab-content { flex: 1; display: flex; flex-direction: column; min-height: 0; }
 .debug-toolbar { display: flex; gap: 1rem; padding: 6px 12px; border-bottom: 1px solid var(--border); font-size: 11px; }
 .debug-check { display: flex; align-items: center; gap: 4px; color: var(--text-3); cursor: pointer; }
 .debug-content { flex: 1; overflow-y: auto; padding: 6px; font-family: var(--mono); font-size: 11px; line-height: 1.5; }
@@ -1117,6 +1118,7 @@ button { font-family: var(--font); cursor: pointer; }
 .debug-net-url { color: var(--text); word-break: break-all; }
 .debug-net-detail { padding: 6px 12px; font-size: 11px; }
 .debug-pre { white-space: pre-wrap; word-break: break-all; max-height: 200px; overflow: auto; padding: 6px; background: rgba(0,0,0,0.2); border-radius: 4px; margin: 4px 0; }
+.debug-state-pre { max-height: none; margin: 0; }
 .debug-footer { display: flex; align-items: center; }
 
 /* ── Sidebar Notes Button ───────────────── */

src/js/app.js

@@ -1122,13 +1122,6 @@ function initListeners() {
             return;
         }
 
-        // Ctrl/Cmd+Shift+N: new chat
-        if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 'N') {
-            e.preventDefault();
-            newChat();
-            return;
-        }
-
         // Ctrl/Cmd+Shift+S: focus sidebar search
         if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 'S') {
             e.preventDefault();
@@ -1149,7 +1142,7 @@ function initListeners() {
 
 const _cmdCommands = [
     // Navigation
-    { id: 'new-chat',      label: 'New Chat',              group: 'Navigation', hint: '⌘⇧N',   icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>', action: () => newChat() },
+    { id: 'new-chat',      label: 'New Chat',              group: 'Navigation', hint: '',       icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>', action: () => newChat() },
     { id: 'search-chats',  label: 'Search Chats',          group: 'Navigation', hint: '⌘⇧S',   icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>', action: () => { const sb = document.getElementById('sidebar'); if (sb.classList.contains('collapsed')) UI.toggleSidebar(); document.getElementById('chatSearchInput')?.focus(); } },
     { id: 'toggle-sidebar', label: 'Toggle Sidebar',       group: 'Navigation', hint: '',       icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><line x1="9" y1="3" x2="9" y2="21"/></svg>', action: () => UI.toggleSidebar() },
 
@@ -1161,7 +1154,7 @@ const _cmdCommands = [
     // Settings
     { id: 'settings',      label: 'Settings',              group: 'Settings',   hint: '',       icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>', action: () => UI.openSettings() },
     { id: 'admin',         label: 'Admin Panel',           group: 'Settings',   hint: '',       icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>', action: () => UI.openAdmin(), visible: () => API.user?.role === 'admin' },
-    { id: 'debug',         label: 'Debug Log',             group: 'Settings',   hint: '⌘⇧D',   icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 11V6a2 2 0 0 0-2-2h-1a2 2 0 0 0-2 2"/><path d="M9 6a2 2 0 0 0-2 2v3"/><circle cx="12" cy="14" r="6"/></svg>', action: () => openDebugModal() },
+    { id: 'debug',         label: 'Debug Log',             group: 'Settings',   hint: '',       icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 11V6a2 2 0 0 0-2-2h-1a2 2 0 0 0-2 2"/><path d="M9 6a2 2 0 0 0-2 2v3"/><circle cx="12" cy="14" r="6"/></svg>', action: () => openDebugModal() },
 
     // Account
     { id: 'sign-out',      label: 'Sign Out',              group: 'Account',    hint: '',       icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>', action: () => handleLogout() },

src/js/debug.js

@@ -5,7 +5,7 @@
 // Adapted from ai-editor's error-logger.js + llm-debug-modal.js
 // for no-devtools "hardmode" debugging.
 //
-// Activate: Ctrl+Shift+D or tap the 🐛 badge (appears after init)
+// Activate: Ctrl+K → "debug" or tap the 🐛 badge (appears after init)
 // ==========================================
 
 const DebugLog = {
@@ -512,7 +512,7 @@ function switchDebugTab(tab) {
     document.querySelectorAll('.debug-tab-content').forEach(c => c.style.display = 'none');
     document.querySelector(`.debug-tab[data-tab="${tab}"]`)?.classList.add('active');
     const panel = document.getElementById(`debug${tab.charAt(0).toUpperCase() + tab.slice(1)}Tab`);
-    if (panel) panel.style.display = '';
+    if (panel) panel.style.display = 'flex';
     DebugLog.render();
 }