thepopebot 1.2.42 → 1.2.43

package/lib/chat/actions.js

@@ -164,11 +164,8 @@ export async function markNotificationsRead() {
  */
 export async function getAppVersion() {
   await requireAuth();
-  const { createRequire } = await import('module');
-  const require = createRequire(import.meta.url);
-  const version = require('../../../package.json').version;
-  const { getUpdateAvailable } = await import('../cron.js');
-  return { version, updateAvailable: getUpdateAvailable() };
+  const { getInstalledVersion, getUpdateAvailable } = await import('../cron.js');
+  return { version: getInstalledVersion(), updateAvailable: getUpdateAvailable() };
 }
 
 /**

package/lib/chat/components/sidebar-history-item.js

@@ -5,6 +5,7 @@ import { MessageIcon, TrashIcon, MoreHorizontalIcon, StarIcon, StarFilledIcon, P
 import { SidebarMenuButton, SidebarMenuItem, useSidebar } from "./ui/sidebar.js";
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from "./ui/dropdown-menu.js";
 import { ConfirmDialog } from "./ui/confirm-dialog.js";
+import { RenameDialog } from "./ui/rename-dialog.js";
 import { useChatNav } from "./chat-nav-context.js";
 import { cn } from "../utils.js";
 function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename }) {
@@ -13,9 +14,11 @@ function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename }) {
   const [hovered, setHovered] = useState(false);
   const [dropdownOpen, setDropdownOpen] = useState(false);
   const [confirmDelete, setConfirmDelete] = useState(false);
+  const [renameDialogOpen, setRenameDialogOpen] = useState(false);
   const [editing, setEditing] = useState(false);
   const [editTitle, setEditTitle] = useState(chat.title || "");
   const inputRef = useRef(null);
+  const clickTimer = useRef(null);
   const showMenu = hovered || dropdownOpen;
   useEffect(() => {
     if (editing && inputRef.current) {
@@ -23,6 +26,11 @@ function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename }) {
       inputRef.current.select();
     }
   }, [editing]);
+  useEffect(() => {
+    return () => {
+      if (clickTimer.current) clearTimeout(clickTimer.current);
+    };
+  }, []);
   const startRename = () => {
     setEditTitle(chat.title || "");
     setEditing(true);
@@ -69,8 +77,10 @@ function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename }) {
               className: "pr-8",
               isActive,
               onClick: () => {
-                navigateToChat(chat.id);
-                setOpenMobile(false);
+                clickTimer.current = setTimeout(() => {
+                  navigateToChat(chat.id);
+                  setOpenMobile(false);
+                }, 250);
               },
               children: [
                 /* @__PURE__ */ jsx(MessageIcon, { size: 14 }),
@@ -81,6 +91,7 @@ function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename }) {
                     onDoubleClick: (e) => {
                       e.stopPropagation();
                       e.preventDefault();
+                      if (clickTimer.current) clearTimeout(clickTimer.current);
                       startRename();
                     },
                     children: chat.title
@@ -124,7 +135,7 @@ function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename }) {
                 {
                   onClick: (e) => {
                     e.stopPropagation();
-                    startRename();
+                    setRenameDialogOpen(true);
                   },
                   children: [
                     /* @__PURE__ */ jsx(PencilIcon, { size: 14 }),
@@ -165,6 +176,15 @@ function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename }) {
         },
         onCancel: () => setConfirmDelete(false)
       }
+    ),
+    /* @__PURE__ */ jsx(
+      RenameDialog,
+      {
+        open: renameDialogOpen,
+        currentValue: chat.title || "",
+        onSave: (newTitle) => onRename(chat.id, newTitle),
+        onCancel: () => setRenameDialogOpen(false)
+      }
     )
   ] });
 }

package/lib/chat/components/sidebar-history-item.jsx

@@ -5,6 +5,7 @@ import { MessageIcon, TrashIcon, MoreHorizontalIcon, StarIcon, StarFilledIcon, P
 import { SidebarMenuButton, SidebarMenuItem, useSidebar } from './ui/sidebar.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from './ui/dropdown-menu.js';
 import { ConfirmDialog } from './ui/confirm-dialog.js';
+import { RenameDialog } from './ui/rename-dialog.js';
 import { useChatNav } from './chat-nav-context.js';
 import { cn } from '../utils.js';
 
@@ -14,9 +15,11 @@ export function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename
   const [hovered, setHovered] = useState(false);
   const [dropdownOpen, setDropdownOpen] = useState(false);
   const [confirmDelete, setConfirmDelete] = useState(false);
+  const [renameDialogOpen, setRenameDialogOpen] = useState(false);
   const [editing, setEditing] = useState(false);
   const [editTitle, setEditTitle] = useState(chat.title || '');
   const inputRef = useRef(null);
+  const clickTimer = useRef(null);
 
   const showMenu = hovered || dropdownOpen;
 
@@ -27,6 +30,12 @@ export function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename
     }
   }, [editing]);
 
