@danieltmn/openbridge 0.2.0 → 0.4.0

package/src/web/assets/app.js

@@ -3,6 +3,8 @@
 var CFG = window.APP_CONFIG || {};
 var CSRF = CFG.csrf || '';
 var INITIAL_SESSION = typeof CFG.initialSession === 'number' ? CFG.initialSession : null;
+var IS_ADMIN = String(CFG.userRole || 'user') === 'admin';
+function isAdmin() { return IS_ADMIN; }
 
 var els = {
     body: document.body,
@@ -28,6 +30,8 @@ var els = {
     sendBtn: document.getElementById('sendBtn'),
     btnImg: document.getElementById('btnImg'),
     btnMic: document.getElementById('btnMic'),
+    btnTpl: document.getElementById('btnTpl'),
+    tplPanel: document.getElementById('tplPanel'),
     imgInput: document.getElementById('imgInput'),
     imgPreview: document.getElementById('imgPreview'),
     imgThumb: document.getElementById('imgThumb'),
@@ -45,6 +49,7 @@ var els = {
     btnSkin: document.getElementById('btnSkin'),
     skinPanel: document.getElementById('skinPanel'),
     viewProcs: document.getElementById('viewProcs'),
+    viewChanges: document.getElementById('viewChanges'),
     themeColor: document.getElementById('themeColor'),
     themeLink: document.getElementById('themeStylesheet'),
     statusbar: document.getElementById('statusbar'),
@@ -84,6 +89,12 @@ var els = {
     btnCancel: document.getElementById('btnCancel'),
 };
 
+// Marca visual del usuario actual (admin en color de acento).
+(function () {
+    var ub = document.getElementById('userBadge');
+    if (ub) ub.classList.toggle('admin', IS_ADMIN);
+})();
+
 var ONLINE_MAX_AGE_MS = 60000;
 var PROC_TIMEOUT_MS = 45000;
 var POLL_BASE_MS = 4000;   // refresco pasivo (sin nada pendiente)
@@ -980,6 +991,7 @@ function showView(name) {
     els.viewHistory.style.display = 'none';
     els.viewPreview.style.display = 'none';
     els.viewProcs.style.display = 'none';
+    els.viewChanges.style.display = 'none';
 
     if (name !== 'procs') stopProcView();
 
@@ -1046,6 +1058,12 @@ function showView(name) {
         var pf = sessionProcFolder();
         els.hSub.textContent = pf ? projectLabel(pf) : 'de la sesión abierta';
         enterProcsView();
+    } else if (name === 'changes') {
+        els.viewChanges.style.display = '';
+        els.btnBack.style.display = 'none';
+        els.sendForm.style.display = 'none';
+        els.btnCmds.style.display = 'none';
+        renderChangesView();
     }
 
     if (els.fabNew) els.fabNew.classList.toggle('show', name === 'home');
@@ -1098,6 +1116,7 @@ function composeOpenSheet() {
 function composeCloseSheet() {
     if (!els.sendForm) return;
     voiceStop();
+    tplClose();
     els.sendForm.classList.remove('open');
     document.body.classList.remove('compose-open');
     if (els.imgPreview && els.imgPreview.parentNode === els.sendForm && els.composeOpen) {
@@ -1253,7 +1272,7 @@ function renderHome(sessions) {
                     + '<div class="cmeta">' + busy + esc(s.model || 'sin modelo') + ' · ' + esc(s.agent || 'build') + '</div>'
                     + (s.preview ? '<div class="cpreview">' + prev + '</div>' : '')
                     + '</div>'
-                    + '<button type="button" class="kebab" aria-label="Opciones" title="Opciones">⋮</button>'
+                    + (isAdmin() ? '<button type="button" class="kebab" aria-label="Opciones" title="Opciones">⋮</button>' : '')
                     + '</div>';
             }
             html += '</div>';
@@ -1632,13 +1651,13 @@ function onMsgScroll() {
 // reemplaza solo ese nodo; lo demás no se toca.
 function msgSig(m) {
     return (m.status || '') + '|' + (m.text || '').length + '|' + (m.reasoning || '').length
-        + '|' + (m.canceled ? 1 : 0) + '|' + (m.agent || '') + '|' + (m.img ? m.img.length : 0);
+        + '|' + (m.canceled ? 1 : 0) + '|' + (m.agent || '') + '|' + (m.author || '') + '|' + (m.img ? m.img.length : 0);
 }
 
 function msgNodeHtml(m, chatQuery) {
     var cls = m.role === 'user' ? 'mine' : 'theirs';
     if (m.status === 'canceled') cls += ' canceled';
-    var who = m.role === 'user' ? '❯ vos' : '● Agente';
+    var who = m.role === 'user' ? '❯ ' + esc(m.author || 'vos') : '● Agente';
     if (m.agent === 'plan') cls += ' plan';
     var agentBadge = m.agent ? ' <span class="abadge ' + esc(m.agent) + '">' + esc(m.agent) + '</span>' : '';
     var stopBadge = m.canceled ? ' <span class="stopbadge">⏹ detenido</span>' : '';
@@ -2485,6 +2504,85 @@ if (els.btnMic) {
     }
 }
 
+// ---------------------------------------------------------------------------
+// Plantillas de prompts (atajos guardados en el navegador).
+// ---------------------------------------------------------------------------
+var TPL_KEY = 'ob_tpl';
+
+function tplLoad() {
+    try {
+        var a = JSON.parse(localStorage.getItem(TPL_KEY) || '[]');
+        if (!Array.isArray(a)) return [];
+        return a.filter(function (x) { return typeof x === 'string' && x.trim() !== ''; }).slice(0, 30);
+    } catch (e) { return []; }
+}
+function tplStore(list) {
+    try { localStorage.setItem(TPL_KEY, JSON.stringify(list)); } catch (e) {}
+}
+function tplClose() {
+    if (els.tplPanel) els.tplPanel.style.display = 'none';
+}
+function tplRender() {
+    var list = tplLoad();
+    var html = '';
+    for (var i = 0; i < list.length; i++) {
+        html += '<div class="tpl-row" data-tpl="' + i + '"><span class="tpl-text">' + esc(list[i]) + '</span>'
+            + '<button type="button" class="tpl-del" data-del="' + i + '" title="Borrar plantilla" aria-label="Borrar plantilla">✕</button></div>';
+    }
+    if (!list.length) html += '<div class="tpl-empty">No hay plantillas. Escribí un prompt y tocá “guardar lo escrito”.</div>';
+    html += '<button type="button" class="tpl-save" id="tplSave">＋ guardar lo escrito</button>';
+    els.tplPanel.innerHTML = html;
+}
+function tplOpen() {
+    closeSlash();
+    tplRender();
+    els.tplPanel.style.display = 'block';
+}
+function tplInsert(text) {
+    var cur = els.input.value;
+    els.input.value = cur && cur.trim() !== '' ? (cur.replace(/\s+$/, '') + ' ' + text) : text;
+    tplClose();
+    autoGrow();
+    els.input.focus();
+    try { els.input.setSelectionRange(els.input.value.length, els.input.value.length); } catch (e) {}
+}
+function tplSaveCurrent() {
+    var text = els.input.value.trim();
+    if (!text) { toast('escribí un prompt primero', 'error'); return; }
+    var list = tplLoad();
+    if (list.indexOf(text) >= 0) { toast('esa plantilla ya existe', 'ok'); return; }
+    list.unshift(text);
+    tplStore(list.slice(0, 30));
+    toast('plantilla guardada', 'ok');
+    tplRender();
+}
+
+if (els.btnTpl && els.tplPanel) {
+    els.btnTpl.addEventListener('click', function () {
+        if (state.currentId === null) return;
+        if (els.tplPanel.style.display === 'block') tplClose();
+        else tplOpen();
+    });
+    els.tplPanel.addEventListener('click', function (e) {
+        var del = e.target.closest('.tpl-del');
+        if (del) {
+            e.stopPropagation();
+            var list = tplLoad();
+            list.splice(parseInt(del.getAttribute('data-del'), 10), 1);
+            tplStore(list);
+            tplRender();
+            return;
+        }
+        if (e.target.closest('.tpl-save')) { tplSaveCurrent(); return; }
+        var row = e.target.closest('.tpl-row');
+        if (row) {
+            var list2 = tplLoad();
+            var t = list2[parseInt(row.getAttribute('data-tpl'), 10)];
+            if (typeof t === 'string') tplInsert(t);
+        }
+    });
+}
+
 // ---------------------------------------------------------------------------
 // Composer: textarea multilínea (Enter envía, Shift+Enter salta de línea)
 // y menú de comandos "/" con filtro, flechas y Enter.
@@ -2532,6 +2630,7 @@ els.input.addEventListener('input', function () {
     autoGrow();
     var v = els.input.value;
     if (state.view === 'chat' && v.charAt(0) === '/') {
+        tplClose();
         slash.items = slashFilter(v);
         slash.sel = 0;
         renderSlash();
@@ -2564,7 +2663,8 @@ els.input.addEventListener('keydown', function (e) {
         }
         if (e.key === 'Escape') {
             e.stopPropagation();
-            closeSlash();
+            if (els.tplPanel && els.tplPanel.style.display === 'block') tplClose();
+            else closeSlash();
             return;
         }
     }
@@ -2602,6 +2702,7 @@ els.sendForm.addEventListener('submit', async function (ev) {
             els.input.value = '';
             autoGrow();
             closeSlash();
+            tplClose();
             setPendingImage(null);
             await loadHistory(state.currentId, true);
         } else {
@@ -2881,6 +2982,133 @@ function filesJoin(name) {
     return state.filesPath ? state.filesPath + '/' + name : name;
 }
 
+// ---------------------------------------------------------------------------
+// Cambios del proyecto (git status/diff) vía la cola del puente.
+// ---------------------------------------------------------------------------
+function changesFolder() {
+    return (state.currentSession && state.currentSession.folder) || '';
+}
+
+function renderChangesView() {
+    els.hTitle.textContent = 'cambios';
+    var folder = changesFolder();
+    els.hSub.textContent = folder ? projectLabel(folder) : 'de la sesión abierta';
+    if (!folder) {
+        els.viewChanges.innerHTML = '<div class="placeholder">Abrí un chat para ver los cambios de su proyecto.</div>';
+        return;
+    }
+    if (!state.online) {
+        els.viewChanges.innerHTML = '<div class="placeholder">El puente está apagado. Iniciá “OpenBridge” en tu PC.</div>';
+        return;
+    }
+    els.viewChanges.innerHTML = '<div class="view-head"><h2>cambios sin commitear</h2>'
+        + '<div class="view-sub">' + esc(projectLabel(folder)) + '</div></div>'
+        + '<div class="placeholder">consultando git…</div>';
+    loadChanges(folder);
+}
+
+function chgStatusClass(st) {
+    if (st === '??' || st === 'A') return 'add';
+    if (st.indexOf('D') >= 0) return 'del';
+    if (st.indexOf('M') >= 0 || st.indexOf('R') >= 0) return 'mod';
+    return '';
+}
+
+function renderDiff(text) {
+    var max = 200000;
+    var trunc = false;
+    if (text.length > max) { text = text.slice(0, max); trunc = true; }
+    var lines = text.split('\n');
+    var html = '';
+    for (var i = 0; i < lines.length; i++) {
+        var l = lines[i];
+        var cls = 'diff-line';
+        if (l.charAt(0) === '+') cls += ' add';
+        else if (l.charAt(0) === '-') cls += ' del';
+        else if (l.indexOf('@@') === 0) cls += ' hunk';
+        else if (l.indexOf('diff --git') === 0 || l.indexOf('index ') === 0 || l.indexOf('--- ') === 0 || l.indexOf('+++ ') === 0) cls += ' head';
+        html += '<div class="' + cls + '">' + esc(l || ' ') + '</div>';
+    }
+    if (trunc) html += '<div class="diff-line head">… (diff recortado)</div>';
+    return '<div class="diff">' + html + '</div>';
+}
+
+function changesHead(folder, branch) {
+    return '<div class="view-head"><h2>cambios sin commitear</h2><div class="view-sub">'
+        + esc(projectLabel(folder)) + (branch ? ' · ' + esc(branch) : '') + '</div></div>';
+}
+
+async function loadChanges(folder) {
+    var st = await ocCommand('git_status', [folder], 15, 500);
+    if (!st.ok) {
+        els.viewChanges.innerHTML = changesHead(folder, '')
+            + '<div class="placeholder">' + esc(st.error || 'no se pudo consultar git') + '</div>';
+        return;
+    }
+    var status = st.data || {};
+    var files = status.files || [];
+    if (!files.length) {
+        els.viewChanges.innerHTML = changesHead(folder, status.branch)
+            + '<div class="placeholder">Sin cambios: el árbol está limpio.</div>';
+        return;
+    }
+    var list = '<div class="chg-files">';
+    for (var i = 0; i < files.length; i++) {
+        var rev = (isAdmin() && files[i].status !== '??')
+            ? '<button type="button" class="chg-rev" data-path="' + esc(files[i].path) + '" title="Revertir este archivo" aria-label="Revertir este archivo">↩</button>'
+            : '';
+        list += '<div class="chg-row"><span class="chg-st ' + chgStatusClass(files[i].status) + '">' + esc(files[i].status) + '</span>'
+            + '<span class="chg-path">' + esc(files[i].path) + '</span>' + rev + '</div>';
+    }
+    list += '</div>';
+    var tracked = files.some(function (f) { return f.status !== '??'; });
+    var toolbar = (isAdmin() && tracked)
+        ? '<div class="files-toolbar"><button type="button" class="linkbtn" id="chgRevert">↩ revertir cambios rastreados</button></div>'
+        : '';
+    els.viewChanges.innerHTML = changesHead(folder, status.branch) + toolbar + list + '<div class="placeholder">cargando diff…</div>';
+
+    var diff = await ocCommand('git_diff', [folder], 20, 700);
+    var diffHtml;
+    if (diff.ok) {
+        var text = (diff.data && diff.data.diff) || '';
+        diffHtml = text ? renderDiff(text) : '<div class="placeholder">Hay archivos nuevos o renombrados sin diff de contenido.</div>';
+    } else {
+        diffHtml = '<div class="placeholder">' + esc(diff.error || 'no se pudo obtener el diff') + '</div>';
+    }
+    els.viewChanges.innerHTML = changesHead(folder, status.branch) + toolbar + list + diffHtml;
+}
+
+// Revertir cambios rastreados (con confirmacion): borra las modificaciones que
+// el agente u otros hicieron en archivos ya versionados. No toca los nuevos.
+// Sirve para un archivo puntual (boton de la fila) o para todos.
+if (els.viewChanges) {
+    els.viewChanges.addEventListener('click', function (e) {
+        if (!isAdmin()) return;
+        var folder = changesFolder();
+        if (!folder) return;
+        var one = e.target.closest('.chg-rev');
+        if (one) {
+            var rel = one.getAttribute('data-path');
+            if (!window.confirm('¿Revertir “' + rel + '”?\n\nNo se puede deshacer.')) return;
+            one.disabled = true;
+            ocCommand('git_checkout', [folder, rel], 15, 500).then(function (r) {
+                toast(r.ok ? 'revertido: ' + rel : (r.error || 'no se pudo revertir'), r.ok ? 'ok' : 'error');
+                renderChangesView();
+            });
+            return;
+        }
+        var all = e.target.closest('#chgRevert');
+        if (!all) return;
+        if (!window.confirm('¿Revertir TODOS los cambios de archivos rastreados en “' + projectLabel(folder) + '”?\n\nNo se puede deshacer. Los archivos nuevos sin seguimiento no se tocan.')) return;
+        all.disabled = true;
+        all.textContent = 'revirtiendo…';
+        ocCommand('git_checkout', [folder], 15, 500).then(function (r) {
+            toast(r.ok ? 'cambios revertidos' : (r.error || 'no se pudo revertir'), r.ok ? 'ok' : 'error');
+            renderChangesView();
+        });
+    });
+}
+
 function renderFilesView() {
     state.fileView = null;
     var ws = (state.catalog && state.catalog.workspace) || (state.filesWorkspace || '');
@@ -3178,21 +3406,26 @@ function renderPreviewView() {
     }
     els.viewPreview.innerHTML = '<div class="view-head"><h2>vista previa</h2>'
         + '<div class="view-sub">túneles del proyecto (TunnelMole, corren en tu PC)</div></div>'
-        + '<div class="tunnel-form">'
-        + '<input type="text" id="tunnelPort" inputmode="numeric" placeholder="puerto (ej: 8080)" value="' + esc(state.previewPort) + '" autocomplete="off">'
-        + '<button type="button" class="linkbtn" id="tunnelStart">abrir túnel</button>'
-        + '</div>'
+        + (isAdmin()
+            ? '<div class="tunnel-form">'
+                + '<input type="text" id="tunnelPort" inputmode="numeric" placeholder="puerto (ej: 8080)" value="' + esc(state.previewPort) + '" autocomplete="off">'
+                + '<button type="button" class="linkbtn" id="tunnelStart">abrir túnel</button>'
+                + '</div>'
+            : '')
         + '<div class="tnote-sec" style="margin:0 0 12px">los túneles son públicos en internet y viven mientras el puente esté corriendo · cerrálos al terminar</div>'
         + '<div id="tunnelList"></div>';
     var portInput = document.getElementById('tunnelPort');
-    portInput.addEventListener('input', function () {
-        state.previewPort = portInput.value.replace(/[^0-9]/g, '');
-        portInput.value = state.previewPort;
-    });
-    portInput.addEventListener('keydown', function (e) {
-        if (e.key === 'Enter') { e.preventDefault(); startTunnel(); }
-    });
-    document.getElementById('tunnelStart').addEventListener('click', startTunnel);
+    if (portInput) {
+        portInput.addEventListener('input', function () {
+            state.previewPort = portInput.value.replace(/[^0-9]/g, '');
+            portInput.value = state.previewPort;
+        });
+        portInput.addEventListener('keydown', function (e) {
+            if (e.key === 'Enter') { e.preventDefault(); startTunnel(); }
+        });
+        var tunStartBtn = document.getElementById('tunnelStart');
+        if (tunStartBtn) tunStartBtn.addEventListener('click', startTunnel);
+    }
     renderTunnels();
     refreshTunnels();
 }
@@ -3209,7 +3442,8 @@ function renderTunnels(busyMsg) {
             + '<div class="thead"><span class="dot"' + (ready ? '' : ' style="background:var(--muted)"') + '></span>'
             + '<b>puerto ' + esc(t.port) + '</b>'
             + '<span class="tnote">' + (ready ? 'activo' : 'levantando…') + '</span>'
-            + '<button type="button" class="linkbtn" data-tstop="' + esc(t.port) + '">cerrar túnel</button></div>'
+            + (isAdmin() ? '<button type="button" class="linkbtn" data-tstop="' + esc(t.port) + '">cerrar túnel</button>' : '')
+            + '</div>'
             + (t.https ? '<div class="turl"><a href="' + esc(t.https) + '" target="_blank" rel="noopener noreferrer">' + esc(t.https) + '</a>'
                 + '<button type="button" class="copybtn" data-tcopy="' + esc(t.https) + '" title="Copiar URL">⧉</button></div>' : '')
             + (t.http && t.http !== t.https ? '<div class="turl"><a href="' + esc(t.http) + '" target="_blank" rel="noopener noreferrer">' + esc(t.http) + '</a>'
@@ -3369,6 +3603,7 @@ function enterProcsView() {
 }
 
 function renderProcView(folder) {
+    var admin = isAdmin();
     els.viewProcs.innerHTML =
         '<div class="pp-head"><b>procesos</b><span class="pp-sub">' + esc(sessionProcLabel(folder)) + '</span>'
         + (state.currentId !== null ? '<button type="button" class="linkbtn pp-back" id="ppBack">← volver al chat</button>' : '')
@@ -3376,35 +3611,42 @@ function renderProcView(folder) {
         + '<div class="pp-status" id="procStatus"></div>'
         + '<div id="ppPortWarn"></div>'
         + '<pre id="procLog"><span class="pl-empty">sin salida todavía</span></pre>'
-        + '<div class="pp-tunnel">'
-        + '<div class="pp-tunhead">compartir por túnel (tunnelmole, corre en tu PC)</div>'
-        + '<div class="pp-tunform"><input type="text" id="ppTunPort" inputmode="numeric" placeholder="puerto (ej: 3000)" autocomplete="off">'
-        + '<button type="button" class="linkbtn" id="ppTunStart">abrir túnel</button></div>'
-        + '<div id="ppTunList"></div>'
-        + '</div>'
-        + '<div class="pp-chips" id="procChips"></div>'
-        + '<div class="pp-form"><input type="text" id="procCmdInput" placeholder="npm run dev · node server.js …" autocomplete="off">'
-        + '<button type="button" class="linkbtn" id="procStartBtn">iniciar</button></div>';
+        + (admin ? '<div class="pp-tunnel">'
+            + '<div class="pp-tunhead">compartir por túnel (tunnelmole, corre en tu PC)</div>'
+            + '<div class="pp-tunform"><input type="text" id="ppTunPort" inputmode="numeric" placeholder="puerto (ej: 3000)" autocomplete="off">'
+            + '<button type="button" class="linkbtn" id="ppTunStart">abrir túnel</button></div>'
+            + '<div id="ppTunList"></div>'
+            + '</div>' : '')
+        + (admin ? '<div class="pp-chips" id="procChips"></div>' : '')
+        + (admin ? '<div class="pp-form"><input type="text" id="procCmdInput" placeholder="npm run dev · node server.js …" autocomplete="off">'
+            + '<button type="button" class="linkbtn" id="procStartBtn">iniciar</button></div>' : '')
+        + (!admin ? '<div class="placeholder">solo un admin puede iniciar procesos o túneles.</div>' : '');
     var back = document.getElementById('ppBack');
     if (back) back.addEventListener('click', function () { showView('chat'); });
     var inp = document.getElementById('procCmdInput');
-    inp.value = procState.input || '';
-    inp.addEventListener('input', function () { procState.input = inp.value; });
-    inp.addEventListener('keydown', function (e) {
-        if (e.key === 'Enter') { e.preventDefault(); startSessionProc(); }
-    });
-    document.getElementById('procStartBtn').addEventListener('click', startSessionProc);
+    if (inp) {
+        inp.value = procState.input || '';
+        inp.addEventListener('input', function () { procState.input = inp.value; });
+        inp.addEventListener('keydown', function (e) {
+            if (e.key === 'Enter') { e.preventDefault(); startSessionProc(); }
+        });
+    }
+    var startBtn = document.getElementById('procStartBtn');
+    if (startBtn) startBtn.addEventListener('click', startSessionProc);
     var tunPort = document.getElementById('ppTunPort');
-    tunPort.value = procState.detectedPort || '';
-    tunPort.addEventListener('input', function () {
-        tunPort.value = tunPort.value.replace(/[^0-9]/g, '');
-        if (tunPort.value) state.previewPort = tunPort.value;
-    });
-    tunPort.addEventListener('keydown', function (e) {
-        if (e.key === 'Enter') { e.preventDefault(); panelStartTunnel(); }
-    });
-    document.getElementById('ppTunStart').addEventListener('click', panelStartTunnel);
-    buildProcChips();
+    if (tunPort) {
+        tunPort.value = procState.detectedPort || '';
+        tunPort.addEventListener('input', function () {
+            tunPort.value = tunPort.value.replace(/[^0-9]/g, '');
+            if (tunPort.value) state.previewPort = tunPort.value;
+        });
+        tunPort.addEventListener('keydown', function (e) {
+            if (e.key === 'Enter') { e.preventDefault(); panelStartTunnel(); }
+        });
+    }
+    var tunStart = document.getElementById('ppTunStart');
+    if (tunStart) tunStart.addEventListener('click', panelStartTunnel);
+    if (admin) buildProcChips();
     procLogBox = document.getElementById('procLog');
     renderProcStatus();
     renderPortWarn();
@@ -3689,7 +3931,8 @@ function renderProcTunnels(busyMsg) {
         var ready = !!(t.https || t.http);
         html += '<div class="tunnel"><div class="thead"><span class="dot"' + (ready ? '' : ' style="background:var(--muted)"') + '></span>'
             + '<b>puerto ' + esc(t.port) + '</b><span class="tnote">' + (ready ? 'activo' : 'levantando…') + '</span>'
-            + '<button type="button" class="linkbtn" data-ptstop="' + esc(t.port) + '">cerrar</button></div>'
+            + (isAdmin() ? '<button type="button" class="linkbtn" data-ptstop="' + esc(t.port) + '">cerrar</button>' : '')
+            + '</div>'
             + (t.https ? '<div class="turl"><a href="' + esc(t.https) + '" target="_blank" rel="noopener noreferrer">' + esc(t.https) + '</a>'
                 + '<button type="button" class="copybtn" data-ptcopy="' + esc(t.https) + '" title="Copiar URL">⧉</button></div>' : '')
             + (t.http && t.http !== t.https ? '<div class="turl"><a href="' + esc(t.http) + '" target="_blank" rel="noopener noreferrer">' + esc(t.http) + '</a>'

package/src/web/assets/manifest.webmanifest

@@ -1,6 +1,8 @@
 {
   "name": "OpenBridge",
   "short_name": "OpenBridge",
+  "id": "/",
+  "lang": "es",
   "description": "Chat con tu IA en el PC (opencode)",
   "start_url": "./chat.php",
   "scope": "./",

package/src/web/assets/sw.js

@@ -6,7 +6,7 @@
  */
 'use strict';
 
-const CACHE = 'openbridge-v3';
+const CACHE = 'openbridge-v4';
 
 self.addEventListener('install', () => self.skipWaiting());
 self.addEventListener('activate', (event) => {