@agent-native/core 0.149.6 → 0.151.1

package/corpus/templates/slides/app/components/editor/EditorToolbar.tsx

@@ -590,12 +590,12 @@ export default function EditorToolbar({
         value={deckTitle}
         onChange={(e) => onTitleChange(e.target.value)}
         style={{ width: `${titleInputWidth}px` }}
-        className="min-w-0 max-w-[500px] flex-shrink bg-transparent text-sm font-medium text-foreground/90 outline-none focus:text-foreground"
+        className="min-w-0 max-w-[500px] shrink-0 bg-transparent text-sm font-medium text-foreground/90 outline-none focus:text-foreground"
         spellCheck={false}
       />
 
       {/* Spacer */}
-      <div className="flex-1 min-w-2" />
+      <div className="w-2 shrink-0" />
 
       <div
         ref={onWideContextToolbarSlotChange}
@@ -769,6 +769,13 @@ export default function EditorToolbar({
               </>
             )}
 
+            <DropdownMenuSeparator />
+            <DropdownMenuGroup>
+              <DropdownMenuItem onSelect={onShowHistory}>
+                <IconHistory className="size-4" />
+                {t("editorToolbar.savedVersions")}
+              </DropdownMenuItem>
+            </DropdownMenuGroup>
             <DropdownMenuSeparator />
             <ExportMenu
               ref={exportMenuRef}
@@ -794,10 +801,6 @@ export default function EditorToolbar({
                 ? t("editorToolbar.importing")
                 : t("editorToolbar.importFile")}
             </DropdownMenuItem>
-            <DropdownMenuItem onSelect={onShowHistory}>
-              <IconHistory className="size-4" />
-              {t("editorToolbar.savedVersions")}
-            </DropdownMenuItem>
             <DropdownMenuSeparator />
             <DropdownMenuItem
               onSelect={() => setTheme(isDark ? "light" : "dark")}

package/corpus/templates/slides/app/components/editor/GeneratingSlidePreview.tsx

@@ -1,5 +1,4 @@
 import { useT } from "@agent-native/core/client/i18n";
-import { IconLoader2 } from "@tabler/icons-react";
 
 import SlideRenderer from "@/components/deck/SlideRenderer";
 import { Skeleton } from "@/components/ui/skeleton";
@@ -47,7 +46,7 @@ export default function GeneratingSlidePreview({
   return (
     <div
       className={cn(
-        "relative w-full overflow-hidden rounded-lg border border-primary/70",
+        "relative w-full overflow-hidden rounded-lg border border-border bg-muted/20",
         className,
       )}
       style={{ aspectRatio: cssRatio }}
@@ -65,13 +64,6 @@ export default function GeneratingSlidePreview({
       ) : (
         <SlideLoadingArtwork />
       )}
-      <div className="pointer-events-none absolute left-2 top-2 inline-flex items-center gap-1.5 rounded-full border border-primary/70 px-2 py-1 text-[11px] font-medium text-primary">
-        <span className="size-1.5 rounded-full bg-primary" aria-hidden="true" />
-        {t("raw.aiEditing")}
-      </div>
-      <div className="absolute right-2 top-2 rounded-full bg-background/80 p-1.5 text-muted-foreground shadow-sm">
-        <IconLoader2 className="size-3.5 animate-spin" aria-hidden="true" />
-      </div>
     </div>
   );
 }

package/corpus/templates/slides/app/components/editor/ImageDropPromptPopover.tsx

@@ -159,12 +159,14 @@ export default function ImageDropPromptPopover({
       if (payload.kind === "hosted") {
         sendToAgentChat({
           message: payload.message,
+          context: payload.context,
           submit: true,
           referenceImagePaths: payload.referenceImagePaths,
         });
       } else {
         sendToAgentChat({
           message: payload.message,
+          context: payload.context,
           submit: true,
           images: payload.images,
         });

package/corpus/templates/slides/app/components/editor/ImageOverlay.tsx

@@ -3,10 +3,8 @@ import {
   IconPhoto,
   IconFolderOpen,
   IconUpload,
-  IconSearch,
   IconMaximize,
   IconMinimize,
-  IconGlobe,
 } from "@tabler/icons-react";
 import { useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
@@ -17,8 +15,6 @@ interface ImageOverlayProps {
   onGenerate: () => void;
   onLibrary: () => void;
   onUpload: () => void;
-  onSearch: () => void;
-  onLogo: () => void;
   onToggleObjectFit: () => void;
   onClose: () => void;
 }
@@ -29,8 +25,6 @@ export default function ImageOverlay({
   onGenerate,
   onLibrary,
   onUpload,
-  onSearch,
-  onLogo,
   onToggleObjectFit,
   onClose,
 }: ImageOverlayProps) {
@@ -106,26 +100,6 @@ export default function ImageOverlay({
         <IconUpload className="w-3.5 h-3.5 text-muted-foreground" />
         Upload
       </button>
-      <button
-        onClick={() => {
-          onSearch();
-          onClose();
-        }}
-        className="image-overlay-btn"
-      >
-        <IconSearch className="w-3.5 h-3.5 text-muted-foreground" />
-        Search
-      </button>
-      <button
-        onClick={() => {
-          onLogo();
-          onClose();
-        }}
-        className="image-overlay-btn"
-      >
-        <IconGlobe className="w-3.5 h-3.5 text-muted-foreground" />
-        Logo
-      </button>
       <div className="mx-1.5 border-t border-border" />
       <button onClick={onToggleObjectFit} className="image-overlay-btn">
         {objectFit === "cover" ? (