@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/viewport/viewport-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"viewport-manager.js","sources":["../../src/viewport/viewport-manager.ts"],"sourcesContent":["/**\n * TachUI Viewport Manager\n *\n * Core viewport management system that coordinates window/modal/portal creation\n * across different platforms with SwiftUI-style APIs.\n */\n\nimport type { ComponentInstance } from '../runtime/types'\nimport { WebViewportAdapter } from './adapters/web-adapter'\nimport { createCapabilityChecker, detectViewportEnvironment, type PlatformDetectionConfig } from './platform-detection'\nimport type {\n  StateSyncScope,\n  ViewportAdapter,\n  ViewportEnvironment,\n  ViewportInstance,\n  ViewportManager,\n  ViewportType,\n  WindowConfig,\n  WindowGroup,\n  WindowGroupingStrategy,\n  WindowOptions,\n  WindowPoolConfig,\n  WindowTabConfig,\n} from './types'\n\n/**\n * Main viewport manager implementation\n */\nexport class TachUIViewportManager implements ViewportManager {\n  private adapter: ViewportAdapter\n  private windows = new Map<string, ViewportInstance>()\n  private windowGroups = new Map<string, WindowGroup>()\n  private eventHandlers = new Map<string, Set<(...args: any[]) => void>>()\n\n  // Phase 2: Global state management\n  private globalState = new Map<string, any>()\n  private globalStateCallbacks = new Map<string, Set<(value: any) => void>>()\n\n  readonly environment: ViewportEnvironment\n  private platformConfig: PlatformDetectionConfig\n\n  constructor(adapter?: ViewportAdapter, config: PlatformDetectionConfig = {}) {\n    this.platformConfig = config\n    this.environment = detectViewportEnvironment(config)\n\n    if (adapter) {\n      this.adapter = adapter\n    } else {\n      // Auto-select adapter based on platform\n      this.adapter = this.createDefaultAdapter()\n    }\n\n    this.adapter.setupCrossWindowCommunication()\n    this.adapter.optimizeForPlatform()\n  }\n\n  /**\n   * Open a new window/viewport\n   */\n  async openWindow(\n    id: string,\n    component: ComponentInstance,\n    options: WindowOptions = {}\n  ): Promise<ViewportInstance> {\n    // Check if window already exists\n    const existingWindow = this.windows.get(id)\n    if (existingWindow) {\n      await existingWindow.show()\n      await existingWindow.focus()\n      return existingWindow\n    }\n\n    // Create window configuration\n    const config: WindowConfig = {\n      id,\n      title: options.title || id,\n      width: options.width || 800,\n      height: options.height || 600,\n      ...options,\n    }\n\n    // Determine optimal viewport type\n    this.getOptimalWindowType(options)\n\n    // Create the viewport instance\n    const window = this.adapter.createWindow(config)\n\n    // Store the window\n    this.windows.set(id, window)\n\n    // Render the component\n    window.render(component)\n\n    // Set up window event handlers\n    this.setupWindowEventHandlers(window)\n\n    // Show the window\n    await window.show()\n\n    // Emit window opened event\n    this.emit('window:opened', { window })\n\n    return window\n  }\n\n  /**\n   * Dismiss/close a window\n   */\n  async dismissWindow(id: string): Promise<void> {\n    const window = this.windows.get(id)\n    if (!window) {\n      throw new Error(`Window with id '${id}' not found`)\n    }\n\n    // Close the window\n    await window.close()\n\n    // Remove from our tracking\n    this.windows.delete(id)\n\n    // Emit window closed event\n    this.emit('window:closed', { windowId: id })\n  }\n\n  /**\n   * Get a specific window\n   */\n  getWindow(id: string): ViewportInstance | null {\n    return this.windows.get(id) || null\n  }\n\n  /**\n   * Get all open windows\n   */\n  getAllWindows(): ViewportInstance[] {\n    return Array.from(this.windows.values())\n  }\n\n  /**\n   * Create a window group for data-driven window management\n   */\n  createWindowGroup(groupId: string): WindowGroup {\n    if (this.windowGroups.has(groupId)) {\n      return this.windowGroups.get(groupId)!\n    }\n\n    const group = new TachUIWindowGroup(groupId, this)\n    this.windowGroups.set(groupId, group)\n    return group\n  }\n\n  /**\n   * Check if we can open a window with given options\n   */\n  canOpenWindow(options: WindowOptions = {}): boolean {\n    const checker = createCapabilityChecker(this.environment)\n    return checker.canOpenWindow(options.preferNativeWindow)\n  }\n\n  /**\n   * Get optimal window type for given options\n   */\n  getOptimalWindowType(options: WindowOptions = {}): ViewportType {\n    const checker = createCapabilityChecker(this.environment)\n\n    if (options.preferNativeWindow && this.environment.capabilities.nativeWindows) {\n      return 'window'\n    }\n\n    if (options.modal !== false && this.environment.capabilities.modalOverlays) {\n      return 'modal'\n    }\n\n    return checker.getOptimalViewportType(options.preferNativeWindow)\n  }\n\n  /**\n   * Event handling\n   */\n  onWindowOpened(handler: (window: ViewportInstance) => void): () => void {\n    return this.on('window:opened', ({ window }) => handler(window))\n  }\n\n  onWindowClosed(handler: (windowId: string) => void): () => void {\n    return this.on('window:closed', ({ windowId }) => handler(windowId))\n  }\n\n  /**\n   * Generic event subscription\n   */\n  private on(event: string, handler: (...args: any[]) => void): () => void {\n    if (!this.eventHandlers.has(event)) {\n      this.eventHandlers.set(event, new Set())\n    }\n\n    this.eventHandlers.get(event)!.add(handler)\n\n    // Return unsubscribe function\n    return () => {\n      this.eventHandlers.get(event)?.delete(handler)\n    }\n  }\n\n  /**\n   * Emit an event to all handlers\n   */\n  private emit(event: string, data: any): void {\n    const handlers = this.eventHandlers.get(event)\n    if (handlers) {\n      handlers.forEach((handler) => handler(data))\n    }\n  }\n\n  /**\n   * Set up event handlers for a window\n   */\n  private setupWindowEventHandlers(window: ViewportInstance): void {\n    // Window focus events\n    window.onFocus(() => {\n      this.emit('window:focused', { windowId: window.id })\n    })\n\n    // Window resize events\n    window.onResize((bounds) => {\n      this.emit('window:resized', { windowId: window.id, bounds })\n    })\n\n    // Window close events\n    window.onClose(() => {\n      this.windows.delete(window.id)\n      this.emit('window:closed', { windowId: window.id })\n    })\n  }\n\n  /**\n   * Create default adapter based on platform\n   */\n  private createDefaultAdapter(): ViewportAdapter {\n    switch (this.environment.platform) {\n      case 'electron':\n        // TODO: Import ElectronViewportAdapter when implemented\n        return new WebViewportAdapter(this.platformConfig)\n      default:\n        return new WebViewportAdapter(this.platformConfig)\n    }\n  }\n\n  // ==================== Phase 2: Global State Management ====================\n\n  /**\n   * Synchronize state globally across all windows\n   */\n  syncGlobalState<T>(key: string, value: T, originGroupId?: string): void {\n    this.globalState.set(key, value)\n\n    // Notify global callbacks\n    const callbacks = this.globalStateCallbacks.get(key)\n    if (callbacks) {\n      callbacks.forEach((callback) => callback(value))\n    }\n\n    // Propagate to all windows\n    this.windows.forEach((window) => {\n      window.syncState(key, value)\n    })\n\n    // Propagate to all window groups (except the origin to prevent recursion)\n    this.windowGroups.forEach((group, groupId) => {\n      if (groupId !== originGroupId) {\n        // Use internal sync method to prevent recursion\n        ;(group as any).syncStateInternal(key, value)\n      }\n    })\n  }\n\n  /**\n   * Get global shared state\n   */\n  getGlobalState<T>(key: string): T | undefined {\n    return this.globalState.get(key)\n  }\n\n  /**\n   * Listen for global state changes\n   */\n  onGlobalStateChange<T>(key: string, callback: (value: T) => void): () => void {\n    if (!this.globalStateCallbacks.has(key)) {\n      this.globalStateCallbacks.set(key, new Set())\n    }\n\n    this.globalStateCallbacks.get(key)!.add(callback)\n\n    return () => {\n      this.globalStateCallbacks.get(key)?.delete(callback)\n    }\n  }\n\n  /**\n   * Get window group by ID\n   */\n  getWindowGroup(groupId: string): WindowGroup | null {\n    return this.windowGroups.get(groupId) || null\n  }\n\n  /**\n   * Get all window groups\n   */\n  getAllWindowGroups(): WindowGroup[] {\n    return Array.from(this.windowGroups.values())\n  }\n\n  /**\n   * Window group management utilities\n   */\n  configureWindowGroupDefaults(\n    groupId: string,\n    options: {\n      groupingStrategy?: WindowGroupingStrategy\n      tabConfig?: WindowTabConfig\n      poolConfig?: WindowPoolConfig\n      stateSyncScope?: StateSyncScope\n    }\n  ): void {\n    const group = this.windowGroups.get(groupId)\n    if (!group) return\n\n    if (options.groupingStrategy) {\n      group.setGroupingStrategy(options.groupingStrategy)\n    }\n    if (options.tabConfig) {\n      group.configureTabbing(options.tabConfig)\n    }\n    if (options.poolConfig) {\n      group.configurePool(options.poolConfig)\n    }\n    if (options.stateSyncScope) {\n      group.enableStateSync(options.stateSyncScope)\n    }\n  }\n\n  /**\n   * Cleanup all resources\n   */\n  dispose(): void {\n    // Clean up global state\n    this.globalState.clear()\n    this.globalStateCallbacks.clear()\n\n    // Close all windows\n    const windowPromises = Array.from(this.windows.values()).map(\n      (window) => window.close().catch(() => {}) // Ignore errors during cleanup\n    )\n\n    Promise.all(windowPromises).finally(() => {\n      this.windows.clear()\n      this.windowGroups.clear()\n      this.eventHandlers.clear()\n    })\n  }\n}\n\n/**\n * Window group implementation for data-driven window management\n */\nclass TachUIWindowGroup implements WindowGroup {\n  private windows = new Map<string, ViewportInstance>()\n  private defaultOptions: WindowOptions = {}\n  private maxInstances = Infinity\n\n  // Phase 2: Enhanced features\n  private groupingStrategy: WindowGroupingStrategy = 'stack'\n  private tabConfig: WindowTabConfig = {\n    enabled: false,\n    tabPosition: 'top',\n    allowDetach: true,\n    allowReorder: true,\n  }\n  private poolConfig: WindowPoolConfig = {\n    enabled: false,\n    maxPoolSize: 5,\n    reuseThreshold: 30000, // 30 seconds\n    keepAliveTime: 300000, // 5 minutes\n  }\n  private stateSyncScope: StateSyncScope = 'none'\n  private sharedState = new Map<string, any>()\n  private stateCallbacks = new Map<string, Set<(value: any) => void>>()\n  private windowPool = new Map<string, ViewportInstance>()\n  private eventCallbacks = new Map<string, Set<(...args: any[]) => void>>()\n  private windowMetadata = new Map<string, any>()\n\n  constructor(\n    readonly id: string,\n    private manager: TachUIViewportManager,\n    readonly dataType: string = 'any'\n  ) {\n    // Start pool cleanup timer if pooling is enabled\n    this.startPoolCleanup()\n  }\n\n  /**\n   * Open a window for specific data (Enhanced with pooling and reuse)\n   */\n  async openWindow<T>(\n    data: T,\n    component: (data: T) => ComponentInstance\n  ): Promise<ViewportInstance> {\n    // Create unique ID for this data\n    const dataKey = this.createDataKey(data)\n    const windowId = `${this.id}:${dataKey}`\n\n    // Check if window already exists for this data\n    const existingWindow = this.windows.get(dataKey)\n    if (existingWindow) {\n      await existingWindow.show()\n      await existingWindow.focus()\n      existingWindow.markAsUsed()\n      return existingWindow\n    }\n\n    // Try to get a pooled window for reuse\n    let window = await this.getPooledWindow()\n\n    if (window) {\n      // Reuse pooled window\n      const componentInstance = component(data)\n      window.render(componentInstance)\n\n      // Update window metadata\n      this.setWindowGroupMetadata(window, {\n        id: windowId,\n        groupId: this.id,\n        isPooled: false,\n        lastUsed: Date.now(),\n      })\n\n      await window.show()\n      await window.focus()\n\n      // Track the window\n      this.windows.set(dataKey, window)\n\n      // Emit reuse event\n      this.emitEvent('window:reused', window, data)\n\n      return window\n    }\n\n    // Check max instances limit\n    if (this.windows.size >= this.maxInstances) {\n      // Return oldest window to pool instead of closing\n      const oldestWindow = this.windows.values().next().value\n      if (oldestWindow) {\n        if (this.poolConfig.enabled) {\n          await this.returnToPool(oldestWindow)\n        } else {\n          await oldestWindow.close()\n        }\n      }\n    }\n\n    // Create new window\n    const componentInstance = component(data)\n    window = await this.manager.openWindow(windowId, componentInstance, this.defaultOptions)\n\n    // Set up window state for group management - need to access setState from window\n    // Note: This is a limitation of the current architecture - signals don't expose setters\n    // For now, we'll track group metadata separately\n    this.setWindowGroupMetadata(window, {\n      groupId: this.id,\n      isPooled: false,\n      lastUsed: Date.now(),\n      tabIndex: this.tabConfig.enabled ? this.windows.size : undefined,\n    })\n\n    // Track the window\n    this.windows.set(dataKey, window)\n\n    // Handle window closure\n    window.onClose(() => {\n      if (this.poolConfig.enabled && window.isReusable()) {\n        this.returnToPool(window)\n      } else {\n        this.windows.delete(dataKey)\n        this.emitEvent('window:destroyed', window.id)\n\n        // Check if group is now empty\n        if (this.windows.size === 0) {\n          this.emitEvent('group:empty')\n        }\n      }\n    })\n\n    // Apply grouping strategy if needed\n    if (this.groupingStrategy !== 'stack') {\n      this.applyGroupingStrategy()\n    }\n\n    // Emit creation event\n    this.emitEvent('window:created', window)\n\n    // Check if group is now full\n    if (this.windows.size >= this.maxInstances) {\n      this.emitEvent('group:full')\n    }\n\n    return window\n  }\n\n  /**\n   * Get window for specific data\n   */\n  getWindowForData<T>(data: T): ViewportInstance | null {\n    const dataKey = this.createDataKey(data)\n    return this.windows.get(dataKey) || null\n  }\n\n  /**\n   * Get all windows in this group\n   */\n  getAllWindows(): ViewportInstance[] {\n    return Array.from(this.windows.values())\n  }\n\n  /**\n   * Close all windows in this group\n   */\n  async closeAllWindows(): Promise<void> {\n    const closePromises = Array.from(this.windows.values()).map(\n      (window) => window.close().catch(() => {}) // Ignore errors\n    )\n\n    await Promise.all(closePromises)\n    this.windows.clear()\n  }\n\n  /**\n   * Set default options for windows in this group\n   */\n  setDefaultOptions(options: WindowOptions): void {\n    this.defaultOptions = { ...options }\n  }\n\n  /**\n   * Set maximum number of instances\n   */\n  setMaxInstances(max: number): void {\n    this.maxInstances = Math.max(1, max)\n  }\n\n  // ==================== Phase 2: Enhanced Features ====================\n\n  /**\n   * Window grouping and tabbing\n   */\n  setGroupingStrategy(strategy: WindowGroupingStrategy): void {\n    this.groupingStrategy = strategy\n    this.applyGroupingStrategy()\n  }\n\n  getGroupingStrategy(): WindowGroupingStrategy {\n    return this.groupingStrategy\n  }\n\n  configureTabbing(config: WindowTabConfig): void {\n    this.tabConfig = { ...config }\n    if (config.enabled && this.manager.environment.platform === 'electron') {\n      this.enableTabGrouping()\n    }\n  }\n\n  getTabConfig(): WindowTabConfig {\n    return { ...this.tabConfig }\n  }\n\n  /**\n   * Window pooling and reuse\n   */\n  configurePool(config: WindowPoolConfig): void {\n    this.poolConfig = { ...config }\n    if (config.enabled) {\n      this.startPoolCleanup()\n    }\n  }\n\n  getPoolConfig(): WindowPoolConfig {\n    return { ...this.poolConfig }\n  }\n\n  getPooledWindows(): ViewportInstance[] {\n    return Array.from(this.windowPool.values())\n  }\n\n  async returnToPool(window: ViewportInstance): Promise<void> {\n    if (!this.poolConfig.enabled) {\n      await window.close()\n      return\n    }\n\n    // Prepare window for reuse\n    await window.prepareForReuse()\n    await window.hide()\n\n    // Update window metadata\n    this.setWindowGroupMetadata(window, {\n      isPooled: true,\n      lastUsed: Date.now(),\n    })\n\n    // Add to pool\n    this.windowPool.set(window.id, window)\n    this.windows.delete(this.getDataKeyForWindow(window))\n\n    // Emit event\n    this.emitEvent('window:pooled', window)\n  }\n\n  /**\n   * State synchronization\n   */\n  enableStateSync(scope: StateSyncScope): void {\n    this.stateSyncScope = scope\n  }\n\n  syncState<T>(key: string, value: T): void {\n    this.syncStateInternal(key, value)\n\n    // Sync to other windows based on scope\n    if (this.stateSyncScope === 'group') {\n      this.syncStateToGroupWindows(key, value)\n    } else if (this.stateSyncScope === 'global') {\n      this.manager.syncGlobalState(key, value, this.id)\n    }\n  }\n\n  /**\n   * Internal state sync without propagation (prevents recursion)\n   */\n  private syncStateInternal<T>(key: string, value: T): void {\n    this.sharedState.set(key, value)\n\n    // Notify callbacks\n    const callbacks = this.stateCallbacks.get(key)\n    if (callbacks) {\n      callbacks.forEach((callback) => callback(value))\n    }\n  }\n\n  getSharedState<T>(key: string): T | undefined {\n    return this.sharedState.get(key)\n  }\n\n  onStateChange<T>(key: string, callback: (value: T) => void): () => void {\n    if (!this.stateCallbacks.has(key)) {\n      this.stateCallbacks.set(key, new Set())\n    }\n\n    this.stateCallbacks.get(key)!.add(callback)\n\n    // Return unsubscribe function\n    return () => {\n      this.stateCallbacks.get(key)?.delete(callback)\n    }\n  }\n\n  /**\n   * Window lifecycle events\n   */\n  onWindowCreated(callback: (window: ViewportInstance) => void): () => void {\n    return this.addEventCallback('window:created', callback)\n  }\n\n  onWindowDestroyed(callback: (windowId: string) => void): () => void {\n    return this.addEventCallback('window:destroyed', callback)\n  }\n\n  onWindowReused(callback: (window: ViewportInstance, previousData: any) => void): () => void {\n    return this.addEventCallback('window:reused', callback)\n  }\n\n  /**\n   * Group-level events\n   */\n  onGroupEmpty(callback: () => void): () => void {\n    return this.addEventCallback('group:empty', callback)\n  }\n\n  onGroupFull(callback: () => void): () => void {\n    return this.addEventCallback('group:full', callback)\n  }\n\n  // ==================== Private Implementation ====================\n\n  /**\n   * Apply grouping strategy to existing windows\n   */\n  private applyGroupingStrategy(): void {\n    const windows = this.getAllWindows()\n\n    switch (this.groupingStrategy) {\n      case 'tabs':\n        this.arrangeWindowsAsTabs(windows)\n        break\n      case 'cascade':\n        this.arrangeWindowsAsCascade(windows)\n        break\n      case 'tile':\n        this.arrangeWindowsAsTiles(windows)\n        break\n      default:\n        this.arrangeWindowsAsStack(windows)\n        break\n    }\n  }\n\n  /**\n   * Enable tab grouping for windows\n   */\n  private enableTabGrouping(): void {\n    if (!this.tabConfig.enabled || this.manager.environment.platform !== 'electron') {\n      return\n    }\n\n    // Implementation depends on Electron BrowserView API\n    // This would create a tabbed interface for windows in the group\n  }\n\n  /**\n   * Start pool cleanup timer\n   */\n  private startPoolCleanup(): void {\n    if (!this.poolConfig.enabled) return\n\n    setInterval(() => {\n      this.cleanupPool()\n    }, 60000) // Check every minute\n  }\n\n  /**\n   * Clean up expired pooled windows\n   */\n  private cleanupPool(): void {\n    const now = Date.now()\n    const toRemove: string[] = []\n\n    this.windowPool.forEach((window, id) => {\n      const metadata = this.getWindowGroupMetadata(window)\n      if (now - (metadata.lastUsed || 0) > this.poolConfig.keepAliveTime) {\n        toRemove.push(id)\n      }\n    })\n\n    toRemove.forEach(async (id) => {\n      const window = this.windowPool.get(id)\n      if (window) {\n        await window.dispose()\n        this.windowPool.delete(id)\n      }\n    })\n  }\n\n  /**\n   * Try to get a pooled window for reuse\n   */\n  private async getPooledWindow(): Promise<ViewportInstance | null> {\n    if (!this.poolConfig.enabled || this.windowPool.size === 0) {\n      return null\n    }\n\n    // Find the most recently used pooled window\n    let bestWindow: ViewportInstance | null = null\n    let bestScore = 0\n\n    this.windowPool.forEach((window) => {\n      const metadata = this.getWindowGroupMetadata(window)\n      const age = Date.now() - (metadata.lastUsed || 0)\n      if (age < this.poolConfig.reuseThreshold) {\n        const score = this.poolConfig.reuseThreshold - age\n        if (score > bestScore) {\n          bestWindow = window\n          bestScore = score\n        }\n      }\n    })\n\n    if (bestWindow) {\n      this.windowPool.delete((bestWindow as ViewportInstance).id)\n      // Reset pooled metadata\n      this.setWindowGroupMetadata(bestWindow as ViewportInstance, {\n        isPooled: false,\n        lastUsed: Date.now(),\n      })\n    }\n\n    return bestWindow\n  }\n\n  /**\n   * Sync state to all windows in group (with recursion prevention)\n   */\n  private syncStateToGroupWindows<T>(key: string, value: T): void {\n    // Prevent infinite recursion by only calling syncState on window's local storage\n    this.windows.forEach((window) => {\n      // Only sync to window's local state, not trigger further group syncs\n      const windowState = this.getWindowGroupMetadata(window)\n      this.setWindowGroupMetadata(window, {\n        ...windowState,\n        [`shared:${key}`]: value,\n      })\n    })\n  }\n\n  /**\n   * Get data key for a window instance\n   */\n  private getDataKeyForWindow(window: ViewportInstance): string {\n    // Find the data key that maps to this window\n    for (const [dataKey, win] of this.windows.entries()) {\n      if (win.id === window.id) {\n        return dataKey\n      }\n    }\n    return ''\n  }\n\n  /**\n   * Window arrangement strategies\n   */\n  private arrangeWindowsAsTabs(windows: ViewportInstance[]): void {\n    // Tab arrangement logic - platform specific\n    if (this.manager.environment.platform === 'electron') {\n      // Use Electron BrowserView for true tabs\n      // Implementation would depend on Electron main process\n    } else {\n      // Fallback to modal tabs for web\n      this.arrangeWindowsAsModalTabs(windows)\n    }\n  }\n\n  private arrangeWindowsAsCascade(windows: ViewportInstance[]): void {\n    windows.forEach((window, index) => {\n      const offset = index * 30\n      // For now, just track the intended position in metadata\n      // Actual positioning would need window-specific setState access\n      this.setWindowGroupMetadata(window, {\n        cascadeOffset: offset,\n        arrangementStyle: 'cascade',\n      })\n    })\n  }\n\n  private arrangeWindowsAsTiles(windows: ViewportInstance[]): void {\n    const screenWidth = typeof window !== 'undefined' ? window.screen.width : 1920\n    const screenHeight = typeof window !== 'undefined' ? window.screen.height : 1080\n\n    const cols = Math.ceil(Math.sqrt(windows.length))\n    const rows = Math.ceil(windows.length / cols)\n    const windowWidth = screenWidth / cols\n    const windowHeight = screenHeight / rows\n\n    windows.forEach((win, index) => {\n      const col = index % cols\n      const row = Math.floor(index / cols)\n\n      // Track tile positioning in metadata\n      this.setWindowGroupMetadata(win, {\n        tilePosition: {\n          col,\n          row,\n          x: col * windowWidth,\n          y: row * windowHeight,\n          width: windowWidth,\n          height: windowHeight,\n        },\n        arrangementStyle: 'tile',\n      })\n    })\n  }\n\n  private arrangeWindowsAsStack(_windows: ViewportInstance[]): void {\n    // Default behavior - no special arrangement\n    // Windows use their natural positioning\n  }\n\n  private arrangeWindowsAsModalTabs(_windows: ViewportInstance[]): void {\n    // Web fallback for tab grouping using modal overlays\n    // Create a tab container modal that hosts the windows\n  }\n\n  /**\n   * Window metadata management (workaround for signal setter access)\n   */\n  private setWindowGroupMetadata(window: ViewportInstance, metadata: any): void {\n    this.windowMetadata.set(window.id, {\n      ...this.windowMetadata.get(window.id),\n      ...metadata,\n    })\n  }\n\n  private getWindowGroupMetadata(window: ViewportInstance): any {\n    return this.windowMetadata.get(window.id) || {}\n  }\n\n  /**\n   * Event management helpers\n   */\n  private addEventCallback(event: string, callback: (...args: any[]) => void): () => void {\n    if (!this.eventCallbacks.has(event)) {\n      this.eventCallbacks.set(event, new Set())\n    }\n\n    this.eventCallbacks.get(event)!.add(callback)\n\n    return () => {\n      this.eventCallbacks.get(event)?.delete(callback)\n    }\n  }\n\n  private emitEvent(event: string, ...args: any[]): void {\n    const callbacks = this.eventCallbacks.get(event)\n    if (callbacks) {\n      callbacks.forEach((callback) => callback(...args))\n    }\n  }\n\n  /**\n   * Create a unique key for data\n   */\n  private createDataKey<T>(data: T): string {\n    if (data === null || data === undefined) {\n      return 'null'\n    }\n\n    if (typeof data === 'string' || typeof data === 'number' || typeof data === 'boolean') {\n      return String(data)\n    }\n\n    if (typeof data === 'object' && 'id' in data) {\n      return String((data as any).id)\n    }\n\n    // Fallback to JSON serialization (not ideal for complex objects)\n    try {\n      return JSON.stringify(data)\n    } catch {\n      return String(data)\n    }\n  }\n}\n\n/**\n * Global viewport manager instance\n */\nlet globalViewportManager: TachUIViewportManager | null = null\n\n/**\n * Get or create the global viewport manager\n */\nexport function getViewportManager(config: PlatformDetectionConfig = {}): TachUIViewportManager {\n  if (!globalViewportManager) {\n    globalViewportManager = new TachUIViewportManager(undefined, config)\n  }\n  return globalViewportManager\n}\n\n/**\n * Set a custom viewport manager\n */\nexport function setViewportManager(manager: TachUIViewportManager): void {\n  globalViewportManager?.dispose()\n  globalViewportManager = manager\n}\n\n/**\n * Dispose the global viewport manager\n */\nexport function disposeViewportManager(): void {\n  globalViewportManager?.dispose()\n  globalViewportManager = null\n}\n"],"names":["TachUIViewportManager","adapter","config","__publicField","detectViewportEnvironment","id","component","options","existingWindow","window","groupId","group","TachUIWindowGroup","createCapabilityChecker","checker","handler","windowId","event","data","handlers","bounds","WebViewportAdapter","key","value","originGroupId","callbacks","callback","windowPromises","manager","dataType","dataKey","componentInstance","oldestWindow","closePromises","max","strategy","scope","windows","now","toRemove","metadata","bestWindow","bestScore","age","score","windowState","win","index","offset","screenWidth","screenHeight","cols","rows","windowWidth","windowHeight","col","row","_windows","args","globalViewportManager","getViewportManager","setViewportManager","disposeViewportManager"],"mappings":"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"}

