[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_105":106,"_107":108},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","ziggyware","name","free-ai","path","ui-settings.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":-5,"_58":42,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/ziggyware/free-ai/code/ui-settings.ts","extension","id","b9423ee2-cc3a-413d-b053-fd235f9e6797","fileId","c73730bc-abcf-11f1-a6fb-1607ee4eb77e","parentId","branchId","1a44bbd4-418c-11f1-af64-42b51c65c3df","branchVersion",1636,"latest",true,"createdAt",["D",1789498265137],"version",15,"fileType","script","content","// Settings drawer: markup + logic. State lives in localStorage(\"omni.settings\");\n// `SETTINGS.current()` is read by main-script on every send, and appearance is\n// applied as CSS variables / body classes so the page re-skins without reload.\nexport const settingsHtml: string = `\n

settings

appearance

\n width \n font \n size \n theme \n accent \n density \n timestamps\n telemetry tags\n wrap long code lines\n

thinking & tools

\n thinking \n show tool chain\n live thinking while generating\n

router

\n router url \n router key \n vendor order \n key rotation \n

model

\n routing \n pin \n reasoning effort \n temperature \n max_tokens policy \n fixed max_tokens \n history sent to the model \n expected length \n in-turn continues \n auto-continue across turns \n auto-continue unfinished work (rounds) \n keep retrying when providers are exhausted (min) \n swarm builders in parallel \n work until I say /finalize — unlimited retries and continues; after each completed round, ship the next upgrades\n auto-compact history when it outgrows the context budget\n two top-tier examples in every prompt (few-shot; off saves input tokens on tight free tiers)\n app-scale asks go through /build automatically (architect → parallel builders → integrate)\n inline preview on artifact cards\n turn budget (s) \n

governor

\n plan before answering (complex asks)\n verification pass\n ensemble on high-stakes\n long-term memory\n

tools

custom instructions

\n \n

prompts

\n edit \n

\n \n

import

skills

Instruction packs the model receives as binding rules. always = every turn; auto = when the message matches the keywords (comma-separated) or a /regex/i.

input

\n send with \n auto-scroll to new replies\n

data

\n`;\n\nexport const settingsScript: string = String.raw`\n// Runtime error ring buffer, installed at module load (this script loads before main-script.ts's own\n// bootstrap — see main-html.tsx's script order) so it catches errors from the moment the page is live,\n// not just from when the settings drawer happens to be opened. Feeds SETTINGS.copyDiagnostics() below.\nconst DIAG_LOG = [];\nfunction diagPush(kind, parts) {\n try {\n const msg = parts.map(a => { try { return typeof a === 'string' ? a : JSON.stringify(a); } catch { return String(a); } }).join(' ').slice(0, 400);\n DIAG_LOG.push({ t: Date.now(), kind, msg });\n if (DIAG_LOG.length > 40) DIAG_LOG.shift();\n } catch {}\n}\n(() => {\n const origError = console.error.bind(console);\n console.error = (...args) => { diagPush('console.error', args); origError(...args); };\n window.addEventListener('error', (e) => diagPush('window.onerror', [e.message + ' @ ' + (e.filename || '?') + ':' + (e.lineno || '?')]));\n window.addEventListener('unhandledrejection', (e) => diagPush('unhandledrejection', [String((e.reason && e.reason.message) || e.reason)]));\n})();\n\nconst SETTINGS = (() => {\n const KEY = 'omni.settings';\n const DEF = { width: '760', font: 'mono', fontSize: 13, theme: 'midnight', accent: '#4f8cff', density: 'cozy', timestamps: true, telemetry: true, codeWrap: false,\n thinking: 'collapsed', showTools: true, liveThinking: true, mode: 'auto', pin: '', reasoning: '', temp10: -1, maxTokens: 0, continueMax: 3, budgetS: 52,\n plan: true, verify: true, ensemble: true, memory: true, tools: null, system: '', sendKey: 'enter', autoScroll: true, prompts: {}, skills: [],\n routerUrl: '', routerKey: '', maxMode: 'auto', expect: 'auto', autoContinue: 6, swarm: 3, cardPreview: true, autoSwarm: true, examples: true, untilStopped: false, autoCompact: true, keyPolicy: '', contextChars: 16000, retryMinutes: 5, vendorOrder: 'openrouter', autoComplete: 4 };\n const PRESETS = {\n 'single-file html': { name: 'single-file html', mode: 'auto', when: 'html, webgl, canvas, shader, game, app, visuali', body: 'Deliver browser artifacts as ONE self-contained index.html: inline all CSS in