@samyx/preview-stacks-ui 0.30.0 → 0.32.0

package/dist/assets/TerminalTab-Dleba0ru.js

@@ -0,0 +1,3 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/xterm-D6Mng-DB.js","assets/_commonjsHelpers-CqkleIqs.js","assets/addon-fit-CevVMrUA.js","assets/xterm-DYP7pi_n.css"])))=>i.map(i=>d[i]);
+import{d as W,N as O,Q as F,c as m,a as t,f as a,e as E,w as H,_ as j,z as M,g as _,t as P,j as c,k as V,p as Q,C as X,W as S,n as Y,X as R,o as p}from"./index-Cqe_7QZw.js";import{_ as G}from"./ErrorNote.vue_vue_type_script_setup_true_lang-DVbGiVTB.js";import{_ as U}from"./SelectMenu.vue_vue_type_script_setup_true_lang-BtHqT6G1.js";import{_ as J}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Teleport-I0XiM19H.js";const K={class:"stack"},Z={class:"banner warn"},ee={class:"row wrap",style:{gap:"var(--s3)","align-items":"end"}},ne={class:"field"},oe={class:"field"},te=["disabled"],le={key:2,class:"badge ok"},se={key:1,class:"hint"},ae={key:2,class:"hint"},ie=["data-state"],re=W({__name:"TerminalTab",setup(ue){const k=Y(),C=V(()=>String(k.params.id)),B=["sh","bash","ash","zsh","fish"],$=c(null),f=c(""),u=c(""),y=c("sh"),n=c("idle"),h=c(""),v=c(null),w=R(null),I=R(null),b=R(null);let i=null;const D=V(()=>g.value.map(o=>({value:o.name,label:o.name,hint:o.service??void 0}))),g=V(()=>{var o;return((o=$.value)==null?void 0:o.containers.filter(e=>e.state==="running"))??[]});async function x(){var d;const o=await Q.get(`/api/deployments/${encodeURIComponent(C.value)}/runtime`);if(!o.ok){f.value=X(o,"list this deployment's containers");return}if(f.value="",$.value=o.body,u.value)return;const e=typeof k.query.container=="string"?k.query.container:"",l=g.value.find(T=>T.name===e);u.value=(l==null?void 0:l.name)??((d=g.value[0])==null?void 0:d.name)??""}x();async function q(){var L;if(n.value==="connecting"||n.value==="open")return;h.value="",n.value="connecting";const[{Terminal:o},{FitAddon:e}]=await Promise.all([S(()=>import("./xterm-D6Mng-DB.js").then(s=>s.x),__vite__mapDeps([0,1])),S(()=>import("./addon-fit-CevVMrUA.js").then(s=>s.a),__vite__mapDeps([2,1]))]);await S(()=>Promise.resolve({}),__vite__mapDeps([3])),(L=w.value)==null||L.dispose();const l=new o({convertEol:!0,fontSize:13,fontFamily:"var(--font-mono, ui-monospace, monospace)",cursorBlink:!0,theme:{background:"#0b0e14"}}),d=new e;l.loadAddon(d),v.value&&(v.value.innerHTML="",l.open(v.value),d.fit()),w.value=l,I.value=d,i==null||i.disconnect(),i=new ResizeObserver(()=>{try{d.fit()}catch{}}),v.value&&i.observe(v.value);const T=location.protocol==="https:"?"wss":"ws",z=new URLSearchParams({container:u.value,shell:y.value}),r=new WebSocket(`${T}://${location.host}/api/deployments/${encodeURIComponent(C.value)}/terminal?${z}`);r.binaryType="arraybuffer",b.value=r,r.onopen=()=>{n.value="open",l.focus()},r.onmessage=s=>l.write(typeof s.data=="string"?s.data:new Uint8Array(s.data)),r.onclose=s=>{n.value="closed",h.value=s.reason||(s.code===1006?"the connection dropped (the upgrade may have been refused)":`code ${s.code}`)},r.onerror=()=>{n.value==="connecting"&&(h.value="could not open the connection")},l.onData(s=>{r.readyState===WebSocket.OPEN&&r.send(s)})}function N(){var o;(o=b.value)==null||o.close(1e3,"closed by the operator")}function A(){var o,e;i==null||i.disconnect(),i=null,(o=b.value)==null||o.close(),b.value=null,(e=w.value)==null||e.dispose(),w.value=null}return O([u,y],()=>{(n.value==="open"||n.value==="connecting")&&N()}),O(C,()=>{A(),n.value="idle",x()}),F(A),(o,e)=>(p(),m("section",K,[t("div",Z,[e[3]||(e[3]=t("b",null,"No TTY.",-1)),e[4]||(e[4]=a(" The shell runs without a terminal device, so there is no prompt, no ",-1)),e[5]||(e[5]=t("code",null,"Ctrl-C",-1)),e[6]||(e[6]=a(", and no full-screen programs (",-1)),e[7]||(e[7]=t("code",null,"top",-1)),e[8]||(e[8]=a(", ",-1)),e[9]||(e[9]=t("code",null,"vim",-1)),e[10]||(e[10]=a("). Type a command and press Enter. ",-1)),E(j,{label:"why"},{default:H(()=>[...e[2]||(e[2]=[a(" A pseudo-terminal needs a wrapper (",-1),t("code",null,"script",-1),a(") whose flags differ across distributions, and it was never verified on a real host — so pstack ships the half it can stand behind. Everything an operator usually opens a shell for (",-1),t("code",null,"ls",-1),a(", ",-1),t("code",null,"cat",-1),a(", ",-1),t("code",null,"env",-1),a(", ",-1),t("code",null,"psql",-1),a(", a migration) works. ",-1)])]),_:1})]),f.value?(p(),M(G,{key:0,text:f.value,title:"Could not list this deployment's containers."},null,8,["text"])):_("",!0),t("div",ee,[t("label",ne,[e[11]||(e[11]=t("span",null,"Container",-1)),E(U,{modelValue:u.value,"onUpdate:modelValue":e[0]||(e[0]=l=>u.value=l),label:"Container",disabled:n.value==="open"||n.value==="connecting",options:D.value},null,8,["modelValue","disabled","options"])]),t("label",oe,[e[12]||(e[12]=t("span",null,"Shell",-1)),E(U,{modelValue:y.value,"onUpdate:modelValue":e[1]||(e[1]=l=>y.value=l),label:"Shell",disabled:n.value==="open"||n.value==="connecting",options:B.map(l=>({value:l,label:l}))},null,8,["modelValue","disabled","options"])]),n.value!=="open"?(p(),m("button",{key:0,class:"primary",disabled:!u.value||n.value==="connecting",onClick:q},P(n.value==="connecting"?"Connecting…":"Open shell"),9,te)):(p(),m("button",{key:1,onClick:N},"Close shell")),e[14]||(e[14]=t("span",{class:"grow"},null,-1)),n.value==="open"?(p(),m("span",le,[...e[13]||(e[13]=[t("span",{class:"dot pulse"},null,-1),a("connected",-1)])])):_("",!0)]),!g.value.length&&!f.value?(p(),m("p",se," Nothing is running for this deployment, so there is nothing to open a shell in. ")):_("",!0),n.value==="closed"&&h.value?(p(),m("p",ae,"Session ended — "+P(h.value)+".",1)):_("",!0),t("div",{ref_key:"host",ref:v,class:"terminal-host","data-state":n.value},null,8,ie),e[15]||(e[15]=t("p",{class:"hint"}," Every session is recorded — who, which container, when — and the record is written when the shell opens, so a session that dies with the process still leaves one. ",-1))]))}}),fe=J(re,[["__scopeId","data-v-2d8bfa2e"]]);export{fe as default};
+//# sourceMappingURL=TerminalTab-Dleba0ru.js.map

