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

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseDetail.js

@@ -0,0 +1,127 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Loader2 } from "lucide-react";
+import { useId, useState } from "react";
+import { Button } from "../../../../ui/Button";
+import { CheckRow } from "../../../../ui/CheckRow";
+import { FilterPills } from "../../../../ui/FilterPills";
+import { Pill } from "../../../../ui/Pill";
+import { SectionCard } from "../../../../ui/SectionCard";
+import { TabHeader } from "../../../../ui/TabHeader";
+import { cn } from "../../../../utils/style";
+import { Target, Trash2 } from "./icons";
+import { SynonymsField } from "./SynonymsField";
+function Analysis({ analysis }) {
+  const [filter, setFilter] = useState("all");
+  if (analysis.kind === "analyzing") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "aria-live": "polite",
+        className: "flex items-center gap-[9px] text-neutral-500 text-[13px] py-[12px]",
+        role: "status",
+        children: [
+          /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "w-[15px] h-[15px] animate-spin" }),
+          "Analyzing keyphrase\u2026"
+        ]
+      }
+    );
+  }
+  if (analysis.kind === "hint") {
+    return /* @__PURE__ */ jsx("div", { className: "text-neutral-500 text-[12px] py-[6px]", children: analysis.message });
+  }
+  const { result, dim } = analysis;
+  const passing = result.checks.filter((check) => check.status === "good").length;
+  const visible = result.checks.filter((check) => filter === "all" || check.status === filter);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-[13px] transition-opacity",
+        dim && "opacity-40 pointer-events-none"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          TabHeader,
+          {
+            score: result.ringScore,
+            status: result.status,
+            subtitle: /* @__PURE__ */ jsxs(Fragment, { children: [
+              passing,
+              " / ",
+              result.checks.length,
+              " checks passing"
+            ] }),
+            title: "Keyphrase optimization"
+          }
+        ),
+        /* @__PURE__ */ jsxs(SectionCard, { title: "Checks", widget: /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: result.checks.length }), children: [
+          /* @__PURE__ */ jsx(FilterPills, { checks: result.checks, onChange: setFilter, value: filter }),
+          visible.map((check) => /* @__PURE__ */ jsx(CheckRow, { check }, check.id))
+        ] })
+      ]
+    }
+  );
+}
+function KeyphraseDetail({
+  entry,
+  isFocus,
+  duplicate,
+  analysis,
+  onTextChange,
+  onAddSynonym,
+  onRemoveSynonym,
+  onSetFocus,
+  onRemove
+}) {
+  const textInputId = useId();
+  const label = isFocus ? "Focus keyphrase" : "Related keyphrase";
+  return /* @__PURE__ */ jsxs("section", { className: "flex-1 min-w-0 px-[15px] py-[18px] flex flex-col gap-[13px] overflow-auto", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-[9px]", children: [
+      /* @__PURE__ */ jsx(
+        "label",
+        {
+          className: "block text-[10px] uppercase tracking-[0.05em] text-neutral-500 mb-[6px]",
+          htmlFor: textInputId,
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          autoComplete: "off",
+          className: "w-full border border-neutral-200 rounded-rs px-[12px] py-[10px] text-[13px] text-neutral-800 bg-neutral-0 outline-none focus:border-neutral-800",
+          id: textInputId,
+          onChange: (e) => onTextChange(e.target.value),
+          placeholder: isFocus ? "Type your primary keyphrase" : "Type a related keyphrase",
+          type: "text",
+          value: entry.text
+        }
+      )
+    ] }),
+    duplicate && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "aria-live": "polite",
+        className: "text-[11.5px] text-seo-warn bg-seo-warn-100 rounded-rs px-[10px] py-[8px] flex items-center gap-[7px]",
+        role: "status",
+        children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { "aria-hidden": "true", className: "w-[15px] h-[15px] flex-none" }),
+          "\u201C",
+          entry.text.trim(),
+          "\u201D is already in your keyphrase list."
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "mb-[9px]", children: /* @__PURE__ */ jsx(SynonymsField, { onAdd: onAddSynonym, onRemove: onRemoveSynonym, synonyms: entry.synonyms }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-[8px] items-center", children: [
+      !isFocus && /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Target, { "aria-hidden": "true" }), onClick: onSetFocus, variant: "primary", children: "Set as focus" }),
+      /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Trash2, { "aria-hidden": "true" }), onClick: onRemove, variant: "error", children: "Remove" })
+    ] }),
+    /* @__PURE__ */ jsx(Analysis, { analysis })
+  ] });
+}
+export {
+  KeyphraseDetail
+};
+//# sourceMappingURL=KeyphraseDetail.js.map

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/KeyphraseDetail.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertTriangle, Loader2 } from \"lucide-react\";\nimport { useId, useState } from \"react\";\nimport type { CategoryResult } from \"../../../../engine/types/analysis\";\nimport { Button } from \"../../../../ui/Button\";\nimport { CheckRow } from \"../../../../ui/CheckRow\";\nimport type { Filter } from \"../../../../ui/FilterPills\";\nimport { FilterPills } from \"../../../../ui/FilterPills\";\nimport { Pill } from \"../../../../ui/Pill\";\nimport { SectionCard } from \"../../../../ui/SectionCard\";\nimport { TabHeader } from \"../../../../ui/TabHeader\";\nimport { cn } from \"../../../../utils/style\";\nimport type { KeyphraseEntry } from \"../../keyphraseState\";\nimport { Target, Trash2 } from \"./icons\";\nimport { SynonymsField } from \"./SynonymsField\";\n\nexport type DetailAnalysis =\n  | { kind: \"metrics\"; result: CategoryResult; dim: boolean }\n  | { kind: \"analyzing\" }\n  | { kind: \"hint\"; message: string };\n\nexport interface KeyphraseDetailProps {\n  entry: KeyphraseEntry;\n  isFocus: boolean;\n  duplicate: boolean;\n  analysis: DetailAnalysis;\n  onTextChange: (text: string) => void;\n  onAddSynonym: (syn: string) => void;\n  onRemoveSynonym: (index: number) => void;\n  onSetFocus: () => void;\n  onRemove: () => void;\n}\n\ninterface AnalysisProps {\n  analysis: DetailAnalysis;\n}\n\nfunction Analysis({ analysis }: AnalysisProps) {\n  const [filter, setFilter] = useState<Filter>(\"all\");\n\n  if (analysis.kind === \"analyzing\") {\n    return (\n      <div\n        aria-live=\"polite\"\n        className=\"flex items-center gap-[9px] text-neutral-500 text-[13px] py-[12px]\"\n        role=\"status\"\n      >\n        <Loader2 aria-hidden=\"true\" className=\"w-[15px] h-[15px] animate-spin\" />\n        Analyzing keyphrase…\n      </div>\n    );\n  }\n\n  if (analysis.kind === \"hint\") {\n    return <div className=\"text-neutral-500 text-[12px] py-[6px]\">{analysis.message}</div>;\n  }\n\n  const { result, dim } = analysis;\n  const passing = result.checks.filter((check) => check.status === \"good\").length;\n  const visible = result.checks.filter((check) => filter === \"all\" || check.status === filter);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-[13px] transition-opacity\",\n        dim && \"opacity-40 pointer-events-none\"\n      )}\n    >\n      <TabHeader\n        score={result.ringScore}\n        status={result.status}\n        subtitle={\n          <>\n            {passing} / {result.checks.length} checks passing\n          </>\n        }\n        title=\"Keyphrase optimization\"\n      />\n\n      <SectionCard title=\"Checks\" widget={<Pill variant=\"neutral\">{result.checks.length}</Pill>}>\n        <FilterPills checks={result.checks} onChange={setFilter} value={filter} />\n        {visible.map((check) => (\n          <CheckRow check={check} key={check.id} />\n        ))}\n      </SectionCard>\n    </div>\n  );\n}\n\nexport function KeyphraseDetail({\n  entry,\n  isFocus,\n  duplicate,\n  analysis,\n  onTextChange,\n  onAddSynonym,\n  onRemoveSynonym,\n  onSetFocus,\n  onRemove,\n}: KeyphraseDetailProps) {\n  const textInputId = useId();\n  const label = isFocus ? \"Focus keyphrase\" : \"Related keyphrase\";\n\n  return (\n    <section className=\"flex-1 min-w-0 px-[15px] py-[18px] flex flex-col gap-[13px] overflow-auto\">\n      <div className=\"mb-[9px]\">\n        <label\n          className=\"block text-[10px] uppercase tracking-[0.05em] text-neutral-500 mb-[6px]\"\n          htmlFor={textInputId}\n        >\n          {label}\n        </label>\n        <input\n          autoComplete=\"off\"\n          className=\"w-full border border-neutral-200 rounded-rs px-[12px] py-[10px] text-[13px] text-neutral-800 bg-neutral-0 outline-none focus:border-neutral-800\"\n          id={textInputId}\n          onChange={(e) => onTextChange(e.target.value)}\n          placeholder={isFocus ? \"Type your primary keyphrase\" : \"Type a related keyphrase\"}\n          type=\"text\"\n          value={entry.text}\n        />\n      </div>\n\n      {duplicate && (\n        <div\n          aria-live=\"polite\"\n          className=\"text-[11.5px] text-seo-warn bg-seo-warn-100 rounded-rs px-[10px] py-[8px] flex items-center gap-[7px]\"\n          role=\"status\"\n        >\n          <AlertTriangle aria-hidden=\"true\" className=\"w-[15px] h-[15px] flex-none\" />\n          &#8220;{entry.text.trim()}&#8221; is already in your keyphrase list.\n        </div>\n      )}\n\n      <div className=\"mb-[9px]\">\n        <SynonymsField onAdd={onAddSynonym} onRemove={onRemoveSynonym} synonyms={entry.synonyms} />\n      </div>\n\n      <div className=\"flex gap-[8px] items-center\">\n        {!isFocus && (\n          <Button icon={<Target aria-hidden=\"true\" />} onClick={onSetFocus} variant=\"primary\">\n            Set as focus\n          </Button>\n        )}\n        <Button icon={<Trash2 aria-hidden=\"true\" />} onClick={onRemove} variant=\"error\">\n          Remove\n        </Button>\n      </div>\n\n      <Analysis analysis={analysis} />\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.d.ts

