@samyx/preview-stacks-ui 0.22.0 → 0.23.0

package/dist/assets/SettingsView-CQIMBeQh.js

@@ -0,0 +1,2 @@
+import{d as _,c as d,a as t,i as f,v as x,u as s,R as o,f as n,e as k,w as v,_ as c,a3 as B,t as u,g as m,x as E,F as S,y as l,r as y,C as g,a5 as L,J as T,o as r}from"./index-wjzRhuU3.js";import{_ as U}from"./ActionButton.vue_vue_type_script_setup_true_lang-CeingrPV.js";import{_ as b}from"./SelectMenu.vue_vue_type_script_setup_true_lang-CSQS6ben.js";import"./Teleport-BXE_6A8N.js";const $={class:"panel settings-form"},A={class:"field"},D={class:"mute hint"},N={class:"field"},R=["type"],F={class:"row",style:{"margin-top":"var(--s2)"}},M={key:2,class:"mute",style:{"font-size":"var(--t-xs)"}},q={class:"mute hint"},H={class:"row",style:{gap:"8px","margin-top":"4px"}},I=["disabled"],P={key:0,class:"mute"},j={key:1,class:"bad"},z={class:"panel"},J={class:"field"},O={class:"field"},Y=_({__name:"SettingsView",setup(W){const p=y(!1),h=y(!1),w=g(()=>{const i=o.token;return i.startsWith("pstack_pat_")?"Looks like a personal token.":/^[0-9a-f]{40,}$/i.test(i)?"Looks like a machine token.":`${i.length} characters — this does not look like a pstack token.`}),C=g(()=>{var i;return((i=l.health)==null?void 0:i.authEnforced)??null});async function V(){p.value=!0;try{await L(),T(l.healthError?"error":"ok",l.healthError||"Control plane reachable")}finally{p.value=!1}}return(i,e)=>(r(),d("div",null,[e[19]||(e[19]=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",$,[e[14]||(e[14]=t("h2",{class:"phead-title"},"Connection",-1)),t("div",A,[e[8]||(e[8]=t("label",{for:"apiBase"},"API base URL",-1)),f(t("input",{id:"apiBase","onUpdate:modelValue":e[0]||(e[0]=a=>s(o).apiBase=a),type:"url",spellcheck:"false",placeholder:"(same origin)"},null,512),[[x,s(o).apiBase,void 0,{trim:!0}]]),t("div",D,[e[7]||(e[7]=n(" Leave it empty unless you are pointing this page at another host. ",-1)),k(c,{label:"about the API base URL"},{default:v(()=>[...e[6]||(e[6]=[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",N,[e[11]||(e[11]=t("label",{for:"token"},"Access token",-1)),f(t("input",{id:"token","onUpdate:modelValue":e[1]||(e[1]=a=>s(o).token=a),type:h.value||!s(o).token?"text":"password",name:"pstack-access-token",autocomplete:"off","data-1p-ignore":"","data-lpignore":"true","data-bwignore":"","data-form-type":"other",spellcheck:"false",placeholder:"paste the token from pstack init"},null,8,R),[[B,s(o).token,void 0,{trim:!0}]]),t("div",F,[s(o).token?(r(),d("button",{key:0,class:"ghost sm",onClick:e[2]||(e[2]=a=>h.value=!h.value)},u(h.value?"Hide":"Show"),1)):m("",!0),s(o).token?(r(),E(U,{key:1,variant:"ghost",class:"sm",confirm:"Clear it?",onRun:e[3]||(e[3]=a=>s(o).token="")},{default:v(()=>[...e[9]||(e[9]=[n(" Clear ",-1)])]),_:1})):m("",!0),s(o).token?(r(),d("span",M,u(w.value),1)):m("",!0)]),t("div",q,[e[10]||(e[10]=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)),C.value===!1?(r(),d(S,{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)):m("",!0)])]),t("div",H,[t("button",{class:"btn",disabled:p.value,onClick:V},u(p.value?"Checking…":"Test connection"),9,I),s(l).health?(r(),d("span",P,[n(" Connected to pstack "+u(s(l).health.version)+" ",1),k(c,{label:"where data is stored"},{default:v(()=>[e[12]||(e[12]=n(" Deployment records and stored specs live in ",-1)),t("code",null,u(s(l).health.dataDir),1),e[13]||(e[13]=n(" on the host. ",-1))]),_:1})])):s(l).healthError?(r(),d("span",j,u(s(l).healthError),1)):m("",!0)])]),t("section",z,[e[18]||(e[18]=t("h2",{class:"phead-title"},"Appearance",-1)),t("div",J,[e[15]||(e[15]=t("label",{for:"theme"},"Theme",-1)),k(b,{modelValue:s(o).theme,"onUpdate:modelValue":e[4]||(e[4]=a=>s(o).theme=a),id:"theme",label:"Theme",options:[{value:"system",label:"Follow the system"},{value:"dark",label:"Dark"},{value:"light",label:"Light"}]},null,8,["modelValue"])]),t("div",O,[e[16]||(e[16]=t("label",{for:"motion"},"Motion",-1)),k(b,{modelValue:s(o).motion,"onUpdate:modelValue":e[5]||(e[5]=a=>s(o).motion=a),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[17]||(e[17]=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{Y as default};
+//# sourceMappingURL=SettingsView-CQIMBeQh.js.map

package/dist/assets/{SettingsView-Cu1Zkufg.js.map → SettingsView-CQIMBeQh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SettingsView-Cu1Zkufg.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 ActionButton from '../components/ActionButton.vue';\nimport InfoHint from '../components/InfoHint.vue';\nimport SelectMenu from '../components/SelectMenu.vue';\n\nconst checking = ref(false);\nconst reveal = ref(false);\n\n/**\n * What is in the token box, described without printing it.\n *\n * The point is to make a WRONG value visible at a glance. A password autofilled into this field is\n * short and matches neither shape, and \"12 characters, not a pstack token\" is the sentence that\n * ends the mystery — before this, the only symptom was every page 401ing.\n */\nconst tokenShape = computed(() => {\n  const t = settings.token;\n  if (t.startsWith('pstack_pat_')) return 'Looks like a personal token.';\n  if (/^[0-9a-f]{40,}$/i.test(t)) return 'Looks like a machine token.';\n  return `${t.length} characters — this does not look like a pstack token.`;\n});\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    <!-- `settings-form` caps the field widths: a URL input stretched to the panel's full 1500px\n         reads as a text editor, not a form — see the rule in app.css. -->\n    <section class=\"panel settings-form\">\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        <!--\n          NOT `type=\"password\"`, and none of these attributes are decorative.\n\n          This field is why \"opening Settings signs me out\" was a real bug. A password input is an\n          autofill magnet: Chrome and every password manager fill one on sight and ignore\n          `autocomplete=\"off\"` while doing it. The filled value went straight through `v-model` into\n          localStorage and onto every request as `Authorization: Bearer <someone's password>` — and\n          the server used to treat a bad bearer as a hard refusal rather than falling back to the\n          session cookie, so a perfectly good login 401'd on every route until site data was cleared.\n\n          The server now falls through (that is the real fix), and this field stops inviting the\n          fill: a text input that masks itself only while it holds a value, named nothing like a\n          password, with the ignore hints the managers respect.\n        -->\n        <input\n          id=\"token\"\n          v-model.trim=\"settings.token\"\n          :type=\"reveal || !settings.token ? 'text' : 'password'\"\n          name=\"pstack-access-token\"\n          autocomplete=\"off\"\n          data-1p-ignore\n          data-lpignore=\"true\"\n          data-bwignore\n          data-form-type=\"other\"\n          spellcheck=\"false\"\n          placeholder=\"paste the token from pstack init\"\n        />\n        <div class=\"row\" style=\"margin-top: var(--s2)\">\n          <button v-if=\"settings.token\" class=\"ghost sm\" @click=\"reveal = !reveal\">\n            {{ reveal ? 'Hide' : 'Show' }}\n          </button>\n          <ActionButton\n            v-if=\"settings.token\"\n            variant=\"ghost\"\n            class=\"sm\"\n            confirm=\"Clear it?\"\n            @run=\"settings.token = ''\"\n          >\n            Clear\n          </ActionButton>\n          <span v-if=\"settings.token\" class=\"mute\" style=\"font-size: var(--t-xs)\">\n            {{ tokenShape }}\n          </span>\n        </div>\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","reveal","tokenShape","computed","t","settings","authEnforced","_a","state","recheck","loadHealth","toast","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","$event","_unref","_hoisted_3","_createVNode","InfoHint","_hoisted_4","_hoisted_6","_createBlock","ActionButton","_hoisted_7","_toDisplayString","_hoisted_8","_Fragment","_hoisted_9","_hoisted_10","_openBlock","_hoisted_11","_createTextVNode","_hoisted_12","_hoisted_13","_hoisted_14","SelectMenu","_hoisted_15"],"mappings":"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"}
+{"version":3,"file":"SettingsView-CQIMBeQh.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 ActionButton from '../components/ActionButton.vue';\nimport InfoHint from '../components/InfoHint.vue';\nimport SelectMenu from '../components/SelectMenu.vue';\n\nconst checking = ref(false);\nconst reveal = ref(false);\n\n/**\n * What is in the token box, described without printing it.\n *\n * The point is to make a WRONG value visible at a glance. A password autofilled into this field is\n * short and matches neither shape, and \"12 characters, not a pstack token\" is the sentence that\n * ends the mystery — before this, the only symptom was every page 401ing.\n */\nconst tokenShape = computed(() => {\n  const t = settings.token;\n  if (t.startsWith('pstack_pat_')) return 'Looks like a personal token.';\n  if (/^[0-9a-f]{40,}$/i.test(t)) return 'Looks like a machine token.';\n  return `${t.length} characters — this does not look like a pstack token.`;\n});\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    <!-- `settings-form` caps the field widths: a URL input stretched to the panel's full 1500px\n         reads as a text editor, not a form — see the rule in app.css. -->\n    <section class=\"panel settings-form\">\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        <!--\n          NOT `type=\"password\"`, and none of these attributes are decorative.\n\n          This field is why \"opening Settings signs me out\" was a real bug. A password input is an\n          autofill magnet: Chrome and every password manager fill one on sight and ignore\n          `autocomplete=\"off\"` while doing it. The filled value went straight through `v-model` into\n          localStorage and onto every request as `Authorization: Bearer <someone's password>` — and\n          the server used to treat a bad bearer as a hard refusal rather than falling back to the\n          session cookie, so a perfectly good login 401'd on every route until site data was cleared.\n\n          The server now falls through (that is the real fix), and this field stops inviting the\n          fill: a text input that masks itself only while it holds a value, named nothing like a\n          password, with the ignore hints the managers respect.\n        -->\n        <input\n          id=\"token\"\n          v-model.trim=\"settings.token\"\n          :type=\"reveal || !settings.token ? 'text' : 'password'\"\n          name=\"pstack-access-token\"\n          autocomplete=\"off\"\n          data-1p-ignore\n          data-lpignore=\"true\"\n          data-bwignore\n          data-form-type=\"other\"\n          spellcheck=\"false\"\n          placeholder=\"paste the token from pstack init\"\n        />\n        <div class=\"row\" style=\"margin-top: var(--s2)\">\n          <button v-if=\"settings.token\" class=\"ghost sm\" @click=\"reveal = !reveal\">\n            {{ reveal ? 'Hide' : 'Show' }}\n          </button>\n          <ActionButton\n            v-if=\"settings.token\"\n            variant=\"ghost\"\n            class=\"sm\"\n            confirm=\"Clear it?\"\n            @run=\"settings.token = ''\"\n          >\n            Clear\n          </ActionButton>\n          <span v-if=\"settings.token\" class=\"mute\" style=\"font-size: var(--t-xs)\">\n            {{ tokenShape }}\n          </span>\n        </div>\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","reveal","tokenShape","computed","t","settings","authEnforced","_a","state","recheck","loadHealth","toast","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","$event","_unref","_hoisted_3","_createVNode","InfoHint","_hoisted_4","_hoisted_6","_createBlock","ActionButton","_hoisted_7","_toDisplayString","_hoisted_8","_Fragment","_hoisted_9","_hoisted_10","_openBlock","_hoisted_11","_createTextVNode","_hoisted_12","_hoisted_13","_hoisted_14","SelectMenu","_hoisted_15"],"mappings":"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"}

package/dist/assets/{SkeletonList.vue_vue_type_script_setup_true_lang-BYHXRCNR.js → SkeletonList.vue_vue_type_script_setup_true_lang-DwoeliUC.js}

@@ -1,2 +1,2 @@
-import{d as s,o as e,c as a,F as o,s as r,D as n,E as i}from"./index-DVCVnKbf.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-BYHXRCNR.js.map
+import{d as s,o as e,c as a,F as o,s as r,D as n,E as i}from"./index-wjzRhuU3.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-DwoeliUC.js.map

package/dist/assets/{SkeletonList.vue_vue_type_script_setup_true_lang-BYHXRCNR.js.map → SkeletonList.vue_vue_type_script_setup_true_lang-DwoeliUC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SkeletonList.vue_vue_type_script_setup_true_lang-BYHXRCNR.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":"gQAaEA,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-DwoeliUC.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":"gQAaEA,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-DIi21wo1.js → SpecDetailView-DSlpITFw.js}

@@ -1,2 +1,2 @@
-import{d as R,H as V,y as A,O as $,c as n,a as s,e as c,w as d,t as o,E as D,u as h,g as m,x as b,F as g,f as l,_ as N,s as I,r as v,C as L,j as U,o as t,R as z,A as E,B as S}from"./index-DVCVnKbf.js";import{s as j,c as B}from"./useFormat-DVXTfIS-.js";import{_ as q}from"./SkeletonList.vue_vue_type_script_setup_true_lang-BYHXRCNR.js";import{_ as F}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BFuRxw1l.js";const H={class:"page-head"},T={class:"mute",style:{"font-size":"var(--t-sm)"}},O={style:{"font-size":"var(--t-xl)"}},P={class:"sub"},W={key:0},G={key:1},J={key:2},K={key:3,class:"mute"},M={key:1,class:"panel"},Q={class:"banner failed"},X={class:"panel"},Y={key:1,class:"kvlist"},Z={class:"k"},ee={class:"v"},se={key:0},te={key:1,class:"mute"},ne={class:"v"},ae={key:1,class:"mute"},oe={class:"v"},le={class:"v"},ie={key:0,class:"panel"},de={key:0,class:"banner plain"},re={key:1,class:"code"},ue={key:2,class:"mute"},ye=R({__name:"SpecDetailView",props:{name:{}},setup(y){const f=y,a=v(null),r=v(!0),u=v(""),p=v(!1);async function w(){r.value=!0,p.value=!1;const i=await E.getAuthed(`/api/specs/${encodeURIComponent(f.name)}`);if(r.value=!1,i.status===404){p.value=!0;return}if(!i.ok){u.value=S(i,"load this spec");return}u.value="",a.value=i.body}V(()=>f.name,w,{immediate:!0}),V(()=>z.token,w),A.deploymentsLoaded||$();const x=L(()=>A.deployments.filter(i=>i.specName===f.name));return(i,e)=>{var C;const k=U("RouterLink");return t(),n("div",null,[s("div",H,[s("div",null,[s("div",T,[c(k,{to:"/specs"},{default:d(()=>[...e[0]||(e[0]=[l("← specs",-1)])]),_:1})]),s("h1",O,o(y.name),1),s("div",P,[(C=a.value)!=null&&C.description?(t(),n("span",W,o(a.value.description),1)):p.value?(t(),n("span",G,"not found")):r.value?(t(),n("span",J,"loading…")):(t(),n("span",K,"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(h(j)(a.value.kind)),3)):m("",!0)]),u.value?(t(),b(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",Q,[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(g,{key:2},[s("section",X,[r.value?(t(),b(q,{key:0,rows:4})):a.value?(t(),n("ul",Y,[s("li",null,[s("span",Z,[e[4]||(e[4]=l(" Needs ",-1)),c(N,{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",ee,[a.value.requiredVars.length?(t(),n("b",se,o(a.value.requiredVars.join(", ")),1)):(t(),n("span",te,"nothing — every value is fixed by the spec"))])]),s("li",null,[e[6]||(e[6]=s("span",{class:"k"},"Used by",-1)),s("span",ne,[x.value.length?(t(),n(g,{key:0},[(t(!0),n(g,null,I(x.value,_=>(t(),b(k,{key:_.id,to:`/deployments/${encodeURIComponent(_.id)}`,style:{"margin-right":"10px"}},{default:d(()=>[l(o(_.id),1)]),_:2},1032,["to"]))),128)),c(N,{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",ae,"no deployments reference it"))])]),s("li",null,[e[7]||(e[7]=s("span",{class:"k"},"Created",-1)),s("span",oe,o(h(B)(a.value.createdAt)),1)]),s("li",null,[e[8]||(e[8]=s("span",{class:"k"},"Updated",-1)),s("span",le,o(h(B)(a.value.updatedAt)),1)])])):m("",!0)]),a.value?(t(),n("section",ie,[e[13]||(e[13]=s("div",{class:"phead"},[s("h2",{class:"section"},"Source")],-1)),a.value.sourceWithheld?(t(),n("div",de,[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(k,{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",re,o(a.value.source),1)):(t(),n("p",ue,"The server returned no source for this spec."))])):m("",!0)],64))])}}});export{ye as default};
-//# sourceMappingURL=SpecDetailView-DIi21wo1.js.map
+import{d as R,H as V,y as A,O as $,c as n,a as s,e as c,w as d,t as o,E as D,u as h,g as m,x as b,F as g,f as l,_ as N,s as I,r as v,C as L,j as U,o as t,R as z,A as E,B as S}from"./index-wjzRhuU3.js";import{s as j,c as B}from"./useFormat-DVXTfIS-.js";import{_ as q}from"./SkeletonList.vue_vue_type_script_setup_true_lang-DwoeliUC.js";import{_ as F}from"./ErrorNote.vue_vue_type_script_setup_true_lang-DT5SbSbT.js";const H={class:"page-head"},T={class:"mute",style:{"font-size":"var(--t-sm)"}},O={style:{"font-size":"var(--t-xl)"}},P={class:"sub"},W={key:0},G={key:1},J={key:2},K={key:3,class:"mute"},M={key:1,class:"panel"},Q={class:"banner failed"},X={class:"panel"},Y={key:1,class:"kvlist"},Z={class:"k"},ee={class:"v"},se={key:0},te={key:1,class:"mute"},ne={class:"v"},ae={key:1,class:"mute"},oe={class:"v"},le={class:"v"},ie={key:0,class:"panel"},de={key:0,class:"banner plain"},re={key:1,class:"code"},ue={key:2,class:"mute"},ye=R({__name:"SpecDetailView",props:{name:{}},setup(y){const f=y,a=v(null),r=v(!0),u=v(""),p=v(!1);async function w(){r.value=!0,p.value=!1;const i=await E.getAuthed(`/api/specs/${encodeURIComponent(f.name)}`);if(r.value=!1,i.status===404){p.value=!0;return}if(!i.ok){u.value=S(i,"load this spec");return}u.value="",a.value=i.body}V(()=>f.name,w,{immediate:!0}),V(()=>z.token,w),A.deploymentsLoaded||$();const x=L(()=>A.deployments.filter(i=>i.specName===f.name));return(i,e)=>{var C;const k=U("RouterLink");return t(),n("div",null,[s("div",H,[s("div",null,[s("div",T,[c(k,{to:"/specs"},{default:d(()=>[...e[0]||(e[0]=[l("← specs",-1)])]),_:1})]),s("h1",O,o(y.name),1),s("div",P,[(C=a.value)!=null&&C.description?(t(),n("span",W,o(a.value.description),1)):p.value?(t(),n("span",G,"not found")):r.value?(t(),n("span",J,"loading…")):(t(),n("span",K,"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(h(j)(a.value.kind)),3)):m("",!0)]),u.value?(t(),b(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",Q,[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(g,{key:2},[s("section",X,[r.value?(t(),b(q,{key:0,rows:4})):a.value?(t(),n("ul",Y,[s("li",null,[s("span",Z,[e[4]||(e[4]=l(" Needs ",-1)),c(N,{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",ee,[a.value.requiredVars.length?(t(),n("b",se,o(a.value.requiredVars.join(", ")),1)):(t(),n("span",te,"nothing — every value is fixed by the spec"))])]),s("li",null,[e[6]||(e[6]=s("span",{class:"k"},"Used by",-1)),s("span",ne,[x.value.length?(t(),n(g,{key:0},[(t(!0),n(g,null,I(x.value,_=>(t(),b(k,{key:_.id,to:`/deployments/${encodeURIComponent(_.id)}`,style:{"margin-right":"10px"}},{default:d(()=>[l(o(_.id),1)]),_:2},1032,["to"]))),128)),c(N,{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",ae,"no deployments reference it"))])]),s("li",null,[e[7]||(e[7]=s("span",{class:"k"},"Created",-1)),s("span",oe,o(h(B)(a.value.createdAt)),1)]),s("li",null,[e[8]||(e[8]=s("span",{class:"k"},"Updated",-1)),s("span",le,o(h(B)(a.value.updatedAt)),1)])])):m("",!0)]),a.value?(t(),n("section",ie,[e[13]||(e[13]=s("div",{class:"phead"},[s("h2",{class:"section"},"Source")],-1)),a.value.sourceWithheld?(t(),n("div",de,[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(k,{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",re,o(a.value.source),1)):(t(),n("p",ue,"The server returned no source for this spec."))])):m("",!0)],64))])}}});export{ye as default};
+//# sourceMappingURL=SpecDetailView-DSlpITFw.js.map

package/dist/assets/{SpecDetailView-DIi21wo1.js.map → SpecDetailView-DSlpITFw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SpecDetailView-DIi21wo1.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 { sentence, 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\">{{ sentence(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","_unref","sentence","_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","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24"],"mappings":"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"}
+{"version":3,"file":"SpecDetailView-DSlpITFw.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 { sentence, 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\">{{ sentence(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","_unref","sentence","_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","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24"],"mappings":"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"}

package/dist/assets/{SpecsView-B49LI4Ut.js → SpecsView-Cq_Ny0u3.js}

@@ -1,2 +1,2 @@
-import{d as q,y as g,O as L,c as a,a as t,f as l,e as i,w as y,_ as k,x as C,g as f,F as x,i as U,v as T,s as B,t as d,r as p,A as E,B as $,C as N,j as D,o as s,D as z,E as A,u as R}from"./index-DVCVnKbf.js";import{s as j}from"./useFormat-DVXTfIS-.js";import{_ as F}from"./SkeletonList.vue_vue_type_script_setup_true_lang-BYHXRCNR.js";import{_ as I}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BFuRxw1l.js";import{_ as M}from"./RelativeTime.vue_vue_type_script_setup_true_lang-mVrRpkV_.js";import{E as P}from"./EquivalentCommand-NHzDrg5d.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const K={class:"page-head"},O={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"},Q={class:"stagger"},X={class:"name","data-label":"name"},Y={key:0,class:"mute",style:{"font-size":"var(--t-sm)"}},Z={"data-label":"kind"},ee={"data-label":"needs"},te={key:0},se={key:1,class:"mute"},ne={"data-label":"used by"},oe={key:0},ae={key:1,class:"mute"},le={class:"dim nowrap","data-label":"updated"},ie={key:0},de={colspan:"5",class:"mute"},re={key:2,class:"banner plain"},be=q({__name:"SpecsView",setup(pe){const u=p([]),v=p(!1),m=p(""),h=p(!1),c=p("");async function V(){const o=await E.get("/api/specs");if(v.value=!0,o.status===404){h.value=!0;return}if(!o.ok){m.value=$(o,"load specs");return}m.value="",u.value=o.body.specs??[]}V(),g.deploymentsLoaded||L();const b=N(()=>{const o=new Map;for(const e of g.deployments){if(!e.specName)continue;const r=o.get(e.specName)??[];r.push(e.id),o.set(e.specName,r)}return o}),_=N(()=>{const o=c.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 r=D("RouterLink");return s(),a("div",null,[t("div",K,[t("div",null,[e[3]||(e[3]=t("h1",null,"Specs",-1)),t("div",O,[e[2]||(e[2]=l(" Stored once, used by any number of deployments ",-1)),i(k,{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})])])]),m.value?(s(),C(I,{key:0,text:m.value,title:"Could not load the specs."},null,8,["text"])):f("",!0),h.value?(s(),a("section",W,[...e[4]||(e[4]=[t("div",{class:"banner plain"},[t("b",null,"This server has no stored specs."),t("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)])])):(s(),a("section",G,[v.value?u.value.length?(s(),a(x,{key:1},[t("div",H,[e[5]||(e[5]=t("label",{for:"q"},"Search",-1)),U(t("input",{id:"q","onUpdate:modelValue":e[0]||(e[0]=n=>c.value=n),type:"search",placeholder:"name or description"},null,512),[[T,c.value]])]),t("table",J,[t("thead",null,[t("tr",null,[e[8]||(e[8]=t("th",null,"Name",-1)),e[9]||(e[9]=t("th",null,"Kind",-1)),t("th",null,[e[7]||(e[7]=l(" needs ",-1)),i(k,{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]=t("th",null,"Used by",-1)),e[11]||(e[11]=t("th",null,"Updated",-1))])]),t("tbody",Q,[(s(!0),a(x,null,B(_.value,(n,S)=>{var w;return s(),a("tr",{key:n.name,style:z({"--i":S})},[t("td",X,[i(r,{to:`/specs/${encodeURIComponent(n.name)}`},{default:y(()=>[l(d(n.name),1)]),_:2},1032,["to"]),n.description?(s(),a("div",Y,d(n.description),1)):f("",!0)]),t("td",Z,[t("span",{class:A(["badge",n.kind])},d(R(j)(n.kind)),3)]),t("td",ee,[n.requiredVars.length?(s(),a("span",te,d(n.requiredVars.join(", ")),1)):(s(),a("span",se,"nothing"))]),t("td",ne,[(w=b.value.get(n.name))!=null&&w.length?(s(),a("span",oe,d(b.value.get(n.name).length)+" deployment(s) ",1)):(s(),a("span",ae,"nothing yet"))]),t("td",le,[i(M,{at:n.updatedAt},null,8,["at"])])],4)}),128)),_.value.length?f("",!0):(s(),a("tr",ie,[t("td",de,"No spec matches “"+d(c.value)+"”.",1)]))])])],64)):(s(),a("div",re,[e[15]||(e[15]=t("b",null,"No specs stored yet.",-1)),t("p",null,[e[13]||(e[13]=l(" A deployment can carry its own spec inline — see ",-1)),i(r,{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]=t("p",{class:"mute"},"This page cannot store one yet — the command below does.",-1)),i(P,{what:"storing a spec",method:"PUT",path:"/api/specs/my-spec",body:{spec:"…the contents of your preview.yml…"},cli:"pstack validate -f preview.yml   # then PUT it with the curl above"})])):(s(),C(F,{key:0,rows:3}))]))])}}});export{be as default};
-//# sourceMappingURL=SpecsView-B49LI4Ut.js.map
+import{d as q,y as g,O as L,c as a,a as t,f as l,e as i,w as y,_ as k,x as C,g as f,F as x,i as U,v as T,s as B,t as d,r as p,A as E,B as $,C as N,j as D,o as s,D as z,E as A,u as R}from"./index-wjzRhuU3.js";import{s as j}from"./useFormat-DVXTfIS-.js";import{_ as F}from"./SkeletonList.vue_vue_type_script_setup_true_lang-DwoeliUC.js";import{_ as I}from"./ErrorNote.vue_vue_type_script_setup_true_lang-DT5SbSbT.js";import{_ as M}from"./RelativeTime.vue_vue_type_script_setup_true_lang-D7n5E9jw.js";import{E as P}from"./EquivalentCommand-D0Bfgz63.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const K={class:"page-head"},O={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"},Q={class:"stagger"},X={class:"name","data-label":"name"},Y={key:0,class:"mute",style:{"font-size":"var(--t-sm)"}},Z={"data-label":"kind"},ee={"data-label":"needs"},te={key:0},se={key:1,class:"mute"},ne={"data-label":"used by"},oe={key:0},ae={key:1,class:"mute"},le={class:"dim nowrap","data-label":"updated"},ie={key:0},de={colspan:"5",class:"mute"},re={key:2,class:"banner plain"},be=q({__name:"SpecsView",setup(pe){const u=p([]),v=p(!1),m=p(""),h=p(!1),c=p("");async function V(){const o=await E.get("/api/specs");if(v.value=!0,o.status===404){h.value=!0;return}if(!o.ok){m.value=$(o,"load specs");return}m.value="",u.value=o.body.specs??[]}V(),g.deploymentsLoaded||L();const b=N(()=>{const o=new Map;for(const e of g.deployments){if(!e.specName)continue;const r=o.get(e.specName)??[];r.push(e.id),o.set(e.specName,r)}return o}),_=N(()=>{const o=c.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 r=D("RouterLink");return s(),a("div",null,[t("div",K,[t("div",null,[e[3]||(e[3]=t("h1",null,"Specs",-1)),t("div",O,[e[2]||(e[2]=l(" Stored once, used by any number of deployments ",-1)),i(k,{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})])])]),m.value?(s(),C(I,{key:0,text:m.value,title:"Could not load the specs."},null,8,["text"])):f("",!0),h.value?(s(),a("section",W,[...e[4]||(e[4]=[t("div",{class:"banner plain"},[t("b",null,"This server has no stored specs."),t("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)])])):(s(),a("section",G,[v.value?u.value.length?(s(),a(x,{key:1},[t("div",H,[e[5]||(e[5]=t("label",{for:"q"},"Search",-1)),U(t("input",{id:"q","onUpdate:modelValue":e[0]||(e[0]=n=>c.value=n),type:"search",placeholder:"name or description"},null,512),[[T,c.value]])]),t("table",J,[t("thead",null,[t("tr",null,[e[8]||(e[8]=t("th",null,"Name",-1)),e[9]||(e[9]=t("th",null,"Kind",-1)),t("th",null,[e[7]||(e[7]=l(" needs ",-1)),i(k,{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]=t("th",null,"Used by",-1)),e[11]||(e[11]=t("th",null,"Updated",-1))])]),t("tbody",Q,[(s(!0),a(x,null,B(_.value,(n,S)=>{var w;return s(),a("tr",{key:n.name,style:z({"--i":S})},[t("td",X,[i(r,{to:`/specs/${encodeURIComponent(n.name)}`},{default:y(()=>[l(d(n.name),1)]),_:2},1032,["to"]),n.description?(s(),a("div",Y,d(n.description),1)):f("",!0)]),t("td",Z,[t("span",{class:A(["badge",n.kind])},d(R(j)(n.kind)),3)]),t("td",ee,[n.requiredVars.length?(s(),a("span",te,d(n.requiredVars.join(", ")),1)):(s(),a("span",se,"nothing"))]),t("td",ne,[(w=b.value.get(n.name))!=null&&w.length?(s(),a("span",oe,d(b.value.get(n.name).length)+" deployment(s) ",1)):(s(),a("span",ae,"nothing yet"))]),t("td",le,[i(M,{at:n.updatedAt},null,8,["at"])])],4)}),128)),_.value.length?f("",!0):(s(),a("tr",ie,[t("td",de,"No spec matches “"+d(c.value)+"”.",1)]))])])],64)):(s(),a("div",re,[e[15]||(e[15]=t("b",null,"No specs stored yet.",-1)),t("p",null,[e[13]||(e[13]=l(" A deployment can carry its own spec inline — see ",-1)),i(r,{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]=t("p",{class:"mute"},"This page cannot store one yet — the command below does.",-1)),i(P,{what:"storing a spec",method:"PUT",path:"/api/specs/my-spec",body:{spec:"…the contents of your preview.yml…"},cli:"pstack validate -f preview.yml   # then PUT it with the curl above"})])):(s(),C(F,{key:0,rows:3}))]))])}}});export{be as default};
+//# sourceMappingURL=SpecsView-Cq_Ny0u3.js.map

package/dist/assets/{SpecsView-B49LI4Ut.js.map → SpecsView-Cq_Ny0u3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SpecsView-B49LI4Ut.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 { sentence } from '../composables/useFormat';\nimport { api, problem } from '../api/client';\nimport type { SpecMeta, SpecsResponse } from '../api/types';\nimport { state, loadDeployments } from '../composables/useControlPlane';\n\nimport SkeletonList from '../components/SkeletonList.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport InfoHint from '../components/InfoHint.vue';\nimport RelativeTime from '../components/RelativeTime.vue';\nimport EquivalentCommand from '../components/EquivalentCommand.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\">{{ sentence(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\"><RelativeTime :at=\"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\">This page cannot store one yet — the command below does.</p>\n        <EquivalentCommand\n          what=\"storing a spec\"\n          method=\"PUT\"\n          path=\"/api/specs/my-spec\"\n          :body=\"{ spec: '…the contents of your preview.yml…' }\"\n          cli=\"pstack validate -f preview.yml   # then PUT it with the curl above\"\n        />\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","_unref","sentence","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_a","_hoisted_15","_hoisted_16","_hoisted_17","RelativeTime","_hoisted_18","_hoisted_19","_hoisted_20","EquivalentCommand","SkeletonList"],"mappings":"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"}
+{"version":3,"file":"SpecsView-Cq_Ny0u3.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 { sentence } from '../composables/useFormat';\nimport { api, problem } from '../api/client';\nimport type { SpecMeta, SpecsResponse } from '../api/types';\nimport { state, loadDeployments } from '../composables/useControlPlane';\n\nimport SkeletonList from '../components/SkeletonList.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport InfoHint from '../components/InfoHint.vue';\nimport RelativeTime from '../components/RelativeTime.vue';\nimport EquivalentCommand from '../components/EquivalentCommand.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\">{{ sentence(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\"><RelativeTime :at=\"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\">This page cannot store one yet — the command below does.</p>\n        <EquivalentCommand\n          what=\"storing a spec\"\n          method=\"PUT\"\n          path=\"/api/specs/my-spec\"\n          :body=\"{ spec: '…the contents of your preview.yml…' }\"\n          cli=\"pstack validate -f preview.yml   # then PUT it with the curl above\"\n        />\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","_unref","sentence","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_a","_hoisted_15","_hoisted_16","_hoisted_17","RelativeTime","_hoisted_18","_hoisted_19","_hoisted_20","EquivalentCommand","SkeletonList"],"mappings":"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"}

package/dist/assets/{StateBadge.vue_vue_type_script_setup_true_lang-DANvveJ6.js → StateBadge.vue_vue_type_script_setup_true_lang-BsDpZsUH.js}

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

package/dist/assets/{StateBadge.vue_vue_type_script_setup_true_lang-DANvveJ6.js.map → StateBadge.vue_vue_type_script_setup_true_lang-BsDpZsUH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StateBadge.vue_vue_type_script_setup_true_lang-DANvveJ6.js","sources":["../../src/components/StateBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The job states, and only these. Kept in one component so the colour of `leaked` can never drift\n * from the colour of `failed` in one view and not another:\n *\n *   ok  green · failed  red · leaked  AMBER · running  blue, pulsing · cancelled  grey\n *\n * `cancelled` is deliberately quiet: someone meant to stop it, so it is not an alarm — but it is\n * not `ok` either, because whatever the job had already done was left exactly as it was.\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';\nimport { sentence } from '../composables/useFormat';\n\ndefineProps<{ state: JobState }>();\n</script>\n\n<template>\n  <span class=\"badge\" :class=\"state\">\n    <span class=\"dot\" />\n    {{ sentence(state) }}\n  </span>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","__props","_createElementVNode","_toDisplayString","_unref","sentence"],"mappings":"2MAqBEA,EAGO,OAAA,CAHD,MAAKC,EAAA,CAAC,QAAgBC,EAAA,KAAK,CAAA,CAAA,eAC/BC,EAAoB,OAAA,CAAd,MAAM,KAAA,EAAK,KAAA,EAAA,KAAG,IACpBC,EAAGC,EAAAC,CAAA,EAASJ,EAAA,KAAK,CAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"StateBadge.vue_vue_type_script_setup_true_lang-BsDpZsUH.js","sources":["../../src/components/StateBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The job states, and only these. Kept in one component so the colour of `leaked` can never drift\n * from the colour of `failed` in one view and not another:\n *\n *   ok  green · failed  red · leaked  AMBER · running  blue, pulsing · cancelled  grey\n *\n * `cancelled` is deliberately quiet: someone meant to stop it, so it is not an alarm — but it is\n * not `ok` either, because whatever the job had already done was left exactly as it was.\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';\nimport { sentence } from '../composables/useFormat';\n\ndefineProps<{ state: JobState }>();\n</script>\n\n<template>\n  <span class=\"badge\" :class=\"state\">\n    <span class=\"dot\" />\n    {{ sentence(state) }}\n  </span>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","__props","_createElementVNode","_toDisplayString","_unref","sentence"],"mappings":"2MAqBEA,EAGO,OAAA,CAHD,MAAKC,EAAA,CAAC,QAAgBC,EAAA,KAAK,CAAA,CAAA,eAC/BC,EAAoB,OAAA,CAAd,MAAM,KAAA,EAAK,KAAA,EAAA,KAAG,IACpBC,EAAGC,EAAAC,CAAA,EAASJ,EAAA,KAAK,CAAA,EAAA,CAAA,CAAA"}

package/dist/assets/{SubmitView-ZYGApCXE.js → SubmitView-DqOEabaL.js}

@@ -1,4 +1,4 @@
-import{d as J,r as h,A as I,H as j,c as n,a as t,t as m,f as o,F as T,e as p,w as y,g as v,E as Q,i as V,v as E,_ as R,a0 as O,s as Y,x as Z,C as A,j as _,o as a,l as ee,O as te,N as se,B as oe,U as D}from"./index-DVCVnKbf.js";import{a as le,w as ae,p as F,r as ne}from"./useVars-VN9gYdR6.js";import{_ as ie}from"./ActionButton.vue_vue_type_script_setup_true_lang-D06apM-6.js";import{_ as re}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BFuRxw1l.js";import{_ as de}from"./VarEditor.vue_vue_type_script_setup_true_lang-D--Rd-Mv.js";import{_ as ue}from"./SelectMenu.vue_vue_type_script_setup_true_lang-qGkx2MwW.js";import"./Teleport-d5PoAxFM.js";const pe={class:"page-head"},ve={class:"sub"},me={class:"panel"},ye={key:0,class:"banner warn"},ce={key:0},he={key:1},fe={key:2},ke={key:3},be={key:2,class:"banner warn"},ge={class:"row",style:{"margin-bottom":"var(--s4)"}},we={class:"field",style:{"max-width":"280px"}},Se={class:"mute",style:{"align-self":"end","padding-bottom":"10px"}},xe={key:3,class:"row",style:{"margin-bottom":"var(--s4)"}},$e={class:"check"},Ce={class:"check"},Te={class:"field",style:{"max-width":"340px"}},Ve={key:0,class:"hint"},Re={key:0},Ae={key:1},Le={key:2},Ue={class:"field"},Ne={class:"field",style:{"margin-top":"var(--s3)"}},Ie={class:"hint"},Ee={class:"hint"},Pe={class:"row",style:{"margin-top":"var(--s5)"}},We={key:0,class:"mute",style:{"font-size":"var(--t-sm)"}},je={key:1,class:"s-ok"},Oe={key:6,class:"banner warn"},De={key:0},Fe=`services:
+import{d as G,r as h,A as N,H as j,c as n,a as t,t as m,f as o,F as T,e as p,w as y,g as v,E as Q,i as V,v as E,_ as R,a0 as O,s as Y,x as Z,C as A,j as _,o as a,l as ee,O as te,J as se,B as oe,U as D}from"./index-wjzRhuU3.js";import{a as le,w as ae,p as F,r as ne}from"./useVars-VN9gYdR6.js";import{_ as ie}from"./ActionButton.vue_vue_type_script_setup_true_lang-CeingrPV.js";import{_ as re}from"./ErrorNote.vue_vue_type_script_setup_true_lang-DT5SbSbT.js";import{_ as de}from"./VarEditor.vue_vue_type_script_setup_true_lang-ChzmZbEl.js";import{_ as ue}from"./SelectMenu.vue_vue_type_script_setup_true_lang-CSQS6ben.js";import"./Teleport-BXE_6A8N.js";const pe={class:"page-head"},ve={class:"sub"},me={class:"panel"},ye={key:0,class:"banner warn"},ce={key:0},he={key:1},fe={key:2},ke={key:3},be={key:2,class:"banner warn"},ge={class:"row",style:{"margin-bottom":"var(--s4)"}},we={class:"field",style:{"max-width":"280px"}},Se={class:"mute",style:{"align-self":"end","padding-bottom":"10px"}},xe={key:3,class:"row",style:{"margin-bottom":"var(--s4)"}},$e={class:"check"},Ce={class:"check"},Te={class:"field",style:{"max-width":"340px"}},Ve={key:0,class:"hint"},Re={key:0},Ae={key:1},Le={key:2},Ue={class:"field"},Ie={class:"field",style:{"margin-top":"var(--s3)"}},Ne={class:"hint"},Ee={class:"hint"},Pe={class:"row",style:{"margin-top":"var(--s5)"}},We={key:0,class:"mute",style:{"font-size":"var(--t-sm)"}},je={key:1,class:"s-ok"},Oe={key:6,class:"banner warn"},De={key:0},Fe=`services:
   app:
     image: nginx:alpine
     profiles: [app]
@@ -7,7 +7,7 @@ import{d as J,r as h,A as I,H as j,c as n,a as t,t as m,f as o,F as T,e as p,w a
       # from it. Writing any traefik.* label yourself is the opt-out — pstack then leaves the
       # service entirely alone, so only do that when you need something the shorthand cannot say.
       - pstack.routing.port=80
-`,Ge=J({__name:"SubmitView",props:{id:{}},setup(P){const L=P,l=h({id:L.id??"",spec:"",compose:""}),f=h([{k:"",v:""}]),k=h("inline"),w=h(""),S=h(!1),g=h(""),d=h(null),x=h([]),q=A(()=>[{value:"",label:"— choose —"},...x.value.map(s=>({value:s.name,label:s.name,hint:s.kind}))]);I.get("/api/specs").then(s=>{s.ok&&Array.isArray(s.body.specs)&&(x.value=s.body.specs)});const $=A(()=>x.value.find(s=>s.name===w.value)),U=A(()=>!!L.id),M=ee(),C=A(()=>{const s=M.query.from;return typeof s=="string"&&s?s:null}),c=h("idle"),b=h(null);async function W(s){c.value="loading",b.value=null;const e=await I.getAuthed(`/api/deployments/${encodeURIComponent(s)}/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(C,async s=>{var r;if(!s||L.id)return;g.value="",d.value=null,l.value.spec="",l.value.compose="";const e=(r=D(s))==null?void 0:r.vars;e&&(f.value=F(e)),await W(s),l.value.id=""},{immediate:!0}),j(()=>L.id,s=>{var u;if(g.value="",d.value=null,c.value="idle",b.value=null,!s)return;s!==l.value.id&&(l.value.spec="",l.value.compose=""),l.value.id=s;const e=(u=D(s))==null?void 0:u.vars,r=e?F(e):ne(s);r.some(N=>N.k)&&(f.value=r),W(s)},{immediate:!0});const B=A(()=>!!l.value.id&&(k.value==="stored"?!!w.value:!!l.value.spec.trim())&&!S.value);async function K(){S.value=!0,g.value="",d.value=null;const s=l.value.id,e=le(f.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 u=await I.put(`/api/deployments/${encodeURIComponent(s)}`,r);if(S.value=!1,u.status===200||u.status===201){d.value={id:u.body.id??s,stack:u.body.stack??"?",created:u.status===201,stackSharedWith:u.body.stackSharedWith},ae(s,f.value),te(),se("ok",`${u.status===201?"Created":"Replaced"} ${s} → ${d.value.stack}`,{to:`/deployments/${encodeURIComponent(s)}`,toLabel:"Open"});return}g.value=oe(u,"save this deployment")}function z(){const s=location.hostname;if(s==="localhost"||s.endsWith(".localhost")||/^[\d.]+$/.test(s)||s.includes(":"))return"preview.example.com";const e=s.split(".");return e.length>=3?e.slice(1).join("."):s}const H=s=>`version: 1
+`,Xe=G({__name:"SubmitView",props:{id:{}},setup(P){const L=P,l=h({id:L.id??"",spec:"",compose:""}),f=h([{k:"",v:""}]),k=h("inline"),w=h(""),S=h(!1),g=h(""),d=h(null),x=h([]),q=A(()=>[{value:"",label:"— choose —"},...x.value.map(s=>({value:s.name,label:s.name,hint:s.kind}))]);N.get("/api/specs").then(s=>{s.ok&&Array.isArray(s.body.specs)&&(x.value=s.body.specs)});const $=A(()=>x.value.find(s=>s.name===w.value)),U=A(()=>!!L.id),M=ee(),C=A(()=>{const s=M.query.from;return typeof s=="string"&&s?s:null}),c=h("idle"),b=h(null);async function W(s){c.value="loading",b.value=null;const e=await N.getAuthed(`/api/deployments/${encodeURIComponent(s)}/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(C,async s=>{var r;if(!s||L.id)return;g.value="",d.value=null,l.value.spec="",l.value.compose="";const e=(r=D(s))==null?void 0:r.vars;e&&(f.value=F(e)),await W(s),l.value.id=""},{immediate:!0}),j(()=>L.id,s=>{var u;if(g.value="",d.value=null,c.value="idle",b.value=null,!s)return;s!==l.value.id&&(l.value.spec="",l.value.compose=""),l.value.id=s;const e=(u=D(s))==null?void 0:u.vars,r=e?F(e):ne(s);r.some(I=>I.k)&&(f.value=r),W(s)},{immediate:!0});const B=A(()=>!!l.value.id&&(k.value==="stored"?!!w.value:!!l.value.spec.trim())&&!S.value);async function K(){S.value=!0,g.value="",d.value=null;const s=l.value.id,e=le(f.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 u=await N.put(`/api/deployments/${encodeURIComponent(s)}`,r);if(S.value=!1,u.status===200||u.status===201){d.value={id:u.body.id??s,stack:u.body.stack??"?",created:u.status===201,stackSharedWith:u.body.stackSharedWith},ae(s,f.value),te(),se("ok",`${u.status===201?"Created":"Replaced"} ${s} → ${d.value.stack}`,{to:`/deployments/${encodeURIComponent(s)}`,toLabel:"Open"});return}g.value=oe(u,"save this deployment")}function z(){const s=location.hostname;if(s==="localhost"||s.endsWith(".localhost")||/^[\d.]+$/.test(s)||s.includes(":"))return"preview.example.com";const e=s.split(".");return e.length>=3?e.slice(1).join("."):s}const H=s=>`version: 1
 kind: isolated
 
 # The stack identity: the compose project name, and $STACK inside every hook.
@@ -43,8 +43,8 @@ axes:
     assert_gone: |
       test -d /tmp || exit 1
       ! test -d /tmp/$STACK
-`;function X(){k.value="inline",l.value.spec=H(z()),l.value.compose.trim()||(l.value.compose=Fe),l.value.id||(l.value.id="pr-123"),f.value.some(s=>s.k)||(f.value=[{k:"PR",v:"123"}])}return(s,e)=>{var u,N;const r=_("RouterLink");return a(),n("div",null,[t("div",pe,[t("div",null,[t("h1",null,m(U.value?"Edit a deployment":C.value?"Duplicate a deployment":"Submit a deployment"),1),t("div",ve,m(U.value?"Loaded from what is stored; saving replaces the record":C.value?`Copied from ${C.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:X},"Load example spec")]),t("section",me,[C.value&&!U.value?(a(),n("div",ye,[e[20]||(e[20]=t("b",null,"Change the stack, not just the id.",-1)),t("p",null,[e[11]||(e[11]=o(" Two deployments that resolve to the same ",-1)),e[12]||(e[12]=t("code",null,"stack",-1)),e[13]||(e[13]=o(" drive the same compose project — ",-1)),e[14]||(e[14]=t("code",null,"down",-1)),e[15]||(e[15]=o(" on either stops the other's containers. If the stack interpolates a variable (",-1)),e[16]||(e[16]=t("code",null,"pr-${PR}",-1)),e[17]||(e[17]=o(") give it a different value below; if it is a literal, edit the ",-1)),e[18]||(e[18]=t("code",null,"stack:",-1)),e[19]||(e[19]=o(" line. ",-1)),c.value==="withheld"?(a(),n(T,{key:0},[e[9]||(e[9]=o(" The spec could not be copied without an access token — ",-1)),p(r,{to:"/settings"},{default:y(()=>[...e[8]||(e[8]=[o("add yours",-1)])]),_:1}),e[10]||(e[10]=o(". ",-1))],64)):v("",!0)])])):v("",!0),U.value?(a(),n("div",{key:1,class:Q(["banner",c.value==="loaded"?"info":"warn"])},[t("b",null,"Replacing "+m(P.id)+".",1),c.value==="loading"?(a(),n("p",ce,"Loading what is stored…")):c.value==="loaded"?(a(),n("p",he," 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[22]||(e[22]=o(" 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:y(()=>[...e[21]||(e[21]=[o("Add your token",-1)])]),_:1}),e[23]||(e[23]=o(" to edit in place — otherwise paste the ",-1)),e[24]||(e[24]=t("b",null,"complete",-1)),e[25]||(e[25]=o(" spec, since anything you leave out stops being tracked. ",-1))])):(a(),n("p",ke,[...e[26]||(e[26]=[o(" The stored spec could not be loaded, so this form is empty. Paste the ",-1),t("b",null,"complete",-1),o(" spec you want stored — anything you leave out stops being tracked while whatever it created keeps running. ",-1)])]))],2)):v("",!0),b.value?(a(),n("div",be,[t("b",null,"This deployment tracks the stored spec “"+m(b.value)+"”.",1),t("p",null,[e[28]||(e[28]=o(" 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:y(()=>[...e[27]||(e[27]=[o("the spec",-1)])]),_:1},8,["to"]),e[29]||(e[29]=o(" instead. ",-1))])])):v("",!0),t("div",ge,[t("div",we,[e[30]||(e[30]=t("label",{for:"did"},"Deployment id",-1)),V(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),[[E,l.value.id,void 0,{trim:!0}]])]),t("span",Se,[e[32]||(e[32]=o(" Lower case ",-1)),p(R,{label:"allowed characters in a deployment id"},{default:y(()=>[...e[31]||(e[31]=[o(" 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),o(". ",-1)])]),_:1})])]),x.value.length?(a(),n("div",xe,[t("label",$e,[V(t("input",{"onUpdate:modelValue":e[1]||(e[1]=i=>k.value=i),type:"radio",value:"inline"},null,512),[[O,k.value]]),e[33]||(e[33]=o(" inline spec ",-1))]),t("label",Ce,[V(t("input",{"onUpdate:modelValue":e[2]||(e[2]=i=>k.value=i),type:"radio",value:"stored"},null,512),[[O,k.value]]),e[34]||(e[34]=o(" reference a stored spec ",-1))])])):v("",!0),k.value==="stored"&&x.value.length?(a(),n(T,{key:4},[t("div",Te,[e[35]||(e[35]=t("label",{for:"sn"},"Stored spec",-1)),p(ue,{modelValue:w.value,"onUpdate:modelValue":e[3]||(e[3]=i=>w.value=i),id:"sn",label:"Stored spec",options:q.value},null,8,["modelValue","options"])]),$.value?(a(),n("p",Ve,[$.value.description?(a(),n("span",Re,m($.value.description)+" — ",1)):v("",!0),e[37]||(e[37]=o(" needs ",-1)),$.value.requiredVars.length?(a(),n("b",Ae,m($.value.requiredVars.join(", ")),1)):(a(),n("span",Le,"no variables")),e[38]||(e[38]=o(". ",-1)),p(R,{label:"why variables are required"},{default:y(()=>[...e[36]||(e[36]=[o(" 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})])):v("",!0)],64)):(a(),n(T,{key:5},[t("div",Ue,[e[39]||(e[39]=t("label",{for:"spec"},"Spec.yml",-1)),V(t("textarea",{id:"spec","onUpdate:modelValue":e[4]||(e[4]=i=>l.value.spec=i),rows:"12",spellcheck:"false",placeholder:`version: 1
+`;function J(){k.value="inline",l.value.spec=H(z()),l.value.compose.trim()||(l.value.compose=Fe),l.value.id||(l.value.id="pr-123"),f.value.some(s=>s.k)||(f.value=[{k:"PR",v:"123"}])}return(s,e)=>{var u,I;const r=_("RouterLink");return a(),n("div",null,[t("div",pe,[t("div",null,[t("h1",null,m(U.value?"Edit a deployment":C.value?"Duplicate a deployment":"Submit a deployment"),1),t("div",ve,m(U.value?"Loaded from what is stored; saving replaces the record":C.value?`Copied from ${C.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:J},"Load example spec")]),t("section",me,[C.value&&!U.value?(a(),n("div",ye,[e[20]||(e[20]=t("b",null,"Change the stack, not just the id.",-1)),t("p",null,[e[11]||(e[11]=o(" Two deployments that resolve to the same ",-1)),e[12]||(e[12]=t("code",null,"stack",-1)),e[13]||(e[13]=o(" drive the same compose project — ",-1)),e[14]||(e[14]=t("code",null,"down",-1)),e[15]||(e[15]=o(" on either stops the other's containers. If the stack interpolates a variable (",-1)),e[16]||(e[16]=t("code",null,"pr-${PR}",-1)),e[17]||(e[17]=o(") give it a different value below; if it is a literal, edit the ",-1)),e[18]||(e[18]=t("code",null,"stack:",-1)),e[19]||(e[19]=o(" line. ",-1)),c.value==="withheld"?(a(),n(T,{key:0},[e[9]||(e[9]=o(" The spec could not be copied without an access token — ",-1)),p(r,{to:"/settings"},{default:y(()=>[...e[8]||(e[8]=[o("add yours",-1)])]),_:1}),e[10]||(e[10]=o(". ",-1))],64)):v("",!0)])])):v("",!0),U.value?(a(),n("div",{key:1,class:Q(["banner",c.value==="loaded"?"info":"warn"])},[t("b",null,"Replacing "+m(P.id)+".",1),c.value==="loading"?(a(),n("p",ce,"Loading what is stored…")):c.value==="loaded"?(a(),n("p",he," 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[22]||(e[22]=o(" 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:y(()=>[...e[21]||(e[21]=[o("Add your token",-1)])]),_:1}),e[23]||(e[23]=o(" to edit in place — otherwise paste the ",-1)),e[24]||(e[24]=t("b",null,"complete",-1)),e[25]||(e[25]=o(" spec, since anything you leave out stops being tracked. ",-1))])):(a(),n("p",ke,[...e[26]||(e[26]=[o(" The stored spec could not be loaded, so this form is empty. Paste the ",-1),t("b",null,"complete",-1),o(" spec you want stored — anything you leave out stops being tracked while whatever it created keeps running. ",-1)])]))],2)):v("",!0),b.value?(a(),n("div",be,[t("b",null,"This deployment tracks the stored spec “"+m(b.value)+"”.",1),t("p",null,[e[28]||(e[28]=o(" 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:y(()=>[...e[27]||(e[27]=[o("the spec",-1)])]),_:1},8,["to"]),e[29]||(e[29]=o(" instead. ",-1))])])):v("",!0),t("div",ge,[t("div",we,[e[30]||(e[30]=t("label",{for:"did"},"Deployment id",-1)),V(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),[[E,l.value.id,void 0,{trim:!0}]])]),t("span",Se,[e[32]||(e[32]=o(" Lower case ",-1)),p(R,{label:"allowed characters in a deployment id"},{default:y(()=>[...e[31]||(e[31]=[o(" 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),o(". ",-1)])]),_:1})])]),x.value.length?(a(),n("div",xe,[t("label",$e,[V(t("input",{"onUpdate:modelValue":e[1]||(e[1]=i=>k.value=i),type:"radio",value:"inline"},null,512),[[O,k.value]]),e[33]||(e[33]=o(" inline spec ",-1))]),t("label",Ce,[V(t("input",{"onUpdate:modelValue":e[2]||(e[2]=i=>k.value=i),type:"radio",value:"stored"},null,512),[[O,k.value]]),e[34]||(e[34]=o(" reference a stored spec ",-1))])])):v("",!0),k.value==="stored"&&x.value.length?(a(),n(T,{key:4},[t("div",Te,[e[35]||(e[35]=t("label",{for:"sn"},"Stored spec",-1)),p(ue,{modelValue:w.value,"onUpdate:modelValue":e[3]||(e[3]=i=>w.value=i),id:"sn",label:"Stored spec",options:q.value},null,8,["modelValue","options"])]),$.value?(a(),n("p",Ve,[$.value.description?(a(),n("span",Re,m($.value.description)+" — ",1)):v("",!0),e[37]||(e[37]=o(" needs ",-1)),$.value.requiredVars.length?(a(),n("b",Ae,m($.value.requiredVars.join(", ")),1)):(a(),n("span",Le,"no variables")),e[38]||(e[38]=o(". ",-1)),p(R,{label:"why variables are required"},{default:y(()=>[...e[36]||(e[36]=[o(" 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})])):v("",!0)],64)):(a(),n(T,{key:5},[t("div",Ue,[e[39]||(e[39]=t("label",{for:"spec"},"Spec.yml",-1)),V(t("textarea",{id:"spec","onUpdate:modelValue":e[4]||(e[4]=i=>l.value.spec=i),rows:"12",spellcheck:"false",placeholder:`version: 1
 kind: isolated
 stack: pr-\${PR}
-axes: []`},null,512),[[E,l.value.spec]])]),t("div",Ne,[e[40]||(e[40]=t("label",{for:"compose"},[o("compose.yml "),t("span",{class:"mute"},"(optional)")],-1)),V(t("textarea",{id:"compose","onUpdate:modelValue":e[5]||(e[5]=i=>l.value.compose=i),rows:"6",spellcheck:"false",placeholder:"Written next to spec.yml, so a compose file named compose.yml resolves"},null,512),[[E,l.value.compose]])]),t("p",Ie,[e[42]||(e[42]=o(" Hooks must be inline shell or an absolute path. ",-1)),p(R,{label:"why a relative script path does not work"},{default:y(()=>[...e[41]||(e[41]=[o(" A deployment directory only ever holds ",-1),t("code",null,"spec.yml",-1),o(" and ",-1),t("code",null,"compose.yml",-1),o(", and hooks run from there — so ",-1),t("code",null,"up: ./hooks/db.sh",-1),o(" 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(de,{modelValue:f.value,"onUpdate:modelValue":e[6]||(e[6]=i=>f.value=i)},null,8,["modelValue"]),t("p",Ee,[e[44]||(e[44]=o(" Saved with the deployment, so tearing it down later targets the same stack. ",-1)),p(R,{label:"how variables are remembered"},{default:y(()=>[...e[43]||(e[43]=[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})]),t("div",Pe,[p(ie,{variant:"primary",pending:S.value,disabled:!B.value,onClick:K},{default:y(()=>[o(m(S.value?"Submitting…":"Submit"),1)]),_:1},8,["pending","disabled"]),d.value?v("",!0):(a(),n("span",We,[e[46]||(e[46]=o(" Nothing is saved until the spec is valid ",-1)),p(R,{label:"what happens on a rejected submission"},{default:y(()=>[...e[45]||(e[45]=[o(" 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})])),d.value?(a(),n("span",je,[o(m(d.value.created?"Created":"Replaced")+" — stack ",1),t("b",null,m(d.value.stack),1),p(r,{to:`/deployments/${encodeURIComponent(d.value.id)}`,style:{"margin-left":"8px"}},{default:y(()=>[...e[47]||(e[47]=[o(" open → ",-1)])]),_:1},8,["to"])])):v("",!0)]),(N=(u=d.value)==null?void 0:u.stackSharedWith)!=null&&N.length?(a(),n("div",Oe,[t("b",null,"Another deployment already resolves to stack “"+m(d.value.stack)+"”.",1),t("p",null,[(a(!0),n(T,null,Y(d.value.stackSharedWith,(i,G)=>(a(),n(T,{key:i},[p(r,{to:`/deployments/${encodeURIComponent(i)}`},{default:y(()=>[o(m(i),1)]),_:2},1032,["to"]),G<d.value.stackSharedWith.length-1?(a(),n("span",De,", ")):v("",!0)],64))),128)),e[48]||(e[48]=o("— both records now drive the same compose project, so ",-1)),e[49]||(e[49]=t("code",null,"down",-1)),e[50]||(e[50]=o(" on either stops the other's containers and ",-1)),e[51]||(e[51]=t("code",null,"verify",-1)),e[52]||(e[52]=o(" 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]=o(" and save again. ",-1))])])):v("",!0),g.value?(a(),Z(re,{key:7,text:g.value,title:"The server rejected this submission."},null,8,["text"])):v("",!0)])])}}});export{Ge as default};
-//# sourceMappingURL=SubmitView-ZYGApCXE.js.map
+axes: []`},null,512),[[E,l.value.spec]])]),t("div",Ie,[e[40]||(e[40]=t("label",{for:"compose"},[o("compose.yml "),t("span",{class:"mute"},"(optional)")],-1)),V(t("textarea",{id:"compose","onUpdate:modelValue":e[5]||(e[5]=i=>l.value.compose=i),rows:"6",spellcheck:"false",placeholder:"Written next to spec.yml, so a compose file named compose.yml resolves"},null,512),[[E,l.value.compose]])]),t("p",Ne,[e[42]||(e[42]=o(" Hooks must be inline shell or an absolute path. ",-1)),p(R,{label:"why a relative script path does not work"},{default:y(()=>[...e[41]||(e[41]=[o(" A deployment directory only ever holds ",-1),t("code",null,"spec.yml",-1),o(" and ",-1),t("code",null,"compose.yml",-1),o(", and hooks run from there — so ",-1),t("code",null,"up: ./hooks/db.sh",-1),o(" 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(de,{modelValue:f.value,"onUpdate:modelValue":e[6]||(e[6]=i=>f.value=i)},null,8,["modelValue"]),t("p",Ee,[e[44]||(e[44]=o(" Saved with the deployment, so tearing it down later targets the same stack. ",-1)),p(R,{label:"how variables are remembered"},{default:y(()=>[...e[43]||(e[43]=[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})]),t("div",Pe,[p(ie,{variant:"primary",pending:S.value,disabled:!B.value,onClick:K},{default:y(()=>[o(m(S.value?"Submitting…":"Submit"),1)]),_:1},8,["pending","disabled"]),d.value?v("",!0):(a(),n("span",We,[e[46]||(e[46]=o(" Nothing is saved until the spec is valid ",-1)),p(R,{label:"what happens on a rejected submission"},{default:y(()=>[...e[45]||(e[45]=[o(" 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})])),d.value?(a(),n("span",je,[o(m(d.value.created?"Created":"Replaced")+" — stack ",1),t("b",null,m(d.value.stack),1),p(r,{to:`/deployments/${encodeURIComponent(d.value.id)}`,style:{"margin-left":"8px"}},{default:y(()=>[...e[47]||(e[47]=[o(" open → ",-1)])]),_:1},8,["to"])])):v("",!0)]),(I=(u=d.value)==null?void 0:u.stackSharedWith)!=null&&I.length?(a(),n("div",Oe,[t("b",null,"Another deployment already resolves to stack “"+m(d.value.stack)+"”.",1),t("p",null,[(a(!0),n(T,null,Y(d.value.stackSharedWith,(i,X)=>(a(),n(T,{key:i},[p(r,{to:`/deployments/${encodeURIComponent(i)}`},{default:y(()=>[o(m(i),1)]),_:2},1032,["to"]),X<d.value.stackSharedWith.length-1?(a(),n("span",De,", ")):v("",!0)],64))),128)),e[48]||(e[48]=o("— both records now drive the same compose project, so ",-1)),e[49]||(e[49]=t("code",null,"down",-1)),e[50]||(e[50]=o(" on either stops the other's containers and ",-1)),e[51]||(e[51]=t("code",null,"verify",-1)),e[52]||(e[52]=o(" 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]=o(" and save again. ",-1))])])):v("",!0),g.value?(a(),Z(re,{key:7,text:g.value,title:"The server rejected this submission."},null,8,["text"])):v("",!0)])])}}});export{Xe as default};
+//# sourceMappingURL=SubmitView-DqOEabaL.js.map