Barra al estilo Notion: una sola fila, pestanas con nombre y reordenables

La ventana gastaba DOS filas en cromo (titulo de macOS + barra de pestanas). Ahora es una sola: se recuperan 28 px de alto en cada ventana. - INTEGRADA AL TITULO (macOS): la ventana usa titulo en overlay y sin texto, asi que la barra ocupa esa fila. Deja libres 78 px para el semaforo (que sigue siendo el nativo) y el hueco vacio arrastra la ventana / doble clic la maximiza (data-tauri-drag-region + permiso core🪟allow-start-dragging). En Windows NO cambia nada: titulo del sistema y barra debajo, como hasta ahora (fusionarlas alli obligaria a dibujar a mano minimizar/maximizar/cerrar). Como el area util pasa a ser todo el marco, desaparece la compensacion de v1.4.2: los webviews vuelven a colocarse en 0 / TAB_BAR_H. - NOMBRES QUE SE DISTINGUEN: la web pone el mismo <title> en todas las paginas («(25) Labstream OS»), asi que las tres pestanas se llamaban igual. Ahora el nombre sale de la RUTA (mismas etiquetas que la barra superior de la web) con su emoji: Inicio, Chats, Calendario, Cliente, Proyecto, Operaciones… Si algun dia la web pone titulos por pagina, mandan esos: se limpia el contador de no leidos y el sufijo de la app y, si queda algo propio, se usa. - ANCHO ELASTICO: las pestanas se reparten el sitio y se encogen al abrir mas; por debajo de ~112 px queda solo el icono (y la x solo en la activa), con el nombre completo en el tooltip. Igual que Chrome. - REORDENAR ARRASTRANDO: con eventos de PUNTERO, no drag&drop de HTML5 (en el webview de la barra en macOS los eventos dragstart/dragover no llegan aunque se desactive el manejador nativo). El nodo se mueve en vivo y al soltar se manda el orden a Rust, que valida que sea una permutacion exacta y lo guarda. El clic que cierra el arrastre no activa la pestana. - CLIC DERECHO EN UNA PESTANA: menu NATIVO (la barra mide 40 px; uno dibujado dentro quedaria recortado) con Duplicar, Copiar enlace, Cerrar pestana, Cerrar las demas y Cerrar las de la derecha — estas dos se deshabilitan solas cuando no aplican. «Copiar enlace» usa tauri-plugin-clipboard-manager. - SENAL DE CARGA: el icono de la pestana se vuelve un aro girando mientras la pagina carga (PageLoadEvent Started/Finished), respetando prefers-reduced-motion. Verificado en el Mac con la app real: barra en la fila del titulo con el semaforo intacto, ventana movida arrastrando la barra (15,53 -> 147,243), nombres con emoji, 14 pestanas en modo solo-icono, menu contextual con sus opciones deshabilitadas donde toca, «Cerrar las demas», duplicar, y reordenar (tab-1,tab-2,tab-3 -> tab-3,tab-1,tab-2) persistido entre arranques. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
La barra de pestanas ya no queda debajo del titulo nativo (macOS)
2026-07-25 10:01:24 -05:00 · 2026-07-25 08:55:56 -05:00 · 2026-07-25 07:18:19 -05:00 · 2026-07-25 07:17:06 -05:00 · 2026-07-24 07:11:37 -05:00 · 2026-07-18 20:02:30 -05:00
--- a/README.md
+++ b/README.md
@@ -1,21 +1,38 @@
 # Labstream OS — App de escritorio (Windows + macOS)

-Envoltorio de escritorio para **Labstream OS**. Es un cliente delgado hecho con
-[Tauri 2](https://tauri.app): abre una ventana propia (sin barra de navegador)
-que carga el servidor de Labstream OS que corre en el NAS
-(`https://os.labstreamsas.com`).
+Cliente de escritorio para **Labstream OS**, hecho con [Tauri 2](https://tauri.app).
+Desde la v1.1.0 no es un envoltorio de una sola vista: es un **shell con pestañas**
+(multiwebview) sobre el servidor del NAS (`https://os.labstreamsas.com`).

 No contiene la app: el backend, la base de datos, OnlyOffice, etc. siguen en el
-NAS. Esto solo le da al equipo un ícono y una ventana propia en Windows y Mac.
+NAS. Esto le da al equipo un cliente nativo de verdad en Windows y Mac:

-Además del ícono y la ventana, el envoltorio añade comportamiento de cliente nativo:
-
- **Enlaces externos** (Drive, documentos ajenos…) abren en el **navegador del sistema**;
-  la navegación del propio servidor y el **login por Authentik** se quedan dentro.
+- **Pestañas** como en un navegador: los enlaces internos con `target="_blank"`
+  (documentos, entregables, exportaciones, OnlyOffice…) abren **pestaña dentro de
+  la app** — antes morían en silencio. También ⌘/Ctrl+clic y clic central.
+  Atajos: ⌘/Ctrl+T nueva, ⌘/Ctrl+W cerrar, Ctrl+Tab rotar, ⌘/Ctrl+1…9 ir a la n.
+  La sesión (pestañas abiertas, activa) **se restaura** al reabrir.
+- **Zoom de interfaz**: ⌘/Ctrl `+` / `−` / `0` y Ctrl+rueda, con indicador en la
+  barra y **persistencia** entre sesiones (50%–250%).
+- **Documentos dentro de la app**: los visores/editores del propio servidor
+  (OnlyOffice, PDFs, reproductor de revisión) abren en pestañas; solo lo de OTRO
+  origen (Drive…) sale al **navegador del sistema**. El **login por Authentik**
+  sigue funcionando dentro.
 - **Notas de voz / cámara**: pide permiso de micrófono y cámara (entitlements de macOS).
 - **Descargas** (entregables, exportaciones) con el diálogo nativo de guardado.
 - **Bandeja del sistema**: cerrar la ventana la oculta; la app sigue notificando.
+  En macOS, el clic en el **Dock** también reabre la ventana, y hay **menú nativo**
+  en español (Edición/Vista/Archivo) con los atajos.
 - **Arranque automático** al iniciar sesión y **sesión persistente** (no re-loguea).
+- **Una sola instancia** (release): abrirla de nuevo enfoca la ventana existente.
+- **Menú de opciones ⋮** (v1.2.0) en la barra — también con clic derecho sobre ella:
+  pestañas, zoom, recargar, abrir la página en el navegador, **Iniciar con el
+  sistema** (elección recordada) y **Buscar actualización…** con aviso del
+  resultado. Es un popup nativo del sistema, igual en Windows y macOS, y vive
+  solo en el shell (la web app no se toca).
+
+La barra de pestañas vive en `dist/index.html` (webview local «chrome»); las
+pestañas son webviews hijos `tab-*`. Shell ↔ Rust se hablan por eventos `ls-*`.

 El servidor objetivo se configura en `src-tauri/src/lib.rs` → constante `SERVER_URL`.

--- a/dist/index.html
+++ b/dist/index.html
@@ -4,41 +4,491 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Labstream OS</title>
+    <!--
+      Barra de pestañas del shell de escritorio (webview "chrome", local).
+      Habla con Rust por eventos (__TAURI__.event):
+        recibe  ls-tabs      {tabs:[{label,title,url,loading,active}], zoom, version, mac}
+        emite   ls-ready, ls-new-tab, ls-activate, ls-close-tab, ls-reload, ls-zoom, ls-cycle,
+                ls-activate-n, ls-nav, ls-menu, ls-check-update, ls-tab-menu, ls-reorder
+      En macOS la ventana lleva el título en OVERLAY: esta barra ES la fila del título, así que
+      deja libre el hueco del semáforo (clase `mac`) y el espacio vacío arrastra la ventana
+      (`data-tauri-drag-region`). En Windows hay título nativo aparte y no se reserva nada.
+    -->
    <style>
+      /* Paleta estilo Chrome: la barra es una FRANJA más oscura y la pestaña activa es una
+         tarjeta del color del contenido que se funde con él (sin línea debajo). */
+      :root {
+        --bg: #dee1e6;          /* franja de pestañas (Chrome claro) */
+        --fg: #45474a;
+        --muted: #5f6368;
+        --tab-active-bg: #ffffff;
+        --tab-active-fg: #202124;
+        --accent: #6366f1;      /* indigo-500, color de Labstream */
+        --border: #c9ccd1;      /* línea bajo la barra (la tapa la pestaña activa) */
+        --hover: rgba(255, 255, 255, 0.55);  /* píldora de hover en pestañas inactivas */
+        --btn-hover: rgba(0, 0, 0, 0.08);
+        --sep: rgba(0, 0, 0, 0.22);          /* separador fino entre pestañas inactivas */
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg: #202124;        /* franja (Chrome oscuro) */
+          --fg: #bdc1c6;
+          --muted: #80868b;
+          --tab-active-bg: #18181b;  /* mismo fondo que la app → pestaña fundida con el contenido */
+          --tab-active-fg: #e8eaed;
+          --border: #101013;
+          --hover: rgba(255, 255, 255, 0.08);
+          --btn-hover: rgba(255, 255, 255, 0.1);
+          --sep: rgba(255, 255, 255, 0.25);
+        }
+      }
+      * { box-sizing: border-box; }
      html, body {
        margin: 0;
        height: 100%;
-        background: #6366f1;
-        color: #fff;
+        overflow: hidden;
+        background: var(--bg);
+        color: var(--fg);
        font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
+        font-size: 12.5px;
+        user-select: none;
+        -webkit-user-select: none;
+        cursor: default;
+      }
+      #bar {
        display: flex;
        align-items: center;
-        justify-content: center;
-        text-align: center;
+        gap: 2px;
+        height: 40px;
+        padding: 0 6px 0 8px;
+        border-bottom: 1px solid var(--border);
      }
