mtxuilib 0.1.107 → 0.1.109

package/dist/common/markdown.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Options } from 'react-markdown';
+export declare const MemoizedReactMarkdown: FC<Options>;

package/dist/common/markdown.js

@@ -0,0 +1,4 @@
+import { memo } from 'react';
+import ReactMarkdown from 'react-markdown';
+export const MemoizedReactMarkdown = memo(ReactMarkdown, (prevProps, nextProps) => prevProps.children === nextProps.children &&
+    prevProps.className === nextProps.className);

package/dist/common/table/cells/string.js

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { CellWrapper } from "./container/cellWrapper";
@@ -11,5 +11,5 @@ export const StringCell = (info) => {
     React.useEffect(() => {
         setValue(initialValue);
     }, [initialValue]);
-    return _jsx(CellWrapper, { children: value });
+    return (_jsx(CellWrapper, { children: value }));
 };

package/dist/components/bloggenBot/BlogGenBot.d.ts

@@ -0,0 +1,8 @@
+import { Session } from "../../lib/types";
+export interface ChatProps extends React.ComponentProps<"div"> {
+    initialMessages?: Message[];
+    id?: string;
+    session?: Session;
+    missingKeys: string[];
+}
+export declare function BlogGenBot({ id, className, session, missingKeys }: ChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/bloggenBot/BlogGenBot.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAIState, useUIState } from "ai/rsc";
+import { useEffect, useState } from "react";
+import { ChatList } from "../chat-list";
+import { usePathname, useRouter } from "next/navigation";
+import { toast } from "sonner";
+import { useLocalStorage } from "usehooks-ts";
+import { useScrollAnchor } from "../../hooks/use-scroll-anchor";
+import { cn } from "../../lib/utils";
+import { EmptyScreen } from "../empty-screen";
+import { BlogGenChatPanel } from "./chat-panel";
+export function BlogGenBot({ id, className, session, missingKeys }) {
+    const router = useRouter();
+    const path = usePathname();
+    const [input, setInput] = useState("");
+    const [messages] = useUIState();
+    const [aiState] = useAIState();
+    const [_, setNewChatId] = useLocalStorage("newChatId", id);
+    useEffect(() => {
+        if (session?.user) {
+            if (!path.includes("chat") && messages.length === 1) {
+                window.history.replaceState({}, "", `/chat/${id}`);
+            }
+        }
+    }, [id, path, session?.user, messages]);
+    useEffect(() => {
+        const messagesLength = aiState.messages?.length;
+        if (messagesLength === 2) {
+            router.refresh();
+        }
+    }, [aiState.messages, router]);
+    useEffect(() => {
+        setNewChatId(id);
+    });
+    useEffect(() => {
+        missingKeys.map((key) => {
+            toast.error(`Missing ${key} environment variable!`);
+        });
+    }, [missingKeys]);
+    const { messagesRef, scrollRef, visibilityRef, isAtBottom, scrollToBottom } = useScrollAnchor();
+    return (_jsxs("div", { className: "group w-full overflow-auto pl-0 peer-[[data-state=open]]:lg:pl-[250px] peer-[[data-state=open]]:xl:pl-[300px]", ref: scrollRef, children: [_jsxs("div", { className: cn("pb-[200px] pt-4 md:pt-10", className), ref: messagesRef, children: [messages.length ? (_jsx(ChatList, { messages: messages, isShared: false, session: session })) : (_jsx(EmptyScreen, {})), _jsx("div", { className: "w-full h-px", ref: visibilityRef })] }), _jsx(BlogGenChatPanel, { id: id, input: input, setInput: setInput, isAtBottom: isAtBottom, scrollToBottom: scrollToBottom })] }));
+}

package/dist/components/bloggenBot/BlogGenBotActions.d.ts

