Bump version to 1.1.16

Author: jestersimpps

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vbcdr",
-  "version": "1.1.15",
+  "version": "1.1.16",
   "description": "Desktop vibe coding environment for Claude Code developers",
   "author": {
     "name": "jo vinkenroye",

src/main/index.ts

@@ -46,6 +46,41 @@ const configuredSessions = new WeakSet<Electron.Session>()
 
 let mainWindow: BrowserWindow | null = null
 
+function handleBeforeInput(_event: Electron.Event, input: Electron.Input): void {
+  if (input.type !== 'keyDown') return
+
+  if (input.key === 'r' && input.meta && !input.shift) {
+    _event.preventDefault()
+    mainWindow?.webContents.send('browser:reload')
+    return
+  }
+
+  if (input.meta && input.alt && /^[1-9]$/.test(input.key)) {
+    _event.preventDefault()
+    mainWindow?.webContents.send('menu:action', `switch-project-${input.key}`)
+    return
+  }
+
+  if (input.meta && input.shift && input.key === '[') {
+    _event.preventDefault()
+    mainWindow?.webContents.send('menu:action', 'terminal-tab-prev')
+    return
+  }
+
+  if (input.meta && input.shift && input.key === ']') {
+    _event.preventDefault()
+    mainWindow?.webContents.send('menu:action', 'terminal-tab-next')
+    return
+  }
+
+
+  if (input.meta && input.alt && input.key === 'w') {
+    _event.preventDefault()
+    mainWindow?.webContents.send('menu:action', 'close-file-tab')
+    return
+  }
+}
+
 function createWindow(): void {
   mainWindow = new BrowserWindow({
     width: 1400,
@@ -62,12 +97,7 @@ function createWindow(): void {
     }
   })
 
-  mainWindow.webContents.on('before-input-event', (_event, input) => {
-    if (input.type === 'keyDown' && input.key === 'r' && input.meta && !input.shift) {
-      _event.preventDefault()
-      mainWindow?.webContents.send('browser:reload')
-    }
-  })
+  mainWindow.webContents.on('before-input-event', handleBeforeInput)
 
   if (process.env.ELECTRON_RENDERER_URL) {
     mainWindow.loadURL(process.env.ELECTRON_RENDERER_URL)
@@ -129,6 +159,12 @@ function buildMenu(): Electron.MenuItemConstructorOptions[] {
         click: () => mainWindow?.webContents.send('menu:action', 'close-project')
       },
       { type: 'separator' },
+      {
+        label: 'Save',
+        accelerator: 'CmdOrCtrl+S',
+        click: () => mainWindow?.webContents.send('menu:action', 'save-file')
+      },
+      { type: 'separator' },
       {
         label: 'Close Window',
         accelerator: 'CmdOrCtrl+Shift+W',
@@ -153,6 +189,12 @@ function buildMenu(): Electron.MenuItemConstructorOptions[] {
   const viewMenu: Electron.MenuItemConstructorOptions = {
     label: 'View',
     submenu: [
+      {
+        label: 'Dashboard',
+        accelerator: 'CmdOrCtrl+D',
+        click: () => mainWindow?.webContents.send('menu:action', 'toggle-dashboard')
+      },
+      { type: 'separator' },
       {
         label: 'Toggle Browser',
         accelerator: 'CmdOrCtrl+1',
@@ -204,6 +246,12 @@ function buildMenu(): Electron.MenuItemConstructorOptions[] {
         }
       },
       { type: 'separator' },
+      {
+        label: 'Toggle Light/Dark',
+        accelerator: 'CmdOrCtrl+Shift+L',
+        click: () => mainWindow?.webContents.send('menu:action', 'toggle-variant')
+      },
+      { type: 'separator' },
       { role: 'togglefullscreen' }
     ]
   }
@@ -288,12 +336,7 @@ app.whenReady().then(() => {
         }
       })
 
-      contents.on('before-input-event', (_e, input) => {
-        if (input.type === 'keyDown' && input.key === 'r' && input.meta && !input.shift) {
-          _e.preventDefault()
-          mainWindow?.webContents.send('browser:reload')
-        }
-      })
+      contents.on('before-input-event', handleBeforeInput)
     }
   })
 

src/renderer/App.tsx

@@ -6,6 +6,7 @@ import { ConflictBanner } from '@/components/git/ConflictBanner'
 import { useThemeStore } from '@/stores/theme-store'
 import { useProjectStore } from '@/stores/project-store'
 import { useEditorStore } from '@/stores/editor-store'
+import { useTerminalStore } from '@/stores/terminal-store'
 import { useLayoutStore } from '@/stores/layout-store'
 import { useUpdaterStore } from '@/stores/updater-store'
 import { useGitStore } from '@/stores/git-store'
@@ -44,6 +45,9 @@ export function App(): React.ReactElement {
       const layoutStore = useLayoutStore.getState()
       const activeId = projectStore.activeProjectId
 
+      const terminalStore = useTerminalStore.getState()
+      const themeStore = useThemeStore.getState()
+
       switch (action) {
         case 'new-project':
           projectStore.addProject()
@@ -63,16 +67,61 @@ export function App(): React.ReactElement {
         case 'center-tab-claude':
           if (activeId) editorStore.setCenterTab(activeId, 'claude')
           break
+        case 'toggle-dashboard':
+          if (projectStore.dashboardActive && activeId) {
+            projectStore.setActiveProject(activeId)
+          } else {
+            projectStore.showDashboard()
+          }
+          break
+        case 'toggle-variant':
+          themeStore.toggleVariant()
+          break
+        case 'save-file': {
+          if (!activeId) break
+          const filePath = editorStore.statePerProject[activeId]?.activeFilePath
+          if (filePath) editorStore.saveFile(activeId, filePath)
+          break
+        }
+        case 'close-file-tab': {
+          if (!activeId) break
+          const fp = editorStore.statePerProject[activeId]?.activeFilePath
+          if (fp) editorStore.closeFile(activeId, fp)
+          break
+        }
+        case 'terminal-tab-prev':
+        case 'terminal-tab-next': {
+          if (!activeId) break
+          const tabs = terminalStore.tabs.filter((t) => t.projectId === activeId)
+          if (tabs.length < 2) break
+          const currentTabId = terminalStore.activeTabPerProject[activeId]
+          const idx = tabs.findIndex((t) => t.id === currentTabId)
+          const next =
+            action === 'terminal-tab-next'
+              ? (idx + 1) % tabs.length
+              : (idx - 1 + tabs.length) % tabs.length
+          terminalStore.setActiveTab(activeId, tabs[next].id)
+          break
+        }
+        default: {
+          const m = action.match(/^switch-project-(\d)$/)
+          if (m) {
+            const i = parseInt(m[1]) - 1
+            if (i < projectStore.projects.length) {
+              projectStore.setActiveProject(projectStore.projects[i].id)
+            }
+          }
+          break
+        }
       }
     })
   }, [])
 
   return (
-    <>
+    <div className="flex h-screen flex-col overflow-hidden">
       <UpdateBanner />
-
       <ConflictBanner />
       <AppLayoutGrid />
-    </>
+    </div>
   )
 }