-      .box { max-width: 420px; padding: 24px; }
-      h1 { font-size: 20px; font-weight: 600; margin: 0 0 8px; }
-      p { opacity: 0.85; font-size: 14px; line-height: 1.5; margin: 0; }
-      .spinner {
-        width: 28px; height: 28px; margin: 0 auto 20px;
-        border: 3px solid rgba(255,255,255,0.35);
-        border-top-color: #fff; border-radius: 50%;
-        animation: spin 0.8s linear infinite;
+      /* macOS: hueco para los botones rojo/amarillo/verde, que son NATIVOS y se pintan encima. */
+      body.mac #bar { padding-left: 78px; }
+      #tabs {
+        display: flex;
+        align-items: flex-end;
+        flex: 1 1 auto;
+        min-width: 0;
+        /* Se extiende 1px sobre el borde inferior de la barra para que la pestaña ACTIVA
+           lo tape con su propio fondo y quede FUNDIDA con el contenido (look Chrome). */
+        align-self: stretch;
+        margin-bottom: -1px;
+        padding: 0 4px;
+        overflow: hidden;
      }
-      @keyframes spin { to { transform: rotate(360deg); } }
+      .tab {
+        display: flex;
+        align-items: center;
+        gap: 7px;
+        /* Elástico como en Chrome: se reparten el ancho y se encogen al abrir más. */
+        flex: 1 1 220px;
+        min-width: 42px;
+        max-width: 240px;
+        height: 30px;
+        margin-bottom: 5px;
+        padding: 0 6px 0 10px;
+        border-radius: 9px;         /* inactiva: píldora redondeada (hover) */
+        position: relative;
+        overflow: visible;          /* deja asomar las curvas de la base de la activa */
+      }
+      .tab:not(.active):hover { background: var(--hover); }
+      /* Separador fino a la IZQUIERDA de cada inactiva; se oculta pegado a la activa,
+         al hover y en la primera (igual que Chrome). */
+      .tab:not(.active)::before {
+        content: "";
+        position: absolute;
+        left: -1px;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 1px;
+        height: 16px;
+        background: var(--sep);
+      }
+      .tab:first-child::before,
+      .tab:hover::before,
+      .tab.active + .tab::before,
+      .tab:hover + .tab::before { display: none; }
+      .tab.active {
+        background: var(--tab-active-bg);
+        color: var(--tab-active-fg);
+        height: 35px;
+        margin-bottom: 0;           /* su base cae 1px SOBRE el borde de la barra y lo tapa */
+        border-radius: 10px 10px 0 0;
+        z-index: 1;
+      }
+      /* Curvas cóncavas de Chrome en la base de la pestaña activa: dos piezas de 8px con
+         un cuarto de círculo transparente que "derrama" el fondo hacia los lados. */
+      .tab.active::before,
+      .tab.active::after {
+        content: "";
+        position: absolute;
+        bottom: 0;
+        width: 8px;
+        height: 8px;
+      }
+      .tab.active::before {
+        left: -8px;
+        background: radial-gradient(circle at 0 0, transparent 8px, var(--tab-active-bg) 8.5px);
+      }
+      .tab.active::after {
+        right: -8px;
+        background: radial-gradient(circle at 8px 0, transparent 8px, var(--tab-active-bg) 8.5px);
+      }
+      /* Reordenar arrastrando: NO se usa drag&drop de HTML5 (en el webview de la barra en
+         macOS los eventos no llegan), sino eventos de puntero. Se apaga el arrastre nativo de
+         WebKit para que no salga la imagen fantasma al mover una pestaña. */
+      .tab { -webkit-user-drag: none; }
+      .tab.arrastrando { opacity: 0.5; }
+      .tab .favicon {
+        flex: 0 0 auto;
+        width: 15px;
+        height: 15px;
+        display: grid;
+        place-items: center;
+        font-size: 12.5px;
+        line-height: 1;
+      }
+      /* Señal de carga: el icono se sustituye por un aro girando. */
+      .tab .favicon.cargando {
+        border: 1.6px solid var(--sep);
+        border-top-color: var(--accent);
+        border-radius: 50%;
+        animation: giro 0.7s linear infinite;
+        font-size: 0;
+      }
+      @keyframes giro { to { transform: rotate(360deg); } }
+      @media (prefers-reduced-motion: reduce) {
+        .tab .favicon.cargando { animation-duration: 2.4s; }
+      }
+      .tab .titulo {
+        flex: 1 1 auto;
+        min-width: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      .tab .cerrar {
+        flex: 0 0 auto;
+        width: 18px;
+        height: 18px;
+        display: grid;
+        place-items: center;
+        border-radius: 50%;         /* circulito, como el × de Chrome */
+        color: var(--muted);
+        font-size: 13px;
+        line-height: 1;
+        visibility: hidden;
+      }
+      .tab:hover .cerrar, .tab.active .cerrar { visibility: visible; }
+      .tab .cerrar:hover { background: var(--btn-hover); color: var(--tab-active-fg); }
+      /* Muchas pestañas abiertas: solo el icono (el nombre completo queda en el tooltip),
+         y la × únicamente en la activa — como hace Chrome al quedarse sin sitio. */
+      #tabs.compactas .tab { padding: 0 6px; justify-content: center; }
+      #tabs.compactas .tab .titulo { display: none; }
+      #tabs.compactas .tab:not(.active) .cerrar { display: none; }
+      button {
+        appearance: none;
+        border: 0;
+        background: transparent;
+        color: var(--fg);
+        font: inherit;
+        border-radius: 50%;
+        cursor: default;
+        display: grid;
+        place-items: center;
+      }
+      button:hover { background: var(--btn-hover); }
+      .icono {
+        flex: 0 0 auto;
+        width: 30px;
+        height: 26px;
+        font-size: 15px;
+      }
+      #zoom {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: center;
+        gap: 1px;
+      }
+      #z-menos, #z-mas { width: 26px; height: 26px; font-size: 14px; }
+      #z-pct {
+        min-width: 44px;
+        height: 26px;
+        padding: 0 4px;
+        font-variant-numeric: tabular-nums;
+        color: var(--muted);
+        font-size: 11.5px;
+        border-radius: 13px;
+      }
+      #z-pct.activo { color: var(--accent); font-weight: 600; }
+      #version {
+        flex: 0 0 auto;
+        height: 26px;
+        padding: 0 7px;
+        color: var(--muted);
+        font-size: 11px;
+        font-variant-numeric: tabular-nums;
+        white-space: nowrap;
+        border-radius: 13px;
+      }
+      #version:hover { color: var(--accent); }
    </style>
  </head>
  <body>
