npm - issue-flow - Versions diffs - 0.12.0 → 0.14.0 - Mend

issue-flow 0.12.0 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (197) hide show

package/README.md +79 -274
package/dist/agent-OX3KPHE4.js +30 -0
package/dist/{analyze-OEET7KGE.js → analyze-WIND2SEB.js} +31 -16
package/dist/analyze-WIND2SEB.js.map +1 -0
package/dist/{apply-ZIA3C52S.js → apply-JNOI2LR4.js} +18 -7
package/dist/{apply-ZIA3C52S.js.map → apply-JNOI2LR4.js.map} +1 -1
package/dist/bench-B4VZON7E.js +910 -0
package/dist/bench-B4VZON7E.js.map +1 -0
package/dist/{chunk-FADTCQGM.js → chunk-2IQ6M4ZE.js} +94 -32
package/dist/chunk-2IQ6M4ZE.js.map +1 -0
package/dist/chunk-3BWZO4YI.js +141 -0
package/dist/chunk-3BWZO4YI.js.map +1 -0
package/dist/chunk-3WFZETIM.js +163 -0
package/dist/chunk-3WFZETIM.js.map +1 -0
package/dist/chunk-67YIU2VB.js +362 -0
package/dist/chunk-67YIU2VB.js.map +1 -0
package/dist/{chunk-QCPGHBSZ.js → chunk-6BENHR2I.js} +63 -21
package/dist/chunk-6BENHR2I.js.map +1 -0
package/dist/{chunk-BYZDPR7N.js → chunk-6QYMSNVA.js} +194 -235
package/dist/chunk-6QYMSNVA.js.map +1 -0
package/dist/{chunk-Y5ZDJ4PJ.js → chunk-76MMPJ53.js} +20 -10
package/dist/chunk-76MMPJ53.js.map +1 -0
package/dist/chunk-7Z4Y3VKM.js +26 -0
package/dist/chunk-7Z4Y3VKM.js.map +1 -0
package/dist/{chunk-3QHK4YQA.js → chunk-B72RQZBV.js} +346 -119
package/dist/chunk-B72RQZBV.js.map +1 -0
package/dist/chunk-BEZ5BA5U.js +625 -0
package/dist/chunk-BEZ5BA5U.js.map +1 -0
package/dist/chunk-BRCNQXYQ.js +74 -0
package/dist/chunk-BRCNQXYQ.js.map +1 -0
package/dist/chunk-CGKLE6WR.js +1203 -0
package/dist/chunk-CGKLE6WR.js.map +1 -0
package/dist/chunk-CRGIQFUQ.js +83 -0
package/dist/chunk-CRGIQFUQ.js.map +1 -0
package/dist/{chunk-NS6R37II.js → chunk-F6TOYSYY.js} +141 -12
package/dist/chunk-F6TOYSYY.js.map +1 -0
package/dist/chunk-G5EK2XRN.js +25 -0
package/dist/chunk-G5EK2XRN.js.map +1 -0
package/dist/chunk-HAKDLR6N.js +134 -0
package/dist/chunk-HAKDLR6N.js.map +1 -0
package/dist/chunk-J3SOTUVI.js +298 -0
package/dist/chunk-J3SOTUVI.js.map +1 -0
package/dist/chunk-JN6D3MY6.js +30 -0
package/dist/chunk-JN6D3MY6.js.map +1 -0
package/dist/{chunk-LAFNLLQP.js → chunk-KMRFRXIT.js} +5 -5
package/dist/chunk-KT7JKOXB.js +72 -0
package/dist/chunk-KT7JKOXB.js.map +1 -0
package/dist/chunk-L6HSKTQE.js +77 -0
package/dist/chunk-L6HSKTQE.js.map +1 -0
package/dist/chunk-LBGHI4S2.js +1264 -0
package/dist/chunk-LBGHI4S2.js.map +1 -0
package/dist/chunk-LEW4QM74.js +180 -0
package/dist/chunk-LEW4QM74.js.map +1 -0
package/dist/{chunk-FJP3UQGD.js → chunk-LFEQIZLB.js} +115 -20
package/dist/chunk-LFEQIZLB.js.map +1 -0
package/dist/chunk-OOVG2KBY.js +77 -0
package/dist/chunk-OOVG2KBY.js.map +1 -0
package/dist/{chunk-56KS3TFQ.js → chunk-OR43364P.js} +115 -160
package/dist/chunk-OR43364P.js.map +1 -0
package/dist/chunk-P3LRUNC6.js +16 -0
package/dist/chunk-P3LRUNC6.js.map +1 -0
package/dist/{chunk-TSOLWK7Y.js → chunk-PBTA3QQX.js} +8 -7
package/dist/{chunk-TSOLWK7Y.js.map → chunk-PBTA3QQX.js.map} +1 -1
package/dist/{chunk-MJULIKQU.js → chunk-PHW2YV6N.js} +23 -47
package/dist/chunk-PHW2YV6N.js.map +1 -0
package/dist/{chunk-73ATPIYX.js → chunk-PZTWU277.js} +36 -71
package/dist/chunk-PZTWU277.js.map +1 -0
package/dist/{chunk-M5UCXTIT.js → chunk-QD4VOILZ.js} +22 -18
package/dist/chunk-QD4VOILZ.js.map +1 -0
package/dist/chunk-QJ5UZAH5.js +2718 -0
package/dist/chunk-QJ5UZAH5.js.map +1 -0
package/dist/chunk-QK7WUO7A.js +283 -0
package/dist/chunk-QK7WUO7A.js.map +1 -0
package/dist/{chunk-A4SLHOW7.js → chunk-QZVKRDJY.js} +27 -19
package/dist/chunk-QZVKRDJY.js.map +1 -0
package/dist/chunk-REO3PXXO.js +71 -0
package/dist/chunk-REO3PXXO.js.map +1 -0
package/dist/{chunk-EZATO3DW.js → chunk-RVO7L4FX.js} +594 -17
package/dist/chunk-RVO7L4FX.js.map +1 -0
package/dist/{chunk-XQUSIEKA.js → chunk-SZMHCEYV.js} +63 -14
package/dist/chunk-SZMHCEYV.js.map +1 -0
package/dist/chunk-TYRNTSPJ.js +243 -0
package/dist/chunk-TYRNTSPJ.js.map +1 -0
package/dist/chunk-UJ3L2MS7.js +238 -0
package/dist/chunk-UJ3L2MS7.js.map +1 -0
package/dist/chunk-V7MO5EDS.js +120 -0
package/dist/chunk-V7MO5EDS.js.map +1 -0
package/dist/chunk-WB2X37MO.js +415 -0
package/dist/chunk-WB2X37MO.js.map +1 -0
package/dist/{chunk-NTMMF5UD.js → chunk-X44FKNKP.js} +525 -252
package/dist/chunk-X44FKNKP.js.map +1 -0
package/dist/chunk-XEYH6ZZI.js +289 -0
package/dist/chunk-XEYH6ZZI.js.map +1 -0
package/dist/cli.js +267 -44
package/dist/cli.js.map +1 -1
package/dist/{config-PRJGWW7J.js → config-HMFMCY2M.js} +31 -5
package/dist/contract-JH2WBIO6.js +8 -0
package/dist/conventions-NJF2OPVQ.js +146 -0
package/dist/conventions-NJF2OPVQ.js.map +1 -0
package/dist/diagnostics-THH42ZMP.js +23 -0
package/dist/execute-KFNNZZHI.js +35 -0
package/dist/{generate-EGB4KV2B.js → generate-FW5C6NP7.js} +37 -20
package/dist/{generate-EGB4KV2B.js.map → generate-FW5C6NP7.js.map} +1 -1
package/dist/git-W72QQ6GT.js +33 -0
package/dist/init-HTN4V67Q.js +24 -0
package/dist/{operations-BYT626KQ.js → operations-BCFOBH42.js} +27 -15
package/dist/{operations-BYT626KQ.js.map → operations-BCFOBH42.js.map} +1 -1
package/dist/permissions-4AKNQZHK.js +18 -0
package/dist/plan-SIZLGA4V.js +34 -0
package/dist/{policy-6S4GFC76.js → policy-DT6Q6ZVM.js} +20 -6
package/dist/policy-DT6Q6ZVM.js.map +1 -0
package/dist/pr-OMWCGUOW.js +39 -0
package/dist/pr-review-N24CZPKR.js +32 -0
package/dist/pr-review-N24CZPKR.js.map +1 -0
package/dist/prd-5OFTZAHJ.js +33 -0
package/dist/prd-5OFTZAHJ.js.map +1 -0
package/dist/ps-RFORTCUD.js +93 -0
package/dist/ps-RFORTCUD.js.map +1 -0
package/dist/recorder-KCCPMKQG.js +32 -0
package/dist/recorder-KCCPMKQG.js.map +1 -0
package/dist/registry-GLPXOMFG.js +15 -0
package/dist/registry-GLPXOMFG.js.map +1 -0
package/dist/{resume-PPCNQVVV.js → resume-M5RLKP4I.js} +55 -34
package/dist/{resume-PPCNQVVV.js.map → resume-M5RLKP4I.js.map} +1 -1
package/dist/review-YM4JAABY.js +35 -0
package/dist/review-YM4JAABY.js.map +1 -0
package/dist/routing-NNT5WKGX.js +94 -0
package/dist/routing-NNT5WKGX.js.map +1 -0
package/dist/run-PZUKHPQK.js +54 -0
package/dist/run-PZUKHPQK.js.map +1 -0
package/dist/session-publisher-T7EI3CIP.js +11 -0
package/dist/session-publisher-T7EI3CIP.js.map +1 -0
package/dist/{state-manager-2EDVDBAR.js → state-manager-GQH32C44.js} +4 -2
package/dist/state-manager-GQH32C44.js.map +1 -0
package/dist/usage-V2CHE5PY.js +177 -0
package/dist/usage-V2CHE5PY.js.map +1 -0
package/dist/{web-EF5WIIGG.js → web-EA3KGNFN.js} +45 -30
package/dist/web-EA3KGNFN.js.map +1 -0
package/package.json +6 -2
package/prompts/execute.md +7 -8
package/prompts/plan.md +4 -5
package/prompts/pr.md +2 -2
package/web/AGENTS.md +152 -13
package/web/public/app.css +380 -109
package/web/public/app.js +525 -25
package/web/public/index.html +68 -1
package/dist/analyze-OEET7KGE.js.map +0 -1
package/dist/chunk-3QHK4YQA.js.map +0 -1
package/dist/chunk-42PJFMAR.js +0 -605
package/dist/chunk-42PJFMAR.js.map +0 -1
package/dist/chunk-4JSOYE4G.js +0 -368
package/dist/chunk-4JSOYE4G.js.map +0 -1
package/dist/chunk-56KS3TFQ.js.map +0 -1
package/dist/chunk-73ATPIYX.js.map +0 -1
package/dist/chunk-A4SLHOW7.js.map +0 -1
package/dist/chunk-BAUPQXPE.js +0 -173
package/dist/chunk-BAUPQXPE.js.map +0 -1
package/dist/chunk-BYZDPR7N.js.map +0 -1
package/dist/chunk-CD5ULRVC.js +0 -615
package/dist/chunk-CD5ULRVC.js.map +0 -1
package/dist/chunk-DIDUVL6O.js +0 -1365
package/dist/chunk-DIDUVL6O.js.map +0 -1
package/dist/chunk-EZATO3DW.js.map +0 -1
package/dist/chunk-FADTCQGM.js.map +0 -1
package/dist/chunk-FJP3UQGD.js.map +0 -1
package/dist/chunk-LWRSMTTZ.js +0 -18
package/dist/chunk-LWRSMTTZ.js.map +0 -1
package/dist/chunk-M5UCXTIT.js.map +0 -1
package/dist/chunk-M66SJHQQ.js +0 -206
package/dist/chunk-M66SJHQQ.js.map +0 -1
package/dist/chunk-MJULIKQU.js.map +0 -1
package/dist/chunk-NS6R37II.js.map +0 -1
package/dist/chunk-NTMMF5UD.js.map +0 -1
package/dist/chunk-QCPGHBSZ.js.map +0 -1
package/dist/chunk-XQUSIEKA.js.map +0 -1
package/dist/chunk-Y5ZDJ4PJ.js.map +0 -1
package/dist/execute-XBNVL753.js +0 -18
package/dist/init-AJHCXJBP.js +0 -10
package/dist/plan-QOZ3RIO6.js +0 -21
package/dist/policy-6S4GFC76.js.map +0 -1
package/dist/pr-EBBHD2ZX.js +0 -26
package/dist/pr-review-VVMW5PO4.js +0 -20
package/dist/prd-JQSZF7PR.js +0 -21
package/dist/review-3F6MARWH.js +0 -19
package/dist/run-RXE5GDQO.js +0 -36
package/dist/web-EF5WIIGG.js.map +0 -1
/package/dist/{config-PRJGWW7J.js.map → agent-OX3KPHE4.js.map} +0 -0
/package/dist/{chunk-LAFNLLQP.js.map → chunk-KMRFRXIT.js.map} +0 -0
/package/dist/{execute-XBNVL753.js.map → config-HMFMCY2M.js.map} +0 -0
/package/dist/{init-AJHCXJBP.js.map → contract-JH2WBIO6.js.map} +0 -0
/package/dist/{plan-QOZ3RIO6.js.map → diagnostics-THH42ZMP.js.map} +0 -0
/package/dist/{pr-EBBHD2ZX.js.map → execute-KFNNZZHI.js.map} +0 -0
/package/dist/{pr-review-VVMW5PO4.js.map → git-W72QQ6GT.js.map} +0 -0
/package/dist/{prd-JQSZF7PR.js.map → init-HTN4V67Q.js.map} +0 -0
/package/dist/{review-3F6MARWH.js.map → permissions-4AKNQZHK.js.map} +0 -0
/package/dist/{run-RXE5GDQO.js.map → plan-SIZLGA4V.js.map} +0 -0
/package/dist/{state-manager-2EDVDBAR.js.map → pr-OMWCGUOW.js.map} +0 -0

