@focus-reactive/payload-plugin-seo 1.3.0 → 1.5.0

package/dist/components/SeoDrawer/components/SerpPreview/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;8EAOxB,CAAC;AAEH,eAAO,MAAM,UAAU;;8EAOrB,CAAC;AAEH,eAAO,MAAM,YAAY;;8EAOvB,CAAC;AAEH,eAAO,MAAM,YAAY;;8EAOvB,CAAC;AAEH,eAAO,MAAM,SAAS;;8EAOpB,CAAC;AAEH,eAAO,MAAM,eAAe;;8EAO1B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;8EAOxB,CAAC;AAEH,eAAO,MAAM,UAAU;;8EAUtB,CAAC;AAEF,eAAO,MAAM,YAAY;;8EAOvB,CAAC;AAEH,eAAO,MAAM,YAAY;;8EAOvB,CAAC;AAEH,eAAO,MAAM,SAAS;;8EAQpB,CAAC;AAEH,eAAO,MAAM,eAAe;;8EAO1B,CAAC"}

package/dist/components/SeoDrawer/components/SerpPreview/variants.js

@@ -7,14 +7,17 @@ const serpContainer = cva("", {
     }
   }
 });
-const serpUrlRow = cva("flex items-center gap-x-[12px] mb-[12px] pt-[1px] overflow-hidden whitespace-nowrap text-ellipsis", {
-  variants: {
-    mode: {
-      desktop: "",
-      mobile: ""
+const serpUrlRow = cva(
+  "flex items-center gap-x-[12px] mb-[12px] pt-[1px] overflow-hidden whitespace-nowrap text-ellipsis",
+  {
+    variants: {
+      mode: {
+        desktop: "",
+        mobile: ""
+      }
     }
   }
-});
+);
 const serpSiteName = cva("text-[14px] leading-[18px] text-serp-sitename font-normal", {
   variants: {
     mode: {

package/dist/components/SeoDrawer/components/SerpPreview/variants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const serpContainer = cva(\"\", {\n  variants: {\n    mode: {\n      desktop: \"w-[600px] font-[arial,sans-serif]\",\n      mobile: \"max-w-[368px] font-[Arial,Roboto-Regular,HelveticaNeue,sans-serif]\",\n    },\n  },\n});\n\nexport const serpUrlRow = cva(\"flex items-center gap-x-[12px] mb-[12px] pt-[1px] overflow-hidden whitespace-nowrap text-ellipsis\", {\n  variants: {\n    mode: {\n      desktop: \"\",\n      mobile: \"\",\n    },\n  },\n});\n\nexport const serpSiteName = cva(\"text-[14px] leading-[18px] text-serp-sitename font-normal\", {\n  variants: {\n    mode: {\n      desktop: \"\",\n      mobile: \"max-w-[300px]\",\n    },\n  },\n});\n\nexport const serpHostname = cva(\"\", {\n  variants: {\n    mode: {\n      desktop: \"text-[14px] leading-[1.3] text-serp-hostname\",\n      mobile: \"text-[12px] leading-[20px] text-serp-hostname-mobile\",\n    },\n  },\n});\n\nexport const serpTitle = cva(\"text-[20px] font-normal\", {\n  variants: {\n    mode: {\n      desktop: \"block leading-[1.3] text-serp-title max-w-[600px] overflow-hidden text-ellipsis whitespace-nowrap\",\n      mobile: \"leading-[26px] text-serp-title-mobile line-clamp-2 max-h-[52px] overflow-hidden\",\n    },\n  },\n});\n\nexport const serpDescription = cva(\"text-[14px] [&_strong]:font-bold\", {\n  variants: {\n    mode: {\n      desktop: \"leading-[1.58] text-serp-description max-w-[600px]\",\n      mobile: \"leading-[1.4] text-serp-description-mobile\",\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,WAAW;AAEb,MAAM,gBAAgB,IAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa,IAAI,qGAAqG;AAAA,EACjI,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAEM,MAAM,eAAe,IAAI,6DAA6D;AAAA,EAC3F,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAEM,MAAM,eAAe,IAAI,IAAI;AAAA,EAClC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAEM,MAAM,YAAY,IAAI,2BAA2B;AAAA,EACtD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAEM,MAAM,kBAAkB,IAAI,oCAAoC;AAAA,EACrE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const serpContainer = cva(\"\", {\n  variants: {\n    mode: {\n      desktop: \"w-[600px] font-[arial,sans-serif]\",\n      mobile: \"max-w-[368px] font-[Arial,Roboto-Regular,HelveticaNeue,sans-serif]\",\n    },\n  },\n});\n\nexport const serpUrlRow = cva(\n  \"flex items-center gap-x-[12px] mb-[12px] pt-[1px] overflow-hidden whitespace-nowrap text-ellipsis\",\n  {\n    variants: {\n      mode: {\n        desktop: \"\",\n        mobile: \"\",\n      },\n    },\n  }\n);\n\nexport const serpSiteName = cva(\"text-[14px] leading-[18px] text-serp-sitename font-normal\", {\n  variants: {\n    mode: {\n      desktop: \"\",\n      mobile: \"max-w-[300px]\",\n    },\n  },\n});\n\nexport const serpHostname = cva(\"\", {\n  variants: {\n    mode: {\n      desktop: \"text-[14px] leading-[1.3] text-serp-hostname\",\n      mobile: \"text-[12px] leading-[20px] text-serp-hostname-mobile\",\n    },\n  },\n});\n\nexport const serpTitle = cva(\"text-[20px] font-normal\", {\n  variants: {\n    mode: {\n      desktop:\n        \"block leading-[1.3] text-serp-title max-w-[600px] overflow-hidden text-ellipsis whitespace-nowrap\",\n      mobile: \"leading-[26px] text-serp-title-mobile line-clamp-2 max-h-[52px] overflow-hidden\",\n    },\n  },\n});\n\nexport const serpDescription = cva(\"text-[14px] [&_strong]:font-bold\", {\n  variants: {\n    mode: {\n      desktop: \"leading-[1.58] text-serp-description max-w-[600px]\",\n      mobile: \"leading-[1.4] text-serp-description-mobile\",\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,WAAW;AAEb,MAAM,gBAAgB,IAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,eAAe,IAAI,6DAA6D;AAAA,EAC3F,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAEM,MAAM,eAAe,IAAI,IAAI;AAAA,EAClC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAEM,MAAM,YAAY,IAAI,2BAA2B;AAAA,EACtD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SACE;AAAA,MACF,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAEM,MAAM,kBAAkB,IAAI,oCAAoC;AAAA,EACrE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/SeoDrawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,6BAA6B,CAAC;AAW/E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7D;AAED,eAAO,MAAM,SAAS,sDAiCpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,6BAA6B,CAAC;AAW/E,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7D;AAED,eAAO,MAAM,SAAS,sDA6DpB,CAAC"}

package/dist/components/SeoDrawer/index.js

@@ -12,24 +12,59 @@ import { InclusiveTab } from "./tabs/InclusiveTab";
 import { SerpTab } from "./tabs/SerpTab";
 import { VitalsTab } from "./tabs/VitalsTab";
 import "../../admin.css";
-const SeoDrawer = memo(function SeoDrawer2({ drawerSlug, keyphrase, setKeyphrase, result, analyzing, keyphrasePending, analyzeNow, site }) {
+const SeoDrawer = memo(function SeoDrawer2({
+  drawerSlug,
+  keyphrase,
+  setKeyphrase,
+  result,
+  analyzing,
+  keyphrasePending,
+  analyzeNow,
+  site
+}) {
   const [tab, setTab] = useState("keyphrase");
   const total = result?.overall.seoScore ?? 0;
   const totalStatus = result ? result.overall.status : "idle";
-  return /* @__PURE__ */ jsx(Drawer, { slug: drawerSlug, className: "seo-drawer", Header: /* @__PURE__ */ jsx(Header, { drawerSlug, total, totalStatus }), children: /* @__PURE__ */ jsxs("div", { className: "seo-root relative text-neutral-800", "data-status": totalStatus, children: [
-    /* @__PURE__ */ jsx(TabsNav, { active: tab, onChange: setTab }),
-    /* @__PURE__ */ jsx("div", { className: "py-[18px]", children: result === null ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[8px] text-neutral-500 text-[13px]", role: "status", "aria-live": "polite", children: [
-      /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "w-[14px] h-[14px] animate-spin" }),
-      "Analyzing\u2026"
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      tab === "keyphrase" && /* @__PURE__ */ jsx(KeyphraseTab, { data: result.keyphrase, keyphrase, setKeyphrase, analyzing, keyphrasePending, analyzeNow }),
-      tab === "onpage" && /* @__PURE__ */ jsx(OnPageTab, { data: result.onPage }),
-      tab === "readability" && /* @__PURE__ */ jsx(ReadabilityTab, { data: result.readability }),
-      tab === "inclusive" && /* @__PURE__ */ jsx(InclusiveTab, { data: result.inclusive }),
-      tab === "vitals" && /* @__PURE__ */ jsx(VitalsTab, { data: result.vitals, onRequestKeyphrase: () => setTab("keyphrase") }),
-      tab === "serp" && /* @__PURE__ */ jsx(SerpTab, { data: result.serp, keyphrase, faviconUrl: site.faviconUrl })
-    ] }) })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      slug: drawerSlug,
+      className: "seo-drawer",
+      Header: /* @__PURE__ */ jsx(Header, { drawerSlug, total, totalStatus }),
+      children: /* @__PURE__ */ jsxs("div", { className: "seo-root relative text-neutral-800", "data-status": totalStatus, children: [
+        /* @__PURE__ */ jsx(TabsNav, { active: tab, onChange: setTab }),
+        /* @__PURE__ */ jsx("div", { className: "py-[18px]", children: result === null ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-[8px] text-neutral-500 text-[13px]",
+            role: "status",
+            "aria-live": "polite",
+            children: [
+              /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "w-[14px] h-[14px] animate-spin" }),
+              "Analyzing\u2026"
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          tab === "keyphrase" && /* @__PURE__ */ jsx(
+            KeyphraseTab,
+            {
+              data: result.keyphrase,
+              keyphrase,
+              setKeyphrase,
+              analyzing,
+              keyphrasePending,
+              analyzeNow
+            }
+          ),
+          tab === "onpage" && /* @__PURE__ */ jsx(OnPageTab, { data: result.onPage }),
+          tab === "readability" && /* @__PURE__ */ jsx(ReadabilityTab, { data: result.readability }),
+          tab === "inclusive" && /* @__PURE__ */ jsx(InclusiveTab, { data: result.inclusive }),
+          tab === "vitals" && /* @__PURE__ */ jsx(VitalsTab, { data: result.vitals, onRequestKeyphrase: () => setTab("keyphrase") }),
+          tab === "serp" && /* @__PURE__ */ jsx(SerpTab, { data: result.serp, keyphrase, faviconUrl: site.faviconUrl })
+        ] }) })
+      ] })
+    }
+  );
 });
 export {
   SeoDrawer

package/dist/components/SeoDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SeoDrawer/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Drawer } from \"@payloadcms/ui\";\nimport { Loader2 } from \"lucide-react\";\nimport { memo, useState } from \"react\";\nimport type { AnalysisResult, TotalStatus } from \"../../engine/types/analysis\";\nimport { Header } from \"./components/Header\";\nimport { TabsNav } from \"./TabsNav\";\nimport type { TabKey } from \"./TabsNav\";\nimport { KeyphraseTab } from \"./tabs/KeyphraseTab\";\nimport { OnPageTab } from \"./tabs/OnPageTab\";\nimport { ReadabilityTab } from \"./tabs/ReadabilityTab\";\nimport { InclusiveTab } from \"./tabs/InclusiveTab\";\nimport { SerpTab } from \"./tabs/SerpTab\";\nimport { VitalsTab } from \"./tabs/VitalsTab\";\n\nimport \"../../admin.css\";\n\nexport interface SeoDrawerProps {\n  drawerSlug: string;\n  keyphrase: string;\n  setKeyphrase: (keyphrase: string) => void;\n  result: AnalysisResult | null;\n  analyzing: boolean;\n  keyphrasePending: boolean;\n  analyzeNow: () => void;\n  site: { name: string; baseUrl: string; faviconUrl: string };\n}\n\nexport const SeoDrawer = memo(function SeoDrawer({ drawerSlug, keyphrase, setKeyphrase, result, analyzing, keyphrasePending, analyzeNow, site }: SeoDrawerProps) {\n  const [tab, setTab] = useState<TabKey>(\"keyphrase\");\n\n  const total = result?.overall.seoScore ?? 0;\n  const totalStatus: TotalStatus = result ? result.overall.status : \"idle\";\n\n  return (\n    <Drawer slug={drawerSlug} className=\"seo-drawer\" Header={<Header drawerSlug={drawerSlug} total={total} totalStatus={totalStatus} />}>\n      <div className=\"seo-root relative text-neutral-800\" data-status={totalStatus}>\n        <TabsNav active={tab} onChange={setTab} />\n\n        <div className=\"py-[18px]\">\n          {result === null ? (\n            <div className=\"flex items-center gap-[8px] text-neutral-500 text-[13px]\" role=\"status\" aria-live=\"polite\">\n              <Loader2 aria-hidden=\"true\" className=\"w-[14px] h-[14px] animate-spin\" />\n              Analyzing…\n            </div>\n          ) : (\n            <>\n              {tab === \"keyphrase\" && (\n                <KeyphraseTab data={result.keyphrase} keyphrase={keyphrase} setKeyphrase={setKeyphrase} analyzing={analyzing} keyphrasePending={keyphrasePending} analyzeNow={analyzeNow} />\n              )}\n              {tab === \"onpage\" && <OnPageTab data={result.onPage} />}\n              {tab === \"readability\" && <ReadabilityTab data={result.readability} />}\n              {tab === \"inclusive\" && <InclusiveTab data={result.inclusive} />}\n              {tab === \"vitals\" && <VitalsTab data={result.vitals} onRequestKeyphrase={() => setTab(\"keyphrase\")} />}\n              {tab === \"serp\" && <SerpTab data={result.serp} keyphrase={keyphrase} faviconUrl={site.faviconUrl} />}\n            </>\n          )}\n        </div>\n      </div>\n    </Drawer>\n  );\n});\n"],"mappings":";AAoC6D,SAWjD,UAXiD,KAMjD,YANiD;AAlC7D,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,MAAM,gBAAgB;AAE/B,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAE1B,OAAO;AAaA,MAAM,YAAY,KAAK,SAASA,WAAU,EAAE,YAAY,WAAW,cAAc,QAAQ,WAAW,kBAAkB,YAAY,KAAK,GAAmB;AAC/J,QAAM,CAAC,KAAK,MAAM,IAAI,SAAiB,WAAW;AAElD,QAAM,QAAQ,QAAQ,QAAQ,YAAY;AAC1C,QAAM,cAA2B,SAAS,OAAO,QAAQ,SAAS;AAElE,SACE,oBAAC,UAAO,MAAM,YAAY,WAAU,cAAa,QAAQ,oBAAC,UAAO,YAAwB,OAAc,aAA0B,GAC/H,+BAAC,SAAI,WAAU,sCAAqC,eAAa,aAC/D;AAAA,wBAAC,WAAQ,QAAQ,KAAK,UAAU,QAAQ;AAAA,IAExC,oBAAC,SAAI,WAAU,aACZ,qBAAW,OACV,qBAAC,SAAI,WAAU,4DAA2D,MAAK,UAAS,aAAU,UAChG;AAAA,0BAAC,WAAQ,eAAY,QAAO,WAAU,kCAAiC;AAAA,MAAE;AAAA,OAE3E,IAEA,iCACG;AAAA,cAAQ,eACP,oBAAC,gBAAa,MAAM,OAAO,WAAW,WAAsB,cAA4B,WAAsB,kBAAoC,YAAwB;AAAA,MAE3K,QAAQ,YAAY,oBAAC,aAAU,MAAM,OAAO,QAAQ;AAAA,MACpD,QAAQ,iBAAiB,oBAAC,kBAAe,MAAM,OAAO,aAAa;AAAA,MACnE,QAAQ,eAAe,oBAAC,gBAAa,MAAM,OAAO,WAAW;AAAA,MAC7D,QAAQ,YAAY,oBAAC,aAAU,MAAM,OAAO,QAAQ,oBAAoB,MAAM,OAAO,WAAW,GAAG;AAAA,MACnG,QAAQ,UAAU,oBAAC,WAAQ,MAAM,OAAO,MAAM,WAAsB,YAAY,KAAK,YAAY;AAAA,OACpG,GAEJ;AAAA,KACF,GACF;AAEJ,CAAC;","names":["SeoDrawer"]}
+{"version":3,"sources":["../../../src/components/SeoDrawer/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Drawer } from \"@payloadcms/ui\";\nimport { Loader2 } from \"lucide-react\";\nimport { memo, useState } from \"react\";\nimport type { AnalysisResult, TotalStatus } from \"../../engine/types/analysis\";\nimport { Header } from \"./components/Header\";\nimport { TabsNav } from \"./TabsNav\";\nimport type { TabKey } from \"./TabsNav\";\nimport { KeyphraseTab } from \"./tabs/KeyphraseTab\";\nimport { OnPageTab } from \"./tabs/OnPageTab\";\nimport { ReadabilityTab } from \"./tabs/ReadabilityTab\";\nimport { InclusiveTab } from \"./tabs/InclusiveTab\";\nimport { SerpTab } from \"./tabs/SerpTab\";\nimport { VitalsTab } from \"./tabs/VitalsTab\";\n\nimport \"../../admin.css\";\n\nexport interface SeoDrawerProps {\n  drawerSlug: string;\n  keyphrase: string;\n  setKeyphrase: (keyphrase: string) => void;\n  result: AnalysisResult | null;\n  analyzing: boolean;\n  keyphrasePending: boolean;\n  analyzeNow: () => void;\n  site: { name: string; baseUrl: string; faviconUrl: string };\n}\n\nexport const SeoDrawer = memo(function SeoDrawer({\n  drawerSlug,\n  keyphrase,\n  setKeyphrase,\n  result,\n  analyzing,\n  keyphrasePending,\n  analyzeNow,\n  site,\n}: SeoDrawerProps) {\n  const [tab, setTab] = useState<TabKey>(\"keyphrase\");\n\n  const total = result?.overall.seoScore ?? 0;\n  const totalStatus: TotalStatus = result ? result.overall.status : \"idle\";\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      className=\"seo-drawer\"\n      Header={<Header drawerSlug={drawerSlug} total={total} totalStatus={totalStatus} />}\n    >\n      <div className=\"seo-root relative text-neutral-800\" data-status={totalStatus}>\n        <TabsNav active={tab} onChange={setTab} />\n\n        <div className=\"py-[18px]\">\n          {result === null ? (\n            <div\n              className=\"flex items-center gap-[8px] text-neutral-500 text-[13px]\"\n              role=\"status\"\n              aria-live=\"polite\"\n            >\n              <Loader2 aria-hidden=\"true\" className=\"w-[14px] h-[14px] animate-spin\" />\n              Analyzing…\n            </div>\n          ) : (\n            <>\n              {tab === \"keyphrase\" && (\n                <KeyphraseTab\n                  data={result.keyphrase}\n                  keyphrase={keyphrase}\n                  setKeyphrase={setKeyphrase}\n                  analyzing={analyzing}\n                  keyphrasePending={keyphrasePending}\n                  analyzeNow={analyzeNow}\n                />\n              )}\n              {tab === \"onpage\" && <OnPageTab data={result.onPage} />}\n              {tab === \"readability\" && <ReadabilityTab data={result.readability} />}\n              {tab === \"inclusive\" && <InclusiveTab data={result.inclusive} />}\n              {tab === \"vitals\" && (\n                <VitalsTab data={result.vitals} onRequestKeyphrase={() => setTab(\"keyphrase\")} />\n              )}\n              {tab === \"serp\" && (\n                <SerpTab data={result.serp} keyphrase={keyphrase} faviconUrl={site.faviconUrl} />\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    </Drawer>\n  );\n});\n"],"mappings":";AAgDc,SAgBF,UAhBE,KAOF,YAPE;AA9Cd,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,MAAM,gBAAgB;AAE/B,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAE1B,OAAO;AAaA,MAAM,YAAY,KAAK,SAASA,WAAU;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,CAAC,KAAK,MAAM,IAAI,SAAiB,WAAW;AAElD,QAAM,QAAQ,QAAQ,QAAQ,YAAY;AAC1C,QAAM,cAA2B,SAAS,OAAO,QAAQ,SAAS;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAQ,oBAAC,UAAO,YAAwB,OAAc,aAA0B;AAAA,MAEhF,+BAAC,SAAI,WAAU,sCAAqC,eAAa,aAC/D;AAAA,4BAAC,WAAQ,QAAQ,KAAK,UAAU,QAAQ;AAAA,QAExC,oBAAC,SAAI,WAAU,aACZ,qBAAW,OACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAEV;AAAA,kCAAC,WAAQ,eAAY,QAAO,WAAU,kCAAiC;AAAA,cAAE;AAAA;AAAA;AAAA,QAE3E,IAEA,iCACG;AAAA,kBAAQ,eACP;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,OAAO;AAAA,cACb;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,UAED,QAAQ,YAAY,oBAAC,aAAU,MAAM,OAAO,QAAQ;AAAA,UACpD,QAAQ,iBAAiB,oBAAC,kBAAe,MAAM,OAAO,aAAa;AAAA,UACnE,QAAQ,eAAe,oBAAC,gBAAa,MAAM,OAAO,WAAW;AAAA,UAC7D,QAAQ,YACP,oBAAC,aAAU,MAAM,OAAO,QAAQ,oBAAoB,MAAM,OAAO,WAAW,GAAG;AAAA,UAEhF,QAAQ,UACP,oBAAC,WAAQ,MAAM,OAAO,MAAM,WAAsB,YAAY,KAAK,YAAY;AAAA,WAEnF,GAEJ;AAAA,SACF;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["SeoDrawer"]}

package/dist/components/SeoDrawer/keyphrasePending.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyphrasePending.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/keyphrasePending.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAGnG"}
+{"version":3,"file":"keyphrasePending.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/keyphrasePending.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAC/B,OAAO,CAGT"}

package/dist/components/SeoDrawer/keyphrasePending.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SeoDrawer/keyphrasePending.ts"],"sourcesContent":["export function isKeyphrasePending(liveKeyphrase: string, analyzedKeyphrase: string | null): boolean {\n  if (liveKeyphrase.trim().length === 0) return false;\n  return liveKeyphrase !== analyzedKeyphrase;\n}\n"],"mappings":"AAAO,SAAS,mBAAmB,eAAuB,mBAA2C;AACnG,MAAI,cAAc,KAAK,EAAE,WAAW;AAAG,WAAO;AAC9C,SAAO,kBAAkB;AAC3B;","names":[]}
+{"version":3,"sources":["../../../src/components/SeoDrawer/keyphrasePending.ts"],"sourcesContent":["export function isKeyphrasePending(\n  liveKeyphrase: string,\n  analyzedKeyphrase: string | null\n): boolean {\n  if (liveKeyphrase.trim().length === 0) return false;\n  return liveKeyphrase !== analyzedKeyphrase;\n}\n"],"mappings":"AAAO,SAAS,mBACd,eACA,mBACS;AACT,MAAI,cAAc,KAAK,EAAE,WAAW;AAAG,WAAO;AAC9C,SAAO,kBAAkB;AAC3B;","names":[]}

package/dist/components/SeoDrawer/languagePacks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"languagePacks.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/languagePacks.ts"],"names":[],"mappings":"AAIA,wBAAsB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAU3F"}
+{"version":3,"file":"languagePacks.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/languagePacks.ts"],"names":[],"mappings":"AAIA,wBAAsB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAY3F"}

