@useinsider/guido 3.13.0-beta.4a55a9f → 3.13.0-beta.ba65053

package/README.md

@@ -134,7 +134,7 @@ const config: GuidoConfigInput = {
   // Optional: Editor settings
   editor?: {
     locale?: string,              // Default: 'en'
-    translationsPath?: string,    // Default: first locale registered on window.trans
+    translationsPath?: string,    // Default: 'window.trans.en'
     migrationDate?: number,       // Stripo migration timestamp
     emailHeader?: {
       senderName?: string,

package/dist/@types/config/defaults.js

@@ -1,7 +1,4 @@
 import { ProductType as a, MessageType as o } from "./schemas.js";
-const i = {
-  translationsPath: "window.trans[Object.keys(window.trans)[0]]"
-};
 a.EMAIL;
 o.PROMOTIONAL;
 const e = [
@@ -36,13 +33,12 @@ const e = [
   "vikingsankara",
   "stripoeditorlivetest"
 ];
-function s(t) {
+function n(t) {
   return e.includes(t);
 }
 export {
-  i as DEFAULT_EDITOR,
   o as MessageType,
   a as ProductType,
   e as TEST_PARTNERS,
-  s as isTestPartner
+  n as isTestPartner
 };

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

@@ -0,0 +1,17 @@
+import a from "./AiStatusPill.vue2.js";
+import r from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return s.isGenerating ? e(s.InStatusText, { staticClass: "mr-2", attrs: { "data-testid": "guido-ai-status-pill", size: "small", status: "smart", text: s.label } }) : t._e();
+}, l = [], _ = /* @__PURE__ */ r(
+  a,
+  n,
+  l,
+  !1,
+  null,
+  null
+);
+const u = _.exports;
+export {
+  u as default
+};

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

@@ -0,0 +1,17 @@
+import { defineComponent as i, computed as a } from "vue";
+import { useAiStatus as m } from "../../../composables/useAiStatus.js";
+import { useTranslations as u } from "../../../composables/useTranslations.js";
+import { InStatusText as c } from "@useinsider/design-system-vue";
+const L = /* @__PURE__ */ i({
+  __name: "AiStatusPill",
+  setup(p) {
+    const t = "newsletter.ai-generating", e = "AI is generating...", { isGenerating: r } = m(), n = u(), o = a(() => {
+      const s = n(t);
+      return s === t ? e : s;
+    });
+    return { __sfc: !0, LABEL_KEY: t, LABEL_FALLBACK: e, isGenerating: r, trans: n, label: o, InStatusText: c };
+  }
+});
+export {
+  L as default
+};

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

@@ -2,7 +2,7 @@ import r from "./MiddleSlot.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   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" }] })], 1);
+  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,

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/useAiStatus.js

@@ -0,0 +1,14 @@
+import { useAiStatusStore as r } from "../stores/ai-status.js";
+import { computed as i } from "vue";
+const s = () => {
+  const t = r();
+  return {
+    isGenerating: i(() => t.isGenerating),
+    setGenerating: (e) => {
+      t.isGenerating !== e && t.$patch({ isGenerating: e });
+    }
+  };
+};
+export {
+  s as useAiStatus
+};

package/dist/composables/useCortexBlueprintBridge.js

