@foldkit/devtools 0.135.0 → 0.137.0

package/dist/overlay.d.ts

@@ -26,10 +26,10 @@ declare const ShadowRootService_base: Context.ServiceClass<ShadowRootService, "f
 declare class ShadowRootService extends ShadowRootService_base {
 }
 export declare const LockScroll: Command.CommandDefinitionNoArgs<"LockScroll", Effect.Effect<{
-    readonly _tag: "LockedScroll";
+    readonly _tag: "CompletedLockScroll";
 }, never, never>>;
 export declare const UnlockScroll: Command.CommandDefinitionNoArgs<"UnlockScroll", Effect.Effect<{
-    readonly _tag: "UnlockedScroll";
+    readonly _tag: "CompletedUnlockScroll";
 }, never, never>>;
 export declare const PersistDevToolsState: Command.CommandDefinitionWithArgs<"PersistDevToolsState", {
     isOpen: S.Boolean;
@@ -69,7 +69,7 @@ export declare const Clear: Command.CommandDefinitionNoArgs<"Clear", Effect.Effe
     readonly _tag: "CompletedClear";
 }, never, StoreService>>;
 export declare const ScrollToTop: Command.CommandDefinitionNoArgs<"ScrollToTop", Effect.Effect<{
-    readonly _tag: "ScrolledToTop";
+    readonly _tag: "CompletedScrollToTop";
 }, never, ShadowRootService>>;
 export declare const createOverlay: (store: DevToolsStore, position: DevToolsPosition, mode: DevToolsMode, maybeBanner: Option.Option<string>) => Effect.Effect<void, never, import("effect/Scope").Scope>;
 export {};

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;;iBAGsB,CAAA;AAE7C,eAAO,MAAM,YAAY;;iBAGwB,CAAA;AAgCjD,eAAO,MAAM,oBAAoB;;;;;iBAiBhC,CAAA;AAuBD,eAAO,MAAM,gBAAgB;;;;;;;;wBAU5B,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;wBAIqB,CAAA;AAE9C,eAAO,MAAM,aAAa;;;;;;wBASzB,CAAA;AAED,eAAO,MAAM,MAAM;;wBASlB,CAAA;AAED,eAAO,MAAM,KAAK;;wBASjB,CAAA;AAED,eAAO,MAAM,WAAW;;6BAYvB,CAAA;AAu9DD,eAAO,MAAM,aAAa,GACxB,OAAO,aAAa,EACpB,UAAU,gBAAgB,EAC1B,MAAM,YAAY,EAClB,aAAa,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,6DAkFhC,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;;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;AAu9DF,eAAO,MAAM,aAAa,GACxB,OAAO,aAAa,EACpB,UAAU,gBAAgB,EAC1B,MAAM,YAAY,EAClB,aAAa,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,6DAkFhC,CAAA"}

package/dist/overlay.js

@@ -118,9 +118,9 @@ const ClickedFollowLatest = m('ClickedFollowLatest');
 const ClickedScrollToTopPill = m('ClickedScrollToTopPill');
 const ScrolledMessageList = m('ScrolledMessageList', { scrollTop: S.Number });
 const CompletedClear = m('CompletedClear');
-const LockedScroll = m('LockedScroll');
-const UnlockedScroll = m('UnlockedScroll');
-const ScrolledToTop = m('ScrolledToTop');
+const CompletedLockScroll = m('CompletedLockScroll');
+const CompletedUnlockScroll = m('CompletedUnlockScroll');
+const CompletedScrollToTop = m('CompletedScrollToTop');
 const CrossedMobileBreakpoint = m('CrossedMobileBreakpoint', {
     isMobile: S.Boolean,
 });
