covara 0.0.1 → 0.6.0

package/dist/ui/html/pages/filter-tester.js

@@ -0,0 +1,161 @@
+import { html, escapeHtml, formatJson } from '../utils.js';
+import { card, badge, button, select, alert, emptyState } from '../components/index.js';
+export const filterTesterPage = (data) => html `
+  <div class="page-header">
+    <h1 class="page-title">Filter Tester</h1>
+    <p class="page-desc">Test RSQL filter expressions against your data</p>
+  </div>
+
+  ${card({
+    title: 'Filter Expression',
+}, html `
+    <div style="display: flex; flex-direction: column; gap: 12px;">
+      <div style="display: flex; gap: 12px;">
+        ${select({
+    name: 'resource',
+    placeholder: 'Select resource...',
+    options: data.resources.map(r => ({ value: r, label: r })),
+    class: 'resource-select',
+})}
+      </div>
+
+      <div>
+        <label class="form-label">Filter Expression</label>
+        <input type="text" class="input input-mono form-input filter-input" name="filter"
+               placeholder='status=="active";createdAt=gt=2024-01-01'
+               style="font-size: 14px;">
+      </div>
+
+      <div style="display: flex; gap: 8px;">
+        ${button('Test Filter', {
+    variant: 'primary',
+    hxPost: '/__covara/ui/filter/test',
+    hxTarget: '#filter-result',
+    hxInclude: '[name="resource"],[name="filter"]',
+})}
+        ${button('Parse Only', {
+    variant: 'secondary',
+    hxPost: '/__covara/ui/filter/parse',
+    hxTarget: '#filter-result',
+    hxInclude: '[name="filter"]',
+})}
+      </div>
+    </div>
+  `)}
+
+  <div style="margin-top: 16px;">
+    ${filterSyntaxHelp()}
+  </div>
+
+  <div id="filter-result" style="margin-top: 16px;"></div>
+`;
+const filterSyntaxHelp = () => card({
+    title: 'Filter Syntax Reference',
+}, html `
+  <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 24px;">
+    <div>
+      <h4 style="font-size: 12px; color: var(--text-2); margin-bottom: 8px;">Comparison Operators</h4>
+      <table class="table table-mono" style="font-size: 11px;">
+        <tbody>
+          <tr><td>==</td><td>Equal</td><td>status=="active"</td></tr>
+          <tr><td>!=</td><td>Not equal</td><td>status!="deleted"</td></tr>
+          <tr><td>=gt=, &gt;</td><td>Greater than</td><td>age=gt=18</td></tr>
+          <tr><td>=ge=, &gt;=</td><td>Greater or equal</td><td>price&gt;=100</td></tr>
+          <tr><td>=lt=, &lt;</td><td>Less than</td><td>count&lt;10</td></tr>
+          <tr><td>=le=, &lt;=</td><td>Less or equal</td><td>score&lt;=100</td></tr>
+          <tr><td>=in=</td><td>In set</td><td>status=in=(a,b,c)</td></tr>
+          <tr><td>=out=</td><td>Not in set</td><td>type=out=(x,y)</td></tr>
+        </tbody>
+      </table>
+
+      <h4 style="font-size: 12px; color: var(--text-2); margin: 16px 0 8px;">Pattern Matching</h4>
+      <table class="table table-mono" style="font-size: 11px;">
+        <tbody>
+          <tr><td>%=</td><td>LIKE</td><td>name%="John%"</td></tr>
+          <tr><td>=contains=</td><td>Contains</td><td>desc=contains="test"</td></tr>
+          <tr><td>=startswith=</td><td>Starts with</td><td>name=startswith="A"</td></tr>
+          <tr><td>=endswith=</td><td>Ends with</td><td>file=endswith=".ts"</td></tr>
+          <tr><td>=icontains=</td><td>Contains (case-insensitive)</td><td>name=icontains="john"</td></tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div>
+      <h4 style="font-size: 12px; color: var(--text-2); margin-bottom: 8px;">Special Operators</h4>
+      <table class="table table-mono" style="font-size: 11px;">
+        <tbody>
+          <tr><td>=isnull=</td><td>Is null</td><td>deletedAt=isnull=true</td></tr>
+          <tr><td>=isempty=</td><td>Is null or empty</td><td>notes=isempty=true</td></tr>
+          <tr><td>=between=</td><td>Range</td><td>age=between=(18,65)</td></tr>
+          <tr><td>=regex=</td><td>Regex match</td><td>email=regex="@test\\.com$"</td></tr>
+          <tr><td>=length=</td><td>String length</td><td>code=length=6</td></tr>
+          <tr><td>==true</td><td>Boolean true</td><td>active==true</td></tr>
+          <tr><td>==false</td><td>Boolean false</td><td>deleted==false</td></tr>
+        </tbody>
+      </table>
+
+      <h4 style="font-size: 12px; color: var(--text-2); margin: 16px 0 8px;">Combinators</h4>
+      <table class="table table-mono" style="font-size: 11px;">
+        <tbody>
+          <tr><td>;</td><td>AND</td><td>a==1;b==2</td></tr>
+          <tr><td>,</td><td>OR</td><td>a==1,b==2</td></tr>
+          <tr><td>()</td><td>Grouping</td><td>(a==1,b==2);c==3</td></tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+`);
+export const filterParseResult = (data) => html `
+  ${data.error ? html `
+    ${alert('Parse Error: ' + data.error, 'error')}
+    <div style="margin-top: 12px;">
+      <div class="code-inline" style="display: block; padding: 12px; background: var(--bg-2);">
+        ${escapeHtml(data.filter)}
+      </div>
+    </div>
+  ` : html `
+    ${card({
+    title: 'Parsed AST',
+    headerRight: badge('\u2713 Valid', 'success'),
+}, html `
+      <div class="code" style="max-height: 400px; overflow-y: auto;">
+        ${escapeHtml(formatJson(data.ast))}
+      </div>
+    `)}
+  `}
+`;
+export const filterTestResult = (data) => html `
+  ${data.error ? html `
+    ${alert('Filter Error: ' + data.error, 'error')}
+  ` : html `
+    ${card({
+    title: 'Results',
+    headerRight: html `
+        <div style="display: flex; gap: 8px; align-items: center;">
+          ${badge(data.matchCount + '/' + data.totalCount + ' matched', data.matchCount > 0 ? 'success' : 'neutral')}
+          ${badge(data.executionTime + 'ms', 'info')}
+        </div>
+      `,
+    flush: true,
+}, html `
+      ${data.matches.length > 0 ? html `
+        <div style="max-height: 400px; overflow-y: auto;">
+          ${data.matches.map((match, i) => html `
+            <details class="list-item" style="display: block; cursor: pointer;">
+              <summary style="padding: 12px; display: flex; align-items: center; gap: 8px;">
+                ${badge('#' + (i + 1), 'neutral')}
+                <span class="code-inline" style="flex: 1; overflow: hidden; text-overflow: ellipsis;">
+                  ${escapeHtml(JSON.stringify(match).slice(0, 100))}...
+                </span>
+              </summary>
+              <div class="code" style="margin: 0 12px 12px; font-size: 11px;">
+                ${escapeHtml(formatJson(match))}
+              </div>
+            </details>
+          `).join('')}
+        </div>
+      ` : emptyState('\u2205', 'No matches', 'The filter did not match any records')}
+    `)}
+  `}
+`;
+//# sourceMappingURL=filter-tester.js.map

