thepopebot 1.2.25 → 1.2.27

package/lib/chat/actions.js

@@ -7,6 +7,8 @@ import {
   getMessagesByChatId,
   deleteChat as dbDeleteChat,
   deleteAllChatsByUser,
+  updateChatTitle,
+  toggleChatStarred,
 } from '../db/chats.js';
 import {
   getNotifications as dbGetNotifications,
@@ -83,6 +85,37 @@ export async function deleteChat(chatId) {
   return { success: true };
 }
 
+/**
+ * Rename a chat (with ownership check).
+ * @param {string} chatId
+ * @param {string} title
+ * @returns {Promise<{success: boolean}>}
+ */
+export async function renameChat(chatId, title) {
+  const user = await requireAuth();
+  const chat = getChatById(chatId);
+  if (!chat || chat.userId !== user.id) {
+    return { success: false };
+  }
+  updateChatTitle(chatId, title);
+  return { success: true };
+}
+
+/**
+ * Toggle a chat's starred status (with ownership check).
+ * @param {string} chatId
+ * @returns {Promise<{success: boolean, starred?: number}>}
+ */
+export async function starChat(chatId) {
+  const user = await requireAuth();
+  const chat = getChatById(chatId);
+  if (!chat || chat.userId !== user.id) {
+    return { success: false };
+  }
+  const starred = toggleChatStarred(chatId);
+  return { success: true, starred };
+}
+
 /**
  * Delete all chats for the authenticated user.
  * @returns {Promise<{success: boolean}>}

package/lib/chat/components/app-sidebar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { SquarePenIcon, PanelLeftIcon, MessageIcon, BellIcon, SwarmIcon, ClockIcon, ZapIcon } from "./icons.js";
+import { SquarePenIcon, PanelLeftIcon, MessageIcon, BellIcon, SwarmIcon } from "./icons.js";
 import { getUnreadNotificationCount } from "../actions.js";
 import { SidebarHistory } from "./sidebar-history.js";
 import { SidebarUserNav } from "./sidebar-user-nav.js";
@@ -113,38 +113,6 @@ function AppSidebar({ user }) {
             }
           ) }),
           collapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Swarm" })
-        ] }) }),
-        /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-            SidebarMenuButton,
-            {
-              className: collapsed ? "justify-center" : "",
-              onClick: () => {
-                window.location.href = "/crons";
-              },
-              children: [
-                /* @__PURE__ */ jsx(ClockIcon, { size: 16 }),
-                !collapsed && /* @__PURE__ */ jsx("span", { children: "Cron Jobs" })
-              ]
-            }
-          ) }),
-          collapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Cron Jobs" })
-        ] }) }),
-        /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-            SidebarMenuButton,
-            {
-              className: collapsed ? "justify-center" : "",
-              onClick: () => {
-                window.location.href = "/triggers";
-              },
-              children: [
-                /* @__PURE__ */ jsx(ZapIcon, { size: 16 }),
-                !collapsed && /* @__PURE__ */ jsx("span", { children: "Triggers" })
-              ]
-            }
-          ) }),
-          collapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Triggers" })
         ] }) })
       ] })
     ] }),

package/lib/chat/components/app-sidebar.jsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState, useEffect } from 'react';
-import { SquarePenIcon, PanelLeftIcon, MessageIcon, BellIcon, SwarmIcon, ClockIcon, ZapIcon } from './icons.js';
+import { SquarePenIcon, PanelLeftIcon, MessageIcon, BellIcon, SwarmIcon } from './icons.js';
 import { getUnreadNotificationCount } from '../actions.js';
 import { SidebarHistory } from './sidebar-history.js';
 import { SidebarUserNav } from './sidebar-user-nav.js';
