@visulima/dev-toolbar 1.0.12 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/apps/a11y/index.js +3 -3
  3. package/dist/apps/annotations/index.js +2 -2
  4. package/dist/apps/assets/index.js +2 -2
  5. package/dist/apps/inspector/index.js +8 -8
  6. package/dist/apps/module-graph/index.js +2 -2
  7. package/dist/apps/performance/index.js +2 -2
  8. package/dist/apps/seo/index.js +2 -2
  9. package/dist/apps/settings/index.js +2 -2
  10. package/dist/apps/tailwind/index.js +4 -4
  11. package/dist/apps/timeline/index.js +2 -2
  12. package/dist/apps/vite-config/index.js +3 -3
  13. package/dist/client/overlay.js +1 -1
  14. package/dist/index.d.ts +238 -6
  15. package/dist/index.js +1 -1
  16. package/dist/mcp/server.js +1 -1
  17. package/dist/packem_chunks/inject-source.js +7 -7
  18. package/dist/packem_shared/Alert-zKrO89oT.js +1 -0
  19. package/dist/packem_shared/{Badge-PpblpNWg.js → Badge-DdZ-eO1L.js} +1 -1
  20. package/dist/packem_shared/{Button-CAKvtfij.js → Button-C47WESqv.js} +1 -1
  21. package/dist/packem_shared/Card-CODzgyhz.js +1 -0
  22. package/dist/packem_shared/Icon-CpjIHGY8.js +1 -0
  23. package/dist/packem_shared/{Input-Dc1WiT01.js → Input-ChP0V9d9.js} +1 -1
  24. package/dist/packem_shared/Label-Dln89zeh.js +1 -0
  25. package/dist/packem_shared/Popover-BwqId7Zj.js +1 -0
  26. package/dist/packem_shared/Progress-B1MCRlIm.js +1 -0
  27. package/dist/packem_shared/Select-BHuWHvtj.js +1 -0
  28. package/dist/packem_shared/Separator-DaOoH4S4.js +1 -0
  29. package/dist/packem_shared/Skeleton-whkeV8my.js +1 -0
  30. package/dist/packem_shared/Switch-BShIjzxX.js +1 -0
  31. package/dist/packem_shared/Tabs-k8RYlor_.js +1 -0
  32. package/dist/packem_shared/{Textarea-DP9gpte-.js → Textarea-XCaIrn4D.js} +1 -1
  33. package/dist/packem_shared/Tooltip-DmnO5Vmb.js +1 -0
  34. package/dist/packem_shared/annotation-store-sGzAusBs.js +1 -0
  35. package/dist/packem_shared/clsx-BGQISBxA.js +1 -0
  36. package/dist/packem_shared/createClientRPCContext-DmkXq4kr.js +1 -0
  37. package/dist/packem_shared/createDevToolbarHook-CClREDPv.js +1 -0
  38. package/dist/packem_shared/createServerRPCContext-D0Yh-CF2.js +1 -0
  39. package/dist/packem_shared/{getGlobalHook-D6jRtv7N.js → getGlobalHook-4YRjG5eP.js} +1 -1
  40. package/dist/packem_shared/getTimelineStore-D6HA9wQA.js +1 -0
  41. package/dist/packem_shared/loadSettings-eayRSk_E.js +1 -0
  42. package/dist/packem_shared/{global-api.d-PUBE6Od9.d.ts → server.d-C41Pohjw.d.ts} +28 -226
  43. package/dist/packem_shared/sharedToolbarStylesheet-DN0y3B5k.js +2 -0
  44. package/dist/packem_shared/{store-Dqy0FbGw.js → store-BDDc96at.js} +1 -1
  45. package/dist/packem_shared/use-theme-zFyXbqmc.js +1 -0
  46. package/dist/toolbar/index.d.ts +0 -2
  47. package/dist/toolbar/index.js +3 -3
  48. package/dist/ui/index.js +1 -1
  49. package/dist/vite-plugin.d.ts +1 -3
  50. package/dist/vite-plugin.js +4 -4
  51. package/package.json +6 -6
  52. package/dist/packem_shared/Alert-CZq7C43v.js +0 -1
  53. package/dist/packem_shared/Card-BSy2oRiS.js +0 -1
  54. package/dist/packem_shared/Icon-0XYV-4AL.js +0 -1
  55. package/dist/packem_shared/Label-BZh8XxUb.js +0 -1
  56. package/dist/packem_shared/Popover-DuiU8EPg.js +0 -1
  57. package/dist/packem_shared/Progress-C90LC--2.js +0 -1
  58. package/dist/packem_shared/Select-CwD-d0pi.js +0 -1
  59. package/dist/packem_shared/Separator-PSjfhX_W.js +0 -1
  60. package/dist/packem_shared/Skeleton-BAFrGUR1.js +0 -1
  61. package/dist/packem_shared/Switch-Wpsp5M3p.js +0 -1
  62. package/dist/packem_shared/Tabs-BdNFQd3c.js +0 -1
  63. package/dist/packem_shared/Tooltip-DVeuszoY.js +0 -1
  64. package/dist/packem_shared/annotation-store-DkqJ7H3F.js +0 -1
  65. package/dist/packem_shared/clsx-CtZWcPHt.js +0 -1
  66. package/dist/packem_shared/createClientRPCContext-5Bh0Q7ai.js +0 -1
  67. package/dist/packem_shared/createDevToolbarHook-C_TF-RyL.js +0 -1
  68. package/dist/packem_shared/createServerRPCContext-Mi6xw5Iz.js +0 -1
  69. package/dist/packem_shared/getTimelineStore-BT5sImVb.js +0 -1
  70. package/dist/packem_shared/loadSettings-C0pUyx9j.js +0 -1
  71. package/dist/packem_shared/server.d-CF1fcO17.d.ts +0 -39
  72. package/dist/packem_shared/sharedToolbarStylesheet-BRJrLf-_.js +0 -2
  73. package/dist/packem_shared/use-theme-DIqZkPAe.js +0 -1
