From ecfac4cfa4cc44b1da4a6191d11e2846bb5033fc Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Sat, 13 Sep 2025 16:36:04 +0000
Subject: [PATCH] Refactor AgentPromptCard to accept configurable truncation
 props

Co-authored-by: strictlyethan <strictlyethan@gmail.com>
---
 .../agents/components/agent-prompt-card.tsx   | 19 ++++++++++++++++---
 .../agents/components/agent-quick-view.tsx    |  9 ++++++++-
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/app/(chat)/agents/components/agent-prompt-card.tsx b/app/(chat)/agents/components/agent-prompt-card.tsx
index 123dab25d7..68f9d8f77b 100644
--- a/app/(chat)/agents/components/agent-prompt-card.tsx
+++ b/app/(chat)/agents/components/agent-prompt-card.tsx
@@ -15,13 +15,26 @@ import { toast } from 'sonner';
 interface AgentPromptCardProps {
   agentPrompt: string;
   showTitle?: boolean;
+  /** Number of lines to show when collapsed (defaults to 8) */
+  collapsedLines?: number;
+  /** Character length that triggers truncation (defaults to 500) */
+  longCharThreshold?: number;
+  /** Line count that triggers truncation (defaults to 8) */
+  longLineThreshold?: number;
 }
 
-export function AgentPromptCard({ agentPrompt, showTitle = true }: AgentPromptCardProps) {
+export function AgentPromptCard({
+  agentPrompt,
+  showTitle = true,
+  collapsedLines = 8,
+  longCharThreshold = 500,
+  longLineThreshold = 8,
+}: AgentPromptCardProps) {
   const [isExpanded, setIsExpanded] = useState(false);
-  const isLong = agentPrompt.length > 500 || agentPrompt.split('\n').length > 8;
+  const totalLines = agentPrompt.split('\n');
+  const isLong = agentPrompt.length > longCharThreshold || totalLines.length > longLineThreshold;
   const displayText = !isExpanded && isLong
-    ? agentPrompt.split('\n').slice(0, 8).join('\n') + (agentPrompt.split('\n').length > 8 ? '\n...' : '...')
+    ? totalLines.slice(0, collapsedLines).join('\n') + (totalLines.length > collapsedLines ? '\n...' : '...')
     : agentPrompt;
 
   const copyToClipboard = async () => {
diff --git a/app/(chat)/agents/components/agent-quick-view.tsx b/app/(chat)/agents/components/agent-quick-view.tsx
index bb4042eea5..caae82fab2 100644
--- a/app/(chat)/agents/components/agent-quick-view.tsx
+++ b/app/(chat)/agents/components/agent-quick-view.tsx
@@ -46,7 +46,14 @@ export function AgentQuickView({ agent, open, onOpenChange }: AgentQuickViewProp
                 <h3 className="text-sm font-medium text-muted-foreground">
                   Agent Prompt
                 </h3>
-                <AgentPromptCard agentPrompt={agent.agentPrompt} showTitle={false} />
+                <AgentPromptCard
+                  agentPrompt={agent.agentPrompt}
+                  showTitle={false}
+                  /* Make preview more compact to avoid pushing CTA */
+                  collapsedLines={4}
+                  longCharThreshold={200}
+                  longLineThreshold={4}
+                />
               </div>
             )}