Versión 1.6.0 y README al día

Sube la versión en los cuatro sitios que tienen que coincidir (package.json,
Cargo.toml, Cargo.lock y tauri.conf.json). Así el instalador de prueba se presenta
como v1.6.0 en la barra en vez de repetir v1.5.1, que al probarlo encima de la app
instalada no dejaba saber cuál se está corriendo.

El README describía el comportamiento viejo: decía que en Windows se conserva el
título del sistema con la barra debajo, y que la actualización automática era un
paso futuro cuando lleva funcionando desde la v1.4.0. Ahora cuenta lo que hay: la
barra como fila del título en ambos sistemas, los colores de pestaña, que un commit
sin etiqueta no le llega a nadie, y cómo probar un cambio con el instalador de
prueba del CI sin publicárselo al equipo.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

.github/workflows/check.yml

@@ -0,0 +1,102 @@
+name: Verificar compilación (sin publicar)
+
+# Comprueba que el shell COMPILA en Windows y macOS sin construir instaladores ni tocar
+# Releases. Sirve para revisar un cambio en una rama antes de etiquetar la versión: el
+# workflow de publicar solo se dispara con etiquetas `v*`, así que hasta ahora no había
+# forma de saber si algo compilaba sin publicarlo.
+on:
+  push:
+    branches-ignore:
+      - main
+  pull_request:
+  workflow_dispatch:
+
+permissions:
+  contents: read # solo lee el repo: no crea releases ni sube nada
+
+jobs:
+  check:
+    strategy:
+      fail-fast: false
+      matrix:
+        platform: [windows-latest, macos-latest]
+
+    runs-on: ${{ matrix.platform }}
+    steps:
+      - name: Clonar repo
+        uses: actions/checkout@v4
+
+      - name: Instalar Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Instalar Rust
+        uses: dtolnay/rust-toolchain@stable
+        with:
+          components: clippy
+
+      - name: Cache de Rust
+        uses: swatinem/rust-cache@v2
+        with:
+          workspaces: src-tauri
+
+      - name: Instalar dependencias
+        run: npm install
+
+      # build.rs de Tauri valida que existan los iconos que declara tauri.conf.json.
+      - name: Generar iconos (desde app-icon.png)
+        run: npm run icons
+
+      - name: cargo check
+        working-directory: src-tauri
+        run: cargo check --all-targets
+
+      # Avisa de errores reales de Clippy sin tumbar la verificación por avisos de estilo.
+      - name: cargo clippy (informativo)
+        working-directory: src-tauri
+        continue-on-error: true
+        run: cargo clippy --all-targets
+
+  # Instalador de PRUEBA para Windows. Queda colgado de la ejecución como artifact y no
+  # toca Releases ni el updater: sirve para VER el cambio funcionando antes de publicárselo
+  # a todo el equipo, que es irreversible en la práctica (las apps se actualizan solas).
+  instalador-prueba:
+    runs-on: windows-latest
+    steps:
+      - name: Clonar repo
+        uses: actions/checkout@v4
+
+      - name: Instalar Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Instalar Rust
+        uses: dtolnay/rust-toolchain@stable
+
+      - name: Cache de Rust
+        uses: swatinem/rust-cache@v2
+        with:
+          workspaces: src-tauri
+
+      - name: Instalar dependencias
+        run: npm install
+
+      - name: Generar iconos (desde app-icon.png)
+        run: npm run icons
+
+      # La firma hace falta porque tauri.conf.json pide artefactos de updater; el .exe se
+      # queda igualmente aquí, sin publicarse en ningún sitio.
+      - name: Construir el instalador (NSIS)
+        env:
+          TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
+          TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
+        run: npm run tauri build -- --bundles nsis
+
+      - name: Guardar el instalador como artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: instalador-windows-prueba
+          path: src-tauri/target/release/bundle/nsis/*.exe
+          retention-days: 14

README.md

@@ -12,6 +12,14 @@ NAS. Esto le da al equipo un cliente nativo de verdad en Windows y Mac:
   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.
+- **La barra de pestañas ES la fila del título** (v1.6.0), en Windows y en macOS:
+  no se gasta una franja entera en repetir el nombre de la app. En Windows la
+  ventana va sin decoración y la propia barra dibuja los botones minimizar /
+  maximizar / cerrar; en macOS el semáforo lo sigue pintando el sistema y la barra
+  le deja su hueco. El doble clic en el hueco libre maximiza y restaura.
+- **Colores de pestaña** (v1.6.0): clic derecho sobre una pestaña ▸ **Color**, con
+  la misma paleta de nueve tonos que usa Chrome para sus grupos. Sirve para agrupar
+  de un vistazo (todo lo de un cliente en verde) y **se guarda con la sesión**.
 - **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
@@ -133,22 +141,29 @@ el de Mac a la vez, así ambas plataformas van siempre sincronizadas.
 
 ---
 
-## Actualización automática (opcional, recomendable a futuro)
+## Actualización automática (ACTIVA)
 
-Hoy, para actualizar, el equipo descarga el nuevo instalador del Release y lo
+Las apps ya instaladas **se actualizan solas**: el updater consulta el `latest.json`
-reinstala encima. Para que las apps ya instaladas se actualicen solas, Tauri trae
+que publica cada Release, y los instaladores se firman en el CI con la clave privada
-un *updater* (funciona igual en Windows y Mac). Para activarlo (paso futuro):
+guardada como secret del repo (`TAURI_SIGNING_PRIVATE_KEY`). También se puede forzar
+la comprobación con clic en la versión de la barra, o desde el menú ⋮ ▸ *Buscar
+actualización…*.
 
-1. Genera el par de claves de firma:
+> ⚠️ De ahí se sigue algo que conviene tener presente: **un commit en `main` no le
-   ```bash
+> llega a nadie**. Mientras no exista la etiqueta `vX.Y.Z`, el CI no construye nada y
-   npm run tauri signer generate -- -w ~/.tauri/labstream.key
+> el updater no ve versión nueva. Y al revés: publicar una etiqueta **actualiza la app
-   ```
+> de todo el equipo**, así que no es un paso que se dé a la ligera.
-2. Añade el `plugin-updater` y la clave pública en `tauri.conf.json`, y guarda la
-   clave privada como **secret** en GitHub (`TAURI_SIGNING_PRIVATE_KEY`).
-3. Apunta el updater al `latest.json` que publica el Release.
 
-Se deja sin activar a propósito para que la **primera** versión compile sin
+## Probar un cambio antes de publicarlo
-configuración extra.
+
+`.github/workflows/check.yml` corre en cualquier rama que no sea `main` y **no publica
+nada**:
+
+- `cargo check` en Windows y macOS — comprueba que compila en las dos.
+- Un job aparte deja el **instalador `.exe` de prueba** como *artifact* de la ejecución
+  (14 días), para instalarlo encima y ver el cambio funcionando de verdad.
+
+Es la forma de mirar un cambio visual —la barra, los colores— sin sacárselo al equipo.
 
 ---
 

dist/index.html

@@ -7,30 +7,39 @@
     <!--
       Barra de pestañas del shell de escritorio (webview "chrome", local).
       Habla con Rust por eventos (__TAURI__.event):
-        recibe  ls-tabs      {tabs:[{label,title,active}], zoom}
+        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
+        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: #f4f4f5;          /* zinc-100 */
+        --bg: #dee1e6;          /* franja de pestañas (Chrome claro) */
-        --fg: #3f3f46;          /* zinc-700 */
+        --fg: #45474a;
-        --muted: #a1a1aa;       /* zinc-400 */
+        --muted: #5f6368;
-        --tab-bg: transparent;
         --tab-active-bg: #ffffff;
-        --tab-active-fg: #18181b;
+        --tab-active-fg: #202124;
         --accent: #6366f1;      /* indigo-500, color de Labstream */
