@jidou-ai/chat-widget 1.2.2 → 1.3.0

package/dist/widget.js

@@ -1,4 +1,4 @@
-"use strict";var JidouChatWidget=(()=>{var U=Object.defineProperty;var Me=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var _e=Object.prototype.hasOwnProperty;var Le=(i,t)=>{for(var e in t)U(i,e,{get:t[e],enumerable:!0})},Ie=(i,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of ke(t))!_e.call(i,s)&&s!==e&&U(i,s,{get:()=>t[s],enumerable:!(n=Me(t,s))||n.enumerable});return i};var Ae=i=>Ie(U({},"__esModule",{value:!0}),i);var qe={};Le(qe,{Widget:()=>A});var E=class{constructor(){this.listeners=new Map}on(t,e){this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(e)}off(t,e){let n=this.listeners.get(t);n&&n.delete(e)}emit(t,e){let n=this.listeners.get(t);if(n)for(let s of n)try{s(e)}catch(o){console.error(`Error in event listener for ${String(t)}:`,o)}}once(t,e){let n=s=>{this.off(t,n),e(s)};this.on(t,n)}removeAllListeners(t){t?this.listeners.delete(t):this.listeners.clear()}};var ye={isOpen:!1,displayMode:"floating",connectionState:"disconnected",messages:[],isTyping:!1,unreadCount:0,sessionId:null},O=class extends E{constructor(t){super(),this.state={...ye,...t}}getState(){return{...this.state}}get(t){return this.state[t]}set(t,e){let n=this.state[t];if(n!==e)switch(this.state[t]=e,this.emit("change",{key:t,value:e,prev:n}),t){case"isOpen":this.emit("openChange",e);break;case"displayMode":this.emit("displayModeChange",e);break;case"connectionState":this.emit("connectionStateChange",e);break;case"unreadCount":this.emit("unreadCountChange",e);break;case"messages":this.emit("messagesChange",e);break;case"isTyping":this.emit("isTypingChange",e);break}}addMessage(t){let e=[...this.state.messages,t];this.set("messages",e),!this.state.isOpen&&t.role==="assistant"&&this.set("unreadCount",this.state.unreadCount+1)}updateMessage(t,e){let n=this.state.messages.map(s=>s.id===t?{...s,...e}:s);this.set("messages",n)}removeMessage(t){let e=this.state.messages.filter(n=>n.id!==t);this.set("messages",e)}setMessages(t){this.set("messages",t)}clearMessages(){this.set("messages",[])}open(){this.set("isOpen",!0),this.set("unreadCount",0)}close(){this.set("isOpen",!1)}toggle(){this.state.isOpen?this.close():this.open()}setDisplayMode(t){this.set("displayMode",t)}setConnectionState(t){this.set("connectionState",t)}setTyping(t){this.set("isTyping",t)}setSessionId(t){this.set("sessionId",t)}reset(){this.state={...ye}}};function He(){return typeof crypto<"u"&&crypto.randomUUID?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,i=>{let t=Math.random()*16|0;return(i==="x"?t:t&3|8).toString(16)})}function Ne(){return Math.random().toString(36).substring(2,10)}function V(){return`sess_${He()}`}function xe(){return`msg_${Ne()}`}var q="jidou_";function T(i){try{let t=localStorage.getItem(q+i);return t===null?null:JSON.parse(t)}catch{return null}}function L(i,t){try{return localStorage.setItem(q+i,JSON.stringify(t)),!0}catch{return!1}}function J(i){try{localStorage.removeItem(q+i)}catch{}}var G="session_id",Re=3e4,We=1e4,Oe=5,Q=[1e3,2e3,4e3,8e3,16e3],B=class extends E{constructor(e,n){super();this.ws=null;this.connectionState="disconnected";this.reconnectAttempts=0;this.reconnectTimeoutId=null;this.heartbeatIntervalId=null;this.heartbeatTimeoutId=null;this.isManualClose=!1;this.clientId=e,this.wsUrl=n;let s=T(G);s?this.sessionId=s:(this.sessionId=V(),L(G,this.sessionId))}getSessionId(){return this.sessionId}getConnectionState(){return this.connectionState}connect(){if(this.ws&&this.ws.readyState===WebSocket.OPEN)return;this.isManualClose=!1,this.setConnectionState("connecting");let e=`${this.wsUrl}?clientId=${encodeURIComponent(this.clientId)}&sessionId=${encodeURIComponent(this.sessionId)}`;try{this.ws=new WebSocket(e),this.setupEventHandlers()}catch(n){this.handleError(n instanceof Error?n:new Error(String(n)))}}disconnect(){this.isManualClose=!0,this.cleanup(),this.ws&&(this.ws.close(1e3,"Manual disconnect"),this.ws=null),this.setConnectionState("disconnected"),this.emit("disconnected",void 0)}send(e,n){if(!this.ws||this.ws.readyState!==WebSocket.OPEN){console.warn("WebSocket is not connected");return}let s={type:e,payload:n,timestamp:Date.now()};try{this.ws.send(JSON.stringify(s))}catch(o){this.handleError(o instanceof Error?o:new Error(String(o)))}}sendMessage(e){this.send("message:send",{content:e})}sendTypingStart(){this.send("typing:start")}sendTypingStop(){this.send("typing:stop")}setupEventHandlers(){this.ws&&(this.ws.onopen=()=>{this.reconnectAttempts=0,this.startHeartbeat(),this.send("session:init",{sessionId:this.sessionId,clientId:this.clientId})},this.ws.onmessage=e=>{this.handleMessage(e.data)},this.ws.onclose=e=>{this.stopHeartbeat(),this.isManualClose||(this.setConnectionState("disconnected"),this.attemptReconnect())},this.ws.onerror=()=>{})}handleMessage(e){try{let n=JSON.parse(e);switch(n.type){case"connection:ack":{let s=n.payload;this.setConnectionState("connected"),this.emit("connected",{sessionId:s.sessionId,isResumed:s.isResumed});break}case"session:expired":this.sessionId=V(),L(G,this.sessionId),this.emit("sessionExpired",void 0);break;case"message:receive":{let s=n.payload;this.emit("message",s);break}case"bot:typing":this.emit("typing",!0);break;case"pong":this.handlePong();break;case"error":{let s=n.payload;this.handleError(new Error(s.message));break}}}catch(n){console.error("Failed to parse WebSocket message:",n)}}setConnectionState(e){this.connectionState!==e&&(this.connectionState=e,this.emit("connectionStateChange",e))}attemptReconnect(){if(this.isManualClose)return;if(this.reconnectAttempts>=Oe){this.setConnectionState("failed"),this.emit("error",new Error("Max reconnection attempts reached"));return}let e=Q[this.reconnectAttempts]||Q[Q.length-1];this.reconnectAttempts++,this.setConnectionState("reconnecting"),this.emit("reconnect",this.reconnectAttempts),this.reconnectTimeoutId=setTimeout(()=>{this.connect()},e)}startHeartbeat(){this.stopHeartbeat(),this.heartbeatIntervalId=setInterval(()=>{this.ws&&this.ws.readyState===WebSocket.OPEN&&(this.send("ping"),this.startHeartbeatTimeout())},Re)}stopHeartbeat(){this.heartbeatIntervalId&&(clearInterval(this.heartbeatIntervalId),this.heartbeatIntervalId=null),this.clearHeartbeatTimeout()}startHeartbeatTimeout(){this.clearHeartbeatTimeout(),this.heartbeatTimeoutId=setTimeout(()=>{console.warn("Heartbeat timeout, reconnecting..."),this.ws&&this.ws.close()},We)}clearHeartbeatTimeout(){this.heartbeatTimeoutId&&(clearTimeout(this.heartbeatTimeoutId),this.heartbeatTimeoutId=null)}handlePong(){this.clearHeartbeatTimeout()}handleError(e){console.error("WebSocket error:",e),this.emit("error",e)}cleanup(){this.stopHeartbeat(),this.reconnectTimeoutId&&(clearTimeout(this.reconnectTimeoutId),this.reconnectTimeoutId=null),this.reconnectAttempts=0}destroy(){this.disconnect(),this.removeAllListeners()}};var M="chat_history",ve=100,je=7*24*60*60*1e3,D=class{constructor(){this.sessionId=null}setSessionId(t){this.sessionId=t}getSessionId(){return this.sessionId}getValidHistory(t){let e=T(M);return e?Date.now()-e.savedAt>je?(this.clear(),null):t&&e.sessionId!==t?null:e:null}save(t){if(!this.sessionId)return!1;let e={sessionId:this.sessionId,messages:t.slice(-ve),savedAt:Date.now()};return L(M,e)}load(){let t=this.getValidHistory(this.sessionId||void 0);return(t==null?void 0:t.messages)||null}loadForSession(t){let e=this.getValidHistory(t);return(e==null?void 0:e.messages)||null}appendMessage(t){if(!this.sessionId)return!1;let e=this.getValidHistory(this.sessionId),n=e?[...e.messages,t].slice(-ve):[t];return this.save(n)}updateMessage(t,e){let n=this.getValidHistory(this.sessionId||void 0);if(!n)return!1;let s=n.messages.map(o=>o.id===t?{...o,...e}:o);return this.save(s)}clear(){J(M)}hasHistory(){return!!this.getValidHistory(this.sessionId||void 0)}getMessageCount(){let t=T(M);return(t==null?void 0:t.messages.length)||0}static cleanup(){let t=T(M);t&&Date.now()-t.savedAt>je&&J(M)}};var u=class{constructor(t){this.options=t,this.element=this.render()}getElement(){return this.element}mount(t){t.appendChild(this.element)}unmount(){this.element.parentNode&&this.element.parentNode.removeChild(this.element)}update(t){this.options={...this.options,...t},this.refresh()}refresh(){let t=this.render();this.element.parentNode&&this.element.parentNode.replaceChild(t,this.element),this.element=t}destroy(){this.unmount()}};var we="http://www.w3.org/2000/svg";function y(...i){let t=document.createElementNS(we,"svg");return t.setAttribute("viewBox","0 0 24 24"),t.setAttribute("fill","none"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","2"),t.setAttribute("stroke-linecap","round"),t.setAttribute("stroke-linejoin","round"),i.forEach(e=>t.appendChild(e)),t}function k(i,t){let e=document.createElementNS(we,i);return Object.entries(t).forEach(([n,s])=>e.setAttribute(n,s)),e}var I=i=>k("path",{d:i}),x=(i,t,e,n)=>k("line",{x1:i,y1:t,x2:e,y2:n}),X=(i,t,e)=>k("circle",{cx:i,cy:t,r:e}),Be=(i,t,e,n,s="")=>k("rect",{x:i,y:t,width:e,height:n,...s&&{rx:s}}),C=i=>k("polyline",{points:i}),De=i=>k("polygon",{points:i}),ze={chat:()=>y(I("M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z")),close:()=>y(x("18","6","6","18"),x("6","6","18","18")),send:()=>y(x("22","2","11","13"),De("22 2 15 22 11 13 2 9 22 2")),minimize:()=>y(x("5","12","19","12")),expand:()=>y(C("15 3 21 3 21 9"),C("9 21 3 21 3 15"),x("21","3","14","10"),x("3","21","10","14")),collapse:()=>y(C("4 14 10 14 10 20"),C("20 10 14 10 14 4"),x("14","10","21","3"),x("3","21","10","14")),bot:()=>y(Be("3","11","18","10","2"),X("12","5","2"),I("M12 7v4"),x("8","16","8","16"),x("16","16","16","16")),check:()=>y(C("20 6 9 17 4 12")),checkDouble:()=>y(I("M18 6L7 17l-5-5"),I("M22 10l-7.5 7.5L13 16")),clock:()=>y(X("12","12","10"),C("12 6 12 12 16 14")),alert:()=>y(X("12","12","10"),x("12","8","12","12"),x("12","16","12.01","16")),refresh:()=>y(C("23 4 23 10 17 10"),I("M20.49 15a9 9 0 1 1-2.12-9.36L23 10"))};function m(i){return ze[i]()}var Z={en:{"status.connecting":"Connecting...","status.connected":"Connected","status.disconnected":"Disconnected","status.reconnecting":"Reconnecting...","status.failed":"Connection failed","chat.window":"Chat window","chat.closeChat":"Close chat","chat.openChat":"Open chat","chat.collapse":"Minimize","chat.expand":"Fullscreen","chat.title":"AI Assistant","input.placeholder":"Type a message...","input.ariaLabel":"Message input","input.send":"Send message","branding.poweredBy":"Powered by Jidou","message.today":"Today","message.yesterday":"Yesterday"},"zh-TW":{"status.connecting":"\u9023\u7DDA\u4E2D...","status.connected":"\u5DF2\u9023\u7DDA","status.disconnected":"\u5DF2\u65B7\u7DDA","status.reconnecting":"\u91CD\u65B0\u9023\u7DDA\u4E2D...","status.failed":"\u9023\u7DDA\u5931\u6557","chat.window":"\u804A\u5929\u8996\u7A97","chat.closeChat":"\u95DC\u9589\u804A\u5929","chat.openChat":"\u958B\u555F\u804A\u5929","chat.collapse":"\u7E2E\u5C0F","chat.expand":"\u5168\u87A2\u5E55","chat.title":"AI \u52A9\u7406","input.placeholder":"\u8F38\u5165\u8A0A\u606F...","input.ariaLabel":"\u8A0A\u606F\u8F38\u5165","input.send":"\u50B3\u9001\u8A0A\u606F","branding.poweredBy":"\u7531 Jidou \u63D0\u4F9B","message.today":"\u4ECA\u5929","message.yesterday":"\u6628\u5929"},"zh-CN":{"status.connecting":"\u8FDE\u63A5\u4E2D...","status.connected":"\u5DF2\u8FDE\u63A5","status.disconnected":"\u5DF2\u65AD\u5F00","status.reconnecting":"\u91CD\u65B0\u8FDE\u63A5\u4E2D...","status.failed":"\u8FDE\u63A5\u5931\u8D25","chat.window":"\u804A\u5929\u7A97\u53E3","chat.closeChat":"\u5173\u95ED\u804A\u5929","chat.openChat":"\u6253\u5F00\u804A\u5929","chat.collapse":"\u6700\u5C0F\u5316","chat.expand":"\u5168\u5C4F","chat.title":"AI \u52A9\u624B","input.placeholder":"\u8F93\u5165\u6D88\u606F...","input.ariaLabel":"\u6D88\u606F\u8F93\u5165","input.send":"\u53D1\u9001\u6D88\u606F","branding.poweredBy":"\u7531 Jidou \u63D0\u4F9B","message.today":"\u4ECA\u5929","message.yesterday":"\u6628\u5929"},ja:{"status.connecting":"\u63A5\u7D9A\u4E2D...","status.connected":"\u63A5\u7D9A\u6E08\u307F","status.disconnected":"\u5207\u65AD","status.reconnecting":"\u518D\u63A5\u7D9A\u4E2D...","status.failed":"\u63A5\u7D9A\u5931\u6557","chat.window":"\u30C1\u30E3\u30C3\u30C8\u30A6\u30A3\u30F3\u30C9\u30A6","chat.closeChat":"\u30C1\u30E3\u30C3\u30C8\u3092\u9589\u3058\u308B","chat.openChat":"\u30C1\u30E3\u30C3\u30C8\u3092\u958B\u304F","chat.collapse":"\u6700\u5C0F\u5316","chat.expand":"\u30D5\u30EB\u30B9\u30AF\u30EA\u30FC\u30F3","chat.title":"AI\u30A2\u30B7\u30B9\u30BF\u30F3\u30C8","input.placeholder":"\u30E1\u30C3\u30BB\u30FC\u30B8\u3092\u5165\u529B...","input.ariaLabel":"\u30E1\u30C3\u30BB\u30FC\u30B8\u5165\u529B","input.send":"\u30E1\u30C3\u30BB\u30FC\u30B8\u3092\u9001\u4FE1","branding.poweredBy":"Powered by Jidou","message.today":"\u4ECA\u65E5","message.yesterday":"\u6628\u65E5"}};var ee="en";function Fe(){if(typeof navigator>"u")return"en";let t=(navigator.language||navigator.userLanguage||"en").toLowerCase();return t.startsWith("zh-tw")||t.startsWith("zh-hant")?"zh-TW":t.startsWith("zh")?"zh-CN":t.startsWith("ja")?"ja":(t.startsWith("en"),"en")}function te(i){i==="auto"?ee=Fe():ee=i}function h(i){var n;let t=(n=Z[ee])==null?void 0:n[i];if(t)return t;let e=Z.en[i];return e||(console.warn(`Missing translation for key: ${i}`),i)}te("auto");var z=class extends u{render(){var b,f,w;let{config:t,isOpen:e,unreadCount:n,onClick:s}=this.options,o=t.position||"bottom-right",a=t.size||"medium",r=t.shape||"circle",c=document.createElement("button");if(c.className=this.getClassName(o,a,r,e),c.setAttribute("aria-label",e?h("chat.closeChat"):h("chat.openChat")),c.setAttribute("type","button"),t.offsetX!==void 0){let d=o.includes("right");c.style[d?"right":"left"]=`${t.offsetX}px`}t.offsetY!==void 0&&(c.style.bottom=`${t.offsetY}px`);let p=document.createElement("span");if(p.className="jd-launcher__icon",((b=t.icon)==null?void 0:b.type)==="custom"&&t.icon.url){let d=document.createElement("img");d.className="jd-launcher__img",d.src=t.icon.url,d.alt="",p.appendChild(d),c.appendChild(p)}else if(((f=t.icon)==null?void 0:f.type)==="text"&&t.icon.text){let d=document.createElement("span");d.className="jd-launcher__text",d.textContent=t.icon.text,c.appendChild(d)}else{let d=e?m("close"):m("chat");p.appendChild(d),c.appendChild(p)}if(n>0&&!e){let d=document.createElement("span");d.className="jd-launcher__badge",d.textContent=n>99?"99+":String(n),d.setAttribute("aria-label",`${n} unread messages`),c.appendChild(d)}if((w=t.tooltip)!=null&&w.show&&t.tooltip.text&&!e){let d=document.createElement("span");d.className="jd-launcher__tooltip",d.textContent=t.tooltip.text,c.appendChild(d)}return c.addEventListener("click",s),c}getClassName(t,e,n,s){let o=["jd-launcher",`jd-launcher--${t}`,`jd-launcher--${e}`,`jd-launcher--${n}`];return s&&o.push("jd-launcher--open"),o.join(" ")}show(){this.element.classList.remove("jd-launcher--hidden")}hide(){this.element.classList.add("jd-launcher--hidden")}setOpen(t){this.update({...this.options,isOpen:t})}setUnreadCount(t){this.update({...this.options,unreadCount:t})}};function ne(i,t=!0){i.scrollTo({top:i.scrollHeight,behavior:t?"smooth":"auto"})}function Ce(i,t=50){return i.scrollHeight-i.scrollTop-i.clientHeight<t}var Pe=["__proto__","constructor","prototype"];function se(i,...t){let e={...i};for(let n of t)if(n)for(let s of Object.keys(n)){if(Pe.includes(s))continue;let o=n[s],a=e[s];o!==void 0&&typeof o=="object"&&o!==null&&!Array.isArray(o)&&typeof a=="object"&&a!==null&&!Array.isArray(a)?e[s]=se(a,o):o!==void 0&&(e[s]=o)}return e}function Se(i){return new Date(i).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"})}function ie(){return Date.now()}var F=class extends u{constructor(){super(...arguments);this.shouldAutoScroll=!0}render(){let{messages:e,isTyping:n}=this.options,s=document.createElement("div");if(s.className="jd-message-list jd-scrollbar",s.addEventListener("scroll",()=>{this.shouldAutoScroll=Ce(s)}),e.length===0&&!n){let o=this.renderEmptyState();return s.appendChild(o),s}for(let o of e){let a=this.renderMessage(o);s.appendChild(a)}if(n){let o=this.renderTypingIndicator();s.appendChild(o)}return requestAnimationFrame(()=>{this.shouldAutoScroll&&ne(s,!1)}),s}renderMessage(e){let n=document.createElement("div");n.className=`jd-message jd-message--${e.role}`,n.setAttribute("data-message-id",e.id);let s=document.createElement("div");s.className="jd-message__bubble",s.textContent=e.content,n.appendChild(s);let o=document.createElement("div");if(o.className="jd-message__time",o.textContent=Se(e.timestamp),n.appendChild(o),e.role==="user"&&e.status){let a=document.createElement("div");a.className=`jd-message__status jd-message__status--${e.status}`;let r=document.createElement("span");e.status==="sending"?r.appendChild(m("clock")):e.status==="sent"?r.appendChild(m("check")):e.status==="error"&&r.appendChild(m("alert")),a.appendChild(r),n.appendChild(a)}return n}renderTypingIndicator(){let e=document.createElement("div");e.className="jd-typing-indicator";for(let n=0;n<3;n++){let s=document.createElement("span");s.className="jd-typing-indicator__dot",e.appendChild(s)}return e}renderEmptyState(){let e=document.createElement("div");e.className="jd-welcome";let n=document.createElement("div");n.className="jd-welcome__icon",n.appendChild(m("bot")),e.appendChild(n);let s=document.createElement("h3");s.className="jd-welcome__title",s.textContent="Hi! How can I help you?",e.appendChild(s);let o=document.createElement("p");return o.className="jd-welcome__subtitle",o.textContent="Ask me anything",e.appendChild(o),e}setMessages(e){this.options.messages=e,this.refresh()}addMessage(e){this.options.messages=[...this.options.messages,e],this.refresh()}updateMessage(e,n){this.options.messages=this.options.messages.map(s=>s.id===e?{...s,...n}:s),this.refresh()}setTyping(e){this.options.isTyping=e,this.refresh()}scrollToBottom(){ne(this.element)}};var P=class extends u{constructor(){super(...arguments);this.isTyping=!1;this.typingTimeout=null}render(){let{placeholder:e,maxLength:n,disabled:s}=this.options,o=document.createElement("div");o.className="jd-input-area";let a=document.createElement("div");return a.className="jd-input-wrapper",this.textarea=document.createElement("textarea"),this.textarea.className="jd-input",this.textarea.placeholder=e||h("input.placeholder"),this.textarea.rows=1,this.textarea.disabled=s||!1,n&&(this.textarea.maxLength=n),this.textarea.setAttribute("aria-label",h("input.ariaLabel")),this.textarea.addEventListener("input",this.handleInput.bind(this)),this.textarea.addEventListener("keydown",this.handleKeyDown.bind(this)),a.appendChild(this.textarea),o.appendChild(a),this.sendButton=document.createElement("button"),this.sendButton.className="jd-send-btn",this.sendButton.type="button",this.sendButton.disabled=!0,this.sendButton.setAttribute("aria-label",h("input.send")),this.sendButton.appendChild(m("send")),this.sendButton.addEventListener("click",this.handleSend.bind(this)),o.appendChild(this.sendButton),o}handleInput(){var n,s,o,a;if(!this.textarea||!this.sendButton)return;let e=this.textarea.value.trim();this.sendButton.disabled=e.length===0,this.textarea.style.height="auto",this.textarea.style.height=`${Math.min(this.textarea.scrollHeight,120)}px`,e.length>0&&!this.isTyping&&(this.isTyping=!0,(s=(n=this.options).onTypingStart)==null||s.call(n)),this.typingTimeout&&clearTimeout(this.typingTimeout),e.length>0?this.typingTimeout=setTimeout(()=>{var r,c;this.isTyping&&(this.isTyping=!1,(c=(r=this.options).onTypingStop)==null||c.call(r))},1e3):this.isTyping&&(this.isTyping=!1,(a=(o=this.options).onTypingStop)==null||a.call(o))}handleKeyDown(e){e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),this.handleSend())}handleSend(){var n,s;if(!this.textarea)return;let e=this.textarea.value.trim();e.length!==0&&(this.isTyping&&(this.isTyping=!1,(s=(n=this.options).onTypingStop)==null||s.call(n)),this.typingTimeout&&(clearTimeout(this.typingTimeout),this.typingTimeout=null),this.textarea.value="",this.textarea.style.height="auto",this.sendButton&&(this.sendButton.disabled=!0),this.options.onSend(e))}focus(){var e;(e=this.textarea)==null||e.focus()}clear(){this.textarea&&(this.textarea.value="",this.textarea.style.height="auto"),this.sendButton&&(this.sendButton.disabled=!0)}setDisabled(e){var n;this.textarea&&(this.textarea.disabled=e),this.sendButton&&(this.sendButton.disabled=e||!((n=this.textarea)!=null&&n.value.trim()))}getValue(){var e;return((e=this.textarea)==null?void 0:e.value.trim())||""}destroy(){this.typingTimeout&&clearTimeout(this.typingTimeout),super.destroy()}};var Ke={connecting:"status.connecting",connected:"status.connected",disconnected:"status.disconnected",reconnecting:"status.reconnecting",failed:"status.failed"},K=class extends u{render(){let{state:t,reconnectAttempt:e}=this.options,n=document.createElement("div");n.className=`jd-connection-status jd-connection-status--${t}`;let s=document.createElement("span");s.className="jd-connection-status__dot",n.appendChild(s);let o=document.createElement("span");o.className="jd-connection-status__text";let a=h(Ke[t]);return t==="reconnecting"&&e&&(a=`${h("status.reconnecting").replace("...","")} (${e}/5)...`),o.textContent=a,n.appendChild(o),t==="connected"&&(n.style.display="none"),n}setState(t,e){this.update({state:t,reconnectAttempt:e})}};var $=class extends u{render(){let{items:t,onSelect:e}=this.options,n=document.createElement("div");n.className="jd-quick-replies";for(let s of t){let o=document.createElement("button");if(o.className="jd-quick-reply",o.type="button",s.icon){let r=document.createElement("span");r.className="jd-quick-reply__icon",r.textContent=s.icon,o.appendChild(r)}let a=document.createElement("span");a.textContent=s.text,o.appendChild(a),o.addEventListener("click",()=>e(s)),n.appendChild(o)}return n}setVisible(t){this.element.style.display=t?"flex":"none"}};var Y=class extends u{constructor(){super(...arguments);this.quickReplies=null}render(){var v,ce,le,he,pe,ue,ge,me,fe;let{config:e,displayMode:n,position:s,connectionState:o,reconnectAttempt:a,messages:r,isTyping:c,quickReplies:p,showBranding:b=!0,onClose:f,onCollapse:w,onExpand:d,onSend:H,onTypingStart:N,onTypingStop:R,onQuickReplySelect:_}=this.options,l=document.createElement("div");if(l.className=this.getClassName(n,s),l.setAttribute("role","dialog"),l.setAttribute("aria-label",h("chat.window")),n==="floating"){let j=e.width||380,S=e.height||600;l.style.width=typeof j=="number"?`${j}px`:j,l.style.height=typeof S=="number"?`${S}px`:S,e.borderRadius&&(l.style.borderRadius=`${e.borderRadius}px`)}if(((v=e.header)==null?void 0:v.show)!==!1){let j=this.renderHeader(e,n,f,w,d);l.appendChild(j)}let g=document.createElement("div");g.className="jd-chat-body";let W=new K({state:o,reconnectAttempt:a});if(this.connectionStatus=W,g.appendChild(W.getElement()),this.messageList=new F({messages:r,isTyping:c}),g.appendChild(this.messageList.getElement()),p&&p.length>0&&_&&(this.quickReplies=new $({items:p,onSelect:j=>{var S;_(j),(S=this.quickReplies)==null||S.setVisible(!1)}}),g.appendChild(this.quickReplies.getElement())),l.appendChild(g),this.inputArea=new P({placeholder:((le=(ce=e.footer)==null?void 0:ce.input)==null?void 0:le.placeholder)||h("input.placeholder"),maxLength:(pe=(he=e.footer)==null?void 0:he.input)==null?void 0:pe.maxLength,disabled:o!=="connected",onSend:H,onTypingStart:N,onTypingStop:R}),l.appendChild(this.inputArea.getElement()),b&&((ge=(ue=e.footer)==null?void 0:ue.branding)==null?void 0:ge.show)!==!1){let j=this.renderBranding((fe=(me=e.footer)==null?void 0:me.branding)==null?void 0:fe.text);l.appendChild(j)}return l}getClassName(e,n){let s=["jd-chat-window",`jd-chat-window--${e}`];return e==="floating"&&s.push(`jd-chat-window--${n}`),s.join(" ")}renderHeader(e,n,s,o,a){var w,d,H,N,R,_;let r=document.createElement("header");if(r.className="jd-chat-header",((d=(w=e.header)==null?void 0:w.logo)==null?void 0:d.show)!==!1){let l=document.createElement("div");if(l.className="jd-chat-header__logo",(N=(H=e.header)==null?void 0:H.logo)!=null&&N.url){let g=document.createElement("img");g.src=e.header.logo.url,g.alt="",e.header.logo.size&&(g.style.width=`${e.header.logo.size}px`,g.style.height=`${e.header.logo.size}px`),l.appendChild(g)}else l.appendChild(m("bot"));r.appendChild(l)}let c=document.createElement("div");c.className="jd-chat-header__content";let p=document.createElement("h2");if(p.className="jd-chat-header__title",p.textContent=((R=e.header)==null?void 0:R.title)||h("chat.title"),c.appendChild(p),(_=e.header)!=null&&_.subtitle){let l=document.createElement("p");l.className="jd-chat-header__subtitle",l.textContent=e.header.subtitle,c.appendChild(l)}r.appendChild(c);let b=document.createElement("div");b.className="jd-chat-header__actions";let f=(l,g,W)=>{let v=document.createElement("button");v.className="jd-chat-header__btn",v.type="button",v.setAttribute("aria-label",g),v.appendChild(m(l)),v.addEventListener("click",W),b.appendChild(v)};return n==="fullscreen"&&o&&f("collapse",h("chat.collapse"),o),n==="floating"&&(a&&f("expand",h("chat.expand"),a),f("close",h("chat.closeChat"),s)),r.appendChild(b),r}renderBranding(e){let n=document.createElement("div");n.className="jd-branding";let s=document.createElement("a");return s.href="https://jidou.ai",s.target="_blank",s.rel="noopener noreferrer",s.textContent=e||h("branding.poweredBy"),n.appendChild(s),n}show(){var e;this.element.classList.remove("jd-chat-window--hidden"),(e=this.inputArea)==null||e.focus()}hide(){this.element.classList.add("jd-chat-window--hidden")}setMessages(e){var n;(n=this.messageList)==null||n.setMessages(e)}addMessage(e){var n;(n=this.messageList)==null||n.addMessage(e)}updateMessage(e,n){var s;(s=this.messageList)==null||s.updateMessage(e,n)}setTyping(e){var n;(n=this.messageList)==null||n.setTyping(e)}setConnectionState(e,n){var s,o;(s=this.connectionStatus)==null||s.setState(e,n),(o=this.inputArea)==null||o.setDisabled(e!=="connected")}focusInput(){var e;(e=this.inputArea)==null||e.focus()}destroy(){var e,n,s,o;(e=this.messageList)==null||e.destroy(),(n=this.inputArea)==null||n.destroy(),(s=this.connectionStatus)==null||s.destroy(),(o=this.quickReplies)==null||o.destroy(),super.destroy()}};var oe=`
+"use strict";var JidouChatWidget=(()=>{var U=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var Le=Object.prototype.hasOwnProperty;var Ie=(o,t)=>{for(var e in t)U(o,e,{get:t[e],enumerable:!0})},Ae=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of _e(t))!Le.call(o,s)&&s!==e&&U(o,s,{get:()=>t[s],enumerable:!(n=ke(t,s))||n.enumerable});return o};var Ne=o=>Ae(U({},"__esModule",{value:!0}),o);var Je={};Ie(Je,{Widget:()=>L});var T=class{constructor(){this.listeners=new Map}on(t,e){this.listeners.has(t)||this.listeners.set(t,new Set),this.listeners.get(t).add(e)}off(t,e){let n=this.listeners.get(t);n&&n.delete(e)}emit(t,e){let n=this.listeners.get(t);if(n)for(let s of n)try{s(e)}catch(i){console.error(`Error in event listener for ${String(t)}:`,i)}}once(t,e){let n=s=>{this.off(t,n),e(s)};this.on(t,n)}removeAllListeners(t){t?this.listeners.delete(t):this.listeners.clear()}};var ye={isOpen:!1,displayMode:"floating",connectionState:"disconnected",messages:[],isTyping:!1,unreadCount:0,sessionId:null},B=class extends T{constructor(t){super(),this.state={...ye,...t}}getState(){return{...this.state}}get(t){return this.state[t]}set(t,e){let n=this.state[t];if(n!==e)switch(this.state[t]=e,this.emit("change",{key:t,value:e,prev:n}),t){case"isOpen":this.emit("openChange",e);break;case"displayMode":this.emit("displayModeChange",e);break;case"connectionState":this.emit("connectionStateChange",e);break;case"unreadCount":this.emit("unreadCountChange",e);break;case"messages":this.emit("messagesChange",e);break;case"isTyping":this.emit("isTypingChange",e);break}}addMessage(t){let e=[...this.state.messages,t];this.set("messages",e),!this.state.isOpen&&t.role==="assistant"&&this.set("unreadCount",this.state.unreadCount+1)}updateMessage(t,e){let n=this.state.messages.map(s=>s.id===t?{...s,...e}:s);this.set("messages",n)}removeMessage(t){let e=this.state.messages.filter(n=>n.id!==t);this.set("messages",e)}setMessages(t){this.set("messages",t)}clearMessages(){this.set("messages",[])}open(){this.set("isOpen",!0),this.set("unreadCount",0)}close(){this.set("isOpen",!1)}toggle(){this.state.isOpen?this.close():this.open()}setDisplayMode(t){this.set("displayMode",t)}setConnectionState(t){this.set("connectionState",t)}setTyping(t){this.set("isTyping",t)}setSessionId(t){this.set("sessionId",t)}reset(){this.state={...ye}}};function He(){return typeof crypto<"u"&&crypto.randomUUID?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,o=>{let t=Math.random()*16|0;return(o==="x"?t:t&3|8).toString(16)})}function Be(){return Math.random().toString(36).substring(2,10)}function V(){return`sess_${He()}`}function xe(){return`msg_${Be()}`}var q="jidou_";function R(o){try{let t=localStorage.getItem(q+o);return t===null?null:JSON.parse(t)}catch{return null}}function M(o,t){try{return localStorage.setItem(q+o,JSON.stringify(t)),!0}catch{return!1}}function be(o){try{localStorage.removeItem(q+o)}catch{}}var W="session_id",Re=3e4,We=1e4,ze=5,J=[1e3,2e3,4e3,8e3,16e3],z=class extends T{constructor(e,n){super();this.ws=null;this.connectionState="disconnected";this.reconnectAttempts=0;this.reconnectTimeoutId=null;this.heartbeatIntervalId=null;this.heartbeatTimeoutId=null;this.isManualClose=!1;this.clientId=e,this.wsUrl=n;let s=R(W);s?this.sessionId=s:(this.sessionId=V(),M(W,this.sessionId))}getSessionId(){return this.sessionId}getConnectionState(){return this.connectionState}connect(){if(this.ws&&this.ws.readyState===WebSocket.OPEN)return;this.isManualClose=!1,this.setConnectionState("connecting");let e=`${this.wsUrl}?clientId=${encodeURIComponent(this.clientId)}&sessionId=${encodeURIComponent(this.sessionId)}`;try{this.ws=new WebSocket(e),this.setupEventHandlers()}catch(n){this.handleError(n instanceof Error?n:new Error(String(n)))}}disconnect(){this.isManualClose=!0,this.cleanup(),this.ws&&(this.ws.close(1e3,"Manual disconnect"),this.ws=null),this.setConnectionState("disconnected"),this.emit("disconnected",void 0)}send(e,n){if(!this.ws||this.ws.readyState!==WebSocket.OPEN){console.warn("WebSocket is not connected");return}let s={type:e,payload:n,timestamp:Date.now()};try{this.ws.send(JSON.stringify(s))}catch(i){this.handleError(i instanceof Error?i:new Error(String(i)))}}sendMessage(e){this.send("message:send",{content:e})}sendTypingStart(){this.send("typing:start")}sendTypingStop(){this.send("typing:stop")}setupEventHandlers(){this.ws&&(this.ws.onopen=()=>{this.reconnectAttempts=0,this.startHeartbeat(),this.send("session:init",{sessionId:this.sessionId,clientId:this.clientId})},this.ws.onmessage=e=>{this.handleMessage(e.data)},this.ws.onclose=e=>{this.stopHeartbeat(),this.isManualClose||(this.setConnectionState("disconnected"),this.attemptReconnect())},this.ws.onerror=()=>{})}handleMessage(e){try{let n=JSON.parse(e);switch(n.type){case"connection:ack":{this.setConnectionState("connected");break}case"session:ready":{let s=n.payload;this.sessionId=s.sessionId,M(W,this.sessionId),this.emit("connected",{sessionId:s.sessionId,isResumed:s.restored});break}case"session:expired":this.sessionId=V(),M(W,this.sessionId),this.emit("sessionExpired",void 0);break;case"message:receive":{let s=n.payload;this.emit("message",s);break}case"bot:typing":this.emit("typing",!0);break;case"pong":this.handlePong();break;case"error":{let s=n.payload;this.handleError(new Error(s.message));break}}}catch(n){console.error("Failed to parse WebSocket message:",n)}}setConnectionState(e){this.connectionState!==e&&(this.connectionState=e,this.emit("connectionStateChange",e))}attemptReconnect(){if(this.isManualClose)return;if(this.reconnectAttempts>=ze){this.setConnectionState("failed"),this.emit("error",new Error("Max reconnection attempts reached"));return}let e=J[this.reconnectAttempts]||J[J.length-1];this.reconnectAttempts++,this.setConnectionState("reconnecting"),this.emit("reconnect",this.reconnectAttempts),this.reconnectTimeoutId=setTimeout(()=>{this.connect()},e)}startHeartbeat(){this.stopHeartbeat(),this.heartbeatIntervalId=setInterval(()=>{this.ws&&this.ws.readyState===WebSocket.OPEN&&(this.send("ping"),this.startHeartbeatTimeout())},Re)}stopHeartbeat(){this.heartbeatIntervalId&&(clearInterval(this.heartbeatIntervalId),this.heartbeatIntervalId=null),this.clearHeartbeatTimeout()}startHeartbeatTimeout(){this.clearHeartbeatTimeout(),this.heartbeatTimeoutId=setTimeout(()=>{console.warn("Heartbeat timeout, reconnecting..."),this.ws&&this.ws.close()},We)}clearHeartbeatTimeout(){this.heartbeatTimeoutId&&(clearTimeout(this.heartbeatTimeoutId),this.heartbeatTimeoutId=null)}handlePong(){this.clearHeartbeatTimeout()}handleError(e){console.error("WebSocket error:",e),this.emit("error",e)}cleanup(){this.stopHeartbeat(),this.reconnectTimeoutId&&(clearTimeout(this.reconnectTimeoutId),this.reconnectTimeoutId=null),this.reconnectAttempts=0}destroy(){this.disconnect(),this.removeAllListeners()}};var G="chat_history_",je=100,we=7*24*60*60*1e3,O=class{constructor(){this.sessionId=null}getStorageKey(t){let e=t||this.sessionId;return e?`${G}${e}`:G}setSessionId(t){this.sessionId=t}getSessionId(){return this.sessionId}getValidHistory(t){let e=this.getStorageKey(t),n=R(e);return n?Date.now()-n.savedAt>we?(this.clear(t),null):n:null}save(t){if(!this.sessionId)return!1;let e={sessionId:this.sessionId,messages:t.slice(-je),savedAt:Date.now()};return M(this.getStorageKey(),e)}load(){let t=this.getValidHistory();return(t==null?void 0:t.messages)||null}loadForSession(t){let e=this.getValidHistory(t);return(e==null?void 0:e.messages)||null}appendMessage(t){if(!this.sessionId)return!1;let e=this.getValidHistory(),n=e?[...e.messages,t].slice(-je):[t];return this.save(n)}updateMessage(t,e){let n=this.getValidHistory();if(!n)return!1;let s=n.messages.map(i=>i.id===t?{...i,...e}:i);return this.save(s)}clear(t){be(this.getStorageKey(t))}hasHistory(){return!!this.getValidHistory()}getMessageCount(){let t=this.getValidHistory();return(t==null?void 0:t.messages.length)||0}static cleanup(){Object.keys(localStorage).filter(e=>e.startsWith(G)).forEach(e=>{try{let n=localStorage.getItem(e);if(n){let s=JSON.parse(n);Date.now()-s.savedAt>we&&localStorage.removeItem(e)}}catch{}})}};var m=class{constructor(t){this.options=t,this.element=this.render()}getElement(){return this.element}mount(t){t.appendChild(this.element)}unmount(){this.element.parentNode&&this.element.parentNode.removeChild(this.element)}update(t){this.options={...this.options,...t},this.refresh()}refresh(){let t=this.render();this.element.parentNode&&this.element.parentNode.replaceChild(t,this.element),this.element=t}destroy(){this.unmount()}};var Ce="http://www.w3.org/2000/svg";function y(...o){let t=document.createElementNS(Ce,"svg");return t.setAttribute("viewBox","0 0 24 24"),t.setAttribute("fill","none"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","2"),t.setAttribute("stroke-linecap","round"),t.setAttribute("stroke-linejoin","round"),o.forEach(e=>t.appendChild(e)),t}function k(o,t){let e=document.createElementNS(Ce,o);return Object.entries(t).forEach(([n,s])=>e.setAttribute(n,s)),e}var _=o=>k("path",{d:o}),x=(o,t,e,n)=>k("line",{x1:o,y1:t,x2:e,y2:n}),Q=(o,t,e)=>k("circle",{cx:o,cy:t,r:e}),Oe=(o,t,e,n,s="")=>k("rect",{x:o,y:t,width:e,height:n,...s&&{rx:s}}),S=o=>k("polyline",{points:o}),De=o=>k("polygon",{points:o}),Fe={chat:()=>y(_("M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z")),close:()=>y(x("18","6","6","18"),x("6","6","18","18")),send:()=>y(x("22","2","11","13"),De("22 2 15 22 11 13 2 9 22 2")),minimize:()=>y(x("5","12","19","12")),expand:()=>y(S("15 3 21 3 21 9"),S("9 21 3 21 3 15"),x("21","3","14","10"),x("3","21","10","14")),collapse:()=>y(S("4 14 10 14 10 20"),S("20 10 14 10 14 4"),x("14","10","21","3"),x("3","21","10","14")),bot:()=>y(Oe("3","11","18","10","2"),Q("12","5","2"),_("M12 7v4"),x("8","16","8","16"),x("16","16","16","16")),check:()=>y(S("20 6 9 17 4 12")),checkDouble:()=>y(_("M18 6L7 17l-5-5"),_("M22 10l-7.5 7.5L13 16")),clock:()=>y(Q("12","12","10"),S("12 6 12 12 16 14")),alert:()=>y(Q("12","12","10"),x("12","8","12","12"),x("12","16","12.01","16")),refresh:()=>y(S("23 4 23 10 17 10"),_("M20.49 15a9 9 0 1 1-2.12-9.36L23 10"))};function f(o){return Fe[o]()}var X={en:{"status.connecting":"Connecting...","status.connected":"Connected","status.disconnected":"Disconnected","status.reconnecting":"Reconnecting...","status.failed":"Connection failed","chat.window":"Chat window","chat.closeChat":"Close chat","chat.openChat":"Open chat","chat.collapse":"Minimize","chat.expand":"Fullscreen","chat.title":"AI Assistant","input.placeholder":"Type a message...","input.ariaLabel":"Message input","input.send":"Send message","branding.poweredBy":"Powered by Jidou","message.today":"Today","message.yesterday":"Yesterday"},"zh-TW":{"status.connecting":"\u9023\u7DDA\u4E2D...","status.connected":"\u5DF2\u9023\u7DDA","status.disconnected":"\u5DF2\u65B7\u7DDA","status.reconnecting":"\u91CD\u65B0\u9023\u7DDA\u4E2D...","status.failed":"\u9023\u7DDA\u5931\u6557","chat.window":"\u804A\u5929\u8996\u7A97","chat.closeChat":"\u95DC\u9589\u804A\u5929","chat.openChat":"\u958B\u555F\u804A\u5929","chat.collapse":"\u7E2E\u5C0F","chat.expand":"\u5168\u87A2\u5E55","chat.title":"AI \u52A9\u7406","input.placeholder":"\u8F38\u5165\u8A0A\u606F...","input.ariaLabel":"\u8A0A\u606F\u8F38\u5165","input.send":"\u50B3\u9001\u8A0A\u606F","branding.poweredBy":"\u7531 Jidou \u63D0\u4F9B","message.today":"\u4ECA\u5929","message.yesterday":"\u6628\u5929"},"zh-CN":{"status.connecting":"\u8FDE\u63A5\u4E2D...","status.connected":"\u5DF2\u8FDE\u63A5","status.disconnected":"\u5DF2\u65AD\u5F00","status.reconnecting":"\u91CD\u65B0\u8FDE\u63A5\u4E2D...","status.failed":"\u8FDE\u63A5\u5931\u8D25","chat.window":"\u804A\u5929\u7A97\u53E3","chat.closeChat":"\u5173\u95ED\u804A\u5929","chat.openChat":"\u6253\u5F00\u804A\u5929","chat.collapse":"\u6700\u5C0F\u5316","chat.expand":"\u5168\u5C4F","chat.title":"AI \u52A9\u624B","input.placeholder":"\u8F93\u5165\u6D88\u606F...","input.ariaLabel":"\u6D88\u606F\u8F93\u5165","input.send":"\u53D1\u9001\u6D88\u606F","branding.poweredBy":"\u7531 Jidou \u63D0\u4F9B","message.today":"\u4ECA\u5929","message.yesterday":"\u6628\u5929"},ja:{"status.connecting":"\u63A5\u7D9A\u4E2D...","status.connected":"\u63A5\u7D9A\u6E08\u307F","status.disconnected":"\u5207\u65AD","status.reconnecting":"\u518D\u63A5\u7D9A\u4E2D...","status.failed":"\u63A5\u7D9A\u5931\u6557","chat.window":"\u30C1\u30E3\u30C3\u30C8\u30A6\u30A3\u30F3\u30C9\u30A6","chat.closeChat":"\u30C1\u30E3\u30C3\u30C8\u3092\u9589\u3058\u308B","chat.openChat":"\u30C1\u30E3\u30C3\u30C8\u3092\u958B\u304F","chat.collapse":"\u6700\u5C0F\u5316","chat.expand":"\u30D5\u30EB\u30B9\u30AF\u30EA\u30FC\u30F3","chat.title":"AI\u30A2\u30B7\u30B9\u30BF\u30F3\u30C8","input.placeholder":"\u30E1\u30C3\u30BB\u30FC\u30B8\u3092\u5165\u529B...","input.ariaLabel":"\u30E1\u30C3\u30BB\u30FC\u30B8\u5165\u529B","input.send":"\u30E1\u30C3\u30BB\u30FC\u30B8\u3092\u9001\u4FE1","branding.poweredBy":"Powered by Jidou","message.today":"\u4ECA\u65E5","message.yesterday":"\u6628\u65E5"}};var Z="en";function Ke(){if(typeof navigator>"u")return"en";let t=(navigator.language||navigator.userLanguage||"en").toLowerCase();return t.startsWith("zh-tw")||t.startsWith("zh-hant")?"zh-TW":t.startsWith("zh")?"zh-CN":t.startsWith("ja")?"ja":(t.startsWith("en"),"en")}function ee(o){o==="auto"?Z=Ke():Z=o}function h(o){var n;let t=(n=X[Z])==null?void 0:n[o];if(t)return t;let e=X.en[o];return e||(console.warn(`Missing translation for key: ${o}`),o)}ee("auto");var D=class extends m{render(){var b,u,w;let{config:t,isOpen:e,unreadCount:n,onClick:s}=this.options,i=t.position||"bottom-right",a=t.size||"medium",r=t.shape||"circle",d=document.createElement("button");if(d.className=this.getClassName(i,a,r,e),d.setAttribute("aria-label",e?h("chat.closeChat"):h("chat.openChat")),d.setAttribute("type","button"),t.offsetX!==void 0){let c=i.includes("right");d.style[c?"right":"left"]=`${t.offsetX}px`}t.offsetY!==void 0&&(d.style.bottom=`${t.offsetY}px`);let l=document.createElement("span");if(l.className="jd-launcher__icon",((b=t.icon)==null?void 0:b.type)==="custom"&&t.icon.url){let c=document.createElement("img");c.className="jd-launcher__img",c.src=t.icon.url,c.alt="",l.appendChild(c),d.appendChild(l)}else if(((u=t.icon)==null?void 0:u.type)==="text"&&t.icon.text){let c=document.createElement("span");c.className="jd-launcher__text",c.textContent=t.icon.text,d.appendChild(c)}else{let c=e?f("close"):f("chat");l.appendChild(c),d.appendChild(l)}if(n>0&&!e){let c=document.createElement("span");c.className="jd-launcher__badge",c.textContent=n>99?"99+":String(n),c.setAttribute("aria-label",`${n} unread messages`),d.appendChild(c)}if((w=t.tooltip)!=null&&w.show&&t.tooltip.text&&!e){let c=document.createElement("span");c.className="jd-launcher__tooltip",c.textContent=t.tooltip.text,d.appendChild(c)}return d.addEventListener("click",s),d}getClassName(t,e,n,s){let i=["jd-launcher",`jd-launcher--${t}`,`jd-launcher--${e}`,`jd-launcher--${n}`];return s&&i.push("jd-launcher--open"),i.join(" ")}show(){this.element.classList.remove("jd-launcher--hidden")}hide(){this.element.classList.add("jd-launcher--hidden")}setOpen(t){this.update({...this.options,isOpen:t})}setUnreadCount(t){this.update({...this.options,unreadCount:t})}};function te(o,t=!0){o.scrollTo({top:o.scrollHeight,behavior:t?"smooth":"auto"})}function Se(o,t=50){return o.scrollHeight-o.scrollTop-o.clientHeight<t}var Pe=["__proto__","constructor","prototype"];function ne(o,...t){let e={...o};for(let n of t)if(n)for(let s of Object.keys(n)){if(Pe.includes(s))continue;let i=n[s],a=e[s];i!==void 0&&typeof i=="object"&&i!==null&&!Array.isArray(i)&&typeof a=="object"&&a!==null&&!Array.isArray(a)?e[s]=ne(a,i):i!==void 0&&(e[s]=i)}return e}function Ee(o){return new Date(o).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"})}function se(){return Date.now()}var F=class extends m{constructor(){super(...arguments);this.shouldAutoScroll=!0}render(){let{messages:e,isTyping:n}=this.options,s=document.createElement("div");if(s.className="jd-message-list jd-scrollbar",s.addEventListener("scroll",()=>{this.shouldAutoScroll=Se(s)}),e.length===0&&!n){let i=this.renderEmptyState();return s.appendChild(i),s}for(let i of e){let a=this.renderMessage(i);s.appendChild(a)}if(n){let i=this.renderTypingIndicator();s.appendChild(i)}return requestAnimationFrame(()=>{this.shouldAutoScroll&&te(s,!1)}),s}renderMessage(e){let n=document.createElement("div");n.className=`jd-message jd-message--${e.role}`,n.setAttribute("data-message-id",e.id);let s=document.createElement("div");if(s.className="jd-message__bubble",e.role==="assistant"&&e.structContent){let a=this.renderStructContent(e.structContent);s.appendChild(a)}else s.textContent=e.content;n.appendChild(s);let i=document.createElement("div");if(i.className="jd-message__time",i.textContent=Ee(e.timestamp),n.appendChild(i),e.role==="user"&&e.status){let a=document.createElement("div");a.className=`jd-message__status jd-message__status--${e.status}`;let r=document.createElement("span");e.status==="sending"?r.appendChild(f("clock")):e.status==="sent"?r.appendChild(f("check")):e.status==="error"&&r.appendChild(f("alert")),a.appendChild(r),n.appendChild(a)}return n}renderStructContent(e){let n=document.createElement("div");n.className="jd-struct";let s=(e==null?void 0:e.blocks)||[];for(let i of s){let a=this.renderBlock(i);a&&n.appendChild(a)}return n}renderBlock(e){switch(e.type){case"text":return this.renderTextBlock(e);case"image":return this.renderImageBlock(e);case"button":return this.renderButtonBlock(e);case"actions":return this.renderActionsBlock(e);case"divider":return this.renderDividerBlock();case"header":return this.renderHeaderBlock(e);case"card":return this.renderCardBlock(e);case"carousel":return this.renderCarouselBlock(e);case"container":return this.renderContainerBlock(e);default:return null}}renderTextBlock(e){var s,i,a,r,d;let n=document.createElement("p");return n.className="jd-struct-text",n.textContent=e.text||"",(s=e.style)!=null&&s.size&&n.setAttribute("data-size",e.style.size),(i=e.style)!=null&&i.bold&&(n.style.fontWeight="700"),(a=e.style)!=null&&a.italic&&(n.style.fontStyle="italic"),(r=e.style)!=null&&r.strike&&(n.style.textDecoration="line-through"),(d=e.style)!=null&&d.color&&(n.style.color=e.style.color),e.align&&(n.style.textAlign=e.align),n}renderImageBlock(e){let n=document.createElement("img");return n.className="jd-struct-image",n.src=e.url||"",n.alt=e.alt_text||"",e.title&&(n.title=e.title),n}renderButtonBlock(e){let n=document.createElement("button");n.className="jd-struct-button",n.textContent=e.text||"";let s=e.style||"primary";n.setAttribute("data-style",s);let i=e.action;return i&&n.addEventListener("click",()=>{var a,r,d,l;i.type==="url"&&i.url?window.open(i.url,"_blank","noopener,noreferrer"):i.type==="message"&&i.text?(r=(a=this.options).onAction)==null||r.call(a,i.text):i.type==="postback"&&((l=(d=this.options).onAction)==null||l.call(d,i.display_text||i.data||""))}),n}renderActionsBlock(e){let n=document.createElement("div");n.className="jd-struct-actions";let s=e.layout||"vertical";n.setAttribute("data-layout",s);let i=e.buttons||[];for(let a of i)n.appendChild(this.renderButtonBlock(a));return n}renderDividerBlock(){let e=document.createElement("hr");return e.className="jd-struct-divider",e}renderHeaderBlock(e){let n=document.createElement("div");n.className="jd-struct-header";let s=document.createElement("div");if(s.className="jd-struct-header__title",s.textContent=e.title||"",n.appendChild(s),e.subtitle){let i=document.createElement("div");i.className="jd-struct-header__subtitle",i.textContent=e.subtitle,n.appendChild(i)}return n}renderCardBlock(e){let n=document.createElement("div");if(n.className="jd-struct-card",e.header){let s=document.createElement("div");s.className="jd-struct-card__header",e.header.background_color&&(s.style.backgroundColor=e.header.background_color);let i=document.createElement("div");if(i.className="jd-struct-card__title",i.textContent=e.header.title||"",s.appendChild(i),e.header.subtitle){let a=document.createElement("div");a.className="jd-struct-card__subtitle",a.textContent=e.header.subtitle,s.appendChild(a)}n.appendChild(s)}if(e.hero){let s=this.renderImageBlock(e.hero);s.className="jd-struct-card__hero",n.appendChild(s)}if(e.body){let s=document.createElement("div");s.className="jd-struct-card__body";for(let i of e.body){let a=this.renderBlock(i);a&&s.appendChild(a)}n.appendChild(s)}if(e.footer){let s=document.createElement("div");s.className="jd-struct-card__footer";for(let i of e.footer){let a=this.renderBlock(i);a&&s.appendChild(a)}n.appendChild(s)}if(e.actions&&e.actions.length>0){let s=document.createElement("div");s.className="jd-struct-card__actions";for(let i of e.actions)s.appendChild(this.renderButtonBlock(i));n.appendChild(s)}return n}renderCarouselBlock(e){let n=document.createElement("div");n.className="jd-struct-carousel";let s=e.cards||[];for(let i of s)n.appendChild(this.renderCardBlock(i));return n}renderContainerBlock(e){let n=document.createElement("div");n.className="jd-struct-container",n.setAttribute("data-layout",e.layout||"vertical"),e.style&&(e.style.background_color&&(n.style.backgroundColor=e.style.background_color),e.style.border_color&&(n.style.borderColor=e.style.border_color),e.style.border_radius&&(n.style.borderRadius=e.style.border_radius),e.style.padding&&(n.style.padding=e.style.padding));let s=e.contents||[];for(let i of s){let a=this.renderBlock(i);a&&n.appendChild(a)}return n}renderTypingIndicator(){let e=document.createElement("div");e.className="jd-typing-indicator";for(let n=0;n<3;n++){let s=document.createElement("span");s.className="jd-typing-indicator__dot",e.appendChild(s)}return e}renderEmptyState(){let e=document.createElement("div");e.className="jd-welcome";let n=document.createElement("div");n.className="jd-welcome__icon",n.appendChild(f("bot")),e.appendChild(n);let s=document.createElement("h3");s.className="jd-welcome__title",s.textContent="Hi! How can I help you?",e.appendChild(s);let i=document.createElement("p");return i.className="jd-welcome__subtitle",i.textContent="Ask me anything",e.appendChild(i),e}setMessages(e){this.options.messages=e,this.refresh()}addMessage(e){this.options.messages=[...this.options.messages,e],this.refresh()}updateMessage(e,n){this.options.messages=this.options.messages.map(s=>s.id===e?{...s,...n}:s),this.refresh()}setTyping(e){this.options.isTyping=e,this.refresh()}scrollToBottom(){te(this.element)}};var K=class extends m{constructor(){super(...arguments);this.isTyping=!1;this.typingTimeout=null}render(){let{placeholder:e,maxLength:n,disabled:s}=this.options,i=document.createElement("div");i.className="jd-input-area";let a=document.createElement("div");return a.className="jd-input-wrapper",this.textarea=document.createElement("textarea"),this.textarea.className="jd-input",this.textarea.placeholder=e||h("input.placeholder"),this.textarea.rows=1,this.textarea.disabled=s||!1,n&&(this.textarea.maxLength=n),this.textarea.setAttribute("aria-label",h("input.ariaLabel")),this.textarea.addEventListener("input",this.handleInput.bind(this)),this.textarea.addEventListener("keydown",this.handleKeyDown.bind(this)),a.appendChild(this.textarea),i.appendChild(a),this.sendButton=document.createElement("button"),this.sendButton.className="jd-send-btn",this.sendButton.type="button",this.sendButton.disabled=!0,this.sendButton.setAttribute("aria-label",h("input.send")),this.sendButton.appendChild(f("send")),this.sendButton.addEventListener("click",this.handleSend.bind(this)),i.appendChild(this.sendButton),i}handleInput(){var n,s,i,a;if(!this.textarea||!this.sendButton)return;let e=this.textarea.value.trim();this.sendButton.disabled=e.length===0,this.textarea.style.height="auto",this.textarea.style.height=`${Math.min(this.textarea.scrollHeight,120)}px`,e.length>0&&!this.isTyping&&(this.isTyping=!0,(s=(n=this.options).onTypingStart)==null||s.call(n)),this.typingTimeout&&clearTimeout(this.typingTimeout),e.length>0?this.typingTimeout=setTimeout(()=>{var r,d;this.isTyping&&(this.isTyping=!1,(d=(r=this.options).onTypingStop)==null||d.call(r))},1e3):this.isTyping&&(this.isTyping=!1,(a=(i=this.options).onTypingStop)==null||a.call(i))}handleKeyDown(e){e.isComposing||e.keyCode===229||e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),this.handleSend())}handleSend(){var n,s;if(!this.textarea)return;let e=this.textarea.value.trim();e.length!==0&&(this.isTyping&&(this.isTyping=!1,(s=(n=this.options).onTypingStop)==null||s.call(n)),this.typingTimeout&&(clearTimeout(this.typingTimeout),this.typingTimeout=null),this.textarea.value="",this.textarea.style.height="auto",this.sendButton&&(this.sendButton.disabled=!0),this.options.onSend(e))}focus(){var e;(e=this.textarea)==null||e.focus()}clear(){this.textarea&&(this.textarea.value="",this.textarea.style.height="auto"),this.sendButton&&(this.sendButton.disabled=!0)}setDisabled(e){var n;this.textarea&&(this.textarea.disabled=e),this.sendButton&&(this.sendButton.disabled=e||!((n=this.textarea)!=null&&n.value.trim()))}getValue(){var e;return((e=this.textarea)==null?void 0:e.value.trim())||""}destroy(){this.typingTimeout&&clearTimeout(this.typingTimeout),super.destroy()}};var $e={connecting:"status.connecting",connected:"status.connected",disconnected:"status.disconnected",reconnecting:"status.reconnecting",failed:"status.failed"},P=class extends m{render(){let{state:t,reconnectAttempt:e}=this.options,n=document.createElement("div");n.className=`jd-connection-status jd-connection-status--${t}`;let s=document.createElement("span");s.className="jd-connection-status__dot",n.appendChild(s);let i=document.createElement("span");i.className="jd-connection-status__text";let a=h($e[t]);return t==="reconnecting"&&e&&(a=`${h("status.reconnecting").replace("...","")} (${e}/5)...`),i.textContent=a,n.appendChild(i),t==="connected"&&(n.style.display="none"),n}setState(t,e){this.update({state:t,reconnectAttempt:e})}};var $=class extends m{render(){let{items:t,onSelect:e}=this.options,n=document.createElement("div");n.className="jd-quick-replies";for(let s of t){let i=document.createElement("button");if(i.className="jd-quick-reply",i.type="button",s.icon){let r=document.createElement("span");r.className="jd-quick-reply__icon",r.textContent=s.icon,i.appendChild(r)}let a=document.createElement("span");a.textContent=s.text,i.appendChild(a),i.addEventListener("click",()=>e(s)),n.appendChild(i)}return n}setVisible(t){this.element.style.display=t?"flex":"none"}};var Y=class extends m{constructor(){super(...arguments);this.quickReplies=null}render(){var de,ce,le,pe,he,ue,ge,me,fe;let{config:e,displayMode:n,position:s,connectionState:i,reconnectAttempt:a,messages:r,isTyping:d,quickReplies:l,showBranding:b=!0,onClose:u,onCollapse:w,onExpand:c,onSend:I,onAction:A,onTypingStart:N,onTypingStop:H,onQuickReplySelect:g}=this.options,p=document.createElement("div");if(p.className=this.getClassName(n,s),p.setAttribute("role","dialog"),p.setAttribute("aria-label",h("chat.window")),n==="floating"){let j=e.width||380,E=e.height||600;p.style.width=typeof j=="number"?`${j}px`:j,p.style.height=typeof E=="number"?`${E}px`:E,e.borderRadius&&(p.style.borderRadius=`${e.borderRadius}px`)}if(((de=e.header)==null?void 0:de.show)!==!1){let j=this.renderHeader(e,n,u,w,c);p.appendChild(j)}let C=document.createElement("div");C.className="jd-chat-body";let v=new P({state:i,reconnectAttempt:a});if(this.connectionStatus=v,C.appendChild(v.getElement()),this.messageList=new F({messages:r,isTyping:d,onAction:A}),C.appendChild(this.messageList.getElement()),l&&l.length>0&&g&&(this.quickReplies=new $({items:l,onSelect:j=>{var E;g(j),(E=this.quickReplies)==null||E.setVisible(!1)}}),C.appendChild(this.quickReplies.getElement())),p.appendChild(C),this.inputArea=new K({placeholder:((le=(ce=e.footer)==null?void 0:ce.input)==null?void 0:le.placeholder)||h("input.placeholder"),maxLength:(he=(pe=e.footer)==null?void 0:pe.input)==null?void 0:he.maxLength,disabled:i!=="connected",onSend:I,onTypingStart:N,onTypingStop:H}),p.appendChild(this.inputArea.getElement()),b&&((ge=(ue=e.footer)==null?void 0:ue.branding)==null?void 0:ge.show)!==!1){let j=this.renderBranding((fe=(me=e.footer)==null?void 0:me.branding)==null?void 0:fe.text);p.appendChild(j)}return p}getClassName(e,n){let s=["jd-chat-window",`jd-chat-window--${e}`];return e==="floating"&&s.push(`jd-chat-window--${n}`),s.join(" ")}renderHeader(e,n,s,i,a){var w,c,I,A,N,H;let r=document.createElement("header");if(r.className="jd-chat-header",((c=(w=e.header)==null?void 0:w.logo)==null?void 0:c.show)!==!1){let g=document.createElement("div");if(g.className="jd-chat-header__logo",(A=(I=e.header)==null?void 0:I.logo)!=null&&A.url){let p=document.createElement("img");p.src=e.header.logo.url,p.alt="",e.header.logo.size&&(p.style.width=`${e.header.logo.size}px`,p.style.height=`${e.header.logo.size}px`),g.appendChild(p)}else g.appendChild(f("bot"));r.appendChild(g)}let d=document.createElement("div");d.className="jd-chat-header__content";let l=document.createElement("h2");if(l.className="jd-chat-header__title",l.textContent=((N=e.header)==null?void 0:N.title)||h("chat.title"),d.appendChild(l),(H=e.header)!=null&&H.subtitle){let g=document.createElement("p");g.className="jd-chat-header__subtitle",g.textContent=e.header.subtitle,d.appendChild(g)}r.appendChild(d);let b=document.createElement("div");b.className="jd-chat-header__actions";let u=(g,p,C)=>{let v=document.createElement("button");v.className=`jd-chat-header__btn jd-chat-header__btn--${g}`,v.type="button",v.setAttribute("aria-label",p),v.appendChild(f(g)),v.addEventListener("click",C),b.appendChild(v)};return n==="fullscreen"&&i&&u("collapse",h("chat.collapse"),i),n==="floating"&&(a&&u("expand",h("chat.expand"),a),u("close",h("chat.closeChat"),s)),r.appendChild(b),r}renderBranding(e){let n=document.createElement("div");n.className="jd-branding";let s=document.createElement("a");return s.href="https://jidou.ai",s.target="_blank",s.rel="noopener noreferrer",s.textContent=e||h("branding.poweredBy"),n.appendChild(s),n}show(){var e;this.element.classList.remove("jd-chat-window--hidden"),(e=this.inputArea)==null||e.focus()}hide(){this.element.classList.add("jd-chat-window--hidden")}setMessages(e){var n;(n=this.messageList)==null||n.setMessages(e)}addMessage(e){var n;(n=this.messageList)==null||n.addMessage(e)}updateMessage(e,n){var s;(s=this.messageList)==null||s.updateMessage(e,n)}setTyping(e){var n;(n=this.messageList)==null||n.setTyping(e)}setConnectionState(e,n){var s,i;(s=this.connectionStatus)==null||s.setState(e,n),(i=this.inputArea)==null||i.setDisabled(e!=="connected")}focusInput(){var e;(e=this.inputArea)==null||e.focus()}destroy(){var e,n,s,i;(e=this.messageList)==null||e.destroy(),(n=this.inputArea)==null||n.destroy(),(s=this.connectionStatus)==null||s.destroy(),(i=this.quickReplies)==null||i.destroy(),super.destroy()}};var ie=`
 /* CSS Reset for Shadow DOM */
 *,
 *::before,