package/dist/assets/{TerminalTab-BboWRxwq.js.map → TerminalTab-Dleba0ru.js.map}

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["route","useRoute","id","computed","SHELLS","rt","ref","loadError","container","shell","state","closeReason","host","term","shallowRef","fit","socket","observer","containerOptions","running","c","_a","loadContainers","r","api","problem","wanted","match","connect","Terminal","FitAddon","__vitePreload","n","t","f","proto","qs","ws","e","d","disconnect","teardown","_b","watch","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_createVNode","InfoHint","_createBlock","ErrorNote","_hoisted_3","_hoisted_4","SelectMenu","$event","_hoisted_5","s","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_toDisplayString"],"ignoreList":[],"sources":["../../src/views/tabs/TerminalTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * A shell inside one of this deployment's containers.\n *\n * THE SERVER DECIDES WHICH CONTAINER. This picker is filled from `/runtime`, i.e. the containers the\n * deployment actually owns, and the server checks the name again on upgrade — a hand-typed\n * `?container=pstack-control` is a 404 there, not here. The picker is a convenience, never the\n * boundary.\n *\n * THE COOKIE IS THE CREDENTIAL. A browser cannot set an `Authorization` header on a WebSocket, which\n * is exactly why sessions are cookies (0.10.0) — the handshake is a same-origin GET and carries the\n * session automatically. There is no token in this URL and there must never be one: a URL lands in\n * proxy logs and browser history.\n *\n * NO PTY. The server runs `docker exec -i`, not `-it`, so there is no prompt, no ^C and no `top`.\n * That is stated on the page rather than left for the operator to discover as \"the terminal is\n * broken\" — see the banner below and the comment at the head of `terminal.ts`.\n */\nimport { computed, onBeforeUnmount, ref, shallowRef, watch } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { api, problem } from '../../api/client';\nimport type { RuntimeResponse } from '../../api/types';\nimport ErrorNote from '../../components/ErrorNote.vue';\nimport InfoHint from '../../components/InfoHint.vue';\nimport SelectMenu from '../../components/SelectMenu.vue';\n\nconst route = useRoute();\nconst id = computed(() => String(route.params.id));\n\nconst SHELLS = ['sh', 'bash', 'ash', 'zsh', 'fish'];\n\nconst rt = ref<RuntimeResponse | null>(null);\nconst loadError = ref('');\nconst container = ref('');\nconst shell = ref('sh');\nconst state = ref<'idle' | 'connecting' | 'open' | 'closed'>('idle');\nconst closeReason = ref('');\n\nconst host = ref<HTMLDivElement | null>(null);\n/** shallowRef: xterm's Terminal is a large mutable object and must not be made reactive. */\nconst term = shallowRef<import('@xterm/xterm').Terminal | null>(null);\nconst fit = shallowRef<import('@xterm/addon-fit').FitAddon | null>(null);\nconst socket = shallowRef<WebSocket | null>(null);\nlet observer: ResizeObserver | null = null;\n\nconst containerOptions = computed(() =>\n  running.value.map((c) => ({ value: c.name, label: c.name, hint: c.service ?? undefined })),\n);\n\nconst running = computed(() => rt.value?.containers.filter((c) => c.state === 'running') ?? []);\n\nasync function loadContainers() {\n  const r = await api.get<RuntimeResponse>(\n    `/api/deployments/${encodeURIComponent(id.value)}/runtime`,\n  );\n  if (!r.ok) {\n    loadError.value = problem(r, \"list this deployment's containers\");\n    return;\n  }\n  loadError.value = '';\n  rt.value = r.body;\n  if (container.value) return;\n  /*\n   * `?container=` is how the Containers table jumps straight to a shell here. Honoured only when it\n   * names a container this deployment actually owns and is running — an unknown name falls back to\n   * the first, because the alternative is a picker sitting on a container that does not exist and a\n   * Connect button that 404s. (The server checks the name again on upgrade; this is convenience.)\n   */\n  const wanted = typeof route.query.container === 'string' ? route.query.container : '';\n  const match = running.value.find((c) => c.name === wanted);\n  container.value = match?.name ?? running.value[0]?.name ?? '';\n}\nvoid loadContainers();\n\nasync function connect() {\n  if (state.value === 'connecting' || state.value === 'open') return;\n  closeReason.value = '';\n  state.value = 'connecting';\n\n  // Loaded on demand, not in the app shell: xterm is ~250KB and only this tab needs it.\n  const [{ Terminal }, { FitAddon }] = await Promise.all([\n    import('@xterm/xterm'),\n    import('@xterm/addon-fit'),\n  ]);\n  await import('@xterm/xterm/css/xterm.css');\n\n  term.value?.dispose();\n  const t = new Terminal({\n    // The OUTPUT half of the line discipline the missing pty would have provided. A real terminal\n    // converts NL to CR-NL on the way out (ONLCR); without it every `\\n` moves DOWN a row without\n    // returning the carriage, and `ls` renders as a staircase marching off the right edge. The input\n    // half — CR to NL — is done server-side; see `crToNl` in api.ts.\n    convertEol: true,\n    fontSize: 13,\n    fontFamily: 'var(--font-mono, ui-monospace, monospace)',\n    cursorBlink: true,\n    theme: { background: '#0b0e14' },\n  });\n  const f = new FitAddon();\n  t.loadAddon(f);\n  if (host.value) {\n    host.value.innerHTML = '';\n    t.open(host.value);\n    f.fit();\n  }\n  term.value = t;\n  fit.value = f;\n\n  observer?.disconnect();\n  observer = new ResizeObserver(() => {\n    try {\n      f.fit();\n    } catch {\n      /* the element is detached mid-transition */\n    }\n  });\n  if (host.value) observer.observe(host.value);\n\n  const proto = location.protocol === 'https:' ? 'wss' : 'ws';\n  const qs = new URLSearchParams({ container: container.value, shell: shell.value });\n  const ws = new WebSocket(\n    `${proto}://${location.host}/api/deployments/${encodeURIComponent(id.value)}/terminal?${qs}`,\n  );\n  ws.binaryType = 'arraybuffer';\n  socket.value = ws;\n\n  ws.onopen = () => {\n    state.value = 'open';\n    t.focus();\n  };\n  // Bytes, not text: decoding per frame would corrupt a multi-byte character split across two\n  // reads. xterm takes a Uint8Array and handles the boundary itself.\n  ws.onmessage = (e) =>\n    t.write(typeof e.data === 'string' ? e.data : new Uint8Array(e.data as ArrayBuffer));\n  ws.onclose = (e) => {\n    state.value = 'closed';\n    // A close CODE alone tells an operator nothing. 1006 in particular is the browser's \"it just\n    // went away\", which here almost always means the upgrade was refused.\n    closeReason.value =\n      e.reason || (e.code === 1006 ? 'the connection dropped (the upgrade may have been refused)' : `code ${e.code}`);\n  };\n  ws.onerror = () => {\n    if (state.value === 'connecting') closeReason.value = 'could not open the connection';\n  };\n  t.onData((d) => {\n    if (ws.readyState === WebSocket.OPEN) ws.send(d);\n  });\n}\n\nfunction disconnect() {\n  socket.value?.close(1000, 'closed by the operator');\n}\n\nfunction teardown() {\n  observer?.disconnect();\n  observer = null;\n  socket.value?.close();\n  socket.value = null;\n  term.value?.dispose();\n  term.value = null;\n}\n\n// Switching container or shell must not leave the old shell running against a dead view.\nwatch([container, shell], () => {\n  if (state.value === 'open' || state.value === 'connecting') disconnect();\n});\nwatch(id, () => {\n  teardown();\n  state.value = 'idle';\n  void loadContainers();\n});\nonBeforeUnmount(teardown);\n</script>\n\n<template>\n  <section class=\"stack\">\n    <div class=\"banner warn\">\n      <b>No TTY.</b> The shell runs without a terminal device, so there is no prompt, no\n      <code>Ctrl-C</code>, and no full-screen programs (<code>top</code>, <code>vim</code>). Type a\n      command and press Enter.\n      <InfoHint label=\"why\">\n        A pseudo-terminal needs a wrapper (<code>script</code>) whose flags differ across\n        distributions, and it was never verified on a real host — so pstack ships the half it can\n        stand behind. Everything an operator usually opens a shell for (<code>ls</code>,\n        <code>cat</code>, <code>env</code>, <code>psql</code>, a migration) works.\n      </InfoHint>\n    </div>\n\n    <ErrorNote v-if=\"loadError\" :text=\"loadError\" title=\"Could not list this deployment's containers.\" />\n\n    <div class=\"row wrap\" style=\"gap: var(--s3); align-items: end\">\n      <label class=\"field\">\n        <span>Container</span>\n        <SelectMenu v-model=\"container\" label=\"Container\" :disabled=\"state === 'open' || state === 'connecting'\" :options=\"containerOptions\" />\n      </label>\n      <label class=\"field\">\n        <span>Shell</span>\n        <SelectMenu v-model=\"shell\" label=\"Shell\" :disabled=\"state === 'open' || state === 'connecting'\" :options=\"SHELLS.map((s) => ({ value: s, label: s }))\" />\n      </label>\n      <button\n        v-if=\"state !== 'open'\"\n        class=\"primary\"\n        :disabled=\"!container || state === 'connecting'\"\n        @click=\"connect\"\n      >\n        {{ state === 'connecting' ? 'Connecting…' : 'Open shell' }}\n      </button>\n      <button v-else @click=\"disconnect\">Close shell</button>\n      <span class=\"grow\" />\n      <span v-if=\"state === 'open'\" class=\"badge ok\"><span class=\"dot pulse\" />connected</span>\n    </div>\n\n    <p v-if=\"!running.length && !loadError\" class=\"hint\">\n      Nothing is running for this deployment, so there is nothing to open a shell in.\n    </p>\n\n    <p v-if=\"state === 'closed' && closeReason\" class=\"hint\">Session ended — {{ closeReason }}.</p>\n\n    <div ref=\"host\" class=\"terminal-host\" :data-state=\"state\" />\n\n    <p class=\"hint\">\n      Every session is recorded — who, which container, when — and the record is written when the\n      shell opens, so a session that dies with the process still leaves one.\n    </p>\n  </section>\n</template>\n\n<style scoped>\n.terminal-host {\n  min-height: 26rem;\n  border: 1px solid var(--line);\n  border-radius: var(--r3);\n  background: #0b0e14;\n  padding: var(--s2);\n  overflow: hidden;\n}\n.terminal-host[data-state='idle'] {\n  display: none;\n}\n</style>\n"],"file":"assets/TerminalTab-BboWRxwq.js"}
+{"version":3,"mappings":";otBA0BA,MAAMA,EAAQC,EAAA,EACRC,EAAKC,EAAS,IAAM,OAAOH,EAAM,OAAO,EAAE,CAAC,EAE3CI,EAAS,CAAC,KAAM,OAAQ,MAAO,MAAO,MAAM,EAE5CC,EAAKC,EAA4B,IAAI,EACrCC,EAAYD,EAAI,EAAE,EAClBE,EAAYF,EAAI,EAAE,EAClBG,EAAQH,EAAI,IAAI,EAChBI,EAAQJ,EAA+C,MAAM,EAC7DK,EAAcL,EAAI,EAAE,EAEpBM,EAAON,EAA2B,IAAI,EAEtCO,EAAOC,EAAmD,IAAI,EAC9DC,EAAMD,EAAuD,IAAI,EACjEE,EAASF,EAA6B,IAAI,EAChD,IAAIG,EAAkC,KAEtC,MAAMC,EAAmBf,EAAS,IAChCgB,EAAQ,MAAM,IAAKC,IAAO,CAAE,MAAOA,EAAE,KAAM,MAAOA,EAAE,KAAM,KAAMA,EAAE,SAAW,QAAY,GAGrFD,EAAUhB,EAAS,WAAM,QAAAkB,EAAAhB,EAAG,QAAH,YAAAgB,EAAU,WAAW,OAAQD,GAAMA,EAAE,QAAU,aAAc,GAAE,EAE9F,eAAeE,GAAiB,OAC9B,MAAMC,EAAI,MAAMC,EAAI,IAClB,oBAAoB,mBAAmBtB,EAAG,KAAK,CAAC,YAElD,GAAI,CAACqB,EAAE,GAAI,CACThB,EAAU,MAAQkB,EAAQF,EAAG,mCAAmC,EAChE,MACF,CAGA,GAFAhB,EAAU,MAAQ,GAClBF,EAAG,MAAQkB,EAAE,KACTf,EAAU,MAAO,OAOrB,MAAMkB,EAAS,OAAO1B,EAAM,MAAM,WAAc,SAAWA,EAAM,MAAM,UAAY,GAC7E2B,EAAQR,EAAQ,MAAM,KAAMC,GAAMA,EAAE,OAASM,CAAM,EACzDlB,EAAU,OAAQmB,GAAA,YAAAA,EAAO,SAAQN,EAAAF,EAAQ,MAAM,CAAC,IAAf,YAAAE,EAAkB,OAAQ,EAC7D,CACKC,EAAA,EAEL,eAAeM,GAAU,OACvB,GAAIlB,EAAM,QAAU,cAAgBA,EAAM,QAAU,OAAQ,OAC5DC,EAAY,MAAQ,GACpBD,EAAM,MAAQ,aAGd,KAAM,CAAC,CAAE,SAAAmB,GAAY,CAAE,SAAAC,EAAU,EAAI,MAAM,QAAQ,IAAI,CAAAC,EAAA,IACrD,OAAO,qBAAc,OAAAC,KAAA,2BAAAD,EAAA,IACrB,OAAO,yBAAkB,OAAAC,KAAA,2BAC1B,EACD,MAAAD,EAAA,IAAM,mBAAmC,wBAEzCV,EAAAR,EAAK,QAAL,MAAAQ,EAAY,UACZ,MAAMY,EAAI,IAAIJ,EAAS,CAKrB,WAAY,GACZ,SAAU,GACV,WAAY,4CACZ,YAAa,GACb,MAAO,CAAE,WAAY,UAAU,CAChC,EACKK,EAAI,IAAIJ,EACdG,EAAE,UAAUC,CAAC,EACTtB,EAAK,QACPA,EAAK,MAAM,UAAY,GACvBqB,EAAE,KAAKrB,EAAK,KAAK,EACjBsB,EAAE,OAEJrB,EAAK,MAAQoB,EACblB,EAAI,MAAQmB,EAEZjB,GAAA,MAAAA,EAAU,aACVA,EAAW,IAAI,eAAe,IAAM,CAClC,GAAI,CACFiB,EAAE,KACJ,MAAQ,CAER,CACF,CAAC,EACGtB,EAAK,OAAOK,EAAS,QAAQL,EAAK,KAAK,EAE3C,MAAMuB,EAAQ,SAAS,WAAa,SAAW,MAAQ,KACjDC,EAAK,IAAI,gBAAgB,CAAE,UAAW5B,EAAU,MAAO,MAAOC,EAAM,MAAO,EAC3E4B,EAAK,IAAI,UACb,GAAGF,CAAK,MAAM,SAAS,IAAI,oBAAoB,mBAAmBjC,EAAG,KAAK,CAAC,aAAakC,CAAE,IAE5FC,EAAG,WAAa,cAChBrB,EAAO,MAAQqB,EAEfA,EAAG,OAAS,IAAM,CAChB3B,EAAM,MAAQ,OACduB,EAAE,OACJ,EAGAI,EAAG,UAAaC,GACdL,EAAE,MAAM,OAAOK,EAAE,MAAS,SAAWA,EAAE,KAAO,IAAI,WAAWA,EAAE,IAAmB,CAAC,EACrFD,EAAG,QAAWC,GAAM,CAClB5B,EAAM,MAAQ,SAGdC,EAAY,MACV2B,EAAE,SAAWA,EAAE,OAAS,KAAO,6DAA+D,QAAQA,EAAE,IAAI,GAChH,EACAD,EAAG,QAAU,IAAM,CACb3B,EAAM,QAAU,eAAcC,EAAY,MAAQ,gCACxD,EACAsB,EAAE,OAAQM,GAAM,CACVF,EAAG,aAAe,UAAU,MAAMA,EAAG,KAAKE,CAAC,CACjD,CAAC,CACH,CAEA,SAASC,GAAa,QACpBnB,EAAAL,EAAO,QAAP,MAAAK,EAAc,MAAM,IAAM,yBAC5B,CAEA,SAASoB,GAAW,SAClBxB,GAAA,MAAAA,EAAU,aACVA,EAAW,MACXI,EAAAL,EAAO,QAAP,MAAAK,EAAc,QACdL,EAAO,MAAQ,MACf0B,EAAA7B,EAAK,QAAL,MAAA6B,EAAY,UACZ7B,EAAK,MAAQ,IACf,CAGA,OAAA8B,EAAM,CAACnC,EAAWC,CAAK,EAAG,IAAM,EAC1BC,EAAM,QAAU,QAAUA,EAAM,QAAU,eAAc8B,EAAA,CAC9D,CAAC,EACDG,EAAMzC,EAAI,IAAM,CACduC,EAAA,EACA/B,EAAM,MAAQ,OACTY,EAAA,CACP,CAAC,EACDsB,EAAgBH,CAAQ,UAItBI,EAAA,EAAAC,EAiDU,UAjDVC,EAiDU,CAhDRC,EAUM,MAVNC,EAUM,CATJC,EAAA,KAAAA,EAAA,GAAAF,EAAc,SAAX,UAAO,mBAAI,wEACd,KAAAE,EAAA,KAAAA,EAAA,GAAAF,EAAmB,YAAb,SAAM,mBAAO,kCAA+B,KAAAE,EAAA,KAAAA,EAAA,GAAAF,EAAgB,YAAV,MAAG,mBAAO,KAAE,KAAAE,EAAA,KAAAA,EAAA,GAAAF,EAAgB,YAAV,MAAG,qBAAO,sCAEpF,KAAAG,EAKWC,EAAA,CALD,MAAM,OAAK,WAAC,IACe,IAAAF,EAAA,KAAAA,EAAA,MADf,uCACe,IAAAF,EAAmB,YAAb,SAAM,MAAO,yLAEU,IAAAA,EAAe,YAAT,KAAE,MAAO,KAC/E,IAAAA,EAAgB,YAAV,MAAG,MAAO,KAAE,IAAAA,EAAgB,YAAV,MAAG,MAAO,KAAE,IAAAA,EAAiB,YAAX,OAAI,MAAO,yBACvD,gBAGezC,EAAA,WAAjB8C,EAAqGC,EAAA,OAAxE,KAAM/C,EAAA,MAAW,MAAM,2EAEpDyC,EAoBM,MApBNO,GAoBM,CAnBJP,EAGQ,QAHRQ,GAGQ,CAFNN,EAAA,MAAAA,EAAA,IAAAF,EAAsB,YAAhB,YAAS,KACfG,EAAuIM,EAAA,YAAlHjD,EAAA,2CAAAA,EAAS,MAAAkD,GAAE,MAAM,YAAa,SAAUhD,EAAA,QAAK,QAAeA,EAAA,QAAK,aAAoB,QAASQ,EAAA,qDAErH8B,EAGQ,QAHRW,GAGQ,CAFNT,EAAA,MAAAA,EAAA,IAAAF,EAAkB,YAAZ,QAAK,KACXG,EAA0JM,EAAA,YAArIhD,EAAA,2CAAAA,EAAK,MAAAiD,GAAE,MAAM,QAAS,SAAUhD,EAAA,QAAK,QAAeA,EAAA,QAAK,aAAoB,QAASN,EAAO,IAAKwD,IAAC,OAAeA,EAAC,MAASA,GAAC,iDAG5IlD,EAAA,QAAK,YADboC,EAOS,gBALP,MAAM,UACL,SAAQ,CAAGtC,EAAA,OAAaE,EAAA,QAAK,aAC7B,QAAOkB,CAAA,IAELlB,EAAA,QAAK,2CAAAmD,EAAA,QAEVf,EAAuD,gBAAvC,QAAON,CAAA,EAAY,aAAW,iBAC9CQ,EAAqB,QAAf,MAAM,QAAM,UACNtC,EAAA,QAAK,QAAjBmC,EAAA,EAAAC,EAAyF,OAAzFgB,GAAyF,IAAAZ,EAAA,MAAAA,EAAA,KAA1CF,EAA0B,QAApB,MAAM,aAAW,WAAG,YAAS,qBAG1E7B,EAAA,MAAQ,QAAM,CAAKZ,EAAA,WAA7BuC,EAEI,IAFJiB,GAAqD,mFAErD,YAESrD,EAAA,kBAAsBC,EAAA,OAA/BkC,EAAA,EAAAC,EAA+F,IAA/FkB,GAAyD,mBAAgBC,EAAGtD,EAAA,KAAW,EAAG,IAAC,aAE3FqC,EAA4D,eAAnD,OAAJ,IAAIpC,EAAO,MAAM,gBAAiB,aAAYF,EAAA,kBAEnDwC,EAAA,MAAAA,EAAA,IAAAF,EAGI,KAHD,MAAM,QAAO,uKAGhB","names":["route","useRoute","id","computed","SHELLS","rt","ref","loadError","container","shell","state","closeReason","host","term","shallowRef","fit","socket","observer","containerOptions","running","c","_a","loadContainers","r","api","problem","wanted","match","connect","Terminal","FitAddon","__vitePreload","n","t","f","proto","qs","ws","e","d","disconnect","teardown","_b","watch","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_createVNode","InfoHint","_createBlock","ErrorNote","_hoisted_3","_hoisted_4","SelectMenu","$event","_hoisted_5","s","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_toDisplayString"],"ignoreList":[],"sources":["../../src/views/tabs/TerminalTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * A shell inside one of this deployment's containers.\n *\n * THE SERVER DECIDES WHICH CONTAINER. This picker is filled from `/runtime`, i.e. the containers the\n * deployment actually owns, and the server checks the name again on upgrade — a hand-typed\n * `?container=pstack-control` is a 404 there, not here. The picker is a convenience, never the\n * boundary.\n *\n * THE COOKIE IS THE CREDENTIAL. A browser cannot set an `Authorization` header on a WebSocket, which\n * is exactly why sessions are cookies (0.10.0) — the handshake is a same-origin GET and carries the\n * session automatically. There is no token in this URL and there must never be one: a URL lands in\n * proxy logs and browser history.\n *\n * NO PTY. The server runs `docker exec -i`, not `-it`, so there is no prompt, no ^C and no `top`.\n * That is stated on the page rather than left for the operator to discover as \"the terminal is\n * broken\" — see the banner below and the comment at the head of `terminal.ts`.\n */\nimport { computed, onBeforeUnmount, ref, shallowRef, watch } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { api, problem } from '../../api/client';\nimport type { RuntimeResponse } from '../../api/types';\nimport ErrorNote from '../../components/ErrorNote.vue';\nimport InfoHint from '../../components/InfoHint.vue';\nimport SelectMenu from '../../components/SelectMenu.vue';\n\nconst route = useRoute();\nconst id = computed(() => String(route.params.id));\n\nconst SHELLS = ['sh', 'bash', 'ash', 'zsh', 'fish'];\n\nconst rt = ref<RuntimeResponse | null>(null);\nconst loadError = ref('');\nconst container = ref('');\nconst shell = ref('sh');\nconst state = ref<'idle' | 'connecting' | 'open' | 'closed'>('idle');\nconst closeReason = ref('');\n\nconst host = ref<HTMLDivElement | null>(null);\n/** shallowRef: xterm's Terminal is a large mutable object and must not be made reactive. */\nconst term = shallowRef<import('@xterm/xterm').Terminal | null>(null);\nconst fit = shallowRef<import('@xterm/addon-fit').FitAddon | null>(null);\nconst socket = shallowRef<WebSocket | null>(null);\nlet observer: ResizeObserver | null = null;\n\nconst containerOptions = computed(() =>\n  running.value.map((c) => ({ value: c.name, label: c.name, hint: c.service ?? undefined })),\n);\n\nconst running = computed(() => rt.value?.containers.filter((c) => c.state === 'running') ?? []);\n\nasync function loadContainers() {\n  const r = await api.get<RuntimeResponse>(\n    `/api/deployments/${encodeURIComponent(id.value)}/runtime`,\n  );\n  if (!r.ok) {\n    loadError.value = problem(r, \"list this deployment's containers\");\n    return;\n  }\n  loadError.value = '';\n  rt.value = r.body;\n  if (container.value) return;\n  /*\n   * `?container=` is how the Containers table jumps straight to a shell here. Honoured only when it\n   * names a container this deployment actually owns and is running — an unknown name falls back to\n   * the first, because the alternative is a picker sitting on a container that does not exist and a\n   * Connect button that 404s. (The server checks the name again on upgrade; this is convenience.)\n   */\n  const wanted = typeof route.query.container === 'string' ? route.query.container : '';\n  const match = running.value.find((c) => c.name === wanted);\n  container.value = match?.name ?? running.value[0]?.name ?? '';\n}\nvoid loadContainers();\n\nasync function connect() {\n  if (state.value === 'connecting' || state.value === 'open') return;\n  closeReason.value = '';\n  state.value = 'connecting';\n\n  // Loaded on demand, not in the app shell: xterm is ~250KB and only this tab needs it.\n  const [{ Terminal }, { FitAddon }] = await Promise.all([\n    import('@xterm/xterm'),\n    import('@xterm/addon-fit'),\n  ]);\n  await import('@xterm/xterm/css/xterm.css');\n\n  term.value?.dispose();\n  const t = new Terminal({\n    // The OUTPUT half of the line discipline the missing pty would have provided. A real terminal\n    // converts NL to CR-NL on the way out (ONLCR); without it every `\\n` moves DOWN a row without\n    // returning the carriage, and `ls` renders as a staircase marching off the right edge. The input\n    // half — CR to NL — is done server-side; see `crToNl` in api.ts.\n    convertEol: true,\n    fontSize: 13,\n    fontFamily: 'var(--font-mono, ui-monospace, monospace)',\n    cursorBlink: true,\n    theme: { background: '#0b0e14' },\n  });\n  const f = new FitAddon();\n  t.loadAddon(f);\n  if (host.value) {\n    host.value.innerHTML = '';\n    t.open(host.value);\n    f.fit();\n  }\n  term.value = t;\n  fit.value = f;\n\n  observer?.disconnect();\n  observer = new ResizeObserver(() => {\n    try {\n      f.fit();\n    } catch {\n      /* the element is detached mid-transition */\n    }\n  });\n  if (host.value) observer.observe(host.value);\n\n  const proto = location.protocol === 'https:' ? 'wss' : 'ws';\n  const qs = new URLSearchParams({ container: container.value, shell: shell.value });\n  const ws = new WebSocket(\n    `${proto}://${location.host}/api/deployments/${encodeURIComponent(id.value)}/terminal?${qs}`,\n  );\n  ws.binaryType = 'arraybuffer';\n  socket.value = ws;\n\n  ws.onopen = () => {\n    state.value = 'open';\n    t.focus();\n  };\n  // Bytes, not text: decoding per frame would corrupt a multi-byte character split across two\n  // reads. xterm takes a Uint8Array and handles the boundary itself.\n  ws.onmessage = (e) =>\n    t.write(typeof e.data === 'string' ? e.data : new Uint8Array(e.data as ArrayBuffer));\n  ws.onclose = (e) => {\n    state.value = 'closed';\n    // A close CODE alone tells an operator nothing. 1006 in particular is the browser's \"it just\n    // went away\", which here almost always means the upgrade was refused.\n    closeReason.value =\n      e.reason || (e.code === 1006 ? 'the connection dropped (the upgrade may have been refused)' : `code ${e.code}`);\n  };\n  ws.onerror = () => {\n    if (state.value === 'connecting') closeReason.value = 'could not open the connection';\n  };\n  t.onData((d) => {\n    if (ws.readyState === WebSocket.OPEN) ws.send(d);\n  });\n}\n\nfunction disconnect() {\n  socket.value?.close(1000, 'closed by the operator');\n}\n\nfunction teardown() {\n  observer?.disconnect();\n  observer = null;\n  socket.value?.close();\n  socket.value = null;\n  term.value?.dispose();\n  term.value = null;\n}\n\n// Switching container or shell must not leave the old shell running against a dead view.\nwatch([container, shell], () => {\n  if (state.value === 'open' || state.value === 'connecting') disconnect();\n});\nwatch(id, () => {\n  teardown();\n  state.value = 'idle';\n  void loadContainers();\n});\nonBeforeUnmount(teardown);\n</script>\n\n<template>\n  <section class=\"stack\">\n    <div class=\"banner warn\">\n      <b>No TTY.</b> The shell runs without a terminal device, so there is no prompt, no\n      <code>Ctrl-C</code>, and no full-screen programs (<code>top</code>, <code>vim</code>). Type a\n      command and press Enter.\n      <InfoHint label=\"why\">\n        A pseudo-terminal needs a wrapper (<code>script</code>) whose flags differ across\n        distributions, and it was never verified on a real host — so pstack ships the half it can\n        stand behind. Everything an operator usually opens a shell for (<code>ls</code>,\n        <code>cat</code>, <code>env</code>, <code>psql</code>, a migration) works.\n      </InfoHint>\n    </div>\n\n    <ErrorNote v-if=\"loadError\" :text=\"loadError\" title=\"Could not list this deployment's containers.\" />\n\n    <div class=\"row wrap\" style=\"gap: var(--s3); align-items: end\">\n      <label class=\"field\">\n        <span>Container</span>\n        <SelectMenu v-model=\"container\" label=\"Container\" :disabled=\"state === 'open' || state === 'connecting'\" :options=\"containerOptions\" />\n      </label>\n      <label class=\"field\">\n        <span>Shell</span>\n        <SelectMenu v-model=\"shell\" label=\"Shell\" :disabled=\"state === 'open' || state === 'connecting'\" :options=\"SHELLS.map((s) => ({ value: s, label: s }))\" />\n      </label>\n      <button\n        v-if=\"state !== 'open'\"\n        class=\"primary\"\n        :disabled=\"!container || state === 'connecting'\"\n        @click=\"connect\"\n      >\n        {{ state === 'connecting' ? 'Connecting…' : 'Open shell' }}\n      </button>\n      <button v-else @click=\"disconnect\">Close shell</button>\n      <span class=\"grow\" />\n      <span v-if=\"state === 'open'\" class=\"badge ok\"><span class=\"dot pulse\" />connected</span>\n    </div>\n\n    <p v-if=\"!running.length && !loadError\" class=\"hint\">\n      Nothing is running for this deployment, so there is nothing to open a shell in.\n    </p>\n\n    <p v-if=\"state === 'closed' && closeReason\" class=\"hint\">Session ended — {{ closeReason }}.</p>\n\n    <div ref=\"host\" class=\"terminal-host\" :data-state=\"state\" />\n\n    <p class=\"hint\">\n      Every session is recorded — who, which container, when — and the record is written when the\n      shell opens, so a session that dies with the process still leaves one.\n    </p>\n  </section>\n</template>\n\n<style scoped>\n.terminal-host {\n  min-height: 26rem;\n  border: 1px solid var(--line);\n  border-radius: var(--r3);\n  background: #0b0e14;\n  padding: var(--s2);\n  overflow: hidden;\n}\n.terminal-host[data-state='idle'] {\n  display: none;\n}\n</style>\n"],"file":"assets/TerminalTab-Dleba0ru.js"}

package/dist/assets/UsersView-Bd8B9pLD.css

@@ -0,0 +1 @@
+.stack-form[data-v-fb77a882]{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:var(--s3)}.stack-form h3[data-v-fb77a882]{font-size:var(--t-sm);color:var(--fg-dim)}td.right[data-v-fb77a882]{text-align:end}.two-up>.field[data-v-fb77a882]{flex:1 1 200px}td.right button[data-v-fb77a882]{margin-inline-start:var(--s2)}.role-pick[data-v-fb77a882]{display:inline-block}.role-pick[data-v-fb77a882] .selm-trigger{width:auto;min-width:150px}

package/dist/assets/UsersView-BrZbuuOg.js

