@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/pages/core-org-ai-report.mjs

@@ -0,0 +1,474 @@
+import { Badge } from "../badge.mjs";
+import { Button } from "../button.mjs";
+import { Card, CardContent, CardHeader, CardTitle } from "../card.mjs";
+import { Empty } from "../empty.mjs";
+import { ScrollArea } from "../scroll-area.mjs";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../dialog.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu.mjs";
+import { generateId, sendChatMessage } from "../services/chatService.mjs";
+import { ChartRenderer } from "../chat/core-chart-renderer.mjs";
+import { BarChart3, ChevronLeft, ChevronRight, GripVertical, LayoutGrid, MoreVertical, Plus, Send, Sparkles, ThumbsDown, ThumbsUp, Trash2 } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+//#region src/pages/core-org-ai-report.tsx
+/** AI-powered report generation with chat interface and dynamic chart widgets. */
+function OrgAIReport({ selectedOrg: _selectedOrg }) {
+	const [widgets, setWidgets] = useState([]);
+	const [chatMessages, setChatMessages] = useState([]);
+	const [inputValue, setInputValue] = useState("");
+	const [isLoading, setIsLoading] = useState(false);
+	const [isPanelCollapsed, setIsPanelCollapsed] = useState(false);
+	const [thinkingSeconds, setThinkingSeconds] = useState(0);
+	const [feedback, setFeedback] = useState({});
+	const [addedMessageIds, setAddedMessageIds] = useState(/* @__PURE__ */ new Set());
+	const [feedbackModalOpen, setFeedbackModalOpen] = useState(false);
+	const [feedbackModalMessageId, setFeedbackModalMessageId] = useState(null);
+	const [negativeFeedbackText, setNegativeFeedbackText] = useState("");
+	const chatEndRef = useRef(null);
+	const inputRef = useRef(null);
+	const thinkingTimerRef = useRef(null);
+	const handleThumbsUp = (messageId) => {
+		setFeedback((prev) => ({
+			...prev,
+			[messageId]: "up"
+		}));
+		toast.success("Thanks for the feedback!");
+	};
+	const handleThumbsDown = (messageId) => {
+		setFeedbackModalMessageId(messageId);
+		setNegativeFeedbackText("");
+		setFeedbackModalOpen(true);
+	};
+	const handleSubmitNegativeFeedback = () => {
+		if (feedbackModalMessageId) setFeedback((prev) => ({
+			...prev,
+			[feedbackModalMessageId]: "down"
+		}));
+		setFeedbackModalOpen(false);
+		setFeedbackModalMessageId(null);
+		setNegativeFeedbackText("");
+		toast.success("Thanks for the feedback!");
+	};
+	useEffect(() => {
+		chatEndRef.current?.scrollIntoView({ behavior: "smooth" });
+	}, [chatMessages]);
+	useEffect(() => {
+		return () => {
+			if (thinkingTimerRef.current) clearInterval(thinkingTimerRef.current);
+		};
+	}, []);
+	const handleSend = async (message) => {
+		if (!message.trim() || isLoading) return;
+		const userMessage = {
+			id: generateId(),
+			role: "user",
+			content: message.trim(),
+			timestamp: /* @__PURE__ */ new Date()
+		};
+		setChatMessages((prev) => [...prev, userMessage]);
+		setInputValue("");
+		setIsLoading(true);
+		setThinkingSeconds(0);
+		thinkingTimerRef.current = setInterval(() => {
+			setThinkingSeconds((prev) => prev + 1);
+		}, 1e3);
+		const loadingId = generateId();
+		setChatMessages((prev) => [...prev, {
+			id: loadingId,
+			role: "assistant",
+			content: "",
+			isLoading: true,
+			timestamp: /* @__PURE__ */ new Date()
+		}]);
+		try {
+			const startTime = Date.now();
+			const response = await sendChatMessage(message);
+			const thinkingTime = Math.round((Date.now() - startTime) / 1e3);
+			if (thinkingTimerRef.current) clearInterval(thinkingTimerRef.current);
+			setChatMessages((prev) => prev.filter((m) => m.id !== loadingId).concat({
+				id: generateId(),
+				role: "assistant",
+				content: response.message,
+				chartData: response.chart,
+				thinkingTime,
+				timestamp: /* @__PURE__ */ new Date()
+			}));
+		} catch (error) {
+			if (thinkingTimerRef.current) clearInterval(thinkingTimerRef.current);
+			setChatMessages((prev) => prev.filter((m) => m.id !== loadingId).concat({
+				id: generateId(),
+				role: "assistant",
+				content: "Sorry, I couldn't generate that. Please try again.",
+				timestamp: /* @__PURE__ */ new Date()
+			}));
+		} finally {
+			setIsLoading(false);
+			setThinkingSeconds(0);
+		}
+	};
+	const handleAddToPage = (message) => {
+		if (!message.chartData || addedMessageIds.has(message.id)) return;
+		const messageIndex = chatMessages.findIndex((m) => m.id === message.id);
+		let title = "AI Generated Chart";
+		for (let i = messageIndex - 1; i >= 0; i--) if (chatMessages[i].role === "user") {
+			const query = chatMessages[i].content.trim();
+			title = query.charAt(0).toUpperCase() + query.slice(1);
+			break;
+		}
+		const widget = {
+			id: generateId(),
+			title,
+			chartData: message.chartData,
+			addedAt: /* @__PURE__ */ new Date()
+		};
+		setWidgets((prev) => [...prev, widget]);
+		setAddedMessageIds((prev) => new Set(prev).add(message.id));
+	};
+	const handleRemoveWidget = (widgetId) => {
+		setWidgets((prev) => prev.filter((w) => w.id !== widgetId));
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" && !e.shiftKey) {
+			e.preventDefault();
+			handleSend(inputValue);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:h-[calc(100vh-8rem)] wwc:flex",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: `${isPanelCollapsed ? "wwc:w-0" : "wwc:w-[400px]"} wwc:border-r wwc:bg-background wwc:flex wwc:flex-col wwc:transition-all wwc:duration-300 wwc:overflow-hidden wwc:shrink-0`,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:h-14 wwc:border-b wwc:flex wwc:items-center wwc:justify-between wwc:px-4 wwc:shrink-0",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:gap-2",
+							children: [/* @__PURE__ */ jsx(Sparkles, {
+								className: "wwc:h-5 wwc:w-5 wwc:text-primary",
+								fill: "currentColor"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "wwc:font-semibold",
+								children: "AI Report Builder"
+							})]
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							icon: true,
+							onClick: () => setIsPanelCollapsed(true),
+							children: /* @__PURE__ */ jsx(ChevronLeft, { className: "wwc:h-4 wwc:w-4" })
+						})]
+					}),
+					/* @__PURE__ */ jsx(ScrollArea, {
+						className: "wwc:flex-1",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:p-4",
+							children: [chatMessages.length === 0 && /* @__PURE__ */ jsx("div", {
+								className: "wwc:h-full wwc:flex wwc:flex-col wwc:items-center wwc:justify-center wwc:py-12",
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "wwc:text-center wwc:space-y-3",
+									children: [
+										/* @__PURE__ */ jsx("div", {
+											className: "wwc:h-14 wwc:w-14 wwc:rounded-2xl wwc:bg-muted wwc:flex wwc:items-center wwc:justify-center wwc:mx-auto",
+											children: /* @__PURE__ */ jsx(Sparkles, { className: "wwc:h-7 wwc:w-7 wwc:text-muted-foreground" })
+										}),
+										/* @__PURE__ */ jsx("h3", {
+											className: "wwc:font-semibold wwc:text-lg",
+											children: "AI Report Builder"
+										}),
+										/* @__PURE__ */ jsx("p", {
+											className: "wwc:text-sm wwc:text-muted-foreground wwc:max-w-[260px]",
+											children: "Generate charts, insights, and reports from your project data."
+										})
+									]
+								})
+							}), chatMessages.length > 0 && /* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-4",
+								children: [chatMessages.map((message) => /* @__PURE__ */ jsx("div", {
+									className: `wwc:flex wwc:flex-col ${message.role === "user" ? "wwc:items-end" : "wwc:items-start"}`,
+									children: message.role === "user" ? /* @__PURE__ */ jsx("div", {
+										className: "wwc:max-w-[85%] wwc:bg-primary wwc:text-primary-foreground wwc:rounded-2xl wwc:rounded-br-md wwc:px-4 wwc:py-2.5",
+										children: /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-sm",
+											children: message.content
+										})
+									}) : message.isLoading ? /* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:items-center wwc:gap-2 wwc:px-1 wwc:py-2",
+										children: [/* @__PURE__ */ jsx(Sparkles, { className: "wwc:h-4 wwc:w-4 wwc:text-muted-foreground wwc:animate-pulse" }), /* @__PURE__ */ jsxs("span", {
+											className: "wwc:text-sm wwc:text-muted-foreground",
+											children: [
+												"Thinking for ",
+												thinkingSeconds,
+												"s..."
+											]
+										})]
+									}) : /* @__PURE__ */ jsxs("div", {
+										className: "wwc:w-full wwc:space-y-3",
+										children: [
+											message.thinkingTime !== void 0 && message.thinkingTime > 0 && /* @__PURE__ */ jsxs("div", {
+												className: "wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-xs wwc:text-muted-foreground",
+												children: [/* @__PURE__ */ jsx(Sparkles, { className: "wwc:h-3 wwc:w-3" }), /* @__PURE__ */ jsxs("span", { children: [
+													"Thought for ",
+													message.thinkingTime,
+													"s"
+												] })]
+											}),
+											/* @__PURE__ */ jsx("p", {
+												className: "wwc:text-sm wwc:leading-relaxed",
+												children: message.content
+											}),
+											message.chartData && /* @__PURE__ */ jsxs(Card, {
+												className: "wwc:overflow-hidden",
+												children: [/* @__PURE__ */ jsx(CardContent, {
+													className: "wwc:p-3",
+													children: /* @__PURE__ */ jsx(ChartRenderer, {
+														chartData: message.chartData,
+														height: 180
+													})
+												}), /* @__PURE__ */ jsx("div", {
+													className: "wwc:px-3 wwc:pb-3",
+													children: /* @__PURE__ */ jsxs(Button, {
+														size: "sm",
+														className: "wwc:w-full wwc:gap-2",
+														onClick: () => handleAddToPage(message),
+														disabled: addedMessageIds.has(message.id),
+														children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), addedMessageIds.has(message.id) ? "Added to Report" : "Add to Report"]
+													})
+												})]
+											}),
+											/* @__PURE__ */ jsxs("div", {
+												className: "wwc:flex wwc:items-center wwc:gap-1",
+												children: [/* @__PURE__ */ jsx("button", {
+													onClick: () => handleThumbsUp(message.id),
+													disabled: feedback[message.id] !== void 0,
+													className: `wwc:p-1.5 wwc:rounded-md wwc:transition-colors ${feedback[message.id] === "up" ? "wwc:text-foreground" : "wwc:text-muted-foreground wwc:hover:bg-muted wwc:hover:text-foreground wwc:disabled:hover:bg-transparent"}`,
+													"aria-label": "Good response",
+													children: /* @__PURE__ */ jsx(ThumbsUp, {
+														className: "wwc:h-4 wwc:w-4",
+														fill: feedback[message.id] === "up" ? "currentColor" : "none"
+													})
+												}), /* @__PURE__ */ jsx("button", {
+													onClick: () => handleThumbsDown(message.id),
+													disabled: feedback[message.id] !== void 0,
+													className: `wwc:p-1.5 wwc:rounded-md wwc:transition-colors ${feedback[message.id] === "down" ? "wwc:text-foreground" : "wwc:text-muted-foreground wwc:hover:bg-muted wwc:hover:text-foreground wwc:disabled:hover:bg-transparent"}`,
+													"aria-label": "Bad response",
+													children: /* @__PURE__ */ jsx(ThumbsDown, {
+														className: "wwc:h-4 wwc:w-4",
+														fill: feedback[message.id] === "down" ? "currentColor" : "none"
+													})
+												})]
+											})
+										]
+									})
+								}, message.id)), /* @__PURE__ */ jsx("div", { ref: chatEndRef })]
+							})]
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:p-4 wwc:border-t wwc:shrink-0 wwc:space-y-3",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:gap-2 wwc:overflow-x-auto scrollbar-hide",
+							style: {
+								scrollbarWidth: "none",
+								msOverflowStyle: "none"
+							},
+							children: [
+								/* @__PURE__ */ jsx("button", {
+									onClick: () => setInputValue("Create in-depth analysis"),
+									disabled: isLoading,
+									className: "wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0",
+									children: "Create in-depth analysis"
+								}),
+								/* @__PURE__ */ jsx("button", {
+									onClick: () => setInputValue("Show workforce trends"),
+									disabled: isLoading,
+									className: "wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0",
+									children: "Show workforce trends"
+								}),
+								/* @__PURE__ */ jsx("button", {
+									onClick: () => setInputValue("Compare project metrics"),
+									disabled: isLoading,
+									className: "wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0",
+									children: "Compare project metrics"
+								}),
+								/* @__PURE__ */ jsx("button", {
+									onClick: () => setInputValue("Safety incident report"),
+									disabled: isLoading,
+									className: "wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0",
+									children: "Safety incident report"
+								}),
+								/* @__PURE__ */ jsx("button", {
+									onClick: () => setInputValue("Cost breakdown by project"),
+									disabled: isLoading,
+									className: "wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0",
+									children: "Cost breakdown by project"
+								}),
+								/* @__PURE__ */ jsx("button", {
+									onClick: () => setInputValue("Overtime hours analysis"),
+									disabled: isLoading,
+									className: "wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0",
+									children: "Overtime hours analysis"
+								})
+							]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "wwc:relative wwc:bg-muted/50 wwc:rounded-2xl wwc:border",
+							children: [/* @__PURE__ */ jsx("textarea", {
+								ref: inputRef,
+								value: inputValue,
+								onChange: (e) => setInputValue(e.target.value),
+								onKeyDown: handleKeyDown,
+								placeholder: "Ask, write or search for anything...",
+								disabled: isLoading,
+								rows: 2,
+								className: "wwc:w-full wwc:resize-none wwc:bg-transparent wwc:px-4 wwc:pt-3 wwc:pb-10 wwc:text-sm wwc:focus:outline-none wwc:disabled:opacity-50 wwc:placeholder:text-muted-foreground wwc:min-h-[80px] wwc:max-h-[120px]"
+							}), /* @__PURE__ */ jsx("div", {
+								className: "wwc:absolute wwc:bottom-3 wwc:right-3",
+								children: /* @__PURE__ */ jsx(Button, {
+									icon: true,
+									onClick: () => handleSend(inputValue),
+									disabled: isLoading || !inputValue.trim(),
+									className: "wwc:rounded-full",
+									children: /* @__PURE__ */ jsx(Send, { className: "wwc:h-4 wwc:w-4" })
+								})
+							})]
+						})]
+					})
+				]
+			}),
+			isPanelCollapsed && /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				icon: true,
+				className: "wwc:absolute wwc:left-3 wwc:top-1/2 wwc:-translate-y-1/2 wwc:z-10 wwc:h-10 wwc:w-10 wwc:rounded-full wwc:bg-background wwc:shadow-md",
+				onClick: () => setIsPanelCollapsed(false),
+				children: /* @__PURE__ */ jsx(ChevronRight, { className: "wwc:h-5 wwc:w-5" })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex-1 wwc:flex wwc:flex-col wwc:min-w-0 wwc:bg-muted/30",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "wwc:h-14 wwc:border-b wwc:bg-background wwc:flex wwc:items-center wwc:justify-between wwc:px-4 wwc:shrink-0",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-center wwc:gap-2",
+						children: [
+							/* @__PURE__ */ jsx(LayoutGrid, { className: "wwc:h-5 wwc:w-5 wwc:text-muted-foreground" }),
+							/* @__PURE__ */ jsx("span", {
+								className: "wwc:font-medium",
+								children: "Report Canvas"
+							}),
+							widgets.length > 0 && /* @__PURE__ */ jsxs(Badge, {
+								variant: "secondary",
+								children: [widgets.length, " widgets"]
+							})
+						]
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "wwc:flex-1 wwc:overflow-auto wwc:p-6",
+					children: widgets.length === 0 ? /* @__PURE__ */ jsx(Empty, {
+						icon: /* @__PURE__ */ jsx(BarChart3, { className: "wwc:h-10 wwc:w-10" }),
+						title: "No reports yet",
+						description: "Use the AI assistant to generate charts, tables, and insights. Add them to your report canvas.",
+						action: isPanelCollapsed ? /* @__PURE__ */ jsxs(Button, {
+							className: "wwc:gap-2",
+							onClick: () => {
+								setIsPanelCollapsed(false);
+								inputRef.current?.focus();
+							},
+							children: [/* @__PURE__ */ jsx(Sparkles, {
+								className: "wwc:h-4 wwc:w-4",
+								fill: "currentColor"
+							}), "Generate with AI"]
+						}) : void 0
+					}) : /* @__PURE__ */ jsxs("div", {
+						className: "wwc:grid wwc:grid-cols-1 wwc:lg:grid-cols-2 wwc:gap-4",
+						children: [isPanelCollapsed && /* @__PURE__ */ jsx(Card, {
+							className: "wwc:border-dashed wwc:flex wwc:items-center wwc:justify-center wwc:min-h-[300px] wwc:cursor-pointer wwc:hover:bg-muted/50 wwc:transition-colors",
+							onClick: () => {
+								setIsPanelCollapsed(false);
+								inputRef.current?.focus();
+							},
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:text-center wwc:space-y-2",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "wwc:h-12 wwc:w-12 wwc:rounded-full wwc:bg-muted wwc:flex wwc:items-center wwc:justify-center wwc:mx-auto",
+									children: /* @__PURE__ */ jsx(Plus, { className: "wwc:h-6 wwc:w-6 wwc:text-muted-foreground" })
+								}), /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-sm wwc:text-muted-foreground",
+									children: "Generate another report"
+								})]
+							})
+						}), widgets.map((widget) => /* @__PURE__ */ jsxs(Card, {
+							className: "wwc:group wwc:relative",
+							children: [/* @__PURE__ */ jsx(CardHeader, {
+								className: "wwc:pb-2",
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-start wwc:justify-between",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:items-center wwc:gap-2",
+										children: [/* @__PURE__ */ jsx(GripVertical, { className: "wwc:h-4 wwc:w-4 wwc:text-muted-foreground wwc:opacity-0 wwc:group-hover:opacity-100 wwc:transition-opacity wwc:cursor-grab" }), /* @__PURE__ */ jsx(CardTitle, {
+											className: "wwc:text-sm wwc:font-medium wwc:line-clamp-1",
+											children: widget.title
+										})]
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:items-center wwc:gap-1",
+										children: [/* @__PURE__ */ jsxs(Badge, {
+											variant: "secondary",
+											className: "wwc:text-xs",
+											children: [/* @__PURE__ */ jsx(Sparkles, { className: "wwc:h-3 wwc:w-3" }), "AI"]
+										}), /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+											asChild: true,
+											children: /* @__PURE__ */ jsx(Button, {
+												variant: "ghost",
+												icon: true,
+												className: "wwc:opacity-0 wwc:group-hover:opacity-100 wwc:transition-opacity",
+												children: /* @__PURE__ */ jsx(MoreVertical, { className: "wwc:h-4 wwc:w-4" })
+											})
+										}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+											align: "end",
+											children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+												className: "wwc:text-destructive",
+												onClick: () => handleRemoveWidget(widget.id),
+												children: [/* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4 wwc:mr-2" }), "Remove"]
+											})
+										})] })]
+									})]
+								})
+							}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(ChartRenderer, {
+								chartData: widget.chartData,
+								height: 240
+							}) })]
+						}, widget.id))]
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx(Dialog, {
+				open: feedbackModalOpen,
+				onOpenChange: setFeedbackModalOpen,
+				children: /* @__PURE__ */ jsxs(DialogContent, {
+					className: "wwc:sm:max-w-[425px]",
+					children: [
+						/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "What went wrong?" }) }),
+						/* @__PURE__ */ jsx("div", {
+							className: "wwc:px-4 wwc:py-4",
+							children: /* @__PURE__ */ jsx("textarea", {
+								value: negativeFeedbackText,
+								onChange: (e) => setNegativeFeedbackText(e.target.value),
+								placeholder: "Tell us what could be improved...",
+								className: "wwc:w-full wwc:min-h-[120px] wwc:rounded-lg wwc:border wwc:bg-muted/50 wwc:px-3 wwc:py-2 wwc:text-sm wwc:focus:outline-none wwc:focus:ring-2 wwc:focus:ring-primary/50 wwc:placeholder:text-muted-foreground wwc:resize-none"
+							})
+						}),
+						/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							onClick: () => setFeedbackModalOpen(false),
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							onClick: handleSubmitNegativeFeedback,
+							children: "Submit Feedback"
+						})] })
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { OrgAIReport };
+
+//# sourceMappingURL=core-org-ai-report.mjs.map

package/dist/pages/core-org-ai-report.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-org-ai-report.mjs","names":[],"sources":["../../src/pages/core-org-ai-report.tsx"],"sourcesContent":["import {\n\tBarChart3,\n\tChevronLeft,\n\tChevronRight,\n\tGripVertical,\n\tLayoutGrid,\n\tMoreVertical,\n\tPlus,\n\tSend,\n\tSparkles,\n\tThumbsDown,\n\tThumbsUp,\n\tTrash2,\n} from \"lucide-react\";\nimport {useEffect, useRef, useState} from \"react\";\nimport {toast} from \"sonner\";\n\nimport {Badge} from \"../badge\";\nimport {Button} from \"../button\";\nimport {Card, CardContent, CardHeader, CardTitle} from \"../card\";\nimport {ChartRenderer} from \"../chat/core-chart-renderer\";\nimport {Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle} from \"../dialog\";\nimport {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger} from \"../dropdown-menu\";\nimport {Empty} from \"../empty\";\nimport {ScrollArea} from \"../scroll-area\";\nimport {generateId, sendChatMessage} from \"../services/chatService\";\nimport type {Organization} from \"../types\";\nimport type {ChartData} from \"../types/chat\";\n\ninterface OrgAIReportProps {\n\tselectedOrg: Organization;\n}\n\ninterface ReportWidget {\n\tid: string;\n\ttitle: string;\n\tchartData: ChartData;\n\taddedAt: Date;\n}\n\ninterface ChatMessage {\n\tid: string;\n\trole: \"user\" | \"assistant\";\n\tcontent: string;\n\tchartData?: ChartData;\n\tisLoading?: boolean;\n\tthinkingTime?: number;\n\ttimestamp: Date;\n}\n\n/** AI-powered report generation with chat interface and dynamic chart widgets. */\nexport function OrgAIReport({selectedOrg: _selectedOrg}: OrgAIReportProps) {\n\tconst [widgets, setWidgets] = useState<ReportWidget[]>([]);\n\tconst [chatMessages, setChatMessages] = useState<ChatMessage[]>([]);\n\tconst [inputValue, setInputValue] = useState(\"\");\n\tconst [isLoading, setIsLoading] = useState(false);\n\tconst [isPanelCollapsed, setIsPanelCollapsed] = useState(false);\n\tconst [thinkingSeconds, setThinkingSeconds] = useState(0);\n\tconst [feedback, setFeedback] = useState<Record<string, \"up\" | \"down\">>({});\n\tconst [addedMessageIds, setAddedMessageIds] = useState<Set<string>>(new Set());\n\tconst [feedbackModalOpen, setFeedbackModalOpen] = useState(false);\n\tconst [feedbackModalMessageId, setFeedbackModalMessageId] = useState<string | null>(null);\n\tconst [negativeFeedbackText, setNegativeFeedbackText] = useState(\"\");\n\tconst chatEndRef = useRef<HTMLDivElement>(null);\n\tconst inputRef = useRef<HTMLTextAreaElement>(null);\n\tconst thinkingTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n\t// Handle thumbs up feedback\n\tconst handleThumbsUp = (messageId: string) => {\n\t\tsetFeedback((prev) => ({\n\t\t\t...prev,\n\t\t\t[messageId]: \"up\",\n\t\t}));\n\t\ttoast.success(\"Thanks for the feedback!\");\n\t};\n\n\t// Handle thumbs down - open modal\n\tconst handleThumbsDown = (messageId: string) => {\n\t\tsetFeedbackModalMessageId(messageId);\n\t\tsetNegativeFeedbackText(\"\");\n\t\tsetFeedbackModalOpen(true);\n\t};\n\n\t// Submit negative feedback\n\tconst handleSubmitNegativeFeedback = () => {\n\t\tif (feedbackModalMessageId) {\n\t\t\tsetFeedback((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\t[feedbackModalMessageId]: \"down\",\n\t\t\t}));\n\t\t}\n\t\tsetFeedbackModalOpen(false);\n\t\tsetFeedbackModalMessageId(null);\n\t\tsetNegativeFeedbackText(\"\");\n\t\ttoast.success(\"Thanks for the feedback!\");\n\t};\n\n\t// Auto-scroll chat to bottom\n\tuseEffect(() => {\n\t\tchatEndRef.current?.scrollIntoView({behavior: \"smooth\"});\n\t}, [chatMessages]);\n\n\t// Cleanup thinking timer\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (thinkingTimerRef.current) {\n\t\t\t\tclearInterval(thinkingTimerRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t// Handle sending a message\n\tconst handleSend = async (message: string) => {\n\t\tif (!message.trim() || isLoading) return;\n\n\t\tconst userMessage: ChatMessage = {\n\t\t\tid: generateId(),\n\t\t\trole: \"user\",\n\t\t\tcontent: message.trim(),\n\t\t\ttimestamp: new Date(),\n\t\t};\n\n\t\tsetChatMessages((prev) => [...prev, userMessage]);\n\t\tsetInputValue(\"\");\n\t\tsetIsLoading(true);\n\t\tsetThinkingSeconds(0);\n\n\t\t// Start thinking timer\n\t\tthinkingTimerRef.current = setInterval(() => {\n\t\t\tsetThinkingSeconds((prev) => prev + 1);\n\t\t}, 1000);\n\n\t\t// Add loading message\n\t\tconst loadingId = generateId();\n\t\tsetChatMessages((prev) => [\n\t\t\t...prev,\n\t\t\t{id: loadingId, role: \"assistant\", content: \"\", isLoading: true, timestamp: new Date()},\n\t\t]);\n\n\t\ttry {\n\t\t\tconst startTime = Date.now();\n\t\t\tconst response = await sendChatMessage(message);\n\t\t\tconst thinkingTime = Math.round((Date.now() - startTime) / 1000);\n\n\t\t\t// Stop thinking timer\n\t\t\tif (thinkingTimerRef.current) {\n\t\t\t\tclearInterval(thinkingTimerRef.current);\n\t\t\t}\n\n\t\t\t// Remove loading and add response\n\t\t\tsetChatMessages((prev) =>\n\t\t\t\tprev\n\t\t\t\t\t.filter((m) => m.id !== loadingId)\n\t\t\t\t\t.concat({\n\t\t\t\t\t\tid: generateId(),\n\t\t\t\t\t\trole: \"assistant\",\n\t\t\t\t\t\tcontent: response.message,\n\t\t\t\t\t\tchartData: response.chart,\n\t\t\t\t\t\tthinkingTime,\n\t\t\t\t\t\ttimestamp: new Date(),\n\t\t\t\t\t}),\n\t\t\t);\n\t\t} catch (error) {\n\t\t\tif (thinkingTimerRef.current) {\n\t\t\t\tclearInterval(thinkingTimerRef.current);\n\t\t\t}\n\t\t\tsetChatMessages((prev) =>\n\t\t\t\tprev\n\t\t\t\t\t.filter((m) => m.id !== loadingId)\n\t\t\t\t\t.concat({\n\t\t\t\t\t\tid: generateId(),\n\t\t\t\t\t\trole: \"assistant\",\n\t\t\t\t\t\tcontent: \"Sorry, I couldn't generate that. Please try again.\",\n\t\t\t\t\t\ttimestamp: new Date(),\n\t\t\t\t\t}),\n\t\t\t);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t\tsetThinkingSeconds(0);\n\t\t}\n\t};\n\n\t// Add widget to canvas\n\tconst handleAddToPage = (message: ChatMessage) => {\n\t\tif (!message.chartData || addedMessageIds.has(message.id)) return;\n\n\t\t// Find the user message that prompted this response\n\t\tconst messageIndex = chatMessages.findIndex((m) => m.id === message.id);\n\t\tlet title = \"AI Generated Chart\";\n\n\t\t// Look backwards to find the preceding user message\n\t\tfor (let i = messageIndex - 1; i >= 0; i--) {\n\t\t\tif (chatMessages[i].role === \"user\") {\n\t\t\t\t// Use the user's query as the title, capitalize first letter\n\t\t\t\tconst query = chatMessages[i].content.trim();\n\t\t\t\ttitle = query.charAt(0).toUpperCase() + query.slice(1);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tconst widget: ReportWidget = {\n\t\t\tid: generateId(),\n\t\t\ttitle,\n\t\t\tchartData: message.chartData,\n\t\t\taddedAt: new Date(),\n\t\t};\n\n\t\tsetWidgets((prev) => [...prev, widget]);\n\t\tsetAddedMessageIds((prev) => new Set(prev).add(message.id));\n\t};\n\n\t// Remove widget from canvas\n\tconst handleRemoveWidget = (widgetId: string) => {\n\t\tsetWidgets((prev) => prev.filter((w) => w.id !== widgetId));\n\t};\n\n\t// Handle key down in input\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === \"Enter\" && !e.shiftKey) {\n\t\t\te.preventDefault();\n\t\t\thandleSend(inputValue);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"wwc:h-[calc(100vh-8rem)] wwc:flex\">\n\t\t\t{/* Left Panel - AI Chat */}\n\t\t\t<div\n\t\t\t\tclassName={`${\n\t\t\t\t\tisPanelCollapsed ? \"wwc:w-0\" : \"wwc:w-[400px]\"\n\t\t\t\t} wwc:border-r wwc:bg-background wwc:flex wwc:flex-col wwc:transition-all wwc:duration-300 wwc:overflow-hidden wwc:shrink-0`}\n\t\t\t>\n\t\t\t\t{/* Chat Header */}\n\t\t\t\t<div className=\"wwc:h-14 wwc:border-b wwc:flex wwc:items-center wwc:justify-between wwc:px-4 wwc:shrink-0\">\n\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t<Sparkles className=\"wwc:h-5 wwc:w-5 wwc:text-primary\" fill=\"currentColor\" />\n\t\t\t\t\t\t<span className=\"wwc:font-semibold\">AI Report Builder</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button variant=\"ghost\" icon onClick={() => setIsPanelCollapsed(true)}>\n\t\t\t\t\t\t<ChevronLeft className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Chat Messages Area */}\n\t\t\t\t<ScrollArea className=\"wwc:flex-1\">\n\t\t\t\t\t<div className=\"wwc:p-4\">\n\t\t\t\t\t\t{/* Empty State */}\n\t\t\t\t\t\t{chatMessages.length === 0 && (\n\t\t\t\t\t\t\t<div className=\"wwc:h-full wwc:flex wwc:flex-col wwc:items-center wwc:justify-center wwc:py-12\">\n\t\t\t\t\t\t\t\t<div className=\"wwc:text-center wwc:space-y-3\">\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:h-14 wwc:w-14 wwc:rounded-2xl wwc:bg-muted wwc:flex wwc:items-center wwc:justify-center wwc:mx-auto\">\n\t\t\t\t\t\t\t\t\t\t<Sparkles className=\"wwc:h-7 wwc:w-7 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<h3 className=\"wwc:font-semibold wwc:text-lg\">AI Report Builder</h3>\n\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground wwc:max-w-[260px]\">\n\t\t\t\t\t\t\t\t\t\tGenerate charts, insights, and reports from your project data.\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* Messages */}\n\t\t\t\t\t\t{chatMessages.length > 0 && (\n\t\t\t\t\t\t\t<div className=\"wwc:space-y-4\">\n\t\t\t\t\t\t\t\t{chatMessages.map((message) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={message.id}\n\t\t\t\t\t\t\t\t\t\tclassName={`wwc:flex wwc:flex-col ${message.role === \"user\" ? \"wwc:items-end\" : \"wwc:items-start\"}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{message.role === \"user\" ? (\n\t\t\t\t\t\t\t\t\t\t\t/* User Message */\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:max-w-[85%] wwc:bg-primary wwc:text-primary-foreground wwc:rounded-2xl wwc:rounded-br-md wwc:px-4 wwc:py-2.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm\">{message.content}</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t) : message.isLoading ? (\n\t\t\t\t\t\t\t\t\t\t\t/* Thinking Indicator */\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:px-1 wwc:py-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Sparkles className=\"wwc:h-4 wwc:w-4 wwc:text-muted-foreground wwc:animate-pulse\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tThinking for {thinkingSeconds}s...\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t/* AI Response */\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:w-full wwc:space-y-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t{/* Thinking time */}\n\t\t\t\t\t\t\t\t\t\t\t\t{message.thinkingTime !== undefined && message.thinkingTime > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Sparkles className=\"wwc:h-3 wwc:w-3\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Thought for {message.thinkingTime}s</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t\t{/* Response text */}\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:leading-relaxed\">{message.content}</p>\n\n\t\t\t\t\t\t\t\t\t\t\t\t{/* Chart Preview */}\n\t\t\t\t\t\t\t\t\t\t\t\t{message.chartData && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Card className=\"wwc:overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<CardContent className=\"wwc:p-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ChartRenderer chartData={message.chartData} height={180} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</CardContent>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:px-3 wwc:pb-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:w-full wwc:gap-2\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleAddToPage(message)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={addedMessageIds.has(message.id)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Plus className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{addedMessageIds.has(message.id) ? \"Added to Report\" : \"Add to Report\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t\t\t{/* Feedback buttons */}\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleThumbsUp(message.id)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={feedback[message.id] !== undefined}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:p-1.5 wwc:rounded-md wwc:transition-colors ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfeedback[message.id] === \"up\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:text-muted-foreground wwc:hover:bg-muted wwc:hover:text-foreground wwc:disabled:hover:bg-transparent\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Good response\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ThumbsUp\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-4 wwc:w-4\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill={feedback[message.id] === \"up\" ? \"currentColor\" : \"none\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleThumbsDown(message.id)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={feedback[message.id] !== undefined}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:p-1.5 wwc:rounded-md wwc:transition-colors ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfeedback[message.id] === \"down\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:text-muted-foreground wwc:hover:bg-muted wwc:hover:text-foreground wwc:disabled:hover:bg-transparent\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Bad response\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ThumbsDown\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-4 wwc:w-4\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill={feedback[message.id] === \"down\" ? \"currentColor\" : \"none\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t<div ref={chatEndRef} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</ScrollArea>\n\n\t\t\t\t{/* Chat Input */}\n\t\t\t\t<div className=\"wwc:p-4 wwc:border-t wwc:shrink-0 wwc:space-y-3\">\n\t\t\t\t\t{/* Quick suggestion chips - horizontal scroll without scrollbar */}\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"wwc:flex wwc:gap-2 wwc:overflow-x-auto scrollbar-hide\"\n\t\t\t\t\t\tstyle={{scrollbarWidth: \"none\", msOverflowStyle: \"none\"}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={() => setInputValue(\"Create in-depth analysis\")}\n\t\t\t\t\t\t\tdisabled={isLoading}\n\t\t\t\t\t\t\tclassName=\"wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate in-depth analysis\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={() => setInputValue(\"Show workforce trends\")}\n\t\t\t\t\t\t\tdisabled={isLoading}\n\t\t\t\t\t\t\tclassName=\"wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tShow workforce trends\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={() => setInputValue(\"Compare project metrics\")}\n\t\t\t\t\t\t\tdisabled={isLoading}\n\t\t\t\t\t\t\tclassName=\"wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCompare project metrics\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={() => setInputValue(\"Safety incident report\")}\n\t\t\t\t\t\t\tdisabled={isLoading}\n\t\t\t\t\t\t\tclassName=\"wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tSafety incident report\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={() => setInputValue(\"Cost breakdown by project\")}\n\t\t\t\t\t\t\tdisabled={isLoading}\n\t\t\t\t\t\t\tclassName=\"wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCost breakdown by project\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={() => setInputValue(\"Overtime hours analysis\")}\n\t\t\t\t\t\t\tdisabled={isLoading}\n\t\t\t\t\t\t\tclassName=\"wwc:px-3 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:border wwc:rounded-full wwc:hover:bg-muted wwc:transition-colors wwc:disabled:opacity-50 wwc:whitespace-nowrap wwc:shrink-0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tOvertime hours analysis\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Input area */}\n\t\t\t\t\t<div className=\"wwc:relative wwc:bg-muted/50 wwc:rounded-2xl wwc:border\">\n\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tonChange={(e) => setInputValue(e.target.value)}\n\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\tplaceholder=\"Ask, write or search for anything...\"\n\t\t\t\t\t\t\tdisabled={isLoading}\n\t\t\t\t\t\t\trows={2}\n\t\t\t\t\t\t\tclassName=\"wwc:w-full wwc:resize-none wwc:bg-transparent wwc:px-4 wwc:pt-3 wwc:pb-10 wwc:text-sm wwc:focus:outline-none wwc:disabled:opacity-50 wwc:placeholder:text-muted-foreground wwc:min-h-[80px] wwc:max-h-[120px]\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div className=\"wwc:absolute wwc:bottom-3 wwc:right-3\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\tonClick={() => handleSend(inputValue)}\n\t\t\t\t\t\t\t\tdisabled={isLoading || !inputValue.trim()}\n\t\t\t\t\t\t\t\tclassName=\"wwc:rounded-full\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Send className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Collapse/Expand Button */}\n\t\t\t{isPanelCollapsed && (\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\ticon\n\t\t\t\t\tclassName=\"wwc:absolute wwc:left-3 wwc:top-1/2 wwc:-translate-y-1/2 wwc:z-10 wwc:h-10 wwc:w-10 wwc:rounded-full wwc:bg-background wwc:shadow-md\"\n\t\t\t\t\tonClick={() => setIsPanelCollapsed(false)}\n\t\t\t\t>\n\t\t\t\t\t<ChevronRight className=\"wwc:h-5 wwc:w-5\" />\n\t\t\t\t</Button>\n\t\t\t)}\n\n\t\t\t{/* Right Panel - Canvas */}\n\t\t\t<div className=\"wwc:flex-1 wwc:flex wwc:flex-col wwc:min-w-0 wwc:bg-muted/30\">\n\t\t\t\t{/* Canvas Header */}\n\t\t\t\t<div className=\"wwc:h-14 wwc:border-b wwc:bg-background wwc:flex wwc:items-center wwc:justify-between wwc:px-4 wwc:shrink-0\">\n\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t<LayoutGrid className=\"wwc:h-5 wwc:w-5 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t<span className=\"wwc:font-medium\">Report Canvas</span>\n\t\t\t\t\t\t{widgets.length > 0 && <Badge variant=\"secondary\">{widgets.length} widgets</Badge>}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Canvas Content */}\n\t\t\t\t<div className=\"wwc:flex-1 wwc:overflow-auto wwc:p-6\">\n\t\t\t\t\t{widgets.length === 0 ? (\n\t\t\t\t\t\t<Empty\n\t\t\t\t\t\t\ticon={<BarChart3 className=\"wwc:h-10 wwc:w-10\" />}\n\t\t\t\t\t\t\ttitle=\"No reports yet\"\n\t\t\t\t\t\t\tdescription=\"Use the AI assistant to generate charts, tables, and insights. Add them to your report canvas.\"\n\t\t\t\t\t\t\taction={\n\t\t\t\t\t\t\t\tisPanelCollapsed ? (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:gap-2\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetIsPanelCollapsed(false);\n\t\t\t\t\t\t\t\t\t\t\tinputRef.current?.focus();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Sparkles className=\"wwc:h-4 wwc:w-4\" fill=\"currentColor\" />\n\t\t\t\t\t\t\t\t\t\tGenerate with AI\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t/* Widgets Grid */\n\t\t\t\t\t\t<div className=\"wwc:grid wwc:grid-cols-1 wwc:lg:grid-cols-2 wwc:gap-4\">\n\t\t\t\t\t\t\t{/* Add More Card - Only show when chat is collapsed, as first item */}\n\t\t\t\t\t\t\t{isPanelCollapsed && (\n\t\t\t\t\t\t\t\t<Card\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:border-dashed wwc:flex wwc:items-center wwc:justify-center wwc:min-h-[300px] wwc:cursor-pointer wwc:hover:bg-muted/50 wwc:transition-colors\"\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetIsPanelCollapsed(false);\n\t\t\t\t\t\t\t\t\t\tinputRef.current?.focus();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:text-center wwc:space-y-2\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:h-12 wwc:w-12 wwc:rounded-full wwc:bg-muted wwc:flex wwc:items-center wwc:justify-center wwc:mx-auto\">\n\t\t\t\t\t\t\t\t\t\t\t<Plus className=\"wwc:h-6 wwc:w-6 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">Generate another report</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{widgets.map((widget) => (\n\t\t\t\t\t\t\t\t<Card key={widget.id} className=\"wwc:group wwc:relative\">\n\t\t\t\t\t\t\t\t\t<CardHeader className=\"wwc:pb-2\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-start wwc:justify-between\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<GripVertical className=\"wwc:h-4 wwc:w-4 wwc:text-muted-foreground wwc:opacity-0 wwc:group-hover:opacity-100 wwc:transition-opacity wwc:cursor-grab\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<CardTitle className=\"wwc:text-sm wwc:font-medium wwc:line-clamp-1\">{widget.title}</CardTitle>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Badge variant=\"secondary\" className=\"wwc:text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Sparkles className=\"wwc:h-3 wwc:w-3\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\tAI\n\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:opacity-0 wwc:group-hover:opacity-100 wwc:transition-opacity\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<MoreVertical className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuContent align=\"end\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:text-destructive\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleRemoveWidget(widget.id)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Trash2 className=\"wwc:h-4 wwc:w-4 wwc:mr-2\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tRemove\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t\t\t\t\t<ChartRenderer chartData={widget.chartData} height={240} />\n\t\t\t\t\t\t\t\t\t</CardContent>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Negative Feedback Modal */}\n\t\t\t<Dialog open={feedbackModalOpen} onOpenChange={setFeedbackModalOpen}>\n\t\t\t\t<DialogContent className=\"wwc:sm:max-w-[425px]\">\n\t\t\t\t\t<DialogHeader>\n\t\t\t\t\t\t<DialogTitle>What went wrong?</DialogTitle>\n\t\t\t\t\t</DialogHeader>\n\t\t\t\t\t<div className=\"wwc:px-4 wwc:py-4\">\n\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\tvalue={negativeFeedbackText}\n\t\t\t\t\t\t\tonChange={(e) => setNegativeFeedbackText(e.target.value)}\n\t\t\t\t\t\t\tplaceholder=\"Tell us what could be improved...\"\n\t\t\t\t\t\t\tclassName=\"wwc:w-full wwc:min-h-[120px] wwc:rounded-lg wwc:border wwc:bg-muted/50 wwc:px-3 wwc:py-2 wwc:text-sm wwc:focus:outline-none wwc:focus:ring-2 wwc:focus:ring-primary/50 wwc:placeholder:text-muted-foreground wwc:resize-none\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<DialogFooter>\n\t\t\t\t\t\t<Button variant=\"outline\" onClick={() => setFeedbackModalOpen(false)}>\n\t\t\t\t\t\t\tCancel\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button onClick={handleSubmitNegativeFeedback}>Submit Feedback</Button>\n\t\t\t\t\t</DialogFooter>\n\t\t\t\t</DialogContent>\n\t\t\t</Dialog>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/pages/core-org-overview.d.mts

@@ -0,0 +1,11 @@
+import { Organization, Project } from "../types.mjs";
+import "mapbox-gl/dist/mapbox-gl.css";
+//#region src/pages/core-org-overview.d.ts
+interface OrgOverviewProps {
+  selectedOrg: Organization;
+  onOpenProject?: (project: Project) => void;
+}
+/** Organization dashboard with project cards, interactive map, and KPI summary. */
+export declare function OrgOverview({ selectedOrg, onOpenProject }: OrgOverviewProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-org-overview.d.mts.map

package/dist/pages/core-org-overview.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-org-overview.d.mts","names":[],"sources":["../../src/pages/core-org-overview.tsx"],"mappings":";;;UA8VU;EACT,aAAa;EACb,iBAAiB,SAAS;;;wBAIX,cAAa,aAAa,iBAAgB,+CAAgB,IAAA"}