npm - @eclipse-docks/extension-howto-system - Versions diffs - 0.8.12 → 0.8.13 - Mend

@eclipse-docks/extension-howto-system 0.8.12 → 0.8.13

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 (7) hide show

package/dist/{howto-extension-fQQtPaor.js → howto-extension-Df54EW1X.js} +24 -236
package/dist/howto-extension-Df54EW1X.js.map +1 -0
package/dist/howto-panel.d.ts +3 -18
package/dist/howto-panel.d.ts.map +1 -1
package/dist/index.js +1 -1
package/package.json +1 -1
package/dist/howto-extension-fQQtPaor.js.map +0 -1

package/dist/{howto-extension-fQQtPaor.js → howto-extension-Df54EW1X.js} RENAMED Viewed

@@ -1,9 +1,7 @@
 import { DocksWidget, File, TOOLBAR_BOTTOM_END, TOPIC_CONTRIBUTEIONS_CHANGED, TOPIC_WORKSPACE_CHANGED, TOPIC_WORKSPACE_CONNECTED, activeEditorSignal, appLoaderService, appSettings, commandRegistry, contributionRegistry, createLogger, partDirtySignal, publish, registerAll, rootContext, subscribe, toastError, unsubscribe, watchSignal, workspaceService } from "@eclipse-docks/core";
 import { AI_SETTINGS_KEY, OPEN_AI_SETTINGS_COMMAND, TOPIC, cognitiveRuntime } from "@eclipse-docks/extension-ai-system/api";
 import { css, html, nothing } from "lit";
-import { customElement, state } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
-import { createRef, ref } from "lit/directives/ref.js";
+import { customElement, query, state } from "lit/decorators.js";
 import _decorate from "@oxc-project/runtime/helpers/decorate";
 //#region src/howto-service.ts
 var logger$1 = createLogger("HowToService");
