covara 0.0.1 → 0.6.0

package/dist/ui/html/pages/changelog.js

@@ -0,0 +1,129 @@
+import { html, escapeHtml, formatRelativeTime, formatJson } from '../utils.js';
+import { card, badge, button, input, emptyState, toolbar, statCard, grid } from '../components/index.js';
+export const changelogPage = (data) => html `
+  <div class="page-header">
+    <h1 class="page-title">Changelog</h1>
+    <p class="page-desc">Track all data mutations for subscriptions</p>
+  </div>
+
+  ${grid([
+    statCard('Total', data.stats.total, 'neutral'),
+    statCard('Creates', data.stats.creates, 'success'),
+    statCard('Updates', data.stats.updates, 'info'),
+    statCard('Deletes', data.stats.deletes, 'error'),
+    statCard('Current Seq', data.stats.currentSeq, 'neutral'),
+])}
+
+  ${toolbar(html `
+    ${input({ name: 'resource', placeholder: 'Filter by resource...' })}
+    ${input({ name: 'fromSeq', placeholder: 'From seq...', type: 'number' })}
+    ${button('Filter', {
+    variant: 'primary',
+    hxGet: '/__covara/ui/changelog/list',
+    hxTarget: '#changelog-list',
+    hxInclude: '[name="resource"],[name="fromSeq"]',
+})}
+    ${button('Clear', {
+    variant: 'secondary',
+    hxGet: '/__covara/ui/changelog/list',
+    hxTarget: '#changelog-list',
+})}
+    <div style="flex: 1;"></div>
+    ${badge('seq: ' + data.stats.currentSeq, 'info')}
+  `)}
+
+  <div id="changelog-list" style="margin-top: 16px;">
+    ${changelogList(data.entries)}
+  </div>
+`;
+export const changelogList = (entries) => card({
+    title: 'Recent Changes',
+    headerRight: badge(entries.length + ' entries', 'neutral'),
+    flush: true,
+}, html `
+  ${entries.length > 0 ? html `
+    <div style="max-height: 600px; overflow-y: auto;">
+      ${entries.map(entry => html `
+        <div class="list-item" style="cursor: pointer;"
+             hx-get="/__covara/ui/changelog/${entry.seq}"
+             hx-target="#changelog-detail"
+             hx-swap="innerHTML">
+          <div style="display: flex; align-items: center; gap: 8px; flex: 1;">
+            ${badge('#' + entry.seq, 'neutral')}
+            ${operationBadge(entry.operation)}
+            <span class="code-inline">${escapeHtml(entry.resource)}</span>
+            <span style="color: var(--text-2);">/ ${escapeHtml(entry.recordId)}</span>
+          </div>
+          <div style="display: flex; align-items: center; gap: 8px;">
+            ${entry.userId ? html `
+              <span style="color: var(--text-3); font-size: 11px;">${escapeHtml(entry.userId.slice(0, 8))}...</span>
+            ` : ''}
+            <span style="color: var(--text-3); font-size: 12px;">${formatRelativeTime(entry.timestamp)}</span>
+          </div>
+        </div>
+      `).join('')}
+    </div>
+  ` : emptyState('\u270E', 'No changelog entries', 'Changes will appear here when data is modified')}
+
+  <div id="changelog-detail" style="border-top: 1px solid var(--border);"></div>
+`);
+const operationBadge = (operation) => {
+    switch (operation) {
+        case 'create': return badge('CREATE', 'success');
+        case 'update': return badge('UPDATE', 'info');
+        case 'delete': return badge('DELETE', 'error');
+        default: return badge(operation, 'neutral');
+    }
+};
+export const changelogDetail = (data) => html `
+  <div style="padding: 16px;">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
+      <div style="display: flex; align-items: center; gap: 8px;">
+        <h4 style="font-weight: 600;">Change #${data.entry.seq}</h4>
+        ${operationBadge(data.entry.operation)}
+      </div>
+      ${button('\u2715', {
+    size: 'sm',
+    variant: 'ghost',
+    hxGet: '/__covara/ui/empty',
+    hxTarget: '#changelog-detail',
+    hxSwap: 'innerHTML',
+})}
+    </div>
+
+    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
+      <div>
+        <h5 style="font-size: 12px; color: var(--text-2); margin-bottom: 8px;">Info</h5>
+        <table class="table" style="font-size: 12px;">
+          <tr><td style="color: var(--text-2);">Sequence</td><td>#${data.entry.seq}</td></tr>
+          <tr><td style="color: var(--text-2);">Resource</td><td class="code-inline">${escapeHtml(data.entry.resource)}</td></tr>
+          <tr><td style="color: var(--text-2);">Record ID</td><td class="code-inline">${escapeHtml(data.entry.recordId)}</td></tr>
+          <tr><td style="color: var(--text-2);">Operation</td><td>${operationBadge(data.entry.operation)}</td></tr>
+          <tr><td style="color: var(--text-2);">Time</td><td>${escapeHtml(new Date(data.entry.timestamp).toLocaleString())}</td></tr>
+          <tr><td style="color: var(--text-2);">User ID</td><td>${data.entry.userId ? html `<span class="code-inline">${escapeHtml(data.entry.userId)}</span>` : '-'}</td></tr>
+        </table>
+      </div>
+
+      <div>
+        ${data.entry.before ? html `
+          <h5 style="font-size: 12px; color: var(--text-2); margin-bottom: 8px;">Before</h5>
+          <div class="code" style="max-height: 150px; overflow-y: auto; margin-bottom: 16px; background: var(--error-bg);">
+            ${escapeHtml(formatJson(data.entry.before))}
+          </div>
+        ` : ''}
+
+        ${data.entry.after ? html `
+          <h5 style="font-size: 12px; color: var(--text-2); margin-bottom: 8px;">After</h5>
+          <div class="code" style="max-height: 150px; overflow-y: auto; background: var(--success-bg);">
+            ${escapeHtml(formatJson(data.entry.after))}
+          </div>
+        ` : ''}
+
+        ${!data.entry.before && !data.entry.after ? html `
+          <p style="color: var(--text-3); font-size: 12px;">No data changes recorded</p>
+        ` : ''}
+      </div>
+    </div>
+  </div>
+`;
+//# sourceMappingURL=changelog.js.map

