tabby-tabbyspaces 0.0.1 → 0.2.0

package/README.md

@@ -1,61 +1,80 @@
-# TabbySpaces
-
-Visual workspace editor for [Tabby](https://tabby.sh). Create split-layout terminal workspaces without touching config files.
-
-![Workspace Editor](screenshots/editor.png)
-
-## What it does
-
-- Visual editor for split layouts (horizontal/vertical, nested, any depth)
-- Per-pane configuration: profile, working directory, startup command, title
-- One-click workspace launch from toolbar
-- Hotkey support for quick workspace switching
-- Works with any shell (Bash, Zsh, PowerShell, Nushell, etc.)
-
-## Install
-
-**From Tabby Plugin Manager:**
-Settings → Plugins → Search "tabbyspaces" → Install
-
-**Manual:**
-```bash
-cd ~/.config/tabby/plugins  # or %APPDATA%\tabby\plugins on Windows
-npm install tabby-tabbyspaces
-```
-
-Restart Tabby after installation.
-
-## Usage
-
-1. Open Settings → TabbySpaces
-2. Create a workspace
-3. Design your split layout visually
-4. Configure each pane (profile, cwd, startup command)
-5. Save and launch from the toolbar
-
-### Workspace editor
-
-![Edit Workspace](screenshots/workspace-edit.png)
-
-### Pane configuration
-
-![Edit Pane](screenshots/pane-edit.png)
-
-## About this project
-
-This plugin was written 100% by [Claude Code](https://claude.ai/code).
-
-Igor Halilović had the idea and provided product direction. He hates Angular so much (19 years of web dev, wrote his own TypeScript framework) that he didn't look at this code. Not once. He told Claude Code what he wanted, Claude Code built it.
-
-Human provides the *what* and *why*. AI handles the *how*.
-
-## Tech
-
-- Angular 15 (Tabby's framework)
-- TypeScript 4.9
-- Webpack 5
-- Pug templates, SCSS styles
-
-## License
-
-MIT
+# TabbySpaces
+
+Visual workspace editor for [Tabby](https://tabby.sh). Create split-layout terminal workspaces without touching config files.
+
+![Workspace Editor](screenshots/editor.png)
+
+## Features
+
+- **Visual split editor** - Design layouts inline, not in modal dialogs. Split horizontally, vertically, nest to any depth
+- **Layout toolbar** - Select a pane, then split, add adjacent panes, or delete with toolbar buttons
+- **Per-pane configuration** - Set profile, working directory, and startup command for each pane
+- **One-click launch** - Open workspaces instantly from the toolbar dropdown
+- **Launch on startup** - Auto-open multiple workspaces when Tabby starts
+- **Any shell** - Works with Bash, Zsh, PowerShell, Nushell, cmd, WSL, and any other shell Tabby supports
+
+## Screenshots
+
+| Editor with selected pane | Pane configuration |
+|---------------------------|-------------------|
+| ![Editor](screenshots/editor.png) | ![Pane Edit](screenshots/pane-edit.png) |
+
+## About this project
+
+This plugin was written 100% by [Claude Code](https://claude.ai/code).
+
+Igor Halilovic had the idea and provided product direction. He hates Angular so much (19 years of web dev, wrote his own TypeScript framework) that he didn't look at this code. Not once. He told Claude Code what he wanted, Claude Code built it.
+
+Human provides the *what* and *why*. AI handles the *how*.
+
+Here's the fun part: to test this plugin, we built [tabby-mcp](https://github.com/halilc4/tabby-mcp) - an MCP server that lets Claude Code interact with Tabby via CDP. So the AI that built TabbySpaces can now test it too. Full circle.
+
+## Install
+
+**From Tabby Plugin Manager:**
+Settings > Plugins > Search "tabbyspaces" > Install
+
+**Manual:**
+```bash
+cd ~/.config/tabby/plugins  # or %APPDATA%\tabby\plugins on Windows
+npm install tabby-tabbyspaces
+```
+
+Restart Tabby after installation.
+
+## Quick Start
+
+1. **Open settings** - Settings > TabbySpaces
+2. **Create workspace** - Click "New Workspace", name it
+3. **Design layout** - Click a pane to select it, use toolbar to split (horizontal/vertical)
+4. **Configure panes** - Click a pane (or use its context menu) to set profile, cwd, startup command
+5. **Save and launch** - Save changes, then click "Open" or use the toolbar dropdown
+
+## Roadmap
+
+- Hotkey support for quick workspace switching
+- Pane presets (saved configurations for quick adding)
+- Resize panes in editor (adjust split ratios)
+- Drag and drop panes (reorganize layout by dragging)
+
+## Tech
+
+- Angular 15 (Tabby's framework)
+- TypeScript 4.9
+- Webpack 5
+- Pug templates, SCSS styles
+
+## Community
+
+- [Discussions](https://github.com/halilc4/tabbyspaces/discussions) - Questions, ideas, show your setup
+- [Issues](https://github.com/halilc4/tabbyspaces/issues) - Bug reports
+
+## Contributing
+
+PRs welcome! See [CONTRIBUTING.md](CONTRIBUTING.md) for setup instructions.
+
+All PRs go to the `dev` branch. CI checks the build automatically.
+
+## License
+
+MIT

package/RELEASE.md

@@ -0,0 +1,91 @@
+# Release Workflow
+
+## Trenutno stanje
+- **Dev branch**: 15 commit-a ispred main-a
+- **Verzija**: 0.0.1
+- **Tagovi**: Nema
+- **PROD instalacija**: Lokalni symlink (za testiranje)
+- **Status**: U toku testiranja (2026-01-13)
+
+## Instalacije u Tabby plugins
+```json
+// %APPDATA%\tabby\plugins\package.json
+{
+  "dependencies": {
+    "tabby-tabbyspaces": "file:../../../../tabbyspaces/dist",  // LOKALNI SYMLINK (za testiranje)
+    "tabby-tabbyspaces-dev": "file:../../../../tabbyspaces/dist-dev"
+  }
+}
+```
+
+| Verzija | Config key | Ikonica | Update |
+|---------|------------|---------|--------|
+| PROD | `tabbyspaces` | Grid (`th-large`) | `npm run build` + restart |
+| DEV | `tabbyspaces_dev` | Bolt (`bolt`) | `npm run build:dev` + restart |
+
+## Testiranje (ručno)
+
+### Funkcionalnosti za testirati
+- [x] Plugin se pojavljuje u Settings sidebar (ikonica `th-large`, ne `bolt`)
+- [x] Toolbar dugme (grid ikonica)
+- [x] Kreiranje novog workspace-a
+- [x] Split layout editing (horizontal/vertical)
+- [x] Pane selection i editing
+- [x] Startup command
+- [x] Launch on startup
+- [x] Čuvanje u `config.store.tabbyspaces`
+
+### Install/Uninstall
+- [x] Uninstall PROD (`npm uninstall tabby-tabbyspaces`)
+- [x] Install lokalni symlink (`npm install dist`)
+- [x] Reinstall sa npm registry (`npm install tabby-tabbyspaces`)
+
+### Napomene iz testiranja
+- Na prvi pogled funkcionalno radi
+- (dodaj napomene tokom testiranja)
+
+### Iterativno testiranje
+```bash
+# Napravi promenu → build → restart Tabby
+npm run build
+```
+
+## Release (kad bude spremno)
+
+```bash
+# 1. Bump verziju u package.json (npr. "0.1.0")
+
+# 2. Final build
+npm run build
+
+# 3. Commit
+git add package.json
+git commit -m "Bump version to 0.1.0"
+
+# 4. Merge u main
+git checkout main
+git merge dev
+
+# 5. Tag
+git tag v0.1.0
+
+# 6. Push
+git push origin main
+git push --tags
+
+# 7. Publish na npm
+cd dist
+npm publish
+
+# 8. Vrati se na dev
+git checkout dev
+```
+
+## Posle testiranja (opciono)
+
+Vrati PROD na npm registry verziju:
+```bash
+cd %APPDATA%\tabby\plugins
+npm uninstall tabby-tabbyspaces
+npm install tabby-tabbyspaces
+```

package/TODO.md

@@ -0,0 +1,77 @@
+# TODO
+
+> **Note:** Please write all entries in English.
+
+## To Do
+
+### Layout Editing
+- [ ] Polish design
+- [ ] Find better way to display nested panes in editor
+
+### UX Improvements
+- [ ] Split/Add pane: duplicate existing pane instead of creating empty one
+- [ ] List: add small layout preview
+- [ ] Better input for command
+- [ ] Better input for cwd
+- [ ] Editor workspace + pane editor autosave
+- [ ] Undo/redo for editor changes
+
+### Bugs
+- [~] Resize panes in Tabby reverts to original values (ratio problem) - WATCH: happens only on one workspace
+- [ ] Layout preview responsive - nested splits don't adapt well to smaller sizes
+- [ ] Launch on startup - Tabby remembers open tabs, check if we can detect if workspace is already open; if not, kill the feature
+- [x] Tab titles are a mess - keep only workspace name or default to Tabby behavior (verify no caching/lookup by tab name)
+
+### Other
+- [ ] Update screenshots in README
+
+## Roadmap
+
+- [ ] Pane presets (saved pane configurations for quick adding)
+- [ ] Resize panes (adjust ratios in editor)
+- [ ] Drag and drop panes (reorganize layout by dragging)
+
+---
+
+## Done
+
+### Layout Editing
+- [x] Remove two layout vert/hor buttons from toolbar (and horizontal/vertical text from list)
+- [x] Enable selection in toolbar, add button for edit pane (not on click)
+- [x] When item selected in toolbar - show options similar to context menu
+- [x] Context menu for pane: add to left/right/top/bottom alongside split options + edit pane
+- [x] Instead of "click to edit" - edit icon in pane corner
+- [x] Title bug - better handling
+- [x] Edit icon on pane: show on hover instead of on selection
+
+### UX Improvements
+- [x] Pane title format: `(Title - )? Base Profile` (show base profile if no custom title)
+- [x] Move run button to workspace list
+- [x] Launch on startup: switch from single workspace option to multi-select (multiple workspaces can be marked)
+- [x] Not-saved / "you have changes" indicator (compare state after change with saved)
+- [x] New workspace: focus on name input, no default value, placeholder "Name your workspace"
+- [x] Save button: disabled when no changes, enabled when there are (replacement for indicator)
+- [x] Duplicate: select new workspace after duplicating
+- [x] Open/Run/Duplicate/Delete buttons select workspace - add stopPropagation
+- [x] Rename "Run" to "Open" with appropriate icon
+
+### Other
+- [x] Different icon for DEV version (easier distinction in Settings)
+- [x] Open workspace from workspace editor
+- [x] Move workspace edit dialog inline above workspace list (always one selected)
+- [x] Icon picker as dropdown next to color picker (similar UI)
+- [x] Randomize color and icon on new workspace + focus on name input
+- [x] Refactoring: Remove profile persistence, shell-aware CWD, dead code cleanup
+
+### Bugs
+- [x] Focus lost after deleting workspace (native confirm() steals focus from Electron) - fix: use NgbModal instead
+- [x] Audit async functions - check if `detectChanges()` is missing after async operations that change state
+- [x] Split pane runs command (in-memory profiles) - fix: clear profile.options.args after command execution
+- [x] Pane editor modal bug - mouseup outside dialog closes modal. Dialog should close only on Esc or close/cancel/save button
+- [x] Migration and profile deletion not working (fix: timing - cleanup was called before config.store loaded)
+- [x] New workspace: focus on name input not working
+- [x] Built-in shells (PowerShell, cmd, WSL) weren't working - filter looked for `type === 'local'` instead of `type.startsWith('local:')`
+- [x] Fallback for built-in profile lookup (cache all profiles before opening workspace)
+
+### Notes
+- **CWD**: Uses native `options.cwd` in recovery token - shell spawns directly in target directory without visible `cd` commands.

package/dist/build-config.d.ts

@@ -1,4 +1,4 @@
-export declare const CONFIG_KEY: string;
-export declare const DISPLAY_NAME: string;
-export declare const IS_DEV: boolean;
+export declare const CONFIG_KEY: string;
+export declare const DISPLAY_NAME: string;
+export declare const IS_DEV: boolean;
 //# sourceMappingURL=build-config.d.ts.map

package/dist/components/deleteConfirmModal.component.d.ts

@@ -0,0 +1,7 @@
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+export declare class DeleteConfirmModalComponent {
+    modal: NgbActiveModal;
+    workspaceName: string;
+    constructor(modal: NgbActiveModal);
+}
+//# sourceMappingURL=deleteConfirmModal.component.d.ts.map

package/dist/components/deleteConfirmModal.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deleteConfirmModal.component.d.ts","sourceRoot":"","sources":["../../src/components/deleteConfirmModal.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,qBAgBa,2BAA2B;IAEnB,KAAK,EAAE,cAAc;IAD/B,aAAa,SAAK;gBACR,KAAK,EAAE,cAAc;CACzC"}

package/dist/components/paneEditor.component.d.ts

@@ -1,14 +1,10 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { WorkspacePane, TabbyProfile } from '../models/workspace.model';
-export declare class PaneEditorComponent implements OnInit {
-    pane: WorkspacePane;
-    profiles: TabbyProfile[];
-    save: EventEmitter<WorkspacePane>;
-    cancel: EventEmitter<void>;
-    editedPane: WorkspacePane;
-    ngOnInit(): void;
-    onSave(): void;
-    onCancel(): void;
-    getProfileName(profileId: string): string;
-}
+import { EventEmitter } from '@angular/core';
+import { WorkspacePane, TabbyProfile } from '../models/workspace.model';
+export declare class PaneEditorComponent {
+    pane: WorkspacePane;
+    profiles: TabbyProfile[];
+    close: EventEmitter<void>;
+    onEscapeKey(): void;
+    getProfileName(profileId: string): string;
+}
 //# sourceMappingURL=paneEditor.component.d.ts.map

package/dist/components/paneEditor.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paneEditor.component.d.ts","sourceRoot":"","sources":["../../src/components/paneEditor.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAEvE,qBAKa,mBAAoB,YAAW,MAAM;IACvC,IAAI,EAAG,aAAa,CAAA;IACpB,QAAQ,EAAE,YAAY,EAAE,CAAK;IAC5B,IAAI,8BAAoC;IACxC,MAAM,qBAA2B;IAE3C,UAAU,EAAG,aAAa,CAAA;IAE1B,QAAQ,IAAI,IAAI;IAIhB,MAAM,IAAI,IAAI;IAId,QAAQ,IAAI,IAAI;IAIhB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM;CAI1C"}
+{"version":3,"file":"paneEditor.component.d.ts","sourceRoot":"","sources":["../../src/components/paneEditor.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAgB,MAAM,eAAe,CAAA;AACpF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAEvE,qBAKa,mBAAmB;IACrB,IAAI,EAAG,aAAa,CAAA;IACpB,QAAQ,EAAE,YAAY,EAAE,CAAK;IAC5B,KAAK,qBAA2B;IAG1C,WAAW,IAAI,IAAI;IAInB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM;CAI1C"}

package/dist/components/splitPreview.component.d.ts

@@ -1,36 +1,51 @@
-import { EventEmitter } from '@angular/core';
-import { WorkspaceSplit, WorkspacePane } from '../models/workspace.model';
-import { WorkspaceEditorService } from '../services/workspaceEditor.service';
-export declare class SplitPreviewComponent {
-    private workspaceService;
-    split: WorkspaceSplit;
-    depth: number;
-    paneClick: EventEmitter<WorkspacePane>;
-    splitHorizontal: EventEmitter<WorkspacePane>;
-    splitVertical: EventEmitter<WorkspacePane>;
-    removePane: EventEmitter<WorkspacePane>;
-    contextMenuPane: WorkspacePane | null;
-    contextMenuPosition: {
-        x: number;
-        y: number;
-    };
-    constructor(workspaceService: WorkspaceEditorService);
-    isPane(child: WorkspacePane | WorkspaceSplit): boolean;
-    isSplit(child: WorkspacePane | WorkspaceSplit): boolean;
-    asSplit(child: WorkspacePane | WorkspaceSplit): WorkspaceSplit;
-    asPane(child: WorkspacePane | WorkspaceSplit): WorkspacePane;
-    getFlexStyle(index: number): string;
-    onPaneClick(pane: WorkspacePane): void;
-    onContextMenu(event: MouseEvent, pane: WorkspacePane): void;
-    closeContextMenu(): void;
-    onSplitH(): void;
-    onSplitV(): void;
-    onRemove(): void;
-    getProfileName(profileId: string): string;
-    getPaneLabel(pane: WorkspacePane): string;
-    onNestedPaneClick(pane: WorkspacePane): void;
-    onNestedSplitH(pane: WorkspacePane): void;
-    onNestedSplitV(pane: WorkspacePane): void;
-    onNestedRemove(pane: WorkspacePane): void;
-}
+import { EventEmitter, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { WorkspaceSplit, WorkspacePane, TabbyProfile } from '../models/workspace.model';
+export declare class SplitPreviewComponent implements OnChanges {
+    private cdr;
+    split: WorkspaceSplit;
+    depth: number;
+    selectedPaneId: string | null;
+    profiles: TabbyProfile[];
+    paneEdit: EventEmitter<WorkspacePane>;
+    splitHorizontal: EventEmitter<WorkspacePane>;
+    splitVertical: EventEmitter<WorkspacePane>;
+    removePane: EventEmitter<WorkspacePane>;
+    addLeft: EventEmitter<WorkspacePane>;
+    addRight: EventEmitter<WorkspacePane>;
+    addTop: EventEmitter<WorkspacePane>;
+    addBottom: EventEmitter<WorkspacePane>;
+    contextMenuPane: WorkspacePane | null;
+    contextMenuPosition: {
+        x: number;
+        y: number;
+    };
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    isPane(child: WorkspacePane | WorkspaceSplit): boolean;
+    isSplit(child: WorkspacePane | WorkspaceSplit): boolean;
+    asSplit(child: WorkspacePane | WorkspaceSplit): WorkspaceSplit;
+    asPane(child: WorkspacePane | WorkspaceSplit): WorkspacePane;
+    getFlexStyle(index: number): string;
+    onPaneClick(pane: WorkspacePane): void;
+    truncate(text: string, maxLength: number): string;
+    onContextMenu(event: MouseEvent, pane: WorkspacePane): void;
+    closeContextMenu(): void;
+    onEdit(): void;
+    onSplitH(): void;
+    onSplitV(): void;
+    onAddLeft(): void;
+    onAddRight(): void;
+    onAddTop(): void;
+    onAddBottom(): void;
+    onRemove(): void;
+    getPaneLabel(pane: WorkspacePane): string;
+    onNestedPaneEdit(pane: WorkspacePane): void;
+    onNestedSplitH(pane: WorkspacePane): void;
+    onNestedSplitV(pane: WorkspacePane): void;
+    onNestedAddLeft(pane: WorkspacePane): void;
+    onNestedAddRight(pane: WorkspacePane): void;
+    onNestedAddTop(pane: WorkspacePane): void;
+    onNestedAddBottom(pane: WorkspacePane): void;
+    onNestedRemove(pane: WorkspacePane): void;
+}
 //# sourceMappingURL=splitPreview.component.d.ts.map

package/dist/components/splitPreview.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"splitPreview.component.d.ts","sourceRoot":"","sources":["../../src/components/splitPreview.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAA;AACtE,OAAO,EACL,cAAc,EACd,aAAa,EAEd,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAE5E,qBAKa,qBAAqB;IAWpB,OAAO,CAAC,gBAAgB;IAV3B,KAAK,EAAG,cAAc,CAAA;IACtB,KAAK,SAAI;IACR,SAAS,8BAAoC;IAC7C,eAAe,8BAAoC;IACnD,aAAa,8BAAoC;IACjD,UAAU,8BAAoC;IAExD,eAAe,EAAE,aAAa,GAAG,IAAI,CAAO;IAC5C,mBAAmB;;;MAAiB;gBAEhB,gBAAgB,EAAE,sBAAsB;IAE5D,MAAM,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,GAAG,OAAO;IAItD,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,GAAG,OAAO;IAIvD,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,GAAG,cAAc;IAI9D,MAAM,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,GAAG,aAAa;IAI5D,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAInC,WAAW,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAItC,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI;IAM3D,gBAAgB,IAAI,IAAI;IAIxB,QAAQ,IAAI,IAAI;IAOhB,QAAQ,IAAI,IAAI;IAOhB,QAAQ,IAAI,IAAI;IAOhB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM;IAIzC,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM;IAUzC,iBAAiB,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAI5C,cAAc,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAIzC,cAAc,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAIzC,cAAc,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;CAG1C"}
+{"version":3,"file":"splitPreview.component.d.ts","sourceRoot":"","sources":["../../src/components/splitPreview.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACnH,OAAO,EACL,cAAc,EACd,aAAa,EACb,YAAY,EAEb,MAAM,2BAA2B,CAAA;AAElC,qBAKa,qBAAsB,YAAW,SAAS;IAiBzC,OAAO,CAAC,GAAG;IAhBd,KAAK,EAAG,cAAc,CAAA;IACtB,KAAK,SAAI;IACT,cAAc,EAAE,MAAM,GAAG,IAAI,CAAO;IACpC,QAAQ,EAAE,YAAY,EAAE,CAAK;IAC5B,QAAQ,8BAAoC;IAC5C,eAAe,8BAAoC;IACnD,aAAa,8BAAoC;IACjD,UAAU,8BAAoC;IAC9C,OAAO,8BAAoC;IAC3C,QAAQ,8BAAoC;IAC5C,MAAM,8BAAoC;IAC1C,SAAS,8BAAoC;IAEvD,eAAe,EAAE,aAAa,GAAG,IAAI,CAAO;IAC5C,mBAAmB;;;MAAiB;gBAEhB,GAAG,EAAE,iBAAiB;IAE1C,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAOzC,MAAM,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,GAAG,OAAO;IAItD,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,GAAG,OAAO;IAIvD,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,GAAG,cAAc;IAI9D,MAAM,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,GAAG,aAAa;IAI5D,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAInC,WAAW,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAItC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM;IAMjD,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI;IAM3D,gBAAgB,IAAI,IAAI;IAKxB,MAAM,IAAI,IAAI;IAOd,QAAQ,IAAI,IAAI;IAOhB,QAAQ,IAAI,IAAI;IAOhB,SAAS,IAAI,IAAI;IAOjB,UAAU,IAAI,IAAI;IAOlB,QAAQ,IAAI,IAAI;IAOhB,WAAW,IAAI,IAAI;IAOnB,QAAQ,IAAI,IAAI;IAOhB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM;IAQzC,gBAAgB,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAI3C,cAAc,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAIzC,cAAc,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAIzC,eAAe,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAI1C,gBAAgB,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAI3C,cAAc,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAIzC,iBAAiB,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAI5C,cAAc,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;CAG1C"}

package/dist/components/workspaceEditor.component.d.ts

@@ -1,29 +1,62 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { Workspace, WorkspacePane, TabbyProfile } from '../models/workspace.model';
-import { WorkspaceEditorService } from '../services/workspaceEditor.service';
-export declare class WorkspaceEditorComponent implements OnInit {
-    private workspaceService;
-    workspace: Workspace;
-    save: EventEmitter<Workspace>;
-    cancel: EventEmitter<void>;
-    selectedPane: WorkspacePane | null;
-    showPaneEditor: boolean;
-    profiles: TabbyProfile[];
-    availableIcons: string[];
-    constructor(workspaceService: WorkspaceEditorService);
-    ngOnInit(): Promise<void>;
-    onSave(): void;
-    onCancel(): void;
-    selectPane(pane: WorkspacePane): void;
-    closePaneEditor(): void;
-    onPaneSave(pane: WorkspacePane): void;
-    private updatePaneInTree;
-    splitPane(pane: WorkspacePane, orientation: 'horizontal' | 'vertical'): void;
-    private splitPaneInTree;
-    removePane(pane: WorkspacePane): void;
-    private removePaneFromTree;
-    private recalculateRatios;
-    setOrientation(orientation: 'horizontal' | 'vertical'): void;
-    updateRatio(index: number, value: number): void;
-}
+import { EventEmitter, OnInit, OnChanges, AfterViewInit, SimpleChanges, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { Workspace, WorkspacePane, WorkspaceBackground, TabbyProfile } from '../models/workspace.model';
+import { WorkspaceEditorService } from '../services/workspaceEditor.service';
+export declare class WorkspaceEditorComponent implements OnInit, OnChanges, AfterViewInit {
+    private workspaceService;
+    private elementRef;
+    private cdr;
+    workspace: Workspace;
+    autoFocus: boolean;
+    hasUnsavedChanges: boolean;
+    save: EventEmitter<Workspace>;
+    cancel: EventEmitter<void>;
+    nameInput: ElementRef<HTMLInputElement>;
+    selectedPaneId: string | null;
+    editingPane: WorkspacePane | null;
+    showPaneEditor: boolean;
+    profiles: TabbyProfile[];
+    availableIcons: string[];
+    iconDropdownOpen: boolean;
+    backgroundPresets: WorkspaceBackground[];
+    backgroundDropdownOpen: boolean;
+    customBackgroundValue: string;
+    constructor(workspaceService: WorkspaceEditorService, elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onDocumentClick(event: MouseEvent): void;
+    toggleIconDropdown(): void;
+    selectIcon(icon: string): void;
+    toggleBackgroundDropdown(): void;
+    selectBackgroundPreset(preset: WorkspaceBackground): void;
+    applyCustomBackground(): void;
+    clearBackground(): void;
+    isBackgroundSelected(preset: WorkspaceBackground): boolean;
+    ngOnInit(): Promise<void>;
+    ngAfterViewInit(): void;
+    private focusNameInput;
+    ngOnChanges(changes: SimpleChanges): void;
+    private initializeWorkspace;
+    onSave(): void;
+    onCancel(): void;
+    deselectPane(): void;
+    onPreviewBackgroundClick(): void;
+    editPane(pane: WorkspacePane): void;
+    closePaneEditor(): void;
+    private findPaneById;
+    private findPaneInNode;
+    canRemovePane(): boolean;
+    private countPanes;
+    private walkTree;
+    private updatePaneInTree;
+    splitPane(pane: WorkspacePane, orientation: 'horizontal' | 'vertical'): void;
+    splitSelectedPane(orientation: 'horizontal' | 'vertical'): void;
+    private splitPaneInTree;
+    removePane(pane: WorkspacePane): void;
+    removeSelectedPane(): void;
+    private removePaneFromTree;
+    private recalculateRatios;
+    setOrientation(orientation: 'horizontal' | 'vertical'): void;
+    updateRatio(index: number, value: number): void;
+    addPane(direction: 'left' | 'right' | 'top' | 'bottom'): void;
+    addPaneFromEvent(pane: WorkspacePane, direction: 'left' | 'right' | 'top' | 'bottom'): void;
+    private addPaneInTree;
+}
 //# sourceMappingURL=workspaceEditor.component.d.ts.map

package/dist/components/workspaceEditor.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspaceEditor.component.d.ts","sourceRoot":"","sources":["../../src/components/workspaceEditor.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EACL,SAAS,EACT,aAAa,EAEb,YAAY,EAIb,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAE5E,qBAKa,wBAAyB,YAAW,MAAM;IAczC,OAAO,CAAC,gBAAgB;IAb3B,SAAS,EAAG,SAAS,CAAA;IACpB,IAAI,0BAAgC;IACpC,MAAM,qBAA2B;IAE3C,YAAY,EAAE,aAAa,GAAG,IAAI,CAAO;IACzC,cAAc,UAAQ;IACtB,QAAQ,EAAE,YAAY,EAAE,CAAK;IAC7B,cAAc,WAIb;gBAEmB,gBAAgB,EAAE,sBAAsB;IAEtD,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAW/B,MAAM,IAAI,IAAI;IAOd,QAAQ,IAAI,IAAI;IAIhB,UAAU,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAKrC,eAAe,IAAI,IAAI;IAKvB,UAAU,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAKrC,OAAO,CAAC,gBAAgB;IAexB,SAAS,CAAC,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,GAAG,UAAU,GAAG,IAAI;IAI5E,OAAO,CAAC,eAAe;IA2BvB,UAAU,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAIrC,OAAO,CAAC,kBAAkB;IA+B1B,OAAO,CAAC,iBAAiB;IAKzB,cAAc,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU,GAAG,IAAI;IAI5D,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CAoBhD"}
+{"version":3,"file":"workspaceEditor.component.d.ts","sourceRoot":"","sources":["../../src/components/workspaceEditor.component.ts"],"names":[],"mappings":"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"}