fix: Disable TypeScript language option with coming soon label

TypeScript support is not ready yet. Grey out the option, make it
non-selectable, and add "(coming soon)" to indicate future availability.

Author: tejaskash

src/cli/tui/screens/agent/AddAgentScreen.tsx

@@ -166,7 +166,10 @@ export function AddAgentScreen({ existingAgentNames, onComplete, onExit }: AddAg
   const byoCurrentIndex = byoSteps.indexOf(byoStep);
 
   // BYO language options (include "Other" for BYO path)
-  const languageItems: SelectableItem[] = useMemo(() => LANGUAGE_OPTIONS.map(o => ({ id: o.id, title: o.title })), []);
+  const languageItems: SelectableItem[] = useMemo(
+    () => LANGUAGE_OPTIONS.map(o => ({ id: o.id, title: o.title, disabled: o.disabled })),
+    []
+  );
 
   const frameworkItems: SelectableItem[] = useMemo(
     () => FRAMEWORK_OPTIONS.map(o => ({ id: o.id, title: o.title, description: o.description })),
@@ -218,6 +221,7 @@ export function AddAgentScreen({ existingAgentNames, onComplete, onExit }: AddAg
     },
     onExit: handleByoBack,
     isActive: isByoPath && byoStep === 'language',
+    isDisabled: item => item.disabled ?? false,
   });
 
   const frameworkNav = useListNavigation({

src/cli/tui/screens/agent/types.ts

@@ -75,9 +75,9 @@ export const AGENT_TYPE_OPTIONS = [
 ] as const;
 
 export const LANGUAGE_OPTIONS = [
-  { id: 'Python', title: 'Python' },
-  { id: 'TypeScript', title: 'TypeScript' },
-  { id: 'Other', title: 'Other' },
+  { id: 'Python', title: 'Python', disabled: false },
+  { id: 'TypeScript', title: 'TypeScript (coming soon)', disabled: true },
+  { id: 'Other', title: 'Other', disabled: false },
 ] as const;
 
 export const FRAMEWORK_OPTIONS = [

src/cli/tui/screens/generate/GenerateWizardUI.tsx

@@ -37,7 +37,7 @@ export function GenerateWizardUI({ wizard, onBack, onConfirm, isActive }: Genera
   const getItems = (): SelectableItem[] => {
     switch (wizard.step) {
       case 'language':
-        return LANGUAGE_OPTIONS.map(o => ({ id: o.id, title: o.title }));
+        return LANGUAGE_OPTIONS.map(o => ({ id: o.id, title: o.title, disabled: o.disabled }));
       case 'sdk':
         return SDK_OPTIONS.map(o => ({ id: o.id, title: o.title, description: o.description }));
       case 'modelProvider':
@@ -82,6 +82,7 @@ export function GenerateWizardUI({ wizard, onBack, onConfirm, isActive }: Genera
     onSelect: handleSelect,
     onExit: onBack,
     isActive: isActive && isSelectStep,
+    isDisabled: item => item.disabled ?? false,
   });
 
   // Handle confirm step input

src/cli/tui/screens/generate/types.ts

@@ -40,8 +40,8 @@ export const STEP_LABELS: Record<GenerateStep, string> = {
 };
 
 export const LANGUAGE_OPTIONS = [
-  { id: 'Python', title: 'Python' },
-  { id: 'TypeScript', title: 'TypeScript' },
+  { id: 'Python', title: 'Python', disabled: false },
+  { id: 'TypeScript', title: 'TypeScript (coming soon)', disabled: true },
 ] as const;
 
 export const SDK_OPTIONS = [