+
+
+
+
+
+
+ {
+ const text = msg.parts
+ ?.filter((p) => p.type === "text")
+ .map((p) => p.text)
+ .join("");
+ setInput(text ?? "");
+ setEditingMessage(msg);
+ }}
+ regenerate={regenerate}
+ selectedModelId={currentModelId}
+ setMessages={setMessages}
+ status={status}
+ votes={votes}
+ />
+
+
+
+ {!isReadonly && (
+ {
+ setEditingMessage(null);
+ setInput("");
+ }}
+ onModelChange={setCurrentModelId}
+ selectedModelId={currentModelId}
+ selectedVisibilityType={visibilityType}
+ sendMessage={
+ editingMessage
+ ? async () => {
+ const msg = editingMessage;
+ setEditingMessage(null);
+ await submitEditedMessage({
+ message: msg,
+ text: input,
+ setMessages,
+ regenerate,
+ });
+ setInput("");
+ }
+ : sendMessage
+ }
+ setAttachments={setAttachments}
+ setInput={setInput}
+ setMessages={setMessages}
+ status={status}
+ stop={stop}
+ />
+ )}
+
+
+
+ What can I help with?
+
+
+ Ask a question, write code, or explore ideas.
+
+
+ );
+};
diff --git a/components/chat/messages.tsx b/components/chat/messages.tsx
new file mode 100644
index 0000000000..c3b6359cb7
--- /dev/null
+++ b/components/chat/messages.tsx
@@ -0,0 +1,129 @@
+import type { UseChatHelpers } from "@ai-sdk/react";
+import { ArrowDownIcon } from "lucide-react";
+import { useEffect, useRef } from "react";
+import { useMessages } from "@/hooks/use-messages";
+import type { Vote } from "@/lib/db/schema";
+import type { ChatMessage } from "@/lib/types";
+import { cn } from "@/lib/utils";
+import { useDataStream } from "./data-stream-provider";
+import { Greeting } from "./greeting";
+import { PreviewMessage, ThinkingMessage } from "./message";
+
+type MessagesProps = {
+ addToolApprovalResponse: UseChatHelpers
+ {messages.length === 0 && !isLoading && (
+
+ );
+}
+
+export const Messages = PureMessages;
diff --git a/components/chat/multimodal-input.tsx b/components/chat/multimodal-input.tsx
new file mode 100644
index 0000000000..86e15c541e
--- /dev/null
+++ b/components/chat/multimodal-input.tsx
@@ -0,0 +1,671 @@
+"use client";
+
+import type { UseChatHelpers } from "@ai-sdk/react";
+import type { UIMessage } from "ai";
+import equal from "fast-deep-equal";
+import { ArrowUpIcon, BrainIcon, EyeIcon, LockIcon, WrenchIcon } from "lucide-react";
+import {
+ type ChangeEvent,
+ type Dispatch,
+ memo,
+ type SetStateAction,
+ useCallback,
+ useEffect,
+ useRef,
+ useState,
+} from "react";
+import { toast } from "sonner";
+import useSWR from "swr";
+import { useLocalStorage, useWindowSize } from "usehooks-ts";
+import {
+ ModelSelector,
+ ModelSelectorContent,
+ ModelSelectorGroup,
+ ModelSelectorInput,
+ ModelSelectorItem,
+ ModelSelectorList,
+ ModelSelectorLogo,
+ ModelSelectorName,
+ ModelSelectorTrigger,
+} from "@/components/ai-elements/model-selector";
+import {
+ Tooltip,
+ TooltipContent,
+ TooltipTrigger,
+} from "@/components/ui/tooltip";
+import {
+ type ChatModel,
+ chatModels,
+ DEFAULT_CHAT_MODEL,
+ type ModelCapabilities,
+} from "@/lib/ai/models";
+import type { Attachment, ChatMessage } from "@/lib/types";
+import { cn } from "@/lib/utils";
+import {
+ PromptInput,
+ PromptInputFooter,
+ PromptInputSubmit,
+ PromptInputTextarea,
+ PromptInputTools,
+} from "../ai-elements/prompt-input";
+import { Button } from "../ui/button";
+import { PaperclipIcon, StopIcon } from "./icons";
+import { PreviewAttachment } from "./preview-attachment";
+import { SuggestedActions } from "./suggested-actions";
+import type { VisibilityType } from "./visibility-selector";
+
+function setCookie(name: string, value: string) {
+ const maxAge = 60 * 60 * 24 * 365;
+ // biome-ignore lint/suspicious/noDocumentCookie: needed for client-side cookie setting
+ document.cookie = `${name}=${encodeURIComponent(value)}; path=/; max-age=${maxAge}`;
+}
+
+function PureMultimodalInput({
+ chatId,
+ input,
+ setInput,
+ status,
+ stop,
+ attachments,
+ setAttachments,
+ messages,
+ setMessages,
+ sendMessage,
+ className,
+ selectedVisibilityType,
+ selectedModelId,
+ onModelChange,
+ editingMessage,
+ onCancelEdit,
+ isLoading,
+}: {
+ chatId: string;
+ input: string;
+ setInput: Dispatch
+
+ )}
+ 0 ? "bg-background" : "bg-transparent"
+ )}
+ ref={messagesContainerRef}
+ style={isArtifactVisible ? { scrollbarWidth: "none" } : undefined}
+ >
+
+
+
+
+ {messages.map((message, index) => (
+ vote.messageId === message.id)
+ : undefined
+ }
+ />
+ ))}
+
+ {status === "submitted" && messages.at(-1)?.role !== "assistant" && (
+
+
+ {editingMessage && onCancelEdit && (
+ {
+ if (!input.trim() && attachments.length === 0) {
+ return;
+ }
+ if (status === "ready") {
+ submitForm();
+ } else {
+ toast.error("Please wait for the model to finish its response!");
+ }
+ }}
+ >
+ {(attachments.length > 0 || uploadQueue.length > 0) && (
+ {
+ if (e.key === "Escape" && editingMessage && onCancelEdit) {
+ e.preventDefault();
+ onCancelEdit();
+ }
+ }}
+ placeholder={
+ editingMessage ? "Edit your message..." : "Ask anything..."
+ }
+ ref={textareaRef}
+ value={input}
+ />
+
+
+
+
+ {status === "submitted" ? (
+ 0}
+ status={status}
+ variant="secondary"
+ >
+
+ )}
+
+
+
+ );
+}
+
+export const MultimodalInput = memo(
+ PureMultimodalInput,
+ (prevProps, nextProps) => {
+ if (prevProps.input !== nextProps.input) {
+ return false;
+ }
+ if (prevProps.status !== nextProps.status) {
+ return false;
+ }
+ if (!equal(prevProps.attachments, nextProps.attachments)) {
+ return false;
+ }
+ if (prevProps.selectedVisibilityType !== nextProps.selectedVisibilityType) {
+ return false;
+ }
+ if (prevProps.selectedModelId !== nextProps.selectedModelId) {
+ return false;
+ }
+ if (prevProps.editingMessage !== nextProps.editingMessage) {
+ return false;
+ }
+ if (prevProps.isLoading !== nextProps.isLoading) {
+ return false;
+ }
+ if (prevProps.messages.length !== nextProps.messages.length) {
+ return false;
+ }
+
+ return true;
+ }
+);
+
+function PureAttachmentsButton({
+ fileInputRef,
+ status,
+ selectedModelId,
+}: {
+ fileInputRef: React.MutableRefObject
+ Editing message
+
+
+ )}
+
+ {!editingMessage &&
+ !isLoading &&
+ messages.length === 0 &&
+ attachments.length === 0 &&
+ uploadQueue.length === 0 && (
+
+ {attachments.map((attachment) => (
+ {
+ setAttachments((currentAttachments) =>
+ currentAttachments.filter((a) => a.url !== attachment.url)
+ );
+ if (fileInputRef.current) {
+ fileInputRef.current.value = "";
+ }
+ }}
+ />
+ ))}
+
+ {uploadQueue.map((filename) => (
+
+ )}
+
+ {capabilities?.[model.id]?.tools && (
+
+
+ {suggestedActions.map((suggestedAction, index) => (
+
+ {
+ window.history.pushState(
+ {},
+ "",
+ `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/chat/${chatId}`
+ );
+ sendMessage({
+ role: "user",
+ parts: [{ type: "text", text: suggestion }],
+ });
+ }}
+ suggestion={suggestedAction}
+ >
+ {suggestedAction}
+
+
+ ))}
+
+ );
+}
+
+export const SuggestedActions = memo(
+ PureSuggestedActions,
+ (prevProps, nextProps) => {
+ if (prevProps.chatId !== nextProps.chatId) {
+ return false;
+ }
+ if (prevProps.selectedVisibilityType !== nextProps.selectedVisibilityType) {
+ return false;
+ }
+
+ return true;
+ }
+);
diff --git a/hooks/use-messages.tsx b/hooks/use-messages.tsx
index 949cc239eb..6905194603 100644
--- a/hooks/use-messages.tsx
+++ b/hooks/use-messages.tsx
@@ -15,6 +15,7 @@ export function useMessages({
scrollToBottom,
onViewportEnter,
onViewportLeave,
+ reset,
} = useScrollToBottom();
const [hasSentMessage, setHasSentMessage] = useState(false);
@@ -33,5 +34,6 @@ export function useMessages({
onViewportEnter,
onViewportLeave,
hasSentMessage,
+ reset,
};
}
diff --git a/hooks/use-scroll-to-bottom.tsx b/hooks/use-scroll-to-bottom.tsx
index 6bd814a76b..b970702f45 100644
--- a/hooks/use-scroll-to-bottom.tsx
+++ b/hooks/use-scroll-to-bottom.tsx
@@ -7,7 +7,6 @@ export function useScrollToBottom() {
const isAtBottomRef = useRef(true);
const isUserScrollingRef = useRef(false);
- // Keep ref in sync with state
useEffect(() => {
isAtBottomRef.current = isAtBottom;
}, [isAtBottom]);
@@ -30,7 +29,6 @@ export function useScrollToBottom() {
});
}, []);
- // Handle user scroll events
useEffect(() => {
const container = containerRef.current;
if (!container) {
@@ -40,16 +38,13 @@ export function useScrollToBottom() {
let scrollTimeout: ReturnType
+
;
export const sheetArtifact = new Artifact<"sheet", Metadata>({
kind: "sheet",
diff --git a/artifacts/sheet/server.ts b/artifacts/sheet/server.ts
index 4d90f2c962..94dd978969 100644
--- a/artifacts/sheet/server.ts
+++ b/artifacts/sheet/server.ts
@@ -1,78 +1,49 @@
-import { streamObject } from "ai";
-import { z } from "zod";
+import { streamText } from "ai";
import { sheetPrompt, updateDocumentPrompt } from "@/lib/ai/prompts";
-import { getArtifactModel } from "@/lib/ai/providers";
+import { getLanguageModel } from "@/lib/ai/providers";
import { createDocumentHandler } from "@/lib/artifacts/server";
export const sheetDocumentHandler = createDocumentHandler<"sheet">({
kind: "sheet",
- onCreateDocument: async ({ title, dataStream }) => {
+ onCreateDocument: async ({ title, dataStream, modelId }) => {
let draftContent = "";
- const { fullStream } = streamObject({
- model: getArtifactModel(),
- system: sheetPrompt,
+ const { fullStream } = streamText({
+ model: getLanguageModel(modelId),
+ system: `${sheetPrompt}\n\nOutput ONLY the raw CSV data. No explanations, no markdown fences.`,
prompt: title,
- schema: z.object({
- csv: z.string().describe("CSV data"),
- }),
});
for await (const delta of fullStream) {
- const { type } = delta;
-
- if (type === "object") {
- const { object } = delta;
- const { csv } = object;
-
- if (csv) {
- dataStream.write({
- type: "data-sheetDelta",
- data: csv,
- transient: true,
- });
-
- draftContent = csv;
- }
+ if (delta.type === "text-delta") {
+ draftContent += delta.text;
+ dataStream.write({
+ type: "data-sheetDelta",
+ data: draftContent,
+ transient: true,
+ });
}
}
- dataStream.write({
- type: "data-sheetDelta",
- data: draftContent,
- transient: true,
- });
-
return draftContent;
},
- onUpdateDocument: async ({ document, description, dataStream }) => {
+ onUpdateDocument: async ({ document, description, dataStream, modelId }) => {
let draftContent = "";
- const { fullStream } = streamObject({
- model: getArtifactModel(),
- system: updateDocumentPrompt(document.content, "sheet"),
+ const { fullStream } = streamText({
+ model: getLanguageModel(modelId),
+ system: `${updateDocumentPrompt(document.content, "sheet")}\n\nOutput ONLY the raw CSV data. No explanations, no markdown fences.`,
prompt: description,
- schema: z.object({
- csv: z.string(),
- }),
});
for await (const delta of fullStream) {
- const { type } = delta;
-
- if (type === "object") {
- const { object } = delta;
- const { csv } = object;
-
- if (csv) {
- dataStream.write({
- type: "data-sheetDelta",
- data: csv,
- transient: true,
- });
-
- draftContent = csv;
- }
+ if (delta.type === "text-delta") {
+ draftContent += delta.text;
+ dataStream.write({
+ type: "data-sheetDelta",
+ data: draftContent,
+ transient: true,
+ });
}
}
diff --git a/artifacts/text/client.tsx b/artifacts/text/client.tsx
index 10730e4905..70ac9bf018 100644
--- a/artifacts/text/client.tsx
+++ b/artifacts/text/client.tsx
@@ -1,7 +1,7 @@
import { toast } from "sonner";
-import { Artifact } from "@/components/create-artifact";
-import { DiffView } from "@/components/diffview";
-import { DocumentSkeleton } from "@/components/document-skeleton";
+import { Artifact } from "@/components/chat/create-artifact";
+import { DiffView } from "@/components/chat/diffview";
+import { DocumentSkeleton } from "@/components/chat/document-skeleton";
import {
ClockRewind,
CopyIcon,
@@ -9,8 +9,8 @@ import {
PenIcon,
RedoIcon,
UndoIcon,
-} from "@/components/icons";
-import { Editor } from "@/components/text-editor";
+} from "@/components/chat/icons";
+import { Editor } from "@/components/chat/text-editor";
import type { Suggestion } from "@/lib/db/schema";
import { getSuggestions } from "../actions";
@@ -69,21 +69,31 @@ export const textArtifact = new Artifact<"text", TextArtifactMetadata>({
}
if (mode === "diff") {
- const oldContent = getDocumentContentById(currentVersionIndex - 1);
- const newContent = getDocumentContentById(currentVersionIndex);
+ const selectedContent = getDocumentContentById(currentVersionIndex);
+ const prevContent =
+ currentVersionIndex > 0
+ ? getDocumentContentById(currentVersionIndex - 1)
+ : selectedContent;
- return
+
+ );
}
return (
-
+
["addToolApprovalResponse"];
+ chatId: string;
+ status: UseChatHelpers["status"];
+ votes: Vote[] | undefined;
+ messages: ChatMessage[];
+ setMessages: UseChatHelpers["setMessages"];
+ regenerate: UseChatHelpers["regenerate"];
+ isReadonly: boolean;
+ artifactStatus: UIArtifact["status"];
+};
+
+function PureArtifactMessages({
+ addToolApprovalResponse,
+ chatId,
+ status,
+ votes,
+ messages,
+ setMessages,
+ regenerate,
+ isReadonly,
+}: ArtifactMessagesProps) {
+ const {
+ containerRef: messagesContainerRef,
+ endRef: messagesEndRef,
+ onViewportEnter,
+ onViewportLeave,
+ hasSentMessage,
+ } = useMessages({
+ status,
+ });
+
+ return (
+ ["addToolApprovalResponse"];
+ chatId: string;
+ input: string;
+ setInput: Dispatch>;
+ status: UseChatHelpers["status"];
+ stop: UseChatHelpers["stop"];
+ attachments: Attachment[];
+ setAttachments: Dispatch>;
+ messages: ChatMessage[];
+ setMessages: UseChatHelpers["setMessages"];
+ votes: Vote[] | undefined;
+ sendMessage: UseChatHelpers["sendMessage"];
+ regenerate: UseChatHelpers["regenerate"];
+ isReadonly: boolean;
+ selectedVisibilityType: VisibilityType;
+ selectedModelId: string;
+}) {
+ const { artifact, setArtifact, metadata, setMetadata } = useArtifact();
+
+ const {
+ data: documents,
+ isLoading: isDocumentsFetching,
+ mutate: mutateDocuments,
+ } = useSWR(
+ artifact.documentId !== "init" && artifact.status !== "streaming"
+ ? `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/document?id=${artifact.documentId}`
+ : null,
+ fetcher
+ );
+
+ const [mode, setMode] = useState<"edit" | "diff">("edit");
+ const [document, setDocument] = useState(null);
+ const [currentVersionIndex, setCurrentVersionIndex] = useState(-1);
+
+ const { state: sidebarState } = useSidebar();
+ const artifactContentRef = useRef(null);
+ const userScrolledArtifact = useRef(false);
+ const [isContentDirty, setIsContentDirty] = useState(false);
+
+ useEffect(() => {
+ if (artifact.status !== "streaming") {
+ userScrolledArtifact.current = false;
+ return;
+ }
+ if (userScrolledArtifact.current) return;
+ const el = artifactContentRef.current;
+ if (!el) return;
+ el.scrollTo({ top: el.scrollHeight });
+ }, [artifact.status, artifact.content]);
+
+ useEffect(() => {
+ if (documents && documents.length > 0) {
+ const mostRecentDocument = documents.at(-1);
+
+ if (mostRecentDocument) {
+ setDocument(mostRecentDocument);
+ setCurrentVersionIndex(documents.length - 1);
+ if (artifact.status === "streaming" || !isContentDirty) {
+ setArtifact((currentArtifact) => ({
+ ...currentArtifact,
+ content: mostRecentDocument.content ?? "",
+ }));
+ }
+ }
+ }
+ }, [documents, setArtifact, artifact.status, isContentDirty]);
+
+ useEffect(() => {
+ mutateDocuments();
+ }, [mutateDocuments]);
+
+ const { mutate } = useSWRConfig();
+
+ const handleContentChange = useCallback(
+ (updatedContent: string) => {
+ if (!artifact) {
+ return;
+ }
+
+ mutate(
+ `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/document?id=${artifact.documentId}`,
+ async (currentDocuments) => {
+ if (!currentDocuments) {
+ return [];
+ }
+
+ const currentDocument = currentDocuments.at(-1);
+
+ if (!currentDocument || !currentDocument.content) {
+ setIsContentDirty(false);
+ return currentDocuments;
+ }
+
+ if (currentDocument.content === updatedContent) {
+ setIsContentDirty(false);
+ return currentDocuments;
+ }
+
+ await fetch(
+ `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/document?id=${artifact.documentId}`,
+ {
+ method: "POST",
+ body: JSON.stringify({
+ title: artifact.title,
+ content: updatedContent,
+ kind: artifact.kind,
+ isManualEdit: true,
+ }),
+ }
+ );
+
+ setIsContentDirty(false);
+
+ return currentDocuments.map((doc, i) =>
+ i === currentDocuments.length - 1
+ ? { ...doc, content: updatedContent }
+ : doc
+ );
+ },
+ { revalidate: false }
+ );
+ },
+ [artifact, mutate]
+ );
+
+ const latestContentRef = useRef("");
+ const saveTimerRef = useRef | null>(null);
+
+ const saveContent = useCallback(
+ (updatedContent: string, debounce: boolean) => {
+ latestContentRef.current = updatedContent;
+ setIsContentDirty(true);
+
+ if (saveTimerRef.current) {
+ clearTimeout(saveTimerRef.current);
+ saveTimerRef.current = null;
+ }
+
+ if (debounce) {
+ saveTimerRef.current = setTimeout(() => {
+ handleContentChange(latestContentRef.current);
+ saveTimerRef.current = null;
+ }, 2000);
+ } else {
+ handleContentChange(updatedContent);
+ }
+ },
+ [handleContentChange]
+ );
+
+ function getDocumentContentById(index: number) {
+ if (!documents) {
+ return "";
+ }
+ if (!documents[index]) {
+ return "";
+ }
+ return documents[index].content ?? "";
+ }
+
+ const handleVersionChange = (type: "next" | "prev" | "toggle" | "latest") => {
+ if (!documents) {
+ return;
+ }
+
+ if (type === "latest") {
+ setCurrentVersionIndex(documents.length - 1);
+ setMode("edit");
+ }
+
+ if (type === "toggle") {
+ setMode((currentMode) => (currentMode === "edit" ? "diff" : "edit"));
+ }
+
+ if (type === "prev") {
+ if (currentVersionIndex > 0) {
+ setCurrentVersionIndex((index) => index - 1);
+ }
+ } else if (type === "next" && currentVersionIndex < documents.length - 1) {
+ setCurrentVersionIndex((index) => index + 1);
+ }
+ };
+
+ const [isToolbarVisible, setIsToolbarVisible] = useState(true);
+
+ const isCurrentVersion =
+ documents && documents.length > 0
+ ? currentVersionIndex === documents.length - 1
+ : true;
+
+ const { width: windowWidth, height: windowHeight } = useWindowSize();
+ const isMobile = windowWidth ? windowWidth < 768 : false;
+
+ const artifactDefinition = artifactDefinitions.find(
+ (definition) => definition.kind === artifact.kind
+ );
+
+ if (!artifactDefinition) {
+ throw new Error("Artifact definition not found!");
+ }
+
+ useEffect(() => {
+ if (artifact.documentId !== "init" && artifactDefinition.initialize) {
+ artifactDefinition.initialize({
+ documentId: artifact.documentId,
+ setMetadata,
+ });
+ }
+ }, [artifact.documentId, artifactDefinition, setMetadata]);
+
+ if (!artifact.isVisible && !isMobile) {
+ return (
+
+ );
+ }
+
+ if (!artifact.isVisible) {
+ return null;
+ }
+
+ const consoleError =
+ metadata?.outputs
+ ?.filter((o: { status: string }) => o.status === "failed")
+ .flatMap((o: { contents: { type: string; value: string }[] }) =>
+ o.contents.filter((c) => c.type === "text").map((c) => c.value)
+ )
+ .join("\n") || undefined;
+
+ const artifactPanel = (
+ <>
+ {sidebarState !== "collapsed" && (
+
+ {!isCurrentVersion && (
+
+
+ );
+
+ if (isMobile) {
+ return (
+
+ {artifactPanel}
+
+ );
+ }
+
+ return (
+ (null);
+ const editorRef = useRef(null);
+ const userScrolledRef = useRef(false);
+
+ useEffect(() => {
+ if (containerRef.current && !editorRef.current) {
+ const startState = EditorState.create({
+ doc: content,
+ extensions: [basicSetup, python(), oneDark],
+ });
+
+ editorRef.current = new EditorView({
+ state: startState,
+ parent: containerRef.current,
+ });
+ }
+
+ return () => {
+ if (editorRef.current) {
+ editorRef.current.destroy();
+ editorRef.current = null;
+ }
+ };
+ }, [content]);
+
+ useEffect(() => {
+ if (editorRef.current) {
+ const updateListener = EditorView.updateListener.of((update) => {
+ if (update.docChanged) {
+ const transaction = update.transactions.find(
+ (tr) => !tr.annotation(Transaction.remote)
+ );
+
+ if (transaction) {
+ const newContent = update.state.doc.toString();
+ onSaveContent(newContent, true);
+ }
+ }
+ });
+
+ const scrollListener = EditorView.domEventHandlers({
+ scroll() {
+ if (status !== "streaming") return;
+ const dom = editorRef.current?.scrollDOM;
+ if (!dom) return;
+ const atBottom =
+ dom.scrollHeight - dom.scrollTop - dom.clientHeight < 40;
+ userScrolledRef.current = !atBottom;
+ },
+ });
+
+ const currentSelection = editorRef.current.state.selection;
+
+ const newState = EditorState.create({
+ doc: editorRef.current.state.doc,
+ extensions: [
+ basicSetup,
+ python(),
+ oneDark,
+ updateListener,
+ scrollListener,
+ ],
+ selection: currentSelection,
+ });
+
+ editorRef.current.setState(newState);
+ }
+ }, [onSaveContent, status]);
+
+ useEffect(() => {
+ if (status !== "streaming") {
+ userScrolledRef.current = false;
+ }
+ }, [status]);
+
+ useEffect(() => {
+ if (editorRef.current && content) {
+ const currentContent = editorRef.current.state.doc.toString();
+
+ if (status === "streaming" || currentContent !== content) {
+ const transaction = editorRef.current.state.update({
+ changes: {
+ from: 0,
+ to: currentContent.length,
+ insert: content,
+ },
+ annotations: [Transaction.remote.of(true)],
+ });
+
+ editorRef.current.dispatch(transaction);
+
+ if (status === "streaming" && !userScrolledRef.current) {
+ requestAnimationFrame(() => {
+ const dom = editorRef.current?.scrollDOM;
+ if (dom) {
+ dom.scrollTo({ top: dom.scrollHeight });
+ }
+ });
+ }
+ }
+ }
+ }, [content, status]);
+
+ return (
+
+ );
+}
+
+export const CodeEditor = memo(PureCodeEditor, (prevProps, nextProps) => {
+ if (prevProps.status === "streaming" && nextProps.status === "streaming") {
+ return false;
+ }
+
+ if (prevProps.content !== nextProps.content) {
+ return false;
+ }
+
+ if (prevProps.status !== nextProps.status) {
+ return false;
+ }
+
+ if (prevProps.currentVersionIndex !== nextProps.currentVersionIndex) {
+ return false;
+ }
+
+ return true;
+});
diff --git a/components/chat/console.tsx b/components/chat/console.tsx
new file mode 100644
index 0000000000..76ccbff9ef
--- /dev/null
+++ b/components/chat/console.tsx
@@ -0,0 +1,189 @@
+import {
+ type Dispatch,
+ type SetStateAction,
+ useCallback,
+ useEffect,
+ useRef,
+ useState,
+} from "react";
+import { useArtifactSelector } from "@/hooks/use-artifact";
+import { cn } from "@/lib/utils";
+import { Button } from "../ui/button";
+import { Spinner } from "../ui/spinner";
+import { CrossSmallIcon, TerminalWindowIcon } from "./icons";
+
+export type ConsoleOutputContent = {
+ type: "text" | "image";
+ value: string;
+};
+
+export type ConsoleOutput = {
+ id: string;
+ status: "in_progress" | "loading_packages" | "completed" | "failed";
+ contents: ConsoleOutputContent[];
+};
+
+type ConsoleProps = {
+ consoleOutputs: ConsoleOutput[];
+ setConsoleOutputs: Dispatch>;
+};
+
+export function Console({ consoleOutputs, setConsoleOutputs }: ConsoleProps) {
+ const [height, setHeight] = useState(300);
+ const [isResizing, setIsResizing] = useState(false);
+
+ const isArtifactVisible = useArtifactSelector((state) => state.isVisible);
+
+ const minHeight = 100;
+ const maxHeight = 800;
+
+ const startResizing = useCallback(() => {
+ setIsResizing(true);
+ }, []);
+
+ const stopResizing = useCallback(() => {
+ setIsResizing(false);
+ }, []);
+
+ const resize = useCallback(
+ (e: MouseEvent) => {
+ if (isResizing) {
+ const newHeight = window.innerHeight - e.clientY;
+ if (newHeight >= minHeight && newHeight <= maxHeight) {
+ setHeight(newHeight);
+ }
+ }
+ },
+ [isResizing]
+ );
+
+ useEffect(() => {
+ window.addEventListener("mousemove", resize);
+ window.addEventListener("mouseup", stopResizing);
+ return () => {
+ window.removeEventListener("mousemove", resize);
+ window.removeEventListener("mouseup", stopResizing);
+ };
+ }, [resize, stopResizing]);
+
+ const consoleContainerRef = useRef(null);
+
+ useEffect(() => {
+ if (consoleOutputs.length > 0) {
+ consoleContainerRef.current?.scrollTo({ top: 0, behavior: "smooth" });
+ }
+ }, [consoleOutputs.length]);
+
+ useEffect(() => {
+ if (!isArtifactVisible) {
+ setConsoleOutputs([]);
+ }
+ }, [isArtifactVisible, setConsoleOutputs]);
+
+ return consoleOutputs.length > 0 ? (
+ <>
+ onEdit(message) : undefined}
+ vote={vote}
+ />
+ );
+
+ const content = isThinking ? (
+
+
+ setOpenMobile(false)}>
+ {chat.title}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ setVisibilityType("private");
+ }}
+ >
+
+ {
+ setVisibilityType("public");
+ }}
+ >
+
+
+
+
+
+ onDelete(chat.id)}
+ variant="destructive"
+ >
+
+
+
+
+ );
+};
+
+export const ChatItem = memo(PureChatItem, (prevProps, nextProps) => {
+ if (prevProps.isActive !== nextProps.isActive) {
+ return false;
+ }
+ return true;
+});
diff --git a/components/chat/sidebar-history.tsx b/components/chat/sidebar-history.tsx
new file mode 100644
index 0000000000..f45aa83fe7
--- /dev/null
+++ b/components/chat/sidebar-history.tsx
@@ -0,0 +1,375 @@
+"use client";
+
+import { isToday, isYesterday, subMonths, subWeeks } from "date-fns";
+import { motion } from "framer-motion";
+import { usePathname, useRouter } from "next/navigation";
+import type { User } from "next-auth";
+import { useState } from "react";
+import { toast } from "sonner";
+import useSWRInfinite from "swr/infinite";
+import {
+ AlertDialog,
+ AlertDialogAction,
+ AlertDialogCancel,
+ AlertDialogContent,
+ AlertDialogDescription,
+ AlertDialogFooter,
+ AlertDialogHeader,
+ AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import {
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarGroupLabel,
+ SidebarMenu,
+ useSidebar,
+} from "@/components/ui/sidebar";
+import type { Chat } from "@/lib/db/schema";
+import { fetcher } from "@/lib/utils";
+import { LoaderIcon } from "./icons";
+import { ChatItem } from "./sidebar-history-item";
+
+type GroupedChats = {
+ today: Chat[];
+ yesterday: Chat[];
+ lastWeek: Chat[];
+ lastMonth: Chat[];
+ older: Chat[];
+};
+
+export type ChatHistory = {
+ chats: Chat[];
+ hasMore: boolean;
+};
+
+const PAGE_SIZE = 20;
+
+const groupChatsByDate = (chats: Chat[]): GroupedChats => {
+ const now = new Date();
+ const oneWeekAgo = subWeeks(now, 1);
+ const oneMonthAgo = subMonths(now, 1);
+
+ return chats.reduce(
+ (groups, chat) => {
+ const chatDate = new Date(chat.createdAt);
+
+ if (isToday(chatDate)) {
+ groups.today.push(chat);
+ } else if (isYesterday(chatDate)) {
+ groups.yesterday.push(chat);
+ } else if (chatDate > oneWeekAgo) {
+ groups.lastWeek.push(chat);
+ } else if (chatDate > oneMonthAgo) {
+ groups.lastMonth.push(chat);
+ } else {
+ groups.older.push(chat);
+ }
+
+ return groups;
+ },
+ {
+ today: [],
+ yesterday: [],
+ lastWeek: [],
+ lastMonth: [],
+ older: [],
+ } as GroupedChats
+ );
+};
+
+export function getChatHistoryPaginationKey(
+ pageIndex: number,
+ previousPageData: ChatHistory
+) {
+ if (previousPageData && previousPageData.hasMore === false) {
+ return null;
+ }
+
+ if (pageIndex === 0) {
+ return `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/history?limit=${PAGE_SIZE}`;
+ }
+
+ const firstChatFromPage = previousPageData.chats.at(-1);
+
+ if (!firstChatFromPage) {
+ return null;
+ }
+
+ return `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/history?ending_before=${firstChatFromPage.id}&limit=${PAGE_SIZE}`;
+}
+
+export function SidebarHistory({ user }: { user: User | undefined }) {
+ const { setOpenMobile } = useSidebar();
+ const pathname = usePathname();
+ const id = pathname?.startsWith("/chat/") ? pathname.split("/")[2] : null;
+
+ const {
+ data: paginatedChatHistories,
+ setSize,
+ isValidating,
+ isLoading,
+ mutate,
+ } = useSWRInfinite(
+ user ? getChatHistoryPaginationKey : () => null,
+ fetcher,
+ { fallbackData: [], revalidateOnFocus: false }
+ );
+
+ const router = useRouter();
+ const [deleteId, setDeleteId] = useState(null);
+ const [showDeleteDialog, setShowDeleteDialog] = useState(false);
+
+ const hasReachedEnd = paginatedChatHistories
+ ? paginatedChatHistories.some((page) => page.hasMore === false)
+ : false;
+
+ const hasEmptyChatHistory = paginatedChatHistories
+ ? paginatedChatHistories.every((page) => page.chats.length === 0)
+ : false;
+
+ const handleDelete = () => {
+ const chatToDelete = deleteId;
+ const isCurrentChat = pathname === `/chat/${chatToDelete}`;
+
+ setShowDeleteDialog(false);
+
+ if (isCurrentChat) {
+ router.replace("/");
+ }
+
+ mutate((chatHistories) => {
+ if (chatHistories) {
+ return chatHistories.map((chatHistory) => ({
+ ...chatHistory,
+ chats: chatHistory.chats.filter(
+ (chat) => chat.id !== chatToDelete
+ ),
+ }));
+ }
+ });
+
+ fetch(
+ `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/chat?id=${chatToDelete}`,
+ { method: "DELETE" }
+ );
+
+ toast.success("Chat deleted");
+ };
+
+ if (!user) {
+ return (
+
+
+
+
+ );
+ }
+
+ if (isLoading) {
+ return (
+
+
+ History
+
+
+
+
+ );
+ }
+
+ if (hasEmptyChatHistory) {
+ return (
+
+
+ History
+
+
+
+
+ );
+ }
+
+ return (
+ <>
+
+
+ History
+
+
+
+ {paginatedChatHistories &&
+ (() => {
+ const chatsFromHistory = paginatedChatHistories.flatMap(
+ (paginatedChatHistory) => paginatedChatHistory.chats
+ );
+
+ const groupedChats = groupChatsByDate(chatsFromHistory);
+
+ return (
+
+
+ {
+ if (!isValidating && !hasReachedEnd) {
+ setSize((size) => size + 1);
+ }
+ }}
+ />
+
+ {hasReachedEnd ? null : (
+
+
+
+
+
+
+ Are you absolutely sure?
+
+ This action cannot be undone. This will permanently delete your
+ chat and remove it from our servers.
+
+
+
+ Cancel
+
+ Continue
+
+
+
+
+
+ );
+}
diff --git a/components/chat/sidebar-toggle.tsx b/components/chat/sidebar-toggle.tsx
new file mode 100644
index 0000000000..5b5caf86cf
--- /dev/null
+++ b/components/chat/sidebar-toggle.tsx
@@ -0,0 +1,35 @@
+import type { ComponentProps } from "react";
+
+import { type SidebarTrigger, useSidebar } from "@/components/ui/sidebar";
+import {
+ Tooltip,
+ TooltipContent,
+ TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { Button } from "../ui/button";
+import { SidebarLeftIcon } from "./icons";
+
+export function SidebarToggle({
+ className,
+}: ComponentProps) {
+ const { toggleSidebar } = useSidebar();
+
+ return (
+
+
+
+
+
+ Toggle Sidebar
+
+
+ );
+}
diff --git a/components/chat/sidebar-user-nav.tsx b/components/chat/sidebar-user-nav.tsx
new file mode 100644
index 0000000000..2a1e83dcad
--- /dev/null
+++ b/components/chat/sidebar-user-nav.tsx
@@ -0,0 +1,121 @@
+"use client";
+
+import { ChevronUp } from "lucide-react";
+import { useRouter } from "next/navigation";
+import type { User } from "next-auth";
+import { signOut, useSession } from "next-auth/react";
+import { useTheme } from "next-themes";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+} from "@/components/ui/sidebar";
+import { guestRegex } from "@/lib/constants";
+import { LoaderIcon } from "./icons";
+import { toast } from "./toast";
+
+function emailToHue(email: string): number {
+ let hash = 0;
+ for (const char of email) {
+ hash = char.charCodeAt(0) + ((hash << 5) - hash);
+ }
+ return Math.abs(hash) % 360;
+}
+
+export function SidebarUserNav({ user }: { user: User }) {
+ const router = useRouter();
+ const { data, status } = useSession();
+ const { setTheme, resolvedTheme } = useTheme();
+
+ const isGuest = guestRegex.test(data?.user?.email ?? "");
+
+ return (
+
+
+
+
+ {status === "loading" ? (
+
+
+ ) : (
+
+
+
+ {isGuest ? "Guest" : user?.email}
+
+
+ )}
+
+
+
+ setTheme(resolvedTheme === "dark" ? "light" : "dark")
+ }
+ >
+ {`Toggle ${resolvedTheme === "light" ? "dark" : "light"} mode`}
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/components/chat/sign-out-form.tsx b/components/chat/sign-out-form.tsx
new file mode 100644
index 0000000000..b56ea41c29
--- /dev/null
+++ b/components/chat/sign-out-form.tsx
@@ -0,0 +1,25 @@
+import Form from "next/form";
+
+import { signOut } from "@/app/(auth)/auth";
+
+export const SignOutForm = () => {
+ return (
+
+ );
+};
diff --git a/components/chat/submit-button.tsx b/components/chat/submit-button.tsx
new file mode 100644
index 0000000000..75b813e974
--- /dev/null
+++ b/components/chat/submit-button.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import { useFormStatus } from "react-dom";
+
+import { LoaderIcon } from "@/components/chat/icons";
+
+import { Button } from "../ui/button";
+
+export function SubmitButton({
+ children,
+ isSuccessful,
+}: {
+ children: React.ReactNode;
+ isSuccessful: boolean;
+}) {
+ const { pending } = useFormStatus();
+
+ return (
+
+ );
+}
diff --git a/components/chat/toast.tsx b/components/chat/toast.tsx
new file mode 100644
index 0000000000..e9de0cb67f
--- /dev/null
+++ b/components/chat/toast.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import { type ReactNode, useEffect, useRef, useState } from "react";
+import { toast as sonnerToast } from "sonner";
+import { cn } from "@/lib/utils";
+import { CheckCircleFillIcon, WarningIcon } from "./icons";
+
+const iconsByType: Record<"success" | "error", ReactNode> = {
+ success: ) {
+ return sonnerToast.custom((id) => (
+ (null);
+ const [multiLine, setMultiLine] = useState(false);
+
+ useEffect(() => {
+ const el = descriptionRef.current;
+ if (!el) {
+ return;
+ }
+
+ const update = () => {
+ const lineHeight = Number.parseFloat(getComputedStyle(el).lineHeight);
+ const lines = Math.round(el.scrollHeight / lineHeight);
+ setMultiLine(lines > 1);
+ };
+
+ update();
+ const ro = new ResizeObserver(update);
+ ro.observe(el);
+
+ return () => ro.disconnect();
+ }, []);
+
+ return (
+ ) {
+ const [open, setOpen] = useState(false);
+
+ const { visibilityType, setVisibilityType } = useChatVisibility({
+ chatId,
+ initialVisibilityType: selectedVisibilityType,
+ });
+
+ const selectedVisibility = useMemo(
+ () => visibilities.find((visibility) => visibility.id === visibilityType),
+ [visibilityType]
+ );
+
+ return (
+
+
+
+
+
+
+ {visibilities.map((visibility) => (
+ {
+ setVisibilityType(visibility.id);
+ setOpen(false);
+ }}
+ >
+
+ ))}
+
+
+ );
+}
diff --git a/components/chat/weather.tsx b/components/chat/weather.tsx
new file mode 100644
index 0000000000..049d80a868
--- /dev/null
+++ b/components/chat/weather.tsx
@@ -0,0 +1,434 @@
+"use client";
+
+import cx from "classnames";
+import { format, isWithinInterval } from "date-fns";
+import { useEffect, useState } from "react";
+
+const SunIcon = ({ size = 40 }: { size?: number }) => (
+
+);
+
+const MoonIcon = ({ size = 40 }: { size?: number }) => (
+
+);
+
+const CloudIcon = ({ size = 24 }: { size?: number }) => (
+
+);
+
+type WeatherAtLocation = {
+ latitude: number;
+ longitude: number;
+ generationtime_ms: number;
+ utc_offset_seconds: number;
+ timezone: string;
+ timezone_abbreviation: string;
+ elevation: number;
+ cityName?: string;
+ current_units: {
+ time: string;
+ interval: string;
+ temperature_2m: string;
+ };
+ current: {
+ time: string;
+ interval: number;
+ temperature_2m: number;
+ };
+ hourly_units: {
+ time: string;
+ temperature_2m: string;
+ };
+ hourly: {
+ time: string[];
+ temperature_2m: number[];
+ };
+ daily_units: {
+ time: string;
+ sunrise: string;
+ sunset: string;
+ };
+ daily: {
+ time: string[];
+ sunrise: string[];
+ sunset: string[];
+ };
+};
+
+const SAMPLE = {
+ latitude: 37.763_283,
+ longitude: -122.412_86,
+ generationtime_ms: 0.027_894_973_754_882_812,
+ utc_offset_seconds: 0,
+ timezone: "GMT",
+ timezone_abbreviation: "GMT",
+ elevation: 18,
+ current_units: { time: "iso8601", interval: "seconds", temperature_2m: "°C" },
+ current: { time: "2024-10-07T19:30", interval: 900, temperature_2m: 29.3 },
+ hourly_units: { time: "iso8601", temperature_2m: "°C" },
+ hourly: {
+ time: [
+ "2024-10-07T00:00",
+ "2024-10-07T01:00",
+ "2024-10-07T02:00",
+ "2024-10-07T03:00",
+ "2024-10-07T04:00",
+ "2024-10-07T05:00",
+ "2024-10-07T06:00",
+ "2024-10-07T07:00",
+ "2024-10-07T08:00",
+ "2024-10-07T09:00",
+ "2024-10-07T10:00",
+ "2024-10-07T11:00",
+ "2024-10-07T12:00",
+ "2024-10-07T13:00",
+ "2024-10-07T14:00",
+ "2024-10-07T15:00",
+ "2024-10-07T16:00",
+ "2024-10-07T17:00",
+ "2024-10-07T18:00",
+ "2024-10-07T19:00",
+ "2024-10-07T20:00",
+ "2024-10-07T21:00",
+ "2024-10-07T22:00",
+ "2024-10-07T23:00",
+ "2024-10-08T00:00",
+ "2024-10-08T01:00",
+ "2024-10-08T02:00",
+ "2024-10-08T03:00",
+ "2024-10-08T04:00",
+ "2024-10-08T05:00",
+ "2024-10-08T06:00",
+ "2024-10-08T07:00",
+ "2024-10-08T08:00",
+ "2024-10-08T09:00",
+ "2024-10-08T10:00",
+ "2024-10-08T11:00",
+ "2024-10-08T12:00",
+ "2024-10-08T13:00",
+ "2024-10-08T14:00",
+ "2024-10-08T15:00",
+ "2024-10-08T16:00",
+ "2024-10-08T17:00",
+ "2024-10-08T18:00",
+ "2024-10-08T19:00",
+ "2024-10-08T20:00",
+ "2024-10-08T21:00",
+ "2024-10-08T22:00",
+ "2024-10-08T23:00",
+ "2024-10-09T00:00",
+ "2024-10-09T01:00",
+ "2024-10-09T02:00",
+ "2024-10-09T03:00",
+ "2024-10-09T04:00",
+ "2024-10-09T05:00",
+ "2024-10-09T06:00",
+ "2024-10-09T07:00",
+ "2024-10-09T08:00",
+ "2024-10-09T09:00",
+ "2024-10-09T10:00",
+ "2024-10-09T11:00",
+ "2024-10-09T12:00",
+ "2024-10-09T13:00",
+ "2024-10-09T14:00",
+ "2024-10-09T15:00",
+ "2024-10-09T16:00",
+ "2024-10-09T17:00",
+ "2024-10-09T18:00",
+ "2024-10-09T19:00",
+ "2024-10-09T20:00",
+ "2024-10-09T21:00",
+ "2024-10-09T22:00",
+ "2024-10-09T23:00",
+ "2024-10-10T00:00",
+ "2024-10-10T01:00",
+ "2024-10-10T02:00",
+ "2024-10-10T03:00",
+ "2024-10-10T04:00",
+ "2024-10-10T05:00",
+ "2024-10-10T06:00",
+ "2024-10-10T07:00",
+ "2024-10-10T08:00",
+ "2024-10-10T09:00",
+ "2024-10-10T10:00",
+ "2024-10-10T11:00",
+ "2024-10-10T12:00",
+ "2024-10-10T13:00",
+ "2024-10-10T14:00",
+ "2024-10-10T15:00",
+ "2024-10-10T16:00",
+ "2024-10-10T17:00",
+ "2024-10-10T18:00",
+ "2024-10-10T19:00",
+ "2024-10-10T20:00",
+ "2024-10-10T21:00",
+ "2024-10-10T22:00",
+ "2024-10-10T23:00",
+ "2024-10-11T00:00",
+ "2024-10-11T01:00",
+ "2024-10-11T02:00",
+ "2024-10-11T03:00",
+ ],
+ temperature_2m: [
+ 36.6, 32.8, 29.5, 28.6, 29.2, 28.2, 27.5, 26.6, 26.5, 26, 25, 23.5, 23.9,
+ 24.2, 22.9, 21, 24, 28.1, 31.4, 33.9, 32.1, 28.9, 26.9, 25.2, 23, 21.1,
+ 19.6, 18.6, 17.7, 16.8, 16.2, 15.5, 14.9, 14.4, 14.2, 13.7, 13.3, 12.9,
+ 12.5, 13.5, 15.8, 17.7, 19.6, 21, 21.9, 22.3, 22, 20.7, 18.9, 17.9, 17.3,
+ 17, 16.7, 16.2, 15.6, 15.2, 15, 15, 15.1, 14.8, 14.8, 14.9, 14.7, 14.8,
+ 15.3, 16.2, 17.9, 19.6, 20.5, 21.6, 21, 20.7, 19.3, 18.7, 18.4, 17.9,
+ 17.3, 17, 17, 16.8, 16.4, 16.2, 16, 15.8, 15.7, 15.4, 15.4, 16.1, 16.7,
+ 17, 18.6, 19, 19.5, 19.4, 18.5, 17.9, 17.5, 16.7, 16.3, 16.1,
+ ],
+ },
+ daily_units: {
+ time: "iso8601",
+ sunrise: "iso8601",
+ sunset: "iso8601",
+ },
+ daily: {
+ time: [
+ "2024-10-07",
+ "2024-10-08",
+ "2024-10-09",
+ "2024-10-10",
+ "2024-10-11",
+ ],
+ sunrise: [
+ "2024-10-07T07:15",
+ "2024-10-08T07:16",
+ "2024-10-09T07:17",
+ "2024-10-10T07:18",
+ "2024-10-11T07:19",
+ ],
+ sunset: [
+ "2024-10-07T19:00",
+ "2024-10-08T18:58",
+ "2024-10-09T18:57",
+ "2024-10-10T18:55",
+ "2024-10-11T18:54",
+ ],
+ },
+};
+
+function n(num: number): number {
+ return Math.ceil(num);
+}
+
+export function Weather({
+ weatherAtLocation = SAMPLE,
+}: {
+ weatherAtLocation?: WeatherAtLocation;
+}) {
+ const currentHigh = Math.max(
+ ...weatherAtLocation.hourly.temperature_2m.slice(0, 24)
+ );
+ const currentLow = Math.min(
+ ...weatherAtLocation.hourly.temperature_2m.slice(0, 24)
+ );
+
+ const isDay = isWithinInterval(new Date(weatherAtLocation.current.time), {
+ start: new Date(weatherAtLocation.daily.sunrise[0]),
+ end: new Date(weatherAtLocation.daily.sunset[0]),
+ });
+
+ const [isMobile, setIsMobile] = useState(false);
+
+ useEffect(() => {
+ const handleResize = () => {
+ setIsMobile(window.innerWidth < 768);
+ };
+
+ handleResize();
+ window.addEventListener("resize", handleResize);
+
+ return () => window.removeEventListener("resize", handleResize);
+ }, []);
+
+ const hoursToShow = isMobile ? 5 : 6;
+
+ const currentTimeIndex = weatherAtLocation.hourly.time.findIndex(
+ (time) => new Date(time) >= new Date(weatherAtLocation.current.time)
+ );
+
+ const displayTimes = weatherAtLocation.hourly.time.slice(
+ currentTimeIndex,
+ currentTimeIndex + hoursToShow
+ );
+ const displayTemperatures = weatherAtLocation.hourly.temperature_2m.slice(
+ currentTimeIndex,
+ currentTimeIndex + hoursToShow
+ );
+
+ const location =
+ weatherAtLocation.cityName ||
+ `${weatherAtLocation.latitude?.toFixed(1)}°, ${weatherAtLocation.longitude?.toFixed(1)}°`;
+
+ return (
+
-
-
-
-
-
-
-
-
-
-
-
- {
- setOpenMobile(false);
- router.push("/");
- router.refresh();
- }}
- tooltip="New Chat"
- >
-
-
- {user && (
-
- setShowDeleteAllDialog(true)}
- tooltip="Delete All Chats"
- >
-
-
- )}
-
-
-
-
- {user &&
-
-
-
-
-
- Delete all chats?
-
- This action cannot be undone. This will permanently delete all
- your chats and remove them from our servers.
-
-
-
- Cancel
-
- Delete All
-
-
-
-
-
- );
-}
diff --git a/components/artifact-actions.tsx b/components/artifact-actions.tsx
deleted file mode 100644
index 533d40dc8f..0000000000
--- a/components/artifact-actions.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { type Dispatch, memo, type SetStateAction, useState } from "react";
-import { toast } from "sonner";
-import { cn } from "@/lib/utils";
-import { artifactDefinitions, type UIArtifact } from "./artifact";
-import type { ArtifactActionContext } from "./create-artifact";
-import { Button } from "./ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
-
-type ArtifactActionsProps = {
- artifact: UIArtifact;
- handleVersionChange: (type: "next" | "prev" | "toggle" | "latest") => void;
- currentVersionIndex: number;
- isCurrentVersion: boolean;
- mode: "edit" | "diff";
- metadata: any;
- setMetadata: Dispatch>;
-};
-
-function PureArtifactActions({
- artifact,
- handleVersionChange,
- currentVersionIndex,
- isCurrentVersion,
- mode,
- metadata,
- setMetadata,
-}: ArtifactActionsProps) {
- const [isLoading, setIsLoading] = useState(false);
-
- const artifactDefinition = artifactDefinitions.find(
- (definition) => definition.kind === artifact.kind
- );
-
- if (!artifactDefinition) {
- throw new Error("Artifact definition not found!");
- }
-
- const actionContext: ArtifactActionContext = {
- content: artifact.content,
- handleVersionChange,
- currentVersionIndex,
- isCurrentVersion,
- mode,
- metadata,
- setMetadata,
- };
-
- return (
- ["addToolApprovalResponse"];
- chatId: string;
- status: UseChatHelpers["status"];
- votes: Vote[] | undefined;
- messages: ChatMessage[];
- setMessages: UseChatHelpers["setMessages"];
- regenerate: UseChatHelpers["regenerate"];
- isReadonly: boolean;
- artifactStatus: UIArtifact["status"];
-};
-
-function PureArtifactMessages({
- addToolApprovalResponse,
- chatId,
- status,
- votes,
- messages,
- setMessages,
- regenerate,
- isReadonly,
-}: ArtifactMessagesProps) {
- const {
- containerRef: messagesContainerRef,
- endRef: messagesEndRef,
- onViewportEnter,
- onViewportLeave,
- hasSentMessage,
- } = useMessages({
- status,
- });
-
- return (
- ["addToolApprovalResponse"];
- chatId: string;
- input: string;
- setInput: Dispatch>;
- status: UseChatHelpers["status"];
- stop: UseChatHelpers["stop"];
- attachments: Attachment[];
- setAttachments: Dispatch>;
- messages: ChatMessage[];
- setMessages: UseChatHelpers["setMessages"];
- votes: Vote[] | undefined;
- sendMessage: UseChatHelpers["sendMessage"];
- regenerate: UseChatHelpers["regenerate"];
- isReadonly: boolean;
- selectedVisibilityType: VisibilityType;
- selectedModelId: string;
-}) {
- const { artifact, setArtifact, metadata, setMetadata } = useArtifact();
-
- const {
- data: documents,
- isLoading: isDocumentsFetching,
- mutate: mutateDocuments,
- } = useSWR(
- artifact.documentId !== "init" && artifact.status !== "streaming"
- ? `/api/document?id=${artifact.documentId}`
- : null,
- fetcher
- );
-
- const [mode, setMode] = useState<"edit" | "diff">("edit");
- const [document, setDocument] = useState(null);
- const [currentVersionIndex, setCurrentVersionIndex] = useState(-1);
-
- const { open: isSidebarOpen } = useSidebar();
-
- useEffect(() => {
- if (documents && documents.length > 0) {
- const mostRecentDocument = documents.at(-1);
-
- if (mostRecentDocument) {
- setDocument(mostRecentDocument);
- setCurrentVersionIndex(documents.length - 1);
- setArtifact((currentArtifact) => ({
- ...currentArtifact,
- content: mostRecentDocument.content ?? "",
- }));
- }
- }
- }, [documents, setArtifact]);
-
- useEffect(() => {
- mutateDocuments();
- }, [mutateDocuments]);
-
- const { mutate } = useSWRConfig();
- const [isContentDirty, setIsContentDirty] = useState(false);
-
- const handleContentChange = useCallback(
- (updatedContent: string) => {
- if (!artifact) {
- return;
- }
-
- mutate(
- `/api/document?id=${artifact.documentId}`,
- async (currentDocuments) => {
- if (!currentDocuments) {
- return [];
- }
-
- const currentDocument = currentDocuments.at(-1);
-
- if (!currentDocument || !currentDocument.content) {
- setIsContentDirty(false);
- return currentDocuments;
- }
-
- if (currentDocument.content !== updatedContent) {
- await fetch(
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/document?id=${artifact.documentId}`,
- {
- method: "POST",
- body: JSON.stringify({
- title: artifact.title,
- content: updatedContent,
- kind: artifact.kind,
- }),
- }
- );
-
- setIsContentDirty(false);
-
- const newDocument = {
- ...currentDocument,
- content: updatedContent,
- createdAt: new Date(),
- };
-
- return [...currentDocuments, newDocument];
- }
- return currentDocuments;
- },
- { revalidate: false }
- );
- },
- [artifact, mutate]
- );
-
- const debouncedHandleContentChange = useDebounceCallback(
- handleContentChange,
- 2000
- );
-
- const saveContent = useCallback(
- (updatedContent: string, debounce: boolean) => {
- if (document && updatedContent !== document.content) {
- setIsContentDirty(true);
-
- if (debounce) {
- debouncedHandleContentChange(updatedContent);
- } else {
- handleContentChange(updatedContent);
- }
- }
- },
- [document, debouncedHandleContentChange, handleContentChange]
- );
-
- function getDocumentContentById(index: number) {
- if (!documents) {
- return "";
- }
- if (!documents[index]) {
- return "";
- }
- return documents[index].content ?? "";
- }
-
- const handleVersionChange = (type: "next" | "prev" | "toggle" | "latest") => {
- if (!documents) {
- return;
- }
-
- if (type === "latest") {
- setCurrentVersionIndex(documents.length - 1);
- setMode("edit");
- }
-
- if (type === "toggle") {
- setMode((currentMode) => (currentMode === "edit" ? "diff" : "edit"));
- }
-
- if (type === "prev") {
- if (currentVersionIndex > 0) {
- setCurrentVersionIndex((index) => index - 1);
- }
- } else if (type === "next" && currentVersionIndex < documents.length - 1) {
- setCurrentVersionIndex((index) => index + 1);
- }
- };
-
- const [isToolbarVisible, setIsToolbarVisible] = useState(false);
-
- /*
- * NOTE: if there are no documents, or if
- * the documents are being fetched, then
- * we mark it as the current version.
- */
-
- const isCurrentVersion =
- documents && documents.length > 0
- ? currentVersionIndex === documents.length - 1
- : true;
-
- const { width: windowWidth, height: windowHeight } = useWindowSize();
- const isMobile = windowWidth ? windowWidth < 768 : false;
-
- const artifactDefinition = artifactDefinitions.find(
- (definition) => definition.kind === artifact.kind
- );
-
- if (!artifactDefinition) {
- throw new Error("Artifact definition not found!");
- }
-
- useEffect(() => {
- if (artifact.documentId !== "init" && artifactDefinition.initialize) {
- artifactDefinition.initialize({
- documentId: artifact.documentId,
- setMetadata,
- });
- }
- }, [artifact.documentId, artifactDefinition, setMetadata]);
-
- return (
-
- {artifact.isVisible && (
-
- {!isMobile && (
-
-
- {!isCurrentVersion && (
-
-
-
- )}
-
-
-
- {!isCurrentVersion && (
-
-
-
- )}
-
- );
-}
-
-export const Artifact = memo(PureArtifact, (prevProps, nextProps) => {
- if (prevProps.status !== nextProps.status) {
- return false;
- }
- if (!equal(prevProps.votes, nextProps.votes)) {
- return false;
- }
- if (prevProps.input !== nextProps.input) {
- return false;
- }
- if (!equal(prevProps.messages, nextProps.messages.length)) {
- return false;
- }
- if (prevProps.selectedVisibilityType !== nextProps.selectedVisibilityType) {
- return false;
- }
-
- return true;
-});
diff --git a/components/auth-form.tsx b/components/auth-form.tsx
deleted file mode 100644
index 11644ce37f..0000000000
--- a/components/auth-form.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import Form from "next/form";
-
-import { Input } from "./ui/input";
-import { Label } from "./ui/label";
-
-export function AuthForm({
- action,
- children,
- defaultEmail = "",
-}: {
- action: NonNullable<
- string | ((formData: FormData) => void | Promise) | undefined
- >;
- children: React.ReactNode;
- defaultEmail?: string;
-}) {
- return (
-
- );
-}
diff --git a/components/chat-header.tsx b/components/chat-header.tsx
deleted file mode 100644
index 9c2a372d06..0000000000
--- a/components/chat-header.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { memo } from "react";
-import { Button } from "@/components/ui/button";
-import { VercelIcon } from "./icons";
-import { VisibilitySelector, type VisibilityType } from "./visibility-selector";
-
-function PureChatHeader({
- chatId,
- selectedVisibilityType,
- isReadonly,
-}: {
- chatId: string;
- selectedVisibilityType: VisibilityType;
- isReadonly: boolean;
-}) {
- return (
-
- {!isReadonly && (
-
- );
-}
-
-export const ChatHeader = memo(PureChatHeader, (prevProps, nextProps) => {
- return (
- prevProps.chatId === nextProps.chatId &&
- prevProps.selectedVisibilityType === nextProps.selectedVisibilityType &&
- prevProps.isReadonly === nextProps.isReadonly
- );
-});
diff --git a/components/chat.tsx b/components/chat.tsx
deleted file mode 100644
index 022983ff67..0000000000
--- a/components/chat.tsx
+++ /dev/null
@@ -1,288 +0,0 @@
-"use client";
-
-import { useChat } from "@ai-sdk/react";
-import { DefaultChatTransport } from "ai";
-import { useRouter, useSearchParams } from "next/navigation";
-import { useEffect, useRef, useState } from "react";
-import useSWR, { useSWRConfig } from "swr";
-import { unstable_serialize } from "swr/infinite";
-import { ChatHeader } from "@/components/chat-header";
-import {
- AlertDialog,
- AlertDialogAction,
- AlertDialogCancel,
- AlertDialogContent,
- AlertDialogDescription,
- AlertDialogFooter,
- AlertDialogHeader,
- AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { useArtifactSelector } from "@/hooks/use-artifact";
-import { useAutoResume } from "@/hooks/use-auto-resume";
-import { useChatVisibility } from "@/hooks/use-chat-visibility";
-import type { Vote } from "@/lib/db/schema";
-import { ChatbotError } from "@/lib/errors";
-import type { Attachment, ChatMessage } from "@/lib/types";
-import { fetcher, fetchWithErrorHandlers, generateUUID } from "@/lib/utils";
-import { Artifact } from "./artifact";
-import { useDataStream } from "./data-stream-provider";
-import { Messages } from "./messages";
-import { MultimodalInput } from "./multimodal-input";
-import { getChatHistoryPaginationKey } from "./sidebar-history";
-import { toast } from "./toast";
-import type { VisibilityType } from "./visibility-selector";
-
-export function Chat({
- id,
- initialMessages,
- initialChatModel,
- initialVisibilityType,
- isReadonly,
- autoResume,
-}: {
- id: string;
- initialMessages: ChatMessage[];
- initialChatModel: string;
- initialVisibilityType: VisibilityType;
- isReadonly: boolean;
- autoResume: boolean;
-}) {
- const router = useRouter();
-
- const { visibilityType } = useChatVisibility({
- chatId: id,
- initialVisibilityType,
- });
-
- const { mutate } = useSWRConfig();
-
- // Handle browser back/forward navigation
- useEffect(() => {
- const handlePopState = () => {
- // When user navigates back/forward, refresh to sync with URL
- router.refresh();
- };
-
- window.addEventListener("popstate", handlePopState);
- return () => window.removeEventListener("popstate", handlePopState);
- }, [router]);
- const { setDataStream } = useDataStream();
-
- const [input, setInput] = useState("");
- const [showCreditCardAlert, setShowCreditCardAlert] = useState(false);
- const [currentModelId, setCurrentModelId] = useState(initialChatModel);
- const currentModelIdRef = useRef(currentModelId);
-
- useEffect(() => {
- currentModelIdRef.current = currentModelId;
- }, [currentModelId]);
-
- const {
- messages,
- setMessages,
- sendMessage,
- status,
- stop,
- regenerate,
- resumeStream,
- addToolApprovalResponse,
- } = useChat({
- id,
- messages: initialMessages,
- generateId: generateUUID,
- sendAutomaticallyWhen: ({ messages: currentMessages }) => {
- const lastMessage = currentMessages.at(-1);
- const shouldContinue =
- lastMessage?.parts?.some(
- (part) =>
- "state" in part &&
- part.state === "approval-responded" &&
- "approval" in part &&
- (part.approval as { approved?: boolean })?.approved === true
- ) ?? false;
- return shouldContinue;
- },
- transport: new DefaultChatTransport({
- api: `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/chat`,
- fetch: fetchWithErrorHandlers,
- prepareSendMessagesRequest(request) {
- const lastMessage = request.messages.at(-1);
- const isToolApprovalContinuation =
- lastMessage?.role !== "user" ||
- request.messages.some((msg) =>
- msg.parts?.some((part) => {
- const state = (part as { state?: string }).state;
- return (
- state === "approval-responded" || state === "output-denied"
- );
- })
- );
-
- return {
- body: {
- id: request.id,
- ...(isToolApprovalContinuation
- ? { messages: request.messages }
- : { message: lastMessage }),
- selectedChatModel: currentModelIdRef.current,
- selectedVisibilityType: visibilityType,
- ...request.body,
- },
- };
- },
- }),
- onData: (dataPart) => {
- setDataStream((ds) => (ds ? [...ds, dataPart] : []));
- },
- onFinish: () => {
- mutate(unstable_serialize(getChatHistoryPaginationKey));
- },
- onError: (error) => {
- if (error.message?.includes("AI Gateway requires a valid credit card")) {
- setShowCreditCardAlert(true);
- } else if (error instanceof ChatbotError) {
- toast({
- type: "error",
- description: error.message,
- });
- } else {
- toast({
- type: "error",
- description: error.message || "Oops, an error occurred!",
- });
- }
- },
- });
-
- const searchParams = useSearchParams();
- const query = searchParams.get("query");
-
- const [hasAppendedQuery, setHasAppendedQuery] = useState(false);
-
- useEffect(() => {
- if (query && !hasAppendedQuery) {
- sendMessage({
- role: "user" as const,
- parts: [{ type: "text", text: query }],
- });
-
- setHasAppendedQuery(true);
- window.history.replaceState(
- {},
- "",
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/chat/${id}`
- );
- }
- }, [query, sendMessage, hasAppendedQuery, id]);
-
- const { data: votes } = useSWR(
- !isReadonly && messages.length >= 2
- ? `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/vote?chatId=${id}`
- : null,
- fetcher
- );
-
- const [attachments, setAttachments] = useState([]);
- const isArtifactVisible = useArtifactSelector((state) => state.isVisible);
-
- useAutoResume({
- autoResume,
- initialMessages,
- resumeStream,
- setMessages,
- });
-
- return (
- <>
-
-
-
- Activate AI Gateway
-
- This application requires{" "}
- {process.env.NODE_ENV === "production" ? "the owner" : "you"} to
- activate Vercel AI Gateway.
-
-
-
- Cancel
- {
- window.open(
- "https://vercel.com/d?to=%2F%5Bteam%5D%2F%7E%2Fai%3Fmodal%3Dadd-credit-card",
- "_blank"
- );
- window.location.href = `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/`;
- }}
- >
- Activate
-
-
-
-
-
- );
-}
diff --git a/components/code-editor.tsx b/components/code-editor.tsx
deleted file mode 100644
index 0934efc582..0000000000
--- a/components/code-editor.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-"use client";
-
-import { python } from "@codemirror/lang-python";
-import { EditorState, Transaction } from "@codemirror/state";
-import { oneDark } from "@codemirror/theme-one-dark";
-import { EditorView } from "@codemirror/view";
-import { basicSetup } from "codemirror";
-import { memo, useEffect, useRef } from "react";
-import type { Suggestion } from "@/lib/db/schema";
-
-type EditorProps = {
- content: string;
- onSaveContent: (updatedContent: string, debounce: boolean) => void;
- status: "streaming" | "idle";
- isCurrentVersion: boolean;
- currentVersionIndex: number;
- suggestions: Suggestion[];
-};
-
-function PureCodeEditor({ content, onSaveContent, status }: EditorProps) {
- const containerRef = useRef(null);
- const editorRef = useRef(null);
-
- useEffect(() => {
- if (containerRef.current && !editorRef.current) {
- const startState = EditorState.create({
- doc: content,
- extensions: [basicSetup, python(), oneDark],
- });
-
- editorRef.current = new EditorView({
- state: startState,
- parent: containerRef.current,
- });
- }
-
- return () => {
- if (editorRef.current) {
- editorRef.current.destroy();
- editorRef.current = null;
- }
- };
- // NOTE: we only want to run this effect once
- // eslint-disable-next-line
- }, [content]);
-
- useEffect(() => {
- if (editorRef.current) {
- const updateListener = EditorView.updateListener.of((update) => {
- if (update.docChanged) {
- const transaction = update.transactions.find(
- (tr) => !tr.annotation(Transaction.remote)
- );
-
- if (transaction) {
- const newContent = update.state.doc.toString();
- onSaveContent(newContent, true);
- }
- }
- });
-
- const currentSelection = editorRef.current.state.selection;
-
- const newState = EditorState.create({
- doc: editorRef.current.state.doc,
- extensions: [basicSetup, python(), oneDark, updateListener],
- selection: currentSelection,
- });
-
- editorRef.current.setState(newState);
- }
- }, [onSaveContent]);
-
- useEffect(() => {
- if (editorRef.current && content) {
- const currentContent = editorRef.current.state.doc.toString();
-
- if (status === "streaming" || currentContent !== content) {
- const transaction = editorRef.current.state.update({
- changes: {
- from: 0,
- to: currentContent.length,
- insert: content,
- },
- annotations: [Transaction.remote.of(true)],
- });
-
- editorRef.current.dispatch(transaction);
- }
- }
- }, [content, status]);
-
- return (
-
- );
-}
-
-function areEqual(prevProps: EditorProps, nextProps: EditorProps) {
- if (prevProps.suggestions !== nextProps.suggestions) {
- return false;
- }
- if (prevProps.currentVersionIndex !== nextProps.currentVersionIndex) {
- return false;
- }
- if (prevProps.isCurrentVersion !== nextProps.isCurrentVersion) {
- return false;
- }
- if (prevProps.status === "streaming" && nextProps.status === "streaming") {
- return false;
- }
- if (prevProps.content !== nextProps.content) {
- return false;
- }
-
- return true;
-}
-
-export const CodeEditor = memo(PureCodeEditor, areEqual);
diff --git a/components/console.tsx b/components/console.tsx
deleted file mode 100644
index ea069328f6..0000000000
--- a/components/console.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import {
- type Dispatch,
- type SetStateAction,
- useCallback,
- useEffect,
- useRef,
- useState,
-} from "react";
-import { useArtifactSelector } from "@/hooks/use-artifact";
-import { cn } from "@/lib/utils";
-import { CrossSmallIcon, TerminalWindowIcon } from "./icons";
-import { Button } from "./ui/button";
-import { Spinner } from "./ui/spinner";
-
-export type ConsoleOutputContent = {
- type: "text" | "image";
- value: string;
-};
-
-export type ConsoleOutput = {
- id: string;
- status: "in_progress" | "loading_packages" | "completed" | "failed";
- contents: ConsoleOutputContent[];
-};
-
-type ConsoleProps = {
- consoleOutputs: ConsoleOutput[];
- setConsoleOutputs: Dispatch>;
-};
-
-export function Console({ consoleOutputs, setConsoleOutputs }: ConsoleProps) {
- const [height, setHeight] = useState(300);
- const [isResizing, setIsResizing] = useState(false);
- const consoleEndRef = useRef(null);
-
- const isArtifactVisible = useArtifactSelector((state) => state.isVisible);
-
- const minHeight = 100;
- const maxHeight = 800;
-
- const startResizing = useCallback(() => {
- setIsResizing(true);
- }, []);
-
- const stopResizing = useCallback(() => {
- setIsResizing(false);
- }, []);
-
- const resize = useCallback(
- (e: MouseEvent) => {
- if (isResizing) {
- const newHeight = window.innerHeight - e.clientY;
- if (newHeight >= minHeight && newHeight <= maxHeight) {
- setHeight(newHeight);
- }
- }
- },
- [isResizing]
- );
-
- useEffect(() => {
- window.addEventListener("mousemove", resize);
- window.addEventListener("mouseup", stopResizing);
- return () => {
- window.removeEventListener("mousemove", resize);
- window.removeEventListener("mouseup", stopResizing);
- };
- }, [resize, stopResizing]);
-
- useEffect(() => {
- consoleEndRef.current?.scrollIntoView({ behavior: "smooth" });
- }, []);
-
- useEffect(() => {
- if (!isArtifactVisible) {
- setConsoleOutputs([]);
- }
- }, [isArtifactVisible, setConsoleOutputs]);
-
- return consoleOutputs.length > 0 ? (
- <>
- ["addToolApprovalResponse"];
- chatId: string;
- status: UseChatHelpers["status"];
- votes: Vote[] | undefined;
- messages: ChatMessage[];
- setMessages: UseChatHelpers["setMessages"];
- regenerate: UseChatHelpers["regenerate"];
- isReadonly: boolean;
- isArtifactVisible: boolean;
- selectedModelId: string;
-};
-
-function PureMessages({
- addToolApprovalResponse,
- chatId,
- status,
- votes,
- messages,
- setMessages,
- regenerate,
- isReadonly,
- selectedModelId: _selectedModelId,
-}: MessagesProps) {
- const {
- containerRef: messagesContainerRef,
- endRef: messagesEndRef,
- isAtBottom,
- scrollToBottom,
- hasSentMessage,
- } = useMessages({
- status,
- });
-
- useDataStream();
-
- return (
- >;
- status: UseChatHelpers["status"];
- stop: () => void;
- attachments: Attachment[];
- setAttachments: Dispatch>;
- messages: UIMessage[];
- setMessages: UseChatHelpers["setMessages"];
- sendMessage: UseChatHelpers["sendMessage"];
- className?: string;
- selectedVisibilityType: VisibilityType;
- selectedModelId: string;
- onModelChange?: (modelId: string) => void;
-}) {
- const textareaRef = useRef(null);
- const { width } = useWindowSize();
- const { data: session, refetch: refetchSession } = useSession();
- const [isSigningIn, setIsSigningIn] = useState(false);
-
- const hasAutoFocused = useRef(false);
- useEffect(() => {
- if (!hasAutoFocused.current && width) {
- const timer = setTimeout(() => {
- textareaRef.current?.focus();
- hasAutoFocused.current = true;
- }, 100);
- return () => clearTimeout(timer);
- }
- }, [width]);
-
- const [localStorageInput, setLocalStorageInput] = useLocalStorage(
- "input",
- ""
- );
-
- useEffect(() => {
- if (textareaRef.current) {
- const domValue = textareaRef.current.value;
- // Prefer DOM value over localStorage to handle hydration
- const finalValue = domValue || localStorageInput || "";
- setInput(finalValue);
- }
- // Only run once after hydration
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [localStorageInput, setInput]);
-
- useEffect(() => {
- setLocalStorageInput(input);
- }, [input, setLocalStorageInput]);
-
- const handleInput = (event: React.ChangeEvent) => {
- setInput(event.target.value);
- };
-
- const fileInputRef = useRef(null);
- const [uploadQueue, setUploadQueue] = useState([]);
-
- const submitForm = useCallback(() => {
- window.history.pushState(
- {},
- "",
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/chat/${chatId}`
- );
-
- sendMessage({
- role: "user",
- parts: [
- ...attachments.map((attachment) => ({
- type: "file" as const,
- url: attachment.url,
- name: attachment.name,
- mediaType: attachment.contentType,
- })),
- {
- type: "text",
- text: input,
- },
- ],
- });
-
- setAttachments([]);
- setLocalStorageInput("");
- setInput("");
-
- if (width && width > 768) {
- textareaRef.current?.focus();
- }
- }, [
- input,
- setInput,
- attachments,
- sendMessage,
- setAttachments,
- setLocalStorageInput,
- width,
- chatId,
- ]);
-
- const uploadFile = useCallback(async (file: File) => {
- const formData = new FormData();
- formData.append("file", file);
-
- try {
- const response = await fetch(
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/files/upload`,
- {
- method: "POST",
- body: formData,
- }
- );
-
- if (response.ok) {
- const data = await response.json();
- const { url, pathname, contentType } = data;
-
- return {
- url,
- name: pathname,
- contentType,
- };
- }
- const { error } = await response.json();
- toast.error(error);
- } catch (_error) {
- toast.error("Failed to upload file, please try again!");
- }
- }, []);
-
- const handleFileChange = useCallback(
- async (event: ChangeEvent) => {
- const files = Array.from(event.target.files || []);
-
- setUploadQueue(files.map((file) => file.name));
-
- try {
- const uploadPromises = files.map((file) => uploadFile(file));
- const uploadedAttachments = await Promise.all(uploadPromises);
- const successfullyUploadedAttachments = uploadedAttachments.filter(
- (attachment) => attachment !== undefined
- );
-
- setAttachments((currentAttachments) => [
- ...currentAttachments,
- ...successfullyUploadedAttachments,
- ]);
- } catch (error) {
- console.error("Error uploading files!", error);
- } finally {
- setUploadQueue([]);
- }
- },
- [setAttachments, uploadFile]
- );
-
- const handlePaste = useCallback(
- async (event: ClipboardEvent) => {
- const items = event.clipboardData?.items;
- if (!items) {
- return;
- }
-
- const imageItems = Array.from(items).filter((item) =>
- item.type.startsWith("image/")
- );
-
- if (imageItems.length === 0) {
- return;
- }
-
- // Prevent default paste behavior for images
- event.preventDefault();
-
- setUploadQueue((prev) => [...prev, "Pasted image"]);
-
- try {
- const uploadPromises = imageItems
- .map((item) => item.getAsFile())
- .filter((file): file is File => file !== null)
- .map((file) => uploadFile(file));
-
- const uploadedAttachments = await Promise.all(uploadPromises);
- const successfullyUploadedAttachments = uploadedAttachments.filter(
- (attachment) =>
- attachment !== undefined &&
- attachment.url !== undefined &&
- attachment.contentType !== undefined
- );
-
- setAttachments((curr) => [
- ...curr,
- ...(successfullyUploadedAttachments as Attachment[]),
- ]);
- } catch (error) {
- console.error("Error uploading pasted images:", error);
- toast.error("Failed to upload pasted image(s)");
- } finally {
- setUploadQueue([]);
- }
- },
- [setAttachments, uploadFile]
- );
-
- // Add paste event listener to textarea
- useEffect(() => {
- const textarea = textareaRef.current;
- if (!textarea) {
- return;
- }
-
- textarea.addEventListener("paste", handlePaste);
- return () => textarea.removeEventListener("paste", handlePaste);
- }, [handlePaste]);
-
- return (
- ;
- status: UseChatHelpers["status"];
- selectedModelId: string;
-}) {
- const isReasoningModel =
- selectedModelId.includes("reasoning") || selectedModelId.includes("think");
-
- return (
-
- );
-}
-
-const AttachmentsButton = memo(PureAttachmentsButton);
-
-function PureModelSelectorCompact({
- selectedModelId,
- onModelChange,
-}: {
- selectedModelId: string;
- onModelChange?: (modelId: string) => void;
-}) {
- const [open, setOpen] = useState(false);
-
- const selectedModel =
- chatModels.find((m) => m.id === selectedModelId) ??
- chatModels.find((m) => m.id === DEFAULT_CHAT_MODEL) ??
- chatModels[0];
- const [provider] = selectedModel.id.split("/");
-
- // Provider display names
- const providerNames: Record = {
- anthropic: "Anthropic",
- openai: "OpenAI",
- google: "Google",
- xai: "xAI",
- reasoning: "Reasoning",
- };
-
- return (
-
-
-
-
-
-
- {Object.entries(modelsByProvider).map(
- ([providerKey, providerModels]) => (
-
- {providerModels.map((model) => {
- const logoProvider = model.id.split("/")[0];
- return (
- {
- onModelChange?.(model.id);
- setCookie("chat-model", model.id);
- setOpen(false);
- }}
- value={model.id}
- >
- {model.name}
- {model.id === selectedModel.id && (
-
- );
- })}
-
- )
- )}
-
-
-
- );
-}
-
-const ModelSelectorCompact = memo(PureModelSelectorCompact);
-
-function PureStopButton({
- stop,
- setMessages,
-}: {
- stop: () => void;
- setMessages: UseChatHelpers["setMessages"];
-}) {
- return (
-
- );
-}
-
-const StopButton = memo(PureStopButton);
diff --git a/components/preview-attachment.tsx b/components/preview-attachment.tsx
deleted file mode 100644
index cd23e0839d..0000000000
--- a/components/preview-attachment.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import Image from "next/image";
-import type { Attachment } from "@/lib/types";
-import { CrossSmallIcon } from "./icons";
-import { Button } from "./ui/button";
-import { Spinner } from "./ui/spinner";
-
-export const PreviewAttachment = ({
- attachment,
- isUploading = false,
- onRemove,
-}: {
- attachment: Attachment;
- isUploading?: boolean;
- onRemove?: () => void;
-}) => {
- const { name, url, contentType } = attachment;
-
- return (
- (content, { skipEmptyLines: true });
-
- const paddedData = result.data.map((row) => {
- const paddedRow = [...row];
- while (paddedRow.length < MIN_COLS) {
- paddedRow.push("");
- }
- return paddedRow;
- });
-
- while (paddedData.length < MIN_ROWS) {
- paddedData.push(new Array(MIN_COLS).fill(""));
- }
-
- return paddedData;
- }, [content]);
-
- const columns = useMemo(() => {
- const rowNumberColumn = {
- key: "rowNumber",
- name: "",
- frozen: true,
- width: 50,
- renderCell: ({ rowIdx }: { rowIdx: number }) => rowIdx + 1,
- cellClass: "border-t border-r dark:bg-neutral-950 dark:text-neutral-50",
- headerCellClass:
- "border-t border-r dark:bg-neutral-900 dark:text-neutral-50",
- };
-
- const dataColumns = Array.from({ length: MIN_COLS }, (_, i) => ({
- key: i.toString(),
- name: String.fromCharCode(65 + i),
- renderEditCell: textEditor,
- width: 120,
- cellClass: cn("border-t dark:bg-neutral-950 dark:text-neutral-50", {
- "border-l": i !== 0,
- }),
- headerCellClass: cn("border-t dark:bg-neutral-900 dark:text-neutral-50", {
- "border-l": i !== 0,
- }),
- }));
-
- return [rowNumberColumn, ...dataColumns];
- }, []);
-
- const initialRows = useMemo(() => {
- return parseData.map((row, rowIndex) => {
- const rowData: any = {
- id: rowIndex,
- rowNumber: rowIndex + 1,
- };
-
- columns.slice(1).forEach((col, colIndex) => {
- rowData[col.key] = row[colIndex] || "";
- });
-
- return rowData;
- });
- }, [parseData, columns]);
-
- const [localRows, setLocalRows] = useState(initialRows);
-
- useEffect(() => {
- setLocalRows(initialRows);
- }, [initialRows]);
-
- const generateCsv = (data: any[][]) => {
- return unparse(data);
- };
-
- const handleRowsChange = (newRows: any[]) => {
- setLocalRows(newRows);
-
- const updatedData = newRows.map((row) => {
- return columns.slice(1).map((col) => row[col.key] || "");
- });
-
- const newCsvContent = generateCsv(updatedData);
- saveContent(newCsvContent, true);
- };
-
- return (
- {
- if (args.column.key !== "rowNumber") {
- args.selectCell(true);
- }
- }}
- onRowsChange={handleRowsChange}
- rows={localRows}
- style={{ height: "100%" }}
- />
- );
-};
-
-function areEqual(prevProps: SheetEditorProps, nextProps: SheetEditorProps) {
- return (
- prevProps.currentVersionIndex === nextProps.currentVersionIndex &&
- prevProps.isCurrentVersion === nextProps.isCurrentVersion &&
- !(prevProps.status === "streaming" && nextProps.status === "streaming") &&
- prevProps.content === nextProps.content &&
- prevProps.saveContent === nextProps.saveContent
- );
-}
-
-export const SpreadsheetEditor = memo(PureSpreadsheetEditor, areEqual);
diff --git a/components/sidebar-history-item.tsx b/components/sidebar-history-item.tsx
deleted file mode 100644
index 7a20c61a20..0000000000
--- a/components/sidebar-history-item.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import Link from "next/link";
-import { memo } from "react";
-import { useChatVisibility } from "@/hooks/use-chat-visibility";
-import type { Chat } from "@/lib/db/schema";
-import {
- CheckCircleFillIcon,
- GlobeIcon,
- LockIcon,
- MoreHorizontalIcon,
- ShareIcon,
- TrashIcon,
-} from "./icons";
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuPortal,
- DropdownMenuSub,
- DropdownMenuSubContent,
- DropdownMenuSubTrigger,
- DropdownMenuTrigger,
-} from "./ui/dropdown-menu";
-import {
- SidebarMenuAction,
- SidebarMenuButton,
- SidebarMenuItem,
-} from "./ui/sidebar";
-
-const PureChatItem = ({
- chat,
- isActive,
- onDelete,
- setOpenMobile,
-}: {
- chat: Chat;
- isActive: boolean;
- onDelete: (chatId: string) => void;
- setOpenMobile: (open: boolean) => void;
-}) => {
- const { visibilityType, setVisibilityType } = useChatVisibility({
- chatId: chat.id,
- initialVisibilityType: chat.visibility,
- });
-
- return (
-
-
- setOpenMobile(false)}>
- {chat.title}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {
- setVisibilityType("private");
- }}
- >
-
- {
- setVisibilityType("public");
- }}
- >
-
-
-
-
-
- onDelete(chat.id)}
- >
-
-
-
-
- );
-};
-
-export const ChatItem = memo(PureChatItem, (prevProps, nextProps) => {
- if (prevProps.isActive !== nextProps.isActive) {
- return false;
- }
- return true;
-});
diff --git a/components/sidebar-history.tsx b/components/sidebar-history.tsx
deleted file mode 100644
index a61a6f9058..0000000000
--- a/components/sidebar-history.tsx
+++ /dev/null
@@ -1,378 +0,0 @@
-"use client";
-
-import { isToday, isYesterday, subMonths, subWeeks } from "date-fns";
-import { motion } from "framer-motion";
-import { usePathname, useRouter } from "next/navigation";
-import { useState } from "react";
-import { toast } from "sonner";
-import useSWRInfinite from "swr/infinite";
-import {
- AlertDialog,
- AlertDialogAction,
- AlertDialogCancel,
- AlertDialogContent,
- AlertDialogDescription,
- AlertDialogFooter,
- AlertDialogHeader,
- AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import {
- SidebarGroup,
- SidebarGroupContent,
- SidebarGroupLabel,
- SidebarMenu,
- useSidebar,
-} from "@/components/ui/sidebar";
-import type { AuthUser } from "@/lib/auth";
-import type { Chat } from "@/lib/db/schema";
-import { fetcher } from "@/lib/utils";
-import { LoaderIcon } from "./icons";
-import { ChatItem } from "./sidebar-history-item";
-
-type GroupedChats = {
- today: Chat[];
- yesterday: Chat[];
- lastWeek: Chat[];
- lastMonth: Chat[];
- older: Chat[];
-};
-
-export type ChatHistory = {
- chats: Chat[];
- hasMore: boolean;
-};
-
-const PAGE_SIZE = 20;
-
-const groupChatsByDate = (chats: Chat[]): GroupedChats => {
- const now = new Date();
- const oneWeekAgo = subWeeks(now, 1);
- const oneMonthAgo = subMonths(now, 1);
-
- return chats.reduce(
- (groups, chat) => {
- const chatDate = new Date(chat.createdAt);
-
- if (isToday(chatDate)) {
- groups.today.push(chat);
- } else if (isYesterday(chatDate)) {
- groups.yesterday.push(chat);
- } else if (chatDate > oneWeekAgo) {
- groups.lastWeek.push(chat);
- } else if (chatDate > oneMonthAgo) {
- groups.lastMonth.push(chat);
- } else {
- groups.older.push(chat);
- }
-
- return groups;
- },
- {
- today: [],
- yesterday: [],
- lastWeek: [],
- lastMonth: [],
- older: [],
- } as GroupedChats
- );
-};
-
-export function getChatHistoryPaginationKey(
- pageIndex: number,
- previousPageData: ChatHistory
-) {
- if (previousPageData && previousPageData.hasMore === false) {
- return null;
- }
-
- if (pageIndex === 0) {
- return `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/history?limit=${PAGE_SIZE}`;
- }
-
- const firstChatFromPage = previousPageData.chats.at(-1);
-
- if (!firstChatFromPage) {
- return null;
- }
-
- return `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/history?ending_before=${firstChatFromPage.id}&limit=${PAGE_SIZE}`;
-}
-
-export function SidebarHistory({ user }: { user: AuthUser | undefined }) {
- const { setOpenMobile } = useSidebar();
- const pathname = usePathname();
- const id = pathname?.startsWith("/chat/") ? pathname.split("/")[2] : null;
-
- const {
- data: paginatedChatHistories,
- setSize,
- isValidating,
- isLoading,
- mutate,
- } = useSWRInfinite(
- user ? getChatHistoryPaginationKey : () => null,
- fetcher,
- { fallbackData: [] }
- );
-
- const router = useRouter();
- const [deleteId, setDeleteId] = useState(null);
- const [showDeleteDialog, setShowDeleteDialog] = useState(false);
-
- const hasReachedEnd = paginatedChatHistories
- ? paginatedChatHistories.some((page) => page.hasMore === false)
- : false;
-
- const hasEmptyChatHistory = paginatedChatHistories
- ? paginatedChatHistories.every((page) => page.chats.length === 0)
- : false;
-
- const handleDelete = () => {
- const chatToDelete = deleteId;
- const isCurrentChat = pathname === `/chat/${chatToDelete}`;
-
- setShowDeleteDialog(false);
-
- const deletePromise = fetch(
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/chat?id=${chatToDelete}`,
- {
- method: "DELETE",
- }
- );
-
- toast.promise(deletePromise, {
- loading: "Deleting chat...",
- success: () => {
- mutate((chatHistories) => {
- if (chatHistories) {
- return chatHistories.map((chatHistory) => ({
- ...chatHistory,
- chats: chatHistory.chats.filter(
- (chat) => chat.id !== chatToDelete
- ),
- }));
- }
- });
-
- if (isCurrentChat) {
- router.replace("/");
- router.refresh();
- }
-
- return "Chat deleted successfully";
- },
- error: "Failed to delete chat",
- });
- };
-
- if (!user) {
- return (
-
-
-
-
- );
- }
-
- if (isLoading) {
- return (
-
- Your chats
-
-
-
- );
- }
-
- if (hasEmptyChatHistory) {
- return (
-
- Your chats
-
-
-
- );
- }
-
- return (
- <>
-
- Your chats
-
-
- {paginatedChatHistories &&
- (() => {
- const chatsFromHistory = paginatedChatHistories.flatMap(
- (paginatedChatHistory) => paginatedChatHistory.chats
- );
-
- const groupedChats = groupChatsByDate(chatsFromHistory);
-
- return (
-
-
- {
- if (!isValidating && !hasReachedEnd) {
- setSize((size) => size + 1);
- }
- }}
- />
-
- {hasReachedEnd ? null : (
-
-
-
-
-
-
- Are you absolutely sure?
-
- This action cannot be undone. This will permanently delete your
- chat and remove it from our servers.
-
-
-
- Cancel
-
- Continue
-
-
-
-
-
- );
-}
diff --git a/components/sidebar-toggle.tsx b/components/sidebar-toggle.tsx
deleted file mode 100644
index 0b080e682c..0000000000
--- a/components/sidebar-toggle.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { ComponentProps } from "react";
-
-import { type SidebarTrigger, useSidebar } from "@/components/ui/sidebar";
-import {
- Tooltip,
- TooltipContent,
- TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { SidebarLeftIcon } from "./icons";
-import { Button } from "./ui/button";
-
-export function SidebarToggle({
- className,
-}: ComponentProps) {
- const { toggleSidebar } = useSidebar();
-
- return (
-
-
-
-
-
- Toggle Sidebar
-
-
- );
-}
diff --git a/components/sidebar-user-nav.tsx b/components/sidebar-user-nav.tsx
deleted file mode 100644
index d1beae164f..0000000000
--- a/components/sidebar-user-nav.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-"use client";
-
-import { LogIn, LogOut, Moon, Sun } from "lucide-react";
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import { useTheme } from "next-themes";
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
- SidebarMenu,
- SidebarMenuButton,
- SidebarMenuItem,
- useSidebar,
-} from "@/components/ui/sidebar";
-import { signOut, useSession } from "@/lib/client";
-import { LoaderIcon } from "./icons";
-import { toast } from "./toast";
-
-export function SidebarUserNav({
- user,
-}: {
- user: { email?: string | null; isAnonymous?: boolean | null };
-}) {
- const router = useRouter();
- const { isMobile } = useSidebar();
- const { data, isPending } = useSession();
- const { setTheme, resolvedTheme } = useTheme();
-
- const isGuest = data?.user?.isAnonymous ?? user.isAnonymous ?? false;
-
- return (
-
-
-
-
- {isPending ? (
-
-
-
- ) : (
-
-
- )}
-
-
-
- setTheme(resolvedTheme === "dark" ? "light" : "dark")
- }
- >
- {resolvedTheme === "light" ?
-
-
-
-
-
-
-
- );
-}
diff --git a/components/sign-out-form.tsx b/components/sign-out-form.tsx
deleted file mode 100644
index 8231f2ccc2..0000000000
--- a/components/sign-out-form.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import Form from "next/form";
-import { headers } from "next/headers";
-import { redirect } from "next/navigation";
-import { auth } from "@/lib/auth";
-
-export const SignOutForm = () => {
- return (
-
- );
-};
diff --git a/components/submit-button.tsx b/components/submit-button.tsx
deleted file mode 100644
index 1ee963ef84..0000000000
--- a/components/submit-button.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-import { useFormStatus } from "react-dom";
-
-import { LoaderIcon } from "@/components/icons";
-
-import { Button } from "./ui/button";
-
-export function SubmitButton({
- children,
- isSuccessful,
-}: {
- children: React.ReactNode;
- isSuccessful: boolean;
-}) {
- const { pending } = useFormStatus();
-
- return (
-
- );
-}
diff --git a/components/suggested-actions.tsx b/components/suggested-actions.tsx
deleted file mode 100644
index e5ec431aaa..0000000000
--- a/components/suggested-actions.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-"use client";
-
-import type { UseChatHelpers } from "@ai-sdk/react";
-import { motion } from "framer-motion";
-import { memo } from "react";
-import type { ChatMessage } from "@/lib/types";
-import { Suggestion } from "./ai-elements/suggestion";
-import type { VisibilityType } from "./visibility-selector";
-
-type SuggestedActionsProps = {
- chatId: string;
- sendMessage: UseChatHelpers["sendMessage"];
- selectedVisibilityType: VisibilityType;
-};
-
-function PureSuggestedActions({ chatId, sendMessage }: SuggestedActionsProps) {
- const suggestedActions = [
- "What are the advantages of using Next.js?",
- "Write code to demonstrate Dijkstra's algorithm",
- "Help me write an essay about Silicon Valley",
- "What is the weather in San Francisco?",
- ];
-
- return (
-
- {isExpanded ? (
-
-
- ) : (
- {
- setIsExpanded(true);
- }}
- whileHover={{ scale: 1.1 }}
- >
-
- )}
-
- );
-};
diff --git a/components/text-editor.tsx b/components/text-editor.tsx
deleted file mode 100644
index 7f600788c7..0000000000
--- a/components/text-editor.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-"use client";
-
-import { exampleSetup } from "prosemirror-example-setup";
-import { inputRules } from "prosemirror-inputrules";
-import { EditorState } from "prosemirror-state";
-import { EditorView } from "prosemirror-view";
-import { memo, useEffect, useRef } from "react";
-
-import type { Suggestion } from "@/lib/db/schema";
-import {
- documentSchema,
- handleTransaction,
- headingRule,
-} from "@/lib/editor/config";
-import {
- buildContentFromDocument,
- buildDocumentFromContent,
- createDecorations,
-} from "@/lib/editor/functions";
-import {
- projectWithPositions,
- suggestionsPlugin,
- suggestionsPluginKey,
-} from "@/lib/editor/suggestions";
-
-type EditorProps = {
- content: string;
- onSaveContent: (updatedContent: string, debounce: boolean) => void;
- status: "streaming" | "idle";
- isCurrentVersion: boolean;
- currentVersionIndex: number;
- suggestions: Suggestion[];
-};
-
-function PureEditor({
- content,
- onSaveContent,
- suggestions,
- status,
-}: EditorProps) {
- const containerRef = useRef(null);
- const editorRef = useRef(null);
-
- useEffect(() => {
- if (containerRef.current && !editorRef.current) {
- const state = EditorState.create({
- doc: buildDocumentFromContent(content),
- plugins: [
- ...exampleSetup({ schema: documentSchema, menuBar: false }),
- inputRules({
- rules: [
- headingRule(1),
- headingRule(2),
- headingRule(3),
- headingRule(4),
- headingRule(5),
- headingRule(6),
- ],
- }),
- suggestionsPlugin,
- ],
- });
-
- editorRef.current = new EditorView(containerRef.current, {
- state,
- });
- }
-
- return () => {
- if (editorRef.current) {
- editorRef.current.destroy();
- editorRef.current = null;
- }
- };
- // NOTE: we only want to run this effect once
- // eslint-disable-next-line
- }, [content]);
-
- useEffect(() => {
- if (editorRef.current) {
- editorRef.current.setProps({
- dispatchTransaction: (transaction) => {
- handleTransaction({
- transaction,
- editorRef,
- onSaveContent,
- });
- },
- });
- }
- }, [onSaveContent]);
-
- useEffect(() => {
- if (editorRef.current && content) {
- const currentContent = buildContentFromDocument(
- editorRef.current.state.doc
- );
-
- if (status === "streaming") {
- const newDocument = buildDocumentFromContent(content);
-
- const transaction = editorRef.current.state.tr.replaceWith(
- 0,
- editorRef.current.state.doc.content.size,
- newDocument.content
- );
-
- transaction.setMeta("no-save", true);
- editorRef.current.dispatch(transaction);
- return;
- }
-
- if (currentContent !== content) {
- const newDocument = buildDocumentFromContent(content);
-
- const transaction = editorRef.current.state.tr.replaceWith(
- 0,
- editorRef.current.state.doc.content.size,
- newDocument.content
- );
-
- transaction.setMeta("no-save", true);
- editorRef.current.dispatch(transaction);
- }
- }
- }, [content, status]);
-
- useEffect(() => {
- if (editorRef.current?.state.doc && content) {
- const projectedSuggestions = projectWithPositions(
- editorRef.current.state.doc,
- suggestions
- ).filter(
- (suggestion) => suggestion.selectionStart && suggestion.selectionEnd
- );
-
- const decorations = createDecorations(
- projectedSuggestions,
- editorRef.current
- );
-
- const transaction = editorRef.current.state.tr;
- transaction.setMeta(suggestionsPluginKey, { decorations });
- editorRef.current.dispatch(transaction);
- }
- }, [suggestions, content]);
-
- return (
-
- );
-}
-
-function areEqual(prevProps: EditorProps, nextProps: EditorProps) {
- return (
- prevProps.suggestions === nextProps.suggestions &&
- prevProps.currentVersionIndex === nextProps.currentVersionIndex &&
- prevProps.isCurrentVersion === nextProps.isCurrentVersion &&
- !(prevProps.status === "streaming" && nextProps.status === "streaming") &&
- prevProps.content === nextProps.content &&
- prevProps.onSaveContent === nextProps.onSaveContent
- );
-}
-
-export const Editor = memo(PureEditor, areEqual);
diff --git a/components/toast.tsx b/components/toast.tsx
deleted file mode 100644
index b36cfab0fd..0000000000
--- a/components/toast.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-
-import { type ReactNode, useEffect, useRef, useState } from "react";
-import { toast as sonnerToast } from "sonner";
-import { cn } from "@/lib/utils";
-import { CheckCircleFillIcon, WarningIcon } from "./icons";
-
-const iconsByType: Record<"success" | "error", ReactNode> = {
- success: ) {
- return sonnerToast.custom((id) => (
- (null);
- const [multiLine, setMultiLine] = useState(false);
-
- useEffect(() => {
- const el = descriptionRef.current;
- if (!el) {
- return;
- }
-
- const update = () => {
- const lineHeight = Number.parseFloat(getComputedStyle(el).lineHeight);
- const lines = Math.round(el.scrollHeight / lineHeight);
- setMultiLine(lines > 1);
- };
-
- update(); // initial check
- const ro = new ResizeObserver(update); // re-check on width changes
- ro.observe(el);
-
- return () => ro.disconnect();
- }, []);
-
- return (
- >;
- isToolbarVisible?: boolean;
- setIsToolbarVisible?: Dispatch>;
- isAnimating: boolean;
- sendMessage: UseChatHelpers["sendMessage"];
- onClick: ({
- sendMessage,
- }: {
- sendMessage: UseChatHelpers["sendMessage"];
- }) => void;
-};
-
-const Tool = ({
- description,
- icon,
- selectedTool,
- setSelectedTool,
- isToolbarVisible,
- setIsToolbarVisible,
- isAnimating,
- sendMessage,
- onClick,
-}: ToolProps) => {
- const [isHovered, setIsHovered] = useState(false);
-
- useEffect(() => {
- if (selectedTool !== description) {
- setIsHovered(false);
- }
- }, [selectedTool, description]);
-
- const handleSelect = () => {
- if (!isToolbarVisible && setIsToolbarVisible) {
- setIsToolbarVisible(true);
- return;
- }
-
- if (!selectedTool) {
- setIsHovered(true);
- setSelectedTool(description);
- return;
- }
-
- if (selectedTool === description) {
- setSelectedTool(null);
- onClick({ sendMessage });
- } else {
- setSelectedTool(description);
- }
- };
-
- return (
-
-
- {
- handleSelect();
- }}
- onHoverEnd={() => {
- if (selectedTool !== description) {
- setIsHovered(false);
- }
- }}
- onHoverStart={() => {
- setIsHovered(true);
- }}
- onKeyDown={(event) => {
- if (event.key === "Enter") {
- handleSelect();
- }
- }}
- whileHover={{ scale: 1.1 }}
- whileTap={{ scale: 0.95 }}
- >
- {selectedTool === description ?
-
-
- {description}
-
-
- );
-};
-
-const randomArr = [...new Array(6)].map((_x) => nanoid(5));
-
-const ReadingLevelSelector = ({
- setSelectedTool,
- sendMessage,
- isAnimating,
-}: {
- setSelectedTool: Dispatch>;
- isAnimating: boolean;
- sendMessage: UseChatHelpers["sendMessage"];
-}) => {
- const LEVELS = [
- "Elementary",
- "Middle School",
- "Keep current level",
- "High School",
- "College",
- "Graduate",
- ];
-
- const y = useMotionValue(-40 * 2);
- const dragConstraints = 5 * 40 + 2;
- const yToLevel = useTransform(y, [0, -dragConstraints], [0, 5]);
-
- const [currentLevel, setCurrentLevel] = useState(2);
- const [hasUserSelectedLevel, setHasUserSelectedLevel] =
- useState(false);
-
- useEffect(() => {
- const unsubscribe = yToLevel.on("change", (latest) => {
- const level = Math.min(5, Math.max(0, Math.round(Math.abs(latest))));
- setCurrentLevel(level);
- });
-
- return () => unsubscribe();
- }, [yToLevel]);
-
- return (
- >;
- sendMessage: UseChatHelpers["sendMessage"];
- isAnimating: boolean;
- setIsToolbarVisible: Dispatch>;
- tools: ArtifactToolbarItem[];
-}) => {
- const [primaryTool, ...secondaryTools] = tools;
-
- return (
-
-
- {isToolbarVisible &&
- secondaryTools.map((secondaryTool) => (
-
-
-
- );
-};
-
-const PureToolbar = ({
- isToolbarVisible,
- setIsToolbarVisible,
- sendMessage,
- status,
- stop,
- setMessages,
- artifactKind,
-}: {
- isToolbarVisible: boolean;
- setIsToolbarVisible: Dispatch>;
- status: UseChatHelpers["status"];
- sendMessage: UseChatHelpers["sendMessage"];
- stop: UseChatHelpers["stop"];
- setMessages: UseChatHelpers["setMessages"];
- artifactKind: ArtifactKind;
-}) => {
- const toolbarRef = useRef(null);
- const timeoutRef = useRef>();
-
- const [selectedTool, setSelectedTool] = useState(null);
- const [isAnimating, setIsAnimating] = useState(false);
-
- useOnClickOutside(toolbarRef, () => {
- setIsToolbarVisible(false);
- setSelectedTool(null);
- });
-
- const startCloseTimer = () => {
- if (timeoutRef.current) {
- clearTimeout(timeoutRef.current);
- }
-
- timeoutRef.current = setTimeout(() => {
- setSelectedTool(null);
- setIsToolbarVisible(false);
- }, 2000);
- };
-
- const cancelCloseTimer = () => {
- if (timeoutRef.current) {
- clearTimeout(timeoutRef.current);
- }
- };
-
- useEffect(() => {
- return () => {
- if (timeoutRef.current) {
- clearTimeout(timeoutRef.current);
- }
- };
- }, []);
-
- useEffect(() => {
- if (status === "streaming") {
- setIsToolbarVisible(false);
- }
- }, [status, setIsToolbarVisible]);
-
- const artifactDefinition = artifactDefinitions.find(
- (definition) => definition.kind === artifactKind
- );
-
- if (!artifactDefinition) {
- throw new Error("Artifact definition not found!");
- }
-
- const toolsByArtifactKind = artifactDefinition.toolbar;
-
- if (toolsByArtifactKind.length === 0) {
- return null;
- }
-
- return (
-
- {
- setIsAnimating(false);
- }}
- onAnimationStart={() => {
- setIsAnimating(true);
- }}
- onHoverEnd={() => {
- if (status === "streaming") {
- return;
- }
-
- startCloseTimer();
- }}
- onHoverStart={() => {
- if (status === "streaming") {
- return;
- }
-
- cancelCloseTimer();
- setIsToolbarVisible(true);
- }}
- ref={toolbarRef}
- transition={{ type: "spring", stiffness: 300, damping: 25 }}
- >
- {status === "streaming" ? (
- {
- stop();
- setMessages((messages) => messages);
- }}
- >
-
- ) : selectedTool === "adjust-reading-level" ? (
-
-
- );
-};
-
-export const Toolbar = memo(PureToolbar, (prevProps, nextProps) => {
- if (prevProps.status !== nextProps.status) {
- return false;
- }
- if (prevProps.isToolbarVisible !== nextProps.isToolbarVisible) {
- return false;
- }
- if (prevProps.artifactKind !== nextProps.artifactKind) {
- return false;
- }
-
- return true;
-});
diff --git a/components/version-footer.tsx b/components/version-footer.tsx
deleted file mode 100644
index 41bf5e588e..0000000000
--- a/components/version-footer.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-"use client";
-
-import { isAfter } from "date-fns";
-import { motion } from "framer-motion";
-import { useState } from "react";
-import { useSWRConfig } from "swr";
-import { useWindowSize } from "usehooks-ts";
-import { useArtifact } from "@/hooks/use-artifact";
-import type { Document } from "@/lib/db/schema";
-import { getDocumentTimestampByIndex } from "@/lib/utils";
-import { LoaderIcon } from "./icons";
-import { Button } from "./ui/button";
-
-type VersionFooterProps = {
- handleVersionChange: (type: "next" | "prev" | "toggle" | "latest") => void;
- documents: Document[] | undefined;
- currentVersionIndex: number;
-};
-
-export const VersionFooter = ({
- handleVersionChange,
- documents,
- currentVersionIndex,
-}: VersionFooterProps) => {
- const { artifact } = useArtifact();
-
- const { width } = useWindowSize();
- const isMobile = width < 768;
-
- const { mutate } = useSWRConfig();
- const [isMutating, setIsMutating] = useState(false);
-
- if (!documents) {
- return;
- }
-
- return (
-
-
- );
-};
diff --git a/components/visibility-selector.tsx b/components/visibility-selector.tsx
deleted file mode 100644
index da56b06e23..0000000000
--- a/components/visibility-selector.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-"use client";
-
-import { type ReactNode, useMemo, useState } from "react";
-import { Button } from "@/components/ui/button";
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { useChatVisibility } from "@/hooks/use-chat-visibility";
-import { cn } from "@/lib/utils";
-import {
- CheckCircleFillIcon,
- ChevronDownIcon,
- GlobeIcon,
- LockIcon,
-} from "./icons";
-
-export type VisibilityType = "private" | "public";
-
-const visibilities: Array<{
- id: VisibilityType;
- label: string;
- description: string;
- icon: ReactNode;
-}> = [
- {
- id: "private",
- label: "Private",
- description: "Only you can access this chat",
- icon: ) {
- const [open, setOpen] = useState(false);
-
- const { visibilityType, setVisibilityType } = useChatVisibility({
- chatId,
- initialVisibilityType: selectedVisibilityType,
- });
-
- const selectedVisibility = useMemo(
- () => visibilities.find((visibility) => visibility.id === visibilityType),
- [visibilityType]
- );
-
- return (
-
-
-
-
-
-
- {visibilities.map((visibility) => (
- {
- setVisibilityType(visibility.id);
- setOpen(false);
- }}
- >
-
- ))}
-
-
- );
-}
diff --git a/components/weather.tsx b/components/weather.tsx
deleted file mode 100644
index 049d80a868..0000000000
--- a/components/weather.tsx
+++ /dev/null
@@ -1,434 +0,0 @@
-"use client";
-
-import cx from "classnames";
-import { format, isWithinInterval } from "date-fns";
-import { useEffect, useState } from "react";
-
-const SunIcon = ({ size = 40 }: { size?: number }) => (
-
-);
-
-const MoonIcon = ({ size = 40 }: { size?: number }) => (
-
-);
-
-const CloudIcon = ({ size = 24 }: { size?: number }) => (
-
-);
-
-type WeatherAtLocation = {
- latitude: number;
- longitude: number;
- generationtime_ms: number;
- utc_offset_seconds: number;
- timezone: string;
- timezone_abbreviation: string;
- elevation: number;
- cityName?: string;
- current_units: {
- time: string;
- interval: string;
- temperature_2m: string;
- };
- current: {
- time: string;
- interval: number;
- temperature_2m: number;
- };
- hourly_units: {
- time: string;
- temperature_2m: string;
- };
- hourly: {
- time: string[];
- temperature_2m: number[];
- };
- daily_units: {
- time: string;
- sunrise: string;
- sunset: string;
- };
- daily: {
- time: string[];
- sunrise: string[];
- sunset: string[];
- };
-};
-
-const SAMPLE = {
- latitude: 37.763_283,
- longitude: -122.412_86,
- generationtime_ms: 0.027_894_973_754_882_812,
- utc_offset_seconds: 0,
- timezone: "GMT",
- timezone_abbreviation: "GMT",
- elevation: 18,
- current_units: { time: "iso8601", interval: "seconds", temperature_2m: "°C" },
- current: { time: "2024-10-07T19:30", interval: 900, temperature_2m: 29.3 },
- hourly_units: { time: "iso8601", temperature_2m: "°C" },
- hourly: {
- time: [
- "2024-10-07T00:00",
- "2024-10-07T01:00",
- "2024-10-07T02:00",
- "2024-10-07T03:00",
- "2024-10-07T04:00",
- "2024-10-07T05:00",
- "2024-10-07T06:00",
- "2024-10-07T07:00",
- "2024-10-07T08:00",
- "2024-10-07T09:00",
- "2024-10-07T10:00",
- "2024-10-07T11:00",
- "2024-10-07T12:00",
- "2024-10-07T13:00",
- "2024-10-07T14:00",
- "2024-10-07T15:00",
- "2024-10-07T16:00",
- "2024-10-07T17:00",
- "2024-10-07T18:00",
- "2024-10-07T19:00",
- "2024-10-07T20:00",
- "2024-10-07T21:00",
- "2024-10-07T22:00",
- "2024-10-07T23:00",
- "2024-10-08T00:00",
- "2024-10-08T01:00",
- "2024-10-08T02:00",
- "2024-10-08T03:00",
- "2024-10-08T04:00",
- "2024-10-08T05:00",
- "2024-10-08T06:00",
- "2024-10-08T07:00",
- "2024-10-08T08:00",
- "2024-10-08T09:00",
- "2024-10-08T10:00",
- "2024-10-08T11:00",
- "2024-10-08T12:00",
- "2024-10-08T13:00",
- "2024-10-08T14:00",
- "2024-10-08T15:00",
- "2024-10-08T16:00",
- "2024-10-08T17:00",
- "2024-10-08T18:00",
- "2024-10-08T19:00",
- "2024-10-08T20:00",
- "2024-10-08T21:00",
- "2024-10-08T22:00",
- "2024-10-08T23:00",
- "2024-10-09T00:00",
- "2024-10-09T01:00",
- "2024-10-09T02:00",
- "2024-10-09T03:00",
- "2024-10-09T04:00",
- "2024-10-09T05:00",
- "2024-10-09T06:00",
- "2024-10-09T07:00",
- "2024-10-09T08:00",
- "2024-10-09T09:00",
- "2024-10-09T10:00",
- "2024-10-09T11:00",
- "2024-10-09T12:00",
- "2024-10-09T13:00",
- "2024-10-09T14:00",
- "2024-10-09T15:00",
- "2024-10-09T16:00",
- "2024-10-09T17:00",
- "2024-10-09T18:00",
- "2024-10-09T19:00",
- "2024-10-09T20:00",
- "2024-10-09T21:00",
- "2024-10-09T22:00",
- "2024-10-09T23:00",
- "2024-10-10T00:00",
- "2024-10-10T01:00",
- "2024-10-10T02:00",
- "2024-10-10T03:00",
- "2024-10-10T04:00",
- "2024-10-10T05:00",
- "2024-10-10T06:00",
- "2024-10-10T07:00",
- "2024-10-10T08:00",
- "2024-10-10T09:00",
- "2024-10-10T10:00",
- "2024-10-10T11:00",
- "2024-10-10T12:00",
- "2024-10-10T13:00",
- "2024-10-10T14:00",
- "2024-10-10T15:00",
- "2024-10-10T16:00",
- "2024-10-10T17:00",
- "2024-10-10T18:00",
- "2024-10-10T19:00",
- "2024-10-10T20:00",
- "2024-10-10T21:00",
- "2024-10-10T22:00",
- "2024-10-10T23:00",
- "2024-10-11T00:00",
- "2024-10-11T01:00",
- "2024-10-11T02:00",
- "2024-10-11T03:00",
- ],
- temperature_2m: [
- 36.6, 32.8, 29.5, 28.6, 29.2, 28.2, 27.5, 26.6, 26.5, 26, 25, 23.5, 23.9,
- 24.2, 22.9, 21, 24, 28.1, 31.4, 33.9, 32.1, 28.9, 26.9, 25.2, 23, 21.1,
- 19.6, 18.6, 17.7, 16.8, 16.2, 15.5, 14.9, 14.4, 14.2, 13.7, 13.3, 12.9,
- 12.5, 13.5, 15.8, 17.7, 19.6, 21, 21.9, 22.3, 22, 20.7, 18.9, 17.9, 17.3,
- 17, 16.7, 16.2, 15.6, 15.2, 15, 15, 15.1, 14.8, 14.8, 14.9, 14.7, 14.8,
- 15.3, 16.2, 17.9, 19.6, 20.5, 21.6, 21, 20.7, 19.3, 18.7, 18.4, 17.9,
- 17.3, 17, 17, 16.8, 16.4, 16.2, 16, 15.8, 15.7, 15.4, 15.4, 16.1, 16.7,
- 17, 18.6, 19, 19.5, 19.4, 18.5, 17.9, 17.5, 16.7, 16.3, 16.1,
- ],
- },
- daily_units: {
- time: "iso8601",
- sunrise: "iso8601",
- sunset: "iso8601",
- },
- daily: {
- time: [
- "2024-10-07",
- "2024-10-08",
- "2024-10-09",
- "2024-10-10",
- "2024-10-11",
- ],
- sunrise: [
- "2024-10-07T07:15",
- "2024-10-08T07:16",
- "2024-10-09T07:17",
- "2024-10-10T07:18",
- "2024-10-11T07:19",
- ],
- sunset: [
- "2024-10-07T19:00",
- "2024-10-08T18:58",
- "2024-10-09T18:57",
- "2024-10-10T18:55",
- "2024-10-11T18:54",
- ],
- },
-};
-
-function n(num: number): number {
- return Math.ceil(num);
-}
-
-export function Weather({
- weatherAtLocation = SAMPLE,
-}: {
- weatherAtLocation?: WeatherAtLocation;
-}) {
- const currentHigh = Math.max(
- ...weatherAtLocation.hourly.temperature_2m.slice(0, 24)
- );
- const currentLow = Math.min(
- ...weatherAtLocation.hourly.temperature_2m.slice(0, 24)
- );
-
- const isDay = isWithinInterval(new Date(weatherAtLocation.current.time), {
- start: new Date(weatherAtLocation.daily.sunrise[0]),
- end: new Date(weatherAtLocation.daily.sunset[0]),
- });
-
- const [isMobile, setIsMobile] = useState(false);
-
- useEffect(() => {
- const handleResize = () => {
- setIsMobile(window.innerWidth < 768);
- };
-
- handleResize();
- window.addEventListener("resize", handleResize);
-
- return () => window.removeEventListener("resize", handleResize);
- }, []);
-
- const hoursToShow = isMobile ? 5 : 6;
-
- const currentTimeIndex = weatherAtLocation.hourly.time.findIndex(
- (time) => new Date(time) >= new Date(weatherAtLocation.current.time)
- );
-
- const displayTimes = weatherAtLocation.hourly.time.slice(
- currentTimeIndex,
- currentTimeIndex + hoursToShow
- );
- const displayTemperatures = weatherAtLocation.hourly.temperature_2m.slice(
- currentTimeIndex,
- currentTimeIndex + hoursToShow
- );
-
- const location =
- weatherAtLocation.cityName ||
- `${weatherAtLocation.latitude?.toFixed(1)}°, ${weatherAtLocation.longitude?.toFixed(1)}°`;
-
- return (
- = {
- /*
- * For users without an account
- */
guest: {
- maxMessagesPerHour: 10,
+ maxMessagesPerHour: 5,
},
-
- /*
- * For users with an account
- */
regular: {
- maxMessagesPerHour: 10,
+ maxMessagesPerHour: 5,
},
-
- /*
- * TODO: For users with an account and a paid membership
- */
};
diff --git a/lib/ai/prompts.ts b/lib/ai/prompts.ts
index a68e59c37c..77d0d280f9 100644
--- a/lib/ai/prompts.ts
+++ b/lib/ai/prompts.ts
@@ -1,45 +1,52 @@
import type { Geo } from "@vercel/functions";
-import type { ArtifactKind } from "@/components/artifact";
+import type { ArtifactKind } from "@/components/chat/artifact";
export const artifactsPrompt = `
-Artifacts is a special user interface mode that helps users with writing, editing, and other content creation tasks. When artifact is open, it is on the right side of the screen, while the conversation is on the left side. When creating or updating documents, changes are reflected in real-time on the artifacts and visible to the user.
+Artifacts is a side panel that displays content alongside the conversation. It supports scripts (code), documents (text), and spreadsheets. Changes appear in real-time.
-When asked to write code, always use artifacts. When writing code, specify the language in the backticks, e.g. \`\`\`python\`code here\`\`\`. The default language is Python. Other languages are not yet supported, so let the user know if they request a different language.
-
-DO NOT UPDATE DOCUMENTS IMMEDIATELY AFTER CREATING THEM. WAIT FOR USER FEEDBACK OR REQUEST TO UPDATE IT.
-
-This is a guide for using artifacts tools: \`createDocument\` and \`updateDocument\`, which render content on a artifacts beside the conversation.
+CRITICAL RULES:
+1. Only call ONE tool per response. After calling any create/edit/update tool, STOP. Do not chain tools.
+2. After creating or editing an artifact, NEVER output its content in chat. The user can already see it. Respond with only a 1-2 sentence confirmation.
**When to use \`createDocument\`:**
-- For substantial content (>10 lines) or code
-- For content users will likely save/reuse (emails, code, essays, etc.)
-- When explicitly requested to create a document
-- For when content contains a single code snippet
+- When the user asks to write, create, or generate content (essays, stories, emails, reports)
+- When the user asks to write code, build a script, or implement an algorithm
+- You MUST specify kind: 'code' for programming, 'text' for writing, 'sheet' for data
+- Include ALL content in the createDocument call. Do not create then edit.
**When NOT to use \`createDocument\`:**
-- For informational/explanatory content
-- For conversational responses
-- When asked to keep it in chat
-
-**Using \`updateDocument\`:**
-- Default to full document rewrites for major changes
-- Use targeted updates only for specific, isolated changes
-- Follow user instructions for which parts to modify
-
-**When NOT to use \`updateDocument\`:**
-- Immediately after creating a document
-
-Do not update document right after creating it. Wait for user feedback or request to update it.
+- For answering questions, explanations, or conversational responses
+- For short code snippets or examples shown inline
+- When the user asks "what is", "how does", "explain", etc.
+
+**Using \`editDocument\` (preferred for targeted changes):**
+- For scripts: fixing bugs, adding/removing lines, renaming variables, adding logs
+- For documents: fixing typos, rewording paragraphs, inserting sections
+- Uses find-and-replace: provide exact old_string and new_string
+- Include 3-5 surrounding lines in old_string to ensure a unique match
+- Use replace_all:true for renaming across the whole artifact
+- Can call multiple times for several independent edits
+
+**Using \`updateDocument\` (full rewrite only):**
+- Only when most of the content needs to change
+- When editDocument would require too many individual edits
+
+**When NOT to use \`editDocument\` or \`updateDocument\`:**
+- Immediately after creating an artifact
+- In the same response as createDocument
+- Without explicit user request to modify
+
+**After any create/edit/update:**
+- NEVER repeat, summarize, or output the artifact content in chat
+- Only respond with a short confirmation
**Using \`requestSuggestions\`:**
-- ONLY use when the user explicitly asks for suggestions on an existing document
-- Requires a valid document ID from a previously created document
-- Never use for general questions or information requests
+- ONLY when the user explicitly asks for suggestions on an existing document
`;
-export const regularPrompt = `You are a friendly assistant! Keep your responses concise and helpful.
+export const regularPrompt = `You are a helpful assistant. Keep responses concise and direct.
-When asked to write, create, or help with something, just do it directly. Don't ask clarifying questions unless absolutely necessary - make reasonable assumptions and proceed with the task.`;
+When asked to write, create, or build something, do it immediately. Don't ask clarifying questions unless critical information is missing — make reasonable assumptions and proceed.`;
export type RequestHints = {
latitude: Geo["latitude"];
@@ -57,19 +64,15 @@ About the origin of user's request:
`;
export const systemPrompt = ({
- selectedChatModel,
requestHints,
+ supportsTools,
}: {
- selectedChatModel: string;
requestHints: RequestHints;
+ supportsTools: boolean;
}) => {
const requestPrompt = getRequestPromptFromHints(requestHints);
- // reasoning models don't need artifacts prompt (they can't use tools)
- if (
- selectedChatModel.includes("reasoning") ||
- selectedChatModel.includes("thinking")
- ) {
+ if (!supportsTools) {
return `${regularPrompt}\n\n${requestPrompt}`;
}
@@ -77,48 +80,40 @@ export const systemPrompt = ({
};
export const codePrompt = `
-You are a Python code generator that creates self-contained, executable code snippets. When writing code:
-
-1. Each snippet should be complete and runnable on its own
-2. Prefer using print() statements to display outputs
-3. Include helpful comments explaining the code
-4. Keep snippets concise (generally under 15 lines)
-5. Avoid external dependencies - use Python standard library
-6. Handle potential errors gracefully
-7. Return meaningful output that demonstrates the code's functionality
-8. Don't use input() or other interactive functions
-9. Don't access files or network resources
-10. Don't use infinite loops
-
-Examples of good snippets:
-
-# Calculate factorial iteratively
-def factorial(n):
- result = 1
- for i in range(1, n + 1):
- result *= i
- return result
-
-print(f"Factorial of 5 is: {factorial(5)}")
+You are a code generator that creates self-contained, executable code snippets. When writing code:
+
+1. Each snippet must be complete and runnable on its own
+2. Use print/console.log to display outputs
+3. Keep snippets concise and focused
+4. Prefer standard library over external dependencies
+5. Handle potential errors gracefully
+6. Return meaningful output that demonstrates functionality
+7. Don't use interactive input functions
+8. Don't access files or network resources
+9. Don't use infinite loops
`;
export const sheetPrompt = `
-You are a spreadsheet creation assistant. Create a spreadsheet in csv format based on the given prompt. The spreadsheet should contain meaningful column headers and data.
+You are a spreadsheet creation assistant. Create a spreadsheet in CSV format based on the given prompt.
+
+Requirements:
+- Use clear, descriptive column headers
+- Include realistic sample data
+- Format numbers and dates consistently
+- Keep the data well-structured and meaningful
`;
export const updateDocumentPrompt = (
currentContent: string | null,
type: ArtifactKind
) => {
- let mediaType = "document";
-
- if (type === "code") {
- mediaType = "code snippet";
- } else if (type === "sheet") {
- mediaType = "spreadsheet";
- }
+ const mediaTypes: Record = {
+ code: "script",
+ sheet: "spreadsheet",
+ };
+ const mediaType = mediaTypes[type] ?? "document";
- return `Improve the following contents of the ${mediaType} based on the given prompt.
+ return `Rewrite the following ${mediaType} based on the given prompt.
${currentContent}`;
};
@@ -133,7 +128,4 @@ Examples:
- "hi" → New Conversation
- "debug my python code" → Python Debugging
-Bad outputs (never do this):
-- "# Space Essay" (no hashtags)
-- "Title: Weather" (no prefixes)
-- ""NYC Weather"" (no quotes)`;
+Never output hashtags, prefixes like "Title:", or quotes.`;
diff --git a/lib/errors.ts b/lib/errors.ts
index bae6668bae..68f569b916 100644
--- a/lib/errors.ts
+++ b/lib/errors.ts
@@ -93,7 +93,7 @@ export function getMessageByErrorCode(errorCode: ErrorCode): string {
return "Your account does not have access to this feature.";
case "rate_limit:chat":
- return "You have exceeded your maximum number of messages for the day. Please try again later.";
+ return "You've reached the message limit. Come back in 1 hour to continue chatting.";
case "not_found:chat":
return "The requested chat was not found. Please check the chat ID and try again.";
case "forbidden:chat":
From 9020933739ed58f36ee9b0e7bc2e4b2609a17651 Mon Sep 17 00:00:00 2001
From: dancer <144584931+dancer@users.noreply.github.com>
Date: Fri, 20 Mar 2026 02:42:40 +0000
Subject: [PATCH 12/29] chore: auth migration from better-auth to next-auth
---
app/(auth)/actions.ts | 37 ++++----
app/(auth)/api/auth/[...nextauth]/route.ts | 1 +
app/(auth)/api/auth/guest/route.ts | 26 ++++++
app/(auth)/auth.config.ts | 14 +++
app/(auth)/auth.ts | 99 ++++++++++++++++++++++
app/(auth)/layout.tsx | 43 ++++++++++
app/(auth)/login/page.tsx | 69 ++++++---------
app/(auth)/register/page.tsx | 65 ++++++--------
lib/auth.ts | 58 -------------
lib/client.ts | 9 --
lib/db/utils.ts | 16 ++++
11 files changed, 270 insertions(+), 167 deletions(-)
create mode 100644 app/(auth)/api/auth/[...nextauth]/route.ts
create mode 100644 app/(auth)/api/auth/guest/route.ts
create mode 100644 app/(auth)/auth.config.ts
create mode 100644 app/(auth)/auth.ts
create mode 100644 app/(auth)/layout.tsx
delete mode 100644 lib/auth.ts
delete mode 100644 lib/client.ts
create mode 100644 lib/db/utils.ts
diff --git a/app/(auth)/actions.ts b/app/(auth)/actions.ts
index fb817ad50f..024ff518ed 100644
--- a/app/(auth)/actions.ts
+++ b/app/(auth)/actions.ts
@@ -1,7 +1,10 @@
"use server";
import { z } from "zod";
-import { auth } from "@/lib/auth";
+
+import { createUser, getUser } from "@/lib/db/queries";
+
+import { signIn } from "./auth";
const authFormSchema = z.object({
email: z.string().email(),
@@ -22,11 +25,10 @@ export const login = async (
password: formData.get("password"),
});
- await auth.api.signInEmail({
- body: {
- email: validatedData.email,
- password: validatedData.password,
- },
+ await signIn("credentials", {
+ email: validatedData.email,
+ password: validatedData.password,
+ redirect: false,
});
return { status: "success" };
@@ -59,17 +61,17 @@ export const register = async (
password: formData.get("password"),
});
- const result = await auth.api.signUpEmail({
- body: {
- email: validatedData.email,
- password: validatedData.password,
- name: validatedData.email,
- },
- });
+ const [user] = await getUser(validatedData.email);
- if (!result) {
- return { status: "failed" };
+ if (user) {
+ return { status: "user_exists" } as RegisterActionState;
}
+ await createUser(validatedData.email, validatedData.password);
+ await signIn("credentials", {
+ email: validatedData.email,
+ password: validatedData.password,
+ redirect: false,
+ });
return { status: "success" };
} catch (error) {
@@ -77,11 +79,6 @@ export const register = async (
return { status: "invalid_data" };
}
- const message = error instanceof Error ? error.message : "";
- if (message.includes("already exists") || message.includes("UNIQUE")) {
- return { status: "user_exists" };
- }
-
return { status: "failed" };
}
};
diff --git a/app/(auth)/api/auth/[...nextauth]/route.ts b/app/(auth)/api/auth/[...nextauth]/route.ts
new file mode 100644
index 0000000000..d104b65e6d
--- /dev/null
+++ b/app/(auth)/api/auth/[...nextauth]/route.ts
@@ -0,0 +1 @@
+export { GET, POST } from "@/app/(auth)/auth";
diff --git a/app/(auth)/api/auth/guest/route.ts b/app/(auth)/api/auth/guest/route.ts
new file mode 100644
index 0000000000..97ce3d2c14
--- /dev/null
+++ b/app/(auth)/api/auth/guest/route.ts
@@ -0,0 +1,26 @@
+import { NextResponse } from "next/server";
+import { getToken } from "next-auth/jwt";
+import { signIn } from "@/app/(auth)/auth";
+import { isDevelopmentEnvironment } from "@/lib/constants";
+
+export async function GET(request: Request) {
+ const { searchParams } = new URL(request.url);
+ const rawRedirect = searchParams.get("redirectUrl") || "/";
+ const redirectUrl =
+ rawRedirect.startsWith("/") && !rawRedirect.startsWith("//")
+ ? rawRedirect
+ : "/";
+
+ const token = await getToken({
+ req: request,
+ secret: process.env.AUTH_SECRET,
+ secureCookie: !isDevelopmentEnvironment,
+ });
+
+ if (token) {
+ const base = process.env.NEXT_PUBLIC_BASE_PATH ?? "";
+ return NextResponse.redirect(new URL(`${base}/`, request.url));
+ }
+
+ return signIn("guest", { redirect: true, redirectTo: redirectUrl });
+}
diff --git a/app/(auth)/auth.config.ts b/app/(auth)/auth.config.ts
new file mode 100644
index 0000000000..50561014a0
--- /dev/null
+++ b/app/(auth)/auth.config.ts
@@ -0,0 +1,14 @@
+import type { NextAuthConfig } from "next-auth";
+
+const base = process.env.NEXT_PUBLIC_BASE_PATH ?? "";
+
+export const authConfig = {
+ basePath: "/api/auth",
+ trustHost: true,
+ pages: {
+ signIn: `${base}/login`,
+ newUser: `${base}/`,
+ },
+ providers: [],
+ callbacks: {},
+} satisfies NextAuthConfig;
diff --git a/app/(auth)/auth.ts b/app/(auth)/auth.ts
new file mode 100644
index 0000000000..b75369fe3d
--- /dev/null
+++ b/app/(auth)/auth.ts
@@ -0,0 +1,99 @@
+import { compare } from "bcrypt-ts";
+import NextAuth, { type DefaultSession } from "next-auth";
+import type { DefaultJWT } from "next-auth/jwt";
+import Credentials from "next-auth/providers/credentials";
+import { DUMMY_PASSWORD } from "@/lib/constants";
+import { createGuestUser, getUser } from "@/lib/db/queries";
+import { authConfig } from "./auth.config";
+
+export type UserType = "guest" | "regular";
+
+declare module "next-auth" {
+ interface Session extends DefaultSession {
+ user: {
+ id: string;
+ type: UserType;
+ } & DefaultSession["user"];
+ }
+
+ interface User {
+ id?: string;
+ email?: string | null;
+ type: UserType;
+ }
+}
+
+declare module "next-auth/jwt" {
+ interface JWT extends DefaultJWT {
+ id: string;
+ type: UserType;
+ }
+}
+
+export const {
+ handlers: { GET, POST },
+ auth,
+ signIn,
+ signOut,
+} = NextAuth({
+ ...authConfig,
+ providers: [
+ Credentials({
+ credentials: {
+ email: { label: "Email", type: "email" },
+ password: { label: "Password", type: "password" },
+ },
+ async authorize(credentials) {
+ const email = String(credentials.email ?? "");
+ const password = String(credentials.password ?? "");
+ const users = await getUser(email);
+
+ if (users.length === 0) {
+ await compare(password, DUMMY_PASSWORD);
+ return null;
+ }
+
+ const [user] = users;
+
+ if (!user.password) {
+ await compare(password, DUMMY_PASSWORD);
+ return null;
+ }
+
+ const passwordsMatch = await compare(password, user.password);
+
+ if (!passwordsMatch) {
+ return null;
+ }
+
+ return { ...user, type: "regular" };
+ },
+ }),
+ Credentials({
+ id: "guest",
+ credentials: {},
+ async authorize() {
+ const [guestUser] = await createGuestUser();
+ return { ...guestUser, type: "guest" };
+ },
+ }),
+ ],
+ callbacks: {
+ jwt({ token, user }) {
+ if (user) {
+ token.id = user.id as string;
+ token.type = user.type;
+ }
+
+ return token;
+ },
+ session({ session, token }) {
+ if (session.user) {
+ session.user.id = token.id;
+ session.user.type = token.type;
+ }
+
+ return session;
+ },
+ },
+});
diff --git a/app/(auth)/layout.tsx b/app/(auth)/layout.tsx
new file mode 100644
index 0000000000..d14e92cedc
--- /dev/null
+++ b/app/(auth)/layout.tsx
@@ -0,0 +1,43 @@
+import { ArrowLeftIcon } from "lucide-react";
+import Link from "next/link";
+import { SparklesIcon, VercelIcon } from "@/components/chat/icons";
+import { Preview } from "@/components/chat/preview";
+
+export default function AuthLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+ (
login,
- {
- status: "idle",
- }
+ { status: "idle" }
);
- const { refetch } = useSession();
+ const { update: updateSession } = useSession();
- // biome-ignore lint/correctness/useExhaustiveDependencies: router and refetch are stable refs
+ // biome-ignore lint/correctness/useExhaustiveDependencies: router and updateSession are stable refs
useEffect(() => {
if (state.status === "failed") {
- toast({
- type: "error",
- description: "Invalid credentials!",
- });
+ toast({ type: "error", description: "Invalid credentials!" });
} else if (state.status === "invalid_data") {
toast({
type: "error",
@@ -39,8 +33,8 @@ export default function Page() {
});
} else if (state.status === "success") {
setIsSuccessful(true);
- refetch();
- router.push("/");
+ updateSession();
+ router.refresh();
}
}, [state.status]);
@@ -50,30 +44,23 @@ export default function Page() {
};
return (
-
+ Sign in
+
+
);
}
diff --git a/app/(auth)/register/page.tsx b/app/(auth)/register/page.tsx
index 46c73e9f13..f2abbc8620 100644
--- a/app/(auth)/register/page.tsx
+++ b/app/(auth)/register/page.tsx
@@ -2,29 +2,26 @@
import Link from "next/link";
import { useRouter } from "next/navigation";
+import { useSession } from "next-auth/react";
import { useActionState, useEffect, useState } from "react";
-import { AuthForm } from "@/components/auth-form";
-import { SubmitButton } from "@/components/submit-button";
-import { toast } from "@/components/toast";
-import { useSession } from "@/lib/client";
+import { AuthForm } from "@/components/chat/auth-form";
+import { SubmitButton } from "@/components/chat/submit-button";
+import { toast } from "@/components/chat/toast";
import { type RegisterActionState, register } from "../actions";
export default function Page() {
const router = useRouter();
-
const [email, setEmail] = useState("");
const [isSuccessful, setIsSuccessful] = useState(false);
const [state, formAction] = useActionState(
register,
- {
- status: "idle",
- }
+ { status: "idle" }
);
- const { refetch } = useSession();
+ const { update: updateSession } = useSession();
- // biome-ignore lint/correctness/useExhaustiveDependencies: router and refetch are stable refs
+ // biome-ignore lint/correctness/useExhaustiveDependencies: router and updateSession are stable refs
useEffect(() => {
if (state.status === "user_exists") {
toast({ type: "error", description: "Account already exists!" });
@@ -36,11 +33,10 @@ export default function Page() {
description: "Failed validating your submission!",
});
} else if (state.status === "success") {
- toast({ type: "success", description: "Account created successfully!" });
-
+ toast({ type: "success", description: "Account created!" });
setIsSuccessful(true);
- refetch();
- router.push("/");
+ updateSession();
+ router.refresh();
}
}, [state.status]);
@@ -50,30 +46,21 @@ export default function Page() {
};
return (
-
+ Sign up
+
+
);
}
diff --git a/lib/auth.ts b/lib/auth.ts
deleted file mode 100644
index b01e13aa88..0000000000
--- a/lib/auth.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { compare, genSaltSync, hashSync } from "bcrypt-ts";
-import { betterAuth } from "better-auth";
-import { drizzleAdapter } from "better-auth/adapters/drizzle";
-import { nextCookies } from "better-auth/next-js";
-import { anonymous } from "better-auth/plugins";
-import { drizzle } from "drizzle-orm/postgres-js";
-import { headers } from "next/headers";
-import postgres from "postgres";
-import { account, session, user, verification } from "./db/schema";
-
-// biome-ignore lint: Forbidden non-null assertion.
-const client = postgres(process.env.POSTGRES_URL!);
-const db = drizzle(client);
-
-export const auth = betterAuth({
- basePath: "/api/auth",
- baseURL: process.env.BETTER_AUTH_URL,
- database: drizzleAdapter(db, {
- provider: "pg",
- schema: { user, session, account, verification },
- }),
- emailAndPassword: {
- enabled: true,
- password: {
- hash: async (password) => hashSync(password, genSaltSync(10)),
- verify: async ({ hash, password }) => compare(password, hash),
- },
- },
- ...(process.env.VERCEL_CLIENT_ID && process.env.VERCEL_CLIENT_SECRET
- ? {
- socialProviders: {
- vercel: {
- clientId: process.env.VERCEL_CLIENT_ID,
- clientSecret: process.env.VERCEL_CLIENT_SECRET,
- },
- },
- }
- : {}),
- advanced: {
- database: {
- generateId: () => crypto.randomUUID(),
- },
- },
- plugins: [anonymous(), nextCookies()],
-});
-
-export type UserType = "guest" | "regular";
-
-export function getUserType(user: Record): UserType {
- return (user as { isAnonymous?: boolean }).isAnonymous ? "guest" : "regular";
-}
-
-export async function getSession() {
- return auth.api.getSession({ headers: await headers() });
-}
-
-export type AuthSession = Awaited>;
-export type AuthUser = NonNullable["user"];
diff --git a/lib/client.ts b/lib/client.ts
deleted file mode 100644
index 314d045623..0000000000
--- a/lib/client.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { anonymousClient } from "better-auth/client/plugins";
-import { createAuthClient } from "better-auth/react";
-
-export const authClient = createAuthClient({
- basePath: `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/auth`,
- plugins: [anonymousClient()],
-});
-
-export const { useSession, signIn, signUp, signOut } = authClient;
diff --git a/lib/db/utils.ts b/lib/db/utils.ts
new file mode 100644
index 0000000000..233176c038
--- /dev/null
+++ b/lib/db/utils.ts
@@ -0,0 +1,16 @@
+import { generateId } from "ai";
+import { genSaltSync, hashSync } from "bcrypt-ts";
+
+export function generateHashedPassword(password: string) {
+ const salt = genSaltSync(10);
+ const hash = hashSync(password, salt);
+
+ return hash;
+}
+
+export function generateDummyPassword() {
+ const password = generateId();
+ const hashedPassword = generateHashedPassword(password);
+
+ return hashedPassword;
+}
From a32626f6a825e154cba89363560479fcf4b38e73 Mon Sep 17 00:00:00 2001
From: dancer <144584931+dancer@users.noreply.github.com>
Date: Fri, 20 Mar 2026 02:42:48 +0000
Subject: [PATCH 13/29] chore: squash migrations and clean schema
---
drizzle.config.ts | 1 -
lib/db/helpers/01-core-to-parts.ts | 253 ---------
lib/db/migrate.ts | 8 +-
lib/db/migrations/0000_initial.sql | 67 +++
lib/db/migrations/0000_keen_devos.sql | 18 -
.../migrations/0001_sparkling_blue_marvel.sql | 39 --
lib/db/migrations/0002_wandering_riptide.sql | 35 --
lib/db/migrations/0003_cloudy_glorian.sql | 1 -
lib/db/migrations/0004_odd_slayback.sql | 1 -
lib/db/migrations/0005_wooden_whistler.sql | 33 --
.../migrations/0006_marvelous_frog_thor.sql | 12 -
lib/db/migrations/0007_flowery_ben_parker.sql | 1 -
lib/db/migrations/0008_flat_forgotten_one.sql | 1 -
lib/db/migrations/0010_better_auth.sql | 49 --
lib/db/migrations/meta/0000_snapshot.json | 90 ---
lib/db/migrations/meta/0001_snapshot.json | 236 --------
lib/db/migrations/meta/0002_snapshot.json | 339 ------------
lib/db/migrations/meta/0003_snapshot.json | 346 ------------
lib/db/migrations/meta/0004_snapshot.json | 353 ------------
lib/db/migrations/meta/0005_snapshot.json | 462 ----------------
lib/db/migrations/meta/0006_snapshot.json | 506 -----------------
lib/db/migrations/meta/0007_snapshot.json | 512 ------------------
lib/db/migrations/meta/0008_snapshot.json | 506 -----------------
lib/db/migrations/meta/_journal.json | 60 +-
lib/db/queries.ts | 93 +++-
lib/db/schema.ts | 98 +---
26 files changed, 163 insertions(+), 3957 deletions(-)
delete mode 100644 lib/db/helpers/01-core-to-parts.ts
create mode 100644 lib/db/migrations/0000_initial.sql
delete mode 100644 lib/db/migrations/0000_keen_devos.sql
delete mode 100644 lib/db/migrations/0001_sparkling_blue_marvel.sql
delete mode 100644 lib/db/migrations/0002_wandering_riptide.sql
delete mode 100644 lib/db/migrations/0003_cloudy_glorian.sql
delete mode 100644 lib/db/migrations/0004_odd_slayback.sql
delete mode 100644 lib/db/migrations/0005_wooden_whistler.sql
delete mode 100644 lib/db/migrations/0006_marvelous_frog_thor.sql
delete mode 100644 lib/db/migrations/0007_flowery_ben_parker.sql
delete mode 100644 lib/db/migrations/0008_flat_forgotten_one.sql
delete mode 100644 lib/db/migrations/0010_better_auth.sql
delete mode 100644 lib/db/migrations/meta/0000_snapshot.json
delete mode 100644 lib/db/migrations/meta/0001_snapshot.json
delete mode 100644 lib/db/migrations/meta/0002_snapshot.json
delete mode 100644 lib/db/migrations/meta/0003_snapshot.json
delete mode 100644 lib/db/migrations/meta/0004_snapshot.json
delete mode 100644 lib/db/migrations/meta/0005_snapshot.json
delete mode 100644 lib/db/migrations/meta/0006_snapshot.json
delete mode 100644 lib/db/migrations/meta/0007_snapshot.json
delete mode 100644 lib/db/migrations/meta/0008_snapshot.json
diff --git a/drizzle.config.ts b/drizzle.config.ts
index f782b00ac9..7cee6e1ff8 100644
--- a/drizzle.config.ts
+++ b/drizzle.config.ts
@@ -10,7 +10,6 @@ export default defineConfig({
out: "./lib/db/migrations",
dialect: "postgresql",
dbCredentials: {
- // biome-ignore lint: Forbidden non-null assertion.
url: process.env.POSTGRES_URL!,
},
});
diff --git a/lib/db/helpers/01-core-to-parts.ts b/lib/db/helpers/01-core-to-parts.ts
deleted file mode 100644
index 9a982cff32..0000000000
--- a/lib/db/helpers/01-core-to-parts.ts
+++ /dev/null
@@ -1,253 +0,0 @@
-// This is a helper for an older version of ai, v4.3.13
-
-// import { config } from 'dotenv';
-// import postgres from 'postgres';
-// import {
-// chat,
-// message,
-// type MessageDeprecated,
-// messageDeprecated,
-// vote,
-// voteDeprecated,
-// } from '../schema';
-// import { drizzle } from 'drizzle-orm/postgres-js';
-// import { inArray } from 'drizzle-orm';
-// import { appendResponseMessages, type UIMessage } from 'ai';
-
-// config({
-// path: '.env.local',
-// });
-
-// if (!process.env.POSTGRES_URL) {
-// throw new Error('POSTGRES_URL environment variable is not set');
-// }
-
-// const client = postgres(process.env.POSTGRES_URL);
-// const db = drizzle(client);
-
-// const BATCH_SIZE = 100; // Process 100 chats at a time
-// const INSERT_BATCH_SIZE = 1000; // Insert 1000 messages at a time
-
-// type NewMessageInsert = {
-// id: string;
-// chatId: string;
-// parts: any[];
-// role: string;
-// attachments: any[];
-// createdAt: Date;
-// };
-
-// type NewVoteInsert = {
-// messageId: string;
-// chatId: string;
-// isUpvoted: boolean;
-// };
-
-// interface MessageDeprecatedContentPart {
-// type: string;
-// content: unknown;
-// }
-
-// function getMessageRank(message: MessageDeprecated): number {
-// if (
-// message.role === 'assistant' &&
-// (message.content as MessageDeprecatedContentPart[]).some(
-// (contentPart) => contentPart.type === 'tool-call',
-// )
-// ) {
-// return 0;
-// }
-
-// if (
-// message.role === 'tool' &&
-// (message.content as MessageDeprecatedContentPart[]).some(
-// (contentPart) => contentPart.type === 'tool-result',
-// )
-// ) {
-// return 1;
-// }
-
-// if (message.role === 'assistant') {
-// return 2;
-// }
-
-// return 3;
-// }
-
-// function dedupeParts(
-// parts: T[],
-// ): T[] {
-// const seen = new Set();
-// return parts.filter((p) => {
-// const key = `${p.type}|${JSON.stringify(p.content ?? p)}`;
-// if (seen.has(key)) return false;
-// seen.add(key);
-// return true;
-// });
-// }
-
-// function sanitizeParts(
-// parts: T[],
-// ): T[] {
-// return parts.filter(
-// (part) => !(part.type === 'reasoning' && part.reasoning === 'undefined'),
-// );
-// }
-
-// async function migrateMessages() {
-// const chats = await db.select().from(chat);
-
-// let processedCount = 0;
-
-// for (let i = 0; i < chats.length; i += BATCH_SIZE) {
-// const chatBatch = chats.slice(i, i + BATCH_SIZE);
-// const chatIds = chatBatch.map((chat) => chat.id);
-
-// const allMessages = await db
-// .select()
-// .from(messageDeprecated)
-// .where(inArray(messageDeprecated.chatId, chatIds));
-
-// const allVotes = await db
-// .select()
-// .from(voteDeprecated)
-// .where(inArray(voteDeprecated.chatId, chatIds));
-
-// const newMessagesToInsert: NewMessageInsert[] = [];
-// const newVotesToInsert: NewVoteInsert[] = [];
-
-// for (const chat of chatBatch) {
-// processedCount++;
-// console.info(`Processed ${processedCount}/${chats.length} chats`);
-
-// const messages = allMessages
-// .filter((message) => message.chatId === chat.id)
-// .sort((a, b) => {
-// const differenceInTime =
-// new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
-// if (differenceInTime !== 0) return differenceInTime;
-
-// return getMessageRank(a) - getMessageRank(b);
-// });
-
-// const votes = allVotes.filter((v) => v.chatId === chat.id);
-
-// const messageSection: Array = [];
-// const messageSections: Array> = [];
-
-// for (const message of messages) {
-// const { role } = message;
-
-// if (role === 'user' && messageSection.length > 0) {
-// messageSections.push([...messageSection]);
-// messageSection.length = 0;
-// }
-
-// // @ts-expect-error message.content has different type
-// messageSection.push(message);
-// }
-
-// if (messageSection.length > 0) {
-// messageSections.push([...messageSection]);
-// }
-
-// for (const section of messageSections) {
-// const [userMessage, ...assistantMessages] = section;
-
-// const [firstAssistantMessage] = assistantMessages;
-
-// try {
-// const uiSection = appendResponseMessages({
-// messages: [userMessage],
-// // @ts-expect-error: message.content has different type
-// responseMessages: assistantMessages,
-// _internal: {
-// currentDate: () => firstAssistantMessage.createdAt ?? new Date(),
-// },
-// });
-
-// const projectedUISection = uiSection
-// .map((message) => {
-// if (message.role === 'user') {
-// return {
-// id: message.id,
-// chatId: chat.id,
-// parts: [{ type: 'text', text: message.content }],
-// role: message.role,
-// createdAt: message.createdAt,
-// attachments: [],
-// } as NewMessageInsert;
-// } else if (message.role === 'assistant') {
-// const cleanParts = sanitizeParts(
-// dedupeParts(message.parts || []),
-// );
-
-// return {
-// id: message.id,
-// chatId: chat.id,
-// parts: cleanParts,
-// role: message.role,
-// createdAt: message.createdAt,
-// attachments: [],
-// } as NewMessageInsert;
-// }
-// return null;
-// })
-// .filter((msg): msg is NewMessageInsert => msg !== null);
-
-// for (const msg of projectedUISection) {
-// newMessagesToInsert.push(msg);
-
-// if (msg.role === 'assistant') {
-// const voteByMessage = votes.find((v) => v.messageId === msg.id);
-// if (voteByMessage) {
-// newVotesToInsert.push({
-// messageId: msg.id,
-// chatId: msg.chatId,
-// isUpvoted: voteByMessage.isUpvoted,
-// });
-// }
-// }
-// }
-// } catch (error) {
-// console.error(`Error processing chat ${chat.id}: ${error}`);
-// }
-// }
-// }
-
-// for (let j = 0; j < newMessagesToInsert.length; j += INSERT_BATCH_SIZE) {
-// const messageBatch = newMessagesToInsert.slice(j, j + INSERT_BATCH_SIZE);
-// if (messageBatch.length > 0) {
-// const validMessageBatch = messageBatch.map((msg) => ({
-// id: msg.id,
-// chatId: msg.chatId,
-// parts: msg.parts,
-// role: msg.role,
-// attachments: msg.attachments,
-// createdAt: msg.createdAt,
-// }));
-
-// await db.insert(message).values(validMessageBatch);
-// }
-// }
-
-// for (let j = 0; j < newVotesToInsert.length; j += INSERT_BATCH_SIZE) {
-// const voteBatch = newVotesToInsert.slice(j, j + INSERT_BATCH_SIZE);
-// if (voteBatch.length > 0) {
-// await db.insert(vote).values(voteBatch);
-// }
-// }
-// }
-
-// console.info(`Migration completed: ${processedCount} chats processed`);
-// }
-
-// migrateMessages()
-// .then(() => {
-// console.info('Script completed successfully');
-// process.exit(0);
-// })
-// .catch((error) => {
-// console.error('Script failed:', error);
-// process.exit(1);
-// });
diff --git a/lib/db/migrate.ts b/lib/db/migrate.ts
index e815cb8aa6..401a2d54cf 100644
--- a/lib/db/migrate.ts
+++ b/lib/db/migrate.ts
@@ -9,25 +9,25 @@ config({
const runMigrate = async () => {
if (!process.env.POSTGRES_URL) {
- console.log("⏭️ POSTGRES_URL not defined, skipping migrations");
+ console.log("POSTGRES_URL not defined, skipping migrations");
process.exit(0);
}
const connection = postgres(process.env.POSTGRES_URL, { max: 1 });
const db = drizzle(connection);
- console.log("⏳ Running migrations...");
+ console.log("Running migrations...");
const start = Date.now();
await migrate(db, { migrationsFolder: "./lib/db/migrations" });
const end = Date.now();
- console.log("✅ Migrations completed in", end - start, "ms");
+ console.log("Migrations completed in", end - start, "ms");
process.exit(0);
};
runMigrate().catch((err) => {
- console.error("❌ Migration failed");
+ console.error("Migration failed");
console.error(err);
process.exit(1);
});
diff --git a/lib/db/migrations/0000_initial.sql b/lib/db/migrations/0000_initial.sql
new file mode 100644
index 0000000000..9af55d657f
--- /dev/null
+++ b/lib/db/migrations/0000_initial.sql
@@ -0,0 +1,67 @@
+CREATE TABLE IF NOT EXISTS "User" (
+ "id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+ "email" varchar(64) NOT NULL,
+ "password" varchar(64),
+ "name" text,
+ "emailVerified" boolean NOT NULL DEFAULT false,
+ "image" text,
+ "isAnonymous" boolean NOT NULL DEFAULT false,
+ "createdAt" timestamp DEFAULT now() NOT NULL,
+ "updatedAt" timestamp DEFAULT now() NOT NULL
+);
+
+CREATE TABLE IF NOT EXISTS "Chat" (
+ "id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+ "createdAt" timestamp NOT NULL,
+ "title" text NOT NULL,
+ "userId" uuid NOT NULL REFERENCES "User"("id"),
+ "visibility" varchar NOT NULL DEFAULT 'private'
+);
+
+CREATE TABLE IF NOT EXISTS "Message_v2" (
+ "id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+ "chatId" uuid NOT NULL REFERENCES "Chat"("id"),
+ "role" varchar NOT NULL,
+ "parts" json NOT NULL,
+ "attachments" json NOT NULL,
+ "createdAt" timestamp NOT NULL
+);
+
+CREATE TABLE IF NOT EXISTS "Vote_v2" (
+ "chatId" uuid NOT NULL REFERENCES "Chat"("id"),
+ "messageId" uuid NOT NULL REFERENCES "Message_v2"("id"),
+ "isUpvoted" boolean NOT NULL,
+ PRIMARY KEY ("chatId", "messageId")
+);
+
+CREATE TABLE IF NOT EXISTS "Document" (
+ "id" uuid DEFAULT gen_random_uuid() NOT NULL,
+ "createdAt" timestamp NOT NULL,
+ "title" text NOT NULL,
+ "content" text,
+ "text" varchar NOT NULL DEFAULT 'text',
+ "userId" uuid NOT NULL REFERENCES "User"("id"),
+ PRIMARY KEY ("id", "createdAt")
+);
+
+CREATE TABLE IF NOT EXISTS "Suggestion" (
+ "id" uuid DEFAULT gen_random_uuid() NOT NULL,
+ "documentId" uuid NOT NULL,
+ "documentCreatedAt" timestamp NOT NULL,
+ "originalText" text NOT NULL,
+ "suggestedText" text NOT NULL,
+ "description" text,
+ "isResolved" boolean NOT NULL DEFAULT false,
+ "userId" uuid NOT NULL REFERENCES "User"("id"),
+ "createdAt" timestamp NOT NULL,
+ PRIMARY KEY ("id"),
+ FOREIGN KEY ("documentId", "documentCreatedAt") REFERENCES "Document"("id", "createdAt")
+);
+
+CREATE TABLE IF NOT EXISTS "Stream" (
+ "id" uuid DEFAULT gen_random_uuid() NOT NULL,
+ "chatId" uuid NOT NULL,
+ "createdAt" timestamp NOT NULL,
+ PRIMARY KEY ("id"),
+ FOREIGN KEY ("chatId") REFERENCES "Chat"("id")
+);
diff --git a/lib/db/migrations/0000_keen_devos.sql b/lib/db/migrations/0000_keen_devos.sql
deleted file mode 100644
index 5e821af0e6..0000000000
--- a/lib/db/migrations/0000_keen_devos.sql
+++ /dev/null
@@ -1,18 +0,0 @@
-CREATE TABLE IF NOT EXISTS "Chat" (
- "id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
- "createdAt" timestamp NOT NULL,
- "messages" json NOT NULL,
- "userId" uuid NOT NULL
-);
---> statement-breakpoint
-CREATE TABLE IF NOT EXISTS "User" (
- "id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
- "email" varchar(64) NOT NULL,
- "password" varchar(64)
-);
---> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Chat" ADD CONSTRAINT "Chat_userId_User_id_fk" FOREIGN KEY ("userId") REFERENCES "public"."User"("id") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
diff --git a/lib/db/migrations/0001_sparkling_blue_marvel.sql b/lib/db/migrations/0001_sparkling_blue_marvel.sql
deleted file mode 100644
index 6d377ae9ca..0000000000
--- a/lib/db/migrations/0001_sparkling_blue_marvel.sql
+++ /dev/null
@@ -1,39 +0,0 @@
-CREATE TABLE IF NOT EXISTS "Suggestion" (
- "id" uuid DEFAULT gen_random_uuid() NOT NULL,
- "documentId" uuid NOT NULL,
- "documentCreatedAt" timestamp NOT NULL,
- "originalText" text NOT NULL,
- "suggestedText" text NOT NULL,
- "description" text,
- "isResolved" boolean DEFAULT false NOT NULL,
- "userId" uuid NOT NULL,
- "createdAt" timestamp NOT NULL,
- CONSTRAINT "Suggestion_id_pk" PRIMARY KEY("id")
-);
---> statement-breakpoint
-CREATE TABLE IF NOT EXISTS "Document" (
- "id" uuid DEFAULT gen_random_uuid() NOT NULL,
- "createdAt" timestamp NOT NULL,
- "title" text NOT NULL,
- "content" text,
- "userId" uuid NOT NULL,
- CONSTRAINT "Document_id_createdAt_pk" PRIMARY KEY("id","createdAt")
-);
---> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Suggestion" ADD CONSTRAINT "Suggestion_userId_User_id_fk" FOREIGN KEY ("userId") REFERENCES "public"."User"("id") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
---> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Suggestion" ADD CONSTRAINT "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk" FOREIGN KEY ("documentId","documentCreatedAt") REFERENCES "public"."Document"("id","createdAt") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
---> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Document" ADD CONSTRAINT "Document_userId_User_id_fk" FOREIGN KEY ("userId") REFERENCES "public"."User"("id") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
diff --git a/lib/db/migrations/0002_wandering_riptide.sql b/lib/db/migrations/0002_wandering_riptide.sql
deleted file mode 100644
index cfe3fc42c2..0000000000
--- a/lib/db/migrations/0002_wandering_riptide.sql
+++ /dev/null
@@ -1,35 +0,0 @@
-CREATE TABLE IF NOT EXISTS "Message" (
- "id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
- "chatId" uuid NOT NULL,
- "role" varchar NOT NULL,
- "content" json NOT NULL,
- "createdAt" timestamp NOT NULL
-);
---> statement-breakpoint
-CREATE TABLE IF NOT EXISTS "Vote" (
- "chatId" uuid NOT NULL,
- "messageId" uuid NOT NULL,
- "isUpvoted" boolean NOT NULL,
- CONSTRAINT "Vote_chatId_messageId_pk" PRIMARY KEY("chatId","messageId")
-);
---> statement-breakpoint
-ALTER TABLE "Chat" ADD COLUMN "title" text NOT NULL;--> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Message" ADD CONSTRAINT "Message_chatId_Chat_id_fk" FOREIGN KEY ("chatId") REFERENCES "public"."Chat"("id") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
---> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Vote" ADD CONSTRAINT "Vote_chatId_Chat_id_fk" FOREIGN KEY ("chatId") REFERENCES "public"."Chat"("id") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
---> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Vote" ADD CONSTRAINT "Vote_messageId_Message_id_fk" FOREIGN KEY ("messageId") REFERENCES "public"."Message"("id") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
---> statement-breakpoint
-ALTER TABLE "Chat" DROP COLUMN IF EXISTS "messages";
\ No newline at end of file
diff --git a/lib/db/migrations/0003_cloudy_glorian.sql b/lib/db/migrations/0003_cloudy_glorian.sql
deleted file mode 100644
index 655c7645f1..0000000000
--- a/lib/db/migrations/0003_cloudy_glorian.sql
+++ /dev/null
@@ -1 +0,0 @@
-ALTER TABLE "Chat" ADD COLUMN "visibility" varchar DEFAULT 'private' NOT NULL;
\ No newline at end of file
diff --git a/lib/db/migrations/0004_odd_slayback.sql b/lib/db/migrations/0004_odd_slayback.sql
deleted file mode 100644
index 4186ce39c1..0000000000
--- a/lib/db/migrations/0004_odd_slayback.sql
+++ /dev/null
@@ -1 +0,0 @@
-ALTER TABLE "Document" ADD COLUMN "text" varchar DEFAULT 'text' NOT NULL;
\ No newline at end of file
diff --git a/lib/db/migrations/0005_wooden_whistler.sql b/lib/db/migrations/0005_wooden_whistler.sql
deleted file mode 100644
index 1d41f5853d..0000000000
--- a/lib/db/migrations/0005_wooden_whistler.sql
+++ /dev/null
@@ -1,33 +0,0 @@
-CREATE TABLE IF NOT EXISTS "Message_v2" (
- "id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
- "chatId" uuid NOT NULL,
- "role" varchar NOT NULL,
- "parts" json NOT NULL,
- "attachments" json NOT NULL,
- "createdAt" timestamp NOT NULL
-);
---> statement-breakpoint
-CREATE TABLE IF NOT EXISTS "Vote_v2" (
- "chatId" uuid NOT NULL,
- "messageId" uuid NOT NULL,
- "isUpvoted" boolean NOT NULL,
- CONSTRAINT "Vote_v2_chatId_messageId_pk" PRIMARY KEY("chatId","messageId")
-);
---> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Message_v2" ADD CONSTRAINT "Message_v2_chatId_Chat_id_fk" FOREIGN KEY ("chatId") REFERENCES "public"."Chat"("id") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
---> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Vote_v2" ADD CONSTRAINT "Vote_v2_chatId_Chat_id_fk" FOREIGN KEY ("chatId") REFERENCES "public"."Chat"("id") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
---> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Vote_v2" ADD CONSTRAINT "Vote_v2_messageId_Message_v2_id_fk" FOREIGN KEY ("messageId") REFERENCES "public"."Message_v2"("id") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
diff --git a/lib/db/migrations/0006_marvelous_frog_thor.sql b/lib/db/migrations/0006_marvelous_frog_thor.sql
deleted file mode 100644
index f82107b323..0000000000
--- a/lib/db/migrations/0006_marvelous_frog_thor.sql
+++ /dev/null
@@ -1,12 +0,0 @@
-CREATE TABLE IF NOT EXISTS "Stream" (
- "id" uuid DEFAULT gen_random_uuid() NOT NULL,
- "chatId" uuid NOT NULL,
- "createdAt" timestamp NOT NULL,
- CONSTRAINT "Stream_id_pk" PRIMARY KEY("id")
-);
---> statement-breakpoint
-DO $$ BEGIN
- ALTER TABLE "Stream" ADD CONSTRAINT "Stream_chatId_Chat_id_fk" FOREIGN KEY ("chatId") REFERENCES "public"."Chat"("id") ON DELETE no action ON UPDATE no action;
-EXCEPTION
- WHEN duplicate_object THEN null;
-END $$;
diff --git a/lib/db/migrations/0007_flowery_ben_parker.sql b/lib/db/migrations/0007_flowery_ben_parker.sql
deleted file mode 100644
index 163f0d069f..0000000000
--- a/lib/db/migrations/0007_flowery_ben_parker.sql
+++ /dev/null
@@ -1 +0,0 @@
-ALTER TABLE "Chat" ADD COLUMN "lastContext" jsonb;
\ No newline at end of file
diff --git a/lib/db/migrations/0008_flat_forgotten_one.sql b/lib/db/migrations/0008_flat_forgotten_one.sql
deleted file mode 100644
index cbf297a9ec..0000000000
--- a/lib/db/migrations/0008_flat_forgotten_one.sql
+++ /dev/null
@@ -1 +0,0 @@
-ALTER TABLE "Chat" DROP COLUMN IF EXISTS "lastContext";
\ No newline at end of file
diff --git a/lib/db/migrations/0010_better_auth.sql b/lib/db/migrations/0010_better_auth.sql
deleted file mode 100644
index 24a8b2196a..0000000000
--- a/lib/db/migrations/0010_better_auth.sql
+++ /dev/null
@@ -1,49 +0,0 @@
-ALTER TABLE "User" ADD COLUMN IF NOT EXISTS "name" text;
-ALTER TABLE "User" ADD COLUMN IF NOT EXISTS "emailVerified" boolean NOT NULL DEFAULT false;
-ALTER TABLE "User" ADD COLUMN IF NOT EXISTS "image" text;
-ALTER TABLE "User" ADD COLUMN IF NOT EXISTS "isAnonymous" boolean NOT NULL DEFAULT false;
-ALTER TABLE "User" ADD COLUMN IF NOT EXISTS "createdAt" timestamp DEFAULT now() NOT NULL;
-ALTER TABLE "User" ADD COLUMN IF NOT EXISTS "updatedAt" timestamp DEFAULT now() NOT NULL;
-
-CREATE TABLE IF NOT EXISTS "Session" (
- "id" text PRIMARY KEY,
- "expiresAt" timestamp NOT NULL,
- "token" text NOT NULL UNIQUE,
- "createdAt" timestamp DEFAULT now() NOT NULL,
- "updatedAt" timestamp DEFAULT now() NOT NULL,
- "ipAddress" text,
- "userAgent" text,
- "userId" uuid NOT NULL REFERENCES "User"("id") ON DELETE CASCADE
-);
-
-CREATE TABLE IF NOT EXISTS "Account" (
- "id" text PRIMARY KEY,
- "accountId" text NOT NULL,
- "providerId" text NOT NULL,
- "userId" uuid NOT NULL REFERENCES "User"("id") ON DELETE CASCADE,
- "accessToken" text,
- "refreshToken" text,
- "idToken" text,
- "accessTokenExpiresAt" timestamp,
- "refreshTokenExpiresAt" timestamp,
- "scope" text,
- "password" text,
- "createdAt" timestamp DEFAULT now() NOT NULL,
- "updatedAt" timestamp DEFAULT now() NOT NULL
-);
-
-CREATE TABLE IF NOT EXISTS "Verification" (
- "id" text PRIMARY KEY,
- "identifier" text NOT NULL,
- "value" text NOT NULL,
- "expiresAt" timestamp NOT NULL,
- "createdAt" timestamp DEFAULT now() NOT NULL,
- "updatedAt" timestamp DEFAULT now() NOT NULL
-);
-
-UPDATE "User" SET "isAnonymous" = true WHERE email ~ '^guest-\d+$';
-
-INSERT INTO "Account" ("id", "accountId", "providerId", "userId", "password", "createdAt", "updatedAt")
-SELECT gen_random_uuid()::text, id::text, 'credential', id, password, now(), now()
-FROM "User" WHERE password IS NOT NULL
-ON CONFLICT DO NOTHING;
diff --git a/lib/db/migrations/meta/0000_snapshot.json b/lib/db/migrations/meta/0000_snapshot.json
deleted file mode 100644
index 24007a2d06..0000000000
--- a/lib/db/migrations/meta/0000_snapshot.json
+++ /dev/null
@@ -1,90 +0,0 @@
-{
- "id": "715ec9ec-6715-4d0f-9f6c-9b5c7f09827c",
- "prevId": "00000000-0000-0000-0000-000000000000",
- "version": "7",
- "dialect": "postgresql",
- "tables": {
- "public.Chat": {
- "name": "Chat",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "messages": {
- "name": "messages",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Chat_userId_User_id_fk": {
- "name": "Chat_userId_User_id_fk",
- "tableFrom": "Chat",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.User": {
- "name": "User",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "email": {
- "name": "email",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": true
- },
- "password": {
- "name": "password",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": false
- }
- },
- "indexes": {},
- "foreignKeys": {},
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- }
- },
- "enums": {},
- "schemas": {},
- "sequences": {},
- "_meta": {
- "columns": {},
- "schemas": {},
- "tables": {}
- }
-}
diff --git a/lib/db/migrations/meta/0001_snapshot.json b/lib/db/migrations/meta/0001_snapshot.json
deleted file mode 100644
index fa653b128f..0000000000
--- a/lib/db/migrations/meta/0001_snapshot.json
+++ /dev/null
@@ -1,236 +0,0 @@
-{
- "id": "f3d3437c-4735-4c91-80af-1014048a904e",
- "prevId": "715ec9ec-6715-4d0f-9f6c-9b5c7f09827c",
- "version": "7",
- "dialect": "postgresql",
- "tables": {
- "public.Suggestion": {
- "name": "Suggestion",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "documentId": {
- "name": "documentId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "documentCreatedAt": {
- "name": "documentCreatedAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "originalText": {
- "name": "originalText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "suggestedText": {
- "name": "suggestedText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "description": {
- "name": "description",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "isResolved": {
- "name": "isResolved",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true,
- "default": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Suggestion_userId_User_id_fk": {
- "name": "Suggestion_userId_User_id_fk",
- "tableFrom": "Suggestion",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk": {
- "name": "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk",
- "tableFrom": "Suggestion",
- "tableTo": "Document",
- "columnsFrom": ["documentId", "documentCreatedAt"],
- "columnsTo": ["id", "createdAt"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Suggestion_id_pk": {
- "name": "Suggestion_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Chat": {
- "name": "Chat",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "messages": {
- "name": "messages",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Chat_userId_User_id_fk": {
- "name": "Chat_userId_User_id_fk",
- "tableFrom": "Chat",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Document": {
- "name": "Document",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Document_userId_User_id_fk": {
- "name": "Document_userId_User_id_fk",
- "tableFrom": "Document",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Document_id_createdAt_pk": {
- "name": "Document_id_createdAt_pk",
- "columns": ["id", "createdAt"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.User": {
- "name": "User",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "email": {
- "name": "email",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": true
- },
- "password": {
- "name": "password",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": false
- }
- },
- "indexes": {},
- "foreignKeys": {},
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- }
- },
- "enums": {},
- "schemas": {},
- "sequences": {},
- "_meta": {
- "columns": {},
- "schemas": {},
- "tables": {}
- }
-}
diff --git a/lib/db/migrations/meta/0002_snapshot.json b/lib/db/migrations/meta/0002_snapshot.json
deleted file mode 100644
index 0ceecbfd61..0000000000
--- a/lib/db/migrations/meta/0002_snapshot.json
+++ /dev/null
@@ -1,339 +0,0 @@
-{
- "id": "b5d8e862-936f-4419-a50f-97be3e7fe665",
- "prevId": "f3d3437c-4735-4c91-80af-1014048a904e",
- "version": "7",
- "dialect": "postgresql",
- "tables": {
- "public.Suggestion": {
- "name": "Suggestion",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "documentId": {
- "name": "documentId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "documentCreatedAt": {
- "name": "documentCreatedAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "originalText": {
- "name": "originalText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "suggestedText": {
- "name": "suggestedText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "description": {
- "name": "description",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "isResolved": {
- "name": "isResolved",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true,
- "default": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Suggestion_userId_User_id_fk": {
- "name": "Suggestion_userId_User_id_fk",
- "tableFrom": "Suggestion",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk": {
- "name": "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk",
- "tableFrom": "Suggestion",
- "tableTo": "Document",
- "columnsFrom": ["documentId", "documentCreatedAt"],
- "columnsTo": ["id", "createdAt"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Suggestion_id_pk": {
- "name": "Suggestion_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Chat": {
- "name": "Chat",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Chat_userId_User_id_fk": {
- "name": "Chat_userId_User_id_fk",
- "tableFrom": "Chat",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Document": {
- "name": "Document",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Document_userId_User_id_fk": {
- "name": "Document_userId_User_id_fk",
- "tableFrom": "Document",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Document_id_createdAt_pk": {
- "name": "Document_id_createdAt_pk",
- "columns": ["id", "createdAt"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Message": {
- "name": "Message",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_chatId_Chat_id_fk": {
- "name": "Message_chatId_Chat_id_fk",
- "tableFrom": "Message",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.User": {
- "name": "User",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "email": {
- "name": "email",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": true
- },
- "password": {
- "name": "password",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": false
- }
- },
- "indexes": {},
- "foreignKeys": {},
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Vote": {
- "name": "Vote",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_chatId_Chat_id_fk": {
- "name": "Vote_chatId_Chat_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_messageId_Message_id_fk": {
- "name": "Vote_messageId_Message_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Message",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_chatId_messageId_pk": {
- "name": "Vote_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- }
- },
- "enums": {},
- "schemas": {},
- "sequences": {},
- "_meta": {
- "columns": {},
- "schemas": {},
- "tables": {}
- }
-}
diff --git a/lib/db/migrations/meta/0003_snapshot.json b/lib/db/migrations/meta/0003_snapshot.json
deleted file mode 100644
index 7aaf04ce3a..0000000000
--- a/lib/db/migrations/meta/0003_snapshot.json
+++ /dev/null
@@ -1,346 +0,0 @@
-{
- "id": "011efa9e-42c7-4ff6-830a-02106f6638c9",
- "prevId": "b5d8e862-936f-4419-a50f-97be3e7fe665",
- "version": "7",
- "dialect": "postgresql",
- "tables": {
- "public.Chat": {
- "name": "Chat",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "visibility": {
- "name": "visibility",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'private'"
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Chat_userId_User_id_fk": {
- "name": "Chat_userId_User_id_fk",
- "tableFrom": "Chat",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Document": {
- "name": "Document",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Document_userId_User_id_fk": {
- "name": "Document_userId_User_id_fk",
- "tableFrom": "Document",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Document_id_createdAt_pk": {
- "name": "Document_id_createdAt_pk",
- "columns": ["id", "createdAt"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Message": {
- "name": "Message",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_chatId_Chat_id_fk": {
- "name": "Message_chatId_Chat_id_fk",
- "tableFrom": "Message",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Suggestion": {
- "name": "Suggestion",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "documentId": {
- "name": "documentId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "documentCreatedAt": {
- "name": "documentCreatedAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "originalText": {
- "name": "originalText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "suggestedText": {
- "name": "suggestedText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "description": {
- "name": "description",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "isResolved": {
- "name": "isResolved",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true,
- "default": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Suggestion_userId_User_id_fk": {
- "name": "Suggestion_userId_User_id_fk",
- "tableFrom": "Suggestion",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk": {
- "name": "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk",
- "tableFrom": "Suggestion",
- "tableTo": "Document",
- "columnsFrom": ["documentId", "documentCreatedAt"],
- "columnsTo": ["id", "createdAt"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Suggestion_id_pk": {
- "name": "Suggestion_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.User": {
- "name": "User",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "email": {
- "name": "email",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": true
- },
- "password": {
- "name": "password",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": false
- }
- },
- "indexes": {},
- "foreignKeys": {},
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Vote": {
- "name": "Vote",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_chatId_Chat_id_fk": {
- "name": "Vote_chatId_Chat_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_messageId_Message_id_fk": {
- "name": "Vote_messageId_Message_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Message",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_chatId_messageId_pk": {
- "name": "Vote_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- }
- },
- "enums": {},
- "schemas": {},
- "sequences": {},
- "_meta": {
- "columns": {},
- "schemas": {},
- "tables": {}
- }
-}
diff --git a/lib/db/migrations/meta/0004_snapshot.json b/lib/db/migrations/meta/0004_snapshot.json
deleted file mode 100644
index ff59fc4b9d..0000000000
--- a/lib/db/migrations/meta/0004_snapshot.json
+++ /dev/null
@@ -1,353 +0,0 @@
-{
- "id": "30ad8233-1432-428b-93fc-2bb1ba867ff1",
- "prevId": "011efa9e-42c7-4ff6-830a-02106f6638c9",
- "version": "7",
- "dialect": "postgresql",
- "tables": {
- "public.Chat": {
- "name": "Chat",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "visibility": {
- "name": "visibility",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'private'"
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Chat_userId_User_id_fk": {
- "name": "Chat_userId_User_id_fk",
- "tableFrom": "Chat",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Document": {
- "name": "Document",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "text": {
- "name": "text",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'text'"
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Document_userId_User_id_fk": {
- "name": "Document_userId_User_id_fk",
- "tableFrom": "Document",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Document_id_createdAt_pk": {
- "name": "Document_id_createdAt_pk",
- "columns": ["id", "createdAt"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Message": {
- "name": "Message",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_chatId_Chat_id_fk": {
- "name": "Message_chatId_Chat_id_fk",
- "tableFrom": "Message",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Suggestion": {
- "name": "Suggestion",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "documentId": {
- "name": "documentId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "documentCreatedAt": {
- "name": "documentCreatedAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "originalText": {
- "name": "originalText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "suggestedText": {
- "name": "suggestedText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "description": {
- "name": "description",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "isResolved": {
- "name": "isResolved",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true,
- "default": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Suggestion_userId_User_id_fk": {
- "name": "Suggestion_userId_User_id_fk",
- "tableFrom": "Suggestion",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk": {
- "name": "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk",
- "tableFrom": "Suggestion",
- "tableTo": "Document",
- "columnsFrom": ["documentId", "documentCreatedAt"],
- "columnsTo": ["id", "createdAt"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Suggestion_id_pk": {
- "name": "Suggestion_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.User": {
- "name": "User",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "email": {
- "name": "email",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": true
- },
- "password": {
- "name": "password",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": false
- }
- },
- "indexes": {},
- "foreignKeys": {},
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Vote": {
- "name": "Vote",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_chatId_Chat_id_fk": {
- "name": "Vote_chatId_Chat_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_messageId_Message_id_fk": {
- "name": "Vote_messageId_Message_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Message",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_chatId_messageId_pk": {
- "name": "Vote_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- }
- },
- "enums": {},
- "schemas": {},
- "sequences": {},
- "_meta": {
- "columns": {},
- "schemas": {},
- "tables": {}
- }
-}
diff --git a/lib/db/migrations/meta/0005_snapshot.json b/lib/db/migrations/meta/0005_snapshot.json
deleted file mode 100644
index b0ec7d9162..0000000000
--- a/lib/db/migrations/meta/0005_snapshot.json
+++ /dev/null
@@ -1,462 +0,0 @@
-{
- "id": "c6c102e6-b64e-4f0c-a7a6-32df758de437",
- "prevId": "30ad8233-1432-428b-93fc-2bb1ba867ff1",
- "version": "7",
- "dialect": "postgresql",
- "tables": {
- "public.Chat": {
- "name": "Chat",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "visibility": {
- "name": "visibility",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'private'"
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Chat_userId_User_id_fk": {
- "name": "Chat_userId_User_id_fk",
- "tableFrom": "Chat",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Document": {
- "name": "Document",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "text": {
- "name": "text",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'text'"
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Document_userId_User_id_fk": {
- "name": "Document_userId_User_id_fk",
- "tableFrom": "Document",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Document_id_createdAt_pk": {
- "name": "Document_id_createdAt_pk",
- "columns": ["id", "createdAt"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Message_v2": {
- "name": "Message_v2",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "parts": {
- "name": "parts",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "attachments": {
- "name": "attachments",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_v2_chatId_Chat_id_fk": {
- "name": "Message_v2_chatId_Chat_id_fk",
- "tableFrom": "Message_v2",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Message": {
- "name": "Message",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_chatId_Chat_id_fk": {
- "name": "Message_chatId_Chat_id_fk",
- "tableFrom": "Message",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Suggestion": {
- "name": "Suggestion",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "documentId": {
- "name": "documentId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "documentCreatedAt": {
- "name": "documentCreatedAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "originalText": {
- "name": "originalText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "suggestedText": {
- "name": "suggestedText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "description": {
- "name": "description",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "isResolved": {
- "name": "isResolved",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true,
- "default": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Suggestion_userId_User_id_fk": {
- "name": "Suggestion_userId_User_id_fk",
- "tableFrom": "Suggestion",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk": {
- "name": "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk",
- "tableFrom": "Suggestion",
- "tableTo": "Document",
- "columnsFrom": ["documentId", "documentCreatedAt"],
- "columnsTo": ["id", "createdAt"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Suggestion_id_pk": {
- "name": "Suggestion_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.User": {
- "name": "User",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "email": {
- "name": "email",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": true
- },
- "password": {
- "name": "password",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": false
- }
- },
- "indexes": {},
- "foreignKeys": {},
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Vote_v2": {
- "name": "Vote_v2",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_v2_chatId_Chat_id_fk": {
- "name": "Vote_v2_chatId_Chat_id_fk",
- "tableFrom": "Vote_v2",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_v2_messageId_Message_v2_id_fk": {
- "name": "Vote_v2_messageId_Message_v2_id_fk",
- "tableFrom": "Vote_v2",
- "tableTo": "Message_v2",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_v2_chatId_messageId_pk": {
- "name": "Vote_v2_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Vote": {
- "name": "Vote",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_chatId_Chat_id_fk": {
- "name": "Vote_chatId_Chat_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_messageId_Message_id_fk": {
- "name": "Vote_messageId_Message_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Message",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_chatId_messageId_pk": {
- "name": "Vote_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- }
- },
- "enums": {},
- "schemas": {},
- "sequences": {},
- "_meta": {
- "columns": {},
- "schemas": {},
- "tables": {}
- }
-}
diff --git a/lib/db/migrations/meta/0006_snapshot.json b/lib/db/migrations/meta/0006_snapshot.json
deleted file mode 100644
index 591a16fc88..0000000000
--- a/lib/db/migrations/meta/0006_snapshot.json
+++ /dev/null
@@ -1,506 +0,0 @@
-{
- "id": "443de550-b7e8-4bfb-b229-c12dc6c132f0",
- "prevId": "c6c102e6-b64e-4f0c-a7a6-32df758de437",
- "version": "7",
- "dialect": "postgresql",
- "tables": {
- "public.Chat": {
- "name": "Chat",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "visibility": {
- "name": "visibility",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'private'"
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Chat_userId_User_id_fk": {
- "name": "Chat_userId_User_id_fk",
- "tableFrom": "Chat",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Document": {
- "name": "Document",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "text": {
- "name": "text",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'text'"
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Document_userId_User_id_fk": {
- "name": "Document_userId_User_id_fk",
- "tableFrom": "Document",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Document_id_createdAt_pk": {
- "name": "Document_id_createdAt_pk",
- "columns": ["id", "createdAt"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Message_v2": {
- "name": "Message_v2",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "parts": {
- "name": "parts",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "attachments": {
- "name": "attachments",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_v2_chatId_Chat_id_fk": {
- "name": "Message_v2_chatId_Chat_id_fk",
- "tableFrom": "Message_v2",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Message": {
- "name": "Message",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_chatId_Chat_id_fk": {
- "name": "Message_chatId_Chat_id_fk",
- "tableFrom": "Message",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Stream": {
- "name": "Stream",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Stream_chatId_Chat_id_fk": {
- "name": "Stream_chatId_Chat_id_fk",
- "tableFrom": "Stream",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Stream_id_pk": {
- "name": "Stream_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Suggestion": {
- "name": "Suggestion",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "documentId": {
- "name": "documentId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "documentCreatedAt": {
- "name": "documentCreatedAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "originalText": {
- "name": "originalText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "suggestedText": {
- "name": "suggestedText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "description": {
- "name": "description",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "isResolved": {
- "name": "isResolved",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true,
- "default": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Suggestion_userId_User_id_fk": {
- "name": "Suggestion_userId_User_id_fk",
- "tableFrom": "Suggestion",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk": {
- "name": "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk",
- "tableFrom": "Suggestion",
- "tableTo": "Document",
- "columnsFrom": ["documentId", "documentCreatedAt"],
- "columnsTo": ["id", "createdAt"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Suggestion_id_pk": {
- "name": "Suggestion_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.User": {
- "name": "User",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "email": {
- "name": "email",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": true
- },
- "password": {
- "name": "password",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": false
- }
- },
- "indexes": {},
- "foreignKeys": {},
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Vote_v2": {
- "name": "Vote_v2",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_v2_chatId_Chat_id_fk": {
- "name": "Vote_v2_chatId_Chat_id_fk",
- "tableFrom": "Vote_v2",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_v2_messageId_Message_v2_id_fk": {
- "name": "Vote_v2_messageId_Message_v2_id_fk",
- "tableFrom": "Vote_v2",
- "tableTo": "Message_v2",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_v2_chatId_messageId_pk": {
- "name": "Vote_v2_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Vote": {
- "name": "Vote",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_chatId_Chat_id_fk": {
- "name": "Vote_chatId_Chat_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_messageId_Message_id_fk": {
- "name": "Vote_messageId_Message_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Message",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_chatId_messageId_pk": {
- "name": "Vote_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- }
- },
- "enums": {},
- "schemas": {},
- "sequences": {},
- "_meta": {
- "columns": {},
- "schemas": {},
- "tables": {}
- }
-}
diff --git a/lib/db/migrations/meta/0007_snapshot.json b/lib/db/migrations/meta/0007_snapshot.json
deleted file mode 100644
index 5ce9719c31..0000000000
--- a/lib/db/migrations/meta/0007_snapshot.json
+++ /dev/null
@@ -1,512 +0,0 @@
-{
- "id": "097660a7-976a-4b3e-8ebb-79312e3ece6f",
- "prevId": "443de550-b7e8-4bfb-b229-c12dc6c132f0",
- "version": "7",
- "dialect": "postgresql",
- "tables": {
- "public.Chat": {
- "name": "Chat",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "visibility": {
- "name": "visibility",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'private'"
- },
- "lastContext": {
- "name": "lastContext",
- "type": "jsonb",
- "primaryKey": false,
- "notNull": false
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Chat_userId_User_id_fk": {
- "name": "Chat_userId_User_id_fk",
- "tableFrom": "Chat",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Document": {
- "name": "Document",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "text": {
- "name": "text",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'text'"
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Document_userId_User_id_fk": {
- "name": "Document_userId_User_id_fk",
- "tableFrom": "Document",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Document_id_createdAt_pk": {
- "name": "Document_id_createdAt_pk",
- "columns": ["id", "createdAt"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Message_v2": {
- "name": "Message_v2",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "parts": {
- "name": "parts",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "attachments": {
- "name": "attachments",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_v2_chatId_Chat_id_fk": {
- "name": "Message_v2_chatId_Chat_id_fk",
- "tableFrom": "Message_v2",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Message": {
- "name": "Message",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_chatId_Chat_id_fk": {
- "name": "Message_chatId_Chat_id_fk",
- "tableFrom": "Message",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Stream": {
- "name": "Stream",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Stream_chatId_Chat_id_fk": {
- "name": "Stream_chatId_Chat_id_fk",
- "tableFrom": "Stream",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Stream_id_pk": {
- "name": "Stream_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Suggestion": {
- "name": "Suggestion",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "documentId": {
- "name": "documentId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "documentCreatedAt": {
- "name": "documentCreatedAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "originalText": {
- "name": "originalText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "suggestedText": {
- "name": "suggestedText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "description": {
- "name": "description",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "isResolved": {
- "name": "isResolved",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true,
- "default": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Suggestion_userId_User_id_fk": {
- "name": "Suggestion_userId_User_id_fk",
- "tableFrom": "Suggestion",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk": {
- "name": "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk",
- "tableFrom": "Suggestion",
- "tableTo": "Document",
- "columnsFrom": ["documentId", "documentCreatedAt"],
- "columnsTo": ["id", "createdAt"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Suggestion_id_pk": {
- "name": "Suggestion_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.User": {
- "name": "User",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "email": {
- "name": "email",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": true
- },
- "password": {
- "name": "password",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": false
- }
- },
- "indexes": {},
- "foreignKeys": {},
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Vote_v2": {
- "name": "Vote_v2",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_v2_chatId_Chat_id_fk": {
- "name": "Vote_v2_chatId_Chat_id_fk",
- "tableFrom": "Vote_v2",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_v2_messageId_Message_v2_id_fk": {
- "name": "Vote_v2_messageId_Message_v2_id_fk",
- "tableFrom": "Vote_v2",
- "tableTo": "Message_v2",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_v2_chatId_messageId_pk": {
- "name": "Vote_v2_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Vote": {
- "name": "Vote",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_chatId_Chat_id_fk": {
- "name": "Vote_chatId_Chat_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_messageId_Message_id_fk": {
- "name": "Vote_messageId_Message_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Message",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_chatId_messageId_pk": {
- "name": "Vote_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- }
- },
- "enums": {},
- "schemas": {},
- "sequences": {},
- "_meta": {
- "columns": {},
- "schemas": {},
- "tables": {}
- }
-}
diff --git a/lib/db/migrations/meta/0008_snapshot.json b/lib/db/migrations/meta/0008_snapshot.json
deleted file mode 100644
index 6e2d4fb5e0..0000000000
--- a/lib/db/migrations/meta/0008_snapshot.json
+++ /dev/null
@@ -1,506 +0,0 @@
-{
- "id": "31934f42-f6af-42a3-9320-b2e86fb67e81",
- "prevId": "097660a7-976a-4b3e-8ebb-79312e3ece6f",
- "version": "7",
- "dialect": "postgresql",
- "tables": {
- "public.Chat": {
- "name": "Chat",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "visibility": {
- "name": "visibility",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'private'"
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Chat_userId_User_id_fk": {
- "name": "Chat_userId_User_id_fk",
- "tableFrom": "Chat",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Document": {
- "name": "Document",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "title": {
- "name": "title",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "text": {
- "name": "text",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true,
- "default": "'text'"
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Document_userId_User_id_fk": {
- "name": "Document_userId_User_id_fk",
- "tableFrom": "Document",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Document_id_createdAt_pk": {
- "name": "Document_id_createdAt_pk",
- "columns": ["id", "createdAt"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Message_v2": {
- "name": "Message_v2",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "parts": {
- "name": "parts",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "attachments": {
- "name": "attachments",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_v2_chatId_Chat_id_fk": {
- "name": "Message_v2_chatId_Chat_id_fk",
- "tableFrom": "Message_v2",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Message": {
- "name": "Message",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "role": {
- "name": "role",
- "type": "varchar",
- "primaryKey": false,
- "notNull": true
- },
- "content": {
- "name": "content",
- "type": "json",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Message_chatId_Chat_id_fk": {
- "name": "Message_chatId_Chat_id_fk",
- "tableFrom": "Message",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Stream": {
- "name": "Stream",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Stream_chatId_Chat_id_fk": {
- "name": "Stream_chatId_Chat_id_fk",
- "tableFrom": "Stream",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Stream_id_pk": {
- "name": "Stream_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Suggestion": {
- "name": "Suggestion",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "documentId": {
- "name": "documentId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "documentCreatedAt": {
- "name": "documentCreatedAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- },
- "originalText": {
- "name": "originalText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "suggestedText": {
- "name": "suggestedText",
- "type": "text",
- "primaryKey": false,
- "notNull": true
- },
- "description": {
- "name": "description",
- "type": "text",
- "primaryKey": false,
- "notNull": false
- },
- "isResolved": {
- "name": "isResolved",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true,
- "default": false
- },
- "userId": {
- "name": "userId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "createdAt": {
- "name": "createdAt",
- "type": "timestamp",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Suggestion_userId_User_id_fk": {
- "name": "Suggestion_userId_User_id_fk",
- "tableFrom": "Suggestion",
- "tableTo": "User",
- "columnsFrom": ["userId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk": {
- "name": "Suggestion_documentId_documentCreatedAt_Document_id_createdAt_fk",
- "tableFrom": "Suggestion",
- "tableTo": "Document",
- "columnsFrom": ["documentId", "documentCreatedAt"],
- "columnsTo": ["id", "createdAt"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Suggestion_id_pk": {
- "name": "Suggestion_id_pk",
- "columns": ["id"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.User": {
- "name": "User",
- "schema": "",
- "columns": {
- "id": {
- "name": "id",
- "type": "uuid",
- "primaryKey": true,
- "notNull": true,
- "default": "gen_random_uuid()"
- },
- "email": {
- "name": "email",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": true
- },
- "password": {
- "name": "password",
- "type": "varchar(64)",
- "primaryKey": false,
- "notNull": false
- }
- },
- "indexes": {},
- "foreignKeys": {},
- "compositePrimaryKeys": {},
- "uniqueConstraints": {}
- },
- "public.Vote_v2": {
- "name": "Vote_v2",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_v2_chatId_Chat_id_fk": {
- "name": "Vote_v2_chatId_Chat_id_fk",
- "tableFrom": "Vote_v2",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_v2_messageId_Message_v2_id_fk": {
- "name": "Vote_v2_messageId_Message_v2_id_fk",
- "tableFrom": "Vote_v2",
- "tableTo": "Message_v2",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_v2_chatId_messageId_pk": {
- "name": "Vote_v2_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- },
- "public.Vote": {
- "name": "Vote",
- "schema": "",
- "columns": {
- "chatId": {
- "name": "chatId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "messageId": {
- "name": "messageId",
- "type": "uuid",
- "primaryKey": false,
- "notNull": true
- },
- "isUpvoted": {
- "name": "isUpvoted",
- "type": "boolean",
- "primaryKey": false,
- "notNull": true
- }
- },
- "indexes": {},
- "foreignKeys": {
- "Vote_chatId_Chat_id_fk": {
- "name": "Vote_chatId_Chat_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Chat",
- "columnsFrom": ["chatId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- },
- "Vote_messageId_Message_id_fk": {
- "name": "Vote_messageId_Message_id_fk",
- "tableFrom": "Vote",
- "tableTo": "Message",
- "columnsFrom": ["messageId"],
- "columnsTo": ["id"],
- "onDelete": "no action",
- "onUpdate": "no action"
- }
- },
- "compositePrimaryKeys": {
- "Vote_chatId_messageId_pk": {
- "name": "Vote_chatId_messageId_pk",
- "columns": ["chatId", "messageId"]
- }
- },
- "uniqueConstraints": {}
- }
- },
- "enums": {},
- "schemas": {},
- "sequences": {},
- "_meta": {
- "columns": {},
- "schemas": {},
- "tables": {}
- }
-}
diff --git a/lib/db/migrations/meta/_journal.json b/lib/db/migrations/meta/_journal.json
index 880936d00f..a39cb79532 100644
--- a/lib/db/migrations/meta/_journal.json
+++ b/lib/db/migrations/meta/_journal.json
@@ -5,64 +5,8 @@
{
"idx": 0,
"version": "7",
- "when": 1728598022383,
- "tag": "0000_keen_devos",
- "breakpoints": true
- },
- {
- "idx": 1,
- "version": "7",
- "when": 1730207363999,
- "tag": "0001_sparkling_blue_marvel",
- "breakpoints": true
- },
- {
- "idx": 2,
- "version": "7",
- "when": 1730725226313,
- "tag": "0002_wandering_riptide",
- "breakpoints": true
- },
- {
- "idx": 3,
- "version": "7",
- "when": 1733403031014,
- "tag": "0003_cloudy_glorian",
- "breakpoints": true
- },
- {
- "idx": 4,
- "version": "7",
- "when": 1733945232355,
- "tag": "0004_odd_slayback",
- "breakpoints": true
- },
- {
- "idx": 5,
- "version": "7",
- "when": 1741934630596,
- "tag": "0005_wooden_whistler",
- "breakpoints": true
- },
- {
- "idx": 6,
- "version": "7",
- "when": 1746118166211,
- "tag": "0006_marvelous_frog_thor",
- "breakpoints": true
- },
- {
- "idx": 7,
- "version": "7",
- "when": 1757362773211,
- "tag": "0007_flowery_ben_parker",
- "breakpoints": true
- },
- {
- "idx": 8,
- "version": "7",
- "when": 1768479010084,
- "tag": "0008_flat_forgotten_one",
+ "when": 1710000000000,
+ "tag": "0000_initial",
"breakpoints": true
}
]
diff --git a/lib/db/queries.ts b/lib/db/queries.ts
index fdc2b06804..8fd0793ce4 100644
--- a/lib/db/queries.ts
+++ b/lib/db/queries.ts
@@ -14,10 +14,10 @@ import {
} from "drizzle-orm";
import { drizzle } from "drizzle-orm/postgres-js";
import postgres from "postgres";
-import type { ArtifactKind } from "@/components/artifact";
-import type { VisibilityType } from "@/components/visibility-selector";
+import type { ArtifactKind } from "@/components/chat/artifact";
+import type { VisibilityType } from "@/components/chat/visibility-selector";
import { ChatbotError } from "../errors";
-
+import { generateUUID } from "../utils";
import {
type Chat,
chat,
@@ -27,13 +27,53 @@ import {
type Suggestion,
stream,
suggestion,
+ type User,
+ user,
vote,
} from "./schema";
+import { generateHashedPassword } from "./utils";
-// biome-ignore lint: Forbidden non-null assertion.
const client = postgres(process.env.POSTGRES_URL!);
const db = drizzle(client);
+export async function getUser(email: string): Promise {
+ try {
+ return await db.select().from(user).where(eq(user.email, email));
+ } catch (_error) {
+ throw new ChatbotError(
+ "bad_request:database",
+ "Failed to get user by email"
+ );
+ }
+}
+
+export async function createUser(email: string, password: string) {
+ const hashedPassword = generateHashedPassword(password);
+
+ try {
+ return await db.insert(user).values({ email, password: hashedPassword });
+ } catch (_error) {
+ throw new ChatbotError("bad_request:database", "Failed to create user");
+ }
+}
+
+export async function createGuestUser() {
+ const email = `guest-${Date.now()}`;
+ const password = generateHashedPassword(generateUUID());
+
+ try {
+ return await db.insert(user).values({ email, password }).returning({
+ id: user.id,
+ email: user.email,
+ });
+ } catch (_error) {
+ throw new ChatbotError(
+ "bad_request:database",
+ "Failed to create guest user"
+ );
+ }
+}
+
export async function saveChat({
id,
userId,
@@ -122,7 +162,7 @@ export async function getChatsByUserId({
try {
const extendedLimit = limit + 1;
- const query = (whereCondition?: SQL) =>
+ const query = (whereCondition?: SQL) =>
db
.select()
.from(chat)
@@ -306,6 +346,42 @@ export async function saveDocument({
}
}
+export async function updateDocumentContent({
+ id,
+ content,
+}: {
+ id: string;
+ content: string;
+}) {
+ try {
+ const docs = await db
+ .select()
+ .from(document)
+ .where(eq(document.id, id))
+ .orderBy(desc(document.createdAt))
+ .limit(1);
+
+ const latest = docs[0];
+ if (!latest) {
+ throw new ChatbotError("not_found:database", "Document not found");
+ }
+
+ return await db
+ .update(document)
+ .set({ content })
+ .where(
+ and(eq(document.id, id), eq(document.createdAt, latest.createdAt))
+ )
+ .returning();
+ } catch (_error) {
+ if (_error instanceof ChatbotError) throw _error;
+ throw new ChatbotError(
+ "bad_request:database",
+ "Failed to update document content"
+ );
+ }
+}
+
export async function getDocumentsById({ id }: { id: string }) {
try {
const documents = await db
@@ -479,8 +555,7 @@ export async function updateChatTitleById({
}) {
try {
return await db.update(chat).set({ title }).where(eq(chat.id, chatId));
- } catch (error) {
- console.warn("Failed to update title for chat", chatId, error);
+ } catch (_error) {
return;
}
}
@@ -493,7 +568,7 @@ export async function getMessageCountByUserId({
differenceInHours: number;
}) {
try {
- const twentyFourHoursAgo = new Date(
+ const cutoffTime = new Date(
Date.now() - differenceInHours * 60 * 60 * 1000
);
@@ -504,7 +579,7 @@ export async function getMessageCountByUserId({
.where(
and(
eq(chat.userId, id),
- gte(message.createdAt, twentyFourHoursAgo),
+ gte(message.createdAt, cutoffTime),
eq(message.role, "user")
)
)
diff --git a/lib/db/schema.ts b/lib/db/schema.ts
index 9e52936602..33fb26c4f1 100644
--- a/lib/db/schema.ts
+++ b/lib/db/schema.ts
@@ -25,52 +25,6 @@ export const user = pgTable("User", {
export type User = InferSelectModel;
-export const session = pgTable("Session", {
- id: text("id").primaryKey(),
- expiresAt: timestamp("expiresAt").notNull(),
- token: text("token").notNull().unique(),
- createdAt: timestamp("createdAt").notNull().defaultNow(),
- updatedAt: timestamp("updatedAt").notNull().defaultNow(),
- ipAddress: text("ipAddress"),
- userAgent: text("userAgent"),
- userId: uuid("userId")
- .notNull()
- .references(() => user.id, { onDelete: "cascade" }),
-});
-
-export type Session = InferSelectModel;
-
-export const account = pgTable("Account", {
- id: text("id").primaryKey(),
- accountId: text("accountId").notNull(),
- providerId: text("providerId").notNull(),
- userId: uuid("userId")
- .notNull()
- .references(() => user.id, { onDelete: "cascade" }),
- accessToken: text("accessToken"),
- refreshToken: text("refreshToken"),
- idToken: text("idToken"),
- accessTokenExpiresAt: timestamp("accessTokenExpiresAt"),
- refreshTokenExpiresAt: timestamp("refreshTokenExpiresAt"),
- scope: text("scope"),
- password: text("password"),
- createdAt: timestamp("createdAt").notNull().defaultNow(),
- updatedAt: timestamp("updatedAt").notNull().defaultNow(),
-});
-
-export type Account = InferSelectModel;
-
-export const verification = pgTable("Verification", {
- id: text("id").primaryKey(),
- identifier: text("identifier").notNull(),
- value: text("value").notNull(),
- expiresAt: timestamp("expiresAt").notNull(),
- createdAt: timestamp("createdAt").notNull().defaultNow(),
- updatedAt: timestamp("updatedAt").notNull().defaultNow(),
-});
-
-export type Verification = InferSelectModel;
-
export const chat = pgTable("Chat", {
id: uuid("id").primaryKey().notNull().defaultRandom(),
createdAt: timestamp("createdAt").notNull(),
@@ -85,20 +39,6 @@ export const chat = pgTable("Chat", {
export type Chat = InferSelectModel;
-// DEPRECATED: The following schema is deprecated and will be removed in the future.
-// Read the migration guide at https://chatbot.dev/docs/migration-guides/message-parts
-export const messageDeprecated = pgTable("Message", {
- id: uuid("id").primaryKey().notNull().defaultRandom(),
- chatId: uuid("chatId")
- .notNull()
- .references(() => chat.id),
- role: varchar("role").notNull(),
- content: json("content").notNull(),
- createdAt: timestamp("createdAt").notNull(),
-});
-
-export type MessageDeprecated = InferSelectModel;
-
export const message = pgTable("Message_v2", {
id: uuid("id").primaryKey().notNull().defaultRandom(),
chatId: uuid("chatId")
@@ -112,28 +52,6 @@ export const message = pgTable("Message_v2", {
export type DBMessage = InferSelectModel;
-// DEPRECATED: The following schema is deprecated and will be removed in the future.
-// Read the migration guide at https://chatbot.dev/docs/migration-guides/message-parts
-export const voteDeprecated = pgTable(
- "Vote",
- {
- chatId: uuid("chatId")
- .notNull()
- .references(() => chat.id),
- messageId: uuid("messageId")
- .notNull()
- .references(() => messageDeprecated.id),
- isUpvoted: boolean("isUpvoted").notNull(),
- },
- (table) => {
- return {
- pk: primaryKey({ columns: [table.chatId, table.messageId] }),
- };
- }
-);
-
-export type VoteDeprecated = InferSelectModel;
-
export const vote = pgTable(
"Vote_v2",
{
@@ -145,11 +63,9 @@ export const vote = pgTable(
.references(() => message.id),
isUpvoted: boolean("isUpvoted").notNull(),
},
- (table) => {
- return {
- pk: primaryKey({ columns: [table.chatId, table.messageId] }),
- };
- }
+ (table) => ({
+ pk: primaryKey({ columns: [table.chatId, table.messageId] }),
+ })
);
export type Vote = InferSelectModel;
@@ -168,11 +84,9 @@ export const document = pgTable(
.notNull()
.references(() => user.id),
},
- (table) => {
- return {
- pk: primaryKey({ columns: [table.id, table.createdAt] }),
- };
- }
+ (table) => ({
+ pk: primaryKey({ columns: [table.id, table.createdAt] }),
+ })
);
export type Document = InferSelectModel;
From 0cbccee38366a691eab888081f42b33e647dc580 Mon Sep 17 00:00:00 2001
From: dancer <144584931+dancer@users.noreply.github.com>
Date: Fri, 20 Mar 2026 02:42:58 +0000
Subject: [PATCH 14/29] =?UTF-8?q?fix:=20security=20=E2=80=94=20open=20redi?=
=?UTF-8?q?rect,=20timestamp=20validation,=20limit=20bounds?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
app/(chat)/api/document/route.ts | 36 +++++++++++++++++++++-------
app/(chat)/api/files/upload/route.ts | 7 ++----
app/(chat)/api/history/route.ts | 8 +++----
app/(chat)/api/suggestions/route.ts | 4 ++--
app/(chat)/api/vote/route.ts | 6 ++---
5 files changed, 39 insertions(+), 22 deletions(-)
diff --git a/app/(chat)/api/document/route.ts b/app/(chat)/api/document/route.ts
index 36a550f03d..5428498b44 100644
--- a/app/(chat)/api/document/route.ts
+++ b/app/(chat)/api/document/route.ts
@@ -1,9 +1,10 @@
-import type { ArtifactKind } from "@/components/artifact";
-import { getSession } from "@/lib/auth";
+import { auth } from "@/app/(auth)/auth";
+import type { ArtifactKind } from "@/components/chat/artifact";
import {
deleteDocumentsByIdAfterTimestamp,
getDocumentsById,
saveDocument,
+ updateDocumentContent,
} from "@/lib/db/queries";
import { ChatbotError } from "@/lib/errors";
@@ -18,7 +19,7 @@ export async function GET(request: Request) {
).toResponse();
}
- const session = await getSession();
+ const session = await auth();
if (!session?.user) {
return new ChatbotError("unauthorized:document").toResponse();
@@ -50,7 +51,7 @@ export async function POST(request: Request) {
).toResponse();
}
- const session = await getSession();
+ const session = await auth();
if (!session?.user) {
return new ChatbotError("not_found:document").toResponse();
@@ -60,8 +61,13 @@ export async function POST(request: Request) {
content,
title,
kind,
- }: { content: string; title: string; kind: ArtifactKind } =
- await request.json();
+ isManualEdit,
+ }: {
+ content: string;
+ title: string;
+ kind: ArtifactKind;
+ isManualEdit?: boolean;
+ } = await request.json();
const documents = await getDocumentsById({ id });
@@ -73,6 +79,11 @@ export async function POST(request: Request) {
}
}
+ if (isManualEdit && documents.length > 0) {
+ const result = await updateDocumentContent({ id, content });
+ return Response.json(result, { status: 200 });
+ }
+
const document = await saveDocument({
id,
content,
@@ -103,7 +114,7 @@ export async function DELETE(request: Request) {
).toResponse();
}
- const session = await getSession();
+ const session = await auth();
if (!session?.user) {
return new ChatbotError("unauthorized:document").toResponse();
@@ -117,9 +128,18 @@ export async function DELETE(request: Request) {
return new ChatbotError("forbidden:document").toResponse();
}
+ const parsedTimestamp = new Date(timestamp);
+
+ if (Number.isNaN(parsedTimestamp.getTime())) {
+ return new ChatbotError(
+ "bad_request:api",
+ "Invalid timestamp."
+ ).toResponse();
+ }
+
const documentsDeleted = await deleteDocumentsByIdAfterTimestamp({
id,
- timestamp: new Date(timestamp),
+ timestamp: parsedTimestamp,
});
return Response.json(documentsDeleted, { status: 200 });
diff --git a/app/(chat)/api/files/upload/route.ts b/app/(chat)/api/files/upload/route.ts
index b81566d5b2..bf3276d868 100644
--- a/app/(chat)/api/files/upload/route.ts
+++ b/app/(chat)/api/files/upload/route.ts
@@ -2,23 +2,21 @@ import { put } from "@vercel/blob";
import { NextResponse } from "next/server";
import { z } from "zod";
-import { getSession } from "@/lib/auth";
+import { auth } from "@/app/(auth)/auth";
-// Use Blob instead of File since File is not available in Node.js environment
const FileSchema = z.object({
file: z
.instanceof(Blob)
.refine((file) => file.size <= 5 * 1024 * 1024, {
message: "File size should be less than 5MB",
})
- // Update the file type based on the kind of files you want to accept
.refine((file) => ["image/jpeg", "image/png"].includes(file.type), {
message: "File type should be JPEG or PNG",
}),
});
export async function POST(request: Request) {
- const session = await getSession();
+ const session = await auth();
if (!session) {
return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
@@ -46,7 +44,6 @@ export async function POST(request: Request) {
return NextResponse.json({ error: errorMessage }, { status: 400 });
}
- // Get filename from formData since Blob doesn't have name property
const filename = (formData.get("file") as File).name;
const fileBuffer = await file.arrayBuffer();
diff --git a/app/(chat)/api/history/route.ts b/app/(chat)/api/history/route.ts
index 4e80080b39..3c90938a32 100644
--- a/app/(chat)/api/history/route.ts
+++ b/app/(chat)/api/history/route.ts
@@ -1,12 +1,12 @@
import type { NextRequest } from "next/server";
-import { getSession } from "@/lib/auth";
+import { auth } from "@/app/(auth)/auth";
import { deleteAllChatsByUserId, getChatsByUserId } from "@/lib/db/queries";
import { ChatbotError } from "@/lib/errors";
export async function GET(request: NextRequest) {
const { searchParams } = request.nextUrl;
- const limit = Number.parseInt(searchParams.get("limit") || "10", 10);
+ const limit = Math.min(Math.max(Number.parseInt(searchParams.get("limit") || "10", 10), 1), 50);
const startingAfter = searchParams.get("starting_after");
const endingBefore = searchParams.get("ending_before");
@@ -17,7 +17,7 @@ export async function GET(request: NextRequest) {
).toResponse();
}
- const session = await getSession();
+ const session = await auth();
if (!session?.user) {
return new ChatbotError("unauthorized:chat").toResponse();
@@ -34,7 +34,7 @@ export async function GET(request: NextRequest) {
}
export async function DELETE() {
- const session = await getSession();
+ const session = await auth();
if (!session?.user) {
return new ChatbotError("unauthorized:chat").toResponse();
diff --git a/app/(chat)/api/suggestions/route.ts b/app/(chat)/api/suggestions/route.ts
index babfb9d58d..303f45ed26 100644
--- a/app/(chat)/api/suggestions/route.ts
+++ b/app/(chat)/api/suggestions/route.ts
@@ -1,4 +1,4 @@
-import { getSession } from "@/lib/auth";
+import { auth } from "@/app/(auth)/auth";
import { getSuggestionsByDocumentId } from "@/lib/db/queries";
import { ChatbotError } from "@/lib/errors";
@@ -13,7 +13,7 @@ export async function GET(request: Request) {
).toResponse();
}
- const session = await getSession();
+ const session = await auth();
if (!session?.user) {
return new ChatbotError("unauthorized:suggestions").toResponse();
diff --git a/app/(chat)/api/vote/route.ts b/app/(chat)/api/vote/route.ts
index 4f69e2cad1..4a2e4bf412 100644
--- a/app/(chat)/api/vote/route.ts
+++ b/app/(chat)/api/vote/route.ts
@@ -1,4 +1,4 @@
-import { getSession } from "@/lib/auth";
+import { auth } from "@/app/(auth)/auth";
import { getChatById, getVotesByChatId, voteMessage } from "@/lib/db/queries";
import { ChatbotError } from "@/lib/errors";
@@ -13,7 +13,7 @@ export async function GET(request: Request) {
).toResponse();
}
- const session = await getSession();
+ const session = await auth();
if (!session?.user) {
return new ChatbotError("unauthorized:vote").toResponse();
@@ -49,7 +49,7 @@ export async function PATCH(request: Request) {
).toResponse();
}
- const session = await getSession();
+ const session = await auth();
if (!session?.user) {
return new ChatbotError("unauthorized:vote").toResponse();
From 89b55f4f7d9e9f4e8ccf143075541edcba9fa00c Mon Sep 17 00:00:00 2001
From: dancer <144584931+dancer@users.noreply.github.com>
Date: Fri, 20 Mar 2026 02:43:07 +0000
Subject: [PATCH 15/29] style: themed toasts, minimal scrollbars, light mode,
no focus rings
---
app/globals.css | 451 +++++++++++++++++++++++---------
app/layout.tsx | 34 +--
components/ui/alert-dialog.tsx | 2 +-
components/ui/button.tsx | 2 +-
components/ui/command.tsx | 5 +-
components/ui/dropdown-menu.tsx | 6 +-
components/ui/popover.tsx | 40 +++
components/ui/sheet.tsx | 4 +-
components/ui/sidebar.tsx | 96 +++----
9 files changed, 442 insertions(+), 198 deletions(-)
create mode 100644 components/ui/popover.tsx
diff --git a/app/globals.css b/app/globals.css
index 2d37c032dc..ee62167932 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,13 +1,10 @@
@import "tailwindcss";
@import "katex/dist/katex.min.css";
-/* include utility classes in streamdown */
@source "../node_modules/streamdown/dist/index.js";
-/* custom variant for setting dark mode programmatically */
@custom-variant dark (&:is(.dark, .dark *));
-/* include plugins */
@plugin "tailwindcss-animate";
@plugin "@tailwindcss/typography";
@@ -51,100 +48,154 @@
:root {
--radius: 0.625rem;
- --background: oklch(1 0 0);
- --foreground: oklch(0.145 0 0);
+ --background: oklch(0.985 0 0);
+ --foreground: oklch(0.12 0 0);
--card: oklch(1 0 0);
- --card-foreground: oklch(0.145 0 0);
+ --card-foreground: oklch(0.12 0 0);
--popover: oklch(1 0 0);
- --popover-foreground: oklch(0.145 0 0);
- --primary: oklch(57.61% 0.2508 258.23);
- --primary-foreground: oklch(1 0 0);
- --secondary: oklch(0.97 0 0);
- --secondary-foreground: oklch(0.205 0 0);
- --muted: oklch(0.97 0 0);
- --muted-foreground: oklch(0.556 0 0);
- --accent: oklch(0.97 0 0);
- --accent-foreground: oklch(0.205 0 0);
- --destructive: oklch(0.577 0.245 27.325);
- --border: oklch(0.922 0 0);
- --input: oklch(0.922 0 0);
- --ring: oklch(0.708 0 0);
+ --popover-foreground: oklch(0.12 0 0);
+ --primary: oklch(0.12 0 0);
+ --primary-foreground: oklch(0.985 0 0);
+ --secondary: oklch(0.965 0 0);
+ --secondary-foreground: oklch(0.38 0 0);
+ --muted: oklch(0.94 0 0);
+ --muted-foreground: oklch(0.58 0 0);
+ --accent: oklch(0.965 0 0);
+ --accent-foreground: oklch(0.12 0 0);
+ --destructive: oklch(0.55 0.15 25);
+ --border: oklch(0.9 0 0);
+ --input: oklch(0.9 0 0);
+ --ring: oklch(0.5 0 0);
--chart-1: oklch(0.646 0.222 41.116);
--chart-2: oklch(0.6 0.118 184.704);
--chart-3: oklch(0.398 0.07 227.392);
--chart-4: oklch(0.828 0.189 84.429);
--chart-5: oklch(0.769 0.188 70.08);
- --sidebar: oklch(0.985 0 0);
- --sidebar-foreground: oklch(0.145 0 0);
- --sidebar-primary: oklch(0.205 0 0);
+ --sidebar: oklch(0.97 0 0);
+ --sidebar-foreground: oklch(0.38 0 0);
+ --sidebar-primary: oklch(0.12 0 0);
--sidebar-primary-foreground: oklch(0.985 0 0);
- --sidebar-accent: oklch(0.97 0 0);
- --sidebar-accent-foreground: oklch(0.205 0 0);
- --sidebar-border: oklch(0.922 0 0);
- --sidebar-ring: oklch(0.708 0 0);
+ --sidebar-accent: oklch(0.12 0 0 / 0.06);
+ --sidebar-accent-foreground: oklch(0.12 0 0);
+ --sidebar-border: oklch(0.88 0 0);
+ --sidebar-ring: oklch(0.5 0 0);
+
+ --shadow-card: 0 1px 3px oklch(0 0 0 / 0.05), 0 1px 1px oklch(0 0 0 / 0.03);
+ --shadow-float:
+ 0 8px 24px -6px oklch(0 0 0 / 0.1), 0 2px 8px -2px oklch(0 0 0 / 0.04);
+ --shadow-composer: 0 1px 2px oklch(0 0 0 / 0.04);
+ --shadow-composer-focus:
+ 0 0 0 1px oklch(0 0 0 / 0.06), 0 2px 8px -2px oklch(0 0 0 / 0.06);
+ --shadow-inset: inset 0 1px 1px oklch(0 0 0 / 0.03);
+ --shadow-glow: 0 0 20px oklch(0 0 0 / 0.08);
+
+ --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
+ --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
+ --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}
.dark {
- --background: oklch(0.145 0 0);
- --foreground: oklch(0.985 0 0);
- --card: oklch(0.205 0 0);
- --card-foreground: oklch(0.985 0 0);
- --popover: oklch(0.205 0 0);
- --popover-foreground: oklch(0.985 0 0);
- --primary: oklch(57.61% 0.2508 258.23);
- --primary-foreground: oklch(1 0 0);
- --secondary: oklch(0.269 0 0);
- --secondary-foreground: oklch(0.985 0 0);
- --muted: oklch(0.269 0 0);
- --muted-foreground: oklch(0.708 0 0);
- --accent: oklch(0.269 0 0);
- --accent-foreground: oklch(0.985 0 0);
- --destructive: oklch(0.704 0.191 22.216);
- --border: oklch(1 0 0 / 10%);
- --input: oklch(1 0 0 / 15%);
- --ring: oklch(0.556 0 0);
+ --background: oklch(0.195 0 0);
+ --foreground: oklch(0.94 0 0);
+ --card: oklch(0.225 0 0);
+ --card-foreground: oklch(0.94 0 0);
+ --popover: oklch(0.225 0 0);
+ --popover-foreground: oklch(0.94 0 0);
+ --primary: oklch(0.94 0 0);
+ --primary-foreground: oklch(0.195 0 0);
+ --secondary: oklch(0.26 0 0);
+ --secondary-foreground: oklch(0.75 0 0);
+ --muted: oklch(0.165 0 0);
+ --muted-foreground: oklch(0.6 0 0);
+ --accent: oklch(0.26 0 0);
+ --accent-foreground: oklch(0.94 0 0);
+ --destructive: oklch(0.7 0.15 25);
+ --border: oklch(0.27 0 0);
+ --input: oklch(0.27 0 0);
+ --ring: oklch(0.45 0 0);
--chart-1: oklch(0.488 0.243 264.376);
--chart-2: oklch(0.696 0.17 162.48);
--chart-3: oklch(0.769 0.188 70.08);
--chart-4: oklch(0.627 0.265 303.9);
--chart-5: oklch(0.645 0.246 16.439);
- --sidebar: oklch(0.205 0 0);
- --sidebar-foreground: oklch(0.985 0 0);
- --sidebar-primary: oklch(0.488 0.243 264.376);
- --sidebar-primary-foreground: oklch(0.985 0 0);
- --sidebar-accent: oklch(0.269 0 0);
- --sidebar-accent-foreground: oklch(0.985 0 0);
- --sidebar-border: oklch(1 0 0 / 10%);
- --sidebar-ring: oklch(0.556 0 0);
+ --sidebar: oklch(0.175 0 0);
+ --sidebar-foreground: oklch(0.78 0 0);
+ --sidebar-primary: oklch(0.94 0 0);
+ --sidebar-primary-foreground: oklch(0.195 0 0);
+ --sidebar-accent: oklch(0.94 0 0 / 0.06);
+ --sidebar-accent-foreground: oklch(0.94 0 0);
+ --sidebar-border: oklch(0.25 0 0);
+ --sidebar-ring: oklch(0.45 0 0);
+
+ --shadow-card:
+ inset 0 1px 0 oklch(1 0 0 / 0.04), 0 1px 2px oklch(0 0 0 / 0.2),
+ 0 0.5px 1px oklch(0 0 0 / 0.15);
+ --shadow-float:
+ 0 0 0 1px oklch(1 0 0 / 0.06), 0 16px 48px -6px oklch(0 0 0 / 0.35),
+ 0 6px 12px -2px oklch(0 0 0 / 0.2);
+ --shadow-composer:
+ 0 1px 3px oklch(0 0 0 / 0.2), inset 0 1px 0 oklch(1 0 0 / 0.03);
+ --shadow-composer-focus:
+ 0 0 0 1px oklch(1 0 0 / 0.1), 0 4px 16px -4px oklch(0 0 0 / 0.3),
+ inset 0 1px 0 oklch(1 0 0 / 0.04);
}
@layer base {
* {
- @apply border-border outline-ring/50;
+ @apply border-border ring-0;
}
body {
@apply bg-background text-foreground;
+ font-feature-settings: "ss01", "ss02", "cv01";
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ text-rendering: optimizeLegibility;
}
}
-/*
- The default border color has changed to `currentcolor` in Tailwind CSS v4,
- so we've added these compatibility styles to make sure everything still
- looks the same as it did with Tailwind CSS v3.
-
- If we ever want to remove these styles, we need to add an explicit border
- color utility to any element that depends on these defaults.
-*/
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
- border-color: var(--color-gray-200, currentcolor);
+ border-color: var(--border);
+ }
+}
+
+@layer base {
+ body {
+ overflow-x: hidden;
+ position: relative;
+ }
+
+ html {
+ overflow-x: hidden;
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ letter-spacing: -0.025em;
+ line-height: 1.2;
+ }
+
+ p {
+ line-height: 1.6;
}
}
+button:focus-visible,
+select:focus-visible,
+[role="button"]:focus-visible,
+input:focus-visible,
+textarea:focus-visible {
+ outline: none;
+}
+
@utility text-balance {
text-wrap: balance;
}
@@ -161,6 +212,14 @@
overscroll-behavior: contain;
}
+@utility no-scrollbar {
+ -ms-overflow-style: none;
+ scrollbar-width: none;
+ &::-webkit-scrollbar {
+ display: none;
+ }
+}
+
@layer utilities {
:root {
--foreground-rgb: 0, 0, 0;
@@ -177,17 +236,6 @@
}
}
-@layer base {
- body {
- overflow-x: hidden;
- position: relative;
- }
-
- html {
- overflow-x: hidden;
- }
-}
-
.skeleton {
* {
pointer-events: none !important;
@@ -207,92 +255,247 @@
}
}
+@keyframes fade-up {
+ from {
+ opacity: 0;
+ transform: translateY(6px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-in {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
+@keyframes shimmer {
+ 0% {
+ background-position: -200% 0;
+ }
+ 100% {
+ background-position: 200% 0;
+ }
+}
+
+@keyframes dot-pulse {
+ 0%,
+ 60%,
+ 100% {
+ opacity: 0.3;
+ transform: translateY(0);
+ }
+ 30% {
+ opacity: 1;
+ transform: translateY(-3px);
+ }
+}
+
+@keyframes message-in {
+ from {
+ opacity: 0;
+ transform: translateY(8px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+@keyframes thinking-dot {
+ 0%,
+ 60%,
+ 100% {
+ opacity: 0.3;
+ transform: translateY(0);
+ }
+ 30% {
+ opacity: 1;
+ transform: translateY(-3px);
+ }
+}
+
+@keyframes glow-pulse {
+ 0%,
+ 100% {
+ box-shadow: 0 0 0 0 oklch(0.55 0.12 250 / 0%);
+ }
+ 50% {
+ box-shadow: 0 0 0 3px oklch(0.55 0.12 250 / 8%);
+ }
+}
+
+@keyframes subtle-lift {
+ from {
+ transform: translateY(0);
+ box-shadow: var(--shadow-card);
+ }
+ to {
+ transform: translateY(-1px);
+ box-shadow: var(--shadow-float);
+ }
+}
+
+@utility fade-up {
+ animation: fade-up 0.25s var(--ease-spring) both;
+}
+
+@utility fade-in {
+ animation: fade-in 0.2s ease both;
+}
+
+@utility shimmer {
+ animation: shimmer 2s linear infinite;
+ background: linear-gradient(
+ 90deg,
+ transparent,
+ oklch(1 0 0 / 0.04),
+ transparent
+ );
+ background-size: 200% 100%;
+}
+
+@utility dot-pulse {
+ animation: dot-pulse 1.4s ease-in-out infinite;
+}
+
+@utility message-fade-in {
+ animation: message-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+@utility thinking-dot {
+ animation: thinking-dot 1.4s ease-in-out infinite;
+}
+
+@utility composer-glow {
+ animation: glow-pulse 2s ease-in-out infinite;
+}
+
.ProseMirror {
outline: none;
}
-.cm-editor,
+.cm-editor {
+ @apply bg-transparent! outline-hidden! text-[13px]! leading-[1.6]!;
+ font-family:
+ "SF Mono", "Cascadia Code", "Fira Code", "JetBrains Mono", ui-monospace,
+ monospace !important;
+}
+
.cm-gutters {
- @apply bg-background! dark:bg-neutral-800! outline-hidden! selection:bg-neutral-900!;
+ @apply bg-transparent! border-r-0! outline-hidden!;
+}
+
+.cm-gutter.cm-lineNumbers {
+ @apply min-w-[3rem] text-muted-foreground/40 text-[11px]!;
+}
+
+.cm-gutter.cm-lineNumbers .cm-gutterElement {
+ padding-right: 12px !important;
+}
+
+.cm-scroller {
+ @apply overflow-auto!;
}
.ͼo.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground,
.ͼo.cm-selectionBackground,
.ͼo.cm-content::selection {
- @apply bg-neutral-200! dark:bg-neutral-900!;
+ background: oklch(0.55 0.12 250 / 0.15) !important;
}
-.cm-activeLine,
-.cm-activeLineGutter {
- @apply bg-transparent!;
+.dark
+ .ͼo.cm-focused
+ > .cm-scroller
+ > .cm-selectionLayer
+ .cm-selectionBackground,
+.dark .ͼo.cm-selectionBackground,
+.dark .ͼo.cm-content::selection {
+ background: oklch(0.55 0.12 250 / 0.2) !important;
}
.cm-activeLine {
- @apply rounded-r-sm!;
+ @apply bg-muted/50! rounded-sm!;
+}
+
+.cm-activeLineGutter {
+ @apply bg-transparent!;
}
-.cm-lineNumbers {
- @apply min-w-7;
+.cm-activeLineGutter .cm-gutterElement {
+ color: var(--foreground) !important;
+ opacity: 0.7;
}
.cm-foldGutter {
@apply min-w-3;
}
-.cm-lineNumbers .cm-activeLineGutter {
- @apply rounded-l-sm!;
+.cm-cursor {
+ border-left-color: oklch(0.55 0.12 250) !important;
+ border-left-width: 2px !important;
}
-.suggestion-highlight {
- @apply bg-blue-200 hover:bg-blue-300 dark:hover:bg-blue-400/50 dark:text-blue-50 dark:bg-blue-500/40;
+.cm-matchingBracket {
+ background: oklch(0.55 0.12 250 / 0.12) !important;
+ outline: 1px solid oklch(0.55 0.12 250 / 0.3);
+ border-radius: 2px;
}
-/* minimal scrollbar styling */
-::-webkit-scrollbar {
- width: 6px;
- height: 6px;
+.suggestion-highlight {
+ @apply cursor-pointer rounded-sm bg-blue-200 transition-colors hover:bg-blue-300 dark:bg-blue-500/40 dark:text-blue-50 dark:hover:bg-blue-400/50;
+ user-select: none;
+ -webkit-user-select: none;
}
-::-webkit-scrollbar-track {
- background: transparent;
-}
+@layer base {
+ * {
+ scrollbar-width: thin;
+ scrollbar-color: oklch(0 0 0 / 0.12) transparent;
+ }
-::-webkit-scrollbar-thumb {
- background: var(--border);
- border-radius: 3px;
- transition: background 0.2s ease;
-}
+ .dark * {
+ scrollbar-color: oklch(1 0 0 / 0.1) transparent;
+ }
-::-webkit-scrollbar-thumb:hover {
- background: --alpha(var(--muted-foreground) / 0.5);
-}
+ *::-webkit-scrollbar {
+ width: 4px;
+ height: 4px;
+ }
-::-webkit-scrollbar-corner {
- background: transparent;
-}
+ *::-webkit-scrollbar-track {
+ background: transparent;
+ }
-/* firefox scrollbar styling */
-* {
- scrollbar-width: thin;
- scrollbar-color: var(--border) transparent;
-}
+ *::-webkit-scrollbar-thumb {
+ background: oklch(0 0 0 / 0.12);
+ border-radius: 9999px;
+ }
-@theme inline {
- --color-sidebar: var(--sidebar);
- --color-sidebar-foreground: var(--sidebar-foreground);
- --color-sidebar-primary: var(--sidebar-primary);
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
- --color-sidebar-accent: var(--sidebar-accent);
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
- --color-sidebar-border: var(--sidebar-border);
- --color-sidebar-ring: var(--sidebar-ring);
-}
+ *::-webkit-scrollbar-thumb:hover {
+ background: oklch(0 0 0 / 0.25);
+ }
-@layer base {
- * {
- @apply border-border outline-ring/50;
+ .dark *::-webkit-scrollbar-thumb {
+ background: oklch(1 0 0 / 0.1);
}
- body {
- @apply bg-background text-foreground;
+
+ .dark *::-webkit-scrollbar-thumb:hover {
+ background: oklch(1 0 0 / 0.2);
+ }
+
+ *::-webkit-scrollbar-corner {
+ background: transparent;
}
}
+
+
+[data-testid="artifact"] {
+ isolation: isolate;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 3df2418eb1..d427e99ea7 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,12 +1,10 @@
-import { Analytics } from "@vercel/analytics/next";
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
-import { Toaster } from "sonner";
import { ThemeProvider } from "@/components/theme-provider";
-import "katex/dist/katex.min.css";
+import { TooltipProvider } from "@/components/ui/tooltip";
import "./globals.css";
-import { TooltipProvider } from "@/components/ui/tooltip";
+import { SessionProvider } from "next-auth/react";
export const metadata: Metadata = {
metadataBase: new URL("https://chat.vercel.ai"),
@@ -15,7 +13,7 @@ export const metadata: Metadata = {
};
export const viewport = {
- maximumScale: 1, // Disable auto-zoom on mobile Safari
+ maximumScale: 1,
};
const geist = Geist({
@@ -58,10 +56,6 @@ export default function RootLayout({
return (
@@ -74,18 +68,18 @@ export default function RootLayout({
/>
-
-
+
-
-
- {children}
+
+
+ {artifactDefinition.actions.map((action) => {
+ const disabled =
+ isLoading || artifact.status === "streaming"
+ ? true
+ : action.isDisabled
+ ? action.isDisabled(actionContext)
+ : false;
+
+ return (
+
+
+
+
+
+ {action.description}
+
+
+ );
+ })}
+
+ );
+}
+
+export const ArtifactActions = memo(
+ PureArtifactActions,
+ (prevProps, nextProps) => {
+ if (prevProps.artifact.status !== nextProps.artifact.status) {
+ return false;
+ }
+ if (prevProps.currentVersionIndex !== nextProps.currentVersionIndex) {
+ return false;
+ }
+ if (prevProps.isCurrentVersion !== nextProps.isCurrentVersion) {
+ return false;
+ }
+ if (prevProps.artifact.content !== nextProps.artifact.content) {
+ return false;
+ }
+ if (prevProps.mode !== nextProps.mode) {
+ return false;
+ }
+
+ return true;
+ }
+);
diff --git a/components/chat/artifact-close-button.tsx b/components/chat/artifact-close-button.tsx
new file mode 100644
index 0000000000..c320f1f772
--- /dev/null
+++ b/components/chat/artifact-close-button.tsx
@@ -0,0 +1,29 @@
+import { memo } from "react";
+import { initialArtifactData, useArtifact } from "@/hooks/use-artifact";
+import { CrossIcon } from "./icons";
+
+function PureArtifactCloseButton() {
+ const { setArtifact } = useArtifact();
+
+ return (
+
+ );
+}
+
+export const ArtifactCloseButton = memo(PureArtifactCloseButton, () => true);
diff --git a/components/chat/artifact-messages.tsx b/components/chat/artifact-messages.tsx
new file mode 100644
index 0000000000..3cfa972b3d
--- /dev/null
+++ b/components/chat/artifact-messages.tsx
@@ -0,0 +1,115 @@
+import type { UseChatHelpers } from "@ai-sdk/react";
+import equal from "fast-deep-equal";
+import { AnimatePresence, motion } from "framer-motion";
+import { memo } from "react";
+import { useMessages } from "@/hooks/use-messages";
+import type { Vote } from "@/lib/db/schema";
+import type { ChatMessage } from "@/lib/types";
+import type { UIArtifact } from "./artifact";
+import { PreviewMessage, ThinkingMessage } from "./message";
+
+type ArtifactMessagesProps = {
+ addToolApprovalResponse: UseChatHelpers
+ {messages.map((message, index) => (
+ vote.messageId === message.id)
+ : undefined
+ }
+ />
+ ))}
+
+
+ {status === "submitted" &&
+ !messages.some((msg) =>
+ msg.parts?.some(
+ (part) => "state" in part && part.state === "approval-responded"
+ )
+ ) &&
+
+
+ );
+}
+
+function areEqual(
+ prevProps: ArtifactMessagesProps,
+ nextProps: ArtifactMessagesProps
+) {
+ if (
+ prevProps.artifactStatus === "streaming" &&
+ nextProps.artifactStatus === "streaming"
+ ) {
+ return true;
+ }
+
+ if (prevProps.status !== nextProps.status) {
+ return false;
+ }
+ if (prevProps.status && nextProps.status) {
+ return false;
+ }
+ if (prevProps.messages.length !== nextProps.messages.length) {
+ return false;
+ }
+ if (!equal(prevProps.votes, nextProps.votes)) {
+ return false;
+ }
+
+ return true;
+}
+
+export const ArtifactMessages = memo(PureArtifactMessages, areEqual);
diff --git a/components/chat/artifact.tsx b/components/chat/artifact.tsx
new file mode 100644
index 0000000000..cae31b16f9
--- /dev/null
+++ b/components/chat/artifact.tsx
@@ -0,0 +1,475 @@
+import type { UseChatHelpers } from "@ai-sdk/react";
+import { formatDistance } from "date-fns";
+import equal from "fast-deep-equal";
+import { AnimatePresence, motion } from "framer-motion";
+import {
+ type Dispatch,
+ memo,
+ type SetStateAction,
+ useCallback,
+ useEffect,
+ useRef,
+ useState,
+} from "react";
+import useSWR, { useSWRConfig } from "swr";
+import { useWindowSize } from "usehooks-ts";
+import { codeArtifact } from "@/artifacts/code/client";
+import { imageArtifact } from "@/artifacts/image/client";
+import { sheetArtifact } from "@/artifacts/sheet/client";
+import { textArtifact } from "@/artifacts/text/client";
+import { useArtifact } from "@/hooks/use-artifact";
+import type { Document, Vote } from "@/lib/db/schema";
+import type { Attachment, ChatMessage } from "@/lib/types";
+import { fetcher } from "@/lib/utils";
+import { useSidebar } from "../ui/sidebar";
+import { ArtifactActions } from "./artifact-actions";
+import { ArtifactCloseButton } from "./artifact-close-button";
+import { LoaderIcon } from "./icons";
+import { Toolbar } from "./toolbar";
+import { VersionFooter } from "./version-footer";
+import type { VisibilityType } from "./visibility-selector";
+
+export const artifactDefinitions = [
+ textArtifact,
+ codeArtifact,
+ imageArtifact,
+ sheetArtifact,
+];
+export type ArtifactKind = (typeof artifactDefinitions)[number]["kind"];
+
+export type UIArtifact = {
+ title: string;
+ documentId: string;
+ kind: ArtifactKind;
+ content: string;
+ isVisible: boolean;
+ status: "streaming" | "idle";
+ boundingBox: {
+ top: number;
+ left: number;
+ width: number;
+ height: number;
+ };
+};
+
+function PureArtifact({
+ addToolApprovalResponse: _addToolApprovalResponse,
+ chatId: _chatId,
+ input: _input,
+ setInput: _setInput,
+ status,
+ stop,
+ attachments: _attachments,
+ setAttachments: _setAttachments,
+ sendMessage,
+ messages: _messages,
+ setMessages,
+ regenerate: _regenerate,
+ votes: _votes,
+ isReadonly: _isReadonly,
+ selectedVisibilityType: _selectedVisibilityType,
+ selectedModelId: _selectedModelId,
+}: {
+ addToolApprovalResponse: UseChatHelpers
+
+ )}
+
+
+
+
+
+ {artifact.title}
+
+
+ {isContentDirty ? (
+
+
+
+ Saving...
+
+ ) : document ? (
+
+ {`Updated ${formatDistance(new Date(document.createdAt), new Date(), { addSuffix: true })}`}
+
+ ) : artifact.status === "streaming" ? (
+
+
+ ) : (
+
+ )}
+ {documents && documents.length > 1 && (
+
+
+ Generating...
+
+ v{currentVersionIndex + 1}/{documents.length}
+
+ )}
+ {
+ const el = artifactContentRef.current;
+ if (!el) return;
+ const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 40;
+ userScrolledArtifact.current = !atBottom;
+ }}
+ >
+
+ {isCurrentVersion && (
+
+
+
+ {artifactPanel}
+
+ );
+}
+
+export const Artifact = memo(PureArtifact, (prevProps, nextProps) => {
+ if (prevProps.status !== nextProps.status) {
+ return false;
+ }
+ if (!equal(prevProps.votes, nextProps.votes)) {
+ return false;
+ }
+ if (prevProps.input !== nextProps.input) {
+ return false;
+ }
+ if (prevProps.messages.length !== nextProps.messages.length) {
+ return false;
+ }
+ if (prevProps.selectedVisibilityType !== nextProps.selectedVisibilityType) {
+ return false;
+ }
+
+ return true;
+});
diff --git a/components/chat/code-editor.tsx b/components/chat/code-editor.tsx
new file mode 100644
index 0000000000..b28c132e32
--- /dev/null
+++ b/components/chat/code-editor.tsx
@@ -0,0 +1,150 @@
+"use client";
+
+import { python } from "@codemirror/lang-python";
+import { EditorState, Transaction } from "@codemirror/state";
+import { oneDark } from "@codemirror/theme-one-dark";
+import { EditorView } from "@codemirror/view";
+import { basicSetup } from "codemirror";
+import { memo, useEffect, useRef } from "react";
+import type { Suggestion } from "@/lib/db/schema";
+
+type EditorProps = {
+ content: string;
+ onSaveContent: (updatedContent: string, debounce: boolean) => void;
+ status: "streaming" | "idle";
+ isCurrentVersion: boolean;
+ currentVersionIndex: number;
+ suggestions: Suggestion[];
+};
+
+function PureCodeEditor({ content, onSaveContent, status }: EditorProps) {
+ const containerRef = useRef {
+ if (e.key === "ArrowUp") {
+ setHeight((prev) => Math.min(prev + 10, maxHeight));
+ } else if (e.key === "ArrowDown") {
+ setHeight((prev) => Math.max(prev - 10, minHeight));
+ }
+ }}
+ onMouseDown={startResizing}
+ role="slider"
+ style={{ bottom: height - 4 }}
+ tabIndex={0}
+ />
+
+ = {
+ content: string;
+ handleVersionChange: (type: "next" | "prev" | "toggle" | "latest") => void;
+ currentVersionIndex: number;
+ isCurrentVersion: boolean;
+ mode: "edit" | "diff";
+ metadata: M;
+ setMetadata: Dispatch>;
+};
+
+type ArtifactAction = {
+ icon: ReactNode;
+ label?: string;
+ description: string;
+ onClick: (context: ArtifactActionContext) => Promise | void;
+ isDisabled?: (context: ArtifactActionContext) => boolean;
+};
+
+export type ArtifactToolbarContext = {
+ sendMessage: UseChatHelpers["sendMessage"];
+};
+
+export type ArtifactToolbarItem = {
+ description: string;
+ icon: ReactNode;
+ onClick: (context: ArtifactToolbarContext) => void;
+};
+
+type ArtifactContent = {
+ title: string;
+ content: string;
+ mode: "edit" | "diff";
+ isCurrentVersion: boolean;
+ currentVersionIndex: number;
+ status: "streaming" | "idle";
+ suggestions: Suggestion[];
+ onSaveContent: (updatedContent: string, debounce: boolean) => void;
+ isInline: boolean;
+ getDocumentContentById: (index: number) => string;
+ isLoading: boolean;
+ metadata: M;
+ setMetadata: Dispatch>;
+};
+
+type InitializeParameters = {
+ documentId: string;
+ setMetadata: Dispatch>;
+};
+
+type ArtifactConfig = {
+ kind: T;
+ description: string;
+ content: ComponentType>;
+ actions: ArtifactAction[];
+ toolbar: ArtifactToolbarItem[];
+ initialize?: (parameters: InitializeParameters) => void;
+ onStreamPart: (args: {
+ setMetadata: Dispatch>;
+ setArtifact: Dispatch>;
+ streamPart: DataUIPart;
+ }) => void;
+};
+
+export class Artifact {
+ readonly kind: T;
+ readonly description: string;
+ readonly content: ComponentType>;
+ readonly actions: ArtifactAction[];
+ readonly toolbar: ArtifactToolbarItem[];
+ readonly initialize?: (parameters: InitializeParameters) => void;
+ readonly onStreamPart: (args: {
+ setMetadata: Dispatch>;
+ setArtifact: Dispatch>;
+ streamPart: DataUIPart;
+ }) => void;
+
+ constructor(config: ArtifactConfig) {
+ this.kind = config.kind;
+ this.description = config.description;
+ this.content = config.content;
+ this.actions = config.actions || [];
+ this.toolbar = config.toolbar || [];
+ this.initialize = config.initialize || (async () => ({}));
+ this.onStreamPart = config.onStreamPart;
+ }
+}
diff --git a/components/chat/toolbar.tsx b/components/chat/toolbar.tsx
new file mode 100644
index 0000000000..f02fb2aed9
--- /dev/null
+++ b/components/chat/toolbar.tsx
@@ -0,0 +1,483 @@
+"use client";
+import type { UseChatHelpers } from "@ai-sdk/react";
+import cx from "classnames";
+import { motion, useMotionValue, useTransform } from "framer-motion";
+import { WrenchIcon, XIcon } from "lucide-react";
+import { nanoid } from "nanoid";
+import {
+ type Dispatch,
+ memo,
+ type ReactNode,
+ type SetStateAction,
+ useEffect,
+ useRef,
+ useState,
+} from "react";
+import { useOnClickOutside } from "usehooks-ts";
+import {
+ Tooltip,
+ TooltipContent,
+ TooltipProvider,
+ TooltipTrigger,
+} from "@/components/ui/tooltip";
+import type { ChatMessage } from "@/lib/types";
+import { type ArtifactKind, artifactDefinitions } from "./artifact";
+import type { ArtifactToolbarItem } from "./create-artifact";
+import { ArrowUpIcon, StopIcon, SummarizeIcon } from "./icons";
+
+type ToolProps = {
+ description: string;
+ icon: ReactNode;
+ selectedTool: string | null;
+ setSelectedTool: Dispatch>;
+ isToolbarVisible?: boolean;
+ setIsToolbarVisible?: Dispatch>;
+ isAnimating: boolean;
+ sendMessage: UseChatHelpers["sendMessage"];
+ onClick: ({
+ sendMessage,
+ }: {
+ sendMessage: UseChatHelpers["sendMessage"];
+ }) => void;
+};
+
+const Tool = ({
+ description,
+ icon,
+ selectedTool,
+ setSelectedTool,
+ isToolbarVisible,
+ setIsToolbarVisible,
+ isAnimating,
+ sendMessage,
+ onClick,
+}: ToolProps) => {
+ const [isHovered, setIsHovered] = useState(false);
+
+ useEffect(() => {
+ if (selectedTool !== description) {
+ setIsHovered(false);
+ }
+ }, [selectedTool, description]);
+
+ const handleSelect = () => {
+ if (!isToolbarVisible && setIsToolbarVisible) {
+ setIsToolbarVisible(true);
+ return;
+ }
+
+ if (!selectedTool) {
+ setIsHovered(true);
+ setSelectedTool(description);
+ return;
+ }
+
+ if (selectedTool === description) {
+ setSelectedTool(null);
+ onClick({ sendMessage });
+ } else {
+ setSelectedTool(description);
+ }
+ };
+
+ return (
+
+
+ {
+ handleSelect();
+ }}
+ onHoverEnd={() => {
+ if (selectedTool !== description) {
+ setIsHovered(false);
+ }
+ }}
+ onHoverStart={() => {
+ setIsHovered(true);
+ }}
+ onKeyDown={(event) => {
+ if (event.key === "Enter") {
+ handleSelect();
+ }
+ }}
+ whileHover={{ scale: 1.1 }}
+ whileTap={{ scale: 0.95 }}
+ >
+ {selectedTool === description ?
+
+
+ {description}
+
+
+ );
+};
+
+const randomArr = [...new Array(6)].map((_x) => nanoid(5));
+
+const ReadingLevelSelector = ({
+ setSelectedTool,
+ sendMessage,
+ isAnimating,
+}: {
+ setSelectedTool: Dispatch>;
+ isAnimating: boolean;
+ sendMessage: UseChatHelpers["sendMessage"];
+}) => {
+ const LEVELS = [
+ "Elementary",
+ "Middle School",
+ "Keep current level",
+ "High School",
+ "College",
+ "Graduate",
+ ];
+
+ const y = useMotionValue(-40 * 2);
+ const dragConstraints = 5 * 40 + 2;
+ const yToLevel = useTransform(y, [0, -dragConstraints], [0, 5]);
+
+ const [currentLevel, setCurrentLevel] = useState(2);
+ const [hasUserSelectedLevel, setHasUserSelectedLevel] =
+ useState(false);
+
+ useEffect(() => {
+ const unsubscribe = yToLevel.on("change", (latest) => {
+ const level = Math.min(5, Math.max(0, Math.round(Math.abs(latest))));
+ setCurrentLevel(level);
+ });
+
+ return () => unsubscribe();
+ }, [yToLevel]);
+
+ return (
+ >;
+ sendMessage: UseChatHelpers["sendMessage"];
+ isAnimating: boolean;
+ tools: ArtifactToolbarItem[];
+}) => {
+ return (
+
+ {[...tools].reverse().map((tool) => (
+
+ );
+};
+
+const createFixErrorTool = (
+ consoleOutput: string,
+ documentId?: string
+): ArtifactToolbarItem => ({
+ icon: >;
+ status: UseChatHelpers["status"];
+ sendMessage: UseChatHelpers["sendMessage"];
+ stop: UseChatHelpers["stop"];
+ setMessages: UseChatHelpers["setMessages"];
+ artifactKind: ArtifactKind;
+ consoleError?: string;
+ documentId?: string;
+ artifactActions?: ReactNode;
+ onClose?: () => void;
+}) => {
+ const toolbarRef = useRef(null);
+ const timeoutRef = useRef>();
+
+ const [selectedTool, setSelectedTool] = useState(null);
+ const [isAnimating, setIsAnimating] = useState(false);
+
+ useOnClickOutside(toolbarRef, () => {
+ setIsToolbarVisible(false);
+ setSelectedTool(null);
+ });
+
+ const startCloseTimer = () => {
+ if (timeoutRef.current) {
+ clearTimeout(timeoutRef.current);
+ }
+
+ timeoutRef.current = setTimeout(() => {
+ setSelectedTool(null);
+ setIsToolbarVisible(false);
+ }, 2000);
+ };
+
+ const cancelCloseTimer = () => {
+ if (timeoutRef.current) {
+ clearTimeout(timeoutRef.current);
+ }
+ };
+
+ useEffect(() => {
+ return () => {
+ if (timeoutRef.current) {
+ clearTimeout(timeoutRef.current);
+ }
+ };
+ }, []);
+
+ useEffect(() => {
+ if (status === "streaming") {
+ setIsToolbarVisible(false);
+ }
+ }, [status, setIsToolbarVisible]);
+
+ const artifactDefinition = artifactDefinitions.find(
+ (definition) => definition.kind === artifactKind
+ );
+
+ if (!artifactDefinition) {
+ throw new Error("Artifact definition not found!");
+ }
+
+ const toolsByArtifactKind = consoleError
+ ? [createFixErrorTool(consoleError, documentId), ...artifactDefinition.toolbar.slice(1)]
+ : artifactDefinition.toolbar;
+
+ if (toolsByArtifactKind.length === 0) {
+ return null;
+ }
+
+ return (
+
+ {
+ setIsAnimating(false);
+ }}
+ onAnimationStart={() => {
+ setIsAnimating(true);
+ }}
+ onHoverEnd={() => {
+ if (status === "streaming") {
+ return;
+ }
+
+ startCloseTimer();
+ }}
+ onHoverStart={() => {
+ if (status === "streaming") {
+ return;
+ }
+
+ cancelCloseTimer();
+ setIsToolbarVisible(true);
+ }}
+ ref={toolbarRef}
+ transition={{ type: "spring", stiffness: 300, damping: 25 }}
+ >
+ {onClose && (
+
+
+ )}
+
+ {status === "streaming" ? (
+ {
+ stop();
+ setMessages((messages) => messages);
+ }}
+ >
+
+ ) : selectedTool === "adjust-reading-level" ? (
+
+
+ );
+};
+
+export const Toolbar = memo(PureToolbar, (prevProps, nextProps) => {
+ if (prevProps.status !== nextProps.status) {
+ return false;
+ }
+ if (prevProps.isToolbarVisible !== nextProps.isToolbarVisible) {
+ return false;
+ }
+ if (prevProps.artifactKind !== nextProps.artifactKind) {
+ return false;
+ }
+ if (prevProps.consoleError !== nextProps.consoleError) {
+ return false;
+ }
+ if (prevProps.artifactActions !== nextProps.artifactActions) {
+ return false;
+ }
+ if (prevProps.onClose !== nextProps.onClose) {
+ return false;
+ }
+
+ return true;
+});
diff --git a/components/chat/version-footer.tsx b/components/chat/version-footer.tsx
new file mode 100644
index 0000000000..d4e1a2b6cc
--- /dev/null
+++ b/components/chat/version-footer.tsx
@@ -0,0 +1,145 @@
+"use client";
+
+import { isAfter } from "date-fns";
+import { ChevronLeftIcon, ChevronRightIcon, DiffIcon } from "lucide-react";
+import { motion } from "framer-motion";
+import type { Dispatch, SetStateAction } from "react";
+import { useState } from "react";
+import { useSWRConfig } from "swr";
+import { useArtifact } from "@/hooks/use-artifact";
+import type { Document } from "@/lib/db/schema";
+import { cn } from "@/lib/utils";
+import { getDocumentTimestampByIndex } from "@/lib/utils";
+import { LoaderIcon } from "./icons";
+
+type VersionFooterProps = {
+ handleVersionChange: (type: "next" | "prev" | "toggle" | "latest") => void;
+ documents: Document[] | undefined;
+ currentVersionIndex: number;
+ mode: "edit" | "diff";
+ setMode: Dispatch>;
+};
+
+export const VersionFooter = ({
+ handleVersionChange,
+ documents,
+ currentVersionIndex,
+ mode,
+ setMode,
+}: VersionFooterProps) => {
+ const { artifact } = useArtifact();
+
+ const { mutate } = useSWRConfig();
+ const [isMutating, setIsMutating] = useState(false);
+
+ if (!documents) {
+ return;
+ }
+
+ const isFirst = currentVersionIndex === 0;
+ const isLast = currentVersionIndex === documents.length - 1;
+
+ return (
+
+
+ );
+};
diff --git a/lib/artifacts/server.ts b/lib/artifacts/server.ts
index b96881e3f4..219455bd5c 100644
--- a/lib/artifacts/server.ts
+++ b/lib/artifacts/server.ts
@@ -1,9 +1,9 @@
import type { UIMessageStreamWriter } from "ai";
+import type { Session } from "next-auth";
import { codeDocumentHandler } from "@/artifacts/code/server";
import { sheetDocumentHandler } from "@/artifacts/sheet/server";
import { textDocumentHandler } from "@/artifacts/text/server";
-import type { ArtifactKind } from "@/components/artifact";
-import type { AuthSession } from "@/lib/auth";
+import type { ArtifactKind } from "@/components/chat/artifact";
import { saveDocument } from "../db/queries";
import type { Document } from "../db/schema";
import type { ChatMessage } from "../types";
@@ -20,14 +20,16 @@ export type CreateDocumentCallbackProps = {
id: string;
title: string;
dataStream: UIMessageStreamWriter;
- session: NonNullable;
+ session: Session;
+ modelId: string;
};
export type UpdateDocumentCallbackProps = {
document: Document;
description: string;
dataStream: UIMessageStreamWriter;
- session: NonNullable;
+ session: Session;
+ modelId: string;
};
export type DocumentHandler = {
@@ -49,6 +51,7 @@ export function createDocumentHandler(config: {
title: args.title,
dataStream: args.dataStream,
session: args.session,
+ modelId: args.modelId,
});
if (args.session?.user?.id) {
@@ -69,6 +72,7 @@ export function createDocumentHandler(config: {
description: args.description,
dataStream: args.dataStream,
session: args.session,
+ modelId: args.modelId,
});
if (args.session?.user?.id) {
@@ -86,9 +90,6 @@ export function createDocumentHandler(config: {
};
}
-/*
- * Use this array to define the document handlers for each artifact kind.
- */
export const documentHandlersByArtifactKind: DocumentHandler[] = [
textDocumentHandler,
codeDocumentHandler,
From 528121155a0de427abec9c4a629c5419285fa4fd Mon Sep 17 00:00:00 2001
From: dancer <144584931+dancer@users.noreply.github.com>
Date: Fri, 20 Mar 2026 02:41:52 +0000
Subject: [PATCH 07/29] feat: suggestion click-to-apply with dialog
---
components/chat/diffview.tsx | 114 +++++++++++++++
components/chat/suggestion.tsx | 71 ++++++++++
components/chat/text-editor.tsx | 239 ++++++++++++++++++++++++++++++++
lib/editor/functions.tsx | 21 +--
lib/editor/react-renderer.tsx | 1 -
lib/editor/suggestions.tsx | 84 ++---------
6 files changed, 439 insertions(+), 91 deletions(-)
create mode 100644 components/chat/diffview.tsx
create mode 100644 components/chat/suggestion.tsx
create mode 100644 components/chat/text-editor.tsx
diff --git a/components/chat/diffview.tsx b/components/chat/diffview.tsx
new file mode 100644
index 0000000000..4df2e4f577
--- /dev/null
+++ b/components/chat/diffview.tsx
@@ -0,0 +1,114 @@
+import OrderedMap from "orderedmap";
+import {
+ DOMParser,
+ type MarkSpec,
+ type Node as ProsemirrorNode,
+ Schema,
+} from "prosemirror-model";
+import { schema } from "prosemirror-schema-basic";
+import { addListNodes } from "prosemirror-schema-list";
+import { EditorState } from "prosemirror-state";
+import { EditorView } from "prosemirror-view";
+import { useEffect, useRef } from "react";
+import { renderToString } from "react-dom/server";
+
+import { MessageResponse } from "@/components/ai-elements/message";
+import { DiffType, diffEditor } from "@/lib/editor/diff";
+
+const diffSchema = new Schema({
+ nodes: addListNodes(schema.spec.nodes, "paragraph block*", "block"),
+ marks: OrderedMap.from({
+ ...schema.spec.marks.toObject(),
+ diffMark: {
+ attrs: { type: { default: "" } },
+ toDOM(mark) {
+ let className = "";
+
+ switch (mark.attrs.type) {
+ case DiffType.Inserted:
+ className =
+ "bg-emerald-500/15 text-emerald-700 dark:text-emerald-300 rounded-sm px-0.5 -mx-0.5";
+ break;
+ case DiffType.Deleted:
+ className =
+ "bg-red-500/15 line-through text-red-600 dark:text-red-400 rounded-sm px-0.5 -mx-0.5 opacity-70";
+ break;
+ default:
+ className = "";
+ }
+ return ["span", { class: className }, 0];
+ },
+ } as MarkSpec,
+ }),
+});
+
+function computeDiff(oldDoc: ProsemirrorNode, newDoc: ProsemirrorNode) {
+ return diffEditor(diffSchema, oldDoc.toJSON(), newDoc.toJSON());
+}
+
+type DiffEditorProps = {
+ oldContent: string;
+ newContent: string;
+};
+
+export const DiffView = ({ oldContent, newContent }: DiffEditorProps) => {
+ const editorRef = useRef(null);
+ const viewRef = useRef(null);
+
+ useEffect(() => {
+ if (editorRef.current && !viewRef.current) {
+ const parser = DOMParser.fromSchema(diffSchema);
+
+ const oldHtmlContent = renderToString(
+ {oldContent}
+ );
+ const newHtmlContent = renderToString(
+ {newContent}
+ );
+
+ const oldContainer = document.createElement("div");
+ oldContainer.innerHTML = oldHtmlContent;
+
+ const newContainer = document.createElement("div");
+ newContainer.innerHTML = newHtmlContent;
+
+ const oldDoc = parser.parse(oldContainer);
+ const newDoc = parser.parse(newContainer);
+
+ const diffedDoc = computeDiff(oldDoc, newDoc);
+
+ const state = EditorState.create({
+ doc: diffedDoc,
+ plugins: [],
+ });
+
+ viewRef.current = new EditorView(editorRef.current, {
+ state,
+ editable: () => false,
+ });
+
+ requestAnimationFrame(() => {
+ const firstDiff = editorRef.current?.querySelector(
+ "[class*='bg-emerald'], [class*='bg-red']"
+ );
+ if (firstDiff) {
+ firstDiff.scrollIntoView({ behavior: "smooth", block: "center" });
+ }
+ });
+ }
+
+ return () => {
+ if (viewRef.current) {
+ viewRef.current.destroy();
+ viewRef.current = null;
+ }
+ };
+ }, [oldContent, newContent]);
+
+ return (
+
+ );
+};
diff --git a/components/chat/suggestion.tsx b/components/chat/suggestion.tsx
new file mode 100644
index 0000000000..76c5b1dd3b
--- /dev/null
+++ b/components/chat/suggestion.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { AnimatePresence, motion } from "framer-motion";
+
+import type { UISuggestion } from "@/lib/editor/suggestions";
+import { Button } from "../ui/button";
+import { CrossIcon, SparklesIcon } from "./icons";
+
+export const SuggestionDialog = ({
+ suggestion,
+ onApply,
+ onClose,
+}: {
+ suggestion: UISuggestion;
+ onApply: () => void;
+ onClose: () => void;
+}) => {
+ return (
+
+
+ );
+};
diff --git a/components/chat/text-editor.tsx b/components/chat/text-editor.tsx
new file mode 100644
index 0000000000..e5995327ea
--- /dev/null
+++ b/components/chat/text-editor.tsx
@@ -0,0 +1,239 @@
+"use client";
+
+import { exampleSetup } from "prosemirror-example-setup";
+import { inputRules } from "prosemirror-inputrules";
+import { EditorState } from "prosemirror-state";
+import { type Decoration, DecorationSet, EditorView } from "prosemirror-view";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+
+import type { Suggestion } from "@/lib/db/schema";
+import {
+ documentSchema,
+ handleTransaction,
+ headingRule,
+} from "@/lib/editor/config";
+import {
+ buildContentFromDocument,
+ buildDocumentFromContent,
+ createDecorations,
+} from "@/lib/editor/functions";
+import {
+ projectWithPositions,
+ suggestionsPlugin,
+ suggestionsPluginKey,
+ type UISuggestion,
+} from "@/lib/editor/suggestions";
+import { SuggestionDialog } from "./suggestion";
+
+type EditorProps = {
+ content: string;
+ onSaveContent: (updatedContent: string, debounce: boolean) => void;
+ status: "streaming" | "idle";
+ isCurrentVersion: boolean;
+ currentVersionIndex: number;
+ suggestions: Suggestion[];
+ onSuggestionSelect?: (suggestion: UISuggestion | null) => void;
+ onSuggestionApply?: () => void;
+ activeSuggestion?: UISuggestion | null;
+};
+
+function PureEditor({
+ content,
+ onSaveContent,
+ suggestions,
+ status,
+}: EditorProps) {
+ const containerRef = useRef(null);
+ const editorRef = useRef(null);
+ const [activeSuggestion, setActiveSuggestion] =
+ useState(null);
+ const suggestionsRef = useRef([]);
+
+ useEffect(() => {
+ if (containerRef.current && !editorRef.current) {
+ const state = EditorState.create({
+ doc: buildDocumentFromContent(content),
+ plugins: [
+ ...exampleSetup({ schema: documentSchema, menuBar: false }),
+ inputRules({
+ rules: [
+ headingRule(1),
+ headingRule(2),
+ headingRule(3),
+ headingRule(4),
+ headingRule(5),
+ headingRule(6),
+ ],
+ }),
+ suggestionsPlugin,
+ ],
+ });
+
+ editorRef.current = new EditorView(containerRef.current, {
+ state,
+ handleDOMEvents: {
+ click(_view, event) {
+ const target = event.target as HTMLElement;
+ const highlight = target.closest(".suggestion-highlight");
+ if (highlight) {
+ const id = highlight.getAttribute("data-suggestion-id");
+ const found = suggestionsRef.current.find((s) => s.id === id);
+ if (found) {
+ setActiveSuggestion(found);
+ }
+ return true;
+ }
+ return false;
+ },
+ },
+ });
+ }
+
+ return () => {
+ if (editorRef.current) {
+ editorRef.current.destroy();
+ editorRef.current = null;
+ }
+ };
+ }, [content]);
+
+ useEffect(() => {
+ if (editorRef.current) {
+ editorRef.current.setProps({
+ dispatchTransaction: (transaction) => {
+ handleTransaction({
+ transaction,
+ editorRef,
+ onSaveContent,
+ });
+ },
+ });
+ }
+ }, [onSaveContent]);
+
+ useEffect(() => {
+ if (editorRef.current && content) {
+ const currentContent = buildContentFromDocument(
+ editorRef.current.state.doc
+ );
+
+ if (status === "streaming") {
+ const newDocument = buildDocumentFromContent(content);
+
+ const transaction = editorRef.current.state.tr.replaceWith(
+ 0,
+ editorRef.current.state.doc.content.size,
+ newDocument.content
+ );
+
+ transaction.setMeta("no-save", true);
+ editorRef.current.dispatch(transaction);
+ return;
+ }
+
+ if (currentContent !== content) {
+ const newDocument = buildDocumentFromContent(content);
+
+ const transaction = editorRef.current.state.tr.replaceWith(
+ 0,
+ editorRef.current.state.doc.content.size,
+ newDocument.content
+ );
+
+ transaction.setMeta("no-save", true);
+ editorRef.current.dispatch(transaction);
+ }
+ }
+ }, [content, status]);
+
+ useEffect(() => {
+ if (editorRef.current?.state.doc && content) {
+ const projectedSuggestions = projectWithPositions(
+ editorRef.current.state.doc,
+ suggestions
+ ).filter(
+ (suggestion) => suggestion.selectionStart && suggestion.selectionEnd
+ );
+
+ suggestionsRef.current = projectedSuggestions;
+
+ const decorations = createDecorations(
+ projectedSuggestions,
+ editorRef.current
+ );
+
+ const transaction = editorRef.current.state.tr;
+ transaction.setMeta(suggestionsPluginKey, { decorations });
+ editorRef.current.dispatch(transaction);
+ }
+ }, [suggestions, content]);
+
+ const handleApply = useCallback(() => {
+ if (!editorRef.current || !activeSuggestion) return;
+
+ const { state, dispatch } = editorRef.current;
+ const currentState = suggestionsPluginKey.getState(state);
+ const currentDecorations = currentState?.decorations;
+
+ if (currentDecorations) {
+ const newDecorations = DecorationSet.create(
+ state.doc,
+ currentDecorations.find().filter((decoration: Decoration) => {
+ return decoration.spec.suggestionId !== activeSuggestion.id;
+ })
+ );
+
+ const decorationTransaction = state.tr;
+ decorationTransaction.setMeta(suggestionsPluginKey, {
+ decorations: newDecorations,
+ selected: null,
+ });
+ dispatch(decorationTransaction);
+ }
+
+ const textTransaction = editorRef.current.state.tr.replaceWith(
+ activeSuggestion.selectionStart,
+ activeSuggestion.selectionEnd,
+ state.schema.text(activeSuggestion.suggestedText)
+ );
+ textTransaction.setMeta("no-debounce", true);
+ dispatch(textTransaction);
+
+ setActiveSuggestion(null);
+ }, [activeSuggestion]);
+
+ return (
+ <>
+
+ {activeSuggestion &&
+ containerRef.current?.closest("[data-slot='artifact-content']") &&
+ createPortal(
+ setActiveSuggestion(null)}
+ suggestion={activeSuggestion}
+ />,
+ containerRef.current.closest(
+ "[data-slot='artifact-content']"
+ ) as HTMLElement
+ )}
+
+ );
+}
+
+function areEqual(prevProps: EditorProps, nextProps: EditorProps) {
+ return (
+ prevProps.suggestions === nextProps.suggestions &&
+ prevProps.currentVersionIndex === nextProps.currentVersionIndex &&
+ prevProps.isCurrentVersion === nextProps.isCurrentVersion &&
+ !(prevProps.status === "streaming" && nextProps.status === "streaming") &&
+ prevProps.content === nextProps.content &&
+ prevProps.onSaveContent === nextProps.onSaveContent
+ );
+}
+
+export const Editor = memo(PureEditor, areEqual);
diff --git a/lib/editor/functions.tsx b/lib/editor/functions.tsx
index 975f79d661..09d34b1252 100644
--- a/lib/editor/functions.tsx
+++ b/lib/editor/functions.tsx
@@ -8,7 +8,7 @@ import { renderToString } from "react-dom/server";
import { MessageResponse } from "@/components/ai-elements/message";
import { documentSchema } from "./config";
-import { createSuggestionWidget, type UISuggestion } from "./suggestions";
+import type { UISuggestion } from "./suggestions";
export const buildDocumentFromContent = (content: string) => {
const parser = DOMParser.fromSchema(documentSchema);
@@ -26,7 +26,7 @@ export const buildContentFromDocument = (document: Node) => {
export const createDecorations = (
suggestions: UISuggestion[],
- view: EditorView
+ _view: EditorView
) => {
const decorations: Decoration[] = [];
@@ -37,6 +37,7 @@ export const createDecorations = (
suggestion.selectionEnd,
{
class: "suggestion-highlight",
+ "data-suggestion-id": suggestion.id,
},
{
suggestionId: suggestion.id,
@@ -44,21 +45,7 @@ export const createDecorations = (
}
)
);
-
- decorations.push(
- Decoration.widget(
- suggestion.selectionStart,
- (currentView) => {
- const { dom } = createSuggestionWidget(suggestion, currentView);
- return dom;
- },
- {
- suggestionId: suggestion.id,
- type: "widget",
- }
- )
- );
}
- return DecorationSet.create(view.state.doc, decorations);
+ return DecorationSet.create(_view.state.doc, decorations);
};
diff --git a/lib/editor/react-renderer.tsx b/lib/editor/react-renderer.tsx
index b44b165aff..b078e3a213 100644
--- a/lib/editor/react-renderer.tsx
+++ b/lib/editor/react-renderer.tsx
@@ -1,6 +1,5 @@
import { createRoot } from "react-dom/client";
-// biome-ignore lint/complexity/noStaticOnlyClass: "Needs to be static"
export class ReactRenderer {
static render(component: React.ReactElement, dom: HTMLElement) {
const root = createRoot(dom);
diff --git a/lib/editor/suggestions.tsx b/lib/editor/suggestions.tsx
index c8d0ece4f4..6f3eab2a38 100644
--- a/lib/editor/suggestions.tsx
+++ b/lib/editor/suggestions.tsx
@@ -1,13 +1,6 @@
import type { Node } from "prosemirror-model";
import { Plugin, PluginKey } from "prosemirror-state";
-import {
- type Decoration,
- DecorationSet,
- type EditorView,
-} from "prosemirror-view";
-import { createRoot } from "react-dom/client";
-import type { ArtifactKind } from "@/components/artifact";
-import { Suggestion as PreviewSuggestion } from "@/components/suggestion";
+import { DecorationSet } from "prosemirror-view";
import type { Suggestion } from "@/lib/db/schema";
export interface UISuggestion extends Suggestion {
@@ -66,71 +59,6 @@ export function projectWithPositions(
});
}
-export function createSuggestionWidget(
- suggestion: UISuggestion,
- view: EditorView,
- artifactKind: ArtifactKind = "text"
-): { dom: HTMLElement; destroy: () => void } {
- const dom = document.createElement("span");
- const root = createRoot(dom);
-
- dom.addEventListener("mousedown", (event) => {
- event.preventDefault();
- view.dom.blur();
- });
-
- const onApply = () => {
- const { state, dispatch } = view;
-
- const decorationTransaction = state.tr;
- const currentState = suggestionsPluginKey.getState(state);
- const currentDecorations = currentState?.decorations;
-
- if (currentDecorations) {
- const newDecorations = DecorationSet.create(
- state.doc,
- currentDecorations.find().filter((decoration: Decoration) => {
- return decoration.spec.suggestionId !== suggestion.id;
- })
- );
-
- decorationTransaction.setMeta(suggestionsPluginKey, {
- decorations: newDecorations,
- selected: null,
- });
- dispatch(decorationTransaction);
- }
-
- const textTransaction = view.state.tr.replaceWith(
- suggestion.selectionStart,
- suggestion.selectionEnd,
- state.schema.text(suggestion.suggestedText)
- );
-
- textTransaction.setMeta("no-debounce", true);
-
- dispatch(textTransaction);
- };
-
- root.render(
- ;
+ args?: Partial & { isUpdate?: boolean };
+};
+
+export function DocumentPreview({
+ isReadonly: _isReadonly,
+ result,
+ args,
+}: DocumentPreviewProps) {
+ const { artifact, setArtifact } = useArtifact();
+
+ const { data: documents, isLoading: isDocumentsFetching } = useSWR<
+ Document[]
+ >(
+ result
+ ? `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/document?id=${result.id}`
+ : null,
+ fetcher
+ );
+
+ const previewDocument = useMemo(() => documents?.[0], [documents]);
+ const hitboxRef = useRef(null);
+
+ useEffect(() => {
+ const boundingBox = hitboxRef.current?.getBoundingClientRect();
+
+ if (artifact.documentId && boundingBox) {
+ setArtifact((currentArtifact) => ({
+ ...currentArtifact,
+ boundingBox: {
+ left: boundingBox.x,
+ top: boundingBox.y,
+ width: boundingBox.width,
+ height: boundingBox.height,
+ },
+ }));
+ }
+ }, [artifact.documentId, setArtifact]);
+
+ if (isDocumentsFetching) {
+ const kind = result?.kind ?? args?.kind ?? artifact.kind;
+ const title = result?.title ?? args?.title ?? artifact.title;
+
+ return (
+ ;
+ result?: Partial;
+ setArtifact: (
+ updaterFn: UIArtifact | ((currentArtifact: UIArtifact) => UIArtifact)
+ ) => void;
+}) => {
+ const handleClick = useCallback(
+ (event: MouseEvent) => {
+ const boundingBox = event.currentTarget.getBoundingClientRect();
+
+ setArtifact((artifact) => ({
+ ...artifact,
+ ...(result?.id && { documentId: result.id }),
+ ...(result?.title && { title: result.title }),
+ ...(result?.kind && { kind: result.kind }),
+ isVisible: true,
+ boundingBox: {
+ left: boundingBox.x,
+ top: boundingBox.y,
+ width: boundingBox.width,
+ height: boundingBox.height,
+ },
+ }));
+ },
+ [setArtifact, result]
+ );
+
+ return (
+
+ );
+};
+
+const HitboxLayer = memo(PureHitboxLayer, (prevProps, nextProps) => {
+ if (!equal(prevProps.result, nextProps.result)) {
+ return false;
+ }
+ return true;
+});
+
+const PureDocumentHeader = ({
+ title,
+ kind,
+ isStreaming,
+}: {
+ title: string;
+ kind: ArtifactKind;
+ isStreaming: boolean;
+}) => (
+ (content, { skipEmptyLines: true });
+
+ const paddedData = result.data.map((row) => {
+ const paddedRow = [...row];
+ while (paddedRow.length < MIN_COLS) {
+ paddedRow.push("");
+ }
+ return paddedRow;
+ });
+
+ while (paddedData.length < MIN_ROWS) {
+ paddedData.push(new Array(MIN_COLS).fill(""));
+ }
+
+ return paddedData;
+ }, [content]);
+
+ const columns = useMemo(() => {
+ const rowNumberColumn = {
+ key: "rowNumber",
+ name: "",
+ frozen: true,
+ width: 50,
+ renderCell: ({ rowIdx }: { rowIdx: number }) => rowIdx + 1,
+ cellClass: "border-t border-r dark:bg-neutral-950 dark:text-neutral-50",
+ headerCellClass:
+ "border-t border-r dark:bg-neutral-900 dark:text-neutral-50",
+ };
+
+ const dataColumns = Array.from({ length: MIN_COLS }, (_, i) => ({
+ key: i.toString(),
+ name: String.fromCharCode(65 + i),
+ renderEditCell: textEditor,
+ width: 120,
+ cellClass: cn("border-t dark:bg-neutral-950 dark:text-neutral-50", {
+ "border-l": i !== 0,
+ }),
+ headerCellClass: cn("border-t dark:bg-neutral-900 dark:text-neutral-50", {
+ "border-l": i !== 0,
+ }),
+ }));
+
+ return [rowNumberColumn, ...dataColumns];
+ }, []);
+
+ const initialRows = useMemo(() => {
+ return parseData.map((row, rowIndex) => {
+ const rowData: Record = {
+ id: rowIndex,
+ rowNumber: rowIndex + 1,
+ };
+
+ columns.slice(1).forEach((col, colIndex) => {
+ rowData[col.key] = row[colIndex] || "";
+ });
+
+ return rowData;
+ });
+ }, [parseData, columns]);
+
+ const [localRows, setLocalRows] = useState(initialRows);
+
+ useEffect(() => {
+ setLocalRows(initialRows);
+ }, [initialRows]);
+
+ const generateCsv = (data: string[][]) => {
+ return unparse(data);
+ };
+
+ const handleRowsChange = (newRows: Record[]) => {
+ setLocalRows(newRows);
+
+ const updatedData = newRows.map((row) => {
+ return columns.slice(1).map((col) => String(row[col.key] ?? ""));
+ });
+
+ const newCsvContent = generateCsv(updatedData);
+ saveContent(newCsvContent, true);
+ };
+
+ return (
+ {
+ if (args.column.key !== "rowNumber") {
+ args.selectCell(true);
+ }
+ }}
+ onRowsChange={handleRowsChange}
+ rows={localRows}
+ style={{ height: "100%" }}
+ />
+ );
+};
+
+function areEqual(prevProps: SheetEditorProps, nextProps: SheetEditorProps) {
+ return (
+ prevProps.currentVersionIndex === nextProps.currentVersionIndex &&
+ prevProps.isCurrentVersion === nextProps.isCurrentVersion &&
+ !(prevProps.status === "streaming" && nextProps.status === "streaming") &&
+ prevProps.content === nextProps.content &&
+ prevProps.saveContent === nextProps.saveContent
+ );
+}
+
+export const SpreadsheetEditor = memo(PureSpreadsheetEditor, areEqual);
From 9b21b81b73d4d9c7922bf0eee7ec228f43da21be Mon Sep 17 00:00:00 2001
From: dancer <144584931+dancer@users.noreply.github.com>
Date: Fri, 20 Mar 2026 02:42:11 +0000
Subject: [PATCH 09/29] feat: remaining chat components migrated to
components/chat
---
components/chat/app-sidebar.tsx | 165 +++
components/chat/auth-form.tsx | 53 +
components/chat/icons.tsx | 1213 ++++++++++++++++++++++
components/chat/message-actions.tsx | 207 ++++
components/chat/message-editor.tsx | 33 +
components/chat/message-reasoning.tsx | 37 +
components/chat/message.tsx | 387 +++++++
components/chat/preview.tsx | 59 ++
components/chat/sidebar-history-item.tsx | 124 +++
components/chat/sidebar-history.tsx | 375 +++++++
components/chat/sidebar-toggle.tsx | 35 +
components/chat/sidebar-user-nav.tsx | 121 +++
components/chat/sign-out-form.tsx | 25 +
components/chat/submit-button.tsx | 38 +
components/chat/toast.tsx | 75 ++
components/chat/visibility-selector.tsx | 111 ++
components/chat/weather.tsx | 434 ++++++++
17 files changed, 3492 insertions(+)
create mode 100644 components/chat/app-sidebar.tsx
create mode 100644 components/chat/auth-form.tsx
create mode 100644 components/chat/icons.tsx
create mode 100644 components/chat/message-actions.tsx
create mode 100644 components/chat/message-editor.tsx
create mode 100644 components/chat/message-reasoning.tsx
create mode 100644 components/chat/message.tsx
create mode 100644 components/chat/preview.tsx
create mode 100644 components/chat/sidebar-history-item.tsx
create mode 100644 components/chat/sidebar-history.tsx
create mode 100644 components/chat/sidebar-toggle.tsx
create mode 100644 components/chat/sidebar-user-nav.tsx
create mode 100644 components/chat/sign-out-form.tsx
create mode 100644 components/chat/submit-button.tsx
create mode 100644 components/chat/toast.tsx
create mode 100644 components/chat/visibility-selector.tsx
create mode 100644 components/chat/weather.tsx
diff --git a/components/chat/app-sidebar.tsx b/components/chat/app-sidebar.tsx
new file mode 100644
index 0000000000..d276842d13
--- /dev/null
+++ b/components/chat/app-sidebar.tsx
@@ -0,0 +1,165 @@
+"use client";
+
+import {
+ MessageSquareIcon,
+ PanelLeftIcon,
+ PenSquareIcon,
+ TrashIcon,
+} from "lucide-react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import type { User } from "next-auth";
+import { useState } from "react";
+import { toast } from "sonner";
+import { useSWRConfig } from "swr";
+import { unstable_serialize } from "swr/infinite";
+import {
+ getChatHistoryPaginationKey,
+ SidebarHistory,
+} from "@/components/chat/sidebar-history";
+import { SidebarUserNav } from "@/components/chat/sidebar-user-nav";
+import {
+ Sidebar,
+ SidebarContent,
+ SidebarFooter,
+ SidebarGroup,
+ SidebarGroupContent,
+ SidebarHeader,
+ SidebarMenu,
+ SidebarMenuButton,
+ SidebarMenuItem,
+ SidebarRail,
+ SidebarTrigger,
+ useSidebar,
+} from "@/components/ui/sidebar";
+import {
+ AlertDialog,
+ AlertDialogAction,
+ AlertDialogCancel,
+ AlertDialogContent,
+ AlertDialogDescription,
+ AlertDialogFooter,
+ AlertDialogHeader,
+ AlertDialogTitle,
+} from "../ui/alert-dialog";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
+
+export function AppSidebar({ user }: { user: User | undefined }) {
+ const router = useRouter();
+ const { setOpenMobile, toggleSidebar } = useSidebar();
+ const { mutate } = useSWRConfig();
+ const [showDeleteAllDialog, setShowDeleteAllDialog] = useState(false);
+
+ const handleDeleteAll = () => {
+ setShowDeleteAllDialog(false);
+ router.replace("/");
+ mutate(unstable_serialize(getChatHistoryPaginationKey), [], {
+ revalidate: false,
+ });
+
+ fetch(`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/history`, {
+ method: "DELETE",
+ });
+
+ toast.success("All chats deleted");
+ };
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ setOpenMobile(false);
+ router.push("/");
+ }}
+ tooltip="New Chat"
+ >
+
+
+ {user && (
+
+ setShowDeleteAllDialog(true)}
+ tooltip="Delete All Chats"
+ >
+
+
+ )}
+
+
+
+
+
+ {user &&
+
+
+
+
+
+ Delete all chats?
+
+ This action cannot be undone. This will permanently delete all
+ your chats and remove them from our servers.
+
+
+
+ Cancel
+
+ Delete All
+
+
+
+
+
+ );
+}
diff --git a/components/chat/auth-form.tsx b/components/chat/auth-form.tsx
new file mode 100644
index 0000000000..43367dc791
--- /dev/null
+++ b/components/chat/auth-form.tsx
@@ -0,0 +1,53 @@
+import Form from "next/form";
+
+import { Input } from "../ui/input";
+import { Label } from "../ui/label";
+
+export function AuthForm({
+ action,
+ children,
+ defaultEmail = "",
+}: {
+ action: NonNullable<
+ string | ((formData: FormData) => void | Promise) | undefined
+ >;
+ children: React.ReactNode;
+ defaultEmail?: string;
+}) {
+ return (
+
+ );
+}
diff --git a/components/chat/icons.tsx b/components/chat/icons.tsx
new file mode 100644
index 0000000000..3f9e6e1236
--- /dev/null
+++ b/components/chat/icons.tsx
@@ -0,0 +1,1213 @@
+export const BotIcon = () => {
+ return (
+
+ );
+};
+
+export const UserIcon = () => {
+ return (
+
+ );
+};
+
+export const AttachmentIcon = () => {
+ return (
+
+ );
+};
+
+export const VercelIcon = ({ size = 17 }) => {
+ return (
+
+ );
+};
+
+export const GitIcon = () => {
+ return (
+
+ );
+};
+
+export const BoxIcon = ({ size = 16 }: { size: number }) => {
+ return (
+
+ );
+};
+
+export const HomeIcon = ({ size = 16 }: { size: number }) => {
+ return (
+
+ );
+};
+
+export const GPSIcon = ({ size = 16 }: { size: number }) => {
+ return (
+
+ );
+};
+
+export const InvoiceIcon = ({ size = 16 }: { size: number }) => {
+ return (
+
+ );
+};
+
+export const LogoOpenAI = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const LogoGoogle = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const LogoAnthropic = () => {
+ return (
+
+ );
+};
+
+export const RouteIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const FileIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const LoaderIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const UploadIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const MenuIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const PencilEditIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const CheckedSquare = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const UncheckedSquare = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const MoreIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const TrashIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const InfoIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const ArrowUpIcon = ({
+ size = 16,
+ ...props
+}: { size?: number } & React.SVGProps) => {
+ return (
+
+ );
+};
+
+export const StopIcon = ({
+ size = 16,
+ ...props
+}: { size?: number } & React.SVGProps) => {
+ return (
+
+ );
+};
+
+export const PaperclipIcon = ({
+ size = 16,
+ ...props
+}: { size?: number } & React.SVGProps) => {
+ return (
+
+ );
+};
+
+export const MoreHorizontalIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const MessageIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const CrossIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const CrossSmallIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const UndoIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const RedoIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const DeltaIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const CpuIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const PenIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const SummarizeIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const SidebarLeftIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const PlusIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const CopyIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const ThumbUpIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const ThumbDownIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const ChevronDownIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const SparklesIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const CheckCircleFillIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const GlobeIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const LockIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const EyeIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const ShareIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const CodeIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const PlayIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const PythonIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const TerminalWindowIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const TerminalIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const ClockRewind = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const LogsIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const ImageIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
+
+export const FullscreenIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const DownloadIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const LineChartIcon = ({ size = 16 }: { size?: number }) => (
+
+);
+
+export const WarningIcon = ({ size = 16 }: { size?: number }) => {
+ return (
+
+ );
+};
diff --git a/components/chat/message-actions.tsx b/components/chat/message-actions.tsx
new file mode 100644
index 0000000000..ecb74abc5a
--- /dev/null
+++ b/components/chat/message-actions.tsx
@@ -0,0 +1,207 @@
+import equal from "fast-deep-equal";
+import { memo } from "react";
+import { toast } from "sonner";
+import { useSWRConfig } from "swr";
+import { useCopyToClipboard } from "usehooks-ts";
+import type { Vote } from "@/lib/db/schema";
+import type { ChatMessage } from "@/lib/types";
+import {
+ MessageAction as Action,
+ MessageActions as Actions,
+} from "../ai-elements/message";
+import { CopyIcon, PencilEditIcon, ThumbDownIcon, ThumbUpIcon } from "./icons";
+
+export function PureMessageActions({
+ chatId,
+ message,
+ vote,
+ isLoading,
+ onEdit,
+}: {
+ chatId: string;
+ message: ChatMessage;
+ vote: Vote | undefined;
+ isLoading: boolean;
+ onEdit?: () => void;
+}) {
+ const { mutate } = useSWRConfig();
+ const [_, copyToClipboard] = useCopyToClipboard();
+
+ if (isLoading) {
+ return null;
+ }
+
+ const textFromParts = message.parts
+ ?.filter((part) => part.type === "text")
+ .map((part) => part.text)
+ .join("\n")
+ .trim();
+
+ const handleCopy = async () => {
+ if (!textFromParts) {
+ toast.error("There's no text to copy!");
+ return;
+ }
+
+ await copyToClipboard(textFromParts);
+ toast.success("Copied to clipboard!");
+ };
+
+ if (message.role === "user") {
+ return (
+
+
+ );
+ }
+
+ return (
+
+
+
+
+ {
+ const upvote = fetch(
+ `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/vote`,
+ {
+ method: "PATCH",
+ body: JSON.stringify({
+ chatId,
+ messageId: message.id,
+ type: "up",
+ }),
+ }
+ );
+
+ toast.promise(upvote, {
+ loading: "Upvoting Response...",
+ success: () => {
+ mutate(
+ `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/vote?chatId=${chatId}`,
+ (currentVotes) => {
+ if (!currentVotes) {
+ return [];
+ }
+
+ const votesWithoutCurrent = currentVotes.filter(
+ (currentVote) => currentVote.messageId !== message.id
+ );
+
+ return [
+ ...votesWithoutCurrent,
+ {
+ chatId,
+ messageId: message.id,
+ isUpvoted: true,
+ },
+ ];
+ },
+ { revalidate: false }
+ );
+
+ return "Upvoted Response!";
+ },
+ error: "Failed to upvote response.",
+ });
+ }}
+ tooltip="Upvote Response"
+ >
+
+
+ {
+ const downvote = fetch(
+ `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/vote`,
+ {
+ method: "PATCH",
+ body: JSON.stringify({
+ chatId,
+ messageId: message.id,
+ type: "down",
+ }),
+ }
+ );
+
+ toast.promise(downvote, {
+ loading: "Downvoting Response...",
+ success: () => {
+ mutate(
+ `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/vote?chatId=${chatId}`,
+ (currentVotes) => {
+ if (!currentVotes) {
+ return [];
+ }
+
+ const votesWithoutCurrent = currentVotes.filter(
+ (currentVote) => currentVote.messageId !== message.id
+ );
+
+ return [
+ ...votesWithoutCurrent,
+ {
+ chatId,
+ messageId: message.id,
+ isUpvoted: false,
+ },
+ ];
+ },
+ { revalidate: false }
+ );
+
+ return "Downvoted Response!";
+ },
+ error: "Failed to downvote response.",
+ });
+ }}
+ tooltip="Downvote Response"
+ >
+
+
+ );
+}
+
+export const MessageActions = memo(
+ PureMessageActions,
+ (prevProps, nextProps) => {
+ if (!equal(prevProps.vote, nextProps.vote)) {
+ return false;
+ }
+ if (prevProps.isLoading !== nextProps.isLoading) {
+ return false;
+ }
+
+ return true;
+ }
+);
diff --git a/components/chat/message-editor.tsx b/components/chat/message-editor.tsx
new file mode 100644
index 0000000000..a867f79df4
--- /dev/null
+++ b/components/chat/message-editor.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import type { UseChatHelpers } from "@ai-sdk/react";
+import { deleteTrailingMessages } from "@/app/(chat)/actions";
+import type { ChatMessage } from "@/lib/types";
+
+export async function submitEditedMessage({
+ message,
+ text,
+ setMessages,
+ regenerate,
+}: {
+ message: ChatMessage;
+ text: string;
+ setMessages: UseChatHelpers["setMessages"];
+ regenerate: UseChatHelpers["regenerate"];
+}) {
+ await deleteTrailingMessages({ id: message.id });
+
+ setMessages((messages) => {
+ const index = messages.findIndex((m) => m.id === message.id);
+ if (index === -1) {
+ return messages;
+ }
+
+ return [
+ ...messages.slice(0, index),
+ { ...message, parts: [{ type: "text" as const, text }] },
+ ];
+ });
+
+ regenerate();
+}
diff --git a/components/chat/message-reasoning.tsx b/components/chat/message-reasoning.tsx
new file mode 100644
index 0000000000..f834ce4e06
--- /dev/null
+++ b/components/chat/message-reasoning.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import {
+ Reasoning,
+ ReasoningContent,
+ ReasoningTrigger,
+} from "../ai-elements/reasoning";
+
+type MessageReasoningProps = {
+ isLoading: boolean;
+ reasoning: string;
+};
+
+export function MessageReasoning({
+ isLoading,
+ reasoning,
+}: MessageReasoningProps) {
+ const [hasBeenStreaming, setHasBeenStreaming] = useState(isLoading);
+
+ useEffect(() => {
+ if (isLoading) {
+ setHasBeenStreaming(true);
+ }
+ }, [isLoading]);
+
+ return (
+
+ {reasoning}
+
+ );
+}
diff --git a/components/chat/message.tsx b/components/chat/message.tsx
new file mode 100644
index 0000000000..b08c5cc130
--- /dev/null
+++ b/components/chat/message.tsx
@@ -0,0 +1,387 @@
+"use client";
+import type { UseChatHelpers } from "@ai-sdk/react";
+import type { Vote } from "@/lib/db/schema";
+import type { ChatMessage } from "@/lib/types";
+import { cn, sanitizeText } from "@/lib/utils";
+import { MessageContent, MessageResponse } from "../ai-elements/message";
+import { Shimmer } from "../ai-elements/shimmer";
+import {
+ Tool,
+ ToolContent,
+ ToolHeader,
+ ToolInput,
+ ToolOutput,
+} from "../ai-elements/tool";
+import { useDataStream } from "./data-stream-provider";
+import { DocumentToolResult } from "./document";
+import { DocumentPreview } from "./document-preview";
+import { SparklesIcon } from "./icons";
+import { MessageActions } from "./message-actions";
+import { MessageReasoning } from "./message-reasoning";
+import { PreviewAttachment } from "./preview-attachment";
+import { Weather } from "./weather";
+
+const PurePreviewMessage = ({
+ addToolApprovalResponse,
+ chatId,
+ message,
+ vote,
+ isLoading,
+ setMessages: _setMessages,
+ regenerate: _regenerate,
+ isReadonly,
+ requiresScrollPadding: _requiresScrollPadding,
+ onEdit,
+}: {
+ addToolApprovalResponse: UseChatHelpers["addToolApprovalResponse"];
+ chatId: string;
+ message: ChatMessage;
+ vote: Vote | undefined;
+ isLoading: boolean;
+ setMessages: UseChatHelpers["setMessages"];
+ regenerate: UseChatHelpers["regenerate"];
+ isReadonly: boolean;
+ requiresScrollPadding: boolean;
+ onEdit?: (message: ChatMessage) => void;
+}) => {
+ const attachmentsFromMessage = message.parts.filter(
+ (part) => part.type === "file"
+ );
+
+ useDataStream();
+
+ const isUser = message.role === "user";
+ const isAssistant = message.role === "assistant";
+
+ const hasAnyContent = message.parts?.some(
+ (part) =>
+ (part.type === "text" && part.text?.trim().length > 0) ||
+ (part.type === "reasoning" &&
+ "text" in part &&
+ part.text?.trim().length > 0) ||
+ part.type.startsWith("tool-")
+ );
+ const isThinking = isAssistant && isLoading && !hasAnyContent;
+
+ const attachments = attachmentsFromMessage.length > 0 && (
+
+ {sanitizeText(part.text)}
+
+ );
+ }
+
+ if (type === "tool-getWeather") {
+ const { toolCallId, state } = part;
+ const approvalId = (part as { approval?: { id: string } }).approval?.id;
+ const isDenied =
+ state === "output-denied" ||
+ (state === "approval-responded" &&
+ (part as { approval?: { approved?: boolean } }).approval?.approved ===
+ false);
+ const widthClass = "w-[min(100%,450px)]";
+
+ if (state === "output-available") {
+ return (
+
+
+ {state === "input-available" &&
+ Error: {String(part.output.error)}
+
+ ) : (
+
+
+
+ ) : null;
+}
diff --git a/components/chat/create-artifact.tsx b/components/chat/create-artifact.tsx
new file mode 100644
index 0000000000..78b24b1030
--- /dev/null
+++ b/components/chat/create-artifact.tsx
@@ -0,0 +1,93 @@
+import type { UseChatHelpers } from "@ai-sdk/react";
+import type { DataUIPart } from "ai";
+import type { ComponentType, Dispatch, ReactNode, SetStateAction } from "react";
+import type { Suggestion } from "@/lib/db/schema";
+import type { ChatMessage, CustomUIDataTypes } from "@/lib/types";
+import type { UIArtifact } from "./artifact";
+
+export type ArtifactActionContext
+
+
+
+
+
+
+ {[...consoleOutputs].reverse().map((consoleOutput, index) => (
+
+
+
+ ))}
+
+ [{consoleOutputs.length - index}]
+
+ {["in_progress", "loading_packages"].includes(
+ consoleOutput.status
+ ) ? (
+
+
+ ) : (
+
+ {consoleOutput.contents.map((content, index) =>
+ content.type === "image" ? (
+
+ 
+
+ ) : (
+
+ )}
+
+ {content.value}
+
+ )
+ )}
+
+ {randomArr.map((id) => (
+
+
+
+ ))}
+
+
+
+
+ {
+ if (currentLevel !== 2 && hasUserSelectedLevel) {
+ sendMessage({
+ role: "user",
+ parts: [
+ {
+ type: "text",
+ text: `Please adjust the reading level to ${LEVELS[currentLevel]} level.`,
+ },
+ ],
+ });
+
+ setSelectedTool(null);
+ }
+ }}
+ onDragEnd={() => {
+ if (currentLevel === 2) {
+ setSelectedTool(null);
+ } else {
+ setHasUserSelectedLevel(true);
+ }
+ }}
+ onDragStart={() => {
+ setHasUserSelectedLevel(false);
+ }}
+ style={{ y }}
+ transition={{ duration: 0.1 }}
+ whileHover={{ scale: 1.05 }}
+ whileTap={{ scale: 0.95 }}
+ >
+ {currentLevel === 2 ?
+
+
+ {LEVELS[currentLevel]}
+
+
+
+
+ );
+};
+
+export const Tools = ({
+ selectedTool,
+ setSelectedTool,
+ sendMessage,
+ isAnimating,
+ tools,
+}: {
+ selectedTool: string | null;
+ setSelectedTool: Dispatch
+
+
+
+
+
+ {currentVersionIndex + 1} of {documents.length}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Suggestion
+
+ {suggestion.description}
+
+
+
+
+
+
+ {title ? (
+
+ );
+ }
+
+ const document: Document | null = previewDocument
+ ? previewDocument
+ : artifact.status === "streaming"
+ ? {
+ title: artifact.title,
+ kind: artifact.kind,
+ content: artifact.content,
+ id: artifact.documentId,
+ createdAt: new Date(),
+ userId: "noop",
+ }
+ : null;
+
+ if (!document) {
+ return
+
+ )}
+
+
+
+
+
+
+
+
+
+ );
+}
+
+const LoadingSkeleton = ({ artifactKind }: { artifactKind: ArtifactKind }) => (
+
+
+);
+
+const PureHitboxLayer = ({
+ hitboxRef,
+ result,
+ setArtifact,
+}: {
+ hitboxRef: React.RefObject
+
+ {artifactKind === "image" ? (
+
+
+
+
+
+
+
+
+ ) : (
+
+
+ )}
+
+
+);
+
+const DocumentHeader = memo(PureDocumentHeader, (prevProps, nextProps) => {
+ if (prevProps.title !== nextProps.title) {
+ return false;
+ }
+ if (prevProps.isStreaming !== nextProps.isStreaming) {
+ return false;
+ }
+
+ return true;
+});
+
+const DocumentContent = ({ document }: { document: Document }) => {
+ const { artifact } = useArtifact();
+
+ const containerClassName = cn(
+ "h-[257px] overflow-hidden rounded-b-2xl border border-t-0 border-border/50 dark:bg-muted",
+ {
+ "p-4 sm:px-10 sm:py-10": document.kind === "text",
+ "p-0": document.kind === "code",
+ }
+ );
+
+ const commonProps = {
+ content: document.content ?? "",
+ isCurrentVersion: true,
+ currentVersionIndex: 0,
+ status: artifact.status,
+ saveContent: () => null,
+ suggestions: [],
+ };
+
+ const handleSaveContent = () => null;
+
+ return (
+
+
+
+
+ {isStreaming ? (
+
+
+
+ ) : kind === "image" ? (
+ {title}
+
+ {document.kind === "text" ? (
+
+ );
+};
diff --git a/components/chat/document-skeleton.tsx b/components/chat/document-skeleton.tsx
new file mode 100644
index 0000000000..71e351fd73
--- /dev/null
+++ b/components/chat/document-skeleton.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import type { ArtifactKind } from "./artifact";
+
+export const DocumentSkeleton = ({
+ artifactKind,
+}: {
+ artifactKind: ArtifactKind;
+}) => {
+ return artifactKind === "image" ? (
+
+
+ ) : document.kind === "sheet" ? (
+
+
+
+
+ ) : document.kind === "image" ? (
+
+
+
+
+
+ ) : (
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export const InlineDocumentSkeleton = () => {
+ return (
+
+
+
+
+
+
+
+ );
+};
diff --git a/components/chat/document.tsx b/components/chat/document.tsx
new file mode 100644
index 0000000000..fbc6448234
--- /dev/null
+++ b/components/chat/document.tsx
@@ -0,0 +1,161 @@
+import { memo } from "react";
+import { toast } from "sonner";
+import { useArtifact } from "@/hooks/use-artifact";
+import type { ArtifactKind } from "./artifact";
+import { FileIcon, LoaderIcon, MessageIcon, PencilEditIcon } from "./icons";
+
+const getActionText = (
+ type: "create" | "update" | "request-suggestions",
+ tense: "present" | "past"
+) => {
+ switch (type) {
+ case "create":
+ return tense === "present" ? "Creating" : "Created";
+ case "update":
+ return tense === "present" ? "Updating" : "Updated";
+ case "request-suggestions":
+ return tense === "present"
+ ? "Adding suggestions"
+ : "Added suggestions to";
+ default:
+ return null;
+ }
+};
+
+type DocumentToolResultProps = {
+ type: "create" | "update" | "request-suggestions";
+ result: { id: string; title: string; kind: ArtifactKind };
+ isReadonly: boolean;
+};
+
+function PureDocumentToolResult({
+ type,
+ result,
+ isReadonly,
+}: DocumentToolResultProps) {
+ const { setArtifact } = useArtifact();
+
+ return (
+
+ );
+}
+
+export const DocumentToolResult = memo(PureDocumentToolResult, () => true);
+
+type DocumentToolCallProps = {
+ type: "create" | "update" | "request-suggestions";
+ args:
+ | { title: string; kind: ArtifactKind }
+ | { id: string; description: string }
+ | { documentId: string };
+ isReadonly: boolean;
+};
+
+function PureDocumentToolCall({
+ type,
+ args,
+ isReadonly,
+}: DocumentToolCallProps) {
+ const { setArtifact } = useArtifact();
+
+ return (
+
+ );
+}
+
+export const DocumentToolCall = memo(PureDocumentToolCall, () => true);
diff --git a/components/chat/image-editor.tsx b/components/chat/image-editor.tsx
new file mode 100644
index 0000000000..32525fcf3f
--- /dev/null
+++ b/components/chat/image-editor.tsx
@@ -0,0 +1,48 @@
+import cn from "classnames";
+import { LoaderIcon } from "./icons";
+
+type ImageEditorProps = {
+ title: string;
+ content: string;
+ isCurrentVersion: boolean;
+ currentVersionIndex: number;
+ status: string;
+ isInline: boolean;
+};
+
+export function ImageEditor({
+ title,
+ content,
+ status,
+ isInline,
+}: ImageEditorProps) {
+ return (
+
+ {status === "streaming" ? (
+
+ 
+
+ )}
+
+ );
+}
diff --git a/components/chat/preview-attachment.tsx b/components/chat/preview-attachment.tsx
new file mode 100644
index 0000000000..febe3bbda0
--- /dev/null
+++ b/components/chat/preview-attachment.tsx
@@ -0,0 +1,56 @@
+import Image from "next/image";
+import type { Attachment } from "@/lib/types";
+import { Spinner } from "../ui/spinner";
+import { CrossSmallIcon } from "./icons";
+
+export const PreviewAttachment = ({
+ attachment,
+ isUploading = false,
+ onRemove,
+}: {
+ attachment: Attachment;
+ isUploading?: boolean;
+ onRemove?: () => void;
+}) => {
+ const { name, url, contentType } = attachment;
+
+ return (
+
+ {!isInline && (
+
+ ) : (
+
+
+ )}
+ Generating Image...
+
+ {contentType?.startsWith("image") ? (
+
+ );
+};
diff --git a/components/chat/sheet-editor.tsx b/components/chat/sheet-editor.tsx
new file mode 100644
index 0000000000..6830acf893
--- /dev/null
+++ b/components/chat/sheet-editor.tsx
@@ -0,0 +1,141 @@
+"use client";
+
+import { useTheme } from "next-themes";
+import { parse, unparse } from "papaparse";
+import { memo, useEffect, useMemo, useState } from "react";
+import DataGrid, { textEditor } from "react-data-grid";
+import { cn } from "@/lib/utils";
+
+import "react-data-grid/lib/styles.css";
+
+type SheetEditorProps = {
+ content: string;
+ saveContent: (content: string, isCurrentVersion: boolean) => void;
+ currentVersionIndex: number;
+ isCurrentVersion: boolean;
+ status: string;
+};
+
+const MIN_ROWS = 50;
+const MIN_COLS = 26;
+
+const PureSpreadsheetEditor = ({ content, saveContent }: SheetEditorProps) => {
+ const { resolvedTheme } = useTheme();
+
+ const parseData = useMemo(() => {
+ if (!content) {
+ return new Array(MIN_ROWS).fill(new Array(MIN_COLS).fill(""));
+ }
+ const result = parse
+ File
+
+ )}
+
+ {isUploading && (
+
+
+ )}
+
+ {onRemove && !isUploading && (
+
+ )}
+
+
+ setOpenMobile(false)}>
+
+
+
+ toggleSidebar()}
+ >
+
+
+
+ Open sidebar
+
+
+
+
+
+
+ {onEdit && (
+
+
+ )}
+
+
+
+
+ {attachmentsFromMessage.map((attachment) => (
+
+ );
+
+ const mergedReasoning = message.parts?.reduce(
+ (acc, part) => {
+ if (part.type === "reasoning" && part.text?.trim().length > 0) {
+ return {
+ text: acc.text ? `${acc.text}\n\n${part.text}` : part.text,
+ isStreaming: "state" in part ? part.state === "streaming" : false,
+ rendered: false,
+ };
+ }
+ return acc;
+ },
+ { text: "", isStreaming: false, rendered: false }
+ ) ?? { text: "", isStreaming: false, rendered: false };
+
+ const parts = message.parts?.map((part, index) => {
+ const { type } = part;
+ const key = `message-${message.id}-part-${index}`;
+
+ if (type === "reasoning") {
+ if (!mergedReasoning.rendered && mergedReasoning.text) {
+ mergedReasoning.rendered = true;
+ return (
+
+
+ );
+ }
+
+ if (isDenied) {
+ return (
+
+
+
+
+
+
+ );
+ }
+
+ if (state === "approval-responded") {
+ return (
+
+ Weather lookup was denied.
+
+
+
+
+
+
+
+ );
+ }
+
+ return (
+
+
+
+ {(state === "input-available" ||
+ state === "approval-requested") && (
+
+
+
+ );
+ }
+
+ if (type === "tool-createDocument") {
+ const { toolCallId } = part;
+
+ if (part.output && "error" in part.output) {
+ return (
+
+
+
+
+ )}
+
+ Error creating document: {String(part.output.error)}
+
+ );
+ }
+
+ return (
+
+ Error updating document: {String(part.output.error)}
+
+ );
+ }
+
+ return (
+
+
+ );
+ }
+
+ if (type === "tool-requestSuggestions") {
+ const { toolCallId, state } = part;
+
+ return (
+
+
+ Thinking...
+
+
+ ) : (
+ <>
+ {attachments}
+ {parts}
+ {actions}
+
+ );
+
+ return (
+
+
+ );
+};
+
+export const PreviewMessage = PurePreviewMessage;
+
+export const ThinkingMessage = () => {
+ return (
+
+ {isAssistant && (
+
+
+
+ )}
+ {isAssistant ? (
+
+
+ {content}
+ ) : (
+ content
+ )}
+
+
+ );
+};
diff --git a/components/chat/preview.tsx b/components/chat/preview.tsx
new file mode 100644
index 0000000000..2e1d4dd9f6
--- /dev/null
+++ b/components/chat/preview.tsx
@@ -0,0 +1,59 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { suggestions } from "@/lib/constants";
+import { SparklesIcon } from "./icons";
+
+export function Preview() {
+ const router = useRouter();
+
+ const handleAction = (query?: string) => {
+ const url = query ? `/?query=${encodeURIComponent(query)}` : "/";
+ router.push(url);
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+ Thinking...
+
+
+
+
+ );
+}
diff --git a/components/chat/sidebar-history-item.tsx b/components/chat/sidebar-history-item.tsx
new file mode 100644
index 0000000000..1940e5826b
--- /dev/null
+++ b/components/chat/sidebar-history-item.tsx
@@ -0,0 +1,124 @@
+import Link from "next/link";
+import { memo } from "react";
+import { useChatVisibility } from "@/hooks/use-chat-visibility";
+import type { Chat } from "@/lib/db/schema";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuPortal,
+ DropdownMenuSub,
+ DropdownMenuSubContent,
+ DropdownMenuSubTrigger,
+ DropdownMenuTrigger,
+} from "../ui/dropdown-menu";
+import {
+ SidebarMenuAction,
+ SidebarMenuButton,
+ SidebarMenuItem,
+} from "../ui/sidebar";
+import {
+ CheckCircleFillIcon,
+ GlobeIcon,
+ LockIcon,
+ MoreHorizontalIcon,
+ ShareIcon,
+ TrashIcon,
+} from "./icons";
+
+const PureChatItem = ({
+ chat,
+ isActive,
+ onDelete,
+ setOpenMobile,
+}: {
+ chat: Chat;
+ isActive: boolean;
+ onDelete: (chatId: string) => void;
+ setOpenMobile: (open: boolean) => void;
+}) => {
+ const { visibilityType, setVisibilityType } = useChatVisibility({
+ chatId: chat.id,
+ initialVisibilityType: chat.visibility,
+ });
+
+ return (
+
+
+
+
+
+ Chatbot
+
+
+
+
+
+
+ + What can I help with? +
++ Ask a question, write code, or explore ideas. +
+
+ {suggestions.map((suggestion) => (
+
+ ))}
+
+
+
+
+
+
+ {visibilityType === "private" ? (
+
+
+ {visibilityType === "public" ?
+ Login to save and revisit previous chats!
+
+
+ {[44, 32, 28, 64, 52].map((item) => (
+
+
+
+
+ ))}
+
+ Your conversations will appear here once you start chatting!
+
+
+ {groupedChats.today.length > 0 && (
+
+ );
+ })()}
+
+ {
+ setDeleteId(chatId);
+ setShowDeleteDialog(true);
+ }}
+ setOpenMobile={setOpenMobile}
+ />
+ ))}
+
+ )}
+
+ {groupedChats.yesterday.length > 0 && (
+
+ Today
+
+ {groupedChats.today.map((chat) => (
+
+ {
+ setDeleteId(chatId);
+ setShowDeleteDialog(true);
+ }}
+ setOpenMobile={setOpenMobile}
+ />
+ ))}
+
+ )}
+
+ {groupedChats.lastWeek.length > 0 && (
+
+ Yesterday
+
+ {groupedChats.yesterday.map((chat) => (
+
+ {
+ setDeleteId(chatId);
+ setShowDeleteDialog(true);
+ }}
+ setOpenMobile={setOpenMobile}
+ />
+ ))}
+
+ )}
+
+ {groupedChats.lastMonth.length > 0 && (
+
+ Last 7 days
+
+ {groupedChats.lastWeek.map((chat) => (
+
+ {
+ setDeleteId(chatId);
+ setShowDeleteDialog(true);
+ }}
+ setOpenMobile={setOpenMobile}
+ />
+ ))}
+
+ )}
+
+ {groupedChats.older.length > 0 && (
+
+ Last 30 days
+
+ {groupedChats.lastMonth.map((chat) => (
+
+ {
+ setDeleteId(chatId);
+ setShowDeleteDialog(true);
+ }}
+ setOpenMobile={setOpenMobile}
+ />
+ ))}
+
+ )}
+
+ Older
+
+ {groupedChats.older.map((chat) => (
+
+
+ )}
+
+
+ Loading...
+
+
+
+ Loading...
+
+
+
+
+
+
+ );
+}
+
+type ToastProps = {
+ id: string | number;
+ type: "success" | "error";
+ description: string;
+};
diff --git a/components/chat/visibility-selector.tsx b/components/chat/visibility-selector.tsx
new file mode 100644
index 0000000000..73af82a20f
--- /dev/null
+++ b/components/chat/visibility-selector.tsx
@@ -0,0 +1,111 @@
+"use client";
+
+import { type ReactNode, useMemo, useState } from "react";
+import { Button } from "@/components/ui/button";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { useChatVisibility } from "@/hooks/use-chat-visibility";
+import { cn } from "@/lib/utils";
+import {
+ CheckCircleFillIcon,
+ ChevronDownIcon,
+ GlobeIcon,
+ LockIcon,
+} from "./icons";
+
+export type VisibilityType = "private" | "public";
+
+const visibilities: Array<{
+ id: VisibilityType;
+ label: string;
+ description: string;
+ icon: ReactNode;
+}> = [
+ {
+ id: "private",
+ label: "Private",
+ description: "Only you can access this chat",
+ icon:
+
+
+ {iconsByType[type]}
+
+
+ {description}
+
+
+ {visibility.label}
+ {visibility.description && (
+
+
+ {visibility.description}
+
+ )}
+
+
+
+
+
+
+ );
+}
From 0b646f2833140651c811911ef8fbd1e7d37fa92c Mon Sep 17 00:00:00 2001
From: dancer <144584931+dancer@users.noreply.github.com>
Date: Fri, 20 Mar 2026 02:42:23 +0000
Subject: [PATCH 10/29] chore: remove old component files
---
components/app-sidebar.tsx | 170 ----
components/artifact-actions.tsx | 107 ---
components/artifact-close-button.tsx | 30 -
components/artifact-messages.tsx | 115 ---
components/artifact.tsx | 535 ------------
components/auth-form.tsx | 60 --
components/chat-header.tsx | 50 --
components/chat.tsx | 288 ------
components/code-editor.tsx | 121 ---
components/console.tsx | 192 ----
components/create-artifact.tsx | 93 --
components/data-stream-handler.tsx | 92 --
components/data-stream-provider.tsx | 41 -
components/diffview.tsx | 100 ---
components/document-preview.tsx | 295 -------
components/document-skeleton.tsx | 39 -
components/document.tsx | 161 ----
components/greeting.tsx | 29 -
components/icons.tsx | 1213 --------------------------
components/image-editor.tsx | 48 -
components/message-actions.tsx | 198 -----
components/message-editor.tsx | 112 ---
components/message-reasoning.tsx | 37 -
components/message.tsx | 395 ---------
components/messages.tsx | 108 ---
components/multimodal-input.tsx | 552 ------------
components/preview-attachment.tsx | 62 --
components/sheet-editor.tsx | 141 ---
components/sidebar-history-item.tsx | 120 ---
components/sidebar-history.tsx | 378 --------
components/sidebar-toggle.tsx | 35 -
components/sidebar-user-nav.tsx | 136 ---
components/sign-out-form.tsx | 28 -
components/submit-button.tsx | 38 -
components/suggested-actions.tsx | 72 --
components/suggestion.tsx | 77 --
components/text-editor.tsx | 164 ----
components/toast.tsx | 75 --
components/toolbar.tsx | 476 ----------
components/version-footer.tsx | 107 ---
components/visibility-selector.tsx | 106 ---
components/weather.tsx | 434 ---------
42 files changed, 7630 deletions(-)
delete mode 100644 components/app-sidebar.tsx
delete mode 100644 components/artifact-actions.tsx
delete mode 100644 components/artifact-close-button.tsx
delete mode 100644 components/artifact-messages.tsx
delete mode 100644 components/artifact.tsx
delete mode 100644 components/auth-form.tsx
delete mode 100644 components/chat-header.tsx
delete mode 100644 components/chat.tsx
delete mode 100644 components/code-editor.tsx
delete mode 100644 components/console.tsx
delete mode 100644 components/create-artifact.tsx
delete mode 100644 components/data-stream-handler.tsx
delete mode 100644 components/data-stream-provider.tsx
delete mode 100644 components/diffview.tsx
delete mode 100644 components/document-preview.tsx
delete mode 100644 components/document-skeleton.tsx
delete mode 100644 components/document.tsx
delete mode 100644 components/greeting.tsx
delete mode 100644 components/icons.tsx
delete mode 100644 components/image-editor.tsx
delete mode 100644 components/message-actions.tsx
delete mode 100644 components/message-editor.tsx
delete mode 100644 components/message-reasoning.tsx
delete mode 100644 components/message.tsx
delete mode 100644 components/messages.tsx
delete mode 100644 components/multimodal-input.tsx
delete mode 100644 components/preview-attachment.tsx
delete mode 100644 components/sheet-editor.tsx
delete mode 100644 components/sidebar-history-item.tsx
delete mode 100644 components/sidebar-history.tsx
delete mode 100644 components/sidebar-toggle.tsx
delete mode 100644 components/sidebar-user-nav.tsx
delete mode 100644 components/sign-out-form.tsx
delete mode 100644 components/submit-button.tsx
delete mode 100644 components/suggested-actions.tsx
delete mode 100644 components/suggestion.tsx
delete mode 100644 components/text-editor.tsx
delete mode 100644 components/toast.tsx
delete mode 100644 components/toolbar.tsx
delete mode 100644 components/version-footer.tsx
delete mode 100644 components/visibility-selector.tsx
delete mode 100644 components/weather.tsx
diff --git a/components/app-sidebar.tsx b/components/app-sidebar.tsx
deleted file mode 100644
index 8b6bc9d98b..0000000000
--- a/components/app-sidebar.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-"use client";
-
-import {
- MessageSquareIcon,
- PanelLeftIcon,
- PenSquareIcon,
- TrashIcon,
-} from "lucide-react";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { toast } from "sonner";
-import { useSWRConfig } from "swr";
-import { unstable_serialize } from "swr/infinite";
-import {
- getChatHistoryPaginationKey,
- SidebarHistory,
-} from "@/components/sidebar-history";
-import { SidebarUserNav } from "@/components/sidebar-user-nav";
-import {
- Sidebar,
- SidebarContent,
- SidebarFooter,
- SidebarGroup,
- SidebarGroupContent,
- SidebarHeader,
- SidebarMenu,
- SidebarMenuButton,
- SidebarMenuItem,
- SidebarRail,
- SidebarTrigger,
- useSidebar,
-} from "@/components/ui/sidebar";
-import type { AuthUser } from "@/lib/auth";
-import {
- AlertDialog,
- AlertDialogAction,
- AlertDialogCancel,
- AlertDialogContent,
- AlertDialogDescription,
- AlertDialogFooter,
- AlertDialogHeader,
- AlertDialogTitle,
-} from "./ui/alert-dialog";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
-
-export function AppSidebar({ user }: { user: AuthUser | undefined }) {
- const router = useRouter();
- const { setOpenMobile, toggleSidebar } = useSidebar();
- const { mutate } = useSWRConfig();
- const [showDeleteAllDialog, setShowDeleteAllDialog] = useState(false);
-
- const handleDeleteAll = () => {
- const deletePromise = fetch(
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/history`,
- {
- method: "DELETE",
- }
- );
-
- toast.promise(deletePromise, {
- loading: "Deleting all chats...",
- success: () => {
- mutate(unstable_serialize(getChatHistoryPaginationKey));
- setShowDeleteAllDialog(false);
- router.replace("/");
- router.refresh();
- return "All chats deleted successfully";
- },
- error: "Failed to delete all chats",
- });
- };
-
- return (
- <>
-
+
+
+
+
+ {location}
+
+ {format(new Date(weatherAtLocation.current.time), "MMM d, h:mm a")}
+
+
+
+
+
+
+
+
+ {isDay ?
+
+ {n(weatherAtLocation.current.temperature_2m)}
+
+ {weatherAtLocation.current_units.temperature_2m}
+
+
+
+
+
+ H: {n(currentHigh)}°
+
+ L: {n(currentLow)}°
+
+
+
+
+ Hourly Forecast
+
+
+ {displayTimes.map((time, index) => {
+ const hourTime = new Date(time);
+ const isCurrentHour =
+ hourTime.getHours() === new Date().getHours();
+
+ return (
+
+
+
+ );
+ })}
+
+ {index === 0 ? "Now" : format(hourTime, "ha")}
+
+
+
+
+
+
+ {n(displayTemperatures[index])}°
+
+
+
+
+ Sunrise:{" "}
+ {format(new Date(weatherAtLocation.daily.sunrise[0]), "h:mm a")}
+
+
+ Sunset:{" "}
+ {format(new Date(weatherAtLocation.daily.sunset[0]), "h:mm a")}
+
+
-
- setOpenMobile(false)}>
-
-
-
- toggleSidebar()}
- >
-
-
- Open sidebar
-
-
-
-
-
- {artifactDefinition.actions.map((action) => (
-
-
-
-
- {action.description}
-
- ))}
-
- );
-}
-
-export const ArtifactActions = memo(
- PureArtifactActions,
- (prevProps, nextProps) => {
- if (prevProps.artifact.status !== nextProps.artifact.status) {
- return false;
- }
- if (prevProps.currentVersionIndex !== nextProps.currentVersionIndex) {
- return false;
- }
- if (prevProps.isCurrentVersion !== nextProps.isCurrentVersion) {
- return false;
- }
- if (prevProps.artifact.content !== nextProps.artifact.content) {
- return false;
- }
-
- return true;
- }
-);
diff --git a/components/artifact-close-button.tsx b/components/artifact-close-button.tsx
deleted file mode 100644
index 1aa1b7f595..0000000000
--- a/components/artifact-close-button.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { memo } from "react";
-import { initialArtifactData, useArtifact } from "@/hooks/use-artifact";
-import { CrossIcon } from "./icons";
-import { Button } from "./ui/button";
-
-function PureArtifactCloseButton() {
- const { setArtifact } = useArtifact();
-
- return (
-
- );
-}
-
-export const ArtifactCloseButton = memo(PureArtifactCloseButton, () => true);
diff --git a/components/artifact-messages.tsx b/components/artifact-messages.tsx
deleted file mode 100644
index 3cfa972b3d..0000000000
--- a/components/artifact-messages.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import type { UseChatHelpers } from "@ai-sdk/react";
-import equal from "fast-deep-equal";
-import { AnimatePresence, motion } from "framer-motion";
-import { memo } from "react";
-import { useMessages } from "@/hooks/use-messages";
-import type { Vote } from "@/lib/db/schema";
-import type { ChatMessage } from "@/lib/types";
-import type { UIArtifact } from "./artifact";
-import { PreviewMessage, ThinkingMessage } from "./message";
-
-type ArtifactMessagesProps = {
- addToolApprovalResponse: UseChatHelpers
- {messages.map((message, index) => (
- vote.messageId === message.id)
- : undefined
- }
- />
- ))}
-
-
- {status === "submitted" &&
- !messages.some((msg) =>
- msg.parts?.some(
- (part) => "state" in part && part.state === "approval-responded"
- )
- ) &&
-
-
- );
-}
-
-function areEqual(
- prevProps: ArtifactMessagesProps,
- nextProps: ArtifactMessagesProps
-) {
- if (
- prevProps.artifactStatus === "streaming" &&
- nextProps.artifactStatus === "streaming"
- ) {
- return true;
- }
-
- if (prevProps.status !== nextProps.status) {
- return false;
- }
- if (prevProps.status && nextProps.status) {
- return false;
- }
- if (prevProps.messages.length !== nextProps.messages.length) {
- return false;
- }
- if (!equal(prevProps.votes, nextProps.votes)) {
- return false;
- }
-
- return true;
-}
-
-export const ArtifactMessages = memo(PureArtifactMessages, areEqual);
diff --git a/components/artifact.tsx b/components/artifact.tsx
deleted file mode 100644
index a349c7e6ec..0000000000
--- a/components/artifact.tsx
+++ /dev/null
@@ -1,535 +0,0 @@
-import type { UseChatHelpers } from "@ai-sdk/react";
-import { formatDistance } from "date-fns";
-import equal from "fast-deep-equal";
-import { AnimatePresence, motion } from "framer-motion";
-import {
- type Dispatch,
- memo,
- type SetStateAction,
- useCallback,
- useEffect,
- useState,
-} from "react";
-import useSWR, { useSWRConfig } from "swr";
-import { useDebounceCallback, useWindowSize } from "usehooks-ts";
-import { codeArtifact } from "@/artifacts/code/client";
-import { imageArtifact } from "@/artifacts/image/client";
-import { sheetArtifact } from "@/artifacts/sheet/client";
-import { textArtifact } from "@/artifacts/text/client";
-import { useArtifact } from "@/hooks/use-artifact";
-import type { Document, Vote } from "@/lib/db/schema";
-import type { Attachment, ChatMessage } from "@/lib/types";
-import { fetcher } from "@/lib/utils";
-import { ArtifactActions } from "./artifact-actions";
-import { ArtifactCloseButton } from "./artifact-close-button";
-import { ArtifactMessages } from "./artifact-messages";
-import { MultimodalInput } from "./multimodal-input";
-import { Toolbar } from "./toolbar";
-import { useSidebar } from "./ui/sidebar";
-import { VersionFooter } from "./version-footer";
-import type { VisibilityType } from "./visibility-selector";
-
-export const artifactDefinitions = [
- textArtifact,
- codeArtifact,
- imageArtifact,
- sheetArtifact,
-];
-export type ArtifactKind = (typeof artifactDefinitions)[number]["kind"];
-
-export type UIArtifact = {
- title: string;
- documentId: string;
- kind: ArtifactKind;
- content: string;
- isVisible: boolean;
- status: "streaming" | "idle";
- boundingBox: {
- top: number;
- left: number;
- width: number;
- height: number;
- };
-};
-
-function PureArtifact({
- addToolApprovalResponse,
- chatId,
- input,
- setInput,
- status,
- stop,
- attachments,
- setAttachments,
- sendMessage,
- messages,
- setMessages,
- regenerate,
- votes,
- isReadonly,
- selectedVisibilityType,
- selectedModelId,
-}: {
- addToolApprovalResponse: UseChatHelpers
-
-
-
-
-
-
-
-
-
-
-
- {artifact.title}
-
- {isContentDirty ? (
-
- Saving changes...
-
- ) : document ? (
-
- {`Updated ${formatDistance(
- new Date(document.createdAt),
- new Date(),
- {
- addSuffix: true,
- }
- )}`}
-
- ) : (
-
- )}
-
-
- {isCurrentVersion && (
-
-
-
-
-
-
-
- {!isReadonly && (
-
- {
- if (e.key === "ArrowUp") {
- setHeight((prev) => Math.min(prev + 10, maxHeight));
- } else if (e.key === "ArrowDown") {
- setHeight((prev) => Math.max(prev - 10, minHeight));
- }
- }}
- onMouseDown={startResizing}
- role="slider"
- style={{ bottom: height - 4 }}
- tabIndex={0}
- />
-
- = {
- content: string;
- handleVersionChange: (type: "next" | "prev" | "toggle" | "latest") => void;
- currentVersionIndex: number;
- isCurrentVersion: boolean;
- mode: "edit" | "diff";
- metadata: M;
- setMetadata: Dispatch>;
-};
-
-type ArtifactAction = {
- icon: ReactNode;
- label?: string;
- description: string;
- onClick: (context: ArtifactActionContext) => Promise | void;
- isDisabled?: (context: ArtifactActionContext) => boolean;
-};
-
-export type ArtifactToolbarContext = {
- sendMessage: UseChatHelpers["sendMessage"];
-};
-
-export type ArtifactToolbarItem = {
- description: string;
- icon: ReactNode;
- onClick: (context: ArtifactToolbarContext) => void;
-};
-
-type ArtifactContent = {
- title: string;
- content: string;
- mode: "edit" | "diff";
- isCurrentVersion: boolean;
- currentVersionIndex: number;
- status: "streaming" | "idle";
- suggestions: Suggestion[];
- onSaveContent: (updatedContent: string, debounce: boolean) => void;
- isInline: boolean;
- getDocumentContentById: (index: number) => string;
- isLoading: boolean;
- metadata: M;
- setMetadata: Dispatch>;
-};
-
-type InitializeParameters = {
- documentId: string;
- setMetadata: Dispatch>;
-};
-
-type ArtifactConfig = {
- kind: T;
- description: string;
- content: ComponentType>;
- actions: ArtifactAction[];
- toolbar: ArtifactToolbarItem[];
- initialize?: (parameters: InitializeParameters) => void;
- onStreamPart: (args: {
- setMetadata: Dispatch>;
- setArtifact: Dispatch>;
- streamPart: DataUIPart;
- }) => void;
-};
-
-export class Artifact {
- readonly kind: T;
- readonly description: string;
- readonly content: ComponentType>;
- readonly actions: ArtifactAction[];
- readonly toolbar: ArtifactToolbarItem[];
- readonly initialize?: (parameters: InitializeParameters) => void;
- readonly onStreamPart: (args: {
- setMetadata: Dispatch>;
- setArtifact: Dispatch>;
- streamPart: DataUIPart;
- }) => void;
-
- constructor(config: ArtifactConfig) {
- this.kind = config.kind;
- this.description = config.description;
- this.content = config.content;
- this.actions = config.actions || [];
- this.toolbar = config.toolbar || [];
- this.initialize = config.initialize || (async () => ({}));
- this.onStreamPart = config.onStreamPart;
- }
-}
diff --git a/components/data-stream-handler.tsx b/components/data-stream-handler.tsx
deleted file mode 100644
index cb53d940f5..0000000000
--- a/components/data-stream-handler.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-import { useSWRConfig } from "swr";
-import { unstable_serialize } from "swr/infinite";
-import { initialArtifactData, useArtifact } from "@/hooks/use-artifact";
-import { artifactDefinitions } from "./artifact";
-import { useDataStream } from "./data-stream-provider";
-import { getChatHistoryPaginationKey } from "./sidebar-history";
-
-export function DataStreamHandler() {
- const { dataStream, setDataStream } = useDataStream();
- const { mutate } = useSWRConfig();
-
- const { artifact, setArtifact, setMetadata } = useArtifact();
-
- useEffect(() => {
- if (!dataStream?.length) {
- return;
- }
-
- const newDeltas = dataStream.slice();
- setDataStream([]);
-
- for (const delta of newDeltas) {
- // Handle chat title updates
- if (delta.type === "data-chat-title") {
- mutate(unstable_serialize(getChatHistoryPaginationKey));
- continue;
- }
- const artifactDefinition = artifactDefinitions.find(
- (currentArtifactDefinition) =>
- currentArtifactDefinition.kind === artifact.kind
- );
-
- if (artifactDefinition?.onStreamPart) {
- artifactDefinition.onStreamPart({
- streamPart: delta,
- setArtifact,
- setMetadata,
- });
- }
-
- setArtifact((draftArtifact) => {
- if (!draftArtifact) {
- return { ...initialArtifactData, status: "streaming" };
- }
-
- switch (delta.type) {
- case "data-id":
- return {
- ...draftArtifact,
- documentId: delta.data,
- status: "streaming",
- };
-
- case "data-title":
- return {
- ...draftArtifact,
- title: delta.data,
- status: "streaming",
- };
-
- case "data-kind":
- return {
- ...draftArtifact,
- kind: delta.data,
- status: "streaming",
- };
-
- case "data-clear":
- return {
- ...draftArtifact,
- content: "",
- status: "streaming",
- };
-
- case "data-finish":
- return {
- ...draftArtifact,
- status: "idle",
- };
-
- default:
- return draftArtifact;
- }
- });
- }
- }, [dataStream, setArtifact, setMetadata, artifact, setDataStream, mutate]);
-
- return null;
-}
diff --git a/components/data-stream-provider.tsx b/components/data-stream-provider.tsx
deleted file mode 100644
index c19996ca8b..0000000000
--- a/components/data-stream-provider.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-"use client";
-
-import type { DataUIPart } from "ai";
-import type React from "react";
-import { createContext, useContext, useMemo, useState } from "react";
-import type { CustomUIDataTypes } from "@/lib/types";
-
-type DataStreamContextValue = {
- dataStream: DataUIPart[];
- setDataStream: React.Dispatch<
- React.SetStateAction[]>
- >;
-};
-
-const DataStreamContext = createContext(null);
-
-export function DataStreamProvider({
- children,
-}: {
- children: React.ReactNode;
-}) {
- const [dataStream, setDataStream] = useState[]>(
- []
- );
-
- const value = useMemo(() => ({ dataStream, setDataStream }), [dataStream]);
-
- return (
-
- {children}
-
- );
-}
-
-export function useDataStream() {
- const context = useContext(DataStreamContext);
- if (!context) {
- throw new Error("useDataStream must be used within a DataStreamProvider");
- }
- return context;
-}
diff --git a/components/diffview.tsx b/components/diffview.tsx
deleted file mode 100644
index 9b1d10fe57..0000000000
--- a/components/diffview.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import OrderedMap from "orderedmap";
-import {
- DOMParser,
- type MarkSpec,
- type Node as ProsemirrorNode,
- Schema,
-} from "prosemirror-model";
-import { schema } from "prosemirror-schema-basic";
-import { addListNodes } from "prosemirror-schema-list";
-import { EditorState } from "prosemirror-state";
-import { EditorView } from "prosemirror-view";
-import { useEffect, useRef } from "react";
-import { renderToString } from "react-dom/server";
-import { Streamdown } from "streamdown";
-
-import { DiffType, diffEditor } from "@/lib/editor/diff";
-
-const diffSchema = new Schema({
- nodes: addListNodes(schema.spec.nodes, "paragraph block*", "block"),
- marks: OrderedMap.from({
- ...schema.spec.marks.toObject(),
- diffMark: {
- attrs: { type: { default: "" } },
- toDOM(mark) {
- let className = "";
-
- switch (mark.attrs.type) {
- case DiffType.Inserted:
- className =
- "bg-green-100 text-green-700 dark:bg-green-500/70 dark:text-green-300";
- break;
- case DiffType.Deleted:
- className =
- "bg-red-100 line-through text-red-600 dark:bg-red-500/70 dark:text-red-300";
- break;
- default:
- className = "";
- }
- return ["span", { class: className }, 0];
- },
- } as MarkSpec,
- }),
-});
-
-function computeDiff(oldDoc: ProsemirrorNode, newDoc: ProsemirrorNode) {
- return diffEditor(diffSchema, oldDoc.toJSON(), newDoc.toJSON());
-}
-
-type DiffEditorProps = {
- oldContent: string;
- newContent: string;
-};
-
-export const DiffView = ({ oldContent, newContent }: DiffEditorProps) => {
- const editorRef = useRef(null);
- const viewRef = useRef(null);
-
- useEffect(() => {
- if (editorRef.current && !viewRef.current) {
- const parser = DOMParser.fromSchema(diffSchema);
-
- const oldHtmlContent = renderToString(
- {oldContent}
- );
- const newHtmlContent = renderToString(
- {newContent}
- );
-
- const oldContainer = document.createElement("div");
- oldContainer.innerHTML = oldHtmlContent;
-
- const newContainer = document.createElement("div");
- newContainer.innerHTML = newHtmlContent;
-
- const oldDoc = parser.parse(oldContainer);
- const newDoc = parser.parse(newContainer);
-
- const diffedDoc = computeDiff(oldDoc, newDoc);
-
- const state = EditorState.create({
- doc: diffedDoc,
- plugins: [],
- });
-
- viewRef.current = new EditorView(editorRef.current, {
- state,
- editable: () => false,
- });
- }
-
- return () => {
- if (viewRef.current) {
- viewRef.current.destroy();
- viewRef.current = null;
- }
- };
- }, [oldContent, newContent]);
-
- return ;
-};
diff --git a/components/document-preview.tsx b/components/document-preview.tsx
deleted file mode 100644
index 6e2e9aa0c1..0000000000
--- a/components/document-preview.tsx
+++ /dev/null
@@ -1,295 +0,0 @@
-"use client";
-
-import equal from "fast-deep-equal";
-import {
- type MouseEvent,
- memo,
- useCallback,
- useEffect,
- useMemo,
- useRef,
-} from "react";
-import useSWR from "swr";
-import { useArtifact } from "@/hooks/use-artifact";
-import type { Document } from "@/lib/db/schema";
-import { cn, fetcher } from "@/lib/utils";
-import type { ArtifactKind, UIArtifact } from "./artifact";
-import { CodeEditor } from "./code-editor";
-import { DocumentToolCall, DocumentToolResult } from "./document";
-import { InlineDocumentSkeleton } from "./document-skeleton";
-import { FileIcon, FullscreenIcon, ImageIcon, LoaderIcon } from "./icons";
-import { ImageEditor } from "./image-editor";
-import { SpreadsheetEditor } from "./sheet-editor";
-import { Editor } from "./text-editor";
-
-type DocumentPreviewProps = {
- isReadonly: boolean;
- result?: any;
- args?: any;
-};
-
-export function DocumentPreview({
- isReadonly,
- result,
- args,
-}: DocumentPreviewProps) {
- const { artifact, setArtifact } = useArtifact();
-
- const { data: documents, isLoading: isDocumentsFetching } = useSWR<
- Document[]
- >(result ? `/api/document?id=${result.id}` : null, fetcher);
-
- const previewDocument = useMemo(() => documents?.[0], [documents]);
- const hitboxRef = useRef(null);
-
- useEffect(() => {
- const boundingBox = hitboxRef.current?.getBoundingClientRect();
-
- if (artifact.documentId && boundingBox) {
- setArtifact((currentArtifact) => ({
- ...currentArtifact,
- boundingBox: {
- left: boundingBox.x,
- top: boundingBox.y,
- width: boundingBox.width,
- height: boundingBox.height,
- },
- }));
- }
- }, [artifact.documentId, setArtifact]);
-
- if (artifact.isVisible) {
- if (result) {
- return (
- ;
- result: any;
- setArtifact: (
- updaterFn: UIArtifact | ((currentArtifact: UIArtifact) => UIArtifact)
- ) => void;
-}) => {
- const handleClick = useCallback(
- (event: MouseEvent) => {
- const boundingBox = event.currentTarget.getBoundingClientRect();
-
- setArtifact((artifact) =>
- artifact.status === "streaming"
- ? { ...artifact, isVisible: true }
- : {
- ...artifact,
- title: result.title,
- documentId: result.id,
- kind: result.kind,
- isVisible: true,
- boundingBox: {
- left: boundingBox.x,
- top: boundingBox.y,
- width: boundingBox.width,
- height: boundingBox.height,
- },
- }
- );
- },
- [setArtifact, result]
- );
-
- return (
-
- );
-};
-
-const HitboxLayer = memo(PureHitboxLayer, (prevProps, nextProps) => {
- if (!equal(prevProps.result, nextProps.result)) {
- return false;
- }
- return true;
-});
-
-const PureDocumentHeader = ({
- title,
- kind,
- isStreaming,
-}: {
- title: string;
- kind: ArtifactKind;
- isStreaming: boolean;
-}) => (
- ) => {
- return (
-
- );
-};
-
-export const StopIcon = ({
- size = 16,
- ...props
-}: { size?: number } & React.SVGProps) => {
- return (
-
- );
-};
-
-export const PaperclipIcon = ({
- size = 16,
- ...props
-}: { size?: number } & React.SVGProps) => {
- return (
-
- );
-};
-
-export const MoreHorizontalIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const MessageIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const CrossIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const CrossSmallIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const UndoIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const RedoIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const DeltaIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const CpuIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const PenIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const SummarizeIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const SidebarLeftIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const PlusIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const CopyIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const ThumbUpIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const ThumbDownIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const ChevronDownIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const SparklesIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const CheckCircleFillIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const GlobeIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const LockIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const EyeIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const ShareIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const CodeIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const PlayIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const PythonIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const TerminalWindowIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const TerminalIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const ClockRewind = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const LogsIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const ImageIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const FullscreenIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const DownloadIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const LineChartIcon = ({ size = 16 }: { size?: number }) => (
-
-);
-
-export const WarningIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
diff --git a/components/image-editor.tsx b/components/image-editor.tsx
deleted file mode 100644
index 32525fcf3f..0000000000
--- a/components/image-editor.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import cn from "classnames";
-import { LoaderIcon } from "./icons";
-
-type ImageEditorProps = {
- title: string;
- content: string;
- isCurrentVersion: boolean;
- currentVersionIndex: number;
- status: string;
- isInline: boolean;
-};
-
-export function ImageEditor({
- title,
- content,
- status,
- isInline,
-}: ImageEditorProps) {
- return (
-
-
- );
- }
-
- return (
-
-
-
-
- {
- const upvote = fetch(
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/vote`,
- {
- method: "PATCH",
- body: JSON.stringify({
- chatId,
- messageId: message.id,
- type: "up",
- }),
- }
- );
-
- toast.promise(upvote, {
- loading: "Upvoting Response...",
- success: () => {
- mutate(
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/vote?chatId=${chatId}`,
- (currentVotes) => {
- if (!currentVotes) {
- return [];
- }
-
- const votesWithoutCurrent = currentVotes.filter(
- (currentVote) => currentVote.messageId !== message.id
- );
-
- return [
- ...votesWithoutCurrent,
- {
- chatId,
- messageId: message.id,
- isUpvoted: true,
- },
- ];
- },
- { revalidate: false }
- );
-
- return "Upvoted Response!";
- },
- error: "Failed to upvote response.",
- });
- }}
- tooltip="Upvote Response"
- >
-
-
- {
- const downvote = fetch(
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/vote`,
- {
- method: "PATCH",
- body: JSON.stringify({
- chatId,
- messageId: message.id,
- type: "down",
- }),
- }
- );
-
- toast.promise(downvote, {
- loading: "Downvoting Response...",
- success: () => {
- mutate(
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/api/vote?chatId=${chatId}`,
- (currentVotes) => {
- if (!currentVotes) {
- return [];
- }
-
- const votesWithoutCurrent = currentVotes.filter(
- (currentVote) => currentVote.messageId !== message.id
- );
-
- return [
- ...votesWithoutCurrent,
- {
- chatId,
- messageId: message.id,
- isUpvoted: false,
- },
- ];
- },
- { revalidate: false }
- );
-
- return "Downvoted Response!";
- },
- error: "Failed to downvote response.",
- });
- }}
- tooltip="Downvote Response"
- >
-
-
- );
-}
-
-export const MessageActions = memo(
- PureMessageActions,
- (prevProps, nextProps) => {
- if (!equal(prevProps.vote, nextProps.vote)) {
- return false;
- }
- if (prevProps.isLoading !== nextProps.isLoading) {
- return false;
- }
-
- return true;
- }
-);
diff --git a/components/message-editor.tsx b/components/message-editor.tsx
deleted file mode 100644
index 96e3b7e5e8..0000000000
--- a/components/message-editor.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-"use client";
-
-import type { UseChatHelpers } from "@ai-sdk/react";
-import {
- type Dispatch,
- type SetStateAction,
- useCallback,
- useEffect,
- useRef,
- useState,
-} from "react";
-import { deleteTrailingMessages } from "@/app/(chat)/actions";
-import type { ChatMessage } from "@/lib/types";
-import { getTextFromMessage } from "@/lib/utils";
-import { Button } from "./ui/button";
-import { Textarea } from "./ui/textarea";
-
-export type MessageEditorProps = {
- message: ChatMessage;
- setMode: Dispatch>;
- setMessages: UseChatHelpers["setMessages"];
- regenerate: UseChatHelpers["regenerate"];
-};
-
-export function MessageEditor({
- message,
- setMode,
- setMessages,
- regenerate,
-}: MessageEditorProps) {
- const [isSubmitting, setIsSubmitting] = useState(false);
-
- const [draftContent, setDraftContent] = useState(
- getTextFromMessage(message)
- );
- const textareaRef = useRef(null);
-
- const adjustHeight = useCallback(() => {
- if (textareaRef.current) {
- textareaRef.current.style.height = "auto";
- textareaRef.current.style.height = `${textareaRef.current.scrollHeight + 2}px`;
- }
- }, []);
-
- useEffect(() => {
- if (textareaRef.current) {
- adjustHeight();
- }
- }, [adjustHeight]);
-
- const handleInput = (event: React.ChangeEvent) => {
- setDraftContent(event.target.value);
- adjustHeight();
- };
-
- return (
-
- {reasoning}
-
- );
-}
diff --git a/components/message.tsx b/components/message.tsx
deleted file mode 100644
index 5dff700f45..0000000000
--- a/components/message.tsx
+++ /dev/null
@@ -1,395 +0,0 @@
-"use client";
-import type { UseChatHelpers } from "@ai-sdk/react";
-import { useState } from "react";
-import type { Vote } from "@/lib/db/schema";
-import type { ChatMessage } from "@/lib/types";
-import { cn, sanitizeText } from "@/lib/utils";
-import { MessageContent, MessageResponse } from "./ai-elements/message";
-import {
- Tool,
- ToolContent,
- ToolHeader,
- ToolInput,
- ToolOutput,
-} from "./ai-elements/tool";
-import { useDataStream } from "./data-stream-provider";
-import { DocumentToolResult } from "./document";
-import { DocumentPreview } from "./document-preview";
-import { SparklesIcon } from "./icons";
-import { MessageActions } from "./message-actions";
-import { MessageEditor } from "./message-editor";
-import { MessageReasoning } from "./message-reasoning";
-import { PreviewAttachment } from "./preview-attachment";
-import { Weather } from "./weather";
-
-const PurePreviewMessage = ({
- addToolApprovalResponse,
- chatId,
- message,
- vote,
- isLoading,
- setMessages,
- regenerate,
- isReadonly,
- requiresScrollPadding: _requiresScrollPadding,
-}: {
- addToolApprovalResponse: UseChatHelpers["addToolApprovalResponse"];
- chatId: string;
- message: ChatMessage;
- vote: Vote | undefined;
- isLoading: boolean;
- setMessages: UseChatHelpers["setMessages"];
- regenerate: UseChatHelpers["regenerate"];
- isReadonly: boolean;
- requiresScrollPadding: boolean;
-}) => {
- const [mode, setMode] = useState<"view" | "edit">("view");
-
- const attachmentsFromMessage = message.parts.filter(
- (part) => part.type === "file"
- );
-
- useDataStream();
-
- return (
-
- );
-};
-
-export const PreviewMessage = PurePreviewMessage;
-
-export const ThinkingMessage = () => {
- return (
-
-
-
- ) : null;
-}
diff --git a/components/create-artifact.tsx b/components/create-artifact.tsx
deleted file mode 100644
index 78b24b1030..0000000000
--- a/components/create-artifact.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import type { UseChatHelpers } from "@ai-sdk/react";
-import type { DataUIPart } from "ai";
-import type { ComponentType, Dispatch, ReactNode, SetStateAction } from "react";
-import type { Suggestion } from "@/lib/db/schema";
-import type { ChatMessage, CustomUIDataTypes } from "@/lib/types";
-import type { UIArtifact } from "./artifact";
-
-export type ArtifactActionContext
-
-
-
-
-
-
-
- Console
-
- {consoleOutputs.map((consoleOutput, index) => (
-
-
-
- ))}
-
-
- [{index + 1}]
-
- {["in_progress", "loading_packages"].includes(
- consoleOutput.status
- ) ? (
-
-
- ) : (
-
-
-
- {consoleOutput.status === "in_progress"
- ? "Initializing..."
- : consoleOutput.status === "loading_packages"
- ? consoleOutput.contents.map((content) =>
- content.type === "text" ? content.value : null
- )
- : null}
-
-
- {consoleOutput.contents.map((content) =>
- content.type === "image" ? (
-
-
-
- ) : (
-
- )}
-
- {content.value}
-
- )
- )}
-
-
- );
-}
-
-const LoadingSkeleton = ({ artifactKind }: { artifactKind: ArtifactKind }) => (
-
-
-);
-
-const PureHitboxLayer = ({
- hitboxRef,
- result,
- setArtifact,
-}: {
- hitboxRef: React.RefObject
-
- {artifactKind === "image" ? (
-
-
-
-
-
-
-
-
-
-
-
- ) : (
-
-
- )}
-
-
-);
-
-const DocumentHeader = memo(PureDocumentHeader, (prevProps, nextProps) => {
- if (prevProps.title !== nextProps.title) {
- return false;
- }
- if (prevProps.isStreaming !== nextProps.isStreaming) {
- return false;
- }
-
- return true;
-});
-
-const DocumentContent = ({ document }: { document: Document }) => {
- const { artifact } = useArtifact();
-
- const containerClassName = cn(
- "h-[257px] overflow-y-scroll rounded-b-2xl border border-t-0 dark:border-neutral-700 dark:bg-muted",
- {
- "p-4 sm:px-14 sm:py-16": document.kind === "text",
- "p-0": document.kind === "code",
- }
- );
-
- const commonProps = {
- content: document.content ?? "",
- isCurrentVersion: true,
- currentVersionIndex: 0,
- status: artifact.status,
- saveContent: () => null,
- suggestions: [],
- };
-
- const handleSaveContent = () => null;
-
- return (
-
-
-
-
- {isStreaming ? (
-
-
-
- ) : kind === "image" ? (
- {title}
-
- {document.kind === "text" ? (
-
- );
-};
diff --git a/components/document-skeleton.tsx b/components/document-skeleton.tsx
deleted file mode 100644
index 3dae0c02c5..0000000000
--- a/components/document-skeleton.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-"use client";
-
-import type { ArtifactKind } from "./artifact";
-
-export const DocumentSkeleton = ({
- artifactKind,
-}: {
- artifactKind: ArtifactKind;
-}) => {
- return artifactKind === "image" ? (
-
-
- ) : document.kind === "sheet" ? (
-
-
-
-
- ) : document.kind === "image" ? (
-
-
-
-
-
- ) : (
-
-
-
-
-
-
-
-
-
- );
-};
-
-export const InlineDocumentSkeleton = () => {
- return (
-
-
-
-
-
-
-
-
-
- );
-};
diff --git a/components/document.tsx b/components/document.tsx
deleted file mode 100644
index e0e8cb6782..0000000000
--- a/components/document.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import { memo } from "react";
-import { toast } from "sonner";
-import { useArtifact } from "@/hooks/use-artifact";
-import type { ArtifactKind } from "./artifact";
-import { FileIcon, LoaderIcon, MessageIcon, PencilEditIcon } from "./icons";
-
-const getActionText = (
- type: "create" | "update" | "request-suggestions",
- tense: "present" | "past"
-) => {
- switch (type) {
- case "create":
- return tense === "present" ? "Creating" : "Created";
- case "update":
- return tense === "present" ? "Updating" : "Updated";
- case "request-suggestions":
- return tense === "present"
- ? "Adding suggestions"
- : "Added suggestions to";
- default:
- return null;
- }
-};
-
-type DocumentToolResultProps = {
- type: "create" | "update" | "request-suggestions";
- result: { id: string; title: string; kind: ArtifactKind };
- isReadonly: boolean;
-};
-
-function PureDocumentToolResult({
- type,
- result,
- isReadonly,
-}: DocumentToolResultProps) {
- const { setArtifact } = useArtifact();
-
- return (
-
- );
-}
-
-export const DocumentToolResult = memo(PureDocumentToolResult, () => true);
-
-type DocumentToolCallProps = {
- type: "create" | "update" | "request-suggestions";
- args:
- | { title: string; kind: ArtifactKind } // for create
- | { id: string; description: string } // for update
- | { documentId: string }; // for request-suggestions
- isReadonly: boolean;
-};
-
-function PureDocumentToolCall({
- type,
- args,
- isReadonly,
-}: DocumentToolCallProps) {
- const { setArtifact } = useArtifact();
-
- return (
-
- );
-}
-
-export const DocumentToolCall = memo(PureDocumentToolCall, () => true);
diff --git a/components/greeting.tsx b/components/greeting.tsx
deleted file mode 100644
index 49d523ce67..0000000000
--- a/components/greeting.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { motion } from "framer-motion";
-
-export const Greeting = () => {
- return (
-
-
- Hello there!
-
-
- How can I help you today?
-
-
- );
-};
diff --git a/components/icons.tsx b/components/icons.tsx
deleted file mode 100644
index 3f9e6e1236..0000000000
--- a/components/icons.tsx
+++ /dev/null
@@ -1,1213 +0,0 @@
-export const BotIcon = () => {
- return (
-
- );
-};
-
-export const UserIcon = () => {
- return (
-
- );
-};
-
-export const AttachmentIcon = () => {
- return (
-
- );
-};
-
-export const VercelIcon = ({ size = 17 }) => {
- return (
-
- );
-};
-
-export const GitIcon = () => {
- return (
-
- );
-};
-
-export const BoxIcon = ({ size = 16 }: { size: number }) => {
- return (
-
- );
-};
-
-export const HomeIcon = ({ size = 16 }: { size: number }) => {
- return (
-
- );
-};
-
-export const GPSIcon = ({ size = 16 }: { size: number }) => {
- return (
-
- );
-};
-
-export const InvoiceIcon = ({ size = 16 }: { size: number }) => {
- return (
-
- );
-};
-
-export const LogoOpenAI = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const LogoGoogle = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const LogoAnthropic = () => {
- return (
-
- );
-};
-
-export const RouteIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const FileIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const LoaderIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const UploadIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const MenuIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const PencilEditIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const CheckedSquare = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const UncheckedSquare = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const MoreIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const TrashIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const InfoIcon = ({ size = 16 }: { size?: number }) => {
- return (
-
- );
-};
-
-export const ArrowUpIcon = ({
- size = 16,
- ...props
-}: { size?: number } & React.SVGProps
- {status === "streaming" ? (
-
-
-
- )}
-
- );
-}
diff --git a/components/message-actions.tsx b/components/message-actions.tsx
deleted file mode 100644
index cd03308b30..0000000000
--- a/components/message-actions.tsx
+++ /dev/null
@@ -1,198 +0,0 @@
-import equal from "fast-deep-equal";
-import { memo } from "react";
-import { toast } from "sonner";
-import { useSWRConfig } from "swr";
-import { useCopyToClipboard } from "usehooks-ts";
-import type { Vote } from "@/lib/db/schema";
-import type { ChatMessage } from "@/lib/types";
-import {
- MessageAction as Action,
- MessageActions as Actions,
-} from "./ai-elements/message";
-import { CopyIcon, PencilEditIcon, ThumbDownIcon, ThumbUpIcon } from "./icons";
-
-export function PureMessageActions({
- chatId,
- message,
- vote,
- isLoading,
- setMode,
-}: {
- chatId: string;
- message: ChatMessage;
- vote: Vote | undefined;
- isLoading: boolean;
- setMode?: (mode: "view" | "edit") => void;
-}) {
- const { mutate } = useSWRConfig();
- const [_, copyToClipboard] = useCopyToClipboard();
-
- if (isLoading) {
- return null;
- }
-
- const textFromParts = message.parts
- ?.filter((part) => part.type === "text")
- .map((part) => part.text)
- .join("\n")
- .trim();
-
- const handleCopy = async () => {
- if (!textFromParts) {
- toast.error("There's no text to copy!");
- return;
- }
-
- await copyToClipboard(textFromParts);
- toast.success("Copied to clipboard!");
- };
-
- // User messages get edit (on hover) and copy actions
- if (message.role === "user") {
- return (
-
- {!isInline && (
-
- ) : (
-
-
- )}
- Generating Image...
-
- {setMode && (
- setMode("edit")}
- tooltip="Edit"
- >
-
- )}
-
-
-
-
-
-
-
- );
-}
diff --git a/components/message-reasoning.tsx b/components/message-reasoning.tsx
deleted file mode 100644
index b63d92c0ab..0000000000
--- a/components/message-reasoning.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import {
- Reasoning,
- ReasoningContent,
- ReasoningTrigger,
-} from "./ai-elements/reasoning";
-
-type MessageReasoningProps = {
- isLoading: boolean;
- reasoning: string;
-};
-
-export function MessageReasoning({
- isLoading,
- reasoning,
-}: MessageReasoningProps) {
- const [hasBeenStreaming, setHasBeenStreaming] = useState(isLoading);
-
- useEffect(() => {
- if (isLoading) {
- setHasBeenStreaming(true);
- }
- }, [isLoading]);
-
- return (
-
-
-
-
-
-
-
- {message.role === "assistant" && (
-
-
-
- )}
-
- p.type === "text" && p.text?.trim()
- ),
- "w-full":
- (message.role === "assistant" &&
- (message.parts?.some(
- (p) => p.type === "text" && p.text?.trim()
- ) ||
- message.parts?.some((p) => p.type.startsWith("tool-")))) ||
- mode === "edit",
- "max-w-[calc(100%-2.5rem)] sm:max-w-[min(fit-content,80%)]":
- message.role === "user" && mode !== "edit",
- })}
- >
- {attachmentsFromMessage.length > 0 && (
-
-
- {state === "input-available" && (
-
- Error: {String(part.output.error)}
-
- ) : (
-
- {attachmentsFromMessage.map((attachment) => (
-
- )}
-
- {message.parts?.map((part, index) => {
- const { type } = part;
- const key = `message-${message.id}-part-${index}`;
-
- if (type === "reasoning") {
- const hasContent = part.text?.trim().length > 0;
- if (hasContent) {
- const isStreaming =
- "state" in part && part.state === "streaming";
- return (
-
-
-
- {sanitizeText(part.text)}
-
-
-
- );
- }
-
- if (mode === "edit") {
- return (
-
-
-
- );
- }
- }
-
- if (type === "tool-getWeather") {
- const { toolCallId, state } = part;
- const approvalId = (part as { approval?: { id: string } })
- .approval?.id;
- const isDenied =
- state === "output-denied" ||
- (state === "approval-responded" &&
- (part as { approval?: { approved?: boolean } }).approval
- ?.approved === false);
- const widthClass = "w-[min(100%,450px)]";
-
- if (state === "output-available") {
- return (
-
-
-
-
- );
- }
-
- if (isDenied) {
- return (
-
-
-
-
-
-
- );
- }
-
- if (state === "approval-responded") {
- return (
-
- Weather lookup was denied.
-
-
-
-
-
-
-
- );
- }
-
- return (
-
-
-
- {(state === "input-available" ||
- state === "approval-requested") && (
-
-
-
- );
- }
-
- if (type === "tool-createDocument") {
- const { toolCallId } = part;
-
- if (part.output && "error" in part.output) {
- return (
-
-
-
-
- )}
-
- Error creating document: {String(part.output.error)}
-
- );
- }
-
- return (
-
- Error updating document: {String(part.output.error)}
-
- );
- }
-
- return (
-
-
- );
- }
-
- if (type === "tool-requestSuggestions") {
- const { toolCallId, state } = part;
-
- return (
-
-
- );
-};
diff --git a/components/messages.tsx b/components/messages.tsx
deleted file mode 100644
index c9581adb57..0000000000
--- a/components/messages.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import type { UseChatHelpers } from "@ai-sdk/react";
-import { ArrowDownIcon } from "lucide-react";
-import { useMessages } from "@/hooks/use-messages";
-import type { Vote } from "@/lib/db/schema";
-import type { ChatMessage } from "@/lib/types";
-import { useDataStream } from "./data-stream-provider";
-import { Greeting } from "./greeting";
-import { PreviewMessage, ThinkingMessage } from "./message";
-
-type MessagesProps = {
- addToolApprovalResponse: UseChatHelpers
-
-
-
-
-
-
-
-
-
- Thinking
-
- .
- .
- .
-
-
-
-
- );
-}
-
-export const Messages = PureMessages;
diff --git a/components/multimodal-input.tsx b/components/multimodal-input.tsx
deleted file mode 100644
index c03e125861..0000000000
--- a/components/multimodal-input.tsx
+++ /dev/null
@@ -1,552 +0,0 @@
-"use client";
-
-import type { UseChatHelpers } from "@ai-sdk/react";
-import type { UIMessage } from "ai";
-import equal from "fast-deep-equal";
-import { ArrowUpIcon, CheckIcon } from "lucide-react";
-import {
- type ChangeEvent,
- type Dispatch,
- memo,
- type SetStateAction,
- useCallback,
- useEffect,
- useRef,
- useState,
-} from "react";
-import { toast } from "sonner";
-import { useLocalStorage, useWindowSize } from "usehooks-ts";
-import {
- ModelSelector,
- ModelSelectorContent,
- ModelSelectorGroup,
- ModelSelectorInput,
- ModelSelectorItem,
- ModelSelectorList,
- ModelSelectorLogo,
- ModelSelectorName,
- ModelSelectorTrigger,
-} from "@/components/ai-elements/model-selector";
-import {
- chatModels,
- DEFAULT_CHAT_MODEL,
- modelsByProvider,
-} from "@/lib/ai/models";
-import { signIn, useSession } from "@/lib/client";
-import type { Attachment, ChatMessage } from "@/lib/types";
-import { cn } from "@/lib/utils";
-import {
- PromptInput,
- PromptInputFooter,
- PromptInputSubmit,
- PromptInputTextarea,
- PromptInputTools,
-} from "./ai-elements/prompt-input";
-import { PaperclipIcon, StopIcon } from "./icons";
-import { PreviewAttachment } from "./preview-attachment";
-import { SuggestedActions } from "./suggested-actions";
-import { Button } from "./ui/button";
-import type { VisibilityType } from "./visibility-selector";
-
-function setCookie(name: string, value: string) {
- const maxAge = 60 * 60 * 24 * 365; // 1 year
- // biome-ignore lint/suspicious/noDocumentCookie: needed for client-side cookie setting
- document.cookie = `${name}=${encodeURIComponent(value)}; path=/; max-age=${maxAge}`;
-}
-
-function PureMultimodalInput({
- chatId,
- input,
- setInput,
- status,
- stop,
- attachments,
- setAttachments,
- messages,
- setMessages,
- sendMessage,
- className,
- selectedVisibilityType,
- selectedModelId,
- onModelChange,
-}: {
- chatId: string;
- input: string;
- setInput: Dispatch
-
-
-
-
- {messages.length === 0 && vote.messageId === message.id)
- : undefined
- }
- />
- ))}
-
- {status === "submitted" &&
- !messages.some((msg) =>
- msg.parts?.some(
- (part) => "state" in part && part.state === "approval-responded"
- )
- ) &&
-
- {messages.length === 0 &&
- attachments.length === 0 &&
- uploadQueue.length === 0 && (
- {
- if (!input.trim() && attachments.length === 0) {
- return;
- }
- if (!session && !isSigningIn) {
- setIsSigningIn(true);
- const { error } = await signIn.anonymous();
- if (error) {
- toast.error("Failed to create session, please try again!");
- setIsSigningIn(false);
- return;
- }
- await refetchSession();
- setIsSigningIn(false);
- }
- if (status === "ready") {
- submitForm();
- } else {
- toast.error("Please wait for the model to finish its response!");
- }
- }}
- >
- {(attachments.length > 0 || uploadQueue.length > 0) && (
-
-
-
-
- {status === "submitted" ? (
- 0}
- status={status}
- variant="secondary"
- >
-
- )}
-
-
-
- );
-}
-
-export const MultimodalInput = memo(
- PureMultimodalInput,
- (prevProps, nextProps) => {
- if (prevProps.input !== nextProps.input) {
- return false;
- }
- if (prevProps.status !== nextProps.status) {
- return false;
- }
- if (!equal(prevProps.attachments, nextProps.attachments)) {
- return false;
- }
- if (prevProps.selectedVisibilityType !== nextProps.selectedVisibilityType) {
- return false;
- }
- if (prevProps.selectedModelId !== nextProps.selectedModelId) {
- return false;
- }
-
- return true;
- }
-);
-
-function PureAttachmentsButton({
- fileInputRef,
- status,
- selectedModelId,
-}: {
- fileInputRef: React.MutableRefObject
- {attachments.map((attachment) => (
- {
- setAttachments((currentAttachments) =>
- currentAttachments.filter((a) => a.url !== attachment.url)
- );
- if (fileInputRef.current) {
- fileInputRef.current.value = "";
- }
- }}
- />
- ))}
-
- {uploadQueue.map((filename) => (
-
- )}
-
- {contentType?.startsWith("image") ? (
-
- );
-};
diff --git a/components/sheet-editor.tsx b/components/sheet-editor.tsx
deleted file mode 100644
index bc56e95ed3..0000000000
--- a/components/sheet-editor.tsx
+++ /dev/null
@@ -1,141 +0,0 @@
-"use client";
-
-import { useTheme } from "next-themes";
-import { parse, unparse } from "papaparse";
-import { memo, useEffect, useMemo, useState } from "react";
-import DataGrid, { textEditor } from "react-data-grid";
-import { cn } from "@/lib/utils";
-
-import "react-data-grid/lib/styles.css";
-
-type SheetEditorProps = {
- content: string;
- saveContent: (content: string, isCurrentVersion: boolean) => void;
- currentVersionIndex: number;
- isCurrentVersion: boolean;
- status: string;
-};
-
-const MIN_ROWS = 50;
-const MIN_COLS = 26;
-
-const PureSpreadsheetEditor = ({ content, saveContent }: SheetEditorProps) => {
- const { resolvedTheme } = useTheme();
-
- const parseData = useMemo(() => {
- if (!content) {
- return new Array(MIN_ROWS).fill(new Array(MIN_COLS).fill(""));
- }
- const result = parse
- File
-
- )}
-
- {isUploading && (
-
-
- )}
-
- {onRemove && !isUploading && (
-
- )}
-
-
- {name}
-
-
-
- {visibilityType === "private" ? (
-
-
- {visibilityType === "public" ?
- Login to save and revisit previous chats!
-
-
- {[44, 32, 28, 64, 52].map((item) => (
-
-
-
-
- ))}
-
- Your conversations will appear here once you start chatting!
-
-
- {groupedChats.today.length > 0 && (
-
- );
- })()}
-
- {
- setDeleteId(chatId);
- setShowDeleteDialog(true);
- }}
- setOpenMobile={setOpenMobile}
- />
- ))}
-
- )}
-
- {groupedChats.yesterday.length > 0 && (
-
- Today
-
- {groupedChats.today.map((chat) => (
-
- {
- setDeleteId(chatId);
- setShowDeleteDialog(true);
- }}
- setOpenMobile={setOpenMobile}
- />
- ))}
-
- )}
-
- {groupedChats.lastWeek.length > 0 && (
-
- Yesterday
-
- {groupedChats.yesterday.map((chat) => (
-
- {
- setDeleteId(chatId);
- setShowDeleteDialog(true);
- }}
- setOpenMobile={setOpenMobile}
- />
- ))}
-
- )}
-
- {groupedChats.lastMonth.length > 0 && (
-
- Last 7 days
-
- {groupedChats.lastWeek.map((chat) => (
-
- {
- setDeleteId(chatId);
- setShowDeleteDialog(true);
- }}
- setOpenMobile={setOpenMobile}
- />
- ))}
-
- )}
-
- {groupedChats.older.length > 0 && (
-
- Last 30 days
-
- {groupedChats.lastMonth.map((chat) => (
-
- {
- setDeleteId(chatId);
- setShowDeleteDialog(true);
- }}
- setOpenMobile={setOpenMobile}
- />
- ))}
-
- )}
-
- Older
-
- {groupedChats.older.map((chat) => (
-
-
- )}
-
-
- Loading...
-
-
- Loading
-
-
-
-
-
-
- {isGuest ? "Guest" : user?.email}
-
-
-
- {suggestedActions.map((suggestedAction, index) => (
-
- {
- window.history.pushState(
- {},
- "",
- `${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/chat/${chatId}`
- );
- sendMessage({
- role: "user",
- parts: [{ type: "text", text: suggestion }],
- });
- }}
- suggestion={suggestedAction}
- >
- {suggestedAction}
-
-
- ))}
-
- );
-}
-
-export const SuggestedActions = memo(
- PureSuggestedActions,
- (prevProps, nextProps) => {
- if (prevProps.chatId !== nextProps.chatId) {
- return false;
- }
- if (prevProps.selectedVisibilityType !== nextProps.selectedVisibilityType) {
- return false;
- }
-
- return true;
- }
-);
diff --git a/components/suggestion.tsx b/components/suggestion.tsx
deleted file mode 100644
index bc8ab1481c..0000000000
--- a/components/suggestion.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-"use client";
-
-import { AnimatePresence, motion } from "framer-motion";
-import { useState } from "react";
-import { useWindowSize } from "usehooks-ts";
-
-import type { UISuggestion } from "@/lib/editor/suggestions";
-import { cn } from "@/lib/utils";
-import type { ArtifactKind } from "./artifact";
-import { CrossIcon, MessageIcon } from "./icons";
-import { Button } from "./ui/button";
-
-export const Suggestion = ({
- suggestion,
- onApply,
- artifactKind,
-}: {
- suggestion: UISuggestion;
- onApply: () => void;
- artifactKind: ArtifactKind;
-}) => {
- const [isExpanded, setIsExpanded] = useState(false);
- const { width: windowWidth } = useWindowSize();
-
- return (
-
-
-
-
-
-
- Assistant
- {suggestion.description}
-
-
-
- );
-}
-
-type ToastProps = {
- id: string | number;
- type: "success" | "error";
- description: string;
-};
diff --git a/components/toolbar.tsx b/components/toolbar.tsx
deleted file mode 100644
index cfc627d634..0000000000
--- a/components/toolbar.tsx
+++ /dev/null
@@ -1,476 +0,0 @@
-"use client";
-import type { UseChatHelpers } from "@ai-sdk/react";
-import cx from "classnames";
-import {
- AnimatePresence,
- motion,
- useMotionValue,
- useTransform,
-} from "framer-motion";
-import { nanoid } from "nanoid";
-import {
- type Dispatch,
- memo,
- type ReactNode,
- type SetStateAction,
- useEffect,
- useRef,
- useState,
-} from "react";
-import { useOnClickOutside } from "usehooks-ts";
-import {
- Tooltip,
- TooltipContent,
- TooltipProvider,
- TooltipTrigger,
-} from "@/components/ui/tooltip";
-import type { ChatMessage } from "@/lib/types";
-import { type ArtifactKind, artifactDefinitions } from "./artifact";
-import type { ArtifactToolbarItem } from "./create-artifact";
-import { ArrowUpIcon, StopIcon, SummarizeIcon } from "./icons";
-
-type ToolProps = {
- description: string;
- icon: ReactNode;
- selectedTool: string | null;
- setSelectedTool: Dispatch
-
-
- {iconsByType[type]}
-
-
- {description}
-
-
- {randomArr.map((id) => (
-
-
-
- ))}
-
-
-
-
- {
- if (currentLevel !== 2 && hasUserSelectedLevel) {
- sendMessage({
- role: "user",
- parts: [
- {
- type: "text",
- text: `Please adjust the reading level to ${LEVELS[currentLevel]} level.`,
- },
- ],
- });
-
- setSelectedTool(null);
- }
- }}
- onDragEnd={() => {
- if (currentLevel === 2) {
- setSelectedTool(null);
- } else {
- setHasUserSelectedLevel(true);
- }
- }}
- onDragStart={() => {
- setHasUserSelectedLevel(false);
- }}
- style={{ y }}
- transition={{ duration: 0.1 }}
- whileHover={{ scale: 1.05 }}
- whileTap={{ scale: 0.95 }}
- >
- {currentLevel === 2 ?
-
-
- {LEVELS[currentLevel]}
-
-
-
-
- );
-};
-
-export const Tools = ({
- isToolbarVisible,
- selectedTool,
- setSelectedTool,
- sendMessage,
- isAnimating,
- setIsToolbarVisible,
- tools,
-}: {
- isToolbarVisible: boolean;
- selectedTool: string | null;
- setSelectedTool: Dispatch
-
-
- You are viewing a previous version
-
- Restore this version to make edits
-
-
-
-
-
-
- {visibility.label}
- {visibility.description && (
-
-
- {visibility.description}
-
- )}
-
-
-
-
-
-
- );
-}
From c3cbcd97a3a31338c4c36059020178ddec07a8d2 Mon Sep 17 00:00:00 2001
From: dancer <144584931+dancer@users.noreply.github.com>
Date: Fri, 20 Mar 2026 02:42:32 +0000
Subject: [PATCH 11/29] feat: updated prompts, tool descriptions, and rate
limits
---
lib/ai/entitlements.ts | 17 +-----
lib/ai/prompts.ts | 136 +++++++++++++++++++----------------------
lib/errors.ts | 2 +-
3 files changed, 68 insertions(+), 87 deletions(-)
diff --git a/lib/ai/entitlements.ts b/lib/ai/entitlements.ts
index 75756b2eb5..78298335ff 100644
--- a/lib/ai/entitlements.ts
+++ b/lib/ai/entitlements.ts
@@ -1,25 +1,14 @@
-import type { UserType } from "@/lib/auth";
+import type { UserType } from "@/app/(auth)/auth";
type Entitlements = {
maxMessagesPerHour: number;
};
export const entitlementsByUserType: Record
-
-
-
-
- {location}
-
- {format(new Date(weatherAtLocation.current.time), "MMM d, h:mm a")}
-
-
-
-
-
-
-
-
- {isDay ?
-
- {n(weatherAtLocation.current.temperature_2m)}
-
- {weatherAtLocation.current_units.temperature_2m}
-
-
-
-
-
- H: {n(currentHigh)}°
-
- L: {n(currentLow)}°
-
-
-
-
- Hourly Forecast
-
-
- {displayTimes.map((time, index) => {
- const hourTime = new Date(time);
- const isCurrentHour =
- hourTime.getHours() === new Date().getHours();
-
- return (
-
-
-
- );
- })}
-
- {index === 0 ? "Now" : format(hourTime, "ha")}
-
-
-
-
-
-
- {n(displayTemperatures[index])}°
-
-
-
-
- Sunrise:{" "}
- {format(new Date(weatherAtLocation.daily.sunrise[0]), "h:mm a")}
-
-
- Sunset:{" "}
- {format(new Date(weatherAtLocation.daily.sunset[0]), "h:mm a")}
-
-
+
+ );
+}
diff --git a/app/(auth)/login/page.tsx b/app/(auth)/login/page.tsx
index d2445e2611..ea4c602eeb 100644
--- a/app/(auth)/login/page.tsx
+++ b/app/(auth)/login/page.tsx
@@ -2,36 +2,30 @@
import Link from "next/link";
import { useRouter } from "next/navigation";
+import { useSession } from "next-auth/react";
import { useActionState, useEffect, useState } from "react";
-import { AuthForm } from "@/components/auth-form";
-import { SubmitButton } from "@/components/submit-button";
-import { toast } from "@/components/toast";
-import { useSession } from "@/lib/client";
+import { AuthForm } from "@/components/chat/auth-form";
+import { SubmitButton } from "@/components/chat/submit-button";
+import { toast } from "@/components/chat/toast";
import { type LoginActionState, login } from "../actions";
export default function Page() {
const router = useRouter();
-
const [email, setEmail] = useState("");
const [isSuccessful, setIsSuccessful] = useState(false);
const [state, formAction] = useActionState
+
+
+
+
+
+
+
+
+
+ {children}
+
+
+
+ Powered by
+
+
+
+
-
+ <>
+
-
- Sign in
-
-
-
-
- - Sign In -
-- Use your email and password to sign in -
-- {"Don't have an account? "} - - Sign up - - {" for free."} -
-Welcome back
++ Sign in to your account to continue +
++ {"No account? "} + + Sign up + +
+
-
+ <>
+
-
- Sign Up
-
-
-
-
- - Sign Up -
-- Create an account with your email and password -
-- {"Already have an account? "} - - Sign in - - {" instead."} -
-Create account
+Get started for free
++ {"Have an account? "} + + Sign in + +
+