shadok-ai 0.2.33 → 0.2.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadok-ai",
-  "version": "0.2.33",
+  "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);
   }