@contenify/chatbot 2.0.0 → 4.0.0

package/dist/index.js

@@ -53,307 +53,110 @@ __export(index_exports, {
   setConfig: () => setConfig
 });
 module.exports = __toCommonJS(index_exports);
-var import_react11 = require("react");
-
-// contexts/PreferencesContext.tsx
-var import_react = require("react");
-
-// lib/api.ts
-var import_axios = __toESM(require("axios"));
+var import_react10 = require("react");
 
-// lib/config.ts
-var _apiUrl = process.env.NEXT_PUBLIC_CONTENIFY_API_URL || "http://localhost:8080/api";
-var _apiKey = process.env.NEXT_PUBLIC_API_KEY || "";
-var _domain = process.env.NEXT_PUBLIC_DOMAIN || "";
-function setConfig(config) {
-  if (config.apiUrl) _apiUrl = config.apiUrl;
-  if (config.apiKey) _apiKey = config.apiKey;
-  if (config.domain) _domain = config.domain;
-}
-function getApiBaseUrl() {
-  return _apiUrl;
-}
-function getServerBaseUrl() {
-  return _apiUrl.replace(/\/api\/?$/, "");
-}
-function getApiKey() {
-  return _apiKey;
-}
+// components/chatbot/ChatBot.tsx
+var import_react9 = require("react");
 
-// lib/api.ts
-var api = import_axios.default.create({
-  baseURL: getApiBaseUrl(),
-  withCredentials: true,
-  headers: {
-    "Content-Type": "application/json"
-  }
-});
-api.interceptors.request.use(
-  (config) => {
-    const apiKey = getApiKey();
-    if (apiKey) {
-      config.headers["x-api-key"] = apiKey;
-    }
-    return config;
-  },
-  (error) => Promise.reject(error)
-);
-api.interceptors.response.use(
-  (response) => response,
-  (error) => {
-    var _a, _b;
-    const message = ((_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || error.message || "Something went wrong";
-    return Promise.reject(message);
+// src/utils/ aiJsonParser.ts
+function extractJSON(raw) {
+  if (!raw) return null;
+  let cleaned = raw.replace(/```json/gi, "").replace(/```/g, "").trim();
+  const first = cleaned.indexOf("{");
+  const last = cleaned.lastIndexOf("}");
+  if (first === -1 || last === -1 || last <= first) return null;
+  const possibleJson = cleaned.substring(first, last + 1);
+  try {
+    return JSON.parse(possibleJson);
+  } catch (err) {
+    console.warn("JSON parse failed:", err);
+    return null;
   }
-);
-var api_default = api;
+}
 
-// services/preferences.service.ts
-var getMyPreferencesApi = async () => {
-  const { data } = await api_default.get("/chatboat/preferences/me");
-  return data.data;
-};
-var savePreferencesApi = async ({
-  botName,
-  logo,
-  state,
-  cities,
-  primaryColor,
-  secondaryColor,
-  theme,
-  language,
-  showSidebar,
-  showHeader,
-  activeThemePreset,
-  showNewsPanel,
-  tone,
-  style,
-  wordCount,
-  includeQuotes,
-  includeFAQ,
-  targetAudience
-}) => {
-  const formData = new FormData();
-  if (botName) {
-    formData.append("botName", botName);
-  }
-  if (logo) {
-    formData.append("logo", logo);
-  }
-  if (state) {
-    formData.append("state", state);
-  }
-  if (cities) {
-    formData.append("cities", JSON.stringify(cities));
-  }
-  if (primaryColor) {
-    formData.append("primaryColor", primaryColor);
-  }
-  if (secondaryColor) {
-    formData.append("secondaryColor", secondaryColor);
-  }
-  if (theme) {
-    formData.append("theme", theme);
-  }
-  if (language) {
-    formData.append("language", language);
-  }
-  if (showSidebar !== void 0) {
-    formData.append("showSidebar", String(showSidebar));
-  }
-  if (showHeader !== void 0) {
-    formData.append("showHeader", String(showHeader));
-  }
-  if (activeThemePreset !== void 0) {
-    formData.append("activeThemePreset", activeThemePreset != null ? activeThemePreset : "");
-  }
-  if (showNewsPanel !== void 0) {
-    formData.append("showNewsPanel", String(showNewsPanel));
-  }
-  if (tone) {
-    formData.append("tone", tone);
-  }
-  if (style) {
-    formData.append("style", style);
-  }
-  if (wordCount) {
-    formData.append("wordCount", wordCount);
-  }
-  if (includeQuotes !== void 0) {
-    formData.append("includeQuotes", String(includeQuotes));
-  }
-  if (includeFAQ !== void 0) {
-    formData.append("includeFAQ", String(includeFAQ));
-  }
-  if (targetAudience !== void 0) {
-    formData.append("targetAudience", targetAudience);
+// src/utils/decodeUnicode.ts
+function decodeUnicode(text) {
+  if (!text) return "";
+  try {
+    return JSON.parse(`"${text.replace(/"/g, '\\"')}"`);
+  } catch (e) {
+    return text;
   }
-  const { data } = await api_default.put("/chatboat/preferences", formData, {
-    headers: {
-      "Content-Type": "multipart/form-data"
-    }
-  });
-  return data.data;
-};
+}
 
-// contexts/PreferencesContext.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var defaultPreferences = {
-  chatbot: {
-    name: "AI News Assistant",
-    primaryColor: "#10b981",
-    secondaryColor: "#064e3b",
-    theme: "system"
-  },
-  localization: {
-    country: "India",
-    state: "Uttar Pradesh",
-    cities: [],
-    language: "en",
-    locale: "en-IN",
-    timezone: "Asia/Kolkata"
-  },
-  appearance: {
-    showSidebar: true,
-    showHeader: true,
-    activeThemePreset: null,
-    showNewsPanel: true
-  },
-  content: {
-    tone: "engaging",
-    style: "blog",
-    wordCount: "medium",
-    includeQuotes: true,
-    includeFAQ: false,
-    targetAudience: ""
-  }
-};
-var PreferencesContext = (0, import_react.createContext)(void 0);
-function PreferencesProvider({ children }) {
-  const [preferences, setPreferences] = (0, import_react.useState)(defaultPreferences);
-  const [loading, setLoading] = (0, import_react.useState)(true);
-  const [error, setError] = (0, import_react.useState)(null);
-  const refreshPreferences = async () => {
-    var _a, _b, _c;
-    try {
-      setLoading(true);
-      setError(null);
-      const data = await getMyPreferencesApi();
-      if (data) {
-        if (((_a = data.chatbot) == null ? void 0 : _a.logoUrl) && !data.chatbot.logoUrl.startsWith("http")) {
-          data.chatbot.logoUrl = `${getServerBaseUrl()}/${data.chatbot.logoUrl}`;
-        }
-        const mergedPreferences = __spreadProps(__spreadValues(__spreadValues({}, defaultPreferences), data), {
-          chatbot: __spreadValues(__spreadValues({}, defaultPreferences.chatbot), data.chatbot),
-          localization: __spreadValues(__spreadValues({}, defaultPreferences.localization), data.localization),
-          appearance: __spreadValues(__spreadValues({}, defaultPreferences.appearance), data.appearance),
-          content: __spreadValues(__spreadValues({}, defaultPreferences.content), data.content)
-        });
-        setPreferences(mergedPreferences);
-        if (typeof document !== "undefined") {
-          document.documentElement.style.setProperty("--color-primary", ((_b = mergedPreferences.chatbot) == null ? void 0 : _b.primaryColor) || "#10b981");
-          document.documentElement.style.setProperty("--color-secondary", ((_c = mergedPreferences.chatbot) == null ? void 0 : _c.secondaryColor) || "#064e3b");
-        }
-      }
-    } catch (err) {
-      console.error("Failed to fetch preferences:", err);
-      setError(err instanceof Error ? err.message : "Failed to load preferences");
-      setPreferences(defaultPreferences);
-    } finally {
-      setLoading(false);
-    }
-  };
-  const updatePreferences = (newPreferences) => {
-    var _a, _b;
-    setPreferences(newPreferences);
-    if (typeof document !== "undefined") {
-      document.documentElement.style.setProperty("--color-primary", ((_a = newPreferences.chatbot) == null ? void 0 : _a.primaryColor) || "#10b981");
-      document.documentElement.style.setProperty("--color-secondary", ((_b = newPreferences.chatbot) == null ? void 0 : _b.secondaryColor) || "#064e3b");
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    refreshPreferences();
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    PreferencesContext.Provider,
-    {
-      value: {
-        preferences,
-        loading,
-        error,
-        refreshPreferences,
-        updatePreferences
-      },
-      children
+// src/utils/articleTextToHtml.ts
+function articleTextToHtml(text) {
+  if (!text) return "";
+  text = text.replace(/\\n/g, "\n");
+  const lines = text.split("\n").map((line) => line.trim()).filter(Boolean);
+  let html = "";
+  for (const line of lines) {
+    if (line.length < 80 && !line.endsWith("\u0964") && !line.endsWith(".")) {
+      html += `<h2>${line}</h2>`;
+      continue;
     }
-  );
-}
-function usePreferences() {
-  const context = (0, import_react.useContext)(PreferencesContext);
-  if (context === void 0) {
-    throw new Error("usePreferences must be used within a PreferencesProvider");
+    html += `<p>${line}</p>`;
   }
-  return context;
+  return html;
 }
 
-// components/chatbot/ChatBot.tsx
-var import_react10 = require("react");
-
-// util/util.ts
-function extractArticleContent(raw) {
-  if (!raw) {
-    return { article: "", metaKeywords: [] };
-  }
-  if (!raw.trim().startsWith("{")) {
-    return {
-      article: raw,
-      metaKeywords: []
-    };
-  }
-  try {
-    const parsed = JSON.parse(raw);
+// src/utils/formatAIContent.ts
+function formatAIContent(raw) {
+  const empty = {
+    isArticle: false,
+    title: "",
+    subtitle: "",
+    articleHtml: "",
+    article: "",
+    metaDescription: "",
+    metaKeywords: [],
+    plainText: "",
+    images: []
+  };
+  if (!raw) return empty;
+  const parsed = extractJSON(raw);
+  if (parsed && (parsed.title || parsed.article)) {
+    const rawArticle = (parsed.article || "").trim();
+    const safeArticle = decodeUnicode(rawArticle);
+    const isHtml = /<[a-z][\s\S]*>/i.test(safeArticle);
+    const articleHtml = isHtml ? safeArticle : articleTextToHtml(safeArticle);
     return {
+      isArticle: true,
       title: parsed.title || "",
-      article: parsed.article || parsed.content || "",
-      metaKeywords: Array.isArray(parsed.metaKeywords) ? parsed.metaKeywords : []
-    };
-  } catch (e) {
-    const article = raw.replace(/^[\s\S]*?"article"\s*:\s*"/, "").replace(/"\s*,\s*"metaKeywords"[\s\S]*$/, "").replace(/"}\s*$/, "") || raw;
-    return {
-      article,
-      metaKeywords: []
+      subtitle: parsed.subtitle || "",
+      articleHtml,
+      article: rawArticle,
+      metaDescription: parsed.metaDescription || "",
+      metaKeywords: Array.isArray(parsed.metaKeywords) ? parsed.metaKeywords : [],
+      plainText: raw,
+      seoAnalysis: parsed.seoAnalysis || null,
+      images: Array.isArray(parsed.images) ? parsed.images : []
     };
   }
+  return __spreadProps(__spreadValues({}, empty), { plainText: raw });
 }
-var hexToRgba = (hex, opacity) => {
-  const sanitizedHex = hex.replace("#", "");
-  const r = parseInt(sanitizedHex.substring(0, 2), 16);
-  const g = parseInt(sanitizedHex.substring(2, 4), 16);
-  const b = parseInt(sanitizedHex.substring(4, 6), 16);
-  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-};
 
 // components/chatbot/ChatWindow.tsx
 var import_lucide_react4 = require("lucide-react");
-var import_react6 = require("react");
+var import_react5 = require("react");
 
 // components/chatbot/EditModal.tsx
 var import_lucide_react2 = require("lucide-react");
-var import_react4 = require("react");
+var import_react3 = require("react");
 
 // components/chatbot/RichTextEditor.tsx
-var import_react2 = require("@tiptap/react");
+var import_react = require("@tiptap/react");
 var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
 var import_extension_placeholder = __toESM(require("@tiptap/extension-placeholder"));
 var import_lucide_react = require("lucide-react");
-var import_react3 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_react2 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function RichTextEditor({
   content,
   onChange,
   placeholder = "Start writing your article..."
 }) {
-  const editor = (0, import_react2.useEditor)({
+  const editor = (0, import_react.useEditor)({
     immediatelyRender: false,
     // Prevents SSR hydration mismatch
     extensions: [
@@ -376,102 +179,102 @@ function RichTextEditor({
       onChange(editor2.getHTML());
     }
   });
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (editor && content !== editor.getHTML()) {
       editor.commands.setContent(content);
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-editor-loading", children: "Loading editor..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cnfy-editor-loading", children: "Loading editor..." });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-editor", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-toolbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "cnfy-editor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "cnfy-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
           isActive: editor.isActive("heading", { level: 1 }),
           title: "Heading 1",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Heading1, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Heading1, { size: 18 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
           isActive: editor.isActive("heading", { level: 2 }),
           title: "Heading 2",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Heading2, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Heading2, { size: 18 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().setParagraph().run(),
           isActive: editor.isActive("paragraph"),
           title: "Paragraph",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Pilcrow, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Pilcrow, { size: 18 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-toolbar-divider" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cnfy-toolbar-divider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBold().run(),
           isActive: editor.isActive("bold"),
           title: "Bold",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Bold, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Bold, { size: 18 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleItalic().run(),
           isActive: editor.isActive("italic"),
           title: "Italic",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Italic, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Italic, { size: 18 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-toolbar-divider" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cnfy-toolbar-divider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           isActive: editor.isActive("bulletList"),
           title: "Bullet List",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.List, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.List, { size: 18 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleOrderedList().run(),
           isActive: editor.isActive("orderedList"),
           title: "Numbered List",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.ListOrdered, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ListOrdered, { size: 18 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-toolbar-divider" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cnfy-toolbar-divider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
           title: "Undo",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Undo, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Undo, { size: 18 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
           title: "Redo",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Redo, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Redo, { size: 18 })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.EditorContent, { editor, className: "cnfy-editor-content" })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EditorContent, { editor, className: "cnfy-editor-content" })
   ] });
 }
 function ToolbarButton({
@@ -481,7 +284,7 @@ function ToolbarButton({
   title,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     {
       onClick,
@@ -495,57 +298,76 @@ function ToolbarButton({
 
 // hooks/useTheme.ts
 function useTheme() {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const { preferences, loading } = usePreferences();
   return {
-    loading,
-    primaryColor: ((_a = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _a.primaryColor) || "#10b981",
-    secondaryColor: ((_b = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _b.secondaryColor) || "#064e3b",
-    botName: ((_c = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _c.name) || "AI News Assistant",
-    logoUrl: (_d = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _d.logoUrl,
-    theme: ((_e = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _e.theme) || "system",
-    showSidebar: (_g = (_f = preferences == null ? void 0 : preferences.appearance) == null ? void 0 : _f.showSidebar) != null ? _g : true,
-    showHeader: (_i = (_h = preferences == null ? void 0 : preferences.appearance) == null ? void 0 : _h.showHeader) != null ? _i : true,
-    activeThemePreset: (_k = (_j = preferences == null ? void 0 : preferences.appearance) == null ? void 0 : _j.activeThemePreset) != null ? _k : null,
-    showNewsPanel: (_m = (_l = preferences == null ? void 0 : preferences.appearance) == null ? void 0 : _l.showNewsPanel) != null ? _m : true
+    loading: false,
+    primaryColor: "#10b981",
+    secondaryColor: "#064e3b",
+    botName: "ContenifyAI Assistant",
+    logoUrl: "/logo.png",
+    theme: "system",
+    showSidebar: true,
+    showHeader: true,
+    activeThemePreset: null,
+    showNewsPanel: true
   };
 }
 
 // components/chatbot/EditModal.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function seoScoreColor(score) {
+  if (score >= 80) return "#10b981";
+  if (score >= 60) return "#f59e0b";
+  if (score >= 40) return "#f97316";
+  return "#ef4444";
+}
+function seoGradeColor(grade) {
+  if (grade === "A") return "#10b981";
+  if (grade === "B") return "#3b82f6";
+  if (grade === "C") return "#f59e0b";
+  if (grade === "D") return "#f97316";
+  return "#ef4444";
+}
+function toSlug(text) {
+  return text.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
+}
 function EditModal({
   isOpen,
+  inline = false,
+  initialTitle = "",
+  initialSubtitle = "",
   initialContent,
+  initialMetaDescription = "",
   metaKeywords,
+  initialFeaturedImage = "",
+  seoAnalysis = null,
   onClose,
-  onSaveDraft,
-  onPost
+  onDownload,
+  downloadingFormat,
+  onPost,
+  isPosting = false
 }) {
   const { primaryColor } = useTheme();
-  const [content, setContent] = (0, import_react4.useState)("");
-  const [keywords, setKeywords] = (0, import_react4.useState)(metaKeywords);
-  const [newKeyword, setNewKeyword] = (0, import_react4.useState)("");
-  const markdownToHtml = (text) => {
-    const lines = text.split("\n").filter((line) => line.trim());
-    let html = "";
-    lines.forEach((line) => {
-      const trimmed = line.trim();
-      if (trimmed.startsWith("# ")) {
-        html += `<h1>${trimmed.replace(/^#\s+/, "")}</h1>`;
-      } else if (trimmed.startsWith("## ")) {
-        html += `<h2>${trimmed.replace(/^##\s+/, "")}</h2>`;
-      } else {
-        html += `<p>${trimmed}</p>`;
-      }
-    });
-    return html;
-  };
-  (0, import_react4.useEffect)(() => {
-    const htmlContent = markdownToHtml(initialContent);
-    setContent(htmlContent);
+  const [title, setTitle] = (0, import_react3.useState)("");
+  const [seoSugOpen, setSeoSugOpen] = (0, import_react3.useState)(false);
+  const [subtitle, setSubtitle] = (0, import_react3.useState)("");
+  const [slug, setSlug] = (0, import_react3.useState)("");
+  const [slugEdited, setSlugEdited] = (0, import_react3.useState)(false);
+  const [metaDescription, setMetaDescription] = (0, import_react3.useState)("");
+  const [content, setContent] = (0, import_react3.useState)("");
+  const [keywords, setKeywords] = (0, import_react3.useState)(metaKeywords);
+  const [newKeyword, setNewKeyword] = (0, import_react3.useState)("");
+  const [featuredImage, setFeaturedImage] = (0, import_react3.useState)(initialFeaturedImage);
+  (0, import_react3.useLayoutEffect)(() => {
+    setTitle(initialTitle);
+    setSubtitle(initialSubtitle);
+    setMetaDescription(initialMetaDescription);
+    setSlug(toSlug(initialTitle));
+    setSlugEdited(false);
+    setContent(initialContent);
     setKeywords(metaKeywords);
-  }, [initialContent, metaKeywords]);
-  (0, import_react4.useEffect)(() => {
+    setFeaturedImage(initialFeaturedImage);
+  }, [initialTitle, initialSubtitle, initialContent, initialMetaDescription, metaKeywords, initialFeaturedImage]);
+  (0, import_react3.useEffect)(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -555,6 +377,16 @@ function EditModal({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
+  const handleTitleChange = (value) => {
+    setTitle(value);
+    if (!slugEdited) {
+      setSlug(toSlug(value));
+    }
+  };
+  const handleSlugChange = (value) => {
+    setSlug(toSlug(value));
+    setSlugEdited(true);
+  };
   const handleAddKeyword = () => {
     if (newKeyword.trim() && !keywords.includes(newKeyword.trim())) {
       setKeywords([...keywords, newKeyword.trim()]);
@@ -570,118 +402,319 @@ function EditModal({
       handleAddKeyword();
     }
   };
+  const getEditData = () => ({
+    title,
+    subtitle,
+    article: content,
+    metaDescription,
+    slug,
+    keywords,
+    featuredImage: featuredImage || void 0
+  });
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-edit-modal-overlay", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "div",
-      {
-        className: "cnfy-edit-modal-backdrop",
-        onClick: onClose
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-edit-modal", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-edit-modal-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: "cnfy-edit-modal-title", children: "Edit Article" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const editContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-edit-modal-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: "cnfy-edit-modal-title", children: "Edit Article" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: onClose, className: "cnfy-edit-modal-close-btn", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.X, { size: 20, className: "cnfy-edit-modal-close-icon" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-edit-modal-body", children: [
+      featuredImage && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-edit-featured-image-wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "img",
+          {
+            src: featuredImage,
+            alt: "Featured",
+            className: "cnfy-edit-featured-image"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "button",
           {
-            onClick: onClose,
-            className: "cnfy-edit-modal-close-btn",
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.X, { size: 20, className: "cnfy-edit-modal-close-icon" })
+            type: "button",
+            onClick: () => setFeaturedImage(""),
+            className: "cnfy-edit-featured-image-remove",
+            title: "Remove image",
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.X, { size: 14 })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-edit-modal-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: "cnfy-edit-label", children: "Article Content" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            RichTextEditor,
-            {
-              content,
-              onChange: setContent,
-              placeholder: "Start writing your article..."
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: "cnfy-edit-label", children: "Meta Keywords" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "cnfy-keyword-list", children: keywords.map((keyword, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-            "span",
-            {
-              className: "cnfy-keyword-tag",
-              children: [
-                "#",
-                keyword,
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  "button",
-                  {
-                    onClick: () => handleRemoveKeyword(index),
-                    className: "cnfy-keyword-remove-btn",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.X, { size: 14 })
-                  }
-                )
-              ]
-            },
-            index
-          )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-keyword-input-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "input",
-              {
-                type: "text",
-                value: newKeyword,
-                onChange: (e) => setNewKeyword(e.target.value),
-                onKeyDown: handleKeyDown,
-                placeholder: "Add a keyword...",
-                className: "cnfy-keyword-input"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "button",
-              {
-                onClick: handleAddKeyword,
-                className: "cnfy-btn-add-keyword",
-                children: "Add"
-              }
-            )
-          ] })
-        ] })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "cnfy-edit-label", children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            type: "text",
+            value: title,
+            onChange: (e) => handleTitleChange(e.target.value),
+            placeholder: "Article title...",
+            className: "cnfy-edit-input"
+          }
+        )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-edit-modal-footer", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "button",
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "cnfy-edit-label", children: "Subtitle" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
           {
-            onClick: onClose,
-            className: "cnfy-btn-footer-cancel",
-            children: "Cancel"
+            type: "text",
+            value: subtitle,
+            onChange: (e) => setSubtitle(e.target.value),
+            placeholder: "Article subtitle...",
+            className: "cnfy-edit-input"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "button",
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "cnfy-edit-label", children: "Slug" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
           {
-            onClick: () => onSaveDraft(content, keywords),
-            className: "cnfy-btn-save-draft",
-            children: "Save Draft"
+            type: "text",
+            value: slug,
+            onChange: (e) => handleSlugChange(e.target.value),
+            placeholder: "article-url-slug",
+            className: "cnfy-edit-input cnfy-edit-input--mono"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "button",
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "cnfy-edit-label", children: "Article Content" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          RichTextEditor,
           {
-            onClick: () => onPost(content, keywords),
-            className: "cnfy-btn-post-article",
-            style: { backgroundColor: primaryColor, color: "#fff" },
-            children: "Post"
+            content,
+            onChange: setContent,
+            placeholder: "Start writing your article..."
           }
         )
-      ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "cnfy-edit-label", children: "Meta Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "textarea",
+          {
+            value: metaDescription,
+            onChange: (e) => setMetaDescription(e.target.value),
+            placeholder: "Brief description for search engines...",
+            className: "cnfy-edit-textarea",
+            rows: 3
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "cnfy-edit-label", children: "Meta Keywords" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-keyword-list", children: keywords.map((keyword, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "cnfy-keyword-tag", children: [
+          "#",
+          keyword,
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "button",
+            {
+              onClick: () => handleRemoveKeyword(index),
+              className: "cnfy-keyword-remove-btn",
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.X, { size: 14 })
+            }
+          )
+        ] }, index)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-keyword-input-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "input",
+            {
+              type: "text",
+              value: newKeyword,
+              onChange: (e) => setNewKeyword(e.target.value),
+              onKeyDown: handleKeyDown,
+              placeholder: "Add a keyword...",
+              className: "cnfy-keyword-input"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: handleAddKeyword, className: "cnfy-btn-add-keyword", children: "Add" })
+        ] })
+      ] }),
+      seoAnalysis && (() => {
+        const seo = seoAnalysis;
+        const breakdown = [
+          { key: "title", label: "Title", section: seo.breakdown.title },
+          { key: "meta", label: "Meta", section: seo.breakdown.meta },
+          { key: "content", label: "Content", section: seo.breakdown.content },
+          { key: "keywords", label: "Keywords", section: seo.breakdown.keywords },
+          { key: "readability", label: "Readability", section: seo.breakdown.readability }
+        ];
+        const allIssues = breakdown.flatMap((b) => {
+          var _a, _b;
+          return (_b = (_a = b.section) == null ? void 0 : _a.issues) != null ? _b : [];
+        }).filter(Boolean);
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-seo-panel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-seo-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-seo-title", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.BarChart2, { size: 13 }),
+              "SEO Analysis",
+              seo.improvement != null && seo.improvement > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "cnfy-seo-improvement-badge", children: [
+                "\u2191 +",
+                seo.improvement,
+                " pts"
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-seo-score-info", children: [
+              seo.before && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "cnfy-seo-before", children: [
+                "was ",
+                seo.before.overall,
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "cnfy-seo-before-grade", style: { background: seoGradeColor(seo.before.grade) }, children: seo.before.grade })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "cnfy-seo-score-num", children: seo.overall }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "cnfy-seo-score-denom", children: "/100" }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-seo-grade", style: { background: seoGradeColor(seo.grade) }, children: seo.grade })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-seo-body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-seo-overall-bar", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "div",
+              {
+                className: "cnfy-seo-overall-fill",
+                style: { width: `${seo.overall}%`, background: seoScoreColor(seo.overall) }
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-seo-breakdown", children: breakdown.map(({ key, label, section }) => section && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-seo-breakdown-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "cnfy-seo-bd-label", children: label }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-seo-bd-bar", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "div",
+                {
+                  className: "cnfy-seo-bd-fill",
+                  style: { width: `${section.score}%`, background: seoScoreColor(section.score) }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "cnfy-seo-bd-score", style: { color: seoScoreColor(section.score) }, children: section.score }),
+              section.readingLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "cnfy-seo-bd-extra", children: section.readingLabel })
+            ] }, key)) }),
+            allIssues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-seo-issues", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-seo-issues-title", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.AlertTriangle, { size: 11 }),
+                allIssues.length,
+                " ",
+                allIssues.length === 1 ? "Issue" : "Issues"
+              ] }),
+              allIssues.map((issue, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-seo-issue-item", children: issue }, i))
+            ] }),
+            seo.suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-seo-suggestions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  className: "cnfy-seo-suggestions-toggle",
+                  onClick: () => setSeoSugOpen((v) => !v),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Lightbulb, { size: 11 }),
+                      seo.suggestions.length,
+                      " Suggestions"
+                    ] }),
+                    seoSugOpen ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronUp, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronDown, { size: 12 })
+                  ]
+                }
+              ),
+              seoSugOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-seo-suggestions-list", children: seo.suggestions.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-seo-suggestion-item", children: s }, i)) })
+            ] })
+          ] })
+        ] });
+      })()
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-edit-modal-footer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: onClose, className: "cnfy-btn-footer-cancel", children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "button",
+        {
+          onClick: () => onDownload == null ? void 0 : onDownload(getEditData(), "docx"),
+          disabled: downloadingFormat === "docx",
+          className: "cnfy-btn-download",
+          children: [
+            downloadingFormat === "docx" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Loader2, { size: 15, className: "cnfy-animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.FileDown, { size: 15 }),
+            "DOCX"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "button",
+        {
+          onClick: () => onDownload == null ? void 0 : onDownload(getEditData(), "pdf"),
+          disabled: downloadingFormat === "pdf",
+          className: "cnfy-btn-download cnfy-btn-download--pdf",
+          style: { backgroundColor: primaryColor, color: "#fff", border: "none" },
+          children: [
+            downloadingFormat === "pdf" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Loader2, { size: 15, className: "cnfy-animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.FileDown, { size: 15 }),
+            "PDF"
+          ]
+        }
+      ),
+      onPost && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "button",
+        {
+          onClick: () => onPost(getEditData()),
+          disabled: isPosting,
+          className: "cnfy-btn-download",
+          style: {
+            background: "linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%)",
+            color: "#fff",
+            border: "none",
+            opacity: isPosting ? 0.7 : 1
+          },
+          children: [
+            isPosting ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Loader2, { size: 15, className: "cnfy-animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Send, { size: 15 }),
+            "Post"
+          ]
+        }
+      )
     ] })
   ] });
