From b32d4adaa527489c63136ec7720bcf5684b56657 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sun, 12 Apr 2026 17:16:18 +0200
Subject: [PATCH] fix: show empty state for unmanaged apps on Deployments tab

Previously showed an infinite spinner because unmanaged apps have no
PostgreSQL record. Now shows an "Unmanaged Application" message with
a link to create a managed app.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/AppsTab/AppsTab.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/ui/src/pages/AppsTab/AppsTab.tsx b/ui/src/pages/AppsTab/AppsTab.tsx
index 004cd8d1..7f698a04 100644
--- a/ui/src/pages/AppsTab/AppsTab.tsx
+++ b/ui/src/pages/AppsTab/AppsTab.tsx
@@ -553,7 +553,19 @@ function AppDetailView({ appId: appSlug, environments, selectedEnv }: { appId: s
   const envMap = useMemo(() => new Map(environments.map((e) => [e.id, e])), [environments]);
   const sortedVersions = useMemo(() => [...versions].sort((a, b) => b.version - a.version), [versions]);
 
-  if (!app) return <PageLoader />;
+  if (!app) {
+    return (
+      <div style={{ padding: '40px 24px' }}>
+        <EmptyState
+          title="Unmanaged Application"
+          description={`"${appSlug}" is a discovered application registered by agents. To manage deployments, create it as a managed app first.`}
+        />
+        <div style={{ display: 'flex', justifyContent: 'center', marginTop: 16 }}>
+          <Button variant="primary" onClick={() => navigate('/apps/new')}>Create Managed App</Button>
+        </div>
+      </div>
+    );
+  }
 
   const env = envMap.get(app.environmentId);