@@ -0,0 +1,20 @@
+import "server-only";
+import { Chat, Message } from "mtxuilib/lib/types";
+export type AIState = {
+    chatId: string;
+    messages: Message[];
+};
+export type UIState = {
+    id: string;
+    display: React.ReactNode;
+}[];
+export declare const AIBlogGen: (props: {
+    children: React.ReactNode;
+    initialAIState?: AIState | undefined;
+    initialUIState?: UIState | undefined;
+    $ActionTypes?: {} | undefined;
+}) => Promise<React.ReactElement>;
+export declare const getUIStateFromAIState: (aiState: Chat) => {
+    id: string;
+    display: import("react/jsx-runtime").JSX.Element | (import("react/jsx-runtime").JSX.Element | null)[] | null;
+}[];

package/dist/components/bloggenBot/BlogGenBotActions.js

@@ -0,0 +1,179 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import "server-only";
+import { createOpenAI } from "@ai-sdk/openai";
+import { createAI, createStreamableUI, createStreamableValue, getAIState, getMutableAIState, streamUI, } from "ai/rsc";
+import { Events } from "mtxuilib/components/stocks/events";
+import { BotCard, BotMessage, SpinnerMessage, SystemMessage, UserMessage, } from "mtxuilib/components/stocks/message";
+import { Stocks } from "mtxuilib/components/stocks/stocks";
+import { StocksSkeleton } from "mtxuilib/components/stocks/stocks-skeleton";
+import { formatNumber, nanoid, runAsyncFnWithoutBlocking, sleep } from "mtxuilib/lib/utils";
+import { auth } from "../../lib/auth/auth";
+import { saveChat } from "../../lib/chat/chatActions";
+import { Purchase, Stock, spinner } from "../stocks";
+import BlogHomePage from "../tool-ui/BlogHomePage";
+import { homePageSchema } from "../tool-ui/BlogHomePage.z";
+async function confirmPurchase(symbol, price, amount) {
+    "use server";
+    const aiState = getMutableAIState();
+    const purchasing = createStreamableUI(_jsxs("div", { className: "inline-flex items-start gap-1 md:items-center", children: [spinner, _jsxs("p", { className: "mb-2", children: ["Purchasing ", amount, " $", symbol, "..."] })] }));
+    const systemMessage = createStreamableUI(null);
+    runAsyncFnWithoutBlocking(async () => {
+        purchasing.update(_jsxs("div", { className: "inline-flex items-start gap-1 md:items-center", children: [spinner, _jsxs("p", { className: "mb-2", children: ["Purchasing ", amount, " $", symbol, "... working on it..."] })] }));
+        await sleep(1000);
+        purchasing.done(_jsx("div", { children: _jsxs("p", { className: "mb-2", children: ["You have successfully purchased ", amount, " $", symbol, ". Total cost: ", formatNumber(amount * price)] }) }));
+        systemMessage.done(_jsxs(SystemMessage, { children: ["You have purchased ", amount, " shares of ", symbol, " at $", price, ". Total cost =", " ", formatNumber(amount * price), "."] }));
+        aiState.done({
+            ...aiState.get(),
+            messages: [
+                ...aiState.get().messages,
+                {
+                    id: nanoid(),
+                    role: "system",
+                    content: `[User has purchased ${amount} shares of ${symbol} at ${price}. Total cost = ${amount * price}]`,
+                },
+            ],
+        });
+    });
+    return {
+        purchasingUI: purchasing.value,
+        newMessage: {
+            id: nanoid(),
+            display: systemMessage.value,
+        },
+    };
+}
+async function submitUserMessage(content) {
+    "use server";
+    const aiState = getMutableAIState();
+    aiState.update({
+        ...aiState.get(),
+        messages: [
+            ...aiState.get().messages,
+            {
+                id: nanoid(),
+                role: "user",
+                content,
+            },
+        ],
+    });
+    let textStream;
+    let textNode;
+    const groq = createOpenAI({
+        baseURL: "https://api.groq.com/openai/v1",
+        apiKey: process.env.GROQ_API_KEY,
+    });
+    const result = await streamUI({
+        model: groq("llama3-8b-8192"),
+        initial: _jsx(SpinnerMessage, {}),
+        system: `\
+# 你是博客网站生成助手，有很丰富的SEO经验，
+# 用户会通过对话的方式告诉你他需要的页面的样子
+# 在任何情况下都不要回复文字，仅仅调用对应的tool即可
+# 网站页面生成 使用工具: genHomePage
+# 第一次调用应该传入基本的数据，让页面看起来充实
+# 用户会多次描述补充新的想法，应该尽量保持之前的json数据状态，仅根据用户新的补充对页面的json数据进行变更
+
+    `,
+        messages: [
+            ...aiState.get().messages.map((message) => ({
+                role: message.role,
+                content: message.content,
+                name: message.name,
+            })),
+        ],
+        text: ({ content, done, delta }) => {
+            if (!textStream) {
+                textStream = createStreamableValue("");
+                textNode = _jsx(BotMessage, { content: textStream.value });
+            }
+            if (done) {
+                textStream.done();
+                aiState.done({
+                    ...aiState.get(),
+                    messages: [
+                        ...aiState.get().messages,
+                        {
+                            id: nanoid(),
+                            role: "assistant",
+                            content,
+                        },
+                    ],
+                });
+            }
+            else {
+                textStream.update(delta);
+            }
+            return textNode;
+        },
+        tools: {
+            genHomePage: {
+                description: "基于json数据，生成博客网站首页，只要正确传入json数据，后端会根据json约定的字段渲染出页面",
+                parameters: homePageSchema,
+                generate: async function* (params) {
+                    yield (_jsx(BotCard, { children: _jsx(StocksSkeleton, {}) }));
+                    return (_jsx(BotCard, { children: _jsx(BlogHomePage, { params: params }) }));
+                },
+            },
+        },
+    });
+    return {
+        id: nanoid(),
+        display: result.value,
+    };
+}
+export const AIBlogGen = createAI({
+    actions: {
+        submitUserMessage,
+        confirmPurchase,
+    },
+    initialUIState: [],
+    initialAIState: { chatId: nanoid(), messages: [] },
+    onGetUIState: async () => {
+        "use server";
+        const session = await auth();
+        if (session && session.user) {
+            const aiState = getAIState();
+            if (aiState) {
+                const uiState = getUIStateFromAIState(aiState);
+                return uiState;
+            }
+        }
+        else {
+            return;
+        }
+    },
+    onSetAIState: async ({ state }) => {
+        "use server";
+        const session = await auth();
+        if (session && session.user) {
+            const { chatId, messages } = state;
+            const createdAt = new Date();
+            const userId = session.user.id;
+            const path = `/chat/${chatId}`;
+            const firstMessageContent = messages[0].content;
+            const title = firstMessageContent.substring(0, 100);
+            const chat = {
+                id: chatId,
+                title,
+                userId,
+                createdAt,
+                messages,
+                path,
+            };
+            await saveChat(chat);
+        }
+        else {
+            return;
+        }
+    },
+});
+export const getUIStateFromAIState = (aiState) => {
+    return aiState.messages
+        .filter((message) => message.role !== "system")
+        .map((message, index) => ({
+        id: `${aiState.chatId}-${index}`,
+        display: message.role === "tool" ? (message.content.map((tool) => {
+            return tool.toolName === "listStocks" ? (_jsx(BotCard, { children: _jsx(Stocks, { props: tool.result }) })) : tool.toolName === "showStockPrice" ? (_jsx(BotCard, { children: _jsx(Stock, { props: tool.result }) })) : tool.toolName === "showStockPurchase" ? (_jsx(BotCard, { children: _jsx(Purchase, { props: tool.result }) })) : tool.toolName === "getEvents" ? (_jsx(BotCard, { children: _jsx(Events, { props: tool.result }) })) : null;
+        })) : message.role === "user" ? (_jsx(UserMessage, { children: message.content })) : message.role === "assistant" && typeof message.content === "string" ? (_jsx(BotMessage, { content: message.content })) : null,
+    }));
+};

