tabby-tabbyspaces 0.0.1

package/dist/providers/config.provider.d.ts

@@ -0,0 +1,9 @@
+import { ConfigProvider } from 'tabby-core';
+export declare class WorkspaceEditorConfigProvider extends ConfigProvider {
+    defaults: {
+        [x: string]: {
+            workspaces: never[];
+        };
+    };
+}
+//# sourceMappingURL=config.provider.d.ts.map

package/dist/providers/config.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.provider.d.ts","sourceRoot":"","sources":["../../src/providers/config.provider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAG3C,qBACa,6BAA8B,SAAQ,cAAc;IAC/D,QAAQ;;;;MAIP;CACF"}

package/dist/providers/settings.provider.d.ts

@@ -0,0 +1,8 @@
+import { SettingsTabProvider } from 'tabby-settings';
+export declare class WorkspaceEditorSettingsProvider extends SettingsTabProvider {
+    id: string;
+    icon: string;
+    title: string;
+    getComponentType(): any;
+}
+//# sourceMappingURL=settings.provider.d.ts.map

package/dist/providers/settings.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.provider.d.ts","sourceRoot":"","sources":["../../src/providers/settings.provider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAIpD,qBACa,+BAAgC,SAAQ,mBAAmB;IACtE,EAAE,SAAa;IACf,IAAI,SAAY;IAChB,KAAK,SAAe;IAEpB,gBAAgB,IAAI,GAAG;CAGxB"}

package/dist/providers/toolbar.provider.d.ts

@@ -0,0 +1,13 @@
+import { ToolbarButtonProvider, ToolbarButton, ProfilesService, AppService } from 'tabby-core';
+import { WorkspaceEditorService } from '../services/workspaceEditor.service';
+export declare class WorkspaceToolbarProvider extends ToolbarButtonProvider {
+    private workspaceService;
+    private profilesService;
+    private app;
+    constructor(workspaceService: WorkspaceEditorService, profilesService: ProfilesService, app: AppService);
+    provide(): ToolbarButton[];
+    private showWorkspaceSelector;
+    private openSettings;
+    private openWorkspace;
+}
+//# sourceMappingURL=toolbar.provider.d.ts.map

package/dist/providers/toolbar.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.provider.d.ts","sourceRoot":"","sources":["../../src/providers/toolbar.provider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC9F,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAK5E,qBACa,wBAAyB,SAAQ,qBAAqB;IAE/D,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,eAAe;IACvB,OAAO,CAAC,GAAG;gBAFH,gBAAgB,EAAE,sBAAsB,EACxC,eAAe,EAAE,eAAe,EAChC,GAAG,EAAE,UAAU;IAKzB,OAAO,IAAI,aAAa,EAAE;YAgBZ,qBAAqB;IAkCnC,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;CAStB"}

package/dist/services/workspaceEditor.service.d.ts

@@ -0,0 +1,25 @@
+import { ConfigService, NotificationsService, ProfilesService } from 'tabby-core';
+import { Workspace, TabbyProfile, TabbySplitLayoutProfile } from '../models/workspace.model';
+export declare class WorkspaceEditorService {
+    private config;
+    private notifications;
+    private profilesService;
+    constructor(config: ConfigService, notifications: NotificationsService, profilesService: ProfilesService);
+    getWorkspaces(): Workspace[];
+    saveWorkspaces(workspaces: Workspace[]): Promise<boolean>;
+    addWorkspace(workspace: Workspace): Promise<void>;
+    updateWorkspace(workspace: Workspace): Promise<void>;
+    deleteWorkspace(workspaceId: string): Promise<void>;
+    getAvailableProfiles(): Promise<TabbyProfile[]>;
+    private syncTabbyProfiles;
+    generateTabbyProfile(workspace: Workspace): TabbySplitLayoutProfile;
+    private generateRecoveryToken;
+    private generatePaneToken;
+    duplicateWorkspace(workspace: Workspace): Workspace;
+    private regenerateIds;
+    private sanitizeForProfileId;
+    private getProfileById;
+    getProfileName(profileId: string): string | undefined;
+    private saveConfig;
+}
+//# sourceMappingURL=workspaceEditor.service.d.ts.map

