@eclipse-lyra/extension-howto-system 0.0.0

package/dist/howto-extension-8r07TyoY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"howto-extension-8r07TyoY.js","sources":["../src/howto-service.ts","../src/contributions/onboarding-howto-contributions.ts","../src/contributions/ai-setup-howto-contributions.ts","../src/howto-panel.ts","../src/howto-extension.ts"],"sourcesContent":["import { contributionRegistry, TOPIC_CONTRIBUTEIONS_CHANGED } from '@eclipse-lyra/core';\nimport { HowToContribution, HowToStep } from './howto-contribution';\nimport { subscribe } from '@eclipse-lyra/core';\nimport { createLogger } from '@eclipse-lyra/core';\nimport { Signal } from '@lit-labs/signals';\n\nconst logger = createLogger('HowToService');\n\nexport const HOWTO_CONTRIBUTION_TARGET = 'system.howtos';\n\n/**\n * HowTo Service\n * \n * Manages HowTo contributions by reading from the contribution registry.\n * Provides methods to retrieve and manage workflows.\n */\nexport class HowToService {\n    private contributions: Map<string, HowToContribution> = new Map();\n\n    constructor() {\n        // Load initial contributions\n        this.loadContributions();\n\n        // Subscribe to contribution changes\n        subscribe(TOPIC_CONTRIBUTEIONS_CHANGED, (event: any) => {\n            if (event.target === HOWTO_CONTRIBUTION_TARGET) {\n                this.loadContributions();\n            }\n        });\n    }\n\n    /**\n     * Load contributions from the contribution registry\n     */\n    private loadContributions(): void {\n        const contributions = contributionRegistry.getContributions(HOWTO_CONTRIBUTION_TARGET) as HowToContribution[];\n        \n        this.contributions.clear();\n        \n        for (const contribution of contributions) {\n            // Validate contribution\n            if (!contribution.id) {\n                logger.warn('HowTo contribution missing id, skipping');\n                continue;\n            }\n\n            if (!contribution.label) {\n                // Use title as label if label is not provided\n                // Handle both string and function types\n                const title = typeof contribution.title === 'function' \n                    ? contribution.title() \n                    : contribution.title;\n                contribution.label = title;\n            }\n\n            if (!contribution.steps || contribution.steps.length === 0) {\n                logger.warn(`HowTo contribution \"${contribution.id}\" has no steps, skipping`);\n                continue;\n            }\n\n            // Validate step IDs are unique\n            const stepIds = new Set<string>();\n            for (const step of contribution.steps) {\n                if (stepIds.has(step.id)) {\n                    logger.warn(`HowTo contribution \"${contribution.id}\" has duplicate step ID: \"${step.id}\"`);\n                    continue;\n                }\n                stepIds.add(step.id);\n            }\n\n            this.contributions.set(contribution.id, contribution);\n            const title = typeof contribution.title === 'function' \n                ? contribution.title() \n                : contribution.title;\n            logger.debug(`Loaded HowTo contribution: ${title} (${contribution.id})`);\n        }\n\n        logger.info(`Loaded ${this.contributions.size} HowTo contributions`);\n    }\n\n    /**\n     * Get a HowTo Contribution by ID\n     * \n     * @param contributionId The ID of the contribution\n     * @returns The contribution or undefined if not found\n     */\n    getContribution(contributionId: string): HowToContribution | undefined {\n        return this.contributions.get(contributionId);\n    }\n\n    /**\n     * Get all registered HowTo Contributions\n     * \n     * @returns Array of all contributions\n     */\n    getAllContributions(): HowToContribution[] {\n        return Array.from(this.contributions.values());\n    }\n\n    /**\n     * Get HowTo Contributions by category\n     * \n     * @param category The category to filter by\n     * @returns Array of contributions in the category\n     */\n    getContributionsByCategory(category: string): HowToContribution[] {\n        return Array.from(this.contributions.values())\n            .filter(contrib => contrib.category === category);\n    }\n\n    /**\n     * Check if a contribution exists\n     * \n     * @param contributionId The ID of the contribution\n     * @returns True if the contribution exists\n     */\n    hasContribution(contributionId: string): boolean {\n        return this.contributions.has(contributionId);\n    }\n}\n\nexport const howToService = new HowToService();\n\n","import { contributionRegistry, workspaceService, File, TOPIC_WORKSPACE_CHANGED, TOPIC_WORKSPACE_CONNECTED, activeEditorSignal, partDirtySignal, subscribe, appLoaderService } from '@eclipse-lyra/core';\nimport type { EditorContentProvider } from '@eclipse-lyra/core';\nimport { watchSignal } from '@eclipse-lyra/core';\nimport { HOWTO_CONTRIBUTION_TARGET } from '../howto-service';\nimport type { HowToContribution, HowToContext } from '../howto-contribution';\n\nconst ONBOARDING_FILE_NAME = 'welcome.txt';\n\nasync function getOnboardingFilePath(): Promise<string | null> {\n    const workspace = await workspaceService.getWorkspace();\n    if (!workspace) return null;\n    const folders = await workspaceService.getFolders();\n    if (folders.length === 0) return null;\n    const firstFolderName = folders[0].name;\n    return `${firstFolderName}/${ONBOARDING_FILE_NAME}`;\n}\n\n/**\n * Type guard to check if an editor implements EditorContentProvider\n */\nfunction isEditorContentProvider(editor: any): editor is EditorContentProvider {\n    return editor &&\n        typeof editor.getFilePath === 'function';\n}\n\n/**\n * Checks if a workspace is selected\n */\nasync function isWorkspaceSelected(): Promise<boolean> {\n    return workspaceService.isConnected();\n}\n\n/**\n * Checks if the onboarding file exists\n */\nasync function onboardingFileExists(): Promise<boolean> {\n    const path = await getOnboardingFilePath();\n    if (!path) return false;\n    const workspace = await workspaceService.getWorkspace();\n    if (!workspace) return false;\n    try {\n        const resource = await workspace.getResource(path);\n        return resource instanceof File;\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Checks if the onboarding file is open in an editor\n */\nfunction isOnboardingFileOpen(): boolean {\n    const activeEditor = activeEditorSignal.get();\n    if (!activeEditor || !isEditorContentProvider(activeEditor)) {\n        return false;\n    }\n    const filePath = activeEditor.getFilePath();\n    return filePath === ONBOARDING_FILE_NAME || filePath?.endsWith('/' + ONBOARDING_FILE_NAME) === true;\n}\n\n/**\n * Checks if the active editor is dirty (has unsaved changes)\n * Returns true only if the onboarding file is open AND dirty\n */\nfunction isActiveEditorDirty(): boolean {\n    if (!isOnboardingFileOpen()) return false;\n    \n    const activeEditor = activeEditorSignal.get();\n    if (!activeEditor) return false;\n    \n    return activeEditor.isDirty() === true;\n}\n\n/**\n * Checks if the active editor is clean (no unsaved changes)\n * Returns true only if the onboarding file is open AND not dirty\n */\nfunction isActiveEditorClean(): boolean {\n    if (!isOnboardingFileOpen()) return false;\n    \n    const activeEditor = activeEditorSignal.get();\n    if (!activeEditor) return false;\n    \n    return activeEditor.isDirty() === false;\n}\n\n/**\n * Checks if the onboarding file is closed (not open in any editor)\n */\nfunction isOnboardingFileClosed(): boolean {\n    return !isOnboardingFileOpen();\n}\n\n// Get current app name for the title\nfunction getAppName(): string {\n    const currentApp = appLoaderService.getCurrentApp();\n    return currentApp?.name || 'AppSpace';\n}\n\n// Create the onboarding HowTo contribution\n// Using callback functions so the app name is read when the HowTo is displayed\nconst onboardingContribution: HowToContribution = {\n    id: 'appspace.onboarding',\n    title: () => `Welcome to ${getAppName()}`,\n    description: () => `Get started with ${getAppName()} by learning the basics of workspace and file management`,\n    icon: 'graduation-cap',\n    // label will be set from title in howto-service.ts\n    label: '',\n    category: 'Getting Started',\n    initialize: (context: HowToContext) => {\n        // Set up subscriptions for workspace and editor changes\n        const cleanups: (() => void)[] = [];\n\n        // Subscribe to workspace events\n        subscribe(TOPIC_WORKSPACE_CHANGED, () => {\n            context.requestUpdate();\n        });\n\n        subscribe(TOPIC_WORKSPACE_CONNECTED, () => {\n            context.requestUpdate();\n        });\n\n        // Watch editor signals\n        cleanups.push(\n            watchSignal(activeEditorSignal, () => {\n                context.requestUpdate();\n            })\n        );\n\n        cleanups.push(\n            watchSignal(partDirtySignal, () => {\n                context.requestUpdate();\n            })\n        );\n\n        // Return cleanup function\n        return () => {\n            cleanups.forEach(cleanup => cleanup());\n        };\n    },\n    steps: [\n        {\n            id: 'create-text-file',\n            title: 'Create welcome.txt',\n            description: 'Create a new text file called \"welcome.txt\" in your workspace. If you don\\'t have a workspace selected, choose one first.',\n            preCondition: async () => {\n                // Workspace must be selected\n                return await isWorkspaceSelected();\n            },\n            postCondition: async () => {\n                return await onboardingFileExists();\n            },\n            command: 'touch',\n            commandParams: async () => {\n                const path = await getOnboardingFilePath();\n                return path ? {\n                    path,\n                    contents: 'Welcome to AppSpace!\\n\\nThis is your first file. You can edit it and save your changes.'\n                } : {};\n            }\n        },\n        {\n            id: 'open-text-file',\n            title: 'Open welcome.txt',\n            description: 'Open the \"welcome.txt\" file in the editor.',\n            preCondition: async () => {\n                return await onboardingFileExists();\n            },\n            postCondition: () => {\n                return isOnboardingFileOpen();\n            },\n            command: 'open_editor',\n            commandParams: async () => {\n                const path = await getOnboardingFilePath();\n                return path ? { path } : {};\n            }\n        },\n        {\n            id: 'edit-and-save',\n            title: 'Type something and save',\n            description: 'Type some text in the editor to modify the file, then save it using Ctrl+S or the save button.',\n            preCondition: () => {\n                return isOnboardingFileOpen();\n            },\n            postCondition: () => {\n                // File must be open, was dirty (edited), and is now clean (saved)\n                // Check that file is open and clean (saved)\n                return isActiveEditorClean();\n            },\n            // No command - user manually edits and saves\n        },\n        {\n            id: 'close-text-file',\n            title: 'Close the file',\n            description: 'Close the editor tab by clicking the X button on the tab.',\n            preCondition: () => {\n                return isOnboardingFileOpen();\n            },\n            postCondition: () => {\n                return isOnboardingFileClosed();\n            },\n            // No command - user manually closes the tab\n        }\n    ]\n};\n\n// Register the contribution\ncontributionRegistry.registerContribution<HowToContribution>(HOWTO_CONTRIBUTION_TARGET, onboardingContribution);\n\n","import { contributionRegistry, activeEditorSignal, partDirtySignal, subscribe, appLoaderService, appSettings } from '@eclipse-lyra/core';\nimport type { EditorContentProvider } from '@eclipse-lyra/core';\nimport { watchSignal } from '@eclipse-lyra/core';\nimport { HOWTO_CONTRIBUTION_TARGET } from '../howto-service';\nimport type { HowToContribution, HowToContext } from '../howto-contribution';\nimport { KEY_AI_CONFIG, TOPIC_AICONFIG_CHANGED } from '@eclipse-lyra/extension-ai-system/api';\nimport type { AIConfig } from '@eclipse-lyra/extension-ai-system/api';\n\nconst AI_CONFIG_EDITOR_KEY = '.system.ai-config';\n\n/**\n * Type guard to check if an editor implements EditorContentProvider\n */\nfunction isEditorContentProvider(editor: any): editor is EditorContentProvider {\n    return editor &&\n        typeof editor.getFilePath === 'function';\n}\n\n/**\n * Checks if the AI config editor is open\n */\nfunction isAIConfigEditorOpen(): boolean {\n    const activeEditor = activeEditorSignal.get();\n    if (!activeEditor || !isEditorContentProvider(activeEditor)) {\n        return false;\n    }\n    \n    const filePath = activeEditor.getFilePath();\n    return filePath === AI_CONFIG_EDITOR_KEY;\n}\n\n/**\n * Checks if an LLM provider is configured (has default provider with API key)\n */\nasync function isLLMProviderConfigured(): Promise<boolean> {\n    try {\n        const config = await appSettings.get(KEY_AI_CONFIG) as AIConfig | undefined;\n        if (!config || !config.defaultProvider) {\n            return false;\n        }\n        \n        const defaultProvider = config.providers?.find(p => p.name === config.defaultProvider);\n        if (!defaultProvider) {\n            return false;\n        }\n        \n        // Check if API key is set (not empty)\n        return !!defaultProvider.apiKey && defaultProvider.apiKey.trim() !== '';\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Checks if the AI config editor has unsaved changes\n */\nfunction isAIConfigEditorDirty(): boolean {\n    const activeEditor = activeEditorSignal.get();\n    if (!activeEditor || !isEditorContentProvider(activeEditor)) {\n        return false;\n    }\n    \n    const filePath = activeEditor.getFilePath();\n    if (filePath !== AI_CONFIG_EDITOR_KEY) {\n        return false;\n    }\n    \n    return activeEditor.isDirty() === true;\n}\n\n/**\n * Checks if the AI config editor is saved (not dirty)\n */\nfunction isAIConfigEditorSaved(): boolean {\n    if (!isAIConfigEditorOpen()) {\n        return false;\n    }\n    \n    return !isAIConfigEditorDirty();\n}\n\n/**\n * Checks if the AI config editor is closed\n */\nfunction isAIConfigEditorClosed(): boolean {\n    return !isAIConfigEditorOpen();\n}\n\n/**\n * Checks if user has typed something in the AI chat\n * This checks if there are any chat sessions with messages\n */\nasync function hasTypedInChat(): Promise<boolean> {\n    try {\n        const sessions = await appSettings.get('aiChatSessions') as any;\n        if (!sessions || typeof sessions !== 'object') {\n            return false;\n        }\n        \n        // Check if any session has messages\n        for (const sessionId in sessions) {\n            const session = sessions[sessionId];\n            if (session?.history && Array.isArray(session.history)) {\n                // Check if there's at least one user message\n                const hasUserMessage = session.history.some((msg: any) => \n                    msg.role === 'user' && msg.content && msg.content.trim() !== ''\n                );\n                if (hasUserMessage) {\n                    return true;\n                }\n            }\n        }\n        \n        return false;\n    } catch {\n        return false;\n    }\n}\n\n// Get current app name for the title\nfunction getAppName(): string {\n    const currentApp = appLoaderService.getCurrentApp();\n    return currentApp?.name || 'AppSpace';\n}\n\n// Create the AI setup HowTo contribution\nconst aiSetupContribution: HowToContribution = {\n    id: 'appspace.ai-setup',\n    title: () => `Set up AI in ${getAppName()}`,\n    description: () => `Configure an LLM provider to enable AI chat features in ${getAppName()}`,\n    icon: 'robot',\n    label: '',\n    category: 'Getting Started',\n    initialize: (context: HowToContext) => {\n        // Set up subscriptions for editor and AI config changes\n        const cleanups: (() => void)[] = [];\n\n        // Watch editor changes\n        cleanups.push(\n            watchSignal(activeEditorSignal, () => {\n                context.requestUpdate();\n            })\n        );\n\n        // Watch dirty state changes\n        cleanups.push(\n            watchSignal(partDirtySignal, () => {\n                context.requestUpdate();\n            })\n        );\n\n        // Subscribe to AI config changes\n        subscribe(TOPIC_AICONFIG_CHANGED, () => {\n            context.requestUpdate();\n        });\n\n        // Return cleanup function\n        return () => {\n            cleanups.forEach(cleanup => cleanup());\n        };\n    },\n    steps: [\n        {\n            id: 'open-ai-settings',\n            title: 'Open AI Settings',\n            description: 'Open the AI settings editor by clicking the robot icon in the toolbar or using the command palette.',\n            preCondition: () => true, // Always available\n            postCondition: () => isAIConfigEditorOpen(),\n            command: 'open_ai_config',\n        },\n        {\n            id: 'configure-llm-provider',\n            title: 'Configure LLM Provider',\n            description: 'Select a provider as default and enter an API key. Make sure to save your changes using Ctrl+S or the save button.',\n            preCondition: () => isAIConfigEditorOpen(),\n            postCondition: async () => {\n                // Check if provider is configured AND settings are saved\n                const configured = await isLLMProviderConfigured();\n                const saved = isAIConfigEditorSaved();\n                return configured && saved;\n            },\n            // No command - user manually configures in the editor\n        },\n        {\n            id: 'save-and-close',\n            title: 'Save and Close',\n            description: 'Save your changes (if not already saved) and close the AI settings editor tab.',\n            preCondition: () => isAIConfigEditorOpen(),\n            postCondition: () => isAIConfigEditorClosed(),\n            // No command - user manually saves and closes the tab\n        },\n        {\n            id: 'type-in-chat',\n            title: 'Type in Chat',\n            description: 'Open the AI chat view (if not already open) and type a message to test your AI configuration.',\n            preCondition: async () => await isLLMProviderConfigured(),\n            postCondition: async () => await hasTypedInChat(),\n            // No command - user manually types in chat\n        }\n    ]\n};\n\n// Register the contribution\ncontributionRegistry.registerContribution<HowToContribution>(HOWTO_CONTRIBUTION_TARGET, aiSetupContribution);\n\n","import { css, html, nothing } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\nimport { PropertyValues } from 'lit';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { LyraWidget } from '@eclipse-lyra/core';\nimport { howToService } from './howto-service';\nimport { HowToContribution, HowToStep } from './howto-contribution';\nimport { subscribe } from '@eclipse-lyra/core';\nimport { commandRegistry } from '@eclipse-lyra/core';\nimport { toastError, toastInfo } from '@eclipse-lyra/core';\nimport { createRef, ref, Ref } from 'lit/directives/ref.js';\nimport { TOPIC_CONTRIBUTEIONS_CHANGED } from '@eclipse-lyra/core';\nimport { HOWTO_CONTRIBUTION_TARGET } from './howto-service';\nimport { appSettings } from '@eclipse-lyra/core';\nimport { workspaceService, TOPIC_WORKSPACE_CONNECTED } from '@eclipse-lyra/core';\n\n// Event topic for showing the HowTo panel\nexport const TOPIC_SHOW_HOWTO_PANEL = 'howto/show-panel';\nexport const TOPIC_TOGGLE_HOWTO_PANEL = 'howto/toggle-panel';\n\n// Constants\nconst SETTINGS_KEY = 'howto-panel';\nconst DEFAULT_POSITION = { x: 100, y: 100 };\nconst DEFAULT_PANEL_SIZE = { width: 400, height: 300 };\n\ninterface StepState {\n    step: HowToStep;\n    status: 'pending' | 'active' | 'completed' | 'skipped' | 'failed';\n    preConditionMet?: boolean;\n    postConditionMet?: boolean;\n}\n\n@customElement('lyra-howto-panel')\nexport class LyraHowToPanel extends LyraWidget {\n    @state()\n    private contributions: HowToContribution[] = [];\n\n    @state()\n    private activeContributionId: string | null = null;\n\n    @state()\n    private stepStates: Map<string, StepState[]> = new Map();\n\n    @state()\n    private isMinimized: boolean = false;\n\n    @state()\n    private isVisible: boolean = false;\n\n    @state()\n    private positionX: number = DEFAULT_POSITION.x;\n\n    @state()\n    private positionY: number = DEFAULT_POSITION.y;\n\n    private isDragging: boolean = false;\n\n    @state()\n    private dragPreviewPosition: { x: number; y: number } | null = null;\n\n    private dragStartPosition: { x: number; y: number } = { x: 0, y: 0 };\n\n    private panelRef: Ref<HTMLElement> = createRef();\n    private howtoCleanup?: () => void;\n\n    protected async doBeforeUI() {\n        this.loadContributions();\n        \n        subscribe(TOPIC_CONTRIBUTEIONS_CHANGED, (event: any) => {\n            if (event.target === HOWTO_CONTRIBUTION_TARGET) {\n                this.loadContributions();\n                this.requestUpdate();\n            }\n        });\n\n        // Subscribe to show/toggle panel events\n        subscribe(TOPIC_SHOW_HOWTO_PANEL, () => this.showPanel());\n        subscribe(TOPIC_TOGGLE_HOWTO_PANEL, () => this.toggleVisibility());\n\n        // Load position and visibility from dialogsettings\n        await this.loadSettings();\n        \n        // If no workspace is selected and panel wasn't explicitly hidden, show it by default\n        const hasWorkspace = workspaceService.isConnected();\n        if (!hasWorkspace && this.isVisible === false) {\n            // Check if user has explicitly hidden it (if settings exist and visible is false)\n            const settings = await appSettings.getDialogSetting(SETTINGS_KEY);\n            if (!settings || settings.visible === undefined) {\n                // No explicit preference, show panel when no workspace\n                this.isVisible = true;\n                await this.saveSettings();\n            }\n        }\n        \n        // Subscribe to workspace connection to hide panel when workspace is connected (if it was auto-shown)\n        subscribe(TOPIC_WORKSPACE_CONNECTED, () => {\n            // Only auto-hide if it was auto-shown (no explicit visibility setting)\n            const checkAutoHide = async () => {\n                const settings = await appSettings.getDialogSetting(SETTINGS_KEY);\n                if (!settings || settings.visible === undefined) {\n                    // Was auto-shown, can auto-hide when workspace connects\n                    // But let's keep it visible - user might want to see howtos even with workspace\n                }\n            };\n            checkAutoHide();\n        });\n    }\n\n    private boundHandleDragMove?: (e: MouseEvent) => void;\n    private boundHandleDragEnd?: () => void;\n\n    protected doInitUI() {\n        // Setup document-level drag handlers (these are always available)\n        this.boundHandleDragMove = this.handleDragMove.bind(this);\n        this.boundHandleDragEnd = this.handleDragEnd.bind(this);\n        document.addEventListener('mousemove', this.boundHandleDragMove);\n        document.addEventListener('mouseup', this.boundHandleDragEnd);\n    }\n\n    protected firstUpdated(_changedProperties: PropertyValues) {\n        super.firstUpdated(_changedProperties);\n    }\n\n    private loadContributions() {\n        this.contributions = howToService.getAllContributions();\n    }\n\n    private async loadSettings() {\n        const settings = await appSettings.getDialogSetting(SETTINGS_KEY);\n        if (settings) {\n            if (settings.position) {\n                this.positionX = settings.position.x || DEFAULT_POSITION.x;\n                this.positionY = settings.position.y || DEFAULT_POSITION.y;\n            }\n            if (settings.visible !== undefined) {\n                this.isVisible = settings.visible;\n            }\n        }\n    }\n\n    private async saveSettings() {\n        await appSettings.setDialogSetting(SETTINGS_KEY, {\n            position: { x: this.positionX, y: this.positionY },\n            visible: this.isVisible\n        });\n    }\n\n    private handleDragStart = (e: MouseEvent) => {\n        const target = e.target as HTMLElement;\n        if (this.isDragTarget(target) || !this.panelRef.value) {\n            return;\n        }\n        \n        const rect = this.panelRef.value.getBoundingClientRect();\n        this.dragStartPosition = {\n            x: e.clientX - rect.left,\n            y: e.clientY - rect.top\n        };\n        this.isDragging = true;\n        this.dragPreviewPosition = { x: this.positionX, y: this.positionY };\n        this.requestUpdate();\n        e.preventDefault();\n        e.stopPropagation();\n    }\n\n    private isDragTarget(target: HTMLElement): boolean {\n        return !!(target.closest('.header-actions') || target.closest('wa-button'));\n    }\n\n    private getViewportBounds() {\n        const panelWidth = this.panelRef.value?.offsetWidth || DEFAULT_PANEL_SIZE.width;\n        const panelHeight = this.panelRef.value?.offsetHeight || DEFAULT_PANEL_SIZE.height;\n        return {\n            maxX: window.innerWidth - panelWidth,\n            maxY: window.innerHeight - panelHeight\n        };\n    }\n\n    private handleDragMove = (e: MouseEvent) => {\n        if (!this.isDragging || !this.dragPreviewPosition) {\n            return;\n        }\n        \n        const bounds = this.getViewportBounds();\n        const newX = Math.max(0, Math.min(e.clientX - this.dragStartPosition.x, bounds.maxX));\n        const newY = Math.max(0, Math.min(e.clientY - this.dragStartPosition.y, bounds.maxY));\n        \n        if (this.dragPreviewPosition.x !== newX || this.dragPreviewPosition.y !== newY) {\n            this.dragPreviewPosition = { x: newX, y: newY };\n            this.requestUpdate();\n        }\n    }\n\n    private handleDragEnd = async () => {\n        if (!this.isDragging || !this.dragPreviewPosition) {\n            return;\n        }\n        \n        this.isDragging = false;\n        const previewPos = this.dragPreviewPosition;\n        this.dragPreviewPosition = null;\n        \n        this.positionX = previewPos.x;\n        this.positionY = previewPos.y;\n        \n        await this.saveSettings();\n        this.requestUpdate();\n    }\n\n    private async startHowTo(contributionId: string) {\n        const contribution = howToService.getContribution(contributionId);\n        if (!contribution) {\n            toastError(`HowTo \"${contributionId}\" not found`);\n            return;\n        }\n\n        // Clean up previous HowTo\n        this.cleanupHowTo();\n\n        this.activeContributionId = contributionId;\n        this.isMinimized = false;\n\n        // Initialize step states\n        const states: StepState[] = contribution.steps.map(step => ({\n            step,\n            status: 'pending'\n        }));\n\n        this.stepStates.set(contributionId, states);\n        \n        // Call HowTo's initialize function if provided\n        if (contribution.initialize) {\n            const context = {\n                requestUpdate: () => this.recheckActiveStepConditions(),\n                contributionId: contributionId\n            };\n            this.howtoCleanup = contribution.initialize(context) || undefined;\n        }\n        \n        this.requestUpdate();\n\n        // Check initial pre-conditions\n        await this.checkPreConditions(contributionId, 0);\n    }\n\n    private cleanupHowTo() {\n        if (this.howtoCleanup) {\n            this.howtoCleanup();\n            this.howtoCleanup = undefined;\n        }\n    }\n\n    private getStepState(contributionId: string, stepIndex: number): StepState | null {\n        const states = this.stepStates.get(contributionId);\n        return states && stepIndex < states.length ? states[stepIndex] : null;\n    }\n\n    private async checkPreConditions(contributionId: string, stepIndex: number) {\n        const state = this.getStepState(contributionId, stepIndex);\n        if (!state) return;\n\n        if (!state.step.preCondition) {\n            state.preConditionMet = true;\n            this.requestUpdate();\n            return;\n        }\n\n        try {\n            state.preConditionMet = await state.step.preCondition();\n            this.requestUpdate();\n        } catch (error) {\n            console.error(`Pre-condition check failed for step ${state.step.id}:`, error);\n            state.preConditionMet = false;\n            this.requestUpdate();\n        }\n    }\n\n    private async checkPostConditions(contributionId: string, stepIndex: number) {\n        const state = this.getStepState(contributionId, stepIndex);\n        if (!state) return;\n\n        if (!state.step.postCondition) {\n            this.completeStep(contributionId, stepIndex);\n            return;\n        }\n\n        try {\n            const result = await state.step.postCondition();\n            state.postConditionMet = result;\n            state.status = result ? 'completed' : 'failed';\n            \n            if (result) {\n                this.activateNextStep(contributionId, stepIndex);\n            }\n            this.requestUpdate();\n        } catch (error) {\n            console.error(`Post-condition check failed for step ${state.step.id}:`, error);\n            state.postConditionMet = false;\n            state.status = 'failed';\n            this.requestUpdate();\n        }\n    }\n\n    private completeStep(contributionId: string, stepIndex: number) {\n        const state = this.getStepState(contributionId, stepIndex);\n        if (!state) return;\n        \n        state.status = 'completed';\n        this.activateNextStep(contributionId, stepIndex);\n        this.requestUpdate();\n    }\n\n    private async activateNextStep(contributionId: string, stepIndex: number) {\n        const states = this.stepStates.get(contributionId);\n        if (!states || stepIndex + 1 >= states.length) return;\n        \n        const nextState = states[stepIndex + 1];\n        nextState.status = 'active';\n        await this.checkPreConditions(contributionId, stepIndex + 1);\n    }\n\n    /**\n     * Re-checks conditions for active and pending steps when workspace or editor state changes\n     */\n    private async recheckActiveStepConditions() {\n        if (!this.activeContributionId) return;\n\n        const states = this.stepStates.get(this.activeContributionId);\n        if (!states) return;\n\n        // Find the active step\n        const activeStepIndex = states.findIndex(state => state.status === 'active');\n        \n        if (activeStepIndex !== -1) {\n            const activeState = states[activeStepIndex];\n            const step = activeState.step;\n\n            // Re-check post-condition if it exists and step is active\n            if (step.postCondition) {\n                try {\n                    const result = await step.postCondition();\n                    if (result && activeState.status === 'active') {\n                        // Post-condition is met, complete the step and move to next\n                        await this.checkPostConditions(this.activeContributionId, activeStepIndex);\n                        return; // Step completed, no need to check pre-conditions\n                    }\n                } catch (error) {\n                    // Ignore errors in post-condition checks during re-evaluation\n                }\n            }\n        }\n\n        // Re-check pre-conditions for pending steps (they might become available)\n        for (let i = 0; i < states.length; i++) {\n            const state = states[i];\n            if (state.status === 'pending' && state.step.preCondition) {\n                // Re-check pre-condition for pending steps\n                await this.checkPreConditions(this.activeContributionId, i);\n            }\n        }\n\n        this.requestUpdate();\n    }\n\n    private async executeStep(contributionId: string, stepIndex: number) {\n        const state = this.getStepState(contributionId, stepIndex);\n        if (!state) return;\n\n        if (!await this.validatePreConditions(state, contributionId, stepIndex)) {\n            return;\n        }\n\n        state.status = 'active';\n        this.requestUpdate();\n\n        if (state.step.command && !await this.executeStepCommand(state)) {\n            return;\n        }\n\n        await this.checkPostConditions(contributionId, stepIndex);\n    }\n\n    private async validatePreConditions(state: StepState, contributionId: string, stepIndex: number): Promise<boolean> {\n        if (!state.step.preCondition) {\n            return true;\n        }\n\n        if (state.preConditionMet === undefined || state.preConditionMet === false) {\n            await this.checkPreConditions(contributionId, stepIndex);\n        }\n\n        if (state.preConditionMet !== true) {\n            toastError(`Pre-conditions not met for step: ${state.step.title}`);\n            return false;\n        }\n\n        return true;\n    }\n\n    private async executeStepCommand(state: StepState): Promise<boolean> {\n        if (!state.step.command) {\n            return true;\n        }\n\n        try {\n            const rawParams = state.step.commandParams;\n            const params = typeof rawParams === 'function' ? await rawParams() : (rawParams || {});\n            const execContext = commandRegistry.createExecutionContext(params);\n            await commandRegistry.execute(state.step.command, execContext);\n            return true;\n        } catch (error) {\n            console.error(`Failed to execute command for step ${state.step.id}:`, error);\n            toastError(`Failed to execute step: ${state.step.title}`);\n            state.status = 'failed';\n            this.requestUpdate();\n            return false;\n        }\n    }\n\n    private async runStepCommand(contributionId: string, stepIndex: number) {\n        const state = this.getStepState(contributionId, stepIndex);\n        if (!state || !state.step.command) {\n            return;\n        }\n\n        // Check pre-conditions if they exist\n        if (state.step.preCondition) {\n            const preConditionMet = await state.step.preCondition();\n            if (!preConditionMet) {\n                toastError(`Pre-conditions not met for step: ${state.step.title}`);\n                return;\n            }\n        }\n\n        // Execute the command\n        const success = await this.executeStepCommand(state);\n        if (success) {\n            // Check post-conditions after command execution\n            await this.checkPostConditions(contributionId, stepIndex);\n        }\n    }\n\n    private skipStep(contributionId: string, stepIndex: number) {\n        const state = this.getStepState(contributionId, stepIndex);\n        if (!state || !state.step.optional) return;\n\n        state.status = 'skipped';\n        this.activateNextStep(contributionId, stepIndex);\n        this.requestUpdate();\n    }\n\n    private closeHowTo() {\n        this.cleanupHowTo();\n        this.activeContributionId = null;\n        this.stepStates.clear();\n        this.requestUpdate();\n    }\n\n    private toggleMinimize() {\n        this.isMinimized = !this.isMinimized;\n        this.requestUpdate();\n    }\n\n    private async showPanel() {\n        this.isVisible = true;\n        this.isMinimized = false;\n        await this.saveSettings();\n        this.requestUpdate();\n    }\n\n    private async hidePanel() {\n        this.isVisible = false;\n        await this.saveSettings();\n        this.requestUpdate();\n    }\n\n    private async toggleVisibility() {\n        if (this.isVisible) {\n            await this.hidePanel();\n        } else {\n            await this.showPanel();\n        }\n    }\n\n    private renderStep(state: StepState, index: number, contributionId: string) {\n        const { step, status, preConditionMet, postConditionMet } = state;\n        const isActive = status === 'active';\n        const isCompleted = status === 'completed';\n        const isFailed = status === 'failed';\n        const isPending = status === 'pending';\n        const isSkipped = status === 'skipped';\n\n        return html`\n            <div class=\"step ${status}\" ?data-active=${isActive}>\n                <div class=\"step-header\">\n                    <div class=\"step-number\">${index + 1}</div>\n                    <div class=\"step-title\">${step.title}</div>\n                    <div class=\"step-status\">\n                        ${step.command ? html`\n                            <wa-button \n                                size=\"small\" \n                                appearance=\"plain\" \n                                @click=${(e: Event) => {\n                                    e.stopPropagation();\n                                    this.runStepCommand(contributionId, index);\n                                }}\n                                title=\"Run step command\"\n                            >\n                                <wa-icon name=\"play\"></wa-icon>\n                            </wa-button>\n                        ` : nothing}\n                        ${isCompleted ? html`<wa-icon name=\"check-circle\" class=\"status-icon completed\"></wa-icon>` : nothing}\n                        ${isFailed ? html`<wa-icon name=\"xmark-circle\" class=\"status-icon failed\"></wa-icon>` : nothing}\n                        ${isSkipped ? html`<wa-icon name=\"minus-circle\" class=\"status-icon skipped\"></wa-icon>` : nothing}\n                        ${isPending ? html`<wa-icon name=\"circle\" class=\"status-icon pending\"></wa-icon>` : nothing}\n                        ${isActive ? html`<wa-icon name=\"play-circle\" class=\"status-icon active\"></wa-icon>` : nothing}\n                    </div>\n                </div>\n                <div class=\"step-description\">${step.description}</div>\n                ${step.preCondition && preConditionMet !== undefined ? html`\n                    <div class=\"condition pre-condition ${preConditionMet ? 'met' : 'not-met'}\">\n                        <wa-icon name=\"${preConditionMet ? 'check' : 'xmark'}\"></wa-icon>\n                        <span>Pre-condition: ${preConditionMet ? 'Met' : 'Not met'}</span>\n                    </div>\n                ` : nothing}\n                ${step.postCondition && postConditionMet !== undefined ? html`\n                    <div class=\"condition post-condition ${postConditionMet ? 'met' : 'not-met'}\">\n                        <wa-icon name=\"${postConditionMet ? 'check' : 'xmark'}\"></wa-icon>\n                        <span>Post-condition: ${postConditionMet ? 'Met' : 'Not met'}</span>\n                    </div>\n                ` : nothing}\n                ${isActive && step.optional ? html`\n                    <div class=\"step-actions\">\n                        <wa-button size=\"small\" appearance=\"outline\" @click=${() => this.skipStep(contributionId, index)}>\n                            <wa-icon name=\"forward\"></wa-icon>\n                            Skip\n                        </wa-button>\n                    </div>\n                ` : nothing}\n            </div>\n        `;\n    }\n\n    render() {\n        if (!this.isVisible) {\n            return nothing;\n        }\n\n        const activeContribution = this.activeContributionId\n            ? howToService.getContribution(this.activeContributionId)\n            : null;\n\n        const activeStepStates = this.activeContributionId\n            ? this.stepStates.get(this.activeContributionId) || []\n            : [];\n\n        return html`\n            ${this.dragPreviewPosition ? html`\n                <div \n                    class=\"howto-panel-drag-preview\"\n                style=${styleMap({\n                    left: `${this.dragPreviewPosition.x}px`,\n                    top: `${this.dragPreviewPosition.y}px`,\n                    width: `${this.panelRef.value?.offsetWidth || DEFAULT_PANEL_SIZE.width}px`,\n                    height: `${this.panelRef.value?.offsetHeight || DEFAULT_PANEL_SIZE.height}px`,\n                    display: 'block',\n                    visibility: 'visible'\n                })}\n                ></div>\n            ` : nothing}\n            <div \n                class=\"howto-panel ${this.isMinimized ? 'minimized' : ''} ${this.dragPreviewPosition ? 'dragging' : ''}\"\n                style=${styleMap({\n                    left: `${this.positionX}px`,\n                    top: `${this.positionY}px`,\n                    transform: 'translateZ(0)'\n                })}\n                ${ref(this.panelRef)}\n            >\n                <div class=\"panel-header\" @mousedown=${this.handleDragStart}>\n                    <div class=\"header-title\">\n                        <wa-icon name=\"list-check\"></wa-icon>\n                        <span>HowTo Workflows</span>\n                    </div>\n                    <div class=\"header-actions\" @mousedown=${(e: MouseEvent) => e.stopPropagation()}>\n                        <wa-button \n                            size=\"small\" \n                            appearance=\"plain\" \n                            @click=${this.toggleMinimize}\n                            title=\"${this.isMinimized ? 'Expand' : 'Minimize'}\"\n                        >\n                            <wa-icon name=\"${this.isMinimized ? 'chevron-up' : 'chevron-down'}\"></wa-icon>\n                        </wa-button>\n                        <wa-button \n                            size=\"small\" \n                            appearance=\"plain\" \n                            @click=${this.hidePanel}\n                            title=\"Hide Panel\"\n                        >\n                            <wa-icon name=\"xmark\"></wa-icon>\n                        </wa-button>\n                    </div>\n                </div>\n                \n                ${!this.isMinimized ? html`\n                    <div class=\"panel-content\">\n                        ${activeContribution ? html`\n                            <div class=\"active-workflow\">\n                                <div class=\"workflow-header\">\n                                    <div class=\"workflow-title-section\">\n                                        <h3>${typeof activeContribution.title === 'function' \n                                            ? activeContribution.title() \n                                            : activeContribution.title}</h3>\n                                        ${activeContribution.description ? html`\n                                            <p class=\"workflow-description\">${typeof activeContribution.description === 'function'\n                                                ? activeContribution.description()\n                                                : activeContribution.description}</p>\n                                        ` : nothing}\n                                    </div>\n                                    <wa-button \n                                        size=\"small\" \n                                        appearance=\"plain\" \n                                        @click=${this.closeHowTo}\n                                        title=\"Close HowTo\"\n                                    >\n                                        <wa-icon name=\"xmark\"></wa-icon>\n                                    </wa-button>\n                                </div>\n                                <div class=\"steps-list\">\n                                    ${activeStepStates.map((state, index) => \n                                        this.renderStep(state, index, this.activeContributionId!)\n                                    )}\n                                </div>\n                            </div>\n                        ` : html`\n                            <div class=\"workflows-list\">\n                                <h3>Available Workflows</h3>\n                                ${this.contributions.length === 0 ? html`\n                                    <div class=\"empty-state\">\n                                        <wa-icon name=\"list-check\" style=\"font-size: 2em; opacity: 0.5; margin-bottom: 12px;\"></wa-icon>\n                                        <p>No HowTo workflows available yet.</p>\n                                        <p style=\"font-size: 0.9em; opacity: 0.7;\">Extensions can register workflows via the contribution registry.</p>\n                                    </div>\n                                ` : this.contributions.map(contrib => {\n                                    const title = typeof contrib.title === 'function' ? contrib.title() : contrib.title;\n                                    const description = contrib.description \n                                        ? (typeof contrib.description === 'function' ? contrib.description() : contrib.description)\n                                        : null;\n                                    return html`\n                                    <div class=\"workflow-item\" @click=${() => this.startHowTo(contrib.id)}>\n                                        ${contrib.icon ? html`\n                                            <wa-icon name=\"${contrib.icon}\"></wa-icon>\n                                        ` : html`\n                                            <wa-icon name=\"list-check\"></wa-icon>\n                                        `}\n                                        <div class=\"workflow-info\">\n                                            <div class=\"workflow-title\">${title}</div>\n                                            ${description ? html`\n                                                <div class=\"workflow-desc\">${description}</div>\n                                            ` : nothing}\n                                            <div class=\"workflow-meta\">${contrib.steps.length} step${contrib.steps.length !== 1 ? 's' : ''}</div>\n                                        </div>\n                                    </div>\n                                `})}\n                            </div>\n                        `}\n                    </div>\n                ` : nothing}\n            </div>\n        `;\n    }\n\n    static styles = css`\n        :host {\n            display: block;\n            position: fixed;\n            z-index: 10000;\n            pointer-events: none;\n        }\n\n        .howto-panel-drag-preview {\n            position: fixed !important;\n            border: 3px dashed var(--wa-color-primary-50, #0066cc) !important;\n            background: var(--wa-color-primary-05, rgba(0, 102, 204, 0.05)) !important;\n            border-radius: var(--wa-border-radius-medium, 8px);\n            z-index: 10001 !important;\n            pointer-events: none !important;\n            opacity: 0.8 !important;\n            box-sizing: border-box;\n            display: block !important;\n            visibility: visible !important;\n            min-width: 100px;\n            min-height: 100px;\n        }\n\n        :host-context(.wa-light) .howto-panel-drag-preview {\n            background: var(--wa-color-primary-95);\n            border-color: var(--wa-color-primary-50);\n        }\n\n        .howto-panel {\n            position: fixed !important;\n            width: 400px;\n            max-height: 600px;\n            background: var(--wa-color-surface-raised, var(--wa-color-neutral-05));\n            border: var(--wa-border-width-s, 1px) solid var(--wa-color-neutral-border-loud, var(--wa-color-neutral-25));\n            border-radius: var(--wa-border-radius-medium, 8px);\n            box-shadow: var(--wa-shadow-large, 0 8px 24px rgba(0, 0, 0, 0.8));\n            pointer-events: all;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n        }\n\n        :host-context(.wa-light) .howto-panel {\n            background: var(--wa-color-surface-raised, var(--wa-color-neutral-95));\n            border-color: var(--wa-color-neutral-border-loud, var(--wa-color-neutral-75));\n            box-shadow: var(--wa-shadow-large, 0 8px 24px rgba(0, 0, 0, 0.2));\n        }\n\n        .howto-panel.minimized {\n            max-height: auto;\n        }\n\n        .howto-panel.dragging {\n            opacity: 0.5;\n        }\n\n        .panel-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: var(--wa-spacing-medium, 12px) var(--wa-spacing-large, 16px);\n            background: var(--wa-color-surface-lowered, var(--wa-color-neutral-10));\n            border-bottom: var(--wa-border-width-s, 1px) solid var(--wa-color-neutral-border-loud, var(--wa-color-neutral-25));\n            cursor: move;\n            user-select: none;\n        }\n\n        :host-context(.wa-light) .panel-header {\n            background: var(--wa-color-surface-lowered, var(--wa-color-neutral-90));\n            border-bottom-color: var(--wa-color-neutral-border-loud, var(--wa-color-neutral-75));\n        }\n\n        .header-title {\n            display: flex;\n            align-items: center;\n            gap: var(--wa-spacing-small, 8px);\n            font-weight: 600;\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-90));\n        }\n\n        :host-context(.wa-light) .header-title {\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-10));\n        }\n\n        .header-actions {\n            display: flex;\n            gap: var(--wa-spacing-x-small, 4px);\n        }\n\n        .panel-content {\n            flex: 1;\n            overflow-y: auto;\n            padding: var(--wa-spacing-large, 16px);\n        }\n\n        .workflows-list h3 {\n            margin: 0 0 var(--wa-spacing-medium, 12px) 0;\n            font-size: var(--wa-font-size-medium, 14px);\n            font-weight: 600;\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-80));\n        }\n\n        :host-context(.wa-light) .workflows-list h3 {\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-20));\n        }\n\n        .workflow-item {\n            display: flex;\n            align-items: flex-start;\n            gap: var(--wa-spacing-medium, 12px);\n            padding: var(--wa-spacing-medium, 12px);\n            margin-bottom: var(--wa-spacing-small, 8px);\n            background: var(--wa-color-surface-lowered, var(--wa-color-neutral-10));\n            border: var(--wa-border-width-s, 1px) solid var(--wa-color-neutral-border-subtle, var(--wa-color-neutral-20));\n            border-radius: var(--wa-border-radius-small, 6px);\n            cursor: pointer;\n            transition: all var(--wa-transition-medium, 0.2s);\n        }\n\n        :host-context(.wa-light) .workflow-item {\n            background: var(--wa-color-surface-lowered, var(--wa-color-neutral-90));\n            border-color: var(--wa-color-neutral-border-subtle, var(--wa-color-neutral-80));\n        }\n\n        .workflow-item:hover {\n            background: var(--wa-color-mix-hover, var(--wa-color-neutral-15));\n            border-color: var(--wa-color-neutral-border-loud, var(--wa-color-neutral-30));\n        }\n\n        :host-context(.wa-light) .workflow-item:hover {\n            background: var(--wa-color-mix-hover, var(--wa-color-neutral-85));\n            border-color: var(--wa-color-neutral-border-loud, var(--wa-color-neutral-70));\n        }\n\n        .workflow-info {\n            flex: 1;\n        }\n\n        .workflow-title {\n            font-weight: 600;\n            margin-bottom: var(--wa-spacing-x-small, 4px);\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-90));\n        }\n\n        :host-context(.wa-light) .workflow-title {\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-10));\n        }\n\n        .workflow-desc {\n            font-size: var(--wa-font-size-small, 12px);\n            color: var(--wa-color-text-subtle, var(--wa-color-neutral-70));\n            margin-bottom: var(--wa-spacing-x-small, 4px);\n        }\n\n        :host-context(.wa-light) .workflow-desc {\n            color: var(--wa-color-text-subtle, var(--wa-color-neutral-30));\n        }\n\n        .workflow-meta {\n            font-size: var(--wa-font-size-x-small, 11px);\n            color: var(--wa-color-text-quiet, var(--wa-color-neutral-60));\n        }\n\n        :host-context(.wa-light) .workflow-meta {\n            color: var(--wa-color-text-quiet, var(--wa-color-neutral-40));\n        }\n\n        .active-workflow {\n            display: flex;\n            flex-direction: column;\n            gap: var(--wa-spacing-large, 16px);\n        }\n\n        .workflow-header {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            gap: var(--wa-spacing-medium, 12px);\n            margin-bottom: var(--wa-spacing-medium, 12px);\n        }\n\n        .workflow-title-section {\n            flex: 1;\n        }\n\n        .workflow-header h3 {\n            margin: 0 0 var(--wa-spacing-small, 8px) 0;\n            font-size: var(--wa-font-size-large, 16px);\n            font-weight: 600;\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-90));\n        }\n\n        :host-context(.wa-light) .workflow-header h3 {\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-10));\n        }\n\n        .workflow-description {\n            margin: 0;\n            font-size: var(--wa-font-size-medium, 13px);\n            color: var(--wa-color-text-subtle, var(--wa-color-neutral-70));\n        }\n\n        :host-context(.wa-light) .workflow-description {\n            color: var(--wa-color-text-subtle, var(--wa-color-neutral-30));\n        }\n\n        .steps-list {\n            display: flex;\n            flex-direction: column;\n            gap: var(--wa-spacing-medium, 12px);\n        }\n\n        .step {\n            padding: var(--wa-spacing-medium, 12px);\n            background: var(--wa-color-surface-lowered, var(--wa-color-neutral-10));\n            border: var(--wa-border-width-s, 1px) solid var(--wa-color-neutral-border-subtle, var(--wa-color-neutral-20));\n            border-radius: var(--wa-border-radius-small, 6px);\n            transition: all var(--wa-transition-medium, 0.2s);\n        }\n\n        :host-context(.wa-light) .step {\n            background: var(--wa-color-surface-lowered, var(--wa-color-neutral-90));\n            border-color: var(--wa-color-neutral-border-subtle, var(--wa-color-neutral-80));\n        }\n\n        .step[data-active=\"true\"] {\n            border-color: var(--wa-color-primary-50);\n            background: var(--wa-color-primary-05);\n        }\n\n        :host-context(.wa-light) .step[data-active=\"true\"] {\n            background: var(--wa-color-primary-95);\n            border-color: var(--wa-color-primary-50);\n        }\n\n        .step.completed {\n            border-color: var(--wa-color-success-50);\n            background: var(--wa-color-success-05);\n        }\n\n        :host-context(.wa-light) .step.completed {\n            background: var(--wa-color-success-95);\n            border-color: var(--wa-color-success-50);\n        }\n\n        .step.failed {\n            border-color: var(--wa-color-danger-50);\n            background: var(--wa-color-danger-05);\n        }\n\n        :host-context(.wa-light) .step.failed {\n            background: var(--wa-color-danger-95);\n            border-color: var(--wa-color-danger-50);\n        }\n\n        .step-header {\n            display: flex;\n            align-items: center;\n            gap: var(--wa-spacing-medium, 12px);\n            margin-bottom: var(--wa-spacing-small, 8px);\n        }\n\n        .step-number {\n            width: 24px;\n            height: 24px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: var(--wa-color-surface-lowered, var(--wa-color-neutral-20));\n            border-radius: 50%;\n            font-size: var(--wa-font-size-small, 12px);\n            font-weight: 600;\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-80));\n        }\n\n        :host-context(.wa-light) .step-number {\n            background: var(--wa-color-surface-lowered, var(--wa-color-neutral-80));\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-20));\n        }\n\n        .step-title {\n            flex: 1;\n            font-weight: 600;\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-90));\n        }\n\n        :host-context(.wa-light) .step-title {\n            color: var(--wa-color-text-normal, var(--wa-color-neutral-10));\n        }\n\n        .step-status {\n            display: flex;\n            align-items: center;\n            gap: var(--wa-spacing-small, 8px);\n        }\n\n        .status-icon {\n            width: 20px;\n            height: 20px;\n        }\n\n        .status-icon.completed {\n            color: var(--wa-color-success-50);\n        }\n\n        .status-icon.failed {\n            color: var(--wa-color-danger-50);\n        }\n\n        .status-icon.skipped {\n            color: var(--wa-color-neutral-50);\n        }\n\n        .status-icon.active {\n            color: var(--wa-color-primary-50);\n        }\n\n        .status-icon.pending {\n            color: var(--wa-color-neutral-50);\n        }\n\n        .step-description {\n            font-size: var(--wa-font-size-medium, 13px);\n            color: var(--wa-color-text-subtle, var(--wa-color-neutral-70));\n            margin-bottom: var(--wa-spacing-small, 8px);\n            line-height: 1.4;\n        }\n\n        :host-context(.wa-light) .step-description {\n            color: var(--wa-color-text-subtle, var(--wa-color-neutral-30));\n        }\n\n        .condition {\n            display: flex;\n            align-items: center;\n            gap: var(--wa-spacing-x-small, 6px);\n            font-size: var(--wa-font-size-small, 12px);\n            padding: var(--wa-spacing-x-small, 6px) var(--wa-spacing-small, 8px);\n            border-radius: var(--wa-border-radius-x-small, 4px);\n            margin-bottom: var(--wa-spacing-small, 8px);\n        }\n\n        .condition.met {\n            background: var(--wa-color-success-10);\n            color: var(--wa-color-success-70);\n        }\n\n        :host-context(.wa-light) .condition.met {\n            background: var(--wa-color-success-90);\n            color: var(--wa-color-success-30);\n        }\n\n        .condition.not-met {\n            background: var(--wa-color-danger-10);\n            color: var(--wa-color-danger-70);\n        }\n\n        :host-context(.wa-light) .condition.not-met {\n            background: var(--wa-color-danger-90);\n            color: var(--wa-color-danger-30);\n        }\n\n        .step-actions {\n            display: flex;\n            gap: var(--wa-spacing-small, 8px);\n            margin-top: var(--wa-spacing-small, 8px);\n        }\n\n        .empty-state {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            padding: var(--wa-spacing-x-large, 40px) var(--wa-spacing-large, 20px);\n            text-align: center;\n            color: var(--wa-color-text-subtle, var(--wa-color-neutral-70));\n        }\n\n        :host-context(.wa-light) .empty-state {\n            color: var(--wa-color-text-subtle, var(--wa-color-neutral-30));\n        }\n\n        .empty-state p {\n            margin: var(--wa-spacing-small, 8px) 0;\n        }\n    `;\n}\n\n","import { createLogger } from '@eclipse-lyra/core';\nimport { rootContext } from '@eclipse-lyra/core';\nimport { howToService } from './howto-service';\nimport { HOWTO_CONTRIBUTION_TARGET } from './howto-service';\nimport './contributions/onboarding-howto-contributions';\nimport './contributions/ai-setup-howto-contributions';\nimport { TOPIC_SHOW_HOWTO_PANEL, TOPIC_TOGGLE_HOWTO_PANEL } from './howto-panel';\nimport { registerAll } from '@eclipse-lyra/core';\nimport { publish } from '@eclipse-lyra/core';\nimport { TOOLBAR_BOTTOM_END } from '@eclipse-lyra/core';\nimport './howto-panel';\n\nconst logger = createLogger('HowToExtension');\n\n/**\n * HowTo System Extension\n * \n * Provides a system for registering and displaying step-by-step workflows\n * that guide users through specific processes with pre and post condition checks.\n * \n * Features:\n * - Register HowToContributions via contribution registry\n * - Floating, draggable UI panel\n * - Sequential step execution\n * - Pre and post condition validation\n * - Step status tracking\n */\nexport default function howToExtension(context: any) {\n    logger.info('HowTo system extension loaded');\n\n    // Register the HowTo service in the dependency injection context\n    rootContext.put('howToService', howToService);\n\n    // Ensure the panel is added to the DOM\n    const ensurePanelInDOM = () => {\n        // Check if panel already exists\n        if (document.querySelector('lyra-howto-panel')) {\n            return;\n        }\n\n        // Create and append the panel\n        const panel = document.createElement('lyra-howto-panel');\n        document.body.appendChild(panel);\n        logger.info('HowTo panel added to DOM');\n    };\n\n    // Add panel to DOM - use requestAnimationFrame to ensure DOM is ready\n    if (document.body) {\n        requestAnimationFrame(() => {\n            ensurePanelInDOM();\n        });\n    } else {\n        // Wait for DOM to be ready\n        const checkDOM = () => {\n            if (document.body) {\n                ensurePanelInDOM();\n            } else {\n                requestAnimationFrame(checkDOM);\n            }\n        };\n        requestAnimationFrame(checkDOM);\n    }\n\n    // Register command to show/toggle the HowTo panel\n    registerAll({\n        command: {\n            id: 'howto.show-panel',\n            name: 'Show HowTo Panel',\n            description: 'Shows the HowTo workflows panel',\n            icon: 'list-check',\n            parameters: []\n        },\n        handler: {\n            execute: () => {\n                publish(TOPIC_SHOW_HOWTO_PANEL, null);\n            }\n        }\n    });\n\n    registerAll({\n        command: {\n            id: 'howto.toggle-panel',\n            name: 'Toggle HowTo Panel',\n            description: 'Toggles the visibility of the HowTo workflows panel',\n            icon: 'list-check',\n            keyBinding: 'CTRL+SHIFT+H',\n            parameters: []\n        },\n        handler: {\n            execute: () => {\n                publish(TOPIC_TOGGLE_HOWTO_PANEL, null);\n            }\n        },\n        contribution: {\n            target: TOOLBAR_BOTTOM_END,\n            icon: 'list-check',\n            label: 'HowTo',\n        }\n    });\n\n    logger.info('HowTo system extension initialized');\n}\n\n// Export the service and types for direct imports\nexport { howToService, HOWTO_CONTRIBUTION_TARGET } from './howto-service';\nexport type { HowToContribution, HowToStep, ConditionFunction } from './howto-contribution';\n\n"],"names":["logger","title","isEditorContentProvider","getAppName","state"],"mappings":"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AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA7nBR,gBAAA;AAAA,EADP,MAAA;AAAM,GADE,eAED,WAAA,iBAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GAJE,eAKD,WAAA,wBAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GAPE,eAQD,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GAVE,eAWD,WAAA,eAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GAbE,eAcD,WAAA,aAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GAhBE,eAiBD,WAAA,aAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GAnBE,eAoBD,WAAA,aAAA,CAAA;AAKA,gBAAA;AAAA,EADP,MAAA;AAAM,GAxBE,eAyBD,WAAA,uBAAA,CAAA;AAzBC,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;ACrBb,MAAM,SAAS,aAAa,gBAAgB;AAe5C,SAAwB,eAAe,SAAc;AACjD,SAAO,KAAK,+BAA+B;AAG3C,cAAY,IAAI,gBAAgB,YAAY;AAG5C,QAAM,mBAAmB,MAAM;AAE3B,QAAI,SAAS,cAAc,kBAAkB,GAAG;AAC5C;AAAA,IACJ;AAGA,UAAM,QAAQ,SAAS,cAAc,kBAAkB;AACvD,aAAS,KAAK,YAAY,KAAK;AAC/B,WAAO,KAAK,0BAA0B;AAAA,EAC1C;AAGA,MAAI,SAAS,MAAM;AACf,0BAAsB,MAAM;AACxB,uBAAA;AAAA,IACJ,CAAC;AAAA,EACL,OAAO;AAEH,UAAM,WAAW,MAAM;AACnB,UAAI,SAAS,MAAM;AACf,yBAAA;AAAA,MACJ,OAAO;AACH,8BAAsB,QAAQ;AAAA,MAClC;AAAA,IACJ;AACA,0BAAsB,QAAQ;AAAA,EAClC;AAGA,cAAY;AAAA,IACR,SAAS;AAAA,MACL,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,MAAM;AAAA,MACN,YAAY,CAAA;AAAA,IAAC;AAAA,IAEjB,SAAS;AAAA,MACL,SAAS,MAAM;AACX,gBAAQ,wBAAwB,IAAI;AAAA,MACxC;AAAA,IAAA;AAAA,EACJ,CACH;AAED,cAAY;AAAA,IACR,SAAS;AAAA,MACL,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,YAAY,CAAA;AAAA,IAAC;AAAA,IAEjB,SAAS;AAAA,MACL,SAAS,MAAM;AACX,gBAAQ,0BAA0B,IAAI;AAAA,MAC1C;AAAA,IAAA;AAAA,IAEJ,cAAc;AAAA,MACV,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACX,CACH;AAED,SAAO,KAAK,oCAAoC;AACpD;"}

