@flamingo-stack/openframe-frontend-core 0.0.534 → 0.0.535-1762.4618.1

package/dist/{chunk-O6VJZX2N.js → chunk-GBWS62LR.js}

@@ -6530,6 +6530,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 +6566,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 +6680,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 +6786,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 +6820,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 +6846,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 +6869,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"
                     )
                   }
                 )
@@ -47107,7 +47123,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");
     }
@@ -62071,4 +62088,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-O6VJZX2N.js.map
+//# sourceMappingURL=chunk-GBWS62LR.js.map