package/dist/services/workspaceEditor.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspaceEditor.service.d.ts","sourceRoot":"","sources":["../../src/services/workspaceEditor.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AACjF,OAAO,EACL,SAAS,EAKT,YAAY,EAEZ,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAGlC,qBACa,sBAAsB;IAE/B,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,eAAe;gBAFf,MAAM,EAAE,aAAa,EACrB,aAAa,EAAE,oBAAoB,EACnC,eAAe,EAAE,eAAe;IAG1C,aAAa,IAAI,SAAS,EAAE;IAItB,cAAc,CAAC,UAAU,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;IAMzD,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC;IAOjD,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC;IAUpD,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUnD,oBAAoB,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;IAOrD,OAAO,CAAC,iBAAiB;IAiBzB,oBAAoB,CAAC,SAAS,EAAE,SAAS,GAAG,uBAAuB;IAgBnE,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,iBAAiB;IAmEzB,kBAAkB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS;IASnD,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,cAAc;IAKtB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;YAIvC,UAAU;CAUzB"}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "tabby-tabbyspaces",
+  "version": "0.0.1",
+  "description": "Workspaces for Tabby - Visual split-layout workspace editor",
+  "keywords": [
+    "tabby",
+    "tabby-plugin"
+  ],
+  "main": "dist/index.js",
+  "type": "commonjs",
+  "dependencies": {
+    "tabby-core": "^1.0.197-nightly.1",
+    "tabby-settings": "^1.0.197-nightly.1",
+    "tabby-terminal": "^1.0.197-nightly.1"
+  },
+  "typings": "dist/index.d.ts",
+  "scripts": {
+    "build": "webpack --mode production",
+    "build:dev": "node scripts/build-dev.js",
+    "watch": "webpack --mode development --watch",
+    "watch:dev": "webpack --mode development --watch --env dev --output-path dist-dev"
+  },
+  "peerDependencies": {
+    "@angular/common": "^15.0.0",
+    "@angular/core": "^15.0.0",
+    "@angular/forms": "^15.0.0",
+    "tabby-core": "*",
+    "tabby-local": "*",
+    "tabby-settings": "*",
+    "tabby-terminal": "*"
+  },
+  "devDependencies": {
+    "@angular/common": "^15.0.0",
+    "@angular/compiler": "^15.0.0",
+    "@angular/compiler-cli": "^15.0.0",
+    "@angular/core": "^15.0.0",
+    "@angular/forms": "^15.0.0",
+    "@ngtools/webpack": "^15.0.0",
+    "apply-loader": "^2.0.0",
+    "css-loader": "^6.8.0",
+    "pug": "^3.0.2",
+    "pug-loader": "^2.4.0",
+    "raw-loader": "^4.0.2",
+    "rxjs": "^7.8.0",
+    "sass": "^1.63.0",
+    "sass-loader": "^13.3.0",
+    "tabby-core": "^1.0.197-nightly.1",
+    "tabby-local": "^1.0.197-nightly.1",
+    "tabby-settings": "^1.0.197-nightly.1",
+    "tabby-terminal": "^1.0.197-nightly.1",
+    "to-string-loader": "^1.2.0",
+    "ts-loader": "^9.5.4",
+    "typescript": "~4.9.0",
+    "webpack": "^5.88.0",
+    "webpack-cli": "^5.1.0",
+    "zone.js": "^0.13.0"
+  },
+  "author": "Igor Halilovic",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/halilc4/tabbyspaces.git"
+  },
+  "homepage": "https://github.com/halilc4/tabbyspaces#readme",
+  "bugs": {
+    "url": "https://github.com/halilc4/tabbyspaces/issues"
+  },
+  "tabbyPlugin": {
+    "name": "tabbyspaces",
+    "displayName": "TabbySpaces",
+    "description": "Workspaces for Tabby - Visual split-layout workspace editor"
+  }
+}

package/scripts/build-dev.js

@@ -0,0 +1,46 @@
+const { execSync } = require('child_process')
+const fs = require('fs')
+const path = require('path')
+
+const rootDir = path.resolve(__dirname, '..')
+const distDevDir = path.join(rootDir, 'dist-dev')
+
+// 1. Clean dist-dev
+if (fs.existsSync(distDevDir)) {
+  fs.rmSync(distDevDir, { recursive: true })
+}
+
+// 2. Run webpack with dev env directly to dist-dev
+console.log('Building dev version...')
+execSync(`npx webpack --mode production --env dev --output-path "${distDevDir}"`, {
+  cwd: rootDir,
+  stdio: 'inherit'
+})
+
+// 3. Create dev package.json
+const pkg = require(path.join(rootDir, 'package.json'))
+const devPkg = {
+  name: 'tabby-tabbyspaces-dev',
+  version: pkg.version,
+  description: pkg.description + ' (DEV)',
+  main: 'index.js',
+  keywords: pkg.keywords,
+  peerDependencies: pkg.peerDependencies,
+  author: pkg.author,
+  license: pkg.license,
+  tabbyPlugin: {
+    name: 'tabbyspaces-dev',
+    displayName: 'TabbySpaces DEV',
+    description: pkg.tabbyPlugin.description + ' (DEV)'
+  }
+}
+
+fs.writeFileSync(
+  path.join(distDevDir, 'package.json'),
+  JSON.stringify(devPkg, null, 2)
+)
+
+console.log('Dev build complete: dist-dev/')
+console.log('')
+console.log('To install:')
+console.log(`  cd "$APPDATA/tabby/plugins" && npm install "${distDevDir.replace(/\\/g, '/')}"`)

