@pagelines/sdk 1.0.635 → 1.0.637

package/dist/agent/index.d.ts

@@ -4,7 +4,8 @@ import { default as AgentProvider } from './ui/AgentProvider.vue';
 import { default as AgentWidget } from './ui/AgentWidget.vue';
 import { default as AgentWrap } from './ui/AgentWrap.vue';
 import { default as ElAgentChat } from './ui/ElAgentChat.vue';
+import { default as ElAgentChatPreview } from './ui/ElAgentChatPreview.vue';
 export { AgentChatController, AgentChatController as AgentController } from './AgentController';
 export type { ChatStreamFn } from './AgentController';
 export * from './schema';
-export { AgentChat, AgentModal, AgentProvider, AgentWidget, AgentWrap, ElAgentChat };
+export { AgentChat, AgentModal, AgentProvider, AgentWidget, AgentWrap, ElAgentChat, ElAgentChatPreview };

package/dist/agent/test/ElAgentChatPreview.client.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/agent/ui/ElAgentChatPreview.vue.d.ts

@@ -0,0 +1,10 @@
+export type ChatPreviewMessage = {
+    sender: 'user' | 'agent';
+    text: string;
+};
+type __VLS_Props = {
+    messages: ChatPreviewMessage[];
+    variant?: 'light' | 'dark';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, 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/agent.js

@@ -1,13 +1,13 @@
-var A = Object.defineProperty;
-var c = (e, r) => A(e, "name", { value: r, configurable: !0 });
-import { _ as C, a as M } from "./AgentProvider.vue_vue_type_script_setup_true_lang.js";
-import { A as K } from "./AgentProvider.vue_vue_type_script_setup_true_lang.js";
-import { defineComponent as x, openBlock as l, createBlock as g, withCtx as b, createElementVNode as o, createVNode as $, ref as h, watch as z, nextTick as E, createElementBlock as f, normalizeClass as p, normalizeStyle as N, createCommentVNode as u } from "vue";
+var C = Object.defineProperty;
+var u = (e, o) => C(e, "name", { value: o, configurable: !0 });
+import { _ as $, a as M } from "./AgentProvider.vue_vue_type_script_setup_true_lang.js";
+import { A as Y } from "./AgentProvider.vue_vue_type_script_setup_true_lang.js";
+import { defineComponent as m, openBlock as n, createBlock as g, withCtx as w, createElementVNode as i, createVNode as b, ref as p, watch as _, nextTick as z, createElementBlock as d, normalizeClass as f, normalizeStyle as E, createCommentVNode as v, Fragment as N, renderList as j } from "vue";
 import { _ as B } from "./FModal.vue_vue_type_script_setup_true_lang.js";
-import { _ } from "./AgentWrap.vue_vue_type_script_setup_true_lang.js";
-import { A as Q, A as R, a as X } from "./AgentWrap.vue_vue_type_script_setup_true_lang.js";
-import { Agent as Z } from "@pagelines/core";
-const T = { class: "relative w-full h-[80vh] md:h-[600px]" }, F = /* @__PURE__ */ x({
+import { _ as P, a as T } from "./AgentWrap.vue_vue_type_script_setup_true_lang.js";
+import { A as ee, A as te, b as se } from "./AgentWrap.vue_vue_type_script_setup_true_lang.js";
+import { Agent as ne } from "@pagelines/core";
+const V = { class: "relative w-full h-[80vh] md:h-[600px]" }, J = /* @__PURE__ */ m({
   name: "AgentModal",
   __name: "AgentModal",
   props: {
@@ -19,38 +19,38 @@ const T = { class: "relative w-full h-[80vh] md:h-[600px]" }, F = /* @__PURE__ *
     firstMessage: {}
   },
   emits: ["update:vis"],
-  setup(e, { emit: r }) {
-    const s = r;
-    return (t, a) => (l(), g(B, {
+  setup(e, { emit: o }) {
+    const s = o;
+    return (t, a) => (n(), g(B, {
       vis: e.vis,
       "modal-class": "max-w-4xl p-0",
       "style-class": "bg-transparent shadow-2xl rounded-2xl",
       "has-close": !1,
-      "onUpdate:vis": a[1] || (a[1] = (d) => s("update:vis", d))
+      "onUpdate:vis": a[1] || (a[1] = (c) => s("update:vis", c))
     }, {
-      default: b(() => [
-        o("div", T, [
-          $(C, {
+      default: w(() => [
+        i("div", V, [
+          b($, {
             sdk: e.sdk,
             agent: e.agent,
             handle: e.handle,
             context: e.context,
             "first-message": e.firstMessage,
             "has-close": !0,
-            onClose: a[0] || (a[0] = (d) => s("update:vis", !1))
+            onClose: a[0] || (a[0] = (c) => s("update:vis", !1))
           }, null, 8, ["sdk", "agent", "handle", "context", "first-message"])
         ])
       ]),
       _: 1
     }, 8, ["vis"]));
   }
-}), V = {
+}), W = {
   key: 0,
   class: "relative h-full w-full"
-}, W = { 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" }, j = ["src", "alt"], O = {
+}, O = { 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" }, S = ["src", "alt"], U = {
   key: 0,
   class: "absolute top-0.5 right-0.5"
-}, H = /* @__PURE__ */ x({
+}, K = /* @__PURE__ */ m({
   __name: "AgentWidget",
   props: {
     sdk: {},
@@ -59,100 +59,129 @@ const T = { class: "relative w-full h-[80vh] md:h-[600px]" }, F = /* @__PURE__ *
     firstMessage: {},
     position: {}
   },
-  setup(e, { expose: r }) {
-    const s = e, t = h(!1), a = h(!1);
-    function d() {
+  setup(e, { expose: o }) {
+    const s = e, t = p(!1), a = p(!1);
+    function c() {
       t.value = !t.value;
     }
-    c(d, "toggle"), z(t, async (m) => {
-      m ? (await E(), setTimeout(() => {
+    u(c, "toggle"), _(t, async (x) => {
+      x ? (await z(), setTimeout(() => {
         a.value = !0;
       }, 400)) : a.value = !1;
     });
-    function w() {
+    function k() {
       t.value = !0;
     }
-    c(w, "open");
-    function v() {
+    u(k, "open");
+    function h() {
       t.value = !1;
     }
-    c(v, "close");
-    function k() {
-      v();
+    u(h, "close");
+    function y() {
+      h();
     }
-    return c(k, "handleClose"), r({
-      toggle: d,
-      open: w,
-      close: v
-    }), (m, n) => (l(), g(_, {
+    return u(y, "handleClose"), o({
+      toggle: c,
+      open: k,
+      close: h
+    }), (x, l) => (n(), g(P, {
       sdk: e.sdk,
       handle: e.handle,
       context: e.context,
       "first-message": e.firstMessage
     }, {
-      default: b(({ agent: i, sdk: y }) => [
-        i ? (l(), f("div", {
+      default: w(({ agent: r, sdk: A }) => [
+        r ? (n(), d("div", {
           key: 0,
-          class: p(["fixed z-[999999] pointer-events-auto", [
+          class: f(["fixed z-[999999] pointer-events-auto", [
             s.position === "bottom-left" ? "bottom-6 left-6" : s.position === "top-right" ? "top-6 right-6" : s.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"
           ]])
         }, [
-          o("div", {
-            class: p(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [
+          i("div", {
+            class: f(["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: N({
+            style: E({
               "transform-origin": s.position === "bottom-left" ? "bottom left" : s.position === "top-right" ? "top right" : s.position === "top-left" ? "top left" : "bottom right"
             }),
-            onClick: n[0] || (n[0] = (S) => t.value ? void 0 : d())
+            onClick: l[0] || (l[0] = (F) => t.value ? void 0 : c())
           }, [
-            t.value ? u("", !0) : (l(), f("div", V, [
-              o("div", W, [
-                o("img", {
-                  src: i.avatarUrl.value,
-                  alt: `${i.displayName.value} assistant`,
+            t.value ? v("", !0) : (n(), d("div", W, [
+              i("div", O, [
+                i("img", {
+                  src: r.avatarUrl.value,
+                  alt: `${r.displayName.value} assistant`,
                   class: "h-full w-full object-cover pointer-events-none",
                   width: "80",
                   height: "80"
-                }, null, 8, j),
-                n[1] || (n[1] = o("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" }, null, -1))
+                }, null, 8, S),
+                l[1] || (l[1] = i("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" }, null, -1))
               ]),
-              i.state.value.lifecycle === "running" ? (l(), f("div", O, [...n[2] || (n[2] = [
-                o("div", {
+              r.state.value.lifecycle === "running" ? (n(), d("div", U, [...l[2] || (l[2] = [
+                i("div", {
                   class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
                   style: { "animation-duration": "3s" }
                 }, null, -1),
-                o("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
-              ])])) : u("", !0)
+                i("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
+              ])])) : v("", !0)
             ])),
-            t.value && i ? (l(), g(M, {
+            t.value && r ? (n(), g(M, {
               key: 1,
               class: "rounded-3xl shadow-2xl border border-white/10",
-              sdk: y,
-              agent: i,
+              sdk: A,
+              agent: r,
               context: e.context,
               "first-message": e.firstMessage,
               "has-close": !0,
               "is-active": a.value,
-              onClose: k
-            }, null, 8, ["sdk", "agent", "context", "first-message", "is-active"])) : u("", !0)
+              onClose: y
+            }, null, 8, ["sdk", "agent", "context", "first-message", "is-active"])) : v("", !0)
           ], 6)
-        ], 2)) : u("", !0)
+        ], 2)) : v("", !0)
       ]),
       _: 1
     }, 8, ["sdk", "handle", "context", "first-message"]));
   }
+}), D = ["data-sender"], Q = /* @__PURE__ */ m({
+  __name: "ElAgentChatPreview",
+  props: {
+    messages: {},
+    variant: {}
+  },
+  setup(e) {
+    return (o, s) => (n(), d("div", {
+      class: f(["@container/chat-preview flex flex-col gap-3", e.variant === "dark" ? "text-white" : "text-slate-950"]),
+      "data-test": "agent-chat-preview"
+    }, [
+      (n(!0), d(N, null, j(e.messages, (t, a) => (n(), d("div", {
+        key: `${t.sender}-${a}`,
+        class: f(["flex", t.sender === "user" ? "justify-end" : "justify-start"]),
+        "data-test": "agent-chat-preview-message",
+        "data-sender": t.sender
+      }, [
+        i("div", {
+          class: f(["max-w-[88%] rounded-2xl px-4 py-3 text-sm shadow-sm @sm/chat-preview:max-w-[78%]", t.sender === "user" ? "bg-slate-950 text-white" : e.variant === "dark" ? "border border-white/10 bg-white/10 text-white" : "border border-slate-200 bg-white text-slate-950"])
+        }, [
+          b(T, {
+            text: t.text,
+            inverted: t.sender === "user" || e.variant === "dark"
+          }, null, 8, ["text", "inverted"])
+        ], 2)
+      ], 10, D))), 128))
+    ], 2));
+  }
 });
 export {
-  K as AGENT_MODES,
-  Z as Agent,
+  Y as AGENT_MODES,
+  ne as Agent,
   M as AgentChat,
-  Q as AgentChatController,
-  R as AgentController,
-  F as AgentModal,
-  C as AgentProvider,
-  H as AgentWidget,
-  _ as AgentWrap,
-  X as ElAgentChat
+  ee as AgentChatController,
+  te as AgentController,
+  J as AgentModal,
+  $ as AgentProvider,
+  K as AgentWidget,
+  P as AgentWrap,
+  se as ElAgentChat,
+  Q as ElAgentChatPreview
 };
 //# sourceMappingURL=agent.js.map

package/dist/agent.js.map

@@ -1 +1 @@
-{"version":3,"file":"agent.js","sources":["../agent/ui/AgentModal.vue","../agent/ui/AgentWidget.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { AgentConfig } from '../schema'\nimport FModal from '@/ui/common/FModal.vue'\nimport AgentProvider from './AgentProvider.vue'\n\ndefineOptions({ name: 'AgentModal' })\n\nconst {\n  vis = false,\n  sdk,\n  agent,\n  handle,\n  context,\n  firstMessage,\n} = defineProps<{\n  vis?: boolean\n  sdk?: PageLinesSDK\n  agent?: AgentConfig\n  handle?: string\n  context?: string\n  firstMessage?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:vis': [value: boolean]\n}>()\n</script>\n\n<template>\n  <FModal\n    :vis=\"vis\"\n    modal-class=\"max-w-4xl p-0\"\n    style-class=\"bg-transparent shadow-2xl rounded-2xl\"\n    :has-close=\"false\"\n    @update:vis=\"(val) => emit('update:vis', val)\"\n  >\n    <div class=\"relative w-full h-[80vh] md:h-[600px]\">\n      <AgentProvider\n        :sdk=\"sdk\"\n        :agent=\"agent\"\n        :handle=\"handle\"\n        :context=\"context\"\n        :first-message=\"firstMessage\"\n        :has-close=\"true\"\n        @close=\"emit('update:vis', false)\"\n      />\n    </div>\n  </FModal>\n</template>\n","<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport { nextTick, ref, watch } from 'vue'\nimport AgentChat from './AgentChat.vue'\nimport AgentWrap from './AgentWrap.vue'\n\ninterface Props {\n  sdk?: PageLinesSDK\n  handle: string\n  context?: string\n  firstMessage?: string\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n}\n\nconst props = defineProps<Props>()\nconst isOpen = ref(false)\nconst isAgentActive = ref(false)\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  } 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\ndefineExpose({\n  toggle,\n  open,\n  close,\n})\n</script>\n\n<template>\n  <AgentWrap\n    v-slot=\"{ agent, sdk: resolvedSdk }\"\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :context=\"context\"\n    :first-message=\"firstMessage\"\n  >\n    <!-- Fixed Widget Wrapper -->\n    <div\n      v-if=\"agent\"\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=\"agent.avatarUrl.value\"\n              :alt=\"`${agent.displayName.value} assistant`\"\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 v-if=\"agent.state.value.lifecycle === 'running'\" 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        <AgentChat\n          v-if=\"isOpen && agent\"\n          class=\"rounded-3xl shadow-2xl border border-white/10\"\n          :sdk=\"resolvedSdk\"\n          :agent=\"agent\"\n          :context=\"context\"\n          :first-message=\"firstMessage\"\n          :has-close=\"true\"\n          :is-active=\"isAgentActive\"\n          @close=\"handleClose\"\n        />\n      </div>\n    </div>\n  </AgentWrap>\n</template>\n"],"names":["emit","__emit","_createBlock","FModal","__props","_cache","val","_createElementVNode","_hoisted_1","_createVNode","AgentProvider","props","isOpen","ref","isAgentActive","toggle","__name","watch","newValue","nextTick","open","close","handleClose","__expose","AgentWrap","agent","resolvedSdk","_createElementBlock","_normalizeStyle","$event","_openBlock","_hoisted_2","_hoisted_4","AgentChat"],"mappings":"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"}
+{"version":3,"file":"agent.js","sources":["../agent/ui/AgentModal.vue","../agent/ui/AgentWidget.vue","../agent/ui/ElAgentChatPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { AgentConfig } from '../schema'\nimport FModal from '@/ui/common/FModal.vue'\nimport AgentProvider from './AgentProvider.vue'\n\ndefineOptions({ name: 'AgentModal' })\n\nconst {\n  vis = false,\n  sdk,\n  agent,\n  handle,\n  context,\n  firstMessage,\n} = defineProps<{\n  vis?: boolean\n  sdk?: PageLinesSDK\n  agent?: AgentConfig\n  handle?: string\n  context?: string\n  firstMessage?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:vis': [value: boolean]\n}>()\n</script>\n\n<template>\n  <FModal\n    :vis=\"vis\"\n    modal-class=\"max-w-4xl p-0\"\n    style-class=\"bg-transparent shadow-2xl rounded-2xl\"\n    :has-close=\"false\"\n    @update:vis=\"(val) => emit('update:vis', val)\"\n  >\n    <div class=\"relative w-full h-[80vh] md:h-[600px]\">\n      <AgentProvider\n        :sdk=\"sdk\"\n        :agent=\"agent\"\n        :handle=\"handle\"\n        :context=\"context\"\n        :first-message=\"firstMessage\"\n        :has-close=\"true\"\n        @close=\"emit('update:vis', false)\"\n      />\n    </div>\n  </FModal>\n</template>\n","<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport { nextTick, ref, watch } from 'vue'\nimport AgentChat from './AgentChat.vue'\nimport AgentWrap from './AgentWrap.vue'\n\ninterface Props {\n  sdk?: PageLinesSDK\n  handle: string\n  context?: string\n  firstMessage?: string\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n}\n\nconst props = defineProps<Props>()\nconst isOpen = ref(false)\nconst isAgentActive = ref(false)\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  } 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\ndefineExpose({\n  toggle,\n  open,\n  close,\n})\n</script>\n\n<template>\n  <AgentWrap\n    v-slot=\"{ agent, sdk: resolvedSdk }\"\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :context=\"context\"\n    :first-message=\"firstMessage\"\n  >\n    <!-- Fixed Widget Wrapper -->\n    <div\n      v-if=\"agent\"\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=\"agent.avatarUrl.value\"\n              :alt=\"`${agent.displayName.value} assistant`\"\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 v-if=\"agent.state.value.lifecycle === 'running'\" 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        <AgentChat\n          v-if=\"isOpen && agent\"\n          class=\"rounded-3xl shadow-2xl border border-white/10\"\n          :sdk=\"resolvedSdk\"\n          :agent=\"agent\"\n          :context=\"context\"\n          :first-message=\"firstMessage\"\n          :has-close=\"true\"\n          :is-active=\"isAgentActive\"\n          @close=\"handleClose\"\n        />\n      </div>\n    </div>\n  </AgentWrap>\n</template>\n","<script setup lang=\"ts\">\nimport ChatRichText from './ChatRichText.vue'\n\nexport type ChatPreviewMessage = {\n  sender: 'user' | 'agent'\n  text: string\n}\n\ndefineProps<{\n  messages: ChatPreviewMessage[]\n  variant?: 'light' | 'dark'\n}>()\n</script>\n\n<template>\n  <div\n    class=\"@container/chat-preview flex flex-col gap-3\"\n    :class=\"variant === 'dark' ? 'text-white' : 'text-slate-950'\"\n    data-test=\"agent-chat-preview\"\n  >\n    <div\n      v-for=\"(message, index) in messages\"\n      :key=\"`${message.sender}-${index}`\"\n      class=\"flex\"\n      :class=\"message.sender === 'user' ? 'justify-end' : 'justify-start'\"\n      data-test=\"agent-chat-preview-message\"\n      :data-sender=\"message.sender\"\n    >\n      <div\n        class=\"max-w-[88%] rounded-2xl px-4 py-3 text-sm shadow-sm @sm/chat-preview:max-w-[78%]\"\n        :class=\"message.sender === 'user'\n          ? 'bg-slate-950 text-white'\n          : variant === 'dark'\n            ? 'border border-white/10 bg-white/10 text-white'\n            : 'border border-slate-200 bg-white text-slate-950'\"\n      >\n        <ChatRichText\n          :text=\"message.text\"\n          :inverted=\"message.sender === 'user' || variant === 'dark'\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit","_createBlock","FModal","__props","_cache","val","_createElementVNode","_hoisted_1","_createVNode","AgentProvider","props","isOpen","ref","isAgentActive","toggle","__name","watch","newValue","nextTick","open","close","handleClose","__expose","AgentWrap","agent","resolvedSdk","_createElementBlock","_normalizeStyle","$event","_openBlock","_hoisted_2","_hoisted_4","AgentChat","_normalizeClass","_Fragment","_renderList","message","index","ChatRichText"],"mappings":"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"}

package/dist/clients/AgentClient.d.ts

@@ -10,7 +10,7 @@ export declare class AgentClient {
     /**
      * Live runtime status — the same canonical `LiveStatus` shape every other
      * status producer emits (`GET /agents` rows, SSE status frames, lifecycle
-     * action responses). See plans/architecture/bot-state-management.md.
+     * action responses). See plans/bots/state-management.md.
      * `{ lifecycle: 'unknown' }` is the graceful degrade on any fetch failure.
      */
     getLiveStatus(args: {