@allbluecn/web-app 0.4.8 → 0.4.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allbluecn/web-app",
-  "version": "0.4.8",
+  "version": "0.4.10",
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "files": [
@@ -27,9 +27,11 @@
     "@iconify/react": "^6.0.2",
     "@lobehub/icons": "^5.10.0",
     "@prisma/client": "^7.8.0",
+    "@radix-ui/react-dialog": "^1.1.23",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-visually-hidden": "^1.2.11",
     "@tanstack/ai": "^0.43.0",
     "@tanstack/ai-anthropic": "^0.16.3",
     "@tanstack/ai-gemini": "^0.20.1",
@@ -102,6 +104,7 @@
     "i18next-browser-languagedetector": "^8.2.1",
     "ioredis": "^5.11.0",
     "is-hotkey": "^0.2.0",
+    "isomorphic-dompurify": "^3.22.0",
     "lowlight": "^3.3.0",
     "lucide-react": "^1.24.0",
     "mind-elixir": "^5.12.2",
@@ -130,14 +133,14 @@
     "three": "^0.180.0",
     "tw-animate-css": "^1.4.0",
     "zod": "^4.4.3",
-    "@allbluecn/ai-gateway": "0.4.8",
-    "@allbluecn/database": "0.4.8",
-    "@allbluecn/shared": "0.4.8",
-    "@allbluecn/prototype": "0.1.1",
+    "@allbluecn/database": "0.4.10",
     "@allbluecn/kernel": "0.3.0",
-    "@allbluecn/plugins-core": "0.4.8",
-    "@allbluecn/tiptap": "0.4.8",
-    "@allbluecn/ui": "0.4.8"
+    "@allbluecn/ai-gateway": "0.4.10",
+    "@allbluecn/plugins-core": "0.4.10",
+    "@allbluecn/prototype": "0.1.1",
+    "@allbluecn/shared": "0.4.10",
+    "@allbluecn/tiptap": "0.4.10",
+    "@allbluecn/ui": "0.4.10"
   },
   "devDependencies": {
     "@babel/parser": "^8.0.4",

package/src/components/chat/ai-chat-history/components/conversation-item.tsx

@@ -102,7 +102,7 @@ export function ConversationItem({
       await onDelete(conversation.id);
       setShowDeleteDialog(false);
     } catch (error) {
-      console.error("Failed to delete conversation:", error);
+      console.error("Failed to delete conversation:", error instanceof Error ? error.message : String(error));
     } finally {
       setIsDeleting(false);
     }

package/src/components/chat/ai-chat-history/index.tsx

@@ -107,7 +107,7 @@ export default function AIChatHistory({
         await onRename(conversationId, trimmedValue);
         setEditingId(null);
       } catch (error) {
-        console.error("Failed to rename conversation:", error);
+        console.error("Failed to rename conversation:", error instanceof Error ? error.message : String(error));
       } finally {
         setLoadingStates((prev) => {
           const next = { ...prev };

package/src/components/{command-palette.tsx → command/command-palette.tsx}

@@ -21,15 +21,15 @@ import { useHotkey, useHotkeySequences } from "@tanstack/react-hotkeys"
 import type { HotkeySequence } from "@tanstack/hotkeys"
 import { useTranslation } from "react-i18next"
 import {
-  Command,
-  CommandDialog,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  CommandShortcut,
-} from "@/components/ui/command"
+  CommandMenu,
+  CommandMenuContent,
+  CommandMenuInput,
+  CommandMenuList,
+  CommandMenuEmpty,
+  CommandMenuGroup,
+  CommandMenuItem,
+  useCommandMenu,
+} from "@/components/hextaui/command-menu"
 import { CreatePRDDialog } from "@allbluecn/plugins-core/prd/components/dialog/create-prd-dialog"
 import { useCommands, type ResolvedCommand } from "@/hooks/use-commands"
 import {
@@ -54,8 +54,8 @@ import {
   ShoppingCart,
   Building2,
   Settings,
-  Users,
-  Earth,
+  SunMoon,
+  LogOut,
 } from "lucide-react"
 import type { LucideIcon } from "lucide-react"
 
@@ -76,8 +76,8 @@ const PALETTE_ICON_MAP: Record<string, LucideIcon> = {
   cart: ShoppingCart,
   building2: Building2,
   settings: Settings,
-  users: Users,
-  earth: Earth,
+  sunMoon: SunMoon,
+  logOut: LogOut,
 }
 
 export function CommandPalette() {
@@ -100,15 +100,12 @@ export function CommandPalette() {
     },
   })
 
-  const handleClose = () => setCommandPaletteOpen(false)
-
   const run = (cmd: ResolvedCommand) => {
-    handleClose()
+    setCommandPaletteOpen(false)
     execute(cmd)
   }
 
   useHotkey("Mod+K", toggleCommandPalette, { ignoreInputs: false })
-
   useHotkey("Mod+Shift+L", () => setTheme(theme === "dark" ? "light" : "dark"), {
     ignoreInputs: false,
   })
@@ -123,50 +120,101 @@ export function CommandPalette() {
       })),
   )
 
+  return (
+    <>
+      <CommandMenu
+        open={open}
+        onOpenChange={(next) => {
+          if (next) toggleCommandPalette()
+          else setCommandPaletteOpen(false)
+        }}
+      >
+        <CommandMenuContent className="w-205">
+          <CommandMenuInput
+            placeholder={t("command.searchPlaceholder")}
+          />
+          <CommandMenuList maxHeight="500px">
+            <CommandPaletteList commands={commands} onRun={run} t={t} />
+          </CommandMenuList>
+        </CommandMenuContent>
+      </CommandMenu>
+      <CreatePRDDialog open={prdDialogOpen} onOpenChange={setPrdDialogOpen} />
+    </>
+  )
+}
+
+function resolveShortcut(shortcut: string[]): string {
+  const isMac = typeof navigator !== "undefined"
+    && (navigator.platform.toUpperCase().includes("MAC")
+      || navigator.userAgent.toUpperCase().includes("MAC"))
+  return shortcut.map((k) => {
+    const upper = k.toUpperCase()
+    if (upper === "MOD") return isMac ? "CMD" : "CTRL"
+    return upper
+  }).join("+")
+}
+
+function CommandPaletteList({
+  commands,
+  onRun,
+  t,
+}: {
+  commands: ResolvedCommand[]
+  onRun: (cmd: ResolvedCommand) => void
+  t: (key: string) => string
+}) {
+  const { value } = useCommandMenu()
+
   const navCommands = commands.filter((c) => c.group === "navigation")
   const actionCommands = commands.filter((c) => c.group === "action")
 
+  const filterCommands = (cmds: ResolvedCommand[]): ResolvedCommand[] => {
+    if (!value) return cmds
+    const lower = value.toLowerCase()
+    return cmds.filter(
+      (c) =>
+        c.title.toLowerCase().includes(lower) ||
+        (c.keywords ?? []).some((k) => k.toLowerCase().includes(lower)),
+    )
+  }
+
+  const filteredNav = filterCommands(navCommands)
+  const filteredAction = filterCommands(actionCommands)
+
+  if (filteredNav.length === 0 && filteredAction.length === 0) {
+    return <CommandMenuEmpty>{t("command.empty")}</CommandMenuEmpty>
+  }
+
+  let index = 0
+
   const renderItem = (cmd: ResolvedCommand) => {
     const Icon = cmd.icon ? PALETTE_ICON_MAP[cmd.icon] : undefined
+    const idx = index++
     return (
-      <CommandItem
+      <CommandMenuItem
         key={cmd.id}
-        value={[cmd.title, ...(cmd.keywords ?? [])].join(" ")}
-        onSelect={() => run(cmd)}
+        index={idx}
+        onSelect={() => onRun(cmd)}
+        shortcut={cmd.shortcut ? resolveShortcut(cmd.shortcut) : undefined}
+        icon={Icon && <Icon className="size-4 shrink-0" />}
       >
-        {Icon && <Icon className="size-4 shrink-0" />}
         <span className="truncate">{cmd.title}</span>
-        {cmd.shortcut && (
-          <CommandShortcut>{cmd.shortcut.join(" → ")}</CommandShortcut>
-        )}
-      </CommandItem>
+      </CommandMenuItem>
     )
   }
 
   return (
     <>
-      <CommandDialog
-        open={open}
-        onOpenChange={(next) =>
-          next ? toggleCommandPalette() : handleClose()
-        }
-        title={t("command.searchPlaceholder")}
-        description={t("command.searchPlaceholder")}
-      >
-        <Command className="rounded-xl!">
-          <CommandInput placeholder={t("command.searchPlaceholder")} />
-          <CommandList className="max-h-100">
-            <CommandEmpty>{t("command.empty")}</CommandEmpty>
-            <CommandGroup heading={t("command.groupNavigation")}>
-              {navCommands.map(renderItem)}
-            </CommandGroup>
-            <CommandGroup heading={t("command.groupAction")}>
-              {actionCommands.map(renderItem)}
-            </CommandGroup>
-          </CommandList>
-        </Command>
-      </CommandDialog>
-      <CreatePRDDialog open={prdDialogOpen} onOpenChange={setPrdDialogOpen} />
+      {filteredNav.length > 0 && (
+        <CommandMenuGroup heading={t("command.groupNavigation")}>
+          {filteredNav.map(renderItem)}
+        </CommandMenuGroup>
+      )}
+      {filteredAction.length > 0 && (
+        <CommandMenuGroup heading={t("command.groupAction")}>
+          {filteredAction.map(renderItem)}
+        </CommandMenuGroup>
+      )}
     </>
   )
 }