@samyx/preview-stacks-ui 0.38.1 → 0.39.1

package/dist/assets/DeploymentsView-_V93UC6F.js

@@ -0,0 +1,2 @@
+import{d as S,o as l,c as n,a as s,n as a,t as r,u as i,B as h,e as u,J as N,h as v,S as V,g as w,v as B,f as g,L as D,A as c,z as R,F as y,r as $,i as _,j as C,k as U,D as z,E as I,M as A}from"./index-D_Ks6aQi.js";import{_ as E}from"./SkeletonList.vue_vue_type_script_setup_true_lang-D4pkKZAr.js";import{_ as q}from"./RelativeTime.vue_vue_type_script_setup_true_lang-BxIqRu_b.js";import{_ as F}from"./SelectMenu.vue_vue_type_script_setup_true_lang-CMLYr7A7.js";import{_ as M}from"./RefreshButton.vue_vue_type_script_setup_true_lang-CQvD4Out.js";const j={key:0,class:"badge busy",title:"a job is running on this stack, or waiting its turn — open Jobs to see which"},J=["title"],T={key:2,class:"badge ok"},K={key:3,class:"badge unknown",title:"the server could not determine this — it is not the same as idle"},G={key:4,class:"badge"},H=S({__name:"RunStateBadge",props:{busy:{type:[Boolean,null]},running:{type:[Boolean,null]},asleep:{}},setup(d){return(m,o)=>d.busy===!0?(l(),n("span",j,[...o[0]||(o[0]=[s("span",{class:"dot pulse"},null,-1),a("Busy",-1)])])):d.asleep?(l(),n("span",{key:1,class:"badge asleep",title:`asleep since ${new Date(d.asleep.since).toLocaleString()} (${d.asleep.reason}) — a request to its hostname wakes it`},[...o[1]||(o[1]=[s("span",{class:"dot"},null,-1),a("Asleep",-1)])],8,J)):d.running===!0?(l(),n("span",T,[...o[2]||(o[2]=[s("span",{class:"dot"},null,-1),a("Running",-1)])])):d.busy===null||d.running===null?(l(),n("span",K,"Unknown")):(l(),n("span",G,"Idle"))}}),O={class:"page-head"},P={class:"sub"},Q={class:"panel"},W={class:"phead"},X={class:"searchbox"},Y={key:0},Z={class:"check"},ee={key:0,class:"s-failed"},se={role:"table",class:"cards"},te={role:"rowgroup",class:"stagger"},le={role:"cell","data-label":"id"},ne={key:0,class:"mute",style:{"font-size":"var(--t-xs)"}},oe={role:"cell","data-label":"kind"},ae={role:"cell",class:"name dim","data-label":"stack"},re={key:0},ie={key:1,class:"badge warn",title:"the spec could not be resolved without variables"},ue={role:"cell","data-label":"state"},de={role:"cell",class:"dim nowrap","data-label":"updated"},pe={key:0,role:"row"},me={role:"cell",colspan:"5",class:"mute"},ce={class:"mono"},ge=S({__name:"DeploymentsView",setup(d){const m=_(""),o=_("all"),b=_(!1),f=C(()=>{const p=m.value.trim().toLowerCase();return c.deployments.filter(e=>o.value!=="all"&&e.kind!==o.value||b.value&&!(e.running===!0||e.busy===!0||e.asleep)?!1:p?e.id.toLowerCase().includes(p)||(e.stack??"").toLowerCase().includes(p)||(e.specName??"").toLowerCase().includes(p):!0)}),L=C(()=>c.deployments.filter(p=>p.unresolved));return(p,e)=>{const k=U("RouterLink");return l(),n("div",null,[s("div",O,[s("div",null,[e[4]||(e[4]=s("h1",null,"Deployments",-1)),s("div",P,r(i(h).total)+" submitted · "+r(i(h).running)+" running · "+r(i(h).busy)+" busy ",1)]),e[6]||(e[6]=s("span",{class:"grow"},null,-1)),u(M,{run:i(N)},null,8,["run"]),u(k,{to:"/submit",class:"btn"},{default:v(()=>[...e[5]||(e[5]=[a("+ Submit",-1)])]),_:1})]),s("section",Q,[s("div",W,[s("div",X,[u(i(V),{size:16,"aria-hidden":"true"}),w(s("input",{id:"q","onUpdate:modelValue":e[0]||(e[0]=t=>m.value=t),"data-search":"",type:"search","aria-label":"Search deployments",placeholder:"Search by id, stack or spec",spellcheck:"false"},null,512),[[B,m.value]]),m.value?g("",!0):(l(),n("kbd",Y,"/"))]),u(F,{modelValue:o.value,"onUpdate:modelValue":e[1]||(e[1]=t=>o.value=t),label:"Filter by kind",options:[{value:"all",label:"All kinds"},{value:"isolated",label:"Isolated"},{value:"shared",label:"Shared"}]},null,8,["modelValue"]),s("label",Z,[w(s("input",{"onUpdate:modelValue":e[2]||(e[2]=t=>b.value=t),type:"checkbox"},null,512),[[D,b.value]]),e[7]||(e[7]=a(" Running or busy only ",-1))])]),i(c).deploymentsError?(l(),n("p",ee,r(i(c).deploymentsError),1)):i(c).deploymentsLoaded?(l(),n(y,{key:2},[s("table",se,[e[12]||(e[12]=s("thead",{role:"rowgroup"},[s("tr",{role:"row"},[s("th",{role:"columnheader"},"ID"),s("th",{role:"columnheader"},"Kind"),s("th",{role:"columnheader"},"Stack"),s("th",{role:"columnheader"},"State"),s("th",{role:"columnheader"},"Updated")])],-1)),s("tbody",te,[(l(!0),n(y,null,$(f.value,(t,x)=>(l(),n("tr",{key:t.id,role:"row",style:z({"--i":x})},[s("td",le,[u(k,{to:`/deployments/${encodeURIComponent(t.id)}`},{default:v(()=>[a(r(t.id),1)]),_:2},1032,["to"]),t.specName?(l(),n("div",ne," spec: "+r(t.specName),1)):g("",!0)]),s("td",oe,[s("span",{class:I(["badge",t.kind])},r(i(A)(t.kind)),3)]),s("td",ae,[t.stack?(l(),n("span",re,r(t.stack),1)):(l(),n("span",ie," Needs variables "))]),s("td",ue,[u(H,{busy:t.busy,running:t.running,asleep:t.asleep},null,8,["busy","running","asleep"])]),s("td",de,[u(q,{at:t.updatedAt},null,8,["at"])])],4))),128)),f.value.length?g("",!0):(l(),n("tr",pe,[s("td",me,[i(c).deployments.length?(l(),n(y,{key:0},[e[8]||(e[8]=a(" Nothing matches this filter. ",-1)),s("button",{class:"ghost sm",onClick:e[3]||(e[3]=t=>{m.value="",o.value="all",b.value=!1})}," Clear filters ")],64)):(l(),n(y,{key:1},[e[10]||(e[10]=a(" Nothing submitted yet — ",-1)),u(k,{to:"/submit"},{default:v(()=>[...e[9]||(e[9]=[a("submit a spec",-1)])]),_:1}),e[11]||(e[11]=a(" to put a deployment in the registry. ",-1))],64))])]))])]),(l(!0),n(y,null,$(L.value,t=>(l(),n("div",{key:`u-${t.id}`,class:"banner warn"},[s("b",null,r(t.id),1),e[14]||(e[14]=a(" could not be resolved: ",-1)),s("span",ce,r(t.unresolved),1),s("p",null,[u(k,{to:`/deployments/${encodeURIComponent(t.id)}/config`},{default:v(()=>[...e[13]||(e[13]=[a(" Set its variables ",-1)])]),_:1},8,["to"])])]))),128))],64)):(l(),R(E,{key:1,rows:4,tall:""}))])])}}});export{ge as default};
+//# sourceMappingURL=DeploymentsView-_V93UC6F.js.map