@@ -0,0 +1 @@
1
+ import{createRequire as m}from"node:module";let y;const S=e=>(y??=m(import.meta.url))(e),c=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,f=e=>{if(typeof c<"u"&&c.versions&&c.versions.node){const[t,r]=c.versions.node.split(".").map(Number);if(t>22||t===22&&r>=3||t===20&&r>=16)return c.getBuiltinModule(e)}return S(e)},o=f("node:fs/promises"),a=f("node:path"),T=".devtoolbar",_="annotations.json",w="screenshots",A=1e3,d=500,u=1e5,F=10*1024*1024;function E(e){return typeof e=="string"&&e.length>u?e.slice(0,u):e}const L=(e,t)=>{if(e.thread||(e.thread=[]),e.thread.length>=d)throw new Error(`Thread message limit reached (${d}) for this annotation.`);const r={...t,content:E(t.content),id:crypto.randomUUID(),timestamp:new Date().toISOString()};return e.thread.push(r),r},l=e=>{const t=a.join(e,T);return{annotationsFile:a.join(t,_),base:t,screenshotsDir:a.join(t,w)}},g=(e,t)=>{const r=a.resolve(e),n=a.resolve(t);return r.startsWith(n+a.sep)||r===n},N=e=>e.replaceAll(/[^a-z0-9-]/gi,""),v=async e=>{const{screenshotsDir:t}=l(e);await o.mkdir(t,{recursive:!0})},D="annotations.lock",I=1e4,M=50,O=5e3,j=async e=>new Promise(t=>{setTimeout(t,e)}),b=async e=>{const{base:t}=l(e),r=a.join(t,D);await o.mkdir(t,{recursive:!0});const n=Date.now()+O;let s=!1;for(;;)try{await o.mkdir(r),s=!0;break}catch(i){if(i.code!=="EEXIST")throw i;try{const p=await o.stat(r);if(Date.now()-p.mtimeMs>I){await o.rm(r,{force:!0,recursive:!0});continue}}catch{continue}if(Date.now()>n)break;await j(M)}return async()=>{s&&await o.rm(r,{force:!0,recursive:!0})}};let h=Promise.resolve();const R=async(e,t)=>{const r=h;let n;h=new Promise(i=>{n=i}),await r;let s;try{return t!==void 0&&(s=await b(t)),await e()}finally{s&&await s(),n()}},P=async e=>{const{annotationsFile:t}=l(e);try{const r=await o.readFile(t,"utf8"),n=JSON.parse(r);return Array.isArray(n)?n.slice(0,A).map(s=>Array.isArray(s?.thread)&&s.thread.length>d?{...s,thread:s.thread.slice(0,d)}:s):[]}catch{return[]}},X=async(e,t)=>{await v(e);const{annotationsFile:r,base:n}=l(e),s=a.join(n,`${_}.${crypto.randomUUID()}.tmp`);try{await o.writeFile(s,JSON.stringify(t,void 0,2),"utf8"),await o.rename(s,r)}catch(i){throw await o.rm(s,{force:!0}),i}},C=async(e,t)=>{if(!t.startsWith(`${w}/`))return;const{base:r}=l(e),n=a.join(r,t);if(g(n,r))try{await o.unlink(n)}catch{}};export{F as M,w as S,l as a,X as b,L as c,C as d,E as e,v as f,A as g,g as i,P as r,N as s,R as w};
@@ -0,0 +1 @@
1
+ function a(r){var n,f,t="";if(typeof r=="string"||typeof r=="number")t+=r;else if(typeof r=="object")if(Array.isArray(r)){var o=r.length;for(n=0;n<o;n++)r[n]&&(f=a(r[n]))&&(t&&(t+=" "),t+=f)}else for(f in r)r[f]&&(t&&(t+=" "),t+=f);return t}function i(){for(var r,n,f=0,t="",o=arguments.length;f<o;f++)(r=arguments[f])&&(n=a(r))&&(t&&(t+=" "),t+=n);return t}export{i as clsx,i as default};
@@ -0,0 +1 @@
1
+ const c=l=>{const s={onConfigChange:()=>{},onHMRUpdate:()=>{},onModuleUpdate:()=>{},...l},t=new Map;return globalThis.window!==void 0&&import.meta.hot&&(import.meta.hot.on("dev-toolbar:rpc:response",e=>{const o=t.get(e.id);o&&(t.delete(e.id),o.resolve(e.result))}),import.meta.hot.on("dev-toolbar:rpc:error",e=>{const o=t.get(e.id);o&&(t.delete(e.id),o.reject(new Error(e.error)))}),import.meta.hot.on("dev-toolbar:client",e=>{const{args:o,method:r}=e,n=s[r];if(n)try{n(...o)}catch(i){console.error(`[dev-toolbar] Error calling client function ${r}:`,i)}})),{async callServer(e,...o){if(globalThis.window===void 0||!import.meta.hot)throw new Error("RPC calls can only be made in browser environment with HMR");const r=`${Date.now()}-${Math.random().toString(36).slice(7)}`;return new Promise((n,i)=>{t.set(r,{reject:i,resolve:n}),setTimeout(()=>{t.has(r)&&(t.delete(r),i(new Error(`RPC call timeout: ${e}`)))},3e4),import.meta.hot.send("dev-toolbar:rpc",{args:o,id:r,method:e})})},registerFunction(e,o){s[e]=o}}};export{c as createClientRPCContext};
@@ -0,0 +1 @@
1
+ const d=(s,n)=>{const o=new Map;return{addTimelineEvent(e,t){n&&n(e,t),this.emit("timeline:event",t)},emit(e,...t){const r=o.get(e);if(r)for(const i of r)try{i(...t)}catch(f){console.error(`[dev-toolbar] Error in hook handler for ${String(e)}:`,f)}},off(e,t){const r=o.get(e);r&&(t?(r.delete(t),r.size===0&&o.delete(e)):o.delete(e))},on(e,t){return o.has(e)||o.set(e,new Set),o.get(e).add(t),()=>{const r=o.get(e);r&&(r.delete(t),r.size===0&&o.delete(e))}},once(e,t){const r=((...i)=>{t(...i),this.off(e,r)});this.on(e,r)},registerApp(e){s&&s(e)}}};export{d as createDevToolbarHook};
@@ -0,0 +1 @@
1
+ import{createRequire as O}from"node:module";import{w as x,r as g,e as m,d as F,c as k,b as S,f as B,a as C,s as z,M as E,i as y,S as P,g as j}from"./annotation-store-sGzAusBs.js";import{normalizePath as T}from"vite";let R;const $=s=>(R??=O(import.meta.url))(s),h=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,v=s=>{if(typeof h<"u"&&h.versions&&h.versions.node){const[e,t]=h.versions.node.split(".").map(Number);if(e>22||e===22&&t>=3||e===20&&t>=16)return h.getBuiltinModule(s)}return $(s)},d=v("node:fs/promises"),f=v("node:path"),{createRequire:L}=v("node:module"),N=async s=>g(s.config.root),X=async(s,e)=>x(async()=>{const{root:t}=s.config,n=new Date().toISOString(),r=await g(t);if(r.length>=j)throw new Error(`Annotation limit reached (${j}). Resolve or delete existing annotations before creating new ones.`);const i={accessibility:e.accessibility,boundingBox:e.boundingBox,comment:m(e.comment),computedStyles:m(e.computedStyles),createdAt:n,cssClasses:m(e.cssClasses),elementBoundingBoxes:e.elementBoundingBoxes,elementLabel:m(e.elementLabel),elementPath:m(e.elementPath),elementTag:e.elementTag,frameworkContext:e.frameworkContext,fullPath:m(e.fullPath),id:crypto.randomUUID(),intent:e.intent,isFixed:e.isFixed,isMultiSelect:e.isMultiSelect,nearbyElements:m(e.nearbyElements),nearbyText:m(e.nearbyText),screenshot:e.screenshot,selectedText:m(e.selectedText),severity:e.severity,source:e.source,status:"pending",updatedAt:n,url:e.url,x:e.x,y:e.y};return r.push(i),await S(t,r),i},s.config.root),q=async(s,e,t)=>x(async()=>{const{root:n}=s.config,r=await g(n),i=r.findIndex(c=>c.id===e);if(i===-1)return null;const o=r[i],a=new Date().toISOString();return t.comment!==void 0&&(o.comment=m(t.comment)),t.intent!==void 0&&(o.intent=t.intent),t.severity!==void 0&&(o.severity=t.severity),t.status!==void 0&&(o.status=t.status,(t.status==="resolved"||t.status==="dismissed")&&(o.resolvedBy=t.resolvedBy??"human",o.resolvedAt=a,o.screenshot&&(await F(n,o.screenshot),o.screenshot=void 0))),t.threadMessage&&k(o,t.threadMessage),o.updatedAt=a,r[i]=o,await S(n,r),o},s.config.root),W=async(s,e)=>x(async()=>{const{root:t}=s.config,n=await g(t),r=n.findIndex(o=>o.id===e);if(r===-1)return!1;const i=n[r];return i.screenshot&&await F(t,i.screenshot),n.splice(r,1),await S(t,n),!0},s.config.root),G=async(s,e,t)=>{const{root:n}=s.config;await B(n);const{base:r,screenshotsDir:i}=C(n),o=z(e);if(!o)throw new Error("Invalid annotation ID");let a,c;if(t.startsWith("data:image/png;base64,"))a="png",c=Buffer.from(t.slice(22),"base64");else if(t.startsWith("data:image/jpeg;base64,"))a="jpg",c=Buffer.from(t.slice(23),"base64");else if(t.startsWith("data:image/webp;base64,"))a="webp",c=Buffer.from(t.slice(23),"base64");else throw new Error("Unsupported screenshot format. Expected PNG, JPEG, or WebP data URL.");if(c.length>E)throw new Error(`Screenshot exceeds maximum size (${E} bytes).`);const l=`${o}.${a}`,u=f.join(i,l);if(!y(u,r))throw new Error("Invalid screenshot path");return await d.writeFile(u,c),`${P}/${l}`},U=async(s,e)=>{const{root:t}=s.config,r=(await g(t)).find(a=>a.id===e);if(!r?.screenshot||!r.screenshot.startsWith(`${P}/`))return null;const{base:i}=C(t),o=f.join(i,r.screenshot);if(!y(o,i))return null;try{const a=await d.readFile(o),c=f.extname(o).slice(1);return c==="svg"?`data:image/svg+xml,${encodeURIComponent(a.toString("utf8"))}`:`data:${c==="jpg"?"image/jpeg":`image/${c}`};base64,${a.toString("base64")}`}catch{return null}},V=new Set(["apng","avif","bmp","gif","ico","jpeg","jpg","png","svg","tiff","webp"]),H=new Set(["avi","mkv","mov","mp4","ogv","webm"]),J=new Set(["aac","flac","m4a","mp3","ogg","opus","wav"]),K=new Set(["eot","otf","ttf","woff","woff2"]),Y=new Set(["css","csv","html","js","json","md","txt","xml"]),w=5e3,A=s=>{const e=s.toLowerCase();return V.has(e)?"image":H.has(e)?"video":J.has(e)?"audio":K.has(e)?"font":Y.has(e)?"text":"other"},Q=s=>{let e=0;const t=[];return{acquire:()=>new Promise(i=>{e<s?(e+=1,i()):t.push(()=>{e+=1,i()})}),release:()=>{e-=1,t.shift()?.()}}},D=async(s,e,t,n)=>{if(n.length>=w)return;let r;await t.acquire();try{r=await d.readdir(s,{withFileTypes:!0})}catch{return}finally{t.release()}await Promise.all(r.map(async i=>{if(n.length>=w)return;const o=f.join(s,i.name);if(i.isDirectory())await D(o,e,t,n);else if(i.isFile()||i.isSymbolicLink()){await t.acquire();try{const a=await d.lstat(o);if(a.isSymbolicLink()){let c;try{c=await d.realpath(o)}catch{return}if(!c.startsWith(e+f.sep)&&c!==e)return;const l=await d.stat(o),u=f.relative(e,o),p=`/${T(u)}`,M=f.extname(i.name).slice(1);n.length<w&&n.push({mtime:l.mtimeMs,publicPath:p,size:l.size,type:A(M)})}else if(a.isFile()){const c=f.relative(e,o),l=`/${T(c)}`,u=f.extname(i.name).slice(1);n.length<w&&n.push({mtime:a.mtimeMs,publicPath:l,size:a.size,type:A(u)})}}catch{}finally{t.release()}}}))},Z=async s=>{const{publicDir:e}=s.config;if(!e)return[];let t;try{t=await d.realpath(e)}catch{return[]}const n=[],r=Q(20);return await D(t,t,r,n),n.sort((i,o)=>i.publicPath.localeCompare(o.publicPath)),n},ee=5e3,te=async s=>{const{moduleGraph:e}=s,t=[];for(const n of e.idToModuleMap.values()){if(t.length>=ee)break;const r=n.id??n.url,i=n.url??n.id;if(!r||!i||r.startsWith("/@"))continue;const o=[];n.importers.forEach(a=>{const c=a.url??a.id;c&&o.push(c)}),t.push({id:r,importerCount:n.importers.size,importerUrls:o,url:i})}return t},se=async(s,e,t,n,r)=>{const i=f.resolve(s.config.root,e);if(!y(i,s.config.root))throw new Error(`Refusing to open file outside project root: ${e}`);const o=n===void 0?"":`:${n}`,a=t===void 0?"":`:${t}${o}`,c=`${i}${a}`,{default:l}=await import("launch-editor");l(c,r)},ne=/\/\*[\s\S]*?\*\//g,oe=/\s+/g,_=/@theme\s+default[^{]*\{[\s\S]*?\}/g,b=/(--[\w-]+)\s*:\s*([\s\S]*?);/g,I=s=>{const e={},t=s.replaceAll(ne,"");let n=0;for(;n<t.length;){const r=t.indexOf("@theme",n);if(r===-1)break;const i=t.indexOf("{",r);if(i===-1)break;let o=1,a=i+1;for(;a<t.length&&o>0;)t[a]==="{"?o+=1:t[a]==="}"&&(o-=1),a+=1;const c=t.slice(i+1,a-1);b.lastIndex=0;let l=b.exec(c);for(;l!==null;){const u=l[2].replaceAll(oe," ").trim();u&&!e[l[1]]&&(e[l[1]]=u),l=b.exec(c)}n=a}return e},ie=async s=>{const e=[],t=async(n,r)=>{if(r>4)return;let i;try{i=await d.readdir(n,{encoding:"utf8",withFileTypes:!0})}catch{return}for(const o of i){const a=f.join(n,o.name);if(o.isDirectory()){if(o.name==="node_modules"||o.name===".git"||o.name==="dist")continue;await t(a,r+1)}else if(o.name.endsWith(".css"))try{const c=await d.readFile(a,"utf8");c.includes("@import")&&(c.includes('"tailwindcss"')||c.includes("'tailwindcss'"))&&e.push(a)}catch{}}};return await t(s,0),e},re=async s=>{const e={};for(const t of s)try{const n=await d.readFile(t,"utf8");_.lastIndex=0;const r=n.replaceAll(_,""),i=I(r);Object.assign(e,i)}catch{}return e},ae=async s=>{const{root:e}=s.config;let t="unknown",n={};const r=["tailwind.config.js","tailwind.config.ts","tailwind.config.mjs","tailwind.config.cjs"];for(const a of r)try{await d.access(f.join(e,a)),t="v3";break}catch{}try{const c=L(import.meta.url).resolve("tailwindcss/theme.css"),l=await d.readFile(c,"utf8");n=I(l),Object.keys(n).length>0&&t!=="v3"&&(t="v4")}catch{}const i=await ie(e),o=await re(i);return{cssFiles:i.map(a=>f.relative(e,a)),customTheme:o,defaultTheme:n,version:t}},ce=s=>{if(Array.isArray(s))return s.filter(e=>e!=null&&(e.find!==void 0||e.replacement!==void 0)).map(e=>({find:e.find instanceof RegExp?e.find.toString():String(e.find??""),replacement:String(e.replacement??"")}));if(s!=null&&typeof s=="object")return Object.fromEntries(Object.entries(s).map(([e,t])=>[e,String(t)]))},le=s=>{if(typeof s=="boolean"||Array.isArray(s))return s},ue=async s=>{const{config:e}=s,t=[];for(const l of e.plugins.filter(u=>!!u?.name))t.push({enforce:l?.enforce,name:l.name});const n=ce(e.resolve?.alias),r=e.server?.proxy?Object.keys(e.server.proxy):void 0,i=e.server?.hmr,o=i!==!1,a=typeof i=="object"&&i!==null?i.port:void 0,c=le(e.ssr?.noExternal);return{base:e.base,build:{assetsDir:e.build?.assetsDir,assetsInlineLimit:typeof e.build?.assetsInlineLimit=="number"?e.build.assetsInlineLimit:void 0,chunkSizeWarningLimit:e.build?.chunkSizeWarningLimit,cssCodeSplit:e.build?.cssCodeSplit,emptyOutDir:e.build?.emptyOutDir,minify:e.build?.minify,outDir:e.build?.outDir,reportCompressedSize:e.build?.reportCompressedSize,sourcemap:e.build?.sourcemap,target:e.build?.target},cacheDir:e.cacheDir,css:{devSourcemap:e.css?.devSourcemap,preprocessors:e.css?.preprocessorOptions?Object.keys(e.css.preprocessorOptions):[]},define:e.define,env:e.env,envDir:typeof e.envDir=="string"?e.envDir:void 0,envPrefix:e.envPrefix,esbuild:e.esbuild?{jsx:e.esbuild.jsx,jsxFactory:e.esbuild.jsxFactory,jsxFragment:e.esbuild.jsxFragment,jsxImportSource:e.esbuild.jsxImportSource,target:e.esbuild.target}:void 0,mode:e.mode,optimizeDeps:{exclude:e.optimizeDeps?.exclude,include:e.optimizeDeps?.include},plugins:t,publicDir:e.publicDir,resolve:{alias:n,conditions:e.resolve?.conditions,dedupe:e.resolve?.dedupe,extensions:e.resolve?.extensions,mainFields:e.resolve?.mainFields,preserveSymlinks:e.resolve?.preserveSymlinks},root:e.root,server:{cors:e.server?.cors===void 0?void 0:!!e.server.cors,hmrEnabled:o,hmrPort:a,host:e.server?.host,https:e.server?.https!==void 0,middlewareMode:(()=>{if(e.server?.middlewareMode!==void 0)return typeof e.server.middlewareMode=="object"?!0:!!e.server.middlewareMode})(),open:e.server?.open,origin:e.server?.origin,port:e.server?.port,proxy:r,strictPort:e.server?.strictPort},ssr:e.ssr===void 0?void 0:{external:Array.isArray(e.ssr?.external)?e.ssr.external:void 0,noExternal:c,target:e.ssr?.target}}},fe=["astro","cjs","css","cts","html","js","json","jsx","less","md","mdx","mjs","mts","sass","scss","svelte","ts","tsx","txt","vue"],de=(s,e={})=>{const t={createAnnotation:async n=>X(s,n),deleteAnnotation:async n=>W(s,n),getAnnotations:async()=>N(s),getModuleGraph:async()=>te(s),getScreenshot:async n=>U(s,n),getStaticAssets:async()=>Z(s),getTailwindConfig:async()=>ae(s),getViteConfig:async()=>ue(s),openInEditor:async(n,r,i)=>se(s,n,r,i,e.editor),saveScreenshot:async(n,r)=>G(s,n,r),updateAnnotation:async(n,r)=>q(s,n,r)};if(e.readFile!==!1){const n=new Set((e.readFile?.extensions??fe).map(r=>r.toLowerCase().replace(/^\./,"")));t.readFile=async r=>{const{readFile:i}=await import("node:fs/promises"),{extname:o,resolve:a}=await import("node:path"),{root:c}=s.config,l=a(c,r);if(!y(l,c))throw new Error(`Refusing to read file outside project root: ${r}`);const u=o(l).slice(1).toLowerCase();if(!n.has(u))throw new Error(`Refusing to read file with disallowed extension ".${u}": ${r}`);return i(l,"utf8")}}return t},ge=(s,e,t={})=>{const r={...de(s,t),...e};return s.ws.on("dev-toolbar:rpc",async(i,o)=>{const{args:a,id:c,method:l}=i,u=r[l];if(!u){o.send("dev-toolbar:rpc:error",{error:`Unknown RPC method: ${l}`,id:c});return}try{const p=await u(...a);o.send("dev-toolbar:rpc:response",{id:c,result:p})}catch(p){o.send("dev-toolbar:rpc:error",{error:p instanceof Error?p.message:String(p),id:c})}}),{callClient(i,...o){s.ws.send({data:{args:o,method:i},event:"dev-toolbar:client",type:"custom"})},registerFunction(i,o){r[i]=o},server:s}};export{ge as createServerRPCContext};
@@ -1 +1 @@
1
- import{createDevToolbarHook as O}from"./createDevToolbarHook-C_TF-RyL.js";let o;const e=(_,l)=>o||(o=O(_,l),globalThis.window!==void 0&&(globalThis.__DEV_TOOLBAR_HOOK__=o),o),i=()=>{const _=globalThis;return globalThis.window!==void 0&&_.__DEV_TOOLBAR_HOOK__?_.__DEV_TOOLBAR_HOOK__:o};export{i as getGlobalHook,e as setupGlobalHook};
1
+ import{createDevToolbarHook as t}from"./createDevToolbarHook-CClREDPv.js";let o;const e=(_,l)=>o||(o=t(_,l),globalThis.window!==void 0&&(globalThis.__DEV_TOOLBAR_HOOK__=o),o),i=()=>{const _=globalThis;return globalThis.window!==void 0&&_.__DEV_TOOLBAR_HOOK__?_.__DEV_TOOLBAR_HOOK__:o};export{i as getGlobalHook,e as setupGlobalHook};
@@ -0,0 +1 @@
1
+ import{T as o,g as r}from"./store-BDDc96at.js";export{o as TimelineStore,r as getTimelineStore};
@@ -0,0 +1 @@
1
+ const o={defaultVisible:!0,placement:"bottom-center",showNotifications:!0},n="__v_dt__settings",s=()=>{if(globalThis.window===void 0)return{...o};try{const t=localStorage.getItem(n);if(t){const e=JSON.parse(t);return{...o,...e}}}catch(t){console.warn("[dev-toolbar] Failed to load settings:",t)}return{...o}},a=t=>{if(globalThis.window!==void 0)try{localStorage.setItem(n,JSON.stringify(t))}catch(e){console.warn("[dev-toolbar] Failed to save settings:",e)}},i=t=>{const r={...s(),...t};return a(r),r};export{s as loadSettings,a as saveSettings,i as updateSettings};
@@ -1,139 +1,4 @@
1
- import { D as DevToolbarApp, T as ToolbarSettings } from "./app.d-BV5WIojP.js";
2
1
  import { ViteDevServer } from 'vite';
