@eclipse-lyra/core 0.7.6 → 0.7.8

package/dist/{standard-layout-Efok-voU.js → config-BiRvaEoO.js}

@@ -1,6 +1,6 @@
-import { l as rootContext, h as contributionRegistry, b as TOPIC_CONTRIBUTEIONS_CHANGED, w as watchSignal, p as partDirtySignal, d as activePartSignal, c as activeEditorSignal, i as createLogger, e as activeSelectionSignal, f as activeTasksSignal, t as toastError, m as toastInfo, o as registerLogHandler, q as unregisterLogHandler, L as LyraWidget, r as registerAll, u as uiContext, n as toastWarning } from "./icon-DN6fp0dg.js";
-import { html, css, nothing, render } from "lit";
-import { n as appSettings, l as TOPIC_SETTINGS_CHANGED, t as persistenceService, E as EDITOR_AREA_MAIN, c as LyraPart, q as extensionRegistry, H as HIDE_DOT_RESOURCE, o as confirmDialog, g as TOOLBAR_BOTTOM_CENTER, v as taskService, b as LyraElement, w as TOPIC_EXTENSIONS_CHANGED, m as appLoaderService, u as promptDialog, p as esmShService, D as DIALOG_CONTRIBUTION_TARGET, x as CLOSE_BUTTON, y as dialogService, d as SIDEBAR_MAIN, h as TOOLBAR_BOTTOM_END, k as TOOLBAR_MAIN_RIGHT, f as SYSTEM_VIEWS, z as constants, L as LyraContainer, i as TOOLBAR_MAIN, j as TOOLBAR_MAIN_CENTER, T as TOOLBAR_BOTTOM, e as SIDEBAR_MAIN_BOTTOM, P as PANEL_BOTTOM, S as SIDEBAR_AUXILIARY } from "./resizable-grid-BP9wOk_x.js";
+import { l as rootContext, h as contributionRegistry, b as TOPIC_CONTRIBUTEIONS_CHANGED, w as watchSignal, p as partDirtySignal, d as activePartSignal, c as activeEditorSignal, e as activeSelectionSignal, f as activeTasksSignal, t as toastError, m as toastInfo, i as createLogger, o as registerLogHandler, q as unregisterLogHandler, L as LyraWidget, r as registerAll, u as uiContext, n as toastWarning } from "./icon-DN6fp0dg.js";
+import { css, html, nothing, render } from "lit";
+import { o as appSettings, m as TOPIC_SETTINGS_CHANGED, u as persistenceService, E as EDITOR_AREA_MAIN, c as LyraPart, H as HIDE_DOT_RESOURCE, p as confirmDialog, h as TOOLBAR_BOTTOM_CENTER, w as taskService, b as LyraElement, x as TOPIC_EXTENSIONS_CHANGED, r as extensionRegistry, n as appLoaderService, v as promptDialog, q as esmShService, d as SIDEBAR_MAIN, i as TOOLBAR_BOTTOM_END, l as TOOLBAR_MAIN_RIGHT, L as LyraContainer, j as TOOLBAR_MAIN, k as TOOLBAR_MAIN_CENTER, T as TOOLBAR_BOTTOM, e as SIDEBAR_MAIN_BOTTOM, P as PANEL_BOTTOM, S as SIDEBAR_AUXILIARY, f as SYSTEM_LAYOUTS, g as SYSTEM_VIEWS, y as constants } from "./resizable-grid-oWYRVx30.js";
 import { signal } from "@lit-labs/signals";
 import { subscribe, publish } from "./core/events.js";
 import "./externals/webawesome.js";
@@ -10,47 +10,6 @@ import { createRef, ref } from "lit/directives/ref.js";
 import "./nocontent-BhrN6yxJ.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { marked } from "marked";
