shadok-ai 0.8.16 → 0.8.18

package/README.md

@@ -1,10 +1,44 @@
-# shadok-ai
+<div align="center">
 
-A **web cockpit that drives multiple real Claude Code sessions in parallel** —
-each channel is one `claude` process, on your Claude subscription (not the API).
-Pilot them from a browser **and** from **Telegram** (one topic = one agent),
-with git-worktree isolation, agent profiles, a secret vault, a diff panel,
-scheduled prompts, and quota gauges.
+<h1>shadok-ai</h1>
+
+<h3>Many Claude Codes. One cockpit. And it wrote itself.</h3>
+
+<p>Run <b>real</b> Claude Code sessions side by side, each in its own git worktree,
+on the Claude subscription you already pay for. When one of them has a question,
+you answer it with a click — in the browser, or from Telegram when you are not
+at the desk.</p>
+
+<p>
+<a href="https://www.npmjs.com/package/shadok-ai"><img alt="npm" src="https://img.shields.io/npm/v/shadok-ai?color=F5A524&amp;label=npm"></a>
+<a href="LICENSE"><img alt="licence AGPL-3.0" src="https://img.shields.io/badge/licence-AGPL--3.0-7C6CF0"></a>
+<a href="https://shadok.ai"><img alt="shadok.ai" src="https://img.shields.io/badge/shadok.ai-F5F0E6?labelColor=08090D"></a>
+</p>
+
+<p><code>npx shadok-ai</code></p>
+
+<a href="https://shadok.ai"><img width="720" alt="The cockpit: three agents running in parallel, one of them asking a multiple-choice question that is answered with a click, then the diff it wrote" src="https://shadok.ai/demo.gif"></a>
+
+</div>
+
+**It does not stop at one.** An agent can start other agents — each with its own
+worktree, branch and role — and it is told when one of its own finishes, blocks on
+a question, or dies. Nothing else wakes it.
+
+**It keeps working when you are not there.** Mirror an agent to a Telegram topic
+and answer from your phone, one topic per agent. Put a prompt on a schedule with a
+**guard that runs without the model**: prints nothing, nothing happened, zero
+tokens spent.
+
+**It stays on a leash.** A profile is a role plus guardrails — forbid `git commit`
+and the agent cannot commit. Secrets live in a vault outside your repository and
+are injected only into the agents that need them. Quota gauges show the 5h and 7d
+windows, and can hold an agent back when it is burning faster than the window
+elapses.
+
+**It wrote itself.** shadok-ai is largely built by agents running inside shadok-ai,
+in their own worktrees, landed as reviewed pull requests. The section below is what
+that produced.
 
 ## Quick start
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadok-ai",
-  "version": "0.8.16",
+  "version": "0.8.18",
   "main": "dist/session.js",
   "scripts": {
     "test": "node --import tsx --test test/*.ts context/*/test/*.test.mjs",

package/public/index.html

@@ -679,6 +679,12 @@
   .prof-drift { margin-left: 8px; font-size: 11px; color: var(--amber); }
   /* À qui ce secret est injecté. Discret : c'est une information de contexte,
      pas une alerte — contrairement à sec-orphan juste en dessous. */
+  /* Le pont ESM n'a jamais chargé : le dire plutôt que d'afficher un écran
+     amputé sans explication. */
+  .bridge-dead {
+    position: fixed; left: 50%; transform: translateX(-50%); bottom: 12px; z-index: 200;
+    background: #e2564a; color: #fff; padding: 8px 14px; border-radius: 8px; font-size: 13px;
+  }
   .sec-users { margin-left: 8px; font-size: 11px; color: var(--text-dim); }
   .sec-orphan { margin-left: 8px; font-size: 11px; color: var(--amber); font-family: var(--sans, inherit); }
   /* Profile picker for a running agent (the tab's context menu). */
@@ -1985,8 +1991,71 @@
   window.arcSegments = arcSegments;
   window.dialTitle = dialTitle;
   window.SWEEP_DEG = SWEEP_DEG;
+  // Les bouchons du script classique sont maintenant remplacés par les vraies
+  // fonctions : tout ce qui a pu être peint entre-temps est incomplet.
+  window.dispatchEvent(new Event("shadok-bridge-ready"));
 </script>
 <script nonce="__CSP_NONCE__">
+  // ── Bouchons du pont ESM (invariant 10) ─────────────────────────────────
+  // Le bloc module ci-dessus est DIFFÉRÉ : il s'exécute après le parsing,
+  // alors que ce script-ci tourne PENDANT et câble déjà les boutons.
+  // Un clic dans cet intervalle appelait un window.<fn> inexistant — c'est
+  // ainsi que `profileBadges` a levé sur un clic Secrets, à cinq lignes d'un
+  // appel voisin correctement gardé. Garder chaque site d'appel était un
+  // combat perdu : le suivant oubliait. Un bouchon neutre par nom, remplacé à
+  // l'arrivée du module, rend tous les sites sûrs par construction.
+  // test/esm-bridge.test.ts verrouille la correspondance nom ↔ bouchon.
+  const BRIDGE_STUBS = {
+    profileBlurb: () => "",
+    profileBadges: () => [],
+    defaultAgentName: (_p, cwd) => String(cwd ?? "").split("/").filter(Boolean).pop() || "agent",
+    hasReadonlyPreset: () => false,
+    applyReadonlyPreset: (deny) => deny,
+    isManagedProfile: () => false,
+    profileSaveBody: (form) => ({ ...form }),
+    secretUsers: () => [],
+    extractLiveText: () => "",
+    livePreviewDecision: () => null,
+    echoAuthor: () => "",
+    notifyState: () => ({ color: null, badge: "", blink: false }),
+    dialPos: () => 0,
+    dialColor: () => "",
+    arcSegments: () => [],
+    dialTitle: () => "",
+    bubblePlacement: () => null,
+    unionRect: () => null,
+    visibleSteps: (steps) => steps ?? [],
+  };
+  for (const [name, stub] of Object.entries(BRIDGE_STUBS)) {
+    if (typeof window[name] !== "function") { stub.__stub = true; window[name] = stub; }
+  }
+  // Un bouchon empêche le plantage, il ne remplace pas la fonction : si le
+  // module n'arrive JAMAIS (un des six fichiers en échec, une coupure), l'écran
+  // resterait silencieusement amputé — pas de badges, pas d'aperçu en direct,
+  // pas de notifications. Une dégradation muette est pire que l'erreur qu'elle
+  // masque : on le dit.
+  window.addEventListener("load", () => setTimeout(() => {
+    const dead = Object.keys(BRIDGE_STUBS).filter((n) => window[n] && window[n].__stub);
+    if (!dead.length) return;
+    console.error("shadok-ai: le pont ESM n'a pas chargé — " + dead.join(", "));
+    const bar = document.createElement("div");
+    bar.className = "bridge-dead";
+    bar.textContent = "⚠ This page did not load fully — some panels will look empty. Reload it.";
+    document.body.appendChild(bar);
+  }, 3000));
+  // Un écran peint pendant que les bouchons étaient en place est incomplet
+  // (une carte sans badges, une jauge à plat). Le module signale son arrivée :
+  // on repeint ce qui est à l'écran, plutôt que de laisser un rendu dégradé.
+  window.addEventListener("shadok-bridge-ready", () => {
+    try {
+      if (typeof renderProfileGrid === "function" && $("profileGrid")) renderProfileGrid(false);
+      if (typeof renderProfilesList === "function" && !$("profilesOverlay").hidden) renderProfilesList();
+      if (typeof renderSecrets === "function" && !$("secretsOverlay").hidden) renderSecrets();
+    } catch {
+      /* une repeinte ratée ne doit pas casser le chargement */
+    }
+  });
+
   const $ = (id) => document.getElementById(id);
   const tabbar = $("tabbar"), newTabBtn = $("newTab"), newGroupBtn = $("newGroup");
   const ungroupedEl = $("ungrouped"), groupsEl = $("groups");