@cat-factory/app 0.99.0 → 0.100.1

package/app/components/board/FailureHistoryList.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
 // The newest-first list of failed-attempt entries (timestamp + message + hint + collapsible
-// detail), shared by the task-inspector's "previous errors" disclosure (AgentFailureHistory)
-// and the step-detail overlay's per-step "execution history". Presentational only — the caller
-// decides which trail to pass (the whole run's, or one step's) and how to reveal it.
+// detail) behind the task-inspector's "previous errors" disclosure (AgentFailureHistory).
+// Presentational only — the caller decides which trail to pass and how to reveal it. (The
+// step-detail overlay's per-step "execution history" uses StepExecutionHistory instead, which
+// merges these failures with the successful outputs a restart superseded.)
 import type { AgentFailure } from '~/types/domain'
 import FailureDetail from '~/components/board/FailureDetail.vue'
 

package/app/components/board/StepExecutionHistory.vue

@@ -0,0 +1,100 @@
+<script setup lang="ts">
+// The step-detail overlay's per-step "execution history": a newest-first, MERGED timeline of
+// this step's SUCCESSFUL prior outputs (discarded by a restart) and its FAILED attempts — so
+// the history surfaces what superseded attempts PRODUCED, not only the errors. Presentational
+// only: the caller passes both trails already narrowed to the step (by `stepIndex`).
+import type { AgentFailure, PriorStepOutput } from '~/types/domain'
+import FailureDetail from '~/components/board/FailureDetail.vue'
+import CopyButton from '~/components/common/CopyButton.vue'
+
+const props = defineProps<{ failures: AgentFailure[]; outputs: PriorStepOutput[] }>()
+
+const { t, d } = useI18n()
+
+type Entry =
+  | { kind: 'failure'; key: string; occurredAt: number; failure: AgentFailure }
+  | { kind: 'success'; key: string; occurredAt: number; output: PriorStepOutput }
+
+// Merge both trails and show newest first — the most recent attempt is the most relevant.
+// Each entry's `key` is its position within its OWN trail (both are append-only, so that
+// position is a stable identity), not the volatile merged-sort index — and it stays unique
+// even when several entries share a timestamp (a restart can discard many steps with the same
+// clock-fallback `occurredAt`).
+const entries = computed<Entry[]>(() =>
+  [
+    ...props.failures.map(
+      (failure, i): Entry => ({
+        kind: 'failure',
+        key: `failure-${i}`,
+        occurredAt: failure.occurredAt,
+        failure,
+      }),
+    ),
+    ...props.outputs.map(
+      (output, i): Entry => ({
+        kind: 'success',
+        key: `success-${i}`,
+        occurredAt: output.occurredAt,
+        output,
+      }),
+    ),
+  ].sort((a, b) => b.occurredAt - a.occurredAt),
+)
+</script>
+
+<template>
+  <ol class="space-y-2">
+    <li
+      v-for="entry in entries"
+      :key="entry.key"
+      class="rounded-md border px-2.5 py-2"
+      :class="
+        entry.kind === 'success'
+          ? 'border-emerald-900/60 bg-emerald-950/20'
+          : 'border-slate-800/80 bg-slate-950/50'
+      "
+      :data-testid="
+        entry.kind === 'success' ? 'step-history-success-entry' : 'step-history-failure-entry'
+      "
+    >
+      <!-- a superseded SUCCESSFUL attempt: its output, collapsible + copyable -->
+      <template v-if="entry.kind === 'success'">
+        <div class="flex items-center gap-1.5 text-[10px] text-slate-500">
+          <UIcon name="i-lucide-check-circle-2" class="h-3 w-3 shrink-0 text-emerald-400/70" />
+          <time>{{ d(new Date(entry.occurredAt), 'long') }}</time>
+          <span class="text-emerald-400/80">{{ t('panels.stepDetail.attemptSucceeded') }}</span>
+        </div>
+        <div class="relative mt-1">
+          <CopyButton :text="entry.output.output" class="absolute end-1 top-1 z-10" />
+          <pre
+            class="max-h-40 overflow-auto whitespace-pre-wrap rounded bg-slate-950/80 p-1.5 pe-9 text-[10px] leading-snug text-slate-300"
+            >{{ entry.output.output }}</pre
+          >
+        </div>
+        <p v-if="entry.output.truncated" class="mt-1 text-[10px] text-slate-500">
+          {{ t('panels.stepDetail.outputTruncated') }}
+        </p>
+      </template>
+
+      <!-- a FAILED attempt: mirrors FailureHistoryList's entry markup -->
+      <template v-else>
+        <div class="flex items-center gap-1.5 text-[10px] text-slate-500">
+          <UIcon name="i-lucide-alert-triangle" class="h-3 w-3 shrink-0 text-rose-400/70" />
+          <time>{{ d(new Date(entry.occurredAt), 'long') }}</time>
+        </div>
+        <p class="mt-1 text-[11px] leading-snug text-slate-300" :title="entry.failure.message">
+          {{ entry.failure.message }}
+        </p>
+        <p v-if="entry.failure.hint" class="mt-1 text-[10px] leading-snug text-slate-500">
+          {{ entry.failure.hint }}
+        </p>
+        <FailureDetail
+          :detail="entry.failure.detail"
+          :message="entry.failure.message"
+          summary-class="text-[10px] text-slate-500 hover:text-slate-300"
+          pre-class="bg-slate-950/80 text-[10px] text-slate-400"
+        />
+      </template>
+    </li>
+  </ol>
+</template>