package/dist/ui/html/pages/changelog.js.map

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

package/dist/ui/html/pages/dashboard.d.ts

@@ -0,0 +1,20 @@
+export interface DashboardPageData {
+    stats: {
+        resources: number;
+        requests: number;
+        errors: number;
+        subscriptions: number;
+        changelog: number;
+    };
+    recentRequests: Array<{
+        id: string;
+        method: string;
+        path: string;
+        status: number;
+        duration: number;
+        timestamp: string;
+    }>;
+    mode: string;
+}
+export declare const dashboardPage: (data: DashboardPageData) => string;
+//# sourceMappingURL=dashboard.d.ts.map

package/dist/ui/html/pages/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../../src/ui/html/pages/dashboard.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,aAAa,EAAE,MAAM,CAAC;QACtB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,cAAc,EAAE,KAAK,CAAC;QACpB,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,iBAAiB,KAAG,MA6CvD,CAAC"}

package/dist/ui/html/pages/dashboard.js

@@ -0,0 +1,49 @@
+import { html, escapeHtml, formatDuration, formatRelativeTime } from '../utils.js';
+import { card, statCard, badge, methodBadge, statusBadge, emptyState } from '../components/index.js';
+export const dashboardPage = (data) => html `
+  <div class="page-header">
+    <h1 class="page-title">Dashboard</h1>
+    <p class="page-desc">Overview of your API resources and activity</p>
+  </div>
+
+  <div class="grid grid-5">
+    ${statCard('Resources', data.stats.resources, 'info')}
+    ${statCard('Requests', data.stats.requests, 'success')}
+    ${statCard('Errors', data.stats.errors, data.stats.errors > 0 ? 'error' : 'neutral')}
+    ${statCard('Subscriptions', data.stats.subscriptions, 'info')}
+    ${statCard('Changelog', data.stats.changelog, 'neutral')}
+  </div>
+
+  <div style="margin-top: 16px;">
+    ${card({ title: 'Recent Requests', headerRight: badge(data.recentRequests.length, 'neutral'), flush: true }, html `
+      ${data.recentRequests.length > 0 ? html `
+        <div style="max-height: 400px; overflow-y: auto;">
+          ${data.recentRequests.map(req => html `
+            <div class="list-item" style="cursor: pointer;"
+                 hx-get="/__covara/ui/requests/${req.id}"
+                 hx-target="#request-detail"
+                 hx-swap="innerHTML">
+              <div style="display: flex; align-items: center; gap: 8px; flex: 1;">
+                ${methodBadge(req.method)}
+                <span class="code-inline" style="flex: 1; overflow: hidden; text-overflow: ellipsis;">
+                  ${escapeHtml(req.path)}
+                </span>
+              </div>
+              <div style="display: flex; align-items: center; gap: 12px;">
+                ${statusBadge(req.status)}
+                <span style="color: ${req.duration > 500 ? 'var(--error)' : req.duration > 100 ? 'var(--warning)' : 'var(--success)'}; font-size: 12px; font-family: var(--font-mono);">
+                  ${formatDuration(req.duration)}
+                </span>
+                <span style="color: var(--text-3); font-size: 12px;">
+                  ${formatRelativeTime(req.timestamp)}
+                </span>
+              </div>
+            </div>
+          `).join('')}
+        </div>
+      ` : emptyState('\u2192', 'No requests yet', 'Make some API calls to see them here')}
+      <div id="request-detail" style="border-top: 1px solid var(--border);"></div>
+    `)}
+  </div>
+`;
+//# sourceMappingURL=dashboard.js.map

