[dyad] Added headline extraction and display - wrote 4 file(s)

src/components/meta-form.tsx

@@ -12,12 +12,14 @@ import { CopyButton } from "./copy-button";
 import { SerpPreview } from "./serp-preview";
 import { ResultsSkeleton } from "./results-skeleton";
 import { FaqDisplay } from "./faq-display";
+import { HeadlinesDisplay } from "./headlines-display";
 
 interface MetaData {
   title: string;
   description: string;
   image?: string | null;
   faq?: { question: string; answer: string }[] | null;
+  headlines?: { tag: string; text: string; length: number }[] | null;
 }
 
 export function MetaForm() {
@@ -161,7 +163,7 @@ export function MetaForm() {
                     </div>
                   </div>
                 )}
-                
+
                 {metaData.faq && metaData.faq.length > 0 && (
                   <FaqDisplay faqs={metaData.faq} />
                 )}
@@ -271,6 +273,9 @@ export function MetaForm() {
                     </p>
                   )}
                 </div>
+                {metaData.headlines && metaData.headlines.length > 0 && (
+                  <HeadlinesDisplay headlines={metaData.headlines} />
+                )}
               </div>
             </div>
           </CardContent>