@@ -1,70 +1,77 @@
-import { useEmailTemplateApplier as w, resetEmailTemplateApplier as _ } from "./useEmailTemplateApplier.js";
-import { useToaster as I } from "./useToaster.js";
-import { useTranslations as P } from "./useTranslations.js";
-import { ToasterTypeOptions as S } from "../enums/toaster.js";
-import { getActivePinia as v } from "pinia";
-import { watch as B, onUnmounted as D } from "vue";
-const x = "email_template", L = "chat", M = "guido:debug:ai", R = () => {
+import { useAiStatus as I } from "./useAiStatus.js";
+import { useEmailTemplateApplier as P, resetEmailTemplateApplier as v } from "./useEmailTemplateApplier.js";
+import { useToaster as B } from "./useToaster.js";
+import { useTranslations as D } from "./useTranslations.js";
+import { ToasterTypeOptions as R } from "../enums/toaster.js";
+import { getActivePinia as x } from "pinia";
+import { watch as G, onUnmounted as L } from "vue";
+const M = "email_template", k = "chat", C = "guido:debug:ai", U = () => {
   if (typeof window > "u")
     return !1;
   try {
-    return window.localStorage.getItem(M) === "1";
+    return window.localStorage.getItem(C) === "1";
   } catch {
     return !1;
   }
-}, H = () => {
-  const c = v();
-  if (!c)
+}, K = () => {
+  const a = x();
+  if (!a)
     return;
-  const l = c._s, p = l == null ? void 0 : l.get(L);
-  if (!p)
+  const l = a._s, c = l == null ? void 0 : l.get(k);
+  if (!c)
     return;
-  const { markPending: d, applyTemplate: f, applyTemplateDebounced: T } = w(), { showToaster: E } = I(), h = P(), y = (r, t) => {
-    const e = h(r);
-    return e === r ? t : e;
-  }, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), u = R(), A = (r, t) => {
-    u && console.debug(`[guido:cortex] msg=${r ?? "?"} type=${(t == null ? void 0 : t.type) ?? "?"}`, t);
-  }, b = (r) => {
-    if (r.blueprintType !== x)
+  const { markPending: T, applyTemplate: E, applyTemplateDebounced: h } = P(), { showToaster: y } = B(), { setGenerating: p } = I(), A = D(), b = (r, e) => {
+    const t = A(r);
+    return t === r ? e : t;
+  }, n = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), s = U(), m = (r, e) => {
+    s && console.debug(`[guido:cortex] msg=${r ?? "?"} type=${(e == null ? void 0 : e.type) ?? "?"}`, e);
+  }, w = (r) => {
+    if (r.blueprintType !== M)
       return;
-    const t = r.blueprintId, e = r.blueprintData;
-    if (!t || !(e != null && e.html))
+    const e = r.blueprintId, t = r.blueprintData;
+    if (!e || !(t != null && t.html))
       return;
     if (!r.applyRequested) {
-      d(t);
+      T(e);
       return;
     }
-    const o = i.get(t);
-    o === void 0 ? (i.set(t, e.html), f(t, e)) : o !== e.html && (i.set(t, e.html), T(t, e));
-  }, s = (r) => r === void 0 || a.has(r) ? !1 : (a.add(r), E({
-    type: S.Error,
-    message: y("newsletter.ai-template-failed", "AI couldn't generate the template. Please try again.")
-  }), !0), m = B(
-    () => p.messages,
+    const o = n.get(e);
+    o === void 0 ? (n.set(e, t.html), E(e, t)) : o !== t.html && (n.set(e, t.html), h(e, t));
+  }, S = (r, e) => e.isRunning === !0 && r.isStreaming === !0 && r.isError !== !0 && r.isCancelled !== !0, f = (r) => r === void 0 || u.has(r) ? !1 : (u.add(r), y({
+    type: R.Error,
+    message: b("newsletter.ai-template-failed", "AI couldn't generate the template. Please try again.")
+  }), !0), _ = G(
+    () => c.messages,
     (r) => {
-      Array.isArray(r) && r.forEach((t) => {
-        const e = t == null ? void 0 : t.id;
-        (t == null ? void 0 : t.isError) === !0 && s(e) && u && console.debug(`[guido:cortex] message-level error id=${e}`, t);
-        const o = t == null ? void 0 : t.segments;
-        Array.isArray(o) && o.forEach((n) => {
-          if (n)
-            switch (A(e, n), n.type) {
+      if (!Array.isArray(r))
+        return;
+      let e = !1;
+      r.forEach((t) => {
+        const o = t == null ? void 0 : t.id;
+        (t == null ? void 0 : t.isError) === !0 && f(o) && s && console.debug(`[guido:cortex] message-level error id=${o}`, t);
+        const d = t == null ? void 0 : t.segments;
+        Array.isArray(d) && d.forEach((i) => {
+          if (i)
+            switch (m(o, i), i.type) {
               case "blueprint":
-                b(n);
+                w(i);
+                break;
+              case "tool":
+                e = e || S(t, i);
                 break;
               case "error":
-                s(e);
+                f(o);
                 break;
             }
         });
-      });
+      }), p(e);
     },
     { deep: !0, immediate: !0 }
   );
-  D(() => {
-    m(), i.clear(), a.clear(), _();
+  L(() => {
+    _(), n.clear(), u.clear(), p(!1), v();
   });
 };
 export {
-  H as useCortexBlueprintBridge
+  K as useCortexBlueprintBridge
 };

package/dist/composables/useTranslations.js

@@ -1,20 +1,18 @@
-import "../@types/config/schemas.js";
-import { DEFAULT_EDITOR } from "../@types/config/defaults.js";
 import memoize from "../node_modules/lodash-es/memoize.js";
 import { ref } from "vue";
 import { useConfig } from "./useConfig.js";
 const useTranslations = () => {
   var o, e;
-  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || DEFAULT_EDITOR.translationsPath, translations = ref(eval(translationsPath)), trans = (t, n) => {
-    const r = translations.value[t];
-    return r ? n ? Object.entries(n).reduce(
+  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || "window.trans.en", translations = ref(eval(translationsPath)), trans = (n, t) => {
+    const r = translations.value[n];
+    return r ? t ? Object.entries(t).reduce(
       (s, [i, a]) => s.replace(new RegExp(`{${i}}`, "g"), String(a)),
       r
-    ) : r : (console.warn(`Translation key not found: ${t}`), t);
+    ) : r : (console.warn(`Translation key not found: ${n}`), n);
   };
   return memoize(
     trans,
-    (t, n) => !n || Object.keys(n).length === 0 ? t : JSON.stringify({ key: t, params: n })
+    (n, t) => !t || Object.keys(t).length === 0 ? n : JSON.stringify({ key: n, params: t })
   );
 };
 export {

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/useAiStatus.d.ts

@@ -0,0 +1,16 @@
+import type { ComputedRef } from 'vue';
+interface AiStatus {
+    /** True while a cortex-fe agent turn is running a tool. */
+    isGenerating: ComputedRef<boolean>;
+    /** Idempotent writer — the bridge recomputes this on every stream chunk. */
+    setGenerating: (isGenerating: boolean) => void;
+}
+/**
+ * Read/write access to the AI status the header pill renders.
+ *
+ * The setter is deliberately idempotent: the cortex bridge watcher re-derives
+ * the status on every streamed chunk, so writing an unchanged value would
+ * re-trigger every subscriber several times per second.
+ */
+export declare const useAiStatus: () => AiStatus;
+export {};

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

@@ -6,8 +6,10 @@
  * 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 two segment shapes:
+ * The bridge handles three segment shapes:
  *
+ *   - `tool` segments drive the header's "AI is generating…" pill while the
+ *     owning message is still streaming.
  *   - `blueprint` segments with `blueprintType === 'email_template'` are
  *     applied to the Stripo editor, but ONLY after the user clicks
  *     "Apply to editor" in cortex-fe (which sets `applyRequested` on the

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

@@ -1,4 +1,9 @@
 import type { ModuleAddData, ModuleModifier } from '@@/Types/stripo';
+/**
+ * Host-registered translation key for the "some attributes could not be
+ * converted" toaster. Guido resolves it against the host's `window.trans.en`;
+ * the copy is registered host-side.
+ */
 export declare const UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY = "dynamic-content.unresolved-attributes-on-drop";
 /**
  * Repairs label-form dynamic-content tokens in saved modules as they are dropped

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

@@ -0,0 +1,12 @@
+/**
+ * AI generation status Guido surfaces in the header while a cortex-fe agent
+ * turn is running a tool. Written by `useAiStatus` (via `$patch`) from the
+ * inbound cortex bridge; read by the header pill.
+ *
+ * Store id `guidoAiStatus` is asserted in the local dev smoke checklist
+ * (`pinia._s.has('guidoAiStatus')`) — keep it stable.
+ */
+export declare const useAiStatusStore: import("pinia").StoreDefinition<"guidoAiStatus", {
+    /** True while a cortex-fe tool segment is running inside a live message. */
+    isGenerating: boolean;
+}, {}, {}>;

package/dist/stores/ai-status.js

@@ -0,0 +1,10 @@
+import { defineStore as t } from "pinia";
+const i = t("guidoAiStatus", {
+  state: () => ({
+    /** True while a cortex-fe tool segment is running inside a live message. */
+    isGenerating: !1
+  })
+});
+export {
+  i as useAiStatusStore
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.13.0-beta.4a55a9f",
+  "version": "3.13.0-beta.ba65053",
   "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",