package/app/components/panels/AgentStepDetail.vue

@@ -11,7 +11,7 @@ import FrontendBindingsResolved from '~/components/panels/inspector/FrontendBind
 import { UI_TESTER_AGENT_KIND } from '@cat-factory/contracts'
 import ProvisioningLogsDrawer from '~/components/provisioning/ProvisioningLogsDrawer.vue'
 import IterationCapPrompt from '~/components/pipeline/IterationCapPrompt.vue'
-import FailureHistoryList from '~/components/board/FailureHistoryList.vue'
+import StepExecutionHistory from '~/components/board/StepExecutionHistory.vue'
 import { useStepTimer } from '~/composables/useStepTimer'
 import { useStepProse } from '~/composables/useStepProse'
 import { useStepApproval } from '~/composables/useStepApproval'
@@ -96,6 +96,16 @@ const stepFailures = computed(() => {
   if (instance.value?.failure) trail.push(instance.value.failure)
   return trail.filter((f) => f.stepIndex === idx)
 })
+// The positive complement of the failure trail: the SUCCESSFUL outputs a restart discarded
+// for THIS step (each carries the `stepIndex` that produced it), so the history surfaces what
+// superseded attempts produced — not only errors. Merged with `stepFailures` in the timeline.
+const stepOutputs = computed(() => {
+  const idx = ctx.value?.stepIndex
+  if (idx == null) return []
+  return (instance.value?.outputHistory ?? []).filter((o) => o.stepIndex === idx)
+})
+// Whether this step has ANY prior-attempt history (successful outputs and/or failures).
+const hasStepHistory = computed(() => stepFailures.value.length > 0 || stepOutputs.value.length > 0)
 const showHistory = ref(false)
 
 // A failed run is no longer executing: a step left mid-flight (state still
@@ -439,10 +449,10 @@ async function copyOutput() {
                 />
               </div>
 
-              <!-- this step's failure trail (the run-level history narrowed to this step),
-                   behind a toggle — mirrors the "previous errors" history on the task inspector
-                   but scoped to the step the user is looking at -->
-              <div v-if="stepFailures.length">
+              <!-- this step's execution history (the run-level trail narrowed to this step),
+                   behind a toggle — a merged timeline of the SUCCESSFUL outputs a restart
+                   superseded and the FAILED attempts, scoped to the step being looked at -->
+              <div v-if="hasStepHistory">
                 <UButton
                   :icon="showHistory ? 'i-lucide-chevron-up' : 'i-lucide-history'"
                   variant="ghost"
@@ -460,10 +470,11 @@ async function copyOutput() {
                       : t('panels.stepDetail.executionHistory')
                   }}
                 </UButton>
-                <FailureHistoryList
+                <StepExecutionHistory
                   v-if="showHistory"
                   class="mt-2"
                   :failures="stepFailures"
+                  :outputs="stepOutputs"
                   data-testid="step-execution-history"
                 />
               </div>

package/app/types/execution.ts

