@wular/coder 0.4.2 → 0.4.5

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/[slug]/(tabs)/page.7fd1bfcf08e25919.js

@@ -0,0 +1,116 @@
+import "./page.3120ea9ec90cb9cc.css.pnext-asset.js";
+import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { formatDay, zoneOf } from "../../../../../utils/format.ba382c381ea40e77.js";
+import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { load } from "../../../../../api/load.bdbf17006af803d1.js";
+import { Card, Empty } from "../../../../../comps/ui/card.e6876039e375b849.js";
+import { Settle } from "../../../../../comps/frame/stream.4c04416dab6ffc52.js";
+import { loadAgent } from "../../../../../api/load.bdbf17006af803d1.js";
+import { editableAgent } from "../../../../../api/types.0cf02e7714d7c1a2.js";
+import { LIST_PAGE } from "../../../../../utils/paged.64ead375df845ff2.js";
+import { ENGINE_NAMES, defaultLabel } from "../../../settings/model-options.2ca6c87aedf3588c.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const VersionsList = dynamic(() => import("./versions-list.0c6811b66b2fcc49.js").then((m) => m.VersionsList), {
+	load: "visible",
+	ssr: true
+}, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/agents/[slug]/(tabs)/versions-list.tsx", import.meta.url).pathname),
+	"exportName": "VersionsList",
+	"id": "c-688c42774c"
+});
+const Instructions = dynamic(() => import("../../agent/instructions.403838f7cb218391.js").then((m) => m.Instructions), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/agents/agent/instructions.tsx", import.meta.url).pathname),
+	"exportName": "Instructions",
+	"id": "c-cb3ba23104"
+});
+const KIND = {
+	builtin: "Built-in agent",
+	upload: "Dashboard agent",
+	repo: "Repository agent",
+	home: "Local agent"
+};
+/** Details, instructions and version history: the agent and its versions. */
+function OverviewBody({ agent, history, defaults, tz }) {
+	const current = history.items.find((version) => version.version === agent.currentVersion);
+	const definition = agent.definition;
+	const engine = agent.settings?.engine ?? definition?.engine;
+	const base = defaults.engines[engine ?? defaults.engine];
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		/* @__PURE__ */ _jsx(Card, {
+			title: "Details",
+			children: /* @__PURE__ */ _jsxs("dl", {
+				class: "facts body",
+				children: [
+					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Type" }), /* @__PURE__ */ _jsx("dd", { children: agent.local && agent.source === "repo" ? "Repo agent" : agent.local && agent.source === "upload" ? "Local agent" : KIND[agent.source] ?? agent.source })] }),
+					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Engine" }), /* @__PURE__ */ _jsx("dd", { children: engine ?? defaultLabel(ENGINE_NAMES[defaults.engine] ?? defaults.engine) })] }),
+					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Model" }), /* @__PURE__ */ _jsx("dd", { children: agent.settings?.model ?? definition?.model ?? defaultLabel(base?.model) })] }),
+					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Effort" }), /* @__PURE__ */ _jsx("dd", { children: agent.settings?.effort ?? definition?.effort ?? defaultLabel(base?.effort) })] }),
+					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Permissions" }), /* @__PURE__ */ _jsx("dd", { children: agent.settings?.permissions ?? definition?.permissions ?? defaultLabel("read-only") })] }),
+					agent.local ? agent.commit && /* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Commit" }), /* @__PURE__ */ _jsx("dd", { children: agent.commit.slice(0, 7) })] }) : /* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Version" }), /* @__PURE__ */ _jsxs("dd", { children: [
+						"v",
+						agent.currentVersion,
+						current ? `, ${formatDay(current.createdAt, tz)}` : ""
+					] })] })
+				]
+			})
+		}),
+		/* @__PURE__ */ _jsx(Card, {
+			title: "Instructions",
+			actions: editableAgent(agent) ? /* @__PURE__ */ _jsx(Link, {
+				class: "btn ghost sm",
+				href: "/dash/agents/[slug]/edit",
+				params: { slug: agent.id },
+				search: { section: "instructions" },
+				children: "Edit"
+			}) : agent.sourceUrl ? /* @__PURE__ */ _jsx("a", {
+				class: "btn ghost sm",
+				href: agent.sourceUrl,
+				target: "_blank",
+				rel: "noreferrer",
+				children: "Open source"
+			}) : undefined,
+			children: agent.systemPrompt?.trim() ? /* @__PURE__ */ _jsx(Instructions, { text: agent.systemPrompt.trim() }) : /* @__PURE__ */ _jsx(Empty, {
+				title: "No instructions yet",
+				children: "The agent starts every task from a blank prompt."
+			})
+		}),
+		agent.local ? null : /* @__PURE__ */ _jsxs(Card, {
+			title: "Version history",
+			count: agent.currentVersion,
+			children: [/* @__PURE__ */ _jsx("p", {
+				class: "body muted",
+				children: "Each publish adds a version. New tasks run on the current one, and the list shows when each went live."
+			}), /* @__PURE__ */ _jsx(VersionsList, {
+				agent: agent.id,
+				current: agent.currentVersion,
+				first: history,
+				tz
+			})]
+		})
+	] });
+}
+export default async function AgentPage({ request, params }) {
+	if (!request) return null;
+	const { slug: raw } = await params;
+	const slug = Array.isArray(raw) ? raw[0] : raw;
+	const tz = zoneOf(request);
+	const agent = loadAgent(request, slug);
+	const versions = load(request).agents.versions(slug, {
+		cursor: "",
+		limit: LIST_PAGE
+	});
+	const config = load(request).config.get().catch(() => undefined);
+	return /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
+		agent,
+		versions,
+		config
+	]).then(([row, history, shown]) => /* @__PURE__ */ _jsx(OverviewBody, {
+		agent: row,
+		history,
+		defaults: {
+			engine: shown?.effective.chain?.[0] ?? "claude",
+			engines: shown?.effective.engines ?? {}
+		},
+		tz
+	})) });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/[slug]/(tabs)/platforms/loading.849dc6e6050a7e21.js