@@ -0,0 +1,2 @@
+import{d as oe,a6 as te,M as I,c as n,a as s,f as C,e as u,w as A,_ as L,z as U,g as f,t as c,F as W,r as B,u as r,a7 as R,h as D,i as V,v as x,b as k,T as ne,j as p,k as M,p as h,C as y,o as t,U as g,s as le}from"./index-Cqe_7QZw.js";import{_ as Y}from"./ActionButton.vue_vue_type_script_setup_true_lang-D8Xlp6c9.js";import{E as F}from"./EquivalentCommand-D92xDU0_.js";import{_ as re}from"./ErrorNote.vue_vue_type_script_setup_true_lang-DVbGiVTB.js";import{_ as j}from"./RelativeTime.vue_vue_type_script_setup_true_lang-NGvUfuKC.js";import{_ as z}from"./SkeletonList.vue_vue_type_script_setup_true_lang-BmeRGmxf.js";import{_ as ie}from"./RefreshButton.vue_vue_type_script_setup_true_lang-P7VwWcRa.js";import{_ as H}from"./SelectMenu.vue_vue_type_script_setup_true_lang-BtHqT6G1.js";import{_ as de}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Teleport-I0XiM19H.js";const ue={class:"page-head"},ce={class:"sub"},pe={key:1,class:"banner ok"},me={class:"code"},ve={class:"row"},he={class:"grid-2"},we={class:"panel"},fe={class:"phead"},ke={class:"mute",style:{"font-size":"var(--t-xs)"}},ye={key:1,class:"cards"},be={class:"name","data-label":"user"},_e={key:0,class:"badge info"},ge={"data-label":"role"},$e=["title"],Ce={key:1},Ae={class:"dim nowrap","data-label":"added"},Ue={class:"right nowrap","data-label":""},Te=["onClick"],Re={key:2,class:"hint"},Ve={class:"row wrap two-up"},xe={class:"field grow"},Ne={class:"field grow"},Se={class:"field"},Pe={class:"row"},Ie=["disabled"],De={key:4,class:"hint"},Ee={class:"panel"},Oe={class:"phead"},Le={key:1,class:"cards"},We={class:"name","data-label":"name"},Be={class:"dim nowrap","data-label":"last used"},Me={key:1,class:"mute"},Ye={class:"right nowrap","data-label":""},Fe={key:2,class:"hint"},je={class:"field"},ze={class:"row"},He=["disabled"],qe={class:"sheet",role:"dialog","aria-modal":"true","aria-label":"Change password"},Ge={class:"hint"},Je={class:"field"},Ke={class:"row"},Qe=["disabled"],q="The only admin — promote another account first.",Xe=oe({__name:"UsersView",setup(Ze){const $=p([]),N=p([]),S=p(!1),i=p(""),l=p({username:"",password:"",role:"viewer"}),w=p(""),m=p(null),b=p(""),_=p(null),G=M(()=>l.value.username.trim().length>0&&l.value.password.length>=8),J={viewer:"reads everything",developer:"deploys and tears down",maintainer:"host configuration",admin:"accounts and sign-on"},E=te.map(o=>({value:o,label:I(o),hint:J[o]})),K=M(()=>$.value.filter(o=>o.role==="admin").length);function T(o){return o.role==="admin"&&K.value===1}async function v(){const[o,e]=await Promise.all([h.get("/api/users"),h.get("/api/tokens")]);if(S.value=!0,!o.ok){i.value=y(o,"load the accounts");return}i.value="",$.value=o.body.users??[],N.value=e.ok?e.body.tokens??[]:[]}v();async function Q(){const o=await h.post("/api/users",{username:l.value.username.trim(),password:l.value.password,role:l.value.role});if(!o.ok){i.value=y(o,"create this account");return}g("ok",`Created ${o.body.user.username} as a ${o.body.user.role}.`),l.value={username:"",password:"",role:"viewer"},v()}async function X(o){const e=await h.del(`/api/users/${o.id}`);if(!e.ok){i.value=y(e,`delete ${o.username}`);return}g("ok",`Deleted ${o.username}.`),v()}async function Z(o,e){var d;if(e===o.role)return;const a=await h.patch(`/api/users/${o.id}`,{role:e});if(!a.ok){i.value=y(a,`change the role for ${o.username}`);return}i.value="",o.id===((d=k.user)==null?void 0:d.id)?(await le(),g("ok",`You are now a ${e}. What this app offers you changed with it.`)):g("ok",`${o.username} is now a ${e}.`),v()}async function ee(){var a;const o=m.value;if(!o)return;const e=await h.put(`/api/users/${o.id}/password`,{password:b.value});if(!e.ok){i.value=y(e,`change the password for ${o.username}`);return}m.value=null,b.value="",g("ok",o.id===((a=k.user)==null?void 0:a.id)?"Password changed. You have been signed out everywhere — sign in again.":`Password changed. ${o.username} has been signed out everywhere.`),v()}async function se(){const o=await h.post("/api/tokens",{name:w.value.trim()});if(!o.ok){i.value=y(o,"create this token");return}_.value={what:`Personal token “${w.value.trim()}”`,value:o.body.token,note:"Send it as a bearer token. The server stores only a hash, so this is the only time it is shown."},w.value="",v()}async function ae(o){const e=await h.del(`/api/tokens/${o.id}`);if(!e.ok){i.value=y(e,`revoke ${o.name}`);return}g("ok",`Revoked ${o.name}.`),v()}return(o,e)=>(t(),n("div",null,[s("div",ue,[s("div",null,[e[10]||(e[10]=s("h1",null,"Users & access",-1)),s("div",ce,[e[9]||(e[9]=C(" Who can sign in, and the tokens they use from scripts ",-1)),u(L,{label:"how access works here"},{default:A(()=>[...e[8]||(e[8]=[C(" Three kinds of caller. The host token from the environment is the root credential CI holds. An account signs in with a password and gets a browser session. A personal token belongs to one account and is what a script uses — it can do anything that account can. ",-1)])]),_:1})])]),e[11]||(e[11]=s("span",{class:"grow"},null,-1)),u(ie,{run:v})]),i.value?(t(),U(re,{key:0,text:i.value,title:"Something went wrong."},null,8,["text"])):f("",!0),_.value?(t(),n("div",pe,[s("b",null,c(_.value.what)+" — copy it now.",1),s("p",null,c(_.value.note),1),s("pre",me,c(_.value.value),1),s("div",ve,[s("button",{onClick:e[0]||(e[0]=a=>_.value=null)},"I have stored it")])])):f("",!0),s("div",he,[s("section",we,[s("div",fe,[e[12]||(e[12]=s("h2",{class:"section"},"Accounts",-1)),e[13]||(e[13]=s("span",{class:"grow"},null,-1)),s("span",ke,c($.value.length),1)]),S.value?$.value.length?(t(),n("table",ye,[e[15]||(e[15]=s("thead",null,[s("tr",null,[s("th",null,"User"),s("th",null,"Role"),s("th",null,"Added"),s("th",{"aria-label":"Actions"})])],-1)),s("tbody",null,[(t(!0),n(W,null,B($.value,a=>{var d,O;return t(),n("tr",{key:a.id},[s("td",be,[s("b",null,c(a.username),1),a.id===((d=r(k).user)==null?void 0:d.id)?(t(),n("span",_e,"you")):f("",!0)]),s("td",ge,[r(R)("admin")?(t(),n("span",{key:0,class:"role-pick",title:T(a)?q:void 0},[u(H,{"model-value":a.role,label:`Role for ${a.username}`,options:r(E),disabled:T(a),placeholder:r(I)(a.role),"onUpdate:modelValue":P=>Z(a,P)},null,8,["model-value","label","options","disabled","placeholder","onUpdate:modelValue"])],8,$e)):(t(),n("span",Ce,c(r(I)(a.role)),1))]),s("td",Ae,[u(j,{at:a.createdAt},null,8,["at"])]),s("td",Ue,[a.id===((O=r(k).user)==null?void 0:O.id)||r(R)("admin")?(t(),n("button",{key:0,class:"ghost sm",onClick:P=>{m.value=a,b.value=""}}," Change password ",8,Te)):f("",!0),r(R)("admin")?(t(),U(Y,{key:1,class:"danger sm",confirm:`Delete ${a.username}?`,disabled:T(a),title:T(a)?q:void 0,onRun:P=>X(a)},{default:A(()=>[...e[14]||(e[14]=[C("Delete",-1)])]),_:1},8,["confirm","disabled","title","onRun"])):f("",!0)])])}),128))])])):(t(),n("p",Re,"No accounts yet.")):(t(),U(z,{key:0,rows:3})),r(R)("admin")?(t(),n("form",{key:3,class:"stack-form",onSubmit:D(Q,["prevent"])},[e[20]||(e[20]=s("h3",null,"Add an account",-1)),s("div",Ve,[s("label",xe,[e[16]||(e[16]=s("span",null,"Username",-1)),V(s("input",{"onUpdate:modelValue":e[1]||(e[1]=a=>l.value.username=a),type:"text",autocomplete:"off"},null,512),[[x,l.value.username]])]),s("label",Ne,[e[17]||(e[17]=s("span",null,"Password",-1)),V(s("input",{"onUpdate:modelValue":e[2]||(e[2]=a=>l.value.password=a),type:"password",autocomplete:"new-password"},null,512),[[x,l.value.password]])])]),s("div",Se,[e[18]||(e[18]=s("label",{for:"new-role"},"Role",-1)),u(H,{id:"new-role","model-value":l.value.role,label:"Role for the new account",options:r(E),"onUpdate:modelValue":e[3]||(e[3]=a=>l.value.role=a)},null,8,["model-value","options"])]),e[21]||(e[21]=s("p",{class:"hint"},"At least 8 characters. A new account starts as a viewer unless you say otherwise.",-1)),s("div",Pe,[s("button",{class:"primary",type:"submit",disabled:!G.value},"Add account",8,Ie),e[19]||(e[19]=s("span",{class:"grow"},null,-1))]),u(F,{what:"this account creation",method:"POST",path:"/api/users",body:{username:l.value.username||"alice",password:"…",role:l.value.role}},null,8,["body"])],32)):(t(),n("p",De," Only an admin can add an account or change a role. Ask one of the admins above. "))]),s("section",Ee,[s("div",Oe,[e[23]||(e[23]=s("h2",{class:"section"},"Your API tokens",-1)),u(L,{label:"when to use one"},{default:A(()=>[...e[22]||(e[22]=[C(" A script or a CI job signing in as you. It carries whatever you can do, so give each one a name you will recognise later and revoke the ones you stop using. ",-1)])]),_:1})]),S.value?N.value.length?(t(),n("table",Le,[e[25]||(e[25]=s("thead",null,[s("tr",null,[s("th",null,"Name"),s("th",null,"Last used"),s("th",{"aria-label":"Actions"})])],-1)),s("tbody",null,[(t(!0),n(W,null,B(N.value,a=>(t(),n("tr",{key:a.id},[s("td",We,[s("b",null,c(a.name),1)]),s("td",Be,[a.lastUsedAt?(t(),U(j,{key:0,at:a.lastUsedAt},null,8,["at"])):(t(),n("span",Me,"never"))]),s("td",Ye,[u(Y,{class:"danger sm",confirm:`Revoke ${a.name}?`,onRun:d=>ae(a)},{default:A(()=>[...e[24]||(e[24]=[C("Revoke",-1)])]),_:1},8,["confirm","onRun"])])]))),128))])])):(t(),n("p",Fe,c(r(k).root?"The host token is not an account, so it has no personal tokens.":"No tokens yet."),1)):(t(),U(z,{key:0,rows:2})),r(k).root?f("",!0):(t(),n("form",{key:3,class:"stack-form",onSubmit:D(se,["prevent"])},[e[27]||(e[27]=s("h3",null,"New token",-1)),s("label",je,[e[26]||(e[26]=s("span",null,"What is it for",-1)),V(s("input",{"onUpdate:modelValue":e[4]||(e[4]=a=>w.value=a),type:"text",placeholder:"ci-deploy",autocomplete:"off"},null,512),[[x,w.value]])]),s("div",ze,[s("button",{class:"primary",type:"submit",disabled:!w.value.trim()},"Create token",8,He)]),u(F,{what:"this token creation",method:"POST",path:"/api/tokens",body:{name:w.value||"ci-deploy"}},null,8,["body"])],32))])]),u(ne,{name:"fade"},{default:A(()=>{var a;return[m.value?(t(),n("div",{key:0,class:"scrim",onClick:e[7]||(e[7]=D(d=>m.value=null,["self"]))},[s("div",qe,[s("h3",null,"Change password for "+c(m.value.username),1),s("p",Ge," This signs "+c(m.value.id===((a=r(k).user)==null?void 0:a.id)?"you":"them")+" out everywhere — every session and personal token is revoked. ",1),s("label",Je,[e[28]||(e[28]=s("span",null,"New password",-1)),V(s("input",{"onUpdate:modelValue":e[5]||(e[5]=d=>b.value=d),type:"password",autocomplete:"new-password"},null,512),[[x,b.value]])]),s("div",Ke,[s("button",{class:"primary",disabled:b.value.length<8,onClick:ee}," Change password ",8,Qe),s("button",{class:"ghost",onClick:e[6]||(e[6]=d=>m.value=null)},"Cancel")])])])):f("",!0)]}),_:1})]))}}),us=de(Xe,[["__scopeId","data-v-fb77a882"]]);export{us as default};
+//# sourceMappingURL=UsersView-BrZbuuOg.js.map

