@flamingo-stack/openframe-frontend-core 0.0.361-snapshot.20260702223540 → 0.0.361

package/dist/{chunk-4ZHXIY5J.js → chunk-5B2IOQXZ.js}

@@ -4313,7 +4313,7 @@ var ChatInput = forwardRef9((allProps, ref) => {
               startIcon && /* @__PURE__ */ jsx20("span", { className: "flex h-6 shrink-0 items-center", children: startIcon }),
               /* @__PURE__ */ jsxs16("div", { className: "relative flex-1 min-w-0", children: [
                 isEmpty && !showPreview && /* @__PURE__ */ jsx20("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__ */ jsx20("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 }),
+                showPreview && /* @__PURE__ */ jsx20("p", { className: "pointer-events-none m-0 select-none whitespace-pre-wrap break-words text-h4 !leading-9 text-ods-text-secondary", children: previewText }),
                 /* @__PURE__ */ jsx20(
                   "div",
                   {
@@ -4340,11 +4340,9 @@ var ChatInput = forwardRef9((allProps, ref) => {
                     onBlur: () => setFocused(false),
                     className: cn(
                       "max-h-[160px] overflow-y-auto whitespace-pre-wrap break-words outline-none",
-                      // While a ghost preview shows, the editor stays IN FLOW (it
-                      // alone drives the row height, which must NOT change on hover —
-                      // see the preview comment above) and is only made transparent;
-                      // the absolutely-positioned single-line preview paints over it.
-                      showPreview && "opacity-0",
+                      // While a ghost preview shows, the editor is empty — collapse it
+                      // out of flow + transparent so the in-flow preview drives height.
+                      showPreview && "absolute inset-0 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
@@ -16536,7 +16534,6 @@ function TabNavigation({
   };
   const scrollRef = useRef21(null);
   const activeTabRef = useRef21(null);
-  const isFirstActiveScrollRef = useRef21(true);
   const [canScrollLeft, setCanScrollLeft] = useState35(false);
   const [canScrollRight, setCanScrollRight] = useState35(false);
   const updateScrollShadows = useCallback17(() => {
@@ -16573,14 +16570,12 @@ function TabNavigation({
     const el = scrollRef.current;
     const active = activeTabRef.current;
     if (!el || !active) return;
-    const behavior = isFirstActiveScrollRef.current ? "auto" : "smooth";
-    isFirstActiveScrollRef.current = false;
     const elRect = el.getBoundingClientRect();
     const aRect = active.getBoundingClientRect();
     if (aRect.left < elRect.left) {
-      el.scrollBy({ left: aRect.left - elRect.left, behavior });
+      el.scrollBy({ left: aRect.left - elRect.left, behavior: "smooth" });
     } else if (aRect.right > elRect.right) {
-      el.scrollBy({ left: aRect.right - elRect.right, behavior });
+      el.scrollBy({ left: aRect.right - elRect.right, behavior: "smooth" });
     }
   }, [activeTab]);
   const leftFade = canScrollLeft || showLeftGradient;
@@ -50694,4 +50689,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-4ZHXIY5J.js.map
+//# sourceMappingURL=chunk-5B2IOQXZ.js.map