package/web/public/app.js CHANGED Viewed

@@ -1,6 +1,6 @@
 // Interface do monitoramento web do issue-flow.
 // JS puro, sem framework e sem recursos externos — funciona offline.
-// Consome GET api/sessions, GET api/status (ETag/304) e GET api/health;
+// Consome GET api/sessions, GET api/status (ETag/304), GET api/events e GET api/health;
 // todo texto dinâmico entra via textContent (nunca innerHTML com dados
 // do snapshot).
 (() => {
@@ -9,6 +9,12 @@
   const REFRESH_OPTIONS = [3, 5, 10, 30];
   const PAUSED = 0;
   const STORAGE_KEY = 'issue-flow:refresh-seconds';
+  const THEME_STORAGE_KEY = 'issue-flow:theme';
+  // Esta chave também é lida pelo <script> inline do <head>
+  // do index.html, que aplica o tema antes do primeiro paint. A duplicação
+  // é deliberada: aquele script roda antes deste arquivo existir na página e
+  // não pode depender de nenhum símbolo daqui. Mudou o formato do valor,
+  // mude nos dois lugares.
   const MAX_BACKOFF_MS = 60000;
   const ALERT_PREVIEW = 3;
   const DESCRIPTION_PREVIEW = 140;
@@ -71,6 +77,8 @@
     estimate: document.getElementById('estimate'),
     refreshSelect: document.getElementById('refresh-select'),
     refreshSelectDashboard: document.getElementById('refresh-select-dashboard'),
+    themeSelect: document.getElementById('theme-select'),
+    themeSelectDashboard: document.getElementById('theme-select-dashboard'),
     alerts: document.getElementById('alerts'),
     alertsBody: document.getElementById('alerts-body'),
     issueSummary: document.getElementById('issue-summary'),
@@ -79,6 +87,8 @@
     progressPercent: document.getElementById('progress-percent'),
     progressCounters: document.getElementById('progress-counters'),
     now: document.getElementById('now'),
+    resilience: document.getElementById('resilience'),
+    configuration: document.getElementById('configuration'),
     phases: document.getElementById('phases'),
     nextSteps: document.getElementById('next-steps'),
     stories: document.getElementById('stories'),
@@ -86,6 +96,8 @@
     pullRequests: document.getElementById('pull-requests'),
     logFilter: document.getElementById('log-filter'),
     logs: document.getElementById('logs'),
+    historyFilter: document.getElementById('history-filter'),
+    history: document.getElementById('history'),
     sessionMeta: document.getElementById('session-meta'),
     tabs: Array.prototype.slice.call(document.querySelectorAll('[role="tab"]')),
     kanban: document.getElementById('kanban'),
@@ -105,9 +117,16 @@
     polling: false,
     logFilter: 'all',
     activeTab: 'tab-execution',
+    // 'system' | 'light' | 'dark'. Valor inicial em initTheme(), lido da
+    // preferência guardada em localStorage por readStoredTheme().
+    theme: 'system',
+    historyFilter: 'all',
+    events: [],
+    diagnostics: [],
     // Só o id: o card que abriu o drawer é destruído no próximo render, então
     // guardar o nó levaria a uma referência morta.
-    selectedStoryId: null,
+    selectedDetail: null,
+    configWritable: false,
     // 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: [],
@@ -116,6 +135,7 @@
     detailSessionId: null,
     viewMode: 'detail', // 'detail' | 'dashboard'
     statusUrl: 'api/status',
+    eventsUrl: null,
     // Se selectSession/clearSessionSelection chega durante um poll, reexecuta.
     pollAgain: false,
   };
@@ -186,8 +206,9 @@
   }
   // Custos abaixo de um centavo perderiam todo o significado com 2 casas.