package/dist/components/SeoDrawer/languagePacks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SeoDrawer/languagePacks.ts"],"sourcesContent":["\"use client\";\n\nconst loaded = new Set<string>([\"en\"]);\n\nexport async function ensureLanguagePack(locale: string, supported: string[]): Promise<void> {\n  const lang = locale.split(\"_\")[0] ?? \"en\";\n\n  if (lang === \"en\" || loaded.has(lang) || !supported.includes(lang)) return;\n\n  try {\n    await import(/* @vite-ignore */ `yoastseo/build/languageProcessing/languages/${lang}/Researcher`);\n\n    loaded.add(lang);\n  } catch {}\n}\n"],"mappings":";AAEA,MAAM,SAAS,oBAAI,IAAY,CAAC,IAAI,CAAC;AAErC,eAAsB,mBAAmB,QAAgB,WAAoC;AAC3F,QAAM,OAAO,OAAO,MAAM,GAAG,EAAE,CAAC,KAAK;AAErC,MAAI,SAAS,QAAQ,OAAO,IAAI,IAAI,KAAK,CAAC,UAAU,SAAS,IAAI;AAAG;AAEpE,MAAI;AACF,UAAM;AAAA;AAAA,MAA0B,+CAA+C,IAAI;AAAA;AAEnF,WAAO,IAAI,IAAI;AAAA,EACjB,QAAQ;AAAA,EAAC;AACX;","names":[]}
+{"version":3,"sources":["../../../src/components/SeoDrawer/languagePacks.ts"],"sourcesContent":["\"use client\";\n\nconst loaded = new Set<string>([\"en\"]);\n\nexport async function ensureLanguagePack(locale: string, supported: string[]): Promise<void> {\n  const lang = locale.split(\"_\")[0] ?? \"en\";\n\n  if (lang === \"en\" || loaded.has(lang) || !supported.includes(lang)) return;\n\n  try {\n    await import(\n      /* @vite-ignore */ `yoastseo/build/languageProcessing/languages/${lang}/Researcher`\n    );\n\n    loaded.add(lang);\n  } catch {}\n}\n"],"mappings":";AAEA,MAAM,SAAS,oBAAI,IAAY,CAAC,IAAI,CAAC;AAErC,eAAsB,mBAAmB,QAAgB,WAAoC;AAC3F,QAAM,OAAO,OAAO,MAAM,GAAG,EAAE,CAAC,KAAK;AAErC,MAAI,SAAS,QAAQ,OAAO,IAAI,IAAI,KAAK,CAAC,UAAU,SAAS,IAAI;AAAG;AAEpE,MAAI;AACF,UAAM;AAAA;AAAA,MACe,+CAA+C,IAAI;AAAA;AAGxE,WAAO,IAAI,IAAI;AAAA,EACjB,QAAQ;AAAA,EAAC;AACX;","names":[]}