+  if (inline) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-edit-inline", children: editContent });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "cnfy-edit-modal-overlay", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-edit-modal-backdrop", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "cnfy-edit-modal", children: editContent })
+  ] });
+}
+
+// lib/config.ts
+var _apiUrl = process.env.NEXT_PUBLIC_CONTENIFY_API_URL || "http://localhost:8080/api";
+var _apiKey = process.env.NEXT_PUBLIC_API_KEY || "";
+var _domain = process.env.NEXT_PUBLIC_CONTENIFY_DOMAIN || "";
+function setConfig(config) {
+  if (config.apiUrl) _apiUrl = config.apiUrl;
+  if (config.apiKey) _apiKey = config.apiKey;
+  if (config.domain) _domain = config.domain;
+}
+function getApiBaseUrl() {
+  return _apiUrl;
+}
+function getApiKey() {
+  return _apiKey;
 }
 
 // components/news/NewsList.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+
+// src/utils/util.ts
+var lightenColor = (hex, amount) => {
+  const sanitized = hex.replace("#", "");
+  const r = parseInt(sanitized.substring(0, 2), 16);
+  const g = parseInt(sanitized.substring(2, 4), 16);
+  const b = parseInt(sanitized.substring(4, 6), 16);
+  const mix = amount / 100;
+  const lr = Math.round(r + (255 - r) * mix);
+  const lg = Math.round(g + (255 - g) * mix);
+  const lb = Math.round(b + (255 - b) * mix);
+  return `#${lr.toString(16).padStart(2, "0")}${lg.toString(16).padStart(2, "0")}${lb.toString(16).padStart(2, "0")}`;
+};
+var hexToRgba = (hex, opacity) => {
+  const sanitizedHex = hex.replace("#", "");
+  const r = parseInt(sanitizedHex.substring(0, 2), 16);
+  const g = parseInt(sanitizedHex.substring(2, 4), 16);
+  const b = parseInt(sanitizedHex.substring(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+};
+
+// components/news/NewsList.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var dateFormatter = new Intl.DateTimeFormat("en-GB", {
   day: "2-digit",
   month: "short",
@@ -712,62 +745,52 @@ function NewsList({
   onRecreate
 }) {
   const { primaryColor } = useTheme();
-  const [primaryColorState] = (0, import_react5.useState)(primaryColor);
-  const lightenColor = (hex, percent = 85) => {
-    hex = hex.replace("#", "");
-    let r = parseInt(hex.substring(0, 2), 16);
-    let g = parseInt(hex.substring(2, 4), 16);
-    let b = parseInt(hex.substring(4, 6), 16);
-    r = Math.round(r + (255 - r) * (percent / 100));
-    g = Math.round(g + (255 - g) * (percent / 100));
-    b = Math.round(b + (255 - b) * (percent / 100));
-    return `rgb(${r}, ${g}, ${b})`;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-news-list", children: news.flatMap((item) => {
+  const [primaryColorState] = (0, import_react4.useState)(primaryColor);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "cnfy-news-list", children: news.flatMap((item) => {
     const publishedDate = new Date(item.publishedAt);
     const links = extractLinksFromContent(item.content);
     if (links.length > 0) {
-      return links.map((link, idx) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      return links.map((link, idx) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "div",
         {
           className: "cnfy-news-card",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-news-card-content", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "cnfy-news-card-title", children: link.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-news-card-meta", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-news-card-content", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "cnfy-news-card-title", children: link.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-news-card-meta", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "span",
                   {
                     className: "cnfy-news-badge",
                     style: {
-                      backgroundColor: lightenColor(primaryColorState, 95),
-                      color: primaryColor,
-                      borderColor: lightenColor(primaryColorState, 95)
+                      background: "linear-gradient(135deg, rgba(139,92,246,0.12), rgba(236,72,153,0.10))",
+                      color: "#8b5cf6",
+                      border: "1px solid rgba(139,92,246,0.2)"
                     },
                     children: link.source || item.sourceName
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u2022" }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-news-card-category", children: item.category }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u2022" }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u2022" }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "cnfy-news-card-category", children: item.category }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u2022" }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
                   dateFormatter.format(publishedDate),
                   " ",
                   timeFormatter.format(publishedDate)
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-news-card-actions", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-news-card-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "button",
                 {
                   onClick: () => window.open(link.url, "_blank"),
                   className: "cnfy-news-action-btn",
                   title: "View",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Eye, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react3.Eye, { size: 16 })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "button",
                 {
                   onClick: () => onRecreate({
@@ -777,7 +800,7 @@ function NewsList({
                   }),
                   className: "cnfy-news-action-btn",
                   title: "Recreate",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.RefreshCcw, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react3.RefreshCcw, { size: 16 })
                 }
               )
             ] })
@@ -786,15 +809,15 @@ function NewsList({
         `${item._id}-link-${idx}`
       ));
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         className: "cnfy-news-card",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-news-card-content", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "cnfy-news-card-title", children: item.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-news-card-meta", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-news-card-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "cnfy-news-card-title", children: item.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-news-card-meta", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "span",
                 {
                   className: "cnfy-news-badge",
@@ -806,27 +829,27 @@ function NewsList({
                   children: item.sourceName
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u2022" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-news-card-category", children: item.category }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u2022" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u2022" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "cnfy-news-card-category", children: item.category }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u2022" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
                 dateFormatter.format(publishedDate),
                 " ",
                 timeFormatter.format(publishedDate)
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-news-card-actions", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "cnfy-news-card-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "button",
               {
                 onClick: () => onView(item),
                 className: "cnfy-news-action-btn",
                 title: "View",
-                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Eye, { size: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react3.Eye, { size: 16 })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "button",
               {
                 onClick: () => onRecreate({
@@ -836,7 +859,7 @@ function NewsList({
                 }),
                 className: "cnfy-news-action-btn",
                 title: "Recreate",
-                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.RefreshCcw, { size: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react3.RefreshCcw, { size: 16 })
               }
             )
           ] })
@@ -847,27 +870,103 @@ function NewsList({
   }) });
 }
 
+// lib/api.ts
+var import_axios = __toESM(require("axios"));
+var ApiKeyInvalidError = class extends Error {
+  constructor() {
+    super("Invalid or expired subscription key");
+    this.isApiKeyInvalid = true;
+    this.name = "ApiKeyInvalidError";
+  }
+};
+function emitApiKeyInvalid() {
+  if (typeof window !== "undefined") {
+    window.dispatchEvent(new CustomEvent("api-key-invalid"));
+  }
+}
+var api = import_axios.default.create({
+  withCredentials: true,
+  timeout: 15e3,
+  // 15 s — prevents requests hanging indefinitely
+  headers: {
+    "Content-Type": "application/json"
+  }
+});
+api.interceptors.request.use(
+  (config) => {
+    config.baseURL = getApiBaseUrl();
+    const apiKey = getApiKey();
+    if (!apiKey) {
+      emitApiKeyInvalid();
+      return Promise.reject(new ApiKeyInvalidError());
+    }
+    config.headers["x-api-key"] = apiKey;
+    if (typeof window !== "undefined") {
+      const token = localStorage.getItem("token");
+      if (token) {
+        config.headers["Authorization"] = `Bearer ${token}`;
+      }
+    }
+    return config;
+  },
+  (error) => Promise.reject(error)
+);
+api.interceptors.response.use(
+  (response) => {
+    const data = response.data;
+    if (data && data.success === false && typeof data.message === "string" && data.message.toLowerCase().includes("subscription key")) {
+      emitApiKeyInvalid();
+    }
+    return response;
+  },
+  (error) => {
+    var _a, _b, _c;
+    const status = (_a = error.response) == null ? void 0 : _a.status;
+    if (status === 401 || status === 403) {
+      emitApiKeyInvalid();
+      return Promise.reject(new ApiKeyInvalidError());
+    }
+    const message = ((_c = (_b = error.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || error.message || "Something went wrong";
+    const err = new Error(message);
+    err.status = status;
+    return Promise.reject(err);
+  }
+);
+var api_default = api;
+
 // services/news.service.ts
 var getTrendingNews = async () => {
-  const { data } = await api_default.get("/chatboat/trending");
+  const { data } = await api_default.get("/news/trending");
   return data.data;
 };
 var getNewsSources = async () => {
-  const { data } = await api_default.get("/chatboat/scrape/sources");
+  const { data } = await api_default.get("/news/sources");
   return data.data;
 };
 var scrapeNewsSource = async (sourceId) => {
-  const { data } = await api_default.post("/chatboat/scrape/source", { sourceId });
+  const { data } = await api_default.post("/news/source", { sourceId });
   return data.data;
 };
 var getNewsBySource = async (sourceId) => {
-  const { data } = await api_default.get(`/chatboat/scrape/by-source/${sourceId}`);
+  const { data } = await api_default.get(`/news/by-source/${sourceId}`);
   return data.data;
 };
 
 // components/chatbot/ChatWindow.tsx
-var import_react_select = __toESM(require("react-select"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function seoScoreColor2(score) {
+  if (score >= 80) return "#10b981";
+  if (score >= 60) return "#f59e0b";
+  if (score >= 40) return "#f97316";
+  return "#ef4444";
+}
+function seoGradeColor2(grade) {
+  if (grade === "A") return "#10b981";
+  if (grade === "B") return "#3b82f6";
+  if (grade === "C") return "#f59e0b";
+  if (grade === "D") return "#f97316";
+  return "#ef4444";
+}
 var ACTION_ICONS = {
   recreate_article: import_lucide_react4.RefreshCcw,
   create_summary: import_lucide_react4.ListChecks,
@@ -881,63 +980,171 @@ function ChatWindow({
   onSend,
   onSelectNews,
   isStreaming = false,
+  activeField,
   analyzedData,
   onSelectAction,
-  onPost: onPostCallback
+  onResolveSeo
 }) {
-  var _a, _b;
-  const { loading, showNewsPanel } = useTheme();
-  const bottomRef = (0, import_react6.useRef)(null);
-  const textareaRef = (0, import_react6.useRef)(null);
-  const dropdownRef = (0, import_react6.useRef)(null);
-  const [input, setInput] = (0, import_react6.useState)("");
-  const [copiedId, setCopiedId] = (0, import_react6.useState)(null);
-  const [showNewsDropdown, setShowNewsDropdown] = (0, import_react6.useState)(false);
-  const [trendingNews, setTrendingNews] = (0, import_react6.useState)([]);
-  const [loadingNews, setLoadingNews] = (0, import_react6.useState)(false);
-  const [sources, setSources] = (0, import_react6.useState)([]);
-  const [selectedSource, setSelectedSource] = (0, import_react6.useState)(null);
-  const [loadingSources, setLoadingSources] = (0, import_react6.useState)(false);
-  const [scraping, setScraping] = (0, import_react6.useState)(false);
-  const [editModal, setEditModal] = (0, import_react6.useState)({ isOpen: false, content: "", metaKeywords: [], messageId: "" });
-  const { primaryColor } = useTheme();
-  const { preferences } = usePreferences();
-  const preferredLanguage = (_a = preferences == null ? void 0 : preferences.localization) == null ? void 0 : _a.language;
-  const handleCopy = async (blocks, messageId) => {
+  const { showNewsPanel } = useTheme();
+  const THEME_GRADIENT = "linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%)";
+  const bottomRef = (0, import_react5.useRef)(null);
+  const textareaRef = (0, import_react5.useRef)(null);
+  const dropdownRef = (0, import_react5.useRef)(null);
+  const pillsRef = (0, import_react5.useRef)(null);
+  const [input, setInput] = (0, import_react5.useState)("");
+  const [copiedId, setCopiedId] = (0, import_react5.useState)(null);
+  const [showNewsDropdown, setShowNewsDropdown] = (0, import_react5.useState)(false);
+  const [trendingNews, setTrendingNews] = (0, import_react5.useState)([]);
+  const [loadingNews, setLoadingNews] = (0, import_react5.useState)(false);
+  const [sources, setSources] = (0, import_react5.useState)([]);
+  const [selectedSource, setSelectedSource] = (0, import_react5.useState)(null);
+  const [loadingSources, setLoadingSources] = (0, import_react5.useState)(false);
+  const [scraping, setScraping] = (0, import_react5.useState)(false);
+  const [editModal, setEditModal] = (0, import_react5.useState)({ isOpen: false, title: "", subtitle: "", content: "", metaDescription: "", metaKeywords: [], messageId: "", featuredImage: "", seoAnalysis: null });
+  const [selectedImages, setSelectedImages] = (0, import_react5.useState)({});
+  const [seoOpen, setSeoOpen] = (0, import_react5.useState)({});
+  const [seoSugOpen, setSeoSugOpen] = (0, import_react5.useState)({});
+  const [isPosting, setIsPosting] = (0, import_react5.useState)(false);
+  const [splitPct, setSplitPct] = (0, import_react5.useState)(50);
+  const wrapperRef = (0, import_react5.useRef)(null);
+  const isDragging = (0, import_react5.useRef)(false);
+  const handleDragStart = (0, import_react5.useCallback)((e) => {
+    e.preventDefault();
+    isDragging.current = true;
+    const onMove = (ev) => {
+      if (!isDragging.current || !wrapperRef.current) return;
+      const rect = wrapperRef.current.getBoundingClientRect();
+      const pct = (ev.clientX - rect.left) / rect.width * 100;
+      setSplitPct(Math.min(80, Math.max(20, pct)));
+    };
+    const onUp = () => {
+      isDragging.current = false;
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+    };
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp);
+  }, []);
+  const handleCopy = async (parsed, messageId) => {
     try {
-      const formattedText = blocksToFormattedText(blocks);
-      await navigator.clipboard.writeText(formattedText);
+      const tempDiv = document.createElement("div");
+      let textContent = "";
+      if (parsed.title) textContent += parsed.title + "\n\n";
+      if (parsed.subtitle) textContent += parsed.subtitle + "\n\n";
+      if (parsed.articleHtml) {
+        tempDiv.innerHTML = parsed.articleHtml;
+        textContent += tempDiv.textContent || tempDiv.innerText || "";
+      }
+      if (parsed.metaDescription) textContent += "\n\nMeta Description:\n" + parsed.metaDescription;
+      await navigator.clipboard.writeText(textContent);
       setCopiedId(messageId);
       setTimeout(() => setCopiedId(null), 2e3);
     } catch (err) {
       console.error("Failed to copy:", err);
     }
   };
-  const blocksToFormattedText = (blocks) => {
-    return blocks.map((block) => {
-      if (block.type === "h1") return `# ${block.text}`;
-      if (block.type === "h2") return `## ${block.text}`;
-      return block.text;
-    }).join("\n\n");
-  };
-  const handleEdit = (blocks, metaKeywords, messageId) => {
-    const formattedContent = blocksToFormattedText(blocks);
-    setEditModal({ isOpen: true, content: formattedContent, metaKeywords, messageId });
+  const handleEdit = (parsed, messageId) => {
+    var _a;
+    setEditModal({
+      isOpen: true,
+      title: parsed.title || "",
+      subtitle: parsed.subtitle || "",
+      content: parsed.articleHtml || "",
+      metaDescription: parsed.metaDescription || "",
+      metaKeywords: parsed.metaKeywords,
+      messageId,
+      featuredImage: selectedImages[messageId] || "",
+      seoAnalysis: (_a = parsed.seoAnalysis) != null ? _a : null
+    });
   };
+  const [downloadingKey, setDownloadingKey] = (0, import_react5.useState)(null);
   const handleCloseModal = () => {
-    setEditModal({ isOpen: false, content: "", metaKeywords: [], messageId: "" });
+    setEditModal({ isOpen: false, title: "", subtitle: "", content: "", metaDescription: "", metaKeywords: [], messageId: "", featuredImage: "", seoAnalysis: null });
   };
-  const handleSaveDraft = (content, keywords) => {
-    console.log("Saving draft:", { content, keywords });
-    handleCloseModal();
+  const handleDownload = async (parsed, messageId, format) => {
+    const key = `${messageId}-${format}`;
+    setDownloadingKey(key);
+    try {
+      const apiUrl = getApiBaseUrl();
+      const token = typeof window !== "undefined" ? localStorage.getItem("token") : null;
+      const apiKey = getApiKey();
+      const res = await fetch(`${apiUrl}/contenify/rewrite/download`, {
+        method: "POST",
+        credentials: "include",
+        headers: __spreadValues(__spreadValues({
+          "Content-Type": "application/json"
+        }, token ? { Authorization: `Bearer ${token}` } : {}), apiKey ? { "x-api-key": apiKey } : {}),
+        body: JSON.stringify({
+          title: parsed.title,
+          subtitle: parsed.subtitle,
+          article: parsed.articleHtml,
+          metaDescription: parsed.metaDescription,
+          metaKeywords: parsed.metaKeywords,
+          format
+        })
+      });
+      if (!res.ok) throw new Error("Download failed");
+      const blob = await res.blob();
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `article.${format}`;
+      a.click();
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error("Download failed:", err);
+    } finally {
+      setDownloadingKey(null);
+    }
+  };
+  const handleDownloadFromModal = async (data, format) => {
+    const key = `modal-${format}`;
+    setDownloadingKey(key);
+    try {
+      const apiUrl = getApiBaseUrl();
+      const token = typeof window !== "undefined" ? localStorage.getItem("token") : null;
+      const apiKey = getApiKey();
+      const res = await fetch(`${apiUrl}/contenify/rewrite/download`, {
+        method: "POST",
+        credentials: "include",
+        headers: __spreadValues(__spreadValues({
+          "Content-Type": "application/json"
+        }, token ? { Authorization: `Bearer ${token}` } : {}), apiKey ? { "x-api-key": apiKey } : {}),
+        body: JSON.stringify({
+          title: data.title,
+          subtitle: data.subtitle,
+          article: data.article,
+          metaDescription: data.metaDescription,
+          metaKeywords: data.keywords,
+          format
+        })
+      });
+      if (!res.ok) throw new Error("Download failed");
+      const blob = await res.blob();
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `article.${format}`;
+      a.click();
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error("Download failed:", err);
+    } finally {
+      setDownloadingKey(null);
+    }
   };
-  const handlePost = (content, keywords) => {
-    onPostCallback == null ? void 0 : onPostCallback(content, keywords);
-    handleCloseModal();
+  const handlePostFromModal = (data) => {
+    setIsPosting(true);
+    try {
+      console.log("Posting article with data:", data);
+      window.dispatchEvent(new CustomEvent("contenify-post-article", { detail: data }));
+    } finally {
+      setIsPosting(false);
+    }
   };
-  (0, import_react6.useLayoutEffect)(() => {
-    var _a2;
-    (_a2 = bottomRef.current) == null ? void 0 : _a2.scrollIntoView({ block: "end" });
+  (0, import_react5.useLayoutEffect)(() => {
+    var _a;
+    (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({ block: "end" });
   }, [messages]);
   const handleSend = () => {
     if (!input.trim()) return;
@@ -945,13 +1152,16 @@ function ChatWindow({
     setInput("");
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
+      textareaRef.current.style.borderRadius = "50px";
     }
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const textarea = textareaRef.current;
     if (textarea) {
       textarea.style.height = "auto";
       textarea.style.height = `${textarea.scrollHeight}px`;
+      const isMultiline = textarea.scrollHeight > 48;
+      textarea.style.borderRadius = isMultiline ? "1.25rem" : "50px";
     }
   }, [input]);
   const fetchSources = async () => {
@@ -977,6 +1187,7 @@ function ChatWindow({
       setTrendingNews(data || []);
     } catch (err) {
       console.error("Failed to fetch news:", err);
+      setTrendingNews([]);
     } finally {
       setLoadingNews(false);
     }
@@ -993,9 +1204,7 @@ function ChatWindow({
       setScraping(false);
     }
   };
-  const handleSourceSelect = (option) => {
-    var _a2;
-    const sourceId = (_a2 = option == null ? void 0 : option.value) != null ? _a2 : null;
+  const handleSourceSelect = (sourceId) => {
     setSelectedSource(sourceId);
     fetchNews(sourceId);
   };
@@ -1008,7 +1217,7 @@ function ChatWindow({
       fetchNews(selectedSource);
     }
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setShowNewsDropdown(false);
@@ -1021,326 +1230,479 @@ function ChatWindow({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [showNewsDropdown]);
-  function formatAIContent(raw) {
-    const extracted = extractArticleContent(raw);
-    if (!extracted || !extracted.article) {
-      return { blocks: [], metaKeywords: [] };
-    }
-    const { article, metaKeywords } = extracted;
-    const normalized = article.replace(/^H1:\s*/gm, "").replace(/^H2:\s*/gm, "").replace(/<\/h1>/gi, "\n").replace(/<\/h2>/gi, "\n").replace(/<\/p>/gi, "\n").replace(/<br\s*\/?>/gi, "\n");
-    const lines = normalized.split("\n").map((line) => line.replace(/<[^>]+>/g, "").trim()).filter(Boolean);
-    const blocks = [];
-    lines.forEach((line, index) => {
-      if (index === 0 && line.length < 120) {
-        blocks.push({ type: "h1", text: line });
-        return;
-      }
-      if (line.length < 90 && !line.endsWith("\u0964") && !line.endsWith(".")) {
-        blocks.push({ type: "h2", text: line });
-        return;
-      }
-      blocks.push({ type: "p", text: line });
-    });
-    return { blocks, metaKeywords };
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-chat", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-chat-area", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-chat-scroll", children: [
-      messages.map((msg) => {
-        var _a2;
-        const parsed = formatAIContent(msg.content);
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-msg", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: msg.role === "assistant" ? `cnfy-msg-body` : `cnfy-msg-body you`, children: [
-          msg.role === "assistant" && parsed.blocks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-msg-copy-row", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            "button",
-            {
-              onClick: () => handleCopy(parsed.blocks, msg.id),
-              className: "cnfy-copy-btn",
-              title: "Copy to clipboard",
-              children: copiedId === msg.id ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Check, { size: 16, className: "cnfy-copy-icon--copied" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Copy, { size: 16 })
-            }
-          ) }),
-          parsed.blocks.map((block, idx) => {
-            if (block.type === "h1") {
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                "h1",
-                {
-                  className: "cnfy-block-h1",
-                  children: block.text
-                },
-                idx
-              );
-            }
-            if (block.type === "h2") {
-              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                "h2",
+  (0, import_react5.useEffect)(() => {
+    const el = pillsRef.current;
+    if (!el) return;
+    const onWheel = (e) => {
+      if (e.deltaY === 0) return;
+      e.preventDefault();
+      el.scrollLeft += e.deltaY;
+    };
+    el.addEventListener("wheel", onWheel, { passive: false });
+    return () => el.removeEventListener("wheel", onWheel);
+  }, [showNewsDropdown, loadingSources]);
+  const SUGGESTIONS = [
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Link2, { size: 13 }), label: "Paste a news URL to rewrite" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.PenLine, { size: 13 }), label: "Write a blog post about AI" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.LayoutList, { size: 13 }), label: "Summarize today's top stories" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Share2, { size: 13 }), label: "Create social media posts" }
+  ];
+  const isEmpty = messages.length === 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      ref: wrapperRef,
+      className: `cnfy-editor-wrapper${editModal.isOpen ? " cnfy-editor-wrapper--editing" : ""}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "div",
+          {
+            className: `cnfy-chat cnfy-editor-chat-pane${isEmpty ? " cnfy-chat--empty" : ""}`,
+            style: editModal.isOpen ? { flex: `0 0 ${splitPct}%`, width: `${splitPct}%` } : void 0,
+            children: [
+              isEmpty && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-empty-hero", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-empty-hero-icon", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Sparkles, { size: 22 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "cnfy-empty-state-title", children: "AI News Assistant" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "cnfy-empty-state-subtitle", children: "Generate, rewrite and publish content in seconds" })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-chat-area", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-chat-scroll", children: [
+                messages.map((msg) => {
+                  var _a, _b, _c;
+                  const parsed = formatAIContent(msg.content);
+                  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-msg", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: msg.role === "assistant" ? `cnfy-msg-body` : `cnfy-msg-body you`, children: [
+                    msg.role === "assistant" && parsed.isArticle && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-msg-copy-row", children: [
+                      parsed.seoAnalysis && (!isStreaming || msg.id !== ((_a = messages[messages.length - 1]) == null ? void 0 : _a.id)) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => setSeoOpen((prev) => __spreadProps(__spreadValues({}, prev), { [msg.id]: !prev[msg.id] })),
+                          className: `cnfy-seo-toggle-btn${seoOpen[msg.id] ? " cnfy-seo-toggle-btn--active" : ""}`,
+                          title: "SEO Analysis",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.BarChart2, { size: 13 }),
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                              "span",
+                              {
+                                className: "cnfy-seo-toggle-score",
+                                style: { color: seoScoreColor2(parsed.seoAnalysis.overall) },
+                                children: [
+                                  parsed.seoAnalysis.overall,
+                                  "%"
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        "button",
+                        {
+                          onClick: () => handleCopy(parsed, msg.id),
+                          className: "cnfy-copy-btn",
+                          title: "Copy to clipboard",
+                          children: copiedId === msg.id ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Check, { size: 16, className: "cnfy-copy-icon--copied" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Copy, { size: 16 })
+                        }
+                      )
+                    ] }),
+                    msg.role === "assistant" && isStreaming && msg.id === ((_b = messages[messages.length - 1]) == null ? void 0 : _b.id) && !parsed.isArticle && !parsed.plainText && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-creating-indicator", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Loader2, { size: 16, className: "cnfy-animate-spin" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Creating article..." })
+                    ] }),
+                    parsed.isArticle && parsed.seoAnalysis && seoOpen[msg.id] && (() => {
+                      const seo = parsed.seoAnalysis;
+                      const breakdown = [
+                        { key: "title", label: "Title", section: seo.breakdown.title },
+                        { key: "meta", label: "Meta", section: seo.breakdown.meta },
+                        { key: "content", label: "Content", section: seo.breakdown.content },
+                        { key: "keywords", label: "Keywords", section: seo.breakdown.keywords },
+                        { key: "readability", label: "Readability", section: seo.breakdown.readability }
+                      ];
+                      const allIssues = breakdown.flatMap((b) => {
+                        var _a2, _b2;
+                        return (_b2 = (_a2 = b.section) == null ? void 0 : _a2.issues) != null ? _b2 : [];
+                      }).filter(Boolean);
+                      const sugOpen = !!seoSugOpen[msg.id];
+                      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-seo-panel", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-seo-header", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-seo-title", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.BarChart2, { size: 13 }),
+                            "SEO Analysis",
+                            seo.improvement != null && seo.improvement > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "cnfy-seo-improvement-badge", children: [
+                              "\u2191 +",
+                              seo.improvement,
+                              " pts"
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-seo-score-info", children: [
+                            seo.before && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "cnfy-seo-before", children: [
+                              "was ",
+                              seo.before.overall,
+                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-seo-before-grade", style: { background: seoGradeColor2(seo.before.grade) }, children: seo.before.grade })
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-seo-score-num", children: seo.overall }),
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-seo-score-denom", children: "/100" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-seo-grade", style: { background: seoGradeColor2(seo.grade) }, children: seo.grade })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-seo-body", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-seo-overall-bar", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                            "div",
+                            {
+                              className: "cnfy-seo-overall-fill",
+                              style: { width: `${seo.overall}%`, background: seoScoreColor2(seo.overall) }
+                            }
+                          ) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-seo-breakdown", children: breakdown.map(({ key, label, section }) => section && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-seo-breakdown-row", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-seo-bd-label", children: label }),
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-seo-bd-bar", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              "div",
+                              {
+                                className: "cnfy-seo-bd-fill",
+                                style: { width: `${section.score}%`, background: seoScoreColor2(section.score) }
+                              }
+                            ) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-seo-bd-score", style: { color: seoScoreColor2(section.score) }, children: section.score }),
+                            section.readingLabel && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-seo-bd-extra", children: section.readingLabel })
+                          ] }, key)) }),
+                          allIssues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-seo-issues", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-seo-issues-title", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.AlertTriangle, { size: 11 }),
+                              allIssues.length,
+                              " ",
+                              allIssues.length === 1 ? "Issue" : "Issues"
+                            ] }),
+                            allIssues.map((issue, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-seo-issue-item", children: issue }, i))
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { display: "flex", justifyContent: "flex-end", padding: "8px 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                            "button",
+                            {
+                              onClick: () => {
+                                var _a2, _b2, _c2, _d;
+                                return onResolveSeo == null ? void 0 : onResolveSeo({
+                                  title: parsed.title,
+                                  subtitle: parsed.subtitle,
+                                  article: parsed.articleHtml,
+                                  metaDescription: parsed.metaDescription,
+                                  metaKeywords: parsed.metaKeywords,
+                                  seoAnalysis: parsed.seoAnalysis,
+                                  language: (_a2 = parsed.article) == null ? void 0 : _a2.language,
+                                  historyId: (_d = (_b2 = parsed.article) == null ? void 0 : _b2._id) != null ? _d : (_c2 = parsed.article) == null ? void 0 : _c2.historyId
+                                });
+                              },
+                              disabled: isStreaming,
+                              className: "cnfy-btn-fix-seo",
+                              children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Wand2, { size: 16 }),
+                                "Fix SEO"
+                              ]
+                            }
+                          ) }),
+                          seo.suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-seo-suggestions", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                              "button",
+                              {
+                                type: "button",
+                                className: "cnfy-seo-suggestions-toggle",
+                                onClick: () => setSeoSugOpen((prev) => __spreadProps(__spreadValues({}, prev), { [msg.id]: !prev[msg.id] })),
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Lightbulb, { size: 11 }),
+                                    seo.suggestions.length,
+                                    " Suggestions"
+                                  ] }),
+                                  sugOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.ChevronUp, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.ChevronDown, { size: 12 })
+                                ]
+                              }
+                            ),
+                            sugOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-seo-suggestions-list", children: seo.suggestions.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-seo-suggestion-item", children: s }, i)) })
+                          ] })
+                        ] })
+                      ] });
+                    })(),
+                    msg.role === "assistant" && (analyzedData == null ? void 0 : analyzedData.messageId) === msg.id && analyzedData.options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-action-options", children: analyzedData.options.map((option) => {
+                      const IconComponent = ACTION_ICONS[option.id] || import_lucide_react4.FileText;
+                      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        "button",
+                        {
+                          onClick: () => onSelectAction == null ? void 0 : onSelectAction(option.id, analyzedData.url, analyzedData.content),
+                          className: "cnfy-action-btn",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconComponent, { size: 16 }),
+                            option.name
+                          ]
+                        },
+                        option.id
+                      );
+                    }) }),
+                    parsed.isArticle ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                      parsed.title && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("h1", { className: "cnfy-block-h1", children: [
+                        parsed.title,
+                        activeField === "title" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-cursor-blink", children: "|" })
+                      ] }),
+                      parsed.subtitle && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("h2", { className: "cnfy-block-h2", children: [
+                        parsed.subtitle,
+                        activeField === "subtitle" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-cursor-blink", children: "|" })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("hr", { className: "cnfy-divider" }),
+                      parsed.articleHtml && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        "div",
+                        {
+                          className: "cnfy-article-content",
+                          dangerouslySetInnerHTML: { __html: parsed.articleHtml }
+                        }
+                      ),
+                      activeField === "article" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-cursor-blink", children: "|" })
+                    ] }) : (
+                      /* Plain text messages (status, error, options, etc.) */
+                      parsed.plainText && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "cnfy-block-p", children: parsed.plainText })
+                    ),
+                    parsed.metaDescription && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-msg-keywords", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-msg-keywords-label", children: "Meta Description" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-block-p", children: parsed.metaDescription })
+                    ] }),
+                    parsed.metaKeywords.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-msg-keywords", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-msg-keywords-label", children: "Keywords" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-msg-keywords-list", children: parsed.metaKeywords.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        "span",
+                        {
+                          className: "cnfy-msg-keyword-tag",
+                          children: tag
+                        },
+                        i
+                      )) })
+                    ] }),
+                    parsed.isArticle && parsed.images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-image-slider-wrap", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-image-slider-label", children: "Select a featured image" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-image-slider", children: parsed.images.map((img, i) => {
+                        const isSelected = selectedImages[msg.id] === img.url;
+                        return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => setSelectedImages((prev) => __spreadProps(__spreadValues({}, prev), {
+                              [msg.id]: isSelected ? "" : img.url
+                            })),
+                            className: `cnfy-image-slider-item${isSelected ? " cnfy-image-slider-item--selected" : ""}`,
+                            title: img.photographer ? `Photo by ${img.photographer}` : void 0,
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: img.thumb, alt: `Image ${i + 1}`, className: "cnfy-image-slider-thumb" }),
+                              isSelected && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-image-slider-check", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Check, { size: 12 }) })
+                            ]
+                          },
+                          i
+                        );
+                      }) })
+                    ] }),
+                    msg.role === "assistant" && parsed.isArticle && !(analyzedData == null ? void 0 : analyzedData.messageId) && (!isStreaming || msg.id !== ((_c = messages[messages.length - 1]) == null ? void 0 : _c.id)) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-msg-actions", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        "button",
+                        {
+                          onClick: () => handleEdit(parsed, msg.id),
+                          className: "cnfy-btn-edit",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Edit3, { size: 16 }),
+                            "Edit"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        "button",
+                        {
+                          onClick: () => handleDownload(parsed, msg.id, "docx"),
+                          disabled: downloadingKey === `${msg.id}-docx`,
+                          className: "cnfy-btn-download",
+                          children: [
+                            downloadingKey === `${msg.id}-docx` ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Loader2, { size: 16, className: "cnfy-animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.FileDown, { size: 16 }),
+                            "DOCX"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        "button",
+                        {
+                          onClick: () => handleDownload(parsed, msg.id, "pdf"),
+                          disabled: downloadingKey === `${msg.id}-pdf`,
+                          className: "cnfy-btn-download cnfy-btn-download--pdf",
+                          style: { background: THEME_GRADIENT, color: "#fff", border: "none" },
+                          children: [
+                            downloadingKey === `${msg.id}-pdf` ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Loader2, { size: 16, className: "cnfy-animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.FileDown, { size: 16 }),
+                            "PDF"
+                          ]
+                        }
+                      )
+                    ] })
+                  ] }) }, msg.id);
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref: bottomRef })
+              ] }) }),
+              isEmpty && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-suggestions", children: SUGGESTIONS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                "button",
                 {
-                  className: "cnfy-block-h2",
-                  children: block.text
+                  className: "cnfy-suggestion-chip",
+                  onClick: () => {
+                    var _a;
+                    setInput(s.label);
+                    (_a = textareaRef.current) == null ? void 0 : _a.focus();
+                  },
+                  children: [
+                    s.icon,
+                    s.label
+                  ]
                 },
-                idx
-              );
-            }
-            return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "cnfy-block-p", children: block.text }, idx);
-          }),
-          parsed.metaKeywords.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-msg-keywords", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-msg-keywords-list", children: parsed.metaKeywords.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-            "span",
-            {
-              className: "cnfy-msg-keyword-tag",
-              children: [
-                "#",
-                tag
-              ]
-            },
-            i
-          )) }) }),
-          msg.role === "assistant" && (analyzedData == null ? void 0 : analyzedData.messageId) === msg.id && analyzedData.options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-action-options", children: analyzedData.options.map((option) => {
-            const IconComponent = ACTION_ICONS[option.id] || import_lucide_react4.FileText;
-            return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-              "button",
-              {
-                onClick: () => onSelectAction == null ? void 0 : onSelectAction(option.id, analyzedData.url, analyzedData.content),
-                className: "cnfy-action-btn",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconComponent, { size: 16 }),
-                  option.name
-                ]
-              },
-              option.id
-            );
-          }) }),
-          msg.role === "assistant" && parsed.blocks.length > 0 && !(analyzedData == null ? void 0 : analyzedData.messageId) && (!isStreaming || msg.id !== ((_a2 = messages[messages.length - 1]) == null ? void 0 : _a2.id)) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-msg-actions", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-              "button",
-              {
-                onClick: () => handleEdit(parsed.blocks, parsed.metaKeywords, msg.id),
-                className: "cnfy-btn-edit",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Edit3, { size: 16 }),
-                  "Edit"
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-              "button",
-              {
-                onClick: () => handlePost(msg.content, parsed.metaKeywords),
-                className: "cnfy-btn-post",
-                style: { backgroundColor: primaryColor, color: "#fff" },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Send, { size: 16 }),
-                  "Post"
-                ]
-              }
-            )
-          ] })
-        ] }) }, msg.id);
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: bottomRef })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-input-area", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-input-inner", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: dropdownRef, className: "cnfy-news-pulse-wrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            onClick: handleOpenNewsDropdown,
-            className: "cnfy-news-pulse-btn cnfy-animate-pulse",
-            title: "Select from trending news",
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Zap, { size: 16 })
+                s.label
+              )) }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-input-area", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-input-inner", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { ref: dropdownRef, className: "cnfy-news-pulse-wrap", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    "button",
+                    {
+                      onClick: handleOpenNewsDropdown,
+                      className: "cnfy-news-pulse-btn cnfy-animate-pulse",
+                      title: "Select from trending news",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Zap, { size: 16 })
+                    }
+                  ),
+                  showNewsDropdown && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-news-dropdown", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-news-dropdown-header", style: { background: THEME_GRADIENT, color: "#fff" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "cnfy-news-dropdown-title", children: "Select News" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        "button",
+                        {
+                          onClick: () => setShowNewsDropdown(false),
+                          className: "cnfy-news-dropdown-close",
+                          style: { background: "transparent", color: "#fff" },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.X, { size: 14 })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-source-pills-wrap", children: [
+                      loadingSources ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-source-pills-loading", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Loader2, { size: 14, className: "cnfy-animate-spin" }),
+                        " Loading sources\u2026"
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-source-pills", ref: pillsRef, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          "button",
+                          {
+                            className: `cnfy-source-pill ${!selectedSource ? "cnfy-source-pill--active" : ""}`,
+                            style: !selectedSource ? { background: THEME_GRADIENT, borderColor: "transparent", color: "#fff" } : {},
+                            onClick: () => handleSourceSelect(null),
+                            children: "All"
+                          }
+                        ),
+                        sources.map((source) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          "button",
+                          {
+                            className: `cnfy-source-pill ${selectedSource === source.id ? "cnfy-source-pill--active" : ""}`,
+                            style: selectedSource === source.id ? { background: THEME_GRADIENT, borderColor: "transparent", color: "#fff" } : {},
+                            onClick: () => handleSourceSelect(source.id),
+                            children: source.name
+                          },
+                          source.id
+                        ))
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        "button",
+                        {
+                          onClick: () => selectedSource ? handleScrape() : fetchNews(null),
+                          disabled: scraping || loadingNews,
+                          className: "cnfy-source-refresh-btn",
+                          title: selectedSource ? "Fetch latest news" : "Refresh",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.RefreshCcw, { size: 13, className: scraping || loadingNews ? "cnfy-animate-spin" : "" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-news-dropdown-list", children: loadingNews ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-news-dropdown-msg", children: "Loading news..." }) : trendingNews.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnfy-news-dropdown-msg", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "No news found." }),
+                      selectedSource && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "cnfy-news-dropdown-hint", children: 'Click "Scrape" to fetch latest news.' })
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      NewsList,
+                      {
+                        news: trendingNews.slice(0, 10),
+                        onView: (item) => window.open(item.sourceUrl || item.link, "_blank"),
+                        onRecreate: (payload) => {
+                          setShowNewsDropdown(false);
+                          onSelectNews == null ? void 0 : onSelectNews(payload);
+                        }
+                      }
+                    ) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "textarea",
+                  {
+                    ref: textareaRef,
+                    value: input,
+                    onChange: (e) => setInput(e.target.value),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter" && !e.shiftKey) {
+                        e.preventDefault();
+                        handleSend();
+                      }
+                    },
+                    rows: 1,
+                    placeholder: "Ask AI something\u2026",
+                    className: `cnfy-chat-textarea ${!showNewsPanel ? "cnfy-chat-textarea--with-trigger" : ""}`,
+                    style: { maxHeight: "200px", overflowY: input.split("\n").length > 6 ? "auto" : "hidden" }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "button",
+                  {
+                    onClick: handleSend,
+                    className: "cnfy-send-btn",
+                    style: { background: THEME_GRADIENT, color: "#fff" },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.SendHorizontal, { size: 18 })
+                  }
+                )
+              ] }) })
+            ]
           }
         ),
-        showNewsDropdown && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-news-dropdown", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-news-dropdown-header", style: { backgroundColor: primaryColor, color: "#fff" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "cnfy-news-dropdown-title", children: "Select News" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              "button",
-              {
-                onClick: () => setShowNewsDropdown(false),
-                className: "cnfy-news-dropdown-close",
-                style: { backgroundColor: primaryColor, color: "#fff" },
-                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.X, { size: 14 })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-news-dropdown-source", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-news-dropdown-select-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_react_select.default,
-              {
-                options: [
-                  { value: null, label: "All Sources (Trending)" },
-                  ...sources.filter((source) => !preferredLanguage || source.language === preferredLanguage).map((source) => ({
-                    value: source.id,
-                    label: source.name
-                  }))
-                ],
-                value: selectedSource ? { value: selectedSource, label: ((_b = sources.find((s) => s.id === selectedSource)) == null ? void 0 : _b.name) || selectedSource } : { value: null, label: "All Sources (Trending)" },
-                onChange: handleSourceSelect,
-                isLoading: loadingSources,
-                isDisabled: loadingSources,
-                placeholder: "Select source...",
-                classNamePrefix: "react-select",
-                menuPlacement: "bottom",
-                menuPosition: "fixed",
-                menuShouldScrollIntoView: false,
-                maxMenuHeight: 220,
-                menuPortalTarget: typeof window !== "undefined" ? document.body : null,
-                styles: {
-                  container: (base) => __spreadProps(__spreadValues({}, base), {
-                    width: "100%"
-                  }),
-                  control: (base) => __spreadProps(__spreadValues({}, base), {
-                    minHeight: "38px",
-                    borderColor: "#e5e7eb",
-                    boxShadow: "none",
-                    width: "100%"
-                  }),
-                  menu: (base) => __spreadProps(__spreadValues({}, base), {
-                    width: "100%",
-                    zIndex: 999999
-                  }),
-                  menuPortal: (base) => __spreadProps(__spreadValues({}, base), {
-                    zIndex: 999999
-                  }),
-                  option: (base, state) => __spreadProps(__spreadValues({}, base), {
-                    backgroundColor: state.isSelected ? primaryColor : state.isFocused ? "#f3f4f6" : "white",
-                    color: state.isSelected ? "white" : "#374151",
-                    cursor: "pointer"
-                  })
-                }
-              }
-            ) }),
-            selectedSource && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-              "button",
-              {
-                onClick: handleScrape,
-                disabled: scraping,
-                className: "cnfy-scrape-btn",
-                title: "Fetch latest news",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.RefreshCcw, { size: 14, className: scraping ? "cnfy-animate-spin" : "" }),
-                  scraping ? "Scraping..." : "Scrape"
-                ]
-              }
-            ),
-            !selectedSource && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-              "button",
+        editModal.isOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-resize-handle", onMouseDown: handleDragStart, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cnfy-resize-handle-bar" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "div",
+          {
+            className: "cnfy-editor-edit-pane",
+            style: editModal.isOpen ? { flex: `0 0 ${100 - splitPct}%`, width: `${100 - splitPct}%` } : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              EditModal,
               {
-                onClick: () => fetchNews(null),
-                disabled: loadingNews,
-                className: "cnfy-refresh-btn",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.RefreshCcw, { size: 14, className: loadingNews ? "cnfy-animate-spin" : "" }),
-                  "Refresh"
-                ]
+                isOpen: editModal.isOpen,
+                inline: true,
+                initialTitle: editModal.title,
+                initialSubtitle: editModal.subtitle,
+                initialContent: editModal.content,
+                initialMetaDescription: editModal.metaDescription,
+                metaKeywords: editModal.metaKeywords,
+                initialFeaturedImage: editModal.featuredImage,
+                seoAnalysis: editModal.seoAnalysis,
+                onClose: handleCloseModal,
+                onDownload: handleDownloadFromModal,
+                downloadingFormat: (downloadingKey == null ? void 0 : downloadingKey.startsWith("modal-")) ? downloadingKey.replace("modal-", "") : null,
+                onPost: handlePostFromModal,
+                isPosting
               }
             )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-news-dropdown-list", children: loadingNews ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-news-dropdown-msg", children: "Loading news..." }) : trendingNews.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-news-dropdown-msg", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "No news found." }),
-            selectedSource && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "cnfy-news-dropdown-hint", children: 'Click "Scrape" to fetch latest news.' })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            NewsList,
-            {
-              news: trendingNews.slice(0, 10),
-              onView: (item) => window.open(item.sourceUrl || item.link, "_blank"),
-              onRecreate: (payload) => {
-                setShowNewsDropdown(false);
-                onSelectNews == null ? void 0 : onSelectNews(payload);
-              }
-            }
-          ) })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "textarea",
-        {
-          ref: textareaRef,
-          value: input,
-          onChange: (e) => setInput(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && !e.shiftKey) {
-              e.preventDefault();
-              handleSend();
-            }
-          },
-          rows: 1,
-          placeholder: "Ask AI something\u2026",
-          className: `cnfy-chat-textarea ${!showNewsPanel ? "cnfy-chat-textarea--with-pulse" : ""}`,
-          style: { maxHeight: "200px", overflowY: input.split("\n").length > 6 ? "auto" : "hidden" }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          onClick: handleSend,
-          className: "cnfy-send-btn",
-          style: { backgroundColor: primaryColor, color: "#fff" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.SendHorizontal, { size: 18 })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      EditModal,
-      {
-        isOpen: editModal.isOpen,
-        initialContent: editModal.content,
-        metaKeywords: editModal.metaKeywords,
-        onClose: handleCloseModal,
-        onSaveDraft: handleSaveDraft,
-        onPost: handlePost
-      }
-    )
-  ] });
-}
-
-// components/chatbot/UserMenu.tsx
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function UserMenu({
-  onOpenPreferences
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "cnfy-user-menu", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "button",
-    {
-      onClick: () => onOpenPreferences == null ? void 0 : onOpenPreferences(),
-      className: "cnfy-user-menu-trigger",
-      "aria-label": "Settings",
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Settings, { size: 20, className: "cnfy-user-menu-trigger-icon" })
+          }
+        )
+      ]
     }
-  ) });
-}
-
-// components/chatbot/headerBar.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function HeaderBar({
-  onOpenPreferences
-}) {
-  const { primaryColor, botName, logoUrl } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("header", { className: "cnfy-header", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cnfy-header-inner", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cnfy-header-left", children: [
-      logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: logoUrl, alt: "Logo", className: "cnfy-header-logo-img" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "div",
-        {
-          className: "cnfy-header-logo-fallback",
-          style: { backgroundColor: primaryColor },
-          children: botName.charAt(0).toUpperCase()
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "cnfy-header-brand", children: botName.toUpperCase() })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "cnfy-header-right", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(UserMenu, { onOpenPreferences }) })
-  ] }) });
+  );
 }
 
 // components/ui/Drawer.tsx
-var import_react7 = require("react");
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Drawer({
   open,
   onClose,
   title,
   children
 }) {
-  (0, import_react7.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (open) {
       document.body.style.overflow = "hidden";
     } else {
@@ -1351,20 +1713,20 @@ function Drawer({
     };
   }, [open]);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "cnfy-drawer-overlay", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "cnfy-drawer-backdrop", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "cnfy-drawer-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "cnfy-drawer-header", children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "cnfy-drawer-title", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { onClick: onClose, className: "cnfy-drawer-close-btn", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.X, { size: 20 }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-drawer-overlay", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-drawer-backdrop", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-drawer-panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-drawer-header", children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "cnfy-drawer-title", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: onClose, className: "cnfy-drawer-close-btn", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react5.X, { size: 20 }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "cnfy-drawer-body", children })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-drawer-body", children })
     ] })
   ] });
 }
 
 // components/preferences/Preferences.tsx
-var import_react9 = require("react");
+var import_react7 = require("react");
 var import_react_hot_toast = __toESM(require("react-hot-toast"));
 
 // services/settings.service.ts
@@ -1372,36 +1734,19 @@ var triggerScrape = async ({
   state,
   cities
 }) => {
-  const { data } = await api_default.post("/chatboat/scrape/trigger", {
+  const { data } = await api_default.post("/news/trigger", {
     state,
     cities
   });
   return data;
 };
-var getScrapeStatus = async () => {
-  const { data } = await api_default.get("/chatboat/scrape/status");
-  return data.data;
-};
-
-// components/ClientSelect.tsx
-var import_react8 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var ReactSelect = null;
-var ClientSelect = (props) => {
-  const [mounted, setMounted] = (0, import_react8.useState)(false);
-  (0, import_react8.useEffect)(() => {
-    setMounted(true);
-    import("react-select").then((mod) => {
-      ReactSelect = mod.default;
-    });
-  }, []);
-  if (!mounted || !ReactSelect) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReactSelect, __spreadValues({}, props));
+var getScrapeStatus = async () => {
+  const { data } = await api_default.get("/news/status");
+  return data.data;
 };
-var ClientSelect_default = ClientSelect;
 
 // components/preferences/Preferences.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var STATE_OPTIONS = [
   { value: "Uttar Pradesh", label: "Uttar Pradesh" }
 ];
@@ -1436,27 +1781,24 @@ var LANGUAGE_OPTIONS = [
   { value: "hi", label: "Hindi" }
 ];
 function PreferencesPage() {
-  var _a, _b, _c;
-  const { preferences, loading, refreshPreferences, updatePreferences } = usePreferences();
-  const primaryColor = ((_a = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _a.primaryColor) || "#10b981";
-  const [botName, setBotName] = (0, import_react9.useState)("");
-  const [logo, setLogo] = (0, import_react9.useState)(null);
-  const [logoUrl, setLogoUrl] = (0, import_react9.useState)(null);
-  const [state, setState] = (0, import_react9.useState)(null);
-  const [cities, setCities] = (0, import_react9.useState)([]);
-  const [language, setLanguage] = (0, import_react9.useState)(null);
-  const [saving, setSaving] = (0, import_react9.useState)(false);
-  const [success, setSuccess] = (0, import_react9.useState)(false);
-  const [scraping, setScraping] = (0, import_react9.useState)(false);
-  const [scrapeStatus, setScrapeStatus] = (0, import_react9.useState)(null);
-  const [loadingStatus, setLoadingStatus] = (0, import_react9.useState)(true);
-  const [originalValues, setOriginalValues] = (0, import_react9.useState)({
+  const primaryColor = "#10b981";
+  const [botName, setBotName] = (0, import_react7.useState)("");
+  const [logo, setLogo] = (0, import_react7.useState)(null);
+  const [logoUrl, setLogoUrl] = (0, import_react7.useState)(null);
+  const [state, setState] = (0, import_react7.useState)(null);
+  const [cities, setCities] = (0, import_react7.useState)([]);
+  const [language, setLanguage] = (0, import_react7.useState)(null);
+  const [saving, setSaving] = (0, import_react7.useState)(false);
+  const [scraping, setScraping] = (0, import_react7.useState)(false);
+  const [scrapeStatus, setScrapeStatus] = (0, import_react7.useState)(null);
+  const [loadingStatus, setLoadingStatus] = (0, import_react7.useState)(true);
+  const [originalValues, setOriginalValues] = (0, import_react7.useState)({
     botName: "",
     state: void 0,
     cities: [],
     language: void 0
   });
-  (0, import_react9.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const fetchScrapeStatus = async () => {
       try {
         const data = await getScrapeStatus();
@@ -1470,12 +1812,11 @@ function PreferencesPage() {
     fetchScrapeStatus();
   }, []);
   const handleScrape = async () => {
-    var _a2, _b2;
     setScraping(true);
     try {
       await triggerScrape({
-        state: (_a2 = preferences == null ? void 0 : preferences.localization) == null ? void 0 : _a2.state,
-        cities: (_b2 = preferences == null ? void 0 : preferences.localization) == null ? void 0 : _b2.cities
+        state: state == null ? void 0 : state.value,
+        cities: cities.map((c) => c.value)
       });
       import_react_hot_toast.default.success("News scraping started successfully!");
       setTimeout(async () => {
@@ -1493,40 +1834,12 @@ function PreferencesPage() {
       setScraping(false);
     }
   };
-  (0, import_react9.useEffect)(() => {
-    var _a2, _b2, _c2, _d, _e;
-    if (preferences) {
-      const name = ((_a2 = preferences.chatbot) == null ? void 0 : _a2.name) || "";
-      const pState = (_b2 = preferences.localization) == null ? void 0 : _b2.state;
-      const pCities = ((_c2 = preferences.localization) == null ? void 0 : _c2.cities) || [];
-      const pLanguage = (_d = preferences.localization) == null ? void 0 : _d.language;
-      setBotName(name);
-      if ((_e = preferences.chatbot) == null ? void 0 : _e.logoUrl) setLogoUrl(preferences.chatbot.logoUrl);
-      if (pState) {
-        setState({ value: pState, label: pState });
-      }
-      if (Array.isArray(pCities)) {
-        setCities(pCities.map((city) => ({ value: city, label: city })));
-      }
-      if (pLanguage) {
-        const langOption = LANGUAGE_OPTIONS.find((opt) => opt.value === pLanguage);
-        setLanguage(langOption || null);
-      }
-      setOriginalValues({
-        botName: name,
-        state: pState,
-        cities: pCities,
-        language: pLanguage
-      });
-    }
-  }, [preferences]);
   const handleSave = async () => {
     if (!botName) {
       import_react_hot_toast.default.error("Chatbot name is required");
       return;
     }
     setSaving(true);
-    setSuccess(false);
     try {
       const payload = {};
       if (botName !== originalValues.botName) {
@@ -1553,13 +1866,6 @@ function PreferencesPage() {
         setSaving(false);
         return;
       }
-      const updatedPreferences = await savePreferencesApi(payload);
-      if (updatedPreferences) {
-        updatePreferences(updatedPreferences);
-      } else {
-        await refreshPreferences();
-      }
-      setSuccess(true);
       setLogo(null);
       import_react_hot_toast.default.success("Preferences saved successfully!");
     } catch (error) {
@@ -1569,15 +1875,12 @@ function PreferencesPage() {
       setSaving(false);
     }
   };
-  if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "cnfy-dash-page", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-dash-page-subtitle", children: "Loading settings..." }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-page", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "cnfy-dash-card-title", children: "Chatbot Settings" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "cnfy-dash-label", children: "Chatbot Name" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-page", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "cnfy-dash-card-title", children: "Chatbot Settings" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "cnfy-dash-label", children: "Chatbot Name" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "input",
           {
             value: botName,
@@ -1587,32 +1890,38 @@ function PreferencesPage() {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "cnfy-dash-label", children: "Chatbot Logo" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-logo-upload", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "cnfy-logo-preview", children: logo ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "img",
-            {
-              src: URL.createObjectURL(logo),
-              alt: "Logo preview",
-              className: "cnfy-logo-img"
-            }
-          ) : logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "img",
-            {
-              src: logoUrl,
-              alt: "Current logo",
-              className: "cnfy-logo-img"
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "cnfy-logo-placeholder", children: "No logo" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "cnfy-dash-label", children: "Chatbot Logo" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-logo-upload", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "cnfy-logo-preview", children: logo ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "img",
+              {
+                src: URL.createObjectURL(logo),
+                alt: "Logo preview",
+                className: "cnfy-logo-img"
+              }
+            )
+          ) : logoUrl ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "img",
+              {
+                src: logoUrl,
+                alt: "Current logo",
+                className: "cnfy-logo-img"
+              }
+            )
+          ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cnfy-logo-placeholder", children: "No logo" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "input",
             {
               type: "file",
               accept: "image/*",
               onChange: (e) => {
-                var _a2;
-                return setLogo(((_a2 = e.target.files) == null ? void 0 : _a2[0]) || null);
+                var _a;
+                return setLogo(((_a = e.target.files) == null ? void 0 : _a[0]) || null);
               },
               className: "cnfy-file-input"
             }
@@ -1620,38 +1929,38 @@ function PreferencesPage() {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-card-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "cnfy-dash-card-title-inline", children: "News Scraping" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-dash-card-desc", children: "Scrape latest news from your configured locations" })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-card-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "cnfy-dash-card-title-inline", children: "News Scraping" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "cnfy-dash-card-desc", children: "Scrape latest news from your configured locations" })
       ] }),
-      !loadingStatus && scrapeStatus && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-grid cnfy-dash-grid--sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "cnfy-dash-label-muted", children: "Status:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-dash-label-bold", children: scrapeStatus.isRunning ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "cnfy-dash-badge cnfy-dash-badge--yellow", children: "Running" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "cnfy-dash-badge cnfy-dash-badge--green", children: "Idle" }) })
+      !loadingStatus && scrapeStatus && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-grid cnfy-dash-grid--sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cnfy-dash-label-muted", children: "Status:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "cnfy-dash-label-bold", children: scrapeStatus.isRunning ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cnfy-dash-badge cnfy-dash-badge--yellow", children: "Running" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cnfy-dash-badge cnfy-dash-badge--green", children: "Idle" }) })
         ] }),
-        scrapeStatus.lastRun && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "cnfy-dash-label-muted", children: "Last Run:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-dash-label-bold", children: new Date(scrapeStatus.lastRun).toLocaleString() })
+        scrapeStatus.lastRun && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cnfy-dash-label-muted", children: "Last Run:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "cnfy-dash-label-bold", children: new Date(scrapeStatus.lastRun).toLocaleString() })
         ] }),
-        scrapeStatus.totalScraped !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "cnfy-dash-label-muted", children: "Total Scraped:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "cnfy-dash-label-bold", children: [
+        scrapeStatus.totalScraped !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "cnfy-dash-label-muted", children: "Total Scraped:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "cnfy-dash-label-bold", children: [
             scrapeStatus.totalScraped.toLocaleString(),
             " articles"
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "cnfy-dash-info-text", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "cnfy-dash-info-text", children: [
           "Current configuration: ",
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: (_b = preferences == null ? void 0 : preferences.localization) == null ? void 0 : _b.state }),
-          ((_c = preferences == null ? void 0 : preferences.localization) == null ? void 0 : _c.cities) && preferences.localization.cities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: state == null ? void 0 : state.value }),
+          cities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
             " - ",
-            preferences.localization.cities.join(", ")
+            cities.map((c) => c.label).join(", ")
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             onClick: handleScrape,
@@ -1663,48 +1972,54 @@ function PreferencesPage() {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "cnfy-dash-card-title", children: "Localization Settings" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "cnfy-dash-label", children: "State" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          ClientSelect_default,
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "cnfy-dash-card-title", children: "Localization Settings" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "cnfy-dash-label", children: "State" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "select",
           {
-            options: STATE_OPTIONS,
-            value: state,
-            onChange: (option) => setState(option),
-            placeholder: "Select state"
+            className: "cnfy-dash-input",
+            value: (state == null ? void 0 : state.value) || "",
+            onChange: (e) => setState(STATE_OPTIONS.find((o) => o.value === e.target.value) || null),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: "", children: "Select state" }),
+              STATE_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
+            ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "cnfy-dash-label", children: "Cities" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          ClientSelect_default,
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "cnfy-dash-label", children: "Cities" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "select",
           {
-            isMulti: true,
-            options: CITY_OPTIONS,
-            value: cities,
-            onChange: (options) => setCities(options),
-            placeholder: "Select cities",
-            isDisabled: !state
+            multiple: true,
+            className: "cnfy-dash-input",
+            value: cities.map((c) => c.value),
+            disabled: !state,
+            onChange: (e) => setCities(Array.from(e.target.selectedOptions).map((o) => ({ value: o.value, label: o.text }))),
+            children: CITY_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "cnfy-dash-label", children: "Language" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          ClientSelect_default,
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "cnfy-dash-label", children: "Language" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "select",
           {
-            options: LANGUAGE_OPTIONS,
-            value: language,
-            onChange: (option) => setLanguage(option),
-            placeholder: "Select language"
+            className: "cnfy-dash-input",
+            value: (language == null ? void 0 : language.value) || "",
+            onChange: (e) => setLanguage(LANGUAGE_OPTIONS.find((o) => o.value === e.target.value) || null),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: "", children: "Select language" }),
+              LANGUAGE_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
+            ]
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "cnfy-dash-actions", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "cnfy-dash-actions", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         onClick: handleSave,
@@ -1717,13 +2032,307 @@ function PreferencesPage() {
   ] });
 }
 
+// components/history/HistoryPanel.tsx
+var import_react8 = require("react");
+var import_lucide_react6 = require("lucide-react");
+
+// services/history.service.ts
+function getHeaders() {
+  const token = typeof window !== "undefined" ? localStorage.getItem("token") : null;
+  const apiKey = getApiKey();
+  return __spreadValues(__spreadValues({
+    "Content-Type": "application/json"
+  }, token ? { Authorization: `Bearer ${token}` } : {}), apiKey ? { "x-api-key": apiKey } : {});
+}
+async function getHistory(page = 1, limit = 20) {
+  const apiUrl = getApiBaseUrl();
+  const res = await fetch(`${apiUrl}/contenify/history?page=${page}&limit=${limit}`, {
+    credentials: "include",
+    headers: getHeaders()
+  });
+  if (!res.ok) throw new Error("Failed to fetch history");
+  const { data } = await res.json();
+  return data;
+}
+async function getHistoryItem(id) {
+  const apiUrl = getApiBaseUrl();
+  const res = await fetch(`${apiUrl}/contenify/history/${id}`, {
+    credentials: "include",
+    headers: getHeaders()
+  });
+  if (!res.ok) throw new Error("Failed to fetch history item");
+  const { data } = await res.json();
+  return data;
+}
+async function deleteHistoryItem(id) {
+  const apiUrl = getApiBaseUrl();
+  const res = await fetch(`${apiUrl}/contenify/history/${id}`, {
+    method: "DELETE",
+    credentials: "include",
+    headers: getHeaders()
+  });
+  if (!res.ok) throw new Error("Failed to delete history item");
+}
+
+// components/history/HistoryPanel.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function formatDate(iso) {
+  const d = new Date(iso);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - d.getTime();
+  const diffDays = Math.floor(diffMs / 864e5);
+  if (diffDays === 0) return "Today";
+  if (diffDays === 1) return "Yesterday";
+  if (diffDays < 7) return `${diffDays} days ago`;
+  return d.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+function groupByDate(items) {
+  const groups = {};
+  for (const item of items) {
+    const label = formatDate(item.createdAt);
+    if (!groups[label]) groups[label] = [];
+    groups[label].push(item);
+  }
+  return Object.entries(groups).map(([label, items2]) => ({ label, items: items2 }));
+}
+function HistoryPanel({ onSelect, onNewChat }) {
+  const [collapsed, setCollapsed] = (0, import_react8.useState)(false);
+  const [items, setItems] = (0, import_react8.useState)([]);
+  const [pagination, setPagination] = (0, import_react8.useState)(null);
+  const [page, setPage] = (0, import_react8.useState)(1);
+  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const [loadingMore, setLoadingMore] = (0, import_react8.useState)(false);
+  const [error, setError] = (0, import_react8.useState)(null);
+  const [deletingId, setDeletingId] = (0, import_react8.useState)(null);
+  const [selectingId, setSelectingId] = (0, import_react8.useState)(null);
+  const [hoveredId, setHoveredId] = (0, import_react8.useState)(null);
+  const fetchPage = (0, import_react8.useCallback)(async (p, replace) => {
+    if (p === 1) setLoading(true);
+    else setLoadingMore(true);
+    setError(null);
+    try {
+      const result = await getHistory(p, 20);
+      setItems((prev) => replace ? result.items : [...prev, ...result.items]);
+      setPagination(result.pagination);
+      setPage(p);
+    } catch (e) {
+      setError("Failed to load history");
+    } finally {
+      setLoading(false);
+      setLoadingMore(false);
+    }
+  }, []);
+  (0, import_react8.useEffect)(() => {
+    fetchPage(1, true);
+  }, [fetchPage]);
+  const handleDelete = async (e, id) => {
+    e.stopPropagation();
+    setDeletingId(id);
+    try {
+      await deleteHistoryItem(id);
+      setItems((prev) => prev.filter((i) => i._id !== id));
+      setPagination((prev) => prev ? __spreadProps(__spreadValues({}, prev), { total: prev.total - 1 }) : prev);
+    } catch (e2) {
+    } finally {
+      setDeletingId(null);
+    }
+  };
+  const handleSelect = async (id) => {
+    setSelectingId(id);
+    try {
+      await onSelect(id);
+      setCollapsed(true);
+    } finally {
+      setSelectingId(null);
+    }
+  };
+  const hasMore = pagination ? page < pagination.pages : false;
+  const groups = groupByDate(items);
+  if (collapsed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cnfy-history-panel cnfy-history-panel--collapsed", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          className: "cnfy-history-icon-btn",
+          onClick: () => setCollapsed(false),
+          title: "Expand history",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.PanelLeftOpen, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          className: "cnfy-history-icon-btn",
+          onClick: onNewChat,
+          title: "New chat",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.SquarePen, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "cnfy-history-icon-divider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          className: "cnfy-history-icon-btn",
+          onClick: () => setCollapsed(false),
+          title: "History",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.History, { size: 18 })
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cnfy-history-panel", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cnfy-history-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          className: "cnfy-history-icon-btn",
+          onClick: () => setCollapsed(true),
+          title: "Collapse sidebar",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.PanelLeftClose, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          className: "cnfy-history-icon-btn",
+          onClick: onNewChat,
+          title: "New chat",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.SquarePen, { size: 18 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cnfy-history-body", children: [
+      loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "cnfy-history-loading", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Loader2, { size: 18, className: "cnfy-animate-spin" }) }),
+      !loading && error && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cnfy-history-error", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.AlertCircle, { size: 15 }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { onClick: () => fetchPage(1, true), className: "cnfy-history-retry-btn", children: "Retry" })
+      ] }),
+      !loading && !error && items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cnfy-history-empty", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.FileText, { size: 24, className: "cnfy-history-empty-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "No history yet" })
+      ] }),
+      !loading && groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "cnfy-history-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "cnfy-history-group-label", children: group.label }),
+        group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "div",
+          {
+            className: `cnfy-history-item${selectingId ? " cnfy-history-item--disabled" : ""}`,
+            onClick: () => !selectingId && handleSelect(item._id),
+            onMouseEnter: () => setHoveredId(item._id),
+            onMouseLeave: () => setHoveredId(null),
+            role: "button",
+            tabIndex: 0,
+            onKeyDown: (e) => e.key === "Enter" && !selectingId && handleSelect(item._id),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "cnfy-history-item-title", children: [
+                selectingId === item._id ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Loader2, { size: 12, className: "cnfy-animate-spin cnfy-history-item-spinner" }) : null,
+                item.title || "Untitled"
+              ] }),
+              (hoveredId === item._id || deletingId === item._id) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "button",
+                {
+                  className: "cnfy-history-delete-btn",
+                  onClick: (e) => handleDelete(e, item._id),
+                  disabled: deletingId === item._id,
+                  title: "Delete",
+                  children: deletingId === item._id ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Loader2, { size: 12, className: "cnfy-animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Trash2, { size: 12 })
+                }
+              )
+            ]
+          },
+          item._id
+        ))
+      ] }, group.label)),
+      hasMore && !loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          onClick: () => fetchPage(page + 1, false),
+          disabled: loadingMore,
+          className: "cnfy-history-load-more",
+          children: loadingMore ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Loader2, { size: 13, className: "cnfy-animate-spin" }),
+            " Loading\u2026"
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.ChevronDown, { size: 13 }),
+            " Load more"
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+
 // services/chat.service.ts
+function getHeaders2() {
+  const apiKey = getApiKey();
+  const headers = { "Content-Type": "application/json" };
+  if (apiKey) headers["x-api-key"] = apiKey;
+  if (typeof window !== "undefined") {
+    const token = localStorage.getItem("token");
+    if (token) headers["Authorization"] = `Bearer ${token}`;
+  }
+  return headers;
+}
+async function processSSEStream(reader, callbacks) {
+  const decoder = new TextDecoder();
+  let buffer = "";
+  const processLines = (lines) => {
+    var _a, _b, _c, _d, _e, _f;
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (!trimmed.startsWith("data: ")) continue;
+      const data = trimmed.slice(6).trim();
+      try {
+        const event = JSON.parse(data);
+        switch (event.type) {
+          case "start":
+            break;
+          // Structured streaming (articleId present): field-scoped chunks
+          case "field_start":
+            (_a = callbacks.onFieldStart) == null ? void 0 : _a.call(callbacks, event.field);
+            break;
+          case "content":
+            callbacks.onContent(event.field, event.content);
+            break;
+          case "keywords":
+            (_b = callbacks.onKeywords) == null ? void 0 : _b.call(callbacks, event.content);
+            break;
+          case "field_end":
+            (_c = callbacks.onFieldEnd) == null ? void 0 : _c.call(callbacks, event.field);
+            break;
+          case "done":
+            (_d = callbacks.onComplete) == null ? void 0 : _d.call(callbacks, event.data);
+            return true;
+          // Plain token streaming (no articleId): route directly to article body
+          case "token":
+            callbacks.onContent("article", (_e = event.content) != null ? _e : "");
+            break;
+          case "error":
+            (_f = callbacks.onError) == null ? void 0 : _f.call(callbacks, new Error(event.message));
+            return true;
+        }
+      } catch (e) {
+      }
+    }
+    return false;
+  };
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    buffer += decoder.decode(value, { stream: true });
+    const lines = buffer.split("\n");
+    buffer = lines.pop() || "";
+    if (processLines(lines)) return;
+  }
+  if (buffer.trim()) processLines([buffer]);
+}
 var analyzeInputApi = async (input) => {
-  const { data } = await api_default.post("/chat/analyze-input", { input });
+  const { data } = await api_default.post("/contenify/analyze-input", { input });
   return data.data;
 };
 var createContentApi = async (payload) => {
-  const { data } = await api_default.post("/chat/create-content", payload);
+  const { data } = await api_default.post("/contenify/create-content", payload);
   return data.data;
 };
 var createContentStreamApi = async ({
@@ -1731,22 +2340,18 @@ var createContentStreamApi = async ({
   content,
   actionId,
   settings,
-  onChunk,
+  onFieldStart,
+  onContent,
+  onKeywords,
+  onFieldEnd,
   onComplete,
   onError
 }) => {
   var _a;
   const API_BASE_URL = getApiBaseUrl();
-  const apiKey = getApiKey();
-  const headers = {
-    "Content-Type": "application/json"
-  };
-  if (apiKey) {
-    headers["x-api-key"] = apiKey;
-  }
-  const response = await fetch(`${API_BASE_URL}/chat/create-content/stream`, {
+  const response = await fetch(`${API_BASE_URL}/contenify/create-content/stream`, {
     method: "POST",
-    headers,
+    headers: getHeaders2(),
     credentials: "include",
     body: JSON.stringify({ url, content, actionId, settings })
   });
@@ -1755,50 +2360,8 @@ var createContentStreamApi = async ({
     throw new Error(`HTTP error! status: ${response.status} - ${errorText}`);
   }
   const reader = (_a = response.body) == null ? void 0 : _a.getReader();
-  const decoder = new TextDecoder();
-  if (!reader) {
-    throw new Error("No reader available");
-  }
-  let buffer = "";
-  let hasReceivedData = false;
-  while (true) {
-    const { done, value } = await reader.read();
-    if (done) {
-      if (hasReceivedData) onComplete == null ? void 0 : onComplete();
-      break;
-    }
-    const chunk = decoder.decode(value, { stream: true });
-    buffer += chunk;
-    const lines = buffer.split("\n");
-    buffer = lines.pop() || "";
-    for (const line of lines) {
-      const trimmedLine = line.trim();
-      if (trimmedLine === "") continue;
-      hasReceivedData = true;
-      if (trimmedLine.startsWith("data: ")) {
-        const data = trimmedLine.slice(6).trim();
-        if (data === "[DONE]") {
-          onComplete == null ? void 0 : onComplete();
-          return;
-        }
-        try {
-          const parsed = JSON.parse(data);
-          if (parsed.content) onChunk(parsed.content);
-          else if (parsed.delta) onChunk(parsed.delta);
-          else if (parsed.text) onChunk(parsed.text);
-          else if (parsed.chunk) onChunk(parsed.chunk);
-          else if (typeof parsed === "string") onChunk(parsed);
-        } catch (e) {
-          if (data) onChunk(data);
-        }
-      } else if (trimmedLine) {
-        onChunk(trimmedLine + "\n");
-      }
-    }
-  }
-  if (!hasReceivedData) {
-    throw new Error("No data received from stream");
-  }
+  if (!reader) throw new Error("No reader available");
+  await processSSEStream(reader, { onFieldStart, onContent, onKeywords, onFieldEnd, onComplete, onError });
 };
 var rewriteNewsStreamApi = async ({
   article,
@@ -1810,18 +2373,16 @@ var rewriteNewsStreamApi = async ({
   includeQuotes,
   includeFAQ,
   targetAudience,
-  onChunk,
+  onFieldStart,
+  onContent,
+  onKeywords,
+  onFieldEnd,
   onComplete,
   onError
 }) => {
   var _a;
-  const payload = {
-    article,
-    language
-  };
-  if (articleId) {
-    payload.articleId = articleId;
-  }
+  const payload = { article, language, temperature: 1 };
+  if (articleId) payload.articleId = articleId;
   if (tone) payload.tone = tone;
   if (style) payload.style = style;
   if (wordCount) payload.wordCount = wordCount;
@@ -1830,103 +2391,69 @@ var rewriteNewsStreamApi = async ({
   if (targetAudience) payload.targetAudience = targetAudience;
   try {
     const API_BASE_URL = getApiBaseUrl();
-    const apiKey = getApiKey();
-    const headers = {
-      "Content-Type": "application/json"
-    };
-    if (apiKey) {
-      headers["x-api-key"] = apiKey;
-    }
-    const response = await fetch(`${API_BASE_URL}/chatboat/rewrite/stream`, {
+    const response = await fetch(`${API_BASE_URL}/contenify/rewrite/stream`, {
       method: "POST",
-      headers,
+      headers: getHeaders2(),
       credentials: "include",
       body: JSON.stringify(payload)
     });
-    console.log("\u{1F4E1} Response status:", response.status);
-    console.log("\u{1F4E1} Response headers:", Object.fromEntries(response.headers.entries()));
     if (!response.ok) {
       const errorText = await response.text();
-      console.error("\u274C API Error:", response.status, errorText);
       throw new Error(`HTTP error! status: ${response.status} - ${errorText}`);
     }
-    const reader = (_a = response.body) == null ? void 0 : _a.getReader();
-    const decoder = new TextDecoder();
-    if (!reader) {
-      throw new Error("No reader available");
-    }
-    let buffer = "";
-    let hasReceivedData = false;
-    while (true) {
-      const { done, value } = await reader.read();
-      if (done) {
-        if (hasReceivedData) {
-          onComplete == null ? void 0 : onComplete();
-        }
-        break;
-      }
-      const chunk = decoder.decode(value, { stream: true });
-      buffer += chunk;
-      const lines = buffer.split("\n");
-      buffer = lines.pop() || "";
-      for (const line of lines) {
-        const trimmedLine = line.trim();
-        if (trimmedLine === "") continue;
-        hasReceivedData = true;
-        console.log("\u{1F4E8} Received line:", trimmedLine.substring(0, 100) + (trimmedLine.length > 100 ? "..." : ""));
-        if (trimmedLine.startsWith("data: ")) {
-          const data = trimmedLine.slice(6).trim();
-          if (data === "[DONE]") {
-            console.log("\u2705 Stream completed with [DONE] signal");
-            onComplete == null ? void 0 : onComplete();
-            return;
-          }
-          try {
-            const parsed = JSON.parse(data);
-            console.log("\u{1F4CB} Parsed JSON:", parsed);
-            if (parsed.content) {
-              onChunk(parsed.content);
-            } else if (parsed.delta) {
-              onChunk(parsed.delta);
-            } else if (parsed.text) {
-              onChunk(parsed.text);
-            } else if (parsed.chunk) {
-              onChunk(parsed.chunk);
-            } else if (typeof parsed === "string") {
-              onChunk(parsed);
-            } else {
-              console.warn("\u26A0\uFE0F Unknown JSON format:", parsed);
-            }
-          } catch (e) {
-            console.log("\u{1F4DD} Non-JSON data, treating as plain text");
-            if (data) {
-              onChunk(data);
-            }
-          }
-        } else {
-          console.log("\u{1F4C4} Plain text chunk");
-          if (trimmedLine) {
-            onChunk(trimmedLine + "\n");
-          }
-        }
-      }
-    }
-    if (!hasReceivedData) {
-      console.error("\u274C No data received from stream");
-      throw new Error("No data received from stream");
+    const contentType = response.headers.get("content-type") || "";
+    if (contentType.includes("application/json")) {
+      const json = await response.json();
+      const d = json.data || json;
+      onComplete == null ? void 0 : onComplete({
+        title: d.title || "",
+        subtitle: d.subtitle || "",
+        article: d.article || "",
+        metaDescription: d.metaDescription || "",
+        metaKeywords: Array.isArray(d.metaKeywords) ? d.metaKeywords : []
+      });
+      return;
     }
-    console.log("\u2705 Stream completed successfully");
+    const reader = (_a = response.body) == null ? void 0 : _a.getReader();
+    if (!reader) throw new Error("No reader available");
+    await processSSEStream(reader, { onFieldStart, onContent, onKeywords, onFieldEnd, onComplete, onError });
   } catch (error) {
-    console.error("\u274C Streaming error:", error);
-    console.error("Error details:", {
-      message: error.message,
-      name: error.name,
-      stack: error.stack
-    });
-    onError == null ? void 0 : onError(error);
+    onError == null ? void 0 : onError(error instanceof Error ? error : new Error(String(error)));
     throw error;
   }
 };
+var resolveSeoStreamApi = async ({
+  historyId,
+  title,
+  subtitle,
+  metaDescription,
+  metaKeywords,
+  article,
+  language,
+  seoAnalysis,
+  onFieldStart,
+  onContent,
+  onKeywords,
+  onFieldEnd,
+  onComplete,
+  onError
+}) => {
+  var _a;
+  const API_BASE_URL = getApiBaseUrl();
+  const response = await fetch(`${API_BASE_URL}/seo-engine/resolve/stream`, {
+    method: "POST",
+    headers: getHeaders2(),
+    credentials: "include",
+    body: JSON.stringify({ historyId, title, subtitle, metaDescription, metaKeywords, article, language, seoAnalysis })
+  });
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new Error(`HTTP error! status: ${response.status} - ${errorText}`);
+  }
+  const reader = (_a = response.body) == null ? void 0 : _a.getReader();
+  if (!reader) throw new Error("No reader available");
+  await processSSEStream(reader, { onFieldStart, onContent, onKeywords, onFieldEnd, onComplete, onError });
+};
 var rewriteNewsApi = async ({
   article,
   language = "English",
@@ -1938,145 +2465,136 @@ var rewriteNewsApi = async ({
   includeFAQ,
   targetAudience
 }) => {
-  const payload = {
-    article,
-    language
-  };
-  if (articleId) {
-    payload.articleId = articleId;
-  }
+  const payload = { article, language, temperature: 1 };
+  if (articleId) payload.articleId = articleId;
   if (tone) payload.tone = tone;
   if (style) payload.style = style;
   if (wordCount) payload.wordCount = wordCount;
   if (includeQuotes !== void 0) payload.includeQuotes = includeQuotes;
   if (includeFAQ !== void 0) payload.includeFAQ = includeFAQ;
   if (targetAudience) payload.targetAudience = targetAudience;
-  const { data } = await api_default.post("/chat/rewrite", payload);
+  const { data } = await api_default.post("/contenify/rewrite", payload);
   return data.data;
 };
 
 // components/chatbot/ChatBot.tsx
 var import_react_hot_toast2 = __toESM(require("react-hot-toast"));
 var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function ChatBot({ onPost }) {
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function buildStructuredContent(title, article, metaKeywords, subtitle = "", metaDescription = "") {
+  return JSON.stringify({ title, subtitle, article, metaDescription, metaKeywords });
+}
+function ChatBot() {
   const { loading } = useTheme();
-  const { preferences } = usePreferences();
-  const [preferencesOpen, setPreferencesOpen] = (0, import_react10.useState)(false);
-  const [messages, setMessages] = (0, import_react10.useState)([]);
-  const [isStreaming, setIsStreaming] = (0, import_react10.useState)(false);
-  const [analyzedData, setAnalyzedData] = (0, import_react10.useState)(null);
+  const [preferencesOpen, setPreferencesOpen] = (0, import_react9.useState)(false);
+  const [messages, setMessages] = (0, import_react9.useState)([]);
+  const [isStreaming, setIsStreaming] = (0, import_react9.useState)(false);
+  const [activeField, setActiveField] = (0, import_react9.useState)(null);
+  const [analyzedData, setAnalyzedData] = (0, import_react9.useState)(null);
   const handleRecreate = async ({ title, content, id }) => {
-    var _a;
     const assistantId = crypto.randomUUID();
     setMessages((prev) => [
       ...prev,
-      {
-        id: crypto.randomUUID(),
-        role: "user",
-        content: `Recreate this news:
-${title}`
-      },
-      {
-        id: assistantId,
-        role: "assistant",
-        content: "\u23F3 Creating article..."
-      }
+      { id: crypto.randomUUID(), role: "user", content: `Recreate this news:
+ ${title}` },
+      { id: assistantId, role: "assistant", content: "" }
     ]);
+    setIsStreaming(true);
     try {
-      let accumulatedContent = "";
       let hasStartedStreaming = false;
-      const contentPrefs = preferences == null ? void 0 : preferences.content;
-      const lang = ((_a = preferences == null ? void 0 : preferences.localization) == null ? void 0 : _a.language) === "hi" ? "Hindi" : "English";
+      let streamDone = false;
+      let pendingError = null;
+      let titleBuffer = "";
+      let articleBuffer = "";
+      let keywordsBuffer = [];
+      const updateMessage = () => {
+        const structured = buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer);
+        setMessages((prev) => prev.map((m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: structured }) : m));
+      };
       try {
         await rewriteNewsStreamApi({
           article: content || "",
-          language: lang,
+          language: "English",
           articleId: id,
-          tone: contentPrefs == null ? void 0 : contentPrefs.tone,
-          style: contentPrefs == null ? void 0 : contentPrefs.style,
-          wordCount: contentPrefs == null ? void 0 : contentPrefs.wordCount,
-          includeQuotes: contentPrefs == null ? void 0 : contentPrefs.includeQuotes,
-          includeFAQ: contentPrefs == null ? void 0 : contentPrefs.includeFAQ,
-          targetAudience: contentPrefs == null ? void 0 : contentPrefs.targetAudience,
-          onChunk: (chunk) => {
+          onFieldStart: (field) => {
+            setActiveField(field);
+          },
+          onContent: (field, chunk) => {
             hasStartedStreaming = true;
-            accumulatedContent += chunk;
-            setMessages(
-              (prev) => prev.map(
-                (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: accumulatedContent }) : m
-              )
-            );
+            if (field === "title") titleBuffer += chunk;
+            else articleBuffer += chunk;
+            updateMessage();
+          },
+          onKeywords: (keywords) => {
+            keywordsBuffer = keywords;
+            updateMessage();
+          },
+          onFieldEnd: () => {
+            setActiveField(null);
           },
-          onComplete: () => {
-            console.log("Streaming completed successfully");
+          onComplete: (data) => {
+            streamDone = true;
+            const finalContent = data && (data.title || data.article) ? JSON.stringify(data) : buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer);
+            setMessages((prev) => prev.map((m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: finalContent }) : m));
+            setIsStreaming(false);
+            setActiveField(null);
             import_react_hot_toast2.default.success("Article created successfully!");
           },
-          onError: async (error) => {
-            console.error("Streaming error:", error);
+          onError: (error) => {
             if (!hasStartedStreaming) {
-              console.log("Falling back to regular API...");
-              throw error;
+              pendingError = error instanceof Error ? error : new Error(String(error));
             } else {
+              streamDone = true;
+              setIsStreaming(false);
+              setActiveField(null);
               import_react_hot_toast2.default.error("Failed to complete article generation");
-              setMessages(
-                (prev) => prev.map(
-                  (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: accumulatedContent || "\u274C Failed to create article. Please try again." }) : m
-                )
-              );
+              setMessages((prev) => prev.map(
+                (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: titleBuffer || articleBuffer ? buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer) : "Failed to create article. Please try again." }) : m
+              ));
             }
           }
         });
-      } catch (streamError) {
-        console.log("Streaming failed, using regular API...", streamError);
-        setMessages(
-          (prev) => prev.map(
-            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "\u23F3 Generating with regular API..." }) : m
-          )
-        );
+        if (pendingError) throw pendingError;
+        if (!streamDone && (titleBuffer || articleBuffer)) {
+          setMessages((prev) => prev.map(
+            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer) }) : m
+          ));
+          setIsStreaming(false);
+          setActiveField(null);
+        }
+      } catch (e) {
+        setMessages((prev) => prev.map((m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "" }) : m));
         const result = await rewriteNewsApi({
           article: content || "",
-          language: lang,
-          articleId: id,
-          tone: contentPrefs == null ? void 0 : contentPrefs.tone,
-          style: contentPrefs == null ? void 0 : contentPrefs.style,
-          wordCount: contentPrefs == null ? void 0 : contentPrefs.wordCount,
-          includeQuotes: contentPrefs == null ? void 0 : contentPrefs.includeQuotes,
-          includeFAQ: contentPrefs == null ? void 0 : contentPrefs.includeFAQ,
-          targetAudience: contentPrefs == null ? void 0 : contentPrefs.targetAudience
+          language: "English",
+          articleId: id
         });
-        setMessages(
-          (prev) => prev.map(
-            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: result.article || result }) : m
-          )
-        );
+        setMessages((prev) => prev.map(
+          (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: typeof result === "string" ? result : JSON.stringify(result) }) : m
+        ));
+        setIsStreaming(false);
         import_react_hot_toast2.default.success("Article created successfully!");
       }
     } catch (err) {
+      if (err instanceof ApiKeyInvalidError) return;
       console.error("Complete Error:", err);
+      setIsStreaming(false);
+      setActiveField(null);
       import_react_hot_toast2.default.error((err == null ? void 0 : err.message) || "An error occurred while creating the article");
-      setMessages(
-        (prev) => prev.map(
-          (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "\u274C Failed to create article. Please try again." }) : m
-        )
-      );
+      setMessages((prev) => prev.map(
+        (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "Failed to create article. Please try again." }) : m
+      ));
     }
   };
   const handleSendMessage = async (text) => {
-    var _a, _b;
+    var _a;
     const userMsgId = crypto.randomUUID();
     const assistantId = crypto.randomUUID();
-    setMessages((prev) => [
-      ...prev,
-      { id: userMsgId, role: "user", content: text }
-    ]);
+    setMessages((prev) => [...prev, { id: userMsgId, role: "user", content: text }]);
     const urlRegex = /https?:\/\/[^\s]+/;
     const hasUrl = urlRegex.test(text);
     if (hasUrl) {
-      setMessages((prev) => [
-        ...prev,
-        { id: assistantId, role: "assistant", content: "\u{1F50D} Analyzing your link..." }
-      ]);
+      setMessages((prev) => [...prev, { id: assistantId, role: "assistant", content: "Analyzing your link..." }]);
       try {
         const result = await analyzeInputApi(text);
         if (result.hasUrl && ((_a = result.options) == null ? void 0 : _a.length) > 0) {
@@ -2087,76 +2605,86 @@ ${title}`
             messageId: assistantId
           });
           const optionsList = result.options.map((opt) => `\u2022 **${opt.name}**${opt.description ? ` \u2013 ${opt.description}` : ""}`).join("\n");
-          setMessages(
-            (prev) => prev.map(
-              (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), {
-                content: `I found an article (${result.wordCount || 0} words). What would you like to do?
+          setMessages((prev) => prev.map(
+            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: `I found an article (${result.wordCount || 0} words). What would you like to do?
 
-${optionsList}`
-              }) : m
-            )
-          );
+${optionsList}` }) : m
+          ));
         } else {
-          setMessages(
-            (prev) => prev.map(
-              (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "Could not extract content from that URL. Please try a different link." }) : m
-            )
-          );
+          setMessages((prev) => prev.map(
+            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "Could not extract content from that URL. Please try a different link." }) : m
+          ));
         }
       } catch (err) {
+        if (err instanceof ApiKeyInvalidError) return;
         console.error("Analyze input error:", err);
         import_react_hot_toast2.default.error("Failed to analyze the link");
-        setMessages(
-          (prev) => prev.map(
-            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "\u274C Failed to analyze the link. Please try again." }) : m
-          )
-        );
+        setMessages((prev) => prev.map(
+          (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "Failed to analyze the link. Please try again." }) : m
+        ));
       }
     } else {
-      setMessages((prev) => [
-        ...prev,
-        { id: assistantId, role: "assistant", content: "\u23F3 Generating content..." }
-      ]);
+      setMessages((prev) => [...prev, { id: assistantId, role: "assistant", content: "" }]);
       setIsStreaming(true);
       try {
-        const contentPrefs = preferences == null ? void 0 : preferences.content;
-        const lang = ((_b = preferences == null ? void 0 : preferences.localization) == null ? void 0 : _b.language) === "hi" ? "Hindi" : "English";
-        let accumulatedContent = "";
+        let streamDone = false;
+        let titleBuffer = "";
+        let articleBuffer = "";
+        let keywordsBuffer = [];
+        const updateMessage = () => {
+          const structured = buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer);
+          setMessages((prev) => prev.map((m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: structured }) : m));
+        };
         await rewriteNewsStreamApi({
           article: text,
-          language: lang,
-          tone: contentPrefs == null ? void 0 : contentPrefs.tone,
-          style: contentPrefs == null ? void 0 : contentPrefs.style,
-          wordCount: contentPrefs == null ? void 0 : contentPrefs.wordCount,
-          includeQuotes: contentPrefs == null ? void 0 : contentPrefs.includeQuotes,
-          includeFAQ: contentPrefs == null ? void 0 : contentPrefs.includeFAQ,
-          targetAudience: contentPrefs == null ? void 0 : contentPrefs.targetAudience,
-          onChunk: (chunk) => {
-            accumulatedContent += chunk;
-            setMessages(
-              (prev) => prev.map(
-                (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: accumulatedContent }) : m
-              )
-            );
+          language: "English",
+          onFieldStart: (field) => {
+            setActiveField(field);
+          },
+          onContent: (field, chunk) => {
+            if (field === "title") titleBuffer += chunk;
+            else articleBuffer += chunk;
+            updateMessage();
+          },
+          onKeywords: (keywords) => {
+            keywordsBuffer = keywords;
+            updateMessage();
+          },
+          onFieldEnd: () => {
+            setActiveField(null);
           },
-          onComplete: () => {
+          onComplete: (data) => {
+            streamDone = true;
+            const finalContent = data && (data.title || data.article) ? JSON.stringify(data) : buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer);
+            setMessages((prev) => prev.map((m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: finalContent }) : m));
             setIsStreaming(false);
+            setActiveField(null);
             import_react_hot_toast2.default.success("Content generated!");
           },
           onError: (error) => {
+            if (error instanceof ApiKeyInvalidError) return;
             console.error("Stream error:", error);
+            streamDone = true;
             setIsStreaming(false);
+            setActiveField(null);
             import_react_hot_toast2.default.error("Failed to generate content");
           }
         });
+        if (!streamDone && (titleBuffer || articleBuffer)) {
+          setMessages((prev) => prev.map(
+            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer) }) : m
+          ));
+          setIsStreaming(false);
+          setActiveField(null);
+        }
       } catch (err) {
+        if (err instanceof ApiKeyInvalidError) return;
         console.error("Send message error:", err);
         setIsStreaming(false);
-        setMessages(
-          (prev) => prev.map(
-            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "\u274C Failed to generate content. Please try again." }) : m
-          )
-        );
+        setActiveField(null);
+        setMessages((prev) => prev.map(
+          (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "Failed to generate content. Please try again." }) : m
+        ));
       }
     }
   };