package/dist/components/bloggenBot/chat-panel.d.ts

@@ -0,0 +1,9 @@
+export interface ChatPanelProps {
+    id?: string;
+    title?: string;
+    input: string;
+    setInput: (value: string) => void;
+    isAtBottom: boolean;
+    scrollToBottom: () => void;
+}
+export declare function BlogGenChatPanel({ id, title, input, setInput, isAtBottom, scrollToBottom }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/bloggenBot/chat-panel.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAIState, useActions, useUIState } from "ai/rsc";
+import { nanoid } from "nanoid";
+import * as React from "react";
+import { IconShare } from "../../icons/icons-ai";
+import { shareChat } from "../../lib/chat/chatActions";
+import { Button } from "../../ui/button";
+import { ButtonScrollToBottom } from "../button-scroll-to-bottom";
+import { ChatShareDialog } from "../chat-share-dialog";
+import { FooterText } from "../footer";
+import { PromptForm } from "../prompt-form";
+import { UserMessage } from "../stocks/message";
+export function BlogGenChatPanel({ id, title, input, setInput, isAtBottom, scrollToBottom }) {
+    const [aiState] = useAIState();
+    const [messages, setMessages] = useUIState();
+    const { submitUserMessage } = useActions();
+    const [shareDialogOpen, setShareDialogOpen] = React.useState(false);
+    const exampleMessages = [
+        {
+            heading: "生成导航栏",
+            subheading: "分别用7个水果命名",
+            message: `生成导航栏，分别用7个水果命名`,
+        },
+    ];
+    return (_jsxs("div", { className: "fixed inset-x-0 bottom-0 w-full bg-gradient-to-b from-muted/30 from-0% to-muted/30 to-50% duration-300 ease-in-out animate-in dark:from-background/10 dark:from-10% dark:to-background/80 peer-[[data-state=open]]:group-[]:lg:pl-[250px] peer-[[data-state=open]]:group-[]:xl:pl-[300px]", children: [_jsx(ButtonScrollToBottom, { isAtBottom: isAtBottom, scrollToBottom: scrollToBottom }), _jsxs("div", { className: "mx-auto sm:max-w-2xl sm:px-4", children: [_jsx("div", { className: "mb-4 grid grid-cols-2 gap-2 px-4 sm:px-0", children: messages.length === 0 &&
+                            exampleMessages.map((example, index) => (_jsxs("div", { className: `cursor-pointer rounded-lg border bg-white p-4 hover:bg-zinc-50 dark:bg-zinc-950 dark:hover:bg-zinc-900 ${index > 1 && "hidden md:block"}`, onClick: async () => {
+                                    setMessages((currentMessages) => [
+                                        ...currentMessages,
+                                        {
+                                            id: nanoid(),
+                                            display: _jsx(UserMessage, { children: example.message }),
+                                        },
+                                    ]);
+                                    const responseMessage = await submitUserMessage(example.message);
+                                    setMessages((currentMessages) => [...currentMessages, responseMessage]);
+                                }, children: [_jsx("div", { className: "text-sm font-semibold", children: example.heading }), _jsx("div", { className: "text-sm text-zinc-600", children: example.subheading })] }, example.heading))) }), messages?.length >= 2 ? (_jsx("div", { className: "flex h-12 items-center justify-center", children: _jsx("div", { className: "flex space-x-2", children: id && title ? (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", onClick: () => setShareDialogOpen(true), children: [_jsx(IconShare, { className: "mr-2" }), "Share"] }), _jsx(ChatShareDialog, { open: shareDialogOpen, onOpenChange: setShareDialogOpen, onCopy: () => setShareDialogOpen(false), shareChat: shareChat, chat: {
+                                            id,
+                                            title,
+                                            messages: aiState.messages,
+                                        } })] })) : null }) })) : null, _jsxs("div", { className: "space-y-4 border-t bg-background px-4 py-2 shadow-lg sm:rounded-t-xl sm:border md:py-4", children: [_jsx(PromptForm, { input: input, setInput: setInput }), _jsx(FooterText, { className: "hidden sm:block" })] })] })] }));
+}

