feat: Ipad app features and Dream Weaver for Velocity WebOS

app/src/components/modules/Catalyst.tsx

@@ -5,7 +5,7 @@ import {
   Zap, TrendingUp, Eye, MousePointerClick, DollarSign,
   Upload, Play, Image, Film, RefreshCw, ArrowRight, Plus, X,
   AlertTriangle, ArrowRightLeft, PlusCircle, SlidersHorizontal,
-  Activity, Check, Link2,
+  Activity, Check, Link2, WandSparkles,
   type LucideIcon,
 } from 'lucide-react';
 import {
@@ -17,6 +17,7 @@ import { useCurrency } from '@/store/useCurrencyStore';
 import type { Campaign, MarketingAsset, LiveOptimizationEvent, LiveEventType } from '@/types';
 import { GroundTruthPicker } from './GroundTruthPicker';
 import { CatalystMarketingTab } from './CatalystMarketingTab';
+import { CatalystDreamWeaverTab } from './CatalystDreamWeaverTab';
 import type { GroundTruthSelection } from './GroundTruthPicker';
 
 // ── Design tokens ─────────────────────────────────────────────────────────────
@@ -917,7 +918,7 @@ function WarRoom() {
 // Tab Bar
 // ─────────────────────────────────────────────────────────────────────────────
 
-type TabId = 'studio' | 'command' | 'intelligence' | 'war-room' | 'marketing';
+type TabId = 'studio' | 'command' | 'intelligence' | 'war-room' | 'marketing' | 'dream-weaver';
 
 const TABS: Array<{ id: TabId; label: string; icon: LucideIcon }> = [
   { id: 'studio',       label: 'The Studio',          icon: Clapperboard },
@@ -925,6 +926,7 @@ const TABS: Array<{ id: TabId; label: string; icon: LucideIcon }> = [
   { id: 'intelligence', label: 'Intelligence & ROI',   icon: BarChart3 },
   { id: 'war-room',     label: 'War Room',             icon: Globe },
   { id: 'marketing',    label: 'Marketing',            icon: TrendingUp },
+  { id: 'dream-weaver', label: 'Dream Weaver',         icon: WandSparkles },
 ];
 
 // ─────────────────────────────────────────────────────────────────────────────
@@ -940,6 +942,7 @@ export function Catalyst() {
     'intelligence': <IntelligenceROI />,
     'war-room':     <WarRoom />,
     'marketing':    <CatalystMarketingTab />,
+    'dream-weaver': <CatalystDreamWeaverTab />,
   };
 
   return (
@@ -998,8 +1001,8 @@ export function Catalyst() {
         </motion.div>
       </AnimatePresence>
 
-      {/* Live Optimization Feed — always visible */}
-      <LiveOptimizationFeed />
+      {/* Live Optimization Feed — hidden on Dream Weaver because generation has its own status surface. */}
+      {activeTab !== 'dream-weaver' && <LiveOptimizationFeed />}
     </section>
   );
 }