-  function formatCost(value) {
-    return '~$' + (Math.abs(value) < 0.01 ? value.toFixed(4) : value.toFixed(2));
+  function formatCost(value, approximate) {
+    const prefix = approximate === false ? '$' : '~$';
+    return prefix + (Math.abs(value) < 0.01 ? value.toFixed(4) : value.toFixed(2));
   }
   // Ex.: '12.4k in / 3.1k out · 88.0k cache · ~$0.42'. Segmentos sem dado são
@@ -301,6 +322,88 @@
     }
   }
+  // ---- Tema ------------------------------------------------------------------
+  // Três estados: 'system' segue o SO (o @media decide), 'light'/'dark' forçam.
+  // Quem pinta é o CSS; aqui só se define (ou remove) o data-theme da raiz.
+  // Par ler/gravar tolerante a exceção, na mesma forma de readStoredRefresh()
+  // e storeRefresh(): armazenamento bloqueado (janela privada, cookies de
+  // terceiros desligados) não pode derrubar o painel.
+  function readStoredTheme() {
+    let raw = null;
+    try {
+      raw = window.localStorage.getItem(THEME_STORAGE_KEY);
+    } catch (err) {
+      // localStorage indisponível (ex.: bloqueado) — segue no modo sistema.
+    }
+    return raw === 'light' || raw === 'dark' ? raw : 'system';
+  }
+  function storeTheme(value) {
+    try {
+      window.localStorage.setItem(THEME_STORAGE_KEY, value);
+    } catch (err) {
+      // Persistência é conveniência; falha é ignorada. Sem gravar, a escolha
+      // continua valendo nesta aba — só não sobrevive ao reload.
+    }
+  }
+  function applyTheme(theme) {
+    // 'system' **remove** o atributo em vez de gravar 'system': é a ausência
+    // do data-theme que devolve a decisão ao @media (prefers-color-scheme).
+    if (theme === 'light' || theme === 'dark') {
+      document.documentElement.setAttribute('data-theme', theme);
+    } else {
+      document.documentElement.removeAttribute('data-theme');
+    }
+  }
+  // Os dois headers têm o seu seletor; mudar num precisa refletir no outro.
+  // As três opções são estáticas no HTML — aqui só se sincroniza o .value.
+  function syncThemeSelects() {
+    if (els.themeSelect) els.themeSelect.value = state.theme;
+    if (els.themeSelectDashboard) els.themeSelectDashboard.value = state.theme;
+  }
+  // Preferência do SO. Só se observa no modo 'system': é ali que a troca de
+  // claro para escuro no SO precisa chegar ao painel com a página aberta.
+  const systemThemeQuery =
+    typeof window.matchMedia === 'function'
+      ? window.matchMedia('(prefers-color-scheme: dark)')
+      : null;
+  function onSystemThemeChange() {
+    // Sincroniza o lado JS do tema com a preferência nova do SO: a raiz (que
+    // no modo sistema segue sem data-theme, para o @media decidir) e o .value
+    // dos dois seletores. O repaint das cores é do próprio @media, que o
+    // navegador reavalia sozinho — por isso não há nada a pintar aqui.
+    applyTheme(state.theme);
+    syncThemeSelects();
+  }
+  // Anexa no modo 'system' e desanexa nos modos forçados: com tema forçado a
+  // preferência do SO não vale, e continuar ouvindo seria ruído.
+  function watchSystemTheme(enabled) {
+    if (!systemThemeQuery) return;
+    if (enabled) systemThemeQuery.addEventListener('change', onSystemThemeChange);
+    else systemThemeQuery.removeEventListener('change', onSystemThemeChange);
+  }
+  function setTheme(theme) {
+    state.theme = theme === 'light' || theme === 'dark' ? theme : 'system';
+    applyTheme(state.theme);
+    syncThemeSelects();
+    watchSystemTheme(state.theme === 'system');
+  }
+  function initTheme() {
+    // O <script> inline do <head> já leu a mesma chave e aplicou o tema antes
+    // do primeiro paint; esta é a segunda metade da duplicação deliberada
+    // documentada em THEME_STORAGE_KEY — traz a preferência para o state e,
+    // com ela, para os dois seletores.
+    setTheme(readStoredTheme());
+  }
   // ---- Polling: intervalo configurável, aba oculta e backoff ----------------
   function readStoredRefresh() {
@@ -372,9 +475,6 @@
       if (!stillThere) {
         state.selectedSessionId = null;
         state.etag = null;
-      } else if (sessions.length === 1) {
-        // Seleção explícita deixa de fazer sentido com uma única sessão.
-        state.selectedSessionId = null;
       }
     }
