@rudderjs/telescope 0.0.1 → 0.0.2

package/dist/views/vanilla/Layout.js

@@ -0,0 +1,225 @@
+/**
+ * Shared HTML chrome for Telescope dashboard pages.
+ *
+ * Vanilla mode (raw template literals + Alpine.js + Tailwind via CDN). No
+ * client framework dependency, no build step. The package's UI is fully
+ * self-contained so telescope can debug a host app of any framework.
+ *
+ * SPA navigation: the `telescopeSpa()` Alpine component intercepts internal
+ * link clicks, fetches the target page via `fetch()`, swaps the `<main>`
+ * content, and pushes to `history.pushState()`. The sidebar never reloads.
+ * Back/forward buttons work via `popstate`. External links fall through.
+ */
+export function Layout(props) {
+    const { title, body, basePath, activePath } = props;
+    const nav = [
+        { label: 'Dashboard', path: '', icon: 'M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6' },
+        { label: 'Requests', path: '/requests', icon: 'M13 10V3L4 14h7v7l9-11h-7z' },
+        { label: 'Queries', path: '/queries', icon: 'M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4' },
+        { label: 'Jobs', path: '/jobs', icon: 'M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10' },
+        { label: 'Exceptions', path: '/exceptions', icon: 'M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z' },
+        { label: 'Logs', path: '/logs', icon: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z' },
+        { label: 'Mail', path: '/mail', icon: 'M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z' },
+        { label: 'Notifications', path: '/notifications', icon: 'M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9' },
+        { label: 'Events', path: '/events', icon: 'M13 10V3L4 14h7v7l9-11h-7z' },
+        { label: 'Cache', path: '/cache', icon: 'M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4' },
+        { label: 'Schedule', path: '/schedule', icon: 'M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z' },
+        { label: 'Models', path: '/models', icon: 'M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10' },
+        { label: 'Commands', path: '/commands', icon: 'M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z' },
+        { label: 'HTTP Client', path: '/http', icon: 'M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9' },
+        { label: 'Gates', path: '/gates', icon: 'M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z' },
+        { label: 'Dumps', path: '/dumps', icon: 'M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4' },
+        { label: 'WebSockets', path: '/broadcasts', icon: 'M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728m-9.9-2.829a5 5 0 010-7.07m7.072 0a5 5 0 010 7.07M13 12a1 1 0 11-2 0 1 1 0 012 0z' },
+        { label: 'AI', path: '/ai', icon: 'M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z' },
+        { label: 'MCP', path: '/mcp', icon: 'M13 10V3L4 14h7v7l9-11h-7z' },
+        { label: 'Live (Yjs)', path: '/live', icon: 'M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z' },
+    ];
+    // Build nav with Alpine-driven active state
+    const navHtml = nav.map(n => {
+        const href = `${basePath}${n.path}`;
+        const pathExpr = n.path === '' ? `'/'` : `'${n.path}'`;
+        return `<a href="${href}" @click.prevent="navigate('${href}')"
+          class="flex items-center gap-3 px-3 py-2 text-sm rounded-lg transition"
+          :class="currentPath === ${pathExpr} ? 'bg-indigo-50 text-indigo-700 font-medium dark:bg-indigo-950 dark:text-indigo-300' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200'">
+      <svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="${n.icon}"/></svg>
+      ${n.label}
+    </a>`;
+    }).join('\n        ');
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${title} — Telescope</title>
+  <script>tailwindcss = { config: { darkMode: 'class' } }</script>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script>
+    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      document.documentElement.classList.add('dark')
+    }
+    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
+      document.documentElement.classList.toggle('dark', e.matches)
+    })
+  </script>
+  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+  <style>
+    [x-cloak] { display: none !important; }
+    .badge { @apply inline-flex items-center px-2 py-0.5 rounded text-xs font-medium; }
+  </style>
+</head>
+<body class="bg-gray-50 dark:bg-gray-950 text-gray-900 dark:text-gray-100 font-sans antialiased">
+  <div x-data="telescopeSpa()" @popstate.window="onPopState()" class="flex min-h-screen">
+    <!-- Sidebar -->
+    <aside class="w-56 bg-white dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 flex flex-col">
+      <div class="px-4 py-5 flex items-center gap-2 border-b border-gray-100 dark:border-gray-800">
+        <a href="${basePath}" @click.prevent="navigate('${basePath}')" class="flex items-center gap-2">
+          <div class="w-7 h-7 bg-violet-600 rounded-lg flex items-center justify-center">
+            <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
+            </svg>
+          </div>
+          <span class="font-semibold text-sm">Telescope</span>
+        </a>
+      </div>
+      <nav class="flex-1 px-3 py-4 space-y-0.5 overflow-y-auto">
+        ${navHtml}
+      </nav>
+    </aside>
+
+    <!-- Main content -->
+    <main id="telescope-main" class="flex-1 overflow-auto" @telescope:navigate.window="navigate($event.detail)">
+      <!-- Toolbar -->
+      <div class="border-b border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 px-6 py-2 flex items-center justify-end gap-2"
+           x-data="telescopeToolbar('${basePath}/api')">
+        <button @click="toggleRecording()" class="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg transition"
+                :class="recording ? 'bg-green-50 text-green-700 hover:bg-green-100' : 'bg-red-50 text-red-700 hover:bg-red-100'">
+          <span class="w-2 h-2 rounded-full" :class="recording ? 'bg-green-500' : 'bg-red-500'"></span>
+          <span x-text="recording ? 'Recording' : 'Paused'"></span>
+        </button>
+        <button @click="clearAll()" class="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-gray-50 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 transition">
+          <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
+          Clear
+        </button>
+        <button @click="refresh()" class="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-gray-50 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 transition">
+          <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg>
+          Refresh
+        </button>
+      </div>
+      <div class="max-w-6xl mx-auto px-6 py-8">
+        ${body}
+      </div>
+    </main>
+  </div>
+
+  <script>
+    function telescopeToolbar(apiPrefix) {
+      return {
+        recording: true,
+        async init() {
+          const data = await fetch(apiPrefix + '/recording').then(r => r.json())
+          this.recording = data.recording
+        },
+        async toggleRecording() {
+          const data = await fetch(apiPrefix + '/recording', { method: 'PATCH' }).then(r => r.json())
+          this.recording = data.recording
+        },
+        async clearAll() {
+          if (!confirm('Clear all telescope entries?')) return
+          await fetch(apiPrefix + '/entries', { method: 'DELETE' })
+          this.$dispatch('telescope:navigate', location.href)
+        },
+        refresh() {
+          this.$dispatch('telescope:navigate', location.href)
+        }
+      }
+    }
+
+    function telescopeSpa() {
+      const basePath = '${basePath}'
+      return {
+        currentPath: '${activePath}',
+
+        async navigate(href) {
+          // Stop any running auto-refresh timers from the previous page
+          this.stopPageTimers()
+
+          try {
+            const res = await fetch(href)
+            if (!res.ok) { window.location.href = href; return }
+            const text = await res.text()
+            const doc = new DOMParser().parseFromString(text, 'text/html')
+            const newMain = doc.getElementById('telescope-main')
+            if (!newMain) { window.location.href = href; return }
+
+            const mainEl = document.getElementById('telescope-main')
+
+            // Tear down old Alpine trees before replacing content
+            Alpine.mutateDom(() => {
+              mainEl.innerHTML = newMain.innerHTML
+            })
+
+            // Execute <script> tags from the swapped content — innerHTML
+            // doesn't execute scripts, so we need to manually create and
+            // append new <script> elements.
+            mainEl.querySelectorAll('script').forEach(oldScript => {
+              const newScript = document.createElement('script')
+              newScript.textContent = oldScript.textContent
+              oldScript.replaceWith(newScript)
+            })
+
+            // Now initialize Alpine on the new DOM
+            Alpine.initTree(mainEl)
+
+            // Update active path (strip basePath prefix for sidebar matching)
+            const url = new URL(href, location.origin)
+            const relative = url.pathname.replace(basePath, '') || '/'
+            this.currentPath = relative
+
+            // Update browser URL and title
+            const newTitle = doc.querySelector('title')
+            if (newTitle) document.title = newTitle.textContent
+            // Don't push if this was triggered by back/forward
+            if (this._isPopState) {
+              this._isPopState = false
+            } else {
+              history.pushState(null, '', href)
+            }
+          } catch (e) {
+            console.error('[Telescope SPA]', e)
+            window.location.href = href
+          }
+        },
+
+        onPopState() {
+          this.stopPageTimers()
+          // Fetch the page the browser navigated to
+          this._isPopState = true
+          this.navigate(location.href)
+        },
+
+        _isPopState: false,
+
+        stopPageTimers() {
+          // Clear any auto-refresh intervals from EntryList pages
+          const mainEl = document.getElementById('telescope-main')
+          if (mainEl) {
+            mainEl.querySelectorAll('[x-data]').forEach(el => {
+              if (el._x_dataStack) {
+                for (const data of el._x_dataStack) {
+                  if (data._refreshTimer) {
+                    clearInterval(data._refreshTimer)
+                    data._refreshTimer = null
+                  }
+                }
+              }
+            })
+          }
+        }
+      }
+    }
+  </script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=Layout.js.map

