- {agents.map((entry, index) => {
- const isActive = dropdownSelectedId === entry.id
- return (
-
handleComposerAgentSelect(entry)}
- className={cn(
- "rounded-full px-4 py-2 text-[0.65rem] uppercase tracking-[0.35em] transition relative overflow-hidden group backdrop-blur-sm shadow-[0_2px_8px_rgba(0,0,0,0.15)]",
- isActive
- ? "bg-white/20 text-white shadow-[0_4px_12px_rgba(0,0,0,0.25)]"
- : "bg-white/8 text-white/70 hover:bg-white/15 hover:text-white"
- )}
- >
- {!isActive && (
-
- )}
- {entry.name}
-
- )
- })}
- {pinnedAgents.slice(0, 2).map((pinnedAgent, index) => {
+ {agents
+ .filter((entry) => !entry.isCustom) // Filter out custom agents (they show as pills)
+ .map((entry, index) => {
+ const isActive = dropdownSelectedId === entry.id
+ return (
+
handleComposerAgentSelect(entry)}
+ className={cn(
+ "rounded-full px-4 py-2 text-[0.65rem] uppercase tracking-[0.35em] transition relative overflow-hidden group backdrop-blur-sm shadow-[0_2px_8px_rgba(0,0,0,0.15)]",
+ isActive
+ ? "bg-white/20 text-white shadow-[0_4px_12px_rgba(0,0,0,0.25)]"
+ : "bg-white/8 text-white/70 hover:bg-white/15 hover:text-white"
+ )}
+ >
+ {!isActive && (
+
+ )}
+ {entry.name}
+
+ )
+ })}
+ {pinnedAgents.map((pinnedAgent, index) => {
const isActive = dropdownSelectedId === pinnedAgent.agentId
return (
!a.isCustom).length + index) * 0.06, duration: 0.4, ease: "easeOut" }}
onClick={() => handleComposerAgentSelect({
id: pinnedAgent.agentId,
name: pinnedAgent.displayName,
description: pinnedAgent.summary || "",
+ isCustom: true,
webhookUrl: "" // Custom agents use dynamic routing
} as Agent)}
className={cn(
"rounded-full px-4 py-2 text-[0.65rem] uppercase tracking-[0.35em] transition relative overflow-hidden group backdrop-blur-sm shadow-[0_2px_8px_rgba(0,0,0,0.15)]",
isActive
- ? "bg-white/15 text-white shadow-[0_4px_12px_rgba(0,0,0,0.25)]"
+ ? "bg-white/20 text-white shadow-[0_4px_12px_rgba(0,0,0,0.25)]"
: "bg-white/8 text-white/70 hover:bg-white/15 hover:text-white"
)}
>
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 7cc2712c8..4c986aca7 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -9,7 +9,8 @@ export interface Agent {
id: string
name: string
description: string
- webhookUrl: string
+ webhookUrl?: string // Optional: not needed for custom agents (routed dynamically)
+ isCustom?: boolean // Flag to distinguish custom agents
}
/**
diff --git a/wrangler.jsonc b/wrangler.jsonc
index 67f9f6e5c..f405003ab 100644
--- a/wrangler.jsonc
+++ b/wrangler.jsonc
@@ -20,7 +20,7 @@
"AGENT_2_URL": "https://n8n.biohazardvfx.com/webhook/0884bd10-256d-441c-971c-b9f1c8506fdf",
"AGENT_2_NAME": "Morgan",
"AGENT_2_DESCRIPTION": "System Prompt Designer",
- "CUSTOM_AGENT_WEBHOOK": "https://n8n.biohazardvfx.com/webhook-test/7cbdc539-526f-425f-abea-0886ec4c1e76",
+ "CUSTOM_AGENT_WEBHOOK": "https://n8n.biohazardvfx.com/webhook/7cbdc539-526f-425f-abea-0886ec4c1e76",
"IMAGE_UPLOADS_ENABLED": "true",
"DIFF_TOOL_ENABLED": "true"
},