@visulima/dev-toolbar 1.0.0-alpha.13 → 1.0.0-alpha.15

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## @visulima/dev-toolbar [1.0.0-alpha.15](https://github.com/visulima/visulima/compare/@visulima/dev-toolbar@1.0.0-alpha.14...@visulima/dev-toolbar@1.0.0-alpha.15) (2026-05-04)
+
+### Miscellaneous Chores
+
+* **dev-toolbar:** allow zod v4 and align eslint-plugin-zod with catalog ([70733ad](https://github.com/visulima/visulima/commit/70733ad6155c3bc460d2bc0943f88af59b7b6725))
+
+## @visulima/dev-toolbar [1.0.0-alpha.14](https://github.com/visulima/visulima/compare/@visulima/dev-toolbar@1.0.0-alpha.13...@visulima/dev-toolbar@1.0.0-alpha.14) (2026-04-30)
+
+### Miscellaneous Chores
+
+* **dev-toolbar:** upgrade packem to 2.0.0-alpha.76 ([4a496ed](https://github.com/visulima/visulima/commit/4a496edb863ecd414c34ff043d49ba3171538ccd))
+* re-sort workspace package.json files via vis sort-package-json ([f625696](https://github.com/visulima/visulima/commit/f625696cfac974325774b3243e1a83c3d23acbd7))
+* simplify pnpm-workspace packages list ([7cab221](https://github.com/visulima/visulima/commit/7cab221163632d9b7aa044a6f88c49083103a869))
+
 ## @visulima/dev-toolbar [1.0.0-alpha.13](https://github.com/visulima/visulima/compare/@visulima/dev-toolbar@1.0.0-alpha.12...@visulima/dev-toolbar@1.0.0-alpha.13) (2026-04-22)
 
 ### Bug Fixes

package/LICENSE.md

@@ -185,4 +185,25 @@ Repository: https://github.com/lucide-icons/lucide.git
 <!-- /DEPENDENCIES -->
 
 <!-- TYPE_DEPENDENCIES -->
+
+# Licenses of bundled types
+The published @visulima/dev-toolbar artifact additionally contains code with the following licenses:
+MIT
+
+# Bundled types:
+## clsx
+License: MIT
+By: Luke Edwards
+Repository: lukeed/clsx
+
+> MIT License
+>
+> Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)
+>
+> Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+>
+> The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+>
+> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
 <!-- /TYPE_DEPENDENCIES -->

package/dist/apps/a11y/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const a11yApp: DevToolbarApp;
-export default a11yApp;
+export { a11yApp as default };

package/dist/apps/a11y/index.js

@@ -1,4 +1,4 @@
-var X=Object.defineProperty;var O=(a,e)=>X(a,"name",{value:e,configurable:!0});import{addHookName as k}from"preact/devtools";import{clsx as d}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as C,useEffect as L}from"preact/hooks";import{jsxs as i,jsx as t,Fragment as W}from"preact/jsx-runtime";import w from"../../packem_shared/Button-Bkx66Co7.js";import{Alert as Y,AlertDescription as Z}from"../../packem_shared/Alert-D2CvX4fw.js";const ee=`<!-- @license lucide-static v1.8.0 - ISC -->
+var X=Object.defineProperty;var O=(a,e)=>X(a,"name",{value:e,configurable:!0});import{addHookName as k}from"preact/devtools";import{clsx as d}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as C,useEffect as L}from"preact/hooks";import{jsxs as i,jsx as t,Fragment as W}from"preact/jsx-runtime";import w from"../../packem_shared/Button-Bkx66Co7.js";import{Alert as Y,AlertDescription as Z}from"../../packem_shared/Alert-D2CvX4fw.js";const ee=`<!-- @license lucide-static v1.14.0 - ISC -->
 <svg
   class="lucide lucide-accessibility"
   xmlns="http://www.w3.org/2000/svg"

package/dist/apps/annotations/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const annotationsApp: DevToolbarApp;
-export default annotationsApp;
+export { annotationsApp as default };

package/dist/apps/annotations/index.js

@@ -1,4 +1,4 @@
-var j=Object.defineProperty;var z=(t,s)=>j(t,"name",{value:s,configurable:!0});import{addHookName as c}from"preact/devtools";import{clsx as h}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as p,useCallback as S,useEffect as q}from"preact/hooks";import{s as Q,M as H,l as K}from"../../packem_shared/annotation-settings-Bv0TH4WI.js";import{jsx as e,jsxs as r}from"preact/jsx-runtime";import g from"../../packem_shared/Button-Bkx66Co7.js";import U from"../../packem_shared/Textarea-Yfg3dLZi.js";const V=`<!-- @license lucide-static v1.8.0 - ISC -->
+var j=Object.defineProperty;var z=(t,s)=>j(t,"name",{value:s,configurable:!0});import{addHookName as c}from"preact/devtools";import{clsx as h}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as p,useCallback as S,useEffect as q}from"preact/hooks";import{s as Q,M as H,l as K}from"../../packem_shared/annotation-settings-Bv0TH4WI.js";import{jsx as e,jsxs as r}from"preact/jsx-runtime";import g from"../../packem_shared/Button-Bkx66Co7.js";import U from"../../packem_shared/Textarea-Yfg3dLZi.js";const V=`<!-- @license lucide-static v1.14.0 - ISC -->
 <svg
   class="lucide lucide-message-square-plus"
   xmlns="http://www.w3.org/2000/svg"

package/dist/apps/assets/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const assetsApp: DevToolbarApp;
-export default assetsApp;
+export { assetsApp as default };

package/dist/apps/assets/index.js

@@ -1,4 +1,4 @@
-var B=Object.defineProperty;var P=(t,i)=>B(t,"name",{value:i,configurable:!0});import{addHookName as a}from"preact/devtools";import{clsx as u}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as s,useRef as N,useEffect as C}from"preact/hooks";import{jsx as e,jsxs as l}from"preact/jsx-runtime";import c from"../../packem_shared/Button-Bkx66Co7.js";import E from"../../packem_shared/Input-Cs6aduTi.js";const H=`<!-- @license lucide-static v1.8.0 - ISC -->
+var B=Object.defineProperty;var P=(t,i)=>B(t,"name",{value:i,configurable:!0});import{addHookName as a}from"preact/devtools";import{clsx as u}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as s,useRef as N,useEffect as C}from"preact/hooks";import{jsx as e,jsxs as l}from"preact/jsx-runtime";import c from"../../packem_shared/Button-Bkx66Co7.js";import E from"../../packem_shared/Input-Cs6aduTi.js";const H=`<!-- @license lucide-static v1.14.0 - ISC -->
 <svg
   class="lucide lucide-folder-open"
   xmlns="http://www.w3.org/2000/svg"

package/dist/apps/inspector/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const inspectorApp: DevToolbarApp;
-export default inspectorApp;
+export { inspectorApp as default };

package/dist/apps/inspector/index.js

@@ -1,4 +1,4 @@
-var Bn=Object.defineProperty;var ae=(e,t)=>Bn(e,"name",{value:t,configurable:!0});import{l as _t,g as Gt}from"../../packem_shared/annotation-settings-Bv0TH4WI.js";import{b as Mn}from"../../packem_shared/use-frame-state-CxrlPUM5.js";const zn=`<!-- @license lucide-static v1.8.0 - ISC -->
+var Bn=Object.defineProperty;var ae=(e,t)=>Bn(e,"name",{value:t,configurable:!0});import{l as _t,g as Gt}from"../../packem_shared/annotation-settings-Bv0TH4WI.js";import{b as Mn}from"../../packem_shared/use-frame-state-CxrlPUM5.js";const zn=`<!-- @license lucide-static v1.14.0 - ISC -->
 <svg
   class="lucide lucide-inspect"
   xmlns="http://www.w3.org/2000/svg"

package/dist/apps/module-graph/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const moduleGraphApp: DevToolbarApp;
-export default moduleGraphApp;
+export { moduleGraphApp as default };

package/dist/apps/module-graph/index.js

@@ -1,4 +1,4 @@
-var U=Object.defineProperty;var k=(o,d)=>U(o,"name",{value:d,configurable:!0});import{addHookName as i}from"preact/devtools";import{clsx as j}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as s,useRef as E,useEffect as S}from"preact/hooks";import{jsx as r,jsxs as t}from"preact/jsx-runtime";import b from"../../packem_shared/Button-Bkx66Co7.js";import A from"../../packem_shared/Input-Cs6aduTi.js";const G=`<!-- @license lucide-static v1.8.0 - ISC -->
+var U=Object.defineProperty;var k=(o,d)=>U(o,"name",{value:d,configurable:!0});import{addHookName as i}from"preact/devtools";import{clsx as j}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as s,useRef as E,useEffect as S}from"preact/hooks";import{jsx as r,jsxs as t}from"preact/jsx-runtime";import b from"../../packem_shared/Button-Bkx66Co7.js";import A from"../../packem_shared/Input-Cs6aduTi.js";const G=`<!-- @license lucide-static v1.14.0 - ISC -->
 <svg
   class="lucide lucide-network"
   xmlns="http://www.w3.org/2000/svg"

package/dist/apps/performance/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const performanceApp: DevToolbarApp;
-export default performanceApp;
+export { performanceApp as default };

package/dist/apps/performance/index.js

@@ -1,4 +1,4 @@
-var j=Object.defineProperty;var f=(t,e)=>j(t,"name",{value:e,configurable:!0});import{addHookName as w}from"preact/devtools";import{clsx as c}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as C,useRef as F,useEffect as H}from"preact/hooks";import{jsx as r,jsxs as i}from"preact/jsx-runtime";const L=`<!-- @license lucide-static v1.8.0 - ISC -->
+var j=Object.defineProperty;var f=(t,e)=>j(t,"name",{value:e,configurable:!0});import{addHookName as w}from"preact/devtools";import{clsx as c}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as C,useRef as F,useEffect as H}from"preact/hooks";import{jsx as r,jsxs as i}from"preact/jsx-runtime";const L=`<!-- @license lucide-static v1.14.0 - ISC -->
 <svg
   class="lucide lucide-gauge"
   xmlns="http://www.w3.org/2000/svg"

package/dist/apps/seo/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const seoApp: DevToolbarApp;
-export default seoApp;
+export { seoApp as default };

package/dist/apps/seo/index.js

@@ -1,4 +1,4 @@
-var G=Object.defineProperty;var P=(r,e)=>G(r,"name",{value:e,configurable:!0});import{addHookName as b}from"preact/devtools";import{clsx as y}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as v,useRef as H,useEffect as W}from"preact/hooks";import{jsxs as n,jsx as t,Fragment as E}from"preact/jsx-runtime";import B from"../../packem_shared/Button-Bkx66Co7.js";import K from"../../packem_shared/Badge-BEgU04nl.js";const Q=`<!-- @license lucide-static v1.8.0 - ISC -->
+var G=Object.defineProperty;var P=(r,e)=>G(r,"name",{value:e,configurable:!0});import{addHookName as b}from"preact/devtools";import{clsx as y}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as v,useRef as H,useEffect as W}from"preact/hooks";import{jsxs as n,jsx as t,Fragment as E}from"preact/jsx-runtime";import B from"../../packem_shared/Button-Bkx66Co7.js";import K from"../../packem_shared/Badge-BEgU04nl.js";const Q=`<!-- @license lucide-static v1.14.0 - ISC -->
 <svg
   class="lucide lucide-search"
   xmlns="http://www.w3.org/2000/svg"

package/dist/apps/settings/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const settingsApp: DevToolbarApp;
-export default settingsApp;
+export { settingsApp as default };

package/dist/apps/settings/index.js

@@ -1,4 +1,4 @@
-var A=Object.defineProperty;var C=(t,l)=>A(t,"name",{value:l,configurable:!0});import{addHookName as x}from"preact/devtools";import{clsx as g}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as T,useRef as M,useEffect as j}from"preact/hooks";import{h as O,r as c}from"../../packem_shared/use-frame-state-CxrlPUM5.js";import{_ as P}from"../../packem_shared/use-theme-zpm4zmqP.js";import v from"../../packem_shared/Icon-B6UHkC0o.js";import{Select as y,SelectTrigger as w,SelectValue as E,SelectContent as F,SelectItem as S,useSelectContext as I}from"../../packem_shared/Select-DgQ4ss-s.js";import{jsxs as r,jsx as e,Fragment as N}from"preact/jsx-runtime";import p from"../../packem_shared/Button-Bkx66Co7.js";const R=`<!-- @license lucide-static v1.8.0 - ISC -->
+var A=Object.defineProperty;var C=(t,l)=>A(t,"name",{value:l,configurable:!0});import{addHookName as x}from"preact/devtools";import{clsx as g}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as T,useRef as M,useEffect as j}from"preact/hooks";import{h as O,r as c}from"../../packem_shared/use-frame-state-CxrlPUM5.js";import{_ as P}from"../../packem_shared/use-theme-zpm4zmqP.js";import v from"../../packem_shared/Icon-B6UHkC0o.js";import{Select as y,SelectTrigger as w,SelectValue as E,SelectContent as F,SelectItem as S,useSelectContext as I}from"../../packem_shared/Select-DgQ4ss-s.js";import{jsxs as r,jsx as e,Fragment as N}from"preact/jsx-runtime";import p from"../../packem_shared/Button-Bkx66Co7.js";const R=`<!-- @license lucide-static v1.14.0 - ISC -->
 <svg
   class="lucide lucide-settings"
   xmlns="http://www.w3.org/2000/svg"

