@eclipse-lyra/extension-sqleditor 0.7.57 → 0.7.59

package/dist/sqleditor-extension-BFAaVI-7.js

@@ -1,920 +0,0 @@
-import { rootContext, taskService, toastError, LyraPart, subscribe, TOPIC_CONTRIBUTEIONS_CHANGED, contributionRegistry, confirmDialog, unsubscribe, publish, toastInfo, editorRegistry, File } from "@eclipse-lyra/core";
-import { html as html$1 } from "@eclipse-lyra/core/externals/lit";
-import { property, state, customElement } from "lit/decorators.js";
-import { css, LitElement, html } from "lit";
-import { repeat } from "lit/directives/repeat.js";
-import { createRef, ref } from "lit/directives/ref.js";
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
-var __decorateClass$1 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(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$1(target, key, result);
-  return result;
-};
-let LyraSqlExtensionManager = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.open = false;
-    this.db = null;
-    this.databaseLabel = "";
-    this.extensions = [];
-    this.loading = false;
-    this.updatingId = null;
-    this.error = null;
-    this.filterText = "";
-  }
-  configure(options) {
-    this.db = options.db;
-    this.databaseLabel = options.databaseLabel;
-    this.extensions = [];
-    this.error = null;
-    void this.refreshExtensions();
-  }
-  show() {
-    if (!this.db || !this.db.listDbExtensions) return;
-    this.open = true;
-  }
-  hide() {
-    this.open = false;
-  }
-  async refreshExtensions() {
-    if (!this.db || !this.db.listDbExtensions) {
-      this.extensions = [];
-      return;
-    }
-    this.loading = true;
-    this.error = null;
-    try {
-      const result = await taskService.runAsync(
-        "Loading database extensions",
-        async () => this.db.listDbExtensions()
-      );
-      this.extensions = Array.isArray(result) ? result : [];
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : String(err);
-      this.error = msg;
-      toastError(msg);
-    } finally {
-      this.loading = false;
-    }
-  }
-  async enableExtension(ext) {
-    if (!this.db || !this.db.enableDbExtension) return;
-    this.updatingId = ext.id;
-    this.error = null;
-    try {
-      await taskService.runAsync(
-        `Enabling extension ${ext.label || ext.id}`,
-        async () => this.db.enableDbExtension(ext.id)
-      );
-      await this.refreshExtensions();
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : String(err);
-      this.error = msg;
-      toastError(msg);
-    } finally {
-      this.updatingId = null;
-    }
-  }
-  async disableExtension(ext) {
-    if (!this.db || !this.db.disableDbExtension) return;
-    this.updatingId = ext.id;
-    this.error = null;
-    try {
-      await taskService.runAsync(
-        `Disabling extension ${ext.label || ext.id}`,
-        async () => this.db.disableDbExtension(ext.id)
-      );
-      await this.refreshExtensions();
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : String(err);
-      this.error = msg;
-      toastError(msg);
-    } finally {
-      this.updatingId = null;
-    }
-  }
-  renderExtensionRow(ext) {
-    const installed = Boolean(ext.installed);
-    const canDisable = installed && !!this.db?.disableDbExtension;
-    const isUpdating = this.updatingId === ext.id;
-    return html`
-      <div class="extension-item">
-        <div class="extension-main">
-          <div class="extension-name">${ext.label || ext.id}</div>
-          ${ext.description ? html`<div class="extension-desc">${ext.description}</div>` : null}
-        </div>
-        <div class="extension-meta">
-          <span
-            class=${installed ? "badge badge-installed" : "badge badge-available"}
-          >
-            ${installed ? "Installed" : "Available"}
-          </span>
-          <div class="extension-actions">
-            ${installed ? html`
-                  <wa-button
-                    size="small"
-                    appearance="plain"
-                    ?disabled=${!canDisable || isUpdating}
-                    @click=${() => void this.disableExtension(ext)}
-                  >
-                    <wa-icon
-                      name="circle-minus"
-                      label="Disable"
-                    ></wa-icon>
-                  </wa-button>
-                ` : html`
-                  <wa-button
-                    size="small"
-                    appearance="plain"
-                    ?disabled=${isUpdating}
-                    @click=${() => void this.enableExtension(ext)}
-                  >
-                    <wa-icon
-                      name="plug-circle-plus"
-                      label="Enable"
-                    ></wa-icon>
-                  </wa-button>
-                `}
-          </div>
-        </div>
-      </div>
-    `;
-  }
-  render() {
-    const hasDb = Boolean(this.db && this.db.listDbExtensions);
-    const filter = this.filterText.trim().toLowerCase();
-    const filteredExtensions = !filter ? this.extensions : this.extensions.filter((ext) => {
-      const text = `${ext.label ?? ""} ${ext.id} ${ext.description ?? ""}`.toLowerCase();
-      return text.includes(filter);
-    });
-    const hasItems = filteredExtensions.length > 0;
-    return html`
-      <wa-dialog
-        label="Database extensions"
-        ?open=${this.open}
-        @wa-after-hide=${() => {
-      this.open = false;
-      this.dispatchEvent(
-        new CustomEvent("hide", { bubbles: true, composed: true })
-      );
-    }}
-      >
-        <div class="extension-manager">
-          <p class="extension-manager-description">
-            Database:
-            <strong>${this.databaseLabel || "Current connection"}</strong>
-          </p>
-
-          ${!hasDb ? html`
-                <wa-alert variant="warning" open>
-                  <wa-icon slot="icon" name="triangle-exclamation"></wa-icon>
-                  The current SQL engine does not expose any extension information.
-                </wa-alert>
-              ` : null}
-
-          ${this.error ? html`
-                <wa-alert
-                  variant="danger"
-                  open
-                  closable
-                  @wa-after-hide=${() => {
-      this.error = null;
-    }}
-                >
-                  <wa-icon slot="icon" name="circle-exclamation"></wa-icon>
-                  ${this.error}
-                </wa-alert>
-              ` : null}
-
-          <wa-input
-              size="small"
-              placeholder="Filter extensions…"
-              .value=${this.filterText}
-              @input=${(event) => {
-      const target = event.target;
-      this.filterText = target?.value ?? "";
-    }}
-              @wa-clear=${() => {
-      this.filterText = "";
-    }}
-              with-clear
-            >
-              <wa-icon slot="prefix" name="magnifying-glass"></wa-icon>
-            </wa-input>
-
-          <div class="extension-list">
-            ${this.loading ? html`<div class="extension-list-empty">Loading extensions…</div>` : !hasItems ? html`
-                      <div class="extension-list-empty">
-                        No extensions available for this connection.
-                      </div>
-                    ` : repeat(
-      filteredExtensions,
-      (ext) => ext.id,
-      (ext) => this.renderExtensionRow(ext)
-    )}
-          </div>
-        </div>
-        <div slot="footer" class="extension-manager-footer">
-          <wa-button variant="default" @click=${() => this.hide()}>
-            Close
-          </wa-button>
-        </div>
-      </wa-dialog>
-    `;
-  }
-};
-LyraSqlExtensionManager.styles = css`
-    :host {
-      display: contents;
-    }
-
-    .extension-manager {
-      display: flex;
-      flex-direction: column;
-      gap: 1rem;
-      padding: 1rem;
-      height: 420px;
-      box-sizing: border-box;
-    }
-
-    .extension-toolbar {
-      display: flex;
-      justify-content: flex-end;
-    }
-
-    .extension-manager-description {
-      margin: 0;
-      font-size: 0.95rem;
-      opacity: 0.9;
-    }
-
-    .extension-list {
-      display: flex;
-      flex-direction: column;
-      gap: 0.5rem;
-      flex: 1;
-      min-height: 0;
-      max-height: 100%;
-      overflow-y: auto;
-    }
-
-    .extension-list-empty {
-      font-size: 0.9rem;
-      opacity: 0.8;
-      padding: 0.5rem 0;
-    }
-
-    .extension-item {
-      display: flex;
-      align-items: flex-start;
-      justify-content: space-between;
-      gap: 0.75rem;
-      padding: 0.5rem 0;
-      border-bottom: 1px solid var(--wa-color-neutral-200, #e5e7eb);
-    }
-
-    .extension-main {
-      display: flex;
-      flex-direction: column;
-      gap: 0.15rem;
-      min-width: 0;
-    }
-
-    .extension-name {
-      font-weight: 500;
-      font-size: 0.95rem;
-    }
-
-    .extension-desc {
-      font-size: 0.85rem;
-      opacity: 0.8;
-    }
-
-    .extension-meta {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-end;
-      gap: 0.35rem;
-    }
-
-    .extension-actions {
-      display: flex;
-      gap: 0.25rem;
-    }
-
-    .badge {
-      display: inline-flex;
-      align-items: center;
-      padding: 0.15rem 0.4rem;
-      border-radius: 999px;
-      font-size: 0.75rem;
-      border: 1px solid var(--wa-color-neutral-200, #e5e7eb);
-    }
-
-    .badge-installed {
-      background-color: var(--wa-color-success-50, #ecfdf3);
-    }
-
-    .badge-available {
-      background-color: var(--wa-color-neutral-50, #f9fafb);
-    }
-
-    .extension-manager-footer {
-      display: flex;
-      justify-content: flex-end;
-      padding-top: 1rem;
-      border-top: 1px solid var(--wa-color-neutral-200, #e5e7eb);
-    }
-  `;
-__decorateClass$1([
-  property({ type: Boolean })
-], LyraSqlExtensionManager.prototype, "open", 2);
-__decorateClass$1([
-  property({ attribute: false })
-], LyraSqlExtensionManager.prototype, "db", 2);
-__decorateClass$1([
-  property()
-], LyraSqlExtensionManager.prototype, "databaseLabel", 2);
-__decorateClass$1([
-  state()
-], LyraSqlExtensionManager.prototype, "extensions", 2);
-__decorateClass$1([
-  state()
-], LyraSqlExtensionManager.prototype, "loading", 2);
-__decorateClass$1([
-  state()
-], LyraSqlExtensionManager.prototype, "updatingId", 2);
-__decorateClass$1([
-  state()
-], LyraSqlExtensionManager.prototype, "error", 2);
-__decorateClass$1([
-  state()
-], LyraSqlExtensionManager.prototype, "filterText", 2);
-LyraSqlExtensionManager = __decorateClass$1([
-  customElement("lyra-sql-extension-manager")
-], LyraSqlExtensionManager);
-class SqlExtensionManagerService {
-  constructor() {
-    this.managerInstance = null;
-  }
-  showExtensionManager(options) {
-    if (!options.db || !options.db.listDbExtensions) {
-      toastError("The current SQL engine does not support extensions.");
-      return null;
-    }
-    if (!this.managerInstance) {
-      this.managerInstance = document.createElement(
-        "lyra-sql-extension-manager"
-      );
-      document.body.appendChild(this.managerInstance);
-    }
-    this.managerInstance.configure(options);
-    this.managerInstance.show();
-    return this.managerInstance;
-  }
-  getManager() {
-    return this.managerInstance;
-  }
-}
-const sqlExtensionManagerService = new SqlExtensionManagerService();
-rootContext.put("sqlExtensionManagerService", sqlExtensionManagerService);
-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;
-};
-const MAX_TAB_LABEL = 28;
-function truncateLabel(sql) {
-  const oneLine = sql.replace(/\s+/g, " ").trim();
-  if (oneLine.length <= MAX_TAB_LABEL) return oneLine;
-  return `${oneLine.slice(0, MAX_TAB_LABEL)}…`;
-}
-let LyraSqlEditor = class extends LyraPart {
-  constructor() {
-    super(...arguments);
-    this.readOnly = false;
-    this.initialContent = void 0;
-    this.initialUri = void 0;
-    this.running = false;
-    this.availableAdapters = [];
-    this.selectedEngineId = null;
-    this.availableConnections = [];
-    this.selectedConnectionId = null;
-    this.widgetRef = createRef();
-    this.databases = /* @__PURE__ */ new Map();
-    this._onContentChange = () => {
-      this.markDirty(true);
-    };
-  }
-  async doInitUI() {
-    const file = this.input.data;
-    const textContents = await file.getContents();
-    this.initialContent = textContents;
-    this.initialUri = file.getWorkspacePath();
-    this.unsubscribeContributionsToken = subscribe(TOPIC_CONTRIBUTEIONS_CHANGED, (event) => {
-      if (event?.target === "system.sqladapters") {
-        void this.refreshAdapters();
-      }
-    });
-    await this.refreshAdapters();
-    this.requestUpdate();
-  }
-  async refreshAdapters() {
-    const contributions = contributionRegistry.getContributions("system.sqladapters");
-    this.availableAdapters = contributions;
-    if (!contributions.length) {
-      this.selectedEngineId = null;
-      this.availableConnections = [];
-      this.selectedConnectionId = null;
-      await this.updateComplete;
-      return;
-    }
-    if (!this.selectedEngineId) {
-      const duckdbAdapter = contributions.find((c) => c.id === "duckdb");
-      this.selectedEngineId = (duckdbAdapter ?? contributions[0]).id;
-    }
-    this.requestUpdate();
-    await this.refreshConnections();
-    await this.updateComplete;
-  }
-  async getOrLoadDatabase(engineId) {
-    const cached = this.databases.get(engineId);
-    if (cached) return cached;
-    const adapter = this.availableAdapters.find((c) => c.id === engineId);
-    if (!adapter) return null;
-    try {
-      const label = adapter.label || adapter.id;
-      const database = await taskService.runAsync(`Opening ${label} database`, async (progress) => {
-        progress.message = `Connecting to ${label}…`;
-        return adapter.loader();
-      });
-      this.databases.set(engineId, database);
-      return database;
-    } catch (err) {
-      toastError(err instanceof Error ? err.message : String(err));
-      return null;
-    }
-  }
-  async refreshConnections() {
-    const engineId = this.selectedEngineId;
-    if (!engineId) {
-      this.availableConnections = [];
-      this.selectedConnectionId = null;
-      await this.updateComplete;
-      return;
-    }
-    const db = await this.getOrLoadDatabase(engineId);
-    if (!db) {
-      this.availableConnections = [];
-      this.selectedConnectionId = null;
-      await this.updateComplete;
-      return;
-    }
-    const infos = await db.listConnections();
-    this.availableConnections = infos;
-    const currentId = db.currentConnectionId;
-    if (currentId !== null) {
-      this.selectedConnectionId = currentId;
-      await this.updateComplete;
-      return;
-    }
-    const preferred = infos.find((info) => info.isDefault) ?? infos[0];
-    this.selectedConnectionId = preferred ? preferred.id : null;
-    if (preferred) {
-      await db.selectConnection(preferred.id ?? null);
-    }
-    await this.updateComplete;
-  }
-  async onEngineChange(e) {
-    const select = e.target;
-    const value = select?.value ?? "";
-    if (this.selectedEngineId === value) return;
-    this.selectedEngineId = value || null;
-    await this.refreshConnections();
-    this.requestUpdate();
-  }
-  async onConnectionChange(e) {
-    const select = e.target;
-    const value = select?.value ?? "";
-    const next = value === "" ? null : value;
-    if (this.selectedConnectionId === next) return;
-    this.selectedConnectionId = next;
-    const engineId = this.selectedEngineId;
-    if (!engineId) return;
-    const db = await this.getOrLoadDatabase(engineId);
-    if (!db) return;
-    await db.selectConnection(next);
-    this.requestUpdate();
-  }
-  async onEngineDropdownSelect(e) {
-    const value = e.detail?.item?.value ?? "";
-    if (this.selectedEngineId === value) return;
-    this.selectedEngineId = value || null;
-    await this.refreshConnections();
-    this.requestUpdate();
-  }
-  async onConnectionDropdownSelect(e) {
-    const value = e.detail?.item?.value ?? "";
-    const next = value === "" ? null : value;
-    if (this.selectedConnectionId === next) return;
-    this.selectedConnectionId = next;
-    const engineId = this.selectedEngineId;
-    if (!engineId) return;
-    const db = await this.getOrLoadDatabase(engineId);
-    if (!db) return;
-    await db.selectConnection(next);
-    this.requestUpdate();
-  }
-  async deleteConnectionById(e, id) {
-    e.stopPropagation();
-    e.preventDefault();
-    const engineId = this.selectedEngineId;
-    if (!engineId) return;
-    const db = await this.getOrLoadDatabase(engineId);
-    if (!db || !db.deleteConnection) return;
-    const connectionLabel = this.availableConnections.find((info) => info.id === id)?.label ?? (id === null ? "In-memory" : id ?? "Current connection");
-    const ok = await confirmDialog(`Delete connection "${connectionLabel}"?`);
-    if (!ok) return;
-    if (id !== null) {
-      await db.deleteConnection(id);
-    } else {
-      await db.selectConnection(null);
-    }
-    await this.refreshConnections();
-    this.requestUpdate();
-  }
-  save() {
-    const value = this.widgetRef.value?.getContent() ?? "";
-    this.input?.data.saveContents(value);
-    this.markDirty(false);
-  }
-  async doClose() {
-    if (this.unsubscribeContributionsToken) {
-      unsubscribe(this.unsubscribeContributionsToken);
-      this.unsubscribeContributionsToken = void 0;
-    }
-    this.widgetRef.value?.dispose();
-    for (const db of this.databases.values()) {
-      await db.close();
-    }
-    this.databases.clear();
-  }
-  getLanguage() {
-    return "sql";
-  }
-  isLanguage(lang) {
-    return lang.toLowerCase() === "sql";
-  }
-  getContent() {
-    return this.widgetRef.value?.getContent() ?? null;
-  }
-  getSelection() {
-    return this.widgetRef.value?.getSelection() ?? null;
-  }
-  getSnippet(lines = 5) {
-    return this.widgetRef.value?.getSnippet(lines) ?? null;
-  }
-  getFilePath() {
-    return this.input?.data?.getWorkspacePath() ?? null;
-  }
-  async runQuery(useSelectionOnly = false) {
-    const selection = this.getSelection()?.trim();
-    const content = this.getContent()?.trim();
-    const sql = useSelectionOnly ? selection : content;
-    if (!sql) {
-      toastError(useSelectionOnly ? "No selection to run" : "No SQL to run");
-      return;
-    }
-    if (this.running) return;
-    const engineId = this.selectedEngineId;
-    if (!engineId) {
-      toastError("No SQL engine available");
-      return;
-    }
-    const db = await this.getOrLoadDatabase(engineId);
-    if (!db) {
-      toastError("Could not initialize SQL engine");
-      return;
-    }
-    if (!this.selectedConnectionId && this.availableConnections.length) {
-      const preferred = this.availableConnections.find(
-        (info) => info.isDefault
-      ) ?? this.availableConnections[0];
-      this.selectedConnectionId = preferred.id;
-      await db.selectConnection(preferred.id ?? null);
-    }
-    this.running = true;
-    const label = truncateLabel(sql);
-    this.requestUpdate();
-    const timeoutMs = 6e4;
-    const timeoutId = window.setTimeout(() => this.clearRunningState(), timeoutMs);
-    try {
-      const result = await db.runQuery(sql);
-      const adapter = this.availableAdapters.find((c) => c.id === engineId);
-      publish("dataview/publish", {
-        title: label,
-        data: { columns: result.columns, rows: result.rows },
-        source: adapter?.label ?? engineId
-      });
-    } catch (err) {
-      toastError(err instanceof Error ? err.message : String(err));
-    } finally {
-      window.clearTimeout(timeoutId);
-      this.running = false;
-      this.requestUpdate();
-    }
-  }
-  clearRunningState() {
-    if (!this.running) return;
-    this.running = false;
-    this.requestUpdate();
-  }
-  async createConnection() {
-    const engineId = this.selectedEngineId;
-    if (!engineId) return;
-    const db = await this.getOrLoadDatabase(engineId);
-    if (!db || !db.createConnection) return;
-    const info = await db.createConnection();
-    if (!info) return;
-    await this.refreshConnections();
-    this.selectedConnectionId = info.id;
-    await db.selectConnection(info.id ?? null);
-    toastInfo(`Connection "${info.label}" created`);
-    this.requestUpdate();
-  }
-  async deleteConnection() {
-    const engineId = this.selectedEngineId;
-    if (!engineId) return;
-    const db = await this.getOrLoadDatabase(engineId);
-    if (!db || !db.deleteConnection) return;
-    const id = this.selectedConnectionId;
-    const connectionLabel = this.availableConnections.find((info) => info.id === id)?.label ?? (id === null ? "In-memory" : id ?? "Current connection");
-    const ok = await confirmDialog(`Delete connection "${connectionLabel}"?`);
-    if (!ok) return;
-    if (id !== null) {
-      await db.deleteConnection(id);
-    } else {
-      await db.selectConnection(null);
-    }
-    await this.refreshConnections();
-    this.requestUpdate();
-  }
-  getCurrentConnectionLabel() {
-    const id = this.selectedConnectionId;
-    if (id === null) return "In-memory";
-    if (!id) return null;
-    const info = this.availableConnections.find((c) => c.id === id);
-    return info?.label ?? id;
-  }
-  async openExtensionManager() {
-    const engineId = this.selectedEngineId;
-    if (!engineId) return;
-    const db = await this.getOrLoadDatabase(engineId);
-    if (!db || !db.listDbExtensions) {
-      toastInfo("Extensions are not available for the selected SQL engine.");
-      return;
-    }
-    const adapter = this.availableAdapters.find((c) => c.id === engineId) ?? null;
-    const engineLabel = adapter?.label ?? engineId;
-    const connectionLabel = this.getCurrentConnectionLabel();
-    const databaseLabel = connectionLabel ? `${engineLabel} – ${connectionLabel}` : engineLabel;
-    sqlExtensionManagerService.showExtensionManager({
-      db,
-      databaseLabel
-    });
-  }
-  renderToolbar() {
-    const adapters = this.availableAdapters;
-    const hasEngines = adapters.length > 0;
-    const hasConnections = this.availableConnections.length > 0;
-    const engineId = this.selectedEngineId;
-    const dbForEngine = engineId ? this.databases.get(engineId) : null;
-    const supportsExtensions = Boolean(dbForEngine?.listDbExtensions);
-    return html`
-      <wa-dropdown
-        class="engine-select"
-        placement="bottom-start"
-        distance="4"
-        size="small"
-        @wa-select=${(e) => void this.onEngineDropdownSelect(e)}
-      >
-        <wa-button
-          slot="trigger"
-          appearance="plain"
-          size="small"
-          with-caret
-          title="SQL engine"
-        >
-          ${this.selectedEngineId ? adapters.find((a) => a.id === this.selectedEngineId)?.label ?? this.selectedEngineId : "Select engine"}
-        </wa-button>
-        ${adapters.map(
-      (adapter) => html`
-            <wa-dropdown-item
-              value=${adapter.id}
-              type="checkbox"
-              ?checked=${adapter.id === this.selectedEngineId}
-            >
-              ${adapter.label}
-            </wa-dropdown-item>
-          `
-    )}
-      </wa-dropdown>
-      <wa-dropdown
-        class="connection-select"
-        placement="bottom-start"
-        distance="4"
-        size="small"
-        @wa-select=${(e) => void this.onConnectionDropdownSelect(e)}
-      >
-        <wa-button
-          slot="trigger"
-          appearance="plain"
-          size="small"
-          with-caret
-          title="Connection"
-          ?disabled=${!hasEngines || !hasConnections}
-        >
-          ${this.selectedConnectionId === null ? "In-memory" : this.availableConnections.find(
-      (c) => c.id === this.selectedConnectionId
-    )?.label ?? "Select connection"}
-        </wa-button>
-        ${this.availableConnections.map(
-      (info) => html`
-            <wa-dropdown-item
-              value=${info.id ?? ""}
-              type="checkbox"
-              ?checked=${info.id === this.selectedConnectionId}
-            >
-              ${info.label}
-              <wa-button
-                slot="details"
-                appearance="plain"
-                size="small"
-                title=${info.id === null ? "Reset in-memory connection" : "Delete connection"}
-                @click=${(e) => this.deleteConnectionById(e, info.id)}
-              >
-                <wa-icon
-                  name=${info.id === null ? "rotate-right" : "trash"}
-                  label=${info.id === null ? "Reset" : "Delete"}
-                ></wa-icon>
-              </wa-button>
-            </wa-dropdown-item>
-          `
-    )}
-      </wa-dropdown>
-      <wa-button
-        size="small"
-        appearance="plain"
-        title="New connection"
-        @click=${() => void this.createConnection()}
-      >
-        <wa-icon name="plus" label="New"></wa-icon>
-      </wa-button>
-      ${supportsExtensions ? html`
-            <wa-button
-              size="small"
-              appearance="plain"
-              title="Manage extensions"
-              ?disabled=${!hasEngines || !hasConnections}
-              @click=${() => void this.openExtensionManager()}
-            >
-              <wa-icon name="puzzle-piece" label="Extensions"></wa-icon>
-              Extensions
-            </wa-button>
-          ` : null}
-      <wa-button
-        size="small"
-        appearance="plain"
-        ?disabled=${this.running}
-        @click=${() => void this.runQuery(true)}
-        title="Run selection only"
-      >
-        <wa-icon name="i-cursor" label="Run selection"></wa-icon>
-        ${this.running ? "Running…" : "Run selection"}
-      </wa-button>
-      <wa-button
-        size="small"
-        appearance="plain"
-        ?disabled=${this.running}
-        @click=${() => void this.runQuery(false)}
-        title="Run all SQL"
-      >
-        <wa-icon name="play" label="Run"></wa-icon>
-        ${this.running ? "Running…" : "Run all"}
-      </wa-button>
-    `;
-  }
-  renderContent() {
-    if (this.initialContent === void 0) {
-      return html`<div class="editor-placeholder"></div>`;
-    }
-    return html`
-      <div class="editor-area">
-        <lyra-monaco-widget
-          .value=${this.initialContent}
-          .uri=${this.initialUri}
-          .language=${"sql"}
-          .readOnly=${this.readOnly}
-          @content-change=${this._onContentChange}
-          ${ref(this.widgetRef)}
-        ></lyra-monaco-widget>
-      </div>
-    `;
-  }
-};
-LyraSqlEditor.styles = css`
-    :host {
-      display: flex;
-      flex-direction: column;
-      position: relative;
-      width: 100%;
-      height: 100%;
-    }
-    .engine-select {
-      max-width: 10rem;
-    }
-    .connection-select {
-      max-width: 12rem;
-    }
-    .editor-area {
-      flex: 1;
-      min-height: 0;
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-    }
-    .editor-area lyra-monaco-widget,
-    .editor-area monaco-widget {
-      flex: 1;
-      min-height: 0;
-    }
-    .editor-placeholder {
-      flex: 1;
-      min-height: 0;
-    }
-  `;
-__decorateClass([
-  property({ attribute: false })
-], LyraSqlEditor.prototype, "input", 2);
-__decorateClass([
-  property({ type: Boolean })
-], LyraSqlEditor.prototype, "readOnly", 2);
-__decorateClass([
-  state()
-], LyraSqlEditor.prototype, "initialContent", 2);
-__decorateClass([
-  state()
-], LyraSqlEditor.prototype, "initialUri", 2);
-__decorateClass([
-  state()
-], LyraSqlEditor.prototype, "running", 2);
-__decorateClass([
-  state()
-], LyraSqlEditor.prototype, "availableAdapters", 2);
-__decorateClass([
-  state()
-], LyraSqlEditor.prototype, "selectedEngineId", 2);
-__decorateClass([
-  state()
-], LyraSqlEditor.prototype, "availableConnections", 2);
-__decorateClass([
-  state()
-], LyraSqlEditor.prototype, "selectedConnectionId", 2);
-LyraSqlEditor = __decorateClass([
-  customElement("lyra-sql-editor")
-], LyraSqlEditor);
-function activate() {
-  editorRegistry.registerEditorInputHandler({
-    editorId: "system.sqleditor",
-    label: "SQL Editor",
-    icon: "database",
-    canHandle: (input) => input instanceof File && input.getName().toLowerCase().endsWith(".sql"),
-    ranking: 900,
-    handle: async (input) => {
-      const editorInput = {
-        title: input.getWorkspacePath(),
-        data: input,
-        key: input.getWorkspacePath(),
-        icon: "database",
-        state: {},
-        component: () => null
-      };
-      editorInput.component = (id) => html$1`<lyra-sql-editor id="${id}" .input=${editorInput}></lyra-sql-editor>`;
-      return editorInput;
-    }
-  });
-}
-export {
-  activate as default
-};
-//# sourceMappingURL=sqleditor-extension-BFAaVI-7.js.map