issue-flow 0.15.0 → 0.17.0

package/web/public/app.js

@@ -4,8 +4,6 @@
 // todo texto dinâmico entra via textContent (nunca innerHTML com dados
 // do snapshot).
 (() => {
-  'use strict';
-
   const REFRESH_OPTIONS = [3, 5, 10, 30];
   const PAUSED = 0;
   const STORAGE_KEY = 'issue-flow:refresh-seconds';
@@ -89,6 +87,8 @@
     now: document.getElementById('now'),
     resilience: document.getElementById('resilience'),
     configuration: document.getElementById('configuration'),
+    appVersion: document.getElementById('app-version'),
+    appVersionDashboard: document.getElementById('app-version-dashboard'),
     phases: document.getElementById('phases'),
     nextSteps: document.getElementById('next-steps'),
     stories: document.getElementById('stories'),
@@ -127,9 +127,12 @@
     // guardar o nó levaria a uma referência morta.
     selectedDetail: null,
     configWritable: false,
+    configData: null,
     // Identifica o processo que serviu os assets atuais. Uma troca significa
     // que --restart-web colocou código novo no mesmo origin e exige reload.
     serverInstanceId: null,
+    // Versão do monitor, vinda de /api/health. Null enquanto não respondeu.
+    monitorVersion: null,
     // Multi-sessão (#35): lista de /api/sessions e seleção explícita do usuário.
     // selectedSessionId null = modo automático (1 sessão → detalhe; 2+ → dashboard).
     sessions: [],
@@ -287,7 +290,8 @@
       ...story,
       status: STORY_STATUS_LABELS[status] !== undefined ? status : 'backlog',
       stage: STORY_STAGE_LABELS[stage] !== undefined ? stage : 'pending',
-      stageSince: story.stageSince !== null && story.stageSince !== undefined ? story.stageSince : null,
+      stageSince:
+        story.stageSince !== null && story.stageSince !== undefined ? story.stageSince : null,
       stageDetail:
         story.stageDetail !== null && story.stageDetail !== undefined ? story.stageDetail : null,
       dependencies: list(story.dependencies),
@@ -531,6 +535,21 @@
     state.eventsUrl = null;
   }
 
+  // A versão exibida no header é a do processo que serviu esta página, nunca a
+  // da CLI que iniciou a execução: os assets vivem na memória desse processo,
+  // então é ela que explica o que está na tela. As duas aparecem juntas no card
+  // de configuração quando divergem.
+  function renderMonitorVersion(version) {
+    const label = typeof version === 'string' && version !== '' ? 'v' + version : null;
+    state.monitorVersion = label === null ? null : version;
+    for (const node of [els.appVersion, els.appVersionDashboard]) {
+      if (!node) continue;
+      node.textContent = label || '';
+      node.title = label === null ? '' : 'Versão do monitor que serve este painel';
+      node.hidden = label === null;
+    }
+  }
+
   function serverInstanceChanged(response) {
     const instanceId = response.headers.get('X-Issue-Flow-Instance');
     if (!instanceId) return false; // servidor anterior à identidade de instância
@@ -594,9 +613,7 @@
       }
 
       const nextId =
-        resolved.session && resolved.session.sessionId != null
-          ? resolved.session.sessionId
-          : null;
+        resolved.session && resolved.session.sessionId != null ? resolved.session.sessionId : null;
       const sessionChanged = state.detailSessionId !== nextId;
       if (sessionChanged) {
         clearDetailState();
@@ -643,6 +660,12 @@
         state.snapshot = await res.json();
         render();
       }
+      const configUrl = 'api/config?session=' + encodeURIComponent(state.detailSessionId || '');
+      const configRes = await fetch(configUrl, { cache: 'no-store' });
+      if (configRes.ok) {
+        state.configData = await configRes.json();
+        if (state.snapshot) renderConfiguration(state.snapshot);
+      }
       if (state.eventsUrl) {
         const eventsRes = await fetch(state.eventsUrl, { cache: 'no-store' });
         if (!eventsRes.ok) throw new Error('HTTP ' + eventsRes.status);
@@ -695,10 +718,7 @@
   function renderDashboard(sessions) {
     const active = document.activeElement;
     const focusedId =
-      active &&
-      active.dataset &&
-      els.dashboard.contains(active) &&
-      active.dataset.sessionId
+      active && active.dataset && els.dashboard.contains(active) && active.dataset.sessionId
         ? active.dataset.sessionId
         : null;
 
@@ -734,20 +754,15 @@
       if (session.issueNumber !== null && session.issueNumber !== undefined) {
         titleRow.appendChild(el('span', 'dashboard-issue', '#' + session.issueNumber));
       }
-      titleRow.appendChild(
-        el('span', 'dashboard-title', session.issueTitle || 'Sem título'),
-      );
+      titleRow.appendChild(el('span', 'dashboard-title', session.issueTitle || 'Sem título'));
       card.appendChild(titleRow);
 
       const summary = truncateText(session.issueDescription, DESCRIPTION_PREVIEW);
       card.appendChild(el('span', 'dashboard-summary muted', summary || 'Sem descrição'));
 
       const meta = el('span', 'dashboard-meta-row');
-      meta.appendChild(
-        el('span', null, 'Fase: ' + (session.currentPhase || '—')),
-      );
-      const percent =
-        typeof session.progressPercent === 'number' ? session.progressPercent : 0;
+      meta.appendChild(el('span', null, 'Fase: ' + (session.currentPhase || '—')));
+      const percent = typeof session.progressPercent === 'number' ? session.progressPercent : 0;
       meta.appendChild(el('span', null, percent + '%'));
       const elapsed =
         typeof session.elapsedSeconds === 'number'
@@ -912,14 +927,19 @@
 
     const heading = el('p', 'issue-summary-title');
     heading.appendChild(
-      el('span', 'mono', issue.number !== null && issue.number !== undefined ? '#' + issue.number : '—'),
+      el(
+        'span',
+        'mono',
+        issue.number !== null && issue.number !== undefined ? '#' + issue.number : '—',
+      ),
     );
     heading.appendChild(document.createTextNode(' ' + (issue.title || 'Sem título')));
     els.issueSummary.appendChild(heading);
 
     const meta = el('div', 'issue-summary-meta');
     const state = issue.state || null;
-    const stateClass = state === 'open' ? 'state-open' : state === 'closed' ? 'state-closed' : 'state-unknown';
+    const stateClass =
+      state === 'open' ? 'state-open' : state === 'closed' ? 'state-closed' : 'state-unknown';
     meta.appendChild(el('span', 'badge ' + stateClass, state || 'estado desconhecido'));
     meta.appendChild(el('span', 'muted', 'Prioridade: Não definida'));
     els.issueSummary.appendChild(meta);
@@ -933,7 +953,9 @@
       els.issueSummary.appendChild(labelRow);
     }
 
-    els.issueSummary.appendChild(el('p', 'issue-description', issue.description || 'Sem descrição.'));
+    els.issueSummary.appendChild(
+      el('p', 'issue-description', issue.description || 'Sem descrição.'),
+    );
   }
 
   function metaRow(grid, label, value, className) {
@@ -1044,12 +1066,41 @@
       env: 'variável de ambiente',
       cli: 'override da execução',
       fallback: 'fallback',
+      recommended: 'política recomendada',
     };
     return labels[source] || source || 'não informado';
   }
 
   function renderConfiguration(snapshot) {
     clear(els.configuration);
+
+    // Quem executou e quem está mostrando. São processos diferentes e podem
+    // estar em versões diferentes; este é o único lugar onde as duas aparecem
+    // lado a lado, então a divergência é dita aqui.
+    const env = snapshot.environment;
+    const runVersion = env && env.cliVersion ? env.cliVersion : null;
+    const runtime = el('dl', 'now-grid');
+    const runtimeBits = [runVersion ? 'v' + runVersion : 'versão não registrada'];
+    if (env && env.node) runtimeBits.push(env.node);
+    if (env && env.platform) runtimeBits.push(env.platform);
+    nowRow(runtime, 'Issue Flow (execução)', runtimeBits.join(' · '));
+    nowRow(
+      runtime,
+      'Monitor (este painel)',
+      state.monitorVersion ? 'v' + state.monitorVersion : '—',
+    );
+    els.configuration.appendChild(runtime);
+    if (runVersion !== null && state.monitorVersion && runVersion !== state.monitorVersion) {
+      els.configuration.appendChild(
+        el(
+          'p',
+          'alert-entry level-warn',
+          'Este painel é servido por uma versão diferente da que executa o pipeline. ' +
+            'Reinicie o monitor com --restart-web para ver a interface desta versão.',
+        ),
+      );
+    }
+
     const config = snapshot.configuration;
     if (!config) {
       els.configuration.appendChild(el('p', 'empty', 'Configuração não capturada nesta execução.'));
@@ -1060,7 +1111,9 @@
     nowRow(
       summary,
       'Harness padrão',
-      (config.defaultProvider.value || '—') + ' · ' + configSourceLabel(config.defaultProvider.source),
+      (config.defaultProvider.value || '—') +
+        ' · ' +
+        configSourceLabel(config.defaultProvider.source),
     );
     nowRow(
       summary,
@@ -1073,21 +1126,126 @@
     nowRow(summary, 'Precedência', list(config.precedence).join(' → '));
     els.configuration.appendChild(summary);
 
+    const liveRouting = state.configData && state.configData.routing;
+    if (liveRouting) {
+      const routingSummary = el('dl', 'now-grid config-routing-summary');
+      nowRow(routingSummary, 'Routing', liveRouting.mode + ' · perfil ' + liveRouting.profile);
+      nowRow(
+        routingSummary,
+        'Política',
+        liveRouting.policy === 'recommended' ? 'recomendada (opt-in)' : 'score adaptativo',
+      );
+      els.configuration.appendChild(routingSummary);
+
+      if (state.configWritable) {
+        const routingForm = el('form', 'config-form config-routing-form');
+        const mode = el('select');
+        mode.setAttribute('aria-label', 'Modo de routing');
+        for (const value of ['off', 'shadow', 'recommend', 'active']) {
+          const option = el('option', null, value);
+          option.value = value;
+          mode.appendChild(option);
+        }
+        mode.value = liveRouting.mode;
+        const profile = el('select');
+        profile.setAttribute('aria-label', 'Perfil de routing');
+        for (const value of ['economy', 'balanced', 'quality', 'speed']) {
+          const option = el('option', null, value);
+          option.value = value;
+          profile.appendChild(option);
+        }
+        profile.value = liveRouting.profile;
+        const saveRouting = el('button', 'config-save', 'Salvar routing');
+        saveRouting.type = 'submit';
+        const applyPolicy = el(
+          'button',
+          'config-save config-policy',
+          'Aplicar política recomendada',
+        );
+        applyPolicy.type = 'button';
+        const routingFeedback = el('span', 'muted');
+        routingForm.appendChild(mode);
+        routingForm.appendChild(profile);
+        routingForm.appendChild(saveRouting);
+        routingForm.appendChild(applyPolicy);
+        routingForm.appendChild(routingFeedback);
+        routingForm.addEventListener('submit', async (event) => {
+          event.preventDefault();
+          await saveRoutingConfig(
+            { mode: mode.value, profile: profile.value },
+            saveRouting,
+            routingFeedback,
+          );
+        });
+        applyPolicy.addEventListener('click', async () => {
+          await saveRoutingConfig({ policy: 'recommended' }, applyPolicy, routingFeedback);
+        });
+        els.configuration.appendChild(routingForm);
+      }
+    }
+
     const phases = el('div', 'config-phase-grid');
     for (const phase of list(config.phases)) {
-      const row = el('button', 'config-phase-row');
-      row.type = 'button';
-      row.appendChild(el('span', 'mono', phase.phase));
-      row.appendChild(el('span', null, phase.provider.value || '—'));
-      row.appendChild(el('span', null, phase.model.value || 'default do provider'));
-      row.appendChild(
-        el(
-          'span',
-          'muted',
-          configSourceLabel(phase.provider.source) + ' / ' + configSourceLabel(phase.model.source),
-        ),
-      );
-      row.addEventListener('click', () => openDrawer('phase', phase.phase));
+      const row = el(state.configWritable ? 'form' : 'button', 'config-phase-row');
+      if (!state.configWritable) row.type = 'button';
+      if (state.configWritable) {
+        row.classList.add('is-editable');
+        const phaseButton = el('button', 'config-phase-open mono', phase.phase);
+        phaseButton.type = 'button';
+        phaseButton.addEventListener('click', () => openDrawer('phase', phase.phase));
+        row.appendChild(phaseButton);
+        const provider = el('select');
+        provider.setAttribute('aria-label', 'Harness para ' + phase.phase);
+        fillProviderSelect(provider, phase.provider.value || 'claude');
+        const model = el('select');
+        model.setAttribute('aria-label', 'Tier e modelo para ' + phase.phase);
+        fillModelSelect(model, provider.value, phase.model.value || '');
+        provider.addEventListener('change', () => fillModelSelect(model, provider.value, ''));
+        const save = el('button', 'config-save', 'Salvar');
+        save.type = 'submit';
+        const feedback = el('span', 'muted config-phase-feedback');
+        row.appendChild(provider);
+        row.appendChild(model);
+        row.appendChild(save);
+        row.appendChild(feedback);
+        row.addEventListener('submit', async (event) => {
+          event.preventDefault();
+          save.disabled = true;
+          feedback.textContent = 'salvando…';
+          try {
+            const response = await fetch('api/config/agent', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({
+                provider: provider.value,
+                model: model.value,
+                phase: phase.phase,
+              }),
+            });
+            const result = await response.json();
+            if (!response.ok) throw new Error(result.error || 'falha ao salvar');
+            feedback.textContent = 'salvo para a próxima execução';
+          } catch (error) {
+            feedback.textContent = error.message || 'falha ao salvar';
+          } finally {
+            save.disabled = false;
+          }
+        });
+      } else {
+        row.appendChild(el('span', 'mono', phase.phase));
+        row.appendChild(el('span', null, phase.provider.value || '—'));
+        row.appendChild(el('span', null, phase.model.value || 'default do provider'));
+        row.appendChild(
+          el(
+            'span',
+            'muted',
+            configSourceLabel(phase.provider.source) +
+              ' / ' +
+              configSourceLabel(phase.model.source),
+          ),
+        );
+        row.addEventListener('click', () => openDrawer('phase', phase.phase));
+      }
       phases.appendChild(row);
     }
     els.configuration.appendChild(phases);
@@ -1135,6 +1293,68 @@
     els.configuration.appendChild(form);
   }
 
+  function catalog() {
+    return list(state.configData && state.configData.catalog);
+  }
+
+  function fillProviderSelect(select, selected) {
+    clear(select);
+    const entries = catalog().filter((entry) => entry.installed && entry.authenticated);
+    const providers = entries.length
+      ? entries.map((entry) => entry.provider)
+      : ['claude', 'codex', 'cursor', 'antigravity'];
+    if (!providers.includes(selected)) providers.push(selected);
+    for (const provider of providers) {
+      const option = el('option', null, provider);
+      option.value = provider;
+      select.appendChild(option);
+    }
+    select.value = selected;
+  }
+
+  function fillModelSelect(select, provider, selected) {
+    clear(select);
+    const defaultOption = el('option', null, 'default do provider');
+    defaultOption.value = '';
+    select.appendChild(defaultOption);
+    const entry = catalog().find((candidate) => candidate.provider === provider);
+    for (const model of list(entry && entry.models)) {
+      if (!model.id) continue;
+      const option = el('option', null, model.tier + ' · ' + model.id);
+      option.value = model.id;
+      select.appendChild(option);
+    }
+    if (
+      selected &&
+      !Array.prototype.some.call(select.options, (option) => option.value === selected)
+    ) {
+      const current = el('option', null, 'configurado · ' + selected);
+      current.value = selected;
+      select.appendChild(current);
+    }
+    select.value = selected || '';
+  }
+
+  async function saveRoutingConfig(values, button, feedback) {
+    button.disabled = true;
+    feedback.textContent = 'salvando…';
+    try {
+      const response = await fetch('api/config/routing', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(values),
+      });
+      const result = await response.json();
+      if (!response.ok) throw new Error(result.error || 'falha ao salvar');
+      state.configData.routing = Object.assign({}, state.configData.routing, values);
+      feedback.textContent = 'salvo para execuções futuras';
+    } catch (error) {
+      feedback.textContent = error.message || 'falha ao salvar';
+    } finally {
+      button.disabled = false;
+    }
+  }
+
   function renderPhases(snapshot) {
     clear(els.phases);
     if (snapshot.phases.length === 0) {
@@ -1144,7 +1364,9 @@
     for (const phase of snapshot.phases) {
       const item = el('li');
       item.className = 'detail-row';
-      item.appendChild(el('span', 'item-icon icon-' + phase.status, PHASE_ICONS[phase.status] || '○'));
+      item.appendChild(
+        el('span', 'item-icon icon-' + phase.status, PHASE_ICONS[phase.status] || '○'),
+      );
       const main = el('div', 'item-main');
       main.appendChild(el('div', 'item-title', phase.name));
       if (phase.error) main.appendChild(el('div', 'item-error', phase.error));
@@ -1189,7 +1411,8 @@
     for (const story of snapshot.stories) {
       // stage vem com default no schema ('pending'), mas session.json gravado
       // antes da issue 38 pode chegar sem ele.
-      const storyStage = story.stage !== null && story.stage !== undefined ? story.stage : 'pending';
+      const storyStage =
+        story.stage !== null && story.stage !== undefined ? story.stage : 'pending';
       const item = el('li', storyStage === 'executing' ? 'story-executing' : null);
       item.classList.add('detail-row');
       const status = story.passes ? 'completed' : 'pending';
@@ -1202,10 +1425,15 @@
 
       // status/dependencies vêm com default no schema (backlog/[]), mas
       // session.json gravado antes de #29 pode chegar sem eles.
-      const storyStatus = story.status !== null && story.status !== undefined ? story.status : 'backlog';
+      const storyStatus =
+        story.status !== null && story.status !== undefined ? story.status : 'backlog';
       const meta = el('div', 'story-meta');
       meta.appendChild(
-        el('span', 'badge story-status-' + storyStatus, STORY_STATUS_LABELS[storyStatus] || storyStatus),
+        el(
+          'span',
+          'badge story-status-' + storyStatus,
+          STORY_STATUS_LABELS[storyStatus] || storyStatus,
+        ),
       );
       const dependencies = story.dependencies || [];
       if (dependencies.length > 0) {
@@ -1248,7 +1476,11 @@
 
     const head = el('span', 'kanban-card-head');
     head.appendChild(
-      el('span', 'item-icon icon-' + (story.passes ? 'completed' : 'pending'), story.passes ? '✓' : '○'),
+      el(
+        'span',
+        'item-icon icon-' + (story.passes ? 'completed' : 'pending'),
+        story.passes ? '✓' : '○',
+      ),
     );
     head.appendChild(el('span', 'story-id', story.id));
     card.appendChild(head);
@@ -1331,16 +1563,30 @@
         item.appendChild(title);
         const grid = el('dl', 'now-grid execution-grid');
         nowRow(grid, 'Harness', execution.agent?.harness || '—');
-        nowRow(grid, 'Modelo', execution.agent?.model?.resolved || execution.agent?.model?.requested || '—');
+        nowRow(
+          grid,
+          'Modelo',
+          execution.agent?.model?.resolved || execution.agent?.model?.requested || '—',
+        );
         nowRow(grid, 'Início', formatClock(execution.startedAt));
-        nowRow(grid, 'Fim', execution.finishedAt ? formatClock(execution.finishedAt) : 'em andamento');
-        nowRow(grid, 'Duração', metric(execution.durationMs) !== null ? formatDuration(execution.durationMs / 1000) : '—');
+        nowRow(
+          grid,
+          'Fim',
+          execution.finishedAt ? formatClock(execution.finishedAt) : 'em andamento',
+        );
+        nowRow(
+          grid,
+          'Duração',
+          metric(execution.durationMs) !== null ? formatDuration(execution.durationMs / 1000) : '—',
+        );
         nowRow(grid, 'Tokens', formatUsage(execution.usage || {}) || '—');
         nowRow(grid, 'Custo', executionCost(execution));
-        if (execution.correctionCycle) nowRow(grid, 'Correção', 'ciclo ' + execution.correctionCycle);
+        if (execution.correctionCycle)
+          nowRow(grid, 'Correção', 'ciclo ' + execution.correctionCycle);
         if (execution.verdict?.status) nowRow(grid, 'Veredito', execution.verdict.status);
         item.appendChild(grid);
-        if (execution.failure?.message) item.appendChild(el('p', 'item-error', execution.failure.message));
+        if (execution.failure?.message)
+          item.appendChild(el('p', 'item-error', execution.failure.message));
         timeline.appendChild(item);
       }
       body.appendChild(timeline);
@@ -1380,7 +1626,9 @@
     if (entries.length === 0) return;
     drawerSection('Diagnóstico global persistente', (body) => {
       const details = el('details', 'process-output');
-      details.appendChild(el('summary', null, entries.length + ' registro(s) em ~/.issue-flow/logs'));
+      details.appendChild(
+        el('summary', null, entries.length + ' registro(s) em ~/.issue-flow/logs'),
+      );
       const output = el('pre', 'process-output-body');
       output.textContent = entries
         .slice(0, 200)
@@ -1397,7 +1645,8 @@
     const kind = state.selectedDetail.kind;
     const id = state.selectedDetail.id;
     const story = kind === 'story' ? getStoryById(snapshot, id) : null;
-    const phase = kind === 'phase' ? list(snapshot.phases).find((entry) => entry.name === id) : null;
+    const phase =
+      kind === 'phase' ? list(snapshot.phases).find((entry) => entry.name === id) : null;
     if ((kind === 'story' && story === null) || (kind === 'phase' && !phase)) {
       closeDrawer();
       return;
@@ -1410,9 +1659,15 @@
       const grid = el('dl', 'now-grid drawer-summary-grid');
       nowRow(grid, 'Início', phase.startedAt ? formatClock(phase.startedAt) : '—');
       nowRow(grid, 'Fim', phase.endedAt ? formatClock(phase.endedAt) : '—');
-      nowRow(grid, 'Duração', metric(phase.durationSeconds) !== null ? formatDuration(phase.durationSeconds) : '—');
+      nowRow(
+        grid,
+        'Duração',
+        metric(phase.durationSeconds) !== null ? formatDuration(phase.durationSeconds) : '—',
+      );
       nowRow(grid, 'Uso total', formatUsage(phase) || '—');
-      const configured = list(snapshot.configuration?.phases).find((entry) => entry.phase === phase.name);
+      const configured = list(snapshot.configuration?.phases).find(
+        (entry) => entry.phase === phase.name,
+      );
       if (configured) {
         nowRow(grid, 'Harness efetivo', configured.provider.value || '—');
         nowRow(grid, 'Origem', configSourceLabel(configured.provider.source));
@@ -1452,7 +1707,8 @@
         return;
       }
       const items = el('ul', 'drawer-list');
-      for (const criterion of story.acceptanceCriteria) items.appendChild(el('li', null, criterion));
+      for (const criterion of story.acceptanceCriteria)
+        items.appendChild(el('li', null, criterion));
       body.appendChild(items);
     });
 
@@ -1566,9 +1822,7 @@
   function renderLogs(snapshot) {
     clear(els.logs);
     const filter = state.logFilter;
-    const entries = snapshot.logs.filter(
-      (entry) => filter === 'all' || entry.level === filter,
-    );
+    const entries = snapshot.logs.filter((entry) => filter === 'all' || entry.level === filter);
     if (entries.length === 0) {
       els.logs.appendChild(el('p', 'empty', 'Nenhum log para exibir.'));
       return;
@@ -1612,9 +1866,20 @@
       case 'agent:activity':
         return 'Atividade recebida de ' + event.provider;
       case 'agent:result':
-        return event.provider + (event.success ? ' concluiu a tentativa' : ' falhou: ' + (event.failureKind || 'desconhecida'));
+        return (
+          event.provider +
+          (event.success
+            ? ' concluiu a tentativa'
+            : ' falhou: ' + (event.failureKind || 'desconhecida'))
+        );
       case 'failover':
-        return 'Failover de ' + event.from + ' para ' + event.to + (event.reason ? ': ' + event.reason : '');
+        return (
+          'Failover de ' +
+          event.from +
+          ' para ' +
+          event.to +
+          (event.reason ? ': ' + event.reason : '')
+        );
       case 'correction:cycle':
         return 'Ciclo de correção ' + event.cycle + '/' + event.maxCycles;
       case 'log':
@@ -1743,7 +2008,11 @@
       const healthRes = await fetch('api/health', { cache: 'no-store' });
       serverInstanceChanged(healthRes);
       const health = await healthRes.json();
-      state.configWritable = list(health.capabilities).includes('config:agent:write');
+      renderMonitorVersion(health.version);
+      const capabilities = list(health.capabilities);
+      state.configWritable =
+        capabilities.includes('config:agent:write') &&
+        capabilities.includes('config:routing:write');
       const suggested = Number(health.refreshSeconds);
       if (stored === null && Number.isFinite(suggested) && suggested > 0) {
         state.refreshSeconds = suggested;

package/web/public/index.html

@@ -37,7 +37,10 @@
     <div id="view-dashboard" class="view" hidden>
       <header class="card header">
         <div class="header-main">
-          <h1><span class="brand">issue-flow</span></h1>
+          <h1>
+            <span class="brand">issue-flow</span>
+            <span id="app-version-dashboard" class="app-version" hidden></span>
+          </h1>
           <p class="muted">Execuções ativas</p>
         </div>
         <div class="header-side">
@@ -69,6 +72,7 @@
         </button>
         <h1>
           <span class="brand">issue-flow</span>
+          <span id="app-version" class="app-version" hidden></span>
           <a id="issue-link" class="issue-link" target="_blank" rel="noopener" hidden>#—</a>
         </h1>
         <p id="branch-line" class="muted mono"></p>
@@ -142,7 +146,7 @@
     <section class="card">
       <div class="section-head">
         <h2>Harnesses e configuração efetiva</h2>
-        <span class="muted">preferências futuras e overrides desta execução</span>
+        <span class="muted">versões, preferências futuras e overrides desta execução</span>
       </div>
       <div id="configuration"></div>
     </section>

package/dist/agent-AT64RXTA.js

@@ -1,30 +0,0 @@
-#!/usr/bin/env node
-import {
-  AGENT_COMMAND_SCHEMA_VERSION,
-  persistFirstAgentChoice,
-  runAgent,
-  runAgentUse,
-  writeAgentPreference
-} from "./chunk-6FXOU2KR.js";
-import "./chunk-WM3Y7Q4A.js";
-import "./chunk-VR34TXHF.js";
-import "./chunk-NVZMBXTE.js";
-import "./chunk-6QYMSNVA.js";
-import "./chunk-AYYMW33T.js";
-import "./chunk-HAKDLR6N.js";
-import "./chunk-GSZCQUCY.js";
-import "./chunk-TBDP6QPJ.js";
-import "./chunk-P3LRUNC6.js";
-import "./chunk-UNQYMR3H.js";
-import "./chunk-XQHFC62U.js";
-import "./chunk-XDKGA6UX.js";
-import "./chunk-7Z4Y3VKM.js";
-import "./chunk-XEYH6ZZI.js";
-export {
-  AGENT_COMMAND_SCHEMA_VERSION,
-  persistFirstAgentChoice,
-  runAgent,
-  runAgentUse,
-  writeAgentPreference
-};
-//# sourceMappingURL=agent-AT64RXTA.js.map