package/dist/howto-extension.d.ts

@@ -0,0 +1,17 @@
+/**
+ * HowTo System Extension
+ *
+ * Provides a system for registering and displaying step-by-step workflows
+ * that guide users through specific processes with pre and post condition checks.
+ *
+ * Features:
+ * - Register HowToContributions via contribution registry
+ * - Floating, draggable UI panel
+ * - Sequential step execution
+ * - Pre and post condition validation
+ * - Step status tracking
+ */
+export default function howToExtension(context: any): void;
+export { howToService, HOWTO_CONTRIBUTION_TARGET } from './howto-service';
+export type { HowToContribution, HowToStep, ConditionFunction } from './howto-contribution';
+//# sourceMappingURL=howto-extension.d.ts.map

package/dist/howto-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"howto-extension.d.ts","sourceRoot":"","sources":["../src/howto-extension.ts"],"names":[],"mappings":"AAIA,OAAO,gDAAgD,CAAC;AACxD,OAAO,8CAA8C,CAAC;AAKtD,OAAO,eAAe,CAAC;AAIvB;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,OAAO,EAAE,GAAG,QA0ElD;AAGD,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC1E,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/howto-panel.d.ts

@@ -0,0 +1,56 @@
+import { nothing, PropertyValues } from 'lit';
+import { LyraWidget } from '@eclipse-lyra/core';
+export declare const TOPIC_SHOW_HOWTO_PANEL = "howto/show-panel";
+export declare const TOPIC_TOGGLE_HOWTO_PANEL = "howto/toggle-panel";
+export declare class LyraHowToPanel extends LyraWidget {
+    private contributions;
+    private activeContributionId;
+    private stepStates;
+    private isMinimized;
+    private isVisible;
+    private positionX;
+    private positionY;
+    private isDragging;
+    private dragPreviewPosition;
+    private dragStartPosition;
+    private panelRef;
+    private howtoCleanup?;
+    protected doBeforeUI(): Promise<void>;
+    private boundHandleDragMove?;
+    private boundHandleDragEnd?;
+    protected doInitUI(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private loadContributions;
+    private loadSettings;
+    private saveSettings;
+    private handleDragStart;
+    private isDragTarget;
+    private getViewportBounds;
+    private handleDragMove;
+    private handleDragEnd;
+    private startHowTo;
+    private cleanupHowTo;
+    private getStepState;
+    private checkPreConditions;
+    private checkPostConditions;
+    private completeStep;
+    private activateNextStep;
+    /**
+     * Re-checks conditions for active and pending steps when workspace or editor state changes
+     */
+    private recheckActiveStepConditions;
+    private executeStep;
+    private validatePreConditions;
+    private executeStepCommand;
+    private runStepCommand;
+    private skipStep;
+    private closeHowTo;
+    private toggleMinimize;
+    private showPanel;
+    private hidePanel;
+    private toggleVisibility;
+    private renderStep;
+    render(): typeof nothing | import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+//# sourceMappingURL=howto-panel.d.ts.map

package/dist/howto-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"howto-panel.d.ts","sourceRoot":"","sources":["../src/howto-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAahD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAc7D,qBACa,cAAe,SAAQ,UAAU;IAE1C,OAAO,CAAC,aAAa,CAA2B;IAGhD,OAAO,CAAC,oBAAoB,CAAuB;IAGnD,OAAO,CAAC,UAAU,CAAuC;IAGzD,OAAO,CAAC,WAAW,CAAkB;IAGrC,OAAO,CAAC,SAAS,CAAkB;IAGnC,OAAO,CAAC,SAAS,CAA8B;IAG/C,OAAO,CAAC,SAAS,CAA8B;IAE/C,OAAO,CAAC,UAAU,CAAkB;IAGpC,OAAO,CAAC,mBAAmB,CAAyC;IAEpE,OAAO,CAAC,iBAAiB,CAA4C;IAErE,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,YAAY,CAAC,CAAa;cAElB,UAAU;IA2C1B,OAAO,CAAC,mBAAmB,CAAC,CAA0B;IACtD,OAAO,CAAC,kBAAkB,CAAC,CAAa;IAExC,SAAS,CAAC,QAAQ;IAQlB,SAAS,CAAC,YAAY,CAAC,kBAAkB,EAAE,cAAc;IAIzD,OAAO,CAAC,iBAAiB;YAIX,YAAY;YAaZ,YAAY;IAO1B,OAAO,CAAC,eAAe,CAgBtB;IAED,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,cAAc,CAarB;IAED,OAAO,CAAC,aAAa,CAcpB;YAEa,UAAU;IAoCxB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,YAAY;YAKN,kBAAkB;YAoBlB,mBAAmB;IA0BjC,OAAO,CAAC,YAAY;YASN,gBAAgB;IAS9B;;OAEG;YACW,2BAA2B;YAwC3B,WAAW;YAkBX,qBAAqB;YAiBrB,kBAAkB;YAoBlB,cAAc;IAuB5B,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,cAAc;YAKR,SAAS;YAOT,SAAS;YAMT,gBAAgB;IAQ9B,OAAO,CAAC,UAAU;IA2DlB,MAAM;IAiIN,MAAM,CAAC,MAAM,0BAiYX;CACL"}

package/dist/howto-service.d.ts

@@ -0,0 +1,45 @@
+import { HowToContribution } from './howto-contribution';
+export declare const HOWTO_CONTRIBUTION_TARGET = "system.howtos";
+/**
+ * HowTo Service
+ *
+ * Manages HowTo contributions by reading from the contribution registry.
+ * Provides methods to retrieve and manage workflows.
+ */
+export declare class HowToService {
+    private contributions;
+    constructor();
+    /**
+     * Load contributions from the contribution registry
+     */
+    private loadContributions;
+    /**
+     * Get a HowTo Contribution by ID
+     *
+     * @param contributionId The ID of the contribution
+     * @returns The contribution or undefined if not found
+     */
+    getContribution(contributionId: string): HowToContribution | undefined;
+    /**
+     * Get all registered HowTo Contributions
+     *
+     * @returns Array of all contributions
+     */
+    getAllContributions(): HowToContribution[];
+    /**
+     * Get HowTo Contributions by category
+     *
+     * @param category The category to filter by
+     * @returns Array of contributions in the category
+     */
+    getContributionsByCategory(category: string): HowToContribution[];
+    /**
+     * Check if a contribution exists
+     *
+     * @param contributionId The ID of the contribution
+     * @returns True if the contribution exists
+     */
+    hasContribution(contributionId: string): boolean;
+}
+export declare const howToService: HowToService;
+//# sourceMappingURL=howto-service.d.ts.map

package/dist/howto-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"howto-service.d.ts","sourceRoot":"","sources":["../src/howto-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAa,MAAM,sBAAsB,CAAC;AAOpE,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AAEzD;;;;;GAKG;AACH,qBAAa,YAAY;IACrB,OAAO,CAAC,aAAa,CAA6C;;IAclE;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA8CzB;;;;;OAKG;IACH,eAAe,CAAC,cAAc,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;IAItE;;;;OAIG;IACH,mBAAmB,IAAI,iBAAiB,EAAE;IAI1C;;;;;OAKG;IACH,0BAA0B,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,EAAE;IAKjE;;;;;OAKG;IACH,eAAe,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO;CAGnD;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}

package/dist/i18n.json.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+  "namespace": "extensions",
+  "en": {
+    "EXT_HOWTO_NAME": "HowTo System",
+    "EXT_HOWTO_DESC": "Step-by-step workflow system with pre and post condition checks"
+  },
+  "de": {
+    "EXT_HOWTO_NAME": "HowTo-System",
+    "EXT_HOWTO_DESC": "Schritt-für-Schritt-Workflow-System mit Vor- und Nachbedingungsprüfungen"
+  }
+};
+
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,20 @@
+import { contributionRegistry, SYSTEM_LANGUAGE_BUNDLES, i18nLazy, extensionRegistry } from "@eclipse-lyra/core";
+import pkg from "../package.json";
+const namespace = "extensions";
+const en = { "EXT_HOWTO_NAME": "HowTo System", "EXT_HOWTO_DESC": "Step-by-step workflow system with pre and post condition checks" };
+const de = { "EXT_HOWTO_NAME": "HowTo-System", "EXT_HOWTO_DESC": "Schritt-für-Schritt-Workflow-System mit Vor- und Nachbedingungsprüfungen" };
+const bundle = {
+  namespace,
+  en,
+  de
+};
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES, bundle);
+const t = i18nLazy("extensions");
+extensionRegistry.registerExtension({
+  id: pkg.name,
+  name: t("EXT_HOWTO_NAME"),
+  description: t("EXT_HOWTO_DESC"),
+  loader: () => import("./howto-extension-8r07TyoY.js"),
+  icon: "list-check"
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { extensionRegistry, i18nLazy, contributionRegistry, SYSTEM_LANGUAGE_BUNDLES } from '@eclipse-lyra/core';\nimport bundle from './i18n.json';\nimport pkg from '../package.json';\n\ncontributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES, bundle as any);\n\nconst t = i18nLazy('extensions');\n\nextensionRegistry.registerExtension({\n  id: pkg.name,\n  name: t('EXT_HOWTO_NAME'),\n  description: t('EXT_HOWTO_DESC'),\n  loader: () => import(\"./howto-extension\"),\n  icon: \"list-check\",\n  \n  \n});\n"],"names":[],"mappings":";;;;;;;;;;AAIA,qBAAqB,qBAAqB,yBAAyB,MAAa;AAEhF,MAAM,IAAI,SAAS,YAAY;AAE/B,kBAAkB,kBAAkB;AAAA,EAClC,IAAI,IAAI;AAAA,EACR,MAAM,EAAE,gBAAgB;AAAA,EACxB,aAAa,EAAE,gBAAgB;AAAA,EAC/B,QAAQ,MAAM,OAAO,+BAAmB;AAAA,EACxC,MAAM;AAGR,CAAC;"}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@eclipse-lyra/extension-howto-system",
+  "version": "0.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@eclipse-lyra/core": "*",
+    "@eclipse-lyra/extension-ai-system": "*"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build"
+  }
+}