@sesionario/blocks 1.41.0-rc.5 → 1.41.0-rc.7

package/dist/index.cjs

@@ -5618,6 +5618,7 @@ function matchesQuery(entry, query, getOptionKeywords) {
 function SearchablePicker(props) {
   const {
     options,
+    selectedItems: selectedItemsProp,
     fetchOptions,
     getOptionValue,
     getOptionLabel,
@@ -5676,11 +5677,16 @@ function SearchablePicker(props) {
     },
     [getOptionValue]
   );
+  if (options?.length) rememberItems(options);
+  if (selectedItemsProp?.length) rememberItems(selectedItemsProp);
+  if (pinned?.recommended?.length) rememberItems(pinned.recommended);
+  if (pinned?.recent?.length) rememberItems(pinned.recent);
   React2.useEffect(() => {
     if (options) rememberItems(options);
+    if (selectedItemsProp) rememberItems(selectedItemsProp);
     if (pinned?.recommended) rememberItems(pinned.recommended);
     if (pinned?.recent) rememberItems(pinned.recent);
-  }, [options, pinned, rememberItems]);
+  }, [options, selectedItemsProp, pinned, rememberItems]);
   React2.useEffect(() => {
     if (!open) {
       setQuery("");
@@ -5728,7 +5734,7 @@ function SearchablePicker(props) {
   const selectedItems = React2.useMemo(() => {
     const values = mode === "multiple" ? selectedValueKey ? selectedValueKey.split("\0") : [] : selectedValueKey ? [selectedValueKey] : [];
     return values.map((value) => knownItemsRef.current.get(value)).filter((item) => item !== void 0);
-  }, [mode, selectedValueKey, options, pinned, remoteItems]);
+  }, [mode, selectedValueKey, options, selectedItemsProp, pinned, remoteItems]);
   const queryForFilter = query.trim();
   const recommended = React2.useMemo(() => {
     if (queryForFilter) return [];
@@ -5832,13 +5838,27 @@ function SearchablePicker(props) {
   );
   const handleLoadMore = React2.useCallback(async () => {
     if (!onLoadMore || isLoadingMore) return;
+    const requestId = requestIdRef.current;
     setIsLoadingMore(true);
     try {
-      await onLoadMore();
+      const more = await onLoadMore();
+      if (requestIdRef.current !== requestId || !Array.isArray(more)) return;
+      setRemoteItems((prev) => {
+        const seen = new Set(prev.map((item) => getOptionValue(item)));
+        const next = [...prev];
+        for (const item of more) {
+          const value = getOptionValue(item);
+          if (seen.has(value)) continue;
+          seen.add(value);
+          next.push(item);
+        }
+        return next;
+      });
+      rememberItems(more);
     } finally {
-      setIsLoadingMore(false);
+      if (requestIdRef.current === requestId) setIsLoadingMore(false);
     }
-  }, [onLoadMore, isLoadingMore]);
+  }, [onLoadMore, isLoadingMore, getOptionValue, rememberItems]);
   const triggerLabel = React2.useMemo(() => {
     if (renderValue) {
       if (mode === "multiple") {
@@ -5972,7 +5992,7 @@ function SearchablePicker(props) {
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full items-center gap-1", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, modal: true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
       /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: triggerButton }),
       /* @__PURE__ */ jsxRuntime.jsx(
         PopoverContent,
@@ -7398,6 +7418,9 @@ var MessageComposer = React2__namespace.forwardRef(function MessageComposer2({
       event.preventDefault();
       if (!canSubmit) return;
       onSubmit(event);
+      requestAnimationFrame(() => {
+        fieldRef.current?.focus({ preventScroll: true });
+      });
     },
     [canSubmit, onSubmit]
   );
@@ -7472,6 +7495,10 @@ var MessageComposer = React2__namespace.forwardRef(function MessageComposer2({
               size: sendButtonSize,
               disabled: !canSubmit,
               className: sendButtonClassName,
+              onPointerDown: (event) => {
+                if (event.button !== 0) return;
+                event.preventDefault();
+              },
               children: sendLabel
             }
           )
@@ -7729,7 +7756,7 @@ function ThreadPanel({
             sendLabel: labels.send,
             placeholder: labels.placeholder,
             "aria-label": labels.placeholder,
-            disabled: loading || sending,
+            disabled: loading,
             sendDisabled: loading || sending,
             maxLength: 2e3,
             rows: 2