add vercel blob (#102)

* vercel blob

* fix template vars

* fix output fields

Author: ctate

README.md

@@ -80,6 +80,7 @@ Visit [http://localhost:3000](http://localhost:3000) to get started.
 
 <!-- PLUGINS:START - Do not remove. Auto-generated by discover-plugins -->
 - **AI Gateway**: Generate Text, Generate Image
+- **Blob**: Put Blob, List Blobs
 - **Firecrawl**: Scrape URL, Search Web
 - **Linear**: Create Ticket, Find Issues
 - **Resend**: Send Email

components/ui/template-autocomplete.tsx

@@ -6,6 +6,7 @@ import { useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { cn } from "@/lib/utils";
 import { edgesAtom, nodesAtom, type WorkflowNode } from "@/lib/workflow-store";
+import { findActionById } from "@/plugins";
 
 type TemplateAutocompleteProps = {
   isOpen: boolean;
@@ -32,6 +33,13 @@ const getNodeDisplayName = (node: WorkflowNode): string => {
 
   if (node.data.type === "action") {
     const actionType = node.data.config?.actionType as string | undefined;
+    if (actionType) {
+      // Look up human-readable label from plugin registry
+      const action = findActionById(actionType);
+      if (action?.label) {
+        return action.label;
+      }
+    }
     return actionType || "HTTP Request";
   }
 
@@ -103,6 +111,15 @@ const isActionType = (
 const getCommonFields = (node: WorkflowNode) => {
   const actionType = node.data.config?.actionType as string | undefined;
 
+  // First, check if the plugin defines output fields
+  if (actionType) {
+    const action = findActionById(actionType);
+    if (action?.outputFields && action.outputFields.length > 0) {
+      return action.outputFields;
+    }
+  }
+
+  // Legacy hardcoded fields for backwards compatibility
   if (isActionType(actionType, "Find Issues", "linear/find-issues")) {
     return [
       { field: "issues", description: "Array of issues found" },
@@ -153,12 +170,12 @@ const getCommonFields = (node: WorkflowNode) => {
     const aiFormat = node.data.config?.aiFormat as string | undefined;
     const aiSchema = node.data.config?.aiSchema as string | undefined;
 
-    // If format is object and schema is defined, show schema fields
+    // If format is object and schema is defined, show schema fields under "object" prefix
     if (aiFormat === "object" && aiSchema) {
       try {
         const schema = JSON.parse(aiSchema) as SchemaField[];
         if (schema.length > 0) {
-          return schemaToFields(schema);
+          return schemaToFields(schema, "object");
         }
       } catch {
         // If schema parsing fails, fall through to default fields

components/ui/template-badge-input.tsx

@@ -4,6 +4,7 @@ import { useAtom } from "jotai";
 import { useEffect, useRef, useState } from "react";
 import { cn } from "@/lib/utils";
 import { nodesAtom, selectedNodeAtom } from "@/lib/workflow-store";
+import { findActionById } from "@/plugins";
 import { TemplateAutocomplete } from "./template-autocomplete";
 
 export interface TemplateBadgeInputProps {
@@ -40,24 +41,32 @@ function getDisplayTextForTemplate(template: string, nodes: ReturnType<typeof us
     return rest;
   }
 
-  // Replace old label with current label
-  const currentLabel = node.data.label || "";
+  // Get display label: custom label > human-readable action label > fallback
+  let displayLabel: string | undefined = node.data.label;
+  if (!displayLabel && node.data.type === "action") {
+    const actionType = node.data.config?.actionType as string | undefined;
+    if (actionType) {
+      const action = findActionById(actionType);
+      displayLabel = action?.label;
+    }
+  }
+  
   const dotIndex = rest.indexOf(".");
 
   if (dotIndex === -1) {
     // No field, just the node: {{@nodeId:Label}}
-    return currentLabel || rest;
+    return displayLabel ?? rest;
   }
 
   // Has field: {{@nodeId:Label.field}}
   const field = rest.substring(dotIndex + 1);
 
-  // If currentLabel is empty, fall back to the original label from the template
-  if (!currentLabel) {
+  // If no display label, fall back to the original label from the template
+  if (!displayLabel) {
     return rest;
   }
 
-  return `${currentLabel}.${field}`;
+  return `${displayLabel}.${field}`;
 }
 
 /**

components/ui/template-badge-textarea.tsx

@@ -4,6 +4,7 @@ import { useAtom } from "jotai";
 import { useEffect, useRef, useState } from "react";
 import { cn } from "@/lib/utils";
 import { nodesAtom, selectedNodeAtom } from "@/lib/workflow-store";
+import { findActionById } from "@/plugins";
 import { TemplateAutocomplete } from "./template-autocomplete";
 
 export interface TemplateBadgeTextareaProps {
@@ -41,24 +42,32 @@ function getDisplayTextForTemplate(template: string, nodes: ReturnType<typeof us
     return rest;
   }
 
-  // Replace old label with current label
-  const currentLabel = node.data.label || "";
+  // Get display label: custom label > human-readable action label > fallback
+  let displayLabel: string | undefined = node.data.label;
+  if (!displayLabel && node.data.type === "action") {
+    const actionType = node.data.config?.actionType as string | undefined;
+    if (actionType) {
+      const action = findActionById(actionType);
+      displayLabel = action?.label;
+    }
+  }
+  
   const dotIndex = rest.indexOf(".");
 
   if (dotIndex === -1) {
     // No field, just the node: {{@nodeId:Label}}
-    return currentLabel || rest;
+    return displayLabel ?? rest;
   }
 
   // Has field: {{@nodeId:Label.field}}
   const field = rest.substring(dotIndex + 1);
 
-  // If currentLabel is empty, fall back to the original label from the template
-  if (!currentLabel) {
+  // If no display label, fall back to the original label from the template
+  if (!displayLabel) {
     return rest;
   }
 
-  return `${currentLabel}.${field}`;
+  return `${displayLabel}.${field}`;
 }
 
 /**