@@ -163,9 +163,9 @@ const Message = S.Union([
     ScrolledMessageList,
     CompletedResume,
     CompletedClear,
-    LockedScroll,
-    UnlockedScroll,
-    ScrolledToTop,
+    CompletedLockScroll,
+    CompletedUnlockScroll,
+    CompletedScrollToTop,
     CrossedMobileBreakpoint,
     ReceivedInspectedState,
     ToggledTreeNode,
@@ -241,8 +241,14 @@ class StoreService extends Context.Service()('foldkit/DevToolsStore') {
 }
 class ShadowRootService extends Context.Service()('foldkit/DevToolsShadowRoot') {
 }
-export const LockScroll = Command.define('LockScroll', LockedScroll)(lockScroll.pipe(Effect.as(LockedScroll())));
-export const UnlockScroll = Command.define('UnlockScroll', UnlockedScroll)(unlockScroll.pipe(Effect.as(UnlockedScroll())));
+export const LockScroll = Command.define('LockScroll', {
+    messages: [CompletedLockScroll],
+    execute: lockScroll.pipe(Effect.as(CompletedLockScroll())),
+});
+export const UnlockScroll = Command.define('UnlockScroll', {
+    messages: [CompletedUnlockScroll],
+    execute: unlockScroll.pipe(Effect.as(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");
 const DevToolsPersistedState = S.Struct({
@@ -259,25 +265,29 @@ const readPersistedState = Effect.gen(function* () {
     const json = yield* Effect.fromOption(Option.fromNullishOr(yield* store.get(DEVTOOLS_STORAGE_KEY)));
     return __foldkitBrandViewResult((yield* S.decodeEffect(DevToolsPersistedStateJson)(json)), "@foldkit/devtools/overlay.js#anonymous~13");
 }).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', { isOpen: S.Boolean, isFlattened: S.Boolean }, CompletedPersistDevToolsState)(({ isOpen, isFlattened }) => __foldkitBrandViewResult((Effect.gen(function* () {
-    const store = yield* KeyValueStore.KeyValueStore;
-    const json = yield* S.encodeEffect(DevToolsPersistedStateJson)({
-        isOpen,
-        isFlattened,
-    });
-    yield* store.set(DEVTOOLS_STORAGE_KEY, json);
-    return __foldkitBrandViewResult((CompletedPersistDevToolsState()), "@foldkit/devtools/overlay.js#anonymous~16");
-}).pipe(Effect.catch(() => __foldkitBrandViewResult((Effect.succeed(CompletedPersistDevToolsState())), "@foldkit/devtools/overlay.js#anonymous~17")), Effect.provide(BrowserKeyValueStore.layerLocalStorage))), "@foldkit/devtools/overlay.js#anonymous~15"));
+export const PersistDevToolsState = Command.define('PersistDevToolsState', {
+    args: { isOpen: S.Boolean, isFlattened: S.Boolean },
+    messages: [CompletedPersistDevToolsState],
+    execute: ({ isOpen, isFlattened }) => __foldkitBrandViewResult((Effect.gen(function* () {
+        const store = yield* KeyValueStore.KeyValueStore;
+        const json = yield* S.encodeEffect(DevToolsPersistedStateJson)({
+            isOpen,
+            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"),
+});
 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~18");
+    return __foldkitBrandViewResult((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;
     const model = yield* store.getModelAtIndex(index);
-    return __foldkitBrandViewResult((yield* buildInspectionFromModel(index, model)), "@foldkit/devtools/overlay.js#anonymous~19");
+    return __foldkitBrandViewResult((yield* buildInspectionFromModel(index, model)), "@foldkit/devtools/overlay.js#anonymous~18");
 })), "@foldkit/devtools/overlay.js#buildInspectionEffect");
 // NOTE: jump and inspect both need the model at `index`. Resolving it twice
 // (once to render the host, once to feed the inspector) replays the segment
@@ -285,35 +295,55 @@ const buildInspectionEffect = (index) => __foldkitBrandViewResult((Effect.gen(fu
 // returns the model it resolved so the inspector reuses that single
 // resolution. Inspect-only navigation (no host pause) still uses
 // `InspectState`, which resolves once on its own.
-export const JumpToAndInspect = Command.define('JumpToAndInspect', { index: S.Number }, ReceivedInspectedState)(({ index }) => __foldkitBrandViewResult((Effect.gen(function* () {
-    const store = yield* StoreService;
-    const model = yield* store.jumpTo(index);
-    return __foldkitBrandViewResult((yield* buildInspectionFromModel(index, model)), "@foldkit/devtools/overlay.js#anonymous~21");
-})), "@foldkit/devtools/overlay.js#anonymous~20"));
-export const InspectState = Command.define('InspectState', { index: S.Number }, ReceivedInspectedState)(({ index }) => __foldkitBrandViewResult((buildInspectionEffect(index)), "@foldkit/devtools/overlay.js#anonymous~22"));
-export const InspectLatest = Command.define('InspectLatest', ReceivedInspectedState)(Effect.gen(function* () {
-    const store = yield* StoreService;
-    const state = yield* SubscriptionRef.get(store.stateRef);
-    return __foldkitBrandViewResult((yield* buildInspectionEffect(latestEntryIndex(state))), "@foldkit/devtools/overlay.js#anonymous~23");
-}));
-export const Resume = Command.define('Resume', CompletedResume)(Effect.gen(function* () {
-    const store = yield* StoreService;
-    yield* store.resume;
-    return __foldkitBrandViewResult((CompletedResume()), "@foldkit/devtools/overlay.js#anonymous~24");
-}));
-export const Clear = Command.define('Clear', CompletedClear)(Effect.gen(function* () {
-    const store = yield* StoreService;
-    yield* store.clear;
-    return __foldkitBrandViewResult((CompletedClear()), "@foldkit/devtools/overlay.js#anonymous~25");
-}));
-export const ScrollToTop = Command.define('ScrollToTop', ScrolledToTop)(Effect.gen(function* () {
-    const shadow = yield* ShadowRootService;
-    const messageList = shadow.querySelector(MESSAGE_LIST_SELECTOR);
-    if (messageList instanceof HTMLElement) {
-        messageList.scrollTop = 0;
-    }
-    return __foldkitBrandViewResult((ScrolledToTop()), "@foldkit/devtools/overlay.js#anonymous~26");
-}));
+export const JumpToAndInspect = Command.define('JumpToAndInspect', {
+    args: { index: S.Number },
+    messages: [ReceivedInspectedState],
+    execute: ({ index }) => __foldkitBrandViewResult((Effect.gen(function* () {
+        const store = yield* StoreService;
+        const model = yield* store.jumpTo(index);
+        return __foldkitBrandViewResult((yield* buildInspectionFromModel(index, model)), "@foldkit/devtools/overlay.js#anonymous~19");
+    })), "@foldkit/devtools/overlay.js#execute~2"),
+});
+export const InspectState = Command.define('InspectState', {
+    args: { index: S.Number },
+    messages: [ReceivedInspectedState],
+    execute: ({ index }) => __foldkitBrandViewResult((buildInspectionEffect(index)), "@foldkit/devtools/overlay.js#execute~3"),
+});
+export const InspectLatest = Command.define('InspectLatest', {
+    messages: [ReceivedInspectedState],
+    execute: Effect.gen(function* () {
+        const store = yield* StoreService;
+        const state = yield* SubscriptionRef.get(store.stateRef);
+        return __foldkitBrandViewResult((yield* buildInspectionEffect(latestEntryIndex(state))), "@foldkit/devtools/overlay.js#anonymous~20");
+    }),
+});
+export const Resume = Command.define('Resume', {
+    messages: [CompletedResume],
+    execute: Effect.gen(function* () {
+        const store = yield* StoreService;
+        yield* store.resume;
+        return __foldkitBrandViewResult((CompletedResume()), "@foldkit/devtools/overlay.js#anonymous~21");
+    }),
+});
+export const Clear = Command.define('Clear', {
+    messages: [CompletedClear],
+    execute: Effect.gen(function* () {
+        const store = yield* StoreService;
+        yield* store.clear;
+        return __foldkitBrandViewResult((CompletedClear()), "@foldkit/devtools/overlay.js#anonymous~22");
+    }),
+});
+export const ScrollToTop = Command.define('ScrollToTop', {
+    messages: [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");
+    }),
+});
 const makeUpdate = (store, shadow, mode) => {
     const provideContext = (effect) => __foldkitBrandViewResult((effect.pipe(Effect.provideService(StoreService, store), Effect.provideService(ShadowRootService, shadow))), "@foldkit/devtools/overlay.js#provideContext");
     const inspectLatest = Command.mapEffect(InspectLatest(), provideContext);
@@ -338,7 +368,7 @@ const makeUpdate = (store, shadow, mode) => {
         },
         ClickedSettingsToggle: () => __foldkitBrandViewResult(([
             evo(model, {
-                screen: currentScreen => __foldkitBrandViewResult((M.value(currentScreen).pipe(M.withReturnType(), M.when('Messages', () => __foldkitBrandViewResult(('Settings'), "@foldkit/devtools/overlay.js#anonymous~28")), M.when('Settings', () => __foldkitBrandViewResult(('Messages'), "@foldkit/devtools/overlay.js#anonymous~29")), M.exhaustive)), "@foldkit/devtools/overlay.js#screen"),
+                screen: currentScreen => __foldkitBrandViewResult((M.value(currentScreen).pipe(M.withReturnType(), M.when('Messages', () => __foldkitBrandViewResult(('Settings'), "@foldkit/devtools/overlay.js#anonymous~25")), M.when('Settings', () => __foldkitBrandViewResult(('Messages'), "@foldkit/devtools/overlay.js#anonymous~26")), M.exhaustive)), "@foldkit/devtools/overlay.js#screen"),
             }),
             [],
         ]), "@foldkit/devtools/overlay.js#ClickedSettingsToggle"),
@@ -350,13 +380,13 @@ const makeUpdate = (store, shadow, mode) => {
             evo(model, { isMobile: () => __foldkitBrandViewResult((isMobile), "@foldkit/devtools/overlay.js#isMobile") }),
             Option.toArray(maybeToggleScrollLock(model.isOpen, isMobile)),
         ]), "@foldkit/devtools/overlay.js#CrossedMobileBreakpoint"),
-        ClickedRow: ({ index }) => __foldkitBrandViewResult((M.value(mode).pipe(M.withReturnType(), M.when('TimeTravel', () => __foldkitBrandViewResult(([model, [jumpToAndInspect(index)]]), "@foldkit/devtools/overlay.js#anonymous~30")), M.when('Inspect', () => __foldkitBrandViewResult(([
+        ClickedRow: ({ index }) => __foldkitBrandViewResult((M.value(mode).pipe(M.withReturnType(), M.when('TimeTravel', () => __foldkitBrandViewResult(([model, [jumpToAndInspect(index)]]), "@foldkit/devtools/overlay.js#anonymous~27")), M.when('Inspect', () => __foldkitBrandViewResult(([
             evo(model, {
                 selectedIndex: () => __foldkitBrandViewResult((index), "@foldkit/devtools/overlay.js#selectedIndex"),
                 isFollowingLatest: () => __foldkitBrandViewResult((false), "@foldkit/devtools/overlay.js#isFollowingLatest"),
             }),
             [inspectState(index)],
-        ]), "@foldkit/devtools/overlay.js#anonymous~31")), M.exhaustive)), "@foldkit/devtools/overlay.js#ClickedRow"),
+        ]), "@foldkit/devtools/overlay.js#anonymous~28")), M.exhaustive)), "@foldkit/devtools/overlay.js#ClickedRow"),
         ClickedResume: () => __foldkitBrandViewResult(([
             evo(model, {
                 isFollowingTop: () => __foldkitBrandViewResult((true), "@foldkit/devtools/overlay.js#isFollowingTop"),
@@ -429,7 +459,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~32")),
+                Command.mapMessages(tabsCommands, message => __foldkitBrandViewResult((GotInspectorTabsMessage({ message })), "@foldkit/devtools/overlay.js#anonymous~29")),
             ]), "@foldkit/devtools/overlay.js#GotInspectorTabsMessage");
         },
         ToggledTreeNode: ({ path }) => __foldkitBrandViewResult(([
@@ -441,14 +471,14 @@ const makeUpdate = (store, shadow, mode) => {
             [],
         ]), "@foldkit/devtools/overlay.js#ToggledTreeNode"),
         ReceivedStoreUpdate: ({ entries, initCommands, initMountStarts, startIndex, isPaused, pausedAtIndex, }) => {
-            const shouldFollowSelection = M.value(mode).pipe(M.when('TimeTravel', () => __foldkitBrandViewResult((!isPaused), "@foldkit/devtools/overlay.js#anonymous~33")), M.when('Inspect', () => __foldkitBrandViewResult((model.isFollowingLatest), "@foldkit/devtools/overlay.js#anonymous~34")), M.exhaustive);
-            const shouldFollowScroll = M.value(mode).pipe(M.when('TimeTravel', () => __foldkitBrandViewResult((!isPaused && model.isFollowingTop), "@foldkit/devtools/overlay.js#anonymous~35")), M.when('Inspect', () => __foldkitBrandViewResult((model.isFollowingTop), "@foldkit/devtools/overlay.js#anonymous~36")), M.exhaustive);
+            const shouldFollowSelection = M.value(mode).pipe(M.when('TimeTravel', () => __foldkitBrandViewResult((!isPaused), "@foldkit/devtools/overlay.js#anonymous~30")), M.when('Inspect', () => __foldkitBrandViewResult((model.isFollowingLatest), "@foldkit/devtools/overlay.js#anonymous~31")), M.exhaustive);
+            const shouldFollowScroll = M.value(mode).pipe(M.when('TimeTravel', () => __foldkitBrandViewResult((!isPaused && model.isFollowingTop), "@foldkit/devtools/overlay.js#anonymous~32")), M.when('Inspect', () => __foldkitBrandViewResult((model.isFollowingTop), "@foldkit/devtools/overlay.js#anonymous~33")), M.exhaustive);
             const latestIndex = Array_.match(entries, {
                 onEmpty: () => __foldkitBrandViewResult((INIT_INDEX), "@foldkit/devtools/overlay.js#onEmpty~3"),
                 onNonEmpty: () => __foldkitBrandViewResult((startIndex + entries.length - 1), "@foldkit/devtools/overlay.js#onNonEmpty~3"),
             });
             const nextSubmodelTags = computeSubmodelTags(entries);
-            const isFilterStale = Option.exists(model.maybeSubmodelFilter, filterTag => __foldkitBrandViewResult((!Array_.contains(nextSubmodelTags, filterTag)), "@foldkit/devtools/overlay.js#anonymous~37"));
+            const isFilterStale = Option.exists(model.maybeSubmodelFilter, filterTag => __foldkitBrandViewResult((!Array_.contains(nextSubmodelTags, filterTag)), "@foldkit/devtools/overlay.js#anonymous~34"));
             const sliderMax = entries.length;
             const targetSliderValue = isPaused
                 ? hostIndexToSliderValue(pausedAtIndex, startIndex)
@@ -465,7 +495,7 @@ const makeUpdate = (store, shadow, mode) => {
                     maybeSubmodelFilter: current => __foldkitBrandViewResult((isFilterStale ? Option.none() : current), "@foldkit/devtools/overlay.js#maybeSubmodelFilter~2"),
                     selectedIndex: current => __foldkitBrandViewResult((shouldFollowSelection ? latestIndex : current), "@foldkit/devtools/overlay.js#selectedIndex~4"),
                     scrubberSlider: current => __foldkitBrandViewResult((Slider.reflectRange(current, { min: 0, max: sliderMax })), "@foldkit/devtools/overlay.js#scrubberSlider"),
-                    scrubberValue: current => __foldkitBrandViewResult((M.value(model.scrubberSlider.dragState).pipe(M.tag('Dragging', () => __foldkitBrandViewResult((Slider.snapAndClamp(current, 0, sliderMax, 1)), "@foldkit/devtools/overlay.js#anonymous~38")), M.orElse(() => __foldkitBrandViewResult((Slider.snapAndClamp(targetSliderValue, 0, sliderMax, 1)), "@foldkit/devtools/overlay.js#anonymous~39")))), "@foldkit/devtools/overlay.js#scrubberValue"),
+                    scrubberValue: current => __foldkitBrandViewResult((M.value(model.scrubberSlider.dragState).pipe(M.tag('Dragging', () => __foldkitBrandViewResult((Slider.snapAndClamp(current, 0, sliderMax, 1)), "@foldkit/devtools/overlay.js#anonymous~35")), M.orElse(() => __foldkitBrandViewResult((Slider.snapAndClamp(targetSliderValue, 0, sliderMax, 1)), "@foldkit/devtools/overlay.js#anonymous~36")))), "@foldkit/devtools/overlay.js#scrubberValue"),
                 }),
                 [
                     ...(shouldFollowSelection ? [inspectLatest] : []),
@@ -475,7 +505,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~40"));
+            const mappedCommands = Command.mapMessages(listboxCommands, message => __foldkitBrandViewResult((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") }),
@@ -494,7 +524,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~41"));
+            const mappedSliderCommands = Command.mapMessages(sliderCommands, message => __foldkitBrandViewResult((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
@@ -529,11 +559,11 @@ const makeUpdate = (store, shadow, mode) => {
                 [jumpToAndInspect(hostIndex)],
             ]), "@foldkit/devtools/overlay.js#onSome"),
         })), "@foldkit/devtools/overlay.js#TickedScrubFrame"),
-    }), M.tag('CompletedResume', 'CompletedClear', 'CompletedPersistDevToolsState', 'LockedScroll', 'UnlockedScroll', 'ScrolledToTop', () => __foldkitBrandViewResult(([model, []]), "@foldkit/devtools/overlay.js#anonymous~42")), M.exhaustive)), "@foldkit/devtools/overlay.js#anonymous~27")), "@foldkit/devtools/overlay.js#makeUpdate");
+    }), M.tag('CompletedResume', 'CompletedClear', 'CompletedPersistDevToolsState', 'CompletedLockScroll', 'CompletedUnlockScroll', 'CompletedScrollToTop', () => __foldkitBrandViewResult(([model, []]), "@foldkit/devtools/overlay.js#anonymous~39")), M.exhaustive)), "@foldkit/devtools/overlay.js#anonymous~24")), "@foldkit/devtools/overlay.js#makeUpdate");
 };
 // SUBSCRIPTION
 const makeOverlaySubscriptions = (store, shadow) => {
-    const sliderSubscriptions = Slider.subscriptionsForRoot(() => __foldkitBrandViewResult((shadow), "@foldkit/devtools/overlay.js#anonymous~43"));
+    const sliderSubscriptions = Slider.subscriptionsForRoot(() => __foldkitBrandViewResult((shadow), "@foldkit/devtools/overlay.js#anonymous~40"));
     const scrubberSubscriptions = Subscription.lift({
         scrubberPointer: sliderSubscriptions.dragPointer,
         scrubberEscape: sliderSubscriptions.dragEscape,
@@ -546,16 +576,16 @@ const makeOverlaySubscriptions = (store, shadow) => {
             isActive: model => __foldkitBrandViewResult((Option.isSome(model.maybePendingScrubIndex)), "@foldkit/devtools/overlay.js#isActive"),
             toMessage: () => __foldkitBrandViewResult((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~45")))), Stream.map(SubscriptionRef.changes(store.stateRef), state => __foldkitBrandViewResult((ReceivedStoreUpdate(toDisplayState(state))), "@foldkit/devtools/overlay.js#anonymous~46")))),
+        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")))),
         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 }));
             };
             mediaQuery.addEventListener('change', handler);
-            return __foldkitBrandViewResult(({ mediaQuery, handler }), "@foldkit/devtools/overlay.js#anonymous~48");
-        }), ({ mediaQuery, handler }) => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((mediaQuery.removeEventListener('change', handler)), "@foldkit/devtools/overlay.js#anonymous~50"))), "@foldkit/devtools/overlay.js#anonymous~49")).pipe(Effect.flatMap(() => __foldkitBrandViewResult((Effect.never), "@foldkit/devtools/overlay.js#anonymous~51")))), "@foldkit/devtools/overlay.js#anonymous~47"))),
-    }), "@foldkit/devtools/overlay.js#anonymous~44")));
+            return __foldkitBrandViewResult(({ mediaQuery, handler }), "@foldkit/devtools/overlay.js#anonymous~45");
+        }), ({ mediaQuery, handler }) => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((mediaQuery.removeEventListener('change', handler)), "@foldkit/devtools/overlay.js#anonymous~47"))), "@foldkit/devtools/overlay.js#anonymous~46")).pipe(Effect.flatMap(() => __foldkitBrandViewResult((Effect.never), "@foldkit/devtools/overlay.js#anonymous~48")))), "@foldkit/devtools/overlay.js#anonymous~44"))),
+    }), "@foldkit/devtools/overlay.js#anonymous~41")));
     return __foldkitBrandViewResult((Subscription.aggregate()(ownSubscriptions, scrubberSubscriptions)), "@foldkit/devtools/overlay.js#makeOverlaySubscriptions");
 };
 // VIEW
