@foldkit/devtools 0.148.2 → 0.149.0-canary.805061650cfe

package/dist/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../src/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,EACP,MAAM,EAEN,OAAO,EAGP,MAAM,EAKN,MAAM,IAAI,CAAC,EAGX,eAAe,EAEhB,MAAM,QAAQ,CAAA;AAEf,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAGlB,KAAK,WAAW,EAChB,KAAK,UAAU,EAKhB,MAAM,uBAAuB,CAAA;AAU9B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;;oFAsDR,CAAC;;;;;;;;;;;;;;;;;AAkQ9D,cAAM,YAAa,SAAQ,iBAE1B;CAAG;;AAEJ,cAAM,iBAAkB,SAAQ,sBAGC;CAAG;AAEpC,eAAO,MAAM,UAAU;;iBAGrB,CAAA;AAEF,eAAO,MAAM,YAAY;;iBAGvB,CAAA;AAgCF,eAAO,MAAM,oBAAoB;;;;;iBAgB/B,CAAA;AAuBF,eAAO,MAAM,gBAAgB;;;;;;;;wBAS3B,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;wBAIvB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;wBAOxB,CAAA;AAEF,eAAO,MAAM,MAAM;;wBAOjB,CAAA;AAEF,eAAO,MAAM,KAAK;;wBAOhB,CAAA;AAEF,eAAO,MAAM,WAAW;;6BAUtB,CAAA;AAsgEF,eAAO,MAAM,aAAa,GACxB,OAAO,aAAa,EACpB,UAAU,gBAAgB,EAC1B,MAAM,YAAY,EAClB,aAAa,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,6DAmFhC,CAAA"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../src/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,EACP,MAAM,EAEN,OAAO,EAGP,MAAM,EAKN,MAAM,IAAI,CAAC,EAGX,eAAe,EAEhB,MAAM,QAAQ,CAAA;AAEf,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAGlB,KAAK,WAAW,EAChB,KAAK,UAAU,EAKhB,MAAM,uBAAuB,CAAA;AAU9B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;;oFAsDzB,CAAC;;;;;;;;;;;;;;;;;AAqO7C,cAAM,YAAa,SAAQ,iBAE1B;CAAG;;AAEJ,cAAM,iBAAkB,SAAQ,sBAGC;CAAG;AAEpC,eAAO,MAAM,UAAU;;iBAGrB,CAAA;AAEF,eAAO,MAAM,YAAY;;iBAGvB,CAAA;AAgCF,eAAO,MAAM,oBAAoB;;;;;iBAkB/B,CAAA;AAuBF,eAAO,MAAM,gBAAgB;;;;;;;;wBAS3B,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;wBAIvB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;wBAOxB,CAAA;AAEF,eAAO,MAAM,MAAM;;wBAOjB,CAAA;AAEF,eAAO,MAAM,KAAK;;wBAOhB,CAAA;AAEF,eAAO,MAAM,WAAW;;6BAUtB,CAAA;AAihEF,eAAO,MAAM,aAAa,GACxB,OAAO,aAAa,EACpB,UAAU,gBAAgB,EAC1B,MAAM,YAAY,EAClB,aAAa,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,6DAmFhC,CAAA"}

package/dist/overlay.js

@@ -6,7 +6,7 @@ import * as Command from 'foldkit/command';
 import { DEVTOOLS_HOST_ID, GOT_MESSAGE_PATTERN, INIT_INDEX, extractSubmodelInfo, isTagged, latestEntryIndex, toInspectableValue, } from 'foldkit/devtools-host';
 import { lockScroll, unlockScroll } from 'foldkit/dom';
 import { createKeyedLazy, createLazy, } from 'foldkit/html';
-import { m } from 'foldkit/message';
+import { defineMessageUnion } from 'foldkit/message';
 import { makeElement } from 'foldkit/runtime';
 import { ts } from 'foldkit/schema';
 import { evo } from 'foldkit/struct';
@@ -106,75 +106,46 @@ const Flags = S.Struct({
     pausedAtIndex: S.Number,
 });
 // MESSAGE
