@useinsider/guido 3.3.0-beta.c1e1d7e → 3.3.0-beta.d5c796a

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "1a4e7084"
+  "cdee3452"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,38 +1,40 @@
-import { defineComponent as J, defineAsyncComponent as I, ref as W, computed as B, watch as Q, onMounted as X, onUnmounted as Y } from "vue";
-import { provideGuidoActions as Z } from "../composables/useGuidoActions.js";
-import { usePartner as ee } from "../composables/usePartner.js";
-import { useStripo as oe } from "../composables/useStripo.js";
-import { useTimerClone as te } from "../composables/useTimerClone.js";
-import { migrate as H } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as x } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ne } from "../enums/onboarding.js";
-import re from "./organisms/AutoSaveController.vue.js";
-import se from "./organisms/base/Toaster.vue.js";
-import ce from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ae from "./organisms/header/HeaderWrapper.vue.js";
-import ie from "./organisms/LoadingWrapper.vue.js";
-import me from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import de from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as le } from "../services/stripoApi.js";
-import { useConfigStore as ue } from "../stores/config.js";
-import { useDynamicContentStore as pe } from "../stores/dynamic-content.js";
-import { useEditorStore as fe } from "../stores/editor.js";
-import { usePreviewStore as ve } from "../stores/preview.js";
-import { useUnsubscribeStore as ye } from "../stores/unsubscribe.js";
-const We = /* @__PURE__ */ J({
+import { defineComponent as J, defineAsyncComponent as R, ref as I, computed as W, watch as Q, onMounted as X, onUnmounted as Y } from "vue";
+import { useCortexBlueprintBridge as Z } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as ee } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as oe } from "../composables/useGuidoStateBridge.js";
+import { usePartner as te } from "../composables/usePartner.js";
+import { useStripo as ne } from "../composables/useStripo.js";
+import { useTimerClone as re } from "../composables/useTimerClone.js";
+import { migrate as x } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as G } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as se } from "../enums/onboarding.js";
+import ce from "./organisms/AutoSaveController.vue.js";
+import ae from "./organisms/base/Toaster.vue.js";
+import ie from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import me from "./organisms/header/HeaderWrapper.vue.js";
+import de from "./organisms/LoadingWrapper.vue.js";
+import le from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ue from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as pe } from "../services/stripoApi.js";
+import { useConfigStore as fe } from "../stores/config.js";
+import { useDynamicContentStore as ve } from "../stores/dynamic-content.js";
+import { useEditorStore as ye } from "../stores/editor.js";
+import { usePreviewStore as he } from "../stores/preview.js";
+import { useUnsubscribeStore as Se } from "../stores/unsubscribe.js";
+const He = /* @__PURE__ */ J({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(G, { expose: z, emit: n }) {
-    const g = G, q = I(
+  setup(H, { expose: z, emit: n }) {
+    const g = H, q = R(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), K = I(
+    ), K = R(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), w = W(), u = W(), p = pe(), E = ye(), i = ue();
+    ), w = I(), u = I(), p = ve(), E = Se(), i = fe();
     i.init(g.config);
-    const f = fe(), V = ve(), m = B(() => f.hasChanges), { isTestPartner: $ } = ee(), D = () => {
+    const f = ye(), V = he(), m = W(() => f.hasChanges), { isTestPartner: $ } = te(), D = () => {
       var e;
       return (e = w.value) == null ? void 0 : e.handleSave(!0);
     }, {
@@ -42,8 +44,8 @@ const We = /* @__PURE__ */ J({
       username: k,
       template: o,
       editor: s
-    } = i, d = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", y = (o == null ? void 0 : o.preselectedDynamicContent) || [], L = (s == null ? void 0 : s.savedModulesFolderName) || x.SAVED_MODULES, U = (s == null ? void 0 : s.defaultModulesFolderName) || x.DEFAULT_MODULES;
-    f.templateId = v;
+    } = i, d = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", y = (o == null ? void 0 : o.preselectedDynamicContent) || [], L = (s == null ? void 0 : s.savedModulesFolderName) || G.SAVED_MODULES, U = (s == null ? void 0 : s.defaultModulesFolderName) || G.DEFAULT_MODULES;
+    f.templateId = v, Z(), oe();
     const h = {
       emailId: v,
       userId: C,
@@ -56,11 +58,11 @@ const We = /* @__PURE__ */ J({
       onReady: () => {
         console.debug("guido:ready"), n("ready");
       }
-    }, { initPlugin: M } = oe(h, _), { getDefaultTemplate: O } = le(), { cloneTimersOnSave: P, hasTimerBlocks: A } = te(), j = B(() => {
+    }, { initPlugin: M } = ne(h, _), { getDefaultTemplate: O } = pe(), { cloneTimersOnSave: P, hasTimerBlocks: A } = re(), j = W(() => {
       var e;
       return !((e = i.ui) != null && e.showHeader);
     });
-    Z({
+    ee({
       onBack: () => {
         console.debug("guido:back"), n("back");
       },
@@ -75,9 +77,9 @@ const We = /* @__PURE__ */ J({
         console.debug("guido:test-email:click"), n("test-email:click");
       }
     });
-    const N = (e) => {
+    const B = (e) => {
       console.debug("dynamic-content:close", e), p.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, R = () => {
+    }, N = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
     Q(() => m.value, () => {
@@ -90,7 +92,7 @@ const We = /* @__PURE__ */ J({
     let c = null;
     const b = () => {
       var t;
-      const e = document.querySelector(ne);
+      const e = document.querySelector(se);
       (t = u.value) == null || t.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
     };
     return X(async () => {
@@ -102,10 +104,10 @@ const We = /* @__PURE__ */ J({
         E.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         const a = ((l = o == null ? void 0 : o.migration) == null ? void 0 : l.recommendationConfigs) ?? {};
         let r = {
-          html: d && await H(d, a),
+          html: d && await x(d, a),
           css: F
         };
-        r.html || (r = await O(), r.html = await H(r.html, a)), A(r.html) && (r.html = await P(r.html)), await M(r), p.selectedDynamicContentList = y;
+        r.html || (r = await O(), r.html = await x(r.html, a)), A(r.html) && (r.html = await P(r.html)), await M(r), p.selectedDynamicContentList = y;
       } catch (a) {
         console.error("Failed to initialize Stripo editor:", a);
       }
@@ -120,14 +122,14 @@ const We = /* @__PURE__ */ J({
       i.reset();
     }), z({
       dynamicContent: {
-        insert: N,
-        close: R
+        insert: B,
+        close: N
       },
       hasChanges: m,
       saveSilent: D
-    }), { __sfc: !0, PreviewContainer: q, OnboardingWrapper: K, headerWrapperRef: w, wrapperRef: u, dynamicContentStore: p, unsubscribeStore: E, props: g, configStore: i, editorStore: f, previewStore: V, hasChanges: m, isTestPartner: $, saveSilent: D, templateId: v, userId: C, partnerName: T, username: k, templateConfig: o, editorConfig: s, html: d, css: F, preselectedDynamicContentList: y, savedModulesFolderName: L, defaultModulesFolderName: U, emit: n, metadata: h, options: _, initPlugin: M, getDefaultTemplate: O, cloneTimersOnSave: P, hasTimerBlocks: A, noHeader: j, insertDynamicContent: N, closeDynamicContent: R, handleDynamicContentOpen: S, ribbonObserver: c, updateRibbonOffset: b, AutoSaveController: re, Toaster: se, FilterSelectionDrawer: ce, HeaderWrapper: ae, LoadingWrapper: ie, SaveAsTemplateDrawer: me, UnsubscribeWrapper: de };
+    }), { __sfc: !0, PreviewContainer: q, OnboardingWrapper: K, headerWrapperRef: w, wrapperRef: u, dynamicContentStore: p, unsubscribeStore: E, props: g, configStore: i, editorStore: f, previewStore: V, hasChanges: m, isTestPartner: $, saveSilent: D, templateId: v, userId: C, partnerName: T, username: k, templateConfig: o, editorConfig: s, html: d, css: F, preselectedDynamicContentList: y, savedModulesFolderName: L, defaultModulesFolderName: U, emit: n, metadata: h, options: _, initPlugin: M, getDefaultTemplate: O, cloneTimersOnSave: P, hasTimerBlocks: A, noHeader: j, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: S, ribbonObserver: c, updateRibbonOffset: b, AutoSaveController: ce, Toaster: ae, FilterSelectionDrawer: ie, HeaderWrapper: me, LoadingWrapper: de, SaveAsTemplateDrawer: le, UnsubscribeWrapper: ue };
   }
 });
 export {
-  We as default
+  He as default
 };

package/dist/components/organisms/header/AiStatusPill.vue.js

@@ -0,0 +1,18 @@
+import l from "./AiStatusPill.vue2.js";
+/* empty css                  */
+import e from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var s = this, t = s._self._c, a = s._self._setupProxy;
+  return a.showStatusPill ? t("div", { staticClass: "ai-status-pill", attrs: { "aria-live": "polite", role: "status" } }, [t("span", { staticClass: "ai-status-pill__dot" }), t("span", { staticClass: "ai-status-pill__label" }, [s._v(s._s(a.statusLabel))])]) : s._e();
+}, _ = [], r = /* @__PURE__ */ e(
+  l,
+  i,
+  _,
+  !1,
+  null,
+  "dea97ab5"
+);
+const c = r.exports;
+export {
+  c as default
+};

package/dist/components/organisms/header/AiStatusPill.vue2.js

@@ -0,0 +1,13 @@
+import { defineComponent as e } from "vue";
+import { useAiStatusStore as r } from "../../../stores/ai-status.js";
+import { storeToRefs as a } from "pinia";
+const f = /* @__PURE__ */ e({
+  __name: "AiStatusPill",
+  setup(i) {
+    const t = r(), { showStatusPill: s, statusLabel: o } = a(t);
+    return { __sfc: !0, aiStatus: t, showStatusPill: s, statusLabel: o };
+  }
+});
+export {
+  f as default
+};

package/dist/components/organisms/header/MiddleSlot.vue.js

@@ -1,17 +1,17 @@
-import i from "./MiddleSlot.vue2.js";
+import r from "./MiddleSlot.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
-  var r = this, e = r._self._c, o = r._self._setupProxy;
-  return e("div", [o.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(o.VersionHistory), e(o.VersionHistoryViewOptions)], 1) : o.editorStore.isPreviewModeOpen ? e("div", { staticClass: "d-f" }, [e(o.EmailSizeIndicator), e(o.AmpToggle)], 1) : r._e(), e(o.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: o.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
-}, n = [], a = /* @__PURE__ */ s(
-  i,
+  var o = this, e = o._self._c, i = o._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [i.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(i.VersionHistory), e(i.VersionHistoryViewOptions)], 1) : i.editorStore.isPreviewModeOpen ? e("div", { staticClass: "d-f" }, [e(i.EmailSizeIndicator), e(i.AmpToggle)], 1) : o._e(), e(i.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: i.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] }), e(i.AiStatusPill)], 1);
+}, a = [], n = /* @__PURE__ */ s(
+  r,
   t,
-  n,
+  a,
   !1,
   null,
   null
 );
-const c = a.exports;
+const c = n.exports;
 export {
   c as default
 };

package/dist/components/organisms/header/MiddleSlot.vue2.js

@@ -2,15 +2,16 @@ import { defineComponent as o } from "vue";
 import r from "../email-preview/amp/AmpToggle.vue.js";
 import t from "../email-preview/desktop-preview/EmailSizeIndicator.vue.js";
 import { useEditorStore as i } from "../../../stores/editor.js";
-import e from "./EditorToolbar.vue.js";
-import m from "./version-history/VersionHistory.vue.js";
-import p from "./version-history/ViewOptions.vue.js";
-const S = /* @__PURE__ */ o({
+import e from "./AiStatusPill.vue.js";
+import m from "./EditorToolbar.vue.js";
+import p from "./version-history/VersionHistory.vue.js";
+import s from "./version-history/ViewOptions.vue.js";
+const V = /* @__PURE__ */ o({
   __name: "MiddleSlot",
-  setup(s) {
-    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, EditorToolbar: e, VersionHistory: m, VersionHistoryViewOptions: p };
+  setup(f) {
+    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, AiStatusPill: e, EditorToolbar: m, VersionHistory: p, VersionHistoryViewOptions: s };
   }
 });
 export {
-  S as default
+  V as default
 };

package/dist/composables/useCortexBlueprintBridge.js

@@ -0,0 +1,91 @@
+import { useEmailTemplateApplier as _, resetEmailTemplateApplier as k } from "./useEmailTemplateApplier.js";
+import { useToaster as g } from "./useToaster.js";
+import { useTranslations as I } from "./useTranslations.js";
+import { ToasterTypeOptions as T } from "../enums/toaster.js";
+import { useAiStatusStore as P } from "../stores/ai-status.js";
+import { getActivePinia as W } from "pinia";
+import { watch as B, onUnmounted as D } from "vue";
+const v = "email_template", x = "chat", L = "guido:debug:ai", M = () => {
+  if (typeof window > "u")
+    return !1;
+  try {
+    return window.localStorage.getItem(L) === "1";
+  } catch {
+    return !1;
+  }
+}, F = () => {
+  const u = W();
+  if (!u)
+    return;
+  const c = u._s, p = c == null ? void 0 : c.get(x);
+  if (!p)
+    return;
+  const { applyTemplate: E, applyTemplateDebounced: A } = _(), i = P(), { showToaster: f } = g(), y = I(), d = (t, r) => {
+    const e = y(t);
+    return e === t ? r : e;
+  }, l = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), h = M(), b = (t, r) => {
+    h && console.debug(`[guido:cortex] msg=${t ?? "?"} type=${(r == null ? void 0 : r.type) ?? "?"}`, r);
+  }, m = (t) => {
+    if (t.blueprintType !== v)
+      return;
+    const r = t.blueprintId, e = t.blueprintData;
+    if (!r || !(e != null && e.html))
+      return;
+    const n = l.get(r);
+    n === void 0 ? (l.set(r, e.html), E(r, e)) : n !== e.html && (l.set(r, e.html), A(r, e));
+  }, S = (t) => {
+    const r = t.toolCallId ?? "?", e = t.isRunning ? "run" : "done", n = t.error ? "err" : "ok", o = `tool:${r}:${e}:${n}`;
+    if (!s.has(o)) {
+      if (s.add(o), t.error === !0) {
+        i.$patch({ isWorking: !1, currentTool: "", lastError: "tool_error" });
+        return;
+      }
+      t.isRunning === !0 ? i.$patch({
+        isWorking: !0,
+        currentTool: t.name ?? "",
+        lastError: ""
+      }) : i.$patch({ isWorking: !1, currentTool: "" });
+    }
+  }, w = (t, r) => {
+    r && a.has(r) || (r && a.add(r), i.$patch({ isWorking: !1, currentTool: "", lastError: t.content ?? "error" }), f({
+      type: T.Alert,
+      message: d("newsletter.ai-template-failed", "AI couldn't generate the template. Please try again.")
+    }));
+  }, $ = B(
+    () => p.messages,
+    (t) => {
+      Array.isArray(t) && t.forEach((r) => {
+        const e = r == null ? void 0 : r.id;
+        (r == null ? void 0 : r.isError) === !0 && e && !a.has(e) && (a.add(e), i.$patch({ isWorking: !1, currentTool: "", lastError: "message_error" }), f({
+          type: T.Alert,
+          message: d(
+            "newsletter.ai-template-failed",
+            "AI couldn't generate the template. Please try again."
+          )
+        }), h && console.debug(`[guido:cortex] message-level error id=${e}`, r));
+        const n = r == null ? void 0 : r.segments;
+        Array.isArray(n) && n.forEach((o) => {
+          if (o)
+            switch (b(e, o), o.type) {
+              case "blueprint":
+                m(o);
+                break;
+              case "tool":
+                S(o);
+                break;
+              case "error":
+                w(o, e);
+                break;
+            }
+        });
+      });
+    },
+    { deep: !0, immediate: !0 }
+  );
+  D(() => {
+    $(), l.clear(), s.clear(), a.clear(), i.$patch({ isWorking: !1, currentTool: "", lastError: "" }), k();
+  });
+};
+export {
+  F as useCortexBlueprintBridge
+};

package/dist/composables/useCustomInterfaceAppearance.js

@@ -4,20 +4,21 @@ import e from "../static/styles/components/amp-block.css.js";
 import i from "../static/styles/components/base-input.css.js";
 import p from "../static/styles/components/button-group.css.js";
 import n from "../static/styles/components/button.css.js";
-import s from "../static/styles/components/combobox.css.js";
-import C from "../static/styles/components/counter.css.js";
+import C from "../static/styles/components/combobox.css.js";
+import s from "../static/styles/components/counter.css.js";
 import f from "../static/styles/components/dropdown-menu.css.js";
 import a from "../static/styles/components/loader.css.js";
 import u from "../static/styles/components/narrow-panel.css.js";
-import c from "../static/styles/components/popup.css.js";
-import d from "../static/styles/components/switcher.css.js";
-import l from "../static/styles/components/tabs.css.js";
-import h from "../static/styles/components/tools.css.js";
-import w from "../static/styles/components/version-history.css.js";
-import y from "../static/styles/components/wide-panel.css.js";
-import B from "../static/styles/variables.css.js";
-const b = [
-  B,
+import c from "../static/styles/components/notification.css.js";
+import d from "../static/styles/components/popup.css.js";
+import l from "../static/styles/components/switcher.css.js";
+import h from "../static/styles/components/tabs.css.js";
+import w from "../static/styles/components/tools.css.js";
+import y from "../static/styles/components/version-history.css.js";
+import B from "../static/styles/components/wide-panel.css.js";
+import b from "../static/styles/variables.css.js";
+const A = [
+  b,
   // Must be on top
   S,
   // Must be on top
@@ -26,8 +27,8 @@ const b = [
   i,
   p,
   n,
-  s,
   C,
+  s,
   f,
   a,
   u,
@@ -36,12 +37,13 @@ const b = [
   l,
   h,
   w,
-  y
+  y,
+  B
 ].join(`
 
-`), v = () => ({ importCss: () => {
+`), F = () => ({ importCss: () => {
   const o = new CSSStyleSheet();
-  o.replaceSync(b);
+  o.replaceSync(A);
   const r = document.querySelector("ui-editor");
   if (!r)
     return;
@@ -49,5 +51,5 @@ const b = [
   t && (t.adoptedStyleSheets = [o]);
 } });
 export {
-  v as useCustomInterfaceAppearance
+  F as useCustomInterfaceAppearance
 };

package/dist/composables/useEmailTemplateApplier.js

@@ -0,0 +1,41 @@
+import { useActionsApi as u } from "./useActionsApi.js";
+import { useToaster as T } from "./useToaster.js";
+import { useTranslations as f } from "./useTranslations.js";
+import { ToasterTypeOptions as n } from "../enums/toaster.js";
+import { ref as y } from "vue";
+const h = 250, s = y({}), o = {}, j = () => {
+  const { updateHtmlAndCss: l } = u(), { showToaster: r } = T(), i = f(), c = (e, t, p) => {
+    s.value = { ...s.value, [e]: "applying" };
+    try {
+      l(t, p), s.value = { ...s.value, [e]: "applied" }, r({
+        type: n.Success,
+        message: i("newsletter.ai-template-applied")
+      });
+    } catch (a) {
+      s.value = { ...s.value, [e]: "failed" }, r({
+        type: n.Alert,
+        message: a instanceof Error ? a.message : "Failed to apply template"
+      });
+    }
+  }, m = (e) => {
+    const t = o[e];
+    t && (clearTimeout(t), delete o[e]);
+  };
+  return { applyStatus: s, applyTemplate: (e, t) => {
+    t.html && (m(e), c(e, t.html, t.css ?? ""));
+  }, applyTemplateDebounced: (e, t) => {
+    if (!t.html)
+      return;
+    m(e);
+    const { html: p } = t, a = t.css ?? "";
+    o[e] = setTimeout(() => {
+      delete o[e], c(e, p, a);
+    }, h);
+  } };
+}, w = () => {
+  Object.values(o).forEach(clearTimeout), Object.keys(o).forEach((l) => delete o[l]), s.value = {};
+};
+export {
+  w as resetEmailTemplateApplier,
+  j as useEmailTemplateApplier
+};

package/dist/composables/useGuidoStateBridge.js

@@ -0,0 +1,48 @@
+import { useActionsApi as g } from "./useActionsApi.js";
+import { useConfigStore as I } from "../stores/config.js";
+import { useEditorStore as b } from "../stores/editor.js";
+import { useGuidoEmailEditorStore as E } from "../stores/guido-email-editor.js";
+import { watch as c, onUnmounted as T } from "vue";
+const w = 500, z = () => {
+  const i = b(), a = E(), l = I(), { getTemplateData: m } = g();
+  let e = null, n = !1;
+  const r = () => {
+    e && (clearTimeout(e), e = null);
+  }, s = async () => {
+    var t, o;
+    if (!(n || !i.isStripoInitialized))
+      try {
+        const { html: f, css: h } = await m(), S = ((o = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : o.templateId) ?? "";
+        if (n)
+          return;
+        a.$patch({
+          html: f ?? "",
+          css: h ?? "",
+          templateId: S,
+          lastUpdatedAt: Date.now()
+        });
+      } catch {
+      }
+  }, u = () => {
+    r(), e = setTimeout(() => {
+      e = null, s();
+    }, w);
+  }, d = c(
+    () => i.isStripoInitialized,
+    (t) => {
+      t && s();
+    },
+    { immediate: !0 }
+  ), p = c(
+    () => i.hasChanges,
+    (t, o) => {
+      i.isStripoInitialized && (t ? u() : o && (r(), s()));
+    }
+  );
+  T(() => {
+    n = !0, r(), d(), p();
+  });
+};
+export {
+  z as useGuidoStateBridge
+};

package/dist/composables/useStripo.js

@@ -1,28 +1,27 @@
-import { useActionsApi as I } from "./useActionsApi.js";
-import { useBlocksConfig as P } from "./useBlocksConfig.js";
-import { useConfig as U } from "./useConfig.js";
-import { useCustomInterfaceAppearance as R } from "./useCustomInterfaceAppearance.js";
-import { useFullStoryBridge as q } from "./useFullStoryBridge.js";
-import { useStripoEventHandler as x } from "./useStripoEventHandler.js";
-import { useStripoNotifications as H } from "./useStripoNotifications.js";
-import { useToaster as N } from "./useToaster.js";
-import { localePatch as O } from "../config/i18n/index.js";
-import { useStripoApi as j } from "../services/stripoApi.js";
-import L from "../static/styles/customEditorStyle.css.js";
+import { useActionsApi as D } from "./useActionsApi.js";
+import { useBlocksConfig as I } from "./useBlocksConfig.js";
+import { useConfig as P } from "./useConfig.js";
+import { useCustomInterfaceAppearance as U } from "./useCustomInterfaceAppearance.js";
+import { useFullStoryBridge as R } from "./useFullStoryBridge.js";
+import { useStripoEventHandler as q } from "./useStripoEventHandler.js";
+import { useToaster as x } from "./useToaster.js";
+import { localePatch as H } from "../config/i18n/index.js";
+import { useStripoApi as O } from "../services/stripoApi.js";
+import j from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as E } from "../stores/editor.js";
-import { dynamicContentToMergeTags as $ } from "../utils/genericUtil.js";
-import z from "../package.json.js";
-const dt = (C, c) => {
-  const { features: l, template: h, isFeatureEnabled: u } = U(), { handleError: m } = N(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = j(), { handleEvent: B } = x(), { getStripoNotifications: T } = H(), { getStripoBlocksConfig: V } = P(), _ = async (i, r = [], s = !1) => {
+import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
+import $ from "../package.json.js";
+const se = (C, l) => {
+  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, r = [], s = !1) => {
     var g, S, y;
-    const t = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await V(), f = ((g = l.value) == null ? void 0 : g.displayConditions) ?? !0, v = ((S = l.value) == null ? void 0 : S.modulesDisabled) ?? !1, M = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
+    const e = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await T(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, F = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: C,
         html: p,
         css: a,
-        forceRecreate: M,
+        forceRecreate: v,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -32,11 +31,11 @@ const dt = (C, c) => {
         customAppearanceMergetags: !u("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: L,
+        customViewStyles: j,
         conditionsEnabled: f,
         customConditionsEnabled: f,
         enableXSSSecurity: !0,
-        modulesDisabled: v,
+        modulesDisabled: F,
         syncModulesEnabled: s,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -53,60 +52,59 @@ const dt = (C, c) => {
         },
         mergeTags: [
           {
-            entries: $(
-              c.preselectedDynamicContentList,
+            entries: L(
+              l.preselectedDynamicContentList,
               u("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(e) {
+        async onTokenRefreshRequest(t) {
           try {
             const n = await w();
-            e(n);
+            t(n);
           } catch (n) {
             m(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = R(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: A } = I(), { injectFullStory: D } = q();
-            e(), n(), D(), A(), c.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
-              t.hasChanges = !1;
+            const { importCss: t } = U(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: M } = D(), { injectFullStory: A } = R();
+            t(), n(), A(), M(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+              e.hasChanges = !1;
             }, 1e3);
-          } catch (e) {
-            m(e, "Failed to load custom interface appearance");
+          } catch (t) {
+            m(t, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(e) {
-          t.isCodeEditorOpen = e;
+        onCodeEditorVisibilityChanged(t) {
+          e.isCodeEditorOpen = t;
         },
-        onEditorVisualModeChanged(e) {
-          t.editorVisualMode = e.toLowerCase();
+        onEditorVisualModeChanged(t) {
+          e.editorVisualMode = t.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(e) {
-          t.isVersionHistoryOpen = e;
+        onVersionHistoryVisibilityChanged(t) {
+          e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          t.hasChanges = !0;
+          e.hasChanges = !0;
         },
         onEvent: B,
-        notifications: T(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: O
+        localePatch: H
       }
     );
-  }, F = (i) => new Promise((r, s) => {
+  }, _ = (i) => new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i(), r();
       return;
     }
-    const t = z.guido, a = `https://email-static.useinsider.com/guido/${(d = t == null ? void 0 : t.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
       i(), r();
     }, o.onerror = () => {
@@ -114,15 +112,15 @@ const dt = (C, c) => {
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
-    await F(async () => {
-      const r = E(), [s, t] = await Promise.all([
+    await _(async () => {
+      const r = E(), [s, e] = await Promise.all([
         b(),
         k()
       ]);
-      r.syncModulesEnabled = t, await _(i, s, t);
+      r.syncModulesEnabled = e, await V(i, s, e);
     });
   } };
 };
 export {
-  dt as useStripo
+  se as useStripo
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-1a4e7084]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-1a4e7084]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-1a4e7084]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.ai-status-pill[data-v-dea97ab5]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin:0 8px;border-radius:12px;background:#3c5af014;color:#2c5282;font-size:12px;font-weight:500;line-height:1.2;-webkit-user-select:none;user-select:none}.ai-status-pill__dot[data-v-dea97ab5]{width:6px;height:6px;border-radius:50%;background:#3c5af0;animation:ai-pulse-dea97ab5 1.4s ease-in-out infinite}.ai-status-pill__label[data-v-dea97ab5]{white-space:nowrap}@keyframes ai-pulse-dea97ab5{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-cdee3452]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-cdee3452]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-cdee3452]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/src/components/organisms/header/AiStatusPill.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/composables/useCortexBlueprintBridge.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Bridges cortex-fe's chat store to Guido's Stripo editor.
+ *
+ * cortex-fe is a Module Federation MFE that registers `defineStore('chat', …)`
+ * on the host's shared (singleton) Pinia. Guido — bundled inside MFE consumers
+ * that also share that pinia — reads the same store at runtime via
+ * `getActivePinia()._s.get('chat')`. No build-time dep on cortex-fe.
+ *
+ * The bridge handles three segment shapes:
+ *
+ *   - `blueprint` segments with `blueprintType === 'email_template'` are
+ *     applied to the Stripo editor (immediate on first sighting, debounced on
+ *     update, identical-html no-ops).
+ *   - `tool` segments toggle the AI status pill via `useAiStatusStore`. The
+ *     pill goes up when `isRunning: true` and clears on `isRunning: false`,
+ *     `error: true`, or any `error` segment / message-level `isError` flag.
+ *   - `error` segments (and message-level `isError` / `isCancelled`) trigger
+ *     a localized toaster and clear the status pill.
+ *
+ * In dev (`import.meta.env.DEV`) every observed segment + message-level flag
+ * change is also `console.debug`-logged with the prefix `[guido:cortex]` so a
+ * developer can watch the agent stream in real time. In production this is
+ * gated behind `localStorage.guido:debug:ai === '1'`.
+ *
+ * If cortex-fe isn't loaded the chat store is undefined and the bridge is a
+ * no-op (intentional — Guido must still work standalone).
+ */
+export declare const useCortexBlueprintBridge: () => void;

package/dist/src/composables/useEmailTemplateApplier.d.ts

@@ -0,0 +1,21 @@
+type ApplyStatus = 'pending' | 'applying' | 'applied' | 'failed';
+/**
+ * Applies email_template blueprints from the chat agent to the Stripo editor.
+ *
+ * - blueprint_create + manual Apply click: immediate.
+ * - blueprint_update: debounced 250 ms trailing so rapid mid-stream updates
+ *   don't thrash updateHtmlAndCss.
+ */
+export declare const useEmailTemplateApplier: () => {
+    applyStatus: import("vue").Ref<Record<string, ApplyStatus>>;
+    applyTemplate: (blueprintId: string, data: {
+        html?: string;
+        css?: string;
+    }) => void;
+    applyTemplateDebounced: (blueprintId: string, data: {
+        html?: string;
+        css?: string;
+    }) => void;
+};
+export declare const resetEmailTemplateApplier: () => void;
+export {};

package/dist/src/composables/useGuidoStateBridge.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Outbound bridge — publishes the current editor's html/css to the shared
+ * Pinia store `guidoEmailEditor` so cortex-fe can read it at chat-stream
+ * submit time and forward it as `clientState.editor`. This is what enables
+ * sub-case 1.3 (refine an already-loaded template via the email-agent).
+ *
+ * The bridge writes on three triggers:
+ *
+ *   1. Stripo finishes initializing — first snapshot.
+ *   2. Editor `hasChanges` flips to true — debounced 500 ms so a streaming
+ *      Stripo edit doesn't thrash the store.
+ *   3. Editor `hasChanges` flips back to false (post-save / autosave) —
+ *      immediate, since this is the canonical "saved" snapshot.
+ *
+ * `getTemplateData()` is a Stripo iframe call; it must not run before
+ * `isStripoInitialized` is true. The bridge guards against that.
+ *
+ * If cortex-fe isn't loaded the store still gets written — that's fine;
+ * the store has zero overhead and any future reader will find consistent
+ * state. The bridge is a one-way pipe with no consumer dependency.
+ */
+export declare const useGuidoStateBridge: () => void;

package/dist/src/stores/ai-status.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Lightweight read-only store the cortex-fe blueprint bridge writes into and
+ * the editor toolbar reads from to show the "AI is generating…" pill while a
+ * tool call is in flight. State + getters only — per architecture invariant
+ * the bridge mutates state directly via `$patch`, no actions live here.
+ */
+export declare const useAiStatusStore: import("pinia").StoreDefinition<"guidoAiStatus", {
+    /** A tool is currently running on the agent side. */
+    isWorking: boolean;
+    /** Tool name the agent is currently invoking, e.g. `tool__qmechanics__compile_template`. */
+    currentTool: string;
+    /** Last user-facing error message from the stream, cleared on the next tool_call. */
+    lastError: string;
+}, {
+    /** Show the toolbar pill iff a tool is running AND no error overrides it. */
+    showStatusPill: (state: {
+        isWorking: boolean;
+        currentTool: string;
+        lastError: string;
+    } & import("pinia").PiniaCustomStateProperties<{
+        /** A tool is currently running on the agent side. */
+        isWorking: boolean;
+        /** Tool name the agent is currently invoking, e.g. `tool__qmechanics__compile_template`. */
+        currentTool: string;
+        /** Last user-facing error message from the stream, cleared on the next tool_call. */
+        lastError: string;
+    }>) => boolean;
+    /** Display label for the pill — short, suitable for inline UI. */
+    statusLabel: (state: {
+        isWorking: boolean;
+        currentTool: string;
+        lastError: string;
+    } & import("pinia").PiniaCustomStateProperties<{
+        /** A tool is currently running on the agent side. */
+        isWorking: boolean;
+        /** Tool name the agent is currently invoking, e.g. `tool__qmechanics__compile_template`. */
+        currentTool: string;
+        /** Last user-facing error message from the stream, cleared on the next tool_call. */
+        lastError: string;
+    }>) => string;
+}, {}>;

package/dist/src/stores/guido-email-editor.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Outbound contract Guido publishes to the host's shared Pinia singleton so
+ * cortex-fe can pick up the current editor state and forward it as
+ * `clientState.editor` on the next chat-stream POST.
+ *
+ * State + getters only — `useGuidoStateBridge` writes via `$patch`, no actions
+ * live here (architecture invariant).
+ *
+ * Store id `guidoEmailEditor` is cross-MFE: cortex-fe reads it via
+ * `pinia._s.get('guidoEmailEditor')` at runtime. The internal Guido editor
+ * store keeps id `guidoEditor` — these are intentionally separate. The
+ * internal store carries UI state that cortex-fe should not see; this public
+ * store carries the contract Guido is willing to share.
+ */
+export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"guidoEmailEditor", {
+    /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
+    html: string;
+    /** Current Stripo CSS — es-p* utility classes used by the html. */
+    css: string;
+    /** Wall-clock ms when html/css were last written by the bridge. */
+    lastUpdatedAt: number;
+    /** Template id from the editor config, for cortex-fe to scope per-template. */
+    templateId: string;
+}, {
+    /** True once the bridge has published at least one snapshot. */
+    hasSnapshot: (state: {
+        html: string;
+        css: string;
+        lastUpdatedAt: number;
+        templateId: string;
+    } & import("pinia").PiniaCustomStateProperties<{
+        /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
+        html: string;
+        /** Current Stripo CSS — es-p* utility classes used by the html. */
+        css: string;
+        /** Wall-clock ms when html/css were last written by the bridge. */
+        lastUpdatedAt: number;
+        /** Template id from the editor config, for cortex-fe to scope per-template. */
+        templateId: string;
+    }>) => boolean;
+}, {}>;

package/dist/static/styles/components/notification.css.js

@@ -0,0 +1,74 @@
+const n = `ue-notifications-container {
+    left: 96px;
+    margin: 0;
+    bottom: 32px;
+    top: unset;
+    width: unset;
+    position: fixed;
+}
+
+ue-notifications-container ue-message + ue-message {
+    margin-bottom: 24px;
+}
+
+ue-notifications-container .alert-message-wrapper {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
+    border: none;
+    padding: 16px 24px;
+}
+
+ue-notifications-container .alert-message-wrapper.info,
+ue-notifications-container .alert-message-wrapper.loader {
+    background-color: var(--guido-color-background-toaster-info) !important;
+    color: inherit;
+}
+
+.alert-message-wrapper .alert-message-main {
+    align-items: center;
+}
+
+ue-notifications-container ue-caption .caption {
+    color: var(--guido-color-white) !important;
+}
+
+ue-block-thumb-hint {
+    text-align: left;
+}
+
+ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-content {
+    width: calc(100% - 64px);
+}
+
+ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-text {
+    font-size: 15px;
+    font-weight: 600;
+}
+
+ue-notifications-container .alert-message-text,
+ue-notifications-container .alert-message-wrapper ue-icon-component.icon,
+ue-notifications-container .alert-message-wrapper ue-icon-component.icon-button {
+    color: var(--guido-color-white);
+}
+
+ue-notifications-container ue-message ue-button.close {
+    margin: 0 0 0 16px;
+}
+
+ue-notifications-container .alert-message-wrapper.success {
+    background: var(--guido-color-background-toaster-success);
+    color: inherit;
+}
+
+ue-notifications-container .alert-message-wrapper.error {
+    background: var(--guido-color-background-toaster-error);
+    color: inherit;
+}
+
+ue-notifications-container .alert-message-wrapper.warn {
+    background: var(--guido-color-background-toaster-warn);
+    color: inherit;
+}
+`;
+export {
+  n as default
+};

package/dist/stores/ai-status.js

@@ -0,0 +1,25 @@
+import { defineStore as o } from "pinia";
+const i = o("guidoAiStatus", {
+  state: () => ({
+    /** A tool is currently running on the agent side. */
+    isWorking: !1,
+    /** Tool name the agent is currently invoking, e.g. `tool__qmechanics__compile_template`. */
+    currentTool: "",
+    /** Last user-facing error message from the stream, cleared on the next tool_call. */
+    lastError: ""
+  }),
+  getters: {
+    /** Show the toolbar pill iff a tool is running AND no error overrides it. */
+    showStatusPill: (r) => r.isWorking && r.lastError === "",
+    /** Display label for the pill — short, suitable for inline UI. */
+    statusLabel: (r) => {
+      if (!r.isWorking)
+        return "";
+      const t = r.currentTool.replace(/^tool__[^_]+__/, "");
+      return t ? `AI: ${t}…` : "AI is generating…";
+    }
+  }
+});
+export {
+  i as useAiStatusStore
+};

package/dist/stores/guido-email-editor.js

@@ -0,0 +1,20 @@
+import { defineStore as e } from "pinia";
+const d = e("guidoEmailEditor", {
+  state: () => ({
+    /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
+    html: "",
+    /** Current Stripo CSS — es-p* utility classes used by the html. */
+    css: "",
+    /** Wall-clock ms when html/css were last written by the bridge. */
+    lastUpdatedAt: 0,
+    /** Template id from the editor config, for cortex-fe to scope per-template. */
+    templateId: ""
+  }),
+  getters: {
+    /** True once the bridge has published at least one snapshot. */
+    hasSnapshot: (t) => t.lastUpdatedAt > 0 && t.html !== ""
+  }
+});
+export {
+  d as useGuidoEmailEditorStore
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.3.0-beta.c1e1d7e",
+  "version": "3.3.0-beta.d5c796a",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/composables/useStripoNotifications.js

@@ -1,30 +0,0 @@
-import { useToaster as a } from "./useToaster.js";
-import { ToasterTypeOptions as r } from "../enums/toaster.js";
-const h = () => {
-  const { showToaster: l, hideToaster: u } = a();
-  let e = null, s = null;
-  const c = (t, o, i, n) => {
-    if (e === i && s === o)
-      return;
-    e = i, s = o;
-    const f = n != null && n.action ? { text: n.action.label, onClick: n.action.func } : void 0;
-    l({ type: t, message: o, actionButton: f });
-  };
-  return { getStripoNotifications: () => ({
-    info: (t, o, i) => c(r.Success, t, o, i),
-    success: (t, o, i) => c(r.Success, t, o, i),
-    warn: (t, o, i) => c(r.Warning, t, o, i),
-    error: (t, o, i) => c(r.Alert, t, o, i),
-    // Stripo emits `loader` for in-progress operations expected to persist until
-    // explicit hide(id). Available toaster types auto-dismiss at 6s, so showing
-    // anything here would lie about completion. Skip until a persistent type exists.
-    loader: () => {
-    },
-    hide: (t) => {
-      e === t && (u(), e = null, s = null);
-    }
-  }) };
-};
-export {
-  h as useStripoNotifications
-};

package/dist/src/composables/useStripoNotifications.d.ts

@@ -1,4 +0,0 @@
-import type { StripoNotifications } from '@@/Types/stripo';
-export declare const useStripoNotifications: () => {
-    getStripoNotifications: () => StripoNotifications;
-};