feat(ui): entry points — routes, executable files and tests as flow starting points (CG-54)

`#/entry` answers "where does anything start" at full length, and turns any row
that names a symbol into a flow.

Server. `/api/entrypoints` gains `frameworks` (from `getDetectedFrameworks`), a
`tests` list, a `routes` limit of its own, and a cache keyed on the index build
— nothing here is read from disk, so unlike `/api/source` a cached answer cannot
be stale about drift. `routes.items` is now a `WireList` like every other list on
the payload.

Routes carry where the URL is REGISTERED as well as where it is served:
`getRoutingManifest` selects the route node's id, file and line, and
`buildRoutes` splits the verb off the name against a fixed list (never "the
first word", which would take the head off a file-routed `/blog/[slug]`). All
four payroll-go routes register in one router file and three are served from
another — group by the handler file and one router becomes two groups plus an
orphan.

`isTestFile` is split into `isTestPath` (test filename and directory
conventions) + the non-production catch-all, byte-identical at every existing
call site. The Tests list uses the narrow half: an example, a benchmark or a
fixture is off-target for ranking but is not a test, and a heading that says
"Tests" must not quietly count them. Tests rank by REACH — distinct other files
touched — because Go, Rust and Java put test work inside functions where a
module-level-calls ranking sees nothing. Two read-only engine queries make that
affordable: `getFileReachCounts` (the mirror of `getFileDependentCounts`, driven
from `nodes` by path so the cost follows the files asked about rather than the
edge table) and `getFileNodes`.

Viewer. `ui/src/lib/entry-model.ts` folds the four lists into file groups —
pure, and `panel.rows` stays exactly the sections it draws. `EntryView` +
`EntrySection` render them with the caller rail's `.filegroup` / `.row` shapes
rather than a second visual language for the same idea. A row that names a
callable symbol carries a `Flow ›` chip; the other end is typed or picked with
`→ here` on another row. File and test rows carry none: `/api/flow` searches by
name, and a file has none the path finder can look up.

A project with fewer than three resolvable routes gets no Routes heading at all,
not an empty one. Typing into the search box now also returns matching entry
points under their own heading below the symbol matches, so a URL comes back
with its handler attached; rows already in the results are dropped.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Colby McHenry
2026-08-27 05:20:15 -05:00
co-authored by Claude Opus 5
parent dc7f1e590e
commit 94f4e287e6
28 changed files with 2400 additions and 81 deletions
+36 -7
View File
@@ -5,15 +5,19 @@
* Nothing selected is the normal first state of a viewer opened on a project
* nobody has read before, so it carries the same entry points the palette
* shows at rest, at full length: the routes a request arrives on, the files
* that run something at module level, and the symbols the most code depends
* on. Every one of them is derived from the graph — see
* `src/ui-server/api/entrypoints.ts` for what each is derived from.
* that run something at module level, the tests that exercise the most of the
* project, and the symbols the most code depends on. Every one of them is
* derived from the graph — see `src/ui-server/api/entrypoints.ts` for what
* each is derived from.
*
* The full-length version, with the same rows grouped by file and able to
* start a flow, is `#/entry` (`EntryView`); this screen links to it.
*/
import PaletteRows from '../components/PaletteRows.svelte';
import { palette } from '../lib/palette.svelte';
import { buildEntryPalette, type PaletteItem } from '../lib/search-model';
import { fileHref, flowHref, navigate } from '../lib/router.svelte';
import { walkTo } from '../lib/walk';
import { entryHref, fileHref, flowHref, navigate } from '../lib/router.svelte';
import { openEntryTarget, walkTo } from '../lib/walk';
interface Props {
project?: string | null;
@@ -33,6 +37,10 @@
navigate(flowHref({ from: item.from, to: item.to }));
return;
}
if (item.type === 'entry') {
openEntryTarget(item.row.target);
return;
}
const id = item.type === 'route' ? item.nodeId : item.id;
if (!id) return;
// A file opens the File view — its outline plus the import rails. The
@@ -65,7 +73,10 @@
{#if entries.sections.length > 0}
<section class="entries" aria-label="Where to start">
<h3>Where to start</h3>
<div class="entries-h">
<h3>Where to start</h3>
<a href={entryHref()}>All entry points </a>
</div>
<div class="rows">
<PaletteRows palette={entries} onpick={pick} />
</div>
@@ -90,12 +101,30 @@
padding: 8px 40px 48px;
}
.entries-h {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-bottom: 8px;
}
.entries h3 {
margin: 0 0 8px;
margin: 0;
font-size: 14px;
font-weight: 600;
}
.entries-h a {
color: var(--ink-2);
font-size: 12px;
}
.entries-h a:hover {
color: var(--ink);
text-decoration: underline;
}
.rows {
border: 1px solid var(--rule-soft);
}