@@ -398,11 +498,11 @@
     state.viewMode = mode;
     els.viewDashboard.hidden = mode !== 'dashboard';
     els.viewDetail.hidden = mode !== 'detail';
-    // Back só quando o usuário escolheu um card e ainda há dashboard para voltar.
+    // Back quando o usuário escolheu um card e existe uma lista para voltar.
     const showBack =
-      mode === 'detail' && state.selectedSessionId !== null && state.sessions.length >= 2;
+      mode === 'detail' && state.selectedSessionId !== null && state.sessions.length >= 1;
     els.backToDashboard.hidden = !showBack;
-    if (mode === 'dashboard' && state.selectedStoryId !== null) {
+    if (mode === 'dashboard' && state.selectedDetail !== null) {
       closeDrawer();
     }
   }
@@ -414,10 +514,18 @@
     return session.statusUrl.replace(/^\//, '');
   }
+  function eventsUrlFor(session) {
+    if (!session || !session.eventsUrl) return null;
+    return session.eventsUrl.replace(/^\//, '');
+  }
   function clearDetailState() {
     state.etag = null;
     state.snapshot = null;
     state.detailSessionId = null;
+    state.events = [];
+    state.diagnostics = [];
+    state.eventsUrl = null;
   }
   function requestPoll() {
@@ -491,6 +599,7 @@
         state.statusUrl = nextUrl;
         state.etag = null;
       }
+      state.eventsUrl = eventsUrlFor(resolved.session);
       // Evita flash da sessão anterior enquanto o status novo carrega.
       if (sessionChanged || !state.snapshot) {
@@ -516,6 +625,21 @@
         state.snapshot = await res.json();
         render();
       }
+      if (state.eventsUrl) {
+        const eventsRes = await fetch(state.eventsUrl, { cache: 'no-store' });
+        if (!eventsRes.ok) throw new Error('HTTP ' + eventsRes.status);
+        const entries = await eventsRes.json();
+        state.events = Array.isArray(entries) ? entries : [];
+        const diagnosticUrl =
+          'api/diagnostics?session=' + encodeURIComponent(state.detailSessionId || '');
+        const diagnosticsRes = await fetch(diagnosticUrl, { cache: 'no-store' });
+        if (diagnosticsRes.ok) {
+          const diagnostics = await diagnosticsRes.json();
+          state.diagnostics = Array.isArray(diagnostics) ? diagnostics : [];
+        }
+        renderHistory();
+        renderDrawer(state.snapshot);
+      }
       setViewMode('detail');
       state.failures = 0;
       els.banner.hidden = true;
@@ -624,7 +748,13 @@
         meta.appendChild(el('span', null, 'correção ' + session.correctionCycle));
       }
       if (session.updatedAt) {
-        meta.appendChild(el('span', null, 'atividade ' + formatAgo(session.updatedAt)));
+        meta.appendChild(
+          el('span', null, 'atividade ' + formatAgo(session.lastActivityAt || session.updatedAt)),
+        );
+      }
+      if (session.provider) meta.appendChild(el('span', null, 'provider ' + session.provider));
+      if (typeof session.attempt === 'number' && session.attempt > 0) {
+        meta.appendChild(el('span', null, 'tentativa ' + session.attempt));
       }
       card.appendChild(meta);
