From 0a3733f9bad7555fba857a68df1aa8c96a923e8e Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Wed, 8 Apr 2026 18:45:02 +0200
Subject: [PATCH] feat: show live external URL preview instead of slug on
 create page

As the user types the app name, the URL builds in real-time:
  /{envSlug}/{appSlug}/

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

diff --git a/ui/src/pages/AppsTab/AppsTab.tsx b/ui/src/pages/AppsTab/AppsTab.tsx
index 91a062bf..6a884b93 100644
--- a/ui/src/pages/AppsTab/AppsTab.tsx
+++ b/ui/src/pages/AppsTab/AppsTab.tsx
@@ -281,8 +281,8 @@ function CreateAppView({ environments, selectedEnv }: { environments: Environmen
         <span className={styles.configLabel}>Application Name</span>
         <Input value={name} onChange={(e) => setName(e.target.value)} placeholder="e.g. Payment Gateway" disabled={busy} />
 
-        <span className={styles.configLabel}>Slug <span className={styles.configHint}>(auto-generated)</span></span>
-        <Input value={slug} onChange={(e) => { setSlug(e.target.value); setSlugEdited(true); }} disabled={busy} />
+        <span className={styles.configLabel}>External URL</span>
+        <MonoText size="sm">/{env?.slug ?? '...'}/{slug || '...'}/</MonoText>
 
         <span className={styles.configLabel}>Environment</span>
         <Select value={envId} onChange={(e) => setEnvId(e.target.value)} disabled={busy}