shadok-ai 0.2.32 → 0.2.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadok-ai",
-  "version": "0.2.32",
+  "version": "0.2.34",
   "main": "dist/session.js",
   "scripts": {
     "test": "node --import tsx --test test/*.ts .claude/skills/shadok-ai-agents/test/*.test.mjs",

package/public/index.html

@@ -4,7 +4,7 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>shadok-ai — cockpit</title>
-<link rel="icon" id="favicon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%2314161d'/%3E%3Ctext x='15' y='23' font-family='monospace' font-size='20' fill='%23f0a848' text-anchor='middle'%3E%E2%80%BA%3C/text%3E%3C/svg%3E">
+<link rel="icon" id="favicon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%2314161d'/%3E%3Ctext x='16' y='25' font-family='monospace' font-size='26' font-weight='700' fill='%23f0a848' text-anchor='middle'%3E%E2%80%BA%3C/text%3E%3C/svg%3E">
 <style>
   :root {
     --bg: #14161d;
@@ -2486,22 +2486,25 @@
   const favicon = $("favicon");
   let titleBase = BASE_TITLE; // current title without the notification badge
   /** SVG data-URI favicon: the base mark, plus a coloured corner pip if given. */
-  function faviconSVG(dot) {
-    const pip = dot ? `<circle cx="24" cy="8" r="7" fill="${dot}"/>` : "";
+  /** L'indicateur remplit TOUT le favicon : au repos, fond sombre + chevron
+   *  ambre ; pour un état (rouge = à faire, ambre = à lire) tout le carré prend
+   *  la couleur, chevron sombre par-dessus. Bien plus visible qu'une pastille. */
+  function faviconSVG(bg) {
     const svg =
       `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">` +
-      `<rect width="32" height="32" rx="7" fill="#14161d"/>` +
-      `<text x="15" y="23" font-family="monospace" font-size="20" fill="#f0a848" text-anchor="middle">›</text>` +
-      pip + `</svg>`;
+      `<rect width="32" height="32" rx="7" fill="${bg || "#14161d"}"/>` +
+      `<text x="16" y="25" font-family="monospace" font-size="26" font-weight="700" fill="${bg ? "#14161d" : "#f0a848"}" text-anchor="middle">›</text>` +
+      `</svg>`;
     return "data:image/svg+xml," + encodeURIComponent(svg);
   }
-  /** Favicon « en train de bosser » : la marque + un arc qui tourne (angle animé). */
+  /** Favicon « en train de bosser » : un GROS spinner centré qui remplit le
+   *  favicon (piste faible + arc ambre qui tourne). */
   function faviconWorkingSVG(angle) {
     const svg =
       `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">` +
       `<rect width="32" height="32" rx="7" fill="#14161d"/>` +
-      `<text x="15" y="23" font-family="monospace" font-size="20" fill="#f0a848" text-anchor="middle">›</text>` +
-      `<g transform="rotate(${angle} 24 8)"><circle cx="24" cy="8" r="6" fill="none" stroke="#f0a848" stroke-width="2.5" stroke-linecap="round" stroke-dasharray="26 40"/></g>` +
+      `<circle cx="16" cy="16" r="11" fill="none" stroke="rgba(240,168,72,0.22)" stroke-width="4"/>` +
+      `<g transform="rotate(${angle} 16 16)"><circle cx="16" cy="16" r="11" fill="none" stroke="#f0a848" stroke-width="4" stroke-linecap="round" stroke-dasharray="34 100"/></g>` +
       `</svg>`;
     return "data:image/svg+xml," + encodeURIComponent(svg);
   }
@@ -3589,6 +3592,11 @@
         setTabState(t, "busy", "responding…");
         clearLivePreview(t);
         t.finalizedNorms = [];
+        // Aucun texte visible produit pour l'instant ce tour. Sert au turn-done à
+        // décider s'il y a vraiment « à lire » : un tour qui ne sort que
+        // NOTHING TO SHOW (filtré par le tail → aucun stream-text) ne doit pas
+        // marquer le canal comme non-lu.
+        t.turnHadText = false;
         break;
       case "prompt-echo":
         // Prompt sent by another tab/interface — or by the server itself
@@ -3625,6 +3633,9 @@
           if (fin) (t.finalizedNorms ||= []).push(fin);
         }
         clearLivePreview(t);
+        // Du texte visible est arrivé (NOTHING TO SHOW est filtré par le tail
+        // avant d'arriver ici) → il y a vraiment quelque chose à lire.
+        t.turnHadText = true;
         // Repli sur l'heure locale si le serveur n'a pas envoyé `at` (transcript
         // sans timestamp) : un bloc en direct vient d'être écrit, l'écart est nul.
         addTurn(t, "claude", "claude", msg.text, "live", msg.at ?? Date.now());
@@ -3648,7 +3659,10 @@
           persistChannels();
         }
         stopTurnTimer(t);
-        setTabMood(t, t === active ? null : "unread");
+        // « unread » seulement si le tour a produit du texte visible. Un tour
+        // vide (ex. cron qui conclut NOTHING TO SHOW) ne réclame aucune lecture,
+        // ni sur l'onglet ni sur le favicon.
+        setTabMood(t, (t === active || !t.turnHadText) ? null : "unread");
         setTabState(t, "ready", "ready");
         break;
       case "dialog":