@@ -18,6 +18,7 @@ export type {
   AgentRunKind,
   AgentFailureKind,
   AgentFailure,
+  PriorStepOutput,
   StepApproval,
   StepMetrics,
   LlmCallMetric,

package/i18n/locales/en.json

@@ -1027,6 +1027,8 @@
       "hideInfraAttempts": "Hide infrastructure attempts",
       "executionHistory": "Execution history",
       "hideExecutionHistory": "Hide execution history",
+      "attemptSucceeded": "Succeeded",
+      "outputTruncated": "Output clipped to keep the run history compact.",
       "editingConclusions": "Editing the conclusions",
       "editConclusionsPlaceholder": "Edit the agent's conclusions; your edits are saved when you approve…",
       "noProseOutput": "This agent produced no prose output.",

package/i18n/locales/es.json

@@ -984,6 +984,8 @@
       "hideInfraAttempts": "Ocultar intentos de infraestructura",
       "executionHistory": "Historial de ejecución",
       "hideExecutionHistory": "Ocultar historial de ejecución",
+      "attemptSucceeded": "Correcto",
+      "outputTruncated": "Salida recortada para mantener compacto el historial de ejecución.",
       "editingConclusions": "Editando las conclusiones",
       "editConclusionsPlaceholder": "Edita las conclusiones del agente; tus cambios se guardan cuando apruebas…",
       "noProseOutput": "Este agente no produjo salida en prosa.",

package/i18n/locales/fr.json

@@ -984,6 +984,8 @@
       "hideInfraAttempts": "Masquer les tentatives d'infrastructure",
       "executionHistory": "Historique d'exécution",
       "hideExecutionHistory": "Masquer l'historique d'exécution",
+      "attemptSucceeded": "Réussi",
+      "outputTruncated": "Sortie tronquée pour garder l'historique d'exécution compact.",
       "editingConclusions": "Modification des conclusions",
       "editConclusionsPlaceholder": "Modifiez les conclusions de l'agent ; vos modifications sont enregistrées lorsque vous approuvez…",
       "noProseOutput": "Cet agent n'a produit aucune sortie en texte libre.",

package/i18n/locales/he.json

@@ -984,6 +984,8 @@
       "hideInfraAttempts": "הסתר ניסיונות תשתית",
       "executionHistory": "היסטוריית הרצה",
       "hideExecutionHistory": "הסתר היסטוריית הרצה",
+      "attemptSucceeded": "הצליח",
+      "outputTruncated": "הפלט נקטע כדי לשמור על היסטוריית ההרצה קומפקטית.",
       "editingConclusions": "עריכת המסקנות",
       "editConclusionsPlaceholder": "ערוך את מסקנות הסוכן; העריכות שלך נשמרות כשתאשר…",
       "noProseOutput": "סוכן זה לא הפיק פלט טקסטואלי.",

package/i18n/locales/ja.json

@@ -984,6 +984,8 @@
       "hideInfraAttempts": "インフラの試行を非表示",
       "executionHistory": "実行履歴",
       "hideExecutionHistory": "実行履歴を非表示",
+      "attemptSucceeded": "成功",
+      "outputTruncated": "実行履歴を簡潔に保つため出力を切り詰めました。",
       "editingConclusions": "結論を編集中",
       "editConclusionsPlaceholder": "エージェントの結論を編集してください。編集内容は承認時に保存されます…",
       "noProseOutput": "このエージェントは文章出力を生成しませんでした。",

package/i18n/locales/pl.json

@@ -984,6 +984,8 @@
       "hideInfraAttempts": "Ukryj próby infrastrukturalne",
       "executionHistory": "Historia wykonania",
       "hideExecutionHistory": "Ukryj historię wykonania",
+      "attemptSucceeded": "Powodzenie",
+      "outputTruncated": "Wynik przycięty, aby zachować zwięzłość historii wykonania.",
       "editingConclusions": "Edytowanie wniosków",
       "editConclusionsPlaceholder": "Edytuj wnioski agenta; Twoje zmiany zostaną zapisane po zatwierdzeniu…",
       "noProseOutput": "Ten agent nie wytworzył wyniku tekstowego.",

package/i18n/locales/tr.json

@@ -984,6 +984,8 @@
       "hideInfraAttempts": "Altyapı denemelerini gizle",
       "executionHistory": "Yürütme geçmişi",
       "hideExecutionHistory": "Yürütme geçmişini gizle",
+      "attemptSucceeded": "Başarılı",
+      "outputTruncated": "Yürütme geçmişini derli toplu tutmak için çıktı kırpıldı.",
       "editingConclusions": "Sonuçlar düzenleniyor",
       "editConclusionsPlaceholder": "Aracının sonuçlarını düzenleyin; düzenlemeleriniz onayladığınızda kaydedilir…",
       "noProseOutput": "Bu aracı herhangi bir metin çıktısı üretmedi.",

package/i18n/locales/uk.json

@@ -984,6 +984,8 @@
       "hideInfraAttempts": "Приховати спроби інфраструктури",
       "executionHistory": "Історія виконання",
       "hideExecutionHistory": "Приховати історію виконання",
+      "attemptSucceeded": "Успішно",
+      "outputTruncated": "Вивід обрізано, щоб історія виконання залишалася компактною.",
       "editingConclusions": "Редагування висновків",
       "editConclusionsPlaceholder": "Відредагуйте висновки агента; ваші зміни зберігаються після затвердження…",
       "noProseOutput": "Цей агент не створив текстового виводу.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.99.0",
+  "version": "0.100.1",
   "description": "Reusable Nuxt layer for the Agent Architecture Board SPA (components, stores, composables, pages). Consume it from a thin deployment app via `extends: ['@cat-factory/app']` and point it at your backend with NUXT_PUBLIC_API_BASE. See deploy/frontend for an example.",
   "repository": {
     "type": "git",
@@ -34,7 +34,7 @@
     "valibot": "^1.4.2",
     "vue": "3.5.39",
     "wretch": "^3.0.9",
-    "@cat-factory/contracts": "0.109.0"
+    "@cat-factory/contracts": "0.110.0"
   },
   "devDependencies": {
     "@toad-contracts/testing": "0.3.2",