Feat: General agents + presentations

.github/workflows/claude-reviews.yml

@@ -8,6 +8,10 @@ on:
   pull_request_review_comment:
     types: [created]
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
 jobs:
   comprehensive-review:
     name: PR Description & Code Review
@@ -30,6 +34,29 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
+
+      - name: Delete Previous Claude Comments
+        run: |
+          echo "🧹 Deleting previous Claude comments from github-actions bot..."
+
+          # Get all comments from github-actions bot containing 'Claude'
+          CLAUDE_COMMENTS=$(gh api repos/${{ github.repository }}/issues/${{ github.event.pull_request.number }}/comments \
+            --jq '[.[] | select(.user.login == "github-actions[bot]") | select(.body | contains("Claude")) | .id]')
+
+          if [ "$CLAUDE_COMMENTS" = "[]" ] || [ -z "$CLAUDE_COMMENTS" ]; then
+            echo "No previous Claude comments found"
+          else
+            echo "Found Claude comments to delete:"
+            echo "$CLAUDE_COMMENTS" | jq -r '.[]' | while read comment_id; do
+              echo "Deleting comment $comment_id"
+              gh api repos/${{ github.repository }}/issues/comments/$comment_id -X DELETE || echo "Failed to delete comment $comment_id"
+            done
+            echo "✅ Deleted previous Claude comments"
+          fi
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        continue-on-error: true
+
       - name: Detect Critical Paths
         id: critical_paths
         run: |
@@ -147,41 +174,3 @@ jobs:
             --max-turns ${{ steps.critical_paths.outputs.is_critical == 'true' && '90' || '65' }}
             --model claude-sonnet-4-5-20250929
 
-      - name: Intelligent Comment Cleanup
-        uses: anthropics/claude-code-action@v1
-        if: always()
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}
-          prompt: |
-            Clean up stale bot comments on PR #${{ github.event.pull_request.number }}.
-
-            **Task:**
-            1. Fetch all comments on this PR
-            2. Identify bot comments (users ending in [bot]) that are stale/outdated:
-               - Old reviews superseded by newer ones
-               - Old PR description suggestions
-               - Previously collapsed/outdated markers
-               - Progress/status comments from previous workflow runs
-            3. Keep only the most recent comment per category per bot
-            4. DELETE all stale comments (do not collapse)
-
-            **Get all comments:**
-            ```bash
-            gh api repos/${{ github.repository }}/issues/${{ github.event.pull_request.number }}/comments --jq '.[] | {id, user: .user.login, body, created_at}'
-            ```
-
-            **Delete a comment:**
-            ```bash
-            gh api repos/${{ github.repository }}/issues/comments/COMMENT_ID -X DELETE
-            ```
-
-            Be intelligent:
-            - Preserve the newest useful comment in each category
-            - Delete everything else that's redundant or stale
-            - If unsure, keep the comment (conservative approach)
-
-          claude_args: |
-            --allowed-tools "Bash(gh api repos/*/issues/*/comments:*),Bash(gh api repos/*/issues/comments/*:*)"
-            --max-turns 8
-            --model claude-haiku-4-5-20251001

.gitignore