package/dist/apps/tailwind/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const tailwindApp: DevToolbarApp;
-export default tailwindApp;
+export { tailwindApp as default };

package/dist/apps/timeline/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const timelineApp: DevToolbarApp;
-export default timelineApp;
+export { timelineApp as default };

package/dist/apps/timeline/index.js

@@ -1,4 +1,4 @@
-var R=Object.defineProperty;var x=(e,t)=>R(e,"name",{value:t,configurable:!0});import{m as y,D as L}from"../../packem_shared/store-DaUtLjf3.js";import{addHookName as b}from"preact/devtools";import{clsx as C}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as w,useRef as z,useEffect as I}from"preact/hooks";import{jsx as i,jsxs as l}from"preact/jsx-runtime";import A from"../../packem_shared/Badge-BEgU04nl.js";import D from"../../packem_shared/Button-Bkx66Co7.js";var N=Object.defineProperty,T=x((e,t)=>N(e,"name",{value:t,configurable:!0}),"d");const j="__visulima_timeline_capture__",f=T(e=>`${e}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,7)}`,"generateId"),O=T(e=>e.startsWith("/@")||e.includes("/__vite")||e.includes("__visulima-dev-toolbar")||e.startsWith("data:")||e.startsWith("blob:"),"isViteInternalUrl"),P=T(()=>{if(globalThis[j])return;globalThis[j]=!0;const e=y();if(import.meta.hot&&(import.meta.hot.on("vite:beforeUpdate",t=>{const n=t,o=n.updates?.map(h=>h.path).join(", ")??"";e.addEvent("hmr",{data:{updates:n.updates},id:f("hmr"),level:"info",subtitle:o||void 0,time:Date.now(),title:"HMR Update"})}),import.meta.hot.on("vite:beforeFullReload",t=>{const n=t;e.addEvent("hmr",{id:f("hmr-reload"),level:"warning",subtitle:n.path??void 0,time:Date.now(),title:"Full Reload"})}),import.meta.hot.on("vite:error",t=>{const n=t,{err:o}=n;e.addEvent("errors",{data:o?{loc:o.loc,message:o.message,plugin:o.plugin,stack:o.stack}:void 0,id:f("vite-err"),level:"error",subtitle:o?.message??"Unknown error",time:Date.now(),title:"Vite Error"})})),globalThis.window!==void 0&&typeof globalThis.fetch=="function"){const t=globalThis.fetch.bind(globalThis);globalThis.fetch=async(...n)=>{const o=n[0],h=n[1],v=o instanceof URL?o.href:o.url,s=typeof o=="string"?o:v,c=(h?.method??(o instanceof Request?o.method:"GET")).toUpperCase();if(O(s))return t(...n);const u=Date.now();try{const a=await t(...n),p=Date.now()-u;return e.addEvent("network",{data:{method:c,status:a.status,statusText:a.statusText,url:s},duration:p,id:f("net"),level:a.ok?"info":"warning",subtitle:`${a.status} ${a.statusText}`,time:u,title:`${c} ${s}`}),a}catch(a){const p=Date.now()-u,g=a instanceof Error?a.message:"Network error";throw e.addEvent("network",{data:{error:g,method:c,url:s},duration:p,id:f("net-err"),level:"error",subtitle:g,time:u,title:`${c} ${s}`}),a}}}globalThis.window!==void 0&&(globalThis.addEventListener("error",t=>{t.filename?.includes("visulima-dev-toolbar")||e.addEvent("errors",{data:{colno:t.colno,filename:t.filename,lineno:t.lineno,message:t.message},id:f("err"),level:"error",subtitle:t.filename?`${t.filename}:${t.lineno}:${t.colno}`:void 0,time:Date.now(),title:t.message||"JavaScript Error"})}),globalThis.addEventListener("unhandledrejection",t=>{const{reason:n}=t,o=n instanceof Error?n.message:String(n??"Unhandled promise rejection");e.addEvent("errors",{data:{reason:String(n)},id:f("rej"),level:"error",subtitle:o,time:Date.now(),title:"Unhandled Promise Rejection"})}))},"startTimelineCapture"),B=`<!-- @license lucide-static v1.8.0 - ISC -->
+var R=Object.defineProperty;var x=(e,t)=>R(e,"name",{value:t,configurable:!0});import{m as y,D as L}from"../../packem_shared/store-DaUtLjf3.js";import{addHookName as b}from"preact/devtools";import{clsx as C}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as w,useRef as z,useEffect as I}from"preact/hooks";import{jsx as i,jsxs as l}from"preact/jsx-runtime";import A from"../../packem_shared/Badge-BEgU04nl.js";import D from"../../packem_shared/Button-Bkx66Co7.js";var N=Object.defineProperty,T=x((e,t)=>N(e,"name",{value:t,configurable:!0}),"d");const j="__visulima_timeline_capture__",f=T(e=>`${e}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,7)}`,"generateId"),O=T(e=>e.startsWith("/@")||e.includes("/__vite")||e.includes("__visulima-dev-toolbar")||e.startsWith("data:")||e.startsWith("blob:"),"isViteInternalUrl"),P=T(()=>{if(globalThis[j])return;globalThis[j]=!0;const e=y();if(import.meta.hot&&(import.meta.hot.on("vite:beforeUpdate",t=>{const n=t,o=n.updates?.map(h=>h.path).join(", ")??"";e.addEvent("hmr",{data:{updates:n.updates},id:f("hmr"),level:"info",subtitle:o||void 0,time:Date.now(),title:"HMR Update"})}),import.meta.hot.on("vite:beforeFullReload",t=>{const n=t;e.addEvent("hmr",{id:f("hmr-reload"),level:"warning",subtitle:n.path??void 0,time:Date.now(),title:"Full Reload"})}),import.meta.hot.on("vite:error",t=>{const n=t,{err:o}=n;e.addEvent("errors",{data:o?{loc:o.loc,message:o.message,plugin:o.plugin,stack:o.stack}:void 0,id:f("vite-err"),level:"error",subtitle:o?.message??"Unknown error",time:Date.now(),title:"Vite Error"})})),globalThis.window!==void 0&&typeof globalThis.fetch=="function"){const t=globalThis.fetch.bind(globalThis);globalThis.fetch=async(...n)=>{const o=n[0],h=n[1],v=o instanceof URL?o.href:o.url,s=typeof o=="string"?o:v,c=(h?.method??(o instanceof Request?o.method:"GET")).toUpperCase();if(O(s))return t(...n);const u=Date.now();try{const a=await t(...n),p=Date.now()-u;return e.addEvent("network",{data:{method:c,status:a.status,statusText:a.statusText,url:s},duration:p,id:f("net"),level:a.ok?"info":"warning",subtitle:`${a.status} ${a.statusText}`,time:u,title:`${c} ${s}`}),a}catch(a){const p=Date.now()-u,g=a instanceof Error?a.message:"Network error";throw e.addEvent("network",{data:{error:g,method:c,url:s},duration:p,id:f("net-err"),level:"error",subtitle:g,time:u,title:`${c} ${s}`}),a}}}globalThis.window!==void 0&&(globalThis.addEventListener("error",t=>{t.filename?.includes("visulima-dev-toolbar")||e.addEvent("errors",{data:{colno:t.colno,filename:t.filename,lineno:t.lineno,message:t.message},id:f("err"),level:"error",subtitle:t.filename?`${t.filename}:${t.lineno}:${t.colno}`:void 0,time:Date.now(),title:t.message||"JavaScript Error"})}),globalThis.addEventListener("unhandledrejection",t=>{const{reason:n}=t,o=n instanceof Error?n.message:String(n??"Unhandled promise rejection");e.addEvent("errors",{data:{reason:String(n)},id:f("rej"),level:"error",subtitle:o,time:Date.now(),title:"Unhandled Promise Rejection"})}))},"startTimelineCapture"),B=`<!-- @license lucide-static v1.14.0 - ISC -->
 <svg
   class="lucide lucide-gantt-chart"
   xmlns="http://www.w3.org/2000/svg"

