shadok-ai 0.2.30 → 0.2.32

package/package.json

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

package/public/index.html

@@ -1308,10 +1308,6 @@
           <span class="label">Name</span>
           <input type="text" id="nameInput" placeholder="agent" autocomplete="off" spellcheck="false">
         </div>
-        <div class="field">
-          <span class="label">Working directory</span>
-          <input type="text" id="cwdInput" placeholder="/path/to/project">
-        </div>
         <label class="check" id="worktreeField">
           <input type="checkbox" id="worktreeInput" checked>
           <span>Isolate in a git worktree <span class="check-hint">— the agent edits a fresh branch; review &amp; merge from the Diff panel. Auto-removed on close if unused, kept if it has changes. (new sessions only)</span></span>
@@ -1321,7 +1317,11 @@
         <span>Mirror to Telegram <span class="check-hint">— gives this agent its own topic in the board group, so you can follow it and reply from your phone. Off by default; switchable later from the channel menu.</span></span>
       </label>
       <details class="fold" id="advancedField">
-          <summary>Advanced — resume an existing session</summary>
+          <summary>Advanced — working directory, resume an existing session</summary>
+          <div class="field">
+            <span class="label">Working directory <span class="check-hint">— defaults to where shadok-ai runs; point at another repo for a multi-project agent.</span></span>
+            <input type="text" id="cwdInput" placeholder="/path/to/project">
+          </div>
           <div class="field">
             <div class="radio-row">
               <label><input type="radio" name="mode" value="new" checked> new session</label>
@@ -2495,11 +2495,22 @@
       pip + `</svg>`;
     return "data:image/svg+xml," + encodeURIComponent(svg);
   }
