@mcp-use/inspector 12.0.4-canary.0 → 20.0.0-beta.0

package/dist/web/assets/ToolsTab-BHk8GCmd.js

@@ -0,0 +1,8 @@
+import{s as e,t}from"./react-CU_d2d5K.js";import{t as n}from"./jsx-runtime-Cjj9sGSy.js";import{Lr as r,Nr as i,a,cr as o,f as s,n as c,r as l,sr as u,t as d,ur as f}from"./input-CjmxOFr6.js";import{t as p}from"./label-B5Q_Zr8M.js";import{t as m}from"./AnimatePresence-CthXziG2.js";import{a as h,i as g,n as _,r as v,t as y}from"./select-C0xlfLAa.js";import{t as b}from"./createLucideIcon-B3b8EU0b.js";import{n as x,r as S,t as C}from"./WidgetWrapper-B43lqbld.js";import{n as w,t as T}from"./zap-Du2Uc5pa.js";import{t as E}from"./code-tME-5H6D.js";import{a as D,i as O,n as k,o as ee,r as A,s as j}from"./shared-Dfwy7nyg.js";import{t as M}from"./maximize-_O55kFcr.js";import{n as N,t as te}from"./save-B-MsgxX9.js";import{A as P,B as F,Dt as I,F as L,Ft as R,G as z,H as B,Ht as ne,It as V,Lt as H,N as U,O as W,Ot as re,P as ie,Q as G,R as ae,S as oe,T as K,U as q,Ut as se,V as ce,W as le,Xt as J,_t as ue,an as Y,dt as de,ft as fe,k as pe,kt as me,l as X,lt as he,mt as ge,on as _e,p as ve,rn as ye,w as be}from"./index-Bbn-6QR2.js";import{t as xe}from"./textarea-Ci09-en6.js";import{t as Se}from"./useViewHostProps-BgsQ2yYl.js";import{t as Ce}from"./ListTabHeader-G-nQX18m.js";var we=b(`chevron-up`,[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]]),Z=e(t(),1),Q=n();function Te({savedRequests:e,selectedRequest:t,onLoadRequest:n,onDeleteRequest:r,focusedIndex:i}){if(e.length===0)return(0,Q.jsxs)(`div`,{className:`flex flex-1 flex-col items-center justify-center p-4 text-center`,children:[(0,Q.jsx)(S,{className:`h-12 w-12 text-gray-400 dark:text-gray-600 mb-3`}),(0,Q.jsx)(`p`,{className:`text-gray-500 dark:text-gray-400 mb-2`,children:`No saved requests yet`}),(0,Q.jsx)(`p`,{className:`text-xs text-gray-400 dark:text-gray-500`,children:`Execute a tool and click Save to store requests`})]});let o=(e,t)=>{e.stopPropagation(),t()};return(0,Q.jsx)(`div`,{children:e.map((e,s)=>(0,Q.jsxs)(`div`,{className:`relative group`,children:[(0,Q.jsx)(A,{id:`saved-${e.id}`,isSelected:t?.id===e.id,isFocused:i===s,title:e.name,description:e.toolName,metadata:(0,Q.jsx)(`div`,{className:`flex flex-col gap-1`,children:(0,Q.jsx)(`span`,{className:`text-xs text-gray-400 dark:text-gray-500`,children:new Date(e.savedAt).toLocaleString()})}),onClick:()=>n(e)}),(0,Q.jsx)(`div`,{className:`absolute top-1/2 right-2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity z-10`,children:(0,Q.jsxs)(c,{children:[(0,Q.jsx)(a,{render:(0,Q.jsx)(u,{variant:`secondary`,size:`sm`,onClick:t=>o(t,()=>r(e.id)),className:`h-8 w-8 p-0`,children:(0,Q.jsx)(H,{className:`h-4 w-4`})}),nativeButton:!0}),(0,Q.jsx)(l,{children:(0,Q.jsx)(`p`,{children:`Delete saved request`})})]})})]},e.id))})}function Ee({isOpen:e,requestName:t,defaultPlaceholder:n,onRequestNameChange:r,onSave:i,onCancel:a}){return e?(0,Q.jsx)(`div`,{className:`fixed inset-0 bg-black/50 flex items-center justify-center z-50`,onClick:a,children:(0,Q.jsxs)(`div`,{className:`bg-white dark:bg-zinc-800 rounded-lg p-6 w-[400px] shadow-xl border border-gray-200 dark:border-zinc-700`,onClick:e=>e.stopPropagation(),children:[(0,Q.jsx)(`h3`,{className:`text-lg font-semibold mb-4 text-gray-900 dark:text-gray-100`,children:`Save Request`}),(0,Q.jsxs)(`div`,{className:`space-y-4`,children:[(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(p,{htmlFor:`request-name`,children:`Request Name (optional)`}),(0,Q.jsx)(d,{id:`request-name`,value:t,onChange:e=>r(e.target.value),placeholder:n,className:`mt-2`,onKeyDown:e=>{e.key===`Enter`&&i()},autoFocus:!0})]}),(0,Q.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,Q.jsx)(u,{variant:`outline`,onClick:a,children:`Cancel`}),(0,Q.jsxs)(u,{onClick:i,children:[(0,Q.jsx)(te,{className:`h-4 w-4 mr-2`}),`Save`]})]})]})]})}):null}function De(e,t){if(!e?.$ref)return e;let n=e.$ref;if(!n.startsWith(`#/`))return e;let r=n.substring(2).split(`/`),i=t;for(let t of r)if(i&&typeof i==`object`&&t in i)i=i[t];else return e;return i}function $(e,t){if(e?.anyOf&&Array.isArray(e.anyOf)){let n=e.anyOf.find(e=>De(e,t)?.type!==`null`);if(n)return{...De(n,t),nullable:!0}}return e}function Oe(e,t){let n=$(e||{},t);return n=De(n,t),n}function ke(e,t){let n=Oe(e,t);if(typeof n.type==`string`)return n.type;if(Array.isArray(n.type)){let e=n.type.find(e=>e!==`null`);return typeof e==`string`?e:void 0}}function Ae(e){let t=e?.enum;return Array.isArray(t)&&t.every(e=>typeof e==`string`)?t:null}function je(e){let t=e.trim().toLowerCase();return[`true`,`1`,`yes`,`on`].includes(t)?!0:[`false`,`0`,`no`,`off`].includes(t)?!1:e}function Me(e,t){if(t===`number`||t===`integer`){let t=e.trim();if(!t)return e;let n=Number(t);return Number.isFinite(n)?n:e}return t===`boolean`?je(e):e}function Ne(e,t){if(e===void 0)return e;if(t===`object`||t===`array`){if(typeof e==`string`)try{return JSON.parse(e)}catch{return e}return e}if(t===`number`||t===`integer`){if(typeof e==`number`)return e;if(typeof e==`string`){let t=e.trim();if(!t)return e;let n=Number(t);return Number.isFinite(n)?n:e}return e}return t===`boolean`?typeof e==`boolean`?e:typeof e==`string`?je(e):e:e}function Pe(e){let t=``,n=0,r=!1,i=!1;for(;n<e.length;){let a=e[n];if(i){t+=a,i=!1,n++;continue}if(a===`\\`){i=!0,t+=a,n++;continue}if(a==="`"){r?(t+=`"`,r=!1):(t+=`"`,r=!0),n++;continue}if(r&&a===`"`){t+=`\\"`,n++;continue}t+=a,n++}return t}function Fe(e){if(!e||typeof e!=`string`)return null;let t=e.trim();if(!t.startsWith(`{`))return null;try{let e=JSON.parse(t);if(e&&typeof e==`object`&&!Array.isArray(e))return e}catch{try{let e=Pe(t),n=JSON.parse(e);if(n&&typeof n==`object`&&!Array.isArray(n))return n}catch{return null}}return null}function Ie({selectedTool:e,toolArgs:t,onArgChange:n,onBulkPaste:r,autoFilledFields:i,setFields:a,sendEmptyFields:o,onToggleEmpty:s}){let c=e?.inputSchema?.properties||{},l=e?.inputSchema?.required||[],u=Object.keys(c).length>0,f=async(e,t)=>{r&&await r(e.clipboardData.getData(`text`),t)&&e.preventDefault()};return u?(0,Q.jsx)(`div`,{className:`space-y-4`,children:Object.entries(c).map(([r,c])=>{let u=Oe(c,e?.inputSchema||{}),m=Ae(u),b=u.type===`string`&&m!==null,x=u,S=l.includes(r),C=t[r],w=``;C!=null&&(w=typeof C==`string`?C:typeof C==`object`&&C?JSON.stringify(C,null,2):String(C));let T=x.type===`object`||x.type===`array`,E=T?x.type===`array`?`array`:`object`:`string`,D=a?.has(r)??!0,O=s&&(x.type===`string`||T);return T?(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,Q.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Q.jsxs)(p,{htmlFor:r,className:`text-sm font-medium`,children:[r,S&&(0,Q.jsx)(`span`,{className:`text-red-500 ml-1`,children:`*`})]}),x?.description&&(0,Q.jsx)(`p`,{className:`mt-0.5 text-xs text-gray-500 dark:text-gray-400`,children:x.description})]}),O&&s&&(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 shrink-0`,children:[(0,Q.jsx)(`span`,{className:`text-xs text-muted-foreground whitespace-nowrap`,children:E===`array`?`Send empty array explicitly`:`Send empty object explicitly`}),(0,Q.jsx)(ve,{checked:o?.has(r)??!1,onCheckedChange:e=>s(r,E,e),"aria-label":E===`array`?`Send empty array`:`Send empty object`,title:E===`array`?`Send empty array []`:`Send empty object {}`})]})]}),(0,Q.jsx)(xe,{id:r,"data-testid":`tool-param-${r}`,value:w,onChange:e=>n(r,e.target.value),onPaste:e=>f(e,r),placeholder:`Enter ${r}`,disabled:o?.has(r)??!1,className:`min-h-[100px] ${D?``:`opacity-70`} ${i?.has(r)?`animate-pulse ring-2 ring-green-500 dark:ring-green-400`:``}`})]},r):b&&m?(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsxs)(`div`,{children:[(0,Q.jsxs)(p,{htmlFor:r,className:`text-sm font-medium`,children:[r,S&&(0,Q.jsx)(`span`,{className:`text-red-500 ml-1`,children:`*`})]}),x.description&&(0,Q.jsx)(`p`,{className:`mt-0.5 text-xs text-gray-500 dark:text-gray-400`,children:x.description})]}),(0,Q.jsxs)(y,{value:String(t[r]||``),onValueChange:e=>n(r,e),children:[(0,Q.jsx)(g,{id:r,className:`w-full ${D?``:`opacity-70`}`,"data-testid":`tool-param-${r}`,children:(0,Q.jsx)(h,{placeholder:`Select an option`})}),(0,Q.jsx)(_,{children:m.map((e,t)=>(0,Q.jsx)(v,{value:e,children:x.enumNames?.[t]||e},e))})]})]},r):(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,Q.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Q.jsxs)(p,{htmlFor:r,className:`text-sm font-medium`,children:[r,S&&(0,Q.jsx)(`span`,{className:`text-red-500 ml-1`,children:`*`})]}),x?.description&&(0,Q.jsx)(`p`,{className:`mt-0.5 text-xs text-gray-500 dark:text-gray-400`,children:x.description})]}),O&&s&&(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 shrink-0`,children:[(0,Q.jsx)(`span`,{className:`text-xs text-muted-foreground whitespace-nowrap`,children:`Send empty string`}),(0,Q.jsx)(ve,{checked:o?.has(r)??!1,onCheckedChange:e=>s(r,`string`,e),"aria-label":`Send empty string`,title:`Send empty string`})]})]}),(0,Q.jsx)(d,{id:r,"data-testid":`tool-param-${r}`,value:w,onChange:e=>n(r,e.target.value),onPaste:e=>f(e,r),placeholder:`Enter ${r}`,disabled:o?.has(r)??!1,className:`${D?``:`opacity-70`} ${i?.has(r)?`animate-pulse ring-2 ring-green-500 dark:ring-green-400`:``}`})]},r)})}):(0,Q.jsx)(`div`,{className:`flex items-center justify-center h-32 text-gray-500 dark:text-gray-400 text-sm`,children:`No parameters required`})}function Le({selectedTool:e,toolArgs:t,payloadToSend:n,isExecuting:i,isConnected:s,onArgChange:d,onExecute:p,onSave:m,onCancel:h,onBulkPaste:g,autoFilledFields:_,setFields:v,sendEmptyFields:y,onToggleEmpty:b}){let x=`hidden @[700px]/tool-exec:inline`,S=`hidden @[700px]/tool-exec:inline shrink-0 text-[10px] leading-none border border-current/30 p-1 rounded-full`,C=`max-[699px]/tool-exec:size-8 max-[699px]/tool-exec:min-w-8 max-[699px]/tool-exec:shrink-0 max-[699px]/tool-exec:gap-0 max-[699px]/tool-exec:rounded-full max-[699px]/tool-exec:px-0 max-[699px]/tool-exec:py-0`,w=`max-[699px]/tool-exec:!pr-0`,[T,D]=(0,Z.useState)(!1),[O,k]=(0,Z.useState)(!1),[ee,A]=(0,Z.useState)(!1),[j,M]=(0,Z.useState)(!1),[N,F]=(0,Z.useState)(!1),I=(0,Z.useRef)(null);return(0,Z.useEffect)(()=>{if(I.current&&e?.description){let e=I.current,t=parseFloat(getComputedStyle(e).lineHeight),n=e.scrollHeight;F(Math.round(n/t)>3),M(!1)}},[e?.description]),(0,Z.useEffect)(()=>{let t=t=>{(t.metaKey||t.ctrlKey)&&t.key===`Enter`&&e&&!i&&s&&(t.preventDefault(),p()),t.key===`Escape`&&i&&h&&(t.preventDefault(),h())};return document.addEventListener(`keydown`,t),()=>document.removeEventListener(`keydown`,t)},[e,i,s,p,h]),e?(0,Q.jsxs)(`div`,{className:`flex flex-col h-full @container/tool-exec`,children:[(0,Q.jsx)(`div`,{className:`shrink-0 p-3 sm:p-5 pt-3 sm:pt-4 pb-2 sm:pb-2 sm:pr-4`,children:(0,Q.jsx)(`div`,{children:(0,Q.jsxs)(`div`,{className:`flex flex-row items-center justify-between mb-0 gap-2`,children:[(0,Q.jsx)(`h3`,{className:`text-base sm:text-lg font-semibold`,"data-testid":`tool-execution-title`,children:e.name}),(0,Q.jsxs)(`div`,{className:`flex gap-2 shrink-0`,children:[(0,Q.jsxs)(c,{children:[(0,Q.jsx)(a,{render:(0,Q.jsxs)(u,{"data-testid":`tool-execution-metadata-button`,variant:O?`default`:`outline`,onClick:()=>k(!O),disabled:i,size:`sm`,className:r(f,C),title:`View tool metadata`,children:[(0,Q.jsx)(E,{}),(0,Q.jsx)(`span`,{className:x,children:`Metadata`})]}),nativeButton:!0}),(0,Q.jsx)(l,{children:(0,Q.jsx)(`p`,{children:`View tool definition metadata`})})]}),(0,Q.jsxs)(c,{children:[(0,Q.jsx)(a,{render:(0,Q.jsxs)(u,{"data-testid":`tool-execution-copy-payload-button`,variant:`outline`,onClick:async()=>{if(e)try{await he(JSON.stringify(n??t,null,2)),A(!0),setTimeout(()=>A(!1),2e3)}catch{}},disabled:i,size:`sm`,className:r(f,C),title:`Copy payload as JSON`,children:[ee?(0,Q.jsx)(_e,{className:`text-green-600`}):(0,Q.jsx)(ye,{}),(0,Q.jsx)(`span`,{className:x,children:ee?`Copied!`:`Payload`})]}),nativeButton:!0}),(0,Q.jsx)(l,{children:(0,Q.jsx)(`p`,{children:`Copy payload as JSON`})})]}),(0,Q.jsxs)(c,{children:[(0,Q.jsx)(a,{render:(0,Q.jsxs)(u,{"data-testid":`tool-execution-save-button`,variant:`outline`,onClick:m,disabled:i,size:`sm`,className:r(f,C),title:`Save request`,children:[(0,Q.jsx)(te,{}),(0,Q.jsx)(`span`,{className:x,children:`Save`})]}),nativeButton:!0}),(0,Q.jsx)(l,{children:(0,Q.jsx)(`p`,{children:`Save request`})})]}),i&&h?(0,Q.jsxs)(c,{open:T?void 0:!1,children:[(0,Q.jsx)(a,{render:(0,Q.jsx)(`div`,{onMouseEnter:()=>D(!0),onMouseLeave:()=>D(!1),className:`relative`,children:(0,Q.jsx)(u,{"data-testid":`tool-execution-cancel-button`,onClick:h,variant:T?`destructive`:`default`,size:`sm`,className:r(o,C,w,`transition-all`),children:T?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(R,{}),(0,Q.jsx)(`span`,{className:x,children:`Cancel`}),(0,Q.jsx)(`span`,{className:S,children:`Esc`})]}):(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(K,{}),(0,Q.jsx)(`span`,{className:x,children:`Executing...`})]})})}),nativeButton:!1}),(0,Q.jsx)(l,{children:(0,Q.jsx)(`p`,{children:`Hover to cancel (or press Esc)`})})]}):(0,Q.jsx)(u,{"data-testid":`tool-execution-execute-button`,onClick:p,disabled:i||!s,size:`sm`,className:r(o,C,w),children:i?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(K,{}),(0,Q.jsx)(`span`,{className:x,children:`Executing...`})]}):(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(ne,{}),(0,Q.jsx)(`span`,{className:x,children:`Execute`}),(0,Q.jsx)(`span`,{className:S,children:`⌘↵`})]})})]})]})})}),(0,Q.jsxs)(`div`,{className:`flex-1 overflow-y-auto px-3 sm:px-5 pb-4 pr-3`,children:[e.description&&(0,Q.jsxs)(`div`,{className:`relative mb-6`,children:[(0,Q.jsxs)(`div`,{className:`relative`,children:[(0,Q.jsx)(`p`,{ref:I,"data-testid":`tool-execution-description`,className:`text-sm text-gray-600 dark:text-gray-400 leading-relaxed transition-all duration-300 ${!j&&N?`line-clamp-3`:``}`,children:e.description}),N&&!j&&(0,Q.jsx)(`div`,{className:`absolute bottom-0 left-0 right-0 h-[1.4em] bg-linear-to-t from-white/95 dark:from-black/95 via-white/55 dark:via-black/55 to-transparent pointer-events-none`})]}),N&&(0,Q.jsx)(`div`,{className:`flex justify-end`,children:(0,Q.jsx)(`button`,{onClick:()=>M(!j),className:`relative z-10 inline-flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 mt-1 transition-colors`,children:j?(0,Q.jsxs)(Q.Fragment,{children:[`Show less`,(0,Q.jsx)(we,{className:`h-3 w-3`})]}):(0,Q.jsxs)(Q.Fragment,{children:[`Show more`,(0,Q.jsx)(Y,{className:`h-3 w-3`})]})})})]}),(0,Q.jsx)(Ie,{selectedTool:e,toolArgs:t,onArgChange:d,onBulkPaste:g,autoFilledFields:_,setFields:v,sendEmptyFields:y,onToggleEmpty:b})]}),(0,Q.jsx)(W,{open:O,onOpenChange:k,children:(0,Q.jsxs)(P,{scrollable:!0,className:`max-w-3xl max-h-[80vh]`,children:[(0,Q.jsx)(U,{sticky:!0,children:(0,Q.jsx)(L,{children:`Tool Definition`})}),(0,Q.jsx)(pe,{children:(0,Q.jsx)(ie,{onCopy:async()=>{e&&await he(JSON.stringify(e,null,2))},children:(0,Q.jsx)(X,{data:e,filename:`tool-definition-${e.name}-${Date.now()}.json`})})})]})})]}):(0,Q.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full p-4 text-center`,children:[(0,Q.jsx)(`p`,{className:`text-gray-500 dark:text-gray-400 mb-2`,children:`Select a tool to get started`}),(0,Q.jsx)(`p`,{className:`text-xs text-gray-400 dark:text-gray-500`,children:`Choose a tool from the list to view its details and execute it`})]})}function Re({timestamp:e}){let[t,n]=(0,Z.useState)(()=>ze(e));return(0,Z.useEffect)(()=>{let t=()=>n(ze(e));t();let r=setInterval(t,1e3);return()=>clearInterval(r)},[e]),(0,Q.jsx)(`span`,{children:t})}function ze(e){let t=Date.now()-e,n=Math.floor(t/1e3),r=Math.floor(n/60),i=Math.floor(r/60),a=Math.floor(i/24);return n<10?`now`:n<60?`${n}s ago`:r<60?`${r}m ago`:i<24?`${i}h ago`:`${a}d ago`}function Be(e){if(!e?.isError)return null;let t=e.content;if(Array.isArray(t)){let e=t.filter(e=>e.type===`text`).map(e=>e.text).filter(Boolean);if(e.length>0)return e.join(`
+`)}return`An error occurred`}function Ve(e){try{return JSON.parse(e),!0}catch{return!1}}function He({content:e}){let[t,n]=(0,Z.useState)(new Set),r=(0,Z.useCallback)(e=>{n(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);return!Array.isArray(e)||e.length===0?(0,Q.jsx)(`div`,{className:`text-sm text-gray-500 dark:text-gray-400`,children:`No content`}):(0,Q.jsx)(`div`,{className:`space-y-4`,children:e.map((e,n)=>{if(e.type===`text`){let i=e.text||``,a=t.has(n),o=Ve(i),s=o?(()=>{try{return JSON.parse(i)}catch{return null}})():null;return(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,Q.jsxs)(`div`,{className:`text-xs font-medium text-gray-500 dark:text-gray-400`,children:[`Text Content`,a?` (formatted)`:``]}),o&&(0,Q.jsx)(`button`,{type:`button`,onClick:()=>r(n),className:`text-xs text-blue-600 dark:text-blue-400 hover:underline`,"data-testid":`tool-result-format-toggle-${n}`,children:a?`Show as text`:`Try to format`})]}),a&&s!==null?(0,Q.jsx)(X,{data:s,filename:`content-${n}.json`}):(0,Q.jsx)(`div`,{className:`bg-gray-50 dark:bg-zinc-900 rounded-lg p-3 font-mono text-sm whitespace-pre-wrap break-words`,"data-testid":`tool-execution-results-text-content`,children:i})]},n)}if(e.type===`image`)return(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsx)(`div`,{className:`text-xs font-medium text-gray-500 dark:text-gray-400`,children:`Image Content`}),(0,Q.jsxs)(`div`,{className:`bg-gray-50 dark:bg-zinc-900 rounded-lg p-3`,children:[(0,Q.jsx)(`img`,{src:`data:${e.mimeType||`image/png`};base64,${e.data}`,alt:`Result`,className:`max-w-full rounded`,"data-testid":`tool-execution-results-image-content`}),e.annotations&&(0,Q.jsx)(`div`,{className:`mt-2 text-xs text-gray-500 dark:text-gray-400`,children:(0,Q.jsx)(X,{data:e.annotations,filename:`image-annotations-${n}.json`,"data-testid":`tool-execution-results-image-annotations`})})]})]},n);if(e.type===`audio`)return(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsx)(`div`,{className:`text-xs font-medium text-gray-500 dark:text-gray-400`,children:`Audio Content`}),(0,Q.jsxs)(`div`,{className:`bg-gray-50 dark:bg-zinc-900 rounded-lg p-3`,children:[(0,Q.jsx)(`audio`,{controls:!0,src:`data:${e.mimeType||`audio/wav`};base64,${e.data}`,className:`w-full`,"data-testid":`tool-execution-results-audio-content`}),e.annotations&&(0,Q.jsx)(`div`,{className:`mt-2 text-xs text-gray-500 dark:text-gray-400`,children:(0,Q.jsx)(X,{data:e.annotations,filename:`audio-annotations-${n}.json`,"data-testid":`tool-execution-results-audio-annotations`})})]})]},n);if(e.type===`resource_link`)return(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsx)(`div`,{className:`text-xs font-medium text-gray-500 dark:text-gray-400`,children:`Resource Link`}),(0,Q.jsxs)(`div`,{className:`bg-gray-50 dark:bg-zinc-900 rounded-lg p-3 space-y-2`,children:[(0,Q.jsxs)(`div`,{className:`font-mono text-sm break-all`,children:[(0,Q.jsx)(`span`,{className:`text-gray-600 dark:text-gray-400`,children:`URI:`}),` `,e.uri]}),e.name&&(0,Q.jsxs)(`div`,{className:`text-sm`,children:[(0,Q.jsx)(`span`,{className:`text-gray-600 dark:text-gray-400`,children:`Name:`}),` `,e.name]}),e.description&&(0,Q.jsxs)(`div`,{className:`text-sm`,children:[(0,Q.jsx)(`span`,{className:`text-gray-600 dark:text-gray-400`,children:`Description:`}),` `,e.description]}),e.mimeType&&(0,Q.jsxs)(`div`,{className:`text-sm`,children:[(0,Q.jsx)(`span`,{className:`text-gray-600 dark:text-gray-400`,children:`MIME Type:`}),` `,e.mimeType]}),e.annotations&&(0,Q.jsxs)(`div`,{className:`mt-2`,children:[(0,Q.jsx)(`div`,{className:`text-xs text-gray-500 dark:text-gray-400 mb-1`,children:`Annotations:`}),(0,Q.jsx)(X,{data:e.annotations,filename:`resource-link-annotations-${n}.json`,"data-testid":`tool-execution-results-resource-link-annotations`})]})]})]},n);if(e.type===`resource`){let t=e.resource||{};return(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsx)(`div`,{className:`text-xs font-medium text-gray-500 dark:text-gray-400`,children:`Embedded Resource`}),(0,Q.jsxs)(`div`,{className:`bg-gray-50 dark:bg-zinc-900 rounded-lg p-3 space-y-2`,children:[(0,Q.jsxs)(`div`,{className:`font-mono text-sm break-all`,"data-testid":`tool-execution-results-resource-uri`,children:[(0,Q.jsx)(`span`,{className:`text-gray-600 dark:text-gray-400`,children:`URI:`}),` `,t.uri]}),t.mimeType&&(0,Q.jsxs)(`div`,{className:`text-sm`,children:[(0,Q.jsx)(`span`,{className:`text-gray-600 dark:text-gray-400`,"data-testid":`tool-execution-results-mime-type`,children:`MIME Type:`}),` `,t.mimeType]}),t.text&&(0,Q.jsxs)(`div`,{"data-testid":`tool-execution-results-resource-text-content`,children:[(0,Q.jsx)(`div`,{className:`text-xs text-gray-500 dark:text-gray-400 mb-1`,children:`Content:`}),(0,Q.jsx)(`div`,{className:`bg-white dark:bg-black rounded p-2 font-mono text-sm whitespace-pre-wrap break-words max-h-60 overflow-y-auto`,children:t.text})]}),t.blob&&(0,Q.jsxs)(`div`,{className:`text-sm text-gray-600 dark:text-gray-400`,children:[`[Binary content: `,t.blob.length||0,` bytes]`]}),t.annotations&&(0,Q.jsxs)(`div`,{className:`mt-2`,children:[(0,Q.jsx)(`div`,{className:`text-xs text-gray-500 dark:text-gray-400 mb-1`,children:`Annotations:`}),(0,Q.jsx)(X,{data:t.annotations,filename:`resource-annotations-${n}.json`,"data-testid":`tool-execution-results-resource-annotations`})]})]})]},n)}return(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsxs)(`div`,{className:`text-xs font-medium text-gray-500 dark:text-gray-400`,children:[`Unknown Content Type: `,e.type||`N/A`]}),(0,Q.jsx)(X,{data:e,filename:`content-${n}.json`,"data-testid":`tool-execution-results-unknown-content`})]},n)})})}function Ue({serverId:e,viewId:t,toolName:n,resourceUri:r,toolInput:i,toolOutput:a,toolMetadata:o,readResource:s,customProps:c,displayMode:l,onDisplayModeChange:u,onSendFollowUp:d}){let f=Se({serverId:e,viewId:t,resourceUri:r,toolName:n,toolInput:i,toolOutput:a,toolMetadata:o,readResource:s,displayMode:l,onDisplayModeChange:u});if(!f)return(0,Q.jsx)(C,{className:`w-full h-full min-h-[240px]`,children:(0,Q.jsx)(K,{className:`size-5`})});let p=l===`inline`?`w-full h-full flex items-center justify-center relative p-4 min-h-0`:`w-full h-full relative p-4`,m=c?JSON.stringify(c):`no-custom-props`;return(0,Q.jsx)(C,{className:`w-full h-full min-h-[240px]`,children:(0,Q.jsx)(de,{viewId:t,toolName:n,toolInput:i,toolOutput:a,customProps:c,className:p,onMessage:e=>{e.length>0&&d&&d(e)},...f},m)})}function We({results:e,copiedResult:t,serverId:n,readResource:r,onCopy:i,onMaximize:a,isMaximized:o=!1,onRerunTool:s}){let[c,l]=(0,Z.useState)(0),[d,f]=(0,Z.useState)(!0),[p,m]=(0,Z.useState)(null),[h,b]=(0,Z.useState)(`inline`),[S,C]=(0,Z.useState)(null),w=(0,Z.useRef)(!1),E=e[0],D=E?e.filter(e=>e.toolName===E.toolName):[],O=D[c]||D[0],k=e.findIndex(e=>e===O),ee=(O?O.error||Be(O.result):null)??(O==null?``:JSON.stringify(O.result,null,2));(0,Z.useEffect)(()=>{D.length>0&&c>=D.length&&l(0)},[D.length,c]),(0,Z.useEffect)(()=>{w.current=!1,m(null)},[E?.toolName]);let A=(0,Z.useMemo)(()=>O?.args,[O?.timestamp,c]),j=(0,Z.useMemo)(()=>O?.result,[O?.timestamp,O?.duration,c]),te=(0,Z.useCallback)(e=>r(e),[r]),P=(0,Z.useCallback)(e=>{let t=e.filter(e=>e.type===`text`&&`text`in e).map(e=>e.text).join(`
+`),n=e.filter(e=>e.type===`image`).length,r=e.filter(e=>e.type===`resource`).length,i=[n>0&&`${n} image${n>1?`s`:``}`,r>0&&`${r} resource${r>1?`s`:``}`].filter(Boolean).join(`, `);G.info(`Widget follow-up`,{description:[t,i].filter(Boolean).join(` — `),duration:5e3})},[]),F=(0,Z.useMemo)(()=>O&&ge(O.toolMeta)?`mcp-apps`:null,[O]),I=(0,Z.useMemo)(()=>O?.toolMeta?fe(O.toolMeta):null,[O?.toolMeta]),L=(0,Z.useMemo)(()=>F===`mcp-apps`&&!!I,[F,I]),R=(0,Z.useMemo)(()=>O?.result?.content||[],[O]),z=(0,Z.useMemo)(()=>I||null,[I]),B=(0,Z.useMemo)(()=>!!(R&&R.length>0||O?.result?.structuredContent),[R,O]),V=(0,Z.useMemo)(()=>!L&&B,[L,B]),H=(0,Z.useMemo)(()=>{let e=[];return L&&I&&e.push({mode:`mcp-apps`,label:`Component (MCP Apps)`}),e.push({mode:`json`,label:`Raw JSON`}),e},[L,I]);return(0,Z.useEffect)(()=>{if(H.length===0)return;let e=p&&H.some(e=>e.mode===p),t=H.find(e=>e.mode!==`json`);if(t){let n=w.current;if(w.current=!0,!p||!e||p===`json`&&!n){m(t.mode);return}}else (!p||!e)&&m(`json`)},[H,p]),e.length===0?(0,Q.jsx)(`div`,{className:`flex flex-col h-full bg-white dark:bg-black border-t dark:border-zinc-700`,children:(0,Q.jsx)(`div`,{className:`flex-1 overflow-y-auto h-full`,children:(0,Q.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,Q.jsx)(`div`,{className:`text-center`,children:(0,Q.jsx)(me,{vertical:!0,noBorder:!0,message:`No Results yet`})})})})}):(0,Q.jsxs)(`div`,{className:`relative flex flex-col h-full bg-white dark:bg-black border-t dark:border-zinc-700`,children:[(0,Q.jsx)(`div`,{className:`flex-1 overflow-y-auto h-full`,children:(0,Q.jsxs)(`div`,{className:`space-y-0 flex flex-col flex-1 h-full`,children:[(0,Q.jsxs)(`div`,{className:`sticky top-0 z-40 flex items-center gap-2 px-4 pt-2 backdrop-blur-xs bg-white/50 dark:bg-black/50 ${L||V?`border-b border-gray-200 dark:border-zinc-600 pb-2`:``}`,children:[(0,Q.jsx)(`h3`,{className:`text-sm font-medium hidden sm:block`,children:`Response`}),O.duration!==void 0&&(0,Q.jsxs)(`div`,{className:`hidden sm:flex items-center gap-1`,children:[(0,Q.jsx)(T,{className:`h-3 w-3 text-gray-400`}),(0,Q.jsxs)(`span`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:[O.duration,`ms`]})]}),L&&(0,Q.jsx)(`div`,{className:`flex items-center gap-4 sm:ml-4`,children:(0,Q.jsx)(`div`,{className:`flex items-center gap-2`,children:H.map((e,t)=>(0,Q.jsxs)(Z.Fragment,{children:[t>0&&(0,Q.jsx)(`span`,{className:`text-xs text-zinc-400`,children:`|`}),(0,Q.jsx)(`button`,{"data-testid":`tool-result-view-${e.mode}`,onClick:()=>m(e.mode),className:`text-xs font-medium ${p===e.mode?`text-black dark:text-white`:`text-zinc-500 dark:text-zinc-400`}`,children:e.label})]},e.mode))})}),V&&(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 sm:ml-4`,children:[(0,Q.jsx)(`button`,{onClick:()=>f(!0),className:`text-xs font-medium ${d?`text-black dark:text-white`:`text-zinc-500 dark:text-zinc-400`}`,children:`Formatted`}),(0,Q.jsx)(`span`,{className:`text-xs text-zinc-400`,children:`|`}),(0,Q.jsx)(`button`,{onClick:()=>f(!1),className:`text-xs font-medium ${d?`text-zinc-500 dark:text-zinc-400`:`text-black dark:text-white`}`,children:`Raw`})]}),(0,Q.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[o&&s&&(0,Q.jsxs)(u,{"data-testid":`tool-result-rerun`,variant:`ghost`,size:`sm`,onClick:s,title:`Re-run with same arguments`,children:[(0,Q.jsx)(ne,{className:`h-4 w-4`}),(0,Q.jsx)(`span`,{className:`hidden sm:inline ml-1`,children:`Re-run`})]}),L&&a&&(0,Q.jsx)(u,{"data-testid":`tool-result-maximize`,variant:`ghost`,size:`sm`,onClick:a,title:o?`Restore`:`Maximize`,children:o?(0,Q.jsx)(N,{className:`h-4 w-4`}):(0,Q.jsx)(M,{className:`h-4 w-4`})}),D.length>1&&(0,Q.jsxs)(y,{value:c.toString(),onValueChange:e=>l(parseInt(e)),children:[(0,Q.jsx)(g,{className:`w-[140px] h-8 text-xs`,leading:(0,Q.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,Q.jsx)(J,{className:`h-3 w-3`}),(0,Q.jsx)(Re,{timestamp:O.timestamp})]})}),(0,Q.jsx)(_,{children:D.map((e,t)=>(0,Q.jsx)(v,{value:t.toString(),children:(0,Q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(J,{className:`h-3 w-3`}),(0,Q.jsx)(`span`,{children:ze(e.timestamp)}),(0,Q.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[`(`,new Date(e.timestamp).toLocaleTimeString(),`)`]})]})},t))})]}),(0,Q.jsx)(u,{"data-testid":`tool-result-copy-${k}`,variant:`ghost`,size:`sm`,onClick:()=>i(k,ee),children:t===k?(0,Q.jsx)(_e,{className:`h-4 w-4`}):(0,Q.jsx)(ye,{className:`h-4 w-4`})})]})]}),(()=>{let e=O.error||Be(O.result);return e?(0,Q.jsxs)(`div`,{className:`bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded p-3 mx-4`,children:[(0,Q.jsx)(`p`,{className:`text-red-800 dark:text-red-300 font-medium`,children:`Error:`}),(0,Q.jsx)(`p`,{className:`text-red-700 dark:text-red-400 text-sm`,children:e})]}):(()=>{if(!p)return(0,Q.jsx)(`div`,{className:`flex items-center justify-center w-full h-[200px]`,children:(0,Q.jsx)(K,{className:`size-5`})});switch(p){case`mcp-apps`:return!L||!I?(0,Q.jsx)(`div`,{className:`px-4 pt-4`,children:(0,Q.jsx)(`div`,{className:`bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded p-3`,children:(0,Q.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:`MCP Apps resource not available`})})}):(0,Q.jsxs)(`div`,{className:`flex flex-1 relative flex-col min-h-0`,children:[(0,Q.jsx)(`div`,{className:`absolute top-2 right-2 z-30 flex items-center gap-2`,children:(0,Q.jsx)(x,{toolCallId:`tool-${O.timestamp}`,displayMode:h,onDisplayModeChange:b,propsContext:`tool`,resourceUri:I,toolInput:O.args,resourceAnnotations:O.toolMeta,llmConfig:null,resource:null,onPropsChange:C})}),(0,Q.jsx)(Ue,{serverId:n,viewId:`tool-${O.timestamp}`,toolName:O.toolName,toolInput:A,toolOutput:j,toolMetadata:O.toolMeta,resourceUri:I,readResource:te,customProps:S||void 0,displayMode:h,onDisplayModeChange:b,onSendFollowUp:P},`mcp-apps-${O.timestamp}`)]});case`json`:if(V&&d){let e=O.result?.structuredContent;return(0,Q.jsxs)(`div`,{className:`px-4 pt-4 space-y-4`,"data-testid":`tool-execution-results-content`,children:[e&&(0,Q.jsxs)(`div`,{className:`space-y-2`,"data-testid":`tool-execution-results-structured-content`,children:[(0,Q.jsx)(`div`,{className:`text-xs font-medium text-gray-500 dark:text-gray-400`,children:`Structured Content`}),(0,Q.jsx)(X,{data:e,filename:`structured-content-${O.toolName}-${Date.now()}.json`})]}),R&&R.length>0&&(0,Q.jsx)(He,{content:R}),!e&&(!R||R.length===0)&&(0,Q.jsx)(`div`,{className:`text-sm text-gray-500 dark:text-gray-400`,"data-testid":`tool-execution-results-no-content`,children:`No content to display`})]})}return(0,Q.jsx)(`div`,{className:`px-4 pt-4`,children:(0,Q.jsx)(X,{data:O.result,filename:`tool-result-${O.toolName}-${Date.now()}.json`})});default:return null}})()})()]})}),z&&p===`mcp-apps`&&(0,Q.jsx)(`div`,{className:`absolute bottom-0 left-1/2 -translate-x-1/2 z-40 pointer-events-none`,children:(0,Q.jsx)(`span`,{className:`text-[11px] bg-gray-200 dark:bg-zinc-800 text-gray-500 dark:text-gray-400 px-3 py-0.5 rounded-t-xl font-mono max-w-[320px] truncate block`,children:z})})]})}function Ge({tools:e,selectedTool:t,onToolSelect:n,focusedIndex:r}){if(e.length===0)return(0,Q.jsxs)(`div`,{className:`flex flex-1 flex-col items-center justify-center p-4 text-center`,children:[(0,Q.jsx)(V,{className:`h-12 w-12 text-gray-400 dark:text-gray-600 mb-3`}),(0,Q.jsx)(`p`,{className:`text-gray-500 dark:text-gray-400`,children:`No tools available`})]});let o=e.some(e=>e.inputSchema?.properties&&Object.keys(e.inputSchema.properties).length>0);return(0,Q.jsx)(`div`,{children:e.map((e,s)=>{let u=e._meta,d=ge(u)?`mcp-apps`:null,f=e.inputSchema?.properties,p=f?Object.keys(f).length:0,m=o&&p>0&&(0,Q.jsxs)(i,{variant:`outline`,className:`text-xs border-gray-300 dark:border-zinc-600 text-gray-600 dark:text-gray-400`,children:[p,` params`]}),h=d===`mcp-apps`||m?(0,Q.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[d===`mcp-apps`&&(0,Q.jsxs)(c,{children:[(0,Q.jsx)(a,{render:(0,Q.jsx)(`span`,{className:`inline-flex`,children:(0,Q.jsx)(se,{className:`h-3.5 w-3.5`})}),nativeButton:!1}),(0,Q.jsx)(l,{children:(0,Q.jsx)(`p`,{children:`UI widget`})})]}),m]}):void 0;return(0,Q.jsx)(A,{id:`tool-${e.name}`,"data-testid":`tool-item-${e.name}`,isSelected:t?.name===e.name,isFocused:r===s,title:e.name,description:e.description,metadata:h,onClick:()=>n(e)},e.name)})})}function Ke(e){return F(e,`alert-dialog`)}function qe({...e}){return(0,Q.jsx)(Ke,{"data-slot":`alert-dialog`,...e})}function Je({...e}){return(0,Q.jsx)(ce,{"data-slot":`alert-dialog-portal`,...e})}function Ye({className:e,...t}){return(0,Q.jsx)(z,{"data-slot":`alert-dialog-overlay`,className:r(`fixed inset-0 isolate z-50 bg-black/50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...t})}function Xe({className:e,size:t=`default`,...n}){return(0,Q.jsxs)(Je,{children:[(0,Q.jsx)(Ye,{}),(0,Q.jsx)(B,{"data-slot":`alert-dialog-content`,"data-size":t,className:r(`group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...n})]})}function Ze({className:e,...t}){return(0,Q.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:r(`grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]`,e),...t})}function Qe({className:e,...t}){return(0,Q.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:r(`flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end`,e),...t})}function $e({className:e,...t}){return(0,Q.jsx)(ae,{"data-slot":`alert-dialog-title`,className:r(`text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2`,e),...t})}function et({className:e,...t}){return(0,Q.jsx)(q,{"data-slot":`alert-dialog-description`,className:r(`text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...t})}function tt({className:e,...t}){return(0,Q.jsx)(u,{"data-slot":`alert-dialog-action`,className:r(e),...t})}function nt({className:e,variant:t=`outline`,size:n=`default`,...i}){return(0,Q.jsx)(le,{"data-slot":`alert-dialog-cancel`,className:r(e),render:(0,Q.jsx)(u,{variant:t,size:n}),...i})}function rt({selectedTool:e,payloadToSend:t,toolArgs:n,callTool:r,readResource:i,serverId:a}){let[o,s]=(0,Z.useState)([]),[c,l]=(0,Z.useState)(!1),[u,d]=(0,Z.useState)(null),[f,p]=(0,Z.useState)(null),m=(0,Z.useCallback)(async()=>{if(!e||c)return;let o=new AbortController;p(o),l(!0);let u=Date.now();try{let c=t,l=e?._meta||e?.metadata,d=l?.ui?.resourceUri;if(d&&typeof d==`string`){try{await i(d)}catch{}s([{toolName:e.name,args:c,result:null,timestamp:u,duration:0,toolMeta:l}])}let f=await r(e.name,c,{timeout:6e5,resetTimeoutOnProgress:!0,signal:o.signal}),p=Date.now()-u,m=f?._meta??l;ue(new I({toolName:e.name,serverId:a,success:!0,duration:p})).catch(()=>{}),window.dispatchEvent(new Event(`mcp-tool-executed`)),s(d&&typeof d==`string`?e=>e.map((e,t)=>t===0?{...e,result:f,duration:p,toolMeta:m}:e):t=>[{toolName:e.name,args:n,result:f,timestamp:u,duration:p,toolMeta:m},...t])}catch(t){let r=Date.now()-u;ue(new I({toolName:e.name,serverId:a,success:!1,duration:r,error:t instanceof Error?t.message:String(t)})).catch(()=>{}),window.dispatchEvent(new Event(`mcp-tool-executed`));let i=e?._meta||e?.metadata,o={toolName:e.name,args:n,result:null,error:t instanceof Error?t.message:String(t),timestamp:u,duration:r,toolMeta:i};i?.ui?.resourceUri?s([o]):s(e=>[o,...e])}finally{l(!1)}},[e,t,n,c,r,i,a]),h=(0,Z.useCallback)(async(e,t)=>{try{await he(t),d(e),setTimeout(()=>d(null),2e3)}catch(e){console.error(`[ToolsTab] Failed to copy result:`,e)}},[]),g=(0,Z.useCallback)(e=>{s(t=>t.filter((t,n)=>n!==e))},[]),_=(0,Z.useMemo)(()=>e?o.filter(t=>t.toolName===e.name):[],[o,e]);return{results:o,setResults:s,isExecuting:c,copiedResult:u,executeTool:m,handleCopyResult:h,handleDeleteResult:g,handleFullscreen:(0,Z.useCallback)(e=>{let t=_[e];if(!t)return;let n=window.open(``,`_blank`,`width=800,height=600`);n&&(n.document.write(`
+            <html>
+              <head><title>${t.toolName} Result</title></head>
+              <body><pre>${JSON.stringify(t.result,null,2)}</pre></body>
+            </html>
+          `),n.document.close())},[_]),filteredResults:_,cancelExecution:(0,Z.useCallback)(()=>{f?.abort(),p(null),l(!1)},[f])}}function it({ref:e,activeTab:t,filteredTools:n,savedRequests:r,searchQuery:i,setSearchQuery:a,selectedTool:o,results:s,isExecuting:c,handleToolSelect:l,loadSavedRequest:u,refreshTools:d,selectedToolName:f,tools:p,setSelectedToolName:m}){let[h,g]=(0,Z.useState)(!1),[_,v]=(0,Z.useState)(-1),y=(0,Z.useRef)(null),[b,x]=(0,Z.useState)(!1),[S,C]=(0,Z.useState)(`list`),[w,T]=(0,Z.useState)(!1);(0,Z.useEffect)(()=>{let e=()=>x(window.innerWidth<1024);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]),(0,Z.useEffect)(()=>{C(o?`detail`:`list`)},[o]),(0,Z.useEffect)(()=>{b&&s.length>0&&!c&&C(`response`)},[s,c,b]),(0,Z.useImperativeHandle)(e,()=>({focusSearch:()=>{g(!0),setTimeout(()=>y.current?.focus(),0)},blurSearch:()=>{a(``),g(!1),y.current?.blur()}})),(0,Z.useEffect)(()=>{h&&y.current?.focus()},[h]);let E=(0,Z.useCallback)(()=>{i.trim()||g(!1)},[i]),D=(0,Z.useCallback)(async()=>{if(d){T(!0);try{await d()}finally{T(!1)}}},[d]);return(0,Z.useEffect)(()=>{t!==`tools`&&g(!1)},[t]),(0,Z.useEffect)(()=>{v(-1)},[i,t]),(0,Z.useEffect)(()=>{let e=e=>{let i=e.target;if(i.tagName===`INPUT`||i.tagName===`TEXTAREA`||i.contentEditable===`true`||e.metaKey||e.ctrlKey||e.altKey)return;let a=t===`tools`?n:r;if(e.key===`ArrowDown`)e.preventDefault(),v(e=>e+1>=a.length?0:e+1);else if(e.key===`ArrowUp`)e.preventDefault(),v(e=>e-1<0?a.length-1:e-1);else if(e.key===`Enter`&&_>=0)if(e.preventDefault(),t===`tools`){let e=n[_];e&&l(e)}else{let e=r[_];e&&u(e)}};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[_,n,r,t,l,u]),(0,Z.useEffect)(()=>{if(_>=0){let e=t===`tools`?`tool-${n[_]?.name}`:`saved-${r[_]?.id}`;document.getElementById(e)?.scrollIntoView({behavior:`smooth`,block:`nearest`})}},[_,n,r,t]),(0,Z.useEffect)(()=>{if(fetch(`http://127.0.0.1:7371/ingest/4e7482c5-571f-4071-bd09-762c357289f4`,{method:`POST`,headers:{"Content-Type":`application/json`,"X-Debug-Session-Id":`831b88`},body:JSON.stringify({sessionId:`831b88`,location:`useToolsTabNavigation.ts:auto-select`,message:`tools auto-select effect`,data:{selectedToolName:f,toolsCount:p.length,toolNames:p.slice(0,5).map(e=>e.name),toolFound:f?!!p.find(e=>e.name===f):!1,currentSelected:o?.name??null},timestamp:Date.now(),hypothesisId:`H2`})}).catch(()=>{}),!f||p.length===0)return;let e=p.find(e=>e.name===f);if(e){fetch(`http://127.0.0.1:7371/ingest/4e7482c5-571f-4071-bd09-762c357289f4`,{method:`POST`,headers:{"Content-Type":`application/json`,"X-Debug-Session-Id":`831b88`},body:JSON.stringify({sessionId:`831b88`,location:`useToolsTabNavigation.ts:auto-select-apply`,message:`scheduling handleToolSelect`,data:{toolName:e.name},timestamp:Date.now(),hypothesisId:`H4`})}).catch(()=>{}),m(null);let t=setTimeout(()=>{l(e),document.getElementById(`tool-${e.name}`)?.scrollIntoView({behavior:`smooth`,block:`nearest`})},100);return()=>clearTimeout(t)}},[f,p,l,m]),{isSearchExpanded:h,setIsSearchExpanded:g,focusedIndex:_,searchInputRef:y,isMobile:b,mobileView:S,setMobileView:C,isRefreshing:w,handleSearchBlur:E,handleRefresh:D}}function at({ref:e,tools:t,callTool:n,readResource:r,serverId:i,isConnected:a,refreshTools:o}){let[c,l]=(0,Z.useState)(null),[d,f]=(0,Z.useState)(null),{selectedToolName:p,setSelectedToolName:h}=be(),[g,_]=(0,Z.useState)({}),[v,y]=(0,Z.useState)(new Set),[b,x]=(0,Z.useState)(new Set),[C,T]=(0,Z.useState)(``),[E,A]=(0,Z.useState)(`tools`),{savedRequests:M,saveSavedRequests:N}=oe(),[te,P]=(0,Z.useState)(!1),[F,I]=(0,Z.useState)(``),[L,R]=(0,Z.useState)(!1),[z,B]=(0,Z.useState)({open:!1,parsedObject:{},fieldsToUpdate:[],newFields:[],resolve:null}),[ne,H]=(0,Z.useState)(new Set),U=j(),W=j(),ie=(0,Z.useCallback)(()=>{L?(U.current&&U.current.expand(),W.current&&W.current.expand(),R(!1)):(U.current&&U.current.collapse(),W.current&&W.current.collapse(),R(!0))},[L,U,W]),G=(0,Z.useMemo)(()=>{if(!C.trim())return t;let e=C.toLowerCase();return t.filter(t=>t.name.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e))},[t,C]),ae=(0,Z.useCallback)(e=>{l(e);let t={},n=new Set;e.inputSchema?.properties&&Object.entries(e.inputSchema.properties).forEach(([e,r])=>{let i=r;i.default!==void 0&&(t[e]=i.default,n.add(e))}),_(t),y(n),x(new Set)},[]),K=(0,Z.useCallback)(e=>{let n=t.find(t=>t.name===e.toolName);n&&(l(n),_(e.args),y(new Set(Object.keys(e.args))),x(new Set),f(e))},[t]);(0,Z.useEffect)(()=>{if(c){let e=t.find(e=>e.name===c.name);e?e!==c&&(JSON.stringify(e.inputSchema)!==JSON.stringify(c.inputSchema)||e.description!==c.description||JSON.stringify(e?._meta)!==JSON.stringify(c?._meta))&&l(e):(l(null),h(null))}},[t,c,h]);let q=(0,Z.useCallback)((e,t)=>{let n=c?.inputSchema||{},r=c?.inputSchema?.properties?.[e],i=r?ke(r,n):`string`,a;a=i===`object`||i===`array`||i===`string`?t:Me(t,i),_(t=>({...t,[e]:a}));let o=String(t).trim()===``;y(t=>{let n=new Set(t);return o?n.delete(e):n.add(e),n}),x(t=>{let n=new Set(t);return n.delete(e),n})},[c]),se=(0,Z.useCallback)((e,t,n)=>{if(n){let n=t===`array`?`[]`:t===`object`?`{}`:``;_(t=>({...t,[e]:n})),y(t=>new Set(t).add(e)),x(t=>new Set(t).add(e))}else x(t=>{let n=new Set(t);return n.delete(e),n}),y(t=>{let n=new Set(t);return n.delete(e),n})},[]),ce=(0,Z.useCallback)(async(e,t)=>{if(!c)return!1;let n=Fe(e);if(!n)return!1;let r=c.inputSchema?.properties||{},i=Object.keys(r),a=c.inputSchema||{},o=[],s=[];return Object.entries(n).forEach(([e,t])=>{if(i.includes(e)){let n=r[e],i=ke(n,a),c=t;i===`object`||i===`array`?typeof t==`object`&&t?c=JSON.stringify(t,null,2):typeof t==`string`&&(c=t):c=typeof t==`object`&&t?JSON.stringify(t):String(t);let l=g[e];l!=null&&l!==``?o.push({key:e,oldValue:l,newValue:c}):(s.push(e),q(e,String(c)))}}),o.length===0&&s.length===0?!1:o.length===0?(H(new Set(s)),setTimeout(()=>H(new Set),2e3),!0):new Promise(e=>{B({open:!0,parsedObject:n,fieldsToUpdate:o,newFields:s,resolve:e})})},[c,g,q]),le=(0,Z.useCallback)(()=>{if(!z.resolve)return;z.fieldsToUpdate.forEach(({key:e,newValue:t})=>{q(e,String(t))});let e=[...z.fieldsToUpdate.map(e=>e.key),...z.newFields];H(new Set(e)),setTimeout(()=>H(new Set),2e3),z.resolve(!0),B({open:!1,parsedObject:{},fieldsToUpdate:[],newFields:[],resolve:null})},[z,q]),J=(0,Z.useCallback)(()=>{z.resolve&&(z.resolve(!1),B({open:!1,parsedObject:{},fieldsToUpdate:[],newFields:[],resolve:null}))},[z]),Y=(0,Z.useMemo)(()=>{if(!c?.inputSchema?.properties)return{};let e=c.inputSchema||{},t={};for(let n of v){let r=c.inputSchema.properties[n];if(!r)continue;let i=ke(r,e);t[n]=Ne(b.has(n)?i===`array`?`[]`:i===`object`?`{}`:``:g[n],i)}return t},[c,g,v,b]),{isExecuting:de,copiedResult:fe,executeTool:pe,handleCopyResult:me,handleDeleteResult:X,handleFullscreen:he,filteredResults:ge,cancelExecution:_e,results:ve}=rt({selectedTool:c,payloadToSend:Y,toolArgs:g,callTool:n,readResource:r,serverId:i}),{isSearchExpanded:ye,setIsSearchExpanded:xe,focusedIndex:Se,searchInputRef:we,isMobile:De,mobileView:$,setMobileView:Oe,isRefreshing:Ae,handleSearchBlur:je,handleRefresh:Pe}=it({ref:e,activeTab:E,filteredTools:G,savedRequests:M,searchQuery:C,setSearchQuery:T,selectedTool:c,results:ve,isExecuting:de,handleToolSelect:ae,loadSavedRequest:K,refreshTools:o,selectedToolName:p,tools:t,setSelectedToolName:h}),Ie=(0,Z.useCallback)(()=>{c&&(I(``),P(!0))},[c]),Re=(0,Z.useCallback)(()=>{if(!c)return;let e={id:`${Date.now()}-${Math.random()}`,name:F.trim()||`${c.name} - ${new Date().toLocaleString()}`,toolName:c.name,args:Y,savedAt:Date.now(),serverId:c._serverId,serverName:c._serverName};N([...M,e]),ue(new re({toolName:c.name,serverId:i})).catch(()=>{}),P(!1),I(``)},[c,F,Y,M,N,i]),ze=(0,Z.useCallback)(e=>{N(M.filter(t=>t.id!==e)),d?.id===e&&f(null)},[M,N,d]);return De?(0,Q.jsxs)(`div`,{className:`h-full flex flex-col overflow-hidden relative bg-background`,children:[$!==`list`&&(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 p-2 border-b shrink-0 bg-background z-10`,children:[(0,Q.jsx)(u,{variant:`ghost`,size:`sm`,onClick:()=>{$===`response`?Oe(`detail`):(l(null),Oe(`list`))},className:`p-0 h-8 w-8`,children:(0,Q.jsx)(w,{className:`h-4 w-4`})}),(0,Q.jsxs)(`div`,{className:`flex items-center text-sm font-medium`,children:[(0,Q.jsx)(`button`,{onClick:()=>{l(null),Oe(`list`)},className:`text-muted-foreground hover:text-foreground hover:underline cursor-pointer`,children:`Tools`}),$===`detail`&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`span`,{className:`mx-2 text-muted-foreground`,children:`/`}),(0,Q.jsx)(`button`,{onClick:()=>{Oe(`response`)},className:$===`detail`?`text-foreground hover:underline`:$===`response`?`text-muted-foreground hover:text-foreground hover:underline cursor-pointer`:`text-muted-foreground`,children:`Execute`})]}),$===`response`&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`span`,{className:`mx-2 text-muted-foreground`,children:`/`}),(0,Q.jsx)(`span`,{className:`text-foreground`,children:`Response`})]})]})]}),(0,Q.jsx)(`div`,{className:`flex-1 relative overflow-hidden`,children:(0,Q.jsxs)(m,{initial:!1,mode:`popLayout`,children:[$===`list`&&(0,Q.jsx)(s.div,{initial:{x:`-100%`},animate:{x:0},exit:{x:`-100%`},transition:{type:`spring`,stiffness:300,damping:30},className:`absolute inset-0 flex flex-col bg-background z-0`,children:(0,Q.jsx)(k,{children:e=>(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(Ce,{isScrolled:e,activeTab:E,isSearchExpanded:ye,searchQuery:C,primaryTabName:`tools`,secondaryTabName:`saved`,primaryTabTitle:`Tools`,secondaryTabTitle:`Saved`,primaryCount:G.length,secondaryCount:M.length,primaryIcon:V,secondaryIcon:S,searchPlaceholder:`Search tools...`,onSearchExpand:()=>xe(!0),onSearchChange:T,onSearchBlur:je,onTabSwitch:()=>A(E===`tools`?`saved`:`tools`),searchInputRef:we,onRefresh:o?Pe:void 0,isRefreshing:Ae}),E===`tools`?(0,Q.jsx)(Ge,{tools:G,selectedTool:c,onToolSelect:ae,focusedIndex:Se}):(0,Q.jsx)(Te,{savedRequests:M,selectedRequest:d,onLoadRequest:K,onDeleteRequest:ze,focusedIndex:Se})]})})},`list`),$===`detail`&&(0,Q.jsx)(s.div,{initial:{x:`100%`},animate:{x:0},exit:{x:`-100%`},transition:{type:`spring`,stiffness:300,damping:30},className:`absolute inset-0 bg-background z-10`,children:(0,Q.jsx)(Le,{selectedTool:c,toolArgs:g,payloadToSend:Y,isExecuting:de,isConnected:a,onArgChange:q,onExecute:pe,onSave:Ie,onBulkPaste:ce,autoFilledFields:ne,setFields:v,sendEmptyFields:b,onToggleEmpty:se})},`detail`),$===`response`&&(0,Q.jsx)(s.div,{initial:{x:`100%`},animate:{x:0},exit:{x:`100%`},transition:{type:`spring`,stiffness:300,damping:30},className:`absolute inset-0 bg-background z-20`,children:(0,Q.jsx)(We,{results:ge,copiedResult:fe,serverId:i,readResource:r,onCopy:me,onDelete:X,onFullscreen:he,onRerunTool:pe})},`response`)]})}),(0,Q.jsx)(Ee,{isOpen:te,requestName:F,defaultPlaceholder:`${c?.name} - ${new Date().toLocaleString()}`,onRequestNameChange:I,onSave:Re,onCancel:()=>P(!1)}),(0,Q.jsx)(qe,{open:z.open,onOpenChange:e=>{e||J()},children:(0,Q.jsxs)(Xe,{children:[(0,Q.jsxs)(Ze,{children:[(0,Q.jsx)($e,{children:`Auto-fill fields from pasted object?`}),(0,Q.jsxs)(et,{children:[z.fieldsToUpdate.length>0&&(0,Q.jsxs)(`div`,{className:`mb-3`,children:[(0,Q.jsx)(`p`,{className:`font-medium mb-2`,children:`The following fields will be updated:`}),(0,Q.jsx)(`ul`,{className:`text-sm space-y-1 max-h-[200px] overflow-y-auto`,children:z.fieldsToUpdate.map(({key:e,oldValue:t,newValue:n})=>(0,Q.jsxs)(`li`,{className:`font-mono`,children:[(0,Q.jsxs)(`span`,{className:`font-semibold`,children:[e,`:`]}),` `,(0,Q.jsx)(`span`,{className:`text-red-600 dark:text-red-400 line-through`,children:typeof t==`object`?JSON.stringify(t).substring(0,30)+`...`:String(t).substring(0,30)}),` `,`→`,` `,(0,Q.jsx)(`span`,{className:`text-green-600 dark:text-green-400`,children:typeof n==`string`&&n.length>30?n.substring(0,30)+`...`:String(n).substring(0,30)})]},e))})]}),z.newFields.length>0&&(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`p`,{className:`font-medium mb-1`,children:`New fields to be filled:`}),(0,Q.jsx)(`p`,{className:`text-sm font-mono`,children:z.newFields.join(`, `)})]})]})]}),(0,Q.jsxs)(Qe,{children:[(0,Q.jsx)(nt,{onClick:J,children:`Cancel`}),(0,Q.jsx)(tt,{onClick:le,children:`Auto-fill`})]})]})})]}):(0,Q.jsxs)(ee,{orientation:`horizontal`,className:`h-full`,children:[(0,Q.jsx)(D,{id:`left-panel`,defaultSize:`33%`,minSize:250,collapsedSize:0,collapsible:!0,className:`flex flex-col h-full relative`,panelRef:U,children:(0,Q.jsx)(`div`,{className:`flex h-full flex-col overflow-hidden border-r dark:border-zinc-700`,children:(0,Q.jsx)(k,{children:e=>(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(Ce,{isScrolled:e,activeTab:E,isSearchExpanded:ye,searchQuery:C,primaryTabName:`tools`,secondaryTabName:`saved`,primaryTabTitle:`Tools`,secondaryTabTitle:`Saved`,primaryCount:G.length,secondaryCount:M.length,primaryIcon:V,secondaryIcon:S,searchPlaceholder:`Search tools...`,onSearchExpand:()=>xe(!0),onSearchChange:T,onSearchBlur:je,onTabSwitch:()=>A(E===`tools`?`saved`:`tools`),searchInputRef:we,onRefresh:o?Pe:void 0,isRefreshing:Ae}),E===`tools`?(0,Q.jsx)(Ge,{tools:G,selectedTool:c,onToolSelect:ae,focusedIndex:Se}):(0,Q.jsx)(Te,{savedRequests:M,selectedRequest:d,onLoadRequest:K,onDeleteRequest:ze,focusedIndex:Se})]})})})}),(0,Q.jsx)(O,{withHandle:!0}),(0,Q.jsx)(D,{defaultSize:`67%`,children:(0,Q.jsxs)(ee,{orientation:`vertical`,children:[(0,Q.jsx)(D,{defaultSize:`40%`,collapsible:!0,panelRef:W,children:(0,Q.jsx)(Le,{selectedTool:c,toolArgs:g,payloadToSend:Y,isExecuting:de,isConnected:a,onArgChange:q,onExecute:pe,onSave:Ie,onCancel:_e,onBulkPaste:ce,autoFilledFields:ne,setFields:v,sendEmptyFields:b,onToggleEmpty:se})}),(0,Q.jsx)(O,{withHandle:!0}),(0,Q.jsx)(D,{defaultSize:`60%`,children:(0,Q.jsx)(`div`,{className:`flex flex-col h-full`,children:(0,Q.jsx)(We,{results:ge,copiedResult:fe,serverId:i,readResource:r,onCopy:me,onDelete:X,onFullscreen:he,onMaximize:ie,isMaximized:L,onRerunTool:pe})})})]})}),(0,Q.jsx)(Ee,{isOpen:te,requestName:F,defaultPlaceholder:`${c?.name} - ${new Date().toLocaleString()}`,onRequestNameChange:I,onSave:Re,onCancel:()=>P(!1)}),(0,Q.jsx)(qe,{open:z.open,onOpenChange:e=>{e||J()},children:(0,Q.jsxs)(Xe,{children:[(0,Q.jsxs)(Ze,{children:[(0,Q.jsx)($e,{children:`Auto-fill fields from pasted object?`}),(0,Q.jsxs)(et,{children:[z.fieldsToUpdate.length>0&&(0,Q.jsxs)(`div`,{className:`mb-3`,children:[(0,Q.jsx)(`p`,{className:`font-medium mb-2`,children:`The following fields will be updated:`}),(0,Q.jsx)(`ul`,{className:`text-sm space-y-1 max-h-[200px] overflow-y-auto`,children:z.fieldsToUpdate.map(({key:e,oldValue:t,newValue:n})=>(0,Q.jsxs)(`li`,{className:`font-mono`,children:[(0,Q.jsxs)(`span`,{className:`font-semibold`,children:[e,`:`]}),` `,(0,Q.jsx)(`span`,{className:`text-red-600 dark:text-red-400 line-through`,children:typeof t==`object`?JSON.stringify(t).substring(0,30)+`...`:String(t).substring(0,30)}),` `,`→`,` `,(0,Q.jsx)(`span`,{className:`text-green-600 dark:text-green-400`,children:typeof n==`string`&&n.length>30?n.substring(0,30)+`...`:String(n).substring(0,30)})]},e))})]}),z.newFields.length>0&&(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`p`,{className:`font-medium mb-1`,children:`New fields to be filled:`}),(0,Q.jsx)(`p`,{className:`text-sm font-mono`,children:z.newFields.join(`, `)})]})]})]}),(0,Q.jsxs)(Qe,{children:[(0,Q.jsx)(nt,{onClick:J,children:`Cancel`}),(0,Q.jsx)(tt,{onClick:le,children:`Auto-fill`})]})]})})]})}at.displayName=`ToolsTab`;export{at as ToolsTab};

package/dist/web/assets/ViewPreview-DWtmwzCb.js

@@ -0,0 +1 @@
+import{s as e,t}from"./react-CU_d2d5K.js";import{t as n}from"./jsx-runtime-Cjj9sGSy.js";import{$ as r,dt as i,et as a,gt as o,st as s}from"./index-Bbn-6QR2.js";import{t as c}from"./useViewHostProps-BgsQ2yYl.js";var l=e(t(),1),u=n(),d=`preview-default`;function f(e){if(!e)return{};try{let t=atob(e),n=JSON.parse(t);if(n&&typeof n==`object`)return n}catch{}return{}}function p(e,t){let n=`ui://widget/${t}`,r=e.find(e=>e.uri.startsWith(`${n}.`)&&e.uri.endsWith(`.html`));return r?r.uri:e.find(e=>e.name===t)?.uri}function m(){let e=globalThis.__mcpUsePreviewBundle;if(!e||typeof e!=`object`)return;let t=e;if(typeof t.resourceUri==`string`)return t}function h(){(0,l.useEffect)(()=>{let e=document.documentElement,t=document.body,n=e.style.margin,r=t.style.margin,i=t.style.overflow;return e.style.margin=`0`,t.style.margin=`0`,t.style.overflow=`hidden`,()=>{e.style.margin=n,t.style.margin=r,t.style.overflow=i}},[])}function g(e,t){(0,l.useEffect)(()=>{let n=()=>{document.body.dataset.viewError=`runtime_error`};return e&&!t&&(document.body.dataset.viewError=`invalid_payload`),window.addEventListener(`error`,n),window.addEventListener(`unhandledrejection`,n),()=>{window.removeEventListener(`error`,n),window.removeEventListener(`unhandledrejection`,n),delete document.body.dataset.viewError}},[e,t])}function _(e){(0,l.useEffect)(()=>{if(!e)return;let t=!1;return(async()=>{try{await document.fonts.ready}catch{}t||(await new Promise(e=>requestAnimationFrame(()=>e(void 0))),await new Promise(e=>requestAnimationFrame(()=>e(void 0))),!t&&document.body.setAttribute(`data-view-ready`,`true`))})(),()=>{t=!0,document.body.removeAttribute(`data-view-ready`)}},[e])}function v(e,t){(0,l.useEffect)(()=>{if(!e)return;let n=!1,r,i,a=e=>{n||(e&&(document.body.dataset.viewX=String(Math.round(e.left)),document.body.dataset.viewY=String(Math.round(e.top)),document.body.dataset.viewWidth=String(Math.round(e.width)),document.body.dataset.viewHeight=String(Math.round(e.height))),document.body.setAttribute(`data-view-ready`,`true`))};return(async()=>{try{await document.fonts.ready}catch{}if(n||(await new Promise(e=>requestAnimationFrame(()=>e(void 0))),await new Promise(e=>requestAnimationFrame(()=>e(void 0))),n))return;let e=t.current?.querySelector(`iframe`);if(!e){a(null);return}let o=()=>{r&&clearTimeout(r),r=setTimeout(()=>{n||(i?.disconnect(),a(e.getBoundingClientRect()))},250)};i=new ResizeObserver(o),i.observe(e),o()})(),()=>{n=!0,r&&clearTimeout(r),i?.disconnect(),document.body.removeAttribute(`data-view-ready`),delete document.body.dataset.viewX,delete document.body.dataset.viewY,delete document.body.dataset.viewWidth,delete document.body.dataset.viewHeight}},[e,t])}function y({view:e,bundle:t,widthOverride:n}){let[r,a]=(0,l.useState)(!1),o=(0,l.useRef)(null);h(),v(r,o);let s=(0,l.useMemo)(()=>async e=>{if(e===t.resourceUri)return t.resourceContents;throw Error(`Resource ${e} not in screenshot bundle`)},[t]);return(0,u.jsx)(`div`,{ref:o,style:{width:`100vw`,height:`100vh`},children:(0,u.jsx)(i,{viewId:(0,l.useMemo)(()=>`preview-bundle-${e}-${Date.now().toString(36)}`,[e]),toolName:e,toolInput:t.toolInput,toolOutput:t.toolOutput,displayMode:`inline`,inlineMaxWidth:n,chromeless:!0,onReady:()=>a(!0),source:{kind:`live`,connection:{callTool:async()=>{throw Error(`Preview bundle mode has no server connection`)},readResource:s},resourceUri:t.resourceUri},cspMode:`permissive`,hostInfo:{name:`mcp-use-inspector`,version:`11.0.0`}})})}function b({view:e}){let[t]=a(),n=(0,l.useMemo)(()=>f(t.get(`props`)),[t]),r=(0,l.useMemo)(()=>t.get(`server`)||`${window.location.origin}${s()||`/`}`,[t]),m=(0,l.useMemo)(()=>{let e=t.get(`headers`);if(e)try{let t=JSON.parse(atob(e));if(t&&typeof t==`object`)return t}catch{}},[t]),{servers:g,addServer:v,storageLoaded:y}=o(),b=g.find(e=>e.id===d);(0,l.useEffect)(()=>{y&&v(d,{url:r,displayName:`Preview`,protocolNegotiation:`auto`,...m?{headers:m}:{}})},[y,r,m,v]);let x=b?.state===`ready`,S=b?.state===`failed`,C=(0,l.useMemo)(()=>{if(x)return p(b.resources,e)},[x,b?.resources,e]),w=(0,l.useMemo)(()=>`preview-${e}-${Date.now().toString(36)}`,[e]),T=(0,l.useMemo)(()=>async e=>{if(!b?.readResource)throw Error(`Server not ready`);return b.readResource(e)},[b]),[E,D]=(0,l.useState)(!1);_(E),h();let O=c({serverId:d,viewId:w,resourceUri:C??``,toolName:e,toolInput:n.toolInput,toolOutput:n.toolOutput,readResource:T,displayMode:`fullscreen`,chromeless:!0,onReady:()=>D(!0)});return S?(0,u.jsxs)(`div`,{style:{padding:16,fontFamily:`monospace`,color:`#b00`},children:[`Failed to connect to MCP server at `,r,`.`]}):!x||!C?x&&!C?(0,u.jsxs)(`div`,{style:{padding:16,fontFamily:`monospace`,color:`#b00`},children:[`View "`,e,`" not found on `,r,`.`]}):(0,u.jsx)(`div`,{style:{width:`100vw`,height:`100vh`,display:`flex`,alignItems:`center`,justifyContent:`center`,fontFamily:`monospace`,color:`var(--muted-foreground, #888)`},children:`Loading…`}):(0,u.jsx)(`div`,{style:{width:`100vw`,height:`100vh`},children:O&&C?(0,u.jsx)(i,{viewId:w,toolName:e,toolInput:n.toolInput,toolOutput:n.toolOutput,displayMode:`fullscreen`,chromeless:!0,...O}):null})}function x(){let e=r(),[t]=a(),n=e.view??``,i=(0,l.useMemo)(()=>m(),[]),o=t.get(`protocol`)===`1`;g(o,i!==void 0);let s=(0,l.useMemo)(()=>{let e=t.get(`width`);if(!e)return;let n=parseInt(e,10);return Number.isFinite(n)&&n>0?n:void 0},[t]);return i?(0,u.jsx)(y,{view:n,bundle:i,widthOverride:s}):o?null:(0,u.jsx)(b,{view:n})}export{x as ViewPreview};

package/dist/web/assets/WidgetWrapper-B43lqbld.js

@@ -0,0 +1,34 @@
+import{s as e,t}from"./react-CU_d2d5K.js";import{t as n}from"./jsx-runtime-Cjj9sGSy.js";import{G as r,K as i,Lr as a,a as o,n as s,r as c,sr as l,t as u}from"./input-CjmxOFr6.js";import{t as d}from"./label-B5Q_Zr8M.js";import{a as f,i as p,n as m,r as h,t as g}from"./select-C0xlfLAa.js";import{t as _}from"./createLucideIcon-B3b8EU0b.js";import{t as v}from"./maximize-2-BTT9QQU9.js";import{t as y}from"./sparkles-2OAsc1aP.js";import{A as b,At as x,Bt as S,F as C,Ft as w,Gt as T,I as E,Lt as D,M as O,N as k,Nt as A,O as j,P as ee,Pt as te,Q as M,Rt as ne,Vt as re,Wt as ie,_ as ae,an as oe,g as se,h as ce,in as le,j as N,jt as ue,k as de,l as fe,lt as pe,n as me,p as P,qt as F,rn as I,v as he}from"./index-Bbn-6QR2.js";import{a as L,i as ge,n as _e,o as ve,t as ye}from"./sheet-CRPrEqAa.js";import{a as R}from"./dist-DQjEDTKs.js";import{t as z}from"./textarea-Ci09-en6.js";import{a as be,i as xe,n as Se,o as Ce,r as we}from"./useViewHostProps-BgsQ2yYl.js";var Te=_(`braces`,[[`path`,{d:`M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1`,key:`ezmyqa`}],[`path`,{d:`M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1`,key:`e1hn23`}]]),Ee=_(`database`,[[`ellipse`,{cx:`12`,cy:`5`,rx:`9`,ry:`3`,key:`msslwz`}],[`path`,{d:`M3 5V19A9 3 0 0 0 21 19V5`,key:`1wlel7`}],[`path`,{d:`M3 12A9 3 0 0 0 21 12`,key:`mv7ke4`}]]),De=_(`mouse-pointer-2`,[[`path`,{d:`M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z`,key:`edeuup`}]]),Oe=_(`picture-in-picture`,[[`path`,{d:`M2 10h6V4`,key:`zwrco`}],[`path`,{d:`m2 4 6 6`,key:`ug085t`}],[`path`,{d:`M21 10V7a2 2 0 0 0-2-2h-7`,key:`git5jr`}],[`path`,{d:`M3 14v2a2 2 0 0 0 2 2h3`,key:`1f7fh3`}],[`rect`,{x:`12`,y:`14`,width:`10`,height:`7`,rx:`1`,key:`1wjs3o`}]]),ke=_(`pointer`,[[`path`,{d:`M22 14a8 8 0 0 1-8 8`,key:`56vcr3`}],[`path`,{d:`M18 11v-1a2 2 0 0 0-2-2a2 2 0 0 0-2 2`,key:`1agjmk`}],[`path`,{d:`M14 10V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1`,key:`wdbh2u`}],[`path`,{d:`M10 9.5V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v10`,key:`1ibuk9`}],[`path`,{d:`M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15`,key:`g6ys72`}]]),Ae=_(`shield-check`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]),je=_(`shield-off`,[[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M5 5a1 1 0 0 0-1 1v7c0 5 3.5 7.5 7.67 8.94a1 1 0 0 0 .67.01c2.35-.82 4.48-1.97 5.9-3.71`,key:`1jlk70`}],[`path`,{d:`M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264`,key:`18rp1v`}]]),Me=_(`smartphone`,[[`rect`,{width:`14`,height:`20`,x:`5`,y:`2`,rx:`2`,ry:`2`,key:`1yt0o3`}],[`path`,{d:`M12 18h.01`,key:`mhygvu`}]]),Ne=_(`square-dashed-mouse-pointer`,[[`path`,{d:`M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z`,key:`xwnzip`}],[`path`,{d:`M5 3a2 2 0 0 0-2 2`,key:`y57alp`}],[`path`,{d:`M19 3a2 2 0 0 1 2 2`,key:`18rm91`}],[`path`,{d:`M5 21a2 2 0 0 1-2-2`,key:`sbafld`}],[`path`,{d:`M9 3h1`,key:`1yesri`}],[`path`,{d:`M9 21h2`,key:`1qve2z`}],[`path`,{d:`M14 3h1`,key:`1ec4yj`}],[`path`,{d:`M3 9v1`,key:`1r0deq`}],[`path`,{d:`M21 9v2`,key:`p14lih`}],[`path`,{d:`M3 14v1`,key:`vnatye`}]]),Pe=_(`tablet`,[[`rect`,{width:`16`,height:`20`,x:`4`,y:`2`,rx:`2`,ry:`2`,key:`76otgf`}],[`line`,{x1:`12`,x2:`12.01`,y1:`18`,y2:`18`,key:`1dp563`}]]),B=_(`terminal`,[[`path`,{d:`M12 19h8`,key:`baeox8`}],[`path`,{d:`m4 17 6-6-6-6`,key:`1yngyt`}]]),Fe=_(`trash`,[[`path`,{d:`M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6`,key:`miytrc`}],[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`,key:`e791ji`}]]),V=e(t(),1),Ie=[{value:`en-US`,label:`English (US)`},{value:`en-GB`,label:`English (UK)`},{value:`en-CA`,label:`English (Canada)`},{value:`en-AU`,label:`English (Australia)`},{value:`en-IN`,label:`English (India)`},{value:`es-ES`,label:`Spanish (Spain)`},{value:`es-MX`,label:`Spanish (Mexico)`},{value:`es-AR`,label:`Spanish (Argentina)`},{value:`es-CO`,label:`Spanish (Colombia)`},{value:`fr-FR`,label:`French (France)`},{value:`fr-CA`,label:`French (Canada)`},{value:`fr-BE`,label:`French (Belgium)`},{value:`fr-CH`,label:`French (Switzerland)`},{value:`de-DE`,label:`German (Germany)`},{value:`de-AT`,label:`German (Austria)`},{value:`de-CH`,label:`German (Switzerland)`},{value:`pt-BR`,label:`Portuguese (Brazil)`},{value:`pt-PT`,label:`Portuguese (Portugal)`},{value:`zh-CN`,label:`Chinese (Simplified, China)`},{value:`zh-TW`,label:`Chinese (Traditional, Taiwan)`},{value:`zh-HK`,label:`Chinese (Traditional, Hong Kong)`},{value:`ja-JP`,label:`Japanese (Japan)`},{value:`ko-KR`,label:`Korean (Korea)`},{value:`ar-SA`,label:`Arabic (Saudi Arabia)`},{value:`ar-EG`,label:`Arabic (Egypt)`},{value:`hi-IN`,label:`Hindi (India)`},{value:`ru-RU`,label:`Russian (Russia)`},{value:`it-IT`,label:`Italian (Italy)`},{value:`nl-NL`,label:`Dutch (Netherlands)`},{value:`nl-BE`,label:`Dutch (Belgium)`},{value:`pl-PL`,label:`Polish (Poland)`},{value:`sv-SE`,label:`Swedish (Sweden)`},{value:`no-NO`,label:`Norwegian (Norway)`},{value:`da-DK`,label:`Danish (Denmark)`},{value:`fi-FI`,label:`Finnish (Finland)`},{value:`tr-TR`,label:`Turkish (Turkey)`},{value:`el-GR`,label:`Greek (Greece)`},{value:`cs-CZ`,label:`Czech (Czech Republic)`},{value:`hu-HU`,label:`Hungarian (Hungary)`},{value:`ro-RO`,label:`Romanian (Romania)`},{value:`th-TH`,label:`Thai (Thailand)`},{value:`vi-VN`,label:`Vietnamese (Vietnam)`},{value:`id-ID`,label:`Indonesian (Indonesia)`},{value:`ms-MY`,label:`Malay (Malaysia)`},{value:`tl-PH`,label:`Tagalog (Philippines)`},{value:`he-IL`,label:`Hebrew (Israel)`},{value:`uk-UA`,label:`Ukrainian (Ukraine)`},{value:`bg-BG`,label:`Bulgarian (Bulgaria)`},{value:`hr-HR`,label:`Croatian (Croatia)`},{value:`sk-SK`,label:`Slovak (Slovakia)`},{value:`sl-SI`,label:`Slovenian (Slovenia)`},{value:`sr-RS`,label:`Serbian (Serbia)`},{value:`bn-BD`,label:`Bengali (Bangladesh)`},{value:`ta-IN`,label:`Tamil (India)`},{value:`te-IN`,label:`Telugu (India)`},{value:`mr-IN`,label:`Marathi (India)`},{value:`ur-PK`,label:`Urdu (Pakistan)`},{value:`fa-IR`,label:`Persian (Iran)`},{value:`sw-KE`,label:`Swahili (Kenya)`}];function Le(){return Intl.supportedValuesOf(`timeZone`).map(e=>({value:e,label:e.replace(/_/g,` `)}))}var Re=Le(),H=e=>`mcp-inspector-resource-props-${e}`;function ze(e){let[t,n]=(0,V.useState)([]),[r,i]=(0,V.useState)(null);return(0,V.useEffect)(()=>{(()=>{try{let t=H(e),r=localStorage.getItem(t);if(r){let e=JSON.parse(r);n(e.presets||[]),i(e.activePresetId||null)}else n([]),i(null)}catch(e){console.error(`[useResourceProps] Failed to load presets:`,e),n([]),i(null)}})()},[e]),(0,V.useEffect)(()=>{let n=H(e),i={presets:t,activePresetId:r};localStorage.setItem(n,JSON.stringify(i))},[e,t,r]),{presets:t,activePresetId:r,savePreset:(0,V.useCallback)(e=>{n(t=>{let n=t.findIndex(t=>t.id===e.id),r;return n>=0?(r=[...t],r[n]=e):r=[...t,e],r})},[]),deletePreset:(0,V.useCallback)(e=>{n(t=>t.filter(t=>t.id!==e)),i(t=>t===e?null:t)},[]),setActivePreset:(0,V.useCallback)(e=>{i(e)},[]),getActiveProps:(0,V.useCallback)(()=>r&&t.find(e=>e.id===r)?.props||null,[r,t])}}function U(e={}){let{enabled:t=!0,maxLogs:n=1e3,proxyToPageConsole:r=!1}=e,[i,a]=(0,V.useState)([]),[o,s]=(0,V.useState)(!1),c=(0,V.useRef)(0),l=(0,V.useCallback)(e=>{if(!t)return;let i={...e,id:`log-${++c.current}-${Date.now()}`};if(a(e=>[...e,i].slice(-n)),r){let t=`[WIDGET CONSOLE]`,n=e.args.map(e=>{if(typeof e==`object`&&e)try{return JSON.stringify(e,null,2)}catch{return String(e)}return e});switch(e.level){case`error`:console.error(t,...n);break;case`warn`:console.warn(t,...n);break;case`info`:console.info(t,...n);break;case`debug`:console.debug(t,...n);break;case`trace`:console.trace(t,...n);break;default:console.log(t,...n)}}},[t,n,r]),u=(0,V.useCallback)(()=>{a([]),c.current=0},[]);return(0,V.useEffect)(()=>{if(!t)return;let e=e=>{e.data&&e.data.type===`iframe-console-log`&&e.data.level&&Array.isArray(e.data.args)&&l({level:e.data.level,args:e.data.args,timestamp:e.data.timestamp||new Date().toISOString(),url:e.data.url})};return window.addEventListener(`message`,e),()=>{window.removeEventListener(`message`,e)}},[t,l]),(0,V.useEffect)(()=>{if(t)return Ce.subscribe(l)},[t,l]),{logs:i,addLog:l,clearLogs:u,isOpen:o,setIsOpen:s}}var W=n(),Be=200,Ve=.9;function G(e){if(e===null)return`null`;if(e===void 0)return`undefined`;if(typeof e==`string`)return e;if(typeof e==`object`)try{return JSON.stringify(e,null,2)}catch{return String(e)}return String(e)}function K(e){if(e.length===0)return[];let t=e[0];if(typeof t!=`string`||!/%[oOdisfc]/.test(t))return e.map(G);let n=e.slice(1),r=0,i=``;for(let e=0;e<t.length;e++){let a=t[e];if(a===`%`&&e+1<t.length){let o=t[e+1],s=n[r++];switch(o){case`o`:case`O`:i+=G(s),e++;break;case`s`:i+=s===void 0?`undefined`:String(s),e++;break;case`d`:case`i`:i+=String(Number.parseInt(String(s??``),10)||0),e++;break;case`f`:i+=String(Number.parseFloat(String(s??``))||0),e++;break;case`c`:e++;break;default:i+=a}continue}i+=a}let a=[i.trim()];for(;r<n.length;)a.push(G(n[r++]));return a.filter(e=>e.length>0)}function He({level:e}){return(0,W.jsx)(`span`,{className:a(`px-1.5 py-0.5 text-[11px] font-mono font-semibold rounded-full text-white shrink-0`,{log:`bg-zinc-500`,info:`bg-blue-500`,warn:`bg-yellow-500`,error:`bg-red-500`,debug:`bg-purple-500`,trace:`bg-gray-500`}[e]),children:e.toUpperCase()})}function Ue({log:e}){let[t,n]=(0,V.useState)(!1),r=(0,V.useMemo)(()=>{try{return new Date(e.timestamp).toLocaleTimeString()}catch{return``}},[e.timestamp]),o=(0,V.useMemo)(()=>K(e.args),[e.args]),s=(0,V.useMemo)(()=>{if(o.length===0)return``;let e=o[0].replace(/\s*\n\s*/g,` `).trim();return(e.length>120?e.slice(0,120)+`…`:e)+(o.length>1?` +${o.length-1}`:``)},[o]),c=async e=>{e.stopPropagation();try{await pe(o.join(`
+`)),M.success(`Copied to clipboard`)}catch{M.error(`Failed to copy`)}},l=a(`font-mono text-xs border-b border-zinc-200 dark:border-zinc-800`,e.level===`error`&&`bg-red-50/30 dark:bg-red-950/10`,e.level===`warn`&&`bg-yellow-50/30 dark:bg-yellow-950/10`),u=a(`cursor-pointer select-none`,e.level===`error`&&`hover:bg-red-50/50 dark:hover:bg-red-950/20`,e.level===`warn`&&`hover:bg-yellow-50/50 dark:hover:bg-yellow-950/20`,e.level!==`error`&&e.level!==`warn`&&`hover:bg-zinc-100/70 dark:hover:bg-zinc-800/40`);return(0,W.jsxs)(`div`,{className:a(l,`group`),children:[(0,W.jsxs)(`div`,{className:a(`flex items-center gap-2 px-2 py-1.5`,u),onClick:()=>n(e=>!e),children:[(0,W.jsx)(`span`,{className:`text-zinc-400 dark:text-zinc-500 shrink-0`,children:t?(0,W.jsx)(oe,{className:`size-3`}):(0,W.jsx)(i,{className:`size-3`})}),(0,W.jsx)(He,{level:e.level}),(0,W.jsx)(`span`,{className:`text-zinc-500 dark:text-zinc-400 text-[10px] shrink-0`,children:r}),!t&&(0,W.jsx)(`span`,{className:a(`truncate text-[11px]`,e.level===`error`&&`text-red-700 dark:text-red-400`,e.level===`warn`&&`text-yellow-700 dark:text-yellow-400`,e.level!==`error`&&e.level!==`warn`&&`text-zinc-700 dark:text-zinc-300`),children:s}),t&&e.url&&(0,W.jsx)(`span`,{className:`text-zinc-400 dark:text-zinc-500 text-[10px] truncate flex-1`,children:(()=>{try{return new URL(e.url).pathname}catch{return e.url}})()}),t&&(0,W.jsx)(`button`,{onClick:c,"aria-label":`Copy log`,className:`ml-auto shrink-0 opacity-0 group-hover:opacity-100 transition-opacity p-0.5 rounded text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200`,children:(0,W.jsx)(I,{className:`size-3`})})]}),t&&(0,W.jsx)(`div`,{className:`pl-8 pr-2 pb-2 select-text`,children:o.map((t,n)=>(0,W.jsx)(`pre`,{className:a(`whitespace-pre-wrap wrap-break-word text-[11px]`,e.level===`error`&&`text-red-700 dark:text-red-400`,e.level===`warn`&&`text-yellow-700 dark:text-yellow-400`,e.level!==`error`&&e.level!==`warn`&&`text-zinc-700 dark:text-zinc-300`),children:t},n))})]})}var q=`mcp-inspector-console-proxy-enabled`,We=`mcp-inspector-console-height`,Ge=[`log`,`info`,`warn`,`error`,`debug`,`trace`],Ke={log:`text-zinc-500`,info:`text-blue-500`,warn:`text-yellow-500`,error:`text-red-500`,debug:`text-purple-500`,trace:`text-gray-500`};function qe({iframeId:e,enabled:t=!0}){let[n,i]=(0,V.useState)(()=>{if(typeof window>`u`)return!0;try{return localStorage.getItem(q)===`true`}catch{return!0}}),[u,f]=(0,V.useState)(()=>{if(typeof window>`u`)return 400;try{let e=localStorage.getItem(We);return e?Math.max(Be,parseInt(e,10)):400}catch{return 400}}),p=(0,V.useRef)(!1),m=(0,V.useCallback)(e=>{e.preventDefault(),p.current=!0;let t=e=>{if(!p.current)return;let t=Math.floor(window.innerHeight*Ve);f(Math.min(t,Math.max(Be,window.innerHeight-e.clientY)))},n=()=>{p.current=!1,window.removeEventListener(`mousemove`,t),window.removeEventListener(`mouseup`,n)};window.addEventListener(`mousemove`,t),window.addEventListener(`mouseup`,n)},[]);(0,V.useEffect)(()=>{try{localStorage.setItem(We,String(u))}catch{}},[u]);let[h,g]=(0,V.useState)(`all`),[_,v]=(0,V.useState)(``),{logs:y,clearLogs:b,isOpen:x,setIsOpen:S}=U({enabled:t,proxyToPageConsole:n}),C=(0,V.useRef)(null);(0,V.useEffect)(()=>{try{localStorage.setItem(q,String(n))}catch{}},[n]);let T=(0,V.useMemo)(()=>{let e={log:0,info:0,warn:0,error:0,debug:0,trace:0};for(let t of y)e[t.level]++;return e},[y]),E=T.error,D=T.warn,O=T.log+T.info+T.debug+T.trace,k=y.length,A=(0,V.useMemo)(()=>E>0?`bg-red-500`:D>0?`bg-yellow-500`:`bg-zinc-500`,[E,D,O]),j=(0,V.useMemo)(()=>{let e=h===`all`?y:y.filter(e=>e.level===h),t=_.trim().toLowerCase();return t&&(e=e.filter(e=>{let n=K(e.args).join(` `).toLowerCase(),r=(e.url??``).toLowerCase();return n.includes(t)||r.includes(t)})),e},[y,h,_]);return(0,V.useEffect)(()=>{x&&!_&&C.current&&(C.current.scrollTop=C.current.scrollHeight)},[j,x,_]),(0,W.jsxs)(ye,{open:x,onOpenChange:S,children:[(0,W.jsx)(ve,{render:(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsxs)(l,{variant:`outline`,size:`sm`,className:`relative bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900`,onClick:()=>S(!0),children:[(0,W.jsx)(B,{className:`size-4`}),k>0&&(0,W.jsx)(`span`,{className:a(`ml-2 px-1.5 py-0.5 text-xs rounded-full text-white font-semibold`,A),children:k})]}),nativeButton:!0}),(0,W.jsx)(c,{children:(0,W.jsxs)(`div`,{className:`text-xs space-y-1`,children:[(0,W.jsxs)(`p`,{className:`font-semibold`,children:[k,` console `,k===1?`log`:`logs`]}),E>0&&(0,W.jsxs)(`p`,{className:`text-red-400`,children:[E,` error`,E===1?``:`s`]}),D>0&&(0,W.jsxs)(`p`,{className:`text-yellow-400`,children:[D,` warning`,D===1?``:`s`]}),O>0&&(0,W.jsxs)(`p`,{className:`text-zinc-400`,children:[O,` info`]})]})})]}),nativeButton:!1}),(0,W.jsxs)(_e,{side:`bottom`,className:`flex flex-col p-0 transition-none m-0 gap-0`,style:{height:u},children:[(0,W.jsx)(`div`,{className:`h-1.5 w-full shrink-0 cursor-ns-resize bg-zinc-200 dark:bg-zinc-700 hover:bg-zinc-300 dark:hover:bg-zinc-600 transition-colors`,onMouseDown:m}),(0,W.jsxs)(ge,{className:`px-4 py-4 m-0 border-b border-zinc-200 dark:border-zinc-800 shrink-0`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,W.jsxs)(L,{className:`flex items-center gap-2`,children:[(0,W.jsx)(B,{className:`size-4`}),`Widget Console Logs`,y.length>0&&(0,W.jsxs)(`span`,{className:`text-sm font-normal text-zinc-500 dark:text-zinc-400`,children:[`(`,y.length,` `,y.length===1?`log`:`logs`,`)`]})]}),(0,W.jsxs)(`div`,{className:`flex items-center gap-4 pr-4`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(P,{id:`proxy-console-toggle`,checked:n,onCheckedChange:i}),(0,W.jsx)(d,{htmlFor:`proxy-console-toggle`,className:`text-sm font-normal cursor-pointer`,children:`Proxy logs to page console`})]}),y.length>0&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsxs)(l,{variant:`ghost`,size:`sm`,onClick:async()=>{try{await pe(j.map(e=>{let t=new Date(e.timestamp).toLocaleTimeString();return`[${e.level.toUpperCase()}] ${t}${e.url?` ${e.url}`:``}\n${K(e.args).join(`
+`)}`}).join(`
+
+`)),M.success(`Copied ${j.length} logs to clipboard`)}catch{M.error(`Failed to copy logs to clipboard`)}},className:`-my-2`,children:[(0,W.jsx)(I,{className:`size-4 mr-1`}),`Copy All`]}),(0,W.jsxs)(l,{variant:`ghost`,size:`sm`,onClick:b,className:`-my-2`,children:[(0,W.jsx)(Fe,{className:`size-4 mr-1`}),`Clear`]})]})]})]}),(0,W.jsxs)(`div`,{className:`flex items-center gap-1 pt-1`,children:[(0,W.jsxs)(`button`,{onClick:()=>g(`all`),className:a(`px-2 py-0.5 text-xs rounded font-medium transition-colors`,h===`all`?`bg-zinc-200 dark:bg-zinc-700 text-zinc-900 dark:text-zinc-100`:`text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800`),children:[`All`,k>0&&(0,W.jsx)(`span`,{className:`ml-1 text-[10px] opacity-70`,children:k})]}),Ge.map(e=>{let t=T[e];return(0,W.jsxs)(`button`,{onClick:()=>g(h===e?`all`:e),className:a(`px-2 py-0.5 text-xs rounded font-medium transition-colors`,h===e?`bg-zinc-200 dark:bg-zinc-700 text-zinc-900 dark:text-zinc-100`:`text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800`),children:[(0,W.jsx)(`span`,{className:a(t>0&&Ke[e]),children:e.charAt(0).toUpperCase()+e.slice(1)}),t>0&&(0,W.jsx)(`span`,{className:a(`ml-1 text-[10px]`,Ke[e]),children:t})]},e)}),(0,W.jsxs)(`div`,{className:`ml-auto flex items-center gap-1 relative`,children:[(0,W.jsx)(r,{className:`absolute left-2 size-3 text-zinc-400 dark:text-zinc-500 pointer-events-none`}),(0,W.jsx)(`input`,{type:`text`,placeholder:`Filter logs…`,value:_,onChange:e=>v(e.target.value),className:`pl-6 pr-6 py-0.5 text-xs rounded border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 dark:placeholder-zinc-500 focus:outline-none focus:ring-1 focus:ring-zinc-400 dark:focus:ring-zinc-500 w-44`}),_&&(0,W.jsx)(`button`,{onClick:()=>v(``),"aria-label":`Clear search`,className:`absolute right-1.5 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300`,children:(0,W.jsx)(w,{className:`size-3`})})]})]})]}),(0,W.jsx)(`div`,{ref:C,className:`flex-1 overflow-auto bg-zinc-50 dark:bg-zinc-950`,children:j.length===0?(0,W.jsx)(`div`,{className:`flex items-center justify-center h-full text-zinc-500 dark:text-zinc-400`,children:(0,W.jsxs)(`div`,{className:`text-center`,children:[(0,W.jsx)(B,{className:`size-8 mx-auto mb-2 opacity-50`}),(0,W.jsx)(`p`,{className:`text-sm`,children:y.length===0?`No console logs yet`:_?`No logs match "${_}"`:`No logs match the current filter`}),(0,W.jsx)(`p`,{className:`text-xs mt-1`,children:y.length===0?`Logs from iframes will appear here`:`${y.length} log${y.length===1?``:`s`} hidden by filter`})]})}):(0,W.jsx)(`div`,{children:j.map(e=>(0,W.jsx)(Ue,{log:e},e.id))})})]})]})}function J(e){let t=e.trim(),n=t.match(/```(?:json)?\s*([\s\S]*?)```/);n&&(t=n[1].trim());let r=t.indexOf(`{`);if(r<0)return null;let i=0;for(let e=r;e<t.length;e++)if(t[e]===`{`)i++;else if(t[e]===`}`&&(i--,i===0))try{return JSON.parse(t.slice(r,e+1))}catch{return null}return null}function Je({llmConfig:e}){return{generateProps:(0,V.useCallback)(async({resource:t,resourceAnnotations:n,propsSchema:r})=>{if(!e)throw Error(`LLM config is not available`);let i=t.mimeType||n?.mimeType||`unknown`,a=t.description||n?.description||`N/A`;if(r?.properties){let n=Object.keys(r.properties).map(e=>{let t=r.properties[e],n=`  - ${e} (${t.type||`string`})`,i=t.description?`: ${t.description}`:``,a=``;return t.type===`array`&&t.items?.type===`object`&&t.items?.properties&&(a=` — array of objects with keys: {${Object.keys(t.items.properties).join(`, `)}}`),`${n}${a}${i}`}).join(`
+`),i=[{role:`system`,content:`You are helping a developer configure props for a UI widget. The widget has a defined schema with specific props. Generate appropriate values for ONLY the props listed in the schema. Return ONLY a JSON object with these exact keys. For array props, each item must match the specified structure.`},{role:`user`,content:`Widget: ${t.name||t.uri}
+Description: ${a}
+
+Props Schema:
+${n}
+
+Generate appropriate default/example values for these props. Return ONLY a JSON object with the exact prop names as keys.
+Example: {"query": "example search term", "results": [{"fruit": "Apple", "color": "red"}]}`}],o=J(await R({config:{provider:e.provider,model:e.model,apiKey:e.apiKey,temperature:e.temperature,baseUrl:e.baseUrl},messages:i}));if(o)return Object.entries(o).map(([e,t])=>({key:e,value:typeof t==`object`&&t?JSON.stringify(t):String(t)}));throw Error(`Could not parse props from LLM response`)}let o=t.uri?.startsWith(`ui://`)||t.mimeType===`text/html;profile=mcp-app`||!!n?.ui,s=o?`You are helping preview an MCP App widget in the inspector.
+Generate sample tool result data (structuredContent) that the widget receives via useToolContext().
+Return ONLY a JSON object with realistic sample data the widget needs to render — query strings, item arrays, IDs, labels, etc.
+Do NOT generate UI styling props like theme, width, height, or showFilters unless explicitly required.
+For search/list widgets, always include the collection array (e.g. "items") with at least 2 sample entries.`:`You are helping a developer configure props for a UI widget/resource.
+Analyze the provided information and suggest appropriate props in key-value format.
+Return ONLY a JSON object with key-value pairs, where both keys and values are strings.
+Example format: {"theme": "dark", "width": "400", "title": "My Widget"}`,c=o?`Widget: ${t.name||t.uri}
+Description: ${a}
+
+Generate sample structuredContent for previewing this widget in the inspector.
+Include every data field the widget likely reads from toolOutput (arrays must be non-empty).
+Example for a fruit search widget: {"query": "apple", "items": [{"id": "apple", "name": "Apple"}, {"id": "banana", "name": "Banana"}]}
+Return ONLY JSON.`:`Resource Information:
+- URI: ${t.uri}
+- Name: ${t.name||`N/A`}
+- Type: ${i}
+- Description: ${a}
+
+Based on this information, suggest 3-5 common customizable properties like theme, dimensions, colors, titles, or configuration options that would be useful for this type of resource. Keep it simple and practical.`,l=[{role:`system`,content:s},{role:`user`,content:c}],u=await R({config:{provider:e.provider,model:e.model,apiKey:e.apiKey,temperature:e.temperature,baseUrl:e.baseUrl},messages:l});try{let e=J(u);if(e)return Object.entries(e).map(([e,t])=>({key:e,value:typeof t==`object`&&t?JSON.stringify(t):String(t)}));let t=u.split(`
+`),n=[];for(let e of t){let t=e.match(/^\s*["']?(\w+)["']?\s*[:=]\s*["']?(.+?)["']?\s*,?\s*$/);t&&n.push({key:t[1].trim(),value:t[2].trim().replace(/^["']|["']$/g,``)})}if(n.length>0)return n;throw Error(`Could not parse props from LLM response`)}catch(e){throw console.error(`[usePropsLLM] Failed to parse LLM response:`,e),Error(`Failed to parse props from LLM response: ${u.slice(0,100)}...`)}},[e]),isAvailable:e!==null}}function Y(e,t){if(!e?.$ref)return e;let n=e.$ref;if(n.startsWith(`#/`)){let r=n.substring(2).split(`/`),i=t;for(let t of r)if(i&&typeof i==`object`&&t in i)i=i[t];else return console.warn(`Could not resolve $ref: ${n}`),e;return i}return e}function Ye(e,t){if(e.anyOf&&Array.isArray(e.anyOf)){let n=e.anyOf.find(e=>e.type!==`null`);if(n)return{...Y(n,t),nullable:!0}}return e}function Xe(e){return Array.isArray(e.enum)?e.enum:null}function X({name:e,schema:t,value:n,onChange:r,required:i=!1,disabled:a=!1,rootSchema:o}){let s=o||t,c=Ye(t,s);c=Y(c,s);let l=Xe(c),_=c.type===`string`&&l!==null,v=c;return v.type===`object`||v.type===`array`?(0,W.jsxs)(`div`,{className:`space-y-2`,children:[(0,W.jsxs)(d,{htmlFor:e,className:`text-sm font-medium`,children:[e,i&&(0,W.jsx)(`span`,{className:`text-red-500 ml-1`,children:`*`})]}),(0,W.jsx)(z,{id:e,value:n,onChange:e=>r(e.target.value),placeholder:v?.description||v?.default?JSON.stringify(v.default,null,2):`Enter ${e}`,className:`min-h-[100px]`,disabled:a}),v?.description&&(0,W.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:v.description})]}):_&&l?(0,W.jsxs)(`div`,{className:`space-y-2`,children:[(0,W.jsxs)(d,{htmlFor:e,className:`text-sm font-medium`,children:[e,i&&(0,W.jsx)(`span`,{className:`text-red-500 ml-1`,children:`*`})]}),(0,W.jsxs)(g,{value:n||``,onValueChange:r,disabled:a,children:[(0,W.jsx)(p,{id:e,className:`w-full`,children:(0,W.jsx)(f,{placeholder:v.description||`Select an option`})}),(0,W.jsx)(m,{children:l.map((e,t)=>(0,W.jsx)(h,{value:e,children:v.enumNames?.[t]||e},e))})]}),v.description&&(0,W.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:v.description})]}):(0,W.jsxs)(`div`,{className:`space-y-2`,children:[(0,W.jsxs)(d,{htmlFor:e,className:`text-sm font-medium`,children:[e,i&&(0,W.jsx)(`span`,{className:`text-red-500 ml-1`,children:`*`})]}),(0,W.jsx)(u,{id:e,value:n,onChange:e=>r(e.target.value),placeholder:v?.description||(v?.default===void 0?`Enter ${e}`:String(v.default)),type:v.type===`number`?`number`:`text`,disabled:a}),v?.description&&(0,W.jsx)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400`,children:v.description})]})}function Ze({open:e,onOpenChange:t,onSave:n,existingPresets:r,resource:i,resourceAnnotations:a,llmConfig:o,editingPreset:s}){let c=(0,V.useMemo)(()=>{let e=e=>{if(!e)return null;if(e.type===`object`&&e.properties)return e;let t=e?.def?.shape??e?._def?.shape;if(t&&typeof t==`object`){let e={},n=[],r=e=>({ZodString:`string`,string:`string`,ZodNumber:`number`,number:`number`,ZodBoolean:`boolean`,boolean:`boolean`,ZodArray:`array`,array:`array`,ZodObject:`object`,object:`object`})[e]||`string`,i=e=>e?.typeName??e?.type??``,a=e=>{let t=e?._def??e?.def??{},n=e,a=i(t);for(;a===`ZodOptional`||a===`ZodDefault`||a===`ZodNullable`;)n=t.innerType??n,a=i(n?._def??n?.def??{});let o=r(a);if(o===`array`){let e=n?._def?.type??n?.def?.element??n?.element;if(e){let t=e._def??e.def??{};if(r(i(t))===`object`){let n=t.shape??e._def?.shape??e.def?.shape??{};return{type:`array`,items:{type:`object`,properties:Object.fromEntries(Object.entries(n).map(([e,t])=>[e,{type:r(i(t?._def??t?.def??{}))}]))}}}}return{type:`array`}}return{type:o}};for(let[r,o]of Object.entries(t)){let t=o,s=t?._def??t?.def??{},c=i(s),l=c===`ZodOptional`||c===`ZodDefault`||c===`ZodNullable`,u=a(t);e[r]={type:u.type,...u.items&&{items:u.items},description:t?.description??s.description},l||n.push(r)}if(Object.keys(e).length>0)return{type:`object`,properties:e,required:n.length>0?n:void 0}}return null},t=a;if(t?.[`mcp-use/propsSchema`])return e(t[`mcp-use/propsSchema`]);let n=i.annotations;return n?.[`mcp-use/propsSchema`]?e(n[`mcp-use/propsSchema`]):null},[a,i.annotations,i.uri,i.name]),f=!!c,[p,m]=(0,V.useState)(``),[h,g]=(0,V.useState)({}),[_,v]=(0,V.useState)([{id:crypto.randomUUID(),key:``,value:``}]),[x,S]=(0,V.useState)(!1),[w,T]=(0,V.useState)(null),{generateProps:E,isAvailable:A}=Je({llmConfig:o});(0,V.useEffect)(()=>{if(e){if(s)if(m(s.name),f)g(s.props);else{let e=Object.entries(s.props).map(([e,t])=>({id:crypto.randomUUID(),key:e,value:t}));v(e.length>0?e:[{id:crypto.randomUUID(),key:``,value:``}])}else m(``),f?g({}):v([{id:crypto.randomUUID(),key:``,value:``}]);T(null)}},[e,s,f]);let ee=()=>{v([..._,{id:crypto.randomUUID(),key:``,value:``}])},te=e=>{_.length>1&&v(_.filter(t=>t.id!==e))},ne=(e,t,n)=>{v(_.map(r=>r.id===e?{...r,[t]:n}:r))};return(0,W.jsx)(j,{open:e,onOpenChange:t,children:(0,W.jsxs)(b,{scrollable:!0,className:`sm:max-w-[600px] max-h-[80vh]`,"data-testid":`props-config-dialog`,children:[(0,W.jsxs)(k,{children:[(0,W.jsx)(C,{children:s?`Edit Preset`:`Create Props Preset`}),(0,W.jsxs)(N,{children:[`Configure props for `,i.name||i.uri,`. You can manually add key-value pairs or generate them with AI.`]})]}),(0,W.jsxs)(de,{className:`space-y-4 py-4`,children:[(0,W.jsxs)(`div`,{className:`space-y-2`,children:[(0,W.jsx)(d,{htmlFor:`preset-name`,children:`Preset Name`}),(0,W.jsx)(u,{id:`preset-name`,"data-testid":`props-config-preset-name`,value:p,onChange:e=>m(e.target.value),placeholder:`e.g., Dark Theme, Production Config`,disabled:x})]}),(0,W.jsxs)(`div`,{className:`space-y-2 p-3 bg-muted rounded-lg`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,W.jsx)(d,{className:`text-sm font-medium`,children:`Generate with AI`}),A&&(0,W.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[`Using `,o?.provider,` (`,o?.model,`)`]})]}),A?(0,W.jsx)(l,{onClick:async()=>{if(!A){M.error(`LLM not configured`,{description:`Please configure LLM in the Chat tab first.`});return}S(!0),T(null);try{let e=await E({resource:i,resourceAnnotations:a,propsSchema:f?c:void 0});if(f){let t={};for(let n of e)c.properties?.[n.key]&&(t[n.key]=n.value);g(t)}else v(e.map(e=>({id:crypto.randomUUID(),key:e.key,value:e.value})));M.success(`Props generated successfully`,{description:`Generated ${e.length} prop(s) using ${o?.provider}`})}catch(e){let t=e instanceof Error?e.message:`Failed to generate props`;T(t),M.error(`LLM Generation Failed`,{description:t})}finally{S(!1)}},disabled:x,size:`sm`,variant:`outline`,className:`w-full`,"data-testid":`props-config-generate-llm-button`,children:x?(0,W.jsxs)(`span`,{"data-testid":`props-config-generating`,className:`flex items-center gap-2`,children:[(0,W.jsx)(F,{className:`h-4 w-4 mr-2 animate-spin`}),`Generating...`]}):(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(y,{className:`h-4 w-4 mr-2`}),`Generate Props with LLM`]})}):(0,W.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`LLM not configured. Please configure LLM in the Chat tab to use this feature.`}),w&&(0,W.jsx)(`p`,{className:`text-xs text-destructive`,"data-testid":`props-config-error`,children:w})]}),(0,W.jsxs)(`div`,{className:`space-y-3`,children:[(0,W.jsx)(d,{className:`text-sm font-medium`,children:`Props`}),f?(0,W.jsx)(`div`,{className:`space-y-4`,children:Object.entries(c.properties||{}).map(([e,t])=>(0,W.jsx)(X,{name:e,schema:t,value:h[e]||``,onChange:t=>g(n=>({...n,[e]:t})),required:c.required?.includes(e),disabled:x,rootSchema:c},e))}):(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,W.jsxs)(l,{onClick:ee,size:`sm`,variant:`ghost`,disabled:x,"data-testid":`props-config-add-prop`,children:[(0,W.jsx)(re,{className:`h-4 w-4 mr-1`}),`Add Prop`]})}),_.map((e,t)=>(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsxs)(`div`,{className:`flex-1 grid grid-cols-2 gap-2`,children:[(0,W.jsx)(u,{placeholder:`Key`,value:e.key,onChange:t=>ne(e.id,`key`,t.target.value),disabled:x,"data-testid":`props-config-key-${t}`}),(0,W.jsx)(u,{placeholder:`Value`,value:e.value,onChange:t=>ne(e.id,`value`,t.target.value),disabled:x,"data-testid":`props-config-value-${t}`})]}),(0,W.jsx)(l,{variant:`ghost`,size:`sm`,onClick:()=>te(e.id),disabled:_.length===1||x,className:`h-9 w-9 p-0`,"data-testid":`props-config-remove-${t}`,children:(0,W.jsx)(D,{className:`h-4 w-4 text-muted-foreground`})})]},e.id))]})]})]}),(0,W.jsxs)(O,{children:[(0,W.jsx)(l,{variant:`outline`,onClick:()=>t(!1),disabled:x,"data-testid":`props-config-cancel-button`,children:`Cancel`}),(0,W.jsxs)(l,{onClick:()=>{if(!p.trim()){M.error(`Preset name required`,{description:`Please enter a name for this preset.`});return}if(r.find(e=>e.name.toLowerCase()===p.toLowerCase()&&e.id!==s?.id)){M.error(`Duplicate preset name`,{description:`A preset with this name already exists.`});return}let e;if(f)e={...h};else{e={};for(let t of _)t.key.trim()&&(e[t.key.trim()]=t.value)}if(Object.keys(e).length===0){M.error(`No props defined`,{description:`Please add at least one prop with a key.`});return}let i={id:s?.id||crypto.randomUUID(),name:p.trim(),props:e};n(i),t(!1),M.success(s?`Preset updated`:`Preset created`,{description:`Preset "${i.name}" saved successfully.`})},disabled:x,"data-testid":`props-config-save-button`,children:[s?`Update`:`Create`,` Preset`]})]})]})})}function Qe({value:e,onChange:t}){let n=(n,r)=>{let i=parseInt(r,10);isNaN(i)||t({...e,[n]:i})};return(0,W.jsxs)(`div`,{className:`grid grid-cols-2 gap-2`,children:[(0,W.jsxs)(`div`,{className:`space-y-1`,children:[(0,W.jsx)(`label`,{className:`text-xs text-muted-foreground`,children:`Top`}),(0,W.jsx)(u,{type:`number`,min:`0`,value:e.top,onChange:e=>n(`top`,e.target.value),className:`h-8`,"data-testid":`debugger-safe-area-top`})]}),(0,W.jsxs)(`div`,{className:`space-y-1`,children:[(0,W.jsx)(`label`,{className:`text-xs text-muted-foreground`,children:`Right`}),(0,W.jsx)(u,{type:`number`,min:`0`,value:e.right,onChange:e=>n(`right`,e.target.value),className:`h-8`,"data-testid":`debugger-safe-area-right`})]}),(0,W.jsxs)(`div`,{className:`space-y-1`,children:[(0,W.jsx)(`label`,{className:`text-xs text-muted-foreground`,children:`Bottom`}),(0,W.jsx)(u,{type:`number`,min:`0`,value:e.bottom,onChange:e=>n(`bottom`,e.target.value),className:`h-8`,"data-testid":`debugger-safe-area-bottom`})]}),(0,W.jsxs)(`div`,{className:`space-y-1`,children:[(0,W.jsx)(`label`,{className:`text-xs text-muted-foreground`,children:`Left`}),(0,W.jsx)(u,{type:`number`,min:`0`,value:e.left,onChange:e=>n(`left`,e.target.value),className:`h-8`,"data-testid":`debugger-safe-area-left`})]})]})}function $e(e,t){let n=new Set(t?.connectDomains??[]),r=new Set(t?.resourceDomains??[]),i=new Set(t?.frameDomains??[]),a=new Set([`script-src`,`style-src`,`img-src`,`font-src`,`media-src`]);for(let t of e){let e=(t.blockedUri||``).trim();if(!e||e===`(inline)`||e.startsWith(`blob:`)||e.startsWith(`data:`))continue;let o=null;try{o=new URL(e).origin}catch{continue}if(!o)continue;let s=(t.effectiveDirective||t.directive||``).toLowerCase();s===`connect-src`?(n.add(o),o.startsWith(`http://`)?n.add(o.replace(`http://`,`ws://`)):o.startsWith(`https://`)&&n.add(o.replace(`https://`,`wss://`))):a.has(s)?r.add(o):s===`frame-src`&&i.add(o)}let o={connectDomains:Array.from(n).sort(),resourceDomains:Array.from(r).sort()};return i.size>0&&(o.frameDomains=Array.from(i).sort()),o}var Z=`https://raw.githubusercontent.com/modelcontextprotocol/ext-apps/bcfffb6585ea4fb1e3a9da39fb8911b83399fa71/specification/2026-01-26/apps.mdx`,et=`https://mcp-use.com/docs/typescript/server/csp`;function tt(e,t,n,r){let i=[`Fix the Content Security Policy (CSP) for this MCP Apps widget. The widget has CSP violations that block network requests and resources.`,``,`**References:**`,`- MCP Apps CSP spec: ${Z}`,`- mcp-use CSP docs: ${et}`,``];if(i.push(`**Current declared CSP:**`),e?(i.push(`connectDomains: ${JSON.stringify(e.connectDomains??[])}`),i.push(`resourceDomains: ${JSON.stringify(e.resourceDomains??[])}`),i.push(`frameDomains: ${JSON.stringify(e.frameDomains??[])}`),i.push(`baseUriDomains: ${JSON.stringify(e.baseUriDomains??[])}`)):i.push(`No CSP declared.`),i.push(``),t&&(i.push(`**Effective policy (originalPolicy):**`),i.push("```"),i.push(t),i.push("```"),i.push(``)),n.length>0){i.push(`**Blocked requests (${n.length}):**`);for(let e of n){let t=e.effectiveDirective||e.directive,n=e.blockedUri||`(inline)`;i.push(`- ${t}: ${n}`)}i.push(``)}return r?(i.push(`**Apply this CSP config to fix the violations:**`),i.push(`Add these domains to the widget's CSP metadata (resource _meta.ui.csp). Use camelCase for MCP Apps (connectDomains, resourceDomains).`),i.push(``),i.push("```json"),i.push(JSON.stringify({connectDomains:r.connectDomains,resourceDomains:r.resourceDomains,...r.frameDomains?.length?{frameDomains:r.frameDomains}:{}},null,2)),i.push("```")):i.push(`No blocked requests - no fix needed.`),i.join(`
+`)}var Q=`__no_props__`,$=`__tool_props__`,nt=`__create_preset__`,rt=[{value:`desktop`,label:`Desktop`,icon:T},{value:`mobile`,label:`Mobile`,icon:Me},{value:`tablet`,label:`Tablet`,icon:Pe}];function it({options:e,value:t,onValueChange:n,placeholder:r,contentTestId:i,searchTestId:a,optionTestId:o,trigger:s}){let[c,l]=(0,V.useState)(!1),[d,f]=(0,V.useState)(``),p=(0,V.useRef)(null);(0,V.useEffect)(()=>{if(!c){f(``);return}let e=requestAnimationFrame(()=>p.current?.focus());return()=>cancelAnimationFrame(e)},[c]);let m=(0,V.useMemo)(()=>{let t=d.trim().toLowerCase();return t?e.filter(e=>e.label.toLowerCase().includes(t)||e.value.toLowerCase().includes(t)):[...e]},[e,d]),h=m.findIndex(e=>e.value===t);return(0,W.jsxs)(x,{open:c,onOpenChange:l,children:[s,(0,W.jsxs)(ue,{"data-testid":i,checkedIndex:h>=0?h:void 0,className:`w-80 overflow-hidden`,children:[(0,W.jsx)(`div`,{className:`border-b border-border p-2`,onKeyDown:e=>e.stopPropagation(),children:(0,W.jsx)(u,{ref:p,value:d,onChange:e=>f(e.target.value),placeholder:r,"data-testid":a,className:`h-8`})}),(0,W.jsx)(`div`,{className:`max-h-64 overflow-y-auto`,children:m.length===0?(0,W.jsx)(`p`,{className:`px-3 py-4 text-xs text-muted-foreground`,children:`No results found.`}):m.map((e,r)=>(0,W.jsx)(te,{index:r,label:e.label,checked:t===e.value,"data-testid":o(e.value),onSelect:()=>{n(e.value),l(!1)}},e.value))})]})]})}function at({displayMode:e,onDisplayModeChange:t,toolCallId:n,propsContext:r,resourceUri:a,toolInput:u,resourceAnnotations:d,llmConfig:f,resource:p,onPropsChange:m,requiredProps:h}){let{resolvedTheme:g,setTheme:_}=he(),{playground:y,updatePlaygroundSettings:w,widgets:O,clearCspViolations:re}=me(),N=O.get(n),P=N?.cspViolations??[],F=N?.declaredCsp,L=N?.effectivePolicy,ge=P.length>0?$e(P,F):null,_e=P.length>0?tt(F,L,P,ge):``,ve=e===`fullscreen`,ye=e===`pip`,{presets:R,activePresetId:z,savePreset:Ce,deletePreset:Ee,setActivePreset:B,getActiveProps:Fe}=ze(a),[Le,H]=(0,V.useState)(!1),U=!!h?.length&&!z,[Be,Ve]=(0,V.useState)(()=>U);(0,V.useEffect)(()=>{U&&Ve(!0)},[U]);let[G,K]=(0,V.useState)(null),[He,Ue]=(0,V.useState)(!1),[q,We]=(0,V.useState)(`mode`),[Ge,Ke]=(0,V.useState)(!0),J=(0,V.useMemo)(()=>be(F),[F]),Je=(0,V.useMemo)(()=>xe(L),[L]),Y=(0,V.useMemo)(()=>we(J,Je),[J,Je]),Ye=(0,V.useMemo)(()=>Se({mode:y.cspMode,declared:F,effectivePolicy:L,violations:P}),[y.cspMode,F,L,P]),Xe=(0,V.useCallback)(()=>r===`tool`&&u?$:Q,[r,u]),[X,Z]=(0,V.useState)(Xe());(0,V.useEffect)(()=>{z&&r!==`tool`?Z(z):X!==Q&&X!==$&&Z(Xe())},[z,X,Xe,r]),(0,V.useEffect)(()=>{if(m){if(X===Q||X===$)m(null);else if(z&&X===z){let e=Fe();e&&m(e)}}},[X,z,u,Fe,m,R]);let et=e=>{if(e===nt){K(null),H(!0);return}if(e===Q||e===$)B(null),Z(e),m?.(null);else{B(e),Z(e);let t=R.find(t=>t.id===e);m?.(t?.props??null)}},at=e=>{Ce(e),B(e.id),Z(e.id),m?.(e.props)},ot=(e,t)=>{t.stopPropagation();let n=R.find(t=>t.id===e);n&&(Ee(e),M.success(`Preset deleted`,{description:`Preset "${n.name}" has been deleted.`}))},st=(e,t)=>{t.stopPropagation(),K(e),H(!0)},ct=()=>{switch(y.deviceType){case`mobile`:return(0,W.jsx)(Me,{className:`size-3`});case`tablet`:return(0,W.jsx)(Pe,{className:`size-3`});default:return(0,W.jsx)(T,{className:`size-3`})}},lt=rt.findIndex(e=>e.value===y.deviceType);return(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!ve&&!ye&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(l,{"data-testid":`debugger-fullscreen-button`,variant:`outline`,size:`sm`,className:`bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900`,onClick:()=>t(`fullscreen`),children:(0,W.jsx)(v,{className:`size-4`})}),nativeButton:!0}),(0,W.jsx)(c,{children:`Enter fullscreen mode`})]}),(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(l,{"data-testid":`debugger-pip-button`,variant:`outline`,size:`sm`,className:`bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900`,onClick:()=>t(`pip`),children:(0,W.jsx)(Oe,{className:`size-4`})}),nativeButton:!0}),(0,W.jsx)(c,{children:`Picture-in-picture`})]})]}),(0,W.jsxs)(x,{children:[(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(A,{render:(0,W.jsx)(l,{"data-testid":`debugger-device-button`,variant:`outline`,size:`sm`,className:`h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900`,children:ct()}),nativeButton:!0}),nativeButton:!0}),(0,W.jsxs)(c,{children:[`Device: `,y.deviceType]})]}),(0,W.jsx)(ue,{"data-testid":`debugger-device-dialog`,checkedIndex:lt>=0?lt:void 0,className:`w-56`,children:rt.map((e,t)=>(0,W.jsx)(te,{index:t,icon:e.icon,label:e.label,checked:y.deviceType===e.value,"data-testid":`debugger-device-option-${e.value}`,onSelect:()=>w({deviceType:e.value})},e.value))})]}),(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(l,{"data-testid":`debugger-theme-button`,variant:`outline`,size:`sm`,className:`h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900`,onClick:()=>{_(g===`dark`?`light`:`dark`)},children:g===`dark`?(0,W.jsx)(ie,{className:`size-3.5`}):(0,W.jsx)(ne,{className:`size-3.5`})}),nativeButton:!0}),(0,W.jsxs)(c,{children:[`Theme: `,g===`dark`?`Dark`:`Light`]})]}),(0,W.jsx)(it,{options:Ie,value:y.locale,onValueChange:e=>w({locale:e}),placeholder:`Search locales...`,contentTestId:`debugger-locale-dialog`,searchTestId:`debugger-locale-search`,optionTestId:e=>`debugger-locale-option-${e}`,trigger:(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(A,{render:(0,W.jsx)(l,{"data-testid":`debugger-locale-button`,variant:`outline`,size:`sm`,className:`h-8 min-w-[50px] px-2 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900`,children:(0,W.jsx)(`span`,{className:`text-xs font-mono`,children:y.locale})}),nativeButton:!0}),nativeButton:!0}),(0,W.jsx)(c,{children:`Locale`})]})}),(0,W.jsx)(it,{options:Re,value:y.timeZone,onValueChange:e=>w({timeZone:e}),placeholder:`Search timezones...`,contentTestId:`debugger-timezone-dialog`,searchTestId:`debugger-timezone-search`,optionTestId:e=>`debugger-timezone-option-${e.replace(/\//g,`-`)}`,trigger:(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(A,{render:(0,W.jsx)(l,{"data-testid":`debugger-timezone-button`,variant:`outline`,size:`sm`,className:`h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900`,children:(0,W.jsx)(le,{className:`size-3.5`})}),nativeButton:!0}),nativeButton:!0}),(0,W.jsxs)(c,{children:[`Timezone: `,y.timeZone]})]})}),(0,W.jsxs)(j,{open:He,onOpenChange:Ue,children:[(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(E,{render:(0,W.jsxs)(l,{"data-testid":`debugger-csp-button`,variant:`outline`,size:`sm`,className:`relative h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900`,children:[y.cspMode===`permissive`?(0,W.jsx)(je,{className:`size-3.5`}):(0,W.jsx)(Ae,{className:`size-3.5`}),P.length>0&&(0,W.jsx)(`span`,{className:`absolute -top-1.5 -right-1.5 flex h-4 min-w-4 items-center justify-center rounded-full px-0.5 text-[9px] font-bold text-white leading-none ${y.cspMode===`permissive`?`bg-yellow-500`:`bg-red-500`}`,children:P.length>99?`99+`:P.length})]}),nativeButton:!0}),nativeButton:!0}),(0,W.jsxs)(c,{children:[`CSP:`,` `,y.cspMode===`permissive`?`Permissive`:`Declared`,P.length>0&&` · ${P.length} ${y.cspMode===`permissive`?`would be blocked`:`blocked`}`]})]}),(0,W.jsxs)(b,{scrollable:!0,className:`sm:max-w-[520px] max-h-[85vh]`,"data-testid":`debugger-csp-dialog`,children:[(0,W.jsx)(k,{children:(0,W.jsx)(C,{children:`CSP Mode`})}),(0,W.jsxs)(de,{className:`space-y-3`,children:[(0,W.jsx)(`div`,{role:`tablist`,"aria-label":`CSP diagnostics`,className:`grid grid-cols-3 rounded-md border border-zinc-200 dark:border-zinc-700 p-1`,children:[[`mode`,`Mode`],[`diff`,`Policy Diff`],[`findings`,`Findings`]].map(([e,t])=>(0,W.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":q===e,onClick:()=>We(e),className:`rounded px-2 py-1.5 text-xs font-medium ${q===e?`bg-zinc-100 dark:bg-zinc-800`:`text-muted-foreground`}`,children:t},e))}),q===`mode`&&(0,W.jsxs)(`div`,{role:`tabpanel`,className:`space-y-2`,children:[(0,W.jsxs)(l,{"data-testid":`debugger-csp-option-permissive`,variant:y.cspMode===`permissive`?`default`:`outline`,className:`w-full justify-start`,onClick:()=>w({cspMode:`permissive`}),children:[(0,W.jsx)(je,{className:`size-4 mr-2`}),`Permissive`]}),(0,W.jsxs)(l,{"data-testid":`debugger-csp-option-widget-declared`,variant:y.cspMode===`widget-declared`?`default`:`outline`,className:`w-full justify-start`,onClick:()=>w({cspMode:`widget-declared`}),children:[(0,W.jsx)(Ae,{className:`size-4 mr-2`}),`Widget-Declared`]}),(0,W.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Permissive records would-be blocks; Widget-Declared enforces the resource metadata policy.`})]}),q===`diff`&&(0,W.jsxs)(`div`,{role:`tabpanel`,className:`space-y-2`,children:[Y.length?(0,W.jsx)(`div`,{className:`max-h-64 overflow-y-auto rounded border border-zinc-200 dark:border-zinc-700`,children:Y.map(e=>(0,W.jsxs)(`div`,{className:`border-b border-zinc-100 dark:border-zinc-800 p-2 text-xs last:border-0`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,W.jsx)(`code`,{children:e.directive}),(0,W.jsx)(`span`,{className:`text-[10px] uppercase text-muted-foreground`,children:e.status})]}),(0,W.jsxs)(`div`,{className:`mt-1 font-mono text-[10px] text-muted-foreground break-all`,children:[`requested: `,e.requested.join(` `)||`—`,(0,W.jsx)(`br`,{}),`effective: `,e.effective.join(` `)||`—`]})]},e.directive))}):(0,W.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`No requested or effective policy data yet.`}),L&&(0,W.jsxs)(l,{variant:`outline`,size:`sm`,onClick:async()=>{try{await pe(L),M.success(`Policy copied to clipboard`)}catch{M.error(`Failed to copy`)}},children:[(0,W.jsx)(I,{className:`size-3.5 mr-2`}),`Copy effective policy`]})]}),q===`findings`&&(0,W.jsxs)(`div`,{role:`tabpanel`,className:`space-y-2`,children:[(0,W.jsx)(`div`,{className:`space-y-1.5`,children:Ye.map((e,t)=>(0,W.jsxs)(`div`,{className:`rounded border border-zinc-200 dark:border-zinc-700 p-2`,children:[(0,W.jsx)(`div`,{className:`text-xs font-medium`,children:e.title}),(0,W.jsx)(`div`,{className:`text-[11px] text-muted-foreground break-all`,children:e.detail})]},`${e.title}-${t}`))}),P.length>0&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,W.jsxs)(`span`,{className:`text-xs font-medium`,children:[P.length,` observed request`,P.length===1?``:`s`]}),(0,W.jsx)(`button`,{className:`text-xs text-muted-foreground underline`,onClick:()=>re(n),children:`Clear`})]}),(0,W.jsxs)(`div`,{className:`border border-amber-200 dark:border-amber-800 rounded-md overflow-hidden`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between bg-amber-50 dark:bg-amber-950/30 px-3 py-2`,children:[(0,W.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 text-xs font-medium text-amber-800 dark:text-amber-200`,onClick:()=>Ke(e=>!e),children:[Ge?(0,W.jsx)(oe,{className:`size-3.5`}):(0,W.jsx)(i,{className:`size-3.5`}),`Prompt for Agents`]}),(0,W.jsx)(l,{variant:`ghost`,size:`sm`,className:`h-7 w-7 p-0`,onClick:()=>void pe(_e),"aria-label":`Copy prompt for agents`,children:(0,W.jsx)(I,{className:`size-3.5`})})]}),Ge&&(0,W.jsx)(`pre`,{className:`max-h-48 overflow-auto whitespace-pre-wrap p-2 text-[11px]`,"data-testid":`debugger-csp-prompt-for-agents`,children:_e})]})]})]})]})]})]}),(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(l,{"data-testid":`debugger-touch-button`,variant:`outline`,size:`sm`,className:`h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900 ${y.capabilities.touch?`border-blue-500 dark:border-blue-400`:``}`,onClick:()=>{w({capabilities:{...y.capabilities,touch:!y.capabilities.touch}})},children:(0,W.jsx)(ke,{className:`size-3.5 ${y.capabilities.touch?`text-blue-600 dark:text-blue-400`:``}`})}),nativeButton:!0}),(0,W.jsxs)(c,{children:[`Touch: `,y.capabilities.touch?`Enabled`:`Disabled`]})]}),(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(l,{"data-testid":`debugger-hover-button`,variant:`outline`,size:`sm`,className:`h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900 ${y.capabilities.hover?`border-blue-500 dark:border-blue-400`:``}`,onClick:()=>{w({capabilities:{...y.capabilities,hover:!y.capabilities.hover}})},children:(0,W.jsx)(De,{className:`size-3.5 ${y.capabilities.hover?`text-blue-600 dark:text-blue-400`:``}`})}),nativeButton:!0}),(0,W.jsxs)(c,{children:[`Hover: `,y.capabilities.hover?`Enabled`:`Disabled`]})]}),(0,W.jsxs)(ce,{children:[(0,W.jsx)(ae,{render:(0,W.jsx)(l,{"data-testid":`debugger-safe-area-button`,variant:`outline`,size:`sm`,className:`h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900`,children:(0,W.jsx)(Ne,{className:`size-3.5`})}),nativeButton:!0}),(0,W.jsx)(se,{className:`w-64 p-3`,"data-testid":`debugger-safe-area-dialog`,children:(0,W.jsxs)(`div`,{className:`space-y-2`,children:[(0,W.jsx)(`label`,{className:`text-xs font-medium`,children:`Safe Area Insets`}),(0,W.jsx)(Qe,{value:y.safeAreaInsets,onChange:e=>{w({safeAreaInsets:e})}})]})})]}),r===`tool`?(0,W.jsxs)(j,{children:[(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(E,{render:(0,W.jsx)(l,{variant:`outline`,size:`sm`,className:`h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900`,"data-testid":`debugger-props-button`,children:(0,W.jsx)(Te,{className:`size-3.5`})}),nativeButton:!0}),nativeButton:!0}),(0,W.jsx)(c,{children:`View Tool Props`})]}),(0,W.jsxs)(b,{scrollable:!0,className:`sm:max-w-[600px] max-h-[85vh]`,"data-testid":`debugger-props-dialog`,children:[(0,W.jsx)(k,{children:(0,W.jsx)(C,{children:`Tool Props`})}),(0,W.jsx)(de,{children:(0,W.jsx)(ee,{children:(0,W.jsx)(fe,{data:u??{},filename:`tool-props.json`})})})]})]}):(0,W.jsxs)(ce,{open:Be,onOpenChange:Ve,children:[(0,W.jsxs)(s,{children:[(0,W.jsx)(o,{render:(0,W.jsx)(ae,{render:(0,W.jsx)(l,{variant:`outline`,size:`sm`,className:`h-8 w-8 p-0 backdrop-blur-sm shadow-sm ${U?`bg-amber-50 dark:bg-amber-950/40 border-amber-300 dark:border-amber-700 hover:bg-amber-100 dark:hover:bg-amber-900/50 animate-pulse`:`bg-white/90 dark:bg-zinc-900/90 hover:bg-white dark:hover:bg-zinc-900`}`,"data-testid":`debugger-props-button`,children:(0,W.jsx)(Te,{className:`size-3.5 ${U?`text-amber-500`:``}`})}),nativeButton:!0}),nativeButton:!0}),(0,W.jsxs)(c,{children:[`Props:`,` `,X===Q?`No Props`:X===$?`Tool Props`:R.find(e=>e.id===X)?.name||`Custom`]})]}),(0,W.jsxs)(se,{className:`w-64 p-2`,"data-testid":`debugger-props-popover`,children:[U&&(0,W.jsxs)(`div`,{className:`mb-2 rounded-md border border-amber-200 dark:border-amber-800/50 bg-amber-50 dark:bg-amber-950/30 px-3 py-2`,children:[(0,W.jsx)(`p`,{className:`text-xs font-medium text-amber-700 dark:text-amber-300 mb-0.5`,children:`Props required to render this widget:`}),(0,W.jsx)(`p`,{className:`text-xs font-mono text-amber-600 dark:text-amber-400`,children:h.join(`, `)}),(0,W.jsx)(`p`,{className:`text-xs text-amber-500 dark:text-amber-400 mt-1`,children:`Create a preset below to set them.`})]}),(0,W.jsxs)(`div`,{className:`space-y-1`,children:[(0,W.jsx)(l,{variant:X===Q?`secondary`:`ghost`,size:`sm`,className:`w-full justify-start`,onClick:()=>et(Q),"data-testid":`debugger-props-no-props`,children:`No Props`}),R.map(e=>(0,W.jsxs)(`div`,{className:`relative group flex items-center`,children:[(0,W.jsx)(l,{variant:X===e.id?`secondary`:`ghost`,size:`sm`,className:`w-full justify-start pr-14`,onClick:()=>et(e.id),"data-testid":`debugger-props-preset-${e.id}`,children:e.name}),(0,W.jsxs)(`div`,{className:`absolute right-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity`,children:[(0,W.jsx)(l,{variant:`ghost`,size:`sm`,className:`h-6 w-6 p-0`,onClick:t=>st(e,t),"data-testid":`debugger-props-edit-${e.id}`,children:(0,W.jsx)(S,{className:`h-3 w-3`})}),(0,W.jsx)(l,{variant:`ghost`,size:`sm`,className:`h-6 w-6 p-0`,onClick:t=>ot(e.id,t),"data-testid":`debugger-props-delete-${e.id}`,children:(0,W.jsx)(D,{className:`h-3 w-3 text-destructive`})})]})]},e.id)),(0,W.jsx)(l,{variant:`ghost`,size:`sm`,className:`w-full justify-start text-primary`,onClick:()=>et(nt),"data-testid":`debugger-props-create-preset`,children:`+ Create Preset...`})]})]})]}),(0,W.jsx)(qe,{iframeId:n,enabled:!0}),p&&(0,W.jsx)(Ze,{open:Le,onOpenChange:H,onSave:at,existingPresets:R,resource:p,resourceAnnotations:d,llmConfig:f||null,editingPreset:G})]})}function ot({children:e,className:t,noWrapper:n}){return n?e:(0,W.jsx)(`div`,{className:a(`flex flex-1 items-center justify-center bg-zinc-50 dark:bg-zinc-800`,`[background-image:radial-gradient(circle,rgba(0,0,0,0.12)_1px,transparent_1px)]`,`dark:[background-image:radial-gradient(circle,rgba(255,255,255,0.1)_1px,transparent_1px)]`,`bg-[length:32px_32px]`,t),children:e})}export{at as n,Ee as r,ot as t};

package/dist/web/assets/brush--0LobUi4.js

@@ -0,0 +1 @@
+import{t as e}from"./createLucideIcon-B3b8EU0b.js";var t=e(`brush`,[[`path`,{d:`m11 10 3 3`,key:`fzmg1i`}],[`path`,{d:`M6.5 21A3.5 3.5 0 1 0 3 17.5a2.62 2.62 0 0 1-.708 1.792A1 1 0 0 0 3 21z`,key:`p4q2r7`}],[`path`,{d:`M9.969 17.031 21.378 5.624a1 1 0 0 0-3.002-3.002L6.967 14.031`,key:`wy6l02`}]]);export{t};

package/dist/web/assets/bundle-mjs-8puS6ou7.js

@@ -0,0 +1 @@
+import{n as e,t}from"./react-CU_d2d5K.js";var n=e((e=>{var n=t();function r(e){var t=`https://react.dev/errors/`+e;if(1<arguments.length){t+=`?args[]=`+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)t+=`&args[]=`+encodeURIComponent(arguments[n])}return`Minified React error #`+e+`; visit `+t+` for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`}function i(){}var a={d:{f:i,r:function(){throw Error(r(522))},D:i,C:i,L:i,m:i,X:i,S:i,M:i},p:0,findDOMNode:null},o=Symbol.for(`react.portal`);function s(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:o,key:r==null?null:``+r,children:e,containerInfo:t,implementation:n}}var c=n.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function l(e,t){if(e===`font`)return``;if(typeof t==`string`)return t===`use-credentials`?t:``}e.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=a,e.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!t||t.nodeType!==1&&t.nodeType!==9&&t.nodeType!==11)throw Error(r(299));return s(e,t,null,n)},e.flushSync=function(e){var t=c.T,n=a.p;try{if(c.T=null,a.p=2,e)return e()}finally{c.T=t,a.p=n,a.d.f()}},e.preconnect=function(e,t){typeof e==`string`&&(t?(t=t.crossOrigin,t=typeof t==`string`?t===`use-credentials`?t:``:void 0):t=null,a.d.C(e,t))},e.prefetchDNS=function(e){typeof e==`string`&&a.d.D(e)},e.preinit=function(e,t){if(typeof e==`string`&&t&&typeof t.as==`string`){var n=t.as,r=l(n,t.crossOrigin),i=typeof t.integrity==`string`?t.integrity:void 0,o=typeof t.fetchPriority==`string`?t.fetchPriority:void 0;n===`style`?a.d.S(e,typeof t.precedence==`string`?t.precedence:void 0,{crossOrigin:r,integrity:i,fetchPriority:o}):n===`script`&&a.d.X(e,{crossOrigin:r,integrity:i,fetchPriority:o,nonce:typeof t.nonce==`string`?t.nonce:void 0})}},e.preinitModule=function(e,t){if(typeof e==`string`)if(typeof t==`object`&&t){if(t.as==null||t.as===`script`){var n=l(t.as,t.crossOrigin);a.d.M(e,{crossOrigin:n,integrity:typeof t.integrity==`string`?t.integrity:void 0,nonce:typeof t.nonce==`string`?t.nonce:void 0})}}else t??a.d.M(e)},e.preload=function(e,t){if(typeof e==`string`&&typeof t==`object`&&t&&typeof t.as==`string`){var n=t.as,r=l(n,t.crossOrigin);a.d.L(e,n,{crossOrigin:r,integrity:typeof t.integrity==`string`?t.integrity:void 0,nonce:typeof t.nonce==`string`?t.nonce:void 0,type:typeof t.type==`string`?t.type:void 0,fetchPriority:typeof t.fetchPriority==`string`?t.fetchPriority:void 0,referrerPolicy:typeof t.referrerPolicy==`string`?t.referrerPolicy:void 0,imageSrcSet:typeof t.imageSrcSet==`string`?t.imageSrcSet:void 0,imageSizes:typeof t.imageSizes==`string`?t.imageSizes:void 0,media:typeof t.media==`string`?t.media:void 0})}},e.preloadModule=function(e,t){if(typeof e==`string`)if(t){var n=l(t.as,t.crossOrigin);a.d.m(e,{as:typeof t.as==`string`&&t.as!==`script`?t.as:void 0,crossOrigin:n,integrity:typeof t.integrity==`string`?t.integrity:void 0})}else a.d.m(e)},e.requestFormReset=function(e){a.d.r(e)},e.unstable_batchedUpdates=function(e,t){return e(t)},e.useFormState=function(e,t,n){return c.H.useFormState(e,t,n)},e.useFormStatus=function(){return c.H.useHostTransitionStatus()},e.version=`19.2.4`})),r=e(((e,t)=>{function r(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(r)}catch(e){console.error(e)}}r(),t.exports=n()}));function i(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=i(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function a(){for(var e,t,n=0,r=``,a=arguments.length;n<a;n++)(e=arguments[n])&&(t=i(e))&&(r&&(r+=` `),r+=t);return r}var o=(e,t)=>{let n=Array(e.length+t.length);for(let t=0;t<e.length;t++)n[t]=e[t];for(let r=0;r<t.length;r++)n[e.length+r]=t[r];return n},s=(e,t)=>({classGroupId:e,validator:t}),c=(e=new Map,t=null,n)=>({nextPart:e,validators:t,classGroupId:n}),l=`-`,u=[],ee=`arbitrary..`,d=e=>{let t=m(e),{conflictingClassGroups:n,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:e=>{if(e.startsWith(`[`)&&e.endsWith(`]`))return p(e);let n=e.split(l);return f(n,+(n[0]===``&&n.length>1),t)},getConflictingClassGroupIds:(e,t)=>{if(t){let t=r[e],i=n[e];return t?i?o(i,t):t:i||u}return n[e]||u}}},f=(e,t,n)=>{if(e.length-t===0)return n.classGroupId;let r=e[t],i=n.nextPart.get(r);if(i){let n=f(e,t+1,i);if(n)return n}let a=n.validators;if(a===null)return;let o=t===0?e.join(l):e.slice(t).join(l),s=a.length;for(let e=0;e<s;e++){let t=a[e];if(t.validator(o))return t.classGroupId}},p=e=>e.slice(1,-1).indexOf(`:`)===-1?void 0:(()=>{let t=e.slice(1,-1),n=t.indexOf(`:`),r=t.slice(0,n);return r?ee+r:void 0})(),m=e=>{let{theme:t,classGroups:n}=e;return h(n,t)},h=(e,t)=>{let n=c();for(let r in e){let i=e[r];g(i,n,r,t)}return n},g=(e,t,n,r)=>{let i=e.length;for(let a=0;a<i;a++){let i=e[a];_(i,t,n,r)}},_=(e,t,n,r)=>{if(typeof e==`string`){v(e,t,n);return}if(typeof e==`function`){y(e,t,n,r);return}b(e,t,n,r)},v=(e,t,n)=>{let r=e===``?t:x(t,e);r.classGroupId=n},y=(e,t,n,r)=>{if(te(e)){g(e(r),t,n,r);return}t.validators===null&&(t.validators=[]),t.validators.push(s(n,e))},b=(e,t,n,r)=>{let i=Object.entries(e),a=i.length;for(let e=0;e<a;e++){let[a,o]=i[e];g(o,x(t,a),n,r)}},x=(e,t)=>{let n=e,r=t.split(l),i=r.length;for(let e=0;e<i;e++){let t=r[e],i=n.nextPart.get(t);i||(i=c(),n.nextPart.set(t,i)),n=i}return n},te=e=>`isThemeGetter`in e&&e.isThemeGetter===!0,S=e=>{if(e<1)return{get:()=>void 0,set:()=>{}};let t=0,n=Object.create(null),r=Object.create(null),i=(i,a)=>{n[i]=a,t++,t>e&&(t=0,r=n,n=Object.create(null))};return{get(e){let t=n[e];if(t!==void 0)return t;if((t=r[e])!==void 0)return i(e,t),t},set(e,t){e in n?n[e]=t:i(e,t)}}},C=`!`,w=`:`,ne=[],T=(e,t,n,r,i)=>({modifiers:e,hasImportantModifier:t,baseClassName:n,maybePostfixModifierPosition:r,isExternal:i}),re=e=>{let{prefix:t,experimentalParseClassName:n}=e,r=e=>{let t=[],n=0,r=0,i=0,a,o=e.length;for(let s=0;s<o;s++){let o=e[s];if(n===0&&r===0){if(o===w){t.push(e.slice(i,s)),i=s+1;continue}if(o===`/`){a=s;continue}}o===`[`?n++:o===`]`?n--:o===`(`?r++:o===`)`&&r--}let s=t.length===0?e:e.slice(i),c=s,l=!1;s.endsWith(C)?(c=s.slice(0,-1),l=!0):s.startsWith(C)&&(c=s.slice(1),l=!0);let u=a&&a>i?a-i:void 0;return T(t,l,c,u)};if(t){let e=t+w,n=r;r=t=>t.startsWith(e)?n(t.slice(e.length)):T(ne,!1,t,void 0,!0)}if(n){let e=r;r=t=>n({className:t,parseClassName:e})}return r},E=e=>{let t=new Map;return e.orderSensitiveModifiers.forEach((e,n)=>{t.set(e,1e6+n)}),e=>{let n=[],r=[];for(let i=0;i<e.length;i++){let a=e[i],o=a[0]===`[`,s=t.has(a);o||s?(r.length>0&&(r.sort(),n.push(...r),r=[]),n.push(a)):r.push(a)}return r.length>0&&(r.sort(),n.push(...r)),n}},D=e=>({cache:S(e.cacheSize),parseClassName:re(e),sortModifiers:E(e),...d(e)}),O=/\s+/,k=(e,t)=>{let{parseClassName:n,getClassGroupId:r,getConflictingClassGroupIds:i,sortModifiers:a}=t,o=[],s=e.trim().split(O),c=``;for(let e=s.length-1;e>=0;--e){let t=s[e],{isExternal:l,modifiers:u,hasImportantModifier:ee,baseClassName:d,maybePostfixModifierPosition:f}=n(t);if(l){c=t+(c.length>0?` `+c:c);continue}let p=!!f,m=r(p?d.substring(0,f):d);if(!m){if(!p){c=t+(c.length>0?` `+c:c);continue}if(m=r(d),!m){c=t+(c.length>0?` `+c:c);continue}p=!1}let h=u.length===0?``:u.length===1?u[0]:a(u).join(`:`),g=ee?h+C:h,_=g+m;if(o.indexOf(_)>-1)continue;o.push(_);let v=i(m,p);for(let e=0;e<v.length;++e){let t=v[e];o.push(g+t)}c=t+(c.length>0?` `+c:c)}return c},ie=(...e)=>{let t=0,n,r,i=``;for(;t<e.length;)(n=e[t++])&&(r=A(n))&&(i&&(i+=` `),i+=r);return i},A=e=>{if(typeof e==`string`)return e;let t,n=``;for(let r=0;r<e.length;r++)e[r]&&(t=A(e[r]))&&(n&&(n+=` `),n+=t);return n},j=(e,...t)=>{let n,r,i,a,o=o=>(n=D(t.reduce((e,t)=>t(e),e())),r=n.cache.get,i=n.cache.set,a=s,s(o)),s=e=>{let t=r(e);if(t)return t;let a=k(e,n);return i(e,a),a};return a=o,(...e)=>a(ie(...e))},ae=[],M=e=>{let t=t=>t[e]||ae;return t.isThemeGetter=!0,t},N=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,P=/^\((?:(\w[\w-]*):)?(.+)\)$/i,F=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,I=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,L=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,R=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,oe=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,z=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,B=e=>F.test(e),V=e=>!!e&&!Number.isNaN(Number(e)),H=e=>!!e&&Number.isInteger(Number(e)),se=e=>e.endsWith(`%`)&&V(e.slice(0,-1)),U=e=>I.test(e),ce=()=>!0,le=e=>L.test(e)&&!R.test(e),W=()=>!1,G=e=>oe.test(e),K=e=>z.test(e),ue=e=>!q(e)&&!X(e),de=e=>Q(e,Te,W),q=e=>N.test(e),J=e=>Q(e,Ee,le),fe=e=>Q(e,De,V),pe=e=>Q(e,ke,ce),me=e=>Q(e,Oe,W),he=e=>Q(e,Ce,W),ge=e=>Q(e,we,K),Y=e=>Q(e,Ae,G),X=e=>P.test(e),Z=e=>$(e,Ee),_e=e=>$(e,Oe),ve=e=>$(e,Ce),ye=e=>$(e,Te),be=e=>$(e,we),xe=e=>$(e,Ae,!0),Se=e=>$(e,ke,!0),Q=(e,t,n)=>{let r=N.exec(e);return r?r[1]?t(r[1]):n(r[2]):!1},$=(e,t,n=!1)=>{let r=P.exec(e);return r?r[1]?t(r[1]):n:!1},Ce=e=>e===`position`||e===`percentage`,we=e=>e===`image`||e===`url`,Te=e=>e===`length`||e===`size`||e===`bg-size`,Ee=e=>e===`length`,De=e=>e===`number`,Oe=e=>e===`family-name`,ke=e=>e===`number`||e===`weight`,Ae=e=>e===`shadow`,je=j(()=>{let e=M(`color`),t=M(`font`),n=M(`text`),r=M(`font-weight`),i=M(`tracking`),a=M(`leading`),o=M(`breakpoint`),s=M(`container`),c=M(`spacing`),l=M(`radius`),u=M(`shadow`),ee=M(`inset-shadow`),d=M(`text-shadow`),f=M(`drop-shadow`),p=M(`blur`),m=M(`perspective`),h=M(`aspect`),g=M(`ease`),_=M(`animate`),v=()=>[`auto`,`avoid`,`all`,`avoid-page`,`page`,`left`,`right`,`column`],y=()=>[`center`,`top`,`bottom`,`left`,`right`,`top-left`,`left-top`,`top-right`,`right-top`,`bottom-right`,`right-bottom`,`bottom-left`,`left-bottom`],b=()=>[...y(),X,q],x=()=>[`auto`,`hidden`,`clip`,`visible`,`scroll`],te=()=>[`auto`,`contain`,`none`],S=()=>[X,q,c],C=()=>[B,`full`,`auto`,...S()],w=()=>[H,`none`,`subgrid`,X,q],ne=()=>[`auto`,{span:[`full`,H,X,q]},H,X,q],T=()=>[H,`auto`,X,q],re=()=>[`auto`,`min`,`max`,`fr`,X,q],E=()=>[`start`,`end`,`center`,`between`,`around`,`evenly`,`stretch`,`baseline`,`center-safe`,`end-safe`],D=()=>[`start`,`end`,`center`,`stretch`,`center-safe`,`end-safe`],O=()=>[`auto`,...S()],k=()=>[B,`auto`,`full`,`dvw`,`dvh`,`lvw`,`lvh`,`svw`,`svh`,`min`,`max`,`fit`,...S()],ie=()=>[B,`screen`,`full`,`dvw`,`lvw`,`svw`,`min`,`max`,`fit`,...S()],A=()=>[B,`screen`,`full`,`lh`,`dvh`,`lvh`,`svh`,`min`,`max`,`fit`,...S()],j=()=>[e,X,q],ae=()=>[...y(),ve,he,{position:[X,q]}],N=()=>[`no-repeat`,{repeat:[``,`x`,`y`,`space`,`round`]}],P=()=>[`auto`,`cover`,`contain`,ye,de,{size:[X,q]}],F=()=>[se,Z,J],I=()=>[``,`none`,`full`,l,X,q],L=()=>[``,V,Z,J],R=()=>[`solid`,`dashed`,`dotted`,`double`],oe=()=>[`normal`,`multiply`,`screen`,`overlay`,`darken`,`lighten`,`color-dodge`,`color-burn`,`hard-light`,`soft-light`,`difference`,`exclusion`,`hue`,`saturation`,`color`,`luminosity`],z=()=>[V,se,ve,he],le=()=>[``,`none`,p,X,q],W=()=>[`none`,V,X,q],G=()=>[`none`,V,X,q],K=()=>[V,X,q],Q=()=>[B,`full`,...S()];return{cacheSize:500,theme:{animate:[`spin`,`ping`,`pulse`,`bounce`],aspect:[`video`],blur:[U],breakpoint:[U],color:[ce],container:[U],"drop-shadow":[U],ease:[`in`,`out`,`in-out`],font:[ue],"font-weight":[`thin`,`extralight`,`light`,`normal`,`medium`,`semibold`,`bold`,`extrabold`,`black`],"inset-shadow":[U],leading:[`none`,`tight`,`snug`,`normal`,`relaxed`,`loose`],perspective:[`dramatic`,`near`,`normal`,`midrange`,`distant`,`none`],radius:[U],shadow:[U],spacing:[`px`,V],text:[U],"text-shadow":[U],tracking:[`tighter`,`tight`,`normal`,`wide`,`wider`,`widest`]},classGroups:{aspect:[{aspect:[`auto`,`square`,B,q,X,h]}],container:[`container`],columns:[{columns:[V,q,X,s]}],"break-after":[{"break-after":v()}],"break-before":[{"break-before":v()}],"break-inside":[{"break-inside":[`auto`,`avoid`,`avoid-page`,`avoid-column`]}],"box-decoration":[{"box-decoration":[`slice`,`clone`]}],box:[{box:[`border`,`content`]}],display:[`block`,`inline-block`,`inline`,`flex`,`inline-flex`,`table`,`inline-table`,`table-caption`,`table-cell`,`table-column`,`table-column-group`,`table-footer-group`,`table-header-group`,`table-row-group`,`table-row`,`flow-root`,`grid`,`inline-grid`,`contents`,`list-item`,`hidden`],sr:[`sr-only`,`not-sr-only`],float:[{float:[`right`,`left`,`none`,`start`,`end`]}],clear:[{clear:[`left`,`right`,`both`,`none`,`start`,`end`]}],isolation:[`isolate`,`isolation-auto`],"object-fit":[{object:[`contain`,`cover`,`fill`,`none`,`scale-down`]}],"object-position":[{object:b()}],overflow:[{overflow:x()}],"overflow-x":[{"overflow-x":x()}],"overflow-y":[{"overflow-y":x()}],overscroll:[{overscroll:te()}],"overscroll-x":[{"overscroll-x":te()}],"overscroll-y":[{"overscroll-y":te()}],position:[`static`,`fixed`,`absolute`,`relative`,`sticky`],inset:[{inset:C()}],"inset-x":[{"inset-x":C()}],"inset-y":[{"inset-y":C()}],start:[{"inset-s":C(),start:C()}],end:[{"inset-e":C(),end:C()}],"inset-bs":[{"inset-bs":C()}],"inset-be":[{"inset-be":C()}],top:[{top:C()}],right:[{right:C()}],bottom:[{bottom:C()}],left:[{left:C()}],visibility:[`visible`,`invisible`,`collapse`],z:[{z:[H,`auto`,X,q]}],basis:[{basis:[B,`full`,`auto`,s,...S()]}],"flex-direction":[{flex:[`row`,`row-reverse`,`col`,`col-reverse`]}],"flex-wrap":[{flex:[`nowrap`,`wrap`,`wrap-reverse`]}],flex:[{flex:[V,B,`auto`,`initial`,`none`,q]}],grow:[{grow:[``,V,X,q]}],shrink:[{shrink:[``,V,X,q]}],order:[{order:[H,`first`,`last`,`none`,X,q]}],"grid-cols":[{"grid-cols":w()}],"col-start-end":[{col:ne()}],"col-start":[{"col-start":T()}],"col-end":[{"col-end":T()}],"grid-rows":[{"grid-rows":w()}],"row-start-end":[{row:ne()}],"row-start":[{"row-start":T()}],"row-end":[{"row-end":T()}],"grid-flow":[{"grid-flow":[`row`,`col`,`dense`,`row-dense`,`col-dense`]}],"auto-cols":[{"auto-cols":re()}],"auto-rows":[{"auto-rows":re()}],gap:[{gap:S()}],"gap-x":[{"gap-x":S()}],"gap-y":[{"gap-y":S()}],"justify-content":[{justify:[...E(),`normal`]}],"justify-items":[{"justify-items":[...D(),`normal`]}],"justify-self":[{"justify-self":[`auto`,...D()]}],"align-content":[{content:[`normal`,...E()]}],"align-items":[{items:[...D(),{baseline:[``,`last`]}]}],"align-self":[{self:[`auto`,...D(),{baseline:[``,`last`]}]}],"place-content":[{"place-content":E()}],"place-items":[{"place-items":[...D(),`baseline`]}],"place-self":[{"place-self":[`auto`,...D()]}],p:[{p:S()}],px:[{px:S()}],py:[{py:S()}],ps:[{ps:S()}],pe:[{pe:S()}],pbs:[{pbs:S()}],pbe:[{pbe:S()}],pt:[{pt:S()}],pr:[{pr:S()}],pb:[{pb:S()}],pl:[{pl:S()}],m:[{m:O()}],mx:[{mx:O()}],my:[{my:O()}],ms:[{ms:O()}],me:[{me:O()}],mbs:[{mbs:O()}],mbe:[{mbe:O()}],mt:[{mt:O()}],mr:[{mr:O()}],mb:[{mb:O()}],ml:[{ml:O()}],"space-x":[{"space-x":S()}],"space-x-reverse":[`space-x-reverse`],"space-y":[{"space-y":S()}],"space-y-reverse":[`space-y-reverse`],size:[{size:k()}],"inline-size":[{inline:[`auto`,...ie()]}],"min-inline-size":[{"min-inline":[`auto`,...ie()]}],"max-inline-size":[{"max-inline":[`none`,...ie()]}],"block-size":[{block:[`auto`,...A()]}],"min-block-size":[{"min-block":[`auto`,...A()]}],"max-block-size":[{"max-block":[`none`,...A()]}],w:[{w:[s,`screen`,...k()]}],"min-w":[{"min-w":[s,`screen`,`none`,...k()]}],"max-w":[{"max-w":[s,`screen`,`none`,`prose`,{screen:[o]},...k()]}],h:[{h:[`screen`,`lh`,...k()]}],"min-h":[{"min-h":[`screen`,`lh`,`none`,...k()]}],"max-h":[{"max-h":[`screen`,`lh`,...k()]}],"font-size":[{text:[`base`,n,Z,J]}],"font-smoothing":[`antialiased`,`subpixel-antialiased`],"font-style":[`italic`,`not-italic`],"font-weight":[{font:[r,Se,pe]}],"font-stretch":[{"font-stretch":[`ultra-condensed`,`extra-condensed`,`condensed`,`semi-condensed`,`normal`,`semi-expanded`,`expanded`,`extra-expanded`,`ultra-expanded`,se,q]}],"font-family":[{font:[_e,me,t]}],"font-features":[{"font-features":[q]}],"fvn-normal":[`normal-nums`],"fvn-ordinal":[`ordinal`],"fvn-slashed-zero":[`slashed-zero`],"fvn-figure":[`lining-nums`,`oldstyle-nums`],"fvn-spacing":[`proportional-nums`,`tabular-nums`],"fvn-fraction":[`diagonal-fractions`,`stacked-fractions`],tracking:[{tracking:[i,X,q]}],"line-clamp":[{"line-clamp":[V,`none`,X,fe]}],leading:[{leading:[a,...S()]}],"list-image":[{"list-image":[`none`,X,q]}],"list-style-position":[{list:[`inside`,`outside`]}],"list-style-type":[{list:[`disc`,`decimal`,`none`,X,q]}],"text-alignment":[{text:[`left`,`center`,`right`,`justify`,`start`,`end`]}],"placeholder-color":[{placeholder:j()}],"text-color":[{text:j()}],"text-decoration":[`underline`,`overline`,`line-through`,`no-underline`],"text-decoration-style":[{decoration:[...R(),`wavy`]}],"text-decoration-thickness":[{decoration:[V,`from-font`,`auto`,X,J]}],"text-decoration-color":[{decoration:j()}],"underline-offset":[{"underline-offset":[V,`auto`,X,q]}],"text-transform":[`uppercase`,`lowercase`,`capitalize`,`normal-case`],"text-overflow":[`truncate`,`text-ellipsis`,`text-clip`],"text-wrap":[{text:[`wrap`,`nowrap`,`balance`,`pretty`]}],indent:[{indent:S()}],"vertical-align":[{align:[`baseline`,`top`,`middle`,`bottom`,`text-top`,`text-bottom`,`sub`,`super`,X,q]}],whitespace:[{whitespace:[`normal`,`nowrap`,`pre`,`pre-line`,`pre-wrap`,`break-spaces`]}],break:[{break:[`normal`,`words`,`all`,`keep`]}],wrap:[{wrap:[`break-word`,`anywhere`,`normal`]}],hyphens:[{hyphens:[`none`,`manual`,`auto`]}],content:[{content:[`none`,X,q]}],"bg-attachment":[{bg:[`fixed`,`local`,`scroll`]}],"bg-clip":[{"bg-clip":[`border`,`padding`,`content`,`text`]}],"bg-origin":[{"bg-origin":[`border`,`padding`,`content`]}],"bg-position":[{bg:ae()}],"bg-repeat":[{bg:N()}],"bg-size":[{bg:P()}],"bg-image":[{bg:[`none`,{linear:[{to:[`t`,`tr`,`r`,`br`,`b`,`bl`,`l`,`tl`]},H,X,q],radial:[``,X,q],conic:[H,X,q]},be,ge]}],"bg-color":[{bg:j()}],"gradient-from-pos":[{from:F()}],"gradient-via-pos":[{via:F()}],"gradient-to-pos":[{to:F()}],"gradient-from":[{from:j()}],"gradient-via":[{via:j()}],"gradient-to":[{to:j()}],rounded:[{rounded:I()}],"rounded-s":[{"rounded-s":I()}],"rounded-e":[{"rounded-e":I()}],"rounded-t":[{"rounded-t":I()}],"rounded-r":[{"rounded-r":I()}],"rounded-b":[{"rounded-b":I()}],"rounded-l":[{"rounded-l":I()}],"rounded-ss":[{"rounded-ss":I()}],"rounded-se":[{"rounded-se":I()}],"rounded-ee":[{"rounded-ee":I()}],"rounded-es":[{"rounded-es":I()}],"rounded-tl":[{"rounded-tl":I()}],"rounded-tr":[{"rounded-tr":I()}],"rounded-br":[{"rounded-br":I()}],"rounded-bl":[{"rounded-bl":I()}],"border-w":[{border:L()}],"border-w-x":[{"border-x":L()}],"border-w-y":[{"border-y":L()}],"border-w-s":[{"border-s":L()}],"border-w-e":[{"border-e":L()}],"border-w-bs":[{"border-bs":L()}],"border-w-be":[{"border-be":L()}],"border-w-t":[{"border-t":L()}],"border-w-r":[{"border-r":L()}],"border-w-b":[{"border-b":L()}],"border-w-l":[{"border-l":L()}],"divide-x":[{"divide-x":L()}],"divide-x-reverse":[`divide-x-reverse`],"divide-y":[{"divide-y":L()}],"divide-y-reverse":[`divide-y-reverse`],"border-style":[{border:[...R(),`hidden`,`none`]}],"divide-style":[{divide:[...R(),`hidden`,`none`]}],"border-color":[{border:j()}],"border-color-x":[{"border-x":j()}],"border-color-y":[{"border-y":j()}],"border-color-s":[{"border-s":j()}],"border-color-e":[{"border-e":j()}],"border-color-bs":[{"border-bs":j()}],"border-color-be":[{"border-be":j()}],"border-color-t":[{"border-t":j()}],"border-color-r":[{"border-r":j()}],"border-color-b":[{"border-b":j()}],"border-color-l":[{"border-l":j()}],"divide-color":[{divide:j()}],"outline-style":[{outline:[...R(),`none`,`hidden`]}],"outline-offset":[{"outline-offset":[V,X,q]}],"outline-w":[{outline:[``,V,Z,J]}],"outline-color":[{outline:j()}],shadow:[{shadow:[``,`none`,u,xe,Y]}],"shadow-color":[{shadow:j()}],"inset-shadow":[{"inset-shadow":[`none`,ee,xe,Y]}],"inset-shadow-color":[{"inset-shadow":j()}],"ring-w":[{ring:L()}],"ring-w-inset":[`ring-inset`],"ring-color":[{ring:j()}],"ring-offset-w":[{"ring-offset":[V,J]}],"ring-offset-color":[{"ring-offset":j()}],"inset-ring-w":[{"inset-ring":L()}],"inset-ring-color":[{"inset-ring":j()}],"text-shadow":[{"text-shadow":[`none`,d,xe,Y]}],"text-shadow-color":[{"text-shadow":j()}],opacity:[{opacity:[V,X,q]}],"mix-blend":[{"mix-blend":[...oe(),`plus-darker`,`plus-lighter`]}],"bg-blend":[{"bg-blend":oe()}],"mask-clip":[{"mask-clip":[`border`,`padding`,`content`,`fill`,`stroke`,`view`]},`mask-no-clip`],"mask-composite":[{mask:[`add`,`subtract`,`intersect`,`exclude`]}],"mask-image-linear-pos":[{"mask-linear":[V]}],"mask-image-linear-from-pos":[{"mask-linear-from":z()}],"mask-image-linear-to-pos":[{"mask-linear-to":z()}],"mask-image-linear-from-color":[{"mask-linear-from":j()}],"mask-image-linear-to-color":[{"mask-linear-to":j()}],"mask-image-t-from-pos":[{"mask-t-from":z()}],"mask-image-t-to-pos":[{"mask-t-to":z()}],"mask-image-t-from-color":[{"mask-t-from":j()}],"mask-image-t-to-color":[{"mask-t-to":j()}],"mask-image-r-from-pos":[{"mask-r-from":z()}],"mask-image-r-to-pos":[{"mask-r-to":z()}],"mask-image-r-from-color":[{"mask-r-from":j()}],"mask-image-r-to-color":[{"mask-r-to":j()}],"mask-image-b-from-pos":[{"mask-b-from":z()}],"mask-image-b-to-pos":[{"mask-b-to":z()}],"mask-image-b-from-color":[{"mask-b-from":j()}],"mask-image-b-to-color":[{"mask-b-to":j()}],"mask-image-l-from-pos":[{"mask-l-from":z()}],"mask-image-l-to-pos":[{"mask-l-to":z()}],"mask-image-l-from-color":[{"mask-l-from":j()}],"mask-image-l-to-color":[{"mask-l-to":j()}],"mask-image-x-from-pos":[{"mask-x-from":z()}],"mask-image-x-to-pos":[{"mask-x-to":z()}],"mask-image-x-from-color":[{"mask-x-from":j()}],"mask-image-x-to-color":[{"mask-x-to":j()}],"mask-image-y-from-pos":[{"mask-y-from":z()}],"mask-image-y-to-pos":[{"mask-y-to":z()}],"mask-image-y-from-color":[{"mask-y-from":j()}],"mask-image-y-to-color":[{"mask-y-to":j()}],"mask-image-radial":[{"mask-radial":[X,q]}],"mask-image-radial-from-pos":[{"mask-radial-from":z()}],"mask-image-radial-to-pos":[{"mask-radial-to":z()}],"mask-image-radial-from-color":[{"mask-radial-from":j()}],"mask-image-radial-to-color":[{"mask-radial-to":j()}],"mask-image-radial-shape":[{"mask-radial":[`circle`,`ellipse`]}],"mask-image-radial-size":[{"mask-radial":[{closest:[`side`,`corner`],farthest:[`side`,`corner`]}]}],"mask-image-radial-pos":[{"mask-radial-at":y()}],"mask-image-conic-pos":[{"mask-conic":[V]}],"mask-image-conic-from-pos":[{"mask-conic-from":z()}],"mask-image-conic-to-pos":[{"mask-conic-to":z()}],"mask-image-conic-from-color":[{"mask-conic-from":j()}],"mask-image-conic-to-color":[{"mask-conic-to":j()}],"mask-mode":[{mask:[`alpha`,`luminance`,`match`]}],"mask-origin":[{"mask-origin":[`border`,`padding`,`content`,`fill`,`stroke`,`view`]}],"mask-position":[{mask:ae()}],"mask-repeat":[{mask:N()}],"mask-size":[{mask:P()}],"mask-type":[{"mask-type":[`alpha`,`luminance`]}],"mask-image":[{mask:[`none`,X,q]}],filter:[{filter:[``,`none`,X,q]}],blur:[{blur:le()}],brightness:[{brightness:[V,X,q]}],contrast:[{contrast:[V,X,q]}],"drop-shadow":[{"drop-shadow":[``,`none`,f,xe,Y]}],"drop-shadow-color":[{"drop-shadow":j()}],grayscale:[{grayscale:[``,V,X,q]}],"hue-rotate":[{"hue-rotate":[V,X,q]}],invert:[{invert:[``,V,X,q]}],saturate:[{saturate:[V,X,q]}],sepia:[{sepia:[``,V,X,q]}],"backdrop-filter":[{"backdrop-filter":[``,`none`,X,q]}],"backdrop-blur":[{"backdrop-blur":le()}],"backdrop-brightness":[{"backdrop-brightness":[V,X,q]}],"backdrop-contrast":[{"backdrop-contrast":[V,X,q]}],"backdrop-grayscale":[{"backdrop-grayscale":[``,V,X,q]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[V,X,q]}],"backdrop-invert":[{"backdrop-invert":[``,V,X,q]}],"backdrop-opacity":[{"backdrop-opacity":[V,X,q]}],"backdrop-saturate":[{"backdrop-saturate":[V,X,q]}],"backdrop-sepia":[{"backdrop-sepia":[``,V,X,q]}],"border-collapse":[{border:[`collapse`,`separate`]}],"border-spacing":[{"border-spacing":S()}],"border-spacing-x":[{"border-spacing-x":S()}],"border-spacing-y":[{"border-spacing-y":S()}],"table-layout":[{table:[`auto`,`fixed`]}],caption:[{caption:[`top`,`bottom`]}],transition:[{transition:[``,`all`,`colors`,`opacity`,`shadow`,`transform`,`none`,X,q]}],"transition-behavior":[{transition:[`normal`,`discrete`]}],duration:[{duration:[V,`initial`,X,q]}],ease:[{ease:[`linear`,`initial`,g,X,q]}],delay:[{delay:[V,X,q]}],animate:[{animate:[`none`,_,X,q]}],backface:[{backface:[`hidden`,`visible`]}],perspective:[{perspective:[m,X,q]}],"perspective-origin":[{"perspective-origin":b()}],rotate:[{rotate:W()}],"rotate-x":[{"rotate-x":W()}],"rotate-y":[{"rotate-y":W()}],"rotate-z":[{"rotate-z":W()}],scale:[{scale:G()}],"scale-x":[{"scale-x":G()}],"scale-y":[{"scale-y":G()}],"scale-z":[{"scale-z":G()}],"scale-3d":[`scale-3d`],skew:[{skew:K()}],"skew-x":[{"skew-x":K()}],"skew-y":[{"skew-y":K()}],transform:[{transform:[X,q,``,`none`,`gpu`,`cpu`]}],"transform-origin":[{origin:b()}],"transform-style":[{transform:[`3d`,`flat`]}],translate:[{translate:Q()}],"translate-x":[{"translate-x":Q()}],"translate-y":[{"translate-y":Q()}],"translate-z":[{"translate-z":Q()}],"translate-none":[`translate-none`],accent:[{accent:j()}],appearance:[{appearance:[`none`,`auto`]}],"caret-color":[{caret:j()}],"color-scheme":[{scheme:[`normal`,`dark`,`light`,`light-dark`,`only-dark`,`only-light`]}],cursor:[{cursor:[`auto`,`default`,`pointer`,`wait`,`text`,`move`,`help`,`not-allowed`,`none`,`context-menu`,`progress`,`cell`,`crosshair`,`vertical-text`,`alias`,`copy`,`no-drop`,`grab`,`grabbing`,`all-scroll`,`col-resize`,`row-resize`,`n-resize`,`e-resize`,`s-resize`,`w-resize`,`ne-resize`,`nw-resize`,`se-resize`,`sw-resize`,`ew-resize`,`ns-resize`,`nesw-resize`,`nwse-resize`,`zoom-in`,`zoom-out`,X,q]}],"field-sizing":[{"field-sizing":[`fixed`,`content`]}],"pointer-events":[{"pointer-events":[`auto`,`none`]}],resize:[{resize:[`none`,``,`y`,`x`]}],"scroll-behavior":[{scroll:[`auto`,`smooth`]}],"scroll-m":[{"scroll-m":S()}],"scroll-mx":[{"scroll-mx":S()}],"scroll-my":[{"scroll-my":S()}],"scroll-ms":[{"scroll-ms":S()}],"scroll-me":[{"scroll-me":S()}],"scroll-mbs":[{"scroll-mbs":S()}],"scroll-mbe":[{"scroll-mbe":S()}],"scroll-mt":[{"scroll-mt":S()}],"scroll-mr":[{"scroll-mr":S()}],"scroll-mb":[{"scroll-mb":S()}],"scroll-ml":[{"scroll-ml":S()}],"scroll-p":[{"scroll-p":S()}],"scroll-px":[{"scroll-px":S()}],"scroll-py":[{"scroll-py":S()}],"scroll-ps":[{"scroll-ps":S()}],"scroll-pe":[{"scroll-pe":S()}],"scroll-pbs":[{"scroll-pbs":S()}],"scroll-pbe":[{"scroll-pbe":S()}],"scroll-pt":[{"scroll-pt":S()}],"scroll-pr":[{"scroll-pr":S()}],"scroll-pb":[{"scroll-pb":S()}],"scroll-pl":[{"scroll-pl":S()}],"snap-align":[{snap:[`start`,`end`,`center`,`align-none`]}],"snap-stop":[{snap:[`normal`,`always`]}],"snap-type":[{snap:[`none`,`x`,`y`,`both`]}],"snap-strictness":[{snap:[`mandatory`,`proximity`]}],touch:[{touch:[`auto`,`none`,`manipulation`]}],"touch-x":[{"touch-pan":[`x`,`left`,`right`]}],"touch-y":[{"touch-pan":[`y`,`up`,`down`]}],"touch-pz":[`touch-pinch-zoom`],select:[{select:[`none`,`text`,`all`,`auto`]}],"will-change":[{"will-change":[`auto`,`scroll`,`contents`,`transform`,X,q]}],fill:[{fill:[`none`,...j()]}],"stroke-w":[{stroke:[V,Z,J,fe]}],stroke:[{stroke:[`none`,...j()]}],"forced-color-adjust":[{"forced-color-adjust":[`auto`,`none`]}]},conflictingClassGroups:{overflow:[`overflow-x`,`overflow-y`],overscroll:[`overscroll-x`,`overscroll-y`],inset:[`inset-x`,`inset-y`,`inset-bs`,`inset-be`,`start`,`end`,`top`,`right`,`bottom`,`left`],"inset-x":[`right`,`left`],"inset-y":[`top`,`bottom`],flex:[`basis`,`grow`,`shrink`],gap:[`gap-x`,`gap-y`],p:[`px`,`py`,`ps`,`pe`,`pbs`,`pbe`,`pt`,`pr`,`pb`,`pl`],px:[`pr`,`pl`],py:[`pt`,`pb`],m:[`mx`,`my`,`ms`,`me`,`mbs`,`mbe`,`mt`,`mr`,`mb`,`ml`],mx:[`mr`,`ml`],my:[`mt`,`mb`],size:[`w`,`h`],"font-size":[`leading`],"fvn-normal":[`fvn-ordinal`,`fvn-slashed-zero`,`fvn-figure`,`fvn-spacing`,`fvn-fraction`],"fvn-ordinal":[`fvn-normal`],"fvn-slashed-zero":[`fvn-normal`],"fvn-figure":[`fvn-normal`],"fvn-spacing":[`fvn-normal`],"fvn-fraction":[`fvn-normal`],"line-clamp":[`display`,`overflow`],rounded:[`rounded-s`,`rounded-e`,`rounded-t`,`rounded-r`,`rounded-b`,`rounded-l`,`rounded-ss`,`rounded-se`,`rounded-ee`,`rounded-es`,`rounded-tl`,`rounded-tr`,`rounded-br`,`rounded-bl`],"rounded-s":[`rounded-ss`,`rounded-es`],"rounded-e":[`rounded-se`,`rounded-ee`],"rounded-t":[`rounded-tl`,`rounded-tr`],"rounded-r":[`rounded-tr`,`rounded-br`],"rounded-b":[`rounded-br`,`rounded-bl`],"rounded-l":[`rounded-tl`,`rounded-bl`],"border-spacing":[`border-spacing-x`,`border-spacing-y`],"border-w":[`border-w-x`,`border-w-y`,`border-w-s`,`border-w-e`,`border-w-bs`,`border-w-be`,`border-w-t`,`border-w-r`,`border-w-b`,`border-w-l`],"border-w-x":[`border-w-r`,`border-w-l`],"border-w-y":[`border-w-t`,`border-w-b`],"border-color":[`border-color-x`,`border-color-y`,`border-color-s`,`border-color-e`,`border-color-bs`,`border-color-be`,`border-color-t`,`border-color-r`,`border-color-b`,`border-color-l`],"border-color-x":[`border-color-r`,`border-color-l`],"border-color-y":[`border-color-t`,`border-color-b`],translate:[`translate-x`,`translate-y`,`translate-none`],"translate-none":[`translate`,`translate-x`,`translate-y`,`translate-z`],"scroll-m":[`scroll-mx`,`scroll-my`,`scroll-ms`,`scroll-me`,`scroll-mbs`,`scroll-mbe`,`scroll-mt`,`scroll-mr`,`scroll-mb`,`scroll-ml`],"scroll-mx":[`scroll-mr`,`scroll-ml`],"scroll-my":[`scroll-mt`,`scroll-mb`],"scroll-p":[`scroll-px`,`scroll-py`,`scroll-ps`,`scroll-pe`,`scroll-pbs`,`scroll-pbe`,`scroll-pt`,`scroll-pr`,`scroll-pb`,`scroll-pl`],"scroll-px":[`scroll-pr`,`scroll-pl`],"scroll-py":[`scroll-pt`,`scroll-pb`],touch:[`touch-x`,`touch-y`,`touch-pz`],"touch-x":[`touch`],"touch-y":[`touch`],"touch-pz":[`touch`]},conflictingClassGroupModifiers:{"font-size":[`leading`]},orderSensitiveModifiers:[`*`,`**`,`after`,`backdrop`,`before`,`details-content`,`file`,`first-letter`,`first-line`,`marker`,`placeholder`,`selection`]}});export{a as n,r,je as t};

package/dist/web/assets/checkbox-_GzEPQic.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-Cjj9sGSy.js";import{Lr as t}from"./input-CjmxOFr6.js";import{a as n,i as r,on as i}from"./index-Bbn-6QR2.js";var a=e();function o({className:e,...o}){return(0,a.jsx)(n,{"data-slot":`checkbox`,className:t(`peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary`,e),...o,children:(0,a.jsx)(r,{"data-slot":`checkbox-indicator`,className:`grid place-content-center text-current transition-none [&>svg]:size-3.5`,children:(0,a.jsx)(i,{})})})}export{o as t};