@@ -0,0 +1,10 @@
+import { LoadingCard } from "../../../../../../comps/frame/loading-card.9648c7782502babc.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export const Lead = () => /* @__PURE__ */ _jsx("p", {
+	class: "tab-lead",
+	children: "Each platform gets its own app named after the agent. Install an app wherever the agent should work."
+});
+/** The platforms tab before its apps arrive. */
+export default function PlatformsLoading() {
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Lead, {}), /* @__PURE__ */ _jsx(LoadingCard, { label: "Loading platforms" })] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/[slug]/(tabs)/platforms/page.31687af871d75d39.js

@@ -0,0 +1,170 @@
+import "./page.143668a9c21806d6.css.pnext-asset.js";
+import { dynamic } from "../../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
+import { formatDay, zoneOf } from "../../../../../../utils/format.ba382c381ea40e77.js";
+import { Link } from "../../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { encodeDefinition, load, unwrap } from "../../../../../../api/load.bdbf17006af803d1.js";
+import { Card, Empty } from "../../../../../../comps/ui/card.e6876039e375b849.js";
+import { Badge, Chips } from "../../../../../../comps/ui/badge.e52db98d78836f9a.js";
+import { MoreList } from "../../../../../../comps/ui/menu.3b3026ecd4dc31f0.js";
+import { Settle } from "../../../../../../comps/frame/stream.4c04416dab6ffc52.js";
+import { loadAgent } from "../../../../../../api/load.bdbf17006af803d1.js";
+import { needsTunnel } from "../../../../../../api/types.0cf02e7714d7c1a2.js";
+import { editableAgent } from "../../../../../../api/types.0cf02e7714d7c1a2.js";
+import { TunnelGuide } from "../../../../settings/tunnel-guide.22448081e9e042d6.js";
+import { Platform } from "../../../agent/agent-pills.c5710a4f634f9d6a.js";
+import { Lead } from "./loading.849dc6e6050a7e21.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const PlatformActions = dynamic(() => import("./platform-actions.754eff65aec1ab59.js").then((m) => m.PlatformActions), undefined, {
+	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../src/server/dash/app/dash/agents/[slug]/(tabs)/platforms/platform-actions.tsx", import.meta.url).pathname),
+	"exportName": "PlatformActions",
+	"id": "c-b8a7a49ce0"
+});
+const eventNames = (events) => Array.isArray(events) ? events.map(String) : events && typeof events === "object" ? Object.keys(events) : [];
+const REACH_BADGE = {
+	installed: {
+		tone: "ok",
+		label: "installed"
+	},
+	created: {
+		tone: "warn",
+		label: "app created"
+	},
+	none: { label: "not set up" }
+};
+/** Organizations this workspace already works in on `integration`, where a new app could live. */
+const organizationsOn = (integration, catalog, everywhere) => catalog.find((entry) => entry.id === integration)?.organizationApps ? [...new Set(everywhere.filter((entry) => entry.integration === integration && entry.account.type && entry.account.type !== "User").map((entry) => entry.account.login))].sort() : [];
+/** One row per platform: what wakes it, its access, the app, where it is installed, and the next step. */
+function Platforms({ agent, apps, installations, everywhere, catalog, tz }) {
+	const declared = agent.definition?.integrations ?? {};
+	const ids = Object.keys(declared).sort();
+	if (!ids.length) return /* @__PURE__ */ _jsx(Empty, {
+		title: "This agent listens nowhere yet",
+		children: editableAgent(agent) ? /* @__PURE__ */ _jsx(Link, {
+			class: "btn outline sm",
+			href: "/dash/agents/[slug]/edit",
+			params: { slug: agent.id },
+			search: { section: "platforms" },
+			children: "Pick a platform"
+		}) : "Its definition declares no platform."
+	});
+	const def = agent.definition ? encodeDefinition(agent.definition) : "";
+	const createUrl = (integration) => {
+		const params = new URLSearchParams({
+			agent: agent.id,
+			def
+		});
+		if (agent.source === "repo" && agent.repo) {
+			params.set("repo", agent.repo);
+			params.set("branch", apps.find((app) => app.branch)?.branch ?? "main");
+		}
+		return `/create/${encodeURIComponent(integration)}?${params}`;
+	};
+	return /* @__PURE__ */ _jsx(Card, { children: /* @__PURE__ */ _jsx("div", {
+		class: "table-scroll",
+		children: /* @__PURE__ */ _jsxs("table", {
+			class: "plat stacked early",
+			children: [/* @__PURE__ */ _jsx("thead", { children: /* @__PURE__ */ _jsxs("tr", { children: [
+				/* @__PURE__ */ _jsx("th", { children: "Platform" }),
+				/* @__PURE__ */ _jsx("th", { children: "Wakes on" }),
+				/* @__PURE__ */ _jsx("th", { children: "Access" }),
+				/* @__PURE__ */ _jsx("th", { children: "App" }),
+				/* @__PURE__ */ _jsx("th", { children: "Installed on" }),
+				/* @__PURE__ */ _jsx("th", {})
+			] }) }), /* @__PURE__ */ _jsx("tbody", { children: ids.map((id) => {
+				const own = apps.filter((app) => app.integration === id);
+				const installs = installations.filter((entry) => own.some((app) => app.id === entry.app));
+				const state = !own.length ? "none" : installs.length ? "installed" : "created";
+				const narrowed = agent.settings?.integrations?.[id];
+				const events = narrowed?.allowedEvents ?? eventNames(declared[id]?.triggers);
+				const tools = narrowed?.allowedTools ?? declared[id]?.tools;
+				const place = (entry) => /* @__PURE__ */ _jsxs("span", {
+					class: "inst",
+					children: [/* @__PURE__ */ _jsx("b", { children: entry.account.login }), /* @__PURE__ */ _jsx("span", {
+						class: "sub",
+						children: [entry.account.type?.toLowerCase(), [
+							entry.settings?.configRepo,
+							entry.settings?.engine,
+							entry.settings?.effort
+						].filter(Boolean).join(", ")].filter(Boolean).join(" · ") || "account"
+					})]
+				}, entry.id);
+				return /* @__PURE__ */ _jsxs("tr", { children: [
+					/* @__PURE__ */ _jsx("td", { children: /* @__PURE__ */ _jsx(Platform, {
+						id,
+						info: catalog.find((entry) => entry.id === id),
+						state
+					}) }),
+					/* @__PURE__ */ _jsx("td", { children: /* @__PURE__ */ _jsx(Chips, { values: events }) }),
+					/* @__PURE__ */ _jsx("td", {
+						class: "muted",
+						children: typeof tools === "string" ? tools : Array.isArray(tools) ? `${tools.length} tools` : "observe"
+					}),
+					/* @__PURE__ */ _jsx("td", { children: own.length ? own.map((app) => /* @__PURE__ */ _jsxs("span", {
+						class: "inst",
+						children: [/* @__PURE__ */ _jsx("b", { children: app.name }), /* @__PURE__ */ _jsxs("span", {
+							class: "sub",
+							children: ["created ", formatDay(app.createdAt, tz)]
+						})]
+					}, app.id)) : /* @__PURE__ */ _jsx("span", {
+						class: "muted",
+						children: "No app yet"
+					}) }),
+					/* @__PURE__ */ _jsx("td", {
+						class: "where",
+						children: installs.length ? /* @__PURE__ */ _jsxs(_Fragment, { children: [installs.slice(0, 2).map(place), installs.length > 2 ? /* @__PURE__ */ _jsx(MoreList, {
+							label: `+${installs.length - 2} more`,
+							children: installs.slice(2).map(place)
+						}) : null] }) : /* @__PURE__ */ _jsx("span", {
+							class: "muted",
+							children: own.length ? "Not installed" : "Not available"
+						})
+					}),
+					/* @__PURE__ */ _jsxs("td", {
+						class: "acts",
+						children: [/* @__PURE__ */ _jsx(Badge, {
+							tone: REACH_BADGE[state].tone,
+							children: REACH_BADGE[state].label
+						}), /* @__PURE__ */ _jsx(PlatformActions, {
+							integration: id,
+							apps: own.map((app) => ({
+								id: app.id,
+								name: app.name
+							})),
+							installed: installs.length > 0,
+							createUrl: createUrl(id),
+							owners: organizationsOn(id, catalog, everywhere)
+						})]
+					})
+				] }, id);
+			}) })]
+		})
+	}) });
+}
+export default async function AgentPlatformsPage({ request, params }) {
+	if (!request) return null;
+	const { slug: raw } = await params;
+	const slug = Array.isArray(raw) ? raw[0] : raw;
+	const tz = zoneOf(request);
+	const agent = loadAgent(request, slug);
+	const apps = load(request).apps.list(slug).then(unwrap);
+	const everywhere = load(request).installations.list().then(unwrap);
+	const catalog = load(request).integrations.list().catch(() => []);
+	const me = load(request).me().catch(() => undefined);
+	const port = new URL(request.url).port || "8787";
+	apps.catch(() => {});
+	everywhere.catch(() => {});
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Lead, {}), /* @__PURE__ */ _jsx(Settle, { load: () => Promise.all([
+		agent,
+		apps,
+		everywhere,
+		catalog,
+		me
+	]).then(([row, own, all, integrations, who]) => /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Platforms, {
+		agent: row,
+		apps: own,
+		installations: all.filter((entry) => !entry.deletedAt && own.some((app) => app.id === entry.app)),
+		everywhere: all.filter((entry) => !entry.deletedAt),
+		catalog: integrations,
+		tz
+	}), who && needsTunnel(who) ? /* @__PURE__ */ _jsx(TunnelGuide, { port }) : null] })) })] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/[slug]/(tabs)/platforms/platform-actions.754eff65aec1ab59.js