package/dist/assets/DeploymentsView-_V93UC6F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentsView-_V93UC6F.js","sources":["../../src/components/RunStateBadge.vue","../../src/views/DeploymentsView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * A deployment's live state, from the two TRI-STATE fields the server sends.\n *\n * `busy` and `running` are `boolean | null`, and `null` means \"the server could not determine\n * this\": an unresolved spec has no stack name to look up, and a docker that did not answer is not\n * the same fact as \"nothing is running\". Rendering either as \"idle\" would be a guess presented as\n * a fact — that is how a live stack gets reported as torn down and someone forgets it.\n *\n * So unknown says unknown, and it gets its own colour.\n *\n * `busy` MEANS \"running or waiting\", not \"running\". A stack now queues a second job instead of\n * refusing it, and the server reports a stack with a merely QUEUED job as busy — correctly, since\n * the question `busy` answers is \"can something else start here\". Nothing on the deployment row\n * distinguishes the two, so the badge does not pretend to: the job page is where a wait is\n * explained, and this says only that the stack is spoken for.\n */\nimport type { SleepRecord } from '../api/types';\ndefineProps<{ busy: boolean | null; running: boolean | null; asleep?: SleepRecord | null }>();\n</script>\n\n<template>\n  <span\n    v-if=\"busy === true\"\n    class=\"badge busy\"\n    title=\"a job is running on this stack, or waiting its turn — open Jobs to see which\"\n    ><span class=\"dot pulse\" />Busy</span\n  >\n  <!-- Asleep is its own state, before the running/idle question: the compose project is down on\n       purpose, the data and axes are still there, and a request to its hostname brings it back. -->\n  <span\n    v-else-if=\"asleep\"\n    class=\"badge asleep\"\n    :title=\"`asleep since ${new Date(asleep.since).toLocaleString()} (${asleep.reason}) — a request to its hostname wakes it`\"\n    ><span class=\"dot\" />Asleep</span\n  >\n  <span v-else-if=\"running === true\" class=\"badge ok\"><span class=\"dot\" />Running</span>\n  <span\n    v-else-if=\"busy === null || running === null\"\n    class=\"badge unknown\"\n    title=\"the server could not determine this — it is not the same as idle\"\n    >Unknown</span\n  >\n  <span v-else class=\"badge\">Idle</span>\n</template>\n","<script setup lang=\"ts\">\n/**\n * The deployment list: searchable, filterable, and honest about what could not be resolved.\n *\n * Filtering is client-side because the API has no query parameters for it and the list is one\n * host's worth of previews — a few dozen rows, already in memory from the shell's poll.\n */\nimport { computed, ref } from 'vue';\nimport { Search } from 'lucide-vue-next';\nimport { sentence } from '../composables/useFormat';\nimport { loadDeployments, state, summary } from '../composables/useControlPlane';\n\nimport RunStateBadge from '../components/RunStateBadge.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport RelativeTime from '../components/RelativeTime.vue';\nimport SelectMenu from '../components/SelectMenu.vue';\nimport RefreshButton from '../components/RefreshButton.vue';\n\nconst q = ref('');\nconst kind = ref<'all' | 'isolated' | 'shared'>('all');\nconst onlyLive = ref(false);\n\nconst rows = computed(() => {\n  const needle = q.value.trim().toLowerCase();\n  return state.deployments.filter((d) => {\n    if (kind.value !== 'all' && d.kind !== kind.value) return false;\n    // \"Live\" means DEMONSTRABLY live. An unknown is not evidence of either state, so it is not\n    // silently included here — the filter says what it filters.\n    // Asleep counts as live: it is deliberately down and comes back on a request — not torn down.\n    if (onlyLive.value && !(d.running === true || d.busy === true || d.asleep)) return false;\n    if (!needle) return true;\n    return (\n      d.id.toLowerCase().includes(needle) ||\n      (d.stack ?? '').toLowerCase().includes(needle) ||\n      (d.specName ?? '').toLowerCase().includes(needle)\n    );\n  });\n});\n\nconst unresolvedRows = computed(() => state.deployments.filter((d) => d.unresolved));\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>Deployments</h1>\n        <div class=\"sub\">\n          {{ summary.total }} submitted · {{ summary.running }} running · {{ summary.busy }} busy\n        </div>\n      </div>\n      <span class=\"grow\" />\n      <RefreshButton :run=\"loadDeployments\" />\n      <RouterLink to=\"/submit\" class=\"btn\">+ Submit</RouterLink>\n    </div>\n\n    <section class=\"panel\">\n      <div class=\"phead\">\n        <!--\n          One row of equal-height controls. Each used to sit under its own stacked label, which cost\n          a line of vertical space per control, put \"Search — press /\" on screen as a permanent\n          instruction, and left the two fields 8px out of vertical alignment because a `select` and\n          an `input` do not have the same intrinsic height. A placeholder says the same thing in the\n          place you are already looking, and the select's own options say what it filters.\n        -->\n        <div class=\"searchbox\">\n          <Search :size=\"16\" aria-hidden=\"true\" />\n          <input\n            id=\"q\"\n            v-model=\"q\"\n            data-search\n            type=\"search\"\n            aria-label=\"Search deployments\"\n            placeholder=\"Search by id, stack or spec\"\n            spellcheck=\"false\"\n          />\n          <kbd v-if=\"!q\">/</kbd>\n        </div>\n        <SelectMenu\n          v-model=\"kind\"\n          label=\"Filter by kind\"\n          :options=\"[\n            { value: 'all', label: 'All kinds' },\n            { value: 'isolated', label: 'Isolated' },\n            { value: 'shared', label: 'Shared' },\n          ]\"\n        />\n        <label class=\"check\">\n          <input v-model=\"onlyLive\" type=\"checkbox\" />\n          Running or busy only\n        </label>\n      </div>\n\n      <p v-if=\"state.deploymentsError\" class=\"s-failed\">{{ state.deploymentsError }}</p>\n      <SkeletonList v-else-if=\"!state.deploymentsLoaded\" :rows=\"4\" tall />\n\n      <template v-else>\n        <table role=\"table\" class=\"cards\">\n          <thead role=\"rowgroup\">\n            <tr role=\"row\">\n              <th role=\"columnheader\">ID</th>\n              <th role=\"columnheader\">Kind</th>\n              <th role=\"columnheader\">Stack</th>\n              <th role=\"columnheader\">State</th>\n              <th role=\"columnheader\">Updated</th>\n            </tr>\n          </thead>\n          <tbody role=\"rowgroup\" class=\"stagger\">\n            <tr v-for=\"(d, i) in rows\" :key=\"d.id\" role=\"row\" :style=\"{ '--i': i }\">\n              <td role=\"cell\" data-label=\"id\">\n                <RouterLink :to=\"`/deployments/${encodeURIComponent(d.id)}`\">\n                  {{ d.id }}\n                </RouterLink>\n                <div v-if=\"d.specName\" class=\"mute\" style=\"font-size: var(--t-xs)\">\n                  spec: {{ d.specName }}\n                </div>\n              </td>\n              <td role=\"cell\" data-label=\"kind\"><span class=\"badge\" :class=\"d.kind\">{{ sentence(d.kind) }}</span></td>\n              <td role=\"cell\" class=\"name dim\" data-label=\"stack\">\n                <span v-if=\"d.stack\">{{ d.stack }}</span>\n                <!--\n                  No stack name means the spec could not be resolved with the variables this\n                  listing had. It is not an error state for the deployment — it is a missing input.\n                -->\n                <span v-else class=\"badge warn\" title=\"the spec could not be resolved without variables\">\n                  Needs variables\n                </span>\n              </td>\n              <td role=\"cell\" data-label=\"state\"><RunStateBadge :busy=\"d.busy\" :running=\"d.running\" :asleep=\"d.asleep\" /></td>\n              <td role=\"cell\" class=\"dim nowrap\" data-label=\"updated\"><RelativeTime :at=\"d.updatedAt\" /></td>\n            </tr>\n            <tr v-if=\"!rows.length\" role=\"row\">\n              <td role=\"cell\" colspan=\"5\" class=\"mute\">\n                <template v-if=\"state.deployments.length\">\n                  Nothing matches this filter.\n                  <button class=\"ghost sm\" @click=\"q = ''; kind = 'all'; onlyLive = false\">\n                    Clear filters\n                  </button>\n                </template>\n                <template v-else>\n                  Nothing submitted yet — <RouterLink to=\"/submit\">submit a spec</RouterLink> to\n                  put a deployment in the registry.\n                </template>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n\n        <!-- One message per unresolved row, verbatim: it names the missing variable. -->\n        <div v-for=\"d in unresolvedRows\" :key=\"`u-${d.id}`\" class=\"banner warn\">\n          <b>{{ d.id }}</b> could not be resolved:\n          <span class=\"mono\">{{ d.unresolved }}</span>\n          <p>\n            <RouterLink :to=\"`/deployments/${encodeURIComponent(d.id)}/config`\">\n              Set its variables\n            </RouterLink>\n          </p>\n        </div>\n      </template>\n    </section>\n  </div>\n</template>\n"],"names":["__props","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","q","ref","kind","onlyLive","rows","computed","needle","state","d","unresolvedRows","_hoisted_2","_toDisplayString","_unref","_createVNode","RefreshButton","loadDeployments","_component_RouterLink","Search","$event","SelectMenu","_hoisted_7","_hoisted_8","_Fragment","_hoisted_9","_hoisted_10","_renderList","i","_hoisted_11","_createTextVNode","_hoisted_12","_hoisted_13","_normalizeClass","sentence","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","RunStateBadge","_hoisted_18","RelativeTime","_hoisted_19","_hoisted_20","_hoisted_21","_createBlock","SkeletonList"],"mappings":"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"}

package/dist/assets/EquivalentCommand-D-mkbReY.js

@@ -0,0 +1,3 @@
+import{d as k,c as i,a as e,n as r,t as d,e as _,T as $,h as g,i as v,o as c,f as m,j as u,a6 as b}from"./index-D_Ks6aQi.js";import{_ as w}from"./_plugin-vue_export-helper-DlAUqK2U.js";const x={class:"eqc"},T=["aria-expanded"],q={key:0,class:"eqc-panel"},N={class:"eqc-tabs"},E=["aria-pressed","data-on"],j=["aria-pressed","data-on"],B={class:"eqc-code"},K={class:"eqc-note"},S=k({__name:"EquivalentCommand",props:{what:{},method:{},path:{},body:{},cli:{}},setup(l){const s=l,n=v(!1),o=v("curl"),y=u(()=>`${location.protocol}//${location.host}`),C=u(()=>{const a=[`curl -X ${s.method} ${y.value}${s.path} \\`];if(a.push("  -H 'Authorization: Bearer $PSTACK_TOKEN' \\"),s.body!==void 0){a.push("  -H 'Content-Type: application/json' \\");const t=JSON.stringify(s.body,null,2).split("'").join("'\\''");a.push(`  -d '${t}'`)}else a[a.length-1]="  -H 'Authorization: Bearer $PSTACK_TOKEN'";return a.join(`
+`)}),p=u(()=>o.value==="curl"?C.value:s.cli??"");async function f(){try{await navigator.clipboard.writeText(p.value),b("ok","Copied.")}catch{b("error","Copy failed — select it and copy by hand.")}}return(a,t)=>(c(),i("div",x,[e("button",{class:"ghost sm","aria-expanded":n.value,onClick:t[0]||(t[0]=h=>n.value=!n.value)},[t[3]||(t[3]=e("svg",{viewBox:"0 0 24 24",width:"14",height:"14","aria-hidden":"true",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e("path",{d:"m7 8-4 4 4 4"}),e("path",{d:"m17 8 4 4-4 4"}),e("path",{d:"M14 4 10 20"})],-1)),r(" "+d(n.value?"Hide":"Show")+" equivalent command ",1)],8,T),_($,{name:"fade"},{default:g(()=>[n.value?(c(),i("div",q,[e("div",N,[e("button",{class:"ghost sm","aria-pressed":o.value==="curl","data-on":o.value==="curl",onClick:t[1]||(t[1]=h=>o.value="curl")}," curl ",8,E),l.cli?(c(),i("button",{key:0,class:"ghost sm","aria-pressed":o.value==="cli","data-on":o.value==="cli",onClick:t[2]||(t[2]=h=>o.value="cli")}," pstack ",8,j)):m("",!0),t[4]||(t[4]=e("span",{class:"grow"},null,-1)),e("button",{class:"ghost sm",onClick:f},"Copy")]),e("pre",B,d(p.value),1),e("p",K,[r(" Runs "+d(l.what)+" exactly as the button above does. ",1),t[5]||(t[5]=e("b",null,"$PSTACK_TOKEN",-1)),t[6]||(t[6]=r(" is left as a shell variable on purpose — a real token in a screenshot or a shell history is the whole host. ",-1))])])):m("",!0)]),_:1})]))}}),O=w(S,[["__scopeId","data-v-baea0d57"]]);export{O as E};
+//# sourceMappingURL=EquivalentCommand-D-mkbReY.js.map

package/dist/assets/EquivalentCommand-D-mkbReY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquivalentCommand-D-mkbReY.js","sources":["../../src/components/EquivalentCommand.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * \"Show equivalent command\" — the GCP pattern.\n *\n * WHY THIS EXISTS RATHER THAN A SNIPPET ON THE PAGE. A `curl` line printed next to a form is read by\n * everyone and needed by almost nobody: it is permanent clutter charged to every operator so that\n * the occasional scripter does not have to look something up. Behind a button it costs one click\n * when you want it and nothing when you do not — and, unlike a static snippet in the docs, it is\n * generated from what is actually in the form right now, so it cannot drift from the request the\n * button next to it would send.\n *\n * IT IS NOT A SECOND SOURCE OF TRUTH. The caller passes the same values it is about to POST. If the\n * form changes, this changes with it, because there is nothing here to keep in sync by hand.\n *\n * THE TOKEN IS NEVER INTERPOLATED. `$PSTACK_TOKEN` stays a shell variable: a rendered command lands\n * in screenshots, pasted messages and shell history, and a control-plane token in any of those is\n * the whole host. The panel says so rather than silently omitting it.\n */\nimport { computed, ref } from 'vue';\nimport { toast } from '../composables/useToasts';\n\nconst props = defineProps<{\n  /** Shown as the button label's object, e.g. \"this registration\". */\n  what: string;\n  /** The HTTP request the adjacent action performs. */\n  method: string;\n  /** Path only — the host is filled in from where the UI is served. */\n  path: string;\n  body?: unknown;\n  /** The `pstack` invocation that does the same thing, when one exists. */\n  cli?: string;\n}>();\n\nconst open = ref(false);\nconst tab = ref<'curl' | 'cli'>('curl');\n\nconst base = computed(() => `${location.protocol}//${location.host}`);\n\nconst curl = computed(() => {\n  const lines = [`curl -X ${props.method} ${base.value}${props.path} \\\\`];\n  lines.push(`  -H 'Authorization: Bearer $PSTACK_TOKEN' \\\\`);\n  if (props.body !== undefined) {\n    lines.push(`  -H 'Content-Type: application/json' \\\\`);\n    // Single-quoted so nothing in a value is expanded by the shell; embedded quotes are escaped\n    // the only way that works inside single quotes.\n    const json = JSON.stringify(props.body, null, 2).split(\"'\").join(`'\\\\''`);\n    lines.push(`  -d '${json}'`);\n  } else {\n    lines[lines.length - 1] = `  -H 'Authorization: Bearer $PSTACK_TOKEN'`;\n  }\n  return lines.join('\\n');\n});\n\nconst text = computed(() => (tab.value === 'curl' ? curl.value : (props.cli ?? '')));\n\nasync function copy(): Promise<void> {\n  try {\n    await navigator.clipboard.writeText(text.value);\n    toast('ok', 'Copied.');\n  } catch {\n    toast('error', 'Copy failed — select it and copy by hand.');\n  }\n}\n</script>\n\n<template>\n  <div class=\"eqc\">\n    <button class=\"ghost sm\" :aria-expanded=\"open\" @click=\"open = !open\">\n      <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"m7 8-4 4 4 4\" /><path d=\"m17 8 4 4-4 4\" /><path d=\"M14 4 10 20\" />\n      </svg>\n      {{ open ? 'Hide' : 'Show' }} equivalent command\n    </button>\n\n    <Transition name=\"fade\">\n      <div v-if=\"open\" class=\"eqc-panel\">\n        <!-- Two toggles, not a tablist: no tabpanel, no roving tabindex, no arrow keys. `role=\"tab\"`\n             would promise an APG keyboard contract nothing here implements. -->\n        <div class=\"eqc-tabs\">\n          <button\n            class=\"ghost sm\"\n            :aria-pressed=\"tab === 'curl'\"\n            :data-on=\"tab === 'curl'\"\n            @click=\"tab = 'curl'\"\n          >\n            curl\n          </button>\n          <button\n            v-if=\"cli\"\n            class=\"ghost sm\"\n            :aria-pressed=\"tab === 'cli'\"\n            :data-on=\"tab === 'cli'\"\n            @click=\"tab = 'cli'\"\n          >\n            pstack\n          </button>\n          <span class=\"grow\" />\n          <button class=\"ghost sm\" @click=\"copy\">Copy</button>\n        </div>\n\n        <pre class=\"eqc-code\">{{ text }}</pre>\n\n        <p class=\"eqc-note\">\n          Runs {{ what }} exactly as the button above does.\n          <b>$PSTACK_TOKEN</b> is left as a shell variable on purpose — a real token in a screenshot\n          or a shell history is the whole host.\n        </p>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<style scoped>\n.eqc {\n  min-width: 0;\n}\n.eqc-panel {\n  margin-top: var(--s3);\n  border: 1px solid var(--line);\n  border-radius: var(--r2);\n  background: var(--sunk);\n  overflow: hidden;\n}\n.eqc-tabs {\n  display: flex;\n  align-items: center;\n  gap: var(--s1);\n  padding: var(--s2);\n  border-bottom: 1px solid var(--line-soft);\n}\n.eqc-tabs [data-on='true'] {\n  background: var(--accent-soft);\n  color: var(--accent);\n}\n.eqc-code {\n  margin: 0;\n  padding: var(--s3);\n  font: var(--t-sm) / 1.6 var(--mono);\n  white-space: pre;\n  overflow-x: auto;\n  color: var(--fg-dim);\n}\n.eqc-note {\n  padding: 0 var(--s3) var(--s3);\n  font-size: var(--t-xs);\n  color: var(--fg-mute);\n}\n</style>\n"],"names":["props","__props","open","ref","tab","base","computed","curl","lines","json","text","copy","toast","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_cache","$event","_toDisplayString","_createVNode","_Transition","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8"],"mappings":"kdAqBA,MAAMA,EAAQC,EAYRC,EAAOC,EAAI,EAAK,EAChBC,EAAMD,EAAoB,MAAM,EAEhCE,EAAOC,EAAS,IAAM,GAAG,SAAS,QAAQ,KAAK,SAAS,IAAI,EAAE,EAE9DC,EAAOD,EAAS,IAAM,CAC1B,MAAME,EAAQ,CAAC,WAAWR,EAAM,MAAM,IAAIK,EAAK,KAAK,GAAGL,EAAM,IAAI,KAAK,EAEtE,GADAQ,EAAM,KAAK,+CAA+C,EACtDR,EAAM,OAAS,OAAW,CAC5BQ,EAAM,KAAK,0CAA0C,EAGrD,MAAMC,EAAO,KAAK,UAAUT,EAAM,KAAM,KAAM,CAAC,EAAE,MAAM,GAAG,EAAE,KAAK,OAAO,EACxEQ,EAAM,KAAK,SAASC,CAAI,GAAG,CAC7B,MACED,EAAMA,EAAM,OAAS,CAAC,EAAI,6CAE5B,OAAOA,EAAM,KAAK;AAAA,CAAI,CACxB,CAAC,EAEKE,EAAOJ,EAAS,IAAOF,EAAI,QAAU,OAASG,EAAK,MAASP,EAAM,KAAO,EAAI,EAEnF,eAAeW,GAAsB,CACnC,GAAI,CACF,MAAM,UAAU,UAAU,UAAUD,EAAK,KAAK,EAC9CE,EAAM,KAAM,SAAS,CACvB,MAAQ,CACNA,EAAM,QAAS,2CAA2C,CAC5D,CACF,eAIEC,EAAA,EAAAC,EA2CM,MA3CNC,EA2CM,CA1CJC,EAKS,SAAA,CALD,MAAM,WAAY,gBAAed,EAAA,MAAO,QAAKe,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEhB,EAAA,MAAI,CAAIA,EAAA,MAAA,eAC7Dc,EAEM,MAAA,CAFD,QAAQ,YAAY,MAAM,KAAK,OAAO,KAAK,cAAY,OAAO,KAAK,OAAO,OAAO,eAAe,eAAa,IAAI,iBAAe,QAAQ,kBAAgB,OAAA,GAC3JA,EAAyB,OAAA,CAAnB,EAAE,eAAc,EAAGA,EAA0B,OAAA,CAApB,EAAE,gBAAe,EAAGA,EAAwB,OAAA,CAAlB,EAAE,cAAa,CAAA,SACpE,IACNG,EAAGjB,EAAA,MAAI,OAAA,MAAA,EAAqB,uBAC9B,CAAA,CAAA,OAEAkB,EAkCaC,EAAA,CAlCD,KAAK,QAAM,WACrB,IAgCM,CAhCKnB,EAAA,OAAXW,EAAA,EAAAC,EAgCM,MAhCNQ,EAgCM,CA7BJN,EAoBM,MApBNO,EAoBM,CAnBJP,EAOS,SAAA,CANP,MAAM,WACL,eAAcZ,EAAA,QAAG,OACjB,UAASA,EAAA,QAAG,OACZ,uBAAOA,EAAA,MAAG,OAAA,EACZ,SAED,EAAAoB,CAAA,EAEQvB,EAAA,SADRa,EAQS,SAAA,OANP,MAAM,WACL,eAAcV,EAAA,QAAG,MACjB,UAASA,EAAA,QAAG,MACZ,uBAAOA,EAAA,MAAG,MAAA,EACZ,WAED,EAAAqB,CAAA,wBACAT,EAAqB,OAAA,CAAf,MAAM,MAAA,EAAM,KAAA,EAAA,GAClBA,EAAoD,SAAA,CAA5C,MAAM,WAAY,QAAOL,CAAA,EAAM,MAAI,CAAA,GAG7CK,EAAsC,MAAtCU,EAAsCP,EAAbT,EAAA,KAAI,EAAA,CAAA,EAE7BM,EAII,IAJJW,EAII,GAJgB,SACbR,EAAGlB,EAAA,IAAI,EAAG,sCACf,CAAA,EAAAgB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAD,EAAoB,SAAjB,gBAAa,EAAA,iBAAI,gHAEtB,EAAA,EAAA"}

package/dist/assets/{EquivalentCommand-BFnZRfDg.css → EquivalentCommand-DWqoDHJi.css}

@@ -1 +1 @@
-.eqc[data-v-0e7a9878]{min-width:0}.eqc-panel[data-v-0e7a9878]{margin-top:var(--s3);border:1px solid var(--line);border-radius:var(--r2);background:var(--sunk);overflow:hidden}.eqc-tabs[data-v-0e7a9878]{display:flex;align-items:center;gap:var(--s1);padding:var(--s2);border-bottom:1px solid var(--line-soft)}.eqc-tabs [data-on=true][data-v-0e7a9878]{background:var(--accent-soft);color:var(--accent)}.eqc-code[data-v-0e7a9878]{margin:0;padding:var(--s3);font:var(--t-sm) / 1.6 var(--mono);white-space:pre;overflow-x:auto;color:var(--fg-dim)}.eqc-note[data-v-0e7a9878]{padding:0 var(--s3) var(--s3);font-size:var(--t-xs);color:var(--fg-mute)}
+.eqc[data-v-baea0d57]{min-width:0}.eqc-panel[data-v-baea0d57]{margin-top:var(--s3);border:1px solid var(--line);border-radius:var(--r2);background:var(--sunk);overflow:hidden}.eqc-tabs[data-v-baea0d57]{display:flex;align-items:center;gap:var(--s1);padding:var(--s2);border-bottom:1px solid var(--line-soft)}.eqc-tabs [data-on=true][data-v-baea0d57]{background:var(--accent-soft);color:var(--accent)}.eqc-code[data-v-baea0d57]{margin:0;padding:var(--s3);font:var(--t-sm) / 1.6 var(--mono);white-space:pre;overflow-x:auto;color:var(--fg-dim)}.eqc-note[data-v-baea0d57]{padding:0 var(--s3) var(--s3);font-size:var(--t-xs);color:var(--fg-mute)}

package/dist/assets/ErrorNote.vue_vue_type_script_setup_true_lang-FEOV8vdM.js

@@ -0,0 +1,2 @@
+import{d as o,c as r,a as t,t as a,o as s}from"./index-D_Ks6aQi.js";const n={class:"banner failed",role:"alert"},c={class:"raw"},_=o({__name:"ErrorNote",props:{text:{},title:{}},setup(e){return(l,i)=>(s(),r("div",n,[t("b",null,a(e.title??"That did not work."),1),t("pre",c,a(e.text),1)]))}});export{_};
+//# sourceMappingURL=ErrorNote.vue_vue_type_script_setup_true_lang-FEOV8vdM.js.map

package/dist/assets/{ErrorNote.vue_vue_type_script_setup_true_lang-Imao12aK.js.map → ErrorNote.vue_vue_type_script_setup_true_lang-FEOV8vdM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ErrorNote.vue_vue_type_script_setup_true_lang-Imao12aK.js","sources":["../../src/components/ErrorNote.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The server's own words, rendered whole.\n *\n * A pstack error message IS the documentation: a 400 from `PUT /api/deployments/:id` carries the\n * SpecError, which names the offending key or variable, prints the corrected form, and includes\n * the assert-lint warnings about an `assert_gone` that fails open. That text is the tool's main\n * teaching surface.\n *\n * So: never truncate it, never collapse it to one line, never replace it with \"invalid spec\".\n * Newlines and indentation are preserved, and it is the one element allowed to scroll sideways —\n * re-wrapping a shell snippet changes what it says.\n */\ndefineProps<{ text: string; title?: string }>();\n</script>\n\n<template>\n  <div class=\"banner failed\" role=\"alert\">\n    <b>{{ title ?? 'The server refused this.' }}</b>\n    <pre class=\"raw\">{{ text }}</pre>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","__props","_hoisted_2","_toDisplayString"],"mappings":"oMAiBEA,EAAA,EAAAC,EAGM,MAHNC,EAGM,CAFJC,EAAgD,WAA1CC,EAAA,OAAK,0BAAA,EAAA,CAAA,EACXD,EAAiC,MAAjCE,EAAiCC,EAAbF,EAAA,IAAI,EAAA,CAAA,CAAA"}
+{"version":3,"file":"ErrorNote.vue_vue_type_script_setup_true_lang-FEOV8vdM.js","sources":["../../src/components/ErrorNote.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The server's own words, rendered whole.\n *\n * A pstack error message IS the documentation: a 400 from `PUT /api/deployments/:id` carries the\n * SpecError, which names the offending key or variable, prints the corrected form, and includes\n * the assert-lint warnings about an `assert_gone` that fails open. That text is the tool's main\n * teaching surface.\n *\n * So: never truncate it, never collapse it to one line, never replace it with \"invalid spec\".\n * Newlines and indentation are preserved, and it is the one element allowed to scroll sideways —\n * re-wrapping a shell snippet changes what it says.\n */\ndefineProps<{ text: string; title?: string }>();\n</script>\n\n<template>\n  <div class=\"banner failed\" role=\"alert\">\n    <b>{{ title ?? 'That did not work.' }}</b>\n    <pre class=\"raw\">{{ text }}</pre>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","__props","_hoisted_2","_toDisplayString"],"mappings":"yMAiBEA,EAAA,EAAAC,EAGM,MAHNC,EAGM,CAFJC,EAA0C,WAApCC,EAAA,OAAK,oBAAA,EAAA,CAAA,EACXD,EAAiC,MAAjCE,EAAiCC,EAAbF,EAAA,IAAI,EAAA,CAAA,CAAA"}

package/dist/assets/JobDetailView-RD5MxdA7.js

@@ -0,0 +1,2 @@
+import{d as P,c as n,a,F as m,r as Z,ai as ee,o,D as te,E as B,u as v,t as r,N as se,Q as ae,e as C,h as x,n as u,G as D,R as M,I as oe,f as c,z as I,i as j,j as y,k as ne,p as U,C as O,A as Q,a6 as H}from"./index-D_Ks6aQi.js";import{i as K,w as le,s as ue}from"./useJobQueue-JaWoydCt.js";import{_ as re}from"./LogViewer.vue_vue_type_script_setup_true_lang-BRSt9Exf.js";import{_ as ie}from"./StateBadge.vue_vue_type_script_setup_true_lang-CfjzlWSc.js";import{A as de}from"./ActionButton-OewKsFrK.js";import{_ as pe}from"./ErrorNote.vue_vue_type_script_setup_true_lang-FEOV8vdM.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";function g(l){var d;return(d=l.message)!=null&&d.startsWith("unverifiable")?"unverifiable":l.ok?"ok":l.phase==="assert_gone"?"leaked":"failed"}function ce(l){return{ok:"✓",unverifiable:"?",leaked:"!",failed:"✗"}[g(l)]}function ve(l){return l.message?l.message:l.skipped?"skipped":g(l)==="ok"?"ok":`exit ${l.code}`}function me(l){return l.filter(d=>d.phase==="assert_gone"&&!d.ok).map(d=>d.axis)}function fe(l){return l.filter(d=>g(d)==="unverifiable").length}const ke={class:"steps stagger"},be={class:"who"},ye={class:"dim",style:{"font-size":"var(--t-sm)"}},ge=P({__name:"StepList",props:{steps:{}},setup(l){return(d,t)=>(o(),n("div",null,[a("ul",ke,[(o(!0),n(m,null,Z(l.steps,(i,f)=>(o(),n("li",{key:`${i.phase}-${i.axis}-${f}`,class:"step",style:te({"--i":f})},[a("span",{class:B(["mark",`s-${v(g)(i)}`]),"aria-hidden":"true"},r(v(ce)(i)),3),a("span",null,[a("span",be,r(i.axis),1),a("span",ye," · "+r(i.phase),1),a("span",{class:B(["badge",v(g)(i)]),style:{"margin-left":"var(--s2)"}},r(v(g)(i)),3),a("div",{class:B(["msg",`s-${v(g)(i)}`])},r(v(ve)(i)),3)])],4))),128))]),t[0]||(t[0]=ee('<p class="hint"><span class="s-ok">✓ ok</span> · <span class="s-failed">✗ failed</span> · <span class="s-leaked">! leaked — survived teardown</span> · <span class="s-unverifiable">? unverifiable — nothing to check, not a pass</span>. A <code>down</code> step marked ok may still carry a <code>non-fatal:</code> note: teardown is best-effort by design, so aborting halfway would leave more behind than continuing. </p>',1))]))}}),we={class:"page-head"},_e={class:"sub"},he={key:0,class:"panel"},je={key:0,class:"mute"},$e={key:1,class:"mute"},xe={key:2,class:"mute"},Se={key:1,class:"panel"},Re={class:"mute"},Ce={key:2,class:"panel banner-panel warn"},Ie={key:4,class:"panel leaked-banner"},Ae={key:5,class:"panel"},Le={class:"pre"},Ne={class:"panel"},Be={key:6,class:"panel"},De={class:"phead"},Ue={key:0,class:"mute"},Fe=P({__name:"JobDetailView",props:{jobId:{}},setup(l){const d=l,t=j(null),i=j([]),f=j(""),A=j(!0),S=j(!1),X=y(()=>{const s=[];let e="";for(const p of i.value){const h=new Date(p.at),b=h.toLocaleDateString("sv");b!==e&&(s.push({key:`day-${b}-${p.seq}`,separator:!0,text:b}),e=b),s.push({key:p.seq,gutter:h.toTimeString().slice(0,8),gutterTitle:M(p.at),text:p.message,tone:p.level})}return s});let k=null;const V=y(()=>!!t.value&&K(t.value.state)),w=y(()=>{var s;return((s=t.value)==null?void 0:s.state)==="queued"}),$=y(()=>t.value?le(t.value,Q.jobs):null),L=y(()=>t.value?ue(t.value,Q.jobs):null),T=y(()=>{var s;return(s=t.value)!=null&&s.outcome?me(t.value.outcome.steps):[]}),q=y(()=>{var s;return(s=t.value)!=null&&s.outcome?fe(t.value.outcome.steps):0});async function _(){var e;const s=await U.get(`/api/jobs/${encodeURIComponent(d.jobId)}`);return A.value=!1,s.ok?(f.value="",t.value=s.body.job,(e=s.body.job.log)!=null&&e.length&&i.value.length===0&&(i.value=[...s.body.job.log]),s.body.job):(f.value=O(s,"load job"),null)}function R(){k==null||k.close(),k=null,S.value=!1}function z(){R(),i.value=[];let s=w.value;k=new EventSource(U.url(`/api/jobs/${encodeURIComponent(d.jobId)}/stream`)),S.value=!0,k.onmessage=e=>{let p;try{p=JSON.parse(e.data)}catch{return}if(p.done){R(),_();return}s&&(s=!1,_()),i.value.push(p)},k.onerror=()=>{R(),_()}}se(()=>d.jobId,async()=>{i.value=[],t.value=null,A.value=!0;const s=await _();s&&!K(s.state)&&z()},{immediate:!0});const N=j(!1);async function Y(){N.value=!0;const s=await U.post(`/api/jobs/${encodeURIComponent(d.jobId)}/cancel`);if(N.value=!1,!s.ok){H(s.status===409?"info":"error",O(s,"stop this job")),_();return}H("ok",s.body.warning??"Stopped."),_()}return ae(R),(s,e)=>{var h,b,W,E,J,F,G;const p=ne("RouterLink");return o(),n("div",null,[a("div",we,[a("div",null,[a("h1",null,[C(p,{to:"/jobs",class:"mute"},{default:x(()=>[...e[0]||(e[0]=[u("Jobs",-1)])]),_:1}),e[1]||(e[1]=a("span",{class:"mute"}," / ",-1)),u(r(t.value?v(D)(t.value.action):"…"),1)]),a("div",_e,[t.value?(o(),n(m,{key:0},[a("code",null,r(t.value.stack),1),t.value.startedAt?(o(),n(m,{key:0},[u(" · started "+r(v(M)(t.value.startedAt)),1)],64)):w.value?(o(),n(m,{key:1},[u(" · not started yet")],64)):(o(),n(m,{key:2},[u(" · never started")],64)),t.value.startedAt&&t.value.endedAt?(o(),n(m,{key:3},[u(" · took "+r(v(oe)(t.value.startedAt,t.value.endedAt)),1)],64)):c("",!0)],64)):(o(),n(m,{key:1},[u(r(l.jobId),1)],64))])]),e[2]||(e[2]=a("span",{class:"grow"},null,-1)),t.value?(o(),I(ie,{key:0,state:t.value.state},null,8,["state"])):c("",!0),t.value&&!V.value?(o(),I(de,{key:1,variant:"danger",pending:N.value,confirm:w.value?"Drop it? It never ran.":"Stop it? Nothing is undone.",onRun:Y},{default:x(()=>[u(r(w.value?"Drop":"Stop"),1)]),_:1},8,["pending","confirm"])):c("",!0)]),w.value?(o(),n("section",he,[e[6]||(e[6]=a("b",null,"Waiting to start.",-1)),((h=$.value)==null?void 0:h.kind)==="stack"?(o(),n("p",je,[e[3]||(e[3]=u(" Behind ",-1)),C(p,{to:`/jobs/${encodeURIComponent($.value.blocker.id)}`},{default:x(()=>[u(r(v(D)($.value.blocker.action)),1)]),_:1},8,["to"]),e[4]||(e[4]=u(" on ",-1)),a("code",null,r((b=t.value)==null?void 0:b.stack),1),e[5]||(e[5]=u(". ",-1))])):((W=$.value)==null?void 0:W.kind)==="slot"?(o(),n("p",$e," No free job slot — "+r($.value.running)+" running host-wide. ",1)):(o(),n("p",xe,"Waiting for its stack and a job slot."))])):c("",!0),((E=t.value)==null?void 0:E.state)==="superseded"?(o(),n("section",Se,[e[10]||(e[10]=a("b",null,"Superseded — never ran.",-1)),a("p",Re,[e[7]||(e[7]=u(" Replaced while queued by ",-1)),L.value?(o(),I(p,{key:0,to:`/jobs/${encodeURIComponent(L.value.id)}`},{default:x(()=>[u(r(v(D)(L.value.action).toLowerCase()),1)]),_:1},8,["to"])):(o(),n(m,{key:1},[u("a newer job")],64)),e[8]||(e[8]=u(" for ",-1)),a("code",null,r(t.value.stack),1),e[9]||(e[9]=u(". ",-1))])])):c("",!0),((J=t.value)==null?void 0:J.state)==="cancelled"?(o(),n("section",Ce,[a("b",null,"Stopped by "+r(t.value.cancelledBy??"an operator")+" — nothing was undone.",1),e[11]||(e[11]=a("p",null,[u("Run "),a("b",null,"Verify"),u(" to see what exists.")],-1))])):c("",!0),f.value?(o(),I(pe,{key:3,text:f.value},null,8,["text"])):c("",!0),T.value.length?(o(),n("section",Ie,[e[12]||(e[12]=a("strong",null,"Leaked:",-1)),u(" "+r(T.value.join(", "))+" ",1),e[13]||(e[13]=a("div",{class:"mute"},"Still present, not retried — remove by hand.",-1))])):c("",!0),(F=t.value)!=null&&F.error?(o(),n("section",Ae,[e[14]||(e[14]=a("strong",{class:"bad"},"The job crashed",-1)),a("pre",Le,r(t.value.error),1)])):c("",!0),a("section",Ne,[e[15]||(e[15]=a("div",{class:"phead"},[a("h2",{class:"phead-title"},"Log")],-1)),C(re,{rows:X.value,live:S.value,"empty-text":A.value?"Loading…":w.value?"Waiting to start.":"No output."},{actions:x(()=>[!S.value&&t.value&&!V.value?(o(),n("button",{key:0,class:"ghost sm",onClick:z}," Reconnect ")):c("",!0)]),_:1},8,["rows","live","empty-text"])]),(G=t.value)!=null&&G.outcome?(o(),n("section",Be,[a("div",De,[e[16]||(e[16]=a("h2",{class:"phead-title"},"Steps",-1)),q.value?(o(),n("span",Ue,r(q.value)+" unverifiable",1)):c("",!0)]),C(ge,{steps:t.value.outcome.steps},null,8,["steps"])])):c("",!0)])}}});export{Fe as default};
+//# sourceMappingURL=JobDetailView-RD5MxdA7.js.map

package/dist/assets/JobDetailView-RD5MxdA7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobDetailView-RD5MxdA7.js","sources":["../../src/composables/useSteps.ts","../../src/components/StepList.vue","../../src/views/JobDetailView.vue"],"sourcesContent":["/**\n * Step classification — the single most important logic in this app.\n *\n * A job's outcome has four states that MUST NOT blur into one another. The whole product is the\n * distinction between the middle two:\n *\n *   ok             passed. A `down` step is ALWAYS ok and may still carry a \"non-fatal:\" note —\n *                  teardown is best-effort by design, so the step really did pass.\n *   unverifiable   the axis defines no `assert_gone`, so `verify` had nothing to check. NOT a pass.\n *                  A green here would be exactly the false confidence this tool exists to remove.\n *   leaked         `assert_gone` FAILED — the resource survived teardown. Nothing else will clean\n *                  it up. This is the signal the whole tool exists for, and the CLI's exit code 2.\n *   failed         any other non-zero step.\n *\n * Order matters: `unverifiable` is matched on the message FIRST, exactly as the CLI's own report\n * does. `skipped` alone is not enough — a dry run also skips.\n */\n\nimport type { StepResult } from '../api/types';\n\nexport type StepState = 'ok' | 'unverifiable' | 'leaked' | 'failed';\n\nexport function stepState(s: StepResult): StepState {\n  if (s.message?.startsWith('unverifiable')) return 'unverifiable';\n  if (!s.ok) return s.phase === 'assert_gone' ? 'leaked' : 'failed';\n  return 'ok';\n}\n\nexport function stepMark(s: StepResult): string {\n  return { ok: '✓', unverifiable: '?', leaked: '!', failed: '✗' }[stepState(s)];\n}\n\nexport function stepText(s: StepResult): string {\n  if (s.message) return s.message;\n  if (s.skipped) return 'skipped';\n  return stepState(s) === 'ok' ? 'ok' : `exit ${s.code}`;\n}\n\n/** Only a failed `assert_gone` is a leak. Every other non-zero step is a plain failure. */\nexport function leakedAxes(steps: StepResult[]): string[] {\n  return steps.filter((s) => s.phase === 'assert_gone' && !s.ok).map((s) => s.axis);\n}\n\nexport function countUnverifiable(steps: StepResult[]): number {\n  return steps.filter((s) => stepState(s) === 'unverifiable').length;\n}\n","<script setup lang=\"ts\">\n/**\n * A job's step results.\n *\n * The legend is part of the component because the four states only mean anything together:\n * `unverifiable` is not a pass, and `leaked` is not the same problem as `failed`.\n */\nimport type { StepResult } from '../api/types';\nimport { stepMark, stepState, stepText } from '../composables/useSteps';\n\ndefineProps<{ steps: StepResult[] }>();\n</script>\n\n<template>\n  <div>\n    <ul class=\"steps stagger\">\n      <li\n        v-for=\"(s, i) in steps\"\n        :key=\"`${s.phase}-${s.axis}-${i}`\"\n        class=\"step\"\n        :style=\"{ '--i': i }\"\n      >\n        <span class=\"mark\" :class=\"`s-${stepState(s)}`\" aria-hidden=\"true\">{{ stepMark(s) }}</span>\n        <span>\n          <span class=\"who\">{{ s.axis }}</span>\n          <span class=\"dim\" style=\"font-size: var(--t-sm)\"> · {{ s.phase }}</span>\n          <span class=\"badge\" :class=\"stepState(s)\" style=\"margin-left: var(--s2)\">\n            {{ stepState(s) }}\n          </span>\n          <div class=\"msg\" :class=\"`s-${stepState(s)}`\">{{ stepText(s) }}</div>\n        </span>\n      </li>\n    </ul>\n\n    <p class=\"hint\">\n      <span class=\"s-ok\">✓ ok</span> ·\n      <span class=\"s-failed\">✗ failed</span> ·\n      <span class=\"s-leaked\">! leaked — survived teardown</span> ·\n      <span class=\"s-unverifiable\">? unverifiable — nothing to check, not a pass</span>.\n      A <code>down</code> step marked ok may still carry a <code>non-fatal:</code> note: teardown is\n      best-effort by design, so aborting halfway would leave more behind than continuing.\n    </p>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * One job: its live log while it runs, then the step table that says what actually happened.\n *\n * The log streams over `EventSource`. The server replays the whole buffered history first and then\n * sends live events, so attaching late still shows the beginning — no polling, no gap to reconcile.\n * A final `{done:true,state}` ends the stream; we close the source then and fetch the job once more\n * to pick up `outcome`, which only exists after the job finishes.\n *\n * A QUEUED JOB HAS A STREAM TOO, and it is open and silent until the job dispatches. That is the\n * one case where \"no events yet\" is not a broken connection, so the page says it is waiting instead\n * of showing an empty log, and a banner above says which wait it is — behind its own stack, or\n * behind the host's job cap. The first line to arrive IS the dispatch, and nothing else would\n * re-fetch, so it triggers one `load()`; without that the badge would still read \"Queued\" while\n * output scrolled past underneath it.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue';\nimport { api, problem } from '../api/client';\nimport type { Job, LogEvent } from '../api/types';\nimport { state } from '../composables/useControlPlane';\nimport { isTerminal, supersededBy, waitReason } from '../composables/useJobQueue';\nimport { leakedAxes, countUnverifiable } from '../composables/useSteps';\nimport { actionLabel, stamp, took } from '../composables/useFormat';\nimport LogViewer from '../components/LogViewer.vue';\nimport type { LogRow } from '../components/log-viewer-types';\nimport StepList from '../components/StepList.vue';\nimport StateBadge from '../components/StateBadge.vue';\nimport ActionButton from '../components/ActionButton.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport { toast } from '../composables/useToasts';\n\nconst props = defineProps<{ jobId: string }>();\n\nconst job = ref<Job | null>(null);\nconst lines = ref<LogEvent[]>([]);\nconst error = ref('');\nconst loading = ref(true);\nconst streaming = ref(false);\n\n/** Job events → viewer rows. The date repeats for hundreds of lines, so it appears once per DAY as\n *  a separator and each row carries only the clock; the full stamp survives in the tooltip. */\nconst logRows = computed<LogRow[]>(() => {\n  const out: LogRow[] = [];\n  let lastDay = '';\n  for (const l of lines.value) {\n    const d = new Date(l.at);\n    const day = d.toLocaleDateString('sv');\n    if (day !== lastDay) {\n      out.push({ key: `day-${day}-${l.seq}`, separator: true, text: day });\n      lastDay = day;\n    }\n    out.push({\n      key: l.seq,\n      gutter: d.toTimeString().slice(0, 8),\n      gutterTitle: stamp(l.at),\n      text: l.message,\n      tone: l.level,\n    });\n  }\n  return out;\n});\n\nlet source: EventSource | null = null;\n\n/** Terminal is forever. NEVER `state !== 'running'` — that is true of a job that has not started. */\nconst terminal = computed(() => !!job.value && isTerminal(job.value.state));\nconst queued = computed(() => job.value?.state === 'queued');\n\n/**\n * Why this job is still waiting, and which job replaced it — both read the shell's polled job list,\n * which is loaded on every route. On a deep link before the first poll the list is empty and both\n * fall back to saying nothing rather than guessing.\n */\nconst wait = computed(() => (job.value ? waitReason(job.value, state.jobs) : null));\nconst replacement = computed(() => (job.value ? supersededBy(job.value, state.jobs) : null));\n\nconst leaks = computed(() => (job.value?.outcome ? leakedAxes(job.value.outcome.steps) : []));\nconst unverifiable = computed(() =>\n  job.value?.outcome ? countUnverifiable(job.value.outcome.steps) : 0,\n);\n\n/** Returns the job it loaded, so callers need not re-read the ref — see the note at the watcher. */\nasync function load(): Promise<Job | null> {\n  const r = await api.get<{ job: Job }>(`/api/jobs/${encodeURIComponent(props.jobId)}`);\n  loading.value = false;\n  if (!r.ok) {\n    error.value = problem(r, 'load job');\n    return null;\n  }\n  error.value = '';\n  job.value = r.body.job;\n  // The job carries its buffered log too. Seed from it so a finished job renders instantly without\n  // opening a stream that would only replay and close.\n  if (r.body.job.log?.length && lines.value.length === 0) lines.value = [...r.body.job.log];\n  return r.body.job;\n}\n\nfunction closeStream(): void {\n  source?.close();\n  source = null;\n  streaming.value = false;\n}\n\nfunction stream(): void {\n  closeStream();\n  /*\n   * The stream REPLAYS the whole buffer before going live, and `load()` has already seeded `lines`\n   * from the same buffer — so every line the job had produced before the page opened was rendered\n   * twice, with the count to match. Clearing here is the honest fix: the replay is complete by\n   * definition, so the seed is only ever the placeholder that keeps a finished job from flashing\n   * empty.\n   */\n  lines.value = [];\n  // A queued job's stream carries nothing until it dispatches, and the first line to arrive is that\n  // dispatch. Re-read the job once when it does, or the header keeps saying \"Queued\".\n  let awaitingDispatch = queued.value;\n  source = new EventSource(api.url(`/api/jobs/${encodeURIComponent(props.jobId)}/stream`));\n  streaming.value = true;\n\n  source.onmessage = (ev) => {\n    let payload: unknown;\n    try {\n      payload = JSON.parse(ev.data as string);\n    } catch {\n      return; // a frame we cannot parse is not worth tearing the stream down for\n    }\n    const done = payload as { done?: boolean };\n    if (done.done) {\n      closeStream();\n      void load(); // `outcome` only exists once the job has ended\n      return;\n    }\n    if (awaitingDispatch) {\n      awaitingDispatch = false;\n      void load(); // it started: pick up `running` and the `startedAt` it now has\n    }\n    lines.value.push(payload as LogEvent);\n  };\n\n  // An error here is usually the job having ended between the fetch and the connect, or the API\n  // becoming unreachable. Either way stop rather than let the browser reconnect forever.\n  source.onerror = () => {\n    closeStream();\n    void load();\n  };\n}\n\n\nwatch(\n  () => props.jobId,\n  async () => {\n    lines.value = [];\n    job.value = null;\n    loading.value = true;\n    // Use what `load` returned rather than re-reading the ref: control-flow analysis still has\n    // `job.value` narrowed to the `null` assigned above, because it cannot see that an awaited\n    // call reassigned it.\n    const loaded = await load();\n    // Queued as well as running: the stream is what tells this page the job began.\n    if (loaded && !isTerminal(loaded.state)) stream();\n  },\n  { immediate: true },\n);\n\nconst cancelling = ref(false);\n\n/**\n * Stop the job.\n *\n * The stream is deliberately left open: the server writes the cancellation into the SAME log the\n * page is already watching, so the operator sees the run stop where it stopped instead of watching a\n * page that has gone quiet. `load()` afterwards picks up the final state and `cancelledBy`.\n */\nasync function cancel(): Promise<void> {\n  cancelling.value = true;\n  const r = await api.post<{ warning?: string }>(\n    `/api/jobs/${encodeURIComponent(props.jobId)}/cancel`,\n  );\n  cancelling.value = false;\n  if (!r.ok) {\n    // 409 means it finished on its own between the click and the request — not an error worth an\n    // alarm, just a stale page.\n    toast(r.status === 409 ? 'info' : 'error', problem(r, 'stop this job'));\n    void load();\n    return;\n  }\n  toast('ok', r.body.warning ?? 'Stopped.');\n  void load();\n}\n\nonBeforeUnmount(closeStream);\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>\n          <RouterLink to=\"/jobs\" class=\"mute\">Jobs</RouterLink>\n          <span class=\"mute\"> / </span>{{ job ? actionLabel(job.action) : '…' }}\n        </h1>\n        <div class=\"sub\">\n          <template v-if=\"job\">\n            <code>{{ job.stack }}</code>\n            <template v-if=\"job.startedAt\"> · started {{ stamp(job.startedAt) }}</template>\n            <template v-else-if=\"queued\"> · not started yet</template>\n            <template v-else> · never started</template>\n            <template v-if=\"job.startedAt && job.endedAt\">\n              · took {{ took(job.startedAt, job.endedAt) }}\n            </template>\n          </template>\n          <template v-else>{{ jobId }}</template>\n        </div>\n      </div>\n      <span class=\"grow\" />\n      <StateBadge v-if=\"job\" :state=\"job.state\" />\n      <!--\n        Stopping is destructive in the way that matters here: it does not undo, so the confirmation\n        says what will be left behind rather than asking \"are you sure\".\n      -->\n      <ActionButton\n        v-if=\"job && !terminal\"\n        variant=\"danger\"\n        :pending=\"cancelling\"\n        :confirm=\"queued ? 'Drop it? It never ran.' : 'Stop it? Nothing is undone.'\"\n        @run=\"cancel\"\n      >\n        {{ queued ? 'Drop' : 'Stop' }}\n      </ActionButton>\n    </div>\n\n    <!--\n      A queued job and a broken page look identical — an open connection, an empty log, nothing\n      moving. So this says which it is, and WHICH wait it is, because the two waits have different\n      fixes: behind its own stack, wait or stop the job ahead; behind the host's cap, raise\n      PSTACK_MAX_JOBS or deploy fewer things at once. Neutral chrome on purpose — waiting is the\n      system working, not an alarm.\n    -->\n    <section v-if=\"queued\" class=\"panel\">\n      <b>Waiting to start.</b>\n      <p v-if=\"wait?.kind === 'stack'\" class=\"mute\">\n        Behind\n        <RouterLink :to=\"`/jobs/${encodeURIComponent(wait.blocker.id)}`\">{{\n          actionLabel(wait.blocker.action)\n        }}</RouterLink>\n        on <code>{{ job?.stack }}</code\n        >.\n      </p>\n      <p v-else-if=\"wait?.kind === 'slot'\" class=\"mute\">\n        No free job slot — {{ wait.running }} running host-wide.\n      </p>\n      <p v-else class=\"mute\">Waiting for its stack and a job slot.</p>\n    </section>\n\n    <!--\n      The mirror image of the cancelled banner below, and the reason `superseded` is its own state:\n      a stopped job leaves partial state to hunt for, a superseded one cannot, because it never ran.\n    -->\n    <section v-if=\"job?.state === 'superseded'\" class=\"panel\">\n      <b>Superseded — never ran.</b>\n      <p class=\"mute\">\n        Replaced while queued by\n        <template v-if=\"replacement\">\n          <RouterLink :to=\"`/jobs/${encodeURIComponent(replacement.id)}`\">{{\n            actionLabel(replacement.action).toLowerCase()\n          }}</RouterLink>\n        </template>\n        <template v-else>a newer job</template>\n        for <code>{{ job.stack }}</code\n        >.\n      </p>\n    </section>\n\n    <!--\n      Not a badge's worth of information. A cancelled job is the one state where the record is\n      complete and the INFRASTRUCTURE is not, and the next step is a person's to take.\n    -->\n    <section v-if=\"job?.state === 'cancelled'\" class=\"panel banner-panel warn\">\n      <b>Stopped by {{ job.cancelledBy ?? 'an operator' }} — nothing was undone.</b>\n      <p>Run <b>Verify</b> to see what exists.</p>\n    </section>\n\n    <ErrorNote v-if=\"error\" :text=\"error\" />\n\n    <!--\n      Leaked is called out above everything else. It means a resource survived teardown and nothing\n      else is going to clean it up — the one outcome that needs a human.\n    -->\n    <section v-if=\"leaks.length\" class=\"panel leaked-banner\">\n      <strong>Leaked:</strong> {{ leaks.join(', ') }}\n      <div class=\"mute\">Still present, not retried — remove by hand.</div>\n    </section>\n\n    <section v-if=\"job?.error\" class=\"panel\">\n      <strong class=\"bad\">The job crashed</strong>\n      <pre class=\"pre\">{{ job.error }}</pre>\n    </section>\n\n    <section class=\"panel\">\n      <div class=\"phead\">\n        <h2 class=\"phead-title\">Log</h2>\n      </div>\n\n      <!-- Time-of-day gutter with a date separator when the day flips — the full 19-character\n           timestamp per line is what used to wrap every entry onto five or six lines. -->\n      <LogViewer\n        :rows=\"logRows\"\n        :live=\"streaming\"\n        :empty-text=\"\n          loading\n            ? 'Loading…'\n            : queued\n              ? 'Waiting to start.'\n              : 'No output.'\n        \"\n      >\n        <template #actions>\n          <button v-if=\"!streaming && job && !terminal\" class=\"ghost sm\" @click=\"stream\">\n            Reconnect\n          </button>\n        </template>\n      </LogViewer>\n    </section>\n\n    <section v-if=\"job?.outcome\" class=\"panel\">\n      <div class=\"phead\">\n        <h2 class=\"phead-title\">Steps</h2>\n        <!-- \"unverifiable\" is the third state: not gone, not present — nothing checked it. -->\n        <span v-if=\"unverifiable\" class=\"mute\">{{ unverifiable }} unverifiable</span>\n      </div>\n      <StepList :steps=\"job.outcome.steps\" />\n    </section>\n  </div>\n</template>\n"],"names":["stepState","s","_a","stepMark","stepText","leakedAxes","steps","countUnverifiable","_createElementBlock","_createElementVNode","_hoisted_1","_openBlock","_Fragment","_renderList","__props","i","_normalizeClass","_unref","_toDisplayString","_hoisted_2","_hoisted_3","props","job","ref","lines","error","loading","streaming","logRows","computed","out","lastDay","l","d","day","stamp","source","terminal","isTerminal","queued","wait","waitReason","state","replacement","supersededBy","leaks","unverifiable","load","r","api","problem","closeStream","stream","awaitingDispatch","ev","payload","watch","loaded","cancelling","cancel","toast","onBeforeUnmount","_createVNode","_component_RouterLink","_cache","_createTextVNode","actionLabel","_createBlock","StateBadge","ActionButton","_hoisted_4","_b","_c","_hoisted_5","_hoisted_6","_d","_hoisted_7","_hoisted_8","_e","_hoisted_9","ErrorNote","_hoisted_10","_f","_hoisted_11","_hoisted_12","_hoisted_13","LogViewer","_g","_hoisted_14","_hoisted_15","_hoisted_16","StepList"],"mappings":"qnBAsBO,SAASA,EAAUC,EAA0B,OAClD,OAAIC,EAAAD,EAAE,UAAF,MAAAC,EAAW,WAAW,gBAAwB,eAC7CD,EAAE,GACA,KADWA,EAAE,QAAU,cAAgB,SAAW,QAE3D,CAEO,SAASE,GAASF,EAAuB,CAC9C,MAAO,CAAE,GAAI,IAAK,aAAc,IAAK,OAAQ,IAAK,OAAQ,GAAA,EAAMD,EAAUC,CAAC,CAAC,CAC9E,CAEO,SAASG,GAASH,EAAuB,CAC9C,OAAIA,EAAE,QAAgBA,EAAE,QACpBA,EAAE,QAAgB,UACfD,EAAUC,CAAC,IAAM,KAAO,KAAO,QAAQA,EAAE,IAAI,EACtD,CAGO,SAASI,GAAWC,EAA+B,CACxD,OAAOA,EAAM,OAAQL,GAAMA,EAAE,QAAU,eAAiB,CAACA,EAAE,EAAE,EAAE,IAAKA,GAAMA,EAAE,IAAI,CAClF,CAEO,SAASM,GAAkBD,EAA6B,CAC7D,OAAOA,EAAM,OAAQL,GAAMD,EAAUC,CAAC,IAAM,cAAc,EAAE,MAC9D,0KC/BEO,EA4BM,MAAA,KAAA,CA3BJC,EAiBK,KAjBLC,GAiBK,EAhBHC,EAAA,EAAA,EAAAH,EAeKI,EAAA,KAAAC,EAdcC,EAAA,MAAK,CAAdb,EAAGc,SADbP,EAeK,KAAA,CAbF,IAAG,GAAKP,EAAE,KAAK,IAAIA,EAAE,IAAI,IAAIc,CAAC,GAC/B,MAAM,OACL,gBAAgBA,EAAC,CAAA,GAElBN,EAA2F,OAAA,CAArF,MAAKO,EAAA,CAAC,OAAM,KAAcC,EAAAjB,CAAA,EAAUC,CAAC,CAAA,EAAA,CAAA,EAAK,cAAY,MAAA,EAAUiB,EAAAD,EAAAd,EAAA,EAASF,CAAC,CAAA,EAAA,CAAA,EAChFQ,EAOO,OAAA,KAAA,CANLA,EAAqC,OAArCU,GAAqCD,EAAhBjB,EAAE,IAAI,EAAA,CAAA,EAC3BQ,EAAwE,OAAxEW,GAAiD,MAAGF,EAAGjB,EAAE,KAAK,EAAA,CAAA,EAC9DQ,EAEO,OAAA,CAFD,MAAKO,EAAA,CAAC,QAAgBC,EAAAjB,CAAA,EAAUC,CAAC,CAAA,CAAA,EAAG,MAAA,CAAA,cAAA,WAAA,CAAA,EACrCiB,EAAAD,EAAAjB,CAAA,EAAUC,CAAC,CAAA,EAAA,CAAA,EAEhBQ,EAAqE,MAAA,CAAhE,MAAKO,EAAA,CAAC,MAAK,KAAcC,EAAAjB,CAAA,EAAUC,CAAC,CAAA,EAAA,CAAA,CAAA,EAAQiB,EAAAD,EAAAb,EAAA,EAASH,CAAC,CAAA,EAAA,CAAA,CAAA,44BCErE,MAAMoB,EAAQP,EAERQ,EAAMC,EAAgB,IAAI,EAC1BC,EAAQD,EAAgB,EAAE,EAC1BE,EAAQF,EAAI,EAAE,EACdG,EAAUH,EAAI,EAAI,EAClBI,EAAYJ,EAAI,EAAK,EAIrBK,EAAUC,EAAmB,IAAM,CACvC,MAAMC,EAAgB,CAAA,EACtB,IAAIC,EAAU,GACd,UAAWC,KAAKR,EAAM,MAAO,CAC3B,MAAMS,EAAI,IAAI,KAAKD,EAAE,EAAE,EACjBE,EAAMD,EAAE,mBAAmB,IAAI,EACjCC,IAAQH,IACVD,EAAI,KAAK,CAAE,IAAK,OAAOI,CAAG,IAAIF,EAAE,GAAG,GAAI,UAAW,GAAM,KAAME,EAAK,EACnEH,EAAUG,GAEZJ,EAAI,KAAK,CACP,IAAKE,EAAE,IACP,OAAQC,EAAE,aAAA,EAAe,MAAM,EAAG,CAAC,EACnC,YAAaE,EAAMH,EAAE,EAAE,EACvB,KAAMA,EAAE,QACR,KAAMA,EAAE,KAAA,CACT,CACH,CACA,OAAOF,CACT,CAAC,EAED,IAAIM,EAA6B,KAGjC,MAAMC,EAAWR,EAAS,IAAM,CAAC,CAACP,EAAI,OAASgB,EAAWhB,EAAI,MAAM,KAAK,CAAC,EACpEiB,EAASV,EAAS,IAAA,OAAM,QAAA3B,EAAAoB,EAAI,QAAJ,YAAApB,EAAW,SAAU,SAAQ,EAOrDsC,EAAOX,EAAS,IAAOP,EAAI,MAAQmB,GAAWnB,EAAI,MAAOoB,EAAM,IAAI,EAAI,IAAK,EAC5EC,EAAcd,EAAS,IAAOP,EAAI,MAAQsB,GAAatB,EAAI,MAAOoB,EAAM,IAAI,EAAI,IAAK,EAErFG,EAAQhB,EAAS,WAAO,OAAA3B,EAAAoB,EAAI,QAAJ,MAAApB,EAAW,QAAUG,GAAWiB,EAAI,MAAM,QAAQ,KAAK,EAAI,CAAA,EAAG,EACtFwB,EAAejB,EAAS,WAC5B,OAAA3B,EAAAoB,EAAI,QAAJ,MAAApB,EAAW,QAAUK,GAAkBe,EAAI,MAAM,QAAQ,KAAK,EAAI,EAAA,EAIpE,eAAeyB,GAA4B,OACzC,MAAMC,EAAI,MAAMC,EAAI,IAAkB,aAAa,mBAAmB5B,EAAM,KAAK,CAAC,EAAE,EAEpF,OADAK,EAAQ,MAAQ,GACXsB,EAAE,IAIPvB,EAAM,MAAQ,GACdH,EAAI,MAAQ0B,EAAE,KAAK,KAGf9C,EAAA8C,EAAE,KAAK,IAAI,MAAX,MAAA9C,EAAgB,QAAUsB,EAAM,MAAM,SAAW,IAAGA,EAAM,MAAQ,CAAC,GAAGwB,EAAE,KAAK,IAAI,GAAG,GACjFA,EAAE,KAAK,MARZvB,EAAM,MAAQyB,EAAQF,EAAG,UAAU,EAC5B,KAQX,CAEA,SAASG,GAAoB,CAC3Bf,GAAA,MAAAA,EAAQ,QACRA,EAAS,KACTT,EAAU,MAAQ,EACpB,CAEA,SAASyB,GAAe,CACtBD,EAAA,EAQA3B,EAAM,MAAQ,CAAA,EAGd,IAAI6B,EAAmBd,EAAO,MAC9BH,EAAS,IAAI,YAAYa,EAAI,IAAI,aAAa,mBAAmB5B,EAAM,KAAK,CAAC,SAAS,CAAC,EACvFM,EAAU,MAAQ,GAElBS,EAAO,UAAakB,GAAO,CACzB,IAAIC,EACJ,GAAI,CACFA,EAAU,KAAK,MAAMD,EAAG,IAAc,CACxC,MAAQ,CACN,MACF,CAEA,GADaC,EACJ,KAAM,CACbJ,EAAA,EACKJ,EAAA,EACL,MACF,CACIM,IACFA,EAAmB,GACdN,EAAA,GAEPvB,EAAM,MAAM,KAAK+B,CAAmB,CACtC,EAIAnB,EAAO,QAAU,IAAM,CACrBe,EAAA,EACKJ,EAAA,CACP,CACF,CAGAS,GACE,IAAMnC,EAAM,MACZ,SAAY,CACVG,EAAM,MAAQ,CAAA,EACdF,EAAI,MAAQ,KACZI,EAAQ,MAAQ,GAIhB,MAAM+B,EAAS,MAAMV,EAAA,EAEjBU,GAAU,CAACnB,EAAWmB,EAAO,KAAK,GAAGL,EAAA,CAC3C,EACA,CAAE,UAAW,EAAA,CAAK,EAGpB,MAAMM,EAAanC,EAAI,EAAK,EAS5B,eAAeoC,GAAwB,CACrCD,EAAW,MAAQ,GACnB,MAAMV,EAAI,MAAMC,EAAI,KAClB,aAAa,mBAAmB5B,EAAM,KAAK,CAAC,SAAA,EAG9C,GADAqC,EAAW,MAAQ,GACf,CAACV,EAAE,GAAI,CAGTY,EAAMZ,EAAE,SAAW,IAAM,OAAS,QAASE,EAAQF,EAAG,eAAe,CAAC,EACjED,EAAA,EACL,MACF,CACAa,EAAM,KAAMZ,EAAE,KAAK,SAAW,UAAU,EACnCD,EAAA,CACP,CAEA,OAAAc,GAAgBV,CAAW,gEAIzB3C,EA0IM,MAAA,KAAA,CAzIJC,EAkCM,MAlCNC,GAkCM,CAjCJD,EAiBM,MAAA,KAAA,CAhBJA,EAGK,KAAA,KAAA,CAFHqD,EAAqDC,EAAA,CAAzC,GAAG,QAAQ,MAAM,MAAA,aAAO,IAAI,CAAA,GAAAC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAAJ,OAAI,EAAA,CAAA,WACxCA,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAvD,EAA6B,OAAA,CAAvB,MAAM,MAAA,EAAO,MAAG,EAAA,GAAUwD,EAAA/C,EAAAI,EAAA,MAAML,EAAAiD,CAAA,EAAY5C,EAAA,MAAI,MAAM,EAAA,GAAA,EAAA,CAAA,CAAA,GAE9Db,EAWM,MAXNU,GAWM,CAVYG,EAAA,WAAhBd,EAQWI,EAAA,CAAA,IAAA,GAAA,CAPTH,EAA4B,OAAA,KAAAS,EAAnBI,EAAA,MAAI,KAAK,EAAA,CAAA,EACFA,EAAA,MAAI,eAApBd,EAA+EI,EAAA,CAAA,IAAA,GAAA,CAAhDqD,EAAA,cAAW/C,EAAGD,EAAAkB,CAAA,EAAMb,EAAA,MAAI,SAAS,CAAA,EAAA,CAAA,CAAA,OAC3CiB,EAAA,WAArB/B,EAA0DI,EAAA,CAAA,IAAA,GAAA,GAA7B,oBAAkB,CAAA,YAC/CJ,EAA4CI,EAAA,CAAA,IAAA,GAAA,GAA3B,kBAAgB,CAAA,OACjBU,EAAA,MAAI,WAAaA,EAAA,MAAI,aAArCd,EAEWI,EAAA,CAAA,IAAA,GAAA,GAFmC,WACrCM,EAAGD,MAAKK,EAAA,MAAI,UAAWA,EAAA,MAAI,OAAO,CAAA,EAAA,CAAA,CAAA,2BAG7Cd,EAAuCI,EAAA,CAAA,IAAA,GAAA,KAAnBE,EAAA,KAAK,EAAA,CAAA,CAAA,uBAG7BL,EAAqB,OAAA,CAAf,MAAM,MAAA,EAAM,KAAA,EAAA,GACAa,EAAA,WAAlB6C,EAA4CC,GAAA,OAApB,MAAO9C,EAAA,MAAI,KAAA,8BAM3BA,EAAA,QAAQe,EAAA,WADhB8B,EAQeE,GAAA,OANb,QAAQ,SACP,QAASX,EAAA,MACT,QAASnB,EAAA,MAAM,yBAAA,8BACf,MAAKoB,CAAA,aAEN,IAA8B,KAA3BpB,EAAA,MAAM,OAAA,MAAA,EAAA,CAAA,CAAA,6CAWEA,EAAA,OAAf5B,EAAA,EAAAH,EAcU,UAdVY,GAcU,CAbR4C,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAvD,EAAwB,SAArB,oBAAiB,EAAA,KACXP,EAAAsC,EAAA,QAAA,YAAAtC,EAAM,QAAI,SAAnBS,IAAAH,EAOI,IAPJ8D,GAOI,eAP0C,WAE5C,EAAA,GAAAR,EAEeC,EAAA,CAFF,YAAa,mBAAmBvB,QAAK,QAAQ,EAAE,CAAA,EAAA,aAAK,IAE/D,CADAyB,EAAA/C,EAAAD,EAAAiD,CAAA,EAAY1B,EAAA,MAAK,QAAQ,MAAM,CAAA,EAAA,CAAA,CAAA,gCAClB,OACZ,EAAA,GAAA/B,EACF,OAAA,KAAAS,GADWqD,EAAAjD,EAAA,QAAA,YAAAiD,EAAK,KAAK,EAAA,CAAA,gBACrB,KACH,EAAA,EAAA,MACcC,EAAAhC,EAAA,QAAA,YAAAgC,EAAM,QAAI,YAAxBhE,EAEI,IAFJiE,GAAkD,yBAC1BjC,EAAA,MAAK,OAAO,EAAG,uBACvC,CAAA,QACAhC,EAAgE,IAAhEkE,GAAuB,uCAAqC,EAAA,eAO/CC,EAAArD,EAAA,QAAA,YAAAqD,EAAK,SAAK,cAAzBhE,IAAAH,EAaU,UAbVoE,GAaU,CAZRZ,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAvD,EAA8B,SAA3B,0BAAuB,EAAA,GAC1BA,EAUI,IAVJoE,GAUI,eAVY,6BAEd,EAAA,GAAgBlC,EAAA,WACdwB,EAEeJ,EAAA,OAFF,GAAE,SAAW,mBAAmBpB,EAAA,MAAY,EAAE,CAAA,EAAA,aAAK,IAE9D,CADAsB,EAAA/C,EAAAD,EAAAiD,CAAA,EAAYvB,EAAA,MAAY,MAAM,EAAE,YAAA,CAAW,EAAA,CAAA,CAAA,wBAG/CnC,EAAuCI,EAAA,CAAA,IAAA,GAAA,GAAtB,aAAW,CAAA,qBAAW,QACnC,EAAA,GAAAH,EACH,OAAA,KAAAS,EADYI,EAAA,MAAI,KAAK,EAAA,CAAA,gBACrB,KACH,EAAA,EAAA,iBAOawD,EAAAxD,EAAA,QAAA,YAAAwD,EAAK,SAAK,aAAzBnE,IAAAH,EAGU,UAHVuE,GAGU,CAFRtE,EAA8E,SAA3E,cAAWS,EAAGI,QAAI,4BAA+B,yBAAsB,CAAA,gBAC1Eb,EAA4C,IAAA,KAAA,GAAzC,MAAI,EAAAA,EAAa,SAAV,QAAM,IAAI,sBAAoB,CAAA,mBAGzBgB,EAAA,WAAjB0C,EAAwCa,GAAA,OAAf,KAAMvD,EAAA,KAAA,6BAMhBoB,EAAA,MAAM,QAArBlC,IAAAH,EAGU,UAHVyE,GAGU,CAFRjB,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAvD,EAAwB,cAAhB,UAAO,EAAA,GAASwD,EAAA,IAAC/C,EAAG2B,EAAA,MAAM,YAAa,IAC/C,CAAA,EAAAmB,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAvD,EAAoE,MAAA,CAA/D,MAAM,QAAO,+CAA4C,EAAA,EAAA,cAGjDyE,EAAA5D,EAAA,QAAA,MAAA4D,EAAK,OAApBvE,IAAAH,EAGU,UAHV2E,GAGU,CAFRnB,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAvD,EAA4C,SAAA,CAApC,MAAM,KAAA,EAAM,kBAAe,EAAA,GACnCA,EAAsC,MAAtC2E,GAAsClE,EAAlBI,EAAA,MAAI,KAAK,EAAA,CAAA,CAAA,aAG/Bb,EAwBU,UAxBV4E,GAwBU,eAvBR5E,EAEM,MAAA,CAFD,MAAM,SAAO,CAChBA,EAAgC,KAAA,CAA5B,MAAM,aAAA,EAAc,KAAG,CAAA,OAK7BqD,EAgBYwB,GAAA,CAfT,KAAM1D,EAAA,MACN,KAAMD,EAAA,MACN,aAAuBD,EAAA,iBAA+Ca,EAAA,yCAQ5D,UACT,IAES,EAFMZ,EAAA,OAAaL,EAAA,OAAG,CAAKe,EAAA,WAApC7B,EAES,SAAA,OAFqC,MAAM,WAAY,QAAO4C,CAAA,EAAQ,aAE/E,sDAKSmC,EAAAjE,EAAA,QAAA,MAAAiE,EAAK,SAApB5E,IAAAH,EAOU,UAPVgF,GAOU,CANR/E,EAIM,MAJNgF,GAIM,CAHJzB,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAvD,EAAkC,KAAA,CAA9B,MAAM,aAAA,EAAc,QAAK,EAAA,GAEjBqC,EAAA,OAAZnC,EAAA,EAAAH,EAA6E,OAA7EkF,GAA6ExE,EAAnC4B,EAAA,KAAY,EAAG,gBAAa,CAAA,cAExEgB,EAAuC6B,GAAA,CAA5B,MAAOrE,EAAA,MAAI,QAAQ,KAAA"}

