docs(checkpoint): embed TUI screenshots in checkpointing guide

docs/ar/concepts/checkpointing.mdx

@@ -271,17 +271,34 @@ mode: "wide"
     crewai checkpoint --location ./.checkpoints.db
     ```
 
-    <Frame>
-      <img src="/images/checkpointing.png" alt="Checkpoint TUI" />
+    <Frame caption="شجرة نقاط الحفظ — الفروع والتفرعات تتداخل تحت أبيها.">
+      <img src="/images/checkpoint-tui-tree.png" alt="Checkpoint TUI tree view" />
     </Frame>
 
-    اللوحة اليسرى تجمع نقاط الحفظ حسب الفرع؛ التفرعات تتداخل تحت أبيها. اختيار نقطة حفظ يعرض بياناتها الوصفية وحالة الكيان وتقدم المهام. **Resume** يكمل التشغيل؛ **Fork** يبدأ فرعا جديدا.
+    اللوحة اليسرى تجمع نقاط الحفظ حسب الفرع؛ التفرعات تتداخل تحت أبيها. اختيار نقطة حفظ يفتح لوحة التفاصيل مع بياناتها الوصفية وحالة الكيان وتقدم المهام. **Resume** يكمل التشغيل؛ **Fork** يبدأ فرعا جديدا.
+
+    <Frame caption="تبويب النظرة العامة — البيانات الوصفية وحالة الكيان وملخص التشغيل.">
+      <img src="/images/checkpoint-tui-detail-overview.png" alt="Checkpoint detail overview tab" />
+    </Frame>
 
     لوحة التفاصيل تعرض منطقتين قابلتين للتحرير:
 
     - **Inputs** — مدخلات الـ kickoff الأصلية، معبأة مسبقا وقابلة للتحرير.
+
+      <Frame>
+        <img src="/images/checkpoint-tui-detail-inputs.png" alt="Editable kickoff inputs" />
+      </Frame>
+
     - **مخرجات المهام** — مخرجات المهام المكتملة. تحرير مخرج والضغط على **Fork** يبطل المهام التابعة لتعاد بالسياق المعدل.
 
+      <Frame>
+        <img src="/images/checkpoint-tui-detail-tasks.png" alt="Editable task outputs" />
+      </Frame>
+
+    <Frame caption="عرض التفرع — تأكيد فرع جديد من نقطة الحفظ المختارة.">
+      <img src="/images/checkpoint-tui-details-fork.png" alt="Fork confirmation panel" />
+    </Frame>
+
     <Tip>
     مفيد لاستكشاف "ماذا لو": تفرع، عدل، راقب.
     </Tip>

docs/en/concepts/checkpointing.mdx

@@ -271,17 +271,34 @@ This walkthrough takes ~5 minutes. You will run a two-task crew, kill it midway,
     crewai checkpoint --location ./.checkpoints.db
     ```
 
-    <Frame>
-      <img src="/images/checkpointing.png" alt="Checkpoint TUI" />
+    <Frame caption="Checkpoint tree — branches and forks nest under their parent.">
+      <img src="/images/checkpoint-tui-tree.png" alt="Checkpoint TUI tree view" />
     </Frame>
 
-    The left panel groups checkpoints by branch; forks nest under their parent. Selecting a checkpoint shows its metadata, entity state, and task progress. **Resume** continues the run; **Fork** starts a new branch.
+    The left panel groups checkpoints by branch; forks nest under their parent. Selecting a checkpoint opens the detail panel with metadata, entity state, and task progress. **Resume** continues the run; **Fork** starts a new branch.
+
+    <Frame caption="Overview tab — metadata, entity state, and run summary.">
+      <img src="/images/checkpoint-tui-detail-overview.png" alt="Checkpoint detail overview tab" />
+    </Frame>
 
     The detail panel exposes two editable areas:
 
     - **Inputs** — original kickoff inputs, pre-filled and editable.
+
+      <Frame>
+        <img src="/images/checkpoint-tui-detail-inputs.png" alt="Editable kickoff inputs" />
+      </Frame>
+
     - **Task outputs** — outputs of completed tasks. Editing an output and hitting **Fork** invalidates downstream tasks so they re-run against the modified context.
 
+      <Frame>
+        <img src="/images/checkpoint-tui-detail-tasks.png" alt="Editable task outputs" />
+      </Frame>
+
+    <Frame caption="Fork view — confirm a new branch from the selected checkpoint.">
+      <img src="/images/checkpoint-tui-details-fork.png" alt="Fork confirmation panel" />
+    </Frame>
+
     <Tip>
     Useful for "what if" exploration: fork, tweak, observe.
     </Tip>

docs/ko/concepts/checkpointing.mdx

