@samyx/preview-stacks-ui 0.2.3 → 0.2.4

package/dist/assets/{RequiresTab-BBbppgfW.js.map → RequiresTab-Bs3qnSXx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RequiresTab-BBbppgfW.js","sources":["../../src/views/tabs/RequiresTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Preconditions: checked before anything is created, so a failure names a thing, not a stack trace. */\nimport { dep } from '../../composables/useDeployment';\n</script>\n\n<template>\n  <section class=\"panel\">\n    <h2 class=\"section\" style=\"margin-bottom: var(--s3)\">\n      Requires <span class=\"mute\">(checked before anything is created)</span>\n    </h2>\n\n    <p v-if=\"!dep.detail\" class=\"mute\">Unavailable until the spec resolves.</p>\n    <template v-else>\n      <p class=\"hint\" style=\"margin: 0 0 var(--s3)\">\n        Preconditions run first, in order, and <code>up</code> stops at the first one that fails —\n        by name, before a single resource exists. The <code>assert</code> command itself stays on\n        the host; only the name and its authored hint are sent here.\n      </p>\n\n      <table class=\"cards\">\n        <thead>\n          <tr>\n            <th>requirement</th>\n            <th>hint shown on failure</th>\n          </tr>\n        </thead>\n        <tbody class=\"stagger\">\n          <tr v-for=\"(r, i) in dep.detail.requires\" :key=\"r.name\" :style=\"{ '--i': i }\">\n            <td class=\"name\" data-label=\"requirement\">{{ r.name }}</td>\n            <td class=\"dim\" data-label=\"hint\">{{ r.hint || '— (no hint authored)' }}</td>\n          </tr>\n          <tr v-if=\"!dep.detail.requires.length\">\n            <td colspan=\"2\" class=\"mute\">\n              None declared — an isolated deployment that borrows shared infrastructure usually\n              wants at least one.\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </template>\n  </section>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_unref","dep","_Fragment","_hoisted_3","_hoisted_4","_renderList","i","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_cache","_hoisted_2"],"mappings":"4ZAMEA,EAAA,EAAAC,EAkCU,UAlCVC,EAkCU,aAjCRC,EAEK,KAAA,CAFD,MAAM,UAAU,MAAA,CAAA,gBAAA,WAAA,CAAA,KAAiC,YAC1C,EAAAA,EAA8D,OAAA,CAAxD,MAAM,MAAA,EAAO,sCAAoC,CAAA,OAGxDC,EAAAC,CAAA,EAAI,YACdJ,EA2BWK,EAAA,CAAA,IAAA,GAAA,aA1BTH,EAII,IAAA,CAJD,MAAM,OAAO,MAAA,CAAA,OAAA,eAAA,CAAA,KAA8B,0CACL,EAAAA,EAAe,YAAT,IAAE,IAAO,qFACR,EAAAA,EAAmB,YAAb,QAAM,IAAO,wFAEnE,CAAA,OAEAA,EAmBQ,QAnBRI,EAmBQ,aAlBNJ,EAKQ,QAAA,KAAA,CAJNA,EAGK,KAAA,KAAA,CAFHA,EAAoB,UAAhB,aAAW,EACfA,EAA8B,UAA1B,uBAAqB,CAAA,SAG7BA,EAWQ,QAXRK,EAWQ,QAVNP,EAGKK,EAAA,KAAAG,EAHgBL,KAAI,OAAO,SAAQ,CAA5B,EAAGM,SAAfT,EAGK,KAAA,CAHsC,IAAK,EAAE,KAAO,eAAgBS,EAAC,CAAA,GACxEP,EAA2D,KAA3DQ,EAA2DC,EAAd,EAAE,IAAI,EAAA,CAAA,EACnDT,EAA6E,KAA7EU,EAA6ED,EAAxC,EAAE,MAAI,sBAAA,EAAA,CAAA,CAAA,aAElCR,EAAAC,CAAA,EAAI,OAAO,SAAS,qBAA/BJ,EAKK,KAAAa,EAAA,CAAA,GAAAC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAJHZ,EAGK,KAAA,CAHD,QAAQ,IAAI,MAAM,MAAA,EAAO,0GAG7B,EAAA,CAAA,qBAxBRF,EAA2E,IAA3Ee,EAAmC,sCAAoC"}
+{"version":3,"file":"RequiresTab-Bs3qnSXx.js","sources":["../../src/views/tabs/RequiresTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Preconditions: checked before anything is created, so a failure names a thing, not a stack trace. */\nimport { dep } from '../../composables/useDeployment';\n</script>\n\n<template>\n  <section class=\"panel\">\n    <h2 class=\"section\" style=\"margin-bottom: var(--s3)\">\n      Requires <span class=\"mute\">(checked before anything is created)</span>\n    </h2>\n\n    <p v-if=\"!dep.detail\" class=\"mute\">Unavailable until the spec resolves.</p>\n    <template v-else>\n      <p class=\"hint\" style=\"margin: 0 0 var(--s3)\">\n        Preconditions run first, in order, and <code>up</code> stops at the first one that fails —\n        by name, before a single resource exists. The <code>assert</code> command itself stays on\n        the host; only the name and its authored hint are sent here.\n      </p>\n\n      <table class=\"cards\">\n        <thead>\n          <tr>\n            <th>requirement</th>\n            <th>hint shown on failure</th>\n          </tr>\n        </thead>\n        <tbody class=\"stagger\">\n          <tr v-for=\"(r, i) in dep.detail.requires\" :key=\"r.name\" :style=\"{ '--i': i }\">\n            <td class=\"name\" data-label=\"requirement\">{{ r.name }}</td>\n            <td class=\"dim\" data-label=\"hint\">{{ r.hint || '— (no hint authored)' }}</td>\n          </tr>\n          <tr v-if=\"!dep.detail.requires.length\">\n            <td colspan=\"2\" class=\"mute\">\n              None declared — an isolated deployment that borrows shared infrastructure usually\n              wants at least one.\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </template>\n  </section>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_unref","dep","_Fragment","_hoisted_3","_hoisted_4","_renderList","i","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_cache","_hoisted_2"],"mappings":"4ZAMEA,EAAA,EAAAC,EAkCU,UAlCVC,EAkCU,aAjCRC,EAEK,KAAA,CAFD,MAAM,UAAU,MAAA,CAAA,gBAAA,WAAA,CAAA,KAAiC,YAC1C,EAAAA,EAA8D,OAAA,CAAxD,MAAM,MAAA,EAAO,sCAAoC,CAAA,OAGxDC,EAAAC,CAAA,EAAI,YACdJ,EA2BWK,EAAA,CAAA,IAAA,GAAA,aA1BTH,EAII,IAAA,CAJD,MAAM,OAAO,MAAA,CAAA,OAAA,eAAA,CAAA,KAA8B,0CACL,EAAAA,EAAe,YAAT,IAAE,IAAO,qFACR,EAAAA,EAAmB,YAAb,QAAM,IAAO,wFAEnE,CAAA,OAEAA,EAmBQ,QAnBRI,EAmBQ,aAlBNJ,EAKQ,QAAA,KAAA,CAJNA,EAGK,KAAA,KAAA,CAFHA,EAAoB,UAAhB,aAAW,EACfA,EAA8B,UAA1B,uBAAqB,CAAA,SAG7BA,EAWQ,QAXRK,EAWQ,QAVNP,EAGKK,EAAA,KAAAG,EAHgBL,KAAI,OAAO,SAAQ,CAA5B,EAAGM,SAAfT,EAGK,KAAA,CAHsC,IAAK,EAAE,KAAO,eAAgBS,EAAC,CAAA,GACxEP,EAA2D,KAA3DQ,EAA2DC,EAAd,EAAE,IAAI,EAAA,CAAA,EACnDT,EAA6E,KAA7EU,EAA6ED,EAAxC,EAAE,MAAI,sBAAA,EAAA,CAAA,CAAA,aAElCR,EAAAC,CAAA,EAAI,OAAO,SAAS,qBAA/BJ,EAKK,KAAAa,EAAA,CAAA,GAAAC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAJHZ,EAGK,KAAA,CAHD,QAAQ,IAAI,MAAM,MAAA,EAAO,0GAG7B,EAAA,CAAA,qBAxBRF,EAA2E,IAA3Ee,EAAmC,sCAAoC"}

package/dist/assets/{SettingsView-6NfKAhvR.js → SettingsView-C-A9iGH1.js}

@@ -1,2 +1,2 @@
-import{d as w,c as r,a as t,x as d,y as h,b as s,K as o,e as i,f as v,w as f,_ as k,F as V,g as y,t as u,s as n,z as g,j as C,m as x,Q as E,H as B,o as p}from"./index-DmWBBqbv.js";const S={class:"panel"},U={class:"field"},F={class:"mute hint"},N={class:"field"},T={class:"mute hint"},D={class:"row",style:{gap:"8px","margin-top":"4px"}},L=["disabled"],R={key:0,class:"mute"},A={key:1,class:"bad"},M={class:"panel"},H={class:"field"},I={class:"field"},q=w({__name:"SettingsView",setup(P){const a=C(!1),b=x(()=>{var m;return((m=n.health)==null?void 0:m.authEnforced)??null});async function c(){a.value=!0;try{await E(),B(n.healthError?"error":"ok",n.healthError||"Control plane reachable")}finally{a.value=!1}}return(m,e)=>(p(),r("div",null,[e[18]||(e[18]=t("div",{class:"page-head"},[t("div",null,[t("h1",null,"Settings"),t("div",{class:"sub"},"Stored in this browser only. Nothing here is sent to the server.")])],-1)),t("section",S,[e[11]||(e[11]=t("h2",{class:"phead-title"},"Connection",-1)),t("div",U,[e[6]||(e[6]=t("label",{for:"apiBase"},"API base URL",-1)),d(t("input",{id:"apiBase","onUpdate:modelValue":e[0]||(e[0]=l=>s(o).apiBase=l),type:"url",spellcheck:"false",placeholder:"(same origin)"},null,512),[[h,s(o).apiBase,void 0,{trim:!0}]]),t("div",F,[e[5]||(e[5]=i(" Leave it empty unless you are pointing this page at another host. ",-1)),v(k,{label:"about the API base URL"},{default:f(()=>[...e[4]||(e[4]=[i(" Empty means same-origin, which is how the control stack serves this page — the browser never makes a cross-origin request, so there is no CORS to configure. Set an absolute URL only for a development session against a remote host. ",-1)])]),_:1})])]),t("div",N,[e[8]||(e[8]=t("label",{for:"token"},"Access token",-1)),d(t("input",{id:"token","onUpdate:modelValue":e[1]||(e[1]=l=>s(o).token=l),type:"password",autocomplete:"off",spellcheck:"false",placeholder:"paste the token from pstack init"},null,512),[[h,s(o).token,void 0,{trim:!0}]]),t("div",T,[e[7]||(e[7]=i(" Needed to deploy, tear down or delete. Viewing works without one. ",-1)),b.value===!1?(p(),r(V,{key:0},[i(" This server is not asking for one — it only accepts connections from this machine, so a token here is harmless but unnecessary. ")],64)):y("",!0)])]),t("div",D,[t("button",{class:"btn",disabled:a.value,onClick:c},u(a.value?"Checking…":"Test connection"),9,L),s(n).health?(p(),r("span",R,[i(" Connected to pstack "+u(s(n).health.version)+" ",1),v(k,{label:"where data is stored"},{default:f(()=>[e[9]||(e[9]=i(" Deployment records and stored specs live in ",-1)),t("code",null,u(s(n).health.dataDir),1),e[10]||(e[10]=i(" on the host. ",-1))]),_:1})])):s(n).healthError?(p(),r("span",A,u(s(n).healthError),1)):y("",!0)])]),t("section",M,[e[17]||(e[17]=t("h2",{class:"phead-title"},"Appearance",-1)),t("div",H,[e[13]||(e[13]=t("label",{for:"theme"},"Theme",-1)),d(t("select",{id:"theme","onUpdate:modelValue":e[2]||(e[2]=l=>s(o).theme=l)},[...e[12]||(e[12]=[t("option",{value:"system"},"Follow the system",-1),t("option",{value:"dark"},"Dark",-1),t("option",{value:"light"},"Light",-1)])],512),[[g,s(o).theme]])]),t("div",I,[e[15]||(e[15]=t("label",{for:"motion"},"Motion",-1)),d(t("select",{id:"motion","onUpdate:modelValue":e[3]||(e[3]=l=>s(o).motion=l)},[...e[14]||(e[14]=[t("option",{value:"system"},"Follow the system",-1),t("option",{value:"full"},"Full animation",-1),t("option",{value:"none"},"Reduce motion",-1)])],512),[[g,s(o).motion]]),e[16]||(e[16]=t("div",{class:"mute hint"}," “Follow the system” uses your device's reduce-motion setting. The other two override it, in either direction. ",-1))])])]))}});export{q as default};
-//# sourceMappingURL=SettingsView-6NfKAhvR.js.map
+import{d as w,c as r,a as t,x as d,y as h,b as s,K as o,e as i,f as v,w as f,_ as k,F as V,g as y,t as u,s as n,z as g,j as C,m as x,Q as E,H as B,o as p}from"./index-Crv5TCG7.js";const S={class:"panel"},U={class:"field"},F={class:"mute hint"},N={class:"field"},T={class:"mute hint"},D={class:"row",style:{gap:"8px","margin-top":"4px"}},L=["disabled"],R={key:0,class:"mute"},A={key:1,class:"bad"},M={class:"panel"},H={class:"field"},I={class:"field"},q=w({__name:"SettingsView",setup(P){const a=C(!1),b=x(()=>{var m;return((m=n.health)==null?void 0:m.authEnforced)??null});async function c(){a.value=!0;try{await E(),B(n.healthError?"error":"ok",n.healthError||"Control plane reachable")}finally{a.value=!1}}return(m,e)=>(p(),r("div",null,[e[18]||(e[18]=t("div",{class:"page-head"},[t("div",null,[t("h1",null,"Settings"),t("div",{class:"sub"},"Stored in this browser only. Nothing here is sent to the server.")])],-1)),t("section",S,[e[11]||(e[11]=t("h2",{class:"phead-title"},"Connection",-1)),t("div",U,[e[6]||(e[6]=t("label",{for:"apiBase"},"API base URL",-1)),d(t("input",{id:"apiBase","onUpdate:modelValue":e[0]||(e[0]=l=>s(o).apiBase=l),type:"url",spellcheck:"false",placeholder:"(same origin)"},null,512),[[h,s(o).apiBase,void 0,{trim:!0}]]),t("div",F,[e[5]||(e[5]=i(" Leave it empty unless you are pointing this page at another host. ",-1)),v(k,{label:"about the API base URL"},{default:f(()=>[...e[4]||(e[4]=[i(" Empty means same-origin, which is how the control stack serves this page — the browser never makes a cross-origin request, so there is no CORS to configure. Set an absolute URL only for a development session against a remote host. ",-1)])]),_:1})])]),t("div",N,[e[8]||(e[8]=t("label",{for:"token"},"Access token",-1)),d(t("input",{id:"token","onUpdate:modelValue":e[1]||(e[1]=l=>s(o).token=l),type:"password",autocomplete:"off",spellcheck:"false",placeholder:"paste the token from pstack init"},null,512),[[h,s(o).token,void 0,{trim:!0}]]),t("div",T,[e[7]||(e[7]=i(" Needed to deploy, tear down or delete. Viewing works without one. ",-1)),b.value===!1?(p(),r(V,{key:0},[i(" This server is not asking for one — it only accepts connections from this machine, so a token here is harmless but unnecessary. ")],64)):y("",!0)])]),t("div",D,[t("button",{class:"btn",disabled:a.value,onClick:c},u(a.value?"Checking…":"Test connection"),9,L),s(n).health?(p(),r("span",R,[i(" Connected to pstack "+u(s(n).health.version)+" ",1),v(k,{label:"where data is stored"},{default:f(()=>[e[9]||(e[9]=i(" Deployment records and stored specs live in ",-1)),t("code",null,u(s(n).health.dataDir),1),e[10]||(e[10]=i(" on the host. ",-1))]),_:1})])):s(n).healthError?(p(),r("span",A,u(s(n).healthError),1)):y("",!0)])]),t("section",M,[e[17]||(e[17]=t("h2",{class:"phead-title"},"Appearance",-1)),t("div",H,[e[13]||(e[13]=t("label",{for:"theme"},"Theme",-1)),d(t("select",{id:"theme","onUpdate:modelValue":e[2]||(e[2]=l=>s(o).theme=l)},[...e[12]||(e[12]=[t("option",{value:"system"},"Follow the system",-1),t("option",{value:"dark"},"Dark",-1),t("option",{value:"light"},"Light",-1)])],512),[[g,s(o).theme]])]),t("div",I,[e[15]||(e[15]=t("label",{for:"motion"},"Motion",-1)),d(t("select",{id:"motion","onUpdate:modelValue":e[3]||(e[3]=l=>s(o).motion=l)},[...e[14]||(e[14]=[t("option",{value:"system"},"Follow the system",-1),t("option",{value:"full"},"Full animation",-1),t("option",{value:"none"},"Reduce motion",-1)])],512),[[g,s(o).motion]]),e[16]||(e[16]=t("div",{class:"mute hint"}," “Follow the system” uses your device's reduce-motion setting. The other two override it, in either direction. ",-1))])])]))}});export{q as default};
+//# sourceMappingURL=SettingsView-C-A9iGH1.js.map

