diff --git a/apps/web/messages/en.json b/apps/web/messages/en.json
index 288bf8a2..1be4890f 100644
--- a/apps/web/messages/en.json
+++ b/apps/web/messages/en.json
@@ -3312,6 +3312,37 @@
               "batchWrites": "批次寫入允許：{value}"
             }
           },
+          "singleItemRail": {
+            "title": "單筆 Owner Review 處理",
+            "subtitle": "先乾跑取得 plan fingerprint；Owner 確認後才允許寫 KM、寫 audit 並排比例回測。",
+            "outcome": "策略：{outcome}",
+            "writeGate": "確認寫 KM={writes}；可確認={confirm}",
+            "required": "必要欄位：{fields}",
+            "blockers": "卡點：{blockers}",
+            "noBlockers": "卡點：無；可先做 dry-run preview。",
+            "writeGateDetail": "後端會拒絕缺 fingerprint 或未 owner_approved 的寫入；讀取與乾跑不會改 KM。",
+            "step": {
+              "dispatch": "排入審核",
+              "dryRun": "乾跑預覽",
+              "confirm": "Owner 確認",
+              "recheck": "比例回測"
+            },
+            "detail": {
+              "dispatch": "Dispatch {dispatch}",
+              "dryRunReady": "已取得 fingerprint，可進入 owner confirm gate",
+              "dryRunPending": "按單筆乾跑取得 fingerprint",
+              "dryRunBlocked": "需先排入 owner review",
+              "confirmReady": "確認後會寫 KM / audit，並排 recheck",
+              "confirmWaiting": "等待 dry-run fingerprint",
+              "confirmDone": "owner review 已完成",
+              "recheckDone": "Recheck {recheck}",
+              "recheckWaiting": "寫回完成後才會產生 recheck"
+            },
+            "actions": {
+              "preview": "單筆乾跑",
+              "confirm": "Owner 確認寫回"
+            }
+          },
           "ownerReviewInbox": {
             "title": "Owner review 工作台",
             "subtitle": "顯示已排入 waiting_owner_review 的 P0/P1 KM，逐筆乾跑與確認完成。",
diff --git a/apps/web/messages/zh-TW.json b/apps/web/messages/zh-TW.json
index 288bf8a2..1be4890f 100644
--- a/apps/web/messages/zh-TW.json
+++ b/apps/web/messages/zh-TW.json
@@ -3312,6 +3312,37 @@
               "batchWrites": "批次寫入允許：{value}"
             }
           },
+          "singleItemRail": {
+            "title": "單筆 Owner Review 處理",
+            "subtitle": "先乾跑取得 plan fingerprint；Owner 確認後才允許寫 KM、寫 audit 並排比例回測。",
+            "outcome": "策略：{outcome}",
+            "writeGate": "確認寫 KM={writes}；可確認={confirm}",
+            "required": "必要欄位：{fields}",
+            "blockers": "卡點：{blockers}",
+            "noBlockers": "卡點：無；可先做 dry-run preview。",
+            "writeGateDetail": "後端會拒絕缺 fingerprint 或未 owner_approved 的寫入；讀取與乾跑不會改 KM。",
+            "step": {
+              "dispatch": "排入審核",
+              "dryRun": "乾跑預覽",
+              "confirm": "Owner 確認",
+              "recheck": "比例回測"
+            },
+            "detail": {
+              "dispatch": "Dispatch {dispatch}",
+              "dryRunReady": "已取得 fingerprint，可進入 owner confirm gate",
+              "dryRunPending": "按單筆乾跑取得 fingerprint",
+              "dryRunBlocked": "需先排入 owner review",
+              "confirmReady": "確認後會寫 KM / audit，並排 recheck",
+              "confirmWaiting": "等待 dry-run fingerprint",
+              "confirmDone": "owner review 已完成",
+              "recheckDone": "Recheck {recheck}",
+              "recheckWaiting": "寫回完成後才會產生 recheck"
+            },
+            "actions": {
+              "preview": "單筆乾跑",
+              "confirm": "Owner 確認寫回"
+            }
+          },
           "ownerReviewInbox": {
             "title": "Owner review 工作台",
             "subtitle": "顯示已排入 waiting_owner_review 的 P0/P1 KM，逐筆乾跑與確認完成。",
diff --git a/apps/web/src/app/[locale]/awooop/work-items/page.tsx b/apps/web/src/app/[locale]/awooop/work-items/page.tsx
index 92eaab86..b4d520bd 100644
--- a/apps/web/src/app/[locale]/awooop/work-items/page.tsx
+++ b/apps/web/src/app/[locale]/awooop/work-items/page.tsx
@@ -1723,6 +1723,263 @@ function staleCandidateFromOwnerReviewItem(
   };
 }
 