@@ -589,7 +619,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
     let viewWithBuilder;
     return __foldkitBrandViewResult(((model, h) => {
         viewWithBuilder ??= buildOverlayView(position, mode, shadow, maybeBanner, h);
-        return __foldkitBrandViewResult((viewWithBuilder(model)), "@foldkit/devtools/overlay.js#anonymous~52");
+        return __foldkitBrandViewResult((viewWithBuilder(model)), "@foldkit/devtools/overlay.js#anonymous~49");
     }), "@foldkit/devtools/overlay.js#makeView");
 };
 const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
@@ -599,7 +629,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
     const lazyMessageList = createLazy();
     // JSON TREE
     const leafSpan = (className, text) => __foldkitBrandViewResult((h.span([h.Class(className)], [text])), "@foldkit/devtools/overlay.js#leafSpan");
-    const leafValueView = (value) => __foldkitBrandViewResult((M.value(value).pipe(M.when(Predicate.isNull, () => __foldkitBrandViewResult((leafSpan('json-null italic', 'null')), "@foldkit/devtools/overlay.js#anonymous~53")), M.when(Predicate.isUndefined, () => __foldkitBrandViewResult((leafSpan('json-null italic', 'undefined')), "@foldkit/devtools/overlay.js#anonymous~54")), M.when(Predicate.isString, stringValue => __foldkitBrandViewResult((leafSpan('json-string', `"${stringValue}"`)), "@foldkit/devtools/overlay.js#anonymous~55")), M.when(Predicate.isNumber, numberValue => __foldkitBrandViewResult((leafSpan('json-number', String(numberValue))), "@foldkit/devtools/overlay.js#anonymous~56")), M.when(Predicate.isBoolean, booleanValue => __foldkitBrandViewResult((leafSpan('json-boolean', String(booleanValue))), "@foldkit/devtools/overlay.js#anonymous~57")), M.orElse(unknownValue => __foldkitBrandViewResult((leafSpan('json-null', String(unknownValue))), "@foldkit/devtools/overlay.js#anonymous~58")))), "@foldkit/devtools/overlay.js#leafValueView");
+    const leafValueView = (value) => __foldkitBrandViewResult((M.value(value).pipe(M.when(Predicate.isNull, () => __foldkitBrandViewResult((leafSpan('json-null italic', 'null')), "@foldkit/devtools/overlay.js#anonymous~50")), M.when(Predicate.isUndefined, () => __foldkitBrandViewResult((leafSpan('json-null italic', 'undefined')), "@foldkit/devtools/overlay.js#anonymous~51")), M.when(Predicate.isString, stringValue => __foldkitBrandViewResult((leafSpan('json-string', `"${stringValue}"`)), "@foldkit/devtools/overlay.js#anonymous~52")), M.when(Predicate.isNumber, numberValue => __foldkitBrandViewResult((leafSpan('json-number', String(numberValue))), "@foldkit/devtools/overlay.js#anonymous~53")), M.when(Predicate.isBoolean, booleanValue => __foldkitBrandViewResult((leafSpan('json-boolean', String(booleanValue))), "@foldkit/devtools/overlay.js#anonymous~54")), M.orElse(unknownValue => __foldkitBrandViewResult((leafSpan('json-null', String(unknownValue))), "@foldkit/devtools/overlay.js#anonymous~55")))), "@foldkit/devtools/overlay.js#leafValueView");
     const keyView = (key) => __foldkitBrandViewResult((h.span([h.Class('json-key')], [`${key}:\u00a0`])), "@foldkit/devtools/overlay.js#keyView");
     const CHEVRON_RIGHT = 'M8.25 4.5l7.5 7.5-7.5 7.5';
     const CHEVRON_DOWN = 'M19.5 8.25l-7.5 7.5-7.5-7.5';