package/dist/views/vanilla/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/views/vanilla/Layout.ts"],"names":[],"mappings":"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"}

package/dist/views/vanilla/_html.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Tiny HTML templating helper — inlined from `@rudderjs/view`'s `html\`\``,
+ * `escapeHtml`, and `SafeString` so telescope doesn't need to pull
+ * `@rudderjs/view` (which has a `vike` peer dep that's unwanted baggage
+ * for a self-contained debug tool).
+ *
+ * If `@rudderjs/view` ever drops the Vike peer or splits the HTML helpers
+ * into a separate package, this file can be replaced with a one-line
+ * `export ... from '@rudderjs/view'`.
+ *
+ * The semantics match `@rudderjs/view` exactly:
+ * - Primitives are escaped via `escapeHtml`
+ * - `null`/`undefined`/`false` render as empty string
+ * - Arrays recursively render and join (no separator)
+ * - `SafeString` instances pass through unchanged (the escape hatch for
+ *   composing nested templates or injecting trusted markup)
+ */
+export declare class SafeString {
+    readonly value: string;
+    constructor(value: string);
+    toString(): string;
+}
+export declare function escapeHtml(value: unknown): string;
+export declare function html(strings: TemplateStringsArray, ...values: unknown[]): SafeString;
+/** Wrap pre-rendered, trusted HTML so it passes through `html\`\`` interpolation unchanged. */
+export declare function raw(value: string): SafeString;
+//# sourceMappingURL=_html.d.ts.map

