@danieltmn/openbridge 0.6.3 → 0.6.4

package/CHANGELOG.md

@@ -4,6 +4,14 @@ Todos los cambios relevantes de OpenBridge. Formato basado en
 [Keep a Changelog](https://keepachangelog.com/es-ES/1.1.0/) y
 [Versionado Semantico](https://semver.org/lang/es/).
 
+## [0.6.4] - 2026-09-16
+
+### Cambiado
+
+- **Color por proyecto** en la lista de sesiones y en el sidebar (hash estable
+  de la ruta) para distinguir los proyectos de un vistazo, y nombre un poco mas
+  grande.
+
 ## [0.6.3] - 2026-09-15
 
 ### Agregado

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danieltmn/openbridge",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "description": "Tu opencode en el celular, sin hosting: corre la app, el puente y un tunel publico desde tu PC.",
   "type": "commonjs",
   "author": "tamnora",

package/src/web/assets/app.js

@@ -740,6 +740,15 @@ function projectLabel(folderPath) {
     return baseName(folderPath) || folderPath;
 }
 
+// Color estable por proyecto (hash de la ruta) para distinguirlos de un vistazo.
+function projectColor(folderPath) {
+    var s = String(folderPath || '');
+    if (!s) return '';
+    var h = 0;
+    for (var i = 0; i < s.length; i++) h = (h * 31 + s.charCodeAt(i)) % 360;
+    return 'hsl(' + h + ', 68%, 70%)';
+}
+
 function loadOpenProjects() {
     if (state.openProjects) return state.openProjects;
     var stored = null;
@@ -956,7 +965,7 @@ function renderSidebar() {
             html += '<div class="prow' + active + '" data-folder="' + esc(pr.folder) + '">'
                 + '<button type="button" class="proj-head" data-folder="' + esc(pr.folder) + '" title="Ver chats de ' + esc(pr.label) + '">'
                 + '<span class="chev">▸</span>'
-                + '<span class="pname">' + esc(pr.label) + '</span>'
+                + '<span class="pname"' + (pr.folder ? ' style="color:' + projectColor(pr.folder) + '"' : '') + '>' + esc(pr.label) + '</span>'
                 + actHtml
                 + '<span class="pcount">' + pr.sessions.length + '</span>'
                 + '</button>'
@@ -1293,7 +1302,7 @@ function renderHome(sessions) {
             html += '<div class="projsec' + (open ? ' open' : '') + '" data-folder="' + esc(key) + '">'
                 + '<button type="button" class="pshead" data-folder="' + esc(key) + '" title="' + (open ? 'Contraer' : 'Expandir') + '">'
                 + '<span class="chev">' + (open ? '▾' : '▸') + '</span>'
-                + '<span class="psname">' + esc(label) + '</span>'
+                + '<span class="psname"' + (key ? ' style="color:' + projectColor(key) + '"' : '') + '>' + esc(label) + '</span>'
                 + actHtml
                 + '<span class="pscount">' + total + (total === 1 ? ' sesión' : ' sesiones') + '</span>'
                 + '</button>'

package/src/web/templates/chat.html

@@ -198,7 +198,7 @@
         .proj-head:hover { color: var(--text); }
         .proj-head .chev { width: 10px; display: inline-block; transition: transform .12s ease; }
         .proj-head.open .chev { transform: rotate(90deg); }
-        .proj-head .pname { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); font-weight: 600; }
+        .proj-head .pname { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); font-weight: 600; font-size: 13.5px; }
         .proj-head .pcount { font-size: 11.5px; color: var(--muted); }
         .proj-sessions { display: none; }
         .proj.open .proj-sessions { display: block; }
@@ -506,7 +506,7 @@
             color: var(--text); font: inherit; cursor: pointer; text-align: left;
         }
         .projsec .pshead .chev { width: 13px; font-size: 10px; color: var(--muted); flex-shrink: 0; }
-        .projsec .pshead .psname { font-size: 12.5px; font-weight: 600; color: var(--text); letter-spacing: .03em; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+        .projsec .pshead .psname { font-size: 14px; font-weight: 700; color: var(--text); letter-spacing: .03em; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
         .projsec .pshead .pscount { font-size: 11px; color: var(--muted); flex-shrink: 0; }
         .projsec .pbody { display: none; }
         .projsec.open .pbody { display: block; }