From ab190b68f2325f6d9fb45eefa4fe8deeac4b36a3 Mon Sep 17 00:00:00 2001
From: hhuumm <h4mid@hotmail.com>
Date: Fri, 28 Aug 2026 18:55:47 -0400
Subject: [PATCH] fix: collapse app preview when stopped

---
 desktop/src/app-control.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/desktop/src/app-control.tsx b/desktop/src/app-control.tsx
index f5f5666..5279574 100644
--- a/desktop/src/app-control.tsx
+++ b/desktop/src/app-control.tsx
@@ -22,7 +22,7 @@ export function AppControl({ projectId, status, onStatus }: { projectId: string;
     <div className="text-xs font-semibold uppercase tracking-[.2em] text-indigo-400">Project runtime</div>
     <div className="mt-3 flex items-center gap-4"><span className={`runtime-glyph runtime-glyph-large ${status?.running ? "runtime-glyph-on" : ""}`} aria-hidden="true"><span className="runtime-orbit" /><span className="runtime-core" /><span className="runtime-node runtime-node-a" /><span className="runtime-node runtime-node-b" /><span className="runtime-node runtime-node-c" /></span><div><div className="flex items-baseline gap-3"><h1 className="font-mono text-2xl font-semibold tracking-wide">APP CORE</h1><span className={`font-mono text-sm font-semibold tracking-[.22em] ${status?.running ? "text-emerald-300" : "text-zinc-600"}`}>// {status?.running ? "ON" : "OFF"}</span></div><div className={`mt-1 flex items-center gap-1 ${status?.running ? "text-emerald-400/60" : "text-zinc-700"}`} aria-hidden="true"><span className="core-signal h-1" /><span className="core-signal h-2" /><span className="core-signal h-3" /><span className="core-signal h-1.5" /><span className="ml-2 font-mono text-[9px] tracking-widest">{status?.running ? "PROCESS LINK ACTIVE" : "PROCESS LINK DORMANT"}</span></div></div></div>
     <p className="mt-2 text-sm text-zinc-400">Configure how codePilot launches this project. The PM can update these values when you ask it to configure the app.</p>
-    {config.url && <section className="mt-8 overflow-hidden rounded-2xl border border-white/10 bg-white/[.025]">
+    {config.url && status?.running && <section className="mt-8 overflow-hidden rounded-2xl border border-white/10 bg-white/[.025]">
       <header className="flex items-center justify-between gap-4 border-b border-white/10 px-5 py-4">
         <div className="min-w-0"><h2 className="text-sm font-semibold">Live preview</h2><p className="mt-1 truncate font-mono text-[10px] text-zinc-600">{config.url}</p></div>
         <button onClick={() => setPreviewKey(value => value + 1)} className="flex shrink-0 items-center gap-2 rounded-lg border border-white/10 px-3 py-2 text-xs text-zinc-300 hover:bg-white/5"><ArrowPathIcon className="size-3.5"/>Refresh</button>