Add recovery handoff system notices (#5289)

## Thinking Path

> - Paperclip orchestrates AI agents for zero-human companies.
> - Agent runs can end productively while the source issue still lacks a
durable final disposition.
> - That leaves the control plane unsure whether to resume, escalate, or
close the work.
> - Issue comments also need a presentation contract so system-authored
recovery notices can render as first-class thread messages without
overloading normal comments.
> - This pull request adds successful-run handoff recovery, comment
presentation metadata, and system notice rendering.
> - The benefit is stricter task liveness with clearer operator-facing
recovery state.

## What Changed

- Added successful-run handoff decisions, wake payloads, escalation
behavior, and recovery tests.
- Added issue comment presentation metadata with migration
`0078_white_darwin.sql` and shared/server/company portability support.
- Rendered recovery/system notices in issue chat with dedicated UI
components, fixtures, tests, and storybook/lab coverage.
- Included the current recovery model-profile hint patch so automatic
recovery follow-ups use the cheap profile.

## Verification

- `pnpm install --frozen-lockfile`
- `pnpm exec vitest run
server/src/services/recovery/successful-run-handoff.test.ts
ui/src/components/SystemNotice.test.tsx
ui/src/lib/system-notice-comment.test.ts
ui/src/components/IssueChatThreadSystemNotice.test.tsx`

## Risks

- Migration-bearing PR: merge this before any other branch that might
later add a migration.
- The branch touches both recovery services and issue-thread rendering,
so review should pay attention to recovery wake idempotency and comment
metadata compatibility.

## Model Used

- OpenAI GPT-5 Codex via Paperclip `codex_local` adapter, with
shell/git/GitHub CLI tool use.

## Checklist

- [x] I have included a thinking path that traces from project context
to this change
- [x] I have specified the model used (with version and capability
details)
- [x] I have checked ROADMAP.md and confirmed this PR does not duplicate
planned core work
- [x] I have run tests locally and they pass
- [x] I have added or updated tests where applicable
- [x] If this change affects the UI, I have included before/after
screenshots
- [x] I have updated relevant documentation to reflect my changes
- [x] I have considered and documented any risks above
- [x] I will address all Greptile and reviewer comments before
requesting merge

---------

Co-authored-by: Paperclip <noreply@paperclip.ing>

ui/src/lib/successful-run-handoff.ts

@@ -0,0 +1,90 @@
+import type { ActivityEvent, Issue, SuccessfulRunHandoffState } from "@paperclipai/shared";
+
+export const SUCCESSFUL_RUN_HANDOFF_REQUIRED_ACTION = "issue.successful_run_handoff_required";
+export const SUCCESSFUL_RUN_HANDOFF_RESOLVED_ACTION = "issue.successful_run_handoff_resolved";
+export const SUCCESSFUL_RUN_HANDOFF_ESCALATED_ACTION = "issue.successful_run_handoff_escalated";
+export const SUCCESSFUL_RUN_HANDOFF_REQUIRED_NOTICE_BODY =
+  "Paperclip needs a disposition before this issue can continue.";
+export const SUCCESSFUL_RUN_HANDOFF_EXHAUSTED_NOTICE_BODY =
+  "Paperclip could not resolve this issue's missing disposition automatically. The issue is blocked on a recovery owner.";
+
+export function isSuccessfulRunHandoffActivity(action: string) {
+  return action === SUCCESSFUL_RUN_HANDOFF_REQUIRED_ACTION
+    || action === SUCCESSFUL_RUN_HANDOFF_RESOLVED_ACTION
+    || action === SUCCESSFUL_RUN_HANDOFF_ESCALATED_ACTION;
+}
+
+export function isSuccessfulRunHandoffRequired(issue: Pick<Issue, "successfulRunHandoff">) {
+  return issue.successfulRunHandoff?.required === true;
+}
+
+function readString(value: unknown) {
+  return typeof value === "string" && value.trim().length > 0 ? value.trim() : null;
+}
+
+export function successfulRunHandoffFromActivity(event: ActivityEvent): SuccessfulRunHandoffState | null {
+  if (!isSuccessfulRunHandoffActivity(event.action)) return null;
+  const details = event.details ?? {};
+  const state = event.action === SUCCESSFUL_RUN_HANDOFF_REQUIRED_ACTION
+    ? "required"
+    : event.action === SUCCESSFUL_RUN_HANDOFF_RESOLVED_ACTION
+      ? "resolved"
+      : "escalated";
+
+  return {
+    state,
+    required: state === "required",
+    sourceRunId:
+      readString(details.sourceRunId)
+      ?? readString(details.source_run_id)
+      ?? readString(details.resumeFromRunId)
+      ?? event.runId
+      ?? null,
+    correctiveRunId:
+      readString(details.correctiveRunId)
+      ?? readString(details.corrective_run_id)
+      ?? (state !== "required" ? event.runId : null),
+    assigneeAgentId:
+      readString(details.assigneeAgentId)
+      ?? readString(details.agentId)
+      ?? event.agentId
+      ?? null,
+    detectedProgressSummary:
+      readString(details.detectedProgressSummary)
+      ?? readString(details.detected_progress_summary)
+      ?? null,
+    createdAt: event.createdAt,
+  };
+}
+
+export function isSuccessfulRunHandoffComment(text: string) {
+  const trimmed = text.trim();
+  return trimmed === SUCCESSFUL_RUN_HANDOFF_REQUIRED_NOTICE_BODY
+    || /^##\s+(This issue still needs a next step|Run finished without a next step|Successful run missing issue disposition)/i.test(trimmed)
+    || isSuccessfulRunHandoffEscalationComment(trimmed);
+}
+
+export function isSuccessfulRunHandoffEscalationComment(text: string) {
+  const trimmed = text.trim();
+  return trimmed === SUCCESSFUL_RUN_HANDOFF_EXHAUSTED_NOTICE_BODY
+    || /^Paperclip exhausted the bounded successful-run handoff correction\b/i.test(trimmed);
+}
+
+export function successfulRunHandoffActivityTone(action: string) {
+  if (action === SUCCESSFUL_RUN_HANDOFF_ESCALATED_ACTION) {
+    return {
+      className: "border-red-500/35 bg-red-500/10 text-red-950 dark:text-red-100",
+      iconClassName: "text-red-600 dark:text-red-300",
+    };
+  }
+  if (action === SUCCESSFUL_RUN_HANDOFF_REQUIRED_ACTION) {
+    return {
+      className: "border-amber-300/70 bg-amber-50/90 text-amber-950 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-100",
+      iconClassName: "text-amber-600 dark:text-amber-300",
+    };
+  }
+  return {
+    className: "border-border/60 text-muted-foreground",
+    iconClassName: "text-muted-foreground",
+  };
+}