@samyx/preview-stacks-ui 0.16.0 → 0.18.0

package/dist/assets/SettingsView-Cqsv0chw.js

@@ -1,2 +0,0 @@
-import{d as w,c as r,a as t,i as p,v as f,u as s,Q as o,f as n,e as d,w as v,_ as c,F as V,g as b,t as u,y as a,r as C,C as E,a2 as x,N as B,o as m}from"./index-D8OAewba.js";import{_ as k}from"./SelectMenu.vue_vue_type_script_setup_true_lang-CLqZAezG.js";import"./Teleport-0BmaJsBF.js";const N={class:"panel"},T={class:"field"},U={class:"mute hint"},A={class:"field"},S={class:"mute hint"},_={class:"row",style:{gap:"8px","margin-top":"4px"}},D=["disabled"],F={key:0,class:"mute"},L={key:1,class:"bad"},R={class:"panel"},M={class:"field"},q={class:"field"},H=w({__name:"SettingsView",setup(I){const i=C(!1),y=E(()=>{var h;return((h=a.health)==null?void 0:h.authEnforced)??null});async function g(){i.value=!0;try{await x(),B(a.healthError?"error":"ok",a.healthError||"Control plane reachable")}finally{i.value=!1}}return(h,e)=>(m(),r("div",null,[e[16]||(e[16]=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",N,[e[11]||(e[11]=t("h2",{class:"phead-title"},"Connection",-1)),t("div",T,[e[6]||(e[6]=t("label",{for:"apiBase"},"API base URL",-1)),p(t("input",{id:"apiBase","onUpdate:modelValue":e[0]||(e[0]=l=>s(o).apiBase=l),type:"url",spellcheck:"false",placeholder:"(same origin)"},null,512),[[f,s(o).apiBase,void 0,{trim:!0}]]),t("div",U,[e[5]||(e[5]=n(" Leave it empty unless you are pointing this page at another host. ",-1)),d(c,{label:"about the API base URL"},{default:v(()=>[...e[4]||(e[4]=[n(" 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",A,[e[8]||(e[8]=t("label",{for:"token"},"Access token",-1)),p(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),[[f,s(o).token,void 0,{trim:!0}]]),t("div",S,[e[7]||(e[7]=n(" Authenticates every request — signing in with an account does the same job, so set this only for token-based access (the machine token, or a personal token from your account). ",-1)),y.value===!1?(m(),r(V,{key:0},[n(" This server is not asking for one — it only accepts connections from this machine, so a token here is harmless but unnecessary. ")],64)):b("",!0)])]),t("div",_,[t("button",{class:"btn",disabled:i.value,onClick:g},u(i.value?"Checking…":"Test connection"),9,D),s(a).health?(m(),r("span",F,[n(" Connected to pstack "+u(s(a).health.version)+" ",1),d(c,{label:"where data is stored"},{default:v(()=>[e[9]||(e[9]=n(" Deployment records and stored specs live in ",-1)),t("code",null,u(s(a).health.dataDir),1),e[10]||(e[10]=n(" on the host. ",-1))]),_:1})])):s(a).healthError?(m(),r("span",L,u(s(a).healthError),1)):b("",!0)])]),t("section",R,[e[15]||(e[15]=t("h2",{class:"phead-title"},"Appearance",-1)),t("div",M,[e[12]||(e[12]=t("label",{for:"theme"},"Theme",-1)),d(k,{modelValue:s(o).theme,"onUpdate:modelValue":e[2]||(e[2]=l=>s(o).theme=l),id:"theme",label:"Theme",options:[{value:"system",label:"Follow the system"},{value:"dark",label:"Dark"},{value:"light",label:"Light"}]},null,8,["modelValue"])]),t("div",q,[e[13]||(e[13]=t("label",{for:"motion"},"Motion",-1)),d(k,{modelValue:s(o).motion,"onUpdate:modelValue":e[3]||(e[3]=l=>s(o).motion=l),id:"motion",label:"Motion",options:[{value:"system",label:"Follow the system"},{value:"full",label:"Always animate"},{value:"none",label:"No animation"}]},null,8,["modelValue"]),e[14]||(e[14]=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{H as default};
-//# sourceMappingURL=SettingsView-Cqsv0chw.js.map

package/dist/assets/SettingsView-Cqsv0chw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsView-Cqsv0chw.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';\nimport SelectMenu from '../components/SelectMenu.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          Authenticates every request — signing in with an account does the same job, so set this\n          only for token-based access (the machine token, or a personal token from your account).\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        <SelectMenu\n            v-model=\"settings.theme\" id=\"theme\"\n            label=\"Theme\"\n            :options=\"[\n              { value: 'system', label: 'Follow the system' },\n              { value: 'dark', label: 'Dark' },\n              { value: 'light', label: 'Light' },\n            ]\"\n          />\n      </div>\n\n      <div class=\"field\">\n        <label for=\"motion\">Motion</label>\n        <SelectMenu\n            v-model=\"settings.motion\" id=\"motion\"\n            label=\"Motion\"\n            :options=\"[\n              { value: 'system', label: 'Follow the system' },\n              { value: 'full', label: 'Always animate' },\n              { value: 'none', label: 'No animation' },\n            ]\"\n          />\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","SelectMenu","_hoisted_12"],"mappings":"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"}

package/dist/assets/SubmitView-CufYXtWD.js

@@ -1,45 +0,0 @@
-import{d as X,r as f,A as I,H as j,c as n,a as t,t as v,f as s,e as p,w as m,_ as V,F as R,g as y,E as G,i as A,v as N,$ as O,s as J,x as Q,C as T,j as Y,o as a,l as Z,O as _,N as ee,B as te,S as D}from"./index-D8OAewba.js";import{a as se,w as oe,p as F,r as le}from"./useVars-VN9gYdR6.js";import{_ as ae}from"./ActionButton.vue_vue_type_script_setup_true_lang-DjO5RzbR.js";import{_ as ne}from"./ErrorNote.vue_vue_type_script_setup_true_lang-D28UQmNR.js";import{_ as ie}from"./VarEditor.vue_vue_type_script_setup_true_lang-FaBOeld_.js";import{_ as re}from"./SelectMenu.vue_vue_type_script_setup_true_lang-CLqZAezG.js";import"./Teleport-0BmaJsBF.js";const de={class:"page-head"},ue={class:"sub"},pe={class:"panel"},ve={class:"dim"},me={key:0,class:"banner warn"},ye={key:0},ce={key:1},fe={key:2},he={key:3},ke={key:2,class:"banner warn"},be={class:"row",style:{"margin-bottom":"var(--s4)"}},ge={class:"field",style:{"max-width":"280px"}},we={class:"mute",style:{"align-self":"end","padding-bottom":"10px"}},Se={key:3,class:"row",style:{"margin-bottom":"var(--s4)"}},xe={class:"check"},Ce={class:"check"},$e={class:"field",style:{"max-width":"340px"}},Ve={key:0,class:"hint"},Re={key:0},Ae={key:1},Te={key:2},Le={class:"field"},Ee={class:"field",style:{"margin-top":"var(--s3)"}},Ue={class:"hint"},Ie={class:"hint"},Ne={class:"row",style:{"margin-top":"var(--s5)"}},Pe={key:0,class:"s-ok"},We={key:6,class:"banner warn"},je={key:0},Oe=`version: 1
-kind: isolated
-
-# The stack identity: the compose project name, and $STACK inside every hook.
-# \${PR} is interpolated ONCE, at resolve time, from the variables sent with the request.
-stack: pr-\${PR}
-
-env:
-  PREVIEW_DOMAIN: preview.example.com
-
-compose:
-  file: compose.yml
-  # Every service sits behind a profile so a bare \`up\` starts nothing.
-  # \`down\` always enables ALL of them — otherwise the unselected profiles' network leaks.
-  profiles: [app]
-
-requires:
-  - name: traefik-network
-    assert: docker network inspect traefik >/dev/null 2>&1
-    hint: run \`pstack init\` on the host first
-
-axes:
-  # Hooks run from the deployment directory, which holds only spec.yml and compose.yml —
-  # so use inline shell or absolute paths, never ./hooks/foo.sh.
-  - name: scratch
-    up: mkdir -p /tmp/$STACK
-    assert_live: test -d /tmp/$STACK
-    down: rm -rf /tmp/$STACK
-    # assert_gone MUST FAIL CLOSED. A bare \`! <probe>\` reports "gone" whenever the probe fails
-    # for any reason — a missing CLI, an expired token — turning "I could not tell" into
-    # "it is gone", a false negative on the one thing this tool exists to catch.
-    assert_gone: |
-      test -d /tmp || exit 1
-      ! test -d /tmp/$STACK
-`,De=`services:
-  app:
-    image: nginx:alpine
-    profiles: [app]
-    labels:
-      - traefik.enable=true
-`,Xe=X({__name:"SubmitView",props:{id:{}},setup(P){const L=P,l=f({id:L.id??"",spec:"",compose:""}),h=f([{k:"",v:""}]),k=f("inline"),w=f(""),S=f(!1),g=f(""),u=f(null),x=f([]),M=T(()=>[{value:"",label:"— choose —"},...x.value.map(o=>({value:o.name,label:o.name,hint:o.kind}))]);I.get("/api/specs").then(o=>{o.ok&&Array.isArray(o.body.specs)&&(x.value=o.body.specs)});const C=T(()=>x.value.find(o=>o.name===w.value)),E=T(()=>!!L.id),q=Z(),$=T(()=>{const o=q.query.from;return typeof o=="string"&&o?o:null}),c=f("idle"),b=f(null);async function W(o){c.value="loading",b.value=null;const e=await I.getAuthed(`/api/deployments/${encodeURIComponent(o)}/source`);if(e.status===404||!e.ok){c.value="failed";return}if(e.body.sourceWithheld){c.value="withheld",e.body.specName&&(b.value=e.body.specName);return}l.value.spec||(l.value.spec=e.body.spec??""),l.value.compose||(l.value.compose=e.body.compose??""),e.body.specName&&(b.value=e.body.specName),c.value="loaded"}j($,async o=>{var r;if(!o||L.id)return;g.value="",u.value=null,l.value.spec="",l.value.compose="";const e=(r=D(o))==null?void 0:r.vars;e&&(h.value=F(e)),await W(o),l.value.id=""},{immediate:!0}),j(()=>L.id,o=>{var d;if(g.value="",u.value=null,c.value="idle",b.value=null,!o)return;o!==l.value.id&&(l.value.spec="",l.value.compose=""),l.value.id=o;const e=(d=D(o))==null?void 0:d.vars,r=e?F(e):le(o);r.some(U=>U.k)&&(h.value=r),W(o)},{immediate:!0});const B=T(()=>!!l.value.id&&(k.value==="stored"?!!w.value:!!l.value.spec.trim())&&!S.value);async function K(){S.value=!0,g.value="",u.value=null;const o=l.value.id,e=se(h.value),r={vars:e,env:e};k.value==="stored"?r.specName=w.value:(r.spec=l.value.spec,l.value.compose.trim()&&(r.compose=l.value.compose));const d=await I.put(`/api/deployments/${encodeURIComponent(o)}`,r);if(S.value=!1,d.status===200||d.status===201){u.value={id:d.body.id??o,stack:d.body.stack??"?",created:d.status===201,stackSharedWith:d.body.stackSharedWith},oe(o,h.value),_(),ee("ok",`${d.status===201?"Created":"Replaced"} ${o} → ${u.value.stack}`,{to:`/deployments/${encodeURIComponent(o)}`,toLabel:"Open"});return}g.value=te(d,"save this deployment")}function z(){k.value="inline",l.value.spec=Oe,l.value.compose.trim()||(l.value.compose=De),l.value.id||(l.value.id="pr-123"),h.value.some(o=>o.k)||(h.value=[{k:"PR",v:"123"}])}return(o,e)=>{var d,U;const r=Y("RouterLink");return a(),n("div",null,[t("div",de,[t("div",null,[t("h1",null,v(E.value?"Edit a deployment":$.value?"Duplicate a deployment":"Submit a deployment"),1),t("div",ue,v(E.value?"Loaded from what is stored; saving replaces the record":$.value?`Copied from ${$.value} — give it a new id, then edit`:"Stores a spec so it can be deployed"),1)]),e[7]||(e[7]=t("span",{class:"grow"},null,-1)),t("button",{class:"ghost",onClick:z},"Load example spec")]),t("section",pe,[t("p",ve,[e[9]||(e[9]=s(" Nothing is saved until the spec is valid. ",-1)),p(V,{label:"what happens on a rejected submission"},{default:m(()=>[...e[8]||(e[8]=[s(" The spec is checked before anything is written, so a rejected submission leaves nothing behind — and a replace never destroys a good record over a typo. Whether the deployment is shared or isolated comes from the spec, not from this form. ",-1)])]),_:1})]),$.value&&!E.value?(a(),n("div",me,[e[22]||(e[22]=t("b",null,"Change the stack, not just the id.",-1)),t("p",null,[e[13]||(e[13]=s(" Two deployments that resolve to the same ",-1)),e[14]||(e[14]=t("code",null,"stack",-1)),e[15]||(e[15]=s(" drive the same compose project — ",-1)),e[16]||(e[16]=t("code",null,"down",-1)),e[17]||(e[17]=s(" on either stops the other's containers. If the stack interpolates a variable (",-1)),e[18]||(e[18]=t("code",null,"pr-${PR}",-1)),e[19]||(e[19]=s(") give it a different value below; if it is a literal, edit the ",-1)),e[20]||(e[20]=t("code",null,"stack:",-1)),e[21]||(e[21]=s(" line. ",-1)),c.value==="withheld"?(a(),n(R,{key:0},[e[11]||(e[11]=s(" The spec could not be copied without an access token — ",-1)),p(r,{to:"/settings"},{default:m(()=>[...e[10]||(e[10]=[s("add yours",-1)])]),_:1}),e[12]||(e[12]=s(". ",-1))],64)):y("",!0)])])):y("",!0),E.value?(a(),n("div",{key:1,class:G(["banner",c.value==="loaded"?"info":"warn"])},[t("b",null,"Replacing "+v(P.id)+".",1),c.value==="loading"?(a(),n("p",ye,"Loading what is stored…")):c.value==="loaded"?(a(),n("p",ce," Loaded from the stored record — edit it and save. Saving replaces the record outright, so anything you delete here stops being tracked while whatever it created keeps running. ")):c.value==="withheld"?(a(),n("p",fe,[e[24]||(e[24]=s(" The stored spec was not loaded: reading it needs an access token, because hooks routinely carry a credential inline. ",-1)),p(r,{to:"/settings"},{default:m(()=>[...e[23]||(e[23]=[s("Add your token",-1)])]),_:1}),e[25]||(e[25]=s(" to edit in place — otherwise paste the ",-1)),e[26]||(e[26]=t("b",null,"complete",-1)),e[27]||(e[27]=s(" spec, since anything you leave out stops being tracked. ",-1))])):(a(),n("p",he,[...e[28]||(e[28]=[s(" The stored spec could not be loaded, so this form is empty. Paste the ",-1),t("b",null,"complete",-1),s(" spec you want stored — anything you leave out stops being tracked while whatever it created keeps running. ",-1)])]))],2)):y("",!0),b.value?(a(),n("div",ke,[t("b",null,"This deployment tracks the stored spec “"+v(b.value)+"”.",1),t("p",null,[e[30]||(e[30]=s(" Saving here writes a private copy and stops it following that spec. To change every deployment using it, edit ",-1)),p(r,{to:`/specs/${encodeURIComponent(b.value)}`},{default:m(()=>[...e[29]||(e[29]=[s("the spec",-1)])]),_:1},8,["to"]),e[31]||(e[31]=s(" instead. ",-1))])])):y("",!0),t("div",be,[t("div",ge,[e[32]||(e[32]=t("label",{for:"did"},"Deployment id",-1)),A(t("input",{id:"did","onUpdate:modelValue":e[0]||(e[0]=i=>l.value.id=i),type:"text",placeholder:"pr-123",spellcheck:"false",autocomplete:"off"},null,512),[[N,l.value.id,void 0,{trim:!0}]])]),t("span",we,[e[34]||(e[34]=s(" Lower case ",-1)),p(V,{label:"allowed characters in a deployment id"},{default:m(()=>[...e[33]||(e[33]=[s(" Starts with a letter or digit, then letters, digits, dot, dash or underscore. Up to 64 characters — ",-1),t("code",null,"[a-z0-9][a-z0-9._-]{0,63}",-1),s(". ",-1)])]),_:1})])]),x.value.length?(a(),n("div",Se,[t("label",xe,[A(t("input",{"onUpdate:modelValue":e[1]||(e[1]=i=>k.value=i),type:"radio",value:"inline"},null,512),[[O,k.value]]),e[35]||(e[35]=s(" inline spec ",-1))]),t("label",Ce,[A(t("input",{"onUpdate:modelValue":e[2]||(e[2]=i=>k.value=i),type:"radio",value:"stored"},null,512),[[O,k.value]]),e[36]||(e[36]=s(" reference a stored spec ",-1))])])):y("",!0),k.value==="stored"&&x.value.length?(a(),n(R,{key:4},[t("div",$e,[e[37]||(e[37]=t("label",{for:"sn"},"Stored spec",-1)),p(re,{modelValue:w.value,"onUpdate:modelValue":e[3]||(e[3]=i=>w.value=i),id:"sn",label:"Stored spec",options:M.value},null,8,["modelValue","options"])]),C.value?(a(),n("p",Ve,[C.value.description?(a(),n("span",Re,v(C.value.description)+" — ",1)):y("",!0),e[39]||(e[39]=s(" needs ",-1)),C.value.requiredVars.length?(a(),n("b",Ae,v(C.value.requiredVars.join(", ")),1)):(a(),n("span",Te,"no variables")),e[40]||(e[40]=s(". ",-1)),p(V,{label:"why variables are required"},{default:m(()=>[...e[38]||(e[38]=[s(" A missing variable is refused by name. It is never filled in with a blank, which would silently give every deployment the same stack name. ",-1)])]),_:1})])):y("",!0)],64)):(a(),n(R,{key:5},[t("div",Le,[e[41]||(e[41]=t("label",{for:"spec"},"spec.yml",-1)),A(t("textarea",{id:"spec","onUpdate:modelValue":e[4]||(e[4]=i=>l.value.spec=i),rows:"18",spellcheck:"false",placeholder:`version: 1
-kind: isolated
-stack: pr-\${PR}
-axes: []`},null,512),[[N,l.value.spec]])]),t("div",Ee,[e[42]||(e[42]=t("label",{for:"compose"},[s("compose.yml "),t("span",{class:"mute"},"(optional)")],-1)),A(t("textarea",{id:"compose","onUpdate:modelValue":e[5]||(e[5]=i=>l.value.compose=i),rows:"8",spellcheck:"false",placeholder:"Written next to spec.yml, so a compose file named compose.yml resolves"},null,512),[[N,l.value.compose]])]),t("p",Ue,[e[44]||(e[44]=s(" Hooks must be inline shell or an absolute path. ",-1)),p(V,{label:"why a relative script path does not work"},{default:m(()=>[...e[43]||(e[43]=[s(" A deployment directory only ever holds ",-1),t("code",null,"spec.yml",-1),s(" and ",-1),t("code",null,"compose.yml",-1),s(", and hooks run from there — so ",-1),t("code",null,"up: ./hooks/db.sh",-1),s(" has nothing to find. ",-1)])]),_:1})])],64)),e[55]||(e[55]=t("h2",{class:"section",style:{margin:"var(--s5) 0 var(--s3)"}},"Variables",-1)),p(ie,{modelValue:h.value,"onUpdate:modelValue":e[6]||(e[6]=i=>h.value=i)},null,8,["modelValue"]),t("p",Ie,[e[46]||(e[46]=s(" Saved with the deployment, so tearing it down later targets the same stack. ",-1)),p(V,{label:"how variables are remembered"},{default:m(()=>[...e[45]||(e[45]=[s(" 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})]),t("div",Ne,[p(ae,{variant:"primary",pending:S.value,disabled:!B.value,onClick:K},{default:m(()=>[s(v(S.value?"submitting…":"Submit"),1)]),_:1},8,["pending","disabled"]),u.value?(a(),n("span",Pe,[s(v(u.value.created?"Created":"Replaced")+" — stack ",1),t("b",null,v(u.value.stack),1),p(r,{to:`/deployments/${encodeURIComponent(u.value.id)}`,style:{"margin-left":"8px"}},{default:m(()=>[...e[47]||(e[47]=[s(" open → ",-1)])]),_:1},8,["to"])])):y("",!0)]),(U=(d=u.value)==null?void 0:d.stackSharedWith)!=null&&U.length?(a(),n("div",We,[t("b",null,"Another deployment already resolves to stack “"+v(u.value.stack)+"”.",1),t("p",null,[(a(!0),n(R,null,J(u.value.stackSharedWith,(i,H)=>(a(),n(R,{key:i},[p(r,{to:`/deployments/${encodeURIComponent(i)}`},{default:m(()=>[s(v(i),1)]),_:2},1032,["to"]),H<u.value.stackSharedWith.length-1?(a(),n("span",je,", ")):y("",!0)],64))),128)),e[48]||(e[48]=s("— both records now drive the same compose project, so ",-1)),e[49]||(e[49]=t("code",null,"down",-1)),e[50]||(e[50]=s(" on either stops the other's containers and ",-1)),e[51]||(e[51]=t("code",null,"verify",-1)),e[52]||(e[52]=s(" on either reports the other's leaks. If that was not intended, change this one's ",-1)),e[53]||(e[53]=t("code",null,"stack",-1)),e[54]||(e[54]=s(" and save again. ",-1))])])):y("",!0),g.value?(a(),Q(ne,{key:7,text:g.value,title:"The server rejected this submission."},null,8,["text"])):y("",!0)])])}}});export{Xe as default};
-//# sourceMappingURL=SubmitView-CufYXtWD.js.map

package/dist/assets/SubmitView-CufYXtWD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubmitView-CufYXtWD.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 { useRoute } from 'vue-router';\nimport { api, problem } from '../api/client';\nimport InfoHint from '../components/InfoHint.vue';\nimport type {\n  DeploymentSourceResponse,\n  SpecMeta,\n  SpecsResponse,\n  SubmitResponse,\n  VarPair,\n} 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';\nimport SelectMenu from '../components/SelectMenu.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<{\n  id: string;\n  stack: string;\n  created: boolean;\n  /** Other deployments resolving to the same stack — reported by the server on a new deployment. */\n  stackSharedWith?: string[];\n} | 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[]>([]);\n\n/** `— choose —` stays first: an empty value is a real state here, not a placeholder. */\nconst specOptions = computed(() => [\n  { value: '', label: '— choose —' },\n  ...specs.value.map((s) => ({ value: s.name, label: s.name, hint: s.kind })),\n]);\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 * Duplicate mode: `/submit?from=<id>` copies an existing deployment's spec, compose and variables into\n * a NEW submission. Distinct from replacing — the id starts empty so you name the new one, and nothing\n * is written over.\n *\n * The `stack:` line is the thing to watch, which is why the banner says so: copy a spec whose stack is a\n * literal and both deployments drive the same compose project, so `down` on either stops the other's\n * containers. A spec whose stack interpolates a variable (`pr-${PR}`) just needs a different value. The\n * server independently reports a collision at submit time — see `stackSharedWith`.\n */\nconst route = useRoute();\nconst copyFrom = computed(() => {\n  const v = route.query.from;\n  return typeof v === 'string' && v ? v : null;\n});\n\n/**\n * Replacing now PRE-FILLS from what is stored.\n *\n * It used to start empty, because nothing could hand the source back. Replacing is whole-record, so\n * an operator retyping a spec from memory silently dropped whatever they forgot — and a dropped axis\n * stops being tracked while the resources it created keep running. Being unable to read your own\n * submission is what made that a likely mistake rather than a careless one.\n *\n * The body is still cleared FIRST, on every id change. A leftover body from another deployment is the\n * dangerous case: it is perfectly valid YAML, so the PUT would succeed and overwrite the wrong\n * deployment with nothing able to catch it. Clearing first means a failed or withheld fetch leaves the\n * form empty rather than holding someone else's spec.\n */\nconst sourceState = ref<'idle' | 'loading' | 'loaded' | 'withheld' | 'failed'>('idle');\n/** Set when this deployment tracks a stored spec — editing this copy forks it from the original. */\nconst forkWarning = ref<string | null>(null);\n\nasync function loadSource(id: string): Promise<void> {\n  sourceState.value = 'loading';\n  forkWarning.value = null;\n  const r = await api.getAuthed<DeploymentSourceResponse>(\n    `/api/deployments/${encodeURIComponent(id)}/source`,\n  );\n  // A build of the API without the route answers 404; that is a capability difference, not an error,\n  // and it must land on the old empty-form behaviour rather than an alarming banner.\n  if (r.status === 404 || !r.ok) {\n    sourceState.value = 'failed';\n    return;\n  }\n  if (r.body.sourceWithheld) {\n    sourceState.value = 'withheld';\n    if (r.body.specName) forkWarning.value = r.body.specName;\n    return;\n  }\n  // Only fill if the user has not started typing — a slow fetch must never overwrite their edit.\n  if (!form.value.spec) form.value.spec = r.body.spec ?? '';\n  if (!form.value.compose) form.value.compose = r.body.compose ?? '';\n  if (r.body.specName) forkWarning.value = r.body.specName;\n  sourceState.value = 'loaded';\n}\n\n// Duplicate: same fetch, but the id stays empty and the variables come across too, since a copied\n// spec interpolates the same names.\nwatch(\n  copyFrom,\n  async (from) => {\n    if (!from || props.id) return;\n    error.value = '';\n    result.value = null;\n    form.value.spec = '';\n    form.value.compose = '';\n    const saved = rowFor(from)?.vars;\n    if (saved) vars.value = pairsFromRecord(saved);\n    await loadSource(from);\n    // A copied record's own id is not a name for the new one; the operator picks that.\n    form.value.id = '';\n  },\n  { immediate: true },\n);\n\nwatch(\n  () => props.id,\n  (id) => {\n    error.value = '';\n    result.value = null;\n    sourceState.value = 'idle';\n    forkWarning.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    void loadSource(id);\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 = {\n      id: r.body.id ?? id,\n      stack: r.body.stack ?? '?',\n      created: r.status === 201,\n      stackSharedWith: r.body.stackSharedWith,\n    };\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>\n          {{ replacing ? 'Edit a deployment' : copyFrom ? 'Duplicate a deployment' : 'Submit a deployment' }}\n        </h1>\n        <div class=\"sub\">\n          {{\n            replacing\n              ? 'Loaded from what is stored; saving replaces the record'\n              : copyFrom\n                ? `Copied from ${copyFrom} — give it a new id, then edit`\n                : 'Stores a spec so it can be deployed'\n          }}\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      <!--\n        The one thing that makes duplicating dangerous, said before the form rather than after the\n        submission: two records resolving to one stack drive the same compose project.\n      -->\n      <div v-if=\"copyFrom && !replacing\" class=\"banner warn\">\n        <b>Change the stack, not just the id.</b>\n        <p>\n          Two deployments that resolve to the same <code>stack</code> drive the same compose project —\n          <code>down</code> on either stops the other's containers. If the stack interpolates a variable\n          (<code>pr-${PR}</code>) give it a different value below; if it is a literal, edit the\n          <code>stack:</code> line.\n          <template v-if=\"sourceState === 'withheld'\">\n            The spec could not be copied without an access token —\n            <RouterLink to=\"/settings\">add yours</RouterLink>.\n          </template>\n        </p>\n      </div>\n\n      <div v-if=\"replacing\" class=\"banner\" :class=\"sourceState === 'loaded' ? 'info' : 'warn'\">\n        <b>Replacing {{ id }}.</b>\n        <p v-if=\"sourceState === 'loading'\">Loading what is stored…</p>\n        <p v-else-if=\"sourceState === 'loaded'\">\n          Loaded from the stored record — edit it and save. Saving replaces the record outright, so\n          anything you delete here stops being tracked while whatever it created keeps running.\n        </p>\n        <p v-else-if=\"sourceState === 'withheld'\">\n          The stored spec was not loaded: reading it needs an access token, because hooks routinely\n          carry a credential inline. <RouterLink to=\"/settings\">Add your token</RouterLink> to edit\n          in place — otherwise paste the <b>complete</b> spec, since anything you leave out stops\n          being tracked.\n        </p>\n        <p v-else>\n          The stored spec could not be loaded, so this form is empty. Paste the <b>complete</b> spec\n          you want stored — anything you leave out stops being tracked while whatever it created keeps\n          running.\n        </p>\n      </div>\n\n      <!--\n        A deployment that references a stored spec keeps its own copy of the source. Editing that copy\n        forks it: the stored spec every other deployment shares is untouched, and this one stops\n        following it. Silent forks are the kind of thing discovered months later.\n      -->\n      <div v-if=\"forkWarning\" class=\"banner warn\">\n        <b>This deployment tracks the stored spec “{{ forkWarning }}”.</b>\n        <p>\n          Saving here writes a private copy and stops it following that spec. To change every\n          deployment using it, edit\n          <RouterLink :to=\"`/specs/${encodeURIComponent(forkWarning)}`\">the spec</RouterLink> instead.\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          <SelectMenu v-model=\"specName\" id=\"sn\" label=\"Stored spec\" :options=\"specOptions\" />\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      <!--\n        Reported by the server, which resolved every other deployment to check. Shown after the fact\n        because it can only be known once the spec has resolved — and it is a warning, not a rejection:\n        it can be deliberate, and refusing over a guess would be worse than saying so.\n      -->\n      <div v-if=\"result?.stackSharedWith?.length\" class=\"banner warn\">\n        <b>Another deployment already resolves to stack “{{ result.stack }}”.</b>\n        <p>\n          <template v-for=\"(o, i) in result.stackSharedWith\" :key=\"o\">\n            <RouterLink :to=\"`/deployments/${encodeURIComponent(o)}`\">{{ o }}</RouterLink\n            ><span v-if=\"i < result.stackSharedWith.length - 1\">, </span> </template\n          >— both records now drive the same compose project, so <code>down</code> on either stops the\n          other's containers and <code>verify</code> on either reports the other's leaks. If that was not\n          intended, change this one's <code>stack</code> and save again.\n        </p>\n      </div>\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","specOptions","computed","s","api","r","chosenSpec","replacing","route","useRoute","copyFrom","v","sourceState","forkWarning","loadSource","id","watch","from","saved","_a","rowFor","pairsFromRecord","stored","readVars","e","canSubmit","submit","record","recordFromPairs","body","writeVars","loadDeployments","toast","problem","loadExample","_createElementBlock","_createElementVNode","_hoisted_1","_toDisplayString","_hoisted_2","_hoisted_3","_hoisted_4","_createVNode","InfoHint","_cache","_openBlock","_hoisted_5","_Fragment","_component_RouterLink","_normalizeClass","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","$event","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","SelectMenu","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_22","_vModelText","_hoisted_23","_hoisted_24","VarEditor","_hoisted_25","_hoisted_26","ActionButton","_hoisted_27","_b","_hoisted_28","o","i","_createBlock","ErrorNote"],"mappings":"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"}

package/dist/assets/index-BnwKLRM7.css

@@ -1 +0,0 @@
-:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0e1116;--bg-grad: radial-gradient(1100px 620px at 12% -12%, rgba(64, 106, 168, .22) 0%, transparent 70%), radial-gradient(900px 520px at 108% 8%, rgba(96, 76, 168, .13) 0%, transparent 68%);--panel: #171b22;--panel-2: #1e232c;--sunk: #11141a;--line: #2b323d;--line-soft: #21262f;--fg: #eef2f8;--fg-dim: #a4afbe;--fg-mute: #78838f;--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);--hairline: inset 0 1px 0 rgba(255, 255, 255, .055);--hairline-strong: inset 0 1px 0 rgba(255, 255, 255, .09);--elev-1: 0 1px 2px rgba(5, 8, 14, .5);--elev-2: 0 1px 2px rgba(5, 8, 14, .45), 0 6px 16px -4px rgba(5, 8, 14, .5);--elev-3: 0 1px 2px rgba(5, 8, 14, .5), 0 12px 32px -8px rgba(5, 8, 14, .62);--elev-4: 0 2px 4px rgba(5, 8, 14, .5), 0 24px 64px -12px rgba(5, 8, 14, .72);--shadow: var(--elev-2);--hover: rgba(255, 255, 255, .04);--hover-strong: rgba(255, 255, 255, .07);--press: rgba(0, 0, 0, .18);--skel: linear-gradient(90deg, #1c212a 0%, #262d38 50%, #1c212a 100%)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg: #f5f6f8;--bg-grad: radial-gradient(1100px 620px at 12% -12%, rgba(31, 111, 235, .07) 0%, transparent 70%), radial-gradient(900px 520px at 108% 8%, rgba(120, 80, 220, .045) 0%, transparent 68%);--panel: #ffffff;--panel-2: #f4f6f9;--sunk: #eef1f5;--line: #dfe3e9;--line-soft: #eaedf1;--fg: #14181e;--fg-dim: #57616f;--fg-mute: #7d8794;--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);--hairline: inset 0 1px 0 rgba(255, 255, 255, .9);--hairline-strong: inset 0 1px 0 rgba(255, 255, 255, 1);--elev-1: 0 1px 1px rgba(16, 24, 40, .05);--elev-2: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 12px -2px rgba(16, 24, 40, .07);--elev-3: 0 1px 2px rgba(16, 24, 40, .07), 0 10px 28px -6px rgba(16, 24, 40, .1);--elev-4: 0 2px 4px rgba(16, 24, 40, .07), 0 22px 56px -10px rgba(16, 24, 40, .14);--shadow: var(--elev-2);--hover: rgba(16, 24, 40, .035);--hover-strong: rgba(16, 24, 40, .06);--press: rgba(16, 24, 40, .07);--skel: linear-gradient(90deg, #e9edf2 0%, #f6f8fa 50%, #e9edf2 100%)}}:root[data-theme=light]{color-scheme:light;--bg: #f5f6f8;--bg-grad: radial-gradient(1100px 620px at 12% -12%, rgba(31, 111, 235, .07) 0%, transparent 70%), radial-gradient(900px 520px at 108% 8%, rgba(120, 80, 220, .045) 0%, transparent 68%);--panel: #ffffff;--panel-2: #f4f6f9;--sunk: #eef1f5;--line: #dfe3e9;--line-soft: #eaedf1;--fg: #14181e;--fg-dim: #57616f;--fg-mute: #7d8794;--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);--hairline: inset 0 1px 0 rgba(255, 255, 255, .9);--hairline-strong: inset 0 1px 0 rgba(255, 255, 255, 1);--elev-1: 0 1px 1px rgba(16, 24, 40, .05);--elev-2: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 12px -2px rgba(16, 24, 40, .07);--elev-3: 0 1px 2px rgba(16, 24, 40, .07), 0 10px 28px -6px rgba(16, 24, 40, .1);--elev-4: 0 2px 4px rgba(16, 24, 40, .07), 0 22px 56px -10px rgba(16, 24, 40, .14);--shadow: var(--elev-2);--hover: rgba(16, 24, 40, .035);--hover-strong: rgba(16, 24, 40, .06);--press: rgba(16, 24, 40, .07);--skel: linear-gradient(90deg, #e9edf2 0%, #f6f8fa 50%, #e9edf2 100%)}:root{--t-xs: 12px;--t-sm: 13.5px;--t-md: 15px;--t-lg: 17px;--t-xl: 22px;--t-2xl: 28px;--t-3xl: 36px;--track-display: -.022em;--track-title: -.014em;--track-body: -.003em;--track-caps: .075em;--lh-tight: 1.15;--lh-body: 1.55;--sans: -apple-system, BlinkMacSystemFont, "Inter var", Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r1: 9px;--r2: 13px;--r3: 16px;--r4: 20px;--rail: 216px;--gap-shell: 12px;--measure: 1240px;--ring: 0 0 0 2px var(--bg), 0 0 0 4px color-mix(in srgb, var(--accent) 62%, transparent);--dur-fast: .11s;--dur: .17s;--dur-slow: .28s;--ease: cubic-bezier(.2, .7, .3, 1);--ease-spring: cubic-bezier(.22, 1.4, .36, 1);--stagger-step: 26ms}@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:not([data-motion=full])::view-transition-old(root),:root:not([data-motion=full])::view-transition-new(root){animation:none!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}:root[data-motion=none]::view-transition-old(root),:root[data-motion=none]::view-transition-new(root){animation:none!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) / var(--lh-body) var(--sans);letter-spacing:var(--track-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;font-feature-settings:"cv05" 1;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:none;box-shadow:var(--ring);border-radius:var(--r1)}a:focus-visible{border-radius:4px}.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)}.shell.no-rail{grid-template-columns:minmax(0,1fr)}.shell.no-rail .view{max-width:none;min-height:100dvh;display:grid;place-items:center;padding:var(--s5)}.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:640;letter-spacing:var(--track-display);line-height:var(--lh-tight)}.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:var(--track-caps);color:var(--fg-dim);font-weight:620}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;container-type:inline-size;box-shadow:var(--hairline),var(--elev-2)}.panel.flush{padding:0;overflow:hidden}.panel>.phead{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s3)}.panel.flush>.phead{padding:var(--s4) var(--s4) 0}.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:530 var(--t-sm) / 1 var(--sans);letter-spacing:var(--track-body);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;box-shadow:var(--hairline),var(--elev-1);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}button:hover:not(:disabled),.btn:hover{border-color:color-mix(in srgb,var(--fg-mute) 60%,var(--line));background:color-mix(in srgb,var(--hover) 100%,var(--panel-2));text-decoration:none}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px var(--press)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff) 0%,var(--accent) 100%);border-color:color-mix(in srgb,var(--accent) 75%,#000);color:#fff;box-shadow:var(--hairline-strong),var(--elev-2),0 0 color-mix(in srgb,var(--accent) 40%,transparent)}button.primary:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 78%,#fff),color-mix(in srgb,var(--accent) 94%,#fff));border-color:color-mix(in srgb,var(--accent) 75%,#000);box-shadow:var(--hairline-strong),var(--elev-2),0 0 18px -2px color-mix(in srgb,var(--accent) 45%,transparent)}button.danger{background:var(--fail-soft);border-color:color-mix(in srgb,var(--fail) 45%,transparent);color:var(--fail)}button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--fail) 26%,transparent);border-color:color-mix(in srgb,var(--fail) 62%,transparent)}button.ghost{background:transparent;box-shadow:none}button.ghost:hover:not(:disabled){background:var(--hover)}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);letter-spacing:var(--track-body);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;box-shadow:inset 0 1px 2px var(--press);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}input[type=text]:hover,input[type=password]:hover,input[type=search]:hover,textarea:hover,select:hover{border-color:color-mix(in srgb,var(--fg-mute) 55%,var(--line))}input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:inset 0 1px 2px var(--press),0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}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)}.row>.field+.field,.row>.field+.hint,.row>.hint+.field{margin-top:0}.row.wrap>.field,.row>.field{align-self:stretch}.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:620 var(--t-xs) / 1 var(--sans);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--fg-mute);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1;background:var(--panel);white-space:nowrap}td{padding:var(--s2) 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(--hover)}tbody tr:last-child td{border-bottom:none}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(3,1fr);gap:var(--s2)}@container (min-width: 680px){.stats{grid-template-columns:repeat(6,1fr)}}.stat{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r2);padding:var(--s3);box-shadow:var(--hairline);min-width:0}.stat .v{font:600 var(--t-2xl) / 1.1 var(--sans);letter-spacing:var(--track-display);font-variant-numeric:tabular-nums}.stat[data-zero=true] .v{color:var(--fg-mute);font-weight:500}.stat .k{font-size:var(--t-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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-radius:var(--r2);padding:var(--s3) var(--s3) var(--s3) var(--s2);box-shadow:var(--hairline),var(--elev-4);font-size:var(--t-sm);position:relative}.toast:before{content:"";flex:none;width:8px;height:8px;margin:6px 0 0 var(--s2);border-radius:50%;background:var(--neutral);box-shadow:0 0 0 3px var(--neutral-soft)}.toast.ok:before{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.toast.error:before{background:var(--fail);box-shadow:0 0 0 3px var(--fail-soft)}.toast.warn:before{background:var(--leak);box-shadow:0 0 0 3px var(--leak-soft)}.toast.info:before{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.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)}.palette-scrim{align-items:flex-start;padding-top:12vh}.palette{width:min(620px,calc(100vw - var(--s5)));background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--hairline-strong),var(--elev-4);overflow:hidden;display:flex;flex-direction:column;max-height:min(60vh,560px)}.palette-q{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-soft);color:var(--fg-mute)}.palette-q input{flex:1;background:none;border:none;box-shadow:none;padding:0;min-height:26px;font-size:var(--t-lg);letter-spacing:var(--track-title);color:var(--fg)}.palette-q input:focus{outline:none;border:none;box-shadow:none}.palette-list{overflow-y:auto;padding:var(--s2);min-height:0}.palette-group{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--fg-mute);padding:var(--s3) var(--s2) var(--s1)}.palette-row{display:flex;align-items:center;gap:var(--s3);width:100%;text-align:left;background:none;border:none;box-shadow:none;border-radius:var(--r1);padding:var(--s2) var(--s3);min-height:34px;color:var(--fg)}.palette-row[data-on=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}.palette-label{font-weight:520}.palette-hint{margin-left:auto;color:var(--fg-mute);font-size:var(--t-xs);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.palette-empty{color:var(--fg-mute);padding:var(--s5) var(--s3);text-align:center;font-size:var(--t-sm)}.palette-foot{display:flex;gap:var(--s4);align-items:center;padding:var(--s2) var(--s4);border-top:1px solid var(--line-soft);background:var(--panel-2);color:var(--fg-mute);font-size:var(--t-xs)}kbd{font:500 11px / 1 var(--mono);color:var(--fg-dim);background:var(--sunk);border:1px solid var(--line);border-radius:5px;padding:3px 5px;margin-right:3px}.fade-enter-active .palette{animation:palette-in var(--dur-slow) var(--ease-spring)}@keyframes palette-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur);animation-timing-function:var(--ease)}::view-transition-old(root){animation-name:vt-out}::view-transition-new(root){animation-name:vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(4px)}}.searchbox{display:flex;align-items:center;gap:var(--s2);flex:1;min-width:180px;padding-inline:var(--s3);background:var(--sunk);border:1px solid var(--line);border-radius:var(--r1);box-shadow:inset 0 1px 2px var(--press);color:var(--fg-mute);min-height:34px;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.searchbox:focus-within{border-color:var(--accent);box-shadow:inset 0 1px 2px var(--press),0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.searchbox input{border:none;background:none;box-shadow:none;padding:0;min-height:0}.searchbox input:focus{outline:none;border:none;box-shadow:none}.searchbox input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.compact{width:auto;min-height:34px;padding-inline-end:var(--s5)}.phead>.check{min-height:34px}.field>.selm-trigger,.selm-trigger{max-width:340px;width:100%}.selm-trigger{display:inline-flex;align-items:center;gap:var(--s2);justify-content:space-between;min-height:34px;padding:0 var(--s2) 0 var(--s3);background:var(--sunk);border:1px solid var(--line);border-radius:var(--r1);box-shadow:inset 0 1px 2px var(--press);font:var(--t-sm) / 1 var(--sans);color:var(--fg);cursor:pointer}.selm-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--fg-mute) 55%,var(--line))}.selm-trigger[data-state=open]{border-color:var(--accent);box-shadow:inset 0 1px 2px var(--press),0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.selm-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selm-caret{flex:none;color:var(--fg-mute);transition:transform var(--dur-fast) var(--ease)}.selm-trigger[data-state=open] .selm-caret{transform:rotate(180deg)}.selm-list{z-index:61;padding:var(--s1);max-height:280px;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--hairline-strong),var(--elev-4);min-width:var(--reka-select-trigger-width);animation:palette-in var(--dur) var(--ease-spring)}.selm-opt{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);min-height:30px;border-radius:calc(var(--r1) - 2px);font-size:var(--t-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.selm-opt[data-highlighted]{background:var(--accent-soft);outline:none}.selm-opt[data-disabled]{opacity:.45;cursor:not-allowed}.selm-hint{color:var(--fg-mute);font-size:var(--t-xs);margin-inline-start:auto}.selm-tick{margin-inline-start:auto;color:var(--accent);display:inline-flex}.selm-hint+.selm-tick{margin-inline-start:var(--s2)}input[type=checkbox],input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:17px;height:17px;margin:0;border:1px solid color-mix(in srgb,var(--fg-mute) 60%,var(--line));background:var(--sunk);box-shadow:inset 0 1px 2px var(--press);cursor:pointer;display:grid;place-content:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}input[type=checkbox]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--accent)}input[type=checkbox]:before,input[type=radio]:before{content:"";transform:scale(0);transition:transform var(--dur-fast) var(--ease-spring)}input[type=checkbox]:before{width:11px;height:11px;background:#fff;clip-path:polygon(14% 47%,0 61%,40% 100%,100% 22%,85% 9%,39% 71%)}input[type=radio]:before{width:7px;height:7px;border-radius:50%;background:#fff}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}.helpq{display:inline-grid;place-items:center;width:18px;height:18px;padding:0;min-height:0;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);box-shadow:none;color:var(--fg-mute);cursor:pointer;vertical-align:middle}.helpq:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.help-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70}.help-modal{position:fixed;z-index:71;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - var(--s5)));max-height:min(80vh,720px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--hairline-strong),var(--elev-4);animation:help-in var(--dur-slow) var(--ease-spring)}@keyframes help-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}}.help-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s4) var(--s3);border-bottom:1px solid var(--line-soft)}.help-title{font-size:var(--t-lg);font-weight:620;letter-spacing:var(--track-title);margin:0;flex:1}.help-body{padding:var(--s4);overflow-y:auto;color:var(--fg-dim);font-size:var(--t-sm);line-height:var(--lh-body)}.help-body>*+*{margin-top:var(--s3)}.help-body b,.help-body strong{color:var(--fg)}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--s2) var(--s4);margin-top:var(--s2)}.check-grid .check{min-height:26px}