package/dist/components/button-scroll-to-bottom.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from "../ui/button";
+interface ButtonScrollToBottomProps extends ButtonProps {
+    isAtBottom: boolean;
+    scrollToBottom: () => void;
+}
+export declare function ButtonScrollToBottom({ className, isAtBottom, scrollToBottom, ...props }: ButtonScrollToBottomProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/button-scroll-to-bottom.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconArrowDown } from "../icons/icons-ai";
+import { cn } from "../lib/utils";
+import { Button } from "../ui/button";
+export function ButtonScrollToBottom({ className, isAtBottom, scrollToBottom, ...props }) {
+    return (_jsxs(Button, { variant: "outline", size: "icon", className: cn("absolute right-4 top-1 z-10 bg-background transition-opacity duration-300 sm:right-8 md:top-2", isAtBottom ? "opacity-0" : "opacity-100", className), onClick: () => scrollToBottom(), ...props, children: [_jsx(IconArrowDown, {}), _jsx("span", { className: "sr-only", children: "Scroll to bottom" })] }));
+}

package/dist/components/chat-list.d.ts

@@ -0,0 +1,8 @@
+import { UIState } from "../lib/chat/actions";
+import { Session } from "../lib/types";
+export interface ChatList {
+    messages: UIState;
+    session?: Session;
+    isShared: boolean;
+}
+export declare function ChatList({ messages, session, isShared }: ChatList): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/chat-list.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
+import { Separator } from "@radix-ui/react-select";
+import Link from "next/link";
+export function ChatList({ messages, session, isShared }) {
+    if (!messages.length) {
+        return null;
+    }
+    return (_jsxs("div", { className: "relative mx-auto max-w-2xl px-4", children: [!isShared && !session ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "group relative mb-4 flex items-start md:-ml-12", children: [_jsx("div", { className: "bg-background flex size-[25px] shrink-0 select-none items-center justify-center rounded-md border shadow-sm", children: _jsx(ExclamationTriangleIcon, {}) }), _jsx("div", { className: "ml-4 flex-1 space-y-2 overflow-hidden px-1", children: _jsxs("p", { className: "text-muted-foreground leading-normal", children: ["Please", " ", _jsx(Link, { href: "/login", className: "underline", children: "log in" }), " ", "or", " ", _jsx(Link, { href: "/signup", className: "underline", children: "sign up" }), " ", "to save and revisit your chat history!"] }) })] }), _jsx(Separator, { className: "my-4" })] })) : null, messages.map((message, index) => (_jsxs("div", { children: [message.display, index < messages.length - 1 && _jsx(Separator, { className: "my-4" })] }, message.id)))] }));
+}