+  useEffect(() => {
+    return () => {
+      if (clickTimer.current) clearTimeout(clickTimer.current);
+    };
+  }, []);
+
   const startRename = () => {
     setEditTitle(chat.title || '');
     setEditing(true);
@@ -73,8 +82,10 @@ export function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename
             className="pr-8"
             isActive={isActive}
             onClick={() => {
-              navigateToChat(chat.id);
-              setOpenMobile(false);
+              clickTimer.current = setTimeout(() => {
+                navigateToChat(chat.id);
+                setOpenMobile(false);
+              }, 250);
             }}
           >
             <MessageIcon size={14} />
@@ -83,6 +94,7 @@ export function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename
               onDoubleClick={(e) => {
                 e.stopPropagation();
                 e.preventDefault();
+                if (clickTimer.current) clearTimeout(clickTimer.current);
                 startRename();
               }}
             >
@@ -122,7 +134,7 @@ export function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename
                 <DropdownMenuItem
                   onClick={(e) => {
                     e.stopPropagation();
-                    startRename();
+                    setRenameDialogOpen(true);
                   }}
                 >
                   <PencilIcon size={14} />
@@ -155,6 +167,12 @@ export function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename
         }}
         onCancel={() => setConfirmDelete(false)}
       />
+      <RenameDialog
+        open={renameDialogOpen}
+        currentValue={chat.title || ''}
+        onSave={(newTitle) => onRename(chat.id, newTitle)}
+        onCancel={() => setRenameDialogOpen(false)}
+      />
     </SidebarMenuItem>
   );
 }

package/lib/chat/components/ui/rename-dialog.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+function RenameDialog({ open, onSave, onCancel, title = "Rename chat", currentValue = "" }) {
+  const [value, setValue] = useState(currentValue);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (open) {
+      setValue(currentValue);
+      setTimeout(() => {
+        if (inputRef.current) {
+          inputRef.current.focus();
+          inputRef.current.select();
+        }
+      }, 0);
+    }
+  }, [open, currentValue]);
+  useEffect(() => {
+    if (!open) return;
+    const handleEsc = (e) => {
+      if (e.key === "Escape") onCancel();
+    };
+    document.addEventListener("keydown", handleEsc);
+    return () => document.removeEventListener("keydown", handleEsc);
+  }, [open, onCancel]);
+  const handleSave = () => {
+    const trimmed = value.trim();
+    if (trimmed && trimmed !== currentValue) {
+      onSave(trimmed);
+    }
+    onCancel();
+  };
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black/50", onClick: onCancel }),
+    /* @__PURE__ */ jsxs("div", { className: "relative z-50 w-full max-w-sm rounded-lg border border-border bg-background p-6 shadow-lg", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: title }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          value,
+          onChange: (e) => setValue(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") handleSave();
+          },
+          className: "mt-3 w-full rounded-md border border-input bg-background px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onCancel,
+            className: "rounded-md px-3 py-1.5 text-sm font-medium border border-input bg-background hover:bg-muted",
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleSave,
+            className: "rounded-md px-3 py-1.5 text-sm font-medium text-white bg-foreground hover:bg-foreground/90",
+            children: "Save"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  RenameDialog
+};

package/lib/chat/components/ui/rename-dialog.jsx

@@ -0,0 +1,72 @@
+'use client';
+
+import { useState, useEffect, useRef } from 'react';
+
+export function RenameDialog({ open, onSave, onCancel, title = 'Rename chat', currentValue = '' }) {
+  const [value, setValue] = useState(currentValue);
+  const inputRef = useRef(null);
+
+  useEffect(() => {
+    if (open) {
+      setValue(currentValue);
+      setTimeout(() => {
+        if (inputRef.current) {
+          inputRef.current.focus();
+          inputRef.current.select();
+        }
+      }, 0);
+    }
+  }, [open, currentValue]);
+
+  useEffect(() => {
+    if (!open) return;
+    const handleEsc = (e) => {
+      if (e.key === 'Escape') onCancel();
+    };
+    document.addEventListener('keydown', handleEsc);
+    return () => document.removeEventListener('keydown', handleEsc);
+  }, [open, onCancel]);
+
+  const handleSave = () => {
+    const trimmed = value.trim();
+    if (trimmed && trimmed !== currentValue) {
+      onSave(trimmed);
+    }
+    onCancel();
+  };
+
+  if (!open) return null;
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center">
+      <div className="fixed inset-0 bg-black/50" onClick={onCancel} />
+      <div className="relative z-50 w-full max-w-sm rounded-lg border border-border bg-background p-6 shadow-lg" onClick={(e) => e.stopPropagation()}>
+        <h3 className="text-lg font-semibold">{title}</h3>
+        <input
+          ref={inputRef}
+          type="text"
+          value={value}
+          onChange={(e) => setValue(e.target.value)}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') handleSave();
+          }}
+          className="mt-3 w-full rounded-md border border-input bg-background px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+        />
+        <div className="mt-4 flex justify-end gap-2">
+          <button
+            onClick={onCancel}
+            className="rounded-md px-3 py-1.5 text-sm font-medium border border-input bg-background hover:bg-muted"
+          >
+            Cancel
+          </button>
+          <button
+            onClick={handleSave}
+            className="rounded-md px-3 py-1.5 text-sm font-medium text-white bg-foreground hover:bg-foreground/90"
+          >
+            Save
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

package/lib/cron.js

@@ -149,4 +149,4 @@ function loadCrons() {
   return tasks;
 }
 
-export { loadCrons, startBuiltinCrons, getUpdateAvailable, setUpdateAvailable };
+export { loadCrons, startBuiltinCrons, getUpdateAvailable, setUpdateAvailable, getInstalledVersion };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thepopebot",
-  "version": "1.2.42",
+  "version": "1.2.43",
   "type": "module",
   "description": "Create autonomous AI agents with a two-layer architecture: Next.js Event Handler + Docker Agent.",
   "bin": {