@@ -151,46 +151,6 @@ export function AppSidebar({ user }) {
             </Tooltip>
           </SidebarMenuItem>
 
-          {/* Cron Jobs */}
-          <SidebarMenuItem>
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <SidebarMenuButton
-                  className={collapsed ? 'justify-center' : ''}
-                  onClick={() => {
-                    window.location.href = '/crons';
-                  }}
-                >
-                  <ClockIcon size={16} />
-                  {!collapsed && <span>Cron Jobs</span>}
-                </SidebarMenuButton>
-              </TooltipTrigger>
-              {collapsed && (
-                <TooltipContent side="right">Cron Jobs</TooltipContent>
-              )}
-            </Tooltip>
-          </SidebarMenuItem>
-
-          {/* Triggers */}
-          <SidebarMenuItem>
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <SidebarMenuButton
-                  className={collapsed ? 'justify-center' : ''}
-                  onClick={() => {
-                    window.location.href = '/triggers';
-                  }}
-                >
-                  <ZapIcon size={16} />
-                  {!collapsed && <span>Triggers</span>}
-                </SidebarMenuButton>
-              </TooltipTrigger>
-              {collapsed && (
-                <TooltipContent side="right">Triggers</TooltipContent>
-              )}
-            </Tooltip>
-          </SidebarMenuItem>
-
         </SidebarMenu>
       </SidebarHeader>
 

package/lib/chat/components/chat.js

@@ -1,11 +1,12 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useChat } from "@ai-sdk/react";
 import { DefaultChatTransport } from "ai";
 import { useState, useEffect, useRef, useMemo } from "react";
 import { Messages } from "./messages.js";
 import { ChatInput } from "./chat-input.js";
 import { ChatHeader } from "./chat-header.js";