package/dist/components/chat-panel.d.ts

@@ -0,0 +1,9 @@
+export interface ChatPanelProps {
+    id?: string;
+    title?: string;
+    input: string;
+    setInput: (value: string) => void;
+    isAtBottom: boolean;
+    scrollToBottom: () => void;
+}
+export declare function ChatPanel({ id, title, input, setInput, isAtBottom, scrollToBottom }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat-panel.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAIState, useActions, useUIState } from "ai/rsc";
+import { nanoid } from "nanoid";
+import * as React from "react";
+import { IconShare } from "../icons/icons-ai";
+import { shareChat } from "../lib/chat/chatActions";
+import { Button } from "../ui/button";
+import { ButtonScrollToBottom } from "./button-scroll-to-bottom";
+import { ChatShareDialog } from "./chat-share-dialog";
+import { FooterText } from "./footer";
+import { PromptForm } from "./prompt-form";
+import { UserMessage } from "./stocks/message";
+export function ChatPanel({ id, title, input, setInput, isAtBottom, scrollToBottom }) {
+    const [aiState] = useAIState();
+    const [messages, setMessages] = useUIState();
+    const { submitUserMessage } = useActions();
+    const [shareDialogOpen, setShareDialogOpen] = React.useState(false);
+    const exampleMessages = [
+        {
+            heading: "部署前端到vercel",
+            subheading: "",
+            message: `调用工具中的 dpMtxcli 函数`,
+        },
+    ];
+    return (_jsxs("div", { className: "fixed inset-x-0 bottom-0 w-full bg-gradient-to-b from-muted/30 from-0% to-muted/30 to-50% duration-300 ease-in-out animate-in dark:from-background/10 dark:from-10% dark:to-background/80 peer-[[data-state=open]]:group-[]:lg:pl-[250px] peer-[[data-state=open]]:group-[]:xl:pl-[300px]", children: [_jsx(ButtonScrollToBottom, { isAtBottom: isAtBottom, scrollToBottom: scrollToBottom }), _jsxs("div", { className: "mx-auto sm:max-w-2xl sm:px-4", children: [_jsx("div", { className: "mb-4 grid grid-cols-2 gap-2 px-4 sm:px-0", children: messages.length === 0 &&
+                            exampleMessages.map((example, index) => (_jsxs("div", { className: `cursor-pointer rounded-lg border bg-white p-4 hover:bg-zinc-50 dark:bg-zinc-950 dark:hover:bg-zinc-900 ${index > 1 && "hidden md:block"}`, onClick: async () => {
+                                    setMessages((currentMessages) => [
+                                        ...currentMessages,
+                                        {
+                                            id: nanoid(),
+                                            display: _jsx(UserMessage, { children: example.message }),
+                                        },
+                                    ]);
+                                    const responseMessage = await submitUserMessage(example.message);
+                                    setMessages((currentMessages) => [...currentMessages, responseMessage]);
+                                }, children: [_jsx("div", { className: "text-sm font-semibold", children: example.heading }), _jsx("div", { className: "text-sm text-zinc-600", children: example.subheading })] }, example.heading))) }), messages?.length >= 2 ? (_jsx("div", { className: "flex h-12 items-center justify-center", children: _jsx("div", { className: "flex space-x-2", children: id && title ? (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", onClick: () => setShareDialogOpen(true), children: [_jsx(IconShare, { className: "mr-2" }), "Share"] }), _jsx(ChatShareDialog, { open: shareDialogOpen, onOpenChange: setShareDialogOpen, onCopy: () => setShareDialogOpen(false), shareChat: shareChat, chat: {
+                                            id,
+                                            title,
+                                            messages: aiState.messages,
+                                        } })] })) : null }) })) : null, _jsxs("div", { className: "space-y-4 border-t bg-background px-4 py-2 shadow-lg sm:rounded-t-xl sm:border md:py-4", children: [_jsx(PromptForm, { input: input, setInput: setInput }), _jsx(FooterText, { className: "hidden sm:block" })] })] })] }));
+}

