scriptoriumadmin/fabro
1
0
Fork 0
mirror of https://github.com/fabro-sh/fabro.git synced 2026-10-08 03:10:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

feat(web): icon + workflow in run header metadata

Browse source 
Prefix each run header chip with its icon (folder for repo, stack for
workflow, clock for elapsed) and surface the workflow name alongside
the repo so it's discoverable from the detail header.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-05-07 08:57:49 -07:00
parent c8336a250e
commit e4fbe4482a
No known key found for this signature in database
1 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
apps/fabro-web/app/routes/run-detail.tsx
View file

@ -4,7 +4,14 @@ import {
useState,
type CSSProperties,
} from "react";
import { ArrowPathIcon, ChevronDownIcon, ChevronRightIcon } from "@heroicons/react/20/solid";
import {
ArrowPathIcon,
ChevronDownIcon,
ChevronRightIcon,
ClockIcon,
FolderIcon,
RectangleStackIcon,
} from "@heroicons/react/20/solid";
import { Link, Outlet, useLocation, useMatches } from "react-router";
import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/react";
@ -234,9 +241,19 @@ export default function RunDetail({ params }: { params: { id: string } }) {
<span className={`size-2 rounded-full ${run.statusDot}`} />
<span className={`font-medium ${run.statusText}`}>{run.statusLabel}</span>
</span>
<span className="font-mono text-xs text-fg-muted">{run.repo}</span>
<span className="flex items-center gap-1 font-mono text-xs text-fg-muted">
<FolderIcon className="size-3" aria-hidden="true" />
{run.repo}
</span>
<span className="flex items-center gap-1 font-mono text-xs text-fg-muted">
<RectangleStackIcon className="size-3" aria-hidden="true" />
{run.workflow}
</span>
{run.elapsed && (
<span className="font-mono text-xs text-fg-muted">{run.elapsed}</span>
<span className="flex items-center gap-1 font-mono text-xs text-fg-muted">
<ClockIcon className="size-3" aria-hidden="true" />
{run.elapsed}
</span>
)}
</div>
</div>