-class PackageInfoService {
-  constructor() {
-    this.packages = [];
-  }
-  addPackage(packageInfo) {
-    this.packages.push(packageInfo);
-  }
-  hasPackages() {
-    return this.packages.length > 0 && this.packages.some(
-      (pkg) => pkg.dependencies && Object.keys(pkg.dependencies).length > 0
-    );
-  }
-  renderTree() {
-    if (this.packages.length === 0) {
-      return html``;
-    }
-    return html`
-            <wa-tree style="--indent-guide-width: 1px;">
-                ${this.packages.map((pkg) => {
-      const deps = pkg.dependencies || {};
-      const depEntries = Object.entries(deps);
-      if (depEntries.length === 0) {
-        return html``;
-      }
-      return html`
-                        <wa-tree-item expanded>
-                            <span>${pkg.name}</span>
-                            ${depEntries.map(([name, version]) => html`
-                                <wa-tree-item>
-                                    <span>${name} <small>${version}</small></span>
-                                </wa-tree-item>
-                            `)}
-                        </wa-tree-item>
-                    `;
-    })}
-            </wa-tree>
-        `;
-  }
-}
-const packageInfoService = new PackageInfoService();
-rootContext.put("packageInfoService", packageInfoService);
 const SYSTEM_LANGUAGE_BUNDLES = "system.language_bundles";
 const SETTINGS_KEY_LANGUAGE = "language";
 function replaceParameters(text, params) {
@@ -1582,152 +1541,6 @@ contributionRegistry.registerContribution("system.icons", {
   },
   priority: 0
 });
