@jxsuite/studio 2.0.1 → 2.1.0

package/styles/tokens.css

@@ -0,0 +1,151 @@
+/* Jx Studio — design tokens and global base.
+   MUST load first: every other styles/*.css file resolves var(--bg),
+   var(--fg), var(--accent), var(--font-mono), var(--radius) and the
+   --canvas-* ramp declared here.
+
+   Owns: the vendored @font-face declarations, the box-sizing reset,
+   html/body, the :root panel-width variables and the sp-theme semantic
+   token layer. */
+
+/* Jx brand mono font, vendored in ./fonts (SIL OFL 1.1, see fonts/OFL.txt).
+   Latin subset only; the stack falls back to SF Mono / Fira Code for
+   other scripts. Monaco remeasures after load (src/services/monaco-setup.ts). */
+@font-face {
+  font-family: "JetBrains Mono";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("../fonts/jetbrains-mono-400.woff2") format("woff2");
+}
+@font-face {
+  font-family: "JetBrains Mono";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("../fonts/jetbrains-mono-500.woff2") format("woff2");
+}
+@font-face {
+  font-family: "JetBrains Mono";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("../fonts/jetbrains-mono-700.woff2") format("woff2");
+}
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+}
+sp-tab:not(:first-of-type) {
+  margin-inline-start: var(--mod-tabs-item-horizontal-spacing, 8px);
+}
+html,
+body {
+  height: 100%;
+  overflow: hidden;
+  /* html/body sit outside <sp-theme>, so the --spectrum-* tokens are not
+     in scope here; the hex fallback is the intentional pre-theme backdrop
+     shown behind the app before sp-theme fills the viewport. */
+  background: var(--spectrum-background-layer-1-color, #111111);
+}
+/* Panel layout widths. These must live on :root (the <html> element),
+   not on sp-theme or #app, because the resize logic in
+   src/ui/panel-resize.ts reads and writes them as inline styles on
+   document.documentElement. A definition on any closer ancestor of #app
+   (sp-theme or body) would shadow that inline override and freeze the
+   sidebars. The #app.left/right-collapsed rules override per instance. */
+:root {
+  --panel-w-left: 240px;
+  --panel-w-right: 280px;
+}
+/* Studio semantic token layer.
+   Declared on sp-theme — not :root — so each var(--spectrum-*) reference
+   resolves against the tokens sp-theme exposes via its :host rules. At
+   :root (the <html> ancestor of sp-theme) every --spectrum-* is undefined,
+   so these would silently collapse to the hex fallback and the app would
+   never respond to the Spectrum theme. All studio chrome, including the
+   #layer-* overlay hosts, lives inside <sp-theme>. */
+sp-theme {
+  display: block;
+  height: 100%;
+  /* Surfaces. The hex fallbacks mirror the Jx brand ramp installed by
+     the 'app' theme fragment (src/ui/jx-theme.ts). */
+  --bg: var(--spectrum-background-layer-1-color, #111111);
+  --bg-panel: var(--spectrum-background-layer-2-color, #1a1a1a);
+  --bg-input: var(--spectrum-gray-100, #1a1a1a);
+  --border: var(--spectrum-gray-200, #222222);
+  /* Text */
+  --fg: var(--spectrum-neutral-content-color-default, #e4e4e7);
+  --fg-dim: var(--spectrum-gray-600, #a1a1aa);
+  /* Accent and status. Under the brand ramp (src/ui/jx-theme.ts),
+     accent-color-700 is the exact Jx brand blue and 900 is the soft
+     on-dark tint. */
+  --accent: var(--spectrum-accent-color-700, #3b82f6);
+  --accent-fg: var(--spectrum-white, #ffffff);
+  --danger: var(--spectrum-negative-color-900, #f44747);
+  --success: var(--spectrum-positive-color-900, #89d185);
+  --tag: var(--spectrum-informative-color-900, #93c5fd);
+  --signal: var(--spectrum-notice-color-900, #dcdcaa);
+  --handler: var(--spectrum-purple-900, #c586c0);
+  --warning: var(--spectrum-orange-900, #c5a332);
+  --map: var(--spectrum-indigo-900, #5b4fc7);
+  --slot-c: var(--spectrum-seafoam-900, #1a8a7a);
+  --switch-c: var(--danger);
+  --case-c: var(--spectrum-informative-color-800, #60a5fa);
+  /* Corner radius */
+  --radius: var(--spectrum-corner-radius-100, 3px);
+  /* Monospace stack for code/source chrome. JetBrains Mono is the Jx
+     brand mono (vendored in ./fonts); SF Mono / Fira Code remain as
+     system fallbacks ahead of the Spectrum stack (Source Code Pro /
+     Monaco). The brand fragment sets the same order on
+     --spectrum-code-font-family-stack for SWC components. */
+  --font-mono:
+    "JetBrains Mono", "SF Mono", "Fira Code", var(--spectrum-code-font-family-stack, monospace);
+  /* Hover wash and accent tints */
+  --hover-bg: rgba(255, 255, 255, 0.04);
+  --accent-8: color-mix(in srgb, var(--accent) 8%, transparent);
+  --accent-10: color-mix(in srgb, var(--accent) 10%, transparent);
+  --accent-15: color-mix(in srgb, var(--accent) 15%, transparent);
+  --accent-20: color-mix(in srgb, var(--accent) 20%, transparent);
+  --accent-50: color-mix(in srgb, var(--accent) 50%, transparent);
+  /* Light canvas palette (stylebook, block/element previews, content
+     mode). These surfaces always render as a light "document" regardless
+     of the app chrome, so the ramp is derived from the theme-independent
+     Spectrum white/black tokens via color-mix rather than hard-coded hex.
+     The percentage is the black (foreground) or white (background) blend
+     of each step; this keeps the canvas light even in the dark chrome
+     while still being Spectrum-sourced. */
+  --canvas-fg: color-mix(in srgb, var(--spectrum-black, #000) 90%, var(--spectrum-white, #fff));
+  --canvas-fg-2: color-mix(in srgb, var(--spectrum-black, #000) 80%, var(--spectrum-white, #fff));
+  --canvas-fg-3: color-mix(in srgb, var(--spectrum-black, #000) 67%, var(--spectrum-white, #fff));
+  --canvas-dim: color-mix(in srgb, var(--spectrum-black, #000) 47%, var(--spectrum-white, #fff));
+  --canvas-muted: color-mix(in srgb, var(--spectrum-black, #000) 40%, var(--spectrum-white, #fff));
+  --canvas-light: color-mix(in srgb, var(--spectrum-black, #000) 27%, var(--spectrum-white, #fff));
+  --canvas-border: color-mix(in srgb, var(--spectrum-black, #000) 13%, var(--spectrum-white, #fff));
+  --canvas-rule: color-mix(in srgb, var(--spectrum-black, #000) 7%, var(--spectrum-white, #fff));
+  --canvas-bg-1: color-mix(in srgb, var(--spectrum-white, #fff) 96%, var(--spectrum-black, #000));
+  --canvas-bg-2: color-mix(in srgb, var(--spectrum-white, #fff) 94%, var(--spectrum-black, #000));
+  --canvas-track: color-mix(in srgb, var(--spectrum-white, #fff) 88%, var(--spectrum-black, #000));
+  /* Data explorer syntax colors (mapped to nearest Spectrum hues) */
+  --data-key: var(--spectrum-blue-700, #3b82f6);
+  --data-string: var(--spectrum-orange-700, #ce9178);
+  --data-number: var(--spectrum-celery-700, #b5cea8);
+  --data-boolean: var(--tag);
+  /* Typography — align the chrome with the Spectrum sans stack used by
+     the SWC components; 12px maps exactly to font-size-75. line-height
+     stays 1.5 (a deliberate reading height; the Spectrum body token is
+     1.3, which would tighten the whole UI). */
+  color: var(--fg);
+  background: var(--bg);
+  font-family: var(
+    --spectrum-sans-font-family-stack,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    system-ui,
+    sans-serif
+  );
+  font-size: var(--spectrum-font-size-75, 12px);
+  line-height: 1.5;
+}

package/dist/chunks/Overlay.dev-cszx7yn5.js

@@ -1,22 +0,0 @@
-import {
-  LONGPRESS_INSTRUCTIONS,
-  Overlay
-} from "./studio-5x6tqqec.js";
-import"./studio-ahnzd9rg.js";
-import"./studio-9bjwf0d4.js";
-import"./studio-z6nw2ek2.js";
-import"./studio-8q517dfr.js";
-import"./studio-9qr6fq7p.js";
-import"./studio-cx91mnh8.js";
-import"./studio-xq0t7n5t.js";
-import"./studio-nqw433kv.js";
-import"./studio-4k0m4fmp.js";
-import"./studio-5x5774ak.js";
-import"./studio-md4gps17.js";
-export {
-  Overlay,
-  LONGPRESS_INSTRUCTIONS
-};
-
-//# debugId=65A7EC2EC619393664756E2164756E21
-//# sourceMappingURL=Overlay.dev-cszx7yn5.js.map

package/dist/chunks/extension-sections-qr3drkkw.js

@@ -1,531 +0,0 @@
-import {
-  renderForm,
-  resolveContextPointer
-} from "./studio-yfcstdzy.js";
-import {
-  registerSettingsSection,
-  unregisterSettingsSection
-} from "./studio-m2t4mdg5.js";
-import {
-  dataSurfaceAvailable,
-  deriveSecretEnvName,
-  openGridSourcePicker,
-  pushSchema,
-  testConnection
-} from "./studio-4d8hzcz5.js";
-import"./studio-v7jkjqng.js";
-import"./studio-esrewxap.js";
-import"./studio-cx91mnh8.js";
-import"./studio-nqw433kv.js";
-import"./studio-zp7jncs8.js";
-import {
-  openModal
-} from "./studio-0xgs7xrs.js";
-import {
-  projectState
-} from "./studio-sjh1wt1a.js";
-import"./studio-4k0m4fmp.js";
-import {
-  html,
-  nothing,
-  render
-} from "./studio-5x5774ak.js";
-import {
-  getFormats,
-  loadExtensions,
-  loadFormats
-} from "./studio-gs6kqdt1.js";
-import {
-  getPlatform
-} from "./studio-9smfzqhc.js";
-import"./studio-5ehhackm.js";
-import"./studio-kr88ryr7.js";
-import"./studio-md4gps17.js";
-
-// src/settings/contributed-section.ts
-var selectedEntries = new Map;
-var newEntryOpen = new Set;
-var newEntryNames = new Map;
-async function saveProjectConfig() {
-  const platform = getPlatform();
-  const config = projectState.projectConfig;
-  await platform.writeFile("project.json", JSON.stringify(config, null, "\t"));
-}
-function applyPatch(target, patch) {
-  for (const [key, value] of Object.entries(patch)) {
-    if (value === undefined) {
-      delete target[key];
-    } else {
-      target[key] = value;
-    }
-  }
-}
-function slugify(name) {
-  return name.toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z0-9-]/g, "");
-}
-function instantiateNewEntry(template, key) {
-  if (!template) {
-    return {};
-  }
-  const substitute = (value) => {
-    if (typeof value === "string") {
-      return value.replaceAll("${key}", key);
-    }
-    if (Array.isArray(value)) {
-      return value.map((item) => substitute(item));
-    }
-    if (value && typeof value === "object") {
-      const out = {};
-      for (const [k, v] of Object.entries(value)) {
-        out[k] = substitute(v);
-      }
-      return out;
-    }
-    return value;
-  };
-  return substitute(template);
-}
-function buildContext(sectionKey, opts, entryKey = null) {
-  const platform = getPlatform();
-  return {
-    fieldKeyPrefix: `$settings.${sectionKey}`,
-    resolvePointer: (pointer, scope) => resolveContextPointer(pointer, {
-      projectConfig: projectState?.projectConfig ?? {},
-      ...scope !== undefined && { scope },
-      ...opts.formats !== undefined && { formats: opts.formats }
-    }),
-    ...typeof platform.setSecrets === "function" ? {
-      commitSecret: async (key, value) => {
-        const envName = deriveSecretEnvName(sectionKey, entryKey, key);
-        await platform.setSecrets({ set: { [envName]: value } });
-        return envName;
-      }
-    } : {}
-  };
-}
-function sectionValue(key) {
-  const config = projectState?.projectConfig;
-  if (!config) {
-    return null;
-  }
-  const existing = config[key];
-  if (existing && typeof existing === "object" && !Array.isArray(existing)) {
-    return existing;
-  }
-  const fresh = {};
-  config[key] = fresh;
-  return fresh;
-}
-function renderContributedSection(container, contribution, opts = {}) {
-  const rerender = () => renderContributedSection(container, contribution, opts);
-  const title = contribution.title ?? contribution.key;
-  const layout = contribution.settings.layout ?? "form";
-  const body = layout === "map" ? renderMapLayout(contribution, opts, rerender) : renderFormLayout(contribution, opts, rerender);
-  const selected = layout === "map" ? selectedEntries.get(contribution.key) ?? null : null;
-  const actions = opts.actions ? opts.actions({ rerender, sectionKey: contribution.key, selected }) : nothing;
-  const tpl = html`
-    <div class="settings-section contributed-section">
-      <h3 class="settings-section-title">${title}</h3>
-      ${actions}${body}
-    </div>
-  `;
-  render(tpl, container);
-}
-function renderFormLayout(contribution, opts, rerender) {
-  const value = sectionValue(contribution.key) ?? {};
-  const ui = contribution.settings.entry?.ui;
-  return html`
-    <div class="settings-form-panel">
-      ${renderForm(contribution.entrySchema, value, {
-    context: buildContext(contribution.key, opts, null),
-    onChange: (patch) => {
-      const target = sectionValue(contribution.key);
-      if (!target) {
-        return;
-      }
-      applyPatch(target, patch);
-      rerender();
-      saveProjectConfig();
-    },
-    rerender,
-    ...ui !== undefined && { ui }
-  })}
-    </div>
-  `;
-}
-function renderMapLayout(contribution, opts, rerender) {
-  const { key: sectionKey } = contribution;
-  const entries = sectionValue(sectionKey) ?? {};
-  const entryKeys = Object.keys(entries);
-  const selected = selectedEntries.get(sectionKey) ?? null;
-  const ui = contribution.settings.entry?.ui;
-  const handleCreate = () => {
-    const slug = slugify(newEntryNames.get(sectionKey) ?? "");
-    const target = sectionValue(sectionKey);
-    if (!slug || !target || target[slug]) {
-      return;
-    }
-    target[slug] = instantiateNewEntry(contribution.settings.entry?.newEntry, slug);
-    selectedEntries.set(sectionKey, slug);
-    newEntryOpen.delete(sectionKey);
-    newEntryNames.delete(sectionKey);
-    rerender();
-    saveProjectConfig();
-  };
-  const handleDelete = () => {
-    const target = sectionValue(sectionKey);
-    if (!selected || !target?.[selected]) {
-      return;
-    }
-    delete target[selected];
-    selectedEntries.set(sectionKey, null);
-    rerender();
-    saveProjectConfig();
-  };
-  const handleRename = (newName) => {
-    const target = sectionValue(sectionKey);
-    const slug = slugify(newName);
-    if (!selected || !target || !slug || slug === selected || target[slug]) {
-      return;
-    }
-    const next = {};
-    for (const [k, v] of Object.entries(target)) {
-      next[k === selected ? slug : k] = v;
-      delete target[k];
-    }
-    Object.assign(target, next);
-    selectedEntries.set(sectionKey, slug);
-    rerender();
-    saveProjectConfig();
-  };
-  const listTpl = html`
-    <div class="settings-list-panel">
-      ${entryKeys.map((name) => html`
-          <sp-action-button
-            size="s"
-            ?selected=${selected === name}
-            @click=${() => {
-    selectedEntries.set(sectionKey, name);
-    rerender();
-  }}
-          >
-            ${name}
-          </sp-action-button>
-        `)}
-      ${newEntryOpen.has(sectionKey) ? html`
-              <div class="settings-inline-form">
-                <sp-textfield
-                  size="s"
-                  placeholder="entry-name"
-                  .value=${newEntryNames.get(sectionKey) ?? ""}
-                  @input=${(e) => {
-    newEntryNames.set(sectionKey, e.target.value);
-  }}
-                  @keydown=${(e) => {
-    if (e.key === "Enter") {
-      handleCreate();
-    }
-    if (e.key === "Escape") {
-      newEntryOpen.delete(sectionKey);
-      rerender();
-    }
-  }}
-                ></sp-textfield>
-                <sp-action-button size="s" @click=${handleCreate}>Create</sp-action-button>
-              </div>
-            ` : html`
-              <sp-action-button
-                size="s"
-                quiet
-                @click=${() => {
-    newEntryOpen.add(sectionKey);
-    rerender();
-  }}
-              >
-                <sp-icon-add slot="icon"></sp-icon-add> New Entry
-              </sp-action-button>
-            `}
-    </div>
-  `;
-  const selectedEntry = selected ? entries[selected] : undefined;
-  const editorTpl = selected && selectedEntry && typeof selectedEntry === "object" ? html`
-          <div class="settings-editor-panel">
-            <div class="settings-editor-header">
-              <sp-textfield
-                size="s"
-                quiet
-                class="entry-name-input"
-                value=${selected}
-                @change=${(e) => {
-    const target = e.target;
-    handleRename(target.value.trim());
-    target.value = selectedEntries.get(sectionKey) ?? selected;
-  }}
-                @keydown=${(e) => {
-    const target = e.target;
-    if (e.key === "Enter") {
-      target.blur();
-    }
-    if (e.key === "Escape") {
-      target.value = selected;
-      target.blur();
-    }
-  }}
-              ></sp-textfield>
-              <sp-action-button size="xs" quiet title="Delete entry" @click=${handleDelete}>
-                <sp-icon-delete slot="icon"></sp-icon-delete>
-              </sp-action-button>
-            </div>
-            ${renderForm(contribution.entrySchema, selectedEntry, {
-    context: buildContext(sectionKey, opts, selected),
-    onChange: (patch) => {
-      applyPatch(selectedEntry, patch);
-      rerender();
-      saveProjectConfig();
-    },
-    rerender,
-    ...ui !== undefined && { ui }
-  })}
-          </div>
-        ` : html`<div class="settings-empty-state">Select or create an entry</div>`;
-  return html` <div class="settings-two-col">${listTpl} ${editorTpl}</div> `;
-}
-
-// src/panels/data-grid.ts
-var pushDialog = null;
-function closePushDialog() {
-  pushDialog?.handle.close();
-  pushDialog = null;
-}
-async function startPush(connection, onDone) {
-  if (pushDialog) {
-    return;
-  }
-  const handle = openModal(html``);
-  pushDialog = { connection, handle, onDone, phase: "loading", plan: null, result: null };
-  renderPushDialog();
-  const plan = await pushSchema({
-    dryRun: true,
-    ...connection === undefined ? {} : { connection }
-  });
-  if (!pushDialog) {
-    return;
-  }
-  pushDialog.plan = plan;
-  pushDialog.phase = "confirm";
-  renderPushDialog();
-}
-async function applyPush() {
-  if (!pushDialog) {
-    return;
-  }
-  pushDialog.phase = "applying";
-  renderPushDialog();
-  const result = await pushSchema(pushDialog.connection === undefined ? {} : { connection: pushDialog.connection });
-  if (!pushDialog) {
-    return;
-  }
-  pushDialog.result = result;
-  pushDialog.phase = "done";
-  renderPushDialog();
-  pushDialog.onDone();
-}
-function pushDialogBody(state) {
-  if (state.phase === "loading" || state.phase === "applying") {
-    return html`<div class="push-dialog-status">
-      ${state.phase === "loading" ? "Compiling plan…" : "Applying…"}
-    </div>`;
-  }
-  const shown = state.phase === "done" ? state.result : state.plan;
-  const steps = shown?.plan ?? [];
-  const warnings = shown?.warnings ?? [];
-  const errors = shown?.errors ?? [];
-  return html`
-    <div class="push-dialog-plan">
-      ${state.phase === "done" ? html`<div class="push-dialog-status">
-              ${shown?.applied ? "Schema applied." : "Push failed."}
-            </div>` : steps.length === 0 && errors.length === 0 ? html`<div class="push-dialog-status">
-                Nothing to push — the schema is up to date.
-              </div>` : nothing}
-      <ul class="push-dialog-steps">
-        ${steps.map((step) => html`<li class="push-step push-step-${step.kind}">${step.summary}</li>`)}
-      </ul>
-      ${warnings.map((w) => html`<div class="push-dialog-warning">${w}</div>`)}
-      ${errors.map((e) => html`<div class="push-dialog-error">${e}</div>`)}
-    </div>
-  `;
-}
-function renderPushDialog() {
-  if (!pushDialog) {
-    return;
-  }
-  const state = pushDialog;
-  const confirmable = state.phase === "confirm" && (state.plan?.plan.length ?? 0) > 0;
-  const tpl = html`
-    <sp-underlay open @close=${closePushDialog}></sp-underlay>
-    <div class="settings-modal push-dialog">
-      <div class="settings-modal-header">
-        <h2 class="settings-modal-title">
-          Push Schema${state.connection ? html` — ${state.connection}` : nothing}
-        </h2>
-      </div>
-      <div class="settings-modal-body">${pushDialogBody(state)}</div>
-      <div class="push-dialog-actions">
-        <sp-action-button size="s" class="push-cancel" @click=${closePushDialog}>
-          ${state.phase === "done" ? "Close" : "Cancel"}
-        </sp-action-button>
-        ${confirmable ? html`<sp-action-button
-                size="s"
-                emphasized
-                class="push-apply"
-                @click=${() => void applyPush()}
-                >Apply</sp-action-button
-              >` : nothing}
-      </div>
-    </div>
-  `;
-  state.handle.update(tpl);
-}
-var actionsState = { pushing: false, testResult: null, testing: null };
-function dataSectionActions(sectionKey) {
-  if (sectionKey !== "connections" && sectionKey !== "data" || !dataSurfaceAvailable()) {
-    return null;
-  }
-  return (ctx) => renderSectionActions(sectionKey, ctx);
-}
-async function runTest(connection, rerender) {
-  actionsState.testing = connection;
-  actionsState.testResult = null;
-  rerender();
-  const result = await testConnection(connection);
-  actionsState.testing = null;
-  actionsState.testResult = { ...result, connection };
-  rerender();
-}
-function renderSectionActions(sectionKey, ctx) {
-  const { selected, rerender } = ctx;
-  const { testResult } = actionsState;
-  const pushTarget = sectionKey === "connections" && selected ? selected : undefined;
-  return html`
-    <div class="data-section-actions">
-      ${sectionKey === "connections" ? html`<sp-action-button
-              size="s"
-              class="data-action-test"
-              ?disabled=${!selected || actionsState.testing !== null}
-              @click=${() => {
-    if (selected) {
-      runTest(selected, rerender);
-    }
-  }}
-            >
-              ${actionsState.testing ? "Testing…" : "Test Connection"}
-            </sp-action-button>` : nothing}
-      <sp-action-button
-        size="s"
-        class="data-action-push"
-        @click=${() => void startPush(pushTarget, rerender)}
-      >
-        Push Schema
-      </sp-action-button>
-      <sp-action-button
-        size="s"
-        class="data-action-grid"
-        @click=${() => void openGridSourcePicker()}
-      >
-        Open Data Grid
-      </sp-action-button>
-      ${testResult ? html`<span
-              class="data-test-result ${testResult.ok ? "ok" : "failed"}"
-              title=${testResult.error ?? ""}
-            >
-              ${testResult.connection}:
-              ${testResult.ok ? "connected" : testResult.error ?? "failed"}
-            </span>` : nothing}
-    </div>
-  `;
-}
-
-// src/settings/extension-sections.ts
-var DEFAULT_SECTION_ORDER = 100;
-function deriveSettingsSection(info) {
-  const studio = info.studio;
-  const settings = studio?.settings;
-  if (!settings) {
-    return null;
-  }
-  const { key } = info.project;
-  const layout = settings.layout ?? "form";
-  const sectionSchema = info.entrySchema ?? {};
-  const entrySchema = layout === "map" ? typeof sectionSchema.additionalProperties === "object" ? sectionSchema.additionalProperties : {} : sectionSchema;
-  const label = settings.label ?? info.project.title ?? key;
-  return {
-    contribution: {
-      entrySchema,
-      key,
-      settings: {
-        ...settings.entry === undefined ? {} : { entry: settings.entry },
-        ...settings.layout === undefined ? {} : { layout: settings.layout }
-      },
-      title: label
-    },
-    icon: settings.icon,
-    key,
-    label,
-    order: settings.order ?? DEFAULT_SECTION_ORDER
-  };
-}
-var registeredKeys = new Set;
-async function syncExtensionSettingsSections() {
-  const [extensions] = await Promise.all([loadExtensions(), loadFormats()]);
-  const next = new Set;
-  for (const ext of extensions) {
-    for (const info of ext.contributions) {
-      const derived = deriveSettingsSection(info);
-      if (!derived) {
-        continue;
-      }
-      const { contribution } = derived;
-      registerSettingsSection({
-        icon: derived.icon,
-        key: derived.key,
-        label: derived.label,
-        order: derived.order,
-        render: (container) => {
-          const actions = dataSectionActions(derived.key);
-          renderContributedSection(container, contribution, {
-            formats: getFormats(),
-            ...actions === null ? {} : { actions }
-          });
-        }
-      });
-      next.add(derived.key);
-    }
-  }
-  for (const key of registeredKeys) {
-    if (!next.has(key)) {
-      unregisterSettingsSection(key);
-    }
-  }
-  registeredKeys.clear();
-  for (const key of next) {
-    registeredKeys.add(key);
-  }
-}
-function resetExtensionSettingsSections() {
-  for (const key of registeredKeys) {
-    unregisterSettingsSection(key);
-  }
-  registeredKeys.clear();
-}
-function extensionSectionKeys() {
-  return [...registeredKeys];
-}
-export {
-  syncExtensionSettingsSections,
-  resetExtensionSettingsSections,
-  extensionSectionKeys,
-  deriveSettingsSection
-};
-
-//# debugId=B810C054A80BCC0264756E2164756E21
-//# sourceMappingURL=extension-sections-qr3drkkw.js.map