@gui-chat-plugin/avatar 0.0.1

package/dist/vue/Preview.vue.d.ts

@@ -0,0 +1,7 @@
+import type { ToolResult } from "gui-chat-protocol";
+type __VLS_Props = {
+    result: ToolResult;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/View.vue.d.ts

@@ -0,0 +1,9 @@
+import type { ToolResult } from "gui-chat-protocol";
+type __VLS_Props = {
+    selectedResult: ToolResult;
+    sendTextMessage: (text?: string) => void;
+    isAudioPlaying?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Avatar Plugin - Vue Implementation
+ *
+ * Full Vue plugin with UI components.
+ * Import from "@gui-chat-plugin/avatar/vue"
+ */
+import "../style.css";
+import type { ToolPlugin } from "gui-chat-protocol/vue";
+import type { AvatarData, AvatarArgs } from "../core/types";
+import View from "./View.vue";
+import Preview from "./Preview.vue";
+/**
+ * Avatar plugin instance with Vue components
+ */
+export declare const plugin: ToolPlugin<AvatarData, never, AvatarArgs>;
+export type { AvatarEmotion, AvatarData, AvatarArgs } from "../core/types";
+export { pluginCore, executeAvatar } from "../core/plugin";
+export { TOOL_NAME, TOOL_DEFINITION } from "../core/definition";
+export { SAMPLES } from "../core/samples";
+export { View, Preview };
+declare const _default: {
+    plugin: ToolPlugin<AvatarData, never, AvatarArgs, import("gui-chat-protocol/vue").InputHandler, Record<string, unknown>>;
+};
+export default _default;

package/dist/vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./three-vrm.module-FTOSkzpf.cjs"),z=require("./core.cjs"),o=require("vue"),q={class:"size-full bg-gradient-to-b from-slate-800 to-slate-900 relative"},H={key:0,class:"absolute inset-0 flex items-center justify-center bg-slate-900/80"},G={key:1,class:"absolute inset-0 flex items-center justify-center bg-slate-900/80"},W={class:"text-red-400 text-lg text-center p-4"},J={key:2,class:"absolute top-4 right-4 px-3 py-1 bg-green-600 text-white text-sm rounded-full"},T=o.defineComponent({__name:"View",props:{selectedResult:{},sendTextMessage:{type:Function},isAudioPlaying:{type:Boolean}},setup(V){const v=V,p=o.ref(null),M=o.ref(!1),E=o.ref(null);let r=null,N=null,l=null,t=null,y=null,w=null,k=0,b="neutral",P="none",S=0,_=0,L="";const F={neutral:null,happy:a.VRMExpressionPresetName.Happy,sad:a.VRMExpressionPresetName.Sad,angry:a.VRMExpressionPresetName.Angry,surprised:a.VRMExpressionPresetName.Surprised};function j(){if(!p.value)return;const n=p.value,e=n.clientWidth,B=n.clientHeight;r=new a.Scene,N=new a.PerspectiveCamera(30,e/B,.1,100),N.position.set(0,1.3,1.5),N.lookAt(0,1.2,0),l=new a.WebGLRenderer({antialias:!0,alpha:!0}),l.setSize(e,B),l.setPixelRatio(window.devicePixelRatio),l.outputColorSpace=a.SRGBColorSpace,n.appendChild(l.domElement);const h=new a.AmbientLight(16777215,.6);r.add(h);const d=new a.DirectionalLight(16777215,.8);d.position.set(1,1,1),r.add(d),y=new a.Clock,window.addEventListener("resize",D),C()}function D(){if(!p.value||!N||!l)return;const n=p.value.clientWidth,e=p.value.clientHeight;N.aspect=n/e,N.updateProjectionMatrix(),l.setSize(n,e)}async function U(n){if(r){M.value=!0,E.value=null,t&&(r.remove(t.scene),t=null);try{const e=new a.GLTFLoader;e.register(d=>new a.VRMLoaderPlugin(d));const h=(await e.loadAsync(n)).userData.vrm;if(!h)throw new Error("Failed to load VRM data");r.add(h.scene),t=h,console.log("[Avatar Debug] VRM loaded successfully"),console.log("[Avatar Debug] VRM humanoid:",!!h.humanoid),console.log("[Avatar Debug] VRM expressionManager:",!!h.expressionManager),M.value=!1}catch(e){console.error("Failed to load VRM:",e),E.value=`Failed to load avatar: ${e instanceof Error?e.message:"Unknown error"}`,M.value=!1}}}let R=0;function C(){if(w=requestAnimationFrame(C),!y||!l||!r||!N)return;const n=y.getDelta(),e=y.getElapsedTime();if(R++,R%300===0&&console.log("[Avatar Debug] animate() running, frame:",R,"currentVrm:",!!t,"isAudioPlaying:",v.isAudioPlaying),t){if(t.update(n),v.isAudioPlaying){k+=n*10;const d=(Math.sin(k)+1)*.3;t.expressionManager?.setValue(a.VRMExpressionPresetName.Aa,d);const m=t.humanoid?.getNormalizedBoneNode("head"),c=t.humanoid?.getNormalizedBoneNode("neck"),i=t.humanoid?.getNormalizedBoneNode("spine");k<.2&&console.log("[Avatar Debug] Body animation - Bones found:",{head:!!m,neck:!!c,spine:!!i,humanoid:!!t.humanoid}),m&&(m.rotation.x=Math.sin(e*2)*.08,m.rotation.z=Math.sin(e*1.5)*.05),c&&(c.rotation.y=Math.sin(e*.8)*.05),i&&(i.rotation.z=Math.sin(e*.5)*.03);const s=t.humanoid?.getNormalizedBoneNode("leftShoulder"),g=t.humanoid?.getNormalizedBoneNode("rightShoulder"),f=t.humanoid?.getNormalizedBoneNode("leftUpperArm"),x=t.humanoid?.getNormalizedBoneNode("rightUpperArm"),u=t.humanoid?.getNormalizedBoneNode("leftLowerArm"),A=t.humanoid?.getNormalizedBoneNode("rightLowerArm");s&&(s.rotation.z=.1),g&&(g.rotation.z=-.1),f&&(f.rotation.z=-.8+Math.sin(e*1.2)*.1,f.rotation.x=.4+Math.sin(e*.9)*.15,f.rotation.y=Math.sin(e*.7)*.1),x&&(x.rotation.z=.8+Math.sin(e*1.3)*.1,x.rotation.x=.4+Math.sin(e*1)*.15,x.rotation.y=Math.sin(e*.8)*.1),u&&(u.rotation.y=-1-Math.sin(e*1.5)*.2,u.rotation.z=Math.sin(e*1.1)*.1),A&&(A.rotation.y=1+Math.sin(e*1.4)*.2,A.rotation.z=Math.sin(e*1.2)*.1)}else{k=0,t.expressionManager?.setValue(a.VRMExpressionPresetName.Aa,0);const d=t.humanoid?.getNormalizedBoneNode("spine"),m=t.humanoid?.getNormalizedBoneNode("head");Math.floor(e)%5===0&&e-Math.floor(e)<n&&console.log("[Avatar Debug] Idle animation - Bones found:",{head:!!m,neck:!!t.humanoid?.getNormalizedBoneNode("neck"),spine:!!d}),d&&(d.rotation.x=Math.sin(e*.8)*.02),m&&(m.rotation.x=Math.sin(e*.3)*.03,m.rotation.z=Math.sin(e*.2)*.02);const c=t.humanoid?.getNormalizedBoneNode("leftShoulder"),i=t.humanoid?.getNormalizedBoneNode("rightShoulder"),s=t.humanoid?.getNormalizedBoneNode("leftUpperArm"),g=t.humanoid?.getNormalizedBoneNode("rightUpperArm"),f=t.humanoid?.getNormalizedBoneNode("leftLowerArm"),x=t.humanoid?.getNormalizedBoneNode("rightLowerArm");c&&(c.rotation.z=.1),i&&(i.rotation.z=-.1),s&&(s.rotation.z=-.9,s.rotation.x=.2,s.rotation.y=0),g&&(g.rotation.z=.9,g.rotation.x=.2,g.rotation.y=0),f&&(f.rotation.y=-.8),x&&(x.rotation.y=.8)}e%4<.1?t.expressionManager?.setValue(a.VRMExpressionPresetName.Blink,1):t.expressionManager?.setValue(a.VRMExpressionPresetName.Blink,0);const h=F[b];if(t.expressionManager?.setValue(a.VRMExpressionPresetName.Happy,0),t.expressionManager?.setValue(a.VRMExpressionPresetName.Sad,0),t.expressionManager?.setValue(a.VRMExpressionPresetName.Angry,0),t.expressionManager?.setValue(a.VRMExpressionPresetName.Surprised,0),h&&t.expressionManager?.setValue(h,.8),P!=="none"){const d=e-S,m=1.5;if(d<m){const c=d/m,i=t.humanoid?.getNormalizedBoneNode("head"),s=t.humanoid?.getNormalizedBoneNode("rightUpperArm"),g=t.humanoid?.getNormalizedBoneNode("rightLowerArm"),f=t.humanoid?.getNormalizedBoneNode("spine"),u=(A=>A<.5?2*A*A:1-Math.pow(-2*A+2,2)/2)(c<.5?c*2:(1-c)*2);switch(P){case"nod":i&&(i.rotation.x=Math.sin(c*Math.PI*3)*.2);break;case"shake":i&&(i.rotation.y=Math.sin(c*Math.PI*4)*.3);break;case"wave":s&&(s.rotation.z=1.5*u,s.rotation.x=-.3*u),g&&(g.rotation.y=.5+Math.sin(c*Math.PI*6)*.3);break;case"think":i&&(i.rotation.x=.1*u,i.rotation.z=.1*u),s&&(s.rotation.z=.3*u,s.rotation.x=.8*u),g&&(g.rotation.y=1.5*u);break;case"bow":f&&(f.rotation.x=.4*u),i&&(i.rotation.x=.2*u);break}}else P="none"}}l.render(r,N)}function $(){w!==null&&(cancelAnimationFrame(w),w=null),window.removeEventListener("resize",D),l&&p.value&&(p.value.removeChild(l.domElement),l.dispose(),l=null),t&&(t=null),r=null,N=null,y=null}return o.watch(()=>v.selectedResult,n=>{if(n?.toolName===z.TOOL_NAME&&n.data){const e=n.data;if(e.avatarUrl&&e.avatarUrl!==L&&(console.log("[Avatar Debug] VRM URL changed:",e.avatarUrl),L=e.avatarUrl,U(e.avatarUrl)),e.emotion&&e.emotion!==b&&(console.log("[Avatar Debug] Emotion changed to:",e.emotion),b=e.emotion),e.action&&e.action!=="none"){const B=e.actionTimestamp||0;B>_&&(console.log("[Avatar Debug] Action triggered:",e.action),P=e.action,S=y?.getElapsedTime()||0,_=B)}}},{deep:!0}),o.watch(()=>v.isAudioPlaying,n=>{console.log("[Avatar Debug] Plugin received isAudioPlaying:",n)}),o.onMounted(()=>{if(console.log("[Avatar Debug] View component MOUNTED"),j(),v.selectedResult?.toolName===z.TOOL_NAME&&v.selectedResult.data){const n=v.selectedResult.data;n.avatarUrl&&(console.log("[Avatar Debug] Initial VRM load:",n.avatarUrl),L=n.avatarUrl,U(n.avatarUrl)),n.emotion&&(b=n.emotion)}}),o.onUnmounted(()=>{$()}),(n,e)=>(o.openBlock(),o.createElementBlock("div",q,[o.createElementVNode("div",{ref_key:"containerRef",ref:p,class:"size-full"},null,512),M.value?(o.openBlock(),o.createElementBlock("div",H,[...e[0]||(e[0]=[o.createElementVNode("div",{class:"text-white text-lg"},"Loading Avatar...",-1)])])):o.createCommentVNode("",!0),E.value?(o.openBlock(),o.createElementBlock("div",G,[o.createElementVNode("div",W,o.toDisplayString(E.value),1)])):o.createCommentVNode("",!0),V.isAudioPlaying?(o.openBlock(),o.createElementBlock("div",J," Speaking... ")):o.createCommentVNode("",!0)]))}}),K={class:"p-3 bg-gradient-to-br from-slate-700 to-slate-800 rounded-md"},Q={class:"flex flex-col items-center gap-2"},X={key:0,class:"text-xs px-2 py-0.5 bg-blue-500 text-white rounded-full"},O=o.defineComponent({__name:"Preview",props:{result:{}},setup(V){const v=V,p=o.computed(()=>v.result.data),M=o.computed(()=>p.value?.emotion||"neutral");return(E,r)=>(o.openBlock(),o.createElementBlock("div",K,[o.createElementVNode("div",Q,[r[0]||(r[0]=o.createElementVNode("div",{class:"size-12 bg-slate-600 rounded-full flex items-center justify-center"},[o.createElementVNode("svg",{class:"size-8 text-slate-300",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[o.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"})])],-1)),r[1]||(r[1]=o.createElementVNode("div",{class:"text-sm font-semibold text-white text-center"}," 3D Avatar ",-1)),M.value&&M.value!=="neutral"?(o.openBlock(),o.createElementBlock("div",X,o.toDisplayString(M.value),1)):o.createCommentVNode("",!0)])]))}}),I={...z.pluginCore,viewComponent:T,previewComponent:O},Y={plugin:I};exports.SAMPLES=z.SAMPLES;exports.TOOL_DEFINITION=z.TOOL_DEFINITION;exports.TOOL_NAME=z.TOOL_NAME;exports.executeAvatar=z.executeAvatar;exports.pluginCore=z.pluginCore;exports.Preview=O;exports.View=T;exports.default=Y;exports.plugin=I;