-const logger$2 = createLogger("MarketplaceRegistry");
-const TOPIC_MARKETPLACE_CHANGED = "events/marketplaceregistry/changed";
-const KEY_CATALOG_URLS = "marketplace.catalogUrls";
-class MarketplaceRegistry {
-  constructor() {
-    this.catalogUrls = [];
-    this.loadingPromises = /* @__PURE__ */ new Map();
-    this.loadCatalogUrls().then(() => {
-      this.refreshCatalogs().catch((err) => {
-        logger$2.error(`Failed to refresh catalogs on init: ${err.message}`);
-      });
-    });
-  }
-  async loadCatalogUrls() {
-    try {
-      const urls = await appSettings.get(KEY_CATALOG_URLS);
-      this.catalogUrls = Array.isArray(urls) ? urls : [];
-      logger$2.debug(`Loaded ${this.catalogUrls.length} catalog URLs`);
-    } catch (error) {
-      logger$2.error(`Failed to load catalog URLs: ${error}`);
-      this.catalogUrls = [];
-    }
-  }
-  async saveCatalogUrls() {
-    await appSettings.set(KEY_CATALOG_URLS, this.catalogUrls);
-    publish(TOPIC_MARKETPLACE_CHANGED, { type: "catalogs", urls: this.catalogUrls });
-  }
-  async addCatalogUrl(url) {
-    if (!this.isValidUrl(url)) {
-      throw new Error(`Invalid catalog URL: ${url}`);
-    }
-    if (this.catalogUrls.includes(url)) {
-      logger$2.debug(`Catalog URL already exists: ${url}`);
-      return;
-    }
-    this.catalogUrls.push(url);
-    await this.saveCatalogUrls();
-    logger$2.info(`Added catalog URL: ${url}`);
-    try {
-      await this.refreshCatalogs();
-    } catch (error) {
-      logger$2.warn(`Failed to refresh catalogs immediately after adding: ${error}`);
-    }
-  }
-  async removeCatalogUrl(url) {
-    const index = this.catalogUrls.indexOf(url);
-    if (index === -1) {
-      return;
-    }
-    this.catalogUrls.splice(index, 1);
-    await this.saveCatalogUrls();
-    logger$2.info(`Removed catalog URL: ${url}`);
-  }
-  getCatalogUrls() {
-    return [...this.catalogUrls];
-  }
-  isValidUrl(url) {
-    try {
-      const parsed = new URL(url);
-      return parsed.protocol === "http:" || parsed.protocol === "https:";
-    } catch {
-      return false;
-    }
-  }
-  async fetchCatalog(url) {
-    const existingPromise = this.loadingPromises.get(url);
-    if (existingPromise) {
-      return existingPromise;
-    }
-    const fetchPromise = (async () => {
-      try {
-        logger$2.debug(`Fetching catalog from: ${url}`);
-        const response = await fetch(url, {
-          method: "GET",
-          headers: {
-            "Accept": "application/json"
-          }
-        });
-        if (!response.ok) {
-          throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-        }
-        const data = await response.json();
-        if (!data.extensions || !Array.isArray(data.extensions)) {
-          throw new Error("Invalid catalog format: extensions array is required");
-        }
-        const catalog = {
-          name: data.name,
-          description: data.description,
-          extensions: data.extensions || []
-        };
-        const extCount = catalog.extensions?.length || 0;
-        logger$2.debug(`Successfully fetched catalog from ${url}: ${extCount} extensions`);
-        return catalog;
-      } catch (error) {
-        logger$2.error(`Failed to fetch catalog from ${url}: ${error}`);
-        throw error;
-      } finally {
-        this.loadingPromises.delete(url);
-      }
-    })();
-    this.loadingPromises.set(url, fetchPromise);
-    return fetchPromise;
-  }
-  async refreshCatalogs() {
-    logger$2.info(`Refreshing ${this.catalogUrls.length} catalogs...`);
-    const promises = this.catalogUrls.map(
-      (url) => this.fetchCatalog(url).catch((error) => {
-        logger$2.warn(`Failed to refresh catalog ${url}: ${error.message}`);
-        return null;
-      })
-    );
-    const catalogs = await Promise.allSettled(promises);
-    catalogs.forEach((result, index) => {
-      if (result.status === "fulfilled" && result.value) {
-        const catalog = result.value;
-        if (catalog.extensions) {
-          catalog.extensions.forEach((marketplaceExt) => {
-            if (!extensionRegistry.getExtensions().find((e) => e.id === marketplaceExt.id)) {
-              const extension = {
-                ...marketplaceExt,
-                external: true
-              };
-              extensionRegistry.registerExtension(extension);
-              logger$2.debug(`Registered marketplace extension: ${marketplaceExt.id}`);
-            }
-          });
-        }
-      }
-    });
-    publish(TOPIC_MARKETPLACE_CHANGED, { type: "refreshed" });
-    logger$2.info("Catalog refresh completed");
-  }
-  getMarketplaceExtension(extensionId) {
-    const extension = extensionRegistry.getExtensions().find((e) => e.id === extensionId);
-    if (extension && extension.external) {
-      return extension;
-    }
-    return void 0;
-  }
-  isMarketplaceExtension(extensionId) {
-    const extension = extensionRegistry.getExtensions().find((e) => e.id === extensionId);
-    return extension !== void 0 && extension.external === true;
-  }
-}
-const marketplaceRegistry = new MarketplaceRegistry();
-rootContext.put("marketplaceRegistry", marketplaceRegistry);
 const namespace$6 = "filebrowser";
 const en$6 = { "CONNECT_WORKSPACE": "Connect Workspace...", "REFRESH_RESOURCE": "Refresh resource", "CREATE_NEW": "Create new...", "OPEN": "Open", "FILE": "File", "FOLDER": "Folder", "FILE_EXISTS_OVERWRITE": 'File "{fileName}" already exists. Do you want to overwrite it?', "SELECT_WORKSPACE": "Select a workspace.", "DROP_FILES_HERE": "📁 Drop files here", "OPEN_WITH": "Open with..." };
 const de$6 = { "CONNECT_WORKSPACE": "Arbeitsbereich verbinden...", "REFRESH_RESOURCE": "Ressource aktualisieren", "CREATE_NEW": "Neu erstellen...", "OPEN": "Öffnen", "FILE": "Datei", "FOLDER": "Ordner", "FILE_EXISTS_OVERWRITE": 'Die Datei "{fileName}" existiert bereits. Möchten Sie sie überschreiben?', "SELECT_WORKSPACE": "Wählen Sie einen Arbeitsbereich aus.", "DROP_FILES_HERE": "📁 Dateien hier ablegen", "OPEN_WITH": "Öffnen mit..." };
@@ -3838,105 +3651,79 @@ var __decorateClass$1 = (decorators, target, key, kind) => {
   if (kind && result) __defProp$1(target, key, result);
   return result;
 };
