@focus-reactive/payload-plugin-seo 1.6.1 → 1.8.0

package/dist/components/SeoButton/SeoButtonInner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeoButtonInner.d.ts","sourceRoot":"","sources":["../../../src/components/SeoButton/SeoButtonInner.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B;AAID,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,MAAM,EACN,IAAI,EACJ,gBAAgB,EAChB,kBAAkB,GACnB,EAAE,cAAc,2CAqDhB"}
+{"version":3,"file":"SeoButtonInner.d.ts","sourceRoot":"","sources":["../../../src/components/SeoButton/SeoButtonInner.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B;AAID,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,MAAM,EACN,IAAI,EACJ,gBAAgB,EAChB,kBAAkB,GACnB,EAAE,cAAc,2CAqFhB"}

package/dist/components/SeoButton/SeoButtonInner.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, useModal } from "@payloadcms/ui";
+import { Button, useDocumentInfo, useLocale, useModal } from "@payloadcms/ui";
 import { Gauge } from "lucide-react";
 import { useCallback, useState } from "react";
 import { ScoreBadge } from "./ScoreBadge";
 import { SeoDrawer } from "../SeoDrawer";
-import { isKeyphrasePending } from "../SeoDrawer/keyphrasePending";
 import { useAnalysis } from "../SeoDrawer/useAnalysis";
