Sign in

flagon-io/g1t

public

g1t/apps/web/app/routes/repo/pull.tsx

1,352 lines59,083 bytesCodeBlame

Pick any line to see why it is the way it is: the commit, the pull request and issue it came from, and what the agent was thinking.

Acceptance checks in sandboxes, line comments and review verdicts1import { env } from "cloudflare:workers";
Issues and pull requests replace intents and attempts2import {
3 Bot,
4 ChevronRight,
5 FileDiff,
Pull requests from branches6 GitBranch,
Issues and pull requests replace intents and attempts7 GitCommitHorizontal,
Acceptance checks in sandboxes, line comments and review verdicts8 CircleCheck,
9 CircleSlash,
Issues and pull requests replace intents and attempts10 GitMerge,
Agents as a team: lifecycle, merge queue, billing and a new shell11 Layers,
12 GitPullRequestArrow,
13 Hand,
14 Loader,
15 Radar,
16 Sparkles,
Issues and pull requests replace intents and attempts17 MessageSquare,
Pull requests say where they are live; the project menu shows what is coming18 ArrowUpRight,
Issues and pull requests replace intents and attempts19 MessagesSquare,
Pull requests say where they are live; the project menu shows what is coming20 Rocket,
Project dependencies: addresses, preview stacks, Affects, and agents who know21 Network,
Issues and pull requests replace intents and attempts22 StickyNote,
23 User,
24 Wrench,
25} from "lucide-react";
Catching up with main takes seconds when the two sides touched different files26import { useEffect } from "react";
27import { Form, Link, redirect, useNavigation, useRevalidator } from "react-router";
Issues and pull requests replace intents and attempts28
Pull requests say where they are live; the project menu shows what is coming29import {
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look30 type Capability,
Pull requests say where they are live; the project menu shows what is coming31 type Comparison,
32 type Deployment,
Agents and memory, checks and conflicts, profiles, slug renames, custom domains33 type Job,
Pull requests say where they are live; the project menu shows what is coming34 type LiveApp,
35 type SessionEntry,
36 type Viewer,
37 pullComparison,
38} from "@g1t/contracts";
Issues and pull requests replace intents and attempts39
40import type { Route } from "./+types/pull";
Social cards for every page: og.g1t.sh41import { excerpt, page } from "../../lib/meta";
Issues and pull requests replace intents and attempts42import { DiffView } from "../../components/diff-view";
Agents as a team: lifecycle, merge queue, billing and a new shell43import { LifecyclePanel } from "../../components/lifecycle";
Agents and memory, checks and conflicts, profiles, slug renames, custom domains44import { AgentPanel } from "../../components/agents";
Issues and pull requests replace intents and attempts45import { Markdown } from "../../components/markdown";
46import {
47 Avatar,
48 Button,
Agents as a team: lifecycle, merge queue, billing and a new shell49 ButtonLink,
Issues and pull requests replace intents and attempts50 CopyLine,
51 EmptyState,
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look52 ComputeNote,
Issues and pull requests replace intents and attempts53 ErrorText,
54 Textarea,
55 TimeAgo,
56} from "../../components/ui";
Workspace names and icons, and a component kit for every control57import { CheckboxOption } from "../../components/ui/checkbox";
GitHub Actions on g1t, part three: .g1t/workflows, the pages, the docs58import { WorkflowStatuses } from "../../components/actions";
Acceptance checks in sandboxes, line comments and review verdicts59import { ChecksPanel } from "../../components/checks";
Agents as a team: lifecycle, merge queue, billing and a new shell60import {
61 CommentForm,
62 CommentList,
63 IssueIcon,
64 PeoplePicker,
Agents and memory, checks and conflicts, profiles, slug renames, custom domains65 PersonLink,
Agents as a team: lifecycle, merge queue, billing and a new shell66 PullState,
67 TimelineItem,
68 verdicts,
69} from "../../components/work";
Catching up with main takes seconds when the two sides touched different files70import { CatchUpProgress, ChecksSection, ConflictsSection, MergeabilityRow, runIdOf } from "../../components/merge-box";
71import { CATCH_UP_TIMEOUT_MS } from "../../lib/catch-up";
Team plan, an open-source pool, monthly trials and honest metering; the sidebar for everyone; a workspace that stays put72import { notFound } from "../../lib/not-found.server";
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look73import { computeNoteFor } from "../../lib/compute.server";
Agents and memory, checks and conflicts, profiles, slug renames, custom domains74import { actions, deployments, identity, projects, repos, work } from "../../lib/services.server";
Issues and pull requests replace intents and attempts75import { assertSameOrigin, getViewer, requireUser } from "../../lib/session.server";
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look76import { accessTo, refusal } from "../../lib/access.server";
Issues and pull requests replace intents and attempts77
78const REFRESH_MS = 4000;
79const EMPTY_COMPARISON: Comparison = { base: null, head: "", files: [], truncated: false };
80const TABS = ["conversation", "session", "changes"] as const;
81type Tab = (typeof TABS)[number];
82
Social cards for every page: og.g1t.sh83export function meta({ loaderData, params, ...args }: Route.MetaArgs) {
84 const pull = loaderData?.pull;
85 const title = pull ? `${pull.title} · Pull request #${pull.number} · ` : "";
86 const state = { draft: "Draft", open: "Open", merged: "Merged", closed: "Closed" }[pull?.status ?? "open"];
87 const body = excerpt(pull?.body);
88 return page(args, {
89 title: `${title}${params.owner}/${params.repo} · g1t`,
90 description: pull
91 ? `${state} pull request #${pull.number} on ${params.owner}/${params.repo} by ${pull.author.username}.${body ? ` ${body}` : ""}`
92 : null,
93 // The card shows the title and the state.
94 version: pull ? [pull.title, pull.status] : undefined,
95 type: "article",
96 });
Issues and pull requests replace intents and attempts97}
98
99export async function loader({ params, context, request }: Route.LoaderArgs) {
100 const viewer = getViewer(context);
101 const path = { namespace: params.owner, name: params.repo };
102 const number = Number(params.number);
103 const asked = new URL(request.url).searchParams.get("tab");
104 const tab: Tab = TABS.find((name) => name === asked) ?? "conversation";
105
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look106 // Members of the workspace pick reviewers and assignees from its people;
107 // what the viewer may do here goes by their role on the repository.
Agents as a team: lifecycle, merge queue, billing and a new shell108 const member = (viewer?.workspaces ?? []).some(
109 (membership) => membership.slug === params.owner,
110 );
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look111 const { can, insider } = await accessTo(context, params);
Agents as a team: lifecycle, merge queue, billing and a new shell112 // At once: none of these depends on another.
Project dependencies: addresses, preview stacks, Affects, and agents who know113 const ref = { workspace: params.owner, slug: params.repo };
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look114 const [found, repo, settings, agentsEnabled, members, deps, deployed, computeNote] = await Promise.all([
Issues and pull requests replace intents and attempts115 work.getPull(path, number, viewer),
116 repos.get(path, viewer),
Agents as a team: lifecycle, merge queue, billing and a new shell117 work.getSettings(path, viewer),
g1t's agents only for listed workspaces, whatever the state of billing118 env.RUNNER.enabled(viewer, path),
Agents as a team: lifecycle, merge queue, billing and a new shell119 // A member picks reviewers and assignees from the workspace's people.
120 member ? identity.listMembers(params.owner, viewer) : null,
Project dependencies: addresses, preview stacks, Affects, and agents who know121 // The projects that use this one: what a change here can affect.
122 projects.dependencies(params.owner, params.repo, viewer),
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look123 insider ? deployments.list(ref, viewer) : null,
124 // Before someone asks g1t-agent for something: whether the plan lets it start.
125 can.run ? computeNoteFor(params.owner, "agent") : null,
Issues and pull requests replace intents and attempts126 ]);
127 if (!found.ok) {
128 // Issues and pull requests share numbers; this one may be an issue.
129 const issue = await work.getIssue(path, number, viewer);
130 if (issue.ok) throw redirect(`/${params.owner}/${params.repo}/issues/${number}`);
Team plan, an open-source pool, monthly trials and honest metering; the sidebar for everyone; a workspace that stays put131 throw notFound("pull");
Issues and pull requests replace intents and attempts132 }
133 const { pull } = found.value;
Pull requests from branches134 const range = pullComparison(pull);
Agents and memory, checks and conflicts, profiles, slug renames, custom domains135 // The jobs of each workflow run on its head, to list checks job by job.
136 // Read as the viewer: a run they cannot see is listed by its status alone.
137 const runIds = [...new Set((found.value.statuses ?? []).map(runIdOf).filter((id) => id != null))].slice(0, 10);
138 const [session, comparison, runs] = await Promise.all([
Issues and pull requests replace intents and attempts139 tab === "session" ? work.readSession(path, number, viewer) : null,
Pull requests from branches140 tab === "changes"
141 ? repos.compare(range.repoId, viewer, range.base, range.head)
142 : null,
Agents and memory, checks and conflicts, profiles, slug renames, custom domains143 tab === "conversation" && pull.status === "open"
144 ? Promise.all(runIds.map((id) => actions.run(path, viewer, id).catch(() => null)))
145 : [],
Issues and pull requests replace intents and attempts146 ]);
Agents and memory, checks and conflicts, profiles, slug renames, custom domains147 const workflowJobs: Record<string, Job[]> = {};
148 for (const run of runs) if (run?.ok) workflowJobs[run.value.run.id] = run.value.jobs;
Issues and pull requests replace intents and attempts149 return {
150 ...found.value,
Agents and memory, checks and conflicts, profiles, slug renames, custom domains151 workflowJobs,
Issues and pull requests replace intents and attempts152 tab,
153 session: session?.ok ? session.value : [],
154 // An empty comparison if it could not be made.
155 comparison: comparison && (comparison.ok ? comparison.value : EMPTY_COMPARISON),
156 viewer,
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look157 // Write and up can merge.
158 canMerge: can.merge,
159 // Triage and up manage anyone's pull request; its author, their own.
160 canManage: can.triage || (viewer != null && viewer.id === pull.author.id),
161 // Telling its agent things, and re-running checks, spend compute: Write and up.
162 canRun: can.run,
Agents as a team: lifecycle, merge queue, billing and a new shell163 // A catch-up is pushed as the viewer: a fork takes pushes only from
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look164 // whoever opened it, a branch from anyone who can push.
165 canUpdate: pull.fork ? viewer?.id === pull.author.id : can.push,
Agents as a team: lifecycle, merge queue, billing and a new shell166 agentsEnabled,
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look167 computeNote,
Agents as a team: lifecycle, merge queue, billing and a new shell168 members: members?.ok ? members.value.map((person) => person.username) : [],
169 requireUpToDate: settings.ok && settings.value.requireUpToDate,
170 mergeQueue: settings.ok && settings.value.mergeQueue,
171 requiredApprovals: settings.ok ? settings.value.requiredApprovals : 0,
172 canIgnoreChecks: !settings.ok || settings.value.allowIgnoringChecks,
Issues and pull requests replace intents and attempts173 defaultBranch: repo.ok ? repo.value.defaultBranch : "main",
Project dependencies: addresses, preview stacks, Affects, and agents who know174 affects: deps.ok ? deps.value.usedBy : [],
Pull requests say where they are live; the project menu shows what is coming175 ...(await deploymentOf(deployed?.ok ? deployed.value : null, number, params.owner, deps.ok ? deps.value.usedBy : [], viewer)),
Issues and pull requests replace intents and attempts176 };
177}
178
Pull requests say where they are live; the project menu shows what is coming179/**
180 * Where this pull request is live: its preview (or its latest build, while
181 * one is going or after one failed), and the previews of the projects
182 * that use this one, built against it.
183 */
184async function deploymentOf(
185 list: { deployments: Deployment[]; live: LiveApp[] } | null,
186 number: number,
187 owner: string,
188 affects: { slug: string; name: string }[],
189 viewer: Viewer,
190) {
191 if (!list) return { preview: null, build: null, stacked: [] };
192 const preview = list.live.find((app) => app.kind === "preview" && app.number === number) ?? null;
193 const build = list.deployments.find((d) => d.kind === "preview" && d.number === number) ?? null;
194 const branch = preview?.branch ?? build?.branch ?? null;
195 const stacked = branch
196 ? (
197 await Promise.all(
198 affects.slice(0, 5).map(async (project) => {
199 const theirs = await deployments.list({ workspace: owner, slug: project.slug }, viewer);
200 const app = theirs.ok ? theirs.value.live.find((a) => a.kind === "preview" && a.branch === branch) : undefined;
201 return app ? { name: project.name, slug: project.slug, url: app.url } : null;
202 }),
203 )
204 ).filter((entry) => entry != null)
205 : [];
206 return { preview, build, stacked };
207}
208
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look209const PULL_NEEDS: Record<string, Capability> = {
210 stack: "run",
211 "agent-review": "run",
212 "rerun-workflow": "run",
213 recheck: "run",
214 message: "run",
215 merge: "merge",
216 unqueue: "merge",
217};
218
Issues and pull requests replace intents and attempts219export async function action({ request, params, context }: Route.ActionArgs) {
220 assertSameOrigin(request);
221 const user = requireUser(context, request);
222 const form = await request.formData();
223 const path = { namespace: params.owner, name: params.repo };
224 const number = Number(params.number);
225 const action = form.get("action");
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look226 // What each form needs beyond reading; work checks the rest.
227 const needed = typeof action === "string" ? PULL_NEEDS[action] : undefined;
228 const refused = needed ? await refusal(context, params, needed) : null;
229 if (refused) return { error: refused, action: String(action) };
Acceptance checks in sandboxes, line comments and review verdicts230 const verdict = form.get("verdict");
231 const line = Number(form.get("line"));
Agents as a team: lifecycle, merge queue, billing and a new shell232 /** Names ticked in a people picker, plus those typed beside it. */
233 const picked = (field: string) => [
234 ...form.getAll(field).map(String),
235 ...String(form.get("others") ?? "").split(/[\s,]+/),
236 ];
Project dependencies: addresses, preview stacks, Affects, and agents who know237 // The projects that use this one, built against this pull request's preview.
238 if (action === "stack") {
239 const built = await deployments.stack(user, { workspace: params.owner, slug: params.repo }, String(form.get("branch") ?? ""));
240 return built.ok
241 ? { action, notice: `Building ${built.value.join(", ")} against this preview. They appear on their Deployments pages.` }
242 : { action, error: built.error.message };
243 }
Agents as a team: lifecycle, merge queue, billing and a new shell244 // Asking a g1t agent for its review records the request, then starts it.
245 if (action === "agent-review") {
246 const asked = await work.updatePull(user, path, number, {
247 reviewers: [...form.getAll("reviewer").map(String), "g1t-agent"],
248 });
249 if (!asked.ok) return { error: asked.error.message, action };
250 }
Catching up with main takes seconds when the two sides touched different files251 // Catching up: merged and pushed in seconds when the two sides changed
252 // different files; otherwise handed to a sandbox, which takes a minute.
253 if (action === "update") {
254 const caught = await work.catchUpPull(user, path, number);
255 if (!caught.ok) return { action, error: caught.error.message };
256 const update = caught.value;
257 if (update.outcome !== "needs_agent") {
258 return {
259 action,
260 updated: { commit: update.commit, already: update.outcome === "up_to_date", at: Date.now() },
261 };
262 }
263 const started = await env.RUNNER.update(user, path, number);
264 if (!started.ok) return { action, error: started.error.message };
265 return { action, agent: { update, startedAt: Date.now() } };
266 }
Agents and memory, checks and conflicts, profiles, slug renames, custom domains267 // A workflow run's failed jobs, run again. Who may is the actions service's call.
268 if (action === "rerun-workflow") {
269 const rerun = await actions.rerun(user, path, String(form.get("run") ?? ""), true);
270 return rerun.ok ? null : { error: rerun.error.message, action };
271 }
Issues and pull requests replace intents and attempts272 const result =
273 action === "merge"
Acceptance checks in sandboxes, line comments and review verdicts274 ? await work.mergePull(user, path, number, {
275 keepIssueOpen: form.get("keepIssueOpen") === "on",
276 ignoreChecks: form.get("ignoreChecks") === "on",
277 })
Agents as a team: lifecycle, merge queue, billing and a new shell278 : action === "unqueue"
279 ? await work.removeFromQueue(user, path, number)
Usage, like a hosting provider's: what agents cost, per day, task, repository and pull request280 : action === "message"
281 ? await work.messageAgent(user, path, number, String(form.get("body") ?? ""))
Issues and pull requests replace intents and attempts282 : action === "close"
283 ? await work.closePull(user, path, number)
Acceptance checks in sandboxes, line comments and review verdicts284 : action === "recheck"
285 ? await env.RUNNER.recheck(user, path, number)
Agents as a team: lifecycle, merge queue, billing and a new shell286 : action === "agent-review"
287 ? await env.RUNNER.review(user, path, number)
288 : action === "reviewers"
289 ? await work.updatePull(user, path, number, { reviewers: picked("reviewer") })
290 : action === "assign"
291 ? await work.updatePull(user, path, number, { assignees: picked("assignee") })
Acceptance checks in sandboxes, line comments and review verdicts292 : action === "comment"
293 ? await work.addComment(user, path, number, {
294 body: String(form.get("body") ?? ""),
295 path: String(form.get("path") ?? "") || undefined,
296 line: line > 0 ? line : undefined,
297 verdict:
298 verdict === "approve" || verdict === "request_changes" ? verdict : undefined,
299 })
300 : await work.readyPull(user, path, number, String(form.get("summary") ?? ""));
Issues and pull requests replace intents and attempts301 return result.ok ? null : { error: result.error.message, action };
302}
303
Pull requests: title and tabs across the full width, with counts and the size of the change304/** How many, beside a tab's name, when there are any. */
305function TabCount({ n }: { n: number }) {
306 if (n <= 0) return null;
307 return (
308 <span className="rounded-full bg-raised px-1.5 py-px text-xs tabular-nums text-muted ring-1 ring-line">
309 {n.toLocaleString("en-US")}
310 </span>
311 );
312}
313
Issues and pull requests replace intents and attempts314function TabLink({
315 to,
316 active,
317 children,
318}: {
319 to: string;
320 active: boolean;
321 children: React.ReactNode;
322}) {
323 return (
324 <Link
325 to={to}
326 preventScrollReset
327 className={
328 "-mb-px flex items-center gap-2 border-b-2 px-1 pb-2.5 text-sm transition-colors " +
329 (active
330 ? "border-accent font-medium text-fg"
331 : "border-transparent text-muted hover:text-fg")
332 }
333 >
334 {children}
335 </Link>
336 );
337}
338
339/** One step of the session, on the timeline's rail. */
340function Entry({ entry, agent }: { entry: SessionEntry; agent: string }) {
341 const isTool = entry.kind === "tool_call" || entry.kind === "tool_result";
342 const Icon =
343 entry.kind === "prompt"
344 ? User
345 : entry.kind === "note"
346 ? StickyNote
347 : isTool
348 ? Wrench
349 : Bot;
350 return (
351 <li className="relative pl-10">
352 <span
353 className={`absolute top-0.5 left-0 flex size-7 items-center justify-center rounded-full border bg-bg ${
354 entry.kind === "prompt"
355 ? "border-accent/50 text-accent"
356 : "border-line text-faint"
357 }`}
358 >
359 <Icon size={14} />
360 </span>
361 {isTool ? (
362 <details className="group rounded-lg border border-line bg-surface">
363 <summary className="flex cursor-pointer list-none items-center gap-2 px-3 py-1.5 text-sm">
364 <ChevronRight
365 size={14}
366 className="text-faint transition-transform group-open:rotate-90"
367 />
368 <span className="font-mono text-xs text-accent">
369 {entry.tool ?? "tool"}
370 </span>
371 <span className="truncate font-mono text-xs text-muted">
372 {entry.kind === "tool_result" ? "→ " : ""}
373 {entry.text.split("\n")[0]}
374 </span>
375 </summary>
376 <pre className="overflow-x-auto border-t border-line p-3 font-mono text-xs whitespace-pre-wrap text-muted">
Fix a hydration mismatch in output that starts with a blank line377 <code>{entry.text}</code>
Issues and pull requests replace intents and attempts378 </pre>
379 </details>
380 ) : (
381 <div>
382 <p className="text-xs font-medium text-faint">
383 {entry.kind === "prompt"
384 ? "Prompt"
385 : entry.kind === "note"
386 ? "Note"
387 : agent}
388 </p>
389 {entry.kind === "message" ? (
390 <div className="mt-1">
391 <Markdown source={entry.text} />
392 </div>
Agents as a team: lifecycle, merge queue, billing and a new shell393 ) : entry.kind === "prompt" ? (
394 <div className="mt-1.5 max-h-[32rem] overflow-y-auto rounded-xl border border-line bg-surface p-4">
395 <Markdown source={entry.text} />
396 </div>
Issues and pull requests replace intents and attempts397 ) : (
Agents as a team: lifecycle, merge queue, billing and a new shell398 <p className="mt-1 text-[0.9375rem] leading-relaxed wrap-break-word whitespace-pre-wrap">
Issues and pull requests replace intents and attempts399 {entry.text}
400 </p>
401 )}
402 </div>
403 )}
404 {entry.commit && (
405 <p className="mt-1.5 flex items-center gap-1 font-mono text-xs text-faint">
406 <GitCommitHorizontal size={12} />
407 {entry.commit.slice(0, 7)}
408 </p>
409 )}
410 </li>
411 );
412}
413
Agents as a team: lifecycle, merge queue, billing and a new shell414/** The box at the foot of the conversation saying what stands before a merge. */
415function StatusBox({ children }: { children: React.ReactNode }) {
416 return (
417 <div className="flex gap-3">
418 <span className="hidden w-8 shrink-0 sm:block" />
419 <section className="min-w-0 grow divide-y divide-line overflow-hidden rounded-xl border border-line-strong bg-surface">
420 {children}
421 </section>
422 </div>
423 );
424}
425
426function StatusRow({
427 icon,
428 title,
429 children,
430}: {
431 icon: React.ReactNode;
432 title: string;
433 children?: React.ReactNode;
434}) {
435 return (
436 <div className="flex gap-3 px-4 py-3 text-sm">
437 <span className="mt-0.5 shrink-0">{icon}</span>
438 <div className="min-w-0">
439 <p className="font-medium">{title}</p>
440 {children && <div className="mt-0.5 text-muted">{children}</div>}
441 </div>
442 </div>
443 );
444}
445
Issues and pull requests replace intents and attempts446export default function PullPage({ loaderData, actionData, params }: Route.ComponentProps) {
447 const {
448 pull,
449 issue,
450 comments,
Acceptance checks in sandboxes, line comments and review verdicts451 checks,
Agents as a team: lifecycle, merge queue, billing and a new shell452 overlaps,
453 behind,
454 reviewPending,
455 lifecycle,
Usage, like a hosting provider's: what agents cost, per day, task, repository and pull request456 messages,
GitHub Actions on g1t, part three: .g1t/workflows, the pages, the docs457 statuses = [],
Agents and memory, checks and conflicts, profiles, slug renames, custom domains458 mergeable = "unknown",
459 conflicts = [],
460 earlierChecks = [],
461 workflowJobs,
Project dependencies: addresses, preview stacks, Affects, and agents who know462 affects,
463 preview,
Pull requests say where they are live; the project menu shows what is coming464 build,
465 stacked,
Agents as a team: lifecycle, merge queue, billing and a new shell466 landing,
467 stalled,
468 requireUpToDate,
469 mergeQueue,
470 requiredApprovals,
471 canIgnoreChecks,
472 canUpdate,
473 agentsEnabled,
474 members,
Issues and pull requests replace intents and attempts475 tab,
476 session,
477 comparison,
478 viewer,
479 canMerge,
480 canManage,
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look481 canRun,
Issues and pull requests replace intents and attempts482 defaultBranch,
483 } = loaderData;
484 const base = `/${params.owner}/${params.repo}`;
485 const here = `${base}/pull/${pull.number}`;
Pull requests from branches486 const remote = pull.fork
487 ? `https://g1t.sh/${pull.fork.namespace}/${pull.fork.name}.git`
488 : `https://g1t.sh/${params.owner}/${params.repo}.git`;
Issues and pull requests replace intents and attempts489 const active = pull.status === "draft" || pull.status === "open";
490
Acceptance checks in sandboxes, line comments and review verdicts491 // Follow an agent at work, or checks in progress, without a manual reload.
Issues and pull requests replace intents and attempts492 const revalidator = useRevalidator();
493 const working = pull.status === "draft";
GitHub Actions on g1t, part three: .g1t/workflows, the pages, the docs494 const checking =
495 checks?.status === "queued" || checks?.status === "running" || statuses.some((status) => status.state === "pending");
Acceptance checks in sandboxes, line comments and review verdicts496 const reviews = verdicts(comments);
497 // What stands between this pull request and a merge, if anything.
498 const unchecked = checks && checks.status !== "passed";
Agents as a team: lifecycle, merge queue, billing and a new shell499 // Pull requests for other issues changing the same files will conflict;
500 // ones for the same issue are alternatives, and expected to.
501 const collisions = overlaps.filter((other) => other.issue == null || other.issue !== pull.issue);
502 const review = {
503 changesUrl: here + "?tab=changes",
504 // Nobody reviews their own pull request.
505 canJudge: active && viewer != null && viewer.id !== pull.author.id,
506 };
507 // Everyone whose review was asked for, then anyone who reviewed unasked.
508 const reviewerNames = [
509 ...new Set([...pull.reviewers, ...reviews.map(({ reviewer }) => reviewer)]),
510 ];
Catching up with main takes seconds when the two sides touched different files511 // A catch-up: the click shows at once; the answer says whether it is
512 // done already or a sandbox is on it.
513 const navigation = useNavigation();
514 const catchUpPending = navigation.state !== "idle" && navigation.formData?.get("action") === "update";
515 const catchUp = actionData?.action === "update" ? actionData : null;
516 const caughtUp = catchUp && "updated" in catchUp ? catchUp.updated : null;
517 const agentCatchUp = catchUp && "agent" in catchUp ? catchUp.agent : null;
518 // Pushed already: followed until the pull request's head is the merge,
519 // so its checks show starting again, for a minute at most.
520 const settling =
521 caughtUp != null && !caughtUp.already && pull.headCommit !== caughtUp.commit && Date.now() - caughtUp.at < 60_000;
522 // Followed until it is pushed, or for so long, never longer.
523 const catchingUp =
524 agentCatchUp != null && behind && Date.now() - agentCatchUp.startedAt < CATCH_UP_TIMEOUT_MS + REFRESH_MS;
Agents as a team: lifecycle, merge queue, billing and a new shell525 // g1t is taking a step of its own accord, so the page will change.
526 const moving =
527 lifecycle != null && lifecycle.stage !== "ready" && lifecycle.stage !== "needs_you";
Agents and memory, checks and conflicts, profiles, slug renames, custom domains528 // Whether it merges cleanly is being worked out, so the box will change.
529 const probing = active && mergeable === "checking";
530 const conflicting = active && mergeable === "conflicting";
Issues and pull requests replace intents and attempts531 useEffect(() => {
Catching up with main takes seconds when the two sides touched different files532 if (!working && !checking && !reviewPending && !catchingUp && !settling && !moving && !landing && !probing) return;
Issues and pull requests replace intents and attempts533 const timer = setInterval(() => {
534 if (document.visibilityState === "visible") revalidator.revalidate();
535 }, REFRESH_MS);
536 return () => clearInterval(timer);
Catching up with main takes seconds when the two sides touched different files537 }, [working, checking, reviewPending, catchingUp, settling, moving, landing, probing, revalidator]);
Agents and memory, checks and conflicts, profiles, slug renames, custom domains538 // Why the merge button cannot be pressed, if it cannot.
539 const mergeBlocked = conflicting
540 ? "Resolve the conflicts first."
541 : probing
542 ? "Waiting to find out whether it merges cleanly."
543 : behind && requireUpToDate
544 ? `This repository requires it to be up to date with ${defaultBranch} first.`
545 : null;
Issues and pull requests replace intents and attempts546
547 return (
Agents as a team: lifecycle, merge queue, billing and a new shell548 // The changes get the whole width; people and settings are a tab away.
Pull requests: title and tabs across the full width, with counts and the size of the change549 <div>
550 {/* The title and the tabs run the full width; what is happening on
551 the pull request sits at the top of Conversation. */}
552 <header>
Issues and pull requests replace intents and attempts553 <h2 className="text-2xl font-semibold tracking-tight text-balance">
554 {pull.title} <span className="font-normal text-faint">#{pull.number}</span>
555 </h2>
556 <div className="mt-3 flex flex-wrap items-center gap-x-3 gap-y-2 text-sm text-muted">
557 <PullState status={pull.status} />
558 <span className="flex items-center gap-2">
Agents as a team: lifecycle, merge queue, billing and a new shell559 <Avatar
560 name={(pull.status === "merged" && pull.mergedBy) || pull.author.username}
561 size={18}
562 />
Issues and pull requests replace intents and attempts563 <span>
Agents and memory, checks and conflicts, profiles, slug renames, custom domains564 <PersonLink
565 name={(pull.status === "merged" && pull.mergedBy) || pull.author.username}
566 className="font-medium text-fg hover:underline"
567 />{" "}
Pull requests from branches568 {pull.status === "merged" ? "merged" : "wants to merge"}
569 {pull.branch && (
570 <>
571 {" "}
572 <span className="font-mono text-fg">{pull.branch}</span>
573 </>
574 )}{" "}
575 into <span className="font-mono text-fg">{defaultBranch}</span>
Issues and pull requests replace intents and attempts576 </span>
577 </span>
Pull requests from branches578 {/* A pull request from a branch was made by its author, not an agent. */}
579 {!pull.branch && (
580 <span className="flex items-center gap-1.5 font-mono text-xs">
581 <Bot size={14} />
582 {pull.agent}
583 {pull.runtime === "hosted" && <span className="text-faint">on g1t</span>}
584 </span>
585 )}
Issues and pull requests replace intents and attempts586 </div>
587
Acceptance checks in sandboxes, line comments and review verdicts588 {reviews.length > 0 && (
589 <p className="mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm">
590 {reviews.map(({ reviewer, verdict }) => (
591 <span
592 key={reviewer}
593 className={`flex items-center gap-1.5 ${
594 verdict === "approve" ? "text-accent" : "text-danger"
595 }`}
596 >
597 {verdict === "approve" ? <CircleCheck size={15} /> : <CircleSlash size={15} />}
598 {verdict === "approve" ? "Approved by" : "Changes requested by"}{" "}
599 <span className="font-medium">{reviewer}</span>
600 </span>
601 ))}
602 </p>
603 )}
604
Pull requests: title and tabs across the full width, with counts and the size of the change605 <nav className="mt-6 flex items-end gap-6 border-b border-line">
Issues and pull requests replace intents and attempts606 <TabLink to={here} active={tab === "conversation"}>
607 <MessageSquare size={15} />
608 Conversation
Pull requests: title and tabs across the full width, with counts and the size of the change609 <TabCount n={comments.length} />
Issues and pull requests replace intents and attempts610 </TabLink>
611 <TabLink to={here + "?tab=session"} active={tab === "session"}>
612 <MessagesSquare size={15} />
613 Session
614 </TabLink>
615 <TabLink to={here + "?tab=changes"} active={tab === "changes"}>
616 <FileDiff size={15} />
Pull requests: title and tabs across the full width, with counts and the size of the change617 Files changed
618 <TabCount n={pull.files.length} />
Issues and pull requests replace intents and attempts619 </TabLink>
Pull requests: title and tabs across the full width, with counts and the size of the change620 {pull.files.length > 0 && (
621 <span className="ml-auto hidden pb-2.5 font-mono text-xs sm:inline">
622 <span className="text-accent">+{pull.files.reduce((sum, file) => sum + file.additions, 0).toLocaleString("en-US")}</span>{" "}
623 <span className="text-danger">−{pull.files.reduce((sum, file) => sum + file.deletions, 0).toLocaleString("en-US")}</span>
624 </span>
625 )}
Issues and pull requests replace intents and attempts626 </nav>
Pull requests: title and tabs across the full width, with counts and the size of the change627 </header>
628 <div className={`mt-6 grid gap-8 ${tab === "changes" ? "" : "lg:grid-cols-[1fr_19rem]"}`}>
629 <div className="min-w-0">
630 {/* What is happening on it now: its stage, its agent, what people told
631 the agent, and what else touches the same files. On the conversation,
632 so the tabs sit right under the title. */}
633 {tab === "conversation" && (
634 <div>
635 {issue && (
636 <Link
637 to={`${base}/issues/${issue.number}`}
638 className="mt-4 flex items-center gap-2.5 rounded-xl border border-line bg-surface px-4 py-2.5 text-sm transition-colors hover:border-line-strong"
639 >
640 <IssueIcon issue={issue} />
641 <span className="text-muted">
642 {pull.status === "merged" && issue.resolvedBy === pull.number
643 ? "Resolved"
644 : "For issue"}
645 </span>
646 <span className="truncate font-medium">{issue.title}</span>
647 <span className="text-faint">#{issue.number}</span>
648 {issue.pullCount > 1 && (
649 <span className="ml-auto shrink-0 text-xs text-faint">
650 1 of {issue.pullCount} pull requests
Pull requests show their tabs right under the title; agent panels move into Conversation651 </span>
Pull requests: title and tabs across the full width, with counts and the size of the change652 )}
653 </Link>
654 )}
655 {pull.status === "merged" && (
656 <p className="mt-4 flex items-center gap-2.5 rounded-xl border border-merged/40 bg-merged/5 px-4 py-2.5 text-sm">
657 <GitMerge size={16} className="shrink-0 text-merged" />
Agents as a team: lifecycle, merge queue, billing and a new shell658 <span>
Pull requests: title and tabs across the full width, with counts and the size of the change659 Merged into <span className="font-mono">{defaultBranch}</span> by{" "}
660 <span className="font-medium">{pull.mergedBy}</span>{" "}
661 {/* Not an account: the repository's settings said to merge it. */}
662 {pull.mergedBy === "g1t" && "automatically, once it was ready, "}
663 {pull.mergedAt && <TimeAgo at={pull.mergedAt} />}
664 {pull.headCommit && (
665 <span className="font-mono text-muted"> · {pull.headCommit.slice(0, 7)}</span>
Agents as a team: lifecycle, merge queue, billing and a new shell666 )}
667 </span>
Pull requests: title and tabs across the full width, with counts and the size of the change668 </p>
669 )}
670 {pull.supersededBy != null && (
671 <p className="mt-4 rounded-xl border border-line bg-surface px-4 py-2.5 text-sm text-muted">
672 Closed because{" "}
673 <Link
674 to={`${base}/pull/${pull.supersededBy}`}
675 className="font-medium text-fg hover:underline"
676 >
677 #{pull.supersededBy}
678 </Link>{" "}
679 was merged for this issue instead.
680 </p>
681 )}
682 {lifecycle && <LifecyclePanel lifecycle={lifecycle} />}
683 {/* The agent on it: who, doing what this minute, for how long, at what cost. */}
684 <AgentPanel owner={params.owner} repo={params.repo} number={pull.number} stage={lifecycle?.stage ?? null} />
685
686 {/* Steering: while its agent works, people can tell it things. */}
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look687 {canRun &&
Pull requests: title and tabs across the full width, with counts and the size of the change688 pull.runtime === "hosted" &&
689 (working || ["working", "revising", "catching_up", "answering"].includes(lifecycle?.stage ?? "")) && (
690 <Form method="post" className="mt-4 rounded-2xl bg-surface p-4 ring-1 ring-merged/30">
691 <p className="flex items-center gap-2 text-sm font-medium">
692 <Sparkles size={15} className="text-merged" />
693 Message the agent
694 </p>
695 <p className="mt-1 text-xs text-muted">
696 A correction, a hint, a change of plan. It reads it at its next step, without
697 starting over.
698 </p>
699 <div className="mt-3 flex gap-2">
700 <input type="hidden" name="action" value="message" />
701 <input
702 name="body"
703 required
704 autoComplete="off"
705 data-1p-ignore
706 placeholder="Keep the old flag working too…"
707 className="h-9 min-w-0 grow rounded-md bg-bg px-3 text-sm ring-1 ring-line outline-none placeholder:text-faint focus:ring-merged/60"
Agents as a team: lifecycle, merge queue, billing and a new shell708 />
Pull requests: title and tabs across the full width, with counts and the size of the change709 <Button type="submit">Send</Button>
710 </div>
711 </Form>
Agents as a team: lifecycle, merge queue, billing and a new shell712 )}
Pull requests: title and tabs across the full width, with counts and the size of the change713 {messages.length > 0 && (
714 <ul className="mt-3 space-y-1.5">
715 {messages.map((message) => (
716 <li key={message.id} className="flex items-start gap-2 text-sm">
717 <Avatar name={message.author} size={18} />
718 <span className="min-w-0 grow">
719 <span className="font-medium">
720 {message.fromNumber != null ? `The agent on #${message.fromNumber}` : message.author}
721 </span>{" "}
722 <span className="text-muted">
723 {message.kind === "question"
724 ? "asked:"
725 : message.kind === "handoff"
726 ? "handed over:"
727 : message.kind === "answer"
728 ? "answered:"
729 : "to the agent:"}
730 </span>{" "}
731 {message.body}
732 {message.answer && (
733 <span className="mt-1 block border-l-2 border-merged/40 pl-2 text-muted">
734 {message.declined ? "Declined: " : "Answer: "}
735 {message.answer}
736 </span>
737 )}
738 </span>
739 <span className={`shrink-0 text-xs ${message.deliveredAt ? "text-accent" : "text-faint"}`}>
740 {message.deliveredAt ? "read by the agent" : "waiting for its next step"}
741 </span>
742 </li>
743 ))}
744 </ul>
745 )}
746 {collisions.length > 0 && active && (
747 <div className="mt-4 rounded-xl border border-line bg-surface px-4 py-3 text-sm">
748 <p className="flex items-center gap-2.5 font-medium">
749 <Radar size={16} className="shrink-0 text-info" />
750 Other work is changing the same files
751 </p>
752 <ul className="mt-2 space-y-1.5">
753 {collisions.map((other) => (
754 <li key={other.number} className="flex flex-wrap items-baseline gap-x-2 text-muted">
755 <Link
756 to={`${base}/pull/${other.number}`}
757 className="font-medium text-fg hover:underline"
758 >
759 {other.title} <span className="font-normal text-faint">#{other.number}</span>
760 </Link>
761 <span className="font-mono text-xs">{other.paths.join(", ")}</span>
762 </li>
763 ))}
764 </ul>
765 <p className="mt-2 text-xs text-faint">
766 Whichever merges second will have to catch up, and may conflict.
767 </p>
768 </div>
769 )}
770 </div>
771 )}
772 <div className="mt-5">
773 {comparison ? (
774 <DiffView
775 comparison={comparison}
776 review={{
777 comments: comments.filter((comment) => comment.path),
778 canComment: Boolean(viewer),
779 }}
780 />
781 ) : tab === "session" ? (
782 session.length === 0 ? (
783 <EmptyState title="Nothing recorded yet">
784 The agent's prompts, reasoning and tool calls appear here as it
785 works.
786 </EmptyState>
787 ) : (
788 <ol className="relative space-y-5 before:absolute before:top-2 before:bottom-2 before:left-3.25 before:w-px before:bg-line">
789 {session.map((entry) => (
790 <Entry key={entry.seq} entry={entry} agent={pull.agent} />
791 ))}
792 </ol>
793 )
794 ) : (
795 <div className="space-y-4">
796 <TimelineItem
797 author={pull.author.username}
798 at={pull.createdAt}
799 action={
800 <span>
801 opened this pull request
802 {!pull.branch && (
803 <>
804 {" "}
805 with <span className="font-mono text-xs">{pull.agent}</span>
806 </>
807 )}
808 </span>
809 }
810 >
811 {pull.body ? (
812 <Markdown source={pull.body} repo={{ namespace: params.owner, name: params.repo }} />
813 ) : (
814 <p className="text-sm text-muted">
815 {working
816 ? "No description yet. It is written when the pull request is marked ready for review."
817 : "No description."}
818 </p>
819 )}
820 {canManage && pull.status === "open" && (
821 <details className="mt-3 border-t border-line pt-3 text-sm">
822 <summary className="cursor-pointer text-xs text-faint hover:text-fg">
823 Edit description
824 </summary>
825 <Form method="post" className="mt-3 space-y-2">
826 <Textarea
827 name="summary"
828 rows={6}
829 placeholder="What changed and why"
830 defaultValue={pull.body ?? ""}
831 />
832 <Button type="submit">Save</Button>
833 </Form>
834 </details>
835 )}
836 </TimelineItem>
Agents as a team: lifecycle, merge queue, billing and a new shell837
Pull requests: title and tabs across the full width, with counts and the size of the change838 <CommentList comments={comments} review={review} base={base} />
Agents as a team: lifecycle, merge queue, billing and a new shell839
Pull requests: title and tabs across the full width, with counts and the size of the change840 {(preview || build) && (
841 <DeploymentCard preview={preview} build={build} stacked={stacked} base={base} />
842 )}
Pull requests say where they are live; the project menu shows what is coming843
Pull requests: title and tabs across the full width, with counts and the size of the change844 {pull.status === "draft" && (
845 <StatusBox>
846 <StatusRow icon={<Loader size={16} className="text-faint" />} title="This is a draft">
847 It is still being worked on. It can be reviewed and merged once it is
848 marked ready.
849 </StatusRow>
850 {canManage && (
851 <Form method="post" className="space-y-2 px-4 py-3">
852 <Textarea name="summary" rows={3} placeholder="What changed and why" />
853 <Button type="submit">Mark ready for review</Button>
854 </Form>
855 )}
856 </StatusBox>
857 )}
Agents as a team: lifecycle, merge queue, billing and a new shell858
Pull requests: title and tabs across the full width, with counts and the size of the change859 {pull.status === "open" && (
860 <StatusBox>
861 <ChecksSection
862 run={checks}
863 commands={issue?.checks ?? []}
864 statuses={statuses}
865 jobs={workflowJobs}
Agents and memory, checks and conflicts, profiles, slug renames, custom domains866 pull={pull}
Pull requests: title and tabs across the full width, with counts and the size of the change867 base={base}
868 earlier={earlierChecks}
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look869 canRerun={canRun}
Pull requests: title and tabs across the full width, with counts and the size of the change870 canRerunWorkflows={canMerge}
871 error={
872 actionData?.action === "recheck" || actionData?.action === "rerun-workflow"
873 ? actionData.error
874 : null
875 }
Agents and memory, checks and conflicts, profiles, slug renames, custom domains876 />
Agents as a team: lifecycle, merge queue, billing and a new shell877 <StatusRow
Pull requests: title and tabs across the full width, with counts and the size of the change878 icon={
879 reviews.some(({ verdict }) => verdict === "request_changes") ? (
880 <CircleSlash size={16} className="text-danger" />
881 ) : reviews.length > 0 ? (
882 <CircleCheck size={16} className="text-accent" />
883 ) : (
884 <MessageSquare size={16} className="text-faint" />
885 )
886 }
887 title={
888 reviews.length === 0
889 ? "No reviews yet"
890 : reviews
891 .map(
892 ({ reviewer, verdict }) =>
893 `${verdict === "approve" ? "Approved by" : "Changes requested by"} ${reviewer}`,
894 )
895 .join(" · ")
896 }
Agents as a team: lifecycle, merge queue, billing and a new shell897 >
Pull requests: title and tabs across the full width, with counts and the size of the change898 {reviewPending && "A g1t agent is reviewing it now. "}
899 {requiredApprovals > 0 &&
900 `This repository requires ${requiredApprovals} approving ${
901 requiredApprovals === 1 ? "review" : "reviews"
902 } before merging.`}
Agents as a team: lifecycle, merge queue, billing and a new shell903 </StatusRow>
Pull requests: title and tabs across the full width, with counts and the size of the change904 {landing ? (
Agents as a team: lifecycle, merge queue, billing and a new shell905 <StatusRow
Pull requests: title and tabs across the full width, with counts and the size of the change906 icon={<Loader size={16} className="animate-spin text-accent" />}
907 title="Merging"
908 >
909 {defaultBranch} has moved, so g1t is bringing this up to date first. It
910 lands as soon as that is done. Watch it in the Session tab.
911 </StatusRow>
Catching up with main takes seconds when the two sides touched different files912 ) : agentCatchUp && behind ? (
913 <CatchUpProgress
914 owner={params.owner}
915 repo={params.repo}
916 number={pull.number}
917 defaultBranch={defaultBranch}
918 behind={behind}
919 update={agentCatchUp.update}
920 startedAt={agentCatchUp.startedAt}
921 retrying={catchUpPending}
922 />
Pull requests: title and tabs across the full width, with counts and the size of the change923 ) : conflicting ? (
924 <ConflictsSection
925 conflicts={conflicts}
926 pull={pull}
927 owner={params.owner}
928 repo={params.repo}
929 defaultBranch={defaultBranch}
930 changesUrl={here + "?tab=changes"}
931 canResolve={canUpdate && agentsEnabled}
Catching up with main takes seconds when the two sides touched different files932 resolving={catchUpPending}
933 error={catchUp && "error" in catchUp ? catchUp.error : null}
Agents as a team: lifecycle, merge queue, billing and a new shell934 />
Pull requests: title and tabs across the full width, with counts and the size of the change935 ) : probing ? (
936 <MergeabilityRow mergeable={mergeable} defaultBranch={defaultBranch} />
937 ) : behind ? (
938 <StatusRow
939 icon={<GitPullRequestArrow size={16} className="text-info" />}
940 title={`${defaultBranch} has moved since this was made`}
941 >
942 {mergeable === "clean" && "It has no conflicts with it. "}
943 {requireUpToDate
944 ? "This repository requires pull requests to be up to date, so it has to catch up before it can merge."
945 : "That does not stop it merging: it is brought up to date as part of the merge."}
Catching up with main takes seconds when the two sides touched different files946 {canUpdate && (
947 <Form method="post" className="mt-2">
Pull requests: title and tabs across the full width, with counts and the size of the change948 <input type="hidden" name="action" value="update" />
Catching up with main takes seconds when the two sides touched different files949 <Button variant="quiet" type="submit" disabled={catchUpPending}>
950 {catchUpPending && <Loader size={14} className="animate-spin" />}
951 {catchUpPending ? `Merging ${defaultBranch} in…` : `Catch up with ${defaultBranch} now`}
Pull requests: title and tabs across the full width, with counts and the size of the change952 </Button>
953 </Form>
954 )}
Catching up with main takes seconds when the two sides touched different files955 {catchUp && "error" in catchUp && <ErrorText>{catchUp.error}</ErrorText>}
Pull requests: title and tabs across the full width, with counts and the size of the change956 </StatusRow>
957 ) : (
958 pull.headCommit && (
959 <StatusRow
960 icon={<CircleCheck size={16} className="text-accent" />}
Catching up with main takes seconds when the two sides touched different files961 title={
962 (caughtUp && !caughtUp.already) || agentCatchUp
963 ? `Brought up to date with ${defaultBranch}`
964 : `Up to date with ${defaultBranch}`
965 }
966 >
967 {caughtUp && !caughtUp.already && (
968 <>
969 Merged <span className="font-mono">{defaultBranch}</span> in as{" "}
970 <span className="font-mono text-fg">{caughtUp.commit.slice(0, 7)}</span>. Its checks run
971 again on the new commit.
972 </>
973 )}
974 {agentCatchUp && "g1t-agent merged it in and pushed the result. Its checks run again on the new commit."}
975 </StatusRow>
Pull requests: title and tabs across the full width, with counts and the size of the change976 )
977 )}
978 {stalled && !lifecycle && (
979 <StatusRow icon={<Hand size={16} className="text-warn" />} title="Needs you">
980 {stalled}
981 </StatusRow>
982 )}
983 {canMerge && lifecycle?.stage === "queued" && (
984 <Form method="post" className="flex flex-wrap items-center gap-3 px-4 py-3">
985 <ButtonLink to={`${base}/queue`}>
986 <Layers size={15} />
987 See the queue
988 </ButtonLink>
989 <Button variant="quiet" type="submit" name="action" value="unqueue">
990 Remove from the queue
Agents as a team: lifecycle, merge queue, billing and a new shell991 </Button>
Pull requests: title and tabs across the full width, with counts and the size of the change992 </Form>
993 )}
994 {canMerge && !landing && lifecycle?.stage !== "queued" && (
995 <Form method="post" className="space-y-3 px-4 py-3">
996 {issue?.state === "open" && (
997 <CheckboxOption
998 name="keepIssueOpen"
999 label={`Keep #${issue.number} open. This is only part of the work.`}
1000 labelClassName="text-xs text-muted"
1001 />
1002 )}
1003 {unchecked && canIgnoreChecks && (
1004 <CheckboxOption
1005 name="ignoreChecks"
1006 label={`Merge although the checks ${checking ? "have not finished" : "did not pass"}.`}
1007 labelClassName="text-xs text-muted"
1008 />
1009 )}
1010 <div className="flex flex-wrap items-center gap-3">
1011 <Button
1012 variant="accent"
1013 type="submit"
1014 name="action"
1015 value="merge"
1016 disabled={mergeBlocked != null}
1017 title={mergeBlocked ?? undefined}
1018 >
1019 {mergeQueue ? <Layers size={15} /> : <GitMerge size={15} />}
1020 {mergeQueue ? "Add to the merge queue" : `Merge into ${defaultBranch}`}
1021 </Button>
1022 <span className={`text-xs ${mergeBlocked ? "text-danger" : "text-muted"}`}>
1023 {mergeBlocked ?? (mergeQueue
1024 ? `Tested together with everything ahead of it, then lands on ${defaultBranch}.`
1025 : issue?.state === "open"
1026 ? `Closes issue #${issue.number}, and any other pull requests still open for it.`
1027 : `Lands its commits on ${defaultBranch}.`)}
1028 </span>
1029 </div>
1030 {actionData?.action === "merge" && (
1031 <ErrorText>{actionData.error}</ErrorText>
1032 )}
1033 </Form>
1034 )}
1035 </StatusBox>
1036 )}
Agents as a team: lifecycle, merge queue, billing and a new shell1037
Pull requests: title and tabs across the full width, with counts and the size of the change1038 <CommentForm
1039 author={viewer?.username ?? null}
1040 resetKey={comments.length}
1041 review={review}
1042 />
1043 {canManage && active && (
1044 <Form method="post" className="flex justify-end">
1045 <Button variant="quiet" type="submit" name="action" value="close">
1046 Close pull request
1047 </Button>
1048 </Form>
1049 )}
1050 {actionData &&
1051 !["merge", "comment", "recheck", "rerun-workflow", "update", "agent-review", "reviewers", "assign"].includes(
1052 String(actionData.action),
1053 ) && <ErrorText>{actionData.error}</ErrorText>}
1054 </div>
1055 )}
1056 {actionData?.action === "comment" && (
1057 <div className="mt-2">
1058 <ErrorText>{actionData.error}</ErrorText>
1059 </div>
1060 )}
1061 </div>
1062 </div>
1063
1064 <aside className={tab === "changes" ? "hidden" : "space-y-6"}>
1065 {/* An open pull request shows its checks in full in the merge box. */}
1066 {pull.status !== "open" && (
1067 <>
1068 <ChecksPanel run={checks} commands={issue?.checks ?? []} canRerun={false} />
1069 <WorkflowStatuses statuses={statuses} />
1070 </>
1071 )}
1072 {affects.length > 0 && (
1073 <section>
1074 <h3 className="flex items-center gap-1.5 text-sm font-medium">
1075 <Network size={14} className="text-faint" />
1076 Affects
1077 </h3>
1078 <p className="mt-1 text-xs text-muted">Projects that use this one, and so may feel this change:</p>
1079 <ul className="mt-2 space-y-1 text-sm">
1080 {affects.map((project) => (
1081 <li key={project.slug} className="flex items-center justify-between gap-2">
1082 <Link to={`/${params.owner}/${project.slug}`} className="hover:underline">
1083 {project.name}
1084 </Link>
1085 {project.as && <code className="font-mono text-xs text-faint">{project.as}</code>}
1086 </li>
1087 ))}
1088 </ul>
1089 {preview?.branch && canMerge && (
1090 <Form method="post" className="mt-3">
1091 <input type="hidden" name="action" value="stack" />
1092 <input type="hidden" name="branch" value={preview.branch} />
1093 <button
1094 type="submit"
1095 className="w-full rounded-md border border-line px-3 py-1.5 text-xs text-muted transition-colors hover:border-line-strong hover:text-fg"
1096 >
1097 Preview them against this change
1098 </button>
Agents as a team: lifecycle, merge queue, billing and a new shell1099 </Form>
1100 )}
Pull requests: title and tabs across the full width, with counts and the size of the change1101 {actionData?.action === "stack" &&
1102 ("notice" in actionData ? (
1103 <p className="mt-2 text-xs text-accent">{String(actionData.notice)}</p>
1104 ) : (
1105 <ErrorText>{actionData.error}</ErrorText>
1106 ))}
1107 </section>
Acceptance checks in sandboxes, line comments and review verdicts1108 )}
Issues and pull requests replace intents and attempts1109
Project dependencies: addresses, preview stacks, Affects, and agents who know1110 <section>
Pull requests: title and tabs across the full width, with counts and the size of the change1111 <h3 className="text-sm font-medium">Reviewers</h3>
1112 <ul className="mt-2 space-y-1.5 text-sm">
1113 {reviewerNames.map((name) => {
1114 const verdict = reviews.find(({ reviewer }) => reviewer === name)?.verdict;
1115 const pending = name === "g1t-agent" && reviewPending;
1116 return (
1117 <li key={name} className="flex items-center gap-2 px-1">
1118 {name === "g1t-agent" ? (
1119 <Sparkles size={16} className="shrink-0 text-accent" />
1120 ) : (
1121 <Avatar name={name} size={20} />
1122 )}
1123 <span className="grow truncate font-mono text-xs">{name}</span>
1124 {pending ? (
1125 <span className="flex items-center gap-1.5 text-xs text-muted">
1126 <span className="size-1.5 animate-pulse rounded-full bg-accent" />
1127 Reviewing
1128 </span>
1129 ) : verdict === "approve" ? (
1130 <span className="flex items-center gap-1 text-xs text-accent">
1131 <CircleCheck size={13} /> Approved
1132 </span>
1133 ) : verdict === "request_changes" ? (
1134 <span className="flex items-center gap-1 text-xs text-danger">
1135 <CircleSlash size={13} /> Changes requested
1136 </span>
1137 ) : (
1138 <span className="text-xs text-faint">Review requested</span>
1139 )}
1140 </li>
1141 );
1142 })}
1143 {reviewerNames.length === 0 && (
1144 <li className="px-1 text-xs text-faint">No reviews requested yet.</li>
1145 )}
Project dependencies: addresses, preview stacks, Affects, and agents who know1146 </ul>
Pull requests: title and tabs across the full width, with counts and the size of the change1147 {pull.status === "open" && canManage && (
1148 <div className="mt-3 space-y-2">
1149 {agentsEnabled && !reviewPending && (
1150 <Form method="post">
1151 <input type="hidden" name="action" value="agent-review" />
1152 {pull.reviewers.map((name) => (
1153 <input key={name} type="hidden" name="reviewer" value={name} />
1154 ))}
1155 <div className="*:w-full">
1156 <Button variant="quiet" type="submit">
1157 <Sparkles size={14} className="text-accent" />
1158 Request review from g1t agent
1159 </Button>
1160 </div>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look1161 <ComputeNote note={loaderData.computeNote} />
Pull requests: title and tabs across the full width, with counts and the size of the change1162 </Form>
1163 )}
1164 <details>
1165 <summary className="cursor-pointer text-xs text-faint hover:text-fg">
1166 Request review from people
1167 </summary>
1168 <Form method="post" className="mt-2 space-y-2" key={pull.reviewers.join()}>
1169 <input type="hidden" name="action" value="reviewers" />
1170 {pull.reviewers.includes("g1t-agent") && (
1171 <input type="hidden" name="reviewer" value="g1t-agent" />
1172 )}
1173 <PeoplePicker
1174 name="reviewer"
1175 members={members.filter((name) => name !== pull.author.username)}
1176 chosen={pull.reviewers.filter((name) => name !== "g1t-agent")}
1177 />
1178 <Button variant="quiet" type="submit">
1179 Save reviewers
1180 </Button>
1181 </Form>
1182 </details>
1183 </div>
Project dependencies: addresses, preview stacks, Affects, and agents who know1184 )}
Pull requests: title and tabs across the full width, with counts and the size of the change1185 {["agent-review", "reviewers"].includes(String(actionData?.action)) && (
1186 <ErrorText>{actionData?.error}</ErrorText>
1187 )}
Project dependencies: addresses, preview stacks, Affects, and agents who know1188 </section>
Acceptance checks in sandboxes, line comments and review verdicts1189
Pull requests: title and tabs across the full width, with counts and the size of the change1190 <section>
1191 <h3 className="text-sm font-medium">Assignees</h3>
1192 <ul className="mt-2 space-y-1.5 text-sm">
1193 {pull.assignees.map((name) => (
Agents as a team: lifecycle, merge queue, billing and a new shell1194 <li key={name} className="flex items-center gap-2 px-1">
Pull requests: title and tabs across the full width, with counts and the size of the change1195 <Avatar name={name} size={20} />
Agents as a team: lifecycle, merge queue, billing and a new shell1196 <span className="grow truncate font-mono text-xs">{name}</span>
1197 </li>
Pull requests: title and tabs across the full width, with counts and the size of the change1198 ))}
1199 {pull.assignees.length === 0 && (
1200 <li className="px-1 text-xs text-faint">No one yet.</li>
1201 )}
1202 </ul>
1203 {viewer && canManage && active && (
1204 <div className="mt-3 space-y-2">
1205 {!pull.assignees.includes(viewer.username) && (
1206 <Form method="post">
1207 <input type="hidden" name="action" value="assign" />
1208 {pull.assignees.map((name) => (
1209 <input key={name} type="hidden" name="assignee" value={name} />
1210 ))}
1211 <input type="hidden" name="assignee" value={viewer.username} />
1212 <div className="*:w-full">
1213 <Button variant="quiet" type="submit">
1214 Assign yourself
1215 </Button>
1216 </div>
1217 </Form>
1218 )}
1219 <details>
1220 <summary className="cursor-pointer text-xs text-faint hover:text-fg">
1221 Assign people
1222 </summary>
1223 <Form method="post" className="mt-2 space-y-2" key={pull.assignees.join()}>
1224 <input type="hidden" name="action" value="assign" />
1225 <PeoplePicker name="assignee" members={members} chosen={pull.assignees} />
Agents as a team: lifecycle, merge queue, billing and a new shell1226 <Button variant="quiet" type="submit">
Pull requests: title and tabs across the full width, with counts and the size of the change1227 Save assignees
Agents as a team: lifecycle, merge queue, billing and a new shell1228 </Button>
Pull requests: title and tabs across the full width, with counts and the size of the change1229 </Form>
1230 </details>
1231 </div>
Issues and pull requests replace intents and attempts1232 )}
Pull requests: title and tabs across the full width, with counts and the size of the change1233 {actionData?.action === "assign" && <ErrorText>{actionData.error}</ErrorText>}
1234 </section>
Issues and pull requests replace intents and attempts1235
Pull requests: title and tabs across the full width, with counts and the size of the change1236 <section>
1237 <h3 className="text-sm font-medium">Working copy</h3>
1238 {pull.branch ? (
1239 <>
1240 <p className="mt-1 text-xs text-muted">
1241 <GitBranch size={13} className="mr-1 inline align-[-2px]" />
1242 Branch <span className="font-mono text-fg">{pull.branch}</span> of this
1243 repository. Pushes to it show up here.
1244 </p>
1245 <div className="mt-2">
1246 <CopyLine text={`git clone -b ${pull.branch} ${remote}`} />
1247 </div>
1248 </>
1249 ) : (
1250 <>
1251 <p className="mt-1 text-xs text-muted">
1252 This fork belongs to the pull request. Pushes to it show up here.
1253 </p>
1254 <div className="mt-2">
1255 <CopyLine text={`git clone ${remote}`} />
1256 </div>
1257 </>
1258 )}
1259 <p className="mt-3 flex items-center gap-1.5 font-mono text-xs text-faint">
1260 <GitCommitHorizontal size={13} />
1261 {pull.headCommit?.slice(0, 12) ?? "no commits pushed yet"}
1262 </p>
1263 </section>
1264 </aside>
1265 </div>
Issues and pull requests replace intents and attempts1266 </div>
1267 );
1268}
Pull requests say where they are live; the project menu shows what is coming1269
1270/** Where the pull request's change is live, as GitHub shows a deployment. */
1271function DeploymentCard({
1272 preview,
1273 build,
1274 stacked,
1275 base,
1276}: {
1277 preview: LiveApp | null;
1278 build: Deployment | null;
1279 stacked: { name: string; slug: string; url: string }[];
1280 base: string;
1281}) {
1282 const building = build?.status === "queued" || build?.status === "building";
1283 const failed = build?.status === "failed";
1284 return (
1285 <section className="ml-12 overflow-hidden rounded-xl border border-line bg-surface">
1286 <div className="flex flex-wrap items-center gap-3 px-4 py-3">
1287 <span
1288 className={`flex size-8 shrink-0 items-center justify-center rounded-full ring-1 ${
1289 failed ? "text-danger ring-danger/40" : building ? "text-warn ring-warn/40" : "text-accent ring-accent/40"
1290 }`}
1291 >
1292 {building ? <Loader size={15} className="animate-spin" /> : <Rocket size={15} />}
1293 </span>
1294 <div className="min-w-0 grow">
1295 <p className="text-sm font-medium">
1296 {building
1297 ? preview
1298 ? "Deploying the latest push. The last preview is still live."
1299 : "Deploying a preview"
1300 : failed
1301 ? "The preview failed to deploy"
1302 : "This branch is live"}
1303 </p>
1304 {preview ? (
1305 <a href={preview.url} className="mt-0.5 block truncate font-mono text-xs text-muted hover:text-accent">
1306 {preview.url.replace(/^https?:[/][/]/, "")}
1307 </a>
1308 ) : (
1309 build?.error && <p className="mt-0.5 truncate text-xs text-muted">{build.error}</p>
1310 )}
1311 </div>
1312 <div className="flex shrink-0 items-center gap-2">
1313 {build && (
1314 <Link to={`${base}/deployments/${build.id}`} className="text-xs text-muted hover:text-fg">
1315 {failed ? "See why" : "Build log"}
1316 </Link>
1317 )}
1318 {preview && (
1319 <a
1320 href={preview.url}
1321 className="inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-bg hover:opacity-90"
1322 >
1323 Visit preview
1324 <ArrowUpRight size={13} />
1325 </a>
1326 )}
1327 </div>
1328 </div>
1329 {preview && (
1330 <p className="border-t border-line px-4 py-2 text-xs text-faint">
1331 <span className="font-mono">{preview.commit.slice(0, 7)}</span> · deployed <TimeAgo at={preview.deployedAt} />
1332 {preview.branch && ` · from ${preview.branch}`}
1333 </p>
1334 )}
1335 {stacked.length > 0 && (
1336 <div className="border-t border-line px-4 py-2.5">
1337 <p className="text-xs text-muted">Built against this change:</p>
1338 <ul className="mt-1.5 space-y-1">
1339 {stacked.map((entry) => (
1340 <li key={entry.slug} className="flex items-center gap-2 text-xs">
1341 <span className="font-medium">{entry.name}</span>
1342 <a href={entry.url} className="truncate font-mono text-muted hover:text-accent">
1343 {entry.url.replace(/^https?:[/][/]/, "")}
1344 </a>
1345 </li>
1346 ))}
1347 </ul>
1348 </div>
1349 )}
1350 </section>
1351 );
1352}