package/src/assets/Asset.ts

@@ -1,11 +0,0 @@
-/**
- * Base Asset class for TachUI Assets system
- *
- * Provides the foundation for all asset types including colors, images, and other resources.
- */
-
-export abstract class Asset<T = unknown> {
-  constructor(public readonly name: string) {}
-
-  abstract resolve(): T
-}

package/src/assets/AssetCollection.ts

@@ -1,99 +0,0 @@
-/**
- * Asset Collection for TachUI Assets system
- *
- * Manages a collection of assets and provides proxy-based access for dot notation.
- */
-
-import type { Asset } from './Asset'
-import { ColorAsset } from './ColorAsset'
-import { FontAsset } from './FontAsset'
-
-export class AssetCollection {
-  private assets: Map<string, Asset> = new Map()
-
-  add(name: string, asset: Asset): void {
-    this.assets.set(name, asset)
-  }
-
-  get(name: string): Asset | undefined {
-    return this.assets.get(name)
-  }
-
-  getAll(): Map<string, Asset> {
-    return new Map(this.assets)
-  }
-
-  // Proxy handler for dot notation access
-  asProxy(): Record<string, Asset | unknown> {
-    return new Proxy(
-      {},
-      {
-        get: (_target, property: string) => {
-          // Handle special proxy methods
-          if (property === 'toString' || property === 'valueOf') {
-            return () => '[Assets]'
-          }
-
-          const asset = this.assets.get(property)
-          if (!asset) {
-            return undefined
-          }
-
-          // If it's a ColorAsset, enable direct access with automatic theme adaptation
-          if (asset instanceof ColorAsset) {
-            // Return a proxy that enables .light, .dark access AND direct resolution
-            return new Proxy(asset, {
-              get: (target, prop: string) => {
-                // Direct property access (.light, .dark)
-                if (prop === 'light' || prop === 'dark') {
-                  return (target as any)[prop]
-                }
-
-                // If accessed directly (not as property), return resolved value
-                if (prop === 'toString' || prop === 'valueOf') {
-                  return () => target.resolve()
-                }
-
-                // Default property access
-                return (target as any)[prop]
-              },
-            })
-          }
-
-          // If it's a FontAsset, enable convenient access
-          if (asset instanceof FontAsset) {
-            return new Proxy(asset, {
-              get: (target, prop: string) => {
-                // Direct property access (.family, .fallbacks)
-                if (prop === 'family' || prop === 'fallbacks' || prop === 'options') {
-                  return (target as any)[prop]
-                }
-
-                // String conversion returns font-family CSS value
-                if (prop === 'toString' || prop === 'valueOf') {
-                  return () => target.resolve()
-                }
-
-                // Default property access
-                return (target as any)[prop]
-              },
-            })
-          }
-
-          // For other asset types, return the asset directly
-          return asset
-        },
-        
-        // Add ownKeys handler to support Object.keys() enumeration
-        ownKeys: (_target) => {
-          return Array.from(this.assets.keys())
-        },
-        
-        // Add has handler to support 'in' operator
-        has: (_target, property: string) => {
-          return this.assets.has(property)
-        }
-      }
-    )
-  }
-}