-    <!--
-      Pantalla de respaldo. En condiciones normales la ventana carga directamente
-      el servidor del NAS (app.windows[].url en tauri.conf.json), así que este
-      archivo casi nunca se ve. Solo aparece si se cambia la config para arrancar
-      en local. Es obligatorio porque Tauri exige un frontendDist existente.
-    -->
-    <div class="box">
-      <div class="spinner"></div>
-      <h1>Labstream OS</h1>
-      <p>Conectando con el espacio de trabajo…</p>
+    <!-- data-tauri-drag-region: el hueco libre de la barra mueve la ventana y el doble clic
+         la maximiza (en macOS ya no hay barra de título nativa de la que tirar). -->
+    <div id="bar" data-tauri-drag-region>
+      <button class="icono" id="atras" title="Atrás (⌘/Ctrl+[)">←</button>
+      <button class="icono" id="adelante" title="Adelante (⌘/Ctrl+])">→</button>
+      <div id="tabs" data-tauri-drag-region></div>
+      <button class="icono" id="nueva" title="Nueva pestaña (⌘/Ctrl+T)">+</button>
+      <button class="icono" id="recargar" title="Recargar (⌘/Ctrl+R)">⟳</button>
+      <div id="zoom">
+        <button id="z-menos" title="Alejar (⌘/Ctrl+−)">−</button>
+        <button id="z-pct" title="Restablecer zoom (⌘/Ctrl+0)">100%</button>
+        <button id="z-mas" title="Acercar (⌘/Ctrl++)">+</button>
+      </div>
+      <button id="version" title="Versión de la app · clic: buscar actualización"></button>
+      <button class="icono" id="menu" title="Opciones de la app">⋮</button>
    </div>
