npm - @samyx/preview-stacks-ui - Versions diffs - 0.38.1 → 0.39.1 - Mend

@samyx/preview-stacks-ui 0.38.1 → 0.39.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (189) hide show

package/dist/assets/{VarIO-DkbGdmrU.js.map → VarIO-BFBaI8oU.js.map} RENAMED Viewed

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

package/dist/assets/VariablesView-B2YuiIkD.css ADDED Viewed

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

package/dist/assets/VariablesView-BEcI8Bi0.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{d as K,c as r,a as e,e as c,z as S,f,F as N,t as i,r as I,h as $,n as v,w as Q,g as R,v as X,al as Y,L as ee,i as p,j as b,p as A,C as U,o,a6 as M}from"./index-D_Ks6aQi.js";import{A as L}from"./ActionButton-OewKsFrK.js";import{E as te}from"./EquivalentCommand-D-mkbReY.js";import{_ as ae}from"./ErrorNote.vue_vue_type_script_setup_true_lang-FEOV8vdM.js";import{_ as P}from"./RelativeTime.vue_vue_type_script_setup_true_lang-BxIqRu_b.js";import{_ as H}from"./SkeletonList.vue_vue_type_script_setup_true_lang-D4pkKZAr.js";import{_ as se}from"./RefreshButton.vue_vue_type_script_setup_true_lang-CQvD4Out.js";import{V as O}from"./VarIO-BFBaI8oU.js";import{_ as le}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./SelectMenu.vue_vue_type_script_setup_true_lang-CMLYr7A7.js";const oe={class:"page-head"},ne={key:1,class:"panel"},re={class:"grid-2"},ie={class:"panel"},ue={class:"phead"},de={class:"mute",style:{"font-size":"var(--t-xs)"}},ve={key:1,role:"table",class:"cards"},ce={role:"rowgroup"},pe={role:"cell",class:"name","data-label":"name"},me={role:"cell",class:"break","data-label":"value"},he={role:"cell",class:"dim nowrap","data-label":"updated"},fe={role:"cell",class:"right nowrap","data-label":""},be=["onClick"],_e={key:2,class:"hint"},ye={class:"panel"},ge={class:"phead"},ke={class:"mute",style:{"font-size":"var(--t-xs)"}},we={key:1,role:"table",class:"cards"},$e={role:"rowgroup"},Ae={role:"cell",class:"name","data-label":"name"},Ve={role:"cell",class:"dim nowrap","data-label":"updated"},xe={role:"cell",class:"right nowrap","data-label":""},Ce=["onClick"],De={key:2,class:"hint"},Ee={class:"panel"},Se={class:"section",style:{"margin-bottom":"var(--s3)"}},Ne={class:"row wrap two-up"},Re={class:"field grow"},Ue=["disabled","aria-invalid"],Me={class:"field grow"},ze=["type","placeholder"],Be={key:0,id:"var-name-err",class:"s-failed",style:{"margin-top":"var(--s2)"}},Te={class:"row",style:{"margin-top":"var(--s3)"}},Fe={class:"check"},Ie=["disabled"],Le={key:1,class:"hint"},Pe={class:"row",style:{"margin-top":"var(--s4)"}},He=["disabled"],Oe={key:1,class:"mute",style:{"font-size":"var(--t-sm)"}},je="Values are never exported. Fill each one in.",We=K({__name:"VariablesView",setup(Ze){const V=p([]),x=p(!1),d=p(""),z=p(!1),_=b(()=>V.value.filter(a=>!a.secret)),y=b(()=>V.value.filter(a=>a.secret)),j=b(()=>_.value.map(a=>({k:a.name,v:a.value??""}))),W=b(()=>y.value.map(a=>({k:a.name,v:""}))),s=p({name:"",value:"",secret:!1}),C=p(!1),g=p(!1),n=p(null),D=/^[A-Za-z_][A-Za-z0-9_]*$/,Z=b(()=>!C.value&&D.test(s.value.name)&&s.value.value.length>0);async function h(){const a=await A.get("/api/host-vars");if(x.value=!0,a.status===404){z.value=!0;return}if(!a.ok){d.value=U(a,"load the variables");return}d.value="",V.value=a.body.entries??[]}h();function B(a){n.value=a,s.value={name:a.name,value:a.value??"",secret:a.secret}}function E(){n.value=null,s.value={name:"",value:"",secret:!1}}async function q(){C.value=!0;const a=await A.put(`/api/host-vars/${s.value.name}`,{value:s.value.value,secret:s.value.secret});if(C.value=!1,!a.ok){d.value=U(a,`store ${s.value.name}`);return}d.value="",M("ok",`${n.value?"Saved":"Added"} ${s.value.name}.`),E(),h()}async function T(a,t){g.value=!0;const u=[];for(const l of t)(await A.put(`/api/host-vars/${encodeURIComponent(l.k)}`,{value:l.v,secret:a})).ok\|\|u.push(l.k);g.value=!1;const k=a?"secret":"variable",m=t.length-u.length;u.length?d.value=`Stored ${m} of ${t.length}. Failed: ${u.join(", ")}.`:(d.value="",M("ok",`Stored ${m} ${k}${m===1?"":"s"}.`)),h()}const G=a=>T(!1,a),J=a=>T(!0,a);async function F(a){var u;const t=await A.del(`/api/host-vars/${a.name}`);if(!t.ok){d.value=U(t,`delete ${a.name}`);return}M("ok",`Deleted ${a.name}. Specs using it will not resolve.`),((u=n.value)==null?void 0:u.name)===a.name&&E(),h()}return(a,t)=>{var u,k,m;return o(),r("div",null,[e("div",oe,[t[3]\|\|(t[3]=e("div",null,[e("h1",null,"Variables & secrets"),e("div",{class:"sub"}," Host-level values every spec can reference. Deleting one stops the specs using it from resolving. ")],-1)),t[4]\|\|(t[4]=e("span",{class:"grow"},null,-1)),c(se,{run:h})]),d.value?(o(),S(ae,{key:0,text:d.value,title:"Could not load the variables."},null,8,["text"])):f("",!0),z.value?(o(),r("section",ne,[...t[5]\|\|(t[5]=[e("div",{class:"banner plain"},[e("b",null,"This server has no variable store."),e("p",null,"Upgrade the host to use these.")],-1)])])):(o(),r(N,{key:2},[e("div",re,[e("section",ie,[e("div",ue,[t[6]\|\|(t[6]=e("h2",{class:"section"},"Variables",-1)),t[7]\|\|(t[7]=e("span",{class:"grow"},null,-1)),e("span",de,i(_.value.length),1)]),x.value?_.value.length?(o(),r("table",ve,[t[9]\|\|(t[9]=e("thead",{role:"rowgroup"},[e("tr",{role:"row"},[e("th",{role:"columnheader"},"Name"),e("th",{role:"columnheader"},"Value"),e("th",{role:"columnheader"},"Updated"),e("th",{role:"columnheader","aria-label":"Actions"})])],-1)),e("tbody",ce,[(o(!0),r(N,null,I(_.value,l=>(o(),r("tr",{key:l.name,role:"row"},[e("td",pe,[e("code",null,i(l.name),1)]),e("td",me,i(l.value),1),e("td",he,[c(P,{at:l.updatedAt},null,8,["at"])]),e("td",fe,[e("button",{class:"ghost sm",onClick:w=>B(l)},"Edit",8,be),c(L,{class:"danger sm",confirm:`Delete ${l.name}?`,onRun:w=>F(l)},{default:$(()=>[...t[8]\|\|(t[8]=[v(" Delete ",-1)])]),_:1},8,["confirm","onRun"])])]))),128))])])):(o(),r("p",_e,"Add your first variable below.")):(o(),S(H,{key:0,rows:2,tall:""})),c(O,{pairs:j.value,busy:g.value,"skip-empty":"",onApply:G},{default:$(()=>[...t[10]\|\|(t[10]=[e("p",{class:"hint",style:{"margin-top":"0"}},"Overwrites matching names. Deletes nothing.",-1)])]),_:1},8,["pairs","busy"])]),e("section",ye,[e("div",ge,[t[11]\|\|(t[11]=e("h2",{class:"section"},"Secrets",-1)),t[12]\|\|(t[12]=e("span",{class:"grow"},null,-1)),e("span",ke,i(y.value.length),1)]),x.value?y.value.length?(o(),r("table",we,[t[14]\|\|(t[14]=e("thead",{role:"rowgroup"},[e("tr",{role:"row"},[e("th",{role:"columnheader"},"Name"),e("th",{role:"columnheader"},"Updated"),e("th",{role:"columnheader","aria-label":"Actions"})])],-1)),e("tbody",$e,[(o(!0),r(N,null,I(y.value,l=>(o(),r("tr",{key:l.name,role:"row"},[e("td",Ae,[e("code",null,i(l.name),1)]),e("td",Ve,[c(P,{at:l.updatedAt},null,8,["at"])]),e("td",xe,[e("button",{class:"ghost sm",onClick:w=>B(l)},"Replace",8,Ce),c(L,{class:"danger sm",confirm:`Delete ${l.name}?`,onRun:w=>F(l)},{default:$(()=>[...t[13]\|\|(t[13]=[v(" Delete ",-1)])]),_:1},8,["confirm","onRun"])])]))),128))])])):(o(),r("p",De,"Add your first secret below.")):(o(),S(H,{key:0,rows:2,tall:""})),t[16]\|\|(t[16]=e("p",{class:"hint"},[v("A copied list carries "),e("b",null,"names only"),v(" — values cannot be read back.")],-1)),c(O,{pairs:W.value,note:je,busy:g.value,"skip-empty":"",onApply:J},{default:$(()=>[...t[15]\|\|(t[15]=[e("p",{class:"hint",style:{"margin-top":"0"}},[v(" Stored "),e("b",null,"write-only"),v(". Empty lines are skipped, never stored over a live secret. ")],-1)])]),_:1},8,["pairs","busy"])])]),e("section",Ee,[e("h2",Se,i(n.value?n.value.secret?`Replace the value of ${n.value.name}`:`Edit ${n.value.name}`:"Add a variable or secret"),1),e("form",{onSubmit:Q(q,["prevent"])},[e("div",Ne,[e("label",Re,[t[17]\|\|(t[17]=e("span",null,"Name",-1)),R(e("input",{"onUpdate:modelValue":t[0]\|\|(t[0]=l=>s.value.name=l),type:"text",placeholder:"DB_PASSWORD",spellcheck:"false",autocomplete:"off",disabled:!!n.value,"aria-describedby":"var-name-err","aria-invalid":!!s.value.name&&!D.test(s.value.name)},null,8,Ue),[[X,s.value.name,void 0,{trim:!0}]])]),e("label",Me,[t[18]\|\|(t[18]=e("span",null,"Value",-1)),R(e("input",{"onUpdate:modelValue":t[1]\|\|(t[1]=l=>s.value.value=l),type:s.value.secret?"password":"text",placeholder:(u=n.value)!=null&&u.secret?"enter the new value":"eu-central",spellcheck:"false",autocomplete:"off"},null,8,ze),[[Y,s.value.value]])])]),s.value.name&&!D.test(s.value.name)?(o(),r("p",Be," Letters, digits and _ only, not starting with a digit. ")):f("",!0),e("div",Te,[e("label",Fe,[R(e("input",{"onUpdate:modelValue":t[2]\|\|(t[2]=l=>s.value.secret=l),type:"checkbox",disabled:((k=n.value)==null?void 0:k.secret)===!0},null,8,Ie),[[ee,s.value.secret]]),t[19]\|\|(t[19]=v(" Secret — the value is never shown again ",-1))])]),(m=n.value)!=null&&m.secret?(o(),r("p",Le," A secret cannot become a readable variable. Delete it and add a variable instead. ")):f("",!0),e("div",Pe,[e("button",{class:"primary",type:"submit",disabled:!Z.value},i(n.value?"Save":"Add"),9,He),n.value?(o(),r("button",{key:0,type:"button",class:"ghost",onClick:E},"Cancel")):f("",!0),n.value?f("",!0):(o(),r("span",Oe,[t[20]\|\|(t[20]=v(" Reference it as ",-1)),e("code",null,"$"+i("{")+i(s.value.secret?"secrets":"vars")+"."+i(s.value.name\|\|"NAME")+i("}"),1),t[21]\|\|(t[21]=v(" in any spec ",-1))]))]),c(te,{what:"storing this value",method:"PUT",path:`/api/host-vars/${s.value.name\|\|"NAME"}`,body:{value:s.value.secret?"…":s.value.value\|\|"…",secret:s.value.secret}},null,8,["path","body"])],32)])],64))])}}}),st=le(We,[["__scopeId","data-v-7be45b15"]]);export{st as default};
2	+ //# sourceMappingURL=VariablesView-BEcI8Bi0.js.map

