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

package/dist/components/SeoDrawer/keyphraseState.js

@@ -0,0 +1,73 @@
+import { MAX_KEYPHRASES } from "../../constants";
+function makeId() {
+  const c = globalThis.crypto;
+  return c?.randomUUID ? c.randomUUID() : `kp_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
+}
+function createEntry(text = "", synonyms = []) {
+  return {
+    id: makeId(),
+    text,
+    synonyms: [...synonyms]
+  };
+}
+function firstEmptyId(list) {
+  return list.find((k) => k.text.trim() === "")?.id;
+}
+function addRelated(list) {
+  if (list.length >= MAX_KEYPHRASES)
+    return list;
+  if (firstEmptyId(list))
+    return list;
+  return [...list, createEntry()];
+}
+function updateText(list, id, text) {
+  return list.map((k) => k.id === id ? { ...k, text } : k);
+}
+function addSynonym(list, id, syn) {
+  const value = syn.trim();
+  if (!value)
+    return list;
+  return list.map((k) => {
+    if (k.id !== id)
+      return k;
+    if (k.synonyms.some((s) => s.toLowerCase() === value.toLowerCase()))
+      return k;
+    return { ...k, synonyms: [...k.synonyms, value] };
+  });
+}
+function removeSynonym(list, id, index) {
+  return list.map(
+    (k) => k.id === id ? { ...k, synonyms: k.synonyms.filter((_, i) => i !== index) } : k
+  );
+}
+function remove(list, id) {
+  return list.filter((k) => k.id !== id);
+}
+function setFocus(list, id) {
+  const target = list.find((k) => k.id === id);
+  if (!target)
+    return list;
+  return [target, ...list.filter((k) => k.id !== id)];
+}
+function isDuplicate(list, id, text) {
+  const value = text.trim().toLowerCase();
+  if (!value)
+    return false;
+  return list.some((k) => k.id !== id && k.text.trim().toLowerCase() === value);
+}
+function pruneEmpties(list) {
+  return list.filter((k) => k.text.trim() !== "");
+}
+export {
+  addRelated,
+  addSynonym,
+  createEntry,
+  firstEmptyId,
+  isDuplicate,
+  pruneEmpties,
+  remove,
+  removeSynonym,
+  setFocus,
+  updateText
+};
+//# sourceMappingURL=keyphraseState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoDrawer/keyphraseState.ts"],"sourcesContent":["import { MAX_KEYPHRASES } from \"../../constants\";\n\nexport interface KeyphraseEntry {\n  id: string;\n  text: string;\n  synonyms: string[];\n}\n\nfunction makeId(): string {\n  const c = (globalThis as { crypto?: { randomUUID?: () => string } }).crypto;\n\n  return c?.randomUUID\n    ? c.randomUUID()\n    : `kp_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;\n}\n\nexport function createEntry(text = \"\", synonyms: string[] = []): KeyphraseEntry {\n  return {\n    id: makeId(),\n    text,\n    synonyms: [...synonyms],\n  };\n}\n\nexport function firstEmptyId(list: KeyphraseEntry[]): string | undefined {\n  return list.find((k) => k.text.trim() === \"\")?.id;\n}\n\nexport function addRelated(list: KeyphraseEntry[]): KeyphraseEntry[] {\n  if (list.length >= MAX_KEYPHRASES) return list;\n  if (firstEmptyId(list)) return list;\n\n  return [...list, createEntry()];\n}\n\nexport function updateText(list: KeyphraseEntry[], id: string, text: string): KeyphraseEntry[] {\n  return list.map((k) => (k.id === id ? { ...k, text } : k));\n}\n\nexport function addSynonym(list: KeyphraseEntry[], id: string, syn: string): KeyphraseEntry[] {\n  const value = syn.trim();\n  if (!value) return list;\n\n  return list.map((k) => {\n    if (k.id !== id) return k;\n    if (k.synonyms.some((s) => s.toLowerCase() === value.toLowerCase())) return k;\n    return { ...k, synonyms: [...k.synonyms, value] };\n  });\n}\n\nexport function removeSynonym(list: KeyphraseEntry[], id: string, index: number): KeyphraseEntry[] {\n  return list.map((k) =>\n    k.id === id ? { ...k, synonyms: k.synonyms.filter((_, i) => i !== index) } : k\n  );\n}\n\nexport function remove(list: KeyphraseEntry[], id: string): KeyphraseEntry[] {\n  return list.filter((k) => k.id !== id);\n}\n\nexport function setFocus(list: KeyphraseEntry[], id: string): KeyphraseEntry[] {\n  const target = list.find((k) => k.id === id);\n  if (!target) return list;\n\n  return [target, ...list.filter((k) => k.id !== id)];\n}\n\nexport function isDuplicate(list: KeyphraseEntry[], id: string, text: string): boolean {\n  const value = text.trim().toLowerCase();\n  if (!value) return false;\n\n  return list.some((k) => k.id !== id && k.text.trim().toLowerCase() === value);\n}\n\nexport function pruneEmpties(list: KeyphraseEntry[]): KeyphraseEntry[] {\n  return list.filter((k) => k.text.trim() !== \"\");\n}\n"],"mappings":"AAAA,SAAS,sBAAsB;AAQ/B,SAAS,SAAiB;AACxB,QAAM,IAAK,WAA0D;AAErE,SAAO,GAAG,aACN,EAAE,WAAW,IACb,MAAM,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,SAAS,EAAE,CAAC;AACzE;AAEO,SAAS,YAAY,OAAO,IAAI,WAAqB,CAAC,GAAmB;AAC9E,SAAO;AAAA,IACL,IAAI,OAAO;AAAA,IACX;AAAA,IACA,UAAU,CAAC,GAAG,QAAQ;AAAA,EACxB;AACF;AAEO,SAAS,aAAa,MAA4C;AACvE,SAAO,KAAK,KAAK,CAAC,MAAM,EAAE,KAAK,KAAK,MAAM,EAAE,GAAG;AACjD;AAEO,SAAS,WAAW,MAA0C;AACnE,MAAI,KAAK,UAAU;AAAgB,WAAO;AAC1C,MAAI,aAAa,IAAI;AAAG,WAAO;AAE/B,SAAO,CAAC,GAAG,MAAM,YAAY,CAAC;AAChC;AAEO,SAAS,WAAW,MAAwB,IAAY,MAAgC;AAC7F,SAAO,KAAK,IAAI,CAAC,MAAO,EAAE,OAAO,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,CAAE;AAC3D;AAEO,SAAS,WAAW,MAAwB,IAAY,KAA+B;AAC5F,QAAM,QAAQ,IAAI,KAAK;AACvB,MAAI,CAAC;AAAO,WAAO;AAEnB,SAAO,KAAK,IAAI,CAAC,MAAM;AACrB,QAAI,EAAE,OAAO;AAAI,aAAO;AACxB,QAAI,EAAE,SAAS,KAAK,CAAC,MAAM,EAAE,YAAY,MAAM,MAAM,YAAY,CAAC;AAAG,aAAO;AAC5E,WAAO,EAAE,GAAG,GAAG,UAAU,CAAC,GAAG,EAAE,UAAU,KAAK,EAAE;AAAA,EAClD,CAAC;AACH;AAEO,SAAS,cAAc,MAAwB,IAAY,OAAiC;AACjG,SAAO,KAAK;AAAA,IAAI,CAAC,MACf,EAAE,OAAO,KAAK,EAAE,GAAG,GAAG,UAAU,EAAE,SAAS,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK,EAAE,IAAI;AAAA,EAC/E;AACF;AAEO,SAAS,OAAO,MAAwB,IAA8B;AAC3E,SAAO,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AACvC;AAEO,SAAS,SAAS,MAAwB,IAA8B;AAC7E,QAAM,SAAS,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC3C,MAAI,CAAC;AAAQ,WAAO;AAEpB,SAAO,CAAC,QAAQ,GAAG,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AACpD;AAEO,SAAS,YAAY,MAAwB,IAAY,MAAuB;AACrF,QAAM,QAAQ,KAAK,KAAK,EAAE,YAAY;AACtC,MAAI,CAAC;AAAO,WAAO;AAEnB,SAAO,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM,EAAE,KAAK,KAAK,EAAE,YAAY,MAAM,KAAK;AAC9E;AAEO,SAAS,aAAa,MAA0C;AACrE,SAAO,KAAK,OAAO,CAAC,MAAM,EAAE,KAAK,KAAK,MAAM,EAAE;AAChD;","names":[]}

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

