@foldkit/devtools 0.129.0 → 0.131.0

package/dist/overlay.js

@@ -1,12 +1,14 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { clsx } from 'clsx';
 import { Array as Array_, Context, Effect, Function, HashSet, Match as M, Number as Number_, Option, Order, Predicate, Queue, Record, Schema as S, Stream, String as String_, SubscriptionRef, pipe, } from 'effect';
 import { KeyValueStore } from 'effect/unstable/persistence';
 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 { childAttributes, createKeyedLazy, createLazy, html, } from 'foldkit/html';
+import { createKeyedLazy, createLazy, html } from 'foldkit/html';
 import { m } from 'foldkit/message';
 import { makeElement } from 'foldkit/runtime';
+import { ts } from 'foldkit/schema';
 import { evo } from 'foldkit/struct';
 import * as Subscription from 'foldkit/subscription';
 import { BrowserKeyValueStore } from '@effect/platform-browser';
@@ -54,7 +56,7 @@ const InspectorTabs = Tabs.create();
  * through-traffic (different reference per frame iff different content),
  * which makes reference equality the correct comparison.
  */
-const UnknownByReference = S.Unknown.pipe(S.overrideToEquivalence(() => (a, b) => a === b));
+const UnknownByReference = S.Unknown.pipe(S.overrideToEquivalence(() => __foldkitBrandViewResult(((a, b) => __foldkitBrandViewResult((a === b), "@foldkit/devtools/overlay.js#anonymous~2")), "@foldkit/devtools/overlay.js#anonymous")));
 const Screen = S.Literals(['Messages', 'Settings']);
 const Model = S.Struct({
     isOpen: S.Boolean,
@@ -89,7 +91,7 @@ const Model = S.Struct({
     // through the same import chain; the exact cause of the asymmetry isn't
     // pinned down. Suspend is the conservative fix until the runtime ↔ overlay
     // cycle is broken at the source.
-    scrubberSlider: S.suspend(() => Slider.Model),
+    scrubberSlider: S.suspend(() => __foldkitBrandViewResult((Slider.Model), "@foldkit/devtools/overlay.js#anonymous~3")),
     scrubberValue: S.Number,
 });
 const Flags = S.Struct({
@@ -146,7 +148,7 @@ const GotSubmodelFilterMessage = m('GotSubmodelFilterMessage', {
 });
 // NOTE: suspend for the same init-order reason as scrubberSlider above.
 const GotScrubberSliderMessage = m('GotScrubberSliderMessage', {
-    message: S.suspend(() => Slider.Message),
+    message: S.suspend(() => __foldkitBrandViewResult((Slider.Message), "@foldkit/devtools/overlay.js#anonymous~4")),
 });
 const Message = S.Union([
     ClickedToggle,
@@ -183,7 +185,7 @@ const ALL_MESSAGES_VALUE = '';
 const DEVTOOLS_STORAGE_KEY = 'foldkit-devtools';
 const NO_COMMANDS = [];
 const NO_MOUNTS = [];
-const formatTimeDelta = (deltaMs) => M.value(deltaMs).pipe(M.when(0, () => '0ms'), M.when(Number_.isLessThan(MILLIS_PER_SECOND), ms => `+${Math.round(ms)}ms`), M.orElse(ms => `+${(ms / MILLIS_PER_SECOND).toFixed(1)}s`));
+const formatTimeDelta = (deltaMs) => __foldkitBrandViewResult((M.value(deltaMs).pipe(M.when(0, () => __foldkitBrandViewResult(('0ms'), "@foldkit/devtools/overlay.js#anonymous~5")), M.when(Number_.isLessThan(MILLIS_PER_SECOND), ms => __foldkitBrandViewResult((`+${Math.round(ms)}ms`), "@foldkit/devtools/overlay.js#anonymous~6")), M.orElse(ms => __foldkitBrandViewResult((`+${(ms / MILLIS_PER_SECOND).toFixed(1)}s`), "@foldkit/devtools/overlay.js#anonymous~7")))), "@foldkit/devtools/overlay.js#formatTimeDelta");
 const MESSAGE_LIST_SELECTOR = '.message-list';
 // NOTE: scrubber slider value space is independent of the store's host
 // indices. Slider value 0 represents init; 1..entries.length represents
@@ -191,21 +193,21 @@ const MESSAGE_LIST_SELECTOR = '.message-list';
 // index) straight into setValue, or treating ChangedValue.value as a host
 // index in jumpTo, will silently produce wrong navigation. Translate at
 // the boundaries via the helpers below.
-const hostIndexToSliderValue = (hostIndex, startIndex) => (hostIndex === INIT_INDEX ? 0 : hostIndex - startIndex + 1);
-const sliderValueToHostIndex = (sliderValue, startIndex) => (sliderValue === 0 ? INIT_INDEX : startIndex + sliderValue - 1);
+const hostIndexToSliderValue = (hostIndex, startIndex) => (__foldkitBrandViewResult((hostIndex === INIT_INDEX ? 0 : hostIndex - startIndex + 1), "@foldkit/devtools/overlay.js#hostIndexToSliderValue"));
+const sliderValueToHostIndex = (sliderValue, startIndex) => (__foldkitBrandViewResult((sliderValue === 0 ? INIT_INDEX : startIndex + sliderValue - 1), "@foldkit/devtools/overlay.js#sliderValueToHostIndex"));
 const SCROLL_FOLLOW_THRESHOLD_PX = 8;
-const computeSubmodelTags = (entries) => pipe(entries, Array_.flatMap(({ submodelPath }) => submodelPath), Array_.dedupe, Array_.sort(Order.String));
-const toDisplayCommand = (command) => ({
+const computeSubmodelTags = (entries) => __foldkitBrandViewResult((pipe(entries, Array_.flatMap(({ submodelPath }) => __foldkitBrandViewResult((submodelPath), "@foldkit/devtools/overlay.js#anonymous~8")), Array_.dedupe, Array_.sort(Order.String))), "@foldkit/devtools/overlay.js#computeSubmodelTags");
+const toDisplayCommand = (command) => (__foldkitBrandViewResult(({
     name: command.name,
     args: Option.fromNullishOr(command.args),
-});
-const toDisplayMount = (mount) => ({
+}), "@foldkit/devtools/overlay.js#toDisplayCommand"));
+const toDisplayMount = (mount) => (__foldkitBrandViewResult(({
     name: mount.name,
     args: Option.fromNullishOr(mount.args),
-});
-const toDisplayEntries = ({ entries }) => Array_.map(entries, entry => {
+}), "@foldkit/devtools/overlay.js#toDisplayMount"));
+const toDisplayEntries = ({ entries }) => __foldkitBrandViewResult((Array_.map(entries, entry => {
     const { submodelPath, maybeLeafTag } = extractSubmodelInfo(entry.tag, entry.message);
-    return {
+    return __foldkitBrandViewResult(({
         tag: entry.tag,
         submodelPath,
         maybeLeafTag,
@@ -214,35 +216,35 @@ const toDisplayEntries = ({ entries }) => Array_.map(entries, entry => {
         mountEnds: Array_.map(entry.mountEnds, toDisplayMount),
         timestamp: entry.timestamp,
         isModelChanged: entry.isModelChanged,
-    };
-});
-const toDisplayState = (state) => ({
+    }), "@foldkit/devtools/overlay.js#anonymous~9");
+})), "@foldkit/devtools/overlay.js#toDisplayEntries");
+const toDisplayState = (state) => (__foldkitBrandViewResult(({
     entries: toDisplayEntries(state),
     initCommands: Array_.map(state.initCommands, toDisplayCommand),
     initMountStarts: Array_.map(state.initMountStarts, toDisplayMount),
     startIndex: state.startIndex,
     isPaused: state.isPaused,
     pausedAtIndex: state.pausedAtIndex,
-});
+}), "@foldkit/devtools/overlay.js#toDisplayState"));
 const isExpandable = Predicate.isObjectOrArray;
-const objectPreview = (value) => pipe(value, Record.keys, Array_.filter(key => key !== '_tag'), Array_.match({
-    onEmpty: () => '{}',
+const objectPreview = (value) => __foldkitBrandViewResult((pipe(value, Record.keys, Array_.filter(key => __foldkitBrandViewResult((key !== '_tag'), "@foldkit/devtools/overlay.js#anonymous~10")), Array_.match({
+    onEmpty: () => __foldkitBrandViewResult(('{}'), "@foldkit/devtools/overlay.js#onEmpty"),
     onNonEmpty: keys => {
         const preview = pipe(keys, Array_.take(MAX_PREVIEW_KEYS), Array_.join(', '));
-        return Array_.length(keys) > MAX_PREVIEW_KEYS
+        return __foldkitBrandViewResult((Array_.length(keys) > MAX_PREVIEW_KEYS
             ? `{ ${preview}, … }`
-            : `{ ${preview} }`;
+            : `{ ${preview} }`), "@foldkit/devtools/overlay.js#onNonEmpty");
     },
-}));
-const collapsedPreview = (value) => M.value(value).pipe(M.when(Array.isArray, array => `(${array.length})`), M.when(Predicate.isObject, objectPreview), M.orElse(() => ''));
+}))), "@foldkit/devtools/overlay.js#objectPreview");
+const collapsedPreview = (value) => __foldkitBrandViewResult((M.value(value).pipe(M.when(Array.isArray, array => __foldkitBrandViewResult((`(${array.length})`), "@foldkit/devtools/overlay.js#anonymous~11")), M.when(Predicate.isObject, objectPreview), M.orElse(() => __foldkitBrandViewResult((''), "@foldkit/devtools/overlay.js#anonymous~12")))), "@foldkit/devtools/overlay.js#collapsedPreview");
 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())));
-const maybeToggleScrollLock = (isEnabled, shouldLock) => OptionExt.when(isEnabled, shouldLock ? LockScroll() : UnlockScroll());
-const maybeLockScroll = (isOpen, isMobile) => OptionExt.when(isOpen && isMobile, LockScroll());
+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({
     isOpen: S.Boolean.pipe(S.withDecodingDefault(Effect.succeed(false))),
     isFlattened: S.Boolean.pipe(S.withDecodingDefault(Effect.succeed(false))),
@@ -255,54 +257,54 @@ const DEFAULT_PERSISTED_STATE = {
 const readPersistedState = Effect.gen(function* () {
     const store = yield* KeyValueStore.KeyValueStore;
     const json = yield* Effect.fromOption(Option.fromNullishOr(yield* store.get(DEVTOOLS_STORAGE_KEY)));
-    return yield* S.decodeEffect(DevToolsPersistedStateJson)(json);
-}).pipe(Effect.catch(() => Effect.succeed(DEFAULT_PERSISTED_STATE)), Effect.provide(BrowserKeyValueStore.layerLocalStorage));
-export const PersistDevToolsState = Command.define('PersistDevToolsState', { isOpen: S.Boolean, isFlattened: S.Boolean }, CompletedPersistDevToolsState)(({ isOpen, isFlattened }) => Effect.gen(function* () {
+    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 CompletedPersistDevToolsState();
-}).pipe(Effect.catch(() => Effect.succeed(CompletedPersistDevToolsState())), Effect.provide(BrowserKeyValueStore.layerLocalStorage)));
-const buildInspectionFromModel = (index, model) => Effect.gen(function* () {
+    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"));
+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 ReceivedInspectedState({ model, maybeMessage, ...diff });
-});
-const buildInspectionEffect = (index) => Effect.gen(function* () {
+    return __foldkitBrandViewResult((ReceivedInspectedState({ model, maybeMessage, ...diff })), "@foldkit/devtools/overlay.js#anonymous~18");
+})), "@foldkit/devtools/overlay.js#buildInspectionFromModel");
+const buildInspectionEffect = (index) => __foldkitBrandViewResult((Effect.gen(function* () {
     const store = yield* StoreService;
     const model = yield* store.getModelAtIndex(index);
-    return yield* buildInspectionFromModel(index, model);
-});
+    return __foldkitBrandViewResult((yield* buildInspectionFromModel(index, model)), "@foldkit/devtools/overlay.js#anonymous~19");
+})), "@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
 // from the nearest keyframe twice for a mid-segment jump. `store.jumpTo`
 // 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 }) => Effect.gen(function* () {
+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 yield* buildInspectionFromModel(index, model);
-}));
-export const InspectState = Command.define('InspectState', { index: S.Number }, ReceivedInspectedState)(({ index }) => buildInspectionEffect(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 yield* buildInspectionEffect(latestEntryIndex(state));
+    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 CompletedResume();
+    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 CompletedClear();
+    return __foldkitBrandViewResult((CompletedClear()), "@foldkit/devtools/overlay.js#anonymous~25");
 }));
 export const ScrollToTop = Command.define('ScrollToTop', ScrolledToTop)(Effect.gen(function* () {
     const shadow = yield* ShadowRootService;
@@ -310,21 +312,21 @@ export const ScrollToTop = Command.define('ScrollToTop', ScrolledToTop)(Effect.g
     if (messageList instanceof HTMLElement) {
         messageList.scrollTop = 0;
     }
-    return ScrolledToTop();
+    return __foldkitBrandViewResult((ScrolledToTop()), "@foldkit/devtools/overlay.js#anonymous~26");
 }));
 const makeUpdate = (store, shadow, mode) => {
-    const provideContext = (effect) => effect.pipe(Effect.provideService(StoreService, store), Effect.provideService(ShadowRootService, shadow));
+    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);
     const resume = Command.mapEffect(Resume(), provideContext);
     const clear = Command.mapEffect(Clear(), provideContext);
     const scrollToTop = Command.mapEffect(ScrollToTop(), provideContext);
-    const jumpToAndInspect = (index) => Command.mapEffect(JumpToAndInspect({ index }), provideContext);
-    const inspectState = (index) => Command.mapEffect(InspectState({ index }), provideContext);
-    return (model, message) => M.value(message).pipe(M.withReturnType(), M.tags({
+    const jumpToAndInspect = (index) => __foldkitBrandViewResult((Command.mapEffect(JumpToAndInspect({ index }), provideContext)), "@foldkit/devtools/overlay.js#jumpToAndInspect");
+    const inspectState = (index) => __foldkitBrandViewResult((Command.mapEffect(InspectState({ index }), provideContext)), "@foldkit/devtools/overlay.js#inspectState");
+    return __foldkitBrandViewResult(((model, message) => __foldkitBrandViewResult((M.value(message).pipe(M.withReturnType(), M.tags({
         ClickedToggle: () => {
             const nextIsOpen = !model.isOpen;
-            return [
-                evo(model, { isOpen: () => nextIsOpen }),
+            return __foldkitBrandViewResult(([
+                evo(model, { isOpen: () => __foldkitBrandViewResult((nextIsOpen), "@foldkit/devtools/overlay.js#isOpen") }),
                 [
                     ...Option.toArray(maybeToggleScrollLock(model.isMobile, nextIsOpen)),
                     PersistDevToolsState({
@@ -332,167 +334,167 @@ const makeUpdate = (store, shadow, mode) => {
                         isFlattened: model.isFlattened,
                     }),
                 ],
-            ];
+            ]), "@foldkit/devtools/overlay.js#ClickedToggle");
         },
-        ClickedSettingsToggle: () => [
+        ClickedSettingsToggle: () => __foldkitBrandViewResult(([
             evo(model, {
-                screen: currentScreen => M.value(currentScreen).pipe(M.withReturnType(), M.when('Messages', () => 'Settings'), M.when('Settings', () => 'Messages'), M.exhaustive),
+                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"),
             }),
             [],
-        ],
-        ToggledFlatten: ({ isFlattened }) => [
-            evo(model, { isFlattened: () => isFlattened }),
+        ]), "@foldkit/devtools/overlay.js#ClickedSettingsToggle"),
+        ToggledFlatten: ({ isFlattened }) => __foldkitBrandViewResult(([
+            evo(model, { isFlattened: () => __foldkitBrandViewResult((isFlattened), "@foldkit/devtools/overlay.js#isFlattened") }),
             [PersistDevToolsState({ isOpen: model.isOpen, isFlattened })],
-        ],
-        CrossedMobileBreakpoint: ({ isMobile }) => [
-            evo(model, { isMobile: () => isMobile }),
+        ]), "@foldkit/devtools/overlay.js#ToggledFlatten"),
+        CrossedMobileBreakpoint: ({ isMobile }) => __foldkitBrandViewResult(([
+            evo(model, { isMobile: () => __foldkitBrandViewResult((isMobile), "@foldkit/devtools/overlay.js#isMobile") }),
             Option.toArray(maybeToggleScrollLock(model.isOpen, isMobile)),
-        ],
-        ClickedRow: ({ index }) => M.value(mode).pipe(M.withReturnType(), M.when('TimeTravel', () => [model, [jumpToAndInspect(index)]]), M.when('Inspect', () => [
+        ]), "@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(([
             evo(model, {
-                selectedIndex: () => index,
-                isFollowingLatest: () => false,
+                selectedIndex: () => __foldkitBrandViewResult((index), "@foldkit/devtools/overlay.js#selectedIndex"),
+                isFollowingLatest: () => __foldkitBrandViewResult((false), "@foldkit/devtools/overlay.js#isFollowingLatest"),
             }),
             [inspectState(index)],
-        ]), M.exhaustive),
-        ClickedResume: () => [
+        ]), "@foldkit/devtools/overlay.js#anonymous~31")), M.exhaustive)), "@foldkit/devtools/overlay.js#ClickedRow"),
+        ClickedResume: () => __foldkitBrandViewResult(([
             evo(model, {
-                isFollowingTop: () => true,
-                expandedPaths: () => HashSet.empty(),
-                changedPaths: () => HashSet.empty(),
-                affectedPaths: () => HashSet.empty(),
+                isFollowingTop: () => __foldkitBrandViewResult((true), "@foldkit/devtools/overlay.js#isFollowingTop"),
+                expandedPaths: () => __foldkitBrandViewResult((HashSet.empty()), "@foldkit/devtools/overlay.js#expandedPaths"),
+                changedPaths: () => __foldkitBrandViewResult((HashSet.empty()), "@foldkit/devtools/overlay.js#changedPaths"),
+                affectedPaths: () => __foldkitBrandViewResult((HashSet.empty()), "@foldkit/devtools/overlay.js#affectedPaths"),
             }),
             [resume, inspectLatest, scrollToTop],
-        ],
-        ClickedClear: () => [
+        ]), "@foldkit/devtools/overlay.js#ClickedResume"),
+        ClickedClear: () => __foldkitBrandViewResult(([
             evo(model, {
-                selectedIndex: () => INIT_INDEX,
-                isFollowingLatest: () => true,
-                isFollowingTop: () => true,
-                maybeSubmodelFilter: () => Option.none(),
-                expandedPaths: () => HashSet.empty(),
-                changedPaths: () => HashSet.empty(),
-                affectedPaths: () => HashSet.empty(),
+                selectedIndex: () => __foldkitBrandViewResult((INIT_INDEX), "@foldkit/devtools/overlay.js#selectedIndex~2"),
+                isFollowingLatest: () => __foldkitBrandViewResult((true), "@foldkit/devtools/overlay.js#isFollowingLatest~2"),
+                isFollowingTop: () => __foldkitBrandViewResult((true), "@foldkit/devtools/overlay.js#isFollowingTop~2"),
+                maybeSubmodelFilter: () => __foldkitBrandViewResult((Option.none()), "@foldkit/devtools/overlay.js#maybeSubmodelFilter"),
+                expandedPaths: () => __foldkitBrandViewResult((HashSet.empty()), "@foldkit/devtools/overlay.js#expandedPaths~2"),
+                changedPaths: () => __foldkitBrandViewResult((HashSet.empty()), "@foldkit/devtools/overlay.js#changedPaths~2"),
+                affectedPaths: () => __foldkitBrandViewResult((HashSet.empty()), "@foldkit/devtools/overlay.js#affectedPaths~2"),
             }),
             [clear, inspectLatest, scrollToTop],
-        ],
+        ]), "@foldkit/devtools/overlay.js#ClickedClear"),
         ClickedFollowLatest: () => {
             const latestIndex = Array_.match(model.entries, {
-                onEmpty: () => INIT_INDEX,
-                onNonEmpty: () => model.startIndex + model.entries.length - 1,
+                onEmpty: () => __foldkitBrandViewResult((INIT_INDEX), "@foldkit/devtools/overlay.js#onEmpty~2"),
+                onNonEmpty: () => __foldkitBrandViewResult((model.startIndex + model.entries.length - 1), "@foldkit/devtools/overlay.js#onNonEmpty~2"),
             });
-            return [
+            return __foldkitBrandViewResult(([
                 evo(model, {
-                    selectedIndex: () => latestIndex,
-                    isFollowingLatest: () => true,
-                    isFollowingTop: () => true,
-                    expandedPaths: () => HashSet.empty(),
-                    changedPaths: () => HashSet.empty(),
-                    affectedPaths: () => HashSet.empty(),
+                    selectedIndex: () => __foldkitBrandViewResult((latestIndex), "@foldkit/devtools/overlay.js#selectedIndex~3"),
+                    isFollowingLatest: () => __foldkitBrandViewResult((true), "@foldkit/devtools/overlay.js#isFollowingLatest~3"),
+                    isFollowingTop: () => __foldkitBrandViewResult((true), "@foldkit/devtools/overlay.js#isFollowingTop~3"),
+                    expandedPaths: () => __foldkitBrandViewResult((HashSet.empty()), "@foldkit/devtools/overlay.js#expandedPaths~3"),
+                    changedPaths: () => __foldkitBrandViewResult((HashSet.empty()), "@foldkit/devtools/overlay.js#changedPaths~3"),
+                    affectedPaths: () => __foldkitBrandViewResult((HashSet.empty()), "@foldkit/devtools/overlay.js#affectedPaths~3"),
                 }),
                 [inspectLatest, scrollToTop],
-            ];
+            ]), "@foldkit/devtools/overlay.js#ClickedFollowLatest");
         },
-        ClickedScrollToTopPill: () => [
+        ClickedScrollToTopPill: () => __foldkitBrandViewResult(([
             evo(model, {
-                isFollowingTop: () => true,
+                isFollowingTop: () => __foldkitBrandViewResult((true), "@foldkit/devtools/overlay.js#isFollowingTop~4"),
             }),
             [scrollToTop],
-        ],
+        ]), "@foldkit/devtools/overlay.js#ClickedScrollToTopPill"),
         ScrolledMessageList: ({ scrollTop }) => {
             const isAtTop = scrollTop <= SCROLL_FOLLOW_THRESHOLD_PX;
-            return isAtTop === model.isFollowingTop
+            return __foldkitBrandViewResult((isAtTop === model.isFollowingTop
                 ? [model, []]
-                : [evo(model, { isFollowingTop: () => isAtTop }), []];
+                : [evo(model, { isFollowingTop: () => __foldkitBrandViewResult((isAtTop), "@foldkit/devtools/overlay.js#isFollowingTop~5") }), []]), "@foldkit/devtools/overlay.js#ScrolledMessageList");
         },
-        ReceivedInspectedState: ({ model: inspectedModel, maybeMessage, changedPaths, affectedPaths, }) => [
+        ReceivedInspectedState: ({ model: inspectedModel, maybeMessage, changedPaths, affectedPaths, }) => __foldkitBrandViewResult(([
             evo(model, {
-                maybeInspectedModel: () => Option.some(inspectedModel),
-                maybeInspectedMessage: () => maybeMessage,
-                changedPaths: () => changedPaths,
-                affectedPaths: () => affectedPaths,
+                maybeInspectedModel: () => __foldkitBrandViewResult((Option.some(inspectedModel)), "@foldkit/devtools/overlay.js#maybeInspectedModel"),
+                maybeInspectedMessage: () => __foldkitBrandViewResult((maybeMessage), "@foldkit/devtools/overlay.js#maybeInspectedMessage"),
+                changedPaths: () => __foldkitBrandViewResult((changedPaths), "@foldkit/devtools/overlay.js#changedPaths~4"),
+                affectedPaths: () => __foldkitBrandViewResult((affectedPaths), "@foldkit/devtools/overlay.js#affectedPaths~4"),
             }),
             [],
-        ],
+        ]), "@foldkit/devtools/overlay.js#ReceivedInspectedState"),
         GotInspectorTabsMessage: ({ message: tabsMessage }) => {
             const [nextTabsModel, tabsCommands, maybeOutMessage] = InspectorTabs.update(model.inspectorTabs, tabsMessage);
             const nextActiveInspectorTab = Option.match(maybeOutMessage, {
-                onNone: () => model.activeInspectorTab,
+                onNone: () => __foldkitBrandViewResult((model.activeInspectorTab), "@foldkit/devtools/overlay.js#onNone"),
                 onSome: M.type().pipe(M.tagsExhaustive({
-                    Selected: ({ value }) => value,
+                    Selected: ({ value }) => __foldkitBrandViewResult((value), "@foldkit/devtools/overlay.js#Selected"),
                 })),
             });
-            return [
+            return __foldkitBrandViewResult(([
                 evo(model, {
-                    inspectorTabs: () => nextTabsModel,
-                    activeInspectorTab: () => nextActiveInspectorTab,
+                    inspectorTabs: () => __foldkitBrandViewResult((nextTabsModel), "@foldkit/devtools/overlay.js#inspectorTabs"),
+                    activeInspectorTab: () => __foldkitBrandViewResult((nextActiveInspectorTab), "@foldkit/devtools/overlay.js#activeInspectorTab"),
                 }),
-                Command.mapMessages(tabsCommands, message => GotInspectorTabsMessage({ message })),
-            ];
+                Command.mapMessages(tabsCommands, message => __foldkitBrandViewResult((GotInspectorTabsMessage({ message })), "@foldkit/devtools/overlay.js#anonymous~32")),
+            ]), "@foldkit/devtools/overlay.js#GotInspectorTabsMessage");
         },
-        ToggledTreeNode: ({ path }) => [
+        ToggledTreeNode: ({ path }) => __foldkitBrandViewResult(([
             evo(model, {
-                expandedPaths: paths => HashSet.has(paths, path)
+                expandedPaths: paths => __foldkitBrandViewResult((HashSet.has(paths, path)
                     ? HashSet.remove(paths, path)
-                    : HashSet.add(paths, path),
+                    : HashSet.add(paths, path)), "@foldkit/devtools/overlay.js#expandedPaths~4"),
             }),
             [],
-        ],
+        ]), "@foldkit/devtools/overlay.js#ToggledTreeNode"),
         ReceivedStoreUpdate: ({ entries, initCommands, initMountStarts, startIndex, isPaused, pausedAtIndex, }) => {
-            const shouldFollowSelection = M.value(mode).pipe(M.when('TimeTravel', () => !isPaused), M.when('Inspect', () => model.isFollowingLatest), M.exhaustive);
-            const shouldFollowScroll = M.value(mode).pipe(M.when('TimeTravel', () => !isPaused && model.isFollowingTop), M.when('Inspect', () => model.isFollowingTop), M.exhaustive);
+            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 latestIndex = Array_.match(entries, {
-                onEmpty: () => INIT_INDEX,
-                onNonEmpty: () => startIndex + entries.length - 1,
+                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 => !Array_.contains(nextSubmodelTags, filterTag));
+            const isFilterStale = Option.exists(model.maybeSubmodelFilter, filterTag => __foldkitBrandViewResult((!Array_.contains(nextSubmodelTags, filterTag)), "@foldkit/devtools/overlay.js#anonymous~37"));
             const sliderMax = entries.length;
             const targetSliderValue = isPaused
                 ? hostIndexToSliderValue(pausedAtIndex, startIndex)
                 : sliderMax;
-            return [
+            return __foldkitBrandViewResult(([
                 evo(model, {
-                    entries: () => entries,
-                    initCommands: () => initCommands,
-                    initMountStarts: () => initMountStarts,
-                    startIndex: () => startIndex,
-                    isPaused: () => isPaused,
-                    pausedAtIndex: () => pausedAtIndex,
-                    submodelTags: () => nextSubmodelTags,
-                    maybeSubmodelFilter: current => isFilterStale ? Option.none() : current,
-                    selectedIndex: current => shouldFollowSelection ? latestIndex : current,
-                    scrubberSlider: current => Slider.reflectRange(current, { min: 0, max: sliderMax }),
-                    scrubberValue: current => M.value(model.scrubberSlider.dragState).pipe(M.tag('Dragging', () => Slider.snapAndClamp(current, 0, sliderMax, 1)), M.orElse(() => Slider.snapAndClamp(targetSliderValue, 0, sliderMax, 1))),
+                    entries: () => __foldkitBrandViewResult((entries), "@foldkit/devtools/overlay.js#entries"),
+                    initCommands: () => __foldkitBrandViewResult((initCommands), "@foldkit/devtools/overlay.js#initCommands"),
+                    initMountStarts: () => __foldkitBrandViewResult((initMountStarts), "@foldkit/devtools/overlay.js#initMountStarts"),
+                    startIndex: () => __foldkitBrandViewResult((startIndex), "@foldkit/devtools/overlay.js#startIndex"),
+                    isPaused: () => __foldkitBrandViewResult((isPaused), "@foldkit/devtools/overlay.js#isPaused"),
+                    pausedAtIndex: () => __foldkitBrandViewResult((pausedAtIndex), "@foldkit/devtools/overlay.js#pausedAtIndex"),
+                    submodelTags: () => __foldkitBrandViewResult((nextSubmodelTags), "@foldkit/devtools/overlay.js#submodelTags"),
+                    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"),
                 }),
                 [
                     ...(shouldFollowSelection ? [inspectLatest] : []),
                     ...(shouldFollowScroll ? [scrollToTop] : []),
                 ],
-            ];
+            ]), "@foldkit/devtools/overlay.js#ReceivedStoreUpdate");
         },
         GotSubmodelFilterMessage: ({ message: listboxMessage }) => {
             const [nextListboxModel, listboxCommands, maybeOutMessage] = SubmodelFilterListbox.update(model.submodelFilterListbox, listboxMessage);
-            const mappedCommands = Command.mapMessages(listboxCommands, message => GotSubmodelFilterMessage({ message }));
-            return Option.match(maybeOutMessage, {
-                onNone: () => [
-                    evo(model, { submodelFilterListbox: () => nextListboxModel }),
+            const mappedCommands = Command.mapMessages(listboxCommands, message => __foldkitBrandViewResult((GotSubmodelFilterMessage({ message })), "@foldkit/devtools/overlay.js#anonymous~40"));
+            return __foldkitBrandViewResult((Option.match(maybeOutMessage, {
+                onNone: () => __foldkitBrandViewResult(([
+                    evo(model, { submodelFilterListbox: () => __foldkitBrandViewResult((nextListboxModel), "@foldkit/devtools/overlay.js#submodelFilterListbox") }),
                     mappedCommands,
-                ],
+                ]), "@foldkit/devtools/overlay.js#onNone~2"),
                 onSome: M.type().pipe(M.withReturnType(), M.tagsExhaustive({
-                    Selected: ({ value }) => [
+                    Selected: ({ value }) => __foldkitBrandViewResult(([
                         evo(model, {
-                            maybeSubmodelFilter: () => Option.liftPredicate(value, String_.isNonEmpty),
-                            submodelFilterListbox: () => nextListboxModel,
+                            maybeSubmodelFilter: () => __foldkitBrandViewResult((Option.liftPredicate(value, String_.isNonEmpty)), "@foldkit/devtools/overlay.js#maybeSubmodelFilter~3"),
+                            submodelFilterListbox: () => __foldkitBrandViewResult((nextListboxModel), "@foldkit/devtools/overlay.js#submodelFilterListbox~2"),
                         }),
                         mappedCommands,
-                    ],
+                    ]), "@foldkit/devtools/overlay.js#Selected~2"),
                 })),
-            });
+            })), "@foldkit/devtools/overlay.js#GotSubmodelFilterMessage");
         },
         GotScrubberSliderMessage: ({ message: sliderMessage }) => {
             const [nextSlider, sliderCommands, maybeOutMessage] = Slider.update(model.scrubberSlider, sliderMessage);
-            const mappedSliderCommands = Command.mapMessages(sliderCommands, message => GotScrubberSliderMessage({ message }));
+            const mappedSliderCommands = Command.mapMessages(sliderCommands, message => __foldkitBrandViewResult((GotScrubberSliderMessage({ message })), "@foldkit/devtools/overlay.js#anonymous~41"));
             // 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
@@ -500,61 +502,61 @@ const makeUpdate = (store, shadow, mode) => {
             // latest on the next frame, so a fast drag can't enqueue jumps faster
             // than they complete.
             const nextMaybePendingScrubIndex = Option.match(maybeOutMessage, {
-                onNone: () => model.maybePendingScrubIndex,
+                onNone: () => __foldkitBrandViewResult((model.maybePendingScrubIndex), "@foldkit/devtools/overlay.js#onNone~3"),
                 onSome: M.type().pipe(M.tagsExhaustive({
-                    ChangedValue: ({ value }) => Option.some(sliderValueToHostIndex(value, model.startIndex)),
+                    ChangedValue: ({ value }) => __foldkitBrandViewResult((Option.some(sliderValueToHostIndex(value, model.startIndex))), "@foldkit/devtools/overlay.js#ChangedValue"),
                 })),
             });
             const nextScrubberValue = Option.match(maybeOutMessage, {
-                onNone: () => model.scrubberValue,
+                onNone: () => __foldkitBrandViewResult((model.scrubberValue), "@foldkit/devtools/overlay.js#onNone~4"),
                 onSome: M.type().pipe(M.tagsExhaustive({
-                    ChangedValue: ({ value }) => value,
+                    ChangedValue: ({ value }) => __foldkitBrandViewResult((value), "@foldkit/devtools/overlay.js#ChangedValue~2"),
                 })),
             });
-            return [
+            return __foldkitBrandViewResult(([
                 evo(model, {
-                    scrubberSlider: () => nextSlider,
-                    scrubberValue: () => nextScrubberValue,
-                    maybePendingScrubIndex: () => nextMaybePendingScrubIndex,
+                    scrubberSlider: () => __foldkitBrandViewResult((nextSlider), "@foldkit/devtools/overlay.js#scrubberSlider~2"),
+                    scrubberValue: () => __foldkitBrandViewResult((nextScrubberValue), "@foldkit/devtools/overlay.js#scrubberValue~2"),
+                    maybePendingScrubIndex: () => __foldkitBrandViewResult((nextMaybePendingScrubIndex), "@foldkit/devtools/overlay.js#maybePendingScrubIndex"),
                 }),
                 mappedSliderCommands,
-            ];
+            ]), "@foldkit/devtools/overlay.js#GotScrubberSliderMessage");
         },
-        TickedScrubFrame: () => Option.match(model.maybePendingScrubIndex, {
-            onNone: () => [model, []],
-            onSome: (hostIndex) => [
-                evo(model, { maybePendingScrubIndex: () => Option.none() }),
+        TickedScrubFrame: () => __foldkitBrandViewResult((Option.match(model.maybePendingScrubIndex, {
+            onNone: () => __foldkitBrandViewResult(([model, []]), "@foldkit/devtools/overlay.js#onNone~5"),
+            onSome: (hostIndex) => __foldkitBrandViewResult(([
+                evo(model, { maybePendingScrubIndex: () => __foldkitBrandViewResult((Option.none()), "@foldkit/devtools/overlay.js#maybePendingScrubIndex~2") }),
                 [jumpToAndInspect(hostIndex)],
-            ],
-        }),
-    }), M.tag('CompletedResume', 'CompletedClear', 'CompletedPersistDevToolsState', 'LockedScroll', 'UnlockedScroll', 'ScrolledToTop', () => [model, []]), M.exhaustive);
+            ]), "@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");
 };
 // SUBSCRIPTION
 const makeOverlaySubscriptions = (store, shadow) => {
-    const sliderSubscriptions = Slider.subscriptionsForRoot(() => shadow);
+    const sliderSubscriptions = Slider.subscriptionsForRoot(() => __foldkitBrandViewResult((shadow), "@foldkit/devtools/overlay.js#anonymous~43"));
     const scrubberSubscriptions = Subscription.lift({
         scrubberPointer: sliderSubscriptions.dragPointer,
         scrubberEscape: sliderSubscriptions.dragEscape,
     })({
-        toChildModel: model => model.scrubberSlider,
-        toParentMessage: message => GotScrubberSliderMessage({ message }),
+        toChildModel: model => __foldkitBrandViewResult((model.scrubberSlider), "@foldkit/devtools/overlay.js#toChildModel"),
+        toParentMessage: message => __foldkitBrandViewResult((GotScrubberSliderMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage"),
     });
-    const ownSubscriptions = Subscription.make()(_entry => ({
+    const ownSubscriptions = Subscription.make()(_entry => (__foldkitBrandViewResult(({
         scrubFrame: Subscription.animationFrame({
-            isActive: model => Option.isSome(model.maybePendingScrubIndex),
-            toMessage: () => TickedScrubFrame(),
+            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 => ReceivedStoreUpdate(toDisplayState(state))))), Stream.map(SubscriptionRef.changes(store.stateRef), state => ReceivedStoreUpdate(toDisplayState(state))))),
-        mobileBreakpoint: Subscription.persistent(Stream.callback(queue => Effect.acquireRelease(Effect.sync(() => {
+        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")))),
+        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 { mediaQuery, handler };
-        }), ({ mediaQuery, handler }) => Effect.sync(() => mediaQuery.removeEventListener('change', handler))).pipe(Effect.flatMap(() => Effect.never)))),
-    }));
-    return Subscription.aggregate()(ownSubscriptions, scrubberSubscriptions);
+            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((Subscription.aggregate()(ownSubscriptions, scrubberSubscriptions)), "@foldkit/devtools/overlay.js#makeOverlaySubscriptions");
 };
 // VIEW
 const indexClass = 'text-2xs text-dt-muted font-mono min-w-5';
@@ -579,20 +581,12 @@ const makeView = (position, mode, shadow, maybeBanner) => {
     const lazyTabContent = createKeyedLazy();
     const lazyMessageList = createLazy();
     // JSON TREE
-    const leafValueView = (value) => M.value(value).pipe(M.when(Predicate.isNull, () => h.span([h.Key('value'), h.Class('json-null italic')], ['null'])), M.when(Predicate.isUndefined, () => h.span([h.Key('value'), h.Class('json-null italic')], ['undefined'])), M.when(Predicate.isString, stringValue => h.span([h.Key('value'), h.Class('json-string')], [`"${stringValue}"`])), M.when(Predicate.isNumber, numberValue => h.span([h.Key('value'), h.Class('json-number')], [String(numberValue)])), M.when(Predicate.isBoolean, booleanValue => h.span([h.Key('value'), h.Class('json-boolean')], [String(booleanValue)])), M.orElse(unknownValue => h.span([h.Key('value'), h.Class('json-null')], [String(unknownValue)])));
-    // NOTE: each row-child view declares an explicit key. snabbdom's
-    // `sameVnode` only checks `key + sel`, and foldkit element vnodes carry
-    // `sel = tagName` with classes stored in `data.class`. Without per-role
-    // keys, two unkeyed spans with different classes (e.g. `.json-key` and
-    // `.diff-dot`) are sameVnode to snabbdom, so a single DOM span gets
-    // recycled across roles as rows transition shape \u2014 and the text-node
-    // children from the old role can leak into the new role's element.
-    // Keying by role pins each slot to its own DOM element.
-    const keyView = (key) => h.span([h.Key('key'), h.Class('json-key')], [`${key}:\u00a0`]);
+    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~52")), M.when(Predicate.isUndefined, () => __foldkitBrandViewResult((leafSpan('json-null italic', 'undefined')), "@foldkit/devtools/overlay.js#anonymous~53")), M.when(Predicate.isString, stringValue => __foldkitBrandViewResult((leafSpan('json-string', `"${stringValue}"`)), "@foldkit/devtools/overlay.js#anonymous~54")), M.when(Predicate.isNumber, numberValue => __foldkitBrandViewResult((leafSpan('json-number', String(numberValue))), "@foldkit/devtools/overlay.js#anonymous~55")), M.when(Predicate.isBoolean, booleanValue => __foldkitBrandViewResult((leafSpan('json-boolean', String(booleanValue))), "@foldkit/devtools/overlay.js#anonymous~56")), M.orElse(unknownValue => __foldkitBrandViewResult((leafSpan('json-null', String(unknownValue))), "@foldkit/devtools/overlay.js#anonymous~57")))), "@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';
-    const arrowView = (isExpanded) => h.svg([
-        h.Key('arrow'),
+    const arrowView = (isExpanded) => __foldkitBrandViewResult((h.svg([
         h.AriaHidden(true),
         h.Class('json-arrow shrink-0'),
         h.Xmlns('http://www.w3.org/2000/svg'),
@@ -606,10 +600,33 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             h.StrokeLinejoin('round'),
             h.D(isExpanded ? CHEVRON_DOWN : CHEVRON_RIGHT),
         ], []),
-    ]);
-    const tagLabelView = (tag) => h.span([h.Key('tag'), h.Class('json-tag')], [tag]);
-    const diffDotView = h.span([h.Key('diffdot'), h.Class('diff-dot')], []);
+    ])), "@foldkit/devtools/overlay.js#arrowView");
+    const tagLabelView = (tag) => __foldkitBrandViewResult((h.span([h.Class('json-tag')], [tag])), "@foldkit/devtools/overlay.js#tagLabelView");
+    const previewView = (preview) => __foldkitBrandViewResult((h.span([h.Class('json-preview')], [preview])), "@foldkit/devtools/overlay.js#previewView");
+    const diffDotView = h.span([h.Class('diff-dot')], []);
     const inlineDiffDotView = h.span([h.Class('diff-dot-inline')], []);
+    const ArrowSegment = ts('ArrowSegment', { isExpanded: S.Boolean });
+    const DiffDotSegment = ts('DiffDotSegment');
+    const KeyLabelSegment = ts('KeyLabelSegment', { key: S.String });
+    const TagLabelSegment = ts('TagLabelSegment', { tag: S.String });
+    const PreviewSegment = ts('PreviewSegment', { preview: S.String });
+    const LeafValueSegment = ts('LeafValueSegment', { value: S.Unknown });
+    const RowSegment = S.Union([
+        ArrowSegment,
+        DiffDotSegment,
+        KeyLabelSegment,
+        TagLabelSegment,
+        PreviewSegment,
+        LeafValueSegment,
+    ]);
+    const rowSegmentView = M.type().pipe(M.tagsExhaustive({
+        ArrowSegment: ({ isExpanded }) => __foldkitBrandViewResult((arrowView(isExpanded)), "@foldkit/devtools/overlay.js#ArrowSegment"),
+        DiffDotSegment: () => __foldkitBrandViewResult((diffDotView), "@foldkit/devtools/overlay.js#DiffDotSegment"),
+        KeyLabelSegment: ({ key }) => __foldkitBrandViewResult((keyView(key)), "@foldkit/devtools/overlay.js#KeyLabelSegment"),
+        TagLabelSegment: ({ tag }) => __foldkitBrandViewResult((tagLabelView(tag)), "@foldkit/devtools/overlay.js#TagLabelSegment"),
+        PreviewSegment: ({ preview }) => __foldkitBrandViewResult((previewView(preview)), "@foldkit/devtools/overlay.js#PreviewSegment"),
+        LeafValueSegment: ({ value }) => __foldkitBrandViewResult((leafValueView(value)), "@foldkit/devtools/overlay.js#LeafValueSegment"),
+    }));
     const flattenTree = ({ value, treePath, depth, key, ...shared }) => {
         const { rootPath, expandedPaths, changedPaths, affectedPaths, accumulator, indentRootChildren, } = shared;
         const isRoot = treePath === rootPath;
@@ -633,46 +650,54 @@ const makeView = (position, mode, shadow, maybeBanner) => {
         }
         const childDepth = isRoot && !indentRootChildren ? depth : depth + 1;
         if (Array.isArray(value)) {
-            value.forEach((item, arrayIndex) => flattenTree({
+            value.forEach((item, arrayIndex) => __foldkitBrandViewResult((flattenTree({
                 ...shared,
                 value: item,
                 treePath: `${treePath}.${arrayIndex}`,
                 depth: childDepth,
                 key: String(arrayIndex),
-            }));
+            })), "@foldkit/devtools/overlay.js#anonymous~58"));
         }
         else if (Predicate.isObject(value)) {
-            pipe(value, Record.toEntries, Array_.filter(([entryKey]) => entryKey !== '_tag'), Array_.forEach(([entryKey, childValue]) => flattenTree({
+            pipe(value, Record.toEntries, Array_.filter(([entryKey]) => __foldkitBrandViewResult((entryKey !== '_tag'), "@foldkit/devtools/overlay.js#anonymous~59")), Array_.forEach(([entryKey, childValue]) => __foldkitBrandViewResult((flattenTree({
                 ...shared,
                 value: childValue,
                 treePath: `${treePath}.${entryKey}`,
                 depth: childDepth,
                 key: entryKey,
-            })));
+            })), "@foldkit/devtools/overlay.js#anonymous~60")));
         }
     };
     const flatNodeView = (value, treePath, depth, key, nodeIsExpandable, isExpanded, isChanged, isAffected, isRoot, tag) => {
         const indent = h.Style({ paddingLeft: `${depth * TREE_INDENT_PX}px` });
         const hasDiffDot = isChanged || isAffected;
         if (!nodeIsExpandable) {
-            return h.div([
+            const rowSegments = [
+                ...(hasDiffDot ? [DiffDotSegment()] : []),
+                ...(String_.isNonEmpty(key) ? [KeyLabelSegment({ key })] : []),
+                LeafValueSegment({ value }),
+            ];
+            return __foldkitBrandViewResult((h.ul([
                 h.Key(treePath),
                 h.Class(clsx('tree-row flex items-center gap-px font-mono text-2xs', {
                     'diff-changed': isChanged,
                 })),
                 indent,
-            ], [
-                ...(hasDiffDot ? [diffDotView] : []),
-                ...(String_.isNonEmpty(key) ? [keyView(key)] : []),
-                leafValueView(value),
-            ]);
+            ], rowSegments.map(segment => __foldkitBrandViewResult((h.keyed('li')(segment._tag, [h.Class('contents')], [rowSegmentView(segment)])), "@foldkit/devtools/overlay.js#anonymous~61")))), "@foldkit/devtools/overlay.js#flatNodeView");
         }
         const preview = isExpanded
             ? Array.isArray(value)
                 ? `(${value.length})`
                 : ''
             : collapsedPreview(value);
-        return h.div([
+        const rowSegments = [
+            ...(isRoot ? [] : [ArrowSegment({ isExpanded })]),
+            ...(!isRoot && hasDiffDot ? [DiffDotSegment()] : []),
+            ...(String_.isNonEmpty(key) ? [KeyLabelSegment({ key })] : []),
+            ...(String_.isNonEmpty(tag) ? [TagLabelSegment({ tag })] : []),
+            PreviewSegment({ preview }),
+        ];
+        return __foldkitBrandViewResult((h.ul([
             h.Key(treePath),
             h.Class(clsx('tree-row flex items-center gap-px font-mono text-2xs', {
                 'tree-row-expandable cursor-pointer': !isRoot,
@@ -680,15 +705,9 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             })),
             indent,
             ...(isRoot ? [] : [h.OnClick(ToggledTreeNode({ path: treePath }))]),
-        ], [
-            ...(isRoot ? [] : [arrowView(isExpanded)]),
-            ...(!isRoot && hasDiffDot ? [diffDotView] : []),
-            ...(String_.isNonEmpty(key) ? [keyView(key)] : []),
-            ...(String_.isNonEmpty(tag) ? [tagLabelView(tag)] : []),
-            h.span([h.Key('value'), h.Class('json-preview')], [preview]),
-        ]);
+        ], 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");
     };
-    const renderFlatNode = (node) => lazyTreeNode(node.treePath, flatNodeView, [
+    const renderFlatNode = (node) => __foldkitBrandViewResult((lazyTreeNode(node.treePath, flatNodeView, [
         node.value,
         node.treePath,
         node.depth,
@@ -699,7 +718,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
         node.isAffected,
         node.isRoot,
         node.tag,
-    ]);
+    ])), "@foldkit/devtools/overlay.js#renderFlatNode");
     const treeView = (value, rootPath, expandedPaths, changedPaths, affectedPaths, maybeRootLabel, indentRootChildren) => {
         const nodes = [];
         flattenTree({
@@ -710,53 +729,53 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             changedPaths,
             affectedPaths,
             depth: 0,
-            key: Option.getOrElse(maybeRootLabel, () => ''),
+            key: Option.getOrElse(maybeRootLabel, () => __foldkitBrandViewResult((''), "@foldkit/devtools/overlay.js#anonymous~63")),
             accumulator: nodes,
             indentRootChildren,
         });
-        return h.div([
+        return __foldkitBrandViewResult((h.div([
             h.Class('inspector-tree flex-1 overflow-auto min-h-0 min-w-0 overscroll-none'),
-        ], nodes.map(renderFlatNode));
+        ], nodes.map(renderFlatNode))), "@foldkit/devtools/overlay.js#treeView");
     };
     const inspectedTimestamp = (model) => {
         const selectedIndex = selectedHistoryIndex(model);
         if (selectedIndex === INIT_INDEX) {
-            return '0ms';
+            return __foldkitBrandViewResult(('0ms'), "@foldkit/devtools/overlay.js#inspectedTimestamp");
         }
         const baseTimestamp = pipe(model.entries, Array_.head, Option.match({
-            onNone: () => 0,
-            onSome: ({ timestamp }) => timestamp,
+            onNone: () => __foldkitBrandViewResult((0), "@foldkit/devtools/overlay.js#onNone~6"),
+            onSome: ({ timestamp }) => __foldkitBrandViewResult((timestamp), "@foldkit/devtools/overlay.js#onSome~2"),
         }));
-        return pipe(Array_.get(model.entries, selectedIndex - model.startIndex), Option.map(entry => {
+        return __foldkitBrandViewResult((pipe(Array_.get(model.entries, selectedIndex - model.startIndex), Option.map(entry => {
             const delta = entry.timestamp - baseTimestamp;
             const seconds = Math.floor(delta / MILLIS_PER_SECOND);
             const remainingMs = delta % MILLIS_PER_SECOND;
-            return seconds > 0
+            return __foldkitBrandViewResult((seconds > 0
                 ? `+${seconds}s ${remainingMs.toFixed(1)}ms`
-                : `+${remainingMs.toFixed(1)}ms`;
-        }), Option.getOrElse(() => ''));
+                : `+${remainingMs.toFixed(1)}ms`), "@foldkit/devtools/overlay.js#anonymous~64");
+        }), Option.getOrElse(() => __foldkitBrandViewResult((''), "@foldkit/devtools/overlay.js#anonymous~65")))), "@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'),
     ], ['Click a message to inspect']);
-    const noMessageView = () => h.div([
+    const noMessageView = () => __foldkitBrandViewResult((h.div([
         h.Class('flex-1 flex items-center justify-center text-dt-muted text-2xs font-mono min-w-0'),
-    ], ['init: no Message']);
-    const modelTabContent = (inspectedModel, expandedPaths, changedPaths, affectedPaths) => treeView(inspectedModel, 'root', expandedPaths, changedPaths, affectedPaths, Option.none(), true);
+    ], ['init: no Message'])), "@foldkit/devtools/overlay.js#noMessageView");
+    const modelTabContent = (inspectedModel, expandedPaths, changedPaths, affectedPaths) => __foldkitBrandViewResult((treeView(inspectedModel, 'root', expandedPaths, changedPaths, affectedPaths, Option.none(), true)), "@foldkit/devtools/overlay.js#modelTabContent");
     const unwrapToLeaf = (message) => {
         if (isTagged(message) &&
             GOT_MESSAGE_PATTERN.test(message._tag) &&
             Predicate.hasProperty(message, 'message') &&
             Predicate.isNotUndefined(message.message)) {
-            return unwrapToLeaf(message.message);
+            return __foldkitBrandViewResult((unwrapToLeaf(message.message)), "@foldkit/devtools/overlay.js#unwrapToLeaf");
         }
         else {
-            return message;
+            return __foldkitBrandViewResult((message), "@foldkit/devtools/overlay.js#unwrapToLeaf");
         }
     };
     const unwrapIfFiltered = (message, maybeSubmodelFilter) => {
         if (Option.isNone(maybeSubmodelFilter)) {
-            return message;
+            return __foldkitBrandViewResult((message), "@foldkit/devtools/overlay.js#unwrapIfFiltered");
         }
         const { value: filterTag } = maybeSubmodelFilter;
         let current = message;
@@ -775,44 +794,44 @@ const makeView = (position, mode, shadow, maybeBanner) => {
                 break;
             }
         }
-        return current;
+        return __foldkitBrandViewResult((current), "@foldkit/devtools/overlay.js#unwrapIfFiltered");
     };
-    const messageTabContent = (maybeInspectedMessage, maybeSubmodelFilter, isFlattened, expandedPaths, timestamp) => Option.match(maybeInspectedMessage, {
+    const messageTabContent = (maybeInspectedMessage, maybeSubmodelFilter, isFlattened, expandedPaths, timestamp) => __foldkitBrandViewResult((Option.match(maybeInspectedMessage, {
         onNone: noMessageView,
         onSome: rawMessage => {
             const message = isFlattened
                 ? unwrapToLeaf(rawMessage)
                 : unwrapIfFiltered(rawMessage, maybeSubmodelFilter);
-            return h.div([h.Class('flex flex-col flex-1 min-h-0 min-w-0')], [
+            return __foldkitBrandViewResult((h.div([h.Class('flex flex-col flex-1 min-h-0 min-w-0')], [
                 h.div([
                     h.Class('px-2 py-1 border-b text-2xs text-dt-muted font-mono shrink-0'),
                 ], [timestamp]),
                 h.div([h.Class('flex flex-col flex-1 min-h-0 min-w-0 pt-1 pl-1')], [
                     treeView(message, 'root', expandedPaths, HashSet.empty(), HashSet.empty(), Option.none(), false),
                 ]),
-            ]);
+            ])), "@foldkit/devtools/overlay.js#onSome~3");
         },
-    });
+    })), "@foldkit/devtools/overlay.js#messageTabContent");
     const selectedHistoryIndex = (model) => {
         const lastIndex = Array_.match(model.entries, {
-            onEmpty: () => INIT_INDEX,
-            onNonEmpty: () => model.startIndex + model.entries.length - 1,
+            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 M.value(mode).pipe(M.when('TimeTravel', () => model.isPaused ? model.pausedAtIndex : lastIndex), M.when('Inspect', () => model.selectedIndex), M.exhaustive);
+        return __foldkitBrandViewResult((M.value(mode).pipe(M.when('TimeTravel', () => __foldkitBrandViewResult((model.isPaused ? model.pausedAtIndex : lastIndex), "@foldkit/devtools/overlay.js#anonymous~66")), M.when('Inspect', () => __foldkitBrandViewResult((model.selectedIndex), "@foldkit/devtools/overlay.js#anonymous~67")), M.exhaustive)), "@foldkit/devtools/overlay.js#selectedHistoryIndex");
     };
     const selectedCommands = (model) => {
         const selectedIndex = selectedHistoryIndex(model);
         if (selectedIndex === INIT_INDEX) {
-            return model.initCommands;
+            return __foldkitBrandViewResult((model.initCommands), "@foldkit/devtools/overlay.js#selectedCommands");
         }
         else {
-            return pipe(model.entries, Array_.get(selectedIndex - model.startIndex), Option.map(entry => entry.commands), Option.getOrElse(() => NO_COMMANDS));
+            return __foldkitBrandViewResult((pipe(model.entries, Array_.get(selectedIndex - model.startIndex), Option.map(entry => __foldkitBrandViewResult((entry.commands), "@foldkit/devtools/overlay.js#anonymous~68")), Option.getOrElse(() => __foldkitBrandViewResult((NO_COMMANDS), "@foldkit/devtools/overlay.js#anonymous~69")))), "@foldkit/devtools/overlay.js#selectedCommands");
         }
     };
     const flattenCommand = (command, index, expandedPaths) => {
         const taggedValue = Option.match(command.args, {
-            onNone: () => ({ _tag: command.name }),
-            onSome: argsValue => ({ ...argsValue, _tag: command.name }),
+            onNone: () => (__foldkitBrandViewResult(({ _tag: command.name }), "@foldkit/devtools/overlay.js#onNone~7")),
+            onSome: argsValue => (__foldkitBrandViewResult(({ ...argsValue, _tag: command.name }), "@foldkit/devtools/overlay.js#onSome~4")),
         });
         const rootPath = `command-${index}`;
         const nodes = [];
@@ -828,38 +847,38 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             accumulator: nodes,
             indentRootChildren: false,
         });
-        return nodes;
+        return __foldkitBrandViewResult((nodes), "@foldkit/devtools/overlay.js#flattenCommand");
     };
-    const commandsTabContent = (commands, expandedPaths) => Array_.match(commands, {
-        onEmpty: () => h.div([
+    const commandsTabContent = (commands, expandedPaths) => __foldkitBrandViewResult((Array_.match(commands, {
+        onEmpty: () => __foldkitBrandViewResult((h.div([
             h.Class('flex-1 flex items-center justify-center text-dt-muted text-2xs font-mono min-w-0'),
-        ], ['No Commands returned']),
-        onNonEmpty: commandList => h.div([
+        ], ['No Commands returned'])), "@foldkit/devtools/overlay.js#onEmpty~5"),
+        onNonEmpty: commandList => __foldkitBrandViewResult((h.div([
             h.Class('flex flex-col flex-1 min-h-0 min-w-0 overflow-auto overscroll-none'),
-        ], Array_.map(commandList, (command, index) => h.div([h.Class('flex items-start px-2 py-1 border-b gap-1.5')], [
+        ], 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~70")))), "@foldkit/devtools/overlay.js#onNonEmpty~5"),
+    })), "@foldkit/devtools/overlay.js#commandsTabContent");
     const selectedMountActivity = (model) => {
         const selectedIndex = selectedHistoryIndex(model);
         if (selectedIndex === INIT_INDEX) {
-            return { starts: model.initMountStarts, ends: NO_MOUNTS };
+            return __foldkitBrandViewResult(({ starts: model.initMountStarts, ends: NO_MOUNTS }), "@foldkit/devtools/overlay.js#selectedMountActivity");
         }
         else {
-            return pipe(model.entries, Array_.get(selectedIndex - model.startIndex), Option.match({
-                onNone: () => ({ starts: NO_MOUNTS, ends: NO_MOUNTS }),
-                onSome: entry => ({
+            return __foldkitBrandViewResult((pipe(model.entries, Array_.get(selectedIndex - model.startIndex), Option.match({
+                onNone: () => (__foldkitBrandViewResult(({ starts: NO_MOUNTS, ends: NO_MOUNTS }), "@foldkit/devtools/overlay.js#onNone~8")),
+                onSome: entry => (__foldkitBrandViewResult(({
                     starts: entry.mountStarts,
                     ends: entry.mountEnds,
-                }),
-            }));
+                }), "@foldkit/devtools/overlay.js#onSome~5")),
+            }))), "@foldkit/devtools/overlay.js#selectedMountActivity");
         }
     };
     const flattenMount = (mount, sectionLabel, index, expandedPaths) => {
         const taggedValue = Option.match(mount.args, {
-            onNone: () => ({ _tag: mount.name }),
-            onSome: argsValue => ({ ...argsValue, _tag: mount.name }),
+            onNone: () => (__foldkitBrandViewResult(({ _tag: mount.name }), "@foldkit/devtools/overlay.js#onNone~9")),
+            onSome: argsValue => (__foldkitBrandViewResult(({ ...argsValue, _tag: mount.name }), "@foldkit/devtools/overlay.js#onSome~6")),
         });
         const rootPath = `mount-${sectionLabel}-${index}`;
         const nodes = [];
@@ -875,26 +894,26 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             accumulator: nodes,
             indentRootChildren: false,
         });
-        return nodes;
+        return __foldkitBrandViewResult((nodes), "@foldkit/devtools/overlay.js#flattenMount");
     };
-    const mountListSection = (label, mounts, expandedPaths) => h.div([h.Class('flex flex-col shrink-0')], [
+    const mountListSection = (label, mounts, expandedPaths) => __foldkitBrandViewResult((h.div([h.Class('flex flex-col shrink-0')], [
         h.div([
             h.Class('px-2 py-1 border-b text-2xs text-dt-muted font-mono shrink-0'),
         ], [label]),
-        ...Array_.map(mounts, (mount, index) => h.div([h.Class('flex items-start px-2 py-1 border-b gap-1.5')], [
+        ...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~71")),
+    ])), "@foldkit/devtools/overlay.js#mountListSection");
     const mountsTabContent = (starts, ends, expandedPaths) => {
         const hasAny = Array_.isReadonlyArrayNonEmpty(starts) ||
             Array_.isReadonlyArrayNonEmpty(ends);
         if (!hasAny) {
-            return h.div([
+            return __foldkitBrandViewResult((h.div([
                 h.Class('flex-1 flex items-center justify-center text-dt-muted text-2xs font-mono min-w-0'),
-            ], ['No Mounts during this render']);
+            ], ['No Mounts during this render'])), "@foldkit/devtools/overlay.js#mountsTabContent");
         }
-        return h.div([
+        return __foldkitBrandViewResult((h.div([
             h.Class('flex flex-col flex-1 min-h-0 min-w-0 overflow-auto overscroll-none'),
         ], [
             ...(Array_.isReadonlyArrayNonEmpty(starts)
@@ -903,31 +922,31 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             ...(Array_.isReadonlyArrayNonEmpty(ends)
                 ? [mountListSection('Ended', ends, expandedPaths)]
                 : []),
-        ]);
+        ])), "@foldkit/devtools/overlay.js#mountsTabContent");
     };
-    const inspectorTabContent = (model, tab, inspectedModel) => M.value(tab).pipe(M.when('Model', () => lazyTabContent('Model', modelTabContent, [
+    const inspectorTabContent = (model, tab, inspectedModel) => __foldkitBrandViewResult((M.value(tab).pipe(M.when('Model', () => __foldkitBrandViewResult((lazyTabContent('Model', modelTabContent, [
         inspectedModel,
         model.expandedPaths,
         model.changedPaths,
         model.affectedPaths,
-    ])), M.when('Message', () => lazyTabContent('Message', messageTabContent, [
+    ])), "@foldkit/devtools/overlay.js#anonymous~72")), M.when('Message', () => __foldkitBrandViewResult((lazyTabContent('Message', messageTabContent, [
         model.maybeInspectedMessage,
         model.maybeSubmodelFilter,
         model.isFlattened,
         model.expandedPaths,
         inspectedTimestamp(model),
-    ])), M.when('Commands', () => lazyTabContent('Commands', commandsTabContent, [
+    ])), "@foldkit/devtools/overlay.js#anonymous~73")), M.when('Commands', () => __foldkitBrandViewResult((lazyTabContent('Commands', commandsTabContent, [
         selectedCommands(model),
         model.expandedPaths,
-    ])), M.when('Mounts', () => {
+    ])), "@foldkit/devtools/overlay.js#anonymous~74")), M.when('Mounts', () => {
         const { starts, ends } = selectedMountActivity(model);
-        return lazyTabContent('Mounts', mountsTabContent, [
+        return __foldkitBrandViewResult((lazyTabContent('Mounts', mountsTabContent, [
             starts,
             ends,
             model.expandedPaths,
-        ]);
-    }), M.exhaustive);
-    const inspectorPaneView = (model) => h.div([
+        ])), "@foldkit/devtools/overlay.js#anonymous~75");
+    }), 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'),
     ], [
         h.submodel({
@@ -938,14 +957,14 @@ const makeView = (position, mode, shadow, maybeBanner) => {
                 tabs: INSPECTOR_TABS,
                 selectedValue: model.activeInspectorTab,
                 ariaLabel: 'Inspector tabs',
-                toView: ({ tablist, tabs, activeIndex }) => h.div([h.Class('flex flex-col flex-1 min-h-0')], [
-                    h.div([...tablist, h.Class('flex border-b shrink-0')], tabs.map(tab => h.button([
+                toView: ({ tablist, tabs, activeIndex }) => __foldkitBrandViewResult((h.div([h.Class('flex flex-col flex-1 min-h-0')], [
+                    h.div([...tablist, h.Class('flex border-b shrink-0')], tabs.map(tab => __foldkitBrandViewResult((h.button([
                         ...tab.tab,
                         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])]))),
-                    ...tabs.map(tab => h.div([
+                    ], [h.span([], [tab.value])])), "@foldkit/devtools/overlay.js#anonymous~76"))),
+                    ...tabs.map(tab => __foldkitBrandViewResult((h.div([
                         ...tab.panel,
                         h.Class('flex flex-col flex-1 min-h-0 min-w-0'),
                         h.Hidden(tab.index !== activeIndex),
@@ -954,17 +973,17 @@ const makeView = (position, mode, shadow, maybeBanner) => {
                             : [h.Style({ display: 'none' })]),
                     ], [
                         Option.match(model.maybeInspectedModel, {
-                            onNone: () => emptyInspectorView,
-                            onSome: inspectedModel => inspectorTabContent(model, tab.value, inspectedModel),
+                            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~77")),
+                ])), "@foldkit/devtools/overlay.js#toView"),
             },
-            toParentMessage: message => GotInspectorTabsMessage({ message }),
+            toParentMessage: message => __foldkitBrandViewResult((GotInspectorTabsMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage~2"),
         }),
-    ]);
+    ])), "@foldkit/devtools/overlay.js#inspectorPaneView");
     // MESSAGE LIST
-    const badgeView = (model) => h.button([
+    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()),
@@ -988,12 +1007,12 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             : h.div([
                 h.Class(clsx('flex flex-col items-center gap-0.5 font-semibold tracking-wider leading-none', model.isPaused ? 'text-dt-bg' : 'text-dt-muted')),
             ], [h.span([], ['D']), h.span([], ['E']), h.span([], ['V'])]),
-    ]);
+    ])), "@foldkit/devtools/overlay.js#badgeView");
     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 = () => h.button([h.Class(headerButtonClass), h.OnClick(ClickedClear())], ['Clear history']);
-    const submodelLabel = (tag) => pipe(tag, String_.replace(/^Got/, ''), String_.replace(/Message$/, ''));
+    const clearHistoryButton = () => __foldkitBrandViewResult((h.button([h.Class(headerButtonClass), h.OnClick(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([
         h.AriaHidden(true),
@@ -1006,7 +1025,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
     ], [
         h.path([h.D(CHECK_ICON), h.StrokeLinecap('round'), h.StrokeLinejoin('round')], []),
     ]);
-    const filterItemLabel = (item) => String_.isNonEmpty(item) ? submodelLabel(item) : 'All Messages';
+    const filterItemLabel = (item) => __foldkitBrandViewResult((String_.isNonEmpty(item) ? submodelLabel(item) : 'All Messages'), "@foldkit/devtools/overlay.js#filterItemLabel");
     const ARROW_UP = 'M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18';
     const arrowUpIconView = h.svg([
         h.AriaHidden(true),
@@ -1019,30 +1038,26 @@ const makeView = (position, mode, shadow, maybeBanner) => {
     ], [
         h.path([h.D(ARROW_UP), h.StrokeLinecap('round'), h.StrokeLinejoin('round')], []),
     ]);
-    const scrollToTopPillView = () => h.button([
-        h.Key('scroll-pill'),
-        h.Class('dt-scroll-pill'),
-        h.OnClick(ClickedScrollToTopPill()),
-    ], [
+    const scrollToTopPillView = () => __foldkitBrandViewResult((h.button([h.Class('dt-scroll-pill'), h.OnClick(ClickedScrollToTopPill())], [
         arrowUpIconView,
         h.span([h.Class('dt-scroll-pill-text')], ['Jump to top']),
-    ]);
+    ])), "@foldkit/devtools/overlay.js#scrollToTopPillView");
     const submodelFilterView = (model) => {
         const buttonLabel = Option.match(model.maybeSubmodelFilter, {
-            onNone: () => 'All Messages',
+            onNone: () => __foldkitBrandViewResult(('All Messages'), "@foldkit/devtools/overlay.js#onNone~11"),
             onSome: submodelLabel,
         });
-        return h.submodel({
+        return __foldkitBrandViewResult((h.submodel({
             slotId: 'submodel-filter',
             model: model.submodelFilterListbox,
             view: SubmodelFilterListbox.view,
             viewInputs: {
                 items: [ALL_MESSAGES_VALUE, ...model.submodelTags],
-                maybeSelectedValue: Option.orElseSome(model.maybeSubmodelFilter, () => ALL_MESSAGES_VALUE),
-                itemToConfig: item => ({
+                maybeSelectedValue: Option.orElseSome(model.maybeSubmodelFilter, () => __foldkitBrandViewResult((ALL_MESSAGES_VALUE), "@foldkit/devtools/overlay.js#anonymous~78")),
+                itemToConfig: item => (__foldkitBrandViewResult(({
                     className: 'dt-filter-item',
                     content: h.div([h.Class('flex items-center gap-2')], [checkIconView, h.span([], [filterItemLabel(item)])]),
-                }),
+                }), "@foldkit/devtools/overlay.js#itemToConfig")),
                 buttonContent: h.span([h.Class('flex flex-1 items-center justify-between')], [
                     h.span([], [buttonLabel]),
                     h.svg([
@@ -1064,18 +1079,17 @@ const makeView = (position, mode, shadow, maybeBanner) => {
                 buttonClassName: 'dt-filter-button',
                 itemsClassName: 'dt-filter-items',
                 className: 'dt-filter-wrapper',
-                attributes: childAttributes([h.Key('submodel-filter')]),
                 backdropClassName: 'dt-filter-backdrop',
             },
-            toParentMessage: message => GotSubmodelFilterMessage({ message }),
-        });
+            toParentMessage: message => __foldkitBrandViewResult((GotSubmodelFilterMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage~3"),
+        })), "@foldkit/devtools/overlay.js#submodelFilterView");
     };
     // SETTINGS
-    const flattenSwitchView = (model) => Switch.view({
+    const flattenSwitchView = (model) => __foldkitBrandViewResult((Switch.view({
         id: FLATTEN_SWITCH_ID,
         isChecked: model.isFlattened,
-        onToggle: isFlattened => ToggledFlatten({ isFlattened }),
-        toView: attributes => h.div([h.Class('dt-settings-row')], [
+        onToggle: isFlattened => __foldkitBrandViewResult((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')], [
                 h.label([...attributes.label, h.Class('dt-settings-row-label')], ['Flatten to leaf Message']),
@@ -1084,16 +1098,16 @@ const makeView = (position, mode, shadow, maybeBanner) => {
                     h.Class('dt-settings-row-description'),
                 ], ['Label each row with its innermost Message']),
             ]),
-        ]),
-    });
-    const settingsScreenView = (model) => h.keyed('div')('Settings', [h.Class('flex flex-col flex-1 min-h-0 overflow-y-auto overscroll-none')], [
+        ])), "@foldkit/devtools/overlay.js#toView~2"),
+    })), "@foldkit/devtools/overlay.js#flattenSwitchView");
+    const settingsScreenView = (model) => __foldkitBrandViewResult((h.div([h.Class('flex flex-col flex-1 min-h-0 overflow-y-auto overscroll-none')], [
         h.div([h.Class('flex flex-col')], [
             h.span([h.Class('dt-settings-section-title')], ['Message List']),
             flattenSwitchView(model),
         ]),
-    ]);
+    ])), "@foldkit/devtools/overlay.js#settingsScreenView");
     const headerView = (model) => {
-        const { status, maybeAction } = M.value(mode).pipe(M.withReturnType(), M.when('TimeTravel', () => model.isPaused
+        const { status, maybeAction } = M.value(mode).pipe(M.withReturnType(), M.when('TimeTravel', () => __foldkitBrandViewResult((model.isPaused
             ? {
                 status: h.span([h.Class(`${statusClass} text-dt-paused`)], [
                     model.pausedAtIndex === INIT_INDEX
@@ -1105,22 +1119,22 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             : {
                 status: h.span([h.Class(`${statusClass} text-dt-live font-medium`)], ['Live']),
                 maybeAction: Option.none(),
-            }), M.when('Inspect', () => ({
+            }), "@foldkit/devtools/overlay.js#anonymous~79")), 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 →'])),
-        })), M.exhaustive);
+        }), "@foldkit/devtools/overlay.js#anonymous~80"))), M.exhaustive);
         const maybeClearHistoryButton = OptionExt.when(!model.isPaused, clearHistoryButton());
-        return h.header([h.Class(headerClass)], [
+        return __foldkitBrandViewResult((h.header([h.Class(headerClass)], [
             status,
             ...Option.toArray(maybeAction),
             ...Option.toArray(maybeClearHistoryButton),
-        ]);
+        ])), "@foldkit/devtools/overlay.js#headerView");
     };
-    const initRowView = (isSelected, isPausedHere) => h.keyed('li')('init', [
+    const initRowView = (isSelected, isPausedHere) => __foldkitBrandViewResult((h.keyed('li')('init', [
         h.Class(clsx(ROW_BASE, { selected: isSelected })),
         h.OnClick(ClickedRow({ index: INIT_INDEX })),
     ], [
@@ -1128,7 +1142,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
         h.span([h.Class('dot-column')], []),
         h.span([h.Class(indexClass)], []),
         h.span([h.Class('text-base text-dt-muted font-mono')], ['init']),
-    ]);
+    ])), "@foldkit/devtools/overlay.js#initRowView");
     const pauseIconView = h.svg([
         h.AriaHidden(true),
         h.Class('dt-pause-icon'),
@@ -1144,7 +1158,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             h.D('M5.75 3v18M18.25 3v18'),
         ], []),
     ]);
-    const messageRowView = (tag, absoluteIndex, isSelected, isPausedHere, timeDelta, isModelChanged) => h.keyed('li')(String(absoluteIndex), [
+    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 })),
     ], [
@@ -1155,59 +1169,58 @@ const makeView = (position, mode, shadow, maybeBanner) => {
         h.span([
             h.Class('text-2xs text-dt-muted font-mono shrink-0 text-right min-w-5'),
         ], [formatTimeDelta(timeDelta)]),
-    ]);
+    ])), "@foldkit/devtools/overlay.js#messageRowView");
     const messageListBody = (entries, startIndex, selectedIndex, isPaused, pausedAtIndex, maybeFilterTag, isFlattened) => {
         const baseTimestamp = pipe(entries, Array_.head, Option.match({
-            onNone: () => 0,
-            onSome: ({ timestamp }) => timestamp,
+            onNone: () => __foldkitBrandViewResult((0), "@foldkit/devtools/overlay.js#onNone~12"),
+            onSome: ({ timestamp }) => __foldkitBrandViewResult((timestamp), "@foldkit/devtools/overlay.js#onSome~8"),
         }));
         const isInitSelected = selectedIndex === INIT_INDEX;
         const isFiltered = Option.isSome(maybeFilterTag);
-        const leafOrTag = (entry) => Option.getOrElse(entry.maybeLeafTag, () => entry.tag);
+        const leafOrTag = (entry) => __foldkitBrandViewResult((Option.getOrElse(entry.maybeLeafTag, () => __foldkitBrandViewResult((entry.tag), "@foldkit/devtools/overlay.js#anonymous~81"))), "@foldkit/devtools/overlay.js#leafOrTag");
         const displayTagFor = (entry) => {
             if (isFlattened) {
-                return leafOrTag(entry);
+                return __foldkitBrandViewResult((leafOrTag(entry)), "@foldkit/devtools/overlay.js#displayTagFor");
             }
             else {
-                return Option.match(maybeFilterTag, {
-                    onNone: () => entry.tag,
-                    onSome: filterTag => pipe(entry.submodelPath, Array_.findFirstIndex(pathTag => pathTag === filterTag), Option.flatMap(filterIndex => Array_.get(entry.submodelPath, Number_.increment(filterIndex))), Option.orElse(() => entry.maybeLeafTag), Option.getOrElse(() => entry.tag)),
-                });
+                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~82")), Option.flatMap(filterIndex => __foldkitBrandViewResult((Array_.get(entry.submodelPath, Number_.increment(filterIndex))), "@foldkit/devtools/overlay.js#anonymous~83")), Option.orElse(() => __foldkitBrandViewResult((entry.maybeLeafTag), "@foldkit/devtools/overlay.js#anonymous~84")), Option.getOrElse(() => __foldkitBrandViewResult((entry.tag), "@foldkit/devtools/overlay.js#anonymous~85")))), "@foldkit/devtools/overlay.js#onSome~9"),
+                })), "@foldkit/devtools/overlay.js#displayTagFor");
             }
         };
-        const indexedEntries = pipe(entries, Array_.map((entry, arrayIndex) => ({
+        const indexedEntries = pipe(entries, Array_.map((entry, arrayIndex) => (__foldkitBrandViewResult(({
             entry,
             absoluteIndex: startIndex + arrayIndex,
-        })), isFiltered
-            ? Array_.filter(({ entry }) => Array_.contains(entry.submodelPath, maybeFilterTag.value))
+        }), "@foldkit/devtools/overlay.js#anonymous~86"))), isFiltered
+            ? Array_.filter(({ entry }) => __foldkitBrandViewResult((Array_.contains(entry.submodelPath, maybeFilterTag.value)), "@foldkit/devtools/overlay.js#anonymous~87"))
             : Function.identity);
         const messageRows = pipe(indexedEntries, Array_.map(({ entry, absoluteIndex }) => {
             const isSelected = selectedIndex === absoluteIndex;
             const isPausedHere = isPaused && pausedAtIndex === absoluteIndex;
             const displayTag = displayTagFor(entry);
-            return lazyMessageRow(String(absoluteIndex), messageRowView, [
+            return __foldkitBrandViewResult((lazyMessageRow(String(absoluteIndex), messageRowView, [
                 displayTag,
                 absoluteIndex,
                 isSelected,
                 isPausedHere,
                 entry.timestamp - baseTimestamp,
                 entry.isModelChanged,
-            ]);
+            ])), "@foldkit/devtools/overlay.js#anonymous~88");
         }), Array_.reverse);
-        return h.ul([
-            h.Key('message-list'),
+        return __foldkitBrandViewResult((h.ul([
             h.Class('message-list flex-1 overflow-y-auto min-h-0 overscroll-none'),
-            h.OnScroll(scrollTop => ScrolledMessageList({ scrollTop })),
+            h.OnScroll(scrollTop => __foldkitBrandViewResult((ScrolledMessageList({ scrollTop })), "@foldkit/devtools/overlay.js#anonymous~89")),
         ], isFiltered
             ? messageRows
             : [
                 ...messageRows,
                 initRowView(isInitSelected, isPaused && pausedAtIndex === INIT_INDEX),
-            ]);
+            ])), "@foldkit/devtools/overlay.js#messageListBody");
     };
     const messageListView = (model) => {
         const selectedIndex = selectedHistoryIndex(model);
-        return lazyMessageList(messageListBody, [
+        return __foldkitBrandViewResult((lazyMessageList(messageListBody, [
             model.entries,
             model.startIndex,
             selectedIndex,
@@ -1215,24 +1228,24 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             model.pausedAtIndex,
             model.maybeSubmodelFilter,
             model.isFlattened,
-        ]);
+        ])), "@foldkit/devtools/overlay.js#messageListView");
     };
     // SCRUBBER
     const scrubberPositionLabel = (model) => {
         const total = String(model.entries.length).padStart(3, '0');
         const current = String(model.scrubberValue).padStart(3, '0');
-        return `${current} / ${total}`;
+        return __foldkitBrandViewResult((`${current} / ${total}`), "@foldkit/devtools/overlay.js#scrubberPositionLabel");
     };
-    const scrubberView = (model) => h.submodel({
+    const scrubberView = (model) => __foldkitBrandViewResult((h.submodel({
         slotId: model.scrubberSlider.id,
         model: model.scrubberSlider,
         view: Slider.view,
         viewInputs: {
             value: model.scrubberValue,
             ariaLabel: 'Session scrubber',
-            getTrackRoot: () => shadow,
-            formatValue: value => value === 0 ? 'init' : `Message ${String(value)}`,
-            toView: attributes => h.div([h.Class('flex items-center gap-3 flex-1 min-w-0')], [
+            getTrackRoot: () => __foldkitBrandViewResult((shadow), "@foldkit/devtools/overlay.js#getTrackRoot"),
+            formatValue: value => __foldkitBrandViewResult((value === 0 ? 'init' : `Message ${String(value)}`), "@foldkit/devtools/overlay.js#formatValue"),
+            toView: attributes => __foldkitBrandViewResult((h.div([h.Class('flex items-center gap-3 flex-1 min-w-0')], [
                 h.div([
                     ...attributes.root,
                     h.Class('dt-scrubber-control flex-1 flex items-center'),
@@ -1248,17 +1261,16 @@ const makeView = (position, mode, shadow, maybeBanner) => {
                 h.span([
                     h.Class('dt-scrubber-position text-2xs text-dt-muted font-mono shrink-0 tabular-nums'),
                 ], [scrubberPositionLabel(model)]),
-            ]),
+            ])), "@foldkit/devtools/overlay.js#toView~3"),
         },
-        toParentMessage: message => GotScrubberSliderMessage({ message }),
-    });
+        toParentMessage: message => __foldkitBrandViewResult((GotScrubberSliderMessage({ message })), "@foldkit/devtools/overlay.js#toParentMessage~4"),
+    })), "@foldkit/devtools/overlay.js#scrubberView");
     // FOOTER
     const isScrubberVisible = mode === 'TimeTravel';
     const GEAR_OUTER = 'M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z';
     const GEAR_INNER = 'M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z';
     const X_MARK = 'M6 18L18 6M6 6l12 12';
     const gearIconView = h.svg([
-        h.Key('gear-icon'),
         h.AriaHidden(true),
         h.Class('dt-settings-icon shrink-0'),
         h.Xmlns('http://www.w3.org/2000/svg'),
@@ -1271,7 +1283,6 @@ const makeView = (position, mode, shadow, maybeBanner) => {
         h.path([h.D(GEAR_INNER), h.StrokeLinecap('round'), h.StrokeLinejoin('round')], []),
     ]);
     const closeSettingsIconView = h.svg([
-        h.Key('close-icon'),
         h.AriaHidden(true),
         h.Class('dt-settings-icon shrink-0'),
         h.Xmlns('http://www.w3.org/2000/svg'),
@@ -1284,51 +1295,51 @@ const makeView = (position, mode, shadow, maybeBanner) => {
     ]);
     const settingsToggleView = (screen) => {
         const isSettingsOpen = screen === 'Settings';
-        return h.button([
+        return __foldkitBrandViewResult((h.button([
             h.Class(clsx('dt-settings-button', {
                 'dt-settings-button-active': isSettingsOpen,
             })),
             h.AriaLabel(isSettingsOpen ? 'Close settings' : 'Settings'),
             h.AriaPressed(String(isSettingsOpen)),
             h.OnClick(ClickedSettingsToggle()),
-        ], [isSettingsOpen ? closeSettingsIconView : gearIconView]);
+        ], [isSettingsOpen ? closeSettingsIconView : gearIconView])), "@foldkit/devtools/overlay.js#settingsToggleView");
     };
-    const footerView = (model) => h.div([
+    const footerView = (model) => __foldkitBrandViewResult((h.div([
         h.Class('dt-footer flex items-center gap-3 px-3 py-2 border-t shrink-0'),
     ], [
         settingsToggleView(model.screen),
         ...OptionExt.when(isScrubberVisible, scrubberView(model)).pipe(Option.toArray),
-    ]);
+    ])), "@foldkit/devtools/overlay.js#footerView");
     // PANEL
     const messagesScreenView = (model) => {
         const maybeSubmodelFilterView = OptionExt.when(Array_.isReadonlyArrayNonEmpty(model.submodelTags), submodelFilterView(model));
         const maybeScrollToTopPillView = OptionExt.when(!model.isFollowingTop, scrollToTopPillView());
-        return h.keyed('div')('Messages', [h.Class('flex flex-1 min-h-0 dt-content')], [
+        return __foldkitBrandViewResult((h.div([h.Class('flex flex-1 min-h-0 dt-content')], [
             h.div([h.Class('flex flex-col min-h-0 dt-message-pane')], [
                 ...Option.toArray(maybeSubmodelFilterView),
                 ...Option.toArray(maybeScrollToTopPillView),
                 messageListView(model),
             ]),
             inspectorPaneView(model),
-        ]);
+        ])), "@foldkit/devtools/overlay.js#messagesScreenView");
     };
-    const contentView = (model) => M.value(model.screen).pipe(M.withReturnType(), M.when('Messages', () => messagesScreenView(model)), M.when('Settings', () => settingsScreenView(model)), M.exhaustive);
-    const panelView = (model) => h.keyed('div')('dt-panel', [
+    const contentView = (model) => __foldkitBrandViewResult((M.value(model.screen).pipe(M.withReturnType(), M.when('Messages', () => __foldkitBrandViewResult((messagesScreenView(model)), "@foldkit/devtools/overlay.js#anonymous~90")), M.when('Settings', () => __foldkitBrandViewResult((settingsScreenView(model)), "@foldkit/devtools/overlay.js#anonymous~91")), 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 => h.div([
+        ...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])).pipe(Option.toArray),
+        ], [banner])), "@foldkit/devtools/overlay.js#anonymous~92")).pipe(Option.toArray),
         headerView(model),
         contentView(model),
         footerView(model),
-    ]);
-    const interactionBlocker = () => h.div([h.Class('dt-interaction-blocker')], []);
-    return (model) => h.div([], [
+    ])), "@foldkit/devtools/overlay.js#panelView");
+    const interactionBlocker = () => __foldkitBrandViewResult((h.div([h.Class('dt-interaction-blocker')], [])), "@foldkit/devtools/overlay.js#interactionBlocker");
+    return __foldkitBrandViewResult(((model) => __foldkitBrandViewResult((h.div([], [
         ...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~93")), "@foldkit/devtools/overlay.js#makeView");
 };
 // CREATE
 const createShadowContainer = () => {
@@ -1353,22 +1364,22 @@ const createShadowContainer = () => {
     shadow.appendChild(styleElement);
     const container = document.createElement('div');
     shadow.appendChild(container);
-    return { container, shadow };
+    return __foldkitBrandViewResult(({ container, shadow }), "@foldkit/devtools/overlay.js#createShadowContainer");
 };
-export const createOverlay = (store, position, mode, maybeBanner) => Effect.gen(function* () {
-    const { container, shadow } = yield* Effect.acquireRelease(Effect.sync(() => createShadowContainer()), createdShadowContainer => Effect.sync(() => {
+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~96")), createdShadowContainer => __foldkitBrandViewResult((Effect.sync(() => {
         createdShadowContainer.shadow.host.remove();
-    }));
+    })), "@foldkit/devtools/overlay.js#anonymous~97"));
     container.id = '__foldkit_devtools_overlay__';
     const flags = Effect.gen(function* () {
         const storeState = yield* SubscriptionRef.get(store.stateRef);
         const { isOpen, isFlattened } = yield* readPersistedState;
-        return {
+        return __foldkitBrandViewResult(({
             isOpen,
             isMobile: window.matchMedia(MOBILE_BREAKPOINT_QUERY).matches,
             isFlattened,
             ...toDisplayState(storeState),
-        };
+        }), "@foldkit/devtools/overlay.js#anonymous~99");
     });
     const init = (flags) => {
         const { isFlattened, ...displayFlags } = flags;
@@ -1376,7 +1387,7 @@ export const createOverlay = (store, position, mode, maybeBanner) => Effect.gen(
         const initialSliderValue = flags.isPaused
             ? hostIndexToSliderValue(flags.pausedAtIndex, flags.startIndex)
             : sliderMax;
-        return [
+        return __foldkitBrandViewResult(([
             {
                 screen: 'Messages',
                 ...displayFlags,
@@ -1406,7 +1417,7 @@ export const createOverlay = (store, position, mode, maybeBanner) => Effect.gen(
                 scrubberValue: Slider.snapAndClamp(initialSliderValue, 0, sliderMax, 1),
             },
             Option.toArray(maybeLockScroll(flags.isOpen, flags.isMobile)),
-        ];
+        ]), "@foldkit/devtools/overlay.js#init");
     };
     const overlayRuntime = makeElement({
         Model,
@@ -1421,4 +1432,4 @@ export const createOverlay = (store, position, mode, maybeBanner) => Effect.gen(
         freezeModel: false,
     });
     yield* Effect.forkScoped(overlayRuntime.start());
-});
+})), "@foldkit/devtools/overlay.js#createOverlay");