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

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

@@ -1,829 +0,0 @@
-import { css, html } from "lit";
-import { LyraPart, subscribe, TOPIC_SETTINGS_CHANGED, appSettings, promptDialog, editorRegistry, commandRegistry, contributionRegistry, TOOLBAR_MAIN_RIGHT } from "@eclipse-lyra/core";
-import { property, state, customElement } from "lit/decorators.js";
-import { createRef, ref } from "lit/directives/ref.js";
-import { repeat } from "lit/directives/repeat.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let LyraSettingsTree = class extends LyraPart {
-  constructor() {
-    super(...arguments);
-    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 current2 = arr[idx];
-      const next2 = current2 !== null && typeof current2 === "object" ? current2 : {};
-      arr[idx] = this.deepSet(next2, 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;
-      const keys = schemaProps ? Object.keys(schemaProps) : Object.keys(valueObj);
-      rows = keys.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));
-      const value = current !== void 0 && current !== null ? String(current) : schema?.default !== void 0 ? String(schema.default) : options[0];
-      return html`
-                <wa-select
-                    value=${value}
-                    @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") {
-      const checked = current === true || current === void 0 && schema?.default === true;
-      return html`
-                <wa-switch
-                    ?checked=${checked}
-                    @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) {
-      const str = JSON.stringify(current, null, 2);
-      return html`
-                <wa-textarea
-                    .value=${str}
-                    @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) {
-    const maxDepth = 2;
-    if (depth >= maxDepth) {
-      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>
-            `;
-    }
-    const entries = Object.entries(obj);
-    return html`
-            <div class="nested-object" >
-                ${entries.map(([k, v]) => {
-      const subPath = `${parentPath}.${k}`;
-      const subRow = { key: k, path: subPath, title: k, description: "", value: v, parentPath };
-      const isNestedObj = LyraSettingsTree.isRecord(v);
-      const isArray = Array.isArray(v);
-      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>
-                            ${isNestedObj ? this.renderObjectFields(subPath, v, depth + 1) : isArray ? 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>
-        `;
-  }
-};
-LyraSettingsTree.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%;
-        }
-    `;
-__decorateClass([
-  property({ attribute: false })
-], LyraSettingsTree.prototype, "input", 2);
-__decorateClass([
-  state()
-], LyraSettingsTree.prototype, "settings", 2);
-__decorateClass([
-  state()
-], LyraSettingsTree.prototype, "categoryTree", 2);
-__decorateClass([
-  state()
-], LyraSettingsTree.prototype, "selectedPath", 2);
-__decorateClass([
-  state()
-], LyraSettingsTree.prototype, "detailRows", 2);
-__decorateClass([
-  state()
-], LyraSettingsTree.prototype, "detailTitle", 2);
-__decorateClass([
-  state()
-], LyraSettingsTree.prototype, "searchQuery", 2);
-LyraSettingsTree = __decorateClass([
-  customElement("lyra-settings-tree")
-], LyraSettingsTree);
-const settingsTreeExtension = (_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: () => {
-      const editorInput = {
-        title: "Settings",
-        data: {},
-        key: ".system.settings",
-        icon: "gear",
-        state: {}
-      };
-      editorRegistry.loadEditor(editorInput);
-    }
-  });
-  contributionRegistry.registerContribution(TOOLBAR_MAIN_RIGHT, {
-    command: "open_settings",
-    icon: "gear",
-    label: "Settings"
-  });
-};
-export {
-  settingsTreeExtension as default
-};
-//# sourceMappingURL=settings-tree-extension-qqh_Ohws.js.map