@@ -0,0 +1,5 @@
+import type { KeyphraseEntry } from './keyphraseState';
+export declare function storageKey(collectionSlug: string, docId: string, locale: string): string;
+export declare function loadKeyphrases(key: string): KeyphraseEntry[];
+export declare function saveKeyphrases(key: string, list: KeyphraseEntry[]): void;
+//# sourceMappingURL=keyphraseStorage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyphraseStorage.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/keyphraseStorage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASvD,wBAAgB,UAAU,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAExF;AAWD,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,EAAE,CAyB5D;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,IAAI,CAmBxE"}

package/dist/components/SeoDrawer/keyphraseStorage.js

@@ -0,0 +1,60 @@
+import { createEntry, pruneEmpties } from "./keyphraseState";
+const PREFIX = "seo-kw";
+function storageKey(collectionSlug, docId, locale) {
+  return `${PREFIX}:${collectionSlug}:${docId}:${locale}`;
+}
+function store() {
+  try {
+    if (typeof window === "undefined" || !window.localStorage)
+      return null;
+    return window.localStorage;
+  } catch {
+    return null;
+  }
+}
+function loadKeyphrases(key) {
+  const fallback = () => [createEntry()];
+  const s = store();
+  if (!s)
+    return fallback();
+  try {
+    const raw = s.getItem(key);
+    if (!raw)
+      return fallback();
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed) || parsed.length === 0)
+      return fallback();
+    const list = parsed.filter((e) => e && typeof e.text === "string").map(
+      (e) => createEntry(
+        e.text,
+        Array.isArray(e.synonyms) ? e.synonyms.filter((x) => typeof x === "string") : []
+      )
+    );
+    return list.length ? list : fallback();
+  } catch {
+    return fallback();
+  }
+}
+function saveKeyphrases(key, list) {
+  const s = store();
+  if (!s)
+    return;
+  try {
+    const persistable = pruneEmpties(list).map((k) => ({
+      text: k.text,
+      synonyms: k.synonyms
+    }));
+    if (persistable.length === 0) {
+      s.removeItem(key);
+      return;
+    }
+    s.setItem(key, JSON.stringify(persistable));
+  } catch {
+  }
+}
+export {
+  loadKeyphrases,
+  saveKeyphrases,
+  storageKey
+};
+//# sourceMappingURL=keyphraseStorage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoDrawer/keyphraseStorage.ts"],"sourcesContent":["import { createEntry, pruneEmpties } from './keyphraseState';\nimport type { KeyphraseEntry } from './keyphraseState';\n\nconst PREFIX = \"seo-kw\";\n\ninterface StoredEntry {\n  text: string;\n  synonyms: string[];\n}\n\nexport function storageKey(collectionSlug: string, docId: string, locale: string): string {\n  return `${PREFIX}:${collectionSlug}:${docId}:${locale}`;\n}\n\nfunction store(): Storage | null {\n  try {\n    if (typeof window === \"undefined\" || !window.localStorage) return null;\n    return window.localStorage;\n  } catch {\n    return null;\n  }\n}\n\nexport function loadKeyphrases(key: string): KeyphraseEntry[] {\n  const fallback = () => [createEntry()];\n  const s = store();\n  if (!s) return fallback();\n\n  try {\n    const raw = s.getItem(key);\n    if (!raw) return fallback();\n\n    const parsed = JSON.parse(raw) as StoredEntry[];\n    if (!Array.isArray(parsed) || parsed.length === 0) return fallback();\n\n    const list = parsed\n      .filter((e) => e && typeof e.text === \"string\")\n      .map((e) =>\n        createEntry(\n          e.text,\n          Array.isArray(e.synonyms) ? e.synonyms.filter((x) => typeof x === \"string\") : []\n        )\n      );\n\n    return list.length ? list : fallback();\n  } catch {\n    return fallback();\n  }\n}\n\nexport function saveKeyphrases(key: string, list: KeyphraseEntry[]): void {\n  const s = store();\n  if (!s) return;\n\n  try {\n    const persistable = pruneEmpties(list).map<StoredEntry>((k) => ({\n      text: k.text,\n      synonyms: k.synonyms,\n    }));\n\n    if (persistable.length === 0) {\n      s.removeItem(key);\n      return;\n    }\n\n    s.setItem(key, JSON.stringify(persistable));\n  } catch {\n    // quota / serialization — fail soft\n  }\n}\n"],"mappings":"AAAA,SAAS,aAAa,oBAAoB;AAG1C,MAAM,SAAS;AAOR,SAAS,WAAW,gBAAwB,OAAe,QAAwB;AACxF,SAAO,GAAG,MAAM,IAAI,cAAc,IAAI,KAAK,IAAI,MAAM;AACvD;AAEA,SAAS,QAAwB;AAC/B,MAAI;AACF,QAAI,OAAO,WAAW,eAAe,CAAC,OAAO;AAAc,aAAO;AAClE,WAAO,OAAO;AAAA,EAChB,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,eAAe,KAA+B;AAC5D,QAAM,WAAW,MAAM,CAAC,YAAY,CAAC;AACrC,QAAM,IAAI,MAAM;AAChB,MAAI,CAAC;AAAG,WAAO,SAAS;AAExB,MAAI;AACF,UAAM,MAAM,EAAE,QAAQ,GAAG;AACzB,QAAI,CAAC;AAAK,aAAO,SAAS;AAE1B,UAAM,SAAS,KAAK,MAAM,GAAG;AAC7B,QAAI,CAAC,MAAM,QAAQ,MAAM,KAAK,OAAO,WAAW;AAAG,aAAO,SAAS;AAEnE,UAAM,OAAO,OACV,OAAO,CAAC,MAAM,KAAK,OAAO,EAAE,SAAS,QAAQ,EAC7C;AAAA,MAAI,CAAC,MACJ;AAAA,QACE,EAAE;AAAA,QACF,MAAM,QAAQ,EAAE,QAAQ,IAAI,EAAE,SAAS,OAAO,CAAC,MAAM,OAAO,MAAM,QAAQ,IAAI,CAAC;AAAA,MACjF;AAAA,IACF;AAEF,WAAO,KAAK,SAAS,OAAO,SAAS;AAAA,EACvC,QAAQ;AACN,WAAO,SAAS;AAAA,EAClB;AACF;AAEO,SAAS,eAAe,KAAa,MAA8B;AACxE,QAAM,IAAI,MAAM;AAChB,MAAI,CAAC;AAAG;AAER,MAAI;AACF,UAAM,cAAc,aAAa,IAAI,EAAE,IAAiB,CAAC,OAAO;AAAA,MAC9D,MAAM,EAAE;AAAA,MACR,UAAU,EAAE;AAAA,IACd,EAAE;AAEF,QAAI,YAAY,WAAW,GAAG;AAC5B,QAAE,WAAW,GAAG;AAChB;AAAA,IACF;AAEA,MAAE,QAAQ,KAAK,KAAK,UAAU,WAAW,CAAC;AAAA,EAC5C,QAAQ;AAAA,EAER;AACF;","names":[]}

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

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

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

