From da2f886accf90fe3cdeee257c19da86ca9932d47 Mon Sep 17 00:00:00 2001
From: arkml <arkm85@gmail.com>
Date: Sat, 23 Aug 2025 17:41:59 +0530
Subject: [PATCH 1/2] show predifined copilot prompts

---
 .../components/build-assistant-section.tsx    | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/apps/rowboat/app/projects/components/build-assistant-section.tsx b/apps/rowboat/app/projects/components/build-assistant-section.tsx
index 05f6797f9..0757b5629 100644
--- a/apps/rowboat/app/projects/components/build-assistant-section.tsx
+++ b/apps/rowboat/app/projects/components/build-assistant-section.tsx
@@ -22,6 +22,14 @@ import { SHOW_PREBUILT_CARDS } from '@/app/lib/feature_flags';
 
 const ITEMS_PER_PAGE = 6;
 
+const copilotPrompts = {
+    "Blog assistant": "Build an assistant to help with writing a blog post and updating it on google docs",
+    "Meeting prep workflow": "Build a meeting prep pipeline which takes a google calendar invite as input and performs research on the guests using Duckduckgo search and send an email to me",
+    "Scheduling assistant": "Build a scheduling assistant that helps users manage their calendar, book meetings, find available time slots, send reminders, and optimize their daily schedule based on priorities and preferences",
+    "Reddit & HN assistant": "Build an assistant that helps me with browsing Reddit and Hacker News",
+    "CRM assistant": "Build an assistant that helps me with my CRM"
+};
+
 export function BuildAssistantSection() {
     const [userPrompt, setUserPrompt] = useState('');
     const [isCreating, setIsCreating] = useState(false);
@@ -86,6 +94,12 @@ export function BuildAssistantSection() {
         await createProjectFromTemplate(templateId, router);
     };
 
+    // Handle prompt card selection
+    const handlePromptSelect = (prompt: string) => {
+        setUserPrompt(prompt);
+        setPromptError(null);
+    };
+
     const fetchProjects = async () => {
         setProjectsLoading(true);
         try {
@@ -311,6 +325,28 @@ export function BuildAssistantSection() {
                                                 </div>
                                             </div>
                                         </div>
+                                        
+                                        {/* Predefined Prompt Cards */}
+                                        <div className="mt-8">
+                                            <div className="flex flex-wrap gap-3 justify-center">
+                                                {Object.entries(copilotPrompts).map(([name, prompt]) => (
+                                                    <button
+                                                        key={name}
+                                                        onClick={() => handlePromptSelect(prompt)}
+                                                        className="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200 hover:shadow-sm"
+                                                    >
+                                                        <span className="w-4 h-4 flex items-center justify-center">
+                                                            {name === 'Blog assistant' && '📝'}
+                                                            {name === 'Meeting prep workflow' && '📅'}
+                                                            {name === 'Scheduling assistant' && '✅'}
+                                                            {name === 'Reddit & HN assistant' && '🔍'}
+                                                            {name === 'CRM assistant' && '📊'}
+                                                        </span>
+                                                        {name}
+                                                    </button>
+                                                ))}
+                                            </div>
+                                        </div>
                                     </div>
                                 </Tab>
                                 <Tab key="existing" title="My Assistants">

From eb3a2657fbc4a958922a72f073b6729ca670fb39 Mon Sep 17 00:00:00 2001
From: arkml <arkm85@gmail.com>
Date: Sat, 23 Aug 2025 19:13:48 +0530
Subject: [PATCH 2/2] minor cleanup to predefined prompts

---
 .../components/build-assistant-section.tsx    | 39 ++++++++++++-------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/apps/rowboat/app/projects/components/build-assistant-section.tsx b/apps/rowboat/app/projects/components/build-assistant-section.tsx
index 0757b5629..50809578b 100644
--- a/apps/rowboat/app/projects/components/build-assistant-section.tsx
+++ b/apps/rowboat/app/projects/components/build-assistant-section.tsx
@@ -23,11 +23,26 @@ import { SHOW_PREBUILT_CARDS } from '@/app/lib/feature_flags';
 const ITEMS_PER_PAGE = 6;
 
 const copilotPrompts = {
-    "Blog assistant": "Build an assistant to help with writing a blog post and updating it on google docs",
-    "Meeting prep workflow": "Build a meeting prep pipeline which takes a google calendar invite as input and performs research on the guests using Duckduckgo search and send an email to me",
-    "Scheduling assistant": "Build a scheduling assistant that helps users manage their calendar, book meetings, find available time slots, send reminders, and optimize their daily schedule based on priorities and preferences",
-    "Reddit & HN assistant": "Build an assistant that helps me with browsing Reddit and Hacker News",
-    "CRM assistant": "Build an assistant that helps me with my CRM"
+    "Blog assistant": {
+        prompt: "Build an assistant to help with writing a blog post and updating it on google docs",
+        emoji: "📝"
+    },
+    "Meeting prep workflow": {
+        prompt: "Build a meeting prep pipeline which takes a google calendar invite as input and performs research on the guests using Duckduckgo search and send an email to me",
+        emoji: "📅"
+    },
+    "Scheduling assistant": {
+        prompt: "Build a scheduling assistant that helps users manage their calendar, book meetings, find available time slots, send reminders, and optimize their daily schedule based on priorities and preferences",
+        emoji: "✅"
+    },
+    "Reddit & HN assistant": {
+        prompt: "Build an assistant that helps me with browsing Reddit and Hacker News",
+        emoji: "🔍"
+    },
+    "CRM assistant": {
+        prompt: "Build an assistant that helps me with my CRM",
+        emoji: "📊"
+    }
 };
 
 export function BuildAssistantSection() {
@@ -95,8 +110,8 @@ export function BuildAssistantSection() {
     };
 
     // Handle prompt card selection
-    const handlePromptSelect = (prompt: string) => {
-        setUserPrompt(prompt);
+    const handlePromptSelect = (promptText: string) => {
+        setUserPrompt(promptText);
         setPromptError(null);
     };
 
@@ -329,18 +344,14 @@ export function BuildAssistantSection() {
                                         {/* Predefined Prompt Cards */}
                                         <div className="mt-8">
                                             <div className="flex flex-wrap gap-3 justify-center">
-                                                {Object.entries(copilotPrompts).map(([name, prompt]) => (
+                                                {Object.entries(copilotPrompts).map(([name, config]) => (
                                                     <button
                                                         key={name}
-                                                        onClick={() => handlePromptSelect(prompt)}
+                                                        onClick={() => handlePromptSelect(config.prompt)}
                                                         className="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200 hover:shadow-sm"
                                                     >
                                                         <span className="w-4 h-4 flex items-center justify-center">
-                                                            {name === 'Blog assistant' && '📝'}
-                                                            {name === 'Meeting prep workflow' && '📅'}
-                                                            {name === 'Scheduling assistant' && '✅'}
-                                                            {name === 'Reddit & HN assistant' && '🔍'}
-                                                            {name === 'CRM assistant' && '📊'}
+                                                            {config.emoji}
                                                         </span>
                                                         {name}
                                                     </button>