RubyGems - tina4ruby - Versions diffs - 3.10.70 → 3.10.71 - Mend

tina4ruby 3.10.70 → 3.10.71

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 (5) hide show

checksums.yaml +4 -4
data/lib/tina4/dev_admin.rb +2 -1
data/lib/tina4/public/js/tina4-dev-admin.min.js +426 -506
data/lib/tina4/version.rb +1 -1
metadata +1 -1

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3f06a2255a534d40f28782434bddf172642b0d1b620a47c6d7474e2be64310ae
-  data.tar.gz: dcd8f0b4d62a0a6cbb9cbaf1005d1dde8175ff06efc1c42c4fd0ea0750253915
+  metadata.gz: cfa5ceff53f777c0e3f4583067cdb50ff30f685b37d41a329dc6a7dc8c6a8ee4
+  data.tar.gz: 763d1dd1b2abafb524f3303b426de7f92ad86c7cd74ef738bd3733e6f51eb326
 SHA512:
-  metadata.gz: 40f1bd5b474dded10a2551d4f7384973b44bdb5779b3fadcbd86977ef46a199f16c3e1aa9b4fd82408f9b3286491cd42c274181e019d0de55f44a85772e30a29
-  data.tar.gz: df3b82c1d8bbc2ac80b7aed0980d3167c1feca0cdcb66a39614c8ee3b066e133bab0edc97d668218e06c122cc4e20be371089695c056624e3919651f92327028
+  metadata.gz: 3f4b65ea1c8f4369f5aea7e40ad3d37934c66cbdf44fec41898dab96cb92e45dc0e4674fd163ea905c54d51786abefa43130c104c6fbb2f52d562f91abc2aa52
+  data.tar.gz: 11accdacd958eaef94da54b4e89d7d2265db8c9bf14286a0582b6cfd8d368bf71e1c905acc20f77383fc39efda57ea2fb2ab1545b9b17a3e037d89a0e2bb6be6

data/lib/tina4/dev_admin.rb CHANGED Viewed

@@ -485,7 +485,8 @@ module Tina4
       end
       def serve_dashboard
-        [200, { "content-type" => "text/html; charset=utf-8" }, [render_dashboard]]
+        spa = '<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>Tina4 Dev Admin</title></head><body><div id="app" data-framework="ruby" data-color="#ef4444"></div><script src="/__dev/js/tina4-dev-admin.min.js"></script></body></html>'
+        [200, { "content-type" => "text/html; charset=utf-8" }, [spa]]
       end
       def serve_dev_js

data/lib/tina4/public/js/tina4-dev-admin.min.js CHANGED Viewed