@@ -0,0 +1,70 @@
+"use client";
+import { useState } from "../../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../../utils/client.f37a313f4811ddb8.js";
+import { iDots, iPlus, iSpark } from "../../../../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { reasonText } from "../../../../../../utils/format.ba382c381ea40e77.js";
+import { ErrorText } from "../../../../../../comps/ui/field.37f93068217e1470.js";
+import { Icon } from "../../../../../../comps/ui/icon.93605083edf7efe3.js";
+import { Menu, MenuItem } from "../../../../../../comps/ui/menu.3b3026ecd4dc31f0.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** The one next step for a platform, and the rarer ones in its row menu. */
+export function PlatformActions({ integration, apps, installed, createUrl, owners = [] }) {
+	const [error, setError] = useState("");
+	const [busy, setBusy] = useState(false);
+	const where = (owner = "") => owner ? `${createUrl}&owner=${encodeURIComponent(owner)}` : createUrl;
+	const install = (app) => {
+		setBusy(true);
+		setError("");
+		void client.apps.install(app, location.pathname).then(({ url }) => {
+			location.href = url;
+		}).catch((reason) => {
+			setBusy(false);
+			setError(reasonText(reason));
+		});
+	};
+	// The organization the workspace already works in is preselected; the menu holds the other places.
+	if (!apps.length) return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("a", {
+		class: "btn sm",
+		href: where(owners[0]),
+		title: owners[0] ? `Creates the app in ${owners[0]}` : undefined,
+		children: "Create app"
+	}), owners.length ? /* @__PURE__ */ _jsx(Menu, {
+		summaryClass: "icon-btn",
+		label: `Where the ${integration} app lives`,
+		wide: true,
+		summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
+		children: [...owners.slice(1), ""].map((name) => /* @__PURE__ */ _jsx(MenuItem, {
+			icon: iSpark,
+			href: where(name),
+			title: name ? `Create in ${name}` : "Create under your account",
+			sub: "The app is private to where it lives."
+		}, name))
+	}) : null] });
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		installed ? null : /* @__PURE__ */ _jsx("button", {
+			type: "button",
+			class: "btn sm",
+			disabled: busy,
+			onClick: () => install(apps[0].id),
+			children: "Install"
+		}),
+		/* @__PURE__ */ _jsxs(Menu, {
+			summaryClass: "icon-btn",
+			label: `More for ${integration}`,
+			wide: true,
+			summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
+			children: [apps.map((app) => /* @__PURE__ */ _jsx(MenuItem, {
+				icon: iPlus,
+				title: apps.length > 1 ? `Install ${app.name} on another account` : "Install on another account",
+				sub: "Add this app to more repositories, another org, or another workspace.",
+				onClick: () => install(app.id)
+			}, app.id)), /* @__PURE__ */ _jsx(MenuItem, {
+				icon: iSpark,
+				href: where(owners[0]),
+				title: `Create another ${integration} app`,
+				sub: "A separate app for an account this one cannot be installed on."
+			})]
+		}),
+		/* @__PURE__ */ _jsx(ErrorText, { value: error })
+	] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/[slug]/(tabs)/settings/agent-settings-form.861ed9832cbe89c1.js