@@ -271,17 +271,34 @@ CrewAI에는 두 가지 프로바이더가 포함되어 있습니다:
     crewai checkpoint --location ./.checkpoints.db
     ```
 
-    <Frame>
-      <img src="/images/checkpointing.png" alt="Checkpoint TUI" />
+    <Frame caption="체크포인트 트리 — 브랜치와 포크가 부모 아래에 중첩됩니다.">
+      <img src="/images/checkpoint-tui-tree.png" alt="Checkpoint TUI tree view" />
     </Frame>
 
-    왼쪽 패널은 체크포인트를 브랜치별로 그룹화하며, 포크는 부모 아래에 중첩됩니다. 체크포인트를 선택하면 메타데이터, 엔티티 상태, 태스크 진행 상황이 표시됩니다. **Resume**은 실행을 계속하고, **Fork**는 새 브랜치를 시작합니다.
+    왼쪽 패널은 체크포인트를 브랜치별로 그룹화하며, 포크는 부모 아래에 중첩됩니다. 체크포인트를 선택하면 메타데이터, 엔티티 상태, 태스크 진행 상황이 있는 세부 정보 패널이 열립니다. **Resume**은 실행을 계속하고, **Fork**는 새 브랜치를 시작합니다.
+
+    <Frame caption="개요 탭 — 메타데이터, 엔티티 상태, 실행 요약.">
+      <img src="/images/checkpoint-tui-detail-overview.png" alt="Checkpoint detail overview tab" />
+    </Frame>
 
     세부 정보 패널에는 두 개의 편집 가능한 영역이 있습니다:
 
     - **Inputs** — 원래 kickoff의 입력으로, 미리 채워져 있으며 편집 가능합니다.
+
+      <Frame>
+        <img src="/images/checkpoint-tui-detail-inputs.png" alt="Editable kickoff inputs" />
+      </Frame>
+
     - **태스크 출력** — 완료된 태스크의 출력. 출력을 편집하고 **Fork**를 누르면 다운스트림 태스크가 무효화되어 수정된 컨텍스트로 다시 실행됩니다.
 
+      <Frame>
+        <img src="/images/checkpoint-tui-detail-tasks.png" alt="Editable task outputs" />
+      </Frame>
+
+    <Frame caption="포크 화면 — 선택한 체크포인트에서 새 브랜치를 확인합니다.">
+      <img src="/images/checkpoint-tui-details-fork.png" alt="Fork confirmation panel" />
+    </Frame>
+
     <Tip>
     "what if" 탐색에 유용합니다: 포크, 조정, 관찰.
     </Tip>

docs/pt-BR/concepts/checkpointing.mdx

@@ -271,17 +271,34 @@ Este passo a passo leva cerca de 5 minutos. Voce executara uma crew de duas tare
     crewai checkpoint --location ./.checkpoints.db
     ```
 
-    <Frame>
-      <img src="/images/checkpointing.png" alt="Checkpoint TUI" />
+    <Frame caption="Arvore de checkpoints — branches e forks aninham sob seu pai.">
+      <img src="/images/checkpoint-tui-tree.png" alt="Checkpoint TUI tree view" />
     </Frame>
 
-    O painel esquerdo agrupa checkpoints por branch; forks aninham sob seu pai. Selecionar um checkpoint mostra seus metadados, estado da entidade e progresso das tarefas. **Resume** continua a execucao; **Fork** inicia uma nova branch.
+    O painel esquerdo agrupa checkpoints por branch; forks aninham sob seu pai. Selecionar um checkpoint abre o painel de detalhes com metadados, estado da entidade e progresso das tarefas. **Resume** continua a execucao; **Fork** inicia uma nova branch.
+
+    <Frame caption="Aba de visao geral — metadados, estado da entidade e resumo da execucao.">
+      <img src="/images/checkpoint-tui-detail-overview.png" alt="Checkpoint detail overview tab" />
+    </Frame>
 
     O painel de detalhes expoe duas areas editaveis:
 
     - **Inputs** — os inputs originais do kickoff, preenchidos e editaveis.
+
+      <Frame>
+        <img src="/images/checkpoint-tui-detail-inputs.png" alt="Editable kickoff inputs" />
+      </Frame>
+
     - **Saidas das tarefas** — saidas das tarefas concluidas. Editar uma saida e pressionar **Fork** invalida tarefas downstream para que sejam reexecutadas com o contexto modificado.
 
+      <Frame>
+        <img src="/images/checkpoint-tui-detail-tasks.png" alt="Editable task outputs" />
+      </Frame>
+
+    <Frame caption="Tela de fork — confirme uma nova branch a partir do checkpoint selecionado.">
+      <img src="/images/checkpoint-tui-details-fork.png" alt="Fork confirmation panel" />
+    </Frame>
+
     <Tip>
     Util para exploracao de cenarios: fork, ajuste, observe.
     </Tip>