package/dist/components/chat-share-dialog.d.ts

@@ -0,0 +1,9 @@
+import { type DialogProps } from "@radix-ui/react-dialog";
+import { type Chat, ServerActionResult } from "../lib/types";
+interface ChatShareDialogProps extends DialogProps {
+    chat: Pick<Chat, "id" | "title" | "messages">;
+    shareChat: (id: string) => ServerActionResult<Chat>;
+    onCopy: () => void;
+}
+export declare function ChatShareDialog({ chat, shareChat, onCopy, ...props }: ChatShareDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/chat-share-dialog.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogTitle, } from "@radix-ui/react-dialog";
+import * as React from "react";
+import { Button } from "react-day-picker";
+import { toast } from "sonner";
+import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard";
+import { IconSpinner } from "../icons/icons-ai";
+import { DialogFooter, DialogHeader } from "../ui/dialog";
+export function ChatShareDialog({ chat, shareChat, onCopy, ...props }) {
+    const { copyToClipboard } = useCopyToClipboard({ timeout: 1000 });
+    const [isSharePending, startShareTransition] = React.useTransition();
+    const copyShareLink = React.useCallback(async (chat) => {
+        if (!chat.sharePath) {
+            return toast.error("Could not copy share link to clipboard");
+        }
+        const url = new URL(window.location.href);
+        url.pathname = chat.sharePath;
+        copyToClipboard(url.toString());
+        onCopy();
+        toast.success("Share link copied to clipboard");
+    }, [copyToClipboard, onCopy]);
+    return (_jsx(Dialog, { ...props, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Share link to chat" }), _jsx(DialogDescription, { children: "Anyone with the URL will be able to view the shared chat." })] }), _jsxs("div", { className: "p-4 space-y-1 text-sm border rounded-md", children: [_jsx("div", { className: "font-medium", children: chat.title }), _jsxs("div", { className: "text-muted-foreground", children: [chat.messages.length, " messages"] })] }), _jsx(DialogFooter, { className: "items-center", children: _jsx(Button, { disabled: isSharePending, onClick: () => {
+                            startShareTransition(async () => {
+                                const result = await shareChat(chat.id);
+                                if (result && "error" in result) {
+                                    toast.error(result.error);
+                                    return;
+                                }
+                                copyShareLink(result);
+                            });
+                        }, children: isSharePending ? (_jsxs(_Fragment, { children: [_jsx(IconSpinner, { className: "mr-2 animate-spin" }), "Copying..."] })) : (_jsx(_Fragment, { children: "Copy link" })) }) })] }) }));
+}