package/dist/ui/html/pages/filter-tester.js.map

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

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

@@ -0,0 +1,15 @@
+export * from './dashboard.js';
+export * from './resources.js';
+export * from './data-explorer.js';
+export * from './requests.js';
+export * from './errors.js';
+export * from './users.js';
+export * from './sessions.js';
+export * from './subscriptions.js';
+export * from './changelog.js';
+export * from './tasks.js';
+export * from './kv-inspector.js';
+export * from './admin-audit.js';
+export * from './filter-tester.js';
+export * from './api-explorer.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/html/pages/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,15 @@
+export * from './dashboard.js';
+export * from './resources.js';
+export * from './data-explorer.js';
+export * from './requests.js';
+export * from './errors.js';
+export * from './users.js';
+export * from './sessions.js';
+export * from './subscriptions.js';
+export * from './changelog.js';
+export * from './tasks.js';
+export * from './kv-inspector.js';
+export * from './admin-audit.js';
+export * from './filter-tester.js';
+export * from './api-explorer.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/html/pages/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/dist/ui/html/pages/kv-inspector.d.ts

@@ -0,0 +1,20 @@
+export interface KVInspectorPageData {
+    enabled: boolean;
+    readOnly: boolean;
+    mode: string;
+}
+export declare const kvInspectorPage: (data: KVInspectorPageData) => string;
+export interface KVKeysData {
+    keys: string[];
+    readOnly: boolean;
+}
+export declare const kvKeysList: (data: KVKeysData) => string;
+export interface KVValueData {
+    key: string;
+    type: string;
+    value: unknown;
+    ttl?: number;
+    readOnly: boolean;
+}
+export declare const kvValueView: (data: KVValueData) => string;
+//# sourceMappingURL=kv-inspector.d.ts.map