package/dist/ui/html/pages/dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../../../../src/ui/html/pages/dashboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAqB5F,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAuB,EAAU,EAAE,CAAC,IAAI,CAAA;;;;;;;MAOhE,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC;MACnD,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC;MACpD,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;MAClF,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,MAAM,CAAC;MAC3D,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC;;;;MAItD,IAAI,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,IAAI,CAAA;QAC7G,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEjC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;iDAEE,GAAG,CAAC,EAAE;;;;kBAIrC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC;;oBAErB,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;;;;kBAItB,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC;sCACH,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;oBAChH,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC;;;oBAG5B,kBAAkB,CAAC,GAAG,CAAC,SAAS,CAAC;;;;WAI1C,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;OAEd,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,iBAAiB,EAAE,sCAAsC,CAAC;;KAEpF,CAAC;;CAEL,CAAC"}

package/dist/ui/html/pages/data-explorer.d.ts

@@ -0,0 +1,48 @@
+export interface SchemaInfo {
+    name: string;
+    columns: Array<{
+        name: string;
+        type: string;
+        isPrimary: boolean;
+        isNullable: boolean;
+        isGenerated: boolean;
+    }>;
+    primaryKey: string;
+}
+export interface DataExplorerPageData {
+    resources: string[];
+    mode: string;
+    readOnly: boolean;
+}
+export declare const dataExplorerPage: (data: DataExplorerPageData) => string;
+export interface DataTableData {
+    resource: string;
+    schema: SchemaInfo;
+    items: Record<string, unknown>[];
+    totalCount?: number;
+    hasMore: boolean;
+    nextCursor?: string;
+    filter?: string;
+    orderBy?: string;
+    limit: number;
+    readOnly: boolean;
+}
+export declare const dataTable: (data: DataTableData) => string;
+export interface RecordDetailData {
+    resource: string;
+    item: Record<string, unknown>;
+}
+export declare const recordDetail: (data: RecordDetailData) => string;
+export interface RecordFormData {
+    resource: string;
+    schema: SchemaInfo;
+    item?: Record<string, unknown>;
+    isEdit: boolean;
+}
+export declare const recordForm: (data: RecordFormData) => string;
+export interface ResourceSelectorData {
+    resources: string[];
+    readOnly: boolean;
+}
+export declare const resourceSelector: (data: ResourceSelectorData) => string;
+//# sourceMappingURL=data-explorer.d.ts.map

