@principal-ade/panel-layouts 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +29 -29
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +122 -12
  4. package/dist/index.esm.js +313 -185
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/index.js +1 -1
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +1 -1
  9. package/package.json +3 -3
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/hooks/usePanelPersistence.ts","../src/services/LocalStorageWorkspaceAdapter.ts","../src/services/WorkspaceLayoutService.ts","../src/hooks/useWorkspace.ts"],"sourcesContent":["/**\n * usePanelPersistence Hook\n *\n * Extracted and adapted from electron-app/src/renderer/hooks/usePanelPersistence.ts\n * Manages saving and loading panel sizes and collapsed states with debounced persistence.\n */\n\nimport { useState, useEffect, useCallback, useRef } from 'react';\nimport type {\n UsePanelPersistenceOptions,\n PanelSizes,\n TwoPanelSizes,\n PanelCollapsed,\n PanelPersistence,\n PersistenceAdapter,\n} from '../types/persistence.types';\n\n/**\n * Default localStorage-based persistence adapter for web applications\n */\nexport class LocalStoragePersistenceAdapter implements PersistenceAdapter {\n private storageKey = 'panel-layouts';\n\n async load(viewKey: string) {\n try {\n const stored = localStorage.getItem(`${this.storageKey}:${viewKey}`);\n return stored ? JSON.parse(stored) : null;\n } catch (error) {\n console.error(`Failed to load panel layout for ${viewKey}:`, error);\n return null;\n }\n }\n\n async save(viewKey: string, state: { sizes: PanelSizes | TwoPanelSizes }) {\n try {\n localStorage.setItem(\n `${this.storageKey}:${viewKey}`,\n JSON.stringify(state),\n );\n } catch (error) {\n console.error(`Failed to save panel layout for ${viewKey}:`, error);\n }\n }\n}\n\n/**\n * Hook for persisting panel layouts across sessions\n *\n * Manages panel sizes and collapsed states with automatic debounced saving.\n * Supports both 2-panel and 3-panel layouts.\n *\n * @param options - Configuration options for persistence\n * @returns Panel state and handlers for resizing and collapsing\n *\n * @example\n * ```tsx\n * const persistence = usePanelPersistence({\n * viewKey: 'my-app',\n * defaultSizes: { left: 30, middle: 70, right: 0 },\n * collapsed: { left: false, right: true },\n * panelType: 'three-panel',\n * });\n *\n * <ConfigurablePanelLayout\n * {...otherProps}\n * defaultSizes={persistence.sizes}\n * collapsed={persistence.collapsed}\n * onPanelResize={persistence.handlePanelResize}\n * />\n * ```\n */\nexport function usePanelPersistence(\n options: UsePanelPersistenceOptions,\n): PanelPersistence {\n const {\n viewKey,\n defaultSizes,\n panelType,\n adapter = new LocalStoragePersistenceAdapter(),\n } = options;\n\n const [sizes, setSizes] = useState(defaultSizes);\n const [collapsed, setCollapsed] = useState(options.collapsed);\n const prevCollapsedRef = useRef(options.collapsed);\n const lastNonZeroSizesRef = useRef<Partial<PanelSizes & TwoPanelSizes>>({});\n const saveTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const pendingPersistSizesRef = useRef<typeof sizes | null>(null);\n\n // Load saved state on mount\n useEffect(() => {\n const loadSavedState = async () => {\n const saved = await adapter.load(viewKey);\n if (saved?.sizes) {\n setSizes(saved.sizes as typeof sizes);\n updateLastNonZeroSizes(saved.sizes);\n }\n };\n loadSavedState();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [viewKey]);\n\n const updateLastNonZeroSizes = useCallback(\n (incomingSizes: PanelSizes | TwoPanelSizes) => {\n if ('left' in incomingSizes && incomingSizes.left > 0) {\n lastNonZeroSizesRef.current.left = incomingSizes.left;\n }\n\n if ('middle' in incomingSizes && incomingSizes.middle > 0) {\n lastNonZeroSizesRef.current.middle = incomingSizes.middle;\n }\n\n if ('right' in incomingSizes && incomingSizes.right > 0) {\n lastNonZeroSizesRef.current.right = incomingSizes.right;\n }\n },\n [],\n );\n\n const getFallbackSize = useCallback(\n (panel: 'left' | 'right') => {\n const storedSize = lastNonZeroSizesRef.current[panel];\n if (storedSize && storedSize > 0) {\n return storedSize;\n }\n\n if (panel === 'left' && 'left' in defaultSizes && defaultSizes.left > 0) {\n return defaultSizes.left;\n }\n\n if (\n panel === 'right' &&\n 'right' in defaultSizes &&\n defaultSizes.right > 0\n ) {\n return defaultSizes.right;\n }\n\n return undefined;\n },\n [defaultSizes],\n );\n\n // Update sizes when defaultSizes changes (parent has loaded preferences)\n const prevDefaultSizesRef = useRef(defaultSizes);\n useEffect(() => {\n // Only update if the actual values changed, not just the reference\n const hasChanged =\n ('left' in defaultSizes &&\n defaultSizes.left !== prevDefaultSizesRef.current.left) ||\n ('middle' in defaultSizes &&\n 'middle' in prevDefaultSizesRef.current &&\n defaultSizes.middle !==\n (prevDefaultSizesRef.current as PanelSizes).middle) ||\n ('right' in defaultSizes &&\n defaultSizes.right !== prevDefaultSizesRef.current.right);\n\n if (hasChanged) {\n setSizes(defaultSizes);\n updateLastNonZeroSizes(defaultSizes);\n prevDefaultSizesRef.current = defaultSizes;\n }\n }, [defaultSizes, updateLastNonZeroSizes]);\n\n // Sync with parent's collapsed state (e.g., from titlebar buttons)\n useEffect(() => {\n const leftChanged =\n options.collapsed.left !== prevCollapsedRef.current.left;\n const rightChanged =\n 'right' in options.collapsed &&\n 'right' in prevCollapsedRef.current &&\n (options.collapsed as PanelCollapsed).right !==\n (prevCollapsedRef.current as PanelCollapsed).right;\n\n if (leftChanged || rightChanged) {\n setCollapsed(options.collapsed);\n prevCollapsedRef.current = { ...options.collapsed };\n }\n }, [options.collapsed.left, (options.collapsed as PanelCollapsed).right]);\n\n // Save preferences helper (only saves sizes, not collapsed state)\n const savePreferences = useCallback(\n async (newSizes: typeof sizes) => {\n try {\n await adapter.save(viewKey, { sizes: newSizes });\n } catch (error) {\n console.error(\n `Failed to save panel preferences for ${viewKey}:`,\n error,\n );\n }\n },\n [viewKey, adapter],\n );\n\n // Handle panel resize (debounced)\n const handlePanelResize = useCallback(\n (newSizes: typeof sizes) => {\n const sanitizedSizes = { ...newSizes } as typeof newSizes;\n let shouldPersist = true;\n\n if ('left' in newSizes) {\n const leftCollapsed = Boolean((collapsed as PanelCollapsed)?.left);\n const leftSize = newSizes.left;\n\n if (leftCollapsed) {\n const fallback = getFallbackSize('left');\n if (fallback !== undefined && fallback > 0) {\n sanitizedSizes.left = fallback;\n } else {\n shouldPersist = false;\n }\n } else if (leftSize === 0) {\n shouldPersist = false;\n }\n }\n\n if (panelType === 'three-panel' && 'right' in newSizes) {\n const rightCollapsed = Boolean((collapsed as PanelCollapsed)?.right);\n const rightSize = newSizes.right;\n\n if (rightCollapsed) {\n const fallback = getFallbackSize('right');\n if (fallback !== undefined && fallback > 0) {\n sanitizedSizes.right = fallback;\n } else {\n shouldPersist = false;\n }\n } else if (rightSize === 0) {\n shouldPersist = false;\n }\n }\n\n setSizes(sanitizedSizes);\n updateLastNonZeroSizes(sanitizedSizes);\n\n if (saveTimeoutRef.current) {\n clearTimeout(saveTimeoutRef.current);\n saveTimeoutRef.current = null;\n }\n\n if (!shouldPersist) {\n pendingPersistSizesRef.current = null;\n return;\n }\n\n pendingPersistSizesRef.current = sanitizedSizes;\n saveTimeoutRef.current = setTimeout(() => {\n const pendingSizes = pendingPersistSizesRef.current;\n if (pendingSizes) {\n savePreferences(pendingSizes);\n pendingPersistSizesRef.current = null;\n }\n saveTimeoutRef.current = null;\n }, 500);\n },\n [\n collapsed,\n getFallbackSize,\n panelType,\n savePreferences,\n updateLastNonZeroSizes,\n ],\n );\n\n // Cleanup: save any pending changes on unmount\n useEffect(() => {\n return () => {\n if (saveTimeoutRef.current) {\n const pendingSizes = pendingPersistSizesRef.current;\n if (pendingSizes) {\n savePreferences(pendingSizes);\n pendingPersistSizesRef.current = null;\n }\n clearTimeout(saveTimeoutRef.current);\n saveTimeoutRef.current = null;\n }\n };\n }, [savePreferences]);\n\n // Collapse/expand handlers - no-ops because state is controlled by parent\n // The parent manages collapsed state via titlebar buttons and passes it down as props\n const handleLeftCollapseComplete = useCallback(async () => {\n // No-op: parent controls state\n }, []);\n\n const handleLeftExpandComplete = useCallback(async () => {\n // No-op: parent controls state\n }, []);\n\n const handleRightCollapseComplete = useCallback(async () => {\n // No-op: parent controls state\n }, []);\n\n const handleRightExpandComplete = useCallback(async () => {\n // No-op: parent controls state\n }, []);\n\n if (panelType === 'three-panel') {\n return {\n type: 'three-panel',\n sizes: sizes as PanelSizes,\n collapsed: collapsed as PanelCollapsed,\n handlePanelResize: handlePanelResize as (sizes: PanelSizes) => void,\n handleLeftCollapseComplete,\n handleLeftExpandComplete,\n handleRightCollapseComplete,\n handleRightExpandComplete,\n };\n } else {\n return {\n type: 'two-panel',\n sizes: sizes as TwoPanelSizes,\n collapsed: collapsed as { left?: boolean },\n handlePanelResize: handlePanelResize as (sizes: TwoPanelSizes) => void,\n handleLeftCollapseComplete,\n handleLeftExpandComplete,\n };\n }\n}\n","/**\n * LocalStorageWorkspaceAdapter - Browser localStorage implementation\n * Stores workspace presets and repository states in browser localStorage\n */\n\nimport type {\n WorkspaceLayout,\n WorkspaceStorageAdapter,\n RepositoryWorkspaceState,\n} from '../types/workspace.types';\n\nexport class LocalStorageWorkspaceAdapter implements WorkspaceStorageAdapter {\n private readonly PRESETS_KEY = 'panel-layouts:workspace-presets';\n private readonly REPO_STATE_PREFIX = 'panel-layouts:repo-state:';\n\n /**\n * Load all user-created workspace presets\n */\n async loadWorkspacePresets(): Promise<Record<string, WorkspaceLayout>> {\n try {\n const stored = localStorage.getItem(this.PRESETS_KEY);\n if (!stored) {\n return {};\n }\n return JSON.parse(stored);\n } catch (error) {\n console.error('Failed to load workspace presets:', error);\n return {};\n }\n }\n\n /**\n * Save workspace presets\n */\n async saveWorkspacePresets(\n presets: Record<string, WorkspaceLayout>,\n ): Promise<void> {\n try {\n localStorage.setItem(this.PRESETS_KEY, JSON.stringify(presets));\n } catch (error) {\n console.error('Failed to save workspace presets:', error);\n throw error;\n }\n }\n\n /**\n * Load repository-specific workspace state\n */\n async loadRepositoryState(\n repositoryKey: string,\n ): Promise<RepositoryWorkspaceState | null> {\n try {\n const key = `${this.REPO_STATE_PREFIX}${repositoryKey}`;\n const stored = localStorage.getItem(key);\n if (!stored) {\n return null;\n }\n return JSON.parse(stored);\n } catch (error) {\n console.error(\n `Failed to load repository state for ${repositoryKey}:`,\n error,\n );\n return null;\n }\n }\n\n /**\n * Save repository-specific workspace state\n */\n async saveRepositoryState(\n repositoryKey: string,\n state: RepositoryWorkspaceState,\n ): Promise<void> {\n try {\n const key = `${this.REPO_STATE_PREFIX}${repositoryKey}`;\n localStorage.setItem(key, JSON.stringify(state));\n } catch (error) {\n console.error(\n `Failed to save repository state for ${repositoryKey}:`,\n error,\n );\n throw error;\n }\n }\n\n /**\n * Load all repository states\n */\n async loadAllRepositoryStates(): Promise<\n Record<string, RepositoryWorkspaceState>\n > {\n try {\n const allStates: Record<string, RepositoryWorkspaceState> = {};\n\n // Iterate through all localStorage keys\n for (let i = 0; i < localStorage.length; i++) {\n const key = localStorage.key(i);\n if (key && key.startsWith(this.REPO_STATE_PREFIX)) {\n const repositoryKey = key.substring(this.REPO_STATE_PREFIX.length);\n const stored = localStorage.getItem(key);\n if (stored) {\n try {\n allStates[repositoryKey] = JSON.parse(stored);\n } catch (parseError) {\n console.error(\n `Failed to parse repository state for ${repositoryKey}:`,\n parseError,\n );\n }\n }\n }\n }\n\n return allStates;\n } catch (error) {\n console.error('Failed to load all repository states:', error);\n return {};\n }\n }\n}\n","/**\n * WorkspaceLayoutService - Manages workspace layout presets\n * Extracted from electron-app/src/renderer/services/WorkspaceLayoutService.ts\n *\n * This service handles CRUD operations for workspace layouts (panel configuration presets)\n * and provides utilities for comparing layouts and managing built-in workspaces.\n */\n\nimport type { PanelLayout } from '@a24z/panels';\nimport type {\n WorkspaceLayout,\n WorkspaceStorageAdapter,\n RepositoryWorkspaceState,\n CreateWorkspaceOptions,\n UpdateWorkspaceOptions,\n} from '../types/workspace.types';\nimport { LocalStorageWorkspaceAdapter } from './LocalStorageWorkspaceAdapter';\n\nexport class WorkspaceLayoutService {\n private static adapter: WorkspaceStorageAdapter =\n new LocalStorageWorkspaceAdapter();\n\n /**\n * Configure a custom storage adapter (for Electron IPC or remote storage)\n */\n static setAdapter(adapter: WorkspaceStorageAdapter): void {\n this.adapter = adapter;\n }\n\n /**\n * Get all workspace layouts (including built-in)\n */\n static async getWorkspaceLayouts(): Promise<Record<string, WorkspaceLayout>> {\n const builtInWorkspaces = this.getBuiltInWorkspaceLayouts();\n const userWorkspaces = await this.adapter.loadWorkspacePresets();\n\n // Merge built-in and user workspaces, built-in takes precedence\n return {\n ...userWorkspaces,\n ...builtInWorkspaces,\n };\n }\n\n /**\n * Get a specific workspace layout by ID\n */\n static async getWorkspaceLayout(id: string): Promise<WorkspaceLayout | null> {\n const workspaces = await this.getWorkspaceLayouts();\n return workspaces[id] || null;\n }\n\n /**\n * Create a new workspace layout\n */\n static async createWorkspaceLayout(\n options: CreateWorkspaceOptions,\n ): Promise<WorkspaceLayout> {\n const userWorkspaces = await this.adapter.loadWorkspacePresets();\n const id = this.generateWorkspaceId(options.name);\n\n const workspace: WorkspaceLayout = {\n id,\n name: options.name,\n description: options.description,\n layout: options.layout,\n defaultSizes: options.defaultSizes,\n defaultCollapsed: options.defaultCollapsed,\n createdAt: Date.now(),\n updatedAt: Date.now(),\n isBuiltIn: false,\n };\n\n const updatedPresets = {\n ...userWorkspaces,\n [id]: workspace,\n };\n\n await this.adapter.saveWorkspacePresets(updatedPresets);\n\n return workspace;\n }\n\n /**\n * Update an existing workspace layout\n */\n static async updateWorkspaceLayout(\n id: string,\n updates: UpdateWorkspaceOptions,\n ): Promise<WorkspaceLayout | null> {\n const userWorkspaces = await this.adapter.loadWorkspacePresets();\n const existingWorkspace = userWorkspaces[id];\n\n if (!existingWorkspace) {\n console.error(`Workspace layout ${id} not found`);\n return null;\n }\n\n // Don't allow updating built-in workspaces\n if (existingWorkspace.isBuiltIn) {\n console.error(`Cannot update built-in workspace layout ${id}`);\n return null;\n }\n\n const updatedWorkspace: WorkspaceLayout = {\n ...existingWorkspace,\n ...updates,\n id, // Preserve ID\n createdAt: existingWorkspace.createdAt, // Preserve creation time\n updatedAt: Date.now(),\n };\n\n const updatedPresets = {\n ...userWorkspaces,\n [id]: updatedWorkspace,\n };\n\n await this.adapter.saveWorkspacePresets(updatedPresets);\n\n return updatedWorkspace;\n }\n\n /**\n * Delete a workspace layout\n */\n static async deleteWorkspaceLayout(id: string): Promise<boolean> {\n const userWorkspaces = await this.adapter.loadWorkspacePresets();\n const workspace = userWorkspaces[id];\n\n if (!workspace) {\n console.error(`Workspace layout ${id} not found`);\n return false;\n }\n\n // Don't allow deleting built-in workspaces\n if (workspace.isBuiltIn) {\n console.error(`Cannot delete built-in workspace layout ${id}`);\n return false;\n }\n\n const updatedPresets = { ...userWorkspaces };\n delete updatedPresets[id];\n\n await this.adapter.saveWorkspacePresets(updatedPresets);\n\n return true;\n }\n\n /**\n * Get repository state (which workspace + current sizes/collapsed)\n */\n static async getRepositoryState(\n repositoryKey: string,\n ): Promise<RepositoryWorkspaceState | null> {\n return await this.adapter.loadRepositoryState(repositoryKey);\n }\n\n /**\n * Set repository state (which workspace + current sizes/collapsed/layout)\n */\n static async setRepositoryState(\n repositoryKey: string,\n state: RepositoryWorkspaceState,\n ): Promise<void> {\n await this.adapter.saveRepositoryState(repositoryKey, state);\n }\n\n /**\n * Update only sizes in repository state\n */\n static async updateRepositorySizes(\n repositoryKey: string,\n sizes: { left: number; middle: number; right: number },\n ): Promise<void> {\n const currentState = await this.getRepositoryState(repositoryKey);\n if (!currentState) return;\n\n await this.setRepositoryState(repositoryKey, {\n ...currentState,\n sizes,\n });\n }\n\n /**\n * Update only collapsed state in repository state\n */\n static async updateRepositoryCollapsed(\n repositoryKey: string,\n collapsed: { left?: boolean; right?: boolean },\n ): Promise<void> {\n const currentState = await this.getRepositoryState(repositoryKey);\n if (!currentState) return;\n\n await this.setRepositoryState(repositoryKey, {\n ...currentState,\n collapsed,\n });\n }\n\n /**\n * Check if repository state differs from workspace defaults\n */\n static hasStateDeviation(\n repoState: {\n workspaceId: string | null;\n sizes: { left: number; middle: number; right: number };\n collapsed: { left?: boolean; right?: boolean };\n },\n workspace: WorkspaceLayout,\n ): {\n hasSizeDeviation: boolean;\n hasCollapsedDeviation: boolean;\n } {\n const hasSizeDeviation = workspace.defaultSizes\n ? JSON.stringify(repoState.sizes) !==\n JSON.stringify(workspace.defaultSizes)\n : false;\n\n const hasCollapsedDeviation = workspace.defaultCollapsed\n ? JSON.stringify(repoState.collapsed) !==\n JSON.stringify(workspace.defaultCollapsed)\n : false;\n\n return { hasSizeDeviation, hasCollapsedDeviation };\n }\n\n /**\n * Update workspace defaults from repository state\n */\n static async updateWorkspaceFromRepositoryState(\n workspaceId: string,\n repositoryKey: string,\n ): Promise<void> {\n const workspace = await this.getWorkspaceLayout(workspaceId);\n const repoState = await this.getRepositoryState(repositoryKey);\n\n if (!workspace || !repoState || workspace.isBuiltIn) {\n console.error(\n 'Cannot update built-in workspace or workspace/state not found',\n );\n return;\n }\n\n await this.updateWorkspaceLayout(workspaceId, {\n defaultSizes: repoState.sizes,\n defaultCollapsed: repoState.collapsed,\n });\n }\n\n /**\n * Reset repository state to workspace defaults\n */\n static async resetRepositoryToWorkspaceDefaults(\n repositoryKey: string,\n workspaceId: string,\n ): Promise<void> {\n const workspace = await this.getWorkspaceLayout(workspaceId);\n if (!workspace) {\n console.error(`Workspace ${workspaceId} not found`);\n return;\n }\n\n const currentState = await this.getRepositoryState(repositoryKey);\n if (!currentState) return;\n\n await this.setRepositoryState(repositoryKey, {\n ...currentState,\n sizes: workspace.defaultSizes || { left: 20, middle: 45, right: 35 },\n collapsed: workspace.defaultCollapsed || { left: false, right: false },\n });\n }\n\n /**\n * Check if a layout matches a workspace layout\n */\n static isLayoutMatchingWorkspace(\n layout: PanelLayout,\n workspace: WorkspaceLayout,\n ): boolean {\n return this.areLayoutsEqual(layout, workspace.layout);\n }\n\n /**\n * Find workspace ID that matches the given layout\n */\n static async findMatchingWorkspace(\n layout: PanelLayout,\n ): Promise<string | null> {\n const workspaces = await this.getWorkspaceLayouts();\n\n for (const [id, workspace] of Object.entries(workspaces)) {\n if (this.isLayoutMatchingWorkspace(layout, workspace)) {\n return id;\n }\n }\n\n return null;\n }\n\n /**\n * Deep comparison of two panel layouts\n */\n private static areLayoutsEqual(\n layout1: PanelLayout,\n layout2: PanelLayout,\n ): boolean {\n return JSON.stringify(layout1) === JSON.stringify(layout2);\n }\n\n /**\n * Generate a unique ID from a workspace name\n */\n private static generateWorkspaceId(name: string): string {\n const base = name.toLowerCase().replace(/[^a-z0-9]+/g, '-');\n return `${base}-${Date.now()}`;\n }\n\n /**\n * Get built-in workspace layouts\n */\n static getBuiltInWorkspaceLayouts(): Record<string, WorkspaceLayout> {\n const now = Date.now();\n\n return {\n 'project-management': {\n id: 'project-management',\n name: 'Project Management',\n description:\n 'Tasks, dependencies, issues, file tree, docs, drawings, multi terminal, city visualization, code viewer, markdown slides, and excalidraw',\n layout: {\n left: {\n type: 'tabs',\n panels: [\n 'tasks',\n 'dependencies',\n 'gitIssues',\n 'fileTree',\n 'docs',\n 'drawings',\n ],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: 'multiTerminal',\n right: {\n type: 'tabs',\n panels: [\n 'cityVisualization',\n 'codeViewer',\n 'markdownViewer',\n 'excalidrawDiagram',\n ],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n },\n defaultSizes: { left: 20, middle: 45, right: 35 },\n defaultCollapsed: { left: false, right: false },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n 'code-review': {\n id: 'code-review',\n name: 'Code Review',\n description:\n 'Git changes, pull requests, and file tree on left, git diff and code viewer in middle, city map on right',\n layout: {\n left: {\n type: 'tabs',\n panels: ['gitChanges', 'gitPullRequests', 'fileTree'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: {\n type: 'tabs',\n panels: ['gitDiff', 'codeViewer'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n right: 'cityVisualization',\n },\n defaultSizes: { left: 20, middle: 50, right: 30 },\n defaultCollapsed: { left: false, right: false },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n documentation: {\n id: 'documentation',\n name: 'Documentation',\n description: 'Docs, markdown viewer, and code viewer',\n layout: {\n left: 'docs',\n middle: 'markdownViewer',\n right: 'codeViewer',\n },\n defaultSizes: { left: 20, middle: 50, right: 30 },\n defaultCollapsed: { left: false, right: true },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n 'agent-work': {\n id: 'agent-work',\n name: 'Agent Work',\n description:\n 'Tasks, agent sessions, file tree, agent context, git changes, docs, multi terminal, city map, agent events, code viewer, and markdown slides',\n layout: {\n left: {\n type: 'tabs',\n panels: [\n 'tasks',\n 'agentSessions',\n 'fileTree',\n 'agentContext',\n 'gitChanges',\n 'docs',\n ],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: 'multiTerminal',\n right: {\n type: 'tabs',\n panels: [\n 'cityVisualization',\n 'agentEvents',\n 'codeViewer',\n 'markdownViewer',\n ],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n },\n defaultSizes: { left: 20, middle: 45, right: 35 },\n defaultCollapsed: { left: false, right: false },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n 'quality-check': {\n id: 'quality-check',\n name: 'Quality Check',\n description:\n 'Package information, tools, and dependencies on left; city visualization map in middle; multi terminal and code viewer on right (collapsed)',\n layout: {\n left: {\n type: 'tabs',\n panels: ['packageInfo', 'tools', 'dependencies'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: 'cityVisualization',\n right: {\n type: 'tabs',\n panels: ['multiTerminal', 'codeViewer'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n },\n defaultSizes: { left: 20, middle: 45, right: 35 },\n defaultCollapsed: { left: false, right: true },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n drawing: {\n id: 'drawing',\n name: 'Drawing',\n description:\n 'Drawings and docs, excalidraw diagram, multi terminal and markdown viewer',\n layout: {\n left: {\n type: 'tabs',\n panels: ['drawings', 'docs'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: 'excalidrawDiagram',\n right: {\n type: 'tabs',\n panels: ['multiTerminal', 'markdownViewer'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n },\n defaultSizes: { left: 20, middle: 50, right: 30 },\n defaultCollapsed: { left: false, right: true },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n 'old-school': {\n id: 'old-school',\n name: 'Old School',\n description:\n 'File tree, search, git changes, and docs on left; code viewer and markdown viewer in middle; multi terminal and city map on right (collapsed)',\n layout: {\n left: {\n type: 'tabs',\n panels: ['fileTree', 'search', 'gitChanges', 'docs'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: {\n type: 'tabs',\n panels: ['codeViewer', 'markdownViewer'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n right: {\n type: 'tabs',\n panels: ['multiTerminal', 'cityVisualization'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n },\n defaultSizes: { left: 20, middle: 50, right: 30 },\n defaultCollapsed: { left: false, right: true },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n 'principal-office': {\n id: 'principal-office',\n name: 'Principal Office',\n description:\n 'Alexandria docs on left, MDX editor in middle, multi terminal on right',\n layout: {\n left: 'docs',\n middle: 'mdxEditor',\n right: 'multiTerminal',\n },\n defaultSizes: { left: 20, middle: 50, right: 30 },\n defaultCollapsed: { left: false, right: false },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n };\n }\n\n /**\n * Initialize workspace layouts with built-in defaults if none exist\n */\n static async initializeWorkspaceLayouts(): Promise<void> {\n const userWorkspaces = await this.adapter.loadWorkspacePresets();\n\n // Only initialize if there are no user workspaces yet\n // Built-in workspaces are always available via getBuiltInWorkspaceLayouts()\n if (Object.keys(userWorkspaces).length === 0) {\n // Nothing to do - built-in workspaces are always available\n // This method exists for compatibility with electron-app\n }\n }\n}\n","/**\n * useWorkspace - React hook for workspace management\n * Provides easy access to workspace operations and state\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { WorkspaceLayoutService } from '../services/WorkspaceLayoutService';\nimport type {\n WorkspaceLayout,\n RepositoryWorkspaceState,\n CreateWorkspaceOptions,\n UpdateWorkspaceOptions,\n} from '../types/workspace.types';\n\nexport interface UseWorkspaceOptions {\n /**\n * Optional repository key for repository-specific state\n * If provided, the hook will manage repository state\n */\n repositoryKey?: string;\n\n /**\n * Auto-initialize repository state if it doesn't exist\n */\n autoInitialize?: boolean;\n\n /**\n * Default workspace to use for auto-initialization\n */\n defaultWorkspaceId?: string;\n}\n\nexport interface UseWorkspaceReturn {\n /**\n * All available workspaces (built-in + user-created)\n */\n workspaces: Record<string, WorkspaceLayout>;\n\n /**\n * Current repository state (if repositoryKey provided)\n */\n repositoryState: RepositoryWorkspaceState | null;\n\n /**\n * Current active workspace (if repositoryKey provided)\n */\n activeWorkspace: WorkspaceLayout | null;\n\n /**\n * Loading state\n */\n loading: boolean;\n\n /**\n * Error state\n */\n error: Error | null;\n\n /**\n * Get a specific workspace by ID\n */\n getWorkspace: (id: string) => Promise<WorkspaceLayout | null>;\n\n /**\n * Create a new workspace\n */\n createWorkspace: (options: CreateWorkspaceOptions) => Promise<WorkspaceLayout>;\n\n /**\n * Update an existing workspace\n */\n updateWorkspace: (\n id: string,\n updates: UpdateWorkspaceOptions,\n ) => Promise<WorkspaceLayout | null>;\n\n /**\n * Delete a workspace\n */\n deleteWorkspace: (id: string) => Promise<boolean>;\n\n /**\n * Apply a workspace to the current repository\n */\n applyWorkspace: (workspaceId: string) => Promise<void>;\n\n /**\n * Update repository sizes\n */\n updateSizes: (sizes: {\n left: number;\n middle: number;\n right: number;\n }) => Promise<void>;\n\n /**\n * Update repository collapsed state\n */\n updateCollapsed: (collapsed: {\n left?: boolean;\n right?: boolean;\n }) => Promise<void>;\n\n /**\n * Reset repository to workspace defaults\n */\n resetToDefaults: () => Promise<void>;\n\n /**\n * Refresh workspace data\n */\n refresh: () => Promise<void>;\n}\n\nexport function useWorkspace(\n options: UseWorkspaceOptions = {},\n): UseWorkspaceReturn {\n const { repositoryKey, autoInitialize = false, defaultWorkspaceId } = options;\n\n const [workspaces, setWorkspaces] = useState<Record<string, WorkspaceLayout>>(\n {},\n );\n const [repositoryState, setRepositoryState] =\n useState<RepositoryWorkspaceState | null>(null);\n const [activeWorkspace, setActiveWorkspace] =\n useState<WorkspaceLayout | null>(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<Error | null>(null);\n\n /**\n * Load all workspaces and repository state\n */\n const loadData = useCallback(async () => {\n try {\n setLoading(true);\n setError(null);\n\n // Load all workspaces\n const allWorkspaces =\n await WorkspaceLayoutService.getWorkspaceLayouts();\n setWorkspaces(allWorkspaces);\n\n // Load repository state if repositoryKey provided\n if (repositoryKey) {\n let repoState =\n await WorkspaceLayoutService.getRepositoryState(repositoryKey);\n\n // Auto-initialize if requested and state doesn't exist\n if (!repoState && autoInitialize) {\n const workspaceId =\n defaultWorkspaceId || 'project-management'; // Default to project-management\n const workspace =\n await WorkspaceLayoutService.getWorkspaceLayout(workspaceId);\n\n if (workspace) {\n repoState = {\n workspaceId,\n sizes: workspace.defaultSizes || {\n left: 20,\n middle: 45,\n right: 35,\n },\n collapsed: workspace.defaultCollapsed || {\n left: false,\n right: false,\n },\n };\n\n await WorkspaceLayoutService.setRepositoryState(\n repositoryKey,\n repoState,\n );\n }\n }\n\n setRepositoryState(repoState);\n\n // Load active workspace if repository has one\n if (repoState?.workspaceId) {\n const workspace = await WorkspaceLayoutService.getWorkspaceLayout(\n repoState.workspaceId,\n );\n setActiveWorkspace(workspace);\n } else {\n setActiveWorkspace(null);\n }\n }\n } catch (err) {\n setError(err as Error);\n console.error('Failed to load workspace data:', err);\n } finally {\n setLoading(false);\n }\n }, [repositoryKey, autoInitialize, defaultWorkspaceId]);\n\n /**\n * Initial load\n */\n useEffect(() => {\n loadData();\n }, [loadData]);\n\n /**\n * Get a specific workspace\n */\n const getWorkspace = useCallback(\n async (id: string) => {\n return await WorkspaceLayoutService.getWorkspaceLayout(id);\n },\n [],\n );\n\n /**\n * Create a new workspace\n */\n const createWorkspace = useCallback(\n async (createOptions: CreateWorkspaceOptions) => {\n const workspace =\n await WorkspaceLayoutService.createWorkspaceLayout(createOptions);\n await loadData(); // Refresh\n return workspace;\n },\n [loadData],\n );\n\n /**\n * Update an existing workspace\n */\n const updateWorkspace = useCallback(\n async (id: string, updates: UpdateWorkspaceOptions) => {\n const workspace =\n await WorkspaceLayoutService.updateWorkspaceLayout(id, updates);\n await loadData(); // Refresh\n return workspace;\n },\n [loadData],\n );\n\n /**\n * Delete a workspace\n */\n const deleteWorkspace = useCallback(\n async (id: string) => {\n const success = await WorkspaceLayoutService.deleteWorkspaceLayout(id);\n if (success) {\n await loadData(); // Refresh\n }\n return success;\n },\n [loadData],\n );\n\n /**\n * Apply a workspace to the current repository\n */\n const applyWorkspace = useCallback(\n async (workspaceId: string) => {\n if (!repositoryKey) {\n console.error('Cannot apply workspace without repositoryKey');\n return;\n }\n\n const workspace =\n await WorkspaceLayoutService.getWorkspaceLayout(workspaceId);\n if (!workspace) {\n console.error(`Workspace ${workspaceId} not found`);\n return;\n }\n\n const newState: RepositoryWorkspaceState = {\n workspaceId,\n sizes: workspace.defaultSizes || { left: 20, middle: 45, right: 35 },\n collapsed: workspace.defaultCollapsed || {\n left: false,\n right: false,\n },\n };\n\n await WorkspaceLayoutService.setRepositoryState(repositoryKey, newState);\n await loadData(); // Refresh\n },\n [repositoryKey, loadData],\n );\n\n /**\n * Update repository sizes\n */\n const updateSizes = useCallback(\n async (sizes: { left: number; middle: number; right: number }) => {\n if (!repositoryKey) {\n console.error('Cannot update sizes without repositoryKey');\n return;\n }\n\n await WorkspaceLayoutService.updateRepositorySizes(repositoryKey, sizes);\n await loadData(); // Refresh\n },\n [repositoryKey, loadData],\n );\n\n /**\n * Update repository collapsed state\n */\n const updateCollapsed = useCallback(\n async (collapsed: { left?: boolean; right?: boolean }) => {\n if (!repositoryKey) {\n console.error('Cannot update collapsed without repositoryKey');\n return;\n }\n\n await WorkspaceLayoutService.updateRepositoryCollapsed(\n repositoryKey,\n collapsed,\n );\n await loadData(); // Refresh\n },\n [repositoryKey, loadData],\n );\n\n /**\n * Reset repository to workspace defaults\n */\n const resetToDefaults = useCallback(async () => {\n if (!repositoryKey || !repositoryState?.workspaceId) {\n console.error('Cannot reset without repositoryKey and active workspace');\n return;\n }\n\n await WorkspaceLayoutService.resetRepositoryToWorkspaceDefaults(\n repositoryKey,\n repositoryState.workspaceId,\n );\n await loadData(); // Refresh\n }, [repositoryKey, repositoryState?.workspaceId, loadData]);\n\n /**\n * Refresh workspace data\n */\n const refresh = useCallback(async () => {\n await loadData();\n }, [loadData]);\n\n return {\n workspaces,\n repositoryState,\n activeWorkspace,\n loading,\n error,\n getWorkspace,\n createWorkspace,\n updateWorkspace,\n deleteWorkspace,\n applyWorkspace,\n updateSizes,\n updateCollapsed,\n resetToDefaults,\n refresh,\n };\n}\n"],"names":["LocalStoragePersistenceAdapter","__publicField","viewKey","stored","error","state","usePanelPersistence","options","defaultSizes","panelType","adapter","sizes","setSizes","useState","collapsed","setCollapsed","prevCollapsedRef","useRef","lastNonZeroSizesRef","saveTimeoutRef","pendingPersistSizesRef","useEffect","saved","updateLastNonZeroSizes","useCallback","incomingSizes","getFallbackSize","panel","storedSize","prevDefaultSizesRef","leftChanged","rightChanged","savePreferences","newSizes","handlePanelResize","sanitizedSizes","shouldPersist","leftCollapsed","leftSize","fallback","rightCollapsed","rightSize","pendingSizes","handleLeftCollapseComplete","handleLeftExpandComplete","handleRightCollapseComplete","handleRightExpandComplete","LocalStorageWorkspaceAdapter","presets","repositoryKey","key","allStates","i","parseError","WorkspaceLayoutService","builtInWorkspaces","id","userWorkspaces","workspace","updatedPresets","updates","existingWorkspace","updatedWorkspace","currentState","repoState","hasSizeDeviation","hasCollapsedDeviation","workspaceId","layout","workspaces","layout1","layout2","name","now","useWorkspace","autoInitialize","defaultWorkspaceId","setWorkspaces","repositoryState","setRepositoryState","activeWorkspace","setActiveWorkspace","loading","setLoading","setError","loadData","allWorkspaces","err","getWorkspace","createWorkspace","createOptions","updateWorkspace","deleteWorkspace","success","applyWorkspace","newState","updateSizes","updateCollapsed","resetToDefaults","refresh"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/hooks/usePanelPersistence.ts","../src/services/LocalStorageWorkspaceAdapter.ts","../src/services/WorkspaceLayoutService.ts","../src/hooks/useWorkspace.ts","../src/keyboard/hooks/usePanelFocus.ts","../src/keyboard/hooks/usePanelKeyboardShortcuts.ts","../src/keyboard/components/FocusIndicator.tsx"],"sourcesContent":["/**\n * usePanelPersistence Hook\n *\n * Extracted and adapted from electron-app/src/renderer/hooks/usePanelPersistence.ts\n * Manages saving and loading panel sizes and collapsed states with debounced persistence.\n */\n\nimport { useState, useEffect, useCallback, useRef } from 'react';\nimport type {\n UsePanelPersistenceOptions,\n PanelSizes,\n TwoPanelSizes,\n PanelCollapsed,\n PanelPersistence,\n PersistenceAdapter,\n} from '../types/persistence.types';\n\n/**\n * Default localStorage-based persistence adapter for web applications\n */\nexport class LocalStoragePersistenceAdapter implements PersistenceAdapter {\n private storageKey = 'panel-layouts';\n\n async load(viewKey: string) {\n try {\n const stored = localStorage.getItem(`${this.storageKey}:${viewKey}`);\n return stored ? JSON.parse(stored) : null;\n } catch (error) {\n console.error(`Failed to load panel layout for ${viewKey}:`, error);\n return null;\n }\n }\n\n async save(viewKey: string, state: { sizes: PanelSizes | TwoPanelSizes }) {\n try {\n localStorage.setItem(\n `${this.storageKey}:${viewKey}`,\n JSON.stringify(state),\n );\n } catch (error) {\n console.error(`Failed to save panel layout for ${viewKey}:`, error);\n }\n }\n}\n\n/**\n * Hook for persisting panel layouts across sessions\n *\n * Manages panel sizes and collapsed states with automatic debounced saving.\n * Supports both 2-panel and 3-panel layouts.\n *\n * @param options - Configuration options for persistence\n * @returns Panel state and handlers for resizing and collapsing\n *\n * @example\n * ```tsx\n * const persistence = usePanelPersistence({\n * viewKey: 'my-app',\n * defaultSizes: { left: 30, middle: 70, right: 0 },\n * collapsed: { left: false, right: true },\n * panelType: 'three-panel',\n * });\n *\n * <ConfigurablePanelLayout\n * {...otherProps}\n * defaultSizes={persistence.sizes}\n * collapsed={persistence.collapsed}\n * onPanelResize={persistence.handlePanelResize}\n * />\n * ```\n */\nexport function usePanelPersistence(\n options: UsePanelPersistenceOptions,\n): PanelPersistence {\n const {\n viewKey,\n defaultSizes,\n panelType,\n adapter = new LocalStoragePersistenceAdapter(),\n } = options;\n\n const [sizes, setSizes] = useState(defaultSizes);\n const [collapsed, setCollapsed] = useState(options.collapsed);\n const prevCollapsedRef = useRef(options.collapsed);\n const lastNonZeroSizesRef = useRef<Partial<PanelSizes & TwoPanelSizes>>({});\n const saveTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const pendingPersistSizesRef = useRef<typeof sizes | null>(null);\n\n // Load saved state on mount\n useEffect(() => {\n const loadSavedState = async () => {\n const saved = await adapter.load(viewKey);\n if (saved?.sizes) {\n setSizes(saved.sizes as typeof sizes);\n updateLastNonZeroSizes(saved.sizes);\n }\n };\n loadSavedState();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [viewKey]);\n\n const updateLastNonZeroSizes = useCallback(\n (incomingSizes: PanelSizes | TwoPanelSizes) => {\n if ('left' in incomingSizes && incomingSizes.left > 0) {\n lastNonZeroSizesRef.current.left = incomingSizes.left;\n }\n\n if ('middle' in incomingSizes && incomingSizes.middle > 0) {\n lastNonZeroSizesRef.current.middle = incomingSizes.middle;\n }\n\n if ('right' in incomingSizes && incomingSizes.right > 0) {\n lastNonZeroSizesRef.current.right = incomingSizes.right;\n }\n },\n [],\n );\n\n const getFallbackSize = useCallback(\n (panel: 'left' | 'right') => {\n const storedSize = lastNonZeroSizesRef.current[panel];\n if (storedSize && storedSize > 0) {\n return storedSize;\n }\n\n if (panel === 'left' && 'left' in defaultSizes && defaultSizes.left > 0) {\n return defaultSizes.left;\n }\n\n if (\n panel === 'right' &&\n 'right' in defaultSizes &&\n defaultSizes.right > 0\n ) {\n return defaultSizes.right;\n }\n\n return undefined;\n },\n [defaultSizes],\n );\n\n // Update sizes when defaultSizes changes (parent has loaded preferences)\n const prevDefaultSizesRef = useRef(defaultSizes);\n useEffect(() => {\n // Only update if the actual values changed, not just the reference\n const hasChanged =\n ('left' in defaultSizes &&\n defaultSizes.left !== prevDefaultSizesRef.current.left) ||\n ('middle' in defaultSizes &&\n 'middle' in prevDefaultSizesRef.current &&\n defaultSizes.middle !==\n (prevDefaultSizesRef.current as PanelSizes).middle) ||\n ('right' in defaultSizes &&\n defaultSizes.right !== prevDefaultSizesRef.current.right);\n\n if (hasChanged) {\n setSizes(defaultSizes);\n updateLastNonZeroSizes(defaultSizes);\n prevDefaultSizesRef.current = defaultSizes;\n }\n }, [defaultSizes, updateLastNonZeroSizes]);\n\n // Sync with parent's collapsed state (e.g., from titlebar buttons)\n useEffect(() => {\n const leftChanged =\n options.collapsed.left !== prevCollapsedRef.current.left;\n const rightChanged =\n 'right' in options.collapsed &&\n 'right' in prevCollapsedRef.current &&\n (options.collapsed as PanelCollapsed).right !==\n (prevCollapsedRef.current as PanelCollapsed).right;\n\n if (leftChanged || rightChanged) {\n setCollapsed(options.collapsed);\n prevCollapsedRef.current = { ...options.collapsed };\n }\n }, [options.collapsed.left, (options.collapsed as PanelCollapsed).right]);\n\n // Save preferences helper (only saves sizes, not collapsed state)\n const savePreferences = useCallback(\n async (newSizes: typeof sizes) => {\n try {\n await adapter.save(viewKey, { sizes: newSizes });\n } catch (error) {\n console.error(\n `Failed to save panel preferences for ${viewKey}:`,\n error,\n );\n }\n },\n [viewKey, adapter],\n );\n\n // Handle panel resize (debounced)\n const handlePanelResize = useCallback(\n (newSizes: typeof sizes) => {\n const sanitizedSizes = { ...newSizes } as typeof newSizes;\n let shouldPersist = true;\n\n if ('left' in newSizes) {\n const leftCollapsed = Boolean((collapsed as PanelCollapsed)?.left);\n const leftSize = newSizes.left;\n\n if (leftCollapsed) {\n const fallback = getFallbackSize('left');\n if (fallback !== undefined && fallback > 0) {\n sanitizedSizes.left = fallback;\n } else {\n shouldPersist = false;\n }\n } else if (leftSize === 0) {\n shouldPersist = false;\n }\n }\n\n if (panelType === 'three-panel' && 'right' in newSizes) {\n const rightCollapsed = Boolean((collapsed as PanelCollapsed)?.right);\n const rightSize = newSizes.right;\n\n if (rightCollapsed) {\n const fallback = getFallbackSize('right');\n if (fallback !== undefined && fallback > 0) {\n sanitizedSizes.right = fallback;\n } else {\n shouldPersist = false;\n }\n } else if (rightSize === 0) {\n shouldPersist = false;\n }\n }\n\n setSizes(sanitizedSizes);\n updateLastNonZeroSizes(sanitizedSizes);\n\n if (saveTimeoutRef.current) {\n clearTimeout(saveTimeoutRef.current);\n saveTimeoutRef.current = null;\n }\n\n if (!shouldPersist) {\n pendingPersistSizesRef.current = null;\n return;\n }\n\n pendingPersistSizesRef.current = sanitizedSizes;\n saveTimeoutRef.current = setTimeout(() => {\n const pendingSizes = pendingPersistSizesRef.current;\n if (pendingSizes) {\n savePreferences(pendingSizes);\n pendingPersistSizesRef.current = null;\n }\n saveTimeoutRef.current = null;\n }, 500);\n },\n [\n collapsed,\n getFallbackSize,\n panelType,\n savePreferences,\n updateLastNonZeroSizes,\n ],\n );\n\n // Cleanup: save any pending changes on unmount\n useEffect(() => {\n return () => {\n if (saveTimeoutRef.current) {\n const pendingSizes = pendingPersistSizesRef.current;\n if (pendingSizes) {\n savePreferences(pendingSizes);\n pendingPersistSizesRef.current = null;\n }\n clearTimeout(saveTimeoutRef.current);\n saveTimeoutRef.current = null;\n }\n };\n }, [savePreferences]);\n\n // Collapse/expand handlers - no-ops because state is controlled by parent\n // The parent manages collapsed state via titlebar buttons and passes it down as props\n const handleLeftCollapseComplete = useCallback(async () => {\n // No-op: parent controls state\n }, []);\n\n const handleLeftExpandComplete = useCallback(async () => {\n // No-op: parent controls state\n }, []);\n\n const handleRightCollapseComplete = useCallback(async () => {\n // No-op: parent controls state\n }, []);\n\n const handleRightExpandComplete = useCallback(async () => {\n // No-op: parent controls state\n }, []);\n\n if (panelType === 'three-panel') {\n return {\n type: 'three-panel',\n sizes: sizes as PanelSizes,\n collapsed: collapsed as PanelCollapsed,\n handlePanelResize: handlePanelResize as (sizes: PanelSizes) => void,\n handleLeftCollapseComplete,\n handleLeftExpandComplete,\n handleRightCollapseComplete,\n handleRightExpandComplete,\n };\n } else {\n return {\n type: 'two-panel',\n sizes: sizes as TwoPanelSizes,\n collapsed: collapsed as { left?: boolean },\n handlePanelResize: handlePanelResize as (sizes: TwoPanelSizes) => void,\n handleLeftCollapseComplete,\n handleLeftExpandComplete,\n };\n }\n}\n","/**\n * LocalStorageWorkspaceAdapter - Browser localStorage implementation\n * Stores workspace presets and repository states in browser localStorage\n */\n\nimport type {\n WorkspaceLayout,\n WorkspaceStorageAdapter,\n RepositoryWorkspaceState,\n} from '../types/workspace.types';\n\nexport class LocalStorageWorkspaceAdapter implements WorkspaceStorageAdapter {\n private readonly PRESETS_KEY = 'panel-layouts:workspace-presets';\n private readonly REPO_STATE_PREFIX = 'panel-layouts:repo-state:';\n\n /**\n * Load all user-created workspace presets\n */\n async loadWorkspacePresets(): Promise<Record<string, WorkspaceLayout>> {\n try {\n const stored = localStorage.getItem(this.PRESETS_KEY);\n if (!stored) {\n return {};\n }\n return JSON.parse(stored);\n } catch (error) {\n console.error('Failed to load workspace presets:', error);\n return {};\n }\n }\n\n /**\n * Save workspace presets\n */\n async saveWorkspacePresets(\n presets: Record<string, WorkspaceLayout>,\n ): Promise<void> {\n try {\n localStorage.setItem(this.PRESETS_KEY, JSON.stringify(presets));\n } catch (error) {\n console.error('Failed to save workspace presets:', error);\n throw error;\n }\n }\n\n /**\n * Load repository-specific workspace state\n */\n async loadRepositoryState(\n repositoryKey: string,\n ): Promise<RepositoryWorkspaceState | null> {\n try {\n const key = `${this.REPO_STATE_PREFIX}${repositoryKey}`;\n const stored = localStorage.getItem(key);\n if (!stored) {\n return null;\n }\n return JSON.parse(stored);\n } catch (error) {\n console.error(\n `Failed to load repository state for ${repositoryKey}:`,\n error,\n );\n return null;\n }\n }\n\n /**\n * Save repository-specific workspace state\n */\n async saveRepositoryState(\n repositoryKey: string,\n state: RepositoryWorkspaceState,\n ): Promise<void> {\n try {\n const key = `${this.REPO_STATE_PREFIX}${repositoryKey}`;\n localStorage.setItem(key, JSON.stringify(state));\n } catch (error) {\n console.error(\n `Failed to save repository state for ${repositoryKey}:`,\n error,\n );\n throw error;\n }\n }\n\n /**\n * Load all repository states\n */\n async loadAllRepositoryStates(): Promise<\n Record<string, RepositoryWorkspaceState>\n > {\n try {\n const allStates: Record<string, RepositoryWorkspaceState> = {};\n\n // Iterate through all localStorage keys\n for (let i = 0; i < localStorage.length; i++) {\n const key = localStorage.key(i);\n if (key && key.startsWith(this.REPO_STATE_PREFIX)) {\n const repositoryKey = key.substring(this.REPO_STATE_PREFIX.length);\n const stored = localStorage.getItem(key);\n if (stored) {\n try {\n allStates[repositoryKey] = JSON.parse(stored);\n } catch (parseError) {\n console.error(\n `Failed to parse repository state for ${repositoryKey}:`,\n parseError,\n );\n }\n }\n }\n }\n\n return allStates;\n } catch (error) {\n console.error('Failed to load all repository states:', error);\n return {};\n }\n }\n}\n","/**\n * WorkspaceLayoutService - Manages workspace layout presets\n * Extracted from electron-app/src/renderer/services/WorkspaceLayoutService.ts\n *\n * This service handles CRUD operations for workspace layouts (panel configuration presets)\n * and provides utilities for comparing layouts and managing built-in workspaces.\n */\n\nimport type { PanelLayout } from '@principal-ade/panels';\nimport type {\n WorkspaceLayout,\n WorkspaceStorageAdapter,\n RepositoryWorkspaceState,\n CreateWorkspaceOptions,\n UpdateWorkspaceOptions,\n} from '../types/workspace.types';\nimport { LocalStorageWorkspaceAdapter } from './LocalStorageWorkspaceAdapter';\n\nexport class WorkspaceLayoutService {\n private static adapter: WorkspaceStorageAdapter =\n new LocalStorageWorkspaceAdapter();\n\n /**\n * Configure a custom storage adapter (for Electron IPC or remote storage)\n */\n static setAdapter(adapter: WorkspaceStorageAdapter): void {\n this.adapter = adapter;\n }\n\n /**\n * Get all workspace layouts (including built-in)\n */\n static async getWorkspaceLayouts(): Promise<Record<string, WorkspaceLayout>> {\n const builtInWorkspaces = this.getBuiltInWorkspaceLayouts();\n const userWorkspaces = await this.adapter.loadWorkspacePresets();\n\n // Merge built-in and user workspaces, built-in takes precedence\n return {\n ...userWorkspaces,\n ...builtInWorkspaces,\n };\n }\n\n /**\n * Get a specific workspace layout by ID\n */\n static async getWorkspaceLayout(id: string): Promise<WorkspaceLayout | null> {\n const workspaces = await this.getWorkspaceLayouts();\n return workspaces[id] || null;\n }\n\n /**\n * Create a new workspace layout\n */\n static async createWorkspaceLayout(\n options: CreateWorkspaceOptions,\n ): Promise<WorkspaceLayout> {\n const userWorkspaces = await this.adapter.loadWorkspacePresets();\n const id = this.generateWorkspaceId(options.name);\n\n const workspace: WorkspaceLayout = {\n id,\n name: options.name,\n description: options.description,\n layout: options.layout,\n defaultSizes: options.defaultSizes,\n defaultCollapsed: options.defaultCollapsed,\n createdAt: Date.now(),\n updatedAt: Date.now(),\n isBuiltIn: false,\n };\n\n const updatedPresets = {\n ...userWorkspaces,\n [id]: workspace,\n };\n\n await this.adapter.saveWorkspacePresets(updatedPresets);\n\n return workspace;\n }\n\n /**\n * Update an existing workspace layout\n */\n static async updateWorkspaceLayout(\n id: string,\n updates: UpdateWorkspaceOptions,\n ): Promise<WorkspaceLayout | null> {\n const userWorkspaces = await this.adapter.loadWorkspacePresets();\n const existingWorkspace = userWorkspaces[id];\n\n if (!existingWorkspace) {\n console.error(`Workspace layout ${id} not found`);\n return null;\n }\n\n // Don't allow updating built-in workspaces\n if (existingWorkspace.isBuiltIn) {\n console.error(`Cannot update built-in workspace layout ${id}`);\n return null;\n }\n\n const updatedWorkspace: WorkspaceLayout = {\n ...existingWorkspace,\n ...updates,\n id, // Preserve ID\n createdAt: existingWorkspace.createdAt, // Preserve creation time\n updatedAt: Date.now(),\n };\n\n const updatedPresets = {\n ...userWorkspaces,\n [id]: updatedWorkspace,\n };\n\n await this.adapter.saveWorkspacePresets(updatedPresets);\n\n return updatedWorkspace;\n }\n\n /**\n * Delete a workspace layout\n */\n static async deleteWorkspaceLayout(id: string): Promise<boolean> {\n const userWorkspaces = await this.adapter.loadWorkspacePresets();\n const workspace = userWorkspaces[id];\n\n if (!workspace) {\n console.error(`Workspace layout ${id} not found`);\n return false;\n }\n\n // Don't allow deleting built-in workspaces\n if (workspace.isBuiltIn) {\n console.error(`Cannot delete built-in workspace layout ${id}`);\n return false;\n }\n\n const updatedPresets = { ...userWorkspaces };\n delete updatedPresets[id];\n\n await this.adapter.saveWorkspacePresets(updatedPresets);\n\n return true;\n }\n\n /**\n * Get repository state (which workspace + current sizes/collapsed)\n */\n static async getRepositoryState(\n repositoryKey: string,\n ): Promise<RepositoryWorkspaceState | null> {\n return await this.adapter.loadRepositoryState(repositoryKey);\n }\n\n /**\n * Set repository state (which workspace + current sizes/collapsed/layout)\n */\n static async setRepositoryState(\n repositoryKey: string,\n state: RepositoryWorkspaceState,\n ): Promise<void> {\n await this.adapter.saveRepositoryState(repositoryKey, state);\n }\n\n /**\n * Update only sizes in repository state\n */\n static async updateRepositorySizes(\n repositoryKey: string,\n sizes: { left: number; middle: number; right: number },\n ): Promise<void> {\n const currentState = await this.getRepositoryState(repositoryKey);\n if (!currentState) return;\n\n await this.setRepositoryState(repositoryKey, {\n ...currentState,\n sizes,\n });\n }\n\n /**\n * Update only collapsed state in repository state\n */\n static async updateRepositoryCollapsed(\n repositoryKey: string,\n collapsed: { left?: boolean; right?: boolean },\n ): Promise<void> {\n const currentState = await this.getRepositoryState(repositoryKey);\n if (!currentState) return;\n\n await this.setRepositoryState(repositoryKey, {\n ...currentState,\n collapsed,\n });\n }\n\n /**\n * Check if repository state differs from workspace defaults\n */\n static hasStateDeviation(\n repoState: {\n workspaceId: string | null;\n sizes: { left: number; middle: number; right: number };\n collapsed: { left?: boolean; right?: boolean };\n },\n workspace: WorkspaceLayout,\n ): {\n hasSizeDeviation: boolean;\n hasCollapsedDeviation: boolean;\n } {\n const hasSizeDeviation = workspace.defaultSizes\n ? JSON.stringify(repoState.sizes) !==\n JSON.stringify(workspace.defaultSizes)\n : false;\n\n const hasCollapsedDeviation = workspace.defaultCollapsed\n ? JSON.stringify(repoState.collapsed) !==\n JSON.stringify(workspace.defaultCollapsed)\n : false;\n\n return { hasSizeDeviation, hasCollapsedDeviation };\n }\n\n /**\n * Update workspace defaults from repository state\n */\n static async updateWorkspaceFromRepositoryState(\n workspaceId: string,\n repositoryKey: string,\n ): Promise<void> {\n const workspace = await this.getWorkspaceLayout(workspaceId);\n const repoState = await this.getRepositoryState(repositoryKey);\n\n if (!workspace || !repoState || workspace.isBuiltIn) {\n console.error(\n 'Cannot update built-in workspace or workspace/state not found',\n );\n return;\n }\n\n await this.updateWorkspaceLayout(workspaceId, {\n defaultSizes: repoState.sizes,\n defaultCollapsed: repoState.collapsed,\n });\n }\n\n /**\n * Reset repository state to workspace defaults\n */\n static async resetRepositoryToWorkspaceDefaults(\n repositoryKey: string,\n workspaceId: string,\n ): Promise<void> {\n const workspace = await this.getWorkspaceLayout(workspaceId);\n if (!workspace) {\n console.error(`Workspace ${workspaceId} not found`);\n return;\n }\n\n const currentState = await this.getRepositoryState(repositoryKey);\n if (!currentState) return;\n\n await this.setRepositoryState(repositoryKey, {\n ...currentState,\n sizes: workspace.defaultSizes || { left: 20, middle: 45, right: 35 },\n collapsed: workspace.defaultCollapsed || { left: false, right: false },\n });\n }\n\n /**\n * Check if a layout matches a workspace layout\n */\n static isLayoutMatchingWorkspace(\n layout: PanelLayout,\n workspace: WorkspaceLayout,\n ): boolean {\n return this.areLayoutsEqual(layout, workspace.layout);\n }\n\n /**\n * Find workspace ID that matches the given layout\n */\n static async findMatchingWorkspace(\n layout: PanelLayout,\n ): Promise<string | null> {\n const workspaces = await this.getWorkspaceLayouts();\n\n for (const [id, workspace] of Object.entries(workspaces)) {\n if (this.isLayoutMatchingWorkspace(layout, workspace)) {\n return id;\n }\n }\n\n return null;\n }\n\n /**\n * Deep comparison of two panel layouts\n */\n private static areLayoutsEqual(\n layout1: PanelLayout,\n layout2: PanelLayout,\n ): boolean {\n return JSON.stringify(layout1) === JSON.stringify(layout2);\n }\n\n /**\n * Generate a unique ID from a workspace name\n */\n private static generateWorkspaceId(name: string): string {\n const base = name.toLowerCase().replace(/[^a-z0-9]+/g, '-');\n return `${base}-${Date.now()}`;\n }\n\n /**\n * Get built-in workspace layouts\n */\n static getBuiltInWorkspaceLayouts(): Record<string, WorkspaceLayout> {\n const now = Date.now();\n\n return {\n 'project-management': {\n id: 'project-management',\n name: 'Project Management',\n description:\n 'Tasks, dependencies, issues, file tree, docs, drawings, multi terminal, city visualization, code viewer, markdown slides, and excalidraw',\n layout: {\n left: {\n type: 'tabs',\n panels: [\n 'tasks',\n 'dependencies',\n 'gitIssues',\n 'fileTree',\n 'docs',\n 'drawings',\n ],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: 'multiTerminal',\n right: {\n type: 'tabs',\n panels: [\n 'cityVisualization',\n 'codeViewer',\n 'markdownViewer',\n 'excalidrawDiagram',\n ],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n },\n defaultSizes: { left: 20, middle: 45, right: 35 },\n defaultCollapsed: { left: false, right: false },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n 'code-review': {\n id: 'code-review',\n name: 'Code Review',\n description:\n 'Git changes, pull requests, and file tree on left, git diff and code viewer in middle, city map on right',\n layout: {\n left: {\n type: 'tabs',\n panels: ['gitChanges', 'gitPullRequests', 'fileTree'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: {\n type: 'tabs',\n panels: ['gitDiff', 'codeViewer'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n right: 'cityVisualization',\n },\n defaultSizes: { left: 20, middle: 50, right: 30 },\n defaultCollapsed: { left: false, right: false },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n documentation: {\n id: 'documentation',\n name: 'Documentation',\n description: 'Docs, markdown viewer, and code viewer',\n layout: {\n left: 'docs',\n middle: 'markdownViewer',\n right: 'codeViewer',\n },\n defaultSizes: { left: 20, middle: 50, right: 30 },\n defaultCollapsed: { left: false, right: true },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n 'agent-work': {\n id: 'agent-work',\n name: 'Agent Work',\n description:\n 'Tasks, agent sessions, file tree, agent context, git changes, docs, multi terminal, city map, agent events, code viewer, and markdown slides',\n layout: {\n left: {\n type: 'tabs',\n panels: [\n 'tasks',\n 'agentSessions',\n 'fileTree',\n 'agentContext',\n 'gitChanges',\n 'docs',\n ],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: 'multiTerminal',\n right: {\n type: 'tabs',\n panels: [\n 'cityVisualization',\n 'agentEvents',\n 'codeViewer',\n 'markdownViewer',\n ],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n },\n defaultSizes: { left: 20, middle: 45, right: 35 },\n defaultCollapsed: { left: false, right: false },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n 'quality-check': {\n id: 'quality-check',\n name: 'Quality Check',\n description:\n 'Package information, tools, and dependencies on left; city visualization map in middle; multi terminal and code viewer on right (collapsed)',\n layout: {\n left: {\n type: 'tabs',\n panels: ['packageInfo', 'tools', 'dependencies'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: 'cityVisualization',\n right: {\n type: 'tabs',\n panels: ['multiTerminal', 'codeViewer'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n },\n defaultSizes: { left: 20, middle: 45, right: 35 },\n defaultCollapsed: { left: false, right: true },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n drawing: {\n id: 'drawing',\n name: 'Drawing',\n description:\n 'Drawings and docs, excalidraw diagram, multi terminal and markdown viewer',\n layout: {\n left: {\n type: 'tabs',\n panels: ['drawings', 'docs'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: 'excalidrawDiagram',\n right: {\n type: 'tabs',\n panels: ['multiTerminal', 'markdownViewer'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n },\n defaultSizes: { left: 20, middle: 50, right: 30 },\n defaultCollapsed: { left: false, right: true },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n 'old-school': {\n id: 'old-school',\n name: 'Old School',\n description:\n 'File tree, search, git changes, and docs on left; code viewer and markdown viewer in middle; multi terminal and city map on right (collapsed)',\n layout: {\n left: {\n type: 'tabs',\n panels: ['fileTree', 'search', 'gitChanges', 'docs'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n middle: {\n type: 'tabs',\n panels: ['codeViewer', 'markdownViewer'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n right: {\n type: 'tabs',\n panels: ['multiTerminal', 'cityVisualization'],\n config: { defaultActiveTab: 0, tabPosition: 'top' },\n },\n },\n defaultSizes: { left: 20, middle: 50, right: 30 },\n defaultCollapsed: { left: false, right: true },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n 'principal-office': {\n id: 'principal-office',\n name: 'Principal Office',\n description:\n 'Alexandria docs on left, MDX editor in middle, multi terminal on right',\n layout: {\n left: 'docs',\n middle: 'mdxEditor',\n right: 'multiTerminal',\n },\n defaultSizes: { left: 20, middle: 50, right: 30 },\n defaultCollapsed: { left: false, right: false },\n createdAt: now,\n updatedAt: now,\n isBuiltIn: true,\n },\n };\n }\n\n /**\n * Initialize workspace layouts with built-in defaults if none exist\n */\n static async initializeWorkspaceLayouts(): Promise<void> {\n const userWorkspaces = await this.adapter.loadWorkspacePresets();\n\n // Only initialize if there are no user workspaces yet\n // Built-in workspaces are always available via getBuiltInWorkspaceLayouts()\n if (Object.keys(userWorkspaces).length === 0) {\n // Nothing to do - built-in workspaces are always available\n // This method exists for compatibility with electron-app\n }\n }\n}\n","/**\n * useWorkspace - React hook for workspace management\n * Provides easy access to workspace operations and state\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { WorkspaceLayoutService } from '../services/WorkspaceLayoutService';\nimport type {\n WorkspaceLayout,\n RepositoryWorkspaceState,\n CreateWorkspaceOptions,\n UpdateWorkspaceOptions,\n} from '../types/workspace.types';\n\nexport interface UseWorkspaceOptions {\n /**\n * Optional repository key for repository-specific state\n * If provided, the hook will manage repository state\n */\n repositoryKey?: string;\n\n /**\n * Auto-initialize repository state if it doesn't exist\n */\n autoInitialize?: boolean;\n\n /**\n * Default workspace to use for auto-initialization\n */\n defaultWorkspaceId?: string;\n}\n\nexport interface UseWorkspaceReturn {\n /**\n * All available workspaces (built-in + user-created)\n */\n workspaces: Record<string, WorkspaceLayout>;\n\n /**\n * Current repository state (if repositoryKey provided)\n */\n repositoryState: RepositoryWorkspaceState | null;\n\n /**\n * Current active workspace (if repositoryKey provided)\n */\n activeWorkspace: WorkspaceLayout | null;\n\n /**\n * Loading state\n */\n loading: boolean;\n\n /**\n * Error state\n */\n error: Error | null;\n\n /**\n * Get a specific workspace by ID\n */\n getWorkspace: (id: string) => Promise<WorkspaceLayout | null>;\n\n /**\n * Create a new workspace\n */\n createWorkspace: (options: CreateWorkspaceOptions) => Promise<WorkspaceLayout>;\n\n /**\n * Update an existing workspace\n */\n updateWorkspace: (\n id: string,\n updates: UpdateWorkspaceOptions,\n ) => Promise<WorkspaceLayout | null>;\n\n /**\n * Delete a workspace\n */\n deleteWorkspace: (id: string) => Promise<boolean>;\n\n /**\n * Apply a workspace to the current repository\n */\n applyWorkspace: (workspaceId: string) => Promise<void>;\n\n /**\n * Update repository sizes\n */\n updateSizes: (sizes: {\n left: number;\n middle: number;\n right: number;\n }) => Promise<void>;\n\n /**\n * Update repository collapsed state\n */\n updateCollapsed: (collapsed: {\n left?: boolean;\n right?: boolean;\n }) => Promise<void>;\n\n /**\n * Reset repository to workspace defaults\n */\n resetToDefaults: () => Promise<void>;\n\n /**\n * Refresh workspace data\n */\n refresh: () => Promise<void>;\n}\n\nexport function useWorkspace(\n options: UseWorkspaceOptions = {},\n): UseWorkspaceReturn {\n const { repositoryKey, autoInitialize = false, defaultWorkspaceId } = options;\n\n const [workspaces, setWorkspaces] = useState<Record<string, WorkspaceLayout>>(\n {},\n );\n const [repositoryState, setRepositoryState] =\n useState<RepositoryWorkspaceState | null>(null);\n const [activeWorkspace, setActiveWorkspace] =\n useState<WorkspaceLayout | null>(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<Error | null>(null);\n\n /**\n * Load all workspaces and repository state\n */\n const loadData = useCallback(async () => {\n try {\n setLoading(true);\n setError(null);\n\n // Load all workspaces\n const allWorkspaces =\n await WorkspaceLayoutService.getWorkspaceLayouts();\n setWorkspaces(allWorkspaces);\n\n // Load repository state if repositoryKey provided\n if (repositoryKey) {\n let repoState =\n await WorkspaceLayoutService.getRepositoryState(repositoryKey);\n\n // Auto-initialize if requested and state doesn't exist\n if (!repoState && autoInitialize) {\n const workspaceId =\n defaultWorkspaceId || 'project-management'; // Default to project-management\n const workspace =\n await WorkspaceLayoutService.getWorkspaceLayout(workspaceId);\n\n if (workspace) {\n repoState = {\n workspaceId,\n sizes: workspace.defaultSizes || {\n left: 20,\n middle: 45,\n right: 35,\n },\n collapsed: workspace.defaultCollapsed || {\n left: false,\n right: false,\n },\n };\n\n await WorkspaceLayoutService.setRepositoryState(\n repositoryKey,\n repoState,\n );\n }\n }\n\n setRepositoryState(repoState);\n\n // Load active workspace if repository has one\n if (repoState?.workspaceId) {\n const workspace = await WorkspaceLayoutService.getWorkspaceLayout(\n repoState.workspaceId,\n );\n setActiveWorkspace(workspace);\n } else {\n setActiveWorkspace(null);\n }\n }\n } catch (err) {\n setError(err as Error);\n console.error('Failed to load workspace data:', err);\n } finally {\n setLoading(false);\n }\n }, [repositoryKey, autoInitialize, defaultWorkspaceId]);\n\n /**\n * Initial load\n */\n useEffect(() => {\n loadData();\n }, [loadData]);\n\n /**\n * Get a specific workspace\n */\n const getWorkspace = useCallback(\n async (id: string) => {\n return await WorkspaceLayoutService.getWorkspaceLayout(id);\n },\n [],\n );\n\n /**\n * Create a new workspace\n */\n const createWorkspace = useCallback(\n async (createOptions: CreateWorkspaceOptions) => {\n const workspace =\n await WorkspaceLayoutService.createWorkspaceLayout(createOptions);\n await loadData(); // Refresh\n return workspace;\n },\n [loadData],\n );\n\n /**\n * Update an existing workspace\n */\n const updateWorkspace = useCallback(\n async (id: string, updates: UpdateWorkspaceOptions) => {\n const workspace =\n await WorkspaceLayoutService.updateWorkspaceLayout(id, updates);\n await loadData(); // Refresh\n return workspace;\n },\n [loadData],\n );\n\n /**\n * Delete a workspace\n */\n const deleteWorkspace = useCallback(\n async (id: string) => {\n const success = await WorkspaceLayoutService.deleteWorkspaceLayout(id);\n if (success) {\n await loadData(); // Refresh\n }\n return success;\n },\n [loadData],\n );\n\n /**\n * Apply a workspace to the current repository\n */\n const applyWorkspace = useCallback(\n async (workspaceId: string) => {\n if (!repositoryKey) {\n console.error('Cannot apply workspace without repositoryKey');\n return;\n }\n\n const workspace =\n await WorkspaceLayoutService.getWorkspaceLayout(workspaceId);\n if (!workspace) {\n console.error(`Workspace ${workspaceId} not found`);\n return;\n }\n\n const newState: RepositoryWorkspaceState = {\n workspaceId,\n sizes: workspace.defaultSizes || { left: 20, middle: 45, right: 35 },\n collapsed: workspace.defaultCollapsed || {\n left: false,\n right: false,\n },\n };\n\n await WorkspaceLayoutService.setRepositoryState(repositoryKey, newState);\n await loadData(); // Refresh\n },\n [repositoryKey, loadData],\n );\n\n /**\n * Update repository sizes\n */\n const updateSizes = useCallback(\n async (sizes: { left: number; middle: number; right: number }) => {\n if (!repositoryKey) {\n console.error('Cannot update sizes without repositoryKey');\n return;\n }\n\n await WorkspaceLayoutService.updateRepositorySizes(repositoryKey, sizes);\n await loadData(); // Refresh\n },\n [repositoryKey, loadData],\n );\n\n /**\n * Update repository collapsed state\n */\n const updateCollapsed = useCallback(\n async (collapsed: { left?: boolean; right?: boolean }) => {\n if (!repositoryKey) {\n console.error('Cannot update collapsed without repositoryKey');\n return;\n }\n\n await WorkspaceLayoutService.updateRepositoryCollapsed(\n repositoryKey,\n collapsed,\n );\n await loadData(); // Refresh\n },\n [repositoryKey, loadData],\n );\n\n /**\n * Reset repository to workspace defaults\n */\n const resetToDefaults = useCallback(async () => {\n if (!repositoryKey || !repositoryState?.workspaceId) {\n console.error('Cannot reset without repositoryKey and active workspace');\n return;\n }\n\n await WorkspaceLayoutService.resetRepositoryToWorkspaceDefaults(\n repositoryKey,\n repositoryState.workspaceId,\n );\n await loadData(); // Refresh\n }, [repositoryKey, repositoryState?.workspaceId, loadData]);\n\n /**\n * Refresh workspace data\n */\n const refresh = useCallback(async () => {\n await loadData();\n }, [loadData]);\n\n return {\n workspaces,\n repositoryState,\n activeWorkspace,\n loading,\n error,\n getWorkspace,\n createWorkspace,\n updateWorkspace,\n deleteWorkspace,\n applyWorkspace,\n updateSizes,\n updateCollapsed,\n resetToDefaults,\n refresh,\n };\n}\n","/**\n * usePanelFocus - Hook for managing panel focus state\n */\n\nimport { useState, useCallback } from 'react';\nimport type { PanelSlotId, PanelFocusState, PanelFocusActions } from '../types';\nimport type { PanelCollapsed } from '../../types/persistence.types';\n\nexport interface UsePanelFocusOptions {\n /** Initial focused panel (optional) */\n initialFocus?: PanelSlotId | null;\n\n /** Collapsed state to determine which panels are visible */\n collapsed?: PanelCollapsed;\n\n /** Whether this is a two-panel or three-panel layout */\n panelType?: 'two-panel' | 'three-panel';\n\n /** Callback when focus changes */\n onFocusChange?: (panel: PanelSlotId | null) => void;\n}\n\nexport interface UsePanelFocusReturn extends PanelFocusState, PanelFocusActions {\n /** Check if a specific panel is focused */\n isFocused: (panel: PanelSlotId) => boolean;\n}\n\n/**\n * Hook for managing panel focus state with keyboard shortcuts\n */\nexport function usePanelFocus(\n options: UsePanelFocusOptions = {}\n): UsePanelFocusReturn {\n const {\n initialFocus = null,\n collapsed = {},\n panelType = 'three-panel',\n onFocusChange,\n } = options;\n\n const [focusedPanel, setFocusedPanelState] = useState<PanelSlotId | null>(\n initialFocus\n );\n\n const setFocus = useCallback(\n (panel: PanelSlotId) => {\n setFocusedPanelState(panel);\n onFocusChange?.(panel);\n },\n [onFocusChange]\n );\n\n const clearFocus = useCallback(() => {\n setFocusedPanelState(null);\n onFocusChange?.(null);\n }, [onFocusChange]);\n\n const getVisiblePanels = useCallback((): PanelSlotId[] => {\n const panels: PanelSlotId[] = [];\n\n if (!collapsed.left) {\n panels.push('left');\n }\n panels.push('middle'); // Middle is always visible\n if (panelType === 'three-panel' && !collapsed.right) {\n panels.push('right');\n }\n\n return panels;\n }, [collapsed, panelType]);\n\n const focusNext = useCallback(() => {\n const visiblePanels = getVisiblePanels();\n if (visiblePanels.length === 0) return;\n\n if (focusedPanel === null) {\n // No panel focused, focus first visible panel\n setFocus(visiblePanels[0]);\n return;\n }\n\n const currentIndex = visiblePanels.indexOf(focusedPanel);\n if (currentIndex === -1) {\n // Current panel is not visible, focus first visible panel\n setFocus(visiblePanels[0]);\n return;\n }\n\n // Move to next panel (wrap around)\n const nextIndex = (currentIndex + 1) % visiblePanels.length;\n setFocus(visiblePanels[nextIndex]);\n }, [focusedPanel, getVisiblePanels, setFocus]);\n\n const focusPrevious = useCallback(() => {\n const visiblePanels = getVisiblePanels();\n if (visiblePanels.length === 0) return;\n\n if (focusedPanel === null) {\n // No panel focused, focus last visible panel\n setFocus(visiblePanels[visiblePanels.length - 1]);\n return;\n }\n\n const currentIndex = visiblePanels.indexOf(focusedPanel);\n if (currentIndex === -1) {\n // Current panel is not visible, focus last visible panel\n setFocus(visiblePanels[visiblePanels.length - 1]);\n return;\n }\n\n // Move to previous panel (wrap around)\n const prevIndex =\n currentIndex === 0 ? visiblePanels.length - 1 : currentIndex - 1;\n setFocus(visiblePanels[prevIndex]);\n }, [focusedPanel, getVisiblePanels, setFocus]);\n\n const isFocused = useCallback(\n (panel: PanelSlotId) => focusedPanel === panel,\n [focusedPanel]\n );\n\n return {\n focusedPanel,\n setFocus,\n clearFocus,\n focusNext,\n focusPrevious,\n isFocused,\n };\n}\n","/**\n * usePanelKeyboardShortcuts - Hook for keyboard shortcuts to control panel focus and collapse\n */\n\nimport { useEffect, useCallback, useRef } from 'react';\nimport type { PanelSlotId } from '../types';\nimport type { PanelCollapsed } from '../../types/persistence.types';\n\nexport interface UsePanelKeyboardShortcutsOptions {\n /** Whether keyboard shortcuts are enabled */\n enabled?: boolean;\n\n /** Current focused panel */\n focusedPanel: PanelSlotId | null;\n\n /** Current collapsed state */\n collapsed: PanelCollapsed;\n\n /** Panel type (two-panel or three-panel) */\n panelType: 'two-panel' | 'three-panel';\n\n /** Set focus to a specific panel */\n setFocus: (panel: PanelSlotId) => void;\n\n /** Callback to expand a panel */\n onExpand: (panel: 'left' | 'right') => void | Promise<void>;\n\n /** Callback to collapse a panel */\n onCollapse: (panel: 'left' | 'right') => void | Promise<void>;\n}\n\n/**\n * Hook for handling Alt+1/2/3 keyboard shortcuts for panel toggle and focus\n *\n * Behavior:\n * - Alt+1 (Left Panel):\n * 1. If collapsed: expand (no focus change)\n * 2. If expanded but not focused: focus it\n * 3. If focused: collapse and focus middle\n *\n * - Alt+2 (Middle Panel):\n * - Always focus middle (never collapses)\n *\n * - Alt+3 (Right Panel):\n * 1. If collapsed: expand (no focus change)\n * 2. If expanded but not focused: focus it\n * 3. If focused: collapse and focus middle\n */\nexport function usePanelKeyboardShortcuts(\n options: UsePanelKeyboardShortcutsOptions\n): void {\n const {\n enabled = true,\n focusedPanel,\n collapsed,\n panelType,\n setFocus,\n onExpand,\n onCollapse,\n } = options;\n\n // Use refs to avoid recreating event listener on every render\n const focusedPanelRef = useRef(focusedPanel);\n const collapsedRef = useRef(collapsed);\n const panelTypeRef = useRef(panelType);\n\n useEffect(() => {\n focusedPanelRef.current = focusedPanel;\n }, [focusedPanel]);\n\n useEffect(() => {\n collapsedRef.current = collapsed;\n }, [collapsed]);\n\n useEffect(() => {\n panelTypeRef.current = panelType;\n }, [panelType]);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n // Only handle Alt+Number shortcuts\n if (!event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {\n return;\n }\n\n // Use event.code instead of event.key to handle international keyboards\n // event.code gives us 'Digit1', 'Digit2', etc. regardless of keyboard layout\n const code = event.code;\n const currentFocused = focusedPanelRef.current;\n const currentCollapsed = collapsedRef.current;\n const currentPanelType = panelTypeRef.current;\n\n // Alt+1: Toggle left panel\n if (code === 'Digit1' || code === 'Numpad1') {\n event.preventDefault();\n\n if (currentCollapsed.left) {\n // State 1: Collapsed -> Expand (no focus change)\n onExpand('left');\n } else if (currentFocused !== 'left') {\n // State 2: Expanded but not focused -> Focus\n setFocus('left');\n } else {\n // State 3: Focused -> Collapse and focus middle\n onCollapse('left');\n setFocus('middle');\n }\n }\n // Alt+2: Focus middle panel\n else if (code === 'Digit2' || code === 'Numpad2') {\n event.preventDefault();\n setFocus('middle');\n }\n // Alt+3: Toggle right panel (only for three-panel layouts)\n else if ((code === 'Digit3' || code === 'Numpad3') && currentPanelType === 'three-panel') {\n event.preventDefault();\n\n if (currentCollapsed.right) {\n // State 1: Collapsed -> Expand (no focus change)\n onExpand('right');\n } else if (currentFocused !== 'right') {\n // State 2: Expanded but not focused -> Focus\n setFocus('right');\n } else {\n // State 3: Focused -> Collapse and focus middle\n onCollapse('right');\n setFocus('middle');\n }\n }\n },\n [setFocus, onExpand, onCollapse]\n );\n\n useEffect(() => {\n if (!enabled) {\n return;\n }\n\n window.addEventListener('keydown', handleKeyDown);\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n };\n }, [enabled, handleKeyDown]);\n}\n","/**\n * FocusIndicator - Visual indicator for focused panel\n */\n\nimport React from 'react';\n\nexport interface FocusIndicatorProps {\n /** Whether this panel is currently focused */\n isFocused: boolean;\n\n /** Custom class name */\n className?: string;\n\n /** Custom styles */\n style?: React.CSSProperties;\n}\n\n/**\n * Visual indicator that highlights the focused panel\n *\n * Renders a subtle border/glow around the focused panel for keyboard navigation feedback\n */\nexport const FocusIndicator: React.FC<FocusIndicatorProps> = ({\n isFocused,\n className = '',\n style = {},\n}) => {\n if (!isFocused) {\n return null;\n }\n\n const defaultStyles: React.CSSProperties = {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n pointerEvents: 'none',\n border: '2px solid var(--panel-focus-border-color, #0066cc)',\n borderRadius: '4px',\n boxShadow: '0 0 0 1px var(--panel-focus-shadow-color, rgba(0, 102, 204, 0.2))',\n zIndex: 1000,\n transition: 'opacity 0.15s ease-in-out',\n ...style,\n };\n\n return (\n <div\n className={`panel-focus-indicator ${className}`}\n style={defaultStyles}\n role=\"presentation\"\n aria-hidden=\"true\"\n />\n );\n};\n"],"names":["LocalStoragePersistenceAdapter","__publicField","viewKey","stored","error","state","usePanelPersistence","options","defaultSizes","panelType","adapter","sizes","setSizes","useState","collapsed","setCollapsed","prevCollapsedRef","useRef","lastNonZeroSizesRef","saveTimeoutRef","pendingPersistSizesRef","useEffect","saved","updateLastNonZeroSizes","useCallback","incomingSizes","getFallbackSize","panel","storedSize","prevDefaultSizesRef","leftChanged","rightChanged","savePreferences","newSizes","handlePanelResize","sanitizedSizes","shouldPersist","leftCollapsed","leftSize","fallback","rightCollapsed","rightSize","pendingSizes","handleLeftCollapseComplete","handleLeftExpandComplete","handleRightCollapseComplete","handleRightExpandComplete","LocalStorageWorkspaceAdapter","presets","repositoryKey","key","allStates","i","parseError","WorkspaceLayoutService","builtInWorkspaces","id","userWorkspaces","workspace","updatedPresets","updates","existingWorkspace","updatedWorkspace","currentState","repoState","hasSizeDeviation","hasCollapsedDeviation","workspaceId","layout","workspaces","layout1","layout2","name","now","useWorkspace","autoInitialize","defaultWorkspaceId","setWorkspaces","repositoryState","setRepositoryState","activeWorkspace","setActiveWorkspace","loading","setLoading","setError","loadData","allWorkspaces","err","getWorkspace","createWorkspace","createOptions","updateWorkspace","deleteWorkspace","success","applyWorkspace","newState","updateSizes","updateCollapsed","resetToDefaults","refresh","usePanelFocus","initialFocus","onFocusChange","focusedPanel","setFocusedPanelState","setFocus","clearFocus","getVisiblePanels","panels","focusNext","visiblePanels","currentIndex","nextIndex","focusPrevious","prevIndex","isFocused","usePanelKeyboardShortcuts","enabled","onExpand","onCollapse","focusedPanelRef","collapsedRef","panelTypeRef","handleKeyDown","event","code","currentFocused","currentCollapsed","currentPanelType","FocusIndicator","className","style","defaultStyles","jsx"],"mappings":"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"}
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- .animated-resizable-layout{width:100%;height:100%;position:relative;background-color:var(--panel-background)}.hybrid-panel{overflow:auto;height:100%;background-color:var(--panel-background)}.resize-handle{width:8px;background-color:var(--panel-handle);display:flex;justify-content:center;align-items:center;cursor:col-resize;position:relative;transition:background-color .2s,opacity .3s,width .3s}.resize-handle.collapsed{opacity:0;pointer-events:none}.resize-handle:hover{background-color:var(--panel-handle-hover)}.resize-handle:active{background-color:var(--panel-handle-active)}.handle-bar{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.collapse-toggle{position:absolute;background:var(--panel-button-bg);border:1px solid var(--panel-button-border);padding:4px 8px;cursor:pointer;color:var(--panel-button-icon);font-size:14px;outline:none;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:10;transition:all .2s;box-shadow:0 2px 4px #0000001a}.animated-vertical-layout{width:100%;height:100%;position:relative;background-color:var(--panel-background)}.vertical-panel{overflow:auto;width:100%;background-color:var(--panel-background)}.panel-content-wrapper{width:100%;height:100%;overflow:auto}.vertical-resize-handle{height:8px;background-color:var(--panel-handle);display:flex;justify-content:center;align-items:center;cursor:row-resize;position:relative;transition:background-color .2s,opacity .3s,height .3s}.vertical-resize-handle.collapsed{opacity:0;pointer-events:none}.vertical-resize-handle:hover{background-color:var(--panel-handle-hover)}.vertical-resize-handle:active{background-color:var(--panel-handle-active)}.handle-bar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.collapse-toggle{background:var(--panel-button-bg);border:1px solid var(--panel-button-border);padding:4px 8px;cursor:pointer;color:var(--panel-button-icon);font-size:14px;outline:none;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:10;transition:all .2s;box-shadow:0 2px 4px #0000001a}.collapse-toggle:hover:not(:disabled){background-color:var(--panel-button-hover);box-shadow:0 2px 6px #00000026}.collapse-toggle:active:not(:disabled){opacity:.8}.three-panel-item.collapsible-panel.collapsed{flex:0!important;min-width:0!important}.panel-content-wrapper{flex:1;overflow:auto;will-change:opacity;box-sizing:border-box}.resize-handle.collapsed{width:0!important}.tab-group{display:flex;height:100%;width:100%;overflow:hidden}.tab-group.tab-position-top,.tab-group.tab-position-bottom{flex-direction:column}.tab-group.tab-position-left,.tab-group.tab-position-right{flex-direction:row}.tab-list{display:flex;background:var(--tab-list-bg, #f5f5f5);border-bottom:1px solid var(--tab-border, #ddd);gap:0;padding:0;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.tab-list::-webkit-scrollbar{display:none}.tab-position-top .tab-list,.tab-position-bottom .tab-list{width:100%}.tab-list.centered{justify-content:flex-start}@media (min-width: 0){.tab-list.centered{justify-content:center}.tab-list.centered:has(.tab-button:nth-child(n)){justify-content:flex-start}}.tab-position-bottom .tab-list{border-bottom:none;border-top:none}.tab-position-left .tab-list,.tab-position-right .tab-list{flex-direction:column;border-bottom:none;border-right:none;width:auto;min-width:120px}.tab-position-top .tab-button,.tab-position-bottom .tab-button{flex:1 1 0;min-width:40px;max-width:100%}.tab-button{background:var(--tab-bg, #fff);border:1px solid var(--tab-border, #ddd);border-radius:0;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;color:var(--tab-text, #333);transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;line-height:1;box-sizing:border-box;container-type:inline-size}.tab-position-top .tab-button{border-bottom:none;border-top:none;border-left:none}.tab-position-top .tab-button:last-child{border-right:none}.tab-position-bottom .tab-button{border-top:none;border-bottom:none;border-left:none}.tab-position-bottom .tab-button:last-child{border-right:none}.tab-position-left .tab-button{border-right:none;border-bottom:none}.tab-position-left .tab-button:last-child{border-bottom:1px solid var(--tab-border, #ddd)}.tab-position-right .tab-button{border-left:none;border-bottom:none}.tab-position-right .tab-button:last-child{border-bottom:1px solid var(--tab-border, #ddd)}.tab-icon{display:inline-flex;align-items:center;justify-content:center}.tab-label{display:none}@container (min-width: 250px){.tab-label{display:inline}.tab-icon{display:none}}.tab-button:hover{background:var(--tab-bg-hover, #f9f9f9)}.tab-button.active{background:var(--tab-bg-active, #007bff);color:var(--tab-text-active, #fff);border-color:var(--tab-border-active, #007bff)}.tab-button:focus-visible{outline:2px solid var(--tab-focus, #007bff);outline-offset:2px}.tab-content{flex:1;overflow:auto;background:var(--tab-content-bg, #fff)}.tab-group-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--tab-empty-text, #999);font-style:italic}.three-panel-layout{height:100%;width:100%;display:flex;flex-direction:column;position:relative;background-color:var(--panel-background);box-sizing:border-box}.three-panel-item{display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:var(--panel-background);box-sizing:border-box}.three-panel-item[data-edit-mode=true]{background-color:var(--panel-accent-bg);border-radius:12px}.three-panel-item.collapsible-panel{will-change:flex}.three-panel-item.collapsible-panel.animating{pointer-events:none}.three-panel-item.collapsible-panel.collapsed{flex:0!important;min-width:0!important;max-width:0!important;width:0!important;overflow:hidden!important;visibility:hidden}.three-panel-item.middle-panel{flex:1;min-width:200px}.panel-content-wrapper{flex:1;overflow-x:hidden;overflow-y:auto;will-change:opacity;box-sizing:border-box}.resize-handle{position:relative;display:flex;align-items:center;justify-content:center;width:1px!important;cursor:col-resize;background:var(--panel-border);overflow:visible!important}.resize-handle:before{content:"";position:absolute;inset:0 -10px;background:transparent}.resize-handle:after{content:"";position:absolute;inset:0 -10px;background:var(--panel-handle);opacity:0;transition:opacity .2s ease;z-index:-1}.resize-handle:hover:after{opacity:1}.resize-handle:hover{background:var(--panel-handle-hover)}.resize-handle:active:after{opacity:1;background:var(--panel-handle-active)}.resize-handle:active{background:var(--panel-handle-active)}.resize-handle.collapsed{width:0!important;visibility:hidden}.resize-handle.left-handle.collapsed{margin-right:-1px}.resize-handle.right-handle.collapsed{margin-left:-1px}.handle-bar{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.collapse-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:40px;background:var(--panel-button-bg);border:1px solid var(--panel-button-border);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--panel-button-icon);transition:all .2s ease;z-index:10;padding:0;line-height:1}.collapse-toggle:hover{background:var(--panel-button-hover)}.collapse-toggle:active{opacity:.8}.collapse-toggle:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.resize-handle:before{left:-8px;right:-8px}.resize-handle:after{left:-8px;right:-8px}.collapse-toggle{width:24px;height:48px;font-size:14px}}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(1deg)}50%{transform:rotate(0)}75%{transform:rotate(-1deg)}to{transform:rotate(0)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.editable-panel-layout{position:relative;width:100%;height:100%}.editable-panel-layout.edit-mode-active{background:#0000000d}[data-slot][data-edit-mode=true]{transform:scale(.95);transform-origin:center center;cursor:grab;will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1)}[data-slot][data-edit-mode=true]:active{cursor:grabbing}[data-slot][data-dragging=true]{cursor:grabbing!important;transform:scale(.95)!important;transition:none!important}.edit-mode-active [data-slot][data-edit-mode=true]{transform-origin:center center}.slot-with-overlay{position:relative;width:100%;height:100%}.slot-with-overlay.dragging{opacity:0;pointer-events:none}.slot-edit-overlay{position:absolute;inset:0;background:transparent;border:none;pointer-events:auto;cursor:grab;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center}.slot-edit-overlay:hover{background:#3b82f608}.slot-edit-overlay:active{cursor:grabbing}.drag-indicator,.slot-position-label{display:none}.edit-mode-toggle{position:absolute;top:16px;right:16px;z-index:1000;padding:8px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.edit-mode-toggle:hover{background:#f9fafb;box-shadow:0 4px 6px #0000001a}.edit-mode-toggle.active{background:#3b82f6;color:#fff;border-color:#2563eb}.edit-mode-overlay{position:fixed;inset:0;background:#0000004d;z-index:998;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-mode-configurator{position:relative;z-index:999;padding:20px;animation:scaleIn .3s ease}.panel-slot{position:relative;min-height:120px;border:2px dashed transparent;border-radius:12px;transition:all .3s ease;padding:12px}.panel-slot.edit-mode{border-color:#d1d5db;background:#ffffff80}.panel-slot.drag-over{border-color:#3b82f6;background:#3b82f61a;box-shadow:0 0 0 4px #3b82f61a}.panel-slot.empty{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.draggable-panel{position:relative;padding:12px 16px;margin:8px 0;border-radius:8px;background:#fff;border:1px solid #e5e7eb;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.draggable-panel:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.draggable-panel.dragging{opacity:.5;cursor:grabbing}.draggable-panel.edit-mode{animation:wiggle .4s ease-in-out infinite;transform-origin:center}.draggable-panel.edit-mode:nth-child(odd){animation-delay:.1s}.draggable-panel.edit-mode:nth-child(2n){animation-delay:.2s}.remove-button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;opacity:0;transform:scale(0);transition:all .2s ease;z-index:10;box-shadow:0 2px 4px #0003}.draggable-panel.edit-mode .remove-button{opacity:1;transform:scale(1);animation:pulse 2s infinite}.remove-button:hover{background:#dc2626;transform:scale(1.1)}.panel-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.panel-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.drag-handle{display:none;width:24px;height:24px;opacity:.4;cursor:grab}.edit-mode .drag-handle{display:flex;align-items:center;justify-content:center}.drag-overlay{padding:12px 16px;border-radius:8px;background:#fff;border:2px solid #3b82f6;box-shadow:0 8px 16px #0003;cursor:grabbing;opacity:.9}.panel-group{border:2px solid #e5e7eb;border-radius:12px;padding:8px;background:#fff}.panel-group.edit-mode{animation:wiggle .5s ease-in-out infinite;border-color:#3b82f6}.panel-group-header{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #e5e7eb;margin-bottom:8px}.panel-group-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.available-panels{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 6px #0000001a}.available-panels-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:12px}.available-panels-list{display:flex;flex-direction:column;gap:8px}.slot-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px}.slot-indicator{width:8px;height:8px;border-radius:50%;background:#d1d5db}.slot-indicator.active{background:#3b82f6}.action-buttons{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1001;display:flex;gap:12px;padding:12px 24px;background:#fff;border-radius:12px;box-shadow:0 8px 16px #00000026;animation:scaleIn .3s ease}.action-button{padding:10px 20px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button:hover{background:#f9fafb}.action-button.primary{background:#3b82f6;color:#fff;border-color:#2563eb}.action-button.primary:hover{background:#2563eb}@media (max-width: 768px){.edit-mode-toggle{top:8px;right:8px;padding:6px 12px;font-size:12px}.action-buttons{bottom:16px;padding:10px 16px}.action-button{padding:8px 16px;font-size:13px}}@media (prefers-color-scheme: dark){.edit-mode-toggle{background:#1f2937;color:#f9fafb;border-color:#374151}.edit-mode-toggle:hover{background:#374151}.draggable-panel{background:#1f2937;color:#f9fafb;border-color:#374151}.available-panels{background:#1f2937}.panel-label{color:#f9fafb}.action-buttons{background:#1f2937}.action-button{background:#1f2937;color:#f9fafb;border-color:#374151}.action-button:hover{background:#374151}}.panel-configurator{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;background:var(--configurator-bg);border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.configurator-section{display:flex;flex-direction:column;gap:1rem}.section-title{margin:0;font-size:.875rem;font-weight:600;color:var(--configurator-title);text-transform:uppercase;letter-spacing:.05em;text-align:center}.slots-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:75%;margin:0 auto;align-items:start}.slot{position:relative;aspect-ratio:1 / 1.3;width:100%;padding:2.5rem 1rem 1rem;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;box-sizing:border-box}.slot:hover{border-color:var(--slot-border-hover);box-shadow:0 2px 4px #0000000d}.slot.selected{border-color:var(--slot-border-selected);background:var(--slot-bg-selected);box-shadow:0 0 0 3px var(--slot-bg-selected)}.slot.empty{border-style:dashed}.slot-label{font-size:.75rem;font-weight:600;color:var(--slot-label);text-transform:capitalize;text-align:left}.slot[data-position=middle] .slot-label,.slot[data-position=middle] .slot-panel-name,.slot[data-position=middle] .slot-empty-state{text-align:center}.slot[data-position=right] .slot-label,.slot[data-position=right] .slot-panel-name,.slot[data-position=right] .slot-empty-state{text-align:right}.slot-content{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;min-height:0}.slot-panel-name{font-weight:600;color:var(--slot-content-text);font-size:.875rem}.slot-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--slot-preview-bg);border-radius:4px;border:1px solid var(--slot-preview-border);font-size:.75rem;color:var(--slot-preview-text)}.slot-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--slot-empty-text);font-size:.875rem;font-style:italic;min-height:0}.slot-clear-btn{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;padding:0;background:var(--clear-btn-bg);color:var(--clear-btn-text);border:none;border-radius:4px;cursor:pointer;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.slot:hover .slot-clear-btn{opacity:1}.slot-clear-btn:hover{background:var(--clear-btn-hover);transform:scale(1.1)}.available-panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;width:75%;margin:0 auto}.available-panel{min-height:80px;padding:.75rem;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem}.available-panel:hover{border-color:var(--panel-border-hover);box-shadow:0 2px 4px #0000000d;transform:translateY(-2px)}.available-panel.selected{border-color:var(--panel-border-selected);background:var(--panel-bg-selected);box-shadow:0 0 0 3px var(--panel-bg-selected)}.available-panel.in-use{opacity:.5;border-style:dashed}.available-panel.in-use:hover{transform:translateY(0);opacity:.6}.panel-label{font-weight:600;color:var(--panel-label-text);font-size:.875rem}.panel-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--panel-preview-bg);border-radius:4px;font-size:.75rem;color:var(--panel-preview-text)}.selection-hint{padding:.75rem 1rem;background:var(--hint-bg);border:1px solid var(--hint-border);border-radius:6px;color:var(--hint-text);font-size:.875rem;text-align:center}.available-panel.multi-selected{border-color:var(--panel-border-selected);background:var(--panel-bg-selected);box-shadow:0 0 0 2px var(--panel-bg-selected)}.multi-select-badge{margin-left:.5rem;padding:.25rem .5rem;background:var(--panel-border-selected);color:#fff;font-size:.75rem;border-radius:12px;font-weight:400}.multi-select-hint{background:var(--panel-bg-selected);border-color:var(--panel-border-selected)}.slot.tab-group{border-style:solid}.group-content{position:relative;overflow-y:auto;min-height:0}.group-badge{font-size:.75rem;font-weight:600;color:var(--panel-border-selected);margin-bottom:.5rem}.group-panels{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto;min-height:0}.group-panel-label{font-size:.75rem;color:var(--slot-content-text);padding:.25rem .5rem;background:var(--slot-preview-bg);border-radius:3px;border-left:3px solid var(--panel-border-selected)}.slot-panel-label{font-weight:600;color:var(--slot-content-text);font-size:.875rem;text-align:center}.create-tab-group-btn{margin-top:.5rem;padding:.5rem .75rem;background:var(--panel-border-selected);color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-tab-group-btn:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.tab-mode-toggle{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease;z-index:10;opacity:.7;color:var(--slot-content-text)}.tab-mode-toggle svg{display:block}.tab-mode-toggle:hover{opacity:1;border-color:var(--slot-border-hover);background:var(--slot-preview-bg)}.tab-mode-toggle.active{opacity:1;background:var(--panel-border-selected);color:#fff;border-color:var(--panel-border-selected)}.tab-config-controls{margin-bottom:.5rem}.tab-config-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--slot-label)}.tab-config-label select{padding:.25rem .5rem;border:1px solid var(--slot-border);border-radius:3px;background:var(--slot-bg);color:var(--slot-content-text);font-size:.7rem;cursor:pointer}.group-panel-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .5rem;background:var(--slot-preview-bg);border-radius:3px;border-left:3px solid var(--panel-border-selected)}.group-panel-label{flex:1;font-size:.75rem;color:var(--slot-content-text);display:flex;align-items:center;gap:.25rem}.default-badge{color:var(--panel-border-selected);font-size:.9em}.remove-from-group-btn{width:18px;height:18px;padding:0;background:var(--clear-btn-bg);color:var(--clear-btn-text);border:none;border-radius:3px;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .2s ease}.remove-from-group-btn:hover{opacity:1;transform:scale(1.1)}.usage-hint{padding:.75rem 1rem;background:var(--slot-preview-bg);border:1px solid var(--slot-border);border-radius:6px;color:var(--hint-text);font-size:.875rem;text-align:center}.snap-carousel-container{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:var(--snap-carousel-gap, 0px);padding:0;margin:0;width:100%;height:100%;background-color:var(--panel-background);box-sizing:border-box;position:relative;left:0;transform:none;container-type:inline-size;-ms-overflow-style:none;scrollbar-width:none}.snap-carousel-container::-webkit-scrollbar{display:none}.snap-carousel-panel{flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:always;width:var(--snap-carousel-panel-width, 33.33%);height:100%;box-sizing:border-box;overflow:hidden}@media (max-width: 540px){.snap-carousel-panel{min-width:280px}}
1
+ .animated-resizable-layout{width:100%;height:100%;position:relative;background-color:var(--panel-background)}.hybrid-panel{overflow:auto;height:100%;background-color:var(--panel-background)}.resize-handle{width:8px;background-color:var(--panel-handle);display:flex;justify-content:center;align-items:center;cursor:col-resize;position:relative;transition:background-color .2s,opacity .3s,width .3s}.resize-handle.collapsed{opacity:0;pointer-events:none}.resize-handle:hover{background-color:var(--panel-handle-hover)}.resize-handle:active{background-color:var(--panel-handle-active)}.handle-bar{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.collapse-toggle{position:absolute;background:var(--panel-button-bg);border:1px solid var(--panel-button-border);padding:4px 8px;cursor:pointer;color:var(--panel-button-icon);font-size:14px;outline:none;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:10;transition:all .2s;box-shadow:0 2px 4px #0000001a}.animated-vertical-layout{width:100%;height:100%;position:relative;background-color:var(--panel-background)}.vertical-panel{overflow:auto;width:100%;background-color:var(--panel-background)}.panel-content-wrapper{width:100%;height:100%;overflow:auto}.vertical-resize-handle{height:8px;background-color:var(--panel-handle);display:flex;justify-content:center;align-items:center;cursor:row-resize;position:relative;transition:background-color .2s,opacity .3s,height .3s}.vertical-resize-handle.collapsed{opacity:0;pointer-events:none}.vertical-resize-handle:hover{background-color:var(--panel-handle-hover)}.vertical-resize-handle:active{background-color:var(--panel-handle-active)}.handle-bar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.collapse-toggle{background:var(--panel-button-bg);border:1px solid var(--panel-button-border);padding:4px 8px;cursor:pointer;color:var(--panel-button-icon);font-size:14px;outline:none;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:10;transition:all .2s;box-shadow:0 2px 4px #0000001a}.collapse-toggle:hover:not(:disabled){background-color:var(--panel-button-hover);box-shadow:0 2px 6px #00000026}.collapse-toggle:active:not(:disabled){opacity:.8}.three-panel-item.collapsible-panel.collapsed{flex:0!important;min-width:0!important}.panel-content-wrapper{flex:1;overflow:auto;will-change:opacity;box-sizing:border-box}.resize-handle.collapsed{width:0!important}.tab-group{display:flex;height:100%;width:100%;overflow:hidden}.tab-group.tab-position-top,.tab-group.tab-position-bottom{flex-direction:column}.tab-group.tab-position-left,.tab-group.tab-position-right{flex-direction:row}.tab-list{display:flex;background:var(--tab-list-bg, #f5f5f5);border-bottom:1px solid var(--tab-border, #ddd);gap:0;padding:0;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.tab-list::-webkit-scrollbar{display:none}.tab-position-top .tab-list,.tab-position-bottom .tab-list{width:100%}.tab-list.centered{justify-content:flex-start}@media(min-width:0){.tab-list.centered{justify-content:center}.tab-list.centered:has(.tab-button:nth-child(n)){justify-content:flex-start}}.tab-position-bottom .tab-list{border-bottom:none;border-top:none}.tab-position-left .tab-list,.tab-position-right .tab-list{flex-direction:column;border-bottom:none;border-right:none;width:auto;min-width:120px}.tab-position-top .tab-button,.tab-position-bottom .tab-button{flex:1 1 0;min-width:40px;max-width:100%}.tab-button{background:var(--tab-bg, #fff);border:1px solid var(--tab-border, #ddd);border-radius:0;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;color:var(--tab-text, #333);transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;line-height:1;box-sizing:border-box;container-type:inline-size}.tab-position-top .tab-button{border-bottom:none;border-top:none;border-left:none}.tab-position-top .tab-button:last-child{border-right:none}.tab-position-bottom .tab-button{border-top:none;border-bottom:none;border-left:none}.tab-position-bottom .tab-button:last-child{border-right:none}.tab-position-left .tab-button{border-right:none;border-bottom:none}.tab-position-left .tab-button:last-child{border-bottom:1px solid var(--tab-border, #ddd)}.tab-position-right .tab-button{border-left:none;border-bottom:none}.tab-position-right .tab-button:last-child{border-bottom:1px solid var(--tab-border, #ddd)}.tab-icon{display:inline-flex;align-items:center;justify-content:center}.tab-label{display:none}@container (min-width: 250px){.tab-label{display:inline}.tab-icon{display:none}}.tab-button:hover{background:var(--tab-bg-hover, #f9f9f9)}.tab-button.active{background:var(--tab-bg-active, #007bff);color:var(--tab-text-active, #fff);border-color:var(--tab-border-active, #007bff)}.tab-button:focus-visible{outline:2px solid var(--tab-focus, #007bff);outline-offset:2px}.tab-content{flex:1;overflow:auto;background:var(--tab-content-bg, #fff)}.tab-group-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--tab-empty-text, #999);font-style:italic}.three-panel-layout{height:100%;width:100%;display:flex;flex-direction:column;position:relative;background-color:var(--panel-background);box-sizing:border-box}.three-panel-item{display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:var(--panel-background);box-sizing:border-box}.three-panel-item[data-edit-mode=true]{background-color:var(--panel-accent-bg);border-radius:12px}.three-panel-item.collapsible-panel{will-change:flex}.three-panel-item.collapsible-panel.animating{pointer-events:none}.three-panel-item.collapsible-panel.collapsed{flex:0!important;min-width:0!important;max-width:0!important;width:0!important;overflow:hidden!important;visibility:hidden}.three-panel-item.middle-panel{flex:1;min-width:200px}.panel-content-wrapper{flex:1;overflow-x:hidden;overflow-y:auto;will-change:opacity;box-sizing:border-box}.resize-handle{position:relative;display:flex;align-items:center;justify-content:center;width:1px!important;cursor:col-resize;background:var(--panel-border);overflow:visible!important}.resize-handle:before{content:"";position:absolute;inset:0 -10px;background:transparent}.resize-handle:after{content:"";position:absolute;inset:0 -10px;background:var(--panel-handle);opacity:0;transition:opacity .2s ease;z-index:-1}.resize-handle:hover:after{opacity:1}.resize-handle:hover{background:var(--panel-handle-hover)}.resize-handle:active:after{opacity:1;background:var(--panel-handle-active)}.resize-handle:active{background:var(--panel-handle-active)}.resize-handle.collapsed{width:0!important;visibility:hidden}.resize-handle.left-handle.collapsed{margin-right:-1px}.resize-handle.right-handle.collapsed{margin-left:-1px}.handle-bar{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.collapse-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:40px;background:var(--panel-button-bg);border:1px solid var(--panel-button-border);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--panel-button-icon);transition:all .2s ease;z-index:10;padding:0;line-height:1}.collapse-toggle:hover{background:var(--panel-button-hover)}.collapse-toggle:active{opacity:.8}.collapse-toggle:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.resize-handle:before{left:-8px;right:-8px}.resize-handle:after{left:-8px;right:-8px}.collapse-toggle{width:24px;height:48px;font-size:14px}}.snap-carousel-container{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:var(--snap-carousel-gap, 0px);padding:0;margin:0;width:100%;height:100%;background-color:var(--panel-background);box-sizing:border-box;position:relative;left:0;transform:none;container-type:inline-size;-ms-overflow-style:none;scrollbar-width:none}.snap-carousel-container::-webkit-scrollbar{display:none}.snap-carousel-panel{flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:always;width:var(--snap-carousel-panel-width, 33.33%);height:100%;box-sizing:border-box;overflow:hidden}@media(max-width:540px){.snap-carousel-panel{min-width:280px}}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(1deg)}50%{transform:rotate(0)}75%{transform:rotate(-1deg)}to{transform:rotate(0)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.editable-panel-layout{position:relative;width:100%;height:100%}.editable-panel-layout.edit-mode-active{background:#0000000d}[data-slot][data-edit-mode=true]{transform:scale(.95);transform-origin:center center;cursor:grab;will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1)}[data-slot][data-edit-mode=true]:active{cursor:grabbing}[data-slot][data-dragging=true]{cursor:grabbing!important;transform:scale(.95)!important;transition:none!important}.edit-mode-active [data-slot][data-edit-mode=true]{transform-origin:center center}.slot-with-overlay{position:relative;width:100%;height:100%}.slot-with-overlay.dragging{opacity:0;pointer-events:none}.slot-edit-overlay{position:absolute;inset:0;background:transparent;border:none;pointer-events:auto;cursor:grab;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center}.slot-edit-overlay:hover{background:#3b82f608}.slot-edit-overlay:active{cursor:grabbing}.drag-indicator,.slot-position-label{display:none}.edit-mode-toggle{position:absolute;top:16px;right:16px;z-index:1000;padding:8px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.edit-mode-toggle:hover{background:#f9fafb;box-shadow:0 4px 6px #0000001a}.edit-mode-toggle.active{background:#3b82f6;color:#fff;border-color:#2563eb}.edit-mode-overlay{position:fixed;inset:0;background:#0000004d;z-index:998;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-mode-configurator{position:relative;z-index:999;padding:20px;animation:scaleIn .3s ease}.panel-slot{position:relative;min-height:120px;border:2px dashed transparent;border-radius:12px;transition:all .3s ease;padding:12px}.panel-slot.edit-mode{border-color:#d1d5db;background:#ffffff80}.panel-slot.drag-over{border-color:#3b82f6;background:#3b82f61a;box-shadow:0 0 0 4px #3b82f61a}.panel-slot.empty{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.draggable-panel{position:relative;padding:12px 16px;margin:8px 0;border-radius:8px;background:#fff;border:1px solid #e5e7eb;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.draggable-panel:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.draggable-panel.dragging{opacity:.5;cursor:grabbing}.draggable-panel.edit-mode{animation:wiggle .4s ease-in-out infinite;transform-origin:center}.draggable-panel.edit-mode:nth-child(odd){animation-delay:.1s}.draggable-panel.edit-mode:nth-child(2n){animation-delay:.2s}.remove-button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;opacity:0;transform:scale(0);transition:all .2s ease;z-index:10;box-shadow:0 2px 4px #0003}.draggable-panel.edit-mode .remove-button{opacity:1;transform:scale(1);animation:pulse 2s infinite}.remove-button:hover{background:#dc2626;transform:scale(1.1)}.panel-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.panel-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.drag-handle{display:none;width:24px;height:24px;opacity:.4;cursor:grab}.edit-mode .drag-handle{display:flex;align-items:center;justify-content:center}.drag-overlay{padding:12px 16px;border-radius:8px;background:#fff;border:2px solid #3b82f6;box-shadow:0 8px 16px #0003;cursor:grabbing;opacity:.9}.panel-group{border:2px solid #e5e7eb;border-radius:12px;padding:8px;background:#fff}.panel-group.edit-mode{animation:wiggle .5s ease-in-out infinite;border-color:#3b82f6}.panel-group-header{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #e5e7eb;margin-bottom:8px}.panel-group-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.available-panels{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 6px #0000001a}.available-panels-title{font-size:16px;font-weight:600;color:#374151;margin-bottom:12px}.available-panels-list{display:flex;flex-direction:column;gap:8px}.slot-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px}.slot-indicator{width:8px;height:8px;border-radius:50%;background:#d1d5db}.slot-indicator.active{background:#3b82f6}.action-buttons{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1001;display:flex;gap:12px;padding:12px 24px;background:#fff;border-radius:12px;box-shadow:0 8px 16px #00000026;animation:scaleIn .3s ease}.action-button{padding:10px 20px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button:hover{background:#f9fafb}.action-button.primary{background:#3b82f6;color:#fff;border-color:#2563eb}.action-button.primary:hover{background:#2563eb}@media(max-width:768px){.edit-mode-toggle{top:8px;right:8px;padding:6px 12px;font-size:12px}.action-buttons{bottom:16px;padding:10px 16px}.action-button{padding:8px 16px;font-size:13px}}@media(prefers-color-scheme:dark){.edit-mode-toggle{background:#1f2937;color:#f9fafb;border-color:#374151}.edit-mode-toggle:hover{background:#374151}.draggable-panel{background:#1f2937;color:#f9fafb;border-color:#374151}.available-panels{background:#1f2937}.panel-label{color:#f9fafb}.action-buttons{background:#1f2937}.action-button{background:#1f2937;color:#f9fafb;border-color:#374151}.action-button:hover{background:#374151}}.panel-configurator{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;background:var(--configurator-bg);border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.configurator-section{display:flex;flex-direction:column;gap:1rem}.section-title{margin:0;font-size:.875rem;font-weight:600;color:var(--configurator-title);text-transform:uppercase;letter-spacing:.05em;text-align:center}.slots-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:75%;margin:0 auto;align-items:start}.slot{position:relative;aspect-ratio:1 / 1.3;width:100%;padding:2.5rem 1rem 1rem;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;box-sizing:border-box}.slot:hover{border-color:var(--slot-border-hover);box-shadow:0 2px 4px #0000000d}.slot.selected{border-color:var(--slot-border-selected);background:var(--slot-bg-selected);box-shadow:0 0 0 3px var(--slot-bg-selected)}.slot.empty{border-style:dashed}.slot-label{font-size:.75rem;font-weight:600;color:var(--slot-label);text-transform:capitalize;text-align:left}.slot[data-position=middle] .slot-label,.slot[data-position=middle] .slot-panel-name,.slot[data-position=middle] .slot-empty-state{text-align:center}.slot[data-position=right] .slot-label,.slot[data-position=right] .slot-panel-name,.slot[data-position=right] .slot-empty-state{text-align:right}.slot-content{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;min-height:0}.slot-panel-name{font-weight:600;color:var(--slot-content-text);font-size:.875rem}.slot-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--slot-preview-bg);border-radius:4px;border:1px solid var(--slot-preview-border);font-size:.75rem;color:var(--slot-preview-text)}.slot-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--slot-empty-text);font-size:.875rem;font-style:italic;min-height:0}.slot-clear-btn{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;padding:0;background:var(--clear-btn-bg);color:var(--clear-btn-text);border:none;border-radius:4px;cursor:pointer;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.slot:hover .slot-clear-btn{opacity:1}.slot-clear-btn:hover{background:var(--clear-btn-hover);transform:scale(1.1)}.available-panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;width:75%;margin:0 auto}.available-panel{min-height:80px;padding:.75rem;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem}.available-panel:hover{border-color:var(--panel-border-hover);box-shadow:0 2px 4px #0000000d;transform:translateY(-2px)}.available-panel.selected{border-color:var(--panel-border-selected);background:var(--panel-bg-selected);box-shadow:0 0 0 3px var(--panel-bg-selected)}.available-panel.in-use{opacity:.5;border-style:dashed}.available-panel.in-use:hover{transform:translateY(0);opacity:.6}.panel-label{font-weight:600;color:var(--panel-label-text);font-size:.875rem}.panel-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--panel-preview-bg);border-radius:4px;font-size:.75rem;color:var(--panel-preview-text)}.selection-hint{padding:.75rem 1rem;background:var(--hint-bg);border:1px solid var(--hint-border);border-radius:6px;color:var(--hint-text);font-size:.875rem;text-align:center}.available-panel.multi-selected{border-color:var(--panel-border-selected);background:var(--panel-bg-selected);box-shadow:0 0 0 2px var(--panel-bg-selected)}.multi-select-badge{margin-left:.5rem;padding:.25rem .5rem;background:var(--panel-border-selected);color:#fff;font-size:.75rem;border-radius:12px;font-weight:400}.multi-select-hint{background:var(--panel-bg-selected);border-color:var(--panel-border-selected)}.slot.tab-group{border-style:solid}.group-content{position:relative;overflow-y:auto;min-height:0}.group-badge{font-size:.75rem;font-weight:600;color:var(--panel-border-selected);margin-bottom:.5rem}.group-panels{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto;min-height:0}.group-panel-label{font-size:.75rem;color:var(--slot-content-text);padding:.25rem .5rem;background:var(--slot-preview-bg);border-radius:3px;border-left:3px solid var(--panel-border-selected)}.slot-panel-label{font-weight:600;color:var(--slot-content-text);font-size:.875rem;text-align:center}.create-tab-group-btn{margin-top:.5rem;padding:.5rem .75rem;background:var(--panel-border-selected);color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-tab-group-btn:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.tab-mode-toggle{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease;z-index:10;opacity:.7;color:var(--slot-content-text)}.tab-mode-toggle svg{display:block}.tab-mode-toggle:hover{opacity:1;border-color:var(--slot-border-hover);background:var(--slot-preview-bg)}.tab-mode-toggle.active{opacity:1;background:var(--panel-border-selected);color:#fff;border-color:var(--panel-border-selected)}.tab-config-controls{margin-bottom:.5rem}.tab-config-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--slot-label)}.tab-config-label select{padding:.25rem .5rem;border:1px solid var(--slot-border);border-radius:3px;background:var(--slot-bg);color:var(--slot-content-text);font-size:.7rem;cursor:pointer}.group-panel-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .5rem;background:var(--slot-preview-bg);border-radius:3px;border-left:3px solid var(--panel-border-selected)}.group-panel-label{flex:1;font-size:.75rem;color:var(--slot-content-text);display:flex;align-items:center;gap:.25rem}.default-badge{color:var(--panel-border-selected);font-size:.9em}.remove-from-group-btn{width:18px;height:18px;padding:0;background:var(--clear-btn-bg);color:var(--clear-btn-text);border:none;border-radius:3px;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .2s ease}.remove-from-group-btn:hover{opacity:1;transform:scale(1.1)}.usage-hint{padding:.75rem 1rem;background:var(--slot-preview-bg);border:1px solid var(--slot-border);border-radius:6px;color:var(--hint-text);font-size:.875rem;text-align:center}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@principal-ade/panel-layouts",
3
- "version": "0.1.4",
3
+ "version": "0.1.6",
4
4
  "description": "Pre-built panel layout components and workspace management for the Panel Framework",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -60,8 +60,8 @@
60
60
  "react-dom": ">=18.0.0"
61
61
  },
62
62
  "dependencies": {
63
- "@a24z/industry-theme": "^0.1.1",
64
- "@a24z/panels": "^1.0.38",
63
+ "@principal-ade/industry-theme": "^0.1.2",
64
+ "@principal-ade/panels": "^1.0.39",
65
65
  "react-resizable-panels": "^3.0.0"
66
66
  },
67
67
  "devDependencies": {