termi-board 0.1.0

package/LICENSE

@@ -0,0 +1,159 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright
+owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities
+that control, are controlled by, or are under common control with that entity.
+For the purposes of this definition, "control" means (i) the power, direct or
+indirect, to cause the direction or management of such entity, whether by
+contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the
+outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising
+permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including
+but not limited to software source code, documentation source, and configuration
+files.
+
+"Object" form shall mean any form resulting from mechanical transformation or
+translation of a Source form, including but not limited to compiled object code,
+generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form, made
+available under the License, as indicated by a copyright notice that is included
+in or attached to the work (an example is provided in the Appendix below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that
+is based on (or derived from) the Work and for which the editorial revisions,
+annotations, elaborations, or other modifications represent, as a whole, an
+original work of authorship. For the purposes of this License, Derivative Works
+shall not include works that remain separable from, or merely link (or bind by
+name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version
+of the Work and any modifications or additions to that Work or Derivative Works
+thereof, that is intentionally submitted to Licensor for inclusion in the Work
+by the copyright owner or by an individual or Legal Entity authorized to submit
+on behalf of the copyright owner. For the purposes of this definition,
+"submitted" means any form of electronic, verbal, or written communication sent
+to the Licensor or its representatives, including but not limited to
+communication on electronic mailing lists, source code control systems, and
+issue tracking systems that are managed by, or on behalf of, the Licensor for
+the purpose of discussing and improving the Work, but excluding communication
+that is conspicuously marked or otherwise designated in writing by the copyright
+owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf
+of whom a Contribution has been received by Licensor and subsequently
+incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this
+License, each Contributor hereby grants to You a perpetual, worldwide,
+non-exclusive, no-charge, royalty-free, irrevocable copyright license to
+reproduce, prepare Derivative Works of, publicly display, publicly perform,
+sublicense, and distribute the Work and such Derivative Works in Source or
+Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this License,
+each Contributor hereby grants to You a perpetual, worldwide, non-exclusive,
+no-charge, royalty-free, irrevocable (except as stated in this section) patent
+license to make, have made, use, offer to sell, sell, import, and otherwise
+transfer the Work, where such license applies only to those patent claims
+licensable by such Contributor that are necessarily infringed by their
+Contribution(s) alone or by combination of their Contribution(s) with the Work
+to which such Contribution(s) was submitted. If You institute patent litigation
+against any entity (including a cross-claim or counterclaim in a lawsuit)
+alleging that the Work or a Contribution incorporated within the Work
+constitutes direct or contributory patent infringement, then any patent licenses
+granted to You under this License for that Work shall terminate as of the date
+such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or
+Derivative Works thereof in any medium, with or without modifications, and in
+Source or Object form, provided that You meet the following conditions:
+
+(a) You must give any other recipients of the Work or Derivative Works a copy of
+this License; and
+
+(b) You must cause any modified files to carry prominent notices stating that You
+changed the files; and
+
+(c) You must retain, in the Source form of any Derivative Works that You
+distribute, all copyright, patent, trademark, and attribution notices from the
+Source form of the Work, excluding those notices that do not pertain to any part
+of the Derivative Works; and
+
+(d) If the Work includes a "NOTICE" text file as part of its distribution, then
+any Derivative Works that You distribute must include a readable copy of the
+attribution notices contained within such NOTICE file, excluding those notices
+that do not pertain to any part of the Derivative Works, in at least one of the
+following places: within a NOTICE text file distributed as part of the
+Derivative Works; within the Source form or documentation, if provided along
+with the Derivative Works; or, within a display generated by the Derivative
+Works, if and wherever such third-party notices normally appear. The contents of
+the NOTICE file are for informational purposes only and do not modify the
+License. You may add Your own attribution notices within Derivative Works that
+You distribute, alongside or as an addendum to the NOTICE text from the Work,
+provided that such additional attribution notices cannot be construed as
+modifying the License.
+
+You may add Your own copyright statement to Your modifications and may provide
+additional or different license terms and conditions for use, reproduction, or
+distribution of Your modifications, or for any such Derivative Works as a whole,
+provided Your use, reproduction, and distribution of the Work otherwise complies
+with the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise, any
+Contribution intentionally submitted for inclusion in the Work by You to the
+Licensor shall be under the terms and conditions of this License, without any
+additional terms or conditions. Notwithstanding the above, nothing herein shall
+supersede or modify the terms of any separate license agreement you may have
+executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names,
+trademarks, service marks, or product names of the Licensor, except as required
+for reasonable and customary use in describing the origin of the Work and
+reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in
+writing, Licensor provides the Work (and each Contributor provides its
+Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied, including, without limitation, any warranties
+or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+PARTICULAR PURPOSE. You are solely responsible for determining the
+appropriateness of using or redistributing the Work and assume any risks
+associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in
+tort (including negligence), contract, or otherwise, unless required by
+applicable law (such as deliberate and grossly negligent acts) or agreed to in
+writing, shall any Contributor be liable to You for damages, including any
+direct, indirect, special, incidental, or consequential damages of any
+character arising as a result of this License or out of the use or inability to
+use the Work (including but not limited to damages for loss of goodwill, work
+stoppage, computer failure or malfunction, or any and all other commercial
+damages or losses), even if such Contributor has been advised of the
+possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or
+Derivative Works thereof, You may choose to offer, and charge a fee for,
+acceptance of support, warranty, indemnity, or other liability obligations
+and/or rights consistent with this License. However, in accepting such
+obligations, You may act only on Your own behalf and on Your sole
+responsibility, not on behalf of any other Contributor, and only if You agree
+to indemnify, defend, and hold each Contributor harmless for any liability
+incurred by, or claims asserted against, such Contributor by reason of your
+accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS

package/README.ko.md

@@ -0,0 +1,65 @@
+# TermiBoard
+
+TermiBoard는 여러 개의 로컬 터미널 세션을 동시에 실행하는 개발자들을 위해, 이를 더 깔끔하게 보고 정리하고 다루기 쉽게 만들어진 데스크톱 워크스페이스입니다.
+
+특히 서로 다른 저장소, 브랜치, 혹은 장시간 실행되는 작업에 걸쳐 여러 개의 `claude-code` 세션을 병렬로 돌릴 때 유용합니다.
+
+![TermiBoard demo](./docs/termi-board-demo.gif)
+
+## 이 앱이 하는 일
+
+- 여러 개의 로컬 터미널 세션을 하나의 창에서 열고 관리
+- `+` 버튼으로 새 터미널 즉시 생성
+- 폴더를 메인 워크스페이스로 드래그하면 해당 디렉터리에서 터미널 열기
+- 세션 이름을 인라인으로 변경
+- 사이드바나 메인 대시보드에서 세션 순서 재정렬
+- 하나의 터미널을 확장해 집중해서 보고, 다시 그리드로 복귀
+- 각 세션의 최신 작업 디렉터리를 추적하고 표시
+- 앱 재실행 시 이전 워크스페이스 복원
+- 사이드바 크기 조절 또는 접기
+- Claude Code를 매일 사용할 때 필요한 핵심 터미널 상호작용을 실용적으로 제공
+
+## 요구 사항
+
+TermiBoard는 현재 npm 중심의 개발자 프리뷰 형태로 배포됩니다.
+
+정상적으로 실행하려면 다음이 필요합니다.
+
+- 현재 기준으로 가장 많이 테스트된 환경인 macOS
+- Node.js `20+`
+- 사용 가능한 npm
+- 정상 동작하는 로컬 셸
+  - macOS / Linux: 현재 `$SHELL`을 사용
+  - Windows: `COMSPEC`을 사용
+- npm이 Electron과 네이티브 의존성을 내려받을 수 있도록, 첫 실행 시 네트워크 연결
+
+추가 참고:
+
+- 이 패키지는 첫 실행 시 `Electron`, `node-pty` 및 기타 런타임 의존성을 함께 설치하므로, 일반적인 CLI 패키지보다 첫 실행이 더 무겁습니다
+- macOS에서 `node-pty` 재빌드에 실패하면 `xcode-select --install`로 Xcode Command Line Tools를 설치하세요
+- 실제 배포 패키지 이름은 `termi-board`입니다
+
+## 설치 및 실행
+
+```bash
+npx termi-board@latest
+```
+
+## 사용 방법
+
+- `+`를 클릭하면 현재 launch path에서 새 터미널이 열립니다
+- 폴더 버튼을 클릭하면 `+`가 사용할 launch path를 변경할 수 있습니다
+- 폴더를 메인 워크스페이스에 드래그하면 해당 디렉터리에서 터미널이 즉시 열립니다
+- 세션 제목을 더블클릭하면 이름을 바꿀 수 있습니다
+- 세션 헤더를 드래그하면 순서를 바꿀 수 있습니다
+- 터미널 카드의 확장 버튼을 누르면 하나의 세션에 집중할 수 있습니다
+
+## 기여하기
+
+이슈, 워크플로 피드백, UI/UX 제안 모두 환영합니다.
+
+코드 기여를 원한다면, 터미널 동작, 키보드 처리, 세션 상호작용 패턴에 영향을 주는 변경은 먼저 이슈를 열어주세요. 이런 부분이 회귀 위험이 가장 큽니다.
+
+## 라이선스
+
+Apache License 2.0. 자세한 내용은 [LICENSE](./LICENSE)를 참고하세요.

package/README.md

@@ -0,0 +1,65 @@
+# TermiBoard
+
+TermiBoard is a desktop workspace for developers who run multiple local terminal sessions at once and want a cleaner way to keep them visible, organized, and easy to act on.
+
+It is especially useful when you are running several `claude-code` sessions in parallel across different repositories, branches, or long-running tasks.
+
+![TermiBoard demo](./docs/termi-board-demo.gif)
+
+## What It Does
+
+- Open and manage multiple local terminal sessions in one window
+- Create new terminals instantly with `+`
+- Open a terminal directly from a folder by dragging it into the main workspace
+- Rename sessions inline
+- Reorder sessions from the sidebar or the main dashboard
+- Expand a single terminal when you need focus, then return to the grid
+- Track and display each session's latest working directory
+- Restore the previous workspace on relaunch
+- Resize or collapse the sidebar
+- Keep core terminal interactions practical for daily Claude Code use
+
+## Requirements
+
+TermiBoard currently ships as an npm-first developer preview.
+
+To run it successfully, you should have:
+
+- macOS as the primary tested environment right now
+- Node.js `20+`
+- npm available on your machine
+- a working local shell
+  - macOS / Linux: the app uses your current `$SHELL`
+  - Windows: the app uses `COMSPEC`
+- network access during the first run so npm can download Electron and native dependencies
+
+Additional notes:
+
+- The package installs `Electron`, `node-pty`, and other runtime dependencies on first use, so the first launch is heavier than a normal CLI package
+- If `node-pty` fails to rebuild on macOS, install Xcode Command Line Tools with `xcode-select --install`
+- The published package name is `termi-board`
+
+## Install and Run
+
+```bash
+npx termi-board@latest
+```
+
+## Usage
+
+- Click `+` to open a new terminal in the current launch path
+- Click the folder button to change the launch path used by `+`
+- Drag a folder into the main workspace to open a terminal in that directory immediately
+- Double-click a session title to rename it
+- Drag a session header to change its order
+- Use the expand button on a terminal card to focus on one session
+
+## Contributing
+
+Issues, workflow feedback, and UI/UX suggestions are welcome.
+
+If you want to contribute code, open an issue first when the change affects terminal behavior, keyboard handling, or session interaction patterns. Those areas have the highest regression risk.
+
+## License
+
+Apache License 2.0. See [LICENSE](./LICENSE).

package/bin/termi-board.mjs

@@ -0,0 +1,28 @@
+#!/usr/bin/env node
+
+import { spawn } from 'node:child_process'
+import { createRequire } from 'node:module'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const appRoot = path.resolve(__dirname, '..')
+const require = createRequire(import.meta.url)
+const electronCliPath = require.resolve('electron/cli.js', {
+  paths: [appRoot],
+})
+
+const child = spawn(process.execPath, [electronCliPath, appRoot, ...process.argv.slice(2)], {
+  cwd: appRoot,
+  env: process.env,
+  stdio: 'inherit',
+})
+
+child.on('exit', (code, signal) => {
+  if (signal) {
+    process.kill(process.pid, signal)
+    return
+  }
+
+  process.exit(code ?? 0)
+})

package/dist/assets/index-6q0iDQbl.css

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2014 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
+ * https://github.com/chjj/term.js
+ * @license MIT
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally forked from (with the author's permission):
+ *   Fabrice Bellard's javascript vt100 for jslinux:
+ *   http://bellard.org/jslinux/
+ *   Copyright (c) 2011 Fabrice Bellard
+ *   The original design remains. The terminal itself
+ *   has been extended to include xterm CSI codes, among
+ *   other features.
+ */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}#root{height:100%}.app-shell{--shell-padding-top: 18px;--shell-padding-x: 18px;--shell-padding-bottom: 18px;position:relative;height:100%;min-height:100%;padding:var(--shell-padding-top) var(--shell-padding-x) var(--shell-padding-bottom)}.app-shell.platform-darwin{--shell-padding-top: 34px}.app-frame{position:relative;display:flex;flex-direction:column;height:calc(100vh - var(--shell-padding-top) - var(--shell-padding-bottom));min-height:0;border:1px solid rgba(160,185,209,.14);border-radius:28px;background:radial-gradient(circle at top left,rgba(92,168,255,.14),transparent 26%),radial-gradient(circle at bottom right,rgba(255,171,69,.12),transparent 30%),#070d16eb;box-shadow:inset 0 1px #ffffff0a,0 28px 72px #02050a6b;isolation:isolate;overflow:hidden}.app-titlebar{display:none}.app-shell.platform-darwin .app-titlebar{display:block;position:absolute;top:0;left:var(--shell-padding-x);right:var(--shell-padding-x);height:var(--shell-padding-top);-webkit-app-region:drag}.workspace-bar{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:18px;min-height:76px;padding:24px 20px 14px;border-bottom:1px solid rgba(160,185,209,.12);background:linear-gradient(180deg,#162333f5,#0e1824d1),#09101aeb;box-shadow:inset 0 -1px #ffffff0a,0 10px 28px #02050a2e}.workspace-main{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 9%),transparent}.demo-banner{position:absolute;top:92px;left:28px;z-index:20;max-width:min(360px,calc(100vw - 120px));padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(180deg,#1c2b3df5,#0c141feb),#080f18f0;box-shadow:inset 0 1px #ffffff0d,0 16px 32px #02050a3d;color:#edf4ff;font-size:.92rem;font-weight:600;line-height:1.4;letter-spacing:.01em;pointer-events:none}[data-demo-highlight=true]{position:relative;box-shadow:0 0 0 1px #5ca8ff6b,0 0 0 10px #5ca8ff14,0 12px 32px #5ca8ff38!important;animation:demo-highlight-pulse 1.4s ease-in-out infinite}[data-demo-highlight=true]:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px dashed rgba(92,168,255,.44);border-radius:inherit;pointer-events:none}@keyframes demo-highlight-pulse{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.01)}}.workspace-bar__cluster,.workspace-counts,.workspace-bar__actions{display:flex;align-items:center;gap:10px}.help-popover{position:relative;-webkit-app-region:no-drag}.help-popover__panel{position:absolute;top:calc(100% + 12px);right:0;z-index:12;width:320px;max-width:min(320px,calc(100vw - 48px));padding:16px;border:1px solid rgba(160,185,209,.16);border-radius:18px;background:linear-gradient(180deg,#182536fa,#0b131ef5),#080f18f5;box-shadow:inset 0 1px #ffffff0a,0 18px 36px #02050a47;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.help-popover__panel:before{content:"";position:absolute;right:16px;bottom:calc(100% - 1px);width:10px;height:10px;border-top:1px solid rgba(160,185,209,.16);border-left:1px solid rgba(160,185,209,.16);background:#152130f5;transform:rotate(45deg)}.help-popover__title{margin-bottom:10px;color:#edf4ff;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.help-popover__list{display:grid;gap:10px}.help-popover__item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:2px 0}.help-popover__glyph{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:2px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff0a;color:#dce7f7;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;font-weight:600}.help-popover__drag-icon{position:relative;width:14px;height:14px}.help-popover__drag-icon:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:radial-gradient(circle,currentColor 1.4px,transparent 1.6px) 0 0 / 50% 33.33%,radial-gradient(circle,currentColor 1.4px,transparent 1.6px) 100% 0 / 50% 33.33%,radial-gradient(circle,currentColor 1.4px,transparent 1.6px) 0 50% / 50% 33.33%,radial-gradient(circle,currentColor 1.4px,transparent 1.6px) 100% 50% / 50% 33.33%,radial-gradient(circle,currentColor 1.4px,transparent 1.6px) 0 100% / 50% 33.33%,radial-gradient(circle,currentColor 1.4px,transparent 1.6px) 100% 100% / 50% 33.33%;background-repeat:no-repeat;opacity:.92}.help-popover__folder-icon{transform:scale(.9)}.help-popover__copy{display:grid;gap:4px;min-width:0}.help-popover__copy strong{color:#edf4ff;font-size:.84rem;font-weight:600;line-height:1.2}.help-popover__copy span{color:#8ea1ba;font-size:.78rem;line-height:1.42;text-wrap:pretty}.workspace-bar__create-preview{display:flex;justify-content:flex-end;width:clamp(220px,36vw,520px);max-width:100%;padding:0 6px;color:#7f91aa;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.2;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap;-webkit-app-region:no-drag}.workspace-bar__create-preview-text{min-width:max-content;text-align:right}.workspace-bar__create-preview::-webkit-scrollbar{height:6px}.workspace-bar__create-preview::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff1f}.brand-pill,.metric-pill,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0a;color:#edf4ff;font-size:.92rem;font-weight:600;letter-spacing:.02em}.brand-pill{min-width:88px;justify-content:flex-start;background:linear-gradient(135deg,#ffab4524,#5ca8ff14),#ffffff0a}.brand-pill__dot,.metric-pill__dot,.terminal-stage__status,.session-card__status,.session-sidebar__pulse{width:9px;height:9px;border-radius:999px;flex:0 0 auto}.brand-pill__dot{background:linear-gradient(135deg,#ffab45,#5ca8ff);box-shadow:0 0 16px #5ca8ff6b}.metric-pill__dot.is-running,.terminal-stage__status.is-running,.session-card__status.is-running{background:#68e0a3;box-shadow:0 0 14px #68e0a366}.metric-pill__dot.is-exited,.terminal-stage__status.is-exited,.session-card__status.is-exited{background:#ff7790;box-shadow:0 0 14px #ff779061}.icon-button{padding:0;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;-webkit-app-region:no-drag;transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-button:hover,.session-card__close:hover,.session-card__restart:hover,.empty-state__launch:hover{transform:translateY(-1px);border-color:#ffab4557;background:#ffffff14}.icon-button.is-open{border-color:#5ca8ff3d;background:#ffffff14}.icon-button--primary,.icon-button--picker,.session-sidebar__new,.empty-state__launch{border-color:#ffab4547;background:linear-gradient(135deg,#ffab452e,#ff778f1a),#ffffff0d}.icon-folder{position:relative;display:block;width:16px;height:12px;border:1.5px solid currentColor;border-radius:3px}.icon-folder:before{content:"";position:absolute;bottom:100%;left:1px;width:7px;height:4px;border:1.5px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0}.error-banner{margin:14px 20px 0;padding:13px 15px;border:1px solid rgba(255,119,143,.24);border-radius:16px;background:#ff778f1a;color:#ffacbc;font-size:.9rem}.workspace-grid{--sidebar-width: 320px;display:grid;grid-template-columns:var(--sidebar-width) 14px minmax(0,1fr);gap:0;flex:1;min-height:0;padding:16px;overflow:hidden}.workspace-sidebar__shell,.terminal-stage,.session-sidebar{min-height:0}.workspace-sidebar__shell{min-width:0}.workspace-sidebar__shell.is-collapsed{display:flex;align-items:center;justify-content:center;border:1px solid rgba(160,185,209,.12);border-radius:24px;background:#08101bc7;overflow:hidden}.workspace-sidebar__toggle{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent;color:#dce7f7;cursor:pointer}.workspace-sidebar__toggle:hover{background:#ffffff0a}.workspace-sidebar__toggle-icon{width:10px;height:10px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}.workspace-sidebar__resizer{position:relative;width:14px;min-width:14px;cursor:ew-resize;touch-action:none}.workspace-sidebar__resizer:before{content:"";position:absolute;top:10px;bottom:10px;left:50%;width:1px;transform:translate(-50%);border-radius:999px;background:#a0b9d11f;transition:background .16s ease,box-shadow .16s ease}.workspace-sidebar__resizer:hover:before,.workspace-grid.is-sidebar-resizing .workspace-sidebar__resizer:before{background:#ffffff5c;box-shadow:0 0 0 1px #ffffff0d,0 0 14px #ffffff1f}.workspace-grid.is-sidebar-collapsed .workspace-sidebar__resizer:before{background:#ffffff3d}.terminal-stage{display:flex;overflow:hidden}.session-sidebar{display:flex;flex-direction:column;border:1px solid rgba(160,185,209,.12);border-radius:24px;background:#08101bc7;overflow:hidden}.session-sidebar__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px;border-bottom:1px solid rgba(160,185,209,.08)}.session-sidebar__pulse{background:#5ca8ff;box-shadow:0 0 #5ca8ff66;animation:pulse-ring 1.8s infinite}.session-list{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-height:0;padding:16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.session-card{flex:0 0 auto;position:relative;padding:14px;border:1px solid rgba(160,185,209,.08);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent),#0a121deb;overflow:hidden;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.session-card__drag-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border:0;border-radius:18px;background:transparent;cursor:grab}.session-card__drag-surface:active{cursor:grabbing}.session-card:before{content:"";position:absolute;inset:1px auto 1px 0;width:4px;border-radius:16px 0 0 16px;background:var(--session-accent)}.session-card:hover,.session-card.is-active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--session-accent) 38%,rgba(255,255,255,.12));box-shadow:0 16px 30px #04070d47}.session-card.is-dragging{opacity:.94;box-shadow:0 20px 40px #04070d57}.session-card__header{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;pointer-events:none}.session-card__close,.session-card__restart{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:#dce7f7;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;pointer-events:auto;-webkit-user-select:none;user-select:none}.session-card__close{width:30px;min-width:30px;height:30px;padding:0;border-radius:9px;font-size:.74rem}.session-card__restart{min-width:34px;height:34px;padding:0 10px}.session-card__title{min-width:0;pointer-events:none}.session-card__title>*{pointer-events:auto}.session-card__title h3{margin:0;color:#edf4ff;font-size:.95rem;font-weight:600}.session-card__title p{margin:5px 0 0;color:#8092ab;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-card__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:36px;padding:0 10px;border:1px solid color-mix(in srgb,var(--session-accent) 42%,rgba(255,255,255,.12));border-radius:10px;background:color-mix(in srgb,var(--session-accent) 10%,rgba(255,255,255,.04));color:#edf4ff;outline:none}.session-card__input:focus,.session-card__input:focus-visible{outline:none;outline-offset:0;border-color:color-mix(in srgb,var(--session-accent) 62%,rgba(255,255,255,.16));box-shadow:0 0 0 1px color-mix(in srgb,var(--session-accent) 42%,transparent),0 0 0 4px color-mix(in srgb,var(--session-accent) 14%,transparent)}.session-card__meta{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;color:#92a5be;font-size:.78rem;pointer-events:none}.session-card__meta>span:not(.session-card__status),.session-card__meta>button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffff0a;pointer-events:auto}.session-card__meta>.session-card__status{display:inline-flex;min-height:10px;padding:0}.terminal-stage__panel,.empty-state{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;border:1px solid rgba(160,185,209,.12);border-radius:24px;background:#08101bc7;isolation:isolate;overflow:hidden}.terminal-stage__panel:before,.terminal-stage__panel:after,.empty-state:before,.empty-state:after{content:"";position:absolute;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.terminal-stage__panel:before,.empty-state:before{top:0;right:0;bottom:0;left:0;z-index:4;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 34%),radial-gradient(circle at bottom right,rgba(255,255,255,.08),transparent 32%),#b9c2ce1f;-webkit-backdrop-filter:blur(4px) saturate(.86);backdrop-filter:blur(4px) saturate(.86)}.terminal-stage__panel:after,.empty-state:after{top:14px;right:14px;bottom:14px;left:14px;z-index:5;border:1px solid rgba(255,255,255,.16);border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 0 1px #ffffff05;transform:scale(.985)}.terminal-stage__panel.is-file-drop,.empty-state.is-file-drop{border-color:#ffffff57;box-shadow:inset 0 0 0 1px #ffffff38,0 24px 54px #02050a42}.terminal-stage__panel.is-file-drop:before,.terminal-stage__panel.is-file-drop:after,.empty-state.is-file-drop:before,.empty-state.is-file-drop:after{opacity:1}.terminal-stage__panel.is-file-drop:after,.empty-state.is-file-drop:after{border-color:#ffffffc7;box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 1px #ffffff1a,0 0 24px #ffffff1f,0 0 64px #ffffff14;transform:scale(1)}.terminal-stage__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid rgba(160,185,209,.08)}.terminal-stage__identity{min-width:0}.terminal-stage__identity h2{margin:0;color:#edf4ff;font-size:1rem;font-weight:600}.terminal-stage__identity span{display:block;margin-top:5px;color:#8193ab;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-stage__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#92a5be;font-size:.8rem}.terminal-stage__meta>span:not(.terminal-stage__status){display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffff0a}.terminal-stage__viewport{position:relative;flex:1;min-height:0;padding:14px}.terminal-stage__scroll-region{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.terminal-stage__flex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;height:100%;padding:14px;box-sizing:border-box}.terminal-stage__flex-grid.is-single-column{grid-template-columns:minmax(0,1fr)}.terminal-stage__flex-column{display:grid;gap:14px;min-height:0;min-width:0;height:100%}.terminal-stage__flex-column>.terminal-pane{min-height:0}.terminal-stage__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(148px,18vh,210px);gap:14px;padding:14px;align-content:start}.terminal-stage__grid.is-expanded{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);overflow:hidden}.terminal-pane{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid rgba(160,185,209,.12);border-radius:20px;background:#040a10f5;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.terminal-pane__context-menu{position:fixed;z-index:24;display:grid;gap:4px;min-width:140px;padding:8px;border:1px solid rgba(160,185,209,.18);border-radius:14px;background:linear-gradient(180deg,#152231fa,#080f18f5),#080f18f5;box-shadow:0 18px 36px #02050a47;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.terminal-pane__context-menu-item{display:inline-flex;align-items:center;justify-content:flex-start;min-height:34px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#dce7f7;font-size:.8rem;font-weight:500;text-align:left}.terminal-pane__context-menu-item:hover{background:#ffffff14}.terminal-pane__context-menu-item:disabled{opacity:.45}.terminal-pane:hover{transform:translateY(-1px);box-shadow:0 16px 30px #04070d42}.terminal-pane.is-dragging{z-index:2;box-shadow:0 22px 42px #04070d57;opacity:.92}.terminal-pane.is-active{border-color:color-mix(in srgb,var(--terminal-accent) 48%,rgba(255,255,255,.16));box-shadow:0 18px 34px #04070d4d}.terminal-pane.is-expanded:hover{transform:none}.terminal-stage__grid>.terminal-pane,.terminal-stage__flex-column>.terminal-pane{height:100%}.terminal-pane__chrome{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid rgba(160,185,209,.08);background:linear-gradient(135deg,color-mix(in srgb,var(--terminal-accent) 16%,transparent),transparent),#09111ceb;cursor:grab}.terminal-pane__chrome.is-editing,.terminal-pane__chrome.is-editing:active,.terminal-pane__chrome.is-static,.terminal-pane__chrome.is-static:active{cursor:default}.terminal-pane__chrome:active{cursor:grabbing}.terminal-pane__identity{display:flex;align-items:center;gap:8px;min-width:0;margin-right:auto}.terminal-pane__title{flex:0 1 auto;min-width:0;max-width:48%;padding:0;border:0;background:transparent;color:#dce8f8;font-family:inherit;font-size:.82rem;font-weight:700;cursor:inherit;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.terminal-pane__path{flex:1 1 auto;min-width:0;color:#7f91aa;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-pane__title-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:0;height:26px;margin-right:auto;padding:0 8px;border:1px solid color-mix(in srgb,var(--terminal-accent) 42%,rgba(255,255,255,.12));border-radius:8px;background:color-mix(in srgb,var(--terminal-accent) 10%,rgba(255,255,255,.04));color:#edf4ff;font-family:inherit;font-size:.78rem;font-weight:700;outline:none}.terminal-pane__title-input:focus,.terminal-pane__title-input:focus-visible{outline:none;outline-offset:0;border-color:color-mix(in srgb,var(--terminal-accent) 62%,rgba(255,255,255,.16));box-shadow:0 0 0 1px color-mix(in srgb,var(--terminal-accent) 42%,transparent),0 0 0 4px color-mix(in srgb,var(--terminal-accent) 14%,transparent)}.terminal-pane__expand,.terminal-pane__close{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff0a;color:#dce7f7;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;cursor:pointer}.terminal-pane__expand:hover,.terminal-pane__close:hover{border-color:#ff779047;background:#ffffff14}.terminal-pane__expand{color:#cfe0f4}.terminal-pane__expand:hover{border-color:#5ca8ff47}.terminal-pane__expand-icon{position:relative;display:block;width:12px;height:12px}.terminal-pane__expand-icon:before,.terminal-pane__expand-icon:after{content:"";position:absolute;border:1.4px solid currentColor;border-radius:2px;transition:inset .16s ease,opacity .16s ease,transform .16s ease}.terminal-pane__expand-icon:before{top:3px;right:0;bottom:0;left:3px}.terminal-pane__expand-icon:after{top:0;right:3px;bottom:3px;left:0}.terminal-pane__expand.is-expanded .terminal-pane__expand-icon:before{top:2px;right:2px;bottom:2px;left:2px}.terminal-pane__expand.is-expanded .terminal-pane__expand-icon:after{top:2px;right:2px;bottom:2px;left:2px;opacity:0;transform:scale(.8)}.terminal-pane__surface{flex:1;min-height:0;padding:6px 8px 8px}.terminal-pane__surface .xterm{height:100%}.terminal-pane__surface .xterm .xterm-screen canvas{width:100%!important}.terminal-pane__surface .xterm-viewport{scrollbar-color:rgba(255,255,255,.2) transparent}.empty-state{align-items:center;justify-content:center}.empty-state__launch{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:24px;color:#edf4ff;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5rem}@keyframes pulse-ring{0%{transform:scale(.92);box-shadow:0 0 #5ca8ff57}70%{transform:scale(1);box-shadow:0 0 0 10px #5ca8ff00}to{transform:scale(.92);box-shadow:0 0 #5ca8ff00}}@media (max-width: 1180px){.workspace-grid{grid-template-columns:var(--sidebar-width) 14px minmax(0,1fr)}}@media (max-width: 960px){.workspace-grid{grid-template-columns:1fr}.workspace-sidebar__resizer{display:none}.workspace-sidebar__shell{min-width:0}.workspace-sidebar__shell.is-collapsed{display:none}.workspace-bar{flex-wrap:wrap}.workspace-bar__create-preview{width:100%;order:2}.workspace-bar__actions{margin-left:auto}}@media (max-width: 720px){.app-shell{--shell-padding-top: 10px;--shell-padding-x: 10px;--shell-padding-bottom: 10px}.app-shell.platform-darwin{--shell-padding-top: 24px}.app-frame{border-radius:22px}.workspace-grid{padding:10px}.workspace-bar{min-height:68px;padding:20px 14px 10px}.workspace-bar__actions{width:100%;justify-content:flex-end}.terminal-stage__toolbar{flex-direction:column;align-items:flex-start}.terminal-stage__grid{grid-template-columns:1fr;grid-auto-rows:clamp(160px,24vh,210px)}}:root{font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#edf4ff;background:radial-gradient(circle at top left,#173351 0%,transparent 32%),radial-gradient(circle at bottom right,#2a1a25 0%,transparent 30%),#050910;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100vh;min-height:100vh;margin:0}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid rgba(255,171,69,.72);outline-offset:3px}