add v0 (#70)

* add v0

* Delete pnpm-workspace.yaml

Author: ctate

app/api/ai/generate/route.ts

@@ -187,6 +187,8 @@ Action types:
 - Scrape: {"actionType": "Scrape", "url": "https://example.com"}
 - Search: {"actionType": "Search", "query": "search query", "limit": 10}
 - Condition: {"actionType": "Condition", "condition": "{{@nodeId:Label.field}} === 'value'"}
+- Create Chat (v0): {"actionType": "Create Chat", "message": "Create a line graph showing DAU over time", "system": "You are an expert coder"} - Use v0 for generating UI components, visualizations (charts, graphs, dashboards), landing pages, or any React/Next.js code. PREFER v0 over Generate Text/Image for any visual output like charts, graphs, or UI.
+- Send Message (v0): {"actionType": "Send Message", "chatId": "{{@nodeId:Label.chatId}}", "message": "Add dark mode"} - Use this to continue a v0 chat conversation
 
 CRITICAL ABOUT CONDITION NODES:
 - Condition nodes evaluate a boolean expression

components/settings/integration-form-dialog.tsx

@@ -42,10 +42,11 @@ type IntegrationFormData = {
 const INTEGRATION_TYPES: IntegrationType[] = [
   "ai-gateway",
   "database",
+  "firecrawl",
   "linear",
   "resend",
   "slack",
-  "firecrawl",
+  "v0",
 ];
 
 const INTEGRATION_LABELS: Record<IntegrationType, string> = {
@@ -55,6 +56,7 @@ const INTEGRATION_LABELS: Record<IntegrationType, string> = {
   database: "Database",
   "ai-gateway": "AI Gateway",
   firecrawl: "Firecrawl",
+  v0: "v0",
 };
 
 export function IntegrationFormDialog({
@@ -290,6 +292,30 @@ export function IntegrationFormDialog({
             </p>
           </div>
         );
+      case "v0":
+        return (
+          <div className="space-y-2">
+            <Label htmlFor="apiKey">API Key</Label>
+            <Input
+              id="apiKey"
+              onChange={(e) => updateConfig("apiKey", e.target.value)}
+              placeholder="v0_..."
+              type="password"
+              value={formData.config.apiKey || ""}
+            />
+            <p className="text-muted-foreground text-xs">
+              Get your API key from{" "}
+              <a
+                className="underline hover:text-foreground"
+                href="https://v0.dev/chat/settings/keys"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                v0.dev/chat/settings/keys
+              </a>
+            </p>
+          </div>
+        );
       default:
         return null;
     }

components/settings/integrations-manager.tsx

@@ -26,6 +26,7 @@ const INTEGRATION_TYPE_LABELS: Record<IntegrationType, string> = {
   database: "Database",
   "ai-gateway": "AI Gateway",
   firecrawl: "Firecrawl",
+  v0: "v0",
 };
 
 type IntegrationsManagerProps = {

components/ui/template-autocomplete.tsx

@@ -177,6 +177,19 @@ const getCommonFields = (node: WorkflowNode) => {
   if (actionType === "Search") {
     return [{ field: "web", description: "Array of search results" }];
   }
+  if (actionType === "Create Chat") {
+    return [
+      { field: "chatId", description: "v0 chat ID" },
+      { field: "url", description: "v0 chat URL" },
+      { field: "demoUrl", description: "Demo preview URL" },
+    ];
+  }
+  if (actionType === "Send Message") {
+    return [
+      { field: "chatId", description: "v0 chat ID" },
+      { field: "demoUrl", description: "Demo preview URL" },
+    ];
+  }
   if (node.data.type === "trigger") {
     const triggerType = node.data.config?.triggerType as string | undefined;
     const webhookSchema = node.data.config?.webhookSchema as string | undefined;

components/workflow/nodes/action-node.tsx

@@ -79,6 +79,8 @@ const getIntegrationFromActionType = (actionType: string): string => {
     Scrape: "Firecrawl",
     Search: "Firecrawl",
     Condition: "Condition",
+    "Create Chat": "v0",
+    "Send Message": "v0",
   };
   return integrationMap[actionType] || "System";
 };
@@ -106,6 +108,8 @@ const requiresIntegration = (actionType: string): boolean => {
     "Database Query",
     "Scrape",
     "Search",
+    "Create Chat",
+    "Send Message",
   ];
   return requiresIntegrationActions.includes(actionType);
 };
@@ -139,6 +143,9 @@ const getProviderLogo = (actionType: string) => {
       return <Code className="size-12 text-green-300" strokeWidth={1.5} />;
     case "Condition":
       return <GitBranch className="size-12 text-pink-300" strokeWidth={1.5} />;
+    case "Create Chat":
+    case "Send Message":
+      return <IntegrationIcon className="size-12" integration="v0" />;
     default:
       return <Zap className="size-12 text-amber-300" strokeWidth={1.5} />;
   }

components/workflow/utils/code-generators.ts

@@ -12,6 +12,8 @@ import { searchCodegenTemplate } from "@/plugins/firecrawl/codegen/search";
 import { createTicketCodegenTemplate } from "@/plugins/linear/codegen/create-ticket";
 import { sendEmailCodegenTemplate } from "@/plugins/resend/codegen/send-email";
 import { sendSlackMessageCodegenTemplate } from "@/plugins/slack/codegen/send-slack-message";
+import { createChatCodegenTemplate } from "@/plugins/v0/codegen/create-chat";
+import { sendMessageCodegenTemplate } from "@/plugins/v0/codegen/send-message";
 
 // Generate code snippet for a single node
 export const generateNodeCode = (node: {
@@ -84,6 +86,10 @@ export async function POST(request: NextRequest) {
         return scrapeCodegenTemplate;
       case "Search":
         return searchCodegenTemplate;
+      case "Create Chat":
+        return createChatCodegenTemplate;
+      case "Send Message":
+        return sendMessageCodegenTemplate;
       default:
         return `async function actionStep(input: Record<string, unknown>) {
   "use step";

lib/api-client.ts

@@ -317,7 +317,8 @@ export type IntegrationType =
   | "slack"
   | "database"
   | "ai-gateway"
-  | "firecrawl";
+  | "firecrawl"
+  | "v0";
 
 export type IntegrationConfig = {
   apiKey?: string;

lib/credential-fetcher.ts

@@ -26,6 +26,7 @@ export type WorkflowCredentials = {
   AI_GATEWAY_API_KEY?: string;
   DATABASE_URL?: string;
   FIRECRAWL_API_KEY?: string;
+  V0_API_KEY?: string;
 };
 
 function mapResendConfig(config: IntegrationConfig): WorkflowCredentials {
@@ -82,6 +83,14 @@ function mapFirecrawlConfig(config: IntegrationConfig): WorkflowCredentials {
   return creds;
 }
 
+function mapV0Config(config: IntegrationConfig): WorkflowCredentials {
+  const creds: WorkflowCredentials = {};
+  if (config.apiKey) {
+    creds.V0_API_KEY = config.apiKey;
+  }
+  return creds;
+}
+
 /**
  * Map integration config to WorkflowCredentials format
  */
@@ -107,6 +116,9 @@ function mapIntegrationConfig(
   if (integrationType === "firecrawl") {
     return mapFirecrawlConfig(config);
   }
+  if (integrationType === "v0") {
+    return mapV0Config(config);
+  }
   return {};
 }
 

lib/db/integrations.ts

@@ -100,7 +100,8 @@ export type IntegrationType =
   | "slack"
   | "database"
   | "ai-gateway"
-  | "firecrawl";
+  | "firecrawl"
+  | "v0";
 
 export type IntegrationConfig = {
   // Resend
@@ -115,6 +116,7 @@ export type IntegrationConfig = {
   openaiApiKey?: string;
   // Firecrawl
   firecrawlApiKey?: string;
+  // v0 (uses apiKey)
 };
 
 export type DecryptedIntegration = {

lib/db/schema.ts

@@ -85,7 +85,13 @@ export const integrations = pgTable("integrations", {
   type: text("type")
     .notNull()
     .$type<
-      "resend" | "linear" | "slack" | "database" | "ai-gateway" | "firecrawl"
+      | "resend"
+      | "linear"
+      | "slack"
+      | "database"
+      | "ai-gateway"
+      | "firecrawl"
+      | "v0"
     >(),
   // biome-ignore lint/suspicious/noExplicitAny: JSONB type - encrypted credentials stored as JSON
   config: jsonb("config").notNull().$type<any>(),