@@ -668,6 +798,8 @@
     renderRepository(snapshot);
     renderProgress(snapshot);
     renderNow(snapshot);
+    renderResilience(snapshot);
+    renderConfiguration(snapshot);
     renderPhases(snapshot);
     renderNextSteps(snapshot);
     renderStories(snapshot);
@@ -676,6 +808,7 @@
     renderDrawer(snapshot);
     renderGit(snapshot);
     renderLogs(snapshot);
+    renderHistory();
     renderMeta(snapshot);
     renderTimers();
     renderTitle(snapshot);
@@ -702,7 +835,15 @@
     const branch = snapshot.git.branch;
     const base = snapshot.git.baseBranch;
-    els.branchLine.textContent = branch ? (base ? branch + ' ← ' + base : branch) : '';
+    const branchMode =
+      snapshot.git.branchCreated === false
+        ? 'branch atual · não criada pelo Issue Flow'
+        : snapshot.git.branchCreated === true
+          ? 'criada pelo Issue Flow'
+          : 'origem da branch não informada';
+    els.branchLine.textContent = branch
+      ? (base ? branch + ' ← ' + base : branch) + ' · ' + branchMode
+      : '';
     els.statusBadge.textContent = STATUS_LABELS[snapshot.status] || snapshot.status;
     els.statusBadge.className = 'badge status-' + snapshot.status;
@@ -857,6 +998,125 @@
     els.now.appendChild(grid);
   }