@@ -0,0 +1,12 @@
+import type { KeyphraseEntry } from "../../keyphraseState";
+import type { CardState } from "./KeyphraseCard";
+interface KeyphraseRailProps {
+    entries: KeyphraseEntry[];
+    selectedId: string | null;
+    stateFor: (entry: KeyphraseEntry) => CardState;
+    onSelect: (id: string) => void;
+    onAdd: () => void;
+}
+export declare function KeyphraseRail({ entries, selectedId, stateFor, onSelect, onAdd, }: KeyphraseRailProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=KeyphraseRail.d.ts.map

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyphraseRail.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC;IAC/C,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE,kBAAkB,2CAsCpB"}

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+import { MAX_KEYPHRASES } from "../../../../constants";
+import { firstEmptyId } from "../../keyphraseState";
+import { KeyphraseCard } from "./KeyphraseCard";
+function KeyphraseRail({
+  entries,
+  selectedId,
+  stateFor,
+  onSelect,
+  onAdd
+}) {
+  const atMax = entries.length >= MAX_KEYPHRASES;
+  const hasEmpty = Boolean(firstEmptyId(entries));
+  const addDisabled = atMax || hasEmpty;
+  return /* @__PURE__ */ jsx("aside", { className: "w-[264px] flex-none border-r border-neutral-200 bg-neutral-50", children: /* @__PURE__ */ jsxs("div", { className: "sticky top-0 px-[9px] py-[18px] flex flex-col gap-[5px]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-[7px] pt-[5px] pb-[3px]", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-[10px] uppercase tracking-[0.05em] text-neutral-500 font-bold", children: [
+        "Keyphrases \xB7 ",
+        entries.length,
+        "/",
+        MAX_KEYPHRASES
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Add related keyphrase",
+          title: atMax ? `Up to ${MAX_KEYPHRASES} keyphrases` : "Add related keyphrase",
+          disabled: addDisabled,
+          onClick: onAdd,
+          className: "w-[26px] h-[26px] rounded-rs border border-neutral-200 grid place-items-center text-neutral-600 bg-neutral-0 hover:border-neutral-800 hover:text-neutral-800 disabled:opacity-35 disabled:cursor-not-allowed [&_svg]:size-[15px]",
+          children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
+        }
+      )
+    ] }),
+    entries.map((entry, i) => /* @__PURE__ */ jsx(
+      KeyphraseCard,
+      {
+        entry,
+        isFocus: i === 0,
+        selected: entry.id === selectedId,
+        state: stateFor(entry),
+        onSelect
+      },
+      entry.id
+    ))
+  ] }) });
+}
+export {
+  KeyphraseRail
+};
+//# sourceMappingURL=KeyphraseRail.js.map

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.tsx"],"sourcesContent":["\"use client\";\n\nimport { Plus } from \"lucide-react\";\nimport { MAX_KEYPHRASES } from \"../../../../constants\";\nimport type { KeyphraseEntry } from \"../../keyphraseState\";\nimport { firstEmptyId } from \"../../keyphraseState\";\nimport { KeyphraseCard } from \"./KeyphraseCard\";\nimport type { CardState } from \"./KeyphraseCard\";\n\ninterface KeyphraseRailProps {\n  entries: KeyphraseEntry[];\n  selectedId: string | null;\n  stateFor: (entry: KeyphraseEntry) => CardState;\n  onSelect: (id: string) => void;\n  onAdd: () => void;\n}\n\nexport function KeyphraseRail({\n  entries,\n  selectedId,\n  stateFor,\n  onSelect,\n  onAdd,\n}: KeyphraseRailProps) {\n  const atMax = entries.length >= MAX_KEYPHRASES;\n  const hasEmpty = Boolean(firstEmptyId(entries));\n  const addDisabled = atMax || hasEmpty;\n\n  return (\n    <aside className=\"w-[264px] flex-none border-r border-neutral-200 bg-neutral-50\">\n      <div className=\"sticky top-0 px-[9px] py-[18px] flex flex-col gap-[5px]\">\n        <div className=\"flex items-center justify-between px-[7px] pt-[5px] pb-[3px]\">\n          <span className=\"text-[10px] uppercase tracking-[0.05em] text-neutral-500 font-bold\">\n            Keyphrases · {entries.length}/{MAX_KEYPHRASES}\n          </span>\n\n          <button\n            type=\"button\"\n            aria-label=\"Add related keyphrase\"\n            title={atMax ? `Up to ${MAX_KEYPHRASES} keyphrases` : \"Add related keyphrase\"}\n            disabled={addDisabled}\n            onClick={onAdd}\n            className=\"w-[26px] h-[26px] rounded-rs border border-neutral-200 grid place-items-center text-neutral-600 bg-neutral-0 hover:border-neutral-800 hover:text-neutral-800 disabled:opacity-35 disabled:cursor-not-allowed [&_svg]:size-[15px]\"\n          >\n            <Plus aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        {entries.map((entry, i) => (\n          <KeyphraseCard\n            key={entry.id}\n            entry={entry}\n            isFocus={i === 0}\n            selected={entry.id === selectedId}\n            state={stateFor(entry)}\n            onSelect={onSelect}\n          />\n        ))}\n      </div>\n    </aside>\n  );\n}\n"],"mappings":";AAgCU,SAYE,KAZF;AA9BV,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAWvB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,QAAQ,QAAQ,UAAU;AAChC,QAAM,WAAW,QAAQ,aAAa,OAAO,CAAC;AAC9C,QAAM,cAAc,SAAS;AAE7B,SACE,oBAAC,WAAM,WAAU,iEACf,+BAAC,SAAI,WAAU,2DACb;AAAA,yBAAC,SAAI,WAAU,gEACb;AAAA,2BAAC,UAAK,WAAU,sEAAqE;AAAA;AAAA,QACrE,QAAQ;AAAA,QAAO;AAAA,QAAE;AAAA,SACjC;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,OAAO,QAAQ,SAAS,cAAc,gBAAgB;AAAA,UACtD,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAU;AAAA,UAEV,8BAAC,QAAK,eAAY,QAAO;AAAA;AAAA,MAC3B;AAAA,OACF;AAAA,IAEC,QAAQ,IAAI,CAAC,OAAO,MACnB;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,SAAS,MAAM;AAAA,QACf,UAAU,MAAM,OAAO;AAAA,QACvB,OAAO,SAAS,KAAK;AAAA,QACrB;AAAA;AAAA,MALK,MAAM;AAAA,IAMb,CACD;AAAA,KACH,GACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/keyphrase/SynonymsField.d.ts