package/dist/components/SeoDrawer/tabs/InclusiveTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InclusiveTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/InclusiveTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAMrE,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;CAAE,2CAmD3E"}
+{"version":3,"file":"InclusiveTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/InclusiveTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAMrE,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;CAAE,2CA8D3E"}

package/dist/components/SeoDrawer/tabs/InclusiveTab.js

@@ -27,17 +27,38 @@ function InclusiveTab({ data }) {
         /* @__PURE__ */ jsx("span", { className: "font-bold text-[12.5px]", children: cat.name }),
         /* @__PURE__ */ jsx(Pill, { variant: "bad", children: cat.flags.length })
       ] }),
-      cat.flags.map((f, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[9px] py-[6px] text-[12px]", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-seo-bad font-medium whitespace-nowrap", children: f.term }),
-        /* @__PURE__ */ jsx("span", { className: "text-neutral-300", children: "\u203A" }),
-        /* @__PURE__ */ jsx("span", { className: "text-seo-good font-medium flex-1", children: f.suggestion }),
-        /* @__PURE__ */ jsx("span", { className: "text-neutral-500 font-mono text-[10.5px] whitespace-nowrap", children: f.location })
-      ] }, `${f.term}-${i}`))
+      cat.flags.map((f, i) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-[9px] py-[6px] text-[12px]",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-seo-bad font-medium whitespace-nowrap", children: f.term }),
+            /* @__PURE__ */ jsx("span", { className: "text-neutral-300", children: "\u203A" }),
+            /* @__PURE__ */ jsx("span", { className: "text-seo-good font-medium flex-1", children: f.suggestion }),
+            /* @__PURE__ */ jsx("span", { className: "text-neutral-500 font-mono text-[10.5px] whitespace-nowrap", children: f.location })
+          ]
+        },
+        `${f.term}-${i}`
+      ))
     ] }, cat.name)) }),
