generated from coulomb/repo-seed
feat(dashboard): entity list UX — REF column, name cells, detail pages (CUST-WP-0030)
- ref-cell.js: REF column component — click=copy deeplink, dblclick=open
- field-help.js: field registry + fieldRow helper with help-tip decoration;
FK fields (task_id, workstream_id, repo_id) render as async-linked cells
with entity-title bubble-help on hover
- GET /token-events/{id} endpoint + get-by-id tests
- GET /repos/by-id/{repo_id} UUID lookup endpoint
- Landing pages: /token-events/[id], /workstreams/[id], /repos/[slug], /tasks/[id]
- token-cost.md: REF + Name columns on all three tables; parallel fetch of
workstreams/tasks for title resolution
- reference.md: entity detail page URL scheme documented
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
42
dashboard/src/repos/[slug].md
Normal file
42
dashboard/src/repos/[slug].md
Normal file
@@ -0,0 +1,42 @@
|
||||
---
|
||||
title: Repo
|
||||
---
|
||||
|
||||
```js
|
||||
import {API} from "../components/config.js";
|
||||
import {fieldRow} from "../components/field-help.js";
|
||||
```
|
||||
|
||||
```js
|
||||
const repoSlug = observable.params.slug;
|
||||
const raw = await fetch(`${API}/repos/${repoSlug}/`)
|
||||
.then(r => r.ok ? r.json() : r.json().then(e => ({error: e.detail ?? `HTTP ${r.status}`})))
|
||||
.catch(e => ({error: String(e)}));
|
||||
```
|
||||
|
||||
```js
|
||||
if (raw.error) {
|
||||
display(html`<div style="color:red;padding:1rem">⚠️ ${raw.error}</div>`);
|
||||
} else {
|
||||
const name = raw.name || raw.slug || repoSlug;
|
||||
display(html`<h1 style="font-size:1.1rem;margin-bottom:0.25rem">Repo · <em>${name}</em></h1>`);
|
||||
display(html`<p style="margin-top:0"><a href="/repos">← Repos</a> | <a href="/token-cost">← Token Cost</a></p>`);
|
||||
|
||||
const FIELD_ORDER = [
|
||||
"id","slug","name","domain_slug","status","description",
|
||||
"local_path","remote_url","git_fingerprint",
|
||||
"sbom_source","last_sbom_at","last_state_synced_at",
|
||||
"created_at","updated_at",
|
||||
];
|
||||
|
||||
const rows = FIELD_ORDER.map(k => fieldRow(k, raw[k] ?? null));
|
||||
for (const k of Object.keys(raw)) {
|
||||
if (!FIELD_ORDER.includes(k)) rows.push(fieldRow(k, raw[k]));
|
||||
}
|
||||
|
||||
display(html`<table style="border-collapse:collapse;width:100%;max-width:640px">
|
||||
<colgroup><col style="width:160px"><col></colgroup>
|
||||
<tbody>${rows}</tbody>
|
||||
</table>`);
|
||||
}
|
||||
```
|
||||
Reference in New Issue
Block a user