package/dist/apps/vite-config/index.d.ts

@@ -1,3 +1,4 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
+import { D as DevToolbarApp } from "../../packem_shared/app.d-SmKEDxsI.js";
+import 'preact';
 declare const viteConfigApp: DevToolbarApp;
-export default viteConfigApp;
+export { viteConfigApp as default };

package/dist/apps/vite-config/index.js

@@ -1,4 +1,4 @@
-var O=Object.defineProperty;var F=(t,e)=>O(t,"name",{value:e,configurable:!0});import{addHookName as p}from"preact/devtools";import{clsx as m}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as x,useRef as $,useEffect as P}from"preact/hooks";import k from"../../packem_shared/Icon-B6UHkC0o.js";import{jsxs as l,jsx as r}from"preact/jsx-runtime";import R from"../../packem_shared/Button-Bkx66Co7.js";import L from"../../packem_shared/Input-Cs6aduTi.js";import{Tooltip as B,TooltipTrigger as M,TooltipContent as I}from"../../packem_shared/Tooltip-CioncSXj.js";import D from"../../packem_shared/Badge-BEgU04nl.js";import{Tabs as N,TabsList as H,TabsTrigger as J,TabsContent as v}from"../../packem_shared/Tabs-DKWMiawt.js";const K=`<!-- @license lucide-static v1.8.0 - ISC -->
+var O=Object.defineProperty;var F=(t,e)=>O(t,"name",{value:e,configurable:!0});import{addHookName as p}from"preact/devtools";import{clsx as m}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as x,useRef as $,useEffect as P}from"preact/hooks";import k from"../../packem_shared/Icon-B6UHkC0o.js";import{jsxs as l,jsx as r}from"preact/jsx-runtime";import R from"../../packem_shared/Button-Bkx66Co7.js";import L from"../../packem_shared/Input-Cs6aduTi.js";import{Tooltip as B,TooltipTrigger as M,TooltipContent as I}from"../../packem_shared/Tooltip-CioncSXj.js";import D from"../../packem_shared/Badge-BEgU04nl.js";import{Tabs as N,TabsList as H,TabsTrigger as J,TabsContent as v}from"../../packem_shared/Tabs-DKWMiawt.js";const K=`<!-- @license lucide-static v1.14.0 - ISC -->
 <svg
   class="lucide lucide-zap"
   xmlns="http://www.w3.org/2000/svg"