package/dist/ui/html/pages/kv-inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kv-inspector.d.ts","sourceRoot":"","sources":["../../../../src/ui/html/pages/kv-inspector.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,eAAe,GAAI,MAAM,mBAAmB,KAAG,MAoD3D,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,GAAI,MAAM,UAAU,KAAG,MAqC7C,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,MAAM,WAAW,KAAG,MAoC9C,CAAC"}

package/dist/ui/html/pages/kv-inspector.js

@@ -0,0 +1,130 @@
+import { html, escapeHtml, formatJson } from '../utils.js';
+import { card, badge, button, input, alert, emptyState, toolbar } from '../components/index.js';
+export const kvInspectorPage = (data) => {
+    if (!data.enabled) {
+        return html `
+      <div class="page-header">
+        <h1 class="page-title">KV Inspector</h1>
+        <p class="page-desc">Browse and manage key-value store data</p>
+      </div>
+      ${emptyState('\u26C1', 'KV Inspector Disabled', 'Enable KV inspector in your admin UI configuration')}
+    `;
+    }
+    return html `
+    <div class="page-header">
+      <h1 class="page-title">KV Inspector</h1>
+      <p class="page-desc">Browse and manage key-value store data</p>
+    </div>
+
+    ${data.readOnly ? alert('Read-only mode - mutations disabled in ' + data.mode, 'info') : ''}
+
+    ${toolbar(html `
+      ${input({
+        name: 'pattern',
+        placeholder: 'Key pattern: covara:*',
+        mono: true,
+        class: 'pattern-input',
+    })}
+      ${button('Search', {
+        variant: 'primary',
+        hxGet: '/__covara/ui/kv/keys',
+        hxTarget: '#kv-content',
+        hxInclude: '[name="pattern"]',
+    })}
+    `)}
+
+    <div id="kv-content" style="margin-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
+      <div id="kv-keys">
+        ${card({}, emptyState('\u26C1', 'Search for keys', 'Enter a pattern like "cache:*" to browse keys'))}
+      </div>
+      <div id="kv-value"></div>
+    </div>
+
+    <script>
+      document.querySelector('.pattern-input')?.addEventListener('keydown', function(e) {
+        if (e.key === 'Enter') {
+          htmx.ajax('GET', '/__covara/ui/kv/keys?pattern=' + encodeURIComponent(e.target.value), {
+            target: '#kv-content',
+            swap: 'innerHTML'
+          });
+        }
+      });
+    </script>
+  `;
+};
+export const kvKeysList = (data) => html `
+  <div id="kv-keys">
+    ${card({
+    title: 'Keys',
+    headerRight: badge(data.keys.length + ' keys', 'neutral'),
+    flush: true,
+}, html `
+      ${data.keys.length > 0 ? html `
+        <div style="max-height: 500px; overflow-y: auto;">
+          ${data.keys.map(key => html `
+            <div class="list-item" style="cursor: pointer;"
+                 hx-get="/__covara/ui/kv/value/${encodeURIComponent(key)}"
+                 hx-target="#kv-value"
+                 hx-swap="innerHTML">
+              <span class="code-inline" style="word-break: break-all;">${escapeHtml(key)}</span>
+              ${!data.readOnly ? html `
+                <div onclick="event.stopPropagation();">
+                  ${button('\u2715', {
+    size: 'sm',
+    variant: 'ghost',
+    class: 'btn-danger',
+    hxDelete: '/__covara/api/kv/key/' + encodeURIComponent(key),
+    hxConfirm: 'Delete key: ' + key + '?',
+    hxTarget: 'closest .list-item',
+    hxSwap: 'outerHTML',
+})}
+                </div>
+              ` : ''}
+            </div>
+          `).join('')}
+        </div>
+      ` : emptyState('\u26C1', 'No keys found', 'Try a different pattern')}
+
+      <style>.btn-danger { color: var(--error); } .btn-danger:hover { background: var(--error-bg); }</style>
+    `)}
+  </div>
+  <div id="kv-value"></div>
+`;
+export const kvValueView = (data) => card({
+    title: escapeHtml(data.key),
+    headerRight: html `
+    <div style="display: flex; gap: 8px; align-items: center;">
+      ${badge(data.type, 'info')}
+      ${data.ttl !== undefined && data.ttl >= 0 ? badge('TTL: ' + data.ttl + 's', 'neutral') : ''}
+      ${button('\u2715', {
+        size: 'sm',
+        variant: 'ghost',
+        hxGet: '/__covara/ui/empty',
+        hxTarget: '#kv-value',
+        hxSwap: 'innerHTML',
+    })}
+    </div>
+  `,
+}, html `
+  <div class="code" style="max-height: 400px; overflow-y: auto;">
+    ${escapeHtml(typeof data.value === 'string' ? data.value : formatJson(data.value))}
+  </div>
+
+  ${!data.readOnly && data.type === 'string' ? html `
+    <div style="margin-top: 16px;">
+      <form hx-put="/__covara/api/kv/key/${encodeURIComponent(data.key)}"
+            hx-target="#kv-value"
+            hx-swap="innerHTML"
+            hx-on::after-request="if(event.detail.successful) showToast('Value updated');">
+        <div class="form-group">
+          <label class="form-label">Edit Value</label>
+          <textarea class="input input-mono form-input" name="value" rows="4">${escapeHtml(String(data.value))}</textarea>
+        </div>
+        <div style="display: flex; gap: 8px;">
+          ${button('Save', { variant: 'primary', type: 'submit' })}
+        </div>
+      </form>
+    </div>
+  ` : ''}
+`);
+//# sourceMappingURL=kv-inspector.js.map