@@ -0,0 +1,268 @@
+"use client";
+import "./agent-settings-form.d6de90cb40c3bd46.css.pnext-asset.js";
+import { useLayoutEffect, useRef, useState } from "../../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../../utils/client.f37a313f4811ddb8.js";
+import { reasonText } from "../../../../../../utils/format.ba382c381ea40e77.js";
+import { ErrorText, Field } from "../../../../../../comps/ui/field.37f93068217e1470.js";
+import { Chips } from "../../../../../../comps/ui/badge.e52db98d78836f9a.js";
+import { Select } from "../../../../../../comps/ui/select.14e820c8a26ab8b5.js";
+import { Search } from "../../../../../../comps/ui/toolbar.32503820243ede06.js";
+import { ENGINE_NAMES, defaultLabel, modelHeadings, modelOptions, modelValue, splitModel } from "../../../../settings/model-options.2ca6c87aedf3588c.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const EFFORTS = [
+	"low",
+	"medium",
+	"high"
+];
+const PERMISSIONS = [
+	"read-only",
+	"workspace-write",
+	"auto"
+];
+const PRESETS = [
+	"observe",
+	"comment",
+	"write"
+];
+const eventNames = (events) => Array.isArray(events) ? events.map(String) : events && typeof events === "object" ? Object.keys(events) : [];
+function Choice({ name, label, hint, value, options, blank }) {
+	const list = value && !options.includes(value) ? [...options, value] : options;
+	return /* @__PURE__ */ _jsx(Field, {
+		label,
+		hint,
+		group: true,
+		children: /* @__PURE__ */ _jsx(Select, {
+			name,
+			label,
+			defaultValue: value ?? "",
+			options: [["", blank], ...list.map((option) => [option, option])]
+		})
+	});
+}
+/** How this agent runs here: engine settings, then one tab per platform to narrow access and events. One Save. */
+export function AgentSettingsForm({ agent, models, defaults, runners }) {
+	const [panel, setPanel] = useState(0);
+	const [error, setError] = useState("");
+	const [saved, setSaved] = useState("");
+	const [busy, setBusy] = useState(false);
+	const [query, setQuery] = useState("");
+	const [hits, setHits] = useState();
+	const form = useRef(null);
+	const settings = agent.settings ?? {};
+	const [model, setModel] = useState(modelValue(settings.engine, settings.model));
+	const declared = agent.definition?.integrations ?? {};
+	const platforms = Object.keys(declared).sort();
+	const own = agent.definition;
+	const engine = own?.engine ?? defaults.engine;
+	// Filters every panel's fields by label and current value, and moves to a panel that has a match.
+	useLayoutEffect(() => {
+		const needle = query.trim().toLowerCase();
+		const found = [];
+		form.current.querySelectorAll(".vpanel").forEach((section, index) => {
+			let any = false;
+			section.querySelectorAll(".field").forEach((field) => {
+				const values = [...field.querySelectorAll("input")].map((input) => input.value).join(" ");
+				const match = !needle || `${field.textContent} ${values}`.toLowerCase().includes(needle);
+				field.hidden = !match;
+				any ||= match;
+			});
+			if (any) found.push(index);
+		});
+		setHits(needle ? found : undefined);
+		if (needle && found.length && !found.includes(panel)) setPanel(found[0]);
+	}, [query]);
+	const submit = async (event) => {
+		event.preventDefault();
+		const values = new FormData(event.currentTarget);
+		const text = (key) => String(values.get(key) ?? "").trim();
+		const next = {};
+		for (const key of [
+			"effort",
+			"permissions",
+			"runner"
+		]) if (text(key)) next[key] = text(key);
+		const picked = splitModel(model);
+		if (picked.engine) next.engine = picked.engine;
+		if (picked.model) next.model = picked.model;
+		for (const id of platforms) {
+			const current = settings.integrations?.[id] ?? {};
+			const entry = {};
+			if (Array.isArray(current.allowedTools)) entry.allowedTools = current.allowedTools;
+			else if (text(`tools:${id}`)) entry.allowedTools = text(`tools:${id}`);
+			const names = eventNames(declared[id]?.triggers);
+			const picked = values.getAll(`event:${id}`).map(String);
+			if (names.length && picked.length < names.length) entry.allowedEvents = picked;
+			if (Object.keys(entry).length) (next.integrations ??= {})[id] = entry;
+		}
+		setBusy(true);
+		setError("");
+		setSaved("");
+		try {
+			await client.agents.settings(agent.id, next);
+			setSaved("Saved. New tasks use these settings.");
+		} catch (reason) {
+			setError(reasonText(reason));
+		}
+		setBusy(false);
+	};
+	return /* @__PURE__ */ _jsxs("form", {
+		ref: form,
+		class: "vsettings card frame",
+		onSubmit: submit,
+		children: [/* @__PURE__ */ _jsxs("nav", {
+			class: "tabs vertical",
+			"aria-label": "Settings sections",
+			children: [
+				/* @__PURE__ */ _jsx("p", {
+					class: "tabs-label",
+					children: "Runtime"
+				}),
+				/* @__PURE__ */ _jsx("button", {
+					type: "button",
+					"aria-current": panel === 0 ? "true" : undefined,
+					class: hits && !hits.includes(0) ? "miss" : undefined,
+					onClick: () => setPanel(0),
+					children: "How it runs"
+				}),
+				platforms.length ? /* @__PURE__ */ _jsx("p", {
+					class: "tabs-label",
+					children: "Platforms"
+				}) : null,
+				platforms.map((id, index) => /* @__PURE__ */ _jsx("button", {
+					type: "button",
+					"aria-current": panel === index + 1 ? "true" : undefined,
+					class: hits && !hits.includes(index + 1) ? "miss" : undefined,
+					onClick: () => setPanel(index + 1),
+					children: id
+				}, id))
+			]
+		}), /* @__PURE__ */ _jsxs("div", {
+			class: "vbody",
+			children: [
+				/* @__PURE__ */ _jsxs("div", {
+					class: "vsearch",
+					children: [/* @__PURE__ */ _jsx(Search, {
+						value: query,
+						label: "Search settings",
+						onInput: setQuery
+					}), hits && !hits.length ? /* @__PURE__ */ _jsx("span", {
+						class: "muted",
+						children: "No setting matches."
+					}) : null]
+				}),
+				/* @__PURE__ */ _jsxs("section", {
+					class: "vpanel",
+					hidden: panel !== 0,
+					children: [
+						/* @__PURE__ */ _jsx("h2", { children: "How it runs" }),
+						/* @__PURE__ */ _jsx("p", {
+							class: "muted",
+							children: "Anything left on Default follows the agent's own definition."
+						}),
+						/* @__PURE__ */ _jsxs("div", {
+							class: "fields",
+							children: [
+								/* @__PURE__ */ _jsx(Field, {
+									label: "Model",
+									hint: "picking a model picks its engine",
+									group: true,
+									children: /* @__PURE__ */ _jsx(Select, {
+										label: "Model",
+										value: model,
+										options: [...modelOptions(models, defaultLabel([ENGINE_NAMES[engine] ?? engine, own?.model ?? defaults.engines[engine]?.model].filter(Boolean).join(" · "))), ...!settings.engine && settings.model ? [[modelValue(undefined, settings.model), settings.model]] : []],
+										headings: modelHeadings(models),
+										onChange: setModel
+									})
+								}),
+								/* @__PURE__ */ _jsx(Choice, {
+									name: "effort",
+									label: "Effort",
+									value: settings.effort,
+									options: EFFORTS,
+									blank: defaultLabel(own?.effort ?? defaults.engines[splitModel(model).engine ?? engine]?.effort)
+								}),
+								/* @__PURE__ */ _jsx(Choice, {
+									name: "permissions",
+									label: "Permissions",
+									hint: "what the runner may change in the checkout",
+									value: settings.permissions,
+									options: PERMISSIONS,
+									blank: defaultLabel(own?.permissions ?? "read-only")
+								}),
+								runners.length > 1 ? /* @__PURE__ */ _jsx(Field, {
+									label: "Runs on",
+									group: true,
+									children: /* @__PURE__ */ _jsx(Select, {
+										name: "runner",
+										label: "Runs on",
+										defaultValue: settings.runner ?? "",
+										options: runners
+									})
+								}) : null
+							]
+						})
+					]
+				}),
+				platforms.map((id, index) => {
+					const current = settings.integrations?.[id] ?? {};
+					const names = eventNames(declared[id]?.triggers);
+					const allowed = current.allowedEvents;
+					const tools = declared[id]?.tools;
+					return /* @__PURE__ */ _jsxs("section", {
+						class: "vpanel",
+						hidden: panel !== index + 1,
+						children: [
+							/* @__PURE__ */ _jsx("h2", { children: id }),
+							/* @__PURE__ */ _jsx("p", {
+								class: "muted",
+								children: "Narrow what the agent does here. Only the events its definition declares can be picked."
+							}),
+							Array.isArray(current.allowedTools) ? /* @__PURE__ */ _jsxs("div", {
+								class: "field",
+								children: [/* @__PURE__ */ _jsx("span", { children: "Platform access" }), /* @__PURE__ */ _jsx(Chips, { values: current.allowedTools })]
+							}) : /* @__PURE__ */ _jsx(Choice, {
+								name: `tools:${id}`,
+								label: "Platform access",
+								hint: "observe reads, comment also replies, write also pushes and merges",
+								value: typeof current.allowedTools === "string" ? current.allowedTools : undefined,
+								options: PRESETS,
+								blank: defaultLabel(typeof tools === "string" ? tools : tools ? "custom" : "observe")
+							}),
+							names.length ? /* @__PURE__ */ _jsxs("div", {
+								class: "field",
+								children: [/* @__PURE__ */ _jsxs("span", { children: ["Events ", /* @__PURE__ */ _jsx("small", { children: "all declared events unless you narrow it" })] }), /* @__PURE__ */ _jsx("div", {
+									class: "checks",
+									children: names.map((name) => /* @__PURE__ */ _jsxs("label", {
+										class: "check",
+										children: [/* @__PURE__ */ _jsx("input", {
+											type: "checkbox",
+											name: `event:${id}`,
+											value: name,
+											defaultChecked: !allowed || allowed.includes(name)
+										}), name]
+									}, name))
+								})]
+							}) : null
+						]
+					}, id);
+				}),
+				/* @__PURE__ */ _jsxs("div", {
+					class: "form-actions save",
+					children: [
+						/* @__PURE__ */ _jsx("button", {
+							class: "btn",
+							disabled: busy,
+							children: "Save"
+						}),
+						/* @__PURE__ */ _jsx(ErrorText, { value: error }),
+						saved ? /* @__PURE__ */ _jsx("span", {
+							class: "flash",
+							role: "status",
+							children: saved
+						}) : null
+					]
+				})
+			]
+		})]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/agents/[slug]/(tabs)/settings/loading.2ec7a3b893925df0.js

@@ -0,0 +1,8 @@
+import { LoadingCard } from "../../../../../../comps/frame/loading-card.9648c7782502babc.js";
+import { jsx as _jsx } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export default function AgentSettingsLoading() {
+	return /* @__PURE__ */ _jsx(LoadingCard, {
+		label: "Loading settings",
+		h: 339
+	});
+}