@focus-reactive/payload-plugin-seo 1.2.0 → 1.4.0

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,7 +9,9 @@ export interface LiveDocArgs {
     };
     keyphrase: string;
     enabled?: boolean;
-    override?: ExtractorFn;
+    extractContentPath?: string | null;
+    resolveDepth: number;
+    slugPaths: Record<string, string>;
 }
 export interface UseLiveDocumentResult {
     signature: string;
@@ -18,5 +20,5 @@ export interface UseLiveDocumentResult {
     }) => Promise<AnalysisInput>;
     invalidateMedia: () => void;
 }
-export declare function useLiveDocument({ collectionSlug, fields, site, keyphrase, enabled, override }: LiveDocArgs): UseLiveDocumentResult;
+export declare function useLiveDocument({ collectionSlug, fields, site, keyphrase, enabled, extractContentPath, resolveDepth, slugPaths, }: 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":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAOxD,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,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;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,EAC9B,cAAc,EACd,MAAM,EACN,IAAI,EACJ,SAAS,EACT,OAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,SAAS,GACV,EAAE,WAAW,GAAG,qBAAqB,CA8HrC"}

package/dist/components/SeoDrawer/useLiveDocument.js

@@ -2,30 +2,54 @@
 import { useAllFormFields, useConfig, useDebounce, useLocale } from "@payloadcms/ui";
 import { reduceFieldsToValues } from "payload/shared";
 import { useCallback, useMemo, useRef } from "react";
-import { createMediaResolver } from "../../content/uploads/media-resolver";
+import { resolveContentExtractor } from "../../content/registry";
+import { createDocResolver } from "../../content/resolve/resolver";
 import { buildAnalysisInput } from "./build-analysis-input";
+const warnedPaths = /* @__PURE__ */ new Set();
 const DEBOUNCE_MS = 1e3;
