@eclipse-docks/core 0.7.127 → 0.7.130

package/dist/{api-Da9zQcfd.js → api-oPg3Bv1S.js}

@@ -1,4 +1,4 @@
-import { A as taskService, B as SIDEBAR_AUXILIARY, C as DocksElement, D as TOPIC_EXTENSIONS_CHANGED, E as keyBindingManager, G as SYSTEM_LAYOUTS, H as SIDEBAR_MAIN_BOTTOM, I as constants_exports, J as TOOLBAR_BOTTOM_CENTER, L as ABOUT_TABS, M as appSettings, O as extensionRegistry, Q as TOOLBAR_MAIN_RIGHT, R as EDITOR_AREA_MAIN, U as SIDEBAR_MAIN_TOOLBAR, V as SIDEBAR_MAIN, W as SYSTEM_ATTRIBUTIONS, X as TOOLBAR_MAIN, Y as TOOLBAR_BOTTOM_END, Z as TOOLBAR_MAIN_CENTER, b as deleteIndexedDbWorkspaceData, c as icon, d as filebrowserDialog, i as renderDropdownContribution, j as TOPIC_SETTINGS_CHANGED, k as esmShService, n as DocksContainer, o as renderDropdownItem, p as confirmDialog, q as TOOLBAR_BOTTOM, s as renderDropdownSubmenu, t as DocksPart, u as versionInfoDialog, v as promptDialog, w as parseMarkdownHtml, y as appLoaderService, z as PANEL_BOTTOM } from "./parts-CRVxaDd-.js";
+import { A as filebrowserDialog, C as TOOLBAR_INFO, D as TOOLBAR_THEME_SWITCHER, E as TOOLBAR_TASKS, G as keyBindingManager, H as DocksElement, J as esmShService, K as TOPIC_EXTENSIONS_CHANGED, L as promptDialog, M as confirmDialog, O as VIEW_FILEBROWSER, R as appLoaderService, S as TOOLBAR_FULLSCREEN, T as TOOLBAR_LAYOUT_SWITCHER, X as TOPIC_SETTINGS_CHANGED, Y as taskService, Z as appSettings, _t as TOOLBAR_MAIN_CENTER, a as renderDropdownItem, at as SIDEBAR_AUXILIARY, b as TOOLBAR_ACTIVE_PART_NAME, ct as SIDEBAR_MAIN_BOTTOM, d as DocksContainer, dt as SYSTEM_LAYOUTS, f as ABOUT_TAB_ATTRIBUTIONS, gt as TOOLBAR_MAIN, h as ATTRIBUTION_ECLIPSE_DOCKS, ht as TOOLBAR_BOTTOM_END, it as PANEL_BOTTOM, k as VIEW_LOG_TERMINAL, l as versionInfoDialog, lt as SIDEBAR_MAIN_TOOLBAR, m as ABOUT_TAB_RELEASE, mt as TOOLBAR_BOTTOM_CENTER, nt as ABOUT_TABS, o as renderDropdownSubmenu, ot as SIDEBAR_AUXILIARY_BOTTOM, p as ABOUT_TAB_PACKAGES, pt as TOOLBAR_BOTTOM, q as extensionRegistry, r as renderDropdownContribution, rt as EDITOR_AREA_MAIN, s as icon, st as SIDEBAR_MAIN, t as handleDropdownWaSelect, tt as constants_exports, u as DocksPart, ut as SYSTEM_ATTRIBUTIONS, v as SIDEBAR_TOOLBAR_EXTENSIONS, vt as TOOLBAR_MAIN_RIGHT, w as TOOLBAR_LANGUAGE_SELECTOR, x as TOOLBAR_FAST_VIEWS, z as deleteIndexedDbWorkspaceData } from "./parts-CAt8aeU8.js";
 import { a as unregisterLogHandler, o as rootContext, r as registerLogHandler, s as uiContext, t as createLogger } from "./logger-DT0_NW3S.js";
 import { E as toastWarning, T as toastInfo, d as activeSelectionSignal, f as activeTasksSignal, g as contributionRegistry, h as TOPIC_CONTRIBUTEIONS_CHANGED, n as watchSignal, s as registerAll, t as DocksWidget, u as activePartSignal, v as getContributionVisible, w as toastError } from "./widget-BqQtioK1.js";
 import { n as subscribe, t as publish } from "./events-B_ZxkU_G.js";