package/dist/client/overlay.d.ts

@@ -1 +1 @@
-export {};
+export { };

package/dist/index.d.ts

@@ -1,8 +1,143 @@
-export { createDevToolbarHook, getGlobalHook, setupGlobalHook } from "./hooks/index.d.ts";
-export { createClientRPCContext } from "./rpc/client.d.ts";
-export { createServerRPCContext } from "./rpc/server.d.ts";
-export type { TimelineStore } from "./timeline/index.d.ts";
-export { getTimelineStore } from "./timeline/index.d.ts";
-export { DevToolbar } from "./toolbar/index.d.ts";
-export { loadSettings, saveSettings, updateSettings } from "./toolbar/settings.d.ts";
-export type * from "./types/index.d.ts";
+import { D as DevToolbarApp, T as ToolbarSettings } from "./packem_shared/app.d-SmKEDxsI.js";
+export { A as AppView, b as DEFAULT_TOOLBAR_SETTINGS, a as DevToolbarAppState, F as FrameState, N as NotificationLevel, P as PositionAnchor, S as ServerFunctions, c as ServerHelpers, d as ToolbarAppEventTarget, e as ToolbarPlacement } from "./packem_shared/app.d-SmKEDxsI.js";
+import { T as TimelineEvent, D as DevToolbarHook, C as ClientFunctions, a as ClientRPCContext, S as ServerFunctions, b as ServerRPCContext, c as TimelineGroup } from "./packem_shared/global-api.d-DG2WYakl.js";
+export { A as AccessibilityInfo, d as Annotation, e as AnnotationIntent, f as AnnotationSeverity, g as AnnotationStatus, B as BoundingBox, h as CreateAnnotationData, i as DEFAULT_TIMELINE_GROUPS, F as FrameworkContext, H as HookEvents, j as ThreadMessage, k as TimelineEventLevel, U as UpdateAnnotationData, V as VisulimaDevTools } from "./packem_shared/global-api.d-DG2WYakl.js";
+import { ViteDevServer } from 'vite';
+export { DevToolbar } from "./toolbar/index.js";
+import 'preact';
+/**
+* Creates a dev toolbar hook instance.
+* @param onRegisterApp Callback when app is registered.
+* @param onTimelineEvent Callback when timeline event is added.
+* @returns Hook instance.
+*/
+declare const createDevToolbarHook: (onRegisterApp?: (app: DevToolbarApp) => void, onTimelineEvent?: (groupId: string, event: TimelineEvent) => void) => DevToolbarHook;
+/**
+* Setup global hook on window object.
+* @param onRegisterApp Callback when app is registered.
+* @param onTimelineEvent Callback when timeline event is added.
+* @returns Hook instance.
+*/
+declare const setupGlobalHook: (onRegisterApp?: (app: DevToolbarApp) => void, onTimelineEvent?: (groupId: string, event: TimelineEvent) => void) => DevToolbarHook;
+/**
+* Get the global hook instance.
+* @returns Hook instance or undefined.
+*/
+declare const getGlobalHook: () => DevToolbarHook | undefined;
+/**
+* Creates client-side RPC context.
+* @param customFunctions Custom client functions to register.
+* @returns Client RPC context.
+*/
+declare const createClientRPCContext: (customFunctions?: Partial<ClientFunctions>) => ClientRPCContext;
+/**
+* Creates server-side RPC context.
+* @param server Vite dev server instance.
+* @param customFunctions Custom server functions to register.
+* @param options Additional options (e.g. which editor to launch).
+* @param options.editor Editor to use for "open in editor" functionality.
+* @returns Server RPC context.
+*/
+declare const createServerRPCContext: (server: ViteDevServer, customFunctions?: Partial<ServerFunctions>, options?: {
+  editor?: string;
+}) => ServerRPCContext;
+/**
+* Timeline store for managing timeline events.
+*/
+declare class TimelineStore {
+  private groups;
+  private maxEvents;
+  constructor(maxEvents?: number);
+  /**
+  * Adds an event to a group.
+  */
+  addEvent(groupId: string, event: TimelineEvent): void;
+  /**
+  * Gets all timeline groups.
+  */
+  getGroups(): TimelineGroup[];
+  /**
+  * Gets events for a specific group.
+  */
+  getGroupEvents(groupId: string): TimelineEvent[];
+  /**
+  * Gets all events across all groups.
+  */
+  getAllEvents(): TimelineEvent[];
+  /**
+  * Clears events for a specific group.
+  */
+  clearGroup(groupId: string): void;
+  /**
+  * Clears all events from all groups.
+  */
+  clearAll(): void;
+  /**
+  * Gets events within a time range.
+  */
+  getEventsInRange(startTime: number, endTime: number): TimelineEvent[];
+}
+/**
+* Gets or creates the timeline store singleton instance.
+*/
+declare const getTimelineStore: () => TimelineStore;
+/**
+* Message channel interface for bidirectional communication
+*/
+interface MessageChannel<TEvents extends Record<string, (...args: any[]) => void>> {
+  /**
+  * Unsubscribe from an event
+  * @param event Event name
+  * @param handler Optional specific handler to remove
+  */
+  off: <K extends keyof TEvents>(event: K, handler?: TEvents[K]) => void;
+  /**
+  * Subscribe to an event
+  * @param event Event name
+  * @param handler Event handler
+  * @returns Unsubscribe function
+  */
+  on: <K extends keyof TEvents>(event: K, handler: TEvents[K]) => () => void;
+  /**
+  * Subscribe to an event once
+  * @param event Event name
+  * @param handler Event handler
+  */
+  once: <K extends keyof TEvents>(event: K, handler: TEvents[K]) => void;
+  /**
+  * Send a message/event
+  * @param event Event name
+  * @param data Event data
+  */
+  send: <K extends keyof TEvents>(event: K, ...args: Parameters<TEvents[K]>) => void;
+}
+/**
+* Channel factory function
+*/
+type ChannelFactory<TEvents extends Record<string, (...args: any[]) => void>> = () => MessageChannel<TEvents>;
+/**
+* Factory result providing a method to instantiate named message channels.
+*/
+interface MessageChannelContext<TEvents extends Record<string, (...args: any[]) => void>> {
+  /**
+  * Creates and returns a new channel instance.
+  */
+  createChannel: () => MessageChannel<TEvents>;
+}
+/**
+* Loads settings from localStorage, merging with defaults.
+* @returns Toolbar settings.
+*/
+declare const loadSettings: () => ToolbarSettings;
+/**
+* Saves settings to localStorage.
+* @param settings Toolbar settings to save.
+*/
+declare const saveSettings: (settings: ToolbarSettings) => void;
+/**
+* Merges partial updates into the current settings and persists them.
+* @param updates Partial settings to update.
+* @returns Updated settings.
+*/
+declare const updateSettings: (updates: Partial<ToolbarSettings>) => ToolbarSettings;
+export { ChannelFactory, ClientRPCContext, DevToolbarApp, DevToolbarHook, MessageChannel, MessageChannelContext, ClientFunctions as RPCClientFunctions, ServerFunctions as RPCServerFunctions, ServerRPCContext, TimelineEvent, TimelineGroup, type TimelineStore, ToolbarSettings, createClientRPCContext, createDevToolbarHook, createServerRPCContext, getGlobalHook, getTimelineStore, loadSettings, saveSettings, setupGlobalHook, updateSettings };

