Store: Save this agent button

Author: jahooma

web/src/app/publishers/[id]/agents/[agentId]/[version]/page.tsx

@@ -15,6 +15,7 @@ import { cn } from '@/lib/utils'
 import { AgentUsageMetrics } from './agent-usage-metrics'
 import { RunAgentButton } from './run-agent-button'
 import { CopyIdButton } from './copy-id-button'
+import { SaveAgentButton } from './save-agent-button'
 import { Button } from '@/components/ui/button'
 
 interface AgentDetailPageProps {
@@ -186,6 +187,7 @@ const AgentDetailPage = async ({ params }: AgentDetailPageProps) => {
               </div>
               <div className="flex items-end space-x-3">
                 <CopyIdButton agentId={fullAgentId} />
+                <SaveAgentButton agentId={fullAgentId} />
                 <RunAgentButton agentId={fullAgentId} />
                 {/*
                 Hide download button for now. (It doesn't do anything)

web/src/app/publishers/[id]/agents/[agentId]/[version]/save-agent-button.tsx

@@ -0,0 +1,30 @@
+'use client'
+
+import { Copy } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+import { toast } from '@/components/ui/use-toast'
+
+interface SaveAgentButtonProps {
+  agentId: string
+}
+
+export function SaveAgentButton({ agentId }: SaveAgentButtonProps) {
+  const handleCopy = () => {
+    navigator.clipboard.writeText(`codebuff save-agent ${agentId}`)
+    toast({
+      description: `Command copied to clipboard: "codebuff save-agent ${agentId}"`,
+    })
+  }
+
+  return (
+    <Button
+      variant="outline"
+      size="sm"
+      onClick={handleCopy}
+      className="flex items-center gap-2"
+    >
+      <Copy className="h-4 w-4" />
+      Save this agent
+    </Button>
+  )
+}