uidex 0.6.0 → 0.8.0

package/dist/headless/index.cjs

@@ -44,11 +44,6 @@ function isMetaEntity(entity) {
 function entityKey(entity) {
   return entity.kind === "route" ? entity.path : entity.id;
 }
-function sameRef(a, b) {
-  if (a === b) return true;
-  if (a === null || b === null) return false;
-  return a.kind === b.kind && a.id === b.id;
-}
 var UnknownEntityKindError = class extends Error {
   kind;
   constructor(kind) {
@@ -113,13 +108,14 @@ function createRegistry() {
   };
   const getPatternsForKind = (kind) => {
     const cached = patternCache.get(kind);
-    if (cached !== void 0)
-      return cached;
+    if (cached !== void 0) return cached;
     const patterns = [];
     for (const [key, entity] of store[kind]) {
-      if (key.endsWith("*")) {
+      if (key.includes("*")) {
+        const segments = key.split("*");
         patterns.push({
-          prefix: key.slice(0, -1),
+          segments,
+          staticLength: segments.reduce((n, s) => n + s.length, 0),
           entity
         });
       }
@@ -130,13 +126,25 @@ function createRegistry() {
     );
     return patterns;
   };
+  const matchesSegments = (segments, id) => {
+    const first = segments[0];
+    const last = segments[segments.length - 1];
+    if (!id.startsWith(first)) return false;
+    let pos = first.length;
+    for (let i = 1; i < segments.length - 1; i++) {
+      const idx = id.indexOf(segments[i], pos);
+      if (idx === -1) return false;
+      pos = idx + segments[i].length;
+    }
+    return id.endsWith(last) && id.length - last.length >= pos;
+  };
   const matchPattern = (kind, id) => {
     assertEntityKind(kind);
     const patterns = getPatternsForKind(kind);
     if (patterns.length === 0) return void 0;
     let best;
     for (const entry of patterns) {
-      if (id.startsWith(entry.prefix) && (best === void 0 || entry.prefix.length > best.prefix.length)) {
+      if (matchesSegments(entry.segments, id) && (best === void 0 || entry.staticLength > best.staticLength)) {
         best = entry;
       }
     }
@@ -318,8 +326,7 @@ var COMMAND_PALETTE_ENTRY = {
 function createModeStore(options) {
   const { nav, bindings } = options;
   const store = (0, import_vanilla.createStore)(() => ({
-    mode: "idle",
-    inspectorActive: false
+    mode: "idle"
   }));
   const transition = {
     openPalette() {
@@ -328,17 +335,17 @@ function createModeStore(options) {
         bindings?.destroyInspector?.();
       }
       nav.nav.reset([COMMAND_PALETTE_ENTRY]);
-      store.setState({ mode: "palette", inspectorActive: false });
+      store.setState({ mode: "palette" });
     },
     openInspector() {
       bindings?.mountInspector?.();
       nav.nav.clear();
-      store.setState({ mode: "inspecting", inspectorActive: true });
+      store.setState({ mode: "inspecting" });
     },
     closeInspector() {
       bindings?.destroyInspector?.();
       nav.nav.clear();
-      store.setState({ mode: "idle", inspectorActive: false });
+      store.setState({ mode: "idle" });
     },
     toggleInspector() {
       if (store.getState().mode === "inspecting") {
@@ -353,7 +360,7 @@ function createModeStore(options) {
         bindings?.destroyInspector?.();
       }
       nav.nav.reset(initialStack);
-      store.setState({ mode: "viewing", inspectorActive: false });
+      store.setState({ mode: "viewing" });
     },
     dismiss() {
       const prev = store.getState();
@@ -361,7 +368,7 @@ function createModeStore(options) {
         bindings?.destroyInspector?.();
       }
       nav.nav.clear();
-      store.setState({ mode: "idle", inspectorActive: false });
+      store.setState({ mode: "idle" });
     },
     popOrTransition() {
       const { stack } = nav.getState();
@@ -369,12 +376,12 @@ function createModeStore(options) {
         nav.nav.pop();
       } else if (stack.length === 2 && stack[0]?.id === "command-palette") {
         nav.nav.reset([COMMAND_PALETTE_ENTRY]);
-        store.setState({ mode: "palette", inspectorActive: false });
+        store.setState({ mode: "palette" });
       } else if (stack.length === 2) {
         nav.nav.pop();
       } else {
         nav.nav.clear();
-        store.setState({ mode: "idle", inspectorActive: false });
+        store.setState({ mode: "idle" });
       }
     },
     pushView(entry) {
@@ -391,7 +398,7 @@ function createModeStore(options) {
         case "inspecting":
           bindings?.destroyInspector?.();
           nav.nav.reset([entry]);
-          store.setState({ mode: "viewing", inspectorActive: false });
+          store.setState({ mode: "viewing" });
           break;
         case "palette":
         case "viewing":
@@ -426,14 +433,6 @@ function createNavigationStore() {
         store.setState({ stack: s.slice(0, -1) });
       }
     },
-    replace(entry) {
-      const s = store.getState().stack;
-      if (s.length === 0) {
-        store.setState({ stack: [entry] });
-      } else {
-        store.setState({ stack: [...s.slice(0, -1), entry] });
-      }
-    },
     clear() {
       store.setState({ stack: [] });
     },
@@ -448,15 +447,11 @@ function createNavigationStore() {
 
 // src/browser/session/store.ts
 var defaultSnapshot = {
-  hover: null,
-  selection: null,
   stack: [],
   pinnedHighlight: null,
-  inspectorActive: false,
+  mode: "idle",
   theme: "auto",
-  resolvedTheme: "light",
-  ingestActive: false,
-  user: null
+  resolvedTheme: "light"
 };
 function resolveTheme(preference, detect) {
   if (preference !== "auto") return preference;
@@ -506,7 +501,6 @@ function createSession(options = {}) {
       } else if (highlightMode === "transient") {
         onUpdateOverlay?.(hlCtx);
       }
-      store.setState({ hover: ref });
     },
     unhover() {
       if (highlightMode === "transient") {
@@ -516,7 +510,6 @@ function createSession(options = {}) {
         hlCtx.color = null;
         onHideOverlay?.();
       }
-      store.setState({ hover: null });
     },
     pin(ref) {
       const pinRef = ref ?? hlCtx.ref;
@@ -544,15 +537,11 @@ function createSession(options = {}) {
   };
   const store = (0, import_vanilla3.createStore)(() => ({
     ...defaultSnapshot,
-    hover: overrides.hover ?? null,
-    selection: overrides.selection ?? null,
     stack: [],
     pinnedHighlight: null,
-    inspectorActive: false,
+    mode: "idle",
     theme: initialPref,
-    resolvedTheme: initialResolved,
-    ingestActive: overrides.ingestActive ?? false,
-    user: overrides.user ?? null
+    resolvedTheme: initialResolved
   }));
   nav.subscribe(() => {
     const { stack } = nav.getState();
@@ -561,29 +550,21 @@ function createSession(options = {}) {
     }
   });
   modeStore.subscribe(() => {
-    const { inspectorActive } = modeStore.getState();
-    if (store.getState().inspectorActive !== inspectorActive) {
-      store.setState({ inspectorActive });
+    const { mode } = modeStore.getState();
+    if (store.getState().mode !== mode) {
+      store.setState({ mode });
     }
   });
   const session = store;
   session.nav = nav;
   session.mode = modeStore;
   session.highlight = highlightActions;
-  session.select = (ref) => {
-    if (sameRef(store.getState().selection, ref)) return;
-    store.setState({ selection: ref });
-  };
   session.setTheme = (theme, resolved) => {
     const state = store.getState();
     const nextResolved = resolved ?? resolveTheme(theme, detectTheme);
     if (state.theme === theme && state.resolvedTheme === nextResolved) return;
     store.setState({ theme, resolvedTheme: nextResolved });
   };
-  session.setIngest = (active) => {
-    if (store.getState().ingestActive === active) return;
-    store.setState({ ingestActive: active });
-  };
   if (initialStack.length > 0) {
     modeStore.transition.openPalette();
     for (let i = 1; i < initialStack.length; i++) {
@@ -604,8 +585,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
 @layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
-    --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, sans-serif;
     --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-700: oklch(50.5% 0.213 27.518);
@@ -658,7 +637,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
-    --container-sm: 24rem;
     --container-xl: 36rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -666,28 +644,22 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
     --text-sm--line-height: calc(1.25 / 0.875);
     --text-base: 1rem;
     --text-base--line-height: calc(1.5 / 1);
-    --text-xl: 1.25rem;
-    --text-xl--line-height: calc(1.75 / 1.25);
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
-    --font-weight-bold: 700;
     --tracking-tight: -0.025em;
     --tracking-widest: 0.1em;
     --leading-relaxed: 1.625;
-    --radius-md: calc(var(--radius) * 0.8);
     --radius-lg: var(--radius);
     --radius-xl: calc(var(--radius) * 1.4);
     --radius-2xl: calc(var(--radius) * 1.8);
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
-    --animate-spin: spin 1s linear infinite;
     --blur-sm: 8px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
     Roboto, sans-serif;
     --default-mono-font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
-    --color-muted: var(--muted);
     --color-border: var(--border);
   }
 }
@@ -855,17 +827,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .visible {
     visibility: visible;
   }
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip-path: inset(50%);
-    white-space: nowrap;
-    border-width: 0;
-  }
   .absolute {
     position: absolute;
   }
@@ -887,33 +848,12 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .end {
     inset-inline-end: var(--spacing);
   }
-  .-top-1 {
-    top: calc(var(--spacing) * -1);
-  }
-  .-right-1 {
-    right: calc(var(--spacing) * -1);
-  }
-  .right-0 {
-    right: calc(var(--spacing) * 0);
-  }
-  .right-2 {
-    right: calc(var(--spacing) * 2);
-  }
-  .bottom-full {
-    bottom: 100%;
-  }
-  .bottom-px {
-    bottom: 1px;
-  }
   .z-1 {
     z-index: 1;
   }
   .z-10 {
     z-index: 10;
   }
-  .z-\\[2147483647\\] {
-    z-index: 2147483647;
-  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -941,21 +881,12 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
-  .my-1 {
-    margin-block: calc(var(--spacing) * 1);
-  }
   .ms-auto {
     margin-inline-start: auto;
   }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
-  .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
-  }
-  .mb-6 {
-    margin-bottom: calc(var(--spacing) * 6);
-  }
   .ml-auto {
     margin-left: auto;
   }
@@ -974,26 +905,12 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .inline {
     display: inline;
   }
-  .inline-block {
-    display: inline-block;
-  }
   .inline-flex {
     display: inline-flex;
   }
-  .list-item {
-    display: list-item;
-  }
   .table {
     display: table;
   }
-  .size-2 {
-    width: calc(var(--spacing) * 2);
-    height: calc(var(--spacing) * 2);
-  }
-  .size-3 {
-    width: calc(var(--spacing) * 3);
-    height: calc(var(--spacing) * 3);
-  }
   .size-3\\.5 {
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);
@@ -1051,33 +968,15 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .h-\\[26rem\\] {
     height: 26rem;
   }
-  .h-auto {
-    height: auto;
-  }
   .h-full {
     height: 100%;
   }
-  .h-px {
-    height: 1px;
-  }
-  .max-h-32 {
-    max-height: calc(var(--spacing) * 32);
-  }
-  .max-h-full {
-    max-height: 100%;
-  }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
-  .min-h-7 {
-    min-height: calc(var(--spacing) * 7);
-  }
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
-  .min-h-20 {
-    min-height: calc(var(--spacing) * 20);
-  }
   .w-3\\.5 {
     width: calc(var(--spacing) * 3.5);
   }
@@ -1087,30 +986,15 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
-  .w-20 {
-    width: calc(var(--spacing) * 20);
-  }
-  .w-36 {
-    width: calc(var(--spacing) * 36);
-  }
   .w-56 {
     width: calc(var(--spacing) * 56);
   }
-  .w-auto {
-    width: auto;
-  }
   .w-full {
     width: 100%;
   }
   .w-px {
     width: 1px;
   }
-  .max-w-full {
-    max-width: 100%;
-  }
-  .max-w-sm {
-    max-width: var(--container-sm);
-  }
   .max-w-xl {
     max-width: var(--container-xl);
   }
@@ -1138,44 +1022,9 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .shrink-0 {
     flex-shrink: 0;
   }
-  .origin-bottom-left {
-    transform-origin: 0 100%;
-  }
-  .origin-bottom-right {
-    transform-origin: 100% 100%;
-  }
-  .-translate-x-0\\.5 {
-    --tw-translate-x: calc(var(--spacing) * -0.5);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .translate-x-0\\.5 {
-    --tw-translate-x: calc(var(--spacing) * 0.5);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .scale-84 {
-    --tw-scale-x: 84%;
-    --tw-scale-y: 84%;
-    --tw-scale-z: 84%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
-  .-rotate-10 {
-    rotate: calc(10deg * -1);
-  }
-  .rotate-10 {
-    rotate: 10deg;
-  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
-  .animate-skeleton {
-    animation: skeleton 2s -1s infinite linear;
-  }
-  .animate-spin {
-    animation: var(--animate-spin);
-  }
-  .cursor-default {
-    cursor: default;
-  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1185,18 +1034,9 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .scroll-py-2 {
     scroll-padding-block: calc(var(--spacing) * 2);
   }
-  .list-none {
-    list-style-type: none;
-  }
-  .appearance-none {
-    appearance: none;
-  }
   .flex-col {
     flex-direction: column;
   }
-  .flex-row {
-    flex-direction: row;
-  }
   .items-center {
     align-items: center;
   }
@@ -1209,15 +1049,9 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .justify-center {
     justify-content: center;
   }
-  .justify-start {
-    justify-content: flex-start;
-  }
   .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
-  .gap-0\\.5 {
-    gap: calc(var(--spacing) * 0.5);
-  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -1230,15 +1064,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
-  .gap-4 {
-    gap: calc(var(--spacing) * 4);
-  }
-  .gap-6 {
-    gap: calc(var(--spacing) * 6);
-  }
-  .self-start {
-    align-self: flex-start;
-  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1336,21 +1161,12 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
       background-color: color-mix(in oklab, var(--color-black) 32%, transparent);
     }
   }
-  .bg-black\\/80 {
-    background-color: color-mix(in srgb, #000 80%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
-    }
-  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
   .bg-border {
     background-color: var(--border);
   }
-  .bg-card {
-    background-color: var(--card);
-  }
   .bg-cyan-50 {
     background-color: var(--color-cyan-50);
   }
@@ -1366,15 +1182,9 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .bg-emerald-50 {
     background-color: var(--color-emerald-50);
   }
-  .bg-emerald-500 {
-    background-color: var(--color-emerald-500);
-  }
   .bg-fuchsia-50 {
     background-color: var(--color-fuchsia-50);
   }
-  .bg-info {
-    background-color: var(--info);
-  }
   .bg-info\\/10 {
     background-color: var(--info);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1426,18 +1236,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .bg-clip-padding {
     background-clip: padding-box;
   }
-  .bg-\\[right_0\\.5rem_center\\] {
-    background-position: right 0.5rem center;
-  }
-  .bg-no-repeat {
-    background-repeat: no-repeat;
-  }
-  .object-cover {
-    object-fit: cover;
-  }
-  .object-top {
-    object-position: top;
-  }
   .p-1 {
     padding: calc(var(--spacing) * 1);
   }
@@ -1450,12 +1248,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
-  .p-6 {
-    padding: calc(var(--spacing) * 6);
-  }
-  .px-0 {
-    padding-inline: calc(var(--spacing) * 0);
-  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -1477,27 +1269,15 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
-  .px-6 {
-    padding-inline: calc(var(--spacing) * 6);
-  }
-  .py-0 {
-    padding-block: calc(var(--spacing) * 0);
-  }
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
   }
   .py-1\\.5 {
     padding-block: calc(var(--spacing) * 1.5);
   }
-  .py-2 {
-    padding-block: calc(var(--spacing) * 2);
-  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
-  .py-12 {
-    padding-block: calc(var(--spacing) * 12);
-  }
   .py-\\[max\\(1rem\\,4vh\\)\\] {
     padding-block: max(1rem, 4vh);
   }
@@ -1510,12 +1290,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
-  .pr-8 {
-    padding-right: calc(var(--spacing) * 8);
-  }
-  .pl-3 {
-    padding-left: calc(var(--spacing) * 3);
-  }
   .text-center {
     text-align: center;
   }
@@ -1533,18 +1307,10 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
   }
-  .text-base\\/4\\.5 {
-    font-size: var(--text-base);
-    line-height: calc(var(--spacing) * 4.5);
-  }
   .text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
-  .text-xl {
-    font-size: var(--text-xl);
-    line-height: var(--tw-leading, var(--text-xl--line-height));
-  }
   .text-xs {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -1552,27 +1318,13 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .text-\\[0\\.625rem\\] {
     font-size: 0.625rem;
   }
-  .text-\\[9px\\] {
-    font-size: 9px;
-  }
-  .text-\\[10px\\] {
-    font-size: 10px;
-  }
   .text-\\[11px\\] {
     font-size: 11px;
   }
-  .leading-none {
-    --tw-leading: 1;
-    line-height: 1;
-  }
   .leading-relaxed {
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
   }
-  .font-bold {
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
-  }
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -1593,9 +1345,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
   }
-  .text-balance {
-    text-wrap: balance;
-  }
   .break-words {
     overflow-wrap: break-word;
   }
@@ -1620,9 +1369,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .text-cyan-700 {
     color: var(--color-cyan-700);
   }
-  .text-destructive {
-    color: var(--destructive);
-  }
   .text-destructive-foreground {
     color: var(--destructive-foreground);
   }
@@ -1688,18 +1434,12 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .line-through {
     text-decoration-line: line-through;
   }
-  .underline {
-    text-decoration-line: underline;
-  }
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
   .accent-accent {
     accent-color: var(--accent);
   }
-  .accent-primary {
-    accent-color: var(--primary);
-  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -1711,11 +1451,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%)), 0 4px 6px -4px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-sm\\/5 {
-    --tw-shadow-alpha: 5%;
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%)), 0 1px 2px -1px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-xs\\/5 {
     --tw-shadow-alpha: 5%;
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.05) l a b / 5%));
@@ -1725,14 +1460,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .shadow-none {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-xs {
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1797,10 +1524,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
-  .blur {
-    --tw-blur: blur(8px);
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -1836,15 +1559,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
     -webkit-user-select: none;
     user-select: none;
   }
-  .\\[--skeleton-highlight\\:--alpha\\(var\\(--color-white\\)\\/64\\%\\)\\] {
-    --skeleton-highlight: color-mix(in srgb, #fff 64%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --skeleton-highlight: color-mix(in oklab, var(--color-white) 64%, transparent);
-    }
-  }
-  .\\[background\\:linear-gradient\\(120deg\\,transparent_40\\%\\,var\\(--skeleton-highlight\\)\\,transparent_60\\%\\)_var\\(--color-muted\\)_0_0\\/200\\%_100\\%_fixed\\] {
-    background: linear-gradient(120deg,transparent 40%,var(--skeleton-highlight),transparent 60%) var(--color-muted) 0 0/200% 100% fixed;
-  }
   .\\[clip-path\\:inset\\(0_1px\\)\\] {
     clip-path: inset(0 1px);
   }
@@ -1928,12 +1642,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
       border-radius: calc(var(--radius-lg) - 1px);
     }
   }
-  .before\\:rounded-\\[calc\\(var\\(--radius-md\\)-1px\\)\\] {
-    &::before {
-      content: var(--tw-content);
-      border-radius: calc(var(--radius-md) - 1px);
-    }
-  }
   .before\\:rounded-\\[calc\\(var\\(--radius-xl\\)-1px\\)\\] {
     &::before {
       content: var(--tw-content);
@@ -1966,25 +1674,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .focus-within\\:border-ring {
-    &:focus-within {
-      border-color: var(--ring);
-    }
-  }
-  .focus-within\\:ring-\\[3px\\] {
-    &:focus-within {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
-  .focus-within\\:ring-ring\\/30 {
-    &:focus-within {
-      --tw-ring-color: var(--ring);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
-      }
-    }
-  }
   .hover\\:border-destructive\\/30 {
     &:hover {
       @media (hover: hover) {
@@ -2082,36 +1771,17 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
       outline-style: none;
     }
   }
-  .focus-visible\\:border-ring {
-    &:focus-visible {
-      border-color: var(--ring);
-    }
-  }
   .focus-visible\\:ring-2 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .focus-visible\\:ring-\\[3px\\] {
-    &:focus-visible {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
   .focus-visible\\:ring-ring {
     &:focus-visible {
       --tw-ring-color: var(--ring);
     }
   }
-  .focus-visible\\:ring-ring\\/30 {
-    &:focus-visible {
-      --tw-ring-color: var(--ring);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
-      }
-    }
-  }
   .focus-visible\\:ring-offset-1 {
     &:focus-visible {
       --tw-ring-offset-width: 1px;
@@ -2128,11 +1798,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
       pointer-events: none;
     }
   }
-  .disabled\\:cursor-not-allowed {
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
   .disabled\\:opacity-50 {
     &:disabled {
       opacity: 50%;
@@ -2143,29 +1808,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
       opacity: 60%;
     }
   }
-  .has-disabled\\:opacity-60 {
-    &:has(*:disabled) {
-      opacity: 60%;
-    }
-  }
-  .aria-invalid\\:border-destructive\\/40 {
-    &[aria-invalid="true"] {
-      border-color: var(--destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
-      }
-    }
-  }
-  .aria-invalid\\:focus-visible\\:ring-destructive\\/20 {
-    &[aria-invalid="true"] {
-      &:focus-visible {
-        --tw-ring-color: var(--destructive);
-        @supports (color: color-mix(in lab, red, red)) {
-          --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
-        }
-      }
-    }
-  }
   .data-\\[disabled\\]\\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -2202,12 +1844,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
-  .sm\\:text-sm\\/4 {
-    @media (width >= 40rem) {
-      font-size: var(--text-sm);
-      line-height: calc(var(--spacing) * 4);
-    }
-  }
   .dark\\:bg-amber-400\\/10 {
     &:is(.dark *, :host(.dark) *) {
       background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
@@ -2421,14 +2057,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
       }
     }
   }
-  .dark\\:\\[--skeleton-highlight\\:--alpha\\(var\\(--color-white\\)\\/4\\%\\)\\] {
-    &:is(.dark *, :host(.dark) *) {
-      --skeleton-highlight: color-mix(in srgb, #fff 4%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --skeleton-highlight: color-mix(in oklab, var(--color-white) 4%, transparent);
-      }
-    }
-  }
   .dark\\:group-data-hover\\:bg-amber-400\\/20 {
     &:is(.dark *, :host(.dark) *) {
       &:is(:where(.group)[data-hover] *) {
@@ -2548,38 +2176,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
       height: calc(var(--spacing) * 4);
     }
   }
-  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4\\.5 {
-    & svg:not([class*='size-']) {
-      width: calc(var(--spacing) * 4.5);
-      height: calc(var(--spacing) * 4.5);
-    }
-  }
-  .\\[\\&\\>svg\\]\\:pointer-events-none {
-    &>svg {
-      pointer-events: none;
-    }
-  }
-  .\\[\\&\\>svg\\]\\:-mx-0\\.5 {
-    &>svg {
-      margin-inline: calc(var(--spacing) * -0.5);
-    }
-  }
-  .\\[\\&\\>svg\\]\\:shrink-0 {
-    &>svg {
-      flex-shrink: 0;
-    }
-  }
-  .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'opacity-\\'\\]\\)\\]\\:opacity-80 {
-    &>svg:not([class*='opacity-']) {
-      opacity: 80%;
-    }
-  }
-  .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {
-    &>svg:not([class*='size-']) {
-      width: calc(var(--spacing) * 4);
-      height: calc(var(--spacing) * 4);
-    }
-  }
   .\\[\\[data-kbd-nav\\]_\\&\\]\\:focus-within\\:bg-accent {
     [data-kbd-nav] & {
       &:focus-within {
@@ -2812,36 +2408,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   --warning: var(--color-amber-500);
   --warning-foreground: var(--color-amber-700);
 }
-@property --tw-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
@@ -3067,20 +2633,9 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   initial-value: "";
   inherits: false;
 }
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
@@ -3141,11 +2696,10 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
 
 // src/browser/surface/constants.ts
 var SURFACE_HOST_CLASS = "uidex-surface-host";
-var SURFACE_CONTAINER_CLASS = "uidex-container";
 var Z_BASE = 2147483630;
 var Z_OVERLAY = 2147483635;
 var Z_CHROME = 2147483645;
-var SURFACE_IGNORE_SELECTOR = `.${SURFACE_HOST_CLASS},.${SURFACE_CONTAINER_CLASS}`;
+var SURFACE_IGNORE_SELECTOR = `.${SURFACE_HOST_CLASS}`;
 var UIDEX_ATTR_TO_KIND = [
   ["data-uidex", "element"],
   ["data-uidex-region", "region"],
@@ -3432,7 +2986,6 @@ function createInspector(options) {
     e.preventDefault();
     e.stopPropagation();
     const match = stack[layerIndex];
-    session.select(match.ref);
     onSelect?.(match, { x: e.clientX, y: e.clientY });
   };
   const onContextMenu = (e) => {
@@ -3545,11 +3098,8 @@ function createMenuBar(options) {
     container,
     session,
     initialCorner = "bottom-right",
-    appTitle,
-    channel = null,
-    pinLayer: initialPinLayer = null
+    appTitle
   } = options;
-  let activePinLayer = initialPinLayer;
   const root = el("div", {
     class: ROOT_CLASS,
     attrs: {
@@ -3614,162 +3164,6 @@ function createMenuBar(options) {
     inspectBtn.blur();
   });
   root.appendChild(inspectBtn);
-  const pinIcon = (0, import_lucide3.createElement)(import_lucide3.MapPin);
-  pinIcon.setAttribute("class", "size-3.5");
-  pinIcon.setAttribute("aria-hidden", "true");
-  const pinBtn = el(
-    "button",
-    {
-      class: BUTTON_CLASS,
-      attrs: {
-        type: "button",
-        "data-uidex-menubar-pins": "",
-        "aria-label": "Report pins"
-      }
-    },
-    pinIcon
-  );
-  const commitCycler = el("div", {
-    class: "relative z-1 inline-flex items-center gap-0.5",
-    attrs: { "data-uidex-menubar-commit-cycler": "" }
-  });
-  commitCycler.hidden = true;
-  const prevIcon = (0, import_lucide3.createElement)(import_lucide3.ChevronLeft);
-  prevIcon.setAttribute("class", "size-3");
-  prevIcon.setAttribute("aria-hidden", "true");
-  const prevBtn = el(
-    "button",
-    {
-      class: BUTTON_CLASS,
-      attrs: { type: "button", "aria-label": "Previous commit" },
-      style: { width: "18px", height: "18px" }
-    },
-    prevIcon
-  );
-  const commitLabel = el("span", {
-    class: "relative z-1 whitespace-nowrap px-1 text-[10px] font-mono text-muted-foreground",
-    attrs: { "data-uidex-menubar-commit-label": "" }
-  });
-  const nextIcon = (0, import_lucide3.createElement)(import_lucide3.ChevronRight);
-  nextIcon.setAttribute("class", "size-3");
-  nextIcon.setAttribute("aria-hidden", "true");
-  const nextBtn = el(
-    "button",
-    {
-      class: BUTTON_CLASS,
-      attrs: { type: "button", "aria-label": "Next commit" },
-      style: { width: "18px", height: "18px" }
-    },
-    nextIcon
-  );
-  commitCycler.appendChild(prevBtn);
-  commitCycler.appendChild(commitLabel);
-  commitCycler.appendChild(nextBtn);
-  const pinWrapper = el("div", {
-    class: "relative z-1 inline-flex items-center gap-0.5",
-    attrs: { "data-uidex-menubar-pin-wrapper": "" }
-  });
-  pinWrapper.hidden = true;
-  pinWrapper.appendChild(pinBtn);
-  pinWrapper.appendChild(commitCycler);
-  root.appendChild(pinWrapper);
-  const updatePinUI = () => {
-    if (!activePinLayer) {
-      pinWrapper.hidden = true;
-      return;
-    }
-    const pinsVisible = activePinLayer.visible;
-    const state = activePinLayer.filterState;
-    const hasCommits = state.commits.length > 0;
-    pinWrapper.hidden = false;
-    commitCycler.hidden = !pinsVisible || !hasCommits;
-    if (state.commitIndex === -1 || !state.commits[state.commitIndex]) {
-      commitLabel.textContent = `all (${state.commits.length})`;
-    } else {
-      const sha = state.commits[state.commitIndex] ?? "";
-      commitLabel.textContent = sha.slice(0, 7);
-    }
-    pinBtn.className = cn(BUTTON_CLASS, pinsVisible && BUTTON_ACTIVE_CLASS);
-  };
-  pinBtn.addEventListener("click", (e) => {
-    e.stopPropagation();
-    if (activePinLayer) {
-      activePinLayer.setVisible(!activePinLayer.visible);
-    }
-  });
-  prevBtn.addEventListener("click", (e) => {
-    e.stopPropagation();
-    activePinLayer?.prevCommit();
-  });
-  nextBtn.addEventListener("click", (e) => {
-    e.stopPropagation();
-    activePinLayer?.nextCommit();
-  });
-  let unsubscribePinFilter = activePinLayer?.onFilterChange(() => updatePinUI());
-  const presenceIcon = (0, import_lucide3.createElement)(import_lucide3.Users);
-  presenceIcon.setAttribute("class", "size-3.5");
-  presenceIcon.setAttribute("aria-hidden", "true");
-  const presenceBtn = el(
-    "button",
-    {
-      class: BUTTON_CLASS,
-      attrs: {
-        type: "button",
-        "data-uidex-menubar-presence": "",
-        "aria-label": "Online users"
-      }
-    },
-    presenceIcon
-  );
-  presenceBtn.hidden = true;
-  const presenceBadge = el("span", {
-    class: "absolute -top-1 -right-1 z-1 inline-flex size-3.5 items-center justify-center rounded-full bg-info text-[9px] font-bold leading-none text-info-foreground"
-  });
-  presenceBtn.appendChild(presenceBadge);
-  const presencePopover = el("div", {
-    class: "absolute bottom-full mb-2 right-0 min-w-32 rounded-lg border border-border bg-popover p-2 text-xs text-popover-foreground shadow-lg"
-  });
-  presencePopover.hidden = true;
-  let presencePopoverVisible = false;
-  presenceBtn.addEventListener("click", (e) => {
-    e.stopPropagation();
-    presencePopoverVisible = !presencePopoverVisible;
-    presencePopover.hidden = !presencePopoverVisible;
-  });
-  const presenceWrapper = el("div", { class: "relative z-1 inline-flex" }, [
-    presenceBtn,
-    presencePopover
-  ]);
-  presenceWrapper.hidden = true;
-  root.appendChild(presenceWrapper);
-  let presenceUsers = [];
-  const updatePresenceUI = () => {
-    const localUserId = session.getState().user?.id ?? null;
-    const peers = localUserId ? presenceUsers.filter((u) => u.userId !== localUserId) : presenceUsers;
-    const count = peers.length;
-    presenceWrapper.hidden = count === 0;
-    presenceBadge.textContent = String(count);
-    presenceBtn.setAttribute(
-      "aria-label",
-      count === 1 ? "1 other user online" : `${count} other users online`
-    );
-    presencePopover.innerHTML = "";
-    for (const user of peers) {
-      const row = el("div", {
-        class: "flex items-center gap-2 rounded px-1.5 py-1"
-      });
-      const dot = el("span", {
-        class: "inline-block size-2 shrink-0 rounded-full bg-emerald-500"
-      });
-      const name = el("span", {
-        class: "truncate",
-        text: user.name || "Anonymous"
-      });
-      row.appendChild(dot);
-      row.appendChild(name);
-      presencePopover.appendChild(row);
-    }
-  };
   const paletteIcon = (0, import_lucide3.createElement)(import_lucide3.Command);
   paletteIcon.setAttribute("class", "size-3.5");
   paletteIcon.setAttribute("aria-hidden", "true");
@@ -3798,7 +3192,7 @@ function createMenuBar(options) {
   container.appendChild(root);
   const syncButtonStates = () => {
     const state = session.getState();
-    const inspectActive = state.inspectorActive;
+    const inspectActive = state.mode === "inspecting";
     inspectBtn.setAttribute(
       "data-uidex-menubar-inspect-active",
       inspectActive ? "true" : "false"
@@ -3884,28 +3278,14 @@ function createMenuBar(options) {
     const vertical = y / (window.innerHeight || 1) < 0.5 ? "top" : "bottom";
     snapTo(`${vertical}-${horizontal}`);
   }
-  const unsubscribePresence = channel?.onPresence(
-    (users) => {
-      presenceUsers = users;
-      updatePresenceUI();
-    }
-  );
   return {
     destroy() {
-      unsubscribePinFilter?.();
-      unsubscribePresence?.();
       unsubscribeSession();
       root.removeEventListener("mousedown", onMouseDown);
       document.removeEventListener("mousemove", onMouseMove);
       document.removeEventListener("mouseup", onMouseUp);
       root.remove();
     },
-    setPinLayer(layer) {
-      unsubscribePinFilter?.();
-      activePinLayer = layer;
-      unsubscribePinFilter = layer.onFilterChange(() => updatePinUI());
-      updatePinUI();
-    },
     snapTo,
     snapToNearest,
     get corner() {
@@ -3917,6 +3297,49 @@ function createMenuBar(options) {
   };
 }
 
+// src/browser/internal/repositioner.ts
+function createRepositioner(onReflow) {
+  let rafId = null;
+  let attached = false;
+  const schedule = () => {
+    if (rafId !== null) return;
+    rafId = typeof requestAnimationFrame === "function" ? requestAnimationFrame(() => {
+      rafId = null;
+      onReflow();
+    }) : setTimeout(() => {
+      rafId = null;
+      onReflow();
+    }, 0);
+  };
+  const cancel = () => {
+    if (rafId === null) return;
+    if (typeof cancelAnimationFrame === "function") cancelAnimationFrame(rafId);
+    else clearTimeout(rafId);
+    rafId = null;
+  };
+  const onScroll = () => schedule();
+  const onResize = () => schedule();
+  const attach = () => {
+    if (attached) return;
+    attached = true;
+    window.addEventListener("resize", onResize);
+    window.addEventListener("scroll", onScroll, {
+      capture: true,
+      passive: true
+    });
+  };
+  const detach = () => {
+    if (!attached) return;
+    attached = false;
+    window.removeEventListener("resize", onResize);
+    window.removeEventListener("scroll", onScroll, {
+      capture: true
+    });
+    cancel();
+  };
+  return { schedule, cancel, attach, detach };
+}
+
 // src/browser/surface/overlay.ts
 var DEFAULT_COLOR = "#34d399";
 var DEFAULT_BORDER_WIDTH = 2;
@@ -3984,44 +3407,7 @@ function createOverlay(deps) {
     fillOpacity: DEFAULT_FILL_OPACITY,
     backdrop: false
   };
-  let rafId = null;
-  let attached = false;
-  const schedule = () => {
-    if (rafId !== null) return;
-    rafId = typeof requestAnimationFrame === "function" ? requestAnimationFrame(() => {
-      rafId = null;
-      updatePosition();
-    }) : setTimeout(() => {
-      rafId = null;
-      updatePosition();
-    }, 0);
-  };
-  const cancelSchedule = () => {
-    if (rafId === null) return;
-    if (typeof cancelAnimationFrame === "function") cancelAnimationFrame(rafId);
-    else clearTimeout(rafId);
-    rafId = null;
-  };
-  const onScroll = () => schedule();
-  const onResize = () => schedule();
-  const attach = () => {
-    if (attached) return;
-    attached = true;
-    window.addEventListener("resize", onResize);
-    window.addEventListener("scroll", onScroll, {
-      capture: true,
-      passive: true
-    });
-  };
-  const detach = () => {
-    if (!attached) return;
-    attached = false;
-    window.removeEventListener("resize", onResize);
-    window.removeEventListener("scroll", onScroll, {
-      capture: true
-    });
-    cancelSchedule();
-  };
+  const repositioner = createRepositioner(() => updatePosition());
   function updatePosition() {
     if (!target) return;
     const rect = target.getBoundingClientRect();
@@ -4085,16 +3471,16 @@ function createOverlay(deps) {
         box.offsetHeight;
       }
       box.style.opacity = "1";
-      attach();
+      repositioner.attach();
     },
     hide() {
       target = null;
       box.style.opacity = "0";
       backdrop.style.opacity = "0";
-      detach();
+      repositioner.detach();
     },
     destroy() {
-      detach();
+      repositioner.detach();
       box.remove();
       backdrop.remove();
       target = null;
@@ -4211,8 +3597,7 @@ function createSurfaceShell(options) {
   const overlay = createOverlay({ container: host.shadowRoot });
   cleanup.add(overlay);
   const tooltip = createCursorTooltip({
-    container: host.chromeEl,
-    session: options.session
+    container: host.chromeEl
   });
   cleanup.add(tooltip);
   const afterHover = options.inspector?.onAfterHover;
@@ -4258,9 +3643,7 @@ function createSurfaceShell(options) {
     container: host.chromeEl,
     session: options.session,
     initialCorner: options.initialCorner,
-    appTitle: options.appTitle,
-    channel: options.channel ?? null,
-    pinLayer: options.pinLayer ?? null
+    appTitle: options.appTitle
   });
   cleanup.add(menuBar);
   return {