@contenify/chatbot 1.0.0 → 2.0.0

package/dist/index.js

@@ -110,7 +110,7 @@ var api_default = api;
 
 // services/preferences.service.ts
 var getMyPreferencesApi = async () => {
-  const { data } = await api_default.get("/preferences/me");
+  const { data } = await api_default.get("/chatboat/preferences/me");
   return data.data;
 };
 var savePreferencesApi = async ({
@@ -188,7 +188,7 @@ var savePreferencesApi = async ({
   if (targetAudience !== void 0) {
     formData.append("targetAudience", targetAudience);
   }
-  const { data } = await api_default.put("/preferences", formData, {
+  const { data } = await api_default.put("/chatboat/preferences", formData, {
     headers: {
       "Content-Type": "multipart/form-data"
     }
@@ -325,6 +325,13 @@ function extractArticleContent(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");
@@ -842,19 +849,19 @@ function NewsList({
 
 // services/news.service.ts
 var getTrendingNews = async () => {
-  const { data } = await api_default.get("/news/trending");
+  const { data } = await api_default.get("/chatboat/trending");
   return data.data;
 };
 var getNewsSources = async () => {
-  const { data } = await api_default.get("/news/sources");
+  const { data } = await api_default.get("/chatboat/scrape/sources");
   return data.data;
 };
 var scrapeNewsSource = async (sourceId) => {
-  const { data } = await api_default.post("/news/scrape-source", { sourceId });
+  const { data } = await api_default.post("/chatboat/scrape/source", { sourceId });
   return data.data;
 };
 var getNewsBySource = async (sourceId) => {
-  const { data } = await api_default.get(`/news/by-source/${sourceId}`);
+  const { data } = await api_default.get(`/chatboat/scrape/by-source/${sourceId}`);
   return data.data;
 };
 
@@ -989,7 +996,6 @@ function ChatWindow({
   const handleSourceSelect = (option) => {
     var _a2;
     const sourceId = (_a2 = option == null ? void 0 : option.value) != null ? _a2 : null;
-    console.log("Selected source:", option);
     setSelectedSource(sourceId);
     fetchNews(sourceId);
   };
@@ -1042,103 +1048,91 @@ function ChatWindow({
       messages.map((msg) => {
         var _a2;
         const parsed = formatAIContent(msg.content);
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-msg", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "cnfy-msg-avatar-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            "div",
+        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",
             {
-              className: "cnfy-msg-avatar",
-              style: {
-                backgroundColor: msg.role === "assistant" ? primaryColor : "#1f2937"
-              },
-              children: msg.role === "assistant" ? "AI" : "You"
+              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 })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "cnfy-msg-body", 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)(
+          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",
+                {
+                  className: "cnfy-block-h2",
+                  children: block.text
+                },
+                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: () => 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",
-                  {
-                    className: "cnfy-block-h2",
-                    children: block.text
-                  },
-                  idx
-                );
+                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"
+                ]
               }
-              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",
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+              "button",
               {
-                className: "cnfy-msg-keyword-tag",
+                onClick: () => handlePost(msg.content, parsed.metaKeywords),
+                className: "cnfy-btn-post",
+                style: { backgroundColor: primaryColor, color: "#fff" },
                 children: [
-                  "#",
-                  tag
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Send, { size: 16 }),
+                  "Post"
                 ]
-              },
-              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);
+        ] }) }, msg.id);
       }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: bottomRef })
     ] }) }),