@@ -673,16 +703,16 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                 treePath: `${treePath}.${arrayIndex}`,
                 depth: childDepth,
                 key: String(arrayIndex),
-            })), "@foldkit/devtools/overlay.js#anonymous~59"));
+            })), "@foldkit/devtools/overlay.js#anonymous~56"));
         }
         else if (Predicate.isObject(value)) {
-            pipe(value, Record.toEntries, Array_.filter(([entryKey]) => __foldkitBrandViewResult((entryKey !== '_tag'), "@foldkit/devtools/overlay.js#anonymous~60")), Array_.forEach(([entryKey, childValue]) => __foldkitBrandViewResult((flattenTree({
+            pipe(value, Record.toEntries, Array_.filter(([entryKey]) => __foldkitBrandViewResult((entryKey !== '_tag'), "@foldkit/devtools/overlay.js#anonymous~57")), Array_.forEach(([entryKey, childValue]) => __foldkitBrandViewResult((flattenTree({
                 ...shared,
                 value: childValue,
                 treePath: `${treePath}.${entryKey}`,
                 depth: childDepth,
                 key: entryKey,
-            })), "@foldkit/devtools/overlay.js#anonymous~61")));
+            })), "@foldkit/devtools/overlay.js#anonymous~58")));
         }
     };
     const flatNodeView = (value, treePath, depth, key, nodeIsExpandable, isExpanded, isChanged, isAffected, isRoot, tag) => {
@@ -700,7 +730,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                     'diff-changed': isChanged,
                 })),
                 indent,