package/dist/assets/JobsView-BJrH9ViP.js

@@ -0,0 +1,2 @@
+import{d as C,c as o,a as t,n as d,e as l,h,_ as S,u as r,K as $,S as x,g as V,v as L,f,A as i,t as u,z as A,F as p,r as R,i as k,j as N,o as s,D as B,G as w,I,k as T}from"./index-D_Ks6aQi.js";import{_ as U}from"./StateBadge.vue_vue_type_script_setup_true_lang-CfjzlWSc.js";import{_ as q}from"./SkeletonList.vue_vue_type_script_setup_true_lang-D4pkKZAr.js";import{_ as F}from"./RelativeTime.vue_vue_type_script_setup_true_lang-BxIqRu_b.js";import{_ as J}from"./SelectMenu.vue_vue_type_script_setup_true_lang-CMLYr7A7.js";import{w as z,s as D}from"./useJobQueue-JaWoydCt.js";import{_ as E}from"./RefreshButton.vue_vue_type_script_setup_true_lang-CQvD4Out.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const G={class:"page-head"},K={class:"sub"},O={class:"panel"},Q={class:"phead"},j={class:"searchbox"},H={key:0},P={key:0,class:"s-failed"},W={key:2,role:"table",class:"cards"},X={role:"rowgroup",class:"stagger"},Y={role:"cell","data-label":"state"},Z={key:0,class:"mute nowrap wait-why"},ee={key:1,class:"mute nowrap wait-why"},te={role:"cell","data-label":"action"},ae={role:"cell",class:"name","data-label":"stack"},se={role:"cell",class:"dim nowrap","data-label":"started"},oe={role:"cell",class:"dim nowrap","data-label":"took"},le={role:"cell",class:"dim","data-label":"steps"},re={key:0,role:"row"},ne={role:"cell",colspan:"6",class:"mute"},de=C({__name:"JobsView",setup(ie){const c=k(""),m=k("all");function y(n){const e=z(n,i.jobs);return e.kind==="stack"?"behind this stack’s own job":e.kind==="slot"?`at the host cap · ${e.running} running`:"waiting its turn"}function _(n){return D(n,i.jobs)}const v=N(()=>{const n=c.value.trim().toLowerCase();return i.jobs.filter(e=>m.value!=="all"&&e.state!==m.value?!1:n?e.stack.toLowerCase().includes(n)||e.action.includes(n):!0)});return(n,e)=>{const b=T("RouterLink");return s(),o("div",null,[t("div",G,[t("div",null,[e[5]||(e[5]=t("h1",null,"Jobs",-1)),t("div",K,[e[4]||(e[4]=d(" Most recent first, capped at the last 50 ",-1)),l(S,{label:"why old jobs disappear"},{default:h(()=>[...e[3]||(e[3]=[d(" The history is held in memory and a server restart clears it. A job record is the transcript of an attempt, not the truth about what exists — that truth lives in the containers themselves and in each axis's own probe. ",-1)])]),_:1})])]),e[6]||(e[6]=t("span",{class:"grow"},null,-1)),l(E,{run:r($)},null,8,["run"])]),t("section",O,[t("div",Q,[t("div",j,[l(r(x),{size:16,"aria-hidden":"true"}),V(t("input",{id:"jq","onUpdate:modelValue":e[0]||(e[0]=a=>c.value=a),"data-search":"",type:"search","aria-label":"Search jobs",placeholder:"Search by stack or action",spellcheck:"false"},null,512),[[L,c.value]]),c.value?f("",!0):(s(),o("kbd",H,"/"))]),l(J,{id:"js",modelValue:m.value,"onUpdate:modelValue":e[1]||(e[1]=a=>m.value=a),label:"Filter by state",options:[{value:"all",label:"All states"},{value:"queued",label:"Queued"},{value:"running",label:"Running"},{value:"ok",label:"Ok"},{value:"leaked",label:"Leaked"},{value:"failed",label:"Failed"},{value:"cancelled",label:"Cancelled"},{value:"superseded",label:"Superseded"}]},null,8,["modelValue"])]),r(i).jobsError?(s(),o("p",P,u(r(i).jobsError),1)):r(i).jobsLoaded?(s(),o("table",W,[e[9]||(e[9]=t("thead",{role:"rowgroup"},[t("tr",{role:"row"},[t("th",{role:"columnheader"},"State"),t("th",{role:"columnheader"},"Action"),t("th",{role:"columnheader"},"Stack"),t("th",{role:"columnheader"},"Started"),t("th",{role:"columnheader"},"Took"),t("th",{role:"columnheader"},"Steps")])],-1)),t("tbody",X,[(s(!0),o(p,null,R(v.value,(a,g)=>(s(),o("tr",{key:a.id,role:"row",style:B({"--i":g})},[t("td",Y,[l(b,{to:`/jobs/${encodeURIComponent(a.id)}`},{default:h(()=>[l(U,{state:a.state},null,8,["state"])]),_:2},1032,["to"]),a.state==="queued"?(s(),o("div",Z,u(y(a)),1)):a.state==="superseded"?(s(),o("div",ee,[_(a)?(s(),o(p,{key:0},[e[7]||(e[7]=d(" replaced by ",-1)),l(b,{to:`/jobs/${encodeURIComponent(_(a).id)}`},{default:h(()=>[d(" a newer "+u(r(w)(_(a).action).toLowerCase()),1)]),_:2},1032,["to"])],64)):(s(),o(p,{key:1},[d("never ran")],64))])):f("",!0)]),t("td",te,u(r(w)(a.action)),1),t("td",ae,[l(b,{to:`/jobs/${encodeURIComponent(a.id)}`},{default:h(()=>[d(u(a.stack),1)]),_:2},1032,["to"])]),t("td",se,[l(F,{at:a.startedAt},null,8,["at"])]),t("td",oe,u(r(I)(a.startedAt,a.endedAt)),1),t("td",le,u(a.outcome?a.outcome.steps.length:"—"),1)],4))),128)),v.value.length?f("",!0):(s(),o("tr",re,[t("td",ne,[r(i).jobs.length?(s(),o(p,{key:0},[e[8]||(e[8]=d(" Nothing matches this filter. ",-1)),t("button",{class:"ghost sm",onClick:e[2]||(e[2]=a=>{c.value="",m.value="all"})},"Clear filters")],64)):(s(),o(p,{key:1},[d("No jobs recorded.")],64))])]))])])):(s(),A(q,{key:1,rows:5,tall:""}))])])}}}),ve=M(de,[["__scopeId","data-v-e4a69daa"]]);export{ve as default};
+//# sourceMappingURL=JobsView-BJrH9ViP.js.map