+  /** Favicon « en train de bosser » : la marque + un arc qui tourne (angle animé). */
+  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>` +
+      `</svg>`;
+    return "data:image/svg+xml," + encodeURIComponent(svg);
+  }
   /** What each channel is asking for, as the pure module wants it. */
   function attentionInput() {
     return tabs.map((t) => ({
       mood: t.btnEl.classList.contains("needs-answer") ? "needs-answer"
-        : t.btnEl.classList.contains("unread") ? "unread" : null,
+        : t.btnEl.classList.contains("unread") ? "unread"
+        : t.btnEl.classList.contains("working") ? "working" : null,
       muted: !!t.muted,
     }));
   }
@@ -2508,10 +2519,14 @@
   // costs no timer at all.
   let blinkTimer = null;
   let blinkPhase = 0;
+  let workTimer = null;   // anime le favicon « working » (spinner)
+  let workAngle = 0;
+  function stopWork() { if (workTimer) { clearInterval(workTimer); workTimer = null; } }
   function paint() {
     // The ESM bridge lands after the document is parsed (gotcha #10): until it
     // does, keep the plain badge rather than throwing on the first paint.
     if (!window.notifyState) {
+      stopWork();
       favicon.href = faviconSVG(null);
       document.title = titleBase;
       return;
@@ -2524,8 +2539,21 @@
       away: document.hidden || !document.hasFocus(),
       phase: blinkPhase,
     });
-    favicon.href = faviconSVG(s.color);
     document.title = s.badge + titleBase;
+    // « working » = favicon animé (spinner). Le module ne renvoie ce mode que si
+    // RIEN de plus prioritaire (bloqué / non-lu) n'attend — la priorité est donc
+    // gérée en amont : un agent qui attend gagne toujours sur un agent qui bosse.
+    if (s.mode === "working") {
+      if (blinkTimer) { clearInterval(blinkTimer); blinkTimer = null; blinkPhase = 0; }
+      if (!workTimer) {
+        const tick = () => { workAngle = (workAngle + 30) % 360; favicon.href = faviconWorkingSVG(workAngle); };
+        tick();
+        workTimer = setInterval(tick, 120);
+      }
+      return;
+    }
+    stopWork();
+    favicon.href = faviconSVG(s.color);
     if (s.blink && !blinkTimer) {
       blinkTimer = setInterval(() => { blinkPhase ^= 1; paint(); }, window.BLINK_MS || 900);
     } else if (!s.blink && blinkTimer) {
@@ -3323,10 +3351,16 @@
    * à la place de la conversation qu'on regardait.
    */
   function openSetup() {
-    // Ne jamais écraser ce qui est déjà tapé (la popin peut se rouvrir).
-    if (!$("cwdInput").value) {
-      $("cwdInput").value = (active && active.cwd) || localStorage.getItem("cp.cwd") || serverCwd || "";
-    }
+    // Défauts PRÉVISIBLES à chaque ouverture. Le navigateur restaure l'état des
+    // champs de formulaire (un mode "continue"/"resume" choisi une fois, une case
+    // worktree décochée, un cwd de worktree) — c'est ce qui faisait retomber
+    // « créer un agent » dans le répertoire de base, en silence. On réaffirme le
+    // défaut : session NEUVE, worktree isolé, depuis la base.
+    const newRadio = document.querySelector('input[name="mode"][value="new"]');
+    newRadio.checked = true;
+    newRadio.dispatchEvent(new Event("change")); // réactive worktree/profil, cache le resume
+    $("worktreeInput").checked = true;
+    $("cwdInput").value = serverCwd || "";
     const last = localStorage.getItem("cp.session");
     if (last && !$("resumeInput").value) $("resumeInput").value = last;
     $("startBtn").disabled = false;
@@ -3341,7 +3375,9 @@
     refreshRecoverList();
     refreshLiveList();
     $("setupOverlay").hidden = false;
-    $("cwdInput").focus();
+    // Le cwd est désormais dans le fold « Advanced » (replié) : on focus le nom,
+    // premier champ du flux principal.
+    $("nameInput").focus();
   }
   function closeSetup() { $("setupOverlay").hidden = true; }
 

package/public/notify.js

@@ -46,19 +46,27 @@ export function notifyState(channels, view) {
 
   let blocked = false;
   let unread = false;
+  let working = false;
   for (const c of channels || []) {
     if (!c || c.muted) continue; // un canal muté ne remonte aucun signal global
     if (c.mood === "needs-answer") blocked = true;
     else if (c.mood === "unread") unread = true;
+    else if (c.mood === "working") working = true;
   }
 
-  if (!blocked && !unread) return { color: null, badge: "", blink: false };
-
-  // Seul un agent bloqué justifie de clignoter : une réponse non lue signale
-  // qu'il s'est passé quelque chose, pas qu'on attend après toi.
-  const blink = blocked && away;
-  if (!blink) return { color: blocked ? RED : AMBER, badge: "● ", blink: false };
-  return phase
-    ? { color: RED_DIM, badge: "◉ ", blink: true }
-    : { color: RED, badge: "● ", blink: true };
+  // Priorité : « il y a quelque chose à faire » (bloqué) prime sur « quelque
+  // chose est arrivé » (non-lu), qui prime sur « ça bosse ». `mode` dit à
+  // l'appelant quel favicon dessiner (le mode "working" est ANIMÉ côté DOM).
+  if (blocked) {
+    // Seul un agent bloqué justifie de clignoter, et seulement si tu es ailleurs.
+    if (!away) return { color: RED, badge: "● ", blink: false, mode: "blocked" };
+    return phase
+      ? { color: RED_DIM, badge: "◉ ", blink: true, mode: "blocked" }
+      : { color: RED, badge: "● ", blink: true, mode: "blocked" };
+  }
+  if (unread) return { color: AMBER, badge: "● ", blink: false, mode: "unread" };
+  // « working » n'a ni couleur de pip ni badge : le favicon est animé (spinner)
+  // par l'appelant tant que le mode vaut "working".
+  if (working) return { color: null, badge: "", blink: false, mode: "working" };
+  return { color: null, badge: "", blink: false, mode: null };
 }