+  function renderResilience(snapshot) {
+    clear(els.resilience);
+    const resilience = snapshot.resilience || {};
+    const grid = el('dl', 'now-grid');
+    nowRow(grid, 'Tentativa', resilience.attempt > 0 ? String(resilience.attempt) : '—');
+    nowRow(grid, 'Provider', resilience.provider || '—');
+    nowRow(grid, 'Modelo', resilience.model || '—');
+    nowRow(grid, 'Última falha', resilience.lastFailureKind || '—');
+    nowRow(
+      grid,
+      'Cooldown',
+      resilience.cooldownUntil ? formatClock(resilience.cooldownUntil) : '—',
+    );
+    const activity = resilience.lastActivityAt
+      ? formatClock(resilience.lastActivityAt) + ' (' + formatAgo(resilience.lastActivityAt) + ')'
+      : '—';
+    nowRow(grid, 'Última atividade', activity);
+    els.resilience.appendChild(grid);
+  }
+  function configSourceLabel(source) {
+    const labels = {
+      default: 'default do Issue Flow',
+      global: 'configuração global',
+      project: 'configuração do projeto',
+      env: 'variável de ambiente',
+      cli: 'override da execução',
+      fallback: 'fallback',
+    };
+    return labels[source] || source || 'não informado';
+  }
+  function renderConfiguration(snapshot) {
+    clear(els.configuration);
+    const config = snapshot.configuration;
+    if (!config) {
+      els.configuration.appendChild(el('p', 'empty', 'Configuração não capturada nesta execução.'));
+      return;
+    }
+    const summary = el('dl', 'now-grid');
+    nowRow(
+      summary,
+      'Harness padrão',
+      (config.defaultProvider.value || '—') + ' · ' + configSourceLabel(config.defaultProvider.source),
+    );
+    nowRow(
+      summary,
+      'Modelo padrão',
+      (config.defaultModel.value || 'default do provider') +
+        ' · ' +
+        configSourceLabel(config.defaultModel.source),
+    );
+    nowRow(summary, 'Fallbacks', list(config.fallbacks).join(' → ') || 'nenhum configurado');
+    nowRow(summary, 'Precedência', list(config.precedence).join(' → '));
+    els.configuration.appendChild(summary);
+    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));
+      phases.appendChild(row);
+    }
+    els.configuration.appendChild(phases);
+    const form = el('form', 'config-form');
+    const provider = el('select');
+    provider.setAttribute('aria-label', 'Harness padrão para execuções futuras');
+    for (const id of ['claude', 'codex', 'cursor', 'antigravity']) {
+      const option = el('option', null, id);
+      option.value = id;
+      provider.appendChild(option);
+    }
+    provider.value = config.defaultProvider.value || 'claude';
+    const model = el('input');
+    model.type = 'text';
+    model.placeholder = 'modelo (vazio = default)';
+    model.value = config.defaultModel.value || '';
+    const save = el('button', 'config-save', 'Salvar preferência global');
+    save.type = 'submit';
+    const feedback = el('span', 'muted');
+    form.appendChild(provider);
+    form.appendChild(model);
+    form.appendChild(save);
+    form.appendChild(feedback);
+    form.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 }),
+        });
+        const result = await response.json();
+        if (!response.ok) throw new Error(result.error || 'falha ao salvar');
+        feedback.textContent = 'salvo para execuções futuras';
+      } catch (error) {
+        feedback.textContent = error.message || 'falha ao salvar';
+      } finally {
+        save.disabled = false;
+      }
+    });
+    form.hidden = !state.configWritable;
+    els.configuration.appendChild(form);
+  }
   function renderPhases(snapshot) {
     clear(els.phases);
     if (snapshot.phases.length === 0) {
@@ -865,6 +1125,7 @@
     }
     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] || '○'));
       const main = el('div', 'item-main');
       main.appendChild(el('div', 'item-title', phase.name));
@@ -876,6 +1137,12 @@
         formatUsage(phase),
       ]);
       if (side) item.appendChild(el('span', 'item-side', side));
+      item.tabIndex = 0;
+      item.setAttribute('role', 'button');
+      item.addEventListener('click', () => openDrawer('phase', phase.name));
+      item.addEventListener('keydown', (event) => {
+        if (event.key === 'Enter' || event.key === ' ') openDrawer('phase', phase.name);
+      });
       els.phases.appendChild(item);
     }
   }
@@ -906,6 +1173,7 @@
       // antes da issue 38 pode chegar sem ele.
       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';
       item.appendChild(el('span', 'item-icon icon-' + status, story.passes ? '✓' : '○'));
       const main = el('div', 'item-main');
@@ -940,6 +1208,12 @@
         formatUsage(story),
       ]);
       if (side) item.appendChild(el('span', 'item-side', side));
+      item.tabIndex = 0;
+      item.setAttribute('role', 'button');
+      item.addEventListener('click', () => openDrawer('story', story.id));
+      item.addEventListener('keydown', (event) => {
+        if (event.key === 'Enter' || event.key === ' ') openDrawer('story', story.id);
+      });
       els.stories.appendChild(item);
     }
   }
@@ -966,7 +1240,7 @@
     card.appendChild(
       el('span', 'badge story-status-' + story.status, STORY_STATUS_LABELS[story.status]),
     );
-    card.addEventListener('click', () => openDrawer(story.id));
+    card.addEventListener('click', () => openDrawer('story', story.id));
     return card;
   }
@@ -997,18 +1271,145 @@
     if (event.key === 'Escape') closeDrawer();
   }
