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

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

src/api-types.ts

@@ -136,17 +136,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';
@@ -168,7 +175,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

src/components/project-mode-selector.tsx

@@ -0,0 +1,83 @@
+import { useState } from 'react';
+
+export type ProjectMode = 'app' | 'presentation' | 'general';
+
+interface ProjectModeSelectorProps {
+  value: ProjectMode;
+  onChange: (mode: ProjectMode) => void;
+  disabled?: boolean;
+  className?: string;
+}
+
+export function ProjectModeSelector({ value, onChange, disabled = false, className = '' }: ProjectModeSelectorProps) {
+  const [hoveredMode, setHoveredMode] = useState<ProjectMode | null>(null);
+
+  const modes = [
+    {
+      id: 'app' as const,
+      label: 'App',
+      description: 'Full-stack applications',
+    },
+    {
+      id: 'presentation' as const,
+      label: 'Slides',
+      description: 'Interactive presentations',
+    },
+    {
+      id: 'general' as const,
+      label: 'Chat',
+      description: 'Conversational assistant',
+    },
+  ];
+
+  return (
+    <div className={`flex items-center gap-1 ${className}`}>
+      {modes.map((mode, index) => {
+        const isSelected = value === mode.id;
+        const isHovered = hoveredMode === mode.id;
+
+        return (
+          <div key={mode.id} className="flex items-center">
+            <button
+              type="button"
+              disabled={disabled}
+              onClick={() => onChange(mode.id)}
+              onMouseEnter={() => setHoveredMode(mode.id)}
+              onMouseLeave={() => setHoveredMode(null)}
+              className={`
+                relative px-3 py-1.5 text-sm font-normal
+                transition-all duration-200 ease-out
+                ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
+                ${
+                  isSelected
+                    ? 'text-text-primary'
+                    : 'text-text-primary/40 hover:text-text-primary/70'
+                }
+              `}
+            >
+              {mode.label}
+
+              {/* Subtle underline indicator for selected state */}
+              {isSelected && (
+                <div className="absolute bottom-0 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-accent" />
+              )}
+
+              {/* Tooltip on hover */}
+              {isHovered && !disabled && (
+                <div className="absolute -bottom-8 left-1/2 -translate-x-1/2 whitespace-nowrap px-2 py-1 bg-bg-2/95 backdrop-blur-sm border border-text-primary/10 rounded-md text-xs text-text-secondary pointer-events-none z-50">
+                  {mode.description}
+                  <div className="absolute -top-1 left-1/2 -translate-x-1/2 w-2 h-2 bg-bg-2 border-l border-t border-text-primary/10 rotate-45" />
+                </div>
+              )}
+            </button>
+
+            {/* Separator dot (except after last item) */}
+            {index < modes.length - 1 && (
+              <div className="w-1 h-1 rounded-full bg-text-primary/10" />
+            )}
+          </div>
+        );
+      })}
+    </div>
+  );
+}

src/lib/api-client.ts

@@ -57,13 +57,13 @@ import type{
     AgentPreviewResponse,
     PlatformStatusData,
     RateLimitError
-} from '@/api-types';
+} from '../api-types.js';
 import {
-    
+
     RateLimitExceededError,
     SecurityError,
     SecurityErrorType,
-} from '@/api-types';
+} from '../api-types.js';
 import { toast } from 'sonner';
 
 /**