npm - @waniwani/sdk - Versions diffs - 0.11.1 → 0.11.2 - Mend

@waniwani/sdk 0.11.1 → 0.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/mcp/react.d.ts CHANGED Viewed

@@ -9,18 +9,7 @@ import React$1, { ReactNode, SetStateAction } from 'react';
  * future host that renders the widget on a domain other than its own
  * `baseUrl`.
  *
- * What it patches:
- * - `history.pushState` / `history.replaceState` — prevents full-origin
- *   URLs from ending up in the iframe's history (browsers reject cross-
- *   origin pushes in sandboxed iframes).
- * - `window.fetch` — rewrites same-origin requests to the widget's real
- *   `baseUrl`. Without this, relative `/api/...` calls from the widget
- *   hit the host's origin (ChatGPT sandbox, WaniWani embed proxy, etc.)
- *   and 404. `passthroughOrigins` opts specific origins out of the
- *   rewrite (see prop doc).
- * - `<html>` attribute observer — strips attributes the host injects
- *   after hydration (ChatGPT mutates `<html>` for theming), while
- *   preserving `class` / `style` / `lang`.
+ * See `applyIframePatches` for the patch behavior.
  *
  * More background on the ChatGPT case:
  * https://vercel.com/blog/running-next-js-inside-chatgpt-a-deep-dive-into-native-app-integration
@@ -28,12 +17,10 @@ import React$1, { ReactNode, SetStateAction } from 'react';
 declare function InitializeNextJsInIframe({ baseUrl, passthroughOrigins, }: {
     baseUrl: string;
     /**
-     * Origins whose fetches should skip the same-origin → baseUrl rewrite.
-     * Set this to the WaniWani API origin when the widget is loaded through
-     * a proxy that shares origin with the API (e.g. the embed's
-     * `/api/mcp/chat/resource` route on `app.waniwani.ai`). Without this,
-     * widget tracking calls to the WaniWani API get rewritten to the
-     * widget's own host and 404.
+     * Origins whose fetches should skip the relative same-origin → baseUrl
+     * rewrite. Only needed for relative-URL calls that resolve to an
+     * origin you do not want forwarded to `baseUrl` — absolute URLs are
+     * never rewritten regardless of this list.
      */
     passthroughOrigins?: string[];
 }): react_jsx_runtime.JSX.Element;
@@ -414,6 +401,20 @@ declare function useToolResponseMetadata(): UnknownObject | null;
  */
 declare function useUpdateModelContext(): (context: ModelContextUpdate) => Promise<void>;
+/**
+ * Opt-in toggles for the noisy auto-capture event types. Each defaults to
+ * `false` so widget owners declare intent before the SDK starts emitting
+ * coarse, high-volume events. Always-on capture covers widget_render,
+ * widget_error, widget_link_click, and the labelled `data-ww-step` /
+ * `data-ww-conversion` clicks.
+ */
+interface AutoCaptureToggles {
+    click?: boolean;
+    scroll?: boolean;
+    formField?: boolean;
+    formSubmit?: boolean;
+}
 /**
  * Options for the useWaniwani hook.
  */
@@ -440,6 +441,15 @@ interface UseWaniwaniOptions {
      * Additional metadata to include with every tracked event.
      */
     metadata?: Record<string, unknown>;
+    /**
+     * Opt-in toggles for noisy auto-capture event types. Default: all off.
+     * Always-on capture: widget_render, widget_error, widget_link_click,
+     * `data-ww-step` / `data-ww-conversion` clicks.
+     *
+     * @example
+     * useWaniwani({ capture: { click: true, scroll: true } });
+     */
+    capture?: AutoCaptureToggles;
 }
 /**
  * The tracking API returned by `useWaniwani()`.

package/dist/mcp/react.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use client";
-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 B,jsxs as ze}from"react/jsx-runtime";function je({baseUrl:e,passthroughOrigins:t}){return ze(Ke,{children:[B("base",{href:e}),B("script",{children:`window.innerBaseUrl = ${JSON.stringify(e)}`}),B("script",{children:`window.__wwPassthroughOrigins = ${JSON.stringify(t??[])}`}),B("script",{children:'window.__isChatGptApp = typeof window.openai !== "undefined";'}),B("script",{children:"("+(()=>{let n=window.innerBaseUrl,i=window.__wwPassthroughOrigins??[],o=document.documentElement;new MutationObserver(p=>{p.forEach(r=>{if(r.type==="attributes"&&r.target===o){let a=r.attributeName;a&&a!=="suppresshydrationwarning"&&a!=="lang"&&a!=="class"&&a!=="style"&&o.removeAttribute(a)}})}).observe(o,{attributes:!0,attributeOldValue:!0});let h=history.replaceState.bind(history);history.replaceState=(p,r,a)=>{try{let m=new URL(String(a??""),window.location.href);h(null,r,m.pathname+m.search+m.hash)}catch{}};let g=history.pushState.bind(history);history.pushState=(p,r,a)=>{try{let m=new URL(String(a??""),window.location.href);g(null,r,m.pathname+m.search+m.hash)}catch{}};let w=new URL(n).origin,y=window.self!==window.top;if(window.addEventListener("click",p=>{let r=p?.target?.closest("a");if(!r||!r.href)return;let a=new URL(r.href,window.location.href);if(a.origin!==window.location.origin&&a.origin!==w)try{window.openai&&(window.openai?.openExternal({href:r.href}),p.preventDefault())}catch{console.warn("openExternal failed, likely not in OpenAI client")}},!0),y&&window.location.origin!==w){let p=window.fetch;window.fetch=((r,a)=>{let m;if(typeof r=="string"||r instanceof URL?m=new URL(r,window.location.href):m=new URL(r.url,window.location.href),m.origin===w)return typeof r=="string"||r instanceof URL?r=m.toString():r=new Request(m.toString(),r),p.call(window,r,{...a,mode:"cors"});if(i.indexOf(m.origin)!==-1)return p.call(window,r,a);if(m.origin===window.location.origin){let M=new URL(n);return M.pathname=m.pathname,M.search=m.search,M.hash=m.hash,m=M,typeof r=="string"||r instanceof URL?r=m.toString():r=new Request(m.toString(),r),p.call(window,r,{...a,mode:"cors"})}return p.call(window,r,a)})}}).toString()+")()"})]})}import{useCallback as E,useEffect as U,useRef as te,useState as S}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},j={...de};function K(e){typeof window>"u"||window.openai||(j={...de,toolOutput:e??null},window.openai={...j,requestDisplayMode:async({mode:t})=>(A("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=>{A("widgetState",t)}},window.dispatchEvent(new H({globals:j})))}function A(e,t){typeof window>"u"||!window.openai||(j[e]=t,window.openai[e]=t,window.dispatchEvent(new H({globals:{[e]:t}})))}function $(){return{...j}}function z(e){A("toolOutput",e)}function G(e){A("displayMode",e)}function V(e){A("theme",e)}import{Fragment as ne,jsx as s,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:[s("rect",{x:"4",y:"4",width:"10",height:"10",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),s("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 s("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:s("path",{d:"M18 6L6 18M6 6l12 12"})})}function Ve({className:e}){return s("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:s("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:[s("rect",{x:"1.5",y:"3",width:"13",height:"10",rx:"1.5",stroke:"currentColor",strokeWidth:"1.25"}),s("rect",{x:"8.5",y:"7",width:"5",height:"4",rx:"0.75",fill:"currentColor"})]})}function $e({className:e}){return s("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:s("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:[s("circle",{cx:"8",cy:"8",r:"2.5",stroke:"currentColor",strokeWidth:"1.25"}),s("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 s("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:s("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:[s("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"}),s("path",{d:"M12.5 2v3h-3M3.5 14v-3h3",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]})}var Ze=`
+import{a as re}from"../chunk-DGSC74SV.js";import{b as L,c as ie}from"../chunk-5OQXAEHG.js";import{Fragment as Ye,jsx as U,jsxs as $e}from"react/jsx-runtime";function ze(){let e=window.innerBaseUrl,t=window.__wwPassthroughOrigins??[],n=document.documentElement;new MutationObserver(p=>{p.forEach(m=>{if(m.type==="attributes"&&m.target===n){let u=m.attributeName;u&&u!=="suppresshydrationwarning"&&u!=="lang"&&u!=="class"&&u!=="style"&&n.removeAttribute(u)}})}).observe(n,{attributes:!0,attributeOldValue:!0});let r=history.replaceState.bind(history);history.replaceState=(p,m,u)=>{try{let i=new URL(String(u??""),window.location.href);r(null,m,i.pathname+i.search+i.hash)}catch{}};let c=history.pushState.bind(history);history.pushState=(p,m,u)=>{try{let i=new URL(String(u??""),window.location.href);c(null,m,i.pathname+i.search+i.hash)}catch{}};let h=new URL(e).origin,x=window.self!==window.top;if(window.addEventListener("click",p=>{let m=p?.target?.closest("a");if(!m||!m.href)return;let u=new URL(m.href,window.location.href);if(u.origin!==window.location.origin&&u.origin!==h)try{window.openai&&(window.openai?.openExternal({href:m.href}),p.preventDefault())}catch{console.warn("openExternal failed, likely not in OpenAI client")}},!0),x&&window.location.origin!==h){let p=window.fetch;window.fetch=((o,d)=>{let g=typeof o=="string"&&!/^[a-z][a-z0-9+.-]*:/i.test(o)&&!o.startsWith("//"),l;if(typeof o=="string"||o instanceof URL?l=new URL(o,window.location.href):l=new URL(o.url,window.location.href),l.origin===h)return typeof o=="string"||o instanceof URL?o=l.toString():o=new Request(l.toString(),o),p.call(window,o,{...d,mode:"cors"});if(t.indexOf(l.origin)!==-1)return p.call(window,o,d);if(g&&l.origin===window.location.origin){let y=new URL(e);return y.pathname=l.pathname,y.search=l.search,y.hash=l.hash,l=y,o=l.toString(),p.call(window,o,{...d,mode:"cors"})}return p.call(window,o,d)});let m=h.replace(/^http/,"ws"),u=window.WebSocket,i=function(o,d){let g=new URL(String(o),window.location.href);if(g.origin===window.location.origin||g.origin===window.location.origin.replace(/^http/,"ws")){let l=new URL(m);return l.pathname=g.pathname,l.search=g.search,l.hash=g.hash,new u(l.toString(),d)}return new u(o,d)};i.prototype=u.prototype,Object.assign(i,{CONNECTING:u.CONNECTING,OPEN:u.OPEN,CLOSING:u.CLOSING,CLOSED:u.CLOSED}),window.WebSocket=i}}var Ge=`(${ze.toString()})()`;function Ve({baseUrl:e,passthroughOrigins:t}){return $e(Ye,{children:[U("base",{href:e}),U("script",{children:`window.innerBaseUrl = ${JSON.stringify(e)}`}),U("script",{children:`window.__wwPassthroughOrigins = ${JSON.stringify(t??[])}`}),U("script",{children:'window.__isChatGptApp = typeof window.openai !== "undefined";'}),U("script",{children:Ge})]})}import{useCallback as T,useEffect as N,useRef as q,useState as C}from"react";var se={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},D={...se};function F(e){typeof window>"u"||window.openai||(D={...se,toolOutput:e??null},window.openai={...D,requestDisplayMode:async({mode:t})=>(R("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=>{R("widgetState",t)}},window.dispatchEvent(new L({globals:D})))}function R(e,t){typeof window>"u"||!window.openai||(D[e]=t,window.openai[e]=t,window.dispatchEvent(new L({globals:{[e]:t}})))}function z(){return{...D}}function P(e){R("toolOutput",e)}function H(e){R("displayMode",e)}function B(e){R("theme",e)}import{Fragment as Z,jsx as a,jsxs as v}from"react/jsx-runtime";var G=150;function ae({className:e}){return v("svg",{className:e,viewBox:"0 0 24 24",fill:"none",role:"img","aria-label":"Dev Controls",children:[a("rect",{x:"4",y:"4",width:"10",height:"10",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),a("rect",{x:"10",y:"10",width:"10",height:"10",rx:"2",stroke:"currentColor",strokeWidth:"1.5",fill:"currentColor",fillOpacity:"0.15"})]})}function Xe({className:e}){return a("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:a("path",{d:"M18 6L6 18M6 6l12 12"})})}function Je({className:e}){return a("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:a("rect",{x:"2",y:"4",width:"12",height:"8",rx:"1.5",stroke:"currentColor",strokeWidth:"1.25"})})}function qe({className:e}){return v("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:[a("rect",{x:"1.5",y:"3",width:"13",height:"10",rx:"1.5",stroke:"currentColor",strokeWidth:"1.25"}),a("rect",{x:"8.5",y:"7",width:"5",height:"4",rx:"0.75",fill:"currentColor"})]})}function Ze({className:e}){return a("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:a("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 Qe({className:e}){return v("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:[a("circle",{cx:"8",cy:"8",r:"2.5",stroke:"currentColor",strokeWidth:"1.25"}),a("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 et({className:e}){return a("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:a("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 tt({className:e}){return v("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 16 16",fill:"none",children:[a("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"}),a("path",{d:"M12.5 2v3h-3M3.5 14v-3h3",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]})}var nt=`
   @keyframes devPanelSlideIn {
     0% {
       opacity: 0;
@@ -47,22 +47,22 @@ import{a as ae}from"../chunk-DGSC74SV.js";import{b as H,c as le}from"../chunk-5O
   .dev-json-editor::-webkit-scrollbar-thumb:hover {
     background: rgba(255, 255, 255, 0.15);
   }
-`;function pe({defaultProps:e,widgetPaths:t,children:n}){let[i,o]=S(!1),[l,h]=S(!1);return U(()=>{if(new URLSearchParams(window.location.search).get("platform")==="mcp-apps"){o(!0);return}if(t&&t.length>0){let w=window.location.pathname,y=t.some(p=>w===p||w.startsWith(`${p}/`));h(y),y&&K(e)}else K(e),h(!0);o(!0)},[e,t]),i?l?v(ne,{children:[s(Qe,{children:n}),s(et,{defaultProps:e})]}):s(ne,{children:n}):null}function Qe({children:e}){return s("div",{className:"min-h-screen bg-[#212121] flex items-center justify-center p-8",children:s("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:[s("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:`
+`;function de({defaultProps:e,widgetPaths:t,children:n}){let[s,r]=C(!1),[c,h]=C(!1);return N(()=>{if(new URLSearchParams(window.location.search).get("platform")==="mcp-apps"){r(!0);return}if(t&&t.length>0){let p=window.location.pathname,m=t.some(u=>p===u||p.startsWith(`${u}/`));h(m),m&&F(e)}else F(e),h(!0);r(!0)},[e,t]),s?c?v(Z,{children:[a(ot,{children:n}),a(rt,{defaultProps:e})]}):a(Z,{children:n}):null}function ot({children:e}){return a("div",{className:"min-h-screen bg-[#212121] flex items-center justify-center p-8",children:a("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 le({options:e,value:t,onChange:n}){let s=e.findIndex(r=>r.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:[a("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(${s*100}% + ${s*2}px))`,background:"rgba(255, 255, 255, 0.1)"}}),e.map(r=>v("button",{type:"button",onClick:()=>n(r.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,s("span",{className:"capitalize",children:o.label})]},o.value))]})}function et({defaultProps:e}){let[t,n]=S(()=>typeof window>"u"?!1:localStorage.getItem("dev-controls-open")==="true"),[i,o]=S(!1),[l,h]=S(t),[g,w]=S("inline"),[y,p]=S("dark"),[r,a]=S(!1),[m,M]=S(()=>JSON.stringify(e??{},null,2)),[R,O]=S(null),W=te(null),D=te(null),L=te(null);U(()=>{let u=$();w(u.displayMode),p(u.theme)},[]),U(()=>{typeof window>"u"||(window.openai||(window.openai={}),window.openai.safeArea={insets:{top:0,bottom:r?X:0,left:0,right:0}},window.dispatchEvent(new H({globals:{safeArea:window.openai.safeArea}})))},[r]),U(()=>{localStorage.setItem("dev-controls-open",String(t))},[t]);let F=E(()=>{h(!0),requestAnimationFrame(()=>{n(!0)})},[]),c=E(()=>{o(!0),n(!1),setTimeout(()=>{h(!1),o(!1)},150)},[]),d=E(()=>{t?c():F()},[t,F,c]);U(()=>{let u=C=>{(C.metaKey||C.ctrlKey)&&C.shiftKey&&C.key==="d"&&(C.preventDefault(),d()),C.key==="Escape"&&t&&c()};return window.addEventListener("keydown",u),()=>window.removeEventListener("keydown",u)},[t,d,c]),U(()=>{if(!t)return;let u=C=>{L.current&&!L.current.contains(C.target)&&c()};return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[t,c]);let x=E(u=>{w(u),G(u)},[]),b=E(u=>{p(u),V(u)},[]),k=E(u=>{try{let C=JSON.parse(u);O(null),z(C)}catch{O("Invalid JSON")}},[]),ee=E(u=>{M(u),W.current&&clearTimeout(W.current),W.current=setTimeout(()=>{k(u)},500)},[k]),P=E(()=>{W.current&&clearTimeout(W.current),k(m)},[k,m]),Pe=E(()=>{let u=JSON.stringify(e??{},null,2);M(u),O(null),z(e??{}),w("inline"),G("inline"),p("dark"),V("dark")},[e]),He=[{value:"inline",label:"inline",icon:s(Ve,{className:"w-3.5 h-3.5"})},{value:"pip",label:"pip",icon:s(Ye,{className:"w-3.5 h-3.5"})},{value:"fullscreen",label:"full",icon:s($e,{className:"w-3.5 h-3.5"})}],Be=[{value:"light",label:"light",icon:s(Xe,{className:"w-3.5 h-3.5"})},{value:"dark",label:"dark",icon:s(Je,{className:"w-3.5 h-3.5"})}];return v(ne,{children:[s("style",{dangerouslySetInnerHTML:{__html:Ze}}),v("div",{ref:L,className:"fixed bottom-4 right-4 z-[9999] font-['Inter',_system-ui,_sans-serif]",children:[v("button",{type:"button",onClick:d,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:`
+            ${t===r.value?"text-white":"text-gray-400 hover:text-gray-300"}
+          `,children:[r.icon,a("span",{className:"capitalize",children:r.label})]},r.value))]})}function rt({defaultProps:e}){let[t,n]=C(()=>typeof window>"u"?!1:localStorage.getItem("dev-controls-open")==="true"),[s,r]=C(!1),[c,h]=C(t),[x,p]=C("inline"),[m,u]=C("dark"),[i,o]=C(!1),[d,g]=C(()=>JSON.stringify(e??{},null,2)),[l,y]=C(null),b=q(null),E=q(null),I=q(null);N(()=>{let f=z();p(f.displayMode),u(f.theme)},[]),N(()=>{typeof window>"u"||(window.openai||(window.openai={}),window.openai.safeArea={insets:{top:0,bottom:i?G:0,left:0,right:0}},window.dispatchEvent(new L({globals:{safeArea:window.openai.safeArea}})))},[i]),N(()=>{localStorage.setItem("dev-controls-open",String(t))},[t]);let O=T(()=>{h(!0),requestAnimationFrame(()=>{n(!0)})},[]),_=T(()=>{r(!0),n(!1),setTimeout(()=>{h(!1),r(!1)},150)},[]),J=T(()=>{t?_():O()},[t,O,_]);N(()=>{let f=k=>{(k.metaKey||k.ctrlKey)&&k.shiftKey&&k.key==="d"&&(k.preventDefault(),J()),k.key==="Escape"&&t&&_()};return window.addEventListener("keydown",f),()=>window.removeEventListener("keydown",f)},[t,J,_]),N(()=>{if(!t)return;let f=k=>{I.current&&!I.current.contains(k.target)&&_()};return document.addEventListener("mousedown",f),()=>document.removeEventListener("mousedown",f)},[t,_]);let De=T(f=>{p(f),H(f)},[]),Fe=T(f=>{u(f),B(f)},[]),K=T(f=>{try{let k=JSON.parse(f);y(null),P(k)}catch{y("Invalid JSON")}},[]),Pe=T(f=>{g(f),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{K(f)},500)},[K]),He=T(()=>{b.current&&clearTimeout(b.current),K(d)},[K,d]),Be=T(()=>{let f=JSON.stringify(e??{},null,2);g(f),y(null),P(e??{}),p("inline"),H("inline"),u("dark"),B("dark")},[e]),je=[{value:"inline",label:"inline",icon:a(Je,{className:"w-3.5 h-3.5"})},{value:"pip",label:"pip",icon:a(qe,{className:"w-3.5 h-3.5"})},{value:"fullscreen",label:"full",icon:a(Ze,{className:"w-3.5 h-3.5"})}],Ke=[{value:"light",label:"light",icon:a(Qe,{className:"w-3.5 h-3.5"})},{value:"dark",label:"dark",icon:a(et,{className:"w-3.5 h-3.5"})}];return v(Z,{children:[a("style",{dangerouslySetInnerHTML:{__html:nt}}),v("div",{ref:I,className:"fixed bottom-4 right-4 z-[9999] font-['Inter',_system-ui,_sans-serif]",children:[v("button",{type:"button",onClick:J,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:[s(ce,{className:`w-5 h-5 transition-all duration-200 ${t?"text-indigo-400 scale-110":"text-gray-300 group-hover:text-white"}`}),s("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%)"}})]}),l&&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:`
+            `},"aria-label":"Toggle Dev Controls","aria-expanded":t,children:[a(ae,{className:`w-5 h-5 transition-all duration-200 ${t?"text-indigo-400 scale-110":"text-gray-300 group-hover:text-white"}`}),a("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%)"}})]}),c&&v("div",{ref:E,className:`absolute bottom-14 right-0 w-80 ${t&&!s?"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:[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:[s(ce,{className:"w-4 h-4 text-gray-400"}),s("span",{className:"text-sm font-medium text-white",children:"Dev Controls"})]}),v("div",{className:"flex items-center gap-2",children:[s("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"}),s("button",{type:"button",onClick:c,className:"p-1 rounded-md text-gray-500 hover:text-gray-300 hover:bg-white/5 transition-colors",children:s(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:[s("label",{htmlFor:"display-mode",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Display Mode"}),s(ue,{options:He,value:g,onChange:x})]}),v("div",{children:[s("label",{htmlFor:"theme",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Theme"}),s(ue,{options:Be,value:y,onChange:b})]}),v("div",{children:[s("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:()=>a(!r),className:`w-full flex items-center justify-between px-3 py-2.5 rounded-lg text-xs font-medium transition-all duration-150 ${r?"text-emerald-400":"text-gray-400"}`,style:{background:r?"rgba(34, 197, 94, 0.1)":"rgba(255, 255, 255, 0.04)",border:r?"1px solid rgba(34, 197, 94, 0.3)":"1px solid rgba(255, 255, 255, 0.06)"},children:[s("span",{children:"Mock ChatGPT Input Bar"}),s("span",{className:`px-2 py-0.5 rounded text-[10px] font-semibold ${r?"bg-emerald-500/20 text-emerald-400":"bg-gray-500/20 text-gray-500"}`,children:r?"ON":"OFF"})]}),r&&v("p",{className:"text-[10px] text-gray-500 mt-1.5",children:["bottom: ",X,"px"]})]}),v("div",{children:[s("label",{htmlFor:"widget-props",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Widget Props"}),s("textarea",{value:m,onChange:u=>ee(u.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:R?"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:u=>{R||(u.target.style.borderColor="rgba(99, 102, 241, 0.5)")},onBlurCapture:u=>{R||(u.target.style.borderColor="rgba(255, 255, 255, 0.06)")},spellCheck:!1}),R&&v("p",{className:"text-red-400 text-[11px] mt-1.5 flex items-center gap-1",children:[s("svg",{"aria-hidden":"true","aria-label":"Error",className:"w-3 h-3",viewBox:"0 0 16 16",fill:"currentColor",children:s("path",{d:"M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7 4.5h2v4H7v-4zm0 5h2v2H7v-2z"})}),R]})]}),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:u=>{u.currentTarget.style.background="rgba(255, 255, 255, 0.08)",u.currentTarget.style.borderColor="rgba(255, 255, 255, 0.1)"},onMouseLeave:u=>{u.currentTarget.style.background="rgba(255, 255, 255, 0.04)",u.currentTarget.style.borderColor="rgba(255, 255, 255, 0.06)"},children:[s(qe,{className:"w-3.5 h-3.5"}),"Reset to Defaults"]})]})]})]}),r&&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:[s("div",{className:"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center",children:s("svg",{"aria-hidden":"true",className:"w-4 h-4 text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})}),s("div",{className:"flex-1 text-gray-400 text-sm",children:"Ask me anything..."}),s("div",{className:"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center",children:s("svg",{"aria-hidden":"true",className:"w-4 h-4 text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s("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 Y,{createContext as tt,useCallback as me,useContext as nt,useEffect as fe,useState as oe,useSyncExternalStore as ot}from"react";async function ge(){let{detectPlatform:e}=await import("../platform-GKYYQBCS.js");if(e()==="openai"){let{OpenAIWidgetClient:n}=await import("../openai-client-QAC3ZD5W.js");return new n}else{let{MCPAppsWidgetClient:n}=await import("../mcp-apps-client-PUL4H54S.js");return new n}}var J=tt(null);function he({children:e,loading:t=null,onError:n}){let[i,o]=oe(null),[l,h]=oe(null),[g,w]=oe(!0);return fe(()=>{let y=!0,p=null;async function r(){try{let a=await ge();await a.connect(),y?(p=a,o(a),w(!1)):a.close()}catch(a){y&&(console.error("error",a),h(a instanceof Error?a:new Error(String(a))),w(!1))}}return r(),()=>{y=!1,p?.close()}},[]),fe(()=>{if(!i)return;let y=p=>{document.documentElement.classList.toggle("dark",p==="dark"),document.documentElement.style.colorScheme=p==="dark"?"dark":"auto"};return y(i.getTheme()),i.onThemeChange(y)},[i]),l&&n?Y.createElement(Y.Fragment,null,n(l)):g||!i?Y.createElement(Y.Fragment,null,t):Y.createElement(J.Provider,{value:i},e)}function f(e){let t=nt(J);if(!t)throw new Error("useWidgetClient must be used within a WidgetProvider");let n=me(l=>e==="toolOutput"?t.onToolResult(()=>l()):e==="theme"?t.onThemeChange(()=>l()):e==="displayMode"?t.onDisplayModeChange(()=>l()):e==="safeArea"?t.onSafeAreaChange(()=>l()):e==="maxHeight"?t.onMaxHeightChange(()=>l()):e==="toolResponseMetadata"?t.onToolResponseMetadataChange(()=>l()):e==="widgetState"?t.onWidgetStateChange(()=>l()):()=>{},[t,e]),i=me(()=>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=f();return it((t,n)=>e.callTool(t,n),[e])}function ve(){return f("displayMode")}function q(){return f("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 f("locale")}function ke(){return f("maxHeight")}import{useCallback as st}from"react";function Me(){let e=f();return st(t=>e.openExternal(t),[e])}import{useCallback as at}from"react";function Ce(){let e=f();return at(t=>e.requestDisplayMode(t),[e])}function Se(){return f("safeArea")}import{useCallback as lt}from"react";function Te(){let e=f();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 f("theme")}function _e(){return f("toolResponseMetadata")}import{useCallback as dt}from"react";function Re(){let e=f();return dt(async t=>{await Promise.resolve(e.updateModelContext(t))},[e])}import{useContext as gt,useEffect as re,useMemo as mt,useRef as ft,useState as Oe}from"react";function ct(){return crypto.randomUUID()}function T(e,t,n){return{event_id:ct(),event_type:t,timestamp:new Date().toISOString(),source:e.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 l=t[o].indexOf(":");if(l===-1)continue;let h=t[o].slice(0,l),g=t[o].slice(l+1),w=Number(g);i[h]=Number.isFinite(w)&&g!==""?w:g}return{name:n,props:i}}function Ae(e){let t=e.tagName.toLowerCase();return t==="input"||t==="textarea"||t==="select"}function Ie(e,t){let n=[],i=typeof navigator<"u"?navigator:void 0,o=i&&"connection"in i?i.connection:void 0;t([T(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 l=c=>{t([T(e,"widget_error",{metadata:{error_message:c.message,error_stack:(c.error?.stack??"").slice(0,1024),error_source:c.filename??"unknown"}})])};window.addEventListener("error",l),n.push(()=>window.removeEventListener("error",l));let h=c=>{let d=c.reason,x=d instanceof Error?d.message:String(d),b=d instanceof Error?(d.stack??"").slice(0,1024):"";t([T(e,"widget_error",{metadata:{error_message:x,error_stack:b,error_source:"unhandledrejection"}})])};window.addEventListener("unhandledrejection",h),n.push(()=>window.removeEventListener("unhandledrejection",h));let g=c=>{let d=c.target;t([T(e,"widget_click",{metadata:{target_tag:d?.tagName?.toLowerCase()??"unknown",target_id:d?.id||void 0,target_class:d?.className||void 0,click_x:c.clientX,click_y:c.clientY}})])};document.addEventListener("click",g,{capture:!0}),n.push(()=>document.removeEventListener("click",g,{capture:!0}));let w=c=>{let x=c.target?.closest?.("[data-ww-conversion]");if(!x)return;let{name:b,props:k}=We(x.getAttribute("data-ww-conversion")||"");b&&t([T(e,"conversion",{event_name:b,metadata:Object.keys(k).length>0?k:void 0})])};document.addEventListener("click",w,{capture:!0}),n.push(()=>document.removeEventListener("click",w,{capture:!0}));let y=0,p=c=>{let x=c.target?.closest?.("[data-ww-step]");if(!x)return;let{name:b,props:k}=We(x.getAttribute("data-ww-step")||"");b&&(y++,t([T(e,"step",{event_name:b,step_sequence:y,metadata:Object.keys(k).length>0?k:void 0})]))};document.addEventListener("click",p,{capture:!0}),n.push(()=>document.removeEventListener("click",p,{capture:!0}));let r=c=>{let d=c.target?.closest?.("a");if(!d)return;let x=d.getAttribute("href")??"",b=x.startsWith("http")&&!x.startsWith(window.location.origin);t([T(e,"widget_link_click",{metadata:{href:x,link_text:(d.textContent??"").slice(0,200),is_external:b}})])};document.addEventListener("click",r,{capture:!0}),n.push(()=>document.removeEventListener("click",r,{capture:!0}));let a=null,m=window.scrollY||0,M=()=>{a||(a=setTimeout(()=>{a=null;let c=window.scrollY||document.documentElement.scrollTop,d=document.documentElement.scrollHeight-document.documentElement.clientHeight,x=d>0?Math.round(c/d*100):0,b=c>=m?"down":"up";m=c,t([T(e,"widget_scroll",{metadata:{scroll_depth_pct:x,scroll_direction:b,viewport_height:window.innerHeight}})])},250))};window.addEventListener("scroll",M,{passive:!0}),n.push(()=>{window.removeEventListener("scroll",M),a&&clearTimeout(a)});let R=new WeakMap,O=c=>{let d=c.target;!d||!Ae(d)||R.set(d,Date.now())},W=c=>{let d=c.target;if(!d||!Ae(d))return;let x=R.get(d),b=x?Date.now()-x:0,k=d;t([T(e,"widget_form_field",{metadata:{field_name:k.name||k.id||void 0,field_type:k.type||d.tagName.toLowerCase(),time_in_field_ms:b,filled:!!k.value}})])};document.addEventListener("focusin",O,{capture:!0}),document.addEventListener("focusout",W,{capture:!0}),n.push(()=>{document.removeEventListener("focusin",O,{capture:!0}),document.removeEventListener("focusout",W,{capture:!0})});let D=new WeakMap,L=c=>{let x=c.target?.closest?.("form");x&&!D.has(x)&&D.set(x,Date.now())};document.addEventListener("focusin",L,{capture:!0}),n.push(()=>document.removeEventListener("focusin",L,{capture:!0}));let F=c=>{let d=c.target,x=d?D.get(d):void 0,b=0;if(d){let k=d.querySelectorAll("input, textarea, select");for(let ee of k){let P=ee;(P.validity&&!P.validity.valid||P.getAttribute("aria-invalid")==="true")&&b++}}t([T(e,"widget_form_submit",{metadata:{form_id:d?.id||void 0,time_to_submit_ms:x?Date.now()-x:void 0,validation_errors:b}})])};return document.addEventListener("submit",F,{capture:!0}),n.push(()=>document.removeEventListener("submit",F,{capture:!0})),()=>{for(let c of n)c()}}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 l=Math.ceil(n.length/2);this.sendKeepAliveChunked(t,n.slice(0,l),i),this.sendKeepAliveChunked(t,n.slice(l),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 l=await fetch(this.config.endpoint,{method:"POST",headers:i,body:n});if(l.status===200||l.status===207)return;if(l.status===401){this.stopped=!0;return}if(l.status>=500&&o<3){await this.delay(1e3*2**o);continue}if(l.status===429&&o<3){let h=l.headers.get("Retry-After"),g=h?Number(h):NaN,w=Number.isFinite(g)?g*1e3:1e3*2**o;await this.delay(w);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(){}},_=null,Q=0;function ht(){return crypto.randomUUID()}function I(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 Ne(e){if(!e)return null;let t=e.getToolResponseMetadata();if(!t)return null;let n=t._meta,i=t.waniwani??n?.waniwani,o=I(i?.endpoint);return o?{endpoint:o,token:I(i?.token),sessionId:I(i?.sessionId),source:I(i?.source)}:null}function Le(e,t){return e?.endpoint===t?.endpoint&&e?.token===t?.token&&e?.sessionId===t?.sessionId&&e?.source===t?.source}function vt(e){let[t,n]=Oe(()=>Ne(e));return re(()=>{if(!e){n(o=>o===null?o:null);return}let i=()=>{let o=Ne(e);n(l=>Le(l,o)?l: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}),l,h=0,g=r=>{o.send(r)},w=e.source??"widget",y=Ie({sessionId:n,traceId:i,metadata:t,source:w},g);function p(r,a){return{event_id:ht(),event_type:r,timestamp:new Date().toISOString(),source:w,session_id:n,trace_id:i,user_id:l,...a}}return{widget:{identify(r,a){l=r,g([p("identify",{user_id:r,user_traits:a})])},step(r,a){h++,g([p("step",{event_name:r,step_sequence:h,metadata:a})])},track(r,a){g([p("track",{event_name:r,metadata:a})])},conversion(r,a){g([p("conversion",{event_name:r,metadata:a})])}},cleanup:()=>{y(),o.stop()},config:e}}function Ue(e={}){let t=gt(J),n=vt(t),i=I(e.endpoint),o=I(e.token),l=I(e.sessionId),h=mt(()=>i?{endpoint:i,token:o??n?.token,sessionId:l??n?.sessionId,source:n?.source}:n,[i,o,l,n]),[g,w]=Oe(se),y=ft(e.metadata);return y.current=e.metadata,re(()=>(Q++,()=>{Q=Math.max(Q-1,0),Q===0&&(_?.cleanup(),_=null)}),[]),re(()=>{if(!(typeof window>"u")){if(!h){_?.config&&(_.cleanup(),_=wt(),w(se));return}Le(_?.config,h)||(_?.cleanup(),_=xt(h,y.current),w(_.widget))}},[h]),g}import{useCallback as yt,useEffect as bt,useState as kt}from"react";function De(e){let t=f("widgetState"),[n,i]=kt(()=>t??(typeof e=="function"?e():e??null));bt(()=>{i(t)},[t]);let o=yt(l=>{i(h=>{let g=typeof l=="function"?l(h):l;return ae()==="openai"&&g!=null&&window.openai?.setWidgetState(g),g})},[]);return[n,o]}import{jsx as N,jsxs as Fe}from"react/jsx-runtime";var Mt=()=>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:[N("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-blue-400 to-cyan-400 animate-bounce [animation-delay:-0.3s]"}),N("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-cyan-400 to-teal-400 animate-bounce [animation-delay:-0.15s]"}),N("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-teal-400 to-emerald-400 animate-bounce"})]}),N("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..."}),N("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:N("div",{className:"w-16 h-16 rounded-full border-2 border-blue-400/20 animate-ping"})}),N("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:[a(ae,{className:"w-4 h-4 text-gray-400"}),a("span",{className:"text-sm font-medium text-white",children:"Dev Controls"})]}),v("div",{className:"flex items-center gap-2",children:[a("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"}),a("button",{type:"button",onClick:_,className:"p-1 rounded-md text-gray-500 hover:text-gray-300 hover:bg-white/5 transition-colors",children:a(Xe,{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:[a("label",{htmlFor:"display-mode",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Display Mode"}),a(le,{options:je,value:x,onChange:De})]}),v("div",{children:[a("label",{htmlFor:"theme",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Theme"}),a(le,{options:Ke,value:m,onChange:Fe})]}),v("div",{children:[a("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:()=>o(!i),className:`w-full flex items-center justify-between px-3 py-2.5 rounded-lg text-xs font-medium transition-all duration-150 ${i?"text-emerald-400":"text-gray-400"}`,style:{background:i?"rgba(34, 197, 94, 0.1)":"rgba(255, 255, 255, 0.04)",border:i?"1px solid rgba(34, 197, 94, 0.3)":"1px solid rgba(255, 255, 255, 0.06)"},children:[a("span",{children:"Mock ChatGPT Input Bar"}),a("span",{className:`px-2 py-0.5 rounded text-[10px] font-semibold ${i?"bg-emerald-500/20 text-emerald-400":"bg-gray-500/20 text-gray-500"}`,children:i?"ON":"OFF"})]}),i&&v("p",{className:"text-[10px] text-gray-500 mt-1.5",children:["bottom: ",G,"px"]})]}),v("div",{children:[a("label",{htmlFor:"widget-props",className:"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2",children:"Widget Props"}),a("textarea",{value:d,onChange:f=>Pe(f.target.value),onBlur:He,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:l?"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:f=>{l||(f.target.style.borderColor="rgba(99, 102, 241, 0.5)")},onBlurCapture:f=>{l||(f.target.style.borderColor="rgba(255, 255, 255, 0.06)")},spellCheck:!1}),l&&v("p",{className:"text-red-400 text-[11px] mt-1.5 flex items-center gap-1",children:[a("svg",{"aria-hidden":"true","aria-label":"Error",className:"w-3 h-3",viewBox:"0 0 16 16",fill:"currentColor",children:a("path",{d:"M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7 4.5h2v4H7v-4zm0 5h2v2H7v-2z"})}),l]})]}),v("button",{type:"button",onClick:Be,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:f=>{f.currentTarget.style.background="rgba(255, 255, 255, 0.08)",f.currentTarget.style.borderColor="rgba(255, 255, 255, 0.1)"},onMouseLeave:f=>{f.currentTarget.style.background="rgba(255, 255, 255, 0.04)",f.currentTarget.style.borderColor="rgba(255, 255, 255, 0.06)"},children:[a(tt,{className:"w-3.5 h-3.5"}),"Reset to Defaults"]})]})]})]}),i&&v("div",{className:"fixed bottom-0 left-0 right-0 z-[9998] flex items-center justify-center pointer-events-none",style:{height:`${G}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:[a("div",{className:"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center",children:a("svg",{"aria-hidden":"true",className:"w-4 h-4 text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})}),a("div",{className:"flex-1 text-gray-400 text-sm",children:"Ask me anything..."}),a("div",{className:"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center",children:a("svg",{"aria-hidden":"true",className:"w-4 h-4 text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a("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=",G,"px"]})]})]})}import{useCallback as lt}from"react";import j,{createContext as it,useCallback as ue,useContext as st,useEffect as pe,useState as Q,useSyncExternalStore as at}from"react";async function ce(){let{detectPlatform:e}=await import("../platform-GKYYQBCS.js");if(e()==="openai"){let{OpenAIWidgetClient:n}=await import("../openai-client-QAC3ZD5W.js");return new n}else{let{MCPAppsWidgetClient:n}=await import("../mcp-apps-client-PUL4H54S.js");return new n}}var V=it(null);function ge({children:e,loading:t=null,onError:n}){let[s,r]=Q(null),[c,h]=Q(null),[x,p]=Q(!0);return pe(()=>{let m=!0,u=null;async function i(){try{let o=await ce();await o.connect(),m?(u=o,r(o),p(!1)):o.close()}catch(o){m&&(console.error("error",o),h(o instanceof Error?o:new Error(String(o))),p(!1))}}return i(),()=>{m=!1,u?.close()}},[]),pe(()=>{if(!s)return;let m=u=>{document.documentElement.classList.toggle("dark",u==="dark"),document.documentElement.style.colorScheme=u==="dark"?"dark":"auto"};return m(s.getTheme()),s.onThemeChange(m)},[s]),c&&n?j.createElement(j.Fragment,null,n(c)):x||!s?j.createElement(j.Fragment,null,t):j.createElement(V.Provider,{value:s},e)}function w(e){let t=st(V);if(!t)throw new Error("useWidgetClient must be used within a WidgetProvider");let n=ue(c=>e==="toolOutput"?t.onToolResult(()=>c()):e==="theme"?t.onThemeChange(()=>c()):e==="displayMode"?t.onDisplayModeChange(()=>c()):e==="safeArea"?t.onSafeAreaChange(()=>c()):e==="maxHeight"?t.onMaxHeightChange(()=>c()):e==="toolResponseMetadata"?t.onToolResponseMetadataChange(()=>c()):e==="widgetState"?t.onWidgetStateChange(()=>c()):()=>{},[t,e]),s=ue(()=>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]),r=at(n,s,s);return e?r:t}function me(){let e=w();return lt((t,n)=>e.callTool(t,n),[e])}function fe(){return w("displayMode")}function Y(){return w("toolOutput")}function he(){return{data:Y()}}import{useSyncExternalStore as dt}from"react";function we(){return dt(()=>()=>{},()=>typeof window>"u"?!1:window.__isChatGptApp===!0,()=>!1)}function ve(){return w("locale")}function xe(){return w("maxHeight")}import{useCallback as ct}from"react";function ye(){let e=w();return ct(t=>e.openExternal(t),[e])}import{useCallback as ut}from"react";function be(){let e=w();return ut(t=>e.requestDisplayMode(t),[e])}function ke(){return w("safeArea")}import{useCallback as pt}from"react";function Ce(){let e=w();return pt((t,n)=>{(async()=>{ie(n?.modelContext)&&await Promise.resolve(e.updateModelContext(n.modelContext)),await Promise.resolve(e.sendFollowUp(t))})().catch(s=>{console.error("Failed to send follow-up message:",s)})},[e])}function Me(){return w("theme")}function Se(){return w("toolResponseMetadata")}import{useCallback as gt}from"react";function Te(){let e=w();return gt(async t=>{await Promise.resolve(e.updateModelContext(t))},[e])}import{useContext as wt,useEffect as ne,useMemo as vt,useRef as Re,useState as Ae}from"react";function mt(){return crypto.randomUUID()}function M(e,t,n){return{event_id:mt(),event_type:t,timestamp:new Date().toISOString(),source:e.source??"widget",session_id:e.sessionId,trace_id:e.traceId,...n}}function ee(e){let t=e.trim().split(/\s+/),n=t[0]||"",s={};for(let r=1;r<t.length;r++){let c=t[r].indexOf(":");if(c===-1)continue;let h=t[r].slice(0,c),x=t[r].slice(c+1),p=Number(x);s[h]=Number.isFinite(p)&&x!==""?p:x}return{name:n,props:s}}function Ee(e){let t=e.tagName.toLowerCase();return t==="input"||t==="textarea"||t==="select"}function _e(e,t){let n=[],s=typeof navigator<"u"?navigator:void 0,r=s&&"connection"in s?s.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:r?.effectiveType??"unknown",timezone:Intl.DateTimeFormat().resolvedOptions().timeZone}})]);let c=i=>{t([M(e,"widget_error",{metadata:{error_message:i.message,error_stack:(i.error?.stack??"").slice(0,1024),error_source:i.filename??"unknown"}})])};window.addEventListener("error",c),n.push(()=>window.removeEventListener("error",c));let h=i=>{let o=i.reason,d=o instanceof Error?o.message:String(o),g=o instanceof Error?(o.stack??"").slice(0,1024):"";t([M(e,"widget_error",{metadata:{error_message:d,error_stack:g,error_source:"unhandledrejection"}})])};if(window.addEventListener("unhandledrejection",h),n.push(()=>window.removeEventListener("unhandledrejection",h)),e.capture?.click){let i=o=>{let d=o.target,g=d?.closest?.("[data-ww-conversion],[data-ww-step]");if(g){let l=g.getAttribute("data-ww-conversion")??g.getAttribute("data-ww-step")??"";if(ee(l).name)return}t([M(e,"widget_click",{metadata:{target_tag:d?.tagName?.toLowerCase()??"unknown",target_id:d?.id||void 0,target_class:d?.className||void 0,click_x:o.clientX,click_y:o.clientY}})])};document.addEventListener("click",i,{capture:!0}),n.push(()=>document.removeEventListener("click",i,{capture:!0}))}let x=i=>{let d=i.target?.closest?.("[data-ww-conversion]");if(!d)return;let{name:g,props:l}=ee(d.getAttribute("data-ww-conversion")||"");g&&t([M(e,"conversion",{event_name:g,metadata:Object.keys(l).length>0?l:void 0})])};document.addEventListener("click",x,{capture:!0}),n.push(()=>document.removeEventListener("click",x,{capture:!0}));let p=0,m=i=>{let d=i.target?.closest?.("[data-ww-step]");if(!d)return;let{name:g,props:l}=ee(d.getAttribute("data-ww-step")||"");g&&(p++,t([M(e,"step",{event_name:g,step_sequence:p,metadata:Object.keys(l).length>0?l:void 0})]))};document.addEventListener("click",m,{capture:!0}),n.push(()=>document.removeEventListener("click",m,{capture:!0}));let u=i=>{let o=i.target?.closest?.("a");if(!o)return;let d=o.getAttribute("href")??"",g=d.startsWith("http")&&!d.startsWith(window.location.origin);t([M(e,"widget_link_click",{metadata:{href:d,link_text:(o.textContent??"").slice(0,200),is_external:g}})])};if(document.addEventListener("click",u,{capture:!0}),n.push(()=>document.removeEventListener("click",u,{capture:!0})),e.capture?.scroll){let i=null,o=window.scrollY||0,d=()=>{i||(i=setTimeout(()=>{i=null;let g=window.scrollY||document.documentElement.scrollTop,l=document.documentElement.scrollHeight-document.documentElement.clientHeight,y=l>0?Math.round(g/l*100):0,b=g>=o?"down":"up";o=g,t([M(e,"widget_scroll",{metadata:{scroll_depth_pct:y,scroll_direction:b,viewport_height:window.innerHeight}})])},250))};window.addEventListener("scroll",d,{passive:!0}),n.push(()=>{window.removeEventListener("scroll",d),i&&clearTimeout(i)})}if(e.capture?.formField){let i=new WeakMap,o=g=>{let l=g.target;!l||!Ee(l)||i.set(l,Date.now())},d=g=>{let l=g.target;if(!l||!Ee(l))return;let y=i.get(l),b=y?Date.now()-y:0,E=l;t([M(e,"widget_form_field",{metadata:{field_name:E.name||E.id||void 0,field_type:E.type||l.tagName.toLowerCase(),time_in_field_ms:b,filled:!!E.value}})])};document.addEventListener("focusin",o,{capture:!0}),document.addEventListener("focusout",d,{capture:!0}),n.push(()=>{document.removeEventListener("focusin",o,{capture:!0}),document.removeEventListener("focusout",d,{capture:!0})})}if(e.capture?.formSubmit){let i=new WeakMap,o=g=>{let y=g.target?.closest?.("form");y&&!i.has(y)&&i.set(y,Date.now())};document.addEventListener("focusin",o,{capture:!0}),n.push(()=>document.removeEventListener("focusin",o,{capture:!0}));let d=g=>{let l=g.target,y=l?i.get(l):void 0,b=0;if(l){let E=l.querySelectorAll("input, textarea, select");for(let I of E){let O=I;(O.validity&&!O.validity.valid||O.getAttribute("aria-invalid")==="true")&&b++}}t([M(e,"widget_form_submit",{metadata:{form_id:l?.id||void 0,time_to_submit_ms:y?Date.now()-y:void 0,validation_errors:b}})])};document.addEventListener("submit",d,{capture:!0}),n.push(()=>document.removeEventListener("submit",d,{capture:!0}))}return()=>{for(let i of n)i()}}var ft="@waniwani/sdk";function ht(e){let n=e.event_type.startsWith("widget_")?e.event_type:`widget_${e.event_type}`,s={};e.session_id&&(s.sessionId=e.session_id),e.trace_id&&(s.traceId=e.trace_id),e.user_id&&(s.externalUserId=e.user_id);let r={...e.metadata??{}};return e.event_name&&(r.event_name=e.event_name),{id:e.event_id,type:"mcp.event",name:n,source:e.source||"widget",timestamp:e.timestamp,correlation:s,properties:r,metadata:{}}}function te(e){return JSON.stringify({sentAt:new Date().toISOString(),source:{sdk:ft,version:"0.1.0"},events:e.map(ht)})}var $=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,s){let r=te(n);if(r.length<=6e4){fetch(t,{method:"POST",headers:s,body:r,keepalive:!0}).catch(()=>{});return}if(n.length<=1)return;let c=Math.ceil(n.length/2);this.sendKeepAliveChunked(t,n.slice(0,c),s),this.sendKeepAliveChunked(t,n.slice(c),s)}sendBeaconChunked(t,n){let s=te(n);if(s.length<=6e4){navigator.sendBeacon(t,new Blob([s],{type:"application/json"}));return}if(n.length<=1)return;let r=Math.ceil(n.length/2);this.sendBeaconChunked(t,n.slice(0,r)),this.sendBeaconChunked(t,n.slice(r))}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=te(t),s={"Content-Type":"application/json"};this.config.token&&(s.Authorization=`Bearer ${this.config.token}`);for(let r=0;r<=3;r++)try{let c=await fetch(this.config.endpoint,{method:"POST",headers:s,body:n});if(c.status===200||c.status===207)return;if(c.status===401){this.stopped=!0;return}if(c.status>=500&&r<3){await this.delay(1e3*2**r);continue}if(c.status===429&&r<3){let h=c.headers.get("Retry-After"),x=h?Number(h):NaN,p=Number.isFinite(x)?x*1e3:1e3*2**r;await this.delay(p);continue}return}catch{if(r<3){await this.delay(1e3*2**r);continue}return}}delay(t){return new Promise(n=>setTimeout(n,t))}};var oe={identify(){},step(){},track(){},conversion(){}},S=null,X=0;function xt(){return crypto.randomUUID()}function W(e){if(typeof e!="string")return;let t=e.trim();return t.length>0?t:void 0}function yt(){return{widget:oe,cleanup:()=>{},config:null,captureKey:""}}function Oe(e){return e?[e.click?"1":"0",e.scroll?"1":"0",e.formField?"1":"0",e.formSubmit?"1":"0"].join(""):""}function We(e){if(!e)return null;let t=e.getToolResponseMetadata();if(!t)return null;let n=t._meta,s=t.waniwani??n?.waniwani,r=W(s?.endpoint);return r?{endpoint:r,token:W(s?.token),sessionId:W(s?.sessionId),source:W(s?.source)}:null}function Ne(e,t){return e?.endpoint===t?.endpoint&&e?.token===t?.token&&e?.sessionId===t?.sessionId&&e?.source===t?.source}function bt(e){let[t,n]=Ae(()=>We(e));return ne(()=>{if(!e){n(r=>r===null?r:null);return}let s=()=>{let r=We(e);n(c=>Ne(c,r)?c:r)};return s(),e.onToolResponseMetadataChange(()=>{s()})},[e]),t}function kt(e,t,n){let s=e.sessionId??crypto.randomUUID(),r=crypto.randomUUID(),c=new $({endpoint:e.endpoint,token:e.token,metadata:t}),h,x=0,p=o=>{c.send(o)},m=e.source??"widget",u=_e({sessionId:s,traceId:r,metadata:t,source:m,capture:n},p);function i(o,d){return{event_id:xt(),event_type:o,timestamp:new Date().toISOString(),source:m,session_id:s,trace_id:r,user_id:h,...d}}return{captureKey:Oe(n),widget:{identify(o,d){h=o,p([i("identify",{user_id:o,user_traits:d})])},step(o,d){x++,p([i("step",{event_name:o,step_sequence:x,metadata:d})])},track(o,d){p([i("track",{event_name:o,metadata:d})])},conversion(o,d){p([i("conversion",{event_name:o,metadata:d})])}},cleanup:()=>{u(),c.stop()},config:e}}function Ie(e={}){let t=wt(V),n=bt(t),s=W(e.endpoint),r=W(e.token),c=W(e.sessionId),h=vt(()=>s?{endpoint:s,token:r??n?.token,sessionId:c??n?.sessionId,source:n?.source}:n,[s,r,c,n]),[x,p]=Ae(oe),m=Re(e.metadata);m.current=e.metadata;let u=Re(e.capture);u.current=e.capture;let i=Oe(e.capture);return ne(()=>(X++,()=>{X=Math.max(X-1,0),X===0&&(S?.cleanup(),S=null)}),[]),ne(()=>{if(!(typeof window>"u")){if(!h){S?.config&&(S.cleanup(),S=yt(),p(oe));return}(!Ne(S?.config,h)||S?.captureKey!==i)&&(S?.cleanup(),S=kt(h,m.current,u.current),p(S.widget))}},[h,i]),x}import{useCallback as Ct,useEffect as Mt,useState as St}from"react";function Le(e){let t=w("widgetState"),[n,s]=St(()=>t??(typeof e=="function"?e():e??null));Mt(()=>{s(t)},[t]);let r=Ct(c=>{s(h=>{let x=typeof c=="function"?c(h):c;return re()==="openai"&&x!=null&&window.openai?.setWidgetState(x),x})},[]);return[n,r]}import{jsx as A,jsxs as Ue}from"react/jsx-runtime";var Tt=()=>Ue("div",{className:"flex flex-col items-center justify-center h-full min-h-[120px] gap-4",children:[Ue("div",{className:"flex gap-2",children:[A("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-blue-400 to-cyan-400 animate-bounce [animation-delay:-0.3s]"}),A("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-cyan-400 to-teal-400 animate-bounce [animation-delay:-0.15s]"}),A("div",{className:"w-3 h-3 rounded-full bg-gradient-to-r from-teal-400 to-emerald-400 animate-bounce"})]}),A("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..."}),A("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:A("div",{className:"w-16 h-16 rounded-full border-2 border-blue-400/20 animate-ping"})}),A("style",{children:`
         @keyframes shimmer {
           0% { background-position: 200% 0; }
           100% { background-position: -200% 0; }
         }
-      `})]});export{pe as DevModeProvider,je as InitializeNextJsInIframe,Mt as LoadingWidget,he as WidgetProvider,$ as getMockState,K as initializeMockOpenAI,G as updateMockDisplayMode,A as updateMockGlobal,V as updateMockTheme,z as updateMockToolOutput,we as useCallTool,ve as useDisplayMode,xe as useFlowAction,ye as useIsChatGptApp,be as useLocale,ke as useMaxHeight,Me as useOpenExternal,Ce as useRequestDisplayMode,Se as useSafeArea,Te as useSendFollowUp,Ee as useTheme,q as useToolOutput,_e as useToolResponseMetadata,Re as useUpdateModelContext,Ue as useWaniwani,f as useWidgetClient,De as useWidgetState};
+      `})]});export{de as DevModeProvider,Ve as InitializeNextJsInIframe,Tt as LoadingWidget,ge as WidgetProvider,z as getMockState,F as initializeMockOpenAI,H as updateMockDisplayMode,R as updateMockGlobal,B as updateMockTheme,P as updateMockToolOutput,me as useCallTool,fe as useDisplayMode,he as useFlowAction,we as useIsChatGptApp,ve as useLocale,xe as useMaxHeight,ye as useOpenExternal,be as useRequestDisplayMode,ke as useSafeArea,Ce as useSendFollowUp,Me as useTheme,Y as useToolOutput,Se as useToolResponseMetadata,Te as useUpdateModelContext,Ie as useWaniwani,w as useWidgetClient,Le as useWidgetState};
 //# sourceMappingURL=react.js.map

package/dist/mcp/react.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/mcp/react/components/initialize-next-in-iframe.tsx","../../src/mcp/react/dev/dev-controls.tsx","../../src/mcp/react/dev/mock-openai.ts","../../src/mcp/react/hooks/use-call-tool.ts","../../src/mcp/react/hooks/use-widget.ts","../../src/mcp/react/widgets/widget-client.ts","../../src/mcp/react/hooks/use-display-mode.ts","../../src/mcp/react/hooks/use-tool-output.ts","../../src/mcp/react/hooks/use-flow-action.ts","../../src/mcp/react/hooks/use-is-chatgpt-app.ts","../../src/mcp/react/hooks/use-locale.ts","../../src/mcp/react/hooks/use-max-height.ts","../../src/mcp/react/hooks/use-open-external.ts","../../src/mcp/react/hooks/use-request-display-mode.ts","../../src/mcp/react/hooks/use-safe-area.ts","../../src/mcp/react/hooks/use-send-follow-up.ts","../../src/mcp/react/hooks/use-theme.ts","../../src/mcp/react/hooks/use-tool-response-metadata.ts","../../src/mcp/react/hooks/use-update-model-context.ts","../../src/mcp/react/hooks/use-waniwani.ts","../../src/mcp/react/hooks/auto-capture.ts","../../src/mcp/react/hooks/widget-transport.ts","../../src/mcp/react/hooks/use-widget-state.ts","../../src/mcp/react/widgets/loading-widget.tsx"],"sourcesContent":["/*\n Initializes & patches Next.js functionality so an app can run as a\n * widget inside a cross-origin iframe. Used by every MCP widget host —\n * ChatGPT's sandbox, the embed's `/api/mcp/chat/resource` proxy, and any\n * future host that renders the widget on a domain other than its own\n * `baseUrl`.\n \n What it patches:\n * - `history.pushState` / `history.replaceState` — prevents full-origin\n * URLs from ending up in the iframe's history (browsers reject cross-\n * origin pushes in sandboxed iframes).\n * - `window.fetch` — rewrites same-origin requests to the widget's real\n * `baseUrl`. Without this, relative `/api/...` calls from the widget\n * hit the host's origin (ChatGPT sandbox, WaniWani embed proxy, etc.)\n * and 404. `passthroughOrigins` opts specific origins out of the\n * rewrite (see prop doc).\n * - `<html>` attribute observer — strips attributes the host injects\n * after hydration (ChatGPT mutates `<html>` for theming), while\n * preserving `class` / `style` / `lang`.\n \n More background on the ChatGPT case:\n * https://vercel.com/blog/running-next-js-inside-chatgpt-a-deep-dive-into-native-app-integration\n /\nexport function InitializeNextJsInIframe({\n\tbaseUrl,\n\tpassthroughOrigins,\n}: {\n\tbaseUrl: string;\n\t/\n\t Origins whose fetches should skip the same-origin → baseUrl rewrite.\n\t * Set this to the WaniWani API origin when the widget is loaded through\n\t * a proxy that shares origin with the API (e.g. the embed's\n\t * `/api/mcp/chat/resource` route on `app.waniwani.ai`). Without this,\n\t * widget tracking calls to the WaniWani API get rewritten to the\n\t * widget's own host and 404.\n\t /\n\tpassthroughOrigins?: string[];\n}) {\n\treturn (\n\t\t<>\n\t\t\t<base href={baseUrl}></base>\n\t\t\t<script>{`window.innerBaseUrl = ${JSON.stringify(baseUrl)}`}</script>\n\t\t\t<script>{`window.__wwPassthroughOrigins = ${JSON.stringify(passthroughOrigins ?? [])}`}</script>\n\t\t\t<script>{`window.__isChatGptApp = typeof window.openai !== \"undefined\";`}</script>\n\t\t\t<script>\n\t\t\t\t{\"(\" +\n\t\t\t\t\t(() => {\n\t\t\t\t\t\tconst baseUrl = window.innerBaseUrl;\n\t\t\t\t\t\tconst passthroughOrigins: string[] =\n\t\t\t\t\t\t\t(window as unknown as { __wwPassthroughOrigins: string[] })\n\t\t\t\t\t\t\t\t.__wwPassthroughOrigins ?? [];\n\t\t\t\t\t\tconst htmlElement = document.documentElement;\n\t\t\t\t\t\tconst observer = new MutationObserver((mutations) => {\n\t\t\t\t\t\t\tmutations.forEach((mutation) => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tmutation.type === \"attributes\" &&\n\t\t\t\t\t\t\t\t\tmutation.target === htmlElement\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tconst attrName = mutation.attributeName;\n\t\t\t\t\t\t\t\t\t// Preserve class/style for theming (html.dark) and lang for i18n\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tattrName &&\n\t\t\t\t\t\t\t\t\t\tattrName !== \"suppresshydrationwarning\" &&\n\t\t\t\t\t\t\t\t\t\tattrName !== \"lang\" &&\n\t\t\t\t\t\t\t\t\t\tattrName !== \"class\" &&\n\t\t\t\t\t\t\t\t\t\tattrName !== \"style\"\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\thtmlElement.removeAttribute(attrName);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t\tobserver.observe(htmlElement, {\n\t\t\t\t\t\t\tattributes: true,\n\t\t\t\t\t\t\tattributeOldValue: true,\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tconst originalReplaceState = history.replaceState.bind(history);\n\t\t\t\t\t\thistory.replaceState = (\n\t\t\t\t\t\t\t_s: unknown,\n\t\t\t\t\t\t\tunused: string,\n\t\t\t\t\t\t\turl?: string \| URL \| null,\n\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tconst u = new URL(String(url ?? \"\"), window.location.href);\n\t\t\t\t\t\t\t\toriginalReplaceState(\n\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\tunused,\n\t\t\t\t\t\t\t\t\tu.pathname + u.search + u.hash,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\t\t/ SecurityError in sandboxed iframe /\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tconst originalPushState = history.pushState.bind(history);\n\t\t\t\t\t\thistory.pushState = (\n\t\t\t\t\t\t\t_s: unknown,\n\t\t\t\t\t\t\tunused: string,\n\t\t\t\t\t\t\turl?: string \| URL \| null,\n\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tconst u = new URL(String(url ?? \"\"), window.location.href);\n\t\t\t\t\t\t\t\toriginalPushState(null, unused, u.pathname + u.search + u.hash);\n\t\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\t\t/ SecurityError in sandboxed iframe /\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tconst appOrigin = new URL(baseUrl).origin;\n\t\t\t\t\t\tconst isInIframe = window.self !== window.top;\n\n\t\t\t\t\t\twindow.addEventListener(\n\t\t\t\t\t\t\t\"click\",\n\t\t\t\t\t\t\t(e) => {\n\t\t\t\t\t\t\t\tconst a = (e?.target as HTMLElement)?.closest(\"a\");\n\t\t\t\t\t\t\t\tif (!a \|\| !a.href) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst url = new URL(a.href, window.location.href);\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\turl.origin !== window.location.origin &&\n\t\t\t\t\t\t\t\t\turl.origin !== appOrigin\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\t\tif (window.openai) {\n\t\t\t\t\t\t\t\t\t\t\twindow.openai?.openExternal({ href: a.href });\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t\t\t\t\t\t\"openExternal failed, likely not in OpenAI client\",\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ttrue,\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tif (isInIframe && window.location.origin !== appOrigin) {\n\t\t\t\t\t\t\tconst originalFetch = window.fetch;\n\n\t\t\t\t\t\t\t(window as { fetch: typeof window.fetch }).fetch = ((\n\t\t\t\t\t\t\t\tinput: URL \| RequestInfo,\n\t\t\t\t\t\t\t\tinit?: RequestInit,\n\t\t\t\t\t\t\t): Promise<Response> => {\n\t\t\t\t\t\t\t\tlet url: URL;\n\t\t\t\t\t\t\t\tif (typeof input === \"string\" \|\| input instanceof URL) {\n\t\t\t\t\t\t\t\t\turl = new URL(input, window.location.href);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\turl = new URL(input.url, window.location.href);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tif (url.origin === appOrigin) {\n\t\t\t\t\t\t\t\t\tif (typeof input === \"string\" \|\| input instanceof URL) {\n\t\t\t\t\t\t\t\t\t\tinput = url.toString();\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tinput = new Request(url.toString(), input);\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn originalFetch.call(window, input, {\n\t\t\t\t\t\t\t\t\t\t...init,\n\t\t\t\t\t\t\t\t\t\tmode: \"cors\",\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Explicit passthrough list — never rewrite these.\n\t\t\t\t\t\t\t\t// Needed when the widget shares origin with a\n\t\t\t\t\t\t\t\t// non-Next-app host (e.g. the WaniWani app serving the\n\t\t\t\t\t\t\t\t// embed iframe + the tracking API from the same host).\n\t\t\t\t\t\t\t\tif (passthroughOrigins.indexOf(url.origin) !== -1) {\n\t\t\t\t\t\t\t\t\treturn originalFetch.call(window, input, init);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tif (url.origin === window.location.origin) {\n\t\t\t\t\t\t\t\t\tconst newUrl = new URL(baseUrl);\n\t\t\t\t\t\t\t\t\tnewUrl.pathname = url.pathname;\n\t\t\t\t\t\t\t\t\tnewUrl.search = url.search;\n\t\t\t\t\t\t\t\t\tnewUrl.hash = url.hash;\n\t\t\t\t\t\t\t\t\turl = newUrl;\n\n\t\t\t\t\t\t\t\t\tif (typeof input === \"string\" \|\| input instanceof URL) {\n\t\t\t\t\t\t\t\t\t\tinput = url.toString();\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tinput = new Request(url.toString(), input);\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn originalFetch.call(window, input, {\n\t\t\t\t\t\t\t\t\t\t...init,\n\t\t\t\t\t\t\t\t\t\tmode: \"cors\",\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn originalFetch.call(window, input, init);\n\t\t\t\t\t\t\t}) as typeof window.fetch;\n\t\t\t\t\t\t}\n\t\t\t\t\t}).toString() +\n\t\t\t\t\t\")()\"}\n\t\t\t</script>\n\t\t</>\n\t);\n}\n","\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { DisplayMode, Theme } from \"../hooks/@types\";\nimport { SetGlobalsEvent } from \"../hooks/@types\";\nimport {\n\tgetMockState,\n\tinitializeMockOpenAI,\n\tupdateMockDisplayMode,\n\tupdateMockTheme,\n\tupdateMockToolOutput,\n} from \"./mock-openai\";\n\nconst MOCK_SAFE_AREA_HEIGHT = 150;\n\n// ============================================================================\n// SVG Icons\n// ============================================================================\n\nfunction DevIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\tfill=\"none\"\n\t\t\trole=\"img\"\n\t\t\taria-label=\"Dev Controls\"\n\t\t>\n\t\t\t{/ Minimal: two stacked squares offset /}\n\t\t\t<rect\n\t\t\t\tx=\"4\"\n\t\t\t\ty=\"4\"\n\t\t\t\twidth=\"10\"\n\t\t\t\theight=\"10\"\n\t\t\t\trx=\"2\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t/>\n\t\t\t<rect\n\t\t\t\tx=\"10\"\n\t\t\t\ty=\"10\"\n\t\t\t\twidth=\"10\"\n\t\t\t\theight=\"10\"\n\t\t\t\trx=\"2\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tfillOpacity=\"0.15\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction CloseIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeWidth=\"2\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t>\n\t\t\t<path d=\"M18 6L6 18M6 6l12 12\" />\n\t\t</svg>\n\t);\n}\n\nfunction InlineIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx=\"2\"\n\t\t\t\ty=\"4\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"8\"\n\t\t\t\trx=\"1.5\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction PipIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx=\"1.5\"\n\t\t\t\ty=\"3\"\n\t\t\t\twidth=\"13\"\n\t\t\t\theight=\"10\"\n\t\t\t\trx=\"1.5\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t/>\n\t\t\t<rect x=\"8.5\" y=\"7\" width=\"5\" height=\"4\" rx=\"0.75\" fill=\"currentColor\" />\n\t\t</svg>\n\t);\n}\n\nfunction FullscreenIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"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\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction SunIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<circle cx=\"8\" cy=\"8\" r=\"2.5\" stroke=\"currentColor\" strokeWidth=\"1.25\" />\n\t\t\t<path\n\t\t\t\td=\"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\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction MoonIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M13.5 9.5a5.5 5.5 0 01-7-7 5.5 5.5 0 107 7z\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction ResetIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M2.5 8a5.5 5.5 0 019.37-3.9M13.5 8a5.5 5.5 0 01-9.37 3.9\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M12.5 2v3h-3M3.5 14v-3h3\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst panelAnimationStyles = `\n @keyframes devPanelSlideIn {\n 0% {\n opacity: 0;\n transform: translateY(12px) scale(0.98);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes devPanelSlideOut {\n 0% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translateY(8px) scale(0.98);\n }\n }\n\n .dev-panel-enter {\n animation: devPanelSlideIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n\n .dev-panel-exit {\n animation: devPanelSlideOut 150ms cubic-bezier(0.4, 0, 1, 1) forwards;\n }\n\n .dev-json-editor::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n\n .dev-json-editor::-webkit-scrollbar-track {\n background: transparent;\n }\n\n .dev-json-editor::-webkit-scrollbar-thumb {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n }\n\n .dev-json-editor::-webkit-scrollbar-thumb:hover {\n background: rgba(255, 255, 255, 0.15);\n }\n`;\n\n// ============================================================================\n// Components\n// ============================================================================\n\ninterface DevControlsProps {\n\tdefaultProps?: Record<string, unknown>;\n\twidgetPaths?: string[];\n}\n\nexport function DevModeProvider({\n\tdefaultProps,\n\twidgetPaths,\n\tchildren,\n}: DevControlsProps & { children: React.ReactNode }) {\n\tconst [isInitialized, setIsInitialized] = useState(false);\n\tconst [isWidgetPage, setIsWidgetPage] = useState(false);\n\n\tuseEffect(() => {\n\t\t// When loaded inside the MCP harness iframe, skip the OpenAI mock\n\t\t// so the real MCPAppsWidgetClient + App class is used instead.\n\t\tconst params = new URLSearchParams(window.location.search);\n\t\tif (params.get(\"platform\") === \"mcp-apps\") {\n\t\t\tsetIsInitialized(true);\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if current path is a widget page\n\t\tif (widgetPaths && widgetPaths.length > 0) {\n\t\t\tconst currentPath = window.location.pathname;\n\t\t\tconst isWidget = widgetPaths.some(\n\t\t\t\t(path) => currentPath === path \|\| currentPath.startsWith(`${path}/`),\n\t\t\t);\n\t\t\tsetIsWidgetPage(isWidget);\n\n\t\t\tif (isWidget) {\n\t\t\t\tinitializeMockOpenAI(defaultProps);\n\t\t\t}\n\t\t} else {\n\t\t\t// If no widgetPaths specified, treat all pages as widget pages (backwards compat)\n\t\t\tinitializeMockOpenAI(defaultProps);\n\t\t\tsetIsWidgetPage(true);\n\t\t}\n\t\tsetIsInitialized(true);\n\t}, [defaultProps, widgetPaths]);\n\n\tif (!isInitialized) {\n\t\treturn null;\n\t}\n\n\t// If not a widget page, just render children without the dev frame\n\tif (!isWidgetPage) {\n\t\treturn <>{children}</>;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<WidgetPreviewFrame>{children}</WidgetPreviewFrame>\n\t\t\t<DevControls defaultProps={defaultProps} />\n\t\t</>\n\t);\n}\n\nfunction WidgetPreviewFrame({ children }: { children: React.ReactNode }) {\n\treturn (\n\t\t<div className=\"min-h-screen bg-[#212121] flex items-center justify-center p-8\">\n\t\t\t<div\n\t\t\t\tclassName=\"relative w-full max-w-md overflow-hidden rounded-2xl sm:rounded-3xl border border-[#414141]\"\n\t\t\t\tstyle={{\n\t\t\t\t\tboxShadow: \"0px 0px 0px 1px #414141, 0px 4px 14px rgba(0,0,0,0.24)\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Segmented Control\n// ============================================================================\n\ninterface SegmentOption<T extends string> {\n\tvalue: T;\n\tlabel: string;\n\ticon: React.ReactNode;\n}\n\ninterface SegmentedControlProps<T extends string> {\n\toptions: SegmentOption<T>[];\n\tvalue: T;\n\tonChange: (value: T) => void;\n}\n\nfunction SegmentedControl<T extends string>({\n\toptions,\n\tvalue,\n\tonChange,\n}: SegmentedControlProps<T>) {\n\tconst activeIndex = options.findIndex((opt) => opt.value === value);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"relative flex p-0.5 rounded-lg\"\n\t\t\tstyle={{\n\t\t\t\tbackground: \"rgba(255, 255, 255, 0.04)\",\n\t\t\t\tborder: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t}}\n\t\t>\n\t\t\t{/ Sliding indicator /}\n\t\t\t<div\n\t\t\t\tclassName=\"absolute top-0.5 bottom-0.5 rounded-md transition-transform duration-150 ease-out\"\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: `calc(${100 / options.length}% - 2px)`,\n\t\t\t\t\tleft: \"2px\",\n\t\t\t\t\ttransform: `translateX(calc(${activeIndex 100}% + ${activeIndex * 2}px))`,\n\t\t\t\t\tbackground: \"rgba(255, 255, 255, 0.1)\",\n\t\t\t\t}}\n\t\t\t/>\n\n\t\t\t{options.map((option) => (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tkey={option.value}\n\t\t\t\t\tonClick={() => onChange(option.value)}\n\t\t\t\t\tclassName={`\n relative z-10 flex-1 flex items-center justify-center gap-1.5 px-2 py-1.5\n text-xs font-medium rounded-md transition-colors duration-150\n ${value === option.value ? \"text-white\" : \"text-gray-400 hover:text-gray-300\"}\n `}\n\t\t\t\t>\n\t\t\t\t\t{option.icon}\n\t\t\t\t\t<span className=\"capitalize\">{option.label}</span>\n\t\t\t\t</button>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Main DevControls Component\n// ============================================================================\n\nfunction DevControls({ defaultProps }: DevControlsProps) {\n\tconst [isOpen, setIsOpen] = useState(() => {\n\t\tif (typeof window === \"undefined\") {\n\t\t\treturn false;\n\t\t}\n\t\treturn localStorage.getItem(\"dev-controls-open\") === \"true\";\n\t});\n\tconst [isAnimating, setIsAnimating] = useState(false);\n\tconst [shouldRender, setShouldRender] = useState(isOpen);\n\tconst [displayMode, setDisplayMode] = useState<DisplayMode>(\"inline\");\n\tconst [theme, setTheme] = useState<Theme>(\"dark\");\n\tconst [showSafeArea, setShowSafeArea] = useState(false);\n\tconst [propsJson, setPropsJson] = useState(() =>\n\t\tJSON.stringify(defaultProps ?? {}, null, 2),\n\t);\n\tconst [jsonError, setJsonError] = useState<string \| null>(null);\n\tconst debounceRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\tconst panelRef = useRef<HTMLDivElement>(null);\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\t// Initialize from mock state\n\tuseEffect(() => {\n\t\tconst state = getMockState();\n\t\tsetDisplayMode(state.displayMode);\n\t\tsetTheme(state.theme);\n\t}, []);\n\n\t// Update safeArea when toggled\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\t\tif (!window.openai) {\n\t\t\t// biome-ignore lint/suspicious/noExplicitAny: window.openai may not exist yet\n\t\t\t(window as any).openai = {};\n\t\t}\n\t\twindow.openai.safeArea = {\n\t\t\tinsets: {\n\t\t\t\ttop: 0,\n\t\t\t\tbottom: showSafeArea ? MOCK_SAFE_AREA_HEIGHT : 0,\n\t\t\t\tleft: 0,\n\t\t\t\tright: 0,\n\t\t\t},\n\t\t};\n\t\twindow.dispatchEvent(\n\t\t\tnew SetGlobalsEvent({ globals: { safeArea: window.openai.safeArea } }),\n\t\t);\n\t}, [showSafeArea]);\n\n\t// Persist open state\n\tuseEffect(() => {\n\t\tlocalStorage.setItem(\"dev-controls-open\", String(isOpen));\n\t}, [isOpen]);\n\n\tconst openPanel = useCallback(() => {\n\t\tsetShouldRender(true);\n\t\t// Small delay to ensure DOM is ready for animation\n\t\trequestAnimationFrame(() => {\n\t\t\tsetIsOpen(true);\n\t\t});\n\t}, []);\n\n\tconst closePanel = useCallback(() => {\n\t\tsetIsAnimating(true);\n\t\tsetIsOpen(false);\n\t\t// Wait for exit animation\n\t\tsetTimeout(() => {\n\t\t\tsetShouldRender(false);\n\t\t\tsetIsAnimating(false);\n\t\t}, 150);\n\t}, []);\n\n\tconst togglePanel = useCallback(() => {\n\t\tif (isOpen) {\n\t\t\tclosePanel();\n\t\t} else {\n\t\t\topenPanel();\n\t\t}\n\t}, [isOpen, openPanel, closePanel]);\n\n\t// Keyboard shortcuts\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\t// Cmd/Ctrl + Shift + D to toggle\n\t\t\tif ((e.metaKey \|\| e.ctrlKey) && e.shiftKey && e.key === \"d\") {\n\t\t\t\te.preventDefault();\n\t\t\t\ttogglePanel();\n\t\t\t}\n\t\t\t// Escape to close\n\t\t\tif (e.key === \"Escape\" && isOpen) {\n\t\t\t\tclosePanel();\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener(\"keydown\", handleKeyDown);\n\t\treturn () => window.removeEventListener(\"keydown\", handleKeyDown);\n\t}, [isOpen, togglePanel, closePanel]);\n\n\t// Click outside to close\n\tuseEffect(() => {\n\t\tif (!isOpen) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst handleClickOutside = (e: MouseEvent) => {\n\t\t\tif (\n\t\t\t\tcontainerRef.current &&\n\t\t\t\t!containerRef.current.contains(e.target as Node)\n\t\t\t) {\n\t\t\t\tclosePanel();\n\t\t\t}\n\t\t};\n\n\t\tdocument.addEventListener(\"mousedown\", handleClickOutside);\n\t\treturn () => document.removeEventListener(\"mousedown\", handleClickOutside);\n\t}, [isOpen, closePanel]);\n\n\tconst handleDisplayModeChange = useCallback((mode: DisplayMode) => {\n\t\tsetDisplayMode(mode);\n\t\tupdateMockDisplayMode(mode);\n\t}, []);\n\n\tconst handleThemeChange = useCallback((newTheme: Theme) => {\n\t\tsetTheme(newTheme);\n\t\tupdateMockTheme(newTheme);\n\t}, []);\n\n\tconst applyProps = useCallback((json: string) => {\n\t\ttry {\n\t\t\tconst parsed = JSON.parse(json);\n\t\t\tsetJsonError(null);\n\t\t\tupdateMockToolOutput(parsed);\n\t\t} catch {\n\t\t\tsetJsonError(\"Invalid JSON\");\n\t\t}\n\t}, []);\n\n\tconst handlePropsChange = useCallback(\n\t\t(json: string) => {\n\t\t\tsetPropsJson(json);\n\t\t\tif (debounceRef.current) {\n\t\t\t\tclearTimeout(debounceRef.current);\n\t\t\t}\n\t\t\tdebounceRef.current = setTimeout(() => {\n\t\t\t\tapplyProps(json);\n\t\t\t}, 500);\n\t\t},\n\t\t[applyProps],\n\t);\n\n\tconst handlePropsBlur = useCallback(() => {\n\t\tif (debounceRef.current) {\n\t\t\tclearTimeout(debounceRef.current);\n\t\t}\n\t\tapplyProps(propsJson);\n\t}, [applyProps, propsJson]);\n\n\tconst handleReset = useCallback(() => {\n\t\tconst defaultJson = JSON.stringify(defaultProps ?? {}, null, 2);\n\t\tsetPropsJson(defaultJson);\n\t\tsetJsonError(null);\n\t\tupdateMockToolOutput(defaultProps ?? {});\n\t\tsetDisplayMode(\"inline\");\n\t\tupdateMockDisplayMode(\"inline\");\n\t\tsetTheme(\"dark\");\n\t\tupdateMockTheme(\"dark\");\n\t}, [defaultProps]);\n\n\tconst displayModeOptions: SegmentOption<DisplayMode>[] = [\n\t\t{\n\t\t\tvalue: \"inline\",\n\t\t\tlabel: \"inline\",\n\t\t\ticon: <InlineIcon className=\"w-3.5 h-3.5\" />,\n\t\t},\n\t\t{ value: \"pip\", label: \"pip\", icon: <PipIcon className=\"w-3.5 h-3.5\" /> },\n\t\t{\n\t\t\tvalue: \"fullscreen\",\n\t\t\tlabel: \"full\",\n\t\t\ticon: <FullscreenIcon className=\"w-3.5 h-3.5\" />,\n\t\t},\n\t];\n\n\tconst themeOptions: SegmentOption<Theme>[] = [\n\t\t{\n\t\t\tvalue: \"light\",\n\t\t\tlabel: \"light\",\n\t\t\ticon: <SunIcon className=\"w-3.5 h-3.5\" />,\n\t\t},\n\t\t{\n\t\t\tvalue: \"dark\",\n\t\t\tlabel: \"dark\",\n\t\t\ticon: <MoonIcon className=\"w-3.5 h-3.5\" />,\n\t\t},\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t{/* Inject animation styles /}\n\t\t\t{/* biome-ignore lint/security/noDangerouslySetInnerHtml: we need to inject styles into the DOM /}\n\t\t\t<style dangerouslySetInnerHTML={{ __html: panelAnimationStyles }} />\n\n\t\t\t<div\n\t\t\t\tref={containerRef}\n\t\t\t\tclassName=\"fixed bottom-4 right-4 z-[9999] font-['Inter',_system-ui,_sans-serif]\"\n\t\t\t>\n\t\t\t\t{/ Toggle Button /}\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={togglePanel}\n\t\t\t\t\tclassName=\"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\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: \"rgba(14, 14, 16, 0.95)\",\n\t\t\t\t\t\tbackdropFilter: \"blur(16px)\",\n\t\t\t\t\t\tWebkitBackdropFilter: \"blur(16px)\",\n\t\t\t\t\t\tborder: \"1px solid rgba(255, 255, 255, 0.08)\",\n\t\t\t\t\t\tboxShadow: `\n 0 4px 12px rgba(0, 0, 0, 0.4),\n 0 0 0 1px rgba(255, 255, 255, 0.05),\n inset 0 1px 0 rgba(255, 255, 255, 0.04)\n `,\n\t\t\t\t\t}}\n\t\t\t\t\taria-label=\"Toggle Dev Controls\"\n\t\t\t\t\taria-expanded={isOpen}\n\t\t\t\t>\n\t\t\t\t\t<DevIcon\n\t\t\t\t\t\tclassName={`w-5 h-5 transition-all duration-200 ${\n\t\t\t\t\t\t\tisOpen\n\t\t\t\t\t\t\t\t? \"text-indigo-400 scale-110\"\n\t\t\t\t\t\t\t\t: \"text-gray-300 group-hover:text-white\"\n\t\t\t\t\t\t}`}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{/ Subtle glow on hover /}\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"absolute inset-0 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\"radial-gradient(circle at center, rgba(99, 102, 241, 0.15) 0%, transparent 70%)\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</button>\n\n\t\t\t\t{/ Panel /}\n\t\t\t\t{shouldRender && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={panelRef}\n\t\t\t\t\t\tclassName={`absolute bottom-14 right-0 w-80 ${\n\t\t\t\t\t\t\tisOpen && !isAnimating ? \"dev-panel-enter\" : \"dev-panel-exit\"\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmaxHeight: \"calc(100vh - 120px)\",\n\t\t\t\t\t\t\tbackground: \"rgba(14, 14, 16, 0.92)\",\n\t\t\t\t\t\t\tbackdropFilter: \"blur(24px)\",\n\t\t\t\t\t\t\tWebkitBackdropFilter: \"blur(24px)\",\n\t\t\t\t\t\t\tborder: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t\t\t\t\tborderRadius: \"16px\",\n\t\t\t\t\t\t\tboxShadow: `\n 0 25px 50px -12px rgba(0, 0, 0, 0.6),\n 0 0 0 1px rgba(255, 255, 255, 0.05),\n inset 0 1px 0 rgba(255, 255, 255, 0.04)\n `,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{/ Header /}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"flex items-center justify-between px-4 py-3\"\n\t\t\t\t\t\t\tstyle={{ borderBottom: \"1px solid rgba(255, 255, 255, 0.06)\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t<DevIcon className=\"w-4 h-4 text-gray-400\" />\n\t\t\t\t\t\t\t\t<span className=\"text-sm font-medium text-white\">\n\t\t\t\t\t\t\t\t\tDev Controls\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t{/ Keyboard shortcut badge /}\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName=\"text-[10px] font-medium text-gray-500 px-1.5 py-0.5 rounded\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackground: \"rgba(255, 255, 255, 0.04)\",\n\t\t\t\t\t\t\t\t\t\tborder: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{typeof navigator !== \"undefined\" &&\n\t\t\t\t\t\t\t\t\tnavigator.platform?.includes(\"Mac\")\n\t\t\t\t\t\t\t\t\t\t? \"⌘⇧D\"\n\t\t\t\t\t\t\t\t\t\t: \"Ctrl+Shift+D\"}\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t{/ Close button /}\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={closePanel}\n\t\t\t\t\t\t\t\t\tclassName=\"p-1 rounded-md text-gray-500 hover:text-gray-300 hover:bg-white/5 transition-colors\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CloseIcon className=\"w-4 h-4\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/ Content /}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"p-4 space-y-5 overflow-y-auto\"\n\t\t\t\t\t\t\tstyle={{ maxHeight: \"calc(100vh - 200px)\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/ Display Mode /}\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\thtmlFor=\"display-mode\"\n\t\t\t\t\t\t\t\t\tclassName=\"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tDisplay Mode\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t<SegmentedControl\n\t\t\t\t\t\t\t\t\toptions={displayModeOptions}\n\t\t\t\t\t\t\t\t\tvalue={displayMode}\n\t\t\t\t\t\t\t\t\tonChange={handleDisplayModeChange}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/ Theme /}\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\thtmlFor=\"theme\"\n\t\t\t\t\t\t\t\t\tclassName=\"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tTheme\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t<SegmentedControl\n\t\t\t\t\t\t\t\t\toptions={themeOptions}\n\t\t\t\t\t\t\t\t\tvalue={theme}\n\t\t\t\t\t\t\t\t\tonChange={handleThemeChange}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/ Safe Area Mock /}\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\thtmlFor=\"safe-area\"\n\t\t\t\t\t\t\t\t\tclassName=\"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tSafe Area (Chat Input)\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={() => setShowSafeArea(!showSafeArea)}\n\t\t\t\t\t\t\t\t\tclassName={`w-full flex items-center justify-between px-3 py-2.5 rounded-lg text-xs font-medium transition-all duration-150 ${\n\t\t\t\t\t\t\t\t\t\tshowSafeArea ? \"text-emerald-400\" : \"text-gray-400\"\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackground: showSafeArea\n\t\t\t\t\t\t\t\t\t\t\t? \"rgba(34, 197, 94, 0.1)\"\n\t\t\t\t\t\t\t\t\t\t\t: \"rgba(255, 255, 255, 0.04)\",\n\t\t\t\t\t\t\t\t\t\tborder: showSafeArea\n\t\t\t\t\t\t\t\t\t\t\t? \"1px solid rgba(34, 197, 94, 0.3)\"\n\t\t\t\t\t\t\t\t\t\t\t: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>Mock ChatGPT Input Bar</span>\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName={`px-2 py-0.5 rounded text-[10px] font-semibold ${\n\t\t\t\t\t\t\t\t\t\t\tshowSafeArea\n\t\t\t\t\t\t\t\t\t\t\t\t? \"bg-emerald-500/20 text-emerald-400\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \"bg-gray-500/20 text-gray-500\"\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{showSafeArea ? \"ON\" : \"OFF\"}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t{showSafeArea && (\n\t\t\t\t\t\t\t\t\t<p className=\"text-[10px] text-gray-500 mt-1.5\">\n\t\t\t\t\t\t\t\t\t\tbottom: {MOCK_SAFE_AREA_HEIGHT}px\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/ Widget Props /}\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\thtmlFor=\"widget-props\"\n\t\t\t\t\t\t\t\t\tclassName=\"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tWidget Props\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\t\t\tvalue={propsJson}\n\t\t\t\t\t\t\t\t\tonChange={(e) => handlePropsChange(e.target.value)}\n\t\t\t\t\t\t\t\t\tonBlur={handlePropsBlur}\n\t\t\t\t\t\t\t\t\tclassName=\"dev-json-editor w-full min-h-[160px] text-xs text-gray-200 p-3 rounded-lg resize-none focus:outline-none transition-colors\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackground: \"rgba(0, 0, 0, 0.3)\",\n\t\t\t\t\t\t\t\t\t\tborder: jsonError\n\t\t\t\t\t\t\t\t\t\t\t? \"1px solid rgba(239, 68, 68, 0.5)\"\n\t\t\t\t\t\t\t\t\t\t\t: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t\t\t\t\t\t\t\tfontFamily:\n\t\t\t\t\t\t\t\t\t\t\t\"'JetBrains Mono', 'SF Mono', 'Fira Code', monospace\",\n\t\t\t\t\t\t\t\t\t\tlineHeight: 1.6,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonFocus={(e) => {\n\t\t\t\t\t\t\t\t\t\tif (!jsonError) {\n\t\t\t\t\t\t\t\t\t\t\te.target.style.borderColor = \"rgba(99, 102, 241, 0.5)\";\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonBlurCapture={(e) => {\n\t\t\t\t\t\t\t\t\t\tif (!jsonError) {\n\t\t\t\t\t\t\t\t\t\t\te.target.style.borderColor = \"rgba(255, 255, 255, 0.06)\";\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tspellCheck={false}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{jsonError && (\n\t\t\t\t\t\t\t\t\t<p className=\"text-red-400 text-[11px] mt-1.5 flex items-center gap-1\">\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\taria-label=\"Error\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-3 h-3\"\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7 4.5h2v4H7v-4zm0 5h2v2H7v-2z\" />\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t{jsonError}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/ Reset Button /}\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={handleReset}\n\t\t\t\t\t\t\t\tclassName=\"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\"\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackground: \"rgba(255, 255, 255, 0.04)\",\n\t\t\t\t\t\t\t\t\tborder: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonMouseEnter={(e) => {\n\t\t\t\t\t\t\t\t\te.currentTarget.style.background =\n\t\t\t\t\t\t\t\t\t\t\"rgba(255, 255, 255, 0.08)\";\n\t\t\t\t\t\t\t\t\te.currentTarget.style.borderColor =\n\t\t\t\t\t\t\t\t\t\t\"rgba(255, 255, 255, 0.1)\";\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonMouseLeave={(e) => {\n\t\t\t\t\t\t\t\t\te.currentTarget.style.background =\n\t\t\t\t\t\t\t\t\t\t\"rgba(255, 255, 255, 0.04)\";\n\t\t\t\t\t\t\t\t\te.currentTarget.style.borderColor =\n\t\t\t\t\t\t\t\t\t\t\"rgba(255, 255, 255, 0.06)\";\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ResetIcon className=\"w-3.5 h-3.5\" />\n\t\t\t\t\t\t\t\tReset to Defaults\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/ Mock ChatGPT Input Bar /}\n\t\t\t{showSafeArea && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"fixed bottom-0 left-0 right-0 z-[9998] flex items-center justify-center pointer-events-none\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${MOCK_SAFE_AREA_HEIGHT}px`,\n\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\"linear-gradient(to top, #1a1a1a 0%, #1a1a1a 80%, transparent 100%)\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<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\">\n\t\t\t\t\t\t<div className=\"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center\">\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 text-gray-400\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\td=\"M12 4v16m8-8H4\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"flex-1 text-gray-400 text-sm\">\n\t\t\t\t\t\t\tAsk me anything...\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center\">\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 text-gray-400\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"absolute bottom-1 text-[10px] text-gray-600 font-mono\">\n\t\t\t\t\t\tMock SafeArea: bottom={MOCK_SAFE_AREA_HEIGHT}px\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import {\n\ttype DisplayMode,\n\ttype OpenAIGlobals,\n\tSetGlobalsEvent,\n\ttype Theme,\n} from \"../hooks/@types\";\n\nconst DEFAULT_MOCK_CONFIG: Omit<OpenAIGlobals, \"setWidgetState\"> = {\n\ttheme: \"dark\",\n\tuserAgent: {\n\t\tdevice: { type: \"desktop\" },\n\t\tcapabilities: { hover: true, touch: false },\n\t},\n\tlocale: \"en\",\n\tmaxHeight: 800,\n\tdisplayMode: \"inline\",\n\tsafeArea: { insets: { top: 0, bottom: 0, left: 0, right: 0 } },\n\ttoolInput: {},\n\ttoolOutput: null,\n\ttoolResponseMetadata: null,\n\twidgetState: null,\n};\n\nlet mockState: Omit<OpenAIGlobals, \"setWidgetState\"> = {\n\t...DEFAULT_MOCK_CONFIG,\n};\n\nexport function initializeMockOpenAI(\n\tinitialToolOutput?: Record<string, unknown>,\n): void {\n\tif (typeof window === \"undefined\") {\n\t\treturn;\n\t}\n\tif (window.openai) {\n\t\treturn; // Already initialized (real ChatGPT or previous mock)\n\t}\n\n\tmockState = {\n\t\t...DEFAULT_MOCK_CONFIG,\n\t\ttoolOutput: initialToolOutput ?? null,\n\t};\n\n\twindow.openai = {\n\t\t...mockState,\n\t\t// Mock API functions\n\t\trequestDisplayMode: async ({ mode }) => {\n\t\t\tupdateMockGlobal(\"displayMode\", mode);\n\t\t\treturn { mode };\n\t\t},\n\t\tcallTool: async (name, args) => {\n\t\t\tconsole.log(`[DevMode] callTool: ${name}`, args);\n\t\t\treturn { result: JSON.stringify({ mock: true, tool: name, args }) };\n\t\t},\n\t\tsendFollowUpMessage: async ({ prompt }) => {\n\t\t\tconsole.log(`[DevMode] sendFollowUpMessage: ${prompt}`);\n\t\t},\n\t\topenExternal: ({ href }) => {\n\t\t\tconsole.log(`[DevMode] openExternal: ${href}`);\n\t\t\twindow.open(href, \"_blank\");\n\t\t},\n\t\tsetWidgetState: async (state) => {\n\t\t\tupdateMockGlobal(\"widgetState\", state);\n\t\t},\n\t};\n\n\t// Dispatch initial event so hooks pick up the values\n\twindow.dispatchEvent(new SetGlobalsEvent({ globals: mockState }));\n}\n\nexport function updateMockGlobal<K extends keyof OpenAIGlobals>(\n\tkey: K,\n\tvalue: OpenAIGlobals[K],\n): void {\n\tif (typeof window === \"undefined\" \|\| !window.openai) {\n\t\treturn;\n\t}\n\n\t(mockState as Record<string, unknown>)[key] = value;\n\t(window.openai as Record<string, unknown>)[key] = value;\n\n\twindow.dispatchEvent(new SetGlobalsEvent({ globals: { [key]: value } }));\n}\n\nexport function getMockState(): typeof mockState {\n\treturn { ...mockState };\n}\n\nexport function updateMockToolOutput(props: Record<string, unknown>): void {\n\tupdateMockGlobal(\"toolOutput\", props);\n}\n\nexport function updateMockDisplayMode(mode: DisplayMode): void {\n\tupdateMockGlobal(\"displayMode\", mode);\n}\n\nexport function updateMockTheme(theme: Theme): void {\n\tupdateMockGlobal(\"theme\", theme);\n}\n","\"use client\";\n\nimport { useCallback } from \"react\";\nimport type { ToolCallResult } from \"../widgets/widget-client\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get a function to call other tools.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns A function to call tools with their name and arguments\n /\nexport function useCallTool(): (\n\tname: string,\n\targs: Record<string, unknown>,\n) => Promise<ToolCallResult> {\n\tconst client = useWidgetClient();\n\treturn useCallback(\n\t\t(name: string, args: Record<string, unknown>) =>\n\t\t\tclient.callTool(name, args),\n\t\t[client],\n\t);\n}\n","\"use client\";\n\nimport React, {\n\tcreateContext,\n\ttype ReactNode,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseState,\n\tuseSyncExternalStore,\n} from \"react\";\nimport {\n\tcreateWidgetClient,\n\ttype UnifiedWidgetClient,\n} from \"../widgets/widget-client\";\nimport type { DisplayMode, SafeArea, Theme, UnknownObject } from \"./@types\";\n\n/\n Context for the unified widget client.\n * @internal Exported for use by useWaniwani to optionally resolve config.\n /\nexport const WidgetClientContext = createContext<UnifiedWidgetClient \| null>(\n\tnull,\n);\n\n/\n Provider props\n /\ninterface WidgetProviderProps {\n\tchildren: ReactNode;\n\t/* Optional loading component while connecting /\n\tloading?: ReactNode;\n\t/* Optional error component /\n\tonError?: (error: Error) => ReactNode;\n}\n\n/\n Provider component that initializes the correct widget client based on platform.\n * Wrap your widget component with this provider.\n \n @example\n * ```tsx\n * function App() {\n * return (\n * <WidgetProvider loading={<Spinner />}>\n * <MyWidget />\n * </WidgetProvider>\n * );\n * }\n * ```\n /\nexport function WidgetProvider({\n\tchildren,\n\tloading = null,\n\tonError,\n}: WidgetProviderProps) {\n\tconst [client, setClient] = useState<UnifiedWidgetClient \| null>(null);\n\tconst [error, setError] = useState<Error \| null>(null);\n\tconst [isConnecting, setIsConnecting] = useState(true);\n\n\tuseEffect(() => {\n\t\tlet mounted = true;\n\t\tlet activeClient: UnifiedWidgetClient \| null = null;\n\n\t\tasync function initClient() {\n\t\t\ttry {\n\t\t\t\tconst widgetClient = await createWidgetClient();\n\n\t\t\t\tawait widgetClient.connect();\n\n\t\t\t\tif (mounted) {\n\t\t\t\t\tactiveClient = widgetClient;\n\t\t\t\t\tsetClient(widgetClient);\n\t\t\t\t\tsetIsConnecting(false);\n\t\t\t\t} else {\n\t\t\t\t\t// Component unmounted during connect — clean up\n\t\t\t\t\twidgetClient.close();\n\t\t\t\t}\n\t\t\t} catch (err) {\n\t\t\t\tif (mounted) {\n\t\t\t\t\tconsole.error(\"error\", err);\n\t\t\t\t\tsetError(err instanceof Error ? err : new Error(String(err)));\n\t\t\t\t\tsetIsConnecting(false);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tinitClient();\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\t\t\tactiveClient?.close();\n\t\t};\n\t}, []);\n\n\t// Sync theme to <html> class so consumers can use html.dark { ... } or dark: variants\n\tuseEffect(() => {\n\t\tif (!client) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst syncTheme = (theme: Theme) => {\n\t\t\tdocument.documentElement.classList.toggle(\"dark\", theme === \"dark\");\n\t\t\tdocument.documentElement.style.colorScheme =\n\t\t\t\ttheme === \"dark\" ? \"dark\" : \"auto\";\n\t\t};\n\n\t\tsyncTheme(client.getTheme());\n\t\treturn client.onThemeChange(syncTheme);\n\t}, [client]);\n\n\tif (error && onError) {\n\t\treturn React.createElement(React.Fragment, null, onError(error));\n\t}\n\n\tif (isConnecting \|\| !client) {\n\t\treturn React.createElement(React.Fragment, null, loading);\n\t}\n\n\treturn React.createElement(\n\t\tWidgetClientContext.Provider,\n\t\t{ value: client },\n\t\tchildren,\n\t);\n}\n\n/\n Keys that can be selected from the widget client.\n /\ntype WidgetKey =\n\t\| \"toolOutput\"\n\t\| \"theme\"\n\t\| \"displayMode\"\n\t\| \"locale\"\n\t\| \"safeArea\"\n\t\| \"maxHeight\"\n\t\| \"toolResponseMetadata\"\n\t\| \"widgetState\";\n\n/\n Value types for each widget key.\n /\ntype WidgetKeyValues = {\n\ttoolOutput: Record<string, unknown> \| null;\n\ttheme: Theme;\n\tdisplayMode: DisplayMode;\n\tlocale: string;\n\tsafeArea: SafeArea \| null;\n\tmaxHeight: number \| null;\n\ttoolResponseMetadata: UnknownObject \| null;\n\twidgetState: UnknownObject \| null;\n};\n\n/\n Get the unified widget client instance.\n * Must be used within a WidgetProvider.\n \n @example\n * ```tsx\n * // Full client for actions\n * const client = useWidgetClient();\n * client.callTool(\"foo\", {});\n \n // Key selector for reactive values\n * const toolOutput = useWidgetClient(\"toolOutput\");\n * const theme = useWidgetClient(\"theme\");\n * ```\n /\nexport function useWidgetClient(): UnifiedWidgetClient;\nexport function useWidgetClient<K extends WidgetKey>(\n\tkey: K,\n): WidgetKeyValues[K];\nexport function useWidgetClient<K extends WidgetKey>(key?: K) {\n\tconst client = useContext(WidgetClientContext);\n\n\tif (!client) {\n\t\tthrow new Error(\"useWidgetClient must be used within a WidgetProvider\");\n\t}\n\n\t// Key selector - use useSyncExternalStore\n\tconst subscribe = useCallback(\n\t\t(onChange: () => void) => {\n\t\t\tif (key === \"toolOutput\") {\n\t\t\t\treturn client.onToolResult(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"theme\") {\n\t\t\t\treturn client.onThemeChange(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"displayMode\") {\n\t\t\t\treturn client.onDisplayModeChange(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"safeArea\") {\n\t\t\t\treturn client.onSafeAreaChange(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"maxHeight\") {\n\t\t\t\treturn client.onMaxHeightChange(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"toolResponseMetadata\") {\n\t\t\t\treturn client.onToolResponseMetadataChange(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"widgetState\") {\n\t\t\t\treturn client.onWidgetStateChange(() => onChange());\n\t\t\t}\n\t\t\treturn () => {};\n\t\t},\n\t\t[client, key],\n\t);\n\n\tconst getSnapshot = useCallback(() => {\n\t\tif (key === \"toolOutput\") {\n\t\t\treturn client.getToolOutput();\n\t\t}\n\t\tif (key === \"theme\") {\n\t\t\treturn client.getTheme();\n\t\t}\n\t\tif (key === \"displayMode\") {\n\t\t\treturn client.getDisplayMode();\n\t\t}\n\t\tif (key === \"locale\") {\n\t\t\treturn client.getLocale();\n\t\t}\n\t\tif (key === \"safeArea\") {\n\t\t\treturn client.getSafeArea();\n\t\t}\n\t\tif (key === \"maxHeight\") {\n\t\t\treturn client.getMaxHeight();\n\t\t}\n\t\tif (key === \"toolResponseMetadata\") {\n\t\t\treturn client.getToolResponseMetadata();\n\t\t}\n\t\tif (key === \"widgetState\") {\n\t\t\treturn client.getWidgetState();\n\t\t}\n\t\treturn null;\n\t}, [client, key]);\n\n\tconst store = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n\t// No key - return full client\n\tif (!key) {\n\t\treturn client;\n\t}\n\n\treturn store;\n}\n","import type { CallToolResult as McpCallToolResult } from \"@modelcontextprotocol/sdk/types.js\";\nimport type { ModelContextUpdate } from \"../../../shared/model-context\";\nimport type {\n\tDisplayMode,\n\tSafeArea,\n\tTheme,\n\tUnknownObject,\n} from \"../hooks/@types\";\n\n/\n Result from calling a tool\n /\nexport type ToolCallResult = McpCallToolResult;\n\n/\n Tool result notification (what the host pushes to the widget)\n /\nexport type ToolResult = McpCallToolResult;\n\n/\n Host context - all values available from the host.\n /\nexport type HostContext = {\n\ttheme: Theme;\n\tlocale: string;\n\tdisplayMode: DisplayMode;\n\tmaxHeight: number \| null;\n\tsafeArea: SafeArea \| null;\n\ttoolOutput: UnknownObject \| null;\n\ttoolResponseMetadata: UnknownObject \| null;\n\twidgetState: UnknownObject \| null;\n};\n\n/\n Store interface for useSyncExternalStore compatibility.\n /\nexport type HostContextStore<K extends keyof HostContext> = {\n\tsubscribe: (onStoreChange: () => void) => () => void;\n\tgetSnapshot: () => HostContext[K];\n};\n\n/\n Unified widget client interface that works on both OpenAI and MCP Apps.\n \n Platform-specific behavior:\n * - Display mode: OpenAI-only. MCP Apps returns \"inline\" and requestDisplayMode is a no-op.\n * - Follow-up messages: Unified API, different underlying implementations.\n /\nexport interface UnifiedWidgetClient {\n\t/\n\t Connect to the host. Must be called before using other methods.\n\t * On OpenAI, this is a no-op (already connected via window.openai).\n\t * On MCP Apps, this establishes the postMessage connection.\n\t /\n\tconnect(): Promise<void>;\n\n\t/\n\t Close the connection to the host and clean up resources.\n\t * On OpenAI, this is a no-op.\n\t * On MCP Apps, this closes the transport and removes event listeners.\n\t /\n\tclose(): Promise<void>;\n\n\t/\n\t Get the tool output (structured content returned by the tool handler).\n\t * This is the main data source for widget rendering.\n\t /\n\tgetToolOutput<T = Record<string, unknown>>(): T \| null;\n\n\t/\n\t Register a callback for when tool results are received.\n\t * On OpenAI, this subscribes to toolOutput changes.\n\t * On MCP Apps, this sets app.ontoolresult.\n\t /\n\tonToolResult(callback: (result: ToolResult) => void): () => void;\n\n\t/\n\t Call another tool on the server.\n\t /\n\tcallTool(\n\t\tname: string,\n\t\targs: Record<string, unknown>,\n\t): Promise<ToolCallResult>;\n\n\t/\n\t Open an external URL.\n\t * On OpenAI: openai.openExternal({ href })\n\t * On MCP Apps: app.sendOpenLink(url)\n\t /\n\topenExternal(url: string): void;\n\n\t/\n\t Send a follow-up message to the AI.\n\t * On OpenAI: openai.sendFollowUpMessage({ prompt })\n\t * On MCP Apps: app.sendMessages([{ role: 'user', content: { type: 'text', text: prompt } }])\n\t /\n\tsendFollowUp(prompt: string): void \| Promise<void>;\n\n\t/\n\t Update hidden model context for the next assistant turn.\n\t * On MCP Apps this uses the standard `ui/update-model-context` request.\n\t * On other hosts this may fall back to best-effort behavior.\n\t /\n\tupdateModelContext(context: ModelContextUpdate): Promise<void> \| void;\n\n\t/\n\t Get the current theme.\n\t /\n\tgetTheme(): Theme;\n\n\t/\n\t Subscribe to theme changes.\n\t /\n\tonThemeChange(callback: (theme: Theme) => void): () => void;\n\n\t/\n\t Get the current locale.\n\t /\n\tgetLocale(): string;\n\n\t/\n\t Get the current display mode.\n\t * OpenAI-only: returns \"pip\" \| \"inline\" \| \"fullscreen\"\n\t * MCP Apps: always returns \"inline\"\n\t /\n\tgetDisplayMode(): DisplayMode;\n\n\t/\n\t Request a display mode change.\n\t * OpenAI-only: requests the mode from the host.\n\t * MCP Apps: no-op (returns current mode).\n\t /\n\trequestDisplayMode(mode: DisplayMode): Promise<DisplayMode>;\n\n\t/\n\t Subscribe to display mode changes.\n\t * OpenAI-only: subscribes to displayMode changes.\n\t * MCP Apps: callback is never called.\n\t /\n\tonDisplayModeChange(callback: (mode: DisplayMode) => void): () => void;\n\n\t/\n\t Get the safe area insets.\n\t * OpenAI-only: returns insets from window.openai.safeArea.\n\t * MCP Apps: returns null.\n\t /\n\tgetSafeArea(): SafeArea \| null;\n\n\t/\n\t Subscribe to safe area changes.\n\t * OpenAI-only: subscribes to safeArea changes.\n\t * MCP Apps: callback is never called.\n\t /\n\tonSafeAreaChange(callback: (safeArea: SafeArea \| null) => void): () => void;\n\n\t/\n\t Get the max height constraint.\n\t * OpenAI-only: returns maxHeight from window.openai.maxHeight.\n\t * MCP Apps: returns null.\n\t /\n\tgetMaxHeight(): number \| null;\n\n\t/\n\t Subscribe to max height changes.\n\t * OpenAI-only: subscribes to maxHeight changes.\n\t * MCP Apps: callback is never called.\n\t /\n\tonMaxHeightChange(callback: (maxHeight: number \| null) => void): () => void;\n\n\t/\n\t Get the tool response metadata.\n\t * OpenAI: returns metadata from window.openai.toolResponseMetadata.\n\t * MCP Apps: returns `_meta` from the latest `ui/notifications/tool-result`, if provided by host.\n\t /\n\tgetToolResponseMetadata(): UnknownObject \| null;\n\n\t/\n\t Subscribe to tool response metadata changes.\n\t * OpenAI: subscribes to toolResponseMetadata changes.\n\t * MCP Apps: fires when tool result `_meta` changes.\n\t /\n\tonToolResponseMetadataChange(\n\t\tcallback: (metadata: UnknownObject \| null) => void,\n\t): () => void;\n\n\t/\n\t Get the widget state.\n\t * OpenAI-only: returns state from window.openai.widgetState.\n\t * MCP Apps: returns null.\n\t /\n\tgetWidgetState(): UnknownObject \| null;\n\n\t/\n\t Subscribe to widget state changes.\n\t * OpenAI-only: subscribes to widgetState changes.\n\t * MCP Apps: callback is never called.\n\t /\n\tonWidgetStateChange(\n\t\tcallback: (state: UnknownObject \| null) => void,\n\t): () => void;\n}\n\n/\n Creates a unified widget client for the current platform.\n /\nexport async function createWidgetClient(): Promise<UnifiedWidgetClient> {\n\tconst { detectPlatform } = await import(\"./platform\");\n\tconst platform = detectPlatform();\n\n\tif (platform === \"openai\") {\n\t\tconst { OpenAIWidgetClient } = await import(\"./openai-client\");\n\t\treturn new OpenAIWidgetClient();\n\t} else {\n\t\tconst { MCPAppsWidgetClient } = await import(\"./mcp-apps-client\");\n\t\treturn new MCPAppsWidgetClient();\n\t}\n}\n","\"use client\";\n\nimport type { DisplayMode } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get the current display mode.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns The current display mode (\"pip\" \| \"inline\" \| \"fullscreen\")\n /\nexport function useDisplayMode(): DisplayMode {\n\treturn useWidgetClient(\"displayMode\");\n}\n","\"use client\";\n\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get the tool output (structured content returned by the tool handler).\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns The tool output or null\n /\nexport function useToolOutput<T extends Record<string, unknown>>(): T \| null {\n\treturn useWidgetClient(\"toolOutput\") as T \| null;\n}\n","\"use client\";\n\nimport { useToolOutput } from \"./use-tool-output\";\n\n// ── Types ────────────────────────────────────────────────────\n\n/* Return type of the useFlowAction hook /\nexport type FlowActionResult<T> = {\n\t/* Current widget data from structuredContent. /\n\tdata: T \| null;\n};\n\n// ── Hook ─────────────────────────────────────────────────────\n\n/\n Hook for reading flow widget data from structuredContent.\n * Lightweight wrapper over `useToolOutput` — will be extended\n * with flow-specific features in the future.\n \n @example\n * ```tsx\n * const { data } = useFlowAction<{ plans: string[] }>();\n * if (!data) return null;\n * return <PricingTable plans={data.plans} />;\n * ```\n /\nexport function useFlowAction<\n\tT extends Record<string, unknown>,\n>(): FlowActionResult<T> {\n\tconst data = useToolOutput<T>();\n\treturn { data };\n}\n","\"use client\";\n\nimport { useSyncExternalStore } from \"react\";\n\n/\n Check if running in ChatGPT app (OpenAI-only).\n * Returns false on MCP Apps.\n \n @returns Whether the widget is running in ChatGPT app\n /\nexport function useIsChatGptApp(): boolean {\n\treturn useSyncExternalStore(\n\t\t() => () => {},\n\t\t() => {\n\t\t\tif (typeof window === \"undefined\") {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\t// biome-ignore lint/suspicious/noExplicitAny: __isChatGptApp is injected by ChatGPT\n\t\t\treturn (window as any).__isChatGptApp === true;\n\t\t},\n\t\t() => false,\n\t);\n}\n","\"use client\";\n\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get the current locale.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns The current locale string (e.g., \"en-US\")\n /\nexport function useLocale(): string {\n\treturn useWidgetClient(\"locale\");\n}\n","\"use client\";\n\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get the maximum height available for the widget (OpenAI-only).\n * Useful for responsive layouts that need to adapt to container constraints.\n * Returns null on MCP Apps.\n \n @returns The maximum height in pixels, or null if not available\n /\nexport function useMaxHeight(): number \| null {\n\treturn useWidgetClient(\"maxHeight\");\n}\n","\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get a function to open external URLs.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns A function that opens external URLs\n /\nexport function useOpenExternal(): (url: string) => void {\n\tconst client = useWidgetClient();\n\treturn useCallback((url: string) => client.openExternal(url), [client]);\n}\n","\"use client\";\n\nimport { useCallback } from \"react\";\nimport type { DisplayMode } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get a function to request display mode changes.\n * On MCP Apps, this may be a no-op depending on host support.\n \n @returns A function to request a specific display mode\n /\nexport function useRequestDisplayMode(): (\n\tmode: DisplayMode,\n) => Promise<DisplayMode> {\n\tconst client = useWidgetClient();\n\treturn useCallback(\n\t\t(mode: DisplayMode) => client.requestDisplayMode(mode),\n\t\t[client],\n\t);\n}\n","\"use client\";\n\nimport type { SafeArea } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get safe area insets (OpenAI-only).\n * Useful for ensuring UI elements don't get hidden behind the chat input.\n * Returns null on MCP Apps.\n \n @returns The safe area insets, or null if not available\n /\nexport function useSafeArea(): SafeArea \| null {\n\treturn useWidgetClient(\"safeArea\");\n}\n","\"use client\";\n\nimport { useCallback } from \"react\";\nimport {\n\thasModelContext,\n\ttype ModelContextUpdate,\n} from \"../../../shared/model-context\";\nimport { useWidgetClient } from \"./use-widget\";\n\nexport interface SendFollowUpOptions {\n\tmodelContext?: ModelContextUpdate \| null;\n}\n\n/\n Get a function to send follow-up messages to the AI.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns A function that sends a follow-up message\n /\nexport function useSendFollowUp(): (\n\tprompt: string,\n\toptions?: SendFollowUpOptions,\n) => void {\n\tconst client = useWidgetClient();\n\treturn useCallback(\n\t\t(prompt: string, options?: SendFollowUpOptions) => {\n\t\t\tvoid (async () => {\n\t\t\t\tif (hasModelContext(options?.modelContext)) {\n\t\t\t\t\tawait Promise.resolve(\n\t\t\t\t\t\tclient.updateModelContext(options.modelContext),\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tawait Promise.resolve(client.sendFollowUp(prompt));\n\t\t\t})().catch((error) => {\n\t\t\t\tconsole.error(\"Failed to send follow-up message:\", error);\n\t\t\t});\n\t\t},\n\t\t[client],\n\t);\n}\n","\"use client\";\n\nimport type { Theme } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get the current theme.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns The current theme (\"light\" \| \"dark\")\n /\nexport function useTheme(): Theme {\n\treturn useWidgetClient(\"theme\");\n}\n","\"use client\";\n\nimport type { UnknownObject } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get tool response metadata.\n * Contains host/tool metadata (for example identifiers like\n * `openai/widgetSessionId` and custom tool `_meta` fields).\n * Returns null when the host does not provide metadata.\n \n @returns The tool response metadata object or null if not available\n /\nexport function useToolResponseMetadata(): UnknownObject \| null {\n\treturn useWidgetClient(\"toolResponseMetadata\");\n}\n","\"use client\";\n\nimport { useCallback } from \"react\";\nimport type { ModelContextUpdate } from \"../../../shared/model-context\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get a function to update hidden model context for the next assistant turn.\n * Uses the MCP Apps `ui/update-model-context` request when available.\n /\nexport function useUpdateModelContext(): (\n\tcontext: ModelContextUpdate,\n) => Promise<void> {\n\tconst client = useWidgetClient();\n\n\treturn useCallback(\n\t\tasync (context: ModelContextUpdate) => {\n\t\t\tawait Promise.resolve(client.updateModelContext(context));\n\t\t},\n\t\t[client],\n\t);\n}\n","\"use client\";\n\nimport { useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { initAutoCapture } from \"./auto-capture\";\nimport { WidgetClientContext } from \"./use-widget\";\nimport type { WidgetEvent } from \"./widget-transport\";\nimport { WidgetTransport } from \"./widget-transport\";\n\n/\n WaniWani widget config injected into tool response `_meta.waniwani`\n * by `withWaniwani` on the server side.\n /\ninterface WaniwaniMeta {\n\ttoken?: string;\n\tendpoint?: string;\n\tsessionId?: string;\n\tsource?: string;\n}\n\ninterface WaniwaniConfig {\n\ttoken?: string;\n\tendpoint: string;\n\tsessionId?: string;\n\tsource?: string;\n}\n\n/\n Options for the useWaniwani hook.\n /\nexport interface UseWaniwaniOptions {\n\t/\n\t JWT widget token for authenticating directly with the WaniWani backend.\n\t * If omitted, the hook resolves from tool response metadata\n\t * (`toolResponseMetadata.waniwani` or `toolResponseMetadata._meta.waniwani`).\n\t /\n\ttoken?: string;\n\t/\n\t The V2 batch endpoint URL to POST tracking events to.\n\t * If omitted, the hook resolves from tool response metadata\n\t * (`toolResponseMetadata.waniwani` or `toolResponseMetadata._meta.waniwani`).\n\t /\n\tendpoint?: string;\n\t/\n\t Session ID to use for event correlation.\n\t * If omitted, the hook resolves from tool response metadata\n\t * (`toolResponseMetadata.waniwani.sessionId`), then falls back to a random UUID.\n\t /\n\tsessionId?: string;\n\t/\n\t Additional metadata to include with every tracked event.\n\t /\n\tmetadata?: Record<string, unknown>;\n}\n\n/\n The tracking API returned by `useWaniwani()`.\n /\nexport interface WaniwaniWidget {\n\t/* Tie all subsequent widget events to this user. /\n\tidentify(userId: string, traits?: Record<string, unknown>): void;\n\t/* Record a funnel step. Auto-incrementing sequence per session. /\n\tstep(name: string, meta?: Record<string, unknown>): void;\n\t/* Record a generic custom event. /\n\ttrack(event: string, properties?: Record<string, unknown>): void;\n\t/* Record a conversion event. /\n\tconversion(name: string, data?: Record<string, unknown>): void;\n}\n\n/* No-op widget that silently discards all calls. /\nconst NOOP_WIDGET: WaniwaniWidget = {\n\tidentify() {},\n\tstep() {},\n\ttrack() {},\n\tconversion() {},\n};\n\ninterface WidgetState {\n\twidget: WaniwaniWidget;\n\tcleanup: () => void;\n\tconfig: WaniwaniConfig \| null;\n}\n\n/* Module-level singleton — shared across all hook consumers. /\nlet state: WidgetState \| null = null;\nlet consumerCount = 0;\n\nfunction eventId(): string {\n\treturn crypto.randomUUID();\n}\n\nfunction normalizeString(value: unknown): string \| undefined {\n\tif (typeof value !== \"string\") {\n\t\treturn undefined;\n\t}\n\tconst trimmed = value.trim();\n\treturn trimmed.length > 0 ? trimmed : undefined;\n}\n\nfunction createNoopState(): WidgetState {\n\treturn { widget: NOOP_WIDGET, cleanup: () => {}, config: null };\n}\n\n/\n Try to extract WaniWani config from the WidgetProvider context.\n * Returns the config from `toolResponseMetadata.waniwani` (or nested `_meta`) if available.\n /\nfunction resolveConfigFromContext(\n\tclient: { getToolResponseMetadata(): Record<string, unknown> \| null } \| null,\n): WaniwaniConfig \| null {\n\tif (!client) {\n\t\treturn null;\n\t}\n\tconst meta = client.getToolResponseMetadata();\n\tif (!meta) {\n\t\treturn null;\n\t}\n\n\tconst nestedMeta = meta._meta as Record<string, unknown> \| undefined;\n\tconst waniwani = (meta.waniwani ?? nestedMeta?.waniwani) as\n\t\t\| WaniwaniMeta\n\t\t\| undefined;\n\tconst endpoint = normalizeString(waniwani?.endpoint);\n\tif (!endpoint) {\n\t\treturn null;\n\t}\n\n\treturn {\n\t\tendpoint,\n\t\ttoken: normalizeString(waniwani?.token),\n\t\tsessionId: normalizeString(waniwani?.sessionId),\n\t\tsource: normalizeString(waniwani?.source),\n\t};\n}\n\nfunction isSameConfig(\n\ta: WaniwaniConfig \| null \| undefined,\n\tb: WaniwaniConfig \| null \| undefined,\n): boolean {\n\treturn (\n\t\ta?.endpoint === b?.endpoint &&\n\t\ta?.token === b?.token &&\n\t\ta?.sessionId === b?.sessionId &&\n\t\ta?.source === b?.source\n\t);\n}\n\nfunction useContextConfig(\n\tclient: {\n\t\tgetToolResponseMetadata(): Record<string, unknown> \| null;\n\t\tonToolResponseMetadataChange(\n\t\t\tcallback: (metadata: Record<string, unknown> \| null) => void,\n\t\t): () => void;\n\t} \| null,\n): WaniwaniConfig \| null {\n\tconst [config, setConfig] = useState<WaniwaniConfig \| null>(() =>\n\t\tresolveConfigFromContext(client),\n\t);\n\n\tuseEffect(() => {\n\t\tif (!client) {\n\t\t\tsetConfig((prev) => (prev === null ? prev : null));\n\t\t\treturn;\n\t\t}\n\n\t\tconst sync = () => {\n\t\t\tconst next = resolveConfigFromContext(client);\n\t\t\tsetConfig((prev) => (isSameConfig(prev, next) ? prev : next));\n\t\t};\n\n\t\tsync();\n\t\treturn client.onToolResponseMetadataChange(() => {\n\t\t\tsync();\n\t\t});\n\t}, [client]);\n\n\treturn config;\n}\n\nfunction createState(\n\tconfig: WaniwaniConfig,\n\tmetadata?: Record<string, unknown>,\n): WidgetState {\n\tconst sessionId = config.sessionId ?? crypto.randomUUID();\n\tconst traceId = crypto.randomUUID();\n\n\tconst transport = new WidgetTransport({\n\t\tendpoint: config.endpoint,\n\t\ttoken: config.token,\n\t\tmetadata,\n\t});\n\tlet userId: string \| undefined;\n\tlet stepSequence = 0;\n\n\tconst enqueue = (events: WidgetEvent[]) => {\n\t\ttransport.send(events);\n\t};\n\n\tconst source = config.source ?? \"widget\";\n\n\tconst cleanupCapture = initAutoCapture(\n\t\t{ sessionId, traceId, metadata, source },\n\t\tenqueue,\n\t);\n\n\tfunction baseFields(\n\t\teventType: string,\n\t\textra?: Record<string, unknown>,\n\t): WidgetEvent {\n\t\treturn {\n\t\t\tevent_id: eventId(),\n\t\t\tevent_type: eventType,\n\t\t\ttimestamp: new Date().toISOString(),\n\t\t\tsource,\n\t\t\tsession_id: sessionId,\n\t\t\ttrace_id: traceId,\n\t\t\tuser_id: userId,\n\t\t\t...extra,\n\t\t};\n\t}\n\n\treturn {\n\t\twidget: {\n\t\t\tidentify(id: string, traits?: Record<string, unknown>) {\n\t\t\t\tuserId = id;\n\t\t\t\tenqueue([\n\t\t\t\t\tbaseFields(\"identify\", {\n\t\t\t\t\t\tuser_id: id,\n\t\t\t\t\t\tuser_traits: traits,\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t},\n\n\t\t\tstep(name: string, meta?: Record<string, unknown>) {\n\t\t\t\tstepSequence++;\n\t\t\t\tenqueue([\n\t\t\t\t\tbaseFields(\"step\", {\n\t\t\t\t\t\tevent_name: name,\n\t\t\t\t\t\tstep_sequence: stepSequence,\n\t\t\t\t\t\tmetadata: meta,\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t},\n\n\t\t\ttrack(event: string, properties?: Record<string, unknown>) {\n\t\t\t\tenqueue([\n\t\t\t\t\tbaseFields(\"track\", {\n\t\t\t\t\t\tevent_name: event,\n\t\t\t\t\t\tmetadata: properties,\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t},\n\n\t\t\tconversion(name: string, data?: Record<string, unknown>) {\n\t\t\t\tenqueue([\n\t\t\t\t\tbaseFields(\"conversion\", {\n\t\t\t\t\t\tevent_name: name,\n\t\t\t\t\t\tmetadata: data,\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t},\n\t\t},\n\t\tcleanup: () => {\n\t\t\tcleanupCapture();\n\t\t\ttransport.stop();\n\t\t},\n\t\tconfig,\n\t};\n}\n\n/\n React hook for WaniWani widget tracking.\n \n Auto-captures DOM events (clicks, link clicks, errors, scrolls, form\n * interactions) and provides manual tracking methods. Returns a singleton\n * instance shared across all consumers.\n \n Config resolution order:\n * 1. Explicit `endpoint` (+ optional `token` / `sessionId`) options\n * 2. `toolResponseMetadata.waniwani` from WidgetProvider context\n * 3. No-op if neither is available\n \n @example\n * ```tsx\n * function MyWidget() {\n * const wani = useWaniwani();\n * // Auto-captures clicks, links, errors, scrolls, forms\n * // Optionally call wani.track(\"custom_event\") for manual events\n * return <a href=\"https://example.com\">Visit</a>;\n * }\n * ```\n /\nexport function useWaniwani(options: UseWaniwaniOptions = {}): WaniwaniWidget {\n\t// Read WidgetProvider context if available (won't throw if outside provider)\n\tconst widgetClient = useContext(WidgetClientContext);\n\tconst contextConfig = useContextConfig(widgetClient);\n\tconst explicitEndpoint = normalizeString(options.endpoint);\n\tconst explicitToken = normalizeString(options.token);\n\tconst explicitSessionId = normalizeString(options.sessionId);\n\n\t// Stabilize config identity — only changes when the primitives change\n\tconst config = useMemo<WaniwaniConfig \| null>(() => {\n\t\tif (explicitEndpoint) {\n\t\t\treturn {\n\t\t\t\tendpoint: explicitEndpoint,\n\t\t\t\ttoken: explicitToken ?? contextConfig?.token,\n\t\t\t\tsessionId: explicitSessionId ?? contextConfig?.sessionId,\n\t\t\t\tsource: contextConfig?.source,\n\t\t\t};\n\t\t}\n\t\treturn contextConfig;\n\t}, [explicitEndpoint, explicitToken, explicitSessionId, contextConfig]);\n\n\tconst [widget, setWidget] = useState<WaniwaniWidget>(NOOP_WIDGET);\n\tconst metadataRef = useRef(options.metadata);\n\tmetadataRef.current = options.metadata;\n\n\t// Track consumer mount/unmount for singleton lifecycle\n\tuseEffect(() => {\n\t\tconsumerCount++;\n\t\treturn () => {\n\t\t\tconsumerCount = Math.max(consumerCount - 1, 0);\n\t\t\tif (consumerCount === 0) {\n\t\t\t\tstate?.cleanup();\n\t\t\t\tstate = null;\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t// Create/swap singleton state when config changes.\n\t// All side effects (timers, DOM listeners) happen here in useEffect,\n\t// making this safe in Strict Mode and concurrent rendering.\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!config) {\n\t\t\tif (state?.config) {\n\t\t\t\tstate.cleanup();\n\t\t\t\tstate = createNoopState();\n\t\t\t\tsetWidget(NOOP_WIDGET);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tif (!isSameConfig(state?.config, config)) {\n\t\t\tstate?.cleanup();\n\t\t\tstate = createState(config, metadataRef.current);\n\t\t\tsetWidget(state.widget);\n\t\t}\n\t}, [config]);\n\n\treturn widget;\n}\n\n/\n Reset the singleton (for testing only).\n * @internal\n /\nexport function _resetWidgetInstance(): void {\n\tstate?.cleanup();\n\tstate = null;\n}\n","\"use client\";\n\nimport type { WidgetEvent } from \"./widget-transport\";\n\ntype Enqueue = (events: WidgetEvent[]) => void;\n\ninterface AutoCaptureConfig {\n\tsessionId?: string;\n\ttraceId?: string;\n\tmetadata?: Record<string, unknown>;\n\tsource?: string;\n}\n\nfunction eventId(): string {\n\treturn crypto.randomUUID();\n}\n\nfunction baseFields(\n\tconfig: AutoCaptureConfig,\n\teventType: string,\n\textra?: Record<string, unknown>,\n): WidgetEvent {\n\treturn {\n\t\tevent_id: eventId(),\n\t\tevent_type: eventType,\n\t\ttimestamp: new Date().toISOString(),\n\t\tsource: config.source ?? \"widget\",\n\t\tsession_id: config.sessionId,\n\t\ttrace_id: config.traceId,\n\t\t...extra,\n\t};\n}\n\n/\n Parse a data attribute value into a name and key-value properties.\n * Format: \"name key:value key:value ...\"\n * Values that look numeric are coerced to numbers.\n /\nfunction parseAttr(raw: string): {\n\tname: string;\n\tprops: Record<string, string \| number>;\n} {\n\tconst tokens = raw.trim().split(/\\s+/);\n\tconst name = tokens[0] \|\| \"\";\n\tconst props: Record<string, string \| number> = {};\n\tfor (let i = 1; i < tokens.length; i++) {\n\t\tconst idx = tokens[i].indexOf(\":\");\n\t\tif (idx === -1) {\n\t\t\tcontinue;\n\t\t}\n\t\tconst key = tokens[i].slice(0, idx);\n\t\tconst val = tokens[i].slice(idx + 1);\n\t\tconst num = Number(val);\n\t\tprops[key] = Number.isFinite(num) && val !== \"\" ? num : val;\n\t}\n\treturn { name, props };\n}\n\nfunction isFormField(el: HTMLElement): boolean {\n\tconst tag = el.tagName.toLowerCase();\n\treturn tag === \"input\" \|\| tag === \"textarea\" \|\| tag === \"select\";\n}\n\n/\n Initialize all auto-capture DOM listeners. Returns a cleanup function.\n /\nexport function initAutoCapture(\n\tconfig: AutoCaptureConfig,\n\tenqueue: Enqueue,\n): () => void {\n\tconst cleanups: Array<() => void> = [];\n\n\t// ── widget_render ──────────────────────────────────────────────────\n\tconst nav = typeof navigator !== \"undefined\" ? navigator : undefined;\n\tconst conn =\n\t\tnav && \"connection\" in nav\n\t\t\t? (\n\t\t\t\t\tnav as unknown as {\n\t\t\t\t\t\tconnection?: { effectiveType?: string };\n\t\t\t\t\t}\n\t\t\t\t).connection\n\t\t\t: undefined;\n\n\tenqueue([\n\t\tbaseFields(config, \"widget_render\", {\n\t\t\tmetadata: {\n\t\t\t\tviewport_width: window.innerWidth,\n\t\t\t\tviewport_height: window.innerHeight,\n\t\t\t\tdevice_pixel_ratio: window.devicePixelRatio ?? 1,\n\t\t\t\ttouch_support: \"ontouchstart\" in window ? 1 : 0,\n\t\t\t\tconnection_type: conn?.effectiveType ?? \"unknown\",\n\t\t\t\ttimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n\t\t\t},\n\t\t}),\n\t]);\n\n\t// ── widget_error ───────────────────────────────────────────────────\n\tconst onError = (ev: ErrorEvent) => {\n\t\tenqueue([\n\t\t\tbaseFields(config, \"widget_error\", {\n\t\t\t\tmetadata: {\n\t\t\t\t\terror_message: ev.message,\n\t\t\t\t\terror_stack: (ev.error?.stack ?? \"\").slice(0, 1024),\n\t\t\t\t\terror_source: ev.filename ?? \"unknown\",\n\t\t\t\t},\n\t\t\t}),\n\t\t]);\n\t};\n\twindow.addEventListener(\"error\", onError);\n\tcleanups.push(() => window.removeEventListener(\"error\", onError));\n\n\tconst onUnhandled = (ev: PromiseRejectionEvent) => {\n\t\tconst reason = ev.reason;\n\t\tconst message = reason instanceof Error ? reason.message : String(reason);\n\t\tconst stack =\n\t\t\treason instanceof Error ? (reason.stack ?? \"\").slice(0, 1024) : \"\";\n\t\tenqueue([\n\t\t\tbaseFields(config, \"widget_error\", {\n\t\t\t\tmetadata: {\n\t\t\t\t\terror_message: message,\n\t\t\t\t\terror_stack: stack,\n\t\t\t\t\terror_source: \"unhandledrejection\",\n\t\t\t\t},\n\t\t\t}),\n\t\t]);\n\t};\n\twindow.addEventListener(\"unhandledrejection\", onUnhandled);\n\tcleanups.push(() =>\n\t\twindow.removeEventListener(\"unhandledrejection\", onUnhandled),\n\t);\n\n\t// ── widget_click ───────────────────────────────────────────────────\n\tconst onClick = (ev: MouseEvent) => {\n\t\tconst target = ev.target as HTMLElement \| null;\n\t\tenqueue([\n\t\t\tbaseFields(config, \"widget_click\", {\n\t\t\t\tmetadata: {\n\t\t\t\t\ttarget_tag: target?.tagName?.toLowerCase() ?? \"unknown\",\n\t\t\t\t\ttarget_id: target?.id \|\| undefined,\n\t\t\t\t\ttarget_class: target?.className \|\| undefined,\n\t\t\t\t\tclick_x: ev.clientX,\n\t\t\t\t\tclick_y: ev.clientY,\n\t\t\t\t},\n\t\t\t}),\n\t\t]);\n\t};\n\tdocument.addEventListener(\"click\", onClick, { capture: true });\n\tcleanups.push(() =>\n\t\tdocument.removeEventListener(\"click\", onClick, { capture: true }),\n\t);\n\n\t// ── data-ww-conversion ────────────────────────────────────────────\n\t// Format: \"name key:value key:value ...\"\n\tconst onConversionClick = (ev: MouseEvent) => {\n\t\tconst target = ev.target as HTMLElement \| null;\n\t\tconst el = target?.closest?.(\"[data-ww-conversion]\") as HTMLElement \| null;\n\t\tif (!el) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { name, props } = parseAttr(\n\t\t\tel.getAttribute(\"data-ww-conversion\") \|\| \"\",\n\t\t);\n\t\tif (!name) {\n\t\t\treturn;\n\t\t}\n\n\t\tenqueue([\n\t\t\tbaseFields(config, \"conversion\", {\n\t\t\t\tevent_name: name,\n\t\t\t\tmetadata: Object.keys(props).length > 0 ? props : undefined,\n\t\t\t}),\n\t\t]);\n\t};\n\tdocument.addEventListener(\"click\", onConversionClick, { capture: true });\n\tcleanups.push(() =>\n\t\tdocument.removeEventListener(\"click\", onConversionClick, {\n\t\t\tcapture: true,\n\t\t}),\n\t);\n\n\t// ── data-ww-step ─────────────────────────────────────────────────\n\t// Format: \"name key:value key:value ...\"\n\tlet stepSequence = 0;\n\tconst onStepClick = (ev: MouseEvent) => {\n\t\tconst target = ev.target as HTMLElement \| null;\n\t\tconst el = target?.closest?.(\"[data-ww-step]\") as HTMLElement \| null;\n\t\tif (!el) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { name, props } = parseAttr(el.getAttribute(\"data-ww-step\") \|\| \"\");\n\t\tif (!name) {\n\t\t\treturn;\n\t\t}\n\n\t\tstepSequence++;\n\t\tenqueue([\n\t\t\tbaseFields(config, \"step\", {\n\t\t\t\tevent_name: name,\n\t\t\t\tstep_sequence: stepSequence,\n\t\t\t\tmetadata: Object.keys(props).length > 0 ? props : undefined,\n\t\t\t}),\n\t\t]);\n\t};\n\tdocument.addEventListener(\"click\", onStepClick, { capture: true });\n\tcleanups.push(() =>\n\t\tdocument.removeEventListener(\"click\", onStepClick, { capture: true }),\n\t);\n\n\t// ── widget_link_click ──────────────────────────────────────────────\n\tconst onLinkClick = (ev: MouseEvent) => {\n\t\tconst anchor = (ev.target as HTMLElement)?.closest?.(\"a\");\n\t\tif (!anchor) {\n\t\t\treturn;\n\t\t}\n\t\tconst href = anchor.getAttribute(\"href\") ?? \"\";\n\t\tconst isExternal =\n\t\t\thref.startsWith(\"http\") && !href.startsWith(window.location.origin);\n\t\tenqueue([\n\t\t\tbaseFields(config, \"widget_link_click\", {\n\t\t\t\tmetadata: {\n\t\t\t\t\thref,\n\t\t\t\t\tlink_text: (anchor.textContent ?? \"\").slice(0, 200),\n\t\t\t\t\tis_external: isExternal,\n\t\t\t\t},\n\t\t\t}),\n\t\t]);\n\t};\n\tdocument.addEventListener(\"click\", onLinkClick, { capture: true });\n\tcleanups.push(() =>\n\t\tdocument.removeEventListener(\"click\", onLinkClick, {\n\t\t\tcapture: true,\n\t\t}),\n\t);\n\n\t// ── widget_scroll ──────────────────────────────────────────────────\n\tlet scrollTimer: ReturnType<typeof setTimeout> \| null = null;\n\tlet lastScrollY = window.scrollY \|\| 0;\n\tconst onScroll = () => {\n\t\tif (scrollTimer) {\n\t\t\treturn;\n\t\t}\n\t\tscrollTimer = setTimeout(() => {\n\t\t\tscrollTimer = null;\n\t\t\tconst scrollTop = window.scrollY \|\| document.documentElement.scrollTop;\n\t\t\tconst docHeight =\n\t\t\t\tdocument.documentElement.scrollHeight -\n\t\t\t\tdocument.documentElement.clientHeight;\n\t\t\tconst depthPct =\n\t\t\t\tdocHeight > 0 ? Math.round((scrollTop / docHeight) 100) : 0;\n\t\t\tconst direction = scrollTop >= lastScrollY ? \"down\" : \"up\";\n\t\t\tlastScrollY = scrollTop;\n\t\t\tenqueue([\n\t\t\t\tbaseFields(config, \"widget_scroll\", {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\tscroll_depth_pct: depthPct,\n\t\t\t\t\t\tscroll_direction: direction,\n\t\t\t\t\t\tviewport_height: window.innerHeight,\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t]);\n\t\t}, 250);\n\t};\n\twindow.addEventListener(\"scroll\", onScroll, { passive: true });\n\tcleanups.push(() => {\n\t\twindow.removeEventListener(\"scroll\", onScroll);\n\t\tif (scrollTimer) {\n\t\t\tclearTimeout(scrollTimer);\n\t\t}\n\t});\n\n\t// ── widget_form_field ──────────────────────────────────────────────\n\tconst fieldTimers = new WeakMap<EventTarget, number>();\n\n\tconst onFocusIn = (ev: FocusEvent) => {\n\t\tconst target = ev.target as HTMLElement \| null;\n\t\tif (!target \|\| !isFormField(target)) {\n\t\t\treturn;\n\t\t}\n\t\tfieldTimers.set(target, Date.now());\n\t};\n\tconst onFocusOut = (ev: FocusEvent) => {\n\t\tconst target = ev.target as HTMLElement \| null;\n\t\tif (!target \|\| !isFormField(target)) {\n\t\t\treturn;\n\t\t}\n\t\tconst start = fieldTimers.get(target);\n\t\tconst timeInField = start ? Date.now() - start : 0;\n\t\tconst input = target as HTMLInputElement;\n\t\tenqueue([\n\t\t\tbaseFields(config, \"widget_form_field\", {\n\t\t\t\tmetadata: {\n\t\t\t\t\tfield_name: input.name \|\| input.id \|\| undefined,\n\t\t\t\t\tfield_type: input.type \|\| target.tagName.toLowerCase(),\n\t\t\t\t\ttime_in_field_ms: timeInField,\n\t\t\t\t\tfilled: !!input.value,\n\t\t\t\t},\n\t\t\t}),\n\t\t]);\n\t};\n\tdocument.addEventListener(\"focusin\", onFocusIn, { capture: true });\n\tdocument.addEventListener(\"focusout\", onFocusOut, { capture: true });\n\tcleanups.push(() => {\n\t\tdocument.removeEventListener(\"focusin\", onFocusIn, { capture: true });\n\t\tdocument.removeEventListener(\"focusout\", onFocusOut, { capture: true });\n\t});\n\n\t// ── widget_form_submit ─────────────────────────────────────────────\n\tconst formStartTimes = new WeakMap<HTMLFormElement, number>();\n\tconst trackFormStart = (ev: FocusEvent) => {\n\t\tconst target = ev.target as HTMLElement \| null;\n\t\tconst form = target?.closest?.(\"form\");\n\t\tif (form && !formStartTimes.has(form)) {\n\t\t\tformStartTimes.set(form, Date.now());\n\t\t}\n\t};\n\tdocument.addEventListener(\"focusin\", trackFormStart, { capture: true });\n\tcleanups.push(() =>\n\t\tdocument.removeEventListener(\"focusin\", trackFormStart, {\n\t\t\tcapture: true,\n\t\t}),\n\t);\n\n\tconst onSubmit = (ev: SubmitEvent) => {\n\t\tconst form = ev.target as HTMLFormElement \| null;\n\t\tconst startTime = form ? formStartTimes.get(form) : undefined;\n\n\t\tlet validationErrors = 0;\n\t\tif (form) {\n\t\t\tconst fields = form.querySelectorAll(\"input, textarea, select\");\n\t\t\tfor (const field of fields) {\n\t\t\t\tconst el = field as HTMLInputElement;\n\t\t\t\tif (el.validity && !el.validity.valid) {\n\t\t\t\t\tvalidationErrors++;\n\t\t\t\t} else if (el.getAttribute(\"aria-invalid\") === \"true\") {\n\t\t\t\t\tvalidationErrors++;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tenqueue([\n\t\t\tbaseFields(config, \"widget_form_submit\", {\n\t\t\t\tmetadata: {\n\t\t\t\t\tform_id: form?.id \|\| undefined,\n\t\t\t\t\ttime_to_submit_ms: startTime ? Date.now() - startTime : undefined,\n\t\t\t\t\tvalidation_errors: validationErrors,\n\t\t\t\t},\n\t\t\t}),\n\t\t]);\n\t};\n\tdocument.addEventListener(\"submit\", onSubmit, { capture: true });\n\tcleanups.push(() =>\n\t\tdocument.removeEventListener(\"submit\", onSubmit, { capture: true }),\n\t);\n\n\treturn () => {\n\t\tfor (const cleanup of cleanups) {\n\t\t\tcleanup();\n\t\t}\n\t};\n}\n","\"use client\";\n\n/*\n Lightweight client-side transport for widget event tracking.\n \n Sends events directly to the WaniWani backend V2 batch endpoint\n * using a short-lived JWT for authentication.\n * Falls back to `navigator.sendBeacon()` on page teardown.\n /\n\nexport interface WidgetEvent {\n\tevent_id: string;\n\tevent_type: string;\n\ttimestamp: string;\n\tsource: string;\n\tsession_id?: string;\n\ttrace_id?: string;\n\tuser_id?: string;\n\tmetadata?: Record<string, unknown>;\n\t[key: string]: unknown;\n}\n\nexport interface WidgetTransportConfig {\n\t/* The V2 batch endpoint URL (e.g. https://app.waniwani.ai/api/mcp/events/v2/batch) /\n\tendpoint: string;\n\t/* JWT widget token for authentication /\n\ttoken?: string;\n\t/* Additional metadata to include with events /\n\tmetadata?: Record<string, unknown>;\n}\n\nconst FLUSH_INTERVAL_MS = 5_000;\nconst MAX_BATCH_SIZE = 20;\nconst MAX_BUFFER_SIZE = 200;\nconst MAX_RETRIES = 3;\nconst BASE_RETRY_DELAY_MS = 1_000;\nconst BEACON_MAX_BYTES = 60_000;\nconst SDK_NAME = \"@waniwani/sdk\";\n\n/\n Map a WidgetEvent to V2EventEnvelope shape for the backend.\n /\nfunction toV2Envelope(ev: WidgetEvent): Record<string, unknown> {\n\tconst isAutoCapture = ev.event_type.startsWith(\"widget_\");\n\tconst eventName = isAutoCapture ? ev.event_type : `widget_${ev.event_type}`;\n\n\tconst correlation: Record<string, string> = {};\n\tif (ev.session_id) {\n\t\tcorrelation.sessionId = ev.session_id;\n\t}\n\tif (ev.trace_id) {\n\t\tcorrelation.traceId = ev.trace_id;\n\t}\n\tif (ev.user_id) {\n\t\tcorrelation.externalUserId = ev.user_id;\n\t}\n\n\t// Build properties from metadata + any extra fields\n\tconst properties: Record<string, unknown> = {\n\t\t...(ev.metadata ?? {}),\n\t};\n\tif (ev.event_name) {\n\t\tproperties.event_name = ev.event_name as string;\n\t}\n\n\treturn {\n\t\tid: ev.event_id,\n\t\ttype: \"mcp.event\",\n\t\tname: eventName,\n\t\tsource: ev.source \|\| \"widget\",\n\t\ttimestamp: ev.timestamp,\n\t\tcorrelation,\n\t\tproperties,\n\t\tmetadata: {},\n\t};\n}\n\nfunction buildV2Batch(events: WidgetEvent[]): string {\n\treturn JSON.stringify({\n\t\tsentAt: new Date().toISOString(),\n\t\tsource: { sdk: SDK_NAME, version: \"0.1.0\" },\n\t\tevents: events.map(toV2Envelope),\n\t});\n}\n\nexport class WidgetTransport {\n\tprivate buffer: WidgetEvent[] = [];\n\tprivate timer: ReturnType<typeof setInterval> \| null = null;\n\tprivate flushing = false;\n\tprivate pendingFlush = false;\n\tprivate stopped = false;\n\tprivate readonly config: WidgetTransportConfig;\n\tprivate teardownVisibility: (() => void) \| null = null;\n\tprivate teardownPagehide: (() => void) \| null = null;\n\n\tconstructor(config: WidgetTransportConfig) {\n\t\tthis.config = config;\n\t\tthis.start();\n\t\tthis.registerTeardown();\n\t}\n\n\tsend(events: WidgetEvent[]): void {\n\t\tif (this.stopped) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.buffer.push(...events);\n\n\t\tif (this.buffer.length > MAX_BUFFER_SIZE) {\n\t\t\tconst dropped = this.buffer.length - MAX_BUFFER_SIZE;\n\t\t\tthis.buffer.splice(0, dropped);\n\t\t}\n\n\t\tif (this.buffer.length >= MAX_BATCH_SIZE) {\n\t\t\tthis.flush().catch(() => {});\n\t\t}\n\t}\n\n\tasync flush(): Promise<void> {\n\t\tif (this.stopped \|\| this.buffer.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.flushing) {\n\t\t\tthis.pendingFlush = true;\n\t\t\treturn;\n\t\t}\n\n\t\tthis.flushing = true;\n\t\ttry {\n\t\t\tconst batch = this.buffer.splice(0, MAX_BATCH_SIZE);\n\t\t\tawait this.sendBatch(batch);\n\t\t} finally {\n\t\t\tthis.flushing = false;\n\t\t\tif (this.pendingFlush && this.buffer.length > 0 && !this.stopped) {\n\t\t\t\tthis.pendingFlush = false;\n\t\t\t\tthis.flush().catch(() => {});\n\t\t\t}\n\t\t}\n\t}\n\n\tstop(): void {\n\t\tthis.stopped = true;\n\t\tif (this.timer) {\n\t\t\tclearInterval(this.timer);\n\t\t\tthis.timer = null;\n\t\t}\n\t\tif (typeof document !== \"undefined\" && this.teardownVisibility) {\n\t\t\tdocument.removeEventListener(\"visibilitychange\", this.teardownVisibility);\n\t\t\tthis.teardownVisibility = null;\n\t\t}\n\t\tif (typeof window !== \"undefined\" && this.teardownPagehide) {\n\t\t\twindow.removeEventListener(\"pagehide\", this.teardownPagehide);\n\t\t\tthis.teardownPagehide = null;\n\t\t}\n\t}\n\n\tbeaconFlush(): void {\n\t\tif (this.buffer.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst events = [...this.buffer];\n\t\tthis.buffer.length = 0;\n\n\t\tconst headers: Record<string, string> = {\n\t\t\t\"Content-Type\": \"application/json\",\n\t\t};\n\t\tif (this.config.token) {\n\t\t\theaders.Authorization = `Bearer ${this.config.token}`;\n\t\t}\n\n\t\t// Use fetch with keepalive instead of sendBeacon so we can set auth headers\n\t\tif (typeof fetch !== \"undefined\") {\n\t\t\tthis.sendKeepAliveChunked(this.config.endpoint, events, headers);\n\t\t\treturn;\n\t\t}\n\n\t\t// Final fallback: sendBeacon without auth (best-effort)\n\t\tif (\n\t\t\ttypeof navigator !== \"undefined\" &&\n\t\t\ttypeof navigator.sendBeacon === \"function\"\n\t\t) {\n\t\t\tthis.sendBeaconChunked(this.config.endpoint, events);\n\t\t}\n\t}\n\n\tprivate sendKeepAliveChunked(\n\t\turl: string,\n\t\tevents: WidgetEvent[],\n\t\theaders: Record<string, string>,\n\t): void {\n\t\tconst body = buildV2Batch(events);\n\n\t\tif (body.length <= BEACON_MAX_BYTES) {\n\t\t\tfetch(url, {\n\t\t\t\tmethod: \"POST\",\n\t\t\t\theaders,\n\t\t\t\tbody,\n\t\t\t\tkeepalive: true,\n\t\t\t}).catch(() => {});\n\t\t\treturn;\n\t\t}\n\n\t\tif (events.length <= 1) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst mid = Math.ceil(events.length / 2);\n\t\tthis.sendKeepAliveChunked(url, events.slice(0, mid), headers);\n\t\tthis.sendKeepAliveChunked(url, events.slice(mid), headers);\n\t}\n\n\tprivate sendBeaconChunked(url: string, events: WidgetEvent[]): void {\n\t\tconst body = buildV2Batch(events);\n\n\t\tif (body.length <= BEACON_MAX_BYTES) {\n\t\t\tnavigator.sendBeacon(url, new Blob([body], { type: \"application/json\" }));\n\t\t\treturn;\n\t\t}\n\n\t\tif (events.length <= 1) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst mid = Math.ceil(events.length / 2);\n\t\tthis.sendBeaconChunked(url, events.slice(0, mid));\n\t\tthis.sendBeaconChunked(url, events.slice(mid));\n\t}\n\n\tprivate start(): void {\n\t\tif (this.timer) {\n\t\t\treturn;\n\t\t}\n\t\tthis.timer = setInterval(() => {\n\t\t\tthis.flush().catch(() => {});\n\t\t}, FLUSH_INTERVAL_MS);\n\t}\n\n\tprivate registerTeardown(): void {\n\t\tif (typeof document === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.teardownVisibility = () => {\n\t\t\tif (document.visibilityState === \"hidden\") {\n\t\t\t\tthis.beaconFlush();\n\t\t\t}\n\t\t};\n\t\tthis.teardownPagehide = () => {\n\t\t\tthis.beaconFlush();\n\t\t};\n\n\t\tdocument.addEventListener(\"visibilitychange\", this.teardownVisibility);\n\t\twindow.addEventListener(\"pagehide\", this.teardownPagehide);\n\t}\n\n\tprivate async sendBatch(batch: WidgetEvent[]): Promise<void> {\n\t\tconst body = buildV2Batch(batch);\n\t\tconst headers: Record<string, string> = {\n\t\t\t\"Content-Type\": \"application/json\",\n\t\t};\n\t\tif (this.config.token) {\n\t\t\theaders.Authorization = `Bearer ${this.config.token}`;\n\t\t}\n\n\t\tfor (let attempt = 0; attempt <= MAX_RETRIES; attempt++) {\n\t\t\ttry {\n\t\t\t\tconst response = await fetch(this.config.endpoint, {\n\t\t\t\t\tmethod: \"POST\",\n\t\t\t\t\theaders,\n\t\t\t\t\tbody,\n\t\t\t\t});\n\n\t\t\t\tif (response.status === 200 \|\| response.status === 207) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (response.status === 401) {\n\t\t\t\t\tthis.stopped = true;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (response.status >= 500 && attempt < MAX_RETRIES) {\n\t\t\t\t\tawait this.delay(BASE_RETRY_DELAY_MS 2 ** attempt);\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (response.status === 429 && attempt < MAX_RETRIES) {\n\t\t\t\t\tconst retryAfter = response.headers.get(\"Retry-After\");\n\t\t\t\t\tconst parsed = retryAfter ? Number(retryAfter) : NaN;\n\t\t\t\t\tconst delayMs = Number.isFinite(parsed)\n\t\t\t\t\t\t? parsed * 1000\n\t\t\t\t\t\t: BASE_RETRY_DELAY_MS * 2 ** attempt;\n\t\t\t\t\tawait this.delay(delayMs);\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t} catch {\n\t\t\t\tif (attempt < MAX_RETRIES) {\n\t\t\t\t\tawait this.delay(BASE_RETRY_DELAY_MS * 2 attempt);\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate delay(ms: number): Promise<void> {\n\t\treturn new Promise((resolve) => setTimeout(resolve, ms));\n\t}\n}\n","\"use client\";\n\nimport { type SetStateAction, useCallback, useEffect, useState } from \"react\";\nimport { detectPlatform } from \"../widgets/platform\";\nimport type { UnknownObject } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n * Widget state that persists across widget lifecycles (OpenAI-only).\n * State is synchronized with the ChatGPT parent window and survives widget minimize/restore.\n * On MCP Apps, returns [null, no-op].\n \n @param defaultState - Initial state value or function to compute it\n * @returns A tuple of [state, setState] similar to useState\n /\nexport function useWidgetState<T extends UnknownObject>(\n\tdefaultState?: T \| (() => T \| null) \| null,\n): readonly [T \| null, (state: SetStateAction<T \| null>) => void] {\n\tconst widgetStateFromWindow = useWidgetClient(\"widgetState\") as T \| null;\n\n\tconst [widgetState, _setWidgetState] = useState<T \| null>(() => {\n\t\tif (widgetStateFromWindow != null) {\n\t\t\treturn widgetStateFromWindow;\n\t\t}\n\t\treturn typeof defaultState === \"function\"\n\t\t\t? defaultState()\n\t\t\t: (defaultState ?? null);\n\t});\n\n\tuseEffect(() => {\n\t\t_setWidgetState(widgetStateFromWindow);\n\t}, [widgetStateFromWindow]);\n\n\tconst setWidgetState = useCallback((state: SetStateAction<T \| null>) => {\n\t\t_setWidgetState((prevState) => {\n\t\t\tconst newState = typeof state === \"function\" ? state(prevState) : state;\n\n\t\t\tif (detectPlatform() === \"openai\" && newState != null) {\n\t\t\t\twindow.openai?.setWidgetState(newState);\n\t\t\t}\n\n\t\t\treturn newState;\n\t\t});\n\t}, []);\n\n\treturn [widgetState, setWidgetState] as const;\n}\n","export const LoadingWidget = () => {\n\treturn (\n\t\t<div className=\"flex flex-col items-center justify-center h-full min-h-[120px] gap-4\">\n\t\t\t{/ Animated dots /}\n\t\t\t<div className=\"flex gap-2\">\n\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-gradient-to-r from-blue-400 to-cyan-400 animate-bounce [animation-delay:-0.3s]\" />\n\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-gradient-to-r from-cyan-400 to-teal-400 animate-bounce [animation-delay:-0.15s]\" />\n\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-gradient-to-r from-teal-400 to-emerald-400 animate-bounce\" />\n\t\t\t</div>\n\n\t\t\t{/ Shimmer text /}\n\t\t\t<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]\">\n\t\t\t\tLoading widget...\n\t\t\t</p>\n\n\t\t\t{/ Pulsing ring */}\n\t\t\t<div className=\"absolute inset-0 flex items-center justify-center pointer-events-none\">\n\t\t\t\t<div className=\"w-16 h-16 rounded-full border-2 border-blue-400/20 animate-ping\" />\n\t\t\t</div>\n\n\t\t\t<style>{`\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n `}</style>\n\t\t</div>\n\t);\n};\n"],"mappings":";2FAuCE,mBAAAA,GACC,OAAAC,EADD,QAAAC,OAAA,oBAhBK,SAASC,GAAyB,CACxC,QAAAC,EACA,mBAAAC,CACD,EAWG,CACF,OACCH,GAAAF,GAAA,CACC,UAAAC,EAAC,QAAK,KAAMG,EAAS,EACrBH,EAAC,UAAQ,kCAAyB,KAAK,UAAUG,CAAO,CAAC,GAAG,EAC5DH,EAAC,UAAQ,4CAAmC,KAAK,UAAUI,GAAsB,CAAC,CAAC,CAAC,GAAG,EACvFJ,EAAC,UAAQ,yEAAgE,EACzEA,EAAC,UACC,cACC,IAAM,CACN,IAAMG,EAAU,OAAO,aACjBC,EACJ,OACC,wBAA0B,CAAC,EACxBC,EAAc,SAAS,gBACZ,IAAI,iBAAkBC,GAAc,CACpDA,EAAU,QAASC,GAAa,CAC/B,GACCA,EAAS,OAAS,cAClBA,EAAS,SAAWF,EACnB,CACD,IAAMG,EAAWD,EAAS,cAGzBC,GACAA,IAAa,4BACbA,IAAa,QACbA,IAAa,SACbA,IAAa,SAEbH,EAAY,gBAAgBG,CAAQ,CAEtC,CACD,CAAC,CACF,CAAC,EACQ,QAAQH,EAAa,CAC7B,WAAY,GACZ,kBAAmB,EACpB,CAAC,EAED,IAAMI,EAAuB,QAAQ,aAAa,KAAK,OAAO,EAC9D,QAAQ,aAAe,CACtBC,EACAC,EACAC,IACI,CACJ,GAAI,CACH,IAAMC,EAAI,IAAI,IAAI,OAAOD,GAAO,EAAE,EAAG,OAAO,SAAS,IAAI,EACzDH,EACC,KACAE,EACAE,EAAE,SAAWA,EAAE,OAASA,EAAE,IAC3B,CACD,MAAQ,CAER,CACD,EAEA,IAAMC,EAAoB,QAAQ,UAAU,KAAK,OAAO,EACxD,QAAQ,UAAY,CACnBJ,EACAC,EACAC,IACI,CACJ,GAAI,CACH,IAAMC,EAAI,IAAI,IAAI,OAAOD,GAAO,EAAE,EAAG,OAAO,SAAS,IAAI,EACzDE,EAAkB,KAAMH,EAAQE,EAAE,SAAWA,EAAE,OAASA,EAAE,IAAI,CAC/D,MAAQ,CAER,CACD,EAEA,IAAME,EAAY,IAAI,IAAIZ,CAAO,EAAE,OAC7Ba,EAAa,OAAO,OAAS,OAAO,IA6B1C,GA3BA,OAAO,iBACN,QACCC,GAAM,CACN,IAAMC,EAAKD,GAAG,QAAwB,QAAQ,GAAG,EACjD,GAAI,CAACC,GAAK,CAACA,EAAE,KACZ,OAED,IAAMN,EAAM,IAAI,IAAIM,EAAE,KAAM,OAAO,SAAS,IAAI,EAChD,GACCN,EAAI,SAAW,OAAO,SAAS,QAC/BA,EAAI,SAAWG,EAEf,GAAI,CACC,OAAO,SACV,OAAO,QAAQ,aAAa,CAAE,KAAMG,EAAE,IAAK,CAAC,EAC5CD,EAAE,eAAe,EAEnB,MAAQ,CACP,QAAQ,KACP,kDACD,CACD,CAEF,EACA,EACD,EAEID,GAAc,OAAO,SAAS,SAAWD,EAAW,CACvD,IAAMI,EAAgB,OAAO,MAE5B,OAA0C,OAAS,CACnDC,EACAC,IACuB,CACvB,IAAIT,EAOJ,GANI,OAAOQ,GAAU,UAAYA,aAAiB,IACjDR,EAAM,IAAI,IAAIQ,EAAO,OAAO,SAAS,IAAI,EAEzCR,EAAM,IAAI,IAAIQ,EAAM,IAAK,OAAO,SAAS,IAAI,EAG1CR,EAAI,SAAWG,EAClB,OAAI,OAAOK,GAAU,UAAYA,aAAiB,IACjDA,EAAQR,EAAI,SAAS,EAErBQ,EAAQ,IAAI,QAAQR,EAAI,SAAS,EAAGQ,CAAK,EAGnCD,EAAc,KAAK,OAAQC,EAAO,CACxC,GAAGC,EACH,KAAM,MACP,CAAC,EAOF,GAAIjB,EAAmB,QAAQQ,EAAI,MAAM,IAAM,GAC9C,OAAOO,EAAc,KAAK,OAAQC,EAAOC,CAAI,EAG9C,GAAIT,EAAI,SAAW,OAAO,SAAS,OAAQ,CAC1C,IAAMU,EAAS,IAAI,IAAInB,CAAO,EAC9B,OAAAmB,EAAO,SAAWV,EAAI,SACtBU,EAAO,OAASV,EAAI,OACpBU,EAAO,KAAOV,EAAI,KAClBA,EAAMU,EAEF,OAAOF,GAAU,UAAYA,aAAiB,IACjDA,EAAQR,EAAI,SAAS,EAErBQ,EAAQ,IAAI,QAAQR,EAAI,SAAS,EAAGQ,CAAK,EAGnCD,EAAc,KAAK,OAAQC,EAAO,CACxC,GAAGC,EACH,KAAM,MACP,CAAC,CACF,CAEA,OAAOF,EAAc,KAAK,OAAQC,EAAOC,CAAI,CAC9C,EACD,CACD,GAAG,SAAS,EACZ,MACF,GACD,CAEF,CCvMA,OAAS,eAAAE,EAAa,aAAAC,EAAW,UAAAC,GAAQ,YAAAC,MAAgB,QCKzD,IAAMC,GAA6D,CAClE,MAAO,OACP,UAAW,CACV,OAAQ,CAAE,KAAM,SAAU,EAC1B,aAAc,CAAE,MAAO,GAAM,MAAO,EAAM,CAC3C,EACA,OAAQ,KACR,UAAW,IACX,YAAa,SACb,SAAU,CAAE,OAAQ,CAAE,IAAK,EAAG,OAAQ,EAAG,KAAM,EAAG,MAAO,CAAE,CAAE,EAC7D,UAAW,CAAC,EACZ,WAAY,KACZ,qBAAsB,KACtB,YAAa,IACd,EAEIC,EAAmD,CACtD,GAAGD,EACJ,EAEO,SAASE,EACfC,EACO,CACH,OAAO,OAAW,KAGlB,OAAO,SAIXF,EAAY,CACX,GAAGD,GACH,WAAYG,GAAqB,IAClC,EAEA,OAAO,OAAS,CACf,GAAGF,EAEH,mBAAoB,MAAO,CAAE,KAAAG,CAAK,KACjCC,EAAiB,cAAeD,CAAI,EAC7B,CAAE,KAAAA,CAAK,GAEf,SAAU,MAAOE,EAAMC,KACtB,QAAQ,IAAI,uBAAuBD,CAAI,GAAIC,CAAI,EACxC,CAAE,OAAQ,KAAK,UAAU,CAAE,KAAM,GAAM,KAAMD,EAAM,KAAAC,CAAK,CAAC,CAAE,GAEnE,oBAAqB,MAAO,CAAE,OAAAC,CAAO,IAAM,CAC1C,QAAQ,IAAI,kCAAkCA,CAAM,EAAE,CACvD,EACA,aAAc,CAAC,CAAE,KAAAC,CAAK,IAAM,CAC3B,QAAQ,IAAI,2BAA2BA,CAAI,EAAE,EAC7C,OAAO,KAAKA,EAAM,QAAQ,CAC3B,EACA,eAAgB,MAAOC,GAAU,CAChCL,EAAiB,cAAeK,CAAK,CACtC,CACD,EAGA,OAAO,cAAc,IAAIC,EAAgB,CAAE,QAASV,CAAU,CAAC,CAAC,EACjE,CAEO,SAASI,EACfO,EACAC,EACO,CACH,OAAO,OAAW,KAAe,CAAC,OAAO,SAI5CZ,EAAsCW,CAAG,EAAIC,EAC7C,OAAO,OAAmCD,CAAG,EAAIC,EAElD,OAAO,cAAc,IAAIF,EAAgB,CAAE,QAAS,CAAE,CAACC,CAAG,EAAGC,CAAM,CAAE,CAAC,CAAC,EACxE,CAEO,SAASC,GAAiC,CAChD,MAAO,CAAE,GAAGb,CAAU,CACvB,CAEO,SAASc,EAAqBC,EAAsC,CAC1EX,EAAiB,aAAcW,CAAK,CACrC,CAEO,SAASC,EAAsBb,EAAyB,CAC9DC,EAAiB,cAAeD,CAAI,CACrC,CAEO,SAASc,EAAgBC,EAAoB,CACnDd,EAAiB,QAASc,CAAK,CAChC,CD5EE,OAuRO,YAAAC,GA/QN,OAAAC,EARD,QAAAC,MAAA,oBARF,IAAMC,EAAwB,IAM9B,SAASC,GAAQ,CAAE,UAAAC,CAAU,EAA2B,CACvD,OACCH,EAAC,OACA,UAAWG,EACX,QAAQ,YACR,KAAK,OACL,KAAK,MACL,aAAW,eAGX,UAAAJ,EAAC,QACA,EAAE,IACF,EAAE,IACF,MAAM,KACN,OAAO,KACP,GAAG,IACH,OAAO,eACP,YAAY,MACb,EACAA,EAAC,QACA,EAAE,KACF,EAAE,KACF,MAAM,KACN,OAAO,KACP,GAAG,IACH,OAAO,eACP,YAAY,MACZ,KAAK,eACL,YAAY,OACb,GACD,CAEF,CAEA,SAASK,GAAU,CAAE,UAAAD,CAAU,EAA2B,CACzD,OACCJ,EAAC,OACA,cAAY,OACZ,UAAWI,EACX,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,SAAAJ,EAAC,QAAK,EAAE,uBAAuB,EAChC,CAEF,CAEA,SAASM,GAAW,CAAE,UAAAF,CAAU,EAA2B,CAC1D,OACCJ,EAAC,OACA,cAAY,OACZ,UAAWI,EACX,QAAQ,YACR,KAAK,OAEL,SAAAJ,EAAC,QACA,EAAE,IACF,EAAE,IACF,MAAM,KACN,OAAO,IACP,GAAG,MACH,OAAO,eACP,YAAY,OACb,EACD,CAEF,CAEA,SAASO,GAAQ,CAAE,UAAAH,CAAU,EAA2B,CACvD,OACCH,EAAC,OACA,cAAY,OACZ,UAAWG,EACX,QAAQ,YACR,KAAK,OAEL,UAAAJ,EAAC,QACA,EAAE,MACF,EAAE,IACF,MAAM,KACN,OAAO,KACP,GAAG,MACH,OAAO,eACP,YAAY,OACb,EACAA,EAAC,QAAK,EAAE,MAAM,EAAE,IAAI,MAAM,IAAI,OAAO,IAAI,GAAG,OAAO,KAAK,eAAe,GACxE,CAEF,CAEA,SAASQ,GAAe,CAAE,UAAAJ,CAAU,EAA2B,CAC9D,OACCJ,EAAC,OACA,cAAY,OACZ,UAAWI,EACX,QAAQ,YACR,KAAK,OAEL,SAAAJ,EAAC,QACA,EAAE,uKACF,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QAChB,EACD,CAEF,CAEA,SAASS,GAAQ,CAAE,UAAAL,CAAU,EAA2B,CACvD,OACCH,EAAC,OACA,cAAY,OACZ,UAAWG,EACX,QAAQ,YACR,KAAK,OAEL,UAAAJ,EAAC,UAAO,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,OAAO,eAAe,YAAY,OAAO,EACvEA,EAAC,QACA,EAAE,2HACF,OAAO,eACP,YAAY,OACZ,cAAc,QACf,GACD,CAEF,CAEA,SAASU,GAAS,CAAE,UAAAN,CAAU,EAA2B,CACxD,OACCJ,EAAC,OACA,cAAY,OACZ,UAAWI,EACX,QAAQ,YACR,KAAK,OAEL,SAAAJ,EAAC,QACA,EAAE,8CACF,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QAChB,EACD,CAEF,CAEA,SAASW,GAAU,CAAE,UAAAP,CAAU,EAA2B,CACzD,OACCH,EAAC,OACA,cAAY,OACZ,UAAWG,EACX,QAAQ,YACR,KAAK,OAEL,UAAAJ,EAAC,QACA,EAAE,2DACF,OAAO,eACP,YAAY,OACZ,cAAc,QACf,EACAA,EAAC,QACA,EAAE,2BACF,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QAChB,GACD,CAEF,CAMA,IAAMY,GAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2DtB,SAASC,GAAgB,CAC/B,aAAAC,EACA,YAAAC,EACA,SAAAC,CACD,EAAqD,CACpD,GAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAS,EAAK,EAClD,CAACC,EAAcC,CAAe,EAAIF,EAAS,EAAK,EA8BtD,OA5BAG,EAAU,IAAM,CAIf,GADe,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAC9C,IAAI,UAAU,IAAM,WAAY,CAC1CJ,EAAiB,EAAI,EACrB,MACD,CAGA,GAAIH,GAAeA,EAAY,OAAS,EAAG,CAC1C,IAAMQ,EAAc,OAAO,SAAS,SAC9BC,EAAWT,EAAY,KAC3BU,GAASF,IAAgBE,GAAQF,EAAY,WAAW,GAAGE,CAAI,GAAG,CACpE,EACAJ,EAAgBG,CAAQ,EAEpBA,GACHE,EAAqBZ,CAAY,CAEnC,MAECY,EAAqBZ,CAAY,EACjCO,EAAgB,EAAI,EAErBH,EAAiB,EAAI,CACtB,EAAG,CAACJ,EAAcC,CAAW,CAAC,EAEzBE,EAKAG,EAKJnB,EAAAF,GAAA,CACC,UAAAC,EAAC2B,GAAA,CAAoB,SAAAX,EAAS,EAC9BhB,EAAC4B,GAAA,CAAY,aAAcd,EAAc,GAC1C,EAPOd,EAAAD,GAAA,CAAG,SAAAiB,EAAS,EALZ,IAcT,CAEA,SAASW,GAAmB,CAAE,SAAAX,CAAS,EAAkC,CACxE,OACChB,EAAC,OAAI,UAAU,iEACd,SAAAA,EAAC,OACA,UAAU,8FACV,MAAO,CACN,UAAW,wDACZ,EAEC,SAAAgB,EACF,EACD,CAEF,CAkBA,SAASa,GAAmC,CAC3C,QAAAC,EACA,MAAAC,EACA,SAAAC,CACD,EAA6B,CAC5B,IAAMC,EAAcH,EAAQ,UAAWI,GAAQA,EAAI,QAAUH,CAAK,EAElE,OACC9B,EAAC,OACA,UAAU,iCACV,MAAO,CACN,WAAY,4BACZ,OAAQ,qCACT,EAGA,UAAAD,EAAC,OACA,UAAU,oFACV,MAAO,CACN,MAAO,QAAQ,IAAM8B,EAAQ,MAAM,WACnC,KAAM,MACN,UAAW,mBAAmBG,EAAc,GAAG,OAAOA,EAAc,CAAC,OACrE,WAAY,0BACb,EACD,EAECH,EAAQ,IAAKK,GACblC,EAAC,UACA,KAAK,SAEL,QAAS,IAAM+B,EAASG,EAAO,KAAK,EACpC,UAAW;AAAA;AAAA;AAAA,cAGFJ,IAAUI,EAAO,MAAQ,aAAe,mCAAmC;AAAA,YAGnF,UAAAA,EAAO,KACRnC,EAAC,QAAK,UAAU,aAAc,SAAAmC,EAAO,MAAM,IATtCA,EAAO,KAUb,CACA,GACF,CAEF,CAMA,SAASP,GAAY,CAAE,aAAAd,CAAa,EAAqB,CACxD,GAAM,CAACsB,EAAQC,CAAS,EAAIlB,EAAS,IAChC,OAAO,OAAW,IACd,GAED,aAAa,QAAQ,mBAAmB,IAAM,MACrD,EACK,CAACmB,EAAaC,CAAc,EAAIpB,EAAS,EAAK,EAC9C,CAACqB,EAAcC,CAAe,EAAItB,EAASiB,CAAM,EACjD,CAACM,EAAaC,CAAc,EAAIxB,EAAsB,QAAQ,EAC9D,CAACyB,EAAOC,CAAQ,EAAI1B,EAAgB,MAAM,EAC1C,CAAC2B,EAAcC,CAAe,EAAI5B,EAAS,EAAK,EAChD,CAAC6B,EAAWC,CAAY,EAAI9B,EAAS,IAC1C,KAAK,UAAUL,GAAgB,CAAC,EAAG,KAAM,CAAC,CAC3C,EACM,CAACoC,EAAWC,CAAY,EAAIhC,EAAwB,IAAI,EACxDiC,EAAcC,GAA6C,IAAI,EAC/DC,EAAWD,GAAuB,IAAI,EACtCE,EAAeF,GAAuB,IAAI,EAGhD/B,EAAU,IAAM,CACf,IAAMkC,EAAQC,EAAa,EAC3Bd,EAAea,EAAM,WAAW,EAChCX,EAASW,EAAM,KAAK,CACrB,EAAG,CAAC,CAAC,EAGLlC,EAAU,IAAM,CACX,OAAO,OAAW,MAGjB,OAAO,SAEV,OAAe,OAAS,CAAC,GAE3B,OAAO,OAAO,SAAW,CACxB,OAAQ,CACP,IAAK,EACL,OAAQwB,EAAe5C,EAAwB,EAC/C,KAAM,EACN,MAAO,CACR,CACD,EACA,OAAO,cACN,IAAIwD,EAAgB,CAAE,QAAS,CAAE,SAAU,OAAO,OAAO,QAAS,CAAE,CAAC,CACtE,EACD,EAAG,CAACZ,CAAY,CAAC,EAGjBxB,EAAU,IAAM,CACf,aAAa,QAAQ,oBAAqB,OAAOc,CAAM,CAAC,CACzD,EAAG,CAACA,CAAM,CAAC,EAEX,IAAMuB,EAAYC,EAAY,IAAM,CACnCnB,EAAgB,EAAI,EAEpB,sBAAsB,IAAM,CAC3BJ,EAAU,EAAI,CACf,CAAC,CACF,EAAG,CAAC,CAAC,EAECwB,EAAaD,EAAY,IAAM,CACpCrB,EAAe,EAAI,EACnBF,EAAU,EAAK,EAEf,WAAW,IAAM,CAChBI,EAAgB,EAAK,EACrBF,EAAe,EAAK,CACrB,EAAG,GAAG,CACP,EAAG,CAAC,CAAC,EAECuB,EAAcF,EAAY,IAAM,CACjCxB,EACHyB,EAAW,EAEXF,EAAU,CAEZ,EAAG,CAACvB,EAAQuB,EAAWE,CAAU,CAAC,EAGlCvC,EAAU,IAAM,CACf,IAAMyC,EAAiBC,GAAqB,EAEtCA,EAAE,SAAWA,EAAE,UAAYA,EAAE,UAAYA,EAAE,MAAQ,MACvDA,EAAE,eAAe,EACjBF,EAAY,GAGTE,EAAE,MAAQ,UAAY5B,GACzByB,EAAW,CAEb,EAEA,cAAO,iBAAiB,UAAWE,CAAa,EACzC,IAAM,OAAO,oBAAoB,UAAWA,CAAa,CACjE,EAAG,CAAC3B,EAAQ0B,EAAaD,CAAU,CAAC,EAGpCvC,EAAU,IAAM,CACf,GAAI,CAACc,EACJ,OAGD,IAAM6B,EAAsBD,GAAkB,CAE5CT,EAAa,SACb,CAACA,EAAa,QAAQ,SAASS,EAAE,MAAc,GAE/CH,EAAW,CAEb,EAEA,gBAAS,iBAAiB,YAAaI,CAAkB,EAClD,IAAM,SAAS,oBAAoB,YAAaA,CAAkB,CAC1E,EAAG,CAAC7B,EAAQyB,CAAU,CAAC,EAEvB,IAAMK,EAA0BN,EAAaO,GAAsB,CAClExB,EAAewB,CAAI,EACnBC,EAAsBD,CAAI,CAC3B,EAAG,CAAC,CAAC,EAECE,EAAoBT,EAAaU,GAAoB,CAC1DzB,EAASyB,CAAQ,EACjBC,EAAgBD,CAAQ,CACzB,EAAG,CAAC,CAAC,EAECE,EAAaZ,EAAaa,GAAiB,CAChD,GAAI,CACH,IAAMC,EAAS,KAAK,MAAMD,CAAI,EAC9BtB,EAAa,IAAI,EACjBwB,EAAqBD,CAAM,CAC5B,MAAQ,CACPvB,EAAa,cAAc,CAC5B,CACD,EAAG,CAAC,CAAC,EAECyB,GAAoBhB,EACxBa,GAAiB,CACjBxB,EAAawB,CAAI,EACbrB,EAAY,SACf,aAAaA,EAAY,OAAO,EAEjCA,EAAY,QAAU,WAAW,IAAM,CACtCoB,EAAWC,CAAI,CAChB,EAAG,GAAG,CACP,EACA,CAACD,CAAU,CACZ,EAEMK,EAAkBjB,EAAY,IAAM,CACrCR,EAAY,SACf,aAAaA,EAAY,OAAO,EAEjCoB,EAAWxB,CAAS,CACrB,EAAG,CAACwB,EAAYxB,CAAS,CAAC,EAEpB8B,GAAclB,EAAY,IAAM,CACrC,IAAMmB,EAAc,KAAK,UAAUjE,GAAgB,CAAC,EAAG,KAAM,CAAC,EAC9DmC,EAAa8B,CAAW,EACxB5B,EAAa,IAAI,EACjBwB,EAAqB7D,GAAgB,CAAC,CAAC,EACvC6B,EAAe,QAAQ,EACvByB,EAAsB,QAAQ,EAC9BvB,EAAS,MAAM,EACf0B,EAAgB,MAAM,CACvB,EAAG,CAACzD,CAAY,CAAC,EAEXkE,GAAmD,CACxD,CACC,MAAO,SACP,MAAO,SACP,KAAMhF,EAACM,GAAA,CAAW,UAAU,cAAc,CAC3C,EACA,CAAE,MAAO,MAAO,MAAO,MAAO,KAAMN,EAACO,GAAA,CAAQ,UAAU,cAAc,CAAG,EACxE,CACC,MAAO,aACP,MAAO,OACP,KAAMP,EAACQ,GAAA,CAAe,UAAU,cAAc,CAC/C,CACD,EAEMyE,GAAuC,CAC5C,CACC,MAAO,QACP,MAAO,QACP,KAAMjF,EAACS,GAAA,CAAQ,UAAU,cAAc,CACxC,EACA,CACC,MAAO,OACP,MAAO,OACP,KAAMT,EAACU,GAAA,CAAS,UAAU,cAAc,CACzC,CACD,EAEA,OACCT,EAAAF,GAAA,CAGC,UAAAC,EAAC,SAAM,wBAAyB,CAAE,OAAQY,EAAqB,EAAG,EAElEX,EAAC,OACA,IAAKsD,EACL,UAAU,wEAGV,UAAAtD,EAAC,UACA,KAAK,SACL,QAAS6D,EACT,UAAU,4IACV,MAAO,CACN,WAAY,yBACZ,eAAgB,aAChB,qBAAsB,aACtB,OAAQ,sCACR,UAAW;AAAA;AAAA;AAAA;AAAA,aAKZ,EACA,aAAW,sBACX,gBAAe1B,EAEf,UAAApC,EAACG,GAAA,CACA,UAAW,uCACViC,EACG,4BACA,sCACJ,GACD,EAGApC,EAAC,OACA,UAAU,oHACV,MAAO,CACN,WACC,iFACF,EACD,GACD,EAGCwC,GACAvC,EAAC,OACA,IAAKqD,EACL,UAAW,mCACVlB,GAAU,CAACE,EAAc,kBAAoB,gBAC9C,GACA,MAAO,CACN,UAAW,sBACX,WAAY,yBACZ,eAAgB,aAChB,qBAAsB,aACtB,OAAQ,sCACR,aAAc,OACd,UAAW;AAAA;AAAA;AAAA;AAAA,eAKZ,EAGA,UAAArC,EAAC,OACA,UAAU,8CACV,MAAO,CAAE,aAAc,qCAAsC,EAE7D,UAAAA,EAAC,OAAI,UAAU,0BACd,UAAAD,EAACG,GAAA,CAAQ,UAAU,wBAAwB,EAC3CH,EAAC,QAAK,UAAU,iCAAiC,wBAEjD,GACD,EAEAC,EAAC,OAAI,UAAU,0BAEd,UAAAD,EAAC,QACA,UAAU,8DACV,MAAO,CACN,WAAY,4BACZ,OAAQ,qCACT,EAEC,gBAAO,UAAc,KACtB,UAAU,UAAU,SAAS,KAAK,EAC/B,gBACA,eACJ,EAGAA,EAAC,UACA,KAAK,SACL,QAAS6D,EACT,UAAU,sFAEV,SAAA7D,EAACK,GAAA,CAAU,UAAU,UAAU,EAChC,GACD,GACD,EAGAJ,EAAC,OACA,UAAU,gCACV,MAAO,CAAE,UAAW,qBAAsB,EAG1C,UAAAA,EAAC,OACA,UAAAD,EAAC,SACA,QAAQ,eACR,UAAU,4EACV,wBAED,EACAA,EAAC6B,GAAA,CACA,QAASmD,GACT,MAAOtC,EACP,SAAUwB,EACX,GACD,EAGAjE,EAAC,OACA,UAAAD,EAAC,SACA,QAAQ,QACR,UAAU,4EACV,iBAED,EACAA,EAAC6B,GAAA,CACA,QAASoD,GACT,MAAOrC,EACP,SAAUyB,EACX,GACD,EAGApE,EAAC,OACA,UAAAD,EAAC,SACA,QAAQ,YACR,UAAU,4EACV,kCAED,EACAC,EAAC,UACA,KAAK,SACL,QAAS,IAAM8C,EAAgB,CAACD,CAAY,EAC5C,UAAW,mHACVA,EAAe,mBAAqB,eACrC,GACA,MAAO,CACN,WAAYA,EACT,yBACA,4BACH,OAAQA,EACL,mCACA,qCACJ,EAEA,UAAA9C,EAAC,QAAK,kCAAsB,EAC5BA,EAAC,QACA,UAAW,iDACV8C,EACG,qCACA,8BACJ,GAEC,SAAAA,EAAe,KAAO,MACxB,GACD,EACCA,GACA7C,EAAC,KAAE,UAAU,mCAAmC,qBACtCC,EAAsB,MAChC,GAEF,EAGAD,EAAC,OACA,UAAAD,EAAC,SACA,QAAQ,eACR,UAAU,4EACV,wBAED,EACAA,EAAC,YACA,MAAOgD,EACP,SAAWgB,GAAMY,GAAkBZ,EAAE,OAAO,KAAK,EACjD,OAAQa,EACR,UAAU,6HACV,MAAO,CACN,WAAY,qBACZ,OAAQ3B,EACL,mCACA,sCACH,WACC,sDACD,WAAY,GACb,EACA,QAAUc,GAAM,CACVd,IACJc,EAAE,OAAO,MAAM,YAAc,0BAE/B,EACA,cAAgBA,GAAM,CAChBd,IACJc,EAAE,OAAO,MAAM,YAAc,4BAE/B,EACA,WAAY,GACb,EACCd,GACAjD,EAAC,KAAE,UAAU,0DACZ,UAAAD,EAAC,OACA,cAAY,OACZ,aAAW,QACX,UAAU,UACV,QAAQ,YACR,KAAK,eAEL,SAAAA,EAAC,QAAK,EAAE,0EAA0E,EACnF,EACCkD,GACF,GAEF,EAGAjD,EAAC,UACA,KAAK,SACL,QAAS6E,GACT,UAAU,uJACV,MAAO,CACN,WAAY,4BACZ,OAAQ,qCACT,EACA,aAAed,GAAM,CACpBA,EAAE,cAAc,MAAM,WACrB,4BACDA,EAAE,cAAc,MAAM,YACrB,0BACF,EACA,aAAeA,GAAM,CACpBA,EAAE,cAAc,MAAM,WACrB,4BACDA,EAAE,cAAc,MAAM,YACrB,2BACF,EAEA,UAAAhE,EAACW,GAAA,CAAU,UAAU,cAAc,EAAE,qBAEtC,GACD,GACD,GAEF,EAGCmC,GACA7C,EAAC,OACA,UAAU,8FACV,MAAO,CACN,OAAQ,GAAGC,CAAqB,KAChC,WACC,oEACF,EAEA,UAAAD,EAAC,OAAI,UAAU,2GACd,UAAAD,EAAC,OAAI,UAAU,qEACd,SAAAA,EAAC,OACA,cAAY,OACZ,UAAU,wBACV,KAAK,OACL,QAAQ,YACR,OAAO,eAEP,SAAAA,EAAC,QACA,cAAc,QACd,eAAe,QACf,YAAa,EACb,EAAE,iBACH,EACD,EACD,EACAA,EAAC,OAAI,UAAU,+BAA+B,8BAE9C,EACAA,EAAC,OAAI,UAAU,qEACd,SAAAA,EAAC,OACA,cAAY,OACZ,UAAU,wBACV,KAAK,OACL,QAAQ,YACR,OAAO,eAEP,SAAAA,EAAC,QACA,cAAc,QACd,eAAe,QACf,YAAa,EACb,EAAE,yGACH,EACD,EACD,GACD,EACAC,EAAC,OAAI,UAAU,wDAAwD,mCAC/CC,EAAsB,MAC9C,GACD,GAEF,CAEF,CEp4BA,OAAS,eAAAgF,OAAmB,QCA5B,OAAOC,GACN,iBAAAC,GAEA,eAAAC,GACA,cAAAC,GACA,aAAAC,GACA,YAAAC,GACA,wBAAAC,OACM,QCmMP,eAAsBC,IAAmD,CACxE,GAAM,CAAE,eAAAC,CAAe,EAAI,KAAM,QAAO,yBAAY,EAGpD,GAFiBA,EAAe,IAEf,SAAU,CAC1B,GAAM,CAAE,mBAAAC,CAAmB,EAAI,KAAM,QAAO,8BAAiB,EAC7D,OAAO,IAAIA,CACZ,KAAO,CACN,GAAM,CAAE,oBAAAC,CAAoB,EAAI,KAAM,QAAO,gCAAmB,EAChE,OAAO,IAAIA,CACZ,CACD,CDnMO,IAAMC,EAAsBC,GAClC,IACD,EA4BO,SAASC,GAAe,CAC9B,SAAAC,EACA,QAAAC,EAAU,KACV,QAAAC,CACD,EAAwB,CACvB,GAAM,CAACC,EAAQC,CAAS,EAAIC,GAAqC,IAAI,EAC/D,CAACC,EAAOC,CAAQ,EAAIF,GAAuB,IAAI,EAC/C,CAACG,EAAcC,CAAe,EAAIJ,GAAS,EAAI,EAqDrD,OAnDAK,GAAU,IAAM,CACf,IAAIC,EAAU,GACVC,EAA2C,KAE/C,eAAeC,GAAa,CAC3B,GAAI,CACH,IAAMC,EAAe,MAAMC,GAAmB,EAE9C,MAAMD,EAAa,QAAQ,EAEvBH,GACHC,EAAeE,EACfV,EAAUU,CAAY,EACtBL,EAAgB,EAAK,GAGrBK,EAAa,MAAM,CAErB,OAASE,EAAK,CACTL,IACH,QAAQ,MAAM,QAASK,CAAG,EAC1BT,EAASS,aAAe,MAAQA,EAAM,IAAI,MAAM,OAAOA,CAAG,CAAC,CAAC,EAC5DP,EAAgB,EAAK,EAEvB,CACD,CAEA,OAAAI,EAAW,EAEJ,IAAM,CACZF,EAAU,GACVC,GAAc,MAAM,CACrB,CACD,EAAG,CAAC,CAAC,EAGLF,GAAU,IAAM,CACf,GAAI,CAACP,EACJ,OAGD,IAAMc,EAAaC,GAAiB,CACnC,SAAS,gBAAgB,UAAU,OAAO,OAAQA,IAAU,MAAM,EAClE,SAAS,gBAAgB,MAAM,YAC9BA,IAAU,OAAS,OAAS,MAC9B,EAEA,OAAAD,EAAUd,EAAO,SAAS,CAAC,EACpBA,EAAO,cAAcc,CAAS,CACtC,EAAG,CAACd,CAAM,CAAC,EAEPG,GAASJ,EACLiB,EAAM,cAAcA,EAAM,SAAU,KAAMjB,EAAQI,CAAK,CAAC,EAG5DE,GAAgB,CAACL,EACbgB,EAAM,cAAcA,EAAM,SAAU,KAAMlB,CAAO,EAGlDkB,EAAM,cACZtB,EAAoB,SACpB,CAAE,MAAOM,CAAO,EAChBH,CACD,CACD,CAgDO,SAASoB,EAAqCC,EAAS,CAC7D,IAAMlB,EAASmB,GAAWzB,CAAmB,EAE7C,GAAI,CAACM,EACJ,MAAM,IAAI,MAAM,sDAAsD,EAIvE,IAAMoB,EAAYC,GAChBC,GACIJ,IAAQ,aACJlB,EAAO,aAAa,IAAMsB,EAAS,CAAC,EAExCJ,IAAQ,QACJlB,EAAO,cAAc,IAAMsB,EAAS,CAAC,EAEzCJ,IAAQ,cACJlB,EAAO,oBAAoB,IAAMsB,EAAS,CAAC,EAE/CJ,IAAQ,WACJlB,EAAO,iBAAiB,IAAMsB,EAAS,CAAC,EAE5CJ,IAAQ,YACJlB,EAAO,kBAAkB,IAAMsB,EAAS,CAAC,EAE7CJ,IAAQ,uBACJlB,EAAO,6BAA6B,IAAMsB,EAAS,CAAC,EAExDJ,IAAQ,cACJlB,EAAO,oBAAoB,IAAMsB,EAAS,CAAC,EAE5C,IAAM,CAAC,EAEf,CAACtB,EAAQkB,CAAG,CACb,EAEMK,EAAcF,GAAY,IAC3BH,IAAQ,aACJlB,EAAO,cAAc,EAEzBkB,IAAQ,QACJlB,EAAO,SAAS,EAEpBkB,IAAQ,cACJlB,EAAO,eAAe,EAE1BkB,IAAQ,SACJlB,EAAO,UAAU,EAErBkB,IAAQ,WACJlB,EAAO,YAAY,EAEvBkB,IAAQ,YACJlB,EAAO,aAAa,EAExBkB,IAAQ,uBACJlB,EAAO,wBAAwB,EAEnCkB,IAAQ,cACJlB,EAAO,eAAe,EAEvB,KACL,CAACA,EAAQkB,CAAG,CAAC,EAEVM,EAAQC,GAAqBL,EAAWG,EAAaA,CAAW,EAGtE,OAAKL,EAIEM,EAHCxB,CAIT,CDxOO,SAAS0B,IAGa,CAC5B,IAAMC,EAASC,EAAgB,EAC/B,OAAOC,GACN,CAACC,EAAcC,IACdJ,EAAO,SAASG,EAAMC,CAAI,EAC3B,CAACJ,CAAM,CACR,CACD,CGXO,SAASK,IAA8B,CAC7C,OAAOC,EAAgB,aAAa,CACrC,CCHO,SAASC,GAA6D,CAC5E,OAAOC,EAAgB,YAAY,CACpC,CCcO,SAASC,IAES,CAExB,MAAO,CAAE,KADIC,EAAiB,CAChB,CACf,CC7BA,OAAS,wBAAAC,OAA4B,QAQ9B,SAASC,IAA2B,CAC1C,OAAOD,GACN,IAAM,IAAM,CAAC,EACb,IACK,OAAO,OAAW,IACd,GAGA,OAAe,iBAAmB,GAE3C,IAAM,EACP,CACD,CCZO,SAASE,IAAoB,CACnC,OAAOC,EAAgB,QAAQ,CAChC,CCDO,SAASC,IAA8B,CAC7C,OAAOC,EAAgB,WAAW,CACnC,CCXA,OAAS,eAAAC,OAAmB,QASrB,SAASC,IAAyC,CACxD,IAAMC,EAASC,EAAgB,EAC/B,OAAOC,GAAaC,GAAgBH,EAAO,aAAaG,CAAG,EAAG,CAACH,CAAM,CAAC,CACvE,CCZA,OAAS,eAAAI,OAAmB,QAUrB,SAASC,IAEU,CACzB,IAAMC,EAASC,EAAgB,EAC/B,OAAOC,GACLC,GAAsBH,EAAO,mBAAmBG,CAAI,EACrD,CAACH,CAAM,CACR,CACD,CCRO,SAASI,IAA+B,CAC9C,OAAOC,EAAgB,UAAU,CAClC,CCZA,OAAS,eAAAC,OAAmB,QAiBrB,SAASC,IAGN,CACT,IAAMC,EAASC,EAAgB,EAC/B,OAAOC,GACN,CAACC,EAAgBC,IAAkC,EAC5C,SAAY,CACbC,GAAgBD,GAAS,YAAY,GACxC,MAAM,QAAQ,QACbJ,EAAO,mBAAmBI,EAAQ,YAAY,CAC/C,EAED,MAAM,QAAQ,QAAQJ,EAAO,aAAaG,CAAM,CAAC,CAClD,GAAG,EAAE,MAAOG,GAAU,CACrB,QAAQ,MAAM,oCAAqCA,CAAK,CACzD,CAAC,CACF,EACA,CAACN,CAAM,CACR,CACD,CC5BO,SAASO,IAAkB,CACjC,OAAOC,EAAgB,OAAO,CAC/B,CCAO,SAASC,IAAgD,CAC/D,OAAOC,EAAgB,sBAAsB,CAC9C,CCbA,OAAS,eAAAC,OAAmB,QAQrB,SAASC,IAEG,CAClB,IAAMC,EAASC,EAAgB,EAE/B,OAAOC,GACN,MAAOC,GAAgC,CACtC,MAAM,QAAQ,QAAQH,EAAO,mBAAmBG,CAAO,CAAC,CACzD,EACA,CAACH,CAAM,CACR,CACD,CCnBA,OAAS,cAAAI,GAAY,aAAAC,GAAW,WAAAC,GAAS,UAAAC,GAAQ,YAAAC,OAAgB,QCWjE,SAASC,IAAkB,CAC1B,OAAO,OAAO,WAAW,CAC1B,CAEA,SAASC,EACRC,EACAC,EACAC,EACc,CACd,MAAO,CACN,SAAUJ,GAAQ,EAClB,WAAYG,EACZ,UAAW,IAAI,KAAK,EAAE,YAAY,EAClC,OAAQD,EAAO,QAAU,SACzB,WAAYA,EAAO,UACnB,SAAUA,EAAO,QACjB,GAAGE,CACJ,CACD,CAOA,SAASC,GAAUC,EAGjB,CACD,IAAMC,EAASD,EAAI,KAAK,EAAE,MAAM,KAAK,EAC/BE,EAAOD,EAAO,CAAC,GAAK,GACpBE,EAAyC,CAAC,EAChD,QAASC,EAAI,EAAGA,EAAIH,EAAO,OAAQG,IAAK,CACvC,IAAMC,EAAMJ,EAAOG,CAAC,EAAE,QAAQ,GAAG,EACjC,GAAIC,IAAQ,GACX,SAED,IAAMC,EAAML,EAAOG,CAAC,EAAE,MAAM,EAAGC,CAAG,EAC5BE,EAAMN,EAAOG,CAAC,EAAE,MAAMC,EAAM,CAAC,EAC7BG,EAAM,OAAOD,CAAG,EACtBJ,EAAMG,CAAG,EAAI,OAAO,SAASE,CAAG,GAAKD,IAAQ,GAAKC,EAAMD,CACzD,CACA,MAAO,CAAE,KAAAL,EAAM,MAAAC,CAAM,CACtB,CAEA,SAASM,GAAYC,EAA0B,CAC9C,IAAMC,EAAMD,EAAG,QAAQ,YAAY,EACnC,OAAOC,IAAQ,SAAWA,IAAQ,YAAcA,IAAQ,QACzD,CAKO,SAASC,GACfhB,EACAiB,EACa,CACb,IAAMC,EAA8B,CAAC,EAG/BC,EAAM,OAAO,UAAc,IAAc,UAAY,OACrDC,EACLD,GAAO,eAAgBA,EAEpBA,EAGC,WACD,OAEJF,EAAQ,CACPlB,EAAWC,EAAQ,gBAAiB,CACnC,SAAU,CACT,eAAgB,OAAO,WACvB,gBAAiB,OAAO,YACxB,mBAAoB,OAAO,kBAAoB,EAC/C,cAAe,iBAAkB,OAAS,EAAI,EAC9C,gBAAiBoB,GAAM,eAAiB,UACxC,SAAU,KAAK,eAAe,EAAE,gBAAgB,EAAE,QACnD,CACD,CAAC,CACF,CAAC,EAGD,IAAMC,EAAWC,GAAmB,CACnCL,EAAQ,CACPlB,EAAWC,EAAQ,eAAgB,CAClC,SAAU,CACT,cAAesB,EAAG,QAClB,aAAcA,EAAG,OAAO,OAAS,IAAI,MAAM,EAAG,IAAI,EAClD,aAAcA,EAAG,UAAY,SAC9B,CACD,CAAC,CACF,CAAC,CACF,EACA,OAAO,iBAAiB,QAASD,CAAO,EACxCH,EAAS,KAAK,IAAM,OAAO,oBAAoB,QAASG,CAAO,CAAC,EAEhE,IAAME,EAAeD,GAA8B,CAClD,IAAME,EAASF,EAAG,OACZG,EAAUD,aAAkB,MAAQA,EAAO,QAAU,OAAOA,CAAM,EAClEE,EACLF,aAAkB,OAASA,EAAO,OAAS,IAAI,MAAM,EAAG,IAAI,EAAI,GACjEP,EAAQ,CACPlB,EAAWC,EAAQ,eAAgB,CAClC,SAAU,CACT,cAAeyB,EACf,YAAaC,EACb,aAAc,oBACf,CACD,CAAC,CACF,CAAC,CACF,EACA,OAAO,iBAAiB,qBAAsBH,CAAW,EACzDL,EAAS,KAAK,IACb,OAAO,oBAAoB,qBAAsBK,CAAW,CAC7D,EAGA,IAAMI,EAAWL,GAAmB,CACnC,IAAMM,EAASN,EAAG,OAClBL,EAAQ,CACPlB,EAAWC,EAAQ,eAAgB,CAClC,SAAU,CACT,WAAY4B,GAAQ,SAAS,YAAY,GAAK,UAC9C,UAAWA,GAAQ,IAAM,OACzB,aAAcA,GAAQ,WAAa,OACnC,QAASN,EAAG,QACZ,QAASA,EAAG,OACb,CACD,CAAC,CACF,CAAC,CACF,EACA,SAAS,iBAAiB,QAASK,EAAS,CAAE,QAAS,EAAK,CAAC,EAC7DT,EAAS,KAAK,IACb,SAAS,oBAAoB,QAASS,EAAS,CAAE,QAAS,EAAK,CAAC,CACjE,EAIA,IAAME,EAAqBP,GAAmB,CAE7C,IAAMR,EADSQ,EAAG,QACC,UAAU,sBAAsB,EACnD,GAAI,CAACR,EACJ,OAGD,GAAM,CAAE,KAAAR,EAAM,MAAAC,CAAM,EAAIJ,GACvBW,EAAG,aAAa,oBAAoB,GAAK,EAC1C,EACKR,GAILW,EAAQ,CACPlB,EAAWC,EAAQ,aAAc,CAChC,WAAYM,EACZ,SAAU,OAAO,KAAKC,CAAK,EAAE,OAAS,EAAIA,EAAQ,MACnD,CAAC,CACF,CAAC,CACF,EACA,SAAS,iBAAiB,QAASsB,EAAmB,CAAE,QAAS,EAAK,CAAC,EACvEX,EAAS,KAAK,IACb,SAAS,oBAAoB,QAASW,EAAmB,CACxD,QAAS,EACV,CAAC,CACF,EAIA,IAAIC,EAAe,EACbC,EAAeT,GAAmB,CAEvC,IAAMR,EADSQ,EAAG,QACC,UAAU,gBAAgB,EAC7C,GAAI,CAACR,EACJ,OAGD,GAAM,CAAE,KAAAR,EAAM,MAAAC,CAAM,EAAIJ,GAAUW,EAAG,aAAa,cAAc,GAAK,EAAE,EAClER,IAILwB,IACAb,EAAQ,CACPlB,EAAWC,EAAQ,OAAQ,CAC1B,WAAYM,EACZ,cAAewB,EACf,SAAU,OAAO,KAAKvB,CAAK,EAAE,OAAS,EAAIA,EAAQ,MACnD,CAAC,CACF,CAAC,EACF,EACA,SAAS,iBAAiB,QAASwB,EAAa,CAAE,QAAS,EAAK,CAAC,EACjEb,EAAS,KAAK,IACb,SAAS,oBAAoB,QAASa,EAAa,CAAE,QAAS,EAAK,CAAC,CACrE,EAGA,IAAMC,EAAeV,GAAmB,CACvC,IAAMW,EAAUX,EAAG,QAAwB,UAAU,GAAG,EACxD,GAAI,CAACW,EACJ,OAED,IAAMC,EAAOD,EAAO,aAAa,MAAM,GAAK,GACtCE,EACLD,EAAK,WAAW,MAAM,GAAK,CAACA,EAAK,WAAW,OAAO,SAAS,MAAM,EACnEjB,EAAQ,CACPlB,EAAWC,EAAQ,oBAAqB,CACvC,SAAU,CACT,KAAAkC,EACA,WAAYD,EAAO,aAAe,IAAI,MAAM,EAAG,GAAG,EAClD,YAAaE,CACd,CACD,CAAC,CACF,CAAC,CACF,EACA,SAAS,iBAAiB,QAASH,EAAa,CAAE,QAAS,EAAK,CAAC,EACjEd,EAAS,KAAK,IACb,SAAS,oBAAoB,QAASc,EAAa,CAClD,QAAS,EACV,CAAC,CACF,EAGA,IAAII,EAAoD,KACpDC,EAAc,OAAO,SAAW,EAC9BC,EAAW,IAAM,CAClBF,IAGJA,EAAc,WAAW,IAAM,CAC9BA,EAAc,KACd,IAAMG,EAAY,OAAO,SAAW,SAAS,gBAAgB,UACvDC,EACL,SAAS,gBAAgB,aACzB,SAAS,gBAAgB,aACpBC,EACLD,EAAY,EAAI,KAAK,MAAOD,EAAYC,EAAa,GAAG,EAAI,EACvDE,EAAYH,GAAaF,EAAc,OAAS,KACtDA,EAAcE,EACdtB,EAAQ,CACPlB,EAAWC,EAAQ,gBAAiB,CACnC,SAAU,CACT,iBAAkByC,EAClB,iBAAkBC,EAClB,gBAAiB,OAAO,WACzB,CACD,CAAC,CACF,CAAC,CACF,EAAG,GAAG,EACP,EACA,OAAO,iBAAiB,SAAUJ,EAAU,CAAE,QAAS,EAAK,CAAC,EAC7DpB,EAAS,KAAK,IAAM,CACnB,OAAO,oBAAoB,SAAUoB,CAAQ,EACzCF,GACH,aAAaA,CAAW,CAE1B,CAAC,EAGD,IAAMO,EAAc,IAAI,QAElBC,EAAatB,GAAmB,CACrC,IAAMM,EAASN,EAAG,OACd,CAACM,GAAU,CAACf,GAAYe,CAAM,GAGlCe,EAAY,IAAIf,EAAQ,KAAK,IAAI,CAAC,CACnC,EACMiB,EAAcvB,GAAmB,CACtC,IAAMM,EAASN,EAAG,OAClB,GAAI,CAACM,GAAU,CAACf,GAAYe,CAAM,EACjC,OAED,IAAMkB,EAAQH,EAAY,IAAIf,CAAM,EAC9BmB,EAAcD,EAAQ,KAAK,IAAI,EAAIA,EAAQ,EAC3CE,EAAQpB,EACdX,EAAQ,CACPlB,EAAWC,EAAQ,oBAAqB,CACvC,SAAU,CACT,WAAYgD,EAAM,MAAQA,EAAM,IAAM,OACtC,WAAYA,EAAM,MAAQpB,EAAO,QAAQ,YAAY,EACrD,iBAAkBmB,EAClB,OAAQ,CAAC,CAACC,EAAM,KACjB,CACD,CAAC,CACF,CAAC,CACF,EACA,SAAS,iBAAiB,UAAWJ,EAAW,CAAE,QAAS,EAAK,CAAC,EACjE,SAAS,iBAAiB,WAAYC,EAAY,CAAE,QAAS,EAAK,CAAC,EACnE3B,EAAS,KAAK,IAAM,CACnB,SAAS,oBAAoB,UAAW0B,EAAW,CAAE,QAAS,EAAK,CAAC,EACpE,SAAS,oBAAoB,WAAYC,EAAY,CAAE,QAAS,EAAK,CAAC,CACvE,CAAC,EAGD,IAAMI,EAAiB,IAAI,QACrBC,EAAkB5B,GAAmB,CAE1C,IAAM6B,EADS7B,EAAG,QACG,UAAU,MAAM,EACjC6B,GAAQ,CAACF,EAAe,IAAIE,CAAI,GACnCF,EAAe,IAAIE,EAAM,KAAK,IAAI,CAAC,CAErC,EACA,SAAS,iBAAiB,UAAWD,EAAgB,CAAE,QAAS,EAAK,CAAC,EACtEhC,EAAS,KAAK,IACb,SAAS,oBAAoB,UAAWgC,EAAgB,CACvD,QAAS,EACV,CAAC,CACF,EAEA,IAAME,EAAY9B,GAAoB,CACrC,IAAM6B,EAAO7B,EAAG,OACV+B,EAAYF,EAAOF,EAAe,IAAIE,CAAI,EAAI,OAEhDG,EAAmB,EACvB,GAAIH,EAAM,CACT,IAAMI,EAASJ,EAAK,iBAAiB,yBAAyB,EAC9D,QAAWK,MAASD,EAAQ,CAC3B,IAAMzC,EAAK0C,IACP1C,EAAG,UAAY,CAACA,EAAG,SAAS,OAErBA,EAAG,aAAa,cAAc,IAAM,SAC9CwC,GAEF,CACD,CAEArC,EAAQ,CACPlB,EAAWC,EAAQ,qBAAsB,CACxC,SAAU,CACT,QAASmD,GAAM,IAAM,OACrB,kBAAmBE,EAAY,KAAK,IAAI,EAAIA,EAAY,OACxD,kBAAmBC,CACpB,CACD,CAAC,CACF,CAAC,CACF,EACA,gBAAS,iBAAiB,SAAUF,EAAU,CAAE,QAAS,EAAK,CAAC,EAC/DlC,EAAS,KAAK,IACb,SAAS,oBAAoB,SAAUkC,EAAU,CAAE,QAAS,EAAK,CAAC,CACnE,EAEO,IAAM,CACZ,QAAWK,KAAWvC,EACrBuC,EAAQ,CAEV,CACD,CCpUA,IAAMC,GAAW,gBAKjB,SAASC,GAAaC,EAA0C,CAE/D,IAAMC,EADgBD,EAAG,WAAW,WAAW,SAAS,EACtBA,EAAG,WAAa,UAAUA,EAAG,UAAU,GAEnEE,EAAsC,CAAC,EACzCF,EAAG,aACNE,EAAY,UAAYF,EAAG,YAExBA,EAAG,WACNE,EAAY,QAAUF,EAAG,UAEtBA,EAAG,UACNE,EAAY,eAAiBF,EAAG,SAIjC,IAAMG,EAAsC,CAC3C,GAAIH,EAAG,UAAY,CAAC,CACrB,EACA,OAAIA,EAAG,aACNG,EAAW,WAAaH,EAAG,YAGrB,CACN,GAAIA,EAAG,SACP,KAAM,YACN,KAAMC,EACN,OAAQD,EAAG,QAAU,SACrB,UAAWA,EAAG,UACd,YAAAE,EACA,WAAAC,EACA,SAAU,CAAC,CACZ,CACD,CAEA,SAASC,GAAaC,EAA+B,CACpD,OAAO,KAAK,UAAU,CACrB,OAAQ,IAAI,KAAK,EAAE,YAAY,EAC/B,OAAQ,CAAE,IAAKP,GAAU,QAAS,OAAQ,EAC1C,OAAQO,EAAO,IAAIN,EAAY,CAChC,CAAC,CACF,CAEO,IAAMO,EAAN,KAAsB,CACpB,OAAwB,CAAC,EACzB,MAA+C,KAC/C,SAAW,GACX,aAAe,GACf,QAAU,GACD,OACT,mBAA0C,KAC1C,iBAAwC,KAEhD,YAAYC,EAA+B,CAC1C,KAAK,OAASA,EACd,KAAK,MAAM,EACX,KAAK,iBAAiB,CACvB,CAEA,KAAKF,EAA6B,CACjC,GAAI,MAAK,QAMT,IAFA,KAAK,OAAO,KAAK,GAAGA,CAAM,EAEtB,KAAK,OAAO,OAAS,IAAiB,CACzC,IAAMG,EAAU,KAAK,OAAO,OAAS,IACrC,KAAK,OAAO,OAAO,EAAGA,CAAO,CAC9B,CAEI,KAAK,OAAO,QAAU,IACzB,KAAK,MAAM,EAAE,MAAM,IAAM,CAAC,CAAC,EAE7B,CAEA,MAAM,OAAuB,CAC5B,GAAI,OAAK,SAAW,KAAK,OAAO,SAAW,GAI3C,IAAI,KAAK,SAAU,CAClB,KAAK,aAAe,GACpB,MACD,CAEA,KAAK,SAAW,GAChB,GAAI,CACH,IAAMC,EAAQ,KAAK,OAAO,OAAO,EAAG,EAAc,EAClD,MAAM,KAAK,UAAUA,CAAK,CAC3B,QAAE,CACD,KAAK,SAAW,GACZ,KAAK,cAAgB,KAAK,OAAO,OAAS,GAAK,CAAC,KAAK,UACxD,KAAK,aAAe,GACpB,KAAK,MAAM,EAAE,MAAM,IAAM,CAAC,CAAC,EAE7B,EACD,CAEA,MAAa,CACZ,KAAK,QAAU,GACX,KAAK,QACR,cAAc,KAAK,KAAK,EACxB,KAAK,MAAQ,MAEV,OAAO,SAAa,KAAe,KAAK,qBAC3C,SAAS,oBAAoB,mBAAoB,KAAK,kBAAkB,EACxE,KAAK,mBAAqB,MAEvB,OAAO,OAAW,KAAe,KAAK,mBACzC,OAAO,oBAAoB,WAAY,KAAK,gBAAgB,EAC5D,KAAK,iBAAmB,KAE1B,CAEA,aAAoB,CACnB,GAAI,KAAK,OAAO,SAAW,EAC1B,OAGD,IAAMJ,EAAS,CAAC,GAAG,KAAK,MAAM,EAC9B,KAAK,OAAO,OAAS,EAErB,IAAMK,EAAkC,CACvC,eAAgB,kBACjB,EAMA,GALI,KAAK,OAAO,QACfA,EAAQ,cAAgB,UAAU,KAAK,OAAO,KAAK,IAIhD,OAAO,MAAU,IAAa,CACjC,KAAK,qBAAqB,KAAK,OAAO,SAAUL,EAAQK,CAAO,EAC/D,MACD,CAIC,OAAO,UAAc,KACrB,OAAO,UAAU,YAAe,YAEhC,KAAK,kBAAkB,KAAK,OAAO,SAAUL,CAAM,CAErD,CAEQ,qBACPM,EACAN,EACAK,EACO,CACP,IAAME,EAAOR,GAAaC,CAAM,EAEhC,GAAIO,EAAK,QAAU,IAAkB,CACpC,MAAMD,EAAK,CACV,OAAQ,OACR,QAAAD,EACA,KAAAE,EACA,UAAW,EACZ,CAAC,EAAE,MAAM,IAAM,CAAC,CAAC,EACjB,MACD,CAEA,GAAIP,EAAO,QAAU,EACpB,OAGD,IAAMQ,EAAM,KAAK,KAAKR,EAAO,OAAS,CAAC,EACvC,KAAK,qBAAqBM,EAAKN,EAAO,MAAM,EAAGQ,CAAG,EAAGH,CAAO,EAC5D,KAAK,qBAAqBC,EAAKN,EAAO,MAAMQ,CAAG,EAAGH,CAAO,CAC1D,CAEQ,kBAAkBC,EAAaN,EAA6B,CACnE,IAAMO,EAAOR,GAAaC,CAAM,EAEhC,GAAIO,EAAK,QAAU,IAAkB,CACpC,UAAU,WAAWD,EAAK,IAAI,KAAK,CAACC,CAAI,EAAG,CAAE,KAAM,kBAAmB,CAAC,CAAC,EACxE,MACD,CAEA,GAAIP,EAAO,QAAU,EACpB,OAGD,IAAMQ,EAAM,KAAK,KAAKR,EAAO,OAAS,CAAC,EACvC,KAAK,kBAAkBM,EAAKN,EAAO,MAAM,EAAGQ,CAAG,CAAC,EAChD,KAAK,kBAAkBF,EAAKN,EAAO,MAAMQ,CAAG,CAAC,CAC9C,CAEQ,OAAc,CACjB,KAAK,QAGT,KAAK,MAAQ,YAAY,IAAM,CAC9B,KAAK,MAAM,EAAE,MAAM,IAAM,CAAC,CAAC,CAC5B,EAAG,GAAiB,EACrB,CAEQ,kBAAyB,CAC5B,OAAO,SAAa,MAIxB,KAAK,mBAAqB,IAAM,CAC3B,SAAS,kBAAoB,UAChC,KAAK,YAAY,CAEnB,EACA,KAAK,iBAAmB,IAAM,CAC7B,KAAK,YAAY,CAClB,EAEA,SAAS,iBAAiB,mBAAoB,KAAK,kBAAkB,EACrE,OAAO,iBAAiB,WAAY,KAAK,gBAAgB,EAC1D,CAEA,MAAc,UAAUJ,EAAqC,CAC5D,IAAMG,EAAOR,GAAaK,CAAK,EACzBC,EAAkC,CACvC,eAAgB,kBACjB,EACI,KAAK,OAAO,QACfA,EAAQ,cAAgB,UAAU,KAAK,OAAO,KAAK,IAGpD,QAASI,EAAU,EAAGA,GAAW,EAAaA,IAC7C,GAAI,CACH,IAAMC,EAAW,MAAM,MAAM,KAAK,OAAO,SAAU,CAClD,OAAQ,OACR,QAAAL,EACA,KAAAE,CACD,CAAC,EAED,GAAIG,EAAS,SAAW,KAAOA,EAAS,SAAW,IAClD,OAGD,GAAIA,EAAS,SAAW,IAAK,CAC5B,KAAK,QAAU,GACf,MACD,CAEA,GAAIA,EAAS,QAAU,KAAOD,EAAU,EAAa,CACpD,MAAM,KAAK,MAAM,IAAsB,GAAKA,CAAO,EACnD,QACD,CAEA,GAAIC,EAAS,SAAW,KAAOD,EAAU,EAAa,CACrD,IAAME,EAAaD,EAAS,QAAQ,IAAI,aAAa,EAC/CE,EAASD,EAAa,OAAOA,CAAU,EAAI,IAC3CE,EAAU,OAAO,SAASD,CAAM,EACnCA,EAAS,IACT,IAAsB,GAAKH,EAC9B,MAAM,KAAK,MAAMI,CAAO,EACxB,QACD,CAEA,MACD,MAAQ,CACP,GAAIJ,EAAU,EAAa,CAC1B,MAAM,KAAK,MAAM,IAAsB,GAAKA,CAAO,EACnD,QACD,CACA,MACD,CAEF,CAEQ,MAAMK,EAA2B,CACxC,OAAO,IAAI,QAASC,GAAY,WAAWA,EAASD,CAAE,CAAC,CACxD,CACD,EFnPA,IAAME,GAA8B,CACnC,UAAW,CAAC,EACZ,MAAO,CAAC,EACR,OAAQ,CAAC,EACT,YAAa,CAAC,CACf,EASIC,EAA4B,KAC5BC,EAAgB,EAEpB,SAASC,IAAkB,CAC1B,OAAO,OAAO,WAAW,CAC1B,CAEA,SAASC,EAAgBC,EAAoC,CAC5D,GAAI,OAAOA,GAAU,SACpB,OAED,IAAMC,EAAUD,EAAM,KAAK,EAC3B,OAAOC,EAAQ,OAAS,EAAIA,EAAU,MACvC,CAEA,SAASC,IAA+B,CACvC,MAAO,CAAE,OAAQP,GAAa,QAAS,IAAM,CAAC,EAAG,OAAQ,IAAK,CAC/D,CAMA,SAASQ,GACRC,EACwB,CACxB,GAAI,CAACA,EACJ,OAAO,KAER,IAAMC,EAAOD,EAAO,wBAAwB,EAC5C,GAAI,CAACC,EACJ,OAAO,KAGR,IAAMC,EAAaD,EAAK,MAClBE,EAAYF,EAAK,UAAYC,GAAY,SAGzCE,EAAWT,EAAgBQ,GAAU,QAAQ,EACnD,OAAKC,EAIE,CACN,SAAAA,EACA,MAAOT,EAAgBQ,GAAU,KAAK,EACtC,UAAWR,EAAgBQ,GAAU,SAAS,EAC9C,OAAQR,EAAgBQ,GAAU,MAAM,CACzC,EARQ,IAST,CAEA,SAASE,GACRC,EACAC,EACU,CACV,OACCD,GAAG,WAAaC,GAAG,UACnBD,GAAG,QAAUC,GAAG,OAChBD,GAAG,YAAcC,GAAG,WACpBD,GAAG,SAAWC,GAAG,MAEnB,CAEA,SAASC,GACRR,EAMwB,CACxB,GAAM,CAACS,EAAQC,CAAS,EAAIC,GAAgC,IAC3DZ,GAAyBC,CAAM,CAChC,EAEA,OAAAY,GAAU,IAAM,CACf,GAAI,CAACZ,EAAQ,CACZU,EAAWG,GAAUA,IAAS,KAAOA,EAAO,IAAK,EACjD,MACD,CAEA,IAAMC,EAAO,IAAM,CAClB,IAAMC,EAAOhB,GAAyBC,CAAM,EAC5CU,EAAWG,GAAUR,GAAaQ,EAAME,CAAI,EAAIF,EAAOE,CAAK,CAC7D,EAEA,OAAAD,EAAK,EACEd,EAAO,6BAA6B,IAAM,CAChDc,EAAK,CACN,CAAC,CACF,EAAG,CAACd,CAAM,CAAC,EAEJS,CACR,CAEA,SAASO,GACRP,EACAQ,EACc,CACd,IAAMC,EAAYT,EAAO,WAAa,OAAO,WAAW,EAClDU,EAAU,OAAO,WAAW,EAE5BC,EAAY,IAAIC,EAAgB,CACrC,SAAUZ,EAAO,SACjB,MAAOA,EAAO,MACd,SAAAQ,CACD,CAAC,EACGK,EACAC,EAAe,EAEbC,EAAWC,GAA0B,CAC1CL,EAAU,KAAKK,CAAM,CACtB,EAEMC,EAASjB,EAAO,QAAU,SAE1BkB,EAAiBC,GACtB,CAAE,UAAAV,EAAW,QAAAC,EAAS,SAAAF,EAAU,OAAAS,CAAO,EACvCF,CACD,EAEA,SAASK,EACRC,EACAC,EACc,CACd,MAAO,CACN,SAAUrC,GAAQ,EAClB,WAAYoC,EACZ,UAAW,IAAI,KAAK,EAAE,YAAY,EAClC,OAAAJ,EACA,WAAYR,EACZ,SAAUC,EACV,QAASG,EACT,GAAGS,CACJ,CACD,CAEA,MAAO,CACN,OAAQ,CACP,SAASC,EAAYC,EAAkC,CACtDX,EAASU,EACTR,EAAQ,CACPK,EAAW,WAAY,CACtB,QAASG,EACT,YAAaC,CACd,CAAC,CACF,CAAC,CACF,EAEA,KAAKC,EAAcjC,EAAgC,CAClDsB,IACAC,EAAQ,CACPK,EAAW,OAAQ,CAClB,WAAYK,EACZ,cAAeX,EACf,SAAUtB,CACX,CAAC,CACF,CAAC,CACF,EAEA,MAAMkC,EAAeC,EAAsC,CAC1DZ,EAAQ,CACPK,EAAW,QAAS,CACnB,WAAYM,EACZ,SAAUC,CACX,CAAC,CACF,CAAC,CACF,EAEA,WAAWF,EAAcG,EAAgC,CACxDb,EAAQ,CACPK,EAAW,aAAc,CACxB,WAAYK,EACZ,SAAUG,CACX,CAAC,CACF,CAAC,CACF,CACD,EACA,QAAS,IAAM,CACdV,EAAe,EACfP,EAAU,KAAK,CAChB,EACA,OAAAX,CACD,CACD,CAwBO,SAAS6B,GAAYC,EAA8B,CAAC,EAAmB,CAE7E,IAAMC,EAAeC,GAAWC,CAAmB,EAC7CC,EAAgBnC,GAAiBgC,CAAY,EAC7CI,EAAmBjD,EAAgB4C,EAAQ,QAAQ,EACnDM,EAAgBlD,EAAgB4C,EAAQ,KAAK,EAC7CO,EAAoBnD,EAAgB4C,EAAQ,SAAS,EAGrD9B,EAASsC,GAA+B,IACzCH,EACI,CACN,SAAUA,EACV,MAAOC,GAAiBF,GAAe,MACvC,UAAWG,GAAqBH,GAAe,UAC/C,OAAQA,GAAe,MACxB,EAEMA,EACL,CAACC,EAAkBC,EAAeC,EAAmBH,CAAa,CAAC,EAEhE,CAACK,EAAQC,CAAS,EAAItC,GAAyBpB,EAAW,EAC1D2D,EAAcC,GAAOZ,EAAQ,QAAQ,EAC3C,OAAAW,EAAY,QAAUX,EAAQ,SAG9B3B,GAAU,KACTnB,IACO,IAAM,CACZA,EAAgB,KAAK,IAAIA,EAAgB,EAAG,CAAC,EACzCA,IAAkB,IACrBD,GAAO,QAAQ,EACfA,EAAQ,KAEV,GACE,CAAC,CAAC,EAKLoB,GAAU,IAAM,CACf,GAAI,SAAO,OAAW,KAItB,IAAI,CAACH,EAAQ,CACRjB,GAAO,SACVA,EAAM,QAAQ,EACdA,EAAQM,GAAgB,EACxBmD,EAAU1D,EAAW,GAEtB,MACD,CAEKc,GAAab,GAAO,OAAQiB,CAAM,IACtCjB,GAAO,QAAQ,EACfA,EAAQwB,GAAYP,EAAQyC,EAAY,OAAO,EAC/CD,EAAUzD,EAAM,MAAM,GAExB,EAAG,CAACiB,CAAM,CAAC,EAEJuC,CACR,CG/VA,OAA8B,eAAAI,GAAa,aAAAC,GAAW,YAAAC,OAAgB,QAa/D,SAASC,GACfC,EACiE,CACjE,IAAMC,EAAwBC,EAAgB,aAAa,EAErD,CAACC,EAAaC,CAAe,EAAIC,GAAmB,IACrDJ,IAGG,OAAOD,GAAiB,WAC5BA,EAAa,EACZA,GAAgB,KACpB,EAEDM,GAAU,IAAM,CACfF,EAAgBH,CAAqB,CACtC,EAAG,CAACA,CAAqB,CAAC,EAE1B,IAAMM,EAAiBC,GAAaC,GAAoC,CACvEL,EAAiBM,GAAc,CAC9B,IAAMC,EAAW,OAAOF,GAAU,WAAaA,EAAMC,CAAS,EAAID,EAElE,OAAIG,GAAe,IAAM,UAAYD,GAAY,MAChD,OAAO,QAAQ,eAAeA,CAAQ,EAGhCA,CACR,CAAC,CACF,EAAG,CAAC,CAAC,EAEL,MAAO,CAACR,EAAaI,CAAc,CACpC,CC1CG,OACC,OAAAM,EADD,QAAAC,OAAA,oBAJI,IAAMC,GAAgB,IAE3BD,GAAC,OAAI,UAAU,uEAEd,UAAAA,GAAC,OAAI,UAAU,aACd,UAAAD,EAAC,OAAI,UAAU,yGAAyG,EACxHA,EAAC,OAAI,UAAU,0GAA0G,EACzHA,EAAC,OAAI,UAAU,oFAAoF,GACpG,EAGAA,EAAC,KAAE,UAAU,iLAAiL,6BAE9L,EAGAA,EAAC,OAAI,UAAU,wEACd,SAAAA,EAAC,OAAI,UAAU,kEAAkE,EAClF,EAEAA,EAAC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKH,GACN","names":["Fragment","jsx","jsxs","InitializeNextJsInIframe","baseUrl","passthroughOrigins","htmlElement","mutations","mutation","attrName","originalReplaceState","_s","unused","url","u","originalPushState","appOrigin","isInIframe","e","a","originalFetch","input","init","newUrl","useCallback","useEffect","useRef","useState","DEFAULT_MOCK_CONFIG","mockState","initializeMockOpenAI","initialToolOutput","mode","updateMockGlobal","name","args","prompt","href","state","SetGlobalsEvent","key","value","getMockState","updateMockToolOutput","props","updateMockDisplayMode","updateMockTheme","theme","Fragment","jsx","jsxs","MOCK_SAFE_AREA_HEIGHT","DevIcon","className","CloseIcon","InlineIcon","PipIcon","FullscreenIcon","SunIcon","MoonIcon","ResetIcon","panelAnimationStyles","DevModeProvider","defaultProps","widgetPaths","children","isInitialized","setIsInitialized","useState","isWidgetPage","setIsWidgetPage","useEffect","currentPath","isWidget","path","initializeMockOpenAI","WidgetPreviewFrame","DevControls","SegmentedControl","options","value","onChange","activeIndex","opt","option","isOpen","setIsOpen","isAnimating","setIsAnimating","shouldRender","setShouldRender","displayMode","setDisplayMode","theme","setTheme","showSafeArea","setShowSafeArea","propsJson","setPropsJson","jsonError","setJsonError","debounceRef","useRef","panelRef","containerRef","state","getMockState","SetGlobalsEvent","openPanel","useCallback","closePanel","togglePanel","handleKeyDown","e","handleClickOutside","handleDisplayModeChange","mode","updateMockDisplayMode","handleThemeChange","newTheme","updateMockTheme","applyProps","json","parsed","updateMockToolOutput","handlePropsChange","handlePropsBlur","handleReset","defaultJson","displayModeOptions","themeOptions","useCallback","React","createContext","useCallback","useContext","useEffect","useState","useSyncExternalStore","createWidgetClient","detectPlatform","OpenAIWidgetClient","MCPAppsWidgetClient","WidgetClientContext","createContext","WidgetProvider","children","loading","onError","client","setClient","useState","error","setError","isConnecting","setIsConnecting","useEffect","mounted","activeClient","initClient","widgetClient","createWidgetClient","err","syncTheme","theme","React","useWidgetClient","key","useContext","subscribe","useCallback","onChange","getSnapshot","store","useSyncExternalStore","useCallTool","client","useWidgetClient","useCallback","name","args","useDisplayMode","useWidgetClient","useToolOutput","useWidgetClient","useFlowAction","useToolOutput","useSyncExternalStore","useIsChatGptApp","useLocale","useWidgetClient","useMaxHeight","useWidgetClient","useCallback","useOpenExternal","client","useWidgetClient","useCallback","url","useCallback","useRequestDisplayMode","client","useWidgetClient","useCallback","mode","useSafeArea","useWidgetClient","useCallback","useSendFollowUp","client","useWidgetClient","useCallback","prompt","options","hasModelContext","error","useTheme","useWidgetClient","useToolResponseMetadata","useWidgetClient","useCallback","useUpdateModelContext","client","useWidgetClient","useCallback","context","useContext","useEffect","useMemo","useRef","useState","eventId","baseFields","config","eventType","extra","parseAttr","raw","tokens","name","props","i","idx","key","val","num","isFormField","el","tag","initAutoCapture","enqueue","cleanups","nav","conn","onError","ev","onUnhandled","reason","message","stack","onClick","target","onConversionClick","stepSequence","onStepClick","onLinkClick","anchor","href","isExternal","scrollTimer","lastScrollY","onScroll","scrollTop","docHeight","depthPct","direction","fieldTimers","onFocusIn","onFocusOut","start","timeInField","input","formStartTimes","trackFormStart","form","onSubmit","startTime","validationErrors","fields","field","cleanup","SDK_NAME","toV2Envelope","ev","eventName","correlation","properties","buildV2Batch","events","WidgetTransport","config","dropped","batch","headers","url","body","mid","attempt","response","retryAfter","parsed","delayMs","ms","resolve","NOOP_WIDGET","state","consumerCount","eventId","normalizeString","value","trimmed","createNoopState","resolveConfigFromContext","client","meta","nestedMeta","waniwani","endpoint","isSameConfig","a","b","useContextConfig","config","setConfig","useState","useEffect","prev","sync","next","createState","metadata","sessionId","traceId","transport","WidgetTransport","userId","stepSequence","enqueue","events","source","cleanupCapture","initAutoCapture","baseFields","eventType","extra","id","traits","name","event","properties","data","useWaniwani","options","widgetClient","useContext","WidgetClientContext","contextConfig","explicitEndpoint","explicitToken","explicitSessionId","useMemo","widget","setWidget","metadataRef","useRef","useCallback","useEffect","useState","useWidgetState","defaultState","widgetStateFromWindow","useWidgetClient","widgetState","_setWidgetState","useState","useEffect","setWidgetState","useCallback","state","prevState","newState","detectPlatform","jsx","jsxs","LoadingWidget"]}
1	+ {"version":3,"sources":["../../src/mcp/react/components/initialize-next-in-iframe.tsx","../../src/mcp/react/dev/dev-controls.tsx","../../src/mcp/react/dev/mock-openai.ts","../../src/mcp/react/hooks/use-call-tool.ts","../../src/mcp/react/hooks/use-widget.ts","../../src/mcp/react/widgets/widget-client.ts","../../src/mcp/react/hooks/use-display-mode.ts","../../src/mcp/react/hooks/use-tool-output.ts","../../src/mcp/react/hooks/use-flow-action.ts","../../src/mcp/react/hooks/use-is-chatgpt-app.ts","../../src/mcp/react/hooks/use-locale.ts","../../src/mcp/react/hooks/use-max-height.ts","../../src/mcp/react/hooks/use-open-external.ts","../../src/mcp/react/hooks/use-request-display-mode.ts","../../src/mcp/react/hooks/use-safe-area.ts","../../src/mcp/react/hooks/use-send-follow-up.ts","../../src/mcp/react/hooks/use-theme.ts","../../src/mcp/react/hooks/use-tool-response-metadata.ts","../../src/mcp/react/hooks/use-update-model-context.ts","../../src/mcp/react/hooks/use-waniwani.ts","../../src/mcp/react/hooks/auto-capture.ts","../../src/mcp/react/hooks/widget-transport.ts","../../src/mcp/react/hooks/use-widget-state.ts","../../src/mcp/react/widgets/loading-widget.tsx"],"sourcesContent":["/*\n Patches `history`, `<html>` mutations and `window.fetch` so a Next.js\n * widget can run inside a cross-origin iframe host. Reads its config from\n * `window.innerBaseUrl` and `window.__wwPassthroughOrigins`, which the\n * surrounding `<script>` tags set before this runs.\n \n Exported so tests can drive it directly. Production code never imports\n * it — the component below stringifies it into the SSR HTML.\n /\nexport function applyIframePatches(): void {\n\tconst baseUrl = window.innerBaseUrl;\n\tconst passthroughOrigins: string[] =\n\t\t(window as unknown as { __wwPassthroughOrigins: string[] })\n\t\t\t.__wwPassthroughOrigins ?? [];\n\tconst htmlElement = document.documentElement;\n\tconst observer = new MutationObserver((mutations) => {\n\t\tmutations.forEach((mutation) => {\n\t\t\tif (mutation.type === \"attributes\" && mutation.target === htmlElement) {\n\t\t\t\tconst attrName = mutation.attributeName;\n\t\t\t\t// Preserve class/style for theming (html.dark) and lang for i18n\n\t\t\t\tif (\n\t\t\t\t\tattrName &&\n\t\t\t\t\tattrName !== \"suppresshydrationwarning\" &&\n\t\t\t\t\tattrName !== \"lang\" &&\n\t\t\t\t\tattrName !== \"class\" &&\n\t\t\t\t\tattrName !== \"style\"\n\t\t\t\t) {\n\t\t\t\t\thtmlElement.removeAttribute(attrName);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t});\n\tobserver.observe(htmlElement, {\n\t\tattributes: true,\n\t\tattributeOldValue: true,\n\t});\n\n\tconst originalReplaceState = history.replaceState.bind(history);\n\thistory.replaceState = (\n\t\t_s: unknown,\n\t\tunused: string,\n\t\turl?: string \| URL \| null,\n\t) => {\n\t\ttry {\n\t\t\tconst u = new URL(String(url ?? \"\"), window.location.href);\n\t\t\toriginalReplaceState(null, unused, u.pathname + u.search + u.hash);\n\t\t} catch {\n\t\t\t/ SecurityError in sandboxed iframe /\n\t\t}\n\t};\n\n\tconst originalPushState = history.pushState.bind(history);\n\thistory.pushState = (\n\t\t_s: unknown,\n\t\tunused: string,\n\t\turl?: string \| URL \| null,\n\t) => {\n\t\ttry {\n\t\t\tconst u = new URL(String(url ?? \"\"), window.location.href);\n\t\t\toriginalPushState(null, unused, u.pathname + u.search + u.hash);\n\t\t} catch {\n\t\t\t/ SecurityError in sandboxed iframe /\n\t\t}\n\t};\n\n\tconst appOrigin = new URL(baseUrl).origin;\n\tconst isInIframe = window.self !== window.top;\n\n\twindow.addEventListener(\n\t\t\"click\",\n\t\t(e) => {\n\t\t\tconst a = (e?.target as HTMLElement)?.closest(\"a\");\n\t\t\tif (!a \|\| !a.href) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst url = new URL(a.href, window.location.href);\n\t\t\tif (url.origin !== window.location.origin && url.origin !== appOrigin) {\n\t\t\t\ttry {\n\t\t\t\t\tif (window.openai) {\n\t\t\t\t\t\twindow.openai?.openExternal({ href: a.href });\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t} catch {\n\t\t\t\t\tconsole.warn(\"openExternal failed, likely not in OpenAI client\");\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\ttrue,\n\t);\n\n\tif (isInIframe && window.location.origin !== appOrigin) {\n\t\tconst originalFetch = window.fetch;\n\n\t\t(window as { fetch: typeof window.fetch }).fetch = ((\n\t\t\tinput: URL \| RequestInfo,\n\t\t\tinit?: RequestInit,\n\t\t): Promise<Response> => {\n\t\t\t// Only string inputs without a scheme (or `//host`) are treated\n\t\t\t// as relative. URL/Request instances are always absolute, so\n\t\t\t// the caller already chose the target host.\n\t\t\tconst isRelativeString =\n\t\t\t\ttypeof input === \"string\" &&\n\t\t\t\t!/^[a-z][a-z0-9+.-]:/i.test(input) &&\n\t\t\t\t!input.startsWith(\"//\");\n\n\t\t\tlet url: URL;\n\t\t\tif (typeof input === \"string\" \|\| input instanceof URL) {\n\t\t\t\turl = new URL(input, window.location.href);\n\t\t\t} else {\n\t\t\t\turl = new URL(input.url, window.location.href);\n\t\t\t}\n\n\t\t\tif (url.origin === appOrigin) {\n\t\t\t\tif (typeof input === \"string\" \|\| input instanceof URL) {\n\t\t\t\t\tinput = url.toString();\n\t\t\t\t} else {\n\t\t\t\t\tinput = new Request(url.toString(), input);\n\t\t\t\t}\n\n\t\t\t\treturn originalFetch.call(window, input, {\n\t\t\t\t\t...init,\n\t\t\t\t\tmode: \"cors\",\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (passthroughOrigins.indexOf(url.origin) !== -1) {\n\t\t\t\treturn originalFetch.call(window, input, init);\n\t\t\t}\n\n\t\t\t// Rewrite relative same-origin requests to the widget's real\n\t\t\t// `baseUrl`. Absolute URLs are left alone — they're the\n\t\t\t// caller's explicit target (e.g. SDK transport posting to the\n\t\t\t// WaniWani API on the same origin as the iframe).\n\t\t\tif (isRelativeString && url.origin === window.location.origin) {\n\t\t\t\tconst newUrl = new URL(baseUrl);\n\t\t\t\tnewUrl.pathname = url.pathname;\n\t\t\t\tnewUrl.search = url.search;\n\t\t\t\tnewUrl.hash = url.hash;\n\t\t\t\turl = newUrl;\n\t\t\t\tinput = url.toString();\n\n\t\t\t\treturn originalFetch.call(window, input, {\n\t\t\t\t\t...init,\n\t\t\t\t\tmode: \"cors\",\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn originalFetch.call(window, input, init);\n\t\t}) as typeof window.fetch;\n\n\t\tconst wsAppOrigin = appOrigin.replace(/^http/, \"ws\");\n\t\tconst OriginalWebSocket = window.WebSocket;\n\t\tconst PatchedWebSocket = function (\n\t\t\turl: string \| URL,\n\t\t\tprotocols?: string \| string[],\n\t\t) {\n\t\t\tconst parsed = new URL(String(url), window.location.href);\n\t\t\tif (\n\t\t\t\tparsed.origin === window.location.origin \|\|\n\t\t\t\tparsed.origin === window.location.origin.replace(/^http/, \"ws\")\n\t\t\t) {\n\t\t\t\tconst rewritten = new URL(wsAppOrigin);\n\t\t\t\trewritten.pathname = parsed.pathname;\n\t\t\t\trewritten.search = parsed.search;\n\t\t\t\trewritten.hash = parsed.hash;\n\t\t\t\treturn new OriginalWebSocket(rewritten.toString(), protocols);\n\t\t\t}\n\t\t\treturn new OriginalWebSocket(url, protocols);\n\t\t} as unknown as typeof WebSocket;\n\t\tPatchedWebSocket.prototype = OriginalWebSocket.prototype;\n\t\tObject.assign(PatchedWebSocket, {\n\t\t\tCONNECTING: OriginalWebSocket.CONNECTING,\n\t\t\tOPEN: OriginalWebSocket.OPEN,\n\t\t\tCLOSING: OriginalWebSocket.CLOSING,\n\t\t\tCLOSED: OriginalWebSocket.CLOSED,\n\t\t});\n\t\t(window as { WebSocket: typeof WebSocket }).WebSocket = PatchedWebSocket;\n\t}\n}\n\nconst PATCH_SCRIPT = `(${applyIframePatches.toString()})()`;\n\n/*\n Initializes & patches Next.js functionality so an app can run as a\n * widget inside a cross-origin iframe. Used by every MCP widget host —\n * ChatGPT's sandbox, the embed's `/api/mcp/chat/resource` proxy, and any\n * future host that renders the widget on a domain other than its own\n * `baseUrl`.\n \n See `applyIframePatches` for the patch behavior.\n \n More background on the ChatGPT case:\n * https://vercel.com/blog/running-next-js-inside-chatgpt-a-deep-dive-into-native-app-integration\n /\nexport function InitializeNextJsInIframe({\n\tbaseUrl,\n\tpassthroughOrigins,\n}: {\n\tbaseUrl: string;\n\t/\n\t Origins whose fetches should skip the relative same-origin → baseUrl\n\t * rewrite. Only needed for relative-URL calls that resolve to an\n\t * origin you do not want forwarded to `baseUrl` — absolute URLs are\n\t * never rewritten regardless of this list.\n\t /\n\tpassthroughOrigins?: string[];\n}) {\n\treturn (\n\t\t<>\n\t\t\t<base href={baseUrl}></base>\n\t\t\t<script>{`window.innerBaseUrl = ${JSON.stringify(baseUrl)}`}</script>\n\t\t\t<script>{`window.__wwPassthroughOrigins = ${JSON.stringify(passthroughOrigins ?? [])}`}</script>\n\t\t\t<script>{`window.__isChatGptApp = typeof window.openai !== \"undefined\";`}</script>\n\t\t\t<script>{PATCH_SCRIPT}</script>\n\t\t</>\n\t);\n}\n","\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { DisplayMode, Theme } from \"../hooks/@types\";\nimport { SetGlobalsEvent } from \"../hooks/@types\";\nimport {\n\tgetMockState,\n\tinitializeMockOpenAI,\n\tupdateMockDisplayMode,\n\tupdateMockTheme,\n\tupdateMockToolOutput,\n} from \"./mock-openai\";\n\nconst MOCK_SAFE_AREA_HEIGHT = 150;\n\n// ============================================================================\n// SVG Icons\n// ============================================================================\n\nfunction DevIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\tfill=\"none\"\n\t\t\trole=\"img\"\n\t\t\taria-label=\"Dev Controls\"\n\t\t>\n\t\t\t{/ Minimal: two stacked squares offset /}\n\t\t\t<rect\n\t\t\t\tx=\"4\"\n\t\t\t\ty=\"4\"\n\t\t\t\twidth=\"10\"\n\t\t\t\theight=\"10\"\n\t\t\t\trx=\"2\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t/>\n\t\t\t<rect\n\t\t\t\tx=\"10\"\n\t\t\t\ty=\"10\"\n\t\t\t\twidth=\"10\"\n\t\t\t\theight=\"10\"\n\t\t\t\trx=\"2\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tfillOpacity=\"0.15\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction CloseIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeWidth=\"2\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t>\n\t\t\t<path d=\"M18 6L6 18M6 6l12 12\" />\n\t\t</svg>\n\t);\n}\n\nfunction InlineIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx=\"2\"\n\t\t\t\ty=\"4\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"8\"\n\t\t\t\trx=\"1.5\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction PipIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx=\"1.5\"\n\t\t\t\ty=\"3\"\n\t\t\t\twidth=\"13\"\n\t\t\t\theight=\"10\"\n\t\t\t\trx=\"1.5\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t/>\n\t\t\t<rect x=\"8.5\" y=\"7\" width=\"5\" height=\"4\" rx=\"0.75\" fill=\"currentColor\" />\n\t\t</svg>\n\t);\n}\n\nfunction FullscreenIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"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\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction SunIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<circle cx=\"8\" cy=\"8\" r=\"2.5\" stroke=\"currentColor\" strokeWidth=\"1.25\" />\n\t\t\t<path\n\t\t\t\td=\"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\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction MoonIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M13.5 9.5a5.5 5.5 0 01-7-7 5.5 5.5 0 107 7z\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\nfunction ResetIcon({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={className}\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M2.5 8a5.5 5.5 0 019.37-3.9M13.5 8a5.5 5.5 0 01-9.37 3.9\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M12.5 2v3h-3M3.5 14v-3h3\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst panelAnimationStyles = `\n @keyframes devPanelSlideIn {\n 0% {\n opacity: 0;\n transform: translateY(12px) scale(0.98);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes devPanelSlideOut {\n 0% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translateY(8px) scale(0.98);\n }\n }\n\n .dev-panel-enter {\n animation: devPanelSlideIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n\n .dev-panel-exit {\n animation: devPanelSlideOut 150ms cubic-bezier(0.4, 0, 1, 1) forwards;\n }\n\n .dev-json-editor::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n\n .dev-json-editor::-webkit-scrollbar-track {\n background: transparent;\n }\n\n .dev-json-editor::-webkit-scrollbar-thumb {\n background: rgba(255, 255, 255, 0.1);\n border-radius: 3px;\n }\n\n .dev-json-editor::-webkit-scrollbar-thumb:hover {\n background: rgba(255, 255, 255, 0.15);\n }\n`;\n\n// ============================================================================\n// Components\n// ============================================================================\n\ninterface DevControlsProps {\n\tdefaultProps?: Record<string, unknown>;\n\twidgetPaths?: string[];\n}\n\nexport function DevModeProvider({\n\tdefaultProps,\n\twidgetPaths,\n\tchildren,\n}: DevControlsProps & { children: React.ReactNode }) {\n\tconst [isInitialized, setIsInitialized] = useState(false);\n\tconst [isWidgetPage, setIsWidgetPage] = useState(false);\n\n\tuseEffect(() => {\n\t\t// When loaded inside the MCP harness iframe, skip the OpenAI mock\n\t\t// so the real MCPAppsWidgetClient + App class is used instead.\n\t\tconst params = new URLSearchParams(window.location.search);\n\t\tif (params.get(\"platform\") === \"mcp-apps\") {\n\t\t\tsetIsInitialized(true);\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if current path is a widget page\n\t\tif (widgetPaths && widgetPaths.length > 0) {\n\t\t\tconst currentPath = window.location.pathname;\n\t\t\tconst isWidget = widgetPaths.some(\n\t\t\t\t(path) => currentPath === path \|\| currentPath.startsWith(`${path}/`),\n\t\t\t);\n\t\t\tsetIsWidgetPage(isWidget);\n\n\t\t\tif (isWidget) {\n\t\t\t\tinitializeMockOpenAI(defaultProps);\n\t\t\t}\n\t\t} else {\n\t\t\t// If no widgetPaths specified, treat all pages as widget pages (backwards compat)\n\t\t\tinitializeMockOpenAI(defaultProps);\n\t\t\tsetIsWidgetPage(true);\n\t\t}\n\t\tsetIsInitialized(true);\n\t}, [defaultProps, widgetPaths]);\n\n\tif (!isInitialized) {\n\t\treturn null;\n\t}\n\n\t// If not a widget page, just render children without the dev frame\n\tif (!isWidgetPage) {\n\t\treturn <>{children}</>;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<WidgetPreviewFrame>{children}</WidgetPreviewFrame>\n\t\t\t<DevControls defaultProps={defaultProps} />\n\t\t</>\n\t);\n}\n\nfunction WidgetPreviewFrame({ children }: { children: React.ReactNode }) {\n\treturn (\n\t\t<div className=\"min-h-screen bg-[#212121] flex items-center justify-center p-8\">\n\t\t\t<div\n\t\t\t\tclassName=\"relative w-full max-w-md overflow-hidden rounded-2xl sm:rounded-3xl border border-[#414141]\"\n\t\t\t\tstyle={{\n\t\t\t\t\tboxShadow: \"0px 0px 0px 1px #414141, 0px 4px 14px rgba(0,0,0,0.24)\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Segmented Control\n// ============================================================================\n\ninterface SegmentOption<T extends string> {\n\tvalue: T;\n\tlabel: string;\n\ticon: React.ReactNode;\n}\n\ninterface SegmentedControlProps<T extends string> {\n\toptions: SegmentOption<T>[];\n\tvalue: T;\n\tonChange: (value: T) => void;\n}\n\nfunction SegmentedControl<T extends string>({\n\toptions,\n\tvalue,\n\tonChange,\n}: SegmentedControlProps<T>) {\n\tconst activeIndex = options.findIndex((opt) => opt.value === value);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"relative flex p-0.5 rounded-lg\"\n\t\t\tstyle={{\n\t\t\t\tbackground: \"rgba(255, 255, 255, 0.04)\",\n\t\t\t\tborder: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t}}\n\t\t>\n\t\t\t{/ Sliding indicator /}\n\t\t\t<div\n\t\t\t\tclassName=\"absolute top-0.5 bottom-0.5 rounded-md transition-transform duration-150 ease-out\"\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: `calc(${100 / options.length}% - 2px)`,\n\t\t\t\t\tleft: \"2px\",\n\t\t\t\t\ttransform: `translateX(calc(${activeIndex 100}% + ${activeIndex * 2}px))`,\n\t\t\t\t\tbackground: \"rgba(255, 255, 255, 0.1)\",\n\t\t\t\t}}\n\t\t\t/>\n\n\t\t\t{options.map((option) => (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tkey={option.value}\n\t\t\t\t\tonClick={() => onChange(option.value)}\n\t\t\t\t\tclassName={`\n relative z-10 flex-1 flex items-center justify-center gap-1.5 px-2 py-1.5\n text-xs font-medium rounded-md transition-colors duration-150\n ${value === option.value ? \"text-white\" : \"text-gray-400 hover:text-gray-300\"}\n `}\n\t\t\t\t>\n\t\t\t\t\t{option.icon}\n\t\t\t\t\t<span className=\"capitalize\">{option.label}</span>\n\t\t\t\t</button>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Main DevControls Component\n// ============================================================================\n\nfunction DevControls({ defaultProps }: DevControlsProps) {\n\tconst [isOpen, setIsOpen] = useState(() => {\n\t\tif (typeof window === \"undefined\") {\n\t\t\treturn false;\n\t\t}\n\t\treturn localStorage.getItem(\"dev-controls-open\") === \"true\";\n\t});\n\tconst [isAnimating, setIsAnimating] = useState(false);\n\tconst [shouldRender, setShouldRender] = useState(isOpen);\n\tconst [displayMode, setDisplayMode] = useState<DisplayMode>(\"inline\");\n\tconst [theme, setTheme] = useState<Theme>(\"dark\");\n\tconst [showSafeArea, setShowSafeArea] = useState(false);\n\tconst [propsJson, setPropsJson] = useState(() =>\n\t\tJSON.stringify(defaultProps ?? {}, null, 2),\n\t);\n\tconst [jsonError, setJsonError] = useState<string \| null>(null);\n\tconst debounceRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\tconst panelRef = useRef<HTMLDivElement>(null);\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\t// Initialize from mock state\n\tuseEffect(() => {\n\t\tconst state = getMockState();\n\t\tsetDisplayMode(state.displayMode);\n\t\tsetTheme(state.theme);\n\t}, []);\n\n\t// Update safeArea when toggled\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\t\tif (!window.openai) {\n\t\t\t// biome-ignore lint/suspicious/noExplicitAny: window.openai may not exist yet\n\t\t\t(window as any).openai = {};\n\t\t}\n\t\twindow.openai.safeArea = {\n\t\t\tinsets: {\n\t\t\t\ttop: 0,\n\t\t\t\tbottom: showSafeArea ? MOCK_SAFE_AREA_HEIGHT : 0,\n\t\t\t\tleft: 0,\n\t\t\t\tright: 0,\n\t\t\t},\n\t\t};\n\t\twindow.dispatchEvent(\n\t\t\tnew SetGlobalsEvent({ globals: { safeArea: window.openai.safeArea } }),\n\t\t);\n\t}, [showSafeArea]);\n\n\t// Persist open state\n\tuseEffect(() => {\n\t\tlocalStorage.setItem(\"dev-controls-open\", String(isOpen));\n\t}, [isOpen]);\n\n\tconst openPanel = useCallback(() => {\n\t\tsetShouldRender(true);\n\t\t// Small delay to ensure DOM is ready for animation\n\t\trequestAnimationFrame(() => {\n\t\t\tsetIsOpen(true);\n\t\t});\n\t}, []);\n\n\tconst closePanel = useCallback(() => {\n\t\tsetIsAnimating(true);\n\t\tsetIsOpen(false);\n\t\t// Wait for exit animation\n\t\tsetTimeout(() => {\n\t\t\tsetShouldRender(false);\n\t\t\tsetIsAnimating(false);\n\t\t}, 150);\n\t}, []);\n\n\tconst togglePanel = useCallback(() => {\n\t\tif (isOpen) {\n\t\t\tclosePanel();\n\t\t} else {\n\t\t\topenPanel();\n\t\t}\n\t}, [isOpen, openPanel, closePanel]);\n\n\t// Keyboard shortcuts\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\t// Cmd/Ctrl + Shift + D to toggle\n\t\t\tif ((e.metaKey \|\| e.ctrlKey) && e.shiftKey && e.key === \"d\") {\n\t\t\t\te.preventDefault();\n\t\t\t\ttogglePanel();\n\t\t\t}\n\t\t\t// Escape to close\n\t\t\tif (e.key === \"Escape\" && isOpen) {\n\t\t\t\tclosePanel();\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener(\"keydown\", handleKeyDown);\n\t\treturn () => window.removeEventListener(\"keydown\", handleKeyDown);\n\t}, [isOpen, togglePanel, closePanel]);\n\n\t// Click outside to close\n\tuseEffect(() => {\n\t\tif (!isOpen) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst handleClickOutside = (e: MouseEvent) => {\n\t\t\tif (\n\t\t\t\tcontainerRef.current &&\n\t\t\t\t!containerRef.current.contains(e.target as Node)\n\t\t\t) {\n\t\t\t\tclosePanel();\n\t\t\t}\n\t\t};\n\n\t\tdocument.addEventListener(\"mousedown\", handleClickOutside);\n\t\treturn () => document.removeEventListener(\"mousedown\", handleClickOutside);\n\t}, [isOpen, closePanel]);\n\n\tconst handleDisplayModeChange = useCallback((mode: DisplayMode) => {\n\t\tsetDisplayMode(mode);\n\t\tupdateMockDisplayMode(mode);\n\t}, []);\n\n\tconst handleThemeChange = useCallback((newTheme: Theme) => {\n\t\tsetTheme(newTheme);\n\t\tupdateMockTheme(newTheme);\n\t}, []);\n\n\tconst applyProps = useCallback((json: string) => {\n\t\ttry {\n\t\t\tconst parsed = JSON.parse(json);\n\t\t\tsetJsonError(null);\n\t\t\tupdateMockToolOutput(parsed);\n\t\t} catch {\n\t\t\tsetJsonError(\"Invalid JSON\");\n\t\t}\n\t}, []);\n\n\tconst handlePropsChange = useCallback(\n\t\t(json: string) => {\n\t\t\tsetPropsJson(json);\n\t\t\tif (debounceRef.current) {\n\t\t\t\tclearTimeout(debounceRef.current);\n\t\t\t}\n\t\t\tdebounceRef.current = setTimeout(() => {\n\t\t\t\tapplyProps(json);\n\t\t\t}, 500);\n\t\t},\n\t\t[applyProps],\n\t);\n\n\tconst handlePropsBlur = useCallback(() => {\n\t\tif (debounceRef.current) {\n\t\t\tclearTimeout(debounceRef.current);\n\t\t}\n\t\tapplyProps(propsJson);\n\t}, [applyProps, propsJson]);\n\n\tconst handleReset = useCallback(() => {\n\t\tconst defaultJson = JSON.stringify(defaultProps ?? {}, null, 2);\n\t\tsetPropsJson(defaultJson);\n\t\tsetJsonError(null);\n\t\tupdateMockToolOutput(defaultProps ?? {});\n\t\tsetDisplayMode(\"inline\");\n\t\tupdateMockDisplayMode(\"inline\");\n\t\tsetTheme(\"dark\");\n\t\tupdateMockTheme(\"dark\");\n\t}, [defaultProps]);\n\n\tconst displayModeOptions: SegmentOption<DisplayMode>[] = [\n\t\t{\n\t\t\tvalue: \"inline\",\n\t\t\tlabel: \"inline\",\n\t\t\ticon: <InlineIcon className=\"w-3.5 h-3.5\" />,\n\t\t},\n\t\t{ value: \"pip\", label: \"pip\", icon: <PipIcon className=\"w-3.5 h-3.5\" /> },\n\t\t{\n\t\t\tvalue: \"fullscreen\",\n\t\t\tlabel: \"full\",\n\t\t\ticon: <FullscreenIcon className=\"w-3.5 h-3.5\" />,\n\t\t},\n\t];\n\n\tconst themeOptions: SegmentOption<Theme>[] = [\n\t\t{\n\t\t\tvalue: \"light\",\n\t\t\tlabel: \"light\",\n\t\t\ticon: <SunIcon className=\"w-3.5 h-3.5\" />,\n\t\t},\n\t\t{\n\t\t\tvalue: \"dark\",\n\t\t\tlabel: \"dark\",\n\t\t\ticon: <MoonIcon className=\"w-3.5 h-3.5\" />,\n\t\t},\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t{/* Inject animation styles /}\n\t\t\t{/* biome-ignore lint/security/noDangerouslySetInnerHtml: we need to inject styles into the DOM /}\n\t\t\t<style dangerouslySetInnerHTML={{ __html: panelAnimationStyles }} />\n\n\t\t\t<div\n\t\t\t\tref={containerRef}\n\t\t\t\tclassName=\"fixed bottom-4 right-4 z-[9999] font-['Inter',_system-ui,_sans-serif]\"\n\t\t\t>\n\t\t\t\t{/ Toggle Button /}\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={togglePanel}\n\t\t\t\t\tclassName=\"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\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: \"rgba(14, 14, 16, 0.95)\",\n\t\t\t\t\t\tbackdropFilter: \"blur(16px)\",\n\t\t\t\t\t\tWebkitBackdropFilter: \"blur(16px)\",\n\t\t\t\t\t\tborder: \"1px solid rgba(255, 255, 255, 0.08)\",\n\t\t\t\t\t\tboxShadow: `\n 0 4px 12px rgba(0, 0, 0, 0.4),\n 0 0 0 1px rgba(255, 255, 255, 0.05),\n inset 0 1px 0 rgba(255, 255, 255, 0.04)\n `,\n\t\t\t\t\t}}\n\t\t\t\t\taria-label=\"Toggle Dev Controls\"\n\t\t\t\t\taria-expanded={isOpen}\n\t\t\t\t>\n\t\t\t\t\t<DevIcon\n\t\t\t\t\t\tclassName={`w-5 h-5 transition-all duration-200 ${\n\t\t\t\t\t\t\tisOpen\n\t\t\t\t\t\t\t\t? \"text-indigo-400 scale-110\"\n\t\t\t\t\t\t\t\t: \"text-gray-300 group-hover:text-white\"\n\t\t\t\t\t\t}`}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{/ Subtle glow on hover /}\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"absolute inset-0 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\"radial-gradient(circle at center, rgba(99, 102, 241, 0.15) 0%, transparent 70%)\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</button>\n\n\t\t\t\t{/ Panel /}\n\t\t\t\t{shouldRender && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={panelRef}\n\t\t\t\t\t\tclassName={`absolute bottom-14 right-0 w-80 ${\n\t\t\t\t\t\t\tisOpen && !isAnimating ? \"dev-panel-enter\" : \"dev-panel-exit\"\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tmaxHeight: \"calc(100vh - 120px)\",\n\t\t\t\t\t\t\tbackground: \"rgba(14, 14, 16, 0.92)\",\n\t\t\t\t\t\t\tbackdropFilter: \"blur(24px)\",\n\t\t\t\t\t\t\tWebkitBackdropFilter: \"blur(24px)\",\n\t\t\t\t\t\t\tborder: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t\t\t\t\tborderRadius: \"16px\",\n\t\t\t\t\t\t\tboxShadow: `\n 0 25px 50px -12px rgba(0, 0, 0, 0.6),\n 0 0 0 1px rgba(255, 255, 255, 0.05),\n inset 0 1px 0 rgba(255, 255, 255, 0.04)\n `,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{/ Header /}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"flex items-center justify-between px-4 py-3\"\n\t\t\t\t\t\t\tstyle={{ borderBottom: \"1px solid rgba(255, 255, 255, 0.06)\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t<DevIcon className=\"w-4 h-4 text-gray-400\" />\n\t\t\t\t\t\t\t\t<span className=\"text-sm font-medium text-white\">\n\t\t\t\t\t\t\t\t\tDev Controls\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t{/ Keyboard shortcut badge /}\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName=\"text-[10px] font-medium text-gray-500 px-1.5 py-0.5 rounded\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackground: \"rgba(255, 255, 255, 0.04)\",\n\t\t\t\t\t\t\t\t\t\tborder: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{typeof navigator !== \"undefined\" &&\n\t\t\t\t\t\t\t\t\tnavigator.platform?.includes(\"Mac\")\n\t\t\t\t\t\t\t\t\t\t? \"⌘⇧D\"\n\t\t\t\t\t\t\t\t\t\t: \"Ctrl+Shift+D\"}\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t{/ Close button /}\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={closePanel}\n\t\t\t\t\t\t\t\t\tclassName=\"p-1 rounded-md text-gray-500 hover:text-gray-300 hover:bg-white/5 transition-colors\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CloseIcon className=\"w-4 h-4\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/ Content /}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"p-4 space-y-5 overflow-y-auto\"\n\t\t\t\t\t\t\tstyle={{ maxHeight: \"calc(100vh - 200px)\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/ Display Mode /}\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\thtmlFor=\"display-mode\"\n\t\t\t\t\t\t\t\t\tclassName=\"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tDisplay Mode\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t<SegmentedControl\n\t\t\t\t\t\t\t\t\toptions={displayModeOptions}\n\t\t\t\t\t\t\t\t\tvalue={displayMode}\n\t\t\t\t\t\t\t\t\tonChange={handleDisplayModeChange}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/ Theme /}\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\thtmlFor=\"theme\"\n\t\t\t\t\t\t\t\t\tclassName=\"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tTheme\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t<SegmentedControl\n\t\t\t\t\t\t\t\t\toptions={themeOptions}\n\t\t\t\t\t\t\t\t\tvalue={theme}\n\t\t\t\t\t\t\t\t\tonChange={handleThemeChange}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/ Safe Area Mock /}\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\thtmlFor=\"safe-area\"\n\t\t\t\t\t\t\t\t\tclassName=\"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tSafe Area (Chat Input)\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={() => setShowSafeArea(!showSafeArea)}\n\t\t\t\t\t\t\t\t\tclassName={`w-full flex items-center justify-between px-3 py-2.5 rounded-lg text-xs font-medium transition-all duration-150 ${\n\t\t\t\t\t\t\t\t\t\tshowSafeArea ? \"text-emerald-400\" : \"text-gray-400\"\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackground: showSafeArea\n\t\t\t\t\t\t\t\t\t\t\t? \"rgba(34, 197, 94, 0.1)\"\n\t\t\t\t\t\t\t\t\t\t\t: \"rgba(255, 255, 255, 0.04)\",\n\t\t\t\t\t\t\t\t\t\tborder: showSafeArea\n\t\t\t\t\t\t\t\t\t\t\t? \"1px solid rgba(34, 197, 94, 0.3)\"\n\t\t\t\t\t\t\t\t\t\t\t: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>Mock ChatGPT Input Bar</span>\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName={`px-2 py-0.5 rounded text-[10px] font-semibold ${\n\t\t\t\t\t\t\t\t\t\t\tshowSafeArea\n\t\t\t\t\t\t\t\t\t\t\t\t? \"bg-emerald-500/20 text-emerald-400\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \"bg-gray-500/20 text-gray-500\"\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{showSafeArea ? \"ON\" : \"OFF\"}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t{showSafeArea && (\n\t\t\t\t\t\t\t\t\t<p className=\"text-[10px] text-gray-500 mt-1.5\">\n\t\t\t\t\t\t\t\t\t\tbottom: {MOCK_SAFE_AREA_HEIGHT}px\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/ Widget Props /}\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\thtmlFor=\"widget-props\"\n\t\t\t\t\t\t\t\t\tclassName=\"text-[11px] font-medium uppercase tracking-wider text-gray-500 block mb-2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tWidget Props\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\t\t\tvalue={propsJson}\n\t\t\t\t\t\t\t\t\tonChange={(e) => handlePropsChange(e.target.value)}\n\t\t\t\t\t\t\t\t\tonBlur={handlePropsBlur}\n\t\t\t\t\t\t\t\t\tclassName=\"dev-json-editor w-full min-h-[160px] text-xs text-gray-200 p-3 rounded-lg resize-none focus:outline-none transition-colors\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tbackground: \"rgba(0, 0, 0, 0.3)\",\n\t\t\t\t\t\t\t\t\t\tborder: jsonError\n\t\t\t\t\t\t\t\t\t\t\t? \"1px solid rgba(239, 68, 68, 0.5)\"\n\t\t\t\t\t\t\t\t\t\t\t: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t\t\t\t\t\t\t\tfontFamily:\n\t\t\t\t\t\t\t\t\t\t\t\"'JetBrains Mono', 'SF Mono', 'Fira Code', monospace\",\n\t\t\t\t\t\t\t\t\t\tlineHeight: 1.6,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonFocus={(e) => {\n\t\t\t\t\t\t\t\t\t\tif (!jsonError) {\n\t\t\t\t\t\t\t\t\t\t\te.target.style.borderColor = \"rgba(99, 102, 241, 0.5)\";\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonBlurCapture={(e) => {\n\t\t\t\t\t\t\t\t\t\tif (!jsonError) {\n\t\t\t\t\t\t\t\t\t\t\te.target.style.borderColor = \"rgba(255, 255, 255, 0.06)\";\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tspellCheck={false}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{jsonError && (\n\t\t\t\t\t\t\t\t\t<p className=\"text-red-400 text-[11px] mt-1.5 flex items-center gap-1\">\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\taria-label=\"Error\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"w-3 h-3\"\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7 4.5h2v4H7v-4zm0 5h2v2H7v-2z\" />\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t{jsonError}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/ Reset Button /}\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={handleReset}\n\t\t\t\t\t\t\t\tclassName=\"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\"\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackground: \"rgba(255, 255, 255, 0.04)\",\n\t\t\t\t\t\t\t\t\tborder: \"1px solid rgba(255, 255, 255, 0.06)\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonMouseEnter={(e) => {\n\t\t\t\t\t\t\t\t\te.currentTarget.style.background =\n\t\t\t\t\t\t\t\t\t\t\"rgba(255, 255, 255, 0.08)\";\n\t\t\t\t\t\t\t\t\te.currentTarget.style.borderColor =\n\t\t\t\t\t\t\t\t\t\t\"rgba(255, 255, 255, 0.1)\";\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonMouseLeave={(e) => {\n\t\t\t\t\t\t\t\t\te.currentTarget.style.background =\n\t\t\t\t\t\t\t\t\t\t\"rgba(255, 255, 255, 0.04)\";\n\t\t\t\t\t\t\t\t\te.currentTarget.style.borderColor =\n\t\t\t\t\t\t\t\t\t\t\"rgba(255, 255, 255, 0.06)\";\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ResetIcon className=\"w-3.5 h-3.5\" />\n\t\t\t\t\t\t\t\tReset to Defaults\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/ Mock ChatGPT Input Bar /}\n\t\t\t{showSafeArea && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"fixed bottom-0 left-0 right-0 z-[9998] flex items-center justify-center pointer-events-none\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${MOCK_SAFE_AREA_HEIGHT}px`,\n\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\"linear-gradient(to top, #1a1a1a 0%, #1a1a1a 80%, transparent 100%)\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<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\">\n\t\t\t\t\t\t<div className=\"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center\">\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 text-gray-400\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\td=\"M12 4v16m8-8H4\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"flex-1 text-gray-400 text-sm\">\n\t\t\t\t\t\t\tAsk me anything...\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"w-8 h-8 rounded-full bg-[#424242] flex items-center justify-center\">\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName=\"w-4 h-4 text-gray-400\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\t\tstrokeWidth={2}\n\t\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"absolute bottom-1 text-[10px] text-gray-600 font-mono\">\n\t\t\t\t\t\tMock SafeArea: bottom={MOCK_SAFE_AREA_HEIGHT}px\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import {\n\ttype DisplayMode,\n\ttype OpenAIGlobals,\n\tSetGlobalsEvent,\n\ttype Theme,\n} from \"../hooks/@types\";\n\nconst DEFAULT_MOCK_CONFIG: Omit<OpenAIGlobals, \"setWidgetState\"> = {\n\ttheme: \"dark\",\n\tuserAgent: {\n\t\tdevice: { type: \"desktop\" },\n\t\tcapabilities: { hover: true, touch: false },\n\t},\n\tlocale: \"en\",\n\tmaxHeight: 800,\n\tdisplayMode: \"inline\",\n\tsafeArea: { insets: { top: 0, bottom: 0, left: 0, right: 0 } },\n\ttoolInput: {},\n\ttoolOutput: null,\n\ttoolResponseMetadata: null,\n\twidgetState: null,\n};\n\nlet mockState: Omit<OpenAIGlobals, \"setWidgetState\"> = {\n\t...DEFAULT_MOCK_CONFIG,\n};\n\nexport function initializeMockOpenAI(\n\tinitialToolOutput?: Record<string, unknown>,\n): void {\n\tif (typeof window === \"undefined\") {\n\t\treturn;\n\t}\n\tif (window.openai) {\n\t\treturn; // Already initialized (real ChatGPT or previous mock)\n\t}\n\n\tmockState = {\n\t\t...DEFAULT_MOCK_CONFIG,\n\t\ttoolOutput: initialToolOutput ?? null,\n\t};\n\n\twindow.openai = {\n\t\t...mockState,\n\t\t// Mock API functions\n\t\trequestDisplayMode: async ({ mode }) => {\n\t\t\tupdateMockGlobal(\"displayMode\", mode);\n\t\t\treturn { mode };\n\t\t},\n\t\tcallTool: async (name, args) => {\n\t\t\tconsole.log(`[DevMode] callTool: ${name}`, args);\n\t\t\treturn { result: JSON.stringify({ mock: true, tool: name, args }) };\n\t\t},\n\t\tsendFollowUpMessage: async ({ prompt }) => {\n\t\t\tconsole.log(`[DevMode] sendFollowUpMessage: ${prompt}`);\n\t\t},\n\t\topenExternal: ({ href }) => {\n\t\t\tconsole.log(`[DevMode] openExternal: ${href}`);\n\t\t\twindow.open(href, \"_blank\");\n\t\t},\n\t\tsetWidgetState: async (state) => {\n\t\t\tupdateMockGlobal(\"widgetState\", state);\n\t\t},\n\t};\n\n\t// Dispatch initial event so hooks pick up the values\n\twindow.dispatchEvent(new SetGlobalsEvent({ globals: mockState }));\n}\n\nexport function updateMockGlobal<K extends keyof OpenAIGlobals>(\n\tkey: K,\n\tvalue: OpenAIGlobals[K],\n): void {\n\tif (typeof window === \"undefined\" \|\| !window.openai) {\n\t\treturn;\n\t}\n\n\t(mockState as Record<string, unknown>)[key] = value;\n\t(window.openai as Record<string, unknown>)[key] = value;\n\n\twindow.dispatchEvent(new SetGlobalsEvent({ globals: { [key]: value } }));\n}\n\nexport function getMockState(): typeof mockState {\n\treturn { ...mockState };\n}\n\nexport function updateMockToolOutput(props: Record<string, unknown>): void {\n\tupdateMockGlobal(\"toolOutput\", props);\n}\n\nexport function updateMockDisplayMode(mode: DisplayMode): void {\n\tupdateMockGlobal(\"displayMode\", mode);\n}\n\nexport function updateMockTheme(theme: Theme): void {\n\tupdateMockGlobal(\"theme\", theme);\n}\n","\"use client\";\n\nimport { useCallback } from \"react\";\nimport type { ToolCallResult } from \"../widgets/widget-client\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get a function to call other tools.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns A function to call tools with their name and arguments\n /\nexport function useCallTool(): (\n\tname: string,\n\targs: Record<string, unknown>,\n) => Promise<ToolCallResult> {\n\tconst client = useWidgetClient();\n\treturn useCallback(\n\t\t(name: string, args: Record<string, unknown>) =>\n\t\t\tclient.callTool(name, args),\n\t\t[client],\n\t);\n}\n","\"use client\";\n\nimport React, {\n\tcreateContext,\n\ttype ReactNode,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseState,\n\tuseSyncExternalStore,\n} from \"react\";\nimport {\n\tcreateWidgetClient,\n\ttype UnifiedWidgetClient,\n} from \"../widgets/widget-client\";\nimport type { DisplayMode, SafeArea, Theme, UnknownObject } from \"./@types\";\n\n/\n Context for the unified widget client.\n * @internal Exported for use by useWaniwani to optionally resolve config.\n /\nexport const WidgetClientContext = createContext<UnifiedWidgetClient \| null>(\n\tnull,\n);\n\n/\n Provider props\n /\ninterface WidgetProviderProps {\n\tchildren: ReactNode;\n\t/* Optional loading component while connecting /\n\tloading?: ReactNode;\n\t/* Optional error component /\n\tonError?: (error: Error) => ReactNode;\n}\n\n/\n Provider component that initializes the correct widget client based on platform.\n * Wrap your widget component with this provider.\n \n @example\n * ```tsx\n * function App() {\n * return (\n * <WidgetProvider loading={<Spinner />}>\n * <MyWidget />\n * </WidgetProvider>\n * );\n * }\n * ```\n /\nexport function WidgetProvider({\n\tchildren,\n\tloading = null,\n\tonError,\n}: WidgetProviderProps) {\n\tconst [client, setClient] = useState<UnifiedWidgetClient \| null>(null);\n\tconst [error, setError] = useState<Error \| null>(null);\n\tconst [isConnecting, setIsConnecting] = useState(true);\n\n\tuseEffect(() => {\n\t\tlet mounted = true;\n\t\tlet activeClient: UnifiedWidgetClient \| null = null;\n\n\t\tasync function initClient() {\n\t\t\ttry {\n\t\t\t\tconst widgetClient = await createWidgetClient();\n\n\t\t\t\tawait widgetClient.connect();\n\n\t\t\t\tif (mounted) {\n\t\t\t\t\tactiveClient = widgetClient;\n\t\t\t\t\tsetClient(widgetClient);\n\t\t\t\t\tsetIsConnecting(false);\n\t\t\t\t} else {\n\t\t\t\t\t// Component unmounted during connect — clean up\n\t\t\t\t\twidgetClient.close();\n\t\t\t\t}\n\t\t\t} catch (err) {\n\t\t\t\tif (mounted) {\n\t\t\t\t\tconsole.error(\"error\", err);\n\t\t\t\t\tsetError(err instanceof Error ? err : new Error(String(err)));\n\t\t\t\t\tsetIsConnecting(false);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tinitClient();\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\t\t\tactiveClient?.close();\n\t\t};\n\t}, []);\n\n\t// Sync theme to <html> class so consumers can use html.dark { ... } or dark: variants\n\tuseEffect(() => {\n\t\tif (!client) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst syncTheme = (theme: Theme) => {\n\t\t\tdocument.documentElement.classList.toggle(\"dark\", theme === \"dark\");\n\t\t\tdocument.documentElement.style.colorScheme =\n\t\t\t\ttheme === \"dark\" ? \"dark\" : \"auto\";\n\t\t};\n\n\t\tsyncTheme(client.getTheme());\n\t\treturn client.onThemeChange(syncTheme);\n\t}, [client]);\n\n\tif (error && onError) {\n\t\treturn React.createElement(React.Fragment, null, onError(error));\n\t}\n\n\tif (isConnecting \|\| !client) {\n\t\treturn React.createElement(React.Fragment, null, loading);\n\t}\n\n\treturn React.createElement(\n\t\tWidgetClientContext.Provider,\n\t\t{ value: client },\n\t\tchildren,\n\t);\n}\n\n/\n Keys that can be selected from the widget client.\n /\ntype WidgetKey =\n\t\| \"toolOutput\"\n\t\| \"theme\"\n\t\| \"displayMode\"\n\t\| \"locale\"\n\t\| \"safeArea\"\n\t\| \"maxHeight\"\n\t\| \"toolResponseMetadata\"\n\t\| \"widgetState\";\n\n/\n Value types for each widget key.\n /\ntype WidgetKeyValues = {\n\ttoolOutput: Record<string, unknown> \| null;\n\ttheme: Theme;\n\tdisplayMode: DisplayMode;\n\tlocale: string;\n\tsafeArea: SafeArea \| null;\n\tmaxHeight: number \| null;\n\ttoolResponseMetadata: UnknownObject \| null;\n\twidgetState: UnknownObject \| null;\n};\n\n/\n Get the unified widget client instance.\n * Must be used within a WidgetProvider.\n \n @example\n * ```tsx\n * // Full client for actions\n * const client = useWidgetClient();\n * client.callTool(\"foo\", {});\n \n // Key selector for reactive values\n * const toolOutput = useWidgetClient(\"toolOutput\");\n * const theme = useWidgetClient(\"theme\");\n * ```\n /\nexport function useWidgetClient(): UnifiedWidgetClient;\nexport function useWidgetClient<K extends WidgetKey>(\n\tkey: K,\n): WidgetKeyValues[K];\nexport function useWidgetClient<K extends WidgetKey>(key?: K) {\n\tconst client = useContext(WidgetClientContext);\n\n\tif (!client) {\n\t\tthrow new Error(\"useWidgetClient must be used within a WidgetProvider\");\n\t}\n\n\t// Key selector - use useSyncExternalStore\n\tconst subscribe = useCallback(\n\t\t(onChange: () => void) => {\n\t\t\tif (key === \"toolOutput\") {\n\t\t\t\treturn client.onToolResult(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"theme\") {\n\t\t\t\treturn client.onThemeChange(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"displayMode\") {\n\t\t\t\treturn client.onDisplayModeChange(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"safeArea\") {\n\t\t\t\treturn client.onSafeAreaChange(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"maxHeight\") {\n\t\t\t\treturn client.onMaxHeightChange(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"toolResponseMetadata\") {\n\t\t\t\treturn client.onToolResponseMetadataChange(() => onChange());\n\t\t\t}\n\t\t\tif (key === \"widgetState\") {\n\t\t\t\treturn client.onWidgetStateChange(() => onChange());\n\t\t\t}\n\t\t\treturn () => {};\n\t\t},\n\t\t[client, key],\n\t);\n\n\tconst getSnapshot = useCallback(() => {\n\t\tif (key === \"toolOutput\") {\n\t\t\treturn client.getToolOutput();\n\t\t}\n\t\tif (key === \"theme\") {\n\t\t\treturn client.getTheme();\n\t\t}\n\t\tif (key === \"displayMode\") {\n\t\t\treturn client.getDisplayMode();\n\t\t}\n\t\tif (key === \"locale\") {\n\t\t\treturn client.getLocale();\n\t\t}\n\t\tif (key === \"safeArea\") {\n\t\t\treturn client.getSafeArea();\n\t\t}\n\t\tif (key === \"maxHeight\") {\n\t\t\treturn client.getMaxHeight();\n\t\t}\n\t\tif (key === \"toolResponseMetadata\") {\n\t\t\treturn client.getToolResponseMetadata();\n\t\t}\n\t\tif (key === \"widgetState\") {\n\t\t\treturn client.getWidgetState();\n\t\t}\n\t\treturn null;\n\t}, [client, key]);\n\n\tconst store = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n\t// No key - return full client\n\tif (!key) {\n\t\treturn client;\n\t}\n\n\treturn store;\n}\n","import type { CallToolResult as McpCallToolResult } from \"@modelcontextprotocol/sdk/types.js\";\nimport type { ModelContextUpdate } from \"../../../shared/model-context\";\nimport type {\n\tDisplayMode,\n\tSafeArea,\n\tTheme,\n\tUnknownObject,\n} from \"../hooks/@types\";\n\n/\n Result from calling a tool\n /\nexport type ToolCallResult = McpCallToolResult;\n\n/\n Tool result notification (what the host pushes to the widget)\n /\nexport type ToolResult = McpCallToolResult;\n\n/\n Host context - all values available from the host.\n /\nexport type HostContext = {\n\ttheme: Theme;\n\tlocale: string;\n\tdisplayMode: DisplayMode;\n\tmaxHeight: number \| null;\n\tsafeArea: SafeArea \| null;\n\ttoolOutput: UnknownObject \| null;\n\ttoolResponseMetadata: UnknownObject \| null;\n\twidgetState: UnknownObject \| null;\n};\n\n/\n Store interface for useSyncExternalStore compatibility.\n /\nexport type HostContextStore<K extends keyof HostContext> = {\n\tsubscribe: (onStoreChange: () => void) => () => void;\n\tgetSnapshot: () => HostContext[K];\n};\n\n/\n Unified widget client interface that works on both OpenAI and MCP Apps.\n \n Platform-specific behavior:\n * - Display mode: OpenAI-only. MCP Apps returns \"inline\" and requestDisplayMode is a no-op.\n * - Follow-up messages: Unified API, different underlying implementations.\n /\nexport interface UnifiedWidgetClient {\n\t/\n\t Connect to the host. Must be called before using other methods.\n\t * On OpenAI, this is a no-op (already connected via window.openai).\n\t * On MCP Apps, this establishes the postMessage connection.\n\t /\n\tconnect(): Promise<void>;\n\n\t/\n\t Close the connection to the host and clean up resources.\n\t * On OpenAI, this is a no-op.\n\t * On MCP Apps, this closes the transport and removes event listeners.\n\t /\n\tclose(): Promise<void>;\n\n\t/\n\t Get the tool output (structured content returned by the tool handler).\n\t * This is the main data source for widget rendering.\n\t /\n\tgetToolOutput<T = Record<string, unknown>>(): T \| null;\n\n\t/\n\t Register a callback for when tool results are received.\n\t * On OpenAI, this subscribes to toolOutput changes.\n\t * On MCP Apps, this sets app.ontoolresult.\n\t /\n\tonToolResult(callback: (result: ToolResult) => void): () => void;\n\n\t/\n\t Call another tool on the server.\n\t /\n\tcallTool(\n\t\tname: string,\n\t\targs: Record<string, unknown>,\n\t): Promise<ToolCallResult>;\n\n\t/\n\t Open an external URL.\n\t * On OpenAI: openai.openExternal({ href })\n\t * On MCP Apps: app.sendOpenLink(url)\n\t /\n\topenExternal(url: string): void;\n\n\t/\n\t Send a follow-up message to the AI.\n\t * On OpenAI: openai.sendFollowUpMessage({ prompt })\n\t * On MCP Apps: app.sendMessages([{ role: 'user', content: { type: 'text', text: prompt } }])\n\t /\n\tsendFollowUp(prompt: string): void \| Promise<void>;\n\n\t/\n\t Update hidden model context for the next assistant turn.\n\t * On MCP Apps this uses the standard `ui/update-model-context` request.\n\t * On other hosts this may fall back to best-effort behavior.\n\t /\n\tupdateModelContext(context: ModelContextUpdate): Promise<void> \| void;\n\n\t/\n\t Get the current theme.\n\t /\n\tgetTheme(): Theme;\n\n\t/\n\t Subscribe to theme changes.\n\t /\n\tonThemeChange(callback: (theme: Theme) => void): () => void;\n\n\t/\n\t Get the current locale.\n\t /\n\tgetLocale(): string;\n\n\t/\n\t Get the current display mode.\n\t * OpenAI-only: returns \"pip\" \| \"inline\" \| \"fullscreen\"\n\t * MCP Apps: always returns \"inline\"\n\t /\n\tgetDisplayMode(): DisplayMode;\n\n\t/\n\t Request a display mode change.\n\t * OpenAI-only: requests the mode from the host.\n\t * MCP Apps: no-op (returns current mode).\n\t /\n\trequestDisplayMode(mode: DisplayMode): Promise<DisplayMode>;\n\n\t/\n\t Subscribe to display mode changes.\n\t * OpenAI-only: subscribes to displayMode changes.\n\t * MCP Apps: callback is never called.\n\t /\n\tonDisplayModeChange(callback: (mode: DisplayMode) => void): () => void;\n\n\t/\n\t Get the safe area insets.\n\t * OpenAI-only: returns insets from window.openai.safeArea.\n\t * MCP Apps: returns null.\n\t /\n\tgetSafeArea(): SafeArea \| null;\n\n\t/\n\t Subscribe to safe area changes.\n\t * OpenAI-only: subscribes to safeArea changes.\n\t * MCP Apps: callback is never called.\n\t /\n\tonSafeAreaChange(callback: (safeArea: SafeArea \| null) => void): () => void;\n\n\t/\n\t Get the max height constraint.\n\t * OpenAI-only: returns maxHeight from window.openai.maxHeight.\n\t * MCP Apps: returns null.\n\t /\n\tgetMaxHeight(): number \| null;\n\n\t/\n\t Subscribe to max height changes.\n\t * OpenAI-only: subscribes to maxHeight changes.\n\t * MCP Apps: callback is never called.\n\t /\n\tonMaxHeightChange(callback: (maxHeight: number \| null) => void): () => void;\n\n\t/\n\t Get the tool response metadata.\n\t * OpenAI: returns metadata from window.openai.toolResponseMetadata.\n\t * MCP Apps: returns `_meta` from the latest `ui/notifications/tool-result`, if provided by host.\n\t /\n\tgetToolResponseMetadata(): UnknownObject \| null;\n\n\t/\n\t Subscribe to tool response metadata changes.\n\t * OpenAI: subscribes to toolResponseMetadata changes.\n\t * MCP Apps: fires when tool result `_meta` changes.\n\t /\n\tonToolResponseMetadataChange(\n\t\tcallback: (metadata: UnknownObject \| null) => void,\n\t): () => void;\n\n\t/\n\t Get the widget state.\n\t * OpenAI-only: returns state from window.openai.widgetState.\n\t * MCP Apps: returns null.\n\t /\n\tgetWidgetState(): UnknownObject \| null;\n\n\t/\n\t Subscribe to widget state changes.\n\t * OpenAI-only: subscribes to widgetState changes.\n\t * MCP Apps: callback is never called.\n\t /\n\tonWidgetStateChange(\n\t\tcallback: (state: UnknownObject \| null) => void,\n\t): () => void;\n}\n\n/\n Creates a unified widget client for the current platform.\n /\nexport async function createWidgetClient(): Promise<UnifiedWidgetClient> {\n\tconst { detectPlatform } = await import(\"./platform\");\n\tconst platform = detectPlatform();\n\n\tif (platform === \"openai\") {\n\t\tconst { OpenAIWidgetClient } = await import(\"./openai-client\");\n\t\treturn new OpenAIWidgetClient();\n\t} else {\n\t\tconst { MCPAppsWidgetClient } = await import(\"./mcp-apps-client\");\n\t\treturn new MCPAppsWidgetClient();\n\t}\n}\n","\"use client\";\n\nimport type { DisplayMode } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get the current display mode.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns The current display mode (\"pip\" \| \"inline\" \| \"fullscreen\")\n /\nexport function useDisplayMode(): DisplayMode {\n\treturn useWidgetClient(\"displayMode\");\n}\n","\"use client\";\n\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get the tool output (structured content returned by the tool handler).\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns The tool output or null\n /\nexport function useToolOutput<T extends Record<string, unknown>>(): T \| null {\n\treturn useWidgetClient(\"toolOutput\") as T \| null;\n}\n","\"use client\";\n\nimport { useToolOutput } from \"./use-tool-output\";\n\n// ── Types ────────────────────────────────────────────────────\n\n/* Return type of the useFlowAction hook /\nexport type FlowActionResult<T> = {\n\t/* Current widget data from structuredContent. /\n\tdata: T \| null;\n};\n\n// ── Hook ─────────────────────────────────────────────────────\n\n/\n Hook for reading flow widget data from structuredContent.\n * Lightweight wrapper over `useToolOutput` — will be extended\n * with flow-specific features in the future.\n \n @example\n * ```tsx\n * const { data } = useFlowAction<{ plans: string[] }>();\n * if (!data) return null;\n * return <PricingTable plans={data.plans} />;\n * ```\n /\nexport function useFlowAction<\n\tT extends Record<string, unknown>,\n>(): FlowActionResult<T> {\n\tconst data = useToolOutput<T>();\n\treturn { data };\n}\n","\"use client\";\n\nimport { useSyncExternalStore } from \"react\";\n\n/\n Check if running in ChatGPT app (OpenAI-only).\n * Returns false on MCP Apps.\n \n @returns Whether the widget is running in ChatGPT app\n /\nexport function useIsChatGptApp(): boolean {\n\treturn useSyncExternalStore(\n\t\t() => () => {},\n\t\t() => {\n\t\t\tif (typeof window === \"undefined\") {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\t// biome-ignore lint/suspicious/noExplicitAny: __isChatGptApp is injected by ChatGPT\n\t\t\treturn (window as any).__isChatGptApp === true;\n\t\t},\n\t\t() => false,\n\t);\n}\n","\"use client\";\n\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get the current locale.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns The current locale string (e.g., \"en-US\")\n /\nexport function useLocale(): string {\n\treturn useWidgetClient(\"locale\");\n}\n","\"use client\";\n\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get the maximum height available for the widget (OpenAI-only).\n * Useful for responsive layouts that need to adapt to container constraints.\n * Returns null on MCP Apps.\n \n @returns The maximum height in pixels, or null if not available\n /\nexport function useMaxHeight(): number \| null {\n\treturn useWidgetClient(\"maxHeight\");\n}\n","\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get a function to open external URLs.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns A function that opens external URLs\n /\nexport function useOpenExternal(): (url: string) => void {\n\tconst client = useWidgetClient();\n\treturn useCallback((url: string) => client.openExternal(url), [client]);\n}\n","\"use client\";\n\nimport { useCallback } from \"react\";\nimport type { DisplayMode } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get a function to request display mode changes.\n * On MCP Apps, this may be a no-op depending on host support.\n \n @returns A function to request a specific display mode\n /\nexport function useRequestDisplayMode(): (\n\tmode: DisplayMode,\n) => Promise<DisplayMode> {\n\tconst client = useWidgetClient();\n\treturn useCallback(\n\t\t(mode: DisplayMode) => client.requestDisplayMode(mode),\n\t\t[client],\n\t);\n}\n","\"use client\";\n\nimport type { SafeArea } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get safe area insets (OpenAI-only).\n * Useful for ensuring UI elements don't get hidden behind the chat input.\n * Returns null on MCP Apps.\n \n @returns The safe area insets, or null if not available\n /\nexport function useSafeArea(): SafeArea \| null {\n\treturn useWidgetClient(\"safeArea\");\n}\n","\"use client\";\n\nimport { useCallback } from \"react\";\nimport {\n\thasModelContext,\n\ttype ModelContextUpdate,\n} from \"../../../shared/model-context\";\nimport { useWidgetClient } from \"./use-widget\";\n\nexport interface SendFollowUpOptions {\n\tmodelContext?: ModelContextUpdate \| null;\n}\n\n/\n Get a function to send follow-up messages to the AI.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns A function that sends a follow-up message\n /\nexport function useSendFollowUp(): (\n\tprompt: string,\n\toptions?: SendFollowUpOptions,\n) => void {\n\tconst client = useWidgetClient();\n\treturn useCallback(\n\t\t(prompt: string, options?: SendFollowUpOptions) => {\n\t\t\tvoid (async () => {\n\t\t\t\tif (hasModelContext(options?.modelContext)) {\n\t\t\t\t\tawait Promise.resolve(\n\t\t\t\t\t\tclient.updateModelContext(options.modelContext),\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tawait Promise.resolve(client.sendFollowUp(prompt));\n\t\t\t})().catch((error) => {\n\t\t\t\tconsole.error(\"Failed to send follow-up message:\", error);\n\t\t\t});\n\t\t},\n\t\t[client],\n\t);\n}\n","\"use client\";\n\nimport type { Theme } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get the current theme.\n * Works on both OpenAI widgets and MCP Apps.\n \n @returns The current theme (\"light\" \| \"dark\")\n /\nexport function useTheme(): Theme {\n\treturn useWidgetClient(\"theme\");\n}\n","\"use client\";\n\nimport type { UnknownObject } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get tool response metadata.\n * Contains host/tool metadata (for example identifiers like\n * `openai/widgetSessionId` and custom tool `_meta` fields).\n * Returns null when the host does not provide metadata.\n \n @returns The tool response metadata object or null if not available\n /\nexport function useToolResponseMetadata(): UnknownObject \| null {\n\treturn useWidgetClient(\"toolResponseMetadata\");\n}\n","\"use client\";\n\nimport { useCallback } from \"react\";\nimport type { ModelContextUpdate } from \"../../../shared/model-context\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n Get a function to update hidden model context for the next assistant turn.\n * Uses the MCP Apps `ui/update-model-context` request when available.\n /\nexport function useUpdateModelContext(): (\n\tcontext: ModelContextUpdate,\n) => Promise<void> {\n\tconst client = useWidgetClient();\n\n\treturn useCallback(\n\t\tasync (context: ModelContextUpdate) => {\n\t\t\tawait Promise.resolve(client.updateModelContext(context));\n\t\t},\n\t\t[client],\n\t);\n}\n","\"use client\";\n\nimport { useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { type AutoCaptureToggles, initAutoCapture } from \"./auto-capture\";\nimport { WidgetClientContext } from \"./use-widget\";\nimport type { WidgetEvent } from \"./widget-transport\";\nimport { WidgetTransport } from \"./widget-transport\";\n\n/\n WaniWani widget config injected into tool response `_meta.waniwani`\n * by `withWaniwani` on the server side.\n /\ninterface WaniwaniMeta {\n\ttoken?: string;\n\tendpoint?: string;\n\tsessionId?: string;\n\tsource?: string;\n}\n\ninterface WaniwaniConfig {\n\ttoken?: string;\n\tendpoint: string;\n\tsessionId?: string;\n\tsource?: string;\n}\n\n/\n Options for the useWaniwani hook.\n /\nexport interface UseWaniwaniOptions {\n\t/\n\t JWT widget token for authenticating directly with the WaniWani backend.\n\t * If omitted, the hook resolves from tool response metadata\n\t * (`toolResponseMetadata.waniwani` or `toolResponseMetadata._meta.waniwani`).\n\t /\n\ttoken?: string;\n\t/\n\t The V2 batch endpoint URL to POST tracking events to.\n\t * If omitted, the hook resolves from tool response metadata\n\t * (`toolResponseMetadata.waniwani` or `toolResponseMetadata._meta.waniwani`).\n\t /\n\tendpoint?: string;\n\t/\n\t Session ID to use for event correlation.\n\t * If omitted, the hook resolves from tool response metadata\n\t * (`toolResponseMetadata.waniwani.sessionId`), then falls back to a random UUID.\n\t /\n\tsessionId?: string;\n\t/\n\t Additional metadata to include with every tracked event.\n\t /\n\tmetadata?: Record<string, unknown>;\n\t/\n\t Opt-in toggles for noisy auto-capture event types. Default: all off.\n\t * Always-on capture: widget_render, widget_error, widget_link_click,\n\t * `data-ww-step` / `data-ww-conversion` clicks.\n\t \n\t @example\n\t * useWaniwani({ capture: { click: true, scroll: true } });\n\t /\n\tcapture?: AutoCaptureToggles;\n}\n\n/\n The tracking API returned by `useWaniwani()`.\n /\nexport interface WaniwaniWidget {\n\t/* Tie all subsequent widget events to this user. /\n\tidentify(userId: string, traits?: Record<string, unknown>): void;\n\t/* Record a funnel step. Auto-incrementing sequence per session. /\n\tstep(name: string, meta?: Record<string, unknown>): void;\n\t/* Record a generic custom event. /\n\ttrack(event: string, properties?: Record<string, unknown>): void;\n\t/* Record a conversion event. /\n\tconversion(name: string, data?: Record<string, unknown>): void;\n}\n\n/* No-op widget that silently discards all calls. /\nconst NOOP_WIDGET: WaniwaniWidget = {\n\tidentify() {},\n\tstep() {},\n\ttrack() {},\n\tconversion() {},\n};\n\ninterface WidgetState {\n\twidget: WaniwaniWidget;\n\tcleanup: () => void;\n\tconfig: WaniwaniConfig \| null;\n\tcaptureKey: string;\n}\n\n/* Module-level singleton — shared across all hook consumers. /\nlet state: WidgetState \| null = null;\nlet consumerCount = 0;\n\nfunction eventId(): string {\n\treturn crypto.randomUUID();\n}\n\nfunction normalizeString(value: unknown): string \| undefined {\n\tif (typeof value !== \"string\") {\n\t\treturn undefined;\n\t}\n\tconst trimmed = value.trim();\n\treturn trimmed.length > 0 ? trimmed : undefined;\n}\n\nfunction createNoopState(): WidgetState {\n\treturn {\n\t\twidget: NOOP_WIDGET,\n\t\tcleanup: () => {},\n\t\tconfig: null,\n\t\tcaptureKey: \"\",\n\t};\n}\n\nfunction captureKeyOf(capture?: AutoCaptureToggles): string {\n\tif (!capture) {\n\t\treturn \"\";\n\t}\n\treturn [\n\t\tcapture.click ? \"1\" : \"0\",\n\t\tcapture.scroll ? \"1\" : \"0\",\n\t\tcapture.formField ? \"1\" : \"0\",\n\t\tcapture.formSubmit ? \"1\" : \"0\",\n\t].join(\"\");\n}\n\n/\n Try to extract WaniWani config from the WidgetProvider context.\n * Returns the config from `toolResponseMetadata.waniwani` (or nested `_meta`) if available.\n /\nfunction resolveConfigFromContext(\n\tclient: { getToolResponseMetadata(): Record<string, unknown> \| null } \| null,\n): WaniwaniConfig \| null {\n\tif (!client) {\n\t\treturn null;\n\t}\n\tconst meta = client.getToolResponseMetadata();\n\tif (!meta) {\n\t\treturn null;\n\t}\n\n\tconst nestedMeta = meta._meta as Record<string, unknown> \| undefined;\n\tconst waniwani = (meta.waniwani ?? nestedMeta?.waniwani) as\n\t\t\| WaniwaniMeta\n\t\t\| undefined;\n\tconst endpoint = normalizeString(waniwani?.endpoint);\n\tif (!endpoint) {\n\t\treturn null;\n\t}\n\n\treturn {\n\t\tendpoint,\n\t\ttoken: normalizeString(waniwani?.token),\n\t\tsessionId: normalizeString(waniwani?.sessionId),\n\t\tsource: normalizeString(waniwani?.source),\n\t};\n}\n\nfunction isSameConfig(\n\ta: WaniwaniConfig \| null \| undefined,\n\tb: WaniwaniConfig \| null \| undefined,\n): boolean {\n\treturn (\n\t\ta?.endpoint === b?.endpoint &&\n\t\ta?.token === b?.token &&\n\t\ta?.sessionId === b?.sessionId &&\n\t\ta?.source === b?.source\n\t);\n}\n\nfunction useContextConfig(\n\tclient: {\n\t\tgetToolResponseMetadata(): Record<string, unknown> \| null;\n\t\tonToolResponseMetadataChange(\n\t\t\tcallback: (metadata: Record<string, unknown> \| null) => void,\n\t\t): () => void;\n\t} \| null,\n): WaniwaniConfig \| null {\n\tconst [config, setConfig] = useState<WaniwaniConfig \| null>(() =>\n\t\tresolveConfigFromContext(client),\n\t);\n\n\tuseEffect(() => {\n\t\tif (!client) {\n\t\t\tsetConfig((prev) => (prev === null ? prev : null));\n\t\t\treturn;\n\t\t}\n\n\t\tconst sync = () => {\n\t\t\tconst next = resolveConfigFromContext(client);\n\t\t\tsetConfig((prev) => (isSameConfig(prev, next) ? prev : next));\n\t\t};\n\n\t\tsync();\n\t\treturn client.onToolResponseMetadataChange(() => {\n\t\t\tsync();\n\t\t});\n\t}, [client]);\n\n\treturn config;\n}\n\nfunction createState(\n\tconfig: WaniwaniConfig,\n\tmetadata?: Record<string, unknown>,\n\tcapture?: AutoCaptureToggles,\n): WidgetState {\n\tconst sessionId = config.sessionId ?? crypto.randomUUID();\n\tconst traceId = crypto.randomUUID();\n\n\tconst transport = new WidgetTransport({\n\t\tendpoint: config.endpoint,\n\t\ttoken: config.token,\n\t\tmetadata,\n\t});\n\tlet userId: string \| undefined;\n\tlet stepSequence = 0;\n\n\tconst enqueue = (events: WidgetEvent[]) => {\n\t\ttransport.send(events);\n\t};\n\n\tconst source = config.source ?? \"widget\";\n\n\tconst cleanupCapture = initAutoCapture(\n\t\t{ sessionId, traceId, metadata, source, capture },\n\t\tenqueue,\n\t);\n\n\tfunction baseFields(\n\t\teventType: string,\n\t\textra?: Record<string, unknown>,\n\t): WidgetEvent {\n\t\treturn {\n\t\t\tevent_id: eventId(),\n\t\t\tevent_type: eventType,\n\t\t\ttimestamp: new Date().toISOString(),\n\t\t\tsource,\n\t\t\tsession_id: sessionId,\n\t\t\ttrace_id: traceId,\n\t\t\tuser_id: userId,\n\t\t\t...extra,\n\t\t};\n\t}\n\n\treturn {\n\t\tcaptureKey: captureKeyOf(capture),\n\t\twidget: {\n\t\t\tidentify(id: string, traits?: Record<string, unknown>) {\n\t\t\t\tuserId = id;\n\t\t\t\tenqueue([\n\t\t\t\t\tbaseFields(\"identify\", {\n\t\t\t\t\t\tuser_id: id,\n\t\t\t\t\t\tuser_traits: traits,\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t},\n\n\t\t\tstep(name: string, meta?: Record<string, unknown>) {\n\t\t\t\tstepSequence++;\n\t\t\t\tenqueue([\n\t\t\t\t\tbaseFields(\"step\", {\n\t\t\t\t\t\tevent_name: name,\n\t\t\t\t\t\tstep_sequence: stepSequence,\n\t\t\t\t\t\tmetadata: meta,\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t},\n\n\t\t\ttrack(event: string, properties?: Record<string, unknown>) {\n\t\t\t\tenqueue([\n\t\t\t\t\tbaseFields(\"track\", {\n\t\t\t\t\t\tevent_name: event,\n\t\t\t\t\t\tmetadata: properties,\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t},\n\n\t\t\tconversion(name: string, data?: Record<string, unknown>) {\n\t\t\t\tenqueue([\n\t\t\t\t\tbaseFields(\"conversion\", {\n\t\t\t\t\t\tevent_name: name,\n\t\t\t\t\t\tmetadata: data,\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t},\n\t\t},\n\t\tcleanup: () => {\n\t\t\tcleanupCapture();\n\t\t\ttransport.stop();\n\t\t},\n\t\tconfig,\n\t};\n}\n\n/\n React hook for WaniWani widget tracking.\n \n Auto-captures DOM events (clicks, link clicks, errors, scrolls, form\n * interactions) and provides manual tracking methods. Returns a singleton\n * instance shared across all consumers.\n \n Config resolution order:\n * 1. Explicit `endpoint` (+ optional `token` / `sessionId`) options\n * 2. `toolResponseMetadata.waniwani` from WidgetProvider context\n * 3. No-op if neither is available\n \n @example\n * ```tsx\n * function MyWidget() {\n * const wani = useWaniwani();\n * // Auto-captures clicks, links, errors, scrolls, forms\n * // Optionally call wani.track(\"custom_event\") for manual events\n * return <a href=\"https://example.com\">Visit</a>;\n * }\n * ```\n /\nexport function useWaniwani(options: UseWaniwaniOptions = {}): WaniwaniWidget {\n\t// Read WidgetProvider context if available (won't throw if outside provider)\n\tconst widgetClient = useContext(WidgetClientContext);\n\tconst contextConfig = useContextConfig(widgetClient);\n\tconst explicitEndpoint = normalizeString(options.endpoint);\n\tconst explicitToken = normalizeString(options.token);\n\tconst explicitSessionId = normalizeString(options.sessionId);\n\n\t// Stabilize config identity — only changes when the primitives change\n\tconst config = useMemo<WaniwaniConfig \| null>(() => {\n\t\tif (explicitEndpoint) {\n\t\t\treturn {\n\t\t\t\tendpoint: explicitEndpoint,\n\t\t\t\ttoken: explicitToken ?? contextConfig?.token,\n\t\t\t\tsessionId: explicitSessionId ?? contextConfig?.sessionId,\n\t\t\t\tsource: contextConfig?.source,\n\t\t\t};\n\t\t}\n\t\treturn contextConfig;\n\t}, [explicitEndpoint, explicitToken, explicitSessionId, contextConfig]);\n\n\tconst [widget, setWidget] = useState<WaniwaniWidget>(NOOP_WIDGET);\n\tconst metadataRef = useRef(options.metadata);\n\tmetadataRef.current = options.metadata;\n\tconst captureRef = useRef(options.capture);\n\tcaptureRef.current = options.capture;\n\tconst captureKey = captureKeyOf(options.capture);\n\n\t// Track consumer mount/unmount for singleton lifecycle\n\tuseEffect(() => {\n\t\tconsumerCount++;\n\t\treturn () => {\n\t\t\tconsumerCount = Math.max(consumerCount - 1, 0);\n\t\t\tif (consumerCount === 0) {\n\t\t\t\tstate?.cleanup();\n\t\t\t\tstate = null;\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t// Create/swap singleton state when config changes.\n\t// All side effects (timers, DOM listeners) happen here in useEffect,\n\t// making this safe in Strict Mode and concurrent rendering.\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!config) {\n\t\t\tif (state?.config) {\n\t\t\t\tstate.cleanup();\n\t\t\t\tstate = createNoopState();\n\t\t\t\tsetWidget(NOOP_WIDGET);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tif (\n\t\t\t!isSameConfig(state?.config, config) \|\|\n\t\t\tstate?.captureKey !== captureKey\n\t\t) {\n\t\t\tstate?.cleanup();\n\t\t\tstate = createState(config, metadataRef.current, captureRef.current);\n\t\t\tsetWidget(state.widget);\n\t\t}\n\t}, [config, captureKey]);\n\n\treturn widget;\n}\n\n/\n Reset the singleton (for testing only).\n * @internal\n /\nexport function _resetWidgetInstance(): void {\n\tstate?.cleanup();\n\tstate = null;\n}\n","\"use client\";\n\nimport type { WidgetEvent } from \"./widget-transport\";\n\ntype Enqueue = (events: WidgetEvent[]) => void;\n\n/\n Opt-in toggles for the noisy auto-capture event types. Each defaults to\n * `false` so widget owners declare intent before the SDK starts emitting\n * coarse, high-volume events. Always-on capture covers widget_render,\n * widget_error, widget_link_click, and the labelled `data-ww-step` /\n * `data-ww-conversion` clicks.\n /\nexport interface AutoCaptureToggles {\n\tclick?: boolean;\n\tscroll?: boolean;\n\tformField?: boolean;\n\tformSubmit?: boolean;\n}\n\ninterface AutoCaptureConfig {\n\tsessionId?: string;\n\ttraceId?: string;\n\tmetadata?: Record<string, unknown>;\n\tsource?: string;\n\tcapture?: AutoCaptureToggles;\n}\n\nfunction eventId(): string {\n\treturn crypto.randomUUID();\n}\n\nfunction baseFields(\n\tconfig: AutoCaptureConfig,\n\teventType: string,\n\textra?: Record<string, unknown>,\n): WidgetEvent {\n\treturn {\n\t\tevent_id: eventId(),\n\t\tevent_type: eventType,\n\t\ttimestamp: new Date().toISOString(),\n\t\tsource: config.source ?? \"widget\",\n\t\tsession_id: config.sessionId,\n\t\ttrace_id: config.traceId,\n\t\t...extra,\n\t};\n}\n\n/\n Parse a data attribute value into a name and key-value properties.\n * Format: \"name key:value key:value ...\"\n * Values that look numeric are coerced to numbers.\n /\nfunction parseAttr(raw: string): {\n\tname: string;\n\tprops: Record<string, string \| number>;\n} {\n\tconst tokens = raw.trim().split(/\\s+/);\n\tconst name = tokens[0] \|\| \"\";\n\tconst props: Record<string, string \| number> = {};\n\tfor (let i = 1; i < tokens.length; i++) {\n\t\tconst idx = tokens[i].indexOf(\":\");\n\t\tif (idx === -1) {\n\t\t\tcontinue;\n\t\t}\n\t\tconst key = tokens[i].slice(0, idx);\n\t\tconst val = tokens[i].slice(idx + 1);\n\t\tconst num = Number(val);\n\t\tprops[key] = Number.isFinite(num) && val !== \"\" ? num : val;\n\t}\n\treturn { name, props };\n}\n\nfunction isFormField(el: HTMLElement): boolean {\n\tconst tag = el.tagName.toLowerCase();\n\treturn tag === \"input\" \|\| tag === \"textarea\" \|\| tag === \"select\";\n}\n\n/\n Initialize all auto-capture DOM listeners. Returns a cleanup function.\n /\nexport function initAutoCapture(\n\tconfig: AutoCaptureConfig,\n\tenqueue: Enqueue,\n): () => void {\n\tconst cleanups: Array<() => void> = [];\n\n\t// ── widget_render ──────────────────────────────────────────────────\n\tconst nav = typeof navigator !== \"undefined\" ? navigator : undefined;\n\tconst conn =\n\t\tnav && \"connection\" in nav\n\t\t\t? (\n\t\t\t\t\tnav as unknown as {\n\t\t\t\t\t\tconnection?: { effectiveType?: string };\n\t\t\t\t\t}\n\t\t\t\t).connection\n\t\t\t: undefined;\n\n\tenqueue([\n\t\tbaseFields(config, \"widget_render\", {\n\t\t\tmetadata: {\n\t\t\t\tviewport_width: window.innerWidth,\n\t\t\t\tviewport_height: window.innerHeight,\n\t\t\t\tdevice_pixel_ratio: window.devicePixelRatio ?? 1,\n\t\t\t\ttouch_support: \"ontouchstart\" in window ? 1 : 0,\n\t\t\t\tconnection_type: conn?.effectiveType ?? \"unknown\",\n\t\t\t\ttimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n\t\t\t},\n\t\t}),\n\t]);\n\n\t// ── widget_error ───────────────────────────────────────────────────\n\tconst onError = (ev: ErrorEvent) => {\n\t\tenqueue([\n\t\t\tbaseFields(config, \"widget_error\", {\n\t\t\t\tmetadata: {\n\t\t\t\t\terror_message: ev.message,\n\t\t\t\t\terror_stack: (ev.error?.stack ?? \"\").slice(0, 1024),\n\t\t\t\t\terror_source: ev.filename ?? \"unknown\",\n\t\t\t\t},\n\t\t\t}),\n\t\t]);\n\t};\n\twindow.addEventListener(\"error\", onError);\n\tcleanups.push(() => window.removeEventListener(\"error\", onError));\n\n\tconst onUnhandled = (ev: PromiseRejectionEvent) => {\n\t\tconst reason = ev.reason;\n\t\tconst message = reason instanceof Error ? reason.message : String(reason);\n\t\tconst stack =\n\t\t\treason instanceof Error ? (reason.stack ?? \"\").slice(0, 1024) : \"\";\n\t\tenqueue([\n\t\t\tbaseFields(config, \"widget_error\", {\n\t\t\t\tmetadata: {\n\t\t\t\t\terror_message: message,\n\t\t\t\t\terror_stack: stack,\n\t\t\t\t\terror_source: \"unhandledrejection\",\n\t\t\t\t},\n\t\t\t}),\n\t\t]);\n\t};\n\twindow.addEventListener(\"unhandledrejection\", onUnhandled);\n\tcleanups.push(() =>\n\t\twindow.removeEventListener(\"unhandledrejection\", onUnhandled),\n\t);\n\n\t// ── widget_click ───────────────────────────────────────────────────\n\t// Opt-in. Even when enabled, skip when target sits inside a labelled\n\t// element with a non-empty parsed name, mirroring the typed handlers\n\t// below. An empty `data-ww-conversion=\"\"` falls through here so the\n\t// click is not silently dropped.\n\tif (config.capture?.click) {\n\t\tconst onClick = (ev: MouseEvent) => {\n\t\t\tconst target = ev.target as HTMLElement \| null;\n\t\t\tconst labelled = target?.closest?.(\n\t\t\t\t\"[data-ww-conversion],[data-ww-step]\",\n\t\t\t) as HTMLElement \| null;\n\t\t\tif (labelled) {\n\t\t\t\tconst raw =\n\t\t\t\t\tlabelled.getAttribute(\"data-ww-conversion\") ??\n\t\t\t\t\tlabelled.getAttribute(\"data-ww-step\") ??\n\t\t\t\t\t\"\";\n\t\t\t\tif (parseAttr(raw).name) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t\tenqueue([\n\t\t\t\tbaseFields(config, \"widget_click\", {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\ttarget_tag: target?.tagName?.toLowerCase() ?? \"unknown\",\n\t\t\t\t\t\ttarget_id: target?.id \|\| undefined,\n\t\t\t\t\t\ttarget_class: target?.className \|\| undefined,\n\t\t\t\t\t\tclick_x: ev.clientX,\n\t\t\t\t\t\tclick_y: ev.clientY,\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t]);\n\t\t};\n\t\tdocument.addEventListener(\"click\", onClick, { capture: true });\n\t\tcleanups.push(() =>\n\t\t\tdocument.removeEventListener(\"click\", onClick, { capture: true }),\n\t\t);\n\t}\n\n\t// ── data-ww-conversion ────────────────────────────────────────────\n\t// Format: \"name key:value key:value ...\"\n\tconst onConversionClick = (ev: MouseEvent) => {\n\t\tconst target = ev.target as HTMLElement \| null;\n\t\tconst el = target?.closest?.(\"[data-ww-conversion]\") as HTMLElement \| null;\n\t\tif (!el) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { name, props } = parseAttr(\n\t\t\tel.getAttribute(\"data-ww-conversion\") \|\| \"\",\n\t\t);\n\t\tif (!name) {\n\t\t\treturn;\n\t\t}\n\n\t\tenqueue([\n\t\t\tbaseFields(config, \"conversion\", {\n\t\t\t\tevent_name: name,\n\t\t\t\tmetadata: Object.keys(props).length > 0 ? props : undefined,\n\t\t\t}),\n\t\t]);\n\t};\n\tdocument.addEventListener(\"click\", onConversionClick, { capture: true });\n\tcleanups.push(() =>\n\t\tdocument.removeEventListener(\"click\", onConversionClick, {\n\t\t\tcapture: true,\n\t\t}),\n\t);\n\n\t// ── data-ww-step ─────────────────────────────────────────────────\n\t// Format: \"name key:value key:value ...\"\n\tlet stepSequence = 0;\n\tconst onStepClick = (ev: MouseEvent) => {\n\t\tconst target = ev.target as HTMLElement \| null;\n\t\tconst el = target?.closest?.(\"[data-ww-step]\") as HTMLElement \| null;\n\t\tif (!el) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { name, props } = parseAttr(el.getAttribute(\"data-ww-step\") \|\| \"\");\n\t\tif (!name) {\n\t\t\treturn;\n\t\t}\n\n\t\tstepSequence++;\n\t\tenqueue([\n\t\t\tbaseFields(config, \"step\", {\n\t\t\t\tevent_name: name,\n\t\t\t\tstep_sequence: stepSequence,\n\t\t\t\tmetadata: Object.keys(props).length > 0 ? props : undefined,\n\t\t\t}),\n\t\t]);\n\t};\n\tdocument.addEventListener(\"click\", onStepClick, { capture: true });\n\tcleanups.push(() =>\n\t\tdocument.removeEventListener(\"click\", onStepClick, { capture: true }),\n\t);\n\n\t// ── widget_link_click ──────────────────────────────────────────────\n\tconst onLinkClick = (ev: MouseEvent) => {\n\t\tconst anchor = (ev.target as HTMLElement)?.closest?.(\"a\");\n\t\tif (!anchor) {\n\t\t\treturn;\n\t\t}\n\t\tconst href = anchor.getAttribute(\"href\") ?? \"\";\n\t\tconst isExternal =\n\t\t\thref.startsWith(\"http\") && !href.startsWith(window.location.origin);\n\t\tenqueue([\n\t\t\tbaseFields(config, \"widget_link_click\", {\n\t\t\t\tmetadata: {\n\t\t\t\t\thref,\n\t\t\t\t\tlink_text: (anchor.textContent ?? \"\").slice(0, 200),\n\t\t\t\t\tis_external: isExternal,\n\t\t\t\t},\n\t\t\t}),\n\t\t]);\n\t};\n\tdocument.addEventListener(\"click\", onLinkClick, { capture: true });\n\tcleanups.push(() =>\n\t\tdocument.removeEventListener(\"click\", onLinkClick, {\n\t\t\tcapture: true,\n\t\t}),\n\t);\n\n\t// ── widget_scroll ──────────────────────────────────────────────────\n\t// Opt-in.\n\tif (config.capture?.scroll) {\n\t\tlet scrollTimer: ReturnType<typeof setTimeout> \| null = null;\n\t\tlet lastScrollY = window.scrollY \|\| 0;\n\t\tconst onScroll = () => {\n\t\t\tif (scrollTimer) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tscrollTimer = setTimeout(() => {\n\t\t\t\tscrollTimer = null;\n\t\t\t\tconst scrollTop = window.scrollY \|\| document.documentElement.scrollTop;\n\t\t\t\tconst docHeight =\n\t\t\t\t\tdocument.documentElement.scrollHeight -\n\t\t\t\t\tdocument.documentElement.clientHeight;\n\t\t\t\tconst depthPct =\n\t\t\t\t\tdocHeight > 0 ? Math.round((scrollTop / docHeight) 100) : 0;\n\t\t\t\tconst direction = scrollTop >= lastScrollY ? \"down\" : \"up\";\n\t\t\t\tlastScrollY = scrollTop;\n\t\t\t\tenqueue([\n\t\t\t\t\tbaseFields(config, \"widget_scroll\", {\n\t\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t\tscroll_depth_pct: depthPct,\n\t\t\t\t\t\t\tscroll_direction: direction,\n\t\t\t\t\t\t\tviewport_height: window.innerHeight,\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t]);\n\t\t\t}, 250);\n\t\t};\n\t\twindow.addEventListener(\"scroll\", onScroll, { passive: true });\n\t\tcleanups.push(() => {\n\t\t\twindow.removeEventListener(\"scroll\", onScroll);\n\t\t\tif (scrollTimer) {\n\t\t\t\tclearTimeout(scrollTimer);\n\t\t\t}\n\t\t});\n\t}\n\n\t// ── widget_form_field ──────────────────────────────────────────────\n\t// Opt-in.\n\tif (config.capture?.formField) {\n\t\tconst fieldTimers = new WeakMap<EventTarget, number>();\n\n\t\tconst onFocusIn = (ev: FocusEvent) => {\n\t\t\tconst target = ev.target as HTMLElement \| null;\n\t\t\tif (!target \|\| !isFormField(target)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tfieldTimers.set(target, Date.now());\n\t\t};\n\t\tconst onFocusOut = (ev: FocusEvent) => {\n\t\t\tconst target = ev.target as HTMLElement \| null;\n\t\t\tif (!target \|\| !isFormField(target)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst start = fieldTimers.get(target);\n\t\t\tconst timeInField = start ? Date.now() - start : 0;\n\t\t\tconst input = target as HTMLInputElement;\n\t\t\tenqueue([\n\t\t\t\tbaseFields(config, \"widget_form_field\", {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\tfield_name: input.name \|\| input.id \|\| undefined,\n\t\t\t\t\t\tfield_type: input.type \|\| target.tagName.toLowerCase(),\n\t\t\t\t\t\ttime_in_field_ms: timeInField,\n\t\t\t\t\t\tfilled: !!input.value,\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t]);\n\t\t};\n\t\tdocument.addEventListener(\"focusin\", onFocusIn, { capture: true });\n\t\tdocument.addEventListener(\"focusout\", onFocusOut, { capture: true });\n\t\tcleanups.push(() => {\n\t\t\tdocument.removeEventListener(\"focusin\", onFocusIn, { capture: true });\n\t\t\tdocument.removeEventListener(\"focusout\", onFocusOut, { capture: true });\n\t\t});\n\t}\n\n\t// ── widget_form_submit ─────────────────────────────────────────────\n\t// Opt-in.\n\tif (config.capture?.formSubmit) {\n\t\tconst formStartTimes = new WeakMap<HTMLFormElement, number>();\n\t\tconst trackFormStart = (ev: FocusEvent) => {\n\t\t\tconst target = ev.target as HTMLElement \| null;\n\t\t\tconst form = target?.closest?.(\"form\");\n\t\t\tif (form && !formStartTimes.has(form)) {\n\t\t\t\tformStartTimes.set(form, Date.now());\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener(\"focusin\", trackFormStart, { capture: true });\n\t\tcleanups.push(() =>\n\t\t\tdocument.removeEventListener(\"focusin\", trackFormStart, {\n\t\t\t\tcapture: true,\n\t\t\t}),\n\t\t);\n\n\t\tconst onSubmit = (ev: SubmitEvent) => {\n\t\t\tconst form = ev.target as HTMLFormElement \| null;\n\t\t\tconst startTime = form ? formStartTimes.get(form) : undefined;\n\n\t\t\tlet validationErrors = 0;\n\t\t\tif (form) {\n\t\t\t\tconst fields = form.querySelectorAll(\"input, textarea, select\");\n\t\t\t\tfor (const field of fields) {\n\t\t\t\t\tconst el = field as HTMLInputElement;\n\t\t\t\t\tif (el.validity && !el.validity.valid) {\n\t\t\t\t\t\tvalidationErrors++;\n\t\t\t\t\t} else if (el.getAttribute(\"aria-invalid\") === \"true\") {\n\t\t\t\t\t\tvalidationErrors++;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tenqueue([\n\t\t\t\tbaseFields(config, \"widget_form_submit\", {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\tform_id: form?.id \|\| undefined,\n\t\t\t\t\t\ttime_to_submit_ms: startTime ? Date.now() - startTime : undefined,\n\t\t\t\t\t\tvalidation_errors: validationErrors,\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t]);\n\t\t};\n\t\tdocument.addEventListener(\"submit\", onSubmit, { capture: true });\n\t\tcleanups.push(() =>\n\t\t\tdocument.removeEventListener(\"submit\", onSubmit, { capture: true }),\n\t\t);\n\t}\n\n\treturn () => {\n\t\tfor (const cleanup of cleanups) {\n\t\t\tcleanup();\n\t\t}\n\t};\n}\n","\"use client\";\n\n/*\n Lightweight client-side transport for widget event tracking.\n \n Sends events directly to the WaniWani backend V2 batch endpoint\n * using a short-lived JWT for authentication.\n * Falls back to `navigator.sendBeacon()` on page teardown.\n /\n\nexport interface WidgetEvent {\n\tevent_id: string;\n\tevent_type: string;\n\ttimestamp: string;\n\tsource: string;\n\tsession_id?: string;\n\ttrace_id?: string;\n\tuser_id?: string;\n\tmetadata?: Record<string, unknown>;\n\t[key: string]: unknown;\n}\n\nexport interface WidgetTransportConfig {\n\t/* The V2 batch endpoint URL (e.g. https://app.waniwani.ai/api/mcp/events/v2/batch) /\n\tendpoint: string;\n\t/* JWT widget token for authentication /\n\ttoken?: string;\n\t/* Additional metadata to include with events /\n\tmetadata?: Record<string, unknown>;\n}\n\nconst FLUSH_INTERVAL_MS = 5_000;\nconst MAX_BATCH_SIZE = 20;\nconst MAX_BUFFER_SIZE = 200;\nconst MAX_RETRIES = 3;\nconst BASE_RETRY_DELAY_MS = 1_000;\nconst BEACON_MAX_BYTES = 60_000;\nconst SDK_NAME = \"@waniwani/sdk\";\n\n/\n Map a WidgetEvent to V2EventEnvelope shape for the backend.\n /\nfunction toV2Envelope(ev: WidgetEvent): Record<string, unknown> {\n\tconst isAutoCapture = ev.event_type.startsWith(\"widget_\");\n\tconst eventName = isAutoCapture ? ev.event_type : `widget_${ev.event_type}`;\n\n\tconst correlation: Record<string, string> = {};\n\tif (ev.session_id) {\n\t\tcorrelation.sessionId = ev.session_id;\n\t}\n\tif (ev.trace_id) {\n\t\tcorrelation.traceId = ev.trace_id;\n\t}\n\tif (ev.user_id) {\n\t\tcorrelation.externalUserId = ev.user_id;\n\t}\n\n\t// Build properties from metadata + any extra fields\n\tconst properties: Record<string, unknown> = {\n\t\t...(ev.metadata ?? {}),\n\t};\n\tif (ev.event_name) {\n\t\tproperties.event_name = ev.event_name as string;\n\t}\n\n\treturn {\n\t\tid: ev.event_id,\n\t\ttype: \"mcp.event\",\n\t\tname: eventName,\n\t\tsource: ev.source \|\| \"widget\",\n\t\ttimestamp: ev.timestamp,\n\t\tcorrelation,\n\t\tproperties,\n\t\tmetadata: {},\n\t};\n}\n\nfunction buildV2Batch(events: WidgetEvent[]): string {\n\treturn JSON.stringify({\n\t\tsentAt: new Date().toISOString(),\n\t\tsource: { sdk: SDK_NAME, version: \"0.1.0\" },\n\t\tevents: events.map(toV2Envelope),\n\t});\n}\n\nexport class WidgetTransport {\n\tprivate buffer: WidgetEvent[] = [];\n\tprivate timer: ReturnType<typeof setInterval> \| null = null;\n\tprivate flushing = false;\n\tprivate pendingFlush = false;\n\tprivate stopped = false;\n\tprivate readonly config: WidgetTransportConfig;\n\tprivate teardownVisibility: (() => void) \| null = null;\n\tprivate teardownPagehide: (() => void) \| null = null;\n\n\tconstructor(config: WidgetTransportConfig) {\n\t\tthis.config = config;\n\t\tthis.start();\n\t\tthis.registerTeardown();\n\t}\n\n\tsend(events: WidgetEvent[]): void {\n\t\tif (this.stopped) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.buffer.push(...events);\n\n\t\tif (this.buffer.length > MAX_BUFFER_SIZE) {\n\t\t\tconst dropped = this.buffer.length - MAX_BUFFER_SIZE;\n\t\t\tthis.buffer.splice(0, dropped);\n\t\t}\n\n\t\tif (this.buffer.length >= MAX_BATCH_SIZE) {\n\t\t\tthis.flush().catch(() => {});\n\t\t}\n\t}\n\n\tasync flush(): Promise<void> {\n\t\tif (this.stopped \|\| this.buffer.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.flushing) {\n\t\t\tthis.pendingFlush = true;\n\t\t\treturn;\n\t\t}\n\n\t\tthis.flushing = true;\n\t\ttry {\n\t\t\tconst batch = this.buffer.splice(0, MAX_BATCH_SIZE);\n\t\t\tawait this.sendBatch(batch);\n\t\t} finally {\n\t\t\tthis.flushing = false;\n\t\t\tif (this.pendingFlush && this.buffer.length > 0 && !this.stopped) {\n\t\t\t\tthis.pendingFlush = false;\n\t\t\t\tthis.flush().catch(() => {});\n\t\t\t}\n\t\t}\n\t}\n\n\tstop(): void {\n\t\tthis.stopped = true;\n\t\tif (this.timer) {\n\t\t\tclearInterval(this.timer);\n\t\t\tthis.timer = null;\n\t\t}\n\t\tif (typeof document !== \"undefined\" && this.teardownVisibility) {\n\t\t\tdocument.removeEventListener(\"visibilitychange\", this.teardownVisibility);\n\t\t\tthis.teardownVisibility = null;\n\t\t}\n\t\tif (typeof window !== \"undefined\" && this.teardownPagehide) {\n\t\t\twindow.removeEventListener(\"pagehide\", this.teardownPagehide);\n\t\t\tthis.teardownPagehide = null;\n\t\t}\n\t}\n\n\tbeaconFlush(): void {\n\t\tif (this.buffer.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst events = [...this.buffer];\n\t\tthis.buffer.length = 0;\n\n\t\tconst headers: Record<string, string> = {\n\t\t\t\"Content-Type\": \"application/json\",\n\t\t};\n\t\tif (this.config.token) {\n\t\t\theaders.Authorization = `Bearer ${this.config.token}`;\n\t\t}\n\n\t\t// Use fetch with keepalive instead of sendBeacon so we can set auth headers\n\t\tif (typeof fetch !== \"undefined\") {\n\t\t\tthis.sendKeepAliveChunked(this.config.endpoint, events, headers);\n\t\t\treturn;\n\t\t}\n\n\t\t// Final fallback: sendBeacon without auth (best-effort)\n\t\tif (\n\t\t\ttypeof navigator !== \"undefined\" &&\n\t\t\ttypeof navigator.sendBeacon === \"function\"\n\t\t) {\n\t\t\tthis.sendBeaconChunked(this.config.endpoint, events);\n\t\t}\n\t}\n\n\tprivate sendKeepAliveChunked(\n\t\turl: string,\n\t\tevents: WidgetEvent[],\n\t\theaders: Record<string, string>,\n\t): void {\n\t\tconst body = buildV2Batch(events);\n\n\t\tif (body.length <= BEACON_MAX_BYTES) {\n\t\t\tfetch(url, {\n\t\t\t\tmethod: \"POST\",\n\t\t\t\theaders,\n\t\t\t\tbody,\n\t\t\t\tkeepalive: true,\n\t\t\t}).catch(() => {});\n\t\t\treturn;\n\t\t}\n\n\t\tif (events.length <= 1) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst mid = Math.ceil(events.length / 2);\n\t\tthis.sendKeepAliveChunked(url, events.slice(0, mid), headers);\n\t\tthis.sendKeepAliveChunked(url, events.slice(mid), headers);\n\t}\n\n\tprivate sendBeaconChunked(url: string, events: WidgetEvent[]): void {\n\t\tconst body = buildV2Batch(events);\n\n\t\tif (body.length <= BEACON_MAX_BYTES) {\n\t\t\tnavigator.sendBeacon(url, new Blob([body], { type: \"application/json\" }));\n\t\t\treturn;\n\t\t}\n\n\t\tif (events.length <= 1) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst mid = Math.ceil(events.length / 2);\n\t\tthis.sendBeaconChunked(url, events.slice(0, mid));\n\t\tthis.sendBeaconChunked(url, events.slice(mid));\n\t}\n\n\tprivate start(): void {\n\t\tif (this.timer) {\n\t\t\treturn;\n\t\t}\n\t\tthis.timer = setInterval(() => {\n\t\t\tthis.flush().catch(() => {});\n\t\t}, FLUSH_INTERVAL_MS);\n\t}\n\n\tprivate registerTeardown(): void {\n\t\tif (typeof document === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.teardownVisibility = () => {\n\t\t\tif (document.visibilityState === \"hidden\") {\n\t\t\t\tthis.beaconFlush();\n\t\t\t}\n\t\t};\n\t\tthis.teardownPagehide = () => {\n\t\t\tthis.beaconFlush();\n\t\t};\n\n\t\tdocument.addEventListener(\"visibilitychange\", this.teardownVisibility);\n\t\twindow.addEventListener(\"pagehide\", this.teardownPagehide);\n\t}\n\n\tprivate async sendBatch(batch: WidgetEvent[]): Promise<void> {\n\t\tconst body = buildV2Batch(batch);\n\t\tconst headers: Record<string, string> = {\n\t\t\t\"Content-Type\": \"application/json\",\n\t\t};\n\t\tif (this.config.token) {\n\t\t\theaders.Authorization = `Bearer ${this.config.token}`;\n\t\t}\n\n\t\tfor (let attempt = 0; attempt <= MAX_RETRIES; attempt++) {\n\t\t\ttry {\n\t\t\t\tconst response = await fetch(this.config.endpoint, {\n\t\t\t\t\tmethod: \"POST\",\n\t\t\t\t\theaders,\n\t\t\t\t\tbody,\n\t\t\t\t});\n\n\t\t\t\tif (response.status === 200 \|\| response.status === 207) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (response.status === 401) {\n\t\t\t\t\tthis.stopped = true;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (response.status >= 500 && attempt < MAX_RETRIES) {\n\t\t\t\t\tawait this.delay(BASE_RETRY_DELAY_MS 2 ** attempt);\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (response.status === 429 && attempt < MAX_RETRIES) {\n\t\t\t\t\tconst retryAfter = response.headers.get(\"Retry-After\");\n\t\t\t\t\tconst parsed = retryAfter ? Number(retryAfter) : NaN;\n\t\t\t\t\tconst delayMs = Number.isFinite(parsed)\n\t\t\t\t\t\t? parsed * 1000\n\t\t\t\t\t\t: BASE_RETRY_DELAY_MS * 2 ** attempt;\n\t\t\t\t\tawait this.delay(delayMs);\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t} catch {\n\t\t\t\tif (attempt < MAX_RETRIES) {\n\t\t\t\t\tawait this.delay(BASE_RETRY_DELAY_MS * 2 attempt);\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate delay(ms: number): Promise<void> {\n\t\treturn new Promise((resolve) => setTimeout(resolve, ms));\n\t}\n}\n","\"use client\";\n\nimport { type SetStateAction, useCallback, useEffect, useState } from \"react\";\nimport { detectPlatform } from \"../widgets/platform\";\nimport type { UnknownObject } from \"./@types\";\nimport { useWidgetClient } from \"./use-widget\";\n\n/\n * Widget state that persists across widget lifecycles (OpenAI-only).\n * State is synchronized with the ChatGPT parent window and survives widget minimize/restore.\n * On MCP Apps, returns [null, no-op].\n \n @param defaultState - Initial state value or function to compute it\n * @returns A tuple of [state, setState] similar to useState\n /\nexport function useWidgetState<T extends UnknownObject>(\n\tdefaultState?: T \| (() => T \| null) \| null,\n): readonly [T \| null, (state: SetStateAction<T \| null>) => void] {\n\tconst widgetStateFromWindow = useWidgetClient(\"widgetState\") as T \| null;\n\n\tconst [widgetState, _setWidgetState] = useState<T \| null>(() => {\n\t\tif (widgetStateFromWindow != null) {\n\t\t\treturn widgetStateFromWindow;\n\t\t}\n\t\treturn typeof defaultState === \"function\"\n\t\t\t? defaultState()\n\t\t\t: (defaultState ?? null);\n\t});\n\n\tuseEffect(() => {\n\t\t_setWidgetState(widgetStateFromWindow);\n\t}, [widgetStateFromWindow]);\n\n\tconst setWidgetState = useCallback((state: SetStateAction<T \| null>) => {\n\t\t_setWidgetState((prevState) => {\n\t\t\tconst newState = typeof state === \"function\" ? state(prevState) : state;\n\n\t\t\tif (detectPlatform() === \"openai\" && newState != null) {\n\t\t\t\twindow.openai?.setWidgetState(newState);\n\t\t\t}\n\n\t\t\treturn newState;\n\t\t});\n\t}, []);\n\n\treturn [widgetState, setWidgetState] as const;\n}\n","export const LoadingWidget = () => {\n\treturn (\n\t\t<div className=\"flex flex-col items-center justify-center h-full min-h-[120px] gap-4\">\n\t\t\t{/ Animated dots /}\n\t\t\t<div className=\"flex gap-2\">\n\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-gradient-to-r from-blue-400 to-cyan-400 animate-bounce [animation-delay:-0.3s]\" />\n\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-gradient-to-r from-cyan-400 to-teal-400 animate-bounce [animation-delay:-0.15s]\" />\n\t\t\t\t<div className=\"w-3 h-3 rounded-full bg-gradient-to-r from-teal-400 to-emerald-400 animate-bounce\" />\n\t\t\t</div>\n\n\t\t\t{/ Shimmer text /}\n\t\t\t<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]\">\n\t\t\t\tLoading widget...\n\t\t\t</p>\n\n\t\t\t{/ Pulsing ring */}\n\t\t\t<div className=\"absolute inset-0 flex items-center justify-center pointer-events-none\">\n\t\t\t\t<div className=\"w-16 h-16 rounded-full border-2 border-blue-400/20 animate-ping\" />\n\t\t\t</div>\n\n\t\t\t<style>{`\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n `}</style>\n\t\t</div>\n\t);\n};\n"],"mappings":"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","names":["Fragment","jsx","jsxs","applyIframePatches","baseUrl","passthroughOrigins","htmlElement","mutations","mutation","attrName","originalReplaceState","_s","unused","url","u","originalPushState","appOrigin","isInIframe","e","a","originalFetch","input","init","isRelativeString","newUrl","wsAppOrigin","OriginalWebSocket","PatchedWebSocket","protocols","parsed","rewritten","PATCH_SCRIPT","InitializeNextJsInIframe","useCallback","useEffect","useRef","useState","DEFAULT_MOCK_CONFIG","mockState","initializeMockOpenAI","initialToolOutput","mode","updateMockGlobal","name","args","prompt","href","state","SetGlobalsEvent","key","value","getMockState","updateMockToolOutput","props","updateMockDisplayMode","updateMockTheme","theme","Fragment","jsx","jsxs","MOCK_SAFE_AREA_HEIGHT","DevIcon","className","CloseIcon","InlineIcon","PipIcon","FullscreenIcon","SunIcon","MoonIcon","ResetIcon","panelAnimationStyles","DevModeProvider","defaultProps","widgetPaths","children","isInitialized","setIsInitialized","useState","isWidgetPage","setIsWidgetPage","useEffect","currentPath","isWidget","path","initializeMockOpenAI","WidgetPreviewFrame","DevControls","SegmentedControl","options","value","onChange","activeIndex","opt","option","isOpen","setIsOpen","isAnimating","setIsAnimating","shouldRender","setShouldRender","displayMode","setDisplayMode","theme","setTheme","showSafeArea","setShowSafeArea","propsJson","setPropsJson","jsonError","setJsonError","debounceRef","useRef","panelRef","containerRef","state","getMockState","SetGlobalsEvent","openPanel","useCallback","closePanel","togglePanel","handleKeyDown","e","handleClickOutside","handleDisplayModeChange","mode","updateMockDisplayMode","handleThemeChange","newTheme","updateMockTheme","applyProps","json","parsed","updateMockToolOutput","handlePropsChange","handlePropsBlur","handleReset","defaultJson","displayModeOptions","themeOptions","useCallback","React","createContext","useCallback","useContext","useEffect","useState","useSyncExternalStore","createWidgetClient","detectPlatform","OpenAIWidgetClient","MCPAppsWidgetClient","WidgetClientContext","createContext","WidgetProvider","children","loading","onError","client","setClient","useState","error","setError","isConnecting","setIsConnecting","useEffect","mounted","activeClient","initClient","widgetClient","createWidgetClient","err","syncTheme","theme","React","useWidgetClient","key","useContext","subscribe","useCallback","onChange","getSnapshot","store","useSyncExternalStore","useCallTool","client","useWidgetClient","useCallback","name","args","useDisplayMode","useWidgetClient","useToolOutput","useWidgetClient","useFlowAction","useToolOutput","useSyncExternalStore","useIsChatGptApp","useLocale","useWidgetClient","useMaxHeight","useWidgetClient","useCallback","useOpenExternal","client","useWidgetClient","useCallback","url","useCallback","useRequestDisplayMode","client","useWidgetClient","useCallback","mode","useSafeArea","useWidgetClient","useCallback","useSendFollowUp","client","useWidgetClient","useCallback","prompt","options","hasModelContext","error","useTheme","useWidgetClient","useToolResponseMetadata","useWidgetClient","useCallback","useUpdateModelContext","client","useWidgetClient","useCallback","context","useContext","useEffect","useMemo","useRef","useState","eventId","baseFields","config","eventType","extra","parseAttr","raw","tokens","name","props","i","idx","key","val","num","isFormField","el","tag","initAutoCapture","enqueue","cleanups","nav","conn","onError","ev","onUnhandled","reason","message","stack","onClick","target","labelled","onConversionClick","stepSequence","onStepClick","onLinkClick","anchor","href","isExternal","scrollTimer","lastScrollY","onScroll","scrollTop","docHeight","depthPct","direction","fieldTimers","onFocusIn","onFocusOut","start","timeInField","input","formStartTimes","trackFormStart","form","onSubmit","startTime","validationErrors","fields","field","cleanup","SDK_NAME","toV2Envelope","ev","eventName","correlation","properties","buildV2Batch","events","WidgetTransport","config","dropped","batch","headers","url","body","mid","attempt","response","retryAfter","parsed","delayMs","ms","resolve","NOOP_WIDGET","state","consumerCount","eventId","normalizeString","value","trimmed","createNoopState","captureKeyOf","capture","resolveConfigFromContext","client","meta","nestedMeta","waniwani","endpoint","isSameConfig","a","b","useContextConfig","config","setConfig","useState","useEffect","prev","sync","next","createState","metadata","sessionId","traceId","transport","WidgetTransport","userId","stepSequence","enqueue","events","source","cleanupCapture","initAutoCapture","baseFields","eventType","extra","id","traits","name","event","properties","data","useWaniwani","options","widgetClient","useContext","WidgetClientContext","contextConfig","explicitEndpoint","explicitToken","explicitSessionId","useMemo","widget","setWidget","metadataRef","useRef","captureRef","captureKey","useCallback","useEffect","useState","useWidgetState","defaultState","widgetStateFromWindow","useWidgetClient","widgetState","_setWidgetState","useState","useEffect","setWidgetState","useCallback","state","prevState","newState","detectPlatform","jsx","jsxs","LoadingWidget"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@waniwani/sdk",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "WaniWani SDK - MCP event tracking, widget framework, and tools",
   "type": "module",
   "exports": {