create-byan-agent 2.58.2 → 2.59.2

package/install/src/webui/api.js

@@ -123,14 +123,35 @@ const routes = {
     if (detector) {
       try {
         detectionResult = await detector.detect();
-        platforms = detectionResult.platforms
-          .filter(p => p.detected)
-          .map(p => p.name);
       } catch {
-        // Fallback to fs-based detection
+        detectionResult = null;
       }
     }
 
+    // Platform detection (Claude Code / Codex) comes from the INSTALL ENGINE —
+    // the single source of truth. The yanstaller detector looked for Claude
+    // DESKTOP's config file (~/.config/Claude/claude_desktop_config.json) and
+    // for a project-local .codex/prompts dir, so a machine with the Claude Code
+    // CLI and Codex properly installed showed "not detected" (field bug,
+    // 2026-07-21, Arch Linux). The engine checks the real machine-level facts:
+    // ~/.claude or `command -v claude`, ~/.codex or `command -v codex`.
+    try {
+      const engineDetect = (server.installEngine || require('../../lib/install-engine')).detectEnvironment();
+      platforms = [
+        ...(engineDetect.claude ? ['claude'] : []),
+        ...(engineDetect.codex ? ['codex'] : []),
+      ];
+      const enginePlatforms = [
+        { name: 'claude', detected: engineDetect.claude },
+        { name: 'codex', detected: engineDetect.codex },
+      ];
+      detectionResult = detectionResult
+        ? { ...detectionResult, platforms: enginePlatforms }
+        : { platforms: enginePlatforms };
+    } catch {
+      // engine unavailable -> keep the project-local fs fallback computed above
+    }
+
     json(res, 200, {
       version,
       installed,
@@ -303,18 +324,39 @@ const routes = {
   // --- Chat routes ---
 
   'POST chat/start': async (req, res, server) => {
-    const { cli, agent, model } = req.body || {};
+    const { cli, agent, model, resumeSessionId, cwd } = req.body || {};
     const sm = getSessionManager(server);
 
     const cliName = cli || 'claude';
-    const session = sm.create(cliName, agent || null);
 
+    // Resume path mirrors the ws _wsStartChat: reattach to a stored record,
+    // reuse its cwd + the claude session id ; fresh path binds a new record to cwd.
+    let session = null;
+    let claudeResume = null;
+    let projectRoot = cwd || server.projectRoot;
+    if (resumeSessionId) {
+      const existing = sm.load(resumeSessionId);
+      if (existing) {
+        session = existing;
+        claudeResume = existing.claudeSessionId || null;
+        projectRoot = existing.cwd || projectRoot;
+      }
+    }
+    if (!session) {
+      session = sm.create(cliName, agent || null, { cwd: projectRoot });
+    }
+
+    // Accumulate the assistant reply so the stored transcript shows both sides
+    // (resume would otherwise replay user turns with no answers).
+    let assistantBuf = '';
     try {
       const bridge = createBridge(cliName, {
-        projectRoot: server.projectRoot,
+        projectRoot,
         agent: agent || null,
         model: model || null,
+        resumeSessionId: claudeResume,
         onChunk: (chunk) => {
+          assistantBuf += chunk;
           sendToSessionClients(server, session.id, {
             type: 'chat',
             sessionId: session.id,
@@ -330,6 +372,13 @@ const routes = {
           });
         },
         onComplete: (result) => {
+          if (result && result.sessionId) {
+            sm.setClaudeSessionId(session.id, result.sessionId);
+          }
+          if (assistantBuf) {
+            sm.addMessage(session.id, 'assistant', assistantBuf);
+            assistantBuf = '';
+          }
           sendToSessionClients(server, session.id, {
             type: 'chat-complete',
             sessionId: session.id,
@@ -348,9 +397,10 @@ const routes = {
       await bridge.start();
       activeBridges.set(session.id, bridge);
 
-      json(res, 200, { sessionId: session.id, cli: cliName });
+      json(res, 200, { sessionId: session.id, cli: cliName, resumed: Boolean(claudeResume) });
     } catch (err) {
-      sm.delete(session.id);
+      // Never delete a resumed record ; only one created in this call.
+      if (!resumeSessionId) sm.delete(session.id);
       json(res, 500, { error: err.message });
     }
   },

package/install/src/webui/chat/bridge.js

@@ -10,6 +10,9 @@ class Bridge {
     this.projectRoot = options.projectRoot || process.cwd();
     this.agent = options.agent || null;
     this.model = options.model || null;
+    // When set, the adapter resumes an existing CLI session (--resume) instead
+    // of starting a fresh one (F3).
+    this.resumeSessionId = options.resumeSessionId || null;
     this.onChunk = options.onChunk || (() => {});
     this.onToolUse = options.onToolUse || (() => {});
     this.onComplete = options.onComplete || (() => {});

package/install/src/webui/chat/claude-adapter.js

@@ -1,10 +1,11 @@
 /**
  * Claude Code CLI bridge adapter.
- * Uses --print --output-format stream-json --input-format stream-json
- * for persistent streaming sessions.
+ * Uses --print --verbose --output-format stream-json --input-format stream-json
+ * for persistent streaming sessions (--verbose is mandatory with print+stream-json).
  */
 
 const { spawn } = require('child_process');
+const { StringDecoder } = require('string_decoder');
 const { Bridge } = require('./bridge');
 
 class ClaudeAdapter extends Bridge {
@@ -12,11 +13,20 @@ class ClaudeAdapter extends Bridge {
     super(options);
     this._buffer = '';
     this._sessionId = null;
+    // Preserves multi-byte UTF-8 (accented text, emoji) split across data chunks.
+    this._decoder = new StringDecoder('utf8');
   }
 
   async start() {
+    // Fresh line buffer + decoder for each run (start() can be re-called on reconnect).
+    this._buffer = '';
+    this._decoder = new StringDecoder('utf8');
+    // --verbose is REQUIRED alongside --print + --output-format stream-json: the
+    // CLI hard-refuses the combo otherwise ("When using --print,
+    // --output-format=stream-json requires --verbose") and the chat spawn dies.
     const args = [
       '--print',
+      '--verbose',
       '--output-format', 'stream-json',
       '--input-format', 'stream-json',
     ];
@@ -30,7 +40,12 @@ class ClaudeAdapter extends Bridge {
       args.push('--model', this.model);
     }
 
-    if (this._sessionId) {
+    // Resume an existing claude session (F3) takes precedence over --session-id.
+    // --resume <uuid> reloads that session's context ; --session-id only pins the
+    // id of a fresh one, which errors if the id already exists.
+    if (this.resumeSessionId) {
+      args.push('--resume', this.resumeSessionId);
+    } else if (this._sessionId) {
       args.push('--session-id', this._sessionId);
     }
 
@@ -52,6 +67,7 @@ class ClaudeAdapter extends Bridge {
 
     this.process.on('exit', (code) => {
       this.active = false;
+      this._flushStdout(); // parse a final event that arrived without a closing newline
       this.onComplete({ code, sessionId: this._sessionId });
     });
   }
@@ -66,7 +82,9 @@ class ClaudeAdapter extends Bridge {
       }
     }
 
-    const payload = JSON.stringify({ type: 'user', content: message }) + '\n';
+    // stream-json input shape: the CLI reads $.message.role. A flat
+    // {type,content} makes it throw "Expected message role 'user', got 'undefined'".
+    const payload = JSON.stringify({ type: 'user', message: { role: 'user', content: message } }) + '\n';
 
     try {
       this.process.stdin.write(payload);
@@ -84,7 +102,9 @@ class ClaudeAdapter extends Bridge {
   }
 
   _handleStdout(data) {
-    this._buffer += data.toString();
+    // Decode through a StringDecoder so a multi-byte UTF-8 char split across two
+    // chunks is not mangled.
+    this._buffer += this._decoder.write(data);
     const lines = this._buffer.split('\n');
     this._buffer = lines.pop() || '';
 
@@ -95,12 +115,21 @@ class ClaudeAdapter extends Bridge {
     }
   }
 
+  // Flush the decoder tail + a trailing line with no newline at stream end / exit.
+  _flushStdout() {
+    this._buffer += this._decoder.end();
+    const line = this._buffer.trim();
+    this._buffer = '';
+    if (line) this._parseLine(line);
+  }
+
   _handleStderr(data) {
-    const text = data.toString().trim();
-    if (!text) return;
-    // Claude dumps progress/status info to stderr — not errors
-    if (/^(Initializing|Loading|Connected|Session|Warming|Cost:|Token)/m.test(text)) return;
-    this.onError(new Error(`claude stderr: ${text}`));
+    // Split per line and surface ONLY non-benign lines : a single /m test
+    // swallowed a real error when it followed a benign status line in the chunk.
+    const benign = /^(Initializing|Loading|Connected|Session|Warming|Cost:|Token)/;
+    const bad = data.toString().split('\n').map((l) => l.trim())
+      .filter((l) => l && !benign.test(l));
+    if (bad.length) this.onError(new Error(`claude stderr: ${bad.join(' ')}`));
   }
 
   _parseLine(line) {
@@ -142,9 +171,15 @@ class ClaudeAdapter extends Bridge {
 
       case 'result': {
         if (event.session_id) this._sessionId = event.session_id;
+        // is_error:true = a failed turn (rate limit, refusal, API error) ->
+        // surface as an error, not a silent onComplete the server persists.
+        if (event.is_error === true) {
+          this.onError(new Error(event.result || event.subtype || 'claude: le tour a échoué'));
+          break;
+        }
         this.onComplete({
           result: event.result,
-          cost: event.cost_usd,
+          cost: event.total_cost_usd, // real field is total_cost_usd, not cost_usd
           sessionId: event.session_id,
         });
         break;

package/install/src/webui/chat/session-manager.js

@@ -32,12 +32,26 @@ class SessionManager {
     return `chat-${ts}-${rand}`;
   }
 
-  create(cliName, agentName) {
+  // Session ids reach disk paths (load/delete). A resume request carries the id
+  // from the client, so an unvalidated id like '../../../.ssh/id_rsa' would
+  // escape sessionsDir via path.join. Only ids in our own generated shape are
+  // allowed; anything else is rejected (no file touched).
+  _isValidId(id) {
+    return typeof id === 'string' && /^chat-[a-z0-9]+-[a-f0-9]+$/.test(id);
+  }
+
+  // opts.cwd     : the project directory the CLI runs in (per-session, F3/F4).
+  // opts.claudeSessionId : the underlying claude CLI session id (F3). Usually
+  //   filled later via setClaudeSessionId once the CLI reports it, so a future
+  //   resume can pass --resume <id>.
+  create(cliName, agentName, opts = {}) {
     const id = this._generateId();
     const session = {
       id,
       cli: cliName || 'claude',
       agent: agentName || null,
+      cwd: opts.cwd || null,
+      claudeSessionId: opts.claudeSessionId || null,
       created: new Date().toISOString(),
       updated: new Date().toISOString(),
       messages: [],
@@ -48,6 +62,17 @@ class SessionManager {
     return session;
   }
 
+  // Persist the underlying CLI session id (claude's own uuid) on the record so a
+  // later start can resume it with --resume. No-op if the record is gone.
+  setClaudeSessionId(sessionId, claudeSessionId) {
+    const session = this._getSession(sessionId);
+    if (!session || !claudeSessionId) return;
+    if (session.claudeSessionId === claudeSessionId) return;
+    session.claudeSessionId = claudeSessionId;
+    session.updated = new Date().toISOString();
+    this._saveToDisk(session);
+  }
+
   addMessage(sessionId, role, content, metadata = {}) {
     const session = this._getSession(sessionId);
     if (!session) throw new Error(`Session not found: ${sessionId}`);
@@ -70,6 +95,7 @@ class SessionManager {
   }
 
   load(sessionId) {
+    if (!this._isValidId(sessionId)) return null;
     if (this.sessions.has(sessionId)) {
       return this.sessions.get(sessionId);
     }
@@ -94,6 +120,9 @@ class SessionManager {
         id: session.id,
         cli: session.cli,
         agent: session.agent,
+        cwd: session.cwd || null,
+        // Resumable when the CLI reported its own session id at least once.
+        resumable: Boolean(session.claudeSessionId),
         created: session.created,
         updated: session.updated,
         messageCount: session.messages.length,
@@ -108,6 +137,7 @@ class SessionManager {
   }
 
   delete(sessionId) {
+    if (!this._isValidId(sessionId)) return;
     this.sessions.delete(sessionId);
     const filePath = path.join(this.sessionsDir, `${sessionId}.json`);
     try {

package/install/src/webui/public/app.js

@@ -4,12 +4,14 @@ class ByanApp {
     this.stepHistory = [];
     this.ws = null;
     this.wsRetryDelay = 1000;
+    // Defauts valides : francais, tous les modules (l'installation AUTO pose
+    // tous les agents), plateformes remplies par la detection machine.
     this.config = {
       mode: 'auto',
       userName: '',
-      language: 'English',
+      language: 'Francais',
       platforms: [],
-      modules: ['core', 'bmm']
+      modules: ['core', 'bmm', 'bmb', 'tea', 'cis']
     };
     this.status = null;
     this.logCount = 0;
@@ -122,30 +124,30 @@ class ByanApp {
 
       let html = '';
 
-      html += this.detectionRow(true, 'Node.js', this.status.detection?.nodeVersion || process.version || 'detected');
+      html += this.detectionRow(true, 'Node.js', this.status.detection?.nodeVersion || 'detecte');
       html += this.detectionRow(
         this.status.detection?.hasGit !== false,
         'Git',
-        this.status.detection?.gitVersion || (this.status.detection?.hasGit !== false ? 'detected' : 'not found')
+        this.status.detection?.gitVersion || (this.status.detection?.hasGit !== false ? 'detecte' : 'introuvable')
       );
-      html += this.detectionRow(true, 'Operating System', this.status.detection?.os || navigator.platform);
+      html += this.detectionRow(true, 'Systeme d\'exploitation', this.status.detection?.os || navigator.platform);
 
       const platformNames = { 'claude': 'Claude Code', 'codex': 'Codex' };
       const detectedPlatforms = this.status.detection?.platforms || [];
       if (detectedPlatforms.length > 0) {
         for (const p of detectedPlatforms) {
-          html += this.detectionRow(p.detected, platformNames[p.name] || p.name, p.detected ? 'found' : 'not detected');
+          html += this.detectionRow(p.detected, platformNames[p.name] || p.name, p.detected ? 'detecte' : 'non detecte');
         }
       } else {
         for (const name of this.status.platforms || []) {
-          html += this.detectionRow(true, platformNames[name] || name, 'found');
+          html += this.detectionRow(true, platformNames[name] || name, 'detecte');
         }
       }
 
       html += this.detectionRow(
         this.status.installed,
-        'Existing BYAN installation',
-        this.status.installed ? 'found (will upgrade)' : 'clean install'
+        'Installation BYAN existante',
+        this.status.installed ? 'trouvee (sera mise a jour)' : 'installation neuve'
       );
 
       container.innerHTML = html;
@@ -153,7 +155,7 @@ class ByanApp {
 
       this.config.platforms = this.status.platforms || [];
     } catch (err) {
-      container.innerHTML = `<div class="detection-item"><div class="detection-status fail"></div><div class="detection-label">Detection failed</div><div class="detection-value">${this.escapeHtml(err.message)}</div></div>`;
+      container.innerHTML = `<div class="detection-item"><div class="detection-status fail"></div><div class="detection-label">Echec de la detection</div><div class="detection-value">${this.escapeHtml(err.message)}</div></div>`;
       nextBtn.disabled = false;
     }
   }
@@ -169,25 +171,25 @@ class ByanApp {
     document.querySelectorAll('.mode-cards .card').forEach(card => card.classList.remove('selected'));
     event.currentTarget.classList.add('selected');
 
+    // Le mode AUTO installe TOUS les agents (les 5 modules) sur les plateformes
+    // detectees, en francais — mais il demande quand meme le prenom : on ne
+    // baptise personne "User" d'office.
     if (mode === 'auto') {
-      this.config.userName = this.status?.detection?.userName || 'User';
-      this.config.language = 'English';
       this.config.modules = ['core', 'bmm', 'bmb', 'tea', 'cis'];
-      this.showPreview();
-    } else {
-      this.showConfigForm(mode);
-      this.showStep('config');
+      this.config.language = this.config.language || 'Francais';
     }
+    this.showConfigForm(mode);
+    this.showStep('config');
   }
 
   showConfigForm(mode) {
     const form = document.getElementById('config-form');
     const allModules = [
-      { id: 'core', label: 'Core (foundation)', required: true },
-      { id: 'bmm', label: 'BMM (software development)', required: false },
-      { id: 'bmb', label: 'BMB (agent builder)', required: false },
-      { id: 'tea', label: 'TEA (test architecture)', required: false },
-      { id: 'cis', label: 'CIS (creative innovation)', required: false }
+      { id: 'core', label: 'Core (fondation)', required: true },
+      { id: 'bmm', label: 'BMM (developpement logiciel)', required: false },
+      { id: 'bmb', label: 'BMB (createur d\'agents)', required: false },
+      { id: 'tea', label: 'TEA (architecture de tests)', required: false },
+      { id: 'cis', label: 'CIS (innovation creative)', required: false }
     ];
 
     const platformOptions = [
@@ -197,42 +199,54 @@ class ByanApp {
 
     let html = `
       <div class="form-group">
-        <label for="cfg-name">Your Name</label>
+        <label for="cfg-name">Comment veux-tu etre appele ?</label>
         <input id="cfg-name" type="text" value="${this.escapeHtml(this.config.userName)}" placeholder="Yan">
       </div>
       <div class="form-group">
-        <label for="cfg-project-name">Project Name</label>
+        <label for="cfg-project-name">Nom du projet</label>
         <input id="cfg-project-name" type="text" value="${this.escapeHtml(this.config.projectName || '')}" placeholder="mon-projet">
       </div>
       <div class="form-group">
-        <label for="cfg-project-dir">Project Directory</label>
+        <label for="cfg-project-dir">Repertoire du projet</label>
         <input id="cfg-project-dir" type="text" value="${this.escapeHtml(this.config.projectDir || this.status?.projectRoot || '')}" placeholder="/chemin/vers/le/projet">
-        <div class="form-hint">Defaults to the directory the wizard was launched from.</div>
+        <div class="form-hint">Par defaut : le repertoire depuis lequel l'assistant a ete lance.</div>
       </div>
       <div class="form-group">
-        <label for="cfg-lang">Communication Language</label>
+        <label for="cfg-lang">Langue de communication</label>
         <select id="cfg-lang">
-          <option value="English" ${this.config.language === 'English' ? 'selected' : ''}>English</option>
           <option value="Francais" ${this.config.language === 'Francais' ? 'selected' : ''}>Francais</option>
+          <option value="English" ${this.config.language === 'English' ? 'selected' : ''}>English</option>
         </select>
-      </div>
+      </div>`;
+
+    // En AUTO, plateformes et modules sont regles par la detection et le
+    // roster complet — pas de cases a cocher, juste l'essentiel.
+    if (mode === 'auto') {
+      const detected = (this.config.platforms || []).map(p => p === 'claude' ? 'Claude Code' : 'Codex').join(' + ') || 'aucune detectee';
+      html += `
       <div class="form-group">
-        <label>Target Platforms</label>
-        <div class="form-hint">Select the platforms you use.</div>
+        <div class="form-hint">Plateformes detectees : ${this.escapeHtml(detected)} &mdash; tous les agents seront installes.</div>
+      </div>`;
+    } else {
+      html += `
+      <div class="form-group">
+        <label>Plateformes cibles</label>
+        <div class="form-hint">Choisis les plateformes que tu utilises.</div>
         <div class="checkbox-group">`;
 
-    for (const p of platformOptions) {
-      const checked = this.config.platforms.includes(p.id) ? 'checked' : '';
-      html += `<label><input type="checkbox" name="platform" value="${p.id}" ${checked}> ${this.escapeHtml(p.label)}</label>`;
-    }
+      for (const p of platformOptions) {
+        const checked = this.config.platforms.includes(p.id) ? 'checked' : '';
+        html += `<label><input type="checkbox" name="platform" value="${p.id}" ${checked}> ${this.escapeHtml(p.label)}</label>`;
+      }
 
-    html += `</div></div>`;
+      html += `</div></div>`;
+    }
 
     if (mode === 'manual') {
       html += `
         <div class="form-group">
           <label>Modules</label>
-          <div class="form-hint">Core is always included.</div>
+          <div class="form-hint">Core est toujours inclus.</div>
           <div class="checkbox-group">`;
       for (const m of allModules) {
         const checked = m.required || this.config.modules.includes(m.id) ? 'checked' : '';
@@ -251,7 +265,7 @@ class ByanApp {
     const projNameEl = document.getElementById('cfg-project-name');
     const projDirEl = document.getElementById('cfg-project-dir');
 
-    if (nameEl) this.config.userName = nameEl.value.trim() || 'User';
+    if (nameEl) this.config.userName = nameEl.value.trim() || 'Developpeur';
     if (langEl) this.config.language = langEl.value;
     if (projNameEl) this.config.projectName = projNameEl.value.trim();
     if (projDirEl) this.config.projectDir = projDirEl.value.trim();
@@ -271,14 +285,16 @@ class ByanApp {
     this.readConfigForm();
 
     const container = document.getElementById('preview-content');
+    const allModules = this.config.modules.length >= 5;
     const rows = [
       ['Mode', this.config.mode.toUpperCase()],
-      ['User Name', this.config.userName || 'User'],
-      ['Language', this.config.language],
-      ['Platforms', this.config.platforms.join(', ') || 'auto-detect'],
+      ['Prenom', this.config.userName || 'Developpeur'],
+      ['Langue', this.config.language],
+      ['Plateformes', this.config.platforms.join(', ') || 'detection automatique'],
+      ['Agents', allModules ? 'tous (roster complet)' : `modules ${this.config.modules.join(', ')}`],
       ['Modules', this.config.modules.join(', ')],
-      ['Project Name', this.config.projectName || '(nom du dossier)'],
-      ['Project Root', this.config.projectDir || this.status?.projectRoot || '(auto)']
+      ['Nom du projet', this.config.projectName || '(nom du dossier)'],
+      ['Repertoire', this.config.projectDir || this.status?.projectRoot || '(auto)']
     ];
 
     container.innerHTML = rows.map(([k, v]) =>
@@ -290,7 +306,7 @@ class ByanApp {
 
   async confirmInstall() {
     this.showStep('progress');
-    document.getElementById('progress-title').textContent = 'Installing...';
+    document.getElementById('progress-title').textContent = 'Installation en cours...';
     this.resetProgress();
 
     try {
@@ -301,7 +317,7 @@ class ByanApp {
       });
 
       if (!res.ok) {
-        const err = await res.json().catch(() => ({ error: 'Unknown error' }));
+        const err = await res.json().catch(() => ({ error: 'Erreur inconnue' }));
         this.showComplete({ success: false, summary: { message: err.error } });
       }
     } catch (err) {
@@ -326,7 +342,7 @@ class ByanApp {
         container.innerHTML = `
           <div class="detection-item">
             <div class="detection-status ok"></div>
-            <div class="detection-label">Update available</div>
+            <div class="detection-label">Mise a jour disponible</div>
             <div class="detection-value">${this.escapeHtml(data.installed)} &#8594; ${this.escapeHtml(data.latest)}</div>
           </div>
           ${data.changes.length > 0 ? '<div class="code-block">' + data.changes.map(c => this.escapeHtml(c)).join('\n') + '</div>' : ''}`;
@@ -335,23 +351,23 @@ class ByanApp {
         container.innerHTML = `
           <div class="detection-item">
             <div class="detection-status ok"></div>
-            <div class="detection-label">Up to date</div>
+            <div class="detection-label">A jour</div>
             <div class="detection-value">v${this.escapeHtml(data.installed)}</div>
           </div>
-          <p style="color:var(--text-muted);margin-top:1rem;">Your installation is already on the latest version.</p>`;
+          <p style="color:var(--text-muted);margin-top:1rem;">Ton installation est deja sur la derniere version.</p>`;
         confirmBtn.disabled = true;
       }
 
       actionsEl.style.display = 'flex';
     } catch (err) {
-      container.innerHTML = `<div class="detection-item"><div class="detection-status fail"></div><div class="detection-label">Check failed</div><div class="detection-value">${this.escapeHtml(err.message)}</div></div>`;
+      container.innerHTML = `<div class="detection-item"><div class="detection-status fail"></div><div class="detection-label">Echec de la verification</div><div class="detection-value">${this.escapeHtml(err.message)}</div></div>`;
       actionsEl.style.display = 'flex';
     }
   }
 
   async confirmUpdate() {
     this.showStep('progress');
-    document.getElementById('progress-title').textContent = 'Updating...';
+    document.getElementById('progress-title').textContent = 'Mise a jour en cours...';
     this.resetProgress();
 
     try {
@@ -362,7 +378,7 @@ class ByanApp {
       });
 
       if (!res.ok) {
-        const err = await res.json().catch(() => ({ error: 'Unknown error' }));
+        const err = await res.json().catch(() => ({ error: 'Erreur inconnue' }));
         this.showComplete({ success: false, summary: { message: err.error } });
       }
     } catch (err) {
@@ -414,7 +430,7 @@ class ByanApp {
 
   resetProgress() {
     document.getElementById('progress-fill').style.width = '0%';
-    document.getElementById('progress-label').textContent = 'Preparing...';
+    document.getElementById('progress-label').textContent = 'Preparation...';
     document.getElementById('progress-pct').textContent = '0%';
   }
 
@@ -426,22 +442,22 @@ class ByanApp {
     if (data.success) {
       icon.innerHTML = '&#10003;';
       icon.classList.remove('error');
-      title.textContent = 'Installation Complete';
+      title.textContent = 'Installation terminee';
 
       const s = data.summary || {};
-      let html = `<p>${this.escapeHtml(s.message || 'Done')}</p>`;
-      if (s.projectRoot) html += `<p><strong>Project:</strong> <code>${this.escapeHtml(s.projectRoot)}</code></p>`;
-      if (s.mode) html += `<p><strong>Mode:</strong> ${this.escapeHtml(s.mode)}</p>`;
-      if (s.platforms && s.platforms.length) html += `<p><strong>Platforms:</strong> ${s.platforms.map(p => this.escapeHtml(p)).join(', ')}</p>`;
-      html += '<p style="margin-top:1rem;color:var(--text-muted);">You can close this window.</p>';
+      let html = `<p>${this.escapeHtml(s.message || 'Termine')}</p>`;
+      if (s.projectRoot) html += `<p><strong>Projet :</strong> <code>${this.escapeHtml(s.projectRoot)}</code></p>`;
+      if (s.mode) html += `<p><strong>Mode :</strong> ${this.escapeHtml(s.mode)}</p>`;
+      if (s.platforms && s.platforms.length) html += `<p><strong>Plateformes :</strong> ${s.platforms.map(p => this.escapeHtml(p)).join(', ')}</p>`;
+      html += '<p style="margin-top:1rem;color:var(--text-muted);">Tu peux fermer cette fenetre.</p>';
       summary.innerHTML = html;
     } else {
       icon.innerHTML = '&#10007;';
       icon.classList.add('error');
-      title.textContent = 'Installation Failed';
+      title.textContent = 'Echec de l\'installation';
 
-      const msg = data.summary?.message || 'Unknown error';
-      summary.innerHTML = `<p style="color:var(--error)">${this.escapeHtml(msg)}</p><p style="margin-top:1rem;color:var(--text-muted);">Check the logs below for details. You can try again.</p>`;
+      const msg = data.summary?.message || 'Erreur inconnue';
+      summary.innerHTML = `<p style="color:var(--error)">${this.escapeHtml(msg)}</p><p style="margin-top:1rem;color:var(--text-muted);">Consulte le journal ci-dessous pour le detail. Tu peux reessayer.</p>`;
     }
 
     this.showStep('done');

package/install/src/webui/public/chat.js

@@ -132,7 +132,13 @@ class ByanChat {
         if (data.raw) this.appendRawOutput(data.raw);
         break;
       case 'chat-complete':
-        this.finishStreaming(data.fullResponse || this.streamingContent);
+        // Fall back to the authoritative result text : the server never emits a
+        // `fullResponse` field ; it sends { result: { result, cost, sessionId } }.
+        this.finishStreaming(
+          data.fullResponse
+          || this.streamingContent
+          || (data.result && typeof data.result.result === 'string' ? data.result.result : '')
+        );
         break;
       case 'tool-approval':
         this.showToolApproval(data.tool, data.command);