package/dist/assets/JobsView-BJrH9ViP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobsView-BJrH9ViP.js","sources":["../../src/views/JobsView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Job history. Polled by the shell already, so this view only filters what is in memory. */\nimport { computed, ref } from 'vue';\nimport { Search } from 'lucide-vue-next';\nimport { loadJobs, state } from '../composables/useControlPlane';\nimport { actionLabel, took } from '../composables/useFormat';\nimport StateBadge from '../components/StateBadge.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport RelativeTime from '../components/RelativeTime.vue';\nimport SelectMenu from '../components/SelectMenu.vue';\nimport InfoHint from '../components/InfoHint.vue';\nimport type { Job, JobState } from '../api/types';\nimport { supersededBy, waitReason } from '../composables/useJobQueue';\nimport RefreshButton from '../components/RefreshButton.vue';\n\nconst q = ref('');\nconst only = ref<'all' | JobState>('all');\n\n/**\n * Why a queued row is not moving, in the width of a table cell.\n *\n * The two waits are different problems: behind its own stack is the one-job-per-stack guarantee\n * doing its job, and the fix is to wait or stop the job ahead; at the host cap is a machine-wide\n * capacity fact, and the fix is PSTACK_MAX_JOBS. The job page spells both out.\n */\nfunction waitText(j: Job): string {\n  const w = waitReason(j, state.jobs);\n  if (w.kind === 'stack') return 'behind this stack\\u2019s own job';\n  if (w.kind === 'slot') return `at the host cap \\u00b7 ${w.running} running`;\n  return 'waiting its turn';\n}\n\n/** The newer job that took a superseded one's place, when it is still in the kept 50. */\nfunction replacement(j: Job): Job | null {\n  return supersededBy(j, state.jobs);\n}\n\nconst rows = computed(() => {\n  const needle = q.value.trim().toLowerCase();\n  return state.jobs.filter((j) => {\n    if (only.value !== 'all' && j.state !== only.value) return false;\n    if (!needle) return true;\n    return j.stack.toLowerCase().includes(needle) || j.action.includes(needle);\n  });\n});\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>Jobs</h1>\n        <div class=\"sub\">\n          Most recent first, capped at the last 50\n          <InfoHint label=\"why old jobs disappear\">\n            The history is held in memory and a server restart clears it. A job record is the\n            transcript of an attempt, not the truth about what exists — that truth lives in the\n            containers themselves and in each axis's own probe.\n          </InfoHint>\n        </div>\n      </div>\n      <span class=\"grow\" />\n      <RefreshButton :run=\"loadJobs\" />\n    </div>\n\n    <section class=\"panel\">\n      <!-- Same one-row toolbar as Deployments — this page had kept the old stacked-label layout,\n           and two list pages with two different toolbars reads as two different products. -->\n      <div class=\"phead\">\n        <div class=\"searchbox\">\n          <Search :size=\"16\" aria-hidden=\"true\" />\n          <input\n            id=\"jq\"\n            v-model=\"q\"\n            data-search\n            type=\"search\"\n            aria-label=\"Search jobs\"\n            placeholder=\"Search by stack or action\"\n            spellcheck=\"false\"\n          />\n          <kbd v-if=\"!q\">/</kbd>\n        </div>\n        <SelectMenu\n          id=\"js\"\n          v-model=\"only\"\n          label=\"Filter by state\"\n          :options=\"[\n            { value: 'all', label: 'All states' },\n            { value: 'queued', label: 'Queued' },\n            { value: 'running', label: 'Running' },\n            { value: 'ok', label: 'Ok' },\n            { value: 'leaked', label: 'Leaked' },\n            { value: 'failed', label: 'Failed' },\n            { value: 'cancelled', label: 'Cancelled' },\n            { value: 'superseded', label: 'Superseded' },\n          ]\"\n        />\n      </div>\n\n      <p v-if=\"state.jobsError\" class=\"s-failed\">{{ state.jobsError }}</p>\n      <SkeletonList v-else-if=\"!state.jobsLoaded\" :rows=\"5\" tall />\n\n      <table v-else role=\"table\" class=\"cards\">\n        <thead role=\"rowgroup\">\n          <tr role=\"row\">\n            <th role=\"columnheader\">State</th>\n            <th role=\"columnheader\">Action</th>\n            <th role=\"columnheader\">Stack</th>\n            <th role=\"columnheader\">Started</th>\n            <th role=\"columnheader\">Took</th>\n            <th role=\"columnheader\">Steps</th>\n          </tr>\n        </thead>\n        <tbody role=\"rowgroup\" class=\"stagger\">\n          <tr v-for=\"(j, i) in rows\" :key=\"j.id\" role=\"row\" :style=\"{ '--i': i }\">\n            <td role=\"cell\" data-label=\"state\">\n              <RouterLink :to=\"`/jobs/${encodeURIComponent(j.id)}`\">\n                <StateBadge :state=\"j.state\" />\n              </RouterLink>\n              <!-- A badge says \"queued\"; it cannot say WHY, and why is the whole question when a\n                   deploy looks stuck. Same for superseded: the useful fact is which job won. -->\n              <div v-if=\"j.state === 'queued'\" class=\"mute nowrap wait-why\">{{ waitText(j) }}</div>\n              <div v-else-if=\"j.state === 'superseded'\" class=\"mute nowrap wait-why\">\n                <template v-if=\"replacement(j)\">\n                  replaced by\n                  <RouterLink :to=\"`/jobs/${encodeURIComponent(replacement(j)!.id)}`\">\n                    a newer {{ actionLabel(replacement(j)!.action).toLowerCase() }}\n                  </RouterLink>\n                </template>\n                <template v-else>never ran</template>\n              </div>\n            </td>\n            <td role=\"cell\" data-label=\"action\">{{ actionLabel(j.action) }}</td>\n            <td role=\"cell\" class=\"name\" data-label=\"stack\">\n              <RouterLink :to=\"`/jobs/${encodeURIComponent(j.id)}`\">{{ j.stack }}</RouterLink>\n            </td>\n            <td role=\"cell\" class=\"dim nowrap\" data-label=\"started\"><RelativeTime :at=\"j.startedAt\" /></td>\n            <td role=\"cell\" class=\"dim nowrap\" data-label=\"took\">{{ took(j.startedAt, j.endedAt) }}</td>\n            <td role=\"cell\" class=\"dim\" data-label=\"steps\">{{ j.outcome ? j.outcome.steps.length : '—' }}</td>\n          </tr>\n          <tr v-if=\"!rows.length\" role=\"row\">\n            <td role=\"cell\" colspan=\"6\" class=\"mute\">\n              <template v-if=\"state.jobs.length\">\n                Nothing matches this filter.\n                <button class=\"ghost sm\" @click=\"q = ''; only = 'all'\">Clear filters</button>\n              </template>\n              <template v-else>No jobs recorded.</template>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </section>\n  </div>\n</template>\n\n<style scoped>\n/* The one line under a badge. Same size as the badge itself so the cell reads as one unit, and\n   scoped here rather than in app.css because nothing else has a second line under a state. */\n.wait-why {\n  font-size: var(--t-xs);\n  margin-top: var(--s1);\n}\n</style>\n"],"names":["q","ref","only","waitText","j","w","waitReason","state","replacement","supersededBy","rows","computed","needle","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","_createVNode","InfoHint","RefreshButton","_unref","loadJobs","_hoisted_3","_hoisted_4","_hoisted_5","Search","$event","_openBlock","SelectMenu","_hoisted_7","_toDisplayString","_hoisted_8","_hoisted_9","_Fragment","_renderList","i","_hoisted_10","_component_RouterLink","StateBadge","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_createTextVNode","_hoisted_15","RelativeTime","_hoisted_16","took","_hoisted_17","_hoisted_18","_hoisted_19","_createBlock","SkeletonList"],"mappings":"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"}