+import { Greeting } from "./greeting.js";
 function Chat({ chatId, initialMessages = [] }) {
   const [input, setInput] = useState("");
   const [files, setFiles] = useState([]);
@@ -57,20 +58,36 @@ function Chat({ chatId, initialMessages = [] }) {
   };
   return /* @__PURE__ */ jsxs("div", { className: "flex h-svh flex-col", children: [
     /* @__PURE__ */ jsx(ChatHeader, { chatId }),
-    /* @__PURE__ */ jsx(Messages, { messages, status }),
-    error && /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-4xl px-2 md:px-4", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/50 bg-destructive/10 px-4 py-2 text-sm text-destructive", children: error.message || "Something went wrong. Please try again." }) }),
-    /* @__PURE__ */ jsx(
-      ChatInput,
-      {
-        input,
-        setInput,
-        onSubmit: handleSend,
-        status,
-        stop,
-        files,
-        setFiles
-      }
-    )
+    messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center justify-center px-2 md:px-4", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-4xl", children: [
+      /* @__PURE__ */ jsx(Greeting, {}),
+      /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(
+        ChatInput,
+        {
+          input,
+          setInput,
+          onSubmit: handleSend,
+          status,
+          stop,
+          files,
+          setFiles
+        }
+      ) })
+    ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Messages, { messages, status }),
+      error && /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-4xl px-2 md:px-4", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/50 bg-destructive/10 px-4 py-2 text-sm text-destructive", children: error.message || "Something went wrong. Please try again." }) }),
+      /* @__PURE__ */ jsx(
+        ChatInput,
+        {
+          input,
+          setInput,
+          onSubmit: handleSend,
+          status,
+          stop,
+          files,
+          setFiles
+        }
+      )
+    ] })
   ] });
 }
 export {

package/lib/chat/components/chat.jsx

@@ -6,6 +6,7 @@ import { useState, useEffect, useRef, useMemo } from 'react';
 import { Messages } from './messages.js';
 import { ChatInput } from './chat-input.js';
 import { ChatHeader } from './chat-header.js';
+import { Greeting } from './greeting.js';
 
 export function Chat({ chatId, initialMessages = [] }) {
   const [input, setInput] = useState('');
@@ -69,23 +70,44 @@ export function Chat({ chatId, initialMessages = [] }) {
   return (
     <div className="flex h-svh flex-col">
       <ChatHeader chatId={chatId} />
-      <Messages messages={messages} status={status} />
-      {error && (
-        <div className="mx-auto w-full max-w-4xl px-2 md:px-4">
-          <div className="rounded-lg border border-destructive/50 bg-destructive/10 px-4 py-2 text-sm text-destructive">
-            {error.message || 'Something went wrong. Please try again.'}
+      {messages.length === 0 ? (
+        <div className="flex flex-1 flex-col items-center justify-center px-2 md:px-4">
+          <div className="w-full max-w-4xl">
+            <Greeting />
+            <div className="mt-4">
+              <ChatInput
+                input={input}
+                setInput={setInput}
+                onSubmit={handleSend}
+                status={status}
+                stop={stop}
+                files={files}
+                setFiles={setFiles}
+              />
+            </div>
           </div>
         </div>
+      ) : (
+        <>
+          <Messages messages={messages} status={status} />
+          {error && (
+            <div className="mx-auto w-full max-w-4xl px-2 md:px-4">
+              <div className="rounded-lg border border-destructive/50 bg-destructive/10 px-4 py-2 text-sm text-destructive">
+                {error.message || 'Something went wrong. Please try again.'}
+              </div>
+            </div>
+          )}
+          <ChatInput
+            input={input}
+            setInput={setInput}
+            onSubmit={handleSend}
+            status={status}
+            stop={stop}
+            files={files}
+            setFiles={setFiles}
+          />
+        </>
       )}
-      <ChatInput
-        input={input}
-        setInput={setInput}
-        onSubmit={handleSend}
-        status={status}
-        stop={stop}
-        files={files}
-        setFiles={setFiles}
-      />
     </div>
   );
 }

package/lib/chat/components/chats-page.js

@@ -1,9 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";
 import { PageLayout } from "./page-layout.js";
-import { MessageIcon, TrashIcon, SearchIcon, PlusIcon } from "./icons.js";
-import { getChats, deleteChat } from "../actions.js";
+import { MessageIcon, TrashIcon, SearchIcon, PlusIcon, MoreHorizontalIcon, StarIcon, StarFilledIcon, PencilIcon } from "./icons.js";
+import { getChats, deleteChat, renameChat, starChat } from "../actions.js";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from "./ui/dropdown-menu.js";
 import { cn } from "../utils.js";
 function groupChatsByDate(chats) {
   const now = /* @__PURE__ */ new Date();
@@ -12,6 +13,7 @@ function groupChatsByDate(chats) {
   const last7Days = new Date(today.getTime() - 7 * 864e5);
   const last30Days = new Date(today.getTime() - 30 * 864e5);
   const groups = {
+    Starred: [],
     Today: [],
     Yesterday: [],
     "Last 7 Days": [],
@@ -19,6 +21,10 @@ function groupChatsByDate(chats) {
     Older: []
   };
   for (const chat of chats) {
+    if (chat.starred) {
+      groups.Starred.push(chat);
+      continue;
+    }
     const date = new Date(chat.updatedAt);
     if (date >= today) {
       groups.Today.push(chat);
@@ -72,10 +78,23 @@ function ChatsPage({ session }) {
     return () => window.removeEventListener("chatsupdated", handler);
   }, []);
   const handleDelete = async (chatId) => {
+    setChats((prev) => prev.filter((c) => c.id !== chatId));
     const { success } = await deleteChat(chatId);
-    if (success) {
-      setChats((prev) => prev.filter((c) => c.id !== chatId));
-    }
+    if (!success) loadChats();
+  };
+  const handleStar = async (chatId) => {
+    setChats(
+      (prev) => prev.map((c) => c.id === chatId ? { ...c, starred: c.starred ? 0 : 1 } : c)
+    );
+    const { success } = await starChat(chatId);
+    if (!success) loadChats();
+  };
+  const handleRename = async (chatId, title) => {
+    setChats(
+      (prev) => prev.map((c) => c.id === chatId ? { ...c, title } : c)
+    );
+    const { success } = await renameChat(chatId, title);
+    if (!success) loadChats();
   };
   const filtered = query ? chats.filter((c) => c.title?.toLowerCase().includes(query.toLowerCase())) : chats;
   const grouped = groupChatsByDate(filtered);
@@ -120,7 +139,9 @@ function ChatsPage({ session }) {
           {
             chat,
             onNavigate: navigateToChat,
-            onDelete: handleDelete
+            onDelete: handleDelete,
+            onStar: handleStar,
+            onRename: handleRename
           },
           chat.id
         )) })
@@ -128,39 +149,130 @@ function ChatsPage({ session }) {
     ) })
   ] });
 }