src/renderer/components/browser/DevTerminalsPanel.tsx

@@ -68,6 +68,17 @@ export function DevTerminalsPanel(): React.ReactElement {
 
   return (
     <div className="flex h-full flex-col">
+      <div className="flex items-center border-b border-zinc-800 bg-zinc-900/50 px-1">
+        <div className="flex-1" />
+        <button
+          onClick={handleAdd}
+          disabled={projectTabs.length >= 6}
+          className="rounded p-1.5 text-zinc-500 hover:bg-zinc-800 hover:text-zinc-300 disabled:opacity-30"
+          title="New terminal"
+        >
+          <Plus size={14} />
+        </button>
+      </div>
       <div className="relative flex-1" style={{ minHeight: 0 }}>
         {projectIds.map((pid) => {
           const pTabs = tabs.filter((t) => t.projectId === pid)
@@ -130,16 +141,6 @@ export function DevTerminalsPanel(): React.ReactElement {
           )
         })}
       </div>
-      <div className="flex items-center border-t border-zinc-800 bg-zinc-900/50 px-2 py-0.5">
-        <button
-          onClick={handleAdd}
-          disabled={projectTabs.length >= 6}
-          className="flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-zinc-500 hover:bg-zinc-800 hover:text-zinc-300 disabled:opacity-30"
-        >
-          <Plus size={10} />
-          Add Terminal
-        </button>
-      </div>
     </div>
   )
 }

src/renderer/components/dashboard/Dashboard.tsx

@@ -40,7 +40,7 @@ export function Dashboard(): React.ReactElement {
             </button>
           </div>
         ) : (
-          <div className="grid gap-4" style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(600px, 1fr))' }}>
+          <div className="grid gap-2" style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(600px, 1fr))' }}>
             {projects.map((project) => (
               <ProjectCard key={project.id} project={project} />
             ))}

src/renderer/components/dashboard/DashboardTerminal.tsx

@@ -0,0 +1,53 @@
+import { useEffect, useRef } from 'react'
+import { getTerminalInstance } from '@/components/terminal/TerminalInstance'
+
+interface DashboardTerminalProps {
+  tabId: string
+}
+
+export function DashboardTerminal({ tabId }: DashboardTerminalProps): React.ReactElement {
+  const containerRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    const container = containerRef.current
+    if (!container) return
+
+    const entry = getTerminalInstance(tabId)
+    if (!entry) return
+
+    const termEl = entry.terminal.element
+    if (!termEl) return
+
+    const originalParent = termEl.parentElement
+
+    container.appendChild(termEl)
+    entry.terminal.scrollToBottom()
+
+    const termWidth = termEl.offsetWidth
+    const termHeight = termEl.offsetHeight
+    const containerWidth = container.clientWidth
+    const containerHeight = container.clientHeight
+
+    if (termWidth > 0 && termHeight > 0 && containerWidth > 0 && containerHeight > 0) {
+      const scaleX = containerWidth / termWidth
+      const scaleY = containerHeight / termHeight
+      const scale = Math.min(scaleX, scaleY)
+      termEl.style.transform = `scale(${scale})`
+      termEl.style.transformOrigin = 'top left'
+    }
+
+    return () => {
+      termEl.style.transform = ''
+      termEl.style.transformOrigin = ''
+      if (originalParent) {
+        originalParent.appendChild(termEl)
+      }
+      setTimeout(() => {
+        entry.fitAddon.fit()
+        entry.terminal.refresh(0, entry.terminal.rows - 1)
+      }, 50)
+    }
+  }, [tabId])
+
+  return <div ref={containerRef} className="h-full w-full overflow-hidden rounded bg-zinc-950" />
+}