@parhelia/core 0.1.12903 → 0.1.12905

package/dist/editor/ai/useInlineAiPosition.js

@@ -1,7 +1,13 @@
 import { useState, useEffect, useCallback } from "react";
-const INLINE_AI_TRIGGER_BUTTON_SIZE = 28;
-const INLINE_AI_DIALOG_TRIGGER_GAP = 10;
-function isRectInViewport(rect) {
+function isRectInViewport(rect, iframe) {
+    if (iframe?.contentWindow) {
+        const iframeHeight = iframe.contentWindow.innerHeight;
+        const iframeWidth = iframe.contentWindow.innerWidth;
+        return (rect.top < iframeHeight &&
+            rect.bottom > 0 &&
+            rect.left < iframeWidth &&
+            rect.right > 0);
+    }
     return (rect.top < window.innerHeight &&
         rect.bottom > 0 &&
         rect.left < window.innerWidth &&
@@ -11,17 +17,16 @@ function isRectInViewport(rect) {
  * Calculate position for selection within an input or textarea element.
  * Uses a hidden mirror element to measure text and determine cursor position.
  */
-export function getInputSelectionPosition(element, startOffset, endOffset) {
+function getInputSelectionPosition(element, startOffset, endOffset) {
     try {
         const rect = element.getBoundingClientRect();
         const computedStyle = window.getComputedStyle(element);
         // Create a mirror div to measure text position
-        const mirror = document.createElement("div");
-        mirror.style.position = "absolute";
-        mirror.style.visibility = "hidden";
-        mirror.style.whiteSpace = element.tagName === "INPUT" ? "pre" : "pre-wrap";
-        mirror.style.wordWrap =
-            element.tagName === "TEXTAREA" ? "break-word" : "normal";
+        const mirror = document.createElement('div');
+        mirror.style.position = 'absolute';
+        mirror.style.visibility = 'hidden';
+        mirror.style.whiteSpace = element.tagName === 'INPUT' ? 'pre' : 'pre-wrap';
+        mirror.style.wordWrap = element.tagName === 'TEXTAREA' ? 'break-word' : 'normal';
         mirror.style.font = computedStyle.font;
         mirror.style.fontSize = computedStyle.fontSize;
         mirror.style.fontFamily = computedStyle.fontFamily;
@@ -30,16 +35,15 @@ export function getInputSelectionPosition(element, startOffset, endOffset) {
         mirror.style.padding = computedStyle.padding;
         mirror.style.border = computedStyle.border;
         mirror.style.boxSizing = computedStyle.boxSizing;
-        mirror.style.width =
-            element.tagName === "TEXTAREA" ? `${element.offsetWidth}px` : "auto";
-        mirror.style.overflow = "hidden";
+        mirror.style.width = element.tagName === 'TEXTAREA' ? `${element.offsetWidth}px` : 'auto';
+        mirror.style.overflow = 'hidden';
         const value = element.value;
         const textBeforeSelection = value.substring(0, startOffset);
         const selectedText = value.substring(startOffset, endOffset);
         // Create text nodes and a span for the selection
         const textBefore = document.createTextNode(textBeforeSelection);
-        const selectionSpan = document.createElement("span");
-        selectionSpan.textContent = selectedText || "\u200b"; // Zero-width space if empty
+        const selectionSpan = document.createElement('span');
+        selectionSpan.textContent = selectedText || '\u200b'; // Zero-width space if empty
         mirror.appendChild(textBefore);
         mirror.appendChild(selectionSpan);
         document.body.appendChild(mirror);
@@ -50,12 +54,8 @@ export function getInputSelectionPosition(element, startOffset, endOffset) {
         const relativeLeft = spanRect.left - mirrorRect.left;
         const relativeTop = spanRect.top - mirrorRect.top;
         // Account for scroll position in textarea
-        const scrollTop = element.tagName === "TEXTAREA"
-            ? element.scrollTop
-            : 0;
-        const scrollLeft = element.tagName === "TEXTAREA"
-            ? element.scrollLeft
-            : 0;
+        const scrollTop = element.tagName === 'TEXTAREA' ? element.scrollTop : 0;
+        const scrollLeft = element.tagName === 'TEXTAREA' ? element.scrollLeft : 0;
         // Clean up
         document.body.removeChild(mirror);
         // Calculate absolute position
@@ -63,18 +63,8 @@ export function getInputSelectionPosition(element, startOffset, endOffset) {
         const paddingTop = parseFloat(computedStyle.paddingTop) || 0;
         const borderLeft = parseFloat(computedStyle.borderLeftWidth) || 0;
         const borderTop = parseFloat(computedStyle.borderTopWidth) || 0;
-        const x = rect.left +
-            paddingLeft +
-            borderLeft +
-            relativeLeft +
-            spanRect.width / 2 -
-            scrollLeft;
-        const y = rect.top +
-            paddingTop +
-            borderTop +
-            relativeTop +
-            spanRect.height -
-            scrollTop;
+        const x = rect.left + paddingLeft + borderLeft + relativeLeft + (spanRect.width / 2) - scrollLeft;
+        const y = rect.top + paddingTop + borderTop + relativeTop + spanRect.height - scrollTop;
         return { x, y };
     }
     catch {
@@ -85,7 +75,7 @@ export function getInputSelectionPosition(element, startOffset, endOffset) {
  * Hook to calculate the position for the inline AI trigger/dialog
  * based on the current text selection.
  */
-export function useInlineAiPosition(selectedRange) {
+export function useInlineAiPosition(selectedRange, containerRef) {
     const [position, setPosition] = useState({
         x: 0,
         y: 0,
@@ -101,8 +91,7 @@ export function useInlineAiPosition(selectedRange) {
             if (selectedRange.element) {
                 const element = selectedRange.element;
                 // Verify the element is still in the DOM and has the expected selection
-                if (document.body.contains(element) &&
-                    element.selectionStart !== null) {
+                if (document.body.contains(element) && element.selectionStart !== null) {
                     const elementRect = element.getBoundingClientRect();
                     // Check if element is in viewport
                     if (!isRectInViewport(elementRect)) {
@@ -120,27 +109,32 @@ export function useInlineAiPosition(selectedRange) {
                     }
                 }
             }
-            if (selectedRange.clientRect) {
-                const rect = selectedRange.clientRect;
-                const isVisible = rect.top < window.innerHeight &&
-                    rect.bottom > 0 &&
-                    rect.left < window.innerWidth &&
-                    rect.right > 0;
-                if (!isVisible) {
-                    setPosition({ x: 0, y: 0, visible: false });
-                    return;
-                }
-                const x = rect.left + rect.width / 2;
-                const y = rect.bottom + 8;
-                setPosition({
-                    x: Math.max(20, Math.min(x, window.innerWidth - 220)),
-                    y: Math.min(y, window.innerHeight - 100),
-                    visible: true,
-                });
-                return;
-            }
             const selection = window.getSelection();
             if (!selection || selection.isCollapsed) {
+                // Try to get position from iframe
+                const iframe = document.querySelector("iframe.page-iframe");
+                if (iframe?.contentWindow) {
+                    const iframeSelection = iframe.contentWindow.getSelection();
+                    if (iframeSelection && !iframeSelection.isCollapsed) {
+                        const range = iframeSelection.getRangeAt(0);
+                        const rect = range.getBoundingClientRect();
+                        // Check if selection is in iframe's viewport
+                        if (!isRectInViewport(rect, iframe)) {
+                            setPosition({ x: 0, y: 0, visible: false });
+                            return;
+                        }
+                        const iframeRect = iframe.getBoundingClientRect();
+                        // Position below the selection, centered horizontally
+                        const x = iframeRect.left + rect.left + rect.width / 2;
+                        const y = iframeRect.top + rect.bottom + 8;
+                        setPosition({
+                            x: Math.max(20, Math.min(x, window.innerWidth - 220)),
+                            y: Math.min(y, window.innerHeight - 100),
+                            visible: true,
+                        });
+                        return;
+                    }
+                }
                 setPosition({ x: 0, y: 0, visible: false });
                 return;
             }
@@ -163,13 +157,7 @@ export function useInlineAiPosition(selectedRange) {
         catch {
             setPosition({ x: 0, y: 0, visible: false });
         }
-    }, [
-        selectedRange?.text,
-        selectedRange?.element,
-        selectedRange?.clientRect,
-        selectedRange?.startOffset,
-        selectedRange?.endOffset,
-    ]);
+    }, [selectedRange?.text, selectedRange?.element, selectedRange?.startOffset, selectedRange?.endOffset]);
     useEffect(() => {
         calculatePosition();
         // Recalculate on scroll/resize
@@ -180,9 +168,27 @@ export function useInlineAiPosition(selectedRange) {
         };
         window.addEventListener("scroll", handleUpdate, true);
         window.addEventListener("resize", handleUpdate);
+        const iframe = document.querySelector("iframe.page-iframe");
+        const iframeWindow = iframe?.contentWindow;
+        const iframeDoc = iframeWindow?.document;
+        const scrollContainer = iframeDoc?.scrollingElement || iframeDoc?.body || null;
+        if (iframeWindow) {
+            iframeWindow.addEventListener("scroll", handleUpdate, true);
+        }
+        if (scrollContainer) {
+            scrollContainer.addEventListener("scroll", handleUpdate, {
+                passive: true,
+            });
+        }
         return () => {
             window.removeEventListener("scroll", handleUpdate, true);
             window.removeEventListener("resize", handleUpdate);
+            if (iframeWindow) {
+                iframeWindow.removeEventListener("scroll", handleUpdate, true);
+            }
+            if (scrollContainer) {
+                scrollContainer.removeEventListener("scroll", handleUpdate);
+            }
         };
     }, [selectedRange?.text, calculatePosition]);
     return position;
@@ -190,15 +196,13 @@ export function useInlineAiPosition(selectedRange) {
 /**
  * Calculate optimal dialog position near the trigger
  */
-export function calculateDialogPosition(triggerPosition, dialogWidth = 190, _dialogHeight = 300, align = "center", anchorOrigin = "trigger") {
+export function calculateDialogPosition(triggerPosition, dialogWidth = 400, dialogHeight = 300) {
     const padding = 16;
     const viewportWidth = window.innerWidth;
-    const verticalOffset = anchorOrigin === "trigger"
-        ? INLINE_AI_TRIGGER_BUTTON_SIZE + INLINE_AI_DIALOG_TRIGGER_GAP
-        : INLINE_AI_DIALOG_TRIGGER_GAP;
-    // Position below the trigger button with the requested gap.
-    let x = align === "start" ? triggerPosition.x : triggerPosition.x - dialogWidth / 2;
-    let y = triggerPosition.y + verticalOffset;
+    const viewportHeight = window.innerHeight;
+    // Try to position centered below the trigger
+    let x = triggerPosition.x - dialogWidth / 2;
+    let y = triggerPosition.y + 8;
     // Adjust horizontal position if it goes off screen
     if (x < padding) {
         x = padding;
@@ -206,6 +210,19 @@ export function calculateDialogPosition(triggerPosition, dialogWidth = 190, _dia
     else if (x + dialogWidth > viewportWidth - padding) {
         x = viewportWidth - dialogWidth - padding;
     }
+    // If dialog would go below viewport, position above the selection
+    if (y + dialogHeight > viewportHeight - padding) {
+        // Find the selection rect to position above it
+        const selection = window.getSelection();
+        if (selection && !selection.isCollapsed) {
+            const range = selection.getRangeAt(0);
+            const rect = range.getBoundingClientRect();
+            y = rect.top - dialogHeight - 8;
+        }
+        else {
+            y = triggerPosition.y - dialogHeight - 40;
+        }
+    }
     // Ensure y is not negative
     y = Math.max(padding, y);
     return { x, y };

package/dist/editor/ai/useInlineAiPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInlineAiPosition.js","sourceRoot":"","sources":["../../../src/editor/ai/useInlineAiPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AASzD,MAAM,6BAA6B,GAAG,EAAE,CAAC;AACzC,MAAM,4BAA4B,GAAG,EAAE,CAAC;AAExC,SAAS,gBAAgB,CAAC,IAAa;IACrC,OAAO,CACL,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW;QAC7B,IAAI,CAAC,MAAM,GAAG,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU;QAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CACf,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CACvC,OAA+C,EAC/C,WAAmB,EACnB,SAAiB;IAEjB,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC7C,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAEvD,+CAA+C;QAC/C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;QAC3E,MAAM,CAAC,KAAK,CAAC,QAAQ;YACnB,OAAO,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC3D,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;QACvC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;QAC/C,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;QACnD,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;QACnD,MAAM,CAAC,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC;QACzD,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC;QAC7C,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;QAC3C,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC;QACjD,MAAM,CAAC,KAAK,CAAC,KAAK;YAChB,OAAO,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QACvE,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEjC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC5B,MAAM,mBAAmB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAE7D,iDAAiD;QACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QAChE,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACrD,aAAa,CAAC,WAAW,GAAG,YAAY,IAAI,QAAQ,CAAC,CAAC,4BAA4B;QAElF,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC/B,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAElC,yCAAyC;QACzC,MAAM,QAAQ,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACvD,MAAM,UAAU,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;QAElD,iDAAiD;QACjD,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QACrD,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;QAElD,0CAA0C;QAC1C,MAAM,SAAS,GACb,OAAO,CAAC,OAAO,KAAK,UAAU;YAC5B,CAAC,CAAE,OAA+B,CAAC,SAAS;YAC5C,CAAC,CAAC,CAAC,CAAC;QACR,MAAM,UAAU,GACd,OAAO,CAAC,OAAO,KAAK,UAAU;YAC5B,CAAC,CAAE,OAA+B,CAAC,UAAU;YAC7C,CAAC,CAAC,CAAC,CAAC;QAER,WAAW;QACX,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAElC,8BAA8B;QAC9B,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC/D,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC7D,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAClE,MAAM,SAAS,GAAG,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAEhE,MAAM,CAAC,GACL,IAAI,CAAC,IAAI;YACT,WAAW;YACX,UAAU;YACV,YAAY;YACZ,QAAQ,CAAC,KAAK,GAAG,CAAC;YAClB,UAAU,CAAC;QACb,MAAM,CAAC,GACL,IAAI,CAAC,GAAG;YACR,UAAU;YACV,SAAS;YACT,WAAW;YACX,QAAQ,CAAC,MAAM;YACf,SAAS,CAAC;QAEZ,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAClB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CACjC,aAAyC;IAEzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAmB;QACzD,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,OAAO,EAAE,KAAK;KACf,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,CAAC;YACzB,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YAC5C,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,2EAA2E;YAC3E,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC1B,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC;gBACtC,wEAAwE;gBACxE,IACE,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;oBAC/B,OAAO,CAAC,cAAc,KAAK,IAAI,EAC/B,CAAC;oBACD,MAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;oBACpD,kCAAkC;oBAClC,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC;wBACnC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;wBAC5C,OAAO;oBACT,CAAC;oBAED,MAAM,GAAG,GAAG,yBAAyB,CACnC,OAAO,EACP,aAAa,CAAC,WAAW,EACzB,aAAa,CAAC,SAAS,CACxB,CAAC;oBAEF,IAAI,GAAG,EAAE,CAAC;wBACR,WAAW,CAAC;4BACV,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC;4BACzD,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,WAAW,GAAG,GAAG,CAAC;4BAChD,OAAO,EAAE,IAAI;yBACd,CAAC,CAAC;wBACH,OAAO;oBACT,CAAC;gBACH,CAAC;YACH,CAAC;YAED,IAAI,aAAa,CAAC,UAAU,EAAE,CAAC;gBAC7B,MAAM,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC;gBACtC,MAAM,SAAS,GACb,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,WAAW;oBAC7B,IAAI,CAAC,MAAM,GAAG,CAAC;oBACf,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU;oBAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;gBACjB,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;oBAC5C,OAAO;gBACT,CAAC;gBAED,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;gBACrC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC1B,WAAW,CAAC;oBACV,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC;oBACrD,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,WAAW,GAAG,GAAG,CAAC;oBACxC,OAAO,EAAE,IAAI;iBACd,CAAC,CAAC;gBACH,OAAO;YACT,CAAC;YAED,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;YACxC,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC;gBACxC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC5C,OAAO;YACT,CAAC;YAED,MAAM,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACtC,MAAM,IAAI,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAE3C,oCAAoC;YACpC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC5B,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC5C,OAAO;YACT,CAAC;YAED,sDAAsD;YACtD,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;YACrC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAE1B,WAAW,CAAC;gBACV,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC;gBACrD,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,WAAW,GAAG,GAAG,CAAC;gBACxC,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;QACL,CAAC;QAAC,MAAM,CAAC;YACP,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC,EAAE;QACD,aAAa,EAAE,IAAI;QACnB,aAAa,EAAE,OAAO;QACtB,aAAa,EAAE,UAAU;QACzB,aAAa,EAAE,WAAW;QAC1B,aAAa,EAAE,SAAS;KACzB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,EAAE,CAAC;QAEpB,+BAA+B;QAC/B,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,aAAa,EAAE,IAAI,EAAE,CAAC;gBACxB,iBAAiB,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;YACzD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE7C,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CACrC,eAAyC,EACzC,cAAsB,GAAG,EACzB,gBAAwB,GAAG,EAC3B,QAA4B,QAAQ,EACpC,eAAgD,SAAS;IAEzD,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC;IACxC,MAAM,cAAc,GAClB,YAAY,KAAK,SAAS;QACxB,CAAC,CAAC,6BAA6B,GAAG,4BAA4B;QAC9D,CAAC,CAAC,4BAA4B,CAAC;IAEnC,4DAA4D;IAC5D,IAAI,CAAC,GACH,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC;IAC9E,IAAI,CAAC,GAAG,eAAe,CAAC,CAAC,GAAG,cAAc,CAAC;IAE3C,mDAAmD;IACnD,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC;QAChB,CAAC,GAAG,OAAO,CAAC;IACd,CAAC;SAAM,IAAI,CAAC,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,EAAE,CAAC;QACrD,CAAC,GAAG,aAAa,GAAG,WAAW,GAAG,OAAO,CAAC;IAC5C,CAAC;IAED,2BAA2B;IAC3B,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAEzB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,CAAC;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"useInlineAiPosition.js","sourceRoot":"","sources":["../../../src/editor/ai/useInlineAiPosition.ts"],"names":[],"mappings":"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"}

package/dist/editor/ai-image-editor/AiImageEditorDialog.js

@@ -1,19 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useCallback, useMemo, forwardRef, useImperativeHandle, } from "react";
-import { Dialog, DialogContent } from "../../components/ui/dialog";
+import { Dialog, DialogContent, } from "../../components/ui/dialog";
 import { StyledDialogTitle } from "../../components/ui/styled-dialog-title";
 import { Button } from "../../components/ui/button";
 import { Textarea } from "../../components/ui/textarea";
-import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
 import DialogButtons from "../ui/DialogButtons";
 import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
-import { Check, Cpu, X, Upload, Loader2, Wand2, Image as ImageIcon, FolderOpen, Lightbulb, Sparkles, Search, Plus, } from "lucide-react";
+import { X, Upload, Loader2, Wand2, Image as ImageIcon, FolderOpen, Sparkles, Search, } from "lucide-react";
 import { useEditContext } from "../client/editContext";
 import { closeAgent, startSuggestionAgent, awaitAgentResponse, } from "../services/agentService";
-import { getImageModels, startImageJob } from "../services/editService";
-import { localStorageService } from "../services/localStorageService";
+import { startImageJob } from "../services/editService";
 import ContentTree from "../ContentTree";
 import { getComponentById } from "../componentTreeHelper";
+import { Lightbulb } from "lucide-react";
 /**
  * Extracts the suggestion content from a fenced code block with the 'suggestion' language tag.
  * Handles both complete fences and partial/streaming content where the closing fence hasn't arrived yet.
@@ -35,7 +34,6 @@ function extractSuggestionFromFence(content) {
     // No fence found at all - return empty to avoid showing preamble text
     return "";
 }
-const IMAGE_MODEL_STORAGE_KEY = "aiImageEditor.selectedModelId";
 export const AiImageEditorDialog = forwardRef(({ open, onClose, onComplete, fieldDescriptor, initialPrompt = "", originalRawValue, variantName, currentImageSrc, currentMediaItemId, }, ref) => {
     const editContext = useEditContext();
     // Agent state - created lazily on first image
@@ -47,11 +45,6 @@ export const AiImageEditorDialog = forwardRef(({ open, onClose, onComplete, fiel
     // Prompt state
     const [modifyPrompt, setModifyPrompt] = useState(initialPrompt);
     const [generatePrompt, setGeneratePrompt] = useState("");
-    // Image model state
-    const [imageModels, setImageModels] = useState([]);
-    const [selectedImageModelId, setSelectedImageModelId] = useState("");
-    const [imageModelsLoading, setImageModelsLoading] = useState(false);
-    const [imageModelPopoverOpen, setImageModelPopoverOpen] = useState(false);
     // Suggestion state
     const [suggesting, setSuggesting] = useState(false);
     // Submission state
@@ -66,19 +59,6 @@ export const AiImageEditorDialog = forwardRef(({ open, onClose, onComplete, fiel
     const folderPickerRootItemIds = useMemo(() => ["3D6658D8-A0BF-4E75-B3E2-D050FABCF4E1"], []);
     const folderPickerTemplateIds = useMemo(() => ["FE5DD826-48C6-436D-B87A-7C4210C7413B"], []);
     const folderPickerSelectedItemIds = useMemo(() => (targetFolderId ? [targetFolderId] : []), [targetFolderId]);
-    const imageModelOptions = useMemo(() => imageModels.map((model) => ({
-        value: model.id,
-        label: model.name || model.id,
-        description: model.providerName
-            ? model.isDefault
-                ? `${model.providerName} - Default`
-                : model.providerName
-            : model.isDefault
-                ? "Default image model"
-                : undefined,
-    })), [imageModels]);
-    const showImageModelSelector = imageModelsLoading || imageModelOptions.length > 1;
-    const selectedImageModelOption = useMemo(() => imageModelOptions.find((option) => option.value === selectedImageModelId), [imageModelOptions, selectedImageModelId]);
     // Refs
     const fileInputRef = useRef(null);
     const dropZoneRef = useRef(null);
@@ -87,57 +67,6 @@ export const AiImageEditorDialog = forwardRef(({ open, onClose, onComplete, fiel
     useImperativeHandle(ref, () => ({
         getAgentId: () => null,
     }));
-    useEffect(() => {
-        if (!open)
-            return;
-        let cancelled = false;
-        const loadImageModels = async () => {
-            setImageModelsLoading(true);
-            try {
-                const result = await getImageModels();
-                if (cancelled)
-                    return;
-                if (result.type !== "success" || !result.data) {
-                    setImageModels([]);
-                    setSelectedImageModelId("");
-                    return;
-                }
-                const models = result.data.models ?? [];
-                const defaultModelId = result.data.defaultModelId ||
-                    models.find((model) => model.isDefault)?.id ||
-                    models[0]?.id ||
-                    "";
-                const storedModelId = localStorageService.getString(IMAGE_MODEL_STORAGE_KEY);
-                const preferredModelId = storedModelId && models.some((model) => model.id === storedModelId)
-                    ? storedModelId
-                    : defaultModelId;
-                setImageModels(models);
-                setSelectedImageModelId(preferredModelId);
-            }
-            catch (err) {
-                if (!cancelled) {
-                    console.error("[AiImageEditorDialog] Failed to load models:", err);
-                    setImageModels([]);
-                    setSelectedImageModelId("");
-                }
-            }
-            finally {
-                if (!cancelled) {
-                    setImageModelsLoading(false);
-                }
-            }
-        };
-        loadImageModels();
-        return () => {
-            cancelled = true;
-        };
-    }, [open]);
-    useEffect(() => {
-        if (selectedImageModelId &&
-            imageModels.some((model) => model.id === selectedImageModelId)) {
-            localStorageService.setString(IMAGE_MODEL_STORAGE_KEY, selectedImageModelId);
-        }
-    }, [imageModels, selectedImageModelId]);
     // Add image files to local dialog state (no backend upload here)
     const handleFileUpload = useCallback((files) => {
         if (!files || files.length === 0)
@@ -360,7 +289,6 @@ export const AiImageEditorDialog = forwardRef(({ open, onClose, onComplete, fiel
                 fieldId: fieldDescriptor.fieldId,
                 language: fieldDescriptor.item.language,
                 version: fieldDescriptor.item.version,
-                modelId: selectedImageModelId || undefined,
                 variantName,
                 pageItemId: editContext.page?.item?.id,
                 targetFolderId,
@@ -379,19 +307,7 @@ export const AiImageEditorDialog = forwardRef(({ open, onClose, onComplete, fiel
             setError(err?.message || "Failed to submit request");
             setSubmitting(false);
         }
-    }, [
-        images,
-        modifyPrompt,
-        generatePrompt,
-        fieldDescriptor,
-        variantName,
-        editContext,
-        fileToBase64,
-        onComplete,
-        onClose,
-        targetFolderId,
-        selectedImageModelId,
-    ]);
+    }, [images, modifyPrompt, generatePrompt, fieldDescriptor, variantName, editContext, fileToBase64, onComplete, onClose, targetFolderId]);
     // Handle suggesting a description based on context
     const handleSuggestDescription = useCallback(async () => {
         if (!fieldDescriptor || !editContext?.addSocketMessageListener)
@@ -605,63 +521,36 @@ export const AiImageEditorDialog = forwardRef(({ open, onClose, onComplete, fiel
     }, [open, currentImageSrc, currentMediaItemId, handleFileUpload]);
     // Preset prompts for common operations
     const presetPrompts = [
-        {
-            label: "Enhance",
-            prompt: "Enhance this image to improve quality and clarity",
-        },
-        {
-            label: "Remove Background",
-            prompt: "Remove the background from this image",
-        },
+        { label: "Enhance", prompt: "Enhance this image to improve quality and clarity" },
+        { label: "Remove Background", prompt: "Remove the background from this image" },
         { label: "Upscale", prompt: "Upscale this image to higher resolution" },
-        {
-            label: "Fix Lighting",
-            prompt: "Improve the lighting and color balance of this image",
-        },
+        { label: "Fix Lighting", prompt: "Improve the lighting and color balance of this image" },
     ];
-    const canSubmit = (images.length > 0 ? modifyPrompt.trim() : generatePrompt.trim()) &&
+    const canSubmit = (images.length > 0
+        ? modifyPrompt.trim()
+        : generatePrompt.trim()) &&
         !!targetFolderId &&
         !submitting &&
         !uploading;
-    const renderImageModelPopover = () => {
-        if (!showImageModelSelector)
-            return null;
-        const tooltipLabel = selectedImageModelOption
-            ? `Image model: ${selectedImageModelOption.label}`
-            : "Choose image model";
-        return (_jsxs(Popover, { open: imageModelPopoverOpen, onOpenChange: setImageModelPopoverOpen, enableIframeClickDetection: false, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "text-neutral-grey-50 hover:text-neutral-grey-100 h-7 w-7 hover:bg-white", disabled: submitting, "aria-label": tooltipLabel, "data-testid": "ai-image-model-selector", children: imageModelsLoading ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(Cpu, { className: "h-3.5 w-3.5", strokeWidth: 1.5 })) }) }) }), _jsx(TooltipContent, { side: "top", sideOffset: 6, children: tooltipLabel })] }), _jsxs(PopoverContent, { className: "w-64 p-1.5", align: "end", side: "top", sideOffset: 8, children: [_jsx("div", { className: "text-neutral-grey-50 px-2 py-1 text-[10px] font-medium tracking-wider", children: "Image model" }), imageModelsLoading ? (_jsxs("div", { className: "text-neutral-grey-50 flex items-center gap-2 px-2 py-2 text-xs", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), "Loading models..."] })) : (_jsx("div", { className: "space-y-0.5", children: imageModelOptions.map((option) => {
-                                const isSelected = selectedImageModelId === option.value;
-                                return (_jsxs("button", { type: "button", onClick: () => {
-                                        setSelectedImageModelId(option.value);
-                                        setImageModelPopoverOpen(false);
-                                    }, className: `flex w-full cursor-pointer items-start gap-2 rounded-[4px] px-2 py-1.5 text-left text-xs transition-colors focus-visible:outline-none ${isSelected
-                                        ? "bg-neutral-grey-5 text-neutral-grey-100 hover:bg-neutral-grey-10 focus-visible:bg-neutral-grey-10"
-                                        : "text-neutral-grey-50 hover:bg-neutral-grey-5 hover:text-neutral-grey-100 focus-visible:bg-neutral-grey-5 focus-visible:text-neutral-grey-100"}`, children: [_jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate font-medium", children: option.label }), option.description && (_jsx("span", { className: "text-neutral-grey-50 mt-0.5 block truncate text-[10px]", children: option.description }))] }), _jsx(Check, { className: `mt-0.5 h-3.5 w-3.5 shrink-0 ${isSelected ? "opacity-100" : "opacity-0"}`, strokeWidth: 2 })] }, option.value));
-                            }) }))] })] }));
-    };
-    return (_jsx(Dialog, { open: open, onOpenChange: (isOpen) => !isOpen && handleCancel(), children: _jsxs(DialogContent, { className: "flex max-w-2xl flex-col overflow-hidden border-none p-0 shadow-2xl", style: { height: "auto", maxHeight: "90vh" }, onPaste: handlePaste, children: [_jsx(StyledDialogTitle, { icon: _jsx(Sparkles, { strokeWidth: 1.5 }), title: "AI Image Editor", subtitle: "Describe what you want to create, or upload images to modify" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-y-contain px-6 pb-4", children: _jsxs("div", { className: "flex flex-col gap-4 pt-6", children: [error && (_jsx("div", { className: "border-feedback-red bg-feedback-red-light text-feedback-red rounded border p-3 text-sm", children: error })), images.length === 0 && (_jsxs("div", { className: "bg-neutral-grey-5 space-y-3 rounded-xl p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Wand2, { className: "text-highlight-100 h-4 w-4" }), _jsx("span", { className: "text-highlight-100 text-sm font-medium", children: "Generate New Image" })] }), fieldDescriptor && (_jsxs(Button, { variant: "ghost", size: "sm", className: "text-highlight-100 hover:bg-highlight-10 hover:text-highlight-100 h-7 gap-1.5 px-2 text-xs", onClick: (e) => {
+    return (_jsx(Dialog, { open: open, onOpenChange: (isOpen) => !isOpen && handleCancel(), children: _jsxs(DialogContent, { className: "flex flex-col overflow-hidden border-none p-0 shadow-2xl max-w-2xl", style: { height: "auto", maxHeight: "90vh" }, onPaste: handlePaste, children: [_jsx(StyledDialogTitle, { icon: _jsx(Sparkles, { strokeWidth: 1.5 }), title: "AI Image Editor", subtitle: "Describe what you want to create, or upload images to modify" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto px-6 pb-4", children: _jsxs("div", { className: "flex flex-col gap-4 pt-6", children: [error && (_jsx("div", { className: "rounded border border-red-200 bg-red-50 p-3 text-sm text-red-700", children: error })), images.length === 0 && (_jsxs("div", { className: "space-y-3 p-4 rounded-xl border border-theme-secondary/50 bg-theme-secondary/5 ring-1 ring-theme-secondary/20 shadow-sm", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Wand2, { className: "h-4 w-4 text-theme-secondary" }), _jsx("span", { className: "text-sm font-semibold text-theme-secondary", children: "Generate New Image" })] }), fieldDescriptor && (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 gap-1.5 px-2 text-xs text-theme-secondary hover:bg-theme-secondary-light hover:text-theme-secondary", onClick: (e) => {
                                                     e.stopPropagation();
                                                     handleSuggestDescription();
-                                                }, disabled: suggesting || submitting, children: [suggesting ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(Lightbulb, { className: "h-3.5 w-3.5" })), suggesting ? "Suggesting..." : "Suggest"] }))] }), _jsx(Textarea, { value: generatePrompt, onChange: (e) => setGeneratePrompt(e.target.value), placeholder: "Describe the image you want to create...", className: "min-h-[64px] resize-none border-none bg-transparent p-0 shadow-none focus-visible:!shadow-none focus-visible:ring-0", disabled: submitting }), showImageModelSelector && (_jsx("div", { className: "flex justify-end", children: renderImageModelPopover() }))] })), _jsxs("div", { ref: dropZoneRef, onDragOver: handleDragOver, onDragEnter: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, className: `relative rounded-lg border-2 border-dashed p-4 transition-colors ${isDragOver
-                                    ? "border-highlight-100 bg-highlight-10"
-                                    : "border-border-default bg-white"}`, children: [images.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-neutral-grey-100 mb-[18px] text-sm", children: isDragOver
+                                                }, disabled: suggesting || submitting, children: [suggesting ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(Lightbulb, { className: "h-3.5 w-3.5" })), suggesting ? "Suggesting..." : "Suggest"] }))] }), _jsx(Textarea, { value: generatePrompt, onChange: (e) => setGeneratePrompt(e.target.value), placeholder: "Describe the image you want to create...", className: "min-h-[80px] resize-none border-none bg-transparent p-0 focus-visible:ring-0", disabled: submitting })] })), _jsxs("div", { ref: dropZoneRef, onDragOver: handleDragOver, onDragEnter: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, className: `relative rounded-lg border-2 border-dashed p-4 transition-colors ${isDragOver
+                                    ? "border-theme-secondary bg-theme-secondary-light"
+                                    : "border-gray-200 bg-gray-50/50"}`, children: [images.length > 0 && (_jsx("div", { className: "mb-4 flex flex-wrap gap-3", children: images.map((img) => (_jsxs("div", { className: "group relative h-20 w-20 overflow-hidden rounded-lg border border-gray-200 bg-white", children: [img.loading ? (_jsx("div", { className: "flex h-full w-full items-center justify-center", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-gray-400", strokeWidth: 1 }) })) : img.thumbnailUrl ? (_jsx("img", { src: img.thumbnailUrl, alt: img.fileName, className: "h-full w-full object-cover" })) : (_jsx("div", { className: "flex h-full w-full items-center justify-center", children: _jsx(ImageIcon, { className: "h-8 w-8 text-gray-400", strokeWidth: 1 }) })), _jsx("button", { onClick: () => handleDeleteImage(img.id), className: "absolute right-1 top-1 rounded-full bg-black/50 p-1 opacity-0 transition-opacity group-hover:opacity-100", title: "Remove image", children: _jsx(X, { className: "h-3 w-3 text-white", strokeWidth: 2 }) }), _jsx("div", { className: "absolute inset-x-0 bottom-0 truncate bg-black/50 px-1 py-0.5 text-[10px] text-white", children: img.fileName })] }, img.id))) })), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("div", { className: "text-sm text-gray-600", children: isDragOver
                                                     ? "Drop images here"
-                                                    : "Modify these images or add more:" }), _jsxs("div", { className: "mb-4 flex flex-wrap gap-3", children: [images.map((img) => (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { tabIndex: 0, className: "group border-border-default relative h-20 w-20 overflow-hidden rounded-lg border bg-white", children: [img.loading ? (_jsx("div", { className: "flex h-full w-full items-center justify-center", children: _jsx(Loader2, { className: "text-neutral-grey-50 h-6 w-6 animate-spin", strokeWidth: 1 }) })) : img.thumbnailUrl ? (_jsx("img", { src: img.thumbnailUrl, alt: img.fileName, className: "h-full w-full object-cover" })) : (_jsx("div", { className: "flex h-full w-full items-center justify-center", children: _jsx(ImageIcon, { className: "text-neutral-grey-50 h-8 w-8", strokeWidth: 1 }) })), _jsx("button", { onClick: () => handleDeleteImage(img.id), className: "bg-neutral-grey-100/50 absolute top-1 right-1 rounded-full p-1 opacity-0 transition-opacity group-hover:opacity-100", title: "Remove image", children: _jsx(X, { className: "h-3 w-3 text-white", strokeWidth: 2 }) })] }) }), _jsx(TooltipContent, { side: "top", sideOffset: 6, className: "max-w-xs break-words", children: img.fileName })] }, img.id))), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => fileInputRef.current?.click(), className: "border-border-default text-neutral-grey-50 hover:border-highlight-100 hover:text-highlight-100 hover:bg-highlight-10 flex h-20 w-20 items-center justify-center rounded-lg border border-dashed bg-white transition-colors disabled:cursor-not-allowed disabled:opacity-50", disabled: uploading || submitting, "aria-label": "Upload image", children: uploading ? (_jsx(Loader2, { className: "h-5 w-5 animate-spin", strokeWidth: 1.5 })) : (_jsx(Plus, { className: "h-5 w-5", strokeWidth: 1.5 })) }) }), _jsx(TooltipContent, { side: "top", sideOffset: 6, children: "Upload image" })] })] })] })), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("div", { className: "text-neutral-grey-50 text-sm", children: images.length === 0
-                                                    ? isDragOver
-                                                        ? "Drop images here"
-                                                        : "Or, drag & drop images here to modify:"
-                                                    : "" }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => fileInputRef.current?.click(), disabled: uploading, children: [uploading ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", strokeWidth: 1 })) : (_jsx(Upload, { className: "h-3.5 w-3.5", strokeWidth: 1 })), "Upload image"] }), editContext?.selectMedia && (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: handleBrowseMedia, disabled: browsingMedia, children: [_jsx(FolderOpen, { className: "h-3.5 w-3.5", strokeWidth: 1 }), "Browse media library"] }), images.length === 0 && generatePrompt.trim() && (_jsxs(Button, { variant: "outline", size: "sm", onClick: handleSearchMedia, disabled: browsingMedia, children: [_jsx(Search, { className: "h-3.5 w-3.5", strokeWidth: 1 }), "Search"] }))] }))] }), _jsx("input", { ref: fileInputRef, type: "file", className: "hidden", accept: "image/*", multiple: true, onChange: (e) => {
-                                                    const files = e.target.files
-                                                        ? Array.from(e.target.files)
-                                                        : null;
+                                                    : images.length === 0
+                                                        ? "Or, drag & drop images here to modify:"
+                                                        : "Modify these images, or add more:" }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => fileInputRef.current?.click(), disabled: uploading, children: [uploading ? (_jsx(Loader2, { className: "mr-1 h-3.5 w-3.5 animate-spin", strokeWidth: 1 })) : (_jsx(Upload, { className: "mr-1 h-3.5 w-3.5", strokeWidth: 1 })), "Browse"] }), editContext?.selectMedia && (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: handleBrowseMedia, disabled: browsingMedia, children: [_jsx(FolderOpen, { className: "mr-1 h-3.5 w-3.5", strokeWidth: 1 }), "Media"] }), images.length === 0 && generatePrompt.trim() && (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: handleSearchMedia, disabled: browsingMedia, children: [_jsx(Search, { className: "mr-1 h-3.5 w-3.5", strokeWidth: 1 }), "Search"] }))] }))] }), _jsx("input", { ref: fileInputRef, type: "file", className: "hidden", accept: "image/*", multiple: true, onChange: (e) => {
+                                                    const files = e.target.files ? Array.from(e.target.files) : null;
                                                     e.target.value = "";
                                                     handleFileUpload(files);
-                                                } })] })] }), images.length > 0 && (_jsxs("div", { className: "bg-neutral-grey-5 space-y-3 rounded-xl p-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsx("div", { className: "flex items-center gap-2", children: _jsx("span", { className: "text-neutral-grey-100 text-sm font-medium", children: "Enhance & Modify" }) }) }), _jsx(Textarea, { value: modifyPrompt, onChange: (e) => setModifyPrompt(e.target.value), placeholder: "E.g., Remove the background, improve lighting, upscale...", className: "min-h-[64px] resize-none border-none bg-transparent p-0 shadow-none focus-visible:!shadow-none focus-visible:ring-0", disabled: submitting }), _jsxs("div", { className: "mt-2 flex items-center gap-2", children: [_jsx("div", { className: "flex flex-1 flex-wrap gap-1", children: presetPrompts.map((preset) => (_jsx("button", { onClick: (e) => {
-                                                        e.stopPropagation();
-                                                        setModifyPrompt(preset.prompt);
-                                                    }, className: `text-2xs rounded-full border px-2 py-0.5 transition-colors ${modifyPrompt === preset.prompt
-                                                        ? "border-highlight-100 bg-highlight-100 text-white"
-                                                        : "border-border-default text-neutral-grey-50 hover:border-highlight-100 hover:text-highlight-100 bg-white"}`, disabled: submitting, children: preset.label }, preset.label))) }), renderImageModelPopover()] })] })), _jsxs("div", { className: "rounded-xl bg-white p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("div", { className: "text-neutral-grey-100 text-sm font-medium", children: "Save generated image into this folder:" }), targetFolderPath ? (_jsx("div", { className: "text-neutral-grey-50 mt-0.5 truncate text-xs", title: targetFolderPath, children: targetFolderPath })) : (_jsx("div", { className: "text-neutral-grey-50 mt-0.5 text-xs", children: "Select where the generated image will be saved" }))] }), _jsxs(Popover, { open: targetFolderPickerOpen, onOpenChange: setTargetFolderPickerOpen, enableIframeClickDetection: false, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", className: "shrink-0", children: [_jsx(FolderOpen, { className: "h-3.5 w-3.5", strokeWidth: 1 }), targetFolderId ? "Change folder" : "Select"] }) }), _jsx(PopoverContent, { className: "pointer-events-auto z-[110] w-[520px] p-2", align: "end", children: _jsx("div", { className: "h-[360px] overflow-hidden rounded border", children: _jsx(ContentTree, { rootItemIds: folderPickerRootItemIds, selectionMode: "single", selectedItemIds: folderPickerSelectedItemIds, templateIds: folderPickerTemplateIds, hideRootNodes: true, expandIdPath: targetFolderExpandIdPath ??
+                                                } })] })] }), images.length > 0 && (_jsxs("div", { className: "space-y-3 p-4 rounded-xl border border-theme-secondary/50 bg-theme-secondary/5 ring-1 ring-theme-secondary/20 shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Sparkles, { className: "h-4 w-4 text-theme-secondary" }), _jsx("span", { className: "text-sm font-semibold text-theme-secondary", children: "Enhance & Modify" })] }), _jsx(Textarea, { value: modifyPrompt, onChange: (e) => setModifyPrompt(e.target.value), placeholder: "E.g., Remove the background, improve lighting, upscale...", className: "min-h-[80px] resize-none border-none bg-transparent p-0 focus-visible:ring-0", disabled: submitting }), _jsx("div", { className: "flex flex-wrap gap-1 mt-2", children: presetPrompts.map((preset) => (_jsx("button", { onClick: (e) => {
+                                                e.stopPropagation();
+                                                setModifyPrompt(preset.prompt);
+                                            }, className: `rounded-full border px-2 py-0.5 text-xs transition-colors ${modifyPrompt === preset.prompt
+                                                ? "border-theme-secondary bg-theme-secondary text-white"
+                                                : "border-gray-200 bg-white text-gray-600 hover:border-theme-secondary hover:text-theme-secondary"}`, disabled: submitting, children: preset.label }, preset.label))) })] })), _jsxs("div", { className: "rounded-xl border border-gray-200 bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-semibold text-gray-800", children: "Target folder" }), targetFolderPath ? (_jsx("div", { className: "text-xs text-gray-500 truncate mt-0.5", title: targetFolderPath, children: targetFolderPath })) : (_jsx("div", { className: "text-xs text-gray-500 mt-0.5", children: "Select where the generated image will be saved" }))] }), _jsxs(Popover, { open: targetFolderPickerOpen, onOpenChange: setTargetFolderPickerOpen, enableIframeClickDetection: false, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-2 px-3 text-xs shrink-0", children: [_jsx(FolderOpen, { className: "h-3.5 w-3.5", strokeWidth: 1 }), targetFolderId ? "Change" : "Select"] }) }), _jsx(PopoverContent, { className: "w-[520px] p-2 z-[110] pointer-events-auto", align: "end", children: _jsx("div", { className: "h-[360px] overflow-hidden rounded border", children: _jsx(ContentTree, { rootItemIds: folderPickerRootItemIds, selectionMode: "single", selectedItemIds: folderPickerSelectedItemIds, templateIds: folderPickerTemplateIds, hideRootNodes: true, expandIdPath: targetFolderExpandIdPath ??
                                                                     "3D6658D8-A0BF-4E75-B3E2-D050FABCF4E1", onSelectionChange: (selection) => {
                                                                     const node = selection[0];
                                                                     if (!node?.id)
@@ -674,7 +563,7 @@ export const AiImageEditorDialog = forwardRef(({ open, onClose, onComplete, fiel
                                                                         aiImageTargetFolderId: node.id,
                                                                     });
                                                                     setTargetFolderPickerOpen(false);
-                                                                }, language: fieldDescriptor?.item.language ?? "en", includeItemPath: false, database: "master" }) }) })] })] }), !targetFolderId && (_jsx("div", { className: "text-feedback-orange mt-2 text-xs", children: "Select a target folder to enable generation." }))] })] }) }), _jsxs(DialogButtons, { className: "bg-white", children: [_jsx(Button, { variant: "outline", onClick: handleCancel, disabled: submitting, children: "Cancel" }), _jsx(Button, { onClick: handleSubmit, disabled: !canSubmit, className: "min-w-[100px] gap-1", children: submitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin", strokeWidth: 1 }), "Generating..."] })) : (_jsx(_Fragment, { children: "Generate Image" })) })] })] }) }));
+                                                                }, language: fieldDescriptor?.item.language ?? "en", includeItemPath: false, database: "master" }) }) })] })] }), !targetFolderId && (_jsx("div", { className: "mt-2 text-xs text-amber-700", children: "Select a target folder to enable generation." }))] })] }) }), _jsxs(DialogButtons, { className: "bg-gray-50/50", children: [_jsx(Button, { variant: "ghost", onClick: handleCancel, disabled: submitting, children: "Cancel" }), _jsx(Button, { onClick: handleSubmit, disabled: !canSubmit, className: "gap-1 min-w-[100px]", children: submitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin", strokeWidth: 1 }), "Generating..."] })) : (_jsxs(_Fragment, { children: [_jsx(Wand2, { className: "h-4 w-4", strokeWidth: 1 }), "Generate"] })) })] })] }) }));
 });
 AiImageEditorDialog.displayName = "AiImageEditorDialog";
 export default AiImageEditorDialog;