@fiction/sdk 1.0.30 → 1.0.32

package/dist/SelfWidgetInline-C4beWxmY.js

@@ -0,0 +1,31 @@
+var i = Object.defineProperty;
+var c = (s, t) => i(s, "name", { value: t, configurable: !0 });
+import { defineComponent as u, ref as o, createBlock as d, openBlock as m } from "vue";
+import { _ as x } from "./SelfProvider.vue_vue_type_script_setup_true_lang-hdOg9n4q.js";
+const M = /* @__PURE__ */ u({
+  __name: "SelfWidgetInline",
+  props: {
+    sdk: {},
+    handle: {},
+    self: {},
+    context: {},
+    firstMessage: {}
+  },
+  setup(s, { expose: t }) {
+    const n = s, f = o(n.self), l = o(n.context), r = o(n.firstMessage);
+    function a(e) {
+      e.self !== void 0 && (f.value = e.self), e.context !== void 0 && (l.value = e.context), e.firstMessage !== void 0 && (r.value = e.firstMessage);
+    }
+    return c(a, "update"), t({ update: a }), (e, v) => (m(), d(x, {
+      sdk: s.sdk,
+      handle: s.handle,
+      self: f.value,
+      context: l.value,
+      "first-message": r.value
+    }, null, 8, ["sdk", "handle", "self", "context", "first-message"]));
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=SelfWidgetInline-C4beWxmY.js.map

package/dist/SelfWidgetInline-C4beWxmY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfWidgetInline-C4beWxmY.js","sources":["../widget/ui/SelfWidgetInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { ref } from 'vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n}>()\n\n// Local state for updateable props\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n}\n\ndefineExpose({ update })\n</script>\n\n<template>\n  <SelfProvider\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :self=\"currentSelf\"\n    :context=\"currentContext\"\n    :first-message=\"currentFirstMessage\"\n  />\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","update","updates","__name","__expose","_createBlock","SelfProvider"],"mappings":";;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GASRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY;AAEtE,aAASM,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBL,EAAY,QAAQK,EAAQ,OAC1BA,EAAQ,YAAY,WACtBH,EAAe,QAAQG,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BF,EAAoB,QAAQE,EAAQ;AAAA,IACxC;AAPS,WAAAC,EAAAF,GAAA,WASTG,EAAa,EAAE,QAAAH,GAAQ,mBAIrBI,EAMEC,GAAA;AAAA,MALC,KAAKV,EAAA;AAAA,MACL,QAAQA,EAAA;AAAA,MACR,MAAMC,EAAA;AAAA,MACN,SAASE,EAAA;AAAA,MACT,iBAAeC,EAAA;AAAA,IAAA;;;"}

package/dist/SelfWidgetModal-CgZjd7eG.js

@@ -0,0 +1,62 @@
+var x = Object.defineProperty;
+var n = (s, a) => x(s, "name", { value: a, configurable: !0 });
+import { defineComponent as h, ref as l, onMounted as p, nextTick as g, createBlock as C, openBlock as k, withCtx as M, createVNode as _ } from "vue";
+import { _ as w } from "./FModal.vue_vue_type_script_setup_true_lang-DaI-YWPp.js";
+import { _ as T } from "./SelfProvider.vue_vue_type_script_setup_true_lang-hdOg9n4q.js";
+const S = /* @__PURE__ */ h({
+  __name: "SelfWidgetModal",
+  props: {
+    sdk: {},
+    handle: {},
+    self: {},
+    context: {},
+    firstMessage: {},
+    onClose: { type: Function }
+  },
+  setup(s, { expose: a }) {
+    const t = s, f = l(t.self), r = l(t.context), c = l(t.firstMessage), o = l(!1);
+    p(async () => {
+      await g(), setTimeout(() => {
+        o.value = !0;
+      }, 10);
+    });
+    function d(e) {
+      e.self !== void 0 && (f.value = e.self), e.context !== void 0 && (r.value = e.context), e.firstMessage !== void 0 && (c.value = e.firstMessage);
+    }
+    n(d, "update");
+    function i() {
+      o.value = !1, setTimeout(() => {
+        t.onClose && t.onClose();
+      }, 300);
+    }
+    n(i, "close");
+    function m() {
+      o.value = !0;
+    }
+    return n(m, "open"), a({ update: d, close: i, open: m }), (e, u) => (k(), C(w, {
+      vis: o.value,
+      "disable-teleport": !0,
+      "modal-class": "max-w-4xl h-[80vh] md:h-[600px]",
+      "has-close": !1,
+      "onUpdate:vis": u[0] || (u[0] = (v) => o.value = v),
+      onClose: i
+    }, {
+      default: M(() => [
+        _(T, {
+          sdk: s.sdk,
+          handle: s.handle,
+          self: f.value,
+          context: r.value,
+          "first-message": c.value,
+          "has-close": !0,
+          onClose: i
+        }, null, 8, ["sdk", "handle", "self", "context", "first-message"])
+      ]),
+      _: 1
+    }, 8, ["vis"]));
+  }
+});
+export {
+  S as default
+};
+//# sourceMappingURL=SelfWidgetModal-CgZjd7eG.js.map

package/dist/SelfWidgetModal-CgZjd7eG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfWidgetModal-CgZjd7eG.js","sources":["../widget/ui/SelfWidgetModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { nextTick, onMounted, ref } from 'vue'\nimport FModal from '@/ui/common/FModal.vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n  onClose?: () => void\n}>()\n\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\nconst isVisible = ref(false)\n\n// Trigger transition after mount\nonMounted(async () => {\n  await nextTick()\n  // Small delay to ensure DOM is ready and transition fires\n  setTimeout(() => {\n    isVisible.value = true\n  }, 10)\n})\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n}\n\nfunction close() {\n  isVisible.value = false\n  // Wait for transition to complete before calling onClose\n  setTimeout(() => {\n    if (props.onClose) {\n      props.onClose()\n    }\n  }, 300) // Match FModal transition duration\n}\n\nfunction open() {\n  isVisible.value = true\n}\n\ndefineExpose({ update, close, open })\n</script>\n\n<template>\n  <FModal\n    :vis=\"isVisible\"\n    :disable-teleport=\"true\"\n    modal-class=\"max-w-4xl h-[80vh] md:h-[600px]\"\n    :has-close=\"false\"\n    @update:vis=\"isVisible = $event\"\n    @close=\"close\"\n  >\n    <SelfProvider\n      :sdk=\"sdk\"\n      :handle=\"handle\"\n      :self=\"currentSelf\"\n      :context=\"currentContext\"\n      :first-message=\"currentFirstMessage\"\n      :has-close=\"true\"\n      @close=\"close\"\n    />\n  </FModal>\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","isVisible","onMounted","nextTick","update","updates","__name","close","open","__expose","_createBlock","FModal","_cache","$event","_createVNode","SelfProvider"],"mappings":";;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GASRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY,GAChEM,IAAYH,EAAI,EAAK;AAG3B,IAAAI,EAAU,YAAY;AACpB,YAAMC,EAAA,GAEN,WAAW,MAAM;AACf,QAAAF,EAAU,QAAQ;AAAA,MACpB,GAAG,EAAE;AAAA,IACP,CAAC;AAED,aAASG,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBR,EAAY,QAAQQ,EAAQ,OAC1BA,EAAQ,YAAY,WACtBN,EAAe,QAAQM,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BL,EAAoB,QAAQK,EAAQ;AAAA,IACxC;AAPS,IAAAC,EAAAF,GAAA;AAST,aAASG,IAAQ;AACf,MAAAN,EAAU,QAAQ,IAElB,WAAW,MAAM;AACf,QAAIN,EAAM,WACRA,EAAM,QAAA;AAAA,MAEV,GAAG,GAAG;AAAA,IACR;AARS,IAAAW,EAAAC,GAAA;AAUT,aAASC,IAAO;AACd,MAAAP,EAAU,QAAQ;AAAA,IACpB;AAFS,WAAAK,EAAAE,GAAA,SAITC,EAAa,EAAE,QAAAL,GAAQ,OAAAG,GAAO,MAAAC,EAAA,CAAM,mBAIlCE,EAiBSC,GAAA;AAAA,MAhBN,KAAKV,EAAA;AAAA,MACL,oBAAkB;AAAA,MACnB,eAAY;AAAA,MACX,aAAW;AAAA,MACX,gBAAUW,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEZ,EAAA,QAAYY;AAAA,MACxB,SAAON;AAAA,IAAA;iBAER,MAQE;AAAA,QARFO,EAQEC,GAAA;AAAA,UAPC,KAAKnB,EAAA;AAAA,UACL,QAAQA,EAAA;AAAA,UACR,MAAMC,EAAA;AAAA,UACN,SAASE,EAAA;AAAA,UACT,iBAAeC,EAAA;AAAA,UACf,aAAW;AAAA,UACX,SAAOO;AAAA,QAAA;;;;;;"}

package/dist/{SelfWidgetPopup-BJ3q8ryL.js → SelfWidgetPopup-C4Z-Xr5K.js}

@@ -1,11 +1,11 @@
-var A = Object.defineProperty;
-var a = (l, v) => A(l, "name", { value: v, configurable: !0 });
-import { defineComponent as $, ref as r, watch as f, nextTick as B, createBlock as b, openBlock as d, withCtx as S, createElementBlock as w, createCommentVNode as m, normalizeClass as k, createElementVNode as s, normalizeStyle as j, unref as y } from "vue";
+var M = Object.defineProperty;
+var a = (l, u) => M(l, "name", { value: u, configurable: !0 });
+import { defineComponent as A, ref as r, watch as S, nextTick as $, createBlock as x, openBlock as c, withCtx as B, createElementBlock as b, createCommentVNode as g, normalizeClass as w, createElementVNode as s, normalizeStyle as j, unref as k } from "vue";
 import { a as E, g as F, c as N, b as T } from "./SelfWrap.vue_vue_type_script_setup_true_lang-DN-erii6.js";
 const U = {
   key: 0,
   class: "relative h-full w-full"
-}, V = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, D = ["src", "alt"], G = /* @__PURE__ */ $({
+}, V = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, D = ["src", "alt"], G = /* @__PURE__ */ A({
   __name: "SelfWidgetPopup",
   props: {
     sdk: {},
@@ -15,69 +15,63 @@ const U = {
     firstMessage: {},
     position: {}
   },
-  setup(l, { expose: v }) {
-    const t = l, o = r(!1), g = r(!1), p = r(t.self), c = r(t.context), u = r(t.firstMessage);
-    function h() {
-      o.value = !o.value;
+  setup(l, { expose: u }) {
+    const e = l, t = r(!1), f = r(!1), p = r(e.self), d = r(e.context), v = r(e.firstMessage);
+    function m() {
+      t.value = !t.value;
     }
-    a(h, "toggle"), f(o, async (e) => {
-      e ? (await B(), setTimeout(() => {
-        g.value = !0;
-      }, 400)) : g.value = !1;
+    a(m, "toggle"), S(t, async (o) => {
+      o ? (await $(), setTimeout(() => {
+        f.value = !0;
+      }, 400)) : f.value = !1;
     });
-    function C() {
-      o.value = !0;
+    function y() {
+      t.value = !0;
     }
-    a(C, "open");
-    function x() {
-      o.value = !1;
+    a(y, "open");
+    function h() {
+      t.value = !1;
     }
-    a(x, "close");
-    function z() {
-      x();
+    a(h, "close");
+    function C() {
+      h();
     }
-    a(z, "handleClose");
-    function _(e) {
-      e.self !== void 0 && (p.value = e.self), e.context !== void 0 && (c.value = e.context), e.firstMessage !== void 0 && (u.value = e.firstMessage);
+    a(C, "handleClose");
+    function z(o) {
+      o.self !== void 0 && (p.value = o.self), o.context !== void 0 && (d.value = o.context), o.firstMessage !== void 0 && (v.value = o.firstMessage);
     }
-    return a(_, "update"), f(() => t.self, (e) => {
-      e && (p.value = e);
-    }), f(() => t.context, (e) => {
-      c.value = e;
-    }), f(() => t.firstMessage, (e) => {
-      u.value = e;
-    }), v({
-      toggle: h,
-      open: C,
-      close: x,
-      update: _
-    }), (e, i) => (d(), b(E, {
+    return a(z, "update"), u({
+      toggle: m,
+      open: y,
+      close: h,
+      update: z
+    }), (o, i) => (c(), x(E, {
       sdk: l.sdk,
       handle: l.handle,
       self: p.value,
-      context: c.value,
-      "first-message": u.value
+      context: d.value,
+      "first-message": v.value
     }, {
-      default: S(({ self: n, sdk: M }) => [
-        n ? (d(), w("div", {
+      default: B(({ self: n, sdk: _ }) => [
+        n ? (c(), b("div", {
           key: 0,
-          class: k(["fixed z-[999999] pointer-events-auto", [
-            t.position === "bottom-left" ? "bottom-6 left-6" : t.position === "top-right" ? "top-6 right-6" : t.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"
+          class: w(["fixed z-[999999] pointer-events-auto", [
+            e.position === "bottom-left" ? "bottom-6 left-6" : e.position === "top-right" ? "top-6 right-6" : e.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"
           ]])
         }, [
           s("div", {
-            class: k(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [
-              o.value ? "widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100" : "widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer"
+            class: w(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [
+              t.value ? "widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100" : "widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer"
             ]]),
             style: j({
-              "transform-origin": t.position === "bottom-left" ? "bottom left" : t.position === "top-right" ? "top right" : t.position === "top-left" ? "top left" : "bottom right"
+              "transform-origin": e.position === "bottom-left" ? "bottom left" : e.position === "top-right" ? "top right" : e.position === "top-left" ? "top left" : "bottom right"
             }),
-            onClick: i[0] || (i[0] = (O) => o.value ? void 0 : h())
+            onClick: i[0] || (i[0] = (O) => t.value ? void 0 : m())
           }, [
-            o.value ? m("", !0) : (d(), w("div", U, [
+            t.value ? g("", !0) : (c(), b("div", U, [
               s("div", V, [
                 s("img", {
-                  src: y(F)(n) || y(N)(),
+                  src: k(F)(n) || k(N)(),
                   alt: `${n.name} digital self`,
                   class: "h-full w-full object-cover pointer-events-none",
                   width: "80",
@@ -93,19 +87,19 @@ const U = {
                 s("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" })
               ], -1))
             ])),
-            o.value && n ? (d(), b(T, {
+            t.value && n ? (c(), x(T, {
               key: 1,
               class: "rounded-3xl shadow-2xl border border-white/10",
-              sdk: M,
+              sdk: _,
               self: n,
-              context: c.value,
-              "first-message": u.value,
+              context: d.value,
+              "first-message": v.value,
               "has-close": !0,
-              "is-active": g.value,
-              onClose: z
-            }, null, 8, ["sdk", "self", "context", "first-message", "is-active"])) : m("", !0)
+              "is-active": f.value,
+              onClose: C
+            }, null, 8, ["sdk", "self", "context", "first-message", "is-active"])) : g("", !0)
           ], 6)
-        ], 2)) : m("", !0)
+        ], 2)) : g("", !0)
       ]),
       _: 1
     }, 8, ["sdk", "handle", "self", "context", "first-message"]));
@@ -114,4 +108,4 @@ const U = {
 export {
   G as default
 };
-//# sourceMappingURL=SelfWidgetPopup-BJ3q8ryL.js.map
+//# sourceMappingURL=SelfWidgetPopup-C4Z-Xr5K.js.map

package/dist/SelfWidgetPopup-C4Z-Xr5K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfWidgetPopup-C4Z-Xr5K.js","sources":["../widget/ui/SelfWidgetPopup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { nextTick, ref, watch } from 'vue'\nimport { getFallbackAvatarDataUrl, getSelfAvatarUrl } from '../../self/utils'\nimport SelfAgent from '../../self/ui/SelfAgent.vue'\nimport SelfWrap from '../../self/ui/SelfWrap.vue'\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n}>()\nconst isOpen = ref(false)\nconst isAgentActive = ref(false)\n\n// Local state for updateable props\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\n\nfunction toggle() {\n  isOpen.value = !isOpen.value\n}\n\n// Watch isOpen to delay agent activation for smooth transition\nwatch(isOpen, async (newValue) => {\n  if (newValue) {\n    // When opening, delay agent activation until transition starts\n    await nextTick()\n    setTimeout(() => {\n      isAgentActive.value = true\n    }, 400) // Delay to let container expand first\n  }\n  else {\n    // When closing, immediately deactivate agent\n    isAgentActive.value = false\n  }\n})\n\nfunction open() {\n  isOpen.value = true\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\nfunction handleClose() {\n  close()\n}\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n}\n\ndefineExpose({\n  toggle,\n  open,\n  close,\n  update,\n})\n</script>\n\n<template>\n  <SelfWrap\n    v-slot=\"{ self, sdk: resolvedSdk }\"\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :self=\"currentSelf\"\n    :context=\"currentContext\"\n    :first-message=\"currentFirstMessage\"\n  >\n    <!-- Fixed Widget Wrapper -->\n    <div\n      v-if=\"self\"\n      class=\"fixed z-[999999] pointer-events-auto\"\n      :class=\"[\n        props.position === 'bottom-left' ? 'bottom-6 left-6'\n        : props.position === 'top-right' ? 'top-6 right-6'\n          : props.position === 'top-left' ? 'top-6 left-6'\n            : 'bottom-6 right-6',\n      ]\"\n    >\n      <!-- Widget Content with Transition -->\n      <div\n        class=\"transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu\"\n        :class=\"[\n          isOpen\n            ? 'widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100'\n            : 'widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer',\n        ]\"\n        :style=\"{\n          'transform-origin':\n            props.position === 'bottom-left' ? 'bottom left'\n            : props.position === 'top-right' ? 'top right'\n              : props.position === 'top-left' ? 'top left'\n                : 'bottom right',\n        }\"\n        @click=\"!isOpen ? toggle() : undefined\"\n      >\n        <!-- Button Content (visible when closed) -->\n        <div v-if=\"!isOpen\" class=\"relative h-full w-full\">\n          <div class=\"group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100\">\n            <img\n              :src=\"getSelfAvatarUrl(self) || getFallbackAvatarDataUrl()\"\n              :alt=\"`${self.name} digital self`\"\n              class=\"h-full w-full object-cover pointer-events-none\"\n              width=\"80\"\n              height=\"80\"\n            />\n            <!-- Gradient overlay for contrast -->\n            <div class=\"absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40\" />\n          </div>\n          <!-- Online indicator -->\n          <div class=\"absolute top-0.5 right-0.5\">\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping\" style=\"animation-duration: 3s;\" />\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white\" />\n          </div>\n        </div>\n\n        <!-- Chat Content (visible when open) -->\n        <SelfAgent\n          v-if=\"isOpen && self\"\n          class=\"rounded-3xl shadow-2xl border border-white/10\"\n          :sdk=\"resolvedSdk\"\n          :self=\"self\"\n          :context=\"currentContext\"\n          :first-message=\"currentFirstMessage\"\n          :has-close=\"true\"\n          :is-active=\"isAgentActive\"\n          @close=\"handleClose\"\n        />\n      </div>\n    </div>\n  </SelfWrap>\n</template>\n"],"names":["props","__props","isOpen","ref","isAgentActive","currentSelf","currentContext","currentFirstMessage","toggle","__name","watch","newValue","nextTick","open","close","handleClose","update","updates","__expose","_createBlock","SelfWrap","self","resolvedSdk","_createElementBlock","_createElementVNode","_normalizeStyle","_cache","$event","_openBlock","_hoisted_1","_hoisted_2","_unref","getSelfAvatarUrl","getFallbackAvatarDataUrl","SelfAgent"],"mappings":"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"}

package/dist/widget/FictionWidget.d.ts

@@ -8,6 +8,7 @@ export interface WidgetConfig {
     context?: string;
     firstMessage?: string;
     apiBase?: string;
+    onClose?: () => void;
 }
 export interface WidgetUpdate {
     self?: Self;

package/dist/widget/ui/SelfWidgetInline.vue.d.ts

@@ -1,19 +1,19 @@
 import { FictionSDK } from '../../sdkClient';
 import { Self } from '@fiction/types';
-export interface Props {
-    sdk?: FictionSDK;
-    handle?: string;
+export interface WidgetUpdate {
     self?: Self;
     context?: string;
     firstMessage?: string;
 }
-export interface WidgetUpdate {
+type __VLS_Props = {
+    sdk?: FictionSDK;
+    handle?: string;
     self?: Self;
     context?: string;
     firstMessage?: string;
-}
+};
 declare function update(updates: WidgetUpdate): void;
-declare const _default: import('vue').DefineComponent<Props, {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
     update: typeof update;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/{self → widget}/ui/SelfWidgetModal.vue.d.ts

@@ -1,23 +1,24 @@
 import { FictionSDK } from '../../sdkClient';
 import { Self } from '@fiction/types';
-export interface Props {
-    sdk?: FictionSDK;
-    handle?: string;
+export interface WidgetUpdate {
     self?: Self;
     context?: string;
     firstMessage?: string;
 }
-export interface WidgetUpdate {
+type __VLS_Props = {
+    sdk?: FictionSDK;
+    handle?: string;
     self?: Self;
     context?: string;
     firstMessage?: string;
-}
+    onClose?: () => void;
+};
 declare function update(updates: WidgetUpdate): void;
 declare function close(): void;
 declare function open(): void;
-declare const _default: import('vue').DefineComponent<Props, {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
     update: typeof update;
     close: typeof close;
     open: typeof open;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/widget/ui/SelfWidgetPopup.vue.d.ts

@@ -1,26 +1,26 @@
 import { FictionSDK } from '../../sdkClient';
 import { Self } from '@fiction/types';
-interface Props {
-    sdk?: FictionSDK;
-    handle?: string;
+export interface WidgetUpdate {
     self?: Self;
     context?: string;
     firstMessage?: string;
-    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
-export interface WidgetUpdate {
+type __VLS_Props = {
+    sdk?: FictionSDK;
+    handle?: string;
     self?: Self;
     context?: string;
     firstMessage?: string;
-}
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+};
 declare function toggle(): void;
 declare function open(): void;
 declare function close(): void;
 declare function update(updates: WidgetUpdate): void;
-declare const _default: import('vue').DefineComponent<Props, {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
     toggle: typeof toggle;
     open: typeof open;
     close: typeof close;
     update: typeof update;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/widget.js

@@ -42,7 +42,7 @@ const v = `/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@la
   async mountMode(r) {
     const { mode: e } = this.config;
     if (e === "inline") {
-      const { default: o } = await import("./SelfWidgetInline-4qXty8nA.js");
+      const { default: o } = await import("./SelfWidgetInline-C4beWxmY.js");
       this.app = s(o, {
         sdk: this.sdk,
         handle: this.config.handle,
@@ -51,7 +51,7 @@ const v = `/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@la
         firstMessage: this.config.firstMessage
       }), this.widgetInstance = this.app.mount(r);
     } else if (e === "popup") {
-      const { default: o } = await import("./SelfWidgetPopup-BJ3q8ryL.js");
+      const { default: o } = await import("./SelfWidgetPopup-C4Z-Xr5K.js");
       this.app = s(o, {
         sdk: this.sdk,
         handle: this.config.handle,
@@ -62,13 +62,16 @@ const v = `/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@la
         // Default position for popup
       }), this.widgetInstance = this.app.mount(r);
     } else if (e === "modal") {
-      const { default: o } = await import("./SelfWidgetModal-DWA5AU4S.js");
+      const { default: o } = await import("./SelfWidgetModal-CgZjd7eG.js");
       this.app = s(o, {
         sdk: this.sdk,
         handle: this.config.handle,
         self: this.config.self,
         context: this.config.context,
-        firstMessage: this.config.firstMessage
+        firstMessage: this.config.firstMessage,
+        onClose: /* @__PURE__ */ n(() => {
+          this.config.onClose && this.config.onClose(), this.destroy();
+        }, "onClose")
       }), this.widgetInstance = this.app.mount(r);
     } else
       throw new Error(`FictionWidget: unsupported mode "${e}"`);

package/dist/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sources":["../widget/FictionWidget.ts"],"sourcesContent":["import type { App, ComponentPublicInstance } from 'vue'\nimport type { Self } from '@fiction/types'\nimport { FictionSDK } from '../sdkClient'\nimport sdkCSS from '../self/ui/styles.css?inline'\nimport { createApp } from 'vue'\n\ntype WidgetMode = 'inline' | 'popup' | 'modal'\n\nexport interface WidgetConfig {\n  el?: HTMLElement // Optional for modal mode (creates and appends to body)\n  mode: WidgetMode\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n  apiBase?: string\n}\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\ntype WidgetInstance = {\n  toggle?: () => void\n  open?: () => void\n  close?: () => void\n  update?: (config: WidgetUpdate) => void\n} & ComponentPublicInstance\n\nconst logger = {\n  info: (message: string) => console.log(`[Fiction Widget] ${message}`),\n  error: (message: string) => console.error(`[Fiction Widget] ${message}`),\n  warn: (message: string) => console.warn(`[Fiction Widget] ${message}`),\n}\n\nexport class FictionWidget {\n  private app: App | null = null\n  private shadowRoot: ShadowRoot | null = null\n  private widgetInstance: WidgetInstance | null = null\n  private config: WidgetConfig\n  private sdk: FictionSDK\n  private container: HTMLElement | null = null\n  private static modalInstances = new Map<string, FictionWidget>()\n\n  constructor(config: WidgetConfig) {\n    this.config = config\n\n    // Validate required config\n    if (!config.mode)\n      throw new Error('FictionWidget: mode is required')\n    if (!config.handle && !config.self)\n      throw new Error('FictionWidget: either handle or self is required')\n\n    // For non-modal modes, el is required\n    if (config.mode !== 'modal' && !config.el)\n      throw new Error(`FictionWidget: el (HTMLElement) is required for ${config.mode} mode`)\n\n    // For modal mode, handle singleton pattern\n    if (config.mode === 'modal') {\n      const instanceKey = config.handle || config.self?.selfId || 'default'\n      const existing = FictionWidget.modalInstances.get(instanceKey)\n      if (existing) {\n        logger.warn(`Destroying existing modal widget for: ${instanceKey}`)\n        existing.destroy()\n      }\n      FictionWidget.modalInstances.set(instanceKey, this)\n    }\n\n    // Create SDK instance\n    const isDev = typeof window !== 'undefined'\n      ? window.location.hostname === 'localhost' || window.location.hostname.includes('127.0.0.1')\n      : false\n\n    this.sdk = new FictionSDK({\n      isDev,\n      apiBase: config.apiBase,\n    })\n\n    logger.info(`Initializing ${config.mode} mode for @${config.handle || config.self?.handle} (isDev: ${isDev})`)\n\n    this.init()\n  }\n\n  private async init() {\n    // For modal mode, create container and append to body\n    if (this.config.mode === 'modal') {\n      this.container = document.createElement('div')\n      this.container.id = `fiction-modal-${this.config.handle || this.config.self?.selfId || 'widget'}`\n      document.body.appendChild(this.container)\n\n      // Create shadow root in modal container\n      this.shadowRoot = this.container.attachShadow({ mode: 'open' })\n    }\n    else {\n      // For other modes, use provided element\n      this.shadowRoot = this.config.el!.attachShadow({ mode: 'open' })\n    }\n\n    // Inject SDK CSS into shadow DOM\n    const styleElement = document.createElement('style')\n    styleElement.textContent = sdkCSS\n    this.shadowRoot.appendChild(styleElement)\n\n    // Create mount point\n    const mountPoint = document.createElement('div')\n    mountPoint.id = 'fiction-widget-root'\n    mountPoint.style.cssText = 'width: 100%; height: 100%;'\n    this.shadowRoot.appendChild(mountPoint)\n\n    // Import and mount mode-specific component\n    await this.mountMode(mountPoint)\n  }\n\n  private async mountMode(mountPoint: HTMLElement) {\n    const { mode } = this.config\n\n    if (mode === 'inline') {\n      const { default: SelfWidgetInline } = await import('./ui/SelfWidgetInline.vue')\n\n      this.app = createApp(SelfWidgetInline, {\n        sdk: this.sdk,\n        handle: this.config.handle,\n        self: this.config.self,\n        context: this.config.context,\n        firstMessage: this.config.firstMessage,\n      })\n\n      this.widgetInstance = this.app.mount(mountPoint) as WidgetInstance\n    }\n    else if (mode === 'popup') {\n      const { default: SelfWidgetPopup } = await import('./ui/SelfWidgetPopup.vue')\n\n      this.app = createApp(SelfWidgetPopup, {\n        sdk: this.sdk,\n        handle: this.config.handle,\n        self: this.config.self,\n        context: this.config.context,\n        firstMessage: this.config.firstMessage,\n        position: 'bottom-right', // Default position for popup\n      })\n\n      this.widgetInstance = this.app.mount(mountPoint) as WidgetInstance\n    }\n    else if (mode === 'modal') {\n      const { default: SelfWidgetModal } = await import('../self/ui/SelfWidgetModal.vue')\n\n      this.app = createApp(SelfWidgetModal, {\n        sdk: this.sdk,\n        handle: this.config.handle,\n        self: this.config.self,\n        context: this.config.context,\n        firstMessage: this.config.firstMessage,\n      })\n\n      this.widgetInstance = this.app.mount(mountPoint) as WidgetInstance\n    }\n    else {\n      throw new Error(`FictionWidget: unsupported mode \"${mode}\"`)\n    }\n  }\n\n  /**\n   * Update widget with new configuration without re-mounting\n   */\n  update(updates: WidgetUpdate) {\n    if (this.widgetInstance?.update) {\n      this.widgetInstance.update(updates)\n      logger.info(`Widget updated: ${Object.keys(updates).join(', ')}`)\n    }\n    else {\n      logger.warn('Widget instance does not support update()')\n    }\n  }\n\n  /**\n   * Toggle widget visibility (popup mode only)\n   */\n  toggle() {\n    if (this.widgetInstance?.toggle) {\n      this.widgetInstance.toggle()\n    }\n    else {\n      logger.warn('Widget mode does not support toggle()')\n    }\n  }\n\n  /**\n   * Open widget (popup mode only)\n   */\n  open() {\n    if (this.widgetInstance?.open) {\n      this.widgetInstance.open()\n    }\n    else {\n      logger.warn('Widget mode does not support open()')\n    }\n  }\n\n  /**\n   * Close widget (popup mode only)\n   */\n  close() {\n    if (this.widgetInstance?.close) {\n      this.widgetInstance.close()\n    }\n    else {\n      logger.warn('Widget mode does not support close()')\n    }\n  }\n\n  /**\n   * Destroy widget and cleanup\n   */\n  destroy() {\n    if (this.app) {\n      this.app.unmount()\n      this.app = null\n    }\n\n    if (this.shadowRoot) {\n      this.shadowRoot.innerHTML = ''\n      this.shadowRoot = null\n    }\n\n    // For modal mode, remove container from body and remove from singleton map\n    if (this.config.mode === 'modal') {\n      if (this.container) {\n        this.container.remove()\n        this.container = null\n      }\n\n      const instanceKey = this.config.handle || this.config.self?.selfId || 'default'\n      FictionWidget.modalInstances.delete(instanceKey)\n    }\n\n    this.widgetInstance = null\n\n    logger.info(`Widget destroyed for handle: ${this.config.handle || this.config.self?.handle}`)\n  }\n}\n"],"names":["logger","__name","message","_FictionWidget","config","__publicField","instanceKey","existing","isDev","FictionSDK","styleElement","sdkCSS","mountPoint","mode","SelfWidgetInline","createApp","SelfWidgetPopup","SelfWidgetModal","updates","FictionWidget"],"mappings":";;;;;;+m0NA+BMA,IAAS;AAAA,EACb,MAAM,gBAAAC,EAAA,CAACC,MAAoB,QAAQ,IAAI,oBAAoBA,CAAO,EAAE,GAA9D;AAAA,EACN,OAAO,gBAAAD,EAAA,CAACC,MAAoB,QAAQ,MAAM,oBAAoBA,CAAO,EAAE,GAAhE;AAAA,EACP,MAAM,gBAAAD,EAAA,CAACC,MAAoB,QAAQ,KAAK,oBAAoBA,CAAO,EAAE,GAA/D;AACR,GAEaC,IAAN,MAAMA,EAAc;AAAA,EASzB,YAAYC,GAAsB;AAR1B,IAAAC,EAAA,aAAkB;AAClB,IAAAA,EAAA,oBAAgC;AAChC,IAAAA,EAAA,wBAAwC;AACxC,IAAAA,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA,mBAAgC;AAOtC,QAHA,KAAK,SAASD,GAGV,CAACA,EAAO;AACV,YAAM,IAAI,MAAM,iCAAiC;AACnD,QAAI,CAACA,EAAO,UAAU,CAACA,EAAO;AAC5B,YAAM,IAAI,MAAM,kDAAkD;AAGpE,QAAIA,EAAO,SAAS,WAAW,CAACA,EAAO;AACrC,YAAM,IAAI,MAAM,mDAAmDA,EAAO,IAAI,OAAO;AAGvF,QAAIA,EAAO,SAAS,SAAS;AAC3B,YAAME,IAAcF,EAAO,UAAUA,EAAO,MAAM,UAAU,WACtDG,IAAWJ,EAAc,eAAe,IAAIG,CAAW;AAC7D,MAAIC,MACFP,EAAO,KAAK,yCAAyCM,CAAW,EAAE,GAClEC,EAAS,QAAA,IAEXJ,EAAc,eAAe,IAAIG,GAAa,IAAI;AAAA,IACpD;AAGA,UAAME,IAAQ,OAAO,SAAW,MAC5B,OAAO,SAAS,aAAa,eAAe,OAAO,SAAS,SAAS,SAAS,WAAW,IACzF;AAEJ,SAAK,MAAM,IAAIC,EAAW;AAAA,MACxB,OAAAD;AAAA,MACA,SAASJ,EAAO;AAAA,IAAA,CACjB,GAEDJ,EAAO,KAAK,gBAAgBI,EAAO,IAAI,cAAcA,EAAO,UAAUA,EAAO,MAAM,MAAM,YAAYI,CAAK,GAAG,GAE7G,KAAK,KAAA;AAAA,EACP;AAAA,EAEA,MAAc,OAAO;AAEnB,IAAI,KAAK,OAAO,SAAS,WACvB,KAAK,YAAY,SAAS,cAAc,KAAK,GAC7C,KAAK,UAAU,KAAK,iBAAiB,KAAK,OAAO,UAAU,KAAK,OAAO,MAAM,UAAU,QAAQ,IAC/F,SAAS,KAAK,YAAY,KAAK,SAAS,GAGxC,KAAK,aAAa,KAAK,UAAU,aAAa,EAAE,MAAM,QAAQ,KAI9D,KAAK,aAAa,KAAK,OAAO,GAAI,aAAa,EAAE,MAAM,QAAQ;AAIjE,UAAME,IAAe,SAAS,cAAc,OAAO;AACnD,IAAAA,EAAa,cAAcC,GAC3B,KAAK,WAAW,YAAYD,CAAY;AAGxC,UAAME,IAAa,SAAS,cAAc,KAAK;AAC/C,IAAAA,EAAW,KAAK,uBAChBA,EAAW,MAAM,UAAU,8BAC3B,KAAK,WAAW,YAAYA,CAAU,GAGtC,MAAM,KAAK,UAAUA,CAAU;AAAA,EACjC;AAAA,EAEA,MAAc,UAAUA,GAAyB;AAC/C,UAAM,EAAE,MAAAC,MAAS,KAAK;AAEtB,QAAIA,MAAS,UAAU;AACrB,YAAM,EAAE,SAASC,MAAqB,MAAM,OAAO,gCAA2B;AAE9E,WAAK,MAAMC,EAAUD,GAAkB;AAAA,QACrC,KAAK,KAAK;AAAA,QACV,QAAQ,KAAK,OAAO;AAAA,QACpB,MAAM,KAAK,OAAO;AAAA,QAClB,SAAS,KAAK,OAAO;AAAA,QACrB,cAAc,KAAK,OAAO;AAAA,MAAA,CAC3B,GAED,KAAK,iBAAiB,KAAK,IAAI,MAAMF,CAAU;AAAA,IACjD,WACSC,MAAS,SAAS;AACzB,YAAM,EAAE,SAASG,MAAoB,MAAM,OAAO,+BAA0B;AAE5E,WAAK,MAAMD,EAAUC,GAAiB;AAAA,QACpC,KAAK,KAAK;AAAA,QACV,QAAQ,KAAK,OAAO;AAAA,QACpB,MAAM,KAAK,OAAO;AAAA,QAClB,SAAS,KAAK,OAAO;AAAA,QACrB,cAAc,KAAK,OAAO;AAAA,QAC1B,UAAU;AAAA;AAAA,MAAA,CACX,GAED,KAAK,iBAAiB,KAAK,IAAI,MAAMJ,CAAU;AAAA,IACjD,WACSC,MAAS,SAAS;AACzB,YAAM,EAAE,SAASI,MAAoB,MAAM,OAAO,+BAAgC;AAElF,WAAK,MAAMF,EAAUE,GAAiB;AAAA,QACpC,KAAK,KAAK;AAAA,QACV,QAAQ,KAAK,OAAO;AAAA,QACpB,MAAM,KAAK,OAAO;AAAA,QAClB,SAAS,KAAK,OAAO;AAAA,QACrB,cAAc,KAAK,OAAO;AAAA,MAAA,CAC3B,GAED,KAAK,iBAAiB,KAAK,IAAI,MAAML,CAAU;AAAA,IACjD;AAEE,YAAM,IAAI,MAAM,oCAAoCC,CAAI,GAAG;AAAA,EAE/D;AAAA;AAAA;AAAA;AAAA,EAKA,OAAOK,GAAuB;AAC5B,IAAI,KAAK,gBAAgB,UACvB,KAAK,eAAe,OAAOA,CAAO,GAClClB,EAAO,KAAK,mBAAmB,OAAO,KAAKkB,CAAO,EAAE,KAAK,IAAI,CAAC,EAAE,KAGhElB,EAAO,KAAK,2CAA2C;AAAA,EAE3D;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACP,IAAI,KAAK,gBAAgB,SACvB,KAAK,eAAe,OAAA,IAGpBA,EAAO,KAAK,uCAAuC;AAAA,EAEvD;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AACL,IAAI,KAAK,gBAAgB,OACvB,KAAK,eAAe,KAAA,IAGpBA,EAAO,KAAK,qCAAqC;AAAA,EAErD;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQ;AACN,IAAI,KAAK,gBAAgB,QACvB,KAAK,eAAe,MAAA,IAGpBA,EAAO,KAAK,sCAAsC;AAAA,EAEtD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AAYR,QAXI,KAAK,QACP,KAAK,IAAI,QAAA,GACT,KAAK,MAAM,OAGT,KAAK,eACP,KAAK,WAAW,YAAY,IAC5B,KAAK,aAAa,OAIhB,KAAK,OAAO,SAAS,SAAS;AAChC,MAAI,KAAK,cACP,KAAK,UAAU,OAAA,GACf,KAAK,YAAY;AAGnB,YAAMM,IAAc,KAAK,OAAO,UAAU,KAAK,OAAO,MAAM,UAAU;AACtE,MAAAH,EAAc,eAAe,OAAOG,CAAW;AAAA,IACjD;AAEA,SAAK,iBAAiB,MAEtBN,EAAO,KAAK,gCAAgC,KAAK,OAAO,UAAU,KAAK,OAAO,MAAM,MAAM,EAAE;AAAA,EAC9F;AACF;AA5M2BC,EAAAE,GAAA,kBAOzBE,EAPWF,GAOI,kBAAiB,oBAAI,IAAA;AAP/B,IAAMgB,IAANhB;"}
+{"version":3,"file":"widget.js","sources":["../widget/FictionWidget.ts"],"sourcesContent":["import type { App, ComponentPublicInstance } from 'vue'\nimport type { Self } from '@fiction/types'\nimport { FictionSDK } from '../sdkClient'\nimport sdkCSS from '../self/ui/styles.css?inline'\nimport { createApp } from 'vue'\n\ntype WidgetMode = 'inline' | 'popup' | 'modal'\n\nexport interface WidgetConfig {\n  el?: HTMLElement // Optional for modal mode (creates and appends to body)\n  mode: WidgetMode\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n  apiBase?: string\n  onClose?: () => void // Callback when widget is closed (modal/popup modes)\n}\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\ntype WidgetInstance = {\n  toggle?: () => void\n  open?: () => void\n  close?: () => void\n  update?: (config: WidgetUpdate) => void\n} & ComponentPublicInstance\n\nconst logger = {\n  info: (message: string) => console.log(`[Fiction Widget] ${message}`),\n  error: (message: string) => console.error(`[Fiction Widget] ${message}`),\n  warn: (message: string) => console.warn(`[Fiction Widget] ${message}`),\n}\n\nexport class FictionWidget {\n  private app: App | null = null\n  private shadowRoot: ShadowRoot | null = null\n  private widgetInstance: WidgetInstance | null = null\n  private config: WidgetConfig\n  private sdk: FictionSDK\n  private container: HTMLElement | null = null\n  private static modalInstances = new Map<string, FictionWidget>()\n\n  constructor(config: WidgetConfig) {\n    this.config = config\n\n    // Validate required config\n    if (!config.mode)\n      throw new Error('FictionWidget: mode is required')\n    if (!config.handle && !config.self)\n      throw new Error('FictionWidget: either handle or self is required')\n\n    // For non-modal modes, el is required\n    if (config.mode !== 'modal' && !config.el)\n      throw new Error(`FictionWidget: el (HTMLElement) is required for ${config.mode} mode`)\n\n    // For modal mode, handle singleton pattern\n    if (config.mode === 'modal') {\n      const instanceKey = config.handle || config.self?.selfId || 'default'\n      const existing = FictionWidget.modalInstances.get(instanceKey)\n      if (existing) {\n        logger.warn(`Destroying existing modal widget for: ${instanceKey}`)\n        existing.destroy()\n      }\n      FictionWidget.modalInstances.set(instanceKey, this)\n    }\n\n    // Create SDK instance\n    const isDev = typeof window !== 'undefined'\n      ? window.location.hostname === 'localhost' || window.location.hostname.includes('127.0.0.1')\n      : false\n\n    this.sdk = new FictionSDK({\n      isDev,\n      apiBase: config.apiBase,\n    })\n\n    logger.info(`Initializing ${config.mode} mode for @${config.handle || config.self?.handle} (isDev: ${isDev})`)\n\n    this.init()\n  }\n\n  private async init() {\n    // For modal mode, create container and append to body\n    if (this.config.mode === 'modal') {\n      this.container = document.createElement('div')\n      this.container.id = `fiction-modal-${this.config.handle || this.config.self?.selfId || 'widget'}`\n      document.body.appendChild(this.container)\n\n      // Create shadow root in modal container\n      this.shadowRoot = this.container.attachShadow({ mode: 'open' })\n    }\n    else {\n      // For other modes, use provided element\n      this.shadowRoot = this.config.el!.attachShadow({ mode: 'open' })\n    }\n\n    // Inject SDK CSS into shadow DOM\n    const styleElement = document.createElement('style')\n    styleElement.textContent = sdkCSS\n    this.shadowRoot.appendChild(styleElement)\n\n    // Create mount point\n    const mountPoint = document.createElement('div')\n    mountPoint.id = 'fiction-widget-root'\n    mountPoint.style.cssText = 'width: 100%; height: 100%;'\n    this.shadowRoot.appendChild(mountPoint)\n\n    // Import and mount mode-specific component\n    await this.mountMode(mountPoint)\n  }\n\n  private async mountMode(mountPoint: HTMLElement) {\n    const { mode } = this.config\n\n    if (mode === 'inline') {\n      const { default: SelfWidgetInline } = await import('./ui/SelfWidgetInline.vue')\n\n      this.app = createApp(SelfWidgetInline, {\n        sdk: this.sdk,\n        handle: this.config.handle,\n        self: this.config.self,\n        context: this.config.context,\n        firstMessage: this.config.firstMessage,\n      })\n\n      this.widgetInstance = this.app.mount(mountPoint) as WidgetInstance\n    }\n    else if (mode === 'popup') {\n      const { default: SelfWidgetPopup } = await import('./ui/SelfWidgetPopup.vue')\n\n      this.app = createApp(SelfWidgetPopup, {\n        sdk: this.sdk,\n        handle: this.config.handle,\n        self: this.config.self,\n        context: this.config.context,\n        firstMessage: this.config.firstMessage,\n        position: 'bottom-right', // Default position for popup\n      })\n\n      this.widgetInstance = this.app.mount(mountPoint) as WidgetInstance\n    }\n    else if (mode === 'modal') {\n      const { default: SelfWidgetModal } = await import('./ui/SelfWidgetModal.vue')\n\n      this.app = createApp(SelfWidgetModal, {\n        sdk: this.sdk,\n        handle: this.config.handle,\n        self: this.config.self,\n        context: this.config.context,\n        firstMessage: this.config.firstMessage,\n        onClose: () => {\n          // Call user's onClose callback if provided\n          if (this.config.onClose) {\n            this.config.onClose()\n          }\n          // Auto-destroy modal when closed\n          this.destroy()\n        },\n      })\n\n      this.widgetInstance = this.app.mount(mountPoint) as WidgetInstance\n    }\n    else {\n      throw new Error(`FictionWidget: unsupported mode \"${mode}\"`)\n    }\n  }\n\n  /**\n   * Update widget with new configuration without re-mounting\n   */\n  update(updates: WidgetUpdate) {\n    if (this.widgetInstance?.update) {\n      this.widgetInstance.update(updates)\n      logger.info(`Widget updated: ${Object.keys(updates).join(', ')}`)\n    }\n    else {\n      logger.warn('Widget instance does not support update()')\n    }\n  }\n\n  /**\n   * Toggle widget visibility (popup mode only)\n   */\n  toggle() {\n    if (this.widgetInstance?.toggle) {\n      this.widgetInstance.toggle()\n    }\n    else {\n      logger.warn('Widget mode does not support toggle()')\n    }\n  }\n\n  /**\n   * Open widget (popup mode only)\n   */\n  open() {\n    if (this.widgetInstance?.open) {\n      this.widgetInstance.open()\n    }\n    else {\n      logger.warn('Widget mode does not support open()')\n    }\n  }\n\n  /**\n   * Close widget (popup mode only)\n   */\n  close() {\n    if (this.widgetInstance?.close) {\n      this.widgetInstance.close()\n    }\n    else {\n      logger.warn('Widget mode does not support close()')\n    }\n  }\n\n  /**\n   * Destroy widget and cleanup\n   */\n  destroy() {\n    if (this.app) {\n      this.app.unmount()\n      this.app = null\n    }\n\n    if (this.shadowRoot) {\n      this.shadowRoot.innerHTML = ''\n      this.shadowRoot = null\n    }\n\n    // For modal mode, remove container from body and remove from singleton map\n    if (this.config.mode === 'modal') {\n      if (this.container) {\n        this.container.remove()\n        this.container = null\n      }\n\n      const instanceKey = this.config.handle || this.config.self?.selfId || 'default'\n      FictionWidget.modalInstances.delete(instanceKey)\n    }\n\n    this.widgetInstance = null\n\n    logger.info(`Widget destroyed for handle: ${this.config.handle || this.config.self?.handle}`)\n  }\n}\n"],"names":["logger","__name","message","_FictionWidget","config","__publicField","instanceKey","existing","isDev","FictionSDK","styleElement","sdkCSS","mountPoint","mode","SelfWidgetInline","createApp","SelfWidgetPopup","SelfWidgetModal","updates","FictionWidget"],"mappings":";;;;;;+m0NAgCMA,IAAS;AAAA,EACb,MAAM,gBAAAC,EAAA,CAACC,MAAoB,QAAQ,IAAI,oBAAoBA,CAAO,EAAE,GAA9D;AAAA,EACN,OAAO,gBAAAD,EAAA,CAACC,MAAoB,QAAQ,MAAM,oBAAoBA,CAAO,EAAE,GAAhE;AAAA,EACP,MAAM,gBAAAD,EAAA,CAACC,MAAoB,QAAQ,KAAK,oBAAoBA,CAAO,EAAE,GAA/D;AACR,GAEaC,IAAN,MAAMA,EAAc;AAAA,EASzB,YAAYC,GAAsB;AAR1B,IAAAC,EAAA,aAAkB;AAClB,IAAAA,EAAA,oBAAgC;AAChC,IAAAA,EAAA,wBAAwC;AACxC,IAAAA,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA,mBAAgC;AAOtC,QAHA,KAAK,SAASD,GAGV,CAACA,EAAO;AACV,YAAM,IAAI,MAAM,iCAAiC;AACnD,QAAI,CAACA,EAAO,UAAU,CAACA,EAAO;AAC5B,YAAM,IAAI,MAAM,kDAAkD;AAGpE,QAAIA,EAAO,SAAS,WAAW,CAACA,EAAO;AACrC,YAAM,IAAI,MAAM,mDAAmDA,EAAO,IAAI,OAAO;AAGvF,QAAIA,EAAO,SAAS,SAAS;AAC3B,YAAME,IAAcF,EAAO,UAAUA,EAAO,MAAM,UAAU,WACtDG,IAAWJ,EAAc,eAAe,IAAIG,CAAW;AAC7D,MAAIC,MACFP,EAAO,KAAK,yCAAyCM,CAAW,EAAE,GAClEC,EAAS,QAAA,IAEXJ,EAAc,eAAe,IAAIG,GAAa,IAAI;AAAA,IACpD;AAGA,UAAME,IAAQ,OAAO,SAAW,MAC5B,OAAO,SAAS,aAAa,eAAe,OAAO,SAAS,SAAS,SAAS,WAAW,IACzF;AAEJ,SAAK,MAAM,IAAIC,EAAW;AAAA,MACxB,OAAAD;AAAA,MACA,SAASJ,EAAO;AAAA,IAAA,CACjB,GAEDJ,EAAO,KAAK,gBAAgBI,EAAO,IAAI,cAAcA,EAAO,UAAUA,EAAO,MAAM,MAAM,YAAYI,CAAK,GAAG,GAE7G,KAAK,KAAA;AAAA,EACP;AAAA,EAEA,MAAc,OAAO;AAEnB,IAAI,KAAK,OAAO,SAAS,WACvB,KAAK,YAAY,SAAS,cAAc,KAAK,GAC7C,KAAK,UAAU,KAAK,iBAAiB,KAAK,OAAO,UAAU,KAAK,OAAO,MAAM,UAAU,QAAQ,IAC/F,SAAS,KAAK,YAAY,KAAK,SAAS,GAGxC,KAAK,aAAa,KAAK,UAAU,aAAa,EAAE,MAAM,QAAQ,KAI9D,KAAK,aAAa,KAAK,OAAO,GAAI,aAAa,EAAE,MAAM,QAAQ;AAIjE,UAAME,IAAe,SAAS,cAAc,OAAO;AACnD,IAAAA,EAAa,cAAcC,GAC3B,KAAK,WAAW,YAAYD,CAAY;AAGxC,UAAME,IAAa,SAAS,cAAc,KAAK;AAC/C,IAAAA,EAAW,KAAK,uBAChBA,EAAW,MAAM,UAAU,8BAC3B,KAAK,WAAW,YAAYA,CAAU,GAGtC,MAAM,KAAK,UAAUA,CAAU;AAAA,EACjC;AAAA,EAEA,MAAc,UAAUA,GAAyB;AAC/C,UAAM,EAAE,MAAAC,MAAS,KAAK;AAEtB,QAAIA,MAAS,UAAU;AACrB,YAAM,EAAE,SAASC,MAAqB,MAAM,OAAO,gCAA2B;AAE9E,WAAK,MAAMC,EAAUD,GAAkB;AAAA,QACrC,KAAK,KAAK;AAAA,QACV,QAAQ,KAAK,OAAO;AAAA,QACpB,MAAM,KAAK,OAAO;AAAA,QAClB,SAAS,KAAK,OAAO;AAAA,QACrB,cAAc,KAAK,OAAO;AAAA,MAAA,CAC3B,GAED,KAAK,iBAAiB,KAAK,IAAI,MAAMF,CAAU;AAAA,IACjD,WACSC,MAAS,SAAS;AACzB,YAAM,EAAE,SAASG,MAAoB,MAAM,OAAO,+BAA0B;AAE5E,WAAK,MAAMD,EAAUC,GAAiB;AAAA,QACpC,KAAK,KAAK;AAAA,QACV,QAAQ,KAAK,OAAO;AAAA,QACpB,MAAM,KAAK,OAAO;AAAA,QAClB,SAAS,KAAK,OAAO;AAAA,QACrB,cAAc,KAAK,OAAO;AAAA,QAC1B,UAAU;AAAA;AAAA,MAAA,CACX,GAED,KAAK,iBAAiB,KAAK,IAAI,MAAMJ,CAAU;AAAA,IACjD,WACSC,MAAS,SAAS;AACzB,YAAM,EAAE,SAASI,MAAoB,MAAM,OAAO,+BAA0B;AAE5E,WAAK,MAAMF,EAAUE,GAAiB;AAAA,QACpC,KAAK,KAAK;AAAA,QACV,QAAQ,KAAK,OAAO;AAAA,QACpB,MAAM,KAAK,OAAO;AAAA,QAClB,SAAS,KAAK,OAAO;AAAA,QACrB,cAAc,KAAK,OAAO;AAAA,QAC1B,SAAS,gBAAAhB,EAAA,MAAM;AAEb,UAAI,KAAK,OAAO,WACd,KAAK,OAAO,QAAA,GAGd,KAAK,QAAA;AAAA,QACP,GAPS;AAAA,MAOT,CACD,GAED,KAAK,iBAAiB,KAAK,IAAI,MAAMW,CAAU;AAAA,IACjD;AAEE,YAAM,IAAI,MAAM,oCAAoCC,CAAI,GAAG;AAAA,EAE/D;AAAA;AAAA;AAAA;AAAA,EAKA,OAAOK,GAAuB;AAC5B,IAAI,KAAK,gBAAgB,UACvB,KAAK,eAAe,OAAOA,CAAO,GAClClB,EAAO,KAAK,mBAAmB,OAAO,KAAKkB,CAAO,EAAE,KAAK,IAAI,CAAC,EAAE,KAGhElB,EAAO,KAAK,2CAA2C;AAAA,EAE3D;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACP,IAAI,KAAK,gBAAgB,SACvB,KAAK,eAAe,OAAA,IAGpBA,EAAO,KAAK,uCAAuC;AAAA,EAEvD;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AACL,IAAI,KAAK,gBAAgB,OACvB,KAAK,eAAe,KAAA,IAGpBA,EAAO,KAAK,qCAAqC;AAAA,EAErD;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQ;AACN,IAAI,KAAK,gBAAgB,QACvB,KAAK,eAAe,MAAA,IAGpBA,EAAO,KAAK,sCAAsC;AAAA,EAEtD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AAYR,QAXI,KAAK,QACP,KAAK,IAAI,QAAA,GACT,KAAK,MAAM,OAGT,KAAK,eACP,KAAK,WAAW,YAAY,IAC5B,KAAK,aAAa,OAIhB,KAAK,OAAO,SAAS,SAAS;AAChC,MAAI,KAAK,cACP,KAAK,UAAU,OAAA,GACf,KAAK,YAAY;AAGnB,YAAMM,IAAc,KAAK,OAAO,UAAU,KAAK,OAAO,MAAM,UAAU;AACtE,MAAAH,EAAc,eAAe,OAAOG,CAAW;AAAA,IACjD;AAEA,SAAK,iBAAiB,MAEtBN,EAAO,KAAK,gCAAgC,KAAK,OAAO,UAAU,KAAK,OAAO,MAAM,MAAM,EAAE;AAAA,EAC9F;AACF;AApN2BC,EAAAE,GAAA,kBAOzBE,EAPWF,GAOI,kBAAiB,oBAAI,IAAA;AAP/B,IAAMgB,IAANhB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fiction/sdk",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "SDK for Fiction app authentication and user management",
   "type": "module",
   "main": "./dist/sdk.js",
@@ -59,7 +59,7 @@
     "nanoid": "^5.1.6",
     "nanostores": "^1.0.1",
     "zod": "^4.1.12",
-    "@fiction/types": "1.0.11"
+    "@fiction/types": "1.0.13"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^5.4.1",

package/dist/SelfWidgetInline-4qXty8nA.js

@@ -1,39 +0,0 @@
-var u = Object.defineProperty;
-var r = (t, n) => u(t, "name", { value: n, configurable: !0 });
-import { defineComponent as v, ref as a, watch as c, createBlock as x, openBlock as d } from "vue";
-import { _ as m } from "./SelfProvider.vue_vue_type_script_setup_true_lang-hdOg9n4q.js";
-const _ = /* @__PURE__ */ v({
-  __name: "SelfWidgetInline",
-  props: {
-    sdk: {},
-    handle: {},
-    self: {},
-    context: {},
-    firstMessage: {}
-  },
-  setup(t, { expose: n }) {
-    const s = t, o = a(s.self), f = a(s.context), l = a(s.firstMessage);
-    function i(e) {
-      e.self !== void 0 && (o.value = e.self), e.context !== void 0 && (f.value = e.context), e.firstMessage !== void 0 && (l.value = e.firstMessage);
-    }
-    return r(i, "update"), c(() => s.self, (e) => {
-      e && (o.value = e);
-    }), c(() => s.context, (e) => {
-      f.value = e;
-    }), c(() => s.firstMessage, (e) => {
-      l.value = e;
-    }), n({
-      update: i
-    }), (e, g) => (d(), x(m, {
-      sdk: t.sdk,
-      handle: t.handle,
-      self: o.value,
-      context: f.value,
-      "first-message": l.value
-    }, null, 8, ["sdk", "handle", "self", "context", "first-message"]));
-  }
-});
-export {
-  _ as default
-};
-//# sourceMappingURL=SelfWidgetInline-4qXty8nA.js.map

package/dist/SelfWidgetInline-4qXty8nA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelfWidgetInline-4qXty8nA.js","sources":["../widget/ui/SelfWidgetInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { ref, watch } from 'vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nexport interface Props {\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nconst props = defineProps<Props>()\n\n// Local state for updateable props\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\n\n// Update method exposed to FictionWidget\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n}\n\n// Watch for prop changes and sync to local state\nwatch(() => props.self, (newSelf) => {\n  if (newSelf)\n    currentSelf.value = newSelf\n})\n\nwatch(() => props.context, (newContext) => {\n  currentContext.value = newContext\n})\n\nwatch(() => props.firstMessage, (newFirstMessage) => {\n  currentFirstMessage.value = newFirstMessage\n})\n\ndefineExpose({\n  update,\n})\n</script>\n\n<template>\n  <SelfProvider\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :self=\"currentSelf\"\n    :context=\"currentContext\"\n    :first-message=\"currentFirstMessage\"\n  />\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","update","updates","__name","watch","newSelf","newContext","newFirstMessage","__expose","_createBlock","SelfProvider"],"mappings":";;;;;;;;;;;;;;AAoBA,UAAMA,IAAQC,GAGRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY;AAGtE,aAASM,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBL,EAAY,QAAQK,EAAQ,OAE1BA,EAAQ,YAAY,WACtBH,EAAe,QAAQG,EAAQ,UAE7BA,EAAQ,iBAAiB,WAC3BF,EAAoB,QAAQE,EAAQ;AAAA,IACxC;AATS,WAAAC,EAAAF,GAAA,WAYTG,EAAM,MAAMT,EAAM,MAAM,CAACU,MAAY;AACnC,MAAIA,MACFR,EAAY,QAAQQ;AAAA,IACxB,CAAC,GAEDD,EAAM,MAAMT,EAAM,SAAS,CAACW,MAAe;AACzC,MAAAP,EAAe,QAAQO;AAAA,IACzB,CAAC,GAEDF,EAAM,MAAMT,EAAM,cAAc,CAACY,MAAoB;AACnD,MAAAP,EAAoB,QAAQO;AAAA,IAC9B,CAAC,GAEDC,EAAa;AAAA,MACX,QAAAP;AAAA,IAAA,CACD,mBAICQ,EAMEC,GAAA;AAAA,MALC,KAAKd,EAAA;AAAA,MACL,QAAQA,EAAA;AAAA,MACR,MAAMC,EAAA;AAAA,MACN,SAASE,EAAA;AAAA,MACT,iBAAeC,EAAA;AAAA,IAAA;;;"}

package/dist/SelfWidgetModal-DWA5AU4S.js

@@ -1,62 +0,0 @@
-var m = Object.defineProperty;
-var t = (s, a) => m(s, "name", { value: a, configurable: !0 });
-import { defineComponent as x, ref as l, createBlock as h, openBlock as g, withCtx as _, createVNode as p } from "vue";
-import { _ as k } from "./FModal.vue_vue_type_script_setup_true_lang-DaI-YWPp.js";
-import { _ as C } from "./SelfProvider.vue_vue_type_script_setup_true_lang-hdOg9n4q.js";
-const $ = /* @__PURE__ */ x({
-  __name: "SelfWidgetModal",
-  props: {
-    sdk: {},
-    handle: {},
-    self: {},
-    context: {},
-    firstMessage: {}
-  },
-  setup(s, { expose: a }) {
-    const f = s, i = l(f.self), c = l(f.context), r = l(f.firstMessage), o = l(!0);
-    function u(e) {
-      e.self !== void 0 && (i.value = e.self), e.context !== void 0 && (c.value = e.context), e.firstMessage !== void 0 && (r.value = e.firstMessage);
-    }
-    t(u, "update");
-    function n() {
-      o.value = !1;
-    }
-    t(n, "close");
-    function d() {
-      o.value = !0;
-    }
-    t(d, "open");
-    function v(e) {
-      o.value = e, e || n();
-    }
-    return t(v, "handleVisChange"), a({
-      update: u,
-      close: n,
-      open: d
-    }), (e, M) => (g(), h(k, {
-      vis: o.value,
-      "disable-teleport": !0,
-      "modal-class": "max-w-4xl h-[80vh] md:h-[600px]",
-      "has-close": !1,
-      "onUpdate:vis": v,
-      onClose: n
-    }, {
-      default: _(() => [
-        p(C, {
-          sdk: s.sdk,
-          handle: s.handle,
-          self: i.value,
-          context: c.value,
-          "first-message": r.value,
-          "has-close": !0,
-          onClose: n
-        }, null, 8, ["sdk", "handle", "self", "context", "first-message"])
-      ]),
-      _: 1
-    }, 8, ["vis"]));
-  }
-});
-export {
-  $ as default
-};
-//# sourceMappingURL=SelfWidgetModal-DWA5AU4S.js.map

package/dist/SelfWidgetModal-DWA5AU4S.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelfWidgetModal-DWA5AU4S.js","sources":["../self/ui/SelfWidgetModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { ref } from 'vue'\nimport FModal from '@/ui/common/FModal.vue'\nimport SelfProvider from './SelfProvider.vue'\n\nexport interface Props {\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nconst props = defineProps<Props>()\n\n// Local state for updateable props\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\nconst isVisible = ref(true)\n\n// Update method exposed to FictionWidget\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n}\n\nfunction close() {\n  isVisible.value = false\n}\n\nfunction open() {\n  isVisible.value = true\n}\n\nfunction handleVisChange(newVis: boolean) {\n  isVisible.value = newVis\n  if (!newVis) {\n    close()\n  }\n}\n\ndefineExpose({\n  update,\n  close,\n  open,\n})\n</script>\n\n<template>\n  <!-- FModal with teleport disabled (renders inline in shadow DOM) -->\n  <FModal\n    :vis=\"isVisible\"\n    :disable-teleport=\"true\"\n    modal-class=\"max-w-4xl h-[80vh] md:h-[600px]\"\n    :has-close=\"false\"\n    @update:vis=\"handleVisChange\"\n    @close=\"close\"\n  >\n    <SelfProvider\n      :sdk=\"sdk\"\n      :handle=\"handle\"\n      :self=\"currentSelf\"\n      :context=\"currentContext\"\n      :first-message=\"currentFirstMessage\"\n      :has-close=\"true\"\n      @close=\"close\"\n    />\n  </FModal>\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","isVisible","update","updates","__name","close","open","handleVisChange","newVis","__expose","_createBlock","FModal","_createVNode","SelfProvider"],"mappings":";;;;;;;;;;;;;;;AAqBA,UAAMA,IAAQC,GAGRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY,GAChEM,IAAYH,EAAI,EAAI;AAG1B,aAASI,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBN,EAAY,QAAQM,EAAQ,OAE1BA,EAAQ,YAAY,WACtBJ,EAAe,QAAQI,EAAQ,UAE7BA,EAAQ,iBAAiB,WAC3BH,EAAoB,QAAQG,EAAQ;AAAA,IACxC;AATS,IAAAC,EAAAF,GAAA;AAWT,aAASG,IAAQ;AACf,MAAAJ,EAAU,QAAQ;AAAA,IACpB;AAFS,IAAAG,EAAAC,GAAA;AAIT,aAASC,IAAO;AACd,MAAAL,EAAU,QAAQ;AAAA,IACpB;AAFS,IAAAG,EAAAE,GAAA;AAIT,aAASC,EAAgBC,GAAiB;AACxC,MAAAP,EAAU,QAAQO,GACbA,KACHH,EAAA;AAAA,IAEJ;AALS,WAAAD,EAAAG,GAAA,oBAOTE,EAAa;AAAA,MACX,QAAAP;AAAA,MACA,OAAAG;AAAA,MACA,MAAAC;AAAA,IAAA,CACD,mBAKCI,EAiBSC,GAAA;AAAA,MAhBN,KAAKV,EAAA;AAAA,MACL,oBAAkB;AAAA,MACnB,eAAY;AAAA,MACX,aAAW;AAAA,MACX,gBAAYM;AAAA,MACZ,SAAOF;AAAA,IAAA;iBAER,MAQE;AAAA,QARFO,EAQEC,GAAA;AAAA,UAPC,KAAKjB,EAAA;AAAA,UACL,QAAQA,EAAA;AAAA,UACR,MAAMC,EAAA;AAAA,UACN,SAASE,EAAA;AAAA,UACT,iBAAeC,EAAA;AAAA,UACf,aAAW;AAAA,UACX,SAAOK;AAAA,QAAA;;;;;;"}

package/dist/SelfWidgetPopup-BJ3q8ryL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelfWidgetPopup-BJ3q8ryL.js","sources":["../widget/ui/SelfWidgetPopup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { nextTick, ref, watch } from 'vue'\nimport { getFallbackAvatarDataUrl, getSelfAvatarUrl } from '../../self/utils'\nimport SelfAgent from '../../self/ui/SelfAgent.vue'\nimport SelfWrap from '../../self/ui/SelfWrap.vue'\n\ninterface Props {\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n}\n\nexport interface WidgetUpdate {\n  self?: Self\n  context?: string\n  firstMessage?: string\n}\n\nconst props = defineProps<Props>()\nconst isOpen = ref(false)\nconst isAgentActive = ref(false)\n\n// Local state for updateable props\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\n\nfunction toggle() {\n  isOpen.value = !isOpen.value\n}\n\n// Watch isOpen to delay agent activation for smooth transition\nwatch(isOpen, async (newValue) => {\n  if (newValue) {\n    // When opening, delay agent activation until transition starts\n    await nextTick()\n    setTimeout(() => {\n      isAgentActive.value = true\n    }, 400) // Delay to let container expand first\n  }\n  else {\n    // When closing, immediately deactivate agent\n    isAgentActive.value = false\n  }\n})\n\nfunction open() {\n  isOpen.value = true\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\nfunction handleClose() {\n  close()\n}\n\n// Update method exposed to FictionWidget\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n}\n\n// Watch for prop changes and sync to local state\nwatch(() => props.self, (newSelf) => {\n  if (newSelf)\n    currentSelf.value = newSelf\n})\n\nwatch(() => props.context, (newContext) => {\n  currentContext.value = newContext\n})\n\nwatch(() => props.firstMessage, (newFirstMessage) => {\n  currentFirstMessage.value = newFirstMessage\n})\n\ndefineExpose({\n  toggle,\n  open,\n  close,\n  update,\n})\n</script>\n\n<template>\n  <SelfWrap\n    v-slot=\"{ self, sdk: resolvedSdk }\"\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :self=\"currentSelf\"\n    :context=\"currentContext\"\n    :first-message=\"currentFirstMessage\"\n  >\n    <!-- Fixed Widget Wrapper -->\n    <div\n      v-if=\"self\"\n      class=\"fixed z-[999999] pointer-events-auto\"\n      :class=\"[\n        props.position === 'bottom-left' ? 'bottom-6 left-6'\n        : props.position === 'top-right' ? 'top-6 right-6'\n          : props.position === 'top-left' ? 'top-6 left-6'\n            : 'bottom-6 right-6',\n      ]\"\n    >\n      <!-- Widget Content with Transition -->\n      <div\n        class=\"transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu\"\n        :class=\"[\n          isOpen\n            ? 'widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100'\n            : 'widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer',\n        ]\"\n        :style=\"{\n          'transform-origin':\n            props.position === 'bottom-left' ? 'bottom left'\n            : props.position === 'top-right' ? 'top right'\n              : props.position === 'top-left' ? 'top left'\n                : 'bottom right',\n        }\"\n        @click=\"!isOpen ? toggle() : undefined\"\n      >\n        <!-- Button Content (visible when closed) -->\n        <div v-if=\"!isOpen\" class=\"relative h-full w-full\">\n          <div class=\"group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100\">\n            <img\n              :src=\"getSelfAvatarUrl(self) || getFallbackAvatarDataUrl()\"\n              :alt=\"`${self.name} digital self`\"\n              class=\"h-full w-full object-cover pointer-events-none\"\n              width=\"80\"\n              height=\"80\"\n            />\n            <!-- Gradient overlay for contrast -->\n            <div class=\"absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40\" />\n          </div>\n          <!-- Online indicator -->\n          <div class=\"absolute top-0.5 right-0.5\">\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping\" style=\"animation-duration: 3s;\" />\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white\" />\n          </div>\n        </div>\n\n        <!-- Chat Content (visible when open) -->\n        <SelfAgent\n          v-if=\"isOpen && self\"\n          class=\"rounded-3xl shadow-2xl border border-white/10\"\n          :sdk=\"resolvedSdk\"\n          :self=\"self\"\n          :context=\"currentContext\"\n          :first-message=\"currentFirstMessage\"\n          :has-close=\"true\"\n          :is-active=\"isAgentActive\"\n          @close=\"handleClose\"\n        />\n      </div>\n    </div>\n  </SelfWrap>\n</template>\n"],"names":["props","__props","isOpen","ref","isAgentActive","currentSelf","currentContext","currentFirstMessage","toggle","__name","watch","newValue","nextTick","open","close","handleClose","update","updates","newSelf","newContext","newFirstMessage","__expose","_createBlock","SelfWrap","self","resolvedSdk","_createElementBlock","_createElementVNode","_normalizeStyle","_cache","$event","_openBlock","_hoisted_1","_hoisted_2","_unref","getSelfAvatarUrl","getFallbackAvatarDataUrl","SelfAgent"],"mappings":"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"}