easy-email-pro-theme 1.59.3 → 1.59.4

package/lib/index.js

@@ -8443,7 +8443,7 @@ const BlockSideBar = ({ height }) => {
           destroyOnHide: true,
           key: "AI-Agent",
           className: "easy-email-pro-block-sidebar-ai-agent",
-          title: /* @__PURE__ */ React__default.createElement("div", { className: "easy-email-pro-block-sidebar-ai-agent-title" }, t("AI"))
+          title: /* @__PURE__ */ React__default.createElement("div", { className: "easy-email-pro-block-sidebar-ai-agent-title" }, t("Agent"))
         },
         /* @__PURE__ */ React__default.createElement(
           SharedComponents.FullHeightOverlayScrollbars,
@@ -10070,55 +10070,55 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q = [
+const __iconNode$r = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
 ];
-const Clock = createLucideIcon("Clock", __iconNode$q);
+const Clock = createLucideIcon("Clock", __iconNode$r);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p = [
+const __iconNode$q = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M12 3v18", key: "108xh3" }]
 ];
-const Columns2 = createLucideIcon("Columns2", __iconNode$p);
+const Columns2 = createLucideIcon("Columns2", __iconNode$q);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$o = [
+const __iconNode$p = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("Ellipsis", __iconNode$o);
+const Ellipsis = createLucideIcon("Ellipsis", __iconNode$p);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$n = [
+const __iconNode$o = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("FileText", __iconNode$n);
+const FileText = createLucideIcon("FileText", __iconNode$o);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [
+const __iconNode$n = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
@@ -10126,151 +10126,151 @@ const __iconNode$m = [
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
 ];
-const GripVertical = createLucideIcon("GripVertical", __iconNode$m);
+const GripVertical = createLucideIcon("GripVertical", __iconNode$n);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [
+const __iconNode$m = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
 ];
-const Heading1 = createLucideIcon("Heading1", __iconNode$l);
+const Heading1 = createLucideIcon("Heading1", __iconNode$m);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$l = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
 ];
-const Heading2 = createLucideIcon("Heading2", __iconNode$k);
+const Heading2 = createLucideIcon("Heading2", __iconNode$l);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [
+const __iconNode$k = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
   ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
 ];
-const Heading3 = createLucideIcon("Heading3", __iconNode$j);
+const Heading3 = createLucideIcon("Heading3", __iconNode$k);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
+const __iconNode$j = [
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17 10v3a1 1 0 0 0 1 1h3", key: "tj5zdr" }],
   ["path", { d: "M21 10v8", key: "1kdml4" }],
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }]
 ];
-const Heading4 = createLucideIcon("Heading4", __iconNode$i);
+const Heading4 = createLucideIcon("Heading4", __iconNode$j);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [
+const __iconNode$i = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ];
-const Image$5 = createLucideIcon("Image", __iconNode$h);
+const Image$5 = createLucideIcon("Image", __iconNode$i);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [
+const __iconNode$h = [
   ["rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5", key: "2e1cvw" }],
   ["path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z", key: "9exkf1" }],
   ["line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5", key: "r4j83e" }]
 ];
-const Instagram = createLucideIcon("Instagram", __iconNode$g);
+const Instagram = createLucideIcon("Instagram", __iconNode$h);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$g = [
   ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
   ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
   ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
   ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
 ];
-const LayoutGrid = createLucideIcon("LayoutGrid", __iconNode$f);
+const LayoutGrid = createLucideIcon("LayoutGrid", __iconNode$g);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$f = [
   ["rect", { width: "18", height: "7", x: "3", y: "3", rx: "1", key: "f1a2em" }],
   ["rect", { width: "9", height: "7", x: "3", y: "14", rx: "1", key: "jqznyg" }],
   ["rect", { width: "5", height: "7", x: "16", y: "14", rx: "1", key: "q5h2i8" }]
 ];
-const LayoutTemplate = createLucideIcon("LayoutTemplate", __iconNode$e);
+const LayoutTemplate = createLucideIcon("LayoutTemplate", __iconNode$f);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$e = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-const Link$2 = createLucideIcon("Link", __iconNode$d);
+const Link$2 = createLucideIcon("Link", __iconNode$e);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$d = [
   ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }],
   ["path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", key: "1ocrg3" }]
 ];