@@ -48,4 +48,5 @@ debug-tools/*.json
 # Sentry Config File
 .env.sentry-build-plugin
 data-dump
-debug-tools/extracted
+debug-tools/extracted
+debug-tools/presentation-tester

commitlint.config.js

@@ -22,10 +22,10 @@ export default {
     'type-empty': [2, 'never'],
     'subject-empty': [2, 'never'],
     'subject-full-stop': [2, 'never', '.'],
-    'header-max-length': [2, 'always', 100],
+    'header-max-length': [2, 'always', 150],
     'body-leading-blank': [1, 'always'],
-    'body-max-line-length': [2, 'always', 100],
+    'body-max-line-length': [2, 'always', 200],
     'footer-leading-blank': [1, 'always'],
-    'footer-max-line-length': [2, 'always', 100],
+    'footer-max-line-length': [2, 'always', 200],
   },
 };

debug-tools/presentation-tester/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "presentation-tester",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "fflate": "^0.8.2",
+    "reveal.js": "^5.1.0",
+    "sucrase": "^3.35.0",
+    "framer-motion": "^11.11.17",
+    "lucide-react": "^0.344.0",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.4"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "tailwindcss": "^3.4.15",
+    "postcss": "^8.4.49",
+    "autoprefixer": "^10.4.20"
+  }
+}

index.html

@@ -4,6 +4,7 @@
 		<meta charset="UTF-8" />
 		<link rel="icon" href="/favicon.ico" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' blob: https://cdnjs.cloudflare.com https://cdn.tailwindcss.com https://esm.sh; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdnjs.cloudflare.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https:; connect-src 'self' wss: ws: http: https:; frame-src 'self' http://*.localhost:* https://*;" />
 		<link rel="preconnect" href="https://fonts.googleapis.com">
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 		<link href="https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Caveat:wght@600&display=swap" rel="stylesheet">

package.json

@@ -12,6 +12,8 @@
 		"lint": "eslint .",
 		"preview": "npm run build && vite preview",
 		"deploy": "bun --env-file .prod.vars scripts/deploy.ts",
+		"cli": "tsx --tsconfig tsconfig.app.json cli/index.ts",
+		"tui": "tsx --tsconfig tsconfig.app.json cli/tui.tsx",
 		"cf-typegen": "wrangler types --include-runtime false",
 		"test": "vitest run",
 		"test:watch": "vitest",
@@ -77,6 +79,7 @@
 		"@vitejs/plugin-react": "^5.1.2",
 		"agents": "^0.2.31",
 		"class-variance-authority": "^0.7.1",
+		"cli-table3": "^0.6.5",
 		"cloudflare": "^4.5.0",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.1.1",
@@ -92,6 +95,7 @@
 		"hono": "^4.10.7",
 		"html2canvas-pro": "^1.5.13",
 		"input-otp": "^1.4.2",
+		"inquirer": "^12.11.1",
 		"jose": "^5.10.0",
 		"jsonc-parser": "^3.3.1",
 		"lucide-react": "^0.541.0",
@@ -100,6 +104,7 @@
 		"nanoid": "^5.1.6",
 		"next-themes": "^0.4.6",
 		"openai": "^5.23.2",
+		"ora": "^9.0.0",
 		"partysocket": "^1.1.6",
 		"react": "^19.2.1",
 		"react-day-picker": "^9.12.0",
@@ -119,6 +124,7 @@
 		"unified": "^11.0.5",
 		"vaul": "^1.1.2",
 		"vite-plugin-svgr": "^4.5.0",
+		"ws": "^8.18.3",
 		"zod": "^3.25.76"
 	},
 	"devDependencies": {
@@ -139,6 +145,12 @@
 		"eslint-plugin-react-refresh": "^0.4.24",
 		"globals": "^16.5.0",
 		"husky": "^9.1.7",
+		"ink": "^6.5.1",
+		"ink-big-text": "^2.0.0",
+		"ink-box": "^2.0.0",
+		"ink-gradient": "^3.0.0",
+		"ink-spinner": "^5.0.0",
+		"ink-text-input": "^6.0.0",
 		"jest": "^29.7.0",
 		"knip": "^5.72.0",
 		"prettier-plugin-tailwindcss": "^0.6.14",
@@ -148,7 +160,7 @@
 		"typescript-eslint": "^8.49.0",
 		"vite": "npm:rolldown-vite@7.1.13",
 		"vitest": "^3.2.4",
-		"wrangler": "4.45.0"
+		"wrangler": "4.50.0"
 	},
 	"prettier": {
 		"singleQuote": true,

src/App.tsx

@@ -5,19 +5,22 @@ import { ThemeProvider } from './contexts/theme-context';
 import { Toaster } from './components/ui/sonner';
 import { AppLayout } from './components/layout/app-layout';
 import { ErrorBoundary } from './components/ErrorBoundary';
+import { FeatureProvider } from './features';
 
 export default function App() {
   return (
     <ErrorBoundary>
       <ThemeProvider>
-        <AuthProvider>
-          <AuthModalProvider>
-            <AppLayout>
-              <Outlet />
-            </AppLayout>
-            <Toaster richColors position="top-right" />
-          </AuthModalProvider>
-        </AuthProvider>
+        <FeatureProvider>
+          <AuthProvider>
+            <AuthModalProvider>
+              <AppLayout>
+                <Outlet />
+              </AppLayout>
+              <Toaster richColors position="top-right" />
+            </AuthModalProvider>
+          </AuthProvider>
+        </FeatureProvider>
       </ThemeProvider>
     </ErrorBoundary>
   );

src/api-types.ts

@@ -61,6 +61,22 @@ export type {
 
 export type { PlatformStatusData } from 'worker/api/controllers/status/types';
 
+export type { CapabilitiesData } from 'worker/api/controllers/capabilities/types';
+
+export type {
+  ViewMode,
+  FeatureCapabilities,
+  FeatureDefinition,
+  ViewDefinition,
+  PlatformCapabilities,
+  PlatformCapabilitiesConfig,
+} from 'worker/agents/core/features/types';
+
+export {
+  DEFAULT_FEATURE_DEFINITIONS,
+  getBehaviorTypeForProject,
+} from 'worker/agents/core/features';
+
 // Model Config API Types
 export type {
   ModelConfigsData,
@@ -106,14 +122,19 @@ export type {
   SecretTemplatesData
 } from 'worker/api/controllers/secrets/types';
 
-// Agent/CodeGen API Types  
+// Agent/CodeGen API Types
 export type {
   AgentConnectionData,
 } from 'worker/api/controllers/agent/types';
 
+// Template Types
+export type {
+  TemplateDetails,
+} from 'worker/services/sandbox/sandboxTypes';
+
 // WebSocket Types
-export type { 
-  WebSocketMessage, 
+export type {
+  WebSocketMessage,
   WebSocketMessageData,
   CodeFixEdits,
   ModelConfigsInfoMessage,
@@ -139,17 +160,24 @@ export type {
 } from 'worker/database/types';
 
 // Agent/Generator Types
-export type { 
+export type {
   Blueprint as BlueprintType,
+  PhasicBlueprint,
   CodeReviewOutputType,
   FileConceptType,
   FileOutputType as GeneratedFile,
 } from 'worker/agents/schemas';
 
-export type { 
-  CodeGenState 
+export type {
+  AgentState,
+  PhasicState
 } from 'worker/agents/core/state';
 
+export type {
+  BehaviorType,
+  ProjectType
+} from 'worker/agents/core/types';
+
 export type {
   ConversationMessage,
 } from 'worker/agents/inferutils/common';
@@ -171,7 +199,7 @@ export type {
 export type { RateLimitError } from "worker/services/rate-limit/errors";
 export type { AgentPreviewResponse, CodeGenArgs } from 'worker/api/controllers/agent/types';
 export type { RateLimitErrorResponse } from 'worker/api/responses';
-export { RateLimitExceededError, SecurityError, SecurityErrorType } from 'shared/types/errors';
+export { RateLimitExceededError, SecurityError, SecurityErrorType } from '../shared/types/errors.js';
 
 export type { AIModels } from 'worker/agents/inferutils/config.types';
 // Model selection types
@@ -246,6 +274,14 @@ export interface CsrfTokenResponseData {
   expiresIn?: number;
 }
 
+// CLI Token Response - for CLI authentication
+export interface CliTokenData {
+  token: string;
+  expiresIn: number;
+  expiresAt: string;
+  instructions: string;
+}
+
 // Active Sessions Response - matches getUserSessions + isCurrent from controller
 export interface ActiveSessionsData {
   sessions: Array<{

src/components/config-card.tsx

@@ -3,7 +3,8 @@ import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Card, CardContent, CardHeader } from '@/components/ui/card';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
-import type { AgentDisplayConfig, ModelConfig, UserModelConfigWithMetadata } from '@/api-types';
+import { getModelDisplayName, getProviderInfo } from '@/utils/model-helpers';
+import type { ModelConfig, UserModelConfigWithMetadata, AgentDisplayConfig } from '@/api-types';
 
 interface ConfigCardProps {
   agent: AgentDisplayConfig;
@@ -15,37 +16,6 @@ interface ConfigCardProps {
   isTesting: boolean;
 }
 
-// Helper function to get model display name
-const getModelDisplayName = (modelValue?: string) => {
-  if (!modelValue) return 'Default';
-
-  return modelValue.split('/').pop() || modelValue;
-};
-
-// Helper function to get provider badge info
-const getProviderInfo = (modelValue?: string) => {
-  if (!modelValue) return { name: 'Default', color: 'bg-bg-3 text-text-tertiary' };
-
-  // Check specific prefixes first to avoid incorrect matches
-  if (modelValue.includes('cerebras/')) {
-    return { name: 'Cerebras', color: 'bg-purple-100 text-purple-800 dark:bg-purple-900/20 dark:text-purple-400' };
-  }
-  if (modelValue.includes('[openrouter]')) {
-    return { name: 'OpenRouter', color: 'bg-pink-100 text-pink-800 dark:bg-pink-900/20 dark:text-pink-400' };
-  }
-  if (modelValue.includes('openai/') || modelValue.includes('gpt') || modelValue.includes('o3') || modelValue.includes('o4')) {
-    return { name: 'OpenAI', color: 'bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400' };
-  }
-  if (modelValue.includes('anthropic/') || modelValue.includes('claude')) {
-    return { name: 'Anthropic', color: 'bg-orange-100 text-orange-800 dark:bg-orange-900/20 dark:text-orange-400' };
-  }
-  if (modelValue.includes('google-ai-studio/') || modelValue.includes('gemini')) {
-    return { name: 'Google', color: 'bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400' };
-  }
-
-  return { name: 'Custom', color: 'bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-400' };
-};
-
 // Helper function to get agent icon based on type
 const getAgentIcon = (agentKey: string) => {
   if (agentKey.includes('Code') || agentKey.includes('phase') || agentKey.includes('file')) return Code2;