package/dist/assets/VariablesView-BEcI8Bi0.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/assets/index-D4djwlnX.css ADDED Viewed

@@ -0,0 +1 @@

+ :root,:root[data-theme=dark]{color-scheme:dark;--bg: #0e1116;--bg-grad: radial-gradient(1100px 620px at 12% -12%, rgba(64, 106, 168, .22) 0%, transparent 70%), radial-gradient(900px 520px at 108% 8%, rgba(96, 76, 168, .13) 0%, transparent 68%);--panel: #171b22;--panel-2: #1e232c;--sunk: #11141a;--line: #2b323d;--line-soft: #21262f;--line-control: #69748a;--fg: #eef2f8;--fg-dim: #a4afbe;--fg-mute: #858f9c;--accent: #4a9dff;--accent-soft: rgba(74, 157, 255, .18);--accent-fg: #0e1116;--accent-grad: linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff) 0%, var(--accent) 100%);--accent-grad-hover: linear-gradient(180deg, color-mix(in srgb, var(--accent) 78%, #fff) 0%, color-mix(in srgb, var(--accent) 94%, #fff) 100%);--ok: #35d17e;--ok-soft: rgba(53, 209, 126, .17);--fail: #ff6159;--fail-soft: rgba(255, 97, 89, .17);--leak: #ffa62b;--leak-soft: rgba(255, 166, 43, .18);--neutral: #95a2b3;--neutral-soft: rgba(149, 162, 179, .16);--hairline: inset 0 1px 0 rgba(255, 255, 255, .055);--hairline-strong: inset 0 1px 0 rgba(255, 255, 255, .09);--elev-1: 0 1px 2px rgba(5, 8, 14, .5);--elev-2: 0 1px 2px rgba(5, 8, 14, .45), 0 6px 16px -4px rgba(5, 8, 14, .5);--elev-3: 0 1px 2px rgba(5, 8, 14, .5), 0 12px 32px -8px rgba(5, 8, 14, .62);--elev-4: 0 2px 4px rgba(5, 8, 14, .5), 0 24px 64px -12px rgba(5, 8, 14, .72);--shadow: var(--elev-2);--hover: rgba(255, 255, 255, .04);--hover-strong: rgba(255, 255, 255, .07);--press: rgba(0, 0, 0, .18);--svc-0: #7aa2f7;--svc-1: #9ece6a;--svc-2: #e0af68;--svc-3: #bb9af7;--svc-4: #7dcfff;--svc-5: #f7768e;--skel: linear-gradient(90deg, #1c212a 0%, #262d38 50%, #1c212a 100%)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg: #f5f6f8;--bg-grad: radial-gradient(1100px 620px at 12% -12%, rgba(31, 111, 235, .07) 0%, transparent 70%), radial-gradient(900px 520px at 108% 8%, rgba(120, 80, 220, .045) 0%, transparent 68%);--panel: #ffffff;--panel-2: #f4f6f9;--sunk: #eef1f5;--line: #dfe3e9;--line-soft: #eaedf1;--line-control: #7b8592;--fg: #14181e;--fg-dim: #57616f;--fg-mute: #636c77;--accent: #1257c9;--accent-soft: rgba(18, 87, 201, .1);--accent-fg: #ffffff;--accent-grad: linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 88%, #000) 100%);--accent-grad-hover: linear-gradient(180deg, color-mix(in srgb, var(--accent) 94%, #000) 0%, color-mix(in srgb, var(--accent) 80%, #000) 100%);--ok: #1a7f37;--ok-soft: rgba(26, 127, 55, .1);--fail: #cf222e;--fail-soft: rgba(207, 34, 46, .1);--leak: #9a6700;--leak-soft: rgba(154, 103, 0, .12);--neutral: #656d76;--neutral-soft: rgba(101, 109, 118, .1);--hairline: inset 0 1px 0 rgba(255, 255, 255, .9);--hairline-strong: inset 0 1px 0 rgba(255, 255, 255, 1);--elev-1: 0 1px 1px rgba(16, 24, 40, .05);--elev-2: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 12px -2px rgba(16, 24, 40, .07);--elev-3: 0 1px 2px rgba(16, 24, 40, .07), 0 10px 28px -6px rgba(16, 24, 40, .1);--elev-4: 0 2px 4px rgba(16, 24, 40, .07), 0 22px 56px -10px rgba(16, 24, 40, .14);--shadow: var(--elev-2);--hover: rgba(16, 24, 40, .035);--hover-strong: rgba(16, 24, 40, .06);--press: rgba(16, 24, 40, .07);--svc-0: #185ff7;--svc-1: #507725;--svc-2: #94621b;--svc-3: #8141f5;--svc-4: #0071b4;--svc-5: #d9072e;--skel: linear-gradient(90deg, #e9edf2 0%, #f6f8fa 50%, #e9edf2 100%)}}:root[data-theme=light]{color-scheme:light;--bg: #f5f6f8;--bg-grad: radial-gradient(1100px 620px at 12% -12%, rgba(31, 111, 235, .07) 0%, transparent 70%), radial-gradient(900px 520px at 108% 8%, rgba(120, 80, 220, .045) 0%, transparent 68%);--panel: #ffffff;--panel-2: #f4f6f9;--sunk: #eef1f5;--line: #dfe3e9;--line-soft: #eaedf1;--line-control: #7b8592;--fg: #14181e;--fg-dim: #57616f;--fg-mute: #636c77;--accent: #1257c9;--accent-soft: rgba(18, 87, 201, .1);--accent-fg: #ffffff;--accent-grad: linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 88%, #000) 100%);--accent-grad-hover: linear-gradient(180deg, color-mix(in srgb, var(--accent) 94%, #000) 0%, color-mix(in srgb, var(--accent) 80%, #000) 100%);--ok: #1a7f37;--ok-soft: rgba(26, 127, 55, .1);--fail: #cf222e;--fail-soft: rgba(207, 34, 46, .1);--leak: #9a6700;--leak-soft: rgba(154, 103, 0, .12);--neutral: #656d76;--neutral-soft: rgba(101, 109, 118, .1);--hairline: inset 0 1px 0 rgba(255, 255, 255, .9);--hairline-strong: inset 0 1px 0 rgba(255, 255, 255, 1);--elev-1: 0 1px 1px rgba(16, 24, 40, .05);--elev-2: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 12px -2px rgba(16, 24, 40, .07);--elev-3: 0 1px 2px rgba(16, 24, 40, .07), 0 10px 28px -6px rgba(16, 24, 40, .1);--elev-4: 0 2px 4px rgba(16, 24, 40, .07), 0 22px 56px -10px rgba(16, 24, 40, .14);--shadow: var(--elev-2);--hover: rgba(16, 24, 40, .035);--hover-strong: rgba(16, 24, 40, .06);--press: rgba(16, 24, 40, .07);--svc-0: #185ff7;--svc-1: #507725;--svc-2: #94621b;--svc-3: #8141f5;--svc-4: #0071b4;--svc-5: #d9072e;--skel: linear-gradient(90deg, #e9edf2 0%, #f6f8fa 50%, #e9edf2 100%)}:root{--t-xs: 12px;--t-sm: 13.5px;--t-md: 15px;--t-lg: 17px;--t-xl: 22px;--t-2xl: 28px;--t-3xl: 36px;--track-display: -.022em;--track-title: -.014em;--track-body: -.003em;--track-caps: .075em;--lh-tight: 1.15;--lh-body: 1.55;--sans: -apple-system, BlinkMacSystemFont, "Inter var", Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r0: 6px;--r1: 9px;--r2: 13px;--r3: 16px;--r4: 20px;--r-full: 999px;--control-h: 34px;--control-h-sm: 28px;--rail: 216px;--gap-shell: 12px;--measure: 1240px;--ring: 0 0 0 2px var(--bg), 0 0 0 4px color-mix(in srgb, var(--accent) 62%, transparent);--dur-fast: .11s;--dur: .17s;--dur-slow: .28s;--ease: cubic-bezier(.2, .7, .3, 1);--ease-spring: cubic-bezier(.22, 1.4, .36, 1);--stagger-step: 26ms}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]){--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms;--stagger-step: 0ms}:root:not([data-motion=full]) *,:root:not([data-motion=full]) *:before,:root:not([data-motion=full]) *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}:root:not([data-motion=full])::view-transition-old(root),:root:not([data-motion=full])::view-transition-new(root){animation:none!important}}:root[data-motion=none]{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms;--stagger-step: 0ms}:root[data-motion=none] *,:root[data-motion=none] *:before,:root[data-motion=none] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}:root[data-motion=none]::view-transition-old(root),:root[data-motion=none]::view-transition-new(root){animation:none!important}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--fg);font:var(--t-md) / var(--lh-body) var(--sans);letter-spacing:var(--track-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;font-feature-settings:"cv05" 1;overflow-x:hidden}h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:max(.92em,var(--t-xs))}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r1)}a:focus-visible{border-radius:var(--r0)}.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:var(--s2) var(--s3);background:var(--panel);border:1px solid var(--line);border-radius:var(--r1)}.skip:focus{left:var(--s3);top:var(--s3)}.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:100%;padding:var(--gap-shell);gap:var(--gap-shell)}.shell.no-rail{grid-template-columns:minmax(0,1fr)}.shell.no-rail .view{max-width:none;min-height:100dvh;display:grid;place-items:center;padding:var(--s5)}.shell.public .view{display:block;max-width:1400px;margin:0 auto}.rail{border:1px solid var(--line);border-radius:var(--r4);background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--s4) var(--s3);position:sticky;top:var(--gap-shell);height:calc(100vh - var(--gap-shell) * 2);display:flex;flex-direction:column;gap:var(--s4);box-shadow:var(--hairline),var(--shadow)}.brand{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-lg);font-weight:650;letter-spacing:var(--track-title);color:var(--fg)}.brand:hover{text-decoration:none}.brand svg{color:var(--accent)}.rail nav{display:flex;flex-direction:column;gap:2px}.navlink{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r1);color:var(--fg-dim);font-weight:500;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.navlink:hover{background:var(--panel-2);color:var(--fg);text-decoration:none}.navlink.router-link-active{background:var(--accent-soft);color:var(--accent)}.navlink svg{flex:none}.navlink .count{margin-left:auto;font:600 var(--t-xs) / 1 var(--sans);font-variant-numeric:tabular-nums;color:var(--fg-mute);background:var(--panel-2);padding:3px 6px;border-radius:var(--r-full)}.rail .foot{margin-top:auto;font-size:var(--t-xs);color:var(--fg-mute);display:grid;gap:var(--s1);word-break:break-all}.rail .foot .foot-who{color:var(--fg-dim);font-weight:550;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view{min-width:0;padding:var(--s3) var(--s4) var(--s7);max-width:none}@media(max-width:800px){.shell{grid-template-columns:minmax(0,1fr);padding:var(--gap-shell) var(--s2) 0}.rail{position:fixed;inset:auto var(--s2) calc(var(--s2) + env(safe-area-inset-bottom)) var(--s2);height:auto;flex-direction:row;align-items:center;gap:var(--s1);padding:var(--s2);background:color-mix(in srgb,var(--panel) 94%,transparent);z-index:20}.rail .brand,.rail .foot{display:none}.rail nav{flex-direction:row;flex:1;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.rail nav::-webkit-scrollbar{display:none}.navlink{flex-direction:column;gap:2px;font-size:var(--t-xs);padding:var(--s1) var(--s2);flex:0 0 auto;align-items:center}.navlink .count{display:none}.view{padding:var(--s4) var(--s4) calc(84px + env(safe-area-inset-bottom))}}.page-head{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s5)}.page-head h1{font-size:var(--t-2xl);font-weight:640;letter-spacing:var(--track-display);line-height:var(--lh-tight)}.page-head .sub{color:var(--fg-dim);font-size:var(--t-sm);margin-top:2px}.grow{flex:1}h2.section{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--fg-dim);font-weight:620}h3{font-size:var(--t-md);font-weight:600}.dim{color:var(--fg-dim)}.mute{color:var(--fg-mute)}.nowrap{white-space:nowrap}.break{word-break:break-all}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s4) var(--s4) var(--s5);margin-bottom:var(--s4);min-width:0;container-type:inline-size;box-shadow:var(--hairline),var(--elev-2)}.panel.flush{padding:0;overflow:hidden}.panel>.phead{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s3)}.panel.flush>.phead{padding:var(--s4) var(--s4) 0}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:var(--s4);align-items:start}.row{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}button,.btn{font:530 var(--t-sm) / 1 var(--sans);letter-spacing:var(--track-body);color:var(--fg);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r1);padding:var(--s2) var(--s3);min-height:var(--control-h);cursor:pointer;display:inline-flex;align-items:center;gap:var(--s2);position:relative;overflow:hidden;box-shadow:var(--hairline),var(--elev-1);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}button:hover:not(:disabled):not([aria-disabled=true]),.btn:hover:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb,var(--fg-mute) 60%,var(--line));background:color-mix(in srgb,var(--hover) 100%,var(--panel-2));text-decoration:none}button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px);box-shadow:inset 0 2px 4px var(--press)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.primary{background:var(--accent-grad);border-color:color-mix(in srgb,var(--accent) 75%,#000);color:var(--accent-fg);box-shadow:var(--hairline-strong),var(--elev-2),0 0 color-mix(in srgb,var(--accent) 40%,transparent)}button.primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--accent-grad-hover);border-color:color-mix(in srgb,var(--accent) 75%,#000);box-shadow:var(--hairline-strong),var(--elev-2),0 0 18px -2px color-mix(in srgb,var(--accent) 45%,transparent)}button.danger{background:var(--fail-soft);border-color:color-mix(in srgb,var(--fail) 45%,transparent);color:var(--fail)}button.danger:hover:not(:disabled):not([aria-disabled=true]){background:color-mix(in srgb,var(--fail) 26%,transparent);border-color:color-mix(in srgb,var(--fail) 62%,transparent)}button.ghost{background:transparent}button.ghost:not(:focus-visible){box-shadow:none}button.ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--hover)}button.sm,.btn.sm{min-height:var(--control-h-sm);padding:var(--s1) var(--s2);font-size:var(--t-xs)}button.armed{background:var(--fail-soft);border-color:color-mix(in srgb,var(--fail) 70%,transparent);color:var(--fail);font-weight:600}button .progress{position:absolute;inset:auto 0 0 0;height:2px;background:currentColor;opacity:.65;animation:indeterminate 1.1s var(--ease) infinite;transform-origin:left}input:not([type]),input[type=text],input[type=password],input[type=search],input[type=url],input[type=email],input[type=number],textarea,select{font:var(--t-sm) / 1.5 var(--sans);letter-spacing:var(--track-body);color:var(--fg);background:var(--sunk);border:1px solid var(--line-control);border-radius:var(--r1);padding:var(--s2) var(--s3);min-height:var(--control-h);width:100%;min-width:0;box-shadow:inset 0 1px 2px var(--press);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}input:not([type]),input[type=text],input[type=password],input[type=search],input[type=url],input[type=email],input[type=number],select{height:var(--control-h);padding-block:var(--s1)}input:not([type]):hover,input[type=text]:hover,input[type=password]:hover,input[type=search]:hover,input[type=url]:hover,input[type=email]:hover,input[type=number]:hover,textarea:hover,select:hover{border-color:color-mix(in srgb,var(--fg-mute) 55%,var(--line))}input:not([type]):focus,input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=url]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:inset 0 1px 2px var(--press),0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}textarea{font-family:var(--mono);font-size:var(--t-sm);line-height:var(--lh-body);resize:vertical;white-space:pre;overflow-wrap:normal;overflow-x:auto}input::placeholder,textarea::placeholder{color:var(--fg-mute)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--sunk) inset;-webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 9999s ease-out}label{font-size:var(--t-sm);color:var(--fg-dim)}.field{display:grid;gap:var(--s2);min-width:0}.field+.field,.field+.hint,.hint+.field{margin-top:var(--s4)}.row>.field+.field,.row>.field+.hint,.row>.hint+.field,.phead>.field+.field,.phead>.field+.hint,.phead>.hint+.field{margin-top:0}.field.inline{display:flex;align-items:center;gap:var(--s2);margin-top:0}.field.inline>label{color:var(--fg-mute);font-size:var(--t-xs);white-space:nowrap}.phead>button,.phead>.btn,.phead>input,.phead>select,.phead>.check,.phead>.field>input,.phead>.field>select{min-height:var(--control-h)}.row.wrap>.field,.row>.field{align-self:stretch}.check{display:inline-flex;align-items:center;gap:var(--s2);cursor:pointer;color:var(--fg)}.check input{width:auto;min-height:0;accent-color:var(--accent)}.kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:var(--s2);margin-bottom:var(--s2);align-items:center;max-width:640px}.kv.head{font-size:var(--t-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:var(--track-caps)}@media(max-width:560px){input:not([type]),input[type=text],input[type=password],input[type=search],input[type=url],input[type=email],input[type=number],textarea,select{font-size:16px}.kv{grid-template-columns:minmax(0,1fr) auto}.kv.head{display:none}}.badge{display:inline-flex;align-items:center;gap:5px;font:500 var(--t-xs) / 1 var(--sans);font-variant-numeric:tabular-nums;padding:4px 8px;border-radius:var(--r-full);background:var(--neutral-soft);color:var(--fg-dim);border:1px solid transparent;white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.failed,.badge.fail{background:var(--fail-soft);color:var(--fail)}.badge.leaked,.badge.warn{background:var(--leak-soft);color:var(--leak)}.badge.running,.badge.busy,.badge.info{background:var(--accent-soft);color:var(--accent)}.badge.unknown{background:var(--neutral-soft);color:var(--neutral)}.badge.asleep,.badge.shared{background:var(--leak-soft);color:var(--leak)}.badge.isolated{background:var(--accent-soft);color:var(--accent)}.badge.off{opacity:.38}.badge .dot{width:6px;height:6px;border-radius:var(--r-full);background:currentColor}.badge.running .dot,.dot.pulse{animation:pulse 1.6s var(--ease) infinite}.banner{border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3) var(--s4);margin:var(--s3) 0;background:var(--panel-2);font-size:var(--t-sm)}.banner b{color:var(--fg)}.banner p{margin-top:var(--s2);color:var(--fg-dim)}.banner.ok{background:var(--ok-soft)}.banner.failed{background:var(--fail-soft)}.banner.leaked,.banner.warn{background:var(--leak-soft)}.banner.info{background:var(--accent-soft)}.hint,.banner{max-width:var(--measure);text-wrap:pretty}.field>.hint{margin-top:0}.hint{font-size:var(--t-sm);color:var(--fg-mute);margin-top:var(--s3)}.hint code,.banner code{background:var(--sunk);padding:1px 5px;border-radius:var(--r0)}table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}th{text-align:left;font:620 var(--t-xs) / 1 var(--sans);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--fg-mute);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1;background:var(--panel);white-space:nowrap}td{padding:var(--s2) var(--s3);border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr{transition:background var(--dur-fast) var(--ease)}tbody tr:hover{background:var(--hover)}tbody tr:last-child td{border-bottom:none}td.name{font-weight:600;word-break:break-all}@container (max-width: 460px){table.cards,table.cards tbody,table.cards tr,table.cards td{display:block;width:100%}table.cards thead,table.cards colgroup{display:none}table.cards tr{border:1px solid var(--line);border-radius:var(--r2);padding:var(--s2) var(--s3);margin-bottom:var(--s2);background:var(--panel-2)}table.cards td{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);border:0;padding:var(--s1) 0;text-align:right}table.cards td:before{content:attr(data-label);font:600 var(--t-xs) / 1.6 var(--sans);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--fg-mute);text-align:left;flex:none}table.cards td[colspan]{text-align:left}table.cards td[colspan]:before,table.cards td[data-label=""]:before{content:""}table.cards td[data-label=""]{justify-content:flex-end;flex-wrap:wrap}}@container (min-width: 461px){.panel>table,.table-scroll{display:block;max-width:100%;overflow-x:auto}.panel>table>thead,.panel>table>tbody{display:table;width:100%;table-layout:auto}}.tbl-fixed{table-layout:fixed}.tbl-fixed th{white-space:normal}@container (min-width: 461px){.t-routes,.t-live{min-width:82ch}.t-containers{min-width:calc(87ch + 288px)}.t-containers.swarm{min-width:calc(101ch + 288px)}}.cell-clip{overflow-wrap:anywhere}@container (min-width: 461px){.cell-clip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}}.cell-wrap{overflow-wrap:anywhere}.row-actions{text-align:end;white-space:nowrap}.row-actions>*+*{margin-inline-start:var(--s1)}.logs-split{display:grid;grid-template-columns:232px minmax(0,1fr);gap:var(--s4);align-items:start}@container (max-width: 720px){.logs-split{grid-template-columns:minmax(0,1fr)}.clist{max-height:220px}}.clist{display:flex;flex-direction:column;gap:2px;max-height:60vh;overflow-y:auto;padding-inline-end:var(--s1)}.clist-item{display:grid;gap:2px;text-align:start;justify-items:start;padding:var(--s2) var(--s3);min-height:0;background:transparent;border:1px solid transparent;width:100%}.clist-item:hover:not(:disabled):not([aria-disabled=true]){background:var(--hover);border-color:var(--line-soft)}.clist-item:not(:focus-visible){box-shadow:none}.clist-item.on{background:var(--panel-2);border-color:var(--line);box-shadow:var(--hairline)}.clist-name{display:inline-flex;align-items:center;gap:var(--s2);font-weight:560}.clist-sub{font-size:var(--t-xs);color:var(--fg-mute);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clist-state{font-size:var(--t-xs)}.logs-main{min-width:0}.lv-time{flex:none;color:var(--fg-mute);font-variant-numeric:tabular-nums;white-space:nowrap}.panel.banner-panel{border-color:color-mix(in srgb,var(--warn) 40%,var(--line));background:color-mix(in srgb,var(--warn) 8%,var(--panel))}.kvlist{display:grid;gap:1px;background:var(--line-soft);border-radius:var(--r2);overflow:hidden}.kvlist>li{display:flex;gap:var(--s3);padding:var(--s3);background:var(--panel);align-items:baseline;flex-wrap:wrap}.kvlist>li>.k{flex:none;width:128px;color:var(--fg-dim);font-size:var(--t-sm)}.kvlist>li>.v{flex:1;min-width:0;word-break:break-word}@media(max-width:480px){.kvlist>li>.k{width:100%}}pre.raw,pre.log{font-family:var(--mono);font-size:var(--t-sm);line-height:1.6;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3);margin:var(--s3) 0 0;overflow:auto;white-space:pre}pre.raw{color:var(--fail);max-height:420px}pre.code{font-family:var(--mono);font-size:var(--t-sm);line-height:1.6;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3);margin:0;max-height:520px;overflow:auto;white-space:pre;color:var(--fg-dim)}pre.log{max-height:460px;color:var(--fg-dim)}pre.log .t{color:var(--fg-mute)}pre.log .lv-error{color:var(--fail)}pre.log .lv-warn{color:var(--leak)}pre.log .lv-info{color:var(--fg)}pre.log mark{background:var(--leak-soft);color:var(--leak)}.masked{color:var(--fg-mute);letter-spacing:.12em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}@container (min-width: 680px){.stats{grid-template-columns:repeat(6,1fr)}}@container (max-width: 340px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r2);padding:var(--s3);box-shadow:var(--hairline);min-width:0}.stat .v{font:600 var(--t-2xl) / 1.1 var(--sans);letter-spacing:var(--track-display);font-variant-numeric:tabular-nums}.stat .k{font-size:var(--t-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat.unknown .v{color:var(--neutral)}.stat.busy .v{color:var(--accent)}.stat.leak .v{color:var(--leak)}.stat[data-zero=true] .v{color:var(--fg-mute);font-weight:500}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--line);margin-bottom:var(--s4);overflow-x:auto}.tabs a{padding:var(--s2) var(--s3);color:var(--fg-dim);font-size:var(--t-sm);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tabs a:hover{color:var(--fg);text-decoration:none}.tabs a.router-link-active{color:var(--fg);border-bottom-color:var(--accent)}.steps{display:grid;gap:1px;background:var(--line-soft);border-radius:var(--r2);overflow:hidden}.step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--s3);padding:var(--s3);background:var(--panel);align-items:start}.step .mark{font:600 var(--t-lg) / 1.2 var(--sans);text-align:center}.step .who{font-weight:550;word-break:break-all}.step .msg{font-size:var(--t-sm);color:var(--fg-dim);word-break:break-word}.s-ok{color:var(--ok)}.s-failed{color:var(--fail)}.s-leaked{color:var(--leak)}.s-unverifiable{color:var(--neutral)}.skel{background:var(--skel);background-size:200% 100%;border-radius:var(--r1);height:14px;animation:shimmer 1.3s linear infinite}.skel+.skel{margin-top:var(--s2)}.skel.tall{height:44px}.skel.w60{width:60%}.skel.w40{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@keyframes indeterminate{0%{transform:scaleX(0)}50%{transform:scaleX(.7)}to{transform:scaleX(0);transform-origin:right}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes land{0%{transform:scale(.985);opacity:.4}60%{transform:scale(1.004)}to{transform:none;opacity:1}}.stagger>*{animation:rise var(--dur) var(--ease) backwards;animation-delay:calc(var(--i, 0) * var(--stagger-step))}.land{animation:land var(--dur-slow) var(--ease)}.view-enter-active,.view-leave-active{transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.view-enter-from{opacity:0;transform:translateY(6px)}.view-leave-to{opacity:0;transform:translateY(-4px)}.toasts{position:fixed;right:var(--s4);bottom:var(--s4);z-index:50;display:grid;gap:var(--s2);width:min(360px,calc(100vw - var(--s5)))}@media(max-width:800px){.toasts{bottom:calc(84px + env(safe-area-inset-bottom))}}.toast{display:flex;gap:var(--s3);align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3) var(--s3) var(--s3) var(--s2);box-shadow:var(--hairline),var(--elev-4);font-size:var(--t-sm);position:relative}.toast:before{content:"";flex:none;width:8px;height:8px;margin:6px 0 0 var(--s2);border-radius:var(--r-full);background:var(--neutral);box-shadow:0 0 0 3px var(--neutral-soft)}.toast.ok:before{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.toast.error:before{background:var(--fail);box-shadow:0 0 0 3px var(--fail-soft)}.toast.warn:before{background:var(--leak);box-shadow:0 0 0 3px var(--leak-soft)}.toast.info:before{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.toast .x{margin-left:auto;background:none;border:0;min-height:24px;min-width:24px;padding:2px 6px;color:var(--fg-mute)}.toast-enter-active,.toast-leave-active{transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(12px)}.toast-move{transition:transform var(--dur) var(--ease)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;display:grid;place-items:center;padding:var(--s4)}.sheet{position:fixed;z-index:71;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--hairline-strong),var(--elev-4);padding:var(--s5);width:min(460px,calc(100vw - var(--s5)));max-height:80vh;overflow:auto;animation:help-in var(--dur-slow) var(--ease-spring)}.sheet dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s2) var(--s4);margin:var(--s4) 0 0;align-items:baseline}.sheet dt{text-align:right}.sheet dd{margin:0;color:var(--fg-dim);font-size:var(--t-sm)}kbd{font:500 var(--t-xs) / 1 var(--mono);background:var(--sunk);border:1px solid var(--line);border-bottom-width:2px;border-radius:var(--r0);padding:4px 6px;color:var(--fg)}.fade-enter-active,.fade-leave-active{transition:opacity var(--dur) var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}.hint-wrap{position:relative;display:inline-flex;vertical-align:middle;margin-inline-start:var(--s1)}.hint-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;width:18px;height:18px;min-height:0;padding:0;border:0;border-radius:var(--r-full);background:none;color:var(--fg-mute);cursor:pointer;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.hint-btn:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.hint-btn:hover,.hint-btn.on{color:var(--accent);background:var(--accent-soft)}.hint-bub{position:absolute;z-index:40;width:max-content;max-width:min(300px,74vw);padding:var(--s2) var(--s3);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--hairline),var(--shadow);color:var(--fg-dim);font:400 var(--t-sm) / 1.5 var(--sans);text-transform:none;letter-spacing:normal;white-space:normal;text-align:start;pointer-events:none}.hint-bub.below{top:calc(100% + 6px)}.hint-bub.above{bottom:calc(100% + 6px)}.hint-bub.to-start{inset-inline-start:-2px}.hint-bub.to-end{inset-inline-end:-2px}.hint-bub code{color:var(--fg)}.hint-enter-active,.hint-leave-active{transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.hint-enter-from,.hint-leave-to{opacity:0}.hint-bub.below.hint-enter-from,.hint-bub.below.hint-leave-to{transform:translateY(-3px)}.hint-bub.above.hint-enter-from,.hint-bub.above.hint-leave-to{transform:translateY(3px)}.palette-scrim{align-items:flex-start;padding-top:12vh}.palette{width:min(620px,calc(100vw - var(--s5)));background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--hairline-strong),var(--elev-4);overflow:hidden;display:flex;flex-direction:column;max-height:min(60vh,560px)}.palette-q{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-soft);color:var(--fg-mute)}.palette-q input{flex:1;background:none;border:none;box-shadow:none;padding:0;min-height:26px;font-size:var(--t-lg);letter-spacing:var(--track-title);color:var(--fg)}.palette-q input:focus:not(:focus-visible){outline:none;border:none;box-shadow:none}.palette-list{overflow-y:auto;padding:var(--s2);min-height:0}.palette-group{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--fg-mute);padding:var(--s3) var(--s2) var(--s1)}.palette-row{display:flex;align-items:center;gap:var(--s3);width:100%;text-align:left;background:none;border:none;border-radius:var(--r1);padding:var(--s2) var(--s3);min-height:var(--control-h);color:var(--fg)}.palette-row:not(:focus-visible){box-shadow:none}.palette-row[data-on=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}.palette-label{font-weight:520}.palette-hint{margin-left:auto;color:var(--fg-mute);font-size:var(--t-xs);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.palette-empty{color:var(--fg-mute);padding:var(--s5) var(--s3);text-align:center;font-size:var(--t-sm)}.palette-foot{display:flex;gap:var(--s4);align-items:center;padding:var(--s2) var(--s4);border-top:1px solid var(--line-soft);background:var(--panel-2);color:var(--fg-mute);font-size:var(--t-xs)}.palette-foot kbd{font:500 var(--t-xs) / 1 var(--mono);font-variant-numeric:tabular-nums;color:var(--fg-dim);background:var(--sunk);border:1px solid var(--line);border-radius:var(--r0);padding:3px 5px;margin-right:3px}.fade-enter-active .palette{animation:palette-in var(--dur-slow) var(--ease-spring)}@keyframes palette-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur);animation-timing-function:var(--ease)}::view-transition-old(root){animation-name:vt-out}::view-transition-new(root){animation-name:vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(4px)}}.searchbox{display:flex;align-items:center;gap:var(--s2);flex:1;min-width:180px;padding-inline:var(--s3);background:var(--sunk);border:1px solid var(--line);border-radius:var(--r1);box-shadow:inset 0 1px 2px var(--press);color:var(--fg-mute);min-height:var(--control-h);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.searchbox:focus-within{border-color:var(--accent);box-shadow:inset 0 1px 2px var(--press),0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.searchbox input{border:none;background:none;padding:0;min-height:0}.searchbox input:not(:focus-visible){box-shadow:none}.searchbox input:focus:not(:focus-visible){outline:none;border:none;box-shadow:none}.searchbox input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.compact{width:auto;min-height:var(--control-h);padding-inline-end:var(--s5)}.phead>.check{min-height:var(--control-h)}.field>.selm-trigger,.selm-trigger{max-width:340px;width:100%}.selm-trigger{display:inline-flex;align-items:center;gap:var(--s2);justify-content:space-between;min-height:var(--control-h);padding:0 var(--s2) 0 var(--s3);background:var(--sunk);border:1px solid var(--line);border-radius:var(--r1);box-shadow:inset 0 1px 2px var(--press);font:var(--t-sm) / 1 var(--sans);color:var(--fg);cursor:pointer}.selm-trigger:hover:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb,var(--fg-mute) 55%,var(--line))}.selm-trigger[data-state=open]{border-color:var(--accent);box-shadow:inset 0 1px 2px var(--press),0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.selm-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selm-caret{flex:none;color:var(--fg-mute);transition:transform var(--dur-fast) var(--ease)}.selm-trigger[data-state=open] .selm-caret{transform:rotate(180deg)}.selm-list{z-index:61;padding:var(--s1);max-height:280px;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--hairline-strong),var(--elev-4);min-width:var(--reka-select-trigger-width);animation:palette-in var(--dur) var(--ease-spring)}.selm-opt{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);min-height:30px;border-radius:var(--r1);font-size:var(--t-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.selm-opt[data-highlighted]{background:var(--accent-soft);outline:none}.selm-opt[data-disabled]{opacity:.45;cursor:not-allowed}.selm-hint{color:var(--fg-mute);font-size:var(--t-xs);margin-inline-start:auto}.selm-tick{margin-inline-start:auto;color:var(--accent);display:inline-flex}.selm-hint+.selm-tick{margin-inline-start:var(--s2)}input[type=checkbox],input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:17px;height:17px;margin:0;border:1px solid color-mix(in srgb,var(--fg-mute) 60%,var(--line));background:var(--sunk);box-shadow:inset 0 1px 2px var(--press);cursor:pointer;display:grid;place-content:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}input[type=checkbox]{border-radius:var(--r0)}input[type=radio]{border-radius:var(--r-full)}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--accent)}input[type=checkbox]:before,input[type=radio]:before{content:"";transform:scale(0);transition:transform var(--dur-fast) var(--ease-spring)}input[type=checkbox]:before{width:11px;height:11px;background:var(--accent-fg);clip-path:polygon(14% 47%,0 61%,40% 100%,100% 22%,85% 9%,39% 71%)}input[type=radio]:before{width:7px;height:7px;border-radius:var(--r-full);background:var(--accent-fg)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}.helpq{display:inline-grid;place-items:center;width:18px;height:18px;padding:0;min-height:0;border-radius:var(--r-full);border:1px solid var(--line);background:var(--panel-2);box-shadow:none;color:var(--fg-mute);cursor:pointer;vertical-align:middle}.helpq:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.help-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70}.help-modal{position:fixed;z-index:71;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - var(--s5)));max-height:min(80vh,720px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--hairline-strong),var(--elev-4);animation:help-in var(--dur-slow) var(--ease-spring)}@keyframes help-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}}.help-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s4) var(--s3);border-bottom:1px solid var(--line-soft)}.help-title{font-size:var(--t-lg);font-weight:620;letter-spacing:var(--track-title);margin:0;flex:1}.help-body{padding:var(--s4);overflow-y:auto;color:var(--fg-dim);font-size:var(--t-sm);line-height:var(--lh-body)}.help-body>*+*{margin-top:var(--s3)}.help-body b,.help-body strong{color:var(--fg)}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--s2) var(--s4);margin-top:var(--s2)}.check-grid .check{min-height:26px}.settings-form .field input,.settings-form input[type=url],.settings-form input[type=password],.settings-form input[type=text]{max-width:560px}.settings-form .hint,.settings-form .mute.hint{max-width:640px}.lv{border:1px solid var(--line);border-radius:var(--r2);background:var(--sunk);overflow:hidden}.lv-bar{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line-soft);font-size:var(--t-xs);color:var(--fg-mute)}.lv-box{max-height:520px;overflow-y:auto;padding:var(--s2) 0 var(--s3);font:var(--t-sm) / 1.6 var(--mono);overscroll-behavior:contain}.lv-empty{color:var(--fg-mute);padding:var(--s4) var(--s3);font-family:var(--sans)}.lv-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 var(--s3);padding:1px var(--s3);content-visibility:auto;contain-intrinsic-block-size:auto 22px}.lv-row:hover{background:var(--hover)}.lv-gutter{white-space:nowrap;color:var(--fg-mute);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.lv-msg{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--fg-dim)}.lv-row.error .lv-msg{color:var(--fail)}.lv-row.warn .lv-msg{color:var(--leak)}.lv-row.ok .lv-msg{color:var(--ok)}.lv-row.svc-0 .lv-gutter{color:var(--svc-0)}.lv-row.svc-1 .lv-gutter{color:var(--svc-1)}.lv-row.svc-2 .lv-gutter{color:var(--svc-2)}.lv-row.svc-3 .lv-gutter{color:var(--svc-3)}.lv-row.svc-4 .lv-gutter{color:var(--svc-4)}.lv-row.svc-5 .lv-gutter{color:var(--svc-5)}.lv-sep{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);color:var(--fg-mute);font-family:var(--sans);font-size:var(--t-xs)}.lv-sep:before,.lv-sep:after{content:"";flex:1;border-top:1px solid var(--line-soft)}.refresh-icon{display:inline-block;line-height:1}.refresh-icon.spin{animation:refresh-spin .9s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}.vitals{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin-top:var(--s2);font-family:var(--mono);font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--fg-mute)}.vitals>*+*:before{content:"·";margin-right:var(--s3);color:var(--line)}.vitals .v-warn{color:var(--leak)}.vitals .v-fail{color:var(--fail)}