tina4ruby 3.10.71 → 3.10.73
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.
- checksums.yaml +4 -4
- data/lib/tina4/public/js/tina4-dev-admin.min.js +52 -52
- data/lib/tina4/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 188b18e576e23055c0566ac80fd2284bb5e286b17a5101084b2bceee4e5f7077
|
|
4
|
+
data.tar.gz: 8409b7612015aa168f8744364aa4cb1f147df61d6466ef74e476f5c6b0308216
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 884412fde91ccfdfa7375742706cf317a87f02c73db976b0757ae04a9ef2a3347f447860b467b673ab56fd5953982d5597d46cddaeccec3208f75e363de128bf
|
|
7
|
+
data.tar.gz: 77d5ba9b000e6c2959f683c01a97d8a5364cb5d8f983f9a112f4d0ecdbcafec54ae4492607b302c930062d02a9f34154f72b069ebf2ba7ed4b8f9d04233a663c
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){"use strict";var
|
|
1
|
+
(function(){"use strict";var Je;const Ae={python:{color:"#3b82f6",name:"Python"},php:{color:"#8b5cf6",name:"PHP"},ruby:{color:"#ef4444",name:"Ruby"},nodejs:{color:"#22c55e",name:"Node.js"}};function at(){const e=document.getElementById("app"),t=(e==null?void 0:e.dataset.framework)??"python",n=e==null?void 0:e.dataset.color,i=Ae[t]??Ae.python;return{framework:t,color:n??i.color,name:i.name}}function rt(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 lt=`
|
|
2
2
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
3
3
|
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: var(--bg); color: var(--text); }
|
|
4
4
|
|
|
@@ -76,7 +76,7 @@ tr:hover { background: rgba(255,255,255,0.03); }
|
|
|
76
76
|
.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; }
|
|
77
77
|
|
|
78
78
|
.bubble-chart { width: 100%; height: 400px; background: var(--surface); border: 1px solid var(--border); border-radius: 0.5rem; overflow: hidden; }
|
|
79
|
-
`,
|
|
79
|
+
`,dt="/__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(dt+e,i)).json()}function d(e){const t=document.createElement("span");return t.textContent=e,t.innerHTML}function ct(e){e.innerHTML=`
|
|
80
80
|
<div class="dev-panel-header">
|
|
81
81
|
<h2>Routes <span id="routes-count" class="text-muted text-sm"></span></h2>
|
|
82
82
|
<button class="btn btn-sm" onclick="window.__loadRoutes()">Refresh</button>
|
|
@@ -85,14 +85,14 @@ tr:hover { background: rgba(255,255,255,0.03); }
|
|
|
85
85
|
<thead><tr><th>Method</th><th>Path</th><th>Auth</th><th>Handler</th></tr></thead>
|
|
86
86
|
<tbody id="routes-body"></tbody>
|
|
87
87
|
</table>
|
|
88
|
-
`,
|
|
88
|
+
`,je()}async function je(){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=>`
|
|
89
89
|
<tr>
|
|
90
90
|
<td><span class="method method-${i.method.toLowerCase()}">${d(i.method)}</span></td>
|
|
91
91
|
<td class="text-mono"><a href="${d(i.path)}" target="_blank" style="color:inherit;text-decoration:underline dotted">${d(i.path)}</a></td>
|
|
92
92
|
<td>${i.auth_required?'<span class="badge badge-warn">auth</span>':'<span class="badge badge-success">open</span>'}</td>
|
|
93
93
|
<td class="text-sm text-muted">${d(i.handler||"")} <small>(${d(i.module||"")})</small></td>
|
|
94
94
|
</tr>
|
|
95
|
-
`).join(""))}window.__loadRoutes=
|
|
95
|
+
`).join(""))}window.__loadRoutes=je;let W=[],G=[],P=JSON.parse(localStorage.getItem("tina4_query_history")||"[]");function mt(e){e.innerHTML=`
|
|
96
96
|
<div class="dev-panel-header">
|
|
97
97
|
<h2>Database</h2>
|
|
98
98
|
<button class="btn btn-sm" onclick="window.__loadTables()">Refresh</button>
|
|
@@ -159,11 +159,11 @@ tr:hover { background: rgba(255,255,255,0.03); }
|
|
|
159
159
|
</div>
|
|
160
160
|
</div>
|
|
161
161
|
</div>
|
|
162
|
-
`,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)":""}),
|
|
162
|
+
`,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)":""}),Pe()}function ut(){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 pt(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 gt(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 bt(){P=[],localStorage.removeItem("tina4_query_history"),be()}async function Pe(){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;pt(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 l=parseInt(((c=document.getElementById("db-limit"))==null?void 0:c.value)||"20"),p=await z("/query","POST",{query:t,type:i,limit:l});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>
|
|
163
163
|
<div style="overflow-x:auto"><table><thead><tr>${G.map(u=>`<th>${d(u)}</th>`).join("")}</tr></thead>
|
|
164
|
-
<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(
|
|
165
|
-
`))}function
|
|
166
|
-
`).map(E=>E.trim()).filter(Boolean);if(k.length<2){alert("CSV needs at least a header row and one data row.");return}const
|
|
164
|
+
<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(l){n&&(n.innerHTML=`<p style="color:var(--danger)">${d(l.message)}</p>`)}}function ht(){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(`
|
|
165
|
+
`))}function ft(){W.length&&navigator.clipboard.writeText(JSON.stringify(W,null,2))}function yt(){const e=document.getElementById("db-paste-modal");e&&(e.style.display="flex")}function He(){const e=document.getElementById("db-paste-modal");e&&(e.style.display="none")}async function vt(){var o,s,c,l,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=(l=document.getElementById("paste-data"))==null?void 0:l.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(`
|
|
166
|
+
`).map(E=>E.trim()).filter(Boolean);if(k.length<2){alert("CSV needs at least a header row and one data row.");return}const h=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 h.forEach((j,ee)=>{v[j]=T[ee]??""}),v})}if(!u.length){alert("No data rows found.");return}if(t){const h=["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}" (${h.join(", ")})`,type:"sql"});if(E.error){alert("Create table failed: "+E.error);return}}let _=0;for(const k of u){const h=t?Object.keys(k).filter(j=>j.toLowerCase()!=="id"):Object.keys(k),E=h.map(j=>`"${j}"`).join(","),T=h.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,He(),pe(),_>0&&ge(n)}catch(u){alert("Import error: "+u.message)}}async function xt(){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=ut,window.__runQuery=Pe,window.__copyCSV=ht,window.__copyJSON=ft,window.__showPaste=yt,window.__hidePaste=He,window.__doPaste=vt,window.__seedTable=xt,window.__loadHistory=gt,window.__clearHistory=bt;function wt(e){e.innerHTML=`
|
|
167
167
|
<div class="dev-panel-header">
|
|
168
168
|
<h2>Errors <span id="errors-count" class="text-muted text-sm"></span></h2>
|
|
169
169
|
<div class="flex gap-sm">
|
|
@@ -172,7 +172,7 @@ tr:hover { background: rgba(255,255,255,0.03); }
|
|
|
172
172
|
</div>
|
|
173
173
|
</div>
|
|
174
174
|
<div id="errors-body"></div>
|
|
175
|
-
`,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",
|
|
175
|
+
`,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",l=o.context||{},p=o.last_seen||o.first_seen||o.timestamp||"",u=p?new Date(p).toLocaleString():"";return`
|
|
176
176
|
<div style="background:var(--surface);border:1px solid var(--border);border-radius:0.5rem;padding:0.75rem;margin-bottom:0.75rem">
|
|
177
177
|
<div class="flex items-center" style="justify-content:space-between;flex-wrap:wrap;gap:0.5rem">
|
|
178
178
|
<div style="flex:1;min-width:0">
|
|
@@ -185,31 +185,31 @@ tr:hover { background: rgba(255,255,255,0.03); }
|
|
|
185
185
|
<button class="btn btn-sm btn-primary" onclick="window.__askAboutError(${s})">Ask Tina4</button>
|
|
186
186
|
</div>
|
|
187
187
|
</div>
|
|
188
|
-
${
|
|
188
|
+
${l.method?`<div class="text-sm text-mono" style="margin-top:0.5rem;color:var(--info)">${d(l.method)} ${d(l.path||"")}</div>`:""}
|
|
189
189
|
${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>`:""}
|
|
190
190
|
<div class="text-sm text-muted" style="margin-top:0.5rem">${d(u)}</div>
|
|
191
191
|
</div>
|
|
192
|
-
`}).join(""),window.__errorData=i}async function
|
|
192
|
+
`}).join(""),window.__errorData=i}async function $t(e){await z("/broken/resolve","POST",{id:e}),ie()}async function _t(){await z("/broken/clear","POST"),ie()}function kt(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?`
|
|
193
193
|
Route: ${o.method} ${o.path}`:"",c=`I have this error: ${i}${s}
|
|
194
194
|
|
|
195
|
-
${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillChat(c)},150)}window.__loadErrors=ie,window.__clearErrors
|
|
195
|
+
${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillChat(c)},150)}window.__loadErrors=ie,window.__clearErrors=_t,window.__resolveError=$t,window.__askAboutError=kt;function Et(e){e.innerHTML=`
|
|
196
196
|
<div class="dev-panel-header">
|
|
197
197
|
<h2>System</h2>
|
|
198
198
|
</div>
|
|
199
199
|
<div id="system-grid" class="metric-grid"></div>
|
|
200
200
|
<div id="system-env" style="margin-top:1rem"></div>
|
|
201
|
-
`,
|
|
202
|
-
<div class="metric-card" style="${c.has(
|
|
203
|
-
<div class="label">${d(
|
|
204
|
-
<div class="value" style="font-size:${c.has(
|
|
201
|
+
`,qe()}function Tt(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 St(e){return e?e>=1024?`${(e/1024).toFixed(1)} GB`:`${e.toFixed(1)} MB`:"?"}async function qe(){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:Tt(e.uptime_seconds)},{label:"Memory",value:St(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(l=>`
|
|
202
|
+
<div class="metric-card" style="${c.has(l.label)?"grid-column:1/-1":""}">
|
|
203
|
+
<div class="label">${d(l.label)}</div>
|
|
204
|
+
<div class="value" style="font-size:${c.has(l.label)?"0.75rem":"1.1rem"}">${d(l.value)}</div>
|
|
205
205
|
</div>
|
|
206
|
-
`).join(""),n){const
|
|
206
|
+
`).join(""),n){const l=[];e.debug!==void 0&&l.push(["TINA4_DEBUG",String(e.debug)]),e.log_level&&l.push(["LOG_LEVEL",e.log_level]),e.database&&l.push(["DATABASE_URL",e.database]),l.length&&(n.innerHTML=`
|
|
207
207
|
<h3 style="font-size:0.85rem;margin-bottom:0.5rem">Environment</h3>
|
|
208
208
|
<table>
|
|
209
209
|
<thead><tr><th>Variable</th><th>Value</th></tr></thead>
|
|
210
|
-
<tbody>${
|
|
210
|
+
<tbody>${l.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>
|
|
211
211
|
</table>
|
|
212
|
-
`)}}window.__loadSystem=
|
|
212
|
+
`)}}window.__loadSystem=qe;function It(e){e.innerHTML=`
|
|
213
213
|
<div class="dev-panel-header">
|
|
214
214
|
<h2>Code Metrics</h2>
|
|
215
215
|
</div>
|
|
@@ -218,7 +218,7 @@ ${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillC
|
|
|
218
218
|
<div id="metrics-chart" style="display:none;margin:1rem 0"></div>
|
|
219
219
|
<div id="metrics-detail" style="margin-top:1rem"></div>
|
|
220
220
|
<div id="metrics-complex" style="margin-top:1rem"></div>
|
|
221
|
-
`,
|
|
221
|
+
`,Mt()}async function Mt(){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?Ct(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=`
|
|
222
222
|
<h3 style="font-size:0.85rem;margin-bottom:0.5rem">Most Complex Functions</h3>
|
|
223
223
|
<table>
|
|
224
224
|
<thead><tr><th>Function</th><th>File</th><th>Line</th><th>CC</th><th>LOC</th></tr></thead>
|
|
@@ -232,11 +232,11 @@ ${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillC
|
|
|
232
232
|
</tr>`).join("")}
|
|
233
233
|
</tbody>
|
|
234
234
|
</table>
|
|
235
|
-
`)}function
|
|
235
|
+
`)}function Ct(e,t,n,i){var ot,it,st;const o=t.offsetWidth||900,s=Math.max(450,Math.min(650,o*.45)),c=Math.max(...e.map(f=>f.loc))||1,l=Math.max(...e.map(f=>f.dep_count||0))||1,p=14,u=Math.min(70,o/10);function _(f){const g=Math.min((f.avg_complexity||0)/10,1),y=f.has_tests?0:1,w=Math.min((f.dep_count||0)/5,1),m=g*.4+y*.4+w*.2,a=Math.max(0,Math.min(1,m)),b=Math.round(120*(1-a)),x=Math.round(70+a*30),$=Math.round(42+18*(1-a));return`hsl(${b},${x}%,${$}%)`}function k(f){return f.loc/c*.4+(f.avg_complexity||0)/10*.4+(f.dep_count||0)/l*.2}const h=[...e].sort((f,g)=>k(f)-k(g)),E=o/2,T=s/2,v=[];let j=0,ee=0;for(const f of h){const g=p+Math.sqrt(k(f))*(u-p),y=_(f);let w=!1;for(let m=0;m<800;m++){const a=E+ee*Math.cos(j),b=T+ee*Math.sin(j);let x=!1;for(const $ of v){const C=a-$.x,B=b-$.y;if(Math.sqrt(C*C+B*B)<g+$.r+2){x=!0;break}}if(!x&&a>g+2&&a<o-g-2&&b>g+25&&b<s-g-2){v.push({x:a,y:b,vx:0,vy:0,r:g,color:y,f}),w=!0;break}j+=.2,ee+=.04}w||v.push({x:E+(Math.random()-.5)*o*.3,y:T+(Math.random()-.5)*s*.3,vx:0,vy:0,r:g,color:y,f})}const Le=[];function Ye(f){const g=f.split("/").pop()||"",y=g.lastIndexOf(".");return(y>0?g.substring(0,y):g).toLowerCase()}const Be={};v.forEach((f,g)=>{Be[Ye(f.f.path)]=g});for(const[f,g]of Object.entries(n)){let y=null;if(v.forEach((w,m)=>{w.f.path===f&&(y=m)}),y!==null)for(const w of g){const m=w.replace(/^\.\//,"").replace(/^\.\.\//,"").split(/[./]/);let a;for(let b=m.length-1;b>=0;b--){const x=m[b].toLowerCase();if(x&&x!=="js"&&x!=="py"&&x!=="rb"&&x!=="ts"&&x!=="index"&&(a=Be[x],a!==void 0))break}a===void 0&&(a=Be[Ye(w)]),a!==void 0&&y!==a&&Le.push([y,a])}}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 ze=document.createElement("div");ze.style.cssText="position:absolute;top:8px;left:8px;z-index:2;display:flex;gap:4px;flex-direction:column",ze.innerHTML=`
|
|
236
236
|
<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>
|
|
237
237
|
<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">−</button>
|
|
238
238
|
<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>
|
|
239
|
-
`,document.getElementById("metrics-canvas-wrap").appendChild(
|
|
239
|
+
`,document.getElementById("metrics-canvas-wrap").appendChild(ze),(ot=document.getElementById("metrics-zoom-in"))==null||ot.addEventListener("click",()=>{M=Math.min(5,M*1.3)}),(it=document.getElementById("metrics-zoom-out"))==null||it.addEventListener("click",()=>{M=Math.max(.3,M*.7)}),(st=document.getElementById("metrics-zoom-fit"))==null||st.addEventListener("click",()=>{M=1,V=0,J=0});const r=S.getContext("2d");let F=-1,I=-1,Ke=0,Xe=0,V=0,J=0,M=1,te=!1,Qe=0,Ze=0,et=0,tt=0;function tn(){for(let m=0;m<v.length;m++){if(m===I)continue;const a=v[m],b=E-a.x,x=T-a.y,$=.3+a.r/u*.7,C=.008*$*$;a.vx+=b*C,a.vy+=x*C}for(const[m,a]of Le){const b=v[m],x=v[a],$=x.x-b.x,C=x.y-b.y,B=Math.sqrt($*$+C*C)||1,O=b.r+x.r+20,R=(B-O)*.002,ne=$/B*R,oe=C/B*R;m!==I&&(b.vx+=ne,b.vy+=oe),a!==I&&(x.vx-=ne,x.vy-=oe)}for(let m=0;m<v.length;m++)for(let a=m+1;a<v.length;a++){const b=v[m],x=v[a],$=x.x-b.x,C=x.y-b.y,B=Math.sqrt($*$+C*C)||1,O=b.r+x.r+20;if(B<O){const R=40*(O-B)/O,ne=$/B*R,oe=C/B*R;m!==I&&(b.vx-=ne,b.vy-=oe),a!==I&&(x.vx+=ne,x.vy+=oe)}}for(let m=0;m<v.length;m++){if(m===I)continue;const a=v[m];a.vx*=.65,a.vy*=.65;const b=2;a.vx=Math.max(-b,Math.min(b,a.vx)),a.vy=Math.max(-b,Math.min(b,a.vy)),a.x+=a.vx,a.y+=a.vy,a.x=Math.max(a.r+2,Math.min(o-a.r-2,a.x)),a.y=Math.max(a.r+25,Math.min(s-a.r-2,a.y))}}function nt(){var f;tn(),r.clearRect(0,0,o,s),r.save(),r.translate(V,J),r.scale(M,M),r.strokeStyle="rgba(255,255,255,0.03)",r.lineWidth=1/M;for(let g=0;g<o/M;g+=50)r.beginPath(),r.moveTo(g,0),r.lineTo(g,s/M),r.stroke();for(let g=0;g<s/M;g+=50)r.beginPath(),r.moveTo(0,g),r.lineTo(o/M,g),r.stroke();for(const[g,y]of Le){const w=v[g],m=v[y],a=m.x-w.x,b=m.y-w.y,x=Math.sqrt(a*a+b*b)||1,$=F===g||F===y;r.beginPath(),r.moveTo(w.x+a/x*w.r,w.y+b/x*w.r);const C=m.x-a/x*m.r,B=m.y-b/x*m.r;r.lineTo(C,B),r.strokeStyle=$?"rgba(139,180,250,0.9)":"rgba(255,255,255,0.15)",r.lineWidth=$?3:1,r.stroke();const O=$?12:6,R=Math.atan2(b,a);r.beginPath(),r.moveTo(C,B),r.lineTo(C-O*Math.cos(R-.4),B-O*Math.sin(R-.4)),r.lineTo(C-O*Math.cos(R+.4),B-O*Math.sin(R+.4)),r.closePath(),r.fillStyle=r.strokeStyle,r.fill()}for(let g=0;g<v.length;g++){const y=v[g],w=g===F,m=w?y.r+4:y.r;w&&(r.beginPath(),r.arc(y.x,y.y,m+8,0,Math.PI*2),r.fillStyle="rgba(255,255,255,0.08)",r.fill()),r.beginPath(),r.arc(y.x,y.y,m,0,Math.PI*2),r.fillStyle=y.color,r.globalAlpha=w?1:.85,r.fill(),r.globalAlpha=1,r.strokeStyle=w?"rgba(255,255,255,0.6)":"rgba(255,255,255,0.25)",r.lineWidth=w?2.5:1.5,r.stroke();const a=((f=y.f.path.split("/").pop())==null?void 0:f.replace(/\.\w+$/,""))||"?";if(m>16){const $=Math.max(8,Math.min(13,m*.38));r.fillStyle="#fff",r.font=`600 ${$}px monospace`,r.textAlign="center",r.fillText(a,y.x,y.y-2),r.fillStyle="rgba(255,255,255,0.65)",r.font=`${$-1}px monospace`,r.fillText(`${y.f.loc} LOC`,y.x,y.y+$)}const b=Math.max(9,m*.3),x=b*.7;if(m>14&&y.f.dep_count>0){const $=y.y-m+x+3;r.beginPath(),r.arc(y.x,$,x,0,Math.PI*2),r.fillStyle="#ea580c",r.fill(),r.fillStyle="#fff",r.font=`bold ${b}px sans-serif`,r.textAlign="center",r.fillText("D",y.x,$+b*.35)}if(m>14&&y.f.has_tests){const $=y.y+m-x-3;r.beginPath(),r.arc(y.x,$,x,0,Math.PI*2),r.fillStyle="#16a34a",r.fill(),r.fillStyle="#fff",r.font=`bold ${b}px sans-serif`,r.textAlign="center",r.fillText("T",y.x,$+b*.35)}}r.restore(),requestAnimationFrame(nt)}S.addEventListener("mousemove",f=>{const g=S.getBoundingClientRect(),y=(f.clientX-g.left-V)/M,w=(f.clientY-g.top-J)/M;if(te){V=et+(f.clientX-Qe),J=tt+(f.clientY-Ze);return}if(I>=0){ue=!0,v[I].x=y+Ke,v[I].y=w+Xe,v[I].vx=0,v[I].vy=0;return}F=-1;for(let m=v.length-1;m>=0;m--){const a=v[m],b=y-a.x,x=w-a.y;if(Math.sqrt(b*b+x*x)<a.r+4){F=m;break}}S.style.cursor=F>=0?"grab":"default"}),S.addEventListener("mousedown",f=>{const g=S.getBoundingClientRect(),y=(f.clientX-g.left-V)/M,w=(f.clientY-g.top-J)/M;if(f.button===2){te=!0,Qe=f.clientX,Ze=f.clientY,et=V,tt=J,S.style.cursor="move";return}F>=0&&(I=F,Ke=v[I].x-y,Xe=v[I].y-w,ue=!1,S.style.cursor="grabbing")});let ue=!1;S.addEventListener("mouseup",f=>{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",f=>{const g=S.getBoundingClientRect(),y=(f.clientX-g.left-V)/M,w=(f.clientY-g.top-J)/M;for(let m=v.length-1;m>=0;m--){const a=v[m],b=y-a.x,x=w-a.y;if(Math.sqrt(b*b+x*x)<a.r+4){he(a.f.path);break}}}),S.addEventListener("contextmenu",f=>f.preventDefault()),requestAnimationFrame(nt)}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=`
|
|
240
240
|
<div style="background:var(--surface);border:1px solid var(--border);border-radius:0.5rem;padding:1rem">
|
|
241
241
|
<div class="flex items-center" style="justify-content:space-between;margin-bottom:0.75rem">
|
|
242
242
|
<h3 style="font-size:0.9rem">${d(n.path)}</h3>
|
|
@@ -251,14 +251,14 @@ ${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillC
|
|
|
251
251
|
</div>
|
|
252
252
|
${i.length?`
|
|
253
253
|
<h4 style="font-size:0.8rem;color:var(--info);margin-bottom:0.5rem">Cyclomatic Complexity by Function</h4>
|
|
254
|
-
${i.sort((s,c)=>c.complexity-s.complexity).map(s=>{const c=s.complexity/o*100,
|
|
254
|
+
${i.sort((s,c)=>c.complexity-s.complexity).map(s=>{const c=s.complexity/o*100,l=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">
|
|
255
255
|
<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>
|
|
256
|
-
<div style="flex:1;height:14px;background:var(--bg);border-radius:2px;overflow:hidden"><div style="width:${c}%;height:100%;background:${
|
|
257
|
-
<div style="width:180px;flex-shrink:0;font-family:monospace;text-align:right"><span style="color:${
|
|
256
|
+
<div style="flex:1;height:14px;background:var(--bg);border-radius:2px;overflow:hidden"><div style="width:${c}%;height:100%;background:${l}"></div></div>
|
|
257
|
+
<div style="width:180px;flex-shrink:0;font-family:monospace;text-align:right"><span style="color:${l}">CC:${s.complexity}</span> <span style="color:var(--muted)">${s.loc} LOC L${s.line}</span></div>
|
|
258
258
|
</div>`}).join("")}
|
|
259
259
|
`:'<p class="text-muted">No functions</p>'}
|
|
260
260
|
</div>
|
|
261
|
-
`}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
|
|
261
|
+
`}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 Lt(){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 Bt(e){localStorage.setItem("tina4_chat_settings",JSON.stringify(e)),L=e,U()}let L=Lt(),H="Idle";const re=[];function zt(e){var n,i,o,s,c,l,p,u,_,k;e.innerHTML=`
|
|
262
262
|
<div class="dev-panel-header">
|
|
263
263
|
<h2>Code With Me</h2>
|
|
264
264
|
<div class="flex gap-sm">
|
|
@@ -309,22 +309,22 @@ ${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillC
|
|
|
309
309
|
<button class="btn btn-sm" id="chat-modal-close" style="width:28px;height:28px;padding:0;font-size:16px;line-height:1">×</button>
|
|
310
310
|
</div>
|
|
311
311
|
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.75rem;margin-bottom:0.75rem">
|
|
312
|
-
${["thinking","vision","imageGen"].map(
|
|
312
|
+
${["thinking","vision","imageGen"].map(h=>`
|
|
313
313
|
<fieldset style="border:1px solid var(--border);border-radius:0.375rem;padding:0.5rem 0.75rem;margin:0">
|
|
314
|
-
<legend class="text-sm" style="font-weight:600;padding:0 4px">${
|
|
315
|
-
<div style="margin-bottom:0.375rem"><label class="text-sm text-muted" style="display:block;margin-bottom:2px">Provider</label><select id="set-${
|
|
316
|
-
<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-${
|
|
317
|
-
<div id="set-${
|
|
318
|
-
<button class="btn btn-sm btn-primary" id="set-${
|
|
319
|
-
<div id="set-${
|
|
320
|
-
<div style="margin-bottom:0.375rem"><label class="text-sm text-muted" style="display:block;margin-bottom:2px">Model</label><select id="set-${
|
|
321
|
-
<div id="set-${
|
|
314
|
+
<legend class="text-sm" style="font-weight:600;padding:0 4px">${h==="imageGen"?"Image Generation":h.charAt(0).toUpperCase()+h.slice(1)}</legend>
|
|
315
|
+
<div style="margin-bottom:0.375rem"><label class="text-sm text-muted" style="display:block;margin-bottom:2px">Provider</label><select id="set-${h}-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>
|
|
316
|
+
<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-${h}-url" class="input" style="width:100%" /></div>
|
|
317
|
+
<div id="set-${h}-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-${h}-key" class="input" placeholder="sk-..." style="width:100%" /></div>
|
|
318
|
+
<button class="btn btn-sm btn-primary" id="set-${h}-connect" style="width:100%;margin-bottom:0.375rem">Connect</button>
|
|
319
|
+
<div id="set-${h}-result" class="text-sm" style="min-height:1.2em;margin-bottom:0.375rem"></div>
|
|
320
|
+
<div style="margin-bottom:0.375rem"><label class="text-sm text-muted" style="display:block;margin-bottom:2px">Model</label><select id="set-${h}-model" class="input" style="width:100%" disabled><option value="">-- connect first --</option></select></div>
|
|
321
|
+
<div id="set-${h}-result" class="text-sm" style="margin-top:4px;min-height:1.2em"></div>
|
|
322
322
|
</fieldset>`).join("")}
|
|
323
323
|
</div>
|
|
324
324
|
<button class="btn btn-primary" id="chat-modal-save" style="width:100%">Save Settings</button>
|
|
325
325
|
</div>
|
|
326
326
|
</div>
|
|
327
|
-
`,(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",
|
|
327
|
+
`,(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",At),(c=document.getElementById("chat-modal-close"))==null||c.addEventListener("click",_e),(l=document.getElementById("chat-modal-save"))==null||l.addEventListener("click",jt),(p=document.getElementById("chat-modal-overlay"))==null||p.addEventListener("click",h=>{h.target===h.currentTarget&&_e()}),(u=document.getElementById("chat-file-btn"))==null||u.addEventListener("click",()=>{var h;(h=document.getElementById("chat-file-input"))==null||h.click()}),(_=document.getElementById("chat-file-input"))==null||_.addEventListener("change",Vt),(k=document.getElementById("chat-mic-btn"))==null||k.addEventListener("click",Yt);const t=document.getElementById("chat-input");t==null||t.addEventListener("keydown",h=>{h.key==="Enter"&&!h.shiftKey&&(h.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,l,p;const t=((c=document.getElementById(`set-${e}-provider`))==null?void 0:c.value)||"custom",n=((l=document.getElementById(`set-${e}-url`))==null?void 0:l.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 h={"Content-Type":"application/json"};i&&(h.Authorization=`Bearer ${i}`);try{u=((await(await fetch(`${_}/v1/models`,{headers:h})).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 h=n.replace(/\/v1\/.*$/,"");u=((await(await fetch(`${h}/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(h=>`<option value="${h}">${h}</option>`).join(""),u.includes(k)&&(o.value=k),o.disabled=!1,s&&(s.innerHTML=`<span style="color:var(--success)">✓ ${u.length} models available</span>`)}catch{s&&(s.innerHTML='<span style="color:var(--danger)">✗ Connection failed</span>')}}function At(){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 jt(){Bt({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">
|
|
328
328
|
<span style="color:var(--muted)">${d(o.time)}</span>
|
|
329
329
|
<span style="color:var(--info);font-size:0.6rem">${d(o.agent)}</span>
|
|
330
330
|
<div>${d(o.text)}</div>
|
|
@@ -354,21 +354,21 @@ ${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillC
|
|
|
354
354
|
<button class="btn btn-sm" style="font-size:0.6rem;padding:1px 6px" onclick="window.__replyMsg('${i}')" title="Reply">Reply</button>
|
|
355
355
|
<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>
|
|
356
356
|
</div>
|
|
357
|
-
`,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
|
|
358
|
-
`),K());const s=t.querySelector("[data-submit-btn]");s&&(s.style.display="none")}function
|
|
357
|
+
`,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 Pt(e){const t=document.getElementById(e);if(!t)return;const n=t.querySelectorAll(".chat-answer-input"),i=[];if(n.forEach(c=>{const l=c.dataset.q||"?",p=c.value.trim();p&&(i.push(`${l}. ${p}`),c.disabled=!0,c.style.opacity="0.6")}),!i.length)return;const o=document.getElementById("chat-input");o&&(o.value=i.join(`
|
|
358
|
+
`),K());const s=t.querySelector("[data-submit-btn]");s&&(s.style.display="none")}function Ht(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=Ht,window.__submitAnswers=Pt;function qt(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 Ot(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?"...":""}
|
|
359
359
|
|
|
360
|
-
`,i.focus(),i.setSelectionRange(i.value.length,i.value.length))}function
|
|
360
|
+
`,i.focus(),i.setSelectionRange(i.value.length,i.value.length))}function Rt(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=`
|
|
361
361
|
<input type="text" class="input" placeholder="Your comment..." style="flex:1;font-size:0.7rem;padding:2px 6px;height:24px">
|
|
362
362
|
<button class="btn btn-sm" style="font-size:0.6rem;padding:1px 6px;height:24px" onclick="window.__submitComment(this)">Add</button>
|
|
363
|
-
`,t.after(n),(o=n.querySelector("input"))==null||o.focus()}function
|
|
363
|
+
`,t.after(n),(o=n.querySelector("input"))==null||o.focus()}function Nt(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 Oe(){const e=[],t=[],n=[];return document.querySelectorAll(".chat-checklist-item").forEach(i=>{var l,p;const o=i.querySelector("input[type=checkbox]"),s=((l=i.querySelector("label"))==null?void 0:l.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&&Re())}async function Re(){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=>`
|
|
364
364
|
<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">
|
|
365
365
|
<div style="line-height:1.4">${d(s.message)}</div>
|
|
366
366
|
<div style="display:flex;gap:4px;margin-top:0.375rem">
|
|
367
367
|
${(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("")}
|
|
368
368
|
</div>
|
|
369
369
|
</div>
|
|
370
|
-
`).join("")}catch{e.innerHTML='<div class="text-muted text-sm" style="text-align:center;padding:1rem">Agent not connected</div>'}}async function
|
|
371
|
-
`);
|
|
370
|
+
`).join("")}catch{e.innerHTML='<div class="text-muted text-sm" style="text-align:center;padding:1rem">Agent not connected</div>'}}async function Ne(e){await fetch("/__dev/api/thoughts/dismiss",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:e})}).catch(()=>{}),Re()}function Dt(e,t){Ne(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=Ne,window.__actOnThought=Dt,window.__commentOnItem=Rt,window.__submitComment=Nt,window.__getChecklist=Oe,window.__copyMsg=qt,window.__replyMsg=Ot;const Y=[];function De(e){const t=document.getElementById("chat-status-bar"),n=document.getElementById("chat-status-text");t&&(t.style.display="flex"),n&&(n.textContent=e)}function Fe(){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...",De("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 l="";for(;;){const{done:p,value:u}=await s.read();if(p)break;l+=c.decode(u,{stream:!0});const _=l.split(`
|
|
371
|
+
`);l=_.pop()||"";let k="";for(const h of _)if(h.startsWith("event: "))k=h.slice(7).trim();else if(h.startsWith("data: ")){const E=h.slice(6);try{const T=JSON.parse(E);We(k,T)}catch{}}}D.length=0,Te()}catch{A('<span style="color:var(--danger)">Connection failed</span>',"bot"),H="Error",U()}}function We(e,t){switch(e){case"status":H=t.text||"Working...",De(`${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=Kt(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=`
|
|
372
372
|
<div style="padding:0.5rem;background:var(--surface);border:1px solid var(--info);border-radius:0.375rem;margin-top:0.25rem">
|
|
373
373
|
<div class="text-sm" style="color:var(--info);font-weight:600;margin-bottom:0.25rem">Plan ready: ${d(t.file||"")}</div>
|
|
374
374
|
<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>
|
|
@@ -379,8 +379,8 @@ ${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillC
|
|
|
379
379
|
<button class="btn btn-sm" onclick="this.parentElement.parentElement.remove()">Dismiss</button>
|
|
380
380
|
</div>
|
|
381
381
|
</div>
|
|
382
|
-
`;A(n,"bot")}break;case"error":
|
|
383
|
-
`);s=p.pop()||"";let u="";for(const _ of p)if(_.startsWith("event: "))u=_.slice(7).trim();else if(_.startsWith("data: "))try{
|
|
382
|
+
`;A(n,"bot")}break;case"error":Fe(),A(`<span style="color:var(--danger)">${d(t.message||"Unknown error")}</span>`,"bot"),H="Error",U();break;case"done":H="Done",Fe(),de("Done","supervisor"),setTimeout(()=>{H="Idle",U()},3e3);break}}async function Ft(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:l}=await i.read();if(c)break;s+=o.decode(l,{stream:!0});const p=s.split(`
|
|
383
|
+
`);s=p.pop()||"";let u="";for(const _ of p)if(_.startsWith("event: "))u=_.slice(7).trim();else if(_.startsWith("data: "))try{We(u,JSON.parse(_.slice(6)))}catch{}}}catch{A('<span style="color:var(--danger)">Plan execution failed</span>',"bot")}}function Wt(e){A(`<span style="color:var(--muted)">Plan saved for later: ${d(e)}</span>`,"bot")}function Gt(){const{accepted:e,rejected:t,comments:n}=Oe();let i=`Here's my feedback on the proposal:
|
|
384
384
|
|
|
385
385
|
`;e.length&&(i+=`**Keep these:**
|
|
386
386
|
`+e.map(s=>`- ${s}`).join(`
|
|
@@ -394,11 +394,11 @@ ${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillC
|
|
|
394
394
|
`+n.map(s=>`- ${s}`).join(`
|
|
395
395
|
`)+`
|
|
396
396
|
|
|
397
|
-
`),!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=
|
|
397
|
+
`),!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=Gt,window.__approvePlan=Ft,window.__keepPlan=Wt;async function Ut(){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 Vt(){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">
|
|
398
398
|
${d(t.name)} <span style="cursor:pointer;color:var(--danger)" onclick="window.__removeFile(${n})">×</span>
|
|
399
|
-
</span>`).join("")}}function
|
|
400
|
-
`);const n=[];t=t.replace(/```(\w*)\n([\s\S]*?)```/g,(c,
|
|
401
|
-
`),o=[];for(const c of i){const
|
|
399
|
+
</span>`).join("")}}function Jt(e){D.splice(e,1),Te()}let X=!1,q=null;function Yt(){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=Jt;function Kt(e){let t=e.replace(/\\n/g,`
|
|
400
|
+
`);const n=[];t=t.replace(/```(\w*)\n([\s\S]*?)```/g,(c,l,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(`
|
|
401
|
+
`),o=[];for(const c of i){const l=c.trim();if(l.startsWith("\0CODE")){o.push(l);continue}if(l.startsWith("### ")){o.push(`<div style="font-weight:700;font-size:0.8rem;margin:0.75rem 0 0.25rem;color:var(--info)">${l.slice(4)}</div>`);continue}if(l.startsWith("## ")){o.push(`<div style="font-weight:700;font-size:0.9rem;margin:0.75rem 0 0.25rem">${l.slice(3)}</div>`);continue}if(l.startsWith("# ")){o.push(`<div style="font-weight:700;font-size:1rem;margin:0.75rem 0 0.25rem">${l.slice(2)}</div>`);continue}if(l==="---"||l==="***"){o.push('<hr style="border:none;border-top:1px solid var(--border);margin:0.5rem 0">');continue}const p=l.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">
|
|
402
402
|
<div style="margin-bottom:4px"><span style="color:var(--info);font-weight:600;margin-right:0.4rem">${p[1]}.</span>${Q(p[2])}</div>
|
|
403
403
|
<div style="display:flex;gap:4px;align-items:center;flex-wrap:wrap">
|
|
404
404
|
<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">
|
|
@@ -407,20 +407,20 @@ ${n.traceback||""}`;window.__switchTab("chat"),setTimeout(()=>{window.__prefillC
|
|
|
407
407
|
<button class="btn btn-sm" style="font-size:0.6rem;padding:2px 6px" onclick="window.__quickAnswer(this,'Later')">Later</button>
|
|
408
408
|
<button class="btn btn-sm" style="font-size:0.6rem;padding:2px 6px" onclick="window.__quickAnswer(this,'Skip')">Skip</button>
|
|
409
409
|
</div>
|
|
410
|
-
</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(
|
|
410
|
+
</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(l.startsWith("- ")){const u=`chk-${ke}-${o.length}`,_=l.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">
|
|
411
411
|
<input type="checkbox" id="${u}" checked style="margin-top:3px;cursor:pointer;accent-color:var(--success)">
|
|
412
412
|
<label for="${u}" style="flex:1;cursor:pointer">${Q(_)}</label>
|
|
413
413
|
<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>
|
|
414
|
-
</div>`);continue}if(
|
|
414
|
+
</div>`);continue}if(l.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(l.slice(2))}</div>`);continue}if(l===""){o.push('<div style="height:0.4rem"></div>');continue}o.push(`<div style="margin:0.1rem 0">${Q(l)}</div>`)}let s=o.join("");return n.forEach((c,l)=>{s=s.replace(`\0CODE${l}\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 Xt(e){const t=document.getElementById("chat-input");t&&(t.value=e,t.focus(),t.scrollTop=t.scrollHeight)}window.__sendChat=K,window.__undoChat=Ut,window.__prefillChat=Xt;const Ge=document.createElement("style");Ge.textContent=lt,document.head.appendChild(Ge);const Ue=at();rt(Ue);const Se=[{id:"routes",label:"Routes",render:ct},{id:"database",label:"Database",render:mt},{id:"errors",label:"Errors",render:wt},{id:"metrics",label:"Metrics",render:It},{id:"system",label:"System",render:Et}],Ve={id:"chat",label:"Code With Me",render:zt};let ce=localStorage.getItem("tina4_cwm_unlocked")==="true",me=ce?[Ve,...Se]:[...Se],Z=ce?"chat":"routes";function Qt(){const e=document.getElementById("app");if(!e)return;e.innerHTML=`
|
|
415
415
|
<div class="dev-admin">
|
|
416
416
|
<div class="dev-header">
|
|
417
417
|
<h1><span>Tina4</span> Dev Admin</h1>
|
|
418
418
|
<div style="display:flex;align-items:center;gap:0.75rem">
|
|
419
|
-
<span class="text-sm text-muted" id="version-label" style="cursor:default;user-select:none">${
|
|
419
|
+
<span class="text-sm text-muted" id="version-label" style="cursor:default;user-select:none">${Ue.name} • v3.10.70</span>
|
|
420
420
|
<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">×</button>
|
|
421
421
|
</div>
|
|
422
422
|
</div>
|
|
423
423
|
<div class="dev-tabs" id="tab-bar"></div>
|
|
424
424
|
<div class="dev-content" id="tab-content"></div>
|
|
425
425
|
</div>
|
|
426
|
-
`;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
|
|
426
|
+
`;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 Zt(){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=Zt,window.__switchTab=Ie,Qt();let Me=0,Ce=null;(Je=document.getElementById("version-label"))==null||Je.addEventListener("click",()=>{if(!ce&&(Me++,Ce&&clearTimeout(Ce),Ce=setTimeout(()=>{Me=0},2e3),Me>=5)){ce=!0,localStorage.setItem("tina4_cwm_unlocked","true"),me=[Ve,...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