package/dist/ui/html/pages/kv-inspector.js.map

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

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

@@ -0,0 +1,23 @@
+export interface RequestInfo {
+    id: string;
+    method: string;
+    path: string;
+    status: number;
+    duration: number;
+    timestamp: string;
+    error?: string;
+}
+export interface RequestsPageData {
+    requests: RequestInfo[];
+}
+export declare const requestsPage: (data: RequestsPageData) => string;
+export declare const requestList: (requests: RequestInfo[]) => string;
+export interface RequestDetailData {
+    request: RequestInfo & {
+        headers?: Record<string, string>;
+        body?: unknown;
+        response?: unknown;
+    };
+}
+export declare const requestDetail: (data: RequestDetailData) => string;
+//# sourceMappingURL=requests.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"requests.d.ts","sourceRoot":"","sources":["../../../../src/ui/html/pages/requests.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,gBAAgB,KAAG,MA2CrD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,UAAU,WAAW,EAAE,KAAG,MAiCpD,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,WAAW,GAAG;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACjC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,iBAAiB,KAAG,MA6CvD,CAAC"}

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

@@ -0,0 +1,127 @@
+import { html, escapeHtml, formatDuration, formatRelativeTime } from '../utils.js';
+import { card, badge, methodBadge, statusBadge, button, input, select, emptyState, toolbar } from '../components/index.js';
+export const requestsPage = (data) => html `
+  <div class="page-header">
+    <h1 class="page-title">Requests</h1>
+    <p class="page-desc">Recent API requests and their performance</p>
+  </div>
+
+  ${toolbar(html `
+    ${select({
+    name: 'method',
+    placeholder: 'All Methods',
+    options: [
+        { value: 'GET', label: 'GET' },
+        { value: 'POST', label: 'POST' },
+        { value: 'PATCH', label: 'PATCH' },
+        { value: 'PUT', label: 'PUT' },
+        { value: 'DELETE', label: 'DELETE' },
+    ],
+})}
+    ${select({
+    name: 'status',
+    placeholder: 'All Status',
+    options: [
+        { value: 'success', label: 'Success (2xx/3xx)' },
+        { value: 'error', label: 'Error (4xx/5xx)' },
+    ],
+})}
+    ${input({ name: 'path', placeholder: 'Filter by path...' })}
+    ${button('Filter', {
+    variant: 'primary',
+    hxGet: '/__covara/ui/requests/list',
+    hxTarget: '#request-list',
+    hxInclude: '[name="method"],[name="status"],[name="path"]',
+})}
+    ${button('Clear', {
+    variant: 'secondary',
+    hxGet: '/__covara/ui/requests/list',
+    hxTarget: '#request-list',
+})}
+  `)}
+
+  <div id="request-list" style="margin-top: 16px;">
+    ${requestList(data.requests)}
+  </div>
+`;
+export const requestList = (requests) => card({
+    title: 'Recent Requests',
+    headerRight: badge(requests.length + ' requests', 'neutral'),
+    flush: true,
+}, html `
+  ${requests.length > 0 ? html `
+    <div style="max-height: 600px; overflow-y: auto;">
+      ${requests.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>
+`);
+export const requestDetail = (data) => html `
+  <div style="padding: 16px;">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
+      <h4 style="font-weight: 600;">Request Details</h4>
+      ${button('\u2715', {
+    size: 'sm',
+    variant: 'ghost',
+    hxGet: '/__covara/ui/empty',
+    hxTarget: '#request-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;">Request</h5>
+        <div class="code">${escapeHtml(data.request.method + ' ' + data.request.path)}</div>
+        ${data.request.headers ? html `
+          <h5 style="font-size: 12px; color: var(--text-2); margin: 12px 0 8px;">Headers</h5>
+          <div class="code">${escapeHtml(JSON.stringify(data.request.headers, null, 2))}</div>
+        ` : ''}
+        ${data.request.body ? html `
+          <h5 style="font-size: 12px; color: var(--text-2); margin: 12px 0 8px;">Body</h5>
+          <div class="code">${escapeHtml(JSON.stringify(data.request.body, null, 2))}</div>
+        ` : ''}
+      </div>
+      <div>
+        <h5 style="font-size: 12px; color: var(--text-2); margin-bottom: 8px;">Response</h5>
+        <div style="display: flex; gap: 8px; margin-bottom: 8px;">
+          ${statusBadge(data.request.status)}
+          <span style="font-size: 12px; color: var(--text-2);">${formatDuration(data.request.duration)}</span>
+        </div>
+        ${data.request.response ? html `
+          <div class="code" style="max-height: 300px; overflow-y: auto;">
+            ${escapeHtml(JSON.stringify(data.request.response, null, 2))}
+          </div>
+        ` : ''}
+        ${data.request.error ? html `
+          <div class="alert alert-error" style="margin-top: 8px;">
+            ${escapeHtml(data.request.error)}
+          </div>
+        ` : ''}
+      </div>
+    </div>
+  </div>
+`;
+//# sourceMappingURL=requests.js.map

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

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

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

@@ -0,0 +1,27 @@
+export interface ResourceInfo {
+    name: string;
+    fields: string[];
+    capabilities: {
+        enableCreate?: boolean;
+        enableUpdate?: boolean;
+        enableDelete?: boolean;
+        enableSubscriptions?: boolean;
+        enableAggregations?: boolean;
+    };
+    auth?: {
+        public?: {
+            read?: boolean;
+            subscribe?: boolean;
+        };
+        hasReadScope?: boolean;
+        hasCreateScope?: boolean;
+        hasUpdateScope?: boolean;
+        hasDeleteScope?: boolean;
+    };
+    procedures?: string[];
+}
+export interface ResourcesPageData {
+    resources: ResourceInfo[];
+}
+export declare const resourcesPage: (data: ResourcesPageData) => string;
+//# sourceMappingURL=resources.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resources.d.ts","sourceRoot":"","sources":["../../../../src/ui/html/pages/resources.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,EAAE;QACZ,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,CAAC;IACF,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,OAAO,CAAC;YAAC,SAAS,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;QACjD,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAeD,eAAO,MAAM,aAAa,GAAI,MAAM,iBAAiB,KAAG,MAWvD,CAAC"}