-        --border: #e4e4e7;      /* zinc-200 */
+        --border: #c9ccd1;      /* línea bajo la barra (la tapa la pestaña activa) */
-        --hover: rgba(0, 0, 0, 0.05);
+        --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: #18181b;
+          --bg: #202124;        /* franja (Chrome oscuro) */
-          --fg: #d4d4d8;
+          --fg: #bdc1c6;
-          --muted: #71717a;
+          --muted: #80868b;
-          --tab-active-bg: #27272a;
+          --tab-active-bg: #18181b;  /* mismo fondo que la app → pestaña fundida con el contenido */
-          --tab-active-fg: #fafafa;
+          --tab-active-fg: #e8eaed;
-          --border: #27272a;
+          --border: #101013;
-          --hover: rgba(255, 255, 255, 0.07);
+          --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; }
@@ -48,47 +57,135 @@
       }
       #bar {
         display: flex;
-        align-items: stretch;
+        align-items: center;
-        gap: 4px;
+        gap: 2px;
         height: 40px;
-        padding: 5px 8px 0;
+        padding: 0 6px 0 8px;
         border-bottom: 1px solid var(--border);
       }
+      /* 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: stretch;
+        align-items: flex-end;
-        gap: 2px;
         flex: 1 1 auto;
         min-width: 0;
-        overflow-x: auto;
+        /* Se extiende 1px sobre el borde inferior de la barra para que la pestaña ACTIVA
-        scrollbar-width: none;
+           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;
       }
-      #tabs::-webkit-scrollbar { display: none; }
       .tab {
         display: flex;
         align-items: center;
-        gap: 6px;
+        gap: 7px;
-        flex: 0 1 200px;
+        /* Elástico como en Chrome: se reparten el ancho y se encogen al abrir más. */
-        min-width: 96px;
+        flex: 1 1 220px;
-        padding: 0 6px 0 12px;
+        min-width: 42px;
-        border-radius: 8px 8px 0 0;
+        max-width: 240px;
-        background: var(--tab-bg);
+        height: 30px;
+        margin-bottom: 5px;
+        padding: 0 6px 0 10px;
+        border-radius: 9px;         /* inactiva: píldora redondeada (hover) */
         position: relative;
-        overflow: hidden;
+        overflow: visible;          /* deja asomar las curvas de la base de la activa */
       }
-      .tab:hover { background: var(--hover); }
+      .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);
-        box-shadow: 0 -1px 0 var(--border), 1px 0 0 var(--border), -1px 0 0 var(--border);
+        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;
       }
-      .tab.active::before {
+      /* 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;
-        top: 0; left: 0; right: 0;
+        bottom: 0;
-        height: 2px;
+        width: 8px;
-        background: var(--accent);
+        height: 8px;
-        border-radius: 2px 2px 0 0;
+      }
+      .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);
+      }
+      /* ── Color de pestaña ────────────────────────────────────────────────────────────
+         Misma idea que los grupos de Chrome: teñir para agrupar de un vistazo («todo lo de
+         este cliente, en verde»). El color se elige con clic derecho sobre la pestaña ▸ Color,
+         y se guarda con la sesión.
+         Va en componentes RGB sueltos (`--tc: r, g, b`) para sacar de UNA sola definición
+         tanto el tono sólido como el fondo translúcido, sin repetir nueve colores por tema.
+         La pestaña ACTIVA no se tiñe entera: tiene que seguir fundida con el contenido, así
+         que lleva el color en una franja superior — igual que Chrome. */
+      .tab[data-color="gris"]     { --tc: 95, 99, 104; }
+      .tab[data-color="azul"]     { --tc: 26, 115, 232; }
+      .tab[data-color="rojo"]     { --tc: 217, 48, 37; }
+      .tab[data-color="amarillo"] { --tc: 249, 171, 0; }
+      .tab[data-color="verde"]    { --tc: 30, 142, 62; }
+      .tab[data-color="rosa"]     { --tc: 208, 24, 132; }
+      .tab[data-color="morado"]   { --tc: 147, 52, 230; }
+      .tab[data-color="cian"]     { --tc: 0, 123, 131; }
+      .tab[data-color="naranja"]  { --tc: 250, 144, 62; }
+      .tab[data-color]:not(.active) { background: rgba(var(--tc), 0.18); }
+      .tab[data-color]:not(.active):hover { background: rgba(var(--tc), 0.32); }
+      /* Con fondo propio el separador vertical sobra: ya se ve dónde acaba cada pestaña. */
+      .tab[data-color]:not(.active)::before { display: none; }
+      .tab[data-color].active { box-shadow: inset 0 3px 0 rgb(var(--tc)); }
+      @media (prefers-color-scheme: dark) {
+        .tab[data-color]:not(.active) { background: rgba(var(--tc), 0.36); }
+        .tab[data-color]:not(.active):hover { background: rgba(var(--tc), 0.5); }
+      }
+      /* 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;
@@ -103,30 +200,35 @@
         height: 18px;
         display: grid;
         place-items: center;
-        border-radius: 5px;
+        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(--hover); color: var(--tab-active-fg); }
+      .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: 7px;
+        border-radius: 50%;
         cursor: default;
         display: grid;
         place-items: center;
       }
-      button:hover { background: var(--hover); }
+      button:hover { background: var(--btn-hover); }
       .icono {
         flex: 0 0 auto;
         width: 30px;
-        margin: 2px 0 7px;
+        height: 26px;
         font-size: 15px;
       }
       #zoom {
@@ -134,23 +236,63 @@
         display: flex;
         align-items: center;
         gap: 1px;
-        margin: 2px 0 7px;
       }
-      #zoom button { height: 100%; }
+      #z-menos, #z-mas { width: 26px; height: 26px; font-size: 14px; }
-      #z-menos, #z-mas { width: 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); }
+      /* ── Botones de ventana ──────────────────────────────────────────────────────────
+         Solo en Windows: allí la ventana va SIN decoración, así que esta barra es la fila
+         del título (como Chrome) y el aspa del sistema no existe. Medidas y colores del
+         propio Windows 11: 46 px de ancho, alto completo de la barra, esquinas rectas
+         hasta el borde, y rojo #c42b1c en el aspa al pasar por encima.
+         Los glifos salen de la fuente de iconos del sistema (Fluent en Win 11, MDL2 en 10). */
+      #wincontrols { display: none; }
+      body.win #wincontrols {
+        display: flex;
+        flex: 0 0 auto;
+        align-self: stretch;
+        margin-left: 6px;
+      }
+      /* Los botones tienen que morder el borde derecho: la barra cede su margen. */
+      body.win #bar { padding-right: 0; }
+      #wincontrols button {
+        width: 46px;
+        border-radius: 0;
+        color: var(--fg);
+        font-family: "Segoe Fluent Icons", "Segoe MDL2 Assets", system-ui;
+        font-size: 10px;
+        line-height: 1;
+      }
+      #wincontrols button:hover { background: var(--btn-hover); }
+      #w-cerrar:hover { background: #c42b1c; color: #fff; }
     </style>
   </head>
   <body>
-    <div id="bar">
+    <!-- data-tauri-drag-region: el hueco libre de la barra mueve la ventana y el doble clic
-      <div id="tabs" title=""></div>
+         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">
@@ -158,7 +300,14 @@
         <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>
+      <!-- Solo visibles en Windows (clase `win` del body): allí no hay barra de título. -->
+      <div id="wincontrols">
+        <button id="w-min" title="Minimizar">&#xE921;</button>
+        <button id="w-max" title="Maximizar">&#xE922;</button>
+        <button id="w-cerrar" title="Cerrar">&#xE8BB;</button>
+      </div>
     </div>
     <script>
       const T = window.__TAURI__;
@@ -171,17 +320,140 @@
 
       const $tabs = document.getElementById("tabs");
       const $pct = document.getElementById("z-pct");