+    <script>
+      const T = window.__TAURI__;
+      const E = T && T.event;
+      let estado = { tabs: [], zoom: 100 };
+
+      function emitir(nombre, datos) {
+        try { E.emit(nombre, datos || {}); } catch (e) {}
+      }
+
+      const $tabs = document.getElementById("tabs");
+      const $pct = document.getElementById("z-pct");
+      const $ver = document.getElementById("version");
+
+      // Nombre + icono de cada pestaña a partir de su RUTA (mismas etiquetas que la barra
+      // superior de la web). Sin esto todas las pestañas se llamaban «(25) Labstream OS» y
+      // no había forma de distinguirlas.
+      const RUTAS = [
+        [/^\/$/, "🏠", "Inicio"],
+        [/^\/inicio/, "🏠", "Inicio"],
+        [/^\/mis-tareas/, "✅", "Mis tareas"],
+        [/^\/mis-entregas/, "📦", "Mis entregas"],
+        [/^\/estados/, "💬", "Chat del día"],
+        [/^\/chat/, "💬", "Chats"],
+        [/^\/notas/, "📝", "Notas"],
+        [/^\/recordatorios/, "⏰", "Recordatorios"],
+        [/^\/proyectos\/nuevo/, "✨", "Nuevo proyecto"],
+        [/^\/proyectos\/[^/]+/, "🎬", "Proyecto"],
+        [/^\/proyectos/, "🎬", "Proyectos"],
+        [/^\/plantillas/, "🗂️", "Plantillas"],
+        [/^\/calendario/, "📅", "Calendario"],
+        [/^\/wiki\/inventario/, "📦", "Inventario"],
+        [/^\/wiki\/ubicacion/, "📍", "Ubicación"],
+        [/^\/wiki/, "📚", "Wiki"],
+        [/^\/clientes\/nuevo/, "✨", "Nuevo cliente"],
+        [/^\/clientes\/[^/]+/, "👤", "Cliente"],
+        [/^\/clientes/, "👤", "Clientes"],
+        [/^\/operaciones/, "🗄️", "Operaciones"],
+        [/^\/revisiones/, "🎞️", "Revisiones"],
+        [/^\/entregas-finales/, "🏁", "Entregas finales"],
+        [/^\/cotizaciones/, "🧾", "Cotizaciones"],
+        [/^\/propuestas/, "📄", "Propuestas"],
+        [/^\/facturacion/, "💵", "Facturación"],
+        [/^\/comercial/, "📈", "Comercial"],
+        [/^\/biblioteca/, "📚", "Biblioteca"],
+        [/^\/reportes/, "📊", "Reportes"],
+        [/^\/timeline/, "🧭", "Cronograma"],
+        [/^\/asistente/, "🤖", "Marcebot"],
+        [/^\/configuracion/, "⚙️", "Configuración"],
+        [/^\/ajustes/, "⚙️", "Ajustes"],
+        [/^\/perfil/, "👤", "Mi perfil"],
+        [/^\/papelera/, "🗑️", "Papelera"],
+        [/^\/docs\//, "📄", "Documento"],
+      ];
+
+      function rutaMeta(url) {
+        let ruta = "/";
+        try { ruta = new URL(url).pathname; } catch (e) {}
+        for (const [re, emoji, nombre] of RUTAS) {
+          if (re.test(ruta)) return { emoji, nombre };
+        }
+        return { emoji: "🗂️", nombre: "Labstream OS" };
+      }
+
+      // El título de la web es «(25) Labstream OS» en todas las páginas: se le quita el
+      // contador de no leídos y el nombre de la app. Si queda algo propio, ese manda (así,
+      // el día que la web ponga títulos por página, la barra los aprovecha sola).
+      function limpiarTitulo(t) {
+        if (!t) return "";
+        let x = String(t).replace(/^\(\d+\)\s*/, "").trim();
+        x = x.replace(/\s*[·|—–-]\s*Labstream(\s+OS)?\s*$/i, "").trim();
+        return /^labstream(\s+os)?$/i.test(x) ? "" : x;
+      }
+
+      function nombreDe(t) {
+        const meta = rutaMeta(t.url || "");
+        return { emoji: meta.emoji, texto: limpiarTitulo(t.title) || meta.nombre };
+      }
+
+      // Reordenar arrastrando, con eventos de PUNTERO: el drag&drop de HTML5 no llega al
+      // webview de la barra en macOS. Se mueve el nodo en vivo y al soltar se manda el orden.
+      let arrastre = null;     // {el, x0, movido}
+      let tragarClick = false; // el clic que cierra el arrastre no debe activar la pestaña
+
+      function ordenActual() {
+        return Array.from($tabs.children).map((el) => el.dataset.label);
+      }
+
+      addEventListener("mousemove", (e) => {
+        if (!arrastre) return;
+        if (!arrastre.movido) {
+          if (Math.abs(e.clientX - arrastre.x0) < 5) return; // todavía es un clic, no un arrastre
+          arrastre.movido = true;
+          arrastre.el.classList.add("arrastrando");
+        }
+        for (const otro of Array.from($tabs.children)) {
+          if (otro === arrastre.el) continue;
+          const r = otro.getBoundingClientRect();
+          if (e.clientX >= r.left && e.clientX <= r.right) {
+            const despues = e.clientX > r.left + r.width / 2;
+            $tabs.insertBefore(arrastre.el, despues ? otro.nextSibling : otro);
+            break;
+          }
+        }
+      });
+
+      addEventListener("mouseup", () => {
+        if (!arrastre) return;
+        const { el, movido } = arrastre;
+        arrastre = null;
+        el.classList.remove("arrastrando");
+        if (movido) {
+          tragarClick = true;
+          emitir("ls-reorder", { order: ordenActual().join(",") });
+        }
+      });
+
+      // Modo solo-icono: se mide el ancho REAL de una pestaña ya pintada (el reparto lo hace
+      // flex, así que todas miden igual) en vez de estimarlo dividiendo el contenedor.
+      function ajustarCompactas() {
+        const primera = $tabs.firstElementChild;
+        if (!primera) return;
+        const ancho = primera.getBoundingClientRect().width;
+        if (!ancho) return;
+        $tabs.classList.toggle("compactas", ancho < 112);
+      }
+
+      function render() {
+        $tabs.textContent = "";
+        for (const t of estado.tabs) {
+          const { emoji, texto } = nombreDe(t);
+          const el = document.createElement("div");
+          el.className = "tab" + (t.active ? " active" : "");
+          el.dataset.label = t.label;
+          el.title = texto;
+
+          const fav = document.createElement("span");
+          fav.className = "favicon" + (t.loading ? " cargando" : "");
+          fav.textContent = t.loading ? "" : emoji;
+          el.appendChild(fav);
+
+          const titulo = document.createElement("span");
+          titulo.className = "titulo";
+          titulo.textContent = texto;
+          el.appendChild(titulo);
+
+          const x = document.createElement("button");
+          x.className = "cerrar";
+          x.textContent = "×";
+          x.title = "Cerrar pestaña (⌘/Ctrl+W)";
+          x.addEventListener("click", (e) => {
+            e.stopPropagation();
+            emitir("ls-close-tab", { label: t.label });
+          });
+          el.appendChild(x);
+
+          el.addEventListener("click", () => {
+            if (tragarClick) { tragarClick = false; return; } // veníamos de reordenar
+            emitir("ls-activate", { label: t.label });
+          });
+          // Clic central sobre la pestaña = cerrarla (como en el navegador).
+          el.addEventListener("auxclick", (e) => {
+            if (e.button === 1) emitir("ls-close-tab", { label: t.label });
+          });
+          // Clic derecho: menú NATIVO de la pestaña (duplicar, cerrar otras, copiar enlace…).
+          // La barra mide 40px: un menú dibujado aquí dentro quedaría recortado.
+          el.addEventListener("contextmenu", (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            emitir("ls-tab-menu", { label: t.label });
+          });
+
+          // Reordenar arrastrando: lo gestionan los listeners de puntero de más arriba.
+          el.addEventListener("mousedown", (e) => {
+            if (e.button !== 0) return;
+            arrastre = { el, x0: e.clientX, movido: false };
+          });
+
+          $tabs.appendChild(el);
+        }
+        requestAnimationFrame(ajustarCompactas);
+
+        const activa = $tabs.querySelector(".tab.active");
+        if (activa) activa.scrollIntoView({ block: "nearest", inline: "nearest" });
+
+        $pct.textContent = estado.zoom + "%";
+        $pct.classList.toggle("activo", estado.zoom !== 100);
+        $ver.textContent = estado.version ? "v" + estado.version : "";
+        // En macOS la barra ES la fila del título: hay que dejar libre el semáforo.
+        document.body.classList.toggle("mac", !!estado.mac);
+      }
+
+      if (E) {
+        E.listen("ls-tabs", (ev) => {
+          estado = ev.payload || estado;
+          render();
+        });
+      }
+      // Al cambiar el ancho de la ventana se recalcula si caben los nombres.
+      addEventListener("resize", ajustarCompactas);
+
+      document.getElementById("atras").addEventListener("click", () => emitir("ls-nav", { dir: -1 }));
+      document.getElementById("adelante").addEventListener("click", () => emitir("ls-nav", { dir: 1 }));
+      document.getElementById("nueva").addEventListener("click", () => emitir("ls-new-tab", {}));
+      document.getElementById("recargar").addEventListener("click", () => emitir("ls-reload", {}));
+      // Menú de OPCIONES de la app (nativo, lo pinta Rust): botón ⋮ o clic derecho en la barra.
+      document.getElementById("menu").addEventListener("click", () => emitir("ls-menu", {}));
+      $ver.addEventListener("click", () => emitir("ls-check-update", {}));
+      document.getElementById("bar").addEventListener("contextmenu", (e) => {
+        e.preventDefault();
+        emitir("ls-menu", {});
+      });
+      document.getElementById("z-menos").addEventListener("click", () => emitir("ls-zoom", { dir: -1 }));
+      document.getElementById("z-mas").addEventListener("click", () => emitir("ls-zoom", { dir: 1 }));
+      $pct.addEventListener("click", () => emitir("ls-zoom", { dir: 0 }));
+      // Doble clic en el hueco libre de la barra = pestaña nueva.
+      $tabs.addEventListener("dblclick", (e) => {
+        if (e.target === $tabs) emitir("ls-new-tab", {});
+      });
+
+      // Atajos también cuando el foco está en la barra.
+      addEventListener("keydown", (e) => {
+        const mod = e.metaKey || e.ctrlKey;
+        if (!mod) return;
+        const k = e.key;
+        if (k === "t" || k === "T") { e.preventDefault(); emitir(e.shiftKey ? "ls-reopen" : "ls-new-tab", {}); }
+        else if (k === "w" || k === "W") { e.preventDefault(); emitir("ls-close-tab", {}); }
+        else if ((k === "r" || k === "R") && !e.shiftKey) { e.preventDefault(); emitir("ls-reload", {}); }
+        else if (k === "[") { e.preventDefault(); emitir("ls-nav", { dir: -1 }); }
+        else if (k === "]") { e.preventDefault(); emitir("ls-nav", { dir: 1 }); }
+        else if (k === "=" || k === "+") { e.preventDefault(); emitir("ls-zoom", { dir: 1 }); }
+        else if (k === "-") { e.preventDefault(); emitir("ls-zoom", { dir: -1 }); }
+        else if (k === "0") { e.preventDefault(); emitir("ls-zoom", { dir: 0 }); }
+        else if (k === "Tab") { e.preventDefault(); emitir("ls-cycle", { dir: e.shiftKey ? -1 : 1 }); }
+        else if (k >= "1" && k <= "9") { e.preventDefault(); emitir("ls-activate-n", { n: +k }); }
+      });
+
+      emitir("ls-ready", {});
+    </script>
  </body>
 </html>
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "labstream-desktop",
-  "version": "1.0.0",
+  "version": "1.4.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "labstream-desktop",
-      "version": "1.0.0",
+      "version": "1.4.0",
      "devDependencies": {
        "@tauri-apps/cli": "^2"
      }
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "labstream-desktop",
-  "version": "1.0.0",
+  "version": "1.4.0",
  "private": true,
  "description": "App de escritorio (Windows) que envuelve Labstream OS — cliente del servidor del NAS.",
  "scripts": {
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -56,6 +56,27 @@ dependencies = [
 "derive_arbitrary",
 ]

+[[package]]
+name = "arboard"
+version = "3.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0348a1c054491f4bfe6ab86a7b6ab1e44e45d899005de92f58b3df180b36ddaf"
+dependencies = [
+ "clipboard-win",
+ "image",
+ "log",
+ "objc2",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-core-graphics",
+ "objc2-foundation",
+ "parking_lot",
+ "percent-encoding",
+ "windows-sys 0.60.2",
+ "wl-clipboard-rs",
+ "x11rb",
+]
+
 [[package]]
 name = "async-broadcast"
 version = "0.7.2"
@@ -354,6 +375,12 @@ version = "1.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1fd0f2584146f6f2ef48085050886acf353beff7305ebd1ae69500e27c67f64b"

+[[package]]
+name = "byteorder-lite"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f1fe948ff07f4bd06c30984e69f5b4899c516a3ef74f34df92a2df2ab535495"
+
 [[package]]
 name = "bytes"
 version = "1.12.0"
@@ -485,6 +512,15 @@ dependencies = [
 "windows-link 0.2.1",
 ]

+[[package]]
+name = "clipboard-win"
+version = "5.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bde03770d3df201d4fb868f2c9c59e66a3e4e2bd06692a0fe701e7103c7e84d4"
+dependencies = [
+ "error-code",
+]
+
 [[package]]
 name = "combine"
 version = "4.6.7"
@@ -587,6 +623,12 @@ version = "0.8.21"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d0a5c400df2834b80a4c3327b3aad3a4c4cd4de0629063962b03235697506a28"

+[[package]]
+name = "crunchy"
+version = "0.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "460fbee9c2c2f33933d720630a6a0bac33ba7053db5344fac858d4b8952d77d5"
+
 [[package]]
 name = "crypto-common"
 version = "0.1.7"
@@ -827,13 +869,19 @@ checksum = "521e380c0c8afb8d9a1e83a1822ee03556fc3e3e7dbc1fd30be14e37f9cb3f89"
 dependencies = [
 "bit-set",
 "cssparser",
- "foldhash",
+ "foldhash 0.2.0",
 "html5ever",
 "precomputed-hash",
 "selectors",
 "tendril",
 ]

+[[package]]
+name = "downcast-rs"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75b325c5dbd37f80359721ad39aca5a29fb04c89279657cffdda8736d0c0b9d2"
+
 [[package]]
 name = "dpi"
 version = "0.1.2"
@@ -959,6 +1007,12 @@ dependencies = [
 "windows-sys 0.61.2",
 ]

+[[package]]
+name = "error-code"
+version = "3.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dea2df4cf52843e0452895c455a1a2cfbb842a1e7329671acf418fdc53ed4c59"
+
 [[package]]
 name = "event-listener"
 version = "5.4.1"
@@ -986,6 +1040,12 @@ version = "2.4.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9f1f227452a390804cdb637b74a86990f2a7d7ba4b7d5693aac9b4dd6defd8d6"

+[[package]]
+name = "fax"
+version = "0.2.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "caf1079563223d5d59d83c85886a56e586cfd5c1a26292e971a0fa266531ac5a"
+
 [[package]]
 name = "fdeflate"
 version = "0.3.7"
@@ -1021,6 +1081,12 @@ version = "0.1.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "5baebc0774151f905a1a2cc41989300b1e6fbb29aff0ceffa1064fdd3088d582"

+[[package]]
+name = "fixedbitset"
+version = "0.5.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d674e81391d1e1ab681a28d99df07927c6d4aa5b027d7da16ba32d1d21ecd99"
+
 [[package]]
 name = "flate2"
 version = "1.1.9"
@@ -1037,6 +1103,12 @@ version = "1.0.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"

+[[package]]
+name = "foldhash"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d9c4f5dac5e15c24eb999c26181a6ca40b39fe946cbe4c263c7209467bc83af2"
+
 [[package]]
 name = "foldhash"
 version = "0.2.0"
@@ -1272,6 +1344,16 @@ dependencies = [
 "version_check",
 ]

+[[package]]
+name = "gethostname"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1bd49230192a3797a9a4d6abe9b3eed6f7fa4c8a8a4947977c6f80025f92cbd8"
+dependencies = [
+ "rustix",
+ "windows-link 0.2.1",
+]
+
 [[package]]
 name = "getrandom"
 version = "0.2.17"
@@ -1454,12 +1536,32 @@ dependencies = [
 "syn 2.0.118",
 ]

+[[package]]
+name = "half"
+version = "2.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ea2d84b969582b4b1864a92dc5d27cd2b77b622a8d79306834f1be5ba20d84b"
+dependencies = [
+ "cfg-if",
+ "crunchy",
+ "zerocopy",
+]
+
 [[package]]
 name = "hashbrown"
 version = "0.12.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8a9ee70c43aaf417c914396645a0fa852624801b24ebb7ae78fe8272889ac888"

+[[package]]
+name = "hashbrown"
+version = "0.15.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9229cfe53dfd69f0609a49f65461bd93001ea1ef889cd5529dd176593f5338a1"
+dependencies = [
+ "foldhash 0.1.5",
+]
+
 [[package]]
 name = "hashbrown"
 version = "0.17.1"
@@ -1740,6 +1842,20 @@ dependencies = [
 "icu_properties",
 ]

+[[package]]
+name = "image"
+version = "0.25.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85ab80394333c02fe689eaf900ab500fbd0c2213da414687ebf995a65d5a6104"
+dependencies = [
+ "bytemuck",
+ "byteorder-lite",
+ "moxcms",
+ "num-traits",
+ "png 0.18.1",
+ "tiff",
+]
+
 [[package]]
 name = "indexmap"
 version = "1.9.3"
@@ -1946,15 +2062,17 @@ dependencies = [

 [[package]]
 name = "labstream-desktop"
-version = "1.0.0"
+version = "1.5.0"
 dependencies = [
 "serde",
 "serde_json",
 "tauri",
 "tauri-build",
 "tauri-plugin-autostart",
+ "tauri-plugin-clipboard-manager",
 "tauri-plugin-notification",
 "tauri-plugin-opener",
+ "tauri-plugin-single-instance",
 "tauri-plugin-updater",
 ]

@@ -2116,6 +2234,16 @@ dependencies = [
 "windows-sys 0.61.2",
 ]

+[[package]]
+name = "moxcms"
+version = "0.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bb85c154ba489f01b25c0d36ae69a87e4a1c73a72631fc6c0eb6dde34a73e44b"
+dependencies = [
+ "num-traits",
+ "pxfm",
+]
+
 [[package]]
 name = "muda"
 version = "0.19.3"
@@ -2167,6 +2295,15 @@ version = "1.0.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "650eef8c711430f1a879fdd01d4745a7deea475becfb90269c06775983bbf086"

+[[package]]
+name = "nom"
+version = "8.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df9761775871bdef83bee530e60050f7e54b1105350d6884eb0fb4f46c2f9405"
+dependencies = [
+ "memchr",
+]
+
 [[package]]
 name = "notify-rust"
 version = "4.18.0"
@@ -2238,6 +2375,7 @@ dependencies = [
 "block2",
 "objc2",
 "objc2-core-foundation",
+ "objc2-core-graphics",
 "objc2-foundation",
 ]

@@ -2466,6 +2604,16 @@ dependencies = [
 "pin-project-lite",
 ]

+[[package]]
+name = "os_pipe"
+version = "1.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7d8fae84b431384b68627d0f9b3b1245fcf9f46f6c0e3dc902e9dce64edd1967"
+dependencies = [
+ "libc",
+ "windows-sys 0.61.2",
+]
+
 [[package]]
 name = "osakit"
 version = "0.3.1"
@@ -2546,6 +2694,17 @@ version = "2.3.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9b4f627cb1b25917193a259e49bdad08f671f8d9708acfd5fe0a8c1455d87220"

+[[package]]
+name = "petgraph"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8701b58ea97060d5e5b155d383a69952a60943f0e6dfe30b04c287beb0b27455"
+dependencies = [
+ "fixedbitset",
+ "hashbrown 0.15.5",
+ "indexmap 2.14.0",
+]
+
 [[package]]
 name = "phf"
 version = "0.13.1"
@@ -2630,7 +2789,7 @@ checksum = "092791278e026273c1b65bbdcfbba3a300f2994c896bd01ab01da613c29c46f1"
 dependencies = [
 "base64 0.22.1",
 "indexmap 2.14.0",
- "quick-xml",
+ "quick-xml 0.39.4",
 "serde",
 "time",
 ]
@@ -2767,6 +2926,18 @@ dependencies = [
 "unicode-ident",
 ]

+[[package]]
+name = "pxfm"
+version = "0.1.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d55d956fa96f5ec02be2e13af0e20391a5aa83d6a074e3ad368959d0fab299ea"
+
+[[package]]
+name = "quick-error"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a993555f31e5a609f617c12db6250dedcac1b0a85076912c436e6fc9b2c8e6a3"
+
 [[package]]
 name = "quick-xml"
 version = "0.39.4"
@@ -2776,6 +2947,15 @@ dependencies = [
 "memchr",
 ]

+[[package]]
+name = "quick-xml"
+version = "0.41.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e660451e55124f798a69a5af3f49ccfbefbd41910eefd25caf2393e1f3473ec1"
+dependencies = [
+ "memchr",
+]
+
 [[package]]
 name = "quote"
 version = "1.0.45"
@@ -3800,6 +3980,21 @@ dependencies = [
 "thiserror 2.0.18",
 ]

+[[package]]
+name = "tauri-plugin-clipboard-manager"
+version = "2.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "206dc20af4ed210748ba945c2774e60fd0acd52b9a73a028402caf809e9b6ecf"
+dependencies = [
+ "arboard",
+ "log",
+ "serde",
+ "serde_json",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.18",
+]
+
 [[package]]
 name = "tauri-plugin-notification"
 version = "2.3.3"
@@ -3841,6 +4036,22 @@ dependencies = [
 "zbus",
 ]

+[[package]]
+name = "tauri-plugin-single-instance"
+version = "2.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b3214becf9ef5783c0ae99a3bb25adf5353a7a16ebf53e74b909e29205735c6c"
+dependencies = [
+ "serde",
+ "serde_json",
+ "tauri",
+ "thiserror 2.0.18",
+ "tokio",
+ "tracing",
+ "windows-sys 0.60.2",
+ "zbus",
+]
+
 [[package]]
 name = "tauri-plugin-updater"
 version = "2.10.1"
@@ -4048,6 +4259,20 @@ dependencies = [
 "syn 2.0.118",
 ]

+[[package]]
+name = "tiff"
+version = "0.11.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b63feaf3343d35b6ca4d50483f94843803b0f51634937cc2ec519fc32232bc52"
+dependencies = [
+ "fax",
+ "flate2",
+ "half",
+ "quick-error",
+ "weezl",
+ "zune-jpeg",
+]
+
 [[package]]
 name = "time"
 version = "0.3.49"
@@ -4358,6 +4583,17 @@ dependencies = [
 "windows-sys 0.61.2",
 ]

+[[package]]
+name = "tree_magic_mini"
+version = "3.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b8765b90061cba6c22b5831f675da109ae5561588290f9fa2317adab2714d5a6"
+dependencies = [
+ "memchr",
+ "nom",
+ "petgraph",
+]
+
 [[package]]
 name = "try-lock"
 version = "0.2.5"
@@ -4629,6 +4865,76 @@ dependencies = [
 "web-sys",
 ]

+[[package]]
+name = "wayland-backend"
+version = "0.3.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "016ccf01d1c58b6f8999612813e17c9b2390f7d70671428869913310f83f54b8"
+dependencies = [
+ "cc",
+ "downcast-rs",
+ "rustix",
+ "smallvec",
+ "wayland-sys",
+]
+
+[[package]]
+name = "wayland-client"
+version = "0.31.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3c36a0f861ad76d0901f2800b46321410d9f73f2ea88aac0650d86c32688073"
+dependencies = [
+ "bitflags 2.13.0",
+ "rustix",
+ "wayland-backend",
+ "wayland-scanner",
+]
+
+[[package]]
+name = "wayland-protocols"
+version = "0.32.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "23d0c813de3daa2ed6520af85a3bd49b0e722a3078506899aa9686fea58dc4b6"
+dependencies = [
+ "bitflags 2.13.0",
+ "wayland-backend",
+ "wayland-client",
+ "wayland-scanner",
+]
+
+[[package]]
+name = "wayland-protocols-wlr"
+version = "0.3.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eb04e52f7836d7c7976c78ca0250d61e33873c34156a2a1fc9474828ec268234"
+dependencies = [
+ "bitflags 2.13.0",
+ "wayland-backend",
+ "wayland-client",
+ "wayland-protocols",
+ "wayland-scanner",
+]
+
+[[package]]
+name = "wayland-scanner"
+version = "0.31.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "338e30461b3a2b67d70eb30a6d89f8e0c93a833e07d2ae89085cd070c4a00ac0"
+dependencies = [
+ "proc-macro2",
+ "quick-xml 0.41.0",
+ "quote",
+]
+
+[[package]]
+name = "wayland-sys"
+version = "0.31.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d8eab23fefc9e41f8e841df4a9c707e8a8c4ed26e944ef69297184de2785e3be"
+dependencies = [
+ "pkg-config",
+]
+
 [[package]]
 name = "web-sys"
 version = "0.3.102"
@@ -4740,6 +5046,12 @@ dependencies = [
 "windows-core 0.61.2",
 ]

+[[package]]
+name = "weezl"
+version = "0.1.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a28ac98ddc8b9274cb41bb4d9d4d5c425b6020c50c46f25559911905610b4a88"
+
 [[package]]
 name = "winapi"
 version = "0.3.9"
@@ -5223,6 +5535,24 @@ version = "0.57.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1ebf944e87a7c253233ad6766e082e3cd714b5d03812acc24c318f549614536e"

+[[package]]
+name = "wl-clipboard-rs"
+version = "0.9.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e9651471a32e87d96ef3a127715382b2d11cc7c8bb9822ded8a7cc94072eb0a3"
+dependencies = [
+ "libc",
+ "log",
+ "os_pipe",
+ "rustix",
+ "thiserror 2.0.18",
+ "tree_magic_mini",
+ "wayland-backend",
+ "wayland-client",
+ "wayland-protocols",
+ "wayland-protocols-wlr",
+]
+
 [[package]]
 name = "writeable"
 version = "0.6.3"
@@ -5294,6 +5624,23 @@ dependencies = [
 "pkg-config",
 ]

+[[package]]
+name = "x11rb"
+version = "0.13.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9993aa5be5a26815fe2c3eacfc1fde061fc1a1f094bf1ad2a18bf9c495dd7414"
+dependencies = [
+ "gethostname",
+ "rustix",
+ "x11rb-protocol",
+]
+
+[[package]]
+name = "x11rb-protocol"
+version = "0.13.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ea6fc2961e4ef194dcbfe56bb845534d0dc8098940c7e5c012a258bfec6701bd"
+
 [[package]]
 name = "xattr"
 version = "1.6.1"
@@ -5486,6 +5833,21 @@ version = "1.0.21"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b8848ee67ecc8aedbaf3e4122217aff892639231befc6a1b58d29fff4c2cabaa"

+[[package]]
+name = "zune-core"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cb8a0807f7c01457d0379ba880ba6322660448ddebc890ce29bb64da71fb40f9"
+
+[[package]]
+name = "zune-jpeg"
+version = "0.5.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "27bc9d5b815bc103f142aa054f561d9187d191692ec7c2d1e2b4737f8dbd7296"
+dependencies = [
+ "zune-core",
+]
+
 [[package]]
 name = "zvariant"
 version = "5.12.0"
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "labstream-desktop"
-version = "1.0.0"
+version = "1.5.0"
 description = "Cliente de escritorio de Labstream OS"
 authors = ["Labstream SAS"]
 edition = "2021"
@@ -14,10 +14,13 @@ crate-type = ["staticlib", "cdylib", "rlib"]
 tauri-build = { version = "2", features = [] }

 [dependencies]
-tauri = { version = "2", features = ["tray-icon"] }
+# `unstable` habilita multiwebview: varios webviews (pestañas) dentro de UNA ventana.
+tauri = { version = "2", features = ["tray-icon", "unstable"] }
 tauri-plugin-opener = "2"
+tauri-plugin-clipboard-manager = "2"
 tauri-plugin-notification = "2"
 tauri-plugin-autostart = "2"
 tauri-plugin-updater = "2"
+tauri-plugin-single-instance = "2"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
--- a/src-tauri/capabilities/default.json
+++ b/src-tauri/capabilities/default.json
@@ -1,14 +1,23 @@
 {
  "$schema": "../gen/schemas/desktop-schema.json",
  "identifier": "default",
-  "description": "Permisos por defecto del envoltorio de escritorio.",
-  "windows": ["main"],
+  "description": "Permisos del shell de escritorio: la barra local (chrome) y las pestañas remotas (tab-*).",
+  "windows": [
+    "main"
+  ],
+  "webviews": [
+    "chrome",
+    "tab-*"
+  ],
  "remote": {
-    "urls": ["https://os.labstreamsas.com"]
+    "urls": [
+      "https://os.labstreamsas.com"
+    ]
  },
  "permissions": [
    "core:default",
    "opener:default",
-    "notification:default"
+    "notification:default",
+    "core:window:allow-start-dragging"
  ]
 }
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -1,7 +1,7 @@
 {
  "$schema": "https://schema.tauri.app/config/2",
  "productName": "Labstream OS",
-  "version": "1.0.0",
+  "version": "1.5.0",
  "identifier": "co.labstream.os",
  "build": {
    "frontendDist": "../dist"
Autor	SHA1	Mensaje	Fecha
Jonathan David Florez Salomón	e7c69fe0ea	Barra al estilo Notion: una sola fila, pestanas con nombre y reordenables La ventana gastaba DOS filas en cromo (titulo de macOS + barra de pestanas). Ahora es una sola: se recuperan 28 px de alto en cada ventana. - INTEGRADA AL TITULO (macOS): la ventana usa titulo en overlay y sin texto, asi que la barra ocupa esa fila. Deja libres 78 px para el semaforo (que sigue siendo el nativo) y el hueco vacio arrastra la ventana / doble clic la maximiza (data-tauri-drag-region + permiso core🪟allow-start-dragging). En Windows NO cambia nada: titulo del sistema y barra debajo, como hasta ahora (fusionarlas alli obligaria a dibujar a mano minimizar/maximizar/cerrar). Como el area util pasa a ser todo el marco, desaparece la compensacion de v1.4.2: los webviews vuelven a colocarse en 0 / TAB_BAR_H. - NOMBRES QUE SE DISTINGUEN: la web pone el mismo <title> en todas las paginas («(25) Labstream OS»), asi que las tres pestanas se llamaban igual. Ahora el nombre sale de la RUTA (mismas etiquetas que la barra superior de la web) con su emoji: Inicio, Chats, Calendario, Cliente, Proyecto, Operaciones… Si algun dia la web pone titulos por pagina, mandan esos: se limpia el contador de no leidos y el sufijo de la app y, si queda algo propio, se usa. - ANCHO ELASTICO: las pestanas se reparten el sitio y se encogen al abrir mas; por debajo de ~112 px queda solo el icono (y la x solo en la activa), con el nombre completo en el tooltip. Igual que Chrome. - REORDENAR ARRASTRANDO: con eventos de PUNTERO, no drag&drop de HTML5 (en el webview de la barra en macOS los eventos dragstart/dragover no llegan aunque se desactive el manejador nativo). El nodo se mueve en vivo y al soltar se manda el orden a Rust, que valida que sea una permutacion exacta y lo guarda. El clic que cierra el arrastre no activa la pestana. - CLIC DERECHO EN UNA PESTANA: menu NATIVO (la barra mide 40 px; uno dibujado dentro quedaria recortado) con Duplicar, Copiar enlace, Cerrar pestana, Cerrar las demas y Cerrar las de la derecha — estas dos se deshabilitan solas cuando no aplican. «Copiar enlace» usa tauri-plugin-clipboard-manager. - SENAL DE CARGA: el icono de la pestana se vuelve un aro girando mientras la pagina carga (PageLoadEvent Started/Finished), respetando prefers-reduced-motion. Verificado en el Mac con la app real: barra en la fila del titulo con el semaforo intacto, ventana movida arrastrando la barra (15,53 -> 147,243), nombres con emoji, 14 pestanas en modo solo-icono, menu contextual con sus opciones deshabilitadas donde toca, «Cerrar las demas», duplicar, y reordenar (tab-1,tab-2,tab-3 -> tab-3,tab-1,tab-2) persistido entre arranques. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	2026-07-25 10:01:24 -05:00
Jonathan David Florez Salomón	bfc4e1172c	La barra de pestanas ya no queda debajo del titulo nativo (macOS) La barra existia pero estaba DIBUJADA DETRAS de la barra de titulo de macOS: solo asomaban ~12 px por debajo, y como el titulo nativo es translucido hasta se tenia del color de la barra. Con el rediseno estilo Chrome el sintoma se volvio evidente (no se veian ni las pestanas ni los controles), pero el fallo venia de antes: no lo causo el CSS. Causa (medida en vivo con instrumentacion): en macOS las coordenadas de los webviews HIJOS son relativas al MARCO de la ventana (incluye el titulo) y ademas `inner_size()` devuelve el marco, no el area de contenido (inner_size == outer_size e inner_position == outer_position). Al colocar la barra en y=0 quedaba bajo el titulo, y el contenido en y=40 arrancaba 12 px por debajo, tapando el resto. Arreglo: `top_offset()` compensa el alto del titulo (28 pt) SOLO cuando hace falta. La deteccion es en caliente -- si el marco y el interior miden lo mismo hay que compensar; el dia que Tauri lo corrija la resta dejara de ser 0 y no se compensara nada -- y en Windows/Linux devuelve 0 (ahi las coordenadas ya son del area de cliente). Se aplica en los tres sitios que colocan webviews: layout_all, la creacion de la barra y la creacion de cada pestana. Verificado en el Mac con la app real: barra completa y alineada bajo el titulo, redimensionado, pestana nueva, cierre de pestana y cambio de pestana. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	2026-07-25 08:55:56 -05:00
Jonathan David Florez Salomón	5108b06ae1	v1.4.1: barra de pestanas al estilo Chrome Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	2026-07-25 07:18:19 -05:00
Jonathan David Florez Salomón	c56d4cb97d	Barra de pestanas al estilo Chrome La barra del shell ahora se ve como las pestanas de un navegador de verdad: - La barra es una FRANJA mas oscura (claro #dee1e6 / oscuro #202124) y la pestana ACTIVA es una tarjeta del color del contenido con esquinas superiores redondeadas y las curvas concavas de Chrome en la base (dos piezas radial-gradient de 8px que "derraman" el fondo hacia los lados). El contenedor de pestanas se extiende 1px sobre el borde inferior para que la activa lo tape y quede FUNDIDA con la pagina; en oscuro su fondo es #18181b (el mismo de la app) para que no haya costura. - Favicon por pestana: mini logo Labstream (SVG inline data-URI, sin red). - Pestanas inactivas: pildora redondeada al hover y separador fino vertical entre ellas, oculto junto a la activa, al hover y en la primera (CSS puro con .active + .tab, sin :has). - El boton de cerrar es un circulito y los botones de la barra pasan a hover circular, como en Chrome. Sin cambios en Rust: TAB_BAR_H sigue en 40 y los eventos ls-* intactos. Verificado con arnes local (stub de __TAURI__ + 4 pestanas de prueba) en claro y oscuro: curvas, fusion con el contenido, separadores y favicon OK. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	2026-07-25 07:17:06 -05:00
Jonathan David Florez Salomón	d8a35f5bae	Atrás/adelante en la barra + reabrir pestaña + globo de no-leídos en el icono - ATRÁS/ADELANTE por fin: botones ← → en la barra de pestañas, ⌘[ / ⌘] en ambas plataformas, Alt+←/→ en Windows (fuera de campos de texto) y menú «Historial» en macOS. Cierra el callejón sin salida: una página sin menú propio (p. ej. el portal de revisión) dejaba al usuario atrapado sin forma de volver. - «Reabrir pestaña cerrada» (⌘/Ctrl+Shift+T, tope de 20): en la barra ⌘⇧T antes caía en «nueva pestaña» por no mirar el Shift. - Globo de NO-LEÍDOS en el icono: la web app emite `ls-badge {count}` (mismo conteo del «(N)» del título) y el shell pinta el número en el Dock (macOS), un punto rojo dibujado a mano sobre el icono de la barra de tareas (Windows, sin assets) y el tooltip de la bandeja («— N sin leer»). Verificado: cargo check limpio (macOS) y firmas de las APIs solo-Windows (set_overlay_icon, set_badge_count, Image::new_owned) cotejadas contra el código fuente de tauri 2.11.3. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	2026-07-24 07:11:37 -05:00
Jonathan David Florez Salomón	d682b06ab9	Versión visible en la barra de la app (clic = buscar actualización) La barra muestra la versión real del paquete (viene de Rust en el payload ls-tabs, no quemada en el HTML) junto al menú ⋮. Clic en la etiqueta → "Buscar actualización…" con aviso del resultado (evento ls-check-update). Versión 1.3.0. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	2026-07-18 20:02:30 -05:00
Jonathan David Florez Salomón	329ea1195e	Menú de opciones ⋮ de la app (popup nativo) + preferencia de autostart Botón ⋮ en la barra de pestañas (y clic derecho sobre ella) → menú NATIVO del sistema, idéntico en Windows y macOS, solo del shell (la web app no se toca): - Nueva/cerrar pestaña, recargar, acercar/alejar/tamaño real. - "Abrir esta página en el navegador" (la pestaña activa, vía opener). - "Iniciar con el sistema" con check: ahora la elección SE RECUERDA (antes el arranque re-activaba el autostart en cada apertura). - "Buscar actualización…" manual con aviso del resultado (instalando / ya estás al día / sin red), además del chequeo silencioso de siempre. - Versión visible y "Salir de Labstream OS". El manejador de menús pasa a ser global (antes solo existía dentro del cfg de macOS): lo comparten el menú de macOS y el popup ⋮ de ambas plataformas. El menú de macOS gana "Buscar actualización…" y "Abrir en el navegador". Versión 1.2.0. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	2026-07-18 19:50:46 -05:00
Jonathan David Florez Salomón	2d9f14f026	Shell de pestañas: multiwebview, zoom persistente y documentos dentro de la app La app deja de ser un envoltorio de una sola vista y pasa a ser un shell con pestañas (multiwebview de Tauri 2, ventana "main" = barra local "chrome" + webviews "tab-" del servidor): - Los enlaces internos target=_blank (documentos, entregables, OnlyOffice, exportaciones) abrían nada: ahora abren pestaña dentro de la app. También Cmd/Ctrl+clic, clic central y window.open del propio origen. - Zoom de interfaz: Cmd/Ctrl +/−/0 y Ctrl+rueda (50%–250%), con indicador en la barra y persistencia entre sesiones. - Sesión restaurada: pestañas abiertas, activa, zoom y tamaño/posición de la ventana vuelven al reabrir (estado.json en app_config_dir). - Atajos: Cmd/Ctrl+T/W/R, Ctrl+Tab rota, Cmd/Ctrl+1..9; en macOS van por el menú nativo nuevo en español (Archivo/Edición/Vista/Ventana); en Windows por JS (sin barra de menú). - macOS: clic en el Dock reabre la ventana oculta (RunEvent::Reopen). - Una sola instancia en release (single-instance): reabrir enfoca la existente. - Updater: avisa con notificación nativa antes de reiniciar por actualización. - Los enlaces a OTRO origen siguen yendo al navegador del sistema y el login por Authentik sigue intacto (el init script se desactiva fuera del origen). Shell ↔ Rust por eventos ls- (core:default cubre el origen remoto; sin ACL de comandos propios). Versión 1.1.0. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	2026-07-18 15:50:04 -05:00