index.html

<!doctype html><html><head><meta charset="UTF-8"><title>PeaBox IDE</title><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="./node_modules/@xterm/xterm/css/xterm.css"></head><body><header><div class="brandMark">P</div><b>PeaBox IDE</b><span class="crumbSep">/</span><span id="workspace">No folder</span><button id="open">Open Folder</button><button id="save">Save</button><button id="symbols">Symbols</button><button id="checkProject">Check Project</button></header><div id="layout"><nav><button data-view="files" title="Explorer">▱</button><button data-view="search" title="Search">⌕</button><button data-view="problems" title="Problems">!</button><button data-view="outline" title="Outline">☷</button><button data-view="dashboard" title="Project Dashboard">◫</button><button data-view="debug" title="Run and Debug">☣</button><button data-view="languages" title="Language Intelligence">{ }</button><div class="navSpacer"></div><button id="navSettings" title="Settings">⚙</button></nav><aside><div id="filesView" class="view"><div id="tree"></div></div><div id="problemsView" class="view hidden"><div id="problemCount"></div><div id="problems"></div></div><div id="outlineView" class="view hidden"><div class="head">OUTLINE <button id="outlineRefresh">↻</button></div><div id="outline"></div></div><div id="dashboardView" class="view hidden"><div class="head">PROJECT</div><div id="dashSide"></div></div><div id="debugView" class="view hidden"><div class="head">RUN AND DEBUG</div><button id="debugStart" class="primary wide">▷ Start Python Debugging</button><div class="debugToolbar"><button id="dbgContinue" title="Continue">▶</button><button id="dbgOver" title="Step Over">↷</button><button id="dbgInto" title="Step Into">↓</button><button id="dbgOut" title="Step Out">↑</button><button id="dbgPause" title="Pause">Ⅱ</button><button id="dbgStop" title="Stop">■</button></div><div class="debugSection"><h4>VARIABLES</h4><div id="debugVars"></div></div><div class="debugSection"><h4>WATCH <button id="addWatch">＋</button></h4><div id="watchList"></div></div><div class="debugSection"><h4>CALL STACK</h4><div id="callStack"></div></div><div class="debugSection"><h4>BREAKPOINTS</h4><div id="breakpointList"></div></div></div><div id="languagesView" class="view hidden"><div class="head">LANGUAGE INTELLIGENCE <button id="detectServers">↻</button></div><div id="languageServers"></div><div class="muted">Python uses bundled Pyright. Go, Rust and C/C++ use external LSP servers when installed and callable from PATH.</div></div></aside><main><div id="breadcrumbs"><span id="breadcrumbText">Welcome</span></div><div id="tabs"></div><div id="workspaceEditors"><div class="editorPane activePane"><div id="editor"></div></div><div class="editorPane hidden" id="splitPane"><div id="editor2"></div></div></div><div id="diffHost" class="hidden"></div><div id="markdownPreview" class="hidden markdownBody"></div><div id="welcome"><section class="hero"><div class="heroLogo">P</div><div><h1>PeaBox IDE</h1><p>Lightweight local development, ready when you are.</p></div></section><div class="welcomeGrid"><section class="welcomeCard"><h3>Start</h3><button id="welcomeOpen" class="welcomeAction primary">Open Project Folder</button><button id="welcomeNew" class="welcomeAction">New File</button><button id="welcomePalette" class="welcomeAction">Command Palette</button><div class="tip">Tip: Ctrl+Shift+P opens every PeaBox command.</div></section><section class="welcomeCard recentCard"><div class="recentHead"><h3>Recent Projects</h3><button id="clearRecent">Clear</button></div><div id="recentProjects"></div></section></div></div><section id="bottom"><div id="terminalBox"></div><div id="debugConsole" class="hidden"><div class="debugConsoleBar">DEBUG CONSOLE <input id="debugEval" placeholder="Evaluate expression and press Enter"></div><pre id="debugConsoleOut"></pre></div></section><footer><span id="status">Ready</span><span id="multiLspStatus">Languages: detecting</span><span id="debugStatus">Debug: idle</span><span id="lspStatus">LSP: off</span><span id="lang">Plain Text</span></footer></main></div><div id="modal" class="hidden"><input id="paletteInput"><div id="commands"></div></div><script src="./node_modules/@xterm/xterm/lib/xterm.js"></script><script src="./node_modules/@xterm/addon-fit/lib/addon-fit.js"></script><script src="renderer.js"></script></body></html>