+      const $ver = document.getElementById("version");
+      const $wmax = document.getElementById("w-max");
+
+      // 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.title = t.title;
+          el.dataset.label = t.label;
+          if (t.color) el.dataset.color = t.color; // teñido desde el menú de la pestaña
+          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 = t.title || "Labstream OS";
+          titulo.textContent = texto;
           el.appendChild(titulo);
 
           const x = document.createElement("button");
@@ -194,18 +466,48 @@
           });
           el.appendChild(x);
 
-          el.addEventListener("click", () => emitir("ls-activate", { label: t.label }));
+          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);
+        // En Windows también ES la fila del título, pero ahí los botones de ventana los
+        // pinta esta barra: el del medio alterna entre maximizar (▢) y restaurar (❐).
+        document.body.classList.toggle("win", !!estado.win);
+        if (estado.win) {
+          const max = !!estado.maximized;
+          $wmax.textContent = max ? "\uE923" : "\uE922"; // ChromeRestore / ChromeMaximize
+          $wmax.title = max ? "Restaurar" : "Maximizar";
+        }
       }
 
       if (E) {
@@ -214,11 +516,16 @@
           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", {});
@@ -226,19 +533,25 @@
       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.
+      // Botones de ventana (Windows). Cerrar oculta a la bandeja, como el aspa de siempre.
-      $tabs.addEventListener("dblclick", (e) => {
+      document.getElementById("w-min").addEventListener("click", () => emitir("ls-window", { act: "min" }));
-        if (e.target === $tabs) emitir("ls-new-tab", {});
+      $wmax.addEventListener("click", () => emitir("ls-window", { act: "max" }));
-      });
+      document.getElementById("w-cerrar").addEventListener("click", () => emitir("ls-window", { act: "close" }));
+      // El doble clic en el hueco libre lo gobierna `data-tauri-drag-region`: maximiza y
+      // restaura, como la barra de título del sistema y como la de pestañas de Chrome.
+      // (Antes abría una pestaña nueva; ahora que la barra ES el título, chocaba con él.
+      // Para una pestaña nueva quedan el botón + y ⌘/Ctrl+T.)
 
       // 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("ls-new-tab", {}); }
+        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 }); }

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"
       }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "labstream-desktop",