@@ -2168,109 +2696,212 @@ ${optionsList}`
     setMessages((prev) => [
       ...prev,
       { id: crypto.randomUUID(), role: "user", content: `Action: ${actionName}` },
-      { id: assistantId, role: "assistant", content: "\u23F3 Creating content..." }
+      { id: assistantId, role: "assistant", content: "" }
     ]);
     setIsStreaming(true);
     try {
-      const contentPrefs = preferences == null ? void 0 : preferences.content;
-      let accumulatedContent = "";
+      let streamDone = false;
+      let titleBuffer = "";
+      let articleBuffer = "";
+      let keywordsBuffer = [];
+      const updateMessage = () => {
+        const structured = buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer);
+        setMessages((prev) => prev.map((m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: structured }) : m));
+      };
       try {
         await createContentStreamApi({
           url,
           content,
           actionId,
-          settings: {
-            tone: contentPrefs == null ? void 0 : contentPrefs.tone,
-            style: contentPrefs == null ? void 0 : contentPrefs.style,
-            wordCount: contentPrefs == null ? void 0 : contentPrefs.wordCount
+          settings: {},
+          onFieldStart: (field) => {
+            setActiveField(field);
           },
-          onChunk: (chunk) => {
-            accumulatedContent += chunk;
-            setMessages(
-              (prev) => prev.map(
-                (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: accumulatedContent }) : m
-              )
-            );
+          onContent: (field, chunk) => {
+            if (field === "title") titleBuffer += chunk;
+            else articleBuffer += chunk;
+            updateMessage();
+          },
+          onKeywords: (keywords) => {
+            keywordsBuffer = keywords;
+            updateMessage();
           },
-          onComplete: () => {
+          onFieldEnd: () => {
+            setActiveField(null);
+          },
+          onComplete: (data) => {
+            streamDone = true;
+            const finalContent = data && (data.title || data.article) ? JSON.stringify(data) : buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer);
+            setMessages((prev) => prev.map((m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: finalContent }) : m));
             setIsStreaming(false);
+            setActiveField(null);
             import_react_hot_toast2.default.success("Content created!");
           },
           onError: (error) => {
+            if (error instanceof ApiKeyInvalidError) return;
             console.error("Stream error:", error);
+            streamDone = true;
             setIsStreaming(false);
+            setActiveField(null);
             import_react_hot_toast2.default.error("Failed to create content");
           }
         });
+        if (!streamDone && (titleBuffer || articleBuffer)) {
+          setMessages((prev) => prev.map(
+            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer) }) : m
+          ));
+          setIsStreaming(false);
+          setActiveField(null);
+        }
       } catch (e) {
-        const result = await createContentApi({ url, content, actionId, settings: {
-          tone: contentPrefs == null ? void 0 : contentPrefs.tone,
-          style: contentPrefs == null ? void 0 : contentPrefs.style,
-          wordCount: contentPrefs == null ? void 0 : contentPrefs.wordCount
-        } });
-        setMessages(
-          (prev) => prev.map(
-            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: result.article || result.content || JSON.stringify(result) }) : m
-          )
-        );
+        const result = await createContentApi({ url, content, actionId, settings: {} });
+        setMessages((prev) => prev.map(
+          (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: typeof result === "string" ? result : JSON.stringify(result) }) : m
+        ));
         setIsStreaming(false);
+        setActiveField(null);
         import_react_hot_toast2.default.success("Content created!");
       }
     } catch (err) {
+      if (err instanceof ApiKeyInvalidError) return;
       console.error("Create content error:", err);
       setIsStreaming(false);
-      setMessages(
-        (prev) => prev.map(
-          (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "\u274C Failed to create content. Please try again." }) : m
-        )
+      setActiveField(null);
+      setMessages((prev) => prev.map(
+        (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "Failed to create content. Please try again." }) : m
+      ));
+    }
+  };
+  const handleResolveSeo = async (articleData) => {
+    const assistantId = crypto.randomUUID();
+    setMessages((prev) => [
+      ...prev,
+      { id: crypto.randomUUID(), role: "user", content: "Resolve SEO issues" },
+      { id: assistantId, role: "assistant", content: "" }
+    ]);
+    setIsStreaming(true);
+    try {
+      let streamDone = false;
+      let titleBuffer = "";
+      let articleBuffer = "";
+      let keywordsBuffer = [];
+      const updateMessage = () => {
+        setMessages((prev) => prev.map(
+          (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer) }) : m
+        ));
+      };
+      await resolveSeoStreamApi(__spreadProps(__spreadValues({}, articleData), {
+        onFieldStart: (field) => {
+          setActiveField(field);
+        },
+        onContent: (field, chunk) => {
+          if (field === "title") titleBuffer += chunk;
+          else articleBuffer += chunk;
+          updateMessage();
+        },
+        onKeywords: (keywords) => {
+          keywordsBuffer = keywords;
+          updateMessage();
+        },
+        onFieldEnd: () => {
+          setActiveField(null);
+        },
+        onComplete: (data) => {
+          streamDone = true;
+          const finalContent = data && (data.title || data.article) ? JSON.stringify(data) : buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer);
+          setMessages((prev) => prev.map((m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: finalContent }) : m));
+          setIsStreaming(false);
+          setActiveField(null);
+          import_react_hot_toast2.default.success("SEO issues resolved!");
+        },
+        onError: () => {
+          streamDone = true;
+          setIsStreaming(false);
+          setActiveField(null);
+          import_react_hot_toast2.default.error("Failed to resolve SEO issues");
+        }
+      }));
+      if (!streamDone && (titleBuffer || articleBuffer)) {
+        setMessages((prev) => prev.map(
+          (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: buildStructuredContent(titleBuffer, articleBuffer, keywordsBuffer) }) : m
+        ));
+        setIsStreaming(false);
+        setActiveField(null);
+      }
+    } catch (err) {
+      if (err instanceof ApiKeyInvalidError) return;
+      console.error("Resolve SEO error:", err);
+      setIsStreaming(false);
+      setActiveField(null);
+      import_react_hot_toast2.default.error((err == null ? void 0 : err.message) || "Failed to resolve SEO issues");
+      setMessages((prev) => prev.map(
+        (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "Failed to resolve SEO issues. Please try again." }) : m
+      ));
+    }
+  };
+  const handleHistorySelect = async (id) => {
+    try {
+      const item = await getHistoryItem(id);
+      const content = buildStructuredContent(
+        item.title,
+        item.article || "",
+        item.metaKeywords || [],
+        item.subtitle,
+        item.metaDescription
       );
+      setMessages((prev) => [...prev, { id: crypto.randomUUID(), role: "assistant", content }]);
+    } catch (e) {
+      import_react_hot_toast2.default.error("Failed to load article");
     }
   };
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "cnfy-loading", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "cnfy-loading-inner", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react7.Loader2, { className: "cnfy-loading-spinner cnfy-animate-spin" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "cnfy-loading-text", children: "Loading..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "cnfy-loading", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "cnfy-loading-inner", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react7.Loader2, { className: "cnfy-loading-spinner cnfy-animate-spin" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "cnfy-loading-text", children: "Loading..." })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "cnfy-root", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(HeaderBar, { onOpenPreferences: () => setPreferencesOpen(true) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "cnfy-main", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { className: "cnfy-chat-section cnfy-chat-section--full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "cnfy-chat-inner", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "cnfy-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "cnfy-main", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("section", { className: "cnfy-chat-section cnfy-chat-section--full", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "cnfy-chat-inner cnfy-chat-inner--with-history", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        HistoryPanel,
+        {
+          onSelect: handleHistorySelect,
+          onNewChat: () => setMessages([])
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         ChatWindow,
         {
           messages,
           onSend: handleSendMessage,
           onSelectNews: handleRecreate,
           isStreaming,
+          activeField,
           analyzedData,
           onSelectAction: handleSelectAction,
-          onPost
+          onResolveSeo: handleResolveSeo
         }
-      ) }),
-      !messages.length && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "cnfy-empty-state", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "cnfy-empty-state-title", children: "AI News Assistant" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "cnfy-empty-state-subtitle", children: "Type a message or paste a link to begin" })
-      ] }) })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      )
+    ] }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       Drawer,
       {
         open: preferencesOpen,
         onClose: () => setPreferencesOpen(false),
         title: "Settings",
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PreferencesPage, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PreferencesPage, {})
       }
     )
   ] });
 }
 
 // src/index.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function ContenifyChatBot({ apiUrl, apiKey, domain, onPost }) {
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     setConfig({ apiUrl, apiKey, domain });
   }, [apiUrl, apiKey, domain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PreferencesProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChatBot, { onPost }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChatBot, {});
 }
 var index_default = ContenifyChatBot;
 // Annotate the CommonJS export names for ESM import in node: