Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions apps/portal/src/components/ShortId.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -44,3 +44,13 @@ export const HoverRevealsFullIdAndCopy: Story = {
await expect(screen.getAllByText(FULL_ID).length).toBeGreaterThan(0);
},
};

/** The run detail metadata labels its parent submission ID explicitly. */
export const SubmissionId: Story = {
args: { label: "submission ID" },
play: async ({ canvas }) => {
await userEvent.hover(canvas.getByText("abcdef12"));
const [button] = await screen.findAllByRole("button", { name: "Copy submission ID" });
await expect(button).toBeVisible();
},
};
7 changes: 7 additions & 0 deletions apps/portal/src/pages/RunDetail.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ import { ReportThumbnail } from "@/components/ReportThumbnail";
import { CriteriaBadge } from "@/components/CriteriaBadge";
import { TaskPromptBadge } from "@/components/TaskPromptBadge";
import { AgentBadge } from "@/components/AgentBadge";
import { ShortId } from "@/components/ShortId";
import { SkillRevisionLinks } from "@/components/SkillRevisionLinks";
import { AlertTriangle, ArrowLeft, Copy, Check, Sparkles, CheckCircle2, XCircle, MinusCircle, FileText, Plus, Download, Loader2, Archive, Video, LayoutGrid, List, Puzzle, RotateCcw, ChevronDown, Clock, Pause, Play, ArrowUpDown, X, Boxes } from "lucide-react";
import { formatDate, formatId, formatDuration, cn } from "@/lib/utils";
Expand Down Expand Up @@ -674,6 +675,12 @@ export function RunDetail() {

{/* Tier 2 — labeled configuration + metrics */}
<div className="flex flex-wrap items-center gap-x-6 gap-y-3">
{run.submissionId && (
<MetaItem
label="Submission ID"
value={<ShortId id={run.submissionId} label="submission ID" className="text-sm" />}
/>
)}
<MetaItem
label="Worker"
value={<AgentBadge agentId={run.workerType} version={run.agentVersion} />}
Expand Down
3 changes: 2 additions & 1 deletion docs/architecture/app-design.md
Original file line number Diff line number Diff line change
Expand Up @@ -678,7 +678,8 @@ Both follow the same rules:

A sibling affordance, `components/ShortId.tsx`, applies the same hoverable-tooltip pattern to
**identifiers**: the Runs list renders run and submission IDs truncated to 8 chars
(`formatId`), and on hover the tooltip reveals the full ID plus a copy-to-clipboard button. The
(`formatId`), and Run detail shows the parent submission ID in its metadata. On
hover the tooltip reveals the full ID plus a copy-to-clipboard button. The
trigger stays an inline `<span>` (not a link) so the row click still navigates to the run; the
copy button calls `e.stopPropagation()` so copying never triggers row navigation.

Expand Down