@@ -1378,14 +1372,14 @@ var triggerScrape = async ({
   state,
   cities
 }) => {
-  const { data } = await api_default.post("/scrape/trigger", {
+  const { data } = await api_default.post("/chatboat/scrape/trigger", {
     state,
     cities
   });
   return data;
 };
 var getScrapeStatus = async () => {
-  const { data } = await api_default.get("/scrape/status");
+  const { data } = await api_default.get("/chatboat/scrape/status");
   return data.data;
 };
 
@@ -1441,23 +1435,6 @@ 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();
@@ -1468,12 +1445,6 @@ function PreferencesPage() {
   const [state, setState] = (0, import_react9.useState)(null);
   const [cities, setCities] = (0, import_react9.useState)([]);
   const [language, setLanguage] = (0, import_react9.useState)(null);
-  const [tone, setTone] = (0, import_react9.useState)(null);
-  const [style, setStyle] = (0, import_react9.useState)(null);
-  const [wordCount, setWordCount] = (0, import_react9.useState)(null);
-  const [includeQuotes, setIncludeQuotes] = (0, import_react9.useState)(true);
-  const [includeFAQ, setIncludeFAQ] = (0, import_react9.useState)(false);
-  const [targetAudience, setTargetAudience] = (0, import_react9.useState)("");
   const [saving, setSaving] = (0, import_react9.useState)(false);
   const [success, setSuccess] = (0, import_react9.useState)(false);
   const [scraping, setScraping] = (0, import_react9.useState)(false);
@@ -1483,13 +1454,7 @@ function PreferencesPage() {
     botName: "",
     state: void 0,
     cities: [],
-    language: void 0,
-    tone: void 0,
-    style: void 0,
-    wordCount: void 0,
-    includeQuotes: true,
-    includeFAQ: false,
-    targetAudience: ""
+    language: void 0
   });
   (0, import_react9.useEffect)(() => {
     const fetchScrapeStatus = async () => {
@@ -1529,7 +1494,7 @@ function PreferencesPage() {
     }
   };
   (0, import_react9.useEffect)(() => {
-    var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+    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;
@@ -1547,38 +1512,11 @@ function PreferencesPage() {
         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
+        language: pLanguage
       });
     }
   }, [preferences]);
@@ -1610,27 +1548,6 @@ function PreferencesPage() {
       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) {
         import_react_hot_toast.default.error("No changes to save");
         setSaving(false);
@@ -1703,150 +1620,6 @@ 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,
-          {
-            options: STATE_OPTIONS,
-            value: state,
-            onChange: (option) => setState(option),
-            placeholder: "Select state"
-          }
-        )
-      ] }),
-      /* @__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,
-          {
-            isMulti: true,
-            options: CITY_OPTIONS,
-            value: cities,
-            onChange: (options) => setCities(options),
-            placeholder: "Select cities",
-            isDisabled: !state
-          }
-        )
-      ] }),
-      /* @__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,
-          {
-            options: LANGUAGE_OPTIONS,
-            value: language,
-            onChange: (option) => setLanguage(option),
-            placeholder: "Select language"
-          }
-        )
-      ] })
-    ] }),
-    /* @__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: "Content Generation 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: "Tone" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          ClientSelect_default,
-          {
-            options: TONE_OPTIONS,
-            value: tone,
-            onChange: (option) => setTone(option),
-            placeholder: "Select tone"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-dash-hint", children: "The writing tone for generated content" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "cnfy-dash-label", children: "Style" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          ClientSelect_default,
-          {
-            options: STYLE_OPTIONS,
-            value: style,
-            onChange: (option) => setStyle(option),
-            placeholder: "Select style"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-dash-hint", children: "The format/style of generated articles" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "cnfy-dash-label", children: "Word Count" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          ClientSelect_default,
-          {
-            options: WORD_COUNT_OPTIONS,
-            value: wordCount,
-            onChange: (option) => setWordCount(option),
-            placeholder: "Select word count"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-dash-hint", children: "Target length for generated content" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "cnfy-dash-label", children: "Target Audience" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          "input",
-          {
-            value: targetAudience,
-            onChange: (e) => setTargetAudience(e.target.value),
-            className: "cnfy-dash-input",
-            placeholder: "e.g. tech-savvy millennials, business professionals"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-dash-hint", children: "Describe your target audience for personalized content" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-toggle-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-toggle-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-toggle-label", children: "Include Quotes" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-toggle-desc", children: "Add relevant quotes to generated articles" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "button",
-            {
-              type: "button",
-              role: "switch",
-              "aria-checked": includeQuotes,
-              onClick: () => setIncludeQuotes(!includeQuotes),
-              className: "cnfy-toggle",
-              style: { backgroundColor: includeQuotes ? primaryColor : "#d1d5db" },
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                "span",
-                {
-                  className: `cnfy-toggle-thumb ${includeQuotes ? "cnfy-toggle-thumb--on" : ""}`
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-toggle-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-toggle-label", children: "Include FAQ Section" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-toggle-desc", children: "Add FAQ section at the end of articles" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "button",
-            {
-              type: "button",
-              role: "switch",
-              "aria-checked": includeFAQ,
-              onClick: () => setIncludeFAQ(!includeFAQ),
-              className: "cnfy-toggle",
-              style: { backgroundColor: includeFAQ ? primaryColor : "#d1d5db" },
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                "span",
-                {
-                  className: `cnfy-toggle-thumb ${includeFAQ ? "cnfy-toggle-thumb--on" : ""}`
-                }
-              )
-            }
-          )
-        ] })
-      ] })
-    ] }),
     /* @__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" }),
@@ -1884,25 +1657,63 @@ function PreferencesPage() {
             onClick: handleScrape,
             disabled: scraping || (scrapeStatus == null ? void 0 : scrapeStatus.isRunning),
             className: "cnfy-dash-btn-save",
-            style: { backgroundColor: primaryColor },
+            style: { backgroundColor: hexToRgba(primaryColor, 0.8) },
             children: scraping ? "Starting Scrape..." : (scrapeStatus == null ? void 0 : scrapeStatus.isRunning) ? "Scraping in Progress..." : "Start Scraping"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnfy-dash-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        "button",
-        {
-          onClick: handleSave,
-          disabled: saving,
-          className: "cnfy-dash-btn-save",
-          style: { backgroundColor: primaryColor },
-          children: saving ? "Saving..." : "Save Preferences"
-        }
-      ),
-      success && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnfy-dash-success", style: { color: primaryColor }, children: "Preferences saved successfully \u2705" })
-    ] })
+    /* @__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,
+          {
+            options: STATE_OPTIONS,
+            value: state,
+            onChange: (option) => setState(option),
+            placeholder: "Select state"
+          }
+        )
+      ] }),
+      /* @__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,
+          {
+            isMulti: true,
+            options: CITY_OPTIONS,
+            value: cities,
+            onChange: (options) => setCities(options),
+            placeholder: "Select cities",
+            isDisabled: !state
+          }
+        )
+      ] }),
+      /* @__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,
+          {
+            options: LANGUAGE_OPTIONS,
+            value: language,
+            onChange: (option) => setLanguage(option),
+            placeholder: "Select language"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "cnfy-dash-actions", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "button",
+      {
+        onClick: handleSave,
+        disabled: saving,
+        className: "cnfy-dash-btn-save",
+        style: { backgroundColor: primaryColor },
+        children: saving ? "Saving..." : "Save Preferences"
+      }
+    ) })
   ] });
 }
 
@@ -2020,19 +1831,16 @@ var rewriteNewsStreamApi = async ({
   try {
     const API_BASE_URL = getApiBaseUrl();
     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 = {
       "Content-Type": "application/json"
     };
     if (apiKey) {
       headers["x-api-key"] = apiKey;
     }
-    const response = await fetch(`${API_BASE_URL}/chat/rewrite/stream`, {
+    const response = await fetch(`${API_BASE_URL}/chatboat/rewrite/stream`, {
       method: "POST",
       headers,
       credentials: "include",
-      // Include cookies for authentication
       body: JSON.stringify(payload)
     });
     console.log("\u{1F4E1} Response status:", response.status);