package/dist/vue.js

@@ -0,0 +1,207 @@
+import { S as K, P as Q, W as X, a as Y, A as Z, D as ee, G as te, V as oe, b as m, C as ne } from "./three-vrm.module-DJ7DURJm.js";
+import { TOOL_NAME as O, pluginCore as ae } from "./core.js";
+import { SAMPLES as ye, TOOL_DEFINITION as Be, executeAvatar as be } from "./core.js";
+import { defineComponent as G, ref as R, watch as j, onMounted as ie, onUnmounted as re, openBlock as y, createElementBlock as B, createElementVNode as N, createCommentVNode as U, toDisplayString as H, computed as $ } from "vue";
+const se = { class: "size-full bg-gradient-to-b from-slate-800 to-slate-900 relative" }, le = {
+  key: 0,
+  class: "absolute inset-0 flex items-center justify-center bg-slate-900/80"
+}, de = {
+  key: 1,
+  class: "absolute inset-0 flex items-center justify-center bg-slate-900/80"
+}, ce = { class: "text-red-400 text-lg text-center p-4" }, ue = {
+  key: 2,
+  class: "absolute top-4 right-4 px-3 py-1 bg-green-600 text-white text-sm rounded-full"
+}, me = /* @__PURE__ */ G({
+  __name: "View",
+  props: {
+    selectedResult: {},
+    sendTextMessage: { type: Function },
+    isAudioPlaying: { type: Boolean }
+  },
+  setup(k) {
+    const f = k, g = R(null), x = R(!1), b = R(null);
+    let a = null, v = null, r = null, t = null, w = null, L = null, V = 0, S = "neutral", D = "none", E = 0, C = 0, _ = "";
+    const W = {
+      neutral: null,
+      happy: m.Happy,
+      sad: m.Sad,
+      angry: m.Angry,
+      surprised: m.Surprised
+    };
+    function q() {
+      if (!g.value) return;
+      const o = g.value, e = o.clientWidth, z = o.clientHeight;
+      a = new K(), v = new Q(30, e / z, 0.1, 100), v.position.set(0, 1.3, 1.5), v.lookAt(0, 1.2, 0), r = new X({ antialias: !0, alpha: !0 }), r.setSize(e, z), r.setPixelRatio(window.devicePixelRatio), r.outputColorSpace = Y, o.appendChild(r.domElement);
+      const h = new Z(16777215, 0.6);
+      a.add(h);
+      const s = new ee(16777215, 0.8);
+      s.position.set(1, 1, 1), a.add(s), w = new ne(), window.addEventListener("resize", T), I();
+    }
+    function T() {
+      if (!g.value || !v || !r) return;
+      const o = g.value.clientWidth, e = g.value.clientHeight;
+      v.aspect = o / e, v.updateProjectionMatrix(), r.setSize(o, e);
+    }
+    async function F(o) {
+      if (a) {
+        x.value = !0, b.value = null, t && (a.remove(t.scene), t = null);
+        try {
+          const e = new te();
+          e.register((s) => new oe(s));
+          const h = (await e.loadAsync(o)).userData.vrm;
+          if (!h)
+            throw new Error("Failed to load VRM data");
+          a.add(h.scene), t = h, console.log("[Avatar Debug] VRM loaded successfully"), console.log("[Avatar Debug] VRM humanoid:", !!h.humanoid), console.log("[Avatar Debug] VRM expressionManager:", !!h.expressionManager), x.value = !1;
+        } catch (e) {
+          console.error("Failed to load VRM:", e), b.value = `Failed to load avatar: ${e instanceof Error ? e.message : "Unknown error"}`, x.value = !1;
+        }
+      }
+    }
+    let P = 0;
+    function I() {
+      if (L = requestAnimationFrame(I), !w || !r || !a || !v) return;
+      const o = w.getDelta(), e = w.getElapsedTime();
+      if (P++, P % 300 === 0 && console.log("[Avatar Debug] animate() running, frame:", P, "currentVrm:", !!t, "isAudioPlaying:", f.isAudioPlaying), t) {
+        if (t.update(o), f.isAudioPlaying) {
+          V += o * 10;
+          const s = (Math.sin(V) + 1) * 0.3;
+          t.expressionManager?.setValue(m.Aa, s);
+          const c = t.humanoid?.getNormalizedBoneNode("head"), l = t.humanoid?.getNormalizedBoneNode("neck"), n = t.humanoid?.getNormalizedBoneNode("spine");
+          V < 0.2 && console.log("[Avatar Debug] Body animation - Bones found:", {
+            head: !!c,
+            neck: !!l,
+            spine: !!n,
+            humanoid: !!t.humanoid
+          }), c && (c.rotation.x = Math.sin(e * 2) * 0.08, c.rotation.z = Math.sin(e * 1.5) * 0.05), l && (l.rotation.y = Math.sin(e * 0.8) * 0.05), n && (n.rotation.z = Math.sin(e * 0.5) * 0.03);
+          const i = t.humanoid?.getNormalizedBoneNode("leftShoulder"), u = t.humanoid?.getNormalizedBoneNode("rightShoulder"), p = t.humanoid?.getNormalizedBoneNode("leftUpperArm"), A = t.humanoid?.getNormalizedBoneNode("rightUpperArm"), d = t.humanoid?.getNormalizedBoneNode("leftLowerArm"), M = t.humanoid?.getNormalizedBoneNode("rightLowerArm");
+          i && (i.rotation.z = 0.1), u && (u.rotation.z = -0.1), p && (p.rotation.z = -0.8 + Math.sin(e * 1.2) * 0.1, p.rotation.x = 0.4 + Math.sin(e * 0.9) * 0.15, p.rotation.y = Math.sin(e * 0.7) * 0.1), A && (A.rotation.z = 0.8 + Math.sin(e * 1.3) * 0.1, A.rotation.x = 0.4 + Math.sin(e * 1) * 0.15, A.rotation.y = Math.sin(e * 0.8) * 0.1), d && (d.rotation.y = -1 - Math.sin(e * 1.5) * 0.2, d.rotation.z = Math.sin(e * 1.1) * 0.1), M && (M.rotation.y = 1 + Math.sin(e * 1.4) * 0.2, M.rotation.z = Math.sin(e * 1.2) * 0.1);
+        } else {
+          V = 0, t.expressionManager?.setValue(m.Aa, 0);
+          const s = t.humanoid?.getNormalizedBoneNode("spine"), c = t.humanoid?.getNormalizedBoneNode("head");
+          Math.floor(e) % 5 === 0 && e - Math.floor(e) < o && console.log("[Avatar Debug] Idle animation - Bones found:", {
+            head: !!c,
+            neck: !!t.humanoid?.getNormalizedBoneNode("neck"),
+            spine: !!s
+          }), s && (s.rotation.x = Math.sin(e * 0.8) * 0.02), c && (c.rotation.x = Math.sin(e * 0.3) * 0.03, c.rotation.z = Math.sin(e * 0.2) * 0.02);
+          const l = t.humanoid?.getNormalizedBoneNode("leftShoulder"), n = t.humanoid?.getNormalizedBoneNode("rightShoulder"), i = t.humanoid?.getNormalizedBoneNode("leftUpperArm"), u = t.humanoid?.getNormalizedBoneNode("rightUpperArm"), p = t.humanoid?.getNormalizedBoneNode("leftLowerArm"), A = t.humanoid?.getNormalizedBoneNode("rightLowerArm");
+          l && (l.rotation.z = 0.1), n && (n.rotation.z = -0.1), i && (i.rotation.z = -0.9, i.rotation.x = 0.2, i.rotation.y = 0), u && (u.rotation.z = 0.9, u.rotation.x = 0.2, u.rotation.y = 0), p && (p.rotation.y = -0.8), A && (A.rotation.y = 0.8);
+        }
+        e % 4 < 0.1 ? t.expressionManager?.setValue(m.Blink, 1) : t.expressionManager?.setValue(m.Blink, 0);
+        const h = W[S];
+        if (t.expressionManager?.setValue(m.Happy, 0), t.expressionManager?.setValue(m.Sad, 0), t.expressionManager?.setValue(m.Angry, 0), t.expressionManager?.setValue(m.Surprised, 0), h && t.expressionManager?.setValue(h, 0.8), D !== "none") {
+          const s = e - E, c = 1.5;
+          if (s < c) {
+            const l = s / c, n = t.humanoid?.getNormalizedBoneNode("head"), i = t.humanoid?.getNormalizedBoneNode("rightUpperArm"), u = t.humanoid?.getNormalizedBoneNode("rightLowerArm"), p = t.humanoid?.getNormalizedBoneNode("spine"), d = ((M) => M < 0.5 ? 2 * M * M : 1 - Math.pow(-2 * M + 2, 2) / 2)(l < 0.5 ? l * 2 : (1 - l) * 2);
+            switch (D) {
+              case "nod":
+                n && (n.rotation.x = Math.sin(l * Math.PI * 3) * 0.2);
+                break;
+              case "shake":
+                n && (n.rotation.y = Math.sin(l * Math.PI * 4) * 0.3);
+                break;
+              case "wave":
+                i && (i.rotation.z = 1.5 * d, i.rotation.x = -0.3 * d), u && (u.rotation.y = 0.5 + Math.sin(l * Math.PI * 6) * 0.3);
+                break;
+              case "think":
+                n && (n.rotation.x = 0.1 * d, n.rotation.z = 0.1 * d), i && (i.rotation.z = 0.3 * d, i.rotation.x = 0.8 * d), u && (u.rotation.y = 1.5 * d);
+                break;
+              case "bow":
+                p && (p.rotation.x = 0.4 * d), n && (n.rotation.x = 0.2 * d);
+                break;
+            }
+          } else
+            D = "none";
+        }
+      }
+      r.render(a, v);
+    }
+    function J() {
+      L !== null && (cancelAnimationFrame(L), L = null), window.removeEventListener("resize", T), r && g.value && (g.value.removeChild(r.domElement), r.dispose(), r = null), t && (t = null), a = null, v = null, w = null;
+    }
+    return j(
+      () => f.selectedResult,
+      (o) => {
+        if (o?.toolName === O && o.data) {
+          const e = o.data;
+          if (e.avatarUrl && e.avatarUrl !== _ && (console.log("[Avatar Debug] VRM URL changed:", e.avatarUrl), _ = e.avatarUrl, F(e.avatarUrl)), e.emotion && e.emotion !== S && (console.log("[Avatar Debug] Emotion changed to:", e.emotion), S = e.emotion), e.action && e.action !== "none") {
+            const z = e.actionTimestamp || 0;
+            z > C && (console.log("[Avatar Debug] Action triggered:", e.action), D = e.action, E = w?.getElapsedTime() || 0, C = z);
+          }
+        }
+      },
+      { deep: !0 }
+    ), j(
+      () => f.isAudioPlaying,
+      (o) => {
+        console.log("[Avatar Debug] Plugin received isAudioPlaying:", o);
+      }
+    ), ie(() => {
+      if (console.log("[Avatar Debug] View component MOUNTED"), q(), f.selectedResult?.toolName === O && f.selectedResult.data) {
+        const o = f.selectedResult.data;
+        o.avatarUrl && (console.log("[Avatar Debug] Initial VRM load:", o.avatarUrl), _ = o.avatarUrl, F(o.avatarUrl)), o.emotion && (S = o.emotion);
+      }
+    }), re(() => {
+      J();
+    }), (o, e) => (y(), B("div", se, [
+      N("div", {
+        ref_key: "containerRef",
+        ref: g,
+        class: "size-full"
+      }, null, 512),
+      x.value ? (y(), B("div", le, [...e[0] || (e[0] = [
+        N("div", { class: "text-white text-lg" }, "Loading Avatar...", -1)
+      ])])) : U("", !0),
+      b.value ? (y(), B("div", de, [
+        N("div", ce, H(b.value), 1)
+      ])) : U("", !0),
+      k.isAudioPlaying ? (y(), B("div", ue, " Speaking... ")) : U("", !0)
+    ]));
+  }
+}), ge = { class: "p-3 bg-gradient-to-br from-slate-700 to-slate-800 rounded-md" }, he = { class: "flex flex-col items-center gap-2" }, pe = {
+  key: 0,
+  class: "text-xs px-2 py-0.5 bg-blue-500 text-white rounded-full"
+}, fe = /* @__PURE__ */ G({
+  __name: "Preview",
+  props: {
+    result: {}
+  },
+  setup(k) {
+    const f = k, g = $(() => f.result.data), x = $(() => g.value?.emotion || "neutral");
+    return (b, a) => (y(), B("div", ge, [
+      N("div", he, [
+        a[0] || (a[0] = N("div", { class: "size-12 bg-slate-600 rounded-full flex items-center justify-center" }, [
+          N("svg", {
+            class: "size-8 text-slate-300",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            N("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+            })
+          ])
+        ], -1)),
+        a[1] || (a[1] = N("div", { class: "text-sm font-semibold text-white text-center" }, " 3D Avatar ", -1)),
+        x.value && x.value !== "neutral" ? (y(), B("div", pe, H(x.value), 1)) : U("", !0)
+      ])
+    ]));
+  }
+}), ve = {
+  ...ae,
+  viewComponent: me,
+  previewComponent: fe
+}, Ne = { plugin: ve };
+export {
+  fe as Preview,
+  ye as SAMPLES,
+  Be as TOOL_DEFINITION,
+  O as TOOL_NAME,
+  me as View,
+  Ne as default,
+  be as executeAvatar,
+  ve as plugin,
+  ae as pluginCore
+};

package/package.json

@@ -0,0 +1,98 @@
+{
+  "name": "@gui-chat-plugin/avatar",
+  "version": "0.0.1",
+  "description": "3D Avatar Plugin for GUIChat - VRM avatar with lip-sync",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core.js",
+      "require": "./dist/core.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue.js",
+      "require": "./dist/vue.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/react.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "dev:react": "vite --config vite.config.react.ts",
+    "build": "vite build && vue-tsc -p tsconfig.build.json --emitDeclarationOnly && tsc -p tsconfig.react.json --emitDeclarationOnly",
+    "typecheck": "vue-tsc --noEmit && tsc -p tsconfig.react.json --noEmit",
+    "lint": "eslint src demo"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "vue": "^3.5.0"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/three": "^0.174.0",
+    "@typescript-eslint/eslint-plugin": "^8.53.0",
+    "@typescript-eslint/parser": "^8.53.0",
+    "@vitejs/plugin-react": "^4.5.0",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "eslint": "^9.39.2",
+    "eslint-plugin-vue": "^10.6.2",
+    "globals": "^17.0.0",
+    "openai": "^6.16.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.1.18",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.1",
+    "vue": "^3.5.26",
+    "vue-eslint-parser": "^10.2.0",
+    "vue-tsc": "^3.2.2"
+  },
+  "keywords": [
+    "guichat",
+    "plugin",
+    "avatar",
+    "vrm",
+    "3d",
+    "lip-sync",
+    "react",
+    "vue",
+    "llm",
+    "chat"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "@pixiv/three-vrm": "^3.3.3",
+    "gui-chat-protocol": "file:../gui-chat-protocol",
+    "three": "^0.174.0"
+  }
+}