package/dist/assets/{SettingsView-6NfKAhvR.js.map → SettingsView-C-A9iGH1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SettingsView-6NfKAhvR.js","sources":["../../src/views/SettingsView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Settings: where the API is, how to authenticate to it, and how the app looks.\n *\n * Everything here is client-side and persisted to localStorage by `useSettings` — nothing is sent\n * to the server, and there is nothing to save. Bindings write through immediately.\n */\nimport { computed, ref } from 'vue';\nimport { settings } from '../composables/useSettings';\nimport { state, loadHealth } from '../composables/useControlPlane';\nimport { toast } from '../composables/useToasts';\nimport InfoHint from '../components/InfoHint.vue';\n\nconst checking = ref(false);\n\n/**\n * The server tells us whether it enforces auth. When it does not, it is bound to loopback and a\n * token would be pointless — worth saying, so nobody hunts for one that was never issued.\n */\nconst authEnforced = computed(() => state.health?.authEnforced ?? null);\n\nasync function recheck(): Promise<void> {\n  checking.value = true;\n  try {\n    await loadHealth();\n    toast(state.healthError ? 'error' : 'ok', state.healthError || 'Control plane reachable');\n  } finally {\n    checking.value = false;\n  }\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>Settings</h1>\n        <div class=\"sub\">Stored in this browser only. Nothing here is sent to the server.</div>\n      </div>\n    </div>\n\n    <section class=\"panel\">\n      <h2 class=\"phead-title\">Connection</h2>\n\n      <div class=\"field\">\n        <label for=\"apiBase\">API base URL</label>\n        <input\n          id=\"apiBase\"\n          v-model.trim=\"settings.apiBase\"\n          type=\"url\"\n          spellcheck=\"false\"\n          placeholder=\"(same origin)\"\n        />\n        <div class=\"mute hint\">\n          Leave it empty unless you are pointing this page at another host.\n          <InfoHint label=\"about the API base URL\">\n            Empty means same-origin, which is how the control stack serves this page — the browser\n            never makes a cross-origin request, so there is no CORS to configure. Set an absolute\n            URL only for a development session against a remote host.\n          </InfoHint>\n        </div>\n      </div>\n\n      <div class=\"field\">\n        <label for=\"token\">Access token</label>\n        <input\n          id=\"token\"\n          v-model.trim=\"settings.token\"\n          type=\"password\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          placeholder=\"paste the token from pstack init\"\n        />\n        <div class=\"mute hint\">\n          Needed to deploy, tear down or delete. Viewing works without one.\n          <template v-if=\"authEnforced === false\">\n            This server is not asking for one — it only accepts connections from this machine, so a\n            token here is harmless but unnecessary.\n          </template>\n        </div>\n      </div>\n\n      <div class=\"row\" style=\"gap: 8px; margin-top: 4px\">\n        <button class=\"btn\" :disabled=\"checking\" @click=\"recheck\">\n          {{ checking ? 'Checking…' : 'Test connection' }}\n        </button>\n        <span v-if=\"state.health\" class=\"mute\">\n          Connected to pstack {{ state.health.version }}\n          <InfoHint label=\"where data is stored\">\n            Deployment records and stored specs live in\n            <code>{{ state.health.dataDir }}</code> on the host.\n          </InfoHint>\n        </span>\n        <span v-else-if=\"state.healthError\" class=\"bad\">{{ state.healthError }}</span>\n      </div>\n    </section>\n\n    <section class=\"panel\">\n      <h2 class=\"phead-title\">Appearance</h2>\n\n      <div class=\"field\">\n        <label for=\"theme\">Theme</label>\n        <select id=\"theme\" v-model=\"settings.theme\">\n          <option value=\"system\">Follow the system</option>\n          <option value=\"dark\">Dark</option>\n          <option value=\"light\">Light</option>\n        </select>\n      </div>\n\n      <div class=\"field\">\n        <label for=\"motion\">Motion</label>\n        <select id=\"motion\" v-model=\"settings.motion\">\n          <option value=\"system\">Follow the system</option>\n          <option value=\"full\">Full animation</option>\n          <option value=\"none\">Reduce motion</option>\n        </select>\n        <div class=\"mute hint\">\n          “Follow the system” uses your device's reduce-motion setting. The other two override it,\n          in either direction.\n        </div>\n      </div>\n    </section>\n  </div>\n</template>\n"],"names":["checking","ref","authEnforced","computed","_a","state","recheck","loadHealth","toast","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","$event","_unref","settings","_hoisted_3","_createVNode","InfoHint","_hoisted_4","_hoisted_5","_Fragment","_hoisted_6","_hoisted_7","_openBlock","_hoisted_8","_createTextVNode","_toDisplayString","_hoisted_9","_hoisted_10","_hoisted_11","_vModelSelect","_hoisted_12"],"mappings":"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"}
+{"version":3,"file":"SettingsView-C-A9iGH1.js","sources":["../../src/views/SettingsView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Settings: where the API is, how to authenticate to it, and how the app looks.\n *\n * Everything here is client-side and persisted to localStorage by `useSettings` — nothing is sent\n * to the server, and there is nothing to save. Bindings write through immediately.\n */\nimport { computed, ref } from 'vue';\nimport { settings } from '../composables/useSettings';\nimport { state, loadHealth } from '../composables/useControlPlane';\nimport { toast } from '../composables/useToasts';\nimport InfoHint from '../components/InfoHint.vue';\n\nconst checking = ref(false);\n\n/**\n * The server tells us whether it enforces auth. When it does not, it is bound to loopback and a\n * token would be pointless — worth saying, so nobody hunts for one that was never issued.\n */\nconst authEnforced = computed(() => state.health?.authEnforced ?? null);\n\nasync function recheck(): Promise<void> {\n  checking.value = true;\n  try {\n    await loadHealth();\n    toast(state.healthError ? 'error' : 'ok', state.healthError || 'Control plane reachable');\n  } finally {\n    checking.value = false;\n  }\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>Settings</h1>\n        <div class=\"sub\">Stored in this browser only. Nothing here is sent to the server.</div>\n      </div>\n    </div>\n\n    <section class=\"panel\">\n      <h2 class=\"phead-title\">Connection</h2>\n\n      <div class=\"field\">\n        <label for=\"apiBase\">API base URL</label>\n        <input\n          id=\"apiBase\"\n          v-model.trim=\"settings.apiBase\"\n          type=\"url\"\n          spellcheck=\"false\"\n          placeholder=\"(same origin)\"\n        />\n        <div class=\"mute hint\">\n          Leave it empty unless you are pointing this page at another host.\n          <InfoHint label=\"about the API base URL\">\n            Empty means same-origin, which is how the control stack serves this page — the browser\n            never makes a cross-origin request, so there is no CORS to configure. Set an absolute\n            URL only for a development session against a remote host.\n          </InfoHint>\n        </div>\n      </div>\n\n      <div class=\"field\">\n        <label for=\"token\">Access token</label>\n        <input\n          id=\"token\"\n          v-model.trim=\"settings.token\"\n          type=\"password\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          placeholder=\"paste the token from pstack init\"\n        />\n        <div class=\"mute hint\">\n          Needed to deploy, tear down or delete. Viewing works without one.\n          <template v-if=\"authEnforced === false\">\n            This server is not asking for one — it only accepts connections from this machine, so a\n            token here is harmless but unnecessary.\n          </template>\n        </div>\n      </div>\n\n      <div class=\"row\" style=\"gap: 8px; margin-top: 4px\">\n        <button class=\"btn\" :disabled=\"checking\" @click=\"recheck\">\n          {{ checking ? 'Checking…' : 'Test connection' }}\n        </button>\n        <span v-if=\"state.health\" class=\"mute\">\n          Connected to pstack {{ state.health.version }}\n          <InfoHint label=\"where data is stored\">\n            Deployment records and stored specs live in\n            <code>{{ state.health.dataDir }}</code> on the host.\n          </InfoHint>\n        </span>\n        <span v-else-if=\"state.healthError\" class=\"bad\">{{ state.healthError }}</span>\n      </div>\n    </section>\n\n    <section class=\"panel\">\n      <h2 class=\"phead-title\">Appearance</h2>\n\n      <div class=\"field\">\n        <label for=\"theme\">Theme</label>\n        <select id=\"theme\" v-model=\"settings.theme\">\n          <option value=\"system\">Follow the system</option>\n          <option value=\"dark\">Dark</option>\n          <option value=\"light\">Light</option>\n        </select>\n      </div>\n\n      <div class=\"field\">\n        <label for=\"motion\">Motion</label>\n        <select id=\"motion\" v-model=\"settings.motion\">\n          <option value=\"system\">Follow the system</option>\n          <option value=\"full\">Full animation</option>\n          <option value=\"none\">Reduce motion</option>\n        </select>\n        <div class=\"mute hint\">\n          “Follow the system” uses your device's reduce-motion setting. The other two override it,\n          in either direction.\n        </div>\n      </div>\n    </section>\n  </div>\n</template>\n"],"names":["checking","ref","authEnforced","computed","_a","state","recheck","loadHealth","toast","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","$event","_unref","settings","_hoisted_3","_createVNode","InfoHint","_hoisted_4","_hoisted_5","_Fragment","_hoisted_6","_hoisted_7","_openBlock","_hoisted_8","_createTextVNode","_toDisplayString","_hoisted_9","_hoisted_10","_hoisted_11","_vModelSelect","_hoisted_12"],"mappings":"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"}

package/dist/assets/{SkeletonList.vue_vue_type_script_setup_true_lang-CafU21a8.js → SkeletonList.vue_vue_type_script_setup_true_lang-BgPYn5w_.js}

@@ -1,2 +1,2 @@
-import{d as s,o as e,c as a,F as o,r,q as n,v as i}from"./index-DmWBBqbv.js";const c={role:"status","aria-live":"polite","aria-label":"loading"},p=s({__name:"SkeletonList",props:{rows:{default:3},tall:{type:Boolean,default:!1}},setup(l){return(d,u)=>(e(),a("div",c,[(e(!0),a(o,null,r(l.rows,t=>(e(),a("div",{key:t,class:i(["skel",{tall:l.tall}]),style:n({width:`${100-t*7}%`})},null,6))),128))]))}});export{p as _};
-//# sourceMappingURL=SkeletonList.vue_vue_type_script_setup_true_lang-CafU21a8.js.map
+import{d as s,o as e,c as a,F as o,r,q as n,v as i}from"./index-Crv5TCG7.js";const c={role:"status","aria-live":"polite","aria-label":"loading"},p=s({__name:"SkeletonList",props:{rows:{default:3},tall:{type:Boolean,default:!1}},setup(l){return(d,u)=>(e(),a("div",c,[(e(!0),a(o,null,r(l.rows,t=>(e(),a("div",{key:t,class:i(["skel",{tall:l.tall}]),style:n({width:`${100-t*7}%`})},null,6))),128))]))}});export{p as _};
+//# sourceMappingURL=SkeletonList.vue_vue_type_script_setup_true_lang-BgPYn5w_.js.map

package/dist/assets/{SkeletonList.vue_vue_type_script_setup_true_lang-CafU21a8.js.map → SkeletonList.vue_vue_type_script_setup_true_lang-BgPYn5w_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SkeletonList.vue_vue_type_script_setup_true_lang-CafU21a8.js","sources":["../../src/components/SkeletonList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * A loading placeholder shaped like the thing that is coming.\n *\n * Deliberately not a spinner on an empty page: a spinner says \"wait\" and nothing else, while a\n * skeleton says what will be there and stops the layout jumping when it arrives. It also makes an\n * empty result visibly different from a slow one, which on this page is the difference between\n * \"nothing is deployed\" and \"the API is not answering\".\n */\nwithDefaults(defineProps<{ rows?: number; tall?: boolean }>(), { rows: 3, tall: false });\n</script>\n\n<template>\n  <div role=\"status\" aria-live=\"polite\" aria-label=\"loading\">\n    <div v-for=\"n in rows\" :key=\"n\" class=\"skel\" :class=\"{ tall }\" :style=\"{ width: `${100 - n * 7}%` }\" />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","__props","n","_normalizeClass"],"mappings":"2PAaEA,EAAA,EAAAC,EAEM,MAFNC,EAEM,QADJD,EAAuGE,EAAA,KAAAC,EAAtFC,EAAA,KAALC,QAAZL,EAAuG,MAAA,CAA/E,IAAKK,EAAG,MAAKC,EAAA,CAAC,OAAM,CAAA,KAAWF,EAAA,IAAA,CAAI,CAAA,EAAK,sBAAyBC,EAAC,CAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"SkeletonList.vue_vue_type_script_setup_true_lang-BgPYn5w_.js","sources":["../../src/components/SkeletonList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * A loading placeholder shaped like the thing that is coming.\n *\n * Deliberately not a spinner on an empty page: a spinner says \"wait\" and nothing else, while a\n * skeleton says what will be there and stops the layout jumping when it arrives. It also makes an\n * empty result visibly different from a slow one, which on this page is the difference between\n * \"nothing is deployed\" and \"the API is not answering\".\n */\nwithDefaults(defineProps<{ rows?: number; tall?: boolean }>(), { rows: 3, tall: false });\n</script>\n\n<template>\n  <div role=\"status\" aria-live=\"polite\" aria-label=\"loading\">\n    <div v-for=\"n in rows\" :key=\"n\" class=\"skel\" :class=\"{ tall }\" :style=\"{ width: `${100 - n * 7}%` }\" />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","__props","n","_normalizeClass"],"mappings":"2PAaEA,EAAA,EAAAC,EAEM,MAFNC,EAEM,QADJD,EAAuGE,EAAA,KAAAC,EAAtFC,EAAA,KAALC,QAAZL,EAAuG,MAAA,CAA/E,IAAKK,EAAG,MAAKC,EAAA,CAAC,OAAM,CAAA,KAAWF,EAAA,IAAA,CAAI,CAAA,EAAK,sBAAyBC,EAAC,CAAA,GAAA,CAAA,CAAA"}

package/dist/assets/SpecDetailView-BZtZ_ORo.js

@@ -0,0 +1,2 @@
+import{d as I,B as C,s as V,I as $,c as n,a as s,f as c,w as d,t as o,v as D,g as m,h as _,F as b,e as l,_ as A,r as L,b as N,j as v,m as R,n as z,o as t,K as S,k as j,p as q}from"./index-Crv5TCG7.js";import{s as B}from"./useFormat-CKJxQp_i.js";import{_ as E}from"./SkeletonList.vue_vue_type_script_setup_true_lang-BgPYn5w_.js";import{_ as F}from"./ErrorNote.vue_vue_type_script_setup_true_lang-Bo3oTHty.js";const T={class:"page-head"},U={class:"mute",style:{"font-size":"var(--t-sm)"}},H={style:{"font-size":"var(--t-xl)"}},K={class:"sub"},P={key:0},W={key:1},G={key:2},J={key:3,class:"mute"},M={key:1,class:"panel"},O={class:"banner failed"},Q={class:"panel"},X={key:1,class:"kvlist"},Y={class:"k"},Z={class:"v"},ee={key:0},se={key:1,class:"mute"},te={class:"v"},ne={key:1,class:"mute"},ae={class:"v"},oe={class:"v"},le={key:0,class:"panel"},ie={key:0,class:"banner plain"},de={key:1,class:"code"},re={key:2,class:"mute"},ve=I({__name:"SpecDetailView",props:{name:{}},setup(y){const k=y,a=v(null),r=v(!0),u=v(""),p=v(!1);async function g(){r.value=!0,p.value=!1;const i=await j.getAuthed(`/api/specs/${encodeURIComponent(k.name)}`);if(r.value=!1,i.status===404){p.value=!0;return}if(!i.ok){u.value=q(i,"load this spec");return}u.value="",a.value=i.body}C(()=>k.name,g,{immediate:!0}),C(()=>S.token,g),V.deploymentsLoaded||$();const w=R(()=>V.deployments.filter(i=>i.specName===k.name));return(i,e)=>{var x;const f=z("RouterLink");return t(),n("div",null,[s("div",T,[s("div",null,[s("div",U,[c(f,{to:"/specs"},{default:d(()=>[...e[0]||(e[0]=[l("← specs",-1)])]),_:1})]),s("h1",H,o(y.name),1),s("div",K,[(x=a.value)!=null&&x.description?(t(),n("span",P,o(a.value.description),1)):p.value?(t(),n("span",W,"not found")):r.value?(t(),n("span",G,"loading…")):(t(),n("span",J,"no description"))])]),e[1]||(e[1]=s("span",{class:"grow"},null,-1)),a.value?(t(),n("span",{key:0,class:D(["badge",a.value.kind])},o(a.value.kind),3)):m("",!0)]),u.value?(t(),_(F,{key:0,text:u.value,title:"Could not load this spec."},null,8,["text"])):m("",!0),p.value?(t(),n("section",M,[s("div",O,[s("b",null,"No spec named “"+o(y.name)+"”.",1),e[2]||(e[2]=s("p",null,"It may have been deleted, or this is an older link.",-1))])])):(t(),n(b,{key:2},[s("section",Q,[r.value?(t(),_(E,{key:0,rows:4})):a.value?(t(),n("ul",X,[s("li",null,[s("span",Y,[e[4]||(e[4]=l(" needs ",-1)),c(A,{label:"what needs means"},{default:d(()=>[...e[3]||(e[3]=[l(" Variables the spec uses but does not set. Every deployment referencing it supplies these, which is how one spec serves many stacks — and a missing one is refused by name rather than filled in blank. ",-1)])]),_:1})]),s("span",Z,[a.value.requiredVars.length?(t(),n("b",ee,o(a.value.requiredVars.join(", ")),1)):(t(),n("span",se,"nothing — every value is fixed by the spec"))])]),s("li",null,[e[6]||(e[6]=s("span",{class:"k"},"used by",-1)),s("span",te,[w.value.length?(t(),n(b,{key:0},[(t(!0),n(b,null,L(w.value,h=>(t(),_(f,{key:h.id,to:`/deployments/${encodeURIComponent(h.id)}`,style:{"margin-right":"10px"}},{default:d(()=>[l(o(h.id),1)]),_:2},1032,["to"]))),128)),c(A,{label:"why this matters"},{default:d(()=>[...e[5]||(e[5]=[l(" Deleting a spec while a deployment still references it is refused: that deployment could no longer be resolved, and one that cannot be resolved can never be torn down. ",-1)])]),_:1})],64)):(t(),n("span",ne,"no deployments reference it"))])]),s("li",null,[e[7]||(e[7]=s("span",{class:"k"},"created",-1)),s("span",ae,o(N(B)(a.value.createdAt)),1)]),s("li",null,[e[8]||(e[8]=s("span",{class:"k"},"updated",-1)),s("span",oe,o(N(B)(a.value.updatedAt)),1)])])):m("",!0)]),a.value?(t(),n("section",le,[e[13]||(e[13]=s("div",{class:"phead"},[s("h2",{class:"section"},"Source")],-1)),a.value.sourceWithheld?(t(),n("div",ie,[e[12]||(e[12]=s("b",null,"Hidden without an access token.",-1)),s("p",null,[e[10]||(e[10]=l(" A spec's hooks are shell commands, and they often carry a password or an API token inline — so the server does not send the file to an unauthenticated reader. ",-1)),c(f,{to:"/settings"},{default:d(()=>[...e[9]||(e[9]=[l("Add your token",-1)])]),_:1}),e[11]||(e[11]=l(" to see it. ",-1))])])):a.value.source?(t(),n("pre",de,o(a.value.source),1)):(t(),n("p",re,"The server returned no source for this spec."))])):m("",!0)],64))])}}});export{ve as default};
+//# sourceMappingURL=SpecDetailView-BZtZ_ORo.js.map