package/dist/assets/UsersView-BrZbuuOg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersView-BrZbuuOg.js","sources":["../../src/views/UsersView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Accounts and personal API tokens.\n *\n * Accounts landed in 0.10.0 with no UI at all, so the only way to add a second operator was a curl\n * call — which is exactly the thing a control plane exists to spare people.\n *\n * TWO AUDIENCES, TWO SECTIONS, and the split is deliberate. **Accounts** are about other people and\n * are shared state; **tokens** are yours alone (the API scopes them to the caller and cannot show\n * anyone else's). Mixing them into one table would imply an admin can manage another person's\n * tokens, which is not true and would be a bad idea if it were.\n *\n * SECRETS ARE SHOWN ONCE, and the page says so in the same breath as showing them. Same discipline\n * as a notifier signing secret and a registry credential: there is no read path on the server, so\n * this is not a policy that could be relaxed later — the value genuinely stops existing.\n *\n * ── ROLES ────────────────────────────────────────────────────────────────────────────────────────\n *\n * The roster is ordinary team information, so ANY signed-in account reads this page. Changing it —\n * adding an account, setting a role, deleting one, setting someone ELSE's password — is admin's,\n * and those controls are simply not rendered for anyone else. Your OWN password stays yours at\n * every role, so that one button is there for everybody, on their own row only.\n *\n * Hiding is UX. `can('admin')` decides what to DRAW; the server's permission table decides what is\n * allowed, and a hidden control that is somehow reached still comes back 403 — which lands in\n * `listError` and says which role the route wanted. That path is not a fallback, it is the actual\n * enforcement, so it stays.\n *\n * THE LAST ADMIN is the one rule the server has that the UI can see coming: it refuses to delete or\n * demote the final admin account. A request that can only fail is worse than a control that says\n * why it cannot be pressed, so that row's role picker and Delete arrive already disabled, carrying\n * the same remedy the server would have answered with — promote another account first.\n */\nimport { computed, ref } from 'vue';\nimport { api, problem } from '../api/client';\nimport { ROLES, type Role, type User, type UsersResponse } from '../api/types';\nimport { authState, can, checkAuth } from '../composables/useAuth';\nimport { sentence } from '../composables/useFormat';\nimport { toast } from '../composables/useToasts';\nimport ActionButton from '../components/ActionButton.vue';\nimport EquivalentCommand from '../components/EquivalentCommand.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport InfoHint from '../components/InfoHint.vue';\nimport RelativeTime from '../components/RelativeTime.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport RefreshButton from '../components/RefreshButton.vue';\nimport SelectMenu from '../components/SelectMenu.vue';\n\ntype Token = { id: number; name: string; createdAt: number; lastUsedAt: number | null };\n\nconst users = ref<User[]>([]);\nconst tokens = ref<Token[]>([]);\nconst loaded = ref(false);\nconst listError = ref('');\n\nconst newUser = ref<{ username: string; password: string; role: Role }>({\n  username: '',\n  password: '',\n  role: 'viewer',\n});\nconst newToken = ref('');\nconst pwFor = ref<User | null>(null);\nconst pwValue = ref('');\n\n/** Held only until dismissed — there is no way to show either of these again. */\nconst revealed = ref<{ what: string; value: string; note: string } | null>(null);\n\nconst canCreateUser = computed(\n  () => newUser.value.username.trim().length > 0 && newUser.value.password.length >= 8,\n);\n\n/** One line each, in the picker itself — a role name alone does not say what it costs to grant. */\nconst ROLE_WHAT: Record<Role, string> = {\n  viewer: 'reads everything',\n  developer: 'deploys and tears down',\n  maintainer: 'host configuration',\n  admin: 'accounts and sign-on',\n};\nconst roleOptions = ROLES.map((r) => ({ value: r, label: sentence(r), hint: ROLE_WHAT[r] }));\n\nconst adminCount = computed(() => users.value.filter((u) => u.role === 'admin').length);\n/**\n * The last admin cannot be demoted or deleted — the server refuses both, and a host with no admin\n * has nobody who can add one back. Counting ROWS is the same thing the server counts: root holds\n * PSTACK_TOKEN, not an account, and may not exist as a human at all.\n */\nfunction lastAdmin(u: User): boolean {\n  return u.role === 'admin' && adminCount.value === 1;\n}\nconst LAST_ADMIN_WHY = 'The only admin — promote another account first.';\n\nasync function load(): Promise<void> {\n  const [u, t] = await Promise.all([\n    api.get<UsersResponse>('/api/users'),\n    api.get<{ tokens: Token[] }>('/api/tokens'),\n  ]);\n  loaded.value = true;\n  if (!u.ok) {\n    listError.value = problem(u, 'load the accounts');\n    return;\n  }\n  listError.value = '';\n  users.value = u.body.users ?? [];\n  // Root (PSTACK_TOKEN) is not a user, so it has no personal tokens — an error here is expected.\n  tokens.value = t.ok ? (t.body.tokens ?? []) : [];\n}\nvoid load();\n\nasync function createUser(): Promise<void> {\n  // The role is always sent, never left to the server's default: what this form creates should be\n  // whatever the form is showing. (An absent role means viewer there, which is the same answer —\n  // but the day it is not, this page would be creating something other than what it said.)\n  const r = await api.post<{ user: User }>('/api/users', {\n    username: newUser.value.username.trim(),\n    password: newUser.value.password,\n    role: newUser.value.role,\n  });\n  if (!r.ok) {\n    listError.value = problem(r, 'create this account');\n    return;\n  }\n  toast('ok', `Created ${r.body.user.username} as a ${r.body.user.role}.`);\n  newUser.value = { username: '', password: '', role: 'viewer' };\n  void load();\n}\n\nasync function removeUser(u: User): Promise<void> {\n  const r = await api.del(`/api/users/${u.id}`);\n  // The server refuses to delete the last account. That is a rule worth surfacing verbatim rather\n  // than as \"could not delete\" — it tells the operator what to do instead.\n  if (!r.ok) {\n    listError.value = problem(r, `delete ${u.username}`);\n    return;\n  }\n  toast('ok', `Deleted ${u.username}.`);\n  void load();\n}\n\nasync function changeRole(u: User, role: string): Promise<void> {\n  if (role === u.role) return;\n  const r = await api.patch(`/api/users/${u.id}`, { role });\n  if (!r.ok) {\n    listError.value = problem(r, `change the role for ${u.username}`);\n    return;\n  }\n  listError.value = '';\n  if (u.id === authState.user?.id) {\n    // You just changed your OWN role, and this whole app — the rail, this page's controls, the\n    // footer — is drawn from the role it is holding. Re-read it before anything renders again,\n    // or the UI keeps offering what the server will now refuse. (The server needs no prompting:\n    // every request looks the role up fresh.)\n    await checkAuth();\n    toast('ok', `You are now a ${role}. What this app offers you changed with it.`);\n  } else {\n    toast('ok', `${u.username} is now a ${role}.`);\n  }\n  void load();\n}\n\nasync function changePassword(): Promise<void> {\n  const u = pwFor.value;\n  if (!u) return;\n  const r = await api.put(`/api/users/${u.id}/password`, { password: pwValue.value });\n  if (!r.ok) {\n    listError.value = problem(r, `change the password for ${u.username}`);\n    return;\n  }\n  pwFor.value = null;\n  pwValue.value = '';\n  // Not a footnote: the change signs that user out everywhere, and if it was YOU, the next request\n  // is a 401. Saying so here is the difference between an expected step and an apparent bug.\n  toast(\n    'ok',\n    u.id === authState.user?.id\n      ? `Password changed. You have been signed out everywhere — sign in again.`\n      : `Password changed. ${u.username} has been signed out everywhere.`,\n  );\n  void load();\n}\n\nasync function createToken(): Promise<void> {\n  const r = await api.post<{ token: string; id: number }>('/api/tokens', {\n    name: newToken.value.trim(),\n  });\n  if (!r.ok) {\n    listError.value = problem(r, 'create this token');\n    return;\n  }\n  revealed.value = {\n    what: `Personal token “${newToken.value.trim()}”`,\n    value: r.body.token,\n    note: 'Send it as a bearer token. The server stores only a hash, so this is the only time it is shown.',\n  };\n  newToken.value = '';\n  void load();\n}\n\nasync function removeToken(t: Token): Promise<void> {\n  const r = await api.del(`/api/tokens/${t.id}`);\n  if (!r.ok) {\n    listError.value = problem(r, `revoke ${t.name}`);\n    return;\n  }\n  toast('ok', `Revoked ${t.name}.`);\n  void load();\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>Users &amp; access</h1>\n        <div class=\"sub\">\n          Who can sign in, and the tokens they use from scripts\n          <InfoHint label=\"how access works here\">\n            Three kinds of caller. The host token from the environment is the root credential CI\n            holds. An account signs in with a password and gets a browser session. A personal token\n            belongs to one account and is what a script uses — it can do anything that account can.\n          </InfoHint>\n        </div>\n      </div>\n      <span class=\"grow\" />\n      <RefreshButton :run=\"load\" />\n    </div>\n\n    <ErrorNote v-if=\"listError\" :text=\"listError\" title=\"Something went wrong.\" />\n\n    <div v-if=\"revealed\" class=\"banner ok\">\n      <b>{{ revealed.what }} — copy it now.</b>\n      <p>{{ revealed.note }}</p>\n      <pre class=\"code\">{{ revealed.value }}</pre>\n      <div class=\"row\">\n        <button @click=\"revealed = null\">I have stored it</button>\n      </div>\n    </div>\n\n    <div class=\"grid-2\">\n      <section class=\"panel\">\n        <div class=\"phead\">\n          <h2 class=\"section\">Accounts</h2>\n          <span class=\"grow\" />\n          <span class=\"mute\" style=\"font-size: var(--t-xs)\">{{ users.length }}</span>\n        </div>\n\n        <SkeletonList v-if=\"!loaded\" :rows=\"3\" />\n        <!-- `cards` + `data-label` per cell: below 640px the same markup renders as cards. Without\n             it the row's two buttons pushed the table past the viewport and got clipped. -->\n        <table v-else-if=\"users.length\" class=\"cards\">\n          <thead>\n            <tr>\n              <th>User</th>\n              <th>Role</th>\n              <th>Added</th>\n              <th aria-label=\"Actions\" />\n            </tr>\n          </thead>\n          <tbody>\n            <tr v-for=\"u in users\" :key=\"u.id\">\n              <td class=\"name\" data-label=\"user\">\n                <b>{{ u.username }}</b>\n                <span v-if=\"u.id === authState.user?.id\" class=\"badge info\">you</span>\n              </td>\n              <!-- An admin gets the picker in place: promotion is a one-step decision about one\n                   person, and a dialog for a four-option choice is a page-blocking ceremony. Anyone\n                   else reads the role as text — `sentence()` at render only, never on the value.\n                   A role this build does not know still shows: it falls through to `placeholder`. -->\n              <td data-label=\"role\">\n                <span\n                  v-if=\"can('admin')\"\n                  class=\"role-pick\"\n                  :title=\"lastAdmin(u) ? LAST_ADMIN_WHY : undefined\"\n                >\n                  <SelectMenu\n                    :model-value=\"u.role\"\n                    :label=\"`Role for ${u.username}`\"\n                    :options=\"roleOptions\"\n                    :disabled=\"lastAdmin(u)\"\n                    :placeholder=\"sentence(u.role)\"\n                    @update:model-value=\"(v) => changeRole(u, v)\"\n                  />\n                </span>\n                <span v-else>{{ sentence(u.role) }}</span>\n              </td>\n              <td class=\"dim nowrap\" data-label=\"added\"><RelativeTime :at=\"u.createdAt\" /></td>\n              <td class=\"right nowrap\" data-label=\"\">\n                <!-- Your own password is yours at any role; someone else's is an admin operation. -->\n                <button\n                  v-if=\"u.id === authState.user?.id || can('admin')\"\n                  class=\"ghost sm\"\n                  @click=\"pwFor = u; pwValue = ''\"\n                >\n                  Change password\n                </button>\n                <ActionButton\n                  v-if=\"can('admin')\"\n                  class=\"danger sm\"\n                  :confirm=\"`Delete ${u.username}?`\"\n                  :disabled=\"lastAdmin(u)\"\n                  :title=\"lastAdmin(u) ? LAST_ADMIN_WHY : undefined\"\n                  @run=\"removeUser(u)\"\n                  >Delete</ActionButton\n                >\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        <p v-else class=\"hint\">No accounts yet.</p>\n\n        <form v-if=\"can('admin')\" class=\"stack-form\" @submit.prevent=\"createUser\">\n          <h3>Add an account</h3>\n          <div class=\"row wrap two-up\">\n            <label class=\"field grow\">\n              <span>Username</span>\n              <input v-model=\"newUser.username\" type=\"text\" autocomplete=\"off\" />\n            </label>\n            <label class=\"field grow\">\n              <span>Password</span>\n              <input v-model=\"newUser.password\" type=\"password\" autocomplete=\"new-password\" />\n            </label>\n          </div>\n          <div class=\"field\">\n            <label for=\"new-role\">Role</label>\n            <SelectMenu\n              id=\"new-role\"\n              :model-value=\"newUser.role\"\n              label=\"Role for the new account\"\n              :options=\"roleOptions\"\n              @update:model-value=\"(v) => (newUser.role = v as Role)\"\n            />\n          </div>\n          <p class=\"hint\">At least 8 characters. A new account starts as a viewer unless you say otherwise.</p>\n          <div class=\"row\">\n            <button class=\"primary\" type=\"submit\" :disabled=\"!canCreateUser\">Add account</button>\n            <span class=\"grow\" />\n          </div>\n          <EquivalentCommand\n            what=\"this account creation\"\n            method=\"POST\"\n            path=\"/api/users\"\n            :body=\"{ username: newUser.username || 'alice', password: '…', role: newUser.role }\"\n          />\n        </form>\n        <!-- Not an apology for a missing button: it says who to ask, which is the thing the reader\n             actually needs. Reading the roster is every account's; changing it is admin's. -->\n        <p v-else class=\"hint\">\n          Only an admin can add an account or change a role. Ask one of the admins above.\n        </p>\n      </section>\n\n      <section class=\"panel\">\n        <div class=\"phead\">\n          <h2 class=\"section\">Your API tokens</h2>\n          <InfoHint label=\"when to use one\">\n            A script or a CI job signing in as you. It carries whatever you can do, so give each one\n            a name you will recognise later and revoke the ones you stop using.\n          </InfoHint>\n        </div>\n\n        <SkeletonList v-if=\"!loaded\" :rows=\"2\" />\n        <table v-else-if=\"tokens.length\" class=\"cards\">\n          <thead>\n            <tr>\n              <th>Name</th>\n              <th>Last used</th>\n              <th aria-label=\"Actions\" />\n            </tr>\n          </thead>\n          <tbody>\n            <tr v-for=\"t in tokens\" :key=\"t.id\">\n              <td class=\"name\" data-label=\"name\"><b>{{ t.name }}</b></td>\n              <td class=\"dim nowrap\" data-label=\"last used\">\n                <RelativeTime v-if=\"t.lastUsedAt\" :at=\"t.lastUsedAt\" />\n                <span v-else class=\"mute\">never</span>\n              </td>\n              <td class=\"right nowrap\" data-label=\"\">\n                <ActionButton\n                  class=\"danger sm\"\n                  :confirm=\"`Revoke ${t.name}?`\"\n                  @run=\"removeToken(t)\"\n                  >Revoke</ActionButton\n                >\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        <p v-else class=\"hint\">\n          {{ authState.root ? 'The host token is not an account, so it has no personal tokens.' : 'No tokens yet.' }}\n        </p>\n\n        <form v-if=\"!authState.root\" class=\"stack-form\" @submit.prevent=\"createToken\">\n          <h3>New token</h3>\n          <label class=\"field\">\n            <span>What is it for</span>\n            <input v-model=\"newToken\" type=\"text\" placeholder=\"ci-deploy\" autocomplete=\"off\" />\n          </label>\n          <div class=\"row\">\n            <button class=\"primary\" type=\"submit\" :disabled=\"!newToken.trim()\">Create token</button>\n          </div>\n          <EquivalentCommand\n            what=\"this token creation\"\n            method=\"POST\"\n            path=\"/api/tokens\"\n            :body=\"{ name: newToken || 'ci-deploy' }\"\n          />\n        </form>\n      </section>\n    </div>\n\n    <!-- Password change: a dialog, because it is a distinct decision about one row. -->\n    <Transition name=\"fade\">\n      <div v-if=\"pwFor\" class=\"scrim\" @click.self=\"pwFor = null\">\n        <div class=\"sheet\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Change password\">\n          <h3>Change password for {{ pwFor.username }}</h3>\n          <p class=\"hint\">\n            This signs {{ pwFor.id === authState.user?.id ? 'you' : 'them' }} out everywhere —\n            every session and personal token is revoked.\n          </p>\n          <label class=\"field\">\n            <span>New password</span>\n            <input v-model=\"pwValue\" type=\"password\" autocomplete=\"new-password\" />\n          </label>\n          <div class=\"row\">\n            <button class=\"primary\" :disabled=\"pwValue.length < 8\" @click=\"changePassword\">\n              Change password\n            </button>\n            <button class=\"ghost\" @click=\"pwFor = null\">Cancel</button>\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<style scoped>\n.stack-form {\n  margin-top: var(--s5);\n  padding-top: var(--s4);\n  border-top: 1px solid var(--line-soft);\n  display: flex;\n  flex-direction: column;\n  gap: var(--s3);\n}\n.stack-form h3 {\n  font-size: var(--t-sm);\n  color: var(--fg-dim);\n}\ntd.right {\n  text-align: end;\n}\n/* Two fields share a line where there is room and stack where there is not — at 390px a pair of\n * half-width inputs is two inputs nobody can type into. */\n.two-up > .field {\n  flex: 1 1 200px;\n}\ntd.right button {\n  margin-inline-start: var(--s2);\n}\n/* The picker sits in a row, not a form: it takes the width its longest label needs and no more,\n * so the Role column does not eat the table. The wrapper exists to carry `title` when the control\n * inside it is disabled — a disabled button does not reliably show one of its own. */\n.role-pick {\n  display: inline-block;\n}\n.role-pick :deep(.selm-trigger) {\n  width: auto;\n  min-width: 150px;\n}\n</style>\n"],"names":["LAST_ADMIN_WHY","users","ref","tokens","loaded","listError","newUser","newToken","pwFor","pwValue","revealed","canCreateUser","computed","ROLE_WHAT","roleOptions","ROLES","r","sentence","adminCount","u","lastAdmin","load","t","api","problem","createUser","toast","removeUser","changeRole","role","_a","authState","checkAuth","changePassword","createToken","removeToken","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","_createVNode","InfoHint","RefreshButton","_createBlock","ErrorNote","_openBlock","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_Fragment","_renderList","_hoisted_11","_unref","_hoisted_12","_hoisted_13","can","SelectMenu","v","_hoisted_15","_hoisted_16","RelativeTime","_hoisted_17","$event","_hoisted_18","ActionButton","_hoisted_19","SkeletonList","_hoisted_20","_hoisted_21","_vModelText","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","EquivalentCommand","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_Transition","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42"],"mappings":"06DAyFMA,EAAiB,sFAvCvB,MAAMC,EAAQC,EAAY,EAAE,EACtBC,EAASD,EAAa,EAAE,EACxBE,EAASF,EAAI,EAAK,EAClBG,EAAYH,EAAI,EAAE,EAElBI,EAAUJ,EAAwD,CACtE,SAAU,GACV,SAAU,GACV,KAAM,QAAA,CACP,EACKK,EAAWL,EAAI,EAAE,EACjBM,EAAQN,EAAiB,IAAI,EAC7BO,EAAUP,EAAI,EAAE,EAGhBQ,EAAWR,EAA0D,IAAI,EAEzES,EAAgBC,EACpB,IAAMN,EAAQ,MAAM,SAAS,KAAA,EAAO,OAAS,GAAKA,EAAQ,MAAM,SAAS,QAAU,CAAA,EAI/EO,EAAkC,CACtC,OAAQ,mBACR,UAAW,yBACX,WAAY,qBACZ,MAAO,sBAAA,EAEHC,EAAcC,GAAM,IAAKC,IAAO,CAAE,MAAOA,EAAG,MAAOC,EAASD,CAAC,EAAG,KAAMH,EAAUG,CAAC,GAAI,EAErFE,EAAaN,EAAS,IAAMX,EAAM,MAAM,OAAQkB,GAAMA,EAAE,OAAS,OAAO,EAAE,MAAM,EAMtF,SAASC,EAAUD,EAAkB,CACnC,OAAOA,EAAE,OAAS,SAAWD,EAAW,QAAU,CACpD,CAGA,eAAeG,GAAsB,CACnC,KAAM,CAACF,EAAGG,CAAC,EAAI,MAAM,QAAQ,IAAI,CAC/BC,EAAI,IAAmB,YAAY,EACnCA,EAAI,IAAyB,aAAa,CAAA,CAC3C,EAED,GADAnB,EAAO,MAAQ,GACX,CAACe,EAAE,GAAI,CACTd,EAAU,MAAQmB,EAAQL,EAAG,mBAAmB,EAChD,MACF,CACAd,EAAU,MAAQ,GAClBJ,EAAM,MAAQkB,EAAE,KAAK,OAAS,CAAA,EAE9BhB,EAAO,MAAQmB,EAAE,GAAMA,EAAE,KAAK,QAAU,CAAA,EAAM,CAAA,CAChD,CACKD,EAAA,EAEL,eAAeI,GAA4B,CAIzC,MAAMT,EAAI,MAAMO,EAAI,KAAqB,aAAc,CACrD,SAAUjB,EAAQ,MAAM,SAAS,KAAA,EACjC,SAAUA,EAAQ,MAAM,SACxB,KAAMA,EAAQ,MAAM,IAAA,CACrB,EACD,GAAI,CAACU,EAAE,GAAI,CACTX,EAAU,MAAQmB,EAAQR,EAAG,qBAAqB,EAClD,MACF,CACAU,EAAM,KAAM,WAAWV,EAAE,KAAK,KAAK,QAAQ,SAASA,EAAE,KAAK,KAAK,IAAI,GAAG,EACvEV,EAAQ,MAAQ,CAAE,SAAU,GAAI,SAAU,GAAI,KAAM,QAAA,EAC/Ce,EAAA,CACP,CAEA,eAAeM,EAAWR,EAAwB,CAChD,MAAMH,EAAI,MAAMO,EAAI,IAAI,cAAcJ,EAAE,EAAE,EAAE,EAG5C,GAAI,CAACH,EAAE,GAAI,CACTX,EAAU,MAAQmB,EAAQR,EAAG,UAAUG,EAAE,QAAQ,EAAE,EACnD,MACF,CACAO,EAAM,KAAM,WAAWP,EAAE,QAAQ,GAAG,EAC/BE,EAAA,CACP,CAEA,eAAeO,EAAWT,EAASU,EAA6B,OAC9D,GAAIA,IAASV,EAAE,KAAM,OACrB,MAAMH,EAAI,MAAMO,EAAI,MAAM,cAAcJ,EAAE,EAAE,GAAI,CAAE,KAAAU,EAAM,EACxD,GAAI,CAACb,EAAE,GAAI,CACTX,EAAU,MAAQmB,EAAQR,EAAG,uBAAuBG,EAAE,QAAQ,EAAE,EAChE,MACF,CACAd,EAAU,MAAQ,GACdc,EAAE,OAAOW,EAAAC,EAAU,OAAV,YAAAD,EAAgB,KAK3B,MAAME,GAAA,EACNN,EAAM,KAAM,iBAAiBG,CAAI,6CAA6C,GAE9EH,EAAM,KAAM,GAAGP,EAAE,QAAQ,aAAaU,CAAI,GAAG,EAE1CR,EAAA,CACP,CAEA,eAAeY,IAAgC,OAC7C,MAAMd,EAAIX,EAAM,MAChB,GAAI,CAACW,EAAG,OACR,MAAMH,EAAI,MAAMO,EAAI,IAAI,cAAcJ,EAAE,EAAE,YAAa,CAAE,SAAUV,EAAQ,KAAA,CAAO,EAClF,GAAI,CAACO,EAAE,GAAI,CACTX,EAAU,MAAQmB,EAAQR,EAAG,2BAA2BG,EAAE,QAAQ,EAAE,EACpE,MACF,CACAX,EAAM,MAAQ,KACdC,EAAQ,MAAQ,GAGhBiB,EACE,KACAP,EAAE,OAAOW,EAAAC,EAAU,OAAV,YAAAD,EAAgB,IACrB,yEACA,qBAAqBX,EAAE,QAAQ,kCAAA,EAEhCE,EAAA,CACP,CAEA,eAAea,IAA6B,CAC1C,MAAMlB,EAAI,MAAMO,EAAI,KAAoC,cAAe,CACrE,KAAMhB,EAAS,MAAM,KAAA,CAAK,CAC3B,EACD,GAAI,CAACS,EAAE,GAAI,CACTX,EAAU,MAAQmB,EAAQR,EAAG,mBAAmB,EAChD,MACF,CACAN,EAAS,MAAQ,CACf,KAAM,mBAAmBH,EAAS,MAAM,MAAM,IAC9C,MAAOS,EAAE,KAAK,MACd,KAAM,iGAAA,EAERT,EAAS,MAAQ,GACZc,EAAA,CACP,CAEA,eAAec,GAAYb,EAAyB,CAClD,MAAMN,EAAI,MAAMO,EAAI,IAAI,eAAeD,EAAE,EAAE,EAAE,EAC7C,GAAI,CAACN,EAAE,GAAI,CACTX,EAAU,MAAQmB,EAAQR,EAAG,UAAUM,EAAE,IAAI,EAAE,EAC/C,MACF,CACAI,EAAM,KAAM,WAAWJ,EAAE,IAAI,GAAG,EAC3BD,EAAA,CACP,mBAIEe,EA8NM,MAAA,KAAA,CA7NJC,EAcM,MAdNC,GAcM,CAbJD,EAUM,MAAA,KAAA,CATJE,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAA2B,UAAvB,iBAAkB,EAAA,GACtBA,EAOM,MAPNG,GAOM,eAPW,0DAEf,EAAA,GAAAC,EAIWC,EAAA,CAJD,MAAM,yBAAuB,WAAC,IAIxC,CAAA,GAAAH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAJwC,yQAIxC,EAAA,CAAA,6BAGJF,EAAqB,OAAA,CAAf,MAAM,MAAA,EAAM,KAAA,EAAA,GAClBI,EAA6BE,GAAA,CAAb,IAAKtB,EAAI,CAAA,GAGVhB,EAAA,WAAjBuC,EAA8EC,GAAA,OAAjD,KAAMxC,EAAA,MAAW,MAAM,uBAAA,6BAEzCK,EAAA,OAAXoC,EAAA,EAAAV,EAOM,MAPNW,GAOM,CANJV,EAAyC,IAAA,KAAAW,EAAnCtC,EAAA,MAAS,IAAI,EAAG,kBAAe,CAAA,EACrC2B,EAA0B,IAAA,KAAAW,EAApBtC,EAAA,MAAS,IAAI,EAAA,CAAA,EACnB2B,EAA4C,MAA5CY,GAA4CD,EAAvBtC,EAAA,MAAS,KAAK,EAAA,CAAA,EACnC2B,EAEM,MAFNa,GAEM,CADJb,EAA0D,SAAA,CAAjD,uBAAO3B,EAAA,MAAQ,KAAA,EAAS,kBAAgB,CAAA,eAIrD2B,EA0KM,MA1KNc,GA0KM,CAzKJd,EA8GU,UA9GVe,GA8GU,CA7GRf,EAIM,MAJNgB,GAIM,CAHJd,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAiC,KAAA,CAA7B,MAAM,SAAA,EAAU,WAAQ,EAAA,iBAC5BA,EAAqB,OAAA,CAAf,MAAM,MAAA,EAAM,KAAA,EAAA,GAClBA,EAA2E,OAA3EiB,GAA2EN,EAAtB/C,EAAA,MAAM,MAAM,EAAA,CAAA,CAAA,GAG9CG,EAAA,MAGHH,EAAA,MAAM,QAAxB6C,EAAA,EAAAV,EA0DQ,QA1DRmB,GA0DQ,eAzDNlB,EAOQ,QAAA,KAAA,CANNA,EAKK,KAAA,KAAA,CAJHA,EAAa,UAAT,MAAI,EACRA,EAAa,UAAT,MAAI,EACRA,EAAc,UAAV,OAAK,EACTA,EAA2B,KAAA,CAAvB,aAAW,UAAS,CAAA,SAG5BA,EAgDQ,QAAA,KAAA,QA/CND,EA8CKoB,EAAA,KAAAC,EA9CWxD,EAAA,MAALkB,GAAC,oBAAZiB,EA8CK,KAAA,CA9CmB,IAAKjB,EAAE,EAAA,GAC7BkB,EAGK,KAHLqB,GAGK,CAFHrB,EAAuB,IAAA,KAAAW,EAAjB7B,EAAE,QAAQ,EAAA,CAAA,EACJA,EAAE,OAAOwC,EAAAA,KAAU,OAAVA,YAAAA,EAAgB,SAArCvB,EAAsE,OAAtEwB,GAA4D,KAAG,cAMjEvB,EAgBK,KAhBLwB,GAgBK,CAdKF,EAAAG,CAAA,EAAG,OAAA,OADX1B,EAaO,OAAA,OAXL,MAAM,YACL,MAAOhB,EAAUD,CAAC,EAAInB,EAAiB,MAAA,GAExCyC,EAOEsB,EAAA,CANC,cAAa5C,EAAE,KACf,MAAK,YAAcA,EAAE,QAAQ,GAC7B,QAASwC,EAAA7C,CAAA,EACT,SAAUM,EAAUD,CAAC,EACrB,YAAawC,EAAA1C,CAAA,EAASE,EAAE,IAAI,EAC5B,sBAAqB6C,GAAMpC,EAAWT,EAAG6C,CAAC,CAAA,oGAG/ClB,EAAA,EAAAV,EAA0C,OAAA6B,GAAAjB,EAA1BW,EAAA1C,CAAA,EAASE,EAAE,IAAI,CAAA,EAAA,CAAA,EAAA,GAEjCkB,EAAiF,KAAjF6B,GAAiF,CAAvCzB,EAAkC0B,EAAA,CAAnB,GAAIhD,EAAE,SAAA,mBAC/DkB,EAkBK,KAlBL+B,GAkBK,CAfKjD,EAAE,OAAOwC,EAAAA,EAAA5B,CAAA,EAAU,OAAV4B,YAAAA,EAAgB,KAAMA,EAAAG,CAAA,EAAG,OAAA,OAD1C1B,EAMS,SAAA,OAJP,MAAM,WACL,QAAKiC,GAAA,CAAE7D,EAAA,MAAQW,EAAGV,EAAA,MAAO,EAAA,CAAA,EAC3B,oBAED,EAAA6D,EAAA,YAEQX,EAAAG,CAAA,EAAG,OAAA,OADXlB,EAQC2B,EAAA,OANC,MAAM,YACL,QAAO,UAAYpD,EAAE,QAAQ,IAC7B,SAAUC,EAAUD,CAAC,EACrB,MAAOC,EAAUD,CAAC,EAAInB,EAAiB,OACvC,MAAGqE,GAAE1C,EAAWR,CAAC,CAAA,aACjB,IAAM,CAAA,GAAAoB,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAA,GAAN,SAAM,EAAA,CAAA,oFAMjBH,EAA2C,IAA3CoC,GAAuB,kBAAgB,QA9DvC5B,EAAyC6B,EAAA,OAAX,KAAM,CAAA,IAgExBd,EAAAG,CAAA,EAAG,OAAA,OAAf1B,EAiCO,OAAA,OAjCmB,MAAM,aAAc,WAAgBX,EAAU,CAAA,SAAA,CAAA,CAAA,GACtEc,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAuB,UAAnB,iBAAc,EAAA,GAClBA,EASM,MATNqC,GASM,CARJrC,EAGQ,QAHRsC,GAGQ,CAFNpC,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAqB,YAAf,WAAQ,EAAA,KACdA,EAAmE,QAAA,CAAnD,sBAAAE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA8B,GAAA/D,EAAA,MAAQ,SAAQ+D,GAAE,KAAK,OAAO,aAAa,KAAA,aAA3C,CAAAO,EAAAtE,EAAA,MAAQ,QAAQ,CAAA,KAElC+B,EAGQ,QAHRwC,GAGQ,CAFNtC,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAqB,YAAf,WAAQ,EAAA,KACdA,EAAgF,QAAA,CAAhE,sBAAAE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA8B,GAAA/D,EAAA,MAAQ,SAAQ+D,GAAE,KAAK,WAAW,aAAa,cAAA,aAA/C,CAAAO,EAAAtE,EAAA,MAAQ,QAAQ,CAAA,OAGpC+B,EASM,MATNyC,GASM,CARJvC,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAkC,QAAA,CAA3B,IAAI,UAAA,EAAW,OAAI,EAAA,GAC1BI,EAMEsB,EAAA,CALA,GAAG,WACF,cAAazD,EAAA,MAAQ,KACtB,MAAM,2BACL,QAASqD,EAAA7C,CAAA,EACT,kCAAqBkD,GAAO1D,QAAQ,KAAO0D,EAAA,sCAGhDzB,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAqG,IAAA,CAAlG,MAAM,MAAA,EAAO,oFAAiF,EAAA,GACjGA,EAGM,MAHN0C,GAGM,CAFJ1C,EAAqF,SAAA,CAA7E,MAAM,UAAU,KAAK,SAAU,UAAW1B,EAAA,KAAA,EAAe,cAAW,EAAAqE,EAAA,gBAC5E3C,EAAqB,OAAA,CAAf,MAAM,QAAM,KAAA,EAAA,EAAA,GAEpBI,EAKEwC,EAAA,CAJA,KAAK,wBACL,OAAO,OACP,KAAK,aACJ,eAAkB3E,EAAA,MAAQ,UAAQ,QAAA,SAAA,IAAA,KAAkCA,EAAA,MAAQ,IAAA,CAAI,8BAKrF8B,EAEI,IAFJ8C,GAAuB,mFAEvB,EAAA,GAGF7C,EAwDU,UAxDV8C,GAwDU,CAvDR9C,EAMM,MANN+C,GAMM,CALJ7C,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAwC,KAAA,CAApC,MAAM,SAAA,EAAU,kBAAe,EAAA,GACnCI,EAGWC,EAAA,CAHD,MAAM,mBAAiB,WAAC,IAGlC,CAAA,GAAAH,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAA,GAHkC,iKAGlC,EAAA,CAAA,aAGmBnC,EAAA,MACHD,EAAA,MAAO,QAAzB2C,EAAA,EAAAV,EAyBQ,QAzBRiD,GAyBQ,eAxBNhD,EAMQ,QAAA,KAAA,CALNA,EAIK,KAAA,KAAA,CAHHA,EAAa,UAAT,MAAI,EACRA,EAAkB,UAAd,WAAS,EACbA,EAA2B,KAAA,CAAvB,aAAW,UAAS,CAAA,SAG5BA,EAgBQ,QAAA,KAAA,QAfND,EAcKoB,EAAA,KAAAC,EAdWtD,EAAA,MAALmB,QAAXc,EAcK,KAAA,CAdoB,IAAKd,EAAE,EAAA,GAC9Be,EAA2D,KAA3DiD,GAA2D,CAAxBjD,EAAmB,IAAA,KAAAW,EAAb1B,EAAE,IAAI,EAAA,CAAA,CAAA,GAC/Ce,EAGK,KAHLkD,GAGK,CAFiBjE,EAAE,gBAAtBsB,EAAuDuB,EAAA,OAApB,GAAI7C,EAAE,UAAA,uBACzCc,EAAsC,OAAtCoD,GAA0B,OAAK,EAAA,GAEjCnD,EAOK,KAPLoD,GAOK,CANHhD,EAKC8B,EAAA,CAJC,MAAM,YACL,QAAO,UAAYjD,EAAE,IAAI,IACzB,MAAG+C,GAAElC,GAAYb,CAAC,CAAA,aAClB,IAAM,CAAA,GAAAiB,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAA,GAAN,SAAM,EAAA,CAAA,mDAMjBO,EAAA,EAAAV,EAEI,IAFJsD,GAEI1C,EADCW,EAAA5B,CAAA,EAAU,KAAI,kEAAA,gBAAA,EAAA,CAAA,QA5BnBa,EAAyC6B,EAAA,OAAX,KAAM,CAAA,IA+BvBd,EAAA5B,CAAA,EAAU,mBAAvBK,EAeO,OAAA,OAfsB,MAAM,aAAc,WAAgBF,GAAW,CAAA,SAAA,CAAA,CAAA,GAC1EK,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAkB,UAAd,YAAS,EAAA,GACbA,EAGQ,QAHRsD,GAGQ,CAFNpD,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAA2B,YAArB,iBAAc,EAAA,KACpBA,EAAmF,QAAA,sCAAnE9B,EAAQ,MAAA8D,GAAE,KAAK,OAAO,YAAY,YAAY,aAAa,KAAA,gBAA3D9D,EAAA,KAAQ,CAAA,KAE1B8B,EAEM,MAFNuD,GAEM,CADJvD,EAAwF,SAAA,CAAhF,MAAM,UAAU,KAAK,SAAU,SAAQ,CAAG9B,EAAA,MAAS,KAAA,CAAI,EAAI,eAAY,EAAAsF,EAAA,CAAA,GAEjFpD,EAKEwC,EAAA,CAJA,KAAK,sBACL,OAAO,OACP,KAAK,cACJ,WAAc1E,EAAA,OAAQ,WAAA,CAAA,6BAO/BkC,EAoBaqD,GAAA,CApBD,KAAK,QAAM,WACrB,IAAA,OAkBM,OAlBKtF,EAAA,WAAX4B,EAkBM,MAAA,OAlBY,MAAM,QAAS,yBAAY5B,EAAA,MAAK,KAAA,CAAA,MAAA,CAAA,EAAA,GAChD6B,EAgBM,MAhBN0D,GAgBM,CAfJ1D,EAAiD,KAAA,KAA7C,uBAAoBW,EAAGxC,EAAA,MAAM,QAAQ,EAAA,CAAA,EACzC6B,EAGI,IAHJ2D,GAAgB,iBACAxF,EAAA,MAAM,OAAOmD,EAAAA,KAAU,OAAVA,YAAAA,EAAgB,kBAAsB,kEAEnE,CAAA,EACAtB,EAGQ,QAHR4D,GAGQ,CAFN1D,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAyB,YAAnB,eAAY,EAAA,KAClBA,EAAuE,QAAA,sCAAvD5B,EAAO,MAAA4D,GAAE,KAAK,WAAW,aAAa,cAAA,gBAAtC5D,EAAA,KAAO,CAAA,KAEzB4B,EAKM,MALN6D,GAKM,CAJJ7D,EAES,SAAA,CAFD,MAAM,UAAW,SAAU5B,EAAA,MAAQ,OAAM,EAAO,QAAOwB,EAAA,EAAgB,oBAE/E,EAAAkE,EAAA,EACA9D,EAA2D,SAAA,CAAnD,MAAM,QAAS,uBAAO7B,EAAA,MAAK,KAAA,EAAS,QAAM,CAAA"}

package/dist/assets/VarEditor.vue_vue_type_script_setup_true_lang-uPHU_Ugp.js

@@ -0,0 +1,2 @@
+import{V as f,m as k}from"./VarIO-BldCQ6Xx.js";import{d as b,c as p,a as l,F as g,r as x,e as w,w as y,o as c,f as m}from"./index-Cqe_7QZw.js";const _=["value","aria-label","onInput"],I=["value","aria-label","onInput"],C=["aria-label","onClick"],N=b({__name:"VarEditor",props:{modelValue:{}},emits:["update:modelValue","change"],setup(r,{emit:i}){const u=r,t=i;function d(o,a){const n=u.modelValue.map((e,s)=>s===o?{...e,...a}:e);t("update:modelValue",n),t("change")}function v(){t("update:modelValue",[...u.modelValue,{k:"",v:""}]),t("change")}function h(o,a){const n=a==="replace"?o:k(u.modelValue,o);t("update:modelValue",n.length?n:[{k:"",v:""}]),t("change")}function V(o){const a=u.modelValue.filter((n,e)=>e!==o);t("update:modelValue",a.length?a:[{k:"",v:""}]),t("change")}return(o,a)=>(c(),p("div",null,[a[1]||(a[1]=l("div",{class:"kv head"},[l("span",null,"name"),l("span",null,"value"),l("span")],-1)),(c(!0),p(g,null,x(r.modelValue,(n,e)=>(c(),p("div",{key:e,class:"kv"},[l("input",{type:"text",value:n.k,"aria-label":`variable name ${e+1}`,placeholder:"PR",spellcheck:"false",autocomplete:"off",onInput:s=>d(e,{k:s.target.value.trim()})},null,40,_),l("input",{type:"text",value:n.v,"aria-label":`variable value ${e+1}`,placeholder:"7",spellcheck:"false",autocomplete:"off",onInput:s=>d(e,{v:s.target.value})},null,40,I),l("button",{class:"sm ghost","aria-label":`remove variable ${e+1}`,onClick:s=>V(e)},"−",8,C)]))),128)),l("button",{class:"sm",onClick:v},"+ variable"),w(f,{pairs:r.modelValue,replace:"",onApply:h},{default:y(()=>[...a[0]||(a[0]=[l("p",{class:"hint",style:{"margin-top":"0"}},[l("b",null,"Replace all"),m(" uses exactly what was pasted. "),l("b",null,"Merge"),m(" overwrites the names it finds, keeps the rest, and adds what is new. ")],-1)])]),_:1},8,["pairs"])]))}});export{N as _};
+//# sourceMappingURL=VarEditor.vue_vue_type_script_setup_true_lang-uPHU_Ugp.js.map

package/dist/assets/VarEditor.vue_vue_type_script_setup_true_lang-uPHU_Ugp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarEditor.vue_vue_type_script_setup_true_lang-uPHU_Ugp.js","sources":["../../src/components/VarEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The free-form variable editor, shared by the Config tab and Submit.\n *\n * Free-form on purpose: the spec's `env:` block lists what it DECLARES, which is not the same as\n * what it NEEDS — `stack: pr-${PR}` consumes `PR` without declaring it anywhere. The authoritative\n * list of what is missing is the server's 400 text, not this form.\n *\n * The rows are the editor; `VarIO` under them is the same list as `.env`, CSV or TSV. Typing a\n * dozen variables one input at a time is how they end up mistyped, and the list an operator\n * already has is almost always one of those three formats.\n */\nimport type { VarPair } from '../api/types';\nimport { mergeVars } from '../composables/useVarFormats';\nimport VarIO from './VarIO.vue';\n\nconst props = defineProps<{ modelValue: VarPair[] }>();\nconst emit = defineEmits<{ 'update:modelValue': [VarPair[]]; change: [] }>();\n\nfunction set(i: number, patch: Partial<VarPair>): void {\n  const next = props.modelValue.map((e, n) => (n === i ? { ...e, ...patch } : e));\n  emit('update:modelValue', next);\n  emit('change');\n}\n\nfunction add(): void {\n  emit('update:modelValue', [...props.modelValue, { k: '', v: '' }]);\n  emit('change');\n}\n\n/**\n * Both modes are honest here — this editor owns its whole list, so replacing it is a thing the\n * operator can mean. A replace that parsed to nothing still leaves one blank row: an editor with no\n * rows looks broken.\n */\nfunction applyImport(pairs: VarPair[], mode: 'replace' | 'merge'): void {\n  const next = mode === 'replace' ? pairs : mergeVars(props.modelValue, pairs);\n  emit('update:modelValue', next.length ? next : [{ k: '', v: '' }]);\n  emit('change');\n}\n\nfunction remove(i: number): void {\n  const next = props.modelValue.filter((_, n) => n !== i);\n  // Never leave the editor with no rows: an empty list looks like a broken control.\n  emit('update:modelValue', next.length ? next : [{ k: '', v: '' }]);\n  emit('change');\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"kv head\"><span>name</span><span>value</span><span /></div>\n    <div v-for=\"(e, i) in modelValue\" :key=\"i\" class=\"kv\">\n      <input\n        type=\"text\"\n        :value=\"e.k\"\n        :aria-label=\"`variable name ${i + 1}`\"\n        placeholder=\"PR\"\n        spellcheck=\"false\"\n        autocomplete=\"off\"\n        @input=\"set(i, { k: ($event.target as HTMLInputElement).value.trim() })\"\n      />\n      <input\n        type=\"text\"\n        :value=\"e.v\"\n        :aria-label=\"`variable value ${i + 1}`\"\n        placeholder=\"7\"\n        spellcheck=\"false\"\n        autocomplete=\"off\"\n        @input=\"set(i, { v: ($event.target as HTMLInputElement).value })\"\n      />\n      <button class=\"sm ghost\" :aria-label=\"`remove variable ${i + 1}`\" @click=\"remove(i)\">−</button>\n    </div>\n    <button class=\"sm\" @click=\"add\">+ variable</button>\n\n    <VarIO :pairs=\"modelValue\" replace @apply=\"applyImport\">\n      <p class=\"hint\" style=\"margin-top: 0\">\n        <b>Replace all</b> uses exactly what was pasted. <b>Merge</b> overwrites the names it finds,\n        keeps the rest, and adds what is new.\n      </p>\n    </VarIO>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","set","i","patch","next","n","add","applyImport","pairs","mode","mergeVars","remove","_","_createElementBlock","_createElementVNode","_openBlock","_Fragment","_renderList","e","$event","_hoisted_3","_createVNode","VarIO","_cache"],"mappings":"2VAgBA,MAAMA,EAAQC,EACRC,EAAOC,EAEb,SAASC,EAAIC,EAAWC,EAA+B,CACrD,MAAMC,EAAOP,EAAM,WAAW,IAAI,CAAC,EAAGQ,IAAOA,IAAMH,EAAI,CAAE,GAAG,EAAG,GAAGC,CAAA,EAAU,CAAE,EAC9EJ,EAAK,oBAAqBK,CAAI,EAC9BL,EAAK,QAAQ,CACf,CAEA,SAASO,GAAY,CACnBP,EAAK,oBAAqB,CAAC,GAAGF,EAAM,WAAY,CAAE,EAAG,GAAI,EAAG,EAAA,CAAI,CAAC,EACjEE,EAAK,QAAQ,CACf,CAOA,SAASQ,EAAYC,EAAkBC,EAAiC,CACtE,MAAML,EAAOK,IAAS,UAAYD,EAAQE,EAAUb,EAAM,WAAYW,CAAK,EAC3ET,EAAK,oBAAqBK,EAAK,OAASA,EAAO,CAAC,CAAE,EAAG,GAAI,EAAG,EAAA,CAAI,CAAC,EACjEL,EAAK,QAAQ,CACf,CAEA,SAASY,EAAOT,EAAiB,CAC/B,MAAME,EAAOP,EAAM,WAAW,OAAO,CAACe,EAAGP,IAAMA,IAAMH,CAAC,EAEtDH,EAAK,oBAAqBK,EAAK,OAASA,EAAO,CAAC,CAAE,EAAG,GAAI,EAAG,EAAA,CAAI,CAAC,EACjEL,EAAK,QAAQ,CACf,mBAIEc,EA+BM,MAAA,KAAA,aA9BJC,EAAsE,MAAA,CAAjE,MAAM,WAAS,CAACA,EAAiB,YAAX,MAAI,EAAOA,EAAkB,YAAZ,OAAK,EAAOA,EAAQ,MAAA,CAAA,QAChEC,EAAA,EAAA,EAAAF,EAoBMG,EAAA,KAAAC,EApBgBnB,EAAA,WAAU,CAAnBoB,EAAGhB,SAAhBW,EAoBM,MAAA,CApB6B,IAAKX,EAAG,MAAM,IAAA,GAC/CY,EAQE,QAAA,CAPA,KAAK,OACJ,MAAOI,EAAE,EACT,8BAA6BhB,EAAC,CAAA,GAC/B,YAAY,KACZ,WAAW,QACX,aAAa,MACZ,QAAKiB,GAAElB,EAAIC,EAAC,CAAA,EAAQiB,EAAO,OAA4B,MAAM,MAAI,CAAA,CAAA,aAEpEL,EAQE,QAAA,CAPA,KAAK,OACJ,MAAOI,EAAE,EACT,+BAA8BhB,EAAC,CAAA,GAChC,YAAY,IACZ,WAAW,QACX,aAAa,MACZ,QAAKiB,GAAElB,EAAIC,KAASiB,EAAO,OAA4B,KAAA,CAAK,CAAA,aAE/DL,EAA+F,SAAA,CAAvF,MAAM,WAAY,gCAA+BZ,EAAC,CAAA,GAAS,QAAKiB,GAAER,EAAOT,CAAC,CAAA,EAAG,IAAC,EAAAkB,CAAA,CAAA,WAExFN,EAAmD,SAAA,CAA3C,MAAM,KAAM,QAAOR,CAAA,EAAK,YAAU,EAE1Ce,EAKQC,EAAA,CALA,MAAOxB,EAAA,WAAY,QAAA,GAAS,QAAOS,CAAA,aACzC,IAGI,CAAA,GAAAgB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAHJT,EAGI,IAAA,CAHD,MAAM,OAAO,MAAA,CAAA,aAAA,GAAA,CAAA,GACdA,EAAkB,SAAf,aAAW,IAAI,iCAA+B,EAAAA,EAAY,SAAT,OAAK,IAAI,wEAE/D,CAAA"}

package/dist/assets/VarIO-BVE8A4Ur.css

@@ -0,0 +1 @@
+.vario[data-v-0ae3954c]{margin-top:var(--s3)}.vario-lbl[data-v-0ae3954c]{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em}.sep[data-v-0ae3954c]{width:1px;height:18px;background:var(--line);margin-inline:var(--s1)}.vario-box[data-v-0ae3954c]{margin-top:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r2);max-width:640px}.vario-box>textarea[data-v-0ae3954c]{width:100%}.vario-preview[data-v-0ae3954c]{margin-top:var(--s2)}.vario-preview .v[data-v-0ae3954c]{white-space:pre-wrap}.vario-problems[data-v-0ae3954c]{margin:var(--s2) 0 0;padding:0;list-style:none;display:grid;gap:var(--s1);font-size:var(--t-sm)}.vario-problems>li[data-v-0ae3954c]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px var(--s2);align-items:baseline}.vario-problems>li>code[data-v-0ae3954c]{justify-self:start}.vario-problems>li>.dim[data-v-0ae3954c]{grid-column:2}

package/dist/assets/VarIO-BldCQ6Xx.js

@@ -0,0 +1,15 @@
+import{d as P,c as h,a as c,F as $,r as S,u as C,t as b,g as w,a4 as Z,i as Q,v as U,e as W,f as M,E as q,j as V,k as A,o as m,U as N}from"./index-Cqe_7QZw.js";import{_ as H}from"./SelectMenu.vue_vue_type_script_setup_true_lang-BtHqT6G1.js";import{_ as G}from"./_plugin-vue_export-helper-DlAUqK2U.js";const T=["env","csv","tsv"],x={env:".env",csv:"CSV",tsv:"TSV"},D=/^[A-Za-z_][A-Za-z0-9_]*$/,J=/^[A-Za-z0-9_@%+=:,./-]+$/,F={csv:",",tsv:"	"},K=new Set(["name","key","variable","var"]),X=new Set(["value","val"]);function Y(e,s,t){const a=e.filter(l=>l.k);if(s==="env")return[...t?t.split(`
+`).map(o=>`# ${o}`):[],...a.map(o=>`${o.k}=${ee(o.v)}`)].join(`
+`)+`
+`;const n=F[s];return[["name","value"],...a.map(l=>[l.k,l.v])].map(l=>l.map(o=>te(o??"",n)).join(n)).join(`
+`)+`
+`}function ee(e){return e===""||J.test(e)?e:`"${e.replace(/[\\"]/g,"\\$&").replace(/\n/g,"\\n").replace(/\r/g,"\\r")}"`}function te(e,s){return e===""||!e.includes(s)&&!e.includes('"')&&!/[\n\r]/.test(e)&&e===e.trim()?e:`"${e.replace(/"/g,'""')}"`}function ne(e,s){const t=s??se(e);return t==="env"?ae(e):ie(e,t)}function se(e){const s=e.split(/\r\n|\n|\r/).find(n=>n.trim()&&!n.trim().startsWith("#"))??"";if(/^(export\s+)?[A-Za-z_][A-Za-z0-9_]*\s*=/.test(s.trim()))return"env";const t=L(e,"	"),a=L(e,",");return t<=0&&a<=0?"env":t>a?"tsv":"csv"}function L(e,s){let t=0;for(const a of z(e,s)){const n=B(a.fields);if(n.length){t+=n.length===2?1:-1;for(const l of n)l.includes('"')&&(t-=1)}}return t}function ae(e){const s=e.split(/\r\n|\n|\r/),t=[],a=[];for(let n=0;n<s.length;n++){const l=s[n]??"",o=n+1;if(!l.trim()||l.trim().startsWith("#"))continue;const p=l.trimStart().replace(/^export\s+/,""),f=p.indexOf("=");if(f<0){a.push({line:o,text:l,reason:'no "=" — a line reads NAME=value'});continue}const i=p.slice(0,f).trim();if(!D.test(i)){a.push({line:o,text:l,reason:I(i)});continue}const y=p.slice(f+1).replace(/^[ \t]+/,""),d=y[0];if(d==='"'||d==="'"){const k=n;let g=y.slice(1),_=O(g,d);for(;_<0&&n+1<s.length;)n++,g+=`
+`+(s[n]??""),_=O(g,d);if(_<0){n=k,a.push({line:o,text:l,reason:"the quote is never closed"});continue}const E=g.slice(0,_);t.push({k:i,v:d==='"'?oe(E):E});continue}t.push({k:i,v:y.replace(/\s+#.*$/,"").trimEnd()})}return{format:"env",pairs:j(t),problems:a}}const le={n:`
+`,r:"\r",t:"	","\\":"\\",'"':'"',"'":"'",$:"$","`":"`"};function oe(e){let s="";for(let t=0;t<e.length;t++){const a=e[t]??"";if(a!=="\\"||t===e.length-1){s+=a;continue}const n=e[++t]??"";s+=le[n]??"\\"+n}return s}function O(e,s){for(let t=0;t<e.length;t++){const a=e[t];if(s==='"'&&a==="\\"){t++;continue}if(a===s)return t}return-1}function ie(e,s){const t=z(e,F[s]),a=[],n=[];let l=!0;for(const o of t){const p=B(o.fields);if(!p.length)continue;if(l){l=!1;const i=(p[0]??"").toLowerCase(),y=(p[1]??"").toLowerCase();if(p.length===2&&K.has(i)&&X.has(y))continue}if(p.length!==2){const i=p.length;n.push({line:o.line,text:o.raw,reason:`${i} column${i===1?"":"s"} — expected two, a name and a value`});continue}const f=(p[0]??"").trim();if(!D.test(f)){n.push({line:o.line,text:o.raw,reason:I(f)});continue}a.push({k:f,v:p[1]??""})}return{format:s,pairs:j(a),problems:n}}function z(e,s){const t=e.replace(/\r\n?/g,`
+`),a=[];let n=[],l="",o=!1,p=!1,f=1,i=1,y=0;const d=()=>{n.push(o?l:l.trim()),l="",o=!1};for(let k=0;k<t.length;k++){const g=t[k]??"";if(p){g==='"'?t[k+1]==='"'?(l+='"',k++):p=!1:(g===`
+`&&f++,l+=g);continue}if(g==='"'&&!o&&l.trim()===""){l="",p=!0,o=!0;continue}if(g===s){d();continue}if(g===`
+`){d(),a.push({fields:n,line:i,raw:t.slice(y,k)}),n=[],f++,i=f,y=k+1;continue}l+=g}return(l!==""||o||n.length)&&(d(),a.push({fields:n,line:i,raw:t.slice(y)})),a}function B(e){let s=e.length;for(;s>0&&(e[s-1]??"")==="";)s--;return s===0?[]:e.slice(0,Math.max(s,Math.min(2,e.length)))}function I(e){return e?`"${e}" is not a usable variable name — letters, digits and _, not starting with a digit`:"no name before the value"}function j(e){const s=new Map;for(const t of e)s.set(t.k,t.v);return[...s].map(([t,a])=>({k:t,v:a}))}function Le(e,s){const t=e.filter(a=>a.k).map(a=>({...a}));for(const a of s){const n=t.find(l=>l.k===a.k);n?n.v=a.v:t.push({...a})}return t}const re={class:"vario"},ue={class:"row"},ce=["disabled","title","onClick"],pe=["aria-expanded"],de={key:0,class:"vario-box"},ve=["value"],fe={key:1,class:"vario-box"},he={class:"row",style:{"margin-top":"var(--s2)"}},me={key:0,class:"mute",style:{"font-size":"var(--t-sm)"}},be={class:"hint"},ge={key:0,class:"kvlist vario-preview"},ye={class:"k"},ke={class:"v mono"},we={key:0,class:"mute"},_e={key:1,class:"banner warn"},$e={class:"vario-problems"},xe={class:"mute"},Ee={class:"dim"},Ce={class:"row",style:{"margin-top":"var(--s3)"}},Ve=["disabled","title"],Ae=["disabled","title"],R=12,Se=P({__name:"VarIO",props:{pairs:{},note:{},replace:{type:Boolean},skipEmpty:{type:Boolean},busy:{type:Boolean}},emits:["apply"],setup(e,{emit:s}){const t=e,a=s,n=V(!1),l=V(""),o=V("auto"),p=V(""),f=A(()=>t.pairs.filter(v=>v.k).length),i=A(()=>l.value.trim()?ne(l.value,o.value==="auto"?void 0:o.value):null),y=A(()=>t.skipEmpty&&i.value?i.value.pairs.filter(v=>!v.v):[]),d=A(()=>i.value?t.skipEmpty?i.value.pairs.filter(v=>v.v):i.value.pairs:[]),k=[{value:"auto",label:"Detect the format",hint:"read the paste and decide"},...T.map(v=>({value:v,label:`Read as ${x[v]}`}))];async function g(v){const r=Y(t.pairs,v,t.note);try{await navigator.clipboard.writeText(r),p.value="",N("ok",`Copied ${f.value} as ${x[v]}.`)}catch{p.value=r,N("error","Could not reach the clipboard — select the text below and copy it.")}}function _(v){a("apply",d.value,v),l.value="",n.value=!1}function E(v){v.target.select()}return(v,r)=>(m(),h("div",re,[c("div",ue,[r[7]||(r[7]=c("span",{class:"mute vario-lbl"},"Copy as",-1)),(m(!0),h($,null,S(C(T),u=>(m(),h("button",{key:u,type:"button",class:"sm ghost",disabled:!f.value,title:f.value?`Copy all ${f.value} as ${C(x)[u]}`:"There is nothing to copy yet",onClick:Re=>g(u)},b(C(x)[u]),9,ce))),128)),r[8]||(r[8]=c("span",{class:"sep","aria-hidden":"true"},null,-1)),c("button",{type:"button",class:"sm","aria-expanded":n.value,onClick:r[0]||(r[0]=u=>n.value=!n.value)},b(n.value?"Close":"Paste to fill"),9,pe)]),p.value?(m(),h("div",de,[r[9]||(r[9]=c("p",{class:"hint"}," The clipboard could not be reached — a browser grants it only on a secure origin, and not always then. Select this and copy it by hand. ",-1)),c("textarea",{value:p.value,readonly:"",rows:"6",spellcheck:"false","aria-label":"the exported variables",onFocus:E},null,40,ve),c("button",{type:"button",class:"sm ghost",onClick:r[1]||(r[1]=u=>p.value="")},"Hide")])):w("",!0),n.value?(m(),h("div",fe,[Z(v.$slots,"default",{},void 0,!0),Q(c("textarea",{"onUpdate:modelValue":r[2]||(r[2]=u=>l.value=u),rows:"7",spellcheck:"false",autocomplete:"off","aria-label":"paste variables",placeholder:`PR=7
+REGION=eu-central
+
+…or two columns of CSV or TSV`},null,512),[[U,l.value]]),c("div",he,[W(H,{modelValue:o.value,"onUpdate:modelValue":r[3]||(r[3]=u=>o.value=u),label:"how to read the paste",options:k},null,8,["modelValue"]),i.value?(m(),h("span",me," read as "+b(C(x)[i.value.format]),1)):w("",!0)]),i.value?(m(),h($,{key:0},[c("p",be,[c("b",null,b(d.value.length),1),M(" variable"+b(d.value.length===1?"":"s")+" read. ",1),y.value.length?(m(),h($,{key:0},[M(b(y.value.length)+" ("+b(y.value.map(u=>u.k).join(", "))+") had no value and will be skipped — a value stored here is never blank. ",1)],64)):w("",!0)]),d.value.length?(m(),h("ul",ge,[(m(!0),h($,null,S(d.value.slice(0,R),u=>(m(),h("li",{key:u.k},[c("span",ye,[c("code",null,b(u.k),1)]),c("span",ke,b(u.v),1)]))),128)),d.value.length>R?(m(),h("li",we," and "+b(d.value.length-R)+" more ",1)):w("",!0)])):w("",!0),i.value.problems.length?(m(),h("div",_e,[c("b",null,b(i.value.problems.length)+" line"+b(i.value.problems.length===1?"":"s")+" could not be read ",1),c("ul",$e,[(m(!0),h($,null,S(i.value.problems,u=>(m(),h("li",{key:u.line},[c("span",xe,"line "+b(u.line),1),c("code",null,b(u.text),1),c("span",Ee,b(u.reason),1)]))),128))]),r[10]||(r[10]=c("p",null," They are not imported. Fix them and paste again, or apply what parsed and add the rest by hand. ",-1))])):w("",!0),c("div",Ce,[e.replace?(m(),h("button",{key:0,type:"button",class:"primary",disabled:!d.value.length||e.busy,title:d.value.length?"Discard the current list and use exactly what was pasted":"Nothing parsed to apply",onClick:r[4]||(r[4]=u=>_("replace"))}," Replace all ",8,Ve)):w("",!0),c("button",{type:"button",class:q(e.replace?"":"primary"),disabled:!d.value.length||e.busy,title:d.value.length?"Overwrite matching names, keep the rest, add what is new":"Nothing parsed to apply",onClick:r[5]||(r[5]=u=>_("merge"))}," Merge ",10,Ae),c("button",{type:"button",class:"ghost",onClick:r[6]||(r[6]=u=>n.value=!1)},"Cancel")])],64)):w("",!0)])):w("",!0)]))}}),Oe=G(Se,[["__scopeId","data-v-0ae3954c"]]);export{Oe as V,Le as m};
+//# sourceMappingURL=VarIO-BldCQ6Xx.js.map

package/dist/assets/VarIO-BldCQ6Xx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarIO-BldCQ6Xx.js","sources":["../../src/composables/useVarFormats.ts","../../src/components/VarIO.vue"],"sourcesContent":["/**\n * `.env`, CSV and TSV for variable lists — the one implementation both variable surfaces share.\n *\n * WHY PURE FUNCTIONS IN A `.ts`. There is no component test harness in this app, so anything that\n * can be wrong in an interesting way has to live somewhere `bun test` can reach it. Everything here\n * is a string in and a value out; the components own the chrome and the policy, and nothing else.\n *\n * THE ROUND-TRIP IS THE CONTRACT. `parseVars(formatVars(pairs, f), f)` returns `pairs` for every\n * value the editors can hold — newlines, quotes, `#`, leading and trailing spaces, backslashes,\n * `=`, the empty string. That is what makes \"copy them out, paste them back\" safe, and it is what\n * `test/useVarFormats.test.ts` spends most of its lines on. Two deliberate exceptions, both tested:\n *\n *   - A lone carriage return survives `.env` (escaped as `\\r`) but not CSV/TSV, where CRLF and CR\n *     are normalised to LF before parsing — a row terminator cannot also be data without a\n *     dialect flag, and no `<input type=\"text\">` can produce one anyway.\n *   - `parseVars` collapses a repeated name to its last value, as every dotenv reader does. The\n *     import preview shows the result, so the collapse is visible before anything is replaced.\n *\n * WHY CSV AND TSV ALWAYS EXPORT A `name,value` HEADER. A header row is ambiguous with data — a\n * variable really can be called `name` — and guessing wrong either eats a variable or imports a\n * label. Emitting the header makes our own output unambiguous: the header we wrote is the row the\n * detector eats, so `{ k: 'name', v: 'value' }` round-trips. Foreign input whose first row happens\n * to read `name,value` loses that row, which is why the importer previews what it parsed.\n *\n * A NAME MUST BE ONE A SPEC CAN REFERENCE. `VarEditor` only trims what is typed, so `foo-bar` can\n * exist in the editor and be exported — but `${foo-bar}` is not a thing `internal/spec` can\n * interpolate, so importing it would add a row that can never do anything. It comes back as a\n * problem instead, named, where the operator can see it.\n *\n * A MALFORMED LINE IS NEVER DROPPED SILENTLY. Every line that does not become a pair comes back in\n * `problems` with its line number, its text and why — a paste that half-worked without saying so\n * is how a deployment ends up missing the one variable its stack name is built from.\n */\n\nimport type { VarPair } from '../api/types';\n\nexport type VarFormat = 'env' | 'csv' | 'tsv';\n\n/** A line that did not become a pair. Reported, never swallowed. */\nexport type VarProblem = { line: number; text: string; reason: string };\n\nexport type VarParse = { format: VarFormat; pairs: VarPair[]; problems: VarProblem[] };\n\nexport const VAR_FORMATS: VarFormat[] = ['env', 'csv', 'tsv'];\nexport const FORMAT_LABEL: Record<VarFormat, string> = { env: '.env', csv: 'CSV', tsv: 'TSV' };\n\n/** The charset a spec can reference — `internal/spec`'s `${NAME}` regex, not a UI opinion. */\nconst NAME = /^[A-Za-z_][A-Za-z0-9_]*$/;\n/** Values needing no quotes: bytes that dotenv, compose and a shell all read back identically. */\nconst PLAIN = /^[A-Za-z0-9_@%+=:,./-]+$/;\nconst DELIM: Record<'csv' | 'tsv', string> = { csv: ',', tsv: '\\t' };\nconst HEADER_NAME = new Set(['name', 'key', 'variable', 'var']);\nconst HEADER_VALUE = new Set(['value', 'val']);\n\n// ── export ────────────────────────────────────────────────────────────────────────────────────────\n\n/**\n * Render pairs. `note` becomes `#` comment lines and is only expressible in `.env` — the surface\n * that passes one (host secrets, whose values are withheld) also says so on the page, because CSV\n * has nowhere to put it.\n */\nexport function formatVars(pairs: VarPair[], format: VarFormat, note?: string): string {\n  const rows = pairs.filter((e) => e.k);\n  if (format === 'env') {\n    const head = note ? note.split('\\n').map((l) => `# ${l}`) : [];\n    return [...head, ...rows.map((e) => `${e.k}=${envQuote(e.v)}`)].join('\\n') + '\\n';\n  }\n  const d = DELIM[format];\n  return [['name', 'value'], ...rows.map((e) => [e.k, e.v])]\n    .map((f) => f.map((v) => delimQuote(v ?? '', d)).join(d))\n    .join('\\n') + '\\n';\n}\n\nfunction envQuote(v: string): string {\n  // An empty value stays bare: `KEY=` parses back to `''` and reads as \"fill this in\", which is\n  // exactly what a withheld secret is.\n  if (v === '' || PLAIN.test(v)) return v;\n  return `\"${v.replace(/[\\\\\"]/g, '\\\\$&').replace(/\\n/g, '\\\\n').replace(/\\r/g, '\\\\r')}\"`;\n}\n\nfunction delimQuote(v: string, d: string): string {\n  const safe =\n    v === '' || (!v.includes(d) && !v.includes('\"') && !/[\\n\\r]/.test(v) && v === v.trim());\n  return safe ? v : `\"${v.replace(/\"/g, '\"\"')}\"`;\n}\n\n// ── import ────────────────────────────────────────────────────────────────────────────────────────\n\n/** Parse in `format`, or in whatever `detectFormat` reads the text as. */\nexport function parseVars(text: string, format?: VarFormat): VarParse {\n  const f = format ?? detectFormat(text);\n  return f === 'env' ? parseEnv(text) : parseDelimited(text, f);\n}\n\n/**\n * Which format is this? The first meaningful line decides `.env`; otherwise both delimiters are\n * tried with the real splitter and scored, because `indexOf('\\t')` calls a CSV whose value contains\n * a tab a TSV. A field that still holds a `\"` after splitting is the tell that the row was cut on\n * the wrong delimiter, so it counts against that reading.\n */\nexport function detectFormat(text: string): VarFormat {\n  const first = text.split(/\\r\\n|\\n|\\r/).find((l) => l.trim() && !l.trim().startsWith('#')) ?? '';\n  if (/^(export\\s+)?[A-Za-z_][A-Za-z0-9_]*\\s*=/.test(first.trim())) return 'env';\n  const tsv = score(text, '\\t');\n  const csv = score(text, ',');\n  if (tsv <= 0 && csv <= 0) return 'env';\n  return tsv > csv ? 'tsv' : 'csv';\n}\n\nfunction score(text: string, d: string): number {\n  let s = 0;\n  for (const r of splitRows(text, d)) {\n    const f = padOrTrim(r.fields);\n    if (!f.length) continue;\n    s += f.length === 2 ? 1 : -1;\n    for (const v of f) if (v.includes('\"')) s -= 1;\n  }\n  return s;\n}\n\nfunction parseEnv(text: string): VarParse {\n  const lines = text.split(/\\r\\n|\\n|\\r/);\n  const pairs: VarPair[] = [];\n  const problems: VarProblem[] = [];\n\n  for (let i = 0; i < lines.length; i++) {\n    const raw = lines[i] ?? '';\n    const at = i + 1;\n    if (!raw.trim() || raw.trim().startsWith('#')) continue;\n\n    // Only the LEFT is trimmed: a quoted value that spans lines keeps the spaces before its first\n    // newline, which `raw.trim()` would have eaten.\n    const s = raw.trimStart().replace(/^export\\s+/, '');\n    const eq = s.indexOf('='); // the FIRST `=`; the rest of the line is value, `=` signs and all\n    if (eq < 0) {\n      problems.push({ line: at, text: raw, reason: 'no \"=\" — a line reads NAME=value' });\n      continue;\n    }\n    const k = s.slice(0, eq).trim();\n    if (!NAME.test(k)) {\n      problems.push({ line: at, text: raw, reason: nameReason(k) });\n      continue;\n    }\n\n    const rest = s.slice(eq + 1).replace(/^[ \\t]+/, '');\n    const q = rest[0];\n    if (q === '\"' || q === \"'\") {\n      const start = i;\n      let body = rest.slice(1);\n      let end = closingQuote(body, q);\n      while (end < 0 && i + 1 < lines.length) {\n        i++;\n        body += '\\n' + (lines[i] ?? '');\n        end = closingQuote(body, q);\n      }\n      if (end < 0) {\n        // Rewind. The lines swallowed hunting for a closing quote are other people's lines, and\n        // eating the rest of the file behind one stray `\"` is the silent drop this reports instead.\n        i = start;\n        problems.push({ line: at, text: raw, reason: 'the quote is never closed' });\n        continue;\n      }\n      const inner = body.slice(0, end);\n      // Single quotes are literal, double quotes carry escapes — dotenv's rule, and the one our\n      // own exporter writes against. Anything after the closing quote is a trailing comment.\n      pairs.push({ k, v: q === '\"' ? unescape(inner) : inner });\n      continue;\n    }\n    // Unquoted: a ` #` starts a comment, trailing whitespace is not value.\n    pairs.push({ k, v: rest.replace(/\\s+#.*$/, '').trimEnd() });\n  }\n  return { format: 'env', pairs: lastWins(pairs), problems };\n}\n\nconst ESCAPES: Record<string, string> = {\n  n: '\\n',\n  r: '\\r',\n  t: '\\t',\n  '\\\\': '\\\\',\n  '\"': '\"',\n  \"'\": \"'\",\n  $: '$',\n  '`': '`',\n};\n\nfunction unescape(s: string): string {\n  let out = '';\n  for (let i = 0; i < s.length; i++) {\n    const c = s[i] ?? '';\n    if (c !== '\\\\' || i === s.length - 1) {\n      out += c;\n      continue;\n    }\n    const n = s[++i] ?? '';\n    // An unknown escape keeps both characters: `C:\\path` typed inside quotes stays `C:\\path`\n    // rather than losing the backslash to a rule nobody wrote down.\n    out += ESCAPES[n] ?? '\\\\' + n;\n  }\n  return out;\n}\n\nfunction closingQuote(s: string, q: string): number {\n  for (let i = 0; i < s.length; i++) {\n    const c = s[i];\n    if (q === '\"' && c === '\\\\') {\n      i++;\n      continue;\n    }\n    if (c === q) return i;\n  }\n  return -1;\n}\n\nfunction parseDelimited(text: string, format: 'csv' | 'tsv'): VarParse {\n  const rows = splitRows(text, DELIM[format]);\n  const pairs: VarPair[] = [];\n  const problems: VarProblem[] = [];\n  let first = true;\n\n  for (const r of rows) {\n    const fields = padOrTrim(r.fields);\n    if (!fields.length) continue; // a blank line is not malformed\n    if (first) {\n      first = false;\n      const a = (fields[0] ?? '').toLowerCase();\n      const b = (fields[1] ?? '').toLowerCase();\n      if (fields.length === 2 && HEADER_NAME.has(a) && HEADER_VALUE.has(b)) continue;\n    }\n    if (fields.length !== 2) {\n      const n = fields.length;\n      problems.push({\n        line: r.line,\n        text: r.raw,\n        reason: `${n} column${n === 1 ? '' : 's'} — expected two, a name and a value`,\n      });\n      continue;\n    }\n    const k = (fields[0] ?? '').trim();\n    if (!NAME.test(k)) {\n      problems.push({ line: r.line, text: r.raw, reason: nameReason(k) });\n      continue;\n    }\n    pairs.push({ k, v: fields[1] ?? '' });\n  }\n  return { format, pairs: lastWins(pairs), problems };\n}\n\ntype Row = { fields: string[]; line: number; raw: string };\n\n/**\n * RFC 4180 with one delimiter parameter: `\"\"` is a literal quote, a quoted field may hold the\n * delimiter and newlines, an unquoted field is trimmed. CRLF and lone CR are normalised to LF\n * first — a row terminator cannot also be data.\n */\nfunction splitRows(text: string, d: string): Row[] {\n  const s = text.replace(/\\r\\n?/g, '\\n');\n  const rows: Row[] = [];\n  let fields: string[] = [];\n  let field = '';\n  let quoted = false;\n  let inQuote = false;\n  let line = 1;\n  let rowLine = 1;\n  let rowStart = 0;\n\n  const endField = (): void => {\n    fields.push(quoted ? field : field.trim());\n    field = '';\n    quoted = false;\n  };\n\n  for (let i = 0; i < s.length; i++) {\n    const c = s[i] ?? '';\n    if (inQuote) {\n      if (c === '\"') {\n        if (s[i + 1] === '\"') {\n          field += '\"';\n          i++;\n        } else inQuote = false;\n      } else {\n        if (c === '\\n') line++;\n        field += c;\n      }\n      continue;\n    }\n    // A quote opens a field only at its start — spaces before it are formatting, a quote after\n    // real characters is data.\n    if (c === '\"' && !quoted && field.trim() === '') {\n      field = '';\n      inQuote = true;\n      quoted = true;\n      continue;\n    }\n    if (c === d) {\n      endField();\n      continue;\n    }\n    if (c === '\\n') {\n      endField();\n      rows.push({ fields, line: rowLine, raw: s.slice(rowStart, i) });\n      fields = [];\n      line++;\n      rowLine = line;\n      rowStart = i + 1;\n      continue;\n    }\n    field += c;\n  }\n  if (field !== '' || quoted || fields.length) {\n    endField();\n    rows.push({ fields, line: rowLine, raw: s.slice(rowStart) });\n  }\n  return rows;\n}\n\n/**\n * Drop trailing empty columns a spreadsheet padded the row with — but never below two, or\n * `SECRET,` (a name whose value was withheld) would read as a one-column row instead of an empty\n * value. An all-empty row is a blank line.\n */\nfunction padOrTrim(fields: string[]): string[] {\n  let n = fields.length;\n  while (n > 0 && (fields[n - 1] ?? '') === '') n--;\n  return n === 0 ? [] : fields.slice(0, Math.max(n, Math.min(2, fields.length)));\n}\n\nfunction nameReason(k: string): string {\n  return k\n    ? `\"${k}\" is not a usable variable name — letters, digits and _, not starting with a digit`\n    : 'no name before the value';\n}\n\n/** dotenv semantics: a repeated name keeps its last value, at the position it first appeared. */\nfunction lastWins(pairs: VarPair[]): VarPair[] {\n  const m = new Map<string, string>();\n  for (const e of pairs) m.set(e.k, e.v);\n  return [...m].map(([k, v]) => ({ k, v }));\n}\n\n/** Incoming overrides by name, everything else keeps its place. Blank editor rows are dropped. */\nexport function mergeVars(existing: VarPair[], incoming: VarPair[]): VarPair[] {\n  const next = existing.filter((e) => e.k).map((e) => ({ ...e }));\n  for (const e of incoming) {\n    const hit = next.find((n) => n.k === e.k);\n    if (hit) hit.v = e.v;\n    else next.push({ ...e });\n  }\n  return next;\n}\n","<script setup lang=\"ts\">\n/**\n * Copy a variable list out as `.env`, CSV or TSV; paste one back in. The chrome only — every rule\n * about what those formats mean lives in `composables/useVarFormats.ts`, which is tested directly\n * because this component cannot be.\n *\n * NOTHING IS REPLACED BEFORE IT IS SHOWN. The paste box parses as you type and renders what it\n * read, including the lines it could not read, and only then offers the buttons that change\n * anything. A paste that half-worked in silence is how a deployment loses the one variable its\n * stack name is built from — which is the leak this project exists to prevent, arriving through a\n * text box.\n *\n * MERGE AND REPLACE ARE BOTH REAL ANSWERS, so the operator picks. `replace` is offered only where\n * this component's owner can actually replace the whole list: on the host-variable page a\n * \"replace\" would have to DELETE the rows the paste omits, and a delete that happens because\n * something was missing from a paste is not a thing to offer behind a two-word button.\n *\n * THE CLIPBOARD IS NOT ALWAYS THERE. `navigator.clipboard` is undefined on a plain-http origin —\n * exactly how this app is reached through a loopback tunnel — and a secure origin can still refuse\n * the write. A failed copy therefore reveals a selected textarea instead of only apologising in a\n * toast: the text exists either way, only the shortcut is missing.\n */\nimport { computed, ref } from 'vue';\nimport type { VarPair } from '../api/types';\nimport {\n  FORMAT_LABEL,\n  VAR_FORMATS,\n  formatVars,\n  parseVars,\n  type VarFormat,\n} from '../composables/useVarFormats';\nimport { toast } from '../composables/useToasts';\nimport SelectMenu from './SelectMenu.vue';\n\nconst props = defineProps<{\n  /** What \"copy\" exports. Blank rows are dropped by the formatter. */\n  pairs: VarPair[];\n  /** `#` comment lines on the `.env` export — the withheld-secrets surface passes one. */\n  note?: string;\n  /** Offer \"Replace all\". See the header: not every owner can honestly replace. */\n  replace?: boolean;\n  /** Skip parsed entries with no value, and say so. For a store that refuses an empty value. */\n  skipEmpty?: boolean;\n  /** An import is in flight upstream. */\n  busy?: boolean;\n}>();\n\nconst emit = defineEmits<{ apply: [pairs: VarPair[], mode: 'replace' | 'merge'] }>();\n\nconst open = ref(false);\nconst text = ref('');\nconst fmt = ref('auto');\n/** The export text, revealed only when the clipboard refused it. */\nconst fallback = ref('');\n\nconst PREVIEW = 12;\n\nconst exportable = computed(() => props.pairs.filter((e) => e.k).length);\n\nconst parsed = computed(() =>\n  text.value.trim()\n    ? parseVars(text.value, fmt.value === 'auto' ? undefined : (fmt.value as VarFormat))\n    : null,\n);\nconst skipped = computed(() =>\n  props.skipEmpty && parsed.value ? parsed.value.pairs.filter((e) => !e.v) : [],\n);\nconst usable = computed(() =>\n  parsed.value ? (props.skipEmpty ? parsed.value.pairs.filter((e) => e.v) : parsed.value.pairs) : [],\n);\n\nconst formatOptions = [\n  { value: 'auto', label: 'Detect the format', hint: 'read the paste and decide' },\n  ...VAR_FORMATS.map((f) => ({ value: f, label: `Read as ${FORMAT_LABEL[f]}` })),\n];\n\nasync function copy(f: VarFormat): Promise<void> {\n  const out = formatVars(props.pairs, f, props.note);\n  try {\n    await navigator.clipboard.writeText(out);\n    fallback.value = '';\n    toast('ok', `Copied ${exportable.value} as ${FORMAT_LABEL[f]}.`);\n  } catch {\n    // Not an error worth a red banner: the text is right here, it just could not be put on the\n    // clipboard for you.\n    fallback.value = out;\n    toast('error', 'Could not reach the clipboard — select the text below and copy it.');\n  }\n}\n\nfunction apply(mode: 'replace' | 'merge'): void {\n  emit('apply', usable.value, mode);\n  text.value = '';\n  open.value = false;\n}\n\nfunction selectAll(e: FocusEvent): void {\n  (e.target as HTMLTextAreaElement).select();\n}\n</script>\n\n<template>\n  <div class=\"vario\">\n    <div class=\"row\">\n      <span class=\"mute vario-lbl\">Copy as</span>\n      <button\n        v-for=\"f in VAR_FORMATS\"\n        :key=\"f\"\n        type=\"button\"\n        class=\"sm ghost\"\n        :disabled=\"!exportable\"\n        :title=\"exportable ? `Copy all ${exportable} as ${FORMAT_LABEL[f]}` : 'There is nothing to copy yet'\"\n        @click=\"copy(f)\"\n      >\n        {{ FORMAT_LABEL[f] }}\n      </button>\n      <span class=\"sep\" aria-hidden=\"true\" />\n      <button type=\"button\" class=\"sm\" :aria-expanded=\"open\" @click=\"open = !open\">\n        {{ open ? 'Close' : 'Paste to fill' }}\n      </button>\n    </div>\n\n    <div v-if=\"fallback\" class=\"vario-box\">\n      <p class=\"hint\">\n        The clipboard could not be reached — a browser grants it only on a secure origin, and not\n        always then. Select this and copy it by hand.\n      </p>\n      <textarea\n        :value=\"fallback\"\n        readonly\n        rows=\"6\"\n        spellcheck=\"false\"\n        aria-label=\"the exported variables\"\n        @focus=\"selectAll\"\n      />\n      <button type=\"button\" class=\"sm ghost\" @click=\"fallback = ''\">Hide</button>\n    </div>\n\n    <div v-if=\"open\" class=\"vario-box\">\n      <slot />\n\n      <textarea\n        v-model=\"text\"\n        rows=\"7\"\n        spellcheck=\"false\"\n        autocomplete=\"off\"\n        aria-label=\"paste variables\"\n        placeholder=\"PR=7&#10;REGION=eu-central&#10;&#10;…or two columns of CSV or TSV\"\n      />\n\n      <div class=\"row\" style=\"margin-top: var(--s2)\">\n        <SelectMenu v-model=\"fmt\" label=\"how to read the paste\" :options=\"formatOptions\" />\n        <span v-if=\"parsed\" class=\"mute\" style=\"font-size: var(--t-sm)\">\n          read as {{ FORMAT_LABEL[parsed.format] }}\n        </span>\n      </div>\n\n      <template v-if=\"parsed\">\n        <p class=\"hint\">\n          <b>{{ usable.length }}</b> variable{{ usable.length === 1 ? '' : 's' }} read.\n          <template v-if=\"skipped.length\">\n            {{ skipped.length }} ({{ skipped.map((e) => e.k).join(', ') }}) had no value and will be\n            skipped — a value stored here is never blank.\n          </template>\n        </p>\n\n        <ul v-if=\"usable.length\" class=\"kvlist vario-preview\">\n          <li v-for=\"e in usable.slice(0, PREVIEW)\" :key=\"e.k\">\n            <span class=\"k\"><code>{{ e.k }}</code></span>\n            <span class=\"v mono\">{{ e.v }}</span>\n          </li>\n          <li v-if=\"usable.length > PREVIEW\" class=\"mute\">\n            and {{ usable.length - PREVIEW }} more\n          </li>\n        </ul>\n\n        <!--\n          Never a silent drop. A line that did not become a variable is shown with its number and\n          its text, so the operator can see whether the paste was misread or the source was wrong.\n        -->\n        <div v-if=\"parsed.problems.length\" class=\"banner warn\">\n          <b>\n            {{ parsed.problems.length }} line{{ parsed.problems.length === 1 ? '' : 's' }} could not\n            be read\n          </b>\n          <ul class=\"vario-problems\">\n            <li v-for=\"p in parsed.problems\" :key=\"p.line\">\n              <span class=\"mute\">line {{ p.line }}</span>\n              <code>{{ p.text }}</code>\n              <span class=\"dim\">{{ p.reason }}</span>\n            </li>\n          </ul>\n          <p>\n            They are not imported. Fix them and paste again, or apply what parsed and add the rest\n            by hand.\n          </p>\n        </div>\n\n        <div class=\"row\" style=\"margin-top: var(--s3)\">\n          <button\n            v-if=\"replace\"\n            type=\"button\"\n            class=\"primary\"\n            :disabled=\"!usable.length || busy\"\n            :title=\"usable.length ? 'Discard the current list and use exactly what was pasted' : 'Nothing parsed to apply'\"\n            @click=\"apply('replace')\"\n          >\n            Replace all\n          </button>\n          <button\n            type=\"button\"\n            :class=\"replace ? '' : 'primary'\"\n            :disabled=\"!usable.length || busy\"\n            :title=\"usable.length ? 'Overwrite matching names, keep the rest, add what is new' : 'Nothing parsed to apply'\"\n            @click=\"apply('merge')\"\n          >\n            Merge\n          </button>\n          <button type=\"button\" class=\"ghost\" @click=\"open = false\">Cancel</button>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.vario {\n  margin-top: var(--s3);\n}\n.vario-lbl {\n  font-size: var(--t-xs);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n/* Separates two groups of controls that do opposite things; the gap alone read as one strip. */\n.sep {\n  width: 1px;\n  height: 18px;\n  background: var(--line);\n  margin-inline: var(--s1);\n}\n.vario-box {\n  margin-top: var(--s3);\n  padding: var(--s3);\n  border: 1px solid var(--line);\n  border-radius: var(--r2);\n  max-width: 640px;\n}\n.vario-box > textarea {\n  width: 100%;\n}\n/* A pasted value can hold newlines; collapsing them here would hide half of what is being applied. */\n.vario-preview {\n  margin-top: var(--s2);\n}\n.vario-preview .v {\n  white-space: pre-wrap;\n}\n.vario-problems {\n  margin: var(--s2) 0 0;\n  padding: 0;\n  list-style: none;\n  display: grid;\n  gap: var(--s1);\n  font-size: var(--t-sm);\n}\n/*\n * Two columns, not a wrapping row: a long reason wrapping under `line 5` read as a new paragraph of\n * the banner rather than as that line's explanation.\n */\n.vario-problems > li {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 2px var(--s2);\n  align-items: baseline;\n}\n.vario-problems > li > code {\n  justify-self: start;\n}\n.vario-problems > li > .dim {\n  grid-column: 2;\n}\n</style>\n"],"names":["VAR_FORMATS","FORMAT_LABEL","NAME","PLAIN","DELIM","HEADER_NAME","HEADER_VALUE","formatVars","pairs","format","note","rows","e","l","envQuote","d","f","v","delimQuote","parseVars","text","detectFormat","parseEnv","parseDelimited","first","tsv","score","csv","s","r","splitRows","padOrTrim","lines","problems","i","raw","at","eq","k","nameReason","rest","q","start","body","end","closingQuote","inner","unescape","lastWins","ESCAPES","out","c","fields","a","b","n","field","quoted","inQuote","line","rowLine","rowStart","endField","m","mergeVars","existing","incoming","next","hit","PREVIEW","props","__props","emit","__emit","open","ref","fmt","fallback","exportable","computed","parsed","skipped","usable","formatOptions","copy","toast","apply","mode","selectAll","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_Fragment","_renderList","_unref","$event","_toDisplayString","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_renderSlot","_ctx","_hoisted_8","_createVNode","SelectMenu","_hoisted_9","_hoisted_10","_createTextVNode","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","p","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21"],"mappings":"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"}

package/dist/assets/VariablesView-CQp0T7Q6.js

@@ -0,0 +1,3 @@
+import{d as Q,c as r,a as e,f as n,e as u,w as m,_ as S,z as C,g as y,F as D,t as d,r as L,h as X,i as M,v as Y,ac as ee,L as te,j as p,k as _,p as A,C as R,o,U}from"./index-Cqe_7QZw.js";import{_ as j}from"./ActionButton.vue_vue_type_script_setup_true_lang-D8Xlp6c9.js";import{E as ae}from"./EquivalentCommand-D92xDU0_.js";import{_ as se}from"./ErrorNote.vue_vue_type_script_setup_true_lang-DVbGiVTB.js";import{_ as H}from"./RelativeTime.vue_vue_type_script_setup_true_lang-NGvUfuKC.js";import{_ as W}from"./SkeletonList.vue_vue_type_script_setup_true_lang-BmeRGmxf.js";import{_ as le}from"./RefreshButton.vue_vue_type_script_setup_true_lang-P7VwWcRa.js";import{V as q}from"./VarIO-BldCQ6Xx.js";import{_ as ne}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./SelectMenu.vue_vue_type_script_setup_true_lang-BtHqT6G1.js";import"./Teleport-I0XiM19H.js";const oe={class:"page-head"},re={class:"sub"},ie={key:1,class:"panel"},ue={class:"grid-2"},de={class:"panel"},ce={class:"phead"},ve={class:"mute",style:{"font-size":"var(--t-xs)"}},pe={key:1,class:"cards"},me={class:"name","data-label":"name"},fe={class:"break","data-label":"value"},he={class:"dim nowrap","data-label":"updated"},be={class:"right nowrap","data-label":""},ye=["onClick"],_e={key:2,class:"hint"},ge={class:"panel"},ke={class:"phead"},we={class:"mute",style:{"font-size":"var(--t-xs)"}},$e={key:1,class:"cards"},Ae={class:"name","data-label":"name"},Ee={class:"dim nowrap","data-label":"updated"},Ve={class:"right nowrap","data-label":""},xe=["onClick"],Ne={key:2,class:"hint"},Se={class:"panel"},Ce={class:"section",style:{"margin-bottom":"var(--s3)"}},De={class:"row wrap two-up"},Me={class:"field grow"},Re=["disabled"],Ue={class:"field grow"},Te=["type","placeholder"],ze={key:0,class:"s-failed",style:{"margin-top":"var(--s2)"}},Ie={class:"row",style:{"margin-top":"var(--s3)"}},Pe={class:"check"},Be=["disabled"],Le={key:1,class:"hint"},je={class:"row",style:{"margin-top":"var(--s4)"}},He=["disabled"],We={key:1,class:"mute",style:{"font-size":"var(--t-sm)"}},qe=`Secret VALUES are not included: this server has no route that returns one.
+Each name is listed with an empty value for you to fill in.`,Fe=Q({__name:"VariablesView",setup(Oe){const E=p([]),V=p(!1),v=p(""),T=p(!1),g=_(()=>E.value.filter(a=>!a.secret)),k=_(()=>E.value.filter(a=>a.secret)),F=_(()=>g.value.map(a=>({k:a.name,v:a.value??""}))),O=_(()=>k.value.map(a=>({k:a.name,v:""}))),s=p({name:"",value:"",secret:!1}),x=p(!1),w=p(!1),i=p(null),z=/^[A-Za-z_][A-Za-z0-9_]*$/,Z=_(()=>!x.value&&z.test(s.value.name)&&s.value.value.length>0);async function h(){const a=await A.get("/api/host-vars");if(V.value=!0,a.status===404){T.value=!0;return}if(!a.ok){v.value=R(a,"load the variables");return}v.value="",E.value=a.body.entries??[]}h();function I(a){i.value=a,s.value={name:a.name,value:a.value??"",secret:a.secret}}function N(){i.value=null,s.value={name:"",value:"",secret:!1}}async function G(){x.value=!0;const a=await A.put(`/api/host-vars/${s.value.name}`,{value:s.value.value,secret:s.value.secret});if(x.value=!1,!a.ok){v.value=R(a,`store ${s.value.name}`);return}v.value="",U("ok",`Stored ${s.value.name}.`),N(),h()}async function P(a,t){w.value=!0;const c=[];for(const l of t)(await A.put(`/api/host-vars/${encodeURIComponent(l.k)}`,{value:l.v,secret:a})).ok||c.push(l.k);w.value=!1;const b=a?"secret":"variable",f=t.length-c.length;c.length?v.value=`Stored ${f} of ${t.length} ${b}s — ${c.join(", ")} could not be stored.`:(v.value="",U("ok",`Stored ${f} ${b}${f===1?"":"s"}.`)),h()}const J=a=>P(!1,a),K=a=>P(!0,a);async function B(a){var c;const t=await A.del(`/api/host-vars/${a.name}`);if(!t.ok){v.value=R(t,`delete ${a.name}`);return}U("ok",`Deleted ${a.name}. Specs referencing it will fail to resolve until it exists again.`),((c=i.value)==null?void 0:c.name)===a.name&&N(),h()}return(a,t)=>{var c,b,f;return o(),r("div",null,[e("div",oe,[e("div",null,[t[5]||(t[5]=e("h1",null,"Variables & secrets",-1)),e("div",re,[t[4]||(t[4]=n(" Host-level values every spec can reference ",-1)),u(S,{label:"how a spec uses these"},{default:m(()=>[...t[3]||(t[3]=[n(" Write ",-1),e("code",null,"${vars.NAME}",-1),n(" or ",-1),e("code",null,"${secrets.NAME}",-1),n(" anywhere a spec interpolates — the ",-1),e("code",null,"env:",-1),n(" block, hooks, compose settings. The spelling is deliberate: plain ",-1),e("code",null,"${NAME}",-1),n(' keeps meaning "whatever the request supplied", so the two can never collide. ',-1)])]),_:1})])]),t[6]||(t[6]=e("span",{class:"grow"},null,-1)),u(le,{run:h})]),v.value?(o(),C(se,{key:0,text:v.value,title:"Something went wrong."},null,8,["text"])):y("",!0),T.value?(o(),r("section",ie,[...t[7]||(t[7]=[e("div",{class:"banner plain"},[e("b",null,"This server has no variable store."),e("p",null,"It is an older build of pstack. Upgrade the host to use host-level variables.")],-1)])])):(o(),r(D,{key:2},[e("div",ue,[e("section",de,[e("div",ce,[t[9]||(t[9]=e("h2",{class:"section"},"Variables",-1)),u(S,{label:"what belongs here"},{default:m(()=>[...t[8]||(t[8]=[n(" Configuration that is fine to read back: a region, an image tag, the log level a preview should run at. Referenced as ",-1),e("code",null,"${vars.NAME}",-1),n(". ",-1)])]),_:1}),t[10]||(t[10]=e("span",{class:"grow"},null,-1)),e("span",ve,d(g.value.length),1)]),V.value?g.value.length?(o(),r("table",pe,[t[12]||(t[12]=e("thead",null,[e("tr",null,[e("th",null,"Name"),e("th",null,"Value"),e("th",null,"Updated"),e("th",{"aria-label":"Actions"})])],-1)),e("tbody",null,[(o(!0),r(D,null,L(g.value,l=>(o(),r("tr",{key:l.name},[e("td",me,[e("code",null,d(l.name),1)]),e("td",fe,d(l.value),1),e("td",he,[u(H,{at:l.updatedAt},null,8,["at"])]),e("td",be,[e("button",{class:"ghost sm",onClick:$=>I(l)},"Edit",8,ye),u(j,{class:"danger sm",confirm:`Delete ${l.name}?`,onRun:$=>B(l)},{default:m(()=>[...t[11]||(t[11]=[n(" Delete ",-1)])]),_:1},8,["confirm","onRun"])])]))),128))])])):(o(),r("p",_e,"No variables yet.")):(o(),C(W,{key:0,rows:2})),u(q,{pairs:F.value,busy:w.value,"skip-empty":"",onApply:J},{default:m(()=>[...t[13]||(t[13]=[e("p",{class:"hint",style:{"margin-top":"0"}}," Each name is stored on this host as a variable. A name already here is overwritten; names this paste does not mention are left alone, and nothing is deleted. ",-1)])]),_:1},8,["pairs","busy"])]),e("section",ge,[e("div",ke,[t[15]||(t[15]=e("h2",{class:"section"},"Secrets",-1)),u(S,{label:"what makes a secret different"},{default:m(()=>[...t[14]||(t[14]=[n(" The value is write-only: no page and no API route ever returns it, and it is scrubbed from job and container logs by content. Referenced as ",-1),e("code",null,"${secrets.NAME}",-1),n(" — refused in ",-1),e("code",null,"stack:",-1),n(", because a stack name appears in container names and hostnames that cannot be redacted. ",-1)])]),_:1}),t[16]||(t[16]=e("span",{class:"grow"},null,-1)),e("span",we,d(k.value.length),1)]),V.value?k.value.length?(o(),r("table",$e,[t[18]||(t[18]=e("thead",null,[e("tr",null,[e("th",null,"Name"),e("th",null,"Updated"),e("th",{"aria-label":"Actions"})])],-1)),e("tbody",null,[(o(!0),r(D,null,L(k.value,l=>(o(),r("tr",{key:l.name},[e("td",Ae,[e("code",null,d(l.name),1)]),e("td",Ee,[u(H,{at:l.updatedAt},null,8,["at"])]),e("td",Ve,[e("button",{class:"ghost sm",onClick:$=>I(l)},"Replace",8,xe),u(j,{class:"danger sm",confirm:`Delete ${l.name}?`,onRun:$=>B(l)},{default:m(()=>[...t[17]||(t[17]=[n(" Delete ",-1)])]),_:1},8,["confirm","onRun"])])]))),128))])])):(o(),r("p",Ne,"No secrets yet.")):(o(),C(W,{key:0,rows:2})),t[20]||(t[20]=e("p",{class:"hint"},[n(" A copied secret list contains "),e("b",null,"names only"),n(" — no page and no route can read a value back, so each line is exported empty for you to fill in. Pasting one back therefore changes nothing until you type the values in. ")],-1)),u(q,{pairs:O.value,note:qe,busy:w.value,"skip-empty":"",onApply:K},{default:m(()=>[...t[19]||(t[19]=[e("p",{class:"hint",style:{"margin-top":"0"}},[n(" Each name is stored as a "),e("b",null,"secret"),n(": write-only from the moment it lands. A name already here is replaced; a line with no value is skipped, so a round-trip of this page's own export leaves every secret as it was. ")],-1)])]),_:1},8,["pairs","busy"])])]),e("section",Se,[e("h2",Ce,d(i.value?i.value.secret?`Replace the value of ${i.value.name}`:`Edit ${i.value.name}`:"Add a variable or secret"),1),e("form",{onSubmit:X(G,["prevent"])},[e("div",De,[e("label",Me,[t[21]||(t[21]=e("span",null,"Name",-1)),M(e("input",{"onUpdate:modelValue":t[0]||(t[0]=l=>s.value.name=l),type:"text",placeholder:"DB_PASSWORD",spellcheck:"false",autocomplete:"off",disabled:!!i.value},null,8,Re),[[Y,s.value.name,void 0,{trim:!0}]])]),e("label",Ue,[t[22]||(t[22]=e("span",null,"Value",-1)),M(e("input",{"onUpdate:modelValue":t[1]||(t[1]=l=>s.value.value=l),type:s.value.secret?"password":"text",placeholder:(c=i.value)!=null&&c.secret?"enter the new value":"eu-central",spellcheck:"false",autocomplete:"off"},null,8,Te),[[ee,s.value.value]])])]),s.value.name&&!z.test(s.value.name)?(o(),r("p",ze," Letters, digits and _ only, not starting with a digit — it has to be referenceable in a spec. ")):y("",!0),e("div",Ie,[e("label",Pe,[M(e("input",{"onUpdate:modelValue":t[2]||(t[2]=l=>s.value.secret=l),type:"checkbox",disabled:((b=i.value)==null?void 0:b.secret)===!0},null,8,Be),[[te,s.value.secret]]),t[23]||(t[23]=n(" Secret — the value can never be read back ",-1))])]),(f=i.value)!=null&&f.secret?(o(),r("p",Le," A secret cannot be turned back into a readable variable — that would reveal a value stored write-only. Delete it and create a variable instead, re-entering the value. ")):y("",!0),e("div",je,[e("button",{class:"primary",type:"submit",disabled:!Z.value},d(i.value?"Save":"Add"),9,He),i.value?(o(),r("button",{key:0,type:"button",class:"ghost",onClick:N},"Cancel")):y("",!0),i.value?y("",!0):(o(),r("span",We,[t[24]||(t[24]=n(" Reference it as ",-1)),e("code",null,"$"+d("{")+d(s.value.secret?"secrets":"vars")+"."+d(s.value.name||"NAME")+d("}"),1),t[25]||(t[25]=n(" in any spec ",-1))]))]),u(ae,{what:"storing this value",method:"PUT",path:`/api/host-vars/${s.value.name||"NAME"}`,body:{value:s.value.secret?"…":s.value.value||"…",secret:s.value.secret}},null,8,["path","body"])],32)])],64))])}}}),lt=ne(Fe,[["__scopeId","data-v-cf1f35b2"]]);export{lt as default};
+//# sourceMappingURL=VariablesView-CQp0T7Q6.js.map

package/dist/assets/VariablesView-CQp0T7Q6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariablesView-CQp0T7Q6.js","sources":["../../src/views/VariablesView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Host variables & secrets — the GitHub model, scoped to this host.\n *\n * TWO SECTIONS BECAUSE THEY ARE TWO CONTRACTS. A variable's value is configuration anyone may read\n * back; a secret's value goes IN through this form and never comes back OUT — the list shows its\n * name and when it changed, nothing else, because the server keeps no route that returns it. The\n * form says so at the moment of storing, not in documentation nobody reads.\n *\n * Specs reference these as `${vars.NAME}` and `${secrets.NAME}` — spelled differently from plain\n * `${NAME}` on purpose, so a spec that reads host state says so on its face.\n *\n * THE TWO CONTRACTS DECIDE WHAT `VarIO` MAY DO HERE, and each panel mounts its own:\n *   - A copied secret list carries NAMES ONLY. There is no value to copy — the API never returns\n *     one — and copying the mask would put `••••••••` in a `.env` someone then deploys with,\n *     which is a real value that fails somewhere far away from here. Empty is honest, and pstack\n *     treats an empty variable as undefined (invariant 7), so a paste of one fails loudly at\n *     resolve time instead of quietly running with a wrong value.\n *   - An import therefore SKIPS an entry with no value rather than storing `\"\"` over a live\n *     secret. Copy this page's secrets and paste them straight back and nothing changes — which is\n *     the only safe answer for an export that cannot contain what it lists.\n *   - Only merge is offered. A \"replace\" would have to delete the names a paste omits, and this\n *     page's deletes are one confirmed click each for a reason.\n */\nimport { computed, ref } from 'vue';\nimport { api, problem } from '../api/client';\nimport type { VarPair } from '../api/types';\nimport { toast } from '../composables/useToasts';\nimport ActionButton from '../components/ActionButton.vue';\nimport EquivalentCommand from '../components/EquivalentCommand.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport InfoHint from '../components/InfoHint.vue';\nimport RelativeTime from '../components/RelativeTime.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport RefreshButton from '../components/RefreshButton.vue';\nimport VarIO from '../components/VarIO.vue';\n\ntype Entry = { name: string; value: string | null; secret: boolean; updatedAt: number };\n\nconst entries = ref<Entry[]>([]);\nconst loaded = ref(false);\nconst listError = ref('');\nconst unsupported = ref(false);\n\nconst vars = computed(() => entries.value.filter((e) => !e.secret));\nconst secrets = computed(() => entries.value.filter((e) => e.secret));\n\nconst varPairs = computed<VarPair[]>(() => vars.value.map((e) => ({ k: e.name, v: e.value ?? '' })));\n/** Names with no values — see the header. The comment travels with the `.env` export. */\nconst secretPairs = computed<VarPair[]>(() => secrets.value.map((e) => ({ k: e.name, v: '' })));\nconst WITHHELD =\n  'Secret VALUES are not included: this server has no route that returns one.\\nEach name is listed with an empty value for you to fill in.';\n\nconst form = ref({ name: '', value: '', secret: false });\nconst saving = ref(false);\nconst importing = ref(false);\n/** Editing state: the row being replaced. For a secret this means re-entering the value. */\nconst editing = ref<Entry | null>(null);\n\nconst NAME = /^[A-Za-z_][A-Za-z0-9_]*$/;\nconst canSave = computed(\n  () => !saving.value && NAME.test(form.value.name) && form.value.value.length > 0,\n);\n\nasync function load(): Promise<void> {\n  const r = await api.get<{ entries: Entry[] }>('/api/host-vars');\n  loaded.value = true;\n  if (r.status === 404) {\n    unsupported.value = true;\n    return;\n  }\n  if (!r.ok) {\n    listError.value = problem(r, 'load the variables');\n    return;\n  }\n  listError.value = '';\n  entries.value = r.body.entries ?? [];\n}\nvoid load();\n\nfunction startEdit(e: Entry): void {\n  editing.value = e;\n  form.value = { name: e.name, value: e.value ?? '', secret: e.secret };\n}\n\nfunction cancelEdit(): void {\n  editing.value = null;\n  form.value = { name: '', value: '', secret: false };\n}\n\nasync function save(): Promise<void> {\n  saving.value = true;\n  const r = await api.put(`/api/host-vars/${form.value.name}`, {\n    value: form.value.value,\n    secret: form.value.secret,\n  });\n  saving.value = false;\n  if (!r.ok) {\n    listError.value = problem(r, `store ${form.value.name}`);\n    return;\n  }\n  listError.value = '';\n  toast('ok', `Stored ${form.value.name}.`);\n  cancelEdit();\n  void load();\n}\n\n/**\n * One PUT per entry: there is no bulk route, and inventing one so a paste box can be one request\n * is a route this feature does not need. Sequential, and every failure is named — \"3 of 5 stored,\n * these 2 failed\" is something an operator can act on; a single red toast is not.\n */\nasync function importEntries(secret: boolean, pairs: VarPair[]): Promise<void> {\n  importing.value = true;\n  const failed: string[] = [];\n  for (const e of pairs) {\n    const r = await api.put(`/api/host-vars/${encodeURIComponent(e.k)}`, { value: e.v, secret });\n    if (!r.ok) failed.push(e.k);\n  }\n  importing.value = false;\n  const noun = secret ? 'secret' : 'variable';\n  const stored = pairs.length - failed.length;\n  if (failed.length) {\n    listError.value = `Stored ${stored} of ${pairs.length} ${noun}s — ${failed.join(', ')} could not be stored.`;\n  } else {\n    listError.value = '';\n    toast('ok', `Stored ${stored} ${noun}${stored === 1 ? '' : 's'}.`);\n  }\n  void load();\n}\n\nconst importVars = (pairs: VarPair[]): Promise<void> => importEntries(false, pairs);\nconst importSecrets = (pairs: VarPair[]): Promise<void> => importEntries(true, pairs);\n\nasync function remove(e: Entry): Promise<void> {\n  const r = await api.del(`/api/host-vars/${e.name}`);\n  if (!r.ok) {\n    listError.value = problem(r, `delete ${e.name}`);\n    return;\n  }\n  toast('ok', `Deleted ${e.name}. Specs referencing it will fail to resolve until it exists again.`);\n  if (editing.value?.name === e.name) cancelEdit();\n  void load();\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>Variables &amp; secrets</h1>\n        <div class=\"sub\">\n          Host-level values every spec can reference\n          <InfoHint label=\"how a spec uses these\">\n            Write <code>${vars.NAME}</code> or <code>${secrets.NAME}</code> anywhere a spec\n            interpolates — the <code>env:</code> block, hooks, compose settings. The spelling is\n            deliberate: plain <code>${NAME}</code> keeps meaning \"whatever the request supplied\", so\n            the two can never collide.\n          </InfoHint>\n        </div>\n      </div>\n      <span class=\"grow\" />\n      <RefreshButton :run=\"load\" />\n    </div>\n\n    <ErrorNote v-if=\"listError\" :text=\"listError\" title=\"Something went wrong.\" />\n\n    <section v-if=\"unsupported\" class=\"panel\">\n      <div class=\"banner plain\">\n        <b>This server has no variable store.</b>\n        <p>It is an older build of pstack. Upgrade the host to use host-level variables.</p>\n      </div>\n    </section>\n\n    <template v-else>\n      <div class=\"grid-2\">\n        <section class=\"panel\">\n          <div class=\"phead\">\n            <h2 class=\"section\">Variables</h2>\n            <InfoHint label=\"what belongs here\">\n              Configuration that is fine to read back: a region, an image tag, the log level a\n              preview should run at. Referenced as <code>${vars.NAME}</code>.\n            </InfoHint>\n            <span class=\"grow\" />\n            <span class=\"mute\" style=\"font-size: var(--t-xs)\">{{ vars.length }}</span>\n          </div>\n\n          <SkeletonList v-if=\"!loaded\" :rows=\"2\" />\n          <table v-else-if=\"vars.length\" class=\"cards\">\n            <thead>\n              <tr>\n                <th>Name</th>\n                <th>Value</th>\n                <th>Updated</th>\n                <th aria-label=\"Actions\" />\n              </tr>\n            </thead>\n            <tbody>\n              <tr v-for=\"e in vars\" :key=\"e.name\">\n                <td class=\"name\" data-label=\"name\"><code>{{ e.name }}</code></td>\n                <td class=\"break\" data-label=\"value\">{{ e.value }}</td>\n                <td class=\"dim nowrap\" data-label=\"updated\"><RelativeTime :at=\"e.updatedAt\" /></td>\n                <td class=\"right nowrap\" data-label=\"\">\n                  <button class=\"ghost sm\" @click=\"startEdit(e)\">Edit</button>\n                  <ActionButton class=\"danger sm\" :confirm=\"`Delete ${e.name}?`\" @run=\"remove(e)\">\n                    Delete\n                  </ActionButton>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <p v-else class=\"hint\">No variables yet.</p>\n\n          <VarIO :pairs=\"varPairs\" :busy=\"importing\" skip-empty @apply=\"importVars\">\n            <p class=\"hint\" style=\"margin-top: 0\">\n              Each name is stored on this host as a variable. A name already here is overwritten;\n              names this paste does not mention are left alone, and nothing is deleted.\n            </p>\n          </VarIO>\n        </section>\n\n        <section class=\"panel\">\n          <div class=\"phead\">\n            <h2 class=\"section\">Secrets</h2>\n            <InfoHint label=\"what makes a secret different\">\n              The value is write-only: no page and no API route ever returns it, and it is scrubbed\n              from job and container logs by content. Referenced as <code>${secrets.NAME}</code> —\n              refused in <code>stack:</code>, because a stack name appears in container names and\n              hostnames that cannot be redacted.\n            </InfoHint>\n            <span class=\"grow\" />\n            <span class=\"mute\" style=\"font-size: var(--t-xs)\">{{ secrets.length }}</span>\n          </div>\n\n          <SkeletonList v-if=\"!loaded\" :rows=\"2\" />\n          <table v-else-if=\"secrets.length\" class=\"cards\">\n            <thead>\n              <tr>\n                <th>Name</th>\n                <th>Updated</th>\n                <th aria-label=\"Actions\" />\n              </tr>\n            </thead>\n            <tbody>\n              <tr v-for=\"e in secrets\" :key=\"e.name\">\n                <td class=\"name\" data-label=\"name\"><code>{{ e.name }}</code></td>\n                <td class=\"dim nowrap\" data-label=\"updated\"><RelativeTime :at=\"e.updatedAt\" /></td>\n                <td class=\"right nowrap\" data-label=\"\">\n                  <button class=\"ghost sm\" @click=\"startEdit(e)\">Replace</button>\n                  <ActionButton class=\"danger sm\" :confirm=\"`Delete ${e.name}?`\" @run=\"remove(e)\">\n                    Delete\n                  </ActionButton>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <p v-else class=\"hint\">No secrets yet.</p>\n\n          <!--\n            Said on the page, not only in the copied file: an export that cannot contain the thing\n            it lists has to admit that where the button is.\n          -->\n          <p class=\"hint\">\n            A copied secret list contains <b>names only</b> — no page and no route can read a value\n            back, so each line is exported empty for you to fill in. Pasting one back therefore\n            changes nothing until you type the values in.\n          </p>\n          <VarIO\n            :pairs=\"secretPairs\"\n            :note=\"WITHHELD\"\n            :busy=\"importing\"\n            skip-empty\n            @apply=\"importSecrets\"\n          >\n            <p class=\"hint\" style=\"margin-top: 0\">\n              Each name is stored as a <b>secret</b>: write-only from the moment it lands. A name\n              already here is replaced; a line with no value is skipped, so a round-trip of this\n              page's own export leaves every secret as it was.\n            </p>\n          </VarIO>\n        </section>\n      </div>\n\n      <section class=\"panel\">\n        <h2 class=\"section\" style=\"margin-bottom: var(--s3)\">\n          {{ editing ? (editing.secret ? `Replace the value of ${editing.name}` : `Edit ${editing.name}`) : 'Add a variable or secret' }}\n        </h2>\n\n        <form @submit.prevent=\"save\">\n          <div class=\"row wrap two-up\">\n            <label class=\"field grow\">\n              <span>Name</span>\n              <input\n                v-model.trim=\"form.name\"\n                type=\"text\"\n                placeholder=\"DB_PASSWORD\"\n                spellcheck=\"false\"\n                autocomplete=\"off\"\n                :disabled=\"!!editing\"\n              />\n            </label>\n            <label class=\"field grow\">\n              <span>Value</span>\n              <input\n                v-model=\"form.value\"\n                :type=\"form.secret ? 'password' : 'text'\"\n                :placeholder=\"editing?.secret ? 'enter the new value' : 'eu-central'\"\n                spellcheck=\"false\"\n                autocomplete=\"off\"\n              />\n            </label>\n          </div>\n          <p v-if=\"form.name && !NAME.test(form.name)\" class=\"s-failed\" style=\"margin-top: var(--s2)\">\n            Letters, digits and _ only, not starting with a digit — it has to be referenceable in a spec.\n          </p>\n\n          <div class=\"row\" style=\"margin-top: var(--s3)\">\n            <label class=\"check\">\n              <input v-model=\"form.secret\" type=\"checkbox\" :disabled=\"editing?.secret === true\" />\n              Secret — the value can never be read back\n            </label>\n          </div>\n          <p v-if=\"editing?.secret\" class=\"hint\">\n            A secret cannot be turned back into a readable variable — that would reveal a value\n            stored write-only. Delete it and create a variable instead, re-entering the value.\n          </p>\n\n          <div class=\"row\" style=\"margin-top: var(--s4)\">\n            <button class=\"primary\" type=\"submit\" :disabled=\"!canSave\">\n              {{ editing ? 'Save' : 'Add' }}\n            </button>\n            <button v-if=\"editing\" type=\"button\" class=\"ghost\" @click=\"cancelEdit\">Cancel</button>\n            <span v-if=\"!editing\" class=\"mute\" style=\"font-size: var(--t-sm)\">\n              Reference it as <code>${{ '{' }}{{ form.secret ? 'secrets' : 'vars' }}.{{ form.name || 'NAME' }}{{ '}' }}</code> in any spec\n            </span>\n          </div>\n          <EquivalentCommand\n            what=\"storing this value\"\n            method=\"PUT\"\n            :path=\"`/api/host-vars/${form.name || 'NAME'}`\"\n            :body=\"{ value: form.secret ? '…' : form.value || '…', secret: form.secret }\"\n          />\n        </form>\n      </section>\n    </template>\n  </div>\n</template>\n\n<style scoped>\ntd.right {\n  text-align: end;\n}\ntd.right button {\n  margin-inline-start: var(--s2);\n}\n.two-up > .field {\n  /* A form caps itself even though the page does not — a 1300px-wide text input reads as a text\n     editor, not a field. See docs/ui-rules.md. */\n  flex: 1 1 200px;\n  max-width: 420px;\n}\n</style>\n"],"names":["WITHHELD","entries","ref","loaded","listError","unsupported","vars","computed","e","secrets","varPairs","secretPairs","form","saving","importing","editing","NAME","canSave","load","r","api","problem","startEdit","cancelEdit","save","toast","importEntries","secret","pairs","failed","noun","stored","importVars","importSecrets","remove","_a","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","_createVNode","InfoHint","RefreshButton","_createBlock","ErrorNote","_openBlock","_hoisted_3","_Fragment","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_toDisplayString","_hoisted_8","_renderList","_hoisted_9","_hoisted_10","_hoisted_11","RelativeTime","_hoisted_12","$event","_hoisted_13","ActionButton","_hoisted_14","SkeletonList","VarIO","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_29","_vModelDynamic","_hoisted_31","_hoisted_32","_hoisted_33","_b","_vModelCheckbox","_c","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","EquivalentCommand"],"mappings":"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"}

package/dist/assets/VariablesView-Ck3IyRCN.css

@@ -0,0 +1 @@
+td.right[data-v-cf1f35b2]{text-align:end}td.right button[data-v-cf1f35b2]{margin-inline-start:var(--s2)}.two-up>.field[data-v-cf1f35b2]{flex:1 1 200px;max-width:420px}