package/src/build-config.ts

@@ -0,0 +1,8 @@
+// Build-time constants injected by webpack DefinePlugin
+declare const __CONFIG_KEY__: string
+declare const __DISPLAY_NAME__: string
+declare const __IS_DEV__: boolean
+
+export const CONFIG_KEY = typeof __CONFIG_KEY__ !== 'undefined' ? __CONFIG_KEY__ : 'tabbyspaces'
+export const DISPLAY_NAME = typeof __DISPLAY_NAME__ !== 'undefined' ? __DISPLAY_NAME__ : 'TabbySpaces'
+export const IS_DEV = typeof __IS_DEV__ !== 'undefined' ? __IS_DEV__ : false

package/src/components/paneEditor.component.pug

@@ -0,0 +1,46 @@
+.pane-editor-overlay((click)='onCancel()')
+  .pane-editor-modal((click)='$event.stopPropagation()')
+    .modal-header
+      h4 Edit Pane
+      button.btn.btn-link.close-btn(type='button', (click)='onCancel()')
+        i.fas.fa-times
+
+    .modal-body
+      .form-group
+        label Base Profile
+        select.form-control([(ngModel)]='editedPane.profileId')
+          option(value='') -- Select Profile --
+          option(*ngFor='let profile of profiles', [value]='profile.id')
+            | {{ profile.name }}
+
+      .form-group
+        label Working Directory
+        input.form-control(
+          type='text',
+          [(ngModel)]='editedPane.cwd',
+          placeholder='C:\\path\\to\\project'
+        )
+
+      .form-group
+        label Startup Command
+        input.form-control(
+          type='text',
+          [(ngModel)]='editedPane.startupCommand',
+          placeholder='e.g., npm run dev'
+        )
+        small.help-text
+          | Command to execute when the pane opens. For Nushell, use commands like: uv run serve
+
+      .form-group
+        label Pane Title (optional)
+        input.form-control(
+          type='text',
+          [(ngModel)]='editedPane.title',
+          placeholder='Custom tab title'
+        )
+
+    .modal-footer
+      button.btn.btn-secondary(type='button', (click)='onCancel()') Cancel
+      button.btn.btn-primary(type='button', (click)='onSave()')
+        i.fas.fa-check
+        |  Apply

package/src/components/paneEditor.component.scss

@@ -0,0 +1,112 @@
+.pane-editor-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.7);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1100;
+}
+
+.pane-editor-modal {
+  background: var(--theme-bg);
+  border-radius: 12px;
+  width: 90%;
+  max-width: 500px;
+  max-height: 80vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
+}
+
+.modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--theme-border);
+
+  h4 {
+    margin: 0;
+    font-size: 1.15rem;
+  }
+
+  .close-btn {
+    font-size: 1.15rem;
+    color: var(--theme-fg-more);
+    padding: 4px 8px;
+
+    &:hover {
+      color: var(--theme-fg);
+    }
+  }
+}
+
+.modal-body {
+  padding: 20px;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.form-group {
+  margin-bottom: 16px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  label {
+    display: block;
+    margin-bottom: 6px;
+    font-size: 0.9rem;
+    color: var(--theme-fg-more);
+  }
+}
+
+.form-control {
+  width: 100%;
+  padding: 10px 12px;
+  border-radius: 6px;
+  border: 1px solid var(--theme-border);
+  background: var(--theme-bg-more);
+  color: var(--theme-fg);
+  font-size: 0.95rem;
+
+  &:focus {
+    outline: none;
+    border-color: var(--theme-primary);
+  }
+}
+
+select.form-control {
+  cursor: pointer;
+}
+
+.input-with-button {
+  display: flex;
+  gap: 8px;
+
+  input {
+    flex: 1;
+  }
+}
+
+.help-text {
+  display: block;
+  margin-top: 4px;
+  font-size: 0.8rem;
+  color: var(--theme-fg-more);
+  opacity: 0.8;
+}
+
+.modal-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  padding: 16px 20px;
+  border-top: 1px solid var(--theme-border);
+}