@@ -4,9 +4,10 @@ import { cn, ROW_SEPARATOR } from "../../../utils/style";
 import { TabHeader } from "../../../ui/TabHeader";
 import { SectionCard } from "../../../ui/SectionCard";
 import { Pill } from "../../../ui/Pill";
+import { TabWrapper } from "../components/TabWrapper";
 function InclusiveTab({ data }) {
   const flagged = data.categories.reduce((n, c) => n + c.flags.length, 0);
-  return /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-[13px]", children: [
+  return /* @__PURE__ */ jsx(TabWrapper, { children: /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-[13px]", children: [
     /* @__PURE__ */ jsx(
       TabHeader,
       {
@@ -59,7 +60,7 @@ function InclusiveTab({ data }) {
         )) })
       }
     )
-  ] });
+  ] }) });
 }
 export {
   InclusiveTab

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\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":[]}
+{"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\";\nimport { TabWrapper } from \"../components/TabWrapper\";\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    <TabWrapper>\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    </TabWrapper>\n  );\n}\n"],"mappings":";AAeQ,SAMI,UANJ,KAMI,YANJ;AAZR,SAAS,IAAI,qBAAqB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAEpB,SAAS,aAAa,EAAE,KAAK,GAA0C;AAC5E,QAAM,UAAU,KAAK,WAAW,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEtE,SACE,oBAAC,cACC,+BAAC,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,GACF;AAEJ;","names":[]}

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