package/dist/components/chat.d.ts

@@ -0,0 +1,8 @@
+import { Session } from "../lib/types";
+export interface ChatProps extends React.ComponentProps<"div"> {
+    initialMessages?: Message[];
+    id?: string;
+    session?: Session;
+    missingKeys: string[];
+}
+export declare function Chat({ id, className, session, missingKeys }: ChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAIState, useUIState } from "ai/rsc";
+import { useEffect, useState } from "react";
+import dynamic from "next/dynamic";
+import { usePathname, useRouter } from "next/navigation";
+import { toast } from "sonner";
+import { useLocalStorage } from "usehooks-ts";
+import { useScrollAnchor } from "../hooks/use-scroll-anchor";
+import { cn } from "../lib/utils";
+import { EmptyScreen } from "./empty-screen";
+const LzChatPanel = dynamic(() => import("./chat-panel").then((x) => x.ChatPanel), {
+    ssr: false,
+});
+const LzChatList = dynamic(() => import("./chat-list").then((x) => x.ChatList), {
+    ssr: false,
+});
+export function Chat({ id, className, session, missingKeys }) {
+    const router = useRouter();
+    const path = usePathname();
+    const [input, setInput] = useState("");
+    const [messages] = useUIState();
+    const [aiState] = useAIState();
+    const [_, setNewChatId] = useLocalStorage("newChatId", id);
+    useEffect(() => {
+        if (session?.user) {
+            if (!path.includes("chat") && messages.length === 1) {
+                window.history.replaceState({}, "", `/chat/${id}`);
+            }
+        }
+    }, [id, path, session?.user, messages]);
+    useEffect(() => {
+        const messagesLength = aiState.messages?.length;
+        if (messagesLength === 2) {
+            router.refresh();
+        }
+    }, [aiState.messages, router]);
+    useEffect(() => {
+        setNewChatId(id);
+    });
+    useEffect(() => {
+        missingKeys.map((key) => {
+            toast.error(`Missing ${key} environment variable!`);
+        });
+    }, [missingKeys]);
+    const { messagesRef, scrollRef, visibilityRef, isAtBottom, scrollToBottom } = useScrollAnchor();
+    return (_jsxs("div", { className: "group w-full overflow-auto pl-0 peer-[[data-state=open]]:lg:pl-[250px] peer-[[data-state=open]]:xl:pl-[300px]", ref: scrollRef, children: [_jsxs("div", { className: cn("pb-[200px] pt-4 md:pt-10", className), ref: messagesRef, children: [messages.length ? (_jsx(LzChatList, { messages: messages, isShared: false, session: session })) : (_jsx(EmptyScreen, {})), _jsx("div", { className: "w-full h-px", ref: visibilityRef })] }), _jsx(LzChatPanel, { id: id, input: input, setInput: setInput, isAtBottom: isAtBottom, scrollToBottom: scrollToBottom })] }));
+}