@@ -223,7 +223,7 @@
   white-space: nowrap;
   border: 0;
 }
-`;var ae=`
+`;var oe=`
 .jd-launcher {
   position: fixed;
   z-index: var(--jd-z-base);
@@ -404,7 +404,16 @@
   visibility: hidden;
   transform: scale(0.8);
 }
-`;var re=`
+
+/* Mobile: hide launcher when chat is open */
+@media (max-width: 480px) {
+  .jd-launcher--open {
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+  }
+}
+`;var ae=`
 /* Container */
 .jd-chat-window {
   position: fixed;
@@ -465,13 +474,22 @@
 /* Mobile responsive */
 @media (max-width: 480px) {
   .jd-chat-window--floating {
-    width: 100%;
-    height: 100%;
-    max-height: 100vh;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    border-radius: 0;
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    width: 100vw !important;
+    height: 100vh !important;
+    max-width: 100vw !important;
+    max-height: 100vh !important;
+    border-radius: 0 !important;
+    z-index: 999999 !important;
+  }
+
+  /* Hide expand button on mobile - already fullscreen */
+  .jd-chat-header__btn--expand {
+    display: none !important;
   }
 }
 
@@ -638,7 +656,7 @@
 .jd-connection-status--failed .jd-connection-status__dot {
   background: #EF4444;
 }
-`;var de=`
+`;var re=`
 /* Message List Container */
 .jd-message-list {
   flex: 1;
@@ -944,6 +962,211 @@
   height: 20px;
 }
 
+/* ============================================
+   Structured Content (structContent)
+   ============================================ */
+
+/* Container for all struct blocks */
+.jd-struct {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+
+/* Text block */
+.jd-struct-text {
+  margin: 0;
+  font-family: var(--jd-font);
+  font-size: 14px;
+  line-height: 1.5;
+  color: inherit;
+  word-wrap: break-word;
+}
+.jd-struct-text[data-size="xs"] { font-size: 11px; }
+.jd-struct-text[data-size="sm"] { font-size: 13px; }
+.jd-struct-text[data-size="md"] { font-size: 14px; }
+.jd-struct-text[data-size="lg"] { font-size: 16px; }
+.jd-struct-text[data-size="xl"] { font-size: 18px; }
+.jd-struct-text[data-size="xxl"] { font-size: 22px; }
+
+/* Image block */
+.jd-struct-image {
+  width: 100%;
+  border-radius: 8px;
+  display: block;
+  object-fit: cover;
+}
+
+/* Button block */
+.jd-struct-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 8px;
+  font-family: var(--jd-font);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: opacity var(--jd-transition), background var(--jd-transition);
+  width: 100%;
+  text-align: center;
+}
+.jd-struct-button:hover { opacity: 0.85; }
+.jd-struct-button[data-style="primary"] {
+  background: var(--jd-primary);
+  color: #fff;
+}
+.jd-struct-button[data-style="secondary"] {
+  background: var(--jd-surface);
+  color: var(--jd-text);
+  border: 1px solid var(--jd-border);
+}
+.jd-struct-button[data-style="danger"] {
+  background: #EF4444;
+  color: #fff;
+}
+.jd-struct-button[data-style="link"] {
+  background: transparent;
+  color: var(--jd-primary);
+  padding: 4px 0;
+  text-decoration: underline;
+}
+
+/* Actions block (button group) */
+.jd-struct-actions {
+  display: flex;
+  gap: 8px;
+}
+.jd-struct-actions[data-layout="vertical"] {
+  flex-direction: column;
+}
+.jd-struct-actions[data-layout="horizontal"] {
+  flex-direction: row;
+}
+.jd-struct-actions[data-layout="horizontal"] .jd-struct-button {
+  flex: 1;
+  width: auto;
+}
+
+/* Divider */
+.jd-struct-divider {
+  border: none;
+  border-top: 1px solid var(--jd-border);
+  margin: 4px 0;
+}
+
+/* Header block */
+.jd-struct-header {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.jd-struct-header__title {
+  font-family: var(--jd-font);
+  font-size: 16px;
+  font-weight: 600;
+  color: inherit;
+}
+.jd-struct-header__subtitle {
+  font-family: var(--jd-font);
+  font-size: 13px;
+  color: var(--jd-text-secondary);
+}
+
+/* Card block */
+.jd-struct-card {
+  border: 1px solid var(--jd-border);
+  border-radius: 12px;
+  overflow: hidden;
+  background: var(--jd-background);
+}
+.jd-struct-card__header {
+  padding: 12px 16px;
+}
+.jd-struct-card__title {
+  font-family: var(--jd-font);
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--jd-text);
+}
+.jd-struct-card__subtitle {
+  font-family: var(--jd-font);
+  font-size: 13px;
+  color: var(--jd-text-secondary);
+  margin-top: 2px;
+}
+.jd-struct-card__hero {
+  width: 100%;
+  border-radius: 0;
+  display: block;
+  object-fit: cover;
+}
+.jd-struct-card__body {
+  padding: 12px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.jd-struct-card__footer {
+  padding: 8px 16px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  border-top: 1px solid var(--jd-border);
+}
+.jd-struct-card__actions {
+  padding: 8px 16px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  border-top: 1px solid var(--jd-border);
+}
+
+/* Carousel block */
+.jd-struct-carousel {
+  display: flex;
+  gap: 12px;
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  padding-bottom: 4px;
+}
+.jd-struct-carousel::-webkit-scrollbar { display: none; }
+.jd-struct-carousel > .jd-struct-card {
+  min-width: 240px;
+  max-width: 280px;
+  flex-shrink: 0;
+  scroll-snap-align: start;
+}
+
+/* Container block (generic layout) */
+.jd-struct-container {
+  display: flex;
+  gap: 8px;
+}
+.jd-struct-container[data-layout="vertical"] {
+  flex-direction: column;
+}
+.jd-struct-container[data-layout="horizontal"] {
+  flex-direction: row;
+}
+.jd-struct-container[data-layout="baseline"] {
+  flex-direction: row;
+  align-items: baseline;
+}
+
+/* Wider bubble for struct content */
+.jd-message--assistant .jd-message__bubble:has(.jd-struct) {
+  padding: 12px;
+}
+.jd-message--assistant:has(.jd-struct) {
+  max-width: 95%;
+}
+
 /* Empty State */
 .jd-empty-state {
   flex: 1;
@@ -962,8 +1185,8 @@
   margin-bottom: 16px;
   opacity: 0.5;
 }
-`;function Ee(){return[oe,ae,re,de].join(`
-`)}var $e=/^(#[0-9A-Fa-f]{3,8}|rgb\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*\)|rgba\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*[\d.]+\s*\)|hsl\(\s*\d{1,3}\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*\)|hsla\(\s*\d{1,3}\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*,\s*[\d.]+\s*\)|[a-zA-Z]+)$/;function Ye(i){return typeof i=="string"&&$e.test(i.trim())}function Ue(i){return typeof i=="number"&&Number.isFinite(i)&&i>=0&&i<=2147483647}var Ve={displayMode:"floating",language:"auto",theme:"light",colors:{primary:"#4F46E5"},launcher:{show:!0,position:"bottom-right",size:"medium",shape:"circle"},chatWindow:{width:380,height:600,borderRadius:16,header:{logo:{show:!0}},footer:{branding:{show:!0}}},behavior:{persistence:{enabled:!0,duration:7}},zIndex:9999,wsUrl:"wss://chat.jidou.ai/ws"},A=class{constructor(t){this.shadowRoot=null;this.launcher=null;this.chatWindow=null;this.container=null;this.eventListeners=new Map;this.config=se(Ve,t),te(this.config.language||"auto"),this.stateManager=new O({displayMode:this.config.displayMode||"floating"}),this.historyManager=new D,this.wsClient=new B(this.config.clientId,this.config.wsUrl||"wss://chat.jidou.ai/ws"),this.setupStateListeners(),this.setupWSListeners()}init(){var t,e;if(this.createContainer(),this.render(),this.loadHistory(),this.triggerHook("onLoad"),this.wsClient.connect(),this.config.displayMode!=="floating"&&this.open(),(e=(t=this.config.behavior)==null?void 0:t.autoOpen)!=null&&e.enabled&&this.config.displayMode==="floating"){let n=this.config.behavior.autoOpen.delay||0;setTimeout(()=>this.open(),n)}this.triggerHook("onReady")}createContainer(){this.container=document.createElement("div"),this.container.id="jidou-chat-widget";let t=Ue(this.config.zIndex)?this.config.zIndex:9999;this.config.displayMode==="embedded"?this.container.style.cssText=`
+`;function Te(){return[ie,oe,ae,re].join(`
+`)}var Ye=/^(#[0-9A-Fa-f]{3,8}|rgb\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*\)|rgba\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*[\d.]+\s*\)|hsl\(\s*\d{1,3}\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*\)|hsla\(\s*\d{1,3}\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*,\s*[\d.]+\s*\)|[a-zA-Z]+)$/;function Ue(o){return typeof o=="string"&&Ye.test(o.trim())}function Ve(o){return typeof o=="number"&&Number.isFinite(o)&&o>=0&&o<=2147483647}var qe={displayMode:"floating",language:"auto",theme:"light",colors:{primary:"#4F46E5"},launcher:{show:!0,position:"bottom-right",size:"medium",shape:"circle"},chatWindow:{width:380,height:600,borderRadius:16,header:{logo:{show:!0}},footer:{branding:{show:!0}}},behavior:{persistence:{enabled:!0,duration:7}},zIndex:9999,wsUrl:"wss://chat.jidou.ai/ws"},L=class{constructor(t){this.shadowRoot=null;this.launcher=null;this.chatWindow=null;this.container=null;this.eventListeners=new Map;this.config=ne(qe,t),ee(this.config.language||"auto"),this.stateManager=new B({displayMode:this.config.displayMode||"floating"}),this.historyManager=new O,this.wsClient=new z(this.config.clientId,this.config.wsUrl||"wss://chat.jidou.ai/ws"),this.setupStateListeners(),this.setupWSListeners()}init(){var t,e;if(this.createContainer(),this.render(),this.triggerHook("onLoad"),this.wsClient.connect(),this.config.displayMode!=="floating"&&this.open(),(e=(t=this.config.behavior)==null?void 0:t.autoOpen)!=null&&e.enabled&&this.config.displayMode==="floating"){let n=this.config.behavior.autoOpen.delay||0;setTimeout(()=>this.open(),n)}this.triggerHook("onReady")}createContainer(){this.container=document.createElement("div"),this.container.id="jidou-chat-widget";let t=Ve(this.config.zIndex)?this.config.zIndex:9999;this.config.displayMode==="embedded"?this.container.style.cssText=`
         position: relative;
         width: 100%;
         height: 100%;
@@ -977,4 +1200,4 @@
         z-index: ${t};
         pointer-events: none;
         overflow: visible;
-      `,this.shadowRoot=this.container.attachShadow({mode:"open"});let e=document.createElement("style");if(e.textContent=Ee(),this.config.colors&&(e.textContent+=this.generateCustomStyles()),this.config.theme==="dark"){let n=document.createElement("div");n.className="theme-dark",this.shadowRoot.appendChild(e),this.shadowRoot.appendChild(n)}else this.shadowRoot.appendChild(e);if(this.config.displayMode==="embedded"&&this.config.container){let n=typeof this.config.container=="string"?document.querySelector(this.config.container):this.config.container;if(n){n.appendChild(this.container);return}}document.body.appendChild(this.container)}generateCustomStyles(){let{colors:t}=this.config;if(!t)return"";let e={primary:t.primary,background:t.background,text:t.text,"bot-bubble":t.botBubble,"user-bubble":t.userBubble},n=Object.entries(e).filter(([,s])=>Ye(s)).map(([s,o])=>`--jd-${s}: ${o}`);return n.length>0?`:host { ${n.join("; ")}; }`:""}render(){var n,s,o,a,r,c,p,b;if(!this.shadowRoot)return;let t=this.stateManager.getState(),e=((n=this.config.launcher)==null?void 0:n.position)||"bottom-right";t.displayMode==="floating"&&((s=this.config.launcher)==null?void 0:s.show)!==!1&&(this.launcher=new z({config:this.config.launcher||{},isOpen:t.isOpen,unreadCount:t.unreadCount,onClick:()=>this.toggle()}),this.launcher.mount(this.shadowRoot)),this.chatWindow=new Y({config:this.config.chatWindow||{},displayMode:t.displayMode,position:e,connectionState:t.connectionState,messages:t.messages,isTyping:t.isTyping,quickReplies:(r=(a=(o=this.config.chatWindow)==null?void 0:o.welcomeScreen)==null?void 0:a.quickReplies)==null?void 0:r.items,showBranding:(b=(p=(c=this.config.chatWindow)==null?void 0:c.footer)==null?void 0:p.branding)==null?void 0:b.show,onClose:()=>this.close(),onCollapse:()=>this.setDisplayMode("floating"),onExpand:()=>this.setDisplayMode("fullscreen"),onSend:f=>this.handleSendMessage(f),onTypingStart:()=>this.wsClient.sendTypingStart(),onTypingStop:()=>this.wsClient.sendTypingStop(),onQuickReplySelect:f=>this.handleQuickReply(f)}),this.chatWindow.mount(this.shadowRoot),t.displayMode==="floating"&&!t.isOpen&&this.chatWindow.hide()}setupStateListeners(){this.stateManager.on("openChange",t=>{var e,n,s;(e=this.launcher)==null||e.setOpen(t),t?((n=this.chatWindow)==null||n.show(),this.triggerHook("onOpen")):((s=this.chatWindow)==null||s.hide(),this.triggerHook("onClose"))}),this.stateManager.on("unreadCountChange",t=>{var e;(e=this.launcher)==null||e.setUnreadCount(t)}),this.stateManager.on("connectionStateChange",t=>{var e;(e=this.chatWindow)==null||e.setConnectionState(t),this.triggerHook("onConnectionStateChange",t)}),this.stateManager.on("messagesChange",t=>{var e;(e=this.chatWindow)==null||e.setMessages(t),this.historyManager.save(t)}),this.stateManager.on("isTypingChange",t=>{var e;(e=this.chatWindow)==null||e.setTyping(t)})}setupWSListeners(){this.wsClient.on("connectionStateChange",t=>{this.stateManager.setConnectionState(t)}),this.wsClient.on("connected",({sessionId:t,isResumed:e})=>{this.stateManager.setSessionId(t),this.historyManager.setSessionId(t),e||this.triggerHook("onConversationStarted",t)}),this.wsClient.on("reconnect",t=>{var e;(e=this.chatWindow)==null||e.setConnectionState("reconnecting",t),this.triggerHook("onReconnect",t)}),this.wsClient.on("message",t=>{let e={id:t.id,role:"assistant",content:t.content,timestamp:t.timestamp||ie()};this.stateManager.addMessage(e),this.stateManager.setTyping(!1),this.triggerHook("onMessageReceived",t.content)}),this.wsClient.on("typing",t=>{this.stateManager.setTyping(t)}),this.wsClient.on("sessionExpired",()=>{this.historyManager.clear(),this.stateManager.clearMessages()}),this.wsClient.on("error",t=>{this.triggerHook("onError",t)})}loadHistory(){let t=this.wsClient.getSessionId();this.historyManager.setSessionId(t);let e=this.historyManager.load();e&&e.length>0&&this.stateManager.setMessages(e)}handleSendMessage(t){let e={id:xe(),role:"user",content:t,timestamp:ie(),status:"sending"};this.stateManager.addMessage(e),this.triggerHook("onMessageSent",t),this.wsClient.sendMessage(t),this.stateManager.updateMessage(e.id,{status:"sent"})}handleQuickReply(t){let e=t.value||t.text;this.handleSendMessage(e)}triggerHook(t,...e){var o;let n=(o=this.config.hooks)==null?void 0:o[t];if(n)try{n(...e)}catch(a){console.error(`Error in ${t} hook:`,a)}let s=this.eventListeners.get(t);if(s)for(let a of s)try{a(...e)}catch(r){console.error(`Error in ${t} listener:`,r)}}open(){this.stateManager.open()}close(){this.stateManager.close()}toggle(){this.stateManager.toggle()}setDisplayMode(t,e){t!==this.stateManager.get("displayMode")&&(this.config.displayMode=t,e!=null&&e.container&&(this.config.container=e.container),this.stateManager.setDisplayMode(t),this.rerenderUI(),this.triggerHook("onDisplayModeChange",t))}rerenderUI(){this.cleanupUI(),this.createContainer(),this.render(),this.config.displayMode!=="floating"&&this.open()}cleanupUI(){var t,e,n;(t=this.launcher)==null||t.destroy(),(e=this.chatWindow)==null||e.destroy(),(n=this.container)==null||n.remove(),this.shadowRoot=null,this.container=null,this.launcher=null,this.chatWindow=null}getDisplayMode(){return this.stateManager.get("displayMode")}sendMessage(t){this.handleSendMessage(t)}on(t,e){this.eventListeners.has(t)||this.eventListeners.set(t,new Set),this.eventListeners.get(t).add(e)}off(t,e){var n;(n=this.eventListeners.get(t))==null||n.delete(e)}isOpen(){return this.stateManager.get("isOpen")}getState(){return this.stateManager.getState()}destroy(){this.cleanupUI(),this.wsClient.destroy(),this.stateManager.removeAllListeners(),this.eventListeners.clear()}};function Te(){if(typeof window>"u")return;let i=window.JidouChatSettings;if(!(i!=null&&i.clientId)){console.warn("[JidouChat] Missing clientId in JidouChatSettings");return}try{let t=new A(i);t.init(),window.JidouChat={open:()=>t.open(),close:()=>t.close(),toggle:()=>t.toggle(),setDisplayMode:(e,n)=>t.setDisplayMode(e,n),getDisplayMode:()=>t.getDisplayMode(),sendMessage:e=>t.sendMessage(e),on:(e,n)=>t.on(e,n),off:(e,n)=>t.off(e,n),isOpen:()=>t.isOpen(),getState:()=>t.getState(),destroy:()=>t.destroy()}}catch(t){console.error("[JidouChat] Failed to initialize widget:",t)}}typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",Te):Te());return Ae(qe);})();
+      `,this.shadowRoot=this.container.attachShadow({mode:"open"});let e=document.createElement("style");if(e.textContent=Te(),this.config.colors&&(e.textContent+=this.generateCustomStyles()),this.config.theme==="dark"){let n=document.createElement("div");n.className="theme-dark",this.shadowRoot.appendChild(e),this.shadowRoot.appendChild(n)}else this.shadowRoot.appendChild(e);if(this.config.displayMode==="embedded"&&this.config.container){let n=typeof this.config.container=="string"?document.querySelector(this.config.container):this.config.container;if(n){n.appendChild(this.container);return}}document.body.appendChild(this.container)}generateCustomStyles(){let{colors:t}=this.config;if(!t)return"";let e={primary:t.primary,background:t.background,text:t.text,"bot-bubble":t.botBubble,"user-bubble":t.userBubble},n=Object.entries(e).filter(([,s])=>Ue(s)).map(([s,i])=>`--jd-${s}: ${i}`);return n.length>0?`:host { ${n.join("; ")}; }`:""}render(){var n,s,i,a,r,d,l,b;if(!this.shadowRoot)return;let t=this.stateManager.getState(),e=((n=this.config.launcher)==null?void 0:n.position)||"bottom-right";t.displayMode==="floating"&&((s=this.config.launcher)==null?void 0:s.show)!==!1&&(this.launcher=new D({config:this.config.launcher||{},isOpen:t.isOpen,unreadCount:t.unreadCount,onClick:()=>this.toggle()}),this.launcher.mount(this.shadowRoot)),this.chatWindow=new Y({config:this.config.chatWindow||{},displayMode:t.displayMode,position:e,connectionState:t.connectionState,messages:t.messages,isTyping:t.isTyping,quickReplies:(r=(a=(i=this.config.chatWindow)==null?void 0:i.welcomeScreen)==null?void 0:a.quickReplies)==null?void 0:r.items,showBranding:(b=(l=(d=this.config.chatWindow)==null?void 0:d.footer)==null?void 0:l.branding)==null?void 0:b.show,onClose:()=>this.close(),onCollapse:()=>this.setDisplayMode("floating"),onExpand:()=>this.setDisplayMode("fullscreen"),onSend:u=>this.handleSendMessage(u),onAction:u=>this.handleSendMessage(u),onTypingStart:()=>this.wsClient.sendTypingStart(),onTypingStop:()=>this.wsClient.sendTypingStop(),onQuickReplySelect:u=>this.handleQuickReply(u)}),this.chatWindow.mount(this.shadowRoot),t.displayMode==="floating"&&!t.isOpen&&this.chatWindow.hide()}setupStateListeners(){this.stateManager.on("openChange",t=>{var e,n,s;(e=this.launcher)==null||e.setOpen(t),t?((n=this.chatWindow)==null||n.show(),this.triggerHook("onOpen")):((s=this.chatWindow)==null||s.hide(),this.triggerHook("onClose"))}),this.stateManager.on("unreadCountChange",t=>{var e;(e=this.launcher)==null||e.setUnreadCount(t)}),this.stateManager.on("connectionStateChange",t=>{var e;(e=this.chatWindow)==null||e.setConnectionState(t),this.triggerHook("onConnectionStateChange",t)}),this.stateManager.on("messagesChange",t=>{var e;(e=this.chatWindow)==null||e.setMessages(t),this.historyManager.save(t)}),this.stateManager.on("isTypingChange",t=>{var e;(e=this.chatWindow)==null||e.setTyping(t)})}setupWSListeners(){this.wsClient.on("connectionStateChange",t=>{this.stateManager.setConnectionState(t)}),this.wsClient.on("connected",({sessionId:t,isResumed:e})=>{if(this.stateManager.setSessionId(t),this.historyManager.setSessionId(t),e){let n=this.historyManager.load();n&&n.length>0&&this.stateManager.setMessages(n)}else this.stateManager.clearMessages(),this.triggerHook("onConversationStarted",t)}),this.wsClient.on("reconnect",t=>{var e;(e=this.chatWindow)==null||e.setConnectionState("reconnecting",t),this.triggerHook("onReconnect",t)}),this.wsClient.on("message",t=>{let e={id:t.id,role:"assistant",content:t.content,structContent:t.structContent,timestamp:t.timestamp||se()};this.stateManager.addMessage(e),this.stateManager.setTyping(!1),this.triggerHook("onMessageReceived",t.content)}),this.wsClient.on("typing",t=>{this.stateManager.setTyping(t)}),this.wsClient.on("sessionExpired",()=>{this.historyManager.clear(),this.stateManager.clearMessages()}),this.wsClient.on("error",t=>{this.triggerHook("onError",t)})}handleSendMessage(t){let e={id:xe(),role:"user",content:t,timestamp:se(),status:"sending"};this.stateManager.addMessage(e),this.triggerHook("onMessageSent",t),this.wsClient.sendMessage(t),this.stateManager.updateMessage(e.id,{status:"sent"})}handleQuickReply(t){let e=t.value||t.text;this.handleSendMessage(e)}triggerHook(t,...e){var i;let n=(i=this.config.hooks)==null?void 0:i[t];if(n)try{n(...e)}catch(a){console.error(`Error in ${t} hook:`,a)}let s=this.eventListeners.get(t);if(s)for(let a of s)try{a(...e)}catch(r){console.error(`Error in ${t} listener:`,r)}}open(){this.stateManager.open()}close(){this.stateManager.close()}toggle(){this.stateManager.toggle()}setDisplayMode(t,e){t!==this.stateManager.get("displayMode")&&(this.config.displayMode=t,e!=null&&e.container&&(this.config.container=e.container),this.stateManager.setDisplayMode(t),this.rerenderUI(),this.triggerHook("onDisplayModeChange",t))}rerenderUI(){this.cleanupUI(),this.createContainer(),this.render(),this.config.displayMode!=="floating"&&this.open()}cleanupUI(){var t,e,n;(t=this.launcher)==null||t.destroy(),(e=this.chatWindow)==null||e.destroy(),(n=this.container)==null||n.remove(),this.shadowRoot=null,this.container=null,this.launcher=null,this.chatWindow=null}getDisplayMode(){return this.stateManager.get("displayMode")}sendMessage(t){this.handleSendMessage(t)}on(t,e){this.eventListeners.has(t)||this.eventListeners.set(t,new Set),this.eventListeners.get(t).add(e)}off(t,e){var n;(n=this.eventListeners.get(t))==null||n.delete(e)}isOpen(){return this.stateManager.get("isOpen")}getState(){return this.stateManager.getState()}destroy(){this.cleanupUI(),this.wsClient.destroy(),this.stateManager.removeAllListeners(),this.eventListeners.clear()}};function Me(){if(typeof window>"u")return;let o=window.JidouChatSettings;if(!(o!=null&&o.clientId)){console.warn("[JidouChat] Missing clientId in JidouChatSettings");return}try{let t=new L(o);t.init(),window.JidouChat={open:()=>t.open(),close:()=>t.close(),toggle:()=>t.toggle(),setDisplayMode:(e,n)=>t.setDisplayMode(e,n),getDisplayMode:()=>t.getDisplayMode(),sendMessage:e=>t.sendMessage(e),on:(e,n)=>t.on(e,n),off:(e,n)=>t.off(e,n),isOpen:()=>t.isOpen(),getState:()=>t.getState(),destroy:()=>t.destroy()}}catch(t){console.error("[JidouChat] Failed to initialize widget:",t)}}typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",Me):Me());return Ne(Je);})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jidou-ai/chat-widget",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "Jidou AI Web Chat Widget - Embeddable AI chat widget",
   "main": "dist/widget.js",
   "types": "dist/types/index.d.ts",