package/src/components/paneEditor.component.ts

@@ -0,0 +1,33 @@
+import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core'
+import { WorkspacePane, TabbyProfile } from '../models/workspace.model'
+
+@Component({
+  selector: 'pane-editor',
+  template: require('./paneEditor.component.pug'),
+  styles: [require('./paneEditor.component.scss')],
+})
+export class PaneEditorComponent implements OnInit {
+  @Input() pane!: WorkspacePane
+  @Input() profiles: TabbyProfile[] = []
+  @Output() save = new EventEmitter<WorkspacePane>()
+  @Output() cancel = new EventEmitter<void>()
+
+  editedPane!: WorkspacePane
+
+  ngOnInit(): void {
+    this.editedPane = { ...this.pane }
+  }
+
+  onSave(): void {
+    this.save.emit(this.editedPane)
+  }
+
+  onCancel(): void {
+    this.cancel.emit()
+  }
+
+  getProfileName(profileId: string): string {
+    const profile = this.profiles.find((p) => p.id === profileId)
+    return profile?.name ?? 'Unknown'
+  }
+}

package/src/components/splitPreview.component.pug

@@ -0,0 +1,45 @@
+.split-preview([class.horizontal]='split.orientation === "horizontal"', [class.vertical]='split.orientation === "vertical"')
+  ng-container(*ngFor='let child of split.children; let i = index')
+    //- Pane
+    .preview-pane(
+      *ngIf='isPane(child)',
+      [style.flex-basis]='getFlexStyle(i)',
+      (click)='onPaneClick(asPane(child))',
+      (contextmenu)='onContextMenu($event, asPane(child))'
+    )
+      .pane-content
+        .pane-label {{ getPaneLabel(asPane(child)) }}
+        .pane-hint Click to edit
+
+    //- Nested split
+    split-preview(
+      *ngIf='isSplit(child)',
+      [split]='asSplit(child)',
+      [depth]='depth + 1',
+      [style.flex-basis]='getFlexStyle(i)',
+      (paneClick)='onNestedPaneClick($event)',
+      (splitHorizontal)='onNestedSplitH($event)',
+      (splitVertical)='onNestedSplitV($event)',
+      (removePane)='onNestedRemove($event)'
+    )
+
+//- Context menu
+.context-menu-overlay(
+  *ngIf='contextMenuPane',
+  (click)='closeContextMenu()'
+)
+  .context-menu(
+    [style.left.px]='contextMenuPosition.x',
+    [style.top.px]='contextMenuPosition.y',
+    (click)='$event.stopPropagation()'
+  )
+    button.context-menu-item(type='button', (click)='onSplitH()')
+      i.fas.fa-arrows-alt-h
+      |  Split Horizontal
+    button.context-menu-item(type='button', (click)='onSplitV()')
+      i.fas.fa-arrows-alt-v
+      |  Split Vertical
+    .context-menu-divider
+    button.context-menu-item.danger(type='button', (click)='onRemove()')
+      i.fas.fa-trash
+      |  Remove Pane

package/src/components/splitPreview.component.scss

@@ -0,0 +1,126 @@
+.split-preview {
+  display: flex;
+  width: 100%;
+  min-height: 200px;
+  gap: 4px;
+  border-radius: 8px;
+  overflow: hidden;
+  background: var(--theme-bg-more);
+  border: 1px solid var(--theme-border);
+
+  &.horizontal {
+    flex-direction: row;
+  }
+
+  &.vertical {
+    flex-direction: column;
+  }
+}
+
+.preview-pane {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--theme-bg-more-more);
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s;
+  position: relative;
+  min-height: 80px;
+
+  &:hover {
+    background: var(--theme-primary);
+
+    .pane-content {
+      color: white;
+    }
+
+    .pane-hint {
+      opacity: 1;
+    }
+  }
+}
+
+.pane-content {
+  text-align: center;
+  padding: 12px;
+  color: var(--theme-fg);
+}
+
+.pane-label {
+  font-size: 0.9rem;
+  font-weight: 500;
+  margin-bottom: 4px;
+}
+
+.pane-hint {
+  font-size: 0.75rem;
+  opacity: 0.5;
+  transition: opacity 0.2s;
+}
+
+// Context menu
+.context-menu-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1200;
+}
+
+.context-menu {
+  position: fixed;
+  background: var(--theme-bg);
+  border: 1px solid var(--theme-border);
+  border-radius: 8px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
+  min-width: 160px;
+  padding: 4px;
+  z-index: 1201;
+}
+
+.context-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 8px 12px;
+  border: none;
+  background: none;
+  color: var(--theme-fg);
+  font-size: 0.9rem;
+  text-align: left;
+  cursor: pointer;
+  border-radius: 4px;
+
+  &:hover {
+    background: var(--theme-bg-more);
+  }
+
+  &.danger {
+    color: var(--theme-danger, #ef4444);
+
+    &:hover {
+      background: rgba(239, 68, 68, 0.1);
+    }
+  }
+
+  i {
+    width: 16px;
+    text-align: center;
+    opacity: 0.7;
+  }
+}
+
+.context-menu-divider {
+  height: 1px;
+  background: var(--theme-border);
+  margin: 4px 0;
+}
+
+// Nested splits styling
+:host {
+  display: flex;
+  flex: 1;
+}

