easy-email-pro-theme 1.59.4 → 1.59.5

package/lib/index.js

@@ -40918,6 +40918,13 @@ const StandaloneElementSaveButtonPortal = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
 };
 const styles$2 = "";
+function isImeComposing(event) {
+  var _a;
+  return Boolean(((_a = event.nativeEvent) == null ? void 0 : _a.isComposing) || event.keyCode === 229);
+}
+function shouldSubmitOnEnter(event) {
+  return event.key === "Enter" && !event.shiftKey && !isImeComposing(event);
+}
 function copyImageUrl(attachment) {
   return __async(this, null, function* () {
     const value = attachment.url || attachment.dataUrl;
@@ -41115,6 +41122,10 @@ function quickActionLabel(action2) {
 function quickActionPrompt(action2) {
   return typeof action2 === "string" ? action2 : action2.prompt;
 }
+function quickActionTitle(action2) {
+  const prompt = quickActionPrompt(action2).trim();
+  return prompt || quickActionLabel(action2);
+}
 function fileToAttachment(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -41197,6 +41208,7 @@ function EasyEmailProAiAgent({
   activity,
   disabled = false,
   sendDisabled = false,
+  selectedElement,
   quickActions = getDefaultQuickActions(),
   pendingAction,
   pendingDecision,
@@ -41209,7 +41221,7 @@ function EasyEmailProAiAgent({
   onQuickAction,
   onClearHistory
 }) {
-  var _a;
+  var _a, _b, _c;
   assertAiAgentFeatureEnabled();
   const [draft, setDraft] = useState("");
   const [attachments, setAttachments] = useState([]);
@@ -41228,10 +41240,18 @@ function EasyEmailProAiAgent({
   const activityState = status === "running" || /applying|updating|generating|connecting|sending|uploading|reading|analyzing|preparing|processing|正在|读取|分析|准备|处理中|更新中|生成中|上传中/i.test(activity || "") ? "working" : /not applied|failed|error|失败|未应用/i.test(activity || "") ? "warning" : /updated|applied|generated|ready|完成|已更新|已应用|已生成/i.test(activity || "") ? "success" : "idle";
   const visibleActivity = activityState === "success" ? "" : activity;
   const lastSuccessfulAssistantMessageId = activityState === "success" ? (_a = [...messages].reverse().find((message) => message.role === "assistant" && message.status !== "error")) == null ? void 0 : _a.id : null;
+  const selectedElementMeta = selectedElement ? [
+    selectedElement.type,
+    ((_b = selectedElement.path) == null ? void 0 : _b.length) ? `path: ${selectedElement.path.join(".")}` : null,
+    selectedElement.width || selectedElement.height ? `${t("Size")}: ${selectedElement.width || "-"} x ${selectedElement.height || "-"}` : null,
+    selectedElement.imageSrc ? `${t("URL")}: ${selectedElement.imageSrc}` : null,
+    selectedElement.id ? `id: ${selectedElement.id}` : null,
+    selectedElement.uid ? `uid: ${selectedElement.uid}` : null
+  ].filter(Boolean).join(" · ") : "";
   function scrollThreadToBottom() {
     const scroll2 = () => {
-      var _a2, _b;
-      const container2 = (_b = (_a2 = scrollbarsRef.current) == null ? void 0 : _a2.osInstance()) == null ? void 0 : _b.getElements().viewport;
+      var _a2, _b2;
+      const container2 = (_b2 = (_a2 = scrollbarsRef.current) == null ? void 0 : _a2.osInstance()) == null ? void 0 : _b2.getElements().viewport;
       if (!container2)
         return;
       container2.scrollTop = container2.scrollHeight;
@@ -41315,6 +41335,22 @@ function EasyEmailProAiAgent({
       yield onSend == null ? void 0 : onSend(prompt, readyAttachments);
     });
   }
+  function submitDecisionDraft(pendingDecision2) {
+    const value = decisionDraft.trim();
+    if (!value)
+      return;
+    const choice = {
+      id: "custom",
+      label: value,
+      prompt: value
+    };
+    void (onChooseDecision == null ? void 0 : onChooseDecision(choice, {
+      decisionId: pendingDecision2.id,
+      choiceId: "custom",
+      label: value,
+      customText: value
+    }));
+  }
   function uploadImageFiles(files) {
     return __async(this, null, function* () {
       if (!files.length || disabled || uploading)
@@ -41380,7 +41416,7 @@ function EasyEmailProAiAgent({
       className: "eep-ai-agent__body-scrollbar"
     },
     /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__body" }, /* @__PURE__ */ React__default.createElement("section", { className: "eep-ai-agent__thread", "aria-label": t("AI conversation") }, messages.map((message) => {
-      var _a2, _b;
+      var _a2, _b2;
       return /* @__PURE__ */ React__default.createElement("article", { className: classNames("eep-ai-agent__message", `is-${message.role}`), key: message.id }, ((_a2 = message.attachments) == null ? void 0 : _a2.length) ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__attachments", "aria-label": t("Attachments") }, message.attachments.map((attachment) => /* @__PURE__ */ React__default.createElement(
         "button",
         {
@@ -41412,7 +41448,7 @@ function EasyEmailProAiAgent({
           },
           copiedAttachmentId === attachment.id ? t("Copied") : "⧉"
         )
-      ))) : null, /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__bubble" }, message.content), ((_b = message.sources) == null ? void 0 : _b.length) ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__sources", "aria-label": t("Sources") }, message.sources.slice(0, 3).map((source) => /* @__PURE__ */ React__default.createElement(
+      ))) : null, /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__bubble" }, message.content), ((_b2 = message.sources) == null ? void 0 : _b2.length) ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__sources", "aria-label": t("Sources") }, message.sources.slice(0, 3).map((source) => /* @__PURE__ */ React__default.createElement(
         "a",
         {
           href: source.url,
@@ -41484,39 +41520,51 @@ function EasyEmailProAiAgent({
         /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("strong", null, choice.label), choice.description ? /* @__PURE__ */ React__default.createElement("small", null, choice.description) : null)
       ))),
       pendingDecision.allowCustom ? /* @__PURE__ */ React__default.createElement(
-        "form",
+        "div",
         {
-          className: "eep-ai-agent__decision-custom",
-          onSubmit: (event) => {
-            event.preventDefault();
-            const value = decisionDraft.trim();
-            if (!value)
-              return;
-            const choice = {
-              id: "custom",
-              label: value,
-              prompt: value
-            };
-            void (onChooseDecision == null ? void 0 : onChooseDecision(choice, {
-              decisionId: pendingDecision.id,
-              choiceId: "custom",
-              label: value,
-              customText: value
-            }));
-          }
+          className: "eep-ai-agent__decision-custom"
         },
         /* @__PURE__ */ React__default.createElement(
           "input",
           {
             value: decisionDraft,
             onChange: (event) => setDecisionDraft(event.target.value),
+            onKeyDown: (event) => {
+              if (!shouldSubmitOnEnter(event))
+                return;
+              event.preventDefault();
+              submitDecisionDraft(pendingDecision);
+            },
             placeholder: t("Or describe what you want...")
           }
         ),
-        /* @__PURE__ */ React__default.createElement("button", { type: "submit", disabled: !decisionDraft.trim() }, t("Send"))
+        /* @__PURE__ */ React__default.createElement(
+          "button",
+          {
+            type: "button",
+            disabled: !decisionDraft.trim(),
+            onClick: () => submitDecisionDraft(pendingDecision)
+          },
+          t("Send")
+        )
       ) : null
     )) : null))
-  ), /* @__PURE__ */ React__default.createElement("footer", { className: "eep-ai-agent__composer-wrap" }, visibleActivity || uploadError || attachments.length || pendingAction ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-meta" }, attachments.length ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__pending-attachments", "aria-label": t("Pending images") }, attachments.map((attachment) => /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement("footer", { className: "eep-ai-agent__composer-wrap" }, selectedElement ? /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: "eep-ai-agent__selection",
+      "aria-label": `${t("Selected")} ${t("Element")}`
+    },
+    selectedElement.imageSrc ? /* @__PURE__ */ React__default.createElement(
+      "img",
+      {
+        className: "eep-ai-agent__selection-preview",
+        src: selectedElement.imageSrc,
+        alt: selectedElement.label
+      }
+    ) : /* @__PURE__ */ React__default.createElement("span", { className: "eep-ai-agent__selection-icon", "aria-hidden": "true" }, ((_c = selectedElement.label) == null ? void 0 : _c.slice(0, 1)) || "-"),
+    /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__selection-content" }, /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__selection-title" }, /* @__PURE__ */ React__default.createElement("span", null, t("Selected")), /* @__PURE__ */ React__default.createElement("strong", null, selectedElement.label || "-")), /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__selection-meta", title: selectedElementMeta }, selectedElementMeta))
+  ) : null, visibleActivity || uploadError || attachments.length || pendingAction ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-meta" }, attachments.length ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__pending-attachments", "aria-label": t("Pending images") }, attachments.map((attachment) => /* @__PURE__ */ React__default.createElement(
     "button",
     {
       className: "eep-ai-agent__pending-attachment",
@@ -41582,30 +41630,46 @@ function EasyEmailProAiAgent({
       "aria-label": t("Quick actions")
     },
     quickActionsExpanded && hasMenuQuickActions ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__quick-actions-menu" }, menuQuickActions.map((action2, index2) => /* @__PURE__ */ React__default.createElement(
-      "button",
+      Tooltip,
       {
-        className: "eep-ai-agent__quick-action-menu-item",
+        content: quickActionTitle(action2),
         key: `${quickActionLabel(action2)}-${index2}`,
-        type: "button",
-        disabled: disabled || sendDisabled || uploading,
-        onClick: () => {
-          void runQuickAction(action2);
-        }
+        position: "right"
       },
-      quickActionLabel(action2)
+      /* @__PURE__ */ React__default.createElement(
+        "button",
+        {
+          className: "eep-ai-agent__quick-action-menu-item",
+          type: "button",
+          "aria-label": `${quickActionLabel(action2)}: ${quickActionTitle(action2)}`,
+          disabled: disabled || sendDisabled || uploading,
+          onClick: () => {
+            void runQuickAction(action2);
+          }
+        },
+        quickActionLabel(action2)
+      )
     ))) : null,
     /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__quick-actions-bar" }, visibleQuickActions.map((action2, index2) => /* @__PURE__ */ React__default.createElement(
-      "button",
+      Tooltip,
       {
-        className: "eep-ai-agent__quick-action-pill",
+        content: quickActionTitle(action2),
         key: `${quickActionLabel(action2)}-${index2}`,
-        type: "button",
-        disabled: disabled || sendDisabled || uploading,
-        onClick: () => {
-          void runQuickAction(action2);
-        }
+        position: "top"
       },
-      quickActionLabel(action2)
+      /* @__PURE__ */ React__default.createElement(
+        "button",
+        {
+          className: "eep-ai-agent__quick-action-pill",
+          type: "button",
+          "aria-label": `${quickActionLabel(action2)}: ${quickActionTitle(action2)}`,
+          disabled: disabled || sendDisabled || uploading,
+          onClick: () => {
+            void runQuickAction(action2);
+          }
+        },
+        quickActionLabel(action2)
+      )
     )), hasMenuQuickActions ? /* @__PURE__ */ React__default.createElement(
       "button",
       {
@@ -41628,10 +41692,10 @@ function EasyEmailProAiAgent({
       rows: 1,
       onChange: (event) => setDraft(event.target.value),
       onKeyDown: (event) => {
-        if (event.key === "Enter" && !event.shiftKey) {
-          event.preventDefault();
-          submit();
-        }
+        if (!shouldSubmitOnEnter(event))
+          return;
+        event.preventDefault();
+        submit();
       }
     }
   )), /* @__PURE__ */ React__default.createElement(
@@ -41779,6 +41843,47 @@ function mapGeneratedImageAttachment(attachment) {
 function isRemoteImageUrl(url) {
   return Boolean(url && !url.startsWith("data:"));
 }
+function isRecord(value) {
+  return Boolean(value && typeof value === "object" && !Array.isArray(value));
+}
+function targetMatchesRecord(target, record) {
+  if (!target)
+    return false;
+  if ("id" in target)
+    return record.id === target.id;
+  if ("uid" in target)
+    return record.uid === target.uid;
+  return false;
+}
+function replaceTargetAttributeInTemplate(template, target, key2, value) {
+  let replaced = false;
+  const visit = (node) => {
+    if (Array.isArray(node))
+      return node.map(visit);
+    if (!isRecord(node))
+      return node;
+    let next = node;
+    if (targetMatchesRecord(target, node)) {
+      const attributes = isRecord(node.attributes) ? node.attributes : {};
+      next = __spreadProps(__spreadValues({}, node), {
+        attributes: __spreadProps(__spreadValues({}, attributes), {
+          [key2]: value
+        })
+      });
+      replaced = true;
+    }
+    let changed = next !== node;
+    const entries = Object.entries(next).map(([entryKey, entryValue]) => {
+      const nextValue = visit(entryValue);
+      if (nextValue !== entryValue)
+        changed = true;
+      return [entryKey, nextValue];
+    });
+    return changed ? Object.fromEntries(entries) : node;
+  };
+  const nextTemplate = visit(template);
+  return replaced ? nextTemplate : null;
+}
 function imageResultText(payload) {
   const lines = [payload.summary || t("Generated image.")];
   if (payload.revisedPrompt) {
@@ -42178,28 +42283,44 @@ ${errors.join("\n")}` : toolCallsText(__spreadProps(__spreadValues({}, payload),
               activeRun,
               target,
               payload.confidence
-            ) && optionsRef.current.onApplyToolCalls) {
-              void applyToolCalls(
-                activeRun,
-                {
-                  summary: payload.summary || t("Updated the selected image."),
-                  toolCalls: []
-                },
-                [
+            ) && (optionsRef.current.onApplyTemplate || optionsRef.current.onApplyToolCalls)) {
+              const attributeKey = imageTargetAttributeKey(
+                activeRun.editorImages,
+                target
+              );
+              const nextTemplate = optionsRef.current.onApplyTemplate && replaceTargetAttributeInTemplate(
+                optionsRef.current.getTemplate(),
+                target,
+                attributeKey,
+                generatedImageUrl
+              );
+              if (nextTemplate) {
+                applyTemplateChange(
+                  activeRun,
+                  nextTemplate,
+                  payload.summary || t("Updated the selected image.")
+                );
+                refreshActiveRunTemplateKey(activeRun);
+              } else if (optionsRef.current.onApplyToolCalls) {
+                void applyToolCalls(
+                  activeRun,
                   {
-                    name: "update_attribute",
-                    target,
-                    key: imageTargetAttributeKey(
-                      activeRun.editorImages,
-                      target
-                    ),
-                    value: generatedImageUrl
-                  }
-                ]
-              ).then((applied) => {
-                if (applied)
-                  refreshActiveRunTemplateKey(activeRun);
-              });
+                    summary: payload.summary || t("Updated the selected image."),
+                    toolCalls: []
+                  },
+                  [
+                    {
+                      name: "update_attribute",
+                      target,
+                      key: attributeKey,
+                      value: generatedImageUrl
+                    }
+                  ]
+                ).then((applied) => {
+                  if (applied)
+                    refreshActiveRunTemplateKey(activeRun);
+                });
+              }
               updateMessage(activeRun.assistantMessageId, {
                 content: imageResultText(payload),
                 attachments: payload.images.map(mapGeneratedImageAttachment),
@@ -42601,6 +42722,26 @@ function imageAssetTitle(node, source) {
   }
   return t("Image");
 }
+function selectedElementSummary(node, path2) {
+  if (!node)
+    return null;
+  const type = typeof node.type === "string" ? node.type : void 0;
+  const isImageBlock = type ? IMAGE_BLOCK_TYPES.has(type) : false;
+  const hasBackgroundImage = supportsBackgroundImage(node);
+  const source = isImageBlock ? "image" : "background";
+  const dimensions = getImageDimensions(node);
+  const imageSrc = isImageBlock ? getImageSrc(node) : hasBackgroundImage ? getBackgroundImageSrc(node) : void 0;
+  return {
+    label: isImageBlock || hasBackgroundImage ? imageAssetTitle(node, source) : typeof node.title === "string" && node.title.trim() ? node.title : type || t("Element"),
+    type,
+    id: typeof node.id === "string" ? node.id : void 0,
+    uid: typeof node.uid === "string" ? node.uid : void 0,
+    path: path2,
+    imageSrc,
+    width: dimensions.width,
+    height: dimensions.height
+  };
+}
 function selectedDescendants(editor, selectedNodePath) {
   if (!selectedNodePath)
     return [];
@@ -42650,6 +42791,13 @@ function AiAgentPanel({
   useEffect(() => {
     selectedRef.current = { selectedNode, selectedNodePath };
   }, [selectedNode, selectedNodePath]);
+  const selectedElement = useMemo(
+    () => selectedElementSummary(
+      selectedNode,
+      selectedNodePath || void 0
+    ),
+    [selectedNode, selectedNodePath]
+  );
   const uploadAttachment = useCallback(
     (file) => __async(this, null, function* () {
       const uploadHandler = uploadOverride || editorUpload;
@@ -42777,6 +42925,7 @@ function AiAgentPanel({
       messages: session.messages,
       status: session.status,
       activity: session.activity,
+      selectedElement,
       disabled,
       sendDisabled: disabled || session.status === "running",
       quickActions,

package/lib/style.css

@@ -1922,6 +1922,79 @@ THEMES:
   padding: 18px 12px 12px;
 }
 
+.eep-ai-agent__selection {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: 40px minmax(0, 1fr);
+  gap: 10px;
+  align-items: center;
+  margin-bottom: 10px;
+  padding: 8px 10px;
+  border: 1px solid var(--eep-ai-line);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.72);
+}
+
+.eep-ai-agent__selection-preview,
+.eep-ai-agent__selection-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 6px;
+}
+
+.eep-ai-agent__selection-preview {
+  display: block;
+  object-fit: cover;
+  background: var(--eep-ai-surface-muted);
+}
+
+.eep-ai-agent__selection-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--eep-ai-primary-text);
+  background: var(--eep-ai-primary-light);
+  font-size: 15px;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+
+.eep-ai-agent__selection-content {
+  min-width: 0;
+  display: grid;
+  gap: 2px;
+}
+
+.eep-ai-agent__selection-title {
+  min-width: 0;
+  display: flex;
+  gap: 6px;
+  align-items: baseline;
+  color: var(--eep-ai-muted);
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.eep-ai-agent__selection-title strong {
+  min-width: 0;
+  color: var(--eep-ai-text);
+  font-size: 13px;
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eep-ai-agent__selection-meta {
+  min-width: 0;
+  color: var(--eep-ai-muted);
+  font-size: 11px;
+  line-height: 16px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .eep-ai-agent__thread {
   display: grid;
   gap: 18px;

package/lib/typings/components/AIAgent/App.d.ts

@@ -29,6 +29,16 @@ export type AiAgentAttachment = {
     dataUrl?: string;
     size?: number;
 };
+export type AiAgentSelectedElement = {
+    label: string;
+    type?: string;
+    id?: string;
+    uid?: string;
+    path?: number[];
+    imageSrc?: string;
+    width?: number;
+    height?: number;
+};
 export type AiQuickAction = string | {
     label: string;
     prompt: string;
@@ -43,6 +53,7 @@ export type EasyEmailProAiAgentProps = {
     activity?: string;
     disabled?: boolean;
     sendDisabled?: boolean;
+    selectedElement?: AiAgentSelectedElement | null;
     quickActions?: AiQuickAction[];
     pendingAction?: {
         label: string;
@@ -62,4 +73,4 @@ export type EasyEmailProAiAgentProps = {
     onClearHistory?: () => void | Promise<void>;
     onClose?: () => void;
 };
-export declare function EasyEmailProAiAgent({ className, messages, activity, disabled, sendDisabled, quickActions, pendingAction, pendingDecision, placeholder, onSend, onUpload, onChooseDecision, onCancelDecision, onRestoreSnapshot, onQuickAction, onClearHistory, }: EasyEmailProAiAgentProps): React.JSX.Element;
+export declare function EasyEmailProAiAgent({ className, messages, activity, disabled, sendDisabled, selectedElement, quickActions, pendingAction, pendingDecision, placeholder, onSend, onUpload, onChooseDecision, onCancelDecision, onRestoreSnapshot, onQuickAction, onClearHistory, }: EasyEmailProAiAgentProps): React.JSX.Element;

package/lib/typings/components/AIAgent/keyboard.d.ts

@@ -0,0 +1,11 @@
+type KeyboardLikeEvent = {
+    key?: string;
+    shiftKey?: boolean;
+    keyCode?: number;
+    nativeEvent?: {
+        isComposing?: boolean;
+    };
+};
+export declare function isImeComposing(event: KeyboardLikeEvent): boolean;
+export declare function shouldSubmitOnEnter(event: KeyboardLikeEvent): boolean;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-email-pro-theme",
-  "version": "1.59.4",
+  "version": "1.59.5",
   "description": "",
   "files": [
     "lib"