-  // Reidrata a partir do id a cada render: o drawer aberto sobrevive ao poll.
+  function executionsFor(snapshot, kind, id) {
+    return list(snapshot.executions).filter((execution) => {
+      if (kind === 'phase') return execution.purpose === id;
+      return list(execution.storyIds).includes(id);
+    });
+  }
+  function executionCost(execution) {
+    const cost = execution.cost || {};
+    if (cost.status === 'reported' || cost.status === 'estimated') {
+      return formatCost(cost.amount, cost.status === 'estimated');
+    }
+    return cost.reason ? 'não informado (' + cost.reason + ')' : 'não informado';
+  }
+  function renderExecutionHistory(snapshot, executions) {
+    drawerSection('Tentativas, revisões e correções', (body) => {
+      if (executions.length === 0) {
+        body.appendChild(el('p', 'empty', 'Nenhuma invocação associada.'));
+        return;
+      }
+      const timeline = el('ol', 'execution-timeline');
+      for (const execution of executions.slice().reverse()) {
+        const item = el('li', 'execution-entry');
+        const title = el('div', 'execution-entry-head');
+        title.appendChild(
+          el(
+            'span',
+            'badge status-' + (execution.status === 'completed' ? 'completed' : execution.status),
+            execution.status,
+          ),
+        );
+        title.appendChild(
+          el(
+            'strong',
+            null,
+            execution.purpose + ' · tentativa ' + execution.attempt + ' · ' + execution.trigger,
+          ),
+        );
+        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, '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, 'Tokens', formatUsage(execution.usage || {}) || '—');
+        nowRow(grid, 'Custo', executionCost(execution));
+        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));
+        timeline.appendChild(item);
+      }
+      body.appendChild(timeline);
+    });
+  }
+  function renderProcessLogs(snapshot, executions, phase) {
+    const ids = new Set(executions.map((execution) => execution.id));
+    const logs = list(snapshot.processLogs).filter(
+      (entry) => ids.has(entry.executionId) || (ids.size === 0 && entry.phase === phase),
+    );
+    drawerSection('Saída do processo', (body) => {
+      const details = el('details', 'process-output');
+      const summary = el('summary', null, logs.length + ' linha(s) sanitizada(s)');
+      details.appendChild(summary);
+      if (logs.length === 0) {
+        details.appendChild(el('p', 'empty', 'Nenhuma saída capturada.'));
+      } else {
+        const output = el('pre', 'process-output-body');
+        output.textContent = logs
+          .slice(-200)
+          .map((entry) => formatClock(entry.at) + ' ' + entry.message)
+          .join('\n');
+        details.appendChild(output);
+      }
+      body.appendChild(details);
+    });
+  }
+  function renderGlobalDiagnostics(kind, id, executions) {
+    const ids = new Set(executions.map((execution) => execution.id));
+    const entries = state.diagnostics.filter((entry) => {
+      if (ids.has(entry.executionId)) return true;
+      if (kind === 'phase') return entry.phase === id;
+      return typeof entry.story === 'string' && entry.story.split(',').includes(id);
+    });
+    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'));
+      const output = el('pre', 'process-output-body');
+      output.textContent = entries
+        .slice(0, 200)
+        .map((entry) => formatClock(entry.timestamp) + ' ' + entry.level + ' ' + entry.message)
+        .join('\n');
+      details.appendChild(output);
+      body.appendChild(details);
+    });
+  }
+  // Reidrata a partir de kind/id a cada render: o drawer sobrevive ao poll.
   function renderDrawer(snapshot) {
-    if (state.selectedStoryId === null) return;
-    const story = getStoryById(snapshot, state.selectedStoryId);
-    // A story saiu do plano: manter o drawer aberto exibiria dados obsoletos.
-    if (story === null) {
+    if (state.selectedDetail === null) return;
+    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;
+    if ((kind === 'story' && story === null) || (kind === 'phase' && !phase)) {
       closeDrawer();
       return;
     }
-    els.drawerTitle.textContent = story.id + ' · ' + story.title;
     clear(els.drawerBody);
+    if (kind === 'phase') {
+      els.drawerTitle.textContent = 'Fase · ' + phase.name;
+      els.drawerBody.appendChild(el('span', 'badge status-' + phase.status, phase.status));
+      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, 'Uso total', formatUsage(phase) || '—');
+      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));
+        nowRow(grid, 'Modelo efetivo', configured.model.value || 'default do provider');
+      }
+      els.drawerBody.appendChild(grid);
+      if (phase.error) els.drawerBody.appendChild(el('p', 'item-error', phase.error));
+      const executions = executionsFor(snapshot, kind, id);
+      renderExecutionHistory(snapshot, executions);
+      renderProcessLogs(snapshot, executions, phase.name);
+      renderGlobalDiagnostics(kind, id, executions);
+      return;
+    }
+    els.drawerTitle.textContent = story.id + ' · ' + story.title;
     els.drawerBody.appendChild(
       el('span', 'badge story-status-' + story.status, STORY_STATUS_LABELS[story.status]),
     );
@@ -1058,12 +1459,21 @@
         for (const entry of history) {
           const item = el('li');
           if (entry.at) item.appendChild(el('span', 'log-time', formatClock(entry.at)));
-          item.appendChild(document.createTextNode(text(entry.message)));
+          item.appendChild(
+            document.createTextNode(
+              (STORY_STAGE_LABELS[entry.stage] || entry.stage || '') +
+                (entry.detail ? ' · ' + entry.detail : ''),
+            ),
+          );
           entries.appendChild(item);
         }
         body.appendChild(entries);
       });
     }
+    const executions = executionsFor(snapshot, kind, id);
+    renderExecutionHistory(snapshot, executions);
+    renderProcessLogs(snapshot, executions, 'execute');
+    renderGlobalDiagnostics(kind, id, executions);
   }
   function drawerSection(title, fill) {
@@ -1073,8 +1483,8 @@
     els.drawerBody.appendChild(section);
   }
