uidex 0.7.0 → 0.8.0

package/dist/react/index.js

@@ -3,7 +3,6 @@
 
 // src/integrations/react/provider.tsx
 import { createContext, useEffect, useState } from "react";
-import { cloud as createCloud } from "uidex/cloud";
 
 // src/shared/entities/types.ts
 var ENTITY_KINDS = [
@@ -287,207 +286,6 @@ function displayName(entity, node) {
   return prettify(entity.id);
 }
 
-// src/browser/ingest/console.ts
-var DEFAULT_LIMIT = 50;
-var LEVELS = ["warn", "error"];
-function formatMessage(args) {
-  return args.map((arg) => {
-    if (typeof arg === "string") return arg;
-    if (arg instanceof Error) return arg.stack ?? arg.message;
-    try {
-      return JSON.stringify(arg);
-    } catch {
-      return String(arg);
-    }
-  }).join(" ");
-}
-function createConsoleCapture(options = {}) {
-  const limit = options.limit ?? DEFAULT_LIMIT;
-  const target = options.target ?? console;
-  const now = options.now ?? (() => /* @__PURE__ */ new Date());
-  const buffer = [];
-  const originals = {};
-  let active = false;
-  function record(level, args) {
-    const entry = {
-      level,
-      message: formatMessage(args),
-      timestamp: now().toISOString()
-    };
-    buffer.push(entry);
-    if (buffer.length > limit) buffer.splice(0, buffer.length - limit);
-  }
-  function start() {
-    if (active) return;
-    for (const level of LEVELS) {
-      const original = target[level];
-      originals[level] = original;
-      const wrapped = (...args) => {
-        record(level, args);
-        original.call(target, ...args);
-      };
-      target[level] = wrapped;
-    }
-    active = true;
-  }
-  function stop() {
-    if (!active) return;
-    for (const level of LEVELS) {
-      const original = originals[level];
-      if (original) {
-        ;
-        target[level] = original;
-      }
-      delete originals[level];
-    }
-    active = false;
-  }
-  return {
-    start,
-    stop,
-    get isActive() {
-      return active;
-    },
-    entries() {
-      return buffer.slice();
-    },
-    clear() {
-      buffer.length = 0;
-    }
-  };
-}
-
-// src/browser/ingest/native-fetch.ts
-var nativeFetch = typeof globalThis !== "undefined" && typeof globalThis.fetch === "function" ? globalThis.fetch.bind(globalThis) : void 0;
-
-// src/browser/ingest/network.ts
-var DEFAULT_LIMIT2 = 20;
-function resolveMethod(input, init) {
-  if (init?.method) return init.method.toUpperCase();
-  if (typeof input !== "string" && !(input instanceof URL) && "method" in input) {
-    return input.method.toUpperCase();
-  }
-  return "GET";
-}
-function resolveUrl(input) {
-  if (typeof input === "string") return input;
-  if (input instanceof URL) return input.toString();
-  return input.url;
-}
-function createNetworkCapture(options = {}) {
-  const limit = options.limit ?? DEFAULT_LIMIT2;
-  const target = options.target ?? globalThis;
-  const now = options.now ?? (() => /* @__PURE__ */ new Date());
-  const buffer = [];
-  let original;
-  let active = false;
-  function push(entry) {
-    buffer.push(entry);
-    if (buffer.length > limit) buffer.splice(0, buffer.length - limit);
-  }
-  function start() {
-    if (active) return;
-    const baseline = target.fetch ?? nativeFetch;
-    if (!baseline) return;
-    original = baseline;
-    const wrapped = async (input, init) => {
-      const method = resolveMethod(input, init);
-      const url = resolveUrl(input);
-      try {
-        const res = await baseline(input, init);
-        if (res.status >= 400) {
-          push({
-            method,
-            url,
-            status: res.status,
-            timestamp: now().toISOString()
-          });
-        }
-        return res;
-      } catch (err) {
-        push({
-          method,
-          url,
-          status: 0,
-          timestamp: now().toISOString(),
-          error: err instanceof Error ? err.message : String(err)
-        });
-        throw err;
-      }
-    };
-    target.fetch = wrapped;
-    active = true;
-  }
-  function stop() {
-    if (!active) return;
-    if (original) target.fetch = original;
-    original = void 0;
-    active = false;
-  }
-  return {
-    start,
-    stop,
-    get isActive() {
-      return active;
-    },
-    entries() {
-      return buffer.slice();
-    },
-    clear() {
-      buffer.length = 0;
-    }
-  };
-}
-
-// src/browser/ingest/index.ts
-function createIngest(options = {}) {
-  const opts = options;
-  const wantConsole = opts.captureConsole !== false;
-  const wantNetwork = opts.captureNetwork !== false;
-  const consoleCapture = wantConsole ? createConsoleCapture({
-    limit: opts.consoleLimit,
-    target: opts.consoleTarget,
-    now: opts.now
-  }) : null;
-  const networkCapture = wantNetwork ? createNetworkCapture({
-    limit: opts.networkLimit,
-    target: opts.networkTarget,
-    now: opts.now
-  }) : null;
-  let active = false;
-  function start() {
-    if (active) return;
-    consoleCapture?.start();
-    networkCapture?.start();
-    active = Boolean(consoleCapture?.isActive || networkCapture?.isActive);
-  }
-  function stop() {
-    if (!active) return;
-    consoleCapture?.stop();
-    networkCapture?.stop();
-    active = false;
-  }
-  return {
-    start,
-    stop,
-    get isActive() {
-      return active;
-    },
-    console: consoleCapture,
-    network: networkCapture
-  };
-}
-function resolveIngestOptions(explicit, hasCloud) {
-  if (explicit === null) return null;
-  if (explicit === void 0) {
-    return hasCloud ? { captureConsole: true, captureNetwork: true } : null;
-  }
-  if (explicit.captureConsole === false && explicit.captureNetwork === false) {
-    return null;
-  }
-  return explicit;
-}
-
 // src/browser/internal/cleanup.ts
 function createCleanupStack() {
   const stack = [];
@@ -521,60 +319,6 @@ function composeCleanups(cleanups) {
   };
 }
 
-// src/browser/internal/dark-mode.ts
-function isDarkMode() {
-  if (typeof document !== "undefined") {
-    const root = document.documentElement;
-    if (root?.classList.contains("dark")) return true;
-    if (root?.classList.contains("light")) return false;
-  }
-  if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches;
-  }
-  return false;
-}
-
-// src/browser/internal/route-change.ts
-var ROUTE_CHANGE_EVENT = "uidex:routechange";
-var patched = false;
-function ensureHistoryPatched() {
-  if (patched) return;
-  if (typeof window === "undefined" || typeof history === "undefined") return;
-  patched = true;
-  const dispatch = () => {
-    window.dispatchEvent(new Event(ROUTE_CHANGE_EVENT));
-  };
-  const origPush = history.pushState;
-  history.pushState = function(...args) {
-    const result = origPush.apply(
-      this,
-      args
-    );
-    dispatch();
-    return result;
-  };
-  const origReplace = history.replaceState;
-  history.replaceState = function(...args) {
-    const result = origReplace.apply(
-      this,
-      args
-    );
-    dispatch();
-    return result;
-  };
-}
-function bindRouteChange(handler) {
-  if (typeof window === "undefined") return () => {
-  };
-  ensureHistoryPatched();
-  window.addEventListener("popstate", handler);
-  window.addEventListener(ROUTE_CHANGE_EVENT, handler);
-  return () => {
-    window.removeEventListener("popstate", handler);
-    window.removeEventListener(ROUTE_CHANGE_EVENT, handler);
-  };
-}
-
 // src/browser/session/store.ts
 import { createStore as createStore3 } from "zustand/vanilla";
 
@@ -712,8 +456,7 @@ var defaultSnapshot = {
   pinnedHighlight: null,
   mode: "idle",
   theme: "auto",
-  resolvedTheme: "light",
-  user: null
+  resolvedTheme: "light"
 };
 function resolveTheme(preference, detect) {
   if (preference !== "auto") return preference;
@@ -803,8 +546,7 @@ function createSession(options = {}) {
     pinnedHighlight: null,
     mode: "idle",
     theme: initialPref,
-    resolvedTheme: initialResolved,
-    user: overrides.user ?? null
+    resolvedTheme: initialResolved
   }));
   nav.subscribe(() => {
     const { stack } = nav.getState();
@@ -848,8 +590,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);
@@ -902,7 +642,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);
@@ -910,28 +649,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);
   }
 }
@@ -1099,17 +832,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;
   }
@@ -1131,30 +853,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);
-  }
-  .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) {
@@ -1188,12 +892,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .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;
   }
@@ -1212,19 +910,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;
   }
   .table {
     display: table;
   }
-  .size-2 {
-    width: calc(var(--spacing) * 2);
-    height: calc(var(--spacing) * 2);
-  }
   .size-3\\.5 {
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);
@@ -1285,21 +976,12 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .h-full {
     height: 100%;
   }
-  .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-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);
   }
@@ -1309,12 +991,6 @@ 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);
   }
@@ -1324,12 +1000,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .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);
   }
@@ -1357,41 +1027,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-pointer {
     cursor: pointer;
   }
@@ -1401,15 +1039,9 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .scroll-py-2 {
     scroll-padding-block: calc(var(--spacing) * 2);
   }
-  .appearance-none {
-    appearance: none;
-  }
   .flex-col {
     flex-direction: column;
   }
-  .flex-row {
-    flex-direction: row;
-  }
   .items-center {
     align-items: center;
   }
@@ -1425,9 +1057,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
   .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
-  .gap-0\\.5 {
-    gap: calc(var(--spacing) * 0.5);
-  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -1440,12 +1069,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);
-  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1543,21 +1166,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);
   }
@@ -1573,15 +1187,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)) {
@@ -1633,18 +1241,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);
   }
@@ -1657,9 +1253,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-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -1681,24 +1274,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-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);
   }
@@ -1711,12 +1295,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;
   }
@@ -1734,18 +1312,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));
@@ -1753,24 +1323,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-\\[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);
@@ -1791,9 +1350,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;
   }
@@ -1818,9 +1374,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);
   }
@@ -1886,18 +1439,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%;
   }
@@ -1909,11 +1456,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%));
@@ -1923,14 +1465,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);
@@ -2030,15 +1564,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);
   }
@@ -2122,12 +1647,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);
@@ -2257,36 +1776,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;
@@ -2313,24 +1813,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
       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;
