@cloud-cli/on 1.43.0 → 1.43.1

package/dist/on.js

@@ -6245,7 +6245,7 @@ var Ui = {
 		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;
 	}
-}, Ki = "<!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    <link rel=\"component\" href=\"https://sodium.static.apphor.de/lucide-icon.html\" />\n  </head>\n  <body 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-4xl space-y-5\">\n        <header class=\"flex items-center justify-between border-b border-gray-800 pb-5\">\n          <div>\n            <a href=\"/runs\" class=\"text-xs text-indigo-400 hover:underline\">Back to jobs</a>\n            <h1 class=\"mt-2 text-2xl font-bold text-white\">Settings</h1>\n            <p class=\"mt-1 text-sm text-gray-400\">Human-admin controls and automation credentials.</p>\n          </div>\n          <details class=\"relative\">\n            <summary class=\"cursor-pointer list-none rounded-lg border border-gray-700 p-2 text-gray-300 outline-none focus-visible:ring-2 focus-visible:ring-indigo-400/60\" aria-label=\"Open settings menu\">\n              <lucide-icon icon=\"settings\" size=\"18\"></lucide-icon>\n            </summary>\n            <nav class=\"absolute right-0 z-10 mt-2 w-48 rounded-xl border border-gray-700 bg-gray-900 p-2 shadow-2xl\">\n              <a href=\"/workflows\" class=\"block rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Workflow editor</a>\n              <a href=\"/help\" class=\"block rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Workflow help</a>\n            </nav>\n          </details>\n        </header>\n\n        <section class=\"rounded-2xl border border-gray-800 bg-gray-900/80 p-5\">\n          <h2 class=\"text-lg font-semibold text-white\">Profile</h2>\n          <p class=\"mt-1 text-sm text-gray-400\">Authenticated as the human administrator.</p>\n        </section>\n\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=\"flex flex-wrap gap-3\">\n                <template for=\"scope of scopeOptions\">\n                  <label class=\"inline-flex items-center gap-2 text-sm text-gray-300\"><input type=\"checkbox\" bind-checked=\"scope.selected\" on-change=\"toggleScope(scope)\" class=\"h-4 w-4 rounded border-gray-700 bg-gray-900 text-indigo-500\" />{{ scope.label }}</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          <ul class=\"mt-5 divide-y divide-gray-800\" aria-label=\"Active API keys\">\n            <template for=\"key of keys\">\n              <li class=\"flex items-center justify-between gap-3 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        <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 keys = ref([]);\n          const keyName = ref('');\n          const newToken = ref('');\n          const error = 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          onInit(() => { load().catch((reason) => { error.value = reason.message; }); });\n          return { keys, keyName, newToken, error, scopeOptions, issueKey, revokeKey, setKeyName, toggleScope };\n        }\n      <\/script>\n    </template>\n    <script type=\"module\">import '@li3/web';<\/script>\n  </body>\n</html>\n";
+}, Ki = "<!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  </head>\n  <body 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-4xl space-y-5\">\n        <header class=\"flex items-center justify-between border-b border-gray-800 pb-5\">\n          <div>\n            <a href=\"/runs\" class=\"text-xs text-indigo-400 hover:underline\">Back to jobs</a>\n            <h1 class=\"mt-2 text-2xl font-bold text-white\">Settings</h1>\n            <p class=\"mt-1 text-sm text-gray-400\">Human-admin controls and automation credentials.</p>\n          </div>\n          <details class=\"relative\">\n            <summary class=\"cursor-pointer list-none rounded-lg border border-gray-700 p-2 text-gray-300 outline-none focus-visible:ring-2 focus-visible:ring-indigo-400/60\" aria-label=\"Open settings menu\">\n              <lucide-icon icon=\"settings\" size=\"18\"></lucide-icon>\n            </summary>\n            <nav class=\"absolute right-0 z-10 mt-2 w-48 rounded-xl border border-gray-700 bg-gray-900 p-2 shadow-2xl\">\n              <a href=\"/workflows\" class=\"block rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Workflow editor</a>\n              <a href=\"/help\" class=\"block rounded-lg px-3 py-2 text-sm text-gray-300 hover:bg-gray-800\">Workflow help</a>\n            </nav>\n          </details>\n        </header>\n\n        <section class=\"rounded-2xl border border-gray-800 bg-gray-900/80 p-5\">\n          <h2 class=\"text-lg font-semibold text-white\">Profile</h2>\n          <p class=\"mt-1 text-sm text-gray-400\">Authenticated as the human administrator.</p>\n        </section>\n\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=\"flex flex-wrap gap-3\">\n                <template for=\"scope of scopeOptions\">\n                  <label class=\"inline-flex items-center gap-2 text-sm text-gray-300\"><input type=\"checkbox\" bind-checked=\"scope.selected\" on-change=\"toggleScope(scope)\" class=\"h-4 w-4 rounded border-gray-700 bg-gray-900 text-indigo-500\" />{{ scope.label }}</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          <ul class=\"mt-5 divide-y divide-gray-800\" aria-label=\"Active API keys\">\n            <template for=\"key of keys\">\n              <li class=\"flex items-center justify-between gap-3 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        <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 keys = ref([]);\n          const keyName = ref('');\n          const newToken = ref('');\n          const error = 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          onInit(() => { load().catch((reason) => { error.value = reason.message; }); });\n          return { keys, keyName, newToken, error, scopeOptions, issueKey, revokeKey, setKeyName, toggleScope };\n        }\n      <\/script>\n    </template>\n    <script type=\"module\">import '@li3/web';<\/script>\n  </body>\n</html>\n";
 //#endregion
 //#region src/settings-ui.ts
 function qi() {

package/package.json

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