-            ], rowSegments.map(segment => __foldkitBrandViewResult((h.keyed('li')(segment._tag, [h.Class('contents')], [rowSegmentView(segment)])), "@foldkit/devtools/overlay.js#anonymous~62")))), "@foldkit/devtools/overlay.js#flatNodeView");
+            ], rowSegments.map(segment => __foldkitBrandViewResult((h.keyed('li')(segment._tag, [h.Class('contents')], [rowSegmentView(segment)])), "@foldkit/devtools/overlay.js#anonymous~59")))), "@foldkit/devtools/overlay.js#flatNodeView");
         }
         const preview = isExpanded
             ? Array.isArray(value)
@@ -722,7 +752,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             })),
             indent,
             ...(isRoot ? [] : [h.OnClick(ToggledTreeNode({ path: treePath }))]),
-        ], rowSegments.map(segment => __foldkitBrandViewResult((h.keyed('li')(segment._tag, [h.Class('contents')], [rowSegmentView(segment)])), "@foldkit/devtools/overlay.js#anonymous~63")))), "@foldkit/devtools/overlay.js#flatNodeView");
+        ], 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, [
         node.value,
@@ -746,7 +776,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             changedPaths,
             affectedPaths,
             depth: 0,
-            key: Option.getOrElse(maybeRootLabel, () => __foldkitBrandViewResult((''), "@foldkit/devtools/overlay.js#anonymous~64")),
+            key: Option.getOrElse(maybeRootLabel, () => __foldkitBrandViewResult((''), "@foldkit/devtools/overlay.js#anonymous~61")),
             accumulator: nodes,
             indentRootChildren,
         });