@@ -299,7 +299,7 @@ var treeNodeComparator = (c1, c2) => {
 //#endregion
 //#region src/components/filebrowser.ts
 var _DocksFileBrowser;
-var logger$2 = createLogger("DocksFileBrowser");
+var logger$1 = createLogger("DocksFileBrowser");
 var t$6 = await i18n(/* @__PURE__ */ Object.assign({
 	"./filebrowser.de.json": () => import("./filebrowser.de-GEf6Eilh.js"),
 	"./filebrowser.en.json": () => import("./filebrowser.en-o0Ad5f7Z.js")
@@ -501,7 +501,7 @@ var DocksFileBrowser = class DocksFileBrowser extends DocksPart {
 			}
 			if (info?.backendName) node.workspaceTag = info.backendName;
 		} catch (e) {
-			logger$2.debug("Failed to get workspace info for directory", e);
+			logger$1.debug("Failed to get workspace info for directory", e);
 		}
 		if (resource instanceof Directory && loadChildren) {
 			try {
@@ -529,7 +529,7 @@ var DocksFileBrowser = class DocksFileBrowser extends DocksPart {
 					return node;
 				}
 				node.loadError = error instanceof Error ? error.message : String(error);
-				logger$2.error("Failed to load directory children:", error);
+				logger$1.error("Failed to load directory children:", error);
 			}
 			node.loaded = true;
 		}
@@ -628,7 +628,7 @@ var DocksFileBrowser = class DocksFileBrowser extends DocksPart {
 				return;
 			}
 			node.loadError = error instanceof Error ? error.message : String(error);
-			logger$2.error("Failed to load directory children:", error);
+			logger$1.error("Failed to load directory children:", error);
 			this.requestUpdate();
 		} finally {
 			this.loadingNodes.delete(node);
@@ -770,7 +770,7 @@ var DocksFileBrowser = class DocksFileBrowser extends DocksPart {
 		if (paths.length === 0) return;
 		const workspace = await workspaceService.getWorkspace();
 		if (!workspace) {
-			logger$2.warn("Workspace drop ignored because no workspace is connected");
+			logger$1.warn("Workspace drop ignored because no workspace is connected");
 			return;
 		}
 		const moveWithinSameBackend = async (src) => {
@@ -787,7 +787,7 @@ var DocksFileBrowser = class DocksFileBrowser extends DocksPart {
 		for (const path of paths) try {
 			const src = await workspace.getResource(path);
 			if (!src) {
-				logger$2.warn(`Workspace drop: source not found for path "${path}"`);
+				logger$1.warn(`Workspace drop: source not found for path "${path}"`);
 				failed++;
 				continue;
 			}
@@ -798,11 +798,11 @@ var DocksFileBrowser = class DocksFileBrowser extends DocksPart {
 			const root = src.getWorkspace();
 			if (root) srcRoots.add(root);
 		} catch (error) {
-			logger$2.error(`Failed to handle workspace drop for "${path}":`, error);
+			logger$1.error(`Failed to handle workspace drop for "${path}":`, error);
 			failed++;
 		}
 		if (sources.length === 0) {
-			if (failed > 0) logger$2.info(`Workspace drop failed for ${failed} item(s)`);
+			if (failed > 0) logger$1.info(`Workspace drop failed for ${failed} item(s)`);
 			return;
 		}
 		let isCrossConnection = false;
@@ -824,17 +824,17 @@ var DocksFileBrowser = class DocksFileBrowser extends DocksPart {
 				destBackend
 			}))) return;
 		} catch (err) {
-			logger$2.debug("Failed to resolve cross-connection info for DnD", err);
+			logger$1.debug("Failed to resolve cross-connection info for DnD", err);
 		}
 		for (const { path, resource } of sources) try {
 			const move = await moveWithinSameBackend(resource);
 			await workspaceService.copyResource(resource, targetDir, { move });
 			processed++;
 		} catch (error) {
-			logger$2.error(`Failed to handle workspace drop for "${path}":`, error);
+			logger$1.error(`Failed to handle workspace drop for "${path}":`, error);
 			failed++;
 		}
-		logger$2.info(`Workspace drop completed: ${processed}/${sources.length} items ${failed > 0 ? `, ${failed} failed` : ""}`);
+		logger$1.info(`Workspace drop completed: ${processed}/${sources.length} items ${failed > 0 ? `, ${failed} failed` : ""}`);
 		await this.loadWorkspace(this.workspaceDir, true);
 	}
 	async handleFilesDrop(files, targetDir) {
@@ -853,10 +853,10 @@ var DocksFileBrowser = class DocksFileBrowser extends DocksPart {
 			await (await this.workspaceDir.getResource(targetPath, { create: true })).saveContents(file);
 			processed++;
 		} catch (error) {
-			logger$2.error(`Failed to upload ${file.name}:`, error);
+			logger$1.error(`Failed to upload ${file.name}:`, error);
 			failed++;
 		}
-		logger$2.info(`Uploaded ${processed}/${total} files${skipped > 0 ? `, ${skipped} skipped` : ""}${failed > 0 ? `, ${failed} failed` : ""}`);
+		logger$1.info(`Uploaded ${processed}/${total} files${skipped > 0 ? `, ${skipped} skipped` : ""}${failed > 0 ? `, ${failed} failed` : ""}`);
 		await this.loadWorkspace(this.workspaceDir);
 	}
 	buildTargetPath(targetDir, fileName) {
@@ -958,33 +958,6 @@ var DocksFileBrowser = class DocksFileBrowser extends DocksPart {
 _decorate([state()], DocksFileBrowser.prototype, "root", void 0);
 DocksFileBrowser = _DocksFileBrowser = _decorate([customElement("docks-filebrowser")], DocksFileBrowser);
 //#endregion
-//#region src/core/contribution-names.ts
-var VIEW_FILEBROWSER = "view.filebrowser";
-var VIEW_LOG_TERMINAL = "view.logTerminal";
-var TOOLBAR_INFO = "toolbar.info";
-var TOOLBAR_FAST_VIEWS = "toolbar.fastViews";
-var TOOLBAR_LANGUAGE_SELECTOR = "toolbar.languageSelector";
-/** Main toolbar (right): layout picker (`docks-layout-switcher`). */
-var TOOLBAR_LAYOUT_SWITCHER = "toolbar.layoutSwitcher";
-/** Main toolbar (right): dark/light theme toggle (`switch_theme`). */
-var TOOLBAR_THEME_SWITCHER = "toolbar.themeSwitcher";
-/** Main toolbar (right): document fullscreen toggle (`fullscreen`). */
-var TOOLBAR_FULLSCREEN = "toolbar.fullscreen";
-/** Bottom-center toolbar: focused part title / active part indicator (`docks-part-name`). */
-var TOOLBAR_ACTIVE_PART_NAME = "toolbar.activePartName";
-/** Bottom-center toolbar: background tasks / progress (`docks-tasks`). */
-var TOOLBAR_TASKS = "toolbar.tasks";
-/** Main sidebar header toolbar: open extensions (`open_extensions` command). */
-var SIDEBAR_TOOLBAR_EXTENSIONS = "sidebar.toolbar.extensions";
-/** Default file-type → icon mappings on `system.icons`. */
-var SYSTEM_DEFAULT_FILE_ICONS = "system.icons.default";
-var ABOUT_TAB_RELEASE = "about.tab.release";
-var ABOUT_TAB_PACKAGES = "about.tab.packages";
-var ABOUT_TAB_ATTRIBUTIONS = "about.tab.attributions";
-var ATTRIBUTION_ECLIPSE_DOCKS = "attribution.eclipse-docks";
-var CTXMENU_FILEBROWSER_RENAME = "contextmenu.filebrowser.rename";
-var CTXMENU_FILEBROWSER_DELETE = "contextmenu.filebrowser.delete";
-//#endregion
 //#region src/components/tasks.ts
 var t$5 = await i18n(/* @__PURE__ */ Object.assign({
 	"./tasks.de.json": () => import("./tasks.de-y2xPmQ1k.js"),
@@ -1019,10 +992,6 @@ function updateProgressDialog(forceOpen = false) {
 	}
 	const existingDialog = getDialogElement();
 	if (!(forceOpen || existingDialog?.open === true)) return;
-	const handleClose = () => {
-		const dialog = getDialogElement();
-		if (dialog) dialog.open = false;
-	};
 	const handleAfterHide = () => {
 		render(html``, container);
 	};
@@ -1032,7 +1001,6 @@ function updateProgressDialog(forceOpen = false) {
             open
             light-dismiss
             style="--width: 600px;"
-            @wa-request-close=${handleClose}
             @wa-after-hide=${handleAfterHide}
         >
             <style>
@@ -1289,7 +1257,7 @@ var DocksPartName = class DocksPartName extends DocksElement {
 DocksPartName = _decorate([customElement("docks-part-name")], DocksPartName);
 //#endregion
 //#region src/components/extensions.ts
-var logger$1 = createLogger("DocksExtensions");
+var logger = createLogger("DocksExtensions");
 var t$2 = await i18n(/* @__PURE__ */ Object.assign({
 	"./extensions.de.json": () => import("./extensions.de-Ct1DIybE.js"),
 	"./extensions.en.json": () => import("./extensions.en-DRPFtVHT.js")
@@ -1300,6 +1268,9 @@ var DocksExtensions = class DocksExtensions extends DocksPart {
 		this.filterText = "";
 		this.showRegisterDialog = false;
 		this.registerExtensionData = {};
+		this.handleRegisterDialogAfterHide = () => {
+			this.finishRegisterDialogClose();
+		};
 	}
 	doInitUI() {
 		subscribe(TOPIC_EXTENSIONS_CHANGED, () => {
@@ -1400,7 +1371,7 @@ var DocksExtensions = class DocksExtensions extends DocksPart {
 			this.showRegisterDialog = true;
 			this.requestUpdate();
 		} catch (error) {
-			logger$1.warn(`Could not fetch package.json, using defaults: ${error}`);
+			logger.warn(`Could not fetch package.json, using defaults: ${error}`);
 			this.registerExtensionData = {
 				url,
 				id: "",
@@ -1439,7 +1410,7 @@ var DocksExtensions = class DocksExtensions extends DocksPart {
 				extensionRegistry.registerExtension(extension);
 				await extensionRegistry.loadExtensionFromUrl(this.registerExtensionData.url, extension.id);
 				toastInfo(`Extension ${extension.name} registered successfully`);
-				this.showRegisterDialog = false;
+				this.closeRegisterDialog();
 				this.registerExtensionData = {};
 				this.requestUpdate();
 			});
@@ -1447,11 +1418,22 @@ var DocksExtensions = class DocksExtensions extends DocksPart {
 			toastError(`Failed to register extension: ${error}`);
 		}
 	}
-	cancelRegisterExtension() {
+	closeRegisterDialog() {
+		const dialog = this.renderRoot.querySelector("wa-dialog");
+		if (dialog && dialog.open !== false) {
+			dialog.open = false;
+			return;
+		}
+		this.finishRegisterDialogClose();
+	}
+	finishRegisterDialogClose() {
 		this.showRegisterDialog = false;
 		this.registerExtensionData = {};
 		this.requestUpdate();
 	}
+	cancelRegisterExtension() {
+		this.closeRegisterDialog();
+	}
 	renderToolbar() {
 		return html`
             <wa-input
@@ -1482,7 +1464,7 @@ var DocksExtensions = class DocksExtensions extends DocksPart {
                 <wa-dialog 
                     label="Register Extension"
                     open
-                    @wa-request-close=${() => this.cancelRegisterExtension()}
+                    @wa-after-hide=${this.handleRegisterDialogAfterHide}
                     style="--wa-dialog-width: 500px;">
                     <div style="display: flex; flex-direction: column; gap: 1rem; padding: 1rem;">
                         <wa-input
@@ -2154,11 +2136,8 @@ var DocksCommand = class DocksCommand extends DocksWidget {
 		this.placement = "bottom-start";
 		this.dropdownContributions = [];
 	}
-	closeDropdown(dropdown) {
-		if (dropdown && dropdown.open !== void 0) dropdown.open = false;
-	}
 	handleSelect(event) {
-		this.closeDropdown(event.target);
+		handleDropdownWaSelect(event);
 	}
 	getKeybinding() {
 		if (!this.cmd || this.action) return null;
@@ -2578,7 +2557,6 @@ var showLanguageSelectorDialog = async () => {
                 label="Select Language" 
                 open 
                 light-dismiss
-                @wa-request-close=${handleClose}
                 @wa-after-hide=${handleAfterHide}>
                 <style>
                     .language-list {
@@ -2661,38 +2639,144 @@ var DocksLanguageSelector = class DocksLanguageSelector extends DocksElement {
 };
 DocksLanguageSelector = _decorate([customElement("docks-language-selector")], DocksLanguageSelector);
 //#endregion
+//#region src/core/layout-panels.ts
+var DEFAULT_LAYOUT_PANEL_VISIBILITY = {
+	showLeftSidebar: true,
+	showAuxSidebar: true,
+	showBottomPanel: true,
+	showLeftAux: false,
+	showRightAux: false
+};
+function normalizePanelVisibility(stored) {
+	return {
+		showLeftSidebar: stored.showLeftSidebar ?? DEFAULT_LAYOUT_PANEL_VISIBILITY.showLeftSidebar,
+		showAuxSidebar: stored.showAuxSidebar ?? DEFAULT_LAYOUT_PANEL_VISIBILITY.showAuxSidebar,
+		showBottomPanel: stored.showBottomPanel ?? DEFAULT_LAYOUT_PANEL_VISIBILITY.showBottomPanel,
+		showLeftAux: stored.showLeftAux ?? DEFAULT_LAYOUT_PANEL_VISIBILITY.showLeftAux,
+		showRightAux: stored.showRightAux ?? DEFAULT_LAYOUT_PANEL_VISIBILITY.showRightAux
+	};
+}
+var LAYOUT_PANEL_SETTINGS_KEY = "layoutPanelVisibility";
+/** @deprecated Legacy layout id persisted before panel visibility toggles. */
+var LEGACY_PREFERRED_LAYOUT_KEY = "preferredLayoutId";
+/** Maps legacy parameterized layout ids to panel visibility. */
+function layoutIdToPanelVisibility(layoutId) {
+	switch (layoutId) {
+		case "standard-bottom-panel": return {
+			...DEFAULT_LAYOUT_PANEL_VISIBILITY,
+			showBottomPanel: true,
+			showLeftAux: false,
+			showRightAux: false
+		};
+		case "standard-bottom-sidebar": return {
+			...DEFAULT_LAYOUT_PANEL_VISIBILITY,
+			showBottomPanel: false,
+			showLeftAux: true,
+			showRightAux: false
+		};
+		case "standard-full": return {
+			...DEFAULT_LAYOUT_PANEL_VISIBILITY,
+			showLeftAux: true,
+			showRightAux: true
+		};
+		default: return {
+			...DEFAULT_LAYOUT_PANEL_VISIBILITY,
+			showBottomPanel: false,
+			showLeftAux: false,
+			showRightAux: false
+		};
+	}
+}
+function resolveInitialPanelVisibilityFromApp(appLayout) {
+	if (typeof appLayout === "object" && appLayout.props) return {
+		...DEFAULT_LAYOUT_PANEL_VISIBILITY,
+		showLeftSidebar: appLayout.props.showLeftSidebar !== false,
+		showAuxSidebar: appLayout.props.showAuxSidebar !== false,
+		showBottomPanel: appLayout.props.showBottomPanel === true,
+		showLeftAux: appLayout.props.showLeftAux === true,
+		showRightAux: appLayout.props.showRightAux === true
+	};
+	if (typeof appLayout === "string") return layoutIdToPanelVisibility(appLayout);
+	return { ...DEFAULT_LAYOUT_PANEL_VISIBILITY };
+}
+async function resolveStoredPanelVisibility(appLayout) {
+	try {
+		const saved = await appSettings.get(LAYOUT_PANEL_SETTINGS_KEY);
+		if (saved && typeof saved === "object") return normalizePanelVisibility(saved);
+	} catch {}
+	try {
+		const legacyLayoutId = await appSettings.get(LEGACY_PREFERRED_LAYOUT_KEY);
+		if (legacyLayoutId) return layoutIdToPanelVisibility(legacyLayoutId);
+	} catch {}
+	return resolveInitialPanelVisibilityFromApp(appLayout);
+}
+function findStandardLayout(container) {
+	const root = container ?? document.getElementById("app-root") ?? document.body;
+	if (!root || typeof root.querySelector !== "function") return null;
+	return root.querySelector("docks-standard-layout");
+}
+var LAYOUT_PANEL_OPTIONS = [
+	{
+		key: "showLeftSidebar",
+		label: "Left sidebar",
+		icon: "docks layout-standard-left-sidebar"
+	},
+	{
+		key: "showAuxSidebar",
+		label: "Right sidebar",
+		icon: "docks layout-standard-right-sidebar"
+	},
+	{
+		key: "showBottomPanel",
+		label: "Bottom panel",
+		icon: "docks layout-standard-bottom-panel"
+	},
+	{
+		key: "showLeftAux",
+		label: "Left Aux",
+		icon: "docks layout-standard-left-aux"
+	},
+	{
+		key: "showRightAux",
+		label: "Right Aux",
+		icon: "docks layout-standard-right-aux"
+	}
+];
+//#endregion
 //#region src/components/layout-switcher.ts
 var DocksLayoutSwitcher = class DocksLayoutSwitcher extends DocksElement {
 	constructor(..._args) {
 		super(..._args);
-		this.currentLayoutId = "standard";
+		this.panels = { ...DEFAULT_LAYOUT_PANEL_VISIBILITY };
 	}
 	doBeforeUI() {
-		this.currentLayoutId = appLoaderService.getCurrentLayoutId();
-		const updateLayout = () => {
-			this.currentLayoutId = appLoaderService.getCurrentLayoutId();
+		const syncPanels = () => {
+			this.panels = findStandardLayout()?.getPanelVisibility() ?? { ...DEFAULT_LAYOUT_PANEL_VISIBILITY };
 			this.requestUpdate();
 		};
-		window.addEventListener("app-loaded", updateLayout);
-		window.addEventListener("layout-changed", updateLayout);
+		syncPanels();
+		window.addEventListener("app-loaded", syncPanels);
+		window.addEventListener("layout-panels-changed", syncPanels);
 		return () => {
-			window.removeEventListener("app-loaded", updateLayout);
-			window.removeEventListener("layout-changed", updateLayout);
+			window.removeEventListener("app-loaded", syncPanels);
+			window.removeEventListener("layout-panels-changed", syncPanels);
 		};
 	}
 	async handleSelect(e) {
-		const layoutId = e.detail?.item?.value;
-		if (!layoutId || layoutId === this.currentLayoutId) return;
+		const layout = findStandardLayout();
+		if (!layout) return;
+		const item = e.detail?.item;
+		const key = item?.value;
+		if (!item || !key) return;
 		try {
-			await appLoaderService.setPreferredLayoutId(layoutId);
+			await layout.setPanelVisibility({ [key]: item.checked ?? false });
+			this.panels = layout.getPanelVisibility();
 		} catch (err) {
-			console.error("Failed to switch layout:", err);
+			console.error("Failed to update layout panels:", err);
 		}
 	}
 	render() {
-		const layouts = appLoaderService.getRegisteredLayouts();
-		if (layouts.length <= 1) return html``;
-		const layoutName = layouts.find((l) => l.id === this.currentLayoutId)?.name ?? this.currentLayoutId;
+		if (!findStandardLayout()) return html``;
 		return html`
             <wa-dropdown
                 placement="bottom-end"
@@ -2704,19 +2788,19 @@ var DocksLayoutSwitcher = class DocksLayoutSwitcher extends DocksElement {
                     appearance="plain"
                     size="s"
                     with-caret
-                    title="Switch layout (current: ${layoutName})">
-                    <wa-icon name="table-cells" label="Layout"></wa-icon>
+                    title="Show or hide layout panels">
+                    ${icon("docks layout-standard-full", { label: "Layout panels" })}
                 </wa-button>
-                ${layouts.map((layout) => html`
+                ${LAYOUT_PANEL_OPTIONS.map((panel) => html`
                         <wa-dropdown-item
-                            value="${layout.id}"
+                            value="${panel.key}"
                             type="checkbox"
-                            ?checked=${layout.id === this.currentLayoutId}>
-                            ${icon(layout.icon, {
-			label: layout.name,
+                            ?checked=${this.panels[panel.key]}>
+                            ${icon(panel.icon, {
+			label: panel.label,
 			slot: "icon"
 		})}
-                            ${layout.name}
+                            ${panel.label}
                         </wa-dropdown-item>
                     `)}
             </wa-dropdown>
@@ -2730,143 +2814,15 @@ var DocksLayoutSwitcher = class DocksLayoutSwitcher extends DocksElement {
     `;
 	}
 };
-_decorate([state()], DocksLayoutSwitcher.prototype, "currentLayoutId", void 0);
+_decorate([state()], DocksLayoutSwitcher.prototype, "panels", void 0);
 DocksLayoutSwitcher = _decorate([customElement("docks-layout-switcher")], DocksLayoutSwitcher);
 //#endregion
-//#region src/components/release-history.ts
-var logger = createLogger("ReleaseHistory");
-async function loadReleases(releaseHistory) {
-	if (!releaseHistory) return [];
-	if (typeof releaseHistory !== "function") return releaseHistory;
-	try {
-		return await releaseHistory();
-	} catch (error) {
-		logger.error(`Failed to load release history from app: ${error instanceof Error ? error.message : String(error)}`);
-		return [];
-	}
-}
-function semverEqual(a, b) {
-	return a.replace(/^v/i, "") === b.replace(/^v/i, "");
-}
-function isNewerThan(releaseTag, currentVersion) {
-	const currentParts = currentVersion.replace(/^v/i, "").split(".").map(Number);
-	const releaseParts = releaseTag.replace(/^v/i, "").split(".").map(Number);
-	for (let i = 0; i < Math.max(currentParts.length, releaseParts.length); i++) {
-		const current = currentParts[i] || 0;
-		const releasePart = releaseParts[i] || 0;
-		if (releasePart > current) return true;
-		if (releasePart < current) return false;
-	}
-	return false;
-}
-var DocksReleaseHistory = class DocksReleaseHistory extends DocksPart {
+//#region src/components/npm-packages.ts
+var DocksNpmPackages = class DocksNpmPackages extends DocksPart {
 	constructor(..._args) {
 		super(..._args);
 		this.scrollMode = "none";
-		this.appVersion = "0.0.0";
-		this.releases = [];
-		this.currentReleaseIndex = 0;
-	}
-	static {
-		this.styles = [css`
-            .release-panel {
-                display: flex;
-                flex-direction: column;
-                gap: 0.5rem;
-                height: 100%;
-                padding: 0.75rem;
-                box-sizing: border-box;
-            }
-
-            .release-panel wa-scroller {
-                flex: 1;
-                min-height: 0;
-            }
-
-            .release-nav {
-                display: flex;
-                gap: 0.5rem;
-            }
-        `];
-	}
-	doInitUI() {
-		this.load();
-	}
-	async load() {
-		const app = appLoaderService.getCurrentApp();
-		this.appVersion = app?.version ?? "0.0.0";
-		this.releases = await loadReleases(app?.releaseHistory);
-		const currentIndex = this.releases.findIndex((release) => semverEqual(release.tag_name, this.appVersion));
-		this.currentReleaseIndex = currentIndex >= 0 ? currentIndex : 0;
-	}
-	showOlder() {
-		if (this.currentReleaseIndex < this.releases.length - 1) this.currentReleaseIndex += 1;
-	}
-	showNewer() {
-		if (this.currentReleaseIndex > 0) this.currentReleaseIndex -= 1;
-	}
-	renderContent() {
-		const release = this.releases[this.currentReleaseIndex];
-		if (!release) return html`<div class="release-panel">No release history available.</div>`;
-		const isCurrent = semverEqual(release.tag_name, this.appVersion);
-		const showUpdateHint = !isCurrent && isNewerThan(release.tag_name, this.appVersion);
-		const atOldest = this.currentReleaseIndex === this.releases.length - 1;
-		const atNewest = this.currentReleaseIndex === 0;
-		const bodyHtml = release.body ? parseMarkdownHtml(release.body) : "";
-		return html`
-            <div class="release-panel">
-                <p>
-                    <strong>Version:</strong> ${release.tag_name}${isCurrent ? " (Current)" : ""}
-                </p>
-                <p>
-                    <strong>Released:</strong>
-                    <wa-format-date
-                        .date=${release.published_at}
-                        month="short"
-                        day="numeric"
-                        year="numeric"
-                    ></wa-format-date>
-                </p>
-                ${showUpdateHint ? html`
-                        <wa-callout variant="warning">
-                            <wa-icon slot="icon" name="triangle-exclamation"></wa-icon>
-                            Update available — reload the page to update
-                        </wa-callout>
-                    ` : ""}
-                <wa-scroller orientation="vertical">
-                    ${bodyHtml ? html`<div style="white-space: normal;">${unsafeHTML(bodyHtml)}</div>` : ""}
-                </wa-scroller>
-                ${this.releases.length > 1 ? html`
-                        <div class="release-nav">
-                            <wa-button-group>
-                                <wa-button
-                                    variant="default"
-                                    ?disabled=${atOldest}
-                                    @click=${() => this.showOlder()}
-                                >
-                                    ← Previous
-                                </wa-button>
-                                <wa-button
-                                    variant="default"
-                                    ?disabled=${atNewest}
-                                    @click=${() => this.showNewer()}
-                                >
-                                    Next →
-                                </wa-button>
-                            </wa-button-group>
-                        </div>
-                    ` : ""}
-            </div>
-        `;
 	}
-};
-_decorate([state()], DocksReleaseHistory.prototype, "appVersion", void 0);
-_decorate([state()], DocksReleaseHistory.prototype, "releases", void 0);
-_decorate([state()], DocksReleaseHistory.prototype, "currentReleaseIndex", void 0);
-DocksReleaseHistory = _decorate([customElement("docks-release-history")], DocksReleaseHistory);
-//#endregion
-//#region src/components/npm-packages.ts
-var DocksNpmPackages = class DocksNpmPackages extends DocksPart {
 	static {
 		this.styles = [css`
             .packages-panel {
@@ -2912,6 +2868,7 @@ function renderHtmlContribution(contribution) {
 var DocksAttributionPart = class DocksAttributionPart extends DocksPart {
 	constructor(..._args) {
 		super(..._args);
+		this.scrollMode = "none";
 		this.attributions = [];
 	}
 	static {
@@ -2984,7 +2941,7 @@ contributionRegistry.registerContribution(ABOUT_TABS, {
 	ranking: 100,
 	toolbar: false,
 	contextMenu: false,
-	component: (id) => html`<docks-attribution id="${id}"></docks-attribution>`
+	component: (id) => html`<docks-attribution id="${id}" embedded></docks-attribution>`
 });
 contributionRegistry.registerContribution(ABOUT_TABS, {
 	name: ABOUT_TAB_RELEASE,
@@ -2993,7 +2950,7 @@ contributionRegistry.registerContribution(ABOUT_TABS, {
 	ranking: 50,
 	toolbar: false,
 	contextMenu: false,
-	component: (id) => html`<docks-release-history id="${id}"></docks-release-history>`
+	component: (id) => html`<docks-release-history id="${id}" embedded></docks-release-history>`
 });
 contributionRegistry.registerContribution(ABOUT_TABS, {
 	name: ABOUT_TAB_PACKAGES,
@@ -3002,7 +2959,7 @@ contributionRegistry.registerContribution(ABOUT_TABS, {
 	ranking: 0,
 	toolbar: false,
 	contextMenu: false,
-	component: (id) => html`<docks-npm-packages id="${id}"></docks-npm-packages>`
+	component: (id) => html`<docks-npm-packages id="${id}" embedded></docks-npm-packages>`
 });
 contributionRegistry.registerContribution(SYSTEM_ATTRIBUTIONS, {
 	name: ATTRIBUTION_ECLIPSE_DOCKS,
@@ -3033,7 +2990,7 @@ contributionRegistry.registerContribution(TOOLBAR_BOTTOM_END, {
 });
 contributionRegistry.registerContribution(TOOLBAR_MAIN_RIGHT, {
 	name: TOOLBAR_LAYOUT_SWITCHER,
-	label: "Layout Switcher",
+	label: "Layout panels",
 	component: () => html`<docks-layout-switcher></docks-layout-switcher>`
 });
 contributionRegistry.registerContribution(SIDEBAR_MAIN_TOOLBAR, {
@@ -3047,14 +3004,57 @@ contributionRegistry.registerContribution(SIDEBAR_MAIN_TOOLBAR, {
 var DocksStandardLayout = class DocksStandardLayout extends DocksContainer {
 	constructor(..._args) {
 		super(..._args);
-		this.showBottomSidebar = false;
-		this.showBottomPanel = false;
+		this.showLeftAux = false;
+		this.showBottomPanel = true;
 		this.showLeftSidebar = true;
 		this.showAuxSidebar = true;
+		this.showRightAux = false;
+		this.panelsInitialized = false;
 	}
 	createRenderRoot() {
 		return this;
 	}
+	getPanelVisibility() {
+		return {
+			showLeftSidebar: this.showLeftSidebar,
+			showAuxSidebar: this.showAuxSidebar,
+			showBottomPanel: this.showBottomPanel,
+			showLeftAux: this.showLeftAux,
+			showRightAux: this.showRightAux
+		};
+	}
+	applyPanelVisibility(panels) {
+		this.showLeftSidebar = panels.showLeftSidebar;
+		this.showAuxSidebar = panels.showAuxSidebar;
+		this.showBottomPanel = panels.showBottomPanel;
+		this.showLeftAux = panels.showLeftAux;
+		this.showRightAux = panels.showRightAux;
+	}
+	async setPanelVisibility(panels) {
+		const next = {
+			...this.getPanelVisibility(),
+			...panels
+		};
+		this.applyPanelVisibility(next);
+		try {
+			await appSettings.set(LAYOUT_PANEL_SETTINGS_KEY, next);
+		} catch (error) {
+			console.error("Failed to persist layout panel visibility:", error);
+			throw error;
+		}
+		window.dispatchEvent(new CustomEvent("layout-panels-changed", { detail: { panels: this.getPanelVisibility() } }));
+	}
+	doInitUI() {
+		this.initializePanelVisibility();
+	}
+	async initializePanelVisibility() {
+		if (this.panelsInitialized) return;
+		this.panelsInitialized = true;
+		const appLayout = appLoaderService.getCurrentApp()?.layout;
+		const panels = await resolveStoredPanelVisibility(appLayout);
+		this.applyPanelVisibility(panels);
+		window.dispatchEvent(new CustomEvent("layout-panels-changed", { detail: { panels: this.getPanelVisibility() } }));
+	}
 	getGridSizes() {
 		if (this.showLeftSidebar && this.showAuxSidebar) return "20%, 60%, 20%";
 		if (this.showLeftSidebar) return "20%, 80%";
@@ -3146,7 +3146,7 @@ var DocksStandardLayout = class DocksStandardLayout extends DocksContainer {
                 sizes=${this.getGridSizes()}>
                 
                 ${this.showLeftSidebar ? html`
-                        ${this.showBottomSidebar ? html`
+                        ${this.showLeftAux ? html`
                                 <docks-resizable-grid 
                                     id="left-sidebar-split" 
                                     orientation="vertical" 
@@ -3167,7 +3167,17 @@ var DocksStandardLayout = class DocksStandardLayout extends DocksContainer {
                         </docks-resizable-grid>
                     ` : html`<docks-tabs id="${EDITOR_AREA_MAIN}"></docks-tabs>`}
                 
-                ${this.showAuxSidebar ? html`<docks-tabs id="${SIDEBAR_AUXILIARY}"></docks-tabs>` : nothing}
+                ${this.showAuxSidebar ? html`
+                        ${this.showRightAux ? html`
+                                <docks-resizable-grid
+                                    id="right-sidebar-split"
+                                    orientation="vertical"
+                                    sizes="50%, 50%">
+                                    <docks-tabs id="${SIDEBAR_AUXILIARY}"></docks-tabs>
+                                    <docks-tabs id="${SIDEBAR_AUXILIARY_BOTTOM}" placement="start" icon-only></docks-tabs>
+                                </docks-resizable-grid>
+                            ` : html`<docks-tabs id="${SIDEBAR_AUXILIARY}"></docks-tabs>`}
+                    ` : nothing}
             </docks-resizable-grid>
             
             <div class="toolbar-bottom">
@@ -3180,8 +3190,8 @@ var DocksStandardLayout = class DocksStandardLayout extends DocksContainer {
 };
 _decorate([property({
 	type: Boolean,
-	attribute: "show-bottom-sidebar"
-})], DocksStandardLayout.prototype, "showBottomSidebar", void 0);
+	attribute: "show-left-aux"
+})], DocksStandardLayout.prototype, "showLeftAux", void 0);
 _decorate([property({
 	type: Boolean,
 	attribute: "show-bottom-panel"
@@ -3194,51 +3204,20 @@ _decorate([property({
 	type: Boolean,
 	attribute: "show-aux-sidebar"
 })], DocksStandardLayout.prototype, "showAuxSidebar", void 0);
+_decorate([property({
+	type: Boolean,
+	attribute: "show-right-aux"
+})], DocksStandardLayout.prototype, "showRightAux", void 0);
 DocksStandardLayout = _decorate([customElement("docks-standard-layout")], DocksStandardLayout);
 //#endregion
 //#region src/contributions/default-layout-contributions.ts
-for (const layout of [
-	{
-		id: "standard",
-		name: "Standard",
-		label: "Standard",
-		icon: "docks layout-standard",
-		component: "docks-standard-layout"
-	},
-	{
-		id: "standard-bottom-panel",
-		name: "Standard (bottom panel)",
-		label: "Standard (bottom panel)",
-		icon: "docks layout-standard-bottom-panel",
-		component: {
-			tag: "docks-standard-layout",
-			attributes: { "show-bottom-panel": "true" }
-		}
-	},
-	{
-		id: "standard-bottom-sidebar",
-		name: "Standard (bottom sidebar)",
-		label: "Standard (bottom sidebar)",
-		icon: "docks layout-standard-bottom-sidebar",
-		component: {
-			tag: "docks-standard-layout",
-			attributes: { "show-bottom-sidebar": "true" }
-		}
-	},
-	{
-		id: "standard-full",
-		name: "Standard (panel + sidebar)",
-		label: "Standard (panel + sidebar)",
-		icon: "docks layout-standard-full",
-		component: {
-			tag: "docks-standard-layout",
-			attributes: {
-				"show-bottom-panel": "true",
-				"show-bottom-sidebar": "true"
-			}
-		}
-	}
-]) contributionRegistry.registerContribution(SYSTEM_LAYOUTS, layout);
+contributionRegistry.registerContribution(SYSTEM_LAYOUTS, {
+	id: "standard",
+	name: "Standard",
+	label: "Standard",
+	icon: "docks layout-standard-full",
+	component: "docks-standard-layout"
+});
 //#endregion
 //#region src/commands/files.ts
 async function getWorkspaceAndPath(params, requirePath = true) {
@@ -4636,6 +4615,6 @@ function getFrameworkConfig() {
 	return { ...frameworkConfig };
 }
 //#endregion
-export { VIEW_LOG_TERMINAL as C, i18n as D, createLazyLabel as E, VIEW_FILEBROWSER as S, editorRegistry as T, TOOLBAR_INFO as _, DocksStandardLayout as a, TOOLBAR_TASKS as b, ABOUT_TAB_RELEASE as c, CTXMENU_FILEBROWSER_RENAME as d, SIDEBAR_TOOLBAR_EXTENSIONS as f, TOOLBAR_FULLSCREEN as g, TOOLBAR_FAST_VIEWS as h, createJsRuntime as i, ATTRIBUTION_ECLIPSE_DOCKS as l, TOOLBAR_ACTIVE_PART_NAME as m, getFrameworkConfig as n, ABOUT_TAB_ATTRIBUTIONS as o, SYSTEM_DEFAULT_FILE_ICONS as p, runJavaScriptCode as r, ABOUT_TAB_PACKAGES as s, configureFramework as t, CTXMENU_FILEBROWSER_DELETE as u, TOOLBAR_LANGUAGE_SELECTOR as v, treeNodeComparator as w, TOOLBAR_THEME_SWITCHER as x, TOOLBAR_LAYOUT_SWITCHER as y };
+export { i18n as _, DocksStandardLayout as a, LAYOUT_PANEL_SETTINGS_KEY as c, layoutIdToPanelVisibility as d, resolveInitialPanelVisibilityFromApp as f, createLazyLabel as g, editorRegistry as h, createJsRuntime as i, LEGACY_PREFERRED_LAYOUT_KEY as l, treeNodeComparator as m, getFrameworkConfig as n, DEFAULT_LAYOUT_PANEL_VISIBILITY as o, resolveStoredPanelVisibility as p, runJavaScriptCode as r, LAYOUT_PANEL_OPTIONS as s, configureFramework as t, findStandardLayout as u };
 
-//# sourceMappingURL=api-Da9zQcfd.js.map
+//# sourceMappingURL=api-oPg3Bv1S.js.map