package/dist/assets/JobsView-BhdjSbKx.css

@@ -0,0 +1 @@
+.wait-why[data-v-e4a69daa]{font-size:var(--t-xs);margin-top:var(--s1)}

package/dist/assets/LogViewer.vue_vue_type_script_setup_true_lang-BRSt9Exf.js

@@ -0,0 +1,3 @@
+import{d as w,N as b,O as _,Q as T,c as s,a,t as n,n as C,f as c,Y as B,F as m,r as N,i as y,aj as j,a6 as g,j as S,o as l,E as V}from"./index-D_Ks6aQi.js";const F={class:"lv"},H={class:"lv-bar"},L={class:"lv-count"},E={key:0,class:"badge running"},z=["disabled"],D={key:0,class:"lv-empty"},M={key:0,class:"lv-sep"},O=["title"],P=["title"],Q={class:"lv-msg"},Y=w({__name:"LogViewer",props:{rows:{},live:{type:Boolean},copyText:{},emptyText:{}},setup(i){const r=i,d=y(null),u=y(!0);function f(){const t=d.value;return!!t&&t.scrollHeight-t.scrollTop-t.clientHeight<24}function h(){u.value=f()}async function v(){await j();const t=d.value;t&&u.value&&(t.scrollTop=t.scrollHeight)}b(()=>r.rows.length,v),_(v);function k(){u.value=!0,v()}async function x(){const t=r.copyText??r.rows.filter(o=>!o.separator).map(o=>[o.time,o.gutter,o.text].filter(Boolean).join("  ")).join(`
+`);try{await navigator.clipboard.writeText(t),g("ok","Copied.")}catch{g("error","Copy failed — select it and copy by hand.")}}const p=S(()=>r.rows.filter(t=>!t.separator).length);return T(()=>{}),(t,o)=>(l(),s("div",F,[a("div",H,[a("span",L,n(p.value)+" line"+n(p.value===1?"":"s"),1),i.live?(l(),s("span",E,[...o[0]||(o[0]=[a("span",{class:"dot pulse"},null,-1),C("live",-1)])])):c("",!0),o[1]||(o[1]=a("span",{class:"grow"},null,-1)),i.live&&!u.value?(l(),s("button",{key:1,class:"ghost sm",onClick:k},"↓ Follow")):c("",!0),a("button",{class:"ghost sm",disabled:!p.value,onClick:x},"Copy",8,z),B(t.$slots,"actions")]),a("div",{ref_key:"box",ref:d,class:"lv-box",role:"log","aria-label":"Log output","aria-live":"polite",tabindex:"0",onScrollPassive:h},[i.rows.length?c("",!0):(l(),s("p",D,n(i.emptyText??"No output."),1)),(l(!0),s(m,null,N(i.rows,e=>(l(),s(m,{key:e.key},[e.separator?(l(),s("div",M,[a("span",null,n(e.text),1)])):(l(),s("div",{key:1,class:V(["lv-row",e.tone])},[e.time!==void 0?(l(),s("span",{key:0,class:"lv-time",title:e.timeTitle},n(e.time),9,O)):c("",!0),e.gutter!==void 0?(l(),s("span",{key:1,class:"lv-gutter",title:e.gutterTitle},n(e.gutter),9,P)):c("",!0),a("span",Q,n(e.text),1)],2))],64))),128))],544)]))}});export{Y as _};
+//# sourceMappingURL=LogViewer.vue_vue_type_script_setup_true_lang-BRSt9Exf.js.map

package/dist/assets/LogViewer.vue_vue_type_script_setup_true_lang-BRSt9Exf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.vue_vue_type_script_setup_true_lang-BRSt9Exf.js","sources":["../../src/components/LogViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The log surface — used by the job page (structured events) and the container-logs tab (raw text\n * that the parent parses into rows).\n *\n * WHY NOT A LIBRARY. There is no widely-adopted Vue log viewer to reach for (the React ones —\n * react-lazylog and friends — have no Vue counterpart with real adoption), and xterm — already a\n * dependency for the terminal — renders to canvas, so log text would stop being selectable,\n * copyable and findable with ⌘F. For LOGS those are the whole point. What a log view actually\n * needs is small: a gutter that never wraps, a message that wraps with a hanging indent, stickiness\n * at the bottom, and cheap rendering for thousands of rows (`content-visibility: auto` — the\n * browser skips layout for off-screen rows, no virtualisation library required).\n *\n * THE GUTTER IS TIME-OF-DAY, NOT A FULL TIMESTAMP. `2026-08-04 03:47:45` per line is 19 characters\n * of the same date repeated hundreds of times — on a narrow panel it wrapped every entry onto five\n * or six lines. Within one log the date almost never changes, so each row carries `03:47:45` and a\n * date SEPARATOR row appears only when the day actually flips. The full stamp survives in the\n * row's tooltip.\n *\n * FOLLOW IS A STATE THE USER CONTROLS BY SCROLLING. Pinned to the bottom, new lines keep it there;\n * one scroll up releases it (reading must never be yanked away); the \"Follow\" chip puts it back.\n */\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { toast } from '../composables/useToasts';\nimport type { LogRow } from './log-viewer-types';\n\nconst props = defineProps<{\n  rows: LogRow[];\n  /** Renders the live pulse and keeps follow meaningful; a finished log needs neither. */\n  live?: boolean;\n  /** What Copy puts on the clipboard — the parent knows the faithful raw form, this view does not. */\n  copyText?: string;\n  emptyText?: string;\n}>();\n\nconst box = ref<HTMLElement | null>(null);\nconst follow = ref(true);\n\nfunction atBottom(): boolean {\n  const el = box.value;\n  return !!el && el.scrollHeight - el.scrollTop - el.clientHeight < 24;\n}\n\nfunction onScroll(): void {\n  // The USER moved — follow reflects where they left the viewport, with no flag juggling for\n  // programmatic scrolls: after scrollTo(bottom), atBottom() is simply true.\n  follow.value = atBottom();\n}\n\nasync function stick(): Promise<void> {\n  await nextTick();\n  const el = box.value;\n  if (el && follow.value) el.scrollTop = el.scrollHeight;\n}\n\nwatch(() => props.rows.length, stick);\nonMounted(stick);\n\nfunction resume(): void {\n  follow.value = true;\n  void stick();\n}\n\nasync function copy(): Promise<void> {\n  const text =\n    props.copyText ??\n    props.rows\n      .filter((r) => !r.separator)\n      .map((r) => [r.time, r.gutter, r.text].filter(Boolean).join('  '))\n      .join('\\n');\n  try {\n    await navigator.clipboard.writeText(text);\n    toast('ok', 'Copied.');\n  } catch {\n    toast('error', 'Copy failed — select it and copy by hand.');\n  }\n}\n\nconst count = computed(() => props.rows.filter((r) => !r.separator).length);\n\n// A page-level listener would steal browser find; scoping ⌘F to the box when it has focus would be\n// surprising. The box is plain DOM precisely so the browser's own find works — nothing to do here.\nonBeforeUnmount(() => {});\n</script>\n\n<template>\n  <div class=\"lv\">\n    <div class=\"lv-bar\">\n      <span class=\"lv-count\">{{ count }} line{{ count === 1 ? '' : 's' }}</span>\n      <span v-if=\"live\" class=\"badge running\"><span class=\"dot pulse\" />live</span>\n      <span class=\"grow\" />\n      <button v-if=\"live && !follow\" class=\"ghost sm\" @click=\"resume\">↓ Follow</button>\n      <button class=\"ghost sm\" :disabled=\"!count\" @click=\"copy\">Copy</button>\n      <slot name=\"actions\" />\n    </div>\n\n    <!-- `tabindex=\"0\"`: Safari does not make an overflow scroller focusable on its own, so without\n         it the log is unscrollable without a mouse. A focusable region needs a name. -->\n    <div\n      ref=\"box\"\n      class=\"lv-box\"\n      role=\"log\"\n      aria-label=\"Log output\"\n      aria-live=\"polite\"\n      tabindex=\"0\"\n      @scroll.passive=\"onScroll\"\n    >\n      <p v-if=\"!rows.length\" class=\"lv-empty\">{{ emptyText ?? 'No output.' }}</p>\n      <template v-for=\"r in rows\" :key=\"r.key\">\n        <div v-if=\"r.separator\" class=\"lv-sep\"><span>{{ r.text }}</span></div>\n        <div v-else class=\"lv-row\" :class=\"r.tone\">\n          <span v-if=\"r.time !== undefined\" class=\"lv-time\" :title=\"r.timeTitle\">{{ r.time }}</span>\n          <span v-if=\"r.gutter !== undefined\" class=\"lv-gutter\" :title=\"r.gutterTitle\">{{ r.gutter }}</span>\n          <span class=\"lv-msg\">{{ r.text }}</span>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","box","ref","follow","atBottom","el","onScroll","stick","nextTick","watch","onMounted","resume","copy","text","r","toast","count","computed","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_cache","_hoisted_5","_renderSlot","_ctx","_hoisted_6","_Fragment","_renderList","_hoisted_7","_normalizeClass","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"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"}