-function ChatRow({ chat, onNavigate, onDelete }) {
-  const [showDelete, setShowDelete] = useState(false);
+function ChatRow({ chat, onNavigate, onDelete, onStar, onRename }) {
+  const [showMenu, setShowMenu] = useState(false);
+  const [editing, setEditing] = useState(false);
+  const [editTitle, setEditTitle] = useState(chat.title || "");
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (editing && inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
+    }
+  }, [editing]);
+  const startRename = () => {
+    setEditTitle(chat.title || "");
+    setEditing(true);
+  };
+  const saveRename = () => {
+    const trimmed = editTitle.trim();
+    if (trimmed && trimmed !== chat.title) {
+      onRename(chat.id, trimmed);
+    }
+    setEditing(false);
+  };
+  const cancelRename = () => {
+    setEditing(false);
+    setEditTitle(chat.title || "");
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "relative group flex items-center gap-3 px-3 py-3 cursor-pointer hover:bg-muted/50 rounded-md",
-      onMouseEnter: () => setShowDelete(true),
-      onMouseLeave: () => setShowDelete(false),
-      onClick: () => onNavigate(chat.id),
+      onMouseEnter: () => setShowMenu(true),
+      onMouseLeave: () => setShowMenu(false),
+      onClick: () => !editing && onNavigate(chat.id),
       children: [
         /* @__PURE__ */ jsx(MessageIcon, { size: 16 }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm truncate block", children: chat.title || "New Chat" }),
+          editing ? /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              value: editTitle,
+              onChange: (e) => setEditTitle(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") saveRename();
+                if (e.key === "Escape") cancelRename();
+              },
+              onBlur: saveRename,
+              onClick: (e) => e.stopPropagation(),
+              className: "w-full text-sm bg-background border border-input rounded px-1.5 py-0.5 focus:outline-none focus:ring-2 focus:ring-ring"
+            }
+          ) : /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "text-sm truncate block",
+              onDoubleClick: (e) => {
+                e.stopPropagation();
+                startRename();
+              },
+              children: chat.title || "New Chat"
+            }
+          ),
           /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
             "Last message ",
             timeAgo(chat.updatedAt)
           ] })
         ] }),
-        showDelete && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: cn(
-              "shrink-0 rounded-md p-1.5",
-              "text-muted-foreground hover:text-destructive hover:bg-muted"
+        showMenu && !editing && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: cn(
+                "shrink-0 rounded-md p-1.5",
+                "text-muted-foreground hover:text-foreground hover:bg-muted"
+              ),
+              onClick: (e) => e.stopPropagation(),
+              "aria-label": "Chat options",
+              children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { size: 14 })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", side: "bottom", children: [
+            /* @__PURE__ */ jsxs(
+              DropdownMenuItem,
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onStar(chat.id);
+                },
+                children: [
+                  chat.starred ? /* @__PURE__ */ jsx(StarFilledIcon, { size: 14 }) : /* @__PURE__ */ jsx(StarIcon, { size: 14 }),
+                  chat.starred ? "Unstar" : "Star"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              DropdownMenuItem,
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  startRename();
+                },
+                children: [
+                  /* @__PURE__ */ jsx(PencilIcon, { size: 14 }),
+                  "Rename"
+                ]
+              }
             ),
-            onClick: (e) => {
-              e.stopPropagation();
-              onDelete(chat.id);
-            },
-            "aria-label": "Delete chat",
-            children: /* @__PURE__ */ jsx(TrashIcon, { size: 14 })
-          }
-        )
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs(
+              DropdownMenuItem,
+              {
+                className: "text-destructive hover:text-destructive",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onDelete(chat.id);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(TrashIcon, { size: 14 }),
+                  "Delete"
+                ]
+              }
+            )
+          ] })
+        ] })
       ]
     }
   );