52:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 53:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 54:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 55:T4d2c,'use client' import * as React from 'react' import ReactMarkdown from 'react-markdown' import { ChevronRight, Clock, ExternalLink, Trash2, XCircle, } from 'lucide-react' import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '@/components/ui/card' import { CodeRabbitIcon, CodeRabbitLogo, } from '@/registry/default/ui/branding' import type { StoredReport } from '@/registry/default/lib/types' export interface CodeRabbitReportCardProps { reports: StoredReport[] onDelete?: (id: string) => void isDeleting?: boolean } export function CodeRabbitReportCard({ reports, onDelete, isDeleting = false, }: CodeRabbitReportCardProps) { const [expandedReportId, setExpandedReportId] = React.useState( null, ) if (reports.length === 0) { return ( Recent Reports No reports generated yet ) } return ( Recent Reports View your generated activity reports ({reports.length})

{reports.map((report) => { const isExpanded = expandedReportId === report.id return (

{ if ( report.status === 'completed' && report.results.length > 0 ) { setExpandedReportId(isExpanded ? null : report.id) } }} >

CodeRabbit

{report.promptTemplate || 'Custom Report'}

{report.status === 'pending' && ( <> Pending )} {report.status === 'completed' && ( Completed )} {report.status === 'failed' && ( <> Failed )}

{new Date( report.fromDate + 'T00:00:00', ).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric', })}{' '} -{' '} {new Date( report.toDate + 'T00:00:00', ).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric', })}

{onDelete && ( )} {report.status === 'completed' && report.results.length > 0 && ( )}

{/* Error Display */} {report.status === 'failed' && report.error && (

{report.error}

)} {/* Report Results */} {isExpanded && report.status === 'completed' && (

{report.results.map((result, idx) => { // Check if this is Daily Standup format (has PR Link markers) const isDailyStandup = result.report.includes('**PR Link:**') if (isDailyStandup) { return ( ) } // Sprint Report / Release Notes - check if we can extract PR-level details const hasMultiplePRs = (result.report.match(/\[#\d+\]/g) || []).length > 1 if (hasMultiplePRs) { return ( ) } // Fallback: single card with full markdown return ( ) })}

)}

) })}

) } function DailyStandupView({ group, report, }: { group: string report: string }) { const prs = report .split(/(?=^- \*\*PR Link:\*\*)/m) .filter((pr: string) => pr.trim()) return (

{group}

{prs.map((pr: string, prIdx: number) => { const prLinkMatch = pr.match(/\*\*PR Link:\*\*\s*\[(.*?)\]$(.*?)$/) const summaryMatch = pr.match(/\*\*Summary:\*\*\s*(.*?)(?=\n|$)/) const nextStepsMatch = pr.match(/\*\*Next Steps:\*\*\s*(.*?)(?=\n|$)/) const prNumberMatch = prLinkMatch?.[1]?.match(/#(\d+)/) || prLinkMatch?.[2]?.match(/\/pull\/(\d+)/) const prNumber = prNumberMatch?.[1] const prTitle = prLinkMatch?.[1]?.replace(/#\d+:?\s*/, '') || `Pull Request ${prIdx + 1}` const prUrl = prLinkMatch?.[2] const summary = summaryMatch?.[1] const nextSteps = nextStepsMatch?.[1] return (

{/* Header */}

{prNumber && ( PR #{prNumber} )} {prUrl ? ( {prTitle} ) : (

{prTitle}

)}

{summary && (

{summary}

)}

{/* Next Steps */} {nextSteps && (

Next Steps

{nextSteps}

)} {/* Footer */}

) })}

) } function MultiPRView({ group, report }: { group: string; report: string }) { const sections: Array<{ title: string; content: string }> = [] const lines = report.split('\n') let currentSection: { title: string; content: string } | null = null lines.forEach((line: string) => { const prMatch = line.match(/\[#(\d+)\]$(.*?)$/) if (prMatch) { if (currentSection) { sections.push(currentSection) } currentSection = { title: line, content: '', } } else if (currentSection) { currentSection.content += line + '\n' } }) if (currentSection) { sections.push(currentSection) } if (sections.length === 0) { return } return (

{group}

{sections.map((section, sectionIdx) => { const prMatch = section.title.match(/\[#(\d+)\]$(.*?)$/) const titleMatch = section.title.match(/\[#\d+\]$.*?$:?\s*(.*)/) const prNumber = prMatch?.[1] const prUrl = prMatch?.[2] const prTitle = titleMatch?.[1]?.trim() || `Pull Request #${prNumber}` return (

{prNumber && ( PR #{prNumber} )}

{prUrl ? ( ) : ( prTitle )}

{section.content.trim() && ( )}

) })}

) } function MarkdownReportView({ group, report, }: { group: string report: string }) { return (

{group}

) } function MarkdownContent({ content, fullReport = false, }: { content: string fullReport?: boolean }) { return ( fullReport ? ( {children} ) : (

{children}

), h2: ({ children }) => fullReport ? (

{children}

) : (

{children}

), h3: ({ children }) => (

{children}

), p: ({ children }) => (

{children}

), ul: ({ children }) => (

{children} ), li: ({ children }) => (

▸ {children}

), strong: ({ children }) => ( {children} ), a: ({ href, children }) => ( ), em: ({ children }) => ( {children} ), code: ({ children }) => (


            {children}

), blockquote: ({ children }) => (

{children}

), }} > {content} ) } 4e:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[["$","li","react",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/react","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"react"}]]}]}],["$","li","lucide-react",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","react-markdown",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/react-markdown","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"react-markdown"}]]}]}]]}],["$","$L52",null,{"registryDependencies":["button","badge","card","https://coderabbit-shadcn-registry.vercel.app/r/types.json","https://coderabbit-shadcn-registry.vercel.app/r/branding.json"]}]]}],["$","$L53",null,{"sourceUrl":"https://coderabbit-shadcn-registry.vercel.app/r/report-card.json","proxyUrl":"https://shadcnregistry.com/r/ramonclaudio-coderabbit/report-card","itemId":"@ramonclaudio-coderabbit/report-card"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L54",null,{"files":[{"path":"registry/default/components/report-card/report-card.tsx","content":"$55","type":"registry:component"}]}]]}],"$L56"]}]

CodeRabbit Report Card

Installation

Files

components

Styles