@alpaca-editor/core 1.0.4101 → 1.0.4103

package/dist/revision.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "1.0.4101";
-export declare const buildDate = "2025-09-22 15:29:23";
+export declare const version = "1.0.4103";
+export declare const buildDate = "2025-09-23 01:47:30";

package/dist/revision.js

@@ -1,3 +1,3 @@
-export const version = "1.0.4101";
-export const buildDate = "2025-09-22 15:29:23";
+export const version = "1.0.4103";
+export const buildDate = "2025-09-23 01:47:30";
 //# sourceMappingURL=revision.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-editor/core",
-  "version": "1.0.4101",
+  "version": "1.0.4103",
   "publishConfig": {
     "access": "public"
   },

package/src/config/config.tsx

@@ -110,7 +110,7 @@ import { ReviewCommands } from "../editor/menubar/toolbar-sections/ReviewCommand
 import { TranslateStep } from "../page-wizard/steps/TranslateStep";
 import {
   BookA,
-  ClockIcon,
+  History,
   FolderTreeIcon,
   Ghost,
   InboxIcon,
@@ -118,7 +118,6 @@ import {
   Layers,
   MessageCircleMore,
   Settings,
-  SparklesIcon,
   Users,
   Bug,
   Timer,
@@ -515,7 +514,7 @@ export const getConfiguration = (): EditorConfiguration => {
         {
           name: "history",
           title: "History",
-          icon: <ClockIcon strokeWidth={1} />,
+          icon: <History strokeWidth={1} />,
           leftSidebar: {
             panels: [
               {

package/src/editor/FieldActionsOverlay.tsx

@@ -273,6 +273,7 @@ const FieldActionsOverlay = React.forwardRef<
           className="w-auto p-1"
           align="start"
           side="bottom"
+          data-testid="field-actions-overlay"
           container={portalContainer}
           onOpenAutoFocus={(e) => {
             e.preventDefault();

package/src/editor/Terminal.tsx

@@ -18,7 +18,7 @@ type Message = {
 };
 
 export const Terminal = forwardRef<
-  { submit: () => void },
+  { submit: () => void; focusPrompt: () => void },
   {
     commandHandler: (
       text: string,
@@ -26,6 +26,7 @@ export const Terminal = forwardRef<
     ) => void;
     prompt: string;
     setPrompt: (text: string) => void;
+    placeholder?: string;
     onReset: () => void;
     toolbar?: React.ReactNode;
     statusbar?: React.ReactNode;
@@ -41,6 +42,7 @@ export const Terminal = forwardRef<
     commandHandler,
     prompt,
     setPrompt,
+    placeholder,
     onReset,
     toolbar,
     statusbar,
@@ -196,6 +198,16 @@ export const Terminal = forwardRef<
 
   useImperativeHandle(ref, () => ({
     submit,
+    focusPrompt: () => {
+      if (inputRef.current) {
+        inputRef.current.focus();
+        const value = inputRef.current.value || "";
+        try {
+          inputRef.current.selectionStart = value.length;
+          inputRef.current.selectionEnd = value.length;
+        } catch {}
+      }
+    },
   }));
 
   return (
@@ -249,6 +261,10 @@ export const Terminal = forwardRef<
           rows={4}
           cols={30}
           disabled={disabled}
+          placeholder={
+            placeholder ??
+            "Type your message... (Enter to send, Shift+Enter for new line)"
+          }
         />
         <div className="flex items-center justify-between py-1">
           {statusbar}

package/src/editor/ai/AgentTerminal.tsx

@@ -199,6 +199,9 @@ export function AgentTerminal({
   const [agent, setAgent] = useState<AgentDetails | undefined>(undefined);
   const [messages, setMessages] = useState<AgentChatMessage[]>([]);
   const [prompt, setPrompt] = useState("");
+  const [inputPlaceholder, setInputPlaceholder] = useState<string>(
+    "Type your message... (Enter to send, Ctrl+Enter for new line)",
+  );
   const [isLoading, setIsLoading] = useState(false);
   const [isConnecting, setIsConnecting] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -2120,6 +2123,22 @@ export function AgentTerminal({
                       ""
                     ).trim();
                     if (!text) return;
+                    if (action.behavior === "compose") {
+                      setPrompt(text);
+                      setInputPlaceholder(
+                        action.placeholder ||
+                          "Review and edit, then press Enter to send",
+                      );
+                      if (textareaRef.current) {
+                        try {
+                          textareaRef.current.focus();
+                          const v = textareaRef.current.value || "";
+                          textareaRef.current.selectionStart = v.length;
+                          textareaRef.current.selectionEnd = v.length;
+                        } catch {}
+                      }
+                      return;
+                    }
                     // Stop any current execution before sending the next message
                     if (isExecuting) {
                       try {
@@ -2155,7 +2174,7 @@ export function AgentTerminal({
               }
             }}
             onKeyDown={handleKeyPress}
-            placeholder="Type your message... (Enter to send, Ctrl+Enter for new line)"
+            placeholder={inputPlaceholder}
             className="h-[80px] flex-1 resize-none overflow-y-auto text-xs"
             data-testid="agent-terminal-prompt"
             disabled={isSubmitting}

package/src/editor/ai/AiResponseMessage.tsx

@@ -15,6 +15,8 @@ type QuickAction = {
   prompt?: string;
   value?: string;
   style?: "primary" | "secondary" | "destructive" | "outline";
+  behavior?: "compose" | "submit";
+  placeholder?: string;
 };
 
 type ContentSegment =
@@ -173,6 +175,17 @@ function parseContentSegments(
                 prompt: a.prompt,
                 value: a.value,
                 style: a.style,
+                behavior:
+                  a.behavior &&
+                  (a.behavior === "compose" || a.behavior === "submit")
+                    ? a.behavior
+                    : (a as any).submit === false ||
+                        (a as any).compose === true ||
+                        (a as any).draft === true ||
+                        (a as any).mode === "compose"
+                      ? "compose"
+                      : undefined,
+                placeholder: (a as any).placeholder,
               };
               if (action.label) actions.push(action);
             });
@@ -271,6 +284,17 @@ function parseContentSegments(
               prompt: a.prompt,
               value: a.value,
               style: a.style,
+              behavior:
+                a.behavior &&
+                (a.behavior === "compose" || a.behavior === "submit")
+                  ? a.behavior
+                  : (a as any).submit === false ||
+                      (a as any).compose === true ||
+                      (a as any).draft === true ||
+                      (a as any).mode === "compose"
+                    ? "compose"
+                    : undefined,
+              placeholder: (a as any).placeholder,
             };
             if (action.label) actions.push(action);
           });
@@ -334,7 +358,13 @@ export function AiResponseMessage({
   editOperations: EditOperation[];
   error?: string;
   onQuickAction?: (
-    action: { label: string; prompt?: string; value?: string },
+    action: {
+      label: string;
+      prompt?: string;
+      value?: string;
+      behavior?: "compose" | "submit";
+      placeholder?: string;
+    },
     message: Message,
   ) => void;
 }) {
@@ -555,6 +585,8 @@ export function AiResponseMessage({
                                 label: a.label,
                                 prompt: a.prompt,
                                 value: a.value,
+                                behavior: a.behavior,
+                                placeholder: a.placeholder,
                               },
                               message,
                             )

package/src/editor/ai/AiTerminal.tsx

@@ -91,12 +91,17 @@ export function AiTerminal({
   const [initialPromptExecuted, setInitialPromptExecuted] = useState(false);
   const [agentId] = useState<string>(() => crypto.randomUUID());
   const selection = editContext.selection;
-  const terminalRef = useRef<{ submit: () => void }>(null);
+  const terminalRef = useRef<{ submit: () => void; focusPrompt: () => void }>(
+    null,
+  );
   const [responseMessages, setResponseMessages] = useState<Message[]>(
     options?.initialMessages || [],
   );
   const [showSettings, setShowSettings] = useState(false);
   const settingsRef = useRef<HTMLDivElement>(null);
+  const [inputPlaceholder, setInputPlaceholder] = useState<string | undefined>(
+    undefined,
+  );
 
   useEffect(() => {
     if (options?.initialPrompt && !initialPromptExecuted && model) {
@@ -287,6 +292,12 @@ export function AiTerminal({
               ""
             ).trim();
             if (!text) return;
+            if (action.behavior === "compose") {
+              setPrompt(text);
+              setInputPlaceholder(action.placeholder);
+              setTimeout(() => terminalRef.current?.focusPrompt(), 0);
+              return;
+            }
             // Submit this as a new command
             commandHandler(text, (node, done) => {
               TerminalService.emit("response", node);
@@ -311,6 +322,12 @@ export function AiTerminal({
               ""
             ).trim();
             if (!text) return;
+            if (action.behavior === "compose") {
+              setPrompt(text);
+              setInputPlaceholder(action.placeholder);
+              setTimeout(() => terminalRef.current?.focusPrompt(), 0);
+              return;
+            }
             commandHandler(text, (node, done) => {
               TerminalService.emit("response", node);
               if (done) TerminalService.emit("response", undefined);
@@ -452,6 +469,7 @@ export function AiTerminal({
             }
             prompt={prompt}
             setPrompt={setPrompt}
+            placeholder={inputPlaceholder}
             statusbar=<div className="flex flex-1 items-center justify-between gap-1">
               <a
                 className="ml-1 flex cursor-pointer items-center gap-1 text-xs"

package/src/editor/client/EditorShell.tsx

@@ -1332,7 +1332,9 @@ export function EditorShell({
       setEditHistory((prev) => {
         const existingOpIndex = prev.findIndex((x) => x.id === op.id);
         if (existingOpIndex >= 0) {
-          prev[existingOpIndex] = op;
+          const next = [...prev];
+          next[existingOpIndex] = op;
+          return next;
         }
         return prev;
       });
@@ -1694,7 +1696,6 @@ export function EditorShell({
       ) => {
         if ((!dragObject && !insertOption) || !page) return;
         setDragObject(undefined);
-        
 
         if (spotPositionElement && spotPositionAnchor) {
           setInserting({
@@ -1782,7 +1783,6 @@ export function EditorShell({
               id: uuid(),
               description: "Move component",
             } as MoveComponentOperation;
-            
           }
         }
 

package/src/editor/client/hooks/useSocketMessageHandler.ts

@@ -244,14 +244,6 @@ export function useSocketMessageHandler(deps: {
       if (message.type === "edit-operation") {
         const op = message.payload as EditOperation;
         if (op.type === "edit-field") {
-          // Ignore our own edit-field operations to avoid redundant updates
-          if (
-            op.sessionId &&
-            op.sessionId === sessionId &&
-            (op as any).user?.ai !== true
-          )
-            return;
-
           const editFieldOperation = op as any;
           const field = await itemsRepository.getField({
             item: {
@@ -293,20 +285,29 @@ export function useSocketMessageHandler(deps: {
               requestRefresh("immediate");
             }
           } else {
-            itemsRepository.updateFieldValue(
-              {
-                fieldId: editFieldOperation.fieldId,
-                item: {
-                  ...editFieldOperation.mainItem,
-                  id: editFieldOperation.itemId,
+            // For our own edit-field ops, skip duplicating local field updates but still continue
+            // so the edit history gets refreshed below.
+            const isOwnNonAiOperation =
+              !!op.sessionId &&
+              op.sessionId === sessionId &&
+              (op as any).user?.ai !== true;
+
+            if (!isOwnNonAiOperation) {
+              itemsRepository.updateFieldValue(
+                {
+                  fieldId: editFieldOperation.fieldId,
+                  item: {
+                    ...editFieldOperation.mainItem,
+                    id: editFieldOperation.itemId,
+                  },
                 },
-              },
-              editFieldOperation.user ?? { name: "unknown", ai: false },
-              false,
-              editFieldOperation.undone
-                ? editFieldOperation.oldValue
-                : editFieldOperation.value,
-            );
+                editFieldOperation.user ?? { name: "unknown", ai: false },
+                false,
+                editFieldOperation.undone
+                  ? editFieldOperation.oldValue
+                  : editFieldOperation.value,
+              );
+            }
           }
         } else {
           // For non-field operations, refresh only if the current page matches the operation's main item

package/src/revision.ts

@@ -1,2 +1,2 @@
-export const version = "1.0.4101";
-export const buildDate = "2025-09-22 15:29:23";
+export const version = "1.0.4103";
+export const buildDate = "2025-09-23 01:47:30";