@@ -769,8 +799,8 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             const remainingMs = delta % MILLIS_PER_SECOND;
             return __foldkitBrandViewResult((seconds > 0
                 ? `+${seconds}s ${remainingMs.toFixed(1)}ms`
-                : `+${remainingMs.toFixed(1)}ms`), "@foldkit/devtools/overlay.js#anonymous~65");
-        }), Option.getOrElse(() => __foldkitBrandViewResult((''), "@foldkit/devtools/overlay.js#anonymous~66")))), "@foldkit/devtools/overlay.js#inspectedTimestamp");
+                : `+${remainingMs.toFixed(1)}ms`), "@foldkit/devtools/overlay.js#anonymous~62");
+        }), Option.getOrElse(() => __foldkitBrandViewResult((''), "@foldkit/devtools/overlay.js#anonymous~63")))), "@foldkit/devtools/overlay.js#inspectedTimestamp");
     };
     const emptyInspectorView = h.div([
         h.Class('flex-1 flex items-center justify-center text-dt-muted text-2xs font-mono min-w-0'),
@@ -834,7 +864,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             onEmpty: () => __foldkitBrandViewResult((INIT_INDEX), "@foldkit/devtools/overlay.js#onEmpty~4"),
             onNonEmpty: () => __foldkitBrandViewResult((model.startIndex + model.entries.length - 1), "@foldkit/devtools/overlay.js#onNonEmpty~4"),
         });