-const ClickedToggle = m('ClickedToggle');
-const ClickedSettingsToggle = m('ClickedSettingsToggle');
-const ToggledFlatten = m('ToggledFlatten', { isFlattened: S.Boolean });
-const CompletedPersistDevToolsState = m('CompletedPersistDevToolsState');
-const ClickedRow = m('ClickedRow', { index: S.Number });
-const ClickedResume = m('ClickedResume');
-const ClickedClear = m('ClickedClear');
-const CompletedResume = m('CompletedResume');
-const ClickedFollowLatest = m('ClickedFollowLatest');
-const ClickedScrollToTopPill = m('ClickedScrollToTopPill');
-const ScrolledMessageList = m('ScrolledMessageList', { scrollTop: S.Number });
-const CompletedClear = m('CompletedClear');
-const CompletedLockScroll = m('CompletedLockScroll');
-const CompletedUnlockScroll = m('CompletedUnlockScroll');
-const CompletedScrollToTop = m('CompletedScrollToTop');
-const CrossedMobileBreakpoint = m('CrossedMobileBreakpoint', {
-    isMobile: S.Boolean,
-});
-const ReceivedInspectedState = m('ReceivedInspectedState', {
-    model: S.Unknown,
-    maybeMessage: S.Option(S.Unknown),
-    changedPaths: S.HashSet(S.String),
-    affectedPaths: S.HashSet(S.String),
-});
-const ToggledTreeNode = m('ToggledTreeNode', { path: S.String });
-const TickedScrubFrame = m('TickedScrubFrame');
-const GotInspectorTabsMessage = m('GotInspectorTabsMessage', {
-    message: Tabs.Message,
-});
-const ReceivedStoreUpdate = m('ReceivedStoreUpdate', {
-    entries: S.Array(DisplayEntry),
-    initCommands: S.Array(DisplayCommand),
-    initMountStarts: S.Array(DisplayMount),
-    startIndex: S.Number,
-    isPaused: S.Boolean,
-    pausedAtIndex: S.Number,
-});
-const GotSubmodelFilterMessage = m('GotSubmodelFilterMessage', {
-    message: Listbox.Message,
-});
 // NOTE: suspend for the same init-order reason as scrubberSlider above.
