@flamingo-stack/openframe-frontend-core 0.0.533 → 0.0.534-snapshot.20260812085314

package/dist/{chunk-LIUARTOZ.js → chunk-4DTUUM5V.js}

@@ -39,6 +39,7 @@ import {
   useImageEdgeColor,
   useIsTruncated,
   useIsomorphicLayoutEffect,
+  useKeyboardCollisionPadding,
   useLgUp,
   useLocalStorage,
   useMarqueeEngine,
@@ -51,7 +52,7 @@ import {
   useResetOnPageHidden,
   useSuppressCloneFocus,
   useToast
-} from "./chunk-GS4HJA2G.js";
+} from "./chunk-4A736Z6S.js";
 import {
   init_next_navigation,
   usePathname,
@@ -6530,6 +6531,7 @@ var ChatInput = forwardRef13((allProps, ref) => {
     // contenteditable div, not a <textarea>, so spreading them would warn.
   } = rest;
   const [value, setValue] = useState10("");
+  const [hasChips, setHasChips] = useState10(false);
   const [focused, setFocused] = useState10(false);
   const [isStopping, setIsStopping] = useState10(false);
   const [previewDismissed, setPreviewDismissed] = useState10(false);
@@ -6565,26 +6567,32 @@ var ChatInput = forwardRef13((allProps, ref) => {
         if (typeof caret === "number") placeCaretAtOffset(el, caret);
         else placeCaretAtEnd(el);
       }
+      setHasChips(el.querySelector("[data-token]") !== null);
     }
+    valueRef.current = next;
     setValue(next);
   }, []);
   const fire = useCallback3(
     (message2) => {
       const can = (message2.length > 0 || allowEmptySend) && !sending && !disabled;
       if (!can || !onSend) return;
-      const result = onSend(message2);
-      const done = () => {
-        metaRef.current = /* @__PURE__ */ new Map();
-        applyValue("");
-        shouldRefocusRef.current = true;
-        focusEditor();
+      const sentMeta = metaRef.current;
+      metaRef.current = /* @__PURE__ */ new Map();
+      applyValue("");
+      shouldRefocusRef.current = true;
+      focusEditor();
+      const restore = () => {
+        if (valueRef.current.length > 0) return;
+        metaRef.current = sentMeta;
+        applyValue(message2);
       };
+      const result = onSend(message2);
       if (result instanceof Promise) {
         void result.then((ok) => {
-          if (ok !== false) done();
+          if (ok === false) restore();
         });
-      } else if (result !== false) {
-        done();
+      } else if (result === false) {
+        restore();
       }
     },
     [allowEmptySend, sending, disabled, onSend, focusEditor, applyValue]
@@ -6673,6 +6681,7 @@ var ChatInput = forwardRef13((allProps, ref) => {
   const syncFromDom = useCallback3(() => {
     const el = editorRef.current;
     if (!el) return;
+    setHasChips(el.querySelector("[data-token]") !== null);
     setValue(serialize(el));
   }, []);
   const handleInput = useCallback3(() => {
@@ -6778,8 +6787,7 @@ var ChatInput = forwardRef13((allProps, ref) => {
   const hasContent2 = value.trim().length > 0 || allowEmptySend;
   const sendDisabled = sending || disabled || !hasContent2;
   const isEmpty = value.length === 0;
-  const isDisabled = sending || disabled;
-  const showPreview = !isDisabled && !!previewText && !previewDismissed;
+  const showPreview = !sending && !disabled && !!previewText && !previewDismissed;
   return /* @__PURE__ */ jsx30(
     "div",
     {
@@ -6813,23 +6821,24 @@ var ChatInput = forwardRef13((allProps, ref) => {
             },
             className: cn(
               // `items-center` keeps the empty single-line text AND a mention chip
-              // vertically centered the same way. `py-1.5` (6px) pairs with the
-              // editor's `leading-9` (36px) → a single line is exactly 48px
-              // (36 + 2*6). The 36px line box is just barely above the 32px chip
-              // (incl. its ~3.5px vertical-align overhead), so there's almost no
-              // slack for the chip to drift in → it reads as centered, and the row
-              // never overflows past 48px.
+              // vertically centered the same way. With a chip in the box, `py-1.5`
+              // (6px) pairs with the editor's `leading-9` (36px) → that row is
+              // 36 + 2*6 = 48px. The 36px line box is just barely above the 32px
+              // chip (incl. its ~3.5px vertical-align overhead), so there's almost
+              // no slack for the chip to drift in → it reads as centered.
+              // A chipless row is shorter than its content box and the `min-h-*`
+              // here is what sets its height: 48px from `md` up, 44px below.
               "flex w-full items-center gap-2 px-3 py-1.5 min-h-11 md:min-h-12 cursor-text group transition-colors duration-200",
               !hideBorder && "rounded-[6px] border bg-ods-card border-ods-border",
-              !hideBorder && (focused ? "border-ods-accent" : !isDisabled && "hover:bg-ods-bg-hover hover:border-ods-border-hover"),
-              !hideBorder && isDisabled && "!cursor-not-allowed bg-ods-bg",
+              !hideBorder && (focused ? "border-ods-accent" : !disabled && "hover:bg-ods-bg-hover hover:border-ods-border-hover"),
+              !hideBorder && disabled && "!cursor-not-allowed bg-ods-bg",
               hideBorder && "bg-transparent"
             ),
             children: [
               startIcon && /* @__PURE__ */ jsx30("span", { className: "flex h-6 shrink-0 items-center", children: startIcon }),
               /* @__PURE__ */ jsxs23("div", { className: "relative flex-1 min-w-0", children: [
-                isEmpty && !showPreview && /* @__PURE__ */ jsx30("span", { className: "pointer-events-none absolute left-0 top-0 select-none text-h4 !leading-9 text-ods-text-secondary", children: disabled ? "Connection lost. Waiting to reconnect..." : placeholder }),
-                showPreview && /* @__PURE__ */ jsx30("p", { className: "pointer-events-none absolute inset-x-0 top-0 m-0 select-none truncate text-h4 !leading-9 text-ods-text-secondary", children: previewText }),
+                isEmpty && !showPreview && /* @__PURE__ */ jsx30("span", { className: "pointer-events-none absolute left-0 top-0 select-none text-h4 text-ods-text-secondary", children: disabled ? "Connection lost. Waiting to reconnect..." : placeholder }),
+                showPreview && /* @__PURE__ */ jsx30("p", { className: cn("pointer-events-none absolute inset-x-0 top-0 m-0 select-none truncate text-h4 text-ods-text-secondary", hasChips && "!leading-9"), children: previewText }),
                 /* @__PURE__ */ jsx30(
                   "div",
                   {
@@ -6838,7 +6847,7 @@ var ChatInput = forwardRef13((allProps, ref) => {
                     role: "textbox",
                     "aria-multiline": "true",
                     "aria-label": typeof placeholder === "string" ? placeholder : "Message",
-                    contentEditable: !isDisabled,
+                    contentEditable: !disabled,
                     suppressContentEditableWarning: true,
                     spellCheck: true,
                     onInput: handleInput,
@@ -6861,17 +6870,25 @@ var ChatInput = forwardRef13((allProps, ref) => {
                       // see the preview comment above) and is only made transparent;
                       // the absolutely-positioned single-line preview paints over it.
                       showPreview && "opacity-0",
-                      // `leading-9` (36px) sits just above the 32px chip's line-box need
-                      // (~35.5px incl. vertical-align overhead): the LINE drives row
-                      // height (deterministic 48px, no overflow) AND the near-zero slack
-                      // keeps the chip centered. ~4px gap between wrapped chip rows.
-                      // `min-h-9` pins that single-line box even when EMPTY: a non-editable
-                      // (`contentEditable=false`, i.e. disabled/sending) empty div would
-                      // otherwise collapse to 0px, and `items-center` would re-center the
-                      // shorter wrapper in the row — dropping the `top-0` placeholder down.
-                      "min-h-9 text-h4 text-ods-text-primary !leading-9",
+                      // WITH chips, `leading-9` (36px) sits just above the 32px chip's
+                      // line-box need (~35.5px incl. vertical-align overhead): the LINE
+                      // drives row height (deterministic 48px, no overflow) AND the
+                      // near-zero slack keeps the chip centered against the `align-top`
+                      // `h-9` wrapper `buildChipEl` gives it. ~4px gap between wrapped
+                      // chip rows.
+                      // WITHOUT chips there is nothing tall to center, and forcing the
+                      // same 36px box on 14px phone text (`text-h4`) put a blank line's
+                      // worth of air between every wrapped row — so plain drafts keep
+                      // `text-h4`'s own responsive line-height (20px / 24px at md).
+                      // `min-h-*` pins the single-line box even when EMPTY: a
+                      // non-editable (`contentEditable=false`, i.e. `disabled`) empty div
+                      // would otherwise collapse to 0px, and `items-center` would
+                      // re-center the shorter wrapper in the row — dropping the `top-0`
+                      // placeholder down.
+                      "text-h4 text-ods-text-primary",
+                      hasChips ? "min-h-9 !leading-9" : "min-h-[var(--font-line-space-h4-body)]",
                       "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-ods-border/30 hover:scrollbar-thumb-ods-text-secondary/30",
-                      isDisabled && "cursor-not-allowed"
+                      disabled && "cursor-not-allowed"
                     )
                   }
                 )
@@ -17422,6 +17439,7 @@ function AutocompleteInner(props, ref) {
   };
   const [isOpen, setIsOpen] = useState34(false);
   const [highlightedIndex, setHighlightedIndex] = useState34(-1);
+  const keyboardPadding = useKeyboardCollisionPadding();
   const containerRef = useRef24(null);
   const hiddenTagsPopupRef = useRef24(null);
   const isInvalid = invalid || !!error;
@@ -17728,12 +17746,14 @@ function AutocompleteInner(props, ref) {
         className: cn(
           "z-50 w-[var(--radix-popover-trigger-width)] mt-1",
           "bg-ods-card border border-ods-border rounded-[4px]",
+          "flex flex-col overflow-hidden max-h-[var(--radix-popper-available-height)]",
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
           dropdownClassName
         ),
         sideOffset: 4,
         align: "start",
+        collisionPadding: { bottom: keyboardPadding },
         onOpenAutoFocus: (e) => {
           e.preventDefault();
           autoLimitTags.inputRef.current?.focus();
@@ -17743,8 +17763,8 @@ function AutocompleteInner(props, ref) {
             e.preventDefault();
           }
         },
-        children: /* @__PURE__ */ jsxs84(ScrollAreaPrimitive.Root, { className: "overflow-hidden", children: [
-          /* @__PURE__ */ jsx110(ScrollAreaPrimitive.Viewport, { className: "max-h-[240px] w-full [&>div]:!block", children: /* @__PURE__ */ jsx110("div", { role: "listbox", children: loading ? /* @__PURE__ */ jsx110("div", { className: "px-3 py-2 text-ods-text-secondary text-h6", children: loadingText }) : filteredOptions.length === 0 ? showCreateOption ? isCreateTooLong ? /* @__PURE__ */ jsxs84("div", { className: "flex items-center h-11 md:h-12 px-[var(--spacing-system-mf)] text-h5 text-ods-error min-w-0", children: [
+        children: /* @__PURE__ */ jsxs84(ScrollAreaPrimitive.Root, { className: "flex min-h-0 flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsx110(ScrollAreaPrimitive.Viewport, { className: "min-h-0 max-h-[240px] w-full [&>div]:!block", children: /* @__PURE__ */ jsx110("div", { role: "listbox", children: loading ? /* @__PURE__ */ jsx110("div", { className: "px-3 py-2 text-ods-text-secondary text-h6", children: loadingText }) : filteredOptions.length === 0 ? showCreateOption ? isCreateTooLong ? /* @__PURE__ */ jsxs84("div", { className: "flex items-center h-11 md:h-12 px-[var(--spacing-system-mf)] text-h5 text-ods-error min-w-0", children: [
             "Maximum ",
             maxCreateLength,
             " characters"
@@ -19632,6 +19652,7 @@ function SearchableSelect({
 }) {
   const [isOpen, setIsOpen] = React54.useState(false);
   const [search, setSearch] = React54.useState("");
+  const keyboardPadding = useKeyboardCollisionPadding();
   React54.useEffect(() => {
     if (!isOpen) setSearch("");
   }, [isOpen]);
@@ -19683,8 +19704,10 @@ function SearchableSelect({
       {
         align,
         sideOffset: 6,
+        collisionPadding: { bottom: keyboardPadding },
         className: cn(
           "z-50 min-w-[var(--radix-popover-trigger-width)] bg-ods-card border border-ods-border rounded-md shadow-lg overflow-hidden",
+          "flex flex-col max-h-[var(--radix-popper-available-height)]",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
           "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -19692,7 +19715,7 @@ function SearchableSelect({
           contentClassName
         ),
         children: [
-          /* @__PURE__ */ jsx124("div", { className: "border-b border-ods-border", children: /* @__PURE__ */ jsx124(
+          /* @__PURE__ */ jsx124("div", { className: "shrink-0 border-b border-ods-border", children: /* @__PURE__ */ jsx124(
             Input,
             {
               autoFocus: true,
@@ -19703,7 +19726,7 @@ function SearchableSelect({
               className: "rounded-none border-0"
             }
           ) }),
-          /* @__PURE__ */ jsx124("div", { className: "max-h-80 overflow-y-auto py-[var(--spacing-system-xs)]", role: "listbox", children: isLoading ? /* @__PURE__ */ jsx124("div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-s)] text-h5 text-ods-text-secondary", children: loadingText }) : filtered.length === 0 ? /* @__PURE__ */ jsx124("div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-s)] text-h5 text-ods-text-secondary", children: emptyText }) : filtered.map((opt) => {
+          /* @__PURE__ */ jsx124("div", { className: "min-h-0 max-h-80 overflow-y-auto py-[var(--spacing-system-xs)]", role: "listbox", children: isLoading ? /* @__PURE__ */ jsx124("div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-s)] text-h5 text-ods-text-secondary", children: loadingText }) : filtered.length === 0 ? /* @__PURE__ */ jsx124("div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-s)] text-h5 text-ods-text-secondary", children: emptyText }) : filtered.map((opt) => {
             const isSelected = value === opt.value;
             return /* @__PURE__ */ jsx124(
               "button",
@@ -20530,6 +20553,7 @@ function TagSelectDropdown({
 }) {
   const [isOpen, setIsOpen] = React63.useState(false);
   const [search, setSearch] = React63.useState("");
+  const keyboardPadding = useKeyboardCollisionPadding();
   React63.useEffect(() => {
     if (!isOpen) setSearch("");
   }, [isOpen]);
@@ -20573,15 +20597,17 @@ function TagSelectDropdown({
       {
         align,
         sideOffset: 6,
+        collisionPadding: { bottom: keyboardPadding },
         className: cn(
           "z-50 w-72 bg-ods-card border border-ods-border rounded-[6px] shadow-lg overflow-hidden",
+          "flex flex-col max-h-[var(--radix-popper-available-height)]",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
           "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
           "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2"
         ),
         children: [
-          /* @__PURE__ */ jsx135("div", { className: "border-b border-ods-border", children: /* @__PURE__ */ jsx135(
+          /* @__PURE__ */ jsx135("div", { className: "shrink-0 border-b border-ods-border", children: /* @__PURE__ */ jsx135(
             Input,
             {
               autoFocus: true,
@@ -20598,7 +20624,7 @@ function TagSelectDropdown({
               className: "rounded-none border-0"
             }
           ) }),
-          /* @__PURE__ */ jsxs105("div", { className: "max-h-72 overflow-y-auto py-[var(--spacing-system-xs)]", role: "listbox", children: [
+          /* @__PURE__ */ jsxs105("div", { className: "min-h-0 max-h-72 overflow-y-auto py-[var(--spacing-system-xs)]", role: "listbox", children: [
             ordered.map((opt) => {
               const isSelected = selectedIds.includes(opt.id);
               return /* @__PURE__ */ jsxs105(
@@ -20839,6 +20865,7 @@ function TagsManager({
 }) {
   const [open, setOpen] = React65.useState(false);
   const [search, setSearch] = React65.useState("");
+  const keyboardPadding = useKeyboardCollisionPadding();
   const [editingId, setEditingId] = React65.useState(null);
   const [editingName, setEditingName] = React65.useState("");
   const editInputRef = React65.useRef(null);
@@ -20989,6 +21016,7 @@ function TagsManager({
         className: cn(
           "z-50 w-[var(--radix-popover-trigger-width)] mt-1",
           "bg-ods-card border border-ods-border rounded",
+          "flex flex-col overflow-hidden max-h-[var(--radix-popper-available-height)]",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
           "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -20996,6 +21024,7 @@ function TagsManager({
         ),
         sideOffset: 4,
         align: "start",
+        collisionPadding: { bottom: keyboardPadding },
         onOpenAutoFocus: (e) => {
           e.preventDefault();
           inputRef.current?.focus();
@@ -21005,8 +21034,8 @@ function TagsManager({
             e.preventDefault();
           }
         },
-        children: /* @__PURE__ */ jsxs107(ScrollAreaPrimitive2.Root, { className: "overflow-hidden", children: [
-          /* @__PURE__ */ jsx138(ScrollAreaPrimitive2.Viewport, { className: "max-h-60 w-full", children: /* @__PURE__ */ jsxs107("div", { role: "listbox", children: [
+        children: /* @__PURE__ */ jsxs107(ScrollAreaPrimitive2.Root, { className: "flex min-h-0 flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsx138(ScrollAreaPrimitive2.Viewport, { className: "min-h-0 max-h-60 w-full", children: /* @__PURE__ */ jsxs107("div", { role: "listbox", children: [
             filtered.map((tag) => {
               const isSelected = selectedIds.includes(tag.id);
               const isEditing = editingId === tag.id;
@@ -23109,9 +23138,8 @@ function useRichMarkdownRuntime() {
 import { useState as useState50, useEffect as useEffect41, useRef as useRef33 } from "react";
 
 // src/utils/social-embed-cache.ts
-var cachingRequests = /* @__PURE__ */ new Map();
 var dataCache = /* @__PURE__ */ new Map();
-var refreshTimestamps = /* @__PURE__ */ new Map();
+var inflightRequests = /* @__PURE__ */ new Map();
 var SocialEmbedCache = class _SocialEmbedCache {
   static getInstance() {
     if (!_SocialEmbedCache.instance) {
@@ -23119,269 +23147,64 @@ var SocialEmbedCache = class _SocialEmbedCache {
     }
     return _SocialEmbedCache.instance;
   }
-  // Check if data exists in memory cache
   getFromMemory(url) {
     return dataCache.get(url) || null;
   }
-  // Store data in memory cache
   setInMemory(url, data) {
     dataCache.set(url, data);
   }
-  // Check server cache (cache-only mode)
-  async getFromServer(options) {
-    try {
-      console.log(`\u{1F50D} [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Cache] Checking server cache for: ${options.url}`);
-      const response = await fetch(`${options.apiEndpoint}?url=${encodeURIComponent(options.url)}&cache-only=true`);
-      if (response.ok) {
-        const data = await response.json();
-        console.log(`\u2705 [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Cache] Server cache hit: ${options.url}`);
-        return data;
-      } else if (response.status === 404) {
-        console.log(`\u{1F4A8} [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Cache] No server cache available for: ${options.url}`);
-        return null;
-      }
-    } catch (error) {
-      console.log(`\u274C [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Cache] Server cache check failed for: ${options.url}`, error);
-    }
-    return null;
-  }
-  // Helper method to update server cache asynchronously
-  async updateServerCache(apiEndpoint, url, data) {
-    try {
-      console.log(`\u{1F4BE} [Cache] Updating server cache for: ${url}`);
-      await fetch(`${apiEndpoint}?url=${encodeURIComponent(url)}`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(data)
-      });
-      console.log(`\u2705 [Cache] Server cache updated for: ${url}`);
-    } catch (error) {
-      console.log(`\u274C [Cache] Server cache update failed for: ${url}`, error);
-    }
-  }
-  // Store data in server cache (with deduplication)
-  async setInServer(options, data) {
-    const cacheKey = `${options.platform}-${options.url}`;
-    if (cachingRequests.has(cacheKey)) {
-      console.log(`\u23ED\uFE0F [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Cache] Server cache update skipped (already in progress): ${options.url}`);
-      return;
-    }
-    console.log(`\u{1F4BE} [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Cache] Updating server cache for: ${options.url}`);
-    const cachePromise = fetch(`${options.apiEndpoint}?url=${encodeURIComponent(options.url)}`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(data)
-    }).then(() => {
-      console.log(`\u2705 [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Cache] Server cache updated successfully: ${options.url}`);
-      cachingRequests.delete(cacheKey);
-    }).catch((error) => {
-      console.log(`\u274C [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Cache] Server cache update failed: ${options.url}`, error);
-      cachingRequests.delete(cacheKey);
-    });
-    cachingRequests.set(cacheKey, cachePromise);
-    await cachePromise;
-  }
-  // Direct fetch with platform-specific logic
-  async fetchDirect(options) {
-    try {
-      console.log(`\u{1F504} [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Direct] Fetching content: ${options.url}`);
-      const result = await options.directFetcher();
-      console.log(`\u2705 [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Direct] Fetch successful: ${options.url}`);
-      return result;
-    } catch (error) {
-      console.log(`\u274C [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Direct] Fetch failed: ${options.url}`, error);
-      return null;
-    }
-  }
-  // Unified cache hierarchy: Memory → Server → Direct
+  /**
+   * Memory → proxy. Kept the historical name so the embed clients'
+   * call sites are unchanged.
+   */
   async fetchWithHierarchy(options) {
-    const { url, platform, onDataUpdate, onError, onLoading, dataValidator } = options;
-    const platformName = platform.charAt(0).toUpperCase() + platform.slice(1);
-    this.scheduleAsyncRefresh(platform, url, dataValidator, options.apiEndpoint);
-    console.log(`\u{1F50D} [${platformName} Cache] Checking memory cache for: ${url}`);
+    const { url, platform, apiEndpoint, dataValidator, onDataUpdate, onError, onLoading } = options;
     const memoryData = this.getFromMemory(url);
     if (memoryData && dataValidator(memoryData)) {
-      console.log(`\u{1F48E} [${platformName} Cache] Memory cache hit for: ${url}`);
       onDataUpdate(memoryData);
       onLoading(false);
       return;
     }
-    console.log(`\u{1F50D} [${platformName} Cache] No memory cache, checking server cache for: ${url}`);
-    const serverCacheData = await this.getFromServer(options);
-    if (serverCacheData && dataValidator(serverCacheData)) {
-      console.log(`\u{1F3AF} [${platformName} Cache] Server cache hit (cached data) for: ${url}`);
-      onDataUpdate(serverCacheData);
-      this.setInMemory(url, serverCacheData);
-      onLoading(false);
-      return;
-    }
-    console.log(`\u{1F50D} [${platformName} Cache] No server cache, attempting direct fetch for: ${url}`);
-    if (platform === "reddit") {
-      try {
-        const directResponse = await fetch(url, {
-          method: "GET",
-          headers: {
-            "Accept": "application/json"
-          },
-          signal: AbortSignal.timeout(1e4)
-        });
-        if (directResponse.ok) {
-          const directData = await directResponse.json();
-          if (directData && dataValidator(directData)) {
-            console.log(`\u2705 [${platformName} Direct] Browser direct fetch successful for: ${url}`);
-            onDataUpdate(directData);
-            this.setInMemory(url, directData);
-            onLoading(false);
-            setTimeout(() => {
-              this.updateServerCache(options.apiEndpoint, url, directData);
-            }, 0);
-            return;
-          }
-        }
-        console.log(`\u{1F4A8} [${platformName} Direct] Browser direct fetch failed (${directResponse.status}), trying server proxy...`);
-      } catch (directError) {
-        console.log(`\u{1F4A8} [${platformName} Direct] Browser direct fetch failed, trying server proxy...`, directError);
-      }
-    }
-    console.log(`\u{1F50D} [${platformName} Cache] Trying server proxy for: ${url}`);
     try {
-      const response = await fetch(`${options.apiEndpoint}?url=${encodeURIComponent(url)}`);
-      if (response.ok) {
-        const serverData = await response.json();
-        if (serverData && dataValidator(serverData)) {
-          const cacheStatus = response.headers.get("x-cache") || "UNKNOWN";
-          if (cacheStatus === "HIT") {
-            console.log(`\u{1F3AF} [${platformName} Proxy] Server cache hit (cached data) for: ${url}`);
-          } else if (cacheStatus === "MISS-FETCHED") {
-            console.log(`\u{1F504} [${platformName} Proxy] Server processed fresh fetch (now cached) for: ${url}`);
-          } else {
-            console.log(`\u2705 [${platformName} Proxy] Server returned data (${cacheStatus}) for: ${url}`);
-          }
-          onDataUpdate(serverData);
-          this.setInMemory(url, serverData);
-          onLoading(false);
-          return;
-        } else {
-          console.log(`\u26A0\uFE0F [${platformName} Proxy] Server returned data but validation failed for: ${url}`);
-          throw new Error("Server proxy returned invalid data shape");
-        }
-      } else {
-        let errorData = null;
-        try {
-          errorData = await response.json();
-        } catch {
-        }
-        if (response.status === 404 && errorData?.error && errorData?.message) {
-          console.log(`\u{1F6AB} [${platformName} Proxy] Content unavailable: ${errorData.message}`);
-          onError(errorData.message);
-          onLoading(false);
-          return;
-        }
-        if (errorData?.error) {
-          throw new Error(`Server error: ${errorData.error}`);
-        }
-        throw new Error(`Server proxy failed: ${response.status}`);
+      const data = await this.fetchFromProxy(url, apiEndpoint, dataValidator);
+      if (data) {
+        this.setInMemory(url, data);
+        onDataUpdate(data);
+        onLoading(false);
+        return;
       }
+      onError(`This ${platform === "reddit" ? "Reddit post" : "tweet"} could not be loaded.`);
     } catch (error) {
-      console.log(`\u274C [${platformName} Cache] All fetch attempts failed for: ${url}`, error);
+      console.log(`\u274C [${platform} embed] Proxy fetch failed for: ${url}`, error);
       onError(`Unable to load ${platform} content`);
-      onLoading(false);
     }
+    onLoading(false);
   }
-  // Schedule async background refresh (runs once, 1 second after load)
-  //
-  // The hub's old version hard-coded `/api/blog/{reddit,twitter}-proxy`. We
-  // now require `apiEndpoint` so embedders can route through their own
-  // reverse proxy (e.g. `/content/api/blog/...`).
-  scheduleAsyncRefresh(platform, url, dataValidator, apiEndpoint) {
-    setTimeout(() => {
-      const platformName = platform.charAt(0).toUpperCase() + platform.slice(1);
-      console.log(`\u{1F504} [${platformName} Async] Background refresh starting for: ${url}`);
-      fetch(`${apiEndpoint}?url=${encodeURIComponent(url)}`).then((response) => {
-        if (response.ok) {
-          return response.json();
-        } else {
-          console.log(`\u274C [${platformName} Async] Background refresh failed (${response.status}) for: ${url}`);
-          return null;
-        }
-      }).then((data) => {
-        if (data && dataValidator(data)) {
-          this.setInMemory(url, data);
-          console.log(`\u2705 [${platformName} Async] Background refresh completed for: ${url}`);
-        } else if (data) {
-          console.log(`\u274C [${platformName} Async] Background refresh failed (invalid data) for: ${url}`);
-        }
-      }).catch((error) => console.log(`\u274C [${platformName} Async] Background refresh failed for: ${url}`, error));
-    }, 1e3);
-  }
-  // Background refresh to keep cache fresh (with request deduplication)
-  async backgroundRefresh(options, currentData) {
-    const refreshKey = `refresh-${options.platform}-${options.url}`;
-    const now = Date.now();
-    const lastRefresh = refreshTimestamps.get(refreshKey);
-    if (lastRefresh && now - lastRefresh < 3e4) {
-      console.log(`\u23ED\uFE0F [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Background] Refresh skipped (recent refresh): ${options.url}`);
-      return;
-    }
-    if (cachingRequests.has(refreshKey)) {
-      console.log(`\u23ED\uFE0F [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Background] Refresh skipped (already in progress): ${options.url}`);
-      return;
-    }
-    const refreshPromise = (async () => {
-      try {
-        console.log(`\u{1F504} [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Background] Starting background refresh for: ${options.url}`);
-        refreshTimestamps.set(refreshKey, now);
-        const freshData = await this.fetchDirect(options);
-        if (freshData && options.dataValidator(freshData)) {
-          this.setInMemory(options.url, freshData);
-          await this.setInServer(options, freshData);
-          console.log(`\u2705 [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Background] Background refresh completed for: ${options.url}`);
-        } else {
-          console.log(`\u274C [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Background] Background refresh failed (invalid data) for: ${options.url}`);
-        }
-      } catch (error) {
-        console.log(`\u274C [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Background] Background refresh failed for: ${options.url}`, error);
-      } finally {
-        cachingRequests.delete(refreshKey);
+  /**
+   * Returns the validated payload, `null` for a structured "content
+   * unavailable" 404, and throws for everything else. Concurrent calls for
+   * the same URL share one request.
+   */
+  fetchFromProxy(url, apiEndpoint, dataValidator) {
+    const inflight = inflightRequests.get(url);
+    if (inflight) return inflight;
+    const request = (async () => {
+      const response = await fetch(`${apiEndpoint}?url=${encodeURIComponent(url)}`, {
+        signal: AbortSignal.timeout(15e3)
+      });
+      if (response.ok) {
+        const data = await response.json();
+        if (data && dataValidator(data)) return data;
+        throw new Error("Server proxy returned invalid data shape");
       }
+      if (response.status === 404) return null;
+      throw new Error(`Server proxy failed: ${response.status}`);
     })();
-    cachingRequests.set(refreshKey, refreshPromise);
-    await refreshPromise;
-  }
-  // Silent background refresh for UI-sensitive components
-  silentBackgroundRefresh(options) {
-    const refreshKey = `silent-refresh-${options.platform}-${options.url}`;
-    const now = Date.now();
-    const lastRefresh = refreshTimestamps.get(refreshKey);
-    if (lastRefresh && now - lastRefresh < 3e5) {
-      console.log(`\u23ED\uFE0F [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Silent] Silent refresh skipped (recent refresh): ${options.url}`);
-      return;
-    }
-    if (cachingRequests.has(refreshKey)) {
-      console.log(`\u23ED\uFE0F [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Silent] Silent refresh skipped (already in progress): ${options.url}`);
-      return;
-    }
-    setTimeout(() => {
-      const refreshPromise = (async () => {
-        try {
-          console.log(`\u{1F504} [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Silent] Starting silent background refresh for: ${options.url}`);
-          refreshTimestamps.set(refreshKey, now);
-          const freshData = await this.fetchDirect(options);
-          if (freshData && options.dataValidator(freshData)) {
-            this.setInMemory(options.url, freshData);
-            await this.setInServer(options, freshData);
-            console.log(`\u2705 [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Silent] Silent refresh completed for: ${options.url}`);
-          } else {
-            console.log(`\u274C [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Silent] Silent refresh failed (invalid data) for: ${options.url}`);
-          }
-        } catch (error) {
-          console.log(`\u274C [${options.platform.charAt(0).toUpperCase() + options.platform.slice(1)} Silent] Silent refresh failed for: ${options.url}`, error);
-        } finally {
-          cachingRequests.delete(refreshKey);
-        }
-      })();
-      cachingRequests.set(refreshKey, refreshPromise);
-    }, 0);
+    inflightRequests.set(
+      url,
+      request.finally(() => inflightRequests.delete(url))
+    );
+    return inflightRequests.get(url);
   }
 };
 var socialCache = SocialEmbedCache.getInstance();
@@ -25019,13 +24842,15 @@ function buildRichEmbedOverrides({
       }
       return standard.div(divProps);
     },
-    // Reddit's OWN embed markup lives in 58 published blog posts as
-    // `<blockquote class="reddit-embed-bq">…<a href="post-url">` paired with
-    // a `<script src="embed.reddit.com/widgets.js">` loader. The sanitize
-    // stack strips the script (correctly), so the composition rehydrates the
-    // blockquote itself: extract the post URL from the first reddit link and
-    // render the RedditEmbedClient SSOT. Non-reddit blockquotes fall through
-    // to the engine's base blockquote.
+    // Pasted-from-the-platform embed markup lives in published blog posts as
+    // `<blockquote class="reddit-embed-bq">…<a href="post-url">` (58 blocks
+    // across 9 posts) — and Twitter's equivalent is
+    // `<blockquote class="twitter-tweet">…<a href="status-url">`. Each pair
+    // ships a `widgets.js` loader script, which `processShortcodes` strips
+    // from the source text (Step 1.5). The composition rehydrates the
+    // blockquote itself: extract the post URL from the first matching link
+    // and render the platform's embed-client SSOT. Other blockquotes fall
+    // through to the engine's base blockquote.
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     blockquote: (bqProps) => {
       const { node, className } = bqProps;
@@ -25034,6 +24859,10 @@ function buildRichEmbedOverrides({
         const postUrl = findFirstHref(node, /reddit\.com/);
         if (postUrl) return /* @__PURE__ */ jsx169(RedditEmbedClient, { url: postUrl });
       }
+      if (classNames.includes("twitter-tweet")) {
+        const tweetUrl = findFirstHref(node, /(?:twitter\.com|x\.com)\/[^/]+\/status\//);
+        if (tweetUrl) return /* @__PURE__ */ jsx169(TwitterEmbedClient, { url: tweetUrl });
+      }
       return standard.blockquote(bqProps);
     },
     // In-article images: MarkdownImage reads `transformImageSrc` from the
@@ -25120,6 +24949,10 @@ var processShortcodes = (content) => {
     codeBlocks.push(match2);
     return placeholder;
   });
+  processedContent = processedContent.replace(
+    /<script\b[^>]{0,2000}>[\s\S]{0,20000}?<\/script\s{0,10}>/gi,
+    ""
+  );
   const markdownLinks = [];
   processedContent = processedContent.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (match2) => {
     const placeholder = `__MARKDOWN_LINK_${markdownLinks.length}__`;
@@ -46188,6 +46021,7 @@ function SearchInput({
   const debouncedValue = useDebounce(currentValue, debounceMs);
   const [isOpen, setIsOpen] = React132.useState(false);
   const [highlightedIndex, setHighlightedIndex] = React132.useState(-1);
+  const keyboardPadding = useKeyboardCollisionPadding();
   const containerRef = React132.useRef(null);
   const currentPlaceholder = filterChips.length > 0 ? "Add filter..." : placeholder;
   const {
@@ -46447,6 +46281,7 @@ function SearchInput({
           className: cn(
             "z-50 w-[var(--radix-popover-trigger-width)] mt-1",
             "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden shadow-lg",
+            "flex flex-col max-h-[var(--radix-popper-available-height)]",
             "data-[state=open]:animate-in data-[state=closed]:animate-out",
             "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
             "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -46455,6 +46290,7 @@ function SearchInput({
           ),
           sideOffset: 4,
           align: "start",
+          collisionPadding: { bottom: keyboardPadding },
           onOpenAutoFocus: (e) => {
             e.preventDefault();
             inputRef.current?.focus();
@@ -46464,8 +46300,8 @@ function SearchInput({
               e.preventDefault();
             }
           },
-          children: /* @__PURE__ */ jsxs281(ScrollAreaPrimitive3.Root, { className: "overflow-hidden", children: [
-            /* @__PURE__ */ jsx357(ScrollAreaPrimitive3.Viewport, { className: "max-h-[320px] w-full", children: /* @__PURE__ */ jsx357("div", { role: "listbox", children: renderDropdownContent() }) }),
+          children: /* @__PURE__ */ jsxs281(ScrollAreaPrimitive3.Root, { className: "flex min-h-0 flex-col overflow-hidden", children: [
+            /* @__PURE__ */ jsx357(ScrollAreaPrimitive3.Viewport, { className: "min-h-0 max-h-[320px] w-full", children: /* @__PURE__ */ jsx357("div", { role: "listbox", children: renderDropdownContent() }) }),
             /* @__PURE__ */ jsx357(ScrollAreaPrimitive3.Scrollbar, { className: "hidden", orientation: "vertical", children: /* @__PURE__ */ jsx357(ScrollAreaPrimitive3.Thumb, {}) })
           ] })
         }
@@ -47303,7 +47139,8 @@ function FileUpload({
       return;
     }
     try {
-      handleFiles(await pickFiles());
+      const picked = await pickFiles();
+      if (picked.length > 0) handleFiles(picked);
     } catch (err) {
       setValidationError(err instanceof Error ? err.message : "Could not open the file picker");
     }
@@ -47657,19 +47494,23 @@ import * as PopoverPrimitive7 from "@radix-ui/react-popover";
 import { jsx as jsx363 } from "react/jsx-runtime";
 var Popover2 = PopoverPrimitive7.Root;
 var PopoverTrigger = PopoverPrimitive7.Trigger;
-var PopoverContent = React137.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx363(PopoverPrimitive7.Portal, { children: /* @__PURE__ */ jsx363(
-  PopoverPrimitive7.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
+var PopoverContent = React137.forwardRef(({ className, align = "center", sideOffset = 4, collisionPadding, ...props }, ref) => {
+  const keyboardPadding = useKeyboardCollisionPadding();
+  return /* @__PURE__ */ jsx363(PopoverPrimitive7.Portal, { children: /* @__PURE__ */ jsx363(
+    PopoverPrimitive7.Content,
+    {
+      ref,
+      align,
+      sideOffset,
+      collisionPadding: collisionPadding ?? { bottom: keyboardPadding },
+      className: cn(
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
 PopoverContent.displayName = PopoverPrimitive7.Content.displayName;
 
 // src/components/ui/color-preset-select.tsx
@@ -62267,4 +62108,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-LIUARTOZ.js.map
+//# sourceMappingURL=chunk-4DTUUM5V.js.map