-const APP_SWITCHER_DIALOG_ID = "app-switcher";
-contributionRegistry.registerContribution(DIALOG_CONTRIBUTION_TARGET, {
-  id: APP_SWITCHER_DIALOG_ID,
-  label: "Switch Application",
-  buttons: [CLOSE_BUTTON],
-  component: (state2) => {
-    const apps = state2?.apps || [];
-    const currentAppId = state2?.currentAppId;
-    const selectApp = state2?.selectApp;
-    return html`
-            <wa-scroller orientation="vertical" style="min-width: 300px; max-height: 400px; padding: var(--wa-space-m);">
-                <div style="display: flex; flex-direction: column; gap: var(--wa-space-s);">
-                    ${apps.map((app) => html`
-                        <wa-card 
-                            style="cursor: pointer;"
-                            variant=${app.id === currentAppId ? "brand" : "neutral"}
-                            @click=${() => selectApp(app)}>
-                            <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--wa-space-xs);">
-                                <span style="font-weight: 600;">${app.name}</span>
-                                ${app.version ? html`<wa-badge variant="neutral">v${app.version}</wa-badge>` : ""}
-                            </div>
-                            ${app.description ? html`<p style="margin: 0; font-size: 0.875rem; line-height: 1.4;">${app.description}</p>` : ""}
-                            <div style="font-size: 0.75rem; color: var(--wa-color-neutral-foreground-quiet); font-family: monospace; margin-top: var(--wa-space-xs);">ID: ${app.id}</div>
-                        </wa-card>
-                    `)}
-                </div>
-            </wa-scroller>
-        `;
-  },
-  onButton: async () => true
-});
-const showAppSwitcherDialog = async () => {
-  const apps = appLoaderService.getRegisteredApps();
-  const currentApp = appLoaderService.getCurrentApp();
-  if (apps.length === 0) {
-    return;
+let LyraLayoutSwitcher = class extends LyraElement {
+  constructor() {
+    super(...arguments);
+    this.currentLayoutId = "standard";
   }
-  const state2 = {
-    apps,
-    currentAppId: currentApp?.id,
-    selectApp: async (app) => {
-      if (app.id === currentApp?.id) {
-        state2.close?.();
-        return;
-      }
-      try {
-        await appLoaderService.setPreferredAppId(app.id);
-        await appLoaderService.loadApp(app.id, document.body);
-      } catch (error) {
-        console.error("Failed to switch app:", error);
-      } finally {
-        state2.close?.();
-      }
-    },
-    close: void 0
-  };
-  await dialogService.open(APP_SWITCHER_DIALOG_ID, state2);
-};
-let LyraAppSwitcher = class extends LyraElement {
   doBeforeUI() {
-    this.currentApp = appLoaderService.getCurrentApp();
-    const updateCurrentApp = () => {
-      this.currentApp = appLoaderService.getCurrentApp();
+    this.currentLayoutId = appLoaderService.getCurrentLayoutId();
+    const updateLayout = () => {
+      this.currentLayoutId = appLoaderService.getCurrentLayoutId();
       this.requestUpdate();
     };
-    window.addEventListener("app-loaded", updateCurrentApp);
+    window.addEventListener("app-loaded", updateLayout);
+    window.addEventListener("layout-changed", updateLayout);
     return () => {
-      window.removeEventListener("app-loaded", updateCurrentApp);
+      window.removeEventListener("app-loaded", updateLayout);
+      window.removeEventListener("layout-changed", updateLayout);
     };
   }
+  async handleSelect(e) {
+    const layoutId = e.detail?.item?.value;
+    if (!layoutId || layoutId === this.currentLayoutId) return;
+    try {
+      await appLoaderService.setPreferredLayoutId(layoutId);
+    } catch (err) {
+      console.error("Failed to switch layout:", err);
+    }
+  }
   render() {
-    const apps = appLoaderService.getRegisteredApps();
-    const appName = this.currentApp?.name || "No App";
-    if (apps.length <= 1) {
+    const layouts = appLoaderService.getRegisteredLayouts();
+    if (layouts.length <= 1) {
       return html``;
     }
+    const currentLayout = layouts.find((l) => l.id === this.currentLayoutId);
+    const layoutName = currentLayout?.name ?? this.currentLayoutId;
     return html`
-            <wa-button 
-                appearance="plain" 
+            <wa-dropdown
+                placement="bottom-end"
+                distance="4"
                 size="small"
-                title="Current app: ${appName}. Click to switch applications."
-                @click=${() => showAppSwitcherDialog()}>
-                <wa-icon name="grip" style="margin-right: 0.5rem;"></wa-icon>
-                ${appName}
-            </wa-button>
+                @wa-select=${this.handleSelect}>
+                <wa-button
+                    slot="trigger"
+                    appearance="plain"
+                    size="small"
+                    with-caret
+                    title="Switch layout (current: ${layoutName})">
+                    <wa-icon name="table-cells" label="Layout"></wa-icon>
+                </wa-button>
+                ${layouts.map(
+      (layout) => html`
+                        <wa-dropdown-item
+                            value="${layout.id}"
+                            type="checkbox"
+                            ?checked=${layout.id === this.currentLayoutId}>
+                            ${layout.name}
+                        </wa-dropdown-item>
+                    `
+    )}
+            </wa-dropdown>
         `;
   }
 };
-LyraAppSwitcher.styles = css`
+LyraLayoutSwitcher.styles = css`
         :host {
             display: inline-block;
         }
     `;
 __decorateClass$1([
   state()
-], LyraAppSwitcher.prototype, "currentApp", 2);
-LyraAppSwitcher = __decorateClass$1([
-  customElement("lyra-app-switcher")
-], LyraAppSwitcher);
+], LyraLayoutSwitcher.prototype, "currentLayoutId", 2);
+LyraLayoutSwitcher = __decorateClass$1([
+  customElement("lyra-layout-switcher")
+], LyraLayoutSwitcher);
 contributionRegistry.registerContribution(SIDEBAR_MAIN, {
   name: "filebrowser",
   label: "Workspace",
@@ -3965,10 +3752,171 @@ contributionRegistry.registerContribution(TOOLBAR_BOTTOM_END, {
 });
 contributionRegistry.registerContribution(TOOLBAR_MAIN_RIGHT, {
   label: "App Switcher",
-  component: () => html`<lyra-app-switcher></lyra-app-switcher>`
+  component: () => html`<lyra-layout-switcher></lyra-layout-switcher>`
+});
+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 LyraStandardLayout = class extends LyraContainer {
+  constructor() {
+    super(...arguments);
+    this.showBottomSidebar = false;
+    this.showBottomPanel = false;
+    this.showLeftSidebar = true;
+    this.showAuxSidebar = true;
+  }
+  createRenderRoot() {
+    return this;
+  }
+  getGridSizes() {
+    if (this.showLeftSidebar && this.showAuxSidebar) {
+      return "15%, 65%, 20%";
+    }
+    if (this.showLeftSidebar) {
+      return "15%, 85%";
+    }
+    if (this.showAuxSidebar) {
+      return "80%, 20%";
+    }
+    return "100%";
+  }
+  render() {
+    return html`
+            <style>
+                *, *::before, *::after {
+                    box-sizing: border-box;
+                }
+                
+                html {
+                    height: 100%;
+                    margin: 0;
+                    padding: 0;
+                    overflow: hidden;
+                }
+                
+                body {
+                    height: 100%;
+                    width: 100%;
+                    margin: 0;
+                    padding: 0;
+                    overflow: hidden;
+                    display: flex;
+                    flex-direction: column;
+                }
+                
+                lyra-standard-layout {
+                    display: flex;
+                    flex-direction: column;
+                    height: 100vh;
+                    width: 100%;
+                }
+                
+                lyra-standard-layout .toolbar-top {
+                    width: 100%;
+                    display: grid;
+                    grid-template-columns: 1fr 2fr 1fr;
+                    align-items: center;
+                    border-bottom: solid var(--wa-border-width-s) var(--wa-color-neutral-border-loud);
+                    flex-shrink: 0;
+                }
+                
+                lyra-standard-layout .toolbar-bottom {
+                    width: 100%;
+                    border-top: solid var(--wa-border-width-s) var(--wa-color-neutral-border-loud);
+                    display: grid;
+                    grid-template-columns: 1fr 2fr auto;
+                    align-items: center;
+                    flex-shrink: 0;
+                    min-height: 32px;
+                    padding: 0 var(--wa-space-s);
+                    box-sizing: border-box;
+                }
+                
+                lyra-standard-layout .main-layout {
+                    flex: 1;
+                    min-height: 0;
+                }
+                
+                lyra-standard-layout .toolbar-end {
+                    justify-self: end;
+                }
+            </style>
+            
+            <div class="toolbar-top">
+                <lyra-toolbar id=${TOOLBAR_MAIN}></lyra-toolbar>
+                <lyra-toolbar id=${TOOLBAR_MAIN_CENTER}></lyra-toolbar>
+                <lyra-toolbar class="toolbar-end" id=${TOOLBAR_MAIN_RIGHT}></lyra-toolbar>
+            </div>
+            
+            <lyra-resizable-grid 
+                class="main-layout"
+                id="main-layout" 
+                orientation="horizontal" 
+                sizes=${this.getGridSizes()}>
+                
+                ${this.showLeftSidebar ? html`
+                        ${this.showBottomSidebar ? html`
+                                <lyra-resizable-grid 
+                                    id="left-sidebar-split" 
+                                    orientation="vertical" 
+                                    sizes="50%, 50%">
+                                    <lyra-tabs id="${SIDEBAR_MAIN}"></lyra-tabs>
+                                    <lyra-tabs id="${SIDEBAR_MAIN_BOTTOM}"></lyra-tabs>
+                                </lyra-resizable-grid>
+                            ` : html`<lyra-tabs id="${SIDEBAR_MAIN}"></lyra-tabs>`}
+                    ` : nothing}
+                
+                ${this.showBottomPanel ? html`
+                        <lyra-resizable-grid 
+                            id="editor-area-split" 
+                            orientation="vertical" 
+                            sizes="70%, 30%">
+                            <lyra-tabs id="${EDITOR_AREA_MAIN}"></lyra-tabs>
+                            <lyra-tabs id="${PANEL_BOTTOM}"></lyra-tabs>
+                        </lyra-resizable-grid>
+                    ` : html`<lyra-tabs id="${EDITOR_AREA_MAIN}"></lyra-tabs>`}
+                
+                ${this.showAuxSidebar ? html`<lyra-tabs id="${SIDEBAR_AUXILIARY}"></lyra-tabs>` : nothing}
+            </lyra-resizable-grid>
+            
+            <div class="toolbar-bottom">
+                <lyra-toolbar id=${TOOLBAR_BOTTOM}></lyra-toolbar>
+                <lyra-toolbar id=${TOOLBAR_BOTTOM_CENTER}></lyra-toolbar>
+                <lyra-toolbar class="toolbar-end" id=${TOOLBAR_BOTTOM_END}></lyra-toolbar>
+            </div>
+        `;
+  }
+};
+__decorateClass([
+  property({ type: Boolean, attribute: "show-bottom-sidebar" })
+], LyraStandardLayout.prototype, "showBottomSidebar", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-bottom-panel" })
+], LyraStandardLayout.prototype, "showBottomPanel", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-left-sidebar" })
+], LyraStandardLayout.prototype, "showLeftSidebar", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-aux-sidebar" })
+], LyraStandardLayout.prototype, "showAuxSidebar", 2);
+LyraStandardLayout = __decorateClass([
+  customElement("lyra-standard-layout")
+], LyraStandardLayout);
+contributionRegistry.registerContribution(SYSTEM_LAYOUTS, {
+  id: "standard",
+  name: "Standard",
+  label: "Standard",
+  component: "lyra-standard-layout"
 });
 const logger = createLogger("MarketplaceCatalogContributions");
-logger.debug("Marketplace catalog URLs are set by the app host via applyAppHostConfig()");
+logger.debug("Marketplace catalog URLs are set per app via AppDefinition.marketplaceCatalogUrls");
 async function getWorkspaceAndPath(params, requirePath = true) {
   const workspace = await workspaceService.getWorkspace();
   if (!workspace) {
@@ -4326,8 +4274,20 @@ registerAll({
         toastError("No app loaded");
         return;
       }
-      const hasPackages = packageInfoService.hasPackages();
-      const packagesTree = packageInfoService.renderTree();
+      const deps = app.dependencies ?? {};
+      const hasPackages = Object.keys(deps).length > 0;
+      const packagesTree = hasPackages ? html`
+                    <wa-tree style="--indent-guide-width: 1px;">
+                        <wa-tree-item expanded>
+                            <span>${app.name ?? ""}</span>
+                            ${Object.entries(deps).map(([name, version]) => html`
+                                <wa-tree-item>
+                                    <span>${name} <small>${version}</small></span>
+                                </wa-tree-item>
+                            `)}
+                        </wa-tree-item>
+                    </wa-tree>
+                ` : html``;
       let dialogContainer = null;
       const getDialogContainer2 = () => {
         if (!dialogContainer) {
@@ -4361,8 +4321,8 @@ registerAll({
           releases = app.releaseHistory;
         }
       }
-      app.version === "0.0.0";
-      const currentIndex = releases.length > 0 ? releases.findIndex((r) => r.tag_name === app.version) : -1;
+      const appVersion = app.version ?? "0.0.0";
+      const currentIndex = releases.length > 0 ? releases.findIndex((r) => r.tag_name === appVersion) : -1;
       const startIndex = currentIndex >= 0 ? currentIndex : 0;
       let currentReleaseIndex = startIndex;
       const buildReleaseContent = (index) => {
@@ -4370,7 +4330,7 @@ registerAll({
           return "";
         }
         const release = releases[index];
-        const isCurrentVersion = release.tag_name === app.version;
+        const isCurrentVersion = release.tag_name === appVersion;
         let message = `**Version:** ${release.tag_name}`;
         if (isCurrentVersion) {
           message += ` (Current)`;
@@ -4383,7 +4343,7 @@ registerAll({
 
 `;
         if (!isCurrentVersion) {
-          const cleanCurrent = app.version.replace(/^v/, "");
+          const cleanCurrent = appVersion.replace(/^v/, "");
           const cleanRelease = release.tag_name.replace(/^v/, "");
           const currentParts = cleanCurrent.split(".").map(Number);
           const releaseParts = cleanRelease.split(".").map(Number);
@@ -4423,7 +4383,7 @@ ${release.body}`;
         const hasNavigation = releases.length > 0;
         const template = html`
                     <wa-dialog 
-                        label="About ${app.name} - ${app.version}"
+                        label="About ${app.name ?? ""} - ${app.version ?? "0.0.0"}"
                         open 
                         light-dismiss
                         style="--width: 600px;"
@@ -4441,7 +4401,7 @@ ${release.body}`;
                                 margin-left: 0.5rem;
                             }
                         </style>
-                        <small>${app.description}</small>
+                        <small>${app.description ?? ""}</small>
                         <div class="dialog-content">
                             <wa-tab-group>
                                 ${releases.length > 0 ? html`
@@ -4706,20 +4666,6 @@ uiContext.put("render", render);
 uiContext.put("toastInfo", toastInfo);
 uiContext.put("toastError", toastError);
 uiContext.put("toastWarning", toastWarning);
-let applied = false;
-function applyAppHostConfig(config) {
-  if (applied) return;
-  applied = true;
-  if (config.packageInfo) {
-    packageInfoService.addPackage(config.packageInfo);
-  }
-  if (config.marketplaceCatalogUrls?.length) {
-    config.marketplaceCatalogUrls.forEach((url) => {
-      marketplaceRegistry.addCatalogUrl(url).catch(() => {
-      });
-    });
-  }
-}
 let frameworkConfig = {};
 function configureFramework(config) {
   frameworkConfig = { ...frameworkConfig, ...config };
@@ -4727,161 +4673,6 @@ function configureFramework(config) {
 function getFrameworkConfig() {
   return { ...frameworkConfig };
 }
-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 LyraStandardLayout = class extends LyraContainer {
-  constructor() {
-    super(...arguments);
-    this.showBottomSidebar = false;
-    this.showBottomPanel = false;
-    this.showLeftSidebar = true;
-    this.showAuxSidebar = true;
-  }
-  createRenderRoot() {
-    return this;
-  }
-  getGridSizes() {
-    if (this.showLeftSidebar && this.showAuxSidebar) {
-      return "15%, 65%, 20%";
-    }
-    if (this.showLeftSidebar) {
-      return "15%, 85%";
-    }
-    if (this.showAuxSidebar) {
-      return "80%, 20%";
-    }
-    return "100%";
-  }
-  render() {
-    return html`
-            <style>
-                *, *::before, *::after {
-                    box-sizing: border-box;
-                }
-                
-                html {
-                    height: 100%;
-                    margin: 0;
-                    padding: 0;
-                    overflow: hidden;
-                }
-                
-                body {
-                    height: 100%;
-                    width: 100%;
-                    margin: 0;
-                    padding: 0;
-                    overflow: hidden;
-                    display: flex;
-                    flex-direction: column;
-                }
-                
-                lyra-standard-layout {
-                    display: flex;
-                    flex-direction: column;
-                    height: 100vh;
-                    width: 100%;
-                }
-                
-                lyra-standard-layout .toolbar-top {
-                    width: 100%;
-                    display: grid;
-                    grid-template-columns: 1fr 2fr 1fr;
-                    align-items: center;
-                    border-bottom: solid var(--wa-border-width-s) var(--wa-color-neutral-border-loud);
-                    flex-shrink: 0;
-                }
-                
-                lyra-standard-layout .toolbar-bottom {
-                    width: 100%;
-                    border-top: solid var(--wa-border-width-s) var(--wa-color-neutral-border-loud);
-                    display: grid;
-                    grid-template-columns: 1fr 2fr auto;
-                    align-items: center;
-                    flex-shrink: 0;
-                    min-height: 32px;
-                    padding: 0 var(--wa-space-s);
-                    box-sizing: border-box;
-                }
-                
-                lyra-standard-layout .main-layout {
-                    flex: 1;
-                    min-height: 0;
-                }
-                
-                lyra-standard-layout .toolbar-end {
-                    justify-self: end;
-                }
-            </style>
-            
-            <div class="toolbar-top">
-                <lyra-toolbar id=${TOOLBAR_MAIN}></lyra-toolbar>
-                <lyra-toolbar id=${TOOLBAR_MAIN_CENTER}></lyra-toolbar>
-                <lyra-toolbar class="toolbar-end" id=${TOOLBAR_MAIN_RIGHT}></lyra-toolbar>
-            </div>
-            
-            <lyra-resizable-grid 
-                class="main-layout"
-                id="main-layout" 
-                orientation="horizontal" 
-                sizes=${this.getGridSizes()}>
-                
-                ${this.showLeftSidebar ? html`
-                        ${this.showBottomSidebar ? html`
-                                <lyra-resizable-grid 
-                                    id="left-sidebar-split" 
-                                    orientation="vertical" 
-                                    sizes="50%, 50%">
-                                    <lyra-tabs id="${SIDEBAR_MAIN}"></lyra-tabs>
-                                    <lyra-tabs id="${SIDEBAR_MAIN_BOTTOM}"></lyra-tabs>
-                                </lyra-resizable-grid>
-                            ` : html`<lyra-tabs id="${SIDEBAR_MAIN}"></lyra-tabs>`}
-                    ` : nothing}
-                
-                ${this.showBottomPanel ? html`
-                        <lyra-resizable-grid 
-                            id="editor-area-split" 
-                            orientation="vertical" 
-                            sizes="70%, 30%">
-                            <lyra-tabs id="${EDITOR_AREA_MAIN}"></lyra-tabs>
-                            <lyra-tabs id="${PANEL_BOTTOM}"></lyra-tabs>
-                        </lyra-resizable-grid>
-                    ` : html`<lyra-tabs id="${EDITOR_AREA_MAIN}"></lyra-tabs>`}
-                
-                ${this.showAuxSidebar ? html`<lyra-tabs id="${SIDEBAR_AUXILIARY}"></lyra-tabs>` : nothing}
-            </lyra-resizable-grid>
-            
-            <div class="toolbar-bottom">
-                <lyra-toolbar id=${TOOLBAR_BOTTOM}></lyra-toolbar>
-                <lyra-toolbar id=${TOOLBAR_BOTTOM_CENTER}></lyra-toolbar>
-                <lyra-toolbar class="toolbar-end" id=${TOOLBAR_BOTTOM_END}></lyra-toolbar>
-            </div>
-        `;
-  }
-};
-__decorateClass([
-  property({ type: Boolean, attribute: "show-bottom-sidebar" })
-], LyraStandardLayout.prototype, "showBottomSidebar", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "show-bottom-panel" })
-], LyraStandardLayout.prototype, "showBottomPanel", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "show-left-sidebar" })
-], LyraStandardLayout.prototype, "showLeftSidebar", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "show-aux-sidebar" })
-], LyraStandardLayout.prototype, "showAuxSidebar", 2);
-LyraStandardLayout = __decorateClass([
-  customElement("lyra-standard-layout")
-], LyraStandardLayout);
 export {
   CompositeDirectory as C,
   Directory as D,
@@ -4894,14 +4685,12 @@ export {
   FileSysDirHandleResource as b,
   StringFile as c,
   TOPIC_WORKSPACE_CONNECTED as d,
-  applyAppHostConfig as e,
-  configureFramework as f,
-  editorRegistry as g,
-  getFrameworkConfig as h,
+  configureFramework as e,
+  editorRegistry as f,
+  getFrameworkConfig as g,
+  i18nLazy as h,
   i18n as i,
-  i18nLazy as j,
-  packageInfoService as p,
   treeNodeComparator as t,
   workspaceService as w
 };
-//# sourceMappingURL=standard-layout-Efok-voU.js.map
+//# sourceMappingURL=config-BiRvaEoO.js.map