@@ -2367,12 +1849,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);
@@ -2586,14 +2062,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] *) {
@@ -2713,12 +2181,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);
-    }
-  }
   .\\[\\[data-kbd-nav\\]_\\&\\]\\:focus-within\\:bg-accent {
     [data-kbd-nav] & {
       &:focus-within {
@@ -2951,36 +2413,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;
@@ -3206,20 +2638,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;
@@ -3282,7 +2703,6 @@ var tailwind_built_default = `/*! tailwindcss v4.2.2 | MIT License | https://tai
 var SURFACE_HOST_CLASS = "uidex-surface-host";
 var Z_BASE = 2147483630;
 var Z_OVERLAY = 2147483635;
-var Z_PIN_LAYER = 2147483640;
 var Z_CHROME = 2147483645;
 var SURFACE_IGNORE_SELECTOR = `.${SURFACE_HOST_CLASS}`;
 var UIDEX_ATTR_TO_KIND = [
@@ -3636,9 +3056,7 @@ function createInspector(options) {
 import {
   Command,
   Highlighter,
-  MapPin,
   MousePointerClick as MousePointerClick2,
-  Users,
   createElement as createLucideElement2
 } from "lucide";
 
@@ -3688,7 +3106,6 @@ function el(tag, options = {}, children = []) {
 var DEFAULT_SHORTCUT = { key: "k" };
 var ACTIONS_SHORTCUT = { key: "j" };
 var INSPECT_SHORTCUT = { key: "i" };
-var PINS_SHORTCUT = { key: "u" };
 function formatShortcutLabel(shortcut) {
   const parts = [];
   if (shortcut.mod !== false) parts.push("\u2318");
@@ -3703,19 +3120,17 @@ function matchesShortcut(e, shortcut) {
   return hasMod === wantMod && e.shiftKey === wantShift && !e.altKey && e.key.toLowerCase() === shortcut.key.toLowerCase();
 }
 function bindShadowKeys(options) {
-  const { shadowRoot, session, getActionsPopup, getPinLayer } = options;
+  const { shadowRoot, session, getActionsPopup } = options;
   const shortcut = options.shortcut ?? DEFAULT_SHORTCUT;
-  const escapeStack = [];
   const onKeydown = (e) => {
     const isMod = e.metaKey || e.ctrlKey;
     const isCmdK = matchesShortcut(e, shortcut);
     const isCmdDot = matchesShortcut(e, ACTIONS_SHORTCUT);
     const isCmdI = matchesShortcut(e, INSPECT_SHORTCUT);
-    const isCmdU = matchesShortcut(e, PINS_SHORTCUT);
     const isCmdBracket = isMod && !e.altKey && !e.shiftKey && e.key === "[";
     const isEsc = e.key === "Escape";
     const isPopKey = isEsc || isCmdBracket;
-    if (!isCmdK && !isCmdDot && !isCmdI && !isCmdU && !isPopKey) return;
+    if (!isCmdK && !isCmdDot && !isCmdI && !isPopKey) return;
     const popup = getActionsPopup();
     if (popup?.isOpen()) {
       if (isPopKey || isCmdK || isCmdDot) {
@@ -3733,15 +3148,6 @@ function bindShadowKeys(options) {
       }
       return;
     }
-    if (isCmdU) {
-      const pinLayer = getPinLayer?.();
-      if (pinLayer) {
-        e.preventDefault();
-        e.stopPropagation();
-        pinLayer.setVisible(!pinLayer.visible);
-      }
-      return;
-    }
     if (isCmdI) {
       e.preventDefault();
       e.stopPropagation();
@@ -3763,14 +3169,6 @@ function bindShadowKeys(options) {
       }
       return;
     }
-    if (escapeStack.length > 0) {
-      const top = escapeStack[escapeStack.length - 1];
-      if (top()) {
-        e.preventDefault();
-        e.stopPropagation();
-        return;
-      }
-    }
     const { mode } = session.mode.getState();
     if (mode === "viewing") {
       e.preventDefault();
@@ -3805,13 +3203,6 @@ function bindShadowKeys(options) {
           capture: true
         }
       );
-    },
-    pushEscapeLayer(handler) {
-      escapeStack.push(handler);
-      return () => {
-        const idx = escapeStack.indexOf(handler);
-        if (idx >= 0) escapeStack.splice(idx, 1);
-      };
     }
   };
 }
@@ -3827,11 +3218,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: {
@@ -3896,108 +3284,6 @@ function createMenuBar(options) {
     inspectBtn.blur();
   });
   root.appendChild(inspectBtn);
-  const pinIcon = createLucideElement2(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 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);
-  root.appendChild(pinWrapper);
-  const updatePinUI = () => {
-    if (!activePinLayer) {
-      pinWrapper.hidden = true;
-      return;
-    }
-    const pinsVisible = activePinLayer.visible;
-    pinWrapper.hidden = false;
-    pinBtn.className = cn(BUTTON_CLASS, pinsVisible && BUTTON_ACTIVE_CLASS);
-  };
-  pinBtn.addEventListener("click", (e) => {
-    e.stopPropagation();
-    if (activePinLayer) {
-      activePinLayer.setVisible(!activePinLayer.visible);
-    }
-  });
-  let unsubscribePinFilter = activePinLayer?.onFilterChange(() => updatePinUI());
-  const presenceIcon = createLucideElement2(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 = createLucideElement2(Command);
   paletteIcon.setAttribute("class", "size-3.5");
   paletteIcon.setAttribute("aria-hidden", "true");
@@ -4112,28 +3398,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() {
@@ -4491,9 +3763,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 {
@@ -4508,547 +3778,6 @@ function createSurfaceShell(options) {
   };
 }
 
-// src/browser/report/constants.ts
-var TYPE_LABELS = {
-  bug: "Bug",
-  request: "Request",
-  suggestion: "Suggestion"
-};
-var SEVERITY_LABELS = {
-  critical: "Critical",
-  high: "High",
-  medium: "Medium",
-  low: "Low"
-};
-function authorLabel(rec) {
-  const name = rec.reporter?.name ?? rec.reporterName;
-  const email = rec.reporter?.email ?? rec.reporterEmail;
-  return name?.trim() || email?.trim() || "Anonymous";
-}
-function relativeTime(iso) {
-  const ms = Date.parse(iso);
-  if (!Number.isFinite(ms)) return "";
-  const s = Math.floor((Date.now() - ms) / 1e3);
-  if (s < 60) return "just now";
-  const m = Math.floor(s / 60);
-  if (m < 60) return `${m}m ago`;
-  const h = Math.floor(m / 60);
-  if (h < 24) return `${h}h ago`;
-  const d = Math.floor(h / 24);
-  if (d < 30) return `${d}d ago`;
-  return `${Math.floor(d / 30)}mo ago`;
-}
-
-// src/browser/surface/pin-layer.ts
-import {
-  Bug,
-  CircleHelp,
-  Lightbulb,
-  MessageSquarePlus,
-  Sparkles as Sparkles2,
-  StickyNote,
-  createElement as createLucideElement3
-} from "lucide";
-var KNOWN_KINDS = new Set(UIDEX_ATTR_TO_KIND.map(([, k]) => k));
-function parseComponentRef(componentId) {
-  const colon = componentId.indexOf(":");
-  if (colon > 0) {
-    const maybeKind = componentId.slice(0, colon);
-    if (KNOWN_KINDS.has(maybeKind)) {
-      return { kind: maybeKind, id: componentId.slice(colon + 1) };
-    }
-  }
-  return { kind: "element", id: componentId };
-}
-var DOT = 28;
-var BORDER = 2;
-var ICON = 16;
-var PAD = 10;
-var CARD_W = 280;
-var LINE_H = 17;
-var HEADER_H = 16;
-var BODY_MT = 2;
-var CYCLE_H = 18;
-var CARD_H = PAD + HEADER_H + BODY_MT + LINE_H * 2 + CYCLE_H + PAD;
-var INSET = 4;
-var TYPE_ICON = {
-  bug: Bug,
-  request: MessageSquarePlus,
-  suggestion: Lightbulb,
-  feature: Lightbulb,
-  improvement: Sparkles2,
-  question: CircleHelp,
-  note: StickyNote
-};
-var TYPE_COLOR = {
-  bug: {
-    bg: "color-mix(in srgb, var(--destructive) 10%, var(--background))",
-    fg: "var(--destructive-foreground)"
-  },
-  request: {
-    bg: "color-mix(in srgb, var(--info) 10%, var(--background))",
-    fg: "var(--info-foreground)"
-  },
-  suggestion: {
-    bg: "color-mix(in srgb, var(--warning) 10%, var(--background))",
-    fg: "var(--warning-foreground)"
-  },
-  feature: { bg: "var(--secondary)", fg: "var(--secondary-foreground)" },
-  improvement: {
-    bg: "color-mix(in srgb, var(--info) 10%, var(--background))",
-    fg: "var(--info-foreground)"
-  },
-  question: {
-    bg: "color-mix(in srgb, var(--warning) 10%, var(--background))",
-    fg: "var(--warning-foreground)"
-  },
-  note: {
-    bg: "color-mix(in srgb, var(--primary) 10%, var(--background))",
-    fg: "var(--primary)"
-  }
-};
-var FALLBACK_COLOR = {
-  bg: "var(--secondary)",
-  fg: "var(--secondary-foreground)"
-};
-function typeColors(t) {
-  return TYPE_COLOR[t] ?? FALLBACK_COLOR;
-}
-function typeIcon(t) {
-  return TYPE_ICON[t] ?? StickyNote;
-}
-var EASE_OUT = "cubic-bezier(0.16, 1, 0.3, 1)";
-var DUR_FADE = 120;
-var DUR_EXPAND = 250;
-var T_FADE = `opacity ${DUR_FADE}ms ease`;
-function createPinLayer(options) {
-  const { container, onOpenPinDetail, onHoverPin, onPinsChanged } = options;
-  const layerEl = document.createElement("div");
-  layerEl.setAttribute("data-uidex-pin-layer", "");
-  Object.assign(layerEl.style, {
-    position: "fixed",
-    inset: "0",
-    zIndex: String(Z_PIN_LAYER),
-    pointerEvents: "none"
-  });
-  container.appendChild(layerEl);
-  let layerVisible = true;
-  const allPins = [];
-  const seenIds = /* @__PURE__ */ new Set();
-  const byComp = /* @__PURE__ */ new Map();
-  const indicators = /* @__PURE__ */ new Map();
-  const filterCbs = /* @__PURE__ */ new Set();
-  const notifyFilter = () => {
-    for (const cb of filterCbs) cb();
-  };
-  const rebuildFiltered = () => {
-    byComp.clear();
-    for (const p of allPins) {
-      const cid = p.entity ?? "";
-      const list = byComp.get(cid);
-      if (list) list.push(p);
-      else byComp.set(cid, [p]);
-    }
-  };
-  const rerender = () => {
-    rebuildFiltered();
-    for (const id of Array.from(indicators.keys())) {
-      if (!byComp.has(id)) removeIndicator(id);
-    }
-    for (const id of byComp.keys()) renderIndicator(id);
-    notifyFilter();
-    onPinsChanged?.();
-  };
-  let obs = null;
-  const repositioner = createRepositioner(() => posAll());
-  const attachObs = () => {
-    if (obs || typeof MutationObserver === "undefined") return;
-    obs = new MutationObserver((recs) => {
-      for (const r of recs) {
-        if (r.type === "childList" && (r.addedNodes.length || r.removedNodes.length)) {
-          refreshAnchors();
-          return;
-        }
-      }
-    });
-    obs.observe(document.body, { childList: true, subtree: true });
-  };
-  const detachObs = () => {
-    obs?.disconnect();
-    obs = null;
-  };
-  const refreshAnchors = () => {
-    let changed = false;
-    for (const s of indicators.values()) {
-      if (s.anchor && s.anchor.isConnected) continue;
-      s.anchor = resolveEntityElement(parseComponentRef(s.componentId));
-      changed = true;
-    }
-    if (changed) repositioner.schedule();
-  };
-  const expand = (st) => {
-    if (st.expanded) return;
-    st.expanded = true;
-    fillContent(st);
-    st.wrap.style.zIndex = "1";
-    st.iconEl.style.transition = T_FADE;
-    st.iconEl.style.opacity = "0";
-    st.badgeEl.style.visibility = "hidden";
-    st.el.style.transition = `width ${DUR_EXPAND}ms ${EASE_OUT} ${DUR_FADE}ms, height ${DUR_EXPAND}ms ${EASE_OUT} ${DUR_FADE}ms`;
-    st.el.style.width = `${CARD_W}px`;
-    st.el.style.height = `${CARD_H}px`;
-    st.contentEl.style.transition = `opacity ${DUR_FADE}ms ease ${DUR_FADE + DUR_EXPAND}ms`;
-    st.contentEl.style.opacity = "1";
-    if (st.anchor) onHoverPin?.(st.anchor, st.componentId);
-  };
-  const collapse = (st) => {
-    if (!st.expanded) return;
-    st.expanded = false;
-    st.contentEl.style.transition = T_FADE;
-    st.contentEl.style.opacity = "0";
-    st.el.style.transition = `width ${DUR_EXPAND}ms ${EASE_OUT} ${DUR_FADE}ms, height ${DUR_EXPAND}ms ${EASE_OUT} ${DUR_FADE}ms`;
-    st.el.style.width = `${DOT}px`;
-    st.el.style.height = `${DOT}px`;
-    st.iconEl.style.transition = `opacity ${DUR_FADE}ms ease ${DUR_FADE + DUR_EXPAND}ms`;
-    st.iconEl.style.opacity = "1";
-    st.badgeEl.style.visibility = "";
-    st.iconEl.addEventListener(
-      "transitionend",
-      () => {
-        if (!st.expanded) st.wrap.style.zIndex = "";
-      },
-      { once: true }
-    );
-    onHoverPin?.(null, null);
-  };
-  const fillContent = (st) => {
-    const pins = byComp.get(st.componentId);
-    if (!pins?.length) return;
-    const idx = Math.max(0, Math.min(st.pinIndex, pins.length - 1));
-    st.pinIndex = idx;
-    const pin = pins[idx];
-    st.contentEl.innerHTML = "";
-    const hdr = document.createElement("div");
-    hdr.style.display = "flex";
-    hdr.style.alignItems = "baseline";
-    hdr.style.gap = "6px";
-    const nm = document.createElement("span");
-    nm.style.fontWeight = "600";
-    nm.style.fontSize = "12px";
-    nm.textContent = authorLabel(pin);
-    hdr.appendChild(nm);
-    const tm = document.createElement("span");
-    tm.style.fontSize = "11px";
-    tm.style.opacity = "0.75";
-    tm.textContent = relativeTime(pin.createdAt);
-    hdr.appendChild(tm);
-    st.contentEl.appendChild(hdr);
-    const body = document.createElement("div");
-    Object.assign(body.style, {
-      fontSize: "12px",
-      lineHeight: "1.4",
-      marginTop: "2px",
-      whiteSpace: "pre-wrap",
-      overflow: "hidden",
-      display: "-webkit-box"
-    });
-    body.style.setProperty("-webkit-line-clamp", "2");
-    body.style.setProperty("-webkit-box-orient", "vertical");
-    body.textContent = pin.body;
-    st.contentEl.appendChild(body);
-    const ctr = document.createElement("div");
-    Object.assign(ctr.style, {
-      fontSize: "10px",
-      opacity: "0.5",
-      marginTop: "4px"
-    });
-    ctr.textContent = pins.length > 1 ? `${idx + 1} of ${pins.length} \xB7 right-click to cycle` : "click to open";
-    st.contentEl.appendChild(ctr);
-  };
-  const buildIndicator = (componentId) => {
-    const wrap = document.createElement("div");
-    wrap.setAttribute("data-uidex-pin-wrap", "");
-    Object.assign(wrap.style, {
-      position: "fixed",
-      display: "none",
-      pointerEvents: "none"
-    });
-    const el2 = document.createElement("button");
-    el2.type = "button";
-    el2.setAttribute("data-uidex-pin", "");
-    el2.setAttribute("data-uidex-pin-component", componentId);
-    el2.setAttribute("aria-label", `Open report for ${componentId}`);
-    Object.assign(el2.style, {
-      position: "relative",
-      width: `${DOT}px`,
-      height: `${DOT}px`,
-      borderRadius: `${DOT / 2}px`,
-      border: `${BORDER}px solid var(--background)`,
-      padding: "0",
-      margin: "0",
-      cursor: "pointer",
-      pointerEvents: "auto",
-      overflow: "hidden",
-      boxShadow: "0 2px 8px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.05)",
-      fontFamily: "var(--font-sans)",
-      textAlign: "left",
-      float: "right"
-    });
-    wrap.appendChild(el2);
-    const iconEl = document.createElement("span");
-    iconEl.setAttribute("data-uidex-pin-icon", "");
-    Object.assign(iconEl.style, {
-      position: "absolute",
-      inset: "0",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    });
-    el2.appendChild(iconEl);
-    const badgeEl = document.createElement("span");
-    badgeEl.setAttribute("data-uidex-pin-badge", "");
-    Object.assign(badgeEl.style, {
-      position: "absolute",
-      top: "-4px",
-      right: "-4px",
-      minWidth: "14px",
-      height: "14px",
-      borderRadius: "999px",
-      background: "var(--foreground)",
-      color: "var(--background)",
-      fontSize: "9px",
-      fontWeight: "600",
-      display: "none",
-      alignItems: "center",
-      justifyContent: "center",
-      padding: "0 3px",
-      lineHeight: "1",
-      zIndex: "2",
-      pointerEvents: "none"
-    });
-    wrap.appendChild(badgeEl);
-    const contentEl = document.createElement("div");
-    contentEl.setAttribute("data-uidex-pin-content", "");
-    Object.assign(contentEl.style, {
-      position: "absolute",
-      top: `${PAD}px`,
-      left: `${PAD}px`,
-      right: `${PAD}px`,
-      opacity: "0",
-      minWidth: "0"
-    });
-    el2.appendChild(contentEl);
-    const st = {
-      componentId,
-      wrap,
-      el: el2,
-      iconEl,
-      badgeEl,
-      contentEl,
-      anchor: null,
-      pinIndex: 0,
-      expanded: false,
-      lastType: null
-    };
-    el2.addEventListener("mouseenter", () => expand(st));
-    el2.addEventListener("mouseleave", () => collapse(st));
-    el2.addEventListener("click", (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      const pins = byComp.get(componentId);
-      const pin = pins?.[st.pinIndex];
-      if (pin) onOpenPinDetail?.(componentId, pin.id);
-    });
-    el2.addEventListener("contextmenu", (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      const pins = byComp.get(componentId);
-      if (!pins || pins.length <= 1) return;
-      st.pinIndex = (st.pinIndex + 1) % pins.length;
-      applyStyle(st);
-      if (st.expanded) fillContent(st);
-    });
-    layerEl.appendChild(wrap);
-    return st;
-  };
-  const applyStyle = (st) => {
-    const pins = byComp.get(st.componentId);
-    if (!pins?.length) return;
-    const idx = Math.max(0, Math.min(st.pinIndex, pins.length - 1));
-    st.pinIndex = idx;
-    const pin = pins[idx];
-    const c = typeColors(pin.type);
-    st.el.style.backgroundColor = "var(--background)";
-    st.el.style.backgroundImage = `linear-gradient(${c.bg}, ${c.bg})`;
-    st.el.style.color = c.fg;
-    if (st.lastType !== pin.type) {
-      st.lastType = pin.type;
-      st.iconEl.innerHTML = "";
-      const svg2 = createLucideElement3(typeIcon(pin.type));
-      svg2.setAttribute("width", String(ICON));
-      svg2.setAttribute("height", String(ICON));
-      st.iconEl.appendChild(svg2);
-    }
-    if (pins.length > 1) {
-      st.badgeEl.textContent = String(pins.length);
-      st.badgeEl.style.display = "flex";
-    } else {
-      st.badgeEl.textContent = "";
-      st.badgeEl.style.display = "none";
-    }
-  };
-  const posIndicator = (st) => {
-    const a = st.anchor;
-    if (!a || !a.isConnected) {
-      st.wrap.style.display = "none";
-      return;
-    }
-    const r = a.getBoundingClientRect();
-    if (r.width === 0 && r.height === 0) {
-      st.wrap.style.display = "none";
-      return;
-    }
-    const vw = window.innerWidth;
-    st.wrap.style.top = `${r.top + INSET}px`;
-    st.wrap.style.right = `${vw - r.right + INSET}px`;
-    st.wrap.style.display = "";
-  };
-  const posAll = () => {
-    for (const st of indicators.values()) posIndicator(st);
-  };
-  const renderIndicator = (componentId) => {
-    const pins = byComp.get(componentId);
-    if (!pins?.length) {
-      removeIndicator(componentId);
-      return;
-    }
-    let st = indicators.get(componentId);
-    if (!st) {
-      st = buildIndicator(componentId);
-      indicators.set(componentId, st);
-      repositioner.attach();
-      attachObs();
-    }
-    if (st.pinIndex >= pins.length) st.pinIndex = 0;
-    applyStyle(st);
-    st.anchor = resolveEntityElement(parseComponentRef(componentId));
-    posIndicator(st);
-  };
-  const removeIndicator = (componentId) => {
-    const st = indicators.get(componentId);
-    if (!st) return;
-    st.wrap.remove();
-    indicators.delete(componentId);
-    if (indicators.size === 0) {
-      repositioner.detach();
-      detachObs();
-    }
-  };
-  const ingest = (pin) => {
-    const cid = pin.entity ?? "";
-    if (!cid || seenIds.has(pin.id)) return false;
-    seenIds.add(pin.id);
-    allPins.push(pin);
-    return true;
-  };
-  let activeRefresh = null;
-  const layer = {
-    setPins(pins) {
-      allPins.length = 0;
-      seenIds.clear();
-      for (const p of pins) ingest(p);
-      rerender();
-    },
-    addPin(pin) {
-      if (!ingest(pin)) return;
-      rerender();
-    },
-    removePin(reportId) {
-      const i = allPins.findIndex((p) => p.id === reportId);
-      if (i === -1) return;
-      allPins.splice(i, 1);
-      seenIds.delete(reportId);
-      rerender();
-    },
-    clear() {
-      allPins.length = 0;
-      seenIds.clear();
-      byComp.clear();
-      for (const id of Array.from(indicators.keys())) removeIndicator(id);
-      notifyFilter();
-    },
-    getPinsForElement: (id) => byComp.get(id) ?? [],
-    getAllPins: () => allPins.slice(),
-    attachChannel(channel) {
-      const offPin = channel.onPin((pin) => {
-        layer.addPin(pin);
-      });
-      const offArchived = channel.onPinArchived?.((reportId) => {
-        layer.removePin(reportId);
-      }) ?? (() => {
-      });
-      return () => {
-        offPin();
-        offArchived();
-      };
-    },
-    attachCloud(opts) {
-      const offCh = opts.channel ? layer.attachChannel(opts.channel) : () => {
-      };
-      const fetch2 = async () => {
-        try {
-          const mode = opts.getMatchMode();
-          let params;
-          if (mode === "component") {
-            params = { entities: opts.getVisibleEntities().join(",") };
-          } else if (mode === "pathname") {
-            params = { route: opts.getPathname() };
-          } else {
-            params = { route: opts.getRoute() };
-          }
-          layer.setPins(await opts.cloud.pins.list(params));
-        } catch (err) {
-          opts.onError?.(err);
-        }
-      };
-      void fetch2();
-      activeRefresh = fetch2;
-      return () => {
-        offCh();
-        if (activeRefresh === fetch2) activeRefresh = null;
-      };
-    },
-    async refresh() {
-      if (activeRefresh) await activeRefresh();
-    },
-    onFilterChange(cb) {
-      filterCbs.add(cb);
-      return () => {
-        filterCbs.delete(cb);
-      };
-    },
-    get visible() {
-      return layerVisible;
-    },
-    setVisible(v) {
-      if (layerVisible === v) return;
-      layerVisible = v;
-      layerEl.style.display = v ? "" : "none";
-      if (v) posAll();
-      notifyFilter();
-    },
-    destroy() {
-      layer.clear();
-      repositioner.detach();
-      detachObs();
-      layerEl.remove();
-      activeRefresh = null;
-      filterCbs.clear();
-    }
-  };
-  return layer;
-}
-
 // src/browser/views/core/types.ts
 var ViewValidationError = class extends Error {
   constructor(message) {
@@ -5244,7 +3973,7 @@ function createChip(options = {}, children = []) {
 }
 
 // src/browser/views/primitives/kind-icon.ts
-import { createElement as createLucideElement4 } from "lucide";
+import { createElement as createLucideElement3 } from "lucide";
 
 // src/browser/ui/cva.ts
 function cva(base, config = {}) {
@@ -5332,7 +4061,7 @@ function iconTileTpl(inner, options = {}) {
 // src/browser/views/primitives/kind-icon.ts
 function renderKindIcon(kind) {
   const style = KIND_STYLE[kind];
-  const svg2 = createLucideElement4(style.icon);
+  const svg2 = createLucideElement3(style.icon);
   svg2.setAttribute("aria-hidden", "true");
   svg2.setAttribute("class", cn("h-4 w-4 shrink-0", style.tone));
   return svg2;
@@ -5444,7 +4173,7 @@ function createBindable(propsFn) {
     }
   };
 }
-function createMachineHandle(zagMachine, connect4, normalize, props = {}) {
+function createMachineHandle(zagMachine, connect3, normalize, props = {}) {
   const runner = createMachineRunner(
     zagMachine,
     props
@@ -5452,12 +4181,12 @@ function createMachineHandle(zagMachine, connect4, normalize, props = {}) {
   runner.start();
   return {
     runner,
-    api: () => connect4(runner.service, normalize),
+    api: () => connect3(runner.service, normalize),
     destroy: () => runner.stop()
   };
 }
 function createMachineRunner(machineArg, initialProps = {}) {
-  const machine4 = machineArg;
+  const machine3 = machineArg;
   let userProps = initialProps;
   const unmountFns = [];
   const listeners = /* @__PURE__ */ new Set();
@@ -5474,7 +4203,7 @@ function createMachineRunner(machineArg, initialProps = {}) {
     };
   };
   const debug = (...args) => {
-    if (machine4.debug) {
+    if (machine3.debug) {
       console.log(...args);
     }
   };
@@ -5482,7 +4211,7 @@ function createMachineRunner(machineArg, initialProps = {}) {
   const prop = (key) => propsRef.current[key];
   const refreshProps = () => {
     const scope = scopeRef.current;
-    const computedProps = machine4.props?.({
+    const computedProps = machine3.props?.({
       props: compact(userProps),
       scope
     }) ?? userProps;
@@ -5516,7 +4245,7 @@ function createMachineRunner(machineArg, initialProps = {}) {
       return values.some((v) => matchesState(state.ref.current, v));
     },
     hasTag(tag) {
-      return hasTagFn(machine4, state.ref.current, tag);
+      return hasTagFn(machine3, state.ref.current, tag);
     }
   });
   const getParams = () => ({
@@ -5538,7 +4267,7 @@ function createMachineRunner(machineArg, initialProps = {}) {
     const strs = isFunction(keys) ? keys(getParams()) : keys;
     if (!strs) return;
     const fns = strs.map((s) => {
-      const fn = machine4.implementations?.actions?.[s];
+      const fn = machine3.implementations?.actions?.[s];
       if (!fn) warn(`[uidex] No implementation found for action "${s}"`);
       return fn;
     });
@@ -5546,13 +4275,13 @@ function createMachineRunner(machineArg, initialProps = {}) {
   };
   const guard = (str) => {
     if (isFunction(str)) return str(getParams());
-    return machine4.implementations?.guards?.[str](getParams());
+    return machine3.implementations?.guards?.[str](getParams());
   };
   const effect = (keys) => {
     const strs = isFunction(keys) ? keys(getParams()) : keys;
     if (!strs) return;
     const fns = strs.map((s) => {
-      const fn = machine4.implementations?.effects?.[s];
+      const fn = machine3.implementations?.effects?.[s];
       if (!fn) warn(`[uidex] No implementation found for effect "${s}"`);
       return fn;
     });
@@ -5573,10 +4302,10 @@ function createMachineRunner(machineArg, initialProps = {}) {
   });
   const computed = (key) => {
     ensure(
-      machine4.computed,
+      machine3.computed,
       () => `[uidex] No computed object found on machine`
     );
-    const fn = machine4.computed[key];
+    const fn = machine3.computed[key];
     return fn({
       context: ctx,
       event: getEvent(),
@@ -5609,7 +4338,7 @@ function createMachineRunner(machineArg, initialProps = {}) {
     queueMicrotask(() => fn());
   };
   let contextFields = {};
-  const ctxContextFn = machine4.context;
+  const ctxContextFn = machine3.context;
   if (ctxContextFn) {
     contextFields = ctxContextFn({
       prop,
@@ -5645,7 +4374,7 @@ function createMachineRunner(machineArg, initialProps = {}) {
       return contextFields[key]?.hash(current) ?? "";
     }
   };
-  const refsInit = machine4.refs?.({ prop, context: ctx }) ?? {};
+  const refsInit = machine3.refs?.({ prop, context: ctx }) ?? {};
   const refsStore = { ...refsInit };
   const refs = {
     get(key) {
@@ -5656,14 +4385,14 @@ function createMachineRunner(machineArg, initialProps = {}) {
     }
   };
   const initialState = resolveStateValue(
-    machine4,
-    machine4.initialState({ prop })
+    machine3,
+    machine3.initialState({ prop })
   );
   const state = createBindable(() => ({
     defaultValue: initialState,
     onChange(nextState, prevState) {
       const { exiting, entering } = getExitEnterStates(
-        machine4,
+        machine3,
         prevState,
         nextState,
         transitionRef?.reenter
@@ -5682,8 +4411,8 @@ function createMachineRunner(machineArg, initialProps = {}) {
         if (cleanup) effectsMap.set(item.path, cleanup);
       });
       if (prevState === INIT_STATE) {
-        action(machine4.entry);
-        const cleanup = effect(machine4.effects);
+        action(machine3.entry);
+        const cleanup = effect(machine3.effects);
         if (cleanup) effectsMap.set(INIT_STATE, cleanup);
       }
       entering.forEach((item) => {
@@ -5702,7 +4431,7 @@ function createMachineRunner(machineArg, initialProps = {}) {
       currentEvent = event;
       const currentState = getCurrentState();
       const { transitions, source } = findTransition(
-        machine4,
+        machine3,
         currentState,
         event.type
       );
@@ -5710,7 +4439,7 @@ function createMachineRunner(machineArg, initialProps = {}) {
       if (!transition) return;
       transitionRef = transition;
       const target = resolveStateValue(
-        machine4,
+        machine3,
         transition.target ?? currentState,
         source
       );
@@ -5730,7 +4459,7 @@ function createMachineRunner(machineArg, initialProps = {}) {
       }
     });
   };
-  machine4.watch?.(getParams());
+  machine3.watch?.(getParams());
   const service = {
     state: getState(),
     send,
@@ -5771,7 +4500,7 @@ function createMachineRunner(machineArg, initialProps = {}) {
       while (unmountFns.length) unmountFns.pop()?.();
       listeners.clear();
       queueMicrotask(() => {
-        action(machine4.exit);
+        action(machine3.exit);
       });
     },
     subscribe(listener) {
@@ -5849,9 +4578,6 @@ function applyProps(node, props) {
 }
 
 // src/browser/views/builder/spread-props.ts
-function spreadProps(node, props) {
-  return applyProps(node, props);
-}
 function createPersistentSpreads() {
   const map = /* @__PURE__ */ new Map();
   return {
@@ -5982,10 +4708,10 @@ import {
   Highlighter as Highlighter2,
   Inbox,
   MessageCircleWarning,
-  StickyNote as StickyNote2,
+  StickyNote,
   TicketPlus,
   View,
-  createElement as createLucideElement5
+  createElement as createLucideElement4
 } from "lucide";
 var ICON_MAP = {
   "archive-x": ArchiveX,
@@ -5995,7 +4721,7 @@ var ICON_MAP = {
   "message-circle-warning": MessageCircleWarning,
   "chevron-down": ChevronDown,
   highlighter: Highlighter2,
-  "sticky-note": StickyNote2,
+  "sticky-note": StickyNote,
   "ticket-plus": TicketPlus,
   view: View
 };
@@ -6036,7 +4762,7 @@ function renderActions(actions, ctx, root, heading) {
     let leading;
     const iconNode = iconFor(action.icon);
     if (iconNode) {
-      const svg2 = createLucideElement5(iconNode);
+      const svg2 = createLucideElement4(iconNode);
       svg2.setAttribute("aria-hidden", "true");
       svg2.setAttribute("class", "h-4 w-4 shrink-0");
       const tile = el(
@@ -6775,858 +5501,84 @@ function renderDetailSurface(surface, ctx, root) {
   return mounted;
 }
 
-// src/browser/views/render/form.ts
-import { CircleCheck, CircleX, Loader2 } from "lucide";
-
-// src/browser/machines/dialog.ts
-import * as dialog from "@zag-js/dialog";
-function createDialog(props = {}) {
-  return createMachineHandle(
-    dialog.machine,
-    dialog.connect,
-    normalizeProps,
-    props
-  );
-}
+// src/browser/views/render/list.ts
+import { Circle as Circle2 } from "lucide";
 
-// src/browser/ui/screenshot-lightbox.ts
-function createScreenshotLightbox(trigger, dataUrl, options) {
-  const cleanups = [];
-  const lightbox = createDialog({
-    id: "uidex-screenshot-lightbox",
-    modal: true,
-    closeOnInteractOutside: false,
-    closeOnEscape: false,
-    trapFocus: true,
-    preventScroll: true,
-    restoreFocus: true,
-    "aria-label": "Screenshot preview",
-    getRootNode: () => trigger.getRootNode()
-  });
-  cleanups.push(() => lightbox.destroy());
-  const backdropRef = createRef();
-  const positionerRef = createRef();
-  const contentRef = createRef();
-  const fullImgRef = createRef();
-  const mountTarget = (() => {
-    const rn = trigger.getRootNode();
-    return rn instanceof ShadowRoot ? rn : rn.body;
-  })();
-  const fragment = document.createDocumentFragment();
-  render(
-    html`
-      <div
-        ${ref(backdropRef)}
-        class="fixed inset-0 z-[2147483647] cursor-pointer bg-black/80"
-        data-uidex-lightbox
-        hidden
-      ></div>
-      <div
-        ${ref(positionerRef)}
-        class="fixed inset-0 z-[2147483647] flex cursor-pointer items-center justify-center p-6"
-        hidden
-      >
-        <div
-          ${ref(contentRef)}
-          class="flex items-center justify-center outline-none"
-        >
-          <img
-            ${ref(fullImgRef)}
-            class="max-h-full max-w-full rounded-lg"
-            src=${dataUrl}
-            alt="Screenshot"
-          />
-        </div>
-      </div>
-    `,
-    fragment
-  );
-  const backdropEl = backdropRef.value;
-  const positioner = positionerRef.value;
-  const content = contentRef.value;
-  const fullImg = fullImgRef.value;
-  mountTarget.append(fragment);
-  let spreadCleanups = [];
-  function applyLightboxProps() {
-    for (const c of spreadCleanups) c();
-    spreadCleanups = [];
-    const api = lightbox.api();
-    spreadCleanups.push(
-      spreadProps(
-        backdropEl,
-        api.getBackdropProps()
-      ),
-      spreadProps(
-        positioner,
-        api.getPositionerProps()
-      ),
-      spreadProps(content, api.getContentProps())
-    );
-    backdropEl.hidden = !api.open;
-    positioner.hidden = !api.open;
-  }
-  applyLightboxProps();
-  const unsubLightbox = lightbox.runner.subscribe(applyLightboxProps);
-  cleanups.push(() => {
-    unsubLightbox();
-    for (const c of spreadCleanups) c();
-    backdropEl.remove();
-    positioner.remove();
-  });
-  const closeLightbox = () => lightbox.api().setOpen(false);
-  if (options?.pushEscapeLayer) {
-    cleanups.push(
-      options.pushEscapeLayer(() => {
-        if (!lightbox.api().open) return false;
-        closeLightbox();
-        return true;
-      })
-    );
-  } else {
-    const onEscapeCapture = (e) => {
-      if (e.key !== "Escape") return;
-      if (!lightbox.api().open) return;
-      e.preventDefault();
-      e.stopPropagation();
-      e.stopImmediatePropagation();
-      closeLightbox();
-    };
-    window.addEventListener("keydown", onEscapeCapture, true);
-    cleanups.push(
-      () => window.removeEventListener("keydown", onEscapeCapture, true)
-    );
+// src/browser/views/render/list-controller.ts
+function createListController(opts) {
+  let items = opts.items;
+  let itemNodes = opts.itemNodes;
+  let highlighted = null;
+  let kbdMode = false;
+  const subs = /* @__PURE__ */ new Set();
+  const { contentEl, onSelect, onHighlightChange } = opts;
+  contentEl.setAttribute("role", "listbox");
+  contentEl.tabIndex = 0;
+  contentEl.style.outline = "none";
+  applyItemAria();
+  if (opts.defaultHighlight && itemNodes.has(opts.defaultHighlight)) {
+    setHighlight(opts.defaultHighlight, false);
   }
-  let suppressClickUntil = 0;
-  const onClickOutsideCapture = (e) => {
-    if (Date.now() < suppressClickUntil) {
-      e.preventDefault();
-      e.stopPropagation();
-      e.stopImmediatePropagation();
-      return;
-    }
-    if (!lightbox.api().open) return;
-    if (fullImg.contains(e.target)) return;
-    e.preventDefault();
-    e.stopPropagation();
-    e.stopImmediatePropagation();
-    closeLightbox();
-    suppressClickUntil = Date.now() + 100;
-  };
-  window.addEventListener("pointerdown", onClickOutsideCapture, true);
-  window.addEventListener("mousedown", onClickOutsideCapture, true);
-  window.addEventListener("click", onClickOutsideCapture, true);
-  cleanups.push(() => {
-    window.removeEventListener("pointerdown", onClickOutsideCapture, true);
-    window.removeEventListener("mousedown", onClickOutsideCapture, true);
-    window.removeEventListener("click", onClickOutsideCapture, true);
-  });
-  spreadProps(
-    trigger,
-    lightbox.api().getTriggerProps()
-  );
-  return {
-    destroy() {
-      for (const c of cleanups) c();
-      cleanups.length = 0;
-    }
-  };
-}
-
-// src/browser/ui/button.ts
-var buttonBase = "focus-visible:ring-ring focus-visible:ring-offset-background disabled:opacity-60 relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border text-sm font-medium outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-offset-1 disabled:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg]:pointer-events-none [&_svg]:shrink-0";
-var buttonVariants = cva(buttonBase, {
-  defaultVariants: { size: "default", variant: "default" },
-  variants: {
-    size: {
-      default: "h-8 px-3",
-      sm: "h-7 gap-1.5 px-2.5",
-      xs: "h-6 gap-1 rounded-md px-2 text-xs",
-      lg: "h-9 px-3.5",
-      xl: "h-10 px-4 text-base",
-      icon: "size-8",
-      "icon-sm": "size-7",
-      "icon-lg": "size-9",
-      "icon-xs": "size-6 rounded-md"
-    },
-    variant: {
-      default: "border-primary bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-      destructive: "border-destructive bg-destructive shadow-xs hover:bg-destructive/90 text-white",
-      "destructive-outline": "border-input bg-popover text-destructive-foreground shadow-xs/5 hover:border-destructive/30 hover:bg-destructive/5 dark:bg-input/30",
-      ghost: "text-foreground hover:bg-accent hover:text-accent-foreground border-transparent",
-      link: "text-foreground border-transparent underline-offset-4 hover:underline",
-      outline: "border-input bg-popover text-foreground shadow-xs/5 hover:bg-accent hover:text-accent-foreground dark:bg-input/30",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 border-transparent"
+  function values() {
+    return items.map((i) => i.value);
+  }
+  function notify() {
+    for (const cb of subs) cb();
+  }
+  function applyItemAria() {
+    for (const [value, el2] of itemNodes) {
+      el2.setAttribute("role", "option");
+      el2.id = `${opts.surfaceId}-item-${value}`;
     }
   }
-});
-
-// src/browser/views/render/form.ts
-var fieldSeq = 0;
-var nextFieldId = () => `uidex-field-${++fieldSeq}`;
-function issuePathRoot(issue) {
-  const seg = issue.path?.[0];
-  if (seg === void 0) return void 0;
-  if (typeof seg === "object" && seg !== null && "key" in seg) {
-    return String(seg.key);
-  }
-  return String(seg);
-}
-async function validateWithSchema(schema, values) {
-  const result = await schema["~standard"].validate(values);
-  if (!("issues" in result) || !result.issues) return null;
-  const out = {};
-  for (const issue of result.issues) {
-    const key = issuePathRoot(issue);
-    if (!key) continue;
-    if (out[key]) continue;
-    out[key] = issue.message;
-  }
-  return Object.keys(out).length > 0 ? out : null;
-}
-var FIELD_INPUT_CLASS = "border-input bg-popover text-foreground shadow-xs/5 placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:border-destructive/40 aria-invalid:focus-visible:ring-destructive/20 dark:bg-input/30 inline-flex w-full rounded-lg border text-sm outline-none transition-shadow focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-60";
-var NATIVE_SELECT_CLASS = "border-input bg-popover text-foreground shadow-xs/5 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:border-destructive/40 dark:bg-input/30 inline-flex h-8 w-full cursor-pointer appearance-none rounded-lg border bg-[right_0.5rem_center] bg-no-repeat pl-3 pr-8 text-sm outline-none transition-shadow focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-60";
-var FIELD_ROOT_CLASS = "flex flex-col items-start gap-2";
-var FIELD_LABEL_CLASS = "text-base/4.5 text-foreground inline-flex items-center gap-2 font-medium sm:text-sm/4";
-var FIELD_ERROR_CLASS = "text-destructive-foreground text-xs";
-var CHECKBOX_CLASS = "border-input bg-popover size-4 cursor-pointer rounded-[0.25rem] border accent-primary";
-function renderField(field, initial) {
-  const controlId = nextFieldId();
-  let control;
-  let read;
-  let reset;
-  switch (field.kind) {
-    case "select": {
-      const node = el("select", {
-        class: NATIVE_SELECT_CLASS,
-        attrs: {
-          "data-slot": "select",
-          name: field.name,
-          id: controlId,
-          required: field.required ?? false
-        }
-      });
-      for (const opt of field.options) {
-        node.append(
-          el("option", { attrs: { value: opt.value }, text: opt.label })
-        );
+  function setHighlight(value, scroll = true) {
+    if (value === highlighted) return;
+    if (highlighted) {
+      const prev = itemNodes.get(highlighted);
+      if (prev) {
+        prev.removeAttribute("data-highlighted");
+        prev.removeAttribute("data-kbd-highlighted");
+        prev.removeAttribute("aria-selected");
       }
-      const initialVal = typeof initial === "string" ? initial : typeof field.value === "string" ? field.value : field.options[0]?.value;
-      if (initialVal !== void 0) node.value = initialVal;
-      control = node;
-      read = () => node.value;
-      reset = () => {
-        if (initialVal !== void 0) node.value = initialVal;
-      };
-      break;
-    }
-    case "text":
-    case "email": {
-      const node = el("input", {
-        class: cn(FIELD_INPUT_CLASS, "h-8 px-3"),
-        attrs: {
-          "data-slot": "input",
-          type: field.kind === "email" ? "email" : "text",
-          name: field.name,
-          id: controlId,
-          placeholder: field.placeholder ?? "",
-          required: field.required ?? false
-        }
-      });
-      const initialVal = typeof initial === "string" ? initial : typeof field.value === "string" ? field.value : "";
-      node.value = initialVal;
-      control = node;
-      read = () => node.value;
-      reset = () => {
-        node.value = initialVal;
-      };
-      break;
-    }
-    case "textarea": {
-      const node = el("textarea", {
-        class: cn(FIELD_INPUT_CLASS, "min-h-20 px-3 py-2"),
-        attrs: {
-          "data-slot": "textarea",
-          name: field.name,
-          id: controlId,
-          placeholder: field.placeholder ?? "",
-          required: field.required ?? false,
-          rows: field.rows
-        }
-      });
-      const initialVal = typeof initial === "string" ? initial : typeof field.value === "string" ? field.value : "";
-      node.value = initialVal;
-      control = node;
-      read = () => node.value;
-      reset = () => {
-        node.value = initialVal;
-      };
-      break;
-    }
-    case "checkbox": {
-      const input = el("input", {
-        attrs: {
-          type: "checkbox",
-          name: field.name,
-          id: controlId
-        },
-        class: CHECKBOX_CLASS
-      });
-      const initialVal = typeof initial === "boolean" ? initial : typeof field.value === "boolean" ? field.value : false;
-      input.checked = initialVal;
-      control = input;
-      read = () => input.checked;
-      reset = () => {
-        input.checked = initialVal;
-      };
-      break;
     }
+    highlighted = value;
+    if (value) {
+      const el2 = itemNodes.get(value);
+      if (el2) {
+        el2.setAttribute("data-highlighted", "");
+        el2.setAttribute("aria-selected", "true");
+        if (kbdMode) el2.setAttribute("data-kbd-highlighted", "");
+        contentEl.setAttribute("aria-activedescendant", el2.id);
+        if (scroll) el2.scrollIntoView({ block: "nearest" });
+      }
+    } else {
+      contentEl.removeAttribute("aria-activedescendant");
+    }
+    onHighlightChange?.(value);
+    notify();
   }
-  const errorNode = el("p", {
-    class: FIELD_ERROR_CLASS,
-    attrs: {
-      "data-slot": "field-error",
-      role: "alert",
-      "aria-live": "polite"
+  function enterKbd() {
+    if (kbdMode) return;
+    kbdMode = true;
+    contentEl.setAttribute("data-kbd-nav", "");
+  }
+  function exitKbd() {
+    if (!kbdMode) return;
+    kbdMode = false;
+    contentEl.removeAttribute("data-kbd-nav");
+    if (highlighted) {
+      itemNodes.get(highlighted)?.removeAttribute("data-kbd-highlighted");
     }
-  });
-  errorNode.hidden = true;
-  const field$ = el("div", {
-    class: cn(
-      FIELD_ROOT_CLASS,
-      field.kind === "checkbox" ? "flex-row items-center gap-2" : ""
-    ),
-    attrs: {
-      "data-slot": "field",
-      "data-uidex-primitive": "field",
-      "data-uidex-field-name": field.name
-    }
-  });
-  const label = el("label", {
-    class: FIELD_LABEL_CLASS,
-    attrs: {
-      "data-slot": "field-label",
-      for: controlId
-    },
-    text: field.label
-  });
-  if (field.kind === "checkbox") {
-    field$.append(control, label);
-  } else {
-    field$.append(label, control);
-  }
-  field$.append(errorNode);
-  const setError = (message) => {
-    if (!message) {
-      errorNode.hidden = true;
-      errorNode.textContent = "";
-      control.removeAttribute("aria-invalid");
-      return;
-    }
-    errorNode.hidden = false;
-    errorNode.textContent = message;
-    control.setAttribute("aria-invalid", "true");
-  };
-  return {
-    name: field.name,
-    node: field$,
-    control,
-    errorNode,
-    read,
-    reset,
-    setError
-  };
-}
-var ICON_TILE_BASE = "bg-card text-foreground shadow-sm/5 not-dark:bg-clip-padding [&_svg:not([class*='size-'])]:size-4.5 flex size-9 shrink-0 items-center justify-center rounded-md border before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]";
-var ICON_TILE = ICON_TILE_BASE + " relative";
-var ICON_TILE_GHOST = ICON_TILE_BASE + " pointer-events-none absolute bottom-px shadow-none scale-84";
-var EMPTY_ROOT = "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance px-6 py-12 text-center";
-var SKELETON = "animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0/200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]";
-function iconMediaTpl(iconTpl) {
-  return html`
-    <div class="relative mb-6">
-      <div
-        class=${ICON_TILE_GHOST + " -rotate-10 origin-bottom-left -translate-x-0.5"}
-        aria-hidden="true"
-      ></div>
-      <div
-        class=${ICON_TILE_GHOST + " rotate-10 origin-bottom-right translate-x-0.5"}
-        aria-hidden="true"
-      ></div>
-      <div class=${ICON_TILE}>${iconTpl}</div>
-    </div>
-  `;
-}
-function loadingViewTpl(rootRef) {
-  return html`
-    <div class=${EMPTY_ROOT} aria-live="polite" hidden ${ref(rootRef)}>
-      ${iconMediaTpl(icon(Loader2, "animate-spin"))}
-      <div class="flex max-w-sm flex-col items-center text-center">
-        <div class=${SKELETON + " h-6 w-36 rounded-md"}></div>
-      </div>
-      <div
-        class="flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm"
-      >
-        <div class=${SKELETON + " h-7 w-20 rounded-lg"}></div>
-      </div>
-    </div>
-  `;
-}
-function successViewTpl(refs) {
-  return html`
-    <div class=${EMPTY_ROOT} hidden data-uidex-success-view ${ref(refs.root)}>
-      ${iconMediaTpl(icon(CircleCheck))}
-      <div class="flex max-w-sm flex-col items-center text-center">
-        <div
-          class="font-heading text-xl font-semibold"
-          data-uidex-success-title
-          ${ref(refs.title)}
-        ></div>
-      </div>
-      <div
-        class="flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm"
-        data-uidex-success-actions
-        ${ref(refs.actions)}
-      >
-        <a
-          class=${buttonVariants({ variant: "outline", size: "sm" })}
-          target="_blank"
-          rel="noreferrer"
-          data-uidex-success-link
-          ${ref(refs.link)}
-        ></a>
-      </div>
-    </div>
-  `;
-}
-function errorViewTpl(refs) {
-  return html`
-    <div class=${EMPTY_ROOT} hidden data-uidex-error-view ${ref(refs.root)}>
-      ${iconMediaTpl(icon(CircleX))}
-      <div class="flex max-w-sm flex-col items-center gap-1 text-center">
-        <div
-          class="font-heading text-xl font-semibold"
-          data-uidex-error-title
-          ${ref(refs.title)}
-        ></div>
-        <p
-          class="text-muted-foreground text-sm"
-          data-uidex-error-description
-          ${ref(refs.description)}
-        ></p>
-      </div>
-      <div
-        class="flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm"
-      >
-        <button
-          type="button"
-          class=${buttonVariants({ variant: "outline", size: "sm" })}
-          data-slot="button"
-          data-uidex-retry-button
-          ${ref(refs.retry)}
-        >
-          Try Again
-        </button>
-      </div>
-    </div>
-  `;
-}
-function renderFormSurface(surface, ctx, root) {
-  const cleanups = [];
-  const fields = surface.fields.map(
-    (field) => renderField(field, surface.initial?.[field.name])
-  );
-  const fieldByName = new Map(fields.map((f) => [f.name, f]));
-  const screenshotField = el("div", {
-    class: "flex flex-col gap-1.5",
-    attrs: { hidden: true }
-  });
-  const screenshotLabel = el("span", {
-    class: "text-muted-foreground text-xs font-medium",
-    text: "Screenshot"
-  });
-  const screenshotPreview = el("div", {
-    class: "cursor-pointer overflow-hidden rounded-md border"
-  });
-  screenshotField.append(screenshotLabel, screenshotPreview);
-  if (surface.screenshotPreview) {
-    surface.screenshotPreview.then((dataUrl) => {
-      if (!dataUrl) return;
-      const img = el("img", {
-        class: "max-h-32 w-full object-cover object-top",
-        attrs: { src: dataUrl, alt: "Screenshot preview" }
-      });
-      screenshotPreview.append(img);
-      screenshotField.hidden = false;
-      const handle = createScreenshotLightbox(screenshotPreview, dataUrl, {
-        pushEscapeLayer: ctx.pushEscapeLayer
-      });
-      cleanups.push(() => handle.destroy());
-    });
-  }
-  const formRef = createRef();
-  const loadingRef = createRef();
-  const successRef = createRef();
-  const successTitleRef = createRef();
-  const successLinkRef = createRef();
-  const successActionsRef = createRef();
-  const errorRef = createRef();
-  const errorTitleRef = createRef();
-  const errorDescriptionRef = createRef();
-  const retryRef = createRef();
-  render(
-    html`
-      <section
-        class="flex min-h-0 flex-1 flex-col p-4"
-        data-uidex-form-surface=${surface.id}
-      >
-        <form
-          ${ref(formRef)}
-          class="flex w-full flex-col gap-4"
-          data-slot="form"
-          data-uidex-primitive="form"
-          novalidate
-          data-uidex-form=${surface.id}
-        ></form>
-        ${loadingViewTpl(loadingRef)}
-        ${successViewTpl({
-      root: successRef,
-      title: successTitleRef,
-      link: successLinkRef,
-      actions: successActionsRef
-    })}
-        ${errorViewTpl({
-      root: errorRef,
-      title: errorTitleRef,
-      description: errorDescriptionRef,
-      retry: retryRef
-    })}
-      </section>
-    `,
-    root
-  );
-  const form = formRef.value;
-  if (surface.screenshotPreview) {
-    form.append(screenshotField);
-  }
-  for (const f of fields) {
-    form.append(f.node);
-  }
-  const submit = el("button", {
-    class: cn(buttonVariants({ variant: "default" }), "sr-only"),
-    attrs: {
-      type: "submit",
-      "data-slot": "button",
-      "data-uidex-form-submit": ""
-    },
-    text: surface.submit.label
-  });
-  form.append(submit);
-  const status = el("p", {
-    class: "text-muted-foreground text-xs",
-    attrs: {
-      "data-uidex-form-status": "",
-      "aria-live": "polite"
-    }
-  });
-  form.append(status);
-  const loadingView = loadingRef.value;
-  const successView = successRef.value;
-  const successTitle = successTitleRef.value;
-  const successLink = successLinkRef.value;
-  const successActions = successActionsRef.value;
-  const errorView = errorRef.value;
-  const errorTitle = errorTitleRef.value;
-  const errorDescription = errorDescriptionRef.value;
-  const retryButton = retryRef.value;
-  function clearAllFieldErrors() {
-    for (const f of fields) f.setError(null);
-  }
-  function applyFieldErrors(errs) {
-    clearAllFieldErrors();
-    if (!errs) return;
-    for (const [name, message] of Object.entries(errs)) {
-      fieldByName.get(name)?.setError(message);
-    }
-  }
-  function setStatus(result) {
-    status.replaceChildren();
-    status.classList.remove("text-destructive-foreground");
-    status.classList.add("text-muted-foreground");
-    if (!result) return;
-    if (result.status === "error") {
-      status.classList.remove("text-muted-foreground");
-      status.classList.add("text-destructive-foreground");
-      if (!result.fieldErrors) {
-        status.textContent = result.message;
-      }
-      return;
-    }
-    if (result.link) {
-      status.append(
-        document.createTextNode(`${result.message ?? "Submitted."} `),
-        el("a", {
-          class: "text-foreground underline underline-offset-4",
-          attrs: {
-            href: result.link.url,
-            target: "_blank",
-            rel: "noreferrer"
-          },
-          text: result.link.label ?? "Open link"
-        })
-      );
-    } else {
-      status.textContent = result.message ?? "Submitted.";
-    }
-  }
-  function showView(state) {
-    form.hidden = state !== "form";
-    loadingView.hidden = state !== "loading";
-    successView.hidden = state !== "success";
-    errorView.hidden = state !== "error";
-  }
-  function populateSuccess(result) {
-    if (!result || result.status !== "success") return;
-    successTitle.textContent = result.message ?? "Submitted";
-    if (result.link) {
-      successLink.setAttribute("href", result.link.url);
-      successLink.textContent = result.link.label ?? "Open link";
-      successActions.hidden = false;
-    } else {
-      successActions.hidden = true;
-    }
-  }
-  function populateError(result) {
-    if (!result || result.status !== "error") return;
-    errorTitle.textContent = "Something went wrong";
-    errorDescription.textContent = result.message;
-  }
-  let formState = "idle";
-  let lastResult = null;
-  let lastFieldErrors = null;
-  const subscribers = /* @__PURE__ */ new Set();
-  const notify = () => {
-    for (const cb of subscribers) cb();
-  };
-  async function doSubmit(values) {
-    if (formState === "submitting") return;
-    formState = "submitting";
-    setStatus(null);
-    clearAllFieldErrors();
-    showView("form");
-    lastResult = null;
-    lastFieldErrors = null;
-    if (surface.schema) {
-      const errors = await validateWithSchema(surface.schema, values);
-      if (errors) {
-        lastFieldErrors = errors;
-        lastResult = {
-          status: "error",
-          message: "Please fix the errors above.",
-          fieldErrors: errors
-        };
-        formState = "error";
-        applyFieldErrors(errors);
-        setStatus(lastResult);
-        showView("form");
-        notify();
-        return;
-      }
-    }
-    submit.disabled = true;
-    submit.setAttribute("data-loading", "");
-    showView("loading");
-    notify();
-    try {
-      const result = await surface.submit.onSubmit(
-        values
-      ) ?? { status: "success" };
-      submit.disabled = false;
-      submit.removeAttribute("data-loading");
-      if (result.status === "success") {
-        lastResult = result;
-        formState = "success";
-        populateSuccess(result);
-        showView("success");
-        clearAllFieldErrors();
-        if (result.resetFields) {
-          for (const name of result.resetFields) {
-            fieldByName.get(name)?.reset();
-          }
-        }
-      } else {
-        lastResult = result;
-        lastFieldErrors = result.fieldErrors ?? null;
-        formState = "error";
-        const hasFieldErrors = lastFieldErrors && Object.keys(lastFieldErrors).length > 0;
-        if (hasFieldErrors) {
-          applyFieldErrors(lastFieldErrors ?? void 0);
-          setStatus(result);
-          showView("form");
-        } else {
-          populateError(result);
-          showView("error");
-        }
-      }
-    } catch (err) {
-      submit.disabled = false;
-      submit.removeAttribute("data-loading");
-      const message = err instanceof Error ? err.message : String(err);
-      lastResult = { status: "error", message };
-      formState = "error";
-      populateError(lastResult);
-      showView("error");
-    }
-    notify();
-  }
-  function retryFromError() {
-    formState = "idle";
-    lastResult = null;
-    lastFieldErrors = null;
-    setStatus(null);
-    clearAllFieldErrors();
-    showView("form");
-    notify();
-  }
-  const onSubmit = (e) => {
-    e.preventDefault();
-    if (formState === "success") return;
-    if (formState === "error") retryFromError();
-    const values = {};
-    surface.fields.forEach((field, i) => {
-      values[field.name] = fields[i].read();
-    });
-    void doSubmit(values);
-  };
-  form.addEventListener("submit", onSubmit);
-  cleanups.push(() => form.removeEventListener("submit", onSubmit));
-  const triggerSubmit = () => {
-    if (typeof form.requestSubmit === "function") form.requestSubmit();
-    else form.dispatchEvent(new Event("submit", { cancelable: true }));
-  };
-  const onFormKeyDown = (e) => {
-    if (e.key !== "Enter") return;
-    const isMod = e.metaKey || e.ctrlKey;
-    if (isMod) {
-      e.preventDefault();
-      if (formState === "success") {
-        ctx.close();
-        return;
-      }
-      if (formState !== "idle" && formState !== "error") return;
-      triggerSubmit();
-      return;
-    }
-    if (e.target instanceof HTMLInputElement && e.target.type !== "checkbox" && e.target.type !== "radio") {
-      e.preventDefault();
-    }
-  };
-  form.addEventListener("keydown", onFormKeyDown);
-  cleanups.push(() => form.removeEventListener("keydown", onFormKeyDown));
-  retryButton.addEventListener("click", retryFromError);
-  cleanups.push(() => retryButton.removeEventListener("click", retryFromError));
-  const resolveIntent = () => {
-    if (formState === "submitting") {
-      return { label: "Submitting\u2026", disabled: true, perform: () => {
-      } };
-    }
-    if (formState === "success") {
-      return { label: "Close", perform: () => ctx.close() };
-    }
-    if (formState === "error" && !lastFieldErrors) {
-      return { label: "Try Again", perform: retryFromError };
-    }
-    return { label: surface.submit.label, perform: triggerSubmit };
-  };
-  return {
-    cleanup: composeCleanups([...cleanups, () => root.replaceChildren()]),
-    submitIntent: {
-      get: resolveIntent,
-      subscribe: (cb) => {
-        subscribers.add(cb);
-        return () => subscribers.delete(cb);
-      }
-    }
-  };
-}
-
-// src/browser/views/render/list.ts
-import { Circle as Circle2 } from "lucide";
-
-// src/browser/views/render/list-controller.ts
-function createListController(opts) {
-  let items = opts.items;
-  let itemNodes = opts.itemNodes;
-  let highlighted = null;
-  let kbdMode = false;
-  const subs = /* @__PURE__ */ new Set();
-  const { contentEl, onSelect, onHighlightChange } = opts;
-  contentEl.setAttribute("role", "listbox");
-  contentEl.tabIndex = 0;
-  contentEl.style.outline = "none";
-  applyItemAria();
-  if (opts.defaultHighlight && itemNodes.has(opts.defaultHighlight)) {
-    setHighlight(opts.defaultHighlight, false);
-  }
-  function values() {
-    return items.map((i) => i.value);
-  }
-  function notify() {
-    for (const cb of subs) cb();
-  }
-  function applyItemAria() {
-    for (const [value, el2] of itemNodes) {
-      el2.setAttribute("role", "option");
-      el2.id = `${opts.surfaceId}-item-${value}`;
-    }
-  }
-  function setHighlight(value, scroll = true) {
-    if (value === highlighted) return;
-    if (highlighted) {
-      const prev = itemNodes.get(highlighted);
-      if (prev) {
-        prev.removeAttribute("data-highlighted");
-        prev.removeAttribute("data-kbd-highlighted");
-        prev.removeAttribute("aria-selected");
-      }
-    }
-    highlighted = value;
-    if (value) {
-      const el2 = itemNodes.get(value);
-      if (el2) {
-        el2.setAttribute("data-highlighted", "");
-        el2.setAttribute("aria-selected", "true");
-        if (kbdMode) el2.setAttribute("data-kbd-highlighted", "");
-        contentEl.setAttribute("aria-activedescendant", el2.id);
-        if (scroll) el2.scrollIntoView({ block: "nearest" });
-      }
-    } else {
-      contentEl.removeAttribute("aria-activedescendant");
-    }
-    onHighlightChange?.(value);
-    notify();
-  }
-  function enterKbd() {
-    if (kbdMode) return;
-    kbdMode = true;
-    contentEl.setAttribute("data-kbd-nav", "");
-  }
-  function exitKbd() {
-    if (!kbdMode) return;
-    kbdMode = false;
-    contentEl.removeAttribute("data-kbd-nav");
-    if (highlighted) {
-      itemNodes.get(highlighted)?.removeAttribute("data-kbd-highlighted");
-    }
-  }
-  function move(delta) {
-    const vals = values();
-    if (vals.length === 0) return;
-    enterKbd();
-    if (highlighted === null) {
-      setHighlight(delta > 0 ? vals[0] : vals[vals.length - 1]);
-      if (highlighted)
-        itemNodes.get(highlighted)?.setAttribute("data-kbd-highlighted", "");
-      return;
+  }
+  function move(delta) {
+    const vals = values();
+    if (vals.length === 0) return;
+    enterKbd();
+    if (highlighted === null) {
+      setHighlight(delta > 0 ? vals[0] : vals[vals.length - 1]);
+      if (highlighted)
+        itemNodes.get(highlighted)?.setAttribute("data-kbd-highlighted", "");
+      return;
     }
     const idx = vals.indexOf(highlighted);
     const next = (idx + delta + vals.length) % vals.length;
@@ -7646,7 +5598,7 @@ function createListController(opts) {
         e.preventDefault();
         move(-1);
         break;
-      case "Home":
+      case "Home": {
         e.preventDefault();
         enterKbd();
         const first = values()[0];
@@ -7656,7 +5608,8 @@ function createListController(opts) {
             itemNodes.get(highlighted)?.setAttribute("data-kbd-highlighted", "");
         }
         break;
-      case "End":
+      }
+      case "End": {
         e.preventDefault();
         enterKbd();
         const vals = values();
@@ -7667,6 +5620,7 @@ function createListController(opts) {
             itemNodes.get(highlighted)?.setAttribute("data-kbd-highlighted", "");
         }
         break;
+      }
       case "Enter":
         if (highlighted) {
           e.preventDefault();
@@ -7996,8 +5950,6 @@ function renderSurface(surface, ctx, root) {
       return renderListSurface(surface, ctx, root);
     case "detail":
       return renderDetailSurface(surface, ctx, root);
-    case "form":
-      return renderFormSurface(surface, ctx, root);
   }
 }
 
@@ -8056,8 +6008,6 @@ function mountEntry(entry, view, deps) {
   const ctx = {
     ref: entry.ref,
     registry: deps.registry,
-    cloud: deps.cloud,
-    user: deps.session.getState().user,
     views: deps.views,
     push: (target) => {
       if (!deps.views.get(target.id)) return;
@@ -8071,10 +6021,7 @@ function mountEntry(entry, view, deps) {
     pinHighlight: (r) => deps.session.highlight.pin(r),
     searchInput: deps.searchInput,
     highlight: deps.highlight,
-    getStack: () => deps.session.getState().stack,
-    pushEscapeLayer: deps.pushEscapeLayer,
-    onAfterSubmit: deps.onAfterSubmit,
-    getRoute: deps.getRoute
+    getStack: () => deps.session.getState().stack
   };
   let surfaceResult;
   try {
@@ -8597,9 +6544,7 @@ function resolveProp(view, ctx, value, propName, fallback) {
 }
 function createViewStack(options) {
   const { container, views, session, registry, highlight } = options;
-  const cloud = options.cloud ?? null;
   const dev = options.dev ?? detectDev();
-  const onAfterSubmit = options.onAfterSubmit;
   const mounted = [];
   let shell = null;
   let warnedForDepth = 0;
@@ -8796,13 +6741,8 @@ function createViewStack(options) {
           views,
           session,
           registry,
-          cloud,
           highlight,
-          nextScrollSeq: () => ++scrollAreaSeq,
-          pushEscapeLayer: options.pushEscapeLayer ?? (() => () => {
-          }),
-          onAfterSubmit,
-          getRoute: options.getRoute
+          nextScrollSeq: () => ++scrollAreaSeq
         });
         if (record) mounted.push(record);
       }
@@ -8857,20 +6797,13 @@ function createViewStack(options) {
 
 // src/browser/views/built-in/ids.ts
 var BUILT_IN_VIEW_IDS = {
-  closeReason: "close-reason",
   commandPalette: "command-palette",
   elements: "elements",
-  entityReports: "entity-reports",
   explorePage: "explore-page",
   features: "features",
-  report: "report",
   flows: "flows",
   glossary: "glossary",
-  jiraReport: "jira-report",
   pages: "pages",
-  pageReports: "page-reports",
-  reportDetail: "report-detail",
-  pinSettings: "pin-settings",
   primitives: "primitives",
   regions: "regions",
   widgets: "widgets"
@@ -8885,16 +6818,6 @@ var LIST_VIEW_FOR_KIND = {
   flow: BUILT_IN_VIEW_IDS.flows,
   route: BUILT_IN_VIEW_IDS.pages
 };
-var DETAIL_VIEW_FOR_KIND = {
-  element: "component-detail",
-  feature: "feature-detail",
-  page: "page-detail",
-  widget: "widget-detail",
-  region: "region-detail",
-  primitive: "primitive-detail",
-  flow: "flow-detail",
-  route: "page-detail"
-};
 var COMMAND_PALETTE_ENTRY2 = {
   id: BUILT_IN_VIEW_IDS.commandPalette,
   ref: null
@@ -8903,120 +6826,15 @@ function parentList(ref2) {
   if (!ref2) return COMMAND_PALETTE_ENTRY2;
   return { id: LIST_VIEW_FOR_KIND[ref2.kind], ref: null };
 }
-function parentDetail(ref2) {
-  if (!ref2) return COMMAND_PALETTE_ENTRY2;
-  return { id: DETAIL_VIEW_FOR_KIND[ref2.kind], ref: ref2 };
-}
-
-// src/browser/views/built-in/close-reason.ts
-import {
-  Ban,
-  BugOff,
-  CircleCheck as CircleCheck2,
-  Copy as Copy2,
-  LoaderCircle,
-  createElement as createLucideElement6
-} from "lucide";
-var pendingReportId = null;
-var afterClose = null;
-function setCloseTarget(reportId, onDone) {
-  pendingReportId = reportId;
-  afterClose = onDone;
-}
-function leadingIcon(iconNode) {
-  return () => {
-    const svg2 = createLucideElement6(iconNode);
-    svg2.setAttribute("aria-hidden", "true");
-    return createIconTile(svg2);
-  };
-}
-function spinnerTile() {
-  const spinner = createLucideElement6(LoaderCircle);
-  spinner.setAttribute("class", "animate-spin");
-  return createIconTile(spinner);
-}
-var REASONS = [
-  { value: "fixed", label: "Resolved", icon: CircleCheck2 },
-  { value: "not_a_bug", label: "Not a bug", icon: BugOff },
-  { value: "duplicate", label: "Duplicate", icon: Copy2 },
-  { value: "wont_fix", label: "Won't fix", icon: Ban }
-];
-var closeReasonView = {
-  id: BUILT_IN_VIEW_IDS.closeReason,
-  matches: () => false,
-  parent: (ref2) => ref2 ? { id: BUILT_IN_VIEW_IDS.reportDetail, ref: ref2 } : null,
-  title: "Close reason",
-  searchable: false,
-  focusTarget: (host) => host.querySelector("[data-uidex-list-content]"),
-  surface: () => ({ kind: "list", id: "unused", items: [] }),
-  render(ctx, root) {
-    let busy = false;
-    const items = REASONS.map((r) => ({
-      value: r.value,
-      label: r.label,
-      leading: leadingIcon(r.icon)
-    }));
-    const surface = {
-      kind: "list",
-      id: "uidex-close-reason",
-      searchable: false,
-      items,
-      emptyLabel: "No reasons available",
-      onSelect: async (item) => {
-        if (busy || !pendingReportId || !ctx.registry.closeReport) return;
-        busy = true;
-        const row = root.querySelector(
-          `[data-uidex-item-value="${item.value}"]`
-        );
-        const existingTile = row?.querySelector("[data-slot='icon-tile']");
-        if (row && existingTile) {
-          existingTile.replaceWith(spinnerTile());
-          row.style.opacity = "0.6";
-          row.style.pointerEvents = "none";
-        }
-        try {
-          await ctx.registry.closeReport(pendingReportId, item.value);
-          const done = afterClose;
-          pendingReportId = null;
-          afterClose = null;
-          done?.();
-        } catch {
-          busy = false;
-          if (row) {
-            row.style.opacity = "";
-            row.style.pointerEvents = "";
-            const reason = REASONS.find((r) => r.value === item.value);
-            if (reason) {
-              const tile = row.querySelector("[data-slot='icon-tile']");
-              if (tile)
-                tile.replaceWith(
-                  createIconTile(createLucideElement6(reason.icon))
-                );
-            }
-          }
-          const error = document.createElement("p");
-          error.className = "text-destructive px-4 py-2 text-xs";
-          error.textContent = "Close failed \u2014 try again";
-          root.querySelector("[data-uidex-list-content]")?.prepend(error);
-          setTimeout(() => error.remove(), 3e3);
-        }
-      }
-    };
-    const mounted = renderListSurface(surface, ctx, root);
-    return mounted.cleanup;
-  }
-};
 
 // src/browser/views/built-in/command-palette.ts
 import {
   Compass,
-  Copy as Copy3,
+  Copy as Copy2,
   ExternalLink,
-  MessageCircleWarning as MessageCircleWarning2,
   Star,
   StarOff,
-  TicketPlus as TicketPlus2,
-  createElement as createLucideElement7
+  createElement as createLucideElement5
 } from "lucide";
 
 // src/browser/views/builder/format-location.ts
@@ -9056,9 +6874,6 @@ function findCurrentRoute(registry) {
 function findCurrentPageId(ctx) {
   return findCurrentRoute(ctx.registry)?.page ?? null;
 }
-function findCurrentRoutePath(registry) {
-  return findCurrentRoute(registry)?.path ?? null;
-}
 function buildPageRouteMap(ctx) {
   const map = /* @__PURE__ */ new Map();
   for (const route of ctx.registry.list("route")) {
@@ -9109,7 +6924,7 @@ function openAction(onSelect) {
   return {
     id: "open",
     label: "Open",
-    icon: () => createLucideElement7(ExternalLink),
+    icon: () => createLucideElement5(ExternalLink),
     perform: onSelect
   };
 }
@@ -9119,7 +6934,7 @@ function favoriteAction(ref2, ctx) {
     id: "toggle-favorite",
     label: isFav ? "Remove from Favorites" : "Add to Favorites",
     shortcut: "\u21E7\u2318F",
-    icon: () => createLucideElement7(isFav ? StarOff : Star),
+    icon: () => createLucideElement5(isFav ? StarOff : Star),
     perform: () => {
       ctx.views.toggleFavorite(ref2);
       ctx.close();
@@ -9135,7 +6950,7 @@ function entityActions(ref2, entity, ctx, onSelect) {
       actions.push({
         id: "copy-path",
         label: "Copy Source Path",
-        icon: () => createLucideElement7(Copy3),
+        icon: () => createLucideElement5(Copy2),
         async perform() {
           try {
             await navigator.clipboard.writeText(path);
@@ -9145,20 +6960,6 @@ function entityActions(ref2, entity, ctx, onSelect) {
       });
     }
   }
-  actions.push({
-    id: "submit-report",
-    label: "Report",
-    icon: () => createLucideElement7(MessageCircleWarning2),
-    perform: () => ctx.push({ id: BUILT_IN_VIEW_IDS.report, ref: ref2 })
-  });
-  if (ctx.cloud?.integrations.getCachedConfig()?.hasJira) {
-    actions.push({
-      id: "create-jira-issue",
-      label: "Create Jira Ticket",
-      icon: () => createLucideElement7(TicketPlus2),
-      perform: () => ctx.push({ id: BUILT_IN_VIEW_IDS.jiraReport, ref: ref2 })
-    });
-  }
   actions.push(favoriteAction(ref2, ctx));
   return actions;
 }
@@ -9191,7 +6992,7 @@ function explorePageRow(totalOnPage, ctx) {
     subtitle: totalOnPage === 1 ? "1 item" : `${totalOnPage} items`,
     group: CURRENT_PAGE_GROUP,
     tag: BUILT_IN_VIEW_IDS.explorePage,
-    leading: () => createLucideElement7(Compass),
+    leading: () => createLucideElement5(Compass),
     actions: viewActions(onSelect),
     payload: { type: "view", id: BUILT_IN_VIEW_IDS.explorePage }
   };
@@ -9256,7 +7057,7 @@ function createCommandPaletteView(shortcut) {
           group: PALETTE_GROUPS.favorites,
           preview: ref2,
           entityChip: { entity },
-          leading: () => createLucideElement7(style.icon),
+          leading: () => createLucideElement5(style.icon),
           actions: entityActions(ref2, entity, ctx, onSelect),
           payload: { type: "entity", ref: ref2 }
         });
@@ -9281,7 +7082,7 @@ function createCommandPaletteView(shortcut) {
           group: PALETTE_GROUPS.recents,
           preview: ref2,
           entityChip: { entity },
-          leading: () => createLucideElement7(style.icon),
+          leading: () => createLucideElement5(style.icon),
           actions: entityActions(ref2, entity, ctx, onSelect),
           payload: { type: "entity", ref: ref2 }
         });
@@ -9363,14 +7164,14 @@ async function captureScreenshot(options = {}) {
 }
 
 // src/browser/report/capture.ts
-function captureReportContext(opts) {
+function captureReportContext() {
   const nav = typeof navigator !== "undefined" ? navigator : void 0;
   const loc = typeof location !== "undefined" ? location : void 0;
   const win = typeof window !== "undefined" ? window : void 0;
   const doc = typeof document !== "undefined" ? document : void 0;
   return {
     url: loc?.href ?? "",
-    route: opts?.getRoute?.() ?? loc?.pathname,
+    route: loc?.pathname,
     userAgent: nav?.userAgent ?? "",
     pageTitle: doc?.title,
     timestamp: (/* @__PURE__ */ new Date()).toISOString(),
@@ -9422,46 +7223,6 @@ function copyPathAction(ref2, loc) {
     intent: { kind: "external", describe: "clipboard" }
   };
 }
-function reportAction(ref2) {
-  return {
-    id: "submit-report",
-    label: "Report",
-    icon: "message-circle-warning",
-    push: { id: BUILT_IN_VIEW_IDS.report, ref: ref2 },
-    intent: {
-      kind: "push",
-      viewId: BUILT_IN_VIEW_IDS.report,
-      refKind: ref2.kind
-    }
-  };
-}
-function viewReportsAction(ref2, count) {
-  return {
-    id: "view-reports",
-    label: "View Reports",
-    icon: "inbox",
-    hint: count != null ? count === 1 ? "1 item" : `${count} items` : void 0,
-    push: { id: BUILT_IN_VIEW_IDS.entityReports, ref: ref2 },
-    intent: {
-      kind: "push",
-      viewId: BUILT_IN_VIEW_IDS.entityReports,
-      refKind: ref2.kind
-    }
-  };
-}
-function jiraAction(ref2) {
-  return {
-    id: "create-jira-issue",
-    label: "Create Jira Ticket",
-    icon: "ticket-plus",
-    push: { id: BUILT_IN_VIEW_IDS.jiraReport, ref: ref2 },
-    intent: {
-      kind: "push",
-      viewId: BUILT_IN_VIEW_IDS.jiraReport,
-      refKind: ref2.kind
-    }
-  };
-}
 function buildSnapshotMarkdown(ref2, loc) {
   const snapshot = captureReportContext();
   const sourcePath = formatLocation(loc);
@@ -9552,18 +7313,6 @@ function createEntityDetailView(config) {
       const metaEntity = entity ? entity : null;
       const meta = metaEntity?.meta;
       const actions = [];
-      const cloud = ctx.cloud;
-      actions.push({ ...reportAction(ctx.ref), group: "Report" });
-      const reportCount = ctx.registry.getReports(kind, ctx.ref.id).length;
-      if (reportCount > 0) {
-        actions.push({
-          ...viewReportsAction(ctx.ref, reportCount),
-          group: "Report"
-        });
-      }
-      if (cloud?.integrations.getCachedConfig()?.hasJira) {
-        actions.push({ ...jiraAction(ctx.ref), group: "Report" });
-      }
       if (DOM_BACKED_KINDS.has(kind) && resolveEntityElement(ctx.ref)) {
         actions.push({ ...highlightElementAction(ctx.ref), group: "Inspect" });
         actions.push({ ...copyScreenshotAction(ctx.ref), group: "Inspect" });
@@ -9749,157 +7498,8 @@ var primitivesView = createEntityKindListView(
   BUILT_IN_VIEW_IDS.primitives
 );
 
-// src/browser/views/built-in/report-detail.ts
-var selectedId = null;
-function setSelectedReportId(id) {
-  selectedId = id;
-}
-function findReport(ctx) {
-  if (!ctx.ref || !selectedId) return null;
-  const reports = ctx.registry.getReports(ctx.ref.kind, ctx.ref.id);
-  return reports.find((r) => r.id === selectedId) ?? null;
-}
-var reportDetailView = {
-  id: BUILT_IN_VIEW_IDS.reportDetail,
-  matches: () => false,
-  parent: (ref2) => ({ id: BUILT_IN_VIEW_IDS.entityReports, ref: ref2 }),
-  searchable: false,
-  focusTarget: (host) => host.querySelector(
-    "[data-uidex-detail-actions] [data-uidex-detail-action]"
-  ),
-  surface: (ctx) => {
-    const report = findReport(ctx);
-    if (!report) {
-      return {
-        kind: "detail",
-        entityKind: ctx.ref?.kind ?? "element",
-        notFound: ctx.ref ?? void 0
-      };
-    }
-    const typeLabel = TYPE_LABELS[report.type] ?? report.type;
-    const sevLabel = SEVERITY_LABELS[report.severity] ?? report.severity;
-    const sections = [];
-    if (report.body) {
-      sections.push({ id: "description", text: report.body });
-    }
-    if (report.screenshot) {
-      sections.push({ id: "screenshot", url: report.screenshot });
-    } else {
-      const pins = ctx.cloud?.pins;
-      const fetchScreenshot = pins?.screenshot;
-      if (pins && fetchScreenshot) {
-        sections.push({
-          id: "screenshot",
-          load: () => fetchScreenshot.call(pins, report.id)
-        });
-      }
-    }
-    const metaEntries = [];
-    if (report.url) metaEntries.push({ label: "URL", value: report.url });
-    if (report.route) metaEntries.push({ label: "Route", value: report.route });
-    if (report.pageTitle)
-      metaEntries.push({ label: "Page", value: report.pageTitle });
-    if (metaEntries.length > 0) {
-      sections.push({ id: "metadata", entries: metaEntries });
-    }
-    const actions = [];
-    if (ctx.registry.closeReport) {
-      actions.push({
-        id: "close",
-        label: "Close",
-        icon: "archive-x",
-        run: () => {
-          setCloseTarget(report.id, () => ctx.pop());
-          ctx.push({ id: BUILT_IN_VIEW_IDS.closeReason });
-        }
-      });
-    }
-    if (report.url) {
-      actions.push({
-        id: "open-url",
-        label: "Open URL",
-        icon: "copy",
-        copy: report.url
-      });
-    }
-    return {
-      kind: "detail",
-      entityKind: ctx.ref?.kind ?? "element",
-      title: report.title || "(no title)",
-      subtitle: {
-        rawId: [
-          typeLabel,
-          sevLabel,
-          authorLabel(report),
-          relativeTime(report.createdAt)
-        ].filter(Boolean).join(" \xB7 ")
-      },
-      actions,
-      sections
-    };
-  }
-};
-
-// src/browser/views/built-in/entity-reports.ts
-function reportToItem(report, ctx) {
-  const typeLabel = TYPE_LABELS[report.type] ?? report.type;
-  const sevLabel = SEVERITY_LABELS[report.severity] ?? report.severity;
-  const raw = report.title || report.body;
-  const label = raw.length > 80 ? raw.slice(0, 80) + "\u2026" : raw;
-  const kind = ctx.ref?.kind ?? "element";
-  const actions = [];
-  if (ctx.registry.closeReport) {
-    actions.push({
-      id: `close-${report.id}`,
-      label: "Close",
-      perform: () => {
-        setCloseTarget(report.id, () => ctx.pop());
-        ctx.push({ id: BUILT_IN_VIEW_IDS.closeReason });
-      }
-    });
-  }
-  return {
-    value: `report:${report.id}`,
-    label: label || "(no description)",
-    subtitle: [
-      authorLabel(report),
-      typeLabel,
-      sevLabel,
-      relativeTime(report.createdAt)
-    ].filter(Boolean).join(" \xB7 "),
-    tag: `report:${report.id}`,
-    leading: () => renderKindIcon(kind),
-    actions
-  };
-}
-var entityReportsView = {
-  id: BUILT_IN_VIEW_IDS.entityReports,
-  matches: () => false,
-  parent: parentDetail,
-  title: "Reports",
-  searchable: true,
-  hints: [{ key: "\u21B5", label: "Select" }],
-  focusTarget: () => null,
-  surface: (ctx) => {
-    const ref2 = ctx.ref;
-    const reports = ref2 ? ctx.registry.getReports(ref2.kind, ref2.id) : [];
-    const items = reports.map((r) => reportToItem(r, ctx));
-    return {
-      kind: "list",
-      id: "uidex-entity-reports",
-      items,
-      emptyLabel: "No reports for this element",
-      filter: (item, query) => matchesQuery(`${item.label} ${item.subtitle ?? ""}`, query),
-      onSelect: (item) => {
-        setSelectedReportId(item.value.replace(/^report:/, ""));
-        ctx.push({ id: BUILT_IN_VIEW_IDS.reportDetail, ref: ref2 });
-      }
-    };
-  }
-};
-
 // src/browser/views/built-in/explore-page.ts
-import { Compass as Compass2, createElement as createLucideElement8 } from "lucide";
+import { Compass as Compass2, createElement as createLucideElement6 } from "lucide";
 var KIND_ORDER = new Map(
   ENTITY_KINDS.map((kind, index) => [kind, index])
 );
@@ -9941,7 +7541,7 @@ var explorePageView = {
   palette: {
     label: "Explore Page",
     shortcut: "",
-    icon: () => createLucideElement8(Compass2)
+    icon: () => createLucideElement6(Compass2)
   },
   title: "Explore Page",
   hints: [{ key: "\u21B5", label: "Select" }],
@@ -9976,332 +7576,6 @@ var explorePageView = {
   }
 };
 
-// src/browser/internal/clipboard.ts
-async function copyToClipboard(text) {
-  try {
-    if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
-      await navigator.clipboard.writeText(text);
-      return true;
-    }
-  } catch {
-  }
-  try {
-    if (typeof document === "undefined") return false;
-    const textarea = document.createElement("textarea");
-    textarea.value = text;
-    textarea.setAttribute("readonly", "");
-    textarea.style.position = "fixed";
-    textarea.style.opacity = "0";
-    document.body.appendChild(textarea);
-    textarea.select();
-    const ok = document.execCommand("copy");
-    document.body.removeChild(textarea);
-    return ok;
-  } catch {
-    return false;
-  }
-}
-
-// src/browser/views/built-in/report/markdown.ts
-function capitalize2(s) {
-  return s.length === 0 ? s : s[0].toUpperCase() + s.slice(1);
-}
-function renderPayloadMarkdown(payload) {
-  const heading = payload.title ?? `${capitalize2(payload.type ?? "")} Report`;
-  const ctx = payload.context;
-  const lines = [
-    `# ${heading}`,
-    "",
-    `- **Type:** ${payload.type}`,
-    ...payload.severity ? [`- **Severity:** ${payload.severity}`] : [],
-    `- **Entity:** \`${payload.entity}\``,
-    "",
-    "#### Description",
-    payload.body || "_(no description)_",
-    "",
-    "#### Context",
-    `- **URL:** ${ctx?.url}`,
-    ...ctx?.pageTitle ? [`- **Page title:** ${ctx.pageTitle}`] : [],
-    `- **Viewport:** ${ctx?.viewport.w}\xD7${ctx?.viewport.h}`,
-    `- **User agent:** ${ctx?.userAgent}`,
-    `- **Timestamp:** ${ctx?.timestamp}`
-  ];
-  return lines.join("\n") + "\n";
-}
-
-// src/browser/views/built-in/report/schema.ts
-import { z } from "zod";
-var reportSchema = z.object({
-  type: z.enum(["bug", "request", "suggestion"]),
-  severity: z.enum(["low", "medium", "high", "critical"]).optional(),
-  title: z.string().optional(),
-  body: z.string().trim().min(1, { message: "Description is required." })
-});
-var reportFields = [
-  {
-    kind: "select",
-    name: "type",
-    label: "Type",
-    options: [
-      { value: "bug", label: "Bug" },
-      { value: "request", label: "Request" },
-      { value: "suggestion", label: "Suggestion" }
-    ]
-  },
-  {
-    kind: "select",
-    name: "severity",
-    label: "Severity",
-    value: "medium",
-    options: [
-      { value: "low", label: "Low" },
-      { value: "medium", label: "Medium" },
-      { value: "high", label: "High" },
-      { value: "critical", label: "Critical" }
-    ]
-  },
-  {
-    kind: "text",
-    name: "title",
-    label: "Title",
-    placeholder: "Short summary (optional)"
-  },
-  {
-    kind: "textarea",
-    name: "body",
-    label: "Description",
-    placeholder: "Describe what happened\u2026",
-    required: true
-  }
-];
-
-// src/browser/views/built-in/report/view-builder.ts
-var KIND_TO_ATTR = new Map(
-  UIDEX_ATTR_TO_KIND.map(([attr, kind]) => [kind, attr])
-);
-function resolveElement(ref2) {
-  const attr = KIND_TO_ATTR.get(ref2.kind);
-  if (!attr) return null;
-  return document.querySelector(
-    `[${attr}="${CSS.escape(ref2.id)}"]`
-  );
-}
-function buildPayload(ctx, componentId, values, prefix, augmentPayload, screenshot) {
-  const context = captureReportContext({ getRoute: ctx.getRoute });
-  const title = String(values.title ?? "").trim();
-  const body = String(values.body ?? "").trim();
-  const reporter = ctx.user ? { id: ctx.user.id, name: ctx.user.name || void 0 } : void 0;
-  const payload = {
-    type: values.type ?? "bug",
-    severity: values.severity ?? "medium",
-    title: title || void 0,
-    body: prefix ? `${prefix}${body}` : body,
-    entity: componentId,
-    screenshot,
-    context,
-    reporter,
-    metadata: ctx.user ? { userId: ctx.user.id } : void 0
-  };
-  return augmentPayload ? augmentPayload(payload, ctx, values) : payload;
-}
-async function copyFallback(payload) {
-  const markdown = renderPayloadMarkdown(payload);
-  const copied = await copyToClipboard(markdown);
-  if (!copied) console.log("[uidex] report markdown:\n" + markdown);
-  return {
-    status: copied ? "success" : "error",
-    message: copied ? "Copied to clipboard" : "Copy failed"
-  };
-}
-function createReportView(config) {
-  const {
-    id,
-    resolveCloud,
-    componentId,
-    submitLabels,
-    successToast,
-    failureToast,
-    prependDescription,
-    baseFields,
-    extraFields,
-    augmentPayload,
-    successResult,
-    schema: schemaOverride
-  } = config;
-  return {
-    id,
-    matches: () => false,
-    parent: parentDetail,
-    searchable: false,
-    hints: (ctx) => [
-      {
-        key: "\u2318\u21B5",
-        label: resolveCloud(ctx) ? submitLabels.ready : submitLabels.noCloud
-      }
-    ],
-    focusTarget: (host) => host.querySelector(
-      "[data-uidex-form='report'] select, [data-uidex-form='report'] input, [data-uidex-form='report'] textarea"
-    ),
-    surface: (ctx) => {
-      const cloud = resolveCloud(ctx);
-      const extra = extraFields ? extraFields(ctx) : [];
-      const fields = [...extra, ...baseFields ?? reportFields];
-      const isDomBacked = ctx.ref != null && DOM_BACKED_KINDS.has(ctx.ref.kind);
-      const targetEl = ctx.ref && isDomBacked ? resolveElement(ctx.ref) : null;
-      const screenshotPromise = isDomBacked ? captureScreenshot({
-        target: targetEl ?? void 0,
-        maxWidth: 1280
-      }).catch(() => null) : null;
-      return {
-        kind: "form",
-        id: "report",
-        fields,
-        schema: schemaOverride ?? reportSchema,
-        screenshotPreview: screenshotPromise ? screenshotPromise : void 0,
-        submit: {
-          label: cloud ? submitLabels.ready : submitLabels.noCloud,
-          onSubmit: async (values) => {
-            const screenshot = await screenshotPromise ?? void 0;
-            const prefix = prependDescription ? prependDescription() : "";
-            const payload = buildPayload(
-              ctx,
-              componentId(ctx),
-              values,
-              prefix,
-              augmentPayload,
-              screenshot
-            );
-            if (!cloud) {
-              return copyFallback(payload);
-            }
-            try {
-              const result = await cloud.reports.submit(
-                payload
-              );
-              ctx.onAfterSubmit?.();
-              if (successResult) return successResult(result);
-              return {
-                status: "success",
-                message: successToast(result)
-              };
-            } catch (err) {
-              const message = err instanceof Error ? err.message : String(err);
-              return {
-                status: "error",
-                message: failureToast(err) ?? message
-              };
-            }
-          }
-        }
-      };
-    }
-  };
-}
-
-// src/browser/views/built-in/report/host-report.ts
-var reportView = createReportView({
-  id: BUILT_IN_VIEW_IDS.report,
-  resolveCloud: (ctx) => ctx.cloud,
-  componentId: (ctx) => ctx.ref ? `${ctx.ref.kind}:${ctx.ref.id}` : "unknown",
-  submitLabels: { ready: "Report", noCloud: "Copy Report" },
-  successToast: (result) => {
-    const ticketKey = result.externalLink?.ok && result.externalLink.key ? result.externalLink.key : null;
-    return ticketKey ? `Report submitted (${ticketKey})` : "Report submitted";
-  },
-  failureToast: (err) => {
-    const message = err instanceof Error ? err.message : String(err);
-    return `Failed: ${message}`;
-  }
-});
-
-// src/browser/views/built-in/report/jira-report.ts
-var jiraSchema = reportSchema.omit({ type: true });
-var jiraBaseFields = reportFields.filter(
-  (f) => f.name !== "type" && f.name !== "severity"
-);
-function buildParentIssueField(config) {
-  const issues = config.parentIssues ?? [];
-  const options = [
-    { value: "", label: "None" }
-  ];
-  const byType = /* @__PURE__ */ new Map();
-  for (const issue of issues) {
-    const group = byType.get(issue.issueType) ?? [];
-    group.push(issue);
-    byType.set(issue.issueType, group);
-  }
-  for (const [type, group] of byType) {
-    for (const issue of group) {
-      options.push({
-        value: issue.key,
-        label: `[${type}] ${issue.key}: ${issue.summary}`
-      });
-    }
-  }
-  return {
-    kind: "select",
-    name: "parentIssue",
-    label: "Parent Issue",
-    options
-  };
-}
-var jiraReportView = createReportView({
-  id: BUILT_IN_VIEW_IDS.jiraReport,
-  resolveCloud: (ctx) => ctx.cloud,
-  componentId: (ctx) => ctx.ref ? `${ctx.ref.kind}:${ctx.ref.id}` : "unknown",
-  submitLabels: { ready: "Create Jira Ticket", noCloud: "Copy report" },
-  schema: jiraSchema,
-  baseFields: jiraBaseFields,
-  extraFields: (ctx) => {
-    const cloud = ctx.cloud;
-    const config = cloud?.integrations.getCachedConfig() ?? null;
-    if (!config?.hasJira) return [];
-    return [buildParentIssueField(config)];
-  },
-  augmentPayload: (payload, ctx, values) => {
-    const cloud = ctx.cloud;
-    const config = cloud?.integrations.getCachedConfig() ?? null;
-    if (!config?.hasJira || !config.integrationId) return payload;
-    const targetConfig = {};
-    const parentKey = values.parentIssue;
-    if (parentKey) {
-      const issue = config.parentIssues?.find((i) => i.key === parentKey);
-      if (issue) targetConfig.epicId = issue.id;
-    }
-    return {
-      ...payload,
-      type: "bug",
-      suggestedTarget: {
-        integrationId: config.integrationId,
-        targetConfig
-      }
-    };
-  },
-  successResult: (result) => {
-    const link = result.externalLink;
-    if (link?.ok && link.key) {
-      return {
-        status: "success",
-        message: `Created ${link.key}`,
-        link: link.url ? { url: link.url, label: link.key } : void 0
-      };
-    }
-    return {
-      status: "error",
-      message: "Report saved \u2014 Jira issue creation failed"
-    };
-  },
-  successToast: (result) => {
-    const link = result.externalLink;
-    if (link?.ok && link.key) return `Created ${link.key}`;
-    return "Report saved \u2014 Jira Bug failed";
-  },
-  failureToast: (err) => {
-    const message = err instanceof Error ? err.message : String(err);
-    return `Failed to create issue: ${message}`;
-  }
-});
-
 // src/browser/views/built-in/flow-detail.ts
 var STEP_KINDS = [
   "element",
@@ -10333,8 +7607,7 @@ var flowDetailView = {
     }
     const actions = [
       copyPathAction(ctx.ref, flow.loc),
-      copySnapshotAction(ctx.ref, flow.loc),
-      reportAction(ctx.ref)
+      copySnapshotAction(ctx.ref, flow.loc)
     ];
     const sections = [
       flow.steps.length > 0 ? buildStepsSection(flow.steps, ctx.registry) : buildTouchesSection(flow, ctx.registry)
@@ -10424,7 +7697,7 @@ var flowsView = {
 };
 
 // src/browser/views/built-in/glossary.ts
-import { BookOpen, createElement as createLucideElement9 } from "lucide";
+import { BookOpen, createElement as createLucideElement7 } from "lucide";
 var KIND_TO_VIEW = {
   element: BUILT_IN_VIEW_IDS.elements,
   widget: BUILT_IN_VIEW_IDS.widgets,
@@ -10461,7 +7734,7 @@ var glossaryView = {
   palette: {
     label: "Glossary",
     group: PALETTE_GROUPS.commands,
-    icon: () => createLucideElement9(BookOpen)
+    icon: () => createLucideElement7(BookOpen)
   },
   title: "Glossary",
   hints: [{ key: "\u21B5", label: "Select" }],
@@ -10490,246 +7763,9 @@ var glossaryView = {
   }
 };
 
-// src/browser/views/built-in/page-reports.ts
-import { CircleOff, Inbox as Inbox2, createElement as createLucideElement10 } from "lucide";
-function collectPageReports(ctx) {
-  const items = [];
-  const seenReportIds = /* @__PURE__ */ new Set();
-  for (const kind of ENTITY_KINDS) {
-    for (const entity of ctx.registry.list(kind)) {
-      const id = "id" in entity ? entity.id : "";
-      if (!id) continue;
-      const reports = ctx.registry.getReports(kind, id);
-      seenReportIds.add(`${kind}:${id}`);
-      const ref2 = { kind, id };
-      for (const report of reports) {
-        const typeLabel = TYPE_LABELS[report.type] ?? report.type;
-        const sevLabel = SEVERITY_LABELS[report.severity] ?? report.severity;
-        const raw = report.title || report.body;
-        const label = raw.length > 80 ? raw.slice(0, 80) + "\u2026" : raw;
-        const entityName = displayName(entity);
-        items.push({
-          value: `report:${report.id}`,
-          label: label || "(no description)",
-          subtitle: [
-            entityName,
-            authorLabel(report),
-            typeLabel,
-            sevLabel,
-            relativeTime(report.createdAt)
-          ].filter(Boolean).join(" \xB7 "),
-          tag: `report:${report.id}`,
-          group: `${kind}: ${entityName}`,
-          leading: () => renderKindIcon(kind),
-          ref: ref2
-        });
-      }
-    }
-  }
-  for (const key of ctx.registry.listReportKeys()) {
-    if (seenReportIds.has(key)) continue;
-    const parsed = parseComponentRef(key);
-    if (ctx.registry.get(parsed.kind, parsed.id)) continue;
-    const reports = ctx.registry.getReports(parsed.kind, parsed.id);
-    const ref2 = parsed;
-    for (const report of reports) {
-      const typeLabel = TYPE_LABELS[report.type] ?? report.type;
-      const sevLabel = SEVERITY_LABELS[report.severity] ?? report.severity;
-      const raw = report.title || report.body;
-      const label = raw.length > 80 ? raw.slice(0, 80) + "\u2026" : raw;
-      items.push({
-        value: `report:${report.id}`,
-        label: label || "(no description)",
-        subtitle: [
-          `${parsed.kind}:${parsed.id}`,
-          authorLabel(report),
-          typeLabel,
-          sevLabel,
-          relativeTime(report.createdAt)
-        ].filter(Boolean).join(" \xB7 "),
-        tag: `report:${report.id}`,
-        group: "Orphaned",
-        leading: () => createLucideElement10(CircleOff),
-        ref: ref2
-      });
-    }
-  }
-  return items;
-}
-var pageReportsView = {
-  id: BUILT_IN_VIEW_IDS.pageReports,
-  matches: () => false,
-  parent: () => COMMAND_PALETTE_ENTRY2,
-  palette: {
-    label: "Page Reports",
-    group: "Current Page",
-    icon: () => createLucideElement10(Inbox2)
-  },
-  title: "Page Reports",
-  searchable: true,
-  hints: [{ key: "\u21B5", label: "Select" }],
-  focusTarget: () => null,
-  surface: (ctx) => {
-    const items = collectPageReports(ctx);
-    return {
-      kind: "list",
-      id: "uidex-page-reports",
-      items,
-      emptyLabel: "No reports on this page",
-      filter: (item, query) => matchesQuery(
-        `${item.label} ${item.subtitle ?? ""} ${item.group ?? ""}`,
-        query
-      ),
-      onSelect: (item) => {
-        setSelectedReportId(item.value.replace(/^report:/, ""));
-        ctx.push({
-          id: BUILT_IN_VIEW_IDS.reportDetail,
-          ref: item.ref
-        });
-      }
-    };
-  }
-};
-
-// src/browser/views/built-in/pin-settings.ts
-import {
-  Check,
-  Globe,
-  MapPin as MapPin2,
-  Settings,
-  createElement as createLucideElement11
-} from "lucide";
-
-// src/browser/ui/toast.ts
-function showCopiedToast(message) {
-  if (typeof document === "undefined") return;
-  const dark = isDarkMode();
-  const toast = document.createElement("div");
-  toast.setAttribute("data-uidex-toast", "");
-  Object.assign(toast.style, {
-    position: "fixed",
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%) scale(0.96)",
-    padding: "12px 20px",
-    fontSize: "14px",
-    fontFamily: "ui-sans-serif, system-ui, sans-serif",
-    fontWeight: "500",
-    color: dark ? "#0a0a0a" : "#fafafa",
-    background: dark ? "rgba(255, 255, 255, 0.98)" : "rgba(28, 28, 30, 0.95)",
-    border: dark ? "1px solid rgba(0, 0, 0, 0.08)" : "1px solid rgba(255, 255, 255, 0.08)",
-    borderRadius: "10px",
-    boxShadow: dark ? "0 8px 24px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.2)" : "0 8px 24px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.25)",
-    zIndex: "2147483647",
-    pointerEvents: "none",
-    opacity: "0",
-    transition: "opacity 120ms ease-out, transform 160ms ease-out",
-    whiteSpace: "nowrap"
-  });
-  toast.textContent = message;
-  document.body.appendChild(toast);
-  requestAnimationFrame(() => {
-    toast.style.opacity = "1";
-    toast.style.transform = "translate(-50%, -50%) scale(1)";
-  });
-  setTimeout(() => {
-    toast.style.opacity = "0";
-    toast.style.transform = "translate(-50%, -50%) scale(0.96)";
-    setTimeout(() => toast.remove(), 200);
-  }, 1200);
-}
-
-// src/browser/views/built-in/pin-settings.ts
-var MATCH_MODE_KEY = "uidex:pin-match-mode";
-function readMode() {
-  try {
-    const v = localStorage.getItem(MATCH_MODE_KEY);
-    if (v === "route" || v === "pathname" || v === "component") return v;
-  } catch {
-  }
-  return "route";
-}
-function writeMode(mode) {
-  try {
-    localStorage.setItem(MATCH_MODE_KEY, mode);
-  } catch {
-  }
-}
-var MODES = [
-  {
-    value: "route",
-    label: "By route",
-    description: "Pins from any URL matching this route pattern",
-    icon: Globe
-  },
-  {
-    value: "pathname",
-    label: "By pathname",
-    description: "Pins from this exact URL path",
-    icon: MapPin2
-  },
-  {
-    value: "component",
-    label: "By component",
-    description: "All pins for components on this page",
-    icon: Settings
-  }
-];
-function leadingIcon2(iconNode, active) {
-  return () => {
-    const svg2 = createLucideElement11(active ? Check : iconNode);
-    svg2.setAttribute("aria-hidden", "true");
-    return createIconTile(svg2);
-  };
-}
-var pinSettingsView = {
-  id: BUILT_IN_VIEW_IDS.pinSettings,
-  matches: () => false,
-  parent: () => COMMAND_PALETTE_ENTRY2,
-  palette: {
-    label: "Pin settings",
-    group: PALETTE_GROUPS.commands,
-    icon: () => createLucideElement11(Settings)
-  },
-  title: "Pin settings",
-  searchable: false,
-  focusTarget: (host) => host.querySelector("[data-uidex-list-content]"),
-  surface: (ctx) => {
-    const current = readMode();
-    const items = MODES.map((m) => {
-      const active = m.value === current;
-      return {
-        value: m.value,
-        label: m.label,
-        subtitle: m.description,
-        leading: leadingIcon2(m.icon, active),
-        trailing: active ? html`<span class="text-muted-foreground ms-auto text-xs font-medium"
-              >Active</span
-            >` : void 0
-      };
-    });
-    return {
-      kind: "list",
-      id: "uidex-pin-settings",
-      searchable: false,
-      items,
-      emptyLabel: "No options available",
-      onSelect: (item) => {
-        const mode = item.value;
-        writeMode(mode);
-        ctx.onAfterSubmit?.();
-        const modeLabel = MODES.find((m) => m.value === mode).label;
-        showCopiedToast(`Pin mode set to "${modeLabel}"`);
-        ctx.pop();
-      }
-    };
-  }
-};
-
 // src/browser/views/built-in/index.ts
 function buildDefaultViews(shortcut) {
   return [
-    closeReasonView,
     createCommandPaletteView(shortcut),
     explorePageView,
     componentDetailView,
@@ -10746,43 +7782,15 @@ function buildDefaultViews(shortcut) {
     primitivesView,
     primitiveDetailView,
     regionDetailView,
-    entityReportsView,
-    reportView,
-    jiraReportView,
-    glossaryView,
-    pageReportsView,
-    pinSettingsView,
-    reportDetailView
+    glossaryView
   ];
 }
 
 // src/browser/create-uidex.ts
-function getVisibleEntities() {
-  if (typeof document === "undefined") return [];
-  const selector = UIDEX_ATTR_TO_KIND.map(([a]) => `[${a}]`).join(",");
-  const nodes = document.querySelectorAll(selector);
-  const ids = [];
-  const seen = /* @__PURE__ */ new Set();
-  for (const node of nodes) {
-    if (node.closest(SURFACE_IGNORE_SELECTOR)) continue;
-    for (const [attr, kind] of UIDEX_ATTR_TO_KIND) {
-      const id = node.getAttribute(attr);
-      if (!id) continue;
-      const key = `${kind}:${id}`;
-      if (!seen.has(key)) {
-        seen.add(key);
-        ids.push(key);
-      }
-      break;
-    }
-  }
-  return ids;
-}
 function createUidex(options = {}) {
   const registry = createRegistry();
   const inspectorRef = { current: null };
   const overlayRef = { current: null };
-  const pinLayerRef = { current: null };
   const applyOverlay = (ctx) => {
     const overlay = overlayRef.current;
     if (!overlay) return;
@@ -10802,7 +7810,6 @@ function createUidex(options = {}) {
   const session = createSession({
     theme: options.theme,
     resolvedTheme: options.resolvedTheme,
-    user: options.user,
     onMountInspector: () => inspectorRef.current?.mount(),
     onDestroyInspector: () => inspectorRef.current?.destroy(),
     onShowOverlay: applyOverlay,
@@ -10810,9 +7817,6 @@ function createUidex(options = {}) {
     onUpdateOverlay: applyOverlay
   });
   const views = createRouter({ session });
-  const cloud = options.cloud ?? null;
-  const ingestOpts = resolveIngestOptions(options.ingest, cloud !== null);
-  const ingest = ingestOpts ? createIngest(ingestOpts) : null;
   if (options.defaultViews !== false) {
     for (const view of buildDefaultViews(options.shortcut)) views.add(view);
   }
@@ -10822,111 +7826,12 @@ function createUidex(options = {}) {
   let shadowRoot = null;
   const mountCleanup = createCleanupStack();
   let mounted = false;
-  function syncReportsToRegistry() {
-    const layer = pinLayerRef.current;
-    if (!layer) return;
-    const byEntity = /* @__PURE__ */ new Map();
-    for (const pin of layer.getAllPins()) {
-      const cid = pin.entity ?? "";
-      if (!cid) continue;
-      const list = byEntity.get(cid);
-      if (list) list.push(pin);
-      else byEntity.set(cid, [pin]);
-    }
-    for (const [cid, pins] of byEntity) {
-      const ref2 = parseComponentRef(cid);
-      registry.setReports(ref2.kind, ref2.id, pins);
-    }
-  }
-  function setupKeyBindings(root, viewStack) {
-    const bindings = bindShadowKeys({
-      shadowRoot: root,
-      session,
-      getActionsPopup: () => viewStack.getActionsPopup(),
-      getPinLayer: () => pinLayerRef.current,
-      shortcut: options.shortcut
-    });
-    mountCleanup.add(bindings);
-    return bindings;
-  }
-  function setupPinLayer(root, shell, channel, getCurrentRoute, getMatchMode, getPathname) {
-    if (cloud) {
-      registry.closeReport = async (reportId, status) => {
-        pinLayerRef.current?.removePin(reportId);
-        await cloud.pins.close(
-          reportId,
-          status
-        );
-        syncReportsToRegistry();
-      };
-    }
-    const pinLayer = createPinLayer({
-      container: root,
-      onOpenPinDetail: (componentId, reportId) => {
-        const ref2 = parseComponentRef(componentId);
-        setSelectedReportId(reportId);
-        const entry = { id: BUILT_IN_VIEW_IDS.reportDetail, ref: ref2 };
-        session.mode.transition.enterViewing(views.buildStack(entry));
-      },
-      onHoverPin: (anchor, componentId) => {
-        const overlay = overlayRef.current;
-        if (!overlay) return;
-        if (!anchor || !componentId) {
-          overlay.hide();
-          return;
-        }
-        overlay.show(anchor, {
-          color: isDarkMode() ? "#e4e4e7" : "#27272a"
-        });
-      },
-      onPinsChanged: syncReportsToRegistry
-    });
-    shell.menuBar.setPinLayer(pinLayer);
-    pinLayerRef.current = pinLayer;
-    mountCleanup.add(() => {
-      pinLayer.destroy();
-      pinLayerRef.current = null;
-      registry.closeReport = void 0;
-    });
-    if (cloud) {
-      const detach = pinLayer.attachCloud({
-        cloud,
-        channel,
-        getRoute: getCurrentRoute,
-        getPathname,
-        getVisibleEntities,
-        getMatchMode,
-        onError: (err) => console.warn("[uidex] pin fetch failed", err)
-      });
-      mountCleanup.add(detach);
-      if (channel && typeof window !== "undefined") {
-        const onRouteChange = () => {
-          const route = getCurrentRoute();
-          channel?.joinRoute(route);
-          void pinLayer.refresh();
-        };
-        const detachRoute = bindRouteChange(onRouteChange);
-        mountCleanup.add(detachRoute);
-      }
-    }
-  }
   function mount(target) {
     if (mounted) return;
     const mountTarget = target ?? (typeof document !== "undefined" ? document.body : null);
     if (!mountTarget) {
       throw new Error("createUidex: no mount target available");
     }
-    const getPathname = () => typeof location !== "undefined" ? location.pathname : "/";
-    const getCurrentRoute = () => options.getRoute?.() ?? findCurrentRoutePath(registry) ?? getPathname();
-    const getMatchMode = () => readMode();
-    let channel = null;
-    if (cloud && options.user) {
-      channel = cloud.realtime.connect({
-        user: options.user,
-        route: getCurrentRoute()
-      });
-      mountCleanup.add(() => channel?.disconnect());
-    }
     const shell = createSurfaceShell({
       mount: mountTarget,
       registry,
@@ -10934,7 +7839,6 @@ function createUidex(options = {}) {
       stylesheets: options.stylesheets,
       initialCorner: options.initialCorner,
       appTitle: options.appTitle,
-      channel,
       inspector: {
         onSelect: (match) => {
           const route = views.resolve(match.ref);
@@ -10970,38 +7874,23 @@ function createUidex(options = {}) {
     viewContainer.setAttribute("data-uidex-views", "");
     shell.host.chromeEl.appendChild(viewContainer);
     mountCleanup.add(() => viewContainer.remove());
-    let keyBindings = null;
     const viewStack = createViewStack({
       container: viewContainer,
       views,
       session,
       registry,
-      cloud,
       highlight,
-      shortcut: options.shortcut,
-      pushEscapeLayer: (handler) => {
-        if (!keyBindings) return () => {
-        };
-        return keyBindings.pushEscapeLayer(handler);
-      },
-      onAfterSubmit: () => pinLayerRef.current?.refresh(),
-      getRoute: getCurrentRoute
+      shortcut: options.shortcut
     });
     mountCleanup.add(viewStack);
     if (shadowRoot) {
-      keyBindings = setupKeyBindings(shadowRoot, viewStack);
-      setupPinLayer(
+      const keyBindings = bindShadowKeys({
         shadowRoot,
-        shell,
-        channel,
-        getCurrentRoute,
-        getMatchMode,
-        getPathname
-      );
-    }
-    if (ingest) {
-      ingest.start();
-      mountCleanup.add(() => ingest.stop());
+        session,
+        getActionsPopup: () => viewStack.getActionsPopup(),
+        shortcut: options.shortcut
+      });
+      mountCleanup.add(keyBindings);
     }
     mounted = true;
   }
@@ -11017,8 +7906,6 @@ function createUidex(options = {}) {
     registry,
     session,
     views,
-    cloud,
-    ingest,
     get shadowRoot() {
       return shadowRoot;
     }
@@ -11030,27 +7917,18 @@ import { jsx } from "react/jsx-runtime";
 var UidexContext = createContext(null);
 function UidexProvider({
   instance: externalInstance,
-  projectKey,
-  cloud,
-  user,
   config,
   children
 }) {
   const [owned] = useState(() => {
     if (externalInstance) return null;
-    const ownedCloud = cloud === void 0 && projectKey && typeof window !== "undefined" ? createCloud({ projectKey }) : null;
-    const resolvedCloud = cloud !== void 0 ? cloud : ownedCloud;
-    return {
-      instance: createUidex({ ...config, cloud: resolvedCloud, user }),
-      cloud: ownedCloud
-    };
+    return { instance: createUidex({ ...config }) };
   });
-  const instance = externalInstance ?? owned.instance;
+  const instance = externalInstance ?? owned?.instance ?? null;
   useEffect(() => {
     if (!owned) return;
     return () => {
       owned.instance.unmount();
-      owned.cloud?.dispose?.();
     };
   }, [owned]);
   return /* @__PURE__ */ jsx(UidexContext.Provider, { value: instance, children });
@@ -11119,7 +7997,7 @@ import {
   LayoutPanelTop as LayoutPanelTop2,
   MousePointerClick as MousePointerClick3,
   Route as RouteIcon2,
-  Sparkles as Sparkles3,
+  Sparkles as Sparkles2,
   Workflow as Workflow2
 } from "lucide-react";
 import { twMerge as twMerge2 } from "tailwind-merge";
@@ -11127,7 +8005,7 @@ import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var REACT_ICONS = {
   route: RouteIcon2,
   page: FileText2,
-  feature: Sparkles3,
+  feature: Sparkles2,
   widget: LayoutGrid2,
   region: LayoutPanelTop2,
   element: MousePointerClick3,
@@ -11169,27 +8047,32 @@ function KindChip({
 
 // src/integrations/react/devtools.tsx
 import { useEffect as useEffect3, useState as useState2 } from "react";
-import { cloud as createCloud2 } from "uidex/cloud";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function UidexDevtools({
   loadRegistry,
-  projectKey,
-  endpoint,
-  user,
-  git,
+  loadDeferred,
   config
 }) {
   const [instance, setInstance] = useState2(null);
   useEffect3(() => {
-    const cloud = projectKey ? createCloud2({ projectKey, endpoint, git }) : null;
-    const inst = createUidex({ ...config, cloud, user, git });
+    const inst = createUidex({ ...config });
     loadRegistry(inst.registry);
     setInstance(inst);
+    let cancelled = false;
+    if (loadDeferred) {
+      const run = () => {
+        if (!cancelled)
+          Promise.resolve(loadDeferred(inst.registry)).catch(() => {
+          });
+      };
+      if (typeof requestIdleCallback === "function") requestIdleCallback(run);
+      else setTimeout(run, 0);
+    }
     return () => {
+      cancelled = true;
       inst.unmount();
-      cloud?.dispose?.();
     };
-  }, [projectKey, user?.id]);
+  }, []);
   if (!instance) return null;
   return /* @__PURE__ */ jsx4(UidexContext.Provider, { value: instance, children: /* @__PURE__ */ jsx4(UidexMount, {}) });
 }