@contenify/chatbot 0.1.0

package/dist/index.js

@@ -0,0 +1,2209 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  ContenifyChatBot: () => ContenifyChatBot,
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// contexts/PreferencesContext.tsx
+var import_react = require("react");
+
+// lib/api.ts
+var import_axios = __toESM(require("axios"));
+
+// lib/config.ts
+var DEFAULT_API_BASE_URL = "http://localhost:8080/api";
+function getApiBaseUrl() {
+  return process.env.NEXT_PUBLIC_CONTENIFY_API_URL || DEFAULT_API_BASE_URL;
+}
+function getServerBaseUrl() {
+  const apiUrl = getApiBaseUrl();
+  return apiUrl.replace(/\/api\/?$/, "");
+}
+
+// lib/api.ts
+var api = import_axios.default.create({
+  baseURL: getApiBaseUrl(),
+  withCredentials: true,
+  headers: {
+    "Content-Type": "application/json"
+  }
+});
+api.interceptors.request.use(
+  (config) => {
+    const apiKey = process.env.NEXT_PUBLIC_API_KEY;
+    if (apiKey) {
+      config.headers["x-api-key"] = apiKey;
+    }
+    return config;
+  },
+  (error) => Promise.reject(error)
+);
+api.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    var _a, _b;
+    const message = ((_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || error.message || "Something went wrong";
+    return Promise.reject(message);
+  }
+);
+var api_default = api;
+
+// services/preferences.service.ts
+var getMyPreferencesApi = async () => {
+  const { data } = await api_default.get("/preferences/me");
+  return data.data;
+};
+
+// contexts/PreferencesContext.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultPreferences = {
+  chatbot: {
+    name: "AI News Assistant",
+    primaryColor: "#10b981",
+    secondaryColor: "#064e3b",
+    theme: "system"
+  },
+  localization: {
+    country: "India",
+    state: "Uttar Pradesh",
+    cities: [],
+    language: "en",
+    locale: "en-IN",
+    timezone: "Asia/Kolkata"
+  },
+  appearance: {
+    showSidebar: true,
+    showHeader: true,
+    activeThemePreset: null,
+    showNewsPanel: true
+  },
+  content: {
+    tone: "engaging",
+    style: "blog",
+    wordCount: "medium",
+    includeQuotes: true,
+    includeFAQ: false,
+    targetAudience: ""
+  }
+};
+var PreferencesContext = (0, import_react.createContext)(void 0);
+function PreferencesProvider({ children }) {
+  const [preferences, setPreferences] = (0, import_react.useState)(defaultPreferences);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(null);
+  const refreshPreferences = async () => {
+    var _a, _b, _c;
+    try {
+      setLoading(true);
+      setError(null);
+      const data = await getMyPreferencesApi();
+      if (data) {
+        if (((_a = data.chatbot) == null ? void 0 : _a.logoUrl) && !data.chatbot.logoUrl.startsWith("http")) {
+          data.chatbot.logoUrl = `${getServerBaseUrl()}/${data.chatbot.logoUrl}`;
+        }
+        const mergedPreferences = __spreadProps(__spreadValues(__spreadValues({}, defaultPreferences), data), {
+          chatbot: __spreadValues(__spreadValues({}, defaultPreferences.chatbot), data.chatbot),
+          localization: __spreadValues(__spreadValues({}, defaultPreferences.localization), data.localization),
+          appearance: __spreadValues(__spreadValues({}, defaultPreferences.appearance), data.appearance),
+          content: __spreadValues(__spreadValues({}, defaultPreferences.content), data.content)
+        });
+        setPreferences(mergedPreferences);
+        if (typeof document !== "undefined") {
+          document.documentElement.style.setProperty("--color-primary", ((_b = mergedPreferences.chatbot) == null ? void 0 : _b.primaryColor) || "#10b981");
+          document.documentElement.style.setProperty("--color-secondary", ((_c = mergedPreferences.chatbot) == null ? void 0 : _c.secondaryColor) || "#064e3b");
+        }
+      }
+    } catch (err) {
+      console.error("Failed to fetch preferences:", err);
+      setError(err instanceof Error ? err.message : "Failed to load preferences");
+      setPreferences(defaultPreferences);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const updatePreferences = (newPreferences) => {
+    var _a, _b;
+    setPreferences(newPreferences);
+    if (typeof document !== "undefined") {
+      document.documentElement.style.setProperty("--color-primary", ((_a = newPreferences.chatbot) == null ? void 0 : _a.primaryColor) || "#10b981");
+      document.documentElement.style.setProperty("--color-secondary", ((_b = newPreferences.chatbot) == null ? void 0 : _b.secondaryColor) || "#064e3b");
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    refreshPreferences();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PreferencesContext.Provider,
+    {
+      value: {
+        preferences,
+        loading,
+        error,
+        refreshPreferences,
+        updatePreferences
+      },
+      children
+    }
+  );
+}
+function usePreferences() {
+  const context = (0, import_react.useContext)(PreferencesContext);
+  if (context === void 0) {
+    throw new Error("usePreferences must be used within a PreferencesProvider");
+  }
+  return context;
+}
+
+// components/chatbot/ChatBot.tsx
+var import_react10 = require("react");
+
+// components/chatbot/ArticleModal.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function ArticleModal({
+  article,
+  onClose,
+  onRecreate
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm flex items-center justify-center px-4", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "relative w-full max-w-3xl bg-white rounded-xl shadow-card border border-gray-200 animate-in fade-in zoom-in", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-start justify-between px-6 py-4 border-b border-gray-300", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-xs text-gray-500 mb-1", children: "Source Article" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: "text-lg font-semibold text-gray-900 leading-snug", children: article.title })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "button",
+        {
+          onClick: onClose,
+          className: "text-gray-400 hover:text-gray-700 transition",
+          "aria-label": "Close modal",
+          children: "\u2715"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "px-6 py-5 max-h-[65vh] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "prose prose-sm max-w-none text-gray-800", children: article.content }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center justify-between px-6 py-4 border-t bg-gray-50 rounded-b-xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-xs text-gray-400", children: "This content will be recreated using AI" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            onClick: onClose,
+            className: "px-4 py-2 text-sm rounded-md border border-gray-300 text-gray-700 hover:bg-gray-100 transition",
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            onClick: () => onRecreate({
+              title: article.title,
+              content: article.content,
+              id: article._id
+              // Include article ID when available
+            }),
+            className: "px-4 py-2 text-sm rounded-md bg-gray-900 text-white hover:bg-black transition",
+            children: "Recreate Article"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+// util/util.ts
+function extractArticleContent(raw) {
+  if (!raw) {
+    return { article: "", metaKeywords: [] };
+  }
+  if (!raw.trim().startsWith("{")) {
+    return {
+      article: raw,
+      metaKeywords: []
+    };
+  }
+  try {
+    const parsed = JSON.parse(raw);
+    return {
+      title: parsed.title || "",
+      article: parsed.article || parsed.content || "",
+      metaKeywords: Array.isArray(parsed.metaKeywords) ? parsed.metaKeywords : []
+    };
+  } catch (e) {
+    const article = raw.replace(/^[\s\S]*?"article"\s*:\s*"/, "").replace(/"\s*,\s*"metaKeywords"[\s\S]*$/, "").replace(/"}\s*$/, "") || raw;
+    return {
+      article,
+      metaKeywords: []
+    };
+  }
+}
+
+// components/chatbot/ChatWindow.tsx
+var import_lucide_react4 = require("lucide-react");
+var import_react6 = require("react");
+
+// components/chatbot/EditModal.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_react4 = require("react");
+
+// components/chatbot/RichTextEditor.tsx
+var import_react2 = require("@tiptap/react");
+var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
+var import_extension_placeholder = __toESM(require("@tiptap/extension-placeholder"));
+var import_lucide_react = require("lucide-react");
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function RichTextEditor({
+  content,
+  onChange,
+  placeholder = "Start writing your article..."
+}) {
+  const editor = (0, import_react2.useEditor)({
+    immediatelyRender: false,
+    // Prevents SSR hydration mismatch
+    extensions: [
+      import_starter_kit.default.configure({
+        heading: {
+          levels: [1, 2]
+        }
+      }),
+      import_extension_placeholder.default.configure({
+        placeholder
+      })
+    ],
+    content,
+    editorProps: {
+      attributes: {
+        class: "prose prose-sm max-w-none focus:outline-none min-h-[350px] p-4"
+      }
+    },
+    onUpdate: ({ editor: editor2 }) => {
+      onChange(editor2.getHTML());
+    }
+  });
+  (0, import_react3.useEffect)(() => {
+    if (editor && content !== editor.getHTML()) {
+      editor.commands.setContent(content);
+    }
+  }, [content, editor]);
+  if (!editor) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-full h-[400px] border border-gray-300 rounded-lg flex items-center justify-center text-gray-400", children: "Loading editor..." });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "w-full border border-gray-300 rounded-lg overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b border-gray-200 bg-gray-50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+          isActive: editor.isActive("heading", { level: 1 }),
+          title: "Heading 1",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Heading1, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+          isActive: editor.isActive("heading", { level: 2 }),
+          title: "Heading 2",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Heading2, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().setParagraph().run(),
+          isActive: editor.isActive("paragraph"),
+          title: "Paragraph",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Pilcrow, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-px h-6 bg-gray-300 mx-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleBold().run(),
+          isActive: editor.isActive("bold"),
+          title: "Bold",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Bold, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleItalic().run(),
+          isActive: editor.isActive("italic"),
+          title: "Italic",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Italic, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-px h-6 bg-gray-300 mx-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleBulletList().run(),
+          isActive: editor.isActive("bulletList"),
+          title: "Bullet List",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.List, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleOrderedList().run(),
+          isActive: editor.isActive("orderedList"),
+          title: "Numbered List",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.ListOrdered, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-px h-6 bg-gray-300 mx-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().undo().run(),
+          disabled: !editor.can().undo(),
+          title: "Undo",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Undo, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().redo().run(),
+          disabled: !editor.can().redo(),
+          title: "Redo",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Redo, { size: 18 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react2.EditorContent, { editor, className: "min-h-[350px]" })
+  ] });
+}
+function ToolbarButton({
+  onClick,
+  isActive,
+  disabled,
+  title,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "button",
+    {
+      onClick,
+      disabled,
+      title,
+      className: `p-2 rounded hover:bg-gray-200 transition-colors ${isActive ? "bg-gray-200 text-emerald-600" : "text-gray-600"} ${disabled ? "opacity-40 cursor-not-allowed" : ""}`,
+      children
+    }
+  );
+}
+
+// hooks/useTheme.ts
+function useTheme() {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const { preferences, loading } = usePreferences();
+  return {
+    loading,
+    primaryColor: ((_a = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _a.primaryColor) || "#10b981",
+    secondaryColor: ((_b = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _b.secondaryColor) || "#064e3b",
+    botName: ((_c = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _c.name) || "AI News Assistant",
+    logoUrl: (_d = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _d.logoUrl,
+    theme: ((_e = preferences == null ? void 0 : preferences.chatbot) == null ? void 0 : _e.theme) || "system",
+    showSidebar: (_g = (_f = preferences == null ? void 0 : preferences.appearance) == null ? void 0 : _f.showSidebar) != null ? _g : true,
+    showHeader: (_i = (_h = preferences == null ? void 0 : preferences.appearance) == null ? void 0 : _h.showHeader) != null ? _i : true,
+    activeThemePreset: (_k = (_j = preferences == null ? void 0 : preferences.appearance) == null ? void 0 : _j.activeThemePreset) != null ? _k : null,
+    showNewsPanel: (_m = (_l = preferences == null ? void 0 : preferences.appearance) == null ? void 0 : _l.showNewsPanel) != null ? _m : true
+  };
+}
+
+// components/chatbot/EditModal.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function EditModal({
+  isOpen,
+  initialContent,
+  metaKeywords,
+  onClose,
+  onSaveDraft,
+  onPost
+}) {
+  const { primaryColor } = useTheme();
+  const [content, setContent] = (0, import_react4.useState)("");
+  const [keywords, setKeywords] = (0, import_react4.useState)(metaKeywords);
+  const [newKeyword, setNewKeyword] = (0, import_react4.useState)("");
+  const markdownToHtml = (text) => {
+    const lines = text.split("\n").filter((line) => line.trim());
+    let html = "";
+    lines.forEach((line) => {
+      const trimmed = line.trim();
+      if (trimmed.startsWith("# ")) {
+        html += `<h1>${trimmed.replace(/^#\s+/, "")}</h1>`;
+      } else if (trimmed.startsWith("## ")) {
+        html += `<h2>${trimmed.replace(/^##\s+/, "")}</h2>`;
+      } else {
+        html += `<p>${trimmed}</p>`;
+      }
+    });
+    return html;
+  };
+  (0, import_react4.useEffect)(() => {
+    const htmlContent = markdownToHtml(initialContent);
+    setContent(htmlContent);
+    setKeywords(metaKeywords);
+  }, [initialContent, metaKeywords]);
+  (0, import_react4.useEffect)(() => {
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [isOpen]);
+  const handleAddKeyword = () => {
+    if (newKeyword.trim() && !keywords.includes(newKeyword.trim())) {
+      setKeywords([...keywords, newKeyword.trim()]);
+      setNewKeyword("");
+    }
+  };
+  const handleRemoveKeyword = (index) => {
+    setKeywords(keywords.filter((_, i) => i !== index));
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleAddKeyword();
+    }
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "div",
+      {
+        className: "absolute inset-0 bg-black/50",
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "relative w-full h-full max-w-5xl max-h-[90vh] m-4 bg-white rounded-xl shadow-2xl flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between px-6 py-4 border-b", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "text-xl font-semibold text-gray-900", children: "Edit Article" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            onClick: onClose,
+            className: "p-2 rounded-full hover:bg-gray-100 transition-colors",
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.X, { size: 20, className: "text-gray-500" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex-1 overflow-y-auto p-6 space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Article Content" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            RichTextEditor,
+            {
+              content,
+              onChange: setContent,
+              placeholder: "Start writing your article..."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Meta Keywords" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-wrap gap-2 mb-3", children: keywords.map((keyword, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            "span",
+            {
+              className: "inline-flex items-center gap-1 px-3 py-1 bg-gray-100 text-gray-700 rounded-full text-sm",
+              children: [
+                "#",
+                keyword,
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "button",
+                  {
+                    onClick: () => handleRemoveKeyword(index),
+                    className: "ml-1 text-gray-400 hover:text-gray-600",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.X, { size: 14 })
+                  }
+                )
+              ]
+            },
+            index
+          )) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "input",
+              {
+                type: "text",
+                value: newKeyword,
+                onChange: (e) => setNewKeyword(e.target.value),
+                onKeyDown: handleKeyDown,
+                placeholder: "Add a keyword...",
+                className: "flex-1 px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "button",
+              {
+                onClick: handleAddKeyword,
+                className: "px-4 py-2 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors",
+                children: "Add"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-end gap-3 px-6 py-4 border-t bg-gray-50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            onClick: onClose,
+            className: "px-4 py-2 text-gray-700 text-sm font-medium hover:bg-gray-100 rounded-lg transition-colors",
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            onClick: () => onSaveDraft(content, keywords),
+            className: "px-4 py-2 bg-gray-200 text-gray-800 text-sm font-medium rounded-lg hover:bg-gray-300 transition-colors",
+            children: "Save Draft"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            onClick: () => onPost(content, keywords),
+            className: "px-4 py-2 bg-emerald-600 text-white text-sm font-medium rounded-lg hover:bg-emerald-700 transition-colors",
+            style: { backgroundColor: primaryColor, color: "#fff" },
+            children: "Post"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// components/news/NewsList.tsx
+var import_react5 = require("react");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var dateFormatter = new Intl.DateTimeFormat("en-GB", {
+  day: "2-digit",
+  month: "short",
+  year: "numeric"
+});
+var timeFormatter = new Intl.DateTimeFormat("en-GB", {
+  hour: "2-digit",
+  minute: "2-digit",
+  hour12: false
+});
+function extractLinksFromContent(html) {
+  if (!html) return [];
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(html, "text/html");
+  return Array.from(doc.querySelectorAll("li")).map((li) => {
+    const anchor = li.querySelector("a");
+    const source = li.querySelector("font");
+    return {
+      title: (anchor == null ? void 0 : anchor.textContent) || "",
+      url: (anchor == null ? void 0 : anchor.getAttribute("href")) || "#",
+      source: (source == null ? void 0 : source.textContent) || ""
+    };
+  });
+}
+function NewsList({
+  news,
+  onView,
+  onRecreate
+}) {
+  const { primaryColor } = useTheme();
+  const [primaryColorState] = (0, import_react5.useState)(primaryColor);
+  const lightenColor = (hex, percent = 85) => {
+    hex = hex.replace("#", "");
+    let r = parseInt(hex.substring(0, 2), 16);
+    let g = parseInt(hex.substring(2, 4), 16);
+    let b = parseInt(hex.substring(4, 6), 16);
+    r = Math.round(r + (255 - r) * (percent / 100));
+    g = Math.round(g + (255 - g) * (percent / 100));
+    b = Math.round(b + (255 - b) * (percent / 100));
+    return `rgb(${r}, ${g}, ${b})`;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "p-4 space-y-3", children: news.flatMap((item) => {
+    const publishedDate = new Date(item.publishedAt);
+    const links = extractLinksFromContent(item.content);
+    if (links.length > 0) {
+      return links.map((link, idx) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        "div",
+        {
+          className: "flex items-start justify-between gap-3 rounded-lg border border-gray-200 bg-white p-3 text-sm hover:bg-gray-50 transition",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-bold text-gray-900 line-clamp-2", children: link.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-wrap items-center gap-2 mt-2 text-xs text-gray-500", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  "span",
+                  {
+                    className: "inline-flex items-center rounded-full px-2 py-0.5 font-medium border",
+                    style: {
+                      backgroundColor: lightenColor(primaryColorState, 95),
+                      color: primaryColor,
+                      borderColor: lightenColor(primaryColorState, 95)
+                    },
+                    children: link.source || item.sourceName
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u2022" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "capitalize", children: item.category }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u2022" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+                  dateFormatter.format(publishedDate),
+                  " ",
+                  timeFormatter.format(publishedDate)
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "button",
+                {
+                  onClick: () => window.open(link.url, "_blank"),
+                  className: "p-1 text-gray-400 hover:text-gray-700",
+                  title: "View",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.Eye, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "button",
+                {
+                  onClick: () => onRecreate({
+                    title: link.title,
+                    content: link.title,
+                    id: item._id
+                    // Include article ID
+                  }),
+                  className: "p-1 text-gray-400 hover:text-gray-700",
+                  title: "Recreate",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.RefreshCcw, { size: 16 })
+                }
+              )
+            ] })
+          ]
+        },
+        `${item._id}-link-${idx}`
+      ));
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        className: "flex items-start justify-between gap-3 rounded-lg border border-gray-200 bg-white p-3 text-sm hover:bg-gray-50 transition",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-bold text-gray-900 line-clamp-2", children: item.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-wrap items-center gap-2 mt-2 text-xs text-gray-500", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "span",
+                {
+                  className: "inline-flex items-center rounded-full px-2 py-0.5 font-medium border",
+                  style: {
+                    backgroundColor: lightenColor(primaryColorState, 95),
+                    color: primaryColor,
+                    borderColor: lightenColor(primaryColorState, 95)
+                  },
+                  children: item.sourceName
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u2022" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "capitalize", children: item.category }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u2022" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+                dateFormatter.format(publishedDate),
+                " ",
+                timeFormatter.format(publishedDate)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "button",
+              {
+                onClick: () => onView(item),
+                className: "p-1 text-gray-400 hover:text-gray-700",
+                title: "View",
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.Eye, { size: 16 })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "button",
+              {
+                onClick: () => onRecreate({
+                  title: item.title,
+                  content: item.content || item.title,
+                  id: item._id
+                  // Include article ID
+                }),
+                className: "p-1 text-gray-400 hover:text-gray-700",
+                title: "Recreate",
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.RefreshCcw, { size: 16 })
+              }
+            )
+          ] })
+        ]
+      },
+      item._id
+    );
+  }) });
+}
+
+// services/news.service.ts
+var getTrendingNews = async () => {
+  const { data } = await api_default.get("/news/trending");
+  return data.data;
+};
+var getNewsSources = async () => {
+  const { data } = await api_default.get("/news/sources");
+  return data.data;
+};
+var scrapeNewsSource = async (sourceId) => {
+  const { data } = await api_default.post("/news/scrape-source", { sourceId });
+  return data.data;
+};
+var getNewsBySource = async (sourceId) => {
+  const { data } = await api_default.get(`/news/by-source/${sourceId}`);
+  return data.data;
+};
+
+// components/chatbot/ChatWindow.tsx
+var import_react_select = __toESM(require("react-select"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ACTION_ICONS = {
+  recreate_article: import_lucide_react4.RefreshCcw,
+  create_summary: import_lucide_react4.ListChecks,
+  create_social_posts: import_lucide_react4.Share2,
+  create_blog_post: import_lucide_react4.BookOpen,
+  create_newsletter: import_lucide_react4.Mail,
+  extract_key_points: import_lucide_react4.Key
+};
+function ChatWindow({
+  messages,
+  onSend,
+  onSelectNews,
+  isStreaming = false,
+  analyzedData,
+  onSelectAction
+}) {
+  var _a, _b;
+  const { loading, showNewsPanel } = useTheme();
+  const bottomRef = (0, import_react6.useRef)(null);
+  const textareaRef = (0, import_react6.useRef)(null);
+  const dropdownRef = (0, import_react6.useRef)(null);
+  const [input, setInput] = (0, import_react6.useState)("");
+  const [copiedId, setCopiedId] = (0, import_react6.useState)(null);
+  const [showNewsDropdown, setShowNewsDropdown] = (0, import_react6.useState)(false);
+  const [trendingNews, setTrendingNews] = (0, import_react6.useState)([]);
+  const [loadingNews, setLoadingNews] = (0, import_react6.useState)(false);
+  const [sources, setSources] = (0, import_react6.useState)([]);
+  const [selectedSource, setSelectedSource] = (0, import_react6.useState)(null);
+  const [loadingSources, setLoadingSources] = (0, import_react6.useState)(false);
+  const [scraping, setScraping] = (0, import_react6.useState)(false);
+  const [editModal, setEditModal] = (0, import_react6.useState)({ isOpen: false, content: "", metaKeywords: [], messageId: "" });
+  const { primaryColor } = useTheme();
+  const { preferences } = usePreferences();
+  const preferredLanguage = (_a = preferences == null ? void 0 : preferences.localization) == null ? void 0 : _a.language;
+  const handleCopy = async (blocks, messageId) => {
+    try {
+      const formattedText = blocksToFormattedText(blocks);
+      await navigator.clipboard.writeText(formattedText);
+      setCopiedId(messageId);
+      setTimeout(() => setCopiedId(null), 2e3);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  };
+  const blocksToFormattedText = (blocks) => {
+    return blocks.map((block) => {
+      if (block.type === "h1") return `# ${block.text}`;
+      if (block.type === "h2") return `## ${block.text}`;
+      return block.text;
+    }).join("\n\n");
+  };
+  const handleEdit = (blocks, metaKeywords, messageId) => {
+    const formattedContent = blocksToFormattedText(blocks);
+    setEditModal({ isOpen: true, content: formattedContent, metaKeywords, messageId });
+  };
+  const handleCloseModal = () => {
+    setEditModal({ isOpen: false, content: "", metaKeywords: [], messageId: "" });
+  };
+  const handleSaveDraft = (content, keywords) => {
+    console.log("Saving draft:", { content, keywords });
+    handleCloseModal();
+  };
+  const handlePost = (content, keywords) => {
+    console.log("Posting:", { content, keywords });
+    handleCloseModal();
+  };
+  (0, import_react6.useLayoutEffect)(() => {
+    var _a2;
+    (_a2 = bottomRef.current) == null ? void 0 : _a2.scrollIntoView({ block: "end" });
+  }, [messages]);
+  const handleSend = () => {
+    if (!input.trim()) return;
+    onSend(input);
+    setInput("");
+    if (textareaRef.current) {
+      textareaRef.current.style.height = "auto";
+    }
+  };
+  (0, import_react6.useEffect)(() => {
+    const textarea = textareaRef.current;
+    if (textarea) {
+      textarea.style.height = "auto";
+      textarea.style.height = `${textarea.scrollHeight}px`;
+    }
+  }, [input]);
+  const fetchSources = async () => {
+    setLoadingSources(true);
+    try {
+      const data = await getNewsSources();
+      setSources(data || []);
+    } catch (err) {
+      console.error("Failed to fetch sources:", err);
+    } finally {
+      setLoadingSources(false);
+    }
+  };
+  const fetchNews = async (sourceId) => {
+    setLoadingNews(true);
+    try {
+      let data;
+      if (sourceId) {
+        data = await getNewsBySource(sourceId);
+      } else {
+        data = await getTrendingNews();
+      }
+      setTrendingNews(data || []);
+    } catch (err) {
+      console.error("Failed to fetch news:", err);
+    } finally {
+      setLoadingNews(false);
+    }
+  };
+  const handleScrape = async () => {
+    if (!selectedSource) return;
+    setScraping(true);
+    try {
+      await scrapeNewsSource(selectedSource);
+      await fetchNews(selectedSource);
+    } catch (err) {
+      console.error("Failed to scrape:", err);
+    } finally {
+      setScraping(false);
+    }
+  };
+  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);
+  };
+  const handleOpenNewsDropdown = () => {
+    setShowNewsDropdown(true);
+    if (sources.length === 0) {
+      fetchSources();
+    }
+    if (trendingNews.length === 0) {
+      fetchNews(selectedSource);
+    }
+  };
+  (0, import_react6.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setShowNewsDropdown(false);
+      }
+    };
+    if (showNewsDropdown) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [showNewsDropdown]);
+  function formatAIContent(raw) {
+    const extracted = extractArticleContent(raw);
+    if (!extracted || !extracted.article) {
+      return { blocks: [], metaKeywords: [] };
+    }
+    const { article, metaKeywords } = extracted;
+    const normalized = article.replace(/^H1:\s*/gm, "").replace(/^H2:\s*/gm, "").replace(/<\/h1>/gi, "\n").replace(/<\/h2>/gi, "\n").replace(/<\/p>/gi, "\n").replace(/<br\s*\/?>/gi, "\n");
+    const lines = normalized.split("\n").map((line) => line.replace(/<[^>]+>/g, "").trim()).filter(Boolean);
+    const blocks = [];
+    lines.forEach((line, index) => {
+      if (index === 0 && line.length < 120) {
+        blocks.push({ type: "h1", text: line });
+        return;
+      }
+      if (line.length < 90 && !line.endsWith("\u0964") && !line.endsWith(".")) {
+        blocks.push({ type: "h2", text: line });
+        return;
+      }
+      blocks.push({ type: "p", text: line });
+    });
+    return { blocks, metaKeywords };
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "h-full flex w-full flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 px-4 py-6", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "max-w-3xl chat-scroll mx-auto space-y-6", children: [
+      messages.map((msg) => {
+        var _a2;
+        const parsed = formatAIContent(msg.content);
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "div",
+            {
+              className: "h-8 w-8 rounded-full flex items-center justify-center text-xs font-semibold text-white",
+              style: {
+                backgroundColor: msg.role === "assistant" ? primaryColor : "#1f2937"
+              },
+              children: msg.role === "assistant" ? "AI" : "You"
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1 text-sm space-y-3 leading-relaxed", children: [
+            msg.role === "assistant" && parsed.blocks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-end -mt-1 mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "button",
+              {
+                onClick: () => handleCopy(parsed.blocks, msg.id),
+                className: "p-1.5 rounded-md hover:bg-gray-100 transition-colors text-gray-400 hover:text-gray-600",
+                title: "Copy to clipboard",
+                children: copiedId === msg.id ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Check, { size: 16, className: "text-emerald-600" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Copy, { size: 16 })
+              }
+            ) }),
+            parsed.blocks.map((block, idx) => {
+              if (block.type === "h1") {
+                return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "h1",
+                  {
+                    className: "text-sm font-semibold",
+                    children: block.text
+                  },
+                  idx
+                );
+              }
+              if (block.type === "h2") {
+                return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "h2",
+                  {
+                    className: "text-base font-semibold mt-4",
+                    children: block.text
+                  },
+                  idx
+                );
+              }
+              return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-gray-800", children: block.text }, idx);
+            }),
+            parsed.metaKeywords.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "pt-4 border-t mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-wrap gap-2", children: parsed.metaKeywords.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              "span",
+              {
+                className: "text-xs px-3 py-1 rounded-full bg-gray-100 text-gray-700",
+                children: [
+                  "#",
+                  tag
+                ]
+              },
+              i
+            )) }) }),
+            msg.role === "assistant" && (analyzedData == null ? void 0 : analyzedData.messageId) === msg.id && analyzedData.options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-wrap gap-2 pt-4 mt-2", children: analyzedData.options.map((option) => {
+              const IconComponent = ACTION_ICONS[option.id] || import_lucide_react4.FileText;
+              return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                "button",
+                {
+                  onClick: () => onSelectAction == null ? void 0 : onSelectAction(option.id, analyzedData.url, analyzedData.content),
+                  className: "flex items-center gap-2 px-4 py-2 border border-gray-200 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:border-gray-300 transition-colors",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: "flex gap-3 pt-4 mt-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                "button",
+                {
+                  onClick: () => handleEdit(parsed.blocks, parsed.metaKeywords, msg.id),
+                  className: "flex items-center gap-2 px-4 py-2 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Edit3, { size: 16 }),
+                    "Edit"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                "button",
+                {
+                  onClick: () => handlePost(msg.content, parsed.metaKeywords),
+                  className: "flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-white hover:bg-emerald-700 transition-colors",
+                  style: { backgroundColor: primaryColor, color: "#fff" },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Send, { size: 16 }),
+                    "Post"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }, msg.id);
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: bottomRef })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "shrink-0 bg-white px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "max-w-3xl mx-auto relative flex gap-2 items-end", children: [
+      !showNewsPanel && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: dropdownRef, className: "absolute left-3 top-1/2 -translate-y-1/2 z-10", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "button",
+          {
+            onClick: handleOpenNewsDropdown,
+            className: "flex h-8 w-8 items-center justify-center rounded-full bg-gradient-to-r from-purple-500 to-pink-500 text-white hover:from-purple-600 hover:to-pink-600 transition-all animate-pulse hover:animate-none",
+            title: "Select from trending news",
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Zap, { size: 16 })
+          }
+        ),
+        showNewsDropdown && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "absolute bottom-full left-0 mb-2 w-[600px] bg-white border border-gray-200 rounded-lg shadow-xl max-h-[600px] overflow-hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-gray-100", style: { backgroundColor: primaryColor, color: "#fff" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm font-medium text-white", children: "Select News" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "button",
+              {
+                onClick: () => setShowNewsDropdown(false),
+                className: "p-1 hover:bg-gray-200 rounded transition",
+                style: { backgroundColor: primaryColor, color: "#fff" },
+                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.X, { size: 14, className: "text-white" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "px-3 py-2 border-b border-gray-100 flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 min-w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              import_react_select.default,
+              {
+                options: [
+                  { value: null, label: "All Sources (Trending)" },
+                  ...sources.filter((source) => !preferredLanguage || source.language === preferredLanguage).map((source) => ({
+                    value: source.id,
+                    label: source.name
+                  }))
+                ],
+                value: selectedSource ? { value: selectedSource, label: ((_b = sources.find((s) => s.id === selectedSource)) == null ? void 0 : _b.name) || selectedSource } : { value: null, label: "All Sources (Trending)" },
+                onChange: handleSourceSelect,
+                isLoading: loadingSources,
+                isDisabled: loadingSources,
+                placeholder: "Select source...",
+                classNamePrefix: "react-select",
+                menuPlacement: "bottom",
+                menuPosition: "fixed",
+                menuShouldScrollIntoView: false,
+                maxMenuHeight: 220,
+                menuPortalTarget: typeof window !== "undefined" ? document.body : null,
+                styles: {
+                  container: (base) => __spreadProps(__spreadValues({}, base), {
+                    width: "100%"
+                  }),
+                  control: (base) => __spreadProps(__spreadValues({}, base), {
+                    minHeight: "38px",
+                    borderColor: "#e5e7eb",
+                    boxShadow: "none",
+                    width: "100%"
+                  }),
+                  menu: (base) => __spreadProps(__spreadValues({}, base), {
+                    width: "100%",
+                    zIndex: 999999
+                  }),
+                  menuPortal: (base) => __spreadProps(__spreadValues({}, base), {
+                    zIndex: 999999
+                  }),
+                  option: (base, state) => __spreadProps(__spreadValues({}, base), {
+                    backgroundColor: state.isSelected ? primaryColor : state.isFocused ? "#f3f4f6" : "white",
+                    color: state.isSelected ? "white" : "#374151",
+                    cursor: "pointer"
+                  })
+                }
+              }
+            ) }),
+            selectedSource && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              "button",
+              {
+                onClick: handleScrape,
+                disabled: scraping,
+                className: "flex items-center gap-1.5 px-3 py-2 bg-emerald-600 text-white rounded-lg text-sm font-medium hover:bg-emerald-700 transition disabled:opacity-50",
+                title: "Fetch latest news",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.RefreshCcw, { size: 14, className: scraping ? "animate-spin" : "" }),
+                  scraping ? "Scraping..." : "Scrape"
+                ]
+              }
+            ),
+            !selectedSource && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              "button",
+              {
+                onClick: () => fetchNews(null),
+                disabled: loadingNews,
+                className: "flex items-center gap-1 px-3 py-2 text-sm text-gray-600 hover:text-gray-900 border border-gray-200 rounded-lg transition",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.RefreshCcw, { size: 14, className: loadingNews ? "animate-spin" : "" }),
+                  "Refresh"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "overflow-y-auto max-h-[320px]", children: loadingNews ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "p-4 text-center text-sm text-gray-500", children: "Loading news..." }) : trendingNews.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "p-4 text-center text-sm text-gray-500", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "No news found." }),
+            selectedSource && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-xs", children: 'Click "Scrape" to fetch latest news.' })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            NewsList,
+            {
+              news: trendingNews.slice(0, 10),
+              onView: (item) => window.open(item.sourceUrl || item.link, "_blank"),
+              onRecreate: (payload) => {
+                setShowNewsDropdown(false);
+                onSelectNews == null ? void 0 : onSelectNews(payload);
+              }
+            }
+          ) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "textarea",
+        {
+          ref: textareaRef,
+          value: input,
+          onChange: (e) => setInput(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && !e.shiftKey) {
+              e.preventDefault();
+              handleSend();
+            }
+          },
+          rows: 1,
+          placeholder: "Ask AI something\u2026",
+          className: `flex-1 resize-none overflow-hidden border border-gray-300 ${!showNewsPanel ? "!pl-14" : "!pl-5"} !pr-[50px] input_box_textarea`,
+          style: { maxHeight: "200px", overflowY: input.split("\n").length > 6 ? "auto" : "hidden" }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          onClick: handleSend,
+          className: "flex h-10 w-10 absolute right-[10px] top-[5px] items-center justify-center rounded-full bg-emerald-600 text-white",
+          style: { backgroundColor: primaryColor, color: "#fff" },
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.SendHorizontal, { size: 18 })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      EditModal,
+      {
+        isOpen: editModal.isOpen,
+        initialContent: editModal.content,
+        metaKeywords: editModal.metaKeywords,
+        onClose: handleCloseModal,
+        onSaveDraft: handleSaveDraft,
+        onPost: handlePost
+      }
+    )
+  ] });
+}
+
+// components/chatbot/UserMenu.tsx
+var import_react7 = require("react");
+var import_lucide_react5 = require("lucide-react");
+var import_react_hot_toast = __toESM(require("react-hot-toast"));
+
+// services/auth.service.ts
+var logoutUser = async () => {
+  const { data } = await api_default.post("/auth/logout");
+  return data;
+};
+
+// components/chatbot/UserMenu.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function UserMenu({
+  onNavigate,
+  onLogout
+}) {
+  const [open, setOpen] = (0, import_react7.useState)(false);
+  const ref = (0, import_react7.useRef)(null);
+  (0, import_react7.useEffect)(() => {
+    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();
+      import_react_hot_toast.default.success("Logged out successfully");
+      onNavigate == null ? void 0 : onNavigate("/login");
+    } catch (err) {
+      import_react_hot_toast.default.error(err || "Logout failed");
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ref, className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "button",
+      {
+        onClick: () => setOpen((v) => !v),
+        className: "p-2 rounded-full hover:bg-gray-100 transition",
+        "aria-label": "Settings",
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Settings, { size: 20, className: "text-gray-600" })
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "absolute right-0 top-full mb-2 w-52 bg-white border border-gray-200 rounded-lg shadow-lg z-50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MenuItem, { icon: import_lucide_react5.User, label: "Account", onClick: () => go("/dashboard/account") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MenuItem, { icon: import_lucide_react5.Settings, label: "Preferences", onClick: () => go("/dashboard/preferences") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MenuItem, { icon: import_lucide_react5.Palette, label: "Appearance", onClick: () => go("/dashboard/appearance") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MenuItem, { icon: import_lucide_react5.HelpCircle, label: "Settings", onClick: () => go("/dashboard/settings") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MenuItem, { icon: import_lucide_react5.HelpCircle, label: "Help & Support", onClick: () => go("/dashboard/help") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "border-t border-gray-300 my-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        MenuItem,
+        {
+          icon: import_lucide_react5.LogOut,
+          label: "Logout",
+          danger: true,
+          onClick: logout
+        }
+      )
+    ] })
+  ] });
+}
+function MenuItem({
+  icon: Icon,
+  label,
+  onClick,
+  danger = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "button",
+    {
+      onClick,
+      className: `w-full flex items-center gap-2 px-4 py-2 text-sm transition ${danger ? "text-red-600 hover:bg-red-50" : "text-gray-700 hover:bg-gray-100"}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { size: 16 }),
+        label
+      ]
+    }
+  );
+}
+
+// components/chatbot/headerBar.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function HeaderBar({
+  onNavigate,
+  onLogout
+}) {
+  const { primaryColor, botName, logoUrl } = useTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("header", { className: "sticky top-0 z-40 bg-white border-b border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mx-auto flex h-14 items-center justify-between px-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-3 cursor-pointer", onClick: () => onNavigate == null ? void 0 : onNavigate("/"), children: [
+      logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: logoUrl, alt: "Logo", className: "h-8 w-8 rounded-md object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "div",
+        {
+          className: "h-8 w-8 rounded-md text-white flex items-center justify-center font-bold text-sm",
+          style: { backgroundColor: primaryColor },
+          children: botName.charAt(0).toUpperCase()
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-semibold text-gray-900 text-base", children: botName.toUpperCase() })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(UserMenu, { onNavigate, onLogout }) })
+  ] }) });
+}
+
+// components/news/TrendingNews.tsx
+var import_react8 = require("react");
+var import_react_hot_toast2 = __toESM(require("react-hot-toast"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function TrendingNews({
+  onRecreate,
+  selectedSource,
+  refreshKey,
+  news: externalNews,
+  isLoading: externalLoading
+}) {
+  const [news, setNews] = (0, import_react8.useState)([]);
+  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const displayNews = externalNews !== void 0 ? externalNews : news;
+  const isLoading = externalLoading !== void 0 ? externalLoading : loading;
+  const fetchNews = (0, import_react8.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) {
+      import_react_hot_toast2.default.error("Failed to load news");
+    } finally {
+      setLoading(false);
+    }
+  }, [selectedSource, externalNews]);
+  (0, import_react8.useEffect)(() => {
+    fetchNews();
+  }, [fetchNews, refreshKey]);
+  function handleView(item) {
+    window.open(item.sourceUrl || item.link, "_blank");
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "p-4 text-sm text-gray-500", children: "Loading news..." });
+  }
+  if (!displayNews || displayNews.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "p-4 text-sm text-gray-500 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: "No news found for this source." }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-xs", children: 'Click "Scrape" to fetch latest news.' })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    NewsList,
+    {
+      news: displayNews,
+      onView: handleView,
+      onRecreate
+    }
+  );
+}
+
+// components/news/SourceSelector.tsx
+var import_react9 = require("react");
+var import_lucide_react6 = require("lucide-react");
+var import_react_select2 = __toESM(require("react-select"));
+var import_react_hot_toast3 = __toESM(require("react-hot-toast"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var ALL_SOURCES_VALUE = "__all__";
+function SourceSelector({
+  selectedSource,
+  onSourceChange,
+  onScrapeComplete,
+  onNewsLoaded,
+  onLoadingChange
+}) {
+  const [sources, setSources] = (0, import_react9.useState)([]);
+  const [loading, setLoading] = (0, import_react9.useState)(true);
+  const [scraping, setScraping] = (0, import_react9.useState)(false);
+  const [fetchingNews, setFetchingNews] = (0, import_react9.useState)(true);
+  const { primaryColor } = useTheme();
+  (0, import_react9.useEffect)(() => {
+    onLoadingChange == null ? void 0 : onLoadingChange(fetchingNews);
+  }, [fetchingNews, onLoadingChange]);
+  (0, import_react9.useEffect)(() => {
+    const fetchSources = async () => {
+      try {
+        const data = await getNewsSources();
+        setSources(data || []);
+      } catch (e) {
+        import_react_hot_toast3.default.error("Failed to load news sources");
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchSources();
+  }, []);
+  const fetchNews = (0, import_react9.useCallback)(async (sourceId) => {
+    setFetchingNews(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);
+    } finally {
+      setFetchingNews(false);
+    }
+  }, []);
+  (0, import_react9.useEffect)(() => {
+    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) {
+      import_react_hot_toast3.default.error("Please select a source first");
+      return;
+    }
+    setScraping(true);
+    try {
+      await scrapeNewsSource(selectedSource);
+      import_react_hot_toast3.default.success("News scraped successfully!");
+      onScrapeComplete == null ? void 0 : onScrapeComplete();
+      const news = await getNewsBySource(selectedSource);
+      onNewsLoaded == null ? void 0 : onNewsLoaded(news || []);
+    } catch (err) {
+      import_react_hot_toast3.default.error(err || "Failed to scrape news");
+    } finally {
+      setScraping(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__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "px-3 py-2 border-b border-gray-100 flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex-1 min-w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_react_select2.default,
+      {
+        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"
+          })
+        }
+      }
+    ) }),
+    selectedSource && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      "button",
+      {
+        onClick: handleScrape,
+        disabled: scraping,
+        className: "flex items-center gap-1.5 px-3 py-2 bg-emerald-600 text-white rounded-lg text-sm font-medium hover:bg-emerald-700 transition disabled:opacity-50",
+        title: "Fetch latest news",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.RefreshCcw, { size: 14, className: scraping ? "animate-spin" : "" }),
+          scraping ? "Scraping..." : "Scrape"
+        ]
+      }
+    ),
+    !selectedSource && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      "button",
+      {
+        onClick: () => fetchNews(null),
+        disabled: fetchingNews,
+        className: "flex items-center gap-1 px-3 py-2 text-sm text-gray-600 hover:text-gray-900 border border-gray-200 rounded-lg transition",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.RefreshCcw, { size: 14, className: fetchingNews ? "animate-spin" : "" }),
+          "Refresh"
+        ]
+      }
+    )
+  ] });
+}
+
+// services/chat.service.ts
+var analyzeInputApi = async (input) => {
+  const { data } = await api_default.post("/chat/analyze-input", { input });
+  return data.data;
+};
+var createContentApi = async (payload) => {
+  const { data } = await api_default.post("/chat/create-content", payload);
+  return data.data;
+};
+var createContentStreamApi = async ({
+  url,
+  content,
+  actionId,
+  settings,
+  onChunk,
+  onComplete,
+  onError
+}) => {
+  var _a;
+  const API_BASE_URL = getApiBaseUrl();
+  const apiKey = process.env.NEXT_PUBLIC_API_KEY;
+  const headers = {
+    "Content-Type": "application/json"
+  };
+  if (apiKey) {
+    headers["x-api-key"] = apiKey;
+  }
+  const response = await fetch(`${API_BASE_URL}/chat/create-content/stream`, {
+    method: "POST",
+    headers,
+    credentials: "include",
+    body: JSON.stringify({ url, content, actionId, settings })
+  });
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new Error(`HTTP error! status: ${response.status} - ${errorText}`);
+  }
+  const reader = (_a = response.body) == null ? void 0 : _a.getReader();
+  const decoder = new TextDecoder();
+  if (!reader) {
+    throw new Error("No reader available");
+  }
+  let buffer = "";
+  let hasReceivedData = false;
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) {
+      if (hasReceivedData) onComplete == null ? void 0 : onComplete();
+      break;
+    }
+    const chunk = decoder.decode(value, { stream: true });
+    buffer += chunk;
+    const lines = buffer.split("\n");
+    buffer = lines.pop() || "";
+    for (const line of lines) {
+      const trimmedLine = line.trim();
+      if (trimmedLine === "") continue;
+      hasReceivedData = true;
+      if (trimmedLine.startsWith("data: ")) {
+        const data = trimmedLine.slice(6).trim();
+        if (data === "[DONE]") {
+          onComplete == null ? void 0 : onComplete();
+          return;
+        }
+        try {
+          const parsed = JSON.parse(data);
+          if (parsed.content) onChunk(parsed.content);
+          else if (parsed.delta) onChunk(parsed.delta);
+          else if (parsed.text) onChunk(parsed.text);
+          else if (parsed.chunk) onChunk(parsed.chunk);
+          else if (typeof parsed === "string") onChunk(parsed);
+        } catch (e) {
+          if (data) onChunk(data);
+        }
+      } else if (trimmedLine) {
+        onChunk(trimmedLine + "\n");
+      }
+    }
+  }
+  if (!hasReceivedData) {
+    throw new Error("No data received from stream");
+  }
+};
+var rewriteNewsStreamApi = async ({
+  article,
+  language = "English",
+  articleId,
+  tone,
+  style,
+  wordCount,
+  includeQuotes,
+  includeFAQ,
+  targetAudience,
+  onChunk,
+  onComplete,
+  onError
+}) => {
+  var _a;
+  const payload = {
+    article,
+    language
+  };
+  if (articleId) {
+    payload.articleId = articleId;
+  }
+  if (tone) payload.tone = tone;
+  if (style) payload.style = style;
+  if (wordCount) payload.wordCount = wordCount;
+  if (includeQuotes !== void 0) payload.includeQuotes = includeQuotes;
+  if (includeFAQ !== void 0) payload.includeFAQ = includeFAQ;
+  if (targetAudience) payload.targetAudience = targetAudience;
+  try {
+    const API_BASE_URL = getApiBaseUrl();
+    const apiKey = process.env.NEXT_PUBLIC_API_KEY;
+    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`, {
+      method: "POST",
+      headers,
+      credentials: "include",
+      // Include cookies for authentication
+      body: JSON.stringify(payload)
+    });
+    console.log("\u{1F4E1} Response status:", response.status);
+    console.log("\u{1F4E1} Response headers:", Object.fromEntries(response.headers.entries()));
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error("\u274C API Error:", response.status, errorText);
+      throw new Error(`HTTP error! status: ${response.status} - ${errorText}`);
+    }
+    const reader = (_a = response.body) == null ? void 0 : _a.getReader();
+    const decoder = new TextDecoder();
+    if (!reader) {
+      throw new Error("No reader available");
+    }
+    let buffer = "";
+    let hasReceivedData = false;
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) {
+        if (hasReceivedData) {
+          onComplete == null ? void 0 : onComplete();
+        }
+        break;
+      }
+      const chunk = decoder.decode(value, { stream: true });
+      buffer += chunk;
+      const lines = buffer.split("\n");
+      buffer = lines.pop() || "";
+      for (const line of lines) {
+        const trimmedLine = line.trim();
+        if (trimmedLine === "") continue;
+        hasReceivedData = true;
+        console.log("\u{1F4E8} Received line:", trimmedLine.substring(0, 100) + (trimmedLine.length > 100 ? "..." : ""));
+        if (trimmedLine.startsWith("data: ")) {
+          const data = trimmedLine.slice(6).trim();
+          if (data === "[DONE]") {
+            console.log("\u2705 Stream completed with [DONE] signal");
+            onComplete == null ? void 0 : onComplete();
+            return;
+          }
+          try {
+            const parsed = JSON.parse(data);
+            console.log("\u{1F4CB} Parsed JSON:", parsed);
+            if (parsed.content) {
+              onChunk(parsed.content);
+            } else if (parsed.delta) {
+              onChunk(parsed.delta);
+            } else if (parsed.text) {
+              onChunk(parsed.text);
+            } else if (parsed.chunk) {
+              onChunk(parsed.chunk);
+            } else if (typeof parsed === "string") {
+              onChunk(parsed);
+            } else {
+              console.warn("\u26A0\uFE0F Unknown JSON format:", parsed);
+            }
+          } catch (e) {
+            console.log("\u{1F4DD} Non-JSON data, treating as plain text");
+            if (data) {
+              onChunk(data);
+            }
+          }
+        } else {
+          console.log("\u{1F4C4} Plain text chunk");
+          if (trimmedLine) {
+            onChunk(trimmedLine + "\n");
+          }
+        }
+      }
+    }
+    if (!hasReceivedData) {
+      console.error("\u274C No data received from stream");
+      throw new Error("No data received from stream");
+    }
+    console.log("\u2705 Stream completed successfully");
+  } catch (error) {
+    console.error("\u274C Streaming error:", error);
+    console.error("Error details:", {
+      message: error.message,
+      name: error.name,
+      stack: error.stack
+    });
+    onError == null ? void 0 : onError(error);
+    throw error;
+  }
+};
+var rewriteNewsApi = async ({
+  article,
+  language = "English",
+  articleId,
+  tone,
+  style,
+  wordCount,
+  includeQuotes,
+  includeFAQ,
+  targetAudience
+}) => {
+  const payload = {
+    article,
+    language
+  };
+  if (articleId) {
+    payload.articleId = articleId;
+  }
+  if (tone) payload.tone = tone;
+  if (style) payload.style = style;
+  if (wordCount) payload.wordCount = wordCount;
+  if (includeQuotes !== void 0) payload.includeQuotes = includeQuotes;
+  if (includeFAQ !== void 0) payload.includeFAQ = includeFAQ;
+  if (targetAudience) payload.targetAudience = targetAudience;
+  const { data } = await api_default.post("/chat/rewrite", payload);
+  return data.data;
+};
+
+// components/chatbot/ChatBot.tsx
+var import_react_hot_toast4 = __toESM(require("react-hot-toast"));
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function ChatBot({
+  onNavigate,
+  onLogout
+} = {}) {
+  const { loading, showNewsPanel } = useTheme();
+  const { preferences } = usePreferences();
+  const [selectedSource, setSelectedSource] = (0, import_react10.useState)(null);
+  const [news, setNews] = (0, import_react10.useState)([]);
+  const [newsLoading, setNewsLoading] = (0, import_react10.useState)(true);
+  const [selectedArticle, setSelectedArticle] = (0, import_react10.useState)(null);
+  const [messages, setMessages] = (0, import_react10.useState)([]);
+  const [showChatMobile, setShowChatMobile] = (0, import_react10.useState)(false);
+  const [isStreaming, setIsStreaming] = (0, import_react10.useState)(false);
+  const [analyzedData, setAnalyzedData] = (0, import_react10.useState)(null);
+  const handleNewsLoaded = (0, import_react10.useCallback)((loadedNews) => {
+    setNews(loadedNews);
+  }, []);
+  const handleLoadingChange = (0, import_react10.useCallback)((isLoading) => {
+    setNewsLoading(isLoading);
+  }, []);
+  const handleRecreate = async ({ title, content, id }) => {
+    var _a;
+    setShowChatMobile(true);
+    const assistantId = crypto.randomUUID();
+    setMessages((prev) => [
+      ...prev,
+      {
+        id: crypto.randomUUID(),
+        role: "user",
+        content: `Recreate this news:
+${title}`
+      },
+      {
+        id: assistantId,
+        role: "assistant",
+        content: "\u23F3 Creating article..."
+      }
+    ]);
+    try {
+      let accumulatedContent = "";
+      let hasStartedStreaming = false;
+      const contentPrefs = preferences == null ? void 0 : preferences.content;
+      const lang = ((_a = preferences == null ? void 0 : preferences.localization) == null ? void 0 : _a.language) === "hi" ? "Hindi" : "English";
+      try {
+        await rewriteNewsStreamApi({
+          article: content,
+          language: lang,
+          articleId: id,
+          tone: contentPrefs == null ? void 0 : contentPrefs.tone,
+          style: contentPrefs == null ? void 0 : contentPrefs.style,
+          wordCount: contentPrefs == null ? void 0 : contentPrefs.wordCount,
+          includeQuotes: contentPrefs == null ? void 0 : contentPrefs.includeQuotes,
+          includeFAQ: contentPrefs == null ? void 0 : contentPrefs.includeFAQ,
+          targetAudience: contentPrefs == null ? void 0 : contentPrefs.targetAudience,
+          onChunk: (chunk) => {
+            hasStartedStreaming = true;
+            accumulatedContent += chunk;
+            setMessages(
+              (prev) => prev.map(
+                (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: accumulatedContent }) : m
+              )
+            );
+          },
+          onComplete: () => {
+            console.log("Streaming completed successfully");
+            import_react_hot_toast4.default.success("Article created successfully!");
+          },
+          onError: async (error) => {
+            console.error("Streaming error:", error);
+            if (!hasStartedStreaming) {
+              console.log("Falling back to regular API...");
+              throw error;
+            } else {
+              import_react_hot_toast4.default.error("Failed to complete article generation");
+              setMessages(
+                (prev) => prev.map(
+                  (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: accumulatedContent || "\u274C Failed to create article. Please try again." }) : m
+                )
+              );
+            }
+          }
+        });
+      } catch (streamError) {
+        console.log("Streaming failed, using regular API...", streamError);
+        setMessages(
+          (prev) => prev.map(
+            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "\u23F3 Generating with regular API..." }) : m
+          )
+        );
+        const result = await rewriteNewsApi({
+          article: content,
+          language: lang,
+          articleId: id,
+          tone: contentPrefs == null ? void 0 : contentPrefs.tone,
+          style: contentPrefs == null ? void 0 : contentPrefs.style,
+          wordCount: contentPrefs == null ? void 0 : contentPrefs.wordCount,
+          includeQuotes: contentPrefs == null ? void 0 : contentPrefs.includeQuotes,
+          includeFAQ: contentPrefs == null ? void 0 : contentPrefs.includeFAQ,
+          targetAudience: contentPrefs == null ? void 0 : contentPrefs.targetAudience
+        });
+        setMessages(
+          (prev) => prev.map(
+            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: result.article || result }) : m
+          )
+        );
+        import_react_hot_toast4.default.success("Article created successfully!");
+      }
+    } catch (err) {
+      console.error("Complete Error:", err);
+      import_react_hot_toast4.default.error((err == null ? void 0 : err.message) || "An error occurred while creating the article");
+      setMessages(
+        (prev) => prev.map(
+          (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "\u274C Failed to create article. Please try again." }) : m
+        )
+      );
+    }
+  };
+  const handleSendMessage = async (text) => {
+    var _a, _b;
+    const userMsgId = crypto.randomUUID();
+    const assistantId = crypto.randomUUID();
+    setMessages((prev) => [
+      ...prev,
+      { id: userMsgId, role: "user", content: text }
+    ]);
+    const urlRegex = /https?:\/\/[^\s]+/;
+    const hasUrl = urlRegex.test(text);
+    if (hasUrl) {
+      setMessages((prev) => [
+        ...prev,
+        { id: assistantId, role: "assistant", content: "\u{1F50D} Analyzing your link..." }
+      ]);
+      try {
+        const result = await analyzeInputApi(text);
+        if (result.hasUrl && ((_a = result.options) == null ? void 0 : _a.length) > 0) {
+          setAnalyzedData({
+            url: result.url || "",
+            content: result.content || "",
+            options: result.options,
+            messageId: assistantId
+          });
+          const optionsList = result.options.map((opt) => `\u2022 **${opt.name}**${opt.description ? ` \u2013 ${opt.description}` : ""}`).join("\n");
+          setMessages(
+            (prev) => prev.map(
+              (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), {
+                content: `I found an article (${result.wordCount || 0} words). What would you like to do?
+
+${optionsList}`
+              }) : m
+            )
+          );
+        } else {
+          setMessages(
+            (prev) => prev.map(
+              (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "Could not extract content from that URL. Please try a different link." }) : m
+            )
+          );
+        }
+      } catch (err) {
+        console.error("Analyze input error:", err);
+        import_react_hot_toast4.default.error("Failed to analyze the link");
+        setMessages(
+          (prev) => prev.map(
+            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "\u274C Failed to analyze the link. Please try again." }) : m
+          )
+        );
+      }
+    } else {
+      setMessages((prev) => [
+        ...prev,
+        { id: assistantId, role: "assistant", content: "\u23F3 Generating content..." }
+      ]);
+      setIsStreaming(true);
+      try {
+        const contentPrefs = preferences == null ? void 0 : preferences.content;
+        const lang = ((_b = preferences == null ? void 0 : preferences.localization) == null ? void 0 : _b.language) === "hi" ? "Hindi" : "English";
+        let accumulatedContent = "";
+        await rewriteNewsStreamApi({
+          article: text,
+          language: lang,
+          tone: contentPrefs == null ? void 0 : contentPrefs.tone,
+          style: contentPrefs == null ? void 0 : contentPrefs.style,
+          wordCount: contentPrefs == null ? void 0 : contentPrefs.wordCount,
+          includeQuotes: contentPrefs == null ? void 0 : contentPrefs.includeQuotes,
+          includeFAQ: contentPrefs == null ? void 0 : contentPrefs.includeFAQ,
+          targetAudience: contentPrefs == null ? void 0 : contentPrefs.targetAudience,
+          onChunk: (chunk) => {
+            accumulatedContent += chunk;
+            setMessages(
+              (prev) => prev.map(
+                (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: accumulatedContent }) : m
+              )
+            );
+          },
+          onComplete: () => {
+            setIsStreaming(false);
+            import_react_hot_toast4.default.success("Content generated!");
+          },
+          onError: (error) => {
+            console.error("Stream error:", error);
+            setIsStreaming(false);
+            import_react_hot_toast4.default.error("Failed to generate content");
+          }
+        });
+      } catch (err) {
+        console.error("Send message error:", err);
+        setIsStreaming(false);
+        setMessages(
+          (prev) => prev.map(
+            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "\u274C Failed to generate content. Please try again." }) : m
+          )
+        );
+      }
+    }
+  };
+  const handleSelectAction = async (actionId, url, content) => {
+    var _a;
+    const assistantId = crypto.randomUUID();
+    setAnalyzedData(null);
+    const actionName = ((_a = analyzedData == null ? void 0 : analyzedData.options.find((o) => o.id === actionId)) == null ? void 0 : _a.name) || actionId;
+    setMessages((prev) => [
+      ...prev,
+      { id: crypto.randomUUID(), role: "user", content: `Action: ${actionName}` },
+      { id: assistantId, role: "assistant", content: "\u23F3 Creating content..." }
+    ]);
+    setIsStreaming(true);
+    try {
+      const contentPrefs = preferences == null ? void 0 : preferences.content;
+      let accumulatedContent = "";
+      try {
+        await createContentStreamApi({
+          url,
+          content,
+          actionId,
+          settings: {
+            tone: contentPrefs == null ? void 0 : contentPrefs.tone,
+            style: contentPrefs == null ? void 0 : contentPrefs.style,
+            wordCount: contentPrefs == null ? void 0 : contentPrefs.wordCount
+          },
+          onChunk: (chunk) => {
+            accumulatedContent += chunk;
+            setMessages(
+              (prev) => prev.map(
+                (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: accumulatedContent }) : m
+              )
+            );
+          },
+          onComplete: () => {
+            setIsStreaming(false);
+            import_react_hot_toast4.default.success("Content created!");
+          },
+          onError: (error) => {
+            console.error("Stream error:", error);
+            setIsStreaming(false);
+            import_react_hot_toast4.default.error("Failed to create content");
+          }
+        });
+      } catch (e) {
+        const result = await createContentApi({ url, content, actionId, settings: {
+          tone: contentPrefs == null ? void 0 : contentPrefs.tone,
+          style: contentPrefs == null ? void 0 : contentPrefs.style,
+          wordCount: contentPrefs == null ? void 0 : contentPrefs.wordCount
+        } });
+        setMessages(
+          (prev) => prev.map(
+            (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: result.article || result.content || JSON.stringify(result) }) : m
+          )
+        );
+        setIsStreaming(false);
+        import_react_hot_toast4.default.success("Content created!");
+      }
+    } catch (err) {
+      console.error("Create content error:", err);
+      setIsStreaming(false);
+      setMessages(
+        (prev) => prev.map(
+          (m) => m.id === assistantId ? __spreadProps(__spreadValues({}, m), { content: "\u274C Failed to create content. Please try again." }) : m
+        )
+      );
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "w-full h-screen flex items-center justify-center bg-white", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react7.Loader2, { className: "h-8 w-8 animate-spin text-gray-400" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm text-gray-500", children: "Loading..." })
+    ] }) });
+  }
+  return (
+    // ✅ FULL SCREEN
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "w-full h-screen flex flex-col bg-white", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(HeaderBar, { onNavigate, onLogout }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `flex-1 min-h-0 md:grid ${showNewsPanel ? "md:grid-cols-12" : ""}`, children: [
+        showNewsPanel && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("aside", { className: "relative col-span-4 bg-gray-50/60 border-r border-gray-300 h-[90vh] overflow-y-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            SourceSelector,
+            {
+              selectedSource,
+              onSourceChange: (value) => {
+                console.log("Selected source:", value);
+                setSelectedSource(value);
+              },
+              onNewsLoaded: handleNewsLoaded,
+              onLoadingChange: handleLoadingChange
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            TrendingNews,
+            {
+              onRecreate: handleRecreate,
+              news,
+              isLoading: newsLoading
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          "section",
+          {
+            className: `
+            ${showNewsPanel ? "md:col-span-8" : "w-full"} bg-white flex flex-col h-full relative
+            ${showChatMobile ? "block" : "hidden md:block"}
+          `,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "md:hidden border-b border-gray-300 p-3", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                "button",
+                {
+                  onClick: () => setShowChatMobile(false),
+                  className: "text-sm text-gray-600",
+                  children: "\u2190 Back to news"
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                ChatWindow,
+                {
+                  messages,
+                  onSend: handleSendMessage,
+                  onSelectNews: handleRecreate,
+                  isStreaming,
+                  analyzedData,
+                  onSelectAction: handleSelectAction
+                }
+              ) }),
+              !messages.length && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center text-center text-gray-400 text-sm px-4", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "font-medium", children: "AI News Assistant" }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "mt-1", children: "Select a news article or type a message to begin" })
+              ] }) })
+            ]
+          }
+        )
+      ] }),
+      selectedArticle && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        ArticleModal,
+        {
+          article: selectedArticle,
+          onClose: () => setSelectedArticle(null),
+          onRecreate: handleRecreate
+        }
+      )
+    ] })
+  );
+}
+
+// src/index.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function ContenifyChatBot({ onNavigate, onLogout }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PreferencesProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChatBot, { onNavigate, onLogout }) });
+}
+var index_default = ContenifyChatBot;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContenifyChatBot
+});
+//# sourceMappingURL=index.js.map