-function useLiveDocument({ collectionSlug, fields, site, keyphrase, enabled = true, override }) {
+function useLiveDocument({
+  collectionSlug,
+  fields,
+  site,
+  keyphrase,
+  enabled = true,
+  extractContentPath,
+  resolveDepth,
+  slugPaths
+}) {
   const [formFields] = useAllFormFields();
   const locale = useLocale();
   const { config, getEntityConfig } = useConfig();
   const debouncedFields = useDebounce(formFields, DEBOUNCE_MS);
   const debouncedKeyphrase = useDebounce(keyphrase, DEBOUNCE_MS);
-  const resolver = useMemo(() => createMediaResolver(config.routes.api), [config.routes.api]);
-  const schemaFields = useMemo(() => {
-    const entity = getEntityConfig({
-      collectionSlug
-    });
-    return entity?.fields ?? [];
-  }, [getEntityConfig, collectionSlug]);
-  const walkCtx = useMemo(
+  const apiRoute = config.routes.api;
+  const resolver = useMemo(() => createDocResolver(apiRoute), [apiRoute]);
+  const getFields = useCallback(
+    (slug) => {
+      const entity = getEntityConfig({ collectionSlug: slug });
+      return entity?.fields ?? [];
+    },
+    [getEntityConfig]
+  );
+  const hostFields = useMemo(
+    () => getFields(collectionSlug),
+    [getFields, collectionSlug]
+  );
+  const ctx = useMemo(
     () => ({
+      getFields,
       isUploadCollection: (slug) => Boolean(config.collections?.find((c) => c.slug === slug)?.upload),
-      blocksBySlug: { ...config.blocksMap }
+      slugPath: (slug) => slugPaths[slug] ?? "slug",
+      blocksBySlug: { ...config.blocksMap },
+      resolved: /* @__PURE__ */ new Map(),
+      baseUrl: site.baseUrl
     }),
-    [config]
+    [getFields, config, slugPaths, site.baseUrl]
+  );
+  const values = useMemo(
+    () => enabled ? reduceFieldsToValues(debouncedFields, true) : {},
+    [enabled, debouncedFields]
   );
-  const values = useMemo(() => enabled ? reduceFieldsToValues(debouncedFields, true) : {}, [enabled, debouncedFields]);
   const signature = useMemo(
     () => JSON.stringify({
       values,
@@ -42,10 +66,12 @@ function useLiveDocument({ collectionSlug, fields, site, keyphrase, enabled = tr
     locale,
     fields,
     site,
-    override,
-    schemaFields,
-    walkCtx,
-    resolver
+    extractContentPath,
+    hostFields,
+    ctx,
+    resolver,
+    resolveDepth,
+    apiRoute
   });
   liveRef.current = {
     formFields,
@@ -55,27 +81,46 @@ function useLiveDocument({ collectionSlug, fields, site, keyphrase, enabled = tr
     locale,
     fields,
     site,
-    override,
-    schemaFields,
-    walkCtx,
-    resolver
+    extractContentPath,
+    hostFields,
+    ctx,
+    resolver,
+    resolveDepth,
+    apiRoute
   };
-  const getInput = useCallback(async ({ live = false } = {}) => {
-    const s = liveRef.current;
-    const inputValues = live ? reduceFieldsToValues(s.formFields, true) : s.values;
-    return buildAnalysisInput({
-      values: inputValues,
-      locale: s.locale,
-      payloadLocale: s.locale?.code,
-      keyphrase: live ? s.keyphrase : s.debouncedKeyphrase,
-      fields: s.fields,
-      site: s.site,
-      schemaFields: s.schemaFields,
-      walkCtx: s.walkCtx,
-      resolver: s.resolver,
-      override: s.override
-    });
-  }, []);
+  const getInput = useCallback(
+    async ({ live = false } = {}) => {
+      const s = liveRef.current;
+      const inputValues = live ? reduceFieldsToValues(s.formFields, true) : s.values;
+      const override = (() => {
+        if (!s.extractContentPath)
+          return void 0;
+        const fn = resolveContentExtractor(s.extractContentPath);
+        if (!fn && !warnedPaths.has(s.extractContentPath)) {
+          warnedPaths.add(s.extractContentPath);
+          console.warn(
+            `[payload-plugin-seo] extractContentPath "${s.extractContentPath}" is not registered; falling back to the built-in extractor. Call registerContentExtractors from "@focus-reactive/payload-plugin-seo/content" in an admin-mounted client module.`
+          );
+        }
+        return fn;
+      })();
+      return buildAnalysisInput({
+        values: inputValues,
+        locale: s.locale,
+        payloadLocale: s.locale?.code,
+        apiRoute: s.apiRoute,
+        keyphrase: live ? s.keyphrase : s.debouncedKeyphrase,
+        fields: s.fields,
+        site: s.site,
+        hostFields: s.hostFields,
+        ctx: s.ctx,
+        resolver: s.resolver,
+        resolveDepth: s.resolveDepth,
+        override
+      });
+    },
+    []
+  );
   const invalidateMedia = useCallback(() => liveRef.current.resolver.invalidate(), []);
   return { signature, getInput, invalidateMedia };
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SeoDrawer/useLiveDocument.ts"],"sourcesContent":["\"use client\";\n\nimport { useAllFormFields, useConfig, useDebounce, useLocale } from \"@payloadcms/ui\";\nimport type { ClientField } from \"payload\";\nimport { reduceFieldsToValues } from \"payload/shared\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { createMediaResolver } from \"../../content/uploads/media-resolver\";\nimport type { UploadWalkContext } from \"../../content/uploads/transform-upload-values\";\nimport type { AnalysisInput } from \"../../engine/types/analysis\";\nimport type { ExtractorFn, SeoFieldPaths } from \"../../types/config\";\nimport { buildAnalysisInput } from \"./build-analysis-input\";\n\nconst DEBOUNCE_MS = 1000;\n\nexport interface LiveDocArgs {\n  collectionSlug: string;\n  fields: SeoFieldPaths;\n  site: { name: string; baseUrl: string };\n  keyphrase: string;\n  enabled?: boolean;\n  override?: ExtractorFn;\n}\n\nexport interface UseLiveDocumentResult {\n  signature: string;\n  getInput: (opts?: { live?: boolean }) => Promise<AnalysisInput>;\n  invalidateMedia: () => void;\n}\n\nexport function useLiveDocument({ collectionSlug, fields, site, keyphrase, enabled = true, override }: LiveDocArgs): UseLiveDocumentResult {\n  const [formFields] = useAllFormFields();\n  const locale = useLocale();\n  const { config, getEntityConfig } = useConfig();\n\n  const debouncedFields = useDebounce(formFields, DEBOUNCE_MS);\n  const debouncedKeyphrase = useDebounce(keyphrase, DEBOUNCE_MS);\n\n  const resolver = useMemo(() => createMediaResolver(config.routes.api), [config.routes.api]);\n\n  const schemaFields = useMemo<ClientField[]>(() => {\n    const entity = getEntityConfig({\n      collectionSlug: collectionSlug as never,\n    }) as { fields?: ClientField[] } | undefined;\n\n    return entity?.fields ?? [];\n  }, [getEntityConfig, collectionSlug]);\n\n  const walkCtx = useMemo<UploadWalkContext>(\n    () => ({\n      isUploadCollection: (slug) => Boolean(config.collections?.find((c) => c.slug === slug)?.upload),\n      blocksBySlug: { ...config.blocksMap },\n    }),\n    [config]\n  );\n\n  const values = useMemo<Record<string, unknown>>(() => (enabled ? (reduceFieldsToValues(debouncedFields, true) as Record<string, unknown>) : {}), [enabled, debouncedFields]);\n\n  const signature = useMemo(\n    () =>\n      JSON.stringify({\n        values,\n        keyphrase: debouncedKeyphrase,\n        locale: locale?.code ?? null,\n      }),\n    [values, debouncedKeyphrase, locale]\n  );\n\n  const liveRef = useRef({\n    formFields,\n    values,\n    keyphrase,\n    debouncedKeyphrase,\n    locale,\n    fields,\n    site,\n    override,\n    schemaFields,\n    walkCtx,\n    resolver,\n  });\n  liveRef.current = {\n    formFields,\n    values,\n    keyphrase,\n    debouncedKeyphrase,\n    locale,\n    fields,\n    site,\n    override,\n    schemaFields,\n    walkCtx,\n    resolver,\n  };\n\n  const getInput = useCallback(async ({ live = false }: { live?: boolean } = {}): Promise<AnalysisInput> => {\n    const s = liveRef.current;\n    const inputValues = live ? (reduceFieldsToValues(s.formFields, true) as Record<string, unknown>) : s.values;\n\n    return buildAnalysisInput({\n      values: inputValues,\n      locale: s.locale,\n      payloadLocale: s.locale?.code,\n      keyphrase: live ? s.keyphrase : s.debouncedKeyphrase,\n      fields: s.fields,\n      site: s.site,\n      schemaFields: s.schemaFields,\n      walkCtx: s.walkCtx,\n      resolver: s.resolver,\n      override: s.override,\n    });\n  }, []);\n\n  const invalidateMedia = useCallback(() => liveRef.current.resolver.invalidate(), []);\n\n  return { signature, getInput, invalidateMedia };\n}\n"],"mappings":";AAEA,SAAS,kBAAkB,WAAW,aAAa,iBAAiB;AAEpE,SAAS,4BAA4B;AACrC,SAAS,aAAa,SAAS,cAAc;AAC7C,SAAS,2BAA2B;AAIpC,SAAS,0BAA0B;AAEnC,MAAM,cAAc;AAiBb,SAAS,gBAAgB,EAAE,gBAAgB,QAAQ,MAAM,WAAW,UAAU,MAAM,SAAS,GAAuC;AACzI,QAAM,CAAC,UAAU,IAAI,iBAAiB;AACtC,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,QAAQ,gBAAgB,IAAI,UAAU;AAE9C,QAAM,kBAAkB,YAAY,YAAY,WAAW;AAC3D,QAAM,qBAAqB,YAAY,WAAW,WAAW;AAE7D,QAAM,WAAW,QAAQ,MAAM,oBAAoB,OAAO,OAAO,GAAG,GAAG,CAAC,OAAO,OAAO,GAAG,CAAC;AAE1F,QAAM,eAAe,QAAuB,MAAM;AAChD,UAAM,SAAS,gBAAgB;AAAA,MAC7B;AAAA,IACF,CAAC;AAED,WAAO,QAAQ,UAAU,CAAC;AAAA,EAC5B,GAAG,CAAC,iBAAiB,cAAc,CAAC;AAEpC,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,MACL,oBAAoB,CAAC,SAAS,QAAQ,OAAO,aAAa,KAAK,CAAC,MAAM,EAAE,SAAS,IAAI,GAAG,MAAM;AAAA,MAC9F,cAAc,EAAE,GAAG,OAAO,UAAU;AAAA,IACtC;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,SAAS,QAAiC,MAAO,UAAW,qBAAqB,iBAAiB,IAAI,IAAgC,CAAC,GAAI,CAAC,SAAS,eAAe,CAAC;AAE3K,QAAM,YAAY;AAAA,IAChB,MACE,KAAK,UAAU;AAAA,MACb;AAAA,MACA,WAAW;AAAA,MACX,QAAQ,QAAQ,QAAQ;AAAA,IAC1B,CAAC;AAAA,IACH,CAAC,QAAQ,oBAAoB,MAAM;AAAA,EACrC;AAEA,QAAM,UAAU,OAAO;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,UAAQ,UAAU;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,YAAY,OAAO,EAAE,OAAO,MAAM,IAAwB,CAAC,MAA8B;AACxG,UAAM,IAAI,QAAQ;AAClB,UAAM,cAAc,OAAQ,qBAAqB,EAAE,YAAY,IAAI,IAAgC,EAAE;AAErG,WAAO,mBAAmB;AAAA,MACxB,QAAQ;AAAA,MACR,QAAQ,EAAE;AAAA,MACV,eAAe,EAAE,QAAQ;AAAA,MACzB,WAAW,OAAO,EAAE,YAAY,EAAE;AAAA,MAClC,QAAQ,EAAE;AAAA,MACV,MAAM,EAAE;AAAA,MACR,cAAc,EAAE;AAAA,MAChB,SAAS,EAAE;AAAA,MACX,UAAU,EAAE;AAAA,MACZ,UAAU,EAAE;AAAA,IACd,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAkB,YAAY,MAAM,QAAQ,QAAQ,SAAS,WAAW,GAAG,CAAC,CAAC;AAEnF,SAAO,EAAE,WAAW,UAAU,gBAAgB;AAChD;","names":[]}
+{"version":3,"sources":["../../../src/components/SeoDrawer/useLiveDocument.ts"],"sourcesContent":["\"use client\";\n\nimport { useAllFormFields, useConfig, useDebounce, useLocale } from \"@payloadcms/ui\";\nimport type { ClientField } from \"payload\";\nimport { reduceFieldsToValues } from \"payload/shared\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { resolveContentExtractor } from \"../../content/registry\";\nimport { createDocResolver } from \"../../content/resolve/resolver\";\nimport type { ExtractContext } from \"../../content/extract/context\";\nimport type { AnalysisInput } from \"../../engine/types/analysis\";\nimport type { SeoFieldPaths } from \"../../types/config\";\nimport { buildAnalysisInput } from \"./build-analysis-input\";\n\nconst warnedPaths = new Set<string>();\n\nconst DEBOUNCE_MS = 1000;\n\nexport interface LiveDocArgs {\n  collectionSlug: string;\n  fields: SeoFieldPaths;\n  site: { name: string; baseUrl: string };\n  keyphrase: string;\n  enabled?: boolean;\n  extractContentPath?: string | null;\n  resolveDepth: number;\n  slugPaths: Record<string, string>;\n}\n\nexport interface UseLiveDocumentResult {\n  signature: string;\n  getInput: (opts?: { live?: boolean }) => Promise<AnalysisInput>;\n  invalidateMedia: () => void;\n}\n\nexport function useLiveDocument({\n  collectionSlug,\n  fields,\n  site,\n  keyphrase,\n  enabled = true,\n  extractContentPath,\n  resolveDepth,\n  slugPaths,\n}: LiveDocArgs): UseLiveDocumentResult {\n  const [formFields] = useAllFormFields();\n  const locale = useLocale();\n  const { config, getEntityConfig } = useConfig();\n\n  const debouncedFields = useDebounce(formFields, DEBOUNCE_MS);\n  const debouncedKeyphrase = useDebounce(keyphrase, DEBOUNCE_MS);\n\n  const apiRoute = config.routes.api;\n  const resolver = useMemo(() => createDocResolver(apiRoute), [apiRoute]);\n\n  const getFields = useCallback(\n    (slug: string): ClientField[] => {\n      const entity = getEntityConfig({ collectionSlug: slug as never }) as\n        | { fields?: ClientField[] }\n        | undefined;\n      return entity?.fields ?? [];\n    },\n    [getEntityConfig]\n  );\n\n  const hostFields = useMemo<ClientField[]>(\n    () => getFields(collectionSlug),\n    [getFields, collectionSlug]\n  );\n\n  const ctx = useMemo<ExtractContext>(\n    () => ({\n      getFields,\n      isUploadCollection: (slug) =>\n        Boolean(config.collections?.find((c) => c.slug === slug)?.upload),\n      slugPath: (slug) => slugPaths[slug] ?? \"slug\",\n      blocksBySlug: { ...config.blocksMap },\n      resolved: new Map(),\n      baseUrl: site.baseUrl,\n    }),\n    [getFields, config, slugPaths, site.baseUrl]\n  );\n\n  const values = useMemo<Record<string, unknown>>(\n    () => (enabled ? (reduceFieldsToValues(debouncedFields, true) as Record<string, unknown>) : {}),\n    [enabled, debouncedFields]\n  );\n\n  const signature = useMemo(\n    () =>\n      JSON.stringify({\n        values,\n        keyphrase: debouncedKeyphrase,\n        locale: locale?.code ?? null,\n      }),\n    [values, debouncedKeyphrase, locale]\n  );\n\n  const liveRef = useRef({\n    formFields,\n    values,\n    keyphrase,\n    debouncedKeyphrase,\n    locale,\n    fields,\n    site,\n    extractContentPath,\n    hostFields,\n    ctx,\n    resolver,\n    resolveDepth,\n    apiRoute,\n  });\n  liveRef.current = {\n    formFields,\n    values,\n    keyphrase,\n    debouncedKeyphrase,\n    locale,\n    fields,\n    site,\n    extractContentPath,\n    hostFields,\n    ctx,\n    resolver,\n    resolveDepth,\n    apiRoute,\n  };\n\n  const getInput = useCallback(\n    async ({ live = false }: { live?: boolean } = {}): Promise<AnalysisInput> => {\n      const s = liveRef.current;\n      const inputValues = live\n        ? (reduceFieldsToValues(s.formFields, true) as Record<string, unknown>)\n        : s.values;\n\n      const override = (() => {\n        if (!s.extractContentPath) return undefined;\n\n        const fn = resolveContentExtractor(s.extractContentPath);\n        if (!fn && !warnedPaths.has(s.extractContentPath)) {\n          warnedPaths.add(s.extractContentPath);\n          console.warn(\n            `[payload-plugin-seo] extractContentPath \"${s.extractContentPath}\" is not registered; falling back to the built-in extractor. Call registerContentExtractors from \"@focus-reactive/payload-plugin-seo/content\" in an admin-mounted client module.`\n          );\n        }\n        return fn;\n      })();\n\n      return buildAnalysisInput({\n        values: inputValues,\n        locale: s.locale,\n        payloadLocale: s.locale?.code,\n        apiRoute: s.apiRoute,\n        keyphrase: live ? s.keyphrase : s.debouncedKeyphrase,\n        fields: s.fields,\n        site: s.site,\n        hostFields: s.hostFields,\n        ctx: s.ctx,\n        resolver: s.resolver,\n        resolveDepth: s.resolveDepth,\n        override,\n      });\n    },\n    []\n  );\n\n  const invalidateMedia = useCallback(() => liveRef.current.resolver.invalidate(), []);\n\n  return { signature, getInput, invalidateMedia };\n}\n"],"mappings":";AAEA,SAAS,kBAAkB,WAAW,aAAa,iBAAiB;AAEpE,SAAS,4BAA4B;AACrC,SAAS,aAAa,SAAS,cAAc;AAC7C,SAAS,+BAA+B;AACxC,SAAS,yBAAyB;AAIlC,SAAS,0BAA0B;AAEnC,MAAM,cAAc,oBAAI,IAAY;AAEpC,MAAM,cAAc;AAmBb,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,CAAC,UAAU,IAAI,iBAAiB;AACtC,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,QAAQ,gBAAgB,IAAI,UAAU;AAE9C,QAAM,kBAAkB,YAAY,YAAY,WAAW;AAC3D,QAAM,qBAAqB,YAAY,WAAW,WAAW;AAE7D,QAAM,WAAW,OAAO,OAAO;AAC/B,QAAM,WAAW,QAAQ,MAAM,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAEtE,QAAM,YAAY;AAAA,IAChB,CAAC,SAAgC;AAC/B,YAAM,SAAS,gBAAgB,EAAE,gBAAgB,KAAc,CAAC;AAGhE,aAAO,QAAQ,UAAU,CAAC;AAAA,IAC5B;AAAA,IACA,CAAC,eAAe;AAAA,EAClB;AAEA,QAAM,aAAa;AAAA,IACjB,MAAM,UAAU,cAAc;AAAA,IAC9B,CAAC,WAAW,cAAc;AAAA,EAC5B;AAEA,QAAM,MAAM;AAAA,IACV,OAAO;AAAA,MACL;AAAA,MACA,oBAAoB,CAAC,SACnB,QAAQ,OAAO,aAAa,KAAK,CAAC,MAAM,EAAE,SAAS,IAAI,GAAG,MAAM;AAAA,MAClE,UAAU,CAAC,SAAS,UAAU,IAAI,KAAK;AAAA,MACvC,cAAc,EAAE,GAAG,OAAO,UAAU;AAAA,MACpC,UAAU,oBAAI,IAAI;AAAA,MAClB,SAAS,KAAK;AAAA,IAChB;AAAA,IACA,CAAC,WAAW,QAAQ,WAAW,KAAK,OAAO;AAAA,EAC7C;AAEA,QAAM,SAAS;AAAA,IACb,MAAO,UAAW,qBAAqB,iBAAiB,IAAI,IAAgC,CAAC;AAAA,IAC7F,CAAC,SAAS,eAAe;AAAA,EAC3B;AAEA,QAAM,YAAY;AAAA,IAChB,MACE,KAAK,UAAU;AAAA,MACb;AAAA,MACA,WAAW;AAAA,MACX,QAAQ,QAAQ,QAAQ;AAAA,IAC1B,CAAC;AAAA,IACH,CAAC,QAAQ,oBAAoB,MAAM;AAAA,EACrC;AAEA,QAAM,UAAU,OAAO;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,UAAQ,UAAU;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW;AAAA,IACf,OAAO,EAAE,OAAO,MAAM,IAAwB,CAAC,MAA8B;AAC3E,YAAM,IAAI,QAAQ;AAClB,YAAM,cAAc,OACf,qBAAqB,EAAE,YAAY,IAAI,IACxC,EAAE;AAEN,YAAM,YAAY,MAAM;AACtB,YAAI,CAAC,EAAE;AAAoB,iBAAO;AAElC,cAAM,KAAK,wBAAwB,EAAE,kBAAkB;AACvD,YAAI,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,kBAAkB,GAAG;AACjD,sBAAY,IAAI,EAAE,kBAAkB;AACpC,kBAAQ;AAAA,YACN,4CAA4C,EAAE,kBAAkB;AAAA,UAClE;AAAA,QACF;AACA,eAAO;AAAA,MACT,GAAG;AAEH,aAAO,mBAAmB;AAAA,QACxB,QAAQ;AAAA,QACR,QAAQ,EAAE;AAAA,QACV,eAAe,EAAE,QAAQ;AAAA,QACzB,UAAU,EAAE;AAAA,QACZ,WAAW,OAAO,EAAE,YAAY,EAAE;AAAA,QAClC,QAAQ,EAAE;AAAA,QACV,MAAM,EAAE;AAAA,QACR,YAAY,EAAE;AAAA,QACd,KAAK,EAAE;AAAA,QACP,UAAU,EAAE;AAAA,QACZ,cAAc,EAAE;AAAA,QAChB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,kBAAkB,YAAY,MAAM,QAAQ,QAAQ,SAAS,WAAW,GAAG,CAAC,CAAC;AAEnF,SAAO,EAAE,WAAW,UAAU,gBAAgB;AAChD;","names":[]}

package/dist/components/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG;IAChD,QAAQ,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,aAiCzB,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG;IAChD,QAAQ,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,aAiCzB,CAAC"}

package/dist/components/icons.js

@@ -1,5 +1,20 @@
 "use client";
-import { AlignLeft, Crosshair, Mail, Link2, BarChart3, Type, ArrowRight, Image as ImageIcon, Heading1, Ruler, ListOrdered, Clock, FileText, Film } from "lucide-react";
+import {
+  AlignLeft,
+  Crosshair,
+  Mail,
+  Link2,
+  BarChart3,
+  Type,
+  ArrowRight,
+  Image as ImageIcon,
+  Heading1,
+  Ruler,
+  ListOrdered,
+  Clock,
+  FileText,
+  Film
+} from "lucide-react";
 const CHECK_ICONS = {
   // keyphrase (SeoAssessor)
   introductionKeyword: AlignLeft,

package/dist/components/icons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/icons.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlignLeft, Crosshair, Mail, Link2, BarChart3, Type, ArrowRight, Image as ImageIcon, Heading1, Ruler, ListOrdered, Clock, FileText, Film } from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\n\ntype CheckIconsMap = Record<string, LucideIcon> & {\n  _default: LucideIcon;\n};\n\nexport const CHECK_ICONS: CheckIconsMap = {\n  // keyphrase (SeoAssessor)\n  introductionKeyword: AlignLeft,\n  keyphraseLength: Crosshair,\n  keyphraseDensity: Crosshair,\n  metaDescriptionKeyword: Mail,\n  subheadingsKeyword: Type,\n  textCompetingLinks: Link2,\n  imageKeyphrase: ImageIcon,\n  keyphraseInSEOTitle: Type,\n  slugKeyword: ArrowRight,\n  keyphraseDistribution: BarChart3,\n  // on-page (SeoAssessor)\n  textLength: AlignLeft,\n  metaDescriptionLength: Mail,\n  titleWidth: Ruler,\n  images: ImageIcon,\n  externalLinks: Link2,\n  internalLinks: Link2,\n  singleH1: Heading1,\n  // readability (ContentAssessor)\n  fleschReadingEase: FileText,\n  subheadingsTooLong: Heading1,\n  textParagraphTooLong: AlignLeft,\n  textSentenceLength: AlignLeft,\n  textTransitionWords: ArrowRight,\n  passiveVoice: FileText,\n  sentenceBeginnings: AlignLeft,\n  listPresence: ListOrdered,\n  // vitals\n  readingTime: Clock,\n  videoCount: Film,\n  _default: FileText,\n};\n"],"mappings":";AAEA,SAAS,WAAW,WAAW,MAAM,OAAO,WAAW,MAAM,YAAY,SAAS,WAAW,UAAU,OAAO,aAAa,OAAO,UAAU,YAAY;AAOjJ,MAAM,cAA6B;AAAA;AAAA,EAExC,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,uBAAuB;AAAA;AAAA,EAEvB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,eAAe;AAAA,EACf,UAAU;AAAA;AAAA,EAEV,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,cAAc;AAAA;AAAA,EAEd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AACZ;","names":[]}
+{"version":3,"sources":["../../src/components/icons.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  AlignLeft,\n  Crosshair,\n  Mail,\n  Link2,\n  BarChart3,\n  Type,\n  ArrowRight,\n  Image as ImageIcon,\n  Heading1,\n  Ruler,\n  ListOrdered,\n  Clock,\n  FileText,\n  Film,\n} from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\n\ntype CheckIconsMap = Record<string, LucideIcon> & {\n  _default: LucideIcon;\n};\n\nexport const CHECK_ICONS: CheckIconsMap = {\n  // keyphrase (SeoAssessor)\n  introductionKeyword: AlignLeft,\n  keyphraseLength: Crosshair,\n  keyphraseDensity: Crosshair,\n  metaDescriptionKeyword: Mail,\n  subheadingsKeyword: Type,\n  textCompetingLinks: Link2,\n  imageKeyphrase: ImageIcon,\n  keyphraseInSEOTitle: Type,\n  slugKeyword: ArrowRight,\n  keyphraseDistribution: BarChart3,\n  // on-page (SeoAssessor)\n  textLength: AlignLeft,\n  metaDescriptionLength: Mail,\n  titleWidth: Ruler,\n  images: ImageIcon,\n  externalLinks: Link2,\n  internalLinks: Link2,\n  singleH1: Heading1,\n  // readability (ContentAssessor)\n  fleschReadingEase: FileText,\n  subheadingsTooLong: Heading1,\n  textParagraphTooLong: AlignLeft,\n  textSentenceLength: AlignLeft,\n  textTransitionWords: ArrowRight,\n  passiveVoice: FileText,\n  sentenceBeginnings: AlignLeft,\n  listPresence: ListOrdered,\n  // vitals\n  readingTime: Clock,\n  videoCount: Film,\n  _default: FileText,\n};\n"],"mappings":";AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,MAAM,cAA6B;AAAA;AAAA,EAExC,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,uBAAuB;AAAA;AAAA,EAEvB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,eAAe;AAAA,EACf,UAAU;AAAA;AAAA,EAEV,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,cAAc;AAAA;AAAA,EAEd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AACZ;","names":[]}

package/dist/constants/checkIds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkIds.d.ts","sourceRoot":"","sources":["../../src/constants/checkIds.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;CAgBZ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAC9C,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"checkIds.d.ts","sourceRoot":"","sources":["../../src/constants/checkIds.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;CAgCZ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAC9C,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC"}