+import { useKeyphrases } from "../SeoDrawer/useKeyphrases";
 import { useLiveDocument } from "../SeoDrawer/useLiveDocument";
 const DRAWER_SLUG = "seo-analytics-drawer";
 function SeoButtonInner({
@@ -17,25 +17,49 @@ function SeoButtonInner({
   extractContentPath
 }) {
   const { openModal } = useModal();
-  const [keyphrase, setKeyphrase] = useState("");
+  const { id } = useDocumentInfo();
+  const locale = useLocale();
+  const docId = id == null ? "" : String(id);
+  const localeCode = locale?.code ?? "en";
+  const {
+    addRelated,
+    addSynonym,
+    isDuplicate,
+    keyphrases,
+    remove: removeKeyphrase,
+    removeSynonym,
+    setFocus,
+    updateText
+  } = useKeyphrases({ collectionSlug, docId, localeCode });
+  const [selectedId, setSelectedId] = useState(null);
   const { signature, getInput } = useLiveDocument({
     collectionSlug,
     fields,
-    site: { name: site.name, baseUrl: site.baseUrl },
-    keyphrase,
+    site: {
+      name: site.name,
+      baseUrl: site.baseUrl
+    },
+    keyphrases,
     extractContentPath
   });
-  const { result, analyzing, analyzedKeyphrase, analyzeNow } = useAnalysis({
-    getInput,
-    signature,
-    supportedLocales
-  });
-  const keyphrasePending = isKeyphrasePending(keyphrase, analyzedKeyphrase);
+  const { result, analyzing, analyzeNow } = useAnalysis({ getInput, signature, supportedLocales });
   const overall = result?.overall ?? null;
   const open = useCallback(() => {
     analyzeNow();
     openModal(DRAWER_SLUG);
   }, [analyzeNow, openModal]);
+  const handleAddRelated = useCallback(() => {
+    const newId = addRelated();
+    if (newId)
+      setSelectedId(newId);
+  }, [addRelated]);
+  const handleRemove = useCallback(
+    (id2) => {
+      removeKeyphrase(id2);
+      setSelectedId((current) => current === id2 ? null : current);
+    },
+    [removeKeyphrase]
+  );
   return /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
     /* @__PURE__ */ jsx(
       Button,
@@ -56,13 +80,19 @@ function SeoButtonInner({
     /* @__PURE__ */ jsx(
       SeoDrawer,
       {
-        analyzeNow,
-        analyzing,
         drawerSlug: DRAWER_SLUG,
-        keyphrase,
-        keyphrasePending,
+        keyphrases,
+        selectedId,
+        onSelect: setSelectedId,
         result,
-        setKeyphrase,
+        analyzing,
+        onAddRelated: handleAddRelated,
+        onTextChange: updateText,
+        onAddSynonym: addSynonym,
+        onRemoveSynonym: removeSynonym,
+        onRemove: handleRemove,
+        onSetFocus: setFocus,
+        isDuplicate,
         site
       }
     )

package/dist/components/SeoButton/SeoButtonInner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SeoButton/SeoButtonInner.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button, useModal } from \"@payloadcms/ui\";\nimport { Gauge } from \"lucide-react\";\nimport { useCallback, useState } from \"react\";\nimport { ScoreBadge } from \"./ScoreBadge\";\nimport { SeoDrawer } from \"../SeoDrawer\";\nimport { isKeyphrasePending } from \"../SeoDrawer/keyphrasePending\";\nimport { useAnalysis } from \"../SeoDrawer/useAnalysis\";\nimport { useLiveDocument } from \"../SeoDrawer/useLiveDocument\";\n\nexport interface SeoButtonProps {\n  collectionSlug: string;\n  fields: Record<string, string>;\n  extractContentPath: string;\n  site: { name: string; baseUrl: string; faviconUrl: string };\n  supportedLocales: string[];\n}\n\nconst DRAWER_SLUG = \"seo-analytics-drawer\";\n\nexport function SeoButtonInner({\n  collectionSlug,\n  fields,\n  site,\n  supportedLocales,\n  extractContentPath,\n}: SeoButtonProps) {\n  const { openModal } = useModal();\n  const [keyphrase, setKeyphrase] = useState(\"\");\n\n  const { signature, getInput } = useLiveDocument({\n    collectionSlug,\n    fields,\n    site: { name: site.name, baseUrl: site.baseUrl },\n    keyphrase,\n    extractContentPath,\n  });\n  const { result, analyzing, analyzedKeyphrase, analyzeNow } = useAnalysis({\n    getInput,\n    signature,\n    supportedLocales,\n  });\n\n  const keyphrasePending = isKeyphrasePending(keyphrase, analyzedKeyphrase);\n  const overall = result?.overall ?? null;\n\n  const open = useCallback(() => {\n    analyzeNow();\n    openModal(DRAWER_SLUG);\n  }, [analyzeNow, openModal]);\n\n  return (\n    <span className=\"relative inline-flex\">\n      <Button\n        aria-label=\"SEO Analytics\"\n        buttonStyle=\"none\"\n        className=\"seo-doc-btn m-0 w-[calc(var(--base)*1.6)] h-[calc(var(--base)*1.6)] inline-flex items-center justify-center border border-[var(--theme-elevation-100)] rounded-rs bg-transparent text-neutral-800 transition-[border-color,background-color] duration-100 hover:border-neutral-300 hover:bg-neutral-100\"\n        extraButtonProps={{ title: undefined }}\n        icon={<Gauge />}\n        iconStyle=\"without-border\"\n        margin={false}\n        onClick={open}\n        size=\"small\"\n        tooltip=\"SEO Analytics\"\n      />\n      {overall && <ScoreBadge score={overall.seoScore} status={overall.status} />}\n\n      <SeoDrawer\n        analyzeNow={analyzeNow}\n        analyzing={analyzing}\n        drawerSlug={DRAWER_SLUG}\n        keyphrase={keyphrase}\n        keyphrasePending={keyphrasePending}\n        result={result}\n        setKeyphrase={setKeyphrase}\n        site={site}\n      />\n    </span>\n  );\n}\n"],"mappings":";AAqDI,SAMU,KANV;AAnDJ,SAAS,QAAQ,gBAAgB;AACjC,SAAS,aAAa;AACtB,SAAS,aAAa,gBAAgB;AACtC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAUhC,MAAM,cAAc;AAEb,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAE7C,QAAM,EAAE,WAAW,SAAS,IAAI,gBAAgB;AAAA,IAC9C;AAAA,IACA;AAAA,IACA,MAAM,EAAE,MAAM,KAAK,MAAM,SAAS,KAAK,QAAQ;AAAA,IAC/C;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,QAAQ,WAAW,mBAAmB,WAAW,IAAI,YAAY;AAAA,IACvE;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,mBAAmB,mBAAmB,WAAW,iBAAiB;AACxE,QAAM,UAAU,QAAQ,WAAW;AAEnC,QAAM,OAAO,YAAY,MAAM;AAC7B,eAAW;AACX,cAAU,WAAW;AAAA,EACvB,GAAG,CAAC,YAAY,SAAS,CAAC;AAE1B,SACE,qBAAC,UAAK,WAAU,wBACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,aAAY;AAAA,QACZ,WAAU;AAAA,QACV,kBAAkB,EAAE,OAAO,OAAU;AAAA,QACrC,MAAM,oBAAC,SAAM;AAAA,QACb,WAAU;AAAA,QACV,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,MAAK;AAAA,QACL,SAAQ;AAAA;AAAA,IACV;AAAA,IACC,WAAW,oBAAC,cAAW,OAAO,QAAQ,UAAU,QAAQ,QAAQ,QAAQ;AAAA,IAEzE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/SeoButton/SeoButtonInner.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button, useDocumentInfo, useLocale, useModal } from \"@payloadcms/ui\";\nimport { Gauge } from \"lucide-react\";\nimport { useCallback, useState } from \"react\";\nimport { ScoreBadge } from \"./ScoreBadge\";\nimport { SeoDrawer } from \"../SeoDrawer\";\nimport { useAnalysis } from \"../SeoDrawer/useAnalysis\";\nimport { useKeyphrases } from \"../SeoDrawer/useKeyphrases\";\nimport { useLiveDocument } from \"../SeoDrawer/useLiveDocument\";\n\nexport interface SeoButtonProps {\n  collectionSlug: string;\n  fields: Record<string, string>;\n  extractContentPath: string;\n  site: { name: string; baseUrl: string; faviconUrl: string };\n  supportedLocales: string[];\n}\n\nconst DRAWER_SLUG = \"seo-analytics-drawer\";\n\nexport function SeoButtonInner({\n  collectionSlug,\n  fields,\n  site,\n  supportedLocales,\n  extractContentPath,\n}: SeoButtonProps) {\n  const { openModal } = useModal();\n  const { id } = useDocumentInfo();\n  const locale = useLocale();\n\n  const docId = id == null ? \"\" : String(id);\n  const localeCode = locale?.code ?? \"en\";\n\n  const {\n    addRelated,\n    addSynonym,\n    isDuplicate,\n    keyphrases,\n    remove: removeKeyphrase,\n    removeSynonym,\n    setFocus,\n    updateText,\n  } = useKeyphrases({ collectionSlug, docId, localeCode });\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n  const { signature, getInput } = useLiveDocument({\n    collectionSlug,\n    fields,\n    site: {\n      name: site.name,\n      baseUrl: site.baseUrl,\n    },\n    keyphrases,\n    extractContentPath,\n  });\n  const { result, analyzing, analyzeNow } = useAnalysis({ getInput, signature, supportedLocales });\n\n  const overall = result?.overall ?? null;\n\n  const open = useCallback(() => {\n    analyzeNow();\n    openModal(DRAWER_SLUG);\n  }, [analyzeNow, openModal]);\n\n  const handleAddRelated = useCallback(() => {\n    const newId = addRelated();\n    if (newId) setSelectedId(newId);\n  }, [addRelated]);\n\n  const handleRemove = useCallback(\n    (id: string) => {\n      removeKeyphrase(id);\n      setSelectedId((current) => (current === id ? null : current));\n    },\n    [removeKeyphrase]\n  );\n\n  return (\n    <span className=\"relative inline-flex\">\n      <Button\n        aria-label=\"SEO Analytics\"\n        buttonStyle=\"none\"\n        className=\"seo-doc-btn m-0 w-[calc(var(--base)*1.6)] h-[calc(var(--base)*1.6)] inline-flex items-center justify-center border border-[var(--theme-elevation-100)] rounded-rs bg-transparent text-neutral-800 transition-[border-color,background-color] duration-100 hover:border-neutral-300 hover:bg-neutral-100\"\n        extraButtonProps={{ title: undefined }}\n        icon={<Gauge />}\n        iconStyle=\"without-border\"\n        margin={false}\n        onClick={open}\n        size=\"small\"\n        tooltip=\"SEO Analytics\"\n      />\n      {overall && <ScoreBadge score={overall.seoScore} status={overall.status} />}\n\n      <SeoDrawer\n        drawerSlug={DRAWER_SLUG}\n        keyphrases={keyphrases}\n        selectedId={selectedId}\n        onSelect={setSelectedId}\n        result={result}\n        analyzing={analyzing}\n        onAddRelated={handleAddRelated}\n        onTextChange={updateText}\n        onAddSynonym={addSynonym}\n        onRemoveSynonym={removeSynonym}\n        onRemove={handleRemove}\n        onSetFocus={setFocus}\n        isDuplicate={isDuplicate}\n        site={site}\n      />\n    </span>\n  );\n}\n"],"mappings":";AA+EI,SAMU,KANV;AA7EJ,SAAS,QAAQ,iBAAiB,WAAW,gBAAgB;AAC7D,SAAS,aAAa;AACtB,SAAS,aAAa,gBAAgB;AACtC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAUhC,MAAM,cAAc;AAEb,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAM,EAAE,GAAG,IAAI,gBAAgB;AAC/B,QAAM,SAAS,UAAU;AAEzB,QAAM,QAAQ,MAAM,OAAO,KAAK,OAAO,EAAE;AACzC,QAAM,aAAa,QAAQ,QAAQ;AAEnC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,cAAc,EAAE,gBAAgB,OAAO,WAAW,CAAC;AACvD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAChE,QAAM,EAAE,WAAW,SAAS,IAAI,gBAAgB;AAAA,IAC9C;AAAA,IACA;AAAA,IACA,MAAM;AAAA,MACJ,MAAM,KAAK;AAAA,MACX,SAAS,KAAK;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,QAAQ,WAAW,WAAW,IAAI,YAAY,EAAE,UAAU,WAAW,iBAAiB,CAAC;AAE/F,QAAM,UAAU,QAAQ,WAAW;AAEnC,QAAM,OAAO,YAAY,MAAM;AAC7B,eAAW;AACX,cAAU,WAAW;AAAA,EACvB,GAAG,CAAC,YAAY,SAAS,CAAC;AAE1B,QAAM,mBAAmB,YAAY,MAAM;AACzC,UAAM,QAAQ,WAAW;AACzB,QAAI;AAAO,oBAAc,KAAK;AAAA,EAChC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,eAAe;AAAA,IACnB,CAACA,QAAe;AACd,sBAAgBA,GAAE;AAClB,oBAAc,CAAC,YAAa,YAAYA,MAAK,OAAO,OAAQ;AAAA,IAC9D;AAAA,IACA,CAAC,eAAe;AAAA,EAClB;AAEA,SACE,qBAAC,UAAK,WAAU,wBACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,aAAY;AAAA,QACZ,WAAU;AAAA,QACV,kBAAkB,EAAE,OAAO,OAAU;AAAA,QACrC,MAAM,oBAAC,SAAM;AAAA,QACb,WAAU;AAAA,QACV,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,MAAK;AAAA,QACL,SAAQ;AAAA;AAAA,IACV;AAAA,IACC,WAAW,oBAAC,cAAW,OAAO,QAAQ,UAAU,QAAQ,QAAQ,QAAQ;AAAA,IAEzE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,cAAc;AAAA,QACd,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,YAAY;AAAA,QACZ;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":["id"]}

package/dist/components/SeoDrawer/build-analysis-input.d.ts

@@ -1,4 +1,4 @@
-import type { AnalysisInput } from "../../engine/types/analysis";
+import type { AnalysisInput, KeyphraseInput } from "../../engine/types/analysis";
 import type { ContentExtractor, SeoFieldPaths } from "../../types/config";
 export interface BuildAnalysisInputArgs {
     values: Record<string, unknown>;
@@ -7,7 +7,7 @@ export interface BuildAnalysisInputArgs {
     } | null | undefined;
     payloadLocale: string | undefined;
     apiRoute?: string;
-    keyphrase: string;
+    keyphrases: KeyphraseInput[];
     fields: SeoFieldPaths;
     site: {
         name: string;

package/dist/components/SeoDrawer/build-analysis-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build-analysis-input.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/build-analysis-input.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EACV,gBAAgB,EAIhB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAK5B,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,sBAAsB,GAAG,OAAO,CAAC,aAAa,CAAC,CAY7F"}
+{"version":3,"file":"build-analysis-input.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/build-analysis-input.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,KAAK,EACV,gBAAgB,EAIhB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAK5B,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,sBAAsB,GAAG,OAAO,CAAC,aAAa,CAAC,CAY7F"}

package/dist/components/SeoDrawer/build-analysis-input.js

@@ -19,7 +19,7 @@ async function buildAnalysisInput(args) {
     values: args.values,
     contentHtml,
     locale: args.locale,
-    keyphrase: args.keyphrase,
+    keyphrases: args.keyphrases,
     fields: args.fields,
     site: args.site
   });

package/dist/components/SeoDrawer/build-analysis-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SeoDrawer/build-analysis-input.ts"],"sourcesContent":["import type { ContentNode } from \"../../content/schema/nodes\";\nimport { serialize } from \"../../content/schema/serialize\";\nimport {\n  compact,\n  heading,\n  html,\n  image,\n  link,\n  paragraph,\n  richText,\n  video,\n} from \"../../content/schema/helpers\";\nimport { createResolveDocs } from \"../../content/resolve/resolve-docs\";\nimport type { AnalysisInput } from \"../../engine/types/analysis\";\nimport type {\n  ContentExtractor,\n  ContentHelpers,\n  ExtractContext,\n  ExtractToolkit,\n  SeoFieldPaths,\n} from \"../../types/config\";\nimport { buildInput } from \"./buildInput\";\n\nconst helpers: ContentHelpers = { heading, paragraph, link, image, video, html, richText, compact };\n\nexport interface BuildAnalysisInputArgs {\n  values: Record<string, unknown>;\n  locale: string | { code?: string } | null | undefined;\n  payloadLocale: string | undefined;\n  apiRoute?: string;\n  keyphrase: string;\n  fields: SeoFieldPaths;\n  site: { name: string; baseUrl: string };\n  extractor?: ContentExtractor;\n}\n\nexport async function buildAnalysisInput(args: BuildAnalysisInputArgs): Promise<AnalysisInput> {\n  const ir = await extractIntermediateRepresentation(args);\n  const contentHtml = serialize(ir);\n\n  return buildInput({\n    values: args.values,\n    contentHtml,\n    locale: args.locale,\n    keyphrase: args.keyphrase,\n    fields: args.fields,\n    site: args.site,\n  });\n}\n\nasync function extractIntermediateRepresentation(\n  args: BuildAnalysisInputArgs\n): Promise<ContentNode[]> {\n  if (!args.extractor) return [];\n\n  const ctx: ExtractContext = {\n    locale: args.payloadLocale,\n    apiRoute: args.apiRoute,\n  };\n\n  const toolkit: ExtractToolkit = {\n    resolveDocs: createResolveDocs(args.apiRoute, args.payloadLocale),\n    helpers,\n  };\n\n  return await args.extractor(args.values, ctx, toolkit);\n}\n"],"mappings":"AACA,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AASlC,SAAS,kBAAkB;AAE3B,MAAM,UAA0B,EAAE,SAAS,WAAW,MAAM,OAAO,OAAO,MAAM,UAAU,QAAQ;AAalG,eAAsB,mBAAmB,MAAsD;AAC7F,QAAM,KAAK,MAAM,kCAAkC,IAAI;AACvD,QAAM,cAAc,UAAU,EAAE;AAEhC,SAAO,WAAW;AAAA,IAChB,QAAQ,KAAK;AAAA,IACb;AAAA,IACA,QAAQ,KAAK;AAAA,IACb,WAAW,KAAK;AAAA,IAChB,QAAQ,KAAK;AAAA,IACb,MAAM,KAAK;AAAA,EACb,CAAC;AACH;AAEA,eAAe,kCACb,MACwB;AACxB,MAAI,CAAC,KAAK;AAAW,WAAO,CAAC;AAE7B,QAAM,MAAsB;AAAA,IAC1B,QAAQ,KAAK;AAAA,IACb,UAAU,KAAK;AAAA,EACjB;AAEA,QAAM,UAA0B;AAAA,IAC9B,aAAa,kBAAkB,KAAK,UAAU,KAAK,aAAa;AAAA,IAChE;AAAA,EACF;AAEA,SAAO,MAAM,KAAK,UAAU,KAAK,QAAQ,KAAK,OAAO;AACvD;","names":[]}
+{"version":3,"sources":["../../../src/components/SeoDrawer/build-analysis-input.ts"],"sourcesContent":["import type { ContentNode } from \"../../content/schema/nodes\";\nimport { serialize } from \"../../content/schema/serialize\";\nimport {\n  compact,\n  heading,\n  html,\n  image,\n  link,\n  paragraph,\n  richText,\n  video,\n} from \"../../content/schema/helpers\";\nimport { createResolveDocs } from \"../../content/resolve/resolve-docs\";\nimport type { AnalysisInput, KeyphraseInput } from \"../../engine/types/analysis\";\nimport type {\n  ContentExtractor,\n  ContentHelpers,\n  ExtractContext,\n  ExtractToolkit,\n  SeoFieldPaths,\n} from \"../../types/config\";\nimport { buildInput } from \"./buildInput\";\n\nconst helpers: ContentHelpers = { heading, paragraph, link, image, video, html, richText, compact };\n\nexport interface BuildAnalysisInputArgs {\n  values: Record<string, unknown>;\n  locale: string | { code?: string } | null | undefined;\n  payloadLocale: string | undefined;\n  apiRoute?: string;\n  keyphrases: KeyphraseInput[];\n  fields: SeoFieldPaths;\n  site: { name: string; baseUrl: string };\n  extractor?: ContentExtractor;\n}\n\nexport async function buildAnalysisInput(args: BuildAnalysisInputArgs): Promise<AnalysisInput> {\n  const ir = await extractIntermediateRepresentation(args);\n  const contentHtml = serialize(ir);\n\n  return buildInput({\n    values: args.values,\n    contentHtml,\n    locale: args.locale,\n    keyphrases: args.keyphrases,\n    fields: args.fields,\n    site: args.site,\n  });\n}\n\nasync function extractIntermediateRepresentation(\n  args: BuildAnalysisInputArgs\n): Promise<ContentNode[]> {\n  if (!args.extractor) return [];\n\n  const ctx: ExtractContext = {\n    locale: args.payloadLocale,\n    apiRoute: args.apiRoute,\n  };\n\n  const toolkit: ExtractToolkit = {\n    resolveDocs: createResolveDocs(args.apiRoute, args.payloadLocale),\n    helpers,\n  };\n\n  return await args.extractor(args.values, ctx, toolkit);\n}\n"],"mappings":"AACA,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AASlC,SAAS,kBAAkB;AAE3B,MAAM,UAA0B,EAAE,SAAS,WAAW,MAAM,OAAO,OAAO,MAAM,UAAU,QAAQ;AAalG,eAAsB,mBAAmB,MAAsD;AAC7F,QAAM,KAAK,MAAM,kCAAkC,IAAI;AACvD,QAAM,cAAc,UAAU,EAAE;AAEhC,SAAO,WAAW;AAAA,IAChB,QAAQ,KAAK;AAAA,IACb;AAAA,IACA,QAAQ,KAAK;AAAA,IACb,YAAY,KAAK;AAAA,IACjB,QAAQ,KAAK;AAAA,IACb,MAAM,KAAK;AAAA,EACb,CAAC;AACH;AAEA,eAAe,kCACb,MACwB;AACxB,MAAI,CAAC,KAAK;AAAW,WAAO,CAAC;AAE7B,QAAM,MAAsB;AAAA,IAC1B,QAAQ,KAAK;AAAA,IACb,UAAU,KAAK;AAAA,EACjB;AAEA,QAAM,UAA0B;AAAA,IAC9B,aAAa,kBAAkB,KAAK,UAAU,KAAK,aAAa;AAAA,IAChE;AAAA,EACF;AAEA,SAAO,MAAM,KAAK,UAAU,KAAK,QAAQ,KAAK,OAAO;AACvD;","names":[]}

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

@@ -1,4 +1,4 @@
-import type { AnalysisInput } from "../../engine/types/analysis";
+import type { AnalysisInput, KeyphraseInput } from "../../engine/types/analysis";
 import type { SeoFieldPaths } from "../../types/config";
 export interface BuildInputArgs {
     values: Record<string, unknown>;
@@ -6,12 +6,12 @@ export interface BuildInputArgs {
     locale: string | {
         code?: string;
     } | null | undefined;
-    keyphrase: string;
+    keyphrases: KeyphraseInput[];
     fields: SeoFieldPaths;
     site: {
         name: string;
         baseUrl: string;
     };
 }
-export declare function buildInput({ values, contentHtml, locale, keyphrase, fields, site, }: BuildInputArgs): AnalysisInput;
+export declare function buildInput({ values, contentHtml, locale, keyphrases, fields, site, }: BuildInputArgs): AnalysisInput;
 //# sourceMappingURL=buildInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"buildInput.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/buildInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA2BxD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,WAAW,EACX,MAAM,EACN,SAAS,EACT,MAAM,EACN,IAAI,GACL,EAAE,cAAc,GAAG,aAAa,CAkBhC"}
+{"version":3,"file":"buildInput.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/buildInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA2BxD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,WAAW,EACX,MAAM,EACN,UAAU,EACV,MAAM,EACN,IAAI,GACL,EAAE,cAAc,GAAG,aAAa,CAmBhC"}

package/dist/components/SeoDrawer/buildInput.js

@@ -15,7 +15,7 @@ function buildInput({
   values,
   contentHtml,
   locale,
-  keyphrase,
+  keyphrases,
   fields,
   site
 }) {
@@ -25,7 +25,8 @@ function buildInput({
     slug: valueAt(values, fields.slug ?? "slug"),
     description: valueAt(values, fields.metaDescription),
     contentHtml,
-    keyphrase,
+    keyphrase: keyphrases[0]?.text ?? "",
+    keyphrases,
     locale: normalizeLocale(locale),
     site,
     has: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SeoDrawer/buildInput.ts"],"sourcesContent":["import type { AnalysisInput } from \"../../engine/types/analysis\";\nimport type { SeoFieldPaths } from \"../../types/config\";\n\nfunction valueAt(values: Record<string, unknown>, path?: string): string {\n  if (!path) return \"\";\n\n  const v = path\n    .split(\".\")\n    .reduce<unknown>(\n      (acc, k) =>\n        acc && typeof acc === \"object\" ? (acc as Record<string, unknown>)[k] : undefined,\n      values\n    );\n\n  return typeof v === \"string\" ? v : \"\";\n}\n\nfunction normalizeLocale(locale: string | { code?: string } | null | undefined): string {\n  const code =\n    (typeof locale === \"object\" && locale\n      ? locale.code\n      : locale != null\n        ? String(locale)\n        : undefined) ?? \"en\";\n\n  return code.includes(\"_\") ? code : `${code}_${code.toUpperCase()}`;\n}\n\nexport interface BuildInputArgs {\n  values: Record<string, unknown>;\n  contentHtml: string;\n  locale: string | { code?: string } | null | undefined;\n  keyphrase: string;\n  fields: SeoFieldPaths;\n  site: { name: string; baseUrl: string };\n}\n\nexport function buildInput({\n  values,\n  contentHtml,\n  locale,\n  keyphrase,\n  fields,\n  site,\n}: BuildInputArgs): AnalysisInput {\n  const title = valueAt(values, fields.seoTitle) || valueAt(values, \"title\");\n\n  return {\n    title,\n    slug: valueAt(values, fields.slug ?? \"slug\"),\n    description: valueAt(values, fields.metaDescription),\n    contentHtml,\n    keyphrase,\n    locale: normalizeLocale(locale),\n    site,\n    has: {\n      seoTitle: Boolean(fields.seoTitle && valueAt(values, fields.seoTitle)),\n      metaDescription: Boolean(fields.metaDescription),\n      slug: Boolean(fields.slug ?? \"slug\"),\n      content: contentHtml.trim().length > 0,\n    },\n  };\n}\n"],"mappings":"AAGA,SAAS,QAAQ,QAAiC,MAAuB;AACvE,MAAI,CAAC;AAAM,WAAO;AAElB,QAAM,IAAI,KACP,MAAM,GAAG,EACT;AAAA,IACC,CAAC,KAAK,MACJ,OAAO,OAAO,QAAQ,WAAY,IAAgC,CAAC,IAAI;AAAA,IACzE;AAAA,EACF;AAEF,SAAO,OAAO,MAAM,WAAW,IAAI;AACrC;AAEA,SAAS,gBAAgB,QAA+D;AACtF,QAAM,QACH,OAAO,WAAW,YAAY,SAC3B,OAAO,OACP,UAAU,OACR,OAAO,MAAM,IACb,WAAc;AAEtB,SAAO,KAAK,SAAS,GAAG,IAAI,OAAO,GAAG,IAAI,IAAI,KAAK,YAAY,CAAC;AAClE;AAWO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,QAAM,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,KAAK,QAAQ,QAAQ,OAAO;AAEzE,SAAO;AAAA,IACL;AAAA,IACA,MAAM,QAAQ,QAAQ,OAAO,QAAQ,MAAM;AAAA,IAC3C,aAAa,QAAQ,QAAQ,OAAO,eAAe;AAAA,IACnD;AAAA,IACA;AAAA,IACA,QAAQ,gBAAgB,MAAM;AAAA,IAC9B;AAAA,IACA,KAAK;AAAA,MACH,UAAU,QAAQ,OAAO,YAAY,QAAQ,QAAQ,OAAO,QAAQ,CAAC;AAAA,MACrE,iBAAiB,QAAQ,OAAO,eAAe;AAAA,MAC/C,MAAM,QAAQ,OAAO,QAAQ,MAAM;AAAA,MACnC,SAAS,YAAY,KAAK,EAAE,SAAS;AAAA,IACvC;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/components/SeoDrawer/buildInput.ts"],"sourcesContent":["import type { AnalysisInput, KeyphraseInput } from \"../../engine/types/analysis\";\nimport type { SeoFieldPaths } from \"../../types/config\";\n\nfunction valueAt(values: Record<string, unknown>, path?: string): string {\n  if (!path) return \"\";\n\n  const v = path\n    .split(\".\")\n    .reduce<unknown>(\n      (acc, k) =>\n        acc && typeof acc === \"object\" ? (acc as Record<string, unknown>)[k] : undefined,\n      values\n    );\n\n  return typeof v === \"string\" ? v : \"\";\n}\n\nfunction normalizeLocale(locale: string | { code?: string } | null | undefined): string {\n  const code =\n    (typeof locale === \"object\" && locale\n      ? locale.code\n      : locale != null\n        ? String(locale)\n        : undefined) ?? \"en\";\n\n  return code.includes(\"_\") ? code : `${code}_${code.toUpperCase()}`;\n}\n\nexport interface BuildInputArgs {\n  values: Record<string, unknown>;\n  contentHtml: string;\n  locale: string | { code?: string } | null | undefined;\n  keyphrases: KeyphraseInput[];\n  fields: SeoFieldPaths;\n  site: { name: string; baseUrl: string };\n}\n\nexport function buildInput({\n  values,\n  contentHtml,\n  locale,\n  keyphrases,\n  fields,\n  site,\n}: BuildInputArgs): AnalysisInput {\n  const title = valueAt(values, fields.seoTitle) || valueAt(values, \"title\");\n\n  return {\n    title,\n    slug: valueAt(values, fields.slug ?? \"slug\"),\n    description: valueAt(values, fields.metaDescription),\n    contentHtml,\n    keyphrase: keyphrases[0]?.text ?? \"\",\n    keyphrases,\n    locale: normalizeLocale(locale),\n    site,\n    has: {\n      seoTitle: Boolean(fields.seoTitle && valueAt(values, fields.seoTitle)),\n      metaDescription: Boolean(fields.metaDescription),\n      slug: Boolean(fields.slug ?? \"slug\"),\n      content: contentHtml.trim().length > 0,\n    },\n  };\n}\n"],"mappings":"AAGA,SAAS,QAAQ,QAAiC,MAAuB;AACvE,MAAI,CAAC;AAAM,WAAO;AAElB,QAAM,IAAI,KACP,MAAM,GAAG,EACT;AAAA,IACC,CAAC,KAAK,MACJ,OAAO,OAAO,QAAQ,WAAY,IAAgC,CAAC,IAAI;AAAA,IACzE;AAAA,EACF;AAEF,SAAO,OAAO,MAAM,WAAW,IAAI;AACrC;AAEA,SAAS,gBAAgB,QAA+D;AACtF,QAAM,QACH,OAAO,WAAW,YAAY,SAC3B,OAAO,OACP,UAAU,OACR,OAAO,MAAM,IACb,WAAc;AAEtB,SAAO,KAAK,SAAS,GAAG,IAAI,OAAO,GAAG,IAAI,IAAI,KAAK,YAAY,CAAC;AAClE;AAWO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,QAAM,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,KAAK,QAAQ,QAAQ,OAAO;AAEzE,SAAO;AAAA,IACL;AAAA,IACA,MAAM,QAAQ,QAAQ,OAAO,QAAQ,MAAM;AAAA,IAC3C,aAAa,QAAQ,QAAQ,OAAO,eAAe;AAAA,IACnD;AAAA,IACA,WAAW,WAAW,CAAC,GAAG,QAAQ;AAAA,IAClC;AAAA,IACA,QAAQ,gBAAgB,MAAM;AAAA,IAC9B;AAAA,IACA,KAAK;AAAA,MACH,UAAU,QAAQ,OAAO,YAAY,QAAQ,QAAQ,OAAO,QAAQ,CAAC;AAAA,MACrE,iBAAiB,QAAQ,OAAO,eAAe;AAAA,MAC/C,MAAM,QAAQ,OAAO,QAAQ,MAAM;AAAA,MACnC,SAAS,YAAY,KAAK,EAAE,SAAS;AAAA,IACvC;AAAA,EACF;AACF;","names":[]}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingIssueBanner.d.ts

@@ -0,0 +1,7 @@
+import type { HeadingDocIssue } from "../../../../engine/types/analysis";
+interface HeadingIssueBannerProps {
+    issue: HeadingDocIssue;
+}
+export declare function HeadingIssueBanner({ issue }: HeadingIssueBannerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HeadingIssueBanner.d.ts.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingIssueBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingIssueBanner.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingIssueBanner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,UAAU,uBAAuB;IAC/B,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAiBpE"}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingIssueBanner.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TriangleAlert } from "lucide-react";
+import { describeDocIssue } from "./headingIssueCopy";
+function HeadingIssueBanner({ issue }) {
+  const { title, body } = describeDocIssue(issue);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-[15px] mt-[12px] flex items-start gap-[9px] rounded-rs border border-seo-bad/25 bg-seo-bad-100 px-[11px] py-[9px]", children: [
+    /* @__PURE__ */ jsx(
+      TriangleAlert,
+      {
+        size: 15,
+        strokeWidth: 2.2,
+        "aria-hidden": "true",
+        className: "mt-[1px] flex-none text-seo-bad"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[12px] font-bold leading-[1.35] text-seo-bad", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "mt-[2px] text-[11.5px] leading-[1.4] text-neutral-700", children: body })
+    ] })
+  ] });
+}
+export {
+  HeadingIssueBanner
+};
+//# sourceMappingURL=HeadingIssueBanner.js.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingIssueBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingIssueBanner.tsx"],"sourcesContent":["\"use client\";\n\nimport { TriangleAlert } from \"lucide-react\";\nimport type { HeadingDocIssue } from \"../../../../engine/types/analysis\";\nimport { describeDocIssue } from \"./headingIssueCopy\";\n\ninterface HeadingIssueBannerProps {\n  issue: HeadingDocIssue;\n}\n\nexport function HeadingIssueBanner({ issue }: HeadingIssueBannerProps) {\n  const { title, body } = describeDocIssue(issue);\n\n  return (\n    <div className=\"mx-[15px] mt-[12px] flex items-start gap-[9px] rounded-rs border border-seo-bad/25 bg-seo-bad-100 px-[11px] py-[9px]\">\n      <TriangleAlert\n        size={15}\n        strokeWidth={2.2}\n        aria-hidden=\"true\"\n        className=\"mt-[1px] flex-none text-seo-bad\"\n      />\n      <div>\n        <div className=\"text-[12px] font-bold leading-[1.35] text-seo-bad\">{title}</div>\n        <div className=\"mt-[2px] text-[11.5px] leading-[1.4] text-neutral-700\">{body}</div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAeM,cAMA,YANA;AAbN,SAAS,qBAAqB;AAE9B,SAAS,wBAAwB;AAM1B,SAAS,mBAAmB,EAAE,MAAM,GAA4B;AACrE,QAAM,EAAE,OAAO,KAAK,IAAI,iBAAiB,KAAK;AAE9C,SACE,qBAAC,SAAI,WAAU,wHACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,aAAa;AAAA,QACb,eAAY;AAAA,QACZ,WAAU;AAAA;AAAA,IACZ;AAAA,IACA,qBAAC,SACC;AAAA,0BAAC,SAAI,WAAU,qDAAqD,iBAAM;AAAA,MAC1E,oBAAC,SAAI,WAAU,yDAAyD,gBAAK;AAAA,OAC/E;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingIssuePills.d.ts