-  "version": "1.2.0",
+  "version": "1.6.0",
   "private": true,
   "description": "App de escritorio (Windows) que envuelve Labstream OS — cliente del servidor del NAS.",
   "scripts": {

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,13 +2062,14 @@ dependencies = [
 
 [[package]]
 name = "labstream-desktop"
-version = "1.2.0"
+version = "1.6.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",
@@ -2117,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"
@@ -2168,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"
@@ -2239,6 +2375,7 @@ dependencies = [
  "block2",
  "objc2",
  "objc2-core-foundation",
+ "objc2-core-graphics",
  "objc2-foundation",
 ]
 
@@ -2467,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"
@@ -2547,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"
@@ -2631,7 +2789,7 @@ checksum = "092791278e026273c1b65bbdcfbba3a300f2994c896bd01ab01da613c29c46f1"
 dependencies = [
  "base64 0.22.1",
  "indexmap 2.14.0",
- "quick-xml",
+ "quick-xml 0.39.4",
  "serde",
  "time",
 ]
@@ -2768,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"
@@ -2777,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"
@@ -3801,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"
@@ -4065,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"
@@ -4375,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"
@@ -4646,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"
@@ -4757,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"
@@ -5240,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"
@@ -5311,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"
@@ -5503,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"

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "labstream-desktop"
-version = "1.2.0"
+version = "1.6.0"
 description = "Cliente de escritorio de Labstream OS"
 authors = ["Labstream SAS"]
 edition = "2021"
@@ -15,8 +15,13 @@ tauri-build = { version = "2", features = [] }
 
 [dependencies]
 # `unstable` habilita multiwebview: varios webviews (pestañas) dentro de UNA ventana.
-tauri = { version = "2", features = ["tray-icon", "unstable"] }
+# `devtools` deja el inspector disponible TAMBIÉN en release (por defecto solo va en debug:
+# wry-0.55.1/src/lib.rs:834-837). Sin él, un fallo que solo aparece en la app instalada —como
+# el de OnlyOffice en Windows— no se puede mirar por dentro y hay que deducirlo leyendo
+# fuentes. Con él, clic derecho → Inspeccionar sobre el marco que falle y se acabó.
+tauri = { version = "2", features = ["tray-icon", "unstable", "devtools"] }
 tauri-plugin-opener = "2"
+tauri-plugin-clipboard-manager = "2"
 tauri-plugin-notification = "2"
 tauri-plugin-autostart = "2"
 tauri-plugin-updater = "2"

src-tauri/capabilities/default.json

@@ -2,14 +2,22 @@
   "$schema": "../gen/schemas/desktop-schema.json",
   "identifier": "default",
   "description": "Permisos del shell de escritorio: la barra local (chrome) y las pestañas remotas (tab-*).",
-  "windows": ["main"],
+  "windows": [
-  "webviews": ["chrome", "tab-*"],
+    "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"
   ]
 }

src-tauri/src/lib.rs

@@ -17,6 +17,11 @@
 //   - plugin `updater`: busca versión nueva en los Releases de GitHub y se actualiza sola.
 //   - bandeja (tray) + "cerrar = ocultar": sigue corriendo y notificando en segundo plano.
 // Y lo nuevo:
+//   - ATRÁS/ADELANTE: botones ← → en la barra, ⌘[ / ⌘] (Alt+←/→ en Windows) y menú
+//     Historial (macOS). Antes una página sin menú propio era un callejón sin salida.
+//   - «Reabrir pestaña cerrada» (⌘/Ctrl+Shift+T), como en el navegador.
+//   - Globo de NO-LEÍDOS en el icono (evento `ls-badge` desde la web app): número en el
+//     Dock (macOS), punto rojo en la barra de tareas (Windows) y tooltip de la bandeja.
 //   - ZOOM de interfaz (Cmd/Ctrl +/−/0 y Ctrl+rueda) con persistencia entre sesiones.
 //   - Sesión restaurada: al reabrir vuelve con las mismas pestañas y tamaño de ventana.
 //   - single-instance (solo release): abrir la app de nuevo enfoca la ventana existente.
@@ -34,18 +39,21 @@ use serde_json::json;
 use tauri::{
     menu::{CheckMenuItem, Menu, MenuItem, PredefinedMenuItem, Submenu},
     tray::{MouseButton, MouseButtonState, TrayIconBuilder, TrayIconEvent},
-    webview::{PageLoadEvent, Webview, WebviewBuilder},
+    webview::{DownloadEvent, PageLoadEvent, Webview, WebviewBuilder},
     window::{Window, WindowBuilder},
     AppHandle, Emitter, EventTarget, Listener, LogicalPosition, LogicalSize, Manager, Runtime,
     Url, WebviewUrl, WindowEvent,
 };
 use tauri_plugin_autostart::{MacosLauncher, ManagerExt};
 use tauri_plugin_notification::NotificationExt;
+use tauri_plugin_clipboard_manager::ClipboardExt;
 use tauri_plugin_opener::OpenerExt;
 
 const SERVER_URL: &str = "https://os.labstreamsas.com";
 const TAB_BAR_H: f64 = 40.0; // alto lógico de la barra de pestañas (chrome)
 const CHROME: &str = "chrome";
+// Hueco que ocupan los botones rojo/amarillo/verde en macOS: la barra deja libre ese
+// espacio a la izquierda (lo aplica el CSS de la barra con la bandera `mac` del payload).
 
 // Escalones de zoom (como un navegador). 1.0 = 100%.
 const ZOOM_STEPS: &[f64] = &[0.5, 0.67, 0.75, 0.8, 0.9, 1.0, 1.1, 1.25, 1.5, 1.75, 2.0, 2.5];
@@ -57,8 +65,26 @@ struct TabRec {
     label: String,
     title: String,
     url: String,
+    loading: bool, // la barra pinta un giro en el icono mientras carga
+    // Color elegido a mano desde el menú de la pestaña (None = sin teñir). Aquí solo vive el
+    // NOMBRE; el tono exacto y cómo se pinta son cosa del CSS de la barra.
+    color: Option<String>,
 }
 
+// Paleta de colores de pestaña, la misma idea que los grupos de Chrome: sirve para agrupar de
+// un vistazo («todo lo de este cliente en verde»). El id viaja en el payload de `ls-tabs`.
+const TAB_COLORS: &[(&str, &str)] = &[
+    ("gris", "Gris"),
+    ("azul", "Azul"),
+    ("rojo", "Rojo"),
+    ("amarillo", "Amarillo"),
+    ("verde", "Verde"),
+    ("rosa", "Rosa"),
+    ("morado", "Morado"),
+    ("cian", "Cian"),
+    ("naranja", "Naranja"),
+];
+
 struct Shell {
     tabs: Vec<TabRec>,
     active: usize,
@@ -66,11 +92,16 @@ struct Shell {
     next_id: u64,
     win: Option<WinRect>,
     autostart: Option<bool>, // elección del usuario en el menú ⋮ (None = por defecto, activado)
+    closed: Vec<String>,     // URLs de pestañas cerradas (para «Reabrir pestaña cerrada», ⌘⇧T)
+    menu_tab: Option<String>, // pestaña sobre la que se abrió el menú de clic derecho
+    // Último estado maximizado conocido. Solo sirve para no repintar la barra en CADA
+    // evento de redimensión: únicamente cuando el icono ▢/❐ tiene que cambiar.
+    maximized: bool,
 }
 
 impl Default for Shell {
     fn default() -> Self {
-        Self { tabs: Vec::new(), active: 0, zoom_idx: ZOOM_100, next_id: 1, win: None, autostart: None }
+        Self { tabs: Vec::new(), active: 0, zoom_idx: ZOOM_100, next_id: 1, win: None, autostart: None, closed: Vec::new(), menu_tab: None, maximized: false }
     }
 }
 
@@ -93,6 +124,10 @@ struct Persisted {
     win: Option<WinRect>,
     #[serde(default)]
     tabs: Vec<String>,
+    // Color de cada pestaña, en el mismo orden que `tabs` ("" = sin teñir). Lista aparte para
+    // que un estado.json viejo (sin colores) siga cargando tal cual.
+    #[serde(default)]
+    colors: Vec<String>,
     #[serde(default)]
     active: usize,
     #[serde(default)]
@@ -119,6 +154,7 @@ fn save_persisted<R: Runtime>(app: &AppHandle<R>) {
             zoom_idx: Some(s.zoom_idx),
             win: s.win,
             tabs: s.tabs.iter().map(|t| t.url.clone()).collect(),
+            colors: s.tabs.iter().map(|t| t.color.clone().unwrap_or_default()).collect(),
             active: s.active,
             autostart: s.autostart,
         }
@@ -137,16 +173,33 @@ fn save_persisted<R: Runtime>(app: &AppHandle<R>) {
 // - Reporta título/URL a la barra (observer del <title> + pushState del SPA).
 // - Atajos de teclado (en macOS los consume antes el menú nativo; esto cubre Windows y extras)
 //   y Ctrl+rueda para zoom.
-// En páginas de OTRO origen (p. ej. el login de Authentik) __TAURI__ no está inyectado y el
+// SOLO debe gobernar el documento principal de NUESTRO origen; ver la guarda de abajo.
-// script sale al principio sin tocar nada — la navegación del SSO sigue intacta.
 const INIT_JS_TPL: &str = r#"
 (function () {
+  var ORIGIN = "__ORIGIN__";
+
+  // ── GUARDA DE MARCO Y ORIGEN ──
+  // Antes aquí solo estaba `if (!T || !T.event) return;`, confiando en que __TAURI__ no
+  // existiría fuera del origen permitido. Eso es cierto en macOS y FALSO en Windows:
+  //   · wry inyecta los scripts de inicio en TODOS los marcos e IGNORA for_main_frame_only
+  //     (wry-0.55.1/src/webview2/mod.rs:492-495, documentado en su lib.rs:990), mientras que
+  //     WKWebView sí la respeta (wry-0.55.1/src/wkwebview/mod.rs:643-645);
+  //   · y __TAURI__ viaja con ellos (withGlobalTauri, tauri/src/manager/webview.rs:159-165).
+  // Consecuencia real: dentro del iframe del editor de OnlyOffice (docs.labstreamsas.com)
+  // este script SÍ corría en Windows, con ORIGIN apuntando todavía a la app. Como allí
+  // `location.href` es el del Document Server, abs() resolvía CADA enlace del editor contra
+  // docs.* → isExt() cierto → preventDefault() + mandarlo al navegador del sistema (que no
+  // tiene la sesión: «no se puede acceder»), y window.open devolvía null. Por eso editar y
+  // descargar fallaban solo en la app de Windows, y no en Mac ni en el navegador.
+  // En macOS estas dos líneas son un no-op: allí el script nunca ha corrido en subframes.
+  try { if (window.top !== window.self) return; } catch (e) { return; }
+  if (location.origin !== ORIGIN) return; // p. ej. el login del SSO: no intervenir
+
   if (window.__lsShell) return;
   window.__lsShell = true;
   var T = window.__TAURI__;
-  if (!T || !T.event) return; // página fuera del origen permitido (p. ej. SSO): no intervenir
+  if (!T || !T.event) return;
   var LABEL = "__LABEL__";
-  var ORIGIN = "__ORIGIN__";
 
   function abs(h) { try { return new URL(h, location.href); } catch (e) { return null; } }
   function isHttp(u) { return !!u && (u.protocol === 'http:' || u.protocol === 'https:'); }
@@ -213,12 +266,22 @@ const INIT_JS_TPL: &str = r#"
 
   // Atajos de teclado.
   addEventListener('keydown', function (e) {
+    // AltGr enciende ctrlKey en Windows. Sin este filtro, escribir [ o ] con teclado
+    // español —que se hacen con AltGr— entraba por aquí y disparaba history.back() /
+    // history.forward() en vez de escribir el carácter: en el editor, en el chat, en una
+    // nota y en cualquier campo de la app. En macOS no aplica (Option no toca ctrlKey).
+    if (e.altKey) return;
     var mod = e.metaKey || e.ctrlKey;
     if (!mod) return;
     var k = e.key;
-    if (k === 't' || k === 'T') { e.preventDefault(); newTab(null); }
+    if (k === 't' || k === 'T') {
+      e.preventDefault();
+      if (e.shiftKey) emit('ls-reopen', {}); else newTab(null);
+    }
     else if (k === 'w' || k === 'W') { e.preventDefault(); emit('ls-close-tab', { label: LABEL }); }
     else if ((k === 'r' || k === 'R') && !e.shiftKey) { e.preventDefault(); location.reload(); }
+    else if (k === '[') { e.preventDefault(); history.back(); }
+    else if (k === ']') { e.preventDefault(); history.forward(); }
     else if (k === '=' || k === '+') { e.preventDefault(); emit('ls-zoom', { dir: 1 }); }
     else if (k === '-') { e.preventDefault(); emit('ls-zoom', { dir: -1 }); }
     else if (k === '0') { e.preventDefault(); emit('ls-zoom', { dir: 0 }); }
@@ -226,6 +289,18 @@ const INIT_JS_TPL: &str = r#"
     else if (k >= '1' && k <= '9') { e.preventDefault(); emit('ls-activate-n', { n: +k }); }
   }, true);
 
+  // Alt+←/→ = atrás/adelante (convención de Windows/Linux; en Mac es ⌘[ / ⌘] y Alt+flecha
+  // se respeta para saltar palabras al escribir). Fuera de campos de texto solamente.
+  var MAC = /Mac/i.test(navigator.platform || '');
+  function editable(el) {
+    return !!el && (el.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(el.tagName || ''));
+  }
+  addEventListener('keydown', function (e) {
+    if (MAC || !e.altKey || e.metaKey || e.ctrlKey || e.shiftKey || editable(e.target)) return;
+    if (e.key === 'ArrowLeft') { e.preventDefault(); history.back(); }
+    else if (e.key === 'ArrowRight') { e.preventDefault(); history.forward(); }
+  }, true);
+
   // Ctrl+rueda = zoom (convención de navegador; en Mac también con Ctrl).
   addEventListener('wheel', function (e) {
     if (!e.ctrlKey) return;
@@ -269,8 +344,10 @@ fn current_zoom<R: Runtime>(app: &AppHandle<R>) -> f64 {
     ZOOM_STEPS[s.zoom_idx.min(ZOOM_STEPS.len() - 1)]
 }
 
-// Manda el estado de pestañas + zoom a la barra (webview "chrome").
+// Manda el estado de pestañas + zoom + versión a la barra (webview "chrome").
 fn broadcast<R: Runtime>(app: &AppHandle<R>) {
+    // Se consulta ANTES de tomar el lock del shell: así no se anidan dos cerrojos.
+    let maximized = main_window(app).and_then(|w| w.is_maximized().ok()).unwrap_or(false);
     let payload = {
         let shell = app.state::<ShellState>();
         let s = shell.lock().unwrap();
@@ -278,13 +355,38 @@ fn broadcast<R: Runtime>(app: &AppHandle<R>) {
             .tabs
             .iter()
             .enumerate()
-            .map(|(i, t)| json!({ "label": t.label, "title": t.title, "active": i == s.active }))
+            .map(|(i, t)| json!({ "label": t.label, "title": t.title, "url": t.url, "loading": t.loading, "active": i == s.active, "color": t.color }))
             .collect();
-        json!({ "tabs": tabs, "zoom": (ZOOM_STEPS[s.zoom_idx.min(ZOOM_STEPS.len()-1)] * 100.0).round() as u32 })
+        json!({
+            "tabs": tabs,
+            "zoom": (ZOOM_STEPS[s.zoom_idx.min(ZOOM_STEPS.len()-1)] * 100.0).round() as u32,
+            "version": app.package_info().version.to_string(),
+            // En macOS la barra ocupa la fila del título (ventana con título en overlay) y
+            // debe dejar libre el hueco del semáforo, que lo pinta el sistema.
+            "mac": cfg!(target_os = "macos"),
+            // En Windows la ventana va SIN decoración: la barra es la fila del título, así
+            // que dibuja ella misma los botones minimizar/maximizar/cerrar (no hay nativos).
+            "win": cfg!(target_os = "windows"),
+            "maximized": maximized,
+        })
     };
     let _ = app.emit_to(EventTarget::webview(CHROME), "ls-tabs", payload);
 }
 
+// Marca una pestaña como «cargando» y refresca la barra (giro en el icono).
+fn set_loading<R: Runtime>(app: &AppHandle<R>, label: &str, loading: bool) {
+    {
+        let shell = app.state::<ShellState>();
+        let mut s = shell.lock().unwrap();
+        let Some(t) = s.tabs.iter_mut().find(|t| t.label == label) else { return };
+        if t.loading == loading {
+            return; // sin cambios: no repintar la barra
+        }
+        t.loading = loading;
+    }
+    broadcast(app);
+}
+
 // Muestra la pestaña `label` y esconde las demás. Devuelve el foco al contenido.
 fn activate_tab<R: Runtime>(app: &AppHandle<R>, label: &str) {
     {
@@ -327,7 +429,7 @@ fn create_tab<R: Runtime>(app: &AppHandle<R>, url: Option<String>, activate: boo
         let mut s = shell.lock().unwrap();
         let label = format!("tab-{}", s.next_id);
         s.next_id += 1;
-        s.tabs.push(TabRec { label: label.clone(), title: "Labstream OS".into(), url: target.clone() });
+        s.tabs.push(TabRec { label: label.clone(), title: "Labstream OS".into(), url: target.clone(), loading: true, color: None });
         label
     };
 
@@ -339,13 +441,46 @@ fn create_tab<R: Runtime>(app: &AppHandle<R>, url: Option<String>, activate: boo
     let app_zoom = app.clone();
     let builder = WebviewBuilder::new(&label, WebviewUrl::External(parsed))
         .initialization_script(&init)
-        // Deja pasar las descargas (entregables, exportaciones) con el diálogo nativo de guardado.
+        // Deja pasar las descargas (entregables, exportaciones) Y avisa al terminar.
-        .on_download(|_webview, _event| true)
+        // El aviso no es un adorno: en WebView2 la interfaz de descargas queda SIEMPRE
+        // apagada. wry trae un manejador de descargas por defecto (wry-0.55.1/src/lib.rs:830),
+        // asi que DownloadStarting se registra siempre y siempre responde SetHandled(true)
+        // (wry-0.55.1/src/webview2/mod.rs:858-861), lo que le dice a WebView2 que del aviso
+        // se encarga la app: ni barra de progreso, ni globo de «descarga terminada». El
+        // archivo bajaba bien a la carpeta de Descargas, pero NADA lo decia y parecia roto.
+        // Quitar este manejador NO devuelve la interfaz nativa: el de wry sigue puesto.
+        .on_download(|webview, event| {
+            if let DownloadEvent::Finished { path, success, .. } = &event {
+                let cuerpo = if !*success {
+                    "No se pudo completar la descarga.".to_string()
+                } else if let Some(p) = path {
+                    // En macOS `path` llega siempre vacio (limite de WKDownload:
+                    // wry-0.55.1/src/wkwebview/download.rs:98), asi que en la practica
+                    // este brazo con nombre de archivo es el de Windows.
+                    match p.file_name() {
+                        Some(n) => format!("Descargado: {}", n.to_string_lossy()),
+                        None => "Descarga terminada.".to_string(),
+                    }
+                } else {
+                    "Descarga terminada. Esta en tu carpeta de Descargas.".to_string()
+                };
+                let _ = webview
+                    .app_handle()
+                    .notification()
+                    .builder()
+                    .title("Labstream OS")
+                    .body(cuerpo)
+                    .show();
+            }
+            true
+        })
         // El zoom guardado se re-aplica en cada carga (el factor no siempre sobrevive a la navegación).
         .on_page_load(move |wv, payload| {
-            if let PageLoadEvent::Finished = payload.event() {
+            let cargando = matches!(payload.event(), PageLoadEvent::Started);
+            if !cargando {
                 let _ = wv.set_zoom(current_zoom(&app_zoom));
             }
+            set_loading(&app_zoom, wv.label(), cargando);
         });
 
     let created = win.add_child(
@@ -379,6 +514,12 @@ fn close_tab<R: Runtime>(app: &AppHandle<R>, label: &str) {
         let mut s = shell.lock().unwrap();
         let Some(i) = s.tabs.iter().position(|t| t.label == label) else { return };
         let was_active = i == s.active;
+        // Recuerda la URL para «Reabrir pestaña cerrada» (tope de 20, las más recientes).
+        let url = s.tabs[i].url.clone();
+        s.closed.push(url);
+        if s.closed.len() > 20 {
+            s.closed.remove(0);
+        }
         s.tabs.remove(i);
         if s.tabs.is_empty() {
             s.active = 0;
@@ -485,6 +626,67 @@ fn active_url<R: Runtime>(app: &AppHandle<R>) -> Option<String> {
     s.tabs.get(s.active).map(|t| t.url.clone())
 }
 
+// Atrás/adelante en el HISTORIAL de la pestaña activa. Antes no existía por ningún lado y
+// una página sin menú propio (p. ej. el portal de revisión) era un callejón sin salida.
+fn nav_tab<R: Runtime>(app: &AppHandle<R>, dir: i32) {
+    if let Some(l) = active_label(app) {
+        if let Some(wv) = get_webview(app, &l) {
+            let _ = wv.eval(if dir < 0 { "history.back()" } else { "history.forward()" });
+        }
+    }
+}
+
+// «Reabrir pestaña cerrada» (⌘/Ctrl+Shift+T): la más reciente primero, como en el navegador.
+fn reopen_tab<R: Runtime>(app: &AppHandle<R>) {
+    let url = {
+        let shell = app.state::<ShellState>();
+        let mut s = shell.lock().unwrap();
+        s.closed.pop()
+    };
+    if let Some(u) = url {
+        create_tab(app, Some(u), true);
+    }
+}
+
+// Punto rojo para el icono de la barra de tareas de Windows (dibujado a mano: sin assets).
+#[cfg(target_os = "windows")]
+fn red_dot() -> tauri::image::Image<'static> {
+    const S: usize = 16;
+    let mut px = vec![0u8; S * S * 4];
+    let c = (S as f64 - 1.0) / 2.0;
+    for y in 0..S {
+        for x in 0..S {
+            let (dx, dy) = (x as f64 - c, y as f64 - c);
+            if (dx * dx + dy * dy).sqrt() <= c {
+                let i = (y * S + x) * 4;
+                px[i] = 225;
+                px[i + 1] = 29;
+                px[i + 2] = 72;
+                px[i + 3] = 255;
+            }
+        }
+    }
+    tauri::image::Image::new_owned(px, S as u32, S as u32)
+}
+
+// Globo de NO-LEÍDOS en el icono, alimentado por la web app (evento `ls-badge {count}`):
+// macOS = número en el icono del Dock; Windows = punto rojo sobre el icono de la barra de
+// tareas; y en ambos, el tooltip de la bandeja dice cuántos hay.
+fn set_badge<R: Runtime>(app: &AppHandle<R>, count: i64) {
+    if let Some(win) = main_window(app) {
+        #[cfg(target_os = "macos")]
+        let _ = win.set_badge_count(if count > 0 { Some(count) } else { None });
+        #[cfg(target_os = "windows")]
+        let _ = win.set_overlay_icon(if count > 0 { Some(red_dot()) } else { None });
+        #[cfg(not(any(target_os = "macos", target_os = "windows")))]
+        let _ = &win;
+    }
+    if let Some(tray) = app.tray_by_id("main-tray") {
+        let tip = if count > 0 { format!("Labstream OS — {count} sin leer") } else { "Labstream OS".to_string() };
+        let _ = tray.set_tooltip(Some(tip));
+    }
+}
+
 // Menú de OPCIONES de la app (botón ⋮ / clic derecho en la barra): un popup NATIVO del sistema,
 // igual en Windows y macOS. Se construye fresco en cada apertura para que el check de
 // "Iniciar con el sistema" y la versión estén siempre al día. Solo opciones del SHELL — la web
@@ -497,8 +699,12 @@ fn show_app_menu<R: Runtime>(app: &AppHandle<R>) {
         Ok(Menu::with_items(
             app,
             &[
+                &MenuItem::with_id(app, "nav-back", "Atrás", true, Some("CmdOrCtrl+["))?,
+                &MenuItem::with_id(app, "nav-forward", "Adelante", true, Some("CmdOrCtrl+]"))?,
+                &PredefinedMenuItem::separator(app)?,
                 &MenuItem::with_id(app, "new-tab", "Nueva pestaña", true, Some("CmdOrCtrl+T"))?,
                 &MenuItem::with_id(app, "close-tab", "Cerrar pestaña", true, Some("CmdOrCtrl+W"))?,
+                &MenuItem::with_id(app, "reopen-tab", "Reabrir pestaña cerrada", true, Some("CmdOrCtrl+Shift+T"))?,
                 &MenuItem::with_id(app, "reload", "Recargar", true, Some("CmdOrCtrl+R"))?,
                 &PredefinedMenuItem::separator(app)?,
                 &MenuItem::with_id(app, "zoom-in", "Acercar", true, Some("CmdOrCtrl+="))?,
@@ -519,6 +725,134 @@ fn show_app_menu<R: Runtime>(app: &AppHandle<R>) {
     }
 }
 
+// Menú de CLIC DERECHO sobre una pestaña. Nativo (la barra mide 40 px: un menú HTML dentro
+// del webview quedaría recortado). Recuerda en el estado sobre qué pestaña se abrió.
+fn show_tab_menu<R: Runtime>(app: &AppHandle<R>, label: &str) {
+    let Some(win) = main_window(app) else { return };
+    let (idx, total, actual) = {
+        let shell = app.state::<ShellState>();
+        let mut s = shell.lock().unwrap();
+        let Some(i) = s.tabs.iter().position(|t| t.label == label) else { return };
+        s.menu_tab = Some(label.to_string());
+        let actual = s.tabs[i].color.clone();
+        (i, s.tabs.len(), actual)
+    };
+    // Los ids se arman fuera del builder para poder pasarlos como &str (igual que el resto
+    // del menú) en vez de mezclar String y &str en el mismo constructor.
+    let ids: Vec<String> = TAB_COLORS.iter().map(|(id, _)| format!("tab-color-{id}")).collect();
+    let build = || -> tauri::Result<Menu<R>> {
+        // Submenú de color, con marca en el que tiene puesto ahora.
+        let mut colores: Vec<CheckMenuItem<R>> = Vec::with_capacity(TAB_COLORS.len() + 1);
+        colores.push(CheckMenuItem::with_id(app, "tab-color-ninguno", "Sin color", true, actual.is_none(), None::<&str>)?);
+        for ((cid, nombre), id) in TAB_COLORS.iter().zip(ids.iter()) {
+            let marcado = actual.as_deref() == Some(*cid);
+            colores.push(CheckMenuItem::with_id(app, id.as_str(), *nombre, true, marcado, None::<&str>)?);
+        }
+        let refs: Vec<&dyn tauri::menu::IsMenuItem<R>> = colores.iter().map(|c| c as &dyn tauri::menu::IsMenuItem<R>).collect();
+        let submenu = Submenu::with_items(app, "Color", true, &refs)?;
+        Ok(Menu::with_items(
+            app,
+            &[
+                &MenuItem::with_id(app, "tab-duplicate", "Duplicar pestaña", true, None::<&str>)?,
+                &MenuItem::with_id(app, "tab-copy-url", "Copiar enlace", true, None::<&str>)?,
+                &PredefinedMenuItem::separator(app)?,
+                &submenu,
+                &PredefinedMenuItem::separator(app)?,
+                &MenuItem::with_id(app, "tab-close", "Cerrar pestaña", true, None::<&str>)?,
+                &MenuItem::with_id(app, "tab-close-others", "Cerrar las demás", total > 1, None::<&str>)?,
+                &MenuItem::with_id(app, "tab-close-right", "Cerrar las de la derecha", idx + 1 < total, None::<&str>)?,
+            ],
+        )?)
+    };
+    if let Ok(menu) = build() {
+        let _ = win.popup_menu(&menu);
+    }
+}
+
+// Acciones del menú de pestaña. `menu_tab` guarda sobre cuál se abrió (puede no ser la activa).
+fn tab_menu_action<R: Runtime>(app: &AppHandle<R>, action: &str) {
+    let target = {
+        let shell = app.state::<ShellState>();
+        let s = shell.lock().unwrap();
+        s.menu_tab.clone()
+    };
+    let Some(label) = target else { return };
+    // Las que hay que cerrar se calculan ANTES de cerrar nada (los índices se mueven).
+    let (url, otras, derecha) = {
+        let shell = app.state::<ShellState>();
+        let s = shell.lock().unwrap();
+        let Some(i) = s.tabs.iter().position(|t| t.label == label) else { return };
+        (
+            s.tabs[i].url.clone(),
+            s.tabs.iter().filter(|t| t.label != label).map(|t| t.label.clone()).collect::<Vec<_>>(),
+            s.tabs.iter().skip(i + 1).map(|t| t.label.clone()).collect::<Vec<_>>(),
+        )
+    };
+    match action {
+        "tab-duplicate" => create_tab(app, Some(url), true),
+        "tab-copy-url" => {
+            let _ = app.clipboard().write_text(url);
+        }
+        "tab-close" => close_tab(app, &label),
+        "tab-close-others" => {
+            for l in otras {
+                close_tab(app, &l);
+            }
+        }
+        "tab-close-right" => {
+            for l in derecha {
+                close_tab(app, &l);
+            }
+        }
+        // Teñir la pestaña (o quitarle el color). Se valida contra la paleta: un id que no
+        // esté en TAB_COLORS deja la pestaña sin color en vez de guardar cualquier cosa.
+        a if a.starts_with("tab-color-") => {
+            let elegido = &a["tab-color-".len()..];
+            let nuevo = TAB_COLORS
+                .iter()
+                .find(|(id, _)| *id == elegido)
+                .map(|(id, _)| (*id).to_string());
+            {
+                let shell = app.state::<ShellState>();
+                let mut s = shell.lock().unwrap();
+                if let Some(t) = s.tabs.iter_mut().find(|t| t.label == label) {
+                    t.color = nuevo;
+                }
+            }
+            broadcast(app);
+            save_persisted(app);
+        }
+        _ => {}
+    }
+}
+
+// Reordena las pestañas al soltar una en otra posición (arrastrar en la barra). Llega el
+// orden completo de etiquetas; se conserva cuál estaba activa y se guarda la sesión.
+fn reorder_tabs<R: Runtime>(app: &AppHandle<R>, order: Vec<String>) {
+    {
+        let shell = app.state::<ShellState>();
+        let mut s = shell.lock().unwrap();
+        // Solo se acepta una permutación EXACTA de las pestañas actuales (nada de perder o
+        // duplicar si la barra manda algo raro).
+        if order.len() != s.tabs.len() || !order.iter().all(|l| s.tabs.iter().any(|t| &t.label == l)) {
+            return;
+        }
+        let activa = s.tabs.get(s.active).map(|t| t.label.clone());
+        let mut nuevas: Vec<TabRec> = Vec::with_capacity(order.len());
+        for l in &order {
+            if let Some(i) = s.tabs.iter().position(|t| &t.label == l) {
+                nuevas.push(s.tabs.remove(i));
+            }
+        }
+        s.tabs = nuevas;
+        if let Some(a) = activa {
+            s.active = s.tabs.iter().position(|t| t.label == a).unwrap_or(0);
+        }
+    }
+    broadcast(app);
+    save_persisted(app);
+}
+
 // Activa/desactiva el arranque con el sistema y RECUERDA la elección (si no, el arranque
 // la re-activaba en cada apertura).
 fn toggle_autostart<R: Runtime>(app: &AppHandle<R>) {
@@ -625,6 +959,7 @@ pub fn run() {
 
     builder = builder
         .plugin(tauri_plugin_opener::init())
+        .plugin(tauri_plugin_clipboard_manager::init())
         .plugin(tauri_plugin_notification::init())
         .plugin(tauri_plugin_updater::Builder::new().build())
         .plugin(tauri_plugin_autostart::init(MacosLauncher::LaunchAgent, None));
@@ -662,10 +997,26 @@ pub fn run() {
             }
 
             // Ventana principal (contenedora). Tamaño/posición de la sesión anterior si los hay.
+            // En AMBOS sistemas la barra de pestañas ocupa la fila del título, como Chrome:
+            // no se desperdicia una franja entera en repetir el nombre de la app.
+            // - macOS: título en OVERLAY y sin texto; el semáforo lo sigue pintando el sistema
+            //   encima y la barra le deja su hueco (clase `mac` del CSS).
+            // - Windows: ventana SIN decoración; los botones minimizar/maximizar/cerrar los
+            //   dibuja la propia barra (clase `win`) y actúan por el evento `ls-window`.
+            //   `resizable(true)` conserva WS_THICKFRAME, así que los bordes siguen
+            //   redimensionando y Aero Snap (arrastrar a un borde, Win+flechas) sigue vivo.
             let mut wb = WindowBuilder::new(app, "main")
                 .title("Labstream OS")
                 .resizable(true)
                 .min_inner_size(1024.0, 700.0);
+            #[cfg(target_os = "macos")]
+            {
+                wb = wb.title_bar_style(tauri::TitleBarStyle::Overlay).hidden_title(true);
+            }
+            #[cfg(target_os = "windows")]
+            {
+                wb = wb.decorations(false);
+            }
             match saved.win {
                 Some(r) if r.w >= 600.0 && r.h >= 400.0 => {
                     wb = wb.inner_size(r.w, r.h).position(r.x, r.y);
@@ -702,6 +1053,7 @@ pub fn run() {
                     &[
                         &MenuItem::with_id(h, "new-tab", "Nueva pestaña", true, Some("CmdOrCtrl+T"))?,
                         &MenuItem::with_id(h, "close-tab", "Cerrar pestaña", true, Some("CmdOrCtrl+W"))?,
+                        &MenuItem::with_id(h, "reopen-tab", "Reabrir pestaña cerrada", true, Some("CmdOrCtrl+Shift+T"))?,
                         &PredefinedMenuItem::separator(h)?,
                         &MenuItem::with_id(h, "open-browser", "Abrir esta página en el navegador", true, None::<&str>)?,
                     ],
@@ -734,6 +1086,15 @@ pub fn run() {
                         &PredefinedMenuItem::fullscreen(h, Some("Pantalla completa"))?,
                     ],
                 )?;
+                let historial = Submenu::with_items(
+                    h,
+                    "Historial",
+                    true,
+                    &[
+                        &MenuItem::with_id(h, "nav-back", "Atrás", true, Some("CmdOrCtrl+["))?,
+                        &MenuItem::with_id(h, "nav-forward", "Adelante", true, Some("CmdOrCtrl+]"))?,
+                    ],
+                )?;
                 let ventana = Submenu::with_items(
                     h,
                     "Ventana",
@@ -743,18 +1104,21 @@ pub fn run() {
                         &PredefinedMenuItem::maximize(h, Some("Zoom"))?,
                     ],
                 )?;
-                let menu = Menu::with_items(h, &[&app_menu, &archivo, &edicion, &vista, &ventana])?;
+                let menu = Menu::with_items(h, &[&app_menu, &archivo, &edicion, &vista, &historial, &ventana])?;
                 app.set_menu(menu)?;
             }
 
             // Manejador de TODOS los menús (el de macOS y el popup ⋮ de ambas plataformas).
             app.on_menu_event(|app, event| match event.id().as_ref() {
+                "nav-back" => nav_tab(app, -1),
+                "nav-forward" => nav_tab(app, 1),
                 "new-tab" => create_tab(app, None, true),
                 "close-tab" => {
                     if let Some(l) = active_label(app) {
                         close_tab(app, &l);
                     }
                 }
+                "reopen-tab" => reopen_tab(app),
                 "reload" => reload_tab(app, None),
                 "zoom-in" => zoom_step(app, 1),
                 "zoom-out" => zoom_step(app, -1),
@@ -764,6 +1128,10 @@ pub fn run() {
                         let _ = app.opener().open_url(url, None::<&str>);
                     }
                 }
+                id @ ("tab-duplicate" | "tab-copy-url" | "tab-close" | "tab-close-others" | "tab-close-right") => {
+                    tab_menu_action(app, id)
+                }
+                id if id.starts_with("tab-color-") => tab_menu_action(app, id),
                 "autostart-toggle" => toggle_autostart(app),
                 "check-update" => {
                     #[cfg(desktop)]
@@ -780,27 +1148,44 @@ pub fn run() {
             let scale = win.scale_factor().unwrap_or(1.0);
             let size = win.inner_size()?.to_logical::<f64>(scale);
             win.add_child(
-                WebviewBuilder::new(CHROME, WebviewUrl::App("index.html".into())),
+                WebviewBuilder::new(CHROME, WebviewUrl::App("index.html".into()))
+                    // Sin esto Tauri instala su manejador de arrastre del SISTEMA en el
+                    // webview y se traga los eventos HTML5 → no se podrían reordenar las
+                    // pestañas arrastrando. La barra no recibe archivos, así que sobra.
+                    .disable_drag_drop_handler(),
                 LogicalPosition::new(0.0, 0.0),
                 LogicalSize::new(size.width, TAB_BAR_H),
             )?;
 
-            // Pestañas de la sesión anterior (o una nueva si no hay).
+            // Pestañas de la sesión anterior (o una nueva si no hay), cada una con su color.
-            let restore: Vec<String> = {
+            // El color se empareja con su URL ANTES de filtrar: el filtro por origen puede
+            // descartar entradas y entonces los índices de las dos listas dejarían de casar.
+            let restore: Vec<(String, String)> = {
                 let server = Url::parse(SERVER_URL).expect("URL del servidor válida");
                 saved
                     .tabs
                     .iter()
-                    .filter(|u| Url::parse(u).map(|p| p.origin() == server.origin()).unwrap_or(false))
+                    .enumerate()
+                    .filter(|(_, u)| Url::parse(u).map(|p| p.origin() == server.origin()).unwrap_or(false))
                     .take(12)
-                    .cloned()
+                    .map(|(i, u)| (u.clone(), saved.colors.get(i).cloned().unwrap_or_default()))
                     .collect()
             };
             if restore.is_empty() {
                 create_tab(&handle, None, true);
             } else {
-                for url in &restore {
+                for (url, color) in &restore {
                     create_tab(&handle, Some(url.clone()), false);
+                    if !color.is_empty() {
+                        // create_tab acaba de empujar su pestaña al final de la lista.
+                        let shell = handle.state::<ShellState>();
+                        let mut s = shell.lock().unwrap();
+                        if let Some(t) = s.tabs.last_mut() {
+                            if t.url == *url {
+                                t.color = Some(color.clone());
+                            }
+                        }
+                    }
                 }
                 let idx = saved.active.min(restore.len() - 1);
                 let label = {
@@ -858,9 +1243,69 @@ pub fn run() {
                 }
             });
             let h = handle.clone();
+            handle.listen_any("ls-nav", move |e| {
+                let dir = field_i64(e.payload(), "dir").unwrap_or(-1) as i32;
+                nav_tab(&h, dir);
+            });
+            let h = handle.clone();
+            handle.listen_any("ls-reopen", move |_| {
+                reopen_tab(&h);
+            });
+            // Globo de no-leídos: lo emite la web app cuando cambia el conteo del chat.
+            let h = handle.clone();
+            handle.listen_any("ls-badge", move |e| {
+                let n = field_i64(e.payload(), "count").unwrap_or(0);
+                set_badge(&h, n);
+            });
+            let h = handle.clone();
+            let h_tabmenu = handle.clone();
+            handle.listen_any("ls-tab-menu", move |e| {
+                if let Some(label) = field(e.payload(), "label") {
+                    show_tab_menu(&h_tabmenu, &label);
+                }
+            });
+            let h_reorder = handle.clone();
+            handle.listen_any("ls-reorder", move |e| {
+                // `order` llega como lista de etiquetas separadas por coma (el payload de los
+                // eventos del shell es plano: strings y números).
+                if let Some(orden) = field(e.payload(), "order") {
+                    let v: Vec<String> = orden.split(',').map(|x| x.trim().to_string()).filter(|x| !x.is_empty()).collect();
+                    reorder_tabs(&h_reorder, v);
+                }
+            });
             handle.listen_any("ls-menu", move |_| {
                 show_app_menu(&h);
             });
+            // Botones de ventana de la barra. Solo se pintan en Windows, donde la ventana va
+            // sin decoración y no hay aspa del sistema. «close» pasa por CloseRequested, así
+            // que hace lo mismo de siempre: ocultar a la bandeja, no salir de la app.
+            let h = handle.clone();
+            handle.listen_any("ls-window", move |e| {
+                let Some(win) = main_window(&h) else { return };
+                match field(e.payload(), "act").as_deref() {
+                    Some("min") => {
+                        let _ = win.minimize();
+                    }
+                    Some("max") => {
+                        // El repintado del icono ▢/❐ lo dispara el Resized que viene después.
+                        if win.is_maximized().unwrap_or(false) {
+                            let _ = win.unmaximize();
+                        } else {
+                            let _ = win.maximize();
+                        }
+                    }
+                    Some("close") => {
+                        let _ = win.close();
+                    }
+                    _ => {}
+                }
+            });
+            // Clic en la etiqueta de versión de la barra → buscar actualización (con aviso).
+            let h = handle.clone();
+            handle.listen_any("ls-check-update", move |_| {
+                #[cfg(desktop)]
+                tauri::async_runtime::spawn(check_update_manual(h.clone()));
+            });
             let h = handle.clone();
             handle.listen_any("ls-title", move |e| {
                 let (label, title, url) = (
@@ -930,6 +1375,24 @@ pub fn run() {
                 WindowEvent::Resized(_) | WindowEvent::ScaleFactorChanged { .. } => {
                     let app = window.app_handle();
                     layout_all(app);
+                    // Maximizar/restaurar llega como un Resized más: si el estado cambió, la
+                    // barra tiene que repintar su icono ▢/❐. Se compara antes de emitir para
+                    // no repintarla en cada píxel mientras se arrastra un borde.
+                    let maxi = window.is_maximized().unwrap_or(false);
+                    let cambio = {
+                        let shell = app.state::<ShellState>();
+                        let mut s = shell.lock().unwrap();
+                        let antes = s.maximized;
+                        s.maximized = maxi;
+                        antes != maxi
+                    };
+                    if cambio {
+                        broadcast(app);
+                    }
+                    // La geometría MAXIMIZADA no se guarda: al reabrir volvería como ventana
+                    // normal del tamaño de la pantalla y, sin decoración, taparía la barra de
+                    // tareas. Se conserva la última geometría restaurada.
+                    if !maxi {
                         if let (Ok(pos), Ok(size)) = (window.outer_position(), window.inner_size()) {
                             let scale = window.scale_factor().unwrap_or(1.0);
                             let p = pos.to_logical::<f64>(scale);
@@ -939,8 +1402,12 @@ pub fn run() {
                                 Some(WinRect { x: p.x, y: p.y, w: s.width, h: s.height });
                         }
                     }
+                }
                 WindowEvent::Moved(_) => {
                     let app = window.app_handle();
+                    if window.is_maximized().unwrap_or(false) {
+                        return; // ver arriba: maximizada no se guarda
+                    }
                     if let (Ok(pos), Ok(size)) = (window.outer_position(), window.inner_size()) {
                         let scale = window.scale_factor().unwrap_or(1.0);
                         let p = pos.to_logical::<f64>(scale);

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Labstream OS",
-  "version": "1.2.0",
+  "version": "1.6.0",
   "identifier": "co.labstream.os",
   "build": {
     "frontendDist": "../dist"