package/dist/ui/html/pages/data-explorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-explorer.d.ts","sourceRoot":"","sources":["../../../../src/ui/html/pages/data-explorer.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC,CAAC;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,oBAAoB,KAAG,MA+F7D,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,SAAS,GAAI,MAAM,aAAa,KAAG,MAmF/C,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,gBAAgB,KAAG,MAWpD,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,GAAI,MAAM,cAAc,KAAG,MA4CjD,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,oBAAoB,KAAG,MAW7D,CAAC"}

package/dist/ui/html/pages/data-explorer.js

@@ -0,0 +1,251 @@
+import { html, escapeHtml, formatJson } from '../utils.js';
+import { card, badge, button, input, select, alert, emptyState, toolbar, tableHead } from '../components/index.js';
+export const dataExplorerPage = (data) => html `
+  <div class="page-header">
+    <h1 class="page-title">Data Explorer</h1>
+    <p class="page-desc">Browse and edit resource data with admin bypass</p>
+  </div>
+
+  ${alert('\u26A0 Admin bypass active - All scopes bypassed, actions are logged', 'warning')}
+
+  <div style="margin-top: 16px;">
+    ${toolbar(html `
+      ${select({
+    name: 'resource',
+    placeholder: 'Select resource...',
+    options: data.resources.map(r => ({ value: r, label: r })),
+    class: 'resource-select',
+})}
+      ${input({
+    name: 'filter',
+    placeholder: 'Filter: status=="active"',
+    mono: true,
+    class: 'filter-input',
+})}
+      ${select({
+    name: 'limit',
+    value: '50',
+    options: [
+        { value: '20', label: '20' },
+        { value: '50', label: '50' },
+        { value: '100', label: '100' },
+    ],
+})}
+      ${button('Search', {
+    variant: 'primary',
+    class: 'search-btn',
+})}
+      <span id="search-indicator" class="htmx-indicator loading"></span>
+      ${!data.readOnly ? button('+ New Record', {
+    variant: 'secondary',
+    hxGet: '/__covara/ui/data/new',
+    hxTarget: '#modal-container',
+}) : ''}
+    `)}
+  </div>
+
+  <div id="data-table" style="margin-top: 16px;">
+    ${card({}, emptyState('\u2637', 'Select a resource', 'Choose a resource from the dropdown to explore data'))}
+  </div>
+
+  <div id="modal-container"></div>
+
+  <script>
+    // Strip leading slashes from resource path
+    function normalizeResource(r) {
+      return r.replace(/^\\/+/, '');
+    }
+
+    // Handle resource selection
+    document.querySelector('.resource-select')?.addEventListener('change', function(e) {
+      const resource = normalizeResource(e.target.value);
+      if (!resource) return;
+
+      const filter = document.querySelector('.filter-input')?.value || '';
+      const limit = document.querySelector('[name="limit"]')?.value || '50';
+
+      htmx.ajax('GET', '/__covara/ui/data/' + encodeURIComponent(resource) + '/table?limit=' + limit + (filter ? '&filter=' + encodeURIComponent(filter) : ''), {
+        target: '#data-table',
+        swap: 'innerHTML'
+      });
+    });
+
+    // Handle search button
+    document.querySelector('.search-btn')?.addEventListener('click', function(e) {
+      e.preventDefault();
+      const resource = normalizeResource(document.querySelector('.resource-select')?.value || '');
+      if (!resource) {
+        showToast('Please select a resource first', 'error');
+        return;
+      }
+
+      const filter = document.querySelector('.filter-input')?.value || '';
+      const limit = document.querySelector('[name="limit"]')?.value || '50';
+
+      htmx.ajax('GET', '/__covara/ui/data/' + encodeURIComponent(resource) + '/table?limit=' + limit + (filter ? '&filter=' + encodeURIComponent(filter) : ''), {
+        target: '#data-table',
+        swap: 'innerHTML'
+      });
+    });
+
+    // Handle enter key in filter input
+    document.querySelector('.filter-input')?.addEventListener('keydown', function(e) {
+      if (e.key === 'Enter') {
+        document.querySelector('.search-btn')?.click();
+      }
+    });
+  </script>
+`;
+export const dataTable = (data) => {
+    const sortKey = data.orderBy?.split(':')[0];
+    const sortDir = data.orderBy?.split(':')[1];
+    const resource = encodeURIComponent(data.resource.replace(/^\/+/, ''));
+    return card({
+        title: escapeHtml(data.resource),
+        headerRight: html `
+      <div style="display: flex; gap: 8px; align-items: center;">
+        ${badge(data.items.length + ' loaded', 'neutral')}
+        ${data.totalCount !== undefined ? badge(data.totalCount + ' total', 'info') : ''}
+        ${data.orderBy ? badge('Sort: ' + data.orderBy, 'neutral') : ''}
+      </div>
+    `,
+        flush: true,
+    }, html `
+    ${data.items.length > 0 ? html `
+      <div style="overflow-x: auto;">
+        <table class="table table-mono table-sortable">
+          ${tableHead({
+        columns: data.schema.columns.map(c => ({
+            key: c.name,
+            label: c.name,
+            sortable: true,
+        })).concat(data.readOnly ? [] : [{ key: '_actions', label: 'Actions', sortable: false }]),
+        sortKey,
+        sortDir,
+        sortUrl: '/__covara/ui/data/' + resource + '/table?limit=' + data.limit + (data.filter ? '&filter=' + encodeURIComponent(data.filter) : ''),
+    })}
+          <tbody>
+            ${data.items.map((item) => html `
+              <tr hx-get="/__covara/ui/data/${resource}/row/${encodeURIComponent(String(item[data.schema.primaryKey]))}"
+                  hx-target="#detail-panel"
+                  hx-swap="innerHTML"
+                  style="cursor: pointer;">
+                ${data.schema.columns.map(c => html `
+                  <td style="max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+                    ${typeof item[c.name] === 'object' ? escapeHtml(JSON.stringify(item[c.name])) : escapeHtml(String(item[c.name] ?? ''))}
+                  </td>
+                `).join('')}
+                ${!data.readOnly ? html `
+                  <td onclick="event.stopPropagation();">
+                    <div style="display: flex; gap: 4px;">
+                      ${button('Edit', {
+        size: 'sm',
+        hxGet: '/__covara/ui/data/' + resource + '/edit/' + encodeURIComponent(String(item[data.schema.primaryKey])),
+        hxTarget: '#modal-container',
+    })}
+                      ${button('Delete', {
+        size: 'sm',
+        variant: 'ghost',
+        class: 'btn-danger',
+        hxDelete: '/__covara/api/explorer/data/' + resource + '/' + encodeURIComponent(String(item[data.schema.primaryKey])),
+        hxConfirm: 'Delete this record?',
+        hxTarget: 'closest tr',
+        hxSwap: 'outerHTML',
+    })}
+                    </div>
+                  </td>
+                ` : ''}
+              </tr>
+            `).join('')}
+          </tbody>
+        </table>
+      </div>
+      ${data.hasMore ? html `
+        <div style="padding: 12px; text-align: center; border-top: 1px solid var(--border);">
+          ${button('Load More', {
+        hxGet: '/__covara/ui/data/' + resource + '/table?limit=' + data.limit + '&cursor=' + encodeURIComponent(data.nextCursor || '') + (data.filter ? '&filter=' + encodeURIComponent(data.filter) : '') + (data.orderBy ? '&orderBy=' + encodeURIComponent(data.orderBy) : ''),
+        hxTarget: 'closest table tbody',
+        hxSwap: 'beforeend',
+    })}
+        </div>
+      ` : ''}
+    ` : emptyState('\u2637', 'No records found', data.filter ? 'Try adjusting your filter' : 'This resource has no data')}
+
+    <div id="detail-panel" style="margin-top: 16px;"></div>
+
+    <style>
+      .btn-danger { color: var(--error); }
+      .btn-danger:hover { background: var(--error-bg); }
+    </style>
+  `);
+};
+export const recordDetail = (data) => card({
+    title: 'Record Details',
+    headerRight: button('\u2715', {
+        size: 'sm',
+        variant: 'ghost',
+        hxGet: '/__covara/ui/empty',
+        hxTarget: '#detail-panel',
+        hxSwap: 'innerHTML',
+    }),
+}, html `
+  <div class="code">${escapeHtml(formatJson(data.item))}</div>
+`);
+export const recordForm = (data) => {
+    const resource = encodeURIComponent(data.resource.replace(/^\/+/, ''));
+    return html `
+  <div class="modal-backdrop" onclick="this.remove()">
+    <div class="modal" onclick="event.stopPropagation()">
+      <div class="modal-header">
+        <span class="modal-title">${data.isEdit ? 'Edit Record' : 'Create Record'}</span>
+        ${button('\u00D7', { size: 'sm', variant: 'ghost', class: 'modal-close' })}
+      </div>
+      <form hx-${data.isEdit ? 'patch' : 'post'}="/__covara/api/explorer/data/${resource}${data.isEdit && data.item ? '/' + encodeURIComponent(String(data.item[data.schema.primaryKey])) : ''}"
+            hx-target="#data-table"
+            hx-swap="innerHTML"
+            hx-on::after-request="if(event.detail.successful) { document.querySelector('.modal-backdrop')?.remove(); showToast('Record ${data.isEdit ? 'updated' : 'created'}'); }">
+        <div class="modal-body">
+          ${data.schema.columns.map(col => html `
+            <div class="form-group">
+              <label class="form-label">
+                ${escapeHtml(col.name)}
+                ${col.isPrimary ? badge('PK', 'info') : ''}
+                ${col.isGenerated ? badge('Generated', 'neutral') : ''}
+              </label>
+              <input
+                class="input input-mono form-input"
+                name="${escapeHtml(col.name)}"
+                value="${escapeHtml(String(data.item?.[col.name] ?? ''))}"
+                ${col.isGenerated || (data.isEdit && col.isPrimary) ? 'disabled' : ''}
+              />
+            </div>
+          `).join('')}
+        </div>
+        <div class="modal-footer">
+          ${button('Cancel', { variant: 'secondary', class: 'modal-close' })}
+          ${button(data.isEdit ? 'Save' : 'Create', { variant: 'primary', type: 'submit' })}
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <script>
+    document.querySelectorAll('.modal-close').forEach(btn => {
+      btn.addEventListener('click', () => document.querySelector('.modal-backdrop')?.remove());
+    });
+  </script>
+`;
+};
+export const resourceSelector = (data) => html `
+  <div style="display: flex; flex-direction: column; gap: 8px;">
+    ${data.resources.map(r => html `
+      <div class="list-item" style="cursor: pointer;"
+           hx-get="/__covara/ui/data/${encodeURIComponent(r.replace(/^\/+/, ''))}/table"
+           hx-target="#data-table"
+           hx-swap="innerHTML">
+        <span class="code-inline">${escapeHtml(r)}</span>
+      </div>
+    `).join('')}
+  </div>
+`;
+//# sourceMappingURL=data-explorer.js.map