@@ -1,11 +1,18 @@
-import type { CategoryResult } from "../../../engine/types/analysis";
+import type { AnalysisResult } from "../../../engine/types/analysis";
+import type { KeyphraseEntry } from "../keyphraseState";
 export interface KeyphraseTabProps {
-    data: CategoryResult;
-    keyphrase: string;
-    setKeyphrase: (keyphrase: string) => void;
+    keyphrases: KeyphraseEntry[];
+    selectedId: string | null;
+    onSelect: (id: string) => void;
+    result: AnalysisResult | null;
     analyzing: boolean;
-    keyphrasePending: boolean;
-    analyzeNow: () => void;
+    onAddRelated: () => void;
+    onTextChange: (id: string, text: string) => void;
+    onAddSynonym: (id: string, syn: string) => void;
+    onRemoveSynonym: (id: string, index: number) => void;
+    onRemove: (id: string) => void;
+    onSetFocus: (id: string) => void;
+    isDuplicate: (id: string, text: string) => boolean;
 }
-export declare function KeyphraseTab({ data, keyphrase, setKeyphrase, analyzing, keyphrasePending, analyzeNow, }: KeyphraseTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function KeyphraseTab({ keyphrases, selectedId: selectedIdProp, onSelect, result, analyzing, onAddRelated, onTextChange, onAddSynonym, onRemoveSynonym, onRemove, onSetFocus, isDuplicate, }: 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,EAC3B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,UAAU,GACX,EAAE,iBAAiB,2CAqEnB"}
+{"version":3,"file":"KeyphraseTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/KeyphraseTab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAkB,MAAM,gCAAgC,CAAC;AACrF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMxD,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;CACpD;AAYD,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,UAAU,EAAE,cAAc,EAC1B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,iBAAiB,2CAkGnB"}

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

@@ -1,76 +1,117 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Loader2 } from "lucide-react";
-import { useState } from "react";
-import { hasKeyphrase } from "../../../engine/helpers/has-keyphrase";
-import { TabHeader } from "../../../ui/TabHeader";
-import { SectionCard } from "../../../ui/SectionCard";
-import { Pill } from "../../../ui/Pill";
-import { FilterPills } from "../../../ui/FilterPills";
-import { CheckRow } from "../../../ui/CheckRow";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { KeyphraseDetail } from "./keyphrase/KeyphraseDetail";
+import { KeyphraseRail } from "./keyphrase/KeyphraseRail";
+function resultForEntry(entry, isFocus, result) {
+  if (!result)
+    return void 0;
+  if (isFocus)
+    return result.keyphraseText === entry.text ? result.keyphrase : void 0;
+  return result.relatedKeyphrases.find((r) => r.text === entry.text)?.result;
+}
 function KeyphraseTab({
-  data,
-  keyphrase,
-  setKeyphrase,
+  keyphrases,
+  selectedId: selectedIdProp,
+  onSelect,
+  result,
   analyzing,
-  keyphrasePending,
-  analyzeNow
+  onAddRelated,
+  onTextChange,
+  onAddSynonym,
+  onRemoveSynonym,
+  onRemove,
+  onSetFocus,
+  isDuplicate
 }) {
-  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;
-  const keyphrasePresent = hasKeyphrase(keyphrase);
-  const checksReady = keyphrasePresent && !keyphrasePending && !analyzing && data.checks.length > 0;
-  return /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-[13px]", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-[8px]", children: [
-      /* @__PURE__ */ jsx("label", { className: "flex-1 flex items-center gap-[8px] px-[12px] py-[9px] border border-neutral-200 rounded-rs bg-neutral-0", children: /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          className: "border-0 outline-none flex-1 text-[13px] text-neutral-800 bg-transparent",
-          value: keyphrase,
-          onChange: (e) => setKeyphrase(e.target.value),
-          placeholder: "Focus keyphrase",
-          "aria-label": "Focus keyphrase"
-        }
-      ) }),
-      /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", role: "status", children: keyphrasePending ? "Analyzing keyphrase\u2026" : "" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "px-[18px] py-[9px] bg-neutral-1000 text-neutral-0 border-0 rounded-rs font-medium text-[13px] cursor-pointer disabled:opacity-50",
-          disabled: !keyphrasePresent,
-          onClick: () => analyzeNow(),
-          children: analyzing ? "Analyzing\u2026" : "Analyze"
-        }
-      )
-    ] }),
-    !keyphrasePresent && /* @__PURE__ */ jsx("p", { className: "text-neutral-500 text-[13px]", children: "Enter a focus keyphrase to analyze how well your content targets it." }),
-    keyphrasePresent && !checksReady && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[8px] text-neutral-500 text-[13px]", children: [
-      /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "w-[14px] h-[14px] animate-spin" }),
-      "Analyzing keyphrase\u2026"
-    ] }),
-    checksReady && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        TabHeader,
-        {
-          title: "Keyphrase optimization",
-          score: data.ringScore,
-          status: data.status,
-          subtitle: /* @__PURE__ */ jsxs(Fragment, { children: [
-            passing,
-            " / ",
-            data.checks.length,
-            " checks passing"
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxs(SectionCard, { title: "Checks", widget: /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: data.checks.length }), children: [
-        /* @__PURE__ */ jsx(FilterPills, { checks: data.checks, value: filter, onChange: setFilter }),
-        visible.map((c) => /* @__PURE__ */ jsx(CheckRow, { check: c }, c.id))
-      ] })
-    ] })
+  const selectedId = selectedIdProp ?? keyphrases[0]?.id ?? null;
+  const selected = keyphrases.find((k) => k.id === selectedId) ?? keyphrases[0] ?? null;
+  const selectedIsFocus = selected ? keyphrases.indexOf(selected) === 0 : true;
+  const lastMetrics = useRef(/* @__PURE__ */ new Map());
+  const liveIds = new Set(keyphrases.map((k) => k.id));
+  for (const id of [...lastMetrics.current.keys()]) {
+    if (!liveIds.has(id))
+      lastMetrics.current.delete(id);
+  }
+  keyphrases.forEach((entry, index) => {
+    if (entry.text.trim() === "") {
+      lastMetrics.current.delete(entry.id);
+      return;
+    }
+    const fresh = resultForEntry(entry, index === 0, result);
+    if (fresh)
+      lastMetrics.current.set(entry.id, fresh);
+  });
+  const stateFor = (entry) => {
+    if (!entry.text.trim())
+      return { kind: "idle" };
+    const isFocus = keyphrases.indexOf(entry) === 0;
+    if (!isFocus && isDuplicate(entry.id, entry.text))
+      return { kind: "idle" };
+    const category = resultForEntry(entry, isFocus, result);
+    if (category)
+      return { kind: "score", score: category.ringScore, status: category.status };
+    return { kind: "analyzing" };
+  };
+  const detailAnalysis = () => {
+    if (!selected)
+      return { kind: "hint", message: "" };
+    if (isDuplicate(selected.id, selected.text)) {
+      return {
+        kind: "hint",
+        message: "Resolve the duplicate to analyse this keyphrase."
+      };
+    }
+    if (!selected.text.trim()) {
+      return {
+        kind: "hint",
+        message: "Start typing a keyphrase to see its analysis."
+      };
+    }
+    const category = resultForEntry(selected, selectedIsFocus, result);
+    if (category) {
+      return {
+        kind: "metrics",
+        result: category,
+        dim: analyzing
+      };
+    }
+    const previous = lastMetrics.current.get(selected.id);
+    if (previous) {
+      return {
+        kind: "metrics",
+        result: previous,
+        dim: true
+      };
+    }
+    return { kind: "analyzing" };
+  };
+  const analysis = detailAnalysis();
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-[420px]", children: [
+    /* @__PURE__ */ jsx(
+      KeyphraseRail,
+      {
+        entries: keyphrases,
+        onAdd: onAddRelated,
+        onSelect,
+        selectedId,
+        stateFor
+      }
+    ),
+    selected && /* @__PURE__ */ jsx(
+      KeyphraseDetail,
+      {
+        analysis,
+        duplicate: isDuplicate(selected.id, selected.text),
+        entry: selected,
+        isFocus: selectedIsFocus,
+        onAddSynonym: (syn) => onAddSynonym(selected.id, syn),
+        onRemove: () => onRemove(selected.id),
+        onRemoveSynonym: (index) => onRemoveSynonym(selected.id, index),
+        onSetFocus: () => onSetFocus(selected.id),
+        onTextChange: (text) => onTextChange(selected.id, text)
+      }
+    )
   ] });
 }
 export {

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({\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":[]}
+{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/KeyphraseTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { AnalysisResult, CategoryResult } from \"../../../engine/types/analysis\";\nimport type { KeyphraseEntry } from \"../keyphraseState\";\nimport type { CardState } from \"./keyphrase/KeyphraseCard\";\nimport { KeyphraseDetail } from \"./keyphrase/KeyphraseDetail\";\nimport type { DetailAnalysis } from \"./keyphrase/KeyphraseDetail\";\nimport { KeyphraseRail } from \"./keyphrase/KeyphraseRail\";\n\nexport interface KeyphraseTabProps {\n  keyphrases: KeyphraseEntry[];\n  selectedId: string | null;\n  onSelect: (id: string) => void;\n  result: AnalysisResult | null;\n  analyzing: boolean;\n  onAddRelated: () => void;\n  onTextChange: (id: string, text: string) => void;\n  onAddSynonym: (id: string, syn: string) => void;\n  onRemoveSynonym: (id: string, index: number) => void;\n  onRemove: (id: string) => void;\n  onSetFocus: (id: string) => void;\n  isDuplicate: (id: string, text: string) => boolean;\n}\n\nfunction resultForEntry(\n  entry: KeyphraseEntry,\n  isFocus: boolean,\n  result: AnalysisResult | null\n): CategoryResult | undefined {\n  if (!result) return undefined;\n  if (isFocus) return result.keyphraseText === entry.text ? result.keyphrase : undefined;\n  return result.relatedKeyphrases.find((r) => r.text === entry.text)?.result;\n}\n\nexport function KeyphraseTab({\n  keyphrases,\n  selectedId: selectedIdProp,\n  onSelect,\n  result,\n  analyzing,\n  onAddRelated,\n  onTextChange,\n  onAddSynonym,\n  onRemoveSynonym,\n  onRemove,\n  onSetFocus,\n  isDuplicate,\n}: KeyphraseTabProps) {\n  const selectedId = selectedIdProp ?? keyphrases[0]?.id ?? null;\n  const selected = keyphrases.find((k) => k.id === selectedId) ?? keyphrases[0] ?? null;\n  const selectedIsFocus = selected ? keyphrases.indexOf(selected) === 0 : true;\n\n  const lastMetrics = useRef<Map<string, CategoryResult>>(new Map());\n  const liveIds = new Set(keyphrases.map((k) => k.id));\n\n  for (const id of [...lastMetrics.current.keys()]) {\n    if (!liveIds.has(id)) lastMetrics.current.delete(id);\n  }\n\n  keyphrases.forEach((entry, index) => {\n    if (entry.text.trim() === \"\") {\n      lastMetrics.current.delete(entry.id);\n      return;\n    }\n    const fresh = resultForEntry(entry, index === 0, result);\n    if (fresh) lastMetrics.current.set(entry.id, fresh);\n  });\n\n  const stateFor = (entry: KeyphraseEntry): CardState => {\n    if (!entry.text.trim()) return { kind: \"idle\" };\n\n    const isFocus = keyphrases.indexOf(entry) === 0;\n    if (!isFocus && isDuplicate(entry.id, entry.text)) return { kind: \"idle\" };\n\n    const category = resultForEntry(entry, isFocus, result);\n    if (category) return { kind: \"score\", score: category.ringScore, status: category.status };\n\n    return { kind: \"analyzing\" };\n  };\n\n  const detailAnalysis = (): DetailAnalysis => {\n    if (!selected) return { kind: \"hint\", message: \"\" };\n\n    if (isDuplicate(selected.id, selected.text)) {\n      return {\n        kind: \"hint\",\n        message: \"Resolve the duplicate to analyse this keyphrase.\",\n      };\n    }\n\n    if (!selected.text.trim()) {\n      return {\n        kind: \"hint\",\n        message: \"Start typing a keyphrase to see its analysis.\",\n      };\n    }\n\n    const category = resultForEntry(selected, selectedIsFocus, result);\n    if (category) {\n      return {\n        kind: \"metrics\",\n        result: category,\n        dim: analyzing,\n      };\n    }\n\n    const previous = lastMetrics.current.get(selected.id);\n    if (previous) {\n      return {\n        kind: \"metrics\",\n        result: previous,\n        dim: true,\n      };\n    }\n\n    return { kind: \"analyzing\" };\n  };\n\n  const analysis = detailAnalysis();\n\n  return (\n    <div className=\"flex min-h-[420px]\">\n      <KeyphraseRail\n        entries={keyphrases}\n        onAdd={onAddRelated}\n        onSelect={onSelect}\n        selectedId={selectedId}\n        stateFor={stateFor}\n      />\n\n      {selected && (\n        <KeyphraseDetail\n          analysis={analysis}\n          duplicate={isDuplicate(selected.id, selected.text)}\n          entry={selected}\n          isFocus={selectedIsFocus}\n          onAddSynonym={(syn) => onAddSynonym(selected.id, syn)}\n          onRemove={() => onRemove(selected.id)}\n          onRemoveSynonym={(index) => onRemoveSynonym(selected.id, index)}\n          onSetFocus={() => onSetFocus(selected.id)}\n          onTextChange={(text) => onTextChange(selected.id, text)}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"OnPageTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/OnPageTab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAQrE,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,2CA0B3D"}
+{"version":3,"file":"OnPageTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/OnPageTab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AASrE,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,2CA4B3D"}

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

@@ -6,11 +6,12 @@ import { SectionCard } from "../../../ui/SectionCard";
 import { Pill } from "../../../ui/Pill";
 import { FilterPills } from "../../../ui/FilterPills";
 import { CheckRow } from "../../../ui/CheckRow";
+import { TabWrapper } from "../components/TabWrapper";
 function OnPageTab({ data }) {
   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;
-  return /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-[13px]", children: [
+  return /* @__PURE__ */ jsx(TabWrapper, { children: /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-[13px]", children: [
     /* @__PURE__ */ jsx(
       TabHeader,
       {
@@ -29,7 +30,7 @@ function OnPageTab({ data }) {
       /* @__PURE__ */ jsx(FilterPills, { checks: data.checks, value: filter, onChange: setFilter }),
       visible.map((c) => /* @__PURE__ */ jsx(CheckRow, { check: c }, c.id))
     ] })
-  ] });
+  ] }) });
 }
 export {
   OnPageTab

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/OnPageTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\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 function OnPageTab({ data }: { data: CategoryResult }) {\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\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <TabHeader\n        title=\"On-page structure\"\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    </section>\n  );\n}\n"],"mappings":";AAkBM,SAKI,UALJ,KAKI,YALJ;AAhBN,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB;AAElB,SAAS,UAAU,EAAE,KAAK,GAA6B;AAC5D,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;AAE/D,SACE,qBAAC,aAAQ,WAAU,4BACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,KAAK;AAAA,QACZ,QAAQ,KAAK;AAAA,QACb,UACE,iCACG;AAAA;AAAA,UAAQ;AAAA,UAAI,KAAK,OAAO;AAAA,UAAO;AAAA,WAClC;AAAA;AAAA,IAEJ;AAAA,IAEA,qBAAC,eAAY,OAAM,UAAS,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,OAAO,QAAO,GAC9E;AAAA,0BAAC,eAAY,QAAQ,KAAK,QAAQ,OAAO,QAAQ,UAAU,WAAW;AAAA,MACrE,QAAQ,IAAI,CAAC,MACZ,oBAAC,YAAoB,OAAO,KAAb,EAAE,EAAc,CAChC;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/OnPageTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\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\";\nimport { TabWrapper } from \"../components/TabWrapper\";\n\nexport function OnPageTab({ data }: { data: CategoryResult }) {\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\n  return (\n    <TabWrapper>\n      <section className=\"flex flex-col gap-[13px]\">\n        <TabHeader\n          title=\"On-page structure\"\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      </section>\n    </TabWrapper>\n  );\n}\n"],"mappings":";AAoBQ,SAKI,UALJ,KAKI,YALJ;AAlBR,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAEpB,SAAS,UAAU,EAAE,KAAK,GAA6B;AAC5D,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;AAE/D,SACE,oBAAC,cACC,+BAAC,aAAQ,WAAU,4BACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,KAAK;AAAA,QACZ,QAAQ,KAAK;AAAA,QACb,UACE,iCACG;AAAA;AAAA,UAAQ;AAAA,UAAI,KAAK,OAAO;AAAA,UAAO;AAAA,WAClC;AAAA;AAAA,IAEJ;AAAA,IAEA,qBAAC,eAAY,OAAM,UAAS,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,OAAO,QAAO,GAC9E;AAAA,0BAAC,eAAY,QAAQ,KAAK,QAAQ,OAAO,QAAQ,UAAU,WAAW;AAAA,MACrE,QAAQ,IAAI,CAAC,MACZ,oBAAC,YAAoB,OAAO,KAAb,EAAE,EAAc,CAChC;AAAA,OACH;AAAA,KACF,GACF;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ReadabilityTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/ReadabilityTab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAQrE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,2CA0BhE"}
+{"version":3,"file":"ReadabilityTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/ReadabilityTab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AASrE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,2CA4BhE"}

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