package/dist/assets/LoginView-wAfA0Ozk.css

@@ -0,0 +1 @@
+.login-wrap[data-v-caf273ac]{width:min(420px,100%)}.login-card[data-v-caf273ac]{width:100%}.sso-list[data-v-caf273ac]{display:flex;flex-direction:column;gap:var(--s2)}.sso-btn[data-v-caf273ac]{width:100%;justify-content:center}.sso-btn svg[data-v-caf273ac]{flex:none}

package/dist/assets/LoginView-zWd9FvKS.js

@@ -0,0 +1,2 @@
+import{d as R,c as n,a as e,u as E,b as _,e as m,f as c,w as L,g as k,v as h,t as u,h as x,F as C,r as $,i as f,j as g,k as B,l as I,m as P,o as a,n as S,p as T,q as A,s as z}from"./index-D_Ks6aQi.js";import{A as D}from"./ActionButton-OewKsFrK.js";import{E as F}from"./EquivalentCommand-D-mkbReY.js";import{_ as M}from"./SsoMark.vue_vue_type_script_setup_true_lang-BU6ThRhq.js";import{_ as W}from"./_plugin-vue_export-helper-DlAUqK2U.js";const j={class:"login-wrap"},O={class:"login-card panel"},G={key:0,class:"banner plain",style:{"margin-top":"var(--s3)"}},H={class:"field",style:{"margin-top":"var(--s4)"}},J={class:"field"},K={key:0,role:"alert",class:"banner failed",style:{"margin-top":"var(--s3)"}},Q={class:"row",style:{"margin-top":"var(--s4)"}},X={key:0,class:"banner failed",style:{"margin-bottom":"var(--s3)"}},Y={class:"sso-list"},Z=["onClick"],ee=R({__name:"LoginView",setup(te){const V=I(),r=P(),d=f(""),i=f(""),l=f(!1),p=f(""),y=g(()=>typeof r.query.next=="string"&&r.query.next.startsWith("/")?r.query.next:"/"),b=g(()=>typeof r.query.sso_error=="string"?r.query.sso_error:""),v=g(()=>{var s;return((s=_.sso)==null?void 0:s.providers)??[]}),q=g(()=>{const s=v.value.length===1?v.value[0]:void 0;return s?`Signing in with ${s.label} did not work.`:"Signing in did not work."});function U(s){window.location.assign(T.url(`/api/auth/sso/start?provider=${encodeURIComponent(s)}&next=${encodeURIComponent(y.value)}`))}async function w(){l.value=!0,p.value="";const s=await A(d.value.trim(),i.value);if(l.value=!1,s){p.value=s,i.value="";return}await z(),V.replace(y.value)}return(s,t)=>{const N=B("RouterLink");return a(),n("div",j,[e("div",O,[t[9]||(t[9]=e("h1",{style:{"font-size":"var(--t-xl)","margin-bottom":"var(--s2)"}},"Sign in",-1)),E(_).hasUsers===!1?(a(),n("div",G,[t[2]||(t[2]=e("b",null,"No accounts yet — create the first one.",-1)),t[3]||(t[3]=e("p",{class:"mute"},"Needs the host token.",-1)),m(F,{what:"creating the first account",method:"POST",path:"/api/auth/bootstrap",body:{username:"you",password:"…"}})])):c("",!0),e("form",{onSubmit:L(w,["prevent"])},[e("div",H,[t[4]||(t[4]=e("label",{for:"u"},"Username",-1)),k(e("input",{id:"u","onUpdate:modelValue":t[0]||(t[0]=o=>d.value=o),type:"text",autocomplete:"username",spellcheck:"false"},null,512),[[h,d.value]])]),e("div",J,[t[5]||(t[5]=e("label",{for:"p"},"Password",-1)),k(e("input",{id:"p","onUpdate:modelValue":t[1]||(t[1]=o=>i.value=o),type:"password",autocomplete:"current-password"},null,512),[[h,i.value]])]),p.value?(a(),n("div",K,[e("p",null,u(p.value),1)])):c("",!0),e("div",Q,[m(D,{variant:"primary",pending:l.value,disabled:l.value||!d.value.trim()||!i.value,onClick:w},{default:x(()=>[S(u(l.value?"Signing in…":"Sign in"),1)]),_:1},8,["pending","disabled"]),t[7]||(t[7]=e("span",{class:"grow"},null,-1)),m(N,{to:"/settings",class:"mute"},{default:x(()=>[...t[6]||(t[6]=[S("Use a token instead",-1)])]),_:1})])],32),v.value.length?(a(),n(C,{key:1},[t[8]||(t[8]=e("div",{class:"row",style:{margin:"var(--s4) 0","align-items":"center",gap:"var(--s3)"}},[e("hr",{style:{flex:"1",border:"0","border-top":"1px solid var(--line)"}}),e("span",{class:"mute",style:{"font-size":"var(--t-sm)"}},"or"),e("hr",{style:{flex:"1",border:"0","border-top":"1px solid var(--line)"}})],-1)),b.value?(a(),n("div",X,[e("b",null,u(q.value),1),e("p",null,u(b.value),1)])):c("",!0),e("div",Y,[(a(!0),n(C,null,$(v.value,o=>(a(),n("button",{key:o.key,class:"sso-btn",onClick:se=>U(o.key)},[m(M,{preset:o.preset},null,8,["preset"]),e("span",null,"Continue with "+u(o.label),1)],8,Z))),128))])],64)):c("",!0)])])}}}),le=W(ee,[["__scopeId","data-v-caf273ac"]]);export{le as default};
+//# sourceMappingURL=LoginView-zWd9FvKS.js.map

