apexrest 1.3.0-beta.1 → 1.3.0

package/dist/resources/panel/panel.js

@@ -1,861 +0,0 @@
-(() => {
-  // plugins/apexrest-apex/assets/apexrest-logo.svg
-  var apexrest_logo_default = `data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?>%0A<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="100 66 98 98" xml:space="preserve" width="98" height="98" role="img" aria-labelledby="logo-title">%0A  <title id="logo-title">APEXREST pencil and ruler symbol</title>%0A  <style type="text/css">%0A%09.st0{fill:%2331BEF9;}%0A%09.st1{fill:%23FFD541;}%0A%09.st2{fill:%23FF4141;}%0A%09.st3{fill:%231E1E1E;}%0A</style>%0A  <g id="\u0421\u043B\u043E\u0439_2">%0A    <polygon class="st0" points="133,149 177,106 160,89 116,132  " />%0A  </g>%0A  <g id="\u0421\u043B\u043E\u0439_3">%0A    <polygon class="st1" points="128,114 147,95 128,76 126,75 123,76 108,91 107,93 110,97 127,114  " />%0A    <polygon class="st1" points="151,137 170,118 189,137 190,140 189,142 186,146 173,157 170,157  " />%0A  </g>%0A  <g id="\u0421\u043B\u043E\u0439_4">%0A    <path class="st2" d="M166,83l16,16l4-3l2-5v-4c0,0-1-2-1-3s-3-4-3-4l-5-3h-3h-3l-3,2l-2,2L166,83L166,83z" />%0A  </g>%0A  <g id="\u0421\u043B\u043E\u0439_1">%0A    <g>%0A      <path class="st3" d="M126.7,115.5l1.7-1.7l-2.2-2.2l4.3-4.3c0.5-0.5,0.4-1.3-0.1-1.7c-0.5-0.4-1.2-0.4-1.7,0l-4.3,4.3l-4.1-4.1    l4.3-4.3c0.5-0.5,0.4-1.3-0.1-1.7c-0.5-0.4-1.2-0.4-1.7,0l-4.3,4.3l-4.1-4.1l9.4-9.5c0.5-0.5,0.4-1.3-0.1-1.7    c-0.5-0.4-1.2-0.4-1.7,0l-9.5,9.5l-3.6-3.6c-0.8-0.8-0.8-2,0-2.8L123.9,77c0.8-0.8,2-0.8,2.8,0L146,96.2l1.7-1.7l-19.2-19.2    c-1.7-1.7-4.6-1.7-6.3,0L107.5,90c-1.7,1.7-1.7,4.6,0,6.3L126.7,115.5z" />%0A      <path class="st3" d="M182.7,100.8l3-3c5-5.1,4.9-13.3-0.2-18.3c-5-5-13.1-5-18.2,0l-51.9,51.9c-0.1,0.1-0.2,0.2-0.2,0.4v0.1    l-7.2,23.8c-0.2,0.6,0.2,1.3,0.8,1.5c0.2,0.1,0.5,0.1,0.7,0l23.8-7.2h0.1c0.1-0.1,0.2-0.1,0.4-0.2L182.7,100.8L182.7,100.8z     M159.3,91l6.6,6.6l-41.3,41.3l-6.6-6.6L159.3,91z M110.9,154.2l1-3.5c1.1,0.5,2,1.3,2.5,2.4L110.9,154.2z M116.9,152.4    c-0.8-1.8-2.4-3.2-4.2-4l4.2-13.9l13.7,13.7L116.9,152.4z M132.9,147.1l-6.6-6.6l41.3-41.3l6.6,6.6L132.9,147.1z M175.9,104.1    l-7.4-7.4l-7.4-7.4l4.2-4.2l14.9,14.9L175.9,104.1z M167,83.3l2.1-2.1c4.3-4,10.9-3.7,14.9,0.6c3.7,4,3.7,10.3,0,14.3l-2.1,2.1    L167,83.3z" />%0A      <path class="st3" d="M189.9,136.7l-19.2-19.2l-1.7,1.7l19.2,19.2c0.8,0.8,0.8,2,0,2.8l-14.7,14.7c-0.8,0.8-2.1,0.8-2.8,0l-3.6-3.6    l9.5-9.5c0.5-0.4,0.6-1.2,0.2-1.7c-0.4-0.5-1.2-0.6-1.7-0.2c-0.1,0.1-0.1,0.1-0.2,0.2l-9.5,9.5l-4.1-4.1l4.3-4.3    c0.5-0.5,0.5-1.2,0.1-1.7c-0.5-0.5-1.2-0.5-1.7-0.1c0,0,0,0-0.1,0.1l-4.3,4.3l-4.1-4.1l4.3-4.3c0.5-0.5,0.4-1.3-0.1-1.7    c-0.5-0.4-1.2-0.4-1.7,0l-4.3,4.3l-2.2-2.2l-1.8,1.7l19.2,19.2c1.7,1.7,4.6,1.7,6.3,0l14.7-14.7    C191.6,141.3,191.6,138.4,189.9,136.7C189.9,136.7,189.9,136.7,189.9,136.7z" />%0A    </g>%0A  </g>%0A</svg>%0A`;
-
-  // packages/panel/src/composer-jobs.ts
-  var ReviewRequests = class {
-    revision = 0;
-    invalidate() {
-      this.revision++;
-    }
-    async run(read) {
-      const revision = ++this.revision;
-      const result = await read();
-      return revision === this.revision ? result : void 0;
-    }
-  };
-  var CompositionJobs = class {
-    constructor(read, observed, changed, failed, wait = () => new Promise((resolve) => setTimeout(resolve, 1500))) {
-      this.read = read;
-      this.observed = observed;
-      this.changed = changed;
-      this.failed = failed;
-      this.wait = wait;
-    }
-    read;
-    observed;
-    changed;
-    failed;
-    wait;
-    running = false;
-    pending;
-    revision = 0;
-    invalidate() {
-      this.revision++;
-    }
-    async run(start) {
-      if (this.running) return;
-      this.running = true;
-      this.changed();
-      try {
-        if (!this.pending) {
-          const revision = this.revision;
-          this.pending = { id: await start(), revision };
-          this.changed();
-        }
-        const job = this.pending;
-        let failures = 0;
-        for (; ; ) {
-          let response;
-          try {
-            response = await this.read(job.id);
-            failures = 0;
-          } catch (error) {
-            const paused = ++failures >= 3;
-            this.failed(error, paused);
-            if (paused) return;
-            await this.wait();
-            continue;
-          }
-          this.observed(response);
-          if (!["queued", "running", "cancelling"].includes(response.job.status)) {
-            this.pending = void 0;
-            return { response, current: job.revision === this.revision };
-          }
-          await this.wait();
-        }
-      } finally {
-        this.running = false;
-        this.changed();
-      }
-    }
-  };
-
-  // packages/panel/src/panel.ts
-  var $ = (id) => document.getElementById(id);
-  var input = (id) => $(id);
-  var node = (tag, cls = "", text = "") => {
-    const element = document.createElement(tag);
-    element.className = cls;
-    element.textContent = text;
-    return element;
-  };
-  var human = (value) => value.replaceAll("_", " ").replaceAll("-", " ").replace(/\b\w/g, (c) => c.toUpperCase());
-  var active = (status) => ["running", "queued", "cancelling"].includes(status);
-  var badge = (value) => node(
-    "span",
-    "badge " + (["completed", "pass", "passed", "approve", "succeeded", "live"].includes(value) ? "good" : active(value) ? "running" : ["failed", "fail", "blocked", "verification_failed", "outcome_unknown", "unavailable"].includes(
-      value
-    ) ? "bad" : ["not_run", "cancelled"].includes(value) ? "warn" : ""),
-    human(value)
-  );
-  var empty = (message) => node("div", "empty", message);
-  var card = (title, content, subtitle) => {
-    const box = node("div", "card"), heading = node("div", "section-heading"), label = node("div");
-    label.append(node("h2", "", title));
-    if (subtitle) label.append(node("p", "subtle", subtitle));
-    heading.append(label);
-    box.append(heading, content);
-    return box;
-  };
-  var kv = (items) => {
-    const dl = node("dl");
-    for (const [key, value] of items) {
-      const row = node("div", "kv");
-      row.append(node("dt", "", key), node("dd", "", value == null ? "Not available" : String(value)));
-      dl.append(row);
-    }
-    return dl;
-  };
-  var codeDetails = (title, value) => {
-    const d = node("details");
-    d.append(node("summary", "", title), node("pre", "", JSON.stringify(value, null, 2)));
-    return d;
-  };
-  var notice = (message, error = false) => {
-    const box = $("notice");
-    box.hidden = !message;
-    box.classList.toggle("error", error);
-    box.textContent = message;
-  };
-  var launch = new URLSearchParams(location.hash.slice(1));
-  var snapshot;
-  var busy = false;
-  var connected = false;
-  var initialized = false;
-  var sqlclDirty = false;
-  var sqlclSignature = "";
-  var preferencesDirty = false;
-  var preferencesSignature = "";
-  var bridgeProject;
-  var bridgeReady = false;
-  var requestId = 0;
-  var currentView = "overview";
-  var savedConnectionsState = "idle";
-  var savedConnectionNames = [];
-  var savedConnectionsError = "";
-  var embedded = window.parent !== window;
-  var token = launch.get("session") ?? "";
-  var pending = /* @__PURE__ */ new Map();
-  function bridge(method, params) {
-    const id = ++requestId;
-    return new Promise((resolve, reject) => {
-      const timer = setTimeout(() => {
-        pending.delete(id);
-        reject(new Error("Codex did not answer the panel request."));
-      }, 2e4);
-      pending.set(id, { resolve, reject, timer });
-      window.parent.postMessage({ jsonrpc: "2.0", id, method, params }, "*");
-    });
-  }
-  window.addEventListener("message", (event) => {
-    if (event.source !== window.parent || !embedded || !event.data || event.data.jsonrpc !== "2.0") return;
-    const message = event.data;
-    const waiter = pending.get(message.id);
-    if (waiter) {
-      clearTimeout(waiter.timer);
-      pending.delete(message.id);
-      if (message.error) waiter.reject(new Error(String(message.error.message)));
-      else waiter.resolve(message.result);
-    }
-    if (message.method === "ui/notifications/tool-input" && typeof message.params?.arguments?.project === "string")
-      bridgeProject = message.params.arguments.project;
-    if (message.method === "ui/notifications/tool-result") {
-      const result = message.params?._meta?.["apexrest/panelResult"] ?? message.params?.structuredContent;
-      if (typeof result?.data?.project === "string") bridgeProject = result.data.project;
-      if (bridgeProject) void refresh();
-    }
-  });
-  async function api(action) {
-    if (embedded) {
-      if (action?.kind === "connection" && action.password)
-        throw new Error("Enter the password in the local dashboard or use CLI --password-file.");
-      if (!bridgeReady || !bridgeProject) throw new Error("Waiting for the Codex workspace context.");
-      const response2 = await bridge("tools/call", {
-        name: action ? "apexrest_panel_action" : "apexrest_panel_status",
-        arguments: {
-          project: bridgeProject,
-          ...action ? { action } : {}
-        }
-      });
-      const envelope = response2._meta?.["apexrest/panelResult"] ?? response2.structuredContent ?? JSON.parse(response2.content?.find((c) => c.type === "text")?.text ?? "{}");
-      if (!envelope.ok) throw new Error(envelope.summary ?? "Codex rejected this panel action.");
-      return envelope.data;
-    }
-    const response = await fetch(action ? "/api/action" : "/api/status", {
-      method: action ? "POST" : "GET",
-      headers: {
-        Authorization: "Bearer " + token,
-        ...action ? { "Content-Type": "application/json" } : {}
-      },
-      ...action ? { body: JSON.stringify(action) } : {},
-      signal: AbortSignal.timeout(action?.kind === "saved-connections" ? 6e4 : 15e3)
-    });
-    const result = await response.json();
-    if (!response.ok) throw new Error(result.summary ?? result.error ?? "The local panel request failed.");
-    return result;
-  }
-  function renderSavedConnections(selected = input("connection-direct").value) {
-    const select = $("connection-direct"), current = snapshot?.connections[input("connection-ref").value.trim()]?.name, selectedCurrent = !!current && selected === current, names = [
-      .../* @__PURE__ */ new Set([...savedConnectionNames, ...current ? [current] : [], ...selected ? [selected] : []])
-    ];
-    const placeholder = node("option", "", "Choose a saved connection");
-    placeholder.value = "";
-    select.replaceChildren(
-      placeholder,
-      ...names.map((name) => {
-        const retained = !savedConnectionNames.includes(name);
-        const label = retained && savedConnectionsState === "loaded" ? `${name} \xB7 ${name === current ? "current mapping" : "previous selection"} (not in SQLcl list)` : retained && name === current ? `${name} \xB7 current mapping` : name;
-        const option = node("option", "", label);
-        option.value = name;
-        return option;
-      })
-    );
-    select.value = selected;
-    select.disabled = savedConnectionsState === "loading";
-    const status = $("saved-connections-status");
-    status.dataset.state = savedConnectionsState;
-    status.textContent = savedConnectionsState === "loading" ? "Loading saved connections from SQLcl\u2026" : savedConnectionsState === "error" ? "Could not load saved SQLcl connections. " + savedConnectionsError + " Use Retry to try again." : savedConnectionsState === "loaded" ? savedConnectionNames.length ? `${savedConnectionNames.length} saved SQLcl connection${savedConnectionNames.length === 1 ? "" : "s"} loaded.${selectedCurrent && !savedConnectionNames.includes(current) ? " The current mapping is retained even though SQLcl did not list it." : ""}` : "No saved SQLcl connections found. Save a direct connection in SQLcl, then refresh." + (selectedCurrent ? " The current mapping is retained." : "") : snapshot && !snapshot.trusted ? "Trust this project before loading saved SQLcl connections." : "Saved connections load when you open Direct connection settings.";
-    $("saved-connections-refresh").textContent = savedConnectionsState === "loading" ? "Loading\u2026" : savedConnectionsState === "error" ? "Retry" : savedConnectionsState === "idle" ? "Load saved connections" : "Refresh saved connections";
-    controls();
-  }
-  async function loadSavedConnections(force = false) {
-    if (!connected || !snapshot?.trusted || busy || savedConnectionsState === "loading" || !force && savedConnectionsState === "loaded")
-      return;
-    savedConnectionsState = "loading";
-    savedConnectionsError = "";
-    renderSavedConnections();
-    try {
-      const result = await api({ kind: "saved-connections" });
-      if (result.source !== "sqlcl-store" || !Array.isArray(result.connections) || result.connections.some((connection) => typeof connection?.name !== "string" || !connection.name))
-        throw new Error("SQLcl returned an invalid connection list.");
-      savedConnectionNames = result.connections.map((connection) => connection.name);
-      savedConnectionsState = "loaded";
-    } catch (error) {
-      savedConnectionsState = "error";
-      savedConnectionsError = error instanceof Error ? error.message : String(error);
-    }
-    renderSavedConnections();
-  }
-  var selectedBlock = "";
-  var blueprintReview;
-  var composeJob = "";
-  var reviewedPlan;
-  var compositionJobs = new CompositionJobs(
-    async (id) => await api({ kind: "compose-status", id }),
-    (response) => {
-      notice("");
-      $("compose-review").textContent = JSON.stringify(response.job, null, 2);
-    },
-    controls,
-    (error, paused) => {
-      notice(
-        (error instanceof Error ? error.message : String(error)) + (paused ? " Job outcome is unknown. Retry job status to continue observing the same operation." : " Retrying the existing job status."),
-        true
-      );
-    }
-  );
-  var blueprintReviews = new ReviewRequests();
-  function controls() {
-    const canAct = connected && !!snapshot?.trusted && !busy;
-    for (const id of ["validate", "run-tests", "plan", "open-browser"])
-      $(id).disabled = !canAct || !snapshot?.configured;
-    for (const form of ["catalog-search", "catalog-add", "sqlcl-form", "connection-form", "preferences-form"])
-      $(form).querySelectorAll("button[type=submit]").forEach((button) => {
-        button.disabled = !canAct;
-      });
-    $("compose-plan").disabled = !canAct || !snapshot?.configured || compositionJobs.running;
-    $("compose-plan").textContent = compositionJobs.pending ? "Retry job status" : "Plan and compile offline";
-    $("compose-materialize").disabled = !canAct || !reviewedPlan || compositionJobs.running || !!compositionJobs.pending;
-    $("compose-cancel").disabled = !canAct || !compositionJobs.pending;
-    $("blueprint-apply").disabled = !canAct || !blueprintReview;
-    $("saved-connections-refresh").disabled = !canAct || savedConnectionsState === "loading";
-    $("connection-save").disabled = !canAct || input("sqlcl-transport").value === "direct" && savedConnectionsState === "loading";
-  }
-  async function act(action) {
-    if (busy || !connected) return;
-    busy = true;
-    controls();
-    try {
-      const result = await api(action);
-      notice(
-        action.kind === "browser" ? result.status === "host_action_required" ? "Open this application in the Codex in-app browser: " + result.url + ". Opening it does not verify the application." : "Verification browser opened. Inspect the affected behavior; opening it does not verify the application." : ["sqlcl", "connection", "preferences"].includes(action.kind) ? "Settings saved." : action.kind === "cancel-job" ? "Stop requested. Existing changes are not rolled back." : "Operation accepted. Follow its actual status below."
-      );
-      if (action.kind === "preferences") preferencesDirty = false;
-      if (action.kind === "sqlcl") sqlclDirty = false;
-      if (action.kind === "connection") input("connection-ords-password").value = "";
-      await refresh();
-    } catch (error) {
-      notice(error instanceof Error ? error.message : String(error), true);
-    } finally {
-      busy = false;
-      controls();
-    }
-  }
-  var rendered = /* @__PURE__ */ new Map();
-  function draw(id, data, render2) {
-    const key = JSON.stringify(data);
-    if (rendered.get(id) === key) return;
-    if ($(id).contains(document.activeElement) && document.activeElement !== document.body) return;
-    $(id).replaceChildren(...render2());
-    rendered.set(id, key);
-  }
-  function operations(data) {
-    const box = node("div", "table-wrap");
-    if (!data.jobs.length) box.append(empty("No APEX operation jobs recorded for this project."));
-    else {
-      const table = node("table"), head = node("tr");
-      ["Operation", "Status", "Result", ""].forEach((s) => head.append(node("th", "", s)));
-      const thead = node("thead");
-      thead.append(head);
-      table.append(thead);
-      const body = node("tbody");
-      for (const job of data.jobs) {
-        const row = node("tr"), state = node("td"), summary = node("td"), action = node("td");
-        state.append(badge(job.status));
-        summary.append(node("p", "", job.summary || "Awaiting a result"));
-        if (job.diagnostics.length || job.artifacts.length)
-          summary.append(
-            codeDetails("Diagnostics & artifacts", { diagnostics: job.diagnostics, artifacts: job.artifacts })
-          );
-        if (active(job.status)) {
-          const stop = node("button", "danger", "Stop");
-          stop.disabled = !connected || busy || !data.trusted;
-          stop.onclick = () => {
-            void act({ kind: "cancel-job", id: job.id });
-          };
-          action.append(stop);
-        }
-        row.append(node("td", "", job.operation), state, summary, action);
-        body.append(row);
-      }
-      table.append(body);
-      box.append(table);
-    }
-    const output = [card("Operation jobs", box, "Compile, export, tests and deployment work")];
-    const sync = node("div");
-    for (const entry of data.sync) {
-      const row = node("div", "journal-entry");
-      row.append(badge(entry.status), node("p", "", entry.environment));
-      if ("exportedAt" in entry) row.append(node("p", "subtle", "Initial export: " + entry.exportedAt));
-      if ("lastSuccessfulImport" in entry && entry.lastSuccessfulImport)
-        row.append(node("p", "subtle", "Latest successful import: " + entry.lastSuccessfulImport.at));
-      if ("blockedReason" in entry && entry.blockedReason) row.append(node("p", "", entry.blockedReason));
-      if ("dirty" in entry)
-        row.append(node("p", "", entry.dirty ? "Local edits present" : "Local checkpoint matches"));
-      sync.append(row);
-    }
-    output.push(card("Working-copy sync", sync, "Local status only; server freshness is not checked"));
-    const deployments = node("div");
-    if (!data.deployments.length) deployments.append(empty("No deployment runs recorded."));
-    for (const deployment of data.deployments) {
-      const row = node("div", "journal-entry");
-      row.append(
-        badge(deployment.status),
-        node("p", "subtle", new Date(deployment.at).toLocaleString()),
-        node("pre", "", deployment.details)
-      );
-      deployments.append(row);
-    }
-    output.push(
-      card(
-        "Deployment & import journal",
-        deployments,
-        "Actual durable runtime state; an unknown outcome remains unknown"
-      )
-    );
-    return output;
-  }
-  function render(data) {
-    const connectionsChanged = JSON.stringify(snapshot?.connections) !== JSON.stringify(data.connections);
-    snapshot = data;
-    connected = true;
-    $("project-name").textContent = data.configuration?.application.alias ?? "Unconfigured workspace";
-    $("project-path").textContent = data.project;
-    $("version").textContent = data.version;
-    $("connection").className = "badge good";
-    $("connection").textContent = "Live";
-    $("updated").textContent = "Updated " + new Date(data.updatedAt).toLocaleTimeString();
-    $("connection-error").hidden = true;
-    document.body.dataset.disconnected = "false";
-    const nextPreferences = JSON.stringify(data.preferences);
-    const nextSqlcl = JSON.stringify(data.sqlcl);
-    if (!sqlclDirty && nextSqlcl !== sqlclSignature) {
-      input("sqlcl-mode").value = data.sqlcl.mode;
-      input("sqlcl-level").value = data.sqlcl.mcpRestrictLevel;
-      input("sqlcl-transport").value = data.sqlcl.databaseTransport ?? "direct";
-      sqlclControls();
-      sqlclSignature = nextSqlcl;
-    }
-    if (!preferencesDirty && nextPreferences !== preferencesSignature) {
-      input("default-browser-mode").value = data.preferences.browserMode;
-      preferencesSignature = nextPreferences;
-    }
-    if (!initialized) {
-      initialized = true;
-      if (embedded) {
-        input("connection-ords-password").disabled = true;
-        $("connection-password-note").textContent = "Set the password in the local dashboard opened by apexrest panel open, or use CLI --password-file. Passwords are never sent through the embedded Codex panel.";
-      }
-      const environment = $("environment");
-      for (const [name, env] of Object.entries(data.configuration?.environments ?? {})) {
-        const option = node("option", "", name + " \xB7 " + env.kind);
-        option.value = name;
-        environment.append(option);
-      }
-      if (!data.configured)
-        notice(
-          "This folder has no apexrest.json. Initialize or open an APEXREST application project to run APEX operations."
-        );
-      else if (!data.trusted)
-        notice(
-          "This project is not trusted in APEXREST. The panel can display its state; actions require the existing project trust setup."
-        );
-    }
-    draw(
-      "connection-refs",
-      [data.connections, data.configuration?.environments],
-      () => Array.from(
-        /* @__PURE__ */ new Set([
-          ...Object.keys(data.connections),
-          ...Object.values(data.configuration?.environments ?? {}).flatMap((env) => [
-            env.readConnectionRef,
-            env.deployConnectionRef
-          ])
-        ])
-      ).map((name) => {
-        const option = node("option");
-        option.value = name;
-        return option;
-      })
-    );
-    draw(
-      "metrics",
-      [data.sqlcl, data.jobs, data.deployments, data.trusted],
-      () => [
-        ["APEX operations", String(data.jobs.filter((job) => active(job.status)).length), "Running or queued"],
-        ["Recorded deployments", String(data.deployments.length), "Recent deployment journal entries"],
-        ["Project access", data.trusted ? "Trusted" : "Read only", "Existing authorization gates apply"],
-        [
-          "Database connectivity",
-          data.sqlcl.databaseTransport === "ords" ? "ORDS HTTP(S)" : "Direct Oracle",
-          data.sqlcl.mode === "mcp" ? "SQLcl MCP \xB7 restriction " + data.sqlcl.mcpRestrictLevel : "SQLcl CLI"
-        ]
-      ].map(([label, value, sub]) => {
-        const box = node("div", "metric");
-        box.append(node("div", "subtle", label), node("div", "value", value), node("div", "subtle", sub));
-        return box;
-      })
-    );
-    draw("overview-live", [data.changes, data.configuration, data.trusted], () => {
-      const columns = node("div", "two-columns"), changeBox = node("div");
-      changeBox.append(
-        data.changes.files.length ? node("pre", "", data.changes.files.join("\n")) : empty(
-          data.changes.status === "available" ? "No uncommitted Git changes." : "Git status is unavailable for this folder."
-        )
-      );
-      columns.append(
-        card(
-          "Project context",
-          kv([
-            ["Application", data.configuration?.application.alias],
-            ["Source", data.configuration?.application.sourceDir],
-            [
-              "Environments",
-              Object.keys(data.configuration?.environments ?? {}).join(", ") || "None configured"
-            ],
-            ["Required suites", data.configuration?.tests.requiredSuites.join(", ") || "None declared"],
-            ["Trust", data.trusted ? "Trusted project" : "Not granted"]
-          ])
-        ),
-        card("Working changes", changeBox)
-      );
-      return [
-        card(
-          "Current Codex session",
-          node(
-            "p",
-            "subtle",
-            "Describe changes and review results in your open Codex conversation. This panel runs APEX operations and manages project settings."
-          )
-        ),
-        columns
-      ];
-    });
-    draw("operations-live", [data.jobs, data.deployments, data.sync, busy], () => operations(data));
-    draw(
-      "settings-live",
-      [data.preferences, data.configuration, data.connections, data.toolchain, data.permissions],
-      () => {
-        const box = node("div");
-        box.append(
-          card(
-            "Project & target settings",
-            kv([
-              ["Project", data.project],
-              ["Source directory", data.configuration?.application.sourceDir],
-              ["Artifacts", data.configuration?.artifacts.directory],
-              [
-                "Artifact retention",
-                data.configuration ? data.configuration.artifacts.retentionDays + " days" : null
-              ],
-              ["Required suites", data.configuration?.tests.requiredSuites.join(", ") || "None declared"],
-              ["Automated browser", data.configuration?.tests.defaultBrowser],
-              [
-                "Verification browser",
-                data.preferences.browserMode === "external" ? "External system browser" : "Codex in-app browser"
-              ],
-              ["Active deploy/test grants", data.permissions.activeGrants.length]
-            ])
-          )
-        );
-        for (const [name, env] of Object.entries(data.configuration?.environments ?? {}))
-          box.append(
-            card(
-              name + " \xB7 " + human(env.kind),
-              kv([
-                ["Application ID", env.applicationId],
-                ["Workspace", env.workspace],
-                ["Parsing schema", env.parsingSchema],
-                ["Database", env.databaseIdentity.dbUniqueName],
-                ["Service", env.databaseIdentity.serviceName],
-                ["Read connection", env.readConnectionRef],
-                ["Deploy connection", env.deployConnectionRef],
-                ["Control mode", env.deploymentControl ?? "local"],
-                ["Application URL", env.baseUrl]
-              ])
-            )
-          );
-        box.append(
-          card(
-            "Configuration details",
-            codeDetails("Project, toolchain and connection references", {
-              configuration: data.configuration,
-              toolchain: data.toolchain,
-              connectionReferences: data.connections,
-              authorization: data.permissions
-            })
-          )
-        );
-        return [box];
-      }
-    );
-    if (connectionsChanged) renderSavedConnections();
-    controls();
-    if (currentView === "settings" && input("sqlcl-transport").value === "direct" && savedConnectionsState === "idle")
-      void loadSavedConnections();
-  }
-  var refreshing = false;
-  async function refresh() {
-    if (refreshing) return;
-    refreshing = true;
-    try {
-      render(await api());
-      if (reviewedPlan && composeJob) {
-        const assessed = await api({ kind: "compose-status", id: composeJob });
-        if (!assessed.materializable) {
-          reviewedPlan = void 0;
-          $("compose-materialize").disabled = true;
-        }
-      }
-    } catch (error) {
-      connected = false;
-      $("connection").textContent = "Disconnected";
-      $("connection").className = "badge bad";
-      $("connection-error").hidden = false;
-      $("connection-error").textContent = (error instanceof Error ? error.message : String(error)) + (snapshot ? " Showing the last received state." : "");
-      document.body.dataset.disconnected = "true";
-      controls();
-    } finally {
-      refreshing = false;
-    }
-  }
-  var views = {
-    overview: ["Workspace overview", "Project settings and APEX operations for your current Codex session."],
-    operations: ["APEX operations", "Compile, verify and follow deployment state."],
-    catalog: ["Composer catalog", "Find blocks, review bindings and compile a local application plan."],
-    settings: ["Workspace settings", "Inspect configuration, database connections and browser preferences."]
-  };
-  function view(name) {
-    currentView = name;
-    document.querySelectorAll("[data-page]").forEach((page) => {
-      page.hidden = page.dataset.page !== name;
-    });
-    document.querySelectorAll("[data-view]").forEach((button) => {
-      if (button.dataset.view === name) button.setAttribute("aria-current", "page");
-      else button.removeAttribute("aria-current");
-    });
-    const titles = views[name];
-    $("view-title").textContent = titles[0];
-    $("view-subtitle").textContent = titles[1];
-    if (name === "settings" && input("sqlcl-transport").value === "direct") void loadSavedConnections();
-  }
-  document.querySelectorAll("[data-view]").forEach((button) => {
-    button.onclick = () => view(button.dataset.view);
-  });
-  $("refresh").onclick = () => {
-    void refresh();
-  };
-  $("preferences-form").oninput = () => {
-    preferencesDirty = true;
-  };
-  $("preferences-form").onsubmit = (event) => {
-    event.preventDefault();
-    void act({
-      kind: "preferences",
-      settings: {
-        browserMode: input("default-browser-mode").value
-      }
-    });
-  };
-  $("sqlcl-form").onsubmit = (event) => {
-    event.preventDefault();
-    void act({
-      kind: "sqlcl",
-      settings: {
-        schemaVersion: 1,
-        mode: input("sqlcl-mode").value,
-        mcpRestrictLevel: input("sqlcl-level").value,
-        databaseTransport: input("sqlcl-transport").value
-      }
-    });
-  };
-  function sqlclControls() {
-    const ords = input("sqlcl-transport").value === "ords";
-    if (ords) input("sqlcl-mode").value = "cli";
-    $("sqlcl-mode").querySelector("option[value=mcp]").disabled = ords;
-    input("sqlcl-level").disabled = input("sqlcl-mode").value !== "mcp";
-    $("sqlcl-transport-note").textContent = ords ? "Connect through ORDS over HTTP(S) when the Oracle listener is unavailable. Uses SQLcl CLI and the ORDS settings for each connection reference below." : "Connect through the Oracle listener using saved SQLcl connections.";
-    for (const [id, enabled] of [
-      ["connection-direct-group", !ords],
-      ["connection-ords-group", ords]
-    ]) {
-      const group = $(id);
-      group.hidden = !enabled;
-      group.disabled = !enabled;
-    }
-    input("connection-ords-password").disabled = embedded;
-    $("connection-mode-note").textContent = ords ? "Editing ORDS HTTP(S) settings for the selected connection reference." : "Editing the direct Oracle connection for the selected connection reference.";
-    $("connection-save").textContent = ords ? "Save ORDS connection" : "Save direct connection";
-    controls();
-  }
-  $("sqlcl-form").oninput = (event) => {
-    sqlclDirty = true;
-    sqlclControls();
-    if (event.target.id === "sqlcl-transport" && input("sqlcl-transport").value === "direct" && currentView === "settings")
-      void loadSavedConnections();
-  };
-  $("saved-connections-refresh").onclick = () => {
-    void loadSavedConnections(true);
-  };
-  input("connection-direct").onchange = () => renderSavedConnections();
-  input("connection-ref").onchange = () => {
-    const connection = snapshot?.connections[input("connection-ref").value.trim()];
-    renderSavedConnections(connection?.name ?? "");
-    input("connection-ords-url").value = connection?.ords?.url ?? "";
-    input("connection-ords-user").value = connection?.ords?.username ?? "";
-    input("connection-ords-password").value = "";
-  };
-  $("connection-form").onsubmit = (event) => {
-    event.preventDefault();
-    const ords = input("sqlcl-transport").value === "ords", sqlclName = input("connection-direct").value, ordsUrl = input("connection-ords-url").value.trim(), ordsUsername = input("connection-ords-user").value.trim(), password = input("connection-ords-password").value;
-    if (ords && embedded && password) {
-      notice("Enter the password in the local dashboard or use CLI --password-file.", true);
-      return;
-    }
-    if (!ords && !sqlclName) {
-      notice("Choose a saved SQLcl connection for this reference.", true);
-      return;
-    }
-    if (ords && (!ordsUrl || !ordsUsername)) {
-      notice("Enter the ORDS schema URL and your database username.", true);
-      return;
-    }
-    void act({
-      kind: "connection",
-      name: input("connection-ref").value.trim(),
-      ...!ords ? { sqlclName } : { ordsUrl, ordsUsername, ...password ? { password } : {} }
-    });
-  };
-  $("validate").onclick = () => {
-    void act({ kind: "validate" });
-  };
-  $("open-browser").onclick = () => {
-    const env = input("environment").value;
-    if (!env) {
-      notice("Choose an explicit environment before opening its application.", true);
-      return;
-    }
-    void act({ kind: "browser", env });
-  };
-  $("plan").onclick = () => {
-    const env = input("environment").value;
-    if (!env) {
-      notice("Choose an explicit environment before planning a deployment.", true);
-      return;
-    }
-    void act({ kind: "plan", env });
-  };
-  $("run-tests").onclick = () => {
-    const suite = input("suite").value, env = input("environment").value;
-    if (suite !== "unit" && !env) {
-      notice("Choose an explicit environment for this test suite.", true);
-      return;
-    }
-    void act({ kind: "test", suite, ...env ? { env } : {} });
-  };
-  controls();
-  var initialView = launch.get("view");
-  if (initialView && views[initialView]) view(initialView);
-  var mark = document.querySelector(".brand-mark");
-  if (mark) {
-    const icon = node("img");
-    icon.src = apexrest_logo_default;
-    icon.alt = "";
-    icon.width = 38;
-    icon.height = 38;
-    mark.replaceChildren(icon);
-  }
-  if (embedded) {
-    void bridge("ui/initialize", {
-      protocolVersion: "2026-01-26",
-      appInfo: { name: "apexrest-panel", version: "1.0.0" },
-      appCapabilities: {}
-    }).then(() => {
-      bridgeReady = true;
-      window.parent.postMessage({ jsonrpc: "2.0", method: "ui/notifications/initialized", params: {} }, "*");
-      void refresh();
-    }).catch((error) => notice(String(error), true));
-  } else void refresh();
-  function scheduleRefresh() {
-    setTimeout(
-      () => {
-        if (!document.hidden) void refresh();
-        scheduleRefresh();
-      },
-      snapshot?.jobs.some((job) => active(job.status)) ? 2e3 : 1e4
-    );
-  }
-  scheduleRefresh();
-  document.addEventListener("visibilitychange", () => {
-    if (!document.hidden) void refresh();
-  });
-  function invalidateBlueprintReview() {
-    blueprintReviews.invalidate();
-    blueprintReview = void 0;
-    controls();
-  }
-  async function catalogAction(action) {
-    try {
-      return await api(action);
-    } catch (error) {
-      notice(error instanceof Error ? error.message : String(error), true);
-      throw error;
-    }
-  }
-  $("catalog-search").onsubmit = (event) => {
-    event.preventDefault();
-    void (async () => {
-      const result = await catalogAction({ kind: "catalog-search", query: input("catalog-query").value });
-      $("catalog-hits").replaceChildren();
-      for (const hit of result.results) {
-        const b = node("button", "quiet", hit.title + " \xB7 " + hit.status);
-        b.type = "button";
-        b.onclick = () => {
-          selectedBlock = hit.id;
-          invalidateBlueprintReview();
-          void catalogAction({ kind: "catalog-read", id: hit.id, offset: 0 }).then((data) => {
-            $("catalog-detail").textContent = data.content;
-          });
-        };
-        $("catalog-hits").append(b);
-      }
-    })();
-  };
-  $("catalog-add").onsubmit = (event) => {
-    event.preventDefault();
-    invalidateBlueprintReview();
-    void (async () => {
-      if (!selectedBlock) throw new Error("Select a block from the catalog.");
-      const blueprint = input("compose-blueprint").value, instanceId = input("compose-instance").value, instance = {
-        ...JSON.parse($("compose-parameters").value),
-        use: selectedBlock
-      };
-      const reviewed = await blueprintReviews.run(async () => {
-        const state = await catalogAction({ kind: "blueprint-read", blueprint });
-        const action = {
-          kind: "blueprint-add",
-          blueprint,
-          instanceId,
-          instance,
-          expectedDigest: state.digest,
-          apply: false
-        };
-        const diff = await catalogAction(action);
-        return { action, diff };
-      });
-      if (!reviewed) return;
-      blueprintReview = { ...reviewed.action, apply: true };
-      $("blueprint-diff").textContent = "BEFORE\n" + reviewed.diff.before + "\nAFTER\n" + reviewed.diff.after;
-      controls();
-    })().catch((error) => notice(String(error), true));
-  };
-  $("blueprint-apply").onclick = () => {
-    if (blueprintReview)
-      void catalogAction(blueprintReview).then(() => {
-        blueprintReview = void 0;
-        blueprintReviews.invalidate();
-        reviewedPlan = void 0;
-        compositionJobs.invalidate();
-        $("blueprint-apply").disabled = true;
-        $("compose-materialize").disabled = true;
-        notice("Blueprint updated. Create and review a new plan.");
-      });
-  };
-  async function startComposition(action) {
-    if (compositionJobs.running) return;
-    reviewedPlan = void 0;
-    controls();
-    try {
-      const completed = await compositionJobs.run(async () => {
-        composeJob = (await catalogAction(action)).jobId;
-        return composeJob;
-      });
-      const result = completed?.response.job.result?.data;
-      reviewedPlan = completed?.current && completed.response.materializable && result?.planDigest ? { plan: result.plan, planDigest: result.planDigest } : void 0;
-    } catch (error) {
-      notice(error instanceof Error ? error.message : String(error), true);
-    } finally {
-      controls();
-    }
-  }
-  input("compose-blueprint").oninput = () => {
-    invalidateBlueprintReview();
-    reviewedPlan = void 0;
-    compositionJobs.invalidate();
-    controls();
-  };
-  input("compose-instance").oninput = invalidateBlueprintReview;
-  $("compose-parameters").oninput = invalidateBlueprintReview;
-  $("compose-plan").onclick = () => {
-    void startComposition({
-      kind: "compose-plan",
-      blueprint: input("compose-blueprint").value,
-      out: ".apexrest/composer/panel-plan.json",
-      mode: "offline",
-      validation: "compiler",
-      action: "compose"
-    });
-  };
-  $("compose-materialize").onclick = () => {
-    if (reviewedPlan)
-      void startComposition({
-        kind: "compose-materialize",
-        plan: reviewedPlan.plan,
-        expectedDigest: reviewedPlan.planDigest
-      });
-  };
-  $("compose-cancel").onclick = () => {
-    if (composeJob) void catalogAction({ kind: "cancel-job", id: composeJob });
-  };
-})();