[dyad] Added link analysis feature - wrote 4 file(s)

src/components/meta-form.tsx

@@ -14,6 +14,7 @@ import { SchemaDisplay } from "./schema-display";
 import { MetaFormInputs } from "./meta-form-inputs";
 import { AnalysisTab } from "./analysis-tab";
 import { SocialTab } from "./social-tab";
+import { LinksDisplay } from "./links-display";
 import type { MetaData } from "@/lib/types";
 
 export function MetaForm() {
@@ -108,6 +109,10 @@ export function MetaForm() {
       }
     }
 
+    // Links Tab
+    const linksColor: IndicatorColor =
+      metaData.links && metaData.links.length > 0 ? "green" : "gray";
+
     // FAQ Tab
     let faqColor: IndicatorColor = "gray";
     if (metaData.faq && metaData.faq.length > 0) {
@@ -125,6 +130,7 @@ export function MetaForm() {
       headlines: headlinesColor,
       images: imagesColor,
       social: socialColor,
+      links: linksColor,
       faq: faqColor,
       schema: schemaColor,
     };
@@ -200,6 +206,12 @@ export function MetaForm() {
                 Images
               </TabsTrigger>
             )}
+            {metaData.links && metaData.links.length > 0 && (
+              <TabsTrigger value="links">
+                {tabColors && <TabIndicator color={tabColors.links} />}
+                Links
+              </TabsTrigger>
+            )}
             {metaData.openGraph && metaData.twitter && (
               <TabsTrigger value="social">
                 {tabColors && <TabIndicator color={tabColors.social} />}
@@ -263,6 +275,16 @@ export function MetaForm() {
             </TabsContent>
           )}
 
+          {metaData.links && metaData.links.length > 0 && (
+            <TabsContent value="links">
+              <Card className="w-full shadow-lg rounded-lg">
+                <CardContent className="p-6">
+                  <LinksDisplay links={metaData.links} />
+                </CardContent>
+              </Card>
+            </TabsContent>
+          )}
+
           {metaData.openGraph && metaData.twitter && (
             <TabsContent value="social">
               <SocialTab