-const Mail = createLucideIcon("Mail", __iconNode$c);
+const Mail = createLucideIcon("Mail", __iconNode$d);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$c = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M9 21V9", key: "1oto5p" }]
 ];
-const PanelsTopLeft = createLucideIcon("PanelsTopLeft", __iconNode$b);
+const PanelsTopLeft = createLucideIcon("PanelsTopLeft", __iconNode$c);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$b = [
   ["rect", { width: "5", height: "5", x: "3", y: "3", rx: "1", key: "1tu5fj" }],
   ["rect", { width: "5", height: "5", x: "16", y: "3", rx: "1", key: "1v8r4q" }],
   ["rect", { width: "5", height: "5", x: "3", y: "16", rx: "1", key: "1x03jg" }],
@@ -10284,51 +10284,51 @@ const __iconNode$a = [
   ["path", { d: "M21 12v.01", key: "1lwtk9" }],
   ["path", { d: "M12 21v-1", key: "1880an" }]
 ];
-const QrCode = createLucideIcon("QrCode", __iconNode$a);
+const QrCode = createLucideIcon("QrCode", __iconNode$b);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [
+const __iconNode$a = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
 ];
-const RotateCcw = createLucideIcon("RotateCcw", __iconNode$9);
+const RotateCcw = createLucideIcon("RotateCcw", __iconNode$a);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$9 = [
   ["line", { x1: "3", x2: "21", y1: "12", y2: "12", key: "10d38w" }],
   ["polyline", { points: "8 8 12 4 16 8", key: "zo8t4w" }],
   ["polyline", { points: "16 16 12 20 8 16", key: "1oyrid" }]
 ];
-const SeparatorHorizontal = createLucideIcon("SeparatorHorizontal", __iconNode$8);
+const SeparatorHorizontal = createLucideIcon("SeparatorHorizontal", __iconNode$9);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [
+const __iconNode$8 = [
   ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }],
   ["circle", { cx: "6", cy: "12", r: "3", key: "w7nqdw" }],
   ["circle", { cx: "18", cy: "19", r: "3", key: "1xt0gg" }],
   ["line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49", key: "47mynk" }],
   ["line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49", key: "1n3mei" }]
 ];
-const Share2 = createLucideIcon("Share2", __iconNode$7);
+const Share2 = createLucideIcon("Share2", __iconNode$8);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$7 = [
   [
     "path",
     {
@@ -10346,42 +10346,56 @@ const __iconNode$6 = [
   ["path", { d: "M21 9v2", key: "p14lih" }],
   ["path", { d: "M3 14v1", key: "vnatye" }]
 ];
-const SquareDashedMousePointer = createLucideIcon("SquareDashedMousePointer", __iconNode$6);
+const SquareDashedMousePointer = createLucideIcon("SquareDashedMousePointer", __iconNode$7);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$6 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M7 8h10", key: "1jw688" }],
   ["path", { d: "M7 12h10", key: "b7w52i" }],
   ["path", { d: "M7 16h10", key: "wp8him" }]
 ];
-const SquareMenu = createLucideIcon("SquareMenu", __iconNode$5);
+const SquareMenu = createLucideIcon("SquareMenu", __iconNode$6);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$5 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }],
   ["path", { d: "M12 8v8", key: "napkw2" }]
 ];
