diff --git a/apps/web/src/components/cloud-agent-next/DemoSessionCTA.tsx b/apps/web/src/components/cloud-agent-next/DemoSessionCTA.tsx
deleted file mode 100644
index 3da99d86a0..0000000000
--- a/apps/web/src/components/cloud-agent-next/DemoSessionCTA.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-'use client';
-
-import { useEffect, useRef } from 'react';
-import { Card, CardContent } from '@/components/ui/card';
-import { Button } from '@/components/ui/button';
-import { Sparkles, Loader2, GitFork } from 'lucide-react';
-import type { DemoConfig } from './demo-config';
-import { DEMO_SOURCE_REPO } from './demo-config';
-import { cn } from '@/lib/utils';
-
-type DemoSessionCTAProps = {
-  demo: DemoConfig;
-  onAction: () => void;
-  isForked: boolean;
-  isWaitingForFork: boolean;
-  isHighlighted?: boolean;
-};
-
-export function DemoSessionCTA({
-  demo,
-  onAction,
-  isForked,
-  isWaitingForFork,
-  isHighlighted = false,
-}: DemoSessionCTAProps) {
-  const cardRef = useRef<HTMLDivElement>(null);
-
-  // Scroll to and focus the card when highlighted
-  useEffect(() => {
-    if (isHighlighted && cardRef.current) {
-      cardRef.current.scrollIntoView({ behavior: 'smooth', block: 'center' });
-    }
-  }, [isHighlighted]);
-
-  const getButtonLabel = () => {
-    if (isWaitingForFork) {
-      return (
-        <>
-          <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-          Waiting for fork...
-        </>
-      );
-    }
-    if (isForked) {
-      return 'Show me';
-    }
-    return (
-      <>
-        <GitFork className="mr-2 h-4 w-4" />
-        Fork {DEMO_SOURCE_REPO} on GitHub
-      </>
-    );
-  };
-
-  return (
-    <Card
-      id={`demo-${demo.id}`}
-      ref={cardRef}
-      className={cn(
-        'border-muted-foreground/25 border-2 border-dashed transition-all duration-500',
-        isHighlighted &&
-          'animate-pulse-once bg-[oklch(95%_0.15_108)]/10 shadow-[0_0_30px_rgba(237,255,0,0.4)] ring-2 ring-[oklch(95%_0.15_108)]/50'
-      )}
-    >
-      <CardContent className="flex items-center justify-between py-4">
-        <div className="flex items-center gap-3">
-          <Sparkles
-            className={cn('h-5 w-5', isHighlighted ? 'text-yellow-400' : 'text-yellow-500')}
-          />
-          <div>
-            <h3 className="font-semibold">{demo.title}</h3>
-            <p className="text-muted-foreground text-sm">{demo.description}</p>
-          </div>
-        </div>
-        <Button variant="outline" onClick={onAction} disabled={isWaitingForFork}>
-          {getButtonLabel()}
-        </Button>
-      </CardContent>
-    </Card>
-  );
-}
diff --git a/apps/web/src/components/cloud-agent-next/DemoSessionModal.tsx b/apps/web/src/components/cloud-agent-next/DemoSessionModal.tsx
deleted file mode 100644
index b00f8b11d6..0000000000
--- a/apps/web/src/components/cloud-agent-next/DemoSessionModal.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-'use client';
-
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
-import { Button } from '@/components/ui/button';
-import { Rocket, Loader2, ExternalLink } from 'lucide-react';
-import { DEMO_SOURCE_REPO, type DemoConfig } from './demo-config';
-
-type DemoSessionModalProps = {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onComplete: () => void;
-  isLoading: boolean;
-  demo: DemoConfig | null;
-};
-
-export function DemoSessionModal({
-  open,
-  onOpenChange,
-  onComplete,
-  isLoading,
-  demo,
-}: DemoSessionModalProps) {
-  if (!demo) return null;
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[500px]">
-        <DialogHeader>
-          <DialogTitle>Fork {DEMO_SOURCE_REPO}</DialogTitle>
-          <DialogDescription asChild>
-            <div className="space-y-3">
-              <p>
-                To try this demo, you&apos;ll need to fork the repository to your GitHub account.
-              </p>
-              <div className="bg-muted rounded-lg p-4">
-                <ol className="list-inside list-decimal space-y-2 text-sm">
-                  <li>Click the link below to open the GitHub fork page</li>
-                  <li>Click the &quot;Create fork&quot; button on GitHub</li>
-                  <li>Come back here and click &quot;Done. Let&apos;s Go!&quot; when finished</li>
-                </ol>
-              </div>
-              <a
-                href={`https://github.com/${DEMO_SOURCE_REPO}/fork`}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="inline-flex items-center gap-1 text-sm text-blue-400 underline hover:text-blue-300"
-              >
-                Open fork page on GitHub
-                <ExternalLink className="h-3 w-3" />
-              </a>
-            </div>
-          </DialogDescription>
-        </DialogHeader>
-        <DialogFooter>
-          <Button variant="outline" onClick={() => onOpenChange(false)} disabled={isLoading}>
-            Cancel
-          </Button>
-          <Button onClick={onComplete} disabled={isLoading}>
-            {isLoading ? (
-              <>
-                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                Checking for fork...
-              </>
-            ) : (
-              <>
-                <Rocket className="mr-2 h-4 w-4" />
-                Done. Let&apos;s Go!
-              </>
-            )}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/web/src/components/cloud-agent-next/demo-config.ts b/apps/web/src/components/cloud-agent-next/demo-config.ts
deleted file mode 100644
index 07ee703b65..0000000000
--- a/apps/web/src/components/cloud-agent-next/demo-config.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { AgentMode } from './types';
-
-export const DEMO_SOURCE_OWNER = 'Kilo-Org';
-export const DEMO_SOURCE_REPO_NAME = 'KiloMan';
-export const DEMO_SOURCE_REPO = `${DEMO_SOURCE_OWNER}/${DEMO_SOURCE_REPO_NAME}`;
-
-export type DemoConfig = {
-  id: string;
-  title: string;
-  description: string;
-  prompt: string;
-  mode: AgentMode;
-  model: string;
-};
-
-export const DEMO_CONFIGS: DemoConfig[] = [
-  {
-    id: 'update-avatar',
-    title: 'Update Player Avatar in the KiloMan repo',
-    description:
-      'Personalize the KiloMan game by updating the player avatar to use your GitHub Gravatar',
-    prompt:
-      'Update the player avatar in this game to use the Gravatar for GitHub user "{username}". The Gravatar URL should be: https://github.com/{username}.png. Once complete, please use "gh" the github cli to create a draft pull request with the changes, the GH_TOKEN is already available in the environment. Please be sure assign the pr to the user.',
-    mode: 'code',
-    model: 'x-ai/grok-code-fast-1',
-  },
-  {
-    id: 'explain-game-mechanics',
-    title: 'Learn About Game Mechanics in the KiloMan repo',
-    description: 'Discover how the game mechanics work in KiloMan',
-    prompt: 'Explain to me how the game mechanics work in this game',
-    mode: 'plan',
-    model: 'x-ai/grok-code-fast-1',
-  },
-];
-
-// Helper to replace template variables in prompts
-export function templatePrompt(prompt: string, githubUsername: string): string {
-  return prompt.replace(/\{username\}/g, githubUsername);
-}