Feat: General agent creation, support for app, workflow and slides/docs creation

.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",
@@ -35,6 +37,8 @@
 	},
 	"dependencies": {
 		"@ashishkumar472/cf-git": "1.0.5",
+		"@babel/parser": "^7.28.5",
+		"@babel/traverse": "^7.28.5",
 		"@cloudflare/containers": "^0.0.28",
 		"@cloudflare/sandbox": "0.4.14",
 		"@noble/ciphers": "^1.3.0",
@@ -69,6 +73,8 @@
 		"@sentry/cloudflare": "^10.22.0",
 		"@sentry/react": "^10.22.0",
 		"@sentry/vite-plugin": "^4.6.0",
+		"@types/babel__core": "^7.20.5",
+		"@types/babel__traverse": "^7.28.0",
 		"@typescript-eslint/eslint-plugin": "^8.46.2",
 		"@typescript-eslint/parser": "^8.46.2",
 		"@typescript-eslint/typescript-estree": "^8.46.2",
@@ -77,6 +83,7 @@
 		"agents": "^0.2.20",
 		"chalk": "^5.6.2",
 		"class-variance-authority": "^0.7.1",
+		"cli-table3": "^0.6.5",
 		"cloudflare": "^4.5.0",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.1.1",
@@ -90,9 +97,11 @@
 		"eslint-plugin-import": "^2.32.0",
 		"fflate": "^0.8.2",
 		"framer-motion": "^12.23.24",
+		"highlight.js": "^11.11.1",
 		"hono": "^4.10.4",
-		"html2canvas-pro": "^1.5.12",
+		"html2canvas-pro": "^1.5.13",
 		"input-otp": "^1.4.2",
+		"inquirer": "^12.11.0",
 		"jose": "^5.10.0",
 		"jsonc-parser": "^3.3.1",
 		"latest": "^0.2.0",
@@ -102,6 +111,7 @@
 		"next-themes": "^0.4.6",
 		"node-fetch": "^3.3.2",
 		"openai": "^5.23.2",
+		"ora": "^9.0.0",
 		"partysocket": "^1.1.6",
 		"perfect-arrows": "^0.3.7",
 		"react": "^19.2.0",
@@ -115,11 +125,14 @@
 		"recharts": "^3.3.0",
 		"rehype-external-links": "^3.0.0",
 		"remark-gfm": "^4.0.1",
+		"reveal.js": "^5.2.1",
 		"sonner": "^2.0.7",
+		"sucrase": "^3.35.0",
 		"suffix-array": "^0.1.4",
 		"tailwind-merge": "^3.3.1",
 		"vaul": "^1.1.2",
 		"vite-plugin-svgr": "^4.5.0",
+		"ws": "^8.18.3",
 		"zod": "^3.25.76"
 	},
 	"devDependencies": {
@@ -131,10 +144,13 @@
 		"@eslint/js": "^9.39.0",
 		"@tailwindcss/typography": "^0.5.19",
 		"@tailwindcss/vite": "^4.1.16",
+		"@types/inquirer": "^9.0.9",
 		"@types/jest": "^29.5.14",
 		"@types/node": "^22.18.13",
-		"@types/react": "^19.2.2",
+		"@types/react": "^19.2.3",
 		"@types/react-dom": "^19.2.2",
+		"@types/reveal.js": "^5.2.1",
+		"@types/ws": "^8.18.1",
 		"@vitejs/plugin-react-swc": "^3.11.0",
 		"drizzle-kit": "^0.31.6",
 		"eslint": "^9.39.0",
@@ -143,8 +159,15 @@
 		"glob": "^11.0.3",
 		"globals": "^16.5.0",
 		"husky": "^9.1.7",
+		"ink": "^6.4.0",
+		"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.66.4",
+		"open": "^10.0.0",
 		"prettier": "^3.6.2",
 		"prettier-plugin-tailwindcss": "^0.6.14",
 		"tailwindcss": "^4.1.16",
@@ -157,7 +180,7 @@
 		"vite-plugin-monaco-editor": "^1.1.0",
 		"vite-plugin-node-polyfills": "^0.24.0",
 		"vitest": "^3.2.4",
-		"wrangler": "4.45.0"
+		"wrangler": "4.50.0"
 	},
 	"prettier": {
 		"singleQuote": true,

src/api-types.ts

@@ -106,14 +106,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 +144,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 +183,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 +258,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,7 @@ 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 type { ModelConfig, UserModelConfigWithMetadata, AgentDisplayConfig } from '@/api-types';
 
 interface ConfigCardProps {
   agent: AgentDisplayConfig;

src/components/config-modal.tsx

@@ -24,10 +24,10 @@ import {
 import { Alert, AlertDescription } from '@/components/ui/alert';
 import { apiClient } from '@/lib/api-client';
 import { ByokApiKeysModal } from './byok-api-keys-modal';
-import type { 
-  ModelConfig, 
-  UserModelConfigWithMetadata, 
-  ModelConfigUpdate, 
+import type {
+  ModelConfig,
+  UserModelConfigWithMetadata,
+  ModelConfigUpdate,
   AIModels,
   ByokProvidersData,
   AgentDisplayConfig

src/components/model-config-tabs.tsx

@@ -16,7 +16,12 @@ import { Badge } from '@/components/ui/badge';
 import { toast } from 'sonner';
 import { ConfigCard } from './config-card';
 import { ConfigModal } from './config-modal';
-import type { ModelConfig, UserModelConfigWithMetadata, ModelConfigUpdate, AgentDisplayConfig } from '@/api-types';
+import type {
+  ModelConfig,
+  UserModelConfigWithMetadata,
+  ModelConfigUpdate,
+  AgentDisplayConfig
+} from '@/api-types';
 
 // Define workflow-based tab structure with dynamic agent categorization
 export const WORKFLOW_TABS = {