[codex] Add runtime lifecycle recovery and live issue visibility (#4419)

ui/src/pages/InstanceExperimentalSettings.tsx

@@ -56,6 +56,8 @@ export function InstanceExperimentalSettings() {
   const enableEnvironments = experimentalQuery.data?.enableEnvironments === true;
   const enableIsolatedWorkspaces = experimentalQuery.data?.enableIsolatedWorkspaces === true;
   const autoRestartDevServerWhenIdle = experimentalQuery.data?.autoRestartDevServerWhenIdle === true;
+  const enableIssueGraphLivenessAutoRecovery =
+    experimentalQuery.data?.enableIssueGraphLivenessAutoRecovery === true;
 
   return (
     <div className="max-w-4xl space-y-6">
@@ -128,6 +130,28 @@ export function InstanceExperimentalSettings() {
           />
         </div>
       </section>
+
+      <section className="rounded-xl border border-border bg-card p-5">
+        <div className="flex items-start justify-between gap-4">
+          <div className="space-y-1.5">
+            <h2 className="text-sm font-semibold">Auto-Create Issue Recovery Tasks</h2>
+            <p className="max-w-2xl text-sm text-muted-foreground">
+              Let the heartbeat scheduler create recovery issues for issue dependency chains that have been stalled for
+              at least 24 hours.
+            </p>
+          </div>
+          <ToggleSwitch
+            checked={enableIssueGraphLivenessAutoRecovery}
+            onCheckedChange={() =>
+              toggleMutation.mutate({
+                enableIssueGraphLivenessAutoRecovery: !enableIssueGraphLivenessAutoRecovery,
+              })
+            }
+            disabled={toggleMutation.isPending}
+            aria-label="Toggle issue graph liveness auto-recovery"
+          />
+        </div>
+      </section>
     </div>
   );
 }