@motiadev/plugin-states 0.13.0 → 0.13.1-beta.162

package/LICENSE

@@ -1,21 +1,93 @@
-MIT License
-
-Copyright (c) 2025 Motia
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE. 
+Elastic License 2.0
+
+URL: https://www.elastic.co/licensing/elastic-license
+
+## Acceptance
+
+By using the software, you agree to all of the terms and conditions below.
+
+## Copyright License
+
+The licensor grants you a non-exclusive, royalty-free, worldwide,
+non-sublicensable, non-transferable license to use, copy, distribute, make
+available, and prepare derivative works of the software, in each case subject
+to the limitations and conditions below.
+
+## Limitations
+
+You may not provide the software to third parties as a hosted or managed
+service, where the service provides users with access to any substantial set of
+the features or functionality of the software.
+
+You may not move, change, disable, or circumvent the license key functionality
+in the software, and you may not remove or obscure any functionality in the
+software that is protected by the license key.
+
+You may not alter, remove, or obscure any licensing, copyright, or other notices
+of the licensor in the software. Any use of the licensor's trademarks is subject
+to applicable law.
+
+## Patents
+
+The licensor grants you a license, under any patent claims the licensor can
+license, or becomes able to license, to make, have made, use, sell, offer for
+sale, import and have imported the software, in each case subject to the
+limitations and conditions in this license. This license does not cover any
+patent claims that you cause to be infringed by modifications or additions to
+the software. If you or your company make any written claim that the software
+infringes or contributes to infringement of any patent, your patent license for
+the software granted under these terms ends immediately. If your company makes
+such a claim, your patent license ends immediately for work on behalf of your
+company.
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of the software from you
+also gets a copy of these terms.
+
+If you modify the software, you must include in any modified copies of the
+software prominent notices stating that you have modified the software.
+
+## No Other Rights
+
+These terms do not imply any licenses other than those expressly granted in
+these terms.
+
+## Termination
+
+If you use the software in violation of these terms, such use is not licensed,
+and your licenses will automatically terminate. If the licensor provides you
+with a notice of your violation, and you cease all violation of this license no
+later than 30 days after you receive that notice, your licenses will be
+reinstated retroactively. However, if you violate these terms after such
+reinstatement, any additional violation of these terms will cause your licenses
+to terminate automatically and permanently.
+
+## No Liability
+
+*As far as the law allows, the software comes as is, without any warranty or
+condition, and the licensor will not be liable to you for any damages arising
+out of these terms or the use or nature of the software, under any kind of
+legal claim.*
+
+## Definitions
+
+The **licensor** is the entity offering these terms, and the **software** is the
+software the licensor makes available under these terms, including any portion
+of it.
+
+**you** refers to the individual or entity agreeing to these terms.
+
+**your company** is any legal entity, sole proprietorship, or other kind of
+organization that you work for, plus all organizations that have control over,
+are under the control of, or are under common control with that organization.
+**control** means ownership of substantially all the assets of an entity, or the
+power to direct its management and policies by vote, contract, or otherwise.
+Control can be direct or indirect.
+
+**your licenses** are all the licenses granted to you for the software under
+these terms.
+
+**use** means anything you do with the software requiring one of your licenses.
+
+**trademark** means trademarks, service marks, and similar rights.

package/dist/index.cjs

