@selvajs/selva 4.8.1 → 4.9.0

package/build/server/chunks/entries/pages/team/compute/_page.svelte.js-CBFrurXA.js

@@ -0,0 +1,594 @@
+import { X as head, _ as stringify, a4 as escape_html, T as derived, $ as ensure_array_like } from '../../../../chunks/server.js-BBls-Hb5.js';
+import { B as Button } from '../../../../chunks/button.js-DnBIG_KP.js';
+import { P as Plus } from '../../../../chunks/plus.js-BhIdNyVx.js';
+import { S as Server } from '../../../../chunks/server2.js-DB90hivZ.js';
+import { S as Star } from '../../../../chunks/star.js-BnAXo_AN.js';
+import { T as Trash_2 } from '../../../../chunks/trash-2.js-C7ZQNvja.js';
+import { i as invalidateAll } from '../../../../chunks/client.js-BelvuVWm.js';
+import { p as page } from '../../../../chunks/state.js-De6VXlTk.js';
+import { S as SectionHeader } from '../../../../chunks/SectionHeader.js-ieB5RHqj.js';
+import { E as EmptyState } from '../../../../chunks/EmptyState.js-BaEePE-_.js';
+import { C as Card, a as Card_content } from '../../../../chunks/card-content.js-CELu9WjT.js';
+import { C as Card_description } from '../../../../chunks/card-description.js-B7ZLv4Tz.js';
+import { C as Card_header, a as Card_title } from '../../../../chunks/card-title.js-DYrOP1ML.js';
+import { I as Input } from '../../../../chunks/input.js-Cthc3x18.js';
+import { B as Badge } from '../../../../chunks/badge.js-Dcv6enEI.js';
+import { a as toast } from '../../../../chunks/toast-state.svelte.js-Cc8lQ5R4.js';
+import { F as FilterableDropdown } from '../../../../chunks/FilterableDropdown.js-B5HX8_Rc.js';
+import { r as randomId } from '../../../../chunks/randomId.js-BnzU06iG.js';
+import '../../../../chunks/uneval.js-sOjdN_Ot.js';
+import 'clsx';
+import '../../../../chunks/utils3.js-AVgqWIzH.js';
+import 'tailwind-merge';
+import 'tailwind-variants';
+import '../../../../chunks/index-server.js-Dvtc4kCu.js';
+import '../../../../chunks/shared.js-CFRExCya.js';
+import '@sveltejs/kit/internal';
+import '../../../../chunks/exports.js-ChuWbgid.js';
+import '../../../../chunks/routing.js-CQxfIlSu.js';
+import '../../../../chunks/internal2.js-CnaYURQz.js';
+import '../../../../chunks/legacy-client.js-GIteUEz7.js';
+import '../../../../chunks/events.js-B5CKX0i1.js';
+import '@sveltejs/kit/internal/server';
+import '../../../../chunks/chevron-down.js-9Ga-rYOv.js';
+
+//#region src/routes/team/compute/+page.svelte
+function _page($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const brandName = derived(() => page.data.branding.name);
+		const API_KEY_CLEAR = "__clear__";
+		let { data } = $$props;
+		let servers = [];
+		let orgDefaultServerId = "";
+		let saving = false;
+		let dirty = false;
+		const globalDefaultLabel = derived(() => data.catalog.find((c) => c.id === data.globalDefaultServerId)?.label ?? "(none configured)");
+		const orgDefaultItems = derived(() => [{
+			id: "",
+			label: `Use global default — ${globalDefaultLabel()}`
+		}, ...data.catalog.map((entry) => ({
+			id: entry.id,
+			label: `${entry.label} ${entry.source === "org" ? "(your org)" : entry.isGlobalDefault ? "(global default)" : "(platform)"}`
+		}))]);
+		function addServer() {
+			if (!data.overrideEnabled) return;
+			servers = [...servers, {
+				id: randomId(),
+				label: "org-server",
+				serverUrl: "http://localhost:5000",
+				timeoutMs: 3e4,
+				retryCount: 0,
+				apiKey: "",
+				hasApiKey: false
+			}];
+			dirty = true;
+		}
+		function removeServer(index) {
+			const removed = servers[index];
+			servers = servers.filter((_, i) => i !== index);
+			if (orgDefaultServerId === removed.id) orgDefaultServerId = "";
+			dirty = true;
+		}
+		async function save() {
+			saving = true;
+			try {
+				const payload = {
+					defaultServerId: orgDefaultServerId === "" ? null : orgDefaultServerId,
+					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(`/api/v1/orgs/${page.data.ctx?.orgId}/compute`, {
+					method: "PATCH",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify(payload)
+				});
+				if (res.ok) {
+					toast.success("Compute settings saved");
+					await invalidateAll();
+					dirty = false;
+				} 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 settings");
+			} finally {
+				saving = false;
+			}
+		}
+		function serverCard($$renderer, server, i) {
+			$$renderer.push(`<div class="bg-muted/30 space-y-3 rounded-lg border p-4"><div class="flex items-center justify-between"><div class="flex items-center gap-2">`);
+			Input($$renderer, {
+				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;
+					dirty = true;
+				},
+				class: "h-7 w-32 font-mono text-xs"
+			});
+			$$renderer.push(`<!----> `);
+			if (server.id === orgDefaultServerId) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.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($$renderer, { class: "h-3 w-3" });
+				$$renderer.push(`<!----> org default</span>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div> `);
+			Button($$renderer, {
+				variant: "ghost",
+				size: "sm",
+				onclick: () => removeServer(i),
+				class: "text-destructive hover:text-destructive h-7 w-7 p-0",
+				children: ($$renderer) => {
+					Trash_2($$renderer, { class: "h-3.5 w-3.5" });
+				},
+				$$slots: { default: true }
+			});
+			$$renderer.push(`<!----></div> <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($$renderer, {
+				placeholder: "http://localhost:5000",
+				oninput: () => dirty = true,
+				class: "font-mono text-xs",
+				get value() {
+					return server.serverUrl;
+				},
+				set value($$value) {
+					server.serverUrl = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.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($$renderer, {
+				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;
+					dirty = true;
+				},
+				class: "font-mono text-xs"
+			});
+			$$renderer.push(`<!----> `);
+			if (server.hasApiKey && server.apiKey !== API_KEY_CLEAR && !server.apiKey) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.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) {
+				$$renderer.push("<!--[1-->");
+				$$renderer.push(`<button class="text-muted-foreground hover:text-foreground shrink-0 text-xs underline-offset-2 hover:underline">Undo</button>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div></div> <div class="space-y-1"><p class="text-muted-foreground text-xs">Timeout (ms)</p> `);
+			Input($$renderer, {
+				type: "number",
+				placeholder: "30000",
+				oninput: () => dirty = true,
+				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;
+				}
+			});
+			$$renderer.push(`<!----></div> <div class="space-y-1"><p class="text-muted-foreground text-xs">Retries</p> `);
+			Input($$renderer, {
+				type: "number",
+				placeholder: "0",
+				oninput: () => dirty = true,
+				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;
+				}
+			});
+			$$renderer.push(`<!----></div></div> `);
+			if (server.id !== orgDefaultServerId) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<button type="button" class="text-muted-foreground hover:text-foreground text-xs underline-offset-2 hover:underline">Make org default</button>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div>`);
+		}
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			head("t08wys", $$renderer, ($$renderer) => {
+				$$renderer.title(($$renderer) => {
+					$$renderer.push(`<title>Team · Compute</title>`);
+				});
+			});
+			$$renderer.push(`<div class="space-y-6">`);
+			{
+				function actions($$renderer) {
+					if (data.overrideEnabled) {
+						$$renderer.push("<!--[0-->");
+						Button($$renderer, {
+							variant: "outline",
+							size: "sm",
+							onclick: addServer,
+							children: ($$renderer) => {
+								Plus($$renderer, { class: "mr-1.5 h-3.5 w-3.5" });
+								$$renderer.push(`<!----> Add server`);
+							},
+							$$slots: { default: true }
+						});
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--> `);
+					Button($$renderer, {
+						size: "sm",
+						onclick: save,
+						disabled: saving || !dirty,
+						children: ($$renderer) => {
+							$$renderer.push(`<!---->${escape_html(saving ? "Saving…" : "Save")}`);
+						},
+						$$slots: { default: true }
+					});
+					$$renderer.push(`<!---->`);
+				}
+				SectionHeader($$renderer, {
+					eyebrow: "Team",
+					title: "Compute",
+					description: `Compute servers available to this organization. Platform servers are managed by ${stringify(brandName())} staff and shown read-only; you can add your own org-private servers and pick which server is your org's default.`,
+					actions});
+			}
+			$$renderer.push(`<!----> `);
+			if (Card) {
+				$$renderer.push("<!--[-->");
+				Card($$renderer, {
+					children: ($$renderer) => {
+						if (Card_header) {
+							$$renderer.push("<!--[-->");
+							Card_header($$renderer, {
+								children: ($$renderer) => {
+									if (Card_title) {
+										$$renderer.push("<!--[-->");
+										Card_title($$renderer, {
+											class: "text-sm font-medium",
+											children: ($$renderer) => {
+												$$renderer.push(`<!---->Org default`);
+											},
+											$$slots: { default: true }
+										});
+										$$renderer.push("<!--]-->");
+									} else {
+										$$renderer.push("<!--[!-->");
+										$$renderer.push("<!--]-->");
+									}
+									$$renderer.push(` `);
+									if (Card_description) {
+										$$renderer.push("<!--[-->");
+										Card_description($$renderer, {
+											children: ($$renderer) => {
+												$$renderer.push(`<!---->The server new definitions in this org use unless they're pinned to a specific one. Picks
+				from any server visible to your org. Leave on "Use global default" to inherit the
+				platform-wide pick.`);
+											},
+											$$slots: { default: true }
+										});
+										$$renderer.push("<!--]-->");
+									} else {
+										$$renderer.push("<!--[!-->");
+										$$renderer.push("<!--]-->");
+									}
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push("<!--]-->");
+						} else {
+							$$renderer.push("<!--[!-->");
+							$$renderer.push("<!--]-->");
+						}
+						$$renderer.push(` `);
+						if (Card_content) {
+							$$renderer.push("<!--[-->");
+							Card_content($$renderer, {
+								class: "space-y-2",
+								children: ($$renderer) => {
+									FilterableDropdown($$renderer, {
+										class: "max-w-md",
+										items: orgDefaultItems(),
+										value: orgDefaultServerId,
+										onChange: (picked) => {
+											orgDefaultServerId = picked;
+											dirty = true;
+										}
+									});
+									$$renderer.push(`<!----> `);
+									if (orgDefaultServerId === "" && data.globalDefaultServerId === null) {
+										$$renderer.push("<!--[0-->");
+										$$renderer.push(`<p class="text-warning text-xs">No global default is configured. Solves will fail until either a global default is set or
+					you pick an org default.</p>`);
+									} else $$renderer.push("<!--[-1-->");
+									$$renderer.push(`<!--]-->`);
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push("<!--]-->");
+						} else {
+							$$renderer.push("<!--[!-->");
+							$$renderer.push("<!--]-->");
+						}
+					},
+					$$slots: { default: true }
+				});
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+			$$renderer.push(` `);
+			if (Card) {
+				$$renderer.push("<!--[-->");
+				Card($$renderer, {
+					children: ($$renderer) => {
+						if (Card_header) {
+							$$renderer.push("<!--[-->");
+							Card_header($$renderer, {
+								children: ($$renderer) => {
+									if (Card_title) {
+										$$renderer.push("<!--[-->");
+										Card_title($$renderer, {
+											class: "text-sm font-medium",
+											children: ($$renderer) => {
+												$$renderer.push(`<!---->Available servers`);
+											},
+											$$slots: { default: true }
+										});
+										$$renderer.push("<!--]-->");
+									} else {
+										$$renderer.push("<!--[!-->");
+										$$renderer.push("<!--]-->");
+									}
+									$$renderer.push(` `);
+									if (Card_description) {
+										$$renderer.push("<!--[-->");
+										Card_description($$renderer, {
+											children: ($$renderer) => {
+												$$renderer.push(`<!---->Every server visible to this organization. Platform rows are managed by ${escape_html(brandName())} staff.`);
+											},
+											$$slots: { default: true }
+										});
+										$$renderer.push("<!--]-->");
+									} else {
+										$$renderer.push("<!--[!-->");
+										$$renderer.push("<!--]-->");
+									}
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push("<!--]-->");
+						} else {
+							$$renderer.push("<!--[!-->");
+							$$renderer.push("<!--]-->");
+						}
+						$$renderer.push(` `);
+						if (Card_content) {
+							$$renderer.push("<!--[-->");
+							Card_content($$renderer, {
+								children: ($$renderer) => {
+									if (data.catalog.length === 0) {
+										$$renderer.push("<!--[0-->");
+										EmptyState($$renderer, {
+											size: "sm",
+											icon: Server,
+											title: "No servers visible",
+											description: `No platform server is shared with this org and no global default is configured. Ask a ${stringify(brandName())} admin to share a server or set a global default.`
+										});
+									} else {
+										$$renderer.push("<!--[-1-->");
+										$$renderer.push(`<ul class="divide-border divide-y rounded-md border"><!--[-->`);
+										const each_array = ensure_array_like(data.catalog);
+										for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+											let entry = each_array[$$index];
+											$$renderer.push(`<li class="flex items-center gap-3 px-3 py-2 text-sm">`);
+											Server($$renderer, { class: "text-muted-foreground h-3.5 w-3.5 shrink-0" });
+											$$renderer.push(`<!----> <span class="font-medium">${escape_html(entry.label)}</span> <code class="text-muted-foreground truncate font-mono text-xs">${escape_html(entry.serverUrl)}</code> <div class="ml-auto flex items-center gap-1.5">`);
+											if (entry.source === "org") {
+												$$renderer.push("<!--[0-->");
+												Badge($$renderer, {
+													variant: "outline",
+													class: "text-[10px]",
+													children: ($$renderer) => {
+														$$renderer.push(`<!---->your org`);
+													},
+													$$slots: { default: true }
+												});
+											} else {
+												$$renderer.push("<!--[-1-->");
+												Badge($$renderer, {
+													variant: "outline",
+													class: "text-[10px]",
+													children: ($$renderer) => {
+														$$renderer.push(`<!---->platform`);
+													},
+													$$slots: { default: true }
+												});
+											}
+											$$renderer.push(`<!--]--> `);
+											if (entry.isGlobalDefault) {
+												$$renderer.push("<!--[0-->");
+												Badge($$renderer, {
+													variant: "outline",
+													class: "text-[10px]",
+													children: ($$renderer) => {
+														$$renderer.push(`<!---->global default`);
+													},
+													$$slots: { default: true }
+												});
+											} else $$renderer.push("<!--[-1-->");
+											$$renderer.push(`<!--]--> `);
+											if (entry.id === data.orgDefaultServerId) {
+												$$renderer.push("<!--[0-->");
+												Badge($$renderer, {
+													variant: "outline",
+													class: "text-[10px]",
+													children: ($$renderer) => {
+														$$renderer.push(`<!---->org default`);
+													},
+													$$slots: { default: true }
+												});
+											} else $$renderer.push("<!--[-1-->");
+											$$renderer.push(`<!--]--></div></li>`);
+										}
+										$$renderer.push(`<!--]--></ul>`);
+									}
+									$$renderer.push(`<!--]-->`);
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push("<!--]-->");
+						} else {
+							$$renderer.push("<!--[!-->");
+							$$renderer.push("<!--]-->");
+						}
+					},
+					$$slots: { default: true }
+				});
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+			$$renderer.push(` `);
+			if (Card) {
+				$$renderer.push("<!--[-->");
+				Card($$renderer, {
+					children: ($$renderer) => {
+						if (Card_header) {
+							$$renderer.push("<!--[-->");
+							Card_header($$renderer, {
+								children: ($$renderer) => {
+									if (Card_title) {
+										$$renderer.push("<!--[-->");
+										Card_title($$renderer, {
+											class: "text-sm font-medium",
+											children: ($$renderer) => {
+												$$renderer.push(`<!---->Your org's servers`);
+											},
+											$$slots: { default: true }
+										});
+										$$renderer.push("<!--]-->");
+									} else {
+										$$renderer.push("<!--[!-->");
+										$$renderer.push("<!--]-->");
+									}
+									$$renderer.push(` `);
+									if (Card_description) {
+										$$renderer.push("<!--[-->");
+										Card_description($$renderer, {
+											children: ($$renderer) => {
+												if (data.overrideEnabled) {
+													$$renderer.push("<!--[0-->");
+													$$renderer.push(`Compute servers managed by your org. Visible only to members of this organization.`);
+												} else {
+													$$renderer.push("<!--[-1-->");
+													$$renderer.push(`Org-private servers are disabled on this ${escape_html(brandName())} instance. Ask the platform admin to flip <code class="text-xs">ALLOW_ORG_COMPUTE_OVERRIDE</code> if you need to bring your own compute.`);
+												}
+												$$renderer.push(`<!--]-->`);
+											},
+											$$slots: { default: true }
+										});
+										$$renderer.push("<!--]-->");
+									} else {
+										$$renderer.push("<!--[!-->");
+										$$renderer.push("<!--]-->");
+									}
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push("<!--]-->");
+						} else {
+							$$renderer.push("<!--[!-->");
+							$$renderer.push("<!--]-->");
+						}
+						$$renderer.push(` `);
+						if (Card_content) {
+							$$renderer.push("<!--[-->");
+							Card_content($$renderer, {
+								class: "space-y-3",
+								children: ($$renderer) => {
+									if (!data.overrideEnabled && servers.length === 0) {
+										$$renderer.push("<!--[0-->");
+										EmptyState($$renderer, {
+											size: "sm",
+											icon: Server,
+											title: "Org-private servers disabled",
+											description: `This ${stringify(brandName())} instance does not allow per-org compute servers.`
+										});
+									} else if (servers.length === 0) {
+										$$renderer.push("<!--[1-->");
+										{
+											function actions($$renderer) {
+												Button($$renderer, {
+													variant: "outline",
+													size: "sm",
+													onclick: addServer,
+													children: ($$renderer) => {
+														Plus($$renderer, { class: "mr-1.5 h-3.5 w-3.5" });
+														$$renderer.push(`<!----> Add server`);
+													},
+													$$slots: { default: true }
+												});
+											}
+											EmptyState($$renderer, {
+												size: "sm",
+												icon: Server,
+												title: "No org-private servers yet",
+												actions});
+										}
+									} else {
+										$$renderer.push("<!--[-1-->");
+										$$renderer.push(`<!--[-->`);
+										const each_array_1 = ensure_array_like(servers);
+										for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+											let server = each_array_1[i];
+											serverCard($$renderer, server, i);
+										}
+										$$renderer.push(`<!--]-->`);
+									}
+									$$renderer.push(`<!--]-->`);
+								},
+								$$slots: { default: true }
+							});
+							$$renderer.push("<!--]-->");
+						} else {
+							$$renderer.push("<!--[!-->");
+							$$renderer.push("<!--]-->");
+						}
+					},
+					$$slots: { default: true }
+				});
+				$$renderer.push("<!--]-->");
+			} else {
+				$$renderer.push("<!--[!-->");
+				$$renderer.push("<!--]-->");
+			}
+			$$renderer.push(`</div>`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+	});
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte.js-CBFrurXA.js.map