diff --git a/CHANGELOG.md b/CHANGELOG.md index d729db3..655c3f8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,6 +10,9 @@ CalVer image tags (`stable-YYYY.MM.N`, `dev-YYYY.MM.N`) are produced for every C ## [Unreleased] +### Changed +- **Admin / Tables**: registry table now shows Source (bucket/table), Schedule, Folder, Registered by/at, and a sync-error warning icon per row. The page widens to ~1600px to accommodate. + ### Fixed - **Admin / Tables**: long table descriptions no longer push the row's Edit / Manage access / Delete buttons off-screen. The Description column is now clamped to 2 lines with the full text available on hover and in the Edit modal. - **Admin / Tables**: descriptions stored with shell-quoting backslash-escapes (`Don\'t`, `\n`) now render correctly. The same normalization also runs at register/update time so newly-saved descriptions are never corrupted. diff --git a/app/web/templates/admin_tables.html b/app/web/templates/admin_tables.html index e86aa4e..2870489 100644 --- a/app/web/templates/admin_tables.html +++ b/app/web/templates/admin_tables.html @@ -114,7 +114,7 @@ /* ── Page Title ── */ .page-title { - max-width: 1000px; + max-width: 1600px; margin: 0 auto; padding: 32px 24px 24px; } @@ -133,7 +133,7 @@ /* ── Content Layout ── */ .content { - max-width: 1000px; + max-width: 1600px; margin: 0 auto; padding: 0 24px 32px; display: flex; @@ -477,7 +477,6 @@ } .registry-table .col-description { - max-width: 0; /* lets line-clamp / overflow take effect inside fixed layout */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; @@ -517,7 +516,7 @@ .registry-table .col-id { font-family: var(--font-mono); font-size: 12px; - max-width: 280px; + max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -530,6 +529,94 @@ vertical-align: top; } + /* ── Registry table — wide layout ── */ + .registry-table .col-mode { + width: 100px; + } + + .registry-table .col-source { + width: 200px; + font-family: var(--font-mono); + font-size: 12px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: var(--text-secondary); + } + + .registry-table .col-pk { + width: 100px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .registry-table .col-schedule { + width: 100px; + font-size: 12px; + color: var(--text-secondary); + } + + .registry-table .col-folder { + width: 120px; + } + + .registry-table .col-registered { + width: 160px; + font-size: 11px; + line-height: 1.4; + overflow: hidden; + } + + .registry-table .col-registered .registered-by { + color: var(--text-primary); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .registry-table .col-registered .registered-at { + color: var(--text-secondary); + } + + .registry-table .col-status { + width: 40px; + text-align: center; + } + + .mode-badge { + display: inline-block; + padding: 2px 8px; + border-radius: 4px; + font-size: 11px; + font-weight: 600; + } + + .mode-badge.mode-local { + background: var(--success-light); + color: var(--success); + } + + .mode-badge.mode-remote { + background: var(--primary-light); + color: var(--primary); + } + + .mode-badge.mode-materialized { + background: rgba(139, 92, 246, 0.1); + color: #8B5CF6; + } + + .folder-badge { + display: inline-block; + padding: 1px 6px; + border-radius: 3px; + background: var(--background); + border: 1px solid var(--border); + font-size: 11px; + color: var(--text-secondary); + } + /* ── Modal overlay ── */ .modal-overlay { display: none; @@ -2619,6 +2706,12 @@ }); } + function renderModeBadge(mode) { + var m = (mode || 'local').toLowerCase(); + var cls = 'mode-badge mode-' + (['local','remote','materialized'].indexOf(m) >= 0 ? m : 'local'); + return '' + escapeHtml(m) + ''; + } + function renderRegistryListing(target, tables) { if (!target) return; if (tables.length === 0) { @@ -2627,19 +2720,68 @@ } var html = '
| Table ID | '; - html += 'Mode | '; - html += 'Primary Key | '; + html += 'Table ID | '; + html += 'Mode | '; + html += 'Source | '; + html += 'Primary Key | '; + html += 'Schedule | '; + html += 'Folder | '; html += 'Description | '; + html += 'Registered | '; + html += ''; html += ' | Actions | '; html += '|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ' + escapeHtml(table.id) + ' | '; - html += '' + escapeHtml(table.query_mode || 'local') + ' | '; - html += '' + escapeHtml((table.primary_key || []).join(', ') || '-') + ' | '; + html += '' + renderModeBadge(table.query_mode) + ' | '; + + // Source: bucket / source_table; em-dash when both empty (custom-SQL row). + var bucket = table.bucket || ''; + var srcTable = table.source_table || ''; + var sourceText = ''; + if (bucket && srcTable) { + sourceText = bucket + ' / ' + srcTable; + } else if (bucket || srcTable) { + sourceText = bucket || srcTable; + } + var sourceCell = sourceText ? escapeHtml(sourceText) : '—'; + html += '' + sourceCell + ' | '; + + html += '' + escapeHtml((table.primary_key || []).join(', ') || '—') + ' | '; + html += '' + escapeHtml(table.sync_schedule || '—') + ' | '; + + // Folder badge — '—' when null/empty. + if (table.folder) { + html += '' + escapeHtml(table.folder) + ' | '; + } else { + html += '— | '; + } + var desc = unescapeShellQuoting(table.description || ''); - html += '' + escapeHtml(desc || '-') + ' | '; + html += '' + escapeHtml(desc || '—') + ' | '; + + // Registered: stacked email + date (first 10 chars of ISO timestamp). + var regBy = table.registered_by || ''; + var regByDisplay = regBy; + if (regBy.length > 24 && regBy.indexOf('@') > 0) { + regByDisplay = regBy.split('@')[0]; + } + var regAt = table.registered_at ? String(table.registered_at).slice(0, 10) : ''; + html += '';
+ html += ' ' + (regByDisplay ? escapeHtml(regByDisplay) : '—') + ' ';
+ html += '' + escapeHtml(regAt || '') + ' ';
+ html += ' | ';
+
+ // Status: warning icon when the last sync errored.
+ html += ''; + if (table.last_sync_error) { + html += ''; + html += ''; + html += ''; + } + html += ' | '; + html += '';
html += ' |