package/dist/assets/LoginView-zWd9FvKS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginView-zWd9FvKS.js","sources":["../../src/views/LoginView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Sign in — the one page reachable without a session.\n *\n * Two states it must distinguish, because they need opposite instructions:\n *   - accounts exist         → the form\n *   - no accounts yet        → bootstrap guidance. A dead login form with no way to create the\n *                              account it asks for is the worst version of this page.\n *\n * A bearer token in Settings also authenticates (CI-style access); the link stays visible for\n * operators who have the machine token and no account yet.\n */\nimport { computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { authState, checkAuth, login } from '../composables/useAuth';\nimport { api } from '../api/client';\nimport ActionButton from '../components/ActionButton.vue';\nimport EquivalentCommand from '../components/EquivalentCommand.vue';\nimport SsoMark from '../components/SsoMark.vue';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst username = ref('');\nconst password = ref('');\nconst pending = ref(false);\nconst error = ref('');\n\n/** Where the guard wanted to go. Also what the SSO round trip carries and comes back to. */\nconst next = computed(() =>\n  typeof route.query.next === 'string' && route.query.next.startsWith('/') ? route.query.next : '/',\n);\n\n/**\n * The provider failed or refused. It arrives in the query string because the callback is a REDIRECT\n * — there is no fetch to read a body from — and it is the provider's own words, so it renders as\n * text and never as markup.\n */\nconst ssoError = computed(() => (typeof route.query.sso_error === 'string' ? route.query.sso_error : ''));\n\n/** The enabled providers, one button each. Empty until /api/health has answered. */\nconst ssoProviders = computed(() => authState.sso?.providers ?? []);\n\n/**\n * The banner must name the provider that failed. With one provider that is known locally; with\n * several, the server prefixes its label onto the message itself, so the generic title is enough.\n */\nconst ssoErrorTitle = computed(() => {\n  const only = ssoProviders.value.length === 1 ? ssoProviders.value[0] : undefined;\n  return only ? `Signing in with ${only.label} did not work.` : 'Signing in did not work.';\n});\n\n/**\n * A full navigation, not a fetch: the whole point is to leave this origin for the provider's\n * consent screen. `api.url` so a dev session pointed at a tunnelled host still reaches its API.\n */\nfunction signInWithProvider(key: string): void {\n  window.location.assign(\n    api.url(`/api/auth/sso/start?provider=${encodeURIComponent(key)}&next=${encodeURIComponent(next.value)}`),\n  );\n}\n\nasync function submit(): Promise<void> {\n  pending.value = true;\n  error.value = '';\n  const failure = await login(username.value.trim(), password.value);\n  pending.value = false;\n  if (failure) {\n    error.value = failure;\n    password.value = '';\n    return;\n  }\n  await checkAuth();\n  // Back to wherever the guard bounced them from, or home.\n  void router.replace(next.value);\n}\n</script>\n\n<template>\n  <div class=\"login-wrap\">\n    <div class=\"login-card panel\">\n      <h1 style=\"font-size: var(--t-xl); margin-bottom: var(--s2)\">Sign in</h1>\n\n      <template v-if=\"authState.hasUsers === false\">\n        <!--\n          A curl block used to sit here permanently, on the FIRST screen anyone sees. It is needed\n          exactly once per host and by one person; behind the button it costs a click then and\n          nothing on every later visit — and it is generated, so it cannot drift from the route.\n        -->\n        <div class=\"banner plain\" style=\"margin-top: var(--s3)\">\n          <b>No accounts yet — create the first one.</b>\n          <p class=\"mute\">Needs the host token.</p>\n          <EquivalentCommand\n            what=\"creating the first account\"\n            method=\"POST\"\n            path=\"/api/auth/bootstrap\"\n            :body=\"{ username: 'you', password: '…' }\"\n          />\n        </div>\n      </template>\n\n      <form @submit.prevent=\"submit\">\n        <div class=\"field\" style=\"margin-top: var(--s4)\">\n          <label for=\"u\">Username</label>\n          <input id=\"u\" v-model=\"username\" type=\"text\" autocomplete=\"username\" spellcheck=\"false\" />\n        </div>\n        <div class=\"field\">\n          <label for=\"p\">Password</label>\n          <input id=\"p\" v-model=\"password\" type=\"password\" autocomplete=\"current-password\" />\n        </div>\n\n        <div v-if=\"error\" role=\"alert\" class=\"banner failed\" style=\"margin-top: var(--s3)\">\n          <p>{{ error }}</p>\n        </div>\n\n        <div class=\"row\" style=\"margin-top: var(--s4)\">\n          <ActionButton\n            variant=\"primary\"\n            :pending=\"pending\"\n            :disabled=\"pending || !username.trim() || !password\"\n            @click=\"submit\"\n          >\n            {{ pending ? 'Signing in…' : 'Sign in' }}\n          </ActionButton>\n          <span class=\"grow\" />\n          <RouterLink to=\"/settings\" class=\"mute\">Use a token instead</RouterLink>\n        </div>\n      </form>\n\n      <!-- ── the providers, below the form: one full-width button each, so one configured\n           provider and five lay out the same way. Below rather than above because the health\n           probe answers after first paint — buttons appearing UNDER the form do not shove the\n           username field out from beneath the pointer. -->\n      <template v-if=\"ssoProviders.length\">\n        <div class=\"row\" style=\"margin: var(--s4) 0; align-items: center; gap: var(--s3)\">\n          <hr style=\"flex: 1; border: 0; border-top: 1px solid var(--line)\" />\n          <span class=\"mute\" style=\"font-size: var(--t-sm)\">or</span>\n          <hr style=\"flex: 1; border: 0; border-top: 1px solid var(--line)\" />\n        </div>\n        <div v-if=\"ssoError\" class=\"banner failed\" style=\"margin-bottom: var(--s3)\">\n          <b>{{ ssoErrorTitle }}</b>\n          <!-- The provider's (or server's) own words — arrives via redirect query, rendered as\n               text and never as markup. -->\n          <p>{{ ssoError }}</p>\n        </div>\n        <div class=\"sso-list\">\n          <button v-for=\"p in ssoProviders\" :key=\"p.key\" class=\"sso-btn\" @click=\"signInWithProvider(p.key)\">\n            <SsoMark :preset=\"p.preset\" />\n            <span>Continue with {{ p.label }}</span>\n          </button>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n/* The shell centres this now — see `.shell.no-rail .view`. A second centring context here would\n * fight it, and `min-height: 70vh` was what pinned the card toward the top of the window. */\n/* `100%`, not `92vw`: the shell already insets this by its own padding, so a viewport-relative\n * width added on top overflowed the right edge on a phone (measured 32px/0px at 390). */\n.login-wrap {\n  width: min(420px, 100%);\n}\n.login-card {\n  width: 100%;\n}\n\n/* One neutral button per provider: the brand mark carries the identity, the button stays the\n * app's own control — a row of provider-branded buttons is a ransom note. */\n.sso-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--s2);\n}\n.sso-btn {\n  width: 100%;\n  justify-content: center;\n}\n.sso-btn svg {\n  flex: none;\n}\n</style>\n"],"names":["router","useRouter","route","useRoute","username","ref","password","pending","error","next","computed","ssoError","ssoProviders","_a","authState","ssoErrorTitle","only","signInWithProvider","key","api","submit","failure","login","checkAuth","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_unref","_hoisted_3","_createVNode","EquivalentCommand","_hoisted_4","$event","_hoisted_5","_hoisted_6","_hoisted_7","ActionButton","_component_RouterLink","_Fragment","_hoisted_8","_hoisted_9","_renderList","p","SsoMark","_toDisplayString"],"mappings":"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"}

package/dist/assets/LogsTab--Q-KHeWj.js

@@ -0,0 +1,6 @@
+import{d as ie,N as j,Q as ue,c as n,a as s,e as Z,g as D,L as G,n as c,u as k,t as i,f as _,F as y,E as O,r as re,v as ve,z as de,i as m,j as q,p as W,a7 as H,C as ce,m as me,l as pe,o,M as fe}from"./index-D_Ks6aQi.js";import{d as u}from"./useDeployment-DFuBcVnK.js";import{_ as K}from"./SelectMenu.vue_vue_type_script_setup_true_lang-CMLYr7A7.js";import{_ as he}from"./LogViewer.vue_vue_type_script_setup_true_lang-BRSt9Exf.js";import"./useVars-VN9gYdR6.js";const ye={class:"panel"},ge={class:"phead"},be={class:"field inline"},ke={class:"field inline"},_e={class:"check"},we=["disabled","title"],xe=["disabled","title"],Ce={key:0,class:"progress","aria-hidden":"true"},Le={key:0,class:"mute"},Se={key:1,class:"mute"},$e={key:0,role:"alert",class:"banner failed"},Fe={key:1,class:"banner warn"},Ue={class:"logs-split"},Ve={class:"clist","aria-label":"Containers"},Ne={class:"clist-sub"},Re=["onClick"],Te={class:"clist-name"},Ee={key:0,class:"badge warn"},qe=["title"],Ae={key:0,class:"hint"},Be={class:"logs-main"},Ie={class:"row",style:{"margin-bottom":"var(--s3)"}},Me={class:"field grow"},ze={class:"check"},je={key:0,class:"log"},De={key:2,class:"hint"},Oe={key:3,class:"hint"},We={key:1,class:"mute"},X=5e3,Ge=ie({__name:"LogsTab",setup(He){const J=me(),Y=pe(),S=m(200),U=m(""),$=m(!1),f=m(""),p=m([]),w=q(()=>p.value.find(t=>t.name===f.value)??null),A=q(()=>{var t;return((t=w.value)==null?void 0:t.service)??""});async function ee(){const t=await W.get(`/api/deployments/${encodeURIComponent(u.id)}/runtime${H(u.vars)}`);t.ok&&(p.value=[...t.body.containers].sort((e,l)=>(e.service??e.name).localeCompare(l.service??l.name)))}const V=m(""),r=m(null),N=m(""),x=m(!1);j(()=>{var t;return[u.id,!!((t=u.detail)!=null&&t.compose)]},([t,e],l)=>{(!l||l[0]!==t)&&(p.value=[],f.value="",r.value=null),e&&p.value.length===0&&ee()},{immediate:!0}),j([p,()=>J.query.container],([t,e])=>{const l=typeof e=="string"?e:"";!l||!t.length||f.value===l||t.some(v=>v.name===l)&&(f.value=l,B())},{immediate:!0});function P(t){f.value!==t&&(f.value=t,Y.replace({query:{...J.query,container:t||void 0}}),B())}async function B(){var v;if(!((v=u.detail)!=null&&v.compose))return;const t=u.id;x.value=!0,N.value="";const e=A.value,l=await W.get(`/api/deployments/${encodeURIComponent(t)}/logs${H(u.vars,{tail:S.value,...e?{service:e}:{},...U.value?{since:U.value}:{},...$.value?{timestamps:1}:{}})}`);if(x.value=!1,u.id===t&&!(l.ok&&(l.body.service??"")!==e)){if(!l.ok){r.value=null,N.value=ce(l,"load the logs");return}r.value={...l.body,ok:l.body.ok!==!1,text:l.body.text??""}}}const d=m(!1),h=m([]);let g=null;function F(){g==null||g.close(),g=null,d.value=!1}function Q(){F(),h.value=[];const t=H(u.vars,{tail:S.value,...A.value?{service:A.value}:{},...$.value?{timestamps:1}:{}});g=new EventSource(W.url(`/api/deployments/${encodeURIComponent(u.id)}/logs/stream${t}`)),d.value=!0,g.onmessage=e=>{const l=JSON.parse(e.data);if(l.done){h.value.push(`— ${l.reason??"stream ended"} —`),F();return}l.line!==void 0&&(h.value.push(l.line),h.value.length>X&&h.value.splice(0,h.value.length-X))},g.onerror=()=>F()}function te(){d.value?F():Q()}j([f,$,S],()=>{d.value&&Q()}),ue(F);const I=q(()=>{var v;const t=d.value||h.value.length?h.value.join(`
+`):((v=r.value)==null?void 0:v.text)??"",e=V.value.trim().toLowerCase();if(!e)return t;const l=t.split(`
+`).filter(b=>b.toLowerCase().includes(e));return l.length?l.join(`
+`):`(no line matches "${V.value}")`}),M=m(!1),le=/^(\S+)\s+\| /,se=/^(\d{4}-\d{2}-\d{2}T[\d:.]+Z?)\s/,ae=q(()=>{var b;const t=I.value;if(!t||t.startsWith("(no line matches"))return[];const e=new Map,l=((b=w.value)==null?void 0:b.name)??"",v=[];return t.split(`
+`).forEach((C,a)=>{const R=le.exec(C);if(!R){v.push({key:a,text:C});return}const L=R[1];if(l&&L!==l&&p.value.some(ne=>ne.name===L))return;let T=C.slice(R[0].length),E;const z=se.exec(T);z&&(E=z[1],T=T.slice(z[0].length)),e.has(L)||e.set(L,e.size%6),v.push({key:a,gutter:L,text:T,tone:`svc-${e.get(L)}`,...E?{time:new Date(E).toTimeString().slice(0,8),timeTitle:E}:{}})}),v}),oe=t=>t.state==="running"&&t.health!=="unhealthy"?"s-ok":t.state==="exited"&&t.exitCode===0?"mute":"s-failed";return(t,e)=>{var l,v,b,C;return o(),n("section",ye,[s("div",ge,[e[9]||(e[9]=s("h2",{class:"section"},"Compose logs",-1)),e[10]||(e[10]=s("span",{class:"grow"},null,-1)),s("div",be,[e[6]||(e[6]=s("label",{for:"tail"},"Lines",-1)),Z(K,{id:"tail","model-value":String(S.value),label:"How many lines",options:[{value:"50",label:"50"},{value:"200",label:"200"},{value:"500",label:"500"},{value:"1000",label:"1000"},{value:"2000",label:"2000"}],"onUpdate:modelValue":e[0]||(e[0]=a=>S.value=Number(a))},null,8,["model-value"])]),s("div",ke,[e[7]||(e[7]=s("label",{for:"since"},"Since",-1)),Z(K,{id:"since",modelValue:U.value,"onUpdate:modelValue":e[1]||(e[1]=a=>U.value=a),label:"How far back",options:[{value:"",label:"Anything kept"},{value:"5m",label:"Last 5 minutes"},{value:"30m",label:"Last 30 minutes"},{value:"1h",label:"Last hour"},{value:"24h",label:"Last day"}]},null,8,["modelValue"])]),s("label",_e,[D(s("input",{"onUpdate:modelValue":e[2]||(e[2]=a=>$.value=a),type:"checkbox"},null,512),[[G,$.value]]),e[8]||(e[8]=c(" Timestamps ",-1))]),s("button",{disabled:!((l=k(u).detail)!=null&&l.compose),title:d.value?"Stop streaming":"Stream new lines as they arrive",onClick:te},i(d.value?"Stop following":"Follow"),9,we),s("button",{class:"primary",disabled:x.value||d.value||!((v=k(u).detail)!=null&&v.compose),title:d.value?"Already streaming.":void 0,onClick:B},[c(i(x.value?"Reading…":r.value?"Refresh":"Fetch")+" ",1),x.value?(o(),n("span",Ce)):_("",!0)],8,xe)]),k(u).detail?k(u).detail.compose?(o(),n(y,{key:2},[N.value?(o(),n("div",$e,i(N.value),1)):r.value&&!r.value.ok?(o(),n("div",Fe,[s("b",null,i(((b=k(u).detail)==null?void 0:b.orchestrator)==="swarm"?"docker service logs":"Compose")+" exited non-zero.",1),s("p",null,[(C=k(u).detail)!=null&&C.asleep?(o(),n(y,{key:0},[c("Asleep — no containers to read.")],64)):(o(),n(y,{key:1},[c("Usually nothing brought up yet; any output it produced is below.")],64))])])):_("",!0),s("div",Ue,[s("aside",Ve,[s("button",{class:O(["clist-item",{on:f.value===""}]),onClick:e[3]||(e[3]=a=>P(""))},[e[12]||(e[12]=s("span",{class:"clist-name"},"All services",-1)),s("span",Ne,i(p.value.length)+" container"+i(p.value.length===1?"":"s"),1)],2),(o(!0),n(y,null,re(p.value,a=>(o(),n("button",{key:a.id,class:O(["clist-item",{on:f.value===a.name}]),onClick:R=>P(a.name)},[s("span",Te,[c(i(a.service??a.name)+" ",1),a.restartCount>0?(o(),n("span",Ee,i(a.restartCount)+"×",1)):_("",!0)]),s("span",{class:"clist-sub mono",title:a.name},i(a.name),9,qe),s("span",{class:O(["clist-state",oe(a)])},i(k(fe)(a.health??a.state)),3)],10,Re))),128)),p.value.length?_("",!0):(o(),n("p",Ae,"No containers."))]),s("div",Be,[s("div",Ie,[s("div",Me,[e[13]||(e[13]=s("label",{for:"lf"},"Search",-1)),D(s("input",{id:"lf","onUpdate:modelValue":e[4]||(e[4]=a=>V.value=a),"data-search":"",type:"search",placeholder:"Substring",spellcheck:"false"},null,512),[[ve,V.value]])]),s("label",ze,[D(s("input",{"onUpdate:modelValue":e[5]||(e[5]=a=>M.value=a),type:"checkbox"},null,512),[[G,M.value]]),e[14]||(e[14]=c(" Raw output ",-1))])]),r.value||d.value||h.value.length?(o(),n(y,{key:0},[M.value?(o(),n("pre",je,i(I.value||"(no output)"),1)):(o(),de(he,{key:1,rows:ae.value,live:d.value,"copy-text":I.value,"empty-text":d.value?"Waiting for output…":"(no output)"},null,8,["rows","live","copy-text","empty-text"])),d.value?(o(),n("p",De," Following "+i(w.value?w.value.name:"the whole stack")+" · last "+i(X.toLocaleString())+" lines ",1)):r.value?(o(),n("p",Oe,[c(i(r.value.lines??0)+" line"+i((r.value.lines??0)===1?"":"s")+" ",1),w.value?(o(),n(y,{key:0},[e[15]||(e[15]=c("from ",-1)),s("b",null,i(w.value.name),1)],64)):(o(),n(y,{key:1},[c("across the stack")],64)),r.value.since?(o(),n(y,{key:2},[c(", last "+i(r.value.since),1)],64)):_("",!0),c(", tail "+i(r.value.tail)+" · secrets redacted on the host. ",1)])):_("",!0)],64)):x.value?_("",!0):(o(),n("p",We,"Fetch the last lines, or follow live."))])])],64)):(o(),n("p",Se,[...e[11]||(e[11]=[c("No ",-1),s("code",null,"compose:",-1),c(" section.",-1)])])):(o(),n("p",Le,"Unavailable until the spec resolves."))])}}});export{Ge as default};
+//# sourceMappingURL=LogsTab--Q-KHeWj.js.map

package/dist/assets/LogsTab--Q-KHeWj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogsTab--Q-KHeWj.js","sources":["../../src/views/tabs/LogsTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Compose logs, fetched ON DEMAND.\n *\n * Never polled: an auto-refresh against a chatty stack would hammer the host through\n * `docker compose logs` — the same host that is running everyone else's previews. The tail is\n * clamped to 1–2000 by the server for the same reason.\n *\n * ── THE CONTAINER LIST IS A PANEL, NOT A DROPDOWN ────────────────────────────────────────────────\n *\n * A picker hides the fleet behind a click and shows one name at a time. Reading logs is a hunt —\n * \"which of these is the one that's broken\" — so the containers are a standing list beside the\n * output, each with its state, and one click switches the pane. It scrolls, because a stack with\n * twenty containers must not push the log off the screen.\n *\n * Selecting a CONTAINER narrows two ways at once: the server is asked for that container's service\n * (so the whole tail is spent on it), and rows whose prefix names a different replica are dropped\n * client-side. Selecting \"All services\" restores the interleaved view.\n *\n * ── WHY THE OPTIONS EXIST ────────────────────────────────────────────────────────────────────────\n *\n * `--timestamps` is what makes a line comparable to anything else — a deploy, a healthcheck flap,\n * another service. `--since` is what makes a long-lived container readable: a tail of 2000 on a\n * service that logs every request is 2000 lines of the last four minutes.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { api, problem, query } from '../../api/client';\nimport type { LogsResponse, RuntimeContainer, RuntimeResponse } from '../../api/types';\nimport { dep } from '../../composables/useDeployment';\nimport { sentence } from '../../composables/useFormat';\nimport SelectMenu from '../../components/SelectMenu.vue';\nimport LogViewer from '../../components/LogViewer.vue';\nimport type { LogRow } from '../../components/log-viewer-types';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tail = ref(200);\nconst since = ref('');\nconst timestamps = ref(false);\n/** '' means the whole stack; otherwise a CONTAINER name (its service is what the server is asked for). */\nconst selected = ref('');\nconst containers = ref<RuntimeContainer[]>([]);\n\nconst current = computed(() => containers.value.find((c) => c.name === selected.value) ?? null);\n/** What the server is asked to narrow to — compose narrows by service, not by container. */\nconst service = computed(() => current.value?.service ?? '');\n\nasync function loadContainers(): Promise<void> {\n  const r = await api.get<RuntimeResponse>(\n    `/api/deployments/${encodeURIComponent(dep.id)}/runtime${query(dep.vars)}`,\n  );\n  if (!r.ok) return; // the panel is a convenience; the whole-stack read still works without it\n  containers.value = [...r.body.containers].sort((a, b) =>\n    (a.service ?? a.name).localeCompare(b.service ?? b.name),\n  );\n}\n\nconst filter = ref('');\nconst logs = ref<LogsResponse | null>(null);\nconst error = ref('');\nconst loading = ref(false);\n\nwatch(\n  () => [dep.id, !!dep.detail?.compose] as const,\n  ([id, hasCompose], prev) => {\n    if (!prev || prev[0] !== id) {\n      containers.value = [];\n      selected.value = '';\n      logs.value = null;\n    }\n    // Gated on the RESOLVED spec, not just the id: this component mounts before the parent has\n    // resolved the deployment, so an id-only watcher saw `dep.detail === undefined` and the\n    // container panel never appeared.\n    if (hasCompose && containers.value.length === 0) void loadContainers();\n  },\n  { immediate: true },\n);\n\n/**\n * `?container=` deep link — how the Containers table jumps straight here.\n *\n * Applied once the container list has arrived, because the name has to resolve to a real container\n * to pick its service; and it fetches immediately, since arriving from \"show me this container's\n * logs\" and then being asked to press Fetch is a wasted click.\n */\nwatch(\n  [containers, () => route.query.container],\n  ([list, wanted]) => {\n    const name = typeof wanted === 'string' ? wanted : '';\n    if (!name || !list.length || selected.value === name) return;\n    if (!list.some((c) => c.name === name)) return;\n    selected.value = name;\n    void fetchLogs();\n  },\n  { immediate: true },\n);\n\nfunction select(name: string): void {\n  if (selected.value === name) return;\n  selected.value = name;\n  // Keep the URL honest so the pane can be linked to and survives a reload.\n  void router.replace({ query: { ...route.query, container: name || undefined } });\n  void fetchLogs();\n}\n\nasync function fetchLogs(): Promise<void> {\n  if (!dep.detail?.compose) return;\n  const id = dep.id;\n  loading.value = true;\n  error.value = '';\n  const chosen = service.value;\n  const r = await api.get<LogsResponse>(\n    `/api/deployments/${encodeURIComponent(id)}/logs${query(dep.vars, {\n      tail: tail.value,\n      ...(chosen ? { service: chosen } : {}),\n      ...(since.value ? { since: since.value } : {}),\n      ...(timestamps.value ? { timestamps: 1 } : {}),\n    })}`,\n  );\n  loading.value = false;\n  if (dep.id !== id) return; // navigated away mid-flight\n  // A slow response for the previously-selected service must not land in a pane now labelled with a\n  // different one.\n  if (r.ok && (r.body.service ?? '') !== chosen) return;\n  if (!r.ok) {\n    logs.value = null;\n    error.value = problem(r, 'load the logs');\n    return;\n  }\n  logs.value = { ...r.body, ok: r.body.ok !== false, text: r.body.text ?? '' };\n}\n\n/**\n * FOLLOW — one `compose logs --follow` on the server, streamed here over SSE.\n *\n * Not a poll. Re-fetching a full tail every few seconds would re-send everything each time and hit\n * the host that is running everyone else's previews; a followed process sends each line once and\n * costs nothing in between. That is why the \"never polled\" rule in this file survives a live tail.\n *\n * The buffer is CAPPED. A chatty service can emit thousands of lines a minute, and an unbounded\n * array behind a DOM list is how a tab left open overnight ends up unresponsive.\n */\nconst MAX_FOLLOW_LINES = 5_000;\nconst following = ref(false);\nconst liveLines = ref<string[]>([]);\nlet source: EventSource | null = null;\n\nfunction stopFollow(): void {\n  source?.close();\n  source = null;\n  following.value = false;\n}\n\nfunction startFollow(): void {\n  stopFollow();\n  liveLines.value = [];\n  const q = query(dep.vars, {\n    tail: tail.value,\n    ...(service.value ? { service: service.value } : {}),\n    ...(timestamps.value ? { timestamps: 1 } : {}),\n  });\n  // EventSource cannot set headers, which is exactly why sessions are cookies — the request is\n  // same-origin and carries the session automatically. A token-only browser session is the one case\n  // this cannot serve, and the server answers 401 rather than streaming nothing.\n  source = new EventSource(\n    api.url(`/api/deployments/${encodeURIComponent(dep.id)}/logs/stream${q}`),\n  );\n  following.value = true;\n  source.onmessage = (ev) => {\n    const payload = JSON.parse(ev.data) as { line?: string; done?: boolean; reason?: string };\n    if (payload.done) {\n      // The stack stopped, or the follow hit its cap. Say which, rather than leaving a live-looking\n      // pane that will never produce another line.\n      liveLines.value.push(`— ${payload.reason ?? 'stream ended'} —`);\n      stopFollow();\n      return;\n    }\n    if (payload.line === undefined) return;\n    liveLines.value.push(payload.line);\n    if (liveLines.value.length > MAX_FOLLOW_LINES) {\n      liveLines.value.splice(0, liveLines.value.length - MAX_FOLLOW_LINES);\n    }\n  };\n  source.onerror = () => stopFollow();\n}\n\nfunction toggleFollow(): void {\n  if (following.value) stopFollow();\n  else startFollow();\n}\n\n// Switching container/options mid-follow must re-open the stream, or the pane keeps showing the\n// previous selection's lines under the new label.\nwatch([selected, timestamps, tail], () => {\n  if (following.value) startFollow();\n});\nonBeforeUnmount(stopFollow);\n\n/** Search-in-logs: filter to matching lines rather than highlighting inside a wall of text. */\nconst shown = computed(() => {\n  // While following, the live buffer IS the log — one source of truth for the pane, so the pretty\n  // view, raw view, search and copy all agree about what is on screen.\n  const text = following.value || liveLines.value.length ? liveLines.value.join('\\n') : (logs.value?.text ?? '');\n  const needle = filter.value.trim().toLowerCase();\n  if (!needle) return text;\n  const lines = text.split('\\n').filter((l) => l.toLowerCase().includes(needle));\n  return lines.length ? lines.join('\\n') : `(no line matches \"${filter.value}\")`;\n});\n\n/**\n * Raw is ALWAYS available, one click away. The pretty view re-arranges compose's output, and a\n * re-arranged log is the wrong thing to paste into a bug report or diff against a colleague's —\n * raw shows the exact bytes the server sent, filter and all.\n */\nconst raw = ref(false);\n\n/**\n * Compose prefixes every line with `container-name  | `, and with `--timestamps` the timestamp\n * follows it. The pretty view lifts the prefix into a non-wrapping gutter with a stable per-service\n * colour and the timestamp into the viewer's own time column, so interleaved services stop reading\n * as one grey wall. A line with no prefix (a compose warning, a continuation) gets an empty gutter\n * rather than being guessed at.\n */\nconst PREFIX = /^(\\S+)\\s+\\| /;\n/** Docker's own stamp: RFC3339 with nanoseconds, always first after the prefix. */\nconst TS = /^(\\d{4}-\\d{2}-\\d{2}T[\\d:.]+Z?)\\s/;\n\nconst logRows = computed<LogRow[]>(() => {\n  const text = shown.value;\n  if (!text || text.startsWith('(no line matches')) return [];\n  const hues = new Map<string, number>();\n  const only = current.value?.name ?? '';\n  const rows: LogRow[] = [];\n  text.split('\\n').forEach((line, i) => {\n    const m = PREFIX.exec(line);\n    if (!m) {\n      rows.push({ key: i, text: line });\n      return;\n    }\n    const from = m[1]!;\n    // A service with several replicas answers as one stream; keep only the chosen replica's lines.\n    if (only && from !== only && containers.value.some((c) => c.name === from)) return;\n    let rest = line.slice(m[0].length);\n    let when: string | undefined;\n    const t = TS.exec(rest);\n    if (t) {\n      when = t[1]!;\n      rest = rest.slice(t[0].length);\n    }\n    if (!hues.has(from)) hues.set(from, hues.size % 6);\n    rows.push({\n      key: i,\n      gutter: from,\n      text: rest,\n      tone: `svc-${hues.get(from)}`,\n      ...(when ? { time: new Date(when).toTimeString().slice(0, 8), timeTitle: when } : {}),\n    });\n  });\n  return rows;\n});\n\nconst stateTone = (c: RuntimeContainer): string =>\n  c.state === 'running' && c.health !== 'unhealthy' ? 's-ok' : c.state === 'exited' && c.exitCode === 0 ? 'mute' : 's-failed';\n</script>\n\n<template>\n  <section class=\"panel\">\n    <div class=\"phead\">\n      <h2 class=\"section\">Compose logs</h2>\n      <span class=\"grow\" />\n      <div class=\"field inline\">\n        <label for=\"tail\">Lines</label>\n        <SelectMenu\n          id=\"tail\"\n          :model-value=\"String(tail)\"\n          label=\"How many lines\"\n          :options=\"[\n            { value: '50', label: '50' },\n            { value: '200', label: '200' },\n            { value: '500', label: '500' },\n            { value: '1000', label: '1000' },\n            { value: '2000', label: '2000' },\n          ]\"\n          @update:model-value=\"(v) => (tail = Number(v))\"\n        />\n      </div>\n      <div class=\"field inline\">\n        <label for=\"since\">Since</label>\n        <SelectMenu\n          id=\"since\"\n          v-model=\"since\"\n          label=\"How far back\"\n          :options=\"[\n            { value: '', label: 'Anything kept' },\n            { value: '5m', label: 'Last 5 minutes' },\n            { value: '30m', label: 'Last 30 minutes' },\n            { value: '1h', label: 'Last hour' },\n            { value: '24h', label: 'Last day' },\n          ]\"\n        />\n      </div>\n      <label class=\"check\">\n        <input v-model=\"timestamps\" type=\"checkbox\" />\n        Timestamps\n      </label>\n      <button\n        :disabled=\"!dep.detail?.compose\"\n        :title=\"following ? 'Stop streaming' : 'Stream new lines as they arrive'\"\n        @click=\"toggleFollow\"\n      >\n        {{ following ? 'Stop following' : 'Follow' }}\n      </button>\n      <button\n        class=\"primary\"\n        :disabled=\"loading || following || !dep.detail?.compose\"\n        :title=\"following ? 'Already streaming.' : undefined\"\n        @click=\"fetchLogs\"\n      >\n        {{ loading ? 'Reading…' : logs ? 'Refresh' : 'Fetch' }}\n        <span v-if=\"loading\" class=\"progress\" aria-hidden=\"true\" />\n      </button>\n    </div>\n\n    <p v-if=\"!dep.detail\" class=\"mute\">Unavailable until the spec resolves.</p>\n    <!-- Guard on the field rather than calling and interpreting the failure after the fact. -->\n    <p v-else-if=\"!dep.detail.compose\" class=\"mute\">No <code>compose:</code> section.</p>\n\n    <template v-else>\n      <div v-if=\"error\" role=\"alert\" class=\"banner failed\">{{ error }}</div>\n\n      <!--\n        `ok: false` means compose exited non-zero. Usually \"no such project\" because the stack was\n        never brought up — not a server fault, so it is a note rather than an error.\n      -->\n      <div v-else-if=\"logs && !logs.ok\" class=\"banner warn\">\n        <b>{{ dep.detail?.orchestrator === 'swarm' ? 'docker service logs' : 'Compose' }} exited non-zero.</b>\n        <p>\n          <!-- Asleep and never-brought-up look identical from here; say which. -->\n          <template v-if=\"dep.detail?.asleep\">Asleep — no containers to read.</template>\n          <template v-else>Usually nothing brought up yet; any output it produced is below.</template>\n        </p>\n      </div>\n\n      <div class=\"logs-split\">\n        <!-- ============================ the container panel ============================ -->\n        <aside class=\"clist\" aria-label=\"Containers\">\n          <button class=\"clist-item\" :class=\"{ on: selected === '' }\" @click=\"select('')\">\n            <span class=\"clist-name\">All services</span>\n            <span class=\"clist-sub\">{{ containers.length }} container{{ containers.length === 1 ? '' : 's' }}</span>\n          </button>\n          <button\n            v-for=\"c in containers\"\n            :key=\"c.id\"\n            class=\"clist-item\"\n            :class=\"{ on: selected === c.name }\"\n            @click=\"select(c.name)\"\n          >\n            <span class=\"clist-name\">\n              {{ c.service ?? c.name }}\n              <span v-if=\"c.restartCount > 0\" class=\"badge warn\">{{ c.restartCount }}×</span>\n            </span>\n            <span class=\"clist-sub mono\" :title=\"c.name\">{{ c.name }}</span>\n            <span class=\"clist-state\" :class=\"stateTone(c)\">\n              {{ sentence(c.health ?? c.state) }}\n            </span>\n          </button>\n          <p v-if=\"!containers.length\" class=\"hint\">No containers.</p>\n        </aside>\n\n        <!-- ============================ the output ============================ -->\n        <div class=\"logs-main\">\n          <div class=\"row\" style=\"margin-bottom: var(--s3)\">\n            <div class=\"field grow\">\n              <label for=\"lf\">Search</label>\n              <input\n                id=\"lf\"\n                v-model=\"filter\"\n                data-search\n                type=\"search\"\n                placeholder=\"Substring\"\n                spellcheck=\"false\"\n              />\n            </div>\n            <label class=\"check\">\n              <input v-model=\"raw\" type=\"checkbox\" />\n              Raw output\n            </label>\n          </div>\n\n          <template v-if=\"logs || following || liveLines.length\">\n            <pre v-if=\"raw\" class=\"log\">{{ shown || '(no output)' }}</pre>\n            <LogViewer\n              v-else\n              :rows=\"logRows\"\n              :live=\"following\"\n              :copy-text=\"shown\"\n              :empty-text=\"following ? 'Waiting for output…' : '(no output)'\"\n            />\n            <p v-if=\"following\" class=\"hint\">\n              Following {{ current ? current.name : 'the whole stack' }} · last\n              {{ MAX_FOLLOW_LINES.toLocaleString() }} lines\n            </p>\n            <!-- The redaction note stays: what is on screen is not the raw bytes on the host. -->\n            <p v-else-if=\"logs\" class=\"hint\">\n              {{ logs.lines ?? 0 }} line{{ (logs.lines ?? 0) === 1 ? '' : 's' }}\n              <template v-if=\"current\">from <b>{{ current.name }}</b></template>\n              <template v-else>across the stack</template>\n              <template v-if=\"logs.since\">, last {{ logs.since }}</template>, tail\n              {{ logs.tail }} · secrets redacted on the host.\n            </p>\n          </template>\n          <p v-else-if=\"!loading\" class=\"mute\">Fetch the last lines, or follow live.</p>\n        </div>\n      </div>\n    </template>\n  </section>\n</template>\n"],"names":["MAX_FOLLOW_LINES","route","useRoute","router","useRouter","tail","ref","since","timestamps","selected","containers","current","computed","c","service","_a","loadContainers","r","api","dep","query","a","b","filter","logs","error","loading","watch","id","hasCompose","prev","list","wanted","name","fetchLogs","select","chosen","problem","following","liveLines","source","stopFollow","startFollow","q","ev","payload","toggleFollow","onBeforeUnmount","shown","text","needle","lines","l","raw","PREFIX","TS","logRows","hues","only","rows","line","i","m","from","rest","when","t","stateTone","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_hoisted_3","_createVNode","SelectMenu","v","_hoisted_4","$event","_hoisted_5","_unref","_hoisted_6","_hoisted_8","_Fragment","_hoisted_11","_toDisplayString","_hoisted_12","_hoisted_13","_hoisted_14","_normalizeClass","_hoisted_15","_renderList","_hoisted_17","_createTextVNode","_hoisted_18","_hoisted_19","sentence","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_createBlock","LogViewer","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_10","_hoisted_9"],"mappings":"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"}