@@ -1,506 +1,426 @@
-let currentTab = 'routes';
-let queueFilter = '';
-let mailboxFolder = '';
-function showTab(tab, e) {
-currentTab = tab;
-document.querySelectorAll('.dev-tab').forEach(t => t.classList.remove('active'));
-document.querySelectorAll('.dev-panel').forEach(p => p.classList.add('hidden'));
-if (e) e.target.closest('.dev-tab').classList.add('active');
-document.getElementById('panel-' + tab).classList.remove('hidden');
-const loaders = {routes:loadRoutes, queue:loadQueue, mailbox:loadMailbox, messages:loadMessages, database:loadTables, requests:loadRequests, errors:loadErrors, websockets:loadWebSockets, system:loadSystem, tools:function(){}};
-if (loaders[tab]) loaders[tab]();
-}
-function api(path, method, body) {
-const opts = { method: method || 'GET', headers: {} };
-if (body) { opts.headers['Content-Type'] = 'application/json'; opts.body = JSON.stringify(body); }
-return fetch(path, opts).then(r => r.json());
-}
-function loadRoutes() {
-api('/__dev/api/routes').then(d => {
-document.getElementById('routes-count').textContent = d.count;
-document.getElementById('routes-body').innerHTML = d.routes.map(r => `
-<tr>
-<td><span class="method method-${r.method.toLowerCase()}">${r.method}</span></td>
-<td class="path"><a href="${r.path || r.pattern || ''}" target="_blank" title="${r.method !== 'GET' ? r.method + ' route — may not respond to browser GET' : 'Open in new tab'}" style="color:inherit;text-decoration:underline dotted;${r.method !== 'GET' ? 'opacity:0.7' : ''}">${r.path || r.pattern || ''}</a></td>
-<td>${r.auth_required || r.secure ? '<span class="badge-pill bg-reserved">auth</span>' : '<span class="badge-pill bg-success">open</span>'}</td>
-<td class="text-sm text-muted">${r.handler || ''} ${r.module ? '<small>(' + r.module + ')</small>' : ''}</td>
-</tr>`).join('');
-});
-}
-function loadQueue() {
-const qs = queueFilter ? '?status=' + queueFilter : '';
-api('/__dev/api/queue' + qs).then(d => {
-['pending','completed','failed','reserved'].forEach(s => {
-const el = document.getElementById('q-' + s);
-if (el) el.textContent = d.stats[s] || 0;
-});
-document.getElementById('queue-count').textContent = Object.values(d.stats).reduce((a,b) => a+b, 0);
-const tbody = document.getElementById('queue-body');
-const empty = document.getElementById('queue-empty');
-if (!d.jobs.length) { tbody.innerHTML = ''; empty.classList.remove('hidden'); return; }
-empty.classList.add('hidden');
-tbody.innerHTML = d.jobs.map(j => `
-<tr>
-<td>${j.id}</td>
-<td class="path">${j.topic}</td>
-<td><span class="badge-pill bg-${j.status}">${j.status}</span></td>
-<td>${j.attempts}</td>
-<td class="text-sm text-muted">${j.created_at || ''}</td>
-<td class="text-mono text-sm" style="max-width:250px;overflow:hidden;text-overflow:ellipsis">${typeof j.data === 'object' ? JSON.stringify(j.data) : j.data}</td>
-<td><button class="btn btn-sm" onclick="replayJob(${j.id},'${j.topic}')">Replay</button></td>
-</tr>`).join('');
-});
-}
-function filterQueue(status, e) {
-queueFilter = status;
-document.querySelectorAll('#panel-queue .filter-btn').forEach(b => b.classList.remove('active'));
-if (e) e.target.classList.add('active');
-loadQueue();
-}
-function retryQueue() { api('/__dev/api/queue/retry', 'POST', {}).then(() => loadQueue()); }
-function purgeQueue() { api('/__dev/api/queue/purge', 'POST', {}).then(() => loadQueue()); }
-function replayJob(id, topic) { api('/__dev/api/queue/replay', 'POST', {job_id: id, topic: topic}).then(() => { loadQueue(); }); }
-function loadMailbox() {
-const qs = mailboxFolder ? '?folder=' + mailboxFolder : '';
-api('/__dev/api/mailbox' + qs).then(d => {
-document.getElementById('mailbox-count').textContent = d.unread;
-document.getElementById('mail-detail').classList.add('hidden');
-const list = document.getElementById('mailbox-list');
-if (!d.messages.length) { list.innerHTML = '<div class="empty">No messages. Click "Seed 5" to generate test emails.</div>'; return; }
-list.innerHTML = d.messages.map(m => `
-<div class="mail-item ${m.read ? '' : 'unread'}" onclick="readMail('${m.id}')">
-<span class="text-sm text-muted" style="float:right">${(m.date||'').substring(0,16)}</span>
-<div class="text-sm text-muted">${m.from} &rarr; ${(m.to||[]).join(', ')}</div>
-<div style="font-weight:600;font-size:0.8rem">${m.subject}</div>
-<span class="badge-pill bg-${m.type === 'inbox' ? 'success' : 'primary'}" style="margin-top:0.2rem">${m.type}</span>
-</div>`).join('');
-});
-}
-function filterMailbox(folder, e) {
-mailboxFolder = folder;
-document.querySelectorAll('#panel-mailbox .filter-btn').forEach(b => b.classList.remove('active'));
-if (e) e.target.classList.add('active');
-loadMailbox();
-}
-function readMail(id) {
-api('/__dev/api/mailbox/read?id=' + id).then(m => {
-const det = document.getElementById('mail-detail');
-det.classList.remove('hidden');
-det.innerHTML = `<h3 style="font-size:0.9rem">${m.subject}</h3>
-<p class="text-sm text-muted">From: ${m.from} | To: ${(m.to||[]).join(', ')} | ${m.date}</p>
-<div style="background:var(--bg);padding:0.75rem;border-radius:var(--radius);margin-top:0.5rem;font-size:0.8rem">${m.html ? m.body : '<pre>' + (m.body||'') + '</pre>'}</div>`;
-});
-}
-function seedMailbox() { api('/__dev/api/mailbox/seed', 'POST', {count:5}).then(() => loadMailbox()); }
-function clearMailbox() { api('/__dev/api/mailbox/clear', 'POST', {}).then(() => loadMailbox()); }
-function loadMessages() {
-api('/__dev/api/messages').then(d => {
-document.getElementById('messages-count').textContent = d.counts.total || 0;
-renderMessages(d.messages);
-});
-}
-function searchMessages() {
-const q = document.getElementById('msg-search').value.trim();
-if (!q) { loadMessages(); return; }
-api('/__dev/api/messages/search?q=' + encodeURIComponent(q)).then(d => renderMessages(d.messages));
-}
-function renderMessages(messages) {
-const list = document.getElementById('messages-list');
-const empty = document.getElementById('messages-empty');
-if (!messages.length) { list.innerHTML = ''; empty.classList.remove('hidden'); return; }
-empty.classList.add('hidden');
-list.innerHTML = messages.map(m => `
-<div class="msg-entry">
-<span class="time">${(m.timestamp||'').substring(11,19)}</span>
-<span class="cat">${m.category}</span>
-<span class="level-${m.level}">[${m.level}]</span>
-${esc(m.message)}
-${m.data ? '<code class="text-sm text-muted">' + JSON.stringify(m.data) + '</code>' : ''}
-</div>`).join('');
-}
-function clearMessages() { api('/__dev/api/messages/clear', 'POST', {}).then(() => loadMessages()); }
-var _currentTable='';
-function loadTables() {
-api('/__dev/api/tables').then(function(d) {
-var tables = d.tables || [];
-document.getElementById('db-count').textContent = tables.length;
-var list = document.getElementById('table-list');
-var seed = document.getElementById('seed-table');
-if (!tables.length) { list.innerHTML = '<div class="text-muted">No tables</div>'; return; }
-list.innerHTML = '';
-tables.forEach(function(t) {
-var div = document.createElement('div');
-div.style.cssText = 'cursor:pointer;padding:4px 6px;color:var(--primary);border-radius:4px;margin-bottom:1px';
-div.textContent = t;
-div.addEventListener('mouseenter', function() { if (t !== _currentTable) div.style.background = 'var(--bg-alt,rgba(255,255,255,0.05))'; });
-div.addEventListener('mouseleave', function() { if (t !== _currentTable) div.style.background = ''; });
-div.addEventListener('click', function() {
-list.querySelectorAll('div').forEach(function(d) { d.style.background = ''; d.style.fontWeight = ''; });
-div.style.background = 'var(--primary-bg,rgba(53,114,165,0.2))'; div.style.fontWeight = '600';
-browseTable(t);
-});
-list.appendChild(div);
-});
-seed.innerHTML = '<option value="">Pick table...</option>' + tables.map(function(t) { return '<option value="' + t + '">' + t + '</option>'; }).join('');
-});
-}
-function browseTable(name) {
-_currentTable = name;
-var lim = document.getElementById('query-limit').value;
-document.getElementById('query-input').value = 'SELECT * FROM ' + name + (lim !== '0' ? ' LIMIT ' + lim : '');
-runQuery();
-}
-function seedTable() {
-var table = document.getElementById('seed-table').value;
-var count = parseInt(document.getElementById('seed-count').value) || 10;
-if (!table) return;
-api('/__dev/api/seed', 'POST', {table: table, count: count}).then(function(d) {
-if (d.error) { alert(d.error); return; }
-browseTable(table);
-});
-}
-function _clipCopy(text, btn) {
-var orig = btn.textContent;
-var ta = document.createElement('textarea');
-ta.value = text;
-ta.style.cssText = 'position:fixed;left:-9999px;top:-9999px';
-document.body.appendChild(ta);
-ta.focus();
-ta.select();
-try { document.execCommand('copy'); btn.textContent = 'Copied!'; btn.style.color = 'var(--success)'; }
-catch(e) { btn.textContent = 'Failed'; btn.style.color = 'var(--danger)'; }
-document.body.removeChild(ta);
-setTimeout(function() { btn.textContent = orig; btn.style.color = ''; }, 1500);
-}
-function copyResults(fmt, btn) {
-var el = document.getElementById('query-results');
-var tbl = el ? el.querySelector('table') : null;
-if (!tbl) { btn.textContent = 'No data'; btn.style.color = 'var(--danger)'; setTimeout(function() { btn.textContent = fmt === 'json' ? 'Copy JSON' : 'Copy CSV'; btn.style.color = ''; }, 1500); return; }
-var headerCells = tbl.querySelectorAll('thead th');
-var headers = []; headerCells.forEach(function(h) { headers.push(h.textContent); });
-var bodyRows = tbl.querySelectorAll('tbody tr');
-var data = [];
-bodyRows.forEach(function(row) {
-var cells = row.querySelectorAll('td');
-var obj = {};
-cells.forEach(function(c, i) { obj[headers[i] || ('col' + i)] = c.textContent === 'null' ? null : c.textContent; });
-data.push(obj);
-});
-var text = '';
-if (fmt === 'json') {
-text = JSON.stringify(data, null, 2);
-} else {
-var lines = [headers.join(',')];
-data.forEach(function(r) {
-lines.push(headers.map(function(h) { var v = (r[h] !== null ? r[h] : ''); return v.indexOf(',') >= 0 || v.indexOf('"') >= 0 ? '"' + v.replace(/"/g, '""') + '"' : v; }).join(','));
-});
-text = lines.join(String.fromCharCode(10));
-}
-_clipCopy(text, btn);
-}
-function pasteData() {
-var NL = String.fromCharCode(10);
-var TAB = String.fromCharCode(9);
-var overlay = document.createElement('div');
-overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:99999;display:flex;align-items:center;justify-content:center';
-var box = document.createElement('div');
-box.style.cssText = 'background:var(--bg,#1e293b);border:1px solid var(--border,#334155);border-radius:0.5rem;padding:1rem;width:500px;max-width:90vw';
-box.innerHTML = '<div style="font-weight:600;margin-bottom:0.5rem;color:var(--text,#e2e8f0)">Paste Data</div><div style="font-size:0.75rem;color:var(--muted,#94a3b8);margin-bottom:0.5rem">Paste JSON array or CSV/tab-separated data below</div>';
-var ta = document.createElement('textarea');
-ta.style.cssText = 'width:100%;height:150px;font-family:monospace;font-size:0.75rem;background:var(--bg-alt,#0f172a);color:var(--text,#e2e8f0);border:1px solid var(--border,#334155);border-radius:0.25rem;padding:0.5rem;resize:vertical';
-ta.placeholder = 'Paste here (Ctrl+V)...';
-var btns = document.createElement('div');
-btns.style.cssText = 'display:flex;gap:0.5rem;margin-top:0.5rem;justify-content:flex-end';
-var cancelBtn = document.createElement('button');
-cancelBtn.className = 'btn btn-sm'; cancelBtn.textContent = 'Cancel';
-cancelBtn.onclick = function() { document.body.removeChild(overlay); };
-var goBtn = document.createElement('button');
-goBtn.className = 'btn btn-sm btn-primary'; goBtn.textContent = 'Generate SQL';
-goBtn.onclick = function() {
-var text = ta.value.trim();
-if (!text) { alert('Paste some data first'); return; }
-var upper = text.substring(0, 50).toUpperCase();
-if (upper.indexOf('INSERT ') >= 0 || upper.indexOf('CREATE ') >= 0 || upper.indexOf('SELECT ') >= 0) {
-document.getElementById('query-input').value = text;
-document.body.removeChild(overlay);
-return;
-}
-var rows = [];
-var parsed = null;
-try { parsed = JSON.parse(text); } catch(e) {}
-if (parsed && Array.isArray(parsed) && parsed.length > 0) {
-rows = parsed;
-} else {
-var lines = text.split(NL);
-if (lines.length < 2) { alert('Need a header row + at least one data row'); return; }
-var sep = lines[0].indexOf(TAB) >= 0 ? TAB : ',';
-var headers = lines[0].split(sep);
-for (var i = 1; i < lines.length; i++) {
-var vals = lines[i].split(sep);
-if (!vals.length || vals.join('').trim() === '') continue;
-var row = {};
-headers.forEach(function(h, idx) { row[h.trim()] = vals[idx] !== undefined ? vals[idx].trim() : ''; });
-rows.push(row);
-}
-}
-if (!rows.length) { alert('No data rows found'); return; }
-var allCols = Object.keys(rows[0]);
-var table = typeof _currentTable !== 'undefined' && _currentTable ? _currentTable : '';
-var isNew = false;
-if (!table) {
-table = prompt('No table selected. Enter table name (creates if new):');
-if (!table) { return; }
-isNew = true;
-}
-var sql = '';
-if (isNew) {
-var hasId = allCols.some(function(c) { return c.toLowerCase() === 'id'; });
-var colDefs = allCols.map(function(h) {
-if (h.toLowerCase() === 'id') return h + ' INTEGER PRIMARY KEY AUTOINCREMENT';
-return h + ' TEXT';
-}).join(', ');
-if (!hasId) colDefs = 'id INTEGER PRIMARY KEY AUTOINCREMENT, ' + colDefs;
-sql = 'CREATE TABLE IF NOT EXISTS ' + table + ' (' + colDefs + ');' + NL;
-}
-sql += rows.map(function(r) {
-var keys = Object.keys(r);
-if (isNew) { keys = keys.filter(function(k) { return k.toLowerCase() !== 'id'; }); }
-var cols = keys.join(', ');
-var vals = keys.map(function(k) { var v = r[k]; return v === null ? 'NULL' : "'" + String(v).replace(/'/g, "''") + "'"; }).join(', ');
-return 'INSERT INTO ' + table + ' (' + cols + ') VALUES (' + vals + ')';
-}).join(';' + NL);
-document.getElementById('query-input').value = sql;
-document.body.removeChild(overlay);
-};
-btns.appendChild(cancelBtn); btns.appendChild(goBtn);
-box.appendChild(ta); box.appendChild(btns);
-overlay.appendChild(box); document.body.appendChild(overlay);
-ta.focus();
-}
-function runQuery() {
-var query = document.getElementById('query-input').value.trim();
-var type = document.getElementById('query-type').value;
-var errorEl = document.getElementById('query-error');
-var resultEl = document.getElementById('query-results');
-if (!query) { errorEl.textContent = 'Enter a query'; errorEl.classList.remove('hidden'); return; }
-errorEl.classList.add('hidden');
-resultEl.innerHTML = '<p class="text-muted">Running...</p>';
-api('/__dev/api/query', 'POST', {query: query, type: type}).then(function(d) {
-if (d.error) { errorEl.textContent = d.error; errorEl.classList.remove('hidden'); resultEl.innerHTML = ''; return; }
-if (d.rows) {
-if (!d.rows.length) { resultEl.innerHTML = '<p class="text-muted">No results</p>'; return; }
-var cols = d.columns || Object.keys(d.rows[0]);
-var html = '<div class="text-muted" style="margin-bottom:0.25rem">' + d.rows.length + ' row(s)</div><table class="table"><thead><tr>' + cols.map(function(c) { return '<th>' + c + '</th>'; }).join('') + '</tr></thead><tbody>';
-d.rows.forEach(function(row) { html += '<tr>' + cols.map(function(c) { return '<td>' + (row[c] !== null ? row[c] : '<em>null</em>') + '</td>'; }).join('') + '</tr>'; });
-html += '</tbody></table>'; resultEl.innerHTML = html;
-} else if (d.success) {
-resultEl.innerHTML = '<p style="color:var(--success)">' + d.affected + ' row(s) affected</p>';
-loadTables();
-} else {
-resultEl.innerHTML = '<pre>' + JSON.stringify(d, null, 2) + '</pre>';
-}
-}).catch(function(e) { errorEl.textContent = e.message; errorEl.classList.remove('hidden'); });
-}
-function loadRequests() {
-api('/__dev/api/requests').then(d => {
-const stats = d.stats || {};
-document.getElementById('req-count').textContent = stats.total || 0;
-document.getElementById('req-stats').innerHTML = `Total: ${stats.total||0} | Avg: ${stats.avg_ms||0}ms | Errors: ${stats.errors||0} | Slowest: ${stats.slowest_ms||0}ms`;
-const tbody = document.getElementById('req-body');
-const empty = document.getElementById('req-empty');
-if (!(d.requests||[]).length) { tbody.innerHTML = ''; empty.classList.remove('hidden'); return; }
-empty.classList.add('hidden');
-tbody.innerHTML = d.requests.map(r => {
-const sc = r.status >= 500 ? 'status-err' : r.status >= 400 ? 'status-warn' : 'status-ok';
-return `<tr>
-<td class="text-sm text-muted text-mono">${(r.timestamp||'').substring(11,19)}</td>
-<td><span class="method method-${r.method.toLowerCase()}">${r.method}</span></td>
-<td class="path">${r.path}</td>
-<td class="${sc}" style="font-weight:600">${r.status}</td>
-<td class="text-mono text-sm">${r.duration_ms}ms</td>
-<td class="text-sm text-muted">${r.body_size ? r.body_size + 'B' : ''}</td>
-</tr>`;
-}).join('');
-});
-}
-function clearRequests() { api('/__dev/api/requests/clear', 'POST', {}).then(() => loadRequests()); }
-function loadErrors() {
-api('/__dev/api/broken').then(d => {
-const health = d.health || {};
-document.getElementById('err-count').textContent = health.unresolved || 0;
-const list = document.getElementById('errors-list');
-const empty = document.getElementById('errors-empty');
-if (!(d.errors||[]).length) { list.innerHTML = ''; empty.classList.remove('hidden'); return; }
-empty.classList.add('hidden');
-list.innerHTML = d.errors.map(e => `
-<div style="padding:0.6rem 0.75rem;border-bottom:1px solid var(--border)">
-<div class="flex justify-between items-center">
-<span class="badge-pill ${e.resolved ? 'bg-success' : 'bg-danger'}">${e.resolved ? 'resolved' : 'unresolved'}</span>
-<span class="text-sm text-muted">x${e.count} | ${(e.last_seen||'').substring(0,19)}</span>
-</div>
-<div style="font-weight:600;font-size:0.8rem;margin-top:0.25rem">${esc(e.error_type)}: ${esc(e.message)}</div>
-${e.traceback ? '<pre class="text-sm text-muted" style="margin-top:0.25rem;max-height:100px;overflow:auto">' + esc(e.traceback) + '</pre>' : ''}
-${!e.resolved ? '<button class="btn btn-sm btn-success" style="margin-top:0.25rem" onclick="resolveError(\'' + e.id + '\')">Resolve</button>' : ''}
-<button class="btn btn-sm btn-primary" style="margin-top:0.25rem;margin-left:0.25rem" data-err="${btoa(e.error_type + ': ' + e.message)}" data-tb="${btoa((e.traceback||'').substring(0,500))}" onclick="askAboutError(this)">Ask Tina4</button>
-</div>`).join('');
-});
-}
-function resolveError(id) { api('/__dev/api/broken/resolve', 'POST', {id}).then(() => loadErrors()); }
-function clearResolvedErrors() { api('/__dev/api/broken/clear', 'POST', {}).then(() => loadErrors()); }
-function loadWebSockets() {
-api('/__dev/api/websockets').then(d => {
-document.getElementById('ws-count').textContent = d.count || 0;
-const tbody = document.getElementById('ws-body');
-const empty = document.getElementById('ws-empty');
-if (!(d.connections||[]).length) { tbody.innerHTML = ''; empty.classList.remove('hidden'); return; }
-empty.classList.add('hidden');
-tbody.innerHTML = d.connections.map(c => `
-<tr>
-<td class="text-mono text-sm">${c.id}</td>
-<td class="path">${c.path}</td>
-<td class="text-sm text-muted">${c.ip}</td>
-<td class="text-sm text-muted">${(c.connected_at||'').substring(11,19)}</td>
-<td><span class="badge-pill ${c.closed ? 'bg-danger' : 'bg-success'}">${c.closed ? 'closed' : 'active'}</span></td>
-<td>${!c.closed ? '<button class="btn btn-sm btn-danger" onclick="wsDisconnect(\'' + c.id + '\')">Disconnect</button>' : ''}</td>
-</tr>`).join('');
-});
-}
-function wsDisconnect(id) { api('/__dev/api/websockets/disconnect', 'POST', {id}).then(() => loadWebSockets()); }
-function loadSystem() {
-api('/__dev/api/system').then(d => {
-const rubyVersion = d.ruby_version || '';
-const phpVersion = d.php_version || '';
-const pythonVersion = (d.python_version || '').split(' ')[0] || '';
-const runtimeLabel = rubyVersion ? 'Ruby' : phpVersion ? 'PHP' : 'Python';
-const runtimeVersion = rubyVersion || phpVersion || pythonVersion || 'N/A';
-const platform = d.os || d.platform || '';
-const arch = d.architecture || '';
-const memCurrent = d.memory ? d.memory.current_mb + ' MB' : (d.memory_mb ? d.memory_mb + ' MB' : 'N/A');
-const memPeak = d.memory ? d.memory.peak_mb + ' MB' : 'N/A';
-const memLimit = d.memory ? d.memory.limit : 'N/A';
-const sapi = d.php_sapi || '';
-const hostname = d.server ? d.server.hostname : '';
-const fwName = d.framework ? (typeof d.framework === 'object' ? d.framework.name : d.framework) : '';
-const fwVersion = d.framework ? (typeof d.framework === 'object' ? d.framework.version : '') : '';
-const routeCount = d.framework ? (typeof d.framework === 'object' ? d.framework.route_count : '') : (d.route_count || '');
-const extensions = d.extensions || [];
-let html = `
-<div class="sys-card"><div class="label">${runtimeLabel}</div><div class="value text-sm">${runtimeVersion}</div></div>
-<div class="sys-card"><div class="label">Platform</div><div class="value text-sm">${platform}</div></div>
-<div class="sys-card"><div class="label">Architecture</div><div class="value text-sm">${arch}</div></div>
-<div class="sys-card"><div class="label">Memory (Current)</div><div class="value">${memCurrent}</div></div>
-<div class="sys-card"><div class="label">Memory (Peak)</div><div class="value">${memPeak}</div></div>
-<div class="sys-card"><div class="label">Memory Limit</div><div class="value text-sm">${memLimit}</div></div>`;
-if (sapi) html += `<div class="sys-card"><div class="label">SAPI</div><div class="value text-sm">${sapi}</div></div>`;
-if (hostname) html += `<div class="sys-card"><div class="label">Hostname</div><div class="value text-sm">${hostname}</div></div>`;
-if (fwName) html += `<div class="sys-card"><div class="label">Framework</div><div class="value text-sm">${fwName}</div></div>`;
-if (fwVersion) html += `<div class="sys-card"><div class="label">Version</div><div class="value text-sm">${fwVersion}</div></div>`;
-if (routeCount !== '') html += `<div class="sys-card"><div class="label">Routes</div><div class="value">${routeCount}</div></div>`;
-if (d.ini) {
-html += `<div class="sys-card"><div class="label">Max Exec Time</div><div class="value text-sm">${d.ini.max_execution_time}s</div></div>`;
-html += `<div class="sys-card"><div class="label">Upload Max</div><div class="value text-sm">${d.ini.upload_max_filesize}</div></div>`;
-html += `<div class="sys-card"><div class="label">Post Max</div><div class="value text-sm">${d.ini.post_max_size}</div></div>`;
-}
-if (d.ruby_engine) html += `<div class="sys-card"><div class="label">Engine</div><div class="value text-sm">${d.ruby_engine}</div></div>`;
-if (d.gc) {
-html += `<div class="sys-card"><div class="label">GC Runs</div><div class="value text-sm">${d.gc.count}</div></div>`;
-html += `<div class="sys-card"><div class="label">Heap Live Slots</div><div class="value text-sm">${d.gc.heap_live_slots}</div></div>`;
-}
-if (d.thread_count) html += `<div class="sys-card"><div class="label">Threads</div><div class="value text-sm">${d.thread_count}</div></div>`;
-if (d.pid) html += `<div class="sys-card"><div class="label">PID</div><div class="value text-sm">${d.pid}</div></div>`;
-if (d.debug_level) html += `<div class="sys-card"><div class="label">Debug Level</div><div class="value text-sm">${d.debug_level}</div></div>`;
-if (d.db_tables !== undefined) html += `<div class="sys-card"><div class="label">DB Tables</div><div class="value">${d.db_tables}</div></div>`;
-if (d.db_connected !== undefined) html += `<div class="sys-card"><div class="label">DB Connected</div><div class="value">${d.db_connected ? '<span style="color:var(--success)">Yes</span>' : '<span style="color:var(--danger)">No</span>'}</div></div>`;
-if (d.loaded_modules) html += `<div class="sys-card"><div class="label">Modules</div><div class="value">${d.loaded_modules}</div></div>`;
-document.getElementById('sys-cards').innerHTML = html;
-const extContainer = document.getElementById('sys-extensions');
-if (extContainer && extensions.length) {
-extContainer.classList.remove('hidden');
-extContainer.innerHTML = '<div class="dev-panel-header"><h2>Loaded Extensions (' + extensions.length + ')</h2></div><div style="display:flex;flex-wrap:wrap;gap:0.35rem;padding:0.75rem">' +
-extensions.sort().map(e => '<span style="background:rgba(198,40,40,0.15);color:#ef9a9a;padding:0.15rem 0.5rem;border-radius:0.75rem;font-size:0.7rem">' + e + '</span>').join('') + '</div>';
-}
-});
-}
-let _aiKey = '';
-let _aiProvider = 'anthropic';
-function setAiKey() {
-_aiKey = document.getElementById('ai-key').value.trim();
-_aiProvider = document.getElementById('ai-provider').value;
-document.getElementById('ai-key').value = '';
-document.getElementById('ai-status').textContent = _aiKey ? (_aiProvider === 'anthropic' ? 'Claude key set' : 'OpenAI key set') : 'No key set';
-document.getElementById('ai-status').style.color = _aiKey ? 'var(--success)' : 'var(--muted)';
-}
-function sendChat() {
-const input = document.getElementById('chat-input');
-const msg = input.value.trim();
-if (!msg) return;
-input.value = '';
-const container = document.getElementById('chat-messages');
-container.innerHTML += `<div class="chat-msg chat-user">${esc(msg)}</div>`;
-container.innerHTML += `<div class="chat-msg chat-bot" id="chat-loading" style="color:var(--muted)">Thinking...</div>`;
-container.scrollTop = container.scrollHeight;
-const body = {message: msg, provider: _aiProvider};
-if (_aiKey) body.api_key = _aiKey;
-api('/__dev/api/chat', 'POST', body).then(d => {
-const loading = document.getElementById('chat-loading');
-if (loading) loading.remove();
-container.innerHTML += `<div class="chat-msg chat-bot">${formatChat(d.reply||'No response')}</div>`;
-container.scrollTop = container.scrollHeight;
-}).catch(() => {
-const loading = document.getElementById('chat-loading');
-if (loading) { loading.textContent = 'Error connecting to API'; loading.id = ''; }
-});
-}
-function formatChat(text) {
-return text.replace(/`([^`]+)`/g, '<code style="background:var(--surface);padding:0.1rem 0.25rem;border-radius:0.2rem;font-size:0.8em">$1</code>')
-.replace(/\n/g, '<br>');
-}
-function askAboutError(btn) {
-const error = atob(btn.dataset.err);
-const trace = atob(btn.dataset.tb);
-currentTab = 'chat';
-document.querySelectorAll('.dev-tab').forEach(t => t.classList.remove('active'));
-document.querySelectorAll('.dev-panel').forEach(p => p.classList.add('hidden'));
-document.querySelectorAll('.dev-tab').forEach(t => { if(t.textContent.includes('Tina4')) t.classList.add('active'); });
-document.getElementById('panel-chat').classList.remove('hidden');
-const msg = 'I have this error in my Tina4 app, help me fix it:\n\n' + error + '\n\nStack trace:\n' + trace;
-document.getElementById('chat-input').value = msg;
-sendChat();
-}
-function runTool(tool) {
-const titles = {carbon:'Carbon Benchmark',test:'Test Suite',routes:'Routes',migrate:'Migrations',seed:'Seeders',ai:'AI Detection'};
-document.getElementById('tool-title').textContent = titles[tool] || tool;
-document.getElementById('tool-result').textContent = 'Running...';
-document.getElementById('tool-output').classList.remove('hidden');
-api('/__dev/api/tool', 'POST', {tool}).then(d => {
-document.getElementById('tool-result').textContent = d.output || d.error || JSON.stringify(d, null, 2);
-}).catch(e => {
-document.getElementById('tool-result').textContent = 'Error: ' + e.message;
-});
-}
-function exitDevAdmin() {
-if (document.referrer && !document.referrer.includes('/__dev')) {
-window.location.href = document.referrer;
-} else if (window.history.length > 1) {
-window.history.back();
-} else {
-window.location.href = '/';
-}
-}
-function esc(s) { const d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
-document.addEventListener('keydown', e => {
-if ((e.ctrlKey || e.metaKey) && e.key === 'Enter' && currentTab === 'database') { e.preventDefault(); runQuery(); }
-});
-function updateTimestamp() { document.getElementById('timestamp').textContent = new Date().toLocaleTimeString(); }
-setInterval(updateTimestamp, 1000);
-updateTimestamp();
-loadRoutes();
-api('/__dev/api/status').then(d => {
-if (d.mailbox) document.getElementById('mailbox-count').textContent = d.mailbox.total || 0;
-if (d.messages) document.getElementById('messages-count').textContent = d.messages.total || 0;
-if (d.health) document.getElementById('err-count').textContent = d.health.unresolved || 0;
-if (d.requests) document.getElementById('req-count').textContent = d.requests.total || 0;
-if (d.message_counts) document.getElementById('messages-count').textContent = d.message_counts.total || 0;
-if (d.request_stats) document.getElementById('req-count').textContent = d.request_stats.total || 0;
-if (d.db_tables !== undefined) document.getElementById('db-count').textContent = d.db_tables;
-});
+(function(){"use strict";var Ve;const ze={python:{color:"#3b82f6",name:"Python"},php:{color:"#8b5cf6",name:"PHP"},ruby:{color:"#ef4444",name:"Ruby"},nodejs:{color:"#22c55e",name:"Node.js"}};function st(){const e=document.getElementById("app"),t=(e==null?void 0:e.dataset.framework)??"python",n=e==null?void 0:e.dataset.color,i=ze[t]??ze.python;return{framework:t,color:n??i.color,name:i.name}}function at(e){const t=document.documentElement;t.style.setProperty("--primary",e.color),t.style.setProperty("--bg","#0f172a"),t.style.setProperty("--surface","#1e293b"),t.style.setProperty("--border","#334155"),t.style.setProperty("--text","#e2e8f0"),t.style.setProperty("--muted","#94a3b8"),t.style.setProperty("--success","#22c55e"),t.style.setProperty("--danger","#ef4444"),t.style.setProperty("--warn","#f59e0b"),t.style.setProperty("--info","#3b82f6")}const rt=`
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: var(--bg); color: var(--text); }
+.dev-admin { display: flex; flex-direction: column; height: 100vh; }
+.dev-header { display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; background: var(--surface); border-bottom: 1px solid var(--border); }
+.dev-header h1 { font-size: 1rem; font-weight: 700; }
+.dev-header h1 span { color: var(--primary); }
+.dev-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--border); background: var(--surface); padding: 0 0.5rem; overflow-x: auto; }
+.dev-tab { padding: 0.5rem 0.75rem; border: none; background: none; color: var(--muted); cursor: pointer; font-size: 0.8rem; font-weight: 500; white-space: nowrap; border-bottom: 2px solid transparent; transition: all 0.15s; }
+.dev-tab:hover { color: var(--text); }
+.dev-tab.active { color: var(--primary); border-bottom-color: var(--primary); }
+.dev-content { flex: 1; overflow-y: auto; }
+.dev-panel { padding: 1rem; display: none; }
+.dev-panel.active { display: block; }
+.dev-panel-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
+.dev-panel-header h2 { font-size: 0.95rem; font-weight: 600; }
+.btn { padding: 0.35rem 0.75rem; border: 1px solid var(--border); border-radius: 0.375rem; background: var(--surface); color: var(--text); cursor: pointer; font-size: 0.8rem; transition: all 0.15s; height: 30px; line-height: 1; }
+.btn:hover { background: var(--border); }
+.btn-primary { background: var(--primary); border-color: var(--primary); color: white; }
+.btn-primary:hover { opacity: 0.9; }
+.btn-danger { background: var(--danger); border-color: var(--danger); color: white; }
+.btn-sm { padding: 0.2rem 0.5rem; font-size: 0.75rem; }
+.input { padding: 0.35rem 0.5rem; border: 1px solid var(--border); border-radius: 0.375rem; background: var(--bg); color: var(--text); font-size: 0.8rem; height: 30px; }
+select.input { height: 30px; }
+input[type=number].input { -moz-appearance: textfield; }
+input[type=number].input::-webkit-outer-spin-button, input[type=number].input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
+.input:focus { outline: none; border-color: var(--primary); }
+textarea.input { font-family: "SF Mono", "Fira Code", Consolas, monospace; resize: vertical; height: auto; }
+table { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
+th { text-align: left; padding: 0.5rem; color: var(--muted); font-weight: 600; border-bottom: 1px solid var(--border); }
+td { padding: 0.5rem; border-bottom: 1px solid var(--border); }
+tr:hover { background: rgba(255,255,255,0.03); }
+.badge { display: inline-block; padding: 0.1rem 0.4rem; border-radius: 9999px; font-size: 0.7rem; font-weight: 600; }
+.badge-success { background: rgba(34,197,94,0.15); color: var(--success); }
+.badge-danger { background: rgba(239,68,68,0.15); color: var(--danger); }
+.badge-warn { background: rgba(245,158,11,0.15); color: var(--warn); }
+.badge-info { background: rgba(59,130,246,0.15); color: var(--info); }
+.badge-muted { background: rgba(148,163,184,0.15); color: var(--muted); }
+.method { font-weight: 700; font-size: 0.7rem; padding: 0.1rem 0.3rem; border-radius: 0.2rem; }
+.method-get { color: var(--success); }
+.method-post { color: var(--info); }
+.method-put { color: var(--warn); }
+.method-patch { color: var(--warn); }
+.method-delete { color: var(--danger); }
+.method-any { color: var(--muted); }
+.flex { display: flex; }
+.gap-sm { gap: 0.5rem; }
+.items-center { align-items: center; }
+.text-mono { font-family: "SF Mono", "Fira Code", Consolas, monospace; }
+.text-sm { font-size: 0.8rem; }
+.text-muted { color: var(--muted); }
+.empty-state { text-align: center; padding: 2rem; color: var(--muted); }
+.metric-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0.75rem; margin-bottom: 1rem; }
+.metric-card { background: var(--surface); border: 1px solid var(--border); border-radius: 0.5rem; padding: 0.75rem; }
+.metric-card .label { font-size: 0.7rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; }
+.metric-card .value { font-size: 1.5rem; font-weight: 700; margin-top: 0.25rem; }
+.chat-container { display: flex; flex-direction: column; height: calc(100vh - 140px); }
+.chat-messages { flex: 1; overflow-y: auto; padding: 0.75rem; }
+.chat-msg { padding: 0.5rem 0.75rem; border-radius: 0.5rem; margin-bottom: 0.5rem; font-size: 0.85rem; line-height: 1.5; max-width: 85%; }
+.chat-user { background: var(--primary); color: white; margin-left: auto; }
+.chat-bot { background: var(--surface); border: 1px solid var(--border); }
+.chat-input-row { display: flex; gap: 0.5rem; padding: 0.75rem; border-top: 1px solid var(--border); }
+.chat-input-row input { flex: 1; }
+.error-trace { background: var(--bg); border: 1px solid var(--border); border-radius: 0.375rem; padding: 0.5rem; font-family: monospace; font-size: 0.75rem; white-space: pre-wrap; max-height: 200px; overflow-y: auto; margin-top: 0.5rem; }
+.bubble-chart { width: 100%; height: 400px; background: var(--surface); border: 1px solid var(--border); border-radius: 0.5rem; overflow: hidden; }
+`,lt="/__dev/api";async function z(e,t="GET",n){const i={method:t,headers:{}};return n&&(i.headers["Content-Type"]="application/json",i.body=JSON.stringify(n)),(await fetch(lt+e,i)).json()}function d(e){const t=document.createElement("span");return t.textContent=e,t.innerHTML}function dt(e){e.innerHTML=`
+    <div class="dev-panel-header">
+      <h2>Routes <span id="routes-count" class="text-muted text-sm"></span></h2>
+      <button class="btn btn-sm" onclick="window.__loadRoutes()">Refresh</button>
+    </div>
+    <table>
+      <thead><tr><th>Method</th><th>Path</th><th>Auth</th><th>Handler</th></tr></thead>
+      <tbody id="routes-body"></tbody>
+    </table>
+  `,Ae()}async function Ae(){const e=await z("/routes"),t=document.getElementById("routes-count");t&&(t.textContent=`(${e.count})`);const n=document.getElementById("routes-body");n&&(n.innerHTML=(e.routes||[]).map(i=>`
+    <tr>
+      <td><span class="method method-${i.method.toLowerCase()}">${d(i.method)}</span></td>
+      <td class="text-mono"><a href="${d(i.path)}" target="_blank" style="color:inherit;text-decoration:underline dotted">${d(i.path)}</a></td>
+      <td>${i.auth_required?'<span class="badge badge-warn">auth</span>':'<span class="badge badge-success">open</span>'}</td>
+      <td class="text-sm text-muted">${d(i.handler||"")} <small>(${d(i.module||"")})</small></td>
+    </tr>
+  `).join(""))}window.__loadRoutes=Ae;let W=[],G=[],P=JSON.parse(localStorage.getItem("tina4_query_history")||"[]");function ct(e){e.innerHTML=`
+    <div class="dev-panel-header">
+      <h2>Database</h2>
+      <button class="btn btn-sm" onclick="window.__loadTables()">Refresh</button>
+    </div>
+    <div style="display:flex;gap:1rem;height:calc(100vh - 140px)">
+      <div style="width:200px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--border);padding-right:0.75rem">
+        <div style="font-weight:600;font-size:0.75rem;color:var(--muted);text-transform:uppercase;margin-bottom:0.5rem">Tables</div>
+        <div id="db-table-list"></div>
+        <div style="margin-top:1.5rem;border-top:1px solid var(--border);padding-top:0.75rem">
+          <div style="font-weight:600;font-size:0.75rem;color:var(--muted);text-transform:uppercase;margin-bottom:0.5rem">Seed Data</div>
+          <select id="db-seed-table" class="input" style="width:100%;margin-bottom:0.5rem">
+            <option value="">Pick table...</option>
+          </select>
+          <div class="flex gap-sm">
+            <input type="number" id="db-seed-count" class="input" value="10" style="width:60px">
+            <button class="btn btn-sm btn-primary" onclick="window.__seedTable()">Seed</button>
+          </div>
+        </div>
+      </div>
+      <div style="flex:1;display:flex;flex-direction:column;min-width:0">
+        <div class="flex gap-sm items-center" style="margin-bottom:0.5rem;flex-wrap:wrap">
+          <select id="db-type" class="input" style="width:80px">
+            <option value="sql">SQL</option>
+            <option value="graphql">GraphQL</option>
+          </select>
+          <span class="text-sm text-muted">Limit</span>
+          <select id="db-limit" class="input" style="width:60px">
+            <option value="20">20</option>
+            <option value="50">50</option>
+            <option value="100">100</option>
+            <option value="500">500</option>
+          </select>
+          <span class="text-sm text-muted">Offset</span>
+          <input type="number" id="db-offset" class="input" value="0" min="0" style="width:70px;height:30px;-moz-appearance:textfield;-webkit-appearance:none;margin:0">
+          <button class="btn btn-primary" onclick="window.__runQuery()">Run</button>
+          <button class="btn" onclick="window.__copyCSV()">Copy CSV</button>
+          <button class="btn" onclick="window.__copyJSON()">Copy JSON</button>
+          <button class="btn" onclick="window.__showPaste()">Paste</button>
+          <span class="text-sm text-muted">Ctrl+Enter</span>
+        </div>
+        <div class="flex gap-sm items-center" style="margin-bottom:0.25rem">
+          <select id="db-history" class="input text-mono" style="flex:1" onchange="window.__loadHistory(this.value)">
+            <option value="">Query history...</option>
+          </select>
+          <button class="btn btn-sm" onclick="window.__clearHistory()" title="Clear history" style="height:30px">Clear</button>
+        </div>
+        <textarea id="db-query" class="input text-mono" style="width:100%;height:80px;resize:vertical" placeholder="SELECT * FROM users" onkeydown="if(event.ctrlKey&&event.key==='Enter')window.__runQuery()"></textarea>
+        <div id="db-result" style="flex:1;overflow:auto;margin-top:0.75rem"></div>
+      </div>
+    </div>
+    <div id="db-paste-modal" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:1000;display:none;align-items:center;justify-content:center">
+      <div style="background:var(--surface);border:1px solid var(--border);border-radius:0.5rem;padding:1.5rem;width:600px;max-height:80vh;overflow:auto">
+        <h3 style="margin-bottom:0.75rem;font-size:0.9rem">Paste Data</h3>
+        <p class="text-sm text-muted" style="margin-bottom:0.5rem">Paste CSV or JSON array. First row = column headers for CSV.</p>
+        <div class="flex gap-sm items-center" style="margin-bottom:0.5rem">
+          <select id="paste-table" class="input" style="flex:1"><option value="">Select existing table...</option></select>
+          <span class="text-sm text-muted">or</span>
+          <input type="text" id="paste-new-table" class="input" placeholder="New table name..." style="flex:1">
+        </div>
+        <textarea id="paste-data" class="input text-mono" style="width:100%;height:200px" placeholder='CSV data or JSON'></textarea>
+        <div class="flex gap-sm" style="margin-top:0.75rem;justify-content:flex-end">
+          <button class="btn" onclick="window.__hidePaste()">Cancel</button>
+          <button class="btn btn-primary" onclick="window.__doPaste()">Import</button>
+        </div>
+      </div>
+    </div>
+  `,pe(),be()}async function pe(){const t=(await z("/tables")).tables||[],n=document.getElementById("db-table-list");n&&(n.innerHTML=t.length?t.map(s=>`<div style="padding:0.3rem 0.5rem;cursor:pointer;border-radius:0.25rem;font-size:0.8rem;font-family:monospace" class="db-table-item" onclick="window.__selectTable('${d(s)}')" onmouseover="this.style.background='var(--border)'" onmouseout="this.style.background=''">${d(s)}</div>`).join(""):'<div class="text-sm text-muted">No tables</div>');const i=document.getElementById("db-seed-table");i&&(i.innerHTML='<option value="">Pick table...</option>'+t.map(s=>`<option value="${d(s)}">${d(s)}</option>`).join(""));const o=document.getElementById("paste-table");o&&(o.innerHTML='<option value="">Select table...</option>'+t.map(s=>`<option value="${d(s)}">${d(s)}</option>`).join(""))}function ge(e){var n;(n=document.getElementById("db-limit"))!=null&&n.value;const t=document.getElementById("db-query");t&&(t.value=`SELECT * FROM ${e}`),document.querySelectorAll(".db-table-item").forEach(i=>{i.style.background=i.textContent===e?"var(--border)":""}),je()}function mt(){var n;const e=document.getElementById("db-query"),t=((n=document.getElementById("db-limit"))==null?void 0:n.value)||"20";e!=null&&e.value&&(e.value=e.value.replace(/LIMIT\s+\d+/i,`LIMIT ${t}`))}function ut(e){const t=e.trim();t&&(P=P.filter(n=>n!==t),P.unshift(t),P.length>50&&(P=P.slice(0,50)),localStorage.setItem("tina4_query_history",JSON.stringify(P)),be())}function be(){const e=document.getElementById("db-history");e&&(e.innerHTML='<option value="">Query history...</option>'+P.map((t,n)=>`<option value="${n}">${d(t.length>80?t.substring(0,80)+"...":t)}</option>`).join(""))}function pt(e){const t=parseInt(e);if(isNaN(t)||!P[t])return;const n=document.getElementById("db-query");n&&(n.value=P[t]),document.getElementById("db-history").selectedIndex=0}function gt(){P=[],localStorage.removeItem("tina4_query_history"),be()}async function je(){var o,s,c;const e=document.getElementById("db-query"),t=(o=e==null?void 0:e.value)==null?void 0:o.trim();if(!t)return;ut(t);const n=document.getElementById("db-result"),i=((s=document.getElementById("db-type"))==null?void 0:s.value)||"sql";n&&(n.innerHTML='<p class="text-muted">Running...</p>');try{const r=parseInt(((c=document.getElementById("db-limit"))==null?void 0:c.value)||"20"),p=await z("/query","POST",{query:t,type:i,limit:r});if(p.error){n&&(n.innerHTML=`<p style="color:var(--danger)">${d(p.error)}</p>`);return}p.rows&&p.rows.length>0?(G=Object.keys(p.rows[0]),W=p.rows,n&&(n.innerHTML=`<p class="text-sm text-muted" style="margin-bottom:0.5rem">${p.count??p.rows.length} rows</p>
+        <div style="overflow-x:auto"><table><thead><tr>${G.map(u=>`<th>${d(u)}</th>`).join("")}</tr></thead>
+        <tbody>${p.rows.map(u=>`<tr>${G.map(_=>`<td class="text-sm">${d(String(u[_]??""))}</td>`).join("")}</tr>`).join("")}</tbody></table></div>`)):p.affected!==void 0?(n&&(n.innerHTML=`<p class="text-muted">${p.affected} rows affected. ${p.success?"Success.":""}</p>`),W=[],G=[]):(n&&(n.innerHTML='<p class="text-muted">No results</p>'),W=[],G=[])}catch(r){n&&(n.innerHTML=`<p style="color:var(--danger)">${d(r.message)}</p>`)}}function bt(){if(!W.length)return;const e=G.join(","),t=W.map(n=>G.map(i=>{const o=String(n[i]??"");return o.includes(",")||o.includes('"')?`"${o.replace(/"/g,'""')}"`:o}).join(","));navigator.clipboard.writeText([e,...t].join(`
+`))}function ht(){W.length&&navigator.clipboard.writeText(JSON.stringify(W,null,2))}function ft(){const e=document.getElementById("db-paste-modal");e&&(e.style.display="flex")}function Pe(){const e=document.getElementById("db-paste-modal");e&&(e.style.display="none")}async function yt(){var o,s,c,r,p;const e=(o=document.getElementById("paste-table"))==null?void 0:o.value,t=(c=(s=document.getElementById("paste-new-table"))==null?void 0:s.value)==null?void 0:c.trim(),n=t||e,i=(p=(r=document.getElementById("paste-data"))==null?void 0:r.value)==null?void 0:p.trim();if(!n||!i){alert("Select a table or enter a new table name, and paste data.");return}try{let u;try{u=JSON.parse(i),Array.isArray(u)||(u=[u])}catch{const k=i.split(`
+`).map(E=>E.trim()).filter(Boolean);if(k.length<2){alert("CSV needs at least a header row and one data row.");return}const b=k[0].split(",").map(E=>E.trim().replace(/[^a-zA-Z0-9_]/g,""));u=k.slice(1).map(E=>{const T=E.split(",").map(j=>j.trim()),v={};return b.forEach((j,ee)=>{v[j]=T[ee]??""}),v})}if(!u.length){alert("No data rows found.");return}if(t){const b=["id INTEGER PRIMARY KEY AUTOINCREMENT",...Object.keys(u[0]).filter(T=>T.toLowerCase()!=="id").map(T=>`"${T}" TEXT`)],E=await z("/query","POST",{query:`CREATE TABLE IF NOT EXISTS "${t}" (${b.join(", ")})`,type:"sql"});if(E.error){alert("Create table failed: "+E.error);return}}let _=0;for(const k of u){const b=t?Object.keys(k).filter(j=>j.toLowerCase()!=="id"):Object.keys(k),E=b.map(j=>`"${j}"`).join(","),T=b.map(j=>`'${String(k[j]).replace(/'/g,"''")}'`).join(","),v=await z("/query","POST",{query:`INSERT INTO "${n}" (${E}) VALUES (${T})`,type:"sql"});if(v.error){alert(`Row ${_+1} failed: ${v.error}`);break}_++}document.getElementById("paste-data").value="",document.getElementById("paste-new-table").value="",document.getElementById("paste-table").selectedIndex=0,Pe(),pe(),_>0&&ge(n)}catch(u){alert("Import error: "+u.message)}}async function vt(){var n,i;const e=(n=document.getElementById("db-seed-table"))==null?void 0:n.value,t=parseInt(((i=document.getElementById("db-seed-count"))==null?void 0:i.value)||"10");if(e)try{const o=await z("/seed","POST",{table:e,count:t});o.error?alert(o.error):ge(e)}catch(o){alert("Seed error: "+o.message)}}window.__loadTables=pe,window.__selectTable=ge,window.__updateLimit=mt,window.__runQuery=je,window.__copyCSV=bt,window.__copyJSON=ht,window.__showPaste=ft,window.__hidePaste=Pe,window.__doPaste=yt,window.__seedTable=vt,window.__loadHistory=pt,window.__clearHistory=gt;function xt(e){e.innerHTML=`
+    <div class="dev-panel-header">
+      <h2>Errors <span id="errors-count" class="text-muted text-sm"></span></h2>
+      <div class="flex gap-sm">
+        <button class="btn btn-sm" onclick="window.__loadErrors()">Refresh</button>
+        <button class="btn btn-sm btn-danger" onclick="window.__clearErrors()">Clear All</button>
+      </div>
+    </div>
+    <div id="errors-body"></div>
+  `,ie()}async function ie(){const e=await z("/broken"),t=document.getElementById("errors-count"),n=document.getElementById("errors-body");if(!n)return;const i=e.errors||[];if(t&&(t.textContent=`(${i.length})`),!i.length){n.innerHTML='<div class="empty-state">No errors</div>';return}n.innerHTML=i.map((o,s)=>{const c=o.error_type?`${o.error_type}: ${o.message}`:o.error||o.message||"Unknown error",r=o.context||{},p=o.last_seen||o.first_seen||o.timestamp||"",u=p?new Date(p).toLocaleString():"";return`
+    <div style="background:var(--surface);border:1px solid var(--border);border-radius:0.5rem;padding:0.75rem;margin-bottom:0.75rem">
+      <div class="flex items-center" style="justify-content:space-between;flex-wrap:wrap;gap:0.5rem">
+        <div style="flex:1;min-width:0">
+          <span class="badge ${o.resolved?"badge-success":"badge-danger"}">${o.resolved?"RESOLVED":"UNRESOLVED"}</span>
+          ${o.count>1?`<span class="badge badge-warn" style="margin-left:4px">x${o.count}</span>`:""}
+          <strong style="margin-left:0.5rem;font-size:0.85rem">${d(c)}</strong>
+        </div>
+        <div class="flex gap-sm" style="flex-shrink:0">
+          ${o.resolved?"":`<button class="btn btn-sm" onclick="window.__resolveError('${d(o.id||String(s))}')">Resolve</button>`}
+          <button class="btn btn-sm btn-primary" onclick="window.__askAboutError(${s})">Ask Tina4</button>
+        </div>
+      </div>
+      ${r.method?`<div class="text-sm text-mono" style="margin-top:0.5rem;color:var(--info)">${d(r.method)} ${d(r.path||"")}</div>`:""}
+      ${o.traceback?`<pre style="margin-top:0.5rem;padding:0.5rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:0.7rem;overflow-x:auto;white-space:pre-wrap;max-height:200px;overflow-y:auto">${d(o.traceback)}</pre>`:""}
+      <div class="text-sm text-muted" style="margin-top:0.5rem">${d(u)}</div>
+    </div>
+  `}).join(""),window.__errorData=i}async function wt(e){await z("/broken/resolve","POST",{id:e}),ie()}async function $t(){await z("/broken/clear","POST"),ie()}function _t(e){const n=(window.__errorData||[])[e];if(!n)return;const i=n.error_type?`${n.error_type}: ${n.message}`:n.error||n.message||"Unknown error",o=n.context||{},s=o.method&&o.path?`
+Route: ${o.method} ${o.path}`:"",c=`I have this error: ${i}${s}
+${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillChat(c)},150)}window.__loadErrors=ie,window.__clearErrors=$t,window.__resolveError=wt,window.__askAboutError=_t;function kt(e){e.innerHTML=`
+    <div class="dev-panel-header">
+      <h2>System</h2>
+    </div>
+    <div id="system-grid" class="metric-grid"></div>
+    <div id="system-env" style="margin-top:1rem"></div>
+  `,He()}function Et(e){if(!e||e<0)return"?";const t=Math.floor(e/86400),n=Math.floor(e%86400/3600),i=Math.floor(e%3600/60),o=Math.floor(e%60),s=[];return t>0&&s.push(`${t}d`),n>0&&s.push(`${n}h`),i>0&&s.push(`${i}m`),s.length===0&&s.push(`${o}s`),s.join(" ")}function Tt(e){return e?e>=1024?`${(e/1024).toFixed(1)} GB`:`${e.toFixed(1)} MB`:"?"}async function He(){const e=await z("/system"),t=document.getElementById("system-grid"),n=document.getElementById("system-env");if(!t)return;const o=(e.python_version||e.php_version||e.ruby_version||e.node_version||e.runtime||"?").split("(")[0].trim(),s=[{label:"Framework",value:e.framework||"Tina4"},{label:"Runtime",value:o},{label:"Platform",value:e.platform||"?"},{label:"Architecture",value:e.architecture||"?"},{label:"PID",value:String(e.pid??"?")},{label:"Uptime",value:Et(e.uptime_seconds)},{label:"Memory",value:Tt(e.memory_mb)},{label:"Database",value:e.database||"none"},{label:"DB Tables",value:String(e.db_tables??"?")},{label:"DB Connected",value:e.db_connected?"Yes":"No"},{label:"Debug",value:e.debug==="true"||e.debug===!0?"ON":"OFF"},{label:"Log Level",value:e.log_level||"?"},{label:"Modules",value:String(e.loaded_modules??"?")},{label:"Working Dir",value:e.cwd||"?"}],c=new Set(["Working Dir","Database"]);if(t.innerHTML=s.map(r=>`
+    <div class="metric-card" style="${c.has(r.label)?"grid-column:1/-1":""}">
+      <div class="label">${d(r.label)}</div>
+      <div class="value" style="font-size:${c.has(r.label)?"0.75rem":"1.1rem"}">${d(r.value)}</div>
+    </div>
+  `).join(""),n){const r=[];e.debug!==void 0&&r.push(["TINA4_DEBUG",String(e.debug)]),e.log_level&&r.push(["LOG_LEVEL",e.log_level]),e.database&&r.push(["DATABASE_URL",e.database]),r.length&&(n.innerHTML=`
+        <h3 style="font-size:0.85rem;margin-bottom:0.5rem">Environment</h3>
+        <table>
+          <thead><tr><th>Variable</th><th>Value</th></tr></thead>
+          <tbody>${r.map(([p,u])=>`<tr><td class="text-mono text-sm" style="padding:4px 8px">${d(p)}</td><td class="text-sm" style="padding:4px 8px">${d(u)}</td></tr>`).join("")}</tbody>
+        </table>
+      `)}}window.__loadSystem=He;function St(e){e.innerHTML=`
+    <div class="dev-panel-header">
+      <h2>Code Metrics</h2>
+    </div>
+    <div id="metrics-quick" class="metric-grid"></div>
+    <div id="metrics-scan-info" class="text-sm text-muted" style="margin:0.5rem 0"></div>
+    <div id="metrics-chart" style="display:none;margin:1rem 0"></div>
+    <div id="metrics-detail" style="margin-top:1rem"></div>
+    <div id="metrics-complex" style="margin-top:1rem"></div>
+  `,It()}async function It(){var s;const e=document.getElementById("metrics-chart"),t=document.getElementById("metrics-complex"),n=document.getElementById("metrics-scan-info");e&&(e.style.display="block",e.innerHTML='<p class="text-muted">Analyzing...</p>');const i=await z("/metrics/full");if(i.error||!i.file_metrics){e&&(e.innerHTML=`<p style="color:var(--danger)">${d(i.error||"No data")}</p>`);return}if(n){const c=i.scan_mode==="framework"?'<span style="color:#cba6f7;font-weight:600">(Framework)</span> Add code to src/ to see your project':"";n.innerHTML=`${i.files_analyzed} files analyzed | ${i.total_functions} functions ${c}`}const o=document.getElementById("metrics-quick");o&&(o.innerHTML=[N("Files Analyzed",i.files_analyzed),N("Total Functions",i.total_functions),N("Avg Complexity",i.avg_complexity),N("Avg Maintainability",i.avg_maintainability)].join("")),e&&i.file_metrics.length>0?Mt(i.file_metrics,e,i.dependency_graph||{},i.scan_mode||"project"):e&&(e.innerHTML='<p class="text-muted">No files to visualize</p>'),t&&((s=i.most_complex_functions)!=null&&s.length)&&(t.innerHTML=`
+      <h3 style="font-size:0.85rem;margin-bottom:0.5rem">Most Complex Functions</h3>
+      <table>
+        <thead><tr><th>Function</th><th>File</th><th>Line</th><th>CC</th><th>LOC</th></tr></thead>
+        <tbody>${i.most_complex_functions.slice(0,15).map(c=>`
+          <tr>
+            <td class="text-mono">${d(c.name)}</td>
+            <td class="text-sm text-muted" style="cursor:pointer;text-decoration:underline dotted" onclick="window.__drillDown('${d(c.file)}')">${d(c.file)}</td>
+            <td>${c.line}</td>
+            <td><span class="${c.complexity>10?"badge badge-danger":c.complexity>5?"badge badge-warn":"badge badge-success"}">${c.complexity}</span></td>
+            <td>${c.loc}</td>
+          </tr>`).join("")}
+        </tbody>
+      </table>
+    `)}function Mt(e,t,n,i){var nt,ot,it;const o=t.offsetWidth||900,s=Math.max(450,Math.min(650,o*.45)),c=Math.max(...e.map(h=>h.loc))||1,r=Math.max(...e.map(h=>h.dep_count||0))||1,p=14,u=Math.min(70,o/10);function _(h){const g=Math.min((h.avg_complexity||0)/10,1),f=h.has_tests?0:1,$=Math.min((h.dep_count||0)/5,1),m=g*.4+f*.4+$*.2,l=Math.max(0,Math.min(1,m)),y=Math.round(120*(1-l)),x=Math.round(70+l*30),w=Math.round(42+18*(1-l));return`hsl(${y},${x}%,${w}%)`}function k(h){return h.loc/c*.4+(h.avg_complexity||0)/10*.4+(h.dep_count||0)/r*.2}const b=[...e].sort((h,g)=>k(h)-k(g)),E=o/2,T=s/2,v=[];let j=0,ee=0;for(const h of b){const g=p+Math.sqrt(k(h))*(u-p),f=_(h);let $=!1;for(let m=0;m<800;m++){const l=E+ee*Math.cos(j),y=T+ee*Math.sin(j);let x=!1;for(const w of v){const C=l-w.x,B=y-w.y;if(Math.sqrt(C*C+B*B)<g+w.r+2){x=!0;break}}if(!x&&l>g+2&&l<o-g-2&&y>g+25&&y<s-g-2){v.push({x:l,y,vx:0,vy:0,r:g,color:f,f:h}),$=!0;break}j+=.2,ee+=.04}$||v.push({x:E+(Math.random()-.5)*o*.3,y:T+(Math.random()-.5)*s*.3,vx:0,vy:0,r:g,color:f,f:h})}const Le=[];function Zt(h){const g=h.split("/").pop()||"",f=g.lastIndexOf(".");return(f>0?g.substring(0,f):g).toLowerCase()}const Je={};v.forEach((h,g)=>{Je[Zt(h.f.path)]=g});for(const[h,g]of Object.entries(n)){let f=null;if(v.forEach(($,m)=>{$.f.path===h&&(f=m)}),f!==null)for(const $ of g){const m=$.split(".").pop().toLowerCase(),l=Je[m];l!==void 0&&f!==l&&Le.push([f,l])}}const S=document.createElement("canvas");S.width=o,S.height=s,S.style.cssText="display:block;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:#0f172a";const en=i==="framework"?'<span style="color:#cba6f7;font-weight:600">(Framework)</span> Add code to src/ to see your project':"";t.innerHTML=`<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem"><h3 style="margin:0;font-size:0.85rem">Code Landscape ${en}</h3><span style="font-size:0.65rem;color:var(--muted)">Drag bubbles | Dbl-click to drill down</span></div><div style="position:relative" id="metrics-canvas-wrap"></div>`,document.getElementById("metrics-canvas-wrap").appendChild(S);const Be=document.createElement("div");Be.style.cssText="position:absolute;top:8px;left:8px;z-index:2;display:flex;gap:4px;flex-direction:column",Be.innerHTML=`
+    <button class="btn btn-sm" id="metrics-zoom-in" style="width:28px;height:28px;padding:0;font-size:14px;font-weight:700;line-height:1">+</button>
+    <button class="btn btn-sm" id="metrics-zoom-out" style="width:28px;height:28px;padding:0;font-size:14px;font-weight:700;line-height:1">&minus;</button>
+    <button class="btn btn-sm" id="metrics-zoom-fit" style="width:28px;height:28px;padding:0;font-size:10px;font-weight:700;line-height:1">Fit</button>
+  `,document.getElementById("metrics-canvas-wrap").appendChild(Be),(nt=document.getElementById("metrics-zoom-in"))==null||nt.addEventListener("click",()=>{M=Math.min(5,M*1.3)}),(ot=document.getElementById("metrics-zoom-out"))==null||ot.addEventListener("click",()=>{M=Math.max(.3,M*.7)}),(it=document.getElementById("metrics-zoom-fit"))==null||it.addEventListener("click",()=>{M=1,V=0,J=0});const a=S.getContext("2d");let F=-1,I=-1,Ye=0,Ke=0,V=0,J=0,M=1,te=!1,Xe=0,Qe=0,Ze=0,et=0;function tn(){for(let m=0;m<v.length;m++){if(m===I)continue;const l=v[m],y=E-l.x,x=T-l.y,w=.3+l.r/u*.7,C=.008*w*w;l.vx+=y*C,l.vy+=x*C}for(const[m,l]of Le){const y=v[m],x=v[l],w=x.x-y.x,C=x.y-y.y,B=Math.sqrt(w*w+C*C)||1,O=y.r+x.r+20,R=(B-O)*.002,ne=w/B*R,oe=C/B*R;m!==I&&(y.vx+=ne,y.vy+=oe),l!==I&&(x.vx-=ne,x.vy-=oe)}for(let m=0;m<v.length;m++)for(let l=m+1;l<v.length;l++){const y=v[m],x=v[l],w=x.x-y.x,C=x.y-y.y,B=Math.sqrt(w*w+C*C)||1,O=y.r+x.r+20;if(B<O){const R=40*(O-B)/O,ne=w/B*R,oe=C/B*R;m!==I&&(y.vx-=ne,y.vy-=oe),l!==I&&(x.vx+=ne,x.vy+=oe)}}for(let m=0;m<v.length;m++){if(m===I)continue;const l=v[m];l.vx*=.65,l.vy*=.65;const y=2;l.vx=Math.max(-y,Math.min(y,l.vx)),l.vy=Math.max(-y,Math.min(y,l.vy)),l.x+=l.vx,l.y+=l.vy,l.x=Math.max(l.r+2,Math.min(o-l.r-2,l.x)),l.y=Math.max(l.r+25,Math.min(s-l.r-2,l.y))}}function tt(){var h;tn(),a.clearRect(0,0,o,s),a.save(),a.translate(V,J),a.scale(M,M),a.strokeStyle="rgba(255,255,255,0.03)",a.lineWidth=1/M;for(let g=0;g<o/M;g+=50)a.beginPath(),a.moveTo(g,0),a.lineTo(g,s/M),a.stroke();for(let g=0;g<s/M;g+=50)a.beginPath(),a.moveTo(0,g),a.lineTo(o/M,g),a.stroke();for(const[g,f]of Le){const $=v[g],m=v[f],l=m.x-$.x,y=m.y-$.y,x=Math.sqrt(l*l+y*y)||1,w=F===g||F===f;a.beginPath(),a.moveTo($.x+l/x*$.r,$.y+y/x*$.r);const C=m.x-l/x*m.r,B=m.y-y/x*m.r;a.lineTo(C,B),a.strokeStyle=w?"rgba(139,180,250,0.9)":"rgba(255,255,255,0.15)",a.lineWidth=w?3:1,a.stroke();const O=w?12:6,R=Math.atan2(y,l);a.beginPath(),a.moveTo(C,B),a.lineTo(C-O*Math.cos(R-.4),B-O*Math.sin(R-.4)),a.lineTo(C-O*Math.cos(R+.4),B-O*Math.sin(R+.4)),a.closePath(),a.fillStyle=a.strokeStyle,a.fill()}for(let g=0;g<v.length;g++){const f=v[g],$=g===F,m=$?f.r+4:f.r;$&&(a.beginPath(),a.arc(f.x,f.y,m+8,0,Math.PI*2),a.fillStyle="rgba(255,255,255,0.08)",a.fill()),a.beginPath(),a.arc(f.x,f.y,m,0,Math.PI*2),a.fillStyle=f.color,a.globalAlpha=$?1:.85,a.fill(),a.globalAlpha=1,a.strokeStyle=$?"rgba(255,255,255,0.6)":"rgba(255,255,255,0.25)",a.lineWidth=$?2.5:1.5,a.stroke();const l=((h=f.f.path.split("/").pop())==null?void 0:h.replace(/\.\w+$/,""))||"?";if(m>16){const w=Math.max(8,Math.min(13,m*.38));a.fillStyle="#fff",a.font=`600 ${w}px monospace`,a.textAlign="center",a.fillText(l,f.x,f.y-2),a.fillStyle="rgba(255,255,255,0.65)",a.font=`${w-1}px monospace`,a.fillText(`${f.f.loc} LOC`,f.x,f.y+w)}const y=Math.max(9,m*.3),x=y*.7;if(m>14&&f.f.dep_count>0){const w=f.y-m+x+3;a.beginPath(),a.arc(f.x,w,x,0,Math.PI*2),a.fillStyle="#ea580c",a.fill(),a.fillStyle="#fff",a.font=`bold ${y}px sans-serif`,a.textAlign="center",a.fillText("D",f.x,w+y*.35)}if(m>14&&f.f.has_tests){const w=f.y+m-x-3;a.beginPath(),a.arc(f.x,w,x,0,Math.PI*2),a.fillStyle="#16a34a",a.fill(),a.fillStyle="#fff",a.font=`bold ${y}px sans-serif`,a.textAlign="center",a.fillText("T",f.x,w+y*.35)}}a.restore(),requestAnimationFrame(tt)}S.addEventListener("mousemove",h=>{const g=S.getBoundingClientRect(),f=(h.clientX-g.left-V)/M,$=(h.clientY-g.top-J)/M;if(te){V=Ze+(h.clientX-Xe),J=et+(h.clientY-Qe);return}if(I>=0){ue=!0,v[I].x=f+Ye,v[I].y=$+Ke,v[I].vx=0,v[I].vy=0;return}F=-1;for(let m=v.length-1;m>=0;m--){const l=v[m],y=f-l.x,x=$-l.y;if(Math.sqrt(y*y+x*x)<l.r+4){F=m;break}}S.style.cursor=F>=0?"grab":"default"}),S.addEventListener("mousedown",h=>{const g=S.getBoundingClientRect(),f=(h.clientX-g.left-V)/M,$=(h.clientY-g.top-J)/M;if(h.button===2){te=!0,Xe=h.clientX,Qe=h.clientY,Ze=V,et=J,S.style.cursor="move";return}F>=0&&(I=F,Ye=v[I].x-f,Ke=v[I].y-$,ue=!1,S.style.cursor="grabbing")});let ue=!1;S.addEventListener("mouseup",h=>{if(te){te=!1,S.style.cursor="default";return}if(I>=0){ue||he(v[I].f.path),S.style.cursor="grab",I=-1,ue=!1;return}}),S.addEventListener("mouseleave",()=>{F=-1,I=-1,te=!1}),S.addEventListener("dblclick",h=>{const g=S.getBoundingClientRect(),f=(h.clientX-g.left-V)/M,$=(h.clientY-g.top-J)/M;for(let m=v.length-1;m>=0;m--){const l=v[m],y=f-l.x,x=$-l.y;if(Math.sqrt(y*y+x*x)<l.r+4){he(l.f.path);break}}}),S.addEventListener("contextmenu",h=>h.preventDefault()),requestAnimationFrame(tt)}async function he(e){const t=document.getElementById("metrics-detail");if(!t)return;t.innerHTML='<p class="text-muted">Loading file analysis...</p>';const n=await z("/metrics/file?path="+encodeURIComponent(e));if(n.error){t.innerHTML=`<p style="color:var(--danger)">${d(n.error)}</p>`;return}const i=n.functions||[],o=Math.max(1,...i.map(s=>s.complexity));t.innerHTML=`
+    <div style="background:var(--surface);border:1px solid var(--border);border-radius:0.5rem;padding:1rem">
+      <div class="flex items-center" style="justify-content:space-between;margin-bottom:0.75rem">
+        <h3 style="font-size:0.9rem">${d(n.path)}</h3>
+        <button class="btn btn-sm" onclick="document.getElementById('metrics-detail').innerHTML=''">Close</button>
+      </div>
+      <div class="metric-grid" style="margin-bottom:0.75rem">
+        ${N("LOC",n.loc)}
+        ${N("Total Lines",n.total_lines)}
+        ${N("Classes",n.classes)}
+        ${N("Functions",i.length)}
+        ${N("Imports",n.imports?n.imports.length:0)}
+      </div>
+      ${i.length?`
+        <h4 style="font-size:0.8rem;color:var(--info);margin-bottom:0.5rem">Cyclomatic Complexity by Function</h4>
+        ${i.sort((s,c)=>c.complexity-s.complexity).map(s=>{const c=s.complexity/o*100,r=s.complexity>10?"#ef4444":s.complexity>5?"#f59e0b":"#22c55e";return`<div style="display:flex;align-items:center;gap:0.5rem;margin-bottom:3px;font-size:0.75rem">
+            <div style="width:200px;flex-shrink:0;text-align:right;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${d(s.name)}">${d(s.name)}</div>
+            <div style="flex:1;height:14px;background:var(--bg);border-radius:2px;overflow:hidden"><div style="width:${c}%;height:100%;background:${r}"></div></div>
+            <div style="width:180px;flex-shrink:0;font-family:monospace;text-align:right"><span style="color:${r}">CC:${s.complexity}</span> <span style="color:var(--muted)">${s.loc} LOC L${s.line}</span></div>
+          </div>`}).join("")}
+      `:'<p class="text-muted">No functions</p>'}
+    </div>
+  `}function N(e,t){return`<div class="metric-card"><div class="label">${d(e)}</div><div class="value">${d(String(t??0))}</div></div>`}window.__drillDown=he;const se={tina4:{model:"tina4-v1",url:"https://api.tina4.com/v1/chat/completions"},custom:{model:"",url:"http://localhost:11434"},anthropic:{model:"claude-sonnet-4-20250514",url:"https://api.anthropic.com"},openai:{model:"gpt-4o",url:"https://api.openai.com"}};function ae(e="tina4"){const t=se[e]||se.tina4;return{provider:e,model:t.model,url:t.url,apiKey:""}}function fe(e){const t={...ae(),...e||{}};return t.provider==="ollama"&&(t.provider="custom"),t}function Ct(){try{const e=JSON.parse(localStorage.getItem("tina4_chat_settings")||"{}");return{thinking:fe(e.thinking),vision:fe(e.vision),imageGen:fe(e.imageGen)}}catch{return{thinking:ae(),vision:ae(),imageGen:ae()}}}function Lt(e){localStorage.setItem("tina4_chat_settings",JSON.stringify(e)),L=e,U()}let L=Ct(),H="Idle";const re=[];function Bt(e){var n,i,o,s,c,r,p,u,_,k;e.innerHTML=`
+    <div class="dev-panel-header">
+      <h2>Code With Me</h2>
+      <div class="flex gap-sm">
+        <button class="btn btn-sm" id="chat-thoughts-btn" title="Supervisor thoughts">Thoughts <span id="thoughts-dot" style="display:none;color:var(--info)">&#9679;</span></button>
+        <button class="btn btn-sm" id="chat-settings-btn" title="Settings">&#9881; Settings</button>
+      </div>
+    </div>
+    <div style="display:flex;gap:0.5rem;flex:1;min-height:0;overflow:hidden">
+      <div style="flex:1;display:flex;flex-direction:column;min-height:0">
+        <div style="display:flex;gap:0.5rem;align-items:flex-start;padding:0.5rem 0;flex-shrink:0">
+          <textarea id="chat-input" class="input" placeholder="Ask Tina4 to build something..." rows="2" style="flex:1;resize:vertical;min-height:36px;max-height:200px;font-family:inherit;font-size:inherit"></textarea>
+          <div style="display:flex;flex-direction:column;gap:4px">
+            <button class="btn btn-primary" id="chat-send-btn" style="white-space:nowrap">Send</button>
+            <div style="display:flex;gap:4px">
+              <input type="file" id="chat-file-input" multiple style="display:none" />
+              <button class="btn btn-sm" id="chat-file-btn" style="font-size:0.65rem;padding:2px 6px">File</button>
+              <button class="btn btn-sm" id="chat-mic-btn" style="font-size:0.65rem;padding:2px 6px">Mic</button>
+            </div>
+          </div>
+        </div>
+        <div id="chat-attachments" style="display:none;margin-bottom:0.375rem;font-size:0.75rem"></div>
+        <div id="chat-status-bar" style="display:none;padding:6px 12px;background:var(--surface);border:1px solid var(--info);border-radius:0.375rem;margin-bottom:0.5rem;font-size:0.75rem;color:var(--info);align-items:center;gap:8px;flex-shrink:0">
+          <span style="display:inline-block;width:12px;height:12px;border:2px solid var(--info);border-top-color:transparent;border-radius:50%;animation:t4spin 0.8s linear infinite"></span>
+          <span id="chat-status-text">Thinking...</span>
+        </div>
+        <style>@keyframes t4spin{to{transform:rotate(360deg)}}</style>
+        <div id="chat-messages" style="flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0.5rem;padding:0.25rem 0">
+          <div class="chat-msg chat-bot">Hi! I'm Tina4. Ask me to build routes, templates, models — or ask questions about your project.</div>
+        </div>
+      </div>
+      <div id="chat-summary" style="width:200px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:0.5rem;padding:0.75rem;font-size:0.75rem;overflow-y:auto"></div>
+    </div>
+    <!-- Thoughts Panel (slides in from right) -->
+    <div id="chat-thoughts-panel" style="display:none;position:absolute;top:0;right:0;bottom:0;width:300px;background:var(--surface);border-left:1px solid var(--border);z-index:50;overflow-y:auto;padding:0.75rem">
+      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem">
+        <h3 style="font-size:0.85rem;margin:0">Thoughts</h3>
+        <button class="btn btn-sm" id="chat-thoughts-close" style="width:24px;height:24px;padding:0;font-size:14px;line-height:1">&times;</button>
+      </div>
+      <div id="thoughts-list"></div>
+    </div>
+    <!-- Settings Modal -->
+    <div id="chat-modal-overlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:100;align-items:center;justify-content:center">
+      <div style="background:var(--surface);border:1px solid var(--border);border-radius:0.75rem;padding:1.25rem;width:750px;max-width:90vw;box-shadow:0 8px 32px rgba(0,0,0,0.3)">
+        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem">
+          <h3 style="font-size:0.95rem;margin:0">AI Settings</h3>
+          <button class="btn btn-sm" id="chat-modal-close" style="width:28px;height:28px;padding:0;font-size:16px;line-height:1">&times;</button>
+        </div>
+        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.75rem;margin-bottom:0.75rem">
+          ${["thinking","vision","imageGen"].map(b=>`
+          <fieldset style="border:1px solid var(--border);border-radius:0.375rem;padding:0.5rem 0.75rem;margin:0">
+            <legend class="text-sm" style="font-weight:600;padding:0 4px">${b==="imageGen"?"Image Generation":b.charAt(0).toUpperCase()+b.slice(1)}</legend>
+            <div style="margin-bottom:0.375rem"><label class="text-sm text-muted" style="display:block;margin-bottom:2px">Provider</label><select id="set-${b}-provider" class="input" style="width:100%"><option value="tina4">Tina4 Cloud</option><option value="custom">Custom / Local</option><option value="anthropic">Anthropic (Claude)</option><option value="openai">OpenAI</option></select></div>
+            <div style="margin-bottom:0.375rem"><label class="text-sm text-muted" style="display:block;margin-bottom:2px">URL</label><input type="text" id="set-${b}-url" class="input" style="width:100%" /></div>
+            <div id="set-${b}-key-row" style="margin-bottom:0.375rem"><label class="text-sm text-muted" style="display:block;margin-bottom:2px">API Key</label><input type="password" id="set-${b}-key" class="input" placeholder="sk-..." style="width:100%" /></div>
+            <button class="btn btn-sm btn-primary" id="set-${b}-connect" style="width:100%;margin-bottom:0.375rem">Connect</button>
+            <div id="set-${b}-result" class="text-sm" style="min-height:1.2em;margin-bottom:0.375rem"></div>
+            <div style="margin-bottom:0.375rem"><label class="text-sm text-muted" style="display:block;margin-bottom:2px">Model</label><select id="set-${b}-model" class="input" style="width:100%" disabled><option value="">-- connect first --</option></select></div>
+            <div id="set-${b}-result" class="text-sm" style="margin-top:4px;min-height:1.2em"></div>
+          </fieldset>`).join("")}
+        </div>
+        <button class="btn btn-primary" id="chat-modal-save" style="width:100%">Save Settings</button>
+      </div>
+    </div>
+  `,(n=document.getElementById("chat-send-btn"))==null||n.addEventListener("click",K),(i=document.getElementById("chat-thoughts-btn"))==null||i.addEventListener("click",Ee),(o=document.getElementById("chat-thoughts-close"))==null||o.addEventListener("click",Ee),(s=document.getElementById("chat-settings-btn"))==null||s.addEventListener("click",zt),(c=document.getElementById("chat-modal-close"))==null||c.addEventListener("click",_e),(r=document.getElementById("chat-modal-save"))==null||r.addEventListener("click",At),(p=document.getElementById("chat-modal-overlay"))==null||p.addEventListener("click",b=>{b.target===b.currentTarget&&_e()}),(u=document.getElementById("chat-file-btn"))==null||u.addEventListener("click",()=>{var b;(b=document.getElementById("chat-file-input"))==null||b.click()}),(_=document.getElementById("chat-file-input"))==null||_.addEventListener("change",Ut),(k=document.getElementById("chat-mic-btn"))==null||k.addEventListener("click",Jt);const t=document.getElementById("chat-input");t==null||t.addEventListener("keydown",b=>{b.key==="Enter"&&!b.shiftKey&&(b.preventDefault(),K())}),U()}function ye(e,t){document.getElementById(`set-${e}-provider`).value=t.provider;const n=document.getElementById(`set-${e}-model`);t.model&&(n.innerHTML=`<option value="${t.model}">${t.model}</option>`,n.value=t.model,n.disabled=!1),document.getElementById(`set-${e}-url`).value=t.url,document.getElementById(`set-${e}-key`).value=t.apiKey,xe(e,t.provider)}function ve(e){var t,n,i,o;return{provider:((t=document.getElementById(`set-${e}-provider`))==null?void 0:t.value)||"custom",model:((n=document.getElementById(`set-${e}-model`))==null?void 0:n.value)||"",url:((i=document.getElementById(`set-${e}-url`))==null?void 0:i.value)||"",apiKey:((o=document.getElementById(`set-${e}-key`))==null?void 0:o.value)||""}}function xe(e,t){const n=document.getElementById(`set-${e}-key-row`);n&&(n.style.display="block")}function we(e){const t=document.getElementById(`set-${e}-provider`);t==null||t.addEventListener("change",()=>{const n=se[t.value]||se.tina4,i=document.getElementById(`set-${e}-model`);i.innerHTML=`<option value="${n.model}">${n.model}</option>`,i.value=n.model,document.getElementById(`set-${e}-url`).value=n.url,xe(e,t.value)}),xe(e,(t==null?void 0:t.value)||"custom")}async function $e(e){var c,r,p;const t=((c=document.getElementById(`set-${e}-provider`))==null?void 0:c.value)||"custom",n=((r=document.getElementById(`set-${e}-url`))==null?void 0:r.value)||"",i=((p=document.getElementById(`set-${e}-key`))==null?void 0:p.value)||"",o=document.getElementById(`set-${e}-model`),s=document.getElementById(`set-${e}-result`);s&&(s.textContent="Connecting...",s.style.color="var(--muted)");try{let u=[];const _=n.replace(/\/(v1|api)\/.*$/,"").replace(/\/+$/,"");if(t==="tina4"){const b={"Content-Type":"application/json"};i&&(b.Authorization=`Bearer ${i}`);try{u=((await(await fetch(`${_}/v1/models`,{headers:b})).json()).data||[]).map(v=>v.id)}catch{}u.length||(u=["tina4-v1"])}else if(t==="custom"){try{u=((await(await fetch(`${_}/api/tags`)).json()).models||[]).map(T=>T.name||T.model)}catch{}if(!u.length)try{u=((await(await fetch(`${_}/v1/models`)).json()).data||[]).map(T=>T.id)}catch{}}else if(t==="anthropic")u=["claude-sonnet-4-20250514","claude-opus-4-20250514","claude-haiku-4-20250514","claude-3-5-sonnet-20241022"];else if(t==="openai"){const b=n.replace(/\/v1\/.*$/,"");u=((await(await fetch(`${b}/v1/models`,{headers:i?{Authorization:`Bearer ${i}`}:{}})).json()).data||[]).map(v=>v.id).filter(v=>v.startsWith("gpt"))}if(u.length===0){s&&(s.innerHTML='<span style="color:var(--warn)">No models found</span>');return}const k=o.value;o.innerHTML=u.map(b=>`<option value="${b}">${b}</option>`).join(""),u.includes(k)&&(o.value=k),o.disabled=!1,s&&(s.innerHTML=`<span style="color:var(--success)">&#10003; ${u.length} models available</span>`)}catch{s&&(s.innerHTML='<span style="color:var(--danger)">&#10007; Connection failed</span>')}}function zt(){var t,n,i;const e=document.getElementById("chat-modal-overlay");e&&(e.style.display="flex",ye("thinking",L.thinking),ye("vision",L.vision),ye("imageGen",L.imageGen),we("thinking"),we("vision"),we("imageGen"),(t=document.getElementById("set-thinking-connect"))==null||t.addEventListener("click",()=>$e("thinking")),(n=document.getElementById("set-vision-connect"))==null||n.addEventListener("click",()=>$e("vision")),(i=document.getElementById("set-imageGen-connect"))==null||i.addEventListener("click",()=>$e("imageGen")))}function _e(){const e=document.getElementById("chat-modal-overlay");e&&(e.style.display="none")}function At(){Lt({thinking:ve("thinking"),vision:ve("vision"),imageGen:ve("imageGen")}),_e()}function U(){const e=document.getElementById("chat-summary");if(!e)return;const t=Y.length?Y.map(o=>`<div style="margin-bottom:4px;font-size:0.65rem;line-height:1.3">
+      <span style="color:var(--muted)">${d(o.time)}</span>
+      <span style="color:var(--info);font-size:0.6rem">${d(o.agent)}</span>
+      <div>${d(o.text)}</div>
+    </div>`).join(""):'<div class="text-muted" style="font-size:0.65rem">No activity yet</div>',n=H==="Idle"?"var(--muted)":H==="Thinking..."?"var(--info)":"var(--success)",i=o=>o.model?'<span style="color:var(--success)">&#9679;</span>':'<span style="color:var(--muted)">&#9675;</span>';e.innerHTML=`
+    <div style="margin-bottom:0.5rem;font-size:0.7rem">
+      <span style="color:${n}">&#9679;</span> ${d(H)}
+    </div>
+    <div style="font-size:0.65rem;line-height:1.8">
+      ${i(L.thinking)} T: ${d(L.thinking.model||"—")}<br>
+      ${i(L.vision)} V: ${d(L.vision.model||"—")}<br>
+      ${i(L.imageGen)} I: ${d(L.imageGen.model||"—")}
+    </div>
+    ${re.length?`
+      <div style="margin-bottom:0.75rem">
+        <div class="text-muted" style="font-size:0.65rem;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px">Files Changed</div>
+        ${re.map(o=>`<div class="text-mono" style="font-size:0.65rem;color:var(--success);margin-bottom:2px">${d(o)}</div>`).join("")}
+      </div>
+    `:""}
+    <div>
+      <div class="text-muted" style="font-size:0.65rem;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px">Activity</div>
+      ${t}
+    </div>
+  `}let ke=0;function A(e,t){const n=document.getElementById("chat-messages");if(!n)return;const i=`msg-${++ke}`,o=document.createElement("div");if(o.className=`chat-msg chat-${t}`,o.id=i,o.innerHTML=`
+    <div class="chat-msg-content">${e}</div>
+    <div class="chat-msg-actions" style="display:flex;gap:4px;margin-top:4px;opacity:0.4">
+      <button class="btn btn-sm" style="font-size:0.6rem;padding:1px 6px" onclick="window.__copyMsg('${i}')" title="Copy">Copy</button>
+      <button class="btn btn-sm" style="font-size:0.6rem;padding:1px 6px" onclick="window.__replyMsg('${i}')" title="Reply">Reply</button>
+      <button class="btn btn-sm btn-primary" style="font-size:0.6rem;padding:1px 6px;display:none" onclick="window.__submitAnswers('${i}')" title="Submit answers" data-submit-btn>Submit Answers</button>
+    </div>
+  `,o.addEventListener("mouseenter",()=>{const s=o.querySelector(".chat-msg-actions");s&&(s.style.opacity="1")}),o.addEventListener("mouseleave",()=>{const s=o.querySelector(".chat-msg-actions");s&&(s.style.opacity="0.4")}),o.querySelector(".chat-answer-input")){const s=o.querySelector("[data-submit-btn]");s&&(s.style.display="inline-block")}n.prepend(o)}function jt(e){const t=document.getElementById(e);if(!t)return;const n=t.querySelectorAll(".chat-answer-input"),i=[];if(n.forEach(c=>{const r=c.dataset.q||"?",p=c.value.trim();p&&(i.push(`${r}. ${p}`),c.disabled=!0,c.style.opacity="0.6")}),!i.length)return;const o=document.getElementById("chat-input");o&&(o.value=i.join(`
+`),K());const s=t.querySelector("[data-submit-btn]");s&&(s.style.display="none")}function Pt(e,t){const n=e.parentElement;if(!n)return;const i=n.querySelector(".chat-answer-input");i&&(i.value=t,i.disabled=!0,i.style.opacity="0.5"),n.querySelectorAll("button").forEach(s=>s.remove());const o=document.createElement("span");o.style.cssText="font-size:0.65rem;padding:2px 8px;border-radius:3px;background:var(--info);color:white",o.textContent=t,n.appendChild(o)}window.__quickAnswer=Pt,window.__submitAnswers=jt;function Ht(e){const t=document.querySelector(`#${e} .chat-msg-content`);t&&navigator.clipboard.writeText(t.textContent||"").then(()=>{const n=document.querySelector(`#${e} .chat-msg-actions button`);if(n){const i=n.textContent;n.textContent="Copied!",setTimeout(()=>{n.textContent=i},1e3)}})}function qt(e){const t=document.querySelector(`#${e} .chat-msg-content`);if(!t)return;const n=(t.textContent||"").substring(0,100),i=document.getElementById("chat-input");i&&(i.value=`> ${n}${n.length>=100?"...":""}
+`,i.focus(),i.setSelectionRange(i.value.length,i.value.length))}function Ot(e){var i,o;const t=e.closest(".chat-checklist-item");if(!t||(i=t.nextElementSibling)!=null&&i.classList.contains("chat-comment-box"))return;const n=document.createElement("div");n.className="chat-comment-box",n.style.cssText="padding-left:1.8rem;margin:0.15rem 0;display:flex;gap:4px",n.innerHTML=`
+    <input type="text" class="input" placeholder="Your comment..." style="flex:1;font-size:0.7rem;padding:2px 6px;height:24px">
+    <button class="btn btn-sm" style="font-size:0.6rem;padding:1px 6px;height:24px" onclick="window.__submitComment(this)">Add</button>
+  `,t.after(n),(o=n.querySelector("input"))==null||o.focus()}function Rt(e){var s;const t=e.closest(".chat-comment-box");if(!t)return;const n=t.querySelector("input"),i=(s=n==null?void 0:n.value)==null?void 0:s.trim();if(!i)return;const o=document.createElement("div");o.style.cssText="padding-left:1.8rem;margin:0.1rem 0;font-size:0.7rem;color:var(--info);font-style:italic",o.textContent=`↳ ${i}`,t.replaceWith(o)}function qe(){const e=[],t=[],n=[];return document.querySelectorAll(".chat-checklist-item").forEach(i=>{var r,p;const o=i.querySelector("input[type=checkbox]"),s=((r=i.querySelector("label"))==null?void 0:r.textContent)||"";o!=null&&o.checked?e.push(s):t.push(s);const c=i.nextElementSibling;if(c&&!c.classList.contains("chat-checklist-item")&&!c.classList.contains("chat-comment-box")){const u=((p=c.textContent)==null?void 0:p.replace("↳ ",""))||"";u&&n.push(`${s}: ${u}`)}}),{accepted:e,rejected:t,comments:n}}let le=!1;function Ee(){const e=document.getElementById("chat-thoughts-panel");e&&(le=!le,e.style.display=le?"block":"none",le&&Oe())}async function Oe(){const e=document.getElementById("thoughts-list");if(e)try{const i=(await(await fetch("/__dev/api/thoughts")).json()||[]).filter(s=>!s.dismissed),o=document.getElementById("thoughts-dot");if(o&&(o.style.display=i.length?"inline":"none"),!i.length){e.innerHTML='<div class="text-muted text-sm" style="text-align:center;padding:2rem 0">All clear. No observations.</div>';return}e.innerHTML=i.map(s=>`
+      <div style="background:var(--bg);border:1px solid var(--border);border-radius:0.375rem;padding:0.5rem;margin-bottom:0.5rem;font-size:0.75rem">
+        <div style="line-height:1.4">${d(s.message)}</div>
+        <div style="display:flex;gap:4px;margin-top:0.375rem">
+          ${(s.actions||[]).map(c=>c.action==="dismiss"?`<button class="btn btn-sm" style="font-size:0.6rem" onclick="window.__dismissThought('${d(s.id)}')">Dismiss</button>`:`<button class="btn btn-sm btn-primary" style="font-size:0.6rem" onclick="window.__actOnThought('${d(s.id)}','${d(c.action)}')">${d(c.label)}</button>`).join("")}
+        </div>
+      </div>
+    `).join("")}catch{e.innerHTML='<div class="text-muted text-sm" style="text-align:center;padding:1rem">Agent not connected</div>'}}async function Re(e){await fetch("/__dev/api/thoughts/dismiss",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:e})}).catch(()=>{}),Oe()}function Nt(e,t){Re(e),Ee()}setInterval(async()=>{try{const n=(await(await fetch("/__dev/api/thoughts")).json()||[]).filter(o=>!o.dismissed),i=document.getElementById("thoughts-dot");i&&(i.style.display=n.length?"inline":"none")}catch{}},6e4),window.__dismissThought=Re,window.__actOnThought=Nt,window.__commentOnItem=Ot,window.__submitComment=Rt,window.__getChecklist=qe,window.__copyMsg=Ht,window.__replyMsg=qt;const Y=[];function Ne(e){const t=document.getElementById("chat-status-bar"),n=document.getElementById("chat-status-text");t&&(t.style.display="flex"),n&&(n.textContent=e)}function De(){const e=document.getElementById("chat-status-bar");e&&(e.style.display="none")}function de(e,t){const n=new Date().toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit"});Y.unshift({time:n,text:e,agent:t}),Y.length>50&&(Y.length=50),U()}async function K(){var i;const e=document.getElementById("chat-input"),t=(i=e==null?void 0:e.value)==null?void 0:i.trim();if(!t)return;if(e.value="",A(d(t),"user"),D.length){const o=D.map(s=>s.name).join(", ");A(`<span class="text-sm text-muted">Attached: ${d(o)}</span>`,"user")}H="Thinking...",Ne("Analyzing request..."),de("Analyzing request...","supervisor");const n={message:t,settings:{thinking:L.thinking,vision:L.vision,imageGen:L.imageGen}};D.length&&(n.files=D.map(o=>({name:o.name,data:o.data})));try{const o=await fetch("/__dev/api/chat",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!o.ok||!o.body){A(`<span style="color:var(--danger)">Error: ${o.statusText}</span>`,"bot"),H="Error",U();return}const s=o.body.getReader(),c=new TextDecoder;let r="";for(;;){const{done:p,value:u}=await s.read();if(p)break;r+=c.decode(u,{stream:!0});const _=r.split(`
+`);r=_.pop()||"";let k="";for(const b of _)if(b.startsWith("event: "))k=b.slice(7).trim();else if(b.startsWith("data: ")){const E=b.slice(6);try{const T=JSON.parse(E);Fe(k,T)}catch{}}}D.length=0,Te()}catch{A('<span style="color:var(--danger)">Connection failed</span>',"bot"),H="Error",U()}}function Fe(e,t){switch(e){case"status":H=t.text||"Working...",Ne(`${t.agent||"supervisor"}: ${t.text||"Working..."}`),de(t.text||"",t.agent||"supervisor");break;case"message":{const n=t.content||"",i=t.agent||"supervisor";let o=Yt(n);i!=="supervisor"&&(o=`<span class="badge" style="font-size:0.6rem;margin-right:4px">${d(i)}</span>`+o),t.files_changed&&t.files_changed.length>0&&(o+='<div style="margin-top:0.5rem;padding:0.5rem;background:var(--bg);border-radius:0.375rem;border:1px solid var(--border)">',o+='<div class="text-sm" style="color:var(--success);font-weight:600;margin-bottom:0.25rem">Files changed:</div>',t.files_changed.forEach(s=>{o+=`<div class="text-sm text-mono">${d(s)}</div>`,re.includes(s)||re.push(s)}),o+="</div>"),A(o,"bot");break}case"plan":if(t.approve){const n=`
+          <div style="padding:0.5rem;background:var(--surface);border:1px solid var(--info);border-radius:0.375rem;margin-top:0.25rem">
+            <div class="text-sm" style="color:var(--info);font-weight:600;margin-bottom:0.25rem">Plan ready: ${d(t.file||"")}</div>
+            <div class="text-sm text-muted" style="margin-bottom:0.5rem">Uncheck items you don't want. Click + to add comments. Then choose an action.</div>
+            <div class="flex gap-sm" style="flex-wrap:wrap">
+              <button class="btn btn-sm" onclick="window.__submitFeedback()">Submit Feedback</button>
+              <button class="btn btn-sm btn-primary" onclick="window.__approvePlan('${d(t.file||"")}')">Approve & Execute</button>
+              <button class="btn btn-sm" onclick="window.__keepPlan('${d(t.file||"")}');this.parentElement.parentElement.remove()">Keep for Later</button>
+              <button class="btn btn-sm" onclick="this.parentElement.parentElement.remove()">Dismiss</button>
+            </div>
+          </div>
+        `;A(n,"bot")}break;case"error":De(),A(`<span style="color:var(--danger)">${d(t.message||"Unknown error")}</span>`,"bot"),H="Error",U();break;case"done":H="Done",De(),de("Done","supervisor"),setTimeout(()=>{H="Idle",U()},3e3);break}}async function Dt(e){A(`<span style="color:var(--success)">Plan approved: ${d(e)}</span>`,"user"),H="Executing plan...",de("Plan approved — executing...","supervisor");const t={message:`Execute the plan in ${e}. Write all the files now.`,settings:{thinking:L.thinking,vision:L.vision,imageGen:L.imageGen}};try{const n=await fetch("/__dev/api/chat",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!n.ok||!n.body)return;const i=n.body.getReader(),o=new TextDecoder;let s="";for(;;){const{done:c,value:r}=await i.read();if(c)break;s+=o.decode(r,{stream:!0});const p=s.split(`
+`);s=p.pop()||"";let u="";for(const _ of p)if(_.startsWith("event: "))u=_.slice(7).trim();else if(_.startsWith("data: "))try{Fe(u,JSON.parse(_.slice(6)))}catch{}}}catch{A('<span style="color:var(--danger)">Plan execution failed</span>',"bot")}}function Ft(e){A(`<span style="color:var(--muted)">Plan saved for later: ${d(e)}</span>`,"bot")}function Wt(){const{accepted:e,rejected:t,comments:n}=qe();let i=`Here's my feedback on the proposal:
+`;e.length&&(i+=`**Keep these:**
+`+e.map(s=>`- ${s}`).join(`
+`)+`
+`),t.length&&(i+=`**Remove these:**
+`+t.map(s=>`- ${s}`).join(`
+`)+`
+`),n.length&&(i+=`**Comments:**
+`+n.map(s=>`- ${s}`).join(`
+`)+`
+`),!t.length&&!n.length&&(i+="Everything looks good. "),i+="Please revise the plan based on this feedback.";const o=document.getElementById("chat-input");o&&(o.value=i,K())}window.__submitFeedback=Wt,window.__approvePlan=Dt,window.__keepPlan=Ft;async function Gt(){try{const e=await z("/chat/undo","POST");A(`<span style="color:var(--warn)">${d(e.message||"Undo complete")}</span>`,"bot")}catch{A('<span style="color:var(--warn)">Nothing to undo</span>',"bot")}}const D=[];function Ut(){const e=document.getElementById("chat-file-input");e!=null&&e.files&&(document.getElementById("chat-attachments"),Array.from(e.files).forEach(t=>{const n=new FileReader;n.onload=()=>{D.push({name:t.name,data:n.result}),Te()},n.readAsDataURL(t)}),e.value="")}function Te(){const e=document.getElementById("chat-attachments");if(e){if(!D.length){e.style.display="none";return}e.style.display="flex",e.style.cssText+="gap:0.375rem;flex-wrap:wrap;margin-bottom:0.375rem;font-size:0.75rem",e.innerHTML=D.map((t,n)=>`<span style="background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 8px;display:inline-flex;align-items:center;gap:4px">
+      ${d(t.name)} <span style="cursor:pointer;color:var(--danger)" onclick="window.__removeFile(${n})">&times;</span>
+    </span>`).join("")}}function Vt(e){D.splice(e,1),Te()}let X=!1,q=null;function Jt(){const e=document.getElementById("chat-mic-btn"),t=window.SpeechRecognition||window.webkitSpeechRecognition;if(!t){A('<span style="color:var(--warn)">Speech recognition not supported in this browser</span>',"bot");return}if(X&&q){q.stop(),X=!1,e&&(e.textContent="Mic",e.style.background="");return}q=new t,q.continuous=!1,q.interimResults=!1,q.lang="en-US",q.onresult=n=>{const i=n.results[0][0].transcript,o=document.getElementById("chat-input");o&&(o.value=(o.value?o.value+" ":"")+i)},q.onend=()=>{X=!1,e&&(e.textContent="Mic",e.style.background="")},q.onerror=()=>{X=!1,e&&(e.textContent="Mic",e.style.background="")},q.start(),X=!0,e&&(e.textContent="Stop",e.style.background="var(--danger)")}window.__removeFile=Vt;function Yt(e){let t=e.replace(/\\n/g,`
+`);const n=[];t=t.replace(/```(\w*)\n([\s\S]*?)```/g,(c,r,p)=>{const u=n.length;return n.push(`<pre style="background:var(--bg);padding:0.75rem;border-radius:0.375rem;overflow-x:auto;margin:0.5rem 0;font-size:0.75rem;border:1px solid var(--border)"><code>${p}</code></pre>`),`\0CODE${u}\0`});const i=t.split(`
+`),o=[];for(const c of i){const r=c.trim();if(r.startsWith("\0CODE")){o.push(r);continue}if(r.startsWith("### ")){o.push(`<div style="font-weight:700;font-size:0.8rem;margin:0.75rem 0 0.25rem;color:var(--info)">${r.slice(4)}</div>`);continue}if(r.startsWith("## ")){o.push(`<div style="font-weight:700;font-size:0.9rem;margin:0.75rem 0 0.25rem">${r.slice(3)}</div>`);continue}if(r.startsWith("# ")){o.push(`<div style="font-weight:700;font-size:1rem;margin:0.75rem 0 0.25rem">${r.slice(2)}</div>`);continue}if(r==="---"||r==="***"){o.push('<hr style="border:none;border-top:1px solid var(--border);margin:0.5rem 0">');continue}const p=r.match(/^(\d+)[.)]\s+(.+)/);if(p){if(p[2].trim().endsWith("?")){const _=`q-${ke}-${p[1]}`;o.push(`<div style="margin:0.3rem 0;padding-left:0.5rem">
+          <div style="margin-bottom:4px"><span style="color:var(--info);font-weight:600;margin-right:0.4rem">${p[1]}.</span>${Q(p[2])}</div>
+          <div style="display:flex;gap:4px;align-items:center;flex-wrap:wrap">
+            <input type="text" class="input chat-answer-input" id="${_}" data-q="${p[1]}" placeholder="Your answer..." style="font-size:0.75rem;padding:4px 8px;flex:1;max-width:350px">
+            <button class="btn btn-sm" style="font-size:0.6rem;padding:2px 6px" onclick="window.__quickAnswer(this,'Yes')">Yes</button>
+            <button class="btn btn-sm" style="font-size:0.6rem;padding:2px 6px" onclick="window.__quickAnswer(this,'No')">No</button>
+            <button class="btn btn-sm" style="font-size:0.6rem;padding:2px 6px" onclick="window.__quickAnswer(this,'Later')">Later</button>
+            <button class="btn btn-sm" style="font-size:0.6rem;padding:2px 6px" onclick="window.__quickAnswer(this,'Skip')">Skip</button>
+          </div>
+        </div>`)}else o.push(`<div style="margin:0.15rem 0;padding-left:1.5rem"><span style="color:var(--info);font-weight:600;margin-right:0.4rem">${p[1]}.</span>${Q(p[2])}</div>`);continue}if(r.startsWith("- ")){const u=`chk-${ke}-${o.length}`,_=r.slice(2);o.push(`<div style="margin:0.15rem 0;padding-left:0.5rem;display:flex;align-items:flex-start;gap:6px" class="chat-checklist-item">
+        <input type="checkbox" id="${u}" checked style="margin-top:3px;cursor:pointer;accent-color:var(--success)">
+        <label for="${u}" style="flex:1;cursor:pointer">${Q(_)}</label>
+        <button class="btn btn-sm" style="font-size:0.55rem;padding:1px 4px;opacity:0.5;flex-shrink:0" onclick="window.__commentOnItem(this)" title="Add comment">+</button>
+      </div>`);continue}if(r.startsWith("> ")){o.push(`<div style="border-left:3px solid var(--info);padding-left:0.75rem;margin:0.3rem 0;color:var(--muted);font-style:italic">${Q(r.slice(2))}</div>`);continue}if(r===""){o.push('<div style="height:0.4rem"></div>');continue}o.push(`<div style="margin:0.1rem 0">${Q(r)}</div>`)}let s=o.join("");return n.forEach((c,r)=>{s=s.replace(`\0CODE${r}\0`,c)}),s}function Q(e){return e.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>").replace(/\*(.+?)\*/g,"<em>$1</em>").replace(/`([^`]+)`/g,'<code style="background:var(--bg);padding:0.1rem 0.3rem;border-radius:0.2rem;font-size:0.8em;border:1px solid var(--border)">$1</code>')}function Kt(e){const t=document.getElementById("chat-input");t&&(t.value=e,t.focus(),t.scrollTop=t.scrollHeight)}window.__sendChat=K,window.__undoChat=Gt,window.__prefillChat=Kt;const We=document.createElement("style");We.textContent=rt,document.head.appendChild(We);const Ge=st();at(Ge);const Se=[{id:"routes",label:"Routes",render:dt},{id:"database",label:"Database",render:ct},{id:"errors",label:"Errors",render:xt},{id:"metrics",label:"Metrics",render:St},{id:"system",label:"System",render:kt}],Ue={id:"chat",label:"Code With Me",render:Bt};let ce=localStorage.getItem("tina4_cwm_unlocked")==="true",me=ce?[Ue,...Se]:[...Se],Z=ce?"chat":"routes";function Xt(){const e=document.getElementById("app");if(!e)return;e.innerHTML=`
+    <div class="dev-admin">
+      <div class="dev-header">
+        <h1><span>Tina4</span> Dev Admin</h1>
+        <div style="display:flex;align-items:center;gap:0.75rem">
+          <span class="text-sm text-muted" id="version-label" style="cursor:default;user-select:none">${Ge.name} &bull; v3.10.70</span>
+          <button class="btn btn-sm" onclick="window.__closeDevAdmin()" title="Close Dev Admin" style="font-size:14px;width:28px;height:28px;padding:0;line-height:1">&times;</button>
+        </div>
+      </div>
+      <div class="dev-tabs" id="tab-bar"></div>
+      <div class="dev-content" id="tab-content"></div>
+    </div>
+  `;const t=document.getElementById("tab-bar");t.innerHTML=me.map(n=>`<button class="dev-tab ${n.id===Z?"active":""}" data-tab="${n.id}" onclick="window.__switchTab('${n.id}')">${n.label}</button>`).join(""),Ie(Z)}function Ie(e){Z=e,document.querySelectorAll(".dev-tab").forEach(o=>{o.classList.toggle("active",o.dataset.tab===e)});const t=document.getElementById("tab-content");if(!t)return;const n=document.createElement("div");n.className="dev-panel active",t.innerHTML="",t.appendChild(n);const i=me.find(o=>o.id===e);i&&i.render(n)}function Qt(){if(window.parent!==window)try{const e=window.parent.document.getElementById("tina4-dev-panel");e&&e.remove()}catch{document.body.style.display="none"}}window.__closeDevAdmin=Qt,window.__switchTab=Ie,Xt();let Me=0,Ce=null;(Ve=document.getElementById("version-label"))==null||Ve.addEventListener("click",()=>{if(!ce&&(Me++,Ce&&clearTimeout(Ce),Ce=setTimeout(()=>{Me=0},2e3),Me>=5)){ce=!0,localStorage.setItem("tina4_cwm_unlocked","true"),me=[Ue,...Se],Z="chat";const e=document.getElementById("tab-bar");e&&(e.innerHTML=me.map(t=>`<button class="dev-tab ${t.id===Z?"active":""}" data-tab="${t.id}" onclick="window.__switchTab('${t.id}')">${t.label}</button>`).join("")),Ie("chat")}})})();

data/lib/tina4/version.rb CHANGED Viewed

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 module Tina4
-  VERSION = "3.10.70"
+  VERSION = "3.10.71"
 end

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tina4ruby
 version: !ruby/object:Gem::Version
-  version: 3.10.70
+  version: 3.10.71
 platform: ruby
 authors:
 - Tina4 Team