-    data.cleanCategories.length > 0 && /* @__PURE__ */ jsx(SectionCard, { title: "No issues found", widget: /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: data.cleanCategories.length }), children: /* @__PURE__ */ jsx("div", { className: "flex gap-[8px] flex-wrap px-[15px] py-[13px]", children: data.cleanCategories.map((n) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-[6px] text-[11.5px] text-seo-good bg-seo-good-100 border border-seo-good-200 rounded-[20px] px-[11px] py-[4px] font-medium", children: [
-      "\u2713 ",
-      n
-    ] }, n)) }) })
+    data.cleanCategories.length > 0 && /* @__PURE__ */ jsx(
+      SectionCard,
+      {
+        title: "No issues found",
+        widget: /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: data.cleanCategories.length }),
+        children: /* @__PURE__ */ jsx("div", { className: "flex gap-[8px] flex-wrap px-[15px] py-[13px]", children: data.cleanCategories.map((n) => /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "inline-flex items-center gap-[6px] text-[11.5px] text-seo-good bg-seo-good-100 border border-seo-good-200 rounded-[20px] px-[11px] py-[4px] font-medium",
+            children: [
+              "\u2713 ",
+              n
+            ]
+          },
+          n
+        )) })
+      }
+    )
   ] });
 }
 export {

package/dist/components/SeoDrawer/tabs/InclusiveTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/InclusiveTab.tsx"],"sourcesContent":["\"use client\";\n\nimport type { AnalysisResult } from \"../../../engine/types/analysis\";\nimport { cn, ROW_SEPARATOR } from \"../../../utils/style\";\nimport { TabHeader } from \"../../../ui/TabHeader\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { Pill } from \"../../../ui/Pill\";\n\nexport function InclusiveTab({ data }: { data: AnalysisResult[\"inclusive\"] }) {\n  const flagged = data.categories.reduce((n, c) => n + c.flags.length, 0);\n\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <TabHeader\n        title=\"Inclusive language\"\n        score={data.ringScore}\n        status={data.status}\n        statusLabel={data.status === \"good\" ? \"Good\" : \"Needs work\"}\n        subtitle={\n          <>\n            {flagged} phrases flagged across {data.categories.length} categories\n          </>\n        }\n      />\n\n      {data.categories.length > 0 && (\n        <SectionCard title=\"Marked by category\" widget={<Pill variant=\"neutral\">{flagged}</Pill>}>\n          {data.categories.map((cat) => (\n            <div className={cn(\"relative px-[15px] py-[12px]\", ROW_SEPARATOR)} key={cat.name}>\n              <div className=\"flex items-center gap-[8px] mb-[9px]\">\n                <span className=\"font-bold text-[12.5px]\">{cat.name}</span>\n                <Pill variant=\"bad\">{cat.flags.length}</Pill>\n              </div>\n              {cat.flags.map((f, i) => (\n                <div className=\"flex items-center gap-[9px] py-[6px] text-[12px]\" key={`${f.term}-${i}`}>\n                  <span className=\"text-seo-bad font-medium whitespace-nowrap\">{f.term}</span>\n                  <span className=\"text-neutral-300\">›</span>\n                  <span className=\"text-seo-good font-medium flex-1\">{f.suggestion}</span>\n                  <span className=\"text-neutral-500 font-mono text-[10.5px] whitespace-nowrap\">{f.location}</span>\n                </div>\n              ))}\n            </div>\n          ))}\n        </SectionCard>\n      )}\n\n      {data.cleanCategories.length > 0 && (\n        <SectionCard title=\"No issues found\" widget={<Pill variant=\"neutral\">{data.cleanCategories.length}</Pill>}>\n          <div className=\"flex gap-[8px] flex-wrap px-[15px] py-[13px]\">\n            {data.cleanCategories.map((n) => (\n              <span className=\"inline-flex items-center gap-[6px] text-[11.5px] text-seo-good bg-seo-good-100 border border-seo-good-200 rounded-[20px] px-[11px] py-[4px] font-medium\" key={n}>\n                ✓ {n}\n              </span>\n            ))}\n          </div>\n        </SectionCard>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AAaM,SAMI,UANJ,KAMI,YANJ;AAVN,SAAS,IAAI,qBAAqB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AAEd,SAAS,aAAa,EAAE,KAAK,GAA0C;AAC5E,QAAM,UAAU,KAAK,WAAW,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEtE,SACE,qBAAC,aAAQ,WAAU,4BACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,KAAK;AAAA,QACZ,QAAQ,KAAK;AAAA,QACb,aAAa,KAAK,WAAW,SAAS,SAAS;AAAA,QAC/C,UACE,iCACG;AAAA;AAAA,UAAQ;AAAA,UAAyB,KAAK,WAAW;AAAA,UAAO;AAAA,WAC3D;AAAA;AAAA,IAEJ;AAAA,IAEC,KAAK,WAAW,SAAS,KACxB,oBAAC,eAAY,OAAM,sBAAqB,QAAQ,oBAAC,QAAK,SAAQ,WAAW,mBAAQ,GAC9E,eAAK,WAAW,IAAI,CAAC,QACpB,qBAAC,SAAI,WAAW,GAAG,gCAAgC,aAAa,GAC9D;AAAA,2BAAC,SAAI,WAAU,wCACb;AAAA,4BAAC,UAAK,WAAU,2BAA2B,cAAI,MAAK;AAAA,QACpD,oBAAC,QAAK,SAAQ,OAAO,cAAI,MAAM,QAAO;AAAA,SACxC;AAAA,MACC,IAAI,MAAM,IAAI,CAAC,GAAG,MACjB,qBAAC,SAAI,WAAU,oDACb;AAAA,4BAAC,UAAK,WAAU,8CAA8C,YAAE,MAAK;AAAA,QACrE,oBAAC,UAAK,WAAU,oBAAmB,oBAAC;AAAA,QACpC,oBAAC,UAAK,WAAU,oCAAoC,YAAE,YAAW;AAAA,QACjE,oBAAC,UAAK,WAAU,8DAA8D,YAAE,UAAS;AAAA,WAJpB,GAAG,EAAE,IAAI,IAAI,CAAC,EAKrF,CACD;AAAA,SAZqE,IAAI,IAa5E,CACD,GACH;AAAA,IAGD,KAAK,gBAAgB,SAAS,KAC7B,oBAAC,eAAY,OAAM,mBAAkB,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,gBAAgB,QAAO,GAChG,8BAAC,SAAI,WAAU,gDACZ,eAAK,gBAAgB,IAAI,CAAC,MACzB,qBAAC,UAAK,WAAU,2JAAkK;AAAA;AAAA,MAC7K;AAAA,SAD0K,CAE/K,CACD,GACH,GACF;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/InclusiveTab.tsx"],"sourcesContent":["\"use client\";\n\nimport type { AnalysisResult } from \"../../../engine/types/analysis\";\nimport { cn, ROW_SEPARATOR } from \"../../../utils/style\";\nimport { TabHeader } from \"../../../ui/TabHeader\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { Pill } from \"../../../ui/Pill\";\n\nexport function InclusiveTab({ data }: { data: AnalysisResult[\"inclusive\"] }) {\n  const flagged = data.categories.reduce((n, c) => n + c.flags.length, 0);\n\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <TabHeader\n        title=\"Inclusive language\"\n        score={data.ringScore}\n        status={data.status}\n        statusLabel={data.status === \"good\" ? \"Good\" : \"Needs work\"}\n        subtitle={\n          <>\n            {flagged} phrases flagged across {data.categories.length} categories\n          </>\n        }\n      />\n\n      {data.categories.length > 0 && (\n        <SectionCard title=\"Marked by category\" widget={<Pill variant=\"neutral\">{flagged}</Pill>}>\n          {data.categories.map((cat) => (\n            <div className={cn(\"relative px-[15px] py-[12px]\", ROW_SEPARATOR)} key={cat.name}>\n              <div className=\"flex items-center gap-[8px] mb-[9px]\">\n                <span className=\"font-bold text-[12.5px]\">{cat.name}</span>\n                <Pill variant=\"bad\">{cat.flags.length}</Pill>\n              </div>\n              {cat.flags.map((f, i) => (\n                <div\n                  className=\"flex items-center gap-[9px] py-[6px] text-[12px]\"\n                  key={`${f.term}-${i}`}\n                >\n                  <span className=\"text-seo-bad font-medium whitespace-nowrap\">{f.term}</span>\n                  <span className=\"text-neutral-300\">›</span>\n                  <span className=\"text-seo-good font-medium flex-1\">{f.suggestion}</span>\n                  <span className=\"text-neutral-500 font-mono text-[10.5px] whitespace-nowrap\">\n                    {f.location}\n                  </span>\n                </div>\n              ))}\n            </div>\n          ))}\n        </SectionCard>\n      )}\n\n      {data.cleanCategories.length > 0 && (\n        <SectionCard\n          title=\"No issues found\"\n          widget={<Pill variant=\"neutral\">{data.cleanCategories.length}</Pill>}\n        >\n          <div className=\"flex gap-[8px] flex-wrap px-[15px] py-[13px]\">\n            {data.cleanCategories.map((n) => (\n              <span\n                className=\"inline-flex items-center gap-[6px] text-[11.5px] text-seo-good bg-seo-good-100 border border-seo-good-200 rounded-[20px] px-[11px] py-[4px] font-medium\"\n                key={n}\n              >\n                ✓ {n}\n              </span>\n            ))}\n          </div>\n        </SectionCard>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AAaM,SAMI,UANJ,KAMI,YANJ;AAVN,SAAS,IAAI,qBAAqB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AAEd,SAAS,aAAa,EAAE,KAAK,GAA0C;AAC5E,QAAM,UAAU,KAAK,WAAW,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEtE,SACE,qBAAC,aAAQ,WAAU,4BACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,KAAK;AAAA,QACZ,QAAQ,KAAK;AAAA,QACb,aAAa,KAAK,WAAW,SAAS,SAAS;AAAA,QAC/C,UACE,iCACG;AAAA;AAAA,UAAQ;AAAA,UAAyB,KAAK,WAAW;AAAA,UAAO;AAAA,WAC3D;AAAA;AAAA,IAEJ;AAAA,IAEC,KAAK,WAAW,SAAS,KACxB,oBAAC,eAAY,OAAM,sBAAqB,QAAQ,oBAAC,QAAK,SAAQ,WAAW,mBAAQ,GAC9E,eAAK,WAAW,IAAI,CAAC,QACpB,qBAAC,SAAI,WAAW,GAAG,gCAAgC,aAAa,GAC9D;AAAA,2BAAC,SAAI,WAAU,wCACb;AAAA,4BAAC,UAAK,WAAU,2BAA2B,cAAI,MAAK;AAAA,QACpD,oBAAC,QAAK,SAAQ,OAAO,cAAI,MAAM,QAAO;AAAA,SACxC;AAAA,MACC,IAAI,MAAM,IAAI,CAAC,GAAG,MACjB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UAGV;AAAA,gCAAC,UAAK,WAAU,8CAA8C,YAAE,MAAK;AAAA,YACrE,oBAAC,UAAK,WAAU,oBAAmB,oBAAC;AAAA,YACpC,oBAAC,UAAK,WAAU,oCAAoC,YAAE,YAAW;AAAA,YACjE,oBAAC,UAAK,WAAU,8DACb,YAAE,UACL;AAAA;AAAA;AAAA,QAPK,GAAG,EAAE,IAAI,IAAI,CAAC;AAAA,MAQrB,CACD;AAAA,SAjBqE,IAAI,IAkB5E,CACD,GACH;AAAA,IAGD,KAAK,gBAAgB,SAAS,KAC7B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,gBAAgB,QAAO;AAAA,QAE7D,8BAAC,SAAI,WAAU,gDACZ,eAAK,gBAAgB,IAAI,CAAC,MACzB;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YAEX;AAAA;AAAA,cACI;AAAA;AAAA;AAAA,UAFE;AAAA,QAGP,CACD,GACH;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/KeyphraseTab.d.ts

@@ -7,5 +7,5 @@ export interface KeyphraseTabProps {
     keyphrasePending: boolean;
     analyzeNow: () => void;
 }
-export declare function KeyphraseTab({ data, keyphrase, setKeyphrase, analyzing, keyphrasePending, analyzeNow }: KeyphraseTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function KeyphraseTab({ data, keyphrase, setKeyphrase, analyzing, keyphrasePending, analyzeNow, }: KeyphraseTabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=KeyphraseTab.d.ts.map

package/dist/components/SeoDrawer/tabs/KeyphraseTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyphraseTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/KeyphraseTab.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAQrE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CAiEzH"}
+{"version":3,"file":"KeyphraseTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/KeyphraseTab.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAQrE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,UAAU,GACX,EAAE,iBAAiB,2CAqEnB"}

package/dist/components/SeoDrawer/tabs/KeyphraseTab.js

@@ -8,7 +8,14 @@ import { SectionCard } from "../../../ui/SectionCard";
 import { Pill } from "../../../ui/Pill";
 import { FilterPills } from "../../../ui/FilterPills";
 import { CheckRow } from "../../../ui/CheckRow";
-function KeyphraseTab({ data, keyphrase, setKeyphrase, analyzing, keyphrasePending, analyzeNow }) {
+function KeyphraseTab({
+  data,
+  keyphrase,
+  setKeyphrase,
+  analyzing,
+  keyphrasePending,
+  analyzeNow
+}) {
   const [filter, setFilter] = useState("all");
   const visible = data.checks.filter((c) => filter === "all" || c.status === filter);
   const passing = data.checks.filter((c) => c.status === "good").length;

package/dist/components/SeoDrawer/tabs/KeyphraseTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/KeyphraseTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { Loader2 } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { hasKeyphrase } from \"../../../engine/helpers/has-keyphrase\";\nimport type { CategoryResult } from \"../../../engine/types/analysis\";\nimport { TabHeader } from \"../../../ui/TabHeader\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { Pill } from \"../../../ui/Pill\";\nimport { FilterPills } from \"../../../ui/FilterPills\";\nimport type { Filter } from \"../../../ui/FilterPills\";\nimport { CheckRow } from \"../../../ui/CheckRow\";\n\nexport interface KeyphraseTabProps {\n  data: CategoryResult;\n  keyphrase: string;\n  setKeyphrase: (keyphrase: string) => void;\n  analyzing: boolean;\n  keyphrasePending: boolean;\n  analyzeNow: () => void;\n}\n\nexport function KeyphraseTab({ data, keyphrase, setKeyphrase, analyzing, keyphrasePending, analyzeNow }: KeyphraseTabProps) {\n  const [filter, setFilter] = useState<Filter>(\"all\");\n  const visible = data.checks.filter((c) => filter === \"all\" || c.status === filter);\n  const passing = data.checks.filter((c) => c.status === \"good\").length;\n  const keyphrasePresent = hasKeyphrase(keyphrase);\n  const checksReady = keyphrasePresent && !keyphrasePending && !analyzing && data.checks.length > 0;\n\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <div className=\"flex gap-[8px]\">\n        <label className=\"flex-1 flex items-center gap-[8px] px-[12px] py-[9px] border border-neutral-200 rounded-rs bg-neutral-0\">\n          <input\n            type=\"text\"\n            className=\"border-0 outline-none flex-1 text-[13px] text-neutral-800 bg-transparent\"\n            value={keyphrase}\n            onChange={(e) => setKeyphrase(e.target.value)}\n            placeholder=\"Focus keyphrase\"\n            aria-label=\"Focus keyphrase\"\n          />\n        </label>\n        <span aria-live=\"polite\" className=\"sr-only\" role=\"status\">\n          {keyphrasePending ? \"Analyzing keyphrase…\" : \"\"}\n        </span>\n        <button\n          type=\"button\"\n          className=\"px-[18px] py-[9px] bg-neutral-1000 text-neutral-0 border-0 rounded-rs font-medium text-[13px] cursor-pointer disabled:opacity-50\"\n          disabled={!keyphrasePresent}\n          onClick={() => analyzeNow()}\n        >\n          {analyzing ? \"Analyzing…\" : \"Analyze\"}\n        </button>\n      </div>\n\n      {!keyphrasePresent && <p className=\"text-neutral-500 text-[13px]\">Enter a focus keyphrase to analyze how well your content targets it.</p>}\n\n      {keyphrasePresent && !checksReady && (\n        <div className=\"flex items-center gap-[8px] text-neutral-500 text-[13px]\">\n          <Loader2 aria-hidden=\"true\" className=\"w-[14px] h-[14px] animate-spin\" />\n          Analyzing keyphrase…\n        </div>\n      )}\n\n      {checksReady && (\n        <>\n          <TabHeader\n            title=\"Keyphrase optimization\"\n            score={data.ringScore}\n            status={data.status}\n            subtitle={\n              <>\n                {passing} / {data.checks.length} checks passing\n              </>\n            }\n          />\n\n          <SectionCard title=\"Checks\" widget={<Pill variant=\"neutral\">{data.checks.length}</Pill>}>\n            <FilterPills checks={data.checks} value={filter} onChange={setFilter} />\n            {visible.map((c) => (\n              <CheckRow key={c.id} check={c} />\n            ))}\n          </SectionCard>\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AA+BM,SAwCQ,UAtCJ,KAFJ;AA7BN,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAE7B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB;AAWlB,SAAS,aAAa,EAAE,MAAM,WAAW,cAAc,WAAW,kBAAkB,WAAW,GAAsB;AAC1H,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,KAAK;AAClD,QAAM,UAAU,KAAK,OAAO,OAAO,CAAC,MAAM,WAAW,SAAS,EAAE,WAAW,MAAM;AACjF,QAAM,UAAU,KAAK,OAAO,OAAO,CAAC,MAAM,EAAE,WAAW,MAAM,EAAE;AAC/D,QAAM,mBAAmB,aAAa,SAAS;AAC/C,QAAM,cAAc,oBAAoB,CAAC,oBAAoB,CAAC,aAAa,KAAK,OAAO,SAAS;AAEhG,SACE,qBAAC,aAAQ,WAAU,4BACjB;AAAA,yBAAC,SAAI,WAAU,kBACb;AAAA,0BAAC,WAAM,WAAU,2GACf;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,cAAW;AAAA;AAAA,MACb,GACF;AAAA,MACA,oBAAC,UAAK,aAAU,UAAS,WAAU,WAAU,MAAK,UAC/C,6BAAmB,8BAAyB,IAC/C;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,WAAW;AAAA,UAEzB,sBAAY,oBAAe;AAAA;AAAA,MAC9B;AAAA,OACF;AAAA,IAEC,CAAC,oBAAoB,oBAAC,OAAE,WAAU,gCAA+B,kFAAoE;AAAA,IAErI,oBAAoB,CAAC,eACpB,qBAAC,SAAI,WAAU,4DACb;AAAA,0BAAC,WAAQ,eAAY,QAAO,WAAU,kCAAiC;AAAA,MAAE;AAAA,OAE3E;AAAA,IAGD,eACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,KAAK;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,UACE,iCACG;AAAA;AAAA,YAAQ;AAAA,YAAI,KAAK,OAAO;AAAA,YAAO;AAAA,aAClC;AAAA;AAAA,MAEJ;AAAA,MAEA,qBAAC,eAAY,OAAM,UAAS,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,OAAO,QAAO,GAC9E;AAAA,4BAAC,eAAY,QAAQ,KAAK,QAAQ,OAAO,QAAQ,UAAU,WAAW;AAAA,QACrE,QAAQ,IAAI,CAAC,MACZ,oBAAC,YAAoB,OAAO,KAAb,EAAE,EAAc,CAChC;AAAA,SACH;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/KeyphraseTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { Loader2 } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { hasKeyphrase } from \"../../../engine/helpers/has-keyphrase\";\nimport type { CategoryResult } from \"../../../engine/types/analysis\";\nimport { TabHeader } from \"../../../ui/TabHeader\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { Pill } from \"../../../ui/Pill\";\nimport { FilterPills } from \"../../../ui/FilterPills\";\nimport type { Filter } from \"../../../ui/FilterPills\";\nimport { CheckRow } from \"../../../ui/CheckRow\";\n\nexport interface KeyphraseTabProps {\n  data: CategoryResult;\n  keyphrase: string;\n  setKeyphrase: (keyphrase: string) => void;\n  analyzing: boolean;\n  keyphrasePending: boolean;\n  analyzeNow: () => void;\n}\n\nexport function KeyphraseTab({\n  data,\n  keyphrase,\n  setKeyphrase,\n  analyzing,\n  keyphrasePending,\n  analyzeNow,\n}: KeyphraseTabProps) {\n  const [filter, setFilter] = useState<Filter>(\"all\");\n  const visible = data.checks.filter((c) => filter === \"all\" || c.status === filter);\n  const passing = data.checks.filter((c) => c.status === \"good\").length;\n  const keyphrasePresent = hasKeyphrase(keyphrase);\n  const checksReady = keyphrasePresent && !keyphrasePending && !analyzing && data.checks.length > 0;\n\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <div className=\"flex gap-[8px]\">\n        <label className=\"flex-1 flex items-center gap-[8px] px-[12px] py-[9px] border border-neutral-200 rounded-rs bg-neutral-0\">\n          <input\n            type=\"text\"\n            className=\"border-0 outline-none flex-1 text-[13px] text-neutral-800 bg-transparent\"\n            value={keyphrase}\n            onChange={(e) => setKeyphrase(e.target.value)}\n            placeholder=\"Focus keyphrase\"\n            aria-label=\"Focus keyphrase\"\n          />\n        </label>\n        <span aria-live=\"polite\" className=\"sr-only\" role=\"status\">\n          {keyphrasePending ? \"Analyzing keyphrase…\" : \"\"}\n        </span>\n        <button\n          type=\"button\"\n          className=\"px-[18px] py-[9px] bg-neutral-1000 text-neutral-0 border-0 rounded-rs font-medium text-[13px] cursor-pointer disabled:opacity-50\"\n          disabled={!keyphrasePresent}\n          onClick={() => analyzeNow()}\n        >\n          {analyzing ? \"Analyzing…\" : \"Analyze\"}\n        </button>\n      </div>\n\n      {!keyphrasePresent && (\n        <p className=\"text-neutral-500 text-[13px]\">\n          Enter a focus keyphrase to analyze how well your content targets it.\n        </p>\n      )}\n\n      {keyphrasePresent && !checksReady && (\n        <div className=\"flex items-center gap-[8px] text-neutral-500 text-[13px]\">\n          <Loader2 aria-hidden=\"true\" className=\"w-[14px] h-[14px] animate-spin\" />\n          Analyzing keyphrase…\n        </div>\n      )}\n\n      {checksReady && (\n        <>\n          <TabHeader\n            title=\"Keyphrase optimization\"\n            score={data.ringScore}\n            status={data.status}\n            subtitle={\n              <>\n                {passing} / {data.checks.length} checks passing\n              </>\n            }\n          />\n\n          <SectionCard title=\"Checks\" widget={<Pill variant=\"neutral\">{data.checks.length}</Pill>}>\n            <FilterPills checks={data.checks} value={filter} onChange={setFilter} />\n            {visible.map((c) => (\n              <CheckRow key={c.id} check={c} />\n            ))}\n          </SectionCard>\n        </>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AAsCM,SA4CQ,UA1CJ,KAFJ;AApCN,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAE7B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB;AAWlB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,KAAK;AAClD,QAAM,UAAU,KAAK,OAAO,OAAO,CAAC,MAAM,WAAW,SAAS,EAAE,WAAW,MAAM;AACjF,QAAM,UAAU,KAAK,OAAO,OAAO,CAAC,MAAM,EAAE,WAAW,MAAM,EAAE;AAC/D,QAAM,mBAAmB,aAAa,SAAS;AAC/C,QAAM,cAAc,oBAAoB,CAAC,oBAAoB,CAAC,aAAa,KAAK,OAAO,SAAS;AAEhG,SACE,qBAAC,aAAQ,WAAU,4BACjB;AAAA,yBAAC,SAAI,WAAU,kBACb;AAAA,0BAAC,WAAM,WAAU,2GACf;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,cAAW;AAAA;AAAA,MACb,GACF;AAAA,MACA,oBAAC,UAAK,aAAU,UAAS,WAAU,WAAU,MAAK,UAC/C,6BAAmB,8BAAyB,IAC/C;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,UAAU,CAAC;AAAA,UACX,SAAS,MAAM,WAAW;AAAA,UAEzB,sBAAY,oBAAe;AAAA;AAAA,MAC9B;AAAA,OACF;AAAA,IAEC,CAAC,oBACA,oBAAC,OAAE,WAAU,gCAA+B,kFAE5C;AAAA,IAGD,oBAAoB,CAAC,eACpB,qBAAC,SAAI,WAAU,4DACb;AAAA,0BAAC,WAAQ,eAAY,QAAO,WAAU,kCAAiC;AAAA,MAAE;AAAA,OAE3E;AAAA,IAGD,eACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,KAAK;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,UACE,iCACG;AAAA;AAAA,YAAQ;AAAA,YAAI,KAAK,OAAO;AAAA,YAAO;AAAA,aAClC;AAAA;AAAA,MAEJ;AAAA,MAEA,qBAAC,eAAY,OAAM,UAAS,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,OAAO,QAAO,GAC9E;AAAA,4BAAC,eAAY,QAAQ,KAAK,QAAQ,OAAO,QAAQ,UAAU,WAAW;AAAA,QACrE,QAAQ,IAAI,CAAC,MACZ,oBAAC,YAAoB,OAAO,KAAb,EAAE,EAAc,CAChC;AAAA,SACH;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/SerpTab.d.ts

@@ -1,5 +1,5 @@
 import type { SerpResult } from "../../../engine/types/analysis";
-export declare function SerpTab({ data, keyphrase, faviconUrl }: {
+export declare function SerpTab({ data, keyphrase, faviconUrl, }: {
     data: SerpResult;
     keyphrase: string;
     faviconUrl: string;

package/dist/components/SeoDrawer/tabs/SerpTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SerpTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/SerpTab.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAMjE,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,2CAiCnH"}
+{"version":3,"file":"SerpTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/SerpTab.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAMjE,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,SAAS,EACT,UAAU,GACX,EAAE;IACD,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB,2CAiCA"}

package/dist/components/SeoDrawer/tabs/SerpTab.js

@@ -5,7 +5,11 @@ import { useState } from "react";
 import { SectionCard } from "../../../ui/SectionCard";
 import { SegmentedControl } from "../../../ui/SegmentedControl";
 import { SerpPreview } from "../components/SerpPreview";
-function SerpTab({ data, keyphrase, faviconUrl }) {
+function SerpTab({
+  data,
+  keyphrase,
+  faviconUrl
+}) {
   const [mode, setMode] = useState("mobile");
   return /* @__PURE__ */ jsx("section", { className: "flex flex-col gap-[13px]", children: /* @__PURE__ */ jsx(
     SectionCard,

package/dist/components/SeoDrawer/tabs/SerpTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/SerpTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { Monitor, Smartphone } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport type { SerpResult } from \"../../../engine/types/analysis\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { SegmentedControl } from \"../../../ui/SegmentedControl\";\nimport { SerpPreview } from \"../components/SerpPreview\";\nimport type { SerpMode } from \"../components/SerpPreview\";\n\nexport function SerpTab({ data, keyphrase, faviconUrl }: { data: SerpResult; keyphrase: string; faviconUrl: string }) {\n  const [mode, setMode] = useState<SerpMode>(\"mobile\");\n\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <SectionCard\n        title=\"Search result preview\"\n        widget={\n          <SegmentedControl\n            options={[\n              {\n                value: \"mobile\",\n                label: \"Mobile\",\n                icon: <Smartphone aria-hidden=\"true\" className=\"w-[13px] h-[13px]\" />,\n              },\n              {\n                value: \"desktop\",\n                label: \"Desktop\",\n                icon: <Monitor aria-hidden=\"true\" className=\"w-[13px] h-[13px]\" />,\n              },\n            ]}\n            value={mode}\n            onChange={setMode}\n            label=\"Preview device\"\n          />\n        }\n      >\n        <div className=\"p-4\">\n          <SerpPreview data={data} keyphrase={keyphrase} faviconUrl={faviconUrl} mode={mode} />\n        </div>\n      </SectionCard>\n    </section>\n  );\n}\n"],"mappings":";AAwBsB;AAtBtB,SAAS,SAAS,kBAAkB;AACpC,SAAS,gBAAgB;AAGzB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAGrB,SAAS,QAAQ,EAAE,MAAM,WAAW,WAAW,GAAgE;AACpH,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,QAAQ;AAEnD,SACE,oBAAC,aAAQ,WAAU,4BACjB;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,YACP;AAAA,cACE,OAAO;AAAA,cACP,OAAO;AAAA,cACP,MAAM,oBAAC,cAAW,eAAY,QAAO,WAAU,qBAAoB;AAAA,YACrE;AAAA,YACA;AAAA,cACE,OAAO;AAAA,cACP,OAAO;AAAA,cACP,MAAM,oBAAC,WAAQ,eAAY,QAAO,WAAU,qBAAoB;AAAA,YAClE;AAAA,UACF;AAAA,UACA,OAAO;AAAA,UACP,UAAU;AAAA,UACV,OAAM;AAAA;AAAA,MACR;AAAA,MAGF,8BAAC,SAAI,WAAU,OACb,8BAAC,eAAY,MAAY,WAAsB,YAAwB,MAAY,GACrF;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/SerpTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { Monitor, Smartphone } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport type { SerpResult } from \"../../../engine/types/analysis\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { SegmentedControl } from \"../../../ui/SegmentedControl\";\nimport { SerpPreview } from \"../components/SerpPreview\";\nimport type { SerpMode } from \"../components/SerpPreview\";\n\nexport function SerpTab({\n  data,\n  keyphrase,\n  faviconUrl,\n}: {\n  data: SerpResult;\n  keyphrase: string;\n  faviconUrl: string;\n}) {\n  const [mode, setMode] = useState<SerpMode>(\"mobile\");\n\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <SectionCard\n        title=\"Search result preview\"\n        widget={\n          <SegmentedControl\n            options={[\n              {\n                value: \"mobile\",\n                label: \"Mobile\",\n                icon: <Smartphone aria-hidden=\"true\" className=\"w-[13px] h-[13px]\" />,\n              },\n              {\n                value: \"desktop\",\n                label: \"Desktop\",\n                icon: <Monitor aria-hidden=\"true\" className=\"w-[13px] h-[13px]\" />,\n              },\n            ]}\n            value={mode}\n            onChange={setMode}\n            label=\"Preview device\"\n          />\n        }\n      >\n        <div className=\"p-4\">\n          <SerpPreview data={data} keyphrase={keyphrase} faviconUrl={faviconUrl} mode={mode} />\n        </div>\n      </SectionCard>\n    </section>\n  );\n}\n"],"mappings":";AAgCsB;AA9BtB,SAAS,SAAS,kBAAkB;AACpC,SAAS,gBAAgB;AAGzB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAGrB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,QAAQ;AAEnD,SACE,oBAAC,aAAQ,WAAU,4BACjB;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,YACP;AAAA,cACE,OAAO;AAAA,cACP,OAAO;AAAA,cACP,MAAM,oBAAC,cAAW,eAAY,QAAO,WAAU,qBAAoB;AAAA,YACrE;AAAA,YACA;AAAA,cACE,OAAO;AAAA,cACP,OAAO;AAAA,cACP,MAAM,oBAAC,WAAQ,eAAY,QAAO,WAAU,qBAAoB;AAAA,YAClE;AAAA,UACF;AAAA,UACA,OAAO;AAAA,UACP,UAAU;AAAA,UACV,OAAM;AAAA;AAAA,MACR;AAAA,MAGF,8BAAC,SAAI,WAAU,OACb,8BAAC,eAAY,MAAY,WAAsB,YAAwB,MAAY,GACrF;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/VitalsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VitalsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAOnE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,cAAc,2CA0CrE"}
+{"version":3,"file":"VitalsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAOnE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,cAAc,2CA6DrE"}

package/dist/components/SeoDrawer/tabs/VitalsTab.js

@@ -18,15 +18,38 @@ function VitalsTab({ data, onRequestKeyphrase }) {
       /* @__PURE__ */ jsx(KpiCard, { label: "Reading time", value: data.readingTimeMinutes, suffix: "min" })
     ] }),
     /* @__PURE__ */ jsx(HeadingsSection, { data: data.headings }),
-    /* @__PURE__ */ jsx(SectionCard, { title: "Prominent words", widget: /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: data.prominentWords.length }), children: data.prominentWords.map((w) => /* @__PURE__ */ jsxs("div", { className: cn("relative flex items-center gap-[12px] px-[15px] py-[9px]", ROW_SEPARATOR), children: [
-      /* @__PURE__ */ jsxs("div", { className: "w-[120px] flex-none text-[12px] font-medium flex items-center gap-[6px]", children: [
-        w.word,
-        " ",
-        w.isKeyphrase && /* @__PURE__ */ jsx("span", { className: "text-[9px] font-bold uppercase tracking-[0.04em] text-neutral-1000 bg-neutral-150 rounded-[3px] px-[5px] py-[1px]", children: "Key" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 h-[6px] rounded-[3px] bg-neutral-100 overflow-hidden", children: /* @__PURE__ */ jsx("i", { className: cn("block h-full", w.isKeyphrase ? "bg-neutral-1000" : "bg-neutral-400"), style: { width: `${w.count / max * 100}%` } }) }),
-      /* @__PURE__ */ jsx("div", { className: "w-[30px] text-right font-mono text-[11px] font-semibold text-neutral-700", children: w.count })
-    ] }, w.word)) }),
+    /* @__PURE__ */ jsx(
+      SectionCard,
+      {
+        title: "Prominent words",
+        widget: /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: data.prominentWords.length }),
+        children: data.prominentWords.map((w) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative flex items-center gap-[12px] px-[15px] py-[9px]",
+              ROW_SEPARATOR
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "w-[120px] flex-none text-[12px] font-medium flex items-center gap-[6px]", children: [
+                w.word,
+                " ",
+                w.isKeyphrase && /* @__PURE__ */ jsx("span", { className: "text-[9px] font-bold uppercase tracking-[0.04em] text-neutral-1000 bg-neutral-150 rounded-[3px] px-[5px] py-[1px]", children: "Key" })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex-1 h-[6px] rounded-[3px] bg-neutral-100 overflow-hidden", children: /* @__PURE__ */ jsx(
+                "i",
+                {
+                  className: cn("block h-full", w.isKeyphrase ? "bg-neutral-1000" : "bg-neutral-400"),
+                  style: { width: `${w.count / max * 100}%` }
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: "w-[30px] text-right font-mono text-[11px] font-semibold text-neutral-700", children: w.count })
+            ]
+          },
+          w.word
+        ))
+      }
+    ),
     noKeyphraseMatch && /* @__PURE__ */ jsx(
       "button",
       {

package/dist/components/SeoDrawer/tabs/VitalsTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VitalsResult } from \"../../../engine/types/analysis\";\nimport { cn, ROW_SEPARATOR } from \"../../../utils/style\";\nimport { KpiCard } from \"../../../ui/KpiCard\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { Pill } from \"../../../ui/Pill\";\nimport { HeadingsSection } from \"../components/HeadingsSection\";\n\nexport interface VitalsTabProps {\n  data: VitalsResult;\n  onRequestKeyphrase: () => void;\n}\n\nexport function VitalsTab({ data, onRequestKeyphrase }: VitalsTabProps) {\n  const max = Math.max(1, ...data.prominentWords.map((w) => w.count));\n  const noKeyphraseMatch = data.prominentWords.every((w) => !w.isKeyphrase);\n\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <div className=\"grid grid-cols-3 gap-[9px]\">\n        <KpiCard label=\"Words\" value={data.words.toLocaleString()} />\n        <KpiCard label=\"Sentences\" value={data.sentences} />\n        <KpiCard label=\"Paragraphs\" value={data.paragraphs} />\n        <KpiCard label=\"Images\" value={data.images} />\n        <KpiCard label=\"Videos\" value={data.videos} />\n        <KpiCard label=\"Reading time\" value={data.readingTimeMinutes} suffix=\"min\" />\n      </div>\n\n      <HeadingsSection data={data.headings} />\n\n      <SectionCard title=\"Prominent words\" widget={<Pill variant=\"neutral\">{data.prominentWords.length}</Pill>}>\n        {data.prominentWords.map((w) => (\n          <div className={cn(\"relative flex items-center gap-[12px] px-[15px] py-[9px]\", ROW_SEPARATOR)} key={w.word}>\n            <div className=\"w-[120px] flex-none text-[12px] font-medium flex items-center gap-[6px]\">\n              {w.word} {w.isKeyphrase && <span className=\"text-[9px] font-bold uppercase tracking-[0.04em] text-neutral-1000 bg-neutral-150 rounded-[3px] px-[5px] py-[1px]\">Key</span>}\n            </div>\n            <div className=\"flex-1 h-[6px] rounded-[3px] bg-neutral-100 overflow-hidden\">\n              <i className={cn(\"block h-full\", w.isKeyphrase ? \"bg-neutral-1000\" : \"bg-neutral-400\")} style={{ width: `${(w.count / max) * 100}%` }} />\n            </div>\n            <div className=\"w-[30px] text-right font-mono text-[11px] font-semibold text-neutral-700\">{w.count}</div>\n          </div>\n        ))}\n      </SectionCard>\n\n      {noKeyphraseMatch && (\n        <button\n          type=\"button\"\n          onClick={onRequestKeyphrase}\n          className=\"self-start text-[12px] text-neutral-600 underline underline-offset-2 hover:text-neutral-800 cursor-pointer bg-transparent border-0 p-0\"\n        >\n          Set a focus keyphrase to see which prominent words match it\n        </button>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AAoBM,SACE,KADF;AAjBN,SAAS,IAAI,qBAAqB;AAClC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAOzB,SAAS,UAAU,EAAE,MAAM,mBAAmB,GAAmB;AACtE,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,KAAK,eAAe,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,QAAM,mBAAmB,KAAK,eAAe,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW;AAExE,SACE,qBAAC,aAAQ,WAAU,4BACjB;AAAA,yBAAC,SAAI,WAAU,8BACb;AAAA,0BAAC,WAAQ,OAAM,SAAQ,OAAO,KAAK,MAAM,eAAe,GAAG;AAAA,MAC3D,oBAAC,WAAQ,OAAM,aAAY,OAAO,KAAK,WAAW;AAAA,MAClD,oBAAC,WAAQ,OAAM,cAAa,OAAO,KAAK,YAAY;AAAA,MACpD,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,gBAAe,OAAO,KAAK,oBAAoB,QAAO,OAAM;AAAA,OAC7E;AAAA,IAEA,oBAAC,mBAAgB,MAAM,KAAK,UAAU;AAAA,IAEtC,oBAAC,eAAY,OAAM,mBAAkB,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,eAAe,QAAO,GAC9F,eAAK,eAAe,IAAI,CAAC,MACxB,qBAAC,SAAI,WAAW,GAAG,4DAA4D,aAAa,GAC1F;AAAA,2BAAC,SAAI,WAAU,2EACZ;AAAA,UAAE;AAAA,QAAK;AAAA,QAAE,EAAE,eAAe,oBAAC,UAAK,WAAU,qHAAoH,iBAAG;AAAA,SACpK;AAAA,MACA,oBAAC,SAAI,WAAU,+DACb,8BAAC,OAAE,WAAW,GAAG,gBAAgB,EAAE,cAAc,oBAAoB,gBAAgB,GAAG,OAAO,EAAE,OAAO,GAAI,EAAE,QAAQ,MAAO,GAAG,IAAI,GAAG,GACzI;AAAA,MACA,oBAAC,SAAI,WAAU,4EAA4E,YAAE,OAAM;AAAA,SAPD,EAAE,IAQtG,CACD,GACH;AAAA,IAEC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX;AAAA;AAAA,IAED;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VitalsResult } from \"../../../engine/types/analysis\";\nimport { cn, ROW_SEPARATOR } from \"../../../utils/style\";\nimport { KpiCard } from \"../../../ui/KpiCard\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { Pill } from \"../../../ui/Pill\";\nimport { HeadingsSection } from \"../components/HeadingsSection\";\n\nexport interface VitalsTabProps {\n  data: VitalsResult;\n  onRequestKeyphrase: () => void;\n}\n\nexport function VitalsTab({ data, onRequestKeyphrase }: VitalsTabProps) {\n  const max = Math.max(1, ...data.prominentWords.map((w) => w.count));\n  const noKeyphraseMatch = data.prominentWords.every((w) => !w.isKeyphrase);\n\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <div className=\"grid grid-cols-3 gap-[9px]\">\n        <KpiCard label=\"Words\" value={data.words.toLocaleString()} />\n        <KpiCard label=\"Sentences\" value={data.sentences} />\n        <KpiCard label=\"Paragraphs\" value={data.paragraphs} />\n        <KpiCard label=\"Images\" value={data.images} />\n        <KpiCard label=\"Videos\" value={data.videos} />\n        <KpiCard label=\"Reading time\" value={data.readingTimeMinutes} suffix=\"min\" />\n      </div>\n\n      <HeadingsSection data={data.headings} />\n\n      <SectionCard\n        title=\"Prominent words\"\n        widget={<Pill variant=\"neutral\">{data.prominentWords.length}</Pill>}\n      >\n        {data.prominentWords.map((w) => (\n          <div\n            className={cn(\n              \"relative flex items-center gap-[12px] px-[15px] py-[9px]\",\n              ROW_SEPARATOR\n            )}\n            key={w.word}\n          >\n            <div className=\"w-[120px] flex-none text-[12px] font-medium flex items-center gap-[6px]\">\n              {w.word}{\" \"}\n              {w.isKeyphrase && (\n                <span className=\"text-[9px] font-bold uppercase tracking-[0.04em] text-neutral-1000 bg-neutral-150 rounded-[3px] px-[5px] py-[1px]\">\n                  Key\n                </span>\n              )}\n            </div>\n            <div className=\"flex-1 h-[6px] rounded-[3px] bg-neutral-100 overflow-hidden\">\n              <i\n                className={cn(\"block h-full\", w.isKeyphrase ? \"bg-neutral-1000\" : \"bg-neutral-400\")}\n                style={{ width: `${(w.count / max) * 100}%` }}\n              />\n            </div>\n            <div className=\"w-[30px] text-right font-mono text-[11px] font-semibold text-neutral-700\">\n              {w.count}\n            </div>\n          </div>\n        ))}\n      </SectionCard>\n\n      {noKeyphraseMatch && (\n        <button\n          type=\"button\"\n          onClick={onRequestKeyphrase}\n          className=\"self-start text-[12px] text-neutral-600 underline underline-offset-2 hover:text-neutral-800 cursor-pointer bg-transparent border-0 p-0\"\n        >\n          Set a focus keyphrase to see which prominent words match it\n        </button>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AAoBM,SACE,KADF;AAjBN,SAAS,IAAI,qBAAqB;AAClC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAOzB,SAAS,UAAU,EAAE,MAAM,mBAAmB,GAAmB;AACtE,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,KAAK,eAAe,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,QAAM,mBAAmB,KAAK,eAAe,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW;AAExE,SACE,qBAAC,aAAQ,WAAU,4BACjB;AAAA,yBAAC,SAAI,WAAU,8BACb;AAAA,0BAAC,WAAQ,OAAM,SAAQ,OAAO,KAAK,MAAM,eAAe,GAAG;AAAA,MAC3D,oBAAC,WAAQ,OAAM,aAAY,OAAO,KAAK,WAAW;AAAA,MAClD,oBAAC,WAAQ,OAAM,cAAa,OAAO,KAAK,YAAY;AAAA,MACpD,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,gBAAe,OAAO,KAAK,oBAAoB,QAAO,OAAM;AAAA,OAC7E;AAAA,IAEA,oBAAC,mBAAgB,MAAM,KAAK,UAAU;AAAA,IAEtC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,eAAe,QAAO;AAAA,QAE3D,eAAK,eAAe,IAAI,CAAC,MACxB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAGA;AAAA,mCAAC,SAAI,WAAU,2EACZ;AAAA,kBAAE;AAAA,gBAAM;AAAA,gBACR,EAAE,eACD,oBAAC,UAAK,WAAU,qHAAoH,iBAEpI;AAAA,iBAEJ;AAAA,cACA,oBAAC,SAAI,WAAU,+DACb;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,GAAG,gBAAgB,EAAE,cAAc,oBAAoB,gBAAgB;AAAA,kBAClF,OAAO,EAAE,OAAO,GAAI,EAAE,QAAQ,MAAO,GAAG,IAAI;AAAA;AAAA,cAC9C,GACF;AAAA,cACA,oBAAC,SAAI,WAAU,4EACZ,YAAE,OACL;AAAA;AAAA;AAAA,UAlBK,EAAE;AAAA,QAmBT,CACD;AAAA;AAAA,IACH;AAAA,IAEC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX;AAAA;AAAA,IAED;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/SeoDrawer/useAnalysis.d.ts

@@ -13,5 +13,5 @@ export interface UseAnalysisResult {
     analyzedKeyphrase: string | null;
     analyzeNow: () => void;
 }
-export declare function useAnalysis({ getInput, signature, supportedLocales, enabled }: UseAnalysisArgs): UseAnalysisResult;
+export declare function useAnalysis({ getInput, signature, supportedLocales, enabled, }: UseAnalysisArgs): UseAnalysisResult;
 //# sourceMappingURL=useAnalysis.d.ts.map

package/dist/components/SeoDrawer/useAnalysis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnalysis.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/useAnalysis.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAIjF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,OAAc,EAAE,EAAE,eAAe,GAAG,iBAAiB,CAuDzH"}
+{"version":3,"file":"useAnalysis.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/useAnalysis.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAIjF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAc,GACf,EAAE,eAAe,GAAG,iBAAiB,CAuDrC"}

package/dist/components/SeoDrawer/useAnalysis.js

@@ -3,7 +3,12 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { runAnalysis } from "../../engine/runAnalysis";
 import { decideAutoAction } from "./analysisDecision";
 import { ensureLanguagePack } from "./languagePacks";
-function useAnalysis({ getInput, signature, supportedLocales, enabled = true }) {
+function useAnalysis({
+  getInput,
+  signature,
+  supportedLocales,
+  enabled = true
+}) {
   const [result, setResult] = useState(null);
   const [analyzing, setAnalyzing] = useState(false);
   const [analyzedKeyphrase, setAnalyzedKeyphrase] = useState(null);

package/dist/components/SeoDrawer/useAnalysis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SeoDrawer/useAnalysis.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { runAnalysis } from \"../../engine/runAnalysis\";\nimport type { AnalysisInput, AnalysisResult } from \"../../engine/types/analysis\";\nimport { decideAutoAction } from \"./analysisDecision\";\nimport { ensureLanguagePack } from \"./languagePacks\";\n\nexport interface UseAnalysisArgs {\n  getInput: (opts?: { live?: boolean }) => Promise<AnalysisInput>;\n  signature: string;\n  supportedLocales: string[];\n  enabled?: boolean;\n}\n\nexport interface UseAnalysisResult {\n  result: AnalysisResult | null;\n  analyzing: boolean;\n  analyzedKeyphrase: string | null;\n  analyzeNow: () => void;\n}\n\nexport function useAnalysis({ getInput, signature, supportedLocales, enabled = true }: UseAnalysisArgs): UseAnalysisResult {\n  const [result, setResult] = useState<AnalysisResult | null>(null);\n  const [analyzing, setAnalyzing] = useState(false);\n  const [analyzedKeyphrase, setAnalyzedKeyphrase] = useState<string | null>(null);\n\n  const getInputRef = useRef(getInput);\n  getInputRef.current = getInput;\n  const signatureRef = useRef(signature);\n  signatureRef.current = signature;\n  const localesRef = useRef(supportedLocales);\n  localesRef.current = supportedLocales;\n\n  const lastSignature = useRef<string | null>(null);\n  const runSeq = useRef(0);\n\n  const run = useCallback(async (live: boolean) => {\n    const runId = ++runSeq.current;\n\n    lastSignature.current = signatureRef.current;\n    setAnalyzing(true);\n\n    try {\n      const input = await getInputRef.current({ live });\n      await ensureLanguagePack(input.locale, localesRef.current);\n      if (runId !== runSeq.current) return;\n\n      setResult(runAnalysis(input));\n      setAnalyzedKeyphrase(input.keyphrase);\n    } finally {\n      if (runId === runSeq.current) setAnalyzing(false);\n    }\n  }, []);\n\n  const analyzeNow = useCallback(() => {\n    void run(true);\n  }, [run]);\n\n  useEffect(() => {\n    const action = decideAutoAction({\n      enabled,\n      signature,\n      lastSignature: lastSignature.current,\n    });\n\n    if (action === \"skip\") return;\n\n    void run(false);\n  }, [signature, run, enabled]);\n\n  return {\n    result,\n    analyzing,\n    analyzedKeyphrase,\n    analyzeNow,\n  };\n}\n"],"mappings":";AAEA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AACzD,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAgB5B,SAAS,YAAY,EAAE,UAAU,WAAW,kBAAkB,UAAU,KAAK,GAAuC;AACzH,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAgC,IAAI;AAChE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAwB,IAAI;AAE9E,QAAM,cAAc,OAAO,QAAQ;AACnC,cAAY,UAAU;AACtB,QAAM,eAAe,OAAO,SAAS;AACrC,eAAa,UAAU;AACvB,QAAM,aAAa,OAAO,gBAAgB;AAC1C,aAAW,UAAU;AAErB,QAAM,gBAAgB,OAAsB,IAAI;AAChD,QAAM,SAAS,OAAO,CAAC;AAEvB,QAAM,MAAM,YAAY,OAAO,SAAkB;AAC/C,UAAM,QAAQ,EAAE,OAAO;AAEvB,kBAAc,UAAU,aAAa;AACrC,iBAAa,IAAI;AAEjB,QAAI;AACF,YAAM,QAAQ,MAAM,YAAY,QAAQ,EAAE,KAAK,CAAC;AAChD,YAAM,mBAAmB,MAAM,QAAQ,WAAW,OAAO;AACzD,UAAI,UAAU,OAAO;AAAS;AAE9B,gBAAU,YAAY,KAAK,CAAC;AAC5B,2BAAqB,MAAM,SAAS;AAAA,IACtC,UAAE;AACA,UAAI,UAAU,OAAO;AAAS,qBAAa,KAAK;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,YAAY,MAAM;AACnC,SAAK,IAAI,IAAI;AAAA,EACf,GAAG,CAAC,GAAG,CAAC;AAER,YAAU,MAAM;AACd,UAAM,SAAS,iBAAiB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA,eAAe,cAAc;AAAA,IAC/B,CAAC;AAED,QAAI,WAAW;AAAQ;AAEvB,SAAK,IAAI,KAAK;AAAA,EAChB,GAAG,CAAC,WAAW,KAAK,OAAO,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/SeoDrawer/useAnalysis.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { runAnalysis } from \"../../engine/runAnalysis\";\nimport type { AnalysisInput, AnalysisResult } from \"../../engine/types/analysis\";\nimport { decideAutoAction } from \"./analysisDecision\";\nimport { ensureLanguagePack } from \"./languagePacks\";\n\nexport interface UseAnalysisArgs {\n  getInput: (opts?: { live?: boolean }) => Promise<AnalysisInput>;\n  signature: string;\n  supportedLocales: string[];\n  enabled?: boolean;\n}\n\nexport interface UseAnalysisResult {\n  result: AnalysisResult | null;\n  analyzing: boolean;\n  analyzedKeyphrase: string | null;\n  analyzeNow: () => void;\n}\n\nexport function useAnalysis({\n  getInput,\n  signature,\n  supportedLocales,\n  enabled = true,\n}: UseAnalysisArgs): UseAnalysisResult {\n  const [result, setResult] = useState<AnalysisResult | null>(null);\n  const [analyzing, setAnalyzing] = useState(false);\n  const [analyzedKeyphrase, setAnalyzedKeyphrase] = useState<string | null>(null);\n\n  const getInputRef = useRef(getInput);\n  getInputRef.current = getInput;\n  const signatureRef = useRef(signature);\n  signatureRef.current = signature;\n  const localesRef = useRef(supportedLocales);\n  localesRef.current = supportedLocales;\n\n  const lastSignature = useRef<string | null>(null);\n  const runSeq = useRef(0);\n\n  const run = useCallback(async (live: boolean) => {\n    const runId = ++runSeq.current;\n\n    lastSignature.current = signatureRef.current;\n    setAnalyzing(true);\n\n    try {\n      const input = await getInputRef.current({ live });\n      await ensureLanguagePack(input.locale, localesRef.current);\n      if (runId !== runSeq.current) return;\n\n      setResult(runAnalysis(input));\n      setAnalyzedKeyphrase(input.keyphrase);\n    } finally {\n      if (runId === runSeq.current) setAnalyzing(false);\n    }\n  }, []);\n\n  const analyzeNow = useCallback(() => {\n    void run(true);\n  }, [run]);\n\n  useEffect(() => {\n    const action = decideAutoAction({\n      enabled,\n      signature,\n      lastSignature: lastSignature.current,\n    });\n\n    if (action === \"skip\") return;\n\n    void run(false);\n  }, [signature, run, enabled]);\n\n  return {\n    result,\n    analyzing,\n    analyzedKeyphrase,\n    analyzeNow,\n  };\n}\n"],"mappings":";AAEA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AACzD,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAgB5B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAuC;AACrC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAgC,IAAI;AAChE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAwB,IAAI;AAE9E,QAAM,cAAc,OAAO,QAAQ;AACnC,cAAY,UAAU;AACtB,QAAM,eAAe,OAAO,SAAS;AACrC,eAAa,UAAU;AACvB,QAAM,aAAa,OAAO,gBAAgB;AAC1C,aAAW,UAAU;AAErB,QAAM,gBAAgB,OAAsB,IAAI;AAChD,QAAM,SAAS,OAAO,CAAC;AAEvB,QAAM,MAAM,YAAY,OAAO,SAAkB;AAC/C,UAAM,QAAQ,EAAE,OAAO;AAEvB,kBAAc,UAAU,aAAa;AACrC,iBAAa,IAAI;AAEjB,QAAI;AACF,YAAM,QAAQ,MAAM,YAAY,QAAQ,EAAE,KAAK,CAAC;AAChD,YAAM,mBAAmB,MAAM,QAAQ,WAAW,OAAO;AACzD,UAAI,UAAU,OAAO;AAAS;AAE9B,gBAAU,YAAY,KAAK,CAAC;AAC5B,2BAAqB,MAAM,SAAS;AAAA,IACtC,UAAE;AACA,UAAI,UAAU,OAAO;AAAS,qBAAa,KAAK;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,YAAY,MAAM;AACnC,SAAK,IAAI,IAAI;AAAA,EACf,GAAG,CAAC,GAAG,CAAC;AAER,YAAU,MAAM;AACd,UAAM,SAAS,iBAAiB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA,eAAe,cAAc;AAAA,IAC/B,CAAC;AAED,QAAI,WAAW;AAAQ;AAEvB,SAAK,IAAI,KAAK;AAAA,EAChB,GAAG,CAAC,WAAW,KAAK,OAAO,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/components/SeoDrawer/useLiveDocument.d.ts

@@ -1,5 +1,5 @@
 import type { AnalysisInput } from "../../engine/types/analysis";
-import type { ExtractorFn, SeoFieldPaths } from "../../types/config";
+import type { SeoFieldPaths } from "../../types/config";
 export interface LiveDocArgs {
     collectionSlug: string;
     fields: SeoFieldPaths;
@@ -9,14 +9,13 @@ export interface LiveDocArgs {
     };
     keyphrase: string;
     enabled?: boolean;
-    override?: ExtractorFn;
+    extractContentPath: string;
 }
 export interface UseLiveDocumentResult {
     signature: string;
     getInput: (opts?: {
         live?: boolean;
     }) => Promise<AnalysisInput>;
-    invalidateMedia: () => void;
 }
-export declare function useLiveDocument({ collectionSlug, fields, site, keyphrase, enabled, override }: LiveDocArgs): UseLiveDocumentResult;
+export declare function useLiveDocument({ collectionSlug: _collectionSlug, fields, site, keyphrase, enabled, extractContentPath, }: LiveDocArgs): UseLiveDocumentResult;
 //# sourceMappingURL=useLiveDocument.d.ts.map

package/dist/components/SeoDrawer/useLiveDocument.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLiveDocument.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/useLiveDocument.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKrE,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IAChE,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,eAAe,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAc,EAAE,QAAQ,EAAE,EAAE,WAAW,GAAG,qBAAqB,CAsFzI"}
+{"version":3,"file":"useLiveDocument.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/useLiveDocument.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAMxD,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;CACjE;AAED,wBAAgB,eAAe,CAAC,EAC9B,cAAc,EAAE,eAAe,EAC/B,MAAM,EACN,IAAI,EACJ,SAAS,EACT,OAAc,EACd,kBAAkB,GACnB,EAAE,WAAW,GAAG,qBAAqB,CAwErC"}