package/dist/mcp/server.d.ts

@@ -1,12 +1,2 @@
-/**
- * MCP (Model Context Protocol) server for AI agent integration.
- *
- * Provides tools for AI agents (e.g. Claude Code) to read, resolve, and
- * interact with visual annotations created through the dev toolbar.
- *
- * Usage:
- *   npx visulima-dev-toolbar-mcp
- *
- * Requires: @modelcontextprotocol/sdk (optional peer dependency)
- */
-export declare const startMcpServer: () => Promise<void>;
+declare const startMcpServer: () => Promise<void>;
+export { startMcpServer };

package/dist/packem_shared/app.d-SmKEDxsI.d.ts

@@ -0,0 +1,229 @@
+import { ComponentType } from 'preact';
+/**
+* Toolbar placement options (for backward compatibility)
+*/
+type ToolbarPlacement = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+/**
+* Notification levels
+*/
+type NotificationLevel = "info" | "warning" | "error";
+/**
+* Position anchor (which edge the toolbar is attached to)
+* Matches Vue DevTools positioning
+*/
+type PositionAnchor = "top" | "bottom" | "left" | "right";
+/**
+* Frame state - matches Vue DevTools DevToolsFrameState
+* @see https://github.com/vuejs/devtools/blob/main/packages/overlay/src/composables/state.ts
+*/
+interface FrameState {
+  /**
+  * Horizontal position as percentage (0-100)
+  */
+  left: number;
+  /**
+  * Whether panel is open
+  */
+  open: boolean;
+  /**
+  * Which edge the toolbar is anchored to
+  */
+  position: PositionAnchor;
+  /**
+  * Vertical position as percentage (0-100)
+  */
+  top: number;
+}
+/**
+* Configuration options controlling the toolbar's initial appearance.
+*/
+interface ToolbarSettings {
+  /**
+  * Whether toolbar is visible by default
+  */
+  defaultVisible: boolean;
+  /**
+  * Toolbar placement on screen
+  */
+  placement: ToolbarPlacement;
+  /**
+  * Whether to show notifications
+  */
+  showNotifications: boolean;
+}
+/**
+* Default toolbar settings
+*/
+declare const DEFAULT_TOOLBAR_SETTINGS: ToolbarSettings;
+/**
+* Server helpers available to apps
+*/
+interface ServerHelpers {
+  /**
+  * RPC client for calling server functions
+  */
+  rpc: { [K in keyof ServerFunctions]: ServerFunctions[K] };
+}
+/**
+* Props passed to app tooltip (hover mini-canvas) components.
+* Keep compact — tooltip components should be lightweight.
+*/
+interface AppTooltipProps {
+  /**
+  * Server helpers (RPC, etc.)
+  */
+  helpers: ServerHelpers;
+}
+/**
+* Event target for app communication
+*/
+interface ToolbarAppEventTarget extends EventTarget {
+  /**
+  * Dispatch a custom event
+  */
+  dispatchEvent: (event: Event) => boolean;
+}
+/**
+* App view configuration
+*/
+type AppView = {
+  /**
+  * Render app inline in shadow DOM (default)
+  */
+  type: "inline";
+} | {
+  /**
+  * URL to load in iframe
+  */
+  src: string;
+  /**
+  * Render app in iframe for isolation
+  */
+  type: "iframe";
+};
+/**
+* Props passed to Preact component apps
+*/
+interface AppComponentProps {
+  /**
+  * Event target for app communication
+  */
+  eventTarget: ToolbarAppEventTarget;
+  /**
+  * Server helpers (RPC, etc.)
+  */
+  helpers: ServerHelpers;
+}
+/**
+* Dev toolbar app definition
+*/
+interface DevToolbarApp {
+  /**
+  * Called before app is toggled off
+  * Return false to prevent closing
+  * @param canvas Shadow root of the app
+  * @returns Whether to allow closing
+  */
+  beforeTogglingOff?: (canvas: ShadowRoot) => boolean | Promise<boolean>;
+  /**
+  * Preact component for rendering (alternative to init)
+  * If provided, this will be used instead of init
+  */
+  component?: ComponentType<AppComponentProps>;
+  /**
+  * When true, this app is automatically activated when the toolbar opens for
+  * the first time (or when no other app has been activated yet).
+  * Only the first registered app with defaultOpen: true is used.
+  * @default false
+  */
+  defaultOpen?: boolean;
+  /**
+  * Called when the app is unregistered / removed from the toolbar.
+  * Use this for final cleanup (event listeners, timers, subscriptions).
+  * @param canvas Shadow root of the app
+  */
+  destroy?: (canvas: ShadowRoot) => Promise<void> | void;
+  /**
+  * Icon HTML string (SVG)
+  */
+  icon: string;
+  /**
+  * Unique identifier for the app
+  */
+  id: string;
+  /**
+  * Initialize the app when opened (vanilla JS/CSS/HTML)
+  * @param canvas Shadow root to render into
+  * @param eventTarget Event target for app communication
+  * @param helpers Server helpers (RPC, etc.)
+  */
+  init?: (canvas: ShadowRoot, eventTarget: ToolbarAppEventTarget, helpers: ServerHelpers) => void | Promise<void>;
+  /**
+  * Display name of the app
+  */
+  name: string;
+  /**
+  * Action button callback — called when the button is activated (active: false → true).
+  * When present, clicking the toolbar button will NOT open a panel.
+  * Instead the button toggles its active state and calls onClick (activate)
+  * or onDeactivate (deactivate).
+  */
+  onClick?: () => Promise<void> | void;
+  /**
+  * Called when the action button is deactivated (active: true → false).
+  * Only meaningful when onClick is also provided.
+  */
+  onDeactivate?: () => Promise<void> | void;
+  /**
+  * Optional hover tooltip component — renders a compact live preview when the
+  * user hovers over this app's button in the toolbar pill.
+  * The component should be small (≤280px wide) and self-contained.
+  * If omitted, hovering shows the native title tooltip only.
+  */
+  tooltip?: ComponentType<AppTooltipProps>;
+  /**
+  * App rendering mode
+  */
+  view?: AppView;
+}
+/**
+* Internal app state (extends DevToolbarApp)
+*/
+interface DevToolbarAppState extends DevToolbarApp {
+  /**
+  * Whether the app is currently active/open
+  */
+  active: boolean;
+  /**
+  * Whether this is a built-in app
+  */
+  builtIn: boolean;
+  /**
+  * Event target for this app
+  */
+  eventTarget: ToolbarAppEventTarget;
+  /**
+  * Notification state
+  */
+  notification: {
+    /**
+    * Notification level
+    */
+    level?: NotificationLevel;
+    /**
+    * Whether notification is active
+    */
+    state: boolean;
+  };
+  /**
+  * App initialization status
+  */
+  status: "ready" | "loading" | "pending" | "error";
+}
+/**
+* Placeholder for ServerFunctions (defined in rpc.ts)
+*/
+interface ServerFunctions {
+  [key: string]: (...args: any[]) => Promise<any>;
+}
+export { AppView as A, DevToolbarApp as D, FrameState as F, NotificationLevel as N, PositionAnchor as P, ServerFunctions as S, ToolbarSettings as T, DevToolbarAppState as a, DEFAULT_TOOLBAR_SETTINGS as b, ServerHelpers as c, ToolbarAppEventTarget as d, ToolbarPlacement as e };