Sign in

flagon-io/g1t

public

Where people and agents ship software together. The open-source git platform for the whole job: issues, agents, checks and deploys to the edge.

gitagentscloudflarerustforgemcp

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

638 lines26,203 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.

Issues and pull requests replace intents and attempts1import { env } from "cloudflare:workers";
Integrations: your own model provider, alerts that open issues, tickets agents read2import { Bot, ExternalLink, GitCommitHorizontal, GitMerge, Play, Sparkles, Terminal } from "lucide-react";
Issues and pull requests replace intents and attempts3import { useEffect } from "react";
4import { Form, Link, redirect, useNavigation, useRevalidator } from "react-router";
5
Integrations: your own model provider, alerts that open issues, tickets agents read6import { type Pull, PROVIDERS } from "@g1t/contracts";
Issues and pull requests replace intents and attempts7
8import type { Route } from "./+types/issue";
Social cards for every page: og.g1t.sh9import { excerpt, page } from "../../lib/meta";
Issues and pull requests replace intents and attempts10import { Markdown } from "../../components/markdown";
Agents and memory, checks and conflicts, profiles, slug renames, custom domains11import { AgentStepLine } from "../../components/agents";
Issues and pull requests replace intents and attempts12import {
13 Avatar,
14 Button,
15 CopyLine,
16 EmptyState,
17 ErrorText,
18 Input,
19 Textarea,
20 TimeAgo,
21} from "../../components/ui";
Workspace names and icons, and a component kit for every control22import { CheckboxOption } from "../../components/ui/checkbox";
Acceptance checks in sandboxes, line comments and review verdicts23import { CheckBadge } from "../../components/checks";
Agents as a team: lifecycle, merge queue, billing and a new shell24import {
25 Assignee,
26 AssigneeStack,
27 ChangeSize,
28 CommentForm,
29 CommentList,
30 PeoplePicker,
31 IssueState,
32 Label,
Agents and memory, checks and conflicts, profiles, slug renames, custom domains33 PersonLink,
Agents as a team: lifecycle, merge queue, billing and a new shell34 PullIcon,
35 plainText,
36} from "../../components/work";
Team plan, an open-source pool, monthly trials and honest metering; the sidebar for everyone; a workspace that stays put37import { notFound } from "../../lib/not-found.server";
Integrations: your own model provider, alerts that open issues, tickets agents read38import { identity, integrations, work } from "../../lib/services.server";
Agents as a team: lifecycle, merge queue, billing and a new shell39import { assertSameOrigin, getViewer, requireUser, roleIn } from "../../lib/session.server";
Issues and pull requests replace intents and attempts40
41const REFRESH_MS = 4000;
42
Social cards for every page: og.g1t.sh43export function meta({ loaderData, params, ...args }: Route.MetaArgs) {
44 const issue = loaderData?.issue;
45 const title = issue ? `${issue.title} · Issue #${issue.number} · ` : "";
46 const state = issue?.state === "open" ? "Open" : issue?.reason === "not_planned" ? "Closed as not planned" : "Closed";
47 const body = excerpt(issue?.body);
48 return page(args, {
49 title: `${title}${params.owner}/${params.repo} · g1t`,
50 description: issue
51 ? `${state} issue #${issue.number} on ${params.owner}/${params.repo}, opened by ${issue.author.username}.${body ? ` ${body}` : ""}`
52 : null,
53 // The card shows the title and the state.
54 version: issue ? [issue.title, issue.state, issue.reason] : undefined,
55 type: "article",
56 });
Issues and pull requests replace intents and attempts57}
58
59export async function loader({ params, context }: Route.LoaderArgs) {
60 const viewer = getViewer(context);
61 const path = { namespace: params.owner, name: params.repo };
62 const number = Number(params.number);
Agents as a team: lifecycle, merge queue, billing and a new shell63 // At once: none of these depends on another.
Integrations: your own model provider, alerts that open issues, tickets agents read64 const [found, labels, agentsEnabled, members, links] = await Promise.all([
Agents as a team: lifecycle, merge queue, billing and a new shell65 work.getIssue(path, number, viewer),
66 work.listLabels(path, viewer),
g1t's agents only for listed workspaces, whatever the state of billing67 env.RUNNER.enabled(viewer, path),
Agents as a team: lifecycle, merge queue, billing and a new shell68 // A member picks assignees from the workspace's people.
69 roleIn(viewer, params.owner) ? identity.listMembers(params.owner, viewer) : null,
Integrations: your own model provider, alerts that open issues, tickets agents read70 // What it is tied to outside g1t. Shown only once the issue is known visible.
71 integrations.links(path, number).catch(() => []),
Agents as a team: lifecycle, merge queue, billing and a new shell72 ]);
Issues and pull requests replace intents and attempts73 if (!found.ok) {
74 // Issues and pull requests share numbers; this one may be a pull request.
75 const pull = await work.getPull(path, number, viewer);
76 if (pull.ok) throw redirect(`/${params.owner}/${params.repo}/pull/${number}`);
Team plan, an open-source pool, monthly trials and honest metering; the sidebar for everyone; a workspace that stays put77 throw notFound("issue");
Issues and pull requests replace intents and attempts78 }
79 const { issue } = found.value;
80 return {
81 ...found.value,
82 viewer,
83 labels: labels.ok ? labels.value : [],
Agents as a team: lifecycle, merge queue, billing and a new shell84 agentsEnabled,
Integrations: your own model provider, alerts that open issues, tickets agents read85 links,
Agents as a team: lifecycle, merge queue, billing and a new shell86 members: members?.ok ? members.value.map((member) => member.username) : [],
Issues and pull requests replace intents and attempts87 // The author and members of the workspace can change an issue.
88 canManage:
89 viewer != null &&
90 (viewer.id === issue.author.id ||
91 (viewer.workspaces ?? []).some((membership) => membership.slug === params.owner)),
92 };
93}
94
95export async function action({ request, params, context }: Route.ActionArgs) {
96 assertSameOrigin(request);
97 const user = requireUser(context, request);
98 const form = await request.formData();
99 const path = { namespace: params.owner, name: params.repo };
100 const number = Number(params.number);
101
102 switch (form.get("action")) {
103 case "run-hosted": {
104 const result = await env.RUNNER.run(user, path, number, {
105 instructions: String(form.get("instructions") ?? ""),
106 });
107 return result.ok ? null : { error: result.error.message };
108 }
109 case "open-pull": {
110 const result = await work.openPull(user, path, {
111 issue: number,
112 agent: String(form.get("agent") ?? ""),
113 runtime: "external",
114 });
115 if (!result.ok) return { error: result.error.message };
116 throw redirect(`/${params.owner}/${params.repo}/pull/${result.value.number}`);
117 }
118 case "comment": {
Acceptance checks in sandboxes, line comments and review verdicts119 const result = await work.addComment(user, path, number, {
120 body: String(form.get("body") ?? ""),
121 });
Issues and pull requests replace intents and attempts122 return result.ok ? null : { error: result.error.message };
123 }
Agents as a team: lifecycle, merge queue, billing and a new shell124 case "assign": {
125 const result = await work.updateIssue(user, path, number, {
126 assignees: [
127 ...form.getAll("assignee").map(String),
128 ...String(form.get("others") ?? "").split(/[\s,]+/),
129 ],
130 });
131 return result.ok ? null : { error: result.error.message };
132 }
Issues and pull requests replace intents and attempts133 case "labels": {
134 const result = await work.updateIssue(user, path, number, {
135 labels: [
136 ...form.getAll("label").map(String),
137 ...String(form.get("labels") ?? "").split(","),
138 ],
139 });
140 return result.ok ? null : { error: result.error.message };
141 }
142 case "reopen": {
143 const result = await work.reopenIssue(user, path, number);
144 return result.ok ? null : { error: result.error.message };
145 }
146 default: {
147 const result = await work.closeIssue(
148 user,
149 path,
150 number,
151 form.get("action") === "close-not-planned" ? "not_planned" : "completed",
152 );
153 return result.ok ? null : { error: result.error.message };
154 }
155 }
156}
157
158/** What became of a pull request, in a few words. */
159function outcome(pull: Pull): string {
160 if (pull.status === "merged") return `Merged by ${pull.mergedBy ?? "someone"}`;
161 if (pull.supersededBy != null) return `Closed · #${pull.supersededBy} was merged instead`;
162 if (pull.status === "closed") return "Closed without merging";
163 if (pull.status === "draft") return "Draft · in progress";
164 return "Ready for review";
165}
166
167function PullRow({ pull, base }: { pull: Pull; base: string }) {
168 const merged = pull.status === "merged";
169 return (
170 <li>
171 <Link
172 to={`${base}/pull/${pull.number}`}
173 className={`block rounded-xl border p-4 transition-colors ${
174 merged
175 ? "border-merged/40 bg-merged/5 hover:border-merged/70"
176 : "border-line bg-surface hover:border-line-strong"
177 } ${pull.status === "closed" ? "opacity-70" : ""}`}
178 >
179 <div className="flex flex-wrap items-center gap-x-3 gap-y-1">
180 <PullIcon status={pull.status} />
181 <span className="font-medium">
182 {pull.title} <span className="font-normal text-faint">#{pull.number}</span>
183 </span>
184 {pull.status === "draft" && (
185 <span className="size-1.5 animate-pulse rounded-full bg-accent" />
186 )}
187 <span className="ml-auto flex items-center gap-3 text-xs text-faint">
Agents as a team: lifecycle, merge queue, billing and a new shell188 <ChangeSize files={pull.files} />
Acceptance checks in sandboxes, line comments and review verdicts189 <CheckBadge status={pull.checkStatus} />
Issues and pull requests replace intents and attempts190 <span className="flex items-center gap-1 font-mono">
191 <GitCommitHorizontal size={13} />
192 {pull.headCommit?.slice(0, 7) ?? "no commits"}
193 </span>
194 <TimeAgo at={pull.updatedAt} />
195 </span>
196 </div>
197 <p className="mt-1.5 flex flex-wrap items-center gap-x-2 text-xs text-muted">
198 <span className={merged ? "font-medium text-merged" : ""}>{outcome(pull)}</span>
199 <span className="text-faint">·</span>
200 <span className="flex items-center gap-1 font-mono">
201 <Bot size={12} />
202 {pull.agent}
203 </span>
204 {pull.runtime === "hosted" && <span className="text-faint">on g1t</span>}
205 <span className="text-faint">· opened by {pull.author.username}</span>
206 </p>
Agents as a team: lifecycle, merge queue, billing and a new shell207 {pull.body && (
208 <p className="mt-2 line-clamp-2 text-sm text-muted">{plainText(pull.body)}</p>
209 )}
Issues and pull requests replace intents and attempts210 </Link>
211 </li>
212 );
213}
214
215export default function IssuePage({ loaderData, actionData, params }: Route.ComponentProps) {
Agents as a team: lifecycle, merge queue, billing and a new shell216 const { issue, pulls, comments, viewer, labels, agentsEnabled, members, canManage } = loaderData;
Issues and pull requests replace intents and attempts217
218 // Follow agents at work without a manual reload.
219 const revalidator = useRevalidator();
220 const navigation = useNavigation();
Acceptance checks in sandboxes, line comments and review verdicts221 const running = pulls.some(
222 (pull) =>
223 pull.status === "draft" ||
224 pull.checkStatus === "queued" ||
225 pull.checkStatus === "running",
226 );
Agents as a team: lifecycle, merge queue, billing and a new shell227 // The pull request g1t's agent has in progress for this issue, if any.
228 const assigned = [...pulls]
229 .reverse()
230 .find(
231 (pull) =>
232 pull.agent === "g1t-agent" &&
233 pull.runtime === "hosted" &&
234 (pull.status === "draft" || pull.status === "open"),
235 );
Issues and pull requests replace intents and attempts236 useEffect(() => {
Agents as a team: lifecycle, merge queue, billing and a new shell237 if (!running && !assigned) return;
Issues and pull requests replace intents and attempts238 const timer = setInterval(() => {
239 if (document.visibilityState === "visible") revalidator.revalidate();
240 }, REFRESH_MS);
241 return () => clearInterval(timer);
Agents as a team: lifecycle, merge queue, billing and a new shell242 }, [running, assigned, revalidator]);
Issues and pull requests replace intents and attempts243
244 const starting = navigation.formData?.get("action") === "run-hosted";
245 const base = `/${params.owner}/${params.repo}`;
246 const open = issue.state === "open";
247 const reference = `${params.owner}/${params.repo}#${issue.number}`;
248 const resolver = pulls.find((pull) => pull.number === issue.resolvedBy);
249 // The merged pull request first, then the ones still in play, then the rest.
250 const rank = { merged: 0, open: 1, draft: 2, closed: 3 } as const;
251 const ordered = [...pulls].sort(
252 (a, b) => rank[a.status] - rank[b.status] || a.number - b.number,
253 );
254
255 return (
256 <div className="grid gap-8 lg:grid-cols-[1fr_19rem]">
257 <div className="min-w-0">
258 <h2 className="text-2xl font-semibold tracking-tight text-balance">
259 {issue.title} <span className="font-normal text-faint">#{issue.number}</span>
260 </h2>
261 <div className="mt-3 flex flex-wrap items-center gap-x-3 gap-y-2 text-sm text-muted">
262 <IssueState issue={issue} />
263 <span className="flex items-center gap-2">
264 <Avatar name={issue.author.username} size={18} />
265 <span>
Agents and memory, checks and conflicts, profiles, slug renames, custom domains266 <PersonLink name={issue.author.username} className="font-medium text-fg hover:underline" /> opened this{" "}
Issues and pull requests replace intents and attempts267 <TimeAgo at={issue.createdAt} />
268 </span>
269 </span>
270 {issue.labels.map((name) => (
271 <Label key={name} name={name} />
272 ))}
Agents as a team: lifecycle, merge queue, billing and a new shell273 {open && issue.agent && <Assignee agent={issue.agent} />}
Issues and pull requests replace intents and attempts274 </div>
275
276 {issue.resolvedBy != null && (
277 <Link
278 to={`${base}/pull/${issue.resolvedBy}`}
279 className="mt-5 flex items-center gap-3 rounded-xl border border-merged/40 bg-merged/5 px-4 py-3 text-sm transition-colors hover:border-merged/70"
280 >
281 <GitMerge size={18} className="shrink-0 text-merged" />
282 <span>
283 Resolved by{" "}
284 <span className="font-medium">
285 {resolver?.title ?? "pull request"} #{issue.resolvedBy}
286 </span>
287 {resolver?.mergedBy && (
288 <span className="text-muted">
289 , merged by {resolver.mergedBy}{" "}
290 {resolver.mergedAt && <TimeAgo at={resolver.mergedAt} />}
291 </span>
292 )}
293 </span>
294 </Link>
295 )}
296
297 {issue.body && (
298 <div className="mt-5 rounded-xl border border-line bg-surface p-5">
Agents as a team: lifecycle, merge queue, billing and a new shell299 <Markdown source={issue.body} repo={{ namespace: params.owner, name: params.repo }} />
Issues and pull requests replace intents and attempts300 </div>
301 )}
302
303 <div className="mt-10 flex items-baseline justify-between">
304 <h3 className="font-semibold tracking-tight">Pull requests</h3>
305 <p className="text-sm text-muted">
306 {pulls.length === 0
307 ? "None yet"
308 : `${pulls.length} for this issue${
309 pulls.some((pull) => pull.status === "merged") ? "" : ", none merged"
310 }`}
311 </p>
312 </div>
313 <div className="mt-3">
314 {pulls.length === 0 ? (
315 <EmptyState title="Nobody has worked on this yet">
316 Put g1t agents on it, or point your own agent at{" "}
317 <code className="font-mono">{reference}</code>.
318 </EmptyState>
319 ) : (
320 <ol className="space-y-3">
321 {ordered.map((pull) => (
322 <PullRow key={pull.id} pull={pull} base={base} />
323 ))}
324 </ol>
325 )}
326 </div>
327
328 <h3 className="mt-10 font-semibold tracking-tight">Discussion</h3>
329 <div className="mt-3">
Agents as a team: lifecycle, merge queue, billing and a new shell330 <div className="space-y-4">
331 <CommentList comments={comments} base={base} />
332 <CommentForm author={viewer?.username ?? null} resetKey={comments.length} />
333 {canManage && (
334 <Form method="post" className="flex flex-wrap justify-end gap-2">
335 {open ? (
336 <>
337 <Button variant="quiet" type="submit" name="action" value="close-not-planned">
338 Close as not planned
339 </Button>
340 <Button variant="quiet" type="submit" name="action" value="close-completed">
341 Close issue
342 </Button>
343 </>
344 ) : (
345 <Button variant="quiet" type="submit" name="action" value="reopen">
346 Reopen issue
347 </Button>
348 )}
349 </Form>
350 )}
351 </div>
Issues and pull requests replace intents and attempts352 </div>
353 <div className="mt-2">
354 <ErrorText>{actionData?.error}</ErrorText>
355 </div>
356 </div>
357
358 <aside className="space-y-6">
Integrations: your own model provider, alerts that open issues, tickets agents read359 {loaderData.links.length > 0 && (
360 <section>
361 <h3 className="text-sm font-medium">From outside g1t</h3>
362 <ul className="mt-2 space-y-1.5 text-sm">
363 {loaderData.links.map((link) => (
364 <li key={`${link.connectionId}-${link.key}`}>
365 <a
366 href={link.url}
367 target="_blank"
368 rel="noreferrer"
369 className="group flex items-center gap-2 rounded-lg border border-line px-2.5 py-2 transition-colors hover:border-line-strong"
370 >
371 <span className="min-w-0 grow">
372 <span className="block truncate font-medium">
373 {PROVIDERS[link.provider].label} <span className="font-mono text-muted">{link.key}</span>
374 </span>
375 <span className="block text-xs text-faint">
376 {link.count > 1 ? `Seen ${link.count} times, last ` : "Linked "}
377 <TimeAgo at={link.count > 1 ? link.lastSeen : link.firstSeen} />
378 </span>
379 </span>
380 <ExternalLink size={13} className="shrink-0 text-faint group-hover:text-fg" />
381 </a>
382 </li>
383 ))}
384 </ul>
385 </section>
386 )}
Agents as a team: lifecycle, merge queue, billing and a new shell387 <section>
388 <h3 className="text-sm font-medium">Assignees</h3>
389 <ul className="mt-2 space-y-1.5 text-sm">
390 {open && assigned && (
391 <li>
392 <Link
393 to={`${base}/pull/${assigned.number}`}
394 className="flex items-center gap-2 rounded-lg border border-accent/30 bg-accent/5 px-2.5 py-2 transition-colors hover:border-accent/60"
395 >
396 <Sparkles size={15} className="shrink-0 text-accent" />
397 <span className="min-w-0 grow">
398 <span className="block font-mono text-xs font-medium">g1t-agent</span>
399 <span className="block truncate text-xs text-muted">
400 {assigned.status === "draft"
401 ? "Making the change"
402 : "Seeing it through checks and review"}{" "}
403 · #{assigned.number}
404 </span>
Agents and memory, checks and conflicts, profiles, slug renames, custom domains405 <AgentStepLine owner={params.owner} repo={params.repo} number={assigned.number} />
Agents as a team: lifecycle, merge queue, billing and a new shell406 </span>
407 <span className="size-1.5 shrink-0 animate-pulse rounded-full bg-accent" />
408 </Link>
409 </li>
410 )}
411 {issue.assignees.map((name) => (
412 <li key={name} className="flex items-center gap-2 px-1">
413 <Avatar name={name} size={20} />
414 <span className="grow truncate font-mono text-xs">{name}</span>
415 </li>
416 ))}
417 {open && issue.queued && !assigned && (
418 <li className="flex items-center gap-2 rounded-lg border border-line bg-surface px-2.5 py-2">
419 <Sparkles size={15} className="shrink-0 text-faint" />
420 <span className="min-w-0 grow">
421 <span className="block font-mono text-xs font-medium">g1t-agent</span>
422 <span className="block text-xs text-muted">
423 {issue.blockedBy.length > 0
424 ? "Queued. Starts when what this depends on has merged."
425 : "Queued. Starts as soon as there is room."}
426 </span>
427 </span>
428 </li>
429 )}
430 {!open && resolver && resolver.agent === "g1t-agent" && (
431 <li>
432 <Link
433 to={`${base}/pull/${resolver.number}`}
434 className="flex items-center gap-2 rounded-lg border border-line bg-surface px-2.5 py-2 transition-colors hover:border-line-strong"
435 >
436 <Sparkles size={15} className="shrink-0 text-merged" />
437 <span className="min-w-0 grow">
438 <span className="block font-mono text-xs font-medium">g1t-agent</span>
439 <span className="block truncate text-xs text-muted">
440 Resolved it with #{resolver.number}
441 </span>
442 </span>
443 </Link>
444 </li>
445 )}
446 {issue.assignees.length === 0 &&
447 !(open && (assigned || issue.queued)) &&
448 !(!open && resolver?.agent === "g1t-agent") && (
449 <li className="px-1 text-xs text-faint">No one yet.</li>
450 )}
451 </ul>
452 {issue.blockedBy.length > 0 && (
453 <p className="mt-3 text-xs text-muted">
454 Depends on{" "}
455 {issue.blockedBy.map((number, index) => (
456 <span key={number}>
457 {index > 0 && ", "}
458 <Link
459 to={`${base}/issues/${number}`}
460 className="font-medium text-fg hover:underline"
461 >
462 #{number}
463 </Link>
464 </span>
465 ))}
466 {open ? ", which has to merge first." : "."}
Issues and pull requests replace intents and attempts467 </p>
Agents as a team: lifecycle, merge queue, billing and a new shell468 )}
469
470 {open && agentsEnabled && !assigned && !issue.queued && (
Issues and pull requests replace intents and attempts471 <Form method="post" className="mt-3 space-y-2">
472 <input type="hidden" name="action" value="run-hosted" />
473 <div className="*:w-full">
474 <Button variant="accent" type="submit" disabled={starting}>
Agents as a team: lifecycle, merge queue, billing and a new shell475 <Sparkles size={14} />
476 {starting ? "Starting a sandbox…" : "Assign to g1t agent"}
Issues and pull requests replace intents and attempts477 </Button>
478 </div>
Agents as a team: lifecycle, merge queue, billing and a new shell479 <details>
480 <summary className="cursor-pointer text-xs text-faint hover:text-fg">
481 Add guidance for this run
482 </summary>
483 <div className="mt-2">
484 <Textarea
485 name="instructions"
486 rows={2}
487 placeholder="On top of the issue's description"
488 />
489 </div>
490 </details>
491 <p className="text-xs text-muted">
492 It opens a pull request and sees it through checks, a review by another
493 agent and fixes. You get it back ready to merge.
494 </p>
Issues and pull requests replace intents and attempts495 </Form>
Agents as a team: lifecycle, merge queue, billing and a new shell496 )}
497
New workspaces are told to connect a model, before anything fails498 {open && !agentsEnabled && canManage && !assigned && !issue.queued && (
499 // Where g1t's agent would be, and what makes it appear.
500 <div className="mt-3 rounded-lg border border-dashed border-line p-3 text-sm">
501 <p className="flex items-center gap-1.5 font-medium">
502 <Sparkles size={14} className="text-accent" />
503 g1t agent
504 </p>
505 <p className="mt-1 text-xs text-muted">
506 Connect a model provider and g1t's agent can take this issue: it opens a pull request and sees it
507 through checks, review and fixes. g1t costs nothing while it is being built out.
508 </p>
509 <Link
510 to={`/${params.owner}/-/integrations`}
511 className="mt-2 inline-block text-xs text-accent hover:underline"
512 >
513 Connect a model
514 </Link>
515 </div>
516 )}
517
Agents as a team: lifecycle, merge queue, billing and a new shell518 {viewer && canManage && open && (
519 <div className="mt-3 space-y-2">
520 {!issue.assignees.includes(viewer.username) && (
521 <Form method="post">
522 <input type="hidden" name="action" value="assign" />
523 {issue.assignees.map((name) => (
524 <input key={name} type="hidden" name="assignee" value={name} />
525 ))}
526 <input type="hidden" name="assignee" value={viewer.username} />
527 <div className="*:w-full">
528 <Button variant="quiet" type="submit">
529 Assign yourself
530 </Button>
531 </div>
532 </Form>
533 )}
534 <details className="group">
535 <summary className="cursor-pointer text-xs text-faint hover:text-fg">
536 Assign people
537 </summary>
538 <Form method="post" className="mt-2 space-y-2" key={issue.assignees.join()}>
539 <input type="hidden" name="action" value="assign" />
540 <PeoplePicker name="assignee" members={members} chosen={issue.assignees} />
541 <Button variant="quiet" type="submit">
542 Save assignees
543 </Button>
544 </Form>
545 </details>
546 </div>
547 )}
548 </section>
Issues and pull requests replace intents and attempts549
550 {open && (
551 <section className="rounded-xl border border-line bg-surface p-4">
552 <h3 className="text-sm font-medium">Bring your own agent</h3>
553 <p className="mt-1 text-xs text-muted">
554 With g1t connected to your agent, ask it to work on this issue.
555 </p>
556 <div className="mt-3">
557 <CopyLine text={reference} />
558 </div>
559 {viewer ? (
560 <Form method="post" className="mt-4 space-y-2 border-t border-line pt-4">
561 <input type="hidden" name="action" value="open-pull" />
562 <p className="text-xs text-muted">
563 Or open a draft pull request yourself and get a fork to push to.
564 </p>
565 <Input name="agent" placeholder="Who is working, e.g. claude-code" maxLength={60} />
566 <div className="*:w-full">
567 <Button type="submit">Open pull request</Button>
568 </div>
Pull requests from branches569 <p className="text-xs text-muted">
570 Already pushed a branch?{" "}
571 <Link
572 to={`${base}/pulls/new?issue=${issue.number}`}
573 className="text-fg underline underline-offset-4"
574 >
575 Open a pull request from it
576 </Link>
577 .
578 </p>
Issues and pull requests replace intents and attempts579 </Form>
580 ) : (
581 <p className="mt-4 border-t border-line pt-4 text-sm text-muted">
582 <Link to="/login" className="text-fg underline underline-offset-4">
583 Sign in
584 </Link>{" "}
585 to open a pull request.
586 </p>
587 )}
588 </section>
589 )}
590
591 {issue.checks.length > 0 && (
592 <section>
593 <h3 className="text-sm font-medium">Acceptance checks</h3>
594 <ul className="mt-2 space-y-1.5">
595 {issue.checks.map((check) => (
596 <li
597 key={check}
598 className="flex items-center gap-2 rounded-md border border-line bg-surface px-2.5 py-1.5 font-mono text-xs"
599 >
600 <Terminal size={13} className="shrink-0 text-faint" />
601 <span className="truncate">{check}</span>
602 </li>
603 ))}
604 </ul>
605 </section>
606 )}
607
608 {canManage && (
609 <details className="group">
610 <summary className="cursor-pointer list-none text-sm font-medium">
611 Labels <span className="text-xs font-normal text-faint group-open:hidden">Edit</span>
612 </summary>
613 <Form method="post" className="mt-3 space-y-3" key={issue.labels.join()}>
614 <input type="hidden" name="action" value="labels" />
615 <div className="flex flex-wrap gap-x-3 gap-y-2">
616 {labels.map((name) => (
Workspace names and icons, and a component kit for every control617 <CheckboxOption
618 key={name}
619 name="label"
620 value={name}
621 defaultChecked={issue.labels.includes(name)}
622 label={<Label name={name} />}
623 className="items-center gap-1.5"
624 />
Issues and pull requests replace intents and attempts625 ))}
626 </div>
627 <Input name="labels" placeholder="New labels, comma separated" />
628 <Button variant="quiet" type="submit">
629 Save labels
630 </Button>
631 </Form>
632 </details>
633 )}
634
635 </aside>
636 </div>
637 );
638}