Sign in

flagon-io/g1t

public

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

254 lines10,752 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.

Agents as a team: lifecycle, merge queue, billing and a new shell1import { env } from "cloudflare:workers";
2import { GitPullRequest, MessageSquare, Plus, Sparkles, X } from "lucide-react";
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look3import { Form, Link, useNavigation, useRouteLoaderData } from "react-router";
Issues and pull requests replace intents and attempts4
5import type { Route } from "./+types/issues";
Social cards for every page: og.g1t.sh6import { page } from "../../lib/meta";
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look7import { Button, ButtonLink, ComputeNote, EmptyState, ErrorText, TimeAgo } from "../../components/ui";
Workspace names and icons, and a component kit for every control8import { Checkbox } from "../../components/ui/checkbox";
Agents as a team: lifecycle, merge queue, billing and a new shell9import {
10 Assignee,
11 AssigneeStack,
12 IssueIcon,
13 Label,
14 StateTabs,
15} from "../../components/work";
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look16import { computeNoteFor } from "../../lib/compute.server";
17import { isWaitingMessage } from "../../lib/compute";
Issues and pull requests replace intents and attempts18import { work } from "../../lib/services.server";
Agents as a team: lifecycle, merge queue, billing and a new shell19import { assertSameOrigin, getViewer, requireUser, unwrap } from "../../lib/session.server";
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look20import { accessTo, refusal } from "../../lib/access.server";
Agents as a team: lifecycle, merge queue, billing and a new shell21
22/** As many sandboxes as one request may start. */
23const MAX_ASSIGNED_AT_ONCE = 10;
Issues and pull requests replace intents and attempts24
Social cards for every page: og.g1t.sh25export function meta({ params, ...args }: Route.MetaArgs) {
26 return page(args, { title: `Issues · ${params.owner}/${params.repo} · g1t` });
Issues and pull requests replace intents and attempts27}
28
29export async function loader({ params, context, request }: Route.LoaderArgs) {
30 const viewer = getViewer(context);
31 const path = { namespace: params.owner, name: params.repo };
32 const query = new URL(request.url).searchParams;
33 const state = query.get("state") === "closed" ? "closed" : "open";
34 const label = query.get("label") ?? "";
Fast pages, required checks on the branch, self-hosted runners, honest incidents35 // Assigning agents needs Write: Read cannot spend compute. All at once:
36 // only the plan's note waits for the viewer's role.
37 const access = accessTo(context, params);
38 const [{ can }, issues, labels, agentsEnabled, computeNote] = await Promise.all([
39 access,
Issues and pull requests replace intents and attempts40 work.listIssues(path, viewer, { state, label: label || undefined }),
41 work.listLabels(path, viewer),
g1t's agents only for listed workspaces, whatever the state of billing42 env.RUNNER.enabled(viewer, path),
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look43 // Before a member assigns: whether the workspace's plan lets agents start.
Fast pages, required checks on the branch, self-hosted runners, honest incidents44 access.then(({ can }) => (can.run ? computeNoteFor(params.owner, "agent") : null)),
Issues and pull requests replace intents and attempts45 ]);
Agents as a team: lifecycle, merge queue, billing and a new shell46 return {
47 issues: unwrap(issues),
48 labels: unwrap(labels),
49 state,
50 label,
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look51 agentsEnabled: agentsEnabled && can.run,
52 computeNote,
Agents as a team: lifecycle, merge queue, billing and a new shell53 } as const;
54}
55
g1t is one name: its agent's work, commits and comments show as @g1t, and nobody can claim g1t or g1t-agent56/** Assigns each selected issue to g1t, one run of its own each. */
Agents as a team: lifecycle, merge queue, billing and a new shell57export async function action({ request, params, context }: Route.ActionArgs) {
58 assertSameOrigin(request);
59 const user = requireUser(context, request);
60 const path = { namespace: params.owner, name: params.repo };
61 const numbers = (await request.formData())
62 .getAll("issue")
63 .map(Number)
64 .filter((number) => Number.isInteger(number) && number > 0);
65 if (numbers.length === 0) return { error: "Select the issues to assign first." };
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look66 const denied = await refusal(context, params, "run");
67 if (denied) return { error: denied };
Agents as a team: lifecycle, merge queue, billing and a new shell68 if (numbers.length > MAX_ASSIGNED_AT_ONCE) {
69 return { error: `Assign at most ${MAX_ASSIGNED_AT_ONCE} issues at a time.` };
70 }
71 const results = await Promise.all(
72 numbers.map((number) => env.RUNNER.run(user, path, number)),
73 );
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look74 // Over the workspace's agents-at-once cap, the rest wait in the queue.
75 const waiting = results.filter((result) => !result.ok && isWaitingMessage(result.error.message)).length;
76 const refused = results.find((result) => !result.ok && !isWaitingMessage(result.error.message));
Agents as a team: lifecycle, merge queue, billing and a new shell77 const started = results.filter((result) => result.ok).length;
78 return {
79 started,
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look80 waiting,
Agents as a team: lifecycle, merge queue, billing and a new shell81 error:
82 refused && !refused.ok
83 ? `${started} of ${numbers.length} assigned. ${refused.error.message}`
84 : null,
85 };
Issues and pull requests replace intents and attempts86}
87
Agents as a team: lifecycle, merge queue, billing and a new shell88export default function Issues({ loaderData, actionData, params }: Route.ComponentProps) {
89 const { issues, labels, state, label, agentsEnabled } = loaderData;
Issues and pull requests replace intents and attempts90 const repo = `/${params.owner}/${params.repo}`;
91 const base = `${repo}/issues`;
92 const stateQuery = state === "closed" ? "state=closed" : "";
Agents as a team: lifecycle, merge queue, billing and a new shell93 const assignable = agentsEnabled && state === "open" && issues.length > 0;
94 const assigning = useNavigation().state === "submitting";
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look95 // An archived repository's issues are locked: no new ones.
96 const layout = useRouteLoaderData("routes/repo/layout") as { repo?: { archivedAt?: string | null } } | undefined;
97 const archived = Boolean(layout?.repo?.archivedAt);
Issues and pull requests replace intents and attempts98 return (
99 <div>
100 <StateTabs
101 to={base}
102 state={state}
103 query={label ? `label=${encodeURIComponent(label)}` : ""}
104 action={
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look105 archived ? undefined : (
106 <ButtonLink to={`${base}/new`}>
107 <Plus size={15} />
108 New issue
109 </ButtonLink>
110 )
Issues and pull requests replace intents and attempts111 }
112 />
113 <div className="mt-3 flex flex-wrap items-center gap-1.5">
114 {labels.map((name) => {
115 const active = name === label;
116 const query = [stateQuery, active ? "" : `label=${encodeURIComponent(name)}`]
117 .filter(Boolean)
118 .join("&");
119 return (
120 <Link
121 key={name}
122 to={`${base}?${query}`}
123 className={`flex items-center gap-1 rounded-full transition-opacity ${
124 label && !active ? "opacity-45 hover:opacity-100" : ""
125 }`}
126 >
127 <Label name={name} />
128 {active && <X size={12} className="text-muted" />}
129 </Link>
130 );
131 })}
132 </div>
Agents as a team: lifecycle, merge queue, billing and a new shell133 <Form method="post" className="mt-4">
134 {assignable && (
135 <div className="mb-3 flex flex-wrap items-center gap-3 rounded-xl border border-accent/30 bg-accent/5 px-4 py-2.5">
136 <Sparkles size={15} className="shrink-0 text-accent" />
137 <p className="min-w-0 grow text-sm text-muted">
g1t is one name: its agent's work, commits and comments show as @g1t, and nobody can claim g1t or g1t-agent138 Tick the issues to hand over. g1t takes each one in a run of its own,
Agents as a team: lifecycle, merge queue, billing and a new shell139 and they all work at once.
140 </p>
141 <Button variant="accent" type="submit" disabled={assigning}>
g1t is one name: its agent's work, commits and comments show as @g1t, and nobody can claim g1t or g1t-agent142 {assigning ? "Starting sandboxes…" : "Assign to g1t"}
Agents as a team: lifecycle, merge queue, billing and a new shell143 </Button>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look144 {loaderData.computeNote && (
145 <div className="basis-full">
146 <ComputeNote note={loaderData.computeNote} />
147 </div>
148 )}
Agents as a team: lifecycle, merge queue, billing and a new shell149 </div>
150 )}
151 {actionData?.error ? (
152 <div className="mb-3">
153 <ErrorText>{actionData.error}</ErrorText>
154 </div>
155 ) : (
156 actionData?.started != null && (
157 <p className="mb-3 text-sm text-muted">
158 {actionData.started}{" "}
159 {actionData.started === 1 ? "agent is" : "agents are"} starting. Each
160 issue shows its pull request as it appears.
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look161 {actionData.waiting
162 ? ` ${actionData.waiting} more ${actionData.waiting === 1 ? "waits" : "wait"} for a free slot and start by themselves.`
163 : ""}
Agents as a team: lifecycle, merge queue, billing and a new shell164 </p>
165 )
166 )}
Issues and pull requests replace intents and attempts167 {issues.length === 0 ? (
168 <EmptyState
169 title={
170 label
171 ? `No ${state} issues labelled ${label}`
172 : state === "open"
173 ? "No open issues"
174 : "No closed issues"
175 }
176 >
177 An issue says what should change: a bug, a feature, a question.
178 Agents and people open pull requests against it.
179 </EmptyState>
180 ) : (
181 <ul className="divide-y divide-line overflow-hidden rounded-xl border border-line">
182 {issues.map((issue) => (
Agents as a team: lifecycle, merge queue, billing and a new shell183 <li key={issue.id} className="flex items-start transition-colors hover:bg-surface">
184 {assignable && (
Workspace names and icons, and a component kit for every control185 <Checkbox
Agents as a team: lifecycle, merge queue, billing and a new shell186 name="issue"
Workspace names and icons, and a component kit for every control187 value={String(issue.number)}
Agents as a team: lifecycle, merge queue, billing and a new shell188 // Already being worked on: nothing more to hand over.
189 disabled={issue.agent != null || issue.queued}
190 aria-label={`Select issue #${issue.number}`}
Workspace names and icons, and a component kit for every control191 className="mt-4 ml-4 disabled:opacity-30"
Agents as a team: lifecycle, merge queue, billing and a new shell192 />
193 )}
Issues and pull requests replace intents and attempts194 <Link
Agents as a team: lifecycle, merge queue, billing and a new shell195 prefetch="intent"
Issues and pull requests replace intents and attempts196 to={`${base}/${issue.number}`}
Agents as a team: lifecycle, merge queue, billing and a new shell197 className="flex min-w-0 grow items-start gap-3 px-4 py-3"
Issues and pull requests replace intents and attempts198 >
199 <span className="mt-0.5">
200 <IssueIcon issue={issue} />
201 </span>
202 <span className="min-w-0 grow">
203 <span className="flex flex-wrap items-center gap-x-2 gap-y-1">
204 <span className="font-medium">{issue.title}</span>
205 {issue.labels.map((name) => (
206 <Label key={name} name={name} />
207 ))}
Agents as a team: lifecycle, merge queue, billing and a new shell208 {issue.state === "open" && issue.agent && (
209 <Assignee agent={issue.agent} />
210 )}
211 {issue.state === "open" && issue.queued && !issue.agent && (
212 <span className="rounded-full border border-line px-2 py-px text-xs text-muted">
g1t is one name: its agent's work, commits and comments show as @g1t, and nobody can claim g1t or g1t-agent213 queued for g1t
Agents as a team: lifecycle, merge queue, billing and a new shell214 {issue.blockedBy.length > 0 &&
215 `, after ${issue.blockedBy.map((number) => `#${number}`).join(", ")}`}
216 </span>
217 )}
Issues and pull requests replace intents and attempts218 </span>
219 <span className="mt-0.5 block text-xs text-faint">
220 #{issue.number} opened <TimeAgo at={issue.createdAt} /> by{" "}
221 {issue.author.username}
g1t is the stored author of what it opens; the person who asked is requested_by and keeps the author's rights222 {issue.requestedBy && <> for {issue.requestedBy.username}</>}
Issues and pull requests replace intents and attempts223 {issue.resolvedBy != null && (
224 <span className="text-merged"> · resolved by #{issue.resolvedBy}</span>
225 )}
226 </span>
227 </span>
228 <span className="mt-0.5 flex shrink-0 items-center gap-3 text-xs text-muted">
Agents as a team: lifecycle, merge queue, billing and a new shell229 <AssigneeStack people={issue.assignees} />
Issues and pull requests replace intents and attempts230 {issue.pullCount > 0 && (
231 <span
232 className="flex items-center gap-1"
233 title={`${issue.pullCount} pull ${issue.pullCount === 1 ? "request" : "requests"}`}
234 >
235 <GitPullRequest size={13} />
236 {issue.pullCount}
237 </span>
238 )}
239 {issue.commentCount > 0 && (
240 <span className="flex items-center gap-1">
241 <MessageSquare size={13} />
242 {issue.commentCount}
243 </span>
244 )}
245 </span>
246 </Link>
247 </li>
248 ))}
249 </ul>
250 )}
Agents as a team: lifecycle, merge queue, billing and a new shell251 </Form>
Issues and pull requests replace intents and attempts252 </div>
253 );
254}