@@ -6,11 +6,12 @@ import { SectionCard } from "../../../ui/SectionCard";
 import { Pill } from "../../../ui/Pill";
 import { FilterPills } from "../../../ui/FilterPills";
 import { CheckRow } from "../../../ui/CheckRow";
+import { TabWrapper } from "../components/TabWrapper";
 function ReadabilityTab({ data }) {
   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;
-  return /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-[13px]", children: [
+  return /* @__PURE__ */ jsx(TabWrapper, { children: /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-[13px]", children: [
     /* @__PURE__ */ jsx(
       TabHeader,
       {
@@ -29,7 +30,7 @@ function ReadabilityTab({ data }) {
       /* @__PURE__ */ jsx(FilterPills, { checks: data.checks, value: filter, onChange: setFilter }),
       visible.map((c) => /* @__PURE__ */ jsx(CheckRow, { check: c }, c.id))
     ] })
-  ] });
+  ] }) });
 }
 export {
   ReadabilityTab

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/ReadabilityTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\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 function ReadabilityTab({ data }: { data: CategoryResult }) {\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\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <TabHeader\n        title=\"Readability\"\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    </section>\n  );\n}\n"],"mappings":";AAkBM,SAKI,UALJ,KAKI,YALJ;AAhBN,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB;AAElB,SAAS,eAAe,EAAE,KAAK,GAA6B;AACjE,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;AAE/D,SACE,qBAAC,aAAQ,WAAU,4BACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,KAAK;AAAA,QACZ,QAAQ,KAAK;AAAA,QACb,UACE,iCACG;AAAA;AAAA,UAAQ;AAAA,UAAI,KAAK,OAAO;AAAA,UAAO;AAAA,WAClC;AAAA;AAAA,IAEJ;AAAA,IAEA,qBAAC,eAAY,OAAM,UAAS,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,OAAO,QAAO,GAC9E;AAAA,0BAAC,eAAY,QAAQ,KAAK,QAAQ,OAAO,QAAQ,UAAU,WAAW;AAAA,MACrE,QAAQ,IAAI,CAAC,MACZ,oBAAC,YAAoB,OAAO,KAAb,EAAE,EAAc,CAChC;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/ReadabilityTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\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\";\nimport { TabWrapper } from \"../components/TabWrapper\";\n\nexport function ReadabilityTab({ data }: { data: CategoryResult }) {\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\n  return (\n    <TabWrapper>\n      <section className=\"flex flex-col gap-[13px]\">\n        <TabHeader\n          title=\"Readability\"\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      </section>\n    </TabWrapper>\n  );\n}\n"],"mappings":";AAoBQ,SAKI,UALJ,KAKI,YALJ;AAlBR,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAEpB,SAAS,eAAe,EAAE,KAAK,GAA6B;AACjE,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;AAE/D,SACE,oBAAC,cACC,+BAAC,aAAQ,WAAU,4BACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,KAAK;AAAA,QACZ,QAAQ,KAAK;AAAA,QACb,UACE,iCACG;AAAA;AAAA,UAAQ;AAAA,UAAI,KAAK,OAAO;AAAA,UAAO;AAAA,WAClC;AAAA;AAAA,IAEJ;AAAA,IAEA,qBAAC,eAAY,OAAM,UAAS,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,OAAO,QAAO,GAC9E;AAAA,0BAAC,eAAY,QAAQ,KAAK,QAAQ,OAAO,QAAQ,UAAU,WAAW;AAAA,MACrE,QAAQ,IAAI,CAAC,MACZ,oBAAC,YAAoB,OAAO,KAAb,EAAE,EAAc,CAChC;AAAA,OACH;AAAA,KACF,GACF;AAEJ;","names":[]}

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

@@ -1,7 +1,8 @@
 import type { SerpResult } from "../../../engine/types/analysis";
-export declare function SerpTab({ data, keyphrase, faviconUrl, }: {
+export declare function SerpTab({ data, keyphrase, synonyms, faviconUrl, }: {
     data: SerpResult;
     keyphrase: string;
+    synonyms?: string[];
     faviconUrl: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SerpTab.d.ts.map

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,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"}
+{"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;AAOjE,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,SAAS,EACT,QAAa,EACb,UAAU,GACX,EAAE;IACD,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB,2CAyCA"}