-const GotScrubberSliderMessage = m('GotScrubberSliderMessage', {
-    message: S.suspend(() => __foldkitBrandViewResult((Slider.Message), "@foldkit/devtools/overlay.js#anonymous~4")),
+const Message = defineMessageUnion({
+    ClickedToggle: {},
+    ClickedSettingsToggle: {},
+    ToggledFlatten: { isFlattened: S.Boolean },
+    CompletedPersistDevToolsState: {},
+    ClickedRow: { index: S.Number },
+    ClickedResume: {},
+    ClickedClear: {},
+    ClickedFollowLatest: {},
+    ClickedScrollToTopPill: {},
+    ScrolledMessageList: { scrollTop: S.Number },
+    CompletedResume: {},
+    CompletedClear: {},
+    CompletedLockScroll: {},
+    CompletedUnlockScroll: {},
+    CompletedScrollToTop: {},
+    CrossedMobileBreakpoint: { isMobile: S.Boolean },
+    ReceivedInspectedState: {
+        model: S.Unknown,
+        maybeMessage: S.Option(S.Unknown),
+        changedPaths: S.HashSet(S.String),
+        affectedPaths: S.HashSet(S.String),
+    },
+    ToggledTreeNode: { path: S.String },
+    TickedScrubFrame: {},
+    GotInspectorTabsMessage: { message: Tabs.Message },
+    ReceivedStoreUpdate: {
+        entries: S.Array(DisplayEntry),
+        initCommands: S.Array(DisplayCommand),
+        initMountStarts: S.Array(DisplayMount),
+        startIndex: S.Number,
+        isPaused: S.Boolean,
+        pausedAtIndex: S.Number,
+    },
+    GotSubmodelFilterMessage: { message: Listbox.Message },
+    GotScrubberSliderMessage: {
+        message: S.suspend(() => __foldkitBrandViewResult((Slider.Message), "@foldkit/devtools/overlay.js#anonymous~4")),
+    },
 });
-const Message = S.Union([
-    ClickedToggle,
-    ClickedSettingsToggle,
-    ToggledFlatten,
-    CompletedPersistDevToolsState,
-    ClickedRow,
-    ClickedResume,
-    ClickedClear,
-    ClickedFollowLatest,
-    ClickedScrollToTopPill,
-    ScrolledMessageList,
-    CompletedResume,
-    CompletedClear,
-    CompletedLockScroll,
-    CompletedUnlockScroll,
-    CompletedScrollToTop,
-    CrossedMobileBreakpoint,
-    ReceivedInspectedState,
-    ToggledTreeNode,
-    TickedScrubFrame,
-    GotInspectorTabsMessage,
-    ReceivedStoreUpdate,
-    GotSubmodelFilterMessage,
-    GotScrubberSliderMessage,
-]);
 // HELPERS
 const MILLIS_PER_SECOND = 1000;
 const MOBILE_BREAKPOINT = 767;
@@ -242,12 +213,12 @@ class StoreService extends Context.Service()('foldkit/DevToolsStore') {
 class ShadowRootService extends Context.Service()('foldkit/DevToolsShadowRoot') {
 }
 export const LockScroll = Command.define('LockScroll', {
-    messages: [CompletedLockScroll],
-    execute: lockScroll.pipe(Effect.as(CompletedLockScroll())),
+    messages: [Message.CompletedLockScroll],
+    execute: lockScroll.pipe(Effect.as(Message.CompletedLockScroll())),
 });
 export const UnlockScroll = Command.define('UnlockScroll', {
-    messages: [CompletedUnlockScroll],
-    execute: unlockScroll.pipe(Effect.as(CompletedUnlockScroll())),
+    messages: [Message.CompletedUnlockScroll],
+    execute: unlockScroll.pipe(Effect.as(Message.CompletedUnlockScroll())),
 });
 const maybeToggleScrollLock = (isEnabled, shouldLock) => __foldkitBrandViewResult((OptionExt.when(isEnabled, shouldLock ? LockScroll() : UnlockScroll())), "@foldkit/devtools/overlay.js#maybeToggleScrollLock");
 const maybeLockScroll = (isOpen, isMobile) => __foldkitBrandViewResult((OptionExt.when(isOpen && isMobile, LockScroll())), "@foldkit/devtools/overlay.js#maybeLockScroll");
@@ -267,7 +238,7 @@ const readPersistedState = Effect.gen(function* () {
 }).pipe(Effect.catch(() => __foldkitBrandViewResult((Effect.succeed(DEFAULT_PERSISTED_STATE)), "@foldkit/devtools/overlay.js#anonymous~14")), Effect.provide(BrowserKeyValueStore.layerLocalStorage));
 export const PersistDevToolsState = Command.define('PersistDevToolsState', {
     args: { isOpen: S.Boolean, isFlattened: S.Boolean },
-    messages: [CompletedPersistDevToolsState],
+    messages: [Message.CompletedPersistDevToolsState],
     execute: ({ isOpen, isFlattened }) => __foldkitBrandViewResult((Effect.gen(function* () {
         const store = yield* KeyValueStore.KeyValueStore;
         const json = yield* S.encodeEffect(DevToolsPersistedStateJson)({
@@ -275,14 +246,14 @@ export const PersistDevToolsState = Command.define('PersistDevToolsState', {
             isFlattened,
         });
         yield* store.set(DEVTOOLS_STORAGE_KEY, json);
-        return __foldkitBrandViewResult((CompletedPersistDevToolsState()), "@foldkit/devtools/overlay.js#anonymous~15");
-    }).pipe(Effect.catch(() => __foldkitBrandViewResult((Effect.succeed(CompletedPersistDevToolsState())), "@foldkit/devtools/overlay.js#anonymous~16")), Effect.provide(BrowserKeyValueStore.layerLocalStorage))), "@foldkit/devtools/overlay.js#execute"),
+        return __foldkitBrandViewResult((Message.CompletedPersistDevToolsState()), "@foldkit/devtools/overlay.js#anonymous~15");
+    }).pipe(Effect.catch(() => __foldkitBrandViewResult((Effect.succeed(Message.CompletedPersistDevToolsState())), "@foldkit/devtools/overlay.js#anonymous~16")), Effect.provide(BrowserKeyValueStore.layerLocalStorage))), "@foldkit/devtools/overlay.js#execute"),
 });
 const buildInspectionFromModel = (index, model) => __foldkitBrandViewResult((Effect.gen(function* () {
     const store = yield* StoreService;
     const maybeMessage = yield* store.getMessageAtIndex(index);
     const diff = yield* store.getDiffAtIndex(index);
-    return __foldkitBrandViewResult((ReceivedInspectedState({ model, maybeMessage, ...diff })), "@foldkit/devtools/overlay.js#anonymous~17");
+    return __foldkitBrandViewResult((Message.ReceivedInspectedState({ model, maybeMessage, ...diff })), "@foldkit/devtools/overlay.js#anonymous~17");
 })), "@foldkit/devtools/overlay.js#buildInspectionFromModel");
 const buildInspectionEffect = (index) => __foldkitBrandViewResult((Effect.gen(function* () {
     const store = yield* StoreService;
@@ -297,7 +268,7 @@ const buildInspectionEffect = (index) => __foldkitBrandViewResult((Effect.gen(fu
 // `InspectState`, which resolves once on its own.
 export const JumpToAndInspect = Command.define('JumpToAndInspect', {
     args: { index: S.Number },
-    messages: [ReceivedInspectedState],
+    messages: [Message.ReceivedInspectedState],
     execute: ({ index }) => __foldkitBrandViewResult((Effect.gen(function* () {
         const store = yield* StoreService;
         const model = yield* store.jumpTo(index);
@@ -306,11 +277,11 @@ export const JumpToAndInspect = Command.define('JumpToAndInspect', {
 });
 export const InspectState = Command.define('InspectState', {
     args: { index: S.Number },
-    messages: [ReceivedInspectedState],
+    messages: [Message.ReceivedInspectedState],
     execute: ({ index }) => __foldkitBrandViewResult((buildInspectionEffect(index)), "@foldkit/devtools/overlay.js#execute~3"),
 });
 export const InspectLatest = Command.define('InspectLatest', {
-    messages: [ReceivedInspectedState],
+    messages: [Message.ReceivedInspectedState],
     execute: Effect.gen(function* () {
         const store = yield* StoreService;
         const state = yield* SubscriptionRef.get(store.stateRef);
@@ -318,30 +289,30 @@ export const InspectLatest = Command.define('InspectLatest', {
     }),
 });
 export const Resume = Command.define('Resume', {
-    messages: [CompletedResume],
+    messages: [Message.CompletedResume],
     execute: Effect.gen(function* () {
         const store = yield* StoreService;
         yield* store.resume;
-        return __foldkitBrandViewResult((CompletedResume()), "@foldkit/devtools/overlay.js#anonymous~21");
+        return __foldkitBrandViewResult((Message.CompletedResume()), "@foldkit/devtools/overlay.js#anonymous~21");
     }),
 });
 export const Clear = Command.define('Clear', {
-    messages: [CompletedClear],
+    messages: [Message.CompletedClear],
     execute: Effect.gen(function* () {
         const store = yield* StoreService;
         yield* store.clear;
-        return __foldkitBrandViewResult((CompletedClear()), "@foldkit/devtools/overlay.js#anonymous~22");
+        return __foldkitBrandViewResult((Message.CompletedClear()), "@foldkit/devtools/overlay.js#anonymous~22");
     }),
 });
 export const ScrollToTop = Command.define('ScrollToTop', {
-    messages: [CompletedScrollToTop],
+    messages: [Message.CompletedScrollToTop],
     execute: Effect.gen(function* () {
         const shadow = yield* ShadowRootService;
         const messageList = shadow.querySelector(MESSAGE_LIST_SELECTOR);
         if (messageList instanceof HTMLElement) {
             messageList.scrollTop = 0;
         }
-        return __foldkitBrandViewResult((CompletedScrollToTop()), "@foldkit/devtools/overlay.js#anonymous~23");
+        return __foldkitBrandViewResult((Message.CompletedScrollToTop()), "@foldkit/devtools/overlay.js#anonymous~23");
     }),
 });
 const makeUpdate = (store, shadow, mode) => {
@@ -459,7 +430,7 @@ const makeUpdate = (store, shadow, mode) => {
                     inspectorTabs: () => __foldkitBrandViewResult((nextTabsModel), "@foldkit/devtools/overlay.js#inspectorTabs"),
                     activeInspectorTab: () => __foldkitBrandViewResult((nextActiveInspectorTab), "@foldkit/devtools/overlay.js#activeInspectorTab"),
                 }),
-                Command.mapMessages(tabsCommands, message => __foldkitBrandViewResult((GotInspectorTabsMessage({ message })), "@foldkit/devtools/overlay.js#anonymous~29")),
+                Command.mapMessages(tabsCommands, message => __foldkitBrandViewResult((Message.GotInspectorTabsMessage({ message })), "@foldkit/devtools/overlay.js#anonymous~29")),
             ]), "@foldkit/devtools/overlay.js#GotInspectorTabsMessage");
         },
         ToggledTreeNode: ({ path }) => __foldkitBrandViewResult(([
@@ -505,7 +476,7 @@ const makeUpdate = (store, shadow, mode) => {
         },
         GotSubmodelFilterMessage: ({ message: listboxMessage }) => {
             const [nextListboxModel, listboxCommands, maybeOutMessage] = SubmodelFilterListbox.update(model.submodelFilterListbox, listboxMessage);
-            const mappedCommands = Command.mapMessages(listboxCommands, message => __foldkitBrandViewResult((GotSubmodelFilterMessage({ message })), "@foldkit/devtools/overlay.js#anonymous~37"));
+            const mappedCommands = Command.mapMessages(listboxCommands, message => __foldkitBrandViewResult((Message.GotSubmodelFilterMessage({ message })), "@foldkit/devtools/overlay.js#anonymous~37"));
             return __foldkitBrandViewResult((Option.match(maybeOutMessage, {
                 onNone: () => __foldkitBrandViewResult(([
                     evo(model, { submodelFilterListbox: () => __foldkitBrandViewResult((nextListboxModel), "@foldkit/devtools/overlay.js#submodelFilterListbox") }),
@@ -524,7 +495,7 @@ const makeUpdate = (store, shadow, mode) => {
         },
         GotScrubberSliderMessage: ({ message: sliderMessage }) => {
             const [nextSlider, sliderCommands, maybeOutMessage] = Slider.update(model.scrubberSlider, sliderMessage);
-            const mappedSliderCommands = Command.mapMessages(sliderCommands, message => __foldkitBrandViewResult((GotScrubberSliderMessage({ message })), "@foldkit/devtools/overlay.js#anonymous~38"));
+            const mappedSliderCommands = Command.mapMessages(sliderCommands, message => __foldkitBrandViewResult((Message.GotScrubberSliderMessage({ message })), "@foldkit/devtools/overlay.js#anonymous~38"));
             // NOTE: the thumb tracks every pointermove (cheap, model-only via
             // `nextSlider`), but the heavy jump-plus-inspect is coalesced to one
             // navigation per animation frame. Each `ChangedValue` overwrites the
@@ -569,18 +540,18 @@ const makeOverlaySubscriptions = (store, shadow) => {
         scrubberEscape: sliderSubscriptions.dragEscape,
     })({
         toChildModel: model => __foldkitBrandViewResult((model.scrubberSlider), "@foldkit/devtools/overlay.js#toChildModel"),
-        toParentMessage: message => __foldkitBrandViewResult((GotScrubberSliderMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage"),
+        toParentMessage: message => __foldkitBrandViewResult((Message.GotScrubberSliderMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage"),
     });
     const ownSubscriptions = Subscription.make()(_entry => (__foldkitBrandViewResult(({
         scrubFrame: Subscription.animationFrame({
             isActive: model => __foldkitBrandViewResult((Option.isSome(model.maybePendingScrubIndex)), "@foldkit/devtools/overlay.js#isActive"),
-            toMessage: () => __foldkitBrandViewResult((TickedScrubFrame()), "@foldkit/devtools/overlay.js#toMessage"),
+            toMessage: () => __foldkitBrandViewResult((Message.TickedScrubFrame()), "@foldkit/devtools/overlay.js#toMessage"),
         }),
-        storeUpdates: Subscription.persistent(Stream.concat(Stream.fromEffect(SubscriptionRef.get(store.stateRef).pipe(Effect.map(state => __foldkitBrandViewResult((ReceivedStoreUpdate(toDisplayState(state))), "@foldkit/devtools/overlay.js#anonymous~42")))), Stream.map(SubscriptionRef.changes(store.stateRef), state => __foldkitBrandViewResult((ReceivedStoreUpdate(toDisplayState(state))), "@foldkit/devtools/overlay.js#anonymous~43")))),
+        storeUpdates: Subscription.persistent(Stream.concat(Stream.fromEffect(SubscriptionRef.get(store.stateRef).pipe(Effect.map(state => __foldkitBrandViewResult((Message.ReceivedStoreUpdate(toDisplayState(state))), "@foldkit/devtools/overlay.js#anonymous~42")))), Stream.map(SubscriptionRef.changes(store.stateRef), state => __foldkitBrandViewResult((Message.ReceivedStoreUpdate(toDisplayState(state))), "@foldkit/devtools/overlay.js#anonymous~43")))),
         mobileBreakpoint: Subscription.persistent(Stream.callback(queue => __foldkitBrandViewResult((Effect.acquireRelease(Effect.sync(() => {
             const mediaQuery = window.matchMedia(MOBILE_BREAKPOINT_QUERY);
             const handler = (event) => {
-                Queue.offerUnsafe(queue, CrossedMobileBreakpoint({ isMobile: event.matches }));
+                Queue.offerUnsafe(queue, Message.CrossedMobileBreakpoint({ isMobile: event.matches }));
             };
             mediaQuery.addEventListener('change', handler);
             return __foldkitBrandViewResult(({ mediaQuery, handler }), "@foldkit/devtools/overlay.js#anonymous~45");
@@ -751,7 +722,9 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                 'diff-changed': isChanged,
             })),
             indent,
-            ...(isRoot ? [] : [h.OnClick(ToggledTreeNode({ path: treePath }))]),
+            ...(isRoot
+                ? []
+                : [h.OnClick(Message.ToggledTreeNode({ path: treePath }))]),
         ], rowSegments.map(segment => __foldkitBrandViewResult((h.keyed('li')(segment._tag, [h.Class('contents')], [rowSegmentView(segment)])), "@foldkit/devtools/overlay.js#anonymous~60")))), "@foldkit/devtools/overlay.js#flatNodeView");
     };
     const renderFlatNode = (node) => __foldkitBrandViewResult((lazyTreeNode(node.treePath, flatNodeView, [
@@ -1026,14 +999,14 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                     ])), "@foldkit/devtools/overlay.js#anonymous~75")),
                 ])), "@foldkit/devtools/overlay.js#toView"),
             },
-            toParentMessage: message => __foldkitBrandViewResult((GotInspectorTabsMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage~2"),
+            toParentMessage: message => __foldkitBrandViewResult((Message.GotInspectorTabsMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage~2"),
         }),
     ])), "@foldkit/devtools/overlay.js#inspectorPaneView");
     // MESSAGE LIST
     const badgeView = (model) => __foldkitBrandViewResult((h.button([
         h.Class(clsx('fixed bg-dt-bg text-dt cursor-pointer flex flex-col items-center justify-center font-mono outline-none dt-badge', BADGE_POSITION_CLASS[position], model.isPaused ? 'dt-badge-paused' : 'dt-badge-accent')),
         h.Style({ width: '22px', height: '56px', fontSize: '10px' }),
-        h.OnClick(ClickedToggle()),
+        h.OnClick(Message.ClickedToggle()),
     ], [
         model.isOpen
             ? h.svg([
@@ -1058,7 +1031,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
     const headerClass = 'flex items-center justify-between px-3 py-1.5 border-b shrink-0';
     const actionButtonClass = 'dt-resume-button bg-transparent border-none text-dt-live cursor-pointer text-base font-mono font-medium';
     const statusClass = 'text-base font-mono';
-    const clearHistoryButton = () => __foldkitBrandViewResult((h.button([h.Class(headerButtonClass), h.OnClick(ClickedClear())], ['Clear history'])), "@foldkit/devtools/overlay.js#clearHistoryButton");
+    const clearHistoryButton = () => __foldkitBrandViewResult((h.button([h.Class(headerButtonClass), h.OnClick(Message.ClickedClear())], ['Clear history'])), "@foldkit/devtools/overlay.js#clearHistoryButton");
     const submodelLabel = (tag) => __foldkitBrandViewResult((pipe(tag, String_.replace(/^Got/, ''), String_.replace(/Message$/, ''))), "@foldkit/devtools/overlay.js#submodelLabel");
     const CHECK_ICON = 'M4.5 12.75l6 6 9-13.5';
     const checkIconView = h.svg([
@@ -1093,7 +1066,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             h.StrokeLinejoin('round'),
         ]),
     ]);
-    const scrollToTopPillView = () => __foldkitBrandViewResult((h.button([h.Class('dt-scroll-pill'), h.OnClick(ClickedScrollToTopPill())], [
+    const scrollToTopPillView = () => __foldkitBrandViewResult((h.button([h.Class('dt-scroll-pill'), h.OnClick(Message.ClickedScrollToTopPill())], [
         arrowUpIconView,
         h.span([h.Class('dt-scroll-pill-text')], ['Jump to top']),
     ])), "@foldkit/devtools/overlay.js#scrollToTopPillView");
@@ -1136,14 +1109,14 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                 className: 'dt-filter-wrapper',
                 backdropClassName: 'dt-filter-backdrop',
             },
-            toParentMessage: message => __foldkitBrandViewResult((GotSubmodelFilterMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage~3"),
+            toParentMessage: message => __foldkitBrandViewResult((Message.GotSubmodelFilterMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage~3"),
         })), "@foldkit/devtools/overlay.js#submodelFilterView");
     };
     // SETTINGS
     const flattenSwitchView = (model) => __foldkitBrandViewResult((Switch.view({
         id: FLATTEN_SWITCH_ID,
         isChecked: model.isFlattened,
-        onToggle: isFlattened => __foldkitBrandViewResult((ToggledFlatten({ isFlattened })), "@foldkit/devtools/overlay.js#onToggle"),
+        onToggle: isFlattened => __foldkitBrandViewResult((Message.ToggledFlatten({ isFlattened })), "@foldkit/devtools/overlay.js#onToggle"),
         toView: attributes => __foldkitBrandViewResult((h.div([h.Class('dt-settings-row')], [
             h.div([...attributes.button, h.Class('dt-switch')], [h.span([h.Class('dt-switch-thumb')])]),
             h.div([h.Class('dt-settings-row-text')], [
@@ -1169,7 +1142,10 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                         ? 'Paused (init)'
                         : `Paused (${model.pausedAtIndex + 1})`,
                 ]),
-                maybeAction: Option.some(h.button([h.Class(actionButtonClass), h.OnClick(ClickedResume())], ['Resume →'])),
+                maybeAction: Option.some(h.button([
+                    h.Class(actionButtonClass),
+                    h.OnClick(Message.ClickedResume()),
+                ], ['Resume →'])),
             }
             : {
                 status: h.span([h.Class(`${statusClass} text-dt-live font-medium`)], ['Live']),
@@ -1180,7 +1156,10 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                     ? 'Inspecting (init)'
                     : `Inspecting (${model.selectedIndex + 1})`,
             ]),
-            maybeAction: OptionExt.when(!model.isFollowingLatest, h.button([h.Class(actionButtonClass), h.OnClick(ClickedFollowLatest())], ['Follow Latest →'])),
+            maybeAction: OptionExt.when(!model.isFollowingLatest, h.button([
+                h.Class(actionButtonClass),
+                h.OnClick(Message.ClickedFollowLatest()),
+            ], ['Follow Latest →'])),
         }), "@foldkit/devtools/overlay.js#anonymous~78"))), M.exhaustive);
         const maybeClearHistoryButton = OptionExt.when(!model.isPaused, clearHistoryButton());
         return __foldkitBrandViewResult((h.header([h.Class(headerClass)], [
@@ -1191,7 +1170,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
     };
     const initRowView = (isSelected, isPausedHere) => __foldkitBrandViewResult((h.keyed('li')('init', [
         h.Class(clsx(ROW_BASE, { selected: isSelected })),
-        h.OnClick(ClickedRow({ index: INIT_INDEX })),
+        h.OnClick(Message.ClickedRow({ index: INIT_INDEX })),
     ], [
         ...OptionExt.when(mode === 'TimeTravel', h.span([h.Class('pause-column')], isPausedHere ? [pauseIconView] : [])).pipe(Option.toArray),
         h.span([h.Class('dot-column')]),
@@ -1215,7 +1194,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
     ]);
     const messageRowView = (tag, absoluteIndex, isSelected, isPausedHere, timeDelta, isModelChanged) => __foldkitBrandViewResult((h.keyed('li')(String(absoluteIndex), [
         h.Class(clsx(ROW_BASE, { selected: isSelected })),
-        h.OnClick(ClickedRow({ index: absoluteIndex })),
+        h.OnClick(Message.ClickedRow({ index: absoluteIndex })),
     ], [
         ...OptionExt.when(mode === 'TimeTravel', h.span([h.Class('pause-column')], isPausedHere ? [pauseIconView] : [])).pipe(Option.toArray),
         h.span([h.Class('dot-column')], isModelChanged ? [inlineDiffDotView] : []),
@@ -1265,7 +1244,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
         }), Array_.reverse);
         return __foldkitBrandViewResult((h.ul([
             h.Class('message-list flex-1 overflow-y-auto min-h-0 overscroll-none'),
-            h.OnScroll(scrollTop => __foldkitBrandViewResult((ScrolledMessageList({ scrollTop })), "@foldkit/devtools/overlay.js#anonymous~87")),
+            h.OnScroll(scrollTop => __foldkitBrandViewResult((Message.ScrolledMessageList({ scrollTop })), "@foldkit/devtools/overlay.js#anonymous~87")),
         ], isFiltered
             ? messageRows
             : [
@@ -1321,7 +1300,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                 ], [scrubberPositionLabel(model)]),
             ])), "@foldkit/devtools/overlay.js#toView~3"),
         },
-        toParentMessage: message => __foldkitBrandViewResult((GotScrubberSliderMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage~4"),
+        toParentMessage: message => __foldkitBrandViewResult((Message.GotScrubberSliderMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage~4"),
     })), "@foldkit/devtools/overlay.js#scrubberView");
     // FOOTER
     const isScrubberVisible = mode === 'TimeTravel';
@@ -1371,7 +1350,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             })),
             h.AriaLabel(isSettingsOpen ? 'Close settings' : 'Settings'),
             h.AriaPressed(String(isSettingsOpen)),
-            h.OnClick(ClickedSettingsToggle()),
+            h.OnClick(Message.ClickedSettingsToggle()),
         ], [isSettingsOpen ? closeSettingsIconView : gearIconView])), "@foldkit/devtools/overlay.js#settingsToggleView");
     };
     const footerView = (model) => __foldkitBrandViewResult((h.div([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foldkit/devtools",
-  "version": "0.148.2",
+  "version": "0.149.0-canary.805061650cfe",
   "description": "In-browser DevTools overlay for Foldkit applications",
   "type": "module",
   "exports": {
@@ -14,23 +14,23 @@
     "dist"
   ],
   "peerDependencies": {
-    "@effect/platform-browser": "4.0.0-rc.109",
-    "@foldkit/ui": "^0",
-    "effect": "4.0.0-rc.109",
-    "foldkit": "^0"
+    "@effect/platform-browser": "4.0.0-rc.111",
+    "@foldkit/ui": "0.149.0-canary.805061650cfe",
+    "effect": "4.0.0-rc.111",
+    "foldkit": "0.149.0-canary.805061650cfe"
   },
   "dependencies": {
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@effect/platform-browser": "4.0.0-rc.109",
-    "effect": "4.0.0-rc.109",
+    "@effect/platform-browser": "4.0.0-rc.111",
+    "effect": "4.0.0-rc.111",
     "rimraf": "^6.1.3",
     "typescript": "^6.0.3",
     "vitest": "^4.1.9",
-    "@foldkit/ui": "0.148.2",
-    "@foldkit/vite-plugin": "0.16.1",
-    "foldkit": "0.148.2"
+    "@foldkit/vite-plugin": "0.16.2-canary.805061650cfe",
+    "@foldkit/ui": "0.149.0-canary.805061650cfe",
+    "foldkit": "0.149.0-canary.805061650cfe"
   },
   "keywords": [
     "foldkit",