package/src/components/splitPreview.component.ts

@@ -0,0 +1,111 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core'
+import {
+  WorkspaceSplit,
+  WorkspacePane,
+  isWorkspaceSplit,
+} from '../models/workspace.model'
+import { WorkspaceEditorService } from '../services/workspaceEditor.service'
+
+@Component({
+  selector: 'split-preview',
+  template: require('./splitPreview.component.pug'),
+  styles: [require('./splitPreview.component.scss')],
+})
+export class SplitPreviewComponent {
+  @Input() split!: WorkspaceSplit
+  @Input() depth = 0
+  @Output() paneClick = new EventEmitter<WorkspacePane>()
+  @Output() splitHorizontal = new EventEmitter<WorkspacePane>()
+  @Output() splitVertical = new EventEmitter<WorkspacePane>()
+  @Output() removePane = new EventEmitter<WorkspacePane>()
+
+  contextMenuPane: WorkspacePane | null = null
+  contextMenuPosition = { x: 0, y: 0 }
+
+  constructor(private workspaceService: WorkspaceEditorService) {}
+
+  isPane(child: WorkspacePane | WorkspaceSplit): boolean {
+    return !isWorkspaceSplit(child)
+  }
+
+  isSplit(child: WorkspacePane | WorkspaceSplit): boolean {
+    return isWorkspaceSplit(child)
+  }
+
+  asSplit(child: WorkspacePane | WorkspaceSplit): WorkspaceSplit {
+    return child as WorkspaceSplit
+  }
+
+  asPane(child: WorkspacePane | WorkspaceSplit): WorkspacePane {
+    return child as WorkspacePane
+  }
+
+  getFlexStyle(index: number): string {
+    return `${this.split.ratios[index] * 100}%`
+  }
+
+  onPaneClick(pane: WorkspacePane): void {
+    this.paneClick.emit(pane)
+  }
+
+  onContextMenu(event: MouseEvent, pane: WorkspacePane): void {
+    event.preventDefault()
+    this.contextMenuPane = pane
+    this.contextMenuPosition = { x: event.clientX, y: event.clientY }
+  }
+
+  closeContextMenu(): void {
+    this.contextMenuPane = null
+  }
+
+  onSplitH(): void {
+    if (this.contextMenuPane) {
+      this.splitHorizontal.emit(this.contextMenuPane)
+      this.closeContextMenu()
+    }
+  }
+
+  onSplitV(): void {
+    if (this.contextMenuPane) {
+      this.splitVertical.emit(this.contextMenuPane)
+      this.closeContextMenu()
+    }
+  }
+
+  onRemove(): void {
+    if (this.contextMenuPane) {
+      this.removePane.emit(this.contextMenuPane)
+      this.closeContextMenu()
+    }
+  }
+
+  getProfileName(profileId: string): string {
+    return this.workspaceService.getProfileName(profileId) ?? 'Select profile'
+  }
+
+  getPaneLabel(pane: WorkspacePane): string {
+    if (pane.title) return pane.title
+    if (pane.startupCommand) {
+      const cmd = pane.startupCommand
+      return cmd.length > 20 ? cmd.substring(0, 17) + '...' : cmd
+    }
+    return this.getProfileName(pane.profileId)
+  }
+
+  // Pass-through events from nested splits
+  onNestedPaneClick(pane: WorkspacePane): void {
+    this.paneClick.emit(pane)
+  }
+
+  onNestedSplitH(pane: WorkspacePane): void {
+    this.splitHorizontal.emit(pane)
+  }
+
+  onNestedSplitV(pane: WorkspacePane): void {
+    this.splitVertical.emit(pane)
+  }
+
+  onNestedRemove(pane: WorkspacePane): void {
+    this.removePane.emit(pane)
+  }
+}