@waniwani/sdk 0.4.0 → 0.4.3

package/dist/mcp/react.js

@@ -1,5 +1,5 @@
 "use client";
-import{a as ae}from"../chunk-DGSC74SV.js";import{b as H,c as le}from"../chunk-OMMDVQYW.js";import{Fragment as Ke,jsx as Y,jsxs as ze}from"react/jsx-runtime";function je({baseUrl:e}){return ze(Ke,{children:[Y("base",{href:e}),Y("script",{children:`window.innerBaseUrl = ${JSON.stringify(e)}`}),Y("script",{children:'window.__isChatGptApp = typeof window.openai !== "undefined";'}),Y("script",{children:"("+(()=>{let t=window.innerBaseUrl,n=document.documentElement;new MutationObserver(p=>{p.forEach(s=>{if(s.type==="attributes"&&s.target===n){let d=s.attributeName;d&&d!=="suppresshydrationwarning"&&d!=="class"&&d!=="style"&&n.removeAttribute(d)}})}).observe(n,{attributes:!0,attributeOldValue:!0});let o=history.replaceState;history.replaceState=(p,s,d)=>{let l=new URL(d??"",window.location.href),w=l.pathname+l.search+l.hash;o.call(history,s,w)};let a=history.pushState;history.pushState=(p,s,d)=>{let l=new URL(d??"",window.location.href),w=l.pathname+l.search+l.hash;a.call(history,s,w)};let g=new URL(t).origin,f=window.self!==window.top;if(window.addEventListener("click",p=>{let s=p?.target?.closest("a");if(!s||!s.href)return;let d=new URL(s.href,window.location.href);if(d.origin!==window.location.origin&&d.origin!==g)try{window.openai&&(window.openai?.openExternal({href:s.href}),p.preventDefault())}catch{console.warn("openExternal failed, likely not in OpenAI client")}},!0),f&&window.location.origin!==g){let p=window.fetch;window.fetch=(s,d)=>{let l;if(typeof s=="string"||s instanceof URL?l=new URL(s,window.location.href):l=new URL(s.url,window.location.href),l.origin===g)return typeof s=="string"||s instanceof URL?s=l.toString():s=new Request(l.toString(),s),p.call(window,s,{...d,mode:"cors"});if(l.origin===window.location.origin){let w=new URL(t);return w.pathname=l.pathname,w.search=l.search,w.hash=l.hash,l=w,typeof s=="string"||s instanceof URL?s=l.toString():s=new Request(l.toString(),s),p.call(window,s,{...d,mode:"cors"})}return p.call(window,s,d)}}}).toString()+")()"})]})}import{useCallback as S,useEffect as O,useRef as te,useState as C}from"react";var de={theme:"dark",userAgent:{device:{type:"desktop"},capabilities:{hover:!0,touch:!1}},locale:"en",maxHeight:800,displayMode:"inline",safeArea:{insets:{top:0,bottom:0,left:0,right:0}},toolInput:{},toolOutput:null,toolResponseMetadata:null,widgetState:null},B={...de};function j(e){typeof window>"u"||window.openai||(B={...de,toolOutput:e??null},window.openai={...B,requestDisplayMode:async({mode:t})=>(_("displayMode",t),{mode:t}),callTool:async(t,n)=>(console.log(`[DevMode] callTool: ${t}`,n),{result:JSON.stringify({mock:!0,tool:t,args:n})}),sendFollowUpMessage:async({prompt:t})=>{console.log(`[DevMode] sendFollowUpMessage: ${t}`)},openExternal:({href:t})=>{console.log(`[DevMode] openExternal: ${t}`),window.open(t,"_blank")},setWidgetState:async t=>{_("widgetState",t)}},window.dispatchEvent(new H({globals:B})))}function _(e,t){typeof window>"u"||!window.openai||(B[e]=t,window.openai[e]=t,window.dispatchEvent(new H({globals:{[e]:t}})))}function $(){return{...B}}function K(e){_("toolOutput",e)}function z(e){_("displayMode",e)}function G(e){_("theme",e)}import{Fragment as ne,jsx as r,jsxs as v}from"react/jsx-runtime";var X=150;function ce({className:e}){return v("svg",{className:e,viewBox:"0 0 24 24",fill:"none",role:"img","aria-label":"Dev Controls",children:[r("rect",{x:"4",y:"4",width:"10",height:"10",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),r("rect",{x:"10",y:"10",width:"10",height:"10",rx:"2",stroke:"currentColor",strokeWidth:"1.5",fill:"currentColor",fillOpacity:"0.15"})]})}function Ge({className:e}){return r("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:r("path",{d:"M18 6L6 18M6 6l12 12"})})}function Ve({className:e}){return r("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:r("rect",{x:"2",y:"4",width:"12",height:"8",rx:"1.5",stroke:"currentColor",strokeWidth:"1.25"})})}function Ye({className:e}){return v("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:[r("rect",{x:"1.5",y:"3",width:"13",height:"10",rx:"1.5",stroke:"currentColor",strokeWidth:"1.25"}),r("rect",{x:"8.5",y:"7",width:"5",height:"4",rx:"0.75",fill:"currentColor"})]})}function $e({className:e}){return r("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:r("path",{d:"M2 5.5V3.5C2 2.95 2.45 2.5 3 2.5H5.5M10.5 2.5H13C13.55 2.5 14 2.95 14 3.5V5.5M14 10.5V12.5C14 13.05 13.55 13.5 13 13.5H10.5M5.5 13.5H3C2.45 13.5 2 13.05 2 12.5V10.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})})}function Xe({className:e}){return v("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:[r("circle",{cx:"8",cy:"8",r:"2.5",stroke:"currentColor",strokeWidth:"1.25"}),r("path",{d:"M8 2v1.5M8 12.5V14M2 8h1.5M12.5 8H14M4.11 4.11l1.06 1.06M10.83 10.83l1.06 1.06M4.11 11.89l1.06-1.06M10.83 5.17l1.06-1.06",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]})}function Je({className:e}){return r("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:r("path",{d:"M13.5 9.5a5.5 5.5 0 01-7-7 5.5 5.5 0 107 7z",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})})}function qe({className:e}){return v("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:[r("path",{d:"M2.5 8a5.5 5.5 0 019.37-3.9M13.5 8a5.5 5.5 0 01-9.37 3.9",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),r("path",{d:"M12.5 2v3h-3M3.5 14v-3h3",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]})}var Ze=`
+import{a as ae}from"../chunk-DGSC74SV.js";import{b as H,c as le}from"../chunk-5OQXAEHG.js";import{Fragment as Ke,jsx as Y,jsxs as ze}from"react/jsx-runtime";function je({baseUrl:e}){return ze(Ke,{children:[Y("base",{href:e}),Y("script",{children:`window.innerBaseUrl = ${JSON.stringify(e)}`}),Y("script",{children:'window.__isChatGptApp = typeof window.openai !== "undefined";'}),Y("script",{children:"("+(()=>{let t=window.innerBaseUrl,n=document.documentElement;new MutationObserver(p=>{p.forEach(s=>{if(s.type==="attributes"&&s.target===n){let d=s.attributeName;d&&d!=="suppresshydrationwarning"&&d!=="class"&&d!=="style"&&n.removeAttribute(d)}})}).observe(n,{attributes:!0,attributeOldValue:!0});let o=history.replaceState;history.replaceState=(p,s,d)=>{let l=new URL(d??"",window.location.href),w=l.pathname+l.search+l.hash;o.call(history,s,w)};let a=history.pushState;history.pushState=(p,s,d)=>{let l=new URL(d??"",window.location.href),w=l.pathname+l.search+l.hash;a.call(history,s,w)};let g=new URL(t).origin,f=window.self!==window.top;if(window.addEventListener("click",p=>{let s=p?.target?.closest("a");if(!s||!s.href)return;let d=new URL(s.href,window.location.href);if(d.origin!==window.location.origin&&d.origin!==g)try{window.openai&&(window.openai?.openExternal({href:s.href}),p.preventDefault())}catch{console.warn("openExternal failed, likely not in OpenAI client")}},!0),f&&window.location.origin!==g){let p=window.fetch;window.fetch=(s,d)=>{let l;if(typeof s=="string"||s instanceof URL?l=new URL(s,window.location.href):l=new URL(s.url,window.location.href),l.origin===g)return typeof s=="string"||s instanceof URL?s=l.toString():s=new Request(l.toString(),s),p.call(window,s,{...d,mode:"cors"});if(l.origin===window.location.origin){let w=new URL(t);return w.pathname=l.pathname,w.search=l.search,w.hash=l.hash,l=w,typeof s=="string"||s instanceof URL?s=l.toString():s=new Request(l.toString(),s),p.call(window,s,{...d,mode:"cors"})}return p.call(window,s,d)}}}).toString()+")()"})]})}import{useCallback as S,useEffect as O,useRef as te,useState as C}from"react";var de={theme:"dark",userAgent:{device:{type:"desktop"},capabilities:{hover:!0,touch:!1}},locale:"en",maxHeight:800,displayMode:"inline",safeArea:{insets:{top:0,bottom:0,left:0,right:0}},toolInput:{},toolOutput:null,toolResponseMetadata:null,widgetState:null},B={...de};function j(e){typeof window>"u"||window.openai||(B={...de,toolOutput:e??null},window.openai={...B,requestDisplayMode:async({mode:t})=>(_("displayMode",t),{mode:t}),callTool:async(t,n)=>(console.log(`[DevMode] callTool: ${t}`,n),{result:JSON.stringify({mock:!0,tool:t,args:n})}),sendFollowUpMessage:async({prompt:t})=>{console.log(`[DevMode] sendFollowUpMessage: ${t}`)},openExternal:({href:t})=>{console.log(`[DevMode] openExternal: ${t}`),window.open(t,"_blank")},setWidgetState:async t=>{_("widgetState",t)}},window.dispatchEvent(new H({globals:B})))}function _(e,t){typeof window>"u"||!window.openai||(B[e]=t,window.openai[e]=t,window.dispatchEvent(new H({globals:{[e]:t}})))}function $(){return{...B}}function K(e){_("toolOutput",e)}function z(e){_("displayMode",e)}function G(e){_("theme",e)}import{Fragment as ne,jsx as r,jsxs as v}from"react/jsx-runtime";var X=150;function ce({className:e}){return v("svg",{className:e,viewBox:"0 0 24 24",fill:"none",role:"img","aria-label":"Dev Controls",children:[r("rect",{x:"4",y:"4",width:"10",height:"10",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),r("rect",{x:"10",y:"10",width:"10",height:"10",rx:"2",stroke:"currentColor",strokeWidth:"1.5",fill:"currentColor",fillOpacity:"0.15"})]})}function Ge({className:e}){return r("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:r("path",{d:"M18 6L6 18M6 6l12 12"})})}function Ve({className:e}){return r("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:r("rect",{x:"2",y:"4",width:"12",height:"8",rx:"1.5",stroke:"currentColor",strokeWidth:"1.25"})})}function Ye({className:e}){return v("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:[r("rect",{x:"1.5",y:"3",width:"13",height:"10",rx:"1.5",stroke:"currentColor",strokeWidth:"1.25"}),r("rect",{x:"8.5",y:"7",width:"5",height:"4",rx:"0.75",fill:"currentColor"})]})}function $e({className:e}){return r("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:r("path",{d:"M2 5.5V3.5C2 2.95 2.45 2.5 3 2.5H5.5M10.5 2.5H13C13.55 2.5 14 2.95 14 3.5V5.5M14 10.5V12.5C14 13.05 13.55 13.5 13 13.5H10.5M5.5 13.5H3C2.45 13.5 2 13.05 2 12.5V10.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})})}function Xe({className:e}){return v("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:[r("circle",{cx:"8",cy:"8",r:"2.5",stroke:"currentColor",strokeWidth:"1.25"}),r("path",{d:"M8 2v1.5M8 12.5V14M2 8h1.5M12.5 8H14M4.11 4.11l1.06 1.06M10.83 10.83l1.06 1.06M4.11 11.89l1.06-1.06M10.83 5.17l1.06-1.06",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]})}function Je({className:e}){return r("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:r("path",{d:"M13.5 9.5a5.5 5.5 0 01-7-7 5.5 5.5 0 107 7z",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})})}function qe({className:e}){return v("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:[r("path",{d:"M2.5 8a5.5 5.5 0 019.37-3.9M13.5 8a5.5 5.5 0 01-9.37 3.9",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"}),r("path",{d:"M12.5 2v3h-3M3.5 14v-3h3",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]})}var Ze=`
   @keyframes devPanelSlideIn {
     0% {
       opacity: 0;
@@ -59,7 +59,7 @@ import{a as ae}from"../chunk-DGSC74SV.js";import{b as H,c as le}from"../chunk-OM
                 0 25px 50px -12px rgba(0, 0, 0, 0.6),
                 0 0 0 1px rgba(255, 255, 255, 0.05),
                 inset 0 1px 0 rgba(255, 255, 255, 0.04)
-              `},children:[v("div",{className:"flex items-center justify-between px-4 py-3",style:{borderBottom:"1px solid rgba(255, 255, 255, 0.06)"},children:[v("div",{className:"flex items-center gap-2",children:[r(ce,{className:"w-4 h-4 text-gray-400"}),r("span",{className:"text-sm font-medium text-white",children:"Dev Controls"})]}),v("div",{className:"flex items-center gap-2",children:[r("span",{className:"text-[10px] font-medium text-gray-500 px-1.5 py-0.5 rounded",style:{background:"rgba(255, 255, 255, 0.04)",border:"1px solid rgba(255, 255, 255, 0.06)"},children:typeof navigator<"u"&&navigator.platform?.includes("Mac")?"\u2318\u21E7D":"Ctrl+Shift+D"}),r("button",{type:"button",onClick:u,className:"p-1 rounded-md text-gray-500 hover:text-gray-300 hover:bg-white/5 transition-colors",children:r(Ge,{className:"w-4 h-4"})})]})]}),v("div",{className:"p-4 space-y-5 overflow-y-auto",style:{maxHeight:"calc(100vh - 200px)"},children:[v("div",{children:[r("label",{htmlFor:"display-mode",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Display Mode"}),r(ue,{options:He,value:f,onChange:x})]}),v("div",{children:[r("label",{htmlFor:"theme",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Theme"}),r(ue,{options:Be,value:s,onChange:y})]}),v("div",{children:[r("label",{htmlFor:"safe-area",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Safe Area (Chat Input)"}),v("button",{type:"button",onClick:()=>w(!l),className:`w-full flex items-center justify-between px-3 py-2.5 rounded-lg text-xs font-medium transition-all duration-150 ${l?"text-emerald-400":"text-gray-400"}`,style:{background:l?"rgba(34, 197, 94, 0.1)":"rgba(255, 255, 255, 0.04)",border:l?"1px solid rgba(34, 197, 94, 0.3)":"1px solid rgba(255, 255, 255, 0.06)"},children:[r("span",{children:"Mock ChatGPT Input Bar"}),r("span",{className:`px-2 py-0.5 rounded text-[10px] font-semibold ${l?"bg-emerald-500/20 text-emerald-400":"bg-gray-500/20 text-gray-500"}`,children:l?"ON":"OFF"})]}),l&&v("p",{className:"text-[10px] text-gray-500 mt-1.5",children:["bottom: ",X,"px"]})]}),v("div",{children:[r("label",{htmlFor:"widget-props",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Widget Props"}),r("textarea",{value:A,onChange:m=>ee(m.target.value),onBlur:P,className:"dev-json-editor w-full min-h-[160px] text-xs text-gray-200 p-3 rounded-lg resize-none focus:outline-none transition-colors",style:{background:"rgba(0, 0, 0, 0.3)",border:E?"1px solid rgba(239, 68, 68, 0.5)":"1px solid rgba(255, 255, 255, 0.06)",fontFamily:"'JetBrains Mono', 'SF Mono', 'Fira Code', monospace",lineHeight:1.6},onFocus:m=>{E||(m.target.style.borderColor="rgba(99, 102, 241, 0.5)")},onBlurCapture:m=>{E||(m.target.style.borderColor="rgba(255, 255, 255, 0.06)")},spellCheck:!1}),E&&v("p",{className:"text-red-400 text-[11px] mt-1.5 flex items-center gap-1",children:[r("svg",{"aria-hidden":"true","aria-label":"Error",className:"w-3 h-3",viewBox:"0 0 16 16",fill:"currentColor",children:r("path",{d:"M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7 4.5h2v4H7v-4zm0 5h2v2H7v-2z"})}),E]})]}),v("button",{type:"button",onClick:Pe,className:"w-full flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-xs font-medium text-gray-400 transition-all duration-150 hover:text-gray-200",style:{background:"rgba(255, 255, 255, 0.04)",border:"1px solid rgba(255, 255, 255, 0.06)"},onMouseEnter:m=>{m.currentTarget.style.background="rgba(255, 255, 255, 0.08)",m.currentTarget.style.borderColor="rgba(255, 255, 255, 0.1)"},onMouseLeave:m=>{m.currentTarget.style.background="rgba(255, 255, 255, 0.04)",m.currentTarget.style.borderColor="rgba(255, 255, 255, 0.06)"},children:[r(qe,{className:"w-3.5 h-3.5"}),"Reset to Defaults"]})]})]})]}),l&&v("div",{className:"fixed bottom-0 left-0 right-0 z-[9998] flex items-center justify-center pointer-events-none",style:{height:`${X}px`,background:"linear-gradient(to top, #1a1a1a 0%, #1a1a1a 80%, transparent 100%)"},children:[v("div",{className:"w-full max-w-2xl mx-4 px-4 py-3 rounded-2xl bg-[#2f2f2f] border border-[#424242] flex items-center gap-3",children:[r("div",{className:"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center",children:r("svg",{"aria-hidden":"true",className:"w-4 h-4 text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})}),r("div",{className:"flex-1 text-gray-400 text-sm",children:"Ask me anything..."}),r("div",{className:"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center",children:r("svg",{"aria-hidden":"true",className:"w-4 h-4 text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"})})})]}),v("div",{className:"absolute bottom-1 text-[10px] text-gray-600 font-mono",children:["Mock SafeArea: bottom=",X,"px"]})]})]})}import{useCallback as it}from"react";import V,{createContext as tt,useCallback as ge,useContext as nt,useEffect as fe,useState as oe,useSyncExternalStore as ot}from"react";async function me(){let{detectPlatform:e}=await import("../platform-GKYYQBCS.js");if(e()==="openai"){let{OpenAIWidgetClient:n}=await import("../openai-client-IAONK3N3.js");return new n}else{let{MCPAppsWidgetClient:n}=await import("../mcp-apps-client-AXOLX2YD.js");return new n}}var J=tt(null);function he({children:e,loading:t=null,onError:n}){let[i,o]=oe(null),[a,g]=oe(null),[f,p]=oe(!0);return fe(()=>{let s=!0,d=null;async function l(){try{let w=await me();await w.connect(),s?(d=w,o(w),p(!1)):w.close()}catch(w){s&&(console.error("error",w),g(w instanceof Error?w:new Error(String(w))),p(!1))}}return l(),()=>{s=!1,d?.close()}},[]),fe(()=>{if(!i)return;let s=d=>{document.documentElement.classList.toggle("dark",d==="dark"),document.documentElement.style.colorScheme=d==="dark"?"dark":"auto"};return s(i.getTheme()),i.onThemeChange(s)},[i]),a&&n?V.createElement(V.Fragment,null,n(a)):f||!i?V.createElement(V.Fragment,null,t):V.createElement(J.Provider,{value:i},e)}function h(e){let t=nt(J);if(!t)throw new Error("useWidgetClient must be used within a WidgetProvider");let n=ge(a=>e==="toolOutput"?t.onToolResult(()=>a()):e==="theme"?t.onThemeChange(()=>a()):e==="displayMode"?t.onDisplayModeChange(()=>a()):e==="safeArea"?t.onSafeAreaChange(()=>a()):e==="maxHeight"?t.onMaxHeightChange(()=>a()):e==="toolResponseMetadata"?t.onToolResponseMetadataChange(()=>a()):e==="widgetState"?t.onWidgetStateChange(()=>a()):()=>{},[t,e]),i=ge(()=>e==="toolOutput"?t.getToolOutput():e==="theme"?t.getTheme():e==="displayMode"?t.getDisplayMode():e==="locale"?t.getLocale():e==="safeArea"?t.getSafeArea():e==="maxHeight"?t.getMaxHeight():e==="toolResponseMetadata"?t.getToolResponseMetadata():e==="widgetState"?t.getWidgetState():null,[t,e]),o=ot(n,i,i);return e?o:t}function we(){let e=h();return it((t,n)=>e.callTool(t,n),[e])}function ve(){return h("displayMode")}function q(){return h("toolOutput")}function xe(){return{data:q()}}import{useSyncExternalStore as rt}from"react";function ye(){return rt(()=>()=>{},()=>typeof window>"u"?!1:window.__isChatGptApp===!0,()=>!1)}function be(){return h("locale")}function ke(){return h("maxHeight")}import{useCallback as st}from"react";function Ce(){let e=h();return st(t=>e.openExternal(t),[e])}import{useCallback as at}from"react";function Me(){let e=h();return at(t=>e.requestDisplayMode(t),[e])}function Se(){return h("safeArea")}import{useCallback as lt}from"react";function Te(){let e=h();return lt((t,n)=>{(async()=>{le(n?.modelContext)&&await Promise.resolve(e.updateModelContext(n.modelContext)),await Promise.resolve(e.sendFollowUp(t))})().catch(i=>{console.error("Failed to send follow-up message:",i)})},[e])}function Ee(){return h("theme")}function Re(){return h("toolResponseMetadata")}import{useCallback as dt}from"react";function _e(){let e=h();return dt(async t=>{await Promise.resolve(e.updateModelContext(t))},[e])}import{useContext as mt,useEffect as re,useMemo as gt,useRef as ft,useState as Oe}from"react";function ct(){return crypto.randomUUID()}function M(e,t,n){return{event_id:ct(),event_type:t,timestamp:new Date().toISOString(),source:"widget",session_id:e.sessionId,trace_id:e.traceId,...n}}function We(e){let t=e.trim().split(/\s+/),n=t[0]||"",i={};for(let o=1;o<t.length;o++){let a=t[o].indexOf(":");if(a===-1)continue;let g=t[o].slice(0,a),f=t[o].slice(a+1),p=Number(f);i[g]=Number.isFinite(p)&&f!==""?p:f}return{name:n,props:i}}function Ae(e){let t=e.tagName.toLowerCase();return t==="input"||t==="textarea"||t==="select"}function Ne(e,t){let n=[],i=typeof navigator<"u"?navigator:void 0,o=i&&"connection"in i?i.connection:void 0;t([M(e,"widget_render",{metadata:{viewport_width:window.innerWidth,viewport_height:window.innerHeight,device_pixel_ratio:window.devicePixelRatio??1,touch_support:"ontouchstart"in window?1:0,connection_type:o?.effectiveType??"unknown",timezone:Intl.DateTimeFormat().resolvedOptions().timeZone}})]);let a=u=>{t([M(e,"widget_error",{metadata:{error_message:u.message,error_stack:(u.error?.stack??"").slice(0,1024),error_source:u.filename??"unknown"}})])};window.addEventListener("error",a),n.push(()=>window.removeEventListener("error",a));let g=u=>{let c=u.reason,x=c instanceof Error?c.message:String(c),y=c instanceof Error?(c.stack??"").slice(0,1024):"";t([M(e,"widget_error",{metadata:{error_message:x,error_stack:y,error_source:"unhandledrejection"}})])};window.addEventListener("unhandledrejection",g),n.push(()=>window.removeEventListener("unhandledrejection",g));let f=u=>{let c=u.target;t([M(e,"widget_click",{metadata:{target_tag:c?.tagName?.toLowerCase()??"unknown",target_id:c?.id||void 0,target_class:c?.className||void 0,click_x:u.clientX,click_y:u.clientY}})])};document.addEventListener("click",f,{capture:!0}),n.push(()=>document.removeEventListener("click",f,{capture:!0}));let p=u=>{let x=u.target?.closest?.("[data-ww-conversion]");if(!x)return;let{name:y,props:b}=We(x.getAttribute("data-ww-conversion")||"");y&&t([M(e,"conversion",{event_name:y,metadata:Object.keys(b).length>0?b:void 0})])};document.addEventListener("click",p,{capture:!0}),n.push(()=>document.removeEventListener("click",p,{capture:!0}));let s=0,d=u=>{let x=u.target?.closest?.("[data-ww-step]");if(!x)return;let{name:y,props:b}=We(x.getAttribute("data-ww-step")||"");y&&(s++,t([M(e,"step",{event_name:y,step_sequence:s,metadata:Object.keys(b).length>0?b:void 0})]))};document.addEventListener("click",d,{capture:!0}),n.push(()=>document.removeEventListener("click",d,{capture:!0}));let l=u=>{let c=u.target?.closest?.("a");if(!c)return;let x=c.getAttribute("href")??"",y=x.startsWith("http")&&!x.startsWith(window.location.origin);t([M(e,"widget_link_click",{metadata:{href:x,link_text:(c.textContent??"").slice(0,200),is_external:y}})])};document.addEventListener("click",l,{capture:!0}),n.push(()=>document.removeEventListener("click",l,{capture:!0}));let w=null,A=window.scrollY||0,U=()=>{w||(w=setTimeout(()=>{w=null;let u=window.scrollY||document.documentElement.scrollTop,c=document.documentElement.scrollHeight-document.documentElement.clientHeight,x=c>0?Math.round(u/c*100):0,y=u>=A?"down":"up";A=u,t([M(e,"widget_scroll",{metadata:{scroll_depth_pct:x,scroll_direction:y,viewport_height:window.innerHeight}})])},250))};window.addEventListener("scroll",U,{passive:!0}),n.push(()=>{window.removeEventListener("scroll",U),w&&clearTimeout(w)});let E=new WeakMap,N=u=>{let c=u.target;!c||!Ae(c)||E.set(c,Date.now())},R=u=>{let c=u.target;if(!c||!Ae(c))return;let x=E.get(c),y=x?Date.now()-x:0,b=c;t([M(e,"widget_form_field",{metadata:{field_name:b.name||b.id||void 0,field_type:b.type||c.tagName.toLowerCase(),time_in_field_ms:y,filled:!!b.value}})])};document.addEventListener("focusin",N,{capture:!0}),document.addEventListener("focusout",R,{capture:!0}),n.push(()=>{document.removeEventListener("focusin",N,{capture:!0}),document.removeEventListener("focusout",R,{capture:!0})});let D=new WeakMap,I=u=>{let x=u.target?.closest?.("form");x&&!D.has(x)&&D.set(x,Date.now())};document.addEventListener("focusin",I,{capture:!0}),n.push(()=>document.removeEventListener("focusin",I,{capture:!0}));let F=u=>{let c=u.target,x=c?D.get(c):void 0,y=0;if(c){let b=c.querySelectorAll("input, textarea, select");for(let ee of b){let P=ee;(P.validity&&!P.validity.valid||P.getAttribute("aria-invalid")==="true")&&y++}}t([M(e,"widget_form_submit",{metadata:{form_id:c?.id||void 0,time_to_submit_ms:x?Date.now()-x:void 0,validation_errors:y}})])};return document.addEventListener("submit",F,{capture:!0}),n.push(()=>document.removeEventListener("submit",F,{capture:!0})),()=>{for(let u of n)u()}}var ut="@waniwani/sdk";function pt(e){let n=e.event_type.startsWith("widget_")?e.event_type:`widget_${e.event_type}`,i={};e.session_id&&(i.sessionId=e.session_id),e.trace_id&&(i.traceId=e.trace_id),e.user_id&&(i.externalUserId=e.user_id);let o={...e.metadata??{}};return e.event_name&&(o.event_name=e.event_name),{id:e.event_id,type:"mcp.event",name:n,source:e.source||"widget",timestamp:e.timestamp,correlation:i,properties:o,metadata:{}}}function ie(e){return JSON.stringify({sentAt:new Date().toISOString(),source:{sdk:ut,version:"0.1.0"},events:e.map(pt)})}var Z=class{buffer=[];timer=null;flushing=!1;pendingFlush=!1;stopped=!1;config;teardownVisibility=null;teardownPagehide=null;constructor(t){this.config=t,this.start(),this.registerTeardown()}send(t){if(!this.stopped){if(this.buffer.push(...t),this.buffer.length>200){let n=this.buffer.length-200;this.buffer.splice(0,n)}this.buffer.length>=20&&this.flush().catch(()=>{})}}async flush(){if(!(this.stopped||this.buffer.length===0)){if(this.flushing){this.pendingFlush=!0;return}this.flushing=!0;try{let t=this.buffer.splice(0,20);await this.sendBatch(t)}finally{this.flushing=!1,this.pendingFlush&&this.buffer.length>0&&!this.stopped&&(this.pendingFlush=!1,this.flush().catch(()=>{}))}}}stop(){this.stopped=!0,this.timer&&(clearInterval(this.timer),this.timer=null),typeof document<"u"&&this.teardownVisibility&&(document.removeEventListener("visibilitychange",this.teardownVisibility),this.teardownVisibility=null),typeof window<"u"&&this.teardownPagehide&&(window.removeEventListener("pagehide",this.teardownPagehide),this.teardownPagehide=null)}beaconFlush(){if(this.buffer.length===0)return;let t=[...this.buffer];this.buffer.length=0;let n={"Content-Type":"application/json"};if(this.config.token&&(n.Authorization=`Bearer ${this.config.token}`),typeof fetch<"u"){this.sendKeepAliveChunked(this.config.endpoint,t,n);return}typeof navigator<"u"&&typeof navigator.sendBeacon=="function"&&this.sendBeaconChunked(this.config.endpoint,t)}sendKeepAliveChunked(t,n,i){let o=ie(n);if(o.length<=6e4){fetch(t,{method:"POST",headers:i,body:o,keepalive:!0}).catch(()=>{});return}if(n.length<=1)return;let a=Math.ceil(n.length/2);this.sendKeepAliveChunked(t,n.slice(0,a),i),this.sendKeepAliveChunked(t,n.slice(a),i)}sendBeaconChunked(t,n){let i=ie(n);if(i.length<=6e4){navigator.sendBeacon(t,new Blob([i],{type:"application/json"}));return}if(n.length<=1)return;let o=Math.ceil(n.length/2);this.sendBeaconChunked(t,n.slice(0,o)),this.sendBeaconChunked(t,n.slice(o))}start(){this.timer||(this.timer=setInterval(()=>{this.flush().catch(()=>{})},5e3))}registerTeardown(){typeof document>"u"||(this.teardownVisibility=()=>{document.visibilityState==="hidden"&&this.beaconFlush()},this.teardownPagehide=()=>{this.beaconFlush()},document.addEventListener("visibilitychange",this.teardownVisibility),window.addEventListener("pagehide",this.teardownPagehide))}async sendBatch(t){let n=ie(t),i={"Content-Type":"application/json"};this.config.token&&(i.Authorization=`Bearer ${this.config.token}`);for(let o=0;o<=3;o++)try{let a=await fetch(this.config.endpoint,{method:"POST",headers:i,body:n});if(a.status===200||a.status===207)return;if(a.status===401){this.stopped=!0;return}if(a.status>=500&&o<3){await this.delay(1e3*2**o);continue}if(a.status===429&&o<3){let g=a.headers.get("Retry-After"),f=g?Number(g):NaN,p=Number.isFinite(f)?f*1e3:1e3*2**o;await this.delay(p);continue}return}catch{if(o<3){await this.delay(1e3*2**o);continue}return}}delay(t){return new Promise(n=>setTimeout(n,t))}};var se={identify(){},step(){},track(){},conversion(){}},T=null,Q=0;function ht(){return crypto.randomUUID()}function L(e){if(typeof e!="string")return;let t=e.trim();return t.length>0?t:void 0}function wt(){return{widget:se,cleanup:()=>{},config:null}}function Ie(e){if(!e)return null;let t=e.getToolResponseMetadata();if(!t)return null;let n=t._meta,i=t.waniwani??n?.waniwani,o=L(i?.endpoint);return o?{endpoint:o,token:L(i?.token),sessionId:L(i?.sessionId)}:null}function Le(e,t){return e?.endpoint===t?.endpoint&&e?.token===t?.token&&e?.sessionId===t?.sessionId}function vt(e){let[t,n]=Oe(()=>Ie(e));return re(()=>{if(!e){n(o=>o===null?o:null);return}let i=()=>{let o=Ie(e);n(a=>Le(a,o)?a:o)};return i(),e.onToolResponseMetadataChange(()=>{i()})},[e]),t}function xt(e,t){let n=e.sessionId??crypto.randomUUID(),i=crypto.randomUUID(),o=new Z({endpoint:e.endpoint,token:e.token,metadata:t}),a,g=0,f=d=>{o.send(d)},p=Ne({sessionId:n,traceId:i,metadata:t},f);function s(d,l){return{event_id:ht(),event_type:d,timestamp:new Date().toISOString(),source:"widget",session_id:n,trace_id:i,user_id:a,...l}}return{widget:{identify(d,l){a=d,f([s("identify",{user_id:d,user_traits:l})])},step(d,l){g++,f([s("step",{event_name:d,step_sequence:g,metadata:l})])},track(d,l){f([s("track",{event_name:d,metadata:l})])},conversion(d,l){f([s("conversion",{event_name:d,metadata:l})])}},cleanup:()=>{p(),o.stop()},config:e}}function Ue(e={}){let t=mt(J),n=vt(t),i=L(e.endpoint),o=L(e.token),a=L(e.sessionId),g=gt(()=>i?{endpoint:i,token:o??n?.token,sessionId:a??n?.sessionId}:n,[i,o,a,n]),[f,p]=Oe(se),s=ft(e.metadata);return s.current=e.metadata,re(()=>(Q++,()=>{Q=Math.max(Q-1,0),Q===0&&(T?.cleanup(),T=null)}),[]),re(()=>{if(!(typeof window>"u")){if(!g){T?.config&&(T.cleanup(),T=wt(),p(se));return}Le(T?.config,g)||(T?.cleanup(),T=xt(g,s.current),p(T.widget))}},[g]),f}import{useCallback as yt,useEffect as bt,useState as kt}from"react";function De(e){let t=h("widgetState"),[n,i]=kt(()=>t??(typeof e=="function"?e():e??null));bt(()=>{i(t)},[t]);let o=yt(a=>{i(g=>{let f=typeof a=="function"?a(g):a;return ae()==="openai"&&f!=null&&window.openai?.setWidgetState(f),f})},[]);return[n,o]}import{jsx as W,jsxs as Fe}from"react/jsx-runtime";var Ct=()=>Fe("div",{className:"flex flex-col items-center justify-center h-full min-h-[120px] gap-4",children:[Fe("div",{className:"flex gap-2",children:[W("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-blue-400 to-cyan-400 animate-bounce [animation-delay:-0.3s]"}),W("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-cyan-400 to-teal-400 animate-bounce [animation-delay:-0.15s]"}),W("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-teal-400 to-emerald-400 animate-bounce"})]}),W("p",{className:"text-sm font-medium text-transparent bg-clip-text bg-gradient-to-r from-slate-400 via-slate-200 to-slate-400 bg-[length:200%_100%] animate-[shimmer_1.5s_ease-in-out_infinite]",children:"Loading widget..."}),W("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:W("div",{className:"w-16 h-16 rounded-full border-2 border-blue-400/20 animate-ping"})}),W("style",{children:`
+              `},children:[v("div",{className:"flex items-center justify-between px-4 py-3",style:{borderBottom:"1px solid rgba(255, 255, 255, 0.06)"},children:[v("div",{className:"flex items-center gap-2",children:[r(ce,{className:"w-4 h-4 text-gray-400"}),r("span",{className:"text-sm font-medium text-white",children:"Dev Controls"})]}),v("div",{className:"flex items-center gap-2",children:[r("span",{className:"text-[10px] font-medium text-gray-500 px-1.5 py-0.5 rounded",style:{background:"rgba(255, 255, 255, 0.04)",border:"1px solid rgba(255, 255, 255, 0.06)"},children:typeof navigator<"u"&&navigator.platform?.includes("Mac")?"\u2318\u21E7D":"Ctrl+Shift+D"}),r("button",{type:"button",onClick:u,className:"p-1 rounded-md text-gray-500 hover:text-gray-300 hover:bg-white/5 transition-colors",children:r(Ge,{className:"w-4 h-4"})})]})]}),v("div",{className:"p-4 space-y-5 overflow-y-auto",style:{maxHeight:"calc(100vh - 200px)"},children:[v("div",{children:[r("label",{htmlFor:"display-mode",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Display Mode"}),r(ue,{options:He,value:f,onChange:x})]}),v("div",{children:[r("label",{htmlFor:"theme",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Theme"}),r(ue,{options:Be,value:s,onChange:y})]}),v("div",{children:[r("label",{htmlFor:"safe-area",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Safe Area (Chat Input)"}),v("button",{type:"button",onClick:()=>w(!l),className:`w-full flex items-center justify-between px-3 py-2.5 rounded-lg text-xs font-medium transition-all duration-150 ${l?"text-emerald-400":"text-gray-400"}`,style:{background:l?"rgba(34, 197, 94, 0.1)":"rgba(255, 255, 255, 0.04)",border:l?"1px solid rgba(34, 197, 94, 0.3)":"1px solid rgba(255, 255, 255, 0.06)"},children:[r("span",{children:"Mock ChatGPT Input Bar"}),r("span",{className:`px-2 py-0.5 rounded text-[10px] font-semibold ${l?"bg-emerald-500/20 text-emerald-400":"bg-gray-500/20 text-gray-500"}`,children:l?"ON":"OFF"})]}),l&&v("p",{className:"text-[10px] text-gray-500 mt-1.5",children:["bottom: ",X,"px"]})]}),v("div",{children:[r("label",{htmlFor:"widget-props",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Widget Props"}),r("textarea",{value:A,onChange:m=>ee(m.target.value),onBlur:P,className:"dev-json-editor w-full min-h-[160px] text-xs text-gray-200 p-3 rounded-lg resize-none focus:outline-none transition-colors",style:{background:"rgba(0, 0, 0, 0.3)",border:E?"1px solid rgba(239, 68, 68, 0.5)":"1px solid rgba(255, 255, 255, 0.06)",fontFamily:"'JetBrains Mono', 'SF Mono', 'Fira Code', monospace",lineHeight:1.6},onFocus:m=>{E||(m.target.style.borderColor="rgba(99, 102, 241, 0.5)")},onBlurCapture:m=>{E||(m.target.style.borderColor="rgba(255, 255, 255, 0.06)")},spellCheck:!1}),E&&v("p",{className:"text-red-400 text-[11px] mt-1.5 flex items-center gap-1",children:[r("svg",{"aria-hidden":"true","aria-label":"Error",className:"w-3 h-3",viewBox:"0 0 16 16",fill:"currentColor",children:r("path",{d:"M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7 4.5h2v4H7v-4zm0 5h2v2H7v-2z"})}),E]})]}),v("button",{type:"button",onClick:Pe,className:"w-full flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-xs font-medium text-gray-400 transition-all duration-150 hover:text-gray-200",style:{background:"rgba(255, 255, 255, 0.04)",border:"1px solid rgba(255, 255, 255, 0.06)"},onMouseEnter:m=>{m.currentTarget.style.background="rgba(255, 255, 255, 0.08)",m.currentTarget.style.borderColor="rgba(255, 255, 255, 0.1)"},onMouseLeave:m=>{m.currentTarget.style.background="rgba(255, 255, 255, 0.04)",m.currentTarget.style.borderColor="rgba(255, 255, 255, 0.06)"},children:[r(qe,{className:"w-3.5 h-3.5"}),"Reset to Defaults"]})]})]})]}),l&&v("div",{className:"fixed bottom-0 left-0 right-0 z-[9998] flex items-center justify-center pointer-events-none",style:{height:`${X}px`,background:"linear-gradient(to top, #1a1a1a 0%, #1a1a1a 80%, transparent 100%)"},children:[v("div",{className:"w-full max-w-2xl mx-4 px-4 py-3 rounded-2xl bg-[#2f2f2f] border border-[#424242] flex items-center gap-3",children:[r("div",{className:"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center",children:r("svg",{"aria-hidden":"true",className:"w-4 h-4 text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})}),r("div",{className:"flex-1 text-gray-400 text-sm",children:"Ask me anything..."}),r("div",{className:"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center",children:r("svg",{"aria-hidden":"true",className:"w-4 h-4 text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"})})})]}),v("div",{className:"absolute bottom-1 text-[10px] text-gray-600 font-mono",children:["Mock SafeArea: bottom=",X,"px"]})]})]})}import{useCallback as it}from"react";import V,{createContext as tt,useCallback as ge,useContext as nt,useEffect as fe,useState as oe,useSyncExternalStore as ot}from"react";async function me(){let{detectPlatform:e}=await import("../platform-GKYYQBCS.js");if(e()==="openai"){let{OpenAIWidgetClient:n}=await import("../openai-client-Q6DRRFMS.js");return new n}else{let{MCPAppsWidgetClient:n}=await import("../mcp-apps-client-73TJHVUE.js");return new n}}var J=tt(null);function he({children:e,loading:t=null,onError:n}){let[i,o]=oe(null),[a,g]=oe(null),[f,p]=oe(!0);return fe(()=>{let s=!0,d=null;async function l(){try{let w=await me();await w.connect(),s?(d=w,o(w),p(!1)):w.close()}catch(w){s&&(console.error("error",w),g(w instanceof Error?w:new Error(String(w))),p(!1))}}return l(),()=>{s=!1,d?.close()}},[]),fe(()=>{if(!i)return;let s=d=>{document.documentElement.classList.toggle("dark",d==="dark"),document.documentElement.style.colorScheme=d==="dark"?"dark":"auto"};return s(i.getTheme()),i.onThemeChange(s)},[i]),a&&n?V.createElement(V.Fragment,null,n(a)):f||!i?V.createElement(V.Fragment,null,t):V.createElement(J.Provider,{value:i},e)}function h(e){let t=nt(J);if(!t)throw new Error("useWidgetClient must be used within a WidgetProvider");let n=ge(a=>e==="toolOutput"?t.onToolResult(()=>a()):e==="theme"?t.onThemeChange(()=>a()):e==="displayMode"?t.onDisplayModeChange(()=>a()):e==="safeArea"?t.onSafeAreaChange(()=>a()):e==="maxHeight"?t.onMaxHeightChange(()=>a()):e==="toolResponseMetadata"?t.onToolResponseMetadataChange(()=>a()):e==="widgetState"?t.onWidgetStateChange(()=>a()):()=>{},[t,e]),i=ge(()=>e==="toolOutput"?t.getToolOutput():e==="theme"?t.getTheme():e==="displayMode"?t.getDisplayMode():e==="locale"?t.getLocale():e==="safeArea"?t.getSafeArea():e==="maxHeight"?t.getMaxHeight():e==="toolResponseMetadata"?t.getToolResponseMetadata():e==="widgetState"?t.getWidgetState():null,[t,e]),o=ot(n,i,i);return e?o:t}function we(){let e=h();return it((t,n)=>e.callTool(t,n),[e])}function ve(){return h("displayMode")}function q(){return h("toolOutput")}function xe(){return{data:q()}}import{useSyncExternalStore as rt}from"react";function ye(){return rt(()=>()=>{},()=>typeof window>"u"?!1:window.__isChatGptApp===!0,()=>!1)}function be(){return h("locale")}function ke(){return h("maxHeight")}import{useCallback as st}from"react";function Ce(){let e=h();return st(t=>e.openExternal(t),[e])}import{useCallback as at}from"react";function Me(){let e=h();return at(t=>e.requestDisplayMode(t),[e])}function Se(){return h("safeArea")}import{useCallback as lt}from"react";function Te(){let e=h();return lt((t,n)=>{(async()=>{le(n?.modelContext)&&await Promise.resolve(e.updateModelContext(n.modelContext)),await Promise.resolve(e.sendFollowUp(t))})().catch(i=>{console.error("Failed to send follow-up message:",i)})},[e])}function Ee(){return h("theme")}function Re(){return h("toolResponseMetadata")}import{useCallback as dt}from"react";function _e(){let e=h();return dt(async t=>{await Promise.resolve(e.updateModelContext(t))},[e])}import{useContext as mt,useEffect as re,useMemo as gt,useRef as ft,useState as Oe}from"react";function ct(){return crypto.randomUUID()}function M(e,t,n){return{event_id:ct(),event_type:t,timestamp:new Date().toISOString(),source:"widget",session_id:e.sessionId,trace_id:e.traceId,...n}}function We(e){let t=e.trim().split(/\s+/),n=t[0]||"",i={};for(let o=1;o<t.length;o++){let a=t[o].indexOf(":");if(a===-1)continue;let g=t[o].slice(0,a),f=t[o].slice(a+1),p=Number(f);i[g]=Number.isFinite(p)&&f!==""?p:f}return{name:n,props:i}}function Ae(e){let t=e.tagName.toLowerCase();return t==="input"||t==="textarea"||t==="select"}function Ne(e,t){let n=[],i=typeof navigator<"u"?navigator:void 0,o=i&&"connection"in i?i.connection:void 0;t([M(e,"widget_render",{metadata:{viewport_width:window.innerWidth,viewport_height:window.innerHeight,device_pixel_ratio:window.devicePixelRatio??1,touch_support:"ontouchstart"in window?1:0,connection_type:o?.effectiveType??"unknown",timezone:Intl.DateTimeFormat().resolvedOptions().timeZone}})]);let a=u=>{t([M(e,"widget_error",{metadata:{error_message:u.message,error_stack:(u.error?.stack??"").slice(0,1024),error_source:u.filename??"unknown"}})])};window.addEventListener("error",a),n.push(()=>window.removeEventListener("error",a));let g=u=>{let c=u.reason,x=c instanceof Error?c.message:String(c),y=c instanceof Error?(c.stack??"").slice(0,1024):"";t([M(e,"widget_error",{metadata:{error_message:x,error_stack:y,error_source:"unhandledrejection"}})])};window.addEventListener("unhandledrejection",g),n.push(()=>window.removeEventListener("unhandledrejection",g));let f=u=>{let c=u.target;t([M(e,"widget_click",{metadata:{target_tag:c?.tagName?.toLowerCase()??"unknown",target_id:c?.id||void 0,target_class:c?.className||void 0,click_x:u.clientX,click_y:u.clientY}})])};document.addEventListener("click",f,{capture:!0}),n.push(()=>document.removeEventListener("click",f,{capture:!0}));let p=u=>{let x=u.target?.closest?.("[data-ww-conversion]");if(!x)return;let{name:y,props:b}=We(x.getAttribute("data-ww-conversion")||"");y&&t([M(e,"conversion",{event_name:y,metadata:Object.keys(b).length>0?b:void 0})])};document.addEventListener("click",p,{capture:!0}),n.push(()=>document.removeEventListener("click",p,{capture:!0}));let s=0,d=u=>{let x=u.target?.closest?.("[data-ww-step]");if(!x)return;let{name:y,props:b}=We(x.getAttribute("data-ww-step")||"");y&&(s++,t([M(e,"step",{event_name:y,step_sequence:s,metadata:Object.keys(b).length>0?b:void 0})]))};document.addEventListener("click",d,{capture:!0}),n.push(()=>document.removeEventListener("click",d,{capture:!0}));let l=u=>{let c=u.target?.closest?.("a");if(!c)return;let x=c.getAttribute("href")??"",y=x.startsWith("http")&&!x.startsWith(window.location.origin);t([M(e,"widget_link_click",{metadata:{href:x,link_text:(c.textContent??"").slice(0,200),is_external:y}})])};document.addEventListener("click",l,{capture:!0}),n.push(()=>document.removeEventListener("click",l,{capture:!0}));let w=null,A=window.scrollY||0,U=()=>{w||(w=setTimeout(()=>{w=null;let u=window.scrollY||document.documentElement.scrollTop,c=document.documentElement.scrollHeight-document.documentElement.clientHeight,x=c>0?Math.round(u/c*100):0,y=u>=A?"down":"up";A=u,t([M(e,"widget_scroll",{metadata:{scroll_depth_pct:x,scroll_direction:y,viewport_height:window.innerHeight}})])},250))};window.addEventListener("scroll",U,{passive:!0}),n.push(()=>{window.removeEventListener("scroll",U),w&&clearTimeout(w)});let E=new WeakMap,N=u=>{let c=u.target;!c||!Ae(c)||E.set(c,Date.now())},R=u=>{let c=u.target;if(!c||!Ae(c))return;let x=E.get(c),y=x?Date.now()-x:0,b=c;t([M(e,"widget_form_field",{metadata:{field_name:b.name||b.id||void 0,field_type:b.type||c.tagName.toLowerCase(),time_in_field_ms:y,filled:!!b.value}})])};document.addEventListener("focusin",N,{capture:!0}),document.addEventListener("focusout",R,{capture:!0}),n.push(()=>{document.removeEventListener("focusin",N,{capture:!0}),document.removeEventListener("focusout",R,{capture:!0})});let D=new WeakMap,I=u=>{let x=u.target?.closest?.("form");x&&!D.has(x)&&D.set(x,Date.now())};document.addEventListener("focusin",I,{capture:!0}),n.push(()=>document.removeEventListener("focusin",I,{capture:!0}));let F=u=>{let c=u.target,x=c?D.get(c):void 0,y=0;if(c){let b=c.querySelectorAll("input, textarea, select");for(let ee of b){let P=ee;(P.validity&&!P.validity.valid||P.getAttribute("aria-invalid")==="true")&&y++}}t([M(e,"widget_form_submit",{metadata:{form_id:c?.id||void 0,time_to_submit_ms:x?Date.now()-x:void 0,validation_errors:y}})])};return document.addEventListener("submit",F,{capture:!0}),n.push(()=>document.removeEventListener("submit",F,{capture:!0})),()=>{for(let u of n)u()}}var ut="@waniwani/sdk";function pt(e){let n=e.event_type.startsWith("widget_")?e.event_type:`widget_${e.event_type}`,i={};e.session_id&&(i.sessionId=e.session_id),e.trace_id&&(i.traceId=e.trace_id),e.user_id&&(i.externalUserId=e.user_id);let o={...e.metadata??{}};return e.event_name&&(o.event_name=e.event_name),{id:e.event_id,type:"mcp.event",name:n,source:e.source||"widget",timestamp:e.timestamp,correlation:i,properties:o,metadata:{}}}function ie(e){return JSON.stringify({sentAt:new Date().toISOString(),source:{sdk:ut,version:"0.1.0"},events:e.map(pt)})}var Z=class{buffer=[];timer=null;flushing=!1;pendingFlush=!1;stopped=!1;config;teardownVisibility=null;teardownPagehide=null;constructor(t){this.config=t,this.start(),this.registerTeardown()}send(t){if(!this.stopped){if(this.buffer.push(...t),this.buffer.length>200){let n=this.buffer.length-200;this.buffer.splice(0,n)}this.buffer.length>=20&&this.flush().catch(()=>{})}}async flush(){if(!(this.stopped||this.buffer.length===0)){if(this.flushing){this.pendingFlush=!0;return}this.flushing=!0;try{let t=this.buffer.splice(0,20);await this.sendBatch(t)}finally{this.flushing=!1,this.pendingFlush&&this.buffer.length>0&&!this.stopped&&(this.pendingFlush=!1,this.flush().catch(()=>{}))}}}stop(){this.stopped=!0,this.timer&&(clearInterval(this.timer),this.timer=null),typeof document<"u"&&this.teardownVisibility&&(document.removeEventListener("visibilitychange",this.teardownVisibility),this.teardownVisibility=null),typeof window<"u"&&this.teardownPagehide&&(window.removeEventListener("pagehide",this.teardownPagehide),this.teardownPagehide=null)}beaconFlush(){if(this.buffer.length===0)return;let t=[...this.buffer];this.buffer.length=0;let n={"Content-Type":"application/json"};if(this.config.token&&(n.Authorization=`Bearer ${this.config.token}`),typeof fetch<"u"){this.sendKeepAliveChunked(this.config.endpoint,t,n);return}typeof navigator<"u"&&typeof navigator.sendBeacon=="function"&&this.sendBeaconChunked(this.config.endpoint,t)}sendKeepAliveChunked(t,n,i){let o=ie(n);if(o.length<=6e4){fetch(t,{method:"POST",headers:i,body:o,keepalive:!0}).catch(()=>{});return}if(n.length<=1)return;let a=Math.ceil(n.length/2);this.sendKeepAliveChunked(t,n.slice(0,a),i),this.sendKeepAliveChunked(t,n.slice(a),i)}sendBeaconChunked(t,n){let i=ie(n);if(i.length<=6e4){navigator.sendBeacon(t,new Blob([i],{type:"application/json"}));return}if(n.length<=1)return;let o=Math.ceil(n.length/2);this.sendBeaconChunked(t,n.slice(0,o)),this.sendBeaconChunked(t,n.slice(o))}start(){this.timer||(this.timer=setInterval(()=>{this.flush().catch(()=>{})},5e3))}registerTeardown(){typeof document>"u"||(this.teardownVisibility=()=>{document.visibilityState==="hidden"&&this.beaconFlush()},this.teardownPagehide=()=>{this.beaconFlush()},document.addEventListener("visibilitychange",this.teardownVisibility),window.addEventListener("pagehide",this.teardownPagehide))}async sendBatch(t){let n=ie(t),i={"Content-Type":"application/json"};this.config.token&&(i.Authorization=`Bearer ${this.config.token}`);for(let o=0;o<=3;o++)try{let a=await fetch(this.config.endpoint,{method:"POST",headers:i,body:n});if(a.status===200||a.status===207)return;if(a.status===401){this.stopped=!0;return}if(a.status>=500&&o<3){await this.delay(1e3*2**o);continue}if(a.status===429&&o<3){let g=a.headers.get("Retry-After"),f=g?Number(g):NaN,p=Number.isFinite(f)?f*1e3:1e3*2**o;await this.delay(p);continue}return}catch{if(o<3){await this.delay(1e3*2**o);continue}return}}delay(t){return new Promise(n=>setTimeout(n,t))}};var se={identify(){},step(){},track(){},conversion(){}},T=null,Q=0;function ht(){return crypto.randomUUID()}function L(e){if(typeof e!="string")return;let t=e.trim();return t.length>0?t:void 0}function wt(){return{widget:se,cleanup:()=>{},config:null}}function Ie(e){if(!e)return null;let t=e.getToolResponseMetadata();if(!t)return null;let n=t._meta,i=t.waniwani??n?.waniwani,o=L(i?.endpoint);return o?{endpoint:o,token:L(i?.token),sessionId:L(i?.sessionId)}:null}function Le(e,t){return e?.endpoint===t?.endpoint&&e?.token===t?.token&&e?.sessionId===t?.sessionId}function vt(e){let[t,n]=Oe(()=>Ie(e));return re(()=>{if(!e){n(o=>o===null?o:null);return}let i=()=>{let o=Ie(e);n(a=>Le(a,o)?a:o)};return i(),e.onToolResponseMetadataChange(()=>{i()})},[e]),t}function xt(e,t){let n=e.sessionId??crypto.randomUUID(),i=crypto.randomUUID(),o=new Z({endpoint:e.endpoint,token:e.token,metadata:t}),a,g=0,f=d=>{o.send(d)},p=Ne({sessionId:n,traceId:i,metadata:t},f);function s(d,l){return{event_id:ht(),event_type:d,timestamp:new Date().toISOString(),source:"widget",session_id:n,trace_id:i,user_id:a,...l}}return{widget:{identify(d,l){a=d,f([s("identify",{user_id:d,user_traits:l})])},step(d,l){g++,f([s("step",{event_name:d,step_sequence:g,metadata:l})])},track(d,l){f([s("track",{event_name:d,metadata:l})])},conversion(d,l){f([s("conversion",{event_name:d,metadata:l})])}},cleanup:()=>{p(),o.stop()},config:e}}function Ue(e={}){let t=mt(J),n=vt(t),i=L(e.endpoint),o=L(e.token),a=L(e.sessionId),g=gt(()=>i?{endpoint:i,token:o??n?.token,sessionId:a??n?.sessionId}:n,[i,o,a,n]),[f,p]=Oe(se),s=ft(e.metadata);return s.current=e.metadata,re(()=>(Q++,()=>{Q=Math.max(Q-1,0),Q===0&&(T?.cleanup(),T=null)}),[]),re(()=>{if(!(typeof window>"u")){if(!g){T?.config&&(T.cleanup(),T=wt(),p(se));return}Le(T?.config,g)||(T?.cleanup(),T=xt(g,s.current),p(T.widget))}},[g]),f}import{useCallback as yt,useEffect as bt,useState as kt}from"react";function De(e){let t=h("widgetState"),[n,i]=kt(()=>t??(typeof e=="function"?e():e??null));bt(()=>{i(t)},[t]);let o=yt(a=>{i(g=>{let f=typeof a=="function"?a(g):a;return ae()==="openai"&&f!=null&&window.openai?.setWidgetState(f),f})},[]);return[n,o]}import{jsx as W,jsxs as Fe}from"react/jsx-runtime";var Ct=()=>Fe("div",{className:"flex flex-col items-center justify-center h-full min-h-[120px] gap-4",children:[Fe("div",{className:"flex gap-2",children:[W("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-blue-400 to-cyan-400 animate-bounce [animation-delay:-0.3s]"}),W("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-cyan-400 to-teal-400 animate-bounce [animation-delay:-0.15s]"}),W("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-teal-400 to-emerald-400 animate-bounce"})]}),W("p",{className:"text-sm font-medium text-transparent bg-clip-text bg-gradient-to-r from-slate-400 via-slate-200 to-slate-400 bg-[length:200%_100%] animate-[shimmer_1.5s_ease-in-out_infinite]",children:"Loading widget..."}),W("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:W("div",{className:"w-16 h-16 rounded-full border-2 border-blue-400/20 animate-ping"})}),W("style",{children:`
         @keyframes shimmer {
           0% { background-position: 200% 0; }
           100% { background-position: -200% 0; }