lix/mnote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
de189e938d404afdab633c5167a51b90e19f095f
mnote/wolai-frontend/tmp_trace/0-trace.trace
T

943 lines
582 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{"version":8,"type":"context-options","origin":"library","browserName":"chromium","playwrightVersion":"1.57.0","options":{"noDefaultViewport":false,"viewport":{"width":1440,"height":900},"ignoreHTTPSErrors":false,"javaScriptEnabled":true,"bypassCSP":false,"userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.7499.4 Safari/537.36","locale":"en-US","offline":false,"deviceScaleFactor":1,"isMobile":false,"hasTouch":false,"colorScheme":"light","acceptDownloads":"accept","baseURL":"http://127.0.0.1:7007","recordVideo":{"dir":"F:\\SOFT\\MNOTE\\wolai-frontend\\test-results\\.playwright-artifacts-0","size":{"width":800,"height":500}},"serviceWorkers":"allow","selectorEngines":[],"testIdAttributeName":"data-testid"},"platform":"win32","wallTime":1764501206358,"monotonicTime":9591.192,"sdkLanguage":"javascript","testIdAttributeName":"data-testid","contextId":"browser-context@f77044a4e04194b0bc87f9299b69f1af","title":"mindmap-playground.spec.ts:6 › KMind Storybook 场景 › 浮动工具栏可以插入节点并触发保存状态"}
{"type":"before","callId":"call@6","startTime":9595.727,"class":"BrowserContext","method":"newPage","params":{},"stepId":"pw:api@34","beforeSnapshot":"before@call@6"}
{"type":"event","time":9704.246,"class":"BrowserContext","method":"page","params":{"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}}
{"type":"after","callId":"call@6","endTime":9704.352,"result":{"page":"<Page>"},"afterSnapshot":"after@call@6"}
{"type":"before","callId":"call@8","startTime":9708.678,"class":"Frame","method":"goto","params":{"url":"/iframe.html?id=mindmap-kmindrenderer--interactive-lab&viewMode=story","timeout":0,"waitUntil":"domcontentloaded"},"stepId":"pw:api@35","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","beforeSnapshot":"before@call@8"}
{"type":"frame-snapshot","snapshot":{"callId":"call@8","snapshotName":"before@call@8","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","frameId":"frame@4ce425c84b5cac17dbd34c4a01657213","frameUrl":"about:blank","html":["HTML",{},["HEAD",{},["BASE",{"href":"about:blank"}]],["BODY"]],"viewport":{"width":1440,"height":900},"timestamp":9714.437,"wallTime":1764501206482,"collectionTime":1.1000000014901161,"resourceOverrides":[],"isMainFrame":true}}
{"type":"log","callId":"call@8","time":9716.546,"message":"navigating to \"http://127.0.0.1:7007/iframe.html?id=mindmap-kmindrenderer--interactive-lab&viewMode=story\", waiting until \"domcontentloaded\""}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501206492.jpeg","width":1440,"height":900,"timestamp":9724.579,"frameSwapWallTime":1764501206489.2322}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501207140.jpeg","width":1440,"height":900,"timestamp":10372.969,"frameSwapWallTime":1764501207137.651}
{"type":"console","messageType":"debug","text":"[vite] connecting...","args":[{"preview":"[vite] connecting...","value":"[vite] connecting..."}],"location":{"url":"http://127.0.0.1:7007/@vite/client","lineNumber":732,"columnNumber":8},"time":10908.894,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"console","messageType":"debug","text":"[vite] connected.","args":[{"preview":"[vite] connected.","value":"[vite] connected."}],"location":{"url":"http://127.0.0.1:7007/@vite/client","lineNumber":826,"columnNumber":11},"time":10932.388,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"after","callId":"call@8","endTime":11702.935,"result":{"response":"<Response>"},"afterSnapshot":"after@call@8"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208484.jpeg","width":1440,"height":900,"timestamp":11717.113,"frameSwapWallTime":1764501208479.274}
{"type":"frame-snapshot","snapshot":{"callId":"call@8","snapshotName":"after@call@8","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","frameId":"frame@4ce425c84b5cac17dbd34c4a01657213","frameUrl":"http://127.0.0.1:7007/iframe.html?id=mindmap-kmindrenderer--interactive-lab&viewMode=story","doctype":"html","html":["HTML",{"lang":"en"},["HEAD",{},["BASE",{"href":"http://127.0.0.1:7007/iframe.html?id=mindmap-kmindrenderer--interactive-lab&viewMode=story"}],"\n ","\n\n ",["META",{"charset":"utf-8"}],"\n ",["TITLE",{},"Storybook"],"\n ",["META",{"name":"viewport","content":"width=device-width, initial-scale=1"}],"\n\n ",["STYLE",{},"\n @font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');\n }\n\n @font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');\n }\n\n @font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');\n }\n\n @font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');\n }\n "],"\n\n ","\n ",["BASE",{"target":"_parent"}],"\n\n",["STYLE",{},"\n /* While we aren't showing the main block yet, but still preparing, we want everything the user has rendered, which may or may not be in #storybook-root, to be display none */\n .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {\n display: none;\n }\n\n .sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {\n display: none;\n }\n\n /* Hide our own blocks when we aren't supposed to be showing them */\n :not(.sb-show-preparing-story) > .sb-preparing-story,\n :not(.sb-show-preparing-docs) > .sb-preparing-docs,\n :not(.sb-show-nopreview) > .sb-nopreview,\n :not(.sb-show-errordisplay) > .sb-errordisplay {\n display: none;\n }\n\n .sb-show-main.sb-main-centered {\n margin: 0;\n display: flex;\n align-items: center;\n min-height: 100vh;\n }\n\n .sb-show-main.sb-main-centered #storybook-root {\n box-sizing: border-box;\n margin: auto;\n padding: 1rem;\n max-height: 100%;\n /* Hack for centering correctly in IE11 */\n }\n\n /* Vertical centering fix for IE11 */\n @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .sb-show-main.sb-main-centered:after {\n content: '';\n min-height: inherit;\n font-size: 0;\n }\n }\n\n .sb-show-main.sb-main-fullscreen {\n margin: 0;\n padding: 0;\n display: block;\n }\n\n .sb-show-main.sb-main-padded {\n margin: 0;\n padding: 1rem;\n display: block;\n box-sizing: border-box;\n }\n\n .sb-wrapper {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n box-sizing: border-box;\n\n padding: 40px;\n font-family:\n 'Nunito Sans',\n -apple-system,\n '.SFNSText-Regular',\n 'San Francisco',\n BlinkMacSystemFont,\n 'Segoe UI',\n 'Helvetica Neue',\n Helvetica,\n Arial,\n sans-serif;\n -webkit-font-smoothing: antialiased;\n overflow: auto;\n }\n\n @media (max-width: 700px) {\n .sb-wrapper {\n padding: 20px;\n }\n }\n\n @media (max-width: 500px) {\n .sb-wrapper {\n padding: 10px;\n }\n }\n\n .sb-heading {\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 0.2px;\n margin: 10px 0;\n padding-right: 25px;\n }\n\n .sb-nopreview {\n display: flex;\n align-content: center;\n justify-content: center;\n box-sizing: border-box;\n }\n\n .sb-nopreview_main {\n margin: auto;\n padding: 30px;\n border-radius: 10px;\n background: rgba(0, 0, 0, 0.03);\n }\n\n .sb-nopreview_heading {\n text-align: center;\n }\n\n .sb-errordisplay {\n background: #f6f9fc;\n color: black;\n z-index: 999999;\n width: 100vw;\n min-height: 100vh;\n box-sizing: border-box;\n\n & ol {\n padding-left: 18px;\n margin: 0;\n }\n\n & h1 {\n font-family: Nunito Sans;\n font-size: 22px;\n font-weight: 400;\n line-height: 30px;\n font-weight: normal;\n margin: 0;\n\n &::before {\n content: '';\n display: inline-block;\n width: 12px;\n height: 12px;\n background: #ff4400;\n border-radius: 50%;\n margin-right: 8px;\n }\n }\n\n & p,\n & ol {\n font-family: Nunito Sans;\n font-size: 14px;\n font-weight: 400;\n line-height: 19px;\n margin: 0;\n }\n\n & li + li {\n margin: 0;\n padding: 0;\n padding-top: 12px;\n }\n\n & a {\n color: currentColor;\n }\n }\n\n .sb-errordisplay_main {\n margin: auto;\n padding: 24px;\n display: flex;\n box-sizing: border-box;\n\n flex-direction: column;\n min-height: 100%;\n width: 100%;\n border-radius: 6px;\n background: white;\n border: 1px solid #ff0000;\n box-shadow: 0 0 64px rgba(0, 0, 0, 0.1);\n gap: 24px;\n }\n\n .sb-errordisplay_code {\n padding: 10px;\n flex: 1;\n background: #242424;\n color: #c6c6c6;\n box-sizing: border-box;\n\n font-size: 14px;\n font-weight: 400;\n line-height: 19px;\n border-radius: 4px;\n\n font-family:\n 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',\n 'Lucida Console', Consolas, Monaco, monospace;\n margin: 0;\n overflow: auto;\n }\n\n .sb-errordisplay pre {\n white-space: pre-wrap;\n white-space: revert;\n }\n\n @-webkit-keyframes sb-rotate360 {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes sb-rotate360 {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n }\n\n @-webkit-keyframes sb-glow {\n 0%,\n 100% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.4;\n }\n }\n\n @keyframes sb-glow {\n 0%,\n 100% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.4;\n }\n }\n\n /* We display the preparing loaders *over* the rendering story */\n .sb-preparing-story,\n .sb-preparing-docs {\n background-color: white;\n /* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always\n on top, but this isn't possible as it would require making CSS changes that could affect user code */\n z-index: 2147483647;\n }\n\n .sb-loader {\n -webkit-animation: sb-rotate360 0.7s linear infinite;\n animation: sb-rotate360 0.7s linear infinite;\n border-color: rgba(97, 97, 97, 0.29);\n border-radius: 50%;\n border-style: solid;\n border-top-color: #646464;\n border-width: 2px;\n display: inline-block;\n height: 32px;\n left: 50%;\n margin-left: -16px;\n margin-top: -16px;\n mix-blend-mode: difference;\n overflow: hidden;\n position: absolute;\n top: 50%;\n transition: all 200ms ease-out;\n vertical-align: top;\n width: 32px;\n z-index: 4;\n }\n\n .sb-previewBlock {\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;\n margin: 25px auto 40px;\n max-width: 600px;\n }\n\n .sb-previewBlock_header {\n align-items: center;\n box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;\n display: flex;\n gap: 14px;\n height: 40px;\n padding: 0 12px;\n }\n\n .sb-previewBlock_icon {\n -webkit-animation: sb-glow 1.5s ease-in-out infinite;\n animation: sb-glow 1.5s ease-in-out infinite;\n background: #e6e6e6;\n height: 14px;\n width: 14px;\n }\n\n .sb-previewBlock_icon:last-child {\n margin-left: auto;\n }\n\n .sb-previewBlock_body {\n -webkit-animation: sb-glow 1.5s ease-in-out infinite;\n animation: sb-glow 1.5s ease-in-out infinite;\n height: 182px;\n position: relative;\n }\n\n .sb-argstableBlock {\n border-collapse: collapse;\n border-spacing: 0;\n font-size: 13px;\n line-height: 20px;\n margin: 25px auto 40px;\n max-width: 600px;\n text-align: left;\n width: 100%;\n }\n\n .sb-argstableBlock th:first-of-type,\n .sb-argstableBlock td:first-of-type {\n padding-left: 20px;\n }\n\n .sb-argstableBlock th:nth-of-type(2),\n .sb-argstableBlock td:nth-of-type(2) {\n width: 35%;\n }\n\n .sb-argstableBlock th:nth-of-type(3),\n .sb-argstableBlock td:nth-of-type(3) {\n width: 15%;\n }\n\n .sb-argstableBlock th:last-of-type,\n .sb-argstableBlock td:last-of-type {\n width: 25%;\n padding-right: 20px;\n }\n\n .sb-argstableBlock th span,\n .sb-argstableBlock td span {\n -webkit-animation: sb-glow 1.5s ease-in-out infinite;\n animation: sb-glow 1.5s ease-in-out infinite;\n background-color: rgba(0, 0, 0, 0.1);\n border-radius: 0;\n box-shadow: none;\n color: transparent;\n }\n\n .sb-argstableBlock th {\n padding: 10px 15px;\n }\n\n .sb-argstableBlock-body {\n border-radius: 4px;\n box-shadow:\n rgba(0, 0, 0, 0.1) 0 1px 3px 1px,\n rgba(0, 0, 0, 0.065) 0 0 0 1px;\n }\n\n .sb-argstableBlock-body tr {\n background: transparent;\n overflow: hidden;\n }\n\n .sb-argstableBlock-body tr:not(:first-child) {\n border-top: 1px solid #e6e6e6;\n }\n\n .sb-argstableBlock-body tr:first-child td:first-child {\n border-top-left-radius: 4px;\n }\n\n .sb-argstableBlock-body tr:first-child td:last-child {\n border-top-right-radius: 4px;\n }\n\n .sb-argstableBlock-body tr:last-child td:first-child {\n border-bottom-left-radius: 4px;\n }\n\n .sb-argstableBlock-body tr:last-child td:last-child {\n border-bottom-right-radius: 4px;\n }\n\n .sb-argstableBlock-body td {\n background: #fff;\n padding-bottom: 10px;\n padding-top: 10px;\n vertical-align: top;\n }\n\n .sb-argstableBlock-body td:not(:first-of-type) {\n padding-left: 15px;\n padding-right: 15px;\n }\n\n .sb-argstableBlock-body button {\n -webkit-animation: sb-glow 1.5s ease-in-out infinite;\n animation: sb-glow 1.5s ease-in-out infinite;\n background-color: rgba(0, 0, 0, 0.1);\n border: 0;\n border-radius: 0;\n box-shadow: none;\n color: transparent;\n display: inline;\n font-size: 12px;\n line-height: 1;\n padding: 10px 16px;\n }\n\n .sb-argstableBlock-summary {\n margin-top: 4px;\n }\n\n .sb-argstableBlock-code {\n margin-right: 4px;\n margin-bottom: 4px;\n padding: 2px 5px;\n }\n\n .sb-sr-only,\n .sb-hidden-until-focus:not(:focus) {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0px;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: none;\n }\n\n .sb-hidden-until-focus {\n opacity: 0;\n transition: opacity 150ms ease-out;\n }\n\n .sb-hidden-until-focus:focus {\n opacity: 1;\n }\n"],"\n\n","\n\n ",["META",{"name":"next-head-count","content":"0"}],["STYLE",{},"/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@import url(\"https://rsms.me/inter/inter.css\");\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-emerald-400: oklch(76.5% 0.177 163.223);\n --color-emerald-500: oklch(69.6% 0.17 162.48);\n --color-emerald-600: oklch(59.6% 0.145 163.225);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-slate-50: oklch(98.4% 0.003 247.858);\n --color-slate-100: oklch(96.8% 0.007 247.896);\n --color-slate-200: oklch(92.9% 0.013 255.508);\n --color-slate-300: oklch(86.9% 0.022 252.894);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --color-slate-500: oklch(55.4% 0.046 257.417);\n --color-slate-600: oklch(44.6% 0.043 257.281);\n --color-slate-700: oklch(37.2% 0.044 257.287);\n --color-slate-800: oklch(27.9% 0.041 260.031);\n --color-slate-900: oklch(20.8% 0.042 265.755);\n --color-slate-950: oklch(12.9% 0.042 264.695);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-zinc-50: oklch(98.5% 0 0);\n --color-zinc-100: oklch(96.7% 0.001 286.375);\n --color-zinc-500: oklch(55.2% 0.016 285.938);\n --color-zinc-700: oklch(37% 0.013 285.805);\n --color-zinc-900: oklch(21% 0.006 285.885);\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-300: oklch(87% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-700: oklch(37.1% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --container-3xl: 48rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --tracking-wide: 0.025em;\n --tracking-widest: 0.1em;\n --leading-relaxed: 1.625;\n --radius-xs: 0.125rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-spin: spin 1s linear infinite;\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --blur-sm: 8px;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-geist-sans);\n --default-mono-font-family: var(--font-geist-mono);\n }\n}\n@layer base {\n *,\n ::after,\n ::before,\n ::backdrop,\n ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html,\n :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n 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\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b,\n strong {\n font-weight: bolder;\n }\n code,\n kbd,\n samp,\n pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol,\n ul,\n menu {\n list-style: none;\n }\n img,\n svg,\n video,\n canvas,\n audio,\n iframe,\n embed,\n object {\n display: block;\n vertical-align: middle;\n }\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n button,\n input,\n select,\n optgroup,\n textarea,\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or\n (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit,\n ::-webkit-datetime-edit-year-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-hour-field,\n ::-webkit-datetime-edit-minute-field,\n ::-webkit-datetime-edit-second-field,\n ::-webkit-datetime-edit-millisecond-field,\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button,\n input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]),\n ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button,\n ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .\\@container\\/card-header {\n container-type: inline-size;\n container-name: card-header;\n }\n .pointer-events-auto {\n pointer-events: auto;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .collapse {\n visibility: collapse;\n }\n .invisible {\n visibility: hidden;\n }\n .visible {\n visibility: visible;\n }\n .visible\\! {\n visibility: visible !important;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .sticky {\n position: sticky;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .inset-x-0 {\n inset-inline: calc(var(--spacing) * 0);\n }\n .inset-y-0 {\n inset-block: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n .top-4 {\n top: calc(var(--spacing) * 4);\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .top-\\[50\\%\\] {\n top: 50%;\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n .right-4 {\n right: calc(var(--spacing) * 4);\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-2 {\n bottom: calc(var(--spacing) * 2);\n }\n .bottom-6 {\n bottom: calc(var(--spacing) * 6);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-2 {\n left: calc(var(--spacing) * 2);\n }\n .left-3 {\n left: calc(var(--spacing) * 3);\n }\n .left-6 {\n left: calc(var(--spacing) * 6);\n }\n .left-8 {\n left: calc(var(--spacing) * 8);\n }\n .left-\\[50\\%\\] {\n left: 50%;\n }\n .left-full {\n left: 100%;\n }\n .z-10 {\n z-index: 10;\n }\n .z-20 {\n z-index: 20;\n }\n .z-30 {\n z-index: 30;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\n }\n .order-1 {\n order: 1;\n }\n .col-start-2 {\n grid-column-start: 2;\n }\n .row-span-2 {\n grid-row: span 2 / span 2;\n }\n .row-start-1 {\n grid-row-start: 1;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .m-1 {\n margin: calc(var(--spacing) * 1);\n }\n .m-384 {\n margin: calc(var(--spacing) * 384);\n }\n .m-512 {\n margin: calc(var(--spacing) * 512);\n }\n .-mx-1 {\n margin-inline: calc(var(--spacing) * -1);\n }\n .mx-1 {\n margin-inline: calc(var(--spacing) * 1);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .my-1 {\n margin-block: calc(var(--spacing) * 1);\n }\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\n }\n .mt-1 {\n margin-top: calc(var(--spacing) * 1);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n .mt-10 {\n margin-top: calc(var(--spacing) * 10);\n }\n .mt-auto {\n margin-top: auto;\n }\n .mr-1 {\n margin-right: calc(var(--spacing) * 1);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-auto {\n margin-left: auto;\n }\n .line-clamp-4 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 4;\n }\n .\\!hidden {\n display: none !important;\n }\n .\\!table {\n display: table !important;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .inline-table {\n display: inline-table;\n }\n .table {\n display: table;\n }\n .table\\! {\n display: table !important;\n }\n .field-sizing-content {\n field-sizing: content;\n }\n .aspect-square {\n aspect-ratio: 1 / 1;\n }\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .size-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-8 {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n }\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .size-full {\n width: 100%;\n height: 100%;\n }\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n .h-2\\.5 {\n height: calc(var(--spacing) * 2.5);\n }\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n .h-24 {\n height: calc(var(--spacing) * 24);\n }\n .h-32 {\n height: calc(var(--spacing) * 32);\n }\n .h-48 {\n height: calc(var(--spacing) * 48);\n }\n .h-64 {\n height: calc(var(--spacing) * 64);\n }\n .h-\\[320px\\] {\n height: 320px;\n }\n .h-\\[400px\\] {\n height: 400px;\n }\n .h-\\[520px\\] {\n height: 520px;\n }\n .h-\\[760px\\] {\n height: 760px;\n }\n .h-\\[calc\\(100\\%-1px\\)\\] {\n height: calc(100% - 1px);\n }\n .h-\\[calc\\(100vh-64px\\)\\] {\n height: calc(100vh - 64px);\n }\n .h-auto {\n height: auto;\n }\n .h-full {\n height: 100%;\n }\n .h-px {\n height: 1px;\n }\n .h-screen {\n height: 100vh;\n }\n .max-h-\\(--radix-dropdown-menu-content-available-height\\) {\n max-height: var(--radix-dropdown-menu-content-available-height);\n }\n .max-h-64 {\n max-height: calc(var(--spacing) * 64);\n }\n .max-h-\\[65vh\\] {\n max-height: 65vh;\n }\n .max-h-\\[85vh\\] {\n max-height: 85vh;\n }\n .max-h-\\[90vh\\] {\n max-height: 90vh;\n }\n .max-h-\\[92vh\\] {\n max-height: 92vh;\n }\n .max-h-\\[300px\\] {\n max-height: 300px;\n }\n .max-h-\\[420px\\] {\n max-height: 420px;\n }\n .min-h-0 {\n min-height: calc(var(--spacing) * 0);\n }\n .min-h-16 {\n min-height: calc(var(--spacing) * 16);\n }\n .min-h-\\[60vh\\] {\n min-height: 60vh;\n }\n .min-h-full {\n min-height: 100%;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .w-1 {\n width: calc(var(--spacing) * 1);\n }\n .w-1\\/3 {\n width: calc(1/3 * 100%);\n }\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n .w-3\\/4 {\n width: calc(3/4 * 100%);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n .w-32 {\n width: calc(var(--spacing) * 32);\n }\n .w-36 {\n width: calc(var(--spacing) * 36);\n }\n .w-40 {\n width: calc(var(--spacing) * 40);\n }\n .w-48 {\n width: calc(var(--spacing) * 48);\n }\n .w-56 {\n width: calc(var(--spacing) * 56);\n }\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n .w-80 {\n width: calc(var(--spacing) * 80);\n }\n .w-\\[100px\\] {\n width: 100px;\n }\n .w-\\[400px\\] {\n width: 400px;\n }\n .w-fit {\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .max-w-3xl {\n max-width: var(--container-3xl);\n }\n .max-w-\\[400px\\] {\n max-width: 400px;\n }\n .max-w-\\[980px\\] {\n max-width: 980px;\n }\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n }\n .max-w-none {\n max-width: none;\n }\n .max-w-xs {\n max-width: var(--container-xs);\n }\n .min-w-0 {\n min-width: calc(var(--spacing) * 0);\n }\n .min-w-8 {\n min-width: calc(var(--spacing) * 8);\n }\n .min-w-9 {\n min-width: calc(var(--spacing) * 9);\n }\n .min-w-10 {\n min-width: calc(var(--spacing) * 10);\n }\n .min-w-\\[8rem\\] {\n min-width: 8rem;\n }\n .min-w-\\[96px\\] {\n min-width: 96px;\n }\n .min-w-\\[180px\\] {\n min-width: 180px;\n }\n .flex-1 {\n flex: 1;\n }\n .shrink-0 {\n flex-shrink: 0;\n }\n .flex-grow {\n flex-grow: 1;\n }\n .grow {\n flex-grow: 1;\n }\n .border-collapse {\n border-collapse: collapse;\n }\n .origin-\\(--radix-dropdown-menu-content-transform-origin\\) {\n transform-origin: var(--radix-dropdown-menu-content-transform-origin);\n }\n .origin-\\(--radix-popover-content-transform-origin\\) {\n transform-origin: var(--radix-popover-content-transform-origin);\n }\n .translate-x-0 {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-0 {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .rotate-90 {\n rotate: 90deg;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .animate-pulse {\n animation: var(--animate-pulse);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .cursor-col-resize {\n cursor: col-resize;\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .touch-none {\n touch-action: none;\n }\n .resize {\n resize: both;\n }\n .scroll-py-1 {\n scroll-padding-block: calc(var(--spacing) * 1);\n }\n .list-decimal {\n list-style-type: decimal;\n }\n .auto-rows-min {\n grid-auto-rows: min-content;\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n .grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n .grid-rows-\\[auto_auto\\] {\n grid-template-rows: auto auto;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-col-reverse {\n flex-direction: column-reverse;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-start {\n justify-content: flex-start;\n }\n .gap-0\\.5 {\n gap: calc(var(--spacing) * 0.5);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-5 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-x-3 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0;\n border-bottom-style: var(--tw-border-style);\n border-top-style: var(--tw-border-style);\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n }\n }\n .divide-\\[\\#f1f5f9\\] {\n :where(& > :not(:last-child)) {\n border-color: #f1f5f9;\n }\n }\n .self-start {\n align-self: flex-start;\n }\n .justify-self-end {\n justify-self: flex-end;\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-auto {\n overflow: auto;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-2xl {\n border-radius: var(--radius-2xl);\n }\n .rounded-3xl {\n border-radius: var(--radius-3xl);\n }\n .rounded-\\[4px\\] {\n border-radius: 4px;\n }\n .rounded-\\[28px\\] {\n border-radius: 28px;\n }\n .rounded-\\[32px\\] {\n border-radius: 32px;\n }\n .rounded-\\[inherit\\] {\n border-radius: inherit;\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius);\n }\n .rounded-md {\n border-radius: calc(var(--radius) - 2px);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: calc(var(--radius) - 4px);\n }\n .rounded-xl {\n border-radius: calc(var(--radius) + 4px);\n }\n .rounded-xs {\n border-radius: var(--radius-xs);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .border-\\[\\#2563eb\\] {\n border-color: #2563eb;\n }\n .border-\\[\\#cddfff\\] {\n border-color: #cddfff;\n }\n .border-\\[\\#d4d4d8\\] {\n border-color: #d4d4d8;\n }\n .border-\\[\\#d7e5ff\\] {\n border-color: #d7e5ff;\n }\n .border-\\[\\#e1e1e1\\] {\n border-color: #e1e1e1;\n }\n .border-\\[\\#e2e8f0\\] {\n border-color: #e2e8f0;\n }\n .border-\\[\\#e3e3e3\\] {\n border-color: #e3e3e3;\n }\n .border-\\[\\#e4e4e7\\] {\n border-color: #e4e4e7;\n }\n .border-\\[\\#e5e5e5\\] {\n border-color: #e5e5e5;\n }\n .border-\\[\\#e5e7eb\\] {\n border-color: #e5e7eb;\n }\n .border-\\[\\#e8e8e8\\] {\n border-color: #e8e8e8;\n }\n .border-\\[\\#e9edf5\\] {\n border-color: #e9edf5;\n }\n .border-\\[\\#eaeaea\\] {\n border-color: #eaeaea;\n }\n .border-\\[\\#ececec\\] {\n border-color: #ececec;\n }\n .border-\\[\\#eeeeee\\] {\n border-color: #eeeeee;\n }\n .border-\\[\\#eef1f6\\] {\n border-color: #eef1f6;\n }\n .border-\\[\\#eef2ff\\] {\n border-color: #eef2ff;\n }\n .border-\\[\\#eff2f6\\] {\n border-color: #eff2f6;\n }\n .border-\\[\\#f0f0f0\\] {\n border-color: #f0f0f0;\n }\n .border-\\[\\#f1f1f1\\] {\n border-color: #f1f1f1;\n }\n .border-\\[\\#f1f5f9\\] {\n border-color: #f1f5f9;\n }\n .border-\\[\\#f2f2f2\\] {\n border-color: #f2f2f2;\n }\n .border-\\[\\#f3f3f3\\] {\n border-color: #f3f3f3;\n }\n .border-\\[\\#f3f4f6\\] {\n border-color: #f3f4f6;\n }\n .border-\\[\\#f5f5f5\\] {\n border-color: #f5f5f5;\n }\n .border-border {\n border-color: var(--border);\n }\n .border-card {\n border-color: var(--card);\n }\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-input {\n border-color: var(--input);\n }\n .border-red-100 {\n border-color: var(--color-red-100);\n }\n .border-red-200 {\n border-color: var(--color-red-200);\n }\n .border-red-300 {\n border-color: var(--color-red-300);\n }\n .border-slate-200 {\n border-color: var(--color-slate-200);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-white\\/20 {\n border-color: color-mix(in srgb, #fff 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n }\n }\n .border-white\\/60 {\n border-color: color-mix(in srgb, #fff 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n }\n }\n .border-t-transparent {\n border-top-color: transparent;\n }\n .border-l-transparent {\n border-left-color: transparent;\n }\n .bg-\\[\\#2563eb\\] {\n background-color: #2563eb;\n }\n .bg-\\[\\#2563eb\\]\\/10 {\n background-color: color-mix(in oklab, #2563eb 10%, transparent);\n }\n .bg-\\[\\#c9d6f8\\] {\n background-color: #c9d6f8;\n }\n .bg-\\[\\#e3ecff\\] {\n background-color: #e3ecff;\n }\n .bg-\\[\\#e8f2ff\\] {\n background-color: #e8f2ff;\n }\n .bg-\\[\\#edf2ff\\] {\n background-color: #edf2ff;\n }\n .bg-\\[\\#eef2ff\\] {\n background-color: #eef2ff;\n }\n .bg-\\[\\#eef4ff\\] {\n background-color: #eef4ff;\n }\n .bg-\\[\\#f5f7fb\\] {\n background-color: #f5f7fb;\n }\n .bg-\\[\\#f5f7ff\\] {\n background-color: #f5f7ff;\n }\n .bg-\\[\\#f8fafc\\] {\n background-color: #f8fafc;\n }\n .bg-\\[\\#f9fafb\\] {\n background-color: #f9fafb;\n }\n .bg-\\[\\#f9fafc\\] {\n background-color: #f9fafc;\n }\n .bg-\\[\\#fafafa\\] {\n background-color: #fafafa;\n }\n .bg-\\[\\#fdfdff\\] {\n background-color: #fdfdff;\n }\n .bg-accent {\n background-color: var(--accent);\n }\n .bg-background {\n background-color: var(--background);\n }\n .bg-background\\/95 {\n background-color: var(--background);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--background) 95%, transparent);\n }\n }\n .bg-black {\n background-color: var(--color-black);\n }\n .bg-black\\/50 {\n background-color: color-mix(in srgb, #000 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n }\n }\n .bg-border {\n background-color: var(--border);\n }\n .bg-card {\n background-color: var(--card);\n }\n .bg-current {\n background-color: currentcolor;\n }\n .bg-destructive {\n background-color: var(--destructive);\n }\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n .bg-green-500 {\n background-color: var(--color-green-500);\n }\n .bg-muted {\n background-color: var(--muted);\n }\n .bg-muted\\/30 {\n background-color: var(--muted);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--muted) 30%, transparent);\n }\n }\n .bg-popover {\n background-color: var(--popover);\n }\n .bg-primary {\n background-color: var(--primary);\n }\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n .bg-red-500 {\n background-color: var(--color-red-500);\n }\n .bg-secondary {\n background-color: var(--secondary);\n }\n .bg-slate-50 {\n background-color: var(--color-slate-50);\n }\n .bg-slate-100 {\n background-color: var(--color-slate-100);\n }\n .bg-slate-900\\/80 {\n background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);\n }\n }\n .bg-slate-950\\/80 {\n background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);\n }\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-white {\n background-color: var(--color-white);\n }\n .bg-white\\/10 {\n background-color: color-mix(in srgb, #fff 10%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n }\n }\n .bg-white\\/60 {\n background-color: color-mix(in srgb, #fff 60%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 60%, transparent);\n }\n }\n .bg-white\\/80 {\n background-color: color-mix(in srgb, #fff 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 80%, transparent);\n }\n }\n .bg-white\\/90 {\n background-color: color-mix(in srgb, #fff 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n }\n }\n .bg-white\\/95 {\n background-color: color-mix(in srgb, #fff 95%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-white) 95%, transparent);\n }\n }\n .bg-zinc-50 {\n background-color: var(--color-zinc-50);\n }\n .bg-zinc-900 {\n background-color: var(--color-zinc-900);\n }\n .bg-gradient-to-br {\n --tw-gradient-position: to bottom right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .from-slate-50 {\n --tw-gradient-from: var(--color-slate-50);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .to-white {\n --tw-gradient-to: var(--color-white);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .fill-current {\n fill: currentcolor;\n }\n .object-cover {\n object-fit: cover;\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .p-8 {\n padding: calc(var(--spacing) * 8);\n }\n .p-\\[3px\\] {\n padding: 3px;\n }\n .p-px {\n padding: 1px;\n }\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * 0.5);\n }\n .px-1 {\n padding-inline: calc(var(--spacing) * 1);\n }\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .px-12 {\n padding-inline: calc(var(--spacing) * 12);\n }\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n .py-6 {\n padding-block: calc(var(--spacing) * 6);\n }\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n .py-10 {\n padding-block: calc(var(--spacing) * 10);\n }\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pr-6 {\n padding-right: calc(var(--spacing) * 6);\n }\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n .pl-8 {\n padding-left: calc(var(--spacing) * 8);\n }\n .pl-9 {\n padding-left: calc(var(--spacing) * 9);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .font-mono {\n font-family: var(--font-geist-mono);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-\\[10px\\] {\n font-size: 10px;\n }\n .text-\\[11px\\] {\n font-size: 11px;\n }\n .text-\\[15px\\] {\n font-size: 15px;\n }\n .text-\\[16px\\] {\n font-size: 16px;\n }\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .tracking-wide {\n --tw-tracking: var(--tracking-wide);\n letter-spacing: var(--tracking-wide);\n }\n .tracking-widest {\n --tw-tracking: var(--tracking-widest);\n letter-spacing: var(--tracking-widest);\n }\n .break-all {\n word-break: break-all;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .whitespace-pre-wrap {\n white-space: pre-wrap;\n }\n .text-\\[\\#0f172a\\] {\n color: #0f172a;\n }\n .text-\\[\\#1f2933\\] {\n color: #1f2933;\n }\n .text-\\[\\#6b7280\\] {\n color: #6b7280;\n }\n .text-\\[\\#9b87f5\\] {\n color: #9b87f5;\n }\n .text-\\[\\#9f1239\\] {\n color: #9f1239;\n }\n .text-\\[\\#10b981\\] {\n color: #10b981;\n }\n .text-\\[\\#34d399\\] {\n color: #34d399;\n }\n .text-\\[\\#60a5fa\\] {\n color: #60a5fa;\n }\n .text-\\[\\#2563eb\\] {\n color: #2563eb;\n }\n .text-\\[\\#111827\\] {\n color: #111827;\n }\n .text-\\[\\#333333\\] {\n color: #333333;\n }\n .text-\\[\\#475569\\] {\n color: #475569;\n }\n .text-\\[\\#b91c1c\\] {\n color: #b91c1c;\n }\n .text-\\[\\#f5a623\\] {\n color: #f5a623;\n }\n .text-\\[\\#f59e0b\\] {\n color: #f59e0b;\n }\n .text-\\[\\#f97316\\] {\n color: #f97316;\n }\n .text-blue-500 {\n color: var(--color-blue-500);\n }\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n .text-card-foreground {\n color: var(--card-foreground);\n }\n .text-destructive {\n color: var(--destructive);\n }\n .text-emerald-600 {\n color: var(--color-emerald-600);\n }\n .text-foreground {\n color: var(--foreground);\n }\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n .text-gray-800 {\n color: var(--color-gray-800);\n }\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n .text-muted-foreground {\n color: var(--muted-foreground);\n }\n .text-popover-foreground {\n color: var(--popover-foreground);\n }\n .text-primary {\n color: var(--primary);\n }\n .text-primary-foreground {\n color: var(--primary-foreground);\n }\n .text-red-500 {\n color: var(--color-red-500);\n }\n .text-red-600 {\n color: var(--color-red-600);\n }\n .text-secondary-foreground {\n color: var(--secondary-foreground);\n }\n .text-slate-300 {\n color: var(--color-slate-300);\n }\n .text-slate-400 {\n color: var(--color-slate-400);\n }\n .text-slate-500 {\n color: var(--color-slate-500);\n }\n .text-slate-600 {\n color: var(--color-slate-600);\n }\n .text-slate-700 {\n color: var(--color-slate-700);\n }\n .text-slate-800 {\n color: var(--color-slate-800);\n }\n .text-slate-900 {\n color: var(--color-slate-900);\n }\n .text-white {\n color: var(--color-white);\n }\n .text-white\\/80 {\n color: color-mix(in srgb, #fff 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--color-white) 80%, transparent);\n }\n }\n .text-yellow-500 {\n color: var(--color-yellow-500);\n }\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n .text-zinc-100 {\n color: var(--color-zinc-100);\n }\n .text-zinc-500 {\n color: var(--color-zinc-500);\n }\n .text-zinc-700 {\n color: var(--color-zinc-700);\n }\n .capitalize {\n text-transform: capitalize;\n }\n .lowercase {\n text-transform: lowercase;\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .ordinal {\n --tw-ordinal: ordinal;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .ordinal\\! {\n --tw-ordinal: ordinal !important;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;\n }\n .line-through {\n text-decoration-line: line-through;\n }\n .overline {\n text-decoration-line: overline;\n }\n .underline {\n text-decoration-line: underline;\n }\n .underline-offset-4 {\n text-underline-offset: 4px;\n }\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-60 {\n opacity: 60%;\n }\n .opacity-70 {\n opacity: 70%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-\\[0_10px_36px_rgba\\(15\\,23\\,42\\,0\\.05\\)\\] {\n --tw-shadow: 0 10px 36px var(--tw-shadow-color, rgba(15,23,42,0.05));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-xs {\n --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-offset-background {\n --tw-ring-offset-color: var(--background);\n }\n .ring-offset-white {\n --tw-ring-offset-color: var(--color-white);\n }\n .outline-hidden {\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .blur {\n --tw-blur: blur(8px);\n 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,);\n }\n .invert {\n --tw-invert: invert(100%);\n 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,);\n }\n .filter {\n 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,);\n }\n .filter\\! {\n 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,) !important;\n }\n .backdrop-blur {\n --tw-backdrop-blur: blur(8px);\n -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,);\n 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,);\n }\n .backdrop-blur-sm {\n --tw-backdrop-blur: blur(var(--blur-sm));\n -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,);\n 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,);\n }\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-\\[color\\,box-shadow\\] {\n transition-property: color,box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n .select-all {\n -webkit-user-select: all;\n user-select: all;\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .\\[tl\\:br\\] {\n tl: br;\n }\n .paused {\n animation-play-state: paused;\n }\n .running {\n animation-play-state: running;\n }\n .group-hover\\:visible {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n visibility: visible;\n }\n }\n }\n .group-hover\\:opacity-100 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n opacity: 100%;\n }\n }\n }\n .group-data-\\[disabled\\=true\\]\\:pointer-events-none {\n &:is(:where(.group)[data-disabled=\"true\"] *) {\n pointer-events: none;\n }\n }\n .group-data-\\[disabled\\=true\\]\\:opacity-50 {\n &:is(:where(.group)[data-disabled=\"true\"] *) {\n opacity: 50%;\n }\n }\n .group-data-\\[vaul-drawer-direction\\=bottom\\]\\/drawer-content\\:block {\n &:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction=\"bottom\"] *) {\n display: block;\n }\n }\n .group-data-\\[vaul-drawer-direction\\=bottom\\]\\/drawer-content\\:text-center {\n &:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction=\"bottom\"] *) {\n text-align: center;\n }\n }\n .group-data-\\[vaul-drawer-direction\\=top\\]\\/drawer-content\\:text-center {\n &:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction=\"top\"] *) {\n text-align: center;\n }\n }\n .peer-disabled\\:cursor-not-allowed {\n &:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n }\n .peer-disabled\\:opacity-50 {\n &:is(:where(.peer):disabled ~ *) {\n opacity: 50%;\n }\n }\n .selection\\:bg-primary {\n & *::selection {\n background-color: var(--primary);\n }\n &::selection {\n background-color: var(--primary);\n }\n }\n .selection\\:text-primary-foreground {\n & *::selection {\n color: var(--primary-foreground);\n }\n &::selection {\n color: var(--primary-foreground);\n }\n }\n .file\\:inline-flex {\n &::file-selector-button {\n display: inline-flex;\n }\n }\n .file\\:h-7 {\n &::file-selector-button {\n height: calc(var(--spacing) * 7);\n }\n }\n .file\\:border-0 {\n &::file-selector-button {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n }\n .file\\:bg-transparent {\n &::file-selector-button {\n background-color: transparent;\n }\n }\n .file\\:text-sm {\n &::file-selector-button {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n }\n .file\\:font-medium {\n &::file-selector-button {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n }\n .file\\:text-foreground {\n &::file-selector-button {\n color: var(--foreground);\n }\n }\n .placeholder\\:text-muted-foreground {\n &::placeholder {\n color: var(--muted-foreground);\n }\n }\n .last\\:border-b-0 {\n &:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n }\n .hover\\:border-\\[\\#2563eb\\] {\n &:hover {\n @media (hover: hover) {\n border-color: #2563eb;\n }\n }\n }\n .hover\\:border-\\[\\#d6e3ff\\] {\n &:hover {\n @media (hover: hover) {\n border-color: #d6e3ff;\n }\n }\n }\n .hover\\:border-\\[\\#dbe7ff\\] {\n &:hover {\n @media (hover: hover) {\n border-color: #dbe7ff;\n }\n }\n }\n .hover\\:border-slate-200 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-slate-200);\n }\n }\n }\n .hover\\:bg-\\[\\#eef2ff\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #eef2ff;\n }\n }\n }\n .hover\\:bg-\\[\\#eff5ff\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #eff5ff;\n }\n }\n }\n .hover\\:bg-\\[\\#f5f5f5\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #f5f5f5;\n }\n }\n }\n .hover\\:bg-\\[\\#f5f7fb\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #f5f7fb;\n }\n }\n }\n .hover\\:bg-accent {\n &:hover {\n @media (hover: hover) {\n background-color: var(--accent);\n }\n }\n }\n .hover\\:bg-destructive\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n }\n }\n }\n }\n .hover\\:bg-gray-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-50);\n }\n }\n }\n .hover\\:bg-gray-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-100);\n }\n }\n }\n .hover\\:bg-muted {\n &:hover {\n @media (hover: hover) {\n background-color: var(--muted);\n }\n }\n }\n .hover\\:bg-primary\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--primary);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n }\n }\n }\n }\n .hover\\:bg-red-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-red-50);\n }\n }\n }\n .hover\\:bg-secondary\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--secondary);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--secondary) 80%, transparent);\n }\n }\n }\n }\n .hover\\:bg-white {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-white);\n }\n }\n }\n .hover\\:text-\\[\\#2563eb\\] {\n &:hover {\n @media (hover: hover) {\n color: #2563eb;\n }\n }\n }\n .hover\\:text-accent-foreground {\n &:hover {\n @media (hover: hover) {\n color: var(--accent-foreground);\n }\n }\n }\n .hover\\:text-blue-500 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-blue-500);\n }\n }\n }\n .hover\\:text-emerald-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-emerald-600);\n }\n }\n }\n .hover\\:text-gray-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-600);\n }\n }\n }\n .hover\\:text-gray-700 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-gray-700);\n }\n }\n }\n .hover\\:text-muted-foreground {\n &:hover {\n @media (hover: hover) {\n color: var(--muted-foreground);\n }\n }\n }\n .hover\\:text-red-500 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-red-500);\n }\n }\n }\n .hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n }\n .hover\\:opacity-100 {\n &:hover {\n @media (hover: hover) {\n opacity: 100%;\n }\n }\n }\n .hover\\:shadow-\\[0_14px_44px_rgba\\(15\\,23\\,42\\,0\\.08\\)\\] {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: 0 14px 44px var(--tw-shadow-color, rgba(15,23,42,0.08));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .focus\\:border-emerald-500 {\n &:focus {\n border-color: var(--color-emerald-500);\n }\n }\n .focus\\:bg-accent {\n &:focus {\n background-color: var(--accent);\n }\n }\n .focus\\:text-accent-foreground {\n &:focus {\n color: var(--accent-foreground);\n }\n }\n .focus\\:ring-0 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-2 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-ring {\n &:focus {\n --tw-ring-color: var(--ring);\n }\n }\n .focus\\:ring-offset-2 {\n &:focus {\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .focus\\:outline-hidden {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus-visible\\:border-ring {\n &:focus-visible {\n border-color: var(--ring);\n }\n }\n .focus-visible\\:ring-2 {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:ring-\\[3px\\] {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:ring-blue-400 {\n &:focus-visible {\n --tw-ring-color: var(--color-blue-400);\n }\n }\n .focus-visible\\:ring-blue-500 {\n &:focus-visible {\n --tw-ring-color: var(--color-blue-500);\n }\n }\n .focus-visible\\:ring-destructive\\/20 {\n &:focus-visible {\n --tw-ring-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n }\n .focus-visible\\:ring-red-500 {\n &:focus-visible {\n --tw-ring-color: var(--color-red-500);\n }\n }\n .focus-visible\\:ring-ring\\/50 {\n &:focus-visible {\n --tw-ring-color: var(--ring);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n }\n .focus-visible\\:outline-1 {\n &:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n }\n .focus-visible\\:outline-ring {\n &:focus-visible {\n outline-color: var(--ring);\n }\n }\n .disabled\\:pointer-events-none {\n &:disabled {\n pointer-events: none;\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .disabled\\:opacity-50 {\n &:disabled {\n opacity: 50%;\n }\n }\n .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\] {\n &:has(*[data-slot=\"card-action\"]) {\n grid-template-columns: 1fr auto;\n }\n }\n .has-\\[\\>svg\\]\\:px-2\\.5 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n }\n .has-\\[\\>svg\\]\\:px-3 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 3);\n }\n }\n .has-\\[\\>svg\\]\\:px-4 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 4);\n }\n }\n .aria-invalid\\:border-destructive {\n &[aria-invalid=\"true\"] {\n border-color: var(--destructive);\n }\n }\n .aria-invalid\\:ring-destructive\\/20 {\n &[aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n }\n .data-\\[disabled\\]\\:pointer-events-none {\n &[data-disabled] {\n pointer-events: none;\n }\n }\n .data-\\[disabled\\]\\:opacity-50 {\n &[data-disabled] {\n opacity: 50%;\n }\n }\n .data-\\[disabled\\=true\\]\\:pointer-events-none {\n &[data-disabled=\"true\"] {\n pointer-events: none;\n }\n }\n .data-\\[disabled\\=true\\]\\:opacity-50 {\n &[data-disabled=\"true\"] {\n opacity: 50%;\n }\n }\n .data-\\[inset\\]\\:pl-8 {\n &[data-inset] {\n padding-left: calc(var(--spacing) * 8);\n }\n }\n .data-\\[orientation\\=horizontal\\]\\:h-px {\n &[data-orientation=\"horizontal\"] {\n height: 1px;\n }\n }\n .data-\\[orientation\\=horizontal\\]\\:w-full {\n &[data-orientation=\"horizontal\"] {\n width: 100%;\n }\n }\n .data-\\[orientation\\=vertical\\]\\:h-full {\n &[data-orientation=\"vertical\"] {\n height: 100%;\n }\n }\n .data-\\[orientation\\=vertical\\]\\:w-px {\n &[data-orientation=\"vertical\"] {\n width: 1px;\n }\n }\n .data-\\[selected\\=true\\]\\:bg-accent {\n &[data-selected=\"true\"] {\n background-color: var(--accent);\n }\n }\n .data-\\[selected\\=true\\]\\:text-accent-foreground {\n &[data-selected=\"true\"] {\n color: var(--accent-foreground);\n }\n }\n .data-\\[side\\=bottom\\]\\:slide-in-from-top-2 {\n &[data-side=\"bottom\"] {\n --tw-enter-translate-y: calc(2*var(--spacing)*-1);\n }\n }\n .data-\\[side\\=left\\]\\:slide-in-from-right-2 {\n &[data-side=\"left\"] {\n --tw-enter-translate-x: calc(2*var(--spacing));\n }\n }\n .data-\\[side\\=right\\]\\:slide-in-from-left-2 {\n &[data-side=\"right\"] {\n --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n }\n }\n .data-\\[side\\=top\\]\\:slide-in-from-bottom-2 {\n &[data-side=\"top\"] {\n --tw-enter-translate-y: calc(2*var(--spacing));\n }\n }\n .\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:h-12 {\n :is(& *) {\n &[data-slot=\"command-input-wrapper\"] {\n height: calc(var(--spacing) * 12);\n }\n }\n }\n .data-\\[state\\=active\\]\\:bg-background {\n &[data-state=\"active\"] {\n background-color: var(--background);\n }\n }\n .data-\\[state\\=active\\]\\:shadow-sm {\n &[data-state=\"active\"] {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .data-\\[state\\=closed\\]\\:animate-out {\n &[data-state=\"closed\"] {\n animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);\n }\n }\n .data-\\[state\\=closed\\]\\:duration-300 {\n &[data-state=\"closed\"] {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n }\n .data-\\[state\\=closed\\]\\:fade-out-0 {\n &[data-state=\"closed\"] {\n --tw-exit-opacity: calc(0/100);\n --tw-exit-opacity: 0;\n }\n }\n .data-\\[state\\=closed\\]\\:zoom-out-95 {\n &[data-state=\"closed\"] {\n --tw-exit-scale: calc(95*1%);\n --tw-exit-scale: .95;\n }\n }\n .data-\\[state\\=closed\\]\\:slide-out-to-bottom {\n &[data-state=\"closed\"] {\n --tw-exit-translate-y: 100%;\n }\n }\n .data-\\[state\\=closed\\]\\:slide-out-to-left {\n &[data-state=\"closed\"] {\n --tw-exit-translate-x: -100%;\n }\n }\n .data-\\[state\\=closed\\]\\:slide-out-to-right {\n &[data-state=\"closed\"] {\n --tw-exit-translate-x: 100%;\n }\n }\n .data-\\[state\\=closed\\]\\:slide-out-to-top {\n &[data-state=\"closed\"] {\n --tw-exit-translate-y: -100%;\n }\n }\n .data-\\[state\\=on\\]\\:bg-accent {\n &[data-state=\"on\"] {\n background-color: var(--accent);\n }\n }\n .data-\\[state\\=on\\]\\:bg-slate-900 {\n &[data-state=\"on\"] {\n background-color: var(--color-slate-900);\n }\n }\n .data-\\[state\\=on\\]\\:text-accent-foreground {\n &[data-state=\"on\"] {\n color: var(--accent-foreground);\n }\n }\n .data-\\[state\\=on\\]\\:text-white {\n &[data-state=\"on\"] {\n color: var(--color-white);\n }\n }\n .data-\\[state\\=open\\]\\:animate-in {\n &[data-state=\"open\"] {\n animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);\n }\n }\n .data-\\[state\\=open\\]\\:bg-accent {\n &[data-state=\"open\"] {\n background-color: var(--accent);\n }\n }\n .data-\\[state\\=open\\]\\:bg-secondary {\n &[data-state=\"open\"] {\n background-color: var(--secondary);\n }\n }\n .data-\\[state\\=open\\]\\:text-accent-foreground {\n &[data-state=\"open\"] {\n color: var(--accent-foreground);\n }\n }\n .data-\\[state\\=open\\]\\:text-muted-foreground {\n &[data-state=\"open\"] {\n color: var(--muted-foreground);\n }\n }\n .data-\\[state\\=open\\]\\:duration-500 {\n &[data-state=\"open\"] {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n }\n .data-\\[state\\=open\\]\\:fade-in-0 {\n &[data-state=\"open\"] {\n --tw-enter-opacity: calc(0/100);\n --tw-enter-opacity: 0;\n }\n }\n .data-\\[state\\=open\\]\\:zoom-in-95 {\n &[data-state=\"open\"] {\n --tw-enter-scale: calc(95*1%);\n --tw-enter-scale: .95;\n }\n }\n .data-\\[state\\=open\\]\\:slide-in-from-bottom {\n &[data-state=\"open\"] {\n --tw-enter-translate-y: 100%;\n }\n }\n .data-\\[state\\=open\\]\\:slide-in-from-left {\n &[data-state=\"open\"] {\n --tw-enter-translate-x: -100%;\n }\n }\n .data-\\[state\\=open\\]\\:slide-in-from-right {\n &[data-state=\"open\"] {\n --tw-enter-translate-x: 100%;\n }\n }\n .data-\\[state\\=open\\]\\:slide-in-from-top {\n &[data-state=\"open\"] {\n --tw-enter-translate-y: -100%;\n }\n }\n .data-\\[variant\\=destructive\\]\\:text-destructive {\n &[data-variant=\"destructive\"] {\n color: var(--destructive);\n }\n }\n .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10 {\n &[data-variant=\"destructive\"] {\n &:focus {\n background-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n }\n }\n }\n .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive {\n &[data-variant=\"destructive\"] {\n &:focus {\n color: var(--destructive);\n }\n }\n }\n .data-\\[vaul-drawer-direction\\=bottom\\]\\:inset-x-0 {\n &[data-vaul-drawer-direction=\"bottom\"] {\n inset-inline: calc(var(--spacing) * 0);\n }\n }\n .data-\\[vaul-drawer-direction\\=bottom\\]\\:bottom-0 {\n &[data-vaul-drawer-direction=\"bottom\"] {\n bottom: calc(var(--spacing) * 0);\n }\n }\n .data-\\[vaul-drawer-direction\\=bottom\\]\\:mt-24 {\n &[data-vaul-drawer-direction=\"bottom\"] {\n margin-top: calc(var(--spacing) * 24);\n }\n }\n .data-\\[vaul-drawer-direction\\=bottom\\]\\:max-h-\\[80vh\\] {\n &[data-vaul-drawer-direction=\"bottom\"] {\n max-height: 80vh;\n }\n }\n .data-\\[vaul-drawer-direction\\=bottom\\]\\:rounded-t-lg {\n &[data-vaul-drawer-direction=\"bottom\"] {\n border-top-left-radius: var(--radius);\n border-top-right-radius: var(--radius);\n }\n }\n .data-\\[vaul-drawer-direction\\=bottom\\]\\:border-t {\n &[data-vaul-drawer-direction=\"bottom\"] {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n }\n .data-\\[vaul-drawer-direction\\=left\\]\\:inset-y-0 {\n &[data-vaul-drawer-direction=\"left\"] {\n inset-block: calc(var(--spacing) * 0);\n }\n }\n .data-\\[vaul-drawer-direction\\=left\\]\\:left-0 {\n &[data-vaul-drawer-direction=\"left\"] {\n left: calc(var(--spacing) * 0);\n }\n }\n .data-\\[vaul-drawer-direction\\=left\\]\\:w-3\\/4 {\n &[data-vaul-drawer-direction=\"left\"] {\n width: calc(3/4 * 100%);\n }\n }\n .data-\\[vaul-drawer-direction\\=left\\]\\:border-r {\n &[data-vaul-drawer-direction=\"left\"] {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n }\n .data-\\[vaul-drawer-direction\\=right\\]\\:inset-y-0 {\n &[data-vaul-drawer-direction=\"right\"] {\n inset-block: calc(var(--spacing) * 0);\n }\n }\n .data-\\[vaul-drawer-direction\\=right\\]\\:right-0 {\n &[data-vaul-drawer-direction=\"right\"] {\n right: calc(var(--spacing) * 0);\n }\n }\n .data-\\[vaul-drawer-direction\\=right\\]\\:w-3\\/4 {\n &[data-vaul-drawer-direction=\"right\"] {\n width: calc(3/4 * 100%);\n }\n }\n .data-\\[vaul-drawer-direction\\=right\\]\\:border-l {\n &[data-vaul-drawer-direction=\"right\"] {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n }\n .data-\\[vaul-drawer-direction\\=top\\]\\:inset-x-0 {\n &[data-vaul-drawer-direction=\"top\"] {\n inset-inline: calc(var(--spacing) * 0);\n }\n }\n .data-\\[vaul-drawer-direction\\=top\\]\\:top-0 {\n &[data-vaul-drawer-direction=\"top\"] {\n top: calc(var(--spacing) * 0);\n }\n }\n .data-\\[vaul-drawer-direction\\=top\\]\\:mb-24 {\n &[data-vaul-drawer-direction=\"top\"] {\n margin-bottom: calc(var(--spacing) * 24);\n }\n }\n .data-\\[vaul-drawer-direction\\=top\\]\\:max-h-\\[80vh\\] {\n &[data-vaul-drawer-direction=\"top\"] {\n max-height: 80vh;\n }\n }\n .data-\\[vaul-drawer-direction\\=top\\]\\:rounded-b-lg {\n &[data-vaul-drawer-direction=\"top\"] {\n border-bottom-right-radius: var(--radius);\n border-bottom-left-radius: var(--radius);\n }\n }\n .data-\\[vaul-drawer-direction\\=top\\]\\:border-b {\n &[data-vaul-drawer-direction=\"top\"] {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n }\n .sm\\:max-w-lg {\n @media (width >= 40rem) {\n max-width: var(--container-lg);\n }\n }\n .sm\\:max-w-sm {\n @media (width >= 40rem) {\n max-width: var(--container-sm);\n }\n }\n .sm\\:flex-row {\n @media (width >= 40rem) {\n flex-direction: row;\n }\n }\n .sm\\:justify-end {\n @media (width >= 40rem) {\n justify-content: flex-end;\n }\n }\n .sm\\:text-left {\n @media (width >= 40rem) {\n text-align: left;\n }\n }\n .data-\\[vaul-drawer-direction\\=left\\]\\:sm\\:max-w-sm {\n &[data-vaul-drawer-direction=\"left\"] {\n @media (width >= 40rem) {\n max-width: var(--container-sm);\n }\n }\n }\n .data-\\[vaul-drawer-direction\\=right\\]\\:sm\\:max-w-sm {\n &[data-vaul-drawer-direction=\"right\"] {\n @media (width >= 40rem) {\n max-width: var(--container-sm);\n }\n }\n }\n .md\\:flex {\n @media (width >= 48rem) {\n display: flex;\n }\n }\n .md\\:hidden {\n @media (width >= 48rem) {\n display: none;\n }\n }\n .md\\:grid-cols-\\[minmax\\(0\\,1fr\\)_340px\\] {\n @media (width >= 48rem) {\n grid-template-columns: minmax(0,1fr) 340px;\n }\n }\n .md\\:gap-1\\.5 {\n @media (width >= 48rem) {\n gap: calc(var(--spacing) * 1.5);\n }\n }\n .md\\:text-left {\n @media (width >= 48rem) {\n text-align: left;\n }\n }\n .md\\:text-sm {\n @media (width >= 48rem) {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n }\n .lg\\:block {\n @media (width >= 64rem) {\n display: block;\n }\n }\n .dark\\:border-input {\n &:is(.dark *) {\n border-color: var(--input);\n }\n }\n .dark\\:border-neutral-700 {\n &:is(.dark *) {\n border-color: var(--color-neutral-700);\n }\n }\n .dark\\:border-neutral-800 {\n &:is(.dark *) {\n border-color: var(--color-neutral-800);\n }\n }\n .dark\\:border-neutral-800\\/80 {\n &:is(.dark *) {\n border-color: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);\n }\n }\n }\n .dark\\:bg-destructive\\/60 {\n &:is(.dark *) {\n background-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--destructive) 60%, transparent);\n }\n }\n }\n .dark\\:bg-gray-900 {\n &:is(.dark *) {\n background-color: var(--color-gray-900);\n }\n }\n .dark\\:bg-input\\/30 {\n &:is(.dark *) {\n background-color: var(--input);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n }\n .dark\\:bg-neutral-800 {\n &:is(.dark *) {\n background-color: var(--color-neutral-800);\n }\n }\n .dark\\:bg-neutral-800\\/80 {\n &:is(.dark *) {\n background-color: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);\n }\n }\n }\n .dark\\:bg-neutral-900 {\n &:is(.dark *) {\n background-color: var(--color-neutral-900);\n }\n }\n .dark\\:bg-neutral-900\\/80 {\n &:is(.dark *) {\n background-color: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent);\n }\n }\n }\n .dark\\:bg-neutral-900\\/90 {\n &:is(.dark *) {\n background-color: color-mix(in srgb, oklch(20.5% 0 0) 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-neutral-900) 90%, transparent);\n }\n }\n }\n .dark\\:from-neutral-900 {\n &:is(.dark *) {\n --tw-gradient-from: var(--color-neutral-900);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n }\n .dark\\:to-neutral-950 {\n &:is(.dark *) {\n --tw-gradient-to: var(--color-neutral-950);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n }\n .dark\\:text-emerald-400 {\n &:is(.dark *) {\n color: var(--color-emerald-400);\n }\n }\n .dark\\:text-muted-foreground {\n &:is(.dark *) {\n color: var(--muted-foreground);\n }\n }\n .dark\\:text-neutral-50 {\n &:is(.dark *) {\n color: var(--color-neutral-50);\n }\n }\n .dark\\:text-neutral-100 {\n &:is(.dark *) {\n color: var(--color-neutral-100);\n }\n }\n .dark\\:text-neutral-200 {\n &:is(.dark *) {\n color: var(--color-neutral-200);\n }\n }\n .dark\\:text-neutral-300 {\n &:is(.dark *) {\n color: var(--color-neutral-300);\n }\n }\n .dark\\:text-neutral-400 {\n &:is(.dark *) {\n color: var(--color-neutral-400);\n }\n }\n .dark\\:hover\\:border-neutral-700 {\n &:is(.dark *) {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-neutral-700);\n }\n }\n }\n }\n .dark\\:hover\\:bg-accent\\/50 {\n &:is(.dark *) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--accent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--accent) 50%, transparent);\n }\n }\n }\n }\n }\n .dark\\:hover\\:bg-gray-800 {\n &:is(.dark *) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-800);\n }\n }\n }\n }\n .dark\\:hover\\:bg-input\\/50 {\n &:is(.dark *) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--input);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--input) 50%, transparent);\n }\n }\n }\n }\n }\n .dark\\:focus-visible\\:ring-destructive\\/40 {\n &:is(.dark *) {\n &:focus-visible {\n --tw-ring-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n }\n }\n .dark\\:aria-invalid\\:ring-destructive\\/40 {\n &:is(.dark *) {\n &[aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n }\n }\n .dark\\:data-\\[state\\=active\\]\\:border-input {\n &:is(.dark *) {\n &[data-state=\"active\"] {\n border-color: var(--input);\n }\n }\n }\n .dark\\:data-\\[state\\=active\\]\\:bg-input\\/30 {\n &:is(.dark *) {\n &[data-state=\"active\"] {\n background-color: var(--input);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n }\n }\n .dark\\:data-\\[state\\=active\\]\\:text-foreground {\n &:is(.dark *) {\n &[data-state=\"active\"] {\n color: var(--foreground);\n }\n }\n }\n .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20 {\n &:is(.dark *) {\n &[data-variant=\"destructive\"] {\n &:focus {\n background-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n }\n }\n }\n .\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 {\n & [cmdk-group-heading] {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 {\n & [cmdk-group-heading] {\n padding-block: calc(var(--spacing) * 1.5);\n }\n }\n .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs {\n & [cmdk-group-heading] {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n }\n .\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium {\n & [cmdk-group-heading] {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n }\n .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground {\n & [cmdk-group-heading] {\n color: var(--muted-foreground);\n }\n }\n .\\[\\&_\\[cmdk-group\\]\\]\\:px-2 {\n & [cmdk-group] {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 {\n & [cmdk-group]:not([hidden]) ~[cmdk-group] {\n padding-top: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 {\n & [cmdk-input-wrapper] svg {\n height: calc(var(--spacing) * 5);\n }\n }\n .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 {\n & [cmdk-input-wrapper] svg {\n width: calc(var(--spacing) * 5);\n }\n }\n .\\[\\&_\\[cmdk-input\\]\\]\\:h-12 {\n & [cmdk-input] {\n height: calc(var(--spacing) * 12);\n }\n }\n .\\[\\&_\\[cmdk-item\\]\\]\\:px-2 {\n & [cmdk-item] {\n padding-inline: calc(var(--spacing) * 2);\n }\n }\n .\\[\\&_\\[cmdk-item\\]\\]\\:py-3 {\n & [cmdk-item] {\n padding-block: calc(var(--spacing) * 3);\n }\n }\n .\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 {\n & [cmdk-item] svg {\n height: calc(var(--spacing) * 5);\n }\n }\n .\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 {\n & [cmdk-item] svg {\n width: calc(var(--spacing) * 5);\n }\n }\n .\\[\\&_svg\\]\\:pointer-events-none {\n & svg {\n pointer-events: none;\n }\n }\n .\\[\\&_svg\\]\\:shrink-0 {\n & svg {\n flex-shrink: 0;\n }\n }\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n & svg:not([class*='size-']) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-muted-foreground {\n & svg:not([class*='text-']) {\n color: var(--muted-foreground);\n }\n }\n .\\[\\.border-b\\]\\:pb-6 {\n &:is(.border-b) {\n padding-bottom: calc(var(--spacing) * 6);\n }\n }\n .\\[\\.border-t\\]\\:pt-6 {\n &:is(.border-t) {\n padding-top: calc(var(--spacing) * 6);\n }\n }\n .data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive {\n &[data-variant=\"destructive\"] {\n :is(& > *) {\n &:is(svg) {\n color: var(--destructive) !important;\n }\n }\n }\n }\n .\\[\\&\\>svg\\]\\:pointer-events-none {\n &>svg {\n pointer-events: none;\n }\n }\n .\\[\\&\\>svg\\]\\:size-3 {\n &>svg {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-accent {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: var(--accent);\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-destructive\\/90 {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n }\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-primary\\/90 {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: var(--primary);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n }\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:bg-secondary\\/90 {\n a& {\n &:hover {\n @media (hover: hover) {\n background-color: var(--secondary);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--secondary) 90%, transparent);\n }\n }\n }\n }\n }\n .\\[a\\&\\]\\:hover\\:text-accent-foreground {\n a& {\n &:hover {\n @media (hover: hover) {\n color: var(--accent-foreground);\n }\n }\n }\n }\n}\n@property --tw-animation-delay {\n syntax: \"*\";\n inherits: false;\n initial-value: 0s;\n}\n@property --tw-animation-direction {\n syntax: \"*\";\n inherits: false;\n initial-value: normal;\n}\n@property --tw-animation-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-animation-fill-mode {\n syntax: \"*\";\n inherits: false;\n initial-value: none;\n}\n@property --tw-animation-iteration-count {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-enter-blur {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-enter-opacity {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-enter-rotate {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-enter-scale {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-enter-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-enter-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-blur {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-opacity {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-exit-rotate {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-scale {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-exit-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n:root {\n --radius: 0.625rem;\n --background: oklch(1 0 0);\n --foreground: oklch(0.145 0 0);\n --card: oklch(1 0 0);\n --card-foreground: oklch(0.145 0 0);\n --popover: oklch(1 0 0);\n --popover-foreground: oklch(0.145 0 0);\n --primary: oklch(0.205 0 0);\n --primary-foreground: oklch(0.985 0 0);\n --secondary: oklch(0.97 0 0);\n --secondary-foreground: oklch(0.205 0 0);\n --muted: oklch(0.97 0 0);\n --muted-foreground: oklch(0.556 0 0);\n --accent: oklch(0.97 0 0);\n --accent-foreground: oklch(0.205 0 0);\n --destructive: oklch(0.577 0.245 27.325);\n --border: oklch(0.922 0 0);\n --input: oklch(0.922 0 0);\n --ring: oklch(0.708 0 0);\n --chart-1: oklch(0.646 0.222 41.116);\n --chart-2: oklch(0.6 0.118 184.704);\n --chart-3: oklch(0.398 0.07 227.392);\n --chart-4: oklch(0.828 0.189 84.429);\n --chart-5: oklch(0.769 0.188 70.08);\n --sidebar: oklch(0.985 0 0);\n --sidebar-foreground: oklch(0.145 0 0);\n --sidebar-primary: oklch(0.205 0 0);\n --sidebar-primary-foreground: oklch(0.985 0 0);\n --sidebar-accent: oklch(0.97 0 0);\n --sidebar-accent-foreground: oklch(0.205 0 0);\n --sidebar-border: oklch(0.922 0 0);\n --sidebar-ring: oklch(0.708 0 0);\n}\nhtml,\r\nbody,\r\n#__next {\n height: 100%;\n min-height: 100%;\n}\n.dark {\n --background: oklch(0.145 0 0);\n --foreground: oklch(0.985 0 0);\n --card: oklch(0.205 0 0);\n --card-foreground: oklch(0.985 0 0);\n --popover: oklch(0.205 0 0);\n --popover-foreground: oklch(0.985 0 0);\n --primary: oklch(0.922 0 0);\n --primary-foreground: oklch(0.205 0 0);\n --secondary: oklch(0.269 0 0);\n --secondary-foreground: oklch(0.985 0 0);\n --muted: oklch(0.269 0 0);\n --muted-foreground: oklch(0.708 0 0);\n --accent: oklch(0.269 0 0);\n --accent-foreground: oklch(0.985 0 0);\n --destructive: oklch(0.704 0.191 22.216);\n --border: oklch(1 0 0 / 10%);\n --input: oklch(1 0 0 / 15%);\n --ring: oklch(0.556 0 0);\n --chart-1: oklch(0.488 0.243 264.376);\n --chart-2: oklch(0.696 0.17 162.48);\n --chart-3: oklch(0.769 0.188 70.08);\n --chart-4: oklch(0.627 0.265 303.9);\n --chart-5: oklch(0.645 0.246 16.439);\n --sidebar: oklch(0.205 0 0);\n --sidebar-foreground: oklch(0.985 0 0);\n --sidebar-primary: oklch(0.488 0.243 264.376);\n --sidebar-primary-foreground: oklch(0.985 0 0);\n --sidebar-accent: oklch(0.269 0 0);\n --sidebar-accent-foreground: oklch(0.985 0 0);\n --sidebar-border: oklch(1 0 0 / 10%);\n --sidebar-ring: oklch(0.556 0 0);\n}\n@layer base {\n * {\n border-color: var(--border);\n outline-color: var(--ring);\n @supports (color: color-mix(in lab, red, red)) {\n outline-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n html {\n font-family: \"Inter\", system-ui, sans-serif;\n }\n body {\n background-color: var(--background);\n color: var(--foreground);\n }\n}\n@layer components {\n .wolai-hover {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n --tw-duration: 150ms;\n transition-duration: 150ms;\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-50);\n }\n }\n }\n .wolai-selected {\n border-left-style: var(--tw-border-style);\n border-left-width: 2px;\n border-color: var(--color-blue-500);\n background-color: var(--color-blue-50);\n }\n .wolai-blue {\n cursor: pointer;\n color: #2563eb;\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n }\n .wolai-editor .bn-block-outer {\n padding: 2px 0;\n }\n .wolai-editor .bn-inline-content a {\n color: #2563eb;\n text-decoration: underline;\n }\n .wolai-editor .bn-drag-handle {\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .wolai-editor .bn-block-group:hover .bn-drag-handle {\n opacity: 1;\n }\n .wolai-editor[data-heading-numbering=\"true\"] {\n counter-reset: wolai-h1 wolai-h2 wolai-h3 wolai-h4 wolai-h5;\n }\n .wolai-editor[data-heading-numbering=\"true\"] h1 {\n counter-increment: wolai-h1;\n counter-reset: wolai-h2;\n }\n .wolai-editor[data-heading-numbering=\"true\"] h1::before {\n content: counter(wolai-h1) \". \";\n color: #94a3b8;\n margin-right: 8px;\n }\n .wolai-editor[data-heading-numbering=\"true\"] h2 {\n counter-increment: wolai-h2;\n counter-reset: wolai-h3;\n }\n .wolai-editor[data-heading-numbering=\"true\"] h2::before {\n content: counter(wolai-h1) \".\" counter(wolai-h2) \". \";\n color: #94a3b8;\n margin-right: 6px;\n }\n .wolai-editor[data-heading-numbering=\"true\"] h3 {\n counter-increment: wolai-h3;\n counter-reset: wolai-h4;\n }\n .wolai-editor[data-heading-numbering=\"true\"] h3::before {\n content: counter(wolai-h1) \".\" counter(wolai-h2) \".\" counter(wolai-h3) \". \";\n color: #cbd5f5;\n margin-right: 4px;\n }\n .wolai-editor[data-heading-numbering=\"true\"] h4 {\n counter-increment: wolai-h4;\n counter-reset: wolai-h5;\n }\n .wolai-editor[data-heading-numbering=\"true\"] h4::before {\n content: counter(wolai-h1) \".\" counter(wolai-h2) \".\" counter(wolai-h3) \".\" counter(wolai-h4) \". \";\n color: #d0d7e7;\n margin-right: 4px;\n }\n .wolai-editor[data-heading-numbering=\"true\"] h5 {\n counter-increment: wolai-h5;\n }\n .wolai-editor[data-heading-numbering=\"true\"] h5::before {\n content: counter(wolai-h1) \".\" counter(wolai-h2) \".\" counter(wolai-h3) \".\" counter(wolai-h4) \".\" counter(wolai-h5) \". \";\n color: #d4d4d8;\n margin-right: 4px;\n }\n .wolai-editor-show-structure .bn-block-outer {\n outline: 1px dashed #d4d4d8;\n border-radius: 8px;\n padding: 4px 8px;\n }\n .wolai-advanced-todo {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .wolai-advanced-todo__status {\n border-radius: 999px;\n border: 1px solid #c7d2fe;\n padding: 2px 10px;\n font-size: 12px;\n cursor: pointer;\n background-color: #eef2ff;\n color: #312e81;\n }\n .wolai-advanced-todo__status.status-doing {\n border-color: #fcd34d;\n background-color: #fff7ed;\n color: #92400e;\n }\n .wolai-advanced-todo__status.status-done {\n border-color: #4ade80;\n background-color: #ecfdf5;\n color: #047857;\n }\n .wolai-advanced-todo__status.status-cancelled {\n border-color: #fecdd3;\n background-color: #fff1f2;\n color: #9f1239;\n }\n .wolai-progress {\n border-radius: 12px;\n padding: 12px;\n border: 1px solid #e5e7eb;\n background-color: #f8fafc;\n margin: 8px 0;\n }\n .wolai-progress__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 12px;\n color: #475569;\n margin-bottom: 8px;\n }\n .wolai-progress__mode {\n font-size: 11px;\n border-radius: 12px;\n background-color: #e0edff;\n color: #1d4ed8;\n padding: 2px 8px;\n }\n .wolai-progress__bar {\n position: relative;\n width: 100%;\n height: 10px;\n border-radius: 999px;\n background-color: #e4e4e7;\n overflow: hidden;\n cursor: pointer;\n }\n .wolai-progress__fill {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n border-radius: inherit;\n background-image: linear-gradient(90deg, #60a5fa, #2563eb);\n }\n .wolai-progress__percent {\n display: block;\n margin-top: 6px;\n font-size: 12px;\n color: #1d4ed8;\n font-weight: 600;\n }\n .wolai-progress__description {\n font-size: 13px;\n color: #6b7280;\n margin-top: 6px;\n }\n .wolai-media {\n position: relative;\n margin: 24px 0;\n border-radius: 18px;\n }\n .wolai-media::after {\n content: \"\";\n position: absolute;\n inset: -8px;\n border: 1px solid transparent;\n border-radius: 24px;\n transition: border-color 0.2s ease;\n pointer-events: none;\n }\n .wolai-media:hover::after,\r\n .wolai-media:focus-within::after {\n border-color: rgba(37, 99, 235, 0.15);\n }\n .wolai-media--empty {\n border: 1px dashed #bed5ff;\n background-color: #fff;\n padding: 20px;\n border-radius: 16px;\n }\n .wolai-media__canvas {\n position: relative;\n border-radius: 18px;\n overflow: hidden;\n background-color: #fff;\n box-shadow: 0 10px 40px rgba(15, 23, 42, 0.05);\n margin: 0 auto;\n }\n .wolai-media__figure {\n border-radius: inherit;\n overflow: hidden;\n background-color: #fff;\n }\n .wolai-media__figure img {\n width: 100%;\n border-radius: inherit;\n object-fit: cover;\n }\n .wolai-media__figure--border img {\n border: 1px solid #e2e8f0;\n }\n .wolai-media__figure figcaption {\n padding: 8px 12px;\n }\n .wolai-media__figure--center figcaption {\n text-align: center;\n }\n .wolai-media__figure--right figcaption {\n text-align: right;\n }\n .wolai-media__quickbar {\n position: absolute;\n top: 12px;\n right: 12px;\n display: flex;\n gap: 6px;\n padding: 4px;\n border-radius: 9999px;\n background-color: rgba(15, 23, 42, 0.85);\n box-shadow: 0 12px 32px rgba(15, 23, 42, 0.35);\n opacity: 0;\n transform: translateY(-4px);\n transition: opacity 0.15s ease, transform 0.15s ease;\n pointer-events: none;\n }\n .wolai-media:hover .wolai-media__quickbar,\r\n .wolai-media:focus-within .wolai-media__quickbar {\n opacity: 1;\n transform: translateY(0);\n pointer-events: auto;\n }\n .wolai-media__quickbutton {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 34px;\n height: 34px;\n border-radius: 9999px;\n background-color: transparent;\n color: #e2e8f0;\n border: none;\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n }\n .wolai-media__quickbutton:hover,\r\n .wolai-media__quickbutton:focus-visible {\n background-color: rgba(255, 255, 255, 0.15);\n color: #fff;\n outline: none;\n }\n .wolai-media__hint {\n margin-top: 6px;\n font-size: 12px;\n color: #94a3b8;\n text-align: left;\n }\n .wolai-media__resize-handle {\n position: absolute;\n top: 50%;\n width: 12px;\n height: 44px;\n border-radius: 2px;\n background: rgba(15, 23, 42, 0.5);\n transform: translateY(-50%);\n opacity: 0;\n transition: opacity 0.15s ease;\n cursor: ew-resize;\n z-index: 20;\n }\n .wolai-media__resize-handle--left {\n left: -6px;\n }\n .wolai-media__resize-handle--right {\n right: -6px;\n }\n .wolai-media:hover .wolai-media__resize-handle,\r\n .wolai-media:focus-within .wolai-media__resize-handle {\n opacity: 1;\n }\n .wolai-media__resize-handle.is-dragging {\n background: rgba(37, 99, 235, 0.85);\n }\n .online-table-block {\n position: relative;\n }\n .online-table-block:hover .wolai-table-resize-handle,\r\n .online-table-block:focus-within .wolai-table-resize-handle {\n opacity: 1;\n }\n .wolai-table-resize-handle {\n position: absolute;\n background: rgba(37, 99, 235, 0.12);\n border-radius: 999px;\n transition: opacity 0.15s ease, background 0.2s ease, transform 0.12s ease;\n opacity: 0;\n z-index: 40;\n box-shadow: 0 6px 18px rgba(37, 99, 235, 0.08);\n }\n .wolai-table-resize-handle.is-dragging {\n background: rgba(37, 99, 235, 0.38);\n }\n .wolai-table-resize-handle--left,\r\n .wolai-table-resize-handle--right {\n top: 50%;\n width: 10px;\n height: 34px;\n transform: translateY(-50%);\n cursor: ew-resize;\n }\n .wolai-table-resize-handle--left {\n left: 6px;\n }\n .wolai-table-resize-handle--right {\n right: 6px;\n }\n .wolai-table-resize-handle--top,\r\n .wolai-table-resize-handle--bottom {\n left: 50%;\n width: 34px;\n height: 10px;\n transform: translateX(-50%);\n cursor: ns-resize;\n }\n .wolai-table-resize-handle--top {\n top: 6px;\n }\n .wolai-table-resize-handle--bottom {\n bottom: 6px;\n }\n .wolai-table-resize-handle--top-left,\r\n .wolai-table-resize-handle--top-right,\r\n .wolai-table-resize-handle--bottom-left,\r\n .wolai-table-resize-handle--bottom-right {\n width: 12px;\n height: 12px;\n border-radius: 6px;\n }\n .wolai-table-resize-handle--top-left {\n top: 6px;\n left: 6px;\n cursor: nwse-resize;\n }\n .wolai-table-resize-handle--bottom-right {\n bottom: 6px;\n right: 6px;\n cursor: nwse-resize;\n }\n .wolai-table-resize-handle--top-right {\n top: 6px;\n right: 6px;\n cursor: nesw-resize;\n }\n .wolai-table-resize-handle--bottom-left {\n bottom: 6px;\n left: 6px;\n cursor: nesw-resize;\n }\n .luckysheet-input-box,\r\n #luckysheet-rich-text-editor {\n z-index: 100 !important;\n }\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-x-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ordinal {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-slashed-zero {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-figure {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-spacing {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-fraction {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-backdrop-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ease {\n syntax: \"*\";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes enter {\n from {\n opacity: var(--tw-enter-opacity,1);\n transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));\n filter: blur(var(--tw-enter-blur,0));\n }\n}\n@keyframes exit {\n to {\n opacity: var(--tw-exit-opacity,1);\n transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));\n filter: blur(var(--tw-exit-blur,0));\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-space-x-reverse: 0;\n --tw-divide-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-ordinal: initial;\n --tw-slashed-zero: initial;\n --tw-numeric-figure: initial;\n --tw-numeric-spacing: initial;\n --tw-numeric-fraction: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-backdrop-blur: initial;\n --tw-backdrop-brightness: initial;\n --tw-backdrop-contrast: initial;\n --tw-backdrop-grayscale: initial;\n --tw-backdrop-hue-rotate: initial;\n --tw-backdrop-invert: initial;\n --tw-backdrop-opacity: initial;\n --tw-backdrop-saturate: initial;\n --tw-backdrop-sepia: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-animation-delay: 0s;\n --tw-animation-direction: normal;\n --tw-animation-duration: initial;\n --tw-animation-fill-mode: none;\n --tw-animation-iteration-count: 1;\n --tw-enter-blur: 0;\n --tw-enter-opacity: 1;\n --tw-enter-rotate: 0;\n --tw-enter-scale: 1;\n --tw-enter-translate-x: 0;\n --tw-enter-translate-y: 0;\n --tw-exit-blur: 0;\n --tw-exit-opacity: 1;\n --tw-exit-rotate: 0;\n --tw-exit-scale: 1;\n --tw-exit-translate-x: 0;\n --tw-exit-translate-y: 0;\n }\n }\n}\r\n"]],"\n\n ",["BODY",{},"\n ",["DIV",{"class":"sb-preparing-story sb-wrapper"},"\n ",["DIV",{"class":"sb-loader"}],"\n"],"\n\n",["DIV",{"class":"sb-preparing-docs sb-wrapper"},"\n ",["DIV",{"class":"sb-previewBlock"},"\n ",["DIV",{"class":"sb-previewBlock_header"},"\n ",["DIV",{"class":"sb-previewBlock_icon"}],"\n ",["DIV",{"class":"sb-previewBlock_icon"}],"\n ",["DIV",{"class":"sb-previewBlock_icon"}],"\n ",["DIV",{"class":"sb-previewBlock_icon"}],"\n "],"\n ",["DIV",{"class":"sb-previewBlock_body"},"\n ",["DIV",{"class":"sb-loader"}],"\n "],"\n "],"\n ",["TABLE",{"aria-hidden":"true","class":"sb-argstableBlock"},"\n ",["THEAD",{"class":"sb-argstableBlock-head"},"\n ",["TR",{},"\n ",["TH",{},["SPAN",{},"Name"]],"\n ",["TH",{},["SPAN",{},"Description"]],"\n ",["TH",{},["SPAN",{},"Default"]],"\n ",["TH",{},["SPAN",{},"Control "]],"\n "],"\n "],"\n ",["TBODY",{"class":"sb-argstableBlock-body"},"\n ",["TR",{},"\n ",["TD",{},["SPAN",{},"propertyName"],["SPAN",{"title":"Required"},"*"]],"\n ",["TD",{},"\n ",["DIV",{},["SPAN",{},"This is a short description"]],"\n ",["DIV",{"class":"sb-argstableBlock-summary"},"\n ",["DIV",{},["SPAN",{"class":"sb-argstableBlock-code"},"summary"]],"\n "],"\n "],"\n ",["TD",{},"\n ",["DIV",{},["SPAN",{"class":"sb-argstableBlock-code"},"defaultValue"]],"\n "],"\n ",["TD",{},["BUTTON",{},"Set string"]],"\n "],"\n ",["TR",{},"\n ",["TD",{},["SPAN",{},"propertyName"],["SPAN",{},"*"]],"\n ",["TD",{},"\n ",["DIV",{},["SPAN",{},"This is a short description"]],"\n ",["DIV",{"class":"sb-argstableBlock-summary"},"\n ",["DIV",{},["SPAN",{"class":"sb-argstableBlock-code"},"summary"]],"\n "],"\n "],"\n ",["TD",{},"\n ",["DIV",{},["SPAN",{"class":"sb-argstableBlock-code"},"defaultValue"]],"\n "],"\n ",["TD",{},["BUTTON",{},"Set string"]],"\n "],"\n ",["TR",{},"\n ",["TD",{},["SPAN",{},"propertyName"],["SPAN",{},"*"]],"\n ",["TD",{},"\n ",["DIV",{},["SPAN",{},"This is a short description"]],"\n ",["DIV",{"class":"sb-argstableBlock-summary"},"\n ",["DIV",{},["SPAN",{"class":"sb-argstableBlock-code"},"summary"]],"\n "],"\n "],"\n ",["TD",{},"\n ",["DIV",{},["SPAN",{"class":"sb-argstableBlock-code"},"defaultValue"]],"\n "],"\n ",["TD",{},["BUTTON",{},"Set string"]],"\n "],"\n "],"\n "],"\n"],"\n\n",["DIV",{"class":"sb-nopreview sb-wrapper"},"\n ",["DIV",{"class":"sb-nopreview_main"},"\n ",["H1",{"class":"sb-nopreview_heading sb-heading"},"No Preview"],"\n ",["P",{},"Sorry, but you either have no stories or none are selected somehow."],"\n ",["UL",{},"\n ",["LI",{},"Please check the Storybook config."],"\n ",["LI",{},"Try reloading the page."],"\n "],"\n ",["P",{},"\n If the problem persists, check the browser console, or the terminal you've run Storybook from.\n "],"\n "],"\n"],"\n\n",["DIV",{"class":"sb-errordisplay sb-wrapper"},"\n ",["DIV",{"class":"sb-errordisplay_main"},"\n ",["H1",{"id":"error-message"}],"\n ",["P",{},"\n The component failed to render properly, likely due to a configuration issue in Storybook.\n Here are some common causes and how you can address them:\n "],"\n ",["OL",{},"\n ",["LI",{},"\n ",["STRONG",{},"Missing Context/Providers"],": You can use decorators to supply specific\n contexts or providers, which are sometimes necessary for components to render correctly. For\n detailed instructions on using decorators, please visit the\n ",["A",{"href":"https://storybook.js.org/docs/writing-stories/decorators"},"Decorators documentation"],".\n "],"\n ",["LI",{},"\n ",["STRONG",{},"Misconfigured Webpack or Vite"],": Verify that Storybook picks up all necessary\n settings for loaders, plugins, and other relevant parameters. You can find step-by-step\n guides for configuring\n ",["A",{"href":"https://storybook.js.org/docs/builders/webpack"},"Webpack"]," or\n ",["A",{"href":"https://storybook.js.org/docs/builders/vite"},"Vite"],"\n with Storybook.\n "],"\n ",["LI",{},"\n ",["STRONG",{},"Missing Environment Variables"],": Your Storybook may require specific\n environment variables to function as intended. You can set up custom environment variables\n as outlined in the\n ",["A",{"href":"https://storybook.js.org/docs/configure/environment-variables"},"Environment Variables documentation"],".\n "],"\n "],"\n ",["PRE",{"class":"sb-errordisplay_code"},["CODE",{"id":"error-stack"}]],"\n "],"\n"],"\n\n ",["DIV",{"id":"storybook-root"}],"\n ",["DIV",{"id":"storybook-docs"}],"\n ","\n ","\n \n\n"]],"viewport":{"width":1440,"height":900},"timestamp":11806.002,"wallTime":1764501208559,"collectionTime":3.7999999970197678,"resourceOverrides":[],"isMainFrame":true}}
{"type":"before","callId":"call@10","startTime":11811.415,"class":"Frame","method":"waitForTimeout","params":{"waitTimeout":2000},"stepId":"pw:api@36","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","beforeSnapshot":"before@call@10"}
{"type":"frame-snapshot","snapshot":{"callId":"call@10","snapshotName":"before@call@10","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","frameId":"frame@4ce425c84b5cac17dbd34c4a01657213","frameUrl":"http://127.0.0.1:7007/iframe.html?id=mindmap-kmindrenderer--interactive-lab&viewMode=story","doctype":"html","html":["HTML",{"lang":"en"},["HEAD",{},[[1,0]],[[1,1]],[[1,2]],[[1,3]],[[1,4]],["TITLE",{},"mindmap-kmindrenderer--interactive-lab"],[[1,7]],[[1,8]],[[1,9]],[[1,11]],[[1,12]],[[1,13]],[[1,14]],[[1,15]],[[1,17]],[[1,18]],[[1,19]],[[1,20]],[[1,22]]],[[1,24]],["BODY",{"class":"sb-show-preparing-story"},[[1,25]],[[1,29]],[[1,30]],[[1,181]],[[1,182]],[[1,205]],[[1,206]],[[1,252]],[[1,253]],[[1,254]],[[1,255]],[[1,256]],[[1,257]],[[1,258]],[[1,259]]]],"viewport":{"width":1440,"height":900},"timestamp":11814.457,"wallTime":1764501208582,"collectionTime":1,"resourceOverrides":[],"isMainFrame":true}}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208592.jpeg","width":1440,"height":900,"timestamp":11824.528,"frameSwapWallTime":1764501208587.935}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208608.jpeg","width":1440,"height":900,"timestamp":11840.819,"frameSwapWallTime":1764501208605.181}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208623.jpeg","width":1440,"height":900,"timestamp":11855.747,"frameSwapWallTime":1764501208620.2742}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208638.jpeg","width":1440,"height":900,"timestamp":11870.549,"frameSwapWallTime":1764501208635.469}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208667.jpeg","width":1440,"height":900,"timestamp":11900.408,"frameSwapWallTime":1764501208665.991}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208713.jpeg","width":1440,"height":900,"timestamp":11945.931,"frameSwapWallTime":1764501208711.059}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208764.jpeg","width":1440,"height":900,"timestamp":11996.624,"frameSwapWallTime":1764501208761.372}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208797.jpeg","width":1440,"height":900,"timestamp":12029.662,"frameSwapWallTime":1764501208793.976}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208847.jpeg","width":1440,"height":900,"timestamp":12080.376,"frameSwapWallTime":1764501208845.333}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208895.jpeg","width":1440,"height":900,"timestamp":12128.034,"frameSwapWallTime":1764501208893.3152}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208927.jpeg","width":1440,"height":900,"timestamp":12160.194,"frameSwapWallTime":1764501208925.7332}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501208980.jpeg","width":1440,"height":900,"timestamp":12212.627,"frameSwapWallTime":1764501208977.72}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501209028.jpeg","width":1440,"height":900,"timestamp":12261.324,"frameSwapWallTime":1764501209026.9749}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501209248.jpeg","width":1440,"height":900,"timestamp":12480.581,"frameSwapWallTime":1764501209244.725}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501209461.jpeg","width":1440,"height":900,"timestamp":12694.428,"frameSwapWallTime":1764501209459.052}
{"type":"console","messageType":"warning","text":"Module \"stream\" has been externalized for browser compatibility. Cannot access \"stream.Stream\" in client code. See https://vite.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details.","args":[{"preview":"Module \"stream\" has been externalized for browser compatibility. Cannot access \"stream.Stream\" in client code. See https://vite.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details.","value":"Module \"stream\" has been externalized for browser compatibility. Cannot access \"stream.Stream\" in client code. See https://vite.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.cache/storybook/f14f42e5131ef227ca266f993230a74245d1acaee5f4c5cea31d251aa20b07f6/sb-vite/deps/chunk-PCZYQSXR.js?v=0b16a306","lineNumber":10,"columnNumber":18},"time":12713.669,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501209677.jpeg","width":1440,"height":900,"timestamp":12909.922,"frameSwapWallTime":1764501209675.721}
{"type":"console","messageType":"info","text":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold","args":[{"preview":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools","value":"%cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools"},{"preview":"font-weight:bold","value":"font-weight:bold"}],"location":{"url":"http://127.0.0.1:7007/node_modules/.cache/storybook/f14f42e5131ef227ca266f993230a74245d1acaee5f4c5cea31d251aa20b07f6/sb-vite/deps/chunk-OX67DF3K.js?v=0b16a306","lineNumber":21680,"columnNumber":53},"time":12930.346,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501209894.jpeg","width":1440,"height":900,"timestamp":13126.749,"frameSwapWallTime":1764501209892.582}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210092.jpeg","width":1440,"height":900,"timestamp":13325.354,"frameSwapWallTime":1764501210091.418}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":13432.669,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210307.jpeg","width":1440,"height":900,"timestamp":13539.945,"frameSwapWallTime":1764501210305.2559}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":13604.848,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210508.jpeg","width":1440,"height":900,"timestamp":13740.593,"frameSwapWallTime":1764501210506.49}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":13773.797,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"after","callId":"call@10","endTime":13826.657,"afterSnapshot":"after@call@10"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210608.jpeg","width":1440,"height":900,"timestamp":13841.395,"frameSwapWallTime":1764501210606.69}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210624.jpeg","width":1440,"height":900,"timestamp":13857.159,"frameSwapWallTime":1764501210623.077}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210643.jpeg","width":1440,"height":900,"timestamp":13876.02,"frameSwapWallTime":1764501210640.0571}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210658.jpeg","width":1440,"height":900,"timestamp":13890.614,"frameSwapWallTime":1764501210655.55}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210690.jpeg","width":1440,"height":900,"timestamp":13923.306,"frameSwapWallTime":1764501210689.355}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210741.jpeg","width":1440,"height":900,"timestamp":13973.654,"frameSwapWallTime":1764501210738.915}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":13992.158,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210790.jpeg","width":1440,"height":900,"timestamp":14022.612,"frameSwapWallTime":1764501210787.933}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210840.jpeg","width":1440,"height":900,"timestamp":14072.949,"frameSwapWallTime":1764501210839.178}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210892.jpeg","width":1440,"height":900,"timestamp":14124.908,"frameSwapWallTime":1764501210890.48}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210924.jpeg","width":1440,"height":900,"timestamp":14156.756,"frameSwapWallTime":1764501210922.8262}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501210973.jpeg","width":1440,"height":900,"timestamp":14205.953,"frameSwapWallTime":1764501210971.884}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501211025.jpeg","width":1440,"height":900,"timestamp":14257.757,"frameSwapWallTime":1764501211023.597}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501211073.jpeg","width":1440,"height":900,"timestamp":14306.272,"frameSwapWallTime":1764501211071.554}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":14363.55,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501211288.jpeg","width":1440,"height":900,"timestamp":14520.63,"frameSwapWallTime":1764501211286.645}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":14537.33,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":14701.989,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501211490.jpeg","width":1440,"height":900,"timestamp":14722.472,"frameSwapWallTime":1764501211487.932}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":14853.106,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501211691.jpeg","width":1440,"height":900,"timestamp":14923.605,"frameSwapWallTime":1764501211689.615}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501211891.jpeg","width":1440,"height":900,"timestamp":15123.667,"frameSwapWallTime":1764501211889.111}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":15145.849,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501212092.jpeg","width":1440,"height":900,"timestamp":15325.125,"frameSwapWallTime":1764501212091.284}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":15419.517,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501212293.jpeg","width":1440,"height":900,"timestamp":15526.295,"frameSwapWallTime":1764501212291.813}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":15555.872,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":15696.437,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501212495.jpeg","width":1440,"height":900,"timestamp":15728.222,"frameSwapWallTime":1764501212493.4822}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":15845.128,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501212694.jpeg","width":1440,"height":900,"timestamp":15926.886,"frameSwapWallTime":1764501212692.389}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":16090.254,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501212910.jpeg","width":1440,"height":900,"timestamp":16143.022,"frameSwapWallTime":1764501212908.2861}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501213110.jpeg","width":1440,"height":900,"timestamp":16343.164,"frameSwapWallTime":1764501213108.4038}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":16348.155,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":16482.06,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501213312.jpeg","width":1440,"height":900,"timestamp":16545.29,"frameSwapWallTime":1764501213310.463}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":16652.579,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501213508.jpeg","width":1440,"height":900,"timestamp":16741.028,"frameSwapWallTime":1764501213507.209}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":16797.536,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501213712.jpeg","width":1440,"height":900,"timestamp":16945.084,"frameSwapWallTime":1764501213710.981}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":16967.401,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501213910.jpeg","width":1440,"height":900,"timestamp":17143.342,"frameSwapWallTime":1764501213909.21}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":17325.495,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501214122.jpeg","width":1440,"height":900,"timestamp":17355.183,"frameSwapWallTime":1764501214121.234}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":17505.391,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501214324.jpeg","width":1440,"height":900,"timestamp":17556.805,"frameSwapWallTime":1764501214322.208}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":17663.888,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501214538.jpeg","width":1440,"height":900,"timestamp":17771.281,"frameSwapWallTime":1764501214537.08}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":17853.407,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501214740.jpeg","width":1440,"height":900,"timestamp":17973.364,"frameSwapWallTime":1764501214738.352}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501214956.jpeg","width":1440,"height":900,"timestamp":18189.242,"frameSwapWallTime":1764501214954.8289}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":18246.822,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501215157.jpeg","width":1440,"height":900,"timestamp":18390.075,"frameSwapWallTime":1764501215155.608}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":18514.899,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501215358.jpeg","width":1440,"height":900,"timestamp":18591.103,"frameSwapWallTime":1764501215356.125}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":18696.977,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501215556.jpeg","width":1440,"height":900,"timestamp":18788.549,"frameSwapWallTime":1764501215554.261}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":18877.602,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501215757.jpeg","width":1440,"height":900,"timestamp":18990.331,"frameSwapWallTime":1764501215755.583}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501215956.jpeg","width":1440,"height":900,"timestamp":19189.304,"frameSwapWallTime":1764501215955.099}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":19244.567,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501216157.jpeg","width":1440,"height":900,"timestamp":19389.756,"frameSwapWallTime":1764501216155.398}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":19469.159,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501216373.jpeg","width":1440,"height":900,"timestamp":19606.073,"frameSwapWallTime":1764501216372.334}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":19637.652,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":19801.585,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501216575.jpeg","width":1440,"height":900,"timestamp":19808.107,"frameSwapWallTime":1764501216573.813}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501216790.jpeg","width":1440,"height":900,"timestamp":20023.353,"frameSwapWallTime":1764501216788.737}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":20041.352,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501217006.jpeg","width":1440,"height":900,"timestamp":20238.564,"frameSwapWallTime":1764501217003.8481}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":20384.975,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501217208.jpeg","width":1440,"height":900,"timestamp":20441.044,"frameSwapWallTime":1764501217206.2148}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":20581.662,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501217423.jpeg","width":1440,"height":900,"timestamp":20655.482,"frameSwapWallTime":1764501217421.593}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":20768.192,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501217625.jpeg","width":1440,"height":900,"timestamp":20857.937,"frameSwapWallTime":1764501217623.431}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":21034.761,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501217826.jpeg","width":1440,"height":900,"timestamp":21058.582,"frameSwapWallTime":1764501217824.5698}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501218023.jpeg","width":1440,"height":900,"timestamp":21256.202,"frameSwapWallTime":1764501218020.8362}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":21420.801,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501218239.jpeg","width":1440,"height":900,"timestamp":21472.247,"frameSwapWallTime":1764501218237.592}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":21608.191,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501218440.jpeg","width":1440,"height":900,"timestamp":21672.945,"frameSwapWallTime":1764501218438.3992}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":21785.651,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501218639.jpeg","width":1440,"height":900,"timestamp":21871.781,"frameSwapWallTime":1764501218637.012}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":21976.677,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501218855.jpeg","width":1440,"height":900,"timestamp":22087.731,"frameSwapWallTime":1764501218852.723}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501219042.jpeg","width":1440,"height":900,"timestamp":22274.786,"frameSwapWallTime":1764501219040.3481}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":22346.008,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501219256.jpeg","width":1440,"height":900,"timestamp":22488.64,"frameSwapWallTime":1764501219254.449}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":22511.536,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":22671.364,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501219443.jpeg","width":1440,"height":900,"timestamp":22675.78,"frameSwapWallTime":1764501219440.751}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":22842.875,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501219659.jpeg","width":1440,"height":900,"timestamp":22892.421,"frameSwapWallTime":1764501219657.702}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501219857.jpeg","width":1440,"height":900,"timestamp":23089.709,"frameSwapWallTime":1764501219855.04}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":23124.154,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501220057.jpeg","width":1440,"height":900,"timestamp":23289.618,"frameSwapWallTime":1764501220054.55}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":23445.954,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501220257.jpeg","width":1440,"height":900,"timestamp":23490.416,"frameSwapWallTime":1764501220255.6711}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":23627.078,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501220456.jpeg","width":1440,"height":900,"timestamp":23689.291,"frameSwapWallTime":1764501220454.673}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":23816.285,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501220655.jpeg","width":1440,"height":900,"timestamp":23888.271,"frameSwapWallTime":1764501220653.7012}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501220873.jpeg","width":1440,"height":900,"timestamp":24106.265,"frameSwapWallTime":1764501220871.854}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":24109.73,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501221064.jpeg","width":1440,"height":900,"timestamp":24296.805,"frameSwapWallTime":1764501221061.688}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":24437.789,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501221279.jpeg","width":1440,"height":900,"timestamp":24512.359,"frameSwapWallTime":1764501221276.69}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":24673.083,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501221478.jpeg","width":1440,"height":900,"timestamp":24711.272,"frameSwapWallTime":1764501221475.925}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":24879.504,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501221676.jpeg","width":1440,"height":900,"timestamp":24909.315,"frameSwapWallTime":1764501221674.603}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501221880.jpeg","width":1440,"height":900,"timestamp":25112.772,"frameSwapWallTime":1764501221878}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":25231.511,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501222082.jpeg","width":1440,"height":900,"timestamp":25314.474,"frameSwapWallTime":1764501222079.2}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501222297.jpeg","width":1440,"height":900,"timestamp":25529.503,"frameSwapWallTime":1764501222294.276}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":25555.439,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":25724.001,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501222510.jpeg","width":1440,"height":900,"timestamp":25743.289,"frameSwapWallTime":1764501222509.237}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":25917.097,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501222712.jpeg","width":1440,"height":900,"timestamp":25944.687,"frameSwapWallTime":1764501222709.6409}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501222908.jpeg","width":1440,"height":900,"timestamp":26140.609,"frameSwapWallTime":1764501222906.5771}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":26318.171,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501223112.jpeg","width":1440,"height":900,"timestamp":26344.811,"frameSwapWallTime":1764501223109.722}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":26502.271,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501223310.jpeg","width":1440,"height":900,"timestamp":26542.72,"frameSwapWallTime":1764501223308.5671}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":26668.038,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501223510.jpeg","width":1440,"height":900,"timestamp":26742.735,"frameSwapWallTime":1764501223508.762}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":26848.103,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501223710.jpeg","width":1440,"height":900,"timestamp":26943.28,"frameSwapWallTime":1764501223708.477}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":27131.605,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501223910.jpeg","width":1440,"height":900,"timestamp":27142.647,"frameSwapWallTime":1764501223908.4092}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501224128.jpeg","width":1440,"height":900,"timestamp":27361.253,"frameSwapWallTime":1764501224126.9}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":27434.184,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501224324.jpeg","width":1440,"height":900,"timestamp":27557.356,"frameSwapWallTime":1764501224323.667}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":27623.995,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501224526.jpeg","width":1440,"height":900,"timestamp":27759.149,"frameSwapWallTime":1764501224525.048}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":27788.298,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501224728.jpeg","width":1440,"height":900,"timestamp":27960.46,"frameSwapWallTime":1764501224726.2039}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":27983.002,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501224926.jpeg","width":1440,"height":900,"timestamp":28159.39,"frameSwapWallTime":1764501224924.863}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501225143.jpeg","width":1440,"height":900,"timestamp":28376.118,"frameSwapWallTime":1764501225141.4841}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":28413.64,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501225343.jpeg","width":1440,"height":900,"timestamp":28575.807,"frameSwapWallTime":1764501225341.123}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":28612.285,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501225544.jpeg","width":1440,"height":900,"timestamp":28776.655,"frameSwapWallTime":1764501225541.948}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":28808.821,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501225745.jpeg","width":1440,"height":900,"timestamp":28977.561,"frameSwapWallTime":1764501225742.668}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":28988.213,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501225960.jpeg","width":1440,"height":900,"timestamp":29192.507,"frameSwapWallTime":1764501225957.9402}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":29392.378,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501226160.jpeg","width":1440,"height":900,"timestamp":29393.246,"frameSwapWallTime":1764501226159.354}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501226359.jpeg","width":1440,"height":900,"timestamp":29591.835,"frameSwapWallTime":1764501226357.6719}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":29624.765,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501226559.jpeg","width":1440,"height":900,"timestamp":29792.299,"frameSwapWallTime":1764501226557.6702}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":29834.362,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501226760.jpeg","width":1440,"height":900,"timestamp":29993.188,"frameSwapWallTime":1764501226758.47}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":30107.738,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501226958.jpeg","width":1440,"height":900,"timestamp":30191.166,"frameSwapWallTime":1764501226956.2832}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501227174.jpeg","width":1440,"height":900,"timestamp":30406.915,"frameSwapWallTime":1764501227172.342}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":30455.207,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501227375.jpeg","width":1440,"height":900,"timestamp":30607.94,"frameSwapWallTime":1764501227373.476}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":30657.869,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501227575.jpeg","width":1440,"height":900,"timestamp":30807.55,"frameSwapWallTime":1764501227572.674}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":30862.373,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501227775.jpeg","width":1440,"height":900,"timestamp":31007.721,"frameSwapWallTime":1764501227772.926}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":31178.087,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501227990.jpeg","width":1440,"height":900,"timestamp":31223.375,"frameSwapWallTime":1764501227988.677}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501228189.jpeg","width":1440,"height":900,"timestamp":31421.778,"frameSwapWallTime":1764501228187.4421}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":31507.756,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501228407.jpeg","width":1440,"height":900,"timestamp":31640.29,"frameSwapWallTime":1764501228405.352}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":31712.025,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501228606.jpeg","width":1440,"height":900,"timestamp":31839.059,"frameSwapWallTime":1764501228604.455}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":31932.455,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501228806.jpeg","width":1440,"height":900,"timestamp":32039.338,"frameSwapWallTime":1764501228804.893}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501229023.jpeg","width":1440,"height":900,"timestamp":32255.553,"frameSwapWallTime":1764501229020.589}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":32342.954,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501229220.jpeg","width":1440,"height":900,"timestamp":32452.959,"frameSwapWallTime":1764501229218.31}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":32538.976,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501229424.jpeg","width":1440,"height":900,"timestamp":32657.146,"frameSwapWallTime":1764501229422.118}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":32808.15,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501229622.jpeg","width":1440,"height":900,"timestamp":32854.811,"frameSwapWallTime":1764501229621.092}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501229823.jpeg","width":1440,"height":900,"timestamp":33056.067,"frameSwapWallTime":1764501229822.052}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":33073.869,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501230023.jpeg","width":1440,"height":900,"timestamp":33255.78,"frameSwapWallTime":1764501230020.963}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501230221.jpeg","width":1440,"height":900,"timestamp":33453.897,"frameSwapWallTime":1764501230219.7312}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":33471.835,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501230423.jpeg","width":1440,"height":900,"timestamp":33656.244,"frameSwapWallTime":1764501230421.641}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":33688.084,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501230622.jpeg","width":1440,"height":900,"timestamp":33855.265,"frameSwapWallTime":1764501230620.765}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":33881.695,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501230825.jpeg","width":1440,"height":900,"timestamp":34057.724,"frameSwapWallTime":1764501230823.029}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":34226.886,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501231026.jpeg","width":1440,"height":900,"timestamp":34258.79,"frameSwapWallTime":1764501231024.2058}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501231226.jpeg","width":1440,"height":900,"timestamp":34459.404,"frameSwapWallTime":1764501231224.78}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":34470.912,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501231425.jpeg","width":1440,"height":900,"timestamp":34657.671,"frameSwapWallTime":1764501231423.0908}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":34674.734,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501231628.jpeg","width":1440,"height":900,"timestamp":34860.998,"frameSwapWallTime":1764501231626.341}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":34913.652,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501231825.jpeg","width":1440,"height":900,"timestamp":35058.263,"frameSwapWallTime":1764501231823.5012}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501232026.jpeg","width":1440,"height":900,"timestamp":35259.122,"frameSwapWallTime":1764501232025.288}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":35370.254,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501232243.jpeg","width":1440,"height":900,"timestamp":35476.097,"frameSwapWallTime":1764501232241.343}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":35574.383,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501232445.jpeg","width":1440,"height":900,"timestamp":35678.411,"frameSwapWallTime":1764501232442.014}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":35779.183,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501232641.jpeg","width":1440,"height":900,"timestamp":35874.232,"frameSwapWallTime":1764501232640.017}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":36016.953,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501232842.jpeg","width":1440,"height":900,"timestamp":36075.207,"frameSwapWallTime":1764501232840.6912}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501233042.jpeg","width":1440,"height":900,"timestamp":36274.908,"frameSwapWallTime":1764501233040.546}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":36418.89,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501233241.jpeg","width":1440,"height":900,"timestamp":36473.629,"frameSwapWallTime":1764501233239.643}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":36652.872,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501233458.jpeg","width":1440,"height":900,"timestamp":36691.386,"frameSwapWallTime":1764501233456.889}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":36867.913,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501233658.jpeg","width":1440,"height":900,"timestamp":36890.972,"frameSwapWallTime":1764501233656.3162}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501233857.jpeg","width":1440,"height":900,"timestamp":37089.677,"frameSwapWallTime":1764501233855.339}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":37189.202,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501234074.jpeg","width":1440,"height":900,"timestamp":37307.069,"frameSwapWallTime":1764501234072.5962}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":37497.794,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501234274.jpeg","width":1440,"height":900,"timestamp":37506.623,"frameSwapWallTime":1764501234272.0488}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":37721.073,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501234490.jpeg","width":1440,"height":900,"timestamp":37722.468,"frameSwapWallTime":1764501234488.0422}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501234691.jpeg","width":1440,"height":900,"timestamp":37924.242,"frameSwapWallTime":1764501234689.9941}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":37997.901,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501234876.jpeg","width":1440,"height":900,"timestamp":38109.196,"frameSwapWallTime":1764501234874.323}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501235078.jpeg","width":1440,"height":900,"timestamp":38310.591,"frameSwapWallTime":1764501235075.554}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501235289.jpeg","width":1440,"height":900,"timestamp":38521.813,"frameSwapWallTime":1764501235287.206}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":38527.873,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501235487.jpeg","width":1440,"height":900,"timestamp":38720.287,"frameSwapWallTime":1764501235486.296}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":38778.264,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501235689.jpeg","width":1440,"height":900,"timestamp":38922.085,"frameSwapWallTime":1764501235687.188}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":39108.189,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501235888.jpeg","width":1440,"height":900,"timestamp":39121.129,"frameSwapWallTime":1764501235886.924}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501236086.jpeg","width":1440,"height":900,"timestamp":39319.096,"frameSwapWallTime":1764501236085.255}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":39439.065,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501236289.jpeg","width":1440,"height":900,"timestamp":39521.659,"frameSwapWallTime":1764501236287.848}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":39664.76,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501236489.jpeg","width":1440,"height":900,"timestamp":39721.93,"frameSwapWallTime":1764501236488.235}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":39875.609,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501236688.jpeg","width":1440,"height":900,"timestamp":39920.478,"frameSwapWallTime":1764501236686.7622}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501236905.jpeg","width":1440,"height":900,"timestamp":40137.647,"frameSwapWallTime":1764501236903.719}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":40163.634,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501237103.jpeg","width":1440,"height":900,"timestamp":40336.069,"frameSwapWallTime":1764501237101.896}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":40430.813,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501237305.jpeg","width":1440,"height":900,"timestamp":40537.601,"frameSwapWallTime":1764501237303.2998}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":40634.844,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501237506.jpeg","width":1440,"height":900,"timestamp":40739.17,"frameSwapWallTime":1764501237505.3179}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":40844.099,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501237703.jpeg","width":1440,"height":900,"timestamp":40935.956,"frameSwapWallTime":1764501237702.21}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":41098.203,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501237904.jpeg","width":1440,"height":900,"timestamp":41137.424,"frameSwapWallTime":1764501237903.208}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501238123.jpeg","width":1440,"height":900,"timestamp":41356.426,"frameSwapWallTime":1764501238122.162}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":41521.228,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501238321.jpeg","width":1440,"height":900,"timestamp":41553.589,"frameSwapWallTime":1764501238319.689}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":41722.574,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501238523.jpeg","width":1440,"height":900,"timestamp":41755.869,"frameSwapWallTime":1764501238520.8262}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501238738.jpeg","width":1440,"height":900,"timestamp":41971.258,"frameSwapWallTime":1764501238736.511}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":41973.156,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501238940.jpeg","width":1440,"height":900,"timestamp":42172.52,"frameSwapWallTime":1764501238938.8188}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501239137.jpeg","width":1440,"height":900,"timestamp":42370.409,"frameSwapWallTime":1764501239135.5989}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":42393.046,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501239353.jpeg","width":1440,"height":900,"timestamp":42586.31,"frameSwapWallTime":1764501239352.077}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":42614.308,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501239554.jpeg","width":1440,"height":900,"timestamp":42786.929,"frameSwapWallTime":1764501239553.1362}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":42819.708,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501239756.jpeg","width":1440,"height":900,"timestamp":42989.208,"frameSwapWallTime":1764501239754.1758}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":43066.799,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501239972.jpeg","width":1440,"height":900,"timestamp":43204.908,"frameSwapWallTime":1764501239970.0972}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501240170.jpeg","width":1440,"height":900,"timestamp":43402.628,"frameSwapWallTime":1764501240168.777}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":43426.644,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501240373.jpeg","width":1440,"height":900,"timestamp":43605.799,"frameSwapWallTime":1764501240371.602}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":43687.347,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501240571.jpeg","width":1440,"height":900,"timestamp":43803.912,"frameSwapWallTime":1764501240570.011}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":43908.014,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501240786.jpeg","width":1440,"height":900,"timestamp":44018.601,"frameSwapWallTime":1764501240784.889}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":44212.702,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501240987.jpeg","width":1440,"height":900,"timestamp":44219.816,"frameSwapWallTime":1764501240985.8389}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501241188.jpeg","width":1440,"height":900,"timestamp":44420.53,"frameSwapWallTime":1764501241186.216}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":44479.886,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501241387.jpeg","width":1440,"height":900,"timestamp":44619.869,"frameSwapWallTime":1764501241385.4949}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":44652.133,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":44816.878,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501241587.jpeg","width":1440,"height":900,"timestamp":44819.6,"frameSwapWallTime":1764501241585.8071}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":44991.362,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501241803.jpeg","width":1440,"height":900,"timestamp":45036.256,"frameSwapWallTime":1764501241802.502}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501242003.jpeg","width":1440,"height":900,"timestamp":45236.169,"frameSwapWallTime":1764501242002.437}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":45319.875,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501242203.jpeg","width":1440,"height":900,"timestamp":45436.114,"frameSwapWallTime":1764501242202.2979}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":45496.253,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501242426.jpeg","width":1440,"height":900,"timestamp":45658.443,"frameSwapWallTime":1764501242424.206}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":45693.873,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501242625.jpeg","width":1440,"height":900,"timestamp":45857.859,"frameSwapWallTime":1764501242624.2139}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":45971.978,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501242825.jpeg","width":1440,"height":900,"timestamp":46058.087,"frameSwapWallTime":1764501242824.183}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501243026.jpeg","width":1440,"height":900,"timestamp":46258.574,"frameSwapWallTime":1764501243024.421}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":46382.358,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501243224.jpeg","width":1440,"height":900,"timestamp":46456.458,"frameSwapWallTime":1764501243222.7358}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":46606.26,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501243427.jpeg","width":1440,"height":900,"timestamp":46660.105,"frameSwapWallTime":1764501243424.898}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":46818.603,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501243623.jpeg","width":1440,"height":900,"timestamp":46855.893,"frameSwapWallTime":1764501243622.094}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":47004.571,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501243840.jpeg","width":1440,"height":900,"timestamp":47073.259,"frameSwapWallTime":1764501243839.559}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501244040.jpeg","width":1440,"height":900,"timestamp":47273.035,"frameSwapWallTime":1764501244039.303}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":47342.606,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501244240.jpeg","width":1440,"height":900,"timestamp":47472.606,"frameSwapWallTime":1764501244238.881}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":47522.27,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501244439.jpeg","width":1440,"height":900,"timestamp":47672.163,"frameSwapWallTime":1764501244438.4712}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":47707.266,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501244640.jpeg","width":1440,"height":900,"timestamp":47873.218,"frameSwapWallTime":1764501244638.649}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":47907.331,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501244840.jpeg","width":1440,"height":900,"timestamp":48073.427,"frameSwapWallTime":1764501244839.767}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":48241.93,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501245057.jpeg","width":1440,"height":900,"timestamp":48289.725,"frameSwapWallTime":1764501245055.9841}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":48478.555,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501245257.jpeg","width":1440,"height":900,"timestamp":48489.676,"frameSwapWallTime":1764501245255.696}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501245458.jpeg","width":1440,"height":900,"timestamp":48691.152,"frameSwapWallTime":1764501245456.883}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":48736.774,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501245657.jpeg","width":1440,"height":900,"timestamp":48890.397,"frameSwapWallTime":1764501245656.388}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":48917.993,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501245856.jpeg","width":1440,"height":900,"timestamp":49089.062,"frameSwapWallTime":1764501245855.458}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":49175.693,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501246056.jpeg","width":1440,"height":900,"timestamp":49289.233,"frameSwapWallTime":1764501246055.5679}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":49437.23,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501246256.jpeg","width":1440,"height":900,"timestamp":49489.132,"frameSwapWallTime":1764501246255.416}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":49647.878,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501246457.jpeg","width":1440,"height":900,"timestamp":49689.693,"frameSwapWallTime":1764501246455.9219}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501246675.jpeg","width":1440,"height":900,"timestamp":49907.869,"frameSwapWallTime":1764501246673.1428}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":49963.415,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501246876.jpeg","width":1440,"height":900,"timestamp":50108.804,"frameSwapWallTime":1764501246873.983}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501247075.jpeg","width":1440,"height":900,"timestamp":50308.249,"frameSwapWallTime":1764501247073.708}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":50436.037,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501247290.jpeg","width":1440,"height":900,"timestamp":50522.751,"frameSwapWallTime":1764501247288.808}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":50699.881,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501247506.jpeg","width":1440,"height":900,"timestamp":50738.784,"frameSwapWallTime":1764501247504.864}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":50919.882,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501247707.jpeg","width":1440,"height":900,"timestamp":50939.842,"frameSwapWallTime":1764501247705.068}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501247906.jpeg","width":1440,"height":900,"timestamp":51138.567,"frameSwapWallTime":1764501247904.312}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501248106.jpeg","width":1440,"height":900,"timestamp":51339.294,"frameSwapWallTime":1764501248104.913}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":51341.359,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501248321.jpeg","width":1440,"height":900,"timestamp":51554.436,"frameSwapWallTime":1764501248320.455}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":51626.624,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501248522.jpeg","width":1440,"height":900,"timestamp":51755.361,"frameSwapWallTime":1764501248521.201}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":51881.457,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501248723.jpeg","width":1440,"height":900,"timestamp":51955.726,"frameSwapWallTime":1764501248721.538}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501248919.jpeg","width":1440,"height":900,"timestamp":52151.825,"frameSwapWallTime":1764501248918.108}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":52304.775,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501249122.jpeg","width":1440,"height":900,"timestamp":52354.493,"frameSwapWallTime":1764501249120.26}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501249322.jpeg","width":1440,"height":900,"timestamp":52554.949,"frameSwapWallTime":1764501249320.752}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":52654.516,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501249539.jpeg","width":1440,"height":900,"timestamp":52771.858,"frameSwapWallTime":1764501249537.393}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":52913.819,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501249760.jpeg","width":1440,"height":900,"timestamp":52992.771,"frameSwapWallTime":1764501249758.396}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501249960.jpeg","width":1440,"height":900,"timestamp":53192.481,"frameSwapWallTime":1764501249957.9412}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":53288.637,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501250158.jpeg","width":1440,"height":900,"timestamp":53390.583,"frameSwapWallTime":1764501250156.426}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":53573.985,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501250357.jpeg","width":1440,"height":900,"timestamp":53590.253,"frameSwapWallTime":1764501250355.7651}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501250557.jpeg","width":1440,"height":900,"timestamp":53789.762,"frameSwapWallTime":1764501250555.203}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":53866.883,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501250771.jpeg","width":1440,"height":900,"timestamp":54004.323,"frameSwapWallTime":1764501250769.593}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501250988.jpeg","width":1440,"height":900,"timestamp":54220.639,"frameSwapWallTime":1764501250985.852}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":54270.492,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501251187.jpeg","width":1440,"height":900,"timestamp":54419.871,"frameSwapWallTime":1764501251185.793}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":54585.743,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501251388.jpeg","width":1440,"height":900,"timestamp":54620.806,"frameSwapWallTime":1764501251385.987}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":54812.085,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501251590.jpeg","width":1440,"height":900,"timestamp":54823.328,"frameSwapWallTime":1764501251589.042}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501251788.jpeg","width":1440,"height":900,"timestamp":55021.394,"frameSwapWallTime":1764501251787.2551}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":55163.339,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501252007.jpeg","width":1440,"height":900,"timestamp":55239.522,"frameSwapWallTime":1764501252004.984}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501252205.jpeg","width":1440,"height":900,"timestamp":55438.121,"frameSwapWallTime":1764501252203.5142}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":55599.661,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501252421.jpeg","width":1440,"height":900,"timestamp":55653.954,"frameSwapWallTime":1764501252419.85}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501252622.jpeg","width":1440,"height":900,"timestamp":55854.592,"frameSwapWallTime":1764501252620.367}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":55855.972,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501252821.jpeg","width":1440,"height":900,"timestamp":56053.611,"frameSwapWallTime":1764501252819.5742}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":56176.689,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501253022.jpeg","width":1440,"height":900,"timestamp":56255.017,"frameSwapWallTime":1764501253020.078}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501253224.jpeg","width":1440,"height":900,"timestamp":56457.134,"frameSwapWallTime":1764501253221.9639}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":56614.131,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501253438.jpeg","width":1440,"height":900,"timestamp":56671.059,"frameSwapWallTime":1764501253437.042}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501253657.jpeg","width":1440,"height":900,"timestamp":56890.241,"frameSwapWallTime":1764501253654.9722}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":56912.546,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501253856.jpeg","width":1440,"height":900,"timestamp":57088.494,"frameSwapWallTime":1764501253853.669}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501254073.jpeg","width":1440,"height":900,"timestamp":57305.534,"frameSwapWallTime":1764501254070.25}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":57389.219,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501254272.jpeg","width":1440,"height":900,"timestamp":57504.662,"frameSwapWallTime":1764501254270.043}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501254489.jpeg","width":1440,"height":900,"timestamp":57721.628,"frameSwapWallTime":1764501254487.701}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":57740.87,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501254686.jpeg","width":1440,"height":900,"timestamp":57919.031,"frameSwapWallTime":1764501254684.9028}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":58016.79,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501254888.jpeg","width":1440,"height":900,"timestamp":58120.663,"frameSwapWallTime":1764501254886.345}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501255089.jpeg","width":1440,"height":900,"timestamp":58321.757,"frameSwapWallTime":1764501255087.3662}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":58481.685,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501255291.jpeg","width":1440,"height":900,"timestamp":58523.451,"frameSwapWallTime":1764501255288.907}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501255510.jpeg","width":1440,"height":900,"timestamp":58743.433,"frameSwapWallTime":1764501255505.865}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":58775.953,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501255708.jpeg","width":1440,"height":900,"timestamp":58941.403,"frameSwapWallTime":1764501255706.192}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501255906.jpeg","width":1440,"height":900,"timestamp":59138.791,"frameSwapWallTime":1764501255904.1082}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":59271.44,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501256122.jpeg","width":1440,"height":900,"timestamp":59355.237,"frameSwapWallTime":1764501256120.49}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501256322.jpeg","width":1440,"height":900,"timestamp":59554.468,"frameSwapWallTime":1764501256319.639}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":59700.664,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501256521.jpeg","width":1440,"height":900,"timestamp":59754.405,"frameSwapWallTime":1764501256519.671}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501256739.jpeg","width":1440,"height":900,"timestamp":59971.649,"frameSwapWallTime":1764501256736.9949}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":59988.001,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501256955.jpeg","width":1440,"height":900,"timestamp":60188.439,"frameSwapWallTime":1764501256953.9248}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501257155.jpeg","width":1440,"height":900,"timestamp":60387.984,"frameSwapWallTime":1764501257153.829}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":60521.739,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501257356.jpeg","width":1440,"height":900,"timestamp":60588.541,"frameSwapWallTime":1764501257354.107}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501257556.jpeg","width":1440,"height":900,"timestamp":60789.078,"frameSwapWallTime":1764501257554.955}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":60813.933,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501257754.jpeg","width":1440,"height":900,"timestamp":60987.214,"frameSwapWallTime":1764501257753.0042}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":61193.799,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501257972.jpeg","width":1440,"height":900,"timestamp":61205.424,"frameSwapWallTime":1764501257970.769}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501258174.jpeg","width":1440,"height":900,"timestamp":61406.529,"frameSwapWallTime":1764501258171.561}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501258372.jpeg","width":1440,"height":900,"timestamp":61604.684,"frameSwapWallTime":1764501258370.282}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":61741.084,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501258574.jpeg","width":1440,"height":900,"timestamp":61806.566,"frameSwapWallTime":1764501258571.6309}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501258789.jpeg","width":1440,"height":900,"timestamp":62022.314,"frameSwapWallTime":1764501258787.859}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":62045.314,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501258989.jpeg","width":1440,"height":900,"timestamp":62222.299,"frameSwapWallTime":1764501258988.023}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501259190.jpeg","width":1440,"height":900,"timestamp":62423.426,"frameSwapWallTime":1764501259188.4539}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501259390.jpeg","width":1440,"height":900,"timestamp":62623.382,"frameSwapWallTime":1764501259388.793}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":62737.818,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501259605.jpeg","width":1440,"height":900,"timestamp":62837.887,"frameSwapWallTime":1764501259603.1921}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501259805.jpeg","width":1440,"height":900,"timestamp":63038.154,"frameSwapWallTime":1764501259803.534}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":63065.677,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501260006.jpeg","width":1440,"height":900,"timestamp":63238.99,"frameSwapWallTime":1764501260004.191}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501260207.jpeg","width":1440,"height":900,"timestamp":63439.58,"frameSwapWallTime":1764501260204.659}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":63649.958,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501260422.jpeg","width":1440,"height":900,"timestamp":63654.894,"frameSwapWallTime":1764501260420.382}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501260622.jpeg","width":1440,"height":900,"timestamp":63854.919,"frameSwapWallTime":1764501260620.425}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":63995.869,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501260823.jpeg","width":1440,"height":900,"timestamp":64055.688,"frameSwapWallTime":1764501260821.082}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501261012.jpeg","width":1440,"height":900,"timestamp":64244.517,"frameSwapWallTime":1764501261009.674}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501261229.jpeg","width":1440,"height":900,"timestamp":64461.711,"frameSwapWallTime":1764501261226.93}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":64582.322,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501261430.jpeg","width":1440,"height":900,"timestamp":64662.81,"frameSwapWallTime":1764501261427.0352}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501261626.jpeg","width":1440,"height":900,"timestamp":64859.428,"frameSwapWallTime":1764501261625.241}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":64990.326,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501261826.jpeg","width":1440,"height":900,"timestamp":65058.728,"frameSwapWallTime":1764501261824.547}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501262024.jpeg","width":1440,"height":900,"timestamp":65257.274,"frameSwapWallTime":1764501262022.564}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501262225.jpeg","width":1440,"height":900,"timestamp":65457.87,"frameSwapWallTime":1764501262223.542}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":65580.781,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501262428.jpeg","width":1440,"height":900,"timestamp":65661.054,"frameSwapWallTime":1764501262426.493}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501262640.jpeg","width":1440,"height":900,"timestamp":65872.871,"frameSwapWallTime":1764501262638.562}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":65906.504,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501262840.jpeg","width":1440,"height":900,"timestamp":66072.925,"frameSwapWallTime":1764501262839.3208}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":66268.722,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501263040.jpeg","width":1440,"height":900,"timestamp":66272.701,"frameSwapWallTime":1764501263038.763}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501263241.jpeg","width":1440,"height":900,"timestamp":66473.823,"frameSwapWallTime":1764501263240.166}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501263457.jpeg","width":1440,"height":900,"timestamp":66690.243,"frameSwapWallTime":1764501263456.524}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":66705.937,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501263659.jpeg","width":1440,"height":900,"timestamp":66892.219,"frameSwapWallTime":1764501263657.358}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":66958.691,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501263857.jpeg","width":1440,"height":900,"timestamp":67089.736,"frameSwapWallTime":1764501263855.897}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501264056.jpeg","width":1440,"height":900,"timestamp":67288.649,"frameSwapWallTime":1764501264054.8552}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":67423.204,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501264257.jpeg","width":1440,"height":900,"timestamp":67490.116,"frameSwapWallTime":1764501264255.72}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501264457.jpeg","width":1440,"height":900,"timestamp":67690.056,"frameSwapWallTime":1764501264455.57}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":67750.496,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501264675.jpeg","width":1440,"height":900,"timestamp":67908.128,"frameSwapWallTime":1764501264673.461}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":68047.008,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501264873.jpeg","width":1440,"height":900,"timestamp":68106.064,"frameSwapWallTime":1764501264871.9548}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501265073.jpeg","width":1440,"height":900,"timestamp":68305.252,"frameSwapWallTime":1764501265071.3699}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501265275.jpeg","width":1440,"height":900,"timestamp":68507.794,"frameSwapWallTime":1764501265273.953}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":68566.605,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501265475.jpeg","width":1440,"height":900,"timestamp":68707.444,"frameSwapWallTime":1764501265472.6929}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":68902.857,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501265678.jpeg","width":1440,"height":900,"timestamp":68910.769,"frameSwapWallTime":1764501265675.976}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501265890.jpeg","width":1440,"height":900,"timestamp":69122.255,"frameSwapWallTime":1764501265887.711}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501266091.jpeg","width":1440,"height":900,"timestamp":69323.732,"frameSwapWallTime":1764501266089.125}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":69372.346,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501266309.jpeg","width":1440,"height":900,"timestamp":69541.76,"frameSwapWallTime":1764501266306.733}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":69729.702,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501266506.jpeg","width":1440,"height":900,"timestamp":69738.777,"frameSwapWallTime":1764501266505.166}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501266708.jpeg","width":1440,"height":900,"timestamp":69941.093,"frameSwapWallTime":1764501266706.497}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":70066.8,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501266908.jpeg","width":1440,"height":900,"timestamp":70140.185,"frameSwapWallTime":1764501266905.815}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501267107.jpeg","width":1440,"height":900,"timestamp":70339.573,"frameSwapWallTime":1764501267105.415}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501267324.jpeg","width":1440,"height":900,"timestamp":70556.51,"frameSwapWallTime":1764501267322.5242}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":70606.47,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501267521.jpeg","width":1440,"height":900,"timestamp":70753.962,"frameSwapWallTime":1764501267519.816}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":70903.258,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501267723.jpeg","width":1440,"height":900,"timestamp":70955.167,"frameSwapWallTime":1764501267720.292}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501267922.jpeg","width":1440,"height":900,"timestamp":71154.254,"frameSwapWallTime":1764501267920.2212}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":71346.479,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501268139.jpeg","width":1440,"height":900,"timestamp":71371.246,"frameSwapWallTime":1764501268136.41}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501268338.jpeg","width":1440,"height":900,"timestamp":71570.217,"frameSwapWallTime":1764501268336.6}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":71728.079,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501268538.jpeg","width":1440,"height":900,"timestamp":71770.15,"frameSwapWallTime":1764501268535.825}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501268754.jpeg","width":1440,"height":900,"timestamp":71986.917,"frameSwapWallTime":1764501268752.454}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":72059.5,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501268939.jpeg","width":1440,"height":900,"timestamp":72171.284,"frameSwapWallTime":1764501268936.6501}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501269153.jpeg","width":1440,"height":900,"timestamp":72385.947,"frameSwapWallTime":1764501269151.706}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":72545.789,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501269354.jpeg","width":1440,"height":900,"timestamp":72586.214,"frameSwapWallTime":1764501269351.9941}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501269554.jpeg","width":1440,"height":900,"timestamp":72786.509,"frameSwapWallTime":1764501269552.315}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":72830.065,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501269752.jpeg","width":1440,"height":900,"timestamp":72985.09,"frameSwapWallTime":1764501269750.956}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":73076.892,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501269953.jpeg","width":1440,"height":900,"timestamp":73185.788,"frameSwapWallTime":1764501269951.355}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501270155.jpeg","width":1440,"height":900,"timestamp":73387.636,"frameSwapWallTime":1764501270152.964}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":73554.219,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501270352.jpeg","width":1440,"height":900,"timestamp":73584.812,"frameSwapWallTime":1764501270351.012}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501270570.jpeg","width":1440,"height":900,"timestamp":73802.428,"frameSwapWallTime":1764501270568.732}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":73872.126,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501270770.jpeg","width":1440,"height":900,"timestamp":74002.716,"frameSwapWallTime":1764501270768.3389}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501270975.jpeg","width":1440,"height":900,"timestamp":74208.096,"frameSwapWallTime":1764501270973.3838}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":74344.243,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501271176.jpeg","width":1440,"height":900,"timestamp":74408.717,"frameSwapWallTime":1764501271172.773}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501271374.jpeg","width":1440,"height":900,"timestamp":74606.892,"frameSwapWallTime":1764501271372.086}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501271574.jpeg","width":1440,"height":900,"timestamp":74807.072,"frameSwapWallTime":1764501271573.4219}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":74844.592,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501271772.jpeg","width":1440,"height":900,"timestamp":75004.614,"frameSwapWallTime":1764501271770.049}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501271973.jpeg","width":1440,"height":900,"timestamp":75205.618,"frameSwapWallTime":1764501271972.08}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":75224.268,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501272175.jpeg","width":1440,"height":900,"timestamp":75407.352,"frameSwapWallTime":1764501272172.7258}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501272374.jpeg","width":1440,"height":900,"timestamp":75606.913,"frameSwapWallTime":1764501272372.4849}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":75674.483,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501272575.jpeg","width":1440,"height":900,"timestamp":75807.617,"frameSwapWallTime":1764501272573.149}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":75964.515,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501272791.jpeg","width":1440,"height":900,"timestamp":76023.285,"frameSwapWallTime":1764501272788.947}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501272990.jpeg","width":1440,"height":900,"timestamp":76222.262,"frameSwapWallTime":1764501272987.77}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501273188.jpeg","width":1440,"height":900,"timestamp":76420.744,"frameSwapWallTime":1764501273187.033}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":76479.196,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501273389.jpeg","width":1440,"height":900,"timestamp":76621.471,"frameSwapWallTime":1764501273387.458}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501273589.jpeg","width":1440,"height":900,"timestamp":76821.232,"frameSwapWallTime":1764501273586.811}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":76867.164,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501273788.jpeg","width":1440,"height":900,"timestamp":77020.86,"frameSwapWallTime":1764501273786.295}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501273993.jpeg","width":1440,"height":900,"timestamp":77225.238,"frameSwapWallTime":1764501273990.365}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501274203.jpeg","width":1440,"height":900,"timestamp":77435.785,"frameSwapWallTime":1764501274201.8572}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":77455.827,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501274402.jpeg","width":1440,"height":900,"timestamp":77634.359,"frameSwapWallTime":1764501274400.512}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501274604.jpeg","width":1440,"height":900,"timestamp":77836.465,"frameSwapWallTime":1764501274602.51}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":77836.869,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501274804.jpeg","width":1440,"height":900,"timestamp":78037.068,"frameSwapWallTime":1764501274803.03}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501275003.jpeg","width":1440,"height":900,"timestamp":78235.351,"frameSwapWallTime":1764501275001.09}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":78262.789,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501275206.jpeg","width":1440,"height":900,"timestamp":78439.082,"frameSwapWallTime":1764501275204.409}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501275405.jpeg","width":1440,"height":900,"timestamp":78637.911,"frameSwapWallTime":1764501275403.457}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":78791.606,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501275606.jpeg","width":1440,"height":900,"timestamp":78838.419,"frameSwapWallTime":1764501275603.985}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501275806.jpeg","width":1440,"height":900,"timestamp":79038.332,"frameSwapWallTime":1764501275803.6611}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501276023.jpeg","width":1440,"height":900,"timestamp":79255.258,"frameSwapWallTime":1764501276020.8098}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":79262.983,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501276222.jpeg","width":1440,"height":900,"timestamp":79454.6,"frameSwapWallTime":1764501276219.876}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501276437.jpeg","width":1440,"height":900,"timestamp":79669.864,"frameSwapWallTime":1764501276435.478}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":79741.318,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501276637.jpeg","width":1440,"height":900,"timestamp":79869.509,"frameSwapWallTime":1764501276634.5378}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501276838.jpeg","width":1440,"height":900,"timestamp":80070.665,"frameSwapWallTime":1764501276836.7769}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":80108.975,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501277040.jpeg","width":1440,"height":900,"timestamp":80272.487,"frameSwapWallTime":1764501277037.614}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501277235.jpeg","width":1440,"height":900,"timestamp":80467.336,"frameSwapWallTime":1764501277233.798}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501277437.jpeg","width":1440,"height":900,"timestamp":80669.487,"frameSwapWallTime":1764501277435.401}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":80680.027,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501277637.jpeg","width":1440,"height":900,"timestamp":80869.782,"frameSwapWallTime":1764501277635.658}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":80973.965,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501277855.jpeg","width":1440,"height":900,"timestamp":81087.241,"frameSwapWallTime":1764501277853.158}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501278059.jpeg","width":1440,"height":900,"timestamp":81292.05,"frameSwapWallTime":1764501278056.4712}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":81487.748,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501278271.jpeg","width":1440,"height":900,"timestamp":81503.19,"frameSwapWallTime":1764501278268.128}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501278470.jpeg","width":1440,"height":900,"timestamp":81702.467,"frameSwapWallTime":1764501278468.005}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":81895.995,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501278671.jpeg","width":1440,"height":900,"timestamp":81903.134,"frameSwapWallTime":1764501278668.7478}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501278869.jpeg","width":1440,"height":900,"timestamp":82102.03,"frameSwapWallTime":1764501278867.816}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":82297.689,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501279071.jpeg","width":1440,"height":900,"timestamp":82303.493,"frameSwapWallTime":1764501279069.211}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501279273.jpeg","width":1440,"height":900,"timestamp":82505.379,"frameSwapWallTime":1764501279270.731}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501279474.jpeg","width":1440,"height":900,"timestamp":82706.244,"frameSwapWallTime":1764501279471.942}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":82830.788,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501279675.jpeg","width":1440,"height":900,"timestamp":82907.548,"frameSwapWallTime":1764501279673.477}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501279894.jpeg","width":1440,"height":900,"timestamp":83126.874,"frameSwapWallTime":1764501279891.615}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":83231.871,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501280093.jpeg","width":1440,"height":900,"timestamp":83325.508,"frameSwapWallTime":1764501280090.7659}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501280309.jpeg","width":1440,"height":900,"timestamp":83541.602,"frameSwapWallTime":1764501280307.1301}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501280511.jpeg","width":1440,"height":900,"timestamp":83743.756,"frameSwapWallTime":1764501280508.654}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":83875.465,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501280723.jpeg","width":1440,"height":900,"timestamp":83955.142,"frameSwapWallTime":1764501280721.041}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501280943.jpeg","width":1440,"height":900,"timestamp":84175.78,"frameSwapWallTime":1764501280941.162}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":84339.467,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501281142.jpeg","width":1440,"height":900,"timestamp":84374.599,"frameSwapWallTime":1764501281140.093}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501281340.jpeg","width":1440,"height":900,"timestamp":84573.09,"frameSwapWallTime":1764501281338.795}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501281542.jpeg","width":1440,"height":900,"timestamp":84774.321,"frameSwapWallTime":1764501281540.067}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":84869.171,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501281740.jpeg","width":1440,"height":900,"timestamp":84972.823,"frameSwapWallTime":1764501281738.8289}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501281940.jpeg","width":1440,"height":900,"timestamp":85172.39,"frameSwapWallTime":1764501281938.507}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":85324.131,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501282157.jpeg","width":1440,"height":900,"timestamp":85390.111,"frameSwapWallTime":1764501282155.188}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501282358.jpeg","width":1440,"height":900,"timestamp":85590.242,"frameSwapWallTime":1764501282355.702}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501282559.jpeg","width":1440,"height":900,"timestamp":85791.676,"frameSwapWallTime":1764501282556.897}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":85872.376,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501282775.jpeg","width":1440,"height":900,"timestamp":86007.492,"frameSwapWallTime":1764501282772.786}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501282973.jpeg","width":1440,"height":900,"timestamp":86205.787,"frameSwapWallTime":1764501282971.832}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":86374.127,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501283188.jpeg","width":1440,"height":900,"timestamp":86420.957,"frameSwapWallTime":1764501283186.907}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501283389.jpeg","width":1440,"height":900,"timestamp":86621.705,"frameSwapWallTime":1764501283387.818}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":86814.798,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501283605.jpeg","width":1440,"height":900,"timestamp":86837.92,"frameSwapWallTime":1764501283602.825}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501283790.jpeg","width":1440,"height":900,"timestamp":87022.704,"frameSwapWallTime":1764501283788.7869}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":87216.67,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501284003.jpeg","width":1440,"height":900,"timestamp":87235.422,"frameSwapWallTime":1764501284001.669}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501284221.jpeg","width":1440,"height":900,"timestamp":87453.17,"frameSwapWallTime":1764501284218.315}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501284438.jpeg","width":1440,"height":900,"timestamp":87670.332,"frameSwapWallTime":1764501284435.83}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":87740.81,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501284637.jpeg","width":1440,"height":900,"timestamp":87869.655,"frameSwapWallTime":1764501284633.59}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":88065.972,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501284837.jpeg","width":1440,"height":900,"timestamp":88069.317,"frameSwapWallTime":1764501284835.213}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501285035.jpeg","width":1440,"height":900,"timestamp":88268.104,"frameSwapWallTime":1764501285034.3462}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501285235.jpeg","width":1440,"height":900,"timestamp":88467.743,"frameSwapWallTime":1764501285233.654}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":88575.242,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501285436.jpeg","width":1440,"height":900,"timestamp":88669.046,"frameSwapWallTime":1764501285434.405}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501285653.jpeg","width":1440,"height":900,"timestamp":88885.779,"frameSwapWallTime":1764501285651.863}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":88909.459,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501285854.jpeg","width":1440,"height":900,"timestamp":89086.441,"frameSwapWallTime":1764501285852.0898}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501286055.jpeg","width":1440,"height":900,"timestamp":89287.875,"frameSwapWallTime":1764501286052.238}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":89371.664,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501286252.jpeg","width":1440,"height":900,"timestamp":89484.408,"frameSwapWallTime":1764501286250.168}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501286452.jpeg","width":1440,"height":900,"timestamp":89684.725,"frameSwapWallTime":1764501286450.905}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":89819.969,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501286655.jpeg","width":1440,"height":900,"timestamp":89887.829,"frameSwapWallTime":1764501286653.1948}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501286856.jpeg","width":1440,"height":900,"timestamp":90089.001,"frameSwapWallTime":1764501286855.3071}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":90135.265,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501287056.jpeg","width":1440,"height":900,"timestamp":90288.473,"frameSwapWallTime":1764501287054.344}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501287255.jpeg","width":1440,"height":900,"timestamp":90487.523,"frameSwapWallTime":1764501287252.9768}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501287458.jpeg","width":1440,"height":900,"timestamp":90690.151,"frameSwapWallTime":1764501287455.563}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":90758.871,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501287673.jpeg","width":1440,"height":900,"timestamp":90905.149,"frameSwapWallTime":1764501287670.8281}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501287870.jpeg","width":1440,"height":900,"timestamp":91102.347,"frameSwapWallTime":1764501287867.896}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":91121.699,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501288071.jpeg","width":1440,"height":900,"timestamp":91303.508,"frameSwapWallTime":1764501288068.6628}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501288273.jpeg","width":1440,"height":900,"timestamp":91505.93,"frameSwapWallTime":1764501288270.784}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501288489.jpeg","width":1440,"height":900,"timestamp":91722.012,"frameSwapWallTime":1764501288488.2368}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":91778.776,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501288706.jpeg","width":1440,"height":900,"timestamp":91938.578,"frameSwapWallTime":1764501288704.8281}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":92142.662,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501288920.jpeg","width":1440,"height":900,"timestamp":92152.721,"frameSwapWallTime":1764501288918.931}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501289120.jpeg","width":1440,"height":900,"timestamp":92353.076,"frameSwapWallTime":1764501289118.878}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501289337.jpeg","width":1440,"height":900,"timestamp":92569.949,"frameSwapWallTime":1764501289335.449}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":92718.533,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501289536.jpeg","width":1440,"height":900,"timestamp":92769.118,"frameSwapWallTime":1764501289535.23}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501289736.jpeg","width":1440,"height":900,"timestamp":92968.54,"frameSwapWallTime":1764501289734.7}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":93096.414,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501289937.jpeg","width":1440,"height":900,"timestamp":93169.272,"frameSwapWallTime":1764501289934.815}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501290136.jpeg","width":1440,"height":900,"timestamp":93368.606,"frameSwapWallTime":1764501290134.792}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501290336.jpeg","width":1440,"height":900,"timestamp":93569.027,"frameSwapWallTime":1764501290334.366}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":93716.299,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501290553.jpeg","width":1440,"height":900,"timestamp":93785.458,"frameSwapWallTime":1764501290550.6858}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501290738.jpeg","width":1440,"height":900,"timestamp":93970.889,"frameSwapWallTime":1764501290736.249}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":94069.717,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501290954.jpeg","width":1440,"height":900,"timestamp":94186.245,"frameSwapWallTime":1764501290951.725}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501291142.jpeg","width":1440,"height":900,"timestamp":94374.894,"frameSwapWallTime":1764501291139.159}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501291352.jpeg","width":1440,"height":900,"timestamp":94584.375,"frameSwapWallTime":1764501291350.3489}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":94625.432,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501291553.jpeg","width":1440,"height":900,"timestamp":94785.433,"frameSwapWallTime":1764501291551.5562}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501291759.jpeg","width":1440,"height":900,"timestamp":94991.419,"frameSwapWallTime":1764501291756.764}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501291959.jpeg","width":1440,"height":900,"timestamp":95191.618,"frameSwapWallTime":1764501291957.34}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":95383.667,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501292160.jpeg","width":1440,"height":900,"timestamp":95392.187,"frameSwapWallTime":1764501292157.428}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501292371.jpeg","width":1440,"height":900,"timestamp":95603.31,"frameSwapWallTime":1764501292368.8608}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501292570.jpeg","width":1440,"height":900,"timestamp":95802.264,"frameSwapWallTime":1764501292567.955}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":95908.905,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501292769.jpeg","width":1440,"height":900,"timestamp":96001.539,"frameSwapWallTime":1764501292767.153}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501292970.jpeg","width":1440,"height":900,"timestamp":96202.574,"frameSwapWallTime":1764501292968.8489}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":96290.403,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501293189.jpeg","width":1440,"height":900,"timestamp":96422.074,"frameSwapWallTime":1764501293187.287}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501293387.jpeg","width":1440,"height":900,"timestamp":96619.997,"frameSwapWallTime":1764501293385.0852}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501293587.jpeg","width":1440,"height":900,"timestamp":96819.307,"frameSwapWallTime":1764501293584.5781}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":96844.053,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501293788.jpeg","width":1440,"height":900,"timestamp":97020.199,"frameSwapWallTime":1764501293786.01}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501293987.jpeg","width":1440,"height":900,"timestamp":97219.89,"frameSwapWallTime":1764501293985.929}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":97340.165,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501294188.jpeg","width":1440,"height":900,"timestamp":97420.138,"frameSwapWallTime":1764501294186.039}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501294387.jpeg","width":1440,"height":900,"timestamp":97619.857,"frameSwapWallTime":1764501294384.4841}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501294588.jpeg","width":1440,"height":900,"timestamp":97820.302,"frameSwapWallTime":1764501294585.376}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":97903.844,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501294802.jpeg","width":1440,"height":900,"timestamp":98034.138,"frameSwapWallTime":1764501294799.592}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501295002.jpeg","width":1440,"height":900,"timestamp":98234.512,"frameSwapWallTime":1764501295000.48}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":98352.369,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501295202.jpeg","width":1440,"height":900,"timestamp":98434.537,"frameSwapWallTime":1764501295200.582}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501295401.jpeg","width":1440,"height":900,"timestamp":98633.811,"frameSwapWallTime":1764501295399.98}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501295605.jpeg","width":1440,"height":900,"timestamp":98838.126,"frameSwapWallTime":1764501295603.3372}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":98931.534,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501295804.jpeg","width":1440,"height":900,"timestamp":99036.2,"frameSwapWallTime":1764501295801.155}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501296020.jpeg","width":1440,"height":900,"timestamp":99252.401,"frameSwapWallTime":1764501296017.4849}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":99331.337,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501296224.jpeg","width":1440,"height":900,"timestamp":99456.93,"frameSwapWallTime":1764501296221.3188}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501296419.jpeg","width":1440,"height":900,"timestamp":99651.151,"frameSwapWallTime":1764501296416.559}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501296636.jpeg","width":1440,"height":900,"timestamp":99868.683,"frameSwapWallTime":1764501296634.045}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":99902.512,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501296838.jpeg","width":1440,"height":900,"timestamp":100070.743,"frameSwapWallTime":1764501296835.285}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501297037.jpeg","width":1440,"height":900,"timestamp":100269.85,"frameSwapWallTime":1764501297035.165}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":100356.654,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501297238.jpeg","width":1440,"height":900,"timestamp":100471.064,"frameSwapWallTime":1764501297236.189}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501297439.jpeg","width":1440,"height":900,"timestamp":100671.197,"frameSwapWallTime":1764501297436.141}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501297636.jpeg","width":1440,"height":900,"timestamp":100869.033,"frameSwapWallTime":1764501297635.316}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":100917.132,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501297837.jpeg","width":1440,"height":900,"timestamp":101069.967,"frameSwapWallTime":1764501297834.576}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501298037.jpeg","width":1440,"height":900,"timestamp":101269.836,"frameSwapWallTime":1764501298034.8562}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":101449.465,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501298238.jpeg","width":1440,"height":900,"timestamp":101470.976,"frameSwapWallTime":1764501298236.447}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501298454.jpeg","width":1440,"height":900,"timestamp":101687.029,"frameSwapWallTime":1764501298452.2979}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501298656.jpeg","width":1440,"height":900,"timestamp":101888.302,"frameSwapWallTime":1764501298653.699}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":101991.141,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501298871.jpeg","width":1440,"height":900,"timestamp":102103.315,"frameSwapWallTime":1764501298868.804}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501299069.jpeg","width":1440,"height":900,"timestamp":102301.129,"frameSwapWallTime":1764501299066.989}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501299270.jpeg","width":1440,"height":900,"timestamp":102503.012,"frameSwapWallTime":1764501299269.167}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":102514.589,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501299474.jpeg","width":1440,"height":900,"timestamp":102706.155,"frameSwapWallTime":1764501299470.5342}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501299671.jpeg","width":1440,"height":900,"timestamp":102903.444,"frameSwapWallTime":1764501299668.159}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":103044.823,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501299868.jpeg","width":1440,"height":900,"timestamp":103100.883,"frameSwapWallTime":1764501299866.913}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501300072.jpeg","width":1440,"height":900,"timestamp":103304.236,"frameSwapWallTime":1764501300068.917}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501300270.jpeg","width":1440,"height":900,"timestamp":103502.501,"frameSwapWallTime":1764501300268.5881}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":103544.133,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501300488.jpeg","width":1440,"height":900,"timestamp":103720.819,"frameSwapWallTime":1764501300485.898}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501300685.jpeg","width":1440,"height":900,"timestamp":103918.081,"frameSwapWallTime":1764501300683.791}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":103972.034,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501300888.jpeg","width":1440,"height":900,"timestamp":104120.538,"frameSwapWallTime":1764501300885.8691}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501301076.jpeg","width":1440,"height":900,"timestamp":104308.732,"frameSwapWallTime":1764501301073.564}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":104504.223,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501301279.jpeg","width":1440,"height":900,"timestamp":104512.091,"frameSwapWallTime":1764501301276.122}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501301477.jpeg","width":1440,"height":900,"timestamp":104709.208,"frameSwapWallTime":1764501301474.0642}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501301692.jpeg","width":1440,"height":900,"timestamp":104924.83,"frameSwapWallTime":1764501301690.041}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501301908.jpeg","width":1440,"height":900,"timestamp":105140.213,"frameSwapWallTime":1764501301905.88}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":105176.72,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501302108.jpeg","width":1440,"height":900,"timestamp":105340.527,"frameSwapWallTime":1764501302105.68}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501302314.jpeg","width":1440,"height":900,"timestamp":105546.158,"frameSwapWallTime":1764501302310.656}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501302523.jpeg","width":1440,"height":900,"timestamp":105755.749,"frameSwapWallTime":1764501302521.942}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":105862.805,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501302724.jpeg","width":1440,"height":900,"timestamp":105956.853,"frameSwapWallTime":1764501302722.355}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501302926.jpeg","width":1440,"height":900,"timestamp":106158.344,"frameSwapWallTime":1764501302923.805}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":106290.956,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501303123.jpeg","width":1440,"height":900,"timestamp":106355.534,"frameSwapWallTime":1764501303121.5361}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501303324.jpeg","width":1440,"height":900,"timestamp":106556.961,"frameSwapWallTime":1764501303322.4028}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501303523.jpeg","width":1440,"height":900,"timestamp":106755.184,"frameSwapWallTime":1764501303520.784}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":106863.619,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501303739.jpeg","width":1440,"height":900,"timestamp":106971.752,"frameSwapWallTime":1764501303736.9841}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501303941.jpeg","width":1440,"height":900,"timestamp":107173.28,"frameSwapWallTime":1764501303939.368}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":107326.539,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501304139.jpeg","width":1440,"height":900,"timestamp":107371.155,"frameSwapWallTime":1764501304136.7969}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501304338.jpeg","width":1440,"height":900,"timestamp":107570.877,"frameSwapWallTime":1764501304337.199}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501304540.jpeg","width":1440,"height":900,"timestamp":107772.483,"frameSwapWallTime":1764501304538.602}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":107850.758,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501304740.jpeg","width":1440,"height":900,"timestamp":107973.085,"frameSwapWallTime":1764501304738.168}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501304941.jpeg","width":1440,"height":900,"timestamp":108173.755,"frameSwapWallTime":1764501304938.668}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":108288.298,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501305140.jpeg","width":1440,"height":900,"timestamp":108372.93,"frameSwapWallTime":1764501305137.99}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501305340.jpeg","width":1440,"height":900,"timestamp":108572.216,"frameSwapWallTime":1764501305338.0588}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501305555.jpeg","width":1440,"height":900,"timestamp":108787.96,"frameSwapWallTime":1764501305553.426}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":108954.697,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501305754.jpeg","width":1440,"height":900,"timestamp":108986.876,"frameSwapWallTime":1764501305752.5889}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501305953.jpeg","width":1440,"height":900,"timestamp":109186.07,"frameSwapWallTime":1764501305952.158}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501306155.jpeg","width":1440,"height":900,"timestamp":109387.822,"frameSwapWallTime":1764501306153.538}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":109484.053,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501306358.jpeg","width":1440,"height":900,"timestamp":109590.352,"frameSwapWallTime":1764501306354.897}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501306572.jpeg","width":1440,"height":900,"timestamp":109804.757,"frameSwapWallTime":1764501306570.545}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":110019.984,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501306788.jpeg","width":1440,"height":900,"timestamp":110020.879,"frameSwapWallTime":1764501306787.173}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501306986.jpeg","width":1440,"height":900,"timestamp":110218.462,"frameSwapWallTime":1764501306984.626}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501307186.jpeg","width":1440,"height":900,"timestamp":110419.084,"frameSwapWallTime":1764501307185.0989}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":110582.438,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501307387.jpeg","width":1440,"height":900,"timestamp":110619.955,"frameSwapWallTime":1764501307385.52}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501307605.jpeg","width":1440,"height":900,"timestamp":110837.199,"frameSwapWallTime":1764501307602.478}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":111033.514,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501307802.jpeg","width":1440,"height":900,"timestamp":111034.175,"frameSwapWallTime":1764501307800.56}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501308004.jpeg","width":1440,"height":900,"timestamp":111236.525,"frameSwapWallTime":1764501308001.413}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501308202.jpeg","width":1440,"height":900,"timestamp":111435.111,"frameSwapWallTime":1764501308200.851}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":111588.939,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501308401.jpeg","width":1440,"height":900,"timestamp":111633.971,"frameSwapWallTime":1764501308399.348}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501308602.jpeg","width":1440,"height":900,"timestamp":111834.635,"frameSwapWallTime":1764501308600.842}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501308801.jpeg","width":1440,"height":900,"timestamp":112034.014,"frameSwapWallTime":1764501308800.215}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":112041.323,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501309018.jpeg","width":1440,"height":900,"timestamp":112250.184,"frameSwapWallTime":1764501309016.5068}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501309222.jpeg","width":1440,"height":900,"timestamp":112454.435,"frameSwapWallTime":1764501309218.8699}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":112565.057,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501309418.jpeg","width":1440,"height":900,"timestamp":112651.025,"frameSwapWallTime":1764501309416.562}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501309624.jpeg","width":1440,"height":900,"timestamp":112856.452,"frameSwapWallTime":1764501309622.4092}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":112983.29,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501309822.jpeg","width":1440,"height":900,"timestamp":113054.832,"frameSwapWallTime":1764501309821.115}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501310022.jpeg","width":1440,"height":900,"timestamp":113254.961,"frameSwapWallTime":1764501310021.153}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":113435.17,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501310223.jpeg","width":1440,"height":900,"timestamp":113455.361,"frameSwapWallTime":1764501310220.233}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501310421.jpeg","width":1440,"height":900,"timestamp":113653.867,"frameSwapWallTime":1764501310419.879}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501310621.jpeg","width":1440,"height":900,"timestamp":113853.894,"frameSwapWallTime":1764501310619.407}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":113984.79,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501310837.jpeg","width":1440,"height":900,"timestamp":114069.251,"frameSwapWallTime":1764501310834.6528}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501311037.jpeg","width":1440,"height":900,"timestamp":114269.946,"frameSwapWallTime":1764501311035.21}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501311234.jpeg","width":1440,"height":900,"timestamp":114467.124,"frameSwapWallTime":1764501311233.4749}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":114554.591,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501311440.jpeg","width":1440,"height":900,"timestamp":114672.182,"frameSwapWallTime":1764501311436.1428}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501311642.jpeg","width":1440,"height":900,"timestamp":114874.357,"frameSwapWallTime":1764501311639.701}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501311840.jpeg","width":1440,"height":900,"timestamp":115072.576,"frameSwapWallTime":1764501311838.1719}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501312040.jpeg","width":1440,"height":900,"timestamp":115272.42,"frameSwapWallTime":1764501312038.301}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":115455.959,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501312235.jpeg","width":1440,"height":900,"timestamp":115467.526,"frameSwapWallTime":1764501312233.407}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501312452.jpeg","width":1440,"height":900,"timestamp":115684.498,"frameSwapWallTime":1764501312449.794}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501312655.jpeg","width":1440,"height":900,"timestamp":115887.543,"frameSwapWallTime":1764501312652.525}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":116019.903,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501312852.jpeg","width":1440,"height":900,"timestamp":116084.468,"frameSwapWallTime":1764501312850.416}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501313051.jpeg","width":1440,"height":900,"timestamp":116283.955,"frameSwapWallTime":1764501313049.238}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501313253.jpeg","width":1440,"height":900,"timestamp":116485.723,"frameSwapWallTime":1764501313251.407}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":116538.463,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501313452.jpeg","width":1440,"height":900,"timestamp":116684.548,"frameSwapWallTime":1764501313450.313}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501313670.jpeg","width":1440,"height":900,"timestamp":116902.706,"frameSwapWallTime":1764501313667.5469}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":117068.545,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501313868.jpeg","width":1440,"height":900,"timestamp":117100.419,"frameSwapWallTime":1764501313866.344}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501314085.jpeg","width":1440,"height":900,"timestamp":117317.878,"frameSwapWallTime":1764501314083.874}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501314287.jpeg","width":1440,"height":900,"timestamp":117519.766,"frameSwapWallTime":1764501314284.893}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":117587.84,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501314488.jpeg","width":1440,"height":900,"timestamp":117720.184,"frameSwapWallTime":1764501314485.43}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501314704.jpeg","width":1440,"height":900,"timestamp":117936.574,"frameSwapWallTime":1764501314701.781}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":118094.982,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501314918.jpeg","width":1440,"height":900,"timestamp":118151.004,"frameSwapWallTime":1764501314916.393}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501315121.jpeg","width":1440,"height":900,"timestamp":118353.714,"frameSwapWallTime":1764501315118.937}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501315322.jpeg","width":1440,"height":900,"timestamp":118554.401,"frameSwapWallTime":1764501315319.4622}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":118755.685,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501315538.jpeg","width":1440,"height":900,"timestamp":118771.119,"frameSwapWallTime":1764501315536.0059}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501315735.jpeg","width":1440,"height":900,"timestamp":118967.533,"frameSwapWallTime":1764501315733.4968}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501315951.jpeg","width":1440,"height":900,"timestamp":119183.502,"frameSwapWallTime":1764501315949.841}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":119223.532,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501316155.jpeg","width":1440,"height":900,"timestamp":119387.773,"frameSwapWallTime":1764501316153.518}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501316350.jpeg","width":1440,"height":900,"timestamp":119582.747,"frameSwapWallTime":1764501316349.113}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501316554.jpeg","width":1440,"height":900,"timestamp":119786.517,"frameSwapWallTime":1764501316552.68}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":119801.235,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501316751.jpeg","width":1440,"height":900,"timestamp":119983.152,"frameSwapWallTime":1764501316749.4258}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501316952.jpeg","width":1440,"height":900,"timestamp":120184.877,"frameSwapWallTime":1764501316950.827}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":120189.531,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501317156.jpeg","width":1440,"height":900,"timestamp":120388.245,"frameSwapWallTime":1764501317154.314}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501317352.jpeg","width":1440,"height":900,"timestamp":120584.854,"frameSwapWallTime":1764501317351.027}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":120719.844,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501317567.jpeg","width":1440,"height":900,"timestamp":120799.774,"frameSwapWallTime":1764501317566.063}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501317767.jpeg","width":1440,"height":900,"timestamp":120999.397,"frameSwapWallTime":1764501317765.709}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":121101.176,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501317966.jpeg","width":1440,"height":900,"timestamp":121198.564,"frameSwapWallTime":1764501317964.968}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501318169.jpeg","width":1440,"height":900,"timestamp":121401.728,"frameSwapWallTime":1764501318167.926}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":121588.061,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501318386.jpeg","width":1440,"height":900,"timestamp":121619.03,"frameSwapWallTime":1764501318385.081}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501318584.jpeg","width":1440,"height":900,"timestamp":121816.152,"frameSwapWallTime":1764501318582.263}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":121985.669,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501318801.jpeg","width":1440,"height":900,"timestamp":122033.137,"frameSwapWallTime":1764501318799.1199}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501319001.jpeg","width":1440,"height":900,"timestamp":122233.617,"frameSwapWallTime":1764501318999.485}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":122344.295,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501319212.jpeg","width":1440,"height":900,"timestamp":122444.712,"frameSwapWallTime":1764501319209.066}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501319409.jpeg","width":1440,"height":900,"timestamp":122641.641,"frameSwapWallTime":1764501319406.373}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501319604.jpeg","width":1440,"height":900,"timestamp":122836.991,"frameSwapWallTime":1764501319603.397}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":122968.756,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501319804.jpeg","width":1440,"height":900,"timestamp":123036.809,"frameSwapWallTime":1764501319802.625}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501320023.jpeg","width":1440,"height":900,"timestamp":123255.249,"frameSwapWallTime":1764501320021.108}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501320220.jpeg","width":1440,"height":900,"timestamp":123452.622,"frameSwapWallTime":1764501320219.0981}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":123478.197,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501320438.jpeg","width":1440,"height":900,"timestamp":123670.54,"frameSwapWallTime":1764501320436.383}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501320637.jpeg","width":1440,"height":900,"timestamp":123869.404,"frameSwapWallTime":1764501320635.686}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":123905.269,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501320838.jpeg","width":1440,"height":900,"timestamp":124070.919,"frameSwapWallTime":1764501320837.044}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":124269.331,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501321037.jpeg","width":1440,"height":900,"timestamp":124269.656,"frameSwapWallTime":1764501321035.975}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501321236.jpeg","width":1440,"height":900,"timestamp":124468.931,"frameSwapWallTime":1764501321235.392}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501321437.jpeg","width":1440,"height":900,"timestamp":124670.05,"frameSwapWallTime":1764501321436.5151}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":124787.436,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501321642.jpeg","width":1440,"height":900,"timestamp":124874.562,"frameSwapWallTime":1764501321639.776}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501321838.jpeg","width":1440,"height":900,"timestamp":125070.866,"frameSwapWallTime":1764501321837.313}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":125190.442,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501322038.jpeg","width":1440,"height":900,"timestamp":125270.917,"frameSwapWallTime":1764501322037.249}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501322253.jpeg","width":1440,"height":900,"timestamp":125485.232,"frameSwapWallTime":1764501322251.333}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501322452.jpeg","width":1440,"height":900,"timestamp":125684.982,"frameSwapWallTime":1764501322451.3918}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":125741.927,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501322653.jpeg","width":1440,"height":900,"timestamp":125885.333,"frameSwapWallTime":1764501322651.637}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501322854.jpeg","width":1440,"height":900,"timestamp":126086.9,"frameSwapWallTime":1764501322853.157}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":126127.317,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501323053.jpeg","width":1440,"height":900,"timestamp":126285.663,"frameSwapWallTime":1764501323051.952}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501323268.jpeg","width":1440,"height":900,"timestamp":126500.906,"frameSwapWallTime":1764501323267.096}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":126544.482,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501323468.jpeg","width":1440,"height":900,"timestamp":126700.196,"frameSwapWallTime":1764501323466.2522}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501323667.jpeg","width":1440,"height":900,"timestamp":126899.291,"frameSwapWallTime":1764501323665.66}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":126953.889,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501323867.jpeg","width":1440,"height":900,"timestamp":127100.123,"frameSwapWallTime":1764501323866.159}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501324065.jpeg","width":1440,"height":900,"timestamp":127298.003,"frameSwapWallTime":1764501324064.429}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":127320.609,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501324283.jpeg","width":1440,"height":900,"timestamp":127515.54,"frameSwapWallTime":1764501324281.6602}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501324487.jpeg","width":1440,"height":900,"timestamp":127719.319,"frameSwapWallTime":1764501324483.851}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":127858.264,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501324686.jpeg","width":1440,"height":900,"timestamp":127919.099,"frameSwapWallTime":1764501324684.322}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501324887.jpeg","width":1440,"height":900,"timestamp":128119.452,"frameSwapWallTime":1764501324885.78}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":128228.806,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501325086.jpeg","width":1440,"height":900,"timestamp":128319.009,"frameSwapWallTime":1764501325085.226}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501325287.jpeg","width":1440,"height":900,"timestamp":128519.116,"frameSwapWallTime":1764501325285.513}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501325485.jpeg","width":1440,"height":900,"timestamp":128717.674,"frameSwapWallTime":1764501325483.9238}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":128764.095,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501325701.jpeg","width":1440,"height":900,"timestamp":128933.134,"frameSwapWallTime":1764501325699.375}
{"type":"console","messageType":"error","text":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","args":[{"preview":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.","value":"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."}],"location":{"url":"http://127.0.0.1:7007/node_modules/.pnpm/@storybook+nextjs-vite@10.1_dacb47bbd8a2db99f6b9ed9c5e25a382/node_modules/@storybook/nextjs-vite/dist/_browser-chunks/chunk-37RBXWOJ.js?v=0b16a306","lineNumber":167,"columnNumber":85},"time":129104.315,"pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9"}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501325899.jpeg","width":1440,"height":900,"timestamp":129131.676,"frameSwapWallTime":1764501325897.905}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501326101.jpeg","width":1440,"height":900,"timestamp":129333.954,"frameSwapWallTime":1764501326100.193}
{"type":"screencast-frame","pageId":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9","sha1":"page@ad767f1f2fb1c2452d2f5cb3784cf1e9-1764501326302.jpeg","width":1440,"height":900,"timestamp":129534.707,"frameSwapWallTime":1764501326300.915}
Reference in New Issue View Git Blame Copy Permalink