dp-widgets-framework 1.7.0 → 1.7.1

package/dist/index.esm.js

@@ -7,7 +7,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import { cva } from 'class-variance-authority';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { ChevronDown, ChevronUp, Check, AlertCircle, MoveUp, MoveDown, Trash2, Plus, Bot, Type, Layout, LayoutGrid, BarChart as BarChart$1, Filter, Search, ArrowUp, ArrowDown, ChevronRight, RefreshCw, Send, Loader2, X, AlignVerticalSpaceAround, LineChart as LineChart$1, PieChart as PieChart$1, Table, FileText, SlidersHorizontal, GripHorizontal, Edit, MessageCircleX, ChevronLeft, Maximize2, Grid3X3, Edit2 } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, AlertCircle, MoveUp, MoveDown, Trash2, Plus, Bot, Type, Layout, LayoutGrid, BarChart as BarChart$1, Filter, Search, ArrowUp, ArrowDown, ChevronRight, RefreshCw, Loader2, Download, Send, X, AlignVerticalSpaceAround, LineChart as LineChart$1, PieChart as PieChart$1, Table, FileText, SlidersHorizontal, GripHorizontal, Edit, MessageCircleX, ChevronLeft, Maximize2, Grid3X3, Edit2 } from 'lucide-react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { Slot, createSlot, createSlottable } from '@radix-ui/react-slot';
 import { debounce as debounce$1 } from 'lodash';
@@ -17,6 +17,7 @@ import { v4 } from 'uuid';
 import * as ReactDOM from 'react-dom';
 import { TextMessage, Role } from '@copilotkit/runtime-client-gql';
 import { CopilotKit, useCopilotContext, useCoAgent, useCopilotChat } from '@copilotkit/react-core';
+import jsPDF from 'jspdf';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { format } from 'date-fns';
@@ -44409,6 +44410,175 @@ function SpacerWidget({ widget }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full", style: styles });
 }
 
