@selvajs/selva 4.5.1 → 4.6.0-beta.0

package/build/server/chunks/_page.svelte--AXEI7K2.js

@@ -0,0 +1,628 @@
+import { a3 as head, Q as ensure_array_like, n as attr_class, aD as stringify, T as escape_html, aA as spread_props, m as attr } from './renderer-x4cX3Aau.js';
+import 'clsx';
+import { i as invalidateAll } from './client-PH8To2Dp.js';
+import { a as SvelteSet } from './index-server-DMc-UvjC.js';
+import { o as onDestroy } from './index-server2-BiZ3ccb0.js';
+import { S as SectionHeader } from './SectionHeader-CjuQsFLx.js';
+import { C as Card, a as Card_content } from './card-content-BlxX1RCO.js';
+import { E as EmptyState } from './EmptyState-BMCljy6g.js';
+import { P as Plus } from './plus-j_UY0EeU.js';
+import { I as Input } from './input-BEmCftCF.js';
+import { S as Star } from './star-KGWYAeYA.js';
+import { C as Circle } from './circle-DgRVKHBX.js';
+import { B as Button } from './button-DPLE4Wc8.js';
+import { R as Refresh_cw } from './refresh-cw-B6mwsgBf.js';
+import { I as Icon } from './utils3-Dv2HSd2-.js';
+import { T as Trash_2 } from './trash-2-DmuR9br3.js';
+import { C as Chevron_up } from './chevron-up-StZ3cnZ8.js';
+import { C as Chevron_down } from './chevron-down-D5-hWbt-.js';
+import { t as toast } from './toast-state.svelte-CFWzxRA3.js';
+import { S as Server } from './server-LxtlHpuz.js';
+import { r as randomId } from './randomId-8gj3Lbuq.js';
+import '@sveltejs/kit/internal';
+import './root-DP7qWDYx.js';
+import './events-qfxQNxtp.js';
+import './index-D4Ykt7PV.js';
+import '@sveltejs/kit/internal/server';
+import './state.svelte-D6AXSjMt.js';
+import 'tailwind-variants';
+import 'tailwind-merge';
+
+function Eraser($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        "d": "M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21"
+      }
+    ],
+    ["path", { "d": "m5.082 11.09 8.828 8.828" }]
+  ];
+  Icon($$renderer, spread_props([{ name: "eraser" }, props, { iconNode }]));
+}
+function Power($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { "d": "M12 2v10" }],
+    ["path", { "d": "M18.4 6.6a9 9 0 1 1-12.77.04" }]
+  ];
+  Icon($$renderer, spread_props([{ name: "power" }, props, { iconNode }]));
+}
+function useServerHealth(serverId) {
+  let state = {
+    state: "idle",
+    reachable: false,
+    rhinoVersion: null,
+    computeVersion: null,
+    selvaInstalled: false,
+    selvaVersion: null,
+    plugins: {},
+    activeChildren: null,
+    idleSpanSeconds: null
+  };
+  function check() {
+    return;
+  }
+  function stop() {
+  }
+  return {
+    get state() {
+      return state;
+    },
+    check,
+    stop
+  };
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const API_KEY_CLEAR = "__clear__";
+    let { data } = $$props;
+    function formatIdle(seconds) {
+      if (seconds === null) return "-";
+      if (seconds < 5) return "just now";
+      if (seconds < 60) return `${Math.round(seconds)}s`;
+      const m = Math.floor(seconds / 60);
+      if (m < 60) return `${m}m`;
+      const h = Math.floor(m / 60);
+      return `${h}h ${m % 60}m`;
+    }
+    const statusConfig = {
+      idle: { label: "Not checked", color: "text-muted-foreground" },
+      ok: { label: "Online", color: "text-green-600 dark:text-green-400" },
+      warning: {
+        label: "Warning",
+        color: "text-yellow-600 dark:text-yellow-400"
+      },
+      error: { label: "Offline", color: "text-red-600 dark:text-red-400" },
+      checking: {
+        label: "Checking…",
+        color: "text-blue-600 dark:text-blue-400"
+      }
+    };
+    let servers = [];
+    let defaultServerId = "";
+    let saving = false;
+    const dirtyIds = new SvelteSet();
+    let expandedPlugins = {};
+    let expandedSharing = {};
+    function markDirty(id) {
+      dirtyIds.add(id);
+    }
+    function discardChanges(id) {
+      dirtyIds.delete(id);
+      const original = data.servers.find((s) => s.id === id);
+      const idx = servers.findIndex((s) => s.id === id);
+      if (idx < 0) return;
+      if (!original) {
+        healthMap[id]?.stop();
+        const { [id]: _, ...rest } = healthMap;
+        healthMap = rest;
+        servers = servers.filter((s) => s.id !== id);
+        return;
+      }
+      servers[idx] = {
+        id: original.id,
+        label: original.label,
+        serverUrl: original.serverUrl,
+        sharedWith: original.sharedWith === "all" ? "all" : [...original.sharedWith],
+        timeoutMs: original.timeoutMs ?? 3e4,
+        retryCount: original.retryCount ?? 0,
+        apiKey: "",
+        hasApiKey: original.hasApiKey
+      };
+      defaultServerId = data.defaultServerId;
+    }
+    let healthMap = {};
+    function ensureHealth(id) {
+      if (!healthMap[id]) {
+        healthMap[id] = useServerHealth();
+      }
+      return healthMap[id];
+    }
+    onDestroy(() => {
+      for (const h of Object.values(healthMap)) h.stop();
+    });
+    function addServer() {
+      const id = randomId();
+      if (servers.length === 0) defaultServerId = id;
+      servers = [
+        ...servers,
+        {
+          id,
+          label: "new-server",
+          serverUrl: "http://localhost:5000",
+          sharedWith: "all",
+          apiKey: "",
+          hasApiKey: false,
+          timeoutMs: 3e4,
+          retryCount: 0
+        }
+      ];
+      ensureHealth(id);
+      markDirty(id);
+    }
+    function removeServer(index) {
+      const removed = servers[index];
+      healthMap[removed.id]?.stop();
+      const { [removed.id]: _, ...rest } = healthMap;
+      healthMap = rest;
+      servers = servers.filter((_2, i) => i !== index);
+      if (defaultServerId === removed.id && servers[0]) {
+        defaultServerId = servers[0].id;
+      }
+      for (const s of servers) markDirty(s.id);
+    }
+    async function save() {
+      saving = true;
+      try {
+        const payload = {
+          defaultServerId,
+          servers: servers.map(({ apiKey, hasApiKey: _, retryCount, timeoutMs, ...s }) => ({
+            ...s,
+            timeoutMs: Math.min(3e5, Math.max(1e3, Number(timeoutMs) || 3e4)),
+            ...apiKey === API_KEY_CLEAR ? { apiKey: null } : apiKey ? { apiKey } : {},
+            ...Number(retryCount) ? { retryCount: Math.min(5, Math.max(0, Number(retryCount))) } : {}
+          }))
+        };
+        const res = await fetch("/admin/api/compute", {
+          method: "PUT",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload)
+        });
+        if (res.ok) {
+          toast.success("Compute config saved");
+          await invalidateAll();
+          dirtyIds.clear();
+          for (const h of Object.values(healthMap)) h.stop();
+          healthMap = {};
+          for (const s of servers) ensureHealth(s.id);
+        } else {
+          const err = await res.json().catch(() => ({ error: "Unknown error" }));
+          toast.error(err.message || err.error || `Failed to save (${res.status})`);
+        }
+      } catch {
+        toast.error("Failed to save compute config");
+      } finally {
+        saving = false;
+      }
+    }
+    let busyAction = {};
+    async function runAction(server, action) {
+      if (action === "shutdown") {
+        const ok = confirm(`Shut down ALL child processes on "${server.label}"?
+
+In-flight solves on those children will be interrupted. The pool auto-respawns on the next request.`);
+        if (!ok) return;
+      }
+      busyAction[server.id] = action;
+      try {
+        const res = await fetch("/admin/api/compute/actions", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ serverId: server.id, action })
+        });
+        const data2 = await res.json().catch(() => ({}));
+        if (!res.ok) {
+          toast.error(data2.message || data2.error || `Action failed (${res.status})`);
+          return;
+        }
+        if (action === "purge") {
+          const { totalPurged = 0, children = 0, confident } = data2;
+          toast.success(confident ? `Purged ${totalPurged} cached solve${totalPurged === 1 ? "" : "s"}` : `Purged ~${totalPurged} across ${children} children (best-effort)`);
+        } else {
+          const { shutdown = 0, active = 0 } = data2;
+          toast.success(`Shut down ${shutdown} child${shutdown === 1 ? "" : "ren"} (${active} still active)`);
+          healthMap[server.id]?.check();
+        }
+      } catch {
+        toast.error(`Failed to ${action} server`);
+      } finally {
+        busyAction[server.id] = null;
+      }
+    }
+    function sharingControl($$renderer3, server) {
+      const isAll = server.sharedWith === "all";
+      const orgIds = isAll ? /* @__PURE__ */ new Set() : new Set(server.sharedWith);
+      const isDefault = server.id === defaultServerId;
+      $$renderer3.push(`<div class="space-y-2"><div class="flex items-center gap-3"><p class="text-muted-foreground text-xs">Available to</p> <div class="bg-muted inline-flex rounded-md p-0.5"><button${attr_class(`rounded px-2 py-0.5 text-xs ${stringify(isAll ? "bg-background shadow-sm" : "text-muted-foreground hover:text-foreground")}`)}>All orgs</button> <button${attr_class(`rounded px-2 py-0.5 text-xs ${stringify(!isAll ? "bg-background shadow-sm" : "text-muted-foreground hover:text-foreground")}`)}>Specific orgs</button></div> `);
+      if (!isAll && data.orgs.length > 0) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<button class="text-muted-foreground hover:text-foreground ml-auto flex items-center gap-1 text-xs">${escape_html(orgIds.size)}/${escape_html(data.orgs.length)} selected `);
+        if (expandedSharing[server.id]) {
+          $$renderer3.push("<!--[0-->");
+          Chevron_up($$renderer3, { class: "h-3 w-3" });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+          Chevron_down($$renderer3, { class: "h-3 w-3" });
+        }
+        $$renderer3.push(`<!--]--></button>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div> `);
+      if (!isAll && expandedSharing[server.id]) {
+        $$renderer3.push("<!--[0-->");
+        if (data.orgs.length === 0) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<p class="text-muted-foreground text-xs">No organizations exist yet.</p>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+          $$renderer3.push(`<div class="grid gap-1 sm:grid-cols-2"><!--[-->`);
+          const each_array = ensure_array_like(data.orgs);
+          for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+            let org = each_array[$$index];
+            $$renderer3.push(`<label class="hover:bg-muted/40 flex items-center gap-2 rounded px-2 py-1 text-xs"><input type="checkbox"${attr("checked", orgIds.has(org.id), true)} class="h-3.5 w-3.5"/> <span class="truncate">${escape_html(org.name)}</span> <span class="text-muted-foreground ml-auto font-mono text-[10px]">${escape_html(org.slug)}</span></label>`);
+          }
+          $$renderer3.push(`<!--]--></div>`);
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (!isAll && isDefault) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<p class="text-muted-foreground text-xs">This server is the global default — it stays visible to every org regardless of the
+				allowlist.</p>`);
+      } else if (!isAll && orgIds.size === 0) {
+        $$renderer3.push("<!--[1-->");
+        $$renderer3.push(`<p class="text-muted-foreground text-xs">No orgs selected — this server is dormant (admin-only).</p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div>`);
+    }
+    function serverCard($$renderer3, server, i) {
+      const health = healthMap[server.id]?.state;
+      const sc = statusConfig[health?.state ?? "idle"];
+      const isChecking = health?.state === "checking";
+      const pluginEntries = Object.entries(health?.plugins ?? {});
+      const isDirty = dirtyIds.has(server.id);
+      $$renderer3.push(`<div${attr_class(`space-y-3 rounded-lg border p-4 transition-colors ${stringify(isDirty ? "border-amber-400/60 bg-amber-50/30 dark:border-amber-500/40 dark:bg-amber-950/10" : "bg-muted/30")}`)}><div class="flex items-center justify-between"><div class="flex items-center gap-2">`);
+      Input($$renderer3, {
+        placeholder: "label",
+        value: server.label,
+        oninput: (e) => {
+          const input = e.target;
+          server.label = input.value.toLowerCase().replace(/[^a-z0-9_-]/g, "");
+          input.value = server.label;
+          markDirty(server.id);
+        },
+        class: "h-7 w-32 font-mono text-xs"
+      });
+      $$renderer3.push(`<!----> `);
+      if (server.id === defaultServerId) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span class="flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800 dark:bg-green-900/30 dark:text-green-400">`);
+        Star($$renderer3, { class: "h-3 w-3" });
+        $$renderer3.push(`<!----> default</span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<button class="text-muted-foreground hover:text-foreground text-xs underline-offset-2 hover:underline">set as default</button>`);
+      }
+      $$renderer3.push(`<!--]--></div> <div class="flex items-center gap-3"><div class="flex items-center gap-1.5">`);
+      Circle($$renderer3, {
+        class: `h-2.5 w-2.5 shrink-0 fill-current ${stringify(sc.color)}`
+      });
+      $$renderer3.push(`<!----> <span${attr_class(`text-xs font-medium ${stringify(sc.color)}`)}>${escape_html(sc.label)}</span></div> `);
+      Button($$renderer3, {
+        variant: "outline",
+        size: "sm",
+        onclick: () => healthMap[server.id]?.check(),
+        disabled: isChecking,
+        class: "h-7",
+        title: "Probe this server's availability (retries for up to 1 min)",
+        children: ($$renderer4) => {
+          Refresh_cw($$renderer4, {
+            class: `mr-1.5 h-3.5 w-3.5 ${stringify(isChecking ? "animate-spin" : "")}`
+          });
+          $$renderer4.push(`<!----> ${escape_html(isChecking ? "Checking…" : "Check")}`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----> `);
+      if (health?.reachable) {
+        $$renderer3.push("<!--[0-->");
+        const busy = busyAction[server.id];
+        Button($$renderer3, {
+          variant: "outline",
+          size: "sm",
+          onclick: () => runAction(server, "purge"),
+          disabled: busy !== null && busy !== void 0,
+          class: "h-7",
+          title: "Clear cached solve results across this server's children (best-effort fleet-wide)",
+          children: ($$renderer4) => {
+            Eraser($$renderer4, { class: "mr-1.5 h-3.5 w-3.5" });
+            $$renderer4.push(`<!----> ${escape_html(busy === "purge" ? "Purging…" : "Purge cache")}`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----> `);
+        Button($$renderer3, {
+          variant: "outline",
+          size: "sm",
+          onclick: () => runAction(server, "shutdown"),
+          disabled: busy !== null && busy !== void 0,
+          class: "text-destructive hover:text-destructive h-7",
+          title: "Gracefully shut down all child processes (they auto-respawn on the next request)",
+          children: ($$renderer4) => {
+            Power($$renderer4, { class: "mr-1.5 h-3.5 w-3.5" });
+            $$renderer4.push(`<!----> ${escape_html(busy === "shutdown" ? "Shutting down…" : "Shutdown children")}`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (isDirty) {
+        $$renderer3.push("<!--[0-->");
+        Button($$renderer3, {
+          variant: "ghost",
+          size: "sm",
+          onclick: () => discardChanges(server.id),
+          disabled: saving,
+          class: "text-muted-foreground hover:text-foreground h-7",
+          children: ($$renderer4) => {
+            $$renderer4.push(`<!---->Discard`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----> `);
+        Button($$renderer3, {
+          size: "sm",
+          onclick: save,
+          disabled: saving,
+          class: "h-7",
+          children: ($$renderer4) => {
+            $$renderer4.push(`<!---->${escape_html(saving ? "Saving…" : "Save changes")}`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      Button($$renderer3, {
+        variant: "ghost",
+        size: "sm",
+        onclick: () => removeServer(i),
+        disabled: server.id === defaultServerId,
+        title: server.id === defaultServerId ? "Set another server as default before deleting" : void 0,
+        class: "text-destructive hover:text-destructive h-7 w-7 p-0",
+        children: ($$renderer4) => {
+          Trash_2($$renderer4, { class: "h-3.5 w-3.5" });
+        },
+        $$slots: { default: true }
+      });
+      $$renderer3.push(`<!----></div></div> `);
+      if (health?.reachable) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="grid grid-cols-3 gap-2"><div class="bg-muted/40 rounded-md px-3 py-2"><p class="text-muted-foreground text-xs">Rhino</p> <p class="mt-0.5 text-xs font-medium">${escape_html(health.rhinoVersion ?? "-")}</p></div> <div class="bg-muted/40 rounded-md px-3 py-2"><p class="text-muted-foreground text-xs">Compute</p> <p class="mt-0.5 text-xs font-medium">${escape_html(health.computeVersion ?? "-")}</p></div> <div class="bg-muted/40 rounded-md px-3 py-2"><p class="text-muted-foreground text-xs">Selva Plugin</p> <p class="mt-0.5 text-xs font-medium">`);
+        if (health.selvaInstalled) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`${escape_html(health.selvaVersion)}`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+          $$renderer3.push(`<span class="text-red-600 dark:text-red-400">Not installed</span>`);
+        }
+        $$renderer3.push(`<!--]--></p></div></div> <div class="grid grid-cols-2 gap-2"><div class="bg-muted/40 rounded-md px-3 py-2"><p class="text-muted-foreground text-xs">Active children</p> <p class="mt-0.5 text-xs font-medium">${escape_html(health.activeChildren ?? "-")}</p></div> <div class="bg-muted/40 rounded-md px-3 py-2"><p class="text-muted-foreground text-xs">Idle for</p> <p class="mt-0.5 text-xs font-medium">${escape_html(formatIdle(health.idleSpanSeconds))}</p></div></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <div class="grid gap-2 sm:grid-cols-2"><div class="space-y-1"><p class="text-muted-foreground text-xs">Server URL</p> `);
+      Input($$renderer3, {
+        placeholder: "http://localhost:5000",
+        oninput: () => markDirty(server.id),
+        class: "font-mono text-xs",
+        get value() {
+          return server.serverUrl;
+        },
+        set value($$value) {
+          server.serverUrl = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!----></div> <div class="space-y-1"><p class="text-muted-foreground text-xs">API Key (optional)</p> <div class="flex gap-1.5">`);
+      Input($$renderer3, {
+        type: "password",
+        placeholder: server.hasApiKey && server.apiKey !== API_KEY_CLEAR && !server.apiKey ? "Key set - enter new value to replace" : server.apiKey === API_KEY_CLEAR ? "Key will be cleared on save" : "",
+        value: server.apiKey === API_KEY_CLEAR ? "" : server.apiKey,
+        disabled: server.apiKey === API_KEY_CLEAR,
+        oninput: (e) => {
+          server.apiKey = e.target.value;
+          markDirty(server.id);
+        },
+        class: "font-mono text-xs"
+      });
+      $$renderer3.push(`<!----> `);
+      if (server.hasApiKey && server.apiKey !== API_KEY_CLEAR && !server.apiKey) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<button class="text-muted-foreground hover:text-destructive shrink-0 text-xs underline-offset-2 hover:underline">Clear</button>`);
+      } else if (server.apiKey === API_KEY_CLEAR) {
+        $$renderer3.push("<!--[1-->");
+        $$renderer3.push(`<button class="text-muted-foreground hover:text-foreground shrink-0 text-xs underline-offset-2 hover:underline">Undo</button>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div></div> <div class="space-y-1"><p class="text-muted-foreground text-xs">Timeout (ms)</p> `);
+      Input($$renderer3, {
+        type: "number",
+        placeholder: "30000",
+        oninput: () => markDirty(server.id),
+        onblur: () => {
+          server.timeoutMs = Math.min(3e5, Math.max(1e3, Number(server.timeoutMs) || 3e4));
+        },
+        class: "text-xs",
+        get value() {
+          return server.timeoutMs;
+        },
+        set value($$value) {
+          server.timeoutMs = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!----></div> <div class="space-y-1"><p class="text-muted-foreground text-xs">Retries</p> `);
+      Input($$renderer3, {
+        type: "number",
+        placeholder: "0",
+        oninput: () => markDirty(server.id),
+        onblur: () => {
+          server.retryCount = Math.min(5, Math.max(0, Number(server.retryCount) || 0));
+        },
+        class: "text-xs",
+        get value() {
+          return server.retryCount;
+        },
+        set value($$value) {
+          server.retryCount = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!----></div></div> `);
+      if (data.tenancy !== "single") {
+        $$renderer3.push("<!--[0-->");
+        sharingControl($$renderer3, server);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (health?.reachable && pluginEntries.length > 0) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div><button class="text-muted-foreground hover:text-foreground flex items-center gap-1 text-xs">`);
+        if (expandedPlugins[server.id]) {
+          $$renderer3.push("<!--[0-->");
+          Chevron_up($$renderer3, { class: "h-3 w-3" });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+          Chevron_down($$renderer3, { class: "h-3 w-3" });
+        }
+        $$renderer3.push(`<!--]--> ${escape_html(pluginEntries.length)} Grasshopper plugin${escape_html(pluginEntries.length === 1 ? "" : "s")}</button> `);
+        if (expandedPlugins[server.id]) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<div class="mt-2 grid gap-1.5 sm:grid-cols-2 lg:grid-cols-3"><!--[-->`);
+          const each_array_1 = ensure_array_like(pluginEntries);
+          for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+            let [name, version] = each_array_1[$$index_1];
+            $$renderer3.push(`<div class="bg-muted/40 flex items-center justify-between rounded-md px-3 py-1.5"><span class="text-xs font-medium">${escape_html(name)}</span> <span class="text-muted-foreground text-xs">${escape_html(version)}</span></div>`);
+          }
+          $$renderer3.push(`<!--]--></div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div>`);
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      head("1h8e46q", $$renderer3, ($$renderer4) => {
+        $$renderer4.title(($$renderer5) => {
+          $$renderer5.push(`<title>Admin · Compute</title>`);
+        });
+      });
+      $$renderer3.push(`<div class="space-y-6">`);
+      SectionHeader($$renderer3, {
+        eyebrow: "Admin",
+        title: "Compute",
+        description: "Manage compute servers. Share servers with specific orgs to expose them in pickers. When ALLOW_ORG_COMPUTE_OVERRIDE is on, org owners can configure their own servers."
+      });
+      $$renderer3.push(`<!----> `);
+      if (Card) {
+        $$renderer3.push("<!--[-->");
+        Card($$renderer3, {
+          children: ($$renderer4) => {
+            if (Card_content) {
+              $$renderer4.push("<!--[-->");
+              Card_content($$renderer4, {
+                class: "space-y-3 pt-6",
+                children: ($$renderer5) => {
+                  if (servers.length === 0) {
+                    $$renderer5.push("<!--[0-->");
+                    {
+                      let actions = function($$renderer6) {
+                        Button($$renderer6, {
+                          variant: "outline",
+                          size: "sm",
+                          onclick: addServer,
+                          children: ($$renderer7) => {
+                            Plus($$renderer7, { class: "mr-1.5 h-3.5 w-3.5" });
+                            $$renderer7.push(`<!----> Add server`);
+                          },
+                          $$slots: { default: true }
+                        });
+                      };
+                      EmptyState($$renderer5, {
+                        icon: Server,
+                        title: "No servers configured",
+                        actions
+                      });
+                    }
+                  } else {
+                    $$renderer5.push("<!--[-1-->");
+                    $$renderer5.push(`<!--[-->`);
+                    const each_array_2 = ensure_array_like(servers);
+                    for (let i = 0, $$length = each_array_2.length; i < $$length; i++) {
+                      let server = each_array_2[i];
+                      serverCard($$renderer5, server, i);
+                    }
+                    $$renderer5.push(`<!--]--> <button type="button" class="border-muted-foreground/30 text-muted-foreground hover:border-foreground/50 hover:text-foreground hover:bg-muted/30 flex w-full items-center justify-center gap-2 rounded-lg border border-dashed py-4 text-sm font-medium transition-colors">`);
+                    Plus($$renderer5, { class: "h-4 w-4" });
+                    $$renderer5.push(`<!----> Add another server</button>`);
+                  }
+                  $$renderer5.push(`<!--]-->`);
+                },
+                $$slots: { default: true }
+              });
+              $$renderer4.push("<!--]-->");
+            } else {
+              $$renderer4.push("<!--[!-->");
+              $$renderer4.push("<!--]-->");
+            }
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push("<!--]-->");
+      } else {
+        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--]-->");
+      }
+      $$renderer3.push(`</div>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte--AXEI7K2.js.map