thepopebot 1.2.36 → 1.2.37

package/lib/chat/actions.js

@@ -154,6 +154,21 @@ export async function markNotificationsRead() {
   return { success: true };
 }
 
+// ─────────────────────────────────────────────────────────────────────────────
+// App info actions
+// ─────────────────────────────────────────────────────────────────────────────
+
+/**
+ * Get the installed package version (auth-gated, never in client bundle).
+ * @returns {Promise<string>}
+ */
+export async function getAppVersion() {
+  await requireAuth();
+  const { createRequire } = await import('module');
+  const require = createRequire(import.meta.url);
+  return require('../../../package.json').version;
+}
+
 // ─────────────────────────────────────────────────────────────────────────────
 // API Key actions
 // ─────────────────────────────────────────────────────────────────────────────

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { SquarePenIcon, PanelLeftIcon, MessageIcon, BellIcon, SwarmIcon } from "./icons.js";
-import { getUnreadNotificationCount } from "../actions.js";
+import { CirclePlusIcon, PanelLeftIcon, MessageIcon, BellIcon, SwarmIcon } from "./icons.js";
+import { getUnreadNotificationCount, getAppVersion } from "../actions.js";
 import { SidebarHistory } from "./sidebar-history.js";
 import { SidebarUserNav } from "./sidebar-user-nav.js";
 import {
@@ -19,24 +19,26 @@ import {
 } from "./ui/sidebar.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip.js";
 import { useChatNav } from "./chat-nav-context.js";
-import pkg from "../../../package.json";
 function AppSidebar({ user }) {
   const { navigateToChat } = useChatNav();
   const { state, open, setOpenMobile, toggleSidebar } = useSidebar();
   const collapsed = state === "collapsed";
   const [unreadCount, setUnreadCount] = useState(0);
+  const [version, setVersion] = useState("");
   useEffect(() => {
     getUnreadNotificationCount().then((count) => setUnreadCount(count)).catch(() => {
     });
+    getAppVersion().then(setVersion).catch(() => {
+    });
   }, []);
   return /* @__PURE__ */ jsxs(Sidebar, { children: [
     /* @__PURE__ */ jsxs(SidebarHeader, { children: [
       /* @__PURE__ */ jsxs("div", { className: collapsed ? "flex justify-center" : "flex items-center justify-between", children: [
         !collapsed && /* @__PURE__ */ jsxs("span", { className: "px-2 font-semibold text-lg", children: [
-          "The Pope Bot ",
-          /* @__PURE__ */ jsxs("span", { className: "text-[11px] font-normal text-muted-foreground", children: [
-            "v",
-            pkg.version
+          "The Pope Bot",
+          version && /* @__PURE__ */ jsxs("span", { className: "text-[11px] font-normal text-muted-foreground", children: [
+            " v",
+            version
           ] })
         ] }),
         /* @__PURE__ */ jsxs(Tooltip, { children: [
@@ -52,7 +54,7 @@ function AppSidebar({ user }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs(SidebarMenu, { children: [
-        /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(SidebarMenuItem, { className: "mb-2", children: /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
             SidebarMenuButton,
             {
@@ -62,7 +64,7 @@ function AppSidebar({ user }) {
                 setOpenMobile(false);
               },
               children: [
-                /* @__PURE__ */ jsx(SquarePenIcon, { size: 16 }),
+                /* @__PURE__ */ jsx(CirclePlusIcon, { size: 16 }),
                 !collapsed && /* @__PURE__ */ jsx("span", { children: "New chat" })
               ]
             }

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

@@ -1,8 +1,8 @@
 'use client';
 
 import { useState, useEffect } from 'react';
-import { SquarePenIcon, PanelLeftIcon, MessageIcon, BellIcon, SwarmIcon } from './icons.js';
-import { getUnreadNotificationCount } from '../actions.js';
+import { CirclePlusIcon, PanelLeftIcon, MessageIcon, BellIcon, SwarmIcon } from './icons.js';
+import { getUnreadNotificationCount, getAppVersion } from '../actions.js';
 import { SidebarHistory } from './sidebar-history.js';
 import { SidebarUserNav } from './sidebar-user-nav.js';
 import {
@@ -19,18 +19,21 @@ import {
 } from './ui/sidebar.js';
 import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip.js';
 import { useChatNav } from './chat-nav-context.js';
-import pkg from '../../../package.json';
 
 export function AppSidebar({ user }) {
   const { navigateToChat } = useChatNav();
   const { state, open, setOpenMobile, toggleSidebar } = useSidebar();
   const collapsed = state === 'collapsed';
   const [unreadCount, setUnreadCount] = useState(0);
+  const [version, setVersion] = useState('');
 
   useEffect(() => {
     getUnreadNotificationCount()
       .then((count) => setUnreadCount(count))
       .catch(() => {});
+    getAppVersion()
+      .then(setVersion)
+      .catch(() => {});
   }, []);
 
   return (
@@ -39,7 +42,7 @@ export function AppSidebar({ user }) {
         {/* Top row: brand name + toggle icon (open) or just toggle icon (collapsed) */}
         <div className={collapsed ? 'flex justify-center' : 'flex items-center justify-between'}>
           {!collapsed && (
-            <span className="px-2 font-semibold text-lg">The Pope Bot <span className="text-[11px] font-normal text-muted-foreground">v{pkg.version}</span></span>
+            <span className="px-2 font-semibold text-lg">The Pope Bot{version && <span className="text-[11px] font-normal text-muted-foreground"> v{version}</span>}</span>
           )}
           <Tooltip>
             <TooltipTrigger asChild>
@@ -58,7 +61,7 @@ export function AppSidebar({ user }) {
 
         <SidebarMenu>
           {/* New chat */}
-          <SidebarMenuItem>
+          <SidebarMenuItem className="mb-2">
             <Tooltip>
               <TooltipTrigger asChild>
                 <SidebarMenuButton
@@ -68,7 +71,7 @@ export function AppSidebar({ user }) {
                     setOpenMobile(false);
                   }}
                 >
-                  <SquarePenIcon size={16} />
+                  <CirclePlusIcon size={16} />
                   {!collapsed && <span>New chat</span>}
                 </SidebarMenuButton>
               </TooltipTrigger>

package/lib/chat/components/icons.js

@@ -516,9 +516,9 @@ function MoreHorizontalIcon({ size = 16 }) {
       width: size,
       height: size,
       children: [
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1" })
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.5" }),
+        /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1.5" }),
+        /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1.5" })
       ]
     }
   );
@@ -540,6 +540,27 @@ function PencilIcon({ size = 16 }) {
     }
   );
 }
+function CirclePlusIcon({ size = 16 }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      width: size,
+      height: size,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx("path", { d: "M8 12h8" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 8v8" })
+      ]
+    }
+  );
+}
 function LogOutIcon({ size = 16 }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -565,6 +586,7 @@ export {
   BellIcon,
   CheckIcon,
   ChevronDownIcon,
+  CirclePlusIcon,
   ClockIcon,
   CopyIcon,
   FileTextIcon,

package/lib/chat/components/icons.jsx

@@ -510,9 +510,9 @@ export function MoreHorizontalIcon({ size = 16 }) {
       width={size}
       height={size}
     >
-      <circle cx="12" cy="12" r="1" />
-      <circle cx="19" cy="12" r="1" />
-      <circle cx="5" cy="12" r="1" />
+      <circle cx="12" cy="12" r="1.5" />
+      <circle cx="19" cy="12" r="1.5" />
+      <circle cx="5" cy="12" r="1.5" />
     </svg>
   );
 }
@@ -535,6 +535,26 @@ export function PencilIcon({ size = 16 }) {
   );
 }
 
+export function CirclePlusIcon({ size = 16 }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      width={size}
+      height={size}
+    >
+      <circle cx="12" cy="12" r="10" />
+      <path d="M8 12h8" />
+      <path d="M12 8v8" />
+    </svg>
+  );
+}
+
 export function LogOutIcon({ size = 16 }) {
   return (
     <svg

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

@@ -66,6 +66,7 @@ function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename }) {
           ] }) : /* @__PURE__ */ jsxs(
             SidebarMenuButton,
             {
+              className: "pr-8",
               isActive,
               onClick: () => {
                 navigateToChat(chat.id);
@@ -97,10 +98,11 @@ function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename }) {
               {
                 className: cn(
                   "rounded-md p-1",
-                  "text-muted-foreground hover:text-foreground hover:bg-muted"
+                  "text-muted-foreground hover:text-foreground",
+                  "bg-foreground/10 hover:bg-foreground/15"
                 ),
                 "aria-label": "Chat options",
-                children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { size: 14 })
+                children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { size: 16 })
               }
             ) }),
             /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", side: "bottom", children: [

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

@@ -70,6 +70,7 @@ export function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename
           </div>
         ) : (
           <SidebarMenuButton
+            className="pr-8"
             isActive={isActive}
             onClick={() => {
               navigateToChat(chat.id);
@@ -100,11 +101,12 @@ export function SidebarHistoryItem({ chat, isActive, onDelete, onStar, onRename
                 <button
                   className={cn(
                     'rounded-md p-1',
-                    'text-muted-foreground hover:text-foreground hover:bg-muted'
+                    'text-muted-foreground hover:text-foreground',
+                    'bg-foreground/10 hover:bg-foreground/15'
                   )}
                   aria-label="Chat options"
                 >
-                  <MoreHorizontalIcon size={14} />
+                  <MoreHorizontalIcon size={16} />
                 </button>
               </DropdownMenuTrigger>
               <DropdownMenuContent align="end" side="bottom">

package/lib/chat/components/ui/dropdown-menu.js

@@ -47,7 +47,7 @@ function DropdownMenuContent({ children, className, align = "start", side = "bot
     {
       ref,
       className: cn(
-        "absolute z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-muted p-1 text-foreground shadow-md",
+        "absolute z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-background/80 backdrop-blur-sm p-1 text-foreground shadow-lg",
         side === "bottom" && `top-full mt-1`,
         side === "top" && `bottom-full mb-1`,
         align === "end" && "right-0",

package/lib/chat/components/ui/dropdown-menu.jsx

@@ -65,7 +65,7 @@ export function DropdownMenuContent({ children, className, align = 'start', side
     <div
       ref={ref}
       className={cn(
-        'absolute z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-muted p-1 text-foreground shadow-md',
+        'absolute z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-background/80 backdrop-blur-sm p-1 text-foreground shadow-lg',
         side === 'bottom' && `top-full mt-1`,
         side === 'top' && `bottom-full mb-1`,
         align === 'end' && 'right-0',

package/package.json

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