@contenify/chatbot 0.1.4 → 0.1.5

package/dist/index.mjs

@@ -19,6 +19,9 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
+// src/index.tsx
+import { useEffect as useEffect8 } from "react";
+
 // contexts/PreferencesContext.tsx
 import { createContext, useContext, useState, useEffect } from "react";
 
@@ -26,12 +29,22 @@ import { createContext, useContext, useState, useEffect } from "react";
 import axios from "axios";
 
 // 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 process.env.NEXT_PUBLIC_CONTENIFY_API_URL || "http://localhost:8080/api";
+  return _apiUrl;
 }
 function getServerBaseUrl() {
-  const apiUrl = getApiBaseUrl();
-  return apiUrl.replace(/\/api\/?$/, "");
+  return _apiUrl.replace(/\/api\/?$/, "");
+}
+function getApiKey() {
+  return _apiKey;
 }
 
 // lib/api.ts
@@ -44,7 +57,7 @@ var api = axios.create({
 });
 api.interceptors.request.use(
   (config) => {
-    const apiKey = process.env.NEXT_PUBLIC_API_KEY;
+    const apiKey = getApiKey();
     if (apiKey) {
       config.headers["x-api-key"] = apiKey;
     }
@@ -67,6 +80,88 @@ var getMyPreferencesApi = async () => {
   const { data } = await api_default.get("/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);
+  }
+  const { data } = await api_default.put("/preferences", formData, {
+    headers: {
+      "Content-Type": "multipart/form-data"
+    }
+  });
+  return data.data;
+};
 
 // contexts/PreferencesContext.tsx
 import { jsx } from "react/jsx-runtime";
@@ -169,59 +264,7 @@ function usePreferences() {
 }
 
 // components/chatbot/ChatBot.tsx
-import { useState as useState8, useCallback as useCallback3 } from "react";
-
-// components/chatbot/ArticleModal.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function ArticleModal({
-  article,
-  onClose,
-  onRecreate
-}) {
-  return /* @__PURE__ */ jsx2("div", { className: "cnfy-article-modal-overlay", children: /* @__PURE__ */ jsxs("div", { className: "cnfy-article-modal", children: [
-    /* @__PURE__ */ jsxs("div", { className: "cnfy-article-modal-header", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx2("p", { className: "cnfy-article-modal-source", children: "Source Article" }),
-        /* @__PURE__ */ jsx2("h2", { className: "cnfy-article-modal-title", children: article.title })
-      ] }),
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          onClick: onClose,
-          className: "cnfy-article-modal-close-btn",
-          "aria-label": "Close modal",
-          children: "\u2715"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "cnfy-article-modal-body", children: /* @__PURE__ */ jsx2("div", { className: "cnfy-article-modal-content", children: article.content }) }),
-    /* @__PURE__ */ jsxs("div", { className: "cnfy-article-modal-footer", children: [
-      /* @__PURE__ */ jsx2("span", { className: "cnfy-article-modal-footer-text", children: "This content will be recreated using AI" }),
-      /* @__PURE__ */ jsxs("div", { className: "cnfy-article-modal-footer-actions", children: [
-        /* @__PURE__ */ jsx2(
-          "button",
-          {
-            onClick: onClose,
-            className: "cnfy-btn-cancel",
-            children: "Cancel"
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          "button",
-          {
-            onClick: () => onRecreate({
-              title: article.title,
-              content: article.content,
-              id: article._id
-            }),
-            className: "cnfy-btn-recreate",
-            children: "Recreate Article"
-          }
-        )
-      ] })
-    ] })
-  ] }) });
-}
+import { useState as useState7 } from "react";
 
 // util/util.ts
 function extractArticleContent(raw) {
@@ -274,7 +317,7 @@ import {
   Pilcrow
 } from "lucide-react";
 import { useEffect as useEffect2 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function RichTextEditor({
   content,
   onChange,
@@ -309,96 +352,96 @@ function RichTextEditor({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx3("div", { className: "cnfy-editor-loading", children: "Loading editor..." });
+    return /* @__PURE__ */ jsx2("div", { className: "cnfy-editor-loading", children: "Loading editor..." });
   }
-  return /* @__PURE__ */ jsxs2("div", { className: "cnfy-editor", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "cnfy-toolbar", children: [
-      /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs("div", { className: "cnfy-editor", children: [
+    /* @__PURE__ */ jsxs("div", { className: "cnfy-toolbar", children: [
+      /* @__PURE__ */ jsx2(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
           isActive: editor.isActive("heading", { level: 1 }),
           title: "Heading 1",
-          children: /* @__PURE__ */ jsx3(Heading1, { size: 18 })
+          children: /* @__PURE__ */ jsx2(Heading1, { size: 18 })
         }
       ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
           isActive: editor.isActive("heading", { level: 2 }),
           title: "Heading 2",
-          children: /* @__PURE__ */ jsx3(Heading2, { size: 18 })
+          children: /* @__PURE__ */ jsx2(Heading2, { size: 18 })
         }
       ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().setParagraph().run(),
           isActive: editor.isActive("paragraph"),
           title: "Paragraph",
-          children: /* @__PURE__ */ jsx3(Pilcrow, { size: 18 })
+          children: /* @__PURE__ */ jsx2(Pilcrow, { size: 18 })
         }
       ),
-      /* @__PURE__ */ jsx3("div", { className: "cnfy-toolbar-divider" }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2("div", { className: "cnfy-toolbar-divider" }),
+      /* @__PURE__ */ jsx2(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBold().run(),
           isActive: editor.isActive("bold"),
           title: "Bold",
-          children: /* @__PURE__ */ jsx3(Bold, { size: 18 })
+          children: /* @__PURE__ */ jsx2(Bold, { size: 18 })
         }
       ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleItalic().run(),
           isActive: editor.isActive("italic"),
           title: "Italic",
-          children: /* @__PURE__ */ jsx3(Italic, { size: 18 })
+          children: /* @__PURE__ */ jsx2(Italic, { size: 18 })
         }
       ),
-      /* @__PURE__ */ jsx3("div", { className: "cnfy-toolbar-divider" }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2("div", { className: "cnfy-toolbar-divider" }),
+      /* @__PURE__ */ jsx2(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           isActive: editor.isActive("bulletList"),
           title: "Bullet List",
-          children: /* @__PURE__ */ jsx3(List, { size: 18 })
+          children: /* @__PURE__ */ jsx2(List, { size: 18 })
         }
       ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleOrderedList().run(),
           isActive: editor.isActive("orderedList"),
           title: "Numbered List",
-          children: /* @__PURE__ */ jsx3(ListOrdered, { size: 18 })
+          children: /* @__PURE__ */ jsx2(ListOrdered, { size: 18 })
         }
       ),
-      /* @__PURE__ */ jsx3("div", { className: "cnfy-toolbar-divider" }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2("div", { className: "cnfy-toolbar-divider" }),
+      /* @__PURE__ */ jsx2(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().undo().run(),
           disabled: !editor.can().undo(),
           title: "Undo",
-          children: /* @__PURE__ */ jsx3(Undo, { size: 18 })
+          children: /* @__PURE__ */ jsx2(Undo, { size: 18 })
         }
       ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().redo().run(),
           disabled: !editor.can().redo(),
           title: "Redo",
-          children: /* @__PURE__ */ jsx3(Redo, { size: 18 })
+          children: /* @__PURE__ */ jsx2(Redo, { size: 18 })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx3(EditorContent, { editor, className: "cnfy-editor-content" })
+    /* @__PURE__ */ jsx2(EditorContent, { editor, className: "cnfy-editor-content" })
   ] });
 }
 function ToolbarButton({
@@ -408,7 +451,7 @@ function ToolbarButton({
   title,
   children
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "button",
     {
       onClick,
@@ -439,7 +482,7 @@ function useTheme() {
 }
 
 // components/chatbot/EditModal.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function EditModal({
   isOpen,
   initialContent,
@@ -498,30 +541,30 @@ function EditModal({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: "cnfy-edit-modal-overlay", children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2("div", { className: "cnfy-edit-modal-overlay", children: [
+    /* @__PURE__ */ jsx3(
       "div",
       {
         className: "cnfy-edit-modal-backdrop",
         onClick: onClose
       }
     ),
-    /* @__PURE__ */ jsxs3("div", { className: "cnfy-edit-modal", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "cnfy-edit-modal-header", children: [
-        /* @__PURE__ */ jsx4("h2", { className: "cnfy-edit-modal-title", children: "Edit Article" }),
-        /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsxs2("div", { className: "cnfy-edit-modal", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "cnfy-edit-modal-header", children: [
+        /* @__PURE__ */ jsx3("h2", { className: "cnfy-edit-modal-title", children: "Edit Article" }),
+        /* @__PURE__ */ jsx3(
           "button",
           {
             onClick: onClose,
             className: "cnfy-edit-modal-close-btn",
-            children: /* @__PURE__ */ jsx4(X, { size: 20, className: "cnfy-edit-modal-close-icon" })
+            children: /* @__PURE__ */ jsx3(X, { size: 20, className: "cnfy-edit-modal-close-icon" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "cnfy-edit-modal-body", children: [
-        /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsx4("label", { className: "cnfy-edit-label", children: "Article Content" }),
-          /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsxs2("div", { className: "cnfy-edit-modal-body", children: [
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("label", { className: "cnfy-edit-label", children: "Article Content" }),
+          /* @__PURE__ */ jsx3(
             RichTextEditor,
             {
               content,
@@ -530,29 +573,29 @@ function EditModal({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsx4("label", { className: "cnfy-edit-label", children: "Meta Keywords" }),
-          /* @__PURE__ */ jsx4("div", { className: "cnfy-keyword-list", children: keywords.map((keyword, index) => /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("label", { className: "cnfy-edit-label", children: "Meta Keywords" }),
+          /* @__PURE__ */ jsx3("div", { className: "cnfy-keyword-list", children: keywords.map((keyword, index) => /* @__PURE__ */ jsxs2(
             "span",
             {
               className: "cnfy-keyword-tag",
               children: [
                 "#",
                 keyword,
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx3(
                   "button",
                   {
                     onClick: () => handleRemoveKeyword(index),
                     className: "cnfy-keyword-remove-btn",
-                    children: /* @__PURE__ */ jsx4(X, { size: 14 })
+                    children: /* @__PURE__ */ jsx3(X, { size: 14 })
                   }
                 )
               ]
             },
             index
           )) }),
-          /* @__PURE__ */ jsxs3("div", { className: "cnfy-keyword-input-row", children: [
-            /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsxs2("div", { className: "cnfy-keyword-input-row", children: [
+            /* @__PURE__ */ jsx3(
               "input",
               {
                 type: "text",
@@ -563,7 +606,7 @@ function EditModal({
                 className: "cnfy-keyword-input"
               }
             ),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(
               "button",
               {
                 onClick: handleAddKeyword,
@@ -574,8 +617,8 @@ function EditModal({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "cnfy-edit-modal-footer", children: [
-        /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsxs2("div", { className: "cnfy-edit-modal-footer", children: [
+        /* @__PURE__ */ jsx3(
           "button",
           {
             onClick: onClose,
@@ -583,7 +626,7 @@ function EditModal({
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           "button",
           {
             onClick: () => onSaveDraft(content, keywords),
@@ -591,7 +634,7 @@ function EditModal({
             children: "Save Draft"
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           "button",
           {
             onClick: () => onPost(content, keywords),
@@ -608,7 +651,7 @@ function EditModal({
 // components/news/NewsList.tsx
 import { useState as useState3 } from "react";
 import { Eye, RefreshCcw } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var dateFormatter = new Intl.DateTimeFormat("en-GB", {
   day: "2-digit",
   month: "short",
@@ -650,19 +693,19 @@ function NewsList({
     b = Math.round(b + (255 - b) * (percent / 100));
     return `rgb(${r}, ${g}, ${b})`;
   };
-  return /* @__PURE__ */ jsx5("div", { className: "cnfy-news-list", children: news.flatMap((item) => {
+  return /* @__PURE__ */ jsx4("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__ */ jsxs4(
+      return links.map((link, idx) => /* @__PURE__ */ jsxs3(
         "div",
         {
           className: "cnfy-news-card",
           children: [
-            /* @__PURE__ */ jsxs4("div", { className: "cnfy-news-card-content", children: [
-              /* @__PURE__ */ jsx5("p", { className: "cnfy-news-card-title", children: link.title }),
-              /* @__PURE__ */ jsxs4("div", { className: "cnfy-news-card-meta", children: [
-                /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsxs3("div", { className: "cnfy-news-card-content", children: [
+              /* @__PURE__ */ jsx4("p", { className: "cnfy-news-card-title", children: link.title }),
+              /* @__PURE__ */ jsxs3("div", { className: "cnfy-news-card-meta", children: [
+                /* @__PURE__ */ jsx4(
                   "span",
                   {
                     className: "cnfy-news-badge",
@@ -674,27 +717,27 @@ function NewsList({
                     children: link.source || item.sourceName
                   }
                 ),
-                /* @__PURE__ */ jsx5("span", { children: "\u2022" }),
-                /* @__PURE__ */ jsx5("span", { className: "cnfy-news-card-category", children: item.category }),
-                /* @__PURE__ */ jsx5("span", { children: "\u2022" }),
-                /* @__PURE__ */ jsxs4("span", { children: [
+                /* @__PURE__ */ jsx4("span", { children: "\u2022" }),
+                /* @__PURE__ */ jsx4("span", { className: "cnfy-news-card-category", children: item.category }),
+                /* @__PURE__ */ jsx4("span", { children: "\u2022" }),
+                /* @__PURE__ */ jsxs3("span", { children: [
                   dateFormatter.format(publishedDate),
                   " ",
                   timeFormatter.format(publishedDate)
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs4("div", { className: "cnfy-news-card-actions", children: [
-              /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsxs3("div", { className: "cnfy-news-card-actions", children: [
+              /* @__PURE__ */ jsx4(
                 "button",
                 {
                   onClick: () => window.open(link.url, "_blank"),
                   className: "cnfy-news-action-btn",
                   title: "View",
-                  children: /* @__PURE__ */ jsx5(Eye, { size: 16 })
+                  children: /* @__PURE__ */ jsx4(Eye, { size: 16 })
                 }
               ),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx4(
                 "button",
                 {
                   onClick: () => onRecreate({
@@ -704,7 +747,7 @@ function NewsList({
                   }),
                   className: "cnfy-news-action-btn",
                   title: "Recreate",
-                  children: /* @__PURE__ */ jsx5(RefreshCcw, { size: 16 })
+                  children: /* @__PURE__ */ jsx4(RefreshCcw, { size: 16 })
                 }
               )
             ] })
@@ -713,15 +756,15 @@ function NewsList({
         `${item._id}-link-${idx}`
       ));
     }
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsxs3(
       "div",
       {
         className: "cnfy-news-card",
         children: [
-          /* @__PURE__ */ jsxs4("div", { className: "cnfy-news-card-content", children: [
-            /* @__PURE__ */ jsx5("p", { className: "cnfy-news-card-title", children: item.title }),
-            /* @__PURE__ */ jsxs4("div", { className: "cnfy-news-card-meta", children: [
-              /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs3("div", { className: "cnfy-news-card-content", children: [
+            /* @__PURE__ */ jsx4("p", { className: "cnfy-news-card-title", children: item.title }),
+            /* @__PURE__ */ jsxs3("div", { className: "cnfy-news-card-meta", children: [
+              /* @__PURE__ */ jsx4(
                 "span",
                 {
                   className: "cnfy-news-badge",
@@ -733,27 +776,27 @@ function NewsList({
                   children: item.sourceName
                 }
               ),
-              /* @__PURE__ */ jsx5("span", { children: "\u2022" }),
-              /* @__PURE__ */ jsx5("span", { className: "cnfy-news-card-category", children: item.category }),
-              /* @__PURE__ */ jsx5("span", { children: "\u2022" }),
-              /* @__PURE__ */ jsxs4("span", { children: [
+              /* @__PURE__ */ jsx4("span", { children: "\u2022" }),
+              /* @__PURE__ */ jsx4("span", { className: "cnfy-news-card-category", children: item.category }),
+              /* @__PURE__ */ jsx4("span", { children: "\u2022" }),
+              /* @__PURE__ */ jsxs3("span", { children: [
                 dateFormatter.format(publishedDate),
                 " ",
                 timeFormatter.format(publishedDate)
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "cnfy-news-card-actions", children: [
-            /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs3("div", { className: "cnfy-news-card-actions", children: [
+            /* @__PURE__ */ jsx4(
               "button",
               {
                 onClick: () => onView(item),
                 className: "cnfy-news-action-btn",
                 title: "View",
-                children: /* @__PURE__ */ jsx5(Eye, { size: 16 })
+                children: /* @__PURE__ */ jsx4(Eye, { size: 16 })
               }
             ),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               "button",
               {
                 onClick: () => onRecreate({
@@ -763,7 +806,7 @@ function NewsList({
                 }),
                 className: "cnfy-news-action-btn",
                 title: "Recreate",
-                children: /* @__PURE__ */ jsx5(RefreshCcw, { size: 16 })
+                children: /* @__PURE__ */ jsx4(RefreshCcw, { size: 16 })
               }
             )
           ] })
@@ -794,7 +837,7 @@ var getNewsBySource = async (sourceId) => {
 
 // components/chatbot/ChatWindow.tsx
 import Select from "react-select";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var ACTION_ICONS = {
   recreate_article: RefreshCcw2,
   create_summary: ListChecks,
@@ -970,13 +1013,13 @@ function ChatWindow({
     });
     return { blocks, metaKeywords };
   }
-  return /* @__PURE__ */ jsxs5("div", { className: "cnfy-chat", children: [
-    /* @__PURE__ */ jsx6("div", { className: "cnfy-chat-area", children: /* @__PURE__ */ jsxs5("div", { className: "cnfy-chat-scroll", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "cnfy-chat", children: [
+    /* @__PURE__ */ jsx5("div", { className: "cnfy-chat-area", children: /* @__PURE__ */ jsxs4("div", { className: "cnfy-chat-scroll", children: [
       messages.map((msg) => {
         var _a2;
         const parsed = formatAIContent(msg.content);
-        return /* @__PURE__ */ jsxs5("div", { className: "cnfy-msg", children: [
-          /* @__PURE__ */ jsx6("div", { className: "cnfy-msg-avatar-wrap", children: /* @__PURE__ */ jsx6(
+        return /* @__PURE__ */ jsxs4("div", { className: "cnfy-msg", children: [
+          /* @__PURE__ */ jsx5("div", { className: "cnfy-msg-avatar-wrap", children: /* @__PURE__ */ jsx5(
             "div",
             {
               className: "cnfy-msg-avatar",
@@ -986,19 +1029,19 @@ function ChatWindow({
               children: msg.role === "assistant" ? "AI" : "You"
             }
           ) }),
-          /* @__PURE__ */ jsxs5("div", { className: "cnfy-msg-body", children: [
-            msg.role === "assistant" && parsed.blocks.length > 0 && /* @__PURE__ */ jsx6("div", { className: "cnfy-msg-copy-row", children: /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsxs4("div", { className: "cnfy-msg-body", children: [
+            msg.role === "assistant" && parsed.blocks.length > 0 && /* @__PURE__ */ jsx5("div", { className: "cnfy-msg-copy-row", children: /* @__PURE__ */ jsx5(
               "button",
               {
                 onClick: () => handleCopy(parsed.blocks, msg.id),
                 className: "cnfy-copy-btn",
                 title: "Copy to clipboard",
-                children: copiedId === msg.id ? /* @__PURE__ */ jsx6(Check, { size: 16, className: "cnfy-copy-icon--copied" }) : /* @__PURE__ */ jsx6(Copy, { size: 16 })
+                children: copiedId === msg.id ? /* @__PURE__ */ jsx5(Check, { size: 16, className: "cnfy-copy-icon--copied" }) : /* @__PURE__ */ jsx5(Copy, { size: 16 })
               }
             ) }),
             parsed.blocks.map((block, idx) => {
               if (block.type === "h1") {
-                return /* @__PURE__ */ jsx6(
+                return /* @__PURE__ */ jsx5(
                   "h1",
                   {
                     className: "cnfy-block-h1",
@@ -1008,7 +1051,7 @@ function ChatWindow({
                 );
               }
               if (block.type === "h2") {
-                return /* @__PURE__ */ jsx6(
+                return /* @__PURE__ */ jsx5(
                   "h2",
                   {
                     className: "cnfy-block-h2",
@@ -1017,9 +1060,9 @@ function ChatWindow({
                   idx
                 );
               }
-              return /* @__PURE__ */ jsx6("p", { className: "cnfy-block-p", children: block.text }, idx);
+              return /* @__PURE__ */ jsx5("p", { className: "cnfy-block-p", children: block.text }, idx);
             }),
-            parsed.metaKeywords.length > 0 && /* @__PURE__ */ jsx6("div", { className: "cnfy-msg-keywords", children: /* @__PURE__ */ jsx6("div", { className: "cnfy-msg-keywords-list", children: parsed.metaKeywords.map((tag, i) => /* @__PURE__ */ jsxs5(
+            parsed.metaKeywords.length > 0 && /* @__PURE__ */ jsx5("div", { className: "cnfy-msg-keywords", children: /* @__PURE__ */ jsx5("div", { className: "cnfy-msg-keywords-list", children: parsed.metaKeywords.map((tag, i) => /* @__PURE__ */ jsxs4(
               "span",
               {
                 className: "cnfy-msg-keyword-tag",
@@ -1030,41 +1073,41 @@ function ChatWindow({
               },
               i
             )) }) }),
-            msg.role === "assistant" && (analyzedData == null ? void 0 : analyzedData.messageId) === msg.id && analyzedData.options.length > 0 && /* @__PURE__ */ jsx6("div", { className: "cnfy-action-options", children: analyzedData.options.map((option) => {
+            msg.role === "assistant" && (analyzedData == null ? void 0 : analyzedData.messageId) === msg.id && analyzedData.options.length > 0 && /* @__PURE__ */ jsx5("div", { className: "cnfy-action-options", children: analyzedData.options.map((option) => {
               const IconComponent = ACTION_ICONS[option.id] || FileText;
-              return /* @__PURE__ */ jsxs5(
+              return /* @__PURE__ */ jsxs4(
                 "button",
                 {
                   onClick: () => onSelectAction == null ? void 0 : onSelectAction(option.id, analyzedData.url, analyzedData.content),
                   className: "cnfy-action-btn",
                   children: [
-                    /* @__PURE__ */ jsx6(IconComponent, { size: 16 }),
+                    /* @__PURE__ */ jsx5(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__ */ jsxs5("div", { className: "cnfy-msg-actions", children: [
-              /* @__PURE__ */ jsxs5(
+            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__ */ jsxs4("div", { className: "cnfy-msg-actions", children: [
+              /* @__PURE__ */ jsxs4(
                 "button",
                 {
                   onClick: () => handleEdit(parsed.blocks, parsed.metaKeywords, msg.id),
                   className: "cnfy-btn-edit",
                   children: [
-                    /* @__PURE__ */ jsx6(Edit3, { size: 16 }),
+                    /* @__PURE__ */ jsx5(Edit3, { size: 16 }),
                     "Edit"
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs5(
+              /* @__PURE__ */ jsxs4(
                 "button",
                 {
                   onClick: () => handlePost(msg.content, parsed.metaKeywords),
                   className: "cnfy-btn-post",
                   style: { backgroundColor: primaryColor, color: "#fff" },
                   children: [
-                    /* @__PURE__ */ jsx6(Send, { size: 16 }),
+                    /* @__PURE__ */ jsx5(Send, { size: 16 }),
                     "Post"
                   ]
                 }
@@ -1073,34 +1116,34 @@ function ChatWindow({
           ] })
         ] }, msg.id);
       }),
-      /* @__PURE__ */ jsx6("div", { ref: bottomRef })
+      /* @__PURE__ */ jsx5("div", { ref: bottomRef })
     ] }) }),
-    /* @__PURE__ */ jsx6("div", { className: "cnfy-input-area", children: /* @__PURE__ */ jsxs5("div", { className: "cnfy-input-inner", children: [
-      !showNewsPanel && /* @__PURE__ */ jsxs5("div", { ref: dropdownRef, className: "cnfy-news-pulse-wrap", children: [
-        /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx5("div", { className: "cnfy-input-area", children: /* @__PURE__ */ jsxs4("div", { className: "cnfy-input-inner", children: [
+      /* @__PURE__ */ jsxs4("div", { ref: dropdownRef, className: "cnfy-news-pulse-wrap", children: [
+        /* @__PURE__ */ jsx5(
           "button",
           {
             onClick: handleOpenNewsDropdown,
             className: "cnfy-news-pulse-btn cnfy-animate-pulse",
             title: "Select from trending news",
-            children: /* @__PURE__ */ jsx6(Zap, { size: 16 })
+            children: /* @__PURE__ */ jsx5(Zap, { size: 16 })
           }
         ),
-        showNewsDropdown && /* @__PURE__ */ jsxs5("div", { className: "cnfy-news-dropdown", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "cnfy-news-dropdown-header", style: { backgroundColor: primaryColor, color: "#fff" }, children: [
-            /* @__PURE__ */ jsx6("span", { className: "cnfy-news-dropdown-title", children: "Select News" }),
-            /* @__PURE__ */ jsx6(
+        showNewsDropdown && /* @__PURE__ */ jsxs4("div", { className: "cnfy-news-dropdown", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "cnfy-news-dropdown-header", style: { backgroundColor: primaryColor, color: "#fff" }, children: [
+            /* @__PURE__ */ jsx5("span", { className: "cnfy-news-dropdown-title", children: "Select News" }),
+            /* @__PURE__ */ jsx5(
               "button",
               {
                 onClick: () => setShowNewsDropdown(false),
                 className: "cnfy-news-dropdown-close",
                 style: { backgroundColor: primaryColor, color: "#fff" },
-                children: /* @__PURE__ */ jsx6(X2, { size: 14 })
+                children: /* @__PURE__ */ jsx5(X2, { size: 14 })
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "cnfy-news-dropdown-source", children: [
-            /* @__PURE__ */ jsx6("div", { className: "cnfy-news-dropdown-select-wrap", children: /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsxs4("div", { className: "cnfy-news-dropdown-source", children: [
+            /* @__PURE__ */ jsx5("div", { className: "cnfy-news-dropdown-select-wrap", children: /* @__PURE__ */ jsx5(
               Select,
               {
                 options: [
@@ -1146,7 +1189,7 @@ function ChatWindow({
                 }
               }
             ) }),
-            selectedSource && /* @__PURE__ */ jsxs5(
+            selectedSource && /* @__PURE__ */ jsxs4(
               "button",
               {
                 onClick: handleScrape,
@@ -1154,28 +1197,28 @@ function ChatWindow({
                 className: "cnfy-scrape-btn",
                 title: "Fetch latest news",
                 children: [
-                  /* @__PURE__ */ jsx6(RefreshCcw2, { size: 14, className: scraping ? "cnfy-animate-spin" : "" }),
+                  /* @__PURE__ */ jsx5(RefreshCcw2, { size: 14, className: scraping ? "cnfy-animate-spin" : "" }),
                   scraping ? "Scraping..." : "Scrape"
                 ]
               }
             ),
-            !selectedSource && /* @__PURE__ */ jsxs5(
+            !selectedSource && /* @__PURE__ */ jsxs4(
               "button",
               {
                 onClick: () => fetchNews(null),
                 disabled: loadingNews,
                 className: "cnfy-refresh-btn",
                 children: [
-                  /* @__PURE__ */ jsx6(RefreshCcw2, { size: 14, className: loadingNews ? "cnfy-animate-spin" : "" }),
+                  /* @__PURE__ */ jsx5(RefreshCcw2, { size: 14, className: loadingNews ? "cnfy-animate-spin" : "" }),
                   "Refresh"
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsx6("div", { className: "cnfy-news-dropdown-list", children: loadingNews ? /* @__PURE__ */ jsx6("div", { className: "cnfy-news-dropdown-msg", children: "Loading news..." }) : trendingNews.length === 0 ? /* @__PURE__ */ jsxs5("div", { className: "cnfy-news-dropdown-msg", children: [
-            /* @__PURE__ */ jsx6("p", { children: "No news found." }),
-            selectedSource && /* @__PURE__ */ jsx6("p", { className: "cnfy-news-dropdown-hint", children: 'Click "Scrape" to fetch latest news.' })
-          ] }) : /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx5("div", { className: "cnfy-news-dropdown-list", children: loadingNews ? /* @__PURE__ */ jsx5("div", { className: "cnfy-news-dropdown-msg", children: "Loading news..." }) : trendingNews.length === 0 ? /* @__PURE__ */ jsxs4("div", { className: "cnfy-news-dropdown-msg", children: [
+            /* @__PURE__ */ jsx5("p", { children: "No news found." }),
+            selectedSource && /* @__PURE__ */ jsx5("p", { className: "cnfy-news-dropdown-hint", children: 'Click "Scrape" to fetch latest news.' })
+          ] }) : /* @__PURE__ */ jsx5(
             NewsList,
             {
               news: trendingNews.slice(0, 10),
@@ -1188,7 +1231,7 @@ function ChatWindow({
           ) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx5(
         "textarea",
         {
           ref: textareaRef,
@@ -1206,17 +1249,17 @@ function ChatWindow({
           style: { maxHeight: "200px", overflowY: input.split("\n").length > 6 ? "auto" : "hidden" }
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx5(
         "button",
         {
           onClick: handleSend,
           className: "cnfy-send-btn",
           style: { backgroundColor: primaryColor, color: "#fff" },
-          children: /* @__PURE__ */ jsx6(SendHorizontal, { size: 18 })
+          children: /* @__PURE__ */ jsx5(SendHorizontal, { size: 18 })
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx5(
       EditModal,
       {
         isOpen: editModal.isOpen,
@@ -1231,115 +1274,31 @@ function ChatWindow({
 }
 
 // components/chatbot/UserMenu.tsx
-import { useEffect as useEffect5, useRef as useRef2, useState as useState5 } from "react";
-import {
-  Settings,
-  User,
-  HelpCircle,
-  LogOut,
-  Palette
-} from "lucide-react";
-import toast from "react-hot-toast";
-
-// services/auth.service.ts
-var logoutUser = async () => {
-  const { data } = await api_default.post("/auth/logout");
-  return data;
-};
-
-// components/chatbot/UserMenu.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Settings } from "lucide-react";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function UserMenu({
-  onNavigate,
-  onLogout
-}) {
-  const [open, setOpen] = useState5(false);
-  const ref = useRef2(null);
-  useEffect5(() => {
-    const handler = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) {
-        setOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, []);
-  function go(path) {
-    setOpen(false);
-    onNavigate == null ? void 0 : onNavigate(path);
-  }
-  async function logout() {
-    setOpen(false);
-    if (onLogout) {
-      onLogout();
-      return;
-    }
-    try {
-      await logoutUser();
-      toast.success("Logged out successfully");
-      onNavigate == null ? void 0 : onNavigate("/login");
-    } catch (err) {
-      toast.error(err || "Logout failed");
-    }
-  }
-  return /* @__PURE__ */ jsxs6("div", { ref, className: "cnfy-user-menu", children: [
-    /* @__PURE__ */ jsx7(
-      "button",
-      {
-        onClick: () => setOpen((v) => !v),
-        className: "cnfy-user-menu-trigger",
-        "aria-label": "Settings",
-        children: /* @__PURE__ */ jsx7(Settings, { size: 20, className: "cnfy-user-menu-trigger-icon" })
-      }
-    ),
-    open && /* @__PURE__ */ jsxs6("div", { className: "cnfy-dropdown", children: [
-      /* @__PURE__ */ jsx7(MenuItem, { icon: User, label: "Account", onClick: () => go("/dashboard/account") }),
-      /* @__PURE__ */ jsx7(MenuItem, { icon: Settings, label: "Preferences", onClick: () => go("/dashboard/preferences") }),
-      /* @__PURE__ */ jsx7(MenuItem, { icon: Palette, label: "Appearance", onClick: () => go("/dashboard/appearance") }),
-      /* @__PURE__ */ jsx7(MenuItem, { icon: HelpCircle, label: "Settings", onClick: () => go("/dashboard/settings") }),
-      /* @__PURE__ */ jsx7(MenuItem, { icon: HelpCircle, label: "Help & Support", onClick: () => go("/dashboard/help") }),
-      /* @__PURE__ */ jsx7("div", { className: "cnfy-dropdown-divider" }),
-      /* @__PURE__ */ jsx7(
-        MenuItem,
-        {
-          icon: LogOut,
-          label: "Logout",
-          danger: true,
-          onClick: logout
-        }
-      )
-    ] })
-  ] });
-}
-function MenuItem({
-  icon: Icon,
-  label,
-  onClick,
-  danger = false
+  onOpenPreferences
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx6("div", { className: "cnfy-user-menu", children: /* @__PURE__ */ jsx6(
     "button",
     {
-      onClick,
-      className: `cnfy-menu-item ${danger ? "cnfy-menu-item--danger" : ""}`,
-      children: [
-        /* @__PURE__ */ jsx7(Icon, { size: 16 }),
-        label
-      ]
+      onClick: () => onOpenPreferences == null ? void 0 : onOpenPreferences(),
+      className: "cnfy-user-menu-trigger",
+      "aria-label": "Settings",
+      children: /* @__PURE__ */ jsx6(Settings, { size: 20, className: "cnfy-user-menu-trigger-icon" })
     }
-  );
+  ) });
 }
 
 // components/chatbot/headerBar.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function HeaderBar({
-  onNavigate,
-  onLogout
+  onOpenPreferences
 }) {
   const { primaryColor, botName, logoUrl } = useTheme();
-  return /* @__PURE__ */ jsx8("header", { className: "cnfy-header", children: /* @__PURE__ */ jsxs7("div", { className: "cnfy-header-inner", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "cnfy-header-left", onClick: () => onNavigate == null ? void 0 : onNavigate("/"), children: [
-      logoUrl ? /* @__PURE__ */ jsx8("img", { src: logoUrl, alt: "Logo", className: "cnfy-header-logo-img" }) : /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7("header", { className: "cnfy-header", children: /* @__PURE__ */ jsxs5("div", { className: "cnfy-header-inner", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "cnfy-header-left", children: [
+      logoUrl ? /* @__PURE__ */ jsx7("img", { src: logoUrl, alt: "Logo", className: "cnfy-header-logo-img" }) : /* @__PURE__ */ jsx7(
         "div",
         {
           className: "cnfy-header-logo-fallback",
@@ -1347,224 +1306,579 @@ function HeaderBar({
           children: botName.charAt(0).toUpperCase()
         }
       ),
-      /* @__PURE__ */ jsx8("span", { className: "cnfy-header-brand", children: botName.toUpperCase() })
+      /* @__PURE__ */ jsx7("span", { className: "cnfy-header-brand", children: botName.toUpperCase() })
     ] }),
-    /* @__PURE__ */ jsx8("div", { className: "cnfy-header-right", children: /* @__PURE__ */ jsx8(UserMenu, { onNavigate, onLogout }) })
+    /* @__PURE__ */ jsx7("div", { className: "cnfy-header-right", children: /* @__PURE__ */ jsx7(UserMenu, { onOpenPreferences }) })
   ] }) });
 }
 
-// components/news/TrendingNews.tsx
-import { useEffect as useEffect6, useState as useState6, useCallback } from "react";
-import toast2 from "react-hot-toast";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function TrendingNews({
-  onRecreate,
-  selectedSource,
-  refreshKey,
-  news: externalNews,
-  isLoading: externalLoading
+// components/ui/Drawer.tsx
+import { useEffect as useEffect5 } from "react";
+import { X as X3 } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function Drawer({
+  open,
+  onClose,
+  title,
+  children
 }) {
-  const [news, setNews] = useState6([]);
-  const [loading, setLoading] = useState6(false);
-  const displayNews = externalNews !== void 0 ? externalNews : news;
-  const isLoading = externalLoading !== void 0 ? externalLoading : loading;
-  const fetchNews = useCallback(async () => {
-    if (externalNews !== void 0) {
-      return;
-    }
-    setLoading(true);
-    try {
-      let data;
-      if (selectedSource) {
-        data = await getNewsBySource(selectedSource);
-      } else {
-        data = await getTrendingNews();
-      }
-      setNews(data || []);
-    } catch (e) {
-      toast2.error("Failed to load news");
-    } finally {
-      setLoading(false);
-    }
-  }, [selectedSource, externalNews]);
-  useEffect6(() => {
-    fetchNews();
-  }, [fetchNews, refreshKey]);
-  function handleView(item) {
-    window.open(item.sourceUrl || item.link, "_blank");
-  }
-  if (isLoading) {
-    return /* @__PURE__ */ jsx9("div", { className: "cnfy-trending-msg", children: "Loading news..." });
-  }
-  if (!displayNews || displayNews.length === 0) {
-    return /* @__PURE__ */ jsxs8("div", { className: "cnfy-trending-msg cnfy-trending-msg--center", children: [
-      /* @__PURE__ */ jsx9("p", { children: "No news found for this source." }),
-      /* @__PURE__ */ jsx9("p", { className: "cnfy-trending-hint", children: 'Click "Scrape" to fetch latest news.' })
-    ] });
-  }
-  return /* @__PURE__ */ jsx9(
-    NewsList,
-    {
-      news: displayNews,
-      onView: handleView,
-      onRecreate
+  useEffect5(() => {
+    if (open) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
     }
-  );
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [open]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs6("div", { className: "cnfy-drawer-overlay", children: [
+    /* @__PURE__ */ jsx8("div", { className: "cnfy-drawer-backdrop", onClick: onClose }),
+    /* @__PURE__ */ jsxs6("div", { className: "cnfy-drawer-panel", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "cnfy-drawer-header", children: [
+        title && /* @__PURE__ */ jsx8("h2", { className: "cnfy-drawer-title", children: title }),
+        /* @__PURE__ */ jsx8("button", { onClick: onClose, className: "cnfy-drawer-close-btn", children: /* @__PURE__ */ jsx8(X3, { size: 20 }) })
+      ] }),
+      /* @__PURE__ */ jsx8("div", { className: "cnfy-drawer-body", children })
+    ] })
+  ] });
 }
 
-// components/news/SourceSelector.tsx
-import { useEffect as useEffect7, useState as useState7, useCallback as useCallback2 } from "react";
-import { RefreshCcw as RefreshCcw3 } from "lucide-react";
-import Select2 from "react-select";
-import toast3 from "react-hot-toast";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var ALL_SOURCES_VALUE = "__all__";
-function SourceSelector({
-  selectedSource,
-  onSourceChange,
-  onScrapeComplete,
-  onNewsLoaded,
-  onLoadingChange
-}) {
-  const [sources, setSources] = useState7([]);
-  const [loading, setLoading] = useState7(true);
-  const [scraping, setScraping] = useState7(false);
-  const [fetchingNews, setFetchingNews] = useState7(true);
-  const { primaryColor } = useTheme();
-  useEffect7(() => {
-    onLoadingChange == null ? void 0 : onLoadingChange(fetchingNews);
-  }, [fetchingNews, onLoadingChange]);
+// components/preferences/Preferences.tsx
+import { useState as useState6, useEffect as useEffect7 } from "react";
+import toast from "react-hot-toast";
+
+// services/settings.service.ts
+var triggerScrape = async ({
+  state,
+  cities
+}) => {
+  const { data } = await api_default.post("/scrape/trigger", {
+    state,
+    cities
+  });
+  return data;
+};
+var getScrapeStatus = async () => {
+  const { data } = await api_default.get("/scrape/status");
+  return data.data;
+};
+
+// components/ClientSelect.tsx
+import { useEffect as useEffect6, useState as useState5 } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var ReactSelect = null;
+var ClientSelect = (props) => {
+  const [mounted, setMounted] = useState5(false);
+  useEffect6(() => {
+    setMounted(true);
+    import("react-select").then((mod) => {
+      ReactSelect = mod.default;
+    });
+  }, []);
+  if (!mounted || !ReactSelect) return null;
+  return /* @__PURE__ */ jsx9(ReactSelect, __spreadValues({}, props));
+};
+var ClientSelect_default = ClientSelect;
+
+// components/preferences/Preferences.tsx
+import { Fragment, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+var STATE_OPTIONS = [
+  { value: "Uttar Pradesh", label: "Uttar Pradesh" }
+];
+var CITY_OPTIONS = [
+  "Agra",
+  "Aligarh",
+  "Ayodhya",
+  "Bareilly",
+  "Bijnor",
+  "Bulandshahr",
+  "Etawah",
+  "Firozabad",
+  "Ghaziabad",
+  "Gorakhpur",
+  "Jhansi",
+  "Kanpur",
+  "Lucknow",
+  "Mathura",
+  "Meerut",
+  "Moradabad",
+  "Muzaffarnagar",
+  "Noida",
+  "Prayagraj",
+  "Rampur",
+  "Saharanpur",
+  "Sitapur",
+  "Unnao",
+  "Varanasi"
+].map((city) => ({ value: city, label: city }));
+var LANGUAGE_OPTIONS = [
+  { value: "en", label: "English" },
+  { value: "hi", label: "Hindi" }
+];
+var TONE_OPTIONS = [
+  { value: "formal", label: "Formal" },
+  { value: "casual", label: "Casual" },
+  { value: "engaging", label: "Engaging" },
+  { value: "professional", label: "Professional" }
+];
+var STYLE_OPTIONS = [
+  { value: "news", label: "News Article" },
+  { value: "blog", label: "Blog Post" },
+  { value: "editorial", label: "Editorial" },
+  { value: "summary", label: "Summary" }
+];
+var WORD_COUNT_OPTIONS = [
+  { value: "short", label: "Short (~300 words)" },
+  { value: "medium", label: "Medium (~600 words)" },
+  { value: "long", label: "Long (~1000+ words)" }
+];
+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] = useState6("");
+  const [logo, setLogo] = useState6(null);
+  const [logoUrl, setLogoUrl] = useState6(null);
+  const [state, setState] = useState6(null);
+  const [cities, setCities] = useState6([]);
+  const [language, setLanguage] = useState6(null);
+  const [tone, setTone] = useState6(null);
+  const [style, setStyle] = useState6(null);
+  const [wordCount, setWordCount] = useState6(null);
+  const [includeQuotes, setIncludeQuotes] = useState6(true);
+  const [includeFAQ, setIncludeFAQ] = useState6(false);
+  const [targetAudience, setTargetAudience] = useState6("");
+  const [saving, setSaving] = useState6(false);
+  const [success, setSuccess] = useState6(false);
+  const [scraping, setScraping] = useState6(false);
+  const [scrapeStatus, setScrapeStatus] = useState6(null);
+  const [loadingStatus, setLoadingStatus] = useState6(true);
+  const [originalValues, setOriginalValues] = useState6({
+    botName: "",
+    state: void 0,
+    cities: [],
+    language: void 0,
+    tone: void 0,
+    style: void 0,
+    wordCount: void 0,
+    includeQuotes: true,
+    includeFAQ: false,
+    targetAudience: ""
+  });
   useEffect7(() => {
-    const fetchSources = async () => {
+    const fetchScrapeStatus = async () => {
       try {
-        const data = await getNewsSources();
-        setSources(data || []);
-      } catch (e) {
-        toast3.error("Failed to load news sources");
+        const data = await getScrapeStatus();
+        setScrapeStatus(data);
+      } catch (error) {
+        console.log("Failed to fetch scrape status:", error);
       } finally {
-        setLoading(false);
+        setLoadingStatus(false);
       }
     };
-    fetchSources();
+    fetchScrapeStatus();
   }, []);
-  const fetchNews = useCallback2(async (sourceId) => {
-    setFetchingNews(true);
+  const handleScrape = async () => {
+    var _a2, _b2;
+    setScraping(true);
     try {
-      let news;
-      if (sourceId) {
-        news = await getNewsBySource(sourceId);
-      } else {
-        news = await getTrendingNews();
-      }
-      onNewsLoaded == null ? void 0 : onNewsLoaded(news || []);
-    } catch (err) {
-      console.error("Failed to fetch news:", err);
+      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
+      });
+      toast.success("News scraping started successfully!");
+      setTimeout(async () => {
+        try {
+          const data = await getScrapeStatus();
+          setScrapeStatus(data);
+        } catch (e) {
+          console.log("Failed to refresh scrape status:", e);
+        }
+      }, 2e3);
+    } catch (error) {
+      console.error(error);
+      toast.error("Failed to trigger news scraping");
     } finally {
-      setFetchingNews(false);
+      setScraping(false);
     }
-  }, []);
-  useEffect7(() => {
-    fetchNews(selectedSource);
-  }, [selectedSource, fetchNews]);
-  const handleSourceSelect = (option) => {
-    var _a;
-    const value = (option == null ? void 0 : option.value) === ALL_SOURCES_VALUE ? null : (_a = option == null ? void 0 : option.value) != null ? _a : null;
-    onSourceChange(value);
   };
-  const handleScrape = async () => {
-    if (!selectedSource) {
-      toast3.error("Please select a source first");
+  useEffect7(() => {
+    var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+    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);
+      }
+      const pTone = (_f = preferences.content) == null ? void 0 : _f.tone;
+      const pStyle = (_g = preferences.content) == null ? void 0 : _g.style;
+      const pWordCount = (_h = preferences.content) == null ? void 0 : _h.wordCount;
+      const pIncludeQuotes = (_j = (_i = preferences.content) == null ? void 0 : _i.includeQuotes) != null ? _j : true;
+      const pIncludeFAQ = (_l = (_k = preferences.content) == null ? void 0 : _k.includeFAQ) != null ? _l : false;
+      const pTargetAudience = ((_m = preferences.content) == null ? void 0 : _m.targetAudience) || "";
+      if (pTone) {
+        const toneOption = TONE_OPTIONS.find((opt) => opt.value === pTone);
+        setTone(toneOption || null);
+      }
+      if (pStyle) {
+        const styleOption = STYLE_OPTIONS.find((opt) => opt.value === pStyle);
+        setStyle(styleOption || null);
+      }
+      if (pWordCount) {
+        const wordCountOption = WORD_COUNT_OPTIONS.find((opt) => opt.value === pWordCount);
+        setWordCount(wordCountOption || null);
+      }
+      setIncludeQuotes(pIncludeQuotes);
+      setIncludeFAQ(pIncludeFAQ);
+      setTargetAudience(pTargetAudience);
+      setOriginalValues({
+        botName: name,
+        state: pState,
+        cities: pCities,
+        language: pLanguage,
+        tone: pTone,
+        style: pStyle,
+        wordCount: pWordCount,
+        includeQuotes: pIncludeQuotes,
+        includeFAQ: pIncludeFAQ,
+        targetAudience: pTargetAudience
+      });
+    }
+  }, [preferences]);
+  const handleSave = async () => {
+    if (!botName) {
+      toast.error("Chatbot name is required");
       return;
     }
-    setScraping(true);
+    setSaving(true);
+    setSuccess(false);
     try {
-      await scrapeNewsSource(selectedSource);
-      toast3.success("News scraped successfully!");
-      onScrapeComplete == null ? void 0 : onScrapeComplete();
-      const news = await getNewsBySource(selectedSource);
-      onNewsLoaded == null ? void 0 : onNewsLoaded(news || []);
-    } catch (err) {
-      toast3.error(err || "Failed to scrape news");
+      const payload = {};
+      if (botName !== originalValues.botName) {
+        payload.botName = botName;
+      }
+      if (logo) {
+        payload.logo = logo;
+      }
+      const currentState = state == null ? void 0 : state.value;
+      if (currentState !== originalValues.state) {
+        payload.state = currentState;
+      }
+      const currentCities = cities.map((c) => c.value);
+      const citiesChanged = currentCities.length !== originalValues.cities.length || currentCities.some((city, index) => city !== originalValues.cities[index]);
+      if (citiesChanged) {
+        payload.cities = currentCities;
+      }
+      const currentLanguage = language == null ? void 0 : language.value;
+      if (currentLanguage !== originalValues.language) {
+        payload.language = currentLanguage;
+      }
+      const currentTone = tone == null ? void 0 : tone.value;
+      if (currentTone !== originalValues.tone) {
+        payload.tone = currentTone;
+      }
+      const currentStyle = style == null ? void 0 : style.value;
+      if (currentStyle !== originalValues.style) {
+        payload.style = currentStyle;
+      }
+      const currentWordCount = wordCount == null ? void 0 : wordCount.value;
+      if (currentWordCount !== originalValues.wordCount) {
+        payload.wordCount = currentWordCount;
+      }
+      if (includeQuotes !== originalValues.includeQuotes) {
+        payload.includeQuotes = includeQuotes;
+      }
+      if (includeFAQ !== originalValues.includeFAQ) {
+        payload.includeFAQ = includeFAQ;
+      }
+      if (targetAudience !== originalValues.targetAudience) {
+        payload.targetAudience = targetAudience;
+      }
+      if (Object.keys(payload).length === 0) {
+        toast.error("No changes to save");
+        setSaving(false);
+        return;
+      }
+      const updatedPreferences = await savePreferencesApi(payload);
+      if (updatedPreferences) {
+        updatePreferences(updatedPreferences);
+      } else {
+        await refreshPreferences();
+      }
+      setSuccess(true);
+      setLogo(null);
+      toast.success("Preferences saved successfully!");
+    } catch (error) {
+      console.error(error);
+      toast.error("Failed to save preferences");
     } finally {
-      setScraping(false);
+      setSaving(false);
     }
   };
-  const options = [
-    { value: ALL_SOURCES_VALUE, label: "All Sources (Trending)" },
-    ...sources.map((source) => ({
-      value: source.id,
-      label: source.name
-    }))
-  ];
-  const selectedOption = options.find(
-    (opt) => selectedSource === null ? opt.value === ALL_SOURCES_VALUE : opt.value === selectedSource
-  ) || options[0];
-  return /* @__PURE__ */ jsxs9("div", { className: "cnfy-source-selector", children: [
-    /* @__PURE__ */ jsx10("div", { className: "cnfy-source-selector-select-wrap", children: /* @__PURE__ */ jsx10(
-      Select2,
-      {
-        options,
-        value: selectedOption,
-        onChange: handleSourceSelect,
-        isLoading: loading,
-        isDisabled: loading,
-        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"
-          })
+  if (loading) {
+    return /* @__PURE__ */ jsx10("div", { className: "cnfy-dash-page", children: /* @__PURE__ */ jsx10("p", { className: "cnfy-dash-page-subtitle", children: "Loading settings..." }) });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-page", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-card", children: [
+      /* @__PURE__ */ jsx10("h2", { className: "cnfy-dash-card-title", children: "Chatbot Settings" }),
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "cnfy-dash-label", children: "Chatbot Name" }),
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            value: botName,
+            onChange: (e) => setBotName(e.target.value),
+            className: "cnfy-dash-input",
+            placeholder: "Contenify AI"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "cnfy-dash-label", children: "Chatbot Logo" }),
+        /* @__PURE__ */ jsxs7("div", { className: "cnfy-logo-upload", children: [
+          /* @__PURE__ */ jsx10("div", { className: "cnfy-logo-preview", children: logo ? /* @__PURE__ */ jsx10(
+            "img",
+            {
+              src: URL.createObjectURL(logo),
+              alt: "Logo preview",
+              className: "cnfy-logo-img"
+            }
+          ) : logoUrl ? /* @__PURE__ */ jsx10(
+            "img",
+            {
+              src: logoUrl,
+              alt: "Current logo",
+              className: "cnfy-logo-img"
+            }
+          ) : /* @__PURE__ */ jsx10("span", { className: "cnfy-logo-placeholder", children: "No logo" }) }),
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "file",
+              accept: "image/*",
+              onChange: (e) => {
+                var _a2;
+                return setLogo(((_a2 = e.target.files) == null ? void 0 : _a2[0]) || null);
+              },
+              className: "cnfy-file-input"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-card", children: [
+      /* @__PURE__ */ jsx10("h2", { className: "cnfy-dash-card-title", children: "Localization Settings" }),
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "cnfy-dash-label", children: "State" }),
+        /* @__PURE__ */ jsx10(
+          ClientSelect_default,
+          {
+            options: STATE_OPTIONS,
+            value: state,
+            onChange: (option) => setState(option),
+            placeholder: "Select state"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "cnfy-dash-label", children: "Cities" }),
+        /* @__PURE__ */ jsx10(
+          ClientSelect_default,
+          {
+            isMulti: true,
+            options: CITY_OPTIONS,
+            value: cities,
+            onChange: (options) => setCities(options),
+            placeholder: "Select cities",
+            isDisabled: !state
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "cnfy-dash-label", children: "Language" }),
+        /* @__PURE__ */ jsx10(
+          ClientSelect_default,
+          {
+            options: LANGUAGE_OPTIONS,
+            value: language,
+            onChange: (option) => setLanguage(option),
+            placeholder: "Select language"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-card", children: [
+      /* @__PURE__ */ jsx10("h2", { className: "cnfy-dash-card-title", children: "Content Generation Settings" }),
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "cnfy-dash-label", children: "Tone" }),
+        /* @__PURE__ */ jsx10(
+          ClientSelect_default,
+          {
+            options: TONE_OPTIONS,
+            value: tone,
+            onChange: (option) => setTone(option),
+            placeholder: "Select tone"
+          }
+        ),
+        /* @__PURE__ */ jsx10("p", { className: "cnfy-dash-hint", children: "The writing tone for generated content" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "cnfy-dash-label", children: "Style" }),
+        /* @__PURE__ */ jsx10(
+          ClientSelect_default,
+          {
+            options: STYLE_OPTIONS,
+            value: style,
+            onChange: (option) => setStyle(option),
+            placeholder: "Select style"
+          }
+        ),
+        /* @__PURE__ */ jsx10("p", { className: "cnfy-dash-hint", children: "The format/style of generated articles" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "cnfy-dash-label", children: "Word Count" }),
+        /* @__PURE__ */ jsx10(
+          ClientSelect_default,
+          {
+            options: WORD_COUNT_OPTIONS,
+            value: wordCount,
+            onChange: (option) => setWordCount(option),
+            placeholder: "Select word count"
+          }
+        ),
+        /* @__PURE__ */ jsx10("p", { className: "cnfy-dash-hint", children: "Target length for generated content" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "cnfy-dash-label", children: "Target Audience" }),
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            value: targetAudience,
+            onChange: (e) => setTargetAudience(e.target.value),
+            className: "cnfy-dash-input",
+            placeholder: "e.g. tech-savvy millennials, business professionals"
+          }
+        ),
+        /* @__PURE__ */ jsx10("p", { className: "cnfy-dash-hint", children: "Describe your target audience for personalized content" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-toggle-group", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "cnfy-toggle-row", children: [
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx10("p", { className: "cnfy-toggle-label", children: "Include Quotes" }),
+            /* @__PURE__ */ jsx10("p", { className: "cnfy-toggle-desc", children: "Add relevant quotes to generated articles" })
+          ] }),
+          /* @__PURE__ */ jsx10(
+            "button",
+            {
+              type: "button",
+              role: "switch",
+              "aria-checked": includeQuotes,
+              onClick: () => setIncludeQuotes(!includeQuotes),
+              className: "cnfy-toggle",
+              style: { backgroundColor: includeQuotes ? primaryColor : "#d1d5db" },
+              children: /* @__PURE__ */ jsx10(
+                "span",
+                {
+                  className: `cnfy-toggle-thumb ${includeQuotes ? "cnfy-toggle-thumb--on" : ""}`
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "cnfy-toggle-row", children: [
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx10("p", { className: "cnfy-toggle-label", children: "Include FAQ Section" }),
+            /* @__PURE__ */ jsx10("p", { className: "cnfy-toggle-desc", children: "Add FAQ section at the end of articles" })
+          ] }),
+          /* @__PURE__ */ jsx10(
+            "button",
+            {
+              type: "button",
+              role: "switch",
+              "aria-checked": includeFAQ,
+              onClick: () => setIncludeFAQ(!includeFAQ),
+              className: "cnfy-toggle",
+              style: { backgroundColor: includeFAQ ? primaryColor : "#d1d5db" },
+              children: /* @__PURE__ */ jsx10(
+                "span",
+                {
+                  className: `cnfy-toggle-thumb ${includeFAQ ? "cnfy-toggle-thumb--on" : ""}`
+                }
+              )
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-card", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-card-header", children: [
+        /* @__PURE__ */ jsx10("h2", { className: "cnfy-dash-card-title-inline", children: "News Scraping" }),
+        /* @__PURE__ */ jsx10("p", { className: "cnfy-dash-card-desc", children: "Scrape latest news from your configured locations" })
+      ] }),
+      !loadingStatus && scrapeStatus && /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-grid cnfy-dash-grid--sm", children: [
+        /* @__PURE__ */ jsxs7("div", { children: [
+          /* @__PURE__ */ jsx10("span", { className: "cnfy-dash-label-muted", children: "Status:" }),
+          /* @__PURE__ */ jsx10("p", { className: "cnfy-dash-label-bold", children: scrapeStatus.isRunning ? /* @__PURE__ */ jsx10("span", { className: "cnfy-dash-badge cnfy-dash-badge--yellow", children: "Running" }) : /* @__PURE__ */ jsx10("span", { className: "cnfy-dash-badge cnfy-dash-badge--green", children: "Idle" }) })
+        ] }),
+        scrapeStatus.lastRun && /* @__PURE__ */ jsxs7("div", { children: [
+          /* @__PURE__ */ jsx10("span", { className: "cnfy-dash-label-muted", children: "Last Run:" }),
+          /* @__PURE__ */ jsx10("p", { className: "cnfy-dash-label-bold", children: new Date(scrapeStatus.lastRun).toLocaleString() })
+        ] }),
+        scrapeStatus.totalScraped !== void 0 && /* @__PURE__ */ jsxs7("div", { children: [
+          /* @__PURE__ */ jsx10("span", { className: "cnfy-dash-label-muted", children: "Total Scraped:" }),
+          /* @__PURE__ */ jsxs7("p", { className: "cnfy-dash-label-bold", children: [
+            scrapeStatus.totalScraped.toLocaleString(),
+            " articles"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsxs7("p", { className: "cnfy-dash-info-text", children: [
+          "Current configuration: ",
+          /* @__PURE__ */ jsx10("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__ */ jsxs7(Fragment, { children: [
+            " - ",
+            preferences.localization.cities.join(", ")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx10(
+          "button",
+          {
+            onClick: handleScrape,
+            disabled: scraping || (scrapeStatus == null ? void 0 : scrapeStatus.isRunning),
+            className: "cnfy-dash-btn-save",
+            style: { backgroundColor: primaryColor },
+            children: scraping ? "Starting Scrape..." : (scrapeStatus == null ? void 0 : scrapeStatus.isRunning) ? "Scraping in Progress..." : "Start Scraping"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "cnfy-dash-actions", children: [
+      /* @__PURE__ */ jsx10(
+        "button",
+        {
+          onClick: handleSave,
+          disabled: saving,
+          className: "cnfy-dash-btn-save",
+          style: { backgroundColor: primaryColor },
+          children: saving ? "Saving..." : "Save Preferences"
         }
-      }
-    ) }),
-    selectedSource && /* @__PURE__ */ jsxs9(
-      "button",
-      {
-        onClick: handleScrape,
-        disabled: scraping,
-        className: "cnfy-scrape-btn",
-        title: "Fetch latest news",
-        children: [
-          /* @__PURE__ */ jsx10(RefreshCcw3, { size: 14, className: scraping ? "cnfy-animate-spin" : "" }),
-          scraping ? "Scraping..." : "Scrape"
-        ]
-      }
-    ),
-    !selectedSource && /* @__PURE__ */ jsxs9(
-      "button",
-      {
-        onClick: () => fetchNews(null),
-        disabled: fetchingNews,
-        className: "cnfy-refresh-btn",
-        children: [
-          /* @__PURE__ */ jsx10(RefreshCcw3, { size: 14, className: fetchingNews ? "cnfy-animate-spin" : "" }),
-          "Refresh"
-        ]
-      }
-    )
+      ),
+      success && /* @__PURE__ */ jsx10("p", { className: "cnfy-dash-success", style: { color: primaryColor }, children: "Preferences saved successfully \u2705" })
+    ] })
   ] });
 }
 
@@ -1588,7 +1902,7 @@ var createContentStreamApi = async ({
 }) => {
   var _a;
   const API_BASE_URL = getApiBaseUrl();
-  const apiKey = process.env.NEXT_PUBLIC_API_KEY;
+  const apiKey = getApiKey();
   const headers = {
     "Content-Type": "application/json"
   };
@@ -1681,7 +1995,7 @@ var rewriteNewsStreamApi = async ({
   if (targetAudience) payload.targetAudience = targetAudience;
   try {
     const API_BASE_URL = getApiBaseUrl();
-    const apiKey = process.env.NEXT_PUBLIC_API_KEY;
+    const apiKey = getApiKey();
     console.log("\u{1F680} Starting stream request to:", `${API_BASE_URL}/chat/rewrite/stream`);
     console.log("\u{1F4E6} Payload:", payload);
     const headers = {
@@ -1810,32 +2124,18 @@ var rewriteNewsApi = async ({
 };
 
 // components/chatbot/ChatBot.tsx
-import toast4 from "react-hot-toast";
+import toast2 from "react-hot-toast";
 import { Loader2 } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-function ChatBot({
-  onNavigate,
-  onLogout
-} = {}) {
-  const { loading, showNewsPanel } = useTheme();
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function ChatBot() {
+  const { loading } = useTheme();
   const { preferences } = usePreferences();
-  const [selectedSource, setSelectedSource] = useState8(null);
-  const [news, setNews] = useState8([]);
-  const [newsLoading, setNewsLoading] = useState8(true);
-  const [selectedArticle, setSelectedArticle] = useState8(null);
-  const [messages, setMessages] = useState8([]);
-  const [showChatMobile, setShowChatMobile] = useState8(false);
-  const [isStreaming, setIsStreaming] = useState8(false);
-  const [analyzedData, setAnalyzedData] = useState8(null);
-  const handleNewsLoaded = useCallback3((loadedNews) => {
-    setNews(loadedNews);
-  }, []);
-  const handleLoadingChange = useCallback3((isLoading) => {
-    setNewsLoading(isLoading);
-  }, []);
+  const [preferencesOpen, setPreferencesOpen] = useState7(false);
+  const [messages, setMessages] = useState7([]);
+  const [isStreaming, setIsStreaming] = useState7(false);
+  const [analyzedData, setAnalyzedData] = useState7(null);
   const handleRecreate = async ({ title, content, id }) => {
     var _a;
-    setShowChatMobile(true);
     const assistantId = crypto.randomUUID();
     setMessages((prev) => [
       ...prev,
@@ -1878,7 +2178,7 @@ ${title}`
           },
           onComplete: () => {
             console.log("Streaming completed successfully");
-            toast4.success("Article created successfully!");
+            toast2.success("Article created successfully!");
           },
           onError: async (error) => {
             console.error("Streaming error:", error);
@@ -1886,7 +2186,7 @@ ${title}`
               console.log("Falling back to regular API...");
               throw error;
             } else {
-              toast4.error("Failed to complete article generation");
+              toast2.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
@@ -1918,11 +2218,11 @@ ${title}`
             (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: result.article || result }) : m
           )
         );
-        toast4.success("Article created successfully!");
+        toast2.success("Article created successfully!");
       }
     } catch (err) {
       console.error("Complete Error:", err);
-      toast4.error((err == null ? void 0 : err.message) || "An error occurred while creating the article");
+      toast2.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
@@ -1973,7 +2273,7 @@ ${optionsList}`
         }
       } catch (err) {
         console.error("Analyze input error:", err);
-        toast4.error("Failed to analyze the link");
+        toast2.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
@@ -2009,12 +2309,12 @@ ${optionsList}`
           },
           onComplete: () => {
             setIsStreaming(false);
-            toast4.success("Content generated!");
+            toast2.success("Content generated!");
           },
           onError: (error) => {
             console.error("Stream error:", error);
             setIsStreaming(false);
-            toast4.error("Failed to generate content");
+            toast2.error("Failed to generate content");
           }
         });
       } catch (err) {
@@ -2062,12 +2362,12 @@ ${optionsList}`
           },
           onComplete: () => {
             setIsStreaming(false);
-            toast4.success("Content created!");
+            toast2.success("Content created!");
           },
           onError: (error) => {
             console.error("Stream error:", error);
             setIsStreaming(false);
-            toast4.error("Failed to create content");
+            toast2.error("Failed to create content");
           }
         });
       } catch (e) {
@@ -2082,7 +2382,7 @@ ${optionsList}`
           )
         );
         setIsStreaming(false);
-        toast4.success("Content created!");
+        toast2.success("Content created!");
       }
     } catch (err) {
       console.error("Create content error:", err);
@@ -2095,74 +2395,37 @@ ${optionsList}`
     }
   };
   if (loading) {
-    return /* @__PURE__ */ jsx11("div", { className: "cnfy-loading", children: /* @__PURE__ */ jsxs10("div", { className: "cnfy-loading-inner", children: [
+    return /* @__PURE__ */ jsx11("div", { className: "cnfy-loading", children: /* @__PURE__ */ jsxs8("div", { className: "cnfy-loading-inner", children: [
       /* @__PURE__ */ jsx11(Loader2, { className: "cnfy-loading-spinner cnfy-animate-spin" }),
       /* @__PURE__ */ jsx11("p", { className: "cnfy-loading-text", children: "Loading..." })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs10("div", { className: "cnfy-root", children: [
-    /* @__PURE__ */ jsx11(HeaderBar, { onNavigate, onLogout }),
-    /* @__PURE__ */ jsxs10("div", { className: `cnfy-main ${showNewsPanel ? "cnfy-main--with-news" : ""}`, children: [
-      showNewsPanel && /* @__PURE__ */ jsxs10("aside", { className: "cnfy-sidebar", children: [
-        /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(
-          SourceSelector,
-          {
-            selectedSource,
-            onSourceChange: (value) => {
-              console.log("Selected source:", value);
-              setSelectedSource(value);
-            },
-            onNewsLoaded: handleNewsLoaded,
-            onLoadingChange: handleLoadingChange
-          }
-        ) }),
-        /* @__PURE__ */ jsx11(
-          TrendingNews,
-          {
-            onRecreate: handleRecreate,
-            news,
-            isLoading: newsLoading
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs10(
-        "section",
+  return /* @__PURE__ */ jsxs8("div", { className: "cnfy-root", children: [
+    /* @__PURE__ */ jsx11(HeaderBar, { onOpenPreferences: () => setPreferencesOpen(true) }),
+    /* @__PURE__ */ jsx11("div", { className: "cnfy-main", children: /* @__PURE__ */ jsxs8("section", { className: "cnfy-chat-section cnfy-chat-section--full", children: [
+      /* @__PURE__ */ jsx11("div", { className: "cnfy-chat-inner", children: /* @__PURE__ */ jsx11(
+        ChatWindow,
         {
-          className: `cnfy-chat-section ${showNewsPanel ? "cnfy-chat-section--with-news" : "cnfy-chat-section--full"} ${showChatMobile ? "cnfy-chat-section--visible" : "cnfy-chat-section--hidden-mobile"}`,
-          children: [
-            /* @__PURE__ */ jsx11("div", { className: "cnfy-mobile-back", children: /* @__PURE__ */ jsx11(
-              "button",
-              {
-                onClick: () => setShowChatMobile(false),
-                className: "cnfy-mobile-back-btn",
-                children: "\u2190 Back to news"
-              }
-            ) }),
-            /* @__PURE__ */ jsx11("div", { className: "cnfy-chat-inner", children: /* @__PURE__ */ jsx11(
-              ChatWindow,
-              {
-                messages,
-                onSend: handleSendMessage,
-                onSelectNews: handleRecreate,
-                isStreaming,
-                analyzedData,
-                onSelectAction: handleSelectAction
-              }
-            ) }),
-            !messages.length && /* @__PURE__ */ jsx11("div", { className: "cnfy-empty-state", children: /* @__PURE__ */ jsxs10("div", { children: [
-              /* @__PURE__ */ jsx11("p", { className: "cnfy-empty-state-title", children: "AI News Assistant" }),
-              /* @__PURE__ */ jsx11("p", { className: "cnfy-empty-state-subtitle", children: "Select a news article or type a message to begin" })
-            ] }) })
-          ]
+          messages,
+          onSend: handleSendMessage,
+          onSelectNews: handleRecreate,
+          isStreaming,
+          analyzedData,
+          onSelectAction: handleSelectAction
         }
-      )
-    ] }),
-    selectedArticle && /* @__PURE__ */ jsx11(
-      ArticleModal,
+      ) }),
+      !messages.length && /* @__PURE__ */ jsx11("div", { className: "cnfy-empty-state", children: /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx11("p", { className: "cnfy-empty-state-title", children: "AI News Assistant" }),
+        /* @__PURE__ */ jsx11("p", { className: "cnfy-empty-state-subtitle", children: "Type a message or paste a link to begin" })
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx11(
+      Drawer,
       {
-        article: selectedArticle,
-        onClose: () => setSelectedArticle(null),
-        onRecreate: handleRecreate
+        open: preferencesOpen,
+        onClose: () => setPreferencesOpen(false),
+        title: "Settings",
+        children: /* @__PURE__ */ jsx11(PreferencesPage, {})
       }
     )
   ] });
@@ -2170,12 +2433,16 @@ ${optionsList}`
 
 // src/index.tsx
 import { jsx as jsx12 } from "react/jsx-runtime";
-function ContenifyChatBot({ onNavigate, onLogout }) {
-  return /* @__PURE__ */ jsx12(PreferencesProvider, { children: /* @__PURE__ */ jsx12(ChatBot, { onNavigate, onLogout }) });
+function ContenifyChatBot({ apiUrl, apiKey, domain }) {
+  useEffect8(() => {
+    setConfig({ apiUrl, apiKey, domain });
+  }, [apiUrl, apiKey, domain]);
+  return /* @__PURE__ */ jsx12(PreferencesProvider, { children: /* @__PURE__ */ jsx12(ChatBot, {}) });
 }
 var index_default = ContenifyChatBot;
 export {
   ContenifyChatBot,
-  index_default as default
+  index_default as default,
+  setConfig
 };
 //# sourceMappingURL=index.mjs.map