@@ -0,0 +1,8 @@
+interface HeadingIssuePillsProps {
+    errors: number;
+    warnings: number;
+    total: number;
+}
+export declare function HeadingIssuePills({ errors, warnings, total }: HeadingIssuePillsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HeadingIssuePills.d.ts.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingIssuePills.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingIssuePills.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingIssuePills.tsx"],"names":[],"mappings":"AAIA,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,sBAAsB,2CAQpF"}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingIssuePills.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Pill } from "../../../../ui/Pill";
+function countLabel(count, noun) {
+  return count === 1 ? `1 ${noun}` : `${count} ${noun}s`;
+}
+function HeadingIssuePills({ errors, warnings, total }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[6px]", children: [
+    errors > 0 ? /* @__PURE__ */ jsx(Pill, { variant: "bad", children: countLabel(errors, "error") }) : null,
+    warnings > 0 ? /* @__PURE__ */ jsx(Pill, { variant: "warn", children: countLabel(warnings, "warning") }) : null,
+    /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: total })
+  ] });
+}
+export {
+  HeadingIssuePills
+};
+//# sourceMappingURL=HeadingIssuePills.js.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingIssuePills.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingIssuePills.tsx"],"sourcesContent":["\"use client\";\n\nimport { Pill } from \"../../../../ui/Pill\";\n\ninterface HeadingIssuePillsProps {\n  errors: number;\n  warnings: number;\n  total: number;\n}\n\nfunction countLabel(count: number, noun: string): string {\n  return count === 1 ? `1 ${noun}` : `${count} ${noun}s`;\n}\n\nexport function HeadingIssuePills({ errors, warnings, total }: HeadingIssuePillsProps) {\n  return (\n    <div className=\"flex items-center gap-[6px]\">\n      {errors > 0 ? <Pill variant=\"bad\">{countLabel(errors, \"error\")}</Pill> : null}\n      {warnings > 0 ? <Pill variant=\"warn\">{countLabel(warnings, \"warning\")}</Pill> : null}\n      <Pill variant=\"neutral\">{total}</Pill>\n    </div>\n  );\n}\n"],"mappings":";AAgBI,SACgB,KADhB;AAdJ,SAAS,YAAY;AAQrB,SAAS,WAAW,OAAe,MAAsB;AACvD,SAAO,UAAU,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,IAAI,IAAI;AACrD;AAEO,SAAS,kBAAkB,EAAE,QAAQ,UAAU,MAAM,GAA2B;AACrF,SACE,qBAAC,SAAI,WAAU,+BACZ;AAAA,aAAS,IAAI,oBAAC,QAAK,SAAQ,OAAO,qBAAW,QAAQ,OAAO,GAAE,IAAU;AAAA,IACxE,WAAW,IAAI,oBAAC,QAAK,SAAQ,QAAQ,qBAAW,UAAU,SAAS,GAAE,IAAU;AAAA,IAChF,oBAAC,QAAK,SAAQ,WAAW,iBAAM;AAAA,KACjC;AAEJ;","names":[]}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingTreeRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAIxE,UAAU,mBAAmB;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,MAAM,EACN,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,mBAAmB,2CAwDrB"}
+{"version":3,"file":"HeadingTreeRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAKxE,UAAU,mBAAmB;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,MAAM,EACN,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,mBAAmB,2CA8DrB"}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../../../utils/style";
+import { formatSkippedLevels } from "../headingIssueCopy";
 import { Chevron } from "./Chevron";
 function HeadingTreeRow({
   node,
@@ -59,6 +60,7 @@ function HeadingTreeRow({
                   children: node.text
                 }
               ) : /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0 truncate text-[12px] font-medium italic text-neutral-400", children: "(empty heading)" }),
+              node.issue ? /* @__PURE__ */ jsx("span", { className: "flex-none inline-flex items-center rounded-[20px] bg-seo-warn-100 px-[8px] py-[2px] text-[9.5px] font-bold tracking-[0.02em] text-seo-warn", children: formatSkippedLevels(node.issue.skipped) }) : null,
               hasKids ? /* @__PURE__ */ jsx(Chevron, { open: isOpen }) : null
             ]
           }

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.tsx"],"sourcesContent":["import type { Ref } from \"react\";\nimport type { HeadingNode } from \"../../../../../engine/types/analysis\";\nimport { cn } from \"../../../../../utils/style\";\nimport { Chevron } from \"./Chevron\";\n\ninterface HeadingTreeRowProps {\n  node: HeadingNode;\n  depth: number;\n  hasKids: boolean;\n  isOpen: boolean;\n  globalFirst: boolean;\n  onToggle: (id: string) => void;\n  rowRef?: Ref<HTMLDivElement>;\n  badgeRef?: Ref<HTMLSpanElement>;\n}\n\nexport function HeadingTreeRow({\n  node,\n  depth,\n  hasKids,\n  isOpen,\n  globalFirst,\n  onToggle,\n  rowRef,\n  badgeRef,\n}: HeadingTreeRowProps) {\n  return (\n    <div\n      ref={rowRef}\n      className={cn(\n        \"relative flex items-center gap-[9px] h-[34px] box-border\",\n        hasKids &&\n          \"cursor-pointer focus-visible:outline-2 focus-visible:outline-neutral-400 focus-visible:-outline-offset-2\"\n      )}\n      style={{ paddingLeft: depth * 20 }}\n      role={hasKids ? \"button\" : undefined}\n      tabIndex={hasKids ? 0 : undefined}\n      aria-expanded={hasKids ? isOpen : undefined}\n      onClick={hasKids ? () => onToggle(node.id) : undefined}\n      onKeyDown={\n        hasKids\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onToggle(node.id);\n              }\n            }\n          : undefined\n      }\n      title={hasKids ? (isOpen ? \"Collapse\" : \"Expand\") : undefined}\n    >\n      <span\n        ref={badgeRef}\n        className=\"flex-none font-mono text-[9px] font-bold leading-[100%] text-neutral-1000 bg-neutral-150 rounded-rs px-[6px] py-[3px] min-w-[22px] text-center\"\n      >\n        H{node.level}\n      </span>\n\n      <div\n        className={cn(\n          \"flex-1 min-w-0 flex items-center gap-[9px] h-full\",\n          !globalFirst && \"border-t border-neutral-150\"\n        )}\n      >\n        {node.text ? (\n          <span\n            className=\"flex-1 min-w-0 truncate text-[12px] font-medium text-neutral-800\"\n            title={node.text}\n          >\n            {node.text}\n          </span>\n        ) : (\n          <span className=\"flex-1 min-w-0 truncate text-[12px] font-medium italic text-neutral-400\">\n            (empty heading)\n          </span>\n        )}\n\n        {hasKids ? <Chevron open={isOpen} /> : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAmDM,SAcI,KAdJ;AAjDN,SAAS,UAAU;AACnB,SAAS,eAAe;AAajB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,WACE;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,aAAa,QAAQ,GAAG;AAAA,MACjC,MAAM,UAAU,WAAW;AAAA,MAC3B,UAAU,UAAU,IAAI;AAAA,MACxB,iBAAe,UAAU,SAAS;AAAA,MAClC,SAAS,UAAU,MAAM,SAAS,KAAK,EAAE,IAAI;AAAA,MAC7C,WACE,UACI,CAAC,MAAM;AACL,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,YAAE,eAAe;AACjB,mBAAS,KAAK,EAAE;AAAA,QAClB;AAAA,MACF,IACA;AAAA,MAEN,OAAO,UAAW,SAAS,aAAa,WAAY;AAAA,MAEpD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAU;AAAA,YACX;AAAA;AAAA,cACG,KAAK;AAAA;AAAA;AAAA,QACT;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,CAAC,eAAe;AAAA,YAClB;AAAA,YAEC;AAAA,mBAAK,OACJ;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,KAAK;AAAA,kBAEX,eAAK;AAAA;AAAA,cACR,IAEA,oBAAC,UAAK,WAAU,2EAA0E,6BAE1F;AAAA,cAGD,UAAU,oBAAC,WAAQ,MAAM,QAAQ,IAAK;AAAA;AAAA;AAAA,QACzC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.tsx"],"sourcesContent":["import type { Ref } from \"react\";\nimport type { HeadingNode } from \"../../../../../engine/types/analysis\";\nimport { cn } from \"../../../../../utils/style\";\nimport { formatSkippedLevels } from \"../headingIssueCopy\";\nimport { Chevron } from \"./Chevron\";\n\ninterface HeadingTreeRowProps {\n  node: HeadingNode;\n  depth: number;\n  hasKids: boolean;\n  isOpen: boolean;\n  globalFirst: boolean;\n  onToggle: (id: string) => void;\n  rowRef?: Ref<HTMLDivElement>;\n  badgeRef?: Ref<HTMLSpanElement>;\n}\n\nexport function HeadingTreeRow({\n  node,\n  depth,\n  hasKids,\n  isOpen,\n  globalFirst,\n  onToggle,\n  rowRef,\n  badgeRef,\n}: HeadingTreeRowProps) {\n  return (\n    <div\n      ref={rowRef}\n      className={cn(\n        \"relative flex items-center gap-[9px] h-[34px] box-border\",\n        hasKids &&\n          \"cursor-pointer focus-visible:outline-2 focus-visible:outline-neutral-400 focus-visible:-outline-offset-2\"\n      )}\n      style={{ paddingLeft: depth * 20 }}\n      role={hasKids ? \"button\" : undefined}\n      tabIndex={hasKids ? 0 : undefined}\n      aria-expanded={hasKids ? isOpen : undefined}\n      onClick={hasKids ? () => onToggle(node.id) : undefined}\n      onKeyDown={\n        hasKids\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onToggle(node.id);\n              }\n            }\n          : undefined\n      }\n      title={hasKids ? (isOpen ? \"Collapse\" : \"Expand\") : undefined}\n    >\n      <span\n        ref={badgeRef}\n        className=\"flex-none font-mono text-[9px] font-bold leading-[100%] text-neutral-1000 bg-neutral-150 rounded-rs px-[6px] py-[3px] min-w-[22px] text-center\"\n      >\n        H{node.level}\n      </span>\n\n      <div\n        className={cn(\n          \"flex-1 min-w-0 flex items-center gap-[9px] h-full\",\n          !globalFirst && \"border-t border-neutral-150\"\n        )}\n      >\n        {node.text ? (\n          <span\n            className=\"flex-1 min-w-0 truncate text-[12px] font-medium text-neutral-800\"\n            title={node.text}\n          >\n            {node.text}\n          </span>\n        ) : (\n          <span className=\"flex-1 min-w-0 truncate text-[12px] font-medium italic text-neutral-400\">\n            (empty heading)\n          </span>\n        )}\n\n        {node.issue ? (\n          <span className=\"flex-none inline-flex items-center rounded-[20px] bg-seo-warn-100 px-[8px] py-[2px] text-[9.5px] font-bold tracking-[0.02em] text-seo-warn\">\n            {formatSkippedLevels(node.issue.skipped)}\n          </span>\n        ) : null}\n\n        {hasKids ? <Chevron open={isOpen} /> : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAoDM,SAcI,KAdJ;AAlDN,SAAS,UAAU;AACnB,SAAS,2BAA2B;AACpC,SAAS,eAAe;AAajB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA,WACE;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,aAAa,QAAQ,GAAG;AAAA,MACjC,MAAM,UAAU,WAAW;AAAA,MAC3B,UAAU,UAAU,IAAI;AAAA,MACxB,iBAAe,UAAU,SAAS;AAAA,MAClC,SAAS,UAAU,MAAM,SAAS,KAAK,EAAE,IAAI;AAAA,MAC7C,WACE,UACI,CAAC,MAAM;AACL,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,YAAE,eAAe;AACjB,mBAAS,KAAK,EAAE;AAAA,QAClB;AAAA,MACF,IACA;AAAA,MAEN,OAAO,UAAW,SAAS,aAAa,WAAY;AAAA,MAEpD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAU;AAAA,YACX;AAAA;AAAA,cACG,KAAK;AAAA;AAAA;AAAA,QACT;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,CAAC,eAAe;AAAA,YAClB;AAAA,YAEC;AAAA,mBAAK,OACJ;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,KAAK;AAAA,kBAEX,eAAK;AAAA;AAAA,cACR,IAEA,oBAAC,UAAK,WAAU,2EAA0E,6BAE1F;AAAA,cAGD,KAAK,QACJ,oBAAC,UAAK,WAAU,8IACb,8BAAoB,KAAK,MAAM,OAAO,GACzC,IACE;AAAA,cAEH,UAAU,oBAAC,WAAQ,MAAM,QAAQ,IAAK;AAAA;AAAA;AAAA,QACzC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.d.ts

@@ -1,3 +1,4 @@
 import type { HeadingNode } from "../../../../../engine/types/analysis";
 export declare function collectParentIds(nodes: HeadingNode[]): string[];
+export declare function countHeadingWarnings(nodes: HeadingNode[]): number;
 //# sourceMappingURL=headingTreeView.d.ts.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headingTreeView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAExE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,EAAE,CAe/D"}
+{"version":3,"file":"headingTreeView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAExE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,EAAE,CAe/D;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAajE"}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.js

@@ -11,7 +11,20 @@ function collectParentIds(nodes) {
   walk(nodes);
   return ids;
 }
+function countHeadingWarnings(nodes) {
+  let count = 0;
+  const walk = (ns) => {
+    for (const n of ns) {
+      if (n.issue)
+        count++;
+      walk(n.children);
+    }
+  };
+  walk(nodes);
+  return count;
+}
 export {
-  collectParentIds
+  collectParentIds,
+  countHeadingWarnings
 };
 //# sourceMappingURL=headingTreeView.js.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.ts"],"sourcesContent":["import type { HeadingNode } from \"../../../../../engine/types/analysis\";\n\nexport function collectParentIds(nodes: HeadingNode[]): string[] {\n  const ids: string[] = [];\n\n  const walk = (ns: HeadingNode[]) => {\n    for (const n of ns) {\n      if (n.children.length > 0) {\n        ids.push(n.id);\n        walk(n.children);\n      }\n    }\n  };\n\n  walk(nodes);\n\n  return ids;\n}\n"],"mappings":"AAEO,SAAS,iBAAiB,OAAgC;AAC/D,QAAM,MAAgB,CAAC;AAEvB,QAAM,OAAO,CAAC,OAAsB;AAClC,eAAW,KAAK,IAAI;AAClB,UAAI,EAAE,SAAS,SAAS,GAAG;AACzB,YAAI,KAAK,EAAE,EAAE;AACb,aAAK,EAAE,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAEA,OAAK,KAAK;AAEV,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.ts"],"sourcesContent":["import type { HeadingNode } from \"../../../../../engine/types/analysis\";\n\nexport function collectParentIds(nodes: HeadingNode[]): string[] {\n  const ids: string[] = [];\n\n  const walk = (ns: HeadingNode[]) => {\n    for (const n of ns) {\n      if (n.children.length > 0) {\n        ids.push(n.id);\n        walk(n.children);\n      }\n    }\n  };\n\n  walk(nodes);\n\n  return ids;\n}\n\nexport function countHeadingWarnings(nodes: HeadingNode[]): number {\n  let count = 0;\n\n  const walk = (ns: HeadingNode[]) => {\n    for (const n of ns) {\n      if (n.issue) count++;\n      walk(n.children);\n    }\n  };\n\n  walk(nodes);\n\n  return count;\n}\n"],"mappings":"AAEO,SAAS,iBAAiB,OAAgC;AAC/D,QAAM,MAAgB,CAAC;AAEvB,QAAM,OAAO,CAAC,OAAsB;AAClC,eAAW,KAAK,IAAI;AAClB,UAAI,EAAE,SAAS,SAAS,GAAG;AACzB,YAAI,KAAK,EAAE,EAAE;AACb,aAAK,EAAE,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAEA,OAAK,KAAK;AAEV,SAAO;AACT;AAEO,SAAS,qBAAqB,OAA8B;AACjE,MAAI,QAAQ;AAEZ,QAAM,OAAO,CAAC,OAAsB;AAClC,eAAW,KAAK,IAAI;AAClB,UAAI,EAAE;AAAO;AACb,WAAK,EAAE,QAAQ;AAAA,IACjB;AAAA,EACF;AAEA,OAAK,KAAK;AAEV,SAAO;AACT;","names":[]}

package/dist/components/SeoDrawer/components/HeadingsSection/headingIssueCopy.d.ts

@@ -0,0 +1,7 @@
+import type { HeadingDocIssue, HeadingLevel } from "../../../../engine/types/analysis";
+export declare function describeDocIssue(issue: HeadingDocIssue): {
+    title: string;
+    body: string;
+};
+export declare function formatSkippedLevels(skipped: HeadingLevel[]): string;
+//# sourceMappingURL=headingIssueCopy.d.ts.map

package/dist/components/SeoDrawer/components/HeadingsSection/headingIssueCopy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headingIssueCopy.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/headingIssueCopy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEvF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAiBxF;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,CAEnE"}

package/dist/components/SeoDrawer/components/HeadingsSection/headingIssueCopy.js

@@ -0,0 +1,26 @@
+function describeDocIssue(issue) {
+  switch (issue.type) {
+    case "missing-h1":
+      return {
+        title: "No H1 heading found",
+        body: "Add a single top-level heading so the page has a clear title anchor."
+      };
+    case "multiple-h1":
+      return {
+        title: `Multiple H1 headings (${issue.count})`,
+        body: "Use exactly one H1 so search engines and screen readers get a single page title."
+      };
+    default: {
+      const _exhaustive = issue;
+      throw new Error(`Unhandled heading doc issue: ${JSON.stringify(_exhaustive)}`);
+    }
+  }
+}
+function formatSkippedLevels(skipped) {
+  return `Skipped ${skipped.map((level) => `H${level}`).join("\xB7")}`;
+}
+export {
+  describeDocIssue,
+  formatSkippedLevels
+};
+//# sourceMappingURL=headingIssueCopy.js.map

package/dist/components/SeoDrawer/components/HeadingsSection/headingIssueCopy.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/headingIssueCopy.ts"],"sourcesContent":["import type { HeadingDocIssue, HeadingLevel } from \"../../../../engine/types/analysis\";\n\nexport function describeDocIssue(issue: HeadingDocIssue): { title: string; body: string } {\n  switch (issue.type) {\n    case \"missing-h1\":\n      return {\n        title: \"No H1 heading found\",\n        body: \"Add a single top-level heading so the page has a clear title anchor.\",\n      };\n    case \"multiple-h1\":\n      return {\n        title: `Multiple H1 headings (${issue.count})`,\n        body: \"Use exactly one H1 so search engines and screen readers get a single page title.\",\n      };\n    default: {\n      const _exhaustive: never = issue;\n      throw new Error(`Unhandled heading doc issue: ${JSON.stringify(_exhaustive)}`);\n    }\n  }\n}\n\nexport function formatSkippedLevels(skipped: HeadingLevel[]): string {\n  return `Skipped ${skipped.map((level) => `H${level}`).join(\"·\")}`;\n}\n"],"mappings":"AAEO,SAAS,iBAAiB,OAAyD;AACxF,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK;AACH,aAAO;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,OAAO,yBAAyB,MAAM,KAAK;AAAA,QAC3C,MAAM;AAAA,MACR;AAAA,IACF,SAAS;AACP,YAAM,cAAqB;AAC3B,YAAM,IAAI,MAAM,gCAAgC,KAAK,UAAU,WAAW,CAAC,EAAE;AAAA,IAC/E;AAAA,EACF;AACF;AAEO,SAAS,oBAAoB,SAAiC;AACnE,SAAO,WAAW,QAAQ,IAAI,CAAC,UAAU,IAAI,KAAK,EAAE,EAAE,KAAK,MAAG,CAAC;AACjE;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAM1E,UAAU,oBAAoB;IAC5B,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,oBAAoB,2CAU7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAQ1E,UAAU,oBAAoB;IAC5B,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,oBAAoB,2CAqB7D"}

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

@@ -1,15 +1,26 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SectionCard } from "../../../../ui/SectionCard";
-import { Pill } from "../../../../ui/Pill";
+import { HeadingIssueBanner } from "./HeadingIssueBanner";
+import { HeadingIssuePills } from "./HeadingIssuePills";
 import { HeadingLevelTiles } from "./HeadingLevelTiles";
 import { HeadingTree } from "./HeadingTree";
+import { countHeadingWarnings } from "./HeadingTree/headingTreeView";
 function HeadingsSection({ data }) {
-  return /* @__PURE__ */ jsxs(SectionCard, { title: "Headings", widget: /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: data.total }), children: [
-    /* @__PURE__ */ jsx("div", { className: "text-[9.5px] font-semibold uppercase tracking-[0.05em] text-neutral-500 px-[15px] pt-[11px]", children: "Levels" }),
-    /* @__PURE__ */ jsx(HeadingLevelTiles, { levels: data.levels }),
-    /* @__PURE__ */ jsx(HeadingTree, { tree: data.tree })
-  ] });
+  const warnings = countHeadingWarnings(data.tree);
+  return /* @__PURE__ */ jsxs(
+    SectionCard,
+    {
+      title: "Headings",
+      widget: /* @__PURE__ */ jsx(HeadingIssuePills, { errors: data.issues.length, warnings, total: data.total }),
+      children: [
+        data.issues.map((issue) => /* @__PURE__ */ jsx(HeadingIssueBanner, { issue }, issue.type)),
+        /* @__PURE__ */ jsx("div", { className: "text-[9.5px] font-semibold uppercase tracking-[0.05em] text-neutral-500 px-[15px] pt-[11px]", children: "Levels" }),
+        /* @__PURE__ */ jsx(HeadingLevelTiles, { levels: data.levels }),
+        /* @__PURE__ */ jsx(HeadingTree, { tree: data.tree })
+      ]
+    }
+  );
 }
 export {
   HeadingsSection

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/index.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HeadingStructure } from \"../../../../engine/types/analysis\";\nimport { SectionCard } from \"../../../../ui/SectionCard\";\nimport { Pill } from \"../../../../ui/Pill\";\nimport { HeadingLevelTiles } from \"./HeadingLevelTiles\";\nimport { HeadingTree } from \"./HeadingTree\";\n\ninterface HeadingsSectionProps {\n  data: HeadingStructure;\n}\n\nexport function HeadingsSection({ data }: HeadingsSectionProps) {\n  return (\n    <SectionCard title=\"Headings\" widget={<Pill variant=\"neutral\">{data.total}</Pill>}>\n      <div className=\"text-[9.5px] font-semibold uppercase tracking-[0.05em] text-neutral-500 px-[15px] pt-[11px]\">\n        Levels\n      </div>\n      <HeadingLevelTiles levels={data.levels} />\n      <HeadingTree tree={data.tree} />\n    </SectionCard>\n  );\n}\n"],"mappings":";AAcI,SAAsC,KAAtC;AAXJ,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAMrB,SAAS,gBAAgB,EAAE,KAAK,GAAyB;AAC9D,SACE,qBAAC,eAAY,OAAM,YAAW,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,OAAM,GACxE;AAAA,wBAAC,SAAI,WAAU,+FAA8F,oBAE7G;AAAA,IACA,oBAAC,qBAAkB,QAAQ,KAAK,QAAQ;AAAA,IACxC,oBAAC,eAAY,MAAM,KAAK,MAAM;AAAA,KAChC;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/index.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HeadingStructure } from \"../../../../engine/types/analysis\";\nimport { SectionCard } from \"../../../../ui/SectionCard\";\nimport { HeadingIssueBanner } from \"./HeadingIssueBanner\";\nimport { HeadingIssuePills } from \"./HeadingIssuePills\";\nimport { HeadingLevelTiles } from \"./HeadingLevelTiles\";\nimport { HeadingTree } from \"./HeadingTree\";\nimport { countHeadingWarnings } from \"./HeadingTree/headingTreeView\";\n\ninterface HeadingsSectionProps {\n  data: HeadingStructure;\n}\n\nexport function HeadingsSection({ data }: HeadingsSectionProps) {\n  const warnings = countHeadingWarnings(data.tree);\n\n  return (\n    <SectionCard\n      title=\"Headings\"\n      widget={\n        <HeadingIssuePills errors={data.issues.length} warnings={warnings} total={data.total} />\n      }\n    >\n      {data.issues.map((issue) => (\n        <HeadingIssueBanner key={issue.type} issue={issue} />\n      ))}\n\n      <div className=\"text-[9.5px] font-semibold uppercase tracking-[0.05em] text-neutral-500 px-[15px] pt-[11px]\">\n        Levels\n      </div>\n      <HeadingLevelTiles levels={data.levels} />\n      <HeadingTree tree={data.tree} />\n    </SectionCard>\n  );\n}\n"],"mappings":";AAkBI,SAGI,KAHJ;AAfJ,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AAM9B,SAAS,gBAAgB,EAAE,KAAK,GAAyB;AAC9D,QAAM,WAAW,qBAAqB,KAAK,IAAI;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QACE,oBAAC,qBAAkB,QAAQ,KAAK,OAAO,QAAQ,UAAoB,OAAO,KAAK,OAAO;AAAA,MAGvF;AAAA,aAAK,OAAO,IAAI,CAAC,UAChB,oBAAC,sBAAoC,SAAZ,MAAM,IAAoB,CACpD;AAAA,QAED,oBAAC,SAAI,WAAU,+FAA8F,oBAE7G;AAAA,QACA,oBAAC,qBAAkB,QAAQ,KAAK,QAAQ;AAAA,QACxC,oBAAC,eAAY,MAAM,KAAK,MAAM;AAAA;AAAA;AAAA,EAChC;AAEJ;","names":[]}

package/dist/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.d.ts

@@ -1,3 +1,3 @@
 import type { ReactNode } from "react";
-export declare function highlightKeyphrase(text: string, keyphrase: string): ReactNode[];
+export declare function highlightKeyphrase(text: string, keyphrase: string, synonyms?: string[]): ReactNode[];
 //# sourceMappingURL=highlight-keyphrase.d.ts.map

package/dist/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlight-keyphrase.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,CAQ/E"}
+{"version":3,"file":"highlight-keyphrase.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAkBvC,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,EACjB,QAAQ,GAAE,MAAM,EAAO,GACtB,SAAS,EAAE,CASb"}

package/dist/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.js

@@ -2,10 +2,17 @@ import { jsx } from "react/jsx-runtime";
 function escapeRegex(value) {
   return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function highlightKeyphrase(text, keyphrase) {
-  if (!keyphrase.trim())
+function buildHighlightPattern(keyphrase, synonyms) {
+  const terms = [keyphrase, ...synonyms].map((term) => term.trim()).filter((term) => term.length > 0).sort((a, b) => b.length - a.length).map(escapeRegex);
+  if (terms.length === 0)
+    return null;
+  return terms.join("|");
+}
+function highlightKeyphrase(text, keyphrase, synonyms = []) {
+  const pattern = buildHighlightPattern(keyphrase, synonyms);
+  if (!pattern)
     return [text];
-  const segments = text.split(new RegExp(`(${escapeRegex(keyphrase)})`, "gi"));
+  const segments = text.split(new RegExp(`(${pattern})`, "gi"));
   return segments.map(
     (segment, index) => index % 2 === 1 ? /* @__PURE__ */ jsx("strong", { children: segment }, index) : segment
   );

package/dist/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nfunction escapeRegex(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nexport function highlightKeyphrase(text: string, keyphrase: string): ReactNode[] {\n  if (!keyphrase.trim()) return [text];\n\n  const segments = text.split(new RegExp(`(${escapeRegex(keyphrase)})`, \"gi\"));\n\n  return segments.map((segment, index) =>\n    index % 2 === 1 ? <strong key={index}>{segment}</strong> : segment\n  );\n}\n"],"mappings":"AAYsB;AAVtB,SAAS,YAAY,OAAuB;AAC1C,SAAO,MAAM,QAAQ,uBAAuB,MAAM;AACpD;AAEO,SAAS,mBAAmB,MAAc,WAAgC;AAC/E,MAAI,CAAC,UAAU,KAAK;AAAG,WAAO,CAAC,IAAI;AAEnC,QAAM,WAAW,KAAK,MAAM,IAAI,OAAO,IAAI,YAAY,SAAS,CAAC,KAAK,IAAI,CAAC;AAE3E,SAAO,SAAS;AAAA,IAAI,CAAC,SAAS,UAC5B,QAAQ,MAAM,IAAI,oBAAC,YAAoB,qBAAR,KAAgB,IAAY;AAAA,EAC7D;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nfunction escapeRegex(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nfunction buildHighlightPattern(keyphrase: string, synonyms: string[]): string | null {\n  const terms = [keyphrase, ...synonyms]\n    .map((term) => term.trim())\n    .filter((term) => term.length > 0)\n    .sort((a, b) => b.length - a.length)\n    .map(escapeRegex);\n\n  if (terms.length === 0) return null;\n\n  return terms.join(\"|\");\n}\n\nexport function highlightKeyphrase(\n  text: string,\n  keyphrase: string,\n  synonyms: string[] = []\n): ReactNode[] {\n  const pattern = buildHighlightPattern(keyphrase, synonyms);\n  if (!pattern) return [text];\n\n  const segments = text.split(new RegExp(`(${pattern})`, \"gi\"));\n\n  return segments.map((segment, index) =>\n    index % 2 === 1 ? <strong key={index}>{segment}</strong> : segment\n  );\n}\n"],"mappings":"AA6BsB;AA3BtB,SAAS,YAAY,OAAuB;AAC1C,SAAO,MAAM,QAAQ,uBAAuB,MAAM;AACpD;AAEA,SAAS,sBAAsB,WAAmB,UAAmC;AACnF,QAAM,QAAQ,CAAC,WAAW,GAAG,QAAQ,EAClC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EACzB,OAAO,CAAC,SAAS,KAAK,SAAS,CAAC,EAChC,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,EAClC,IAAI,WAAW;AAElB,MAAI,MAAM,WAAW;AAAG,WAAO;AAE/B,SAAO,MAAM,KAAK,GAAG;AACvB;AAEO,SAAS,mBACd,MACA,WACA,WAAqB,CAAC,GACT;AACb,QAAM,UAAU,sBAAsB,WAAW,QAAQ;AACzD,MAAI,CAAC;AAAS,WAAO,CAAC,IAAI;AAE1B,QAAM,WAAW,KAAK,MAAM,IAAI,OAAO,IAAI,OAAO,KAAK,IAAI,CAAC;AAE5D,SAAO,SAAS;AAAA,IAAI,CAAC,SAAS,UAC5B,QAAQ,MAAM,IAAI,oBAAC,YAAoB,qBAAR,KAAgB,IAAY;AAAA,EAC7D;AACF;","names":[]}

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

@@ -4,9 +4,10 @@ export type SerpMode = "mobile" | "desktop";
 interface SerpPreviewProps {
     data: SerpResult;
     keyphrase: string;
+    synonyms?: string[];
     faviconUrl: string;
     mode: SerpMode;
 }
-export declare function SerpPreview({ data, keyphrase, faviconUrl, mode }: SerpPreviewProps): ReactElement;
+export declare function SerpPreview({ data, keyphrase, synonyms, faviconUrl, mode, }: SerpPreviewProps): ReactElement;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAapE,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5C,UAAU,gBAAgB;IACxB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,gBAAgB,GAAG,YAAY,CAqBjG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAapE,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5C,UAAU,gBAAgB;IACxB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAS,EACT,QAAa,EACb,UAAU,EACV,IAAI,GACL,EAAE,gBAAgB,GAAG,YAAY,CAqBjC"}