waiting for a prompt…
Tab / Shift+Tab: cycle · Alt+1–9: pick · Alt+R: more · Alt+H: hide
`;
document.body.appendChild(panel);
const $ = (sel) => panel.querySelector(sel);
const qEl = $('.q'), metaEl = $('.meta'), listEl = $('.list'), moreBtn = $('.more'), saidEl = $('.said-list');
function applyLook() {
panel.style.width = settings.width + 'px';
panel.style.fontSize = settings.fontSize + 'px';
panel.style.setProperty('--kr-op', settings.opacity);
panel.classList.toggle('no-hints', !settings.showHints);
for (const s of ['left', 'right', 'top', 'bottom']) panel.style[s] = '';
if (settings.pos) {
panel.style.left = Math.min(Math.max(0, settings.pos.left), innerWidth - 80) + 'px';
panel.style.top = Math.min(Math.max(0, settings.pos.top), innerHeight - 40) + 'px';
} else {
panel.style[settings.corner.includes('b') ? 'bottom' : 'top'] = '12px';
panel.style[settings.corner.includes('r') ? 'right' : 'left'] = '12px';
}
}
function syncProviderFields() {
const p = prov();
$('[data-p="model"]').value = provModel();
$('[data-p="base"]').value = provBase();
$('.base-row').style.display = p.local ? '' : 'none';
$('.effort-row').style.display = p.kind === 'anthropic' ? '' : 'none';
setModelOptions(p.models);
$('.prov-tip').textContent = providerTip();
}
const TIPS = {
ollama: 'Install Ollama, run "ollama pull llama3.1:8b". If you get "blocked", start it with OLLAMA_ORIGINS=* set. Bigger models give better answers.',
lmstudio: 'In LM Studio, load a model and start the local server (Developer tab), then press "list models".',
custom: 'Any OpenAI-compatible server: enter its base URL (ending in /v1) and a model name.',
anthropic: 'Opus is the smartest; Haiku is fastest and cheapest. Effort "low" keeps it quick.',
groq: 'Groq is extremely fast, good for auto-answer.',
openrouter: 'One key for hundreds of models — press "list models" to browse.',
};
const providerTip = () => TIPS[settings.provider] || (prov().keyUrl ? 'Get a key: ' + prov().keyUrl : '');
function setModelOptions(ids) {
const dl = $('#kr-models');
dl.textContent = '';
for (const m of ids) { const o = document.createElement('option'); o.value = m; dl.appendChild(o); }
}
panel.querySelectorAll('[data-s]').forEach((el) => {
const k = el.dataset.s;
if (el.type === 'checkbox') el.checked = settings[k];
else el.value = settings[k];
el.addEventListener('change', () => {
settings[k] = el.type === 'checkbox' ? el.checked : el.type === 'number' ? Number(el.value) : el.value;
saveSettings();
if (k === 'provider') syncProviderFields();
applyLook();
if (lastPrompt) render(lastPrompt);
});
});
$('[data-p="model"]').addEventListener('change', (e) => { settings.models[settings.provider] = e.target.value.trim(); saveSettings(); });
$('[data-p="base"]').addEventListener('change', (e) => { settings.baseUrls[settings.provider] = e.target.value.trim(); saveSettings(); });
syncProviderFields();
applyLook();
const updateSavedCount = () => {
const entries = Object.values(store);
const learned = entries.reduce((n, e) => n + e.answers.filter((a) => a.tier || a.miss).length, 0);
const hits = entries.reduce((n, e) => n + e.answers.filter((a) => a.tier && TIERS[a.tier].score >= 60).length, 0);
$('.saved-count').textContent = `${entries.length} prompts saved · ${learned} real results · ${hits} rare-or-better hits`;
};
updateSavedCount();
function download(name, data) {
const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = name;
link.click();
setTimeout(() => URL.revokeObjectURL(link.href), 1000);
}
// merge imported answers into the store, keeping real results over guesses
// only copy known fields with valid values, so a bad file can't break the panel
function cleanAnswer(a) {
if (!a || typeof a.answer !== 'string' || !a.answer.trim() || a.answer.length > 80) return null;
const out = { answer: a.answer.trim(), rarity: Math.max(0, Math.min(5, a.rarity | 0)) };
if (TIERS[a.tier]) out.tier = a.tier;
else if (a.miss === true) out.miss = true;
if (typeof a.canonical === 'string' && a.canonical.length <= 80) out.canonical = a.canonical;
for (const f of ['mine', 'checked']) if (a[f] === true) out[f] = true;
if (typeof a.doubt === 'string') out.doubt = a.doubt.slice(0, 40);
return out;
}
function importStore(data) {
if (!data || typeof data !== 'object' || Array.isArray(data)) throw new Error('not an export');
let prompts = 0, added = 0;
for (const [rawKey, e] of Object.entries(data)) {
if (!e || !Array.isArray(e.answers)) continue;
const k = norm(typeof e.prompt === 'string' ? e.prompt : rawKey);
if (!k || ['__proto__', 'constructor', 'prototype'].includes(k)) continue;
prompts++;
if (!Object.hasOwn(store, k)) store[k] = { prompt: String(e.prompt || rawKey).slice(0, 300), at: Date.now(), answers: [] };
const mine = store[k];
for (const raw of e.answers) {
const a = cleanAnswer(raw);
if (!a) continue;
const have = findAnswer(mine, a.answer);
if (!have) { mine.answers.push(a); added++; }
else if ((a.tier || a.miss) && !(have.tier || have.miss)) Object.assign(have, a);
}
}
saveStore();
updateSavedCount();
return `imported ${added} answers across ${prompts} prompts`;
}
const settingsMsg = (text, isErr) => {
const el = $('.prov-tip');
el.textContent = text;
el.style.color = isErr ? '#ff6b6b' : '#7dffb0';
el.style.opacity = 1;
clearTimeout(settingsMsg.timer);
settingsMsg.timer = setTimeout(() => { el.style.color = ''; el.style.opacity = ''; el.textContent = providerTip(); }, 6000);
};
panel.addEventListener('click', (e) => {
const a = e.target.dataset && e.target.dataset.a;
if (!a) return;
e.stopPropagation();
if (a === 'toggle') panel.classList.toggle('collapsed');
else if (a === 'settings') { panel.classList.remove('collapsed'); panel.classList.toggle('show-settings'); }
else if (a === 'ask' && lastPrompt) ask(lastPrompt, false);
else if (a === 'key') getKey(true);
else if (a === 'models') {
settingsMsg('listing models…');
listModels((err, ids) => {
if (err) return settingsMsg(err, true);
setModelOptions(ids);
settingsMsg(`${ids.length} models found — click the model box to pick one`);
});
} else if (a === 'test') {
settingsMsg('testing…');
const t0 = Date.now();
llmRequest({
system: 'Reply with exactly: OK', user: 'Say OK.', stream: false, temperature: 0,
onDone: (err, text) => err ? settingsMsg(err, true)
: settingsMsg(`✓ ${prov().label} / ${provModel()} replied "${text.trim().slice(0, 20)}" in ${((Date.now() - t0) / 1000).toFixed(1)}s`),
});
} else if (a === 'clear-prompt' && lastPrompt) {
delete store[norm(lastPrompt)]; saveStore(); updateSavedCount(); render(lastPrompt);
} else if (a === 'clear-all' && confirm('Delete all saved answers?')) {
store = {}; saveStore(); updateSavedCount(); if (lastPrompt) render(lastPrompt);
} else if (a === 'export') download('krillion-saved-answers.json', store);
else if (a === 'import') $('.import-file').click();
else if (a === 'reset-pos') { settings.pos = null; saveSettings(); applyLook(); }
else if (a === 'reset-settings' && confirm('Reset all settings (keeps saved answers and keys)?')) {
GM_setValue('settings', {});
location.reload();
}
});
$('.import-file').addEventListener('change', (e) => {
const f = e.target.files[0];
if (!f) return;
f.text().then((t) => {
try { settingsMsg(importStore(JSON.parse(t))); if (lastPrompt) render(lastPrompt); }
catch (err) { settingsMsg("that file isn't a saved-answers export", true); }
e.target.value = '';
});
});
moreBtn.addEventListener('click', () => lastPrompt && ask(lastPrompt, true));
// drag the panel by its header; a click without movement collapses it
(function makeDraggable() {
const header = $('header');
let start = null;
header.addEventListener('mousedown', (e) => {
if (e.target.dataset.a || e.button !== 0) return;
const r = panel.getBoundingClientRect();
start = { x: e.clientX, y: e.clientY, left: r.left, top: r.top, moved: false };
e.preventDefault();
});
addEventListener('mousemove', (e) => {
if (!start) return;
const dx = e.clientX - start.x, dy = e.clientY - start.y;
if (!start.moved && Math.abs(dx) + Math.abs(dy) < 4) return;
start.moved = true;
settings.pos = { left: start.left + dx, top: start.top + dy };
applyLook();
});
addEventListener('mouseup', () => {
if (!start) return;
if (start.moved) saveSettings();
else panel.classList.toggle('collapsed');
start = null;
});
addEventListener('resize', applyLook);
})();
// ---------- Filling the game's input ----------
const gameInput = () => document.querySelector('input.ds-input');
function fillInput(text, submit) {
const input = gameInput();
if (!input) return;
// React tracks the value itself, so use the native setter and fire an input event.
const setter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value').set;
setter.call(input, text);
input.dispatchEvent(new Event('input', { bubbles: true }));
input.focus();
if (submit) {
setTimeout(() => {
lastSubmitted = text;
input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', code: 'Enter', keyCode: 13, which: 13, bubbles: true }));
try { if (input.form) input.form.requestSubmit(); } catch (e) { /* older browsers: the Enter key event covers it */ }
}, 30);
}
}
// ---------- Rendering ----------
const answerScore = (a) => (a.tier ? TIERS[a.tier].score : STAR_SCORE[Math.max(1, Math.min(5, a.rarity | 0))]);
const isSaid = (a) => partySaid.has(norm(a.answer)) || (a.canonical && partySaid.has(norm(a.canonical)));
function render(prompt, msg, isErr) {
qEl.textContent = prompt;
const entry = store[norm(prompt)];
const answers = entry ? entry.answers : [];
const learned = answers.filter((a) => a.tier || a.miss).length;
metaEl.textContent = [
`${prov().label.replace(/ \(.*\)/, '')}${provModel() ? ' · ' + provModel() : ''}`,
entry ? `${answers.length} saved` : '',
learned ? `${learned} confirmed` : '',
pending ? 'streaming…' : lastLatency ? `first in ${lastLatency}s` : '',
verifying ? 'double-checking…' : '',
].filter(Boolean).join(' · ');
listEl.textContent = '';
if (msg) {
const d = document.createElement('div');
if (isErr) d.className = 'err';
d.textContent = msg;
listEl.appendChild(d);
}
visible = answers
.filter((a) => !(a.miss && settings.hideMisses))
.filter((a) => !a.doubt || a.tier)
.filter((a) => !(settings.hideSaid && isSaid(a)))
.filter((a) => a.tier || (a.rarity | 0) >= settings.minStars || a.mine)
.sort((a, b) => (b.miss ? -1 : answerScore(b)) - (a.miss ? -1 : answerScore(a)) ||
(b.tier ? 2 : b.checked ? 1 : 0) - (a.tier ? 2 : a.checked ? 1 : 0));
if (cursor >= visible.length) cursor = -1;
visible.forEach((a, i) => {
const b = document.createElement('button');
b.className = 'chip' + (isSaid(a) ? ' said' : '') + (a.miss ? ' miss' : '') + (i === cursor ? ' cur' : '');
b.innerHTML = '