package/src/components/ChatWindow.ts

@@ -28,6 +28,7 @@ export interface ChatWindowOptions {
   onCollapse?: () => void;
   onExpand?: () => void;
   onSend: (message: string) => void;
+  onAction?: (text: string) => void;
   onTypingStart?: () => void;
   onTypingStop?: () => void;
   onQuickReplySelect?: (item: QuickReply) => void;
@@ -54,6 +55,7 @@ export class ChatWindow extends BaseComponent<ChatWindowOptions> {
       onCollapse,
       onExpand,
       onSend,
+      onAction,
       onTypingStart,
       onTypingStop,
       onQuickReplySelect,
@@ -97,6 +99,7 @@ export class ChatWindow extends BaseComponent<ChatWindowOptions> {
     this.messageList = new MessageList({
       messages,
       isTyping,
+      onAction,
     });
     body.appendChild(this.messageList.getElement());
 
@@ -203,7 +206,7 @@ export class ChatWindow extends BaseComponent<ChatWindowOptions> {
 
     const addButton = (icon: Parameters<typeof createIcon>[0], label: string, onClick: () => void) => {
       const btn = document.createElement('button');
-      btn.className = 'jd-chat-header__btn';
+      btn.className = `jd-chat-header__btn jd-chat-header__btn--${icon}`;
       btn.type = 'button';
       btn.setAttribute('aria-label', label);
       btn.appendChild(createIcon(icon));

package/src/components/InputArea.ts

@@ -94,6 +94,9 @@ export class InputArea extends BaseComponent<InputAreaOptions> {
   }
 
   private handleKeyDown(e: KeyboardEvent): void {
+    // Ignore Enter during IME composition (e.g. Zhuyin, Pinyin, Japanese)
+    if (e.isComposing || e.keyCode === 229) return;
+
     // Send on Enter (without Shift)
     if (e.key === 'Enter' && !e.shiftKey) {
       e.preventDefault();

package/src/components/MessageList.ts

@@ -6,6 +6,7 @@ import type { Message } from '../types';
 export interface MessageListOptions {
   messages: Message[];
   isTyping: boolean;
+  onAction?: (text: string) => void;
 }
 
 export class MessageList extends BaseComponent<MessageListOptions> {
@@ -57,7 +58,15 @@ export class MessageList extends BaseComponent<MessageListOptions> {
 
     const bubble = document.createElement('div');
     bubble.className = 'jd-message__bubble';
-    bubble.textContent = message.content;
+
+    // Use structured content for assistant messages when available
+    if (message.role === 'assistant' && message.structContent) {
+      const structEl = this.renderStructContent(message.structContent);
+      bubble.appendChild(structEl);
+    } else {
+      bubble.textContent = message.content;
+    }
+
     messageEl.appendChild(bubble);
 
     // Time
@@ -87,6 +96,225 @@ export class MessageList extends BaseComponent<MessageListOptions> {
     return messageEl;
   }
 
+  // ============================================
+  // Structured Content Renderers
+  // ============================================
+
+  private renderStructContent(unified: any): HTMLElement {
+    const container = document.createElement('div');
+    container.className = 'jd-struct';
+
+    const blocks: any[] = unified?.blocks || [];
+    for (const block of blocks) {
+      const el = this.renderBlock(block);
+      if (el) container.appendChild(el);
+    }
+
+    return container;
+  }
+
+  private renderBlock(block: any): HTMLElement | null {
+    switch (block.type) {
+      case 'text': return this.renderTextBlock(block);
+      case 'image': return this.renderImageBlock(block);
+      case 'button': return this.renderButtonBlock(block);
+      case 'actions': return this.renderActionsBlock(block);
+      case 'divider': return this.renderDividerBlock();
+      case 'header': return this.renderHeaderBlock(block);
+      case 'card': return this.renderCardBlock(block);
+      case 'carousel': return this.renderCarouselBlock(block);
+      case 'container': return this.renderContainerBlock(block);
+      default: return null;
+    }
+  }
+
+  private renderTextBlock(block: any): HTMLElement {
+    const el = document.createElement('p');
+    el.className = 'jd-struct-text';
+    el.textContent = block.text || '';
+
+    if (block.style?.size) el.setAttribute('data-size', block.style.size);
+    if (block.style?.bold) el.style.fontWeight = '700';
+    if (block.style?.italic) el.style.fontStyle = 'italic';
+    if (block.style?.strike) el.style.textDecoration = 'line-through';
+    if (block.style?.color) el.style.color = block.style.color;
+    if (block.align) el.style.textAlign = block.align;
+
+    return el;
+  }
+
+  private renderImageBlock(block: any): HTMLElement {
+    const img = document.createElement('img');
+    img.className = 'jd-struct-image';
+    img.src = block.url || '';
+    img.alt = block.alt_text || '';
+    if (block.title) img.title = block.title;
+    return img;
+  }
+
+  private renderButtonBlock(block: any): HTMLElement {
+    const btn = document.createElement('button');
+    btn.className = 'jd-struct-button';
+    btn.textContent = block.text || '';
+
+    const style = block.style || 'primary';
+    btn.setAttribute('data-style', style);
+
+    const action = block.action;
+    if (action) {
+      btn.addEventListener('click', () => {
+        if (action.type === 'url' && action.url) {
+          window.open(action.url, '_blank', 'noopener,noreferrer');
+        } else if (action.type === 'message' && action.text) {
+          this.options.onAction?.(action.text);
+        } else if (action.type === 'postback') {
+          this.options.onAction?.(action.display_text || action.data || '');
+        }
+      });
+    }
+
+    return btn;
+  }
+
+  private renderActionsBlock(block: any): HTMLElement {
+    const container = document.createElement('div');
+    container.className = 'jd-struct-actions';
+    const layout = block.layout || 'vertical';
+    container.setAttribute('data-layout', layout);
+
+    const buttons: any[] = block.buttons || [];
+    for (const btn of buttons) {
+      container.appendChild(this.renderButtonBlock(btn));
+    }
+
+    return container;
+  }
+
+  private renderDividerBlock(): HTMLElement {
+    const hr = document.createElement('hr');
+    hr.className = 'jd-struct-divider';
+    return hr;
+  }
+
+  private renderHeaderBlock(block: any): HTMLElement {
+    const container = document.createElement('div');
+    container.className = 'jd-struct-header';
+
+    const title = document.createElement('div');
+    title.className = 'jd-struct-header__title';
+    title.textContent = block.title || '';
+    container.appendChild(title);
+
+    if (block.subtitle) {
+      const subtitle = document.createElement('div');
+      subtitle.className = 'jd-struct-header__subtitle';
+      subtitle.textContent = block.subtitle;
+      container.appendChild(subtitle);
+    }
+
+    return container;
+  }
+
+  private renderCardBlock(block: any): HTMLElement {
+    const card = document.createElement('div');
+    card.className = 'jd-struct-card';
+
+    // Header
+    if (block.header) {
+      const header = document.createElement('div');
+      header.className = 'jd-struct-card__header';
+      if (block.header.background_color) {
+        header.style.backgroundColor = block.header.background_color;
+      }
+      const title = document.createElement('div');
+      title.className = 'jd-struct-card__title';
+      title.textContent = block.header.title || '';
+      header.appendChild(title);
+
+      if (block.header.subtitle) {
+        const subtitle = document.createElement('div');
+        subtitle.className = 'jd-struct-card__subtitle';
+        subtitle.textContent = block.header.subtitle;
+        header.appendChild(subtitle);
+      }
+      card.appendChild(header);
+    }
+
+    // Hero image
+    if (block.hero) {
+      const hero = this.renderImageBlock(block.hero);
+      hero.className = 'jd-struct-card__hero';
+      card.appendChild(hero);
+    }
+
+    // Body
+    if (block.body) {
+      const body = document.createElement('div');
+      body.className = 'jd-struct-card__body';
+      for (const child of block.body) {
+        const el = this.renderBlock(child);
+        if (el) body.appendChild(el);
+      }
+      card.appendChild(body);
+    }
+
+    // Footer
+    if (block.footer) {
+      const footer = document.createElement('div');
+      footer.className = 'jd-struct-card__footer';
+      for (const child of block.footer) {
+        const el = this.renderBlock(child);
+        if (el) footer.appendChild(el);
+      }
+      card.appendChild(footer);
+    }
+
+    // Actions
+    if (block.actions && block.actions.length > 0) {
+      const actions = document.createElement('div');
+      actions.className = 'jd-struct-card__actions';
+      for (const btn of block.actions) {
+        actions.appendChild(this.renderButtonBlock(btn));
+      }
+      card.appendChild(actions);
+    }
+
+    return card;
+  }
+
+  private renderCarouselBlock(block: any): HTMLElement {
+    const container = document.createElement('div');
+    container.className = 'jd-struct-carousel';
+
+    const cards: any[] = block.cards || [];
+    for (const cardBlock of cards) {
+      container.appendChild(this.renderCardBlock(cardBlock));
+    }
+
+    return container;
+  }
+
+  private renderContainerBlock(block: any): HTMLElement {
+    const container = document.createElement('div');
+    container.className = 'jd-struct-container';
+    container.setAttribute('data-layout', block.layout || 'vertical');
+
+    if (block.style) {
+      if (block.style.background_color) container.style.backgroundColor = block.style.background_color;
+      if (block.style.border_color) container.style.borderColor = block.style.border_color;
+      if (block.style.border_radius) container.style.borderRadius = block.style.border_radius;
+      if (block.style.padding) container.style.padding = block.style.padding;
+    }
+
+    const contents: any[] = block.contents || [];
+    for (const child of contents) {
+      const el = this.renderBlock(child);
+      if (el) container.appendChild(el);
+    }
+
+    return container;
+  }
+
   private renderTypingIndicator(): HTMLElement {
     const container = document.createElement('div');
     container.className = 'jd-typing-indicator';

package/src/core/Widget.ts

@@ -96,7 +96,7 @@ export class Widget implements JidouChatAPI {
   init(): void {
     this.createContainer();
     this.render();
-    this.loadHistory();
+    // History is now loaded after WebSocket connects in the 'connected' event handler
     this.triggerHook('onLoad');
 
     // Connect WebSocket
@@ -233,6 +233,7 @@ export class Widget implements JidouChatAPI {
       onCollapse: () => this.setDisplayMode('floating'),
       onExpand: () => this.setDisplayMode('fullscreen'),
       onSend: (message) => this.handleSendMessage(message),
+      onAction: (text) => this.handleSendMessage(text),
       onTypingStart: () => this.wsClient.sendTypingStart(),
       onTypingStop: () => this.wsClient.sendTypingStop(),
       onQuickReplySelect: (item) => this.handleQuickReply(item),
@@ -287,9 +288,14 @@ export class Widget implements JidouChatAPI {
       this.historyManager.setSessionId(sessionId);
 
       if (isResumed) {
-        // Session was resumed
+        // Session was resumed - load history for this session
+        const messages = this.historyManager.load();
+        if (messages && messages.length > 0) {
+          this.stateManager.setMessages(messages);
+        }
       } else {
-        // New session
+        // New session - clear any old messages and start fresh
+        this.stateManager.clearMessages();
         this.triggerHook('onConversationStarted', sessionId);
       }
     });
@@ -304,6 +310,7 @@ export class Widget implements JidouChatAPI {
         id: payload.id,
         role: 'assistant',
         content: payload.content,
+        structContent: payload.structContent,
         timestamp: payload.timestamp || now(),
       };
 
@@ -327,16 +334,6 @@ export class Widget implements JidouChatAPI {
     });
   }
 
-  private loadHistory(): void {
-    const sessionId = this.wsClient.getSessionId();
-    this.historyManager.setSessionId(sessionId);
-
-    const messages = this.historyManager.load();
-    if (messages && messages.length > 0) {
-      this.stateManager.setMessages(messages);
-    }
-  }
-
   private handleSendMessage(content: string): void {
     const message: Message = {
       id: generateMessageId(),

package/src/services/ChatHistoryManager.ts

@@ -1,13 +1,18 @@
 import type { Message, LocalChatHistory } from '../types';
 import * as storage from '../utils/storage';
 
-const STORAGE_KEY = 'chat_history';
+const STORAGE_KEY_PREFIX = 'chat_history_';
 const MAX_MESSAGES = 100;
 const EXPIRY_MS = 7 * 24 * 60 * 60 * 1000; // 7 days
 
 export class ChatHistoryManager {
   private sessionId: string | null = null;
 
+  private getStorageKey(sessionId?: string): string {
+    const id = sessionId || this.sessionId;
+    return id ? `${STORAGE_KEY_PREFIX}${id}` : STORAGE_KEY_PREFIX;
+  }
+
   setSessionId(sessionId: string): void {
     this.sessionId = sessionId;
   }
@@ -17,15 +22,12 @@ export class ChatHistoryManager {
   }
 
   private getValidHistory(sessionId?: string): LocalChatHistory | null {
-    const history = storage.getItem<LocalChatHistory>(STORAGE_KEY);
+    const key = this.getStorageKey(sessionId);
+    const history = storage.getItem<LocalChatHistory>(key);
     if (!history) return null;
 
     if (Date.now() - history.savedAt > EXPIRY_MS) {
-      this.clear();
-      return null;
-    }
-
-    if (sessionId && history.sessionId !== sessionId) {
+      this.clear(sessionId);
       return null;
     }
 
@@ -41,11 +43,11 @@ export class ChatHistoryManager {
       savedAt: Date.now(),
     };
 
-    return storage.setItem(STORAGE_KEY, history);
+    return storage.setItem(this.getStorageKey(), history);
   }
 
   load(): Message[] | null {
-    const history = this.getValidHistory(this.sessionId || undefined);
+    const history = this.getValidHistory();
     return history?.messages || null;
   }
 
@@ -57,7 +59,7 @@ export class ChatHistoryManager {
   appendMessage(message: Message): boolean {
     if (!this.sessionId) return false;
 
-    const history = this.getValidHistory(this.sessionId);
+    const history = this.getValidHistory();
     const messages = history
       ? [...history.messages, message].slice(-MAX_MESSAGES)
       : [message];
@@ -66,7 +68,7 @@ export class ChatHistoryManager {
   }
 
   updateMessage(messageId: string, updates: Partial<Message>): boolean {
-    const history = this.getValidHistory(this.sessionId || undefined);
+    const history = this.getValidHistory();
     if (!history) return false;
 
     const messages = history.messages.map((msg) =>
@@ -76,23 +78,36 @@ export class ChatHistoryManager {
     return this.save(messages);
   }
 
-  clear(): void {
-    storage.removeItem(STORAGE_KEY);
+  clear(sessionId?: string): void {
+    storage.removeItem(this.getStorageKey(sessionId));
   }
 
   hasHistory(): boolean {
-    return !!this.getValidHistory(this.sessionId || undefined);
+    return !!this.getValidHistory();
   }
 
   getMessageCount(): number {
-    const history = storage.getItem<LocalChatHistory>(STORAGE_KEY);
+    const history = this.getValidHistory();
     return history?.messages.length || 0;
   }
 
   static cleanup(): void {
-    const history = storage.getItem<LocalChatHistory>(STORAGE_KEY);
-    if (history && Date.now() - history.savedAt > EXPIRY_MS) {
-      storage.removeItem(STORAGE_KEY);
-    }
+    // Clean up expired histories
+    // This is a simplified version - in production you might want to
+    // iterate through all chat_history_* keys
+    const keys = Object.keys(localStorage).filter(k => k.startsWith(STORAGE_KEY_PREFIX));
+    keys.forEach(key => {
+      try {
+        const data = localStorage.getItem(key);
+        if (data) {
+          const history = JSON.parse(data) as LocalChatHistory;
+          if (Date.now() - history.savedAt > EXPIRY_MS) {
+            localStorage.removeItem(key);
+          }
+        }
+      } catch {
+        // Ignore parse errors
+      }
+    });
   }
 }

package/src/services/WebSocketClient.ts

@@ -163,11 +163,19 @@ export class WebSocketClient extends EventEmitter<WebSocketEvents> {
 
       switch (message.type) {
         case 'connection:ack': {
-          const payload = message.payload as ConnectionAckPayload;
+          // Connection acknowledged, wait for session:ready
           this.setConnectionState('connected');
+          break;
+        }
+
+        case 'session:ready': {
+          const payload = message.payload as { sessionId: string; restored: boolean };
+          // Update session ID from server
+          this.sessionId = payload.sessionId;
+          storage.setItem(STORAGE_SESSION_KEY, this.sessionId);
           this.emit('connected', {
             sessionId: payload.sessionId,
-            isResumed: payload.isResumed,
+            isResumed: payload.restored,
           });
           break;
         }

package/src/styles/chatWindow.ts

@@ -63,13 +63,22 @@ export const CHAT_WINDOW_STYLES = `
 /* Mobile responsive */
 @media (max-width: 480px) {
   .jd-chat-window--floating {
-    width: 100%;
-    height: 100%;
-    max-height: 100vh;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    border-radius: 0;
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    width: 100vw !important;
+    height: 100vh !important;
+    max-width: 100vw !important;
+    max-height: 100vh !important;
+    border-radius: 0 !important;
+    z-index: 999999 !important;
+  }
+
+  /* Hide expand button on mobile - already fullscreen */
+  .jd-chat-header__btn--expand {
+    display: none !important;
   }
 }
 

package/src/styles/launcher.ts

@@ -183,4 +183,13 @@ export const LAUNCHER_STYLES = `
   visibility: hidden;
   transform: scale(0.8);
 }
+
+/* Mobile: hide launcher when chat is open */
+@media (max-width: 480px) {
+  .jd-launcher--open {
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+  }
+}
 `;

package/src/styles/messages.ts

@@ -308,6 +308,211 @@ export const MESSAGE_STYLES = `
   height: 20px;
 }
 
+/* ============================================
+   Structured Content (structContent)
+   ============================================ */
+
+/* Container for all struct blocks */
+.jd-struct {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+
+/* Text block */
+.jd-struct-text {
+  margin: 0;
+  font-family: var(--jd-font);
+  font-size: 14px;
+  line-height: 1.5;
+  color: inherit;
+  word-wrap: break-word;
+}
+.jd-struct-text[data-size="xs"] { font-size: 11px; }
+.jd-struct-text[data-size="sm"] { font-size: 13px; }
+.jd-struct-text[data-size="md"] { font-size: 14px; }
+.jd-struct-text[data-size="lg"] { font-size: 16px; }
+.jd-struct-text[data-size="xl"] { font-size: 18px; }
+.jd-struct-text[data-size="xxl"] { font-size: 22px; }
+
+/* Image block */
+.jd-struct-image {
+  width: 100%;
+  border-radius: 8px;
+  display: block;
+  object-fit: cover;
+}
+
+/* Button block */
+.jd-struct-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 8px;
+  font-family: var(--jd-font);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: opacity var(--jd-transition), background var(--jd-transition);
+  width: 100%;
+  text-align: center;
+}
+.jd-struct-button:hover { opacity: 0.85; }
+.jd-struct-button[data-style="primary"] {
+  background: var(--jd-primary);
+  color: #fff;
+}
+.jd-struct-button[data-style="secondary"] {
+  background: var(--jd-surface);
+  color: var(--jd-text);
+  border: 1px solid var(--jd-border);
+}
+.jd-struct-button[data-style="danger"] {
+  background: #EF4444;
+  color: #fff;
+}
+.jd-struct-button[data-style="link"] {
+  background: transparent;
+  color: var(--jd-primary);
+  padding: 4px 0;
+  text-decoration: underline;
+}
+
+/* Actions block (button group) */
+.jd-struct-actions {
+  display: flex;
+  gap: 8px;
+}
+.jd-struct-actions[data-layout="vertical"] {
+  flex-direction: column;
+}
+.jd-struct-actions[data-layout="horizontal"] {
+  flex-direction: row;
+}
+.jd-struct-actions[data-layout="horizontal"] .jd-struct-button {
+  flex: 1;
+  width: auto;
+}
+
+/* Divider */
+.jd-struct-divider {
+  border: none;
+  border-top: 1px solid var(--jd-border);
+  margin: 4px 0;
+}
+
+/* Header block */
+.jd-struct-header {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.jd-struct-header__title {
+  font-family: var(--jd-font);
+  font-size: 16px;
+  font-weight: 600;
+  color: inherit;
+}
+.jd-struct-header__subtitle {
+  font-family: var(--jd-font);
+  font-size: 13px;
+  color: var(--jd-text-secondary);
+}
+
+/* Card block */
+.jd-struct-card {
+  border: 1px solid var(--jd-border);
+  border-radius: 12px;
+  overflow: hidden;
+  background: var(--jd-background);
+}
+.jd-struct-card__header {
+  padding: 12px 16px;
+}
+.jd-struct-card__title {
+  font-family: var(--jd-font);
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--jd-text);
+}
+.jd-struct-card__subtitle {
+  font-family: var(--jd-font);
+  font-size: 13px;
+  color: var(--jd-text-secondary);
+  margin-top: 2px;
+}
+.jd-struct-card__hero {
+  width: 100%;
+  border-radius: 0;
+  display: block;
+  object-fit: cover;
+}
+.jd-struct-card__body {
+  padding: 12px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.jd-struct-card__footer {
+  padding: 8px 16px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  border-top: 1px solid var(--jd-border);
+}
+.jd-struct-card__actions {
+  padding: 8px 16px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  border-top: 1px solid var(--jd-border);
+}
+
+/* Carousel block */
+.jd-struct-carousel {
+  display: flex;
+  gap: 12px;
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  padding-bottom: 4px;
+}
+.jd-struct-carousel::-webkit-scrollbar { display: none; }
+.jd-struct-carousel > .jd-struct-card {
+  min-width: 240px;
+  max-width: 280px;
+  flex-shrink: 0;
+  scroll-snap-align: start;
+}
+
+/* Container block (generic layout) */
+.jd-struct-container {
+  display: flex;
+  gap: 8px;
+}
+.jd-struct-container[data-layout="vertical"] {
+  flex-direction: column;
+}
+.jd-struct-container[data-layout="horizontal"] {
+  flex-direction: row;
+}
+.jd-struct-container[data-layout="baseline"] {
+  flex-direction: row;
+  align-items: baseline;
+}
+
+/* Wider bubble for struct content */
+.jd-message--assistant .jd-message__bubble:has(.jd-struct) {
+  padding: 12px;
+}
+.jd-message--assistant:has(.jd-struct) {
+  max-width: 95%;
+}
+
 /* Empty State */
 .jd-empty-state {
   flex: 1;

package/src/types/index.ts

@@ -33,6 +33,7 @@ export interface Message {
   id: string;
   role: 'user' | 'assistant';
   content: string;
+  structContent?: any;
   timestamp: number;
   status?: 'sending' | 'sent' | 'error';
 }
@@ -293,6 +294,7 @@ export interface ConnectionAckPayload {
 export interface MessagePayload {
   id: string;
   content: string;
+  structContent?: any;
   role?: 'user' | 'assistant';
   timestamp?: number;
 }