Labels and naming

README.md

@@ -1,4 +1,4 @@
-# Llama Agent Creator
+# Flow Maker, a visual agent builder for LlamaIndex
 
 This is a tool for visually creating and exporting agentic workflows powered by LlamaIndex. It provides a drag-and-drop interface to build complex workflows, run them interactively, and then compile them into standalone TypeScript code.
 

app/layout.tsx

@@ -8,7 +8,7 @@ import { cn } from '@/lib/utils';
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Llama Agent Creator",
+  title: "FlowMaker",
   description: "A visual agent builder for LlamaIndex",
   icons: {
     icon: "/favicon.ico",

src/components/AgentBuilderSidebar.tsx

@@ -66,15 +66,16 @@ const nodeTemplates = [
     { type: 'promptAgent', label: 'Prompt Agent', description: 'Configure and prompt AI agents', icon: Bot },
     { type: 'agentTool', label: 'Agent Tool', description: 'Tools and functions for agents', icon: Wrench },
     { type: 'decision', label: 'Decision', description: 'Conditional branching logic', icon: GitBranch },
-    { type: 'splitter', label: 'Splitter', description: 'Split flow into multiple paths', icon: Split },
-    { type: 'collector', label: 'Collector', description: 'Merge multiple flows together', icon: Merge },
+    // { type: 'splitter', label: 'Splitter', description: 'Split flow into multiple paths', icon: Split },
+    // { type: 'collector', label: 'Collector', description: 'Merge multiple flows together', icon: Merge },
   ];
 
 const AgentBuilderSidebar = ({ onAddNode, onReset, settings, onUpdateSettings }: AgentBuilderSidebarProps) => {
 
   return (
     <aside className="w-80 bg-card border-r border-border p-4 flex flex-col space-y-4">
-      <h2 className="text-xl font-semibold">Agent Builder</h2>
+      <h2 className="text-xl font-semibold">Build an Agent</h2>
+      <p className='text-sm text-muted-foreground'>Drag and drop elements, click and drag to connect.</p>
       
       <div className="flex-grow overflow-y-auto">
         <Accordion type="multiple" defaultValue={['nodes', 'settings']} className="w-full">

src/components/AgentFlow.tsx

@@ -26,8 +26,8 @@ import UserInputNode from './nodes/UserInputNode';
 import PromptLLMNode from './nodes/PromptLLMNode';
 import PromptAgentNode from './nodes/PromptAgentNode';
 import AgentToolNode from './nodes/AgentToolNode';
-import SplitterNode from './nodes/SplitterNode';
-import CollectorNode from './nodes/CollectorNode';
+// import SplitterNode from './nodes/SplitterNode';
+// import CollectorNode from './nodes/CollectorNode';
 import DecisionNode from './nodes/DecisionNode';
 import { Save, Check } from 'lucide-react';
 import AgentBuilderSidebar from './AgentBuilderSidebar';
@@ -41,8 +41,8 @@ const nodeTypes = {
   promptLLM: PromptLLMNode,
   promptAgent: PromptAgentNode,
   agentTool: AgentToolNode,
-  splitter: SplitterNode,
-  collector: CollectorNode,
+  // splitter: SplitterNode,
+  // collector: CollectorNode,
   decision: DecisionNode,
 };
 

src/components/RunSidebar.tsx

@@ -12,8 +12,9 @@ const RunSidebar = ({ onRun, onRestart, status, error }: RunSidebarProps) => {
   return (
     <div className="w-80 h-full flex flex-col bg-card border-r border-border p-4">
       <div className="space-y-4 flex-shrink-0">
-        <div className="flex items-center space-x-2">
+        <div className="items-center">
           <h2 className="text-lg font-semibold">Run Mode</h2>
+          <p className='text-sm text-muted-foreground'>Run your agent interactively.</p>
         </div>
         <Button
           onClick={onRun}