@@ -89,4 +89,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       monaco.config({ paths: { vs: '...' } })
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
-  `},bt=en(an)(Ot),sn={config:rn},on=function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return function(s){return r.reduceRight(function(o,l){return l(o)},s)}};function kt(e,t){return Object.keys(t).forEach(function(r){t[r]instanceof Object&&e[r]&&Object.assign(t[r],kt(e[r],t[r]))}),gt(gt({},e),t)}var cn={type:"cancelation",msg:"operation is manually canceled"};function ye(e){var t=!1,r=new Promise(function(n,s){e.then(function(o){return t?s(cn):n(o)}),e.catch(s)});return r.cancel=function(){return t=!0},r}var ln=Xr.create({config:Qr,isInitialized:!1,resolve:null,reject:null,monaco:null}),At=Mr(ln,2),ie=At[0],he=At[1];function un(e){var t=sn.config(e),r=t.monaco,n=_r(t,["monaco"]);he(function(s){return{config:kt(s.config,n),monaco:r}})}function fn(){var e=ie(function(t){var r=t.monaco,n=t.isInitialized,s=t.resolve;return{monaco:r,isInitialized:n,resolve:s}});if(!e.isInitialized){if(he({isInitialized:!0}),e.monaco)return e.resolve(e.monaco),ye(je);if(window.monaco&&window.monaco.editor)return Nt(window.monaco),e.resolve(window.monaco),ye(je);on(dn,gn)(hn)}return ye(je)}function dn(e){return document.body.appendChild(e)}function pn(e){var t=document.createElement("script");return e&&(t.src=e),t}function gn(e){var t=ie(function(n){var s=n.config,o=n.reject;return{config:s,reject:o}}),r=pn("".concat(t.config.paths.vs,"/loader.js"));return r.onload=function(){return e()},r.onerror=t.reject,r}function hn(){var e=ie(function(r){var n=r.config,s=r.resolve,o=r.reject;return{config:n,resolve:s,reject:o}}),t=window.require;t.config(e.config),t(["vs/editor/editor.main"],function(r){Nt(r),e.resolve(r)},function(r){e.reject(r)})}function Nt(e){ie().monaco||he({monaco:e})}function vn(){return ie(function(e){var t=e.monaco;return t})}var je=new Promise(function(e,t){return he({resolve:e,reject:t})}),de={config:un,init:fn,__getMonacoInstance:vn},mn={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},we=mn,bn={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},yn=bn;function jn({children:e}){return c.createElement("div",{style:yn.container},e)}var wn=jn,xn=wn;function Cn({width:e,height:t,isEditorReady:r,loading:n,_ref:s,className:o,wrapperProps:l}){return c.createElement("section",{style:{...we.wrapper,width:e,height:t},...l},!r&&c.createElement(xn,null,n),c.createElement("div",{ref:s,style:{...we.fullWidth,...!r&&we.hide},className:o}))}var Sn=Cn,Tt=c.memo(Sn);function En(e){c.useEffect(e,[])}var Ve=En;function On(e,t,r=!0){let n=c.useRef(!0);c.useEffect(n.current||!r?()=>{n.current=!1}:e,t)}var q=On;function se(){}function Q(e,t,r,n){return kn(e,n)||An(e,t,r,n)}function kn(e,t){return e.editor.getModel(Rt(e,t))}function An(e,t,r,n){return e.editor.createModel(t,r,n?Rt(e,n):void 0)}function Rt(e,t){return e.Uri.parse(t)}function Nn({original:e,modified:t,language:r,originalLanguage:n,modifiedLanguage:s,originalModelPath:o,modifiedModelPath:l,keepCurrentOriginalModel:u=!1,keepCurrentModifiedModel:h=!1,theme:f="light",loading:d="Loading...",options:m={},height:E="100%",width:R="100%",className:O,wrapperProps:N={},beforeMount:p=se,onMount:T=se}){let[k,I]=c.useState(!1),[w,b]=c.useState(!0),x=c.useRef(null),y=c.useRef(null),H=c.useRef(null),_=c.useRef(T),S=c.useRef(p),$=c.useRef(!1);Ve(()=>{let j=de.init();return j.then(M=>(y.current=M)&&b(!1)).catch(M=>M?.type!=="cancelation"&&console.error("Monaco initialization: error:",M)),()=>x.current?F():j.cancel()}),q(()=>{if(x.current&&y.current){let j=x.current.getOriginalEditor(),M=Q(y.current,e||"",n||r||"text",o||"");M!==j.getModel()&&j.setModel(M)}},[o],k),q(()=>{if(x.current&&y.current){let j=x.current.getModifiedEditor(),M=Q(y.current,t||"",s||r||"text",l||"");M!==j.getModel()&&j.setModel(M)}},[l],k),q(()=>{let j=x.current.getModifiedEditor();j.getOption(y.current.editor.EditorOption.readOnly)?j.setValue(t||""):t!==j.getValue()&&(j.executeEdits("",[{range:j.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),j.pushUndoStop())},[t],k),q(()=>{x.current?.getModel()?.original.setValue(e||"")},[e],k),q(()=>{let{original:j,modified:M}=x.current.getModel();y.current.editor.setModelLanguage(j,n||r||"text"),y.current.editor.setModelLanguage(M,s||r||"text")},[r,n,s],k),q(()=>{y.current?.editor.setTheme(f)},[f],k),q(()=>{x.current?.updateOptions(m)},[m],k);let V=c.useCallback(()=>{if(!y.current)return;S.current(y.current);let j=Q(y.current,e||"",n||r||"text",o||""),M=Q(y.current,t||"",s||r||"text",l||"");x.current?.setModel({original:j,modified:M})},[r,t,s,e,n,o,l]),U=c.useCallback(()=>{!$.current&&H.current&&(x.current=y.current.editor.createDiffEditor(H.current,{automaticLayout:!0,...m}),V(),y.current?.editor.setTheme(f),I(!0),$.current=!0)},[m,f,V]);c.useEffect(()=>{k&&_.current(x.current,y.current)},[k]),c.useEffect(()=>{!w&&!k&&U()},[w,k,U]);function F(){let j=x.current?.getModel();u||j?.original?.dispose(),h||j?.modified?.dispose(),x.current?.dispose()}return c.createElement(Tt,{width:R,height:E,isEditorReady:k,loading:d,_ref:H,className:O,wrapperProps:N})}var Tn=Nn;c.memo(Tn);function Rn(){let[e,t]=c.useState(de.__getMonacoInstance());return Ve(()=>{let r;return e||(r=de.init(),r.then(n=>{t(n)})),()=>r?.cancel()}),e}var _n=Rn;function Mn(e){let t=c.useRef();return c.useEffect(()=>{t.current=e},[e]),t.current}var In=Mn,ue=new Map;function Pn({defaultValue:e,defaultLanguage:t,defaultPath:r,value:n,language:s,path:o,theme:l="light",line:u,loading:h="Loading...",options:f={},overrideServices:d={},saveViewState:m=!0,keepCurrentModel:E=!1,width:R="100%",height:O="100%",className:N,wrapperProps:p={},beforeMount:T=se,onMount:k=se,onChange:I,onValidate:w=se}){let[b,x]=c.useState(!1),[y,H]=c.useState(!0),_=c.useRef(null),S=c.useRef(null),$=c.useRef(null),V=c.useRef(k),U=c.useRef(T),F=c.useRef(),j=c.useRef(n),M=In(o),P=c.useRef(!1),z=c.useRef(!1);Ve(()=>{let g=de.init();return g.then(C=>(_.current=C)&&H(!1)).catch(C=>C?.type!=="cancelation"&&console.error("Monaco initialization: error:",C)),()=>S.current?i():g.cancel()}),q(()=>{let g=Q(_.current,e||n||"",t||s||"",o||r||"");g!==S.current?.getModel()&&(m&&ue.set(M,S.current?.saveViewState()),S.current?.setModel(g),m&&S.current?.restoreViewState(ue.get(o)))},[o],b),q(()=>{S.current?.updateOptions(f)},[f],b),q(()=>{!S.current||n===void 0||(S.current.getOption(_.current.editor.EditorOption.readOnly)?S.current.setValue(n):n!==S.current.getValue()&&(z.current=!0,S.current.executeEdits("",[{range:S.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),S.current.pushUndoStop(),z.current=!1))},[n],b),q(()=>{let g=S.current?.getModel();g&&s&&_.current?.editor.setModelLanguage(g,s)},[s],b),q(()=>{u!==void 0&&S.current?.revealLine(u)},[u],b),q(()=>{_.current?.editor.setTheme(l)},[l],b);let Z=c.useCallback(()=>{if(!(!$.current||!_.current)&&!P.current){U.current(_.current);let g=o||r,C=Q(_.current,n||e||"",t||s||"",g||"");S.current=_.current?.editor.create($.current,{model:C,automaticLayout:!0,...f},d),m&&S.current.restoreViewState(ue.get(g)),_.current.editor.setTheme(l),u!==void 0&&S.current.revealLine(u),x(!0),P.current=!0}},[e,t,r,n,s,o,f,d,m,l,u]);c.useEffect(()=>{b&&V.current(S.current,_.current)},[b]),c.useEffect(()=>{!y&&!b&&Z()},[y,b,Z]),j.current=n,c.useEffect(()=>{b&&I&&(F.current?.dispose(),F.current=S.current?.onDidChangeModelContent(g=>{z.current||I(S.current.getValue(),g)}))},[b,I]),c.useEffect(()=>{if(b){let g=_.current.editor.onDidChangeMarkers(C=>{let v=S.current.getModel()?.uri;if(v&&C.find(A=>A.path===v.path)){let A=_.current.editor.getModelMarkers({resource:v});w?.(A)}});return()=>{g?.dispose()}}return()=>{}},[b,w]);function i(){F.current?.dispose(),E?m&&ue.set(o,S.current.saveViewState()):S.current.getModel()?.dispose(),S.current.dispose()}return c.createElement(Tt,{width:R,height:O,isEditorReady:b,loading:h,_ref:$,className:N,wrapperProps:p})}var $n=Pn,Dn=c.memo($n),Ln=Dn;const Vn=({value:e,height:t=300,schema:r,onChange:n,onValidate:s,language:o="json",readOnly:l=!1})=>{const u=_n(),h=L.useThemeStore(d=>d.theme),f=c.useMemo(()=>h==="dark"?"vs-dark":"light",[h]);return c.useEffect(()=>{u&&(u.languages.typescript.javascriptDefaults.setCompilerOptions({isolatedModules:!0}),u.languages.json.jsonDefaults.setDiagnosticsOptions({schemas:r?[{uri:window.location.href,fileMatch:["*"],schema:r}]:[]}))},[u,r,o]),a.jsx(Ln,{"data-testid":"json-editor",height:t,language:o,value:e,theme:f,onChange:d=>{d||s?.(!1),n?.(d??"")},onValidate:d=>s?.(d.length===0),options:{readOnly:l,scrollBeyondLastLine:!1,minimap:{enabled:!1}}})},Hn=({state:e})=>{const[t,r]=c.useState(!1),[n,s]=c.useState(!0),[o,l]=c.useState(JSON.stringify(e.value,null,2)),[u,h]=c.useState(!1),[f,d]=c.useState("idle"),m=c.useRef(JSON.stringify(e.value,null,2));c.useEffect(()=>{l(JSON.stringify(e.value,null,2))},[e.value]);const E=c.useCallback(p=>{h(p!==m.current),l(p),d("idle")},[]),R=async()=>{if(!(!n||!u))try{r(!0),d("idle");const p=await fetch("/__motia/state",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:e.key,groupId:e.groupId,value:JSON.parse(o)})});if(!p.ok)throw new Error(`HTTP error! status: ${p.status}`);m.current=o,d("success"),h(!1),setTimeout(()=>{d("idle")},3e3)}catch(p){console.error("Failed to save state:",p),d("error")}finally{r(!1)}},O=c.useCallback(()=>{l(JSON.stringify(e.value,null,2)),h(!1),d("idle")},[e.value]),N=c.useMemo(()=>f==="success"?a.jsx("div",{className:"bg-green-50 dark:bg-green-950/20 border border-green-200 dark:border-green-800 rounded-lg p-2",children:a.jsxs("div",{className:"flex items-center gap-2 text-green-700 dark:text-green-400 text-sm",children:[a.jsx(Er,{className:"w-4 h-4"}),"State saved successfully!"]})}):f==="error"?a.jsx("div",{className:"bg-red-50 dark:bg-red-950/20 border border-red-200 dark:border-red-800 rounded-lg p-2",children:a.jsxs("div",{className:"flex items-center gap-2 text-red-700 dark:text-red-400 text-sm",children:[a.jsx(dt,{className:"w-4 h-4"}),"Failed to save state. Please try again."]})}):a.jsx("div",{className:"text-xs text-muted-foreground",children:u?a.jsxs("span",{className:"flex items-center gap-1",children:[a.jsx("div",{className:"w-2 h-2 bg-orange-500 rounded-full"}),"Unsaved changes"]}):a.jsxs("span",{className:"flex items-center gap-1",children:[a.jsx("div",{className:"w-2 h-2 bg-green-500 rounded-full"}),"Up to date"]})}),[f,u]);return a.jsxs("div",{className:"flex flex-col gap-2 h-full",children:[a.jsx("p",{className:"text-xs text-muted-foreground",children:"Modify the state value using the JSON editor below."}),a.jsx("div",{className:"space-y-3 pt-2 flex flex-col",children:a.jsxs("div",{className:"relative flex-1",children:[a.jsx(Vn,{value:o,onChange:E,onValidate:s,height:"calc(100vh - 300px)"}),!n&&a.jsxs("div",{className:"absolute top-2 right-2 bg-destructive/90 text-destructive-foreground px-2 py-1 rounded text-xs flex items-center gap-1",children:[a.jsx(dt,{className:"w-3 h-3"}),"Invalid JSON"]})]})}),a.jsxs("div",{className:"flex items-center justify-between pt-2",children:[N,a.jsxs("div",{className:"flex items-center gap-2",children:[u&&a.jsx(L.Button,{variant:"secondary",onClick:O,disabled:t,children:"Reset"}),a.jsx(L.Button,{onClick:R,variant:"accent",disabled:t||!n||!u,"data-testid":"state-save-button",children:t?a.jsxs(a.Fragment,{children:[a.jsx(kr,{className:"w-3 h-3 animate-spin mr-1"}),"Saving..."]}):a.jsxs(a.Fragment,{children:[a.jsx(Nr,{className:"w-3 h-3 mr-1"}),"Save Changes"]})})]})]})]})},Fn=({state:e,onClose:t})=>a.jsx(L.Sidebar,{onClose:t,title:"State Details",initialWidth:500,tabs:[{label:"Overview",content:a.jsx(xr,{state:e})},{label:"Editor",content:a.jsx(Hn,{state:e})}],actions:[{icon:a.jsx(jt,{}),onClick:t,label:"Close"}]}),Un=()=>{const e=Je(p=>p.selectedStateId),t=Je(p=>p.selectStateId),{items:r,deleteItems:n,refetch:s}=Wt(),[o,l]=c.useState(""),u=c.useMemo(()=>r.filter(p=>p.groupId.toLowerCase().includes(o.toLowerCase())||p.key.toLowerCase().includes(o.toLowerCase())),[r,o]),h=c.useMemo(()=>e?u.find(p=>`${p.groupId}:${p.key}`===e):null,[u,e]),[f,d]=c.useState(new Set),m=p=>t(`${p.groupId}:${p.key}`),E=()=>t(void 0),R=()=>{n(Array.from(f)),d(new Set)},O=p=>{const T=f.has(`${p.groupId}:${p.key}`);d(k=>{const I=new Set(k);return T?I.delete(`${p.groupId}:${p.key}`):I.add(`${p.groupId}:${p.key}`),I})},N=p=>{d(T=>{const k=new Set(T);return p?u.forEach(I=>k.add(`${I.groupId}:${I.key}`)):u.forEach(I=>k.delete(`${I.groupId}:${I.key}`)),k})};return a.jsxs(a.Fragment,{children:[h&&a.jsx(Fn,{state:h,onClose:E}),a.jsxs("div",{className:"grid grid-rows-[auto_1fr] h-full","data-testid":"states-container",children:[a.jsxs("div",{className:"flex p-2 border-b gap-2","data-testid":"logs-search-container",children:[a.jsxs("div",{className:"flex-1 relative",children:[a.jsx(L.Input,{variant:"shade",value:o,onChange:p=>l(p.target.value),className:"px-9 font-medium",placeholder:"Search by Group ID or Key"}),a.jsx(Jt,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50"}),a.jsx(jt,{className:"cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground",onClick:()=>l("")})]}),a.jsxs(L.Button,{variant:"default",className:"h-[34px]",disabled:f.size===0,onClick:R,children:[a.jsx(qt,{})," Delete"]}),a.jsx(L.Button,{variant:"default",className:"h-[34px]",onClick:s,children:a.jsx(zt,{className:"w-4 h-4 text-muted-foreground"})})]}),a.jsxs(L.Table,{children:[a.jsx(L.TableHeader,{className:"sticky top-0 bg-background/20 backdrop-blur-sm",children:a.jsxs(L.TableRow,{children:[a.jsx(L.TableHead,{children:a.jsx(L.Checkbox,{onClick:p=>p.stopPropagation(),onCheckedChange:N})}),a.jsx(L.TableHead,{className:"rounded-0",children:"Group ID"}),a.jsx(L.TableHead,{children:"Key"}),a.jsx(L.TableHead,{children:"Type"})]})}),a.jsx(L.TableBody,{children:u.map(p=>a.jsxs(L.TableRow,{"data-testid":`item-${p}`,onClick:()=>m(p),className:L.cn("font-mono font-semibold cursor-pointer border-0",h===p?"bg-muted-foreground/10 hover:bg-muted-foreground/20":"hover:bg-muted-foreground/10"),children:[a.jsx(L.TableCell,{onClick:T=>T.stopPropagation(),children:a.jsx(L.Checkbox,{checked:f.has(`${p.groupId}:${p.key}`),onClick:()=>O(p)})}),a.jsx(L.TableCell,{className:"hover:bg-transparent",children:p.groupId}),a.jsx(L.TableCell,{className:"hover:bg-transparent",children:p.key}),a.jsx(L.TableCell,{className:"hover:bg-transparent",children:p.type})]},`${p.groupId}:${p.key}`))})]})]})]})};exports.StatesPage=Un;
+  `},bt=en(an)(Ot),sn={config:rn},on=function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return function(s){return r.reduceRight(function(o,l){return l(o)},s)}};function kt(e,t){return Object.keys(t).forEach(function(r){t[r]instanceof Object&&e[r]&&Object.assign(t[r],kt(e[r],t[r]))}),gt(gt({},e),t)}var cn={type:"cancelation",msg:"operation is manually canceled"};function ye(e){var t=!1,r=new Promise(function(n,s){e.then(function(o){return t?s(cn):n(o)}),e.catch(s)});return r.cancel=function(){return t=!0},r}var ln=Xr.create({config:Qr,isInitialized:!1,resolve:null,reject:null,monaco:null}),At=Mr(ln,2),ie=At[0],he=At[1];function un(e){var t=sn.config(e),r=t.monaco,n=_r(t,["monaco"]);he(function(s){return{config:kt(s.config,n),monaco:r}})}function fn(){var e=ie(function(t){var r=t.monaco,n=t.isInitialized,s=t.resolve;return{monaco:r,isInitialized:n,resolve:s}});if(!e.isInitialized){if(he({isInitialized:!0}),e.monaco)return e.resolve(e.monaco),ye(je);if(window.monaco&&window.monaco.editor)return Nt(window.monaco),e.resolve(window.monaco),ye(je);on(dn,gn)(hn)}return ye(je)}function dn(e){return document.body.appendChild(e)}function pn(e){var t=document.createElement("script");return e&&(t.src=e),t}function gn(e){var t=ie(function(n){var s=n.config,o=n.reject;return{config:s,reject:o}}),r=pn("".concat(t.config.paths.vs,"/loader.js"));return r.onload=function(){return e()},r.onerror=t.reject,r}function hn(){var e=ie(function(r){var n=r.config,s=r.resolve,o=r.reject;return{config:n,resolve:s,reject:o}}),t=window.require;t.config(e.config),t(["vs/editor/editor.main"],function(r){Nt(r),e.resolve(r)},function(r){e.reject(r)})}function Nt(e){ie().monaco||he({monaco:e})}function vn(){return ie(function(e){var t=e.monaco;return t})}var je=new Promise(function(e,t){return he({resolve:e,reject:t})}),de={config:un,init:fn,__getMonacoInstance:vn},mn={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},we=mn,bn={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},yn=bn;function jn({children:e}){return c.createElement("div",{style:yn.container},e)}var wn=jn,xn=wn;function Cn({width:e,height:t,isEditorReady:r,loading:n,_ref:s,className:o,wrapperProps:l}){return c.createElement("section",{style:{...we.wrapper,width:e,height:t},...l},!r&&c.createElement(xn,null,n),c.createElement("div",{ref:s,style:{...we.fullWidth,...!r&&we.hide},className:o}))}var Sn=Cn,Tt=c.memo(Sn);function En(e){c.useEffect(e,[])}var Ve=En;function On(e,t,r=!0){let n=c.useRef(!0);c.useEffect(n.current||!r?()=>{n.current=!1}:e,t)}var q=On;function se(){}function Q(e,t,r,n){return kn(e,n)||An(e,t,r,n)}function kn(e,t){return e.editor.getModel(Rt(e,t))}function An(e,t,r,n){return e.editor.createModel(t,r,n?Rt(e,n):void 0)}function Rt(e,t){return e.Uri.parse(t)}function Nn({original:e,modified:t,language:r,originalLanguage:n,modifiedLanguage:s,originalModelPath:o,modifiedModelPath:l,keepCurrentOriginalModel:u=!1,keepCurrentModifiedModel:h=!1,theme:f="light",loading:d="Loading...",options:m={},height:E="100%",width:R="100%",className:O,wrapperProps:N={},beforeMount:p=se,onMount:T=se}){let[k,I]=c.useState(!1),[w,b]=c.useState(!0),x=c.useRef(null),y=c.useRef(null),H=c.useRef(null),_=c.useRef(T),S=c.useRef(p),$=c.useRef(!1);Ve(()=>{let j=de.init();return j.then(M=>(y.current=M)&&b(!1)).catch(M=>M?.type!=="cancelation"&&console.error("Monaco initialization: error:",M)),()=>x.current?F():j.cancel()}),q(()=>{if(x.current&&y.current){let j=x.current.getOriginalEditor(),M=Q(y.current,e||"",n||r||"text",o||"");M!==j.getModel()&&j.setModel(M)}},[o],k),q(()=>{if(x.current&&y.current){let j=x.current.getModifiedEditor(),M=Q(y.current,t||"",s||r||"text",l||"");M!==j.getModel()&&j.setModel(M)}},[l],k),q(()=>{let j=x.current.getModifiedEditor();j.getOption(y.current.editor.EditorOption.readOnly)?j.setValue(t||""):t!==j.getValue()&&(j.executeEdits("",[{range:j.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),j.pushUndoStop())},[t],k),q(()=>{x.current?.getModel()?.original.setValue(e||"")},[e],k),q(()=>{let{original:j,modified:M}=x.current.getModel();y.current.editor.setModelLanguage(j,n||r||"text"),y.current.editor.setModelLanguage(M,s||r||"text")},[r,n,s],k),q(()=>{y.current?.editor.setTheme(f)},[f],k),q(()=>{x.current?.updateOptions(m)},[m],k);let V=c.useCallback(()=>{if(!y.current)return;S.current(y.current);let j=Q(y.current,e||"",n||r||"text",o||""),M=Q(y.current,t||"",s||r||"text",l||"");x.current?.setModel({original:j,modified:M})},[r,t,s,e,n,o,l]),U=c.useCallback(()=>{!$.current&&H.current&&(x.current=y.current.editor.createDiffEditor(H.current,{automaticLayout:!0,...m}),V(),y.current?.editor.setTheme(f),I(!0),$.current=!0)},[m,f,V]);c.useEffect(()=>{k&&_.current(x.current,y.current)},[k]),c.useEffect(()=>{!w&&!k&&U()},[w,k,U]);function F(){let j=x.current?.getModel();u||j?.original?.dispose(),h||j?.modified?.dispose(),x.current?.dispose()}return c.createElement(Tt,{width:R,height:E,isEditorReady:k,loading:d,_ref:H,className:O,wrapperProps:N})}var Tn=Nn;c.memo(Tn);function Rn(){let[e,t]=c.useState(de.__getMonacoInstance());return Ve(()=>{let r;return e||(r=de.init(),r.then(n=>{t(n)})),()=>r?.cancel()}),e}var _n=Rn;function Mn(e){let t=c.useRef();return c.useEffect(()=>{t.current=e},[e]),t.current}var In=Mn,ue=new Map;function Pn({defaultValue:e,defaultLanguage:t,defaultPath:r,value:n,language:s,path:o,theme:l="light",line:u,loading:h="Loading...",options:f={},overrideServices:d={},saveViewState:m=!0,keepCurrentModel:E=!1,width:R="100%",height:O="100%",className:N,wrapperProps:p={},beforeMount:T=se,onMount:k=se,onChange:I,onValidate:w=se}){let[b,x]=c.useState(!1),[y,H]=c.useState(!0),_=c.useRef(null),S=c.useRef(null),$=c.useRef(null),V=c.useRef(k),U=c.useRef(T),F=c.useRef(),j=c.useRef(n),M=In(o),P=c.useRef(!1),z=c.useRef(!1);Ve(()=>{let g=de.init();return g.then(C=>(_.current=C)&&H(!1)).catch(C=>C?.type!=="cancelation"&&console.error("Monaco initialization: error:",C)),()=>S.current?i():g.cancel()}),q(()=>{let g=Q(_.current,e||n||"",t||s||"",o||r||"");g!==S.current?.getModel()&&(m&&ue.set(M,S.current?.saveViewState()),S.current?.setModel(g),m&&S.current?.restoreViewState(ue.get(o)))},[o],b),q(()=>{S.current?.updateOptions(f)},[f],b),q(()=>{!S.current||n===void 0||(S.current.getOption(_.current.editor.EditorOption.readOnly)?S.current.setValue(n):n!==S.current.getValue()&&(z.current=!0,S.current.executeEdits("",[{range:S.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),S.current.pushUndoStop(),z.current=!1))},[n],b),q(()=>{let g=S.current?.getModel();g&&s&&_.current?.editor.setModelLanguage(g,s)},[s],b),q(()=>{u!==void 0&&S.current?.revealLine(u)},[u],b),q(()=>{_.current?.editor.setTheme(l)},[l],b);let Z=c.useCallback(()=>{if(!(!$.current||!_.current)&&!P.current){U.current(_.current);let g=o||r,C=Q(_.current,n||e||"",t||s||"",g||"");S.current=_.current?.editor.create($.current,{model:C,automaticLayout:!0,...f},d),m&&S.current.restoreViewState(ue.get(g)),_.current.editor.setTheme(l),u!==void 0&&S.current.revealLine(u),x(!0),P.current=!0}},[e,t,r,n,s,o,f,d,m,l,u]);c.useEffect(()=>{b&&V.current(S.current,_.current)},[b]),c.useEffect(()=>{!y&&!b&&Z()},[y,b,Z]),j.current=n,c.useEffect(()=>{b&&I&&(F.current?.dispose(),F.current=S.current?.onDidChangeModelContent(g=>{z.current||I(S.current.getValue(),g)}))},[b,I]),c.useEffect(()=>{if(b){let g=_.current.editor.onDidChangeMarkers(C=>{let v=S.current.getModel()?.uri;if(v&&C.find(A=>A.path===v.path)){let A=_.current.editor.getModelMarkers({resource:v});w?.(A)}});return()=>{g?.dispose()}}return()=>{}},[b,w]);function i(){F.current?.dispose(),E?m&&ue.set(o,S.current.saveViewState()):S.current.getModel()?.dispose(),S.current.dispose()}return c.createElement(Tt,{width:R,height:O,isEditorReady:b,loading:h,_ref:$,className:N,wrapperProps:p})}var $n=Pn,Dn=c.memo($n),Ln=Dn;const Vn=({value:e,height:t=300,schema:r,onChange:n,onValidate:s,language:o="json",readOnly:l=!1})=>{const u=_n(),h=L.useThemeStore(d=>d.theme),f=c.useMemo(()=>h==="dark"?"vs-dark":"light",[h]);return c.useEffect(()=>{u&&(u.languages.typescript.javascriptDefaults.setCompilerOptions({isolatedModules:!0}),u.languages.json.jsonDefaults.setDiagnosticsOptions({schemas:r?[{uri:window.location.href,fileMatch:["*"],schema:r}]:[]}))},[u,r,o]),a.jsx(Ln,{"data-testid":"json-editor",height:t,language:o,value:e,theme:f,onChange:d=>{d||s?.(!1),n?.(d??"")},onValidate:d=>s?.(d.length===0),options:{readOnly:l,scrollBeyondLastLine:!1,minimap:{enabled:!1}}})},Hn=({state:e})=>{const[t,r]=c.useState(!1),[n,s]=c.useState(!0),[o,l]=c.useState(JSON.stringify(e.value,null,2)),[u,h]=c.useState(!1),[f,d]=c.useState("idle"),m=c.useRef(JSON.stringify(e.value,null,2));c.useEffect(()=>{l(JSON.stringify(e.value,null,2))},[e.value]);const E=c.useCallback(p=>{h(p!==m.current),l(p),d("idle")},[]),R=async()=>{if(!(!n||!u))try{r(!0),d("idle");const p=await fetch("/__motia/state",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:e.key,groupId:e.groupId,value:JSON.parse(o)})});if(!p.ok)throw new Error(`HTTP error! status: ${p.status}`);m.current=o,d("success"),h(!1),setTimeout(()=>{d("idle")},3e3)}catch(p){console.error("Failed to save state:",p),d("error")}finally{r(!1)}},O=c.useCallback(()=>{l(JSON.stringify(e.value,null,2)),h(!1),d("idle")},[e.value]),N=c.useMemo(()=>f==="success"?a.jsx("div",{className:"bg-green-50 dark:bg-green-950/20 border border-green-200 dark:border-green-800 rounded-lg p-2",children:a.jsxs("div",{className:"flex items-center gap-2 text-green-700 dark:text-green-400 text-sm",children:[a.jsx(Er,{className:"w-4 h-4"}),"State saved successfully!"]})}):f==="error"?a.jsx("div",{className:"bg-red-50 dark:bg-red-950/20 border border-red-200 dark:border-red-800 rounded-lg p-2",children:a.jsxs("div",{className:"flex items-center gap-2 text-red-700 dark:text-red-400 text-sm",children:[a.jsx(dt,{className:"w-4 h-4"}),"Failed to save state. Please try again."]})}):a.jsx("div",{className:"text-xs text-muted-foreground",children:u?a.jsxs("span",{className:"flex items-center gap-1",children:[a.jsx("div",{className:"w-2 h-2 bg-orange-500 rounded-full"}),"Unsaved changes"]}):a.jsxs("span",{className:"flex items-center gap-1",children:[a.jsx("div",{className:"w-2 h-2 bg-green-500 rounded-full"}),"Up to date"]})}),[f,u]);return a.jsxs("div",{className:"flex flex-col gap-2 h-full",children:[a.jsx("p",{className:"text-xs text-muted-foreground",children:"Modify the state value using the JSON editor below."}),a.jsx("div",{className:"space-y-3 pt-2 flex flex-col",children:a.jsxs("div",{className:"relative flex-1",children:[a.jsx(Vn,{value:o,onChange:E,onValidate:s,height:"calc(100vh - 300px)"}),!n&&a.jsxs("div",{className:"absolute top-2 right-2 bg-destructive/90 text-destructive-foreground px-2 py-1 rounded text-xs flex items-center gap-1",children:[a.jsx(dt,{className:"w-3 h-3"}),"Invalid JSON"]})]})}),a.jsxs("div",{className:"flex items-center justify-between pt-2",children:[N,a.jsxs("div",{className:"flex items-center gap-2",children:[u&&a.jsx(L.Button,{variant:"secondary",onClick:O,disabled:t,children:"Reset"}),a.jsx(L.Button,{onClick:R,variant:"accent",disabled:t||!n||!u,"data-testid":"state-save-button",children:t?a.jsxs(a.Fragment,{children:[a.jsx(kr,{className:"w-3 h-3 animate-spin mr-1"}),"Saving..."]}):a.jsxs(a.Fragment,{children:[a.jsx(Nr,{className:"w-3 h-3 mr-1"}),"Save Changes"]})})]})]})]})},Fn=({state:e,onClose:t})=>a.jsx(L.Sidebar,{onClose:t,title:"State Details",initialWidth:500,tabs:[{label:"Overview",content:a.jsx(xr,{state:e})},{label:"Editor",content:a.jsx(Hn,{state:e})}],actions:[{icon:a.jsx(jt,{}),onClick:t,label:"Close"}]}),Un=()=>{const e=Je(p=>p.selectedStateId),t=Je(p=>p.selectStateId),{items:r,deleteItems:n,refetch:s}=Wt(),[o,l]=c.useState(""),u=c.useMemo(()=>r.filter(p=>p.groupId.toLowerCase().includes(o.toLowerCase())||p.key.toLowerCase().includes(o.toLowerCase())),[r,o]),h=c.useMemo(()=>e?u.find(p=>`${p.groupId}:${p.key}`===e):null,[u,e]),[f,d]=c.useState(new Set),m=p=>t(`${p.groupId}:${p.key}`),E=()=>t(void 0),R=()=>{n(Array.from(f)),d(new Set)},O=p=>{const T=f.has(`${p.groupId}:${p.key}`);d(k=>{const I=new Set(k);return T?I.delete(`${p.groupId}:${p.key}`):I.add(`${p.groupId}:${p.key}`),I})},N=p=>{d(T=>{const k=new Set(T);return p?u.forEach(I=>k.add(`${I.groupId}:${I.key}`)):u.forEach(I=>k.delete(`${I.groupId}:${I.key}`)),k})};return a.jsxs(a.Fragment,{children:[h&&a.jsx(Fn,{state:h,onClose:E}),a.jsxs("div",{className:"grid grid-rows-[auto_1fr] h-full","data-testid":"states-container",children:[a.jsxs("div",{className:"flex p-2 border-b gap-2","data-testid":"logs-search-container",children:[a.jsxs("div",{className:"flex-1 relative",children:[a.jsx(L.Input,{variant:"shade",value:o,onChange:p=>l(p.target.value),className:"px-9! font-medium",placeholder:"Search by Group ID or Key"}),a.jsx(Jt,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50"}),a.jsx(jt,{className:"cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground",onClick:()=>l("")})]}),a.jsxs(L.Button,{variant:"default",className:"h-[34px]",disabled:f.size===0,onClick:R,children:[a.jsx(qt,{})," Delete"]}),a.jsx(L.Button,{variant:"default",className:"h-[34px]",onClick:s,children:a.jsx(zt,{className:"w-4 h-4 text-muted-foreground"})})]}),a.jsxs(L.Table,{children:[a.jsx(L.TableHeader,{className:"sticky top-0 bg-background/20 backdrop-blur-sm",children:a.jsxs(L.TableRow,{children:[a.jsx(L.TableHead,{children:a.jsx(L.Checkbox,{onClick:p=>p.stopPropagation(),onCheckedChange:N})}),a.jsx(L.TableHead,{className:"rounded-0",children:"Group ID"}),a.jsx(L.TableHead,{children:"Key"}),a.jsx(L.TableHead,{children:"Type"})]})}),a.jsx(L.TableBody,{children:u.map(p=>a.jsxs(L.TableRow,{"data-testid":`item-${p}`,onClick:()=>m(p),className:L.cn("font-mono font-semibold cursor-pointer border-0",h===p?"bg-muted-foreground/10 hover:bg-muted-foreground/20":"hover:bg-muted-foreground/10"),children:[a.jsx(L.TableCell,{onClick:T=>T.stopPropagation(),children:a.jsx(L.Checkbox,{checked:f.has(`${p.groupId}:${p.key}`),onClick:()=>O(p)})}),a.jsx(L.TableCell,{className:"hover:bg-transparent",children:p.groupId}),a.jsx(L.TableCell,{className:"hover:bg-transparent",children:p.key}),a.jsx(L.TableCell,{className:"hover:bg-transparent",children:p.type})]},`${p.groupId}:${p.key}`))})]})]})]})};exports.StatesPage=Un;

package/dist/index.js

@@ -1937,7 +1937,7 @@ const oa = ({
               variant: "shade",
               value: o,
               onChange: (f) => c(f.target.value),
-              className: "px-9 font-medium",
+              className: "px-9! font-medium",
               placeholder: "Search by Group ID or Key"
             }
           ),

package/dist/plugin-states.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-950:oklch(25.8% .092 26.042);--color-orange-500:oklch(70.5% .213 47.604);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-950:oklch(26.6% .065 152.934);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-weight-500:var(--font-weight-500);--font-weight-600:var(--font-weight-600);--font-weight-700:var(--font-weight-700)}}@layer base{*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.left-3{left:calc(var(--spacing)*3)}.mr-1{margin-right:calc(var(--spacing)*1)}.flex{display:flex}.grid{display:grid}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-\[34px\]{height:34px}.h-full{height:100%}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-green-200{border-color:var(--color-green-200)}.border-red-200{border-color:var(--color-red-200)}.bg-background\/20{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/20{background-color:color-mix(in oklab,var(--background)20%,transparent)}}.bg-destructive\/90{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/90{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-muted-foreground\/10{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/10{background-color:color-mix(in oklab,var(--muted-foreground)10%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-red-50{background-color:var(--color-red-50)}.p-2{padding:calc(var(--spacing)*2)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-9{padding-inline:calc(var(--spacing)*9)}.py-1{padding-block:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-green-700{color:var(--color-green-700)}.text-muted-foreground,.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.text-red-700{color:var(--color-red-700)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}@media (hover:hover){.hover\:bg-muted-foreground\/10:hover{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted-foreground\/10:hover{background-color:color-mix(in oklab,var(--muted-foreground)10%,transparent)}}.hover\:bg-muted-foreground\/20:hover{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted-foreground\/20:hover{background-color:color-mix(in oklab,var(--muted-foreground)20%,transparent)}}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}}.dark\:border-green-800:is(.dark *){border-color:var(--color-green-800)}.dark\:border-red-800:is(.dark *){border-color:var(--color-red-800)}.dark\:bg-green-950\/20:is(.dark *){background-color:#032e1533}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-green-950)20%,transparent)}}.dark\:bg-red-950\/20:is(.dark *){background-color:#46080933}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950)20%,transparent)}}.dark\:text-green-400:is(.dark *){color:var(--color-green-400)}.dark\:text-red-400:is(.dark *){color:var(--color-red-400)}}:root{--default-font-family:"DM Sans",ui-sans-serif,sans-serif;--font-dm-mono:"DM Mono",ui-monospace,monospace;color-scheme:light dark;font-size:16px;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"),serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--accent-1000:#2862fe;--accent-970:#2862fef7;--accent-950:#2862fef2;--accent-900:#2862fee5;--accent-800:#2862fecc;--accent-700:#2862feb2;--accent-600:#2862fe99;--accent-500:#2862fe80;--accent-400:#2862fe66;--accent-300:#2862fe4d;--accent-200:#2862fe33;--accent-100:#2862fe1a;--accent-50:#2862fe0d;--accent-30:#2862fe08;--dark-1000:#0a0a0a;--dark-970:#0a0a0af7;--dark-950:#0a0a0af2;--dark-900:#0a0a0ae5;--dark-800:#0a0a0acc;--dark-700:#0a0a0ab2;--dark-600:#0a0a0a99;--dark-500:#0a0a0a80;--dark-400:#0a0a0a66;--dark-300:#0a0a0a4d;--dark-200:#0a0a0a33;--dark-100:#0a0a0a1a;--dark-50:#0a0a0a0d;--dark-30:#0a0a0a08;--light-1000:#fff;--light-970:#fffffff7;--light-950:#fffffff2;--light-900:#ffffffe5;--light-800:#fffc;--light-700:#ffffffb2;--light-600:#fff9;--light-500:#ffffff80;--light-400:#fff6;--light-300:#ffffff4d;--light-200:#fff3;--light-100:#ffffff1a;--light-50:#ffffff0d;--light-30:#ffffff08;--error:#d61355;--canvas-background:#ebebeb;--background:var(--light-1000);--foreground:var(--dark-1000);--surface-content:var(--dark-30);--surface-component:var(--dark-50);--surface-light-100:var(--dark-100);--surface-light-200:var(--dark-200);--border:var(--dark-100);--border-accent:var(--accent-1000);--states-hover:var(--dark-30);--states-selected:var(--dark-100);--states-active:var(--accent-1000);--text-header:var(--dark-1000);--text-body:var(--dark-600);--text-placeholder:var(--dark-400);--text-accent:var(--accent-1000);--text-error:var(--error);--icon-active:var(--dark-1000);--icon-light:var(--dark-600);--icon-component:var(--dark-400);--icon-accent:var(--accent-1000);--primary:var(--accent-1000);--primary-foreground:var(--light-1000);--secondary:var(--surface-component);--secondary-foreground:var(--text-body);--muted:var(--surface-light-100);--muted-foreground:var(--text-body);--accent:var(--accent-1000);--accent-foreground:var(--light-1000);--destructive:var(--error);--destructive-foreground:var(--light-1000);--card:var(--surface-content);--card-foreground:var(--foreground);--popover:var(--surface-content);--popover-foreground:var(--foreground);--input:var(--states-hover);--ring:var(--border-accent);--chart-1:var(--accent-1000);--chart-2:var(--accent-800);--chart-3:var(--accent-600);--chart-4:var(--accent-400);--chart-5:var(--accent-200);--header:var(--background);--header-foreground:var(--text-header);--header-primary:var(--primary);--header-primary-foreground:var(--primary-foreground);--header-accent:var(--surface-component);--header-accent-foreground:var(--text-body);--header-border:var(--border);--header-ring:var(--ring);--sidebar:var(--background);--sidebar-foreground:var(--text-header);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--surface-component);--sidebar-accent-foreground:var(--text-body);--sidebar-border:var(--border);--sidebar-ring:var(--ring);width:100%}.dark{--canvas-background:#030303;--background:var(--dark-1000);--foreground:var(--light-1000);--surface-content:var(--light-30);--surface-component:var(--light-50);--surface-light-100:var(--light-100);--surface-light-200:var(--light-200);--border:var(--light-100);--states-hover:var(--light-30);--states-selected:var(--light-100);--text-header:var(--light-1000);--text-body:var(--light-600);--text-placeholder:var(--light-400);--icon-active:var(--light-1000);--icon-light:var(--light-600);--icon-component:var(--light-400);--secondary-foreground:var(--light-600);--muted-foreground:var(--light-600);--card:var(--surface-content);--card-foreground:var(--foreground);--popover:var(--surface-content);--popover-foreground:var(--foreground);--input:var(--states-hover);--ring:var(--border-accent);--chart-1:var(--accent-1000);--chart-2:var(--accent-800);--chart-3:var(--accent-600);--chart-4:var(--accent-400);--chart-5:var(--accent-200);--header:var(--background);--header-foreground:var(--text-header);--header-primary:var(--primary);--header-primary-foreground:var(--primary-foreground);--header-accent:var(--surface-component);--header-accent-foreground:var(--text-body);--header-border:var(--border);--header-ring:var(--ring);--sidebar:var(--background);--sidebar-foreground:var(--text-header);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--surface-component);--sidebar-accent-foreground:var(--text-body);--sidebar-border:var(--border);--sidebar-ring:var(--ring)}.json-view{background-color:#0000!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-950:oklch(25.8% .092 26.042);--color-orange-500:oklch(70.5% .213 47.604);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-950:oklch(26.6% .065 152.934);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-weight-500:var(--font-weight-500);--font-weight-600:var(--font-weight-600);--font-weight-700:var(--font-weight-700)}}@layer base{*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.left-3{left:calc(var(--spacing)*3)}.mr-1{margin-right:calc(var(--spacing)*1)}.flex{display:flex}.grid{display:grid}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-\[34px\]{height:34px}.h-full{height:100%}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-green-200{border-color:var(--color-green-200)}.border-red-200{border-color:var(--color-red-200)}.bg-background\/20{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/20{background-color:color-mix(in oklab,var(--background)20%,transparent)}}.bg-destructive\/90{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/90{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-muted-foreground\/10{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/10{background-color:color-mix(in oklab,var(--muted-foreground)10%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-red-50{background-color:var(--color-red-50)}.p-2{padding:calc(var(--spacing)*2)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-9\!{padding-inline:calc(var(--spacing)*9)!important}.py-1{padding-block:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-green-700{color:var(--color-green-700)}.text-muted-foreground,.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.text-red-700{color:var(--color-red-700)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}@media (hover:hover){.hover\:bg-muted-foreground\/10:hover{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted-foreground\/10:hover{background-color:color-mix(in oklab,var(--muted-foreground)10%,transparent)}}.hover\:bg-muted-foreground\/20:hover{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted-foreground\/20:hover{background-color:color-mix(in oklab,var(--muted-foreground)20%,transparent)}}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}}.dark\:border-green-800:is(.dark *){border-color:var(--color-green-800)}.dark\:border-red-800:is(.dark *){border-color:var(--color-red-800)}.dark\:bg-green-950\/20:is(.dark *){background-color:#032e1533}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-green-950)20%,transparent)}}.dark\:bg-red-950\/20:is(.dark *){background-color:#46080933}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950)20%,transparent)}}.dark\:text-green-400:is(.dark *){color:var(--color-green-400)}.dark\:text-red-400:is(.dark *){color:var(--color-red-400)}}:root{--default-font-family:"DM Sans",ui-sans-serif,sans-serif;--font-dm-mono:"DM Mono",ui-monospace,monospace;color-scheme:light dark;font-size:16px;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"),serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--accent-1000:#2862fe;--accent-970:#2862fef7;--accent-950:#2862fef2;--accent-900:#2862fee5;--accent-800:#2862fecc;--accent-700:#2862feb2;--accent-600:#2862fe99;--accent-500:#2862fe80;--accent-400:#2862fe66;--accent-300:#2862fe4d;--accent-200:#2862fe33;--accent-100:#2862fe1a;--accent-50:#2862fe0d;--accent-30:#2862fe08;--dark-1000:#0a0a0a;--dark-970:#0a0a0af7;--dark-950:#0a0a0af2;--dark-900:#0a0a0ae5;--dark-800:#0a0a0acc;--dark-700:#0a0a0ab2;--dark-600:#0a0a0a99;--dark-500:#0a0a0a80;--dark-400:#0a0a0a66;--dark-300:#0a0a0a4d;--dark-200:#0a0a0a33;--dark-100:#0a0a0a1a;--dark-50:#0a0a0a0d;--dark-30:#0a0a0a08;--light-1000:#fff;--light-970:#fffffff7;--light-950:#fffffff2;--light-900:#ffffffe5;--light-800:#fffc;--light-700:#ffffffb2;--light-600:#fff9;--light-500:#ffffff80;--light-400:#fff6;--light-300:#ffffff4d;--light-200:#fff3;--light-100:#ffffff1a;--light-50:#ffffff0d;--light-30:#ffffff08;--error:#d61355;--canvas-background:#ebebeb;--background:var(--light-1000);--foreground:var(--dark-1000);--surface-content:var(--dark-30);--surface-component:var(--dark-50);--surface-light-100:var(--dark-100);--surface-light-200:var(--dark-200);--border:var(--dark-100);--border-accent:var(--accent-1000);--states-hover:var(--dark-30);--states-selected:var(--dark-100);--states-active:var(--accent-1000);--text-header:var(--dark-1000);--text-body:var(--dark-600);--text-placeholder:var(--dark-400);--text-accent:var(--accent-1000);--text-error:var(--error);--icon-active:var(--dark-1000);--icon-light:var(--dark-600);--icon-component:var(--dark-400);--icon-accent:var(--accent-1000);--primary:var(--accent-1000);--primary-foreground:var(--light-1000);--secondary:var(--surface-component);--secondary-foreground:var(--text-body);--muted:var(--surface-light-100);--muted-foreground:var(--text-body);--accent:var(--accent-1000);--accent-foreground:var(--light-1000);--destructive:var(--error);--destructive-foreground:var(--light-1000);--card:var(--surface-content);--card-foreground:var(--foreground);--popover:var(--surface-content);--popover-foreground:var(--foreground);--input:var(--states-hover);--ring:var(--border-accent);--chart-1:var(--accent-1000);--chart-2:var(--accent-800);--chart-3:var(--accent-600);--chart-4:var(--accent-400);--chart-5:var(--accent-200);--header:var(--background);--header-foreground:var(--text-header);--header-primary:var(--primary);--header-primary-foreground:var(--primary-foreground);--header-accent:var(--surface-component);--header-accent-foreground:var(--text-body);--header-border:var(--border);--header-ring:var(--ring);--sidebar:var(--background);--sidebar-foreground:var(--text-header);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--surface-component);--sidebar-accent-foreground:var(--text-body);--sidebar-border:var(--border);--sidebar-ring:var(--ring);width:100%}.dark{--canvas-background:#030303;--background:var(--dark-1000);--foreground:var(--light-1000);--surface-content:var(--light-30);--surface-component:var(--light-50);--surface-light-100:var(--light-100);--surface-light-200:var(--light-200);--border:var(--light-100);--states-hover:var(--light-30);--states-selected:var(--light-100);--text-header:var(--light-1000);--text-body:var(--light-600);--text-placeholder:var(--light-400);--icon-active:var(--light-1000);--icon-light:var(--light-600);--icon-component:var(--light-400);--secondary-foreground:var(--light-600);--muted-foreground:var(--light-600);--card:var(--surface-content);--card-foreground:var(--foreground);--popover:var(--surface-content);--popover-foreground:var(--foreground);--input:var(--states-hover);--ring:var(--border-accent);--chart-1:var(--accent-1000);--chart-2:var(--accent-800);--chart-3:var(--accent-600);--chart-4:var(--accent-400);--chart-5:var(--accent-200);--header:var(--background);--header-foreground:var(--text-header);--header-primary:var(--primary);--header-primary-foreground:var(--primary-foreground);--header-accent:var(--surface-component);--header-accent-foreground:var(--text-body);--header-border:var(--border);--header-ring:var(--ring);--sidebar:var(--background);--sidebar-foreground:var(--text-header);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--surface-component);--sidebar-accent-foreground:var(--text-body);--sidebar-border:var(--border);--sidebar-ring:var(--ring)}.json-view{background-color:#0000!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motiadev/plugin-states",
-  "version": "0.13.0",
+  "version": "0.13.1-beta.162",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -28,9 +28,9 @@
     "zustand": "^5.0.8"
   },
   "peerDependencies": {
-    "@motiadev/ui": "0.13.0",
-    "@motiadev/stream-client-browser": "0.13.0",
-    "@motiadev/core": "0.13.0"
+    "@motiadev/stream-client-browser": "0.13.1-beta.162",
+    "@motiadev/ui": "0.13.1-beta.162",
+    "@motiadev/core": "0.13.1-beta.162"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.14",