@cloud-cli/on 1.55.2 → 1.57.0

package/dist/api-key-repository.d.ts

@@ -1,4 +1,4 @@
-export declare const API_KEY_SCOPES: readonly ["workflows:read", "workflows:write", "logs:read", "artifacts:read", "runs:control"];
+export declare const API_KEY_SCOPES: readonly ["workflows:read", "workflows:write", "logs:read", "artifacts:read", "runs:control", "runs:dispatch"];
 export type ApiKeyScope = (typeof API_KEY_SCOPES)[number];
 export declare class ApiKeyRepository {
     init(): Promise<void>;
@@ -6,7 +6,7 @@ export declare class ApiKeyRepository {
     issue(name: string, scopes: string[]): Promise<{
         id: `${string}-${string}-${string}-${string}-${string}`;
         name: string;
-        scopes: ("workflows:read" | "workflows:write" | "logs:read" | "artifacts:read" | "runs:control")[];
+        scopes: ("workflows:read" | "workflows:write" | "logs:read" | "artifacts:read" | "runs:control" | "runs:dispatch")[];
         token: string;
     }>;
     scopesForToken(token: string): Promise<string[] | null>;

package/dist/api-key-repository.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-key-repository.d.ts","sourceRoot":"","sources":["../src/api-key-repository.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,+FAAgG,CAAC;AAC5H,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,qBAAa,gBAAgB;IACrB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAYrB,IAAI;IAKJ,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;;;;;;IAUpC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC;IAQvD,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;CAI3C"}
+{"version":3,"file":"api-key-repository.d.ts","sourceRoot":"","sources":["../src/api-key-repository.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,gHAAiH,CAAC;AAC7I,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,qBAAa,gBAAgB;IACrB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAYrB,IAAI;IAKJ,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;;;;;;IAUpC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC;IAQvD,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;CAI3C"}

package/dist/help.d.ts

@@ -1,2 +1,4 @@
+import workflowDocs from '../docs/workflow-syntax.md?raw';
+export { workflowDocs };
 export declare function renderHelpHtml(embed?: boolean): string;
 //# sourceMappingURL=help.d.ts.map

package/dist/help.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"help.d.ts","sourceRoot":"","sources":["../src/help.ts"],"names":[],"mappings":"AAmCA,wBAAgB,cAAc,CAAC,KAAK,UAAQ,GAAG,MAAM,CAqDpD"}
+{"version":3,"file":"help.d.ts","sourceRoot":"","sources":["../src/help.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,CAAC;AAkCxB,wBAAgB,cAAc,CAAC,KAAK,UAAQ,GAAG,MAAM,CAqDpD"}

package/dist/on.js

@@ -227,13 +227,15 @@ var ye = class extends l {
 		await this.createTables(), await this.clearStaleJobs();
 	}
 	async enqueue(e, t, n, r = [], i) {
-		return i && await C.run("UPDATE jobs SET status = 'cancelled' WHERE concurrency_key = ? AND status IN ('pending', 'running');", [i]), await C.run("INSERT INTO jobs (workflow_id, workflow_revision, required_tags, concurrency_key, payload) VALUES (?, ?, ?, ?, ?);", [
+		i && await C.run("UPDATE jobs SET status = 'cancelled' WHERE concurrency_key = ? AND status IN ('pending', 'running');", [i]);
+		let a = await C.run("INSERT INTO jobs (workflow_id, workflow_revision, required_tags, concurrency_key, payload) VALUES (?, ?, ?, ?, ?);", [
 			e,
 			t,
 			JSON.stringify(r),
 			i || "",
 			JSON.stringify(n)
 		]);
+		return Number(a?.lastInsertRowid ?? a?.id ?? 0);
 	}
 	async claimNextJob(e = []) {
 		return await C.get("\n      UPDATE jobs\n      SET\n        status = 'running',\n        worker_id = ?,\n        started_at = CURRENT_TIMESTAMP\n      WHERE id = (\n        SELECT id FROM jobs\n        WHERE status = 'pending'\n          AND NOT EXISTS (\n            SELECT 1\n            FROM json_each(COALESCE(jobs.required_tags, '[]')) AS required_tag\n            WHERE required_tag.value NOT IN (SELECT value FROM json_each(?))\n          )\n        ORDER BY created_at ASC\n        LIMIT 1\n      )\n      RETURNING *;\n    ", [this.workerId, JSON.stringify(e)]) || null;
@@ -5739,6 +5741,49 @@ var oa = {
 				content: { "application/json": { schema: { $ref: "#/components/schemas/JobList" } } }
 			} }
 		} },
+		"/api/dispatch/{trigger}": { post: {
+			tags: ["jobs"],
+			summary: "Dispatch a workflow trigger with manual inputs",
+			security: [{ bearerAuth: [] }, { basicAuth: [] }],
+			parameters: [{
+				name: "trigger",
+				in: "path",
+				required: !0,
+				schema: { type: "string" }
+			}],
+			requestBody: {
+				required: !0,
+				content: { "application/json": { schema: { type: "object" } } }
+			},
+			responses: {
+				202: {
+					description: "Jobs queued",
+					content: { "application/json": { schema: { type: "object" } } }
+				},
+				401: { $ref: "#/components/responses/Unauthorized" }
+			}
+		} },
+		"/api/jobs/{jobId}/wait": { get: {
+			tags: ["jobs"],
+			summary: "Wait for a job to reach a terminal state",
+			parameters: [{ $ref: "#/components/parameters/JobId" }, {
+				name: "timeout",
+				in: "query",
+				schema: {
+					type: "integer",
+					minimum: 0,
+					maximum: 12e4,
+					default: 3e4
+				}
+			}],
+			responses: {
+				200: {
+					description: "Latest job state",
+					content: { "application/json": { schema: { type: "object" } } }
+				},
+				404: { $ref: "#/components/responses/NotFound" }
+			}
+		} },
 		"/api/jobs/{jobId}/cancel": { post: {
 			tags: ["jobs"],
 			summary: "Cancel an active job",
@@ -6262,7 +6307,8 @@ var oa = {
 								"workflows:write",
 								"logs:read",
 								"artifacts:read",
-								"runs:control"
+								"runs:control",
+								"runs:dispatch"
 							]
 						}
 					}
@@ -6293,7 +6339,8 @@ var oa = {
 	"workflows:write",
 	"logs:read",
 	"artifacts:read",
-	"runs:control"
+	"runs:control",
+	"runs:dispatch"
 ], ca = class {
 	async init() {
 		await C.exec("CREATE TABLE IF NOT EXISTS api_keys (\n      id TEXT PRIMARY KEY,\n      name TEXT NOT NULL,\n      key_hash TEXT NOT NULL UNIQUE,\n      scopes TEXT NOT NULL,\n      created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n      last_used_at DATETIME,\n      revoked_at DATETIME\n    )");
@@ -6328,7 +6375,7 @@ var oa = {
 		let t = await C.run("UPDATE api_keys SET revoked_at = CURRENT_TIMESTAMP WHERE id = ? AND revoked_at IS NULL", [e]);
 		return Number(t?.changes || 0) > 0;
 	}
-}, la = "<!doctype html>\n<html lang=\"en\" class=\"dark\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n    <title>Runner settings</title>\n    <script type=\"importmap\">\n      { \"imports\": { \"@li3/\": \"https://cdn.li3.dev/@li3/\" } }\n    <\/script>\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/lucide-icon.html\" />\n    <link rel=\"component\" href=\"/app-header.html\" />\n  </head>\n  <body data-page=\"__SETTINGS_PAGE__\" class=\"min-h-screen bg-gray-950 p-4 font-sans text-gray-100 md:p-6\">\n    <template app>\n      <main class=\"mx-auto max-w-6xl space-y-5 py-6\">\n        <app-header title=\"Settings\" subtitle=\"Human-admin controls and automation credentials\" back=\"/runs\" back-label=\"Back to jobs\"></app-header>\n        <nav class=\"flex flex-wrap gap-1 rounded-xl border border-gray-800 bg-gray-900/70 p-1\" aria-label=\"Settings navigation\">\n          <a href=\"/settings/workflows\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Workflows</a>\n          <a href=\"/settings/secrets\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Secrets</a>\n          <a href=\"/settings/tokens\" bind-class=\"page === 'tokens' ? 'bg-gray-800.text-white' : ''\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">API tokens</a>\n          <a href=\"/settings/notifications\" bind-class=\"page === 'notifications' ? 'bg-gray-800.text-white' : ''\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Notifications</a>\n        </nav>\n\n        <template if=\"page === 'tokens'\">\n        </template>\n        <template if=\"page === 'notifications'\">\n          <section class=\"rounded-2xl border border-gray-800 bg-gray-900/80 p-5\" aria-labelledby=\"notifications-title\">\n            <h2 id=\"notifications-title\" class=\"text-lg font-semibold text-white\">Notifications</h2>\n            <p class=\"mt-1 text-sm text-gray-400\">Receive job completion notifications on this device.</p>\n            <button type=\"button\" on-click=\"toggleNotifications()\" class=\"mt-5 inline-flex items-center gap-2 rounded-lg border border-indigo-500/60 px-4 py-2.5 text-sm font-medium text-indigo-200 outline-none hover:bg-indigo-500/10 focus-visible:ring-2 focus-visible:ring-indigo-400/60\">\n              <lucide-icon bind-icon=\"notificationsEnabled ? 'bell-off' : 'bell-ring'\" size=\"16\"></lucide-icon>\n              {{ notificationsEnabled ? 'Disable notifications' : 'Enable notifications' }}\n            </button>\n            <p class=\"mt-3 text-sm text-gray-400\" role=\"status\">{{ notificationMessage }}</p>\n          </section>\n        </template>\n\n        <template if=\"page === 'tokens'\">\n        <section class=\"rounded-2xl border border-gray-800 bg-gray-900/80 p-5\" aria-labelledby=\"keys-title\">\n          <div class=\"flex items-start justify-between gap-3\">\n            <div>\n              <h2 id=\"keys-title\" class=\"text-lg font-semibold text-white\">API keys</h2>\n              <p class=\"mt-1 text-sm text-gray-400\">Issue narrowly scoped credentials for automation tools. Keys are shown only once.</p>\n            </div>\n          </div>\n          <div class=\"mt-5 grid gap-3 rounded-xl border border-gray-800 bg-gray-950/50 p-4 md:grid-cols-[1fr_auto]\">\n            <label class=\"sr-only\" for=\"key-name\">Key name</label>\n            <input id=\"key-name\" bind-value=\"keyName\" on-input=\"setKeyName($event)\" placeholder=\"Documentation bot\" class=\"rounded-lg border border-gray-700 bg-gray-900 px-3 py-2.5 text-sm outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/30\" />\n            <button type=\"button\" on-click=\"issueKey()\" class=\"inline-flex items-center justify-center gap-2 rounded-lg bg-indigo-500 px-4 py-2.5 text-sm font-semibold text-white outline-none hover:bg-indigo-400 focus-visible:ring-2 focus-visible:ring-indigo-400/60\"><lucide-icon icon=\"key-round\" size=\"16\"></lucide-icon>Issue key</button>\n            <fieldset class=\"md:col-span-2\">\n              <legend class=\"mb-2 text-xs font-semibold uppercase tracking-wider text-gray-500\">Scopes</legend>\n              <div class=\"space-y-2\">\n                <template for=\"scope of scopeOptions\">\n                  <label class=\"group flex cursor-pointer items-center gap-3 text-sm text-gray-300\">\n                    <input type=\"checkbox\" bind-checked=\"scope.selected\" on-change=\"toggleScope(scope)\" class=\"peer sr-only\" />\n                    <span aria-hidden=\"true\" class=\"flex h-5 w-5 shrink-0 items-center justify-center rounded-md border border-gray-600 bg-gray-900 text-transparent transition peer-checked:border-indigo-400 peer-checked:bg-indigo-500 peer-checked:text-white peer-focus-visible:ring-2 peer-focus-visible:ring-indigo-400/70 peer-disabled:opacity-50\">\n                      <svg viewBox=\"0 0 16 16\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 8 3 3 7-7\"></path></svg>\n                    </span>\n                    <span class=\"group-hover:text-white\">{{ scope.label }}</span>\n                  </label>\n                </template>\n              </div>\n            </fieldset>\n          </div>\n          <template if=\"newToken\">\n            <div class=\"mt-4 rounded-xl border border-amber-500/40 bg-amber-500/10 p-4\" role=\"alert\">\n              <p class=\"text-sm font-semibold text-amber-200\">Copy this key now. It cannot be shown again.</p>\n              <code class=\"mt-2 block select-all break-all rounded bg-gray-950 p-3 font-mono text-xs text-amber-100\">{{ newToken }}</code>\n            </div>\n          </template>\n          <h3 class=\"mt-5 text-xs font-semibold uppercase tracking-wider text-gray-500\">Active tokens</h3>\n          <ul class=\"mt-2 space-y-2\" aria-label=\"Active API keys\">\n            <template for=\"key of keys\">\n              <li class=\"flex items-center justify-between gap-3 rounded-xl border border-gray-800 bg-gray-950/60 px-4 py-3\">\n                <div class=\"min-w-0\"><p class=\"truncate text-sm font-medium text-gray-200\">{{ key.name }}</p><p class=\"text-xs text-gray-500\">{{ key.scopes.join(', ') }} · created {{ key.created_at }}</p></div>\n                <button type=\"button\" on-click=\"revokeKey(key)\" class=\"shrink-0 rounded-lg p-2 text-rose-300 outline-none hover:bg-rose-500/10 focus-visible:ring-2 focus-visible:ring-rose-400/60\" aria-label=\"Revoke {{ key.name }}\" title=\"Revoke key\"><lucide-icon icon=\"trash\" size=\"16\"></lucide-icon></button>\n              </li>\n            </template>\n          </ul>\n        </section>\n        </template>\n        <p class=\"text-sm text-rose-300\" role=\"alert\" class-hidden=\"!error\">{{ error }}</p>\n      </main>\n      <script setup>\n        import { onInit, ref } from '@li3/web';\n        export default function () {\n          const page = document.body.dataset.page;\n          const keys = ref([]);\n          const keyName = ref('');\n          const newToken = ref('');\n          const error = ref('');\n          const notificationsSupported = ref('Notification' in window && 'serviceWorker' in navigator);\n          const notificationsEnabled = ref(notificationsSupported.value && Notification.permission === 'granted' && localStorage.getItem('runner-notifications') === 'enabled');\n          const notificationMessage = ref('');\n          const scopeOptions = ref([\n            { name: 'workflows:read', label: 'Read workflows', selected: true },\n            { name: 'workflows:write', label: 'Modify workflows', selected: false },\n            { name: 'logs:read', label: 'Read logs', selected: false },\n            { name: 'artifacts:read', label: 'Read artifacts', selected: false },\n            { name: 'runs:control', label: 'Control runs', selected: false },\n          ]);\n          const api = async (url, options = {}) => { const response = await fetch(url, { headers: { accept: 'application/json', ...(options.body ? { 'content-type': 'application/json' } : {}) }, ...options }); const body = await response.json().catch(() => ({})); if (!response.ok) throw new Error(body.error || `Request failed: ${response.status}`); return body; };\n          const load = async () => { keys.value = (await api('/api/api-keys')).keys; };\n          const issueKey = async () => { try { error.value = ''; const result = await api('/api/api-keys', { method: 'POST', body: JSON.stringify({ name: keyName.value, scopes: scopeOptions.value.filter((scope) => scope.selected).map((scope) => scope.name) }) }); newToken.value = result.token; keyName.value = ''; await load(); } catch (reason) { error.value = reason.message; } };\n          const revokeKey = async (key) => { if (!confirm(`Revoke ${key.name}?`)) return; try { await api(`/api/api-keys/${key.id}`, { method: 'DELETE' }); await load(); } catch (reason) { error.value = reason.message; } };\n          const setKeyName = (event) => { keyName.value = event.target.value; };\n          const toggleScope = (scope) => { scope.selected = !scope.selected; };\n          const toggleNotifications = async () => {\n            if (notificationsEnabled.value) {\n              notificationsEnabled.value = false;\n              localStorage.removeItem('runner-notifications');\n              notificationMessage.value = 'Notifications disabled on this device.';\n              return;\n            }\n            if (!notificationsSupported.value) { notificationMessage.value = 'Notifications are not supported by this browser.'; return; }\n            const permission = await Notification.requestPermission();\n            notificationsEnabled.value = permission === 'granted';\n            if (notificationsEnabled.value) { localStorage.setItem('runner-notifications', 'enabled'); notificationMessage.value = 'Notifications enabled.'; }\n            else notificationMessage.value = 'Notification permission was not granted.';\n          };\n          onInit(() => { if (page === 'tokens') load().catch((reason) => { error.value = reason.message; }); });\n          return { page, keys, keyName, newToken, error, scopeOptions, issueKey, revokeKey, setKeyName, toggleScope, notificationsEnabled, notificationMessage, toggleNotifications };\n        }\n      <\/script>\n    </template>\n    <script type=\"module\">import '@li3/web';<\/script>\n    <script src=\"https://cdn.tailwindcss.com\"><\/script>\n  </body>\n</html>\n";
+}, la = "<!doctype html>\n<html lang=\"en\" class=\"dark\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n    <title>Runner settings</title>\n    <script type=\"importmap\">\n      { \"imports\": { \"@li3/\": \"https://cdn.li3.dev/@li3/\" } }\n    <\/script>\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/lucide-icon.html\" />\n    <link rel=\"component\" href=\"/app-header.html\" />\n  </head>\n  <body data-page=\"__SETTINGS_PAGE__\" class=\"min-h-screen bg-gray-950 p-4 font-sans text-gray-100 md:p-6\">\n    <template app>\n      <main class=\"mx-auto max-w-6xl space-y-5 py-6\">\n        <app-header title=\"Settings\" subtitle=\"Human-admin controls and automation credentials\" back=\"/runs\" back-label=\"Back to jobs\"></app-header>\n        <nav class=\"flex flex-wrap gap-1 rounded-xl border border-gray-800 bg-gray-900/70 p-1\" aria-label=\"Settings navigation\">\n          <a href=\"/settings/workflows\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Workflows</a>\n          <a href=\"/settings/secrets\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Secrets</a>\n          <a href=\"/settings/tokens\" bind-class=\"page === 'tokens' ? 'bg-gray-800.text-white' : ''\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">API tokens</a>\n          <a href=\"/settings/notifications\" bind-class=\"page === 'notifications' ? 'bg-gray-800.text-white' : ''\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Notifications</a>\n        </nav>\n\n        <template if=\"page === 'tokens'\">\n        </template>\n        <template if=\"page === 'notifications'\">\n          <section class=\"rounded-2xl border border-gray-800 bg-gray-900/80 p-5\" aria-labelledby=\"notifications-title\">\n            <h2 id=\"notifications-title\" class=\"text-lg font-semibold text-white\">Notifications</h2>\n            <p class=\"mt-1 text-sm text-gray-400\">Receive job completion notifications on this device.</p>\n            <button type=\"button\" on-click=\"toggleNotifications()\" class=\"mt-5 inline-flex items-center gap-2 rounded-lg border border-indigo-500/60 px-4 py-2.5 text-sm font-medium text-indigo-200 outline-none hover:bg-indigo-500/10 focus-visible:ring-2 focus-visible:ring-indigo-400/60\">\n              <lucide-icon bind-icon=\"notificationsEnabled ? 'bell-off' : 'bell-ring'\" size=\"16\"></lucide-icon>\n              {{ notificationsEnabled ? 'Disable notifications' : 'Enable notifications' }}\n            </button>\n            <p class=\"mt-3 text-sm text-gray-400\" role=\"status\">{{ notificationMessage }}</p>\n          </section>\n        </template>\n\n        <template if=\"page === 'tokens'\">\n        <section class=\"rounded-2xl border border-gray-800 bg-gray-900/80 p-5\" aria-labelledby=\"keys-title\">\n          <div class=\"flex items-start justify-between gap-3\">\n            <div>\n              <h2 id=\"keys-title\" class=\"text-lg font-semibold text-white\">API keys</h2>\n              <p class=\"mt-1 text-sm text-gray-400\">Issue narrowly scoped credentials for automation tools. Keys are shown only once.</p>\n            </div>\n          </div>\n          <div class=\"mt-5 grid gap-3 rounded-xl border border-gray-800 bg-gray-950/50 p-4 md:grid-cols-[1fr_auto]\">\n            <label class=\"sr-only\" for=\"key-name\">Key name</label>\n            <input id=\"key-name\" bind-value=\"keyName\" on-input=\"setKeyName($event)\" placeholder=\"Documentation bot\" class=\"rounded-lg border border-gray-700 bg-gray-900 px-3 py-2.5 text-sm outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/30\" />\n            <button type=\"button\" on-click=\"issueKey()\" class=\"inline-flex items-center justify-center gap-2 rounded-lg bg-indigo-500 px-4 py-2.5 text-sm font-semibold text-white outline-none hover:bg-indigo-400 focus-visible:ring-2 focus-visible:ring-indigo-400/60\"><lucide-icon icon=\"key-round\" size=\"16\"></lucide-icon>Issue key</button>\n            <fieldset class=\"md:col-span-2\">\n              <legend class=\"mb-2 text-xs font-semibold uppercase tracking-wider text-gray-500\">Scopes</legend>\n              <div class=\"space-y-2\">\n                <template for=\"scope of scopeOptions\">\n                  <label class=\"group flex cursor-pointer items-center gap-3 text-sm text-gray-300\">\n                    <input type=\"checkbox\" bind-checked=\"scope.selected\" on-change=\"toggleScope(scope)\" class=\"peer sr-only\" />\n                    <span aria-hidden=\"true\" class=\"flex h-5 w-5 shrink-0 items-center justify-center rounded-md border border-gray-600 bg-gray-900 text-transparent transition peer-checked:border-indigo-400 peer-checked:bg-indigo-500 peer-checked:text-white peer-focus-visible:ring-2 peer-focus-visible:ring-indigo-400/70 peer-disabled:opacity-50\">\n                      <svg viewBox=\"0 0 16 16\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 8 3 3 7-7\"></path></svg>\n                    </span>\n                    <span class=\"group-hover:text-white\">{{ scope.label }}</span>\n                  </label>\n                </template>\n              </div>\n            </fieldset>\n          </div>\n          <template if=\"newToken\">\n            <div class=\"mt-4 rounded-xl border border-amber-500/40 bg-amber-500/10 p-4\" role=\"alert\">\n              <p class=\"text-sm font-semibold text-amber-200\">Copy this key now. It cannot be shown again.</p>\n              <code class=\"mt-2 block select-all break-all rounded bg-gray-950 p-3 font-mono text-xs text-amber-100\">{{ newToken }}</code>\n            </div>\n          </template>\n          <h3 class=\"mt-5 text-xs font-semibold uppercase tracking-wider text-gray-500\">Active tokens</h3>\n          <ul class=\"mt-2 space-y-2\" aria-label=\"Active API keys\">\n            <template for=\"key of keys\">\n              <li class=\"flex items-center justify-between gap-3 rounded-xl border border-gray-800 bg-gray-950/60 px-4 py-3\">\n                <div class=\"min-w-0\"><p class=\"truncate text-sm font-medium text-gray-200\">{{ key.name }}</p><p class=\"text-xs text-gray-500\">{{ key.scopes.join(', ') }} · created {{ key.created_at }}</p></div>\n                <button type=\"button\" on-click=\"revokeKey(key)\" class=\"shrink-0 rounded-lg p-2 text-rose-300 outline-none hover:bg-rose-500/10 focus-visible:ring-2 focus-visible:ring-rose-400/60\" aria-label=\"Revoke {{ key.name }}\" title=\"Revoke key\"><lucide-icon icon=\"trash\" size=\"16\"></lucide-icon></button>\n              </li>\n            </template>\n          </ul>\n        </section>\n        </template>\n        <p class=\"text-sm text-rose-300\" role=\"alert\" class-hidden=\"!error\">{{ error }}</p>\n      </main>\n      <script setup>\n        import { onInit, ref } from '@li3/web';\n        export default function () {\n          const page = document.body.dataset.page;\n          const keys = ref([]);\n          const keyName = ref('');\n          const newToken = ref('');\n          const error = ref('');\n          const notificationsSupported = ref('Notification' in window && 'serviceWorker' in navigator);\n          const notificationsEnabled = ref(notificationsSupported.value && Notification.permission === 'granted' && localStorage.getItem('runner-notifications') === 'enabled');\n          const notificationMessage = ref('');\n          const scopeOptions = ref([\n            { name: 'workflows:read', label: 'Read workflows', selected: true },\n            { name: 'workflows:write', label: 'Modify workflows', selected: false },\n            { name: 'logs:read', label: 'Read logs', selected: false },\n            { name: 'artifacts:read', label: 'Read artifacts', selected: false },\n            { name: 'runs:control', label: 'Control runs', selected: false },\n            { name: 'runs:dispatch', label: 'Dispatch runs', selected: false },\n          ]);\n          const api = async (url, options = {}) => { const response = await fetch(url, { headers: { accept: 'application/json', ...(options.body ? { 'content-type': 'application/json' } : {}) }, ...options }); const body = await response.json().catch(() => ({})); if (!response.ok) throw new Error(body.error || `Request failed: ${response.status}`); return body; };\n          const load = async () => { keys.value = (await api('/api/api-keys')).keys; };\n          const issueKey = async () => { try { error.value = ''; const result = await api('/api/api-keys', { method: 'POST', body: JSON.stringify({ name: keyName.value, scopes: scopeOptions.value.filter((scope) => scope.selected).map((scope) => scope.name) }) }); newToken.value = result.token; keyName.value = ''; await load(); } catch (reason) { error.value = reason.message; } };\n          const revokeKey = async (key) => { if (!confirm(`Revoke ${key.name}?`)) return; try { await api(`/api/api-keys/${key.id}`, { method: 'DELETE' }); await load(); } catch (reason) { error.value = reason.message; } };\n          const setKeyName = (event) => { keyName.value = event.target.value; };\n          const toggleScope = (scope) => { scope.selected = !scope.selected; };\n          const toggleNotifications = async () => {\n            if (notificationsEnabled.value) {\n              notificationsEnabled.value = false;\n              localStorage.removeItem('runner-notifications');\n              notificationMessage.value = 'Notifications disabled on this device.';\n              return;\n            }\n            if (!notificationsSupported.value) { notificationMessage.value = 'Notifications are not supported by this browser.'; return; }\n            const permission = await Notification.requestPermission();\n            notificationsEnabled.value = permission === 'granted';\n            if (notificationsEnabled.value) { localStorage.setItem('runner-notifications', 'enabled'); notificationMessage.value = 'Notifications enabled.'; }\n            else notificationMessage.value = 'Notification permission was not granted.';\n          };\n          onInit(() => { if (page === 'tokens') load().catch((reason) => { error.value = reason.message; }); });\n          return { page, keys, keyName, newToken, error, scopeOptions, issueKey, revokeKey, setKeyName, toggleScope, notificationsEnabled, notificationMessage, toggleNotifications };\n        }\n      <\/script>\n    </template>\n    <script type=\"module\">import '@li3/web';<\/script>\n    <script src=\"https://cdn.tailwindcss.com\"><\/script>\n  </body>\n</html>\n";
 //#endregion
 //#region src/settings-ui.ts
 function ua(e = "tokens") {
@@ -16276,7 +16323,7 @@ async function oy(e, t, n, r) {
 }
 //#endregion
 //#region src/app-header.html?raw
-var sy = "<template component=\"app-header\">\n  <link rel=\"component\" href=\"https://sodium.static.apphor.de/lucide-icon.html\" />\n  <header class=\"mx-auto flex w-full max-w-[78rem] items-center justify-between gap-4 border-b border-gray-800 pb-5\">\n    <div class=\"flex min-w-0 items-start gap-3\">\n      <template if=\"back\">\n        <a class=\"mt-0.5 inline-flex h-9 w-9 items-center justify-center rounded-lg border border-gray-800 text-gray-400 no-underline outline-none hover:border-indigo-500 hover:text-indigo-200 focus-visible:ring-2 focus-visible:ring-indigo-400/60\" attr-href=\"back\" attr-aria-label=\"backLabel || 'Back'\" attr-title=\"backLabel || 'Back'\">\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width=\"17\" height=\"17\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"></path></svg>\n        </a>\n      </template>\n      <div>\n        <div class=\"text-[.7rem] font-bold uppercase tracking-[.16em] text-indigo-400\">Runner engine</div>\n        <h1 class=\"mt-1 text-2xl font-bold tracking-tight text-white\">{{ title }}</h1>\n        <template if=\"subtitle\"><p class=\"mt-1 text-xs text-gray-400\">{{ subtitle }}</p></template>\n      </div>\n    </div>\n    <div class=\"flex items-center gap-2\">\n      <a class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-gray-700 text-indigo-200 no-underline outline-none hover:border-indigo-500 hover:bg-gray-900 hover:text-white focus-visible:ring-2 focus-visible:ring-indigo-400/60\" href=\"/help\" aria-label=\"Help\" title=\"Help\">\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"></circle><path d=\"M9.6 9a2.5 2.5 0 1 1 4.2 1.8c-1.2 1-1.8 1.4-1.8 2.7\"></path><path d=\"M12 17h.01\"></path></svg>\n      </a>\n      <a class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-gray-700 text-indigo-200 no-underline outline-none hover:border-indigo-500 hover:bg-gray-900 hover:text-white focus-visible:ring-2 focus-visible:ring-indigo-400/60\" href=\"/settings\" aria-label=\"Settings\" title=\"Settings\">\n        <lucide-icon icon=\"settings\" size=\"16\"></lucide-icon>\n      </a>\n    </div>\n  </header>\n  <script setup>\n    import { defineProp } from '@li3/web';\n    export default function () {\n      return { title: defineProp('title'), subtitle: defineProp('subtitle'), back: defineProp('back'), backLabel: defineProp('back-label') };\n    }\n  <\/script>\n</template>\n", cy = "<!doctype html>\n<html lang=\"en\" class=\"dark\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n    <meta name=\"theme-color\" content=\"#030712\" />\n    <link rel=\"manifest\" href=\"/manifest.webmanifest\" />\n    <link rel=\"icon\" href=\"/app-icon.svg\" type=\"image/svg+xml\" />\n    <script type=\"importmap\">\n      { \"imports\": { \"@li3/\": \"https://cdn.li3.dev/@li3/\", \"ansi_up\": \"https://esm.sh/ansi_up@6.0.6\", \"diff\": \"https://unpkg.com/diff@9.0.0/libesm/index.js\", \"marked\": \"https://cdn.jsdelivr.net/npm/marked@18.0.12/lib/marked.esm.js\" } }\n    <\/script>\n    <link rel=\"component\" href=\"/app-router.html\" />\n    <link rel=\"component\" href=\"/app-header.html\" />\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/lucide-icon.html\" />\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/code-editor.html\" />\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/code-block.html\" />\n    <title>On Workflow Runner</title>\n  </head>\n  <body class=\"min-h-screen bg-gray-950 text-gray-100 font-sans\">\n    <template app>\n      <app-router></app-router>\n    </template>\n    <script type=\"module\">import '@li3/web';<\/script>\n    <script src=\"https://cdn.tailwindcss.com\"><\/script>\n  </body>\n</html>\n", ly = "<template component=\"app-router\">\n  <div ref=\"outlet\" aria-live=\"polite\"></div>\n  <script setup>\n    import { getElement, onDestroy, onInit, templateRef } from '@li3/web';\n    import { load } from '@li3/web';\n\n    export default function () {\n      const outlet = templateRef('outlet');\n      let navigating = false;\n\n      const route = () => {\n        const url = new URL(window.location.href);\n        const path = url.pathname;\n        if (path === '/' || path === '/runs') return { component: 'page-dashboard', url: '/pages/dashboard.html', page: 'dashboard' };\n        if (path.match(/^\\/runs\\/\\d+$/)) return { component: 'page-run', url: `/pages/run.html?jobId=${path.split('/').pop()}`, page: 'run' };\n        if (path === '/help') return { component: 'page-help', url: '/pages/help.html', page: 'help' };\n        if (path === '/settings/workflows') return { component: 'page-workflows', url: '/pages/workflows.html?page=workflows', page: 'workflows' };\n        if (path === '/settings/secrets') return { component: 'page-secrets', url: '/pages/workflows.html?page=secrets', page: 'secrets' };\n        if (path === '/settings/tokens') return { component: 'page-settings', url: '/pages/settings.html?page=tokens', page: 'tokens' };\n        if (path === '/settings/notifications') return { component: 'page-settings', url: '/pages/settings.html?page=notifications', page: 'notifications' };\n        if (path === '/settings' || path === '/workflows') return { component: 'page-workflows', url: '/pages/workflows.html?page=workflows', page: 'workflows' };\n        const editor = path.match(/^\\/settings\\/workflows\\/(new|[a-z0-9-]+)$/);\n        if (editor) return { component: 'page-workflow-editor', url: `/pages/workflows.html?page=editor&id=${editor[1]}${url.searchParams.get('revision') ? `&revision=${url.searchParams.get('revision')}` : ''}`, page: 'editor' };\n        const legacyEditor = path.match(/^\\/workflows\\/(new|[a-z0-9-]+)$/);\n        if (legacyEditor) return { component: 'page-workflow-editor', url: `/pages/workflows.html?page=editor&id=${legacyEditor[1]}${url.searchParams.get('revision') ? `&revision=${url.searchParams.get('revision')}` : ''}`, page: 'editor' };\n        return { component: 'page-dashboard', url: '/pages/dashboard.html', page: 'dashboard' };\n      };\n\n      const navigate = async (replace = false) => {\n        if (navigating) return;\n        navigating = true;\n        try {\n          const current = route();\n          document.body.dataset.page = current.page;\n          await load(current.url);\n          outlet.value.replaceChildren(document.createElement(current.component));\n          if (replace) history.replaceState(null, '', window.location.href);\n        } catch (error) {\n          outlet.value.innerHTML = `<main class=\"mx-auto max-w-4xl p-8\"><h1 class=\"text-xl font-semibold text-white\">Unable to load page</h1><p class=\"mt-2 text-sm text-rose-300\">${String(error.message || error)}</p></main>`;\n        } finally {\n          navigating = false;\n        }\n      };\n      const handleClick = (event) => {\n        const anchor = event.target.closest?.('a');\n        if (!anchor || anchor.target || anchor.hasAttribute('download')) return;\n        const target = new URL(anchor.href, window.location.href);\n        if (target.origin !== window.location.origin || !target.pathname.startsWith('/')) return;\n        if (target.pathname.startsWith('/api/') || target.pathname.startsWith('/webhooks/')) return;\n        if (target.pathname === window.location.pathname && target.hash) return;\n        event.preventDefault();\n        history.pushState(null, '', `${target.pathname}${target.search}${target.hash}`);\n        void navigate();\n      };\n      const element = getElement();\n      onInit(() => {\n        element.addEventListener('click', handleClick);\n        window.addEventListener('popstate', navigate);\n        void navigate(true);\n      });\n      onDestroy(() => {\n        element.removeEventListener('click', handleClick);\n        window.removeEventListener('popstate', navigate);\n      });\n      return {};\n    }\n  <\/script>\n</template>\n", uy = "<!doctype html>\n<html lang=\"en\" class=\"dark\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"theme-color\" content=\"#030712\" />\n    <meta name=\"mobile-web-app-capable\" content=\"yes\" />\n    <link rel=\"manifest\" href=\"/manifest.webmanifest\" />\n    <link rel=\"icon\" href=\"/app-icon.svg\" type=\"image/svg+xml\" />\n    <title>Runner Workflow Management</title>\n    <script type=\"importmap\">\n      { \"imports\": { \"@li3/\": \"https://cdn.li3.dev/@li3/\", \"diff\": \"https://unpkg.com/diff@9.0.0/libesm/index.js\" } }\n    <\/script>\n    <style>\n      body[data-page='list'] .editor-panel {\n        display: none;\n      }\n      body[data-page='workflows'] .editor-panel,\n      body[data-page='workflows'] .secrets-panel,\n      body[data-page='secrets'] .workflow-list,\n      body[data-page='secrets'] .editor-panel {\n        display: none;\n      }\n      body[data-page='editor'] .workflow-list,\n      body[data-page='editor'] .secrets-panel {\n        display: none;\n      }\n    </style>\n  </head>\n  <body data-page=\"__WORKFLOW_PAGE__\" class=\"min-h-screen bg-gray-950 p-4 font-sans text-gray-100 md:p-6\">\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/code-editor.html\" />\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/code-block.html\" />\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/lucide-icon.html\" />\n    <link rel=\"component\" href=\"/app-header.html\" />\n\n    <template app>\n        <main class=\"mx-auto max-w-6xl space-y-5 py-6\">\n        <template if=\"page === 'secrets'\"><app-header title=\"Secrets\" subtitle=\"Write-only credentials available to workflows\" back=\"/runs\" back-label=\"Back to dashboard\"></app-header></template>\n        <template if=\"page !== 'secrets'\"><app-header title=\"Workflow control room\" subtitle=\"Draft, validate, and publish revisioned YAML definitions\" back=\"/runs\" back-label=\"Back to dashboard\"></app-header></template>\n        <nav class=\"flex flex-wrap gap-1 rounded-xl border border-gray-800 bg-gray-900/70 p-1\" aria-label=\"Settings navigation\">\n          <a href=\"/settings/workflows\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\" bind-class=\"page === 'workflows' || page === 'editor' ? 'bg-gray-800.text-white' : ''\">Workflows</a>\n          <a href=\"/settings/secrets\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\" bind-class=\"page === 'secrets' ? 'bg-gray-800.text-white' : ''\">Secrets</a>\n          <a href=\"/settings/tokens\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">API tokens</a>\n          <a href=\"/settings/notifications\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Notifications</a>\n        </nav>\n\n        <template if=\"notice\">\n          <div\n            role=\"status\"\n            class=\"flex items-center gap-2 rounded-lg border px-3 py-2.5 text-sm\"\n            bind-class=\"noticeError ? 'border-rose-500/40 bg-rose-500/10 text-rose-100' : 'border-emerald-500/40 bg-emerald-500/10 text-emerald-100'\"\n          >\n            <lucide-icon bind-icon=\"noticeError ? 'circle-alert' : 'circle-check'\" size=\"17\"></lucide-icon>\n            <span>{{ notice }}</span>\n          </div>\n        </template>\n\n        <section id=\"workflow-layout\" class=\"space-y-5\">\n          <nav\n            class=\"workflow-list rounded-2xl border border-gray-800 bg-gray-900/80 p-4 shadow-xl shadow-black/10\"\n            aria-labelledby=\"workflow-list-title\"\n          >\n            <div class=\"mb-4 flex items-end justify-between gap-3 border-b border-gray-800 pb-4\">\n              <div>\n                <p class=\"text-[11px] font-semibold uppercase tracking-[0.18em] text-indigo-400\">Definitions</p>\n                <h2 id=\"workflow-list-title\" class=\"mt-1 text-lg font-semibold text-white\">Workflows</h2>\n              </div>\n              <a\n                href=\"/workflows/new\"\n                class=\"inline-flex items-center gap-2 rounded-lg bg-indigo-500 px-3 py-2 text-sm font-semibold text-white outline-none transition hover:bg-indigo-400 focus-visible:ring-2 focus-visible:ring-indigo-400/60\"\n              >\n                <lucide-icon icon=\"plus\" size=\"16\"></lucide-icon>\n                New workflow\n              </a>\n            </div>\n            <ul class=\"grid gap-2\" aria-label=\"Workflow definitions\">\n              <template for=\"workflow of workflows\">\n                <li>\n                  <a\n                    attr-href=\"'/workflows/' + workflow.id\"\n                    class=\"group flex min-h-16 items-center gap-3 rounded-xl border border-gray-800 bg-gray-950/50 px-3.5 py-3 text-left text-sm text-gray-300 outline-none transition hover:border-indigo-500/50 hover:bg-indigo-500/10 focus-visible:border-indigo-400 focus-visible:ring-2 focus-visible:ring-indigo-400/50\"\n                  >\n                    <span\n                      class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-gray-800 text-gray-400 transition group-hover:bg-indigo-500/15 group-hover:text-indigo-300\"\n                    >\n                      <lucide-icon icon=\"workflow\" size=\"17\"></lucide-icon>\n                    </span>\n                    <span class=\"min-w-0 flex-1\">\n                      <span class=\"block truncate text-base font-semibold text-gray-100\">{{ workflow.name }}</span>\n                      <span class=\"mt-0.5 block truncate font-mono text-[11px] text-gray-500\">{{ workflow.id }}</span>\n                    </span>\n                    <span\n                      class=\"rounded-full border px-2 py-1 text-[10px] font-semibold uppercase tracking-wide\"\n                      bind-class=\"workflow.status === 'published' ? 'border-emerald-500/30 bg-emerald-500/10 text-emerald-300' : workflow.status === 'archived' ? 'border-gray-700 bg-gray-800 text-gray-500' : 'border-amber-500/30 bg-amber-500/10 text-amber-300'\"\n                      >{{ workflow.status }}</span\n                    >\n                    <lucide-icon\n                      icon=\"arrow-up-right\"\n                      size=\"16\"\n                      class=\"shrink-0 text-gray-600 transition group-hover:text-indigo-300\"\n                    ></lucide-icon>\n                  </a>\n                </li>\n              </template>\n            </ul>\n            <div\n              class=\"rounded-xl border border-dashed border-gray-700 px-4 py-8 text-center\"\n              class-hidden=\"workflows.length > 0\"\n            >\n              <lucide-icon icon=\"workflow\" size=\"22\" class=\"mx-auto text-gray-600\"></lucide-icon>\n              <p class=\"mt-2 text-sm font-medium text-gray-300\">No workflows yet</p>\n              <p class=\"mt-1 text-xs text-gray-500\">Create a definition to start automating jobs.</p>\n            </div>\n          </nav>\n\n          <section\n            class=\"editor-panel overflow-hidden rounded-xl border border-gray-800 bg-gray-900/80 shadow-xl shadow-black/10\"\n          >\n            <div class=\"border-b border-gray-800 px-4 pt-3 sm:px-5\">\n              <a\n                href=\"/workflows\"\n                class=\"inline-flex items-center gap-1.5 rounded-md px-2 py-1.5 text-xs font-medium text-gray-400 outline-none transition hover:bg-gray-800 hover:text-gray-100 focus-visible:ring-2 focus-visible:ring-indigo-400/60\"\n              >\n                <lucide-icon icon=\"arrow-left\" size=\"14\"></lucide-icon>\n                Back to workflows\n              </a>\n            </div>\n            <div class=\"border-b border-gray-800 bg-gray-900 px-4 py-4 sm:px-5\">\n              <div class=\"flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between\">\n                <label class=\"block max-w-xl flex-1 text-xs font-semibold uppercase tracking-wider text-gray-400\"\n                  >Workflow ID\n                  <input\n                    bind-value=\"workflowId\"\n                    on-input=\"setWorkflowId($event)\"\n                    bind-disabled=\"selectedId\"\n                    aria-describedby=\"workflow-id-help\"\n                    class=\"mt-2 w-full rounded-lg border border-gray-700 bg-gray-950 px-3 py-2.5 font-mono text-sm normal-case tracking-normal text-white outline-none transition focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20\"\n                    placeholder=\"derived-from-workflow-name\"\n                  />\n                  <span\n                    id=\"workflow-id-help\"\n                    class=\"mt-1 block text-[11px] font-normal normal-case tracking-normal text-gray-500\"\n                    >The ID becomes permanent after the first save.</span\n                  >\n                </label>\n                <label class=\"inline-flex items-center gap-2 text-sm text-gray-300\">\n                  <input\n                    type=\"checkbox\"\n                    bind-checked=\"enabled\"\n                    on-change=\"setEnabled($event)\"\n                    class=\"h-4 w-4 rounded border-gray-700 bg-gray-950 text-indigo-500 focus:ring-2 focus:ring-indigo-500/30\"\n                  />\n                  Enabled\n                </label>\n                <div class=\"flex flex-wrap gap-2\" class-hidden=\"readOnly\">\n                  <button\n                    type=\"button\"\n                    aria-label=\"Save workflow draft\"\n                    title=\"Save workflow draft\"\n                    on-click=\"save()\"\n                    bind-disabled=\"busy\"\n                    class=\"inline-flex items-center gap-2 rounded-lg bg-indigo-500 px-3 py-2.5 text-sm font-semibold text-white transition hover:bg-indigo-400 disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <lucide-icon icon=\"save\" size=\"16\"></lucide-icon>\n                    <span class=\"hidden sm:inline\">Save draft</span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    aria-label=\"Publish workflow\"\n                    title=\"Publish workflow\"\n                     on-click=\"publish()\"\n                     bind-disabled=\"busy || !selectedId || source !== savedSource || enabled !== savedEnabled\"\n                    class=\"inline-flex items-center gap-2 rounded-lg border border-emerald-500/50 px-3 py-2.5 text-sm font-medium text-emerald-300 transition hover:bg-emerald-500/10 disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <lucide-icon icon=\"rocket\" size=\"16\"></lucide-icon>\n                    <span class=\"hidden sm:inline\">Publish</span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    aria-label=\"Delete workflow\"\n                    title=\"Delete workflow\"\n                    on-click=\"remove()\"\n                    bind-disabled=\"busy\"\n                    class=\"inline-flex items-center gap-2 rounded-lg border border-rose-500/50 px-3 py-2.5 text-sm font-medium text-rose-300 transition hover:bg-rose-500/10 disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <lucide-icon icon=\"trash\" size=\"16\"></lucide-icon>\n                    <span class=\"hidden sm:inline\">Delete</span>\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div class=\"p-3 sm:p-5\">\n              <div class=\"mb-2 flex items-center justify-between px-1 text-xs text-gray-500\">\n                <div class=\"flex items-center gap-2\">\n                  <button\n                    type=\"button\"\n                    aria-label=\"Validate workflow\"\n                    title=\"Validate workflow\"\n                    on-click=\"validate(1)\"\n                    bind-disabled=\"validation.running\"\n                    bind-class=\"{ 'hidden': readOnly, 'text-emerald-400': validation.valid, 'text-rose-400': !validation.valid }\"\n                    class=\"disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <lucide-icon\n                      class=\"inline-block\"\n                      bind-icon=\"validation.running ? 'loader-circle' : (validation.valid ? 'circle-check' : 'circle-alert')\"\n                      bind-class=\"validation.running ? 'animate-spin' : ''\"\n                      size=\"16\"\n                    ></lucide-icon>\n                  </button>\n                  <span class=\"font-medium\" bind-class=\"validation.error ? 'bg-rose-500/10 text-rose-100' : ''\"\n                    >{{ validation.error || '' }}</span\n                  >\n                </div>\n                 <template if=\"revision\">\n                   <button\n                     type=\"button\"\n                     on-click=\"openRevisionDialog()\"\n                     class=\"font-mono text-indigo-300 outline-none hover:underline focus-visible:rounded focus-visible:ring-2 focus-visible:ring-indigo-400/60\"\n                   >Revision {{ revision }}</button>\n                 </template>\n                 <template if=\"!revision\"><span class=\"font-mono\">Unsaved draft</span></template>\n              </div>\n              <template if=\"readOnly\">\n                <code-block\n                  language=\"yaml\"\n                  theme=\"atom-one-dark\"\n                  class=\"block h-[calc(100vh-23rem)] min-h-[28rem] overflow-auto rounded-lg border border-gray-700 bg-gray-950 p-4\"\n                  bind-source=\"source\"\n                ></code-block>\n              </template>\n              <template if=\"!readOnly\">\n                <code-editor\n                  id=\"source-yaml\"\n                  language=\"yaml\"\n                  theme=\"atom-one-dark\"\n                  nostatus=\"true\"\n                  class=\"block h-[calc(100vh-23rem)] min-h-[28rem] overflow-hidden rounded-lg border border-gray-700 bg-gray-950\"\n                  bind-value=\"source\"\n                  on-change=\"setSource($event.detail)\"\n                ></code-editor>\n              </template>\n              <details\n                class=\"mt-4 overflow-hidden rounded-xl border border-gray-800 bg-gray-950/50\"\n                on-toggle=\"loadHelp($event)\"\n              >\n                <summary\n                  class=\"flex cursor-pointer list-none items-center gap-2 px-4 py-3 text-sm font-medium text-gray-300 outline-none transition hover:bg-gray-900 focus-visible:ring-2 focus-visible:ring-indigo-400/60\"\n                >\n                  <span class=\"inline-flex items-center gap-2\"\n                    ><lucide-icon icon=\"circle-question-mark\" size=\"16\"></lucide-icon>Syntax</span\n                  >\n                  <span class=\"ml-2 text-xs font-normal text-gray-500\">Reference, tutorials, and examples</span>\n                </summary>\n                <div\n                  ref=\"helpContent\"\n                  class=\"max-h-[38rem] overflow-y-auto border-t border-gray-800 bg-gray-950 px-4 py-5\"\n                  role=\"region\"\n                  aria-label=\"Workflow syntax help\"\n                  aria-live=\"polite\"\n                >\n                  <p class=\"text-sm text-gray-500\">Expand to load the workflow syntax reference.</p>\n                </div>\n              </details>\n            </div>\n          </section>\n        </section>\n\n        <template if=\"revisionDialogOpen\">\n          <div class=\"fixed inset-0 z-50 flex items-center justify-center bg-gray-950/80 p-4\" role=\"presentation\">\n            <div\n              class=\"flex max-h-[90vh] w-full max-w-4xl flex-col overflow-hidden rounded-2xl border border-gray-700 bg-gray-900 shadow-2xl\"\n              role=\"dialog\"\n              aria-modal=\"true\"\n              aria-labelledby=\"revision-dialog-title\"\n            >\n              <div class=\"flex items-center justify-between border-b border-gray-800 px-4 py-3\">\n                <div>\n                  <h2 id=\"revision-dialog-title\" class=\"font-semibold text-white\">Workflow revision {{ revisionNumber }}</h2>\n                  <p class=\"text-xs text-gray-500\">Read-only source snapshot</p>\n                </div>\n                <button type=\"button\" on-click=\"closeRevisionDialog()\" aria-label=\"Close revision dialog\" class=\"rounded-lg p-2 text-gray-400 outline-none hover:bg-gray-800 hover:text-white focus-visible:ring-2 focus-visible:ring-indigo-400/60\">\n                  <lucide-icon icon=\"x\" size=\"17\"></lucide-icon>\n                </button>\n              </div>\n               <div class=\"min-h-0 flex-1 overflow-auto p-4\">\n                 <p class=\"mb-3 text-sm text-rose-300\" class-hidden=\"!revisionError\">{{ revisionError }}</p>\n                 <pre class=\"min-h-[20rem] overflow-auto rounded-lg border border-gray-700 bg-gray-950 p-4 font-mono text-xs leading-6\" bind-innerhtml=\"revisionDiffHtml\"></pre>\n              </div>\n               <div class=\"flex items-center justify-between border-t border-gray-800 px-4 py-3\">\n                <button type=\"button\" on-click=\"navigateRevision(-1)\" bind-disabled=\"revisionLoading || revisionNumber <= 1\" class=\"inline-flex items-center gap-2 rounded-lg border border-gray-700 px-3 py-2 text-sm text-gray-200 outline-none hover:bg-gray-800 focus-visible:ring-2 focus-visible:ring-indigo-400/60 disabled:opacity-40\">\n                  <lucide-icon icon=\"chevron-left\" size=\"16\"></lucide-icon>Previous\n                </button>\n                 <button type=\"button\" on-click=\"navigateRevision(1)\" bind-disabled=\"revisionLoading || revisionNumber >= revision\" class=\"inline-flex items-center gap-2 rounded-lg border border-gray-700 px-3 py-2 text-sm text-gray-200 outline-none hover:bg-gray-800 focus-visible:ring-2 focus-visible:ring-indigo-400/60 disabled:opacity-40\">\n                  Next<lucide-icon icon=\"chevron-right\" size=\"16\"></lucide-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n        </template>\n\n        <section\n          class=\"secrets-panel rounded-2xl border border-gray-800 bg-gray-900/80 p-4 shadow-xl shadow-black/10 sm:p-5\"\n          aria-labelledby=\"secrets-title\"\n        >\n          <div class=\"mb-5 flex items-start justify-between gap-3\">\n            <div class=\"flex items-start gap-3\">\n              <span class=\"rounded-lg bg-indigo-500/10 p-2 text-indigo-300\"\n                ><lucide-icon icon=\"key-round\" size=\"18\"></lucide-icon\n              ></span>\n              <div>\n                <h2 id=\"secrets-title\" class=\"text-lg font-semibold text-white\">Secrets</h2>\n                <p class=\"mt-0.5 text-sm text-gray-400\">Write-only credentials available to workflows.</p>\n              </div>\n            </div>\n            <span\n              class=\"rounded-full border border-gray-700 bg-gray-950 px-2.5 py-1 text-xs font-mono text-gray-400\"\n              aria-label=\"Secret count\"\n              >{{ secrets.length }}</span\n            >\n          </div>\n          <details ref=\"secretForm\" class=\"mb-5 overflow-hidden rounded-xl border border-gray-800 bg-gray-950/50\">\n            <summary class=\"flex cursor-pointer list-none items-center justify-between px-4 py-3 text-sm font-medium text-gray-300 outline-none hover:bg-gray-900 focus-visible:ring-2 focus-visible:ring-indigo-400/60\">\n              <span>Add a secret</span>\n              <lucide-icon icon=\"plus\" size=\"17\"></lucide-icon>\n            </summary>\n            <div class=\"space-y-3 border-t border-gray-800 p-4\">\n              <p class=\"text-xs text-gray-500\">Saving an existing name replaces its encrypted value.</p>\n              <label class=\"sr-only\" for=\"secret-name\">Secret name</label>\n              <input\n                id=\"secret-name\"\n                bind-value=\"secretName\"\n                on-input=\"setSecretName($event)\"\n                class=\"rounded-lg border border-gray-700 bg-gray-900 px-3 py-2.5 font-mono text-sm uppercase outline-none transition placeholder:text-gray-600 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/30\"\n                placeholder=\"NPM_TOKEN\"\n              />\n              <label class=\"inline-flex items-center gap-2 text-sm text-gray-300\">\n                <input type=\"checkbox\" bind-checked=\"fileMode\" on-change=\"setFileMode($event)\" class=\"h-4 w-4 rounded border-gray-700 bg-gray-900 text-indigo-500 focus:ring-2 focus:ring-indigo-500/30\" />\n                Binary file secret\n              </label>\n              <template if=\"!fileMode\">\n                <label class=\"sr-only\" for=\"secret-value\">Text secret value</label>\n                <input\n                  id=\"secret-value\"\n                  ref=\"secretValueInput\"\n                  bind-value=\"secretValue\"\n                  on-input=\"setSecretValue($event)\"\n                  type=\"password\"\n                  class=\"rounded-lg border border-gray-700 bg-gray-900 px-3 py-2.5 font-mono text-sm outline-none transition placeholder:text-gray-600 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/30\"\n                  placeholder=\"New secret value\"\n                />\n              </template>\n              <template if=\"fileMode\">\n                <label class=\"sr-only\" for=\"secret-file\">Binary secret file</label>\n                <input\n                  id=\"secret-file\"\n                  ref=\"secretFileInput\"\n                  on-change=\"setSecretFile($event)\"\n                  type=\"file\"\n                  class=\"rounded-lg border border-gray-700 bg-gray-900 px-3 py-2 text-xs text-gray-400 file:mr-3 file:rounded file:border-0 file:bg-gray-700 file:px-2 file:py-1 file:text-xs file:text-gray-200 focus:border-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500/30\"\n                />\n              </template>\n              <div>\n                <button\n                  type=\"button\"\n                  aria-label=\"Save secret value\"\n                  title=\"Save secret value\"\n                  on-click=\"saveSecret()\"\n                  bind-disabled=\"busy\"\n                  class=\"inline-flex items-center justify-center gap-2 rounded-lg border border-indigo-500/60 px-3 py-2.5 text-sm font-medium text-indigo-200 outline-none transition hover:bg-indigo-500/10 focus-visible:ring-2 focus-visible:ring-indigo-400/60 disabled:opacity-50\"\n                >\n                  <lucide-icon icon=\"lock-keyhole\" size=\"16\"></lucide-icon>Save secret\n                </button>\n              </div>\n            </div>\n            </div>\n          </details>\n          <ul class=\"grid gap-2\" aria-label=\"Saved secrets\">\n            <template for=\"name of secrets\">\n              <li>\n                <div class=\"flex min-h-14 items-center gap-2 rounded-xl border border-gray-800 bg-gray-950/50 px-3.5 py-3\">\n                  <button\n                    type=\"button\"\n                    on-click=\"selectSecret(name)\"\n                    class=\"group flex min-w-0 flex-1 items-center gap-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-indigo-400/50\"\n                    aria-label=\"Edit secret {{ name }}\"\n                  >\n                  <span\n                    class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gray-800 text-gray-500 group-hover:text-indigo-300\"\n                    ><lucide-icon icon=\"key-round\" size=\"15\"></lucide-icon\n                  ></span>\n                  <span class=\"min-w-0 flex-1 truncate font-mono text-sm text-gray-200\">{{ name }}</span>\n                    <span class=\"text-xs text-gray-500\">Select</span>\n                    <lucide-icon icon=\"chevron-right\" size=\"16\" class=\"text-gray-600 transition group-hover:text-indigo-300\"></lucide-icon>\n                  </button>\n                  <button\n                    type=\"button\"\n                    on-click=\"removeSecret(name)\"\n                    aria-label=\"Delete secret {{ name }}\"\n                    title=\"Delete secret\"\n                    class=\"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-rose-300 outline-none transition hover:bg-rose-500/10 focus-visible:ring-2 focus-visible:ring-rose-400/60\"\n                  >\n                    <lucide-icon icon=\"trash\" size=\"15\"></lucide-icon>\n                  </button>\n                </div>\n              </li>\n            </template>\n          </ul>\n          <div\n            class=\"rounded-xl border border-dashed border-gray-700 px-4 py-8 text-center\"\n            class-hidden=\"secrets.length > 0\"\n          >\n            <lucide-icon icon=\"key-round\" size=\"22\" class=\"mx-auto text-gray-600\"></lucide-icon>\n            <p class=\"mt-2 text-sm font-medium text-gray-300\">No secrets configured</p>\n              <p class=\"mt-1 text-xs text-gray-500\">Add one above to make it available to a workflow.</p>\n          </div>\n        </section>\n      </main>\n\n      <script setup>\n         import { onDestroy, onInit, ref, templateRef } from '@li3/web';\n         import { diffLines } from 'diff';\n\n        export default function () {\n          const page = document.body.dataset.page;\n          const initialId = __WORKFLOW_ID__;\n          const initialRevision = __WORKFLOW_REVISION__;\n          const readOnly = Boolean(initialRevision);\n          const workflows = ref([]);\n          const secrets = ref([]);\n          const source = ref('');\n          const validation = ref({ valid: true });\n           const savedSource = ref('');\n           const revision = ref(null);\n           const revisionDialogOpen = ref(false);\n           const revisionNumber = ref(0);\n           const revisionDiffHtml = ref('');\n           const revisionError = ref('');\n           const revisionLoading = ref(false);\n          const workflowId = ref('');\n          const enabled = ref(true);\n          const savedEnabled = ref(true);\n          const selectedId = ref('');\n           const secretName = ref('');\n           const secretValue = ref('');\n           const fileMode = ref(false);\n           const secretFileName = ref('');\n           const secretFileData = ref('');\n          const notice = ref('');\n          const noticeError = ref(false);\n          const busy = ref(false);\n           const secretValueInput = templateRef('secretValueInput');\n            const secretFileInput = templateRef('secretFileInput');\n           const secretForm = templateRef('secretForm');\n          const helpContent = templateRef('helpContent');\n          const helpLoaded = ref(false);\n          const helpLoading = ref(false);\n          let validationTimer;\n\n          const showNotice = (message, error = false) => {\n            notice.value = message;\n            noticeError.value = error;\n          };\n\n          const api = async (url, options = {}) => {\n            const response = await fetch(url, {\n              headers: { accept: 'application/json', ...(options.body ? { 'content-type': 'application/json' } : {}) },\n              ...options,\n            });\n            const body = response.status === 204 ? null : await response.json().catch(() => ({}));\n            if (!response.ok) throw new Error(body.error || `Request failed: ${response.status}`);\n            return body;\n          };\n\n          const derivedId = () =>\n            source.value\n              .match(/^\\s*(?:id:\\s*([^\\n]+)|name:\\s*([^\\n]+))/m)\n              ?.slice(1)\n              .find(Boolean)\n              ?.trim()\n              .toLowerCase()\n              .replace(/[^a-z0-9]/g, '-')\n              .replace(/(^-|-$)/g, '') || '';\n\n          const run = async (action) => {\n            if (busy.value) return;\n\n            busy.value = true;\n\n            try {\n              await action();\n            } catch (error) {\n              showNotice(error.message, true);\n            } finally {\n              busy.value = false;\n            }\n          };\n\n          const loadWorkflows = async () => {\n            workflows.value = (await api('/api/workflows')).workflows;\n          };\n\n          const loadSecrets = async () => {\n            secrets.value = (await api('/api/secrets')).secrets;\n          };\n\n          const openWorkflow = async (id) => {\n            const workflowUrl = initialRevision\n              ? `/api/workflows/${id}?revision=${initialRevision}`\n              : `/api/workflows/${id}`;\n            const workflow = await api(workflowUrl);\n            selectedId.value = workflow.id;\n            workflowId.value = workflow.id;\n            source.value = workflow.sourceYaml;\n            savedSource.value = workflow.sourceYaml;\n            enabled.value = workflow.enabled;\n             savedEnabled.value = workflow.enabled;\n             revision.value = workflow.revision || null;\n          };\n\n           const validateSource = async () => {\n             return api('/api/workflows/validate', {\n               method: 'POST',\n               body: JSON.stringify({ sourceYaml: source.value }),\n             });\n           };\n\n           const validate = (ms = 1000) => {\n             if (page !== 'editor') return;\n\n             clearTimeout(validationTimer);\n             validationTimer = setTimeout(() => {\n               validation.value = { ...validation.value, running: true, error: '' };\n               void validateSource()\n                 .then((result) => {\n                   validation.value = { ...result, running: false };\n                 })\n                 .catch((error) => {\n                   validation.value = { valid: false, running: false, error: error.message };\n                   \n                 });\n             }, ms);\n           };\n\n          const save = () =>\n            run(async () => {\n              const id = workflowId.value.trim() || derivedId();\n              if (!id) throw new Error('Set an ID or add a workflow name first.');\n              if (\n                initialId &&\n                id === selectedId.value &&\n                source.value === savedSource.value &&\n                enabled.value === savedEnabled.value\n              ) {\n                showNotice('No changes to save.');\n                return;\n              }\n              const workflow = await api(`/api/workflows/${id}`, {\n                method: 'PUT',\n                body: JSON.stringify({ sourceYaml: source.value, enabled: enabled.value }),\n              });\n              selectedId.value = workflow.id;\n              workflowId.value = workflow.id;\n              savedSource.value = source.value;\n               savedEnabled.value = enabled.value;\n               revision.value = workflow.revision;\n              showNotice(`Saved ${workflow.id} as draft revision ${workflow.revision}.`);\n              if (!initialId) history.replaceState(null, '', `/workflows/${workflow.id}`);\n            });\n          const publish = () =>\n            run(async () => {\n              const id = workflowId.value.trim() || selectedId.value;\n              if (!id) throw new Error('Save a workflow before publishing it.');\n              const workflow = await api(`/api/workflows/${id}/publish`, { method: 'POST' });\n               selectedId.value = workflow.id;\n               revision.value = workflow.revision;\n               showNotice(`Published ${workflow.id} revision ${workflow.revision}.`);\n            });\n          const remove = () =>\n            run(async () => {\n              const id = workflowId.value.trim() || selectedId.value;\n              if (!id || !confirm(`Delete ${id} and all of its revisions?`)) return;\n              await api(`/api/workflows/${id}`, { method: 'DELETE' });\n              window.location.href = '/workflows';\n            });\n           const saveSecret = () =>\n             run(async () => {\n               const name = secretName.value.trim();\n               if (!name || (fileMode.value ? !secretFileData.value : !secretValue.value)) throw new Error(fileMode.value ? 'Choose a file first.' : 'Set a secret value first.');\n               await api(`/api/secrets/${name}`, {\n                 method: 'PUT',\n                 body: JSON.stringify(fileMode.value ? { value: secretFileData.value, encoding: 'base64', originalName: secretFileName.value } : { value: secretValue.value, encoding: 'utf8' }),\n               });\n               secretValue.value = '';\n               secretFileName.value = '';\n               secretFileData.value = '';\n               fileMode.value = false;\n               if (secretFileInput.value) secretFileInput.value.value = '';\n               if (secretForm.value) secretForm.value.open = false;\n              await loadSecrets();\n              showNotice(`Saved ${name}.`);\n            });\n           const removeSecret = (requestedName = '') =>\n             run(async () => {\n               const name = requestedName || secretName.value.trim();\n               if (!name || !confirm(`Delete ${name}?`)) return;\n               await api(`/api/secrets/${name}`, { method: 'DELETE' });\n               if (secretName.value.trim() === name) {\n                 secretName.value = '';\n                 secretValue.value = '';\n                 secretFileName.value = '';\n                 secretFileData.value = '';\n                 fileMode.value = false;\n                 if (secretFileInput.value) secretFileInput.value.value = '';\n               }\n              await loadSecrets();\n              showNotice(`Deleted ${name}.`);\n            });\n          const setSource = (value) => {\n            source.value = value;\n            validate();\n          };\n          const setWorkflowId = (event) => {\n            workflowId.value = event.target.value;\n          };\n          const setEnabled = (event) => {\n            enabled.value = event.target.checked;\n          };\n          const setSecretName = (event) => {\n            secretName.value = event.target.value;\n          };\n           const setSecretValue = (event) => {\n             secretValue.value = event.target.value;\n             fileMode.value = false;\n             if (secretValue.value) {\n               secretFileName.value = '';\n               secretFileData.value = '';\n               if (secretFileInput.value) secretFileInput.value.value = '';\n             }\n           };\n           const setFileMode = (event) => {\n             fileMode.value = event.target.checked;\n             if (!fileMode.value) {\n               secretFileName.value = '';\n               secretFileData.value = '';\n               if (secretFileInput.value) secretFileInput.value.value = '';\n             } else {\n               secretValue.value = '';\n             }\n           };\n           const setSecretFile = async (event) => {\n             const file = event.target.files?.[0];\n             if (!file) return;\n             const bytes = new Uint8Array(await file.arrayBuffer());\n             let binary = '';\n             for (let index = 0; index < bytes.length; index += 0x8000) {\n               binary += String.fromCharCode(...bytes.subarray(index, index + 0x8000));\n             }\n             secretFileName.value = file.name;\n             secretFileData.value = btoa(binary);\n             secretValue.value = '';\n          };\n          const selectSecret = (name) => {\n            secretName.value = name;\n            secretValueInput.value?.focus();\n          };\n          const visitWorkflow = (id) => {\n            window.location.href = `/workflows/${id}`;\n          };\n           const loadHelp = async (event) => {\n            if (!event.target.open || helpLoaded.value || helpLoading.value || !helpContent.value) return;\n            helpLoading.value = true;\n            helpContent.value.textContent = 'Loading workflow syntax help...';\n            try {\n              const response = await fetch('/help?embed=1', { headers: { accept: 'text/html' } });\n              if (!response.ok) throw new Error(`Help request failed: ${response.status}`);\n              const html = await response.text();\n              const parsed = new DOMParser().parseFromString(html, 'text/html');\n              const sourceNodes = [\n                ...Array.from(parsed.head.querySelectorAll('style')),\n                ...Array.from(parsed.body.childNodes),\n              ];\n              const nodes = sourceNodes.map((node) => document.importNode(node, true));\n              helpContent.value.replaceChildren(...nodes);\n              helpLoaded.value = true;\n            } catch (error) {\n              helpContent.value.textContent = 'Unable to load workflow syntax help.';\n              console.error(error);\n            } finally {\n              helpLoading.value = false;\n            }\n           };\n\n           const escapeRevisionHtml = (value) => value.replace(/[&<>\"']/g, (character) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' })[character] || '');\n           const renderRevisionDiff = (previousSource, currentSource) => {\n             if (previousSource === null) return `<span class=\"text-emerald-300\">+ ${escapeRevisionHtml(currentSource)}</span>\\n`;\n             return diffLines(previousSource, currentSource).map((part) => {\n               const className = part.added ? 'text-emerald-300 bg-emerald-500/10' : part.removed ? 'text-rose-300 bg-rose-500/10' : 'text-gray-300';\n               const prefix = part.added ? '+ ' : part.removed ? '- ' : '  ';\n               return part.value.split('\\n').filter((line, index, lines) => index < lines.length - 1 || line).map((line) => `<span class=\"block ${className}\">${prefix}${escapeRevisionHtml(line)}</span>`).join('');\n             }).join('');\n           };\n           const openRevisionDialog = async () => {\n             if (!revision.value) return;\n             revisionNumber.value = revision.value;\n             revisionDiffHtml.value = '';\n             revisionError.value = '';\n             revisionDialogOpen.value = true;\n             await loadRevisionDiff(revision.value);\n           };\n           const closeRevisionDialog = () => {\n             revisionDialogOpen.value = false;\n           };\n           const loadRevisionDiff = async (number) => {\n             revisionLoading.value = true;\n             revisionError.value = '';\n             try {\n               const current = await api(`/api/workflows/${selectedId.value}?revision=${number}`);\n               const previous = number > 1 ? await api(`/api/workflows/${selectedId.value}?revision=${number - 1}`) : null;\n               revisionDiffHtml.value = renderRevisionDiff(previous?.sourceYaml ?? null, current.sourceYaml);\n             } catch (error) {\n               revisionError.value = error.message;\n             } finally {\n               revisionLoading.value = false;\n             }\n           };\n           const navigateRevision = async (offset) => {\n             if (!selectedId.value || revisionLoading.value) return;\n             const target = revisionNumber.value + offset;\n             if (target < 1 || target > revision.value) return;\n             revisionNumber.value = target;\n             await loadRevisionDiff(target);\n           };\n\n          onDestroy(() => clearTimeout(validationTimer));\n\n          onInit(() => {\n             const loadPage = page === 'editor'\n               ? initialId ? openWorkflow(initialId) : Promise.resolve()\n               : page === 'secrets' ? loadSecrets() : loadWorkflows();\n            loadPage.catch((error) => showNotice(error.message, true));\n          });\n\n           return {\n             page,\n             workflows,\n            secrets,\n             source,\n             validation,\n             revision,\n             revisionDialogOpen,\n             revisionNumber,\n             revisionDiffHtml,\n             revisionError,\n             revisionLoading,\n            workflowId,\n            enabled,\n            readOnly,\n            selectedId,\n             secretName,\n             secretValue,\n             fileMode,\n             secretFileName,\n             secretFileData,\n            notice,\n            noticeError,\n            busy,\n            validate,\n            save,\n            publish,\n            remove,\n            saveSecret,\n            removeSecret,\n            setSource,\n            setWorkflowId,\n            setEnabled,\n            setSecretName,\n             setSecretValue,\n             setFileMode,\n             setSecretFile,\n            selectSecret,\n            visitWorkflow,\n             loadHelp,\n             openRevisionDialog,\n             closeRevisionDialog,\n             navigateRevision,\n          };\n        }\n      <\/script>\n    </template>\n\n    <script type=\"module\">\n      import '@li3/web';\n    <\/script>\n    <script src=\"https://cdn.tailwindcss.com\"><\/script>\n  </body>\n</html>\n";
+var sy = "<template component=\"app-header\">\n  <link rel=\"component\" href=\"https://sodium.static.apphor.de/lucide-icon.html\" />\n  <header class=\"mx-auto flex w-full max-w-[78rem] items-center justify-between gap-4 border-b border-gray-800 pb-5\">\n    <div class=\"flex min-w-0 items-start gap-3\">\n      <template if=\"back\">\n        <a class=\"mt-0.5 inline-flex h-9 w-9 items-center justify-center rounded-lg border border-gray-800 text-gray-400 no-underline outline-none hover:border-indigo-500 hover:text-indigo-200 focus-visible:ring-2 focus-visible:ring-indigo-400/60\" attr-href=\"back\" attr-aria-label=\"backLabel || 'Back'\" attr-title=\"backLabel || 'Back'\">\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width=\"17\" height=\"17\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"></path></svg>\n        </a>\n      </template>\n      <div>\n        <div class=\"text-[.7rem] font-bold uppercase tracking-[.16em] text-indigo-400\">Runner engine</div>\n        <h1 class=\"mt-1 text-2xl font-bold tracking-tight text-white\">{{ title }}</h1>\n        <template if=\"subtitle\"><p class=\"mt-1 text-xs text-gray-400\">{{ subtitle }}</p></template>\n      </div>\n    </div>\n    <div class=\"flex items-center gap-2\">\n      <a class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-gray-700 text-indigo-200 no-underline outline-none hover:border-indigo-500 hover:bg-gray-900 hover:text-white focus-visible:ring-2 focus-visible:ring-indigo-400/60\" href=\"/help\" aria-label=\"Help\" title=\"Help\">\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"></circle><path d=\"M9.6 9a2.5 2.5 0 1 1 4.2 1.8c-1.2 1-1.8 1.4-1.8 2.7\"></path><path d=\"M12 17h.01\"></path></svg>\n      </a>\n      <a class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border border-gray-700 text-indigo-200 no-underline outline-none hover:border-indigo-500 hover:bg-gray-900 hover:text-white focus-visible:ring-2 focus-visible:ring-indigo-400/60\" href=\"/settings\" aria-label=\"Settings\" title=\"Settings\">\n        <lucide-icon icon=\"settings\" size=\"16\"></lucide-icon>\n      </a>\n    </div>\n  </header>\n  <script setup>\n    import { defineProp } from '@li3/web';\n    export default function () {\n      return { title: defineProp('title'), subtitle: defineProp('subtitle'), back: defineProp('back'), backLabel: defineProp('back-label') };\n    }\n  <\/script>\n</template>\n", cy = "<!doctype html>\n<html lang=\"en\" class=\"dark\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n    <meta name=\"theme-color\" content=\"#030712\" />\n    <link rel=\"manifest\" href=\"/manifest.webmanifest\" />\n    <link rel=\"icon\" href=\"/app-icon.svg\" type=\"image/svg+xml\" />\n    <script type=\"importmap\">\n      { \"imports\": { \"@li3/\": \"https://cdn.li3.dev/@li3/\", \"ansi_up\": \"https://esm.sh/ansi_up@6.0.6\", \"diff\": \"https://unpkg.com/diff@9.0.0/libesm/index.js\", \"marked\": \"https://cdn.jsdelivr.net/npm/marked@18.0.12/lib/marked.esm.js\" } }\n    <\/script>\n    <link rel=\"component\" href=\"/app-router.html\" />\n    <link rel=\"component\" href=\"/app-header.html\" />\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/lucide-icon.html\" />\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/code-editor.html\" />\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/code-block.html\" />\n    <title>On Workflow Runner</title>\n  </head>\n  <body class=\"min-h-screen bg-gray-950 text-gray-100 font-sans\">\n    <template app>\n      <app-router></app-router>\n    </template>\n    <script type=\"module\">import '@li3/web';<\/script>\n    <script src=\"https://cdn.tailwindcss.com\"><\/script>\n  </body>\n</html>\n", ly = "<template component=\"app-router\">\n  <div ref=\"outlet\" aria-live=\"polite\"></div>\n  <script setup>\n    import { getElement, onDestroy, onInit, templateRef } from '@li3/web';\n    import { load } from '@li3/web';\n\n    export default function () {\n      const outlet = templateRef('outlet');\n      let navigating = false;\n\n      const route = () => {\n        const url = new URL(window.location.href);\n        const path = url.pathname;\n        if (path === '/' || path === '/runs') return { component: 'page-dashboard', url: '/pages/dashboard.html', page: 'dashboard' };\n        if (path.match(/^\\/runs\\/\\d+$/)) return { component: 'page-run', url: `/pages/run.html?jobId=${path.split('/').pop()}`, page: 'run' };\n        if (path === '/help') return { component: 'page-help', url: '/pages/help.html', page: 'help' };\n        if (path === '/settings/workflows') return { component: 'page-workflows', url: '/pages/workflows.html?page=workflows', page: 'workflows' };\n        if (path === '/settings/secrets') return { component: 'page-secrets', url: '/pages/workflows.html?page=secrets', page: 'secrets' };\n        if (path === '/settings/tokens') return { component: 'page-settings', url: '/pages/settings.html?page=tokens', page: 'tokens' };\n        if (path === '/settings/notifications') return { component: 'page-settings', url: '/pages/settings.html?page=notifications', page: 'notifications' };\n        if (path === '/settings' || path === '/workflows') return { component: 'page-workflows', url: '/pages/workflows.html?page=workflows', page: 'workflows' };\n        const editor = path.match(/^\\/settings\\/workflows\\/(new|[a-z0-9-]+)$/);\n        if (editor) return { component: 'page-workflow-editor', url: `/pages/workflows.html?page=editor&id=${editor[1]}${url.searchParams.get('revision') ? `&revision=${url.searchParams.get('revision')}` : ''}`, page: 'editor' };\n        const legacyEditor = path.match(/^\\/workflows\\/(new|[a-z0-9-]+)$/);\n        if (legacyEditor) return { component: 'page-workflow-editor', url: `/pages/workflows.html?page=editor&id=${legacyEditor[1]}${url.searchParams.get('revision') ? `&revision=${url.searchParams.get('revision')}` : ''}`, page: 'editor' };\n        return { component: 'page-dashboard', url: '/pages/dashboard.html', page: 'dashboard' };\n      };\n\n      const navigate = async (replace = false) => {\n        if (navigating) return;\n        navigating = true;\n        try {\n          const current = route();\n          document.body.dataset.page = current.page;\n          await load(current.url);\n          outlet.value.replaceChildren(document.createElement(current.component));\n          if (replace) history.replaceState(null, '', window.location.href);\n        } catch (error) {\n          outlet.value.innerHTML = `<main class=\"mx-auto max-w-4xl p-8\"><h1 class=\"text-xl font-semibold text-white\">Unable to load page</h1><p class=\"mt-2 text-sm text-rose-300\">${String(error.message || error)}</p></main>`;\n        } finally {\n          navigating = false;\n        }\n      };\n      const handleClick = (event) => {\n        const anchor = event.target.closest?.('a');\n        if (!anchor || anchor.target || anchor.hasAttribute('download')) return;\n        const target = new URL(anchor.href, window.location.href);\n        if (target.origin !== window.location.origin || !target.pathname.startsWith('/')) return;\n        if (target.pathname.startsWith('/api/') || target.pathname.startsWith('/webhooks/')) return;\n        if (target.pathname === window.location.pathname && target.hash) return;\n        event.preventDefault();\n        history.pushState(null, '', `${target.pathname}${target.search}${target.hash}`);\n        void navigate();\n      };\n      const element = getElement();\n      onInit(() => {\n        element.addEventListener('click', handleClick);\n        window.addEventListener('popstate', navigate);\n        void navigate(true);\n      });\n      onDestroy(() => {\n        element.removeEventListener('click', handleClick);\n        window.removeEventListener('popstate', navigate);\n      });\n      return {};\n    }\n  <\/script>\n</template>\n", uy = "<!doctype html>\n<html lang=\"en\" class=\"dark\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"theme-color\" content=\"#030712\" />\n    <meta name=\"mobile-web-app-capable\" content=\"yes\" />\n    <link rel=\"manifest\" href=\"/manifest.webmanifest\" />\n    <link rel=\"icon\" href=\"/app-icon.svg\" type=\"image/svg+xml\" />\n    <title>Runner Workflow Management</title>\n    <script type=\"importmap\">\n      { \"imports\": { \"@li3/\": \"https://cdn.li3.dev/@li3/\", \"diff\": \"https://unpkg.com/diff@9.0.0/libesm/index.js\" } }\n    <\/script>\n    <style>\n      body[data-page='list'] .editor-panel {\n        display: none;\n      }\n      body[data-page='workflows'] .editor-panel,\n      body[data-page='workflows'] .secrets-panel,\n      body[data-page='secrets'] .workflow-list,\n      body[data-page='secrets'] .editor-panel {\n        display: none;\n      }\n      body[data-page='editor'] .workflow-list,\n      body[data-page='editor'] .secrets-panel {\n        display: none;\n      }\n    </style>\n  </head>\n  <body data-page=\"__WORKFLOW_PAGE__\" class=\"min-h-screen bg-gray-950 p-4 font-sans text-gray-100 md:p-6\">\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/code-editor.html\" />\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/code-block.html\" />\n    <link rel=\"component\" href=\"https://sodium.static.apphor.de/lucide-icon.html\" />\n    <link rel=\"component\" href=\"/app-header.html\" />\n\n    <template app>\n        <main class=\"mx-auto max-w-6xl space-y-5 py-6\">\n        <template if=\"page === 'secrets'\"><app-header title=\"Secrets\" subtitle=\"Write-only credentials available to workflows\" back=\"/runs\" back-label=\"Back to dashboard\"></app-header></template>\n        <template if=\"page !== 'secrets'\"><app-header title=\"Workflow control room\" subtitle=\"Draft, validate, and publish revisioned YAML definitions\" back=\"/runs\" back-label=\"Back to dashboard\"></app-header></template>\n        <nav class=\"flex flex-wrap gap-1 rounded-xl border border-gray-800 bg-gray-900/70 p-1\" aria-label=\"Settings navigation\">\n          <a href=\"/settings/workflows\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\" bind-class=\"page === 'workflows' || page === 'editor' ? 'bg-gray-800.text-white' : ''\">Workflows</a>\n          <a href=\"/settings/secrets\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\" bind-class=\"page === 'secrets' ? 'bg-gray-800.text-white' : ''\">Secrets</a>\n          <a href=\"/settings/tokens\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">API tokens</a>\n          <a href=\"/settings/notifications\" class=\"rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Notifications</a>\n        </nav>\n\n        <template if=\"notice\">\n          <div\n            role=\"status\"\n            class=\"flex items-center gap-2 rounded-lg border px-3 py-2.5 text-sm\"\n            bind-class=\"noticeError ? 'border-rose-500/40 bg-rose-500/10 text-rose-100' : 'border-emerald-500/40 bg-emerald-500/10 text-emerald-100'\"\n          >\n            <lucide-icon bind-icon=\"noticeError ? 'circle-alert' : 'circle-check'\" size=\"17\"></lucide-icon>\n            <span>{{ notice }}</span>\n          </div>\n        </template>\n\n        <section id=\"workflow-layout\" class=\"space-y-5\">\n          <nav\n            class=\"workflow-list rounded-2xl border border-gray-800 bg-gray-900/80 p-4 shadow-xl shadow-black/10\"\n            aria-labelledby=\"workflow-list-title\"\n          >\n            <div class=\"mb-4 flex items-end justify-between gap-3 border-b border-gray-800 pb-4\">\n              <div>\n                <p class=\"text-[11px] font-semibold uppercase tracking-[0.18em] text-indigo-400\">Definitions</p>\n                <h2 id=\"workflow-list-title\" class=\"mt-1 text-lg font-semibold text-white\">Workflows</h2>\n              </div>\n              <a\n                href=\"/workflows/new\"\n                class=\"inline-flex items-center gap-2 rounded-lg bg-indigo-500 px-3 py-2 text-sm font-semibold text-white outline-none transition hover:bg-indigo-400 focus-visible:ring-2 focus-visible:ring-indigo-400/60\"\n              >\n                <lucide-icon icon=\"plus\" size=\"16\"></lucide-icon>\n                New workflow\n              </a>\n            </div>\n            <ul class=\"grid gap-2\" aria-label=\"Workflow definitions\">\n              <template for=\"workflow of workflows\">\n                <li>\n                  <a\n                    attr-href=\"'/workflows/' + workflow.id\"\n                    class=\"group flex min-h-16 items-center gap-3 rounded-xl border border-gray-800 bg-gray-950/50 px-3.5 py-3 text-left text-sm text-gray-300 outline-none transition hover:border-indigo-500/50 hover:bg-indigo-500/10 focus-visible:border-indigo-400 focus-visible:ring-2 focus-visible:ring-indigo-400/50\"\n                  >\n                    <span\n                      class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-gray-800 text-gray-400 transition group-hover:bg-indigo-500/15 group-hover:text-indigo-300\"\n                    >\n                      <lucide-icon icon=\"workflow\" size=\"17\"></lucide-icon>\n                    </span>\n                    <span class=\"min-w-0 flex-1\">\n                      <span class=\"block truncate text-base font-semibold text-gray-100\">{{ workflow.name }}</span>\n                      <span class=\"mt-0.5 block truncate font-mono text-[11px] text-gray-500\">{{ workflow.id }}</span>\n                    </span>\n                    <span\n                      class=\"rounded-full border px-2 py-1 text-[10px] font-semibold uppercase tracking-wide\"\n                      bind-class=\"workflow.status === 'published' ? 'border-emerald-500/30 bg-emerald-500/10 text-emerald-300' : workflow.status === 'archived' ? 'border-gray-700 bg-gray-800 text-gray-500' : 'border-amber-500/30 bg-amber-500/10 text-amber-300'\"\n                      >{{ workflow.status }}</span\n                    >\n                    <lucide-icon\n                      icon=\"arrow-up-right\"\n                      size=\"16\"\n                      class=\"shrink-0 text-gray-600 transition group-hover:text-indigo-300\"\n                    ></lucide-icon>\n                  </a>\n                </li>\n              </template>\n            </ul>\n            <div\n              class=\"rounded-xl border border-dashed border-gray-700 px-4 py-8 text-center\"\n              class-hidden=\"workflows.length > 0\"\n            >\n              <lucide-icon icon=\"workflow\" size=\"22\" class=\"mx-auto text-gray-600\"></lucide-icon>\n              <p class=\"mt-2 text-sm font-medium text-gray-300\">No workflows yet</p>\n              <p class=\"mt-1 text-xs text-gray-500\">Create a definition to start automating jobs.</p>\n            </div>\n          </nav>\n\n          <section\n            class=\"editor-panel overflow-hidden rounded-xl border border-gray-800 bg-gray-900/80 shadow-xl shadow-black/10\"\n          >\n            <div class=\"border-b border-gray-800 px-4 pt-3 sm:px-5\">\n              <a\n                href=\"/workflows\"\n                class=\"inline-flex items-center gap-1.5 rounded-md px-2 py-1.5 text-xs font-medium text-gray-400 outline-none transition hover:bg-gray-800 hover:text-gray-100 focus-visible:ring-2 focus-visible:ring-indigo-400/60\"\n              >\n                <lucide-icon icon=\"arrow-left\" size=\"14\"></lucide-icon>\n                Back to workflows\n              </a>\n            </div>\n            <div class=\"border-b border-gray-800 bg-gray-900 px-4 py-4 sm:px-5\">\n              <div class=\"flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between\">\n                <label class=\"block max-w-xl flex-1 text-xs font-semibold uppercase tracking-wider text-gray-400\"\n                  >Workflow ID\n                  <input\n                    bind-value=\"workflowId\"\n                    on-input=\"setWorkflowId($event)\"\n                    bind-disabled=\"selectedId\"\n                    aria-describedby=\"workflow-id-help\"\n                    class=\"mt-2 w-full rounded-lg border border-gray-700 bg-gray-950 px-3 py-2.5 font-mono text-sm normal-case tracking-normal text-white outline-none transition focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20\"\n                    placeholder=\"derived-from-workflow-name\"\n                  />\n                  <span\n                    id=\"workflow-id-help\"\n                    class=\"mt-1 block text-[11px] font-normal normal-case tracking-normal text-gray-500\"\n                    >The ID becomes permanent after the first save.</span\n                  >\n                </label>\n                <label class=\"inline-flex items-center gap-2 text-sm text-gray-300\">\n                  <input\n                    type=\"checkbox\"\n                    bind-checked=\"enabled\"\n                    on-change=\"setEnabled($event)\"\n                    class=\"h-4 w-4 rounded border-gray-700 bg-gray-950 text-indigo-500 focus:ring-2 focus:ring-indigo-500/30\"\n                  />\n                  Enabled\n                </label>\n                 <div class=\"flex flex-wrap gap-2\" class-hidden=\"readOnly\">\n                   <button type=\"button\" aria-label=\"Get AI workflow help\" title=\"Get AI workflow help\" on-click=\"openAiHelp()\" class=\"inline-flex items-center gap-2 rounded-lg border border-indigo-500/50 px-3 py-2.5 text-sm font-medium text-indigo-200 outline-none hover:bg-indigo-500/10 focus-visible:ring-2 focus-visible:ring-indigo-400/60\">\n                     <lucide-icon icon=\"sparkles\" size=\"16\"></lucide-icon><span class=\"hidden sm:inline\">AI help</span>\n                   </button>\n                  <button\n                    type=\"button\"\n                    aria-label=\"Save workflow draft\"\n                    title=\"Save workflow draft\"\n                    on-click=\"save()\"\n                    bind-disabled=\"busy\"\n                    class=\"inline-flex items-center gap-2 rounded-lg bg-indigo-500 px-3 py-2.5 text-sm font-semibold text-white transition hover:bg-indigo-400 disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <lucide-icon icon=\"save\" size=\"16\"></lucide-icon>\n                    <span class=\"hidden sm:inline\">Save draft</span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    aria-label=\"Publish workflow\"\n                    title=\"Publish workflow\"\n                     on-click=\"publish()\"\n                     bind-disabled=\"busy || !selectedId || source !== savedSource || enabled !== savedEnabled\"\n                    class=\"inline-flex items-center gap-2 rounded-lg border border-emerald-500/50 px-3 py-2.5 text-sm font-medium text-emerald-300 transition hover:bg-emerald-500/10 disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <lucide-icon icon=\"rocket\" size=\"16\"></lucide-icon>\n                    <span class=\"hidden sm:inline\">Publish</span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    aria-label=\"Delete workflow\"\n                    title=\"Delete workflow\"\n                    on-click=\"remove()\"\n                    bind-disabled=\"busy\"\n                    class=\"inline-flex items-center gap-2 rounded-lg border border-rose-500/50 px-3 py-2.5 text-sm font-medium text-rose-300 transition hover:bg-rose-500/10 disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <lucide-icon icon=\"trash\" size=\"16\"></lucide-icon>\n                    <span class=\"hidden sm:inline\">Delete</span>\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div class=\"p-3 sm:p-5\">\n              <div class=\"mb-2 flex items-center justify-between px-1 text-xs text-gray-500\">\n                <div class=\"flex items-center gap-2\">\n                  <button\n                    type=\"button\"\n                    aria-label=\"Validate workflow\"\n                    title=\"Validate workflow\"\n                    on-click=\"validate(1)\"\n                    bind-disabled=\"validation.running\"\n                    bind-class=\"{ 'hidden': readOnly, 'text-emerald-400': validation.valid, 'text-rose-400': !validation.valid }\"\n                    class=\"disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <lucide-icon\n                      class=\"inline-block\"\n                      bind-icon=\"validation.running ? 'loader-circle' : (validation.valid ? 'circle-check' : 'circle-alert')\"\n                      bind-class=\"validation.running ? 'animate-spin' : ''\"\n                      size=\"16\"\n                    ></lucide-icon>\n                  </button>\n                  <span class=\"font-medium\" bind-class=\"validation.error ? 'bg-rose-500/10 text-rose-100' : ''\"\n                    >{{ validation.error || '' }}</span\n                  >\n                </div>\n                 <template if=\"revision\">\n                   <button\n                     type=\"button\"\n                     on-click=\"openRevisionDialog()\"\n                     class=\"font-mono text-indigo-300 outline-none hover:underline focus-visible:rounded focus-visible:ring-2 focus-visible:ring-indigo-400/60\"\n                   >Revision {{ revision }}</button>\n                 </template>\n                 <template if=\"!revision\"><span class=\"font-mono\">Unsaved draft</span></template>\n              </div>\n              <template if=\"readOnly\">\n                <code-block\n                  language=\"yaml\"\n                  theme=\"atom-one-dark\"\n                  class=\"block h-[calc(100vh-23rem)] min-h-[28rem] overflow-auto rounded-lg border border-gray-700 bg-gray-950 p-4\"\n                  bind-source=\"source\"\n                ></code-block>\n              </template>\n              <template if=\"!readOnly\">\n                <code-editor\n                  id=\"source-yaml\"\n                  language=\"yaml\"\n                  theme=\"atom-one-dark\"\n                  nostatus=\"true\"\n                  class=\"block h-[calc(100vh-23rem)] min-h-[28rem] overflow-hidden rounded-lg border border-gray-700 bg-gray-950\"\n                  bind-value=\"source\"\n                  on-change=\"setSource($event.detail)\"\n                ></code-editor>\n              </template>\n              <details\n                class=\"mt-4 overflow-hidden rounded-xl border border-gray-800 bg-gray-950/50\"\n                on-toggle=\"loadHelp($event)\"\n              >\n                <summary\n                  class=\"flex cursor-pointer list-none items-center gap-2 px-4 py-3 text-sm font-medium text-gray-300 outline-none transition hover:bg-gray-900 focus-visible:ring-2 focus-visible:ring-indigo-400/60\"\n                >\n                  <span class=\"inline-flex items-center gap-2\"\n                    ><lucide-icon icon=\"circle-question-mark\" size=\"16\"></lucide-icon>Syntax</span\n                  >\n                  <span class=\"ml-2 text-xs font-normal text-gray-500\">Reference, tutorials, and examples</span>\n                </summary>\n                <div\n                  ref=\"helpContent\"\n                  class=\"max-h-[38rem] overflow-y-auto border-t border-gray-800 bg-gray-950 px-4 py-5\"\n                  role=\"region\"\n                  aria-label=\"Workflow syntax help\"\n                  aria-live=\"polite\"\n                >\n                  <p class=\"text-sm text-gray-500\">Expand to load the workflow syntax reference.</p>\n                </div>\n              </details>\n            </div>\n          </section>\n        </section>\n\n        <template if=\"aiDialogOpen\">\n          <div class=\"fixed inset-0 z-50 flex items-center justify-center bg-gray-950/80 p-4\" role=\"presentation\">\n            <div class=\"flex max-h-[90vh] w-full max-w-5xl flex-col overflow-hidden rounded-2xl border border-gray-700 bg-gray-900 shadow-2xl\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"workflow-ai-title\">\n              <div class=\"flex items-start justify-between gap-3 border-b border-gray-800 px-5 py-4\"><div><h2 id=\"workflow-ai-title\" class=\"text-lg font-semibold text-white\">AI workflow help</h2><p class=\"mt-1 text-sm text-gray-400\">Describe the change you want. The suggestion will not modify the editor until you accept it.</p></div><button type=\"button\" on-click=\"closeAiHelp()\" aria-label=\"Close AI help\" class=\"rounded-lg p-2 text-gray-400 hover:bg-gray-800\"><lucide-icon icon=\"x\" size=\"17\"></lucide-icon></button></div>\n              <div class=\"min-h-0 overflow-auto p-5\">\n                <label class=\"sr-only\" for=\"workflow-ai-request\">Requested workflow change</label>\n                <textarea id=\"workflow-ai-request\" bind-value=\"aiRequest\" placeholder=\"Example: Add a Docker cache volume to the build step.\" class=\"min-h-24 w-full rounded-xl border border-gray-700 bg-gray-950 p-3 text-sm text-gray-200 outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/30\"></textarea>\n                <p class=\"mt-2 text-xs text-rose-300\" class-hidden=\"!aiError\">{{ aiError }}</p>\n                <template if=\"aiDiffHtml\">\n                  <div class=\"mt-4\"><p class=\"mb-2 text-xs font-semibold uppercase tracking-wider text-gray-500\">Suggested changes</p><pre class=\"max-h-[36rem] overflow-auto rounded-xl border border-gray-700 bg-gray-950 p-4 font-mono text-xs leading-6\" bind-innerhtml=\"aiDiffHtml\"></pre></div>\n                </template>\n              </div>\n              <div class=\"flex items-center justify-end gap-2 border-t border-gray-800 px-5 py-3\"><button type=\"button\" on-click=\"closeAiHelp()\" class=\"rounded-lg border border-gray-700 px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Cancel</button><template if=\"aiDiffHtml\"><button type=\"button\" on-click=\"rejectAiSuggestion()\" class=\"rounded-lg border border-rose-500/50 px-3 py-2 text-sm text-rose-300 hover:bg-rose-500/10\">Reject</button><button type=\"button\" on-click=\"acceptAiSuggestion()\" class=\"rounded-lg bg-indigo-500 px-3 py-2 text-sm font-semibold text-white hover:bg-indigo-400\">Accept suggestion</button></template><button type=\"button\" on-click=\"requestAiHelp()\" bind-disabled=\"aiLoading || !aiRequest.trim()\" class=\"rounded-lg bg-indigo-500 px-3 py-2 text-sm font-semibold text-white hover:bg-indigo-400 disabled:opacity-50\">{{ aiLoading ? 'Thinking...' : 'Suggest' }}</button></div>\n            </div>\n          </div>\n        </template>\n\n        <template if=\"revisionDialogOpen\">\n          <div class=\"fixed inset-0 z-50 flex items-center justify-center bg-gray-950/80 p-4\" role=\"presentation\">\n            <div\n              class=\"flex max-h-[90vh] w-full max-w-4xl flex-col overflow-hidden rounded-2xl border border-gray-700 bg-gray-900 shadow-2xl\"\n              role=\"dialog\"\n              aria-modal=\"true\"\n              aria-labelledby=\"revision-dialog-title\"\n            >\n              <div class=\"flex items-center justify-between border-b border-gray-800 px-4 py-3\">\n                <div>\n                  <h2 id=\"revision-dialog-title\" class=\"font-semibold text-white\">Workflow revision {{ revisionNumber }}</h2>\n                  <p class=\"text-xs text-gray-500\">Read-only source snapshot</p>\n                </div>\n                <button type=\"button\" on-click=\"closeRevisionDialog()\" aria-label=\"Close revision dialog\" class=\"rounded-lg p-2 text-gray-400 outline-none hover:bg-gray-800 hover:text-white focus-visible:ring-2 focus-visible:ring-indigo-400/60\">\n                  <lucide-icon icon=\"x\" size=\"17\"></lucide-icon>\n                </button>\n              </div>\n               <div class=\"min-h-0 flex-1 overflow-auto p-4\">\n                 <p class=\"mb-3 text-sm text-rose-300\" class-hidden=\"!revisionError\">{{ revisionError }}</p>\n                 <pre class=\"min-h-[20rem] overflow-auto rounded-lg border border-gray-700 bg-gray-950 p-4 font-mono text-xs leading-6\" bind-innerhtml=\"revisionDiffHtml\"></pre>\n              </div>\n               <div class=\"flex items-center justify-between border-t border-gray-800 px-4 py-3\">\n                <button type=\"button\" on-click=\"navigateRevision(-1)\" bind-disabled=\"revisionLoading || revisionNumber <= 1\" class=\"inline-flex items-center gap-2 rounded-lg border border-gray-700 px-3 py-2 text-sm text-gray-200 outline-none hover:bg-gray-800 focus-visible:ring-2 focus-visible:ring-indigo-400/60 disabled:opacity-40\">\n                  <lucide-icon icon=\"chevron-left\" size=\"16\"></lucide-icon>Previous\n                </button>\n                 <button type=\"button\" on-click=\"navigateRevision(1)\" bind-disabled=\"revisionLoading || revisionNumber >= revision\" class=\"inline-flex items-center gap-2 rounded-lg border border-gray-700 px-3 py-2 text-sm text-gray-200 outline-none hover:bg-gray-800 focus-visible:ring-2 focus-visible:ring-indigo-400/60 disabled:opacity-40\">\n                  Next<lucide-icon icon=\"chevron-right\" size=\"16\"></lucide-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n        </template>\n\n        <section\n          class=\"secrets-panel rounded-2xl border border-gray-800 bg-gray-900/80 p-4 shadow-xl shadow-black/10 sm:p-5\"\n          aria-labelledby=\"secrets-title\"\n        >\n          <div class=\"mb-5 flex items-start justify-between gap-3\">\n            <div class=\"flex items-start gap-3\">\n              <span class=\"rounded-lg bg-indigo-500/10 p-2 text-indigo-300\"\n                ><lucide-icon icon=\"key-round\" size=\"18\"></lucide-icon\n              ></span>\n              <div>\n                <h2 id=\"secrets-title\" class=\"text-lg font-semibold text-white\">Secrets</h2>\n                <p class=\"mt-0.5 text-sm text-gray-400\">Write-only credentials available to workflows.</p>\n              </div>\n            </div>\n            <span\n              class=\"rounded-full border border-gray-700 bg-gray-950 px-2.5 py-1 text-xs font-mono text-gray-400\"\n              aria-label=\"Secret count\"\n              >{{ secrets.length }}</span\n            >\n          </div>\n          <details ref=\"secretForm\" class=\"mb-5 overflow-hidden rounded-xl border border-gray-800 bg-gray-950/50\">\n            <summary class=\"flex cursor-pointer list-none items-center justify-between px-4 py-3 text-sm font-medium text-gray-300 outline-none hover:bg-gray-900 focus-visible:ring-2 focus-visible:ring-indigo-400/60\">\n              <span>Add a secret</span>\n              <lucide-icon icon=\"plus\" size=\"17\"></lucide-icon>\n            </summary>\n            <div class=\"space-y-3 border-t border-gray-800 p-4\">\n              <p class=\"text-xs text-gray-500\">Saving an existing name replaces its encrypted value.</p>\n              <label class=\"sr-only\" for=\"secret-name\">Secret name</label>\n              <input\n                id=\"secret-name\"\n                bind-value=\"secretName\"\n                on-input=\"setSecretName($event)\"\n                class=\"rounded-lg border border-gray-700 bg-gray-900 px-3 py-2.5 font-mono text-sm uppercase outline-none transition placeholder:text-gray-600 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/30\"\n                placeholder=\"NPM_TOKEN\"\n              />\n              <label class=\"inline-flex items-center gap-2 text-sm text-gray-300\">\n                <input type=\"checkbox\" bind-checked=\"fileMode\" on-change=\"setFileMode($event)\" class=\"h-4 w-4 rounded border-gray-700 bg-gray-900 text-indigo-500 focus:ring-2 focus:ring-indigo-500/30\" />\n                Binary file secret\n              </label>\n              <template if=\"!fileMode\">\n                <label class=\"sr-only\" for=\"secret-value\">Text secret value</label>\n                <input\n                  id=\"secret-value\"\n                  ref=\"secretValueInput\"\n                  bind-value=\"secretValue\"\n                  on-input=\"setSecretValue($event)\"\n                  type=\"password\"\n                  class=\"rounded-lg border border-gray-700 bg-gray-900 px-3 py-2.5 font-mono text-sm outline-none transition placeholder:text-gray-600 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/30\"\n                  placeholder=\"New secret value\"\n                />\n              </template>\n              <template if=\"fileMode\">\n                <label class=\"sr-only\" for=\"secret-file\">Binary secret file</label>\n                <input\n                  id=\"secret-file\"\n                  ref=\"secretFileInput\"\n                  on-change=\"setSecretFile($event)\"\n                  type=\"file\"\n                  class=\"rounded-lg border border-gray-700 bg-gray-900 px-3 py-2 text-xs text-gray-400 file:mr-3 file:rounded file:border-0 file:bg-gray-700 file:px-2 file:py-1 file:text-xs file:text-gray-200 focus:border-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500/30\"\n                />\n              </template>\n              <div>\n                <button\n                  type=\"button\"\n                  aria-label=\"Save secret value\"\n                  title=\"Save secret value\"\n                  on-click=\"saveSecret()\"\n                  bind-disabled=\"busy\"\n                  class=\"inline-flex items-center justify-center gap-2 rounded-lg border border-indigo-500/60 px-3 py-2.5 text-sm font-medium text-indigo-200 outline-none transition hover:bg-indigo-500/10 focus-visible:ring-2 focus-visible:ring-indigo-400/60 disabled:opacity-50\"\n                >\n                  <lucide-icon icon=\"lock-keyhole\" size=\"16\"></lucide-icon>Save secret\n                </button>\n              </div>\n            </div>\n            </div>\n          </details>\n          <ul class=\"grid gap-2\" aria-label=\"Saved secrets\">\n            <template for=\"name of secrets\">\n              <li>\n                <div class=\"flex min-h-14 items-center gap-2 rounded-xl border border-gray-800 bg-gray-950/50 px-3.5 py-3\">\n                  <button\n                    type=\"button\"\n                    on-click=\"selectSecret(name)\"\n                    class=\"group flex min-w-0 flex-1 items-center gap-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-indigo-400/50\"\n                    aria-label=\"Edit secret {{ name }}\"\n                  >\n                  <span\n                    class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gray-800 text-gray-500 group-hover:text-indigo-300\"\n                    ><lucide-icon icon=\"key-round\" size=\"15\"></lucide-icon\n                  ></span>\n                  <span class=\"min-w-0 flex-1 truncate font-mono text-sm text-gray-200\">{{ name }}</span>\n                    <span class=\"text-xs text-gray-500\">Select</span>\n                    <lucide-icon icon=\"chevron-right\" size=\"16\" class=\"text-gray-600 transition group-hover:text-indigo-300\"></lucide-icon>\n                  </button>\n                  <button\n                    type=\"button\"\n                    on-click=\"removeSecret(name)\"\n                    aria-label=\"Delete secret {{ name }}\"\n                    title=\"Delete secret\"\n                    class=\"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-rose-300 outline-none transition hover:bg-rose-500/10 focus-visible:ring-2 focus-visible:ring-rose-400/60\"\n                  >\n                    <lucide-icon icon=\"trash\" size=\"15\"></lucide-icon>\n                  </button>\n                </div>\n              </li>\n            </template>\n          </ul>\n          <div\n            class=\"rounded-xl border border-dashed border-gray-700 px-4 py-8 text-center\"\n            class-hidden=\"secrets.length > 0\"\n          >\n            <lucide-icon icon=\"key-round\" size=\"22\" class=\"mx-auto text-gray-600\"></lucide-icon>\n            <p class=\"mt-2 text-sm font-medium text-gray-300\">No secrets configured</p>\n              <p class=\"mt-1 text-xs text-gray-500\">Add one above to make it available to a workflow.</p>\n          </div>\n        </section>\n      </main>\n\n      <script setup>\n         import { onDestroy, onInit, ref, templateRef } from '@li3/web';\n         import { diffLines } from 'diff';\n\n        export default function () {\n          const page = document.body.dataset.page;\n          const initialId = __WORKFLOW_ID__;\n          const initialRevision = __WORKFLOW_REVISION__;\n          const readOnly = Boolean(initialRevision);\n          const workflows = ref([]);\n          const secrets = ref([]);\n          const source = ref('');\n          const validation = ref({ valid: true });\n           const savedSource = ref('');\n           const revision = ref(null);\n           const revisionDialogOpen = ref(false);\n           const revisionNumber = ref(0);\n           const revisionDiffHtml = ref('');\n           const revisionError = ref('');\n           const revisionLoading = ref(false);\n           const aiDialogOpen = ref(false);\n           const aiRequest = ref('');\n           const aiLoading = ref(false);\n           const aiError = ref('');\n           const aiSuggestion = ref('');\n           const aiDiffHtml = ref('');\n          const workflowId = ref('');\n          const enabled = ref(true);\n          const savedEnabled = ref(true);\n          const selectedId = ref('');\n           const secretName = ref('');\n           const secretValue = ref('');\n           const fileMode = ref(false);\n           const secretFileName = ref('');\n           const secretFileData = ref('');\n          const notice = ref('');\n          const noticeError = ref(false);\n          const busy = ref(false);\n           const secretValueInput = templateRef('secretValueInput');\n            const secretFileInput = templateRef('secretFileInput');\n           const secretForm = templateRef('secretForm');\n          const helpContent = templateRef('helpContent');\n          const helpLoaded = ref(false);\n          const helpLoading = ref(false);\n          let validationTimer;\n\n          const showNotice = (message, error = false) => {\n            notice.value = message;\n            noticeError.value = error;\n          };\n\n          const api = async (url, options = {}) => {\n            const response = await fetch(url, {\n              headers: { accept: 'application/json', ...(options.body ? { 'content-type': 'application/json' } : {}) },\n              ...options,\n            });\n            const body = response.status === 204 ? null : await response.json().catch(() => ({}));\n            if (!response.ok) throw new Error(body.error || `Request failed: ${response.status}`);\n            return body;\n          };\n\n          const derivedId = () =>\n            source.value\n              .match(/^\\s*(?:id:\\s*([^\\n]+)|name:\\s*([^\\n]+))/m)\n              ?.slice(1)\n              .find(Boolean)\n              ?.trim()\n              .toLowerCase()\n              .replace(/[^a-z0-9]/g, '-')\n              .replace(/(^-|-$)/g, '') || '';\n\n          const run = async (action) => {\n            if (busy.value) return;\n\n            busy.value = true;\n\n            try {\n              await action();\n            } catch (error) {\n              showNotice(error.message, true);\n            } finally {\n              busy.value = false;\n            }\n          };\n\n          const loadWorkflows = async () => {\n            workflows.value = (await api('/api/workflows')).workflows;\n          };\n\n          const loadSecrets = async () => {\n            secrets.value = (await api('/api/secrets')).secrets;\n          };\n\n          const openWorkflow = async (id) => {\n            const workflowUrl = initialRevision\n              ? `/api/workflows/${id}?revision=${initialRevision}`\n              : `/api/workflows/${id}`;\n            const workflow = await api(workflowUrl);\n            selectedId.value = workflow.id;\n            workflowId.value = workflow.id;\n            source.value = workflow.sourceYaml;\n            savedSource.value = workflow.sourceYaml;\n            enabled.value = workflow.enabled;\n             savedEnabled.value = workflow.enabled;\n             revision.value = workflow.revision || null;\n          };\n\n           const validateSource = async () => {\n             return api('/api/workflows/validate', {\n               method: 'POST',\n               body: JSON.stringify({ sourceYaml: source.value }),\n             });\n           };\n\n           const validate = (ms = 1000) => {\n             if (page !== 'editor') return;\n\n             clearTimeout(validationTimer);\n             validationTimer = setTimeout(() => {\n               validation.value = { ...validation.value, running: true, error: '' };\n               void validateSource()\n                 .then((result) => {\n                   validation.value = { ...result, running: false };\n                 })\n                 .catch((error) => {\n                   validation.value = { valid: false, running: false, error: error.message };\n                   \n                 });\n             }, ms);\n           };\n\n          const save = () =>\n            run(async () => {\n              const id = workflowId.value.trim() || derivedId();\n              if (!id) throw new Error('Set an ID or add a workflow name first.');\n              if (\n                initialId &&\n                id === selectedId.value &&\n                source.value === savedSource.value &&\n                enabled.value === savedEnabled.value\n              ) {\n                showNotice('No changes to save.');\n                return;\n              }\n              const workflow = await api(`/api/workflows/${id}`, {\n                method: 'PUT',\n                body: JSON.stringify({ sourceYaml: source.value, enabled: enabled.value }),\n              });\n              selectedId.value = workflow.id;\n              workflowId.value = workflow.id;\n              savedSource.value = source.value;\n               savedEnabled.value = enabled.value;\n               revision.value = workflow.revision;\n              showNotice(`Saved ${workflow.id} as draft revision ${workflow.revision}.`);\n              if (!initialId) history.replaceState(null, '', `/workflows/${workflow.id}`);\n            });\n          const publish = () =>\n            run(async () => {\n              const id = workflowId.value.trim() || selectedId.value;\n              if (!id) throw new Error('Save a workflow before publishing it.');\n              const workflow = await api(`/api/workflows/${id}/publish`, { method: 'POST' });\n               selectedId.value = workflow.id;\n               revision.value = workflow.revision;\n               showNotice(`Published ${workflow.id} revision ${workflow.revision}.`);\n            });\n          const remove = () =>\n            run(async () => {\n              const id = workflowId.value.trim() || selectedId.value;\n              if (!id || !confirm(`Delete ${id} and all of its revisions?`)) return;\n              await api(`/api/workflows/${id}`, { method: 'DELETE' });\n              window.location.href = '/workflows';\n            });\n           const saveSecret = () =>\n             run(async () => {\n               const name = secretName.value.trim();\n               if (!name || (fileMode.value ? !secretFileData.value : !secretValue.value)) throw new Error(fileMode.value ? 'Choose a file first.' : 'Set a secret value first.');\n               await api(`/api/secrets/${name}`, {\n                 method: 'PUT',\n                 body: JSON.stringify(fileMode.value ? { value: secretFileData.value, encoding: 'base64', originalName: secretFileName.value } : { value: secretValue.value, encoding: 'utf8' }),\n               });\n               secretValue.value = '';\n               secretFileName.value = '';\n               secretFileData.value = '';\n               fileMode.value = false;\n               if (secretFileInput.value) secretFileInput.value.value = '';\n               if (secretForm.value) secretForm.value.open = false;\n              await loadSecrets();\n              showNotice(`Saved ${name}.`);\n            });\n           const removeSecret = (requestedName = '') =>\n             run(async () => {\n               const name = requestedName || secretName.value.trim();\n               if (!name || !confirm(`Delete ${name}?`)) return;\n               await api(`/api/secrets/${name}`, { method: 'DELETE' });\n               if (secretName.value.trim() === name) {\n                 secretName.value = '';\n                 secretValue.value = '';\n                 secretFileName.value = '';\n                 secretFileData.value = '';\n                 fileMode.value = false;\n                 if (secretFileInput.value) secretFileInput.value.value = '';\n               }\n              await loadSecrets();\n              showNotice(`Deleted ${name}.`);\n            });\n          const setSource = (value) => {\n            source.value = value;\n            validate();\n          };\n          const setWorkflowId = (event) => {\n            workflowId.value = event.target.value;\n          };\n          const setEnabled = (event) => {\n            enabled.value = event.target.checked;\n          };\n          const setSecretName = (event) => {\n            secretName.value = event.target.value;\n          };\n           const setSecretValue = (event) => {\n             secretValue.value = event.target.value;\n             fileMode.value = false;\n             if (secretValue.value) {\n               secretFileName.value = '';\n               secretFileData.value = '';\n               if (secretFileInput.value) secretFileInput.value.value = '';\n             }\n           };\n           const setFileMode = (event) => {\n             fileMode.value = event.target.checked;\n             if (!fileMode.value) {\n               secretFileName.value = '';\n               secretFileData.value = '';\n               if (secretFileInput.value) secretFileInput.value.value = '';\n             } else {\n               secretValue.value = '';\n             }\n           };\n           const setSecretFile = async (event) => {\n             const file = event.target.files?.[0];\n             if (!file) return;\n             const bytes = new Uint8Array(await file.arrayBuffer());\n             let binary = '';\n             for (let index = 0; index < bytes.length; index += 0x8000) {\n               binary += String.fromCharCode(...bytes.subarray(index, index + 0x8000));\n             }\n             secretFileName.value = file.name;\n             secretFileData.value = btoa(binary);\n             secretValue.value = '';\n          };\n          const selectSecret = (name) => {\n            secretName.value = name;\n            secretValueInput.value?.focus();\n          };\n          const visitWorkflow = (id) => {\n            window.location.href = `/workflows/${id}`;\n          };\n           const loadHelp = async (event) => {\n            if (!event.target.open || helpLoaded.value || helpLoading.value || !helpContent.value) return;\n            helpLoading.value = true;\n            helpContent.value.textContent = 'Loading workflow syntax help...';\n            try {\n              const response = await fetch('/help?embed=1', { headers: { accept: 'text/html' } });\n              if (!response.ok) throw new Error(`Help request failed: ${response.status}`);\n              const html = await response.text();\n              const parsed = new DOMParser().parseFromString(html, 'text/html');\n              const sourceNodes = [\n                ...Array.from(parsed.head.querySelectorAll('style')),\n                ...Array.from(parsed.body.childNodes),\n              ];\n              const nodes = sourceNodes.map((node) => document.importNode(node, true));\n              helpContent.value.replaceChildren(...nodes);\n              helpLoaded.value = true;\n            } catch (error) {\n              helpContent.value.textContent = 'Unable to load workflow syntax help.';\n              console.error(error);\n            } finally {\n              helpLoading.value = false;\n            }\n           };\n\n           const escapeRevisionHtml = (value) => value.replace(/[&<>\"']/g, (character) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' })[character] || '');\n           const renderRevisionDiff = (previousSource, currentSource) => {\n             if (previousSource === null) return `<span class=\"text-emerald-300\">+ ${escapeRevisionHtml(currentSource)}</span>\\n`;\n             return diffLines(previousSource, currentSource).map((part) => {\n               const className = part.added ? 'text-emerald-300 bg-emerald-500/10' : part.removed ? 'text-rose-300 bg-rose-500/10' : 'text-gray-300';\n               const prefix = part.added ? '+ ' : part.removed ? '- ' : '  ';\n               return part.value.split('\\n').filter((line, index, lines) => index < lines.length - 1 || line).map((line) => `<span class=\"block ${className}\">${prefix}${escapeRevisionHtml(line)}</span>`).join('');\n             }).join('');\n           };\n           const openRevisionDialog = async () => {\n             if (!revision.value) return;\n             revisionNumber.value = revision.value;\n             revisionDiffHtml.value = '';\n             revisionError.value = '';\n             revisionDialogOpen.value = true;\n             await loadRevisionDiff(revision.value);\n           };\n           const closeRevisionDialog = () => {\n             revisionDialogOpen.value = false;\n           };\n           const loadRevisionDiff = async (number) => {\n             revisionLoading.value = true;\n             revisionError.value = '';\n             try {\n               const current = await api(`/api/workflows/${selectedId.value}?revision=${number}`);\n               const previous = number > 1 ? await api(`/api/workflows/${selectedId.value}?revision=${number - 1}`) : null;\n               revisionDiffHtml.value = renderRevisionDiff(previous?.sourceYaml ?? null, current.sourceYaml);\n             } catch (error) {\n               revisionError.value = error.message;\n             } finally {\n               revisionLoading.value = false;\n             }\n           };\n           const navigateRevision = async (offset) => {\n             if (!selectedId.value || revisionLoading.value) return;\n             const target = revisionNumber.value + offset;\n             if (target < 1 || target > revision.value) return;\n             revisionNumber.value = target;\n             await loadRevisionDiff(target);\n           };\n           const openAiHelp = () => {\n             aiRequest.value = '';\n             aiError.value = '';\n             aiSuggestion.value = '';\n             aiDiffHtml.value = '';\n             aiDialogOpen.value = true;\n           };\n           const closeAiHelp = () => { if (!aiLoading.value) aiDialogOpen.value = false; };\n           const requestAiHelp = async () => {\n             if (!aiRequest.value.trim() || aiLoading.value) return;\n             aiLoading.value = true;\n             aiError.value = '';\n             aiDiffHtml.value = '';\n             try {\n               const response = await fetch('/api/ai/workflow-help', {\n                 method: 'POST',\n                 headers: { accept: 'text/event-stream', 'content-type': 'application/json' },\n                 body: JSON.stringify({ sourceYaml: source.value, request: aiRequest.value }),\n               });\n               if (!response.ok) { const error = await response.json().catch(() => ({})); throw new Error(error.error || `AI help failed: ${response.status}`); }\n               const reader = response.body.getReader();\n               const decoder = new TextDecoder();\n               let buffer = '';\n               let suggestion = '';\n               while (true) {\n                 const chunk = await reader.read();\n                 if (chunk.done) break;\n                 buffer += decoder.decode(chunk.value, { stream: true });\n                 const events = buffer.split('\\n\\n');\n                 buffer = events.pop() || '';\n                 for (const event of events) {\n                   const line = event.split('\\n').find((value) => value.startsWith('data: '));\n                   if (!line) continue;\n                   const data = JSON.parse(line.slice(6));\n                   if (data.error) throw new Error(data.error);\n                   if (data.delta) suggestion += data.delta;\n                 }\n               }\n               suggestion = suggestion.replace(/^```(?:yaml|yml)?\\s*/i, '').replace(/\\s*```$/i, '').trim();\n               if (!source.value.trim()) {\n                 source.value = suggestion;\n                 aiDialogOpen.value = false;\n                 validate();\n               } else {\n                 aiSuggestion.value = suggestion;\n                 aiDiffHtml.value = renderRevisionDiff(source.value, suggestion);\n               }\n             } catch (error) {\n               aiError.value = error.message;\n             } finally {\n               aiLoading.value = false;\n             }\n           };\n           const acceptAiSuggestion = () => { source.value = aiSuggestion.value; aiDialogOpen.value = false; validate(); };\n           const rejectAiSuggestion = () => { aiSuggestion.value = ''; aiDiffHtml.value = ''; };\n\n          onDestroy(() => clearTimeout(validationTimer));\n\n          onInit(() => {\n             const loadPage = page === 'editor'\n               ? initialId ? openWorkflow(initialId) : Promise.resolve()\n               : page === 'secrets' ? loadSecrets() : loadWorkflows();\n            loadPage.catch((error) => showNotice(error.message, true));\n          });\n\n           return {\n             page,\n             workflows,\n            secrets,\n             source,\n             validation,\n             revision,\n             revisionDialogOpen,\n             revisionNumber,\n             revisionDiffHtml,\n             revisionError,\n             revisionLoading,\n             aiDialogOpen,\n             aiRequest,\n             aiLoading,\n             aiError,\n             aiDiffHtml,\n            workflowId,\n            enabled,\n            readOnly,\n            selectedId,\n             secretName,\n             secretValue,\n             fileMode,\n             secretFileName,\n             secretFileData,\n            notice,\n            noticeError,\n            busy,\n            validate,\n            save,\n            publish,\n            remove,\n            saveSecret,\n            removeSecret,\n            setSource,\n            setWorkflowId,\n            setEnabled,\n            setSecretName,\n             setSecretValue,\n             setFileMode,\n             setSecretFile,\n            selectSecret,\n            visitWorkflow,\n             loadHelp,\n             openRevisionDialog,\n             closeRevisionDialog,\n             navigateRevision,\n             openAiHelp,\n             closeAiHelp,\n             requestAiHelp,\n             acceptAiSuggestion,\n             rejectAiSuggestion,\n          };\n        }\n      <\/script>\n    </template>\n\n    <script type=\"module\">\n      import '@li3/web';\n    <\/script>\n    <script src=\"https://cdn.tailwindcss.com\"><\/script>\n  </body>\n</html>\n";
 //#endregion
 //#region src/workflows-ui.ts
 function dy(e, t = "", n) {
@@ -20859,40 +20906,47 @@ var SC = class {
 			let e = n.searchParams.get("afterId"), r = n.searchParams.get("beforeId"), i = n.searchParams.get("limit"), a = n.searchParams.get("filter")?.trim() || void 0, o = n.searchParams.get("workflowId")?.trim() || void 0, s = e === null ? void 0 : Number(e), c = r === null ? void 0 : Number(r), l = i === null ? CC : Number(i);
 			return s !== void 0 && (!Number.isSafeInteger(s) || s < 0) ? (t.writeHead(400, { "Content-Type": "application/json; charset=utf-8" }), t.end(JSON.stringify({ error: "afterId must be a non-negative integer" }))) : c !== void 0 && (!Number.isSafeInteger(c) || c < 1) ? (t.writeHead(400, { "Content-Type": "application/json; charset=utf-8" }), t.end(JSON.stringify({ error: "beforeId must be a positive integer" }))) : !Number.isSafeInteger(l) || l < 1 || l > wC ? (t.writeHead(400, { "Content-Type": "application/json; charset=utf-8" }), t.end(JSON.stringify({ error: `limit must be an integer from 1 to ${wC}` }))) : a && a.length > 200 ? (t.writeHead(400, { "Content-Type": "application/json; charset=utf-8" }), t.end(JSON.stringify({ error: "filter must be at most 200 characters" }))) : this.renderDashboardJobs(t, l, s, c, a, o);
 		}
+		let s = n.pathname.match(/^\/api\/dispatch\/([a-z0-9-]+)$/);
+		if (e.method === "POST" && s) return this.handleDispatch(e, t, s[1]);
+		let c = n.pathname.match(/^\/api\/jobs\/(\d+)\/wait$/);
+		if (e.method === "GET" && c) return this.handleJobWait(c[1], n.searchParams.get("timeout"), t);
 		if (e.method === "GET" && n.pathname === "/api/events") return this.events.subscribe(e, t);
 		if (e.method === "GET" && n.pathname === "/api/push/public-key") return this.handlePushPublicKey(t);
 		if (e.method === "POST" && n.pathname === "/api/push/subscriptions") return this.handlePushSubscribe(e, t);
 		if (e.method === "DELETE" && n.pathname === "/api/push/subscriptions") return this.handlePushUnsubscribe(e, t);
 		if (n.pathname === "/api/workflows/validate" && e.method === "POST") return this.handleWorkflowValidation(e, t);
 		if (n.pathname === "/api/secrets" && e.method === "GET") return this.handleSecretList(e, t);
-		let s = n.pathname.match(/^\/api\/secrets\/([A-Z][A-Z0-9_]*)$/);
-		if (s && e.method === "PUT") return this.handleSecretSave(e, t, s[1]);
-		if (s && e.method === "DELETE") return this.handleSecretDelete(e, t, s[1]);
-		let c = n.pathname.match(/^\/api\/jobs\/(\d+)\/secrets$/);
-		if (c && e.method === "GET") return this.handleJobSecrets(e, t, c[1]);
-		let l = n.pathname.match(/^\/api\/jobs\/(\d+)\/cancel$/);
-		if (l && e.method === "POST") return this.handleCancelJob(e, t, l[1]);
+		let l = n.pathname.match(/^\/api\/secrets\/([A-Z][A-Z0-9_]*)$/);
+		if (l && e.method === "PUT") return this.handleSecretSave(e, t, l[1]);
+		if (l && e.method === "DELETE") return this.handleSecretDelete(e, t, l[1]);
+		let u = n.pathname.match(/^\/api\/jobs\/(\d+)\/secrets$/);
+		if (u && e.method === "GET") return this.handleJobSecrets(e, t, u[1]);
+		let d = n.pathname.match(/^\/api\/jobs\/(\d+)\/cancel$/);
+		if (d && e.method === "POST") return this.handleCancelJob(e, t, d[1]);
 		if (n.pathname === "/api/workflows" && e.method === "GET") return this.handleWorkflowList(e, t);
-		let u = n.pathname.match(/^\/api\/workflows\/([a-z0-9-]+)(\/publish)?$/);
-		if (u) {
-			let [, r, i] = u;
+		let p = n.pathname.match(/^\/api\/workflows\/([a-z0-9-]+)(\/publish)?$/);
+		if (p) {
+			let [, r, i] = p;
 			if (e.method === "GET" && !i) return this.handleWorkflowGet(e, t, r, n.searchParams.get("revision"));
 			if (e.method === "PUT" && !i) return this.handleWorkflowSave(e, t, r);
 			if (e.method === "DELETE" && !i) return this.handleWorkflowDelete(e, t, r);
 			if (e.method === "POST" && i) return this.handleWorkflowPublish(e, t, r);
 		}
 		if (e.method === "POST" && n.pathname === "/api/events") return this.handleWorkerEvent(e, t);
+		if (e.method === "POST" && n.pathname === "/api/ai/workflow-help") return this.handleWorkflowAiHelp(e, t);
 		if (e.method === "GET" && n.pathname.startsWith("/runs/")) {
 			let r = n.pathname.replace("/runs/", "");
 			return this.renderRunDetails(r, t, "html", await this.hasScope(e, "logs:read"));
 		}
-		let d = n.pathname.match(/^\/api\/runs\/(\d+)\/ai-help$/);
-		if (e.method === "POST" && d) return this.handleAiHelp(e, t, d[1]);
+		let m = n.pathname.match(/^\/api\/runs\/(\d+)\/ai-help$/);
+		if (e.method === "POST" && m) return this.handleAiHelp(e, t, m[1]);
 		if (e.method === "GET" && n.pathname.startsWith("/api/runs/")) {
-			let r = n.pathname.match(/^\/api\/runs\/(\d+)\/artifacts\/(.+)$/);
-			if (r) return this.handleArtifactDownload(e, t, r[1], decodeURIComponent(r[2]));
-			let i = n.pathname.replace("/api/runs/", "");
-			return this.renderRunDetails(i, t, "json", await this.hasScope(e, "logs:read"));
+			let r = n.pathname.match(/^\/api\/runs\/(\d+)\/diagnostics$/);
+			if (r) return this.handleDiagnostics(e, t, r[1]);
+			let i = n.pathname.match(/^\/api\/runs\/(\d+)\/artifacts\/(.+)$/);
+			if (i) return this.handleArtifactDownload(e, t, i[1], decodeURIComponent(i[2]));
+			let a = n.pathname.replace("/api/runs/", "");
+			return this.renderRunDetails(a, t, "json", await this.hasScope(e, "logs:read"));
 		}
 		if (e.method === "POST" && n.pathname.startsWith("/restart/")) {
 			let r = n.pathname.replace("/restart/", "");
@@ -20922,6 +20976,62 @@ var SC = class {
 			}));
 		}
 	}
+	async handleDispatch(e, t, n) {
+		if (!await this.requireScope(e, t, "runs:dispatch")) return;
+		let r = await this.readJson(e, t);
+		if (!r || typeof r != "object" || Array.isArray(r)) return;
+		let i = await this.matchWorkflows(n, r, await this.workflows.published(), await this.currentSecrets());
+		t.writeHead(202, { "Content-Type": "application/json; charset=utf-8" }), t.end(JSON.stringify({ jobs: i.map((e) => ({
+			id: e,
+			provider: n
+		})) }));
+	}
+	async handleJobWait(e, t, n) {
+		let r = Math.min(12e4, Math.max(0, Number(t || 3e4))), i = Date.now(), a;
+		do {
+			if (a = await this.queue.getJob(e), !a || [
+				"success",
+				"failed",
+				"cancelled"
+			].includes(a.status) || Date.now() - i >= r) break;
+			await new Promise((e) => setTimeout(e, 500));
+		} while (1);
+		return a ? (n.writeHead(200, {
+			"Cache-Control": "no-store",
+			"Content-Type": "application/json; charset=utf-8"
+		}), n.end(JSON.stringify({
+			job: we([a])[0],
+			terminal: [
+				"success",
+				"failed",
+				"cancelled"
+			].includes(a.status)
+		}))) : (n.writeHead(404, { "Content-Type": "application/json" }), n.end(JSON.stringify({ error: "Job not found" })));
+	}
+	async handleDiagnostics(e, t, n) {
+		if (!await this.hasScope(e, "logs:read")) return this.requireScope(e, t, "logs:read");
+		let r = await this.queue.getJob(n);
+		if (!r) return t.writeHead(404, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: "Run not found" }));
+		let i = r.report ? JSON.parse(r.report) : null, a = await this.workflows.getRevision(r.workflow_id, r.workflow_revision), o = await this.workflows.getRevisionSnapshot(r.workflow_id, r.workflow_revision), s = await this.queue.getJobLogs(n), c = i?.steps?.findIndex((e) => e.status === "failed") ?? -1;
+		return t.writeHead(200, {
+			"Cache-Control": "no-store",
+			"Content-Type": "application/json; charset=utf-8"
+		}), t.end(JSON.stringify({
+			jobId: String(r.id),
+			workflow: {
+				id: r.workflow_id,
+				revision: r.workflow_revision,
+				sourceYaml: o?.sourceYaml
+			},
+			status: r.status,
+			inputs: i?.inputs || {},
+			failedStep: c >= 0 ? i.steps[c] : null,
+			steps: c >= 0 ? i.steps.slice(0, c + 1) : i?.steps || [],
+			logs: s,
+			artifacts: i?.artifacts || [],
+			workflowFound: !!a
+		}));
+	}
 	async readRequest(e, t) {
 		let n = [], r = 0;
 		for await (let i of e) {
@@ -20967,36 +21077,38 @@ var SC = class {
 		}
 	}
 	async matchWorkflows(e, t, n, r = {}) {
-		for (let { definition: i, revision: a } of n) {
-			if (i.on.provider !== e) continue;
+		let i = [];
+		for (let { definition: a, revision: o } of n) {
+			if (a.on.provider !== e) continue;
 			let n = this.preprocessors.get(e);
-			if (n?.filter && !n.filter(t, i.on).isValid) {
-				dr(`⏩ Skipped ${i.id} based on ${e} webhook filters`, { inputs: t });
+			if (n?.filter && !n.filter(t, a.on).isValid) {
+				dr(`⏩ Skipped ${a.id} based on ${e} webhook filters`, { inputs: t });
 				continue;
 			}
-			if (i.on.if) try {
+			if (a.on.if) try {
 				let e = n?.conditionContext?.(t, r) || {};
-				if (!await mr.evaluateConditions(i.on.if, {
+				if (!await mr.evaluateConditions(a.on.if, {
 					inputs: t,
 					...e
 				})) {
-					dr(`⏩ Skipped ${i.id} based on conditions: ${i.on.if}`, { inputs: t });
+					dr(`⏩ Skipped ${a.id} based on conditions: ${a.on.if}`, { inputs: t });
 					continue;
 				}
 			} catch (e) {
-				console.error(`⚠️ Condition evaluation error in workflow [${i.id}]:`, e.message);
+				console.error(`⚠️ Condition evaluation error in workflow [${a.id}]:`, e.message);
 				continue;
 			}
-			for (let e of hr(i)) {
+			for (let e of hr(a)) {
 				let n = await gr(e.tags, e.matrixContext, t), r = "";
 				e.concurrency?.group && (r = await mr.evaluateValue(e.concurrency.group, { inputs: t }));
-				let o = {
+				let s = {
 					inputs: t,
 					matrix: e.matrixContext
-				};
-				await this.queue.enqueue(i.id, a, o, n, r), this.events.publish("jobs.available", { tags: n });
+				}, c = await this.queue.enqueue(a.id, o, s, n, r);
+				c && i.push(c), this.events.publish("jobs.available", { tags: n });
 			}
 		}
+		return i;
 	}
 	isAdmin(e) {
 		return this.matchesToken(e, this.adminToken, !0);
@@ -21265,6 +21377,40 @@ var SC = class {
 			return t.headersSent ? (t.write(`data: ${JSON.stringify({ error: e.message })}\n\n`), t.end()) : (t.writeHead(502, { "Content-Type": "application/json" }), t.end(JSON.stringify({ error: e.message })));
 		}
 	}
+	async handleWorkflowAiHelp(e, t) {
+		if (!await this.requireScope(e, t, "workflows:write")) return;
+		let n = await this.readJson(e, t), r = typeof n?.request == "string" ? n.request.trim() : "", i = typeof n?.sourceYaml == "string" ? n.sourceYaml : "", a = (await this.currentSecrets()).OPENAI_API_KEY || process.env.OPENAI_API_KEY, o = process.env.OPENAI_API_MODEL, s = process.env.OPENAI_API_URL;
+		if (!r) return t.writeHead(400, { "Content-Type": "application/json" }).end(JSON.stringify({ error: "request is required" }));
+		if (!o || !s) return t.writeHead(503, { "Content-Type": "application/json" }).end(JSON.stringify({ error: "AI help is not configured" }));
+		let c = ay(o, [
+			{
+				role: "system",
+				content: "You are an expert workflow author. Return only a complete replacement workflow YAML document, without Markdown fences or explanations. Preserve valid existing behavior unless the user explicitly asks to change it."
+			},
+			{
+				role: "user",
+				content: `The complete workflow syntax documentation is:\n\n${ra}`
+			},
+			{
+				role: "user",
+				content: `The current workflow YAML is:\n\n${i || "(empty editor)"}`
+			},
+			{
+				role: "user",
+				content: `Apply this requested change and return the complete replacement YAML:\n\n${r}`
+			}
+		]);
+		try {
+			t.writeHead(200, {
+				"Cache-Control": "no-store",
+				"Content-Type": "text/event-stream",
+				Connection: "keep-alive"
+			}), await oy(s, a, c, (e) => t.write(`data: ${JSON.stringify({ delta: e })}\n\n`)), t.write("data: {\"done\":true}\n\n"), t.end();
+		} catch (e) {
+			if (t.headersSent) return t.end(`data: ${JSON.stringify({ error: e.message })}\n\n`);
+			t.writeHead(502, { "Content-Type": "application/json" }).end(JSON.stringify({ error: e.message }));
+		}
+	}
 	async handleCancelJob(e, t, n) {
 		if (!await this.requireScope(e, t, "runs:control")) return;
 		let r = await this.queue.cancelJob(n);

package/dist/queue.d.ts

@@ -8,7 +8,7 @@ export declare class QueueManager {
      * Enqueues a new job into the database.
      * Includes simple GitHub-style concurrency cancellation.
      */
-    enqueue(workflowId: string, workflowRevision: number, payload: JobPayload, requiredTags?: string[], concurrencyKey?: string): Promise<any>;
+    enqueue(workflowId: string, workflowRevision: number, payload: JobPayload, requiredTags?: string[], concurrencyKey?: string): Promise<number>;
     /**
      * Atomically claims the oldest pending job compatible with this worker.
      * Requires SQLite >= 3.35 for the RETURNING clause.

package/dist/server.d.ts

@@ -22,6 +22,9 @@ export declare class WebhookServer {
      * Processes incoming HTTP webhooks
      */
     private handleWebhook;
+    private handleDispatch;
+    private handleJobWait;
+    private handleDiagnostics;
     private readRequest;
     private preprocess;
     private matchWorkflows;
@@ -64,6 +67,7 @@ export declare class WebhookServer {
     private handleRestartJob;
     private handleArtifactDownload;
     private handleAiHelp;
+    private handleWorkflowAiHelp;
     private handleCancelJob;
     private currentSecrets;
     private redact;

package/dist/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAc,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAOxF,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,aAAa,CAA0C;IAC/D,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,gBAAgB,CAA0B;IAClD,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,eAAe,CAAgB;WAE1B,QAAQ,CAAC,OAAO,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;gBAK1D,OAAO,EAAE,oBAAoB;IAazC,oBAAoB,CAAC,YAAY,EAAE,mBAAmB;YAIxC,aAAa;IAyO3B;;OAEG;YACW,aAAa;YA0Bb,WAAW;YAwBX,UAAU;YAyBV,cAAc;IA2C5B,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,QAAQ;YAIF,QAAQ;YAQR,YAAY;IAO1B,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,YAAY;YAUN,QAAQ;YAYR,wBAAwB;YAcxB,kBAAkB;YAOlB,iBAAiB;YAcjB,kBAAkB;YAoBlB,oBAAoB;YASpB,qBAAqB;YAWrB,gBAAgB;YAMhB,gBAAgB;YAiBhB,kBAAkB;YASlB,gBAAgB;IAc9B;;OAEG;YACW,kBAAkB;YAclB,iBAAiB;IA2B/B,OAAO,CAAC,mBAAmB;YASb,mBAAmB;YAWnB,qBAAqB;IAWnC;;OAEG;YACW,eAAe;IAK7B,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,mBAAmB;YAcb,mBAAmB;IAwBjC;;OAEG;YACW,gBAAgB;YA+BhB,gBAAgB;YAiBhB,sBAAsB;YAetB,YAAY;YAsDZ,eAAe;YAkBf,cAAc;IAS5B,OAAO,CAAC,MAAM;YAMA,UAAU;IAIlB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IAU5C,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CAS5B"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAc,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAOxF,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,aAAa,CAA0C;IAC/D,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,gBAAgB,CAA0B;IAClD,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,eAAe,CAAgB;WAE1B,QAAQ,CAAC,OAAO,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;gBAK1D,OAAO,EAAE,oBAAoB;IAazC,oBAAoB,CAAC,YAAY,EAAE,mBAAmB;YAIxC,aAAa;IAoP3B;;OAEG;YACW,aAAa;YA0Bb,cAAc;YASd,aAAa;YAiBb,iBAAiB;YA0BjB,WAAW;YAwBX,UAAU;YAyBV,cAAc;IA8C5B,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,QAAQ;YAIF,QAAQ;YAQR,YAAY;IAO1B,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,YAAY;YAUN,QAAQ;YAYR,wBAAwB;YAcxB,kBAAkB;YAOlB,iBAAiB;YAcjB,kBAAkB;YAoBlB,oBAAoB;YASpB,qBAAqB;YAWrB,gBAAgB;YAMhB,gBAAgB;YAiBhB,kBAAkB;YASlB,gBAAgB;IAc9B;;OAEG;YACW,kBAAkB;YAclB,iBAAiB;IA2B/B,OAAO,CAAC,mBAAmB;YASb,mBAAmB;YAWnB,qBAAqB;IAWnC;;OAEG;YACW,eAAe;IAK7B,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,mBAAmB;YAcb,mBAAmB;IAwBjC;;OAEG;YACW,gBAAgB;YA+BhB,gBAAgB;YAiBhB,sBAAsB;YAetB,YAAY;YAsDZ,oBAAoB;YA4BpB,eAAe;YAkBf,cAAc;IAS5B,OAAO,CAAC,MAAM;YAMA,UAAU;IAIlB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IAU5C,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CAS5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-cli/on",
-  "version": "1.55.2",
+  "version": "1.57.0",
   "description": "CLI entry point for the on plugin ecosystem.",
   "type": "module",
   "packageManager": "pnpm@12.3.4",