[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_161":162,"_163":164},"routes/_app.x.$handle.$name",{"_92":91,"_31":42,"_101":82,"_26":102,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":24,"_116":117,"_118":24,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_40":41,"_31":42,"_35":43,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":-5,"_64":-5,"_65":66,"_67":66,"_68":69,"_70":69,"_71":69,"_72":66,"_73":66,"_74":75,"_76":77,"_78":79,"_80":24},"version",2,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":20,"_33":34,"_35":36,"_37":14,"_38":39,"_23":24},"previous","deleted",false,"deletedHere","path","client.ts","latestPath","fileId","6390e970-e81d-11f0-88da-42dde27851f2","name","fileType","content","// Client-side React app code (runs in browser)\n\nexport function getClientScript(): string {\n return `\nconst { useState, useEffect, useMemo } = React;\n\nconst ROLES = ['doctor', 'fighter', 'invoker', 'magician', 'naturalist', 'ranger', 'spy', 'wizard'];\n\n// SVG Icons\nconst Icons = {\n chevronDown: '',\n check: '',\n download: '',\n x: '',\n};\n\nfunction Icon({ name, className }) {\n return React.createElement('span', {\n className,\n dangerouslySetInnerHTML: { __html: Icons[name] },\n style: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }\n });\n}\n\n// Strip HTML tags for plain text\nfunction stripHtml(html) {\n if (!html) return '';\n return html.replace(/<[^>]*>/g, '').trim();\n}\n\n// PDF Generation - Tarot-sized cards (70mm x 120mm)\nasync function downloadPDF(selectedAbilities) {\n if (!window.jspdf) {\n alert(\"PDF loading... try again in a moment.\");\n return;\n }\n \n const { jsPDF } = window.jspdf;\n // Letter size: 215.9mm x 279.4mm\n const doc = new jsPDF({ orientation: 'p', unit: 'mm', format: 'letter' });\n \n // Tarot card dimensions: 70mm x 120mm\n const cardW = 70, cardH = 120;\n const cornerRadius = 5;\n // Center 2 cards horizontally with margins\n const marginX = (215.9 - cardW * 2) / 3;\n const marginY = 15, gapY = 10;\n \n selectedAbilities.forEach((ability, i) => {\n // 2 cards per row, 2 rows per page = 4 cards per page\n if (i > 0 && i % 4 === 0) doc.addPage();\n \n const col = i % 2;\n const row = Math.floor((i % 4) / 2);\n const x = marginX + col * (cardW + marginX);\n const y = marginY + row * (cardH + gapY);\n \n // Draw rounded card border\n doc.setLineWidth(0.8);\n doc.setDrawColor(30, 30, 30);\n doc.setFillColor(255, 255, 255);\n doc.roundedRect(x, y, cardW, cardH, cornerRadius, cornerRadius, 'FD');\n \n // Ability name - centered, large\n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(14);\n doc.setTextColor(30, 30, 30);\n \n // Word wrap the ability name if needed\n const nameLines = doc.splitTextToSize(ability.name.toUpperCase(), cardW - 12);\n doc.text(nameLines, x + cardW / 2, y + 14, { align: 'center' });\n \n // Role & Path - centered below name\n const nameHeight = nameLines.length * 5;\n doc.setFontSize(8);\n doc.setTextColor(100);\n doc.text((ability.role + ' • ' + ability.path).toUpperCase(), x + cardW / 2, y + 14 + nameHeight + 2, { align: 'center' });\n \n // Decorative line\n const lineY = y + 14 + nameHeight + 8;\n doc.setLineWidth(0.4);\n doc.setDrawColor(180);\n doc.line(x + 10, lineY, x + cardW - 10, lineY);\n \n // Ability text content\n let textY = lineY + 6;\n doc.setFont(\"helvetica\", \"normal\");\n doc.setFontSize(8);\n doc.setTextColor(50);\n \n // Get all sub-ability text\n if (ability.subAbilities && ability.subAbilities.length > 0) {\n ability.subAbilities.forEach((sub, si) => {\n if (textY > y + cardH - 20) return; // Stop if running out of space\n \n // AP cost\n if (sub.ap !== undefined) {\n doc.setFont(\"helvetica\", \"bold\");\n doc.setFontSize(7);\n doc.setTextColor(180, 20, 80);\n doc.text(sub.ap + ' AP', x + 6, textY);\n textY += 4;\n }\n \n // Sub-ability text\n doc.setFont(\"helvetica\", \"normal\");\n doc.setFontSize(7.5);\n doc.setTextColor(50);\n const text = stripHtml(sub.text);\n const lines = doc.splitTextToSize(text, cardW - 12);\n // Limit lines to fit in card\n const maxLines = Math.floor((y + cardH - 15 - textY) / 3.2);\n const displayLines = lines.slice(0, Math.max(1, maxLines));\n \n displayLines.forEach((line, li) => {\n if (textY < y + cardH - 15) {\n doc.text(line, x + 6, textY);\n textY += 3.2;\n }\n });\n \n if (lines.length > displayLines.length) {\n doc.text('...', x + 6, textY);\n textY += 3.2;\n }\n \n textY += 2; // Gap between sub-abilities\n });\n }\n \n // Footer\n doc.setFontSize(6);\n doc.setTextColor(150);\n doc.text(\"QUEST RPG\", x + cardW / 2, y + cardH - 5, { align: 'center' });\n });\n \n doc.save('Quest_Ability_Cards.pdf');\n}\n\n// Components\nfunction AbilityCard({ ability, isSelected, onToggle, role, path }) {\n const [expanded, setExpanded] = useState(false);\n \n const handleHeaderClick = (e) => {\n // If clicking the checkbox area, toggle selection\n if (e.target.closest('.ability-checkbox')) {\n onToggle();\n } else {\n // Otherwise expand/collapse\n setExpanded(!expanded);\n }\n };\n \n return React.createElement('div', { \n className: 'ability-card ' + (isSelected ? 'selected' : '')\n },\n React.createElement('div', { \n className: 'ability-header',\n onClick: handleHeaderClick\n },\n React.createElement('div', { \n className: 'ability-checkbox ' + (isSelected ? 'checked' : ''),\n onClick: (e) => { e.stopPropagation(); onToggle(); }\n },\n isSelected && React.createElement('span', { dangerouslySetInnerHTML: { __html: Icons.check } })\n ),\n React.createElement('span', { className: 'ability-name' }, ability.name),\n React.createElement('span', { \n className: 'ability-expand ' + (expanded ? 'open' : ''),\n dangerouslySetInnerHTML: { __html: Icons.chevronDown }\n })\n ),\n React.createElement('div', { className: 'ability-details ' + (expanded ? 'open' : '') },\n ability.prefixText && React.createElement('p', { \n dangerouslySetInnerHTML: { __html: ability.prefixText } \n }),\n ability.subAbilities && ability.subAbilities.map((sub, i) => \n React.createElement('div', { key: i, className: 'sub-ability' },\n sub.ap !== undefined && React.createElement('div', { className: 'ap-cost' }, sub.ap + ' AP'),\n React.createElement('div', { \n className: 'sub-ability-text',\n dangerouslySetInnerHTML: { __html: sub.text }\n }),\n sub.table && React.createElement('table', { className: 'roll-table' },\n React.createElement('thead', null,\n React.createElement('tr', null,\n React.createElement('th', null, 'Roll'),\n React.createElement('th', null, 'Result')\n )\n ),\n React.createElement('tbody', null,\n sub.table.map((entry, j) => \n React.createElement('tr', { key: j },\n React.createElement('td', null, \n entry.ceiling ? entry.floor + '-' + entry.ceiling : entry.floor\n ),\n React.createElement('td', null, entry.result)\n )\n )\n )\n )\n )\n ),\n ability.suffixText && React.createElement('p', { \n dangerouslySetInnerHTML: { __html: ability.suffixText } \n })\n )\n );\n}\n\nfunction PathSection({ pathName, abilities, selectedIds, onToggle, role }) {\n const [open, setOpen] = useState(false);\n \n const selectedCount = abilities.filter(a => selectedIds.has(role + '/' + pathName + '/' + a.name)).length;\n \n return React.createElement('div', { className: 'path-section' },\n React.createElement('div', { \n className: 'path-header',\n onClick: () => setOpen(!open)\n },\n React.createElement('span', { className: 'path-name' }, pathName),\n React.createElement('span', { className: 'path-count' }, \n selectedCount > 0 ? selectedCount + ' selected • ' : '',\n abilities.length + ' abilities'\n ),\n React.createElement('span', { \n className: 'path-chevron ' + (open ? 'open' : ''),\n dangerouslySetInnerHTML: { __html: Icons.chevronDown }\n })\n ),\n React.createElement('div', { className: 'path-abilities ' + (open ? 'open' : '') },\n abilities.map((ability, i) => {\n const id = role + '/' + pathName + '/' + ability.name;\n return React.createElement(AbilityCard, {\n key: i,\n ability,\n isSelected: selectedIds.has(id),\n onToggle: () => onToggle(id, ability, role, pathName),\n role,\n path: pathName\n });\n })\n )\n );\n}\n\nfunction PrintToolbar({ count, onPrint, onClear }) {\n return React.createElement('div', { className: 'print-toolbar ' + (count > 0 ? 'visible' : '') },\n React.createElement('span', { className: 'selection-count' }, count + ' CARDS SELECTED'),\n React.createElement('button', { className: 'btn btn-danger', onClick: onClear },\n React.createElement(Icon, { name: 'x' }),\n 'CLEAR'\n ),\n React.createElement('button', { className: 'btn btn-primary', onClick: onPrint },\n React.createElement(Icon, { name: 'download' }),\n 'PRINT PDF'\n )\n );\n}\n\nfunction Attribution() {\n return React.createElement('footer', { className: 'attribution' },\n React.createElement('p', null, \n 'Ability data from ',\n React.createElement('a', { href: 'https://github.com/nboughton/Questling', target: '_blank', rel: 'noopener' }, 'Questling'),\n ' by Nick Boughton.'\n ),\n React.createElement('p', null,\n 'Quest created by T.C. Sottek. Learn more at ',\n React.createElement('a', { href: 'https://www.adventure.game/', target: '_blank', rel: 'noopener' }, 'adventure.game'),\n '.'\n )\n );\n}\n\nfunction App() {\n const [activeRole, setActiveRole] = useState('doctor');\n const [roleData, setRoleData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [selectedIds, setSelectedIds] = useState(new Set());\n const [selectedAbilities, setSelectedAbilities] = useState([]);\n \n // Load jsPDF\n useEffect(() => {\n if (!window.jspdf) {\n const script = document.createElement('script');\n script.src = 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js';\n document.body.appendChild(script);\n }\n }, []);\n \n // Fetch role data\n useEffect(() => {\n setLoading(true);\n setError(null);\n \n fetch('/api/role/' + activeRole)\n .then(res => res.json())\n .then(data => {\n if (data.error) {\n setError(data.error);\n setRoleData(null);\n } else {\n setRoleData(data);\n }\n setLoading(false);\n })\n .catch(err => {\n setError('Failed to load: ' + err.message);\n setLoading(false);\n });\n }, [activeRole]);\n \n const handleToggle = (id, ability, role, path) => {\n const newIds = new Set(selectedIds);\n const newAbilities = [...selectedAbilities];\n \n if (newIds.has(id)) {\n newIds.delete(id);\n const idx = newAbilities.findIndex(a => a.id === id);\n if (idx !== -1) newAbilities.splice(idx, 1);\n } else {\n newIds.add(id);\n newAbilities.push({\n id,\n ...ability,\n role: role.charAt(0).toUpperCase() + role.slice(1),\n path\n });\n }\n \n setSelectedIds(newIds);\n setSelectedAbilities(newAbilities);\n };\n \n const handleClear = () => {\n setSelectedIds(new Set());\n setSelectedAbilities([]);\n };\n \n const handlePrint = () => {\n if (selectedAbilities.length === 0) return;\n downloadPDF(selectedAbilities);\n };\n \n return React.createElement('div', { className: 'app' },\n React.createElement('header', null,\n React.createElement('h1', null, 'ABILITY CARDS'),\n React.createElement('span', { className: 'subtitle' }, 'QUEST RPG')\n ),\n \n // Role tabs\n React.createElement('div', { className: 'role-tabs' },\n ROLES.map(role => \n React.createElement('button', {\n key: role,\n className: 'role-tab ' + (role === activeRole ? 'active' : ''),\n onClick: () => setActiveRole(role)\n }, role)\n )\n ),\n \n // Content\n loading \n ? React.createElement('div', { className: 'loading' },\n React.createElement('div', { className: 'loading-spinner' }),\n 'Loading abilities...'\n )\n : error\n ? React.createElement('div', { className: 'card', style: { padding: '2rem', textAlign: 'center', color: '#b91c1c' } }, error)\n : roleData && roleData.paths && Object.entries(roleData.paths).map(([pathName, abilities]) =>\n React.createElement(PathSection, {\n key: pathName,\n pathName,\n abilities,\n selectedIds,\n onToggle: handleToggle,\n role: activeRole\n })\n ),\n \n React.createElement(Attribution, null),\n React.createElement(PrintToolbar, {\n count: selectedAbilities.length,\n onPrint: handlePrint,\n onClear: handleClear\n })\n );\n}\n\nReactDOM.createRoot(document.getElementById('root')).render(React.createElement(App));\n`;\n}\n","createdAt",["D",1767387337056],"branchVersion","branchId","2c4026b6-e81d-11f0-95d1-42dde27851f2","id","2c3fdf94-e81d-11f0-95d1-42dde27851f2","quest-abilities",["D",1767387244254],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Quest RPG ability card viewer and printer","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_92":91,"_100":96},"org",{"_92":91,"_93":94,"_95":96,"_18":52,"_97":98,"_99":24},"branch",{"_13":81,"_31":82,"_40":39,"_83":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":42,"_90":91},"isOwned",20,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789563599&sig=6d4d4bc45e131131f67274a1f94308a04e903573252e7f03fdbea160d142eca1","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_40":41,"_31":42,"_35":157,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":-5,"_64":-5,"_65":66,"_67":66,"_68":69,"_70":69,"_71":69,"_72":66,"_73":66,"_74":158,"_76":159,"_78":160,"_80":24},"tree",[148,149],"files",[148,149],"counts",{"_138":58,"_139":129,"_140":58,"_141":142,"_143":144},"contents",[123,124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_40":135,"_31":27,"_29":30,"_128":-5,"_38":39,"_37":14,"_130":24,"_35":136,"_13":58,"_32":20,"_33":34,"_23":24,"_133":-5,"_26":137},{"_40":125,"_31":126,"_29":127,"_128":-5,"_38":39,"_37":129,"_130":24,"_35":131,"_13":58,"_32":20,"_33":132,"_23":24,"_133":-5,"_26":134},"427f1c98-e81d-11f0-9add-42dde27851f2","styles.ts","427f1da6-e81d-11f0-9add-42dde27851f2","parentId",1,"latest",["D",1767387281574],"// CSS styles for Quest Abilities Viewer\n// Typography: Alegreya Sans SC (headings), Alegreya (pullquotes), Ovo (body)\n\nexport const STYLES = `\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --ink: #111111;\n --paper: #ffffff;\n --warm-gray: #f8f7f5;\n --border: #e5e5e5;\n --border-strong: #d4d4d4;\n --muted: #555555;\n --accent: #d4145a;\n --radius: 12px;\n --radius-sm: 8px;\n}\n\nbody {\n font-family: 'Ovo', Georgia, serif;\n background: var(--warm-gray);\n color: var(--ink);\n line-height: 1.5;\n font-size: 17px;\n}\n\n.h1, h1 { \n font-family: 'Alegreya Sans SC', sans-serif; \n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n}\n\n.h2, h2 { \n font-family: 'Alegreya Sans SC', sans-serif; \n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n}\n\n.h3, h3 {\n font-family: 'Alegreya Sans SC', sans-serif;\n font-weight: 700;\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n}\n\n.app {\n max-width: 720px;\n margin: 0 auto;\n padding: 2.5rem 1.25rem;\n}\n\nheader {\n text-align: center;\n margin-bottom: 2.5rem;\n}\n\nheader h1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n color: var(--ink);\n}\n\nheader .subtitle {\n font-family: 'Alegreya Sans SC', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n color: var(--muted);\n letter-spacing: 0.15em;\n}\n\n.card {\n background: var(--paper);\n border-radius: var(--radius);\n border: 1px solid var(--border);\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n margin-bottom: 1.5rem;\n}\n\n/* Role selector tabs */\n.role-tabs {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n justify-content: center;\n margin-bottom: 2rem;\n padding: 1rem;\n background: var(--paper);\n border-radius: var(--radius);\n border: 1px solid var(--border);\n}\n\n.role-tab {\n padding: 0.625rem 1rem;\n border: 1px solid var(--border);\n border-radius: 999px;\n background: var(--paper);\n font-family: 'Alegreya Sans SC', sans-serif;\n font-size: 0.8rem;\n font-weight: 700;\n color: var(--muted);\n cursor: pointer;\n transition: all 0.15s;\n text-transform: capitalize;\n}\n\n.role-tab:hover {\n border-color: var(--border-strong);\n color: var(--ink);\n}\n\n.role-tab.active {\n background: var(--ink);\n color: var(--paper);\n border-color: var(--ink);\n}\n\n/* Path sections */\n.path-section {\n margin-bottom: 0.75rem;\n}\n\n.path-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem 1.25rem;\n background: var(--paper);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n cursor: pointer;\n transition: border-color 0.15s;\n}\n\n.path-header:hover {\n border-color: var(--border-strong);\n}\n\n.path-name {\n font-family: 'Alegreya Sans SC', sans-serif;\n font-weight: 800;\n font-size: 1rem;\n flex: 1;\n}\n\n.path-count {\n font-family: 'Ovo', serif;\n font-size: 0.85rem;\n color: var(--muted);\n}\n\n.path-chevron {\n width: 18px;\n height: 18px;\n color: var(--muted);\n transition: transform 0.2s;\n}\n\n.path-chevron.open {\n transform: rotate(180deg);\n}\n\n.path-abilities {\n display: none;\n padding: 0.75rem 0;\n}\n\n.path-abilities.open {\n display: block;\n}\n\n/* Ability cards */\n.ability-card {\n background: var(--paper);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n margin-bottom: 0.625rem;\n transition: all 0.15s;\n}\n\n.ability-card:hover {\n border-color: var(--border-strong);\n}\n\n.ability-card.selected {\n border-color: var(--accent);\n box-shadow: 0 0 0 1px var(--accent);\n}\n\n.ability-header {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1rem 1.25rem;\n cursor: pointer;\n}\n\n.ability-checkbox {\n width: 22px;\n height: 22px;\n border: 2px solid var(--border-strong);\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.15s;\n}\n\n.ability-checkbox.checked {\n background: var(--accent);\n border-color: var(--accent);\n color: white;\n}\n\n.ability-checkbox svg {\n width: 14px;\n height: 14px;\n}\n\n.ability-name {\n font-family: 'Alegreya Sans SC', sans-serif;\n font-weight: 800;\n font-size: 1rem;\n flex: 1;\n}\n\n.ability-expand {\n width: 18px;\n height: 18px;\n color: var(--muted);\n transition: transform 0.2s;\n}\n\n.ability-expand.open {\n transform: rotate(180deg);\n}\n\n.ability-details {\n display: none;\n padding: 0 1.25rem 1.25rem;\n border-top: 1px dashed var(--border);\n margin: 0 1.25rem;\n padding-top: 1rem;\n}\n\n.ability-details.open {\n display: block;\n}\n\n.ability-details p {\n margin-bottom: 0.75rem;\n font-size: 0.95rem;\n}\n\n.sub-ability {\n background: var(--warm-gray);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 1rem;\n margin-bottom: 0.75rem;\n}\n\n.ap-cost {\n font-family: 'Alegreya Sans SC', sans-serif;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 0.1em;\n color: var(--accent);\n margin-bottom: 0.5rem;\n}\n\n.sub-ability-text {\n font-size: 0.9rem;\n line-height: 1.6;\n}\n\n.roll-table {\n width: 100%;\n margin-top: 0.75rem;\n border-collapse: collapse;\n font-size: 0.85rem;\n}\n\n.roll-table th,\n.roll-table td {\n border: 1px solid var(--border);\n padding: 0.5rem 0.75rem;\n text-align: left;\n}\n\n.roll-table th {\n font-family: 'Alegreya Sans SC', sans-serif;\n font-weight: 700;\n font-size: 0.7rem;\n letter-spacing: 0.08em;\n background: var(--paper);\n}\n\n/* Print toolbar */\n.print-toolbar {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n background: var(--paper);\n border-top: 1px solid var(--border);\n padding: 1rem;\n display: flex;\n justify-content: center;\n gap: 1rem;\n box-shadow: 0 -4px 12px rgba(0,0,0,0.08);\n transform: translateY(100%);\n transition: transform 0.3s ease;\n z-index: 100;\n}\n\n.print-toolbar.visible {\n transform: translateY(0);\n}\n\n.selection-count {\n font-family: 'Alegreya Sans SC', sans-serif;\n font-weight: 700;\n font-size: 0.9rem;\n color: var(--muted);\n display: flex;\n align-items: center;\n padding: 0 1rem;\n}\n\n.btn {\n padding: 0.75rem 1.25rem;\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n background: var(--paper);\n font-family: 'Alegreya Sans SC', sans-serif;\n font-size: 0.85rem;\n font-weight: 700;\n letter-spacing: 0.04em;\n cursor: pointer;\n transition: all 0.15s;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.btn:hover {\n border-color: var(--border-strong);\n background: var(--warm-gray);\n}\n\n.btn-primary {\n background: var(--ink);\n color: var(--paper);\n border-color: var(--ink);\n}\n\n.btn-primary:hover {\n background: #333;\n border-color: #333;\n}\n\n.btn-danger {\n color: var(--accent);\n border-color: var(--accent);\n}\n\n.btn-danger:hover {\n background: #fff0f3;\n}\n\n.btn svg {\n width: 16px;\n height: 16px;\n}\n\n/* Attribution footer */\n.attribution {\n margin-top: 2.5rem;\n padding-top: 1.25rem;\n padding-bottom: 5rem;\n border-top: 1px solid var(--border);\n text-align: center;\n}\n\n.attribution p {\n font-size: 0.8rem;\n color: var(--muted);\n margin-bottom: 0.375rem;\n}\n\n.attribution a {\n color: var(--muted);\n text-decoration: underline;\n}\n\n.attribution a:hover {\n color: var(--ink);\n}\n\n/* Loading state */\n.loading {\n text-align: center;\n padding: 3rem;\n color: var(--muted);\n}\n\n.loading-spinner {\n width: 32px;\n height: 32px;\n border: 3px solid var(--border);\n border-top-color: var(--accent);\n border-radius: 50%;\n margin: 0 auto 1rem;\n animation: spin 0.8s linear infinite;\n}\n\n@keyframes spin {\n to { transform: rotate(360deg); }\n}\n\n@media (max-width: 640px) {\n header h1 { font-size: 2rem; }\n .role-tabs { gap: 0.375rem; }\n .role-tab { padding: 0.5rem 0.75rem; font-size: 0.7rem; }\n .print-toolbar { flex-wrap: wrap; }\n}\n`;\n","label",[126],"6390e8a8-e81d-11f0-88da-42dde27851f2",["D",1767387337056],[27],"pulls","branches","forks","envVars",{"_145":58,"_147":58},"connections",{"_145":58,"_146":58},"count","unfilledCount","emptyCount",{"_40":135,"_31":27,"_29":30,"_128":-5,"_38":39,"_37":14,"_130":24,"_35":154,"_13":58,"_32":20,"_33":34,"_23":24,"_133":-5,"_151":155,"_26":156},{"_40":125,"_31":126,"_29":127,"_128":-5,"_38":39,"_37":129,"_130":24,"_35":150,"_13":58,"_32":20,"_33":132,"_23":24,"_133":-5,"_151":152,"_26":153},["D",1767387281574],"children",[],[126],["D",1767387337056],[],[27],["D",1767387244254],{"_92":91,"_100":96},{"_92":91,"_93":94,"_95":96,"_18":52,"_97":98,"_99":24},{"_13":81,"_31":82,"_40":39,"_83":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":42,"_90":91},"ctx",{"_74":-5,"_120":194,"_195":196,"_197":198,"_199":24,"_200":24,"_201":24,"_202":203,"_204":-5,"_205":-7,"_206":-7,"_207":58,"_208":24,"_209":24,"_210":-5,"_211":24,"_212":24,"_213":24,"_214":-5},"ENV",{"_165":166,"_167":168,"_169":82,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets",true,"preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v2