-const SquarePlus = createLucideIcon("SquarePlus", __iconNode$4);
+const SquarePlus = createLucideIcon("SquarePlus", __iconNode$5);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$4 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-const Square = createLucideIcon("Square", __iconNode$3);
+const Square = createLucideIcon("Square", __iconNode$4);
+/**
+ * @license lucide-react v0.483.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
+];
+const Trash2 = createLucideIcon("Trash2", __iconNode$3);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
@@ -41192,7 +41206,8 @@ function EasyEmailProAiAgent({
   onChooseDecision,
   onCancelDecision,
   onRestoreSnapshot,
-  onQuickAction
+  onQuickAction,
+  onClearHistory
 }) {
   var _a;
   assertAiAgentFeatureEnabled();
@@ -41619,7 +41634,7 @@ function EasyEmailProAiAgent({
         }
       }
     }
-  ), /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-hint" }, t("Enter to send / Shift + Enter for new line"))), /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(
     "input",
     {
       ref: inputRef,
@@ -41629,7 +41644,7 @@ function EasyEmailProAiAgent({
       multiple: true,
       onChange: (event) => uploadFiles(event.currentTarget.files)
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-actions" }, /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-actions-left" }, /* @__PURE__ */ React__default.createElement(
     "button",
     {
       className: "eep-ai-agent__attach",
@@ -41643,6 +41658,35 @@ function EasyEmailProAiAgent({
     },
     /* @__PURE__ */ React__default.createElement(Icon, { name: "attach" })
   ), /* @__PURE__ */ React__default.createElement(
+    Popconfirm,
+    {
+      focusLock: true,
+      title: t("Clear this conversation?"),
+      okText: t("Clear"),
+      cancelText: t("Cancel"),
+      okButtonProps: {
+        status: "danger"
+      },
+      onOk: () => {
+        void (onClearHistory == null ? void 0 : onClearHistory());
+        setDraft("");
+        setAttachments([]);
+        setUploadError("");
+        setQuickActionsExpanded(false);
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "button",
+      {
+        className: "eep-ai-agent__clear-history",
+        type: "button",
+        disabled,
+        "aria-label": t("Clear conversation"),
+        title: t("Clear conversation")
+      },
+      /* @__PURE__ */ React__default.createElement(Trash2, { size: 15, strokeWidth: 2, "aria-hidden": "true" })
+    )
+  ), /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-hint" }, t("Enter to send / Shift + Enter for new line"))), /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-actions-right" }, /* @__PURE__ */ React__default.createElement(
     "button",
     {
       className: "eep-ai-agent__send",
@@ -41652,7 +41696,7 @@ function EasyEmailProAiAgent({
       "aria-label": t("Send")
     },
     /* @__PURE__ */ React__default.createElement(Icon, { name: "send" })
-  ))), previewAttachment ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__lightbox", role: "dialog", "aria-modal": "true", onClick: () => setPreviewAttachment(null) }, /* @__PURE__ */ React__default.createElement(
+  ))))), previewAttachment ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__lightbox", role: "dialog", "aria-modal": "true", onClick: () => setPreviewAttachment(null) }, /* @__PURE__ */ React__default.createElement(
     "button",
     {
       className: "eep-ai-agent__lightbox-close",
@@ -42403,6 +42447,19 @@ ${errors.join("\n")}` : toolCallsText(__spreadProps(__spreadValues({}, payload),
   const clearPendingDecision = useCallback(() => {
     setPendingDecision(null);
   }, []);
+  const clearHistory = useCallback(() => {
+    abortStream();
+    activeRunRef.current = null;
+    setPendingDecision(null);
+    setPendingChange(null);
+    setApplyingPendingChange(false);
+    setActivity("");
+    setStatus("ready");
+    commitHistory(
+      () => normalizeHistory(void 0, optionsRef.current.initialMessages),
+      { type: "history.cleared" }
+    );
+  }, [abortStream, commitHistory]);
   const stop = useCallback(() => __async(this, null, function* () {
     abortStream();
     activeRunRef.current = null;
@@ -42425,6 +42482,7 @@ ${errors.join("\n")}` : toolCallsText(__spreadProps(__spreadValues({}, payload),
     applyPendingChange,
     chooseDecision,
     clearPendingDecision,
+    clearHistory,
     restoreSnapshot,
     send,
     stop
@@ -42733,6 +42791,7 @@ function AiAgentPanel({
       onUpload: uploadOverride || editorUpload ? uploadAttachment : void 0,
       onChooseDecision: session.chooseDecision,
       onCancelDecision: session.clearPendingDecision,
+      onClearHistory: session.clearHistory,
       onRestoreSnapshot: (snapshotOptions == null ? void 0 : snapshotOptions.onRestore) ? session.restoreSnapshot : void 0
     }
   );

package/lib/style.css

@@ -2600,13 +2600,12 @@ THEMES:
 }
 
 .eep-ai-agent__composer {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 38px 38px;
+  display: flex;
+  flex-direction: column;
   gap: 8px;
-  align-items: end;
   border: 1px solid var(--eep-ai-line-strong);
   border-radius: 8px;
-  padding: 9px;
+  padding: 10px;
   background: var(--eep-ai-surface);
   box-shadow: var(--eep-ai-shadow);
 }
@@ -2628,7 +2627,7 @@ THEMES:
   resize: none;
   border: 0;
   outline: 0;
-  padding: 6px 4px 2px;
+  padding: 4px 4px 0;
   color: var(--eep-ai-text);
   background: transparent;
   font-size: 13px;
@@ -2640,36 +2639,80 @@ THEMES:
 }
 
 .eep-ai-agent__composer-hint {
-  padding: 1px 4px 0;
+  min-width: 0;
   color: var(--eep-ai-subtle);
   font-size: 11px;
   line-height: 1.35;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .eep-ai-agent__file-input {
   display: none;
 }
 
+.eep-ai-agent__composer-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  min-height: 34px;
+}
+
+.eep-ai-agent__composer-actions-left,
+.eep-ai-agent__composer-actions-right {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+
+.eep-ai-agent__composer-actions-left {
+  flex: 1 1 auto;
+  gap: 8px;
+}
+
+.eep-ai-agent__composer-actions-right {
+  flex: 0 0 auto;
+  justify-content: flex-end;
+}
+
 .eep-ai-agent__attach,
+.eep-ai-agent__clear-history,
 .eep-ai-agent__send {
-  width: 38px;
-  height: 38px;
+  flex: 0 0 auto;
+  width: 34px;
+  height: 34px;
   border-radius: 8px;
   display: grid;
   place-items: center;
   cursor: pointer;
 }
 
-.eep-ai-agent__attach {
+.eep-ai-agent__attach,
+.eep-ai-agent__clear-history {
   border: 1px solid var(--eep-ai-line);
   background: var(--eep-ai-surface);
   color: var(--eep-ai-text);
 }
 
-.eep-ai-agent__attach:hover {
+.eep-ai-agent__attach:hover,
+.eep-ai-agent__clear-history:hover {
   background: #f4f4f5;
 }
 
+.eep-ai-agent__clear-history {
+  color: var(--eep-ai-muted);
+}
+
+.eep-ai-agent__clear-history:hover {
+  color: var(--eep-ai-text);
+}
+
+.eep-ai-agent__clear-history:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
 .eep-ai-agent__send {
   border: 0;
   background: var(--eep-ai-primary);

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

@@ -59,6 +59,7 @@ export type EasyEmailProAiAgentProps = {
     onRestoreVersion?: (version: AiChangeVersion) => void;
     onStepVersion?: (version: AiChangeVersion, direction: "previous" | "next") => void;
     onQuickAction?: (action: string) => void | Promise<void>;
+    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, }: EasyEmailProAiAgentProps): React.JSX.Element;
+export declare function EasyEmailProAiAgent({ className, messages, activity, disabled, sendDisabled, quickActions, pendingAction, pendingDecision, placeholder, onSend, onUpload, onChooseDecision, onCancelDecision, onRestoreSnapshot, onQuickAction, onClearHistory, }: EasyEmailProAiAgentProps): React.JSX.Element;

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

@@ -25,6 +25,8 @@ export type AiAgentHistoryChange = {
     type: "message.updated";
     messageId: string;
     patch: Partial<AiAgentMessage>;
+} | {
+    type: "history.cleared";
 } | {
     type: "snapshot.created";
     snapshot: AiAgentSnapshotMeta;
@@ -71,6 +73,7 @@ export declare function useAiAgentSession(options: UseAiAgentSessionOptions): {
     applyPendingChange: () => Promise<void>;
     chooseDecision: (choice: AiDecisionChoice, response: AiDecisionResponsePayload) => Promise<void>;
     clearPendingDecision: () => void;
+    clearHistory: () => void;
     restoreSnapshot: (snapshotId: string) => Promise<void>;
     send: (message: string, attachments?: AiAgentAttachment[], decisionResponse?: AiDecisionResponsePayload) => Promise<void>;
     stop: () => Promise<void>;

package/package.json

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