package/dist/views/vanilla/_html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_html.d.ts","sourceRoot":"","sources":["../../../src/views/vanilla/_html.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,qBAAa,UAAU;aACO,KAAK,EAAE,MAAM;gBAAb,KAAK,EAAE,MAAM;IACzC,QAAQ,IAAI,MAAM;CACnB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAQjD;AASD,wBAAgB,IAAI,CAAC,OAAO,EAAE,oBAAoB,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAMpF;AAED,+FAA+F;AAC/F,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,CAE7C"}

package/dist/views/vanilla/_html.js

@@ -0,0 +1,55 @@
+/**
+ * Tiny HTML templating helper — inlined from `@rudderjs/view`'s `html\`\``,
+ * `escapeHtml`, and `SafeString` so telescope doesn't need to pull
+ * `@rudderjs/view` (which has a `vike` peer dep that's unwanted baggage
+ * for a self-contained debug tool).
+ *
+ * If `@rudderjs/view` ever drops the Vike peer or splits the HTML helpers
+ * into a separate package, this file can be replaced with a one-line
+ * `export ... from '@rudderjs/view'`.
+ *
+ * The semantics match `@rudderjs/view` exactly:
+ * - Primitives are escaped via `escapeHtml`
+ * - `null`/`undefined`/`false` render as empty string
+ * - Arrays recursively render and join (no separator)
+ * - `SafeString` instances pass through unchanged (the escape hatch for
+ *   composing nested templates or injecting trusted markup)
+ */
+export class SafeString {
+    value;
+    constructor(value) {
+        this.value = value;
+    }
+    toString() { return this.value; }
+}
+export function escapeHtml(value) {
+    if (value === null || value === undefined)
+        return '';
+    return String(value)
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+function renderHtmlValue(value) {
+    if (value === null || value === undefined || value === false)
+        return '';
+    if (value instanceof SafeString)
+        return value.value;
+    if (Array.isArray(value))
+        return value.map(renderHtmlValue).join('');
+    return escapeHtml(value);
+}
+export function html(strings, ...values) {
+    let out = strings[0] ?? '';
+    for (let i = 0; i < values.length; i++) {
+        out += renderHtmlValue(values[i]) + (strings[i + 1] ?? '');
+    }
+    return new SafeString(out);
+}
+/** Wrap pre-rendered, trusted HTML so it passes through `html\`\`` interpolation unchanged. */
+export function raw(value) {
+    return new SafeString(value);
+}
+//# sourceMappingURL=_html.js.map

package/dist/views/vanilla/_html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_html.js","sourceRoot":"","sources":["../../../src/views/vanilla/_html.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,OAAO,UAAU;IACO;IAA5B,YAA4B,KAAa;QAAb,UAAK,GAAL,KAAK,CAAQ;IAAG,CAAC;IAC7C,QAAQ,KAAa,OAAO,IAAI,CAAC,KAAK,CAAA,CAAC,CAAC;CACzC;AAED,MAAM,UAAU,UAAU,CAAC,KAAc;IACvC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,CAAA;IACpD,OAAO,MAAM,CAAC,KAAK,CAAC;SACjB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;AAC3B,CAAC;AAED,SAAS,eAAe,CAAC,KAAc;IACrC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,KAAK;QAAE,OAAO,EAAE,CAAA;IACvE,IAAI,KAAK,YAAY,UAAU;QAAE,OAAO,KAAK,CAAC,KAAK,CAAA;IACnD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACpE,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAC1B,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,OAA6B,EAAE,GAAG,MAAiB;IACtE,IAAI,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;IAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;IAC5D,CAAC;IACD,OAAO,IAAI,UAAU,CAAC,GAAG,CAAC,CAAA;AAC5B,CAAC;AAED,+FAA+F;AAC/F,MAAM,UAAU,GAAG,CAAC,KAAa;IAC/B,OAAO,IAAI,UAAU,CAAC,KAAK,CAAC,CAAA;AAC9B,CAAC"}

package/dist/views/vanilla/columns.d.ts

@@ -0,0 +1,20 @@
+import type { Column } from './EntryList.js';
+/**
+ * Per-watcher column configurations for the generic `EntryList` template.
+ *
+ * Each entry maps a watcher type to its display config. The map key is
+ * the entry type as it appears in the URL (e.g. `requests`, `queries`),
+ * NOT the singular `EntryType` from `../../src/types.ts`.
+ *
+ * IMPORTANT: Column `key` expressions are placed inside HTML `x-text="..."`
+ * attributes (double-quoted). Use single quotes for string literals inside
+ * expressions — e.g. `"entry.content.status || '—'"` not `'...'`.
+ */
+export interface PageConfig {
+    /** Singular type name passed to EntryList — backend uses pluralisation rules */
+    type: string;
+    title: string;
+    columns: Column[];
+}
+export declare const pages: Record<string, PageConfig>;
+//# sourceMappingURL=columns.d.ts.map

package/dist/views/vanilla/columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../src/views/vanilla/columns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAE5C;;;;;;;;;;GAUG;AACH,MAAM,WAAW,UAAU;IACzB,gFAAgF;IAChF,IAAI,EAAK,MAAM,CAAA;IACf,KAAK,EAAI,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAqM5C,CAAA"}

package/dist/views/vanilla/columns.js

@@ -0,0 +1,181 @@
+export const pages = {
+    requests: {
+        type: 'request',
+        title: 'Requests',
+        columns: [
+            { label: 'Method', key: 'entry.content.method', badge: true },
+            { label: 'Path', key: 'entry.content.path', mono: true },
+            { label: 'Status', key: "entry.content.status || '—'", badge: true },
+            { label: 'Duration', key: "entry.content.duration + 'ms'", className: 'text-right' },
+        ],
+    },
+    queries: {
+        type: 'query',
+        title: 'Queries',
+        columns: [
+            { label: 'SQL', key: 'entry.content.sql', mono: true, className: 'truncate max-w-md' },
+            { label: 'Duration', key: "entry.content.duration + 'ms'", className: 'text-right' },
+            { label: 'Model', key: "entry.content.model || '—'" },
+        ],
+    },
+    jobs: {
+        type: 'job',
+        title: 'Jobs',
+        columns: [
+            { label: 'Class', key: 'entry.content.class', mono: true },
+            { label: 'Queue', key: 'entry.content.queue' },
+            { label: 'Status', key: 'entry.content.status', badge: true },
+            { label: 'Duration', key: "(entry.content.duration || 0) + 'ms'", className: 'text-right' },
+        ],
+    },
+    exceptions: {
+        type: 'exception',
+        title: 'Exceptions',
+        columns: [
+            { label: 'Class', key: 'entry.content.class', mono: true, className: 'text-red-600' },
+            { label: 'Message', key: 'entry.content.message', className: 'truncate max-w-md' },
+        ],
+    },
+    logs: {
+        type: 'log',
+        title: 'Logs',
+        columns: [
+            { label: 'Level', key: 'entry.content.level', badge: true },
+            { label: 'Channel', key: 'entry.content.channel' },
+            { label: 'Message', key: 'entry.content.message', className: 'truncate max-w-lg' },
+        ],
+    },
+    mail: {
+        type: 'mail',
+        title: 'Mail',
+        columns: [
+            { label: 'Class', key: 'entry.content.class', mono: true },
+            { label: 'Subject', key: 'entry.content.subject', className: 'truncate max-w-md' },
+            { label: 'To', key: "Array.isArray(entry.content.to) ? entry.content.to.join(', ') : entry.content.to" },
+        ],
+    },
+    notifications: {
+        type: 'notification',
+        title: 'Notifications',
+        columns: [
+            { label: 'Class', key: 'entry.content.class', mono: true },
+            { label: 'Channel', key: 'entry.content.channel' },
+            { label: 'Notifiable', key: 'entry.content.notifiable' },
+        ],
+    },
+    events: {
+        type: 'event',
+        title: 'Events',
+        columns: [
+            { label: 'Name', key: 'entry.content.name', mono: true },
+        ],
+    },
+    cache: {
+        type: 'cache',
+        title: 'Cache',
+        columns: [
+            { label: 'Key', key: "entry.content.key || '—'", mono: true, className: 'truncate max-w-md' },
+            { label: 'Operation', key: 'entry.content.operation', badge: true },
+        ],
+    },
+    schedule: {
+        type: 'schedule',
+        title: 'Scheduled Tasks',
+        columns: [
+            { label: 'Description', key: 'entry.content.description' },
+            { label: 'Expression', key: 'entry.content.expression', mono: true },
+            { label: 'Status', key: 'entry.content.status', badge: true },
+            { label: 'Duration', key: "(entry.content.duration || 0) + 'ms'", className: 'text-right' },
+        ],
+    },
+    models: {
+        type: 'model',
+        title: 'Model Changes',
+        columns: [
+            { label: 'Model', key: 'entry.content.model', mono: true },
+            { label: 'Action', key: 'entry.content.action', badge: true },
+        ],
+    },
+    commands: {
+        type: 'command',
+        title: 'Commands',
+        columns: [
+            { label: 'Name', key: 'entry.content.name', mono: true },
+            { label: 'Source', key: 'entry.content.source', badge: true },
+            { label: 'Exit', key: 'entry.content.exitCode', className: 'text-right font-mono text-xs' },
+            { label: 'Duration', key: "(entry.content.duration || 0) + 'ms'", className: 'text-right' },
+        ],
+    },
+    http: {
+        type: 'http',
+        title: 'HTTP Client',
+        columns: [
+            { label: 'Method', key: 'entry.content.method', badge: true },
+            { label: 'URL', key: 'entry.content.url', mono: true, className: 'truncate max-w-md' },
+            { label: 'Status', key: "entry.content.status || 'ERR'", badge: true },
+            { label: 'Duration', key: "(entry.content.duration || 0) + 'ms'", className: 'text-right' },
+        ],
+    },
+    gates: {
+        type: 'gate',
+        title: 'Gates',
+        columns: [
+            { label: 'Ability', key: 'entry.content.ability', mono: true },
+            { label: 'Result', key: "entry.content.allowed ? 'Allowed' : 'Denied'", badge: true },
+            { label: 'Via', key: 'entry.content.resolvedVia', badge: true },
+            { label: 'Duration', key: "(entry.content.duration || 0) + 'ms'", className: 'text-right' },
+        ],
+    },
+    dumps: {
+        type: 'dump',
+        title: 'Dumps',
+        columns: [
+            { label: 'Method', key: 'entry.content.method', badge: true },
+            { label: 'Args', key: "entry.content.count + ' value(s)'" },
+            { label: 'Caller', key: "entry.content.caller || '—'", mono: true, className: 'truncate max-w-md text-xs' },
+        ],
+    },
+    broadcasts: {
+        type: 'broadcast',
+        title: 'WebSockets',
+        columns: [
+            { label: 'Kind', key: 'entry.content.kind', badge: true },
+            { label: 'Channel', key: "entry.content.channel || '—'", mono: true, className: 'truncate max-w-md' },
+            { label: 'Event', key: "entry.content.event || '—'" },
+            { label: 'Conn', key: "(entry.content.connectionId || '').slice(0, 8) || '—'", mono: true, className: 'text-xs' },
+        ],
+    },
+    live: {
+        type: 'live',
+        title: 'Live (Yjs)',
+        columns: [
+            { label: 'Kind', key: 'entry.content.kind', badge: true },
+            { label: 'Doc', key: "entry.content.docName || '—'", mono: true, className: 'truncate max-w-xs' },
+            { label: 'Client', key: "(entry.content.clientId || '').slice(0, 8) || '—'", mono: true, className: 'text-xs' },
+            { label: 'Bytes', key: "entry.content.byteSize != null ? entry.content.byteSize : '—'", className: 'text-right font-mono text-xs' },
+        ],
+    },
+    ai: {
+        type: 'ai',
+        title: 'AI',
+        columns: [
+            { label: 'Agent', key: 'entry.content.agentName' },
+            { label: 'Model', key: 'entry.content.model', badge: true },
+            { label: 'Tokens', key: "entry.content.tokens?.total ?? '—'" },
+            { label: 'Tools', key: "entry.content.toolCallCount || '—'" },
+            { label: 'Duration', key: "entry.content.duration + 'ms'" },
+        ],
+    },
+    mcp: {
+        type: 'mcp',
+        title: 'MCP',
+        columns: [
+            { label: 'Server', key: 'entry.content.serverName', badge: true },
+            { label: 'Type', key: "entry.content.kind ? entry.content.kind.split('.')[0] : '—'", badge: true },
+            { label: 'Name', key: 'entry.content.name', mono: true, className: 'truncate max-w-xs' },
+            { label: 'Duration', key: "entry.content.duration != null ? Math.round(entry.content.duration) + 'ms' : '—'", className: 'text-right font-mono text-xs' },
+            { label: 'Status', key: "entry.content.error ? 'Failed' : 'OK'", badge: true },
+        ],
+    },
+};
+//# sourceMappingURL=columns.js.map

package/dist/views/vanilla/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/views/vanilla/columns.ts"],"names":[],"mappings":"AAoBA,MAAM,CAAC,MAAM,KAAK,GAA+B;IAC/C,QAAQ,EAAE;QACR,IAAI,EAAG,SAAS;QAChB,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,sBAAsB,EAAE,KAAK,EAAE,IAAI,EAAE;YAC/D,EAAE,KAAK,EAAE,MAAM,EAAM,GAAG,EAAE,oBAAoB,EAAI,IAAI,EAAE,IAAI,EAAE;YAC9D,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,6BAA6B,EAAE,KAAK,EAAE,IAAI,EAAE;YACtE,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,+BAA+B,EAAE,SAAS,EAAE,YAAY,EAAE;SACrF;KACF;IAED,OAAO,EAAE;QACP,IAAI,EAAG,OAAO;QACd,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,KAAK,EAAO,GAAG,EAAE,mBAAmB,EAAO,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE;YAChG,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,+BAA+B,EAAE,SAAS,EAAE,YAAY,EAAE;YACpF,EAAE,KAAK,EAAE,OAAO,EAAK,GAAG,EAAE,4BAA4B,EAAE;SACzD;KACF;IAED,IAAI,EAAE;QACJ,IAAI,EAAG,KAAK;QACZ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAK,GAAG,EAAE,qBAAqB,EAAG,IAAI,EAAE,IAAI,EAAE;YAC9D,EAAE,KAAK,EAAE,OAAO,EAAK,GAAG,EAAE,qBAAqB,EAAE;YACjD,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,sBAAsB,EAAE,KAAK,EAAE,IAAI,EAAE;YAC/D,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,sCAAsC,EAAE,SAAS,EAAE,YAAY,EAAE;SAC5F;KACF;IAED,UAAU,EAAE;QACV,IAAI,EAAG,WAAW;QAClB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAI,GAAG,EAAE,qBAAqB,EAAI,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE;YACzF,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAG,SAAS,EAAE,mBAAmB,EAAE;SACpF;KACF;IAED,IAAI,EAAE;QACJ,IAAI,EAAG,KAAK;QACZ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAI,GAAG,EAAE,qBAAqB,EAAI,KAAK,EAAE,IAAI,EAAE;YAC/D,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YAClD,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAG,SAAS,EAAE,mBAAmB,EAAE;SACpF;KACF;IAED,IAAI,EAAE;QACJ,IAAI,EAAG,MAAM;QACb,KAAK,EAAE,MAAM;QACb,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAI,GAAG,EAAE,qBAAqB,EAAI,IAAI,EAAE,IAAI,EAAE;YAC9D,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAG,SAAS,EAAE,mBAAmB,EAAE;YACnF,EAAE,KAAK,EAAE,IAAI,EAAO,GAAG,EAAE,kFAAkF,EAAE;SAC9G;KACF;IAED,aAAa,EAAE;QACb,IAAI,EAAG,cAAc;QACrB,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAO,GAAG,EAAE,qBAAqB,EAAI,IAAI,EAAE,IAAI,EAAE;YACjE,EAAE,KAAK,EAAE,SAAS,EAAK,GAAG,EAAE,uBAAuB,EAAE;YACrD,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,0BAA0B,EAAE;SACzD;KACF;IAED,MAAM,EAAE;QACN,IAAI,EAAG,OAAO;QACd,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,IAAI,EAAE;SACzD;KACF;IAED,KAAK,EAAE;QACL,IAAI,EAAG,OAAO;QACd,KAAK,EAAE,OAAO;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,KAAK,EAAQ,GAAG,EAAE,0BAA0B,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE;YACnG,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,yBAAyB,EAAE,KAAK,EAAE,IAAI,EAAE;SACpE;KACF;IAED,QAAQ,EAAE;QACR,IAAI,EAAG,UAAU;QACjB,KAAK,EAAE,iBAAiB;QACxB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,2BAA2B,EAAE;YAC1D,EAAE,KAAK,EAAE,YAAY,EAAG,GAAG,EAAE,0BAA0B,EAAE,IAAI,EAAE,IAAI,EAAE;YACrE,EAAE,KAAK,EAAE,QAAQ,EAAO,GAAG,EAAE,sBAAsB,EAAE,KAAK,EAAE,IAAI,EAAE;YAClE,EAAE,KAAK,EAAE,UAAU,EAAK,GAAG,EAAE,sCAAsC,EAAE,SAAS,EAAE,YAAY,EAAE;SAC/F;KACF;IAED,MAAM,EAAE;QACN,IAAI,EAAG,OAAO;QACd,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAG,GAAG,EAAE,qBAAqB,EAAG,IAAI,EAAE,IAAI,EAAE;YAC5D,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,sBAAsB,EAAE,KAAK,EAAE,IAAI,EAAE;SAC9D;KACF;IAED,QAAQ,EAAE;QACR,IAAI,EAAG,SAAS;QAChB,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,MAAM,EAAM,GAAG,EAAE,oBAAoB,EAAqB,IAAI,EAAE,IAAI,EAAE;YAC/E,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,sBAAsB,EAAmB,KAAK,EAAE,IAAI,EAAE;YAChF,EAAE,KAAK,EAAE,MAAM,EAAM,GAAG,EAAE,wBAAwB,EAAiB,SAAS,EAAE,8BAA8B,EAAE;YAC9G,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,sCAAsC,EAAE,SAAS,EAAE,YAAY,EAAE;SAC5F;KACF;IAED,IAAI,EAAE;QACJ,IAAI,EAAG,MAAM;QACb,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,sBAAsB,EAAuB,KAAK,EAAE,IAAI,EAAE;YACpF,EAAE,KAAK,EAAE,KAAK,EAAO,GAAG,EAAE,mBAAmB,EAA0B,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE;YACnH,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,+BAA+B,EAAa,KAAK,EAAE,IAAI,EAAE;YACnF,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,sCAAsC,EAAM,SAAS,EAAE,YAAY,EAAE;SAChG;KACF;IAED,KAAK,EAAE;QACL,IAAI,EAAG,MAAM;QACb,KAAK,EAAE,OAAO;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,SAAS,EAAG,GAAG,EAAE,uBAAuB,EAA+B,IAAI,EAAE,IAAI,EAAE;YAC5F,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,8CAA8C,EAAO,KAAK,EAAE,IAAI,EAAE;YAC5F,EAAE,KAAK,EAAE,KAAK,EAAO,GAAG,EAAE,2BAA2B,EAA2B,KAAK,EAAE,IAAI,EAAE;YAC7F,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,sCAAsC,EAAe,SAAS,EAAE,YAAY,EAAE;SACzG;KACF;IAED,KAAK,EAAE;QACL,IAAI,EAAG,MAAM;QACb,KAAK,EAAE,OAAO;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,sBAAsB,EAAiB,KAAK,EAAE,IAAI,EAAE;YAC5E,EAAE,KAAK,EAAE,MAAM,EAAI,GAAG,EAAE,mCAAmC,EAAE;YAC7D,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,6BAA6B,EAAS,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,2BAA2B,EAAE;SACnH;KACF;IAED,UAAU,EAAE;QACV,IAAI,EAAG,WAAW;QAClB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,MAAM,EAAK,GAAG,EAAE,oBAAoB,EAAwC,KAAK,EAAE,IAAI,EAAE;YAClG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,8BAA8B,EAA8B,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE;YACjI,EAAE,KAAK,EAAE,OAAO,EAAI,GAAG,EAAE,4BAA4B,EAAE;YACvD,EAAE,KAAK,EAAE,MAAM,EAAK,GAAG,EAAE,uDAAuD,EAAI,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE;SACvH;KACF;IAED,IAAI,EAAE;QACJ,IAAI,EAAG,MAAM;QACb,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,MAAM,EAAM,GAAG,EAAE,oBAAoB,EAAuC,KAAK,EAAE,IAAI,EAAE;YAClG,EAAE,KAAK,EAAE,KAAK,EAAO,GAAG,EAAE,8BAA8B,EAA6B,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE;YACjI,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,mDAAmD,EAAM,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE;YACrH,EAAE,KAAK,EAAE,OAAO,EAAK,GAAG,EAAE,+DAA+D,EAAE,SAAS,EAAE,8BAA8B,EAAE;SACvI;KACF;IAED,EAAE,EAAE;QACF,IAAI,EAAG,IAAI;QACX,KAAK,EAAE,IAAI;QACX,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAK,GAAG,EAAE,yBAAyB,EAAE;YACrD,EAAE,KAAK,EAAE,OAAO,EAAK,GAAG,EAAE,qBAAqB,EAAqB,KAAK,EAAE,IAAI,EAAE;YACjF,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,oCAAoC,EAAE;YAChE,EAAE,KAAK,EAAE,OAAO,EAAK,GAAG,EAAE,oCAAoC,EAAE;YAChE,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,+BAA+B,EAAE;SAC5D;KACF;IAED,GAAG,EAAE;QACH,IAAI,EAAG,KAAK;QACZ,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,0BAA0B,EAAmD,KAAK,EAAE,IAAI,EAAE;YACpH,EAAE,KAAK,EAAE,MAAM,EAAM,GAAG,EAAE,6DAA6D,EAAgB,KAAK,EAAE,IAAI,EAAE;YACpH,EAAE,KAAK,EAAE,MAAM,EAAM,GAAG,EAAE,oBAAoB,EAAyD,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE;YACnJ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,kFAAkF,EAAE,SAAS,EAAE,8BAA8B,EAAE;YACzJ,EAAE,KAAK,EAAE,QAAQ,EAAI,GAAG,EAAE,uCAAuC,EAAsC,KAAK,EAAE,IAAI,EAAE;SACrH;KACF;CACF,CAAA"}

package/dist/views/vanilla/details/Batch.d.ts

@@ -0,0 +1,14 @@
+import type { TelescopeEntry } from '../../../types.js';
+export interface BatchPageProps {
+    basePath: string;
+    batchId: string;
+    entries: TelescopeEntry[];
+}
+/**
+ * Batch view — lists every entry sharing one `batchId`. Typically a single
+ * HTTP request and all the queries / cache lookups / events / model writes
+ * it triggered. The framework's batch propagation through the request
+ * lifecycle is what makes this useful.
+ */
+export declare function BatchPage(props: BatchPageProps): string;
+//# sourceMappingURL=Batch.d.ts.map

package/dist/views/vanilla/details/Batch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Batch.d.ts","sourceRoot":"","sources":["../../../../src/views/vanilla/details/Batch.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAG,MAAM,CAAA;IAChB,OAAO,EAAG,cAAc,EAAE,CAAA;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CA2FvD"}