@@ -0,0 +1,7 @@
+export interface SynonymsFieldProps {
+    synonyms: string[];
+    onAdd: (syn: string) => void;
+    onRemove: (index: number) => void;
+}
+export declare function SynonymsField({ synonyms, onAdd, onRemove }: SynonymsFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SynonymsField.d.ts.map

package/dist/components/SeoDrawer/tabs/keyphrase/SynonymsField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SynonymsField.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/SynonymsField.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA8E9E"}

package/dist/components/SeoDrawer/tabs/keyphrase/SynonymsField.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, X } from "lucide-react";
+import { useState } from "react";
+import { cn } from "../../../../utils/style";
+function SynonymsField({ synonyms, onAdd, onRemove }) {
+  const [draft, setDraft] = useState("");
+  const [focused, setFocused] = useState(false);
+  const canAdd = draft.trim().length > 0;
+  const commit = () => {
+    if (!canAdd)
+      return;
+    onAdd(draft.trim());
+    setDraft("");
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("span", { className: "block text-[10px] uppercase tracking-[0.05em] text-neutral-500 mb-[6px]", children: "Synonyms" }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "border rounded-rs bg-neutral-0 overflow-hidden",
+          focused ? "border-neutral-800" : "border-neutral-200"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-[7px] p-[9px] items-center", children: [
+            synonyms.map((synonym, index) => /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "bg-neutral-1000 text-neutral-0 rounded-[15px] pl-[12px] pr-[6px] py-[4px] text-[11.5px] inline-flex items-center gap-[7px]",
+                children: [
+                  synonym,
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": `Remove synonym ${synonym} (${index + 1})`,
+                      className: "grid place-items-center p-0.5 text-[#a9adb4] rounded-full bg-transparent hover:text-neutral-0 hover:bg-neutral-900! [&_svg]:size-[1em] cursor-pointer",
+                      onClick: () => onRemove(index),
+                      children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+                    }
+                  )
+                ]
+              },
+              `${synonym}-${index}`
+            )),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                disabled: !canAdd,
+                onClick: commit,
+                className: "inline-flex items-center gap-[5px] rounded-[15px] px-[11px] py-[5px] text-[11.5px] font-semibold bg-neutral-1000 text-neutral-0 disabled:bg-neutral-100 disabled:text-neutral-300 [&_svg]:size-[13px] cursor-pointer",
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" }),
+                  " Add synonym"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "border-t border-neutral-150" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[8px] px-[11px] py-[8px]", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: draft,
+                onChange: (e) => setDraft(e.target.value),
+                onFocus: () => setFocused(true),
+                onBlur: () => setFocused(false),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") {
+                    e.preventDefault();
+                    commit();
+                  }
+                },
+                placeholder: "Add a synonym\u2026",
+                "aria-label": "Add a synonym",
+                className: "flex-1 border-0 outline-none text-[12.5px] text-neutral-800 bg-transparent"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-[9px] text-neutral-500 border border-neutral-200 rounded-[4px] px-[5px] py-[1px] font-semibold", children: "Enter" })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "text-[11px] text-neutral-500 mt-[6px] leading-[1.45]", children: "Synonyms count as keyphrase matches in this keyphrase\u2019s checks. One chip per synonym." })
+  ] });
+}
+export {
+  SynonymsField
+};
+//# sourceMappingURL=SynonymsField.js.map

