shadok-ai 0.2.29 → 0.2.31

package/package.json

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

package/public/index.html

@@ -843,7 +843,28 @@
   .freetext-row { display: flex; gap: 8px; width: 100%; }
   .freetext-row input { flex: 1; }
   #thinking { display: none; align-self: flex-start; color: var(--text-dim); font-family: var(--mono); font-size: 12.5px; padding: 0 22px 6px; }
-  #thinking.visible { display: block; }
+  #thinking.visible { display: flex; align-items: center; gap: 6px; }
+  /* Texte qui scintille (balayage ambre) + trois points qui rebondissent. */
+  #thinking .tw-text {
+    background: linear-gradient(90deg, var(--text-dim) 30%, var(--phosphor) 50%, var(--text-dim) 70%);
+    background-size: 220% 100%;
+    -webkit-background-clip: text; background-clip: text;
+    -webkit-text-fill-color: transparent; color: transparent;
+    animation: tw-shimmer 1.9s linear infinite;
+  }
+  @keyframes tw-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
+  #thinking .tw-dots { display: inline-flex; align-items: flex-end; gap: 3px; }
+  #thinking .tw-dots i {
+    width: 3px; height: 3px; border-radius: 50%; background: var(--amber);
+    opacity: 0.3; animation: tw-dot 1.2s ease-in-out infinite;
+  }
+  #thinking .tw-dots i:nth-child(2) { animation-delay: 0.18s; }
+  #thinking .tw-dots i:nth-child(3) { animation-delay: 0.36s; }
+  @keyframes tw-dot { 0%, 100% { opacity: 0.25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
+  @media (prefers-reduced-motion: reduce) {
+    #thinking .tw-text { animation: none; color: var(--phosphor); -webkit-text-fill-color: currentColor; }
+    #thinking .tw-dots i { animation: none; opacity: 0.6; }
+  }
 
   /* Composer */
   #composer {
@@ -1287,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>
@@ -1300,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>
@@ -1471,7 +1492,7 @@
     </div>
 
     <div id="transcripts"></div>
-    <div id="thinking">Claude is working…</div>
+    <div id="thinking"><span class="tw-text">Shadok is working</span><span class="tw-dots"><i></i><i></i><i></i></span></div>
 
     <form id="composer" hidden>
       <textarea id="promptInput" rows="1"
@@ -3302,10 +3323,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;
@@ -3320,7 +3347,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; }