-        return __foldkitBrandViewResult((M.value(mode).pipe(M.when('TimeTravel', () => __foldkitBrandViewResult((model.isPaused ? model.pausedAtIndex : lastIndex), "@foldkit/devtools/overlay.js#anonymous~67")), M.when('Inspect', () => __foldkitBrandViewResult((model.selectedIndex), "@foldkit/devtools/overlay.js#anonymous~68")), M.exhaustive)), "@foldkit/devtools/overlay.js#selectedHistoryIndex");
+        return __foldkitBrandViewResult((M.value(mode).pipe(M.when('TimeTravel', () => __foldkitBrandViewResult((model.isPaused ? model.pausedAtIndex : lastIndex), "@foldkit/devtools/overlay.js#anonymous~64")), M.when('Inspect', () => __foldkitBrandViewResult((model.selectedIndex), "@foldkit/devtools/overlay.js#anonymous~65")), M.exhaustive)), "@foldkit/devtools/overlay.js#selectedHistoryIndex");
     };
     const selectedCommands = (model) => {
         const selectedIndex = selectedHistoryIndex(model);
@@ -842,7 +872,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             return __foldkitBrandViewResult((model.initCommands), "@foldkit/devtools/overlay.js#selectedCommands");
         }
         else {
-            return __foldkitBrandViewResult((pipe(model.entries, Array_.get(selectedIndex - model.startIndex), Option.map(entry => __foldkitBrandViewResult((entry.commands), "@foldkit/devtools/overlay.js#anonymous~69")), Option.getOrElse(() => __foldkitBrandViewResult((NO_COMMANDS), "@foldkit/devtools/overlay.js#anonymous~70")))), "@foldkit/devtools/overlay.js#selectedCommands");
+            return __foldkitBrandViewResult((pipe(model.entries, Array_.get(selectedIndex - model.startIndex), Option.map(entry => __foldkitBrandViewResult((entry.commands), "@foldkit/devtools/overlay.js#anonymous~66")), Option.getOrElse(() => __foldkitBrandViewResult((NO_COMMANDS), "@foldkit/devtools/overlay.js#anonymous~67")))), "@foldkit/devtools/overlay.js#selectedCommands");
         }
     };
     const flattenCommand = (command, index, expandedPaths) => {
@@ -875,7 +905,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
         ], Array_.map(commandList, (command, index) => __foldkitBrandViewResult((h.div([h.Class('flex items-start px-2 py-1 border-b gap-1.5')], [
             h.span([h.Class(indexClass)], [String(index + 1)]),
             h.div([h.Class('flex flex-col flex-1 min-w-0')], Array_.map(flattenCommand(command, index, expandedPaths), renderFlatNode)),
-        ])), "@foldkit/devtools/overlay.js#anonymous~71")))), "@foldkit/devtools/overlay.js#onNonEmpty~5"),
+        ])), "@foldkit/devtools/overlay.js#anonymous~68")))), "@foldkit/devtools/overlay.js#onNonEmpty~5"),
     })), "@foldkit/devtools/overlay.js#commandsTabContent");
     const selectedMountActivity = (model) => {
         const selectedIndex = selectedHistoryIndex(model);
@@ -920,7 +950,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
         ...Array_.map(mounts, (mount, index) => __foldkitBrandViewResult((h.div([h.Class('flex items-start px-2 py-1 border-b gap-1.5')], [
             h.span([h.Class(indexClass)], [String(index + 1)]),
             h.div([h.Class('flex flex-col flex-1 min-w-0')], Array_.map(flattenMount(mount, label, index, expandedPaths), renderFlatNode)),
-        ])), "@foldkit/devtools/overlay.js#anonymous~72")),
+        ])), "@foldkit/devtools/overlay.js#anonymous~69")),
     ])), "@foldkit/devtools/overlay.js#mountListSection");
     const mountsTabContent = (starts, ends, expandedPaths) => {
         const hasAny = Array_.isReadonlyArrayNonEmpty(starts) ||
@@ -946,22 +976,22 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
         model.expandedPaths,
         model.changedPaths,
         model.affectedPaths,
-    ])), "@foldkit/devtools/overlay.js#anonymous~73")), M.when('Message', () => __foldkitBrandViewResult((lazyTabContent('Message', messageTabContent, [
+    ])), "@foldkit/devtools/overlay.js#anonymous~70")), M.when('Message', () => __foldkitBrandViewResult((lazyTabContent('Message', messageTabContent, [
         model.maybeInspectedMessage,
         model.maybeSubmodelFilter,
         model.isFlattened,
         model.expandedPaths,
         inspectedTimestamp(model),
-    ])), "@foldkit/devtools/overlay.js#anonymous~74")), M.when('Commands', () => __foldkitBrandViewResult((lazyTabContent('Commands', commandsTabContent, [
+    ])), "@foldkit/devtools/overlay.js#anonymous~71")), M.when('Commands', () => __foldkitBrandViewResult((lazyTabContent('Commands', commandsTabContent, [
         selectedCommands(model),
         model.expandedPaths,
-    ])), "@foldkit/devtools/overlay.js#anonymous~75")), M.when('Mounts', () => {
+    ])), "@foldkit/devtools/overlay.js#anonymous~72")), M.when('Mounts', () => {
         const { starts, ends } = selectedMountActivity(model);
         return __foldkitBrandViewResult((lazyTabContent('Mounts', mountsTabContent, [
             starts,
             ends,
             model.expandedPaths,
-        ])), "@foldkit/devtools/overlay.js#anonymous~76");
+        ])), "@foldkit/devtools/overlay.js#anonymous~73");
     }), M.exhaustive)), "@foldkit/devtools/overlay.js#inspectorTabContent");
     const inspectorPaneView = (model) => __foldkitBrandViewResult((h.div([
         h.Class('flex flex-col border-l min-w-0 min-h-0 flex-1 dt-inspector-pane'),
@@ -980,7 +1010,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                         h.Class(clsx('dt-tab-button cursor-pointer text-base font-mono px-3 py-1', tab.isActive
                             ? 'text-dt dt-tab-active'
                             : 'text-dt-muted')),
-                    ], [h.span([], [tab.value])])), "@foldkit/devtools/overlay.js#anonymous~77"))),
+                    ], [h.span([], [tab.value])])), "@foldkit/devtools/overlay.js#anonymous~74"))),
                     ...tabs.map(tab => __foldkitBrandViewResult((h.div([
                         ...tab.panel,
                         h.Class('flex flex-col flex-1 min-h-0 min-w-0'),
@@ -993,7 +1023,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                             onNone: () => __foldkitBrandViewResult((emptyInspectorView), "@foldkit/devtools/overlay.js#onNone~10"),
                             onSome: inspectedModel => __foldkitBrandViewResult((inspectorTabContent(model, tab.value, inspectedModel)), "@foldkit/devtools/overlay.js#onSome~7"),
                         }),
-                    ])), "@foldkit/devtools/overlay.js#anonymous~78")),
+                    ])), "@foldkit/devtools/overlay.js#anonymous~75")),
                 ])), "@foldkit/devtools/overlay.js#toView"),
             },
             toParentMessage: message => __foldkitBrandViewResult((GotInspectorTabsMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage~2"),
@@ -1070,7 +1100,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             view: SubmodelFilterListbox.view,
             viewInputs: {
                 items: [ALL_MESSAGES_VALUE, ...model.submodelTags],
-                maybeSelectedValue: Option.orElseSome(model.maybeSubmodelFilter, () => __foldkitBrandViewResult((ALL_MESSAGES_VALUE), "@foldkit/devtools/overlay.js#anonymous~79")),
+                maybeSelectedValue: Option.orElseSome(model.maybeSubmodelFilter, () => __foldkitBrandViewResult((ALL_MESSAGES_VALUE), "@foldkit/devtools/overlay.js#anonymous~76")),
                 itemToConfig: item => (__foldkitBrandViewResult(({
                     className: 'dt-filter-item',
                     content: h.div([h.Class('flex items-center gap-2')], [checkIconView, h.span([], [filterItemLabel(item)])]),
@@ -1136,14 +1166,14 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             : {
                 status: h.span([h.Class(`${statusClass} text-dt-live font-medium`)], ['Live']),
                 maybeAction: Option.none(),
-            }), "@foldkit/devtools/overlay.js#anonymous~80")), M.when('Inspect', () => (__foldkitBrandViewResult(({
+            }), "@foldkit/devtools/overlay.js#anonymous~77")), M.when('Inspect', () => (__foldkitBrandViewResult(({
             status: h.span([h.Class(`${statusClass} text-dt-accent`)], [
                 model.selectedIndex === INIT_INDEX
                     ? 'Inspecting (init)'
                     : `Inspecting (${model.selectedIndex + 1})`,
             ]),
             maybeAction: OptionExt.when(!model.isFollowingLatest, h.button([h.Class(actionButtonClass), h.OnClick(ClickedFollowLatest())], ['Follow Latest →'])),
-        }), "@foldkit/devtools/overlay.js#anonymous~81"))), M.exhaustive);
+        }), "@foldkit/devtools/overlay.js#anonymous~78"))), M.exhaustive);
         const maybeClearHistoryButton = OptionExt.when(!model.isPaused, clearHistoryButton());
         return __foldkitBrandViewResult((h.header([h.Class(headerClass)], [
             status,
@@ -1194,7 +1224,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
         }));
         const isInitSelected = selectedIndex === INIT_INDEX;
         const isFiltered = Option.isSome(maybeFilterTag);
-        const leafOrTag = (entry) => __foldkitBrandViewResult((Option.getOrElse(entry.maybeLeafTag, () => __foldkitBrandViewResult((entry.tag), "@foldkit/devtools/overlay.js#anonymous~82"))), "@foldkit/devtools/overlay.js#leafOrTag");
+        const leafOrTag = (entry) => __foldkitBrandViewResult((Option.getOrElse(entry.maybeLeafTag, () => __foldkitBrandViewResult((entry.tag), "@foldkit/devtools/overlay.js#anonymous~79"))), "@foldkit/devtools/overlay.js#leafOrTag");
         const displayTagFor = (entry) => {
             if (isFlattened) {
                 return __foldkitBrandViewResult((leafOrTag(entry)), "@foldkit/devtools/overlay.js#displayTagFor");
@@ -1202,15 +1232,15 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             else {
                 return __foldkitBrandViewResult((Option.match(maybeFilterTag, {
                     onNone: () => __foldkitBrandViewResult((entry.tag), "@foldkit/devtools/overlay.js#onNone~13"),
-                    onSome: filterTag => __foldkitBrandViewResult((pipe(entry.submodelPath, Array_.findFirstIndex(pathTag => __foldkitBrandViewResult((pathTag === filterTag), "@foldkit/devtools/overlay.js#anonymous~83")), Option.flatMap(filterIndex => __foldkitBrandViewResult((Array_.get(entry.submodelPath, Number_.increment(filterIndex))), "@foldkit/devtools/overlay.js#anonymous~84")), Option.orElse(() => __foldkitBrandViewResult((entry.maybeLeafTag), "@foldkit/devtools/overlay.js#anonymous~85")), Option.getOrElse(() => __foldkitBrandViewResult((entry.tag), "@foldkit/devtools/overlay.js#anonymous~86")))), "@foldkit/devtools/overlay.js#onSome~9"),
+                    onSome: filterTag => __foldkitBrandViewResult((pipe(entry.submodelPath, Array_.findFirstIndex(pathTag => __foldkitBrandViewResult((pathTag === filterTag), "@foldkit/devtools/overlay.js#anonymous~80")), Option.flatMap(filterIndex => __foldkitBrandViewResult((Array_.get(entry.submodelPath, Number_.increment(filterIndex))), "@foldkit/devtools/overlay.js#anonymous~81")), Option.orElse(() => __foldkitBrandViewResult((entry.maybeLeafTag), "@foldkit/devtools/overlay.js#anonymous~82")), Option.getOrElse(() => __foldkitBrandViewResult((entry.tag), "@foldkit/devtools/overlay.js#anonymous~83")))), "@foldkit/devtools/overlay.js#onSome~9"),
                 })), "@foldkit/devtools/overlay.js#displayTagFor");
             }
         };
         const indexedEntries = pipe(entries, Array_.map((entry, arrayIndex) => (__foldkitBrandViewResult(({
             entry,
             absoluteIndex: startIndex + arrayIndex,
-        }), "@foldkit/devtools/overlay.js#anonymous~87"))), isFiltered
-            ? Array_.filter(({ entry }) => __foldkitBrandViewResult((Array_.contains(entry.submodelPath, maybeFilterTag.value)), "@foldkit/devtools/overlay.js#anonymous~88"))
+        }), "@foldkit/devtools/overlay.js#anonymous~84"))), isFiltered
+            ? Array_.filter(({ entry }) => __foldkitBrandViewResult((Array_.contains(entry.submodelPath, maybeFilterTag.value)), "@foldkit/devtools/overlay.js#anonymous~85"))
             : Function.identity);
         const messageRows = pipe(indexedEntries, Array_.map(({ entry, absoluteIndex }) => {
             const isSelected = selectedIndex === absoluteIndex;
@@ -1223,11 +1253,11 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
                 isPausedHere,
                 entry.timestamp - baseTimestamp,
                 entry.isModelChanged,
-            ])), "@foldkit/devtools/overlay.js#anonymous~89");
+            ])), "@foldkit/devtools/overlay.js#anonymous~86");
         }), 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~90")),