package/dist/components/SeoDrawer/tabs/keyphrase/SynonymsField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/SynonymsField.tsx"],"sourcesContent":["\"use client\";\n\nimport { Plus, X } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { cn } from \"../../../../utils/style\";\n\nexport interface SynonymsFieldProps {\n  synonyms: string[];\n  onAdd: (syn: string) => void;\n  onRemove: (index: number) => void;\n}\n\nexport function SynonymsField({ synonyms, onAdd, onRemove }: SynonymsFieldProps) {\n  const [draft, setDraft] = useState(\"\");\n  const [focused, setFocused] = useState(false);\n  const canAdd = draft.trim().length > 0;\n\n  const commit = () => {\n    if (!canAdd) return;\n    onAdd(draft.trim());\n    setDraft(\"\");\n  };\n\n  return (\n    <div>\n      <span className=\"block text-[10px] uppercase tracking-[0.05em] text-neutral-500 mb-[6px]\">\n        Synonyms\n      </span>\n\n      <div\n        className={cn(\n          \"border rounded-rs bg-neutral-0 overflow-hidden\",\n          focused ? \"border-neutral-800\" : \"border-neutral-200\"\n        )}\n      >\n        <div className=\"flex flex-wrap gap-[7px] p-[9px] items-center\">\n          {synonyms.map((synonym, index) => (\n            <span\n              key={`${synonym}-${index}`}\n              className=\"bg-neutral-1000 text-neutral-0 rounded-[15px] pl-[12px] pr-[6px] py-[4px] text-[11.5px] inline-flex items-center gap-[7px]\"\n            >\n              {synonym}\n\n              <button\n                type=\"button\"\n                aria-label={`Remove synonym ${synonym} (${index + 1})`}\n                className=\"grid place-items-center p-0.5 text-[#a9adb4] rounded-full bg-transparent hover:text-neutral-0 hover:bg-neutral-900! [&_svg]:size-[1em] cursor-pointer\"\n                onClick={() => onRemove(index)}\n              >\n                <X aria-hidden=\"true\" />\n              </button>\n            </span>\n          ))}\n          <button\n            type=\"button\"\n            disabled={!canAdd}\n            onClick={commit}\n            className=\"inline-flex items-center gap-[5px] rounded-[15px] px-[11px] py-[5px] text-[11.5px] font-semibold bg-neutral-1000 text-neutral-0 disabled:bg-neutral-100 disabled:text-neutral-300 [&_svg]:size-[13px] cursor-pointer\"\n          >\n            <Plus aria-hidden=\"true\" /> Add synonym\n          </button>\n        </div>\n        <div className=\"border-t border-neutral-150\" />\n        <div className=\"flex items-center gap-[8px] px-[11px] py-[8px]\">\n          <input\n            type=\"text\"\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            onFocus={() => setFocused(true)}\n            onBlur={() => setFocused(false)}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\") {\n                e.preventDefault();\n                commit();\n              }\n            }}\n            placeholder=\"Add a synonym…\"\n            aria-label=\"Add a synonym\"\n            className=\"flex-1 border-0 outline-none text-[12.5px] text-neutral-800 bg-transparent\"\n          />\n          <span className=\"text-[9px] text-neutral-500 border border-neutral-200 rounded-[4px] px-[5px] py-[1px] font-semibold\">\n            Enter\n          </span>\n        </div>\n      </div>\n      <div className=\"text-[11px] text-neutral-500 mt-[6px] leading-[1.45]\">\n        Synonyms count as keyphrase matches in this keyphrase’s checks. One chip per synonym.\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAyBM,cAYM,YAZN;AAvBN,SAAS,MAAM,SAAS;AACxB,SAAS,gBAAgB;AACzB,SAAS,UAAU;AAQZ,SAAS,cAAc,EAAE,UAAU,OAAO,SAAS,GAAuB;AAC/E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,SAAS,MAAM,KAAK,EAAE,SAAS;AAErC,QAAM,SAAS,MAAM;AACnB,QAAI,CAAC;AAAQ;AACb,UAAM,MAAM,KAAK,CAAC;AAClB,aAAS,EAAE;AAAA,EACb;AAEA,SACE,qBAAC,SACC;AAAA,wBAAC,UAAK,WAAU,2EAA0E,sBAE1F;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,UAAU,uBAAuB;AAAA,QACnC;AAAA,QAEA;AAAA,+BAAC,SAAI,WAAU,iDACZ;AAAA,qBAAS,IAAI,CAAC,SAAS,UACtB;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAU;AAAA,gBAET;AAAA;AAAA,kBAED;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,cAAY,kBAAkB,OAAO,KAAK,QAAQ,CAAC;AAAA,sBACnD,WAAU;AAAA,sBACV,SAAS,MAAM,SAAS,KAAK;AAAA,sBAE7B,8BAAC,KAAE,eAAY,QAAO;AAAA;AAAA,kBACxB;AAAA;AAAA;AAAA,cAZK,GAAG,OAAO,IAAI,KAAK;AAAA,YAa1B,CACD;AAAA,YACD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAU,CAAC;AAAA,gBACX,SAAS;AAAA,gBACT,WAAU;AAAA,gBAEV;AAAA,sCAAC,QAAK,eAAY,QAAO;AAAA,kBAAE;AAAA;AAAA;AAAA,YAC7B;AAAA,aACF;AAAA,UACA,oBAAC,SAAI,WAAU,+BAA8B;AAAA,UAC7C,qBAAC,SAAI,WAAU,kDACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO;AAAA,gBACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,gBACxC,SAAS,MAAM,WAAW,IAAI;AAAA,gBAC9B,QAAQ,MAAM,WAAW,KAAK;AAAA,gBAC9B,WAAW,CAAC,MAAM;AAChB,sBAAI,EAAE,QAAQ,SAAS;AACrB,sBAAE,eAAe;AACjB,2BAAO;AAAA,kBACT;AAAA,gBACF;AAAA,gBACA,aAAY;AAAA,gBACZ,cAAW;AAAA,gBACX,WAAU;AAAA;AAAA,YACZ;AAAA,YACA,oBAAC,UAAK,WAAU,uGAAsG,mBAEtH;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,SAAI,WAAU,wDAAuD,wGAEtE;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/keyphrase/icons.d.ts

