Merge pull request #252 from cloudflare/feat/refactor-agents-base

Feat: General agents + presentations

Author: AshishKumar4

.gitignore

@@ -51,5 +51,7 @@ debug-tools/*.json
 .env.sentry-build-plugin
 data-dump
 debug-tools/extracted
+debug-tools/presentation-tester
+
+.test-data
 cli
-debug-tools

bun.lock

@@ -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],
   },
 };

commitlint.config.js

@@ -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"
+  }
+}

debug-tools/presentation-tester/package.json

@@ -6,7 +6,18 @@ import tseslint from 'typescript-eslint'
 import importPlugin from 'eslint-plugin-import'
 
 export default tseslint.config(
-	{ ignores: ['dist', 'wrangler-configuration.d.ts', 'test-diff-formatters/**', '**/*.test.ts', '**/*.test.tsx', '**/*.spec.ts', '**/*.spec.tsx'] },
+	{
+		ignores: [
+			'dist',
+			'wrangler-configuration.d.ts',
+			'test-diff-formatters/**',
+			'cf-git/**',
+			'**/*.test.ts',
+			'**/*.test.tsx',
+			'**/*.spec.ts',
+			'**/*.spec.tsx',
+		],
+	},
   {
     extends: [
       js.configs.recommended,
@@ -46,4 +57,18 @@ export default tseslint.config(
       'react-refresh/only-export-components': 'off',
     },
   },
+  // Contexts and feature modules intentionally export hooks/objects
+  {
+    files: ['src/contexts/**/*.{ts,tsx}', 'src/features/**/*.{ts,tsx}'],
+    rules: {
+      'react-refresh/only-export-components': 'off',
+    },
+  },
+  // Auth modal provider exports a hook + provider
+  {
+    files: ['src/components/auth/**/*.{ts,tsx}'],
+    rules: {
+      'react-refresh/only-export-components': 'off',
+    },
+  },
 )

eslint.config.js

@@ -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">

index.html

@@ -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",
@@ -73,17 +75,19 @@
 		"@radix-ui/react-toggle-group": "^1.1.11",
 		"@radix-ui/react-tooltip": "^1.2.8",
 		"@rolldown/binding-linux-x64-gnu": "^1.0.0-beta.9-commit.d91dfb5",
-		"@sentry/cloudflare": "^10.29.0",
-		"@sentry/react": "^10.29.0",
+		"@sentry/cloudflare": "^10.30.0",
+		"@sentry/react": "^10.30.0",
 		"@simplewebauthn/browser": "^13.2.2",
 		"@types/argon2-browser": "^1.18.4",
 		"@types/mdast": "^4.0.4",
 		"@vitejs/plugin-react": "^5.1.2",
-		"agents": "^0.2.31",
+		"agents": "^0.2.32",
 		"class-variance-authority": "^0.7.1",
+		"cli-table3": "^0.6.5",
 		"cloudflare": "^4.5.0",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.1.1",
+		"cross-spawn": "^7.0.6",
 		"date-fns": "^4.1.0",
 		"diff": "^8.0.2",
 		"drizzle-orm": "^0.44.7",
@@ -92,11 +96,12 @@
 		"eslint-import-resolver-typescript": "^4.4.4",
 		"eslint-plugin-import": "^2.32.0",
 		"fflate": "^0.8.2",
-		"framer-motion": "^12.23.25",
+		"framer-motion": "^12.23.26",
 		"hash-wasm": "^4.12.0",
-		"hono": "^4.10.7",
+		"hono": "^4.11.0",
 		"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",
@@ -105,10 +110,11 @@
 		"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": "^19.2.3",
 		"react-day-picker": "^9.12.0",
-		"react-dom": "^19.2.1",
+		"react-dom": "^19.2.3",
 		"react-feather": "^2.0.10",
 		"react-hook-form": "^7.68.0",
 		"react-markdown": "^10.1.0",
@@ -118,42 +124,49 @@
 		"rehype-external-links": "^3.0.0",
 		"remark-gfm": "^4.0.1",
 		"remark-parse": "^11.0.0",
-		"rolldown-vite": "^7.2.10",
+		"rolldown-vite": "^7.2.11",
 		"sonner": "^2.0.7",
 		"tailwind-merge": "^3.4.0",
 		"unified": "^11.0.5",
 		"vaul": "^1.1.2",
 		"vite-plugin-svgr": "^4.5.0",
+		"ws": "^8.18.3",
 		"zod": "^3.25.76"
 	},
 	"devDependencies": {
-		"@cloudflare/vite-plugin": "^1.17.0",
+		"@cloudflare/vite-plugin": "^1.17.1",
 		"@cloudflare/vitest-pool-workers": "^0.8.71",
-		"@cloudflare/workers-types": "^4.20251205.0",
-		"@eslint/js": "^9.39.1",
+		"@cloudflare/workers-types": "^4.20251213.0",
+		"@eslint/js": "^9.39.2",
 		"@tailwindcss/typography": "^0.5.19",
-		"@tailwindcss/vite": "^4.1.17",
+		"@tailwindcss/vite": "^4.1.18",
 		"@types/jest": "^29.5.14",
-		"@types/node": "^22.19.2",
+		"@types/node": "^22.19.3",
 		"@types/react": "^19.2.7",
 		"@types/react-dom": "^19.2.3",
 		"@vitest/coverage-v8": "^3.2.4",
 		"drizzle-kit": "^0.31.8",
-		"eslint": "^9.39.1",
+		"eslint": "^9.39.2",
 		"eslint-plugin-react-hooks": "^5.2.0",
 		"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",
+		"knip": "^5.73.4",
 		"prettier-plugin-tailwindcss": "^0.6.14",
 		"tsx": "^4.21.0",
 		"tw-animate-css": "^1.4.0",
 		"typescript": "^5.9.3",
 		"typescript-eslint": "^8.49.0",
 		"vite": "npm:[email protected]",
 		"vitest": "^3.2.4",
-		"wrangler": "4.45.0"
+		"wrangler": "4.50.0"
 	},
 	"prettier": {
 		"singleQuote": true,

package.json

@@ -6,22 +6,25 @@ import { VaultProvider } from './contexts/vault-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>
-          <VaultProvider>
-            <AuthModalProvider>
-              <AppLayout>
-                <Outlet />
-              </AppLayout>
-              <Toaster richColors position="top-right" />
-            </AuthModalProvider>
-          </VaultProvider>
-        </AuthProvider>
+        <FeatureProvider>
+          <AuthProvider>
+            <VaultProvider>
+              <AuthModalProvider>
+                <AppLayout>
+                  <Outlet />
+                </AppLayout>
+                <Toaster richColors position="top-right" />
+              </AuthModalProvider>
+            </VaultProvider>
+          </AuthProvider>
+        </FeatureProvider>
       </ThemeProvider>
     </ErrorBoundary>
   );
-}
+}

src/App.tsx

@@ -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,
@@ -112,14 +128,19 @@ export type {
 	SecretMetadata,
 } from 'worker/services/secrets/vault-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,
@@ -144,17 +165,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';
@@ -176,7 +204,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
@@ -251,6 +279,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<{