+function ownerReviewRailTone(state: "done" | "ready" | "waiting" | "blocked") {
+  switch (state) {
+    case "done":
+      return "border-[#9bc7a4] bg-[#f0faf2] text-[#17602a]";
+    case "ready":
+      return "border-[#9bb6d9] bg-[#eef5ff] text-[#1f5b9b]";
+    case "blocked":
+      return "border-[#e2a29b] bg-[#fff0ef] text-[#9f2f25]";
+    default:
+      return "border-[#d8d3c7] bg-white text-[#5f5b52]";
+  }
+}
+
+function KnowledgeOwnerReviewSingleItemRail({
+  candidate,
+  action,
+  queuedDispatchId,
+  canPreview,
+  canConfirmAfterPreview = true,
+  writesKmOnConfirm = true,
+  requiredOwnerFields = [],
+  blockers = [],
+  onPreview,
+  onConfirm,
+}: {
+  candidate: KnowledgeStaleCandidate;
+  action?: KnowledgeStaleOwnerReviewCompleteAction;
+  queuedDispatchId?: string | null;
+  canPreview: boolean;
+  canConfirmAfterPreview?: boolean;
+  writesKmOnConfirm?: boolean;
+  requiredOwnerFields?: string[];
+  blockers?: string[];
+  onPreview: () => void;
+  onConfirm: () => void;
+}) {
+  const t = useTranslations("awooop.workItems.knowledgeGovernance");
+  const preview = action?.previewResult ?? null;
+  const result = action?.result ?? null;
+  const previewReady = Boolean(preview?.dry_run_plan_fingerprint);
+  const completed = result?.status === "completed" || result?.status === "already_completed";
+  const previewStatusKey = kmStaleReviewCompleteStatusKey(preview?.status);
+  const resultStatusKey = kmStaleReviewCompleteStatusKey(result?.status);
+  const outcome = preview?.review_outcome ?? kmStaleReviewOutcomeForCandidate(candidate);
+  const dryRunState = previewReady ? "done" : queuedDispatchId && canPreview ? "ready" : "waiting";
+  const confirmState = completed
+    ? "done"
+    : !queuedDispatchId || blockers.length > 0
+      ? "blocked"
+      : previewReady && canConfirmAfterPreview
+        ? "ready"
+        : "waiting";
+  const recheckState = result?.stale_ratio_recheck_dispatch_id ? "done" : "waiting";
+  const steps = [
+    {
+      key: "dispatch",
+      icon: ClipboardList,
+      state: queuedDispatchId ? "done" : "blocked",
+      detail: t("staleCandidates.singleItemRail.detail.dispatch", {
+        dispatch: queuedDispatchId ?? "--",
+      }),
+    },
+    {
+      key: "dryRun",
+      icon: SearchCheck,
+      state: dryRunState,
+      detail: previewReady
+        ? t("staleCandidates.singleItemRail.detail.dryRunReady")
+        : queuedDispatchId
+          ? t("staleCandidates.singleItemRail.detail.dryRunPending")
+          : t("staleCandidates.singleItemRail.detail.dryRunBlocked"),
+    },
+    {
+      key: "confirm",
+      icon: ShieldCheck,
+      state: confirmState,
+      detail: completed
+        ? t("staleCandidates.singleItemRail.detail.confirmDone")
+        : previewReady
+          ? t("staleCandidates.singleItemRail.detail.confirmReady")
+          : t("staleCandidates.singleItemRail.detail.confirmWaiting"),
+    },
+    {
+      key: "recheck",
+      icon: RefreshCw,
+      state: recheckState,
+      detail: result?.stale_ratio_recheck_dispatch_id
+        ? t("staleCandidates.singleItemRail.detail.recheckDone", {
+            recheck: result.stale_ratio_recheck_dispatch_id,
+          })
+        : t("staleCandidates.singleItemRail.detail.recheckWaiting"),
+    },
+  ] as const;
+
+  return (
+    <div className="mt-2 border border-[#e0ddd4] bg-white px-3 py-2 text-[11px] leading-5 text-[#5f5b52]">
+      <div className="flex flex-wrap items-start justify-between gap-2">
+        <div className="min-w-0">
+          <p className="font-semibold text-[#141413]">
+            {t("staleCandidates.singleItemRail.title")}
+          </p>
+          <p className="mt-1 text-[#77736a]">
+            {t("staleCandidates.singleItemRail.subtitle")}
+          </p>
+        </div>
+        <div className="flex flex-wrap gap-1 font-mono">
+          <span className="border border-[#d8d3c7] bg-[#faf9f3] px-2 py-0.5">
+            {t("staleCandidates.singleItemRail.outcome", {
+              outcome: t(`staleCandidates.completeActions.outcomes.${outcome}` as never),
+            })}
+          </span>
+          <span className="border border-[#d8d3c7] bg-[#faf9f3] px-2 py-0.5">
+            {t("staleCandidates.singleItemRail.writeGate", {
+              writes: String(writesKmOnConfirm),
+              confirm: String(canConfirmAfterPreview),
+            })}
+          </span>
+        </div>
+      </div>
+      <div className="mt-2 grid grid-cols-1 gap-px border border-[#e0ddd4] bg-[#e0ddd4] sm:grid-cols-2 xl:grid-cols-4">
+        {steps.map((step) => {
+          const Icon = step.icon;
+          const tone = ownerReviewRailTone(step.state);
+          return (
+            <div key={step.key} className="bg-[#faf9f3] px-2 py-2">
+              <div className="flex items-start justify-between gap-2">
+                <div className={cn("flex h-7 w-7 shrink-0 items-center justify-center border", tone)}>
+                  <Icon className="h-3.5 w-3.5" aria-hidden="true" />
+                </div>
+                <span className={cn("border px-2 py-0.5 text-[10px] font-semibold", tone)}>
+                  {t(`staleCandidates.operationRail.state.${step.state}` as never)}
+                </span>
+              </div>
+              <p className="mt-2 text-[10px] font-semibold uppercase tracking-[0.08em] text-[#77736a]">
+                {t(`staleCandidates.singleItemRail.step.${step.key}` as never)}
+              </p>
+              <p className="mt-1 line-clamp-2 text-[11px] text-[#5f5b52]">
+                {step.detail}
+              </p>
+            </div>
+          );
+        })}
+      </div>
+      <div className="mt-2 grid gap-2 lg:grid-cols-[minmax(0,1fr)_minmax(220px,0.65fr)]">
+        <div className="border border-[#d8d3c7] bg-[#faf9f3] px-2 py-1.5">
+          <p>
+            {t("staleCandidates.singleItemRail.required", {
+              fields: requiredOwnerFields.length > 0 ? requiredOwnerFields.join(", ") : "--",
+            })}
+          </p>
+          {blockers.length > 0 ? (
+            <p className="text-[#9f2f25]">
+              {t("staleCandidates.singleItemRail.blockers", {
+                blockers: blockers.join(", "),
+              })}
+            </p>
+          ) : (
+            <p>
+              {t("staleCandidates.singleItemRail.noBlockers")}
+            </p>
+          )}
+          <p className="mt-1">
+            {t("staleCandidates.singleItemRail.writeGateDetail")}
+          </p>
+        </div>
+        <div className="flex flex-wrap items-center gap-2">
+          <button
+            type="button"
+            onClick={onPreview}
+            disabled={!queuedDispatchId || !canPreview || action?.previewLoading || action?.confirmLoading}
+            className="inline-flex items-center gap-1.5 border border-[#d8d3c7] bg-white px-2 py-1 text-xs font-semibold text-[#2e2b26] hover:border-[#d9b36f] hover:bg-[#fff7e8] hover:text-[#8a5a08] disabled:cursor-not-allowed disabled:opacity-60"
+          >
+            <SearchCheck className="h-3.5 w-3.5" aria-hidden="true" />
+            {action?.previewLoading
+              ? t("staleCandidates.completeActions.previewing")
+              : t("staleCandidates.singleItemRail.actions.preview")}
+          </button>
+          <button
+            type="button"
+            onClick={onConfirm}
+            disabled={
+              !queuedDispatchId ||
+              !previewReady ||
+              !canConfirmAfterPreview ||
+              action?.previewLoading ||
+              action?.confirmLoading
+            }
+            className="inline-flex items-center gap-1.5 border border-[#d8d3c7] bg-white px-2 py-1 text-xs font-semibold text-[#2e2b26] hover:border-[#9bc7a4] hover:bg-[#f0faf2] hover:text-[#17602a] disabled:cursor-not-allowed disabled:opacity-60"
+          >
+            <ShieldCheck className="h-3.5 w-3.5" aria-hidden="true" />
+            {action?.confirmLoading
+              ? t("staleCandidates.completeActions.confirming")
+              : t("staleCandidates.singleItemRail.actions.confirm")}
+          </button>
+        </div>
+      </div>
+      {action?.error ? (
+        <p className="mt-2 border border-[#e2a29b] bg-[#fff0ef] px-2 py-1 text-[#9f2f25]">
+          {action.error}
+        </p>
+      ) : null}
+      {preview ? (
+        <div className="mt-2 border border-[#d9b36f] bg-[#fff7e8] px-2 py-1.5 text-[#8a5a08]">
+          <p className="font-semibold">
+            {t(`staleCandidates.completeActions.statuses.${previewStatusKey}` as never)}
+          </p>
+          <p className="mt-1 text-[#5f5b52]">
+            {t("staleCandidates.completeActions.previewResult", {
+              outcome: t(`staleCandidates.completeActions.outcomes.${preview.review_outcome}` as never),
+              writesKm: String(preview.writes_km),
+              writesAudit: String(preview.writes_governance_audit),
+            })}
+          </p>
+          <p className="mt-1 break-all font-mono text-[11px] text-[#5f5b52]">
+            {t("staleCandidates.completeActions.planFingerprint", {
+              fingerprint: preview.dry_run_plan_fingerprint ?? "--",
+            })}
+          </p>
+          {preview.stale_ratio_snapshot ? (
+            <p className="mt-1 text-[#5f5b52]">
+              {t("staleCandidates.completeActions.snapshot", {
+                stale: preview.stale_ratio_snapshot.stale_count,
+                total: preview.stale_ratio_snapshot.total_count,
+                ratio: formatStaleRatio(preview.stale_ratio_snapshot.stale_ratio),
+                threshold: formatStaleRatio(preview.stale_ratio_snapshot.threshold),
+              })}
+            </p>
+          ) : null}
+        </div>
+      ) : null}
+      {result ? (
+        <div className="mt-2 border border-[#9bc7a4] bg-[#f0faf2] px-2 py-1.5 text-[#17602a]">
+          <p className="font-semibold">
+            {t(`staleCandidates.completeActions.statuses.${resultStatusKey}` as never)}
+          </p>
+          <p className="mt-1 text-[#5f5b52]">
+            {t("staleCandidates.completeActions.result", {
+              audit: result.audit_dispatch_id ?? "--",
+              recheck: result.stale_ratio_recheck_dispatch_id ?? "--",
+            })}
+          </p>
+          {result.stale_ratio_snapshot ? (
+            <p className="mt-1 text-[#5f5b52]">
+              {t("staleCandidates.completeActions.snapshot", {
+                stale: result.stale_ratio_snapshot.stale_count,
+                total: result.stale_ratio_snapshot.total_count,
+                ratio: formatStaleRatio(result.stale_ratio_snapshot.stale_ratio),
+                threshold: formatStaleRatio(result.stale_ratio_snapshot.threshold),
+              })}
+            </p>
+          ) : null}
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
 function kmCorrelationSourceKey(value: string | null | undefined) {
   switch (value) {
     case "incident":
@@ -4676,8 +4933,6 @@ function KnowledgeGovernancePanel({
                 {completionQueueItems.slice(0, 6).map((item) => {
                   const completionCandidate = staleCandidateFromOwnerReviewItem(item);
                   const completionAction = staleReviewCompletionActions[item.entry_id];
-                  const completionPreview = completionAction?.previewResult ?? null;
-                  const completionResult = completionAction?.result ?? null;
                   const readinessKey = kmStaleCompletionReadinessKey(item.readiness);
                   return (
                     <article
@@ -4735,55 +4990,18 @@ function KnowledgeGovernancePanel({
                           })}
                         </p>
                       ) : null}
-                      {item.can_preview ? (
-                        <div className="mt-2 flex flex-wrap gap-2">
-                          <button
-                            type="button"
-                            onClick={() => previewStaleReviewCompletion(completionCandidate)}
-                            disabled={completionAction?.previewLoading || completionAction?.confirmLoading}
-                            className="inline-flex items-center gap-1.5 border border-[#d8d3c7] bg-white px-2 py-1 text-xs font-semibold text-[#2e2b26] hover:border-[#d9b36f] hover:bg-[#fff7e8] hover:text-[#8a5a08] disabled:cursor-not-allowed disabled:opacity-60"
-                          >
-                            <ClipboardList className="h-3.5 w-3.5" aria-hidden="true" />
-                            {completionAction?.previewLoading
-                              ? t("staleCandidates.completeActions.previewing")
-                              : t("staleCandidates.completeActions.preview")}
-                          </button>
-                          <button
-                            type="button"
-                            onClick={() => confirmStaleReviewCompletion(completionCandidate)}
-                            disabled={
-                              completionAction?.confirmLoading
-                              || !completionPreview?.dry_run_plan_fingerprint
-                            }
-                            className="inline-flex items-center gap-1.5 border border-[#d8d3c7] bg-white px-2 py-1 text-xs font-semibold text-[#2e2b26] hover:border-[#9bc7a4] hover:bg-[#f0faf2] hover:text-[#17602a] disabled:cursor-not-allowed disabled:opacity-60"
-                          >
-                            <CheckCircle2 className="h-3.5 w-3.5" aria-hidden="true" />
-                            {completionAction?.confirmLoading
-                              ? t("staleCandidates.completeActions.confirming")
-                              : t("staleCandidates.completeActions.confirm")}
-                          </button>
-                        </div>
-                      ) : null}
-                      {completionAction?.error ? (
-                        <p className="mt-2 border border-[#e2a29b] bg-[#fff0ef] px-2 py-1 text-[11px] text-[#9f2f25]">
-                          {completionAction.error}
-                        </p>
-                      ) : null}
-                      {completionPreview ? (
-                        <p className="mt-2 border border-[#d9b36f] bg-[#fff7e8] px-2 py-1 font-mono text-[11px] text-[#8a5a08]">
-                          {t("staleCandidates.completeActions.planFingerprint", {
-                            fingerprint: completionPreview.dry_run_plan_fingerprint ?? "--",
-                          })}
-                        </p>
-                      ) : null}
-                      {completionResult ? (
-                        <p className="mt-2 border border-[#9bc7a4] bg-[#f0faf2] px-2 py-1 text-[11px] text-[#17602a]">
-                          {t("staleCandidates.completeActions.result", {
-                            audit: completionResult.audit_dispatch_id ?? "--",
-                            recheck: completionResult.stale_ratio_recheck_dispatch_id ?? "--",
-                          })}
-                        </p>
-                      ) : null}
+                      <KnowledgeOwnerReviewSingleItemRail
+                        candidate={completionCandidate}
+                        action={completionAction}
+                        queuedDispatchId={item.dispatch_id}
+                        canPreview={item.can_preview}
+                        canConfirmAfterPreview={item.can_confirm_after_preview}
+                        writesKmOnConfirm={item.writes_km_on_confirm}
+                        requiredOwnerFields={item.required_owner_fields}
+                        blockers={item.blockers}
+                        onPreview={() => previewStaleReviewCompletion(completionCandidate)}
+                        onConfirm={() => confirmStaleReviewCompletion(completionCandidate)}
+                      />
                     </article>
                   );
                 })}
@@ -4830,11 +5048,6 @@ function KnowledgeGovernancePanel({
               {ownerReviewItems.slice(0, 6).map((item) => {
                 const inboxCandidate = staleCandidateFromOwnerReviewItem(item);
                 const completionAction = staleReviewCompletionActions[item.entry_id];
-                const completionPreview = completionAction?.previewResult ?? null;
-                const completionResult = completionAction?.result ?? null;
-                const completionPreviewReady = Boolean(completionPreview?.dry_run_plan_fingerprint);
-                const completionPreviewStatusKey = kmStaleReviewCompleteStatusKey(completionPreview?.status);
-                const completionResultStatusKey = kmStaleReviewCompleteStatusKey(completionResult?.status);
                 return (
                   <article
                     key={item.dispatch_id}
@@ -4880,60 +5093,16 @@ function KnowledgeGovernancePanel({
                         })}
                       </p>
                     </div>
-                    <div className="mt-2 flex flex-wrap items-center gap-2">
-                      <button
-                        type="button"
-                        onClick={() => previewStaleReviewCompletion(inboxCandidate)}
-                        disabled={completionAction?.previewLoading || completionAction?.confirmLoading}
-                        className="inline-flex items-center gap-1.5 border border-[#d8d3c7] bg-white px-2 py-1 text-xs font-semibold text-[#2e2b26] hover:border-[#9bc7a4] hover:bg-[#f0faf2] hover:text-[#17602a] disabled:cursor-not-allowed disabled:opacity-60"
-                      >
-                        <SearchCheck className="h-3.5 w-3.5" aria-hidden="true" />
-                        {completionAction?.previewLoading
-                          ? t("staleCandidates.completeActions.previewing")
-                          : t("staleCandidates.completeActions.preview")}
-                      </button>
-                      <button
-                        type="button"
-                        onClick={() => confirmStaleReviewCompletion(inboxCandidate)}
-                        disabled={
-                          !completionPreviewReady ||
-                          completionAction?.previewLoading ||
-                          completionAction?.confirmLoading
-                        }
-                        className="inline-flex items-center gap-1.5 border border-[#d8d3c7] bg-white px-2 py-1 text-xs font-semibold text-[#2e2b26] hover:border-[#d9b36f] hover:bg-[#fff7e8] hover:text-[#8a5a08] disabled:cursor-not-allowed disabled:opacity-60"
-                      >
-                        <ShieldCheck className="h-3.5 w-3.5" aria-hidden="true" />
-                        {completionAction?.confirmLoading
-                          ? t("staleCandidates.completeActions.confirming")
-                          : t("staleCandidates.completeActions.confirm")}
-                      </button>
-                    </div>
-                    {completionAction?.error ? (
-                      <p className="mt-2 border border-[#e2a29b] bg-[#fff0ef] px-2 py-1 text-[#9f2f25]">
-                        {completionAction.error}
-                      </p>
-                    ) : null}
-                    {completionPreview ? (
-                      <p className="mt-2 border border-[#d9b36f] bg-[#fff7e8] px-2 py-1 text-[#8a5a08]">
-                        {t(
-                          `staleCandidates.completeActions.statuses.${completionPreviewStatusKey}` as never
-                        )}{" "}
-                        {t("staleCandidates.completeActions.planFingerprint", {
-                          fingerprint: completionPreview.dry_run_plan_fingerprint ?? "--",
-                        })}
-                      </p>
-                    ) : null}
-                    {completionResult ? (
-                      <p className="mt-2 border border-[#9bc7a4] bg-[#f0faf2] px-2 py-1 text-[#17602a]">
-                        {t(
-                          `staleCandidates.completeActions.statuses.${completionResultStatusKey}` as never
-                        )}{" "}
-                        {t("staleCandidates.completeActions.result", {
-                          audit: completionResult.audit_dispatch_id ?? "--",
-                          recheck: completionResult.stale_ratio_recheck_dispatch_id ?? "--",
-                        })}
-                      </p>
-                    ) : null}
+                    <KnowledgeOwnerReviewSingleItemRail
+                      candidate={inboxCandidate}
+                      action={completionAction}
+                      queuedDispatchId={item.dispatch_id}
+                      canPreview={true}
+                      canConfirmAfterPreview={true}
+                      writesKmOnConfirm={true}
+                      onPreview={() => previewStaleReviewCompletion(inboxCandidate)}
+                      onConfirm={() => confirmStaleReviewCompletion(inboxCandidate)}
+                    />
                   </article>
                 );
               })}
@@ -4958,11 +5127,6 @@ function KnowledgeGovernancePanel({
               const persistedReviewStatusKey = governanceKmDispatchStatusKey(candidate.owner_review_status);
               const persistedReviewStageKey = governanceKmStageKey(candidate.owner_review_stage);
               const completionAction = staleReviewCompletionActions[candidate.entry_id];
-              const completionPreview = completionAction?.previewResult ?? null;
-              const completionResult = completionAction?.result ?? null;
-              const completionPreviewReady = Boolean(completionPreview?.dry_run_plan_fingerprint);
-              const completionPreviewStatusKey = kmStaleReviewCompleteStatusKey(completionPreview?.status);
-              const completionResultStatusKey = kmStaleReviewCompleteStatusKey(completionResult?.status);
               return (
                 <article
                   key={candidate.entry_id}
@@ -5046,37 +5210,6 @@ function KnowledgeGovernancePanel({
                         ? t("staleCandidates.queueingReview")
                         : t("staleCandidates.queueReview")}
                     </button>
-                    <button
-                      type="button"
-                      onClick={() => previewStaleReviewCompletion(candidate)}
-                      disabled={
-                        !queuedDispatchId ||
-                        completionAction?.previewLoading ||
-                        completionAction?.confirmLoading
-                      }
-                      className="inline-flex items-center gap-1.5 border border-[#d8d3c7] bg-white px-2 py-1 text-xs font-semibold text-[#2e2b26] hover:border-[#9bc7a4] hover:bg-[#f0faf2] hover:text-[#17602a] disabled:cursor-not-allowed disabled:opacity-60"
-                    >
-                      <SearchCheck className="h-3.5 w-3.5" aria-hidden="true" />
-                      {completionAction?.previewLoading
-                        ? t("staleCandidates.completeActions.previewing")
-                        : t("staleCandidates.completeActions.preview")}
-                    </button>
-                    <button
-                      type="button"
-                      onClick={() => confirmStaleReviewCompletion(candidate)}
-                      disabled={
-                        !queuedDispatchId ||
-                        !completionPreviewReady ||
-                        completionAction?.previewLoading ||
-                        completionAction?.confirmLoading
-                      }
-                      className="inline-flex items-center gap-1.5 border border-[#d8d3c7] bg-white px-2 py-1 text-xs font-semibold text-[#2e2b26] hover:border-[#d9b36f] hover:bg-[#fff7e8] hover:text-[#8a5a08] disabled:cursor-not-allowed disabled:opacity-60"
-                    >
-                      <ShieldCheck className="h-3.5 w-3.5" aria-hidden="true" />
-                      {completionAction?.confirmLoading
-                        ? t("staleCandidates.completeActions.confirming")
-                        : t("staleCandidates.completeActions.confirm")}
-                    </button>
                     <Link
                       href={`/knowledge-base?q=${encodeURIComponent(candidate.title)}`}
                       className="inline-flex items-center gap-1.5 border border-[#d8d3c7] bg-white px-2 py-1 text-xs font-semibold text-[#2e2b26] hover:border-[#1f6feb] hover:bg-[#edf4ff] hover:text-[#0f4fa8]"
@@ -5099,69 +5232,16 @@ function KnowledgeGovernancePanel({
                       })}
                     </p>
                   ) : null}
-                  {completionAction?.error ? (
-                    <p className="mt-2 border border-[#e2a29b] bg-[#fff0ef] px-2 py-1 text-[11px] leading-5 text-[#9f2f25]">
-                      {completionAction.error}
-                    </p>
-                  ) : null}
-                  {completionPreview ? (
-                    <div className="mt-2 border border-[#d9b36f] bg-[#fff7e8] px-2 py-1.5 text-[11px] leading-5 text-[#8a5a08]">
-                      <p className="font-semibold">
-                        {t(
-                          `staleCandidates.completeActions.statuses.${completionPreviewStatusKey}` as never
-                        )}
-                      </p>
-                      <p className="mt-1 text-[#5f5b52]">
-                        {t("staleCandidates.completeActions.previewResult", {
-                          outcome: t(
-                            `staleCandidates.completeActions.outcomes.${completionPreview.review_outcome}` as never
-                          ),
-                          writesKm: String(completionPreview.writes_km),
-                          writesAudit: String(completionPreview.writes_governance_audit),
-                        })}
-                      </p>
-                      <p className="mt-1 break-all font-mono text-[11px] text-[#5f5b52]">
-                        {t("staleCandidates.completeActions.planFingerprint", {
-                          fingerprint: completionPreview.dry_run_plan_fingerprint ?? "--",
-                        })}
-                      </p>
-                      {completionPreview.stale_ratio_snapshot ? (
-                        <p className="mt-1 text-[#5f5b52]">
-                          {t("staleCandidates.completeActions.snapshot", {
-                            stale: completionPreview.stale_ratio_snapshot.stale_count,
-                            total: completionPreview.stale_ratio_snapshot.total_count,
-                            ratio: formatStaleRatio(completionPreview.stale_ratio_snapshot.stale_ratio),
-                            threshold: formatStaleRatio(completionPreview.stale_ratio_snapshot.threshold),
-                          })}
-                        </p>
-                      ) : null}
-                    </div>
-                  ) : null}
-                  {completionResult ? (
-                    <div className="mt-2 border border-[#9bc7a4] bg-[#f0faf2] px-2 py-1.5 text-[11px] leading-5 text-[#17602a]">
-                      <p className="font-semibold">
-                        {t(
-                          `staleCandidates.completeActions.statuses.${completionResultStatusKey}` as never
-                        )}
-                      </p>
-                      <p className="mt-1 text-[#5f5b52]">
-                        {t("staleCandidates.completeActions.result", {
-                          audit: completionResult.audit_dispatch_id ?? "--",
-                          recheck: completionResult.stale_ratio_recheck_dispatch_id ?? "--",
-                        })}
-                      </p>
-                      {completionResult.stale_ratio_snapshot ? (
-                        <p className="mt-1 text-[#5f5b52]">
-                          {t("staleCandidates.completeActions.snapshot", {
-                            stale: completionResult.stale_ratio_snapshot.stale_count,
-                            total: completionResult.stale_ratio_snapshot.total_count,
-                            ratio: formatStaleRatio(completionResult.stale_ratio_snapshot.stale_ratio),
-                            threshold: formatStaleRatio(completionResult.stale_ratio_snapshot.threshold),
-                          })}
-                        </p>
-                      ) : null}
-                    </div>
-                  ) : null}
+                  <KnowledgeOwnerReviewSingleItemRail
+                    candidate={candidate}
+                    action={completionAction}
+                    queuedDispatchId={queuedDispatchId}
+                    canPreview={Boolean(queuedDispatchId)}
+                    canConfirmAfterPreview={true}
+                    writesKmOnConfirm={true}
+                    onPreview={() => previewStaleReviewCompletion(candidate)}
+                    onConfirm={() => confirmStaleReviewCompletion(candidate)}
+                  />
                 </article>
               );
             })}