@waniwani/sdk 0.2.6-beta.0 → 0.2.6-beta.2

package/dist/mcp/react.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
+import { ContentBlock, CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import React$1, { ReactNode, SetStateAction } from 'react';
 
 /**
@@ -119,6 +119,12 @@ declare function updateMockToolOutput(props: Record<string, unknown>): void;
 declare function updateMockDisplayMode(mode: DisplayMode): void;
 declare function updateMockTheme(theme: Theme): void;
 
+type ModelContextContentBlock = ContentBlock;
+type ModelContextUpdate = {
+    content?: ModelContextContentBlock[];
+    structuredContent?: Record<string, unknown>;
+};
+
 /**
  * Result from calling a tool
  */
@@ -173,7 +179,13 @@ interface UnifiedWidgetClient {
      * On OpenAI: openai.sendFollowUpMessage({ prompt })
      * On MCP Apps: app.sendMessages([{ role: 'user', content: { type: 'text', text: prompt } }])
      */
-    sendFollowUp(prompt: string): void;
+    sendFollowUp(prompt: string): void | Promise<void>;
+    /**
+     * Update hidden model context for the next assistant turn.
+     * On MCP Apps this uses the standard `ui/update-model-context` request.
+     * On other hosts this may fall back to best-effort behavior.
+     */
+    updateModelContext(context: ModelContextUpdate): Promise<void> | void;
     /**
      * Get the current theme.
      */
@@ -339,13 +351,16 @@ declare function useRequestDisplayMode(): (mode: DisplayMode) => Promise<Display
  */
 declare function useSafeArea(): SafeArea | null;
 
+interface SendFollowUpOptions {
+    modelContext?: ModelContextUpdate | null;
+}
 /**
  * Get a function to send follow-up messages to the AI.
  * Works on both OpenAI widgets and MCP Apps.
  *
  * @returns A function that sends a follow-up message
  */
-declare function useSendFollowUp(): (prompt: string) => void;
+declare function useSendFollowUp(): (prompt: string, options?: SendFollowUpOptions) => void;
 
 /**
  * Get the current theme.
@@ -373,6 +388,12 @@ declare function useToolOutput<T extends Record<string, unknown>>(): T | null;
  */
 declare function useToolResponseMetadata(): UnknownObject | null;
 
+/**
+ * Get a function to update hidden model context for the next assistant turn.
+ * Uses the MCP Apps `ui/update-model-context` request when available.
+ */
+declare function useUpdateModelContext(): (context: ModelContextUpdate) => Promise<void>;
+
 /**
  * Options for the useWaniwani hook.
  */
@@ -510,4 +531,4 @@ declare function useWidgetState<T extends UnknownObject>(defaultState?: T | (()
 
 declare const LoadingWidget: () => react_jsx_runtime.JSX.Element;
 
-export { DevModeProvider, type DeviceType, type DisplayMode, type FlowActionResult, InitializeNextJsInChatGpt, LoadingWidget, type SafeArea, type SafeAreaInsets, type Theme, type UnknownObject, type UseWaniwaniOptions, type UserAgent, type WaniwaniWidget, WidgetProvider, getMockState, initializeMockOpenAI, updateMockDisplayMode, updateMockGlobal, updateMockTheme, updateMockToolOutput, useCallTool, useDisplayMode, useFlowAction, useIsChatGptApp, useLocale, useMaxHeight, useOpenExternal, useRequestDisplayMode, useSafeArea, useSendFollowUp, useTheme, useToolOutput, useToolResponseMetadata, useWaniwani, useWidgetClient, useWidgetState };
+export { DevModeProvider, type DeviceType, type DisplayMode, type FlowActionResult, InitializeNextJsInChatGpt, LoadingWidget, type ModelContextContentBlock, type ModelContextUpdate, type SafeArea, type SafeAreaInsets, type SendFollowUpOptions, type Theme, type UnknownObject, type UseWaniwaniOptions, type UserAgent, type WaniwaniWidget, WidgetProvider, getMockState, initializeMockOpenAI, updateMockDisplayMode, updateMockGlobal, updateMockTheme, updateMockToolOutput, useCallTool, useDisplayMode, useFlowAction, useIsChatGptApp, useLocale, useMaxHeight, useOpenExternal, useRequestDisplayMode, useSafeArea, useSendFollowUp, useTheme, useToolOutput, useToolResponseMetadata, useUpdateModelContext, useWaniwani, useWidgetClient, useWidgetState };

package/dist/mcp/react.js

@@ -1,5 +1,5 @@
 "use client";
-import{a as ae}from"../chunk-DGSC74SV.js";import{b as P}from"../chunk-ZUGQBRJF.js";import{Fragment as Be,jsx as Y,jsxs as je}from"react/jsx-runtime";function Pe({baseUrl:e}){return je(Be,{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),h=l.pathname+l.search+l.hash;o.call(history,s,h)};let a=history.pushState;history.pushState=(p,s,d)=>{let l=new URL(d??"",window.location.href),h=l.pathname+l.search+l.hash;a.call(history,s,h)};let m=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!==m)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!==m){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===m)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 h=new URL(t);return h.pathname=l.pathname,h.search=l.search,h.hash=l.hash,l=h,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 T,useEffect as L,useRef as te,useState as M}from"react";var le={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={...le};function j(e){typeof window>"u"||window.openai||(B={...le,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 P({globals:B})))}function _(e,t){typeof window>"u"||!window.openai||(B[e]=t,window.openai[e]=t,window.dispatchEvent(new P({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 w}from"react/jsx-runtime";var X=150;function de({className:e}){return w("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 Ke({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 ze({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 Ge({className:e}){return w("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 Ve({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 Ye({className:e}){return w("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 $e({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 Xe({className:e}){return w("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 Je=`
+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=`
   @keyframes devPanelSlideIn {
     0% {
       opacity: 0;
@@ -47,22 +47,22 @@ import{a as ae}from"../chunk-DGSC74SV.js";import{b as P}from"../chunk-ZUGQBRJF.j
   .dev-json-editor::-webkit-scrollbar-thumb:hover {
     background: rgba(255, 255, 255, 0.15);
   }
-`;function ue({defaultProps:e,widgetPaths:t,children:n}){let[i,o]=M(!1),[a,m]=M(!1);return L(()=>{if(new URLSearchParams(window.location.search).get("platform")==="mcp-apps"){o(!0);return}if(t&&t.length>0){let p=window.location.pathname,s=t.some(d=>p===d||p.startsWith(`${d}/`));m(s),s&&j(e)}else j(e),m(!0);o(!0)},[e,t]),i?a?w(ne,{children:[r(qe,{children:n}),r(Ze,{defaultProps:e})]}):r(ne,{children:n}):null}function qe({children:e}){return r("div",{className:"min-h-screen bg-[#212121] flex items-center justify-center p-8",children:r("div",{className:"relative w-full max-w-md overflow-hidden rounded-2xl sm:rounded-3xl border border-[#414141]",style:{boxShadow:"0px 0px 0px 1px #414141, 0px 4px 14px rgba(0,0,0,0.24)"},children:e})})}function ce({options:e,value:t,onChange:n}){let i=e.findIndex(o=>o.value===t);return w("div",{className:"relative flex p-0.5 rounded-lg",style:{background:"rgba(255, 255, 255, 0.04)",border:"1px solid rgba(255, 255, 255, 0.06)"},children:[r("div",{className:"absolute top-0.5 bottom-0.5 rounded-md transition-transform duration-150 ease-out",style:{width:`calc(${100/e.length}% - 2px)`,left:"2px",transform:`translateX(calc(${i*100}% + ${i*2}px))`,background:"rgba(255, 255, 255, 0.1)"}}),e.map(o=>w("button",{type:"button",onClick:()=>n(o.value),className:`
+`;function pe({defaultProps:e,widgetPaths:t,children:n}){let[i,o]=C(!1),[a,g]=C(!1);return O(()=>{if(new URLSearchParams(window.location.search).get("platform")==="mcp-apps"){o(!0);return}if(t&&t.length>0){let p=window.location.pathname,s=t.some(d=>p===d||p.startsWith(`${d}/`));g(s),s&&j(e)}else j(e),g(!0);o(!0)},[e,t]),i?a?v(ne,{children:[r(Qe,{children:n}),r(et,{defaultProps:e})]}):r(ne,{children:n}):null}function Qe({children:e}){return r("div",{className:"min-h-screen bg-[#212121] flex items-center justify-center p-8",children:r("div",{className:"relative w-full max-w-md overflow-hidden rounded-2xl sm:rounded-3xl border border-[#414141]",style:{boxShadow:"0px 0px 0px 1px #414141, 0px 4px 14px rgba(0,0,0,0.24)"},children:e})})}function ue({options:e,value:t,onChange:n}){let i=e.findIndex(o=>o.value===t);return v("div",{className:"relative flex p-0.5 rounded-lg",style:{background:"rgba(255, 255, 255, 0.04)",border:"1px solid rgba(255, 255, 255, 0.06)"},children:[r("div",{className:"absolute top-0.5 bottom-0.5 rounded-md transition-transform duration-150 ease-out",style:{width:`calc(${100/e.length}% - 2px)`,left:"2px",transform:`translateX(calc(${i*100}% + ${i*2}px))`,background:"rgba(255, 255, 255, 0.1)"}}),e.map(o=>v("button",{type:"button",onClick:()=>n(o.value),className:`
             relative z-10 flex-1 flex items-center justify-center gap-1.5 px-2 py-1.5
             text-xs font-medium rounded-md transition-colors duration-150
             ${t===o.value?"text-white":"text-gray-400 hover:text-gray-300"}
-          `,children:[o.icon,r("span",{className:"capitalize",children:o.label})]},o.value))]})}function Ze({defaultProps:e}){let[t,n]=M(()=>typeof window>"u"?!1:localStorage.getItem("dev-controls-open")==="true"),[i,o]=M(!1),[a,m]=M(t),[f,p]=M("inline"),[s,d]=M("dark"),[l,h]=M(!1),[A,D]=M(()=>JSON.stringify(e??{},null,2)),[E,N]=M(null),R=te(null),F=te(null),I=te(null);L(()=>{let g=$();p(g.displayMode),d(g.theme)},[]),L(()=>{typeof window>"u"||(window.openai||(window.openai={}),window.openai.safeArea={insets:{top:0,bottom:l?X:0,left:0,right:0}},window.dispatchEvent(new P({globals:{safeArea:window.openai.safeArea}})))},[l]),L(()=>{localStorage.setItem("dev-controls-open",String(t))},[t]);let U=T(()=>{m(!0),requestAnimationFrame(()=>{n(!0)})},[]),u=T(()=>{o(!0),n(!1),setTimeout(()=>{m(!1),o(!1)},150)},[]),c=T(()=>{t?u():U()},[t,U,u]);L(()=>{let g=k=>{(k.metaKey||k.ctrlKey)&&k.shiftKey&&k.key==="d"&&(k.preventDefault(),c()),k.key==="Escape"&&t&&u()};return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[t,c,u]),L(()=>{if(!t)return;let g=k=>{I.current&&!I.current.contains(k.target)&&u()};return document.addEventListener("mousedown",g),()=>document.removeEventListener("mousedown",g)},[t,u]);let x=T(g=>{p(g),z(g)},[]),y=T(g=>{d(g),G(g)},[]),b=T(g=>{try{let k=JSON.parse(g);N(null),K(k)}catch{N("Invalid JSON")}},[]),ee=T(g=>{D(g),R.current&&clearTimeout(R.current),R.current=setTimeout(()=>{b(g)},500)},[b]),H=T(()=>{R.current&&clearTimeout(R.current),b(A)},[b,A]),Fe=T(()=>{let g=JSON.stringify(e??{},null,2);D(g),N(null),K(e??{}),p("inline"),z("inline"),d("dark"),G("dark")},[e]),Ue=[{value:"inline",label:"inline",icon:r(ze,{className:"w-3.5 h-3.5"})},{value:"pip",label:"pip",icon:r(Ge,{className:"w-3.5 h-3.5"})},{value:"fullscreen",label:"full",icon:r(Ve,{className:"w-3.5 h-3.5"})}],He=[{value:"light",label:"light",icon:r(Ye,{className:"w-3.5 h-3.5"})},{value:"dark",label:"dark",icon:r($e,{className:"w-3.5 h-3.5"})}];return w(ne,{children:[r("style",{dangerouslySetInnerHTML:{__html:Je}}),w("div",{ref:I,className:"fixed bottom-4 right-4 z-[9999] font-['Inter',_system-ui,_sans-serif]",children:[w("button",{type:"button",onClick:c,className:"group relative flex items-center justify-center w-11 h-11 rounded-xl transition-all duration-200 ease-out hover:scale-105 active:scale-95",style:{background:"rgba(14, 14, 16, 0.95)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",border:"1px solid rgba(255, 255, 255, 0.08)",boxShadow:`
+          `,children:[o.icon,r("span",{className:"capitalize",children:o.label})]},o.value))]})}function et({defaultProps:e}){let[t,n]=C(()=>typeof window>"u"?!1:localStorage.getItem("dev-controls-open")==="true"),[i,o]=C(!1),[a,g]=C(t),[f,p]=C("inline"),[s,d]=C("dark"),[l,w]=C(!1),[A,U]=C(()=>JSON.stringify(e??{},null,2)),[E,N]=C(null),R=te(null),D=te(null),I=te(null);O(()=>{let m=$();p(m.displayMode),d(m.theme)},[]),O(()=>{typeof window>"u"||(window.openai||(window.openai={}),window.openai.safeArea={insets:{top:0,bottom:l?X:0,left:0,right:0}},window.dispatchEvent(new H({globals:{safeArea:window.openai.safeArea}})))},[l]),O(()=>{localStorage.setItem("dev-controls-open",String(t))},[t]);let F=S(()=>{g(!0),requestAnimationFrame(()=>{n(!0)})},[]),u=S(()=>{o(!0),n(!1),setTimeout(()=>{g(!1),o(!1)},150)},[]),c=S(()=>{t?u():F()},[t,F,u]);O(()=>{let m=k=>{(k.metaKey||k.ctrlKey)&&k.shiftKey&&k.key==="d"&&(k.preventDefault(),c()),k.key==="Escape"&&t&&u()};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[t,c,u]),O(()=>{if(!t)return;let m=k=>{I.current&&!I.current.contains(k.target)&&u()};return document.addEventListener("mousedown",m),()=>document.removeEventListener("mousedown",m)},[t,u]);let x=S(m=>{p(m),z(m)},[]),y=S(m=>{d(m),G(m)},[]),b=S(m=>{try{let k=JSON.parse(m);N(null),K(k)}catch{N("Invalid JSON")}},[]),ee=S(m=>{U(m),R.current&&clearTimeout(R.current),R.current=setTimeout(()=>{b(m)},500)},[b]),P=S(()=>{R.current&&clearTimeout(R.current),b(A)},[b,A]),Pe=S(()=>{let m=JSON.stringify(e??{},null,2);U(m),N(null),K(e??{}),p("inline"),z("inline"),d("dark"),G("dark")},[e]),He=[{value:"inline",label:"inline",icon:r(Ve,{className:"w-3.5 h-3.5"})},{value:"pip",label:"pip",icon:r(Ye,{className:"w-3.5 h-3.5"})},{value:"fullscreen",label:"full",icon:r($e,{className:"w-3.5 h-3.5"})}],Be=[{value:"light",label:"light",icon:r(Xe,{className:"w-3.5 h-3.5"})},{value:"dark",label:"dark",icon:r(Je,{className:"w-3.5 h-3.5"})}];return v(ne,{children:[r("style",{dangerouslySetInnerHTML:{__html:Ze}}),v("div",{ref:I,className:"fixed bottom-4 right-4 z-[9999] font-['Inter',_system-ui,_sans-serif]",children:[v("button",{type:"button",onClick:c,className:"group relative flex items-center justify-center w-11 h-11 rounded-xl transition-all duration-200 ease-out hover:scale-105 active:scale-95",style:{background:"rgba(14, 14, 16, 0.95)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",border:"1px solid rgba(255, 255, 255, 0.08)",boxShadow:`
               0 4px 12px rgba(0, 0, 0, 0.4),
               0 0 0 1px rgba(255, 255, 255, 0.05),
               inset 0 1px 0 rgba(255, 255, 255, 0.04)
-            `},"aria-label":"Toggle Dev Controls","aria-expanded":t,children:[r(de,{className:`w-5 h-5 transition-all duration-200 ${t?"text-indigo-400 scale-110":"text-gray-300 group-hover:text-white"}`}),r("div",{className:"absolute inset-0 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none",style:{background:"radial-gradient(circle at center, rgba(99, 102, 241, 0.15) 0%, transparent 70%)"}})]}),a&&w("div",{ref:F,className:`absolute bottom-14 right-0 w-80 ${t&&!i?"dev-panel-enter":"dev-panel-exit"}`,style:{maxHeight:"calc(100vh - 120px)",background:"rgba(14, 14, 16, 0.92)",backdropFilter:"blur(24px)",WebkitBackdropFilter:"blur(24px)",border:"1px solid rgba(255, 255, 255, 0.06)",borderRadius:"16px",boxShadow:`
+            `},"aria-label":"Toggle Dev Controls","aria-expanded":t,children:[r(ce,{className:`w-5 h-5 transition-all duration-200 ${t?"text-indigo-400 scale-110":"text-gray-300 group-hover:text-white"}`}),r("div",{className:"absolute inset-0 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none",style:{background:"radial-gradient(circle at center, rgba(99, 102, 241, 0.15) 0%, transparent 70%)"}})]}),a&&v("div",{ref:D,className:`absolute bottom-14 right-0 w-80 ${t&&!i?"dev-panel-enter":"dev-panel-exit"}`,style:{maxHeight:"calc(100vh - 120px)",background:"rgba(14, 14, 16, 0.92)",backdropFilter:"blur(24px)",WebkitBackdropFilter:"blur(24px)",border:"1px solid rgba(255, 255, 255, 0.06)",borderRadius:"16px",boxShadow:`
                 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:[w("div",{className:"flex items-center justify-between px-4 py-3",style:{borderBottom:"1px solid rgba(255, 255, 255, 0.06)"},children:[w("div",{className:"flex items-center gap-2",children:[r(de,{className:"w-4 h-4 text-gray-400"}),r("span",{className:"text-sm font-medium text-white",children:"Dev Controls"})]}),w("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(Ke,{className:"w-4 h-4"})})]})]}),w("div",{className:"p-4 space-y-5 overflow-y-auto",style:{maxHeight:"calc(100vh - 200px)"},children:[w("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(ce,{options:Ue,value:f,onChange:x})]}),w("div",{children:[r("label",{htmlFor:"theme",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Theme"}),r(ce,{options:He,value:s,onChange:y})]}),w("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)"}),w("button",{type:"button",onClick:()=>h(!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&&w("p",{className:"text-[10px] text-gray-500 mt-1.5",children:["bottom: ",X,"px"]})]}),w("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:g=>ee(g.target.value),onBlur:H,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:g=>{E||(g.target.style.borderColor="rgba(99, 102, 241, 0.5)")},onBlurCapture:g=>{E||(g.target.style.borderColor="rgba(255, 255, 255, 0.06)")},spellCheck:!1}),E&&w("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]})]}),w("button",{type:"button",onClick:Fe,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:g=>{g.currentTarget.style.background="rgba(255, 255, 255, 0.08)",g.currentTarget.style.borderColor="rgba(255, 255, 255, 0.1)"},onMouseLeave:g=>{g.currentTarget.style.background="rgba(255, 255, 255, 0.04)",g.currentTarget.style.borderColor="rgba(255, 255, 255, 0.06)"},children:[r(Xe,{className:"w-3.5 h-3.5"}),"Reset to Defaults"]})]})]})]}),l&&w("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:[w("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"})})})]}),w("div",{className:"absolute bottom-1 text-[10px] text-gray-600 font-mono",children:["Mock SafeArea: bottom=",X,"px"]})]})]})}import{useCallback as nt}from"react";import V,{createContext as Qe,useCallback as ge,useContext as et,useEffect as me,useState as oe,useSyncExternalStore as tt}from"react";async function pe(){let{detectPlatform:e}=await import("../platform-GKYYQBCS.js");if(e()==="openai"){let{OpenAIWidgetClient:n}=await import("../openai-client-HLQSYZJC.js");return new n}else{let{MCPAppsWidgetClient:n}=await import("../mcp-apps-client-6WEBHSGH.js");return new n}}var J=Qe(null);function fe({children:e,loading:t=null,onError:n}){let[i,o]=oe(null),[a,m]=oe(null),[f,p]=oe(!0);return me(()=>{let s=!0,d=null;async function l(){try{let h=await pe();await h.connect(),s?(d=h,o(h),p(!1)):h.close()}catch(h){s&&(console.error("error",h),m(h instanceof Error?h:new Error(String(h))),p(!1))}}return l(),()=>{s=!1,d?.close()}},[]),me(()=>{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 v(e){let t=et(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=tt(n,i,i);return e?o:t}function he(){let e=v();return nt((t,n)=>e.callTool(t,n),[e])}function we(){return v("displayMode")}function q(){return v("toolOutput")}function ve(){return{data:q()}}import{useSyncExternalStore as ot}from"react";function xe(){return ot(()=>()=>{},()=>typeof window>"u"?!1:window.__isChatGptApp===!0,()=>!1)}function ye(){return v("locale")}function be(){return v("maxHeight")}import{useCallback as it}from"react";function ke(){let e=v();return it(t=>e.openExternal(t),[e])}import{useCallback as rt}from"react";function Me(){let e=v();return rt(t=>e.requestDisplayMode(t),[e])}function Ce(){return v("safeArea")}import{useCallback as st}from"react";function Te(){let e=v();return st(t=>e.sendFollowUp(t),[e])}function Se(){return v("theme")}function Ee(){return v("toolResponseMetadata")}import{useContext as ct,useEffect as re,useMemo as ut,useRef as pt,useState as Ne}from"react";function at(){return crypto.randomUUID()}function C(e,t,n){return{event_id:at(),event_type:t,timestamp:new Date().toISOString(),source:"widget",session_id:e.sessionId,trace_id:e.traceId,...n}}function Re(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 m=t[o].slice(0,a),f=t[o].slice(a+1),p=Number(f);i[m]=Number.isFinite(p)&&f!==""?p:f}return{name:n,props:i}}function _e(e){let t=e.tagName.toLowerCase();return t==="input"||t==="textarea"||t==="select"}function We(e,t){let n=[],i=typeof navigator<"u"?navigator:void 0,o=i&&"connection"in i?i.connection:void 0;t([C(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([C(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 m=u=>{let c=u.reason,x=c instanceof Error?c.message:String(c),y=c instanceof Error?(c.stack??"").slice(0,1024):"";t([C(e,"widget_error",{metadata:{error_message:x,error_stack:y,error_source:"unhandledrejection"}})])};window.addEventListener("unhandledrejection",m),n.push(()=>window.removeEventListener("unhandledrejection",m));let f=u=>{let c=u.target;t([C(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}=Re(x.getAttribute("data-ww-conversion")||"");y&&t([C(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}=Re(x.getAttribute("data-ww-step")||"");y&&(s++,t([C(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([C(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 h=null,A=window.scrollY||0,D=()=>{h||(h=setTimeout(()=>{h=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([C(e,"widget_scroll",{metadata:{scroll_depth_pct:x,scroll_direction:y,viewport_height:window.innerHeight}})])},250))};window.addEventListener("scroll",D,{passive:!0}),n.push(()=>{window.removeEventListener("scroll",D),h&&clearTimeout(h)});let E=new WeakMap,N=u=>{let c=u.target;!c||!_e(c)||E.set(c,Date.now())},R=u=>{let c=u.target;if(!c||!_e(c))return;let x=E.get(c),y=x?Date.now()-x:0,b=c;t([C(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 F=new WeakMap,I=u=>{let x=u.target?.closest?.("form");x&&!F.has(x)&&F.set(x,Date.now())};document.addEventListener("focusin",I,{capture:!0}),n.push(()=>document.removeEventListener("focusin",I,{capture:!0}));let U=u=>{let c=u.target,x=c?F.get(c):void 0,y=0;if(c){let b=c.querySelectorAll("input, textarea, select");for(let ee of b){let H=ee;(H.validity&&!H.validity.valid||H.getAttribute("aria-invalid")==="true")&&y++}}t([C(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",U,{capture:!0}),n.push(()=>document.removeEventListener("submit",U,{capture:!0})),()=>{for(let u of n)u()}}var lt="@waniwani/sdk";function dt(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:lt,version:"0.1.0"},events:e.map(dt)})}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 m=a.headers.get("Retry-After"),f=m?Number(m):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(){}},S=null,Q=0;function gt(){return crypto.randomUUID()}function O(e){if(typeof e!="string")return;let t=e.trim();return t.length>0?t:void 0}function mt(){return{widget:se,cleanup:()=>{},config:null}}function Ae(e){if(!e)return null;let t=e.getToolResponseMetadata();if(!t)return null;let n=t._meta,i=t.waniwani??n?.waniwani,o=O(i?.endpoint);return o?{endpoint:o,token:O(i?.token),sessionId:O(i?.sessionId)}:null}function Ie(e,t){return e?.endpoint===t?.endpoint&&e?.token===t?.token&&e?.sessionId===t?.sessionId}function ft(e){let[t,n]=Ne(()=>Ae(e));return re(()=>{if(!e){n(o=>o===null?o:null);return}let i=()=>{let o=Ae(e);n(a=>Ie(a,o)?a:o)};return i(),e.onToolResponseMetadataChange(()=>{i()})},[e]),t}function ht(e,t){let n=e.sessionId??crypto.randomUUID(),i=crypto.randomUUID(),o=new Z({endpoint:e.endpoint,token:e.token,metadata:t}),a,m=0,f=d=>{o.send(d)},p=We({sessionId:n,traceId:i,metadata:t},f);function s(d,l){return{event_id:gt(),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){m++,f([s("step",{event_name:d,step_sequence:m,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 Le(e={}){let t=ct(J),n=ft(t),i=O(e.endpoint),o=O(e.token),a=O(e.sessionId),m=ut(()=>i?{endpoint:i,token:o??n?.token,sessionId:a??n?.sessionId}:n,[i,o,a,n]),[f,p]=Ne(se),s=pt(e.metadata);return s.current=e.metadata,re(()=>(Q++,()=>{Q=Math.max(Q-1,0),Q===0&&(S?.cleanup(),S=null)}),[]),re(()=>{if(!(typeof window>"u")){if(!m){S?.config&&(S.cleanup(),S=mt(),p(se));return}Ie(S?.config,m)||(S?.cleanup(),S=ht(m,s.current),p(S.widget))}},[m]),f}import{useCallback as wt,useEffect as vt,useState as xt}from"react";function Oe(e){let t=v("widgetState"),[n,i]=xt(()=>t??(typeof e=="function"?e():e??null));vt(()=>{i(t)},[t]);let o=wt(a=>{i(m=>{let f=typeof a=="function"?a(m):a;return ae()==="openai"&&f!=null&&window.openai?.setWidgetState(f),f})},[]);return[n,o]}import{jsx as W,jsxs as De}from"react/jsx-runtime";var yt=()=>De("div",{className:"flex flex-col items-center justify-center h-full min-h-[120px] gap-4",children:[De("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-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:`
         @keyframes shimmer {
           0% { background-position: 200% 0; }
           100% { background-position: -200% 0; }
         }
-      `})]});export{ue as DevModeProvider,Pe as InitializeNextJsInChatGpt,yt as LoadingWidget,fe as WidgetProvider,$ as getMockState,j as initializeMockOpenAI,z as updateMockDisplayMode,_ as updateMockGlobal,G as updateMockTheme,K as updateMockToolOutput,he as useCallTool,we as useDisplayMode,ve as useFlowAction,xe as useIsChatGptApp,ye as useLocale,be as useMaxHeight,ke as useOpenExternal,Me as useRequestDisplayMode,Ce as useSafeArea,Te as useSendFollowUp,Se as useTheme,q as useToolOutput,Ee as useToolResponseMetadata,Le as useWaniwani,v as useWidgetClient,Oe as useWidgetState};
+      `})]});export{pe as DevModeProvider,je as InitializeNextJsInChatGpt,Ct as LoadingWidget,he as WidgetProvider,$ as getMockState,j as initializeMockOpenAI,z as updateMockDisplayMode,_ as updateMockGlobal,G as updateMockTheme,K as updateMockToolOutput,we as useCallTool,ve as useDisplayMode,xe as useFlowAction,ye as useIsChatGptApp,be as useLocale,ke as useMaxHeight,Ce as useOpenExternal,Me as useRequestDisplayMode,Se as useSafeArea,Te as useSendFollowUp,Ee as useTheme,q as useToolOutput,Re as useToolResponseMetadata,_e as useUpdateModelContext,Ue as useWaniwani,h as useWidgetClient,De as useWidgetState};
 //# sourceMappingURL=react.js.map