-  function openDrawer(id) {
-    state.selectedStoryId = id;
+  function openDrawer(kind, id) {
+    state.selectedDetail = { kind, id };
     els.drawer.hidden = false;
     els.drawerOverlay.hidden = false;
     document.addEventListener('keydown', onDrawerKeydown);
@@ -1083,15 +1493,18 @@
   }
   function closeDrawer() {
-    const id = state.selectedStoryId;
-    state.selectedStoryId = null;
+    const selected = state.selectedDetail;
+    state.selectedDetail = null;
     els.drawer.hidden = true;
     els.drawerOverlay.hidden = true;
     document.removeEventListener('keydown', onDrawerKeydown);
     clear(els.drawerBody);
     // O card é recriado a cada render, então o foco volta pelo id, não por uma
     // referência guardada na abertura.
-    const card = id ? els.kanban.querySelector('[data-story-id="' + id + '"]') : null;
+    const card =
+      selected && selected.kind === 'story'
+        ? els.kanban.querySelector('[data-story-id="' + selected.id + '"]')
+        : null;
     if (card) card.focus();
   }
@@ -1109,6 +1522,11 @@
           : el('span', 'mono commit-hash', commit.hash);
         item.appendChild(hash);
         const subject = el('div', 'item-main item-title', commit.subject);
+        const meta = itemSideText([
+          commit.storyId || '',
+          commit.committedAt ? formatClock(commit.committedAt) : '',
+        ]);
+        if (meta) subject.appendChild(el('span', 'muted commit-meta', meta));
         item.appendChild(subject);
         els.commits.appendChild(item);
       }
@@ -1147,6 +1565,70 @@
     }
   }
+  const RESILIENCE_EVENTS = new Set([
+    'retry',
+    'agent:attempt',
+    'agent:activity',
+    'agent:result',
+    'failover',
+  ]);
+  function historyMessage(event) {
+    switch (event.type) {
+      case 'session:start':
+        return 'Sessão iniciada';
+      case 'session:end':
+        return 'Sessão encerrada: ' + event.status;
+      case 'phase:start':
+        return 'Fase iniciada: ' + event.phase;
+      case 'phase:end':
+        return 'Fase encerrada: ' + event.phase + (event.success ? ' (ok)' : ' (falhou)');
+      case 'iteration:start':
+        return 'Iteração ' + event.iteration + ' iniciada';
+      case 'iteration:end':
+        return 'Iteração ' + event.iteration + ' encerrada';
+      case 'retry':
+        return 'Retry ' + event.attempt + (event.kind ? ': ' + event.kind : '');
+      case 'agent:attempt':
+        return 'Tentativa ' + event.attempt + ' com ' + event.provider;
+      case 'agent:activity':
+        return 'Atividade recebida de ' + event.provider;
+      case 'agent:result':
+        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 : '');
+      case 'correction:cycle':
+        return 'Ciclo de correção ' + event.cycle + '/' + event.maxCycles;
+      case 'log':
+        return event.message;
+      default:
+        return event.type;
+    }
+  }
+  function renderHistory() {
+    clear(els.history);
+    const entries = state.events.filter((entry) => {
+      const type = entry && entry.event && entry.event.type;
+      if (!type) return false;
+      if (state.historyFilter === 'resilience') return RESILIENCE_EVENTS.has(type);
+      if (state.historyFilter === 'pipeline') return !RESILIENCE_EVENTS.has(type);
+      return true;
+    });
+    if (entries.length === 0) {
+      els.history.appendChild(el('p', 'empty', 'Nenhum evento para exibir.'));
+      return;
+    }
+    for (const entry of entries.slice().reverse()) {
+      const event = entry.event;
+      const item = el('li', 'history-entry');
+      item.appendChild(el('span', 'log-time', formatClock(event.at)));
+      item.appendChild(el('span', 'history-type mono', event.type));
+      item.appendChild(el('span', 'history-message', historyMessage(event)));
+      els.history.appendChild(item);
+    }
+  }
   function renderMeta(snapshot) {
     const parts = [];
     if (snapshot.sessionId) parts.push('sessão ' + snapshot.sessionId);
@@ -1184,6 +1666,11 @@
   // ---- Inicialização --------------------------------------------------------
+  function onThemeChange(select) {
+    setTheme(select.value);
+    storeTheme(state.theme);
+  }
   function onRefreshChange(select) {
     state.refreshSeconds = Number(select.value);
     storeRefresh(state.refreshSeconds);
@@ -1209,10 +1696,22 @@
       );
     }
+    els.themeSelect.addEventListener('change', () => onThemeChange(els.themeSelect));
+    if (els.themeSelectDashboard) {
+      els.themeSelectDashboard.addEventListener('change', () =>
+        onThemeChange(els.themeSelectDashboard),
+      );
+    }
+    initTheme();
     els.logFilter.addEventListener('change', () => {
       state.logFilter = els.logFilter.value;
       if (state.snapshot) renderLogs(state.snapshot);
     });
+    els.historyFilter.addEventListener('change', () => {
+      state.historyFilter = els.historyFilter.value;
+      renderHistory();
+    });
     document.addEventListener('visibilitychange', () => {
       if (document.hidden) clearTimer();
@@ -1227,6 +1726,7 @@
     } else {
       try {
         const health = await fetch('api/health', { cache: 'no-store' }).then((r) => r.json());
+        state.configWritable = list(health.capabilities).includes('config:agent:write');
         const suggested = Number(health.refreshSeconds);
         if (Number.isFinite(suggested) && suggested > 0) state.refreshSeconds = suggested;
       } catch (err) {