@@ -0,0 +1,2 @@
+export { Target, Trash2 } from "lucide-react";
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/SeoDrawer/tabs/keyphrase/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/icons.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/SeoDrawer/tabs/keyphrase/icons.js

@@ -0,0 +1,7 @@
+"use client";
+import { Target, Trash2 } from "lucide-react";
+export {
+  Target,
+  Trash2
+};
+//# sourceMappingURL=icons.js.map

package/dist/components/SeoDrawer/tabs/keyphrase/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/icons.tsx"],"sourcesContent":["\"use client\";\n\nexport { Target, Trash2 } from \"lucide-react\";\n"],"mappings":";AAEA,SAAS,QAAQ,cAAc;","names":[]}

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

@@ -10,7 +10,6 @@ export interface UseAnalysisArgs {
 export interface UseAnalysisResult {
     result: AnalysisResult | null;
     analyzing: boolean;
-    analyzedKeyphrase: string | null;
     analyzeNow: () => void;
 }
 export declare function useAnalysis({ getInput, signature, supportedLocales, enabled, }: UseAnalysisArgs): UseAnalysisResult;

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

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

package/dist/components/SeoDrawer/useAnalysis.js

@@ -11,7 +11,6 @@ function useAnalysis({
 }) {
   const [result, setResult] = useState(null);
   const [analyzing, setAnalyzing] = useState(false);
-  const [analyzedKeyphrase, setAnalyzedKeyphrase] = useState(null);
   const getInputRef = useRef(getInput);
   getInputRef.current = getInput;
   const signatureRef = useRef(signature);
@@ -30,7 +29,6 @@ function useAnalysis({
       if (runId !== runSeq.current)
         return;
       setResult(runAnalysis(input));
-      setAnalyzedKeyphrase(input.keyphrase);
     } finally {
       if (runId === runSeq.current)
         setAnalyzing(false);
@@ -52,7 +50,6 @@ function useAnalysis({
   return {
     result,
     analyzing,
-    analyzedKeyphrase,
     analyzeNow
   };
 }

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

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

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

@@ -0,0 +1,18 @@
+import type { KeyphraseEntry } from "./keyphraseState";
+export interface UseKeyphrasesArgs {
+    collectionSlug: string;
+    docId: string;
+    localeCode: string;
+}
+export interface UseKeyphrasesApi {
+    keyphrases: KeyphraseEntry[];
+    addRelated: () => string | undefined;
+    updateText: (id: string, text: string) => void;
+    addSynonym: (id: string, syn: string) => void;
+    removeSynonym: (id: string, index: number) => void;
+    remove: (id: string) => void;
+    setFocus: (id: string) => void;
+    isDuplicate: (id: string, text: string) => boolean;
+}
+export declare function useKeyphrases({ collectionSlug, docId, localeCode, }: UseKeyphrasesArgs): UseKeyphrasesApi;
+//# sourceMappingURL=useKeyphrases.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyphrases.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/useKeyphrases.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACrC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;CACpD;AAED,wBAAgB,aAAa,CAAC,EAC5B,cAAc,EACd,KAAK,EACL,UAAU,GACX,EAAE,iBAAiB,GAAG,gBAAgB,CAyEtC"}

package/dist/components/SeoDrawer/useKeyphrases.js

@@ -0,0 +1,78 @@
+"use client";
+import { useCallback, useEffect, useRef, useState } from "react";
+import * as ops from "./keyphraseState";
+import { loadKeyphrases, saveKeyphrases, storageKey } from "./keyphraseStorage";
+function useKeyphrases({
+  collectionSlug,
+  docId,
+  localeCode
+}) {
+  const key = storageKey(collectionSlug, docId, localeCode);
+  const [list, setList] = useState(() => loadKeyphrases(key));
+  const keyRef = useRef(key);
+  useEffect(() => {
+    if (keyRef.current !== key) {
+      keyRef.current = key;
+      setList(loadKeyphrases(key));
+    }
+  }, [key]);
+  useEffect(() => {
+    saveKeyphrases(key, list);
+  }, [key, list]);
+  const listRef = useRef(list);
+  listRef.current = list;
+  useEffect(
+    () => () => {
+      const pruned = ops.pruneEmpties(listRef.current);
+      if (pruned.length !== listRef.current.length)
+        saveKeyphrases(keyRef.current, pruned);
+    },
+    []
+  );
+  const addRelated = useCallback(() => {
+    const current = listRef.current;
+    const next = ops.addRelated(current);
+    if (next === current)
+      return ops.firstEmptyId(current);
+    setList(next);
+    return next.at(-1)?.id;
+  }, []);
+  const updateText = useCallback(
+    (id, text) => setList((l) => ops.updateText(l, id, text)),
+    []
+  );
+  const addSynonym = useCallback(
+    (id, syn) => setList((l) => ops.addSynonym(l, id, syn)),
+    []
+  );
+  const removeSynonym = useCallback(
+    (id, index) => setList((l) => ops.removeSynonym(l, id, index)),
+    []
+  );
+  const remove = useCallback(
+    (id) => setList((l) => {
+      const next = ops.remove(l, id);
+      return next.length > 0 ? next : [ops.createEntry()];
+    }),
+    []
+  );
+  const setFocus = useCallback((id) => setList((l) => ops.setFocus(l, id)), []);
+  const isDuplicate = useCallback(
+    (id, text) => ops.isDuplicate(listRef.current, id, text),
+    []
+  );
+  return {
+    keyphrases: list,
+    addRelated,
+    updateText,
+    addSynonym,
+    removeSynonym,
+    remove,
+    setFocus,
+    isDuplicate
+  };
+}
+export {
+  useKeyphrases
+};
+//# sourceMappingURL=useKeyphrases.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoDrawer/useKeyphrases.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport * as ops from \"./keyphraseState\";\nimport type { KeyphraseEntry } from \"./keyphraseState\";\nimport { loadKeyphrases, saveKeyphrases, storageKey } from \"./keyphraseStorage\";\n\nexport interface UseKeyphrasesArgs {\n  collectionSlug: string;\n  docId: string;\n  localeCode: string;\n}\n\nexport interface UseKeyphrasesApi {\n  keyphrases: KeyphraseEntry[];\n  addRelated: () => string | undefined;\n  updateText: (id: string, text: string) => void;\n  addSynonym: (id: string, syn: string) => void;\n  removeSynonym: (id: string, index: number) => void;\n  remove: (id: string) => void;\n  setFocus: (id: string) => void;\n  isDuplicate: (id: string, text: string) => boolean;\n}\n\nexport function useKeyphrases({\n  collectionSlug,\n  docId,\n  localeCode,\n}: UseKeyphrasesArgs): UseKeyphrasesApi {\n  const key = storageKey(collectionSlug, docId, localeCode);\n  const [list, setList] = useState<KeyphraseEntry[]>(() => loadKeyphrases(key));\n\n  const keyRef = useRef(key);\n\n  useEffect(() => {\n    if (keyRef.current !== key) {\n      keyRef.current = key;\n      setList(loadKeyphrases(key));\n    }\n  }, [key]);\n\n  useEffect(() => {\n    saveKeyphrases(key, list);\n  }, [key, list]);\n\n  const listRef = useRef(list);\n  listRef.current = list;\n  useEffect(\n    () => () => {\n      const pruned = ops.pruneEmpties(listRef.current);\n      if (pruned.length !== listRef.current.length) saveKeyphrases(keyRef.current, pruned);\n    },\n    []\n  );\n\n  const addRelated = useCallback((): string | undefined => {\n    const current = listRef.current;\n    const next = ops.addRelated(current);\n\n    if (next === current) return ops.firstEmptyId(current);\n    setList(next);\n\n    return next.at(-1)?.id;\n  }, []);\n  const updateText = useCallback(\n    (id: string, text: string) => setList((l) => ops.updateText(l, id, text)),\n    []\n  );\n  const addSynonym = useCallback(\n    (id: string, syn: string) => setList((l) => ops.addSynonym(l, id, syn)),\n    []\n  );\n  const removeSynonym = useCallback(\n    (id: string, index: number) => setList((l) => ops.removeSynonym(l, id, index)),\n    []\n  );\n  const remove = useCallback(\n    (id: string) =>\n      setList((l) => {\n        const next = ops.remove(l, id);\n\n        return next.length > 0 ? next : [ops.createEntry()];\n      }),\n    []\n  );\n  const setFocus = useCallback((id: string) => setList((l) => ops.setFocus(l, id)), []);\n  const isDuplicate = useCallback(\n    (id: string, text: string) => ops.isDuplicate(listRef.current, id, text),\n    []\n  );\n\n  return {\n    keyphrases: list,\n    addRelated,\n    updateText,\n    addSynonym,\n    removeSynonym,\n    remove,\n    setFocus,\n    isDuplicate,\n  };\n}\n"],"mappings":";AAEA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AACzD,YAAY,SAAS;AAErB,SAAS,gBAAgB,gBAAgB,kBAAkB;AAmBpD,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAAwC;AACtC,QAAM,MAAM,WAAW,gBAAgB,OAAO,UAAU;AACxD,QAAM,CAAC,MAAM,OAAO,IAAI,SAA2B,MAAM,eAAe,GAAG,CAAC;AAE5E,QAAM,SAAS,OAAO,GAAG;AAEzB,YAAU,MAAM;AACd,QAAI,OAAO,YAAY,KAAK;AAC1B,aAAO,UAAU;AACjB,cAAQ,eAAe,GAAG,CAAC;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,YAAU,MAAM;AACd,mBAAe,KAAK,IAAI;AAAA,EAC1B,GAAG,CAAC,KAAK,IAAI,CAAC;AAEd,QAAM,UAAU,OAAO,IAAI;AAC3B,UAAQ,UAAU;AAClB;AAAA,IACE,MAAM,MAAM;AACV,YAAM,SAAS,IAAI,aAAa,QAAQ,OAAO;AAC/C,UAAI,OAAO,WAAW,QAAQ,QAAQ;AAAQ,uBAAe,OAAO,SAAS,MAAM;AAAA,IACrF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,YAAY,MAA0B;AACvD,UAAM,UAAU,QAAQ;AACxB,UAAM,OAAO,IAAI,WAAW,OAAO;AAEnC,QAAI,SAAS;AAAS,aAAO,IAAI,aAAa,OAAO;AACrD,YAAQ,IAAI;AAEZ,WAAO,KAAK,GAAG,EAAE,GAAG;AAAA,EACtB,GAAG,CAAC,CAAC;AACL,QAAM,aAAa;AAAA,IACjB,CAAC,IAAY,SAAiB,QAAQ,CAAC,MAAM,IAAI,WAAW,GAAG,IAAI,IAAI,CAAC;AAAA,IACxE,CAAC;AAAA,EACH;AACA,QAAM,aAAa;AAAA,IACjB,CAAC,IAAY,QAAgB,QAAQ,CAAC,MAAM,IAAI,WAAW,GAAG,IAAI,GAAG,CAAC;AAAA,IACtE,CAAC;AAAA,EACH;AACA,QAAM,gBAAgB;AAAA,IACpB,CAAC,IAAY,UAAkB,QAAQ,CAAC,MAAM,IAAI,cAAc,GAAG,IAAI,KAAK,CAAC;AAAA,IAC7E,CAAC;AAAA,EACH;AACA,QAAM,SAAS;AAAA,IACb,CAAC,OACC,QAAQ,CAAC,MAAM;AACb,YAAM,OAAO,IAAI,OAAO,GAAG,EAAE;AAE7B,aAAO,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,YAAY,CAAC;AAAA,IACpD,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,QAAM,WAAW,YAAY,CAAC,OAAe,QAAQ,CAAC,MAAM,IAAI,SAAS,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;AACpF,QAAM,cAAc;AAAA,IAClB,CAAC,IAAY,SAAiB,IAAI,YAAY,QAAQ,SAAS,IAAI,IAAI;AAAA,IACvE,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -1,5 +1,6 @@
-import type { AnalysisInput } from "../../engine/types/analysis";
+import type { AnalysisInput, KeyphraseInput } from "../../engine/types/analysis";
 import type { SeoFieldPaths } from "../../types/config";
+export declare function keyphraseSignature(keyphrases: KeyphraseInput[]): string;
 export interface LiveDocArgs {
     collectionSlug: string;
     fields: SeoFieldPaths;
@@ -7,7 +8,7 @@ export interface LiveDocArgs {
         name: string;
         baseUrl: string;
     };
-    keyphrase: string;
+    keyphrases: KeyphraseInput[];
     enabled?: boolean;
     extractContentPath: string;
 }
@@ -17,5 +18,5 @@ export interface UseLiveDocumentResult {
         live?: boolean;
     }) => Promise<AnalysisInput>;
 }
-export declare function useLiveDocument({ collectionSlug: _collectionSlug, fields, site, keyphrase, enabled, extractContentPath, }: LiveDocArgs): UseLiveDocumentResult;
+export declare function useLiveDocument({ collectionSlug: _collectionSlug, fields, site, keyphrases, enabled, extractContentPath, }: LiveDocArgs): UseLiveDocumentResult;
 //# sourceMappingURL=useLiveDocument.d.ts.map

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

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