LM Studio API URL
diff --git a/src/components/ChatWindow.tsx b/src/components/ChatWindow.tsx
index e7065c5..295a409 100644
--- a/src/components/ChatWindow.tsx
+++ b/src/components/ChatWindow.tsx
@@ -93,14 +93,29 @@ const checkConfig = async (
) {
if (!chatModel || !chatModelProvider) {
const chatModelProviders = providers.chatModelProviders;
+ const chatModelProvidersKeys = Object.keys(chatModelProviders);
- chatModelProvider =
- chatModelProvider || Object.keys(chatModelProviders)[0];
+ if (!chatModelProviders || chatModelProvidersKeys.length === 0) {
+ return toast.error('No chat models available');
+ } else {
+ chatModelProvider =
+ chatModelProvidersKeys.find(
+ (provider) =>
+ Object.keys(chatModelProviders[provider]).length > 0,
+ ) || chatModelProvidersKeys[0];
+ }
+
+ if (
+ chatModelProvider === 'custom_openai' &&
+ Object.keys(chatModelProviders[chatModelProvider]).length === 0
+ ) {
+ toast.error(
+ "Looks like you haven't configured any chat model providers. Please configure them from the settings page or the config file.",
+ );
+ return setHasError(true);
+ }
chatModel = Object.keys(chatModelProviders[chatModelProvider])[0];
-
- if (!chatModelProviders || Object.keys(chatModelProviders).length === 0)
- return toast.error('No chat models available');
}
if (!embeddingModel || !embeddingModelProvider) {
@@ -128,7 +143,8 @@ const checkConfig = async (
if (
Object.keys(chatModelProviders).length > 0 &&
- !chatModelProviders[chatModelProvider]
+ (!chatModelProviders[chatModelProvider] ||
+ Object.keys(chatModelProviders[chatModelProvider]).length === 0)
) {
const chatModelProvidersKeys = Object.keys(chatModelProviders);
chatModelProvider =
@@ -143,6 +159,16 @@ const checkConfig = async (
chatModelProvider &&
!chatModelProviders[chatModelProvider][chatModel]
) {
+ if (
+ chatModelProvider === 'custom_openai' &&
+ Object.keys(chatModelProviders[chatModelProvider]).length === 0
+ ) {
+ toast.error(
+ "Looks like you haven't configured any chat model providers. Please configure them from the settings page or the config file.",
+ );
+ return setHasError(true);
+ }
+
chatModel = Object.keys(
chatModelProviders[
Object.keys(chatModelProviders[chatModelProvider]).length > 0
@@ -150,6 +176,7 @@ const checkConfig = async (
: Object.keys(chatModelProviders)[0]
],
)[0];
+
localStorage.setItem('chatModel', chatModel);
}
diff --git a/src/components/EmptyChat.tsx b/src/components/EmptyChat.tsx
index 6496b11..b69ac37 100644
--- a/src/components/EmptyChat.tsx
+++ b/src/components/EmptyChat.tsx
@@ -3,6 +3,8 @@ import { useState } from 'react';
import { File } from './ChatWindow';
import Link from 'next/link';
import MessageInput from './MessageInput';
+import WeatherWidget from './WeatherWidget';
+import NewsArticleWidget from './NewsArticleWidget';
const EmptyChat = ({
sendMessage,
@@ -29,8 +31,6 @@ const EmptyChat = ({
files: File[];
setFiles: (files: File[]) => void;
}) => {
- const [isSettingsOpen, setIsSettingsOpen] = useState(false);
-
return (
@@ -38,25 +38,35 @@ const EmptyChat = ({
-
-
- Research begins here.
-
-
+
+
+
+ Research begins here.
+
+
+
+
);
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 13f2da3..e406ade 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,8 +1,122 @@
-import { Clock, Edit, Share, Trash } from 'lucide-react';
+import { Clock, Edit, Share, Trash, FileText, FileDown } from 'lucide-react';
import { Message } from './ChatWindow';
-import { useEffect, useState } from 'react';
+import { useEffect, useState, Fragment } from 'react';
import { formatTimeDifference } from '@/lib/utils';
import DeleteChat from './DeleteChat';
+import {
+ Popover,
+ PopoverButton,
+ PopoverPanel,
+ Transition,
+} from '@headlessui/react';
+import jsPDF from 'jspdf';
+
+const downloadFile = (filename: string, content: string, type: string) => {
+ const blob = new Blob([content], { type });
+ const url = URL.createObjectURL(blob);
+ const a = document.createElement('a');
+ a.href = url;
+ a.download = filename;
+ document.body.appendChild(a);
+ a.click();
+ setTimeout(() => {
+ document.body.removeChild(a);
+ URL.revokeObjectURL(url);
+ }, 0);
+};
+
+const exportAsMarkdown = (messages: Message[], title: string) => {
+ const date = new Date(messages[0]?.createdAt || Date.now()).toLocaleString();
+ let md = `# 💬 Chat Export: ${title}\n\n`;
+ md += `*Exported on: ${date}*\n\n---\n`;
+ messages.forEach((msg, idx) => {
+ md += `\n---\n`;
+ md += `**${msg.role === 'user' ? '🧑 User' : '🤖 Assistant'}**
+`;
+ md += `*${new Date(msg.createdAt).toLocaleString()}*\n\n`;
+ md += `> ${msg.content.replace(/\n/g, '\n> ')}\n`;
+ if (msg.sources && msg.sources.length > 0) {
+ md += `\n**Citations:**\n`;
+ msg.sources.forEach((src: any, i: number) => {
+ const url = src.metadata?.url || '';
+ md += `- [${i + 1}] [${url}](${url})\n`;
+ });
+ }
+ });
+ md += '\n---\n';
+ downloadFile(`${title || 'chat'}.md`, md, 'text/markdown');
+};
+
+const exportAsPDF = (messages: Message[], title: string) => {
+ const doc = new jsPDF();
+ const date = new Date(messages[0]?.createdAt || Date.now()).toLocaleString();
+ let y = 15;
+ const pageHeight = doc.internal.pageSize.height;
+ doc.setFontSize(18);
+ doc.text(`Chat Export: ${title}`, 10, y);
+ y += 8;
+ doc.setFontSize(11);
+ doc.setTextColor(100);
+ doc.text(`Exported on: ${date}`, 10, y);
+ y += 8;
+ doc.setDrawColor(200);
+ doc.line(10, y, 200, y);
+ y += 6;
+ doc.setTextColor(30);
+ messages.forEach((msg, idx) => {
+ if (y > pageHeight - 30) {
+ doc.addPage();
+ y = 15;
+ }
+ doc.setFont('helvetica', 'bold');
+ doc.text(`${msg.role === 'user' ? 'User' : 'Assistant'}`, 10, y);
+ doc.setFont('helvetica', 'normal');
+ doc.setFontSize(10);
+ doc.setTextColor(120);
+ doc.text(`${new Date(msg.createdAt).toLocaleString()}`, 40, y);
+ y += 6;
+ doc.setTextColor(30);
+ doc.setFontSize(12);
+ const lines = doc.splitTextToSize(msg.content, 180);
+ for (let i = 0; i < lines.length; i++) {
+ if (y > pageHeight - 20) {
+ doc.addPage();
+ y = 15;
+ }
+ doc.text(lines[i], 12, y);
+ y += 6;
+ }
+ if (msg.sources && msg.sources.length > 0) {
+ doc.setFontSize(11);
+ doc.setTextColor(80);
+ if (y > pageHeight - 20) {
+ doc.addPage();
+ y = 15;
+ }
+ doc.text('Citations:', 12, y);
+ y += 5;
+ msg.sources.forEach((src: any, i: number) => {
+ const url = src.metadata?.url || '';
+ if (y > pageHeight - 15) {
+ doc.addPage();
+ y = 15;
+ }
+ doc.text(`- [${i + 1}] ${url}`, 15, y);
+ y += 5;
+ });
+ doc.setTextColor(30);
+ }
+ y += 6;
+ doc.setDrawColor(230);
+ if (y > pageHeight - 10) {
+ doc.addPage();
+ y = 15;
+ }
+ doc.line(10, y, 200, y);
+ y += 4;
+ });
+ doc.save(`${title || 'chat'}.pdf`);
+};
const Navbar = ({
chatId,
@@ -59,10 +173,39 @@ const Navbar = ({
{title}
-
+
+
+
+
+
+
+
+
+
+
+
+
+
{}} />
diff --git a/src/components/NewsArticleWidget.tsx b/src/components/NewsArticleWidget.tsx
new file mode 100644
index 0000000..eca6940
--- /dev/null
+++ b/src/components/NewsArticleWidget.tsx
@@ -0,0 +1,71 @@
+import { useEffect, useState } from 'react';
+
+interface Article {
+ title: string;
+ content: string;
+ url: string;
+ thumbnail: string;
+}
+
+const NewsArticleWidget = () => {
+ const [article, setArticle] = useState
(null);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState(false);
+
+ useEffect(() => {
+ fetch('/api/discover?mode=preview')
+ .then((res) => res.json())
+ .then((data) => {
+ const articles = (data.blogs || []).filter((a: Article) => a.thumbnail);
+ setArticle(articles[Math.floor(Math.random() * articles.length)]);
+ setLoading(false);
+ })
+ .catch(() => {
+ setError(true);
+ setLoading(false);
+ });
+ }, []);
+
+ return (
+
+ );
+};
+
+export default NewsArticleWidget;
diff --git a/src/components/WeatherWidget.tsx b/src/components/WeatherWidget.tsx
new file mode 100644
index 0000000..d308bb4
--- /dev/null
+++ b/src/components/WeatherWidget.tsx
@@ -0,0 +1,155 @@
+import { Cloud, Sun, CloudRain, CloudSnow, Wind } from 'lucide-react';
+import { useEffect, useState } from 'react';
+
+const WeatherWidget = () => {
+ const [data, setData] = useState({
+ temperature: 0,
+ condition: '',
+ location: '',
+ humidity: 0,
+ windSpeed: 0,
+ icon: '',
+ });
+ const [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ const getApproxLocation = async () => {
+ const res = await fetch('https://ipwhois.app/json/');
+ const data = await res.json();
+
+ return {
+ latitude: data.latitude,
+ longitude: data.longitude,
+ city: data.city,
+ };
+ };
+
+ const getLocation = async (
+ callback: (location: {
+ latitude: number;
+ longitude: number;
+ city: string;
+ }) => void,
+ ) => {
+ if (navigator.geolocation) {
+ const result = await navigator.permissions.query({
+ name: 'geolocation',
+ });
+
+ if (result.state === 'granted') {
+ navigator.geolocation.getCurrentPosition(async (position) => {
+ const res = await fetch(
+ `https://api-bdc.io/data/reverse-geocode-client?latitude=${position.coords.latitude}&longitude=${position.coords.longitude}&localityLanguage=en`,
+ {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ },
+ );
+
+ const data = await res.json();
+
+ callback({
+ latitude: position.coords.latitude,
+ longitude: position.coords.longitude,
+ city: data.locality,
+ });
+ });
+ } else if (result.state === 'prompt') {
+ callback(await getApproxLocation());
+ navigator.geolocation.getCurrentPosition((position) => {});
+ } else if (result.state === 'denied') {
+ callback(await getApproxLocation());
+ }
+ } else {
+ callback(await getApproxLocation());
+ }
+ };
+
+ getLocation(async (location) => {
+ const res = await fetch(`/api/weather`, {
+ method: 'POST',
+ body: JSON.stringify({
+ lat: location.latitude,
+ lng: location.longitude,
+ }),
+ });
+
+ const data = await res.json();
+
+ if (res.status !== 200) {
+ console.error('Error fetching weather data');
+ setLoading(false);
+ return;
+ }
+
+ setData({
+ temperature: data.temperature,
+ condition: data.condition,
+ location: location.city,
+ humidity: data.humidity,
+ windSpeed: data.windSpeed,
+ icon: data.icon,
+ });
+ setLoading(false);
+ });
+ }, []);
+
+ return (
+
+ {loading ? (
+ <>
+
+
+
+ ) : (
+ <>
+
+
+
+ {data.temperature}°C
+
+
+
+
+
+ {data.location}
+
+
+
+ {data.windSpeed} km/h
+
+
+
+ {data.condition}
+
+
+ Humidity: {data.humidity}%
+ Now
+
+
+
+ )}
+
+