package/dist/assets/NotFoundView-1lI66Xt-.js

@@ -0,0 +1,2 @@
+import{d,c as u,a as s,n as o,t as i,u as r,e as n,h as l,m as p,k as m,o as f}from"./index-D_Ks6aQi.js";const _={class:"page-head"},b={class:"sub"},v={class:"panel"},N={class:"row"},V=d({__name:"NotFoundView",setup(k){const a=p();return(c,t)=>{const e=m("RouterLink");return f(),u("div",null,[s("div",_,[s("div",null,[t[2]||(t[2]=s("h1",null,"Not found",-1)),s("div",b,[t[0]||(t[0]=o("Nothing is routed at ",-1)),s("code",null,i(r(a).fullPath),1),t[1]||(t[1]=o(".",-1))])])]),s("section",v,[s("div",N,[n(e,{class:"btn",to:"/"},{default:l(()=>[...t[3]||(t[3]=[o("Dashboard",-1)])]),_:1}),n(e,{class:"btn",to:"/deployments"},{default:l(()=>[...t[4]||(t[4]=[o("Deployments",-1)])]),_:1}),n(e,{class:"btn",to:"/jobs"},{default:l(()=>[...t[5]||(t[5]=[o("Jobs",-1)])]),_:1})])])])}}});export{V as default};
+//# sourceMappingURL=NotFoundView-1lI66Xt-.js.map

package/dist/assets/NotFoundView-1lI66Xt-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundView-1lI66Xt-.js","sources":["../../src/views/NotFoundView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Catch-all route.\n *\n * Exists so a mistyped or stale deep link renders something with a way out, rather than the blank\n * screen a SPA gives you by default when no route matches.\n */\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\n</script>\n\n<template>\n  <div>\n    <div class=\"page-head\">\n      <div>\n        <h1>Not found</h1>\n        <div class=\"sub\">Nothing is routed at <code>{{ route.fullPath }}</code>.</div>\n      </div>\n    </div>\n\n    <section class=\"panel\">\n      <div class=\"row\">\n        <RouterLink class=\"btn\" to=\"/\">Dashboard</RouterLink>\n        <RouterLink class=\"btn\" to=\"/deployments\">Deployments</RouterLink>\n        <RouterLink class=\"btn\" to=\"/jobs\">Jobs</RouterLink>\n      </div>\n    </section>\n  </div>\n</template>\n"],"names":["route","useRoute","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","_toDisplayString","_unref","_hoisted_3","_hoisted_4","_createVNode","_component_RouterLink"],"mappings":"2NASA,MAAMA,EAAQC,EAAA,mDAIZC,EAeM,MAAA,KAAA,CAdJC,EAKM,MALNC,EAKM,CAJJD,EAGM,MAAA,KAAA,CAFJE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAF,EAAkB,UAAd,YAAS,EAAA,GACbA,EAA8E,MAA9EG,EAA8E,eAA7D,wBAAqB,EAAA,GAAAH,EAAiC,OAAA,KAAAI,EAAxBC,EAAAR,CAAA,EAAM,QAAQ,EAAA,CAAA,gBAAU,IAAC,EAAA,EAAA,OAI5EG,EAMU,UANVM,EAMU,CALRN,EAIM,MAJNO,EAIM,CAHJC,EAAqDC,EAAA,CAAzC,MAAM,MAAM,GAAG,GAAA,aAAI,IAAS,CAAA,GAAAP,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAAT,YAAS,EAAA,CAAA,WACxCM,EAAkEC,EAAA,CAAtD,MAAM,MAAM,GAAG,cAAA,aAAe,IAAW,CAAA,GAAAP,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAAX,cAAW,EAAA,CAAA,WACrDM,EAAoDC,EAAA,CAAxC,MAAM,MAAM,GAAG,OAAA,aAAQ,IAAI,CAAA,GAAAP,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAAJ,OAAI,EAAA,CAAA"}

package/dist/assets/NotifiersView-BfWfRzg4.js

@@ -0,0 +1,2 @@
+import{d as le,N as oe,c as a,a as t,e as g,z as A,f as v,F as m,t as i,r as R,g as M,v as O,n as p,h as E,i as d,j as z,p as f,C as h,o,D as ae,u as U,M as Q,E as W,R as ne,a6 as $}from"./index-D_Ks6aQi.js";import{A as q}from"./ActionButton-OewKsFrK.js";import{_ as G}from"./ErrorNote.vue_vue_type_script_setup_true_lang-FEOV8vdM.js";import{_ as ie}from"./SkeletonList.vue_vue_type_script_setup_true_lang-D4pkKZAr.js";import{_ as re}from"./RelativeTime.vue_vue_type_script_setup_true_lang-BxIqRu_b.js";import{_ as de}from"./SelectMenu.vue_vue_type_script_setup_true_lang-CMLYr7A7.js";import{_ as I}from"./RefreshButton.vue_vue_type_script_setup_true_lang-CQvD4Out.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const ue={class:"page-head"},ve={key:1,class:"panel"},ce={key:0,class:"banner ok"},pe={class:"code"},fe={class:"row"},ye={class:"panel"},me={key:1,role:"table",class:"cards"},he={role:"rowgroup",class:"stagger"},ke={role:"cell",class:"name","data-label":"name"},_e={class:"mute",style:{"font-size":"var(--t-sm)"}},ge={role:"cell","data-label":"events"},be={key:0,class:"badge"},we={key:1},$e={role:"cell","data-label":"last delivery"},Ce={key:0,class:"mute"},xe={key:2,class:"mute",style:{"font-size":"var(--t-sm)"}},Ne={role:"cell","data-label":""},Te={class:"row",style:{"justify-content":"flex-end"}},Ae={key:0,class:"badge off"},Re=["onClick"],Se=["onClick"],Ve=["onClick"],De={role:"cell",colspan:"4"},Ee={class:"row",style:{"margin-bottom":"var(--s2)"}},ze={key:0,class:"badge busy"},Ue={key:0,class:"kvlist"},qe={class:"k"},Be={class:"v"},je={class:"mute",style:{"font-size":"var(--t-sm)"}},He={key:0,class:"s-failed",style:{"font-size":"var(--t-sm)"}},Le={key:1,class:"mute"},Pe={key:2,class:"mute"},Fe={class:"panel"},Me={key:0,class:"field",style:{"max-width":"320px"}},Oe={class:"field",style:{"max-width":"380px"}},Qe=["for"],We=["id","onUpdate:modelValue","placeholder"],Ge={class:"row"},Ie={class:"check"},Je=["checked"],Ke={key:1,class:"check-grid"},Xe=["checked","onChange"],Ye={class:"row",style:{"margin-top":"var(--s4)"}},Ze={key:3,class:"hint"},et={key:4,class:"hint"},vt=le({__name:"NotifiersView",setup(tt){const S=d([]),k=d(null),B=d(!1),y=d(""),j=d(!1),b=d(null),n=d({name:"",type:"webhook",events:[],config:{}}),w=d(!1),C=d(""),c=d(null),x=d([]),N=d(0),V=d(0),J=z(()=>{var s;return(((s=k.value)==null?void 0:s.types)??[]).map(e=>({value:e.kind,label:e.label}))}),D=z(()=>{var s;return((s=k.value)==null?void 0:s.types.find(e=>e.kind===n.value.type))??null});oe(()=>n.value.type,()=>{n.value.config={}});const K=z(()=>{var s;return!w.value&&!!n.value.name.trim()&&n.value.events.length>0&&(((s=D.value)==null?void 0:s.fields)??[]).every(e=>{var u;return!e.required||!!((u=n.value.config[e.key])!=null&&u.trim())})});async function _(){const[s,e]=await Promise.all([f.get("/api/notifiers"),f.get("/api/notifiers/meta")]);if(B.value=!0,s.status===404||e.status===404){j.value=!0;return}if(!s.ok){y.value=h(s,"load the notifiers");return}y.value="",S.value=s.body.notifiers??[],e.ok&&(k.value=e.body)}_();function H(s){const e=n.value.events.indexOf(s);e===-1?n.value.events.push(s):n.value.events.splice(e,1)}async function X(){w.value=!0,C.value="";const s=await f.post("/api/notifiers",{name:n.value.name.trim(),type:n.value.type,events:n.value.events,config:n.value.config});if(w.value=!1,!s.ok){C.value=h(s,"register this notifier");return}b.value=s.body.secret?{name:s.body.notifier.name,secret:s.body.secret}:null,n.value={name:"",type:n.value.type,events:[],config:{}},_()}async function Y(s,e){const u=await f.patch(`/api/notifiers/${s.id}`,{enabled:e});u.ok||(y.value=h(u,"update this notifier")),_()}async function Z(s){const e=await f.del(`/api/notifiers/${s.id}`);if(!e.ok){y.value=h(e,"remove this notifier");return}c.value===s.id&&(c.value=null),$("ok",`Removed ${s.name}.`),_()}async function ee(s){const e=await f.post(`/api/notifiers/${s.id}/test`,{});if(!e.ok){y.value=h(e,"send a test delivery");return}const u=e.body.result;u.ok?$("ok","Test delivered."):$("error",`${s.name}: ${u.error??`HTTP ${u.status}`}`),_()}async function te(s){if(c.value===s.id){c.value=null;return}const e=await f.get(`/api/notifiers/${s.id}/deliveries`);if(!e.ok){y.value=h(e,"load the delivery log");return}x.value=e.body.deliveries??[],N.value=e.body.queued??0,c.value=s.id}async function L(){const s=c.value;if(s===null)return;const e=await f.get(`/api/notifiers/${s}/deliveries`);e.ok&&(x.value=e.body.deliveries??[],N.value=e.body.queued??0)}async function se(s){if(c.value===null)return;V.value=s.id;const e=await f.post(`/api/notifiers/${c.value}/deliveries/${s.id}/redeliver`);if(V.value=0,!e.ok){$("error",h(e,"redeliver this event"));return}$("ok",e.body.note??"Queued for redelivery."),await L()}return(s,e)=>{var u,P,F;return o(),a("div",null,[t("div",ue,[e[4]||(e[4]=t("div",null,[t("h1",null,"Notifiers"),t("div",{class:"sub"},"Where events on this host get sent")],-1)),e[5]||(e[5]=t("span",{class:"grow"},null,-1)),g(I,{run:_})]),y.value?(o(),A(G,{key:0,text:y.value,title:"Could not load the notifiers."},null,8,["text"])):v("",!0),j.value?(o(),a("section",ve,[...e[6]||(e[6]=[t("div",{class:"banner plain"},[t("b",null,"This server has no notifiers. Upgrade the host.")],-1)])])):(o(),a(m,{key:2},[b.value?(o(),a("div",ce,[t("b",null,"Signing secret for “"+i(b.value.name)+"” — shown once. Copy it now.",1),t("pre",pe,i(b.value.secret),1),t("div",fe,[t("button",{class:"btn",onClick:e[0]||(e[0]=l=>b.value=null)},"Dismiss")])])):v("",!0),t("section",ye,[e[12]||(e[12]=t("div",{class:"phead"},[t("h2",{class:"section"},"Registered")],-1)),B.value?S.value.length?(o(),a("table",me,[e[11]||(e[11]=t("thead",{role:"rowgroup"},[t("tr",{role:"row"},[t("th",{role:"columnheader"},"Name"),t("th",{role:"columnheader"},"Events"),t("th",{role:"columnheader"},"Last delivery"),t("th",{role:"columnheader"})])],-1)),t("tbody",he,[(o(!0),a(m,null,R(S.value,(l,T)=>(o(),a(m,{key:l.id},[t("tr",{role:"row",style:ae({"--i":T})},[t("td",ke,[p(i(l.name)+" ",1),t("div",_e,i(U(Q)(l.type))+" · "+i(String(l.config.url??l.config.webhookUrl??"")),1)]),t("td",ge,[l.events.includes("*")?(o(),a("span",be,"All events")):(o(),a("span",we,i(l.events.join(", ")),1))]),t("td",$e,[l.lastStatus?(o(),a("span",{key:1,class:W(l.lastStatus==="ok"?"s-ok":"s-failed")},i(l.lastStatus),3)):(o(),a("span",Ce,"never")),l.lastAt?(o(),a("div",xe,[g(re,{at:l.lastAt},null,8,["at"])])):v("",!0)]),t("td",Ne,[t("div",Te,[l.enabled?v("",!0):(o(),a("span",Ae,"Disabled")),t("button",{class:"ghost sm",onClick:r=>te(l)},i(c.value===l.id?"Hide":"Deliveries"),9,Re),t("button",{class:"ghost sm",onClick:r=>ee(l)},"Test",8,Se),t("button",{class:"ghost sm",onClick:r=>Y(l,!l.enabled)},i(l.enabled?"Disable":"Enable"),9,Ve),g(q,{variant:"danger",confirm:`Remove ${l.name}?`,onRun:r=>Z(l)},{default:E(()=>[...e[7]||(e[7]=[p("Remove",-1)])]),_:1},8,["confirm","onRun"])])])],4),c.value===l.id?(o(),a("tr",{key:`d${l.id}`,role:"row"},[t("td",De,[t("div",Ee,[N.value>0?(o(),a("span",ze,[e[8]||(e[8]=t("span",{class:"dot pulse"},null,-1)),p(i(N.value)+" queued ",1)])):v("",!0),e[9]||(e[9]=t("span",{class:"grow"},null,-1)),g(I,{run:L})]),x.value.length?(o(),a("ul",Ue,[(o(!0),a(m,null,R(x.value,r=>(o(),a("li",{key:r.id},[t("span",qe,[t("span",{class:W(r.status==="ok"?"s-ok":"s-failed")},i(U(Q)(r.status)),3)]),t("span",Be,[p(i(r.event)+" ",1),t("span",je,[p(" · "+i(U(ne)(r.createdAt))+" · "+i(r.attempts)+" attempt(s)",1),r.responseCode?(o(),a(m,{key:0},[p(" · HTTP "+i(r.responseCode),1)],64)):v("",!0)]),r.error?(o(),a("div",He,i(r.error),1)):v("",!0)]),r.replayable?(o(),A(q,{key:0,class:"sm",variant:"ghost",pending:V.value===r.id,confirm:"Send it again?",title:"Sends this event again with its original id, so a receiver can dedupe.",onRun:st=>se(r)},{default:E(()=>[...e[10]||(e[10]=[p(" Redeliver ",-1)])]),_:1},8,["pending","onRun"])):v("",!0)]))),128))])):(o(),a("p",Le,"Nothing delivered yet."))])])):v("",!0)],64))),128))])])):(o(),a("p",Pe,"No notifiers yet. Add one below.")):(o(),A(ie,{key:0,rows:2,tall:""}))]),t("section",Fe,[e[16]||(e[16]=t("h2",{class:"section",style:{"margin-bottom":"var(--s3)"}},"Add a notifier",-1)),k.value&&k.value.types.length>1?(o(),a("div",Me,[e[13]||(e[13]=t("label",{for:"ty"},"Type",-1)),g(de,{modelValue:n.value.type,"onUpdate:modelValue":e[1]||(e[1]=l=>n.value.type=l),id:"ty",label:"Notifier type",options:J.value},null,8,["modelValue","options"])])):v("",!0),t("div",Oe,[e[14]||(e[14]=t("label",{for:"nn"},"Name",-1)),M(t("input",{id:"nn","onUpdate:modelValue":e[2]||(e[2]=l=>n.value.name=l),type:"text",placeholder:"ops-slack-bridge",spellcheck:"false"},null,512),[[O,n.value.name,void 0,{trim:!0}]])]),(o(!0),a(m,null,R(((u=D.value)==null?void 0:u.fields)??[],l=>(o(),a("div",{key:l.key,class:"field",style:{"max-width":"380px"}},[t("label",{for:`cfg-${l.key}`},i(l.label),9,Qe),M(t("input",{id:`cfg-${l.key}`,"onUpdate:modelValue":T=>n.value.config[l.key]=T,type:"text",placeholder:l.placeholder,spellcheck:"false"},null,8,We),[[O,n.value.config[l.key],void 0,{trim:!0}]])]))),128)),e[17]||(e[17]=t("h2",{class:"section",style:{margin:"var(--s5) 0 var(--s3)"}},"Events",-1)),t("div",Ge,[t("label",Ie,[t("input",{type:"checkbox",checked:n.value.events.includes("*"),onChange:e[3]||(e[3]=l=>H("*"))},null,40,Je),e[15]||(e[15]=p(" All events ",-1))])]),n.value.events.includes("*")?v("",!0):(o(),a("div",Ke,[(o(!0),a(m,null,R(((P=k.value)==null?void 0:P.events)??[],l=>(o(),a("label",{key:l,class:"check"},[t("input",{type:"checkbox",checked:n.value.events.includes(l),onChange:T=>H(l)},null,40,Xe),p(" "+i(l),1)]))),128))])),C.value?(o(),A(G,{key:2,text:C.value,title:"Could not add this notifier."},null,8,["text"])):v("",!0),t("div",Ye,[g(q,{variant:"primary",pending:w.value,disabled:!K.value,onClick:X},{default:E(()=>[p(i(w.value?"Adding…":"Add notifier"),1)]),_:1},8,["pending","disabled"])]),((F=D.value)==null?void 0:F.signs)!==!1?(o(),a("p",Ze," Signed with a secret shown once, at registration. ")):(o(),a("p",et,"The webhook URL is the credential — stored write-only."))])],64))])}}});export{vt as default};
+//# sourceMappingURL=NotifiersView-BfWfRzg4.js.map