package/dist/components/dev-bot/DevBot.d.ts

@@ -0,0 +1,8 @@
+import { Session } from "../../lib/types";
+export interface ChatProps extends React.ComponentProps<"div"> {
+    initialMessages?: Message[];
+    id?: string;
+    session?: Session;
+    missingKeys: string[];
+}
+export declare function DevBot({ id, className, session, missingKeys }: ChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dev-bot/DevBot.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAIState, useUIState } from "ai/rsc";
+import { useEffect, useState } from "react";
+import { ChatList } from "../chat-list";
+import { usePathname, useRouter } from "next/navigation";
+import { toast } from "sonner";
+import { useLocalStorage } from "usehooks-ts";
+import { useScrollAnchor } from "../../hooks/use-scroll-anchor";
+import { cn } from "../../lib/utils";
+import { EmptyScreen } from "../empty-screen";
+import { DevChatPanel } from "./chat-panel";
+export function DevBot({ id, className, session, missingKeys }) {
+    const router = useRouter();
+    const path = usePathname();
+    const [input, setInput] = useState("");
+    const [messages] = useUIState();
+    const [aiState] = useAIState();
+    const [_, setNewChatId] = useLocalStorage("newChatId", id);
+    useEffect(() => {
+        if (session?.user) {
+            if (!path.includes("chat") && messages.length === 1) {
+                window.history.replaceState({}, "", `/chat/${id}`);
+            }
+        }
+    }, [id, path, session?.user, messages]);
+    useEffect(() => {
+        const messagesLength = aiState.messages?.length;
+        if (messagesLength === 2) {
+            router.refresh();
+        }
+    }, [aiState.messages, router]);
+    useEffect(() => {
+        setNewChatId(id);
+    });
+    useEffect(() => {
+        missingKeys.map((key) => {
+            toast.error(`Missing ${key} environment variable!`);
+        });
+    }, [missingKeys]);
+    const { messagesRef, scrollRef, visibilityRef, isAtBottom, scrollToBottom } = useScrollAnchor();
+    return (_jsxs("div", { className: "group w-full overflow-auto pl-0 peer-[[data-state=open]]:lg:pl-[250px] peer-[[data-state=open]]:xl:pl-[300px]", ref: scrollRef, children: [_jsxs("div", { className: cn("pb-[200px] pt-4 md:pt-10", className), ref: messagesRef, children: [messages.length ? (_jsx(ChatList, { messages: messages, isShared: false, session: session })) : (_jsx(EmptyScreen, {})), _jsx("div", { className: "w-full h-px", ref: visibilityRef })] }), _jsx(DevChatPanel, { id: id, input: input, setInput: setInput, isAtBottom: isAtBottom, scrollToBottom: scrollToBottom })] }));
+}

package/dist/components/dev-bot/DevBotActions.d.ts

@@ -0,0 +1,8 @@
+import "server-only";
+import { AIState, UIState } from "../../lib/chat/actions";
+export declare const AIDev: (props: {
+    children: React.ReactNode;
+    initialAIState?: AIState | undefined;
+    initialUIState?: UIState | undefined;
+    $ActionTypes?: {} | undefined;
+}) => Promise<React.ReactElement>;