package/dist/ui/html/pages/data-explorer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-explorer.js","sourceRoot":"","sources":["../../../../src/ui/html/pages/data-explorer.ts"],"names":[],"mappings":"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"}

package/dist/ui/html/pages/errors.d.ts

@@ -0,0 +1,13 @@
+export interface ErrorInfo {
+    id: string;
+    status: number;
+    path: string;
+    message: string;
+    stack?: string;
+    timestamp: string;
+}
+export interface ErrorsPageData {
+    errors: ErrorInfo[];
+}
+export declare const errorsPage: (data: ErrorsPageData) => string;
+//# sourceMappingURL=errors.d.ts.map

package/dist/ui/html/pages/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../../../src/ui/html/pages/errors.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,GAAI,MAAM,cAAc,KAAG,MAkCjD,CAAC"}

package/dist/ui/html/pages/errors.js

@@ -0,0 +1,38 @@
+import { html, escapeHtml, formatRelativeTime } from '../utils.js';
+import { card, badge, statusBadge, emptyState } from '../components/index.js';
+export const errorsPage = (data) => html `
+  <div class="page-header">
+    <h1 class="page-title">Errors</h1>
+    <p class="page-desc">Recent API errors and their details</p>
+  </div>
+
+  ${card({
+    title: 'Error Log',
+    headerRight: badge(data.errors.length + ' errors', data.errors.length > 0 ? 'error' : 'neutral'),
+    flush: true,
+}, html `
+    ${data.errors.length > 0 ? html `
+      <div style="max-height: 600px; overflow-y: auto;">
+        ${data.errors.map(err => html `
+          <div class="list-item" style="flex-direction: column; align-items: flex-start; gap: 8px;">
+            <div style="display: flex; align-items: center; gap: 8px; width: 100%;">
+              ${statusBadge(err.status)}
+              <span class="code-inline" style="flex: 1;">${escapeHtml(err.path)}</span>
+              <span style="color: var(--text-3); font-size: 12px;">${formatRelativeTime(err.timestamp)}</span>
+            </div>
+            <div style="color: var(--error); font-size: 13px;">${escapeHtml(err.message)}</div>
+            ${err.stack ? html `
+              <details style="width: 100%;">
+                <summary style="cursor: pointer; color: var(--text-2); font-size: 12px;">Stack trace</summary>
+                <div class="code" style="margin-top: 8px; font-size: 11px; max-height: 200px; overflow-y: auto;">
+                  ${escapeHtml(err.stack)}
+                </div>
+              </details>
+            ` : ''}
+          </div>
+        `).join('')}
+      </div>
+    ` : emptyState('\u2713', 'No errors', 'All API requests completed successfully')}
+  `)}
+`;
+//# sourceMappingURL=errors.js.map