package/dist/assets/SpecDetailView-BZtZ_ORo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecDetailView-BZtZ_ORo.js","sources":["../../src/views/SpecDetailView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * One stored spec: what it needs, who uses it, and its source.\n *\n * THE SOURCE IS A RESTRICTED READ. Everything else on this API can be read without a token, but a\n * spec's hook bodies are shell strings that routinely carry a credential inline, so the server sends\n * `source` only to an authenticated request and sets `sourceWithheld` otherwise. That is why this\n * one view uses `getAuthed`, and why \"no token\" renders an explanation rather than an empty editor —\n * a blank box would read as an empty spec, which is a different and much more alarming fact.\n */\nimport { computed, ref, watch } from 'vue';\nimport { api, problem } from '../api/client';\nimport type { SpecDetail } from '../api/types';\nimport { state, loadDeployments } from '../composables/useControlPlane';\nimport { settings } from '../composables/useSettings';\nimport { stamp } from '../composables/useFormat';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport InfoHint from '../components/InfoHint.vue';\n\nconst props = defineProps<{ name: string }>();\n\nconst spec = ref<SpecDetail | null>(null);\nconst loading = ref(true);\nconst error = ref('');\nconst missing = ref(false);\n\nasync function load(): Promise<void> {\n  loading.value = true;\n  missing.value = false;\n  const r = await api.getAuthed<SpecDetail>(`/api/specs/${encodeURIComponent(props.name)}`);\n  loading.value = false;\n  if (r.status === 404) {\n    missing.value = true;\n    return;\n  }\n  if (!r.ok) {\n    error.value = problem(r, 'load this spec');\n    return;\n  }\n  error.value = '';\n  spec.value = r.body;\n}\n\nwatch(() => props.name, load, { immediate: true });\n// Re-fetch when a token is pasted: the same URL returns strictly more with one.\nwatch(() => settings.token, load);\n\nif (!state.deploymentsLoaded) void loadDeployments();\n\n/** Deployments that would become unresolvable if this spec were deleted. */\nconst users = computed(() => state.deployments.filter((d) => d.specName === props.name));\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <div class=\"mute\" style=\"font-size: var(--t-sm)\">\n          <RouterLink to=\"/specs\">← specs</RouterLink>\n        </div>\n        <h1 style=\"font-size: var(--t-xl)\">{{ name }}</h1>\n        <div class=\"sub\">\n          <span v-if=\"spec?.description\">{{ spec.description }}</span>\n          <span v-else-if=\"missing\">not found</span>\n          <span v-else-if=\"loading\">loading…</span>\n          <span v-else class=\"mute\">no description</span>\n        </div>\n      </div>\n      <span class=\"grow\" />\n      <span v-if=\"spec\" class=\"badge\" :class=\"spec.kind\">{{ spec.kind }}</span>\n    </div>\n\n    <ErrorNote v-if=\"error\" :text=\"error\" title=\"Could not load this spec.\" />\n\n    <section v-if=\"missing\" class=\"panel\">\n      <div class=\"banner failed\">\n        <b>No spec named “{{ name }}”.</b>\n        <p>It may have been deleted, or this is an older link.</p>\n      </div>\n    </section>\n\n    <template v-else>\n      <section class=\"panel\">\n        <SkeletonList v-if=\"loading\" :rows=\"4\" />\n        <ul v-else-if=\"spec\" class=\"kvlist\">\n          <li>\n            <span class=\"k\">\n              needs\n              <InfoHint label=\"what needs means\">\n                Variables the spec uses but does not set. Every deployment referencing it supplies\n                these, which is how one spec serves many stacks — and a missing one is refused by\n                name rather than filled in blank.\n              </InfoHint>\n            </span>\n            <span class=\"v\">\n              <b v-if=\"spec.requiredVars.length\">{{ spec.requiredVars.join(', ') }}</b>\n              <span v-else class=\"mute\">nothing — every value is fixed by the spec</span>\n            </span>\n          </li>\n          <li>\n            <span class=\"k\">used by</span>\n            <span class=\"v\">\n              <template v-if=\"users.length\">\n                <RouterLink\n                  v-for=\"d in users\"\n                  :key=\"d.id\"\n                  :to=\"`/deployments/${encodeURIComponent(d.id)}`\"\n                  style=\"margin-right: 10px\"\n                  >{{ d.id }}</RouterLink\n                >\n                <InfoHint label=\"why this matters\">\n                  Deleting a spec while a deployment still references it is refused: that deployment\n                  could no longer be resolved, and one that cannot be resolved can never be torn\n                  down.\n                </InfoHint>\n              </template>\n              <span v-else class=\"mute\">no deployments reference it</span>\n            </span>\n          </li>\n          <li><span class=\"k\">created</span><span class=\"v\">{{ stamp(spec.createdAt) }}</span></li>\n          <li><span class=\"k\">updated</span><span class=\"v\">{{ stamp(spec.updatedAt) }}</span></li>\n        </ul>\n      </section>\n\n      <section v-if=\"spec\" class=\"panel\">\n        <div class=\"phead\">\n          <h2 class=\"section\">Source</h2>\n        </div>\n\n        <!--\n          Withheld, not empty. The server never sent the source, so there is nothing here to reveal —\n          the same reasoning as the masked variables: an affordance that promises plaintext the page\n          does not have would be a lie.\n        -->\n        <div v-if=\"spec.sourceWithheld\" class=\"banner plain\">\n          <b>Hidden without an access token.</b>\n          <p>\n            A spec's hooks are shell commands, and they often carry a password or an API token\n            inline — so the server does not send the file to an unauthenticated reader.\n            <RouterLink to=\"/settings\">Add your token</RouterLink> to see it.\n          </p>\n        </div>\n        <pre v-else-if=\"spec.source\" class=\"code\">{{ spec.source }}</pre>\n        <p v-else class=\"mute\">The server returned no source for this spec.</p>\n      </section>\n    </template>\n  </div>\n</template>\n"],"names":["props","__props","spec","ref","loading","error","missing","load","r","api","problem","watch","settings","state","loadDeployments","users","computed","d","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","_component_RouterLink","_cache","_hoisted_3","_toDisplayString","_hoisted_4","_a","_hoisted_5","_openBlock","_hoisted_8","_normalizeClass","_createBlock","ErrorNote","_hoisted_9","_hoisted_10","_Fragment","_hoisted_11","SkeletonList","_hoisted_12","_hoisted_13","InfoHint","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_renderList","_createTextVNode","_hoisted_18","_hoisted_19","_unref","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24"],"mappings":"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"}

package/dist/assets/SpecsView-MlnJ7jtg.js

@@ -0,0 +1,2 @@
+import{d as q,s as g,I as L,c as a,a as s,e as l,f as c,w as y,_ as w,h as x,g as f,F as C,x as B,y as T,r as U,t as i,j as r,k as $,p as z,m as N,n as D,o as t,q as I,v as R,b as j}from"./index-Crv5TCG7.js";import{s as A}from"./useFormat-CKJxQp_i.js";import{_ as E}from"./SkeletonList.vue_vue_type_script_setup_true_lang-BgPYn5w_.js";import{_ as F}from"./ErrorNote.vue_vue_type_script_setup_true_lang-Bo3oTHty.js";const M={class:"page-head"},P={class:"sub"},W={key:1,class:"panel"},G={key:2,class:"panel"},H={class:"field",style:{"max-width":"320px","margin-bottom":"var(--s4)"}},J={class:"cards","data-testid":"specs.list"},K={class:"stagger"},O={class:"name","data-label":"name"},Q={key:0,class:"mute",style:{"font-size":"var(--t-sm)"}},X={"data-label":"kind"},Y={"data-label":"needs"},Z={key:0},ee={key:1,class:"mute"},se={"data-label":"used by"},te={key:0},ne={key:1,class:"mute"},oe={class:"dim nowrap","data-label":"updated"},ae={key:0},le={colspan:"5",class:"mute"},ie={key:2,class:"banner plain"},ce=q({__name:"SpecsView",setup(de){const u=r([]),v=r(!1),p=r(""),h=r(!1),m=r("");async function S(){const o=await $.get("/api/specs");if(v.value=!0,o.status===404){h.value=!0;return}if(!o.ok){p.value=z(o,"load specs");return}p.value="",u.value=o.body.specs??[]}S(),g.deploymentsLoaded||L();const b=N(()=>{const o=new Map;for(const e of g.deployments){if(!e.specName)continue;const d=o.get(e.specName)??[];d.push(e.id),o.set(e.specName,d)}return o}),_=N(()=>{const o=m.value.trim().toLowerCase();return o?u.value.filter(e=>e.name.toLowerCase().includes(o)||(e.description??"").toLowerCase().includes(o)):u.value});return(o,e)=>{const d=D("RouterLink");return t(),a("div",null,[s("div",M,[s("div",null,[e[3]||(e[3]=s("h1",null,"Specs",-1)),s("div",P,[e[2]||(e[2]=l(" Stored once, used by any number of deployments ",-1)),c(w,{label:"why store a spec"},{default:y(()=>[...e[1]||(e[1]=[l(" Without this, every deployment carries its own copy — 50 open pull requests meant 50 identical files, and fixing a teardown step meant re-submitting it 50 times. ",-1)])]),_:1})])])]),p.value?(t(),x(F,{key:0,text:p.value,title:"Could not load the specs."},null,8,["text"])):f("",!0),h.value?(t(),a("section",W,[...e[4]||(e[4]=[s("div",{class:"banner plain"},[s("b",null,"This server has no stored specs."),s("p",null," It is an older build of pstack — every deployment carries its own copy of its spec, which still works. Upgrade the host to store specs and reference them by name. ")],-1)])])):(t(),a("section",G,[v.value?u.value.length?(t(),a(C,{key:1},[s("div",H,[e[5]||(e[5]=s("label",{for:"q"},"Search",-1)),B(s("input",{id:"q","onUpdate:modelValue":e[0]||(e[0]=n=>m.value=n),type:"search",placeholder:"name or description"},null,512),[[T,m.value]])]),s("table",J,[s("thead",null,[s("tr",null,[e[8]||(e[8]=s("th",null,"name",-1)),e[9]||(e[9]=s("th",null,"kind",-1)),s("th",null,[e[7]||(e[7]=l(" needs ",-1)),c(w,{label:"what needs means"},{default:y(()=>[...e[6]||(e[6]=[l(" Variables the spec uses but does not set. Every deployment referencing it must supply these, which is how one spec serves many stacks. ",-1)])]),_:1})]),e[10]||(e[10]=s("th",null,"used by",-1)),e[11]||(e[11]=s("th",null,"updated",-1))])]),s("tbody",K,[(t(!0),a(C,null,U(_.value,(n,V)=>{var k;return t(),a("tr",{key:n.name,style:I({"--i":V})},[s("td",O,[c(d,{to:`/specs/${encodeURIComponent(n.name)}`},{default:y(()=>[l(i(n.name),1)]),_:2},1032,["to"]),n.description?(t(),a("div",Q,i(n.description),1)):f("",!0)]),s("td",X,[s("span",{class:R(["badge",n.kind])},i(n.kind),3)]),s("td",Y,[n.requiredVars.length?(t(),a("span",Z,i(n.requiredVars.join(", ")),1)):(t(),a("span",ee,"nothing"))]),s("td",se,[(k=b.value.get(n.name))!=null&&k.length?(t(),a("span",te,i(b.value.get(n.name).length)+" deployment(s) ",1)):(t(),a("span",ne,"nothing yet"))]),s("td",oe,i(j(A)(n.updatedAt)),1)],4)}),128)),_.value.length?f("",!0):(t(),a("tr",ae,[s("td",le,"No spec matches “"+i(m.value)+"”.",1)]))])])],64)):(t(),a("div",ie,[e[15]||(e[15]=s("b",null,"No specs stored yet.",-1)),s("p",null,[e[13]||(e[13]=l(" A deployment can carry its own spec inline — see ",-1)),c(d,{to:"/submit"},{default:y(()=>[...e[12]||(e[12]=[l("Submit",-1)])]),_:1}),e[14]||(e[14]=l(" — and that is all you need for a one-off. Storing one here pays off when several deployments share it. ",-1))]),e[16]||(e[16]=s("p",{class:"mute"},[l(" Storing is not yet possible from this page; send the spec to "),s("code",null,"PUT /api/specs/<name>"),l(" with your token. ")],-1))])):(t(),x(E,{key:0,rows:3}))]))])}}});export{ce as default};
+//# sourceMappingURL=SpecsView-MlnJ7jtg.js.map

package/dist/assets/SpecsView-MlnJ7jtg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecsView-MlnJ7jtg.js","sources":["../../src/views/SpecsView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Stored specs: what is on this host, and who is using each one.\n *\n * The \"used by\" count is computed from the deployments already in shared state rather than asked\n * for: every row carries `specName`, so the join is free. It matters because deleting a spec that\n * deployments still reference is refused — a deployment that cannot resolve its spec can never be\n * torn down — so knowing the count before you try is the difference between a plan and a 409.\n *\n * A server built before named specs answers 404 here. That is a capability difference, not an\n * error, so it gets its own explanation instead of a red banner.\n */\nimport { computed, ref } from 'vue';\nimport { api, problem } from '../api/client';\nimport type { SpecMeta, SpecsResponse } from '../api/types';\nimport { state, loadDeployments } from '../composables/useControlPlane';\nimport { stamp } from '../composables/useFormat';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport InfoHint from '../components/InfoHint.vue';\n\nconst specs = ref<SpecMeta[]>([]);\nconst loaded = ref(false);\nconst error = ref('');\nconst unsupported = ref(false);\nconst needle = ref('');\n\nasync function load(): Promise<void> {\n  const r = await api.get<SpecsResponse>('/api/specs');\n  loaded.value = true;\n  if (r.status === 404) {\n    unsupported.value = true;\n    return;\n  }\n  if (!r.ok) {\n    error.value = problem(r, 'load specs');\n    return;\n  }\n  error.value = '';\n  specs.value = r.body.specs ?? [];\n}\n\nvoid load();\n// The deployment list is what the \"used by\" column joins against; a deep link straight here may\n// arrive before the shell's poll has filled it.\nif (!state.deploymentsLoaded) void loadDeployments();\n\n/** Deployment ids referencing each spec, by spec name. */\nconst users = computed(() => {\n  const m = new Map<string, string[]>();\n  for (const d of state.deployments) {\n    if (!d.specName) continue;\n    const list = m.get(d.specName) ?? [];\n    list.push(d.id);\n    m.set(d.specName, list);\n  }\n  return m;\n});\n\nconst shown = computed(() => {\n  const q = needle.value.trim().toLowerCase();\n  if (!q) return specs.value;\n  return specs.value.filter(\n    (s) => s.name.toLowerCase().includes(q) || (s.description ?? '').toLowerCase().includes(q),\n  );\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>Specs</h1>\n        <div class=\"sub\">\n          Stored once, used by any number of deployments\n          <InfoHint label=\"why store a spec\">\n            Without this, every deployment carries its own copy — 50 open pull requests meant 50\n            identical files, and fixing a teardown step meant re-submitting it 50 times.\n          </InfoHint>\n        </div>\n      </div>\n    </div>\n\n    <ErrorNote v-if=\"error\" :text=\"error\" title=\"Could not load the specs.\" />\n\n    <section v-if=\"unsupported\" class=\"panel\">\n      <div class=\"banner plain\">\n        <b>This server has no stored specs.</b>\n        <p>\n          It is an older build of pstack — every deployment carries its own copy of its spec, which\n          still works. Upgrade the host to store specs and reference them by name.\n        </p>\n      </div>\n    </section>\n\n    <section v-else class=\"panel\">\n      <SkeletonList v-if=\"!loaded\" :rows=\"3\" />\n\n      <template v-else-if=\"specs.length\">\n        <div class=\"field\" style=\"max-width: 320px; margin-bottom: var(--s4)\">\n          <label for=\"q\">Search</label>\n          <input id=\"q\" v-model=\"needle\" type=\"search\" placeholder=\"name or description\" />\n        </div>\n\n        <table class=\"cards\" data-testid=\"specs.list\">\n          <thead>\n            <tr>\n              <th>name</th>\n              <th>kind</th>\n              <th>\n                needs\n                <InfoHint label=\"what needs means\">\n                  Variables the spec uses but does not set. Every deployment referencing it must\n                  supply these, which is how one spec serves many stacks.\n                </InfoHint>\n              </th>\n              <th>used by</th>\n              <th>updated</th>\n            </tr>\n          </thead>\n          <tbody class=\"stagger\">\n            <tr v-for=\"(s, i) in shown\" :key=\"s.name\" :style=\"{ '--i': i }\">\n              <td class=\"name\" data-label=\"name\">\n                <RouterLink :to=\"`/specs/${encodeURIComponent(s.name)}`\">{{ s.name }}</RouterLink>\n                <div v-if=\"s.description\" class=\"mute\" style=\"font-size: var(--t-sm)\">\n                  {{ s.description }}\n                </div>\n              </td>\n              <td data-label=\"kind\">\n                <span class=\"badge\" :class=\"s.kind\">{{ s.kind }}</span>\n              </td>\n              <td data-label=\"needs\">\n                <span v-if=\"s.requiredVars.length\">{{ s.requiredVars.join(', ') }}</span>\n                <span v-else class=\"mute\">nothing</span>\n              </td>\n              <td data-label=\"used by\">\n                <span v-if=\"users.get(s.name)?.length\">\n                  {{ users.get(s.name)!.length }} deployment(s)\n                </span>\n                <span v-else class=\"mute\">nothing yet</span>\n              </td>\n              <td class=\"dim nowrap\" data-label=\"updated\">{{ stamp(s.updatedAt) }}</td>\n            </tr>\n            <tr v-if=\"!shown.length\">\n              <td colspan=\"5\" class=\"mute\">No spec matches “{{ needle }}”.</td>\n            </tr>\n          </tbody>\n        </table>\n      </template>\n\n      <!--\n        Honest empty state. This page cannot create a spec yet, so pointing at \"New spec\" would be a\n        dead end — it names the way that does work instead.\n      -->\n      <div v-else class=\"banner plain\">\n        <b>No specs stored yet.</b>\n        <p>\n          A deployment can carry its own spec inline — see\n          <RouterLink to=\"/submit\">Submit</RouterLink> — and that is all you need for a one-off.\n          Storing one here pays off when several deployments share it.\n        </p>\n        <p class=\"mute\">\n          Storing is not yet possible from this page; send the spec to\n          <code>PUT /api/specs/&lt;name&gt;</code> with your token.\n        </p>\n      </div>\n    </section>\n  </div>\n</template>\n"],"names":["specs","ref","loaded","error","unsupported","needle","load","r","api","problem","state","loadDeployments","users","computed","m","d","list","shown","q","s","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","_createVNode","InfoHint","_createBlock","ErrorNote","_openBlock","_hoisted_3","_hoisted_4","_Fragment","_hoisted_5","$event","_hoisted_6","_hoisted_7","_renderList","i","_hoisted_8","_component_RouterLink","_createTextVNode","_toDisplayString","_hoisted_9","_hoisted_10","_normalizeClass","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_a","_hoisted_15","_hoisted_16","_hoisted_17","_unref","_hoisted_18","_hoisted_19","_hoisted_20","SkeletonList"],"mappings":"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"}