package/src/assets/ColorAsset.ts

@@ -1,210 +0,0 @@
-/**
- * Color Asset for TachUI Assets system
- *
- * Represents a theme-adaptive color with light and dark variants.
- */
-
-import { getCurrentTheme as _getCurrentTheme } from '../reactive/theme'
-import { Asset } from './Asset'
-import type { ColorValidationResult } from './types'
-
-/**
- * ColorAsset initialization options
- */
-export interface ColorAssetOptions {
-  default: string  // Required - fallback for any theme
-  light?: string   // Optional - light theme override
-  dark?: string    // Optional - dark theme override  
-  name: string     // Required - asset identifier
-}
-
-export class ColorAsset extends Asset {
-  public readonly default: string
-  public readonly light?: string
-  public readonly dark?: string
-
-  constructor(options: ColorAssetOptions) {
-    super(options.name)
-
-    // Validate that default is provided
-    if (!options.default) {
-      throw new Error(`ColorAsset "${options.name}" must specify a default color`)
-    }
-
-    // Validate color formats
-    const defaultValidation = ColorAsset.validateColor(options.default)
-    if (!defaultValidation.isValid) {
-      throw new Error(`Invalid default color format for asset "${options.name}": ${defaultValidation.error}`)
-    }
-
-    if (options.light) {
-      const lightValidation = ColorAsset.validateColor(options.light)
-      if (!lightValidation.isValid) {
-        throw new Error(`Invalid light color format for asset "${options.name}": ${lightValidation.error}`)
-      }
-    }
-
-    if (options.dark) {
-      const darkValidation = ColorAsset.validateColor(options.dark)
-      if (!darkValidation.isValid) {
-        throw new Error(`Invalid dark color format for asset "${options.name}": ${darkValidation.error}`)
-      }
-    }
-
-    this.default = options.default
-    this.light = options.light
-    this.dark = options.dark
-  }
-
-  static init(options: ColorAssetOptions): ColorAsset {
-    return new ColorAsset(options)
-  }
-
-  /**
-   * Validates a color string format
-   * Supports: hex, rgb, rgba, hsl, hsla, and named colors
-   */
-  static validateColor(color: string): ColorValidationResult {
-    if (!color || typeof color !== 'string') {
-      return {
-        isValid: false,
-        error: 'Color must be a non-empty string',
-      }
-    }
-
-    const trimmed = color.trim()
-
-    // Hex format validation
-    const hexRegex = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/
-    if (hexRegex.test(trimmed)) {
-      return { isValid: true, format: 'hex' }
-    }
-
-    // RGB format validation
-    const rgbRegex = /^rgb\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)$/
-    if (rgbRegex.test(trimmed)) {
-      const matches = trimmed.match(rgbRegex)!
-      const [, r, g, b] = matches.map(Number)
-      if (r <= 255 && g <= 255 && b <= 255) {
-        return { isValid: true, format: 'rgb' }
-      }
-      return {
-        isValid: false,
-        error: 'RGB values must be between 0 and 255',
-      }
-    }
-
-    // RGBA format validation
-    const rgbaRegex =
-      /^rgba\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]*\.?[0-9]+)\s*\)$/
-    if (rgbaRegex.test(trimmed)) {
-      const matches = trimmed.match(rgbaRegex)!
-      const [, r, g, b, a] = matches
-      const numR = Number(r),
-        numG = Number(g),
-        numB = Number(b),
-        numA = Number(a)
-      if (numR <= 255 && numG <= 255 && numB <= 255 && numA >= 0 && numA <= 1) {
-        return { isValid: true, format: 'rgba' }
-      }
-      return {
-        isValid: false,
-        error: 'RGBA values must be: RGB 0-255, alpha 0-1',
-      }
-    }
-
-    // HSL format validation
-    const hslRegex = /^hsl\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})%\s*,\s*([0-9]{1,3})%\s*\)$/
-    if (hslRegex.test(trimmed)) {
-      const matches = trimmed.match(hslRegex)!
-      const [, h, s, l] = matches.map(Number)
-      if (h <= 360 && s <= 100 && l <= 100) {
-        return { isValid: true, format: 'hsl' }
-      }
-      return {
-        isValid: false,
-        error: 'HSL values must be: H 0-360, S/L 0-100%',
-      }
-    }
-
-    // HSLA format validation
-    const hslaRegex =
-      /^hsla\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})%\s*,\s*([0-9]{1,3})%\s*,\s*([0-9]*\.?[0-9]+)\s*\)$/
-    if (hslaRegex.test(trimmed)) {
-      const matches = trimmed.match(hslaRegex)!
-      const [, h, s, l, a] = matches
-      const numH = Number(h),
-        numS = Number(s),
-        numL = Number(l),
-        numA = Number(a)
-      if (numH <= 360 && numS <= 100 && numL <= 100 && numA >= 0 && numA <= 1) {
-        return { isValid: true, format: 'hsla' }
-      }
-      return {
-        isValid: false,
-        error: 'HSLA values must be: H 0-360, S/L 0-100%, alpha 0-1',
-      }
-    }
-
-    // Named colors validation (basic set)
-    const namedColors = [
-      'transparent',
-      'currentColor',
-      'inherit',
-      'initial',
-      'unset',
-      'black',
-      'white',
-      'red',
-      'green',
-      'blue',
-      'yellow',
-      'cyan',
-      'magenta',
-      'gray',
-      'grey',
-      'orange',
-      'purple',
-      'pink',
-      'brown',
-      'navy',
-      'teal',
-      'lime',
-      'olive',
-      'maroon',
-      'silver',
-      'aqua',
-      'fuchsia',
-    ]
-
-    if (namedColors.includes(trimmed.toLowerCase())) {
-      return { isValid: true, format: 'named' }
-    }
-
-    // CSS custom property format
-    if (trimmed.startsWith('var(--') && trimmed.endsWith(')')) {
-      return { isValid: true, format: 'named' }
-    }
-
-    return {
-      isValid: false,
-      error:
-        'Unsupported color format. Supported: hex, rgb, rgba, hsl, hsla, named colors, CSS custom properties',
-    }
-  }
-
-  static getCurrentTheme(): string {
-    return _getCurrentTheme()
-  }
-
-  resolve(): string {
-    const currentTheme = ColorAsset.getCurrentTheme()
-    
-    // Resolve priority: theme-specific → default
-    if (currentTheme === 'dark') {
-      return this.dark || this.default
-    } else {
-      return this.light || this.default
-    }
-  }
-}