@mlw-packages/react-components 1.10.28 → 1.10.30

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, CommandIcon, ArrowElbowDownRightIcon, ArrowBendUpLeftIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, CopyIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, MapPinIcon, CalendarDotsIcon, SunIcon, ClockIcon, AlignLeftIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, ClockCounterClockwiseIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, MoonIcon, DesktopIcon } from '@phosphor-icons/react';
+import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, CommandIcon, ArrowElbowDownRightIcon, ArrowBendUpLeftIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, CopyIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, MapPinIcon, CalendarDotsIcon, SunIcon, ClockIcon, AlignLeftIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, MoonIcon, DesktopIcon } from '@phosphor-icons/react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -9759,7 +9759,8 @@ function DayViewAgenda({
   onEventSelect,
   showUndatedEvents,
   noTime = false,
-  onEventCreate
+  onEventCreate,
+  allDayCell = false
 }) {
   const hours = useMemo(() => {
     const dayStart = startOfDay(currentDate);
@@ -9873,7 +9874,7 @@ function DayViewAgenda({
   const showAllDaySection = allDayEvents.length > 0;
   const { currentTimePosition, currentTimeVisible } = useCurrentTimeIndicatorAgenda(currentDate, "day");
   return /* @__PURE__ */ jsxs("div", { className: "contents", "data-slot": "day-view", children: [
-    showAllDaySection && /* @__PURE__ */ jsx("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
+    showAllDaySection && !allDayCell && /* @__PURE__ */ jsx("div", { className: "border-border/70 border-t bg-muted/50", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[3rem_1fr] sm:grid-cols-[4rem_1fr]", children: [
       /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Todo Dia" }) }),
       /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r p-1 last:border-r-0", children: allDayEvents.map((event) => {
         const eventStart = getEventStartDate(event);
@@ -9920,7 +9921,100 @@ function DayViewAgenda({
         },
         hour.toString()
       )) }),
-      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      showAllDaySection && allDayCell ? /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        allDayEvents.map((event) => {
+          const eventStart = new Date(event.start);
+          const eventEnd = new Date(new Date(event.end).setHours(23, 59));
+          const isFirstDay = isSameDay(currentDate, eventStart);
+          const isLastDay = isSameDay(currentDate, eventEnd);
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute z-10 px-0.5",
+              style: { height: "100%", width: "100%", padding: "10px" },
+              children: /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+                /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "size-full", children: /* @__PURE__ */ jsx(
+                  EventItemAgenda,
+                  {
+                    event,
+                    view: "day",
+                    isFirstDay,
+                    isLastDay,
+                    onClick: (e) => handleEventClick(event, e),
+                    noTime,
+                    className: "flex justify-start items-start  rounded-sm p-2"
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsxs(
+                  TooltipContentBase,
+                  {
+                    side: "top",
+                    sideOffset: 6,
+                    className: "max-w-[220px] space-y-0.5",
+                    children: [
+                      /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm leading-snug", children: event.title }),
+                      /* @__PURE__ */ jsx("p", { className: "text-xs opacity-90", children: formatDurationAgenda(event) }),
+                      event.location && /* @__PURE__ */ jsxs("p", { className: "text-xs flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx(MapPinIcon, { size: 15 }),
+                        " ",
+                        event.location
+                      ] }),
+                      event.description && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-75 line-clamp-2", children: event.description })
+                    ]
+                  }
+                )
+              ] }) })
+            },
+            `spanning-${event.id}`
+          );
+        }),
+        currentTimeVisible && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "pointer-events-none absolute right-0 left-0 z-20",
+            style: { top: `${currentTimePosition}%` },
+            children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
+              /* @__PURE__ */ jsx("div", { className: "-left-1 absolute h-2 w-2 rounded-full bg-primary" }),
+              /* @__PURE__ */ jsx("div", { className: "h-[2px] w-full bg-primary" })
+            ] })
+          }
+        ),
+        hours.map((hour) => {
+          const hourValue = getHours(hour);
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "relative h-[var(--week-cells-height)] border-border/70 border-b last:border-b-0",
+              children: [0, 1, 2, 3].map((quarter) => {
+                const quarterHourTime = hourValue + quarter * 0.25;
+                return /* @__PURE__ */ jsx(
+                  DroppableCellAgenda,
+                  {
+                    className: cn(
+                      "absolute h-[calc(var(--week-cells-height)/4)] w-full",
+                      quarter === 0 && "top-0",
+                      quarter === 1 && "top-[calc(var(--week-cells-height)/4)]",
+                      quarter === 2 && "top-[calc(var(--week-cells-height)/4*2)]",
+                      quarter === 3 && "top-[calc(var(--week-cells-height)/4*3)]"
+                    ),
+                    date: currentDate,
+                    id: `day-cell-${currentDate.toISOString()}-${quarterHourTime}`,
+                    onClick: () => {
+                      const startTime = new Date(currentDate);
+                      startTime.setHours(hourValue);
+                      startTime.setMinutes(quarter * 15);
+                      if (onEventCreate) onEventCreate(startTime);
+                    },
+                    time: quarterHourTime
+                  },
+                  `${hour.toString()}-${quarter}`
+                );
+              })
+            },
+            hour.toString()
+          );
+        })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         positionedEvents.map((positionedEvent) => {
           const evt = positionedEvent.event;
           const eventStart = new Date(evt.start ?? evt.end ?? Date.now());
@@ -10274,7 +10368,8 @@ function EventAgenda({
   onlyWeek,
   onlyAgenda,
   onlyYear,
-  allowCellClick = true
+  allowCellClick = true,
+  allDayCell = false
 }) {
   const lockedView = onlyDay ? "day" : onlyMonth ? "month" : onlyWeek ? "week" : onlyAgenda ? "agenda" : onlyYear ? "year" : void 0;
   const [currentDate, setCurrentDate] = useState(
@@ -10394,9 +10489,10 @@ function EventAgenda({
       },
       children: [
         /* @__PURE__ */ jsxs(CalendarDndProviderAgenda, { onEventUpdate: handleEventUpdate, children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-2 sm:p-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 sm:gap-4 min-w-0", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center sm:gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-2 py-3 sm:flex-row sm:items-center sm:justify-between sm:px-4 sm:py-4", children: [
+            /* @__PURE__ */ jsx("h2", { className: "font-semibold text-base sm:text-lg md:text-xl lg:text-2xl truncate", children: viewTitle }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between sm:justify-end gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx(
                   ButtonBase,
                   {
@@ -10418,21 +10514,18 @@ function EventAgenda({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx("h2", { className: "font-semibold text-sm sm:text-base md:text-lg lg:text-xl xl:text-2xl min-w-0 truncate sm:whitespace-normal", children: viewTitle })
-            ] }),
-            !lockedView && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
-              Select,
-              {
-                selected: activeView,
-                onChange: (v) => {
-                  setView(v);
-                },
-                items: selectItems,
-                placeholder: viewLabel(activeView),
-                className: "min-w-24",
-                hideClear: true
-              }
-            ) })
+              !lockedView && /* @__PURE__ */ jsx(
+                Select,
+                {
+                  selected: activeView,
+                  onChange: (v) => setView(v),
+                  items: selectItems,
+                  placeholder: viewLabel(activeView),
+                  className: "min-w-24",
+                  hideClear: true
+                }
+              )
+            ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col transition-all duration-200 ease-in-out", children: [
             activeView === "month" && /* @__PURE__ */ jsx(
@@ -10457,6 +10550,7 @@ function EventAgenda({
                 events,
                 onEventSelect: handleEventSelect,
                 noTime,
+                allDayCell,
                 onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
                   start: d,
                   end: d,
@@ -10472,6 +10566,7 @@ function EventAgenda({
                 events,
                 onEventSelect: handleEventSelect,
                 noTime,
+                allDayCell,
                 onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
                   start: d,
                   end: d,
@@ -11178,6 +11273,7 @@ function WeekViewAgenda({
   currentDate,
   events,
   onEventSelect,
+  allDayCell = false,
   onEventCreate,
   showUndatedEvents,
   noTime = false
@@ -11353,7 +11449,7 @@ function WeekViewAgenda({
         ))
       ] }),
       showAllDaySection && /* @__PURE__ */ jsxs("div", { className: "border-border/70 border-b bg-muted/50", children: [
-        trueAllDayEvents.length > 0 && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8", children: [
+        trueAllDayEvents.length > 0 && !allDayCell && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8", children: [
           /* @__PURE__ */ jsx("div", { className: "relative border-border/70 border-r flex items-center justify-center p-1", children: /* @__PURE__ */ jsx("span", { className: "text-center text-[10px] text-muted-foreground/70 sm:text-xs", children: "Todo dia" }) }),
           /* @__PURE__ */ jsxs(
             "div",
@@ -11541,6 +11637,60 @@ function WeekViewAgenda({
             className: "relative grid auto-cols-fr border-border/70 border-r last:border-r-0",
             "data-today": isToday(day) || void 0,
             children: [
+              trueAllDayEvents.length > 0 && allDayCell && /* @__PURE__ */ jsx(Fragment, { children: trueAllDayEvents.filter(
+                (event) => event.start?.toLocaleDateString() == new Date(day).toLocaleDateString()
+              )?.map((event) => {
+                const eventStart = new Date(event.start);
+                const eventEnd = new Date(
+                  new Date(event.end).setHours(23, 59)
+                );
+                const isFirstDay = isSameDay(currentDate, eventStart);
+                const isLastDay = isSameDay(currentDate, eventEnd);
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "absolute z-10 px-0.5",
+                    style: {
+                      height: "100%",
+                      width: "100%",
+                      padding: "10px"
+                    },
+                    children: /* @__PURE__ */ jsx(TooltipProviderBase, { delayDuration: 400, children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+                      /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "size-full", children: /* @__PURE__ */ jsx(
+                        EventItemAgenda,
+                        {
+                          event,
+                          view: "day",
+                          isFirstDay,
+                          isLastDay,
+                          onClick: (e) => handleEventClick(event, e),
+                          noTime,
+                          className: "flex justify-start items-start rounded-sm py-1"
+                        }
+                      ) }) }),
+                      /* @__PURE__ */ jsxs(
+                        TooltipContentBase,
+                        {
+                          side: "top",
+                          sideOffset: 6,
+                          className: "max-w-[220px] space-y-0.5",
+                          children: [
+                            /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm leading-snug", children: event.title }),
+                            /* @__PURE__ */ jsx("p", { className: "text-xs opacity-90", children: formatDurationAgenda(event) }),
+                            event.location && /* @__PURE__ */ jsxs("p", { className: "text-xs flex items-center gap-2", children: [
+                              /* @__PURE__ */ jsx(MapPinIcon$1, { size: 15 }),
+                              " ",
+                              event.location
+                            ] }),
+                            event.description && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-75 line-clamp-2", children: event.description })
+                          ]
+                        }
+                      )
+                    ] }) })
+                  },
+                  `spanning-${event.id}`
+                );
+              }) }),
               (processedDayEvents[dayIndex] ?? []).map((positionedEvent) => {
                 const timeLabel = formatDurationAgenda(positionedEvent.event);
                 return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { delayDuration: 250, children: [
@@ -22242,15 +22392,24 @@ function normaliseGroups(items = [], groups = []) {
 }
 function unionGroups(base, terms) {
   if (terms.length === 0) return base;
-  const allMatchedIds = /* @__PURE__ */ new Set();
+  const bestScore = /* @__PURE__ */ new Map();
   terms.forEach((term) => {
-    const filtered = filterAndScore(base, term);
-    filtered.forEach((g) => g.items.forEach((i) => allMatchedIds.add(i.id)));
+    base.forEach((group) => {
+      group.items.forEach((item) => {
+        const s = scoreMatch(item, term);
+        if (s >= 0) {
+          const prev = bestScore.get(item.id) ?? -1;
+          if (s > prev) bestScore.set(item.id, s);
+        }
+      });
+    });
   });
   return base.map((group) => ({
     ...group,
-    items: group.items.filter((item) => allMatchedIds.has(item.id))
-  })).filter((group) => group.items.length > 0);
+    items: group.items.filter((item) => bestScore.has(item.id)).sort(
+      (a, b) => (bestScore.get(b.id) ?? 0) - (bestScore.get(a.id) ?? 0)
+    )
+  })).filter((group) => group.items.length > 0).sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
 }
 function createGroup(id, label, items, opts) {
   return { id, label, items, ...opts };
@@ -22371,33 +22530,31 @@ function CommandItemRow({
   onHover,
   searchQuery
 }) {
+  const handleCheckboxChange = (checked) => {
+    if (checked !== "indeterminate") {
+      onToggleSelection?.({});
+    }
+  };
+  const handleItemClick = (e) => {
+    if (multiSelect) {
+      onToggleSelection?.(e);
+      return;
+    }
+    onSelect(e);
+  };
   return /* @__PURE__ */ jsxs(
     motion.button,
     {
       layout: true,
-      onClick: (e) => {
-        if (multiSelect && onToggleSelection && (e.ctrlKey || e.metaKey || e.shiftKey)) {
-          onToggleSelection(e);
-        } else {
-          onSelect(e);
-        }
-      },
+      onClick: handleItemClick,
       onMouseEnter: onHover,
       className: `
-        w-full flex items-center gap-1 px-2 py-1 rounded-md text-left cursor-pointer
-        transition-colors duration-75 group relative
+        w-full flex items-center gap-2 px-2 py-1 rounded-md text-left cursor-pointer
+        transition-colors duration-75 group relative justify-between
         ${isActive ? "text-accent-foreground bg-accent" : "hover:bg-accent hover:text-accent-foreground"}
       `,
       children: [
-        item.icon && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: `relative flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-md text-base
-          ${isSelected ? "bg-primary text-primary-foreground" : isActive ? "bg-primary/20 text-primary" : "bg-muted text-muted-foreground group-hover:text-foreground"}`,
-            children: item.icon
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-0 px-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
             /* @__PURE__ */ jsx(
               "span",
@@ -22411,6 +22568,14 @@ function CommandItemRow({
           item.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: /* @__PURE__ */ jsx(HighlightText, { text: item.description, query: searchQuery }) })
         ] }),
         item.shortcut && /* @__PURE__ */ jsx("div", { className: "relative hidden sm:flex items-center gap-1 flex-shrink-0", children: item.shortcut.map((k, i) => /* @__PURE__ */ jsx(Kbd, { children: k }, i)) }),
+        multiSelect && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+          CheckboxBase,
+          {
+            checked: isSelected,
+            onCheckedChange: handleCheckboxChange,
+            className: "h-4 w-4 pointer-events-none"
+          }
+        ) }),
         isSelected && /* @__PURE__ */ jsx(
           motion.div,
           {
@@ -22418,7 +22583,8 @@ function CommandItemRow({
             className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-2/3 bg-primary rounded-r-md"
           }
         ),
-        isActive && !isSelected && /* @__PURE__ */ jsx(
+        !isSelected && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-2/3 bg-transparent rounded-r-md" }),
+        isActive && !isSelected && !multiSelect && /* @__PURE__ */ jsx(
           CaretRightIcon,
           {
             className: "relative w-4 h-4 text-primary flex-shrink-0",
@@ -22440,12 +22606,15 @@ function useCommandPalette({
   maxRecentItems = 5,
   multiSearch = false,
   multiSelect = false,
-  onSelectMultiple
+  onSelectMultiple,
+  onMultiSearchSubmit
 }) {
   const [query, setQuery] = React32.useState("");
   const [activeIndex, setActiveIndex] = React32.useState(0);
   const [page, setPage] = React32.useState(0);
-  const [selectedItemIds, setSelectedItemIds] = React32.useState(/* @__PURE__ */ new Set());
+  const [selectedItemIds, setSelectedItemIds] = React32.useState(
+    /* @__PURE__ */ new Set()
+  );
   const stateRef = useRef({
     activeIndex,
     page,
@@ -22462,27 +22631,44 @@ function useCommandPalette({
     });
   }, []);
   const clearSelection = useCallback(() => setSelectedItemIds(/* @__PURE__ */ new Set()), []);
-  const baseGroups = useMemo(() => normaliseGroups(items, groups), [items, groups]);
+  const baseGroups = useMemo(
+    () => normaliseGroups(items, groups),
+    [items, groups]
+  );
   useEffect(() => {
     if (open) {
-      setQuery("");
+      const savedQuery = localStorage.getItem("commandPaletteQuery") || "";
+      setQuery(savedQuery);
       setActiveIndex(0);
       setPage(0);
-      clearSelection();
+      if (!multiSelect) {
+        clearSelection();
+      }
     }
-  }, [open, clearSelection]);
+  }, [open, clearSelection, multiSelect]);
+  useEffect(() => {
+    if (!open) {
+      localStorage.setItem("commandPaletteQuery", query);
+    }
+  }, [open, query]);
   const searchTerms = useMemo(() => {
     const parts = query.split(",");
-    if (parts.length <= 1 && !multiSearch) return [];
-    return parts.map((t) => t.trim().toLowerCase()).filter(Boolean);
+    const terms = parts.map((t) => t.trim().toLowerCase()).filter(Boolean);
+    if (terms.length > 1) return terms;
+    if (multiSearch && terms.length > 0) return terms;
+    return [];
   }, [query, multiSearch]);
   const allMatchedGroups = useMemo(() => {
-    if (!query.trim()) {
-      return recentItems.length > 0 ? [{ id: "__recent__", label: "Recent", icon: React32.createElement(ClockCounterClockwiseIcon), items: recentItems, priority: 999 }, ...baseGroups] : baseGroups;
-    }
-    return searchTerms.length > 1 || multiSearch && searchTerms.length > 0 ? unionGroups(baseGroups, searchTerms) : filterAndScore(baseGroups, query);
-  }, [query, baseGroups, recentItems, multiSearch, searchTerms]);
-  const allFlatItems = useMemo(() => allMatchedGroups.flatMap((g) => g.items), [allMatchedGroups]);
+    if (!query.trim()) return baseGroups;
+    if (searchTerms.length > 0) {
+      return unionGroups(baseGroups, searchTerms);
+    }
+    return filterAndScore(baseGroups, query);
+  }, [query, baseGroups, searchTerms]);
+  const allFlatItems = useMemo(
+    () => allMatchedGroups.flatMap((g) => g.items),
+    [allMatchedGroups]
+  );
   const totalItems = allFlatItems.length;
   const totalPages = Math.max(1, Math.ceil(totalItems / PAGE_SIZE));
   useEffect(() => {
@@ -22509,8 +22695,14 @@ function useCommandPalette({
     }
     return result;
   }, [allMatchedGroups, page]);
-  const flatItems = useMemo(() => displayedGroups.flatMap((g) => g.items), [displayedGroups]);
-  const selectedItems = useMemo(() => allFlatItems.filter((i) => selectedItemIds.has(i.id)), [allFlatItems, selectedItemIds]);
+  const flatItems = useMemo(
+    () => displayedGroups.flatMap((g) => g.items),
+    [displayedGroups]
+  );
+  const selectedItems = useMemo(
+    () => allFlatItems.filter((i) => selectedItemIds.has(i.id)),
+    [allFlatItems, selectedItemIds]
+  );
   useEffect(() => {
     stateRef.current = { activeIndex, page, flatItems, query, selectedItems };
   }, [activeIndex, page, flatItems, query, selectedItems]);
@@ -22519,47 +22711,92 @@ function useCommandPalette({
     onSelectMultiple(selectedItems);
     onOpenChange?.(false);
   }, [onSelectMultiple, selectedItems, onOpenChange]);
-  const handleSelect = useCallback((item, event) => {
-    if (!item) return;
-    if (multiSelect) {
-      const isCmdKey = event && ("ctrlKey" in event || "metaKey" in event || "shiftKey" in event) && (event.ctrlKey || event.metaKey || event.shiftKey);
-      if (isCmdKey) {
-        toggleSelection(item.id);
-        return;
+  const handleSelect = useCallback(
+    (item, event) => {
+      if (!item) return;
+      if (multiSelect) {
+        const isCmdKey = event && ("ctrlKey" in event || "metaKey" in event || "shiftKey" in event) && (event.ctrlKey || event.metaKey || event.shiftKey);
+        if (isCmdKey) {
+          toggleSelection(item.id);
+          return;
+        }
+        if (selectedItems.length > 0) {
+          const finalItems = selectedItemIds.has(item.id) ? selectedItems : [...selectedItems, item];
+          onSelectMultiple?.(finalItems);
+          onOpenChange?.(false);
+          return;
+        }
       }
-      if (selectedItems.length > 0) {
-        const finalItems = selectedItemIds.has(item.id) ? selectedItems : [...selectedItems, item];
-        onSelectMultiple?.(finalItems);
-        onOpenChange?.(false);
-        return;
+      item.onSelect();
+      onOpenChange?.(false);
+      if (onRecentItemsChange) {
+        const next = [
+          item,
+          ...recentItems.filter((r) => r.id !== item.id)
+        ].slice(0, maxRecentItems);
+        onRecentItemsChange(next);
       }
-    }
-    item.onSelect();
-    onOpenChange?.(false);
-    if (onRecentItemsChange) {
-      const next = [item, ...recentItems.filter((r) => r.id !== item.id)].slice(0, maxRecentItems);
-      onRecentItemsChange(next);
-    }
-  }, [multiSelect, selectedItems, selectedItemIds, onSelectMultiple, onOpenChange, onRecentItemsChange, recentItems, maxRecentItems, toggleSelection]);
+    },
+    [
+      multiSelect,
+      selectedItems,
+      selectedItemIds,
+      onSelectMultiple,
+      onOpenChange,
+      onRecentItemsChange,
+      recentItems,
+      maxRecentItems,
+      toggleSelection
+    ]
+  );
   useEffect(() => {
     if (!open) return;
     const handler = (e) => {
-      const { activeIndex: curIdx, flatItems: curItems, query: curQuery, selectedItems: curSelected } = stateRef.current;
+      const { activeIndex: curIdx, flatItems: curItems } = stateRef.current;
       if (e.key === "ArrowDown") {
         e.preventDefault();
-        if (curIdx === curItems.length - 1 && page < totalPages - 1) setPage((p) => p + 1);
+        if (curIdx === curItems.length - 1 && page < totalPages - 1)
+          setPage((p) => p + 1);
         else setActiveIndex((i) => (i + 1) % Math.max(curItems.length, 1));
       } else if (e.key === "ArrowUp") {
         e.preventDefault();
         if (curIdx === 0 && page > 0) {
           setPage((p) => p - 1);
           setActiveIndex(PAGE_SIZE - 1);
-        } else setActiveIndex((i) => (i - 1 + Math.max(curItems.length, 1)) % Math.max(curItems.length, 1));
+        } else
+          setActiveIndex(
+            (i) => (i - 1 + Math.max(curItems.length, 1)) % Math.max(curItems.length, 1)
+          );
       } else if (e.key === "Enter") {
         e.preventDefault();
-        if (multiSearch && curQuery.includes(",") && curSelected.length === 0) {
+        const currentSelectedItems = allFlatItems.filter(
+          (i) => selectedItemIds.has(i.id)
+        );
+        if (multiSelect && currentSelectedItems.length > 0) {
+          const selectedLabels = currentSelectedItems.map((item) => item.label);
+          onMultiSearchSubmit?.(selectedLabels);
           return;
         }
+        if (multiSearch && query.trim().length > 0) {
+          const terms = query.split(",").map((t) => t.trim()).filter(Boolean);
+          if (terms.length > 0) {
+            if (multiSelect) {
+              const matchedItems = allFlatItems.filter(
+                (item) => terms.some(
+                  (term) => item.label.toLowerCase().includes(term.toLowerCase()) || item.id.toLowerCase().includes(term.toLowerCase())
+                )
+              );
+              const newSelectedIds = new Set(selectedItemIds);
+              matchedItems.forEach((item) => newSelectedIds.add(item.id));
+              setSelectedItemIds(newSelectedIds);
+              const selectedLabels = matchedItems.map((item) => item.label);
+              onMultiSearchSubmit?.(selectedLabels);
+              return;
+            }
+            onMultiSearchSubmit?.(terms);
+            return;
+          }
+        }
         if (multiSelect && (e.ctrlKey || e.metaKey)) {
           executeBulkAction();
           return;
@@ -22569,7 +22806,20 @@ function useCommandPalette({
     };
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
-  }, [open, page, totalPages, multiSearch, multiSelect, handleSelect, executeBulkAction]);
+  }, [
+    open,
+    page,
+    totalPages,
+    multiSearch,
+    multiSelect,
+    handleSelect,
+    executeBulkAction,
+    onMultiSearchSubmit,
+    selectedItems,
+    allFlatItems,
+    selectedItemIds,
+    query
+  ]);
   return {
     query,
     setQuery,
@@ -22590,7 +22840,7 @@ function useCommandPalette({
     selectedItems,
     executeBulkAction,
     isEmpty: totalItems === 0 && query.trim().length > 0,
-    showList: query.trim() !== "" || recentItems.length > 0
+    showList: true
   };
 }
 function useKeyboardShortcut(key, callback, options = {}) {
@@ -22890,7 +23140,16 @@ function CommandPalette(props) {
                 className: "flex-1 bg-transparent border-none shadow-none focus-visible:ring-0 p-0 text-base"
               }
             ),
-            query && /* @__PURE__ */ jsx(ButtonBase, { variant: "ghost", size: "icon", onClick: handleClearQuery, className: "h-8 w-8", children: /* @__PURE__ */ jsx(XIcon, { className: "w-4 h-4" }) })
+            query && /* @__PURE__ */ jsx(
+              ButtonBase,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: handleClearQuery,
+                className: "h-8 w-8",
+                children: /* @__PURE__ */ jsx(XIcon, { className: "w-4 h-4" })
+              }
+            )
           ]
         }
       ),
@@ -22943,7 +23202,13 @@ function CommandPalette(props) {
         style: { maxHeight: "min(600px, 80vh)" },
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-2 border-b border-border", children: [
-            /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "w-4 h-4 text-muted-foreground flex-shrink-0", weight: "bold" }),
+            /* @__PURE__ */ jsx(
+              MagnifyingGlassIcon,
+              {
+                className: "w-4 h-4 text-muted-foreground flex-shrink-0",
+                weight: "bold"
+              }
+            ),
             /* @__PURE__ */ jsx(
               DebouncedInput,
               {
@@ -22974,7 +23239,8 @@ function CommandPalette(props) {
               footer,
               totalItems,
               selectedCount: selectedItemIds.size,
-              executeBulkAction
+              executeBulkAction,
+              multiSelect
             }
           )
         ]