package/dist/ui/html/pages/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../../../src/ui/html/pages/errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAerE,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAoB,EAAU,EAAE,CAAC,IAAI,CAAA;;;;;;IAM5D,IAAI,CAAC;IACL,KAAK,EAAE,WAAW;IAClB,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAChG,KAAK,EAAE,IAAI;CACZ,EAAE,IAAI,CAAA;MACH,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEzB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;;gBAGrB,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC;2DACoB,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;qEACV,kBAAkB,CAAC,GAAG,CAAC,SAAS,CAAC;;iEAErC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC;cAC1E,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;;;;oBAIV,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;;;aAG5B,CAAC,CAAC,CAAC,EAAE;;SAET,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;KAEd,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,WAAW,EAAE,yCAAyC,CAAC;GACjF,CAAC;CACH,CAAC"}

package/dist/ui/html/pages/filter-tester.d.ts

@@ -0,0 +1,21 @@
+export interface FilterTesterPageData {
+    resources: string[];
+}
+export declare const filterTesterPage: (data: FilterTesterPageData) => string;
+export interface FilterParseResultData {
+    filter: string;
+    ast?: unknown;
+    error?: string;
+}
+export declare const filterParseResult: (data: FilterParseResultData) => string;
+export interface FilterTestResultData {
+    filter: string;
+    resource: string;
+    matchCount: number;
+    totalCount: number;
+    matches: unknown[];
+    executionTime: number;
+    error?: string;
+}
+export declare const filterTestResult: (data: FilterTestResultData) => string;
+//# sourceMappingURL=filter-tester.d.ts.map

package/dist/ui/html/pages/filter-tester.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-tester.d.ts","sourceRoot":"","sources":["../../../../src/ui/html/pages/filter-tester.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,oBAAoB,KAAG,MAgD7D,CAAC;AA2DF,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,GAAI,MAAM,qBAAqB,KAAG,MAkB/D,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,oBAAoB,KAAG,MAiC7D,CAAC"}