+            h.OnScroll(scrollTop => __foldkitBrandViewResult((ScrolledMessageList({ scrollTop })), "@foldkit/devtools/overlay.js#anonymous~87")),
         ], isFiltered
             ? messageRows
             : [
@@ -1340,13 +1370,13 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
             inspectorPaneView(model),
         ])), "@foldkit/devtools/overlay.js#messagesScreenView");
     };
-    const contentView = (model) => __foldkitBrandViewResult((M.value(model.screen).pipe(M.withReturnType(), M.when('Messages', () => __foldkitBrandViewResult((messagesScreenView(model)), "@foldkit/devtools/overlay.js#anonymous~91")), M.when('Settings', () => __foldkitBrandViewResult((settingsScreenView(model)), "@foldkit/devtools/overlay.js#anonymous~92")), M.exhaustive)), "@foldkit/devtools/overlay.js#contentView");
+    const contentView = (model) => __foldkitBrandViewResult((M.value(model.screen).pipe(M.withReturnType(), M.when('Messages', () => __foldkitBrandViewResult((messagesScreenView(model)), "@foldkit/devtools/overlay.js#anonymous~88")), M.when('Settings', () => __foldkitBrandViewResult((settingsScreenView(model)), "@foldkit/devtools/overlay.js#anonymous~89")), M.exhaustive)), "@foldkit/devtools/overlay.js#contentView");
     const panelView = (model) => __foldkitBrandViewResult((h.div([
         h.Class(clsx('fixed dt-panel dt-panel-wide bg-dt-bg border rounded-lg flex flex-col overflow-hidden font-mono text-dt', PANEL_POSITION_CLASS[position])),
     ], [
         ...Option.map(maybeBanner, banner => __foldkitBrandViewResult((h.div([
             h.Class('px-3 py-2 border-b text-sm text-dt-muted font-mono shrink-0 leading-snug'),
-        ], [banner])), "@foldkit/devtools/overlay.js#anonymous~93")).pipe(Option.toArray),
+        ], [banner])), "@foldkit/devtools/overlay.js#anonymous~90")).pipe(Option.toArray),
         headerView(model),
         contentView(model),
         footerView(model),
@@ -1356,7 +1386,7 @@ const buildOverlayView = (position, mode, shadow, maybeBanner, h) => {
         ...OptionExt.when(model.isPaused && mode === 'TimeTravel', interactionBlocker()).pipe(Option.toArray),
         ...OptionExt.when(model.isOpen, panelView(model)).pipe(Option.toArray),
         badgeView(model),
-    ])), "@foldkit/devtools/overlay.js#anonymous~94")), "@foldkit/devtools/overlay.js#buildOverlayView");
+    ])), "@foldkit/devtools/overlay.js#anonymous~91")), "@foldkit/devtools/overlay.js#buildOverlayView");
 };
 // CREATE
 const createShadowContainer = () => {
@@ -1384,9 +1414,9 @@ const createShadowContainer = () => {
     return __foldkitBrandViewResult(({ container, shadow }), "@foldkit/devtools/overlay.js#createShadowContainer");
 };
 export const createOverlay = (store, position, mode, maybeBanner) => __foldkitBrandViewResult((Effect.gen(function* () {
-    const { container, shadow } = yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((createShadowContainer()), "@foldkit/devtools/overlay.js#anonymous~97")), createdShadowContainer => __foldkitBrandViewResult((Effect.sync(() => {
+    const { container, shadow } = yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((createShadowContainer()), "@foldkit/devtools/overlay.js#anonymous~94")), createdShadowContainer => __foldkitBrandViewResult((Effect.sync(() => {
         createdShadowContainer.shadow.host.remove();
-    })), "@foldkit/devtools/overlay.js#anonymous~98"));
+    })), "@foldkit/devtools/overlay.js#anonymous~95"));
     container.id = '__foldkit_devtools_overlay__';
     const flags = Effect.gen(function* () {
         const storeState = yield* SubscriptionRef.get(store.stateRef);
@@ -1396,7 +1426,7 @@ export const createOverlay = (store, position, mode, maybeBanner) => __foldkitBr
             isMobile: window.matchMedia(MOBILE_BREAKPOINT_QUERY).matches,
             isFlattened,
             ...toDisplayState(storeState),
-        }), "@foldkit/devtools/overlay.js#anonymous~100");
+        }), "@foldkit/devtools/overlay.js#anonymous~97");
     });
     const init = (flags) => {
         const { isFlattened, ...displayFlags } = flags;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foldkit/devtools",
-  "version": "0.135.0",
+  "version": "0.137.0",
   "description": "In-browser DevTools overlay for Foldkit applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -31,9 +31,9 @@
     "rimraf": "^6.1.3",
     "typescript": "^6.0.3",
     "vitest": "^4.1.9",
-    "@foldkit/ui": "0.135.0",
+    "@foldkit/ui": "0.137.0",
     "@foldkit/vite-plugin": "0.11.3",
-    "foldkit": "0.135.0"
+    "foldkit": "0.137.0"
   },
   "keywords": [
     "foldkit",