package/dist/assets/{StateBadge.vue_vue_type_script_setup_true_lang-CNfZduv9.js → StateBadge.vue_vue_type_script_setup_true_lang-D0S92zek.js}

@@ -1,2 +1,2 @@
-import{d as t,c as s,v as n,a as o,e as r,t as l,o as c}from"./index-DmWBBqbv.js";const m=t({__name:"StateBadge",props:{state:{}},setup(e){return(p,a)=>(c(),s("span",{class:n(["badge",e.state])},[a[0]||(a[0]=o("span",{class:"dot"},null,-1)),r(" "+l(e.state),1)],2))}});export{m as _};
-//# sourceMappingURL=StateBadge.vue_vue_type_script_setup_true_lang-CNfZduv9.js.map
+import{d as t,c as s,v as n,a as o,e as r,t as l,o as c}from"./index-Crv5TCG7.js";const m=t({__name:"StateBadge",props:{state:{}},setup(e){return(p,a)=>(c(),s("span",{class:n(["badge",e.state])},[a[0]||(a[0]=o("span",{class:"dot"},null,-1)),r(" "+l(e.state),1)],2))}});export{m as _};
+//# sourceMappingURL=StateBadge.vue_vue_type_script_setup_true_lang-D0S92zek.js.map

package/dist/assets/{StateBadge.vue_vue_type_script_setup_true_lang-CNfZduv9.js.map → StateBadge.vue_vue_type_script_setup_true_lang-D0S92zek.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StateBadge.vue_vue_type_script_setup_true_lang-CNfZduv9.js","sources":["../../src/components/StateBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The four job states, and only the four. Kept in one component so the colour of `leaked` can\n * never drift from the colour of `failed` in one view and not another:\n *\n *   ok      green   ·  failed  red   ·  leaked  AMBER  ·  running  blue, pulsing\n *\n * `leaked` must be unmistakably distinct from `failed`. They are different problems with different\n * owners — \"teardown errored\" versus \"teardown ran and something survived\" — which is why the CLI\n * gives leaked its own exit code, and why this app never renders them in the same colour.\n */\nimport type { JobState } from '../api/types';\n\ndefineProps<{ state: JobState }>();\n</script>\n\n<template>\n  <span class=\"badge\" :class=\"state\">\n    <span class=\"dot\" />\n    {{ state }}\n  </span>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","__props","_createElementVNode","_createTextVNode"],"mappings":"6JAiBEA,EAGO,OAAA,CAHD,MAAKC,EAAA,CAAC,QAAgBC,EAAA,KAAK,CAAA,CAAA,eAC/BC,EAAoB,OAAA,CAAd,MAAM,KAAA,EAAK,KAAA,EAAA,GAAGC,EAAA,MACjBF,EAAA,KAAK,EAAA,CAAA,CAAA"}
+{"version":3,"file":"StateBadge.vue_vue_type_script_setup_true_lang-D0S92zek.js","sources":["../../src/components/StateBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The four job states, and only the four. Kept in one component so the colour of `leaked` can\n * never drift from the colour of `failed` in one view and not another:\n *\n *   ok      green   ·  failed  red   ·  leaked  AMBER  ·  running  blue, pulsing\n *\n * `leaked` must be unmistakably distinct from `failed`. They are different problems with different\n * owners — \"teardown errored\" versus \"teardown ran and something survived\" — which is why the CLI\n * gives leaked its own exit code, and why this app never renders them in the same colour.\n */\nimport type { JobState } from '../api/types';\n\ndefineProps<{ state: JobState }>();\n</script>\n\n<template>\n  <span class=\"badge\" :class=\"state\">\n    <span class=\"dot\" />\n    {{ state }}\n  </span>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","__props","_createElementVNode","_createTextVNode"],"mappings":"6JAiBEA,EAGO,OAAA,CAHD,MAAKC,EAAA,CAAC,QAAgBC,EAAA,KAAK,CAAA,CAAA,eAC/BC,EAAoB,OAAA,CAAd,MAAM,KAAA,EAAK,KAAA,EAAA,GAAGC,EAAA,MACjBF,EAAA,KAAK,EAAA,CAAA,CAAA"}

package/dist/assets/{SubmitView-D_QtP8ym.js → SubmitView-CEFzGE2T.js}

@@ -1,4 +1,4 @@
-import{d as N,j as m,k as E,B as M,c as i,a as s,t as r,e as o,f as v,w as y,_ as C,g as h,x as f,y as _,N as L,F as $,z as j,r as D,h as F,m as R,n as O,o as n,I as q,H as B,p as K,M as z}from"./index-DmWBBqbv.js";import{a as H,w as W,p as X,r as G}from"./useVars-VN9gYdR6.js";import{_ as J}from"./ActionButton.vue_vue_type_script_setup_true_lang-Dx6dvDgY.js";import{_ as Q}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BNRC57JZ.js";import{_ as Y}from"./VarEditor.vue_vue_type_script_setup_true_lang-LB0r2ViA.js";const Z={class:"page-head"},ee={class:"sub"},se={class:"panel"},te={class:"dim"},oe={key:0,class:"banner warn"},ae={class:"row",style:{"margin-bottom":"var(--s4)"}},le={class:"field",style:{"max-width":"280px"}},ne={class:"mute",style:{"align-self":"end","padding-bottom":"10px"}},ie={key:1,class:"row",style:{"margin-bottom":"var(--s4)"}},re={class:"check"},de={class:"check"},pe={class:"field",style:{"max-width":"340px"}},ue=["value"],me={key:0,class:"hint"},ve={key:0},ce={key:1},ye={key:2},he={class:"field"},fe={class:"field",style:{"margin-top":"var(--s3)"}},be={class:"hint"},ke={class:"hint"},ge={class:"row",style:{"margin-top":"var(--s5)"}},we={key:0,class:"s-ok"},xe=`version: 1
+import{d as N,j as m,k as E,B as M,c as i,a as s,t as r,e as o,f as v,w as y,_ as C,g as h,x as f,y as _,N as L,F as $,z as j,r as D,h as F,m as R,n as O,o as n,I as q,H as B,p as K,M as z}from"./index-Crv5TCG7.js";import{a as H,w as W,p as X,r as G}from"./useVars-VN9gYdR6.js";import{_ as J}from"./ActionButton.vue_vue_type_script_setup_true_lang-Gh_qA9U6.js";import{_ as Q}from"./ErrorNote.vue_vue_type_script_setup_true_lang-Bo3oTHty.js";import{_ as Y}from"./VarEditor.vue_vue_type_script_setup_true_lang-DT-K3ABY.js";const Z={class:"page-head"},ee={class:"sub"},se={class:"panel"},te={class:"dim"},oe={key:0,class:"banner warn"},ae={class:"row",style:{"margin-bottom":"var(--s4)"}},le={class:"field",style:{"max-width":"280px"}},ne={class:"mute",style:{"align-self":"end","padding-bottom":"10px"}},ie={key:1,class:"row",style:{"margin-bottom":"var(--s4)"}},re={class:"check"},de={class:"check"},pe={class:"field",style:{"max-width":"340px"}},ue=["value"],me={key:0,class:"hint"},ve={key:0},ce={key:1},ye={key:2},he={class:"field"},fe={class:"field",style:{"margin-top":"var(--s3)"}},be={class:"hint"},ke={class:"hint"},ge={class:"row",style:{"margin-top":"var(--s5)"}},we={key:0,class:"s-ok"},xe=`version: 1
 kind: isolated
 
 # The stack identity: the compose project name, and $STACK inside every hook.
@@ -42,4 +42,4 @@ axes:
 kind: isolated
 stack: pr-\${PR}
 axes: []`},null,512),[[_,a.value.spec]])]),s("div",fe,[e[22]||(e[22]=s("label",{for:"compose"},[o("compose.yml "),s("span",{class:"mute"},"(optional)")],-1)),f(s("textarea",{id:"compose","onUpdate:modelValue":e[5]||(e[5]=t=>a.value.compose=t),rows:"8",spellcheck:"false",placeholder:"Written next to spec.yml, so a compose file named compose.yml resolves"},null,512),[[_,a.value.compose]])]),s("p",be,[e[24]||(e[24]=o(" Hooks must be inline shell or an absolute path. ",-1)),v(C,{label:"why a relative script path does not work"},{default:y(()=>[...e[23]||(e[23]=[o(" A deployment directory only ever holds ",-1),s("code",null,"spec.yml",-1),o(" and ",-1),s("code",null,"compose.yml",-1),o(", and hooks run from there — so ",-1),s("code",null,"up: ./hooks/db.sh",-1),o(" has nothing to find. ",-1)])]),_:1})])],64)),e[28]||(e[28]=s("h2",{class:"section",style:{margin:"var(--s5) 0 var(--s3)"}},"Variables",-1)),v(Y,{modelValue:c.value,"onUpdate:modelValue":e[6]||(e[6]=t=>c.value=t)},null,8,["modelValue"]),s("p",ke,[e[26]||(e[26]=o(" Saved with the deployment, so tearing it down later targets the same stack. ",-1)),v(C,{label:"how variables are remembered"},{default:y(()=>[...e[25]||(e[25]=[o(" They are stored on the server where it supports that, and in this browser either way — so the actions on the deployment page send exactly these values. ",-1)])]),_:1})]),s("div",ge,[v(J,{variant:"primary",pending:k.value,disabled:!T.value,onClick:U},{default:y(()=>[o(r(k.value?"submitting…":"Submit"),1)]),_:1},8,["pending","disabled"]),u.value?(n(),i("span",we,[o(r(u.value.created?"Created":"Replaced")+" — stack ",1),s("b",null,r(u.value.stack),1),v(d,{to:`/deployments/${encodeURIComponent(u.value.id)}`,style:{"margin-left":"8px"}},{default:y(()=>[...e[27]||(e[27]=[o(" open → ",-1)])]),_:1},8,["to"])])):h("",!0)]),g.value?(n(),F(Q,{key:4,text:g.value,title:"The server rejected this submission."},null,8,["text"])):h("",!0)])])}}});export{Ae as default};
-//# sourceMappingURL=SubmitView-D_QtP8ym.js.map
+//# sourceMappingURL=SubmitView-CEFzGE2T.js.map