+const WISENBAKER_PRIMARY = "#8f002d";
+const WISENBAKER_GRAY = "#475569";
+function parseMarkdown(text) {
+  const segments = [];
+  const regex = /\*\*(.+?)\*\*/g;
+  let lastIndex = 0;
+  let match;
+  while ((match = regex.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      segments.push({ text: text.slice(lastIndex, match.index), bold: false });
+    }
+    segments.push({ text: match[1], bold: true });
+    lastIndex = regex.lastIndex;
+  }
+  if (lastIndex < text.length) {
+    segments.push({ text: text.slice(lastIndex), bold: false });
+  }
+  return segments.length > 0 ? segments : [{ text, bold: false }];
+}
+function formatLine(line) {
+  const bulletMatch = line.match(/^(\s*)[\*\-•]\s+(.*)$/);
+  if (bulletMatch) {
+    const indent = bulletMatch[1].length;
+    return { text: bulletMatch[2], isBullet: true, indent };
+  }
+  const numberedMatch = line.match(/^(\s*)\d+\.\s+(.*)$/);
+  if (numberedMatch) {
+    const indent = numberedMatch[1].length;
+    return { text: numberedMatch[2], isBullet: true, indent };
+  }
+  return { text: line, isBullet: false, indent: 0 };
+}
+function generateExportFilename(widgetId) {
+  const date = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+  return `NSight_Chat_Export_${widgetId}_${date}.pdf`;
+}
+function exportChatToPDF(options) {
+  const { widgetId, messages, dashboardName } = options;
+  const doc = new jsPDF();
+  let yPosition = 25;
+  const pageHeight = doc.internal.pageSize.height;
+  const pageWidth = doc.internal.pageSize.width;
+  const margin = 20;
+  const contentWidth = pageWidth - margin * 2;
+  const maxWidth = contentWidth - 10;
+  const checkPageBreak = (requiredSpace = 20) => {
+    if (yPosition > pageHeight - requiredSpace) {
+      doc.addPage();
+      yPosition = 25;
+    }
+  };
+  const renderFormattedText = (text, x, maxW, baseIndent = 0) => {
+    const lines = text.split("\n");
+    lines.forEach((line) => {
+      const { text: lineText, isBullet, indent } = formatLine(line);
+      const lineIndent = x + baseIndent + indent * 2;
+      if (isBullet) {
+        checkPageBreak(10);
+        doc.setFont("helvetica", "normal");
+        doc.text("\u2022", lineIndent, yPosition);
+      }
+      const textX = isBullet ? lineIndent + 5 : lineIndent;
+      const textMaxWidth = maxW - (textX - x);
+      const segments = parseMarkdown(lineText);
+      let currentLine = "";
+      let currentX = textX;
+      segments.forEach((segment) => {
+        doc.setFont("helvetica", segment.bold ? "bold" : "normal");
+        const words = segment.text.split(" ");
+        words.forEach((word, wordIndex) => {
+          const testLine = currentLine + (currentLine ? " " : "") + word;
+          const testWidth = doc.getTextWidth(testLine);
+          if (testWidth > textMaxWidth && currentLine) {
+            checkPageBreak(10);
+            doc.text(currentLine, currentX, yPosition);
+            yPosition += 5;
+            currentLine = word;
+            currentX = isBullet ? lineIndent + 5 : x + baseIndent;
+          } else {
+            currentLine = testLine;
+          }
+        });
+      });
+      if (currentLine) {
+        checkPageBreak(10);
+        const lastSegment = segments[segments.length - 1];
+        doc.setFont("helvetica", (lastSegment == null ? void 0 : lastSegment.bold) ? "bold" : "normal");
+        doc.text(currentLine, currentX, yPosition);
+        yPosition += 5;
+      }
+    });
+  };
+  doc.setFontSize(18);
+  doc.setFont("helvetica", "bold");
+  doc.setTextColor(WISENBAKER_PRIMARY);
+  doc.text("Wisenbaker AI Analytics", margin, yPosition);
+  yPosition += 8;
+  doc.setFontSize(11);
+  doc.setFont("helvetica", "normal");
+  doc.setTextColor(WISENBAKER_GRAY);
+  doc.text("Chat Export", margin, yPosition);
+  yPosition += 12;
+  doc.setFontSize(9);
+  doc.setTextColor("#666666");
+  if (dashboardName) {
+    doc.setFont("helvetica", "bold");
+    doc.text("Dashboard:", margin, yPosition);
+    doc.setFont("helvetica", "normal");
+    doc.text(dashboardName, margin + 38, yPosition);
+    yPosition += 5;
+  }
+  doc.setFont("helvetica", "bold");
+  doc.text("Exported:", margin, yPosition);
+  doc.setFont("helvetica", "normal");
+  doc.text((/* @__PURE__ */ new Date()).toLocaleString(), margin + 38, yPosition);
+  doc.setFont("helvetica", "bold");
+  doc.text("Messages:", margin + 100, yPosition);
+  doc.setFont("helvetica", "normal");
+  doc.text(String(messages.length), margin + 130, yPosition);
+  yPosition += 12;
+  doc.setDrawColor(200, 200, 200);
+  doc.setLineWidth(0.5);
+  doc.line(margin, yPosition, pageWidth - margin, yPosition);
+  yPosition += 8;
+  messages.forEach((message, index) => {
+    checkPageBreak(30);
+    const isUser = message.role === "user";
+    const roleLabel = isUser ? "You" : "AI Assistant";
+    const timestamp = message.createdAt ? new Date(message.createdAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : "";
+    const bgColor = isUser ? [143, 0, 45] : [241, 243, 245];
+    doc.setFillColor(bgColor[0], bgColor[1], bgColor[2]);
+    doc.setFontSize(9);
+    doc.setFont("helvetica", "bold");
+    doc.setTextColor(isUser ? WISENBAKER_PRIMARY : WISENBAKER_GRAY);
+    doc.text(roleLabel, margin, yPosition);
+    if (timestamp) {
+      doc.setFont("helvetica", "normal");
+      doc.setTextColor("#888888");
+      doc.text(timestamp, margin + doc.getTextWidth(roleLabel) + 5, yPosition);
+    }
+    yPosition += 6;
+    doc.setFontSize(10);
+    doc.setTextColor("#333333");
+    doc.setFont("helvetica", "normal");
+    renderFormattedText(message.content, margin + 5, maxWidth - 5, 0);
+    yPosition += 8;
+    if (index < messages.length - 1) {
+      doc.setDrawColor(230, 230, 230);
+      doc.setLineWidth(0.3);
+      doc.line(margin + 10, yPosition - 4, pageWidth - margin - 10, yPosition - 4);
+    }
+  });
+  const totalPages = doc.getNumberOfPages();
+  for (let i = 1; i <= totalPages; i++) {
+    doc.setPage(i);
+    doc.setFontSize(8);
+    doc.setTextColor("#999999");
+    doc.setFont("helvetica", "normal");
+    doc.text(
+      `Wisenbaker AI Analytics \u2022 Page ${i} of ${totalPages}`,
+      pageWidth / 2,
+      pageHeight - 10,
+      { align: "center" }
+    );
+  }
+  const filename = generateExportFilename(widgetId);
+  doc.save(filename);
+}
+
 var __defProp$b = Object.defineProperty;
 var __defProps$9 = Object.defineProperties;
 var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
@@ -44457,7 +44627,8 @@ function CopilotKitChatbot({
   styles,
   onResetReady,
   widgetIds,
-  datasetId
+  datasetId,
+  dashboardName
 }) {
   var _a, _b, _c, _d;
   const { threadId, setThreadId } = useCopilotContext();
@@ -44474,7 +44645,24 @@ function CopilotKitChatbot({
   const { reset, visibleMessages, appendMessage, isLoading } = useCopilotChat();
   const [inputValue, setInputValue] = useState("");
   const [chatMessages, setChatMessages] = useState([]);
+  const [isExporting, setIsExporting] = useState(false);
   const messagesEndRef = React__default.useRef(null);
+  const handleExport = async () => {
+    if (chatMessages.length === 0) return;
+    setIsExporting(true);
+    try {
+      exportChatToPDF({
+        widgetId: widget.id,
+        widgetTitle: widget.title,
+        messages: chatMessages,
+        dashboardName
+      });
+    } catch (error) {
+      console.error("Export failed:", error);
+    } finally {
+      setIsExporting(false);
+    }
+  };
   const scrollToBottom = () => {
     var _a2;
     const el = messagesEndRef.current;
@@ -44549,6 +44737,25 @@ function CopilotKitChatbot({
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium", children: widget.title })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 h-full flex flex-col", children: [
+      chatMessages.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-start px-4 py-2 border-b border-gray-100", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: handleExport,
+          disabled: isExporting,
+          className: cn(
+            "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md",
+            "bg-gray-100 border border-gray-200",
+            "text-gray-700 hover:bg-gray-200 hover:border-gray-300",
+            "disabled:opacity-50 disabled:cursor-not-allowed",
+            "transition-colors duration-150"
+          ),
+          title: "Export conversation as PDF",
+          children: [
+            isExporting ? /* @__PURE__ */ jsxRuntimeExports.jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Export PDF" })
+          ]
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: chatMessages.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center text-gray-500 text-xs mt-8", children: ((_b = widget.config) == null ? void 0 : _b.copilotInitialMessage) || ((_c = widget.config) == null ? void 0 : _c.placeholder) || "How can I help you today?" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         chatMessages.map((message) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
@@ -44624,7 +44831,8 @@ function ChatbotWidget({
   widgetBackendUrl,
   onResetReady,
   widgetIds,
-  datasetId
+  datasetId,
+  dashboardName
 }) {
   var _a, _b;
   const styles = getStyleValues$4((_a = widget.config) == null ? void 0 : _a.styles);
@@ -44648,7 +44856,8 @@ function ChatbotWidget({
           styles,
           onResetReady,
           widgetIds,
-          datasetId
+          datasetId,
+          dashboardName
         }
       )
     }
@@ -47165,7 +47374,8 @@ function WidgetRenderer({
   datasetId,
   pageId,
   onApplyFilters,
-  isEditing = false
+  isEditing = false,
+  dashboardName
 }) {
   const handleConfigUpdate = (config) => {
     if (onConfigUpdate) {
@@ -47197,7 +47407,7 @@ function WidgetRenderer({
           }
         );
       case "chatbot":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(ChatbotWidget, { widget, showHeader: false, widgetBackendUrl, onResetReady, widgetIds, datasetId });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ChatbotWidget, { widget, showHeader: false, widgetBackendUrl, onResetReady, widgetIds, datasetId, dashboardName });
       case "filters":
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           FiltersWidget,
@@ -48806,7 +49016,7 @@ function WidgetDashboard({
             containerPadding: [0, 0],
             margin: [16, 16],
             children: displayWidgets.map((w) => {
-              var _a, _b;
+              var _a, _b, _c;
               const filterStatus = w.type === "agent" ? getWidgetFilterStatus(w.id) : null;
               const badgeInfo = filterStatus ? getFilterStatusBadge(filterStatus.status) : null;
               const isFocusMode = focusWidgetId && w.id === focusWidgetId;
@@ -48845,7 +49055,7 @@ function WidgetDashboard({
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: () => handleClearChat(w == null ? void 0 : w.id), onMouseOver: () => setVisibleClearButton(w == null ? void 0 : w.id), onMouseLeave: () => setVisibleClearButton(""), className: "absolute top-[12px] right-0 z-40 flex align-middle justify-center gap-2 text-sm px-4 py-2 border-primary-300 rounded-l-sm w-fit bg-primary-700 text-white cursor-pointer shadow-md transition-all", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCircleX, { className: "w-5 h-5" }) }),
                     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `absolute top-[56px] right-[16px] z-50 w-max py-1 text-xs px-2 rounded-sm text-white bg-gray-950 ${visibleClearButton === (w == null ? void 0 : w.id) ? "block" : "hidden"}`, children: "Clear Chat" })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetRenderer, { widget: w, widgetBackendUrl, onResetReady: handleResetReady, widgetIds: widgets.filter((widget) => widget.type !== "chatbot").map((widget) => widget.id), datasetId, pageId, onApplyFilters, isEditing })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetRenderer, { widget: w, widgetBackendUrl, onResetReady: handleResetReady, widgetIds: widgets.filter((widget) => widget.type !== "chatbot").map((widget) => widget.id), datasetId, pageId, onApplyFilters, isEditing, dashboardName: ((_c = pageData == null ? void 0 : pageData.basic) == null ? void 0 : _c.title) || (pageData == null ? void 0 : pageData.name) || (pageData == null ? void 0 : pageData.title) })
                 ] })
               ] }, w.id);
             })

package/dist/index.js

@@ -18,6 +18,7 @@ var uuid = require('uuid');
 var ReactDOM = require('react-dom');
 var runtimeClientGql = require('@copilotkit/runtime-client-gql');
 var reactCore = require('@copilotkit/react-core');
+var jsPDF = require('jspdf');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var dateFns = require('date-fns');
@@ -44437,6 +44438,175 @@ function SpacerWidget({ widget }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full", style: styles });
 }
 
+const WISENBAKER_PRIMARY = "#8f002d";
+const WISENBAKER_GRAY = "#475569";
+function parseMarkdown(text) {
+  const segments = [];
+  const regex = /\*\*(.+?)\*\*/g;
+  let lastIndex = 0;
+  let match;
+  while ((match = regex.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      segments.push({ text: text.slice(lastIndex, match.index), bold: false });
+    }
+    segments.push({ text: match[1], bold: true });
+    lastIndex = regex.lastIndex;
+  }
+  if (lastIndex < text.length) {
+    segments.push({ text: text.slice(lastIndex), bold: false });
+  }
+  return segments.length > 0 ? segments : [{ text, bold: false }];
+}
+function formatLine(line) {
+  const bulletMatch = line.match(/^(\s*)[\*\-•]\s+(.*)$/);
+  if (bulletMatch) {
+    const indent = bulletMatch[1].length;
+    return { text: bulletMatch[2], isBullet: true, indent };
+  }
+  const numberedMatch = line.match(/^(\s*)\d+\.\s+(.*)$/);
+  if (numberedMatch) {
+    const indent = numberedMatch[1].length;
+    return { text: numberedMatch[2], isBullet: true, indent };
+  }
+  return { text: line, isBullet: false, indent: 0 };
+}
+function generateExportFilename(widgetId) {
+  const date = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+  return `NSight_Chat_Export_${widgetId}_${date}.pdf`;
+}
+function exportChatToPDF(options) {
+  const { widgetId, messages, dashboardName } = options;
+  const doc = new jsPDF();
+  let yPosition = 25;
+  const pageHeight = doc.internal.pageSize.height;
+  const pageWidth = doc.internal.pageSize.width;
+  const margin = 20;
+  const contentWidth = pageWidth - margin * 2;
+  const maxWidth = contentWidth - 10;
+  const checkPageBreak = (requiredSpace = 20) => {
+    if (yPosition > pageHeight - requiredSpace) {
+      doc.addPage();
+      yPosition = 25;
+    }
+  };
+  const renderFormattedText = (text, x, maxW, baseIndent = 0) => {
+    const lines = text.split("\n");
+    lines.forEach((line) => {
+      const { text: lineText, isBullet, indent } = formatLine(line);
+      const lineIndent = x + baseIndent + indent * 2;
+      if (isBullet) {
+        checkPageBreak(10);
+        doc.setFont("helvetica", "normal");
+        doc.text("\u2022", lineIndent, yPosition);
+      }
+      const textX = isBullet ? lineIndent + 5 : lineIndent;
+      const textMaxWidth = maxW - (textX - x);
+      const segments = parseMarkdown(lineText);
+      let currentLine = "";
+      let currentX = textX;
+      segments.forEach((segment) => {
+        doc.setFont("helvetica", segment.bold ? "bold" : "normal");
+        const words = segment.text.split(" ");
+        words.forEach((word, wordIndex) => {
+          const testLine = currentLine + (currentLine ? " " : "") + word;
+          const testWidth = doc.getTextWidth(testLine);
+          if (testWidth > textMaxWidth && currentLine) {
+            checkPageBreak(10);
+            doc.text(currentLine, currentX, yPosition);
+            yPosition += 5;
+            currentLine = word;
+            currentX = isBullet ? lineIndent + 5 : x + baseIndent;
+          } else {
+            currentLine = testLine;
+          }
+        });
+      });
+      if (currentLine) {
+        checkPageBreak(10);
+        const lastSegment = segments[segments.length - 1];
+        doc.setFont("helvetica", (lastSegment == null ? void 0 : lastSegment.bold) ? "bold" : "normal");
+        doc.text(currentLine, currentX, yPosition);
+        yPosition += 5;
+      }
+    });
+  };
+  doc.setFontSize(18);
+  doc.setFont("helvetica", "bold");
+  doc.setTextColor(WISENBAKER_PRIMARY);
+  doc.text("Wisenbaker AI Analytics", margin, yPosition);
+  yPosition += 8;
+  doc.setFontSize(11);
+  doc.setFont("helvetica", "normal");
+  doc.setTextColor(WISENBAKER_GRAY);
+  doc.text("Chat Export", margin, yPosition);
+  yPosition += 12;
+  doc.setFontSize(9);
+  doc.setTextColor("#666666");
+  if (dashboardName) {
+    doc.setFont("helvetica", "bold");
+    doc.text("Dashboard:", margin, yPosition);
+    doc.setFont("helvetica", "normal");
+    doc.text(dashboardName, margin + 38, yPosition);
+    yPosition += 5;
+  }
+  doc.setFont("helvetica", "bold");
+  doc.text("Exported:", margin, yPosition);
+  doc.setFont("helvetica", "normal");
+  doc.text((/* @__PURE__ */ new Date()).toLocaleString(), margin + 38, yPosition);
+  doc.setFont("helvetica", "bold");
+  doc.text("Messages:", margin + 100, yPosition);
+  doc.setFont("helvetica", "normal");
+  doc.text(String(messages.length), margin + 130, yPosition);
+  yPosition += 12;
+  doc.setDrawColor(200, 200, 200);
+  doc.setLineWidth(0.5);
+  doc.line(margin, yPosition, pageWidth - margin, yPosition);
+  yPosition += 8;
+  messages.forEach((message, index) => {
+    checkPageBreak(30);
+    const isUser = message.role === "user";
+    const roleLabel = isUser ? "You" : "AI Assistant";
+    const timestamp = message.createdAt ? new Date(message.createdAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : "";
+    const bgColor = isUser ? [143, 0, 45] : [241, 243, 245];
+    doc.setFillColor(bgColor[0], bgColor[1], bgColor[2]);
+    doc.setFontSize(9);
+    doc.setFont("helvetica", "bold");
+    doc.setTextColor(isUser ? WISENBAKER_PRIMARY : WISENBAKER_GRAY);
+    doc.text(roleLabel, margin, yPosition);
+    if (timestamp) {
+      doc.setFont("helvetica", "normal");
+      doc.setTextColor("#888888");
+      doc.text(timestamp, margin + doc.getTextWidth(roleLabel) + 5, yPosition);
+    }
+    yPosition += 6;
+    doc.setFontSize(10);
+    doc.setTextColor("#333333");
+    doc.setFont("helvetica", "normal");
+    renderFormattedText(message.content, margin + 5, maxWidth - 5, 0);
+    yPosition += 8;
+    if (index < messages.length - 1) {
+      doc.setDrawColor(230, 230, 230);
+      doc.setLineWidth(0.3);
+      doc.line(margin + 10, yPosition - 4, pageWidth - margin - 10, yPosition - 4);
+    }
+  });
+  const totalPages = doc.getNumberOfPages();
+  for (let i = 1; i <= totalPages; i++) {
+    doc.setPage(i);
+    doc.setFontSize(8);
+    doc.setTextColor("#999999");
+    doc.setFont("helvetica", "normal");
+    doc.text(
+      `Wisenbaker AI Analytics \u2022 Page ${i} of ${totalPages}`,
+      pageWidth / 2,
+      pageHeight - 10,
+      { align: "center" }
+    );
+  }
+  const filename = generateExportFilename(widgetId);
+  doc.save(filename);
+}
+
 var __defProp$b = Object.defineProperty;
 var __defProps$9 = Object.defineProperties;
 var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
@@ -44485,7 +44655,8 @@ function CopilotKitChatbot({
   styles,
   onResetReady,
   widgetIds,
-  datasetId
+  datasetId,
+  dashboardName
 }) {
   var _a, _b, _c, _d;
   const { threadId, setThreadId } = reactCore.useCopilotContext();
@@ -44502,7 +44673,24 @@ function CopilotKitChatbot({
   const { reset, visibleMessages, appendMessage, isLoading } = reactCore.useCopilotChat();
   const [inputValue, setInputValue] = React.useState("");
   const [chatMessages, setChatMessages] = React.useState([]);
+  const [isExporting, setIsExporting] = React.useState(false);
   const messagesEndRef = React.useRef(null);
+  const handleExport = async () => {
+    if (chatMessages.length === 0) return;
+    setIsExporting(true);
+    try {
+      exportChatToPDF({
+        widgetId: widget.id,
+        widgetTitle: widget.title,
+        messages: chatMessages,
+        dashboardName
+      });
+    } catch (error) {
+      console.error("Export failed:", error);
+    } finally {
+      setIsExporting(false);
+    }
+  };
   const scrollToBottom = () => {
     var _a2;
     const el = messagesEndRef.current;
@@ -44577,6 +44765,25 @@ function CopilotKitChatbot({
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium", children: widget.title })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 h-full flex flex-col", children: [
+      chatMessages.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-start px-4 py-2 border-b border-gray-100", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: handleExport,
+          disabled: isExporting,
+          className: cn(
+            "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md",
+            "bg-gray-100 border border-gray-200",
+            "text-gray-700 hover:bg-gray-200 hover:border-gray-300",
+            "disabled:opacity-50 disabled:cursor-not-allowed",
+            "transition-colors duration-150"
+          ),
+          title: "Export conversation as PDF",
+          children: [
+            isExporting ? /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.Download, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Export PDF" })
+          ]
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: chatMessages.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-center text-gray-500 text-xs mt-8", children: ((_b = widget.config) == null ? void 0 : _b.copilotInitialMessage) || ((_c = widget.config) == null ? void 0 : _c.placeholder) || "How can I help you today?" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         chatMessages.map((message) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
@@ -44652,7 +44859,8 @@ function ChatbotWidget({
   widgetBackendUrl,
   onResetReady,
   widgetIds,
-  datasetId
+  datasetId,
+  dashboardName
 }) {
   var _a, _b;
   const styles = getStyleValues$4((_a = widget.config) == null ? void 0 : _a.styles);
@@ -44676,7 +44884,8 @@ function ChatbotWidget({
           styles,
           onResetReady,
           widgetIds,
-          datasetId
+          datasetId,
+          dashboardName
         }
       )
     }
@@ -47193,7 +47402,8 @@ function WidgetRenderer({
   datasetId,
   pageId,
   onApplyFilters,
-  isEditing = false
+  isEditing = false,
+  dashboardName
 }) {
   const handleConfigUpdate = (config) => {
     if (onConfigUpdate) {
@@ -47225,7 +47435,7 @@ function WidgetRenderer({
           }
         );
       case "chatbot":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(ChatbotWidget, { widget, showHeader: false, widgetBackendUrl, onResetReady, widgetIds, datasetId });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ChatbotWidget, { widget, showHeader: false, widgetBackendUrl, onResetReady, widgetIds, datasetId, dashboardName });
       case "filters":
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           FiltersWidget,
@@ -48834,7 +49044,7 @@ function WidgetDashboard({
             containerPadding: [0, 0],
             margin: [16, 16],
             children: displayWidgets.map((w) => {
-              var _a, _b;
+              var _a, _b, _c;
               const filterStatus = w.type === "agent" ? getWidgetFilterStatus(w.id) : null;
               const badgeInfo = filterStatus ? getFilterStatusBadge(filterStatus.status) : null;
               const isFocusMode = focusWidgetId && w.id === focusWidgetId;
@@ -48873,7 +49083,7 @@ function WidgetDashboard({
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: () => handleClearChat(w == null ? void 0 : w.id), onMouseOver: () => setVisibleClearButton(w == null ? void 0 : w.id), onMouseLeave: () => setVisibleClearButton(""), className: "absolute top-[12px] right-0 z-40 flex align-middle justify-center gap-2 text-sm px-4 py-2 border-primary-300 rounded-l-sm w-fit bg-primary-700 text-white cursor-pointer shadow-md transition-all", children: /* @__PURE__ */ jsxRuntimeExports.jsx(lucideReact.MessageCircleX, { className: "w-5 h-5" }) }),
                     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `absolute top-[56px] right-[16px] z-50 w-max py-1 text-xs px-2 rounded-sm text-white bg-gray-950 ${visibleClearButton === (w == null ? void 0 : w.id) ? "block" : "hidden"}`, children: "Clear Chat" })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetRenderer, { widget: w, widgetBackendUrl, onResetReady: handleResetReady, widgetIds: widgets.filter((widget) => widget.type !== "chatbot").map((widget) => widget.id), datasetId, pageId, onApplyFilters, isEditing })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetRenderer, { widget: w, widgetBackendUrl, onResetReady: handleResetReady, widgetIds: widgets.filter((widget) => widget.type !== "chatbot").map((widget) => widget.id), datasetId, pageId, onApplyFilters, isEditing, dashboardName: ((_c = pageData == null ? void 0 : pageData.basic) == null ? void 0 : _c.title) || (pageData == null ? void 0 : pageData.name) || (pageData == null ? void 0 : pageData.title) })
                 ] })
               ] }, w.id);
             })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dp-widgets-framework",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -90,6 +90,7 @@
     "express": "^4.21.2",
     "express-validator": "^7.2.1",
     "framer-motion": "^12.0.6",
+    "jspdf": "^2.5.2",
     "lodash": "^4.17.21",
     "lucide-react": "^0.474.0",
     "next": "14.0.4",