@eclipse-lyra/extension-settings-tree 0.7.57 → 0.7.59

package/dist/settings-tree-extension-xvuT1JDl.js

@@ -0,0 +1,792 @@
+import { LyraPart, TOOLBAR_MAIN_RIGHT, TOPIC_SETTINGS_CHANGED, appSettings, commandRegistry, contributionRegistry, editorRegistry, promptDialog, subscribe } from "@eclipse-lyra/core";
+import { css, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { createRef, ref } from "lit/directives/ref.js";
+import { repeat } from "lit/directives/repeat.js";
+import _decorate from "@oxc-project/runtime/helpers/decorate";
+//#region src/settings-tree.ts
+var _LyraSettingsTree;
+var LyraSettingsTree = class LyraSettingsTree extends LyraPart {
+	static {
+		_LyraSettingsTree = this;
+	}
+	constructor(..._args) {
+		super(..._args);
+		this.settings = {};
+		this.categoryTree = [];
+		this.selectedPath = null;
+		this.detailRows = [];
+		this.detailTitle = "";
+		this.searchQuery = "";
+		this.detailForPath = null;
+		this.treeRef = createRef();
+	}
+	async doInitUI() {
+		await this.loadSettings();
+		subscribe(TOPIC_SETTINGS_CHANGED, () => this.loadSettings());
+	}
+	async loadSettings() {
+		if (this.isDirty()) return;
+		this.settings = await appSettings.getAll() ?? {};
+		this.buildCategoryTree();
+		if (this.selectedPath) this.updateDetailForPath(this.selectedPath);
+	}
+	buildCategoryTree() {
+		const categories = appSettings.getCategories();
+		const schemaIds = new Set(categories.map((c) => c.id));
+		const nodes = [];
+		for (const cat of categories) {
+			const childSchema = cat.schema?.properties;
+			const value = this.settings[cat.id];
+			const children = this.buildChildNodes(`${cat.id}`, childSchema, value);
+			const label = cat.schema?.title ?? cat.label;
+			if (this.matchesSearch(label, cat.id)) nodes.push({
+				path: cat.id,
+				label,
+				children,
+				expanded: true
+			});
+		}
+		for (const key of Object.keys(this.settings)) {
+			if (schemaIds.has(key)) continue;
+			const value = this.settings[key];
+			const children = this.buildChildNodes(key, void 0, value);
+			if (this.matchesSearch(key, key)) nodes.push({
+				path: key,
+				label: key,
+				children,
+				expanded: true
+			});
+		}
+		this.categoryTree = nodes;
+	}
+	buildChildNodes(parentPath, schemaProps, value) {
+		const children = [];
+		if (schemaProps) for (const [k, s] of Object.entries(schemaProps)) {
+			const path = `${parentPath}.${k}`;
+			const label = s?.title ?? k;
+			const subValue = _LyraSettingsTree.isRecord(value) ? value[k] : void 0;
+			const subChildren = this.buildChildNodes(path, s?.properties, subValue);
+			if (this.matchesSearch(label, path)) children.push({
+				path,
+				label,
+				children: subChildren,
+				expanded: false
+			});
+		}
+		if (_LyraSettingsTree.isRecord(value) && !schemaProps) for (const [k, v] of Object.entries(value)) {
+			const path = `${parentPath}.${k}`;
+			const subChildren = this.buildChildNodes(path, void 0, v);
+			if (this.matchesSearch(k, path)) children.push({
+				path,
+				label: k,
+				children: subChildren,
+				expanded: false
+			});
+		}
+		return children;
+	}
+	matchesSearch(label, path) {
+		if (!this.searchQuery.trim()) return true;
+		const q = this.searchQuery.toLowerCase();
+		return label.toLowerCase().includes(q) || path.toLowerCase().includes(q);
+	}
+	static isRecord(v) {
+		return v !== null && typeof v === "object" && !Array.isArray(v);
+	}
+	refreshAfterEdit() {
+		this.markDirty(true);
+		if (this.selectedPath) this.updateDetailForPath(this.selectedPath);
+	}
+	getValueAtPath(path) {
+		const parts = path.split(".").filter(Boolean);
+		if (parts.length === 0) return this.settings;
+		let current = this.settings;
+		for (const part of parts) {
+			if (current === null || current === void 0 || typeof current !== "object") return void 0;
+			current = current[part];
+		}
+		return current;
+	}
+	setAtInMemory(path, value) {
+		const parts = path.split(".").filter(Boolean);
+		if (parts.length === 0) return;
+		this.settings = this.deepSet(this.settings, parts, value);
+	}
+	deepSet(obj, pathParts, value) {
+		if (pathParts.length === 1) {
+			const key = pathParts[0];
+			if (Array.isArray(obj)) {
+				const idx = parseInt(key, 10);
+				if (isNaN(idx) || idx < 0) return obj;
+				const arr = [...obj];
+				arr[idx] = value;
+				return arr;
+			}
+			return {
+				...obj,
+				[key]: value
+			};
+		}
+		const [head, ...rest] = pathParts;
+		if (Array.isArray(obj)) {
+			const idx = parseInt(head, 10);
+			if (isNaN(idx) || idx < 0) return obj;
+			const arr = [...obj];
+			const current = arr[idx];
+			const next = current !== null && typeof current === "object" ? current : {};
+			arr[idx] = this.deepSet(next, rest, value);
+			return arr;
+		}
+		const o = obj;
+		const current = o[head];
+		const next = current !== null && typeof current === "object" ? current : {};
+		return {
+			...o,
+			[head]: this.deepSet(next, rest, value)
+		};
+	}
+	getArrayItemLabel(item, index) {
+		if (_LyraSettingsTree.isRecord(item)) {
+			if (typeof item.id === "string") return item.id;
+			if (typeof item.name === "string") return item.name;
+		}
+		return `Item ${index}`;
+	}
+	async updateDetailForPath(path) {
+		const containerSchema = appSettings.getSchemaForSettingKey(path);
+		const containerValue = this.getValueAtPath(path);
+		const valueObj = _LyraSettingsTree.isRecord(containerValue) ? containerValue : null;
+		const isArray = Array.isArray(containerValue);
+		let rows;
+		if (isArray) {
+			const arr = containerValue;
+			const flat = [];
+			arr.forEach((item, index) => {
+				const subPath = `${path}.${index}`;
+				const groupLabel = this.getArrayItemLabel(item, index);
+				if (_LyraSettingsTree.isRecord(item)) Object.keys(item).forEach((k) => {
+					flat.push({
+						key: k,
+						path: `${subPath}.${k}`,
+						title: k,
+						description: "",
+						schema: void 0,
+						value: item[k],
+						parentPath: subPath,
+						groupLabel
+					});
+				});
+				else flat.push({
+					key: String(index),
+					path: subPath,
+					title: groupLabel,
+					description: `Array element ${index}.`,
+					schema: void 0,
+					value: item,
+					parentPath: path,
+					groupLabel
+				});
+			});
+			rows = flat;
+		} else if (valueObj !== null) {
+			const schemaProps = containerSchema?.properties;
+			rows = (schemaProps ? Object.keys(schemaProps) : Object.keys(valueObj)).map((key) => {
+				const subPath = `${path}.${key}`;
+				const propSchema = schemaProps?.[key];
+				const value = valueObj[key];
+				return {
+					key,
+					path: subPath,
+					title: propSchema?.title ?? key,
+					description: propSchema?.description ?? "",
+					schema: propSchema,
+					value,
+					parentPath: path
+				};
+			});
+		} else if (containerValue !== void 0 && containerValue !== null && typeof containerValue !== "object") {
+			const segment = path.split(".").pop() ?? path;
+			rows = [{
+				key: segment,
+				path,
+				title: segment,
+				description: "Edit value (no schema).",
+				schema: void 0,
+				value: containerValue
+			}];
+		} else rows = [];
+		rows.forEach((r) => {
+			if (r.title === void 0) r.title = r.key;
+		});
+		if (this.selectedPath !== path) return;
+		const category = appSettings.getCategories().find((c) => c.id === path);
+		this.detailForPath = path;
+		this.detailTitle = category?.label ?? containerSchema?.title ?? path;
+		this.detailRows = rows;
+	}
+	selectPath(path) {
+		this.selectedPath = path;
+		this.updateDetailForPath(path);
+	}
+	updated(changedProperties) {
+		super.updated?.(changedProperties);
+		if (changedProperties.has("selectedPath") && this.selectedPath !== this.detailForPath) if (this.selectedPath) this.updateDetailForPath(this.selectedPath);
+		else {
+			this.detailForPath = null;
+			this.detailRows = [];
+			this.detailTitle = "";
+		}
+	}
+	setRowValue(row, value) {
+		this.setAtInMemory(row.path, value);
+		this.refreshAfterEdit();
+	}
+	setRowValueFromJson(row, raw) {
+		try {
+			this.setRowValue(row, JSON.parse(raw));
+		} catch {
+			this.refreshAfterEdit();
+		}
+	}
+	renameKey(parentPath, oldKey, newKey) {
+		if (newKey.trim() === "" || newKey === oldKey) return;
+		const parent = this.getValueAtPath(parentPath);
+		if (!_LyraSettingsTree.isRecord(parent)) return;
+		const value = parent[oldKey];
+		const updated = { ...parent };
+		delete updated[oldKey];
+		updated[newKey.trim()] = value;
+		this.setAtInMemory(parentPath, updated);
+		this.refreshAfterEdit();
+	}
+	deleteKey(parentPath, key) {
+		const parent = this.getValueAtPath(parentPath);
+		if (!_LyraSettingsTree.isRecord(parent)) return;
+		const updated = { ...parent };
+		delete updated[key];
+		this.setAtInMemory(parentPath, updated);
+		this.refreshAfterEdit();
+	}
+	async addKeyToGroup(groupParentPath) {
+		const key = await promptDialog("New key name:", "");
+		if (!key?.trim()) return;
+		this.setAtInMemory(`${groupParentPath}.${key.trim()}`, null);
+		this.refreshAfterEdit();
+	}
+	deleteTopLevelKey(key) {
+		if (!(key in this.settings)) return;
+		const updated = { ...this.settings };
+		delete updated[key];
+		this.settings = updated;
+		this.markDirty(true);
+		if (this.selectedPath === key) {
+			this.selectedPath = null;
+			this.detailForPath = null;
+			this.detailRows = [];
+			this.detailTitle = "";
+		}
+		this.buildCategoryTree();
+		if (this.selectedPath) this.updateDetailForPath(this.selectedPath);
+	}
+	renderDetailControl(row) {
+		const schema = row.schema;
+		const type = schema?.type;
+		const enumValues = schema?.enum;
+		const current = row.value;
+		if (enumValues && Array.isArray(enumValues) && enumValues.length > 0) {
+			const options = enumValues.map((v) => String(v));
+			return html`
+                <wa-select
+                    value=${current !== void 0 && current !== null ? String(current) : schema?.default !== void 0 ? String(schema.default) : options[0]}
+                    @change=${(e) => this.setRowValue(row, e.target.value)}
+                    size="small">
+                    ${options.map((opt) => html`<wa-option value=${opt}>${opt}</wa-option>`)}
+                </wa-select>
+            `;
+		}
+		if (type === "boolean") return html`
+                <wa-switch
+                    ?checked=${current === true || current === void 0 && schema?.default === true}
+                    @change=${(e) => this.setRowValue(row, e.target.checked)}
+                    size="small">
+                </wa-switch>
+            `;
+		if (type === "number") {
+			const num = typeof current === "number" ? current : typeof schema?.default === "number" ? schema.default : 0;
+			return html`
+                <wa-number-input
+                    .value=${String(num)}
+                    @change=${(e) => this.setRowValue(row, Number(e.target.value))}
+                    size="small">
+                </wa-number-input>
+            `;
+		}
+		const isObjectOrArray = current !== null && typeof current === "object";
+		if (isObjectOrArray && !schema && _LyraSettingsTree.isRecord(current)) return this.renderObjectFields(row.path, current, 0);
+		if (isObjectOrArray) return html`
+                <wa-textarea
+                    .value=${JSON.stringify(current, null, 2)}
+                    @blur=${(e) => this.setRowValueFromJson(row, e.target.value)}
+                    rows="3">
+                </wa-textarea>
+            `;
+		return this.renderPrimitiveControl(row, current);
+	}
+	renderPrimitiveControl(row, current) {
+		const str = current !== void 0 && current !== null ? String(current) : "";
+		if (typeof current === "boolean") return html`
+                <wa-switch
+                    ?checked=${current}
+                    @change=${(e) => this.setRowValue(row, e.target.checked)}
+                    size="small">
+                </wa-switch>
+            `;
+		if (typeof current === "number") return html`
+                <wa-number-input
+                    .value=${String(current)}
+                    @change=${(e) => this.setRowValue(row, Number(e.target.value))}
+                    size="small">
+                </wa-number-input>
+            `;
+		return html`
+                <wa-input
+                .value=${str}
+                @input=${(e) => this.setRowValue(row, e.target.value)}
+                size="small">
+            </wa-input>
+        `;
+	}
+	renderObjectFields(parentPath, obj, depth) {
+		if (depth >= 2) {
+			const str = JSON.stringify(obj, null, 2);
+			const row = {
+				key: "",
+				path: parentPath,
+				title: "",
+				description: "",
+				value: obj
+			};
+			return html`
+                <wa-textarea
+                    .value=${str}
+                    @blur=${(e) => this.setRowValueFromJson(row, e.target.value)}
+                    rows="3">
+                </wa-textarea>
+            `;
+		}
+		return html`
+            <div class="nested-object" >
+                ${Object.entries(obj).map(([k, v]) => {
+			const subPath = `${parentPath}.${k}`;
+			const subRow = {
+				key: k,
+				path: subPath,
+				title: k,
+				description: "",
+				value: v,
+				parentPath
+			};
+			return html`
+                        <div class="nested-row">
+                            <wa-input
+                                .value=${k}
+                                size="small"
+                                style="width: 140px;"
+                                @blur=${(e) => {
+				const newKey = e.target.value.trim();
+				if (newKey && newKey !== k) this.renameKey(parentPath, k, newKey);
+			}}>
+                            </wa-input>
+                            <span class="nested-sep">:</span>
+                            ${_LyraSettingsTree.isRecord(v) ? this.renderObjectFields(subPath, v, depth + 1) : Array.isArray(v) ? html`
+                                        <wa-textarea
+                                            .value=${JSON.stringify(v, null, 2)}
+                                            rows="2"
+                                            style="min-width: 200px;"
+                                            @blur=${(e) => this.setRowValueFromJson(subRow, e.target.value)}>
+                                        </wa-textarea>
+                                    ` : this.renderPrimitiveControl(subRow, v)}
+                        </div>
+                    `;
+		})}
+            </div>
+        `;
+	}
+	renderDetailPanel() {
+		if (!this.selectedPath) return html`
+                <div class="detail-placeholder">
+                    <wa-icon name="gear"></wa-icon>
+                    <p>Select a category from the tree</p>
+                </div>
+            `;
+		if (this.detailForPath !== this.selectedPath) return html`
+                <div class="detail-panel">
+                    <div class="detail-heading-row">
+                        <h2 class="detail-heading">${this.selectedPath}</h2>
+                    </div>
+                    <div class="detail-placeholder">
+                        <p>Loading…</p>
+                    </div>
+                </div>
+            `;
+		const filteredRows = this.detailRows.filter((row) => {
+			if (!this.searchQuery.trim()) return true;
+			const q = this.searchQuery.toLowerCase();
+			return row.title.toLowerCase().includes(q) || row.description.toLowerCase().includes(q);
+		});
+		const containerValue = this.selectedPath ? this.getValueAtPath(this.selectedPath) : void 0;
+		const isObjectContainer = _LyraSettingsTree.isRecord(containerValue);
+		const isTopLevel = this.selectedPath !== null && !this.selectedPath.includes(".");
+		const canAddToSelection = isObjectContainer || isTopLevel;
+		return html`
+            <div class="detail-panel">
+                <div class="detail-heading-row">
+                    <h2 class="detail-heading">${this.detailTitle}</h2>
+                    ${canAddToSelection ? html`
+                        <lyra-command size="small" icon="plus" title="Add setting" .action=${() => this.addKeyToGroup(this.selectedPath)}>Add</lyra-command>
+                    ` : ""}
+                    ${isTopLevel ? html`
+                        <lyra-command size="small" icon="trash" title="Delete category" .action=${() => this.deleteTopLevelKey(this.selectedPath)}></lyra-command>
+                    ` : ""}
+                </div>
+                <wa-scroller class="detail-scroller" orientation="vertical">
+                    ${filteredRows.length === 0 ? html`
+                        <div class="detail-empty">
+                            ${this.detailRows.length === 0 ? html`<p>No settings in this category. Add keys in the JSON file or register a JSON Schema for this path.</p>` : html`<p>No matching settings for the current search.</p>`}
+                        </div>
+                    ` : repeat(filteredRows, (row) => row.path, (row, index) => {
+			const prev = index > 0 ? filteredRows[index - 1] : null;
+			const showGroup = row.groupLabel && prev?.groupLabel !== row.groupLabel;
+			const inGroup = !!row.groupLabel;
+			return html`
+                                    ${showGroup ? html`
+                                        <div class="detail-group-header">
+                                            <span>${row.groupLabel}</span>
+                                            <lyra-command size="small" icon="plus" title="Add setting" .action=${() => this.addKeyToGroup(row.parentPath)}>Add</lyra-command>
+                                        </div>
+                                    ` : ""}
+                                    <div class="setting-row ${inGroup ? "setting-row-in-group" : ""}">
+                                        <div class="setting-meta">
+                                            ${row.parentPath != null ? html`
+                                                <wa-input
+                                                    .value=${row.key}
+                                                    size="small"
+                                                    class="editable-key setting-control-key"
+                                                    @blur=${(e) => {
+				const newKey = e.target.value.trim();
+				if (newKey && newKey !== row.key) this.renameKey(row.parentPath, row.key, newKey);
+			}}>
+                                                </wa-input>
+                                            ` : html`<span class="setting-title">${row.title}</span>`}
+                                            ${row.description ? html`<p class="setting-description">${row.description}</p>` : ""}
+                                        </div>
+                                        <div class="setting-control">${this.renderDetailControl(row)}</div>
+                                        ${row.parentPath != null ? html`
+                                            <lyra-command size="small" icon="trash" title="Delete setting" .action=${() => this.deleteKey(row.parentPath, row.key)}></lyra-command>
+                                        ` : ""}
+                                    </div>
+                                `;
+		})}
+                </wa-scroller>
+            </div>
+        `;
+	}
+	renderCategoryNode(node) {
+		const hasChildren = node.children.length > 0;
+		const isSelected = this.selectedPath === node.path;
+		return html`
+            <wa-tree-item ?expanded=${node.expanded}>
+                <div
+                    class="tree-node-content ${isSelected ? "selected" : ""}"
+                    @click=${() => this.selectPath(node.path)}
+                    role="button"
+                    tabindex="0"
+                    @keydown=${(e) => e.key === "Enter" && this.selectPath(node.path)}>
+                    <span class="tree-node-label">${node.label}</span>
+                </div>
+                ${hasChildren ? node.children.map((child) => this.renderCategoryNode(child)) : ""}
+            </wa-tree-item>
+        `;
+	}
+	setAllExpanded(expanded) {
+		const tree = this.treeRef.value;
+		if (tree) tree.querySelectorAll("wa-tree-item").forEach((item) => {
+			item.expanded = expanded;
+		});
+		this.categoryTree = this.categoryTree.map((n) => this.setExpanded(n, expanded));
+		this.requestUpdate();
+	}
+	setExpanded(node, expanded) {
+		return {
+			...node,
+			expanded,
+			children: node.children.map((c) => this.setExpanded(c, expanded))
+		};
+	}
+	async addKey() {
+		const key = await promptDialog("Enter new top-level key name:", "");
+		if (!key?.trim()) return;
+		this.setAtInMemory(key.trim(), null);
+		this.markDirty(true);
+		this.buildCategoryTree();
+	}
+	save() {
+		appSettings.setAll(this.settings).then(() => {
+			this.markDirty(false);
+		}).catch((err) => {
+			console.error("Failed to save settings:", err);
+		});
+	}
+	renderToolbar() {
+		return html`
+            <wa-input
+                placeholder="Search settings"
+                .value=${this.searchQuery}
+                @input=${(e) => {
+			this.searchQuery = e.target.value;
+			this.buildCategoryTree();
+		}}
+                size="small"
+                class="toolbar-search">
+            </wa-input>
+            <lyra-command size="small" icon="plus" title="Add Key" .action=${() => this.addKey()}>Add Key</lyra-command>
+            <lyra-command size="small" icon="chevron-down" title="Expand All" .action=${() => this.setAllExpanded(true)}>Expand All</lyra-command>
+            <lyra-command size="small" icon="chevron-right" title="Collapse All" .action=${() => this.setAllExpanded(false)}>Collapse All</lyra-command>
+        `;
+	}
+	renderContent() {
+		return html`
+            <div class="settings-editor-container">
+                <wa-split-panel position="25" class="split-panel-fill">
+                    <div slot="start" class="left-panel">
+                        <wa-scroller class="tree-scroller" orientation="vertical">
+                            ${this.categoryTree.length === 0 ? html`
+                                <div class="empty-state">
+                                    <wa-icon name="gear"></wa-icon>
+                                    <p>No settings.</p>
+                                </div>
+                            ` : html`
+                                <wa-tree ${ref(this.treeRef)}>
+                                    ${this.categoryTree.map((node) => this.renderCategoryNode(node))}
+                                </wa-tree>
+                            `}
+                        </wa-scroller>
+                    </div>
+                    <div slot="end" class="right-panel">
+                        ${this.renderDetailPanel()}
+                    </div>
+                </wa-split-panel>
+            </div>
+        `;
+	}
+	static {
+		this.styles = css`
+        :host {
+            display: flex;
+            flex-direction: column;
+            height: 100%;
+        }
+
+        .settings-editor-container {
+            flex: 1;
+            min-height: 0;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .left-panel, .right-panel {
+            display: flex;
+            flex-direction: column;
+            min-height: 0;
+            overflow: hidden;
+        }
+
+        .tree-scroller, .detail-scroller {
+            flex: 1;
+            min-height: 0;
+        }
+
+        .tree-node-content {
+            cursor: pointer;
+            user-select: none;
+        }
+
+        .tree-node-content.selected {
+            font-weight: 600;
+        }
+
+        .detail-placeholder {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            height: 100%;
+            text-align: center;
+            padding: 32px;
+        }
+
+        .detail-panel {
+            display: flex;
+            flex-direction: column;
+            height: 100%;
+            overflow: hidden;
+        }
+
+        .detail-heading-row {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-bottom: 16px;
+            padding: 0 16px;
+        }
+
+        .detail-heading {
+            margin: 0;
+            flex: 1;
+        }
+
+        .detail-scroller {
+            padding: 0 16px 16px;
+        }
+
+        .detail-empty {
+            padding: 24px 0;
+        }
+
+        .detail-group-header {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-top: 12px;
+            margin-bottom: 4px;
+        }
+
+        .detail-group-header:first-child {
+            margin-top: 0;
+        }
+
+        .nested-row {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-bottom: 6px;
+        }
+
+        .setting-row {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 12px;
+            align-items: flex-start;
+            padding: 12px 0;
+        }
+
+        .setting-row-in-group {
+            padding-left: 20px;
+        }
+
+        .setting-meta {
+            flex: 0 0 auto;
+            min-width: 140px;
+        }
+
+        .setting-title {
+            font-weight: 600;
+            display: block;
+            margin-bottom: 4px;
+        }
+
+        .setting-control {
+            flex: 1;
+            min-width: 0;
+            display: flex;
+        }
+
+        .setting-row command {
+            flex-shrink: 0;
+        }
+
+        .setting-control wa-input,
+        .setting-control wa-textarea,
+        .setting-control wa-number-input,
+        .setting-control wa-select {
+            flex: 1;
+            min-width: 0;
+            width: 100%;
+        }
+
+        .setting-meta .setting-control-key {
+            width: 160px;
+        }
+
+        .empty-state {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            padding: 32px;
+            text-align: center;
+        }
+
+        .nested-object {
+            margin-left: 8px;
+            padding-left: 8px;
+            border-left: 2px solid var(--wa-color-neutral-85);
+        }
+
+        .toolbar-search {
+            width: 200px;
+            margin-right: 8px;
+        }
+
+        .split-panel-fill {
+            height: 100%;
+        }
+    `;
+	}
+};
+_decorate([property({ attribute: false })], LyraSettingsTree.prototype, "input", void 0);
+_decorate([state()], LyraSettingsTree.prototype, "settings", void 0);
+_decorate([state()], LyraSettingsTree.prototype, "categoryTree", void 0);
+_decorate([state()], LyraSettingsTree.prototype, "selectedPath", void 0);
+_decorate([state()], LyraSettingsTree.prototype, "detailRows", void 0);
+_decorate([state()], LyraSettingsTree.prototype, "detailTitle", void 0);
+_decorate([state()], LyraSettingsTree.prototype, "searchQuery", void 0);
+LyraSettingsTree = _LyraSettingsTree = _decorate([customElement("lyra-settings-tree")], LyraSettingsTree);
+//#endregion
+//#region src/settings-tree-extension.ts
+var settings_tree_extension_default = (_uiContext) => {
+	editorRegistry.registerEditorInputHandler({
+		editorId: "system.settings-tree",
+		label: "Settings",
+		ranking: 1e3,
+		canHandle: (input) => input.key === ".system.settings",
+		handle: async (input) => {
+			input.component = (id) => html`
+                <lyra-settings-tree id="${id}" .input=${input}></lyra-settings-tree>
+            `;
+			return input;
+		}
+	});
+	commandRegistry.registerHandler("open_settings", {
+		ranking: 100,
+		execute: () => {
+			editorRegistry.loadEditor({
+				title: "Settings",
+				data: {},
+				key: ".system.settings",
+				icon: "gear",
+				state: {}
+			});
+		}
+	});
+	contributionRegistry.registerContribution(TOOLBAR_MAIN_RIGHT, {
+		command: "open_settings",
+		icon: "gear",
+		label: "Settings"
+	});
+};
+//#endregion
+export { settings_tree_extension_default as default };
+
+//# sourceMappingURL=settings-tree-extension-xvuT1JDl.js.map