3
- /**
4
- * Severity levels for timeline events.
5
- */
6
- type TimelineEventLevel = "info" | "warning" | "error";
7
- /**
8
- * A single captured event displayed in the timeline panel.
9
- */
10
- interface TimelineEvent {
11
- /**
12
- * Optional event data
13
- */
14
- data?: Record<string, any>;
15
- /**
16
- * Optional duration (milliseconds)
17
- */
18
- duration?: number;
19
- /**
20
- * Unique event ID
21
- */
22
- id: string;
23
- /**
24
- * Event level
25
- */
26
- level?: TimelineEventLevel;
27
- /**
28
- * Optional subtitle
29
- */
30
- subtitle?: string;
31
- /**
32
- * Timestamp (milliseconds since epoch)
33
- */
34
- time: number;
35
- /**
36
- * Event title
37
- */
38
- title: string;
39
- }
40
- /**
41
- * A named group that holds related timeline events.
42
- */
43
- interface TimelineGroup {
44
- /**
45
- * Group color (hex or CSS color)
46
- */
47
- color?: string;
48
- /**
49
- * Events in this group
50
- */
51
- events: TimelineEvent[];
52
- /**
53
- * Group ID
54
- */
55
- id: string;
56
- /**
57
- * Group label
58
- */
59
- label: string;
60
- }
61
- /**
62
- * Default timeline groups
63
- */
64
- declare const DEFAULT_TIMELINE_GROUPS: ReadonlyArray<TimelineGroup>;
65
- /**
66
- * Hook event definitions
67
- */
68
- interface HookEvents {
69
- [key: string]: (...args: any[]) => void;
70
- /**
71
- * App error occurred.
72
- * @param error Error object.
73
- * @param appId Optional app ID where error occurred.
74
- */
75
- "app:error": (error: Error, appId?: string) => void;
76
- /**
77
- * DevTools closed.
78
- */
79
- "devtools:close": () => void;
80
- /**
81
- * DevTools initialized.
82
- */
83
- "devtools:init": () => void;
84
- /**
85
- * DevTools opened.
86
- * @param appId ID of the opened app.
87
- */
88
- "devtools:open": (appId: string) => void;
89
- /**
90
- * Timeline event added.
91
- * @param event Timeline event.
92
- */
93
- "timeline:event": (event: TimelineEvent) => void;
94
- }
95
- /**
96
- * Dev toolbar hook interface.
97
- * Exposed as window.__DEV_TOOLBAR_HOOK__
98
- */
99
- interface DevToolbarHook {
100
- /**
101
- * Adds a timeline event.
102
- * @param groupId Timeline group ID.
103
- * @param event Timeline event.
104
- */
105
- addTimelineEvent: (groupId: string, event: TimelineEvent) => void;
106
- /**
107
- * Emits an event.
108
- * @param event Event name.
109
- * @param args Event arguments.
110
- */
111
- emit: <T extends keyof HookEvents>(event: T, ...args: Parameters<HookEvents[T]>) => void;
112
- /**
113
- * Unsubscribes from an event.
114
- * @param event Event name.
115
- * @param handler Optional specific handler to remove.
116
- */
117
- off: <T extends keyof HookEvents>(event: T, handler?: HookEvents[T]) => void;
118
- /**
119
- * Subscribes to an event.
120
- * @param event Event name.
121
- * @param handler Event handler.
122
- * @returns Unsubscribe function.
123
- */
124
- on: <T extends keyof HookEvents>(event: T, handler: HookEvents[T]) => () => void;
125
- /**
126
- * Subscribes to an event once.
127
- * @param event Event name.
128
- * @param handler Event handler.
129
- */
130
- once: <T extends keyof HookEvents>(event: T, handler: HookEvents[T]) => void;
131
- /**
132
- * Registers a custom app.
133
- * @param app App definition.
134
- */
135
- registerApp: (app: DevToolbarApp) => void;
136
- }
137
2
  interface StaticAsset {
138
3
  /** Last-modified timestamp (ms since epoch) */
139
4
  mtime: number;
@@ -447,102 +312,39 @@ interface ClientRPCContext {
447
312
  registerFunction: <K extends keyof ClientFunctions>(name: K, function_: ClientFunctions[K]) => void;
448
313
  }
449
314
  /**
450
- * Global DevTools API interface.
451
- * Exposed as window.__VISULIMA_DEVTOOLS__
315
+ * Configuration for the `readFile` RPC endpoint.
452
316
  */
453
- interface VisulimaDevTools {
454
- /**
455
- * Clears notification for an app.
456
- */
457
- clearNotification: (appId: string) => void;
458
- /**
459
- * Closes the currently active app.
460
- */
461
- closeApp: () => Promise<void>;
462
- /**
463
- * Gets the currently active app ID.
464
- */
465
- getActiveApp: () => string | undefined;
466
- /**
467
- * Gets all registered apps.
468
- */
469
- getApps: () => DevToolbarApp[];
470
- /**
471
- * Gets current toolbar settings.
472
- */
473
- getSettings: () => ToolbarSettings;
317
+ interface ReadFileOptions {
474
318
  /**
475
- * Hides the toolbar.
319
+ * Lower-cased file extensions (without the dot) the `readFile` RPC may return.
320
+ * Defaults to a curated list of source/markup/text formats — set this to widen
321
+ * or narrow the surface. Sensitive formats (`.env`, `.pem`, lockfiles) are not
322
+ * in the default list.
476
323
  */
477
- hide: () => void;
478
- /**
479
- * Hook instance for event subscriptions.
480
- */
481
- hook: DevToolbarHook;
482
- /**
483
- * Shows a notification for an app.
484
- */
485
- notify: (appId: string, level: "info" | "warning" | "error") => void;
486
- /**
487
- * Opens an app by ID.
488
- */
489
- openApp: (appId: string) => Promise<void>;
490
- /**
491
- * Registers a custom app.
492
- */
493
- registerApp: (app: DevToolbarApp) => void;
494
- /**
495
- * RPC client for calling server functions.
496
- */
497
- rpc: ServerFunctions;
498
- /**
499
- * Directly sets the active state of an action button without invoking callbacks.
500
- * Useful for deactivating a button from async work running outside the toolbar.
501
- */
502
- setAppActive: (appId: string, active: boolean) => void;
503
- /**
504
- * Shows the toolbar.
505
- */
506
- show: () => void;
507
- /**
508
- * Toggles toolbar visibility.
509
- */
510
- toggle: () => void;
511
- /**
512
- * Unregisters an app by ID.
513
- */
514
- unregisterApp: (appId: string) => void;
515
- /**
516
- * Updates toolbar settings.
517
- */
518
- updateSettings: (settings: Partial<ToolbarSettings>) => void;
324
+ extensions?: string[];
325
+ }
326
+ /**
327
+ * Options accepted by {@link createServerRPCContext}.
328
+ */
329
+ interface ServerRPCOptions {
330
+ /** Editor to use for "open in editor" functionality. */
331
+ editor?: string;
519
332
  /**
520
- * Package version.
333
+ * `readFile` RPC behaviour. Set to `false` to remove the endpoint entirely,
334
+ * or pass an object to customise the allowed extensions.
335
+ * @default { extensions: curated source/text list }
521
336
  */
522
- version: string;
337
+ readFile?: ReadFileOptions | false;
523
338
  }
524
339
  /**
525
- * Global `Window` augmentation for the whole package.
526
- *
527
- * Every `declare global` this package ships must live in this one block.
528
- * packem's .d.ts bundler treats `global` as an ordinary identifier when
529
- * de-duplicating declarations, so a second `declare global` in another
530
- * bundled module is emitted as `declare global$1` invalid TypeScript
531
- * (TS1435), and *not* suppressed by `skipLibCheck` because it is a
532
- * grammar error rather than a type error. That breaks every consumer's
533
- * build. Keep additions here rather than adding a block next to the
534
- * interface they relate to.
340
+ * Creates server-side RPC context.
341
+ * @param server Vite dev server instance.
342
+ * @param customFunctions Custom server functions to register.
343
+ * @param options Additional options (e.g. which editor to launch, readFile policy).
344
+ * @param options.editor Editor to use for "open in editor" functionality.
345
+ * @param options.readFile `readFile` RPC policy `false` disables it, or pass an
346
+ * object to override the allowed extension list.
347
+ * @returns Server RPC context.
535
348
  */
536
- declare global {
537
- interface Window {
538
- /**
539
- * Dev toolbar hook for library integrations.
540
- */
541
- __DEV_TOOLBAR_HOOK__?: DevToolbarHook;
542
- /**
543
- * Visulima DevTools global API.
544
- */
545
- __VISULIMA_DEVTOOLS__?: VisulimaDevTools;
546
- }
547
- }
548
- export { AccessibilityInfo as A, BoundingBox as B, ClientFunctions as C, DevToolbarHook as D, FrameworkContext as F, HookEvents as H, ServerFunctions as S, TimelineEvent as T, UpdateAnnotationData as U, VisulimaDevTools as V, ServerRPCContext as a, ClientRPCContext as b, TimelineGroup as c, Annotation as d, AnnotationIntent as e, AnnotationSeverity as f, AnnotationStatus as g, CreateAnnotationData as h, DEFAULT_TIMELINE_GROUPS as i, ThreadMessage as j, TimelineEventLevel as k };
349
+ declare const createServerRPCContext: (server: ViteDevServer, customFunctions?: Partial<ServerFunctions>, options?: ServerRPCOptions) => ServerRPCContext;
350
+ export { AccessibilityInfo as A, BoundingBox as B, ClientFunctions as C, FrameworkContext as F, ReadFileOptions as R, ServerFunctions as S, ThreadMessage as T, UpdateAnnotationData as U, ClientRPCContext as a, Annotation as b, AnnotationIntent as c, AnnotationSeverity as d, AnnotationStatus as e, CreateAnnotationData as f, ServerRPCContext as g, ServerRPCOptions as h, createServerRPCContext as i };
@@ -0,0 +1,2 @@
1
+ var o=`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-xxs:.625rem;--text-xxs--line-height:1rem;--color-background:#f2f2f2;--color-foreground:#18181b;--color-card:#fff;--color-card-foreground:#18181b;--color-popover:#fff;--color-popover-foreground:#18181b;--color-primary:#7c3aed;--color-primary-foreground:#fff;--color-secondary:#e4e4e7;--color-secondary-foreground:#18181b;--color-muted:#e4e4e7;--color-muted-foreground:#52525b;--color-accent:#e4e4e7;--color-accent-foreground:#18181b;--color-destructive:oklch(55% .22 25);--color-destructive-foreground:oklch(98% .01 25);--color-border:#d4d4d8;--color-input:#d4d4d8;--color-ring:#71717a;--color-info:oklch(45% .2 240);--color-info-foreground:oklch(35% .2 240);--color-success:oklch(48% .18 155);--color-success-foreground:oklch(38% .17 155);--color-warning:oklch(58% .18 65);--color-warning-foreground:oklch(45% .16 65)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border);outline-color:#71717a80}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-0\\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:0}.top-1\\.5{top:calc(var(--spacing) * 1.5)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-14{top:calc(var(--spacing) * 14)}.top-\\[-5px\\]{top:-5px}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:0}.right-1\\.5{right:calc(var(--spacing) * 1.5)}.right-2\\.5{right:calc(var(--spacing) * 2.5)}.right-14{right:calc(var(--spacing) * 14)}.right-\\[-5px\\]{right:-5px}.bottom-0{bottom:0}.bottom-1\\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-14{bottom:calc(var(--spacing) * 14)}.bottom-\\[-5px\\]{bottom:-5px}.left-0{left:0}.left-1\\.5{left:calc(var(--spacing) * 1.5)}.left-1\\/2{left:50%}.left-14{left:calc(var(--spacing) * 14)}.left-\\[-5px\\]{left:-5px}.left-\\[calc\\(100\\%\\+0\\.5rem\\)\\]{left:calc(100% + .5rem)}.z-10{z-index:10}.z-50{z-index:50}.z-\\[2147483646\\]{z-index:2147483646}.z-\\[2147483647\\]{z-index:2147483647}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-0\\.5{margin-inline:calc(var(--spacing) * .5)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0{margin-top:0}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-px{margin-top:1px}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mr-1{margin-right:var(--spacing)}.mr-1\\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-5{margin-right:calc(var(--spacing) * 5)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.-mb-px{margin-bottom:-1px}.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-1{margin-left:var(--spacing)}.ml-1\\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\\[1200\\/630\\]{aspect-ratio:1200/630}.size-1\\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-4\\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-32{height:calc(var(--spacing) * 32)}.h-\\[1px\\]{height:1px}.h-auto{height:auto}.h-full{height:100%}.max-h-24{max-height:calc(var(--spacing) * 24)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\\[min\\(300px\\,var\\(--available-height\\,300px\\)\\)\\]{max-height:min(300px, var(--available-height,300px))}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\\[60px\\]{min-height:60px}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-12\\.5{width:calc(var(--spacing) * 12.5)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-44{width:calc(var(--spacing) * 44)}.w-62\\.5{width:calc(var(--spacing) * 62.5)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\\[1px\\]{width:1px}.w-\\[240px\\]{width:240px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-12\\!{max-width:calc(var(--spacing) * 12)!important}.max-w-\\[160px\\]{max-width:160px}.max-w-\\[220px\\]{max-width:220px}.max-w-\\[240px\\]{max-width:240px}.max-w-\\[300px\\]{max-width:300px}.max-w-\\[380px\\]{max-width:380px}.max-w-\\[600px\\]{max-width:600px}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-3\\.5{min-width:calc(var(--spacing) * 3.5)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\\[1\\.1rem\\]{min-width:1.1rem}.min-w-\\[8rem\\]{min-width:8rem}.min-w-\\[200px\\]{min-width:200px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\\[bottom_center\\]{transform-origin:bottom}.origin-\\[left_center\\]{transform-origin:0}.origin-\\[right_center\\]{transform-origin:100%}.origin-\\[top_center\\]{transform-origin:top}.origin-center{transform-origin:50%}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\\[-2px\\]{--tw-translate-x:-2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\\[0\\.97\\]{scale:.97}.scale-\\[0\\.99\\]{scale:.99}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{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)}.animate-none\\!{animation:none!important}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-ns-resize{cursor:ns-resize}.cursor-pointer{cursor:pointer}.resize{resize:both}.scrollbar-thin-border{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-px{gap:1px}:where(.space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}:where(.divide-border\\/20>:not(:last-child)){border-color:#d4d4d833}@supports (color:color-mix(in lab, red, red)){:where(.divide-border\\/20>:not(:last-child)){border-color:color-mix(in oklab, var(--color-border) 20%, transparent)}}:where(.divide-border\\/30>:not(:last-child)){border-color:#d4d4d84d}@supports (color:color-mix(in lab, red, red)){:where(.divide-border\\/30>:not(:last-child)){border-color:color-mix(in oklab, var(--color-border) 30%, transparent)}}:where(.divide-border\\/50>:not(:last-child)){border-color:#d4d4d880}@supports (color:color-mix(in lab, red, red)){:where(.divide-border\\/50>:not(:last-child)){border-color:color-mix(in oklab, var(--color-border) 50%, transparent)}}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-amber-500\\/30{border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.border-amber-500\\/30{border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.border-background{border-color:var(--color-background)}.border-black\\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-blue-500\\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-500\\/30{border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.border-blue-600\\/30{border-color:#155dfc4d}@supports (color:color-mix(in lab, red, red)){.border-blue-600\\/30{border-color:color-mix(in oklab, var(--color-blue-600) 30%, transparent)}}.border-border{border-color:var(--color-border)}.border-border\\/20{border-color:#d4d4d833}@supports (color:color-mix(in lab, red, red)){.border-border\\/20{border-color:color-mix(in oklab, var(--color-border) 20%, transparent)}}.border-border\\/30{border-color:#d4d4d84d}@supports (color:color-mix(in lab, red, red)){.border-border\\/30{border-color:color-mix(in oklab, var(--color-border) 30%, transparent)}}.border-border\\/40{border-color:#d4d4d866}@supports (color:color-mix(in lab, red, red)){.border-border\\/40{border-color:color-mix(in oklab, var(--color-border) 40%, transparent)}}.border-border\\/50{border-color:#d4d4d880}@supports (color:color-mix(in lab, red, red)){.border-border\\/50{border-color:color-mix(in oklab, var(--color-border) 50%, transparent)}}.border-border\\/60{border-color:#d4d4d899}@supports (color:color-mix(in lab, red, red)){.border-border\\/60{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}}.border-cyan-500\\/20{border-color:#00b7d733}@supports (color:color-mix(in lab, red, red)){.border-cyan-500\\/20{border-color:color-mix(in oklab, var(--color-cyan-500) 20%, transparent)}}.border-destructive\\/20{border-color:#d4092433}@supports (color:color-mix(in lab, red, red)){.border-destructive\\/20{border-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.border-destructive\\/25{border-color:#d4092440}@supports (color:color-mix(in lab, red, red)){.border-destructive\\/25{border-color:color-mix(in oklab, var(--color-destructive) 25%, transparent)}}.border-destructive\\/30{border-color:#d409244d}@supports (color:color-mix(in lab, red, red)){.border-destructive\\/30{border-color:color-mix(in oklab, var(--color-destructive) 30%, transparent)}}.border-destructive\\/50{border-color:#d4092480}@supports (color:color-mix(in lab, red, red)){.border-destructive\\/50{border-color:color-mix(in oklab, var(--color-destructive) 50%, transparent)}}.border-emerald-500\\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-foreground{border-color:var(--color-foreground)}.border-foreground\\/20{border-color:#18181b33}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/20{border-color:color-mix(in oklab, var(--color-foreground) 20%, transparent)}}.border-green-500\\/30{border-color:#00c7584d}@supports (color:color-mix(in lab, red, red)){.border-green-500\\/30{border-color:color-mix(in oklab, var(--color-green-500) 30%, transparent)}}.border-indigo-500\\/30{border-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\\/30{border-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.border-info\\/50{border-color:#005b9380}@supports (color:color-mix(in lab, red, red)){.border-info\\/50{border-color:color-mix(in oklab, var(--color-info) 50%, transparent)}}.border-input{border-color:var(--color-input)}.border-orange-500\\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){.border-orange-500\\/30{border-color:color-mix(in oklab, var(--color-orange-500) 30%, transparent)}}.border-primary{border-color:var(--color-primary)}.border-primary\\/20{border-color:#7c3aed33}@supports (color:color-mix(in lab, red, red)){.border-primary\\/20{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.border-primary\\/25{border-color:#7c3aed40}@supports (color:color-mix(in lab, red, red)){.border-primary\\/25{border-color:color-mix(in oklab, var(--color-primary) 25%, transparent)}}.border-primary\\/30{border-color:#7c3aed4d}@supports (color:color-mix(in lab, red, red)){.border-primary\\/30{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.border-primary\\/40{border-color:#7c3aed66}@supports (color:color-mix(in lab, red, red)){.border-primary\\/40{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.border-purple-500\\/30{border-color:#ac4bff4d}@supports (color:color-mix(in lab, red, red)){.border-purple-500\\/30{border-color:color-mix(in oklab, var(--color-purple-500) 30%, transparent)}}.border-sky-500\\/30{border-color:#00a5ef4d}@supports (color:color-mix(in lab, red, red)){.border-sky-500\\/30{border-color:color-mix(in oklab, var(--color-sky-500) 30%, transparent)}}.border-success\\/30{border-color:#0073394d}@supports (color:color-mix(in lab, red, red)){.border-success\\/30{border-color:color-mix(in oklab, var(--color-success) 30%, transparent)}}.border-success\\/40{border-color:#00733966}@supports (color:color-mix(in lab, red, red)){.border-success\\/40{border-color:color-mix(in oklab, var(--color-success) 40%, transparent)}}.border-success\\/50{border-color:#00733980}@supports (color:color-mix(in lab, red, red)){.border-success\\/50{border-color:color-mix(in oklab, var(--color-success) 50%, transparent)}}.border-transparent{border-color:#0000}.border-warning\\/20{border-color:#af660033}@supports (color:color-mix(in lab, red, red)){.border-warning\\/20{border-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}}.border-warning\\/25{border-color:#af660040}@supports (color:color-mix(in lab, red, red)){.border-warning\\/25{border-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}}.border-warning\\/30{border-color:#af66004d}@supports (color:color-mix(in lab, red, red)){.border-warning\\/30{border-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}}.border-warning\\/50{border-color:#af660080}@supports (color:color-mix(in lab, red, red)){.border-warning\\/50{border-color:color-mix(in oklab, var(--color-warning) 50%, transparent)}}.border-yellow-500\\/30{border-color:#edb2004d}@supports (color:color-mix(in lab, red, red)){.border-yellow-500\\/30{border-color:color-mix(in oklab, var(--color-yellow-500) 30%, transparent)}}.border-l-primary\\/20{border-left-color:#7c3aed33}@supports (color:color-mix(in lab, red, red)){.border-l-primary\\/20{border-left-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.bg-accent{background-color:var(--color-accent)}.bg-amber-500\\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\\/15{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.bg-background{background-color:var(--color-background)}.bg-blue-500\\/15{background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\\/15{background-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.bg-blue-500\\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\\/20{background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.bg-border{background-color:var(--color-border)}.bg-card{background-color:var(--color-card)}.bg-card\\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-card\\/50{background-color:color-mix(in oklab, var(--color-card) 50%, transparent)}}.bg-card\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-card\\/95{background-color:color-mix(in oklab, var(--color-card) 95%, transparent)}}.bg-cyan-500\\/10{background-color:#00b7d71a}@supports (color:color-mix(in lab, red, red)){.bg-cyan-500\\/10{background-color:color-mix(in oklab, var(--color-cyan-500) 10%, transparent)}}.bg-destructive{background-color:var(--color-destructive)}.bg-destructive\\/10{background-color:#d409241a}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/10{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.bg-destructive\\/20{background-color:#d4092433}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/20{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.bg-emerald-500\\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-foreground\\/2{background-color:#18181b05}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/2{background-color:color-mix(in oklab, var(--color-foreground) 2%, transparent)}}.bg-foreground\\/3{background-color:#18181b08}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/3{background-color:color-mix(in oklab, var(--color-foreground) 3%, transparent)}}.bg-foreground\\/4{background-color:#18181b0a}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/4{background-color:color-mix(in oklab, var(--color-foreground) 4%, transparent)}}.bg-foreground\\/5{background-color:#18181b0d}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/5{background-color:color-mix(in oklab, var(--color-foreground) 5%, transparent)}}.bg-foreground\\/6{background-color:#18181b0f}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/6{background-color:color-mix(in oklab, var(--color-foreground) 6%, transparent)}}.bg-foreground\\/8{background-color:#18181b14}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/8{background-color:color-mix(in oklab, var(--color-foreground) 8%, transparent)}}.bg-foreground\\/10{background-color:#18181b1a}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/10{background-color:color-mix(in oklab, var(--color-foreground) 10%, transparent)}}.bg-foreground\\/12{background-color:#18181b1f}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/12{background-color:color-mix(in oklab, var(--color-foreground) 12%, transparent)}}.bg-foreground\\/15{background-color:#18181b26}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/15{background-color:color-mix(in oklab, var(--color-foreground) 15%, transparent)}}.bg-green-500\\/15{background-color:#00c75826}@supports (color:color-mix(in lab, red, red)){.bg-green-500\\/15{background-color:color-mix(in oklab, var(--color-green-500) 15%, transparent)}}.bg-green-500\\/20{background-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.bg-green-500\\/20{background-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.bg-info{background-color:var(--color-info)}.bg-input{background-color:var(--color-input)}.bg-muted{background-color:var(--color-muted)}.bg-muted-foreground\\/50{background-color:#52525b80}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\\/50{background-color:color-mix(in oklab, var(--color-muted-foreground) 50%, transparent)}}.bg-orange-500\\/15{background-color:#fe6e0026}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\\/15{background-color:color-mix(in oklab, var(--color-orange-500) 15%, transparent)}}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-primary-foreground{background-color:var(--color-primary-foreground)}.bg-primary\\/4{background-color:#7c3aed0a}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/4{background-color:color-mix(in oklab, var(--color-primary) 4%, transparent)}}.bg-primary\\/5{background-color:#7c3aed0d}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/5{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.bg-primary\\/6{background-color:#7c3aed0f}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/6{background-color:color-mix(in oklab, var(--color-primary) 6%, transparent)}}.bg-primary\\/8{background-color:#7c3aed14}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/8{background-color:color-mix(in oklab, var(--color-primary) 8%, transparent)}}.bg-primary\\/10{background-color:#7c3aed1a}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-primary\\/12{background-color:#7c3aed1f}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/12{background-color:color-mix(in oklab, var(--color-primary) 12%, transparent)}}.bg-primary\\/15{background-color:#7c3aed26}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/15{background-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}}.bg-primary\\/20{background-color:#7c3aed33}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/20{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.bg-primary\\/30{background-color:#7c3aed4d}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/30{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.bg-primary\\/50{background-color:#7c3aed80}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/50{background-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.bg-purple-500\\/15{background-color:#ac4bff26}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\\/15{background-color:color-mix(in oklab, var(--color-purple-500) 15%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-success\\/8{background-color:#00733914}@supports (color:color-mix(in lab, red, red)){.bg-success\\/8{background-color:color-mix(in oklab, var(--color-success) 8%, transparent)}}.bg-success\\/10{background-color:#0073391a}@supports (color:color-mix(in lab, red, red)){.bg-success\\/10{background-color:color-mix(in oklab, var(--color-success) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-warning\\/10{background-color:#af66001a}@supports (color:color-mix(in lab, red, red)){.bg-warning\\/10{background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-yellow-500\\/15{background-color:#edb20026}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\\/15{background-color:color-mix(in oklab, var(--color-yellow-500) 15%, transparent)}}.bg-yellow-500\\/20{background-color:#edb20033}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\\/20{background-color:color-mix(in oklab, var(--color-yellow-500) 20%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0{padding-inline:0}.px-0\\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-1{padding-bottom:var(--spacing)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-\\[72px\\]{padding-left:72px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.toolbar-font{font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "zero" 1;font-optical-sizing:auto;font-family:JetBrains Mono,Geist Mono,ui-monospace,Cascadia Code,Fira Code,monospace}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xxs{font-size:var(--text-xxs);line-height:var(--tw-leading,var(--text-xxs--line-height))}.text-\\[0\\.5rem\\]{font-size:.5rem}.text-\\[0\\.6rem\\]{font-size:.6rem}.text-\\[0\\.7rem\\]{font-size:.7rem}.text-\\[0\\.8rem\\]{font-size:.8rem}.text-\\[0\\.9rem\\]{font-size:.9rem}.text-\\[0\\.55rem\\]{font-size:.55rem}.text-\\[0\\.58rem\\]{font-size:.58rem}.text-\\[0\\.62rem\\]{font-size:.62rem}.text-\\[0\\.65rem\\]{font-size:.65rem}.text-\\[0\\.68rem\\]{font-size:.68rem}.text-\\[0\\.72rem\\]{font-size:.72rem}.text-\\[0\\.75rem\\]{font-size:.75rem}.text-\\[0\\.85rem\\]{font-size:.85rem}.text-\\[0\\.725rem\\]{font-size:.725rem}.text-\\[0\\.775rem\\]{font-size:.775rem}.text-\\[0\\.875rem\\]{font-size:.875rem}.text-\\[0\\.8125rem\\]{font-size:.8125rem}.text-\\[1\\.25rem\\]{font-size:1.25rem}.text-\\[9px\\]{font-size:9px}.text-\\[13px\\]\\!{font-size:13px!important}.leading-\\[1\\.6\\]\\!{--tw-leading:1.6!important;line-height:1.6!important}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\\[0\\.1em\\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\\[0\\.06em\\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\\[0\\.12em\\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\\[0\\.14em\\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-foreground{color:var(--color-accent-foreground)}.text-amber-400{color:var(--color-amber-400)}.text-blue-400{color:var(--color-blue-400)}.text-card-foreground{color:var(--color-card-foreground)}.text-cyan-600{color:var(--color-cyan-600)}.text-destructive{color:var(--color-destructive)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-destructive\\/80{color:#d40924cc}@supports (color:color-mix(in lab, red, red)){.text-destructive\\/80{color:color-mix(in oklab, var(--color-destructive) 80%, transparent)}}.text-emerald-400{color:var(--color-emerald-400)}.text-foreground{color:var(--color-foreground)}.text-foreground\\/60{color:#18181b99}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/60{color:color-mix(in oklab, var(--color-foreground) 60%, transparent)}}.text-foreground\\/65{color:#18181ba6}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/65{color:color-mix(in oklab, var(--color-foreground) 65%, transparent)}}.text-foreground\\/70{color:#18181bb3}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/70{color:color-mix(in oklab, var(--color-foreground) 70%, transparent)}}.text-foreground\\/80{color:#18181bcc}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/80{color:color-mix(in oklab, var(--color-foreground) 80%, transparent)}}.text-green-400{color:var(--color-green-400)}.text-info{color:var(--color-info)}.text-info-foreground{color:var(--color-info-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-muted-foreground\\/20{color:#52525b33}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/20{color:color-mix(in oklab, var(--color-muted-foreground) 20%, transparent)}}.text-muted-foreground\\/40{color:#52525b66}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/40{color:color-mix(in oklab, var(--color-muted-foreground) 40%, transparent)}}.text-muted-foreground\\/50{color:#52525b80}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/50{color:color-mix(in oklab, var(--color-muted-foreground) 50%, transparent)}}.text-muted-foreground\\/60{color:#52525b99}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/60{color:color-mix(in oklab, var(--color-muted-foreground) 60%, transparent)}}.text-muted-foreground\\/70{color:#52525bb3}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/70{color:color-mix(in oklab, var(--color-muted-foreground) 70%, transparent)}}.text-orange-400{color:var(--color-orange-400)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-primary\\/30{color:#7c3aed4d}@supports (color:color-mix(in lab, red, red)){.text-primary\\/30{color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.text-primary\\/45{color:#7c3aed73}@supports (color:color-mix(in lab, red, red)){.text-primary\\/45{color:color-mix(in oklab, var(--color-primary) 45%, transparent)}}.text-primary\\/50{color:#7c3aed80}@supports (color:color-mix(in lab, red, red)){.text-primary\\/50{color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.text-primary\\/60{color:#7c3aed99}@supports (color:color-mix(in lab, red, red)){.text-primary\\/60{color:color-mix(in oklab, var(--color-primary) 60%, transparent)}}.text-primary\\/70{color:#7c3aedb3}@supports (color:color-mix(in lab, red, red)){.text-primary\\/70{color:color-mix(in oklab, var(--color-primary) 70%, transparent)}}.text-purple-400{color:var(--color-purple-400)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-success{color:var(--color-success)}.text-success-foreground{color:var(--color-success-foreground)}.text-warning{color:var(--color-warning)}.text-warning-foreground{color:var(--color-warning-foreground)}.text-warning\\/80{color:#af6600cc}@supports (color:color-mix(in lab, red, red)){.text-warning\\/80{color:color-mix(in oklab, var(--color-warning) 80%, transparent)}}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-pill{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000001f), 0 0 0 1px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-primary\\/40{--tw-ring-color:#7c3aed66}@supports (color:color-mix(in lab, red, red)){.ring-primary\\/40{--tw-ring-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\\[0\\.625rem\\]{--tw-backdrop-blur:blur(.625rem);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[left_0\\.3s_cubic-bezier\\(0\\.4\\,0\\,0\\.2\\,1\\)\\,top_0\\.3s_cubic-bezier\\(0\\.4\\,0\\,0\\.2\\,1\\)\\]{transition-property:left .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none\\!{transition-property:none!important}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\\[cubic-bezier\\(0\\.4\\,0\\,0\\.2\\,1\\)\\]{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-\\[cubic-bezier\\(0\\.23\\,1\\,0\\.32\\,1\\)\\]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.transition-panel{transition:opacity .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1),translate .4s cubic-bezier(.23,1,.32,1),scale .4s cubic-bezier(.23,1,.32,1),width .35s cubic-bezier(.4,0,.2,1),clip-path .35s cubic-bezier(.4,0,.2,1)}.transition-pill{transition:all .6s,max-width .6s,padding .5s,transform .4s,opacity .2s}@media (hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\/nav-item\\:translate-x-0:is(:where(.group\\/nav-item):hover *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\/nav-item\\:opacity-100:is(:where(.group\\/nav-item):hover *){opacity:1}}.group-data-\\[vertical\\]\\/panel\\:rotate-\\[-90deg\\]:is(:where(.group\\/panel)[data-vertical] *){rotate:-90deg}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.placeholder\\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.placeholder\\:text-muted-foreground\\/40::placeholder{color:#52525b66}@supports (color:color-mix(in lab, red, red)){.placeholder\\:text-muted-foreground\\/40::placeholder{color:color-mix(in oklab, var(--color-muted-foreground) 40%, transparent)}}.placeholder\\:text-muted-foreground\\/50::placeholder{color:#52525b80}@supports (color:color-mix(in lab, red, red)){.placeholder\\:text-muted-foreground\\/50::placeholder{color:color-mix(in oklab, var(--color-muted-foreground) 50%, transparent)}}.last\\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\\:z-10:hover{z-index:10}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-foreground:hover{border-color:var(--color-foreground)}.hover\\:border-primary\\/30:hover{border-color:#7c3aed4d}@supports (color:color-mix(in lab, red, red)){.hover\\:border-primary\\/30:hover{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.hover\\:border-primary\\/50:hover{border-color:#7c3aed80}@supports (color:color-mix(in lab, red, red)){.hover\\:border-primary\\/50:hover{border-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.hover\\:bg-accent\\/50:hover{background-color:#e4e4e780}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-accent\\/50:hover{background-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.hover\\:bg-background\\/50:hover{background-color:#f2f2f280}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-background\\/50:hover{background-color:color-mix(in oklab, var(--color-background) 50%, transparent)}}.hover\\:bg-destructive\\/8:hover{background-color:#d4092414}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/8:hover{background-color:color-mix(in oklab, var(--color-destructive) 8%, transparent)}}.hover\\:bg-destructive\\/90:hover{background-color:#d40924e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}.hover\\:bg-foreground\\/3:hover{background-color:#18181b08}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/3:hover{background-color:color-mix(in oklab, var(--color-foreground) 3%, transparent)}}.hover\\:bg-foreground\\/4:hover{background-color:#18181b0a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/4:hover{background-color:color-mix(in oklab, var(--color-foreground) 4%, transparent)}}.hover\\:bg-foreground\\/5:hover{background-color:#18181b0d}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/5:hover{background-color:color-mix(in oklab, var(--color-foreground) 5%, transparent)}}.hover\\:bg-foreground\\/6:hover{background-color:#18181b0f}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/6:hover{background-color:color-mix(in oklab, var(--color-foreground) 6%, transparent)}}.hover\\:bg-foreground\\/7:hover{background-color:#18181b12}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/7:hover{background-color:color-mix(in oklab, var(--color-foreground) 7%, transparent)}}.hover\\:bg-foreground\\/8:hover{background-color:#18181b14}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/8:hover{background-color:color-mix(in oklab, var(--color-foreground) 8%, transparent)}}.hover\\:bg-foreground\\/10:hover{background-color:#18181b1a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/10:hover{background-color:color-mix(in oklab, var(--color-foreground) 10%, transparent)}}.hover\\:bg-primary\\/4:hover{background-color:#7c3aed0a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/4:hover{background-color:color-mix(in oklab, var(--color-primary) 4%, transparent)}}.hover\\:bg-primary\\/7:hover{background-color:#7c3aed12}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/7:hover{background-color:color-mix(in oklab, var(--color-primary) 7%, transparent)}}.hover\\:bg-primary\\/8:hover{background-color:#7c3aed14}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/8:hover{background-color:color-mix(in oklab, var(--color-primary) 8%, transparent)}}.hover\\:bg-primary\\/12:hover{background-color:#7c3aed1f}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/12:hover{background-color:color-mix(in oklab, var(--color-primary) 12%, transparent)}}.hover\\:bg-primary\\/90:hover{background-color:#7c3aede6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.hover\\:bg-secondary:hover{background-color:var(--color-secondary)}.hover\\:bg-secondary\\/80:hover{background-color:#e4e4e7cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.hover\\:text-destructive:hover{color:var(--color-destructive)}.hover\\:text-foreground:hover{color:var(--color-foreground)}.hover\\:text-muted-foreground:hover{color:var(--color-muted-foreground)}.hover\\:text-primary:hover{color:var(--color-primary)}.hover\\:underline:hover{text-decoration-line:underline}}.focus\\:border-primary\\/40:focus{border-color:#7c3aed66}@supports (color:color-mix(in lab, red, red)){.focus\\:border-primary\\/40:focus{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-ring:focus{--tw-ring-color:var(--color-ring)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:border-foreground:focus-visible{border-color:var(--color-foreground)}.focus-visible\\:border-primary\\/50:focus-visible{border-color:#7c3aed80}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-primary\\/50:focus-visible{border-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.focus-visible\\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:scale-\\[0\\.94\\]:active{scale:.94}.active\\:scale-\\[0\\.95\\]:active{scale:.95}.active\\:scale-\\[0\\.98\\]:active{scale:.98}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-\\[dragging\\]\\:transition-none\\![data-dragging]{transition-property:none!important}.data-\\[state\\=active\\]\\:border-primary[data-state=active]{border-color:var(--color-primary)}.data-\\[state\\=active\\]\\:bg-transparent[data-state=active]{background-color:#0000}.data-\\[state\\=active\\]\\:text-foreground[data-state=active]{color:var(--color-foreground)}.data-\\[state\\=active\\]\\:shadow-none[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\\:border-white\\/10:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\\:border-white\\/10:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\\:text-cyan-400:where(.dark,.dark *){color:var(--color-cyan-400)}@media print{.print\\:hidden{display:none}}.\\[\\&_\\*\\]\\:box-border *{box-sizing:border-box}.\\[\\&_\\*\\]\\:animate-none\\! *{animation:none!important}.\\[\\&_\\*\\]\\:transition-none\\! *{transition-property:none!important}.\\[\\&_p\\]\\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\\[\\&_svg\\]\\:size-3\\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\\[\\&_svg\\]\\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\\[\\&_svg\\]\\:size-4\\.5 svg{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.\\[\\&_svg\\]\\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\\[\\&\\>svg\\]\\:absolute>svg{position:absolute}.\\[\\&\\>svg\\]\\:top-4>svg{top:calc(var(--spacing) * 4)}.\\[\\&\\>svg\\]\\:left-4>svg{left:calc(var(--spacing) * 4)}.\\[\\&\\>svg\\+div\\]\\:translate-y-\\[-3px\\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\\[\\&\\>svg\\~\\*\\]\\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root,:host{--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:rotateX(0);--tw-rotate-y:rotateY(0);--tw-rotate-z:rotateZ(0);--tw-skew-x:skewX(0);--tw-skew-y:skewY(0);--tw-space-x-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--brand-violet:#7c3aed;--brand-violet-light:#c4b5fd;--brand-white:#fff;--brand-frost:#f2f2f2;--brand-silver:#d8d8d8;--brand-graphite:#6b6b6b;--brand-iron:#3c3c3c;--brand-charcoal:#212121;--brand-black:#000}.dark{--color-background:#212121;--color-foreground:#fafafa;--color-card:#18181b;--color-card-foreground:#fafafa;--color-popover:#18181b;--color-popover-foreground:#fafafa;--color-primary:#c4b5fd;--color-primary-foreground:#09090b;--color-secondary:#27272a;--color-secondary-foreground:#fafafa;--color-muted:#27272a;--color-muted-foreground:#a1a1aa;--color-accent:#18181b;--color-accent-foreground:#fafafa;--color-destructive:oklch(65% .2 25);--color-destructive-foreground:oklch(98% .01 25);--color-border:oklch(100% 0 0/.1);--color-input:oklch(100% 0 0/.14);--color-ring:#71717a;--color-info:oklch(62% .2 240);--color-info-foreground:oklch(75% .18 240);--color-success:oklch(65% .17 155);--color-success-foreground:oklch(78% .15 155);--color-warning:oklch(78% .16 65);--color-warning-foreground:oklch(88% .15 65);--shadow-pill:0 6px 24px #000000b3, 0 2px 8px #00000080}.devtools-content-scroll::-webkit-scrollbar{width:5px;height:5px}.devtools-content-scroll::-webkit-scrollbar-track{background:0 0}.devtools-content-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.devtools-content-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-muted-foreground)}.dev-toolbar-badge{border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:-.25rem;right:-.375rem}.dev-toolbar-badge.info{background:var(--color-info)}.dev-toolbar-badge.warning{background:var(--color-warning)}.dev-toolbar-badge.error{background:var(--color-destructive)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);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));filter:blur(var(--tw-enter-blur,0))}}`;const a=o,t=()=>{if(globalThis.window===void 0)return;const r=new CSSStyleSheet;return r.replaceSync(a),r},e=t();export{e as sharedToolbarStylesheet};
@@ -1 +1 @@
1
- const l=[{color:"#10B981",events:[],id:"hmr",label:"HMR Updates"},{color:"#3B82F6",events:[],id:"network",label:"Network"},{color:"#EF4444",events:[],id:"errors",label:"Errors"},{color:"#8B5CF6",events:[],id:"custom",label:"Custom"}];class i{groups;maxEvents;constructor(e=1e3){this.maxEvents=e,this.groups=new Map;for(const t of l)this.groups.set(t.id,{...t,events:[]})}addEvent(e,t){let s=this.groups.get(e);s||(s={events:[],id:e,label:e},this.groups.set(e,s)),s.events.push(t),s.events.length>this.maxEvents&&s.events.shift(),s.events=s.events.toSorted((r,n)=>r.time-n.time)}getGroups(){return[...this.groups.values()]}getGroupEvents(e){return this.groups.get(e)?.events??[]}getAllEvents(){const e=[];for(const t of this.groups.values())e.push(...t.events);return e.toSorted((t,s)=>t.time-s.time)}clearGroup(e){const t=this.groups.get(e);t&&(t.events=[])}clearAll(){for(const e of this.groups.values())e.events=[]}getEventsInRange(e,t){return this.getAllEvents().filter(s=>s.time>=e&&s.time<=t)}}let o;const v=()=>(o||(o=new i),o);export{l as D,i as r,v as u};
1
+ const l=[{color:"#10B981",events:[],id:"hmr",label:"HMR Updates"},{color:"#3B82F6",events:[],id:"network",label:"Network"},{color:"#EF4444",events:[],id:"errors",label:"Errors"},{color:"#8B5CF6",events:[],id:"custom",label:"Custom"}];class i{groups;maxEvents;constructor(e=1e3){this.maxEvents=e,this.groups=new Map;for(const t of l)this.groups.set(t.id,{...t,events:[]})}addEvent(e,t){let s=this.groups.get(e);s||(s={events:[],id:e,label:e},this.groups.set(e,s)),s.events.push(t),s.events.length>this.maxEvents&&s.events.shift(),s.events=s.events.toSorted((o,n)=>o.time-n.time)}getGroups(){return[...this.groups.values()]}getGroupEvents(e){return this.groups.get(e)?.events??[]}getAllEvents(){const e=[];for(const t of this.groups.values())e.push(...t.events);return e.toSorted((t,s)=>t.time-s.time)}clearGroup(e){const t=this.groups.get(e);t&&(t.events=[])}clearAll(){for(const e of this.groups.values())e.events=[]}getEventsInRange(e,t){return this.getAllEvents().filter(o=>o.time>=e&&o.time<=t)}}let r;const v=()=>(r||(r=new i),r);export{l as D,i as T,v as g};
@@ -0,0 +1 @@
1
+ import{addHookName as h}from"preact/devtools";import{useState as m,useEffect as f}from"preact/hooks";const g={close:"Escape",toggle:"Alt+Shift+D"},u="__v_dt__frame_state",s={closeOnOutsideClick:!0,editor:"",height:60,isFirstVisit:!0,isPip:!1,keybindings:g,left:50,minimizePanelInactive:5e3,open:!1,position:"bottom",preferShowFloatingPanel:!0,reduceMotion:!1,route:"/",top:0,viewMode:"default",width:80},y=()=>{const e=globalThis.__VISULIMA_DEV_TOOLBAR_OPTIONS__;return e?{...s,closeOnOutsideClick:e.closeOnOutsideClick??s.closeOnOutsideClick,editor:e.editor??s.editor,height:e.height??s.height,keybindings:{...g,...e.keybindings},minimizePanelInactive:e.minimizePanelInactive??s.minimizePanelInactive,position:e.position??s.position,reduceMotion:e.reduceMotion??s.reduceMotion,width:e.width??s.width}:{...s}},p=()=>{const e=y();if(globalThis.window===void 0)return e;try{const t=localStorage.getItem(u);if(t){const o=JSON.parse(t);return{...e,...o,keybindings:{...e.keybindings,...o.keybindings},open:!1}}}catch{}return e},w=e=>{if(globalThis.window!==void 0)try{localStorage.setItem(u,JSON.stringify(e))}catch{}};let r=p();const a=new Set,b=()=>{for(const e of a)e()},k=e=>{r={...r,...e},w(r),b()},M=()=>{const[,e]=h(m(0),"forceUpdate");return f(()=>{const t=()=>{e(o=>o+1)};return a.add(t),()=>{a.delete(t)}},[]),{state:r,updateState:k}},_="__v_dt__theme",d=()=>globalThis.window===void 0?"light":globalThis.window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",O=()=>{if(globalThis.window===void 0)return"system";try{const e=localStorage.getItem(_);if(e==="light"||e==="dark"||e==="system")return e}catch(e){console.warn("[dev-toolbar] Failed to load theme:",e)}return"system"},E=e=>{if(globalThis.window!==void 0)try{localStorage.setItem(_,e)}catch(t){console.warn("[dev-toolbar] Failed to save theme:",t)}};let n=O(),i=n==="system"?d():n;const l=new Set,v=()=>{for(const e of l)e()},S=e=>{try{localStorage.setItem("__v-o__theme",e)}catch{}const o=globalThis.__v_o__current?.shadowRoot?.querySelector("#__v_o__root");o&&o.classList.toggle("dark",e==="dark")},c=e=>{n=e,i=e==="system"?d():e,E(e),S(i),v()};if(globalThis.window!==void 0){const e=globalThis.window.matchMedia("(prefers-color-scheme: dark)"),t=()=>{n==="system"&&(i=d(),S(i),v())};e.addEventListener?e.addEventListener("change",t):e.addListener&&e.addListener(t)}const A=()=>{const[,e]=h(m(0),"forceUpdate");return f(()=>{const o=()=>{e(T=>T+1)};return l.add(o),()=>{l.delete(o)}},[]),{resolvedTheme:i,setTheme:c,theme:n,toggleTheme:()=>{c(i==="dark"?"light":"dark")}}};export{g as D,A as a,M as u};
@@ -1,6 +1,4 @@
1
1
  import { D as DevToolbarApp, a as DevToolbarAppState } from "../packem_shared/app.d-BV5WIojP.js";
2
- import "../packem_shared/global-api.d-PUBE6Od9.js";
3
- import 'vite';
4
2
  import 'preact';
5
3
  /**
6
4
  * Manages the lifecycle of all registered dev-toolbar apps.