package/dist/assets/{SubmitView-D_QtP8ym.js.map → SubmitView-CEFzGE2T.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SubmitView-D_QtP8ym.js","sources":["../../src/views/SubmitView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Submit or replace a deployment.\n *\n * The server's 400 is the whole point of this screen. It carries the SpecError verbatim — the key\n * or variable that is wrong, often the corrected form, and the assert-lint warnings about an\n * `assert_gone` that fails open. That text is the tool's main teaching surface, so it is rendered\n * whole, with newlines intact, and never summarised.\n *\n * The spec is parsed BEFORE anything touches disk, so a rejected submission leaves nothing behind\n * and, on a replace, a good record is never destroyed over a typo.\n */\nimport { computed, ref, watch } from 'vue';\nimport { api, problem } from '../api/client';\nimport InfoHint from '../components/InfoHint.vue';\nimport type { SpecMeta, SpecsResponse, SubmitResponse, VarPair } from '../api/types';\nimport { loadDeployments, rowFor } from '../composables/useControlPlane';\nimport { pairsFromRecord, readVars, recordFromPairs, writeVars } from '../composables/useVars';\nimport { toast } from '../composables/useToasts';\nimport ActionButton from '../components/ActionButton.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport VarEditor from '../components/VarEditor.vue';\n\nconst props = defineProps<{ id?: string }>();\n\nconst form = ref({ id: props.id ?? '', spec: '', compose: '' });\nconst vars = ref<VarPair[]>([{ k: '', v: '' }]);\nconst source = ref<'inline' | 'stored'>('inline');\nconst specName = ref('');\n\nconst submitting = ref(false);\nconst error = ref('');\nconst result = ref<{ id: string; stack: string; created: boolean } | null>(null);\n\n/**\n * Stored specs, when this server has them. A build without `/api/specs` answers 404, which is not\n * an error here — the picker simply is not offered and inline stays the only shape.\n */\nconst specs = ref<SpecMeta[]>([]);\nvoid api.get<SpecsResponse>('/api/specs').then((r) => {\n  if (r.ok && Array.isArray(r.body.specs)) specs.value = r.body.specs;\n});\n\nconst chosenSpec = computed(() => specs.value.find((s) => s.name === specName.value));\n\nconst replacing = computed(() => !!props.id);\n\n/**\n * Arriving to replace a DIFFERENT deployment must not carry the previous one's body across. There\n * is no route that returns a stored spec, so this form can never pre-fill the body — and a\n * leftover body is the dangerous case: it is perfectly valid YAML, so the PUT would succeed and\n * replace the wrong deployment's spec with nothing on the server able to catch it.\n */\nwatch(\n  () => props.id,\n  (id) => {\n    error.value = '';\n    result.value = null;\n    if (!id) return;\n    if (id !== form.value.id) {\n      form.value.spec = '';\n      form.value.compose = '';\n    }\n    form.value.id = id;\n    // Seed the variables from what this deployment already uses: replacing a spec usually needs\n    // the same ones that resolved it.\n    const stored = rowFor(id)?.vars;\n    const saved = stored ? pairsFromRecord(stored) : readVars(id);\n    if (saved.some((e) => e.k)) vars.value = saved;\n  },\n  { immediate: true },\n);\n\nconst canSubmit = computed(\n  () =>\n    !!form.value.id &&\n    (source.value === 'stored' ? !!specName.value : !!form.value.spec.trim()) &&\n    !submitting.value,\n);\n\nasync function submit(): Promise<void> {\n  submitting.value = true;\n  error.value = '';\n  result.value = null;\n\n  const id = form.value.id;\n  const record = recordFromPairs(vars.value);\n  /**\n   * `vars` are STORED with the deployment on servers that support it, which makes a later `down`\n   * resolve the same stack `up` created with no query parameters at all. `env` validates this\n   * submission on every server, new or old. Sending both is what keeps this form working against\n   * either build — an older server ignores the key it does not know.\n   */\n  const body: Record<string, unknown> = { vars: record, env: record };\n  if (source.value === 'stored') body.specName = specName.value;\n  else {\n    body.spec = form.value.spec;\n    if (form.value.compose.trim()) body.compose = form.value.compose;\n  }\n\n  const r = await api.put<SubmitResponse>(`/api/deployments/${encodeURIComponent(id)}`, body);\n  submitting.value = false;\n\n  if (r.status === 200 || r.status === 201) {\n    result.value = { id: r.body.id ?? id, stack: r.body.stack ?? '?', created: r.status === 201 };\n    // Persist the variables that just validated this spec. On an older server this is the single\n    // thing keeping a later `down` pointed at the stack the `up` created.\n    writeVars(id, vars.value);\n    void loadDeployments();\n    toast('ok', `${r.status === 201 ? 'Created' : 'Replaced'} ${id} → ${result.value.stack}`, {\n      to: `/deployments/${encodeURIComponent(id)}`,\n      toLabel: 'Open',\n    });\n    return;\n  }\n  // 400 (SpecError), 409 (a job in flight over this stack), 401, 404 — all rendered verbatim.\n  error.value = problem(r, 'save this deployment');\n}\n\nconst EXAMPLE_SPEC = `version: 1\nkind: isolated\n\n# The stack identity: the compose project name, and $STACK inside every hook.\n# \\${PR} is interpolated ONCE, at resolve time, from the variables sent with the request.\nstack: pr-\\${PR}\n\nenv:\n  PREVIEW_DOMAIN: preview.example.com\n\ncompose:\n  file: compose.yml\n  # Every service sits behind a profile so a bare \\`up\\` starts nothing.\n  # \\`down\\` always enables ALL of them — otherwise the unselected profiles' network leaks.\n  profiles: [app]\n\nrequires:\n  - name: traefik-network\n    assert: docker network inspect traefik >/dev/null 2>&1\n    hint: run \\`pstack init\\` on the host first\n\naxes:\n  # Hooks run from the deployment directory, which holds only spec.yml and compose.yml —\n  # so use inline shell or absolute paths, never ./hooks/foo.sh.\n  - name: scratch\n    up: mkdir -p /tmp/$STACK\n    assert_live: test -d /tmp/$STACK\n    down: rm -rf /tmp/$STACK\n    # assert_gone MUST FAIL CLOSED. A bare \\`! <probe>\\` reports \"gone\" whenever the probe fails\n    # for any reason — a missing CLI, an expired token — turning \"I could not tell\" into\n    # \"it is gone\", a false negative on the one thing this tool exists to catch.\n    assert_gone: |\n      test -d /tmp || exit 1\n      ! test -d /tmp/$STACK\n`;\n\nconst EXAMPLE_COMPOSE = `services:\n  app:\n    image: nginx:alpine\n    profiles: [app]\n    labels:\n      - traefik.enable=true\n`;\n\nfunction loadExample(): void {\n  source.value = 'inline';\n  form.value.spec = EXAMPLE_SPEC;\n  if (!form.value.compose.trim()) form.value.compose = EXAMPLE_COMPOSE;\n  if (!form.value.id) form.value.id = 'pr-123';\n  if (!vars.value.some((e) => e.k)) vars.value = [{ k: 'PR', v: '123' }];\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>{{ replacing ? 'Replace a deployment' : 'Submit a deployment' }}</h1>\n        <div class=\"sub\">\n          {{ replacing ? 'Stores a new spec over the existing record' : 'Stores a spec so it can be deployed' }}\n        </div>\n      </div>\n      <span class=\"grow\" />\n      <button class=\"ghost\" @click=\"loadExample\">Load example spec</button>\n    </div>\n\n    <section class=\"panel\">\n      <p class=\"dim\">\n        Nothing is saved until the spec is valid.\n        <InfoHint label=\"what happens on a rejected submission\">\n          The spec is checked before anything is written, so a rejected submission leaves nothing\n          behind — and a replace never destroys a good record over a typo. Whether the deployment is\n          shared or isolated comes from the spec, not from this form.\n        </InfoHint>\n      </p>\n\n      <!--\n        A `PUT` REPLACES the whole record, and this form cannot pre-fill it: the API has no route\n        that returns a stored spec. Say that out loud, because a half-remembered spec pasted here\n        is still valid YAML — the server will accept it, and the axes the original declared simply\n        stop existing as far as the control plane knows, while whatever they created keeps running.\n      -->\n      <div v-if=\"replacing\" class=\"banner warn\">\n        <b>Replacing {{ id }}.</b>\n        <p>\n          Paste the <b>complete</b> spec you want stored. This form starts empty and nothing was\n          loaded from the existing record, so anything you leave out stops being tracked — while\n          whatever it created keeps running.\n        </p>\n      </div>\n\n      <div class=\"row\" style=\"margin-bottom: var(--s4)\">\n        <div class=\"field\" style=\"max-width: 280px\">\n          <label for=\"did\">Deployment id</label>\n          <input\n            id=\"did\"\n            v-model.trim=\"form.id\"\n            type=\"text\"\n            placeholder=\"pr-123\"\n            spellcheck=\"false\"\n            autocomplete=\"off\"\n          />\n        </div>\n        <span class=\"mute\" style=\"align-self: end; padding-bottom: 10px\">\n          Lower case\n          <InfoHint label=\"allowed characters in a deployment id\">\n            Starts with a letter or digit, then letters, digits, dot, dash or underscore. Up to 64\n            characters — <code>[a-z0-9][a-z0-9._-]{0,63}</code>.\n          </InfoHint>\n        </span>\n      </div>\n\n      <!-- Offered only when this server actually has stored specs. -->\n      <div v-if=\"specs.length\" class=\"row\" style=\"margin-bottom: var(--s4)\">\n        <label class=\"check\">\n          <input v-model=\"source\" type=\"radio\" value=\"inline\" /> inline spec\n        </label>\n        <label class=\"check\">\n          <input v-model=\"source\" type=\"radio\" value=\"stored\" /> reference a stored spec\n        </label>\n      </div>\n\n      <template v-if=\"source === 'stored' && specs.length\">\n        <div class=\"field\" style=\"max-width: 340px\">\n          <label for=\"sn\">Stored spec</label>\n          <select id=\"sn\" v-model=\"specName\">\n            <option value=\"\">— choose —</option>\n            <option v-for=\"s in specs\" :key=\"s.name\" :value=\"s.name\">\n              {{ s.name }} ({{ s.kind }})\n            </option>\n          </select>\n        </div>\n        <p v-if=\"chosenSpec\" class=\"hint\">\n          <span v-if=\"chosenSpec.description\">{{ chosenSpec.description }} — </span>\n          needs\n          <b v-if=\"chosenSpec.requiredVars.length\">{{ chosenSpec.requiredVars.join(', ') }}</b>\n          <span v-else>no variables</span>.\n          <InfoHint label=\"why variables are required\">\n            A missing variable is refused by name. It is never filled in with a blank, which would\n            silently give every deployment the same stack name.\n          </InfoHint>\n        </p>\n      </template>\n\n      <template v-else>\n        <div class=\"field\">\n          <label for=\"spec\">spec.yml</label>\n          <textarea\n            id=\"spec\"\n            v-model=\"form.spec\"\n            rows=\"18\"\n            spellcheck=\"false\"\n            placeholder=\"version: 1&#10;kind: isolated&#10;stack: pr-${PR}&#10;axes: []\"\n          />\n        </div>\n\n        <div class=\"field\" style=\"margin-top: var(--s3)\">\n          <label for=\"compose\">compose.yml <span class=\"mute\">(optional)</span></label>\n          <textarea\n            id=\"compose\"\n            v-model=\"form.compose\"\n            rows=\"8\"\n            spellcheck=\"false\"\n            placeholder=\"Written next to spec.yml, so a compose file named compose.yml resolves\"\n          />\n        </div>\n        <p class=\"hint\">\n          Hooks must be inline shell or an absolute path.\n          <InfoHint label=\"why a relative script path does not work\">\n            A deployment directory only ever holds <code>spec.yml</code> and\n            <code>compose.yml</code>, and hooks run from there — so\n            <code>up: ./hooks/db.sh</code> has nothing to find.\n          </InfoHint>\n        </p>\n      </template>\n\n      <h2 class=\"section\" style=\"margin: var(--s5) 0 var(--s3)\">Variables</h2>\n      <VarEditor v-model=\"vars\" />\n      <p class=\"hint\">\n        Saved with the deployment, so tearing it down later targets the same stack.\n        <InfoHint label=\"how variables are remembered\">\n          They are stored on the server where it supports that, and in this browser either way — so\n          the actions on the deployment page send exactly these values.\n        </InfoHint>\n      </p>\n\n      <div class=\"row\" style=\"margin-top: var(--s5)\">\n        <ActionButton variant=\"primary\" :pending=\"submitting\" :disabled=\"!canSubmit\" @click=\"submit\">\n          {{ submitting ? 'submitting…' : 'Submit' }}\n        </ActionButton>\n        <span v-if=\"result\" class=\"s-ok\">\n          {{ result.created ? 'Created' : 'Replaced' }} — stack\n          <b>{{ result.stack }}</b>\n          <RouterLink :to=\"`/deployments/${encodeURIComponent(result.id)}`\" style=\"margin-left: 8px\">\n            open →\n          </RouterLink>\n        </span>\n      </div>\n\n      <!--\n        The server's rejection text IS the documentation: it names the key, the variable or the\n        assert that is wrong, and often prints the corrected form. Rendered whole, newlines and\n        indentation intact. Never truncate it, never collapse it, never say \"invalid spec\".\n      -->\n      <ErrorNote v-if=\"error\" :text=\"error\" title=\"The server rejected this submission.\" />\n    </section>\n  </div>\n</template>\n"],"names":["EXAMPLE_SPEC","EXAMPLE_COMPOSE","props","__props","form","ref","vars","source","specName","submitting","error","result","specs","api","r","chosenSpec","computed","s","replacing","watch","id","stored","_a","rowFor","saved","pairsFromRecord","readVars","e","canSubmit","submit","record","recordFromPairs","body","writeVars","loadDeployments","toast","problem","loadExample","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_hoisted_4","_createVNode","InfoHint","_cache","_openBlock","_hoisted_5","_hoisted_6","_hoisted_7","$event","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_Fragment","_hoisted_12","_renderList","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_18","_vModelText","_hoisted_19","_hoisted_20","VarEditor","_hoisted_21","_hoisted_22","ActionButton","_hoisted_23","_component_RouterLink","_createBlock","ErrorNote"],"mappings":"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"}
+{"version":3,"file":"SubmitView-CEFzGE2T.js","sources":["../../src/views/SubmitView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Submit or replace a deployment.\n *\n * The server's 400 is the whole point of this screen. It carries the SpecError verbatim — the key\n * or variable that is wrong, often the corrected form, and the assert-lint warnings about an\n * `assert_gone` that fails open. That text is the tool's main teaching surface, so it is rendered\n * whole, with newlines intact, and never summarised.\n *\n * The spec is parsed BEFORE anything touches disk, so a rejected submission leaves nothing behind\n * and, on a replace, a good record is never destroyed over a typo.\n */\nimport { computed, ref, watch } from 'vue';\nimport { api, problem } from '../api/client';\nimport InfoHint from '../components/InfoHint.vue';\nimport type { SpecMeta, SpecsResponse, SubmitResponse, VarPair } from '../api/types';\nimport { loadDeployments, rowFor } from '../composables/useControlPlane';\nimport { pairsFromRecord, readVars, recordFromPairs, writeVars } from '../composables/useVars';\nimport { toast } from '../composables/useToasts';\nimport ActionButton from '../components/ActionButton.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport VarEditor from '../components/VarEditor.vue';\n\nconst props = defineProps<{ id?: string }>();\n\nconst form = ref({ id: props.id ?? '', spec: '', compose: '' });\nconst vars = ref<VarPair[]>([{ k: '', v: '' }]);\nconst source = ref<'inline' | 'stored'>('inline');\nconst specName = ref('');\n\nconst submitting = ref(false);\nconst error = ref('');\nconst result = ref<{ id: string; stack: string; created: boolean } | null>(null);\n\n/**\n * Stored specs, when this server has them. A build without `/api/specs` answers 404, which is not\n * an error here — the picker simply is not offered and inline stays the only shape.\n */\nconst specs = ref<SpecMeta[]>([]);\nvoid api.get<SpecsResponse>('/api/specs').then((r) => {\n  if (r.ok && Array.isArray(r.body.specs)) specs.value = r.body.specs;\n});\n\nconst chosenSpec = computed(() => specs.value.find((s) => s.name === specName.value));\n\nconst replacing = computed(() => !!props.id);\n\n/**\n * Arriving to replace a DIFFERENT deployment must not carry the previous one's body across. There\n * is no route that returns a stored spec, so this form can never pre-fill the body — and a\n * leftover body is the dangerous case: it is perfectly valid YAML, so the PUT would succeed and\n * replace the wrong deployment's spec with nothing on the server able to catch it.\n */\nwatch(\n  () => props.id,\n  (id) => {\n    error.value = '';\n    result.value = null;\n    if (!id) return;\n    if (id !== form.value.id) {\n      form.value.spec = '';\n      form.value.compose = '';\n    }\n    form.value.id = id;\n    // Seed the variables from what this deployment already uses: replacing a spec usually needs\n    // the same ones that resolved it.\n    const stored = rowFor(id)?.vars;\n    const saved = stored ? pairsFromRecord(stored) : readVars(id);\n    if (saved.some((e) => e.k)) vars.value = saved;\n  },\n  { immediate: true },\n);\n\nconst canSubmit = computed(\n  () =>\n    !!form.value.id &&\n    (source.value === 'stored' ? !!specName.value : !!form.value.spec.trim()) &&\n    !submitting.value,\n);\n\nasync function submit(): Promise<void> {\n  submitting.value = true;\n  error.value = '';\n  result.value = null;\n\n  const id = form.value.id;\n  const record = recordFromPairs(vars.value);\n  /**\n   * `vars` are STORED with the deployment on servers that support it, which makes a later `down`\n   * resolve the same stack `up` created with no query parameters at all. `env` validates this\n   * submission on every server, new or old. Sending both is what keeps this form working against\n   * either build — an older server ignores the key it does not know.\n   */\n  const body: Record<string, unknown> = { vars: record, env: record };\n  if (source.value === 'stored') body.specName = specName.value;\n  else {\n    body.spec = form.value.spec;\n    if (form.value.compose.trim()) body.compose = form.value.compose;\n  }\n\n  const r = await api.put<SubmitResponse>(`/api/deployments/${encodeURIComponent(id)}`, body);\n  submitting.value = false;\n\n  if (r.status === 200 || r.status === 201) {\n    result.value = { id: r.body.id ?? id, stack: r.body.stack ?? '?', created: r.status === 201 };\n    // Persist the variables that just validated this spec. On an older server this is the single\n    // thing keeping a later `down` pointed at the stack the `up` created.\n    writeVars(id, vars.value);\n    void loadDeployments();\n    toast('ok', `${r.status === 201 ? 'Created' : 'Replaced'} ${id} → ${result.value.stack}`, {\n      to: `/deployments/${encodeURIComponent(id)}`,\n      toLabel: 'Open',\n    });\n    return;\n  }\n  // 400 (SpecError), 409 (a job in flight over this stack), 401, 404 — all rendered verbatim.\n  error.value = problem(r, 'save this deployment');\n}\n\nconst EXAMPLE_SPEC = `version: 1\nkind: isolated\n\n# The stack identity: the compose project name, and $STACK inside every hook.\n# \\${PR} is interpolated ONCE, at resolve time, from the variables sent with the request.\nstack: pr-\\${PR}\n\nenv:\n  PREVIEW_DOMAIN: preview.example.com\n\ncompose:\n  file: compose.yml\n  # Every service sits behind a profile so a bare \\`up\\` starts nothing.\n  # \\`down\\` always enables ALL of them — otherwise the unselected profiles' network leaks.\n  profiles: [app]\n\nrequires:\n  - name: traefik-network\n    assert: docker network inspect traefik >/dev/null 2>&1\n    hint: run \\`pstack init\\` on the host first\n\naxes:\n  # Hooks run from the deployment directory, which holds only spec.yml and compose.yml —\n  # so use inline shell or absolute paths, never ./hooks/foo.sh.\n  - name: scratch\n    up: mkdir -p /tmp/$STACK\n    assert_live: test -d /tmp/$STACK\n    down: rm -rf /tmp/$STACK\n    # assert_gone MUST FAIL CLOSED. A bare \\`! <probe>\\` reports \"gone\" whenever the probe fails\n    # for any reason — a missing CLI, an expired token — turning \"I could not tell\" into\n    # \"it is gone\", a false negative on the one thing this tool exists to catch.\n    assert_gone: |\n      test -d /tmp || exit 1\n      ! test -d /tmp/$STACK\n`;\n\nconst EXAMPLE_COMPOSE = `services:\n  app:\n    image: nginx:alpine\n    profiles: [app]\n    labels:\n      - traefik.enable=true\n`;\n\nfunction loadExample(): void {\n  source.value = 'inline';\n  form.value.spec = EXAMPLE_SPEC;\n  if (!form.value.compose.trim()) form.value.compose = EXAMPLE_COMPOSE;\n  if (!form.value.id) form.value.id = 'pr-123';\n  if (!vars.value.some((e) => e.k)) vars.value = [{ k: 'PR', v: '123' }];\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>{{ replacing ? 'Replace a deployment' : 'Submit a deployment' }}</h1>\n        <div class=\"sub\">\n          {{ replacing ? 'Stores a new spec over the existing record' : 'Stores a spec so it can be deployed' }}\n        </div>\n      </div>\n      <span class=\"grow\" />\n      <button class=\"ghost\" @click=\"loadExample\">Load example spec</button>\n    </div>\n\n    <section class=\"panel\">\n      <p class=\"dim\">\n        Nothing is saved until the spec is valid.\n        <InfoHint label=\"what happens on a rejected submission\">\n          The spec is checked before anything is written, so a rejected submission leaves nothing\n          behind — and a replace never destroys a good record over a typo. Whether the deployment is\n          shared or isolated comes from the spec, not from this form.\n        </InfoHint>\n      </p>\n\n      <!--\n        A `PUT` REPLACES the whole record, and this form cannot pre-fill it: the API has no route\n        that returns a stored spec. Say that out loud, because a half-remembered spec pasted here\n        is still valid YAML — the server will accept it, and the axes the original declared simply\n        stop existing as far as the control plane knows, while whatever they created keeps running.\n      -->\n      <div v-if=\"replacing\" class=\"banner warn\">\n        <b>Replacing {{ id }}.</b>\n        <p>\n          Paste the <b>complete</b> spec you want stored. This form starts empty and nothing was\n          loaded from the existing record, so anything you leave out stops being tracked — while\n          whatever it created keeps running.\n        </p>\n      </div>\n\n      <div class=\"row\" style=\"margin-bottom: var(--s4)\">\n        <div class=\"field\" style=\"max-width: 280px\">\n          <label for=\"did\">Deployment id</label>\n          <input\n            id=\"did\"\n            v-model.trim=\"form.id\"\n            type=\"text\"\n            placeholder=\"pr-123\"\n            spellcheck=\"false\"\n            autocomplete=\"off\"\n          />\n        </div>\n        <span class=\"mute\" style=\"align-self: end; padding-bottom: 10px\">\n          Lower case\n          <InfoHint label=\"allowed characters in a deployment id\">\n            Starts with a letter or digit, then letters, digits, dot, dash or underscore. Up to 64\n            characters — <code>[a-z0-9][a-z0-9._-]{0,63}</code>.\n          </InfoHint>\n        </span>\n      </div>\n\n      <!-- Offered only when this server actually has stored specs. -->\n      <div v-if=\"specs.length\" class=\"row\" style=\"margin-bottom: var(--s4)\">\n        <label class=\"check\">\n          <input v-model=\"source\" type=\"radio\" value=\"inline\" /> inline spec\n        </label>\n        <label class=\"check\">\n          <input v-model=\"source\" type=\"radio\" value=\"stored\" /> reference a stored spec\n        </label>\n      </div>\n\n      <template v-if=\"source === 'stored' && specs.length\">\n        <div class=\"field\" style=\"max-width: 340px\">\n          <label for=\"sn\">Stored spec</label>\n          <select id=\"sn\" v-model=\"specName\">\n            <option value=\"\">— choose —</option>\n            <option v-for=\"s in specs\" :key=\"s.name\" :value=\"s.name\">\n              {{ s.name }} ({{ s.kind }})\n            </option>\n          </select>\n        </div>\n        <p v-if=\"chosenSpec\" class=\"hint\">\n          <span v-if=\"chosenSpec.description\">{{ chosenSpec.description }} — </span>\n          needs\n          <b v-if=\"chosenSpec.requiredVars.length\">{{ chosenSpec.requiredVars.join(', ') }}</b>\n          <span v-else>no variables</span>.\n          <InfoHint label=\"why variables are required\">\n            A missing variable is refused by name. It is never filled in with a blank, which would\n            silently give every deployment the same stack name.\n          </InfoHint>\n        </p>\n      </template>\n\n      <template v-else>\n        <div class=\"field\">\n          <label for=\"spec\">spec.yml</label>\n          <textarea\n            id=\"spec\"\n            v-model=\"form.spec\"\n            rows=\"18\"\n            spellcheck=\"false\"\n            placeholder=\"version: 1&#10;kind: isolated&#10;stack: pr-${PR}&#10;axes: []\"\n          />\n        </div>\n\n        <div class=\"field\" style=\"margin-top: var(--s3)\">\n          <label for=\"compose\">compose.yml <span class=\"mute\">(optional)</span></label>\n          <textarea\n            id=\"compose\"\n            v-model=\"form.compose\"\n            rows=\"8\"\n            spellcheck=\"false\"\n            placeholder=\"Written next to spec.yml, so a compose file named compose.yml resolves\"\n          />\n        </div>\n        <p class=\"hint\">\n          Hooks must be inline shell or an absolute path.\n          <InfoHint label=\"why a relative script path does not work\">\n            A deployment directory only ever holds <code>spec.yml</code> and\n            <code>compose.yml</code>, and hooks run from there — so\n            <code>up: ./hooks/db.sh</code> has nothing to find.\n          </InfoHint>\n        </p>\n      </template>\n\n      <h2 class=\"section\" style=\"margin: var(--s5) 0 var(--s3)\">Variables</h2>\n      <VarEditor v-model=\"vars\" />\n      <p class=\"hint\">\n        Saved with the deployment, so tearing it down later targets the same stack.\n        <InfoHint label=\"how variables are remembered\">\n          They are stored on the server where it supports that, and in this browser either way — so\n          the actions on the deployment page send exactly these values.\n        </InfoHint>\n      </p>\n\n      <div class=\"row\" style=\"margin-top: var(--s5)\">\n        <ActionButton variant=\"primary\" :pending=\"submitting\" :disabled=\"!canSubmit\" @click=\"submit\">\n          {{ submitting ? 'submitting…' : 'Submit' }}\n        </ActionButton>\n        <span v-if=\"result\" class=\"s-ok\">\n          {{ result.created ? 'Created' : 'Replaced' }} — stack\n          <b>{{ result.stack }}</b>\n          <RouterLink :to=\"`/deployments/${encodeURIComponent(result.id)}`\" style=\"margin-left: 8px\">\n            open →\n          </RouterLink>\n        </span>\n      </div>\n\n      <!--\n        The server's rejection text IS the documentation: it names the key, the variable or the\n        assert that is wrong, and often prints the corrected form. Rendered whole, newlines and\n        indentation intact. Never truncate it, never collapse it, never say \"invalid spec\".\n      -->\n      <ErrorNote v-if=\"error\" :text=\"error\" title=\"The server rejected this submission.\" />\n    </section>\n  </div>\n</template>\n"],"names":["EXAMPLE_SPEC","EXAMPLE_COMPOSE","props","__props","form","ref","vars","source","specName","submitting","error","result","specs","api","r","chosenSpec","computed","s","replacing","watch","id","stored","_a","rowFor","saved","pairsFromRecord","readVars","e","canSubmit","submit","record","recordFromPairs","body","writeVars","loadDeployments","toast","problem","loadExample","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_hoisted_4","_createVNode","InfoHint","_cache","_openBlock","_hoisted_5","_hoisted_6","_hoisted_7","$event","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_Fragment","_hoisted_12","_renderList","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_18","_vModelText","_hoisted_19","_hoisted_20","VarEditor","_hoisted_21","_hoisted_22","ActionButton","_hoisted_23","_component_RouterLink","_createBlock","ErrorNote"],"mappings":"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"}

package/dist/assets/{VarEditor.vue_vue_type_script_setup_true_lang-LB0r2ViA.js → VarEditor.vue_vue_type_script_setup_true_lang-DT-K3ABY.js}

@@ -1,2 +1,2 @@
-import{d as k,c as r,a,F as f,r as h,o as c}from"./index-DmWBBqbv.js";const b=["value","aria-label","onInput"],V=["value","aria-label","onInput"],_=["aria-label","onClick"],x=k({__name:"VarEditor",props:{modelValue:{}},emits:["update:modelValue","change"],setup(d,{emit:p}){const s=d,t=p;function m(u,l){const o=s.modelValue.map((e,n)=>n===u?{...e,...l}:e);t("update:modelValue",o),t("change")}function i(){t("update:modelValue",[...s.modelValue,{k:"",v:""}]),t("change")}function v(u){const l=s.modelValue.filter((o,e)=>e!==u);t("update:modelValue",l.length?l:[{k:"",v:""}]),t("change")}return(u,l)=>(c(),r("div",null,[l[0]||(l[0]=a("div",{class:"kv head"},[a("span",null,"name"),a("span",null,"value"),a("span")],-1)),(c(!0),r(f,null,h(d.modelValue,(o,e)=>(c(),r("div",{key:e,class:"kv"},[a("input",{type:"text",value:o.k,"aria-label":`variable name ${e+1}`,placeholder:"PR",spellcheck:"false",autocomplete:"off",onInput:n=>m(e,{k:n.target.value.trim()})},null,40,b),a("input",{type:"text",value:o.v,"aria-label":`variable value ${e+1}`,placeholder:"7",spellcheck:"false",autocomplete:"off",onInput:n=>m(e,{v:n.target.value})},null,40,V),a("button",{class:"sm ghost","aria-label":`remove variable ${e+1}`,onClick:n=>v(e)},"−",8,_)]))),128)),a("button",{class:"sm",onClick:i},"+ variable")]))}});export{x as _};
-//# sourceMappingURL=VarEditor.vue_vue_type_script_setup_true_lang-LB0r2ViA.js.map
+import{d as k,c as r,a,F as f,r as h,o as c}from"./index-Crv5TCG7.js";const b=["value","aria-label","onInput"],V=["value","aria-label","onInput"],_=["aria-label","onClick"],x=k({__name:"VarEditor",props:{modelValue:{}},emits:["update:modelValue","change"],setup(d,{emit:p}){const s=d,t=p;function m(u,l){const o=s.modelValue.map((e,n)=>n===u?{...e,...l}:e);t("update:modelValue",o),t("change")}function i(){t("update:modelValue",[...s.modelValue,{k:"",v:""}]),t("change")}function v(u){const l=s.modelValue.filter((o,e)=>e!==u);t("update:modelValue",l.length?l:[{k:"",v:""}]),t("change")}return(u,l)=>(c(),r("div",null,[l[0]||(l[0]=a("div",{class:"kv head"},[a("span",null,"name"),a("span",null,"value"),a("span")],-1)),(c(!0),r(f,null,h(d.modelValue,(o,e)=>(c(),r("div",{key:e,class:"kv"},[a("input",{type:"text",value:o.k,"aria-label":`variable name ${e+1}`,placeholder:"PR",spellcheck:"false",autocomplete:"off",onInput:n=>m(e,{k:n.target.value.trim()})},null,40,b),a("input",{type:"text",value:o.v,"aria-label":`variable value ${e+1}`,placeholder:"7",spellcheck:"false",autocomplete:"off",onInput:n=>m(e,{v:n.target.value})},null,40,V),a("button",{class:"sm ghost","aria-label":`remove variable ${e+1}`,onClick:n=>v(e)},"−",8,_)]))),128)),a("button",{class:"sm",onClick:i},"+ variable")]))}});export{x as _};
+//# sourceMappingURL=VarEditor.vue_vue_type_script_setup_true_lang-DT-K3ABY.js.map

package/dist/assets/{VarEditor.vue_vue_type_script_setup_true_lang-LB0r2ViA.js.map → VarEditor.vue_vue_type_script_setup_true_lang-DT-K3ABY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VarEditor.vue_vue_type_script_setup_true_lang-LB0r2ViA.js","sources":["../../src/components/VarEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The free-form variable editor, shared by the Config tab and Submit.\n *\n * Free-form on purpose: the spec's `env:` block lists what it DECLARES, which is not the same as\n * what it NEEDS — `stack: pr-${PR}` consumes `PR` without declaring it anywhere. The authoritative\n * list of what is missing is the server's 400 text, not this form.\n */\nimport type { VarPair } from '../api/types';\n\nconst props = defineProps<{ modelValue: VarPair[] }>();\nconst emit = defineEmits<{ 'update:modelValue': [VarPair[]]; change: [] }>();\n\nfunction set(i: number, patch: Partial<VarPair>): void {\n  const next = props.modelValue.map((e, n) => (n === i ? { ...e, ...patch } : e));\n  emit('update:modelValue', next);\n  emit('change');\n}\n\nfunction add(): void {\n  emit('update:modelValue', [...props.modelValue, { k: '', v: '' }]);\n  emit('change');\n}\n\nfunction remove(i: number): void {\n  const next = props.modelValue.filter((_, n) => n !== i);\n  // Never leave the editor with no rows: an empty list looks like a broken control.\n  emit('update:modelValue', next.length ? next : [{ k: '', v: '' }]);\n  emit('change');\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"kv head\"><span>name</span><span>value</span><span /></div>\n    <div v-for=\"(e, i) in modelValue\" :key=\"i\" class=\"kv\">\n      <input\n        type=\"text\"\n        :value=\"e.k\"\n        :aria-label=\"`variable name ${i + 1}`\"\n        placeholder=\"PR\"\n        spellcheck=\"false\"\n        autocomplete=\"off\"\n        @input=\"set(i, { k: ($event.target as HTMLInputElement).value.trim() })\"\n      />\n      <input\n        type=\"text\"\n        :value=\"e.v\"\n        :aria-label=\"`variable value ${i + 1}`\"\n        placeholder=\"7\"\n        spellcheck=\"false\"\n        autocomplete=\"off\"\n        @input=\"set(i, { v: ($event.target as HTMLInputElement).value })\"\n      />\n      <button class=\"sm ghost\" :aria-label=\"`remove variable ${i + 1}`\" @click=\"remove(i)\">−</button>\n    </div>\n    <button class=\"sm\" @click=\"add\">+ variable</button>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","set","i","patch","next","add","remove","_","n","_createElementBlock","_createElementVNode","_openBlock","_Fragment","_renderList","e","$event","_hoisted_3"],"mappings":"kRAUA,MAAMA,EAAQC,EACRC,EAAOC,EAEb,SAASC,EAAIC,EAAWC,EAA+B,CACrD,MAAMC,EAAOP,EAAM,WAAW,IAAI,CAAC,EAAG,IAAO,IAAMK,EAAI,CAAE,GAAG,EAAG,GAAGC,CAAA,EAAU,CAAE,EAC9EJ,EAAK,oBAAqBK,CAAI,EAC9BL,EAAK,QAAQ,CACf,CAEA,SAASM,GAAY,CACnBN,EAAK,oBAAqB,CAAC,GAAGF,EAAM,WAAY,CAAE,EAAG,GAAI,EAAG,EAAA,CAAI,CAAC,EACjEE,EAAK,QAAQ,CACf,CAEA,SAASO,EAAOJ,EAAiB,CAC/B,MAAME,EAAOP,EAAM,WAAW,OAAO,CAACU,EAAGC,IAAMA,IAAMN,CAAC,EAEtDH,EAAK,oBAAqBK,EAAK,OAASA,EAAO,CAAC,CAAE,EAAG,GAAI,EAAG,EAAA,CAAI,CAAC,EACjEL,EAAK,QAAQ,CACf,mBAIEU,EAwBM,MAAA,KAAA,aAvBJC,EAAsE,MAAA,CAAjE,MAAM,WAAS,CAACA,EAAiB,YAAX,MAAI,EAAOA,EAAkB,YAAZ,OAAK,EAAOA,EAAQ,MAAA,CAAA,QAChEC,EAAA,EAAA,EAAAF,EAoBMG,EAAA,KAAAC,EApBgBf,EAAA,WAAU,CAAnBgB,EAAGZ,SAAhBO,EAoBM,MAAA,CApB6B,IAAKP,EAAG,MAAM,IAAA,GAC/CQ,EAQE,QAAA,CAPA,KAAK,OACJ,MAAOI,EAAE,EACT,8BAA6BZ,EAAC,CAAA,GAC/B,YAAY,KACZ,WAAW,QACX,aAAa,MACZ,QAAKa,GAAEd,EAAIC,EAAC,CAAA,EAAQa,EAAO,OAA4B,MAAM,MAAI,CAAA,CAAA,aAEpEL,EAQE,QAAA,CAPA,KAAK,OACJ,MAAOI,EAAE,EACT,+BAA8BZ,EAAC,CAAA,GAChC,YAAY,IACZ,WAAW,QACX,aAAa,MACZ,QAAKa,GAAEd,EAAIC,KAASa,EAAO,OAA4B,KAAA,CAAK,CAAA,aAE/DL,EAA+F,SAAA,CAAvF,MAAM,WAAY,gCAA+BR,EAAC,CAAA,GAAS,QAAKa,GAAET,EAAOJ,CAAC,CAAA,EAAG,IAAC,EAAAc,CAAA,CAAA,WAExFN,EAAmD,SAAA,CAA3C,MAAM,KAAM,QAAOL,CAAA,EAAK,YAAU,CAAA"}
+{"version":3,"file":"VarEditor.vue_vue_type_script_setup_true_lang-DT-K3ABY.js","sources":["../../src/components/VarEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The free-form variable editor, shared by the Config tab and Submit.\n *\n * Free-form on purpose: the spec's `env:` block lists what it DECLARES, which is not the same as\n * what it NEEDS — `stack: pr-${PR}` consumes `PR` without declaring it anywhere. The authoritative\n * list of what is missing is the server's 400 text, not this form.\n */\nimport type { VarPair } from '../api/types';\n\nconst props = defineProps<{ modelValue: VarPair[] }>();\nconst emit = defineEmits<{ 'update:modelValue': [VarPair[]]; change: [] }>();\n\nfunction set(i: number, patch: Partial<VarPair>): void {\n  const next = props.modelValue.map((e, n) => (n === i ? { ...e, ...patch } : e));\n  emit('update:modelValue', next);\n  emit('change');\n}\n\nfunction add(): void {\n  emit('update:modelValue', [...props.modelValue, { k: '', v: '' }]);\n  emit('change');\n}\n\nfunction remove(i: number): void {\n  const next = props.modelValue.filter((_, n) => n !== i);\n  // Never leave the editor with no rows: an empty list looks like a broken control.\n  emit('update:modelValue', next.length ? next : [{ k: '', v: '' }]);\n  emit('change');\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"kv head\"><span>name</span><span>value</span><span /></div>\n    <div v-for=\"(e, i) in modelValue\" :key=\"i\" class=\"kv\">\n      <input\n        type=\"text\"\n        :value=\"e.k\"\n        :aria-label=\"`variable name ${i + 1}`\"\n        placeholder=\"PR\"\n        spellcheck=\"false\"\n        autocomplete=\"off\"\n        @input=\"set(i, { k: ($event.target as HTMLInputElement).value.trim() })\"\n      />\n      <input\n        type=\"text\"\n        :value=\"e.v\"\n        :aria-label=\"`variable value ${i + 1}`\"\n        placeholder=\"7\"\n        spellcheck=\"false\"\n        autocomplete=\"off\"\n        @input=\"set(i, { v: ($event.target as HTMLInputElement).value })\"\n      />\n      <button class=\"sm ghost\" :aria-label=\"`remove variable ${i + 1}`\" @click=\"remove(i)\">−</button>\n    </div>\n    <button class=\"sm\" @click=\"add\">+ variable</button>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","set","i","patch","next","add","remove","_","n","_createElementBlock","_createElementVNode","_openBlock","_Fragment","_renderList","e","$event","_hoisted_3"],"mappings":"kRAUA,MAAMA,EAAQC,EACRC,EAAOC,EAEb,SAASC,EAAIC,EAAWC,EAA+B,CACrD,MAAMC,EAAOP,EAAM,WAAW,IAAI,CAAC,EAAG,IAAO,IAAMK,EAAI,CAAE,GAAG,EAAG,GAAGC,CAAA,EAAU,CAAE,EAC9EJ,EAAK,oBAAqBK,CAAI,EAC9BL,EAAK,QAAQ,CACf,CAEA,SAASM,GAAY,CACnBN,EAAK,oBAAqB,CAAC,GAAGF,EAAM,WAAY,CAAE,EAAG,GAAI,EAAG,EAAA,CAAI,CAAC,EACjEE,EAAK,QAAQ,CACf,CAEA,SAASO,EAAOJ,EAAiB,CAC/B,MAAME,EAAOP,EAAM,WAAW,OAAO,CAACU,EAAGC,IAAMA,IAAMN,CAAC,EAEtDH,EAAK,oBAAqBK,EAAK,OAASA,EAAO,CAAC,CAAE,EAAG,GAAI,EAAG,EAAA,CAAI,CAAC,EACjEL,EAAK,QAAQ,CACf,mBAIEU,EAwBM,MAAA,KAAA,aAvBJC,EAAsE,MAAA,CAAjE,MAAM,WAAS,CAACA,EAAiB,YAAX,MAAI,EAAOA,EAAkB,YAAZ,OAAK,EAAOA,EAAQ,MAAA,CAAA,QAChEC,EAAA,EAAA,EAAAF,EAoBMG,EAAA,KAAAC,EApBgBf,EAAA,WAAU,CAAnBgB,EAAGZ,SAAhBO,EAoBM,MAAA,CApB6B,IAAKP,EAAG,MAAM,IAAA,GAC/CQ,EAQE,QAAA,CAPA,KAAK,OACJ,MAAOI,EAAE,EACT,8BAA6BZ,EAAC,CAAA,GAC/B,YAAY,KACZ,WAAW,QACX,aAAa,MACZ,QAAKa,GAAEd,EAAIC,EAAC,CAAA,EAAQa,EAAO,OAA4B,MAAM,MAAI,CAAA,CAAA,aAEpEL,EAQE,QAAA,CAPA,KAAK,OACJ,MAAOI,EAAE,EACT,+BAA8BZ,EAAC,CAAA,GAChC,YAAY,IACZ,WAAW,QACX,aAAa,MACZ,QAAKa,GAAEd,EAAIC,KAASa,EAAO,OAA4B,KAAA,CAAK,CAAA,aAE/DL,EAA+F,SAAA,CAAvF,MAAM,WAAY,gCAA+BR,EAAC,CAAA,GAAS,QAAKa,GAAET,EAAOJ,CAAC,CAAA,EAAG,IAAC,EAAAc,CAAA,CAAA,WAExFN,EAAmD,SAAA,CAA3C,MAAM,KAAM,QAAOL,CAAA,EAAK,YAAU,CAAA"}

package/dist/assets/{index-DfBxQ-9i.css → index-Ca3L5StC.css}

@@ -1 +1 @@
-:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0f1217;--bg-grad: radial-gradient(1200px 600px at 15% -10%, #1b2331 0%, #0f1217 62%);--panel: #191e26;--panel-2: #222833;--sunk: #12161c;--line: #303845;--line-soft: #252c37;--fg: #eef2f8;--fg-dim: #a8b3c2;--fg-mute: #7d8898;--accent: #4a9dff;--accent-soft: rgba(74, 157, 255, .18);--ok: #35d17e;--ok-soft: rgba(53, 209, 126, .17);--fail: #ff6159;--fail-soft: rgba(255, 97, 89, .17);--leak: #ffa62b;--leak-soft: rgba(255, 166, 43, .18);--neutral: #95a2b3;--neutral-soft: rgba(149, 162, 179, .16);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .28);--skel: linear-gradient(90deg, #212733 0%, #2b323f 50%, #212733 100%)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg: #f6f7f9;--bg-grad: radial-gradient(1200px 600px at 15% -10%, #ffffff 0%, #f6f7f9 60%);--panel: #ffffff;--panel-2: #f3f5f8;--sunk: #f0f2f5;--line: #dde1e7;--line-soft: #e8ebef;--fg: #1a1d22;--fg-dim: #5a6472;--fg-mute: #838d9a;--accent: #1f6feb;--accent-soft: rgba(31, 111, 235, .1);--ok: #1a7f37;--ok-soft: rgba(26, 127, 55, .1);--fail: #cf222e;--fail-soft: rgba(207, 34, 46, .1);--leak: #9a6700;--leak-soft: rgba(154, 103, 0, .12);--neutral: #656d76;--neutral-soft: rgba(101, 109, 118, .1);--shadow: 0 1px 2px rgba(16, 22, 35, .06), 0 8px 24px rgba(16, 22, 35, .08);--skel: linear-gradient(90deg, #eceff3 0%, #f7f9fb 50%, #eceff3 100%)}}:root[data-theme=light]{color-scheme:light;--bg: #f6f7f9;--bg-grad: radial-gradient(1200px 600px at 15% -10%, #ffffff 0%, #f6f7f9 60%);--panel: #ffffff;--panel-2: #f3f5f8;--sunk: #f0f2f5;--line: #dde1e7;--line-soft: #e8ebef;--fg: #1a1d22;--fg-dim: #5a6472;--fg-mute: #838d9a;--accent: #1f6feb;--accent-soft: rgba(31, 111, 235, .1);--ok: #1a7f37;--ok-soft: rgba(26, 127, 55, .1);--fail: #cf222e;--fail-soft: rgba(207, 34, 46, .1);--leak: #9a6700;--leak-soft: rgba(154, 103, 0, .12);--neutral: #656d76;--neutral-soft: rgba(101, 109, 118, .1);--shadow: 0 1px 2px rgba(16, 22, 35, .06), 0 8px 24px rgba(16, 22, 35, .08);--skel: linear-gradient(90deg, #eceff3 0%, #f7f9fb 50%, #eceff3 100%)}:root{--t-xs: 12px;--t-sm: 13.5px;--t-md: 15px;--t-lg: 17px;--t-xl: 22px;--t-2xl: 28px;--t-3xl: 36px;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r1: 10px;--r2: 14px;--r3: 18px;--r4: 22px;--rail: 216px;--gap-shell: 12px;--dur-fast: .12s;--dur: .18s;--dur-slow: .28s;--ease: cubic-bezier(.2, .7, .3, 1);--stagger-step: 28ms}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]){--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms;--stagger-step: 0ms}:root:not([data-motion=full]) *,:root:not([data-motion=full]) *:before,:root:not([data-motion=full]) *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}:root[data-motion=none]{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms;--stagger-step: 0ms}:root[data-motion=none] *,:root[data-motion=none] *:before,:root[data-motion=none] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--fg);font:var(--t-md) / 1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.92em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:var(--s2) var(--s3);background:var(--panel);border:1px solid var(--line);border-radius:var(--r1)}.skip:focus{left:var(--s3);top:var(--s3)}.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:100%;padding:var(--gap-shell);gap:var(--gap-shell)}.rail{border:1px solid var(--line);border-radius:var(--r4);background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--s4) var(--s3);position:sticky;top:var(--gap-shell);height:calc(100vh - var(--gap-shell) * 2);display:flex;flex-direction:column;gap:var(--s4);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-lg);font-weight:650;letter-spacing:-.01em;color:var(--fg)}.brand:hover{text-decoration:none}.brand svg{color:var(--accent)}.rail nav{display:flex;flex-direction:column;gap:2px}.navlink{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r1);color:var(--fg-dim);font-weight:500;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.navlink:hover{background:var(--panel-2);color:var(--fg);text-decoration:none}.navlink.router-link-active{background:var(--accent-soft);color:var(--accent)}.navlink svg{flex:none}.navlink .count{margin-left:auto;font:600 var(--t-xs) / 1 var(--sans);font-variant-numeric:tabular-nums;color:var(--fg-mute);background:var(--panel-2);padding:3px 6px;border-radius:999px}.rail .foot{margin-top:auto;font-size:var(--t-xs);color:var(--fg-mute);display:grid;gap:var(--s1);word-break:break-all}.view{min-width:0;padding:var(--s3) var(--s4) var(--s7);max-width:1180px}@media(max-width:800px){.shell{grid-template-columns:minmax(0,1fr);padding:var(--gap-shell) var(--s2) 0}.rail{position:fixed;inset:auto var(--s2) calc(var(--s2) + env(safe-area-inset-bottom)) var(--s2);height:auto;flex-direction:row;align-items:center;gap:var(--s1);padding:var(--s2);background:color-mix(in srgb,var(--panel) 94%,transparent);z-index:20}.rail .brand,.rail .foot{display:none}.rail nav{flex-direction:row;flex:1;justify-content:space-around}.navlink{flex-direction:column;gap:2px;font-size:var(--t-xs);padding:var(--s1) var(--s2);min-width:56px;align-items:center}.navlink .count{display:none}.view{padding:var(--s4) var(--s4) calc(84px + env(safe-area-inset-bottom))}}.page-head{display:flex;align-items:flex-start;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s5)}.page-head h1{font-size:var(--t-2xl);font-weight:650;letter-spacing:-.02em;line-height:1.2}.page-head .sub{color:var(--fg-dim);font-size:var(--t-sm);margin-top:2px}.grow{flex:1}h2.section{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.09em;color:var(--fg-dim);font-weight:600}h3{font-size:var(--t-md);font-weight:600}.dim{color:var(--fg-dim)}.mute{color:var(--fg-mute)}.nowrap{white-space:nowrap}.break{word-break:break-all}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s4) var(--s4) var(--s5);margin-bottom:var(--s4);min-width:0}.panel>.phead{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s3)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--s4);align-items:start}.row{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}button,.btn{font:500 var(--t-sm) / 1 var(--sans);color:var(--fg);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r1);padding:var(--s2) var(--s3);min-height:32px;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s2);position:relative;overflow:hidden;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}button:hover:not(:disabled),.btn:hover{border-color:var(--fg-mute);text-decoration:none}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--fail-soft);border-color:color-mix(in srgb,var(--fail) 45%,transparent);color:var(--fail)}button.ghost{background:transparent}button.sm{min-height:27px;padding:var(--s1) var(--s2);font-size:var(--t-xs)}button .progress{position:absolute;inset:auto 0 0 0;height:2px;background:currentColor;opacity:.65;animation:indeterminate 1.1s var(--ease) infinite;transform-origin:left}input[type=text],input[type=password],input[type=search],textarea,select{font:var(--t-sm) / 1.5 var(--sans);color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:var(--r1);padding:var(--s2) var(--s3);min-height:32px;width:100%;min-width:0}textarea{font-family:var(--mono);font-size:var(--t-sm);line-height:1.55;resize:vertical;white-space:pre;overflow-wrap:normal;overflow-x:auto}input::placeholder,textarea::placeholder{color:var(--fg-mute)}label{font-size:var(--t-sm);color:var(--fg-dim)}.field{display:grid;gap:var(--s2);min-width:0}.field+.field,.field+.hint,.hint+.field{margin-top:var(--s4)}.check{display:inline-flex;align-items:center;gap:var(--s2);cursor:pointer;color:var(--fg)}.check input{width:auto;min-height:0;accent-color:var(--accent)}.kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:var(--s2);margin-bottom:var(--s2);align-items:center}.kv.head{font-size:var(--t-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em}@media(max-width:560px){.kv{grid-template-columns:minmax(0,1fr) auto}.kv.head{display:none}}.badge{display:inline-flex;align-items:center;gap:5px;font:500 var(--t-xs) / 1 var(--sans);padding:4px 8px;border-radius:999px;background:var(--neutral-soft);color:var(--fg-dim);border:1px solid transparent;white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.failed,.badge.fail{background:var(--fail-soft);color:var(--fail)}.badge.leaked,.badge.warn{background:var(--leak-soft);color:var(--leak)}.badge.running,.badge.busy,.badge.info{background:var(--accent-soft);color:var(--accent)}.badge.unknown{background:var(--neutral-soft);color:var(--neutral)}.badge.shared{background:var(--leak-soft);color:var(--leak)}.badge.isolated{background:var(--accent-soft);color:var(--accent)}.badge.off{opacity:.38}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.running .dot,.dot.pulse{animation:pulse 1.6s var(--ease) infinite}.banner{border:1px solid var(--line);border-left-width:3px;border-radius:var(--r2);padding:var(--s3) var(--s4);margin:var(--s3) 0;background:var(--panel-2);font-size:var(--t-sm)}.banner b{color:var(--fg)}.banner p{margin-top:var(--s2);color:var(--fg-dim)}.banner.ok{border-left-color:var(--ok);background:var(--ok-soft)}.banner.failed{border-left-color:var(--fail);background:var(--fail-soft)}.banner.leaked,.banner.warn{border-left-color:var(--leak);background:var(--leak-soft)}.banner.info{border-left-color:var(--accent);background:var(--accent-soft)}.banner.plain{border-left-color:var(--fg-mute)}.hint{font-size:var(--t-sm);color:var(--fg-mute);margin-top:var(--s3)}.hint code,.banner code{background:var(--sunk);padding:1px 5px;border-radius:4px}table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}th{text-align:left;font:600 var(--t-xs) / 1 var(--sans);text-transform:uppercase;letter-spacing:.07em;color:var(--fg-mute);padding:0 var(--s3) var(--s2);border-bottom:1px solid var(--line)}td{padding:var(--s3);border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr{transition:background var(--dur-fast) var(--ease)}tbody tr:hover{background:var(--panel-2)}td.name{font-weight:600;word-break:break-all}@media(max-width:640px){table.cards,table.cards tbody,table.cards tr,table.cards td{display:block;width:100%}table.cards thead{display:none}table.cards tr{border:1px solid var(--line);border-radius:var(--r2);padding:var(--s2) var(--s3);margin-bottom:var(--s2);background:var(--panel-2)}table.cards td{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);border:0;padding:var(--s1) 0;text-align:right}table.cards td:before{content:attr(data-label);font:600 var(--t-xs) / 1.6 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-mute);text-align:left;flex:none}table.cards td[colspan]{text-align:left}table.cards td[colspan]:before{content:""}}.kvlist{display:grid;gap:1px;background:var(--line-soft);border-radius:var(--r2);overflow:hidden}.kvlist>li{display:flex;gap:var(--s3);padding:var(--s3);background:var(--panel);align-items:baseline;flex-wrap:wrap}.kvlist>li>.k{flex:none;width:128px;color:var(--fg-dim);font-size:var(--t-sm)}.kvlist>li>.v{flex:1;min-width:0;word-break:break-word}@media(max-width:480px){.kvlist>li>.k{width:100%}}pre.raw,pre.log{font-family:var(--mono);font-size:var(--t-sm);line-height:1.6;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3);margin:var(--s3) 0 0;overflow:auto;white-space:pre}pre.raw{color:var(--fail);max-height:420px}pre.log{max-height:460px;color:var(--fg-dim)}pre.log .t{color:var(--fg-mute)}pre.log .lv-error{color:var(--fail)}pre.log .lv-warn{color:var(--leak)}pre.log .lv-info{color:var(--fg)}pre.log mark{background:var(--leak-soft);color:var(--leak)}.masked{color:var(--fg-mute);letter-spacing:.12em}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--s2)}.stat{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r2);padding:var(--s3)}.stat .v{font:600 var(--t-2xl) / 1.1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .k{font-size:var(--t-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.stat.unknown .v{color:var(--neutral)}.stat.busy .v{color:var(--accent)}.stat.leak .v{color:var(--leak)}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--line);margin-bottom:var(--s4);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{padding:var(--s2) var(--s3);color:var(--fg-dim);font-size:var(--t-sm);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tabs a:hover{color:var(--fg);text-decoration:none}.tabs a.router-link-active{color:var(--fg);border-bottom-color:var(--accent)}.steps{display:grid;gap:1px;background:var(--line-soft);border-radius:var(--r2);overflow:hidden}.step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--s3);padding:var(--s3);background:var(--panel);align-items:start}.step .mark{font:600 var(--t-lg) / 1.2 var(--sans);text-align:center}.step .who{font-weight:550;word-break:break-all}.step .msg{font-size:var(--t-sm);color:var(--fg-dim);word-break:break-word}.s-ok{color:var(--ok)}.s-failed{color:var(--fail)}.s-leaked{color:var(--leak)}.s-unverifiable{color:var(--neutral)}.skel{background:var(--skel);background-size:200% 100%;border-radius:var(--r1);height:14px;animation:shimmer 1.3s linear infinite}.skel+.skel{margin-top:var(--s2)}.skel.tall{height:44px}.skel.w60{width:60%}.skel.w40{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@keyframes indeterminate{0%{transform:scaleX(0)}50%{transform:scaleX(.7)}to{transform:scaleX(0);transform-origin:right}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes land{0%{transform:scale(.985);opacity:.4}60%{transform:scale(1.004)}to{transform:none;opacity:1}}.stagger>*{animation:rise var(--dur) var(--ease) backwards;animation-delay:calc(var(--i, 0) * var(--stagger-step))}.land{animation:land var(--dur-slow) var(--ease)}.view-enter-active,.view-leave-active{transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.view-enter-from{opacity:0;transform:translateY(6px)}.view-leave-to{opacity:0;transform:translateY(-4px)}.toasts{position:fixed;right:var(--s4);bottom:var(--s4);z-index:50;display:grid;gap:var(--s2);width:min(360px,calc(100vw - var(--s5)))}@media(max-width:800px){.toasts{bottom:calc(84px + env(safe-area-inset-bottom))}}.toast{display:flex;gap:var(--s3);align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-left-width:3px;border-radius:var(--r2);padding:var(--s3);box-shadow:var(--shadow);font-size:var(--t-sm)}.toast.ok{border-left-color:var(--ok)}.toast.error{border-left-color:var(--fail)}.toast.warn{border-left-color:var(--leak)}.toast.info{border-left-color:var(--accent)}.toast .x{margin-left:auto;background:none;border:0;min-height:0;padding:2px 6px;color:var(--fg-mute)}.toast-enter-active,.toast-leave-active{transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(12px)}.toast-move{transition:transform var(--dur) var(--ease)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;display:grid;place-items:center;padding:var(--s4)}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--shadow);padding:var(--s5);width:min(460px,100%);max-height:80vh;overflow:auto}.sheet dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s2) var(--s4);margin:var(--s4) 0 0;align-items:baseline}.sheet dt{text-align:right}.sheet dd{margin:0;color:var(--fg-dim);font-size:var(--t-sm)}kbd{font:500 var(--t-xs) / 1 var(--mono);background:var(--sunk);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:4px 6px;color:var(--fg)}.fade-enter-active,.fade-leave-active{transition:opacity var(--dur) var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}.hint-wrap{position:relative;display:inline-flex;vertical-align:middle;margin-inline-start:var(--s1)}.hint-btn{width:17px;height:17px;min-height:0;padding:0;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--fg-mute);font:600 11px / 1 var(--sans);font-style:italic;cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.hint-btn:hover,.hint-btn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.hint-bub{position:absolute;z-index:40;width:max-content;max-width:min(300px,74vw);padding:var(--s2) var(--s3);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow);color:var(--fg-dim);font:400 var(--t-sm) / 1.5 var(--sans);text-transform:none;letter-spacing:normal;white-space:normal;text-align:start;pointer-events:none}.hint-bub.below{top:calc(100% + 6px)}.hint-bub.above{bottom:calc(100% + 6px)}.hint-bub.to-start{inset-inline-start:-2px}.hint-bub.to-end{inset-inline-end:-2px}.hint-bub code{color:var(--fg)}.hint-enter-active,.hint-leave-active{transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.hint-enter-from,.hint-leave-to{opacity:0}.hint-bub.below.hint-enter-from,.hint-bub.below.hint-leave-to{transform:translateY(-3px)}.hint-bub.above.hint-enter-from,.hint-bub.above.hint-leave-to{transform:translateY(3px)}
+:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0f1217;--bg-grad: radial-gradient(1200px 600px at 15% -10%, #1b2331 0%, #0f1217 62%);--panel: #191e26;--panel-2: #222833;--sunk: #12161c;--line: #303845;--line-soft: #252c37;--fg: #eef2f8;--fg-dim: #a8b3c2;--fg-mute: #7d8898;--accent: #4a9dff;--accent-soft: rgba(74, 157, 255, .18);--ok: #35d17e;--ok-soft: rgba(53, 209, 126, .17);--fail: #ff6159;--fail-soft: rgba(255, 97, 89, .17);--leak: #ffa62b;--leak-soft: rgba(255, 166, 43, .18);--neutral: #95a2b3;--neutral-soft: rgba(149, 162, 179, .16);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .28);--skel: linear-gradient(90deg, #212733 0%, #2b323f 50%, #212733 100%)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg: #f6f7f9;--bg-grad: radial-gradient(1200px 600px at 15% -10%, #ffffff 0%, #f6f7f9 60%);--panel: #ffffff;--panel-2: #f3f5f8;--sunk: #f0f2f5;--line: #dde1e7;--line-soft: #e8ebef;--fg: #1a1d22;--fg-dim: #5a6472;--fg-mute: #838d9a;--accent: #1f6feb;--accent-soft: rgba(31, 111, 235, .1);--ok: #1a7f37;--ok-soft: rgba(26, 127, 55, .1);--fail: #cf222e;--fail-soft: rgba(207, 34, 46, .1);--leak: #9a6700;--leak-soft: rgba(154, 103, 0, .12);--neutral: #656d76;--neutral-soft: rgba(101, 109, 118, .1);--shadow: 0 1px 2px rgba(16, 22, 35, .06), 0 8px 24px rgba(16, 22, 35, .08);--skel: linear-gradient(90deg, #eceff3 0%, #f7f9fb 50%, #eceff3 100%)}}:root[data-theme=light]{color-scheme:light;--bg: #f6f7f9;--bg-grad: radial-gradient(1200px 600px at 15% -10%, #ffffff 0%, #f6f7f9 60%);--panel: #ffffff;--panel-2: #f3f5f8;--sunk: #f0f2f5;--line: #dde1e7;--line-soft: #e8ebef;--fg: #1a1d22;--fg-dim: #5a6472;--fg-mute: #838d9a;--accent: #1f6feb;--accent-soft: rgba(31, 111, 235, .1);--ok: #1a7f37;--ok-soft: rgba(26, 127, 55, .1);--fail: #cf222e;--fail-soft: rgba(207, 34, 46, .1);--leak: #9a6700;--leak-soft: rgba(154, 103, 0, .12);--neutral: #656d76;--neutral-soft: rgba(101, 109, 118, .1);--shadow: 0 1px 2px rgba(16, 22, 35, .06), 0 8px 24px rgba(16, 22, 35, .08);--skel: linear-gradient(90deg, #eceff3 0%, #f7f9fb 50%, #eceff3 100%)}:root{--t-xs: 12px;--t-sm: 13.5px;--t-md: 15px;--t-lg: 17px;--t-xl: 22px;--t-2xl: 28px;--t-3xl: 36px;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r1: 10px;--r2: 14px;--r3: 18px;--r4: 22px;--rail: 216px;--gap-shell: 12px;--dur-fast: .12s;--dur: .18s;--dur-slow: .28s;--ease: cubic-bezier(.2, .7, .3, 1);--stagger-step: 28ms}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]){--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms;--stagger-step: 0ms}:root:not([data-motion=full]) *,:root:not([data-motion=full]) *:before,:root:not([data-motion=full]) *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}:root[data-motion=none]{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms;--stagger-step: 0ms}:root[data-motion=none] *,:root[data-motion=none] *:before,:root[data-motion=none] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--fg);font:var(--t-md) / 1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.92em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:var(--s2) var(--s3);background:var(--panel);border:1px solid var(--line);border-radius:var(--r1)}.skip:focus{left:var(--s3);top:var(--s3)}.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:100%;padding:var(--gap-shell);gap:var(--gap-shell)}.rail{border:1px solid var(--line);border-radius:var(--r4);background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--s4) var(--s3);position:sticky;top:var(--gap-shell);height:calc(100vh - var(--gap-shell) * 2);display:flex;flex-direction:column;gap:var(--s4);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-lg);font-weight:650;letter-spacing:-.01em;color:var(--fg)}.brand:hover{text-decoration:none}.brand svg{color:var(--accent)}.rail nav{display:flex;flex-direction:column;gap:2px}.navlink{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r1);color:var(--fg-dim);font-weight:500;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.navlink:hover{background:var(--panel-2);color:var(--fg);text-decoration:none}.navlink.router-link-active{background:var(--accent-soft);color:var(--accent)}.navlink svg{flex:none}.navlink .count{margin-left:auto;font:600 var(--t-xs) / 1 var(--sans);font-variant-numeric:tabular-nums;color:var(--fg-mute);background:var(--panel-2);padding:3px 6px;border-radius:999px}.rail .foot{margin-top:auto;font-size:var(--t-xs);color:var(--fg-mute);display:grid;gap:var(--s1);word-break:break-all}.view{min-width:0;padding:var(--s3) var(--s4) var(--s7);max-width:1180px}@media(max-width:800px){.shell{grid-template-columns:minmax(0,1fr);padding:var(--gap-shell) var(--s2) 0}.rail{position:fixed;inset:auto var(--s2) calc(var(--s2) + env(safe-area-inset-bottom)) var(--s2);height:auto;flex-direction:row;align-items:center;gap:var(--s1);padding:var(--s2);background:color-mix(in srgb,var(--panel) 94%,transparent);z-index:20}.rail .brand,.rail .foot{display:none}.rail nav{flex-direction:row;flex:1;justify-content:space-around}.navlink{flex-direction:column;gap:2px;font-size:var(--t-xs);padding:var(--s1) var(--s2);min-width:56px;align-items:center}.navlink .count{display:none}.view{padding:var(--s4) var(--s4) calc(84px + env(safe-area-inset-bottom))}}.page-head{display:flex;align-items:flex-start;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s5)}.page-head h1{font-size:var(--t-2xl);font-weight:650;letter-spacing:-.02em;line-height:1.2}.page-head .sub{color:var(--fg-dim);font-size:var(--t-sm);margin-top:2px}.grow{flex:1}h2.section{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.09em;color:var(--fg-dim);font-weight:600}h3{font-size:var(--t-md);font-weight:600}.dim{color:var(--fg-dim)}.mute{color:var(--fg-mute)}.nowrap{white-space:nowrap}.break{word-break:break-all}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s4) var(--s4) var(--s5);margin-bottom:var(--s4);min-width:0}.panel>.phead{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s3)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--s4);align-items:start}.row{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}button,.btn{font:500 var(--t-sm) / 1 var(--sans);color:var(--fg);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r1);padding:var(--s2) var(--s3);min-height:32px;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s2);position:relative;overflow:hidden;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}button:hover:not(:disabled),.btn:hover{border-color:var(--fg-mute);text-decoration:none}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--fail-soft);border-color:color-mix(in srgb,var(--fail) 45%,transparent);color:var(--fail)}button.ghost{background:transparent}button.sm{min-height:27px;padding:var(--s1) var(--s2);font-size:var(--t-xs)}button .progress{position:absolute;inset:auto 0 0 0;height:2px;background:currentColor;opacity:.65;animation:indeterminate 1.1s var(--ease) infinite;transform-origin:left}input[type=text],input[type=password],input[type=search],textarea,select{font:var(--t-sm) / 1.5 var(--sans);color:var(--fg);background:var(--sunk);border:1px solid var(--line);border-radius:var(--r1);padding:var(--s2) var(--s3);min-height:32px;width:100%;min-width:0}textarea{font-family:var(--mono);font-size:var(--t-sm);line-height:1.55;resize:vertical;white-space:pre;overflow-wrap:normal;overflow-x:auto}input::placeholder,textarea::placeholder{color:var(--fg-mute)}label{font-size:var(--t-sm);color:var(--fg-dim)}.field{display:grid;gap:var(--s2);min-width:0}.field+.field,.field+.hint,.hint+.field{margin-top:var(--s4)}.check{display:inline-flex;align-items:center;gap:var(--s2);cursor:pointer;color:var(--fg)}.check input{width:auto;min-height:0;accent-color:var(--accent)}.kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:var(--s2);margin-bottom:var(--s2);align-items:center}.kv.head{font-size:var(--t-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em}@media(max-width:560px){.kv{grid-template-columns:minmax(0,1fr) auto}.kv.head{display:none}}.badge{display:inline-flex;align-items:center;gap:5px;font:500 var(--t-xs) / 1 var(--sans);padding:4px 8px;border-radius:999px;background:var(--neutral-soft);color:var(--fg-dim);border:1px solid transparent;white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.failed,.badge.fail{background:var(--fail-soft);color:var(--fail)}.badge.leaked,.badge.warn{background:var(--leak-soft);color:var(--leak)}.badge.running,.badge.busy,.badge.info{background:var(--accent-soft);color:var(--accent)}.badge.unknown{background:var(--neutral-soft);color:var(--neutral)}.badge.shared{background:var(--leak-soft);color:var(--leak)}.badge.isolated{background:var(--accent-soft);color:var(--accent)}.badge.off{opacity:.38}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.running .dot,.dot.pulse{animation:pulse 1.6s var(--ease) infinite}.banner{border:1px solid var(--line);border-left-width:3px;border-radius:var(--r2);padding:var(--s3) var(--s4);margin:var(--s3) 0;background:var(--panel-2);font-size:var(--t-sm)}.banner b{color:var(--fg)}.banner p{margin-top:var(--s2);color:var(--fg-dim)}.banner.ok{border-left-color:var(--ok);background:var(--ok-soft)}.banner.failed{border-left-color:var(--fail);background:var(--fail-soft)}.banner.leaked,.banner.warn{border-left-color:var(--leak);background:var(--leak-soft)}.banner.info{border-left-color:var(--accent);background:var(--accent-soft)}.banner.plain{border-left-color:var(--fg-mute)}.hint{font-size:var(--t-sm);color:var(--fg-mute);margin-top:var(--s3)}.hint code,.banner code{background:var(--sunk);padding:1px 5px;border-radius:4px}table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}th{text-align:left;font:600 var(--t-xs) / 1 var(--sans);text-transform:uppercase;letter-spacing:.07em;color:var(--fg-mute);padding:0 var(--s3) var(--s2);border-bottom:1px solid var(--line)}td{padding:var(--s3);border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr{transition:background var(--dur-fast) var(--ease)}tbody tr:hover{background:var(--panel-2)}td.name{font-weight:600;word-break:break-all}@media(max-width:640px){table.cards,table.cards tbody,table.cards tr,table.cards td{display:block;width:100%}table.cards thead{display:none}table.cards tr{border:1px solid var(--line);border-radius:var(--r2);padding:var(--s2) var(--s3);margin-bottom:var(--s2);background:var(--panel-2)}table.cards td{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);border:0;padding:var(--s1) 0;text-align:right}table.cards td:before{content:attr(data-label);font:600 var(--t-xs) / 1.6 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-mute);text-align:left;flex:none}table.cards td[colspan]{text-align:left}table.cards td[colspan]:before{content:""}}.kvlist{display:grid;gap:1px;background:var(--line-soft);border-radius:var(--r2);overflow:hidden}.kvlist>li{display:flex;gap:var(--s3);padding:var(--s3);background:var(--panel);align-items:baseline;flex-wrap:wrap}.kvlist>li>.k{flex:none;width:128px;color:var(--fg-dim);font-size:var(--t-sm)}.kvlist>li>.v{flex:1;min-width:0;word-break:break-word}@media(max-width:480px){.kvlist>li>.k{width:100%}}pre.raw,pre.log{font-family:var(--mono);font-size:var(--t-sm);line-height:1.6;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3);margin:var(--s3) 0 0;overflow:auto;white-space:pre}pre.raw{color:var(--fail);max-height:420px}pre.code{font-family:var(--mono);font-size:var(--t-sm);line-height:1.6;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3);margin:0;max-height:520px;overflow:auto;white-space:pre;color:var(--fg-dim)}pre.log{max-height:460px;color:var(--fg-dim)}pre.log .t{color:var(--fg-mute)}pre.log .lv-error{color:var(--fail)}pre.log .lv-warn{color:var(--leak)}pre.log .lv-info{color:var(--fg)}pre.log mark{background:var(--leak-soft);color:var(--leak)}.masked{color:var(--fg-mute);letter-spacing:.12em}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--s2)}.stat{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r2);padding:var(--s3)}.stat .v{font:600 var(--t-2xl) / 1.1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .k{font-size:var(--t-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.stat.unknown .v{color:var(--neutral)}.stat.busy .v{color:var(--accent)}.stat.leak .v{color:var(--leak)}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--line);margin-bottom:var(--s4);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{padding:var(--s2) var(--s3);color:var(--fg-dim);font-size:var(--t-sm);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tabs a:hover{color:var(--fg);text-decoration:none}.tabs a.router-link-active{color:var(--fg);border-bottom-color:var(--accent)}.steps{display:grid;gap:1px;background:var(--line-soft);border-radius:var(--r2);overflow:hidden}.step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--s3);padding:var(--s3);background:var(--panel);align-items:start}.step .mark{font:600 var(--t-lg) / 1.2 var(--sans);text-align:center}.step .who{font-weight:550;word-break:break-all}.step .msg{font-size:var(--t-sm);color:var(--fg-dim);word-break:break-word}.s-ok{color:var(--ok)}.s-failed{color:var(--fail)}.s-leaked{color:var(--leak)}.s-unverifiable{color:var(--neutral)}.skel{background:var(--skel);background-size:200% 100%;border-radius:var(--r1);height:14px;animation:shimmer 1.3s linear infinite}.skel+.skel{margin-top:var(--s2)}.skel.tall{height:44px}.skel.w60{width:60%}.skel.w40{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@keyframes indeterminate{0%{transform:scaleX(0)}50%{transform:scaleX(.7)}to{transform:scaleX(0);transform-origin:right}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes land{0%{transform:scale(.985);opacity:.4}60%{transform:scale(1.004)}to{transform:none;opacity:1}}.stagger>*{animation:rise var(--dur) var(--ease) backwards;animation-delay:calc(var(--i, 0) * var(--stagger-step))}.land{animation:land var(--dur-slow) var(--ease)}.view-enter-active,.view-leave-active{transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.view-enter-from{opacity:0;transform:translateY(6px)}.view-leave-to{opacity:0;transform:translateY(-4px)}.toasts{position:fixed;right:var(--s4);bottom:var(--s4);z-index:50;display:grid;gap:var(--s2);width:min(360px,calc(100vw - var(--s5)))}@media(max-width:800px){.toasts{bottom:calc(84px + env(safe-area-inset-bottom))}}.toast{display:flex;gap:var(--s3);align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-left-width:3px;border-radius:var(--r2);padding:var(--s3);box-shadow:var(--shadow);font-size:var(--t-sm)}.toast.ok{border-left-color:var(--ok)}.toast.error{border-left-color:var(--fail)}.toast.warn{border-left-color:var(--leak)}.toast.info{border-left-color:var(--accent)}.toast .x{margin-left:auto;background:none;border:0;min-height:0;padding:2px 6px;color:var(--fg-mute)}.toast-enter-active,.toast-leave-active{transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(12px)}.toast-move{transition:transform var(--dur) var(--ease)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;display:grid;place-items:center;padding:var(--s4)}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--shadow);padding:var(--s5);width:min(460px,100%);max-height:80vh;overflow:auto}.sheet dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s2) var(--s4);margin:var(--s4) 0 0;align-items:baseline}.sheet dt{text-align:right}.sheet dd{margin:0;color:var(--fg-dim);font-size:var(--t-sm)}kbd{font:500 var(--t-xs) / 1 var(--mono);background:var(--sunk);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:4px 6px;color:var(--fg)}.fade-enter-active,.fade-leave-active{transition:opacity var(--dur) var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}.hint-wrap{position:relative;display:inline-flex;vertical-align:middle;margin-inline-start:var(--s1)}.hint-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-height:0;padding:0;border:0;border-radius:999px;background:none;color:var(--fg-mute);cursor:pointer;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.hint-btn:hover,.hint-btn.on{color:var(--accent);background:var(--accent-soft)}.hint-bub{position:absolute;z-index:40;width:max-content;max-width:min(300px,74vw);padding:var(--s2) var(--s3);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow);color:var(--fg-dim);font:400 var(--t-sm) / 1.5 var(--sans);text-transform:none;letter-spacing:normal;white-space:normal;text-align:start;pointer-events:none}.hint-bub.below{top:calc(100% + 6px)}.hint-bub.above{bottom:calc(100% + 6px)}.hint-bub.to-start{inset-inline-start:-2px}.hint-bub.to-end{inset-inline-end:-2px}.hint-bub code{color:var(--fg)}.hint-enter-active,.hint-leave-active{transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.hint-enter-from,.hint-leave-to{opacity:0}.hint-bub.below.hint-enter-from,.hint-bub.below.hint-leave-to{transform:translateY(-3px)}.hint-bub.above.hint-enter-from,.hint-bub.above.hint-leave-to{transform:translateY(3px)}