@@ -341,71 +339,13 @@ contributionRegistry.registerContribution(HOWTO_CONTRIBUTION_TARGET, aiSetupCont
 var TOPIC_SHOW_HOWTO_PANEL = "howto/show-panel";
 var TOPIC_TOGGLE_HOWTO_PANEL = "howto/toggle-panel";
 var SETTINGS_KEY = "howto-panel";
-var DEFAULT_POSITION = {
-	x: 100,
-	y: 100
-};
-var DEFAULT_PANEL_SIZE = {
-	width: 400,
-	height: 300
-};
 var DocksHowToPanel = class DocksHowToPanel extends DocksWidget {
 	constructor(..._args) {
 		super(..._args);
 		this.contributions = [];
 		this.activeContributionId = null;
 		this.stepStates = /* @__PURE__ */ new Map();
-		this.isMinimized = false;
 		this.isVisible = false;
-		this.positionX = DEFAULT_POSITION.x;
-		this.positionY = DEFAULT_POSITION.y;
-		this.isDragging = false;
-		this.dragPreviewPosition = null;
-		this.dragStartPosition = {
-			x: 0,
-			y: 0
-		};
-		this.panelRef = createRef();
-		this.handleDragStart = (e) => {
-			const target = e.target;
-			if (this.isDragTarget(target) || !this.panelRef.value) return;
-			const rect = this.panelRef.value.getBoundingClientRect();
-			this.dragStartPosition = {
-				x: e.clientX - rect.left,
-				y: e.clientY - rect.top
-			};
-			this.isDragging = true;
-			this.dragPreviewPosition = {
-				x: this.positionX,
-				y: this.positionY
-			};
-			this.requestUpdate();
-			e.preventDefault();
-			e.stopPropagation();
-		};
-		this.handleDragMove = (e) => {
-			if (!this.isDragging || !this.dragPreviewPosition) return;
-			const bounds = this.getViewportBounds();
-			const newX = Math.max(0, Math.min(e.clientX - this.dragStartPosition.x, bounds.maxX));
-			const newY = Math.max(0, Math.min(e.clientY - this.dragStartPosition.y, bounds.maxY));
-			if (this.dragPreviewPosition.x !== newX || this.dragPreviewPosition.y !== newY) {
-				this.dragPreviewPosition = {
-					x: newX,
-					y: newY
-				};
-				this.requestUpdate();
-			}
-		};
-		this.handleDragEnd = async () => {
-			if (!this.isDragging || !this.dragPreviewPosition) return;
-			this.isDragging = false;
-			const previewPos = this.dragPreviewPosition;
-			this.dragPreviewPosition = null;
-			this.positionX = previewPos.x;
-			this.positionY = previewPos.y;
-			await this.saveSettings();
-			this.requestUpdate();
-		};
 	}
 	async doBeforeUI() {
 		this.loadContributions();
@@ -433,47 +373,24 @@ var DocksHowToPanel = class DocksHowToPanel extends DocksWidget {
 			checkAutoHide();
 		});
 	}
-	doInitUI() {
-		this.boundHandleDragMove = this.handleDragMove.bind(this);
-		this.boundHandleDragEnd = this.handleDragEnd.bind(this);
-		document.addEventListener("mousemove", this.boundHandleDragMove);
-		document.addEventListener("mouseup", this.boundHandleDragEnd);
-	}
-	firstUpdated(_changedProperties) {
-		super.firstUpdated(_changedProperties);
-	}
 	loadContributions() {
 		this.contributions = howToService.getAllContributions();
 	}
 	async loadSettings() {
 		const settings = await appSettings.getDialogSetting(SETTINGS_KEY);
-		if (settings) {
-			if (settings.position) {
-				this.positionX = settings.position.x || DEFAULT_POSITION.x;
-				this.positionY = settings.position.y || DEFAULT_POSITION.y;
-			}
-			if (settings.visible !== void 0) this.isVisible = settings.visible;
-		}
+		if (settings && settings.visible !== void 0) this.isVisible = settings.visible;
 	}
 	async saveSettings() {
+		const current = await appSettings.getDialogSetting(SETTINGS_KEY);
+		const base = current !== null && typeof current === "object" ? current : {};
 		await appSettings.setDialogSetting(SETTINGS_KEY, {
-			position: {
-				x: this.positionX,
-				y: this.positionY
-			},
+			...base,
 			visible: this.isVisible
 		});
 	}
-	isDragTarget(target) {
-		return !!(target.closest(".header-actions") || target.closest("wa-button"));
-	}
-	getViewportBounds() {
-		const panelWidth = this.panelRef.value?.offsetWidth || DEFAULT_PANEL_SIZE.width;
-		const panelHeight = this.panelRef.value?.offsetHeight || DEFAULT_PANEL_SIZE.height;
-		return {
-			maxX: window.innerWidth - panelWidth,
-			maxY: window.innerHeight - panelHeight
-		};
+	expandPanel() {
+		if (!this.floatingPanel) return;
+		this.floatingPanel.minimized = false;
 	}
 	async startHowTo(contributionId) {
 		const contribution = howToService.getContribution(contributionId);
@@ -483,7 +400,7 @@ var DocksHowToPanel = class DocksHowToPanel extends DocksWidget {
 		}
 		this.cleanupHowTo();
 		this.activeContributionId = contributionId;
-		this.isMinimized = false;
+		this.expandPanel();
 		const states = contribution.steps.map((step) => ({
 			step,
 			status: "pending"
@@ -642,15 +559,12 @@ var DocksHowToPanel = class DocksHowToPanel extends DocksWidget {
 		this.stepStates.clear();
 		this.requestUpdate();
 	}
-	toggleMinimize() {
-		this.isMinimized = !this.isMinimized;
-		this.requestUpdate();
-	}
 	async showPanel() {
 		this.isVisible = true;
-		this.isMinimized = false;
 		await this.saveSettings();
 		this.requestUpdate();
+		await this.updateComplete;
+		this.expandPanel();
 	}
 	async hidePanel() {
 		this.isVisible = false;
@@ -723,54 +637,14 @@ var DocksHowToPanel = class DocksHowToPanel extends DocksWidget {
 		const activeContribution = this.activeContributionId ? howToService.getContribution(this.activeContributionId) : null;
 		const activeStepStates = this.activeContributionId ? this.stepStates.get(this.activeContributionId) || [] : [];
 		return html`
-            ${this.dragPreviewPosition ? html`
-                <div
-                    class="howto-panel-drag-preview"
-                style=${styleMap({
-			left: `${this.dragPreviewPosition.x}px`,
-			top: `${this.dragPreviewPosition.y}px`,
-			width: `${this.panelRef.value?.offsetWidth || DEFAULT_PANEL_SIZE.width}px`,
-			height: `${this.panelRef.value?.offsetHeight || DEFAULT_PANEL_SIZE.height}px`,
-			display: "block",
-			visibility: "visible"
-		})}
-                ></div>
-            ` : nothing}
-            <div
-                class="howto-panel ${this.isMinimized ? "minimized" : ""} ${this.dragPreviewPosition ? "dragging" : ""}"
-                style=${styleMap({
-			left: `${this.positionX}px`,
-			top: `${this.positionY}px`,
-			transform: "translateZ(0)"
-		})}
-                ${ref(this.panelRef)}
+            <docks-floating-panel
+                label="HowTo Workflows"
+                icon="list-check"
+                .persistKey=${SETTINGS_KEY}
+                @floating-close=${() => {
+			this.hidePanel();
+		}}
             >
-                <div class="panel-header" @mousedown=${this.handleDragStart}>
-                    <div class="header-title">
-                        <wa-icon name="list-check"></wa-icon>
-                        <span>HowTo Workflows</span>
-                    </div>
-                    <div class="header-actions" @mousedown=${(e) => e.stopPropagation()}>
-                        <wa-button
-                            size="s"
-                            appearance="plain"
-                            @click=${this.toggleMinimize}
-                            title="${this.isMinimized ? "Expand" : "Minimize"}"
-                        >
-                            <wa-icon name="${this.isMinimized ? "chevron-up" : "chevron-down"}"></wa-icon>
-                        </wa-button>
-                        <wa-button
-                            size="s"
-                            appearance="plain"
-                            @click=${this.hidePanel}
-                            title="Hide Panel"
-                        >
-                            <wa-icon name="xmark"></wa-icon>
-                        </wa-button>
-                    </div>
-                </div>
-                ${!this.isMinimized ? html`
                     <div class="panel-content">
                         ${activeContribution ? html`
                             <div class="active-workflow">
@@ -826,102 +700,19 @@ var DocksHowToPanel = class DocksHowToPanel extends DocksWidget {
                             </div>
                         `}
                     </div>
-                ` : nothing}
-            </div>
+            </docks-floating-panel>
         `;
 	}
 	static {
 		this.styles = css`
         :host {
-            display: block;
-            position: fixed;
-            z-index: 10000;
-            pointer-events: none;
+            display: contents;
         }
-        .howto-panel-drag-preview {
-            position: fixed !important;
-            border: 3px dashed var(--wa-color-primary-50, #0066cc) !important;
-            background: var(--wa-color-primary-05, rgba(0, 102, 204, 0.05)) !important;
-            border-radius: var(--wa-border-radius-medium, 8px);
-            z-index: 10001 !important;
-            pointer-events: none !important;
-            opacity: 0.8 !important;
-            box-sizing: border-box;
-            display: block !important;
-            visibility: visible !important;
-            min-width: 100px;
-            min-height: 100px;
-        }
-        :host-context(.wa-light) .howto-panel-drag-preview {
-            background: var(--wa-color-primary-95);
-            border-color: var(--wa-color-primary-50);
-        }
-        .howto-panel {
-            position: fixed !important;
+        .panel-content {
             width: 400px;
             max-height: 600px;
-            background: var(--wa-color-surface-raised, var(--wa-color-neutral-05));
-            border: var(--wa-border-width-s, 1px) solid var(--wa-color-neutral-border-loud, var(--wa-color-neutral-25));
-            border-radius: var(--wa-border-radius-medium, 8px);
-            box-shadow: var(--wa-shadow-large, 0 8px 24px rgba(0, 0, 0, 0.8));
-            pointer-events: all;
-            display: flex;
-            flex-direction: column;
-            overflow: hidden;
-        }
-        :host-context(.wa-light) .howto-panel {
-            background: var(--wa-color-surface-raised, var(--wa-color-neutral-95));
-            border-color: var(--wa-color-neutral-border-loud, var(--wa-color-neutral-75));
-            box-shadow: var(--wa-shadow-large, 0 8px 24px rgba(0, 0, 0, 0.2));
-        }
-        .howto-panel.minimized {
-            max-height: auto;
-        }
-        .howto-panel.dragging {
-            opacity: 0.5;
-        }
-        .panel-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: var(--wa-spacing-medium, 12px) var(--wa-spacing-large, 16px);
-            background: var(--wa-color-surface-lowered, var(--wa-color-neutral-10));
-            border-bottom: var(--wa-border-width-s, 1px) solid var(--wa-color-neutral-border-loud, var(--wa-color-neutral-25));
-            cursor: move;
-            user-select: none;
-        }
-        :host-context(.wa-light) .panel-header {
-            background: var(--wa-color-surface-lowered, var(--wa-color-neutral-90));
-            border-bottom-color: var(--wa-color-neutral-border-loud, var(--wa-color-neutral-75));
-        }
-        .header-title {
-            display: flex;
-            align-items: center;
-            gap: var(--wa-spacing-small, 8px);
-            font-weight: 600;
-            color: var(--wa-color-text-normal, var(--wa-color-neutral-90));
-        }
-        :host-context(.wa-light) .header-title {
-            color: var(--wa-color-text-normal, var(--wa-color-neutral-10));
-        }
-        .header-actions {
-            display: flex;
-            gap: var(--wa-spacing-x-small, 4px);
-        }
-        .panel-content {
-            flex: 1;
+            box-sizing: border-box;
             overflow-y: auto;
             padding: var(--wa-spacing-large, 16px);
         }
@@ -1222,11 +1013,8 @@ var DocksHowToPanel = class DocksHowToPanel extends DocksWidget {
 _decorate([state()], DocksHowToPanel.prototype, "contributions", void 0);
 _decorate([state()], DocksHowToPanel.prototype, "activeContributionId", void 0);
 _decorate([state()], DocksHowToPanel.prototype, "stepStates", void 0);
-_decorate([state()], DocksHowToPanel.prototype, "isMinimized", void 0);
 _decorate([state()], DocksHowToPanel.prototype, "isVisible", void 0);
-_decorate([state()], DocksHowToPanel.prototype, "positionX", void 0);
-_decorate([state()], DocksHowToPanel.prototype, "positionY", void 0);
-_decorate([state()], DocksHowToPanel.prototype, "dragPreviewPosition", void 0);
+_decorate([query("docks-floating-panel")], DocksHowToPanel.prototype, "floatingPanel", void 0);
 DocksHowToPanel = _decorate([customElement("docks-howto-panel")], DocksHowToPanel);
 //#endregion
 //#region src/howto-extension.ts
@@ -1298,4 +1086,4 @@ function howToExtension(context) {
 //#endregion
 export { HOWTO_CONTRIBUTION_TARGET, howToExtension as default, howToService };
-//# sourceMappingURL=howto-extension-fQQtPaor.js.map
+//# sourceMappingURL=howto-extension-Df54EW1X.js.map

package/dist/howto-extension-Df54EW1X.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"howto-extension-Df54EW1X.js","names":["logger","getAppName"],"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-docks/core';\nimport { HowToContribution, HowToStep } from './howto-contribution';\nimport { subscribe } from '@eclipse-docks/core';\nimport { createLogger } from '@eclipse-docks/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-docks/core';\nimport type { EditorContentProvider } from '@eclipse-docks/core';\nimport { watchSignal } from '@eclipse-docks/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: 'docks.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 {\n contributionRegistry,\n activeEditorSignal,\n appLoaderService,\n partDirtySignal,\n subscribe,\n unsubscribe,\n watchSignal,\n} from '@eclipse-docks/core';\nimport {\n AI_SETTINGS_KEY,\n OPEN_AI_SETTINGS_COMMAND,\n TOPIC,\n cognitiveRuntime,\n} from '@eclipse-docks/extension-ai-system/api';\nimport { HOWTO_CONTRIBUTION_TARGET } from '../howto-service';\nimport type { HowToContribution, HowToContext } from '../howto-contribution';\n\nfunction isAIConfigEditorOpen(): boolean {\n const activeEditor = activeEditorSignal.get() as {\n input?: { key?: string };\n tagName?: string;\n localName?: string;\n } | null;\n if (!activeEditor) return false;\n if (activeEditor.input?.key === AI_SETTINGS_KEY) return true;\n const tag = (activeEditor.tagName || activeEditor.localName || '').toLowerCase();\n return tag === 'docks-cognitive-settings-editor';\n}\n\nasync function isLLMProviderConfigured(): Promise<boolean> {\n try {\n await cognitiveRuntime.whenReady();\n const settings = cognitiveRuntime.getProvidersSettings();\n if (!settings.defaultProviderId) return false;\n const provider = settings.providers.find((p) => p.id === settings.defaultProviderId);\n if (!provider?.enabled) return false;\n // Local providers (ollama/webllm) may not need a key.\n if (!provider.apiKey.trim()) {\n return /ollama|webllm|localhost|127\\.0\\.0\\.1/i.test(`${provider.id} ${provider.baseUrl}`);\n }\n return true;\n } catch {\n return false;\n }\n}\n\nfunction isAIConfigEditorDirty(): boolean {\n const activeEditor = activeEditorSignal.get() as { isDirty?: () => boolean } | null;\n if (!activeEditor || !isAIConfigEditorOpen()) return false;\n return activeEditor.isDirty?.() === true;\n}\n\nfunction isAIConfigEditorSaved(): boolean {\n return isAIConfigEditorOpen() && !isAIConfigEditorDirty();\n}\n\nfunction isAIConfigEditorClosed(): boolean {\n return !isAIConfigEditorOpen();\n}\n\nasync function hasTypedInChat(): Promise<boolean> {\n try {\n await cognitiveRuntime.whenReady();\n for (const session of cognitiveRuntime.sessions.list()) {\n const hasUserMessage = session.history.some(\n (msg) =>\n msg.role === 'user' &&\n msg.parts.some((part) => part.type === 'text' && part.text.trim() !== ''),\n );\n if (hasUserMessage) return true;\n }\n return false;\n } catch {\n return false;\n }\n}\n\nfunction getAppName(): string {\n const currentApp = appLoaderService.getCurrentApp();\n return currentApp?.name || 'AppSpace';\n}\n\nconst aiSetupContribution: HowToContribution = {\n id: 'docks.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 const cleanups: Array<() => void> = [];\n\n cleanups.push(watchSignal(activeEditorSignal, () => context.requestUpdate()));\n cleanups.push(watchSignal(partDirtySignal, () => context.requestUpdate()));\n const providersToken = subscribe(TOPIC.providersChanged, () => context.requestUpdate());\n const sessionToken = subscribe(TOPIC.sessionChanged, () => context.requestUpdate());\n cleanups.push(() => unsubscribe(providersToken), () => unsubscribe(sessionToken));\n\n return () => {\n cleanups.forEach((cleanup) => cleanup());\n };\n },\n steps: [\n {\n id: 'open-ai-settings',\n title: 'Open AI Settings',\n description:\n 'Open the AI settings editor from the chat gear menu or the command palette.',\n preCondition: () => true,\n postCondition: () => isAIConfigEditorOpen(),\n command: OPEN_AI_SETTINGS_COMMAND,\n },\n {\n id: 'configure-llm-provider',\n title: 'Configure LLM Provider',\n description:\n 'Select a provider as default and enter an API key when required. Save your changes.',\n preCondition: () => isAIConfigEditorOpen(),\n postCondition: async () => {\n const configured = await isLLMProviderConfigured();\n const saved = isAIConfigEditorSaved();\n return configured && saved;\n },\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 },\n {\n id: 'type-in-chat',\n title: 'Type in Chat',\n description: 'Open the AI chat view and type a message to test your AI configuration.',\n preCondition: async () => await isLLMProviderConfigured(),\n postCondition: async () => await hasTypedInChat(),\n },\n ],\n};\n\ncontributionRegistry.registerContribution<HowToContribution>(HOWTO_CONTRIBUTION_TARGET, aiSetupContribution);\n","import { css, html, nothing } from 'lit';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { DocksWidget, type DocksFloatingPanel } from '@eclipse-docks/core';\nimport { howToService } from './howto-service';\nimport { HowToContribution, HowToStep } from './howto-contribution';\nimport { subscribe } from '@eclipse-docks/core';\nimport { commandRegistry } from '@eclipse-docks/core';\nimport { toastError } from '@eclipse-docks/core';\nimport { TOPIC_CONTRIBUTEIONS_CHANGED } from '@eclipse-docks/core';\nimport { HOWTO_CONTRIBUTION_TARGET } from './howto-service';\nimport { appSettings } from '@eclipse-docks/core';\nimport { workspaceService, TOPIC_WORKSPACE_CONNECTED } from '@eclipse-docks/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';\n\ninterface StepState {\n step: HowToStep;\n status: 'pending' | 'active' | 'completed' | 'skipped' | 'failed';\n preConditionMet?: boolean;\n postConditionMet?: boolean;\n}\n\n@customElement('docks-howto-panel')\nexport class DocksHowToPanel extends DocksWidget {\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 isVisible: boolean = false;\n\n @query('docks-floating-panel')\n private floatingPanel?: DocksFloatingPanel;\n\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 loadContributions() {\n this.contributions = howToService.getAllContributions();\n }\n\n private async loadSettings() {\n const settings = await appSettings.getDialogSetting(SETTINGS_KEY);\n if (settings && settings.visible !== undefined) {\n this.isVisible = settings.visible;\n }\n }\n\n private async saveSettings() {\n const current = await appSettings.getDialogSetting(SETTINGS_KEY);\n const base = current !== null && typeof current === 'object' ? current : {};\n await appSettings.setDialogSetting(SETTINGS_KEY, {\n ...base,\n visible: this.isVisible,\n });\n }\n\n private expandPanel(): void {\n if (!this.floatingPanel) return;\n this.floatingPanel.minimized = false;\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.expandPanel();\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 async showPanel() {\n this.isVisible = true;\n await this.saveSettings();\n this.requestUpdate();\n await this.updateComplete;\n this.expandPanel();\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=\"s\" \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=\"s\" 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 <docks-floating-panel\n label=\"HowTo Workflows\"\n icon=\"list-check\"\n .persistKey=${SETTINGS_KEY}\n @floating-close=${() => { void this.hidePanel(); }}\n >\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=\"s\" \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 </docks-floating-panel>\n `;\n }\n\n static styles = css`\n :host {\n display: contents;\n }\n\n .panel-content {\n width: 400px;\n max-height: 600px;\n box-sizing: border-box;\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-docks/core';\nimport { rootContext } from '@eclipse-docks/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-docks/core';\nimport { publish } from '@eclipse-docks/core';\nimport { TOOLBAR_BOTTOM_END } from '@eclipse-docks/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('docks-howto-panel')) {\n return;\n }\n\n // Create and append the panel\n const panel = document.createElement('docks-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"],"mappings":"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"}

package/dist/howto-panel.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { nothing, PropertyValues } from 'lit';
+import { nothing } from 'lit';
 import { DocksWidget } from '@eclipse-docks/core';
 export declare const TOPIC_SHOW_HOWTO_PANEL = "howto/show-panel";
 export declare const TOPIC_TOGGLE_HOWTO_PANEL = "howto/toggle-panel";
@@ -6,28 +6,14 @@ export declare class DocksHowToPanel extends DocksWidget {
     private contributions;
     private activeContributionId;
     private stepStates;
-    private isMinimized;
     private isVisible;
-    private positionX;
-    private positionY;
-    private isDragging;
-    private dragPreviewPosition;
-    private dragStartPosition;
-    private panelRef;
+    private floatingPanel?;
     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 expandPanel;
     private startHowTo;
     private cleanupHowTo;
     private getStepState;
@@ -45,7 +31,6 @@ export declare class DocksHowToPanel extends DocksWidget {
     private runStepCommand;
     private skipStep;
     private closeHowTo;
-    private toggleMinimize;
     private showPanel;
     private hidePanel;
     private toggleVisibility;

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

	@@ -1 +1 @@
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,~~WAAW,~~EAAE~~,MAAM,qBAAqB,CAAC;~~AAalD~~,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;~~AAc7D~~,qBACa,eAAgB,SAAQ,WAAW;IAE5C,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"}
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,WAAW,EAA2B,MAAM,qBAAqB,CAAC;AAY3E,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAY7D,qBACa,eAAgB,SAAQ,WAAW;IAE5C,OAAO,CAAC,aAAa,CAA2B;IAGhD,OAAO,CAAC,oBAAoB,CAAuB;IAGnD,OAAO,CAAC,UAAU,CAAuC;IAGzD,OAAO,CAAC,SAAS,CAAkB;IAGnC,OAAO,CAAC,aAAa,CAAC,CAAqB;IAE3C,OAAO,CAAC,YAAY,CAAC,CAAa;cAElB,UAAU;IA2C1B,OAAO,CAAC,iBAAiB;YAIX,YAAY;YAOZ,YAAY;IAS1B,OAAO,CAAC,WAAW;YAKL,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;YAOJ,SAAS;YAQT,SAAS;YAMT,gBAAgB;IAQ9B,OAAO,CAAC,UAAU;IA2DlB,MAAM;IAsFN,MAAM,CAAC,MAAM,0BA+SX;CACL"}

package/dist/index.js CHANGED Viewed

@@ -9,7 +9,7 @@ extensionRegistry.registerExtension({
 	id: pkg.name,
 	name: t.EXT_HOWTO_NAME,
 	description: t.EXT_HOWTO_DESC,
-	loader: () => import("./howto-extension-fQQtPaor.js"),
+	loader: () => import("./howto-extension-Df54EW1X.js"),
 	icon: "list-check",
 	experimental: true,
 	dependencies: ["@eclipse-docks/extension-ai-system"]

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@eclipse-docks/extension-howto-system",
-  "version": "0.8.12",
+  "version": "0.8.13",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {

package/dist/howto-extension-fQQtPaor.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"howto-extension-fQQtPaor.js","names":["logger","getAppName"],"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-docks/core';\nimport { HowToContribution, HowToStep } from './howto-contribution';\nimport { subscribe } from '@eclipse-docks/core';\nimport { createLogger } from '@eclipse-docks/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-docks/core';\nimport type { EditorContentProvider } from '@eclipse-docks/core';\nimport { watchSignal } from '@eclipse-docks/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: 'docks.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 {\n contributionRegistry,\n activeEditorSignal,\n appLoaderService,\n partDirtySignal,\n subscribe,\n unsubscribe,\n watchSignal,\n} from '@eclipse-docks/core';\nimport {\n AI_SETTINGS_KEY,\n OPEN_AI_SETTINGS_COMMAND,\n TOPIC,\n cognitiveRuntime,\n} from '@eclipse-docks/extension-ai-system/api';\nimport { HOWTO_CONTRIBUTION_TARGET } from '../howto-service';\nimport type { HowToContribution, HowToContext } from '../howto-contribution';\n\nfunction isAIConfigEditorOpen(): boolean {\n const activeEditor = activeEditorSignal.get() as {\n input?: { key?: string };\n tagName?: string;\n localName?: string;\n } | null;\n if (!activeEditor) return false;\n if (activeEditor.input?.key === AI_SETTINGS_KEY) return true;\n const tag = (activeEditor.tagName || activeEditor.localName || '').toLowerCase();\n return tag === 'docks-cognitive-settings-editor';\n}\n\nasync function isLLMProviderConfigured(): Promise<boolean> {\n try {\n await cognitiveRuntime.whenReady();\n const settings = cognitiveRuntime.getProvidersSettings();\n if (!settings.defaultProviderId) return false;\n const provider = settings.providers.find((p) => p.id === settings.defaultProviderId);\n if (!provider?.enabled) return false;\n // Local providers (ollama/webllm) may not need a key.\n if (!provider.apiKey.trim()) {\n return /ollama|webllm|localhost|127\\.0\\.0\\.1/i.test(`${provider.id} ${provider.baseUrl}`);\n }\n return true;\n } catch {\n return false;\n }\n}\n\nfunction isAIConfigEditorDirty(): boolean {\n const activeEditor = activeEditorSignal.get() as { isDirty?: () => boolean } | null;\n if (!activeEditor || !isAIConfigEditorOpen()) return false;\n return activeEditor.isDirty?.() === true;\n}\n\nfunction isAIConfigEditorSaved(): boolean {\n return isAIConfigEditorOpen() && !isAIConfigEditorDirty();\n}\n\nfunction isAIConfigEditorClosed(): boolean {\n return !isAIConfigEditorOpen();\n}\n\nasync function hasTypedInChat(): Promise<boolean> {\n try {\n await cognitiveRuntime.whenReady();\n for (const session of cognitiveRuntime.sessions.list()) {\n const hasUserMessage = session.history.some(\n (msg) =>\n msg.role === 'user' &&\n msg.parts.some((part) => part.type === 'text' && part.text.trim() !== ''),\n );\n if (hasUserMessage) return true;\n }\n return false;\n } catch {\n return false;\n }\n}\n\nfunction getAppName(): string {\n const currentApp = appLoaderService.getCurrentApp();\n return currentApp?.name || 'AppSpace';\n}\n\nconst aiSetupContribution: HowToContribution = {\n id: 'docks.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 const cleanups: Array<() => void> = [];\n\n cleanups.push(watchSignal(activeEditorSignal, () => context.requestUpdate()));\n cleanups.push(watchSignal(partDirtySignal, () => context.requestUpdate()));\n const providersToken = subscribe(TOPIC.providersChanged, () => context.requestUpdate());\n const sessionToken = subscribe(TOPIC.sessionChanged, () => context.requestUpdate());\n cleanups.push(() => unsubscribe(providersToken), () => unsubscribe(sessionToken));\n\n return () => {\n cleanups.forEach((cleanup) => cleanup());\n };\n },\n steps: [\n {\n id: 'open-ai-settings',\n title: 'Open AI Settings',\n description:\n 'Open the AI settings editor from the chat gear menu or the command palette.',\n preCondition: () => true,\n postCondition: () => isAIConfigEditorOpen(),\n command: OPEN_AI_SETTINGS_COMMAND,\n },\n {\n id: 'configure-llm-provider',\n title: 'Configure LLM Provider',\n description:\n 'Select a provider as default and enter an API key when required. Save your changes.',\n preCondition: () => isAIConfigEditorOpen(),\n postCondition: async () => {\n const configured = await isLLMProviderConfigured();\n const saved = isAIConfigEditorSaved();\n return configured && saved;\n },\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 },\n {\n id: 'type-in-chat',\n title: 'Type in Chat',\n description: 'Open the AI chat view and type a message to test your AI configuration.',\n preCondition: async () => await isLLMProviderConfigured(),\n postCondition: async () => await hasTypedInChat(),\n },\n ],\n};\n\ncontributionRegistry.registerContribution<HowToContribution>(HOWTO_CONTRIBUTION_TARGET, aiSetupContribution);\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 { DocksWidget } from '@eclipse-docks/core';\nimport { howToService } from './howto-service';\nimport { HowToContribution, HowToStep } from './howto-contribution';\nimport { subscribe } from '@eclipse-docks/core';\nimport { commandRegistry } from '@eclipse-docks/core';\nimport { toastError, toastInfo } from '@eclipse-docks/core';\nimport { createRef, ref, Ref } from 'lit/directives/ref.js';\nimport { TOPIC_CONTRIBUTEIONS_CHANGED } from '@eclipse-docks/core';\nimport { HOWTO_CONTRIBUTION_TARGET } from './howto-service';\nimport { appSettings } from '@eclipse-docks/core';\nimport { workspaceService, TOPIC_WORKSPACE_CONNECTED } from '@eclipse-docks/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('docks-howto-panel')\nexport class DocksHowToPanel extends DocksWidget {\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=\"s\" \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=\"s\" 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=\"s\" \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=\"s\" \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=\"s\" \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-docks/core';\nimport { rootContext } from '@eclipse-docks/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-docks/core';\nimport { publish } from '@eclipse-docks/core';\nimport { TOOLBAR_BOTTOM_END } from '@eclipse-docks/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('docks-howto-panel')) {\n return;\n }\n\n // Create and append the panel\n const panel = document.createElement('docks-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"],"mappings":"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"}