Skip to content
Sign up

flagon-io/g1t

public
00

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

g1t.sh
gitagentscloudflarerustforgemcp
576 linesCodeBlameRaw

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.

Merge branch 'worktree-agent-a64e51c8f386f46ac'1import { useEffect, useMemo, useRef, useState } from "react";
Branches and Tags pages, each file's last commit, and the branch menu on files2import {
3 isRouteErrorResponse,
4 Link,
5 Links,
6 Meta,
7 Outlet,
8 Scripts,
9 ScrollRestoration,
10 type ShouldRevalidateFunctionArgs,
11 useLocation,
Usage, Billing settings and prepaid AI credit; fixes from the UX audit12 useMatches,
Branches and Tags pages, each file's last commit, and the branch menu on files13 useRouteError,
14 useRouteLoaderData,
15} from "react-router";
16
Merge email confirmation gate: a code and a link, nothing until confirmed (identity 0036)17import { type User, awaitsConfirmation, hasAccessIn, sharedWorkspaces } from "@g1t/contracts";
Branches and Tags pages, each file's last commit, and the branch menu on files18
19import type { Route } from "./+types/root";
20import appCss from "./app.css?url";
21import displayFont from "@g1t/theme/fonts/bricolage-grotesque-latin.woff2?url";
22import sansFont from "@g1t/theme/fonts/hanken-grotesk-latin.woff2?url";
g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them.23import { ButtonLink } from "./components/ui";
The site is built from its shared components: one Button with its variants and sizes, one Badge, Card for every panel, Alert for notices, Kbd for keys, Table for the security tables, and Avatar, Command, Progress, ScrollArea, ToggleGroup, Collapsible and Accordion in the kit; raw buttons, hand-drawn cards and pills and per-file button class lists are gone, outline buttons stand the same height as filled ones, and the phone's Ask g1t loses its tile. Every page was compared pixel by pixel before and after.24import { Card } from "./components/ui/card";
Merge branch 'worktree-agent-aca4790ea223aa235'25import { AppShell, Progress, type ShellData, useLeaving } from "./components/shell";
Branches and Tags pages, each file's last commit, and the branch menu on files26import { SiteFooter } from "./components/footer";
g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them.27import { PublicHeader } from "./components/public-header";
Branches and Tags pages, each file's last commit, and the branch menu on files28import { SpikeBanner } from "./components/spike-banner";
Merge main (membership, two-factor, GitHub repo roles) into tokens29import { PolicyNotice } from "./components/policy-notice";
Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today30import { identify } from "./lib/analytics.client";
31import { visitorAsksFirst } from "./lib/analytics-consent";
32import { AnalyticsConsent } from "./components/analytics-consent";
Branches and Tags pages, each file's last commit, and the branch menu on files33import { readCookie } from "./lib/mission";
34import { WORKSPACE_COOKIE, workspaceFor } from "./lib/workspace-choice";
Not found and error pages have one main landmark: their own when signed out, the shell's when signed in35import { PageMain } from "./components/landmark";
Branches and Tags pages, each file's last commit, and the branch menu on files36import { NotFound } from "./components/not-found";
g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them.37import { frameOf } from "./lib/chrome";
The apps you pin to your dock are kept with your account, per workspace and in your order, so the dock is the same on every device: identity keeps them in dock_pins and answers dock_pins and set_dock_pins, the dock reads them with the rest of the page, pins kept only on this device carry over with your first change, this device's copy still draws the dock when identity can't be reached, a pin that can't be saved says so, and they go when you or the workspace do; the workspaces guide says how.38import { DOCK_COOKIE, SIDEBAR_COOKIE, pinsToShow, sidebarClosed } from "./lib/apps";
39import { savedPins } from "./lib/dock.server";
g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them.40import { StandaloneFrame } from "./components/standalone";
An agent is on teams the way a person is: through team membership, with no team or department of its own. Add it to teams when you create it, from its profile or from the team's page; the Agents sidebar groups agents by the teams they're on, with those on none last; what an agent is told about its teammates, team budgets, skills reach, Spend's By team and the People pages all read memberships. Agents with an old team name matching a team are moved onto it once; the rest are left off a team. Templates name a role only. The agents, teams and people guides say how.41import { billing, chat, identity, inbox, projects, workspaceAgents } from "./lib/services.server";
42import { teamsByAgent } from "./lib/people";
Chat and workspace agents: channels, DMs and named agents you talk to43import { unreadTotals } from "./lib/chat";
Branches and Tags pages, each file's last commit, and the branch menu on files44import { countsFor, readableRepos } from "./lib/access.server";
45import { shortCache } from "./lib/cache.server";
46import { getViewer, viewerMiddleware } from "./lib/session.server";
Navigation: the workspace's own page with tabs, pins and recent in the sidebar47import { shortcutOf, workspaceProjects } from "./lib/workspace-projects.server";
Merge branch 'worktree-agent-aaf03bdceac799c89'48import { addresses } from "./lib/addresses.server";
Merge branch 'worktree-agent-a64e51c8f386f46ac'49import { RELOADED_KEY, RELOAD_GIVE_UP_MS, clientNavigated, reloadFixes, reloadedBefore } from "./lib/stale-build";
Merge g1tusercontent.com: registry answers run nothing in a browser, the site's pages run only their own scripts, repository files and avatars on their own origin, raw files rate limited per address50import { useNonce } from "./lib/nonce";
Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r951import { useStuckNavigationRescue } from "./lib/stuck";
Merge main into Artifacts Phase 252import { isNeedsSignIn } from "./lib/website-token";
A doc opens at once: the page carries the document's saved state, so the editor mounts without waiting for its live room, which connects in the background and sends only what changed, with a quiet dot that turns green when it's synced; edits made before then are kept and sent once. The editor's code is preloaded from the page and fetched early when you hover a doc, the app's shared code ships in a few chunks instead of a hundred small ones, socket tickets come with the page instead of a round trip, and the artifacts service answers a page, a sidebar and a room in parallel lookups instead of a dozen in a row, reporting its database round trips in Server-Timing. The artifacts guide says how a doc opens, and CONTRIBUTING's Speed section has the numbers.53import { offerTicket, setLiveViaToken } from "./lib/live-socket";
54import { socketTicketFor } from "./lib/socket-ticket.server";
Merge the desktop app's settings and runner in the main window: the runner is a dot beside the title bar's Settings button with a menu of its own (its state, each kind of job and what it runs, Start and Stop, updates, the log), Settings opens as a dialog in the window with its sections down the side, the separate windows stay only for when the site isn't showing, and every button that asks the app for something shows it is working until something happens.55import { DesktopApp } from "./components/desktop-app";
Merge the desktop app's runner: it starts with the app for the signed-in person, sandboxed by default and running nothing where no sandbox is available yet, registers through the site, keeps itself up to date, and says everywhere what it is doing, why it is not, and how to fix it.56import { DesktopRunnerLink } from "./components/desktop-runner-link";
Merge the workspace shell: navigation and phone shell, g1t as orchestrator, agents in roles with audience-checked reads, reactions and custom emoji, live notifications and browser push, the homepage tour (agents 0002, chat 0002)57import { LiveNotifications } from "./components/notifications/live-notifications";
You choose how g1t looks: Auto follows your system, Light and Dark stay put, set from the account menu, the phone's You and help sheet, Settings → Account or the command palette; the page is drawn in your choice from the first byte, every colour has a light value that reads at 4.5:1 or better, code and diffs are highlighted for both, diagrams and the document editor follow along, the product tour and the g1t mark's avatar stay dark, and Dark is what you see until you choose; the workspaces guide says how.58import { THEME_COLOR, THEME_COOKIE, readTheme, themeAttribute, useThemeChoice } from "./lib/theme";
Branches and Tags pages, each file's last commit, and the branch menu on files59
60
61export const links: Route.LinksFunction = () => [
62 { rel: "icon", href: "/favicon.ico", sizes: "32x32" },
63 { rel: "icon", type: "image/svg+xml", href: "/favicon.svg" },
64 { rel: "icon", type: "image/png", sizes: "192x192", href: "/icon-192.png" },
One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers65 { rel: "icon", type: "image/png", sizes: "512x512", href: "/icon-512.png" },
66 // Home screens and password managers look for a square, opaque 180px tile;
67 // the "-precomposed" name is served too, for the ones that ask for it.
68 { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" },
69 // Installable: name, icons and colours for "Add to Home Screen" (public/site.webmanifest;
70 // manifest.webmanifest is the same file, kept for installs that already point at it).
71 { rel: "manifest", href: "/site.webmanifest" },
Branches and Tags pages, each file's last commit, and the branch menu on files72 // The text and headline faces are wanted on every page, so they start
73 // loading with the stylesheet; mono waits until something uses it.
74 { rel: "preload", href: sansFont, as: "font", type: "font/woff2", crossOrigin: "anonymous" },
75 { rel: "preload", href: displayFont, as: "font", type: "font/woff2", crossOrigin: "anonymous" },
76];
77
78export const middleware: Route.MiddlewareFunction[] = [viewerMiddleware];
79
80export async function loader({ context, params, request }: Route.LoaderArgs) {
81 const user = getViewer(context);
g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them.82 const cookies = request.headers.get("cookie");
83 const chosen = readCookie(cookies, WORKSPACE_COOKIE);
84 const dock = readCookie(cookies, DOCK_COOKIE);
Merge branch 'open-signups'85 const [shell, sounds] = await Promise.all([
Merge email confirmation gate: a code and a link, nothing until confirmed (identity 0036)86 // An account still confirming its address sees only the pages that
87 // allows (lib/confirm-gate.ts), in the visitor's frame.
88 user && !awaitsConfirmation(user)
Usage, Billing settings and prepaid AI credit; fixes from the UX audit89 ? shellFor(user, params, chosen, context).catch((error: unknown) => {
90 // A sidebar that could not be read is no reason to lose the page,
91 // or to draw it as if they were signed out.
92 console.error("root: the sidebar could not be read", error);
93 return bareShell(user, params, chosen);
94 })
95 : visitorShell(params, context),
Chat has sounds. A short warm cue plays for a message in a conversation you have open but aren't looking at, a direct message, a mention of you and an agent finishing something for you, with a soft tick for sending that is off until you turn it on; never for your own messages, a muted conversation, a conversation you are looking at in a window that has the front, or while you have paused notifications, and never twice for one message or more than once in a second and a half. The cues are made by the browser itself in two sets, Soft and Bright, so nothing is downloaded; the Sounds and notifications section of your notification settings turns them on and off, picks the set and the volume, plays each one, and offers desktop notifications for when the window is behind; Do not disturb is the one pause everyone sees, set from the chat sidebar's bell, the settings, or your avatar menu, now with a two-hour choice, and the top bar's bell shows a dot while it's on. Your choices are kept with your account. The sound layer sits behind one small interface so the desktop app can play them natively later. The chat and notifications guides say the rules.96 // Their chat sounds, with the page, so the first live event already
97 // respects them (lib/sounds.ts); the defaults when identity is slow.
98 user && !awaitsConfirmation(user) ? identity.soundSettings(user).catch(() => null) : Promise.resolve(null),
Branches and Tags pages, each file's last commit, and the branch menu on files99 ]);
The left-hand navigation takes less room and reads at a glance. The dock becomes a rail: a 56-pixel column of icons with the g1t mark on top, the current app marked by a filled square, hover hints naming each with its shortcut, the apps you pinned in a scrolling band, and Apps, People, Workspace and your account at the foot. Each mode's sidebar sits flush against it, 240 pixels wide, opening on Search or jump to and listing its groups under small labels in 36-pixel rows; Ctrl B hides it and the page grows into the room. Every mode's list is built on the shadcn Sidebar now in the kit, so Workspace, Code, People, Notifications, account settings, Chat, Artifacts and Agents all share one frame; the phone keeps its bottom bar and drawer. The workspaces guide describes the rail, the sidebar and the page.100 // The apps this person pinned to their rail here: as their account keeps
The apps you pin to your dock are kept with your account, per workspace and in your order, so the dock is the same on every device: identity keeps them in dock_pins and answers dock_pins and set_dock_pins, the dock reads them with the rest of the page, pins kept only on this device carry over with your first change, this device's copy still draws the dock when identity can't be reached, a pin that can't be saved says so, and they go when you or the workspace do; the workspaces guide says how.101 // them (read with the rest of the shell), else as this device's cookie
102 // remembers them (lib/apps.ts).
103 if (shell.workspace) shell.pins = pinsToShow(shell.pins, dock, shell.workspace.slug);
Merge branch 'worktree-agent-aaf03bdceac799c89'104 // Where this g1t lives, for clone lines, agent setup and link previews.
Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today105 return {
106 user,
107 shell,
A doc opens at once: the page carries the document's saved state, so the editor mounts without waiting for its live room, which connects in the background and sends only what changed, with a quiet dot that turns green when it's synced; edits made before then are kept and sent once. The editor's code is preloaded from the page and fetched early when you hover a doc, the app's shared code ships in a few chunks instead of a hundred small ones, socket tickets come with the page instead of a round trip, and the artifacts service answers a page, a sidebar and a room in parallel lookups instead of a dozen in a row, reporting its database round trips in Server-Timing. The artifacts guide says how a doc opens, and CONTRIBUTING's Speed section has the numbers.108 // For a page opened with an access token: the feed socket's ticket,
109 // minted here so the feed opens without asking for one (lib/live-socket.ts).
110 liveTicket: user?.token?.website ? await socketTicketFor(context, request, "/-/live") : null,
g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them.111 // Whether they folded the sidebar away, so the page is drawn that way from the start.
112 sidebarClosed: sidebarClosed(readCookie(cookies, SIDEBAR_COOKIE)),
You choose how g1t looks: Auto follows your system, Light and Dark stay put, set from the account menu, the phone's You and help sheet, Settings → Account or the command palette; the page is drawn in your choice from the first byte, every colour has a light value that reads at 4.5:1 or better, code and diffs are highlighted for both, diagrams and the document editor follow along, the product tour and the g1t mark's avatar stay dark, and Dark is what you see until you choose; the workspaces guide says how.113 // Their Appearance, so the page is drawn in it from the first byte (lib/theme.ts).
114 theme: readTheme(readCookie(cookies, THEME_COOKIE)),
Chat has sounds. A short warm cue plays for a message in a conversation you have open but aren't looking at, a direct message, a mention of you and an agent finishing something for you, with a soft tick for sending that is off until you turn it on; never for your own messages, a muted conversation, a conversation you are looking at in a window that has the front, or while you have paused notifications, and never twice for one message or more than once in a second and a half. The cues are made by the browser itself in two sets, Soft and Bright, so nothing is downloaded; the Sounds and notifications section of your notification settings turns them on and off, picks the set and the volume, plays each one, and offers desktop notifications for when the window is behind; Do not disturb is the one pause everyone sees, set from the chat sidebar's bell, the settings, or your avatar menu, now with a two-hour choice, and the top bar's bell shows a dot while it's on. Your choices are kept with your account. The sound layer sits behind one small interface so the desktop app can play them natively later. The chat and notifications guides say the rules.115 // What they hear when chat moves (components/notifications/sounds.tsx).
116 sounds,
Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today117 addresses: addresses(),
118 // Visitors from where the law asks first are asked before analytics runs.
119 analyticsConsent: visitorAsksFirst(request),
120 };
Branches and Tags pages, each file's last commit, and the branch menu on files121}
122
123/**
124 * The sidebar for someone not signed in: nothing of their own, only the
125 * open counts of the project being looked at. One call, and only in a
126 * project; it answers the same for a private project as a missing one.
127 */
128async function visitorShell(params: { owner?: string; repo?: string }, context: Route.LoaderArgs["context"]): Promise<ShellData> {
129 const path = params.owner && params.repo ? { namespace: params.owner, name: params.repo } : null;
130 const counts = path ? await countsFor(context, params) : null;
131 return {
132 workspace: null,
133 repos: [],
134 repo: path && counts?.ok ? { ...path, member: false, issues: counts.value.issues, pulls: counts.value.pulls } : null,
135 limit: null,
136 monthUsageMicros: null,
137 };
138}
139
Usage, Billing settings and prepaid AI credit; fixes from the UX audit140/** The sidebar from what the session already says, with no service asked. */
141function bareShell(user: User, params: { owner?: string; repo?: string }, chosen: string | null): ShellData {
142 return {
143 workspace: workspaceFor(user.workspaces ?? [], chosen, params),
144 repos: [],
145 repo: null,
146 limit: null,
147 monthUsageMicros: null,
148 };
149}
150
Branches and Tags pages, each file's last commit, and the branch menu on files151/**
152 * The sidebar only changes with the workspace or repository being looked
153 * at, or after something was submitted: not on every page within them.
154 */
155export function shouldRevalidate({
156 currentParams,
157 nextParams,
158 formMethod,
159 defaultShouldRevalidate,
160}: ShouldRevalidateFunctionArgs) {
161 if (formMethod && formMethod !== "GET") return defaultShouldRevalidate;
162 return currentParams.owner !== nextParams.owner || currentParams.repo !== nextParams.repo;
163}
164
165/**
Usage, Billing settings and prepaid AI credit; fixes from the UX audit166 * The sidebar: the workspace whose pages or project these are when it is
167 * one of yours, else the one you chose (lib/workspace-choice.ts); its
168 * projects; and the repository being looked at.
Branches and Tags pages, each file's last commit, and the branch menu on files169 */
170async function shellFor(
171 user: User,
172 params: { owner?: string; repo?: string },
173 chosen: string | null,
174 context: Route.LoaderArgs["context"],
175): Promise<ShellData> {
176 const memberships = user.workspaces ?? [];
177 const workspace = workspaceFor(memberships, chosen, params);
178 const path = params.owner && params.repo ? { namespace: params.owner, name: params.repo } : null;
179 const now = new Date();
180 const monthStart = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), 1)).toISOString();
181 // What the sidebar shows of the workspace changes rarely: kept for a few
182 // seconds per person and workspace, except just after they changed
183 // something (lib/cache.server.ts).
184 const kept = <T,>(what: string, load: () => Promise<T>) =>
185 workspace ? shortCache(`shell:${what}:${user.id}:${workspace.slug}`, SHELL_TTL_MS, load) : Promise.resolve(null);
The apps you pin to your dock are kept with your account, per workspace and in your order, so the dock is the same on every device: identity keeps them in dock_pins and answers dock_pins and set_dock_pins, the dock reads them with the rest of the page, pins kept only on this device carry over with your first change, this device's copy still draws the dock when identity can't be reached, a pin that can't be saved says so, and they go when you or the workspace do; the workspaces guide says how.186 const [listed, counts, status, usage, limit, entitlements, shared, unread, shortcuts, chatUnread, teamAgents, dockPins] = await Promise.all([
Navigation: the workspace's own page with tabs, pins and recent in the sidebar187 // Every project, for the palette and the count; the sidebar lists only
188 // the person's pinned and recent ones (lib/pins.ts).
189 workspace ? workspaceProjects(workspace.slug, user) : Promise.resolve(null),
Branches and Tags pages, each file's last commit, and the branch menu on files190 path ? countsFor(context, params) : Promise.resolve(null),
191 // Whether billing is on, without reading the account: that asks the
192 // card processor about the workspace's cards, too slow for every page.
193 kept("status", () => billing.status()).catch(() => null),
Usage, Billing settings and prepaid AI credit; fixes from the UX audit194 kept(`usage:${monthStart}`, () => billing.usage(workspace!.slug, user, monthStart)).catch(() => null),
Branches and Tags pages, each file's last commit, and the branch menu on files195 kept("limit", () => billing.limit(workspace!.slug, user)).catch(() => null),
196 kept("entitlements", () => billing.entitlements(workspace!.slug)).catch(() => null),
197 sharedRepos(user),
Inbox: a bell in the top bar opens it beside the page, and /inbox holds it all198 // The bell's count: one query, never kept, so marking an item shows at once.
199 inbox.counts(user.username).catch(() => null),
Navigation: the workspace's own page with tabs, pins and recent in the sidebar200 // Never kept: opening a project moves it up Recent.
201 workspace ? projects.shortcuts(workspace.slug, user).catch(() => null) : Promise.resolve(null),
Chat and workspace agents: channels, DMs and named agents you talk to202 // The rail's Chat badge: never kept, and never waited on for long.
203 workspace ? chatUnreadFor(workspace.slug, user) : Promise.resolve(null),
Merge the workspace shell: navigation and phone shell, g1t as orchestrator, agents in roles with audience-checked reads, reactions and custom emoji, live notifications and browser push, the homepage tour (agents 0002, chat 0002)204 // Home's Recent and the Agents sidebar, on every page: never waited on for long.
205 workspace ? agentsFor(workspace.slug, user) : Promise.resolve(null),
The left-hand navigation takes less room and reads at a glance. The dock becomes a rail: a 56-pixel column of icons with the g1t mark on top, the current app marked by a filled square, hover hints naming each with its shortcut, the apps you pinned in a scrolling band, and Apps, People, Workspace and your account at the foot. Each mode's sidebar sits flush against it, 240 pixels wide, opening on Search or jump to and listing its groups under small labels in 36-pixel rows; Ctrl B hides it and the page grows into the room. Every mode's list is built on the shadcn Sidebar now in the kit, so Workspace, Code, People, Notifications, account settings, Chat, Artifacts and Agents all share one frame; the phone keeps its bottom bar and drawer. The workspaces guide describes the rail, the sidebar and the page.206 // The rail's pins, kept with the account so every device shows the same
207 // rail; never kept here, so a pin shows the moment it is made. Null
The apps you pin to your dock are kept with your account, per workspace and in your order, so the dock is the same on every device: identity keeps them in dock_pins and answers dock_pins and set_dock_pins, the dock reads them with the rest of the page, pins kept only on this device carry over with your first change, this device's copy still draws the dock when identity can't be reached, a pin that can't be saved says so, and they go when you or the workspace do; the workspaces guide says how.208 // falls back to the cookie (lib/dock.server.ts).
209 workspace ? savedPins(user, workspace.slug) : Promise.resolve(null),
Branches and Tags pages, each file's last commit, and the branch menu on files210 ]);
211 return {
212 workspace,
213 // Projects are what the sidebar lists: what the workspace builds and runs.
Navigation: the workspace's own page with tabs, pins and recent in the sidebar214 repos: listed?.ok ? listed.value.map(shortcutOf) : [],
215 pinned: (shortcuts?.pinned ?? []).map(shortcutOf),
216 recent: (shortcuts?.recent ?? []).map(shortcutOf),
Branches and Tags pages, each file's last commit, and the branch menu on files217 repo:
218 path && counts?.ok
219 ? {
220 ...path,
221 // Until the repository's own page says what their role is.
222 member: hasAccessIn(user, path.namespace),
223 issues: counts.value.issues,
224 pulls: counts.value.pulls,
225 }
226 : null,
227 // Where the workspace stands against its usage limit, once billing is on.
228 limit:
229 status?.enabled && limit?.ok
230 ? {
231 exposureMicros: limit.value.exposureMicros,
232 ceilingMicros: limit.value.ceilingMicros,
233 state: limit.value.state,
234 comped: limit.value.trust === "internal",
235 }
236 : null,
237 free: Boolean(status?.free),
238 // A spend spike or a hold pauses new compute: the shell says so on every page.
239 compute:
240 workspace && entitlements && (entitlements.paused || entitlements.spike?.status === "open")
241 ? { paused: entitlements.paused, spike: entitlements.spike ?? null, owner: workspace.role === "owner" }
242 : null,
243 shared,
Inbox: a bell in the top bar opens it beside the page, and /inbox holds it all244 inbox: unread,
Chat and workspace agents: channels, DMs and named agents you talk to245 chat: chatUnread,
Merge the workspace shell: navigation and phone shell, g1t as orchestrator, agents in roles with audience-checked reads, reactions and custom emoji, live notifications and browser push, the homepage tour (agents 0002, chat 0002)246 agents: teamAgents,
The apps you pin to your dock are kept with your account, per workspace and in your order, so the dock is the same on every device: identity keeps them in dock_pins and answers dock_pins and set_dock_pins, the dock reads them with the rest of the page, pins kept only on this device carry over with your first change, this device's copy still draws the dock when identity can't be reached, a pin that can't be saved says so, and they go when you or the workspace do; the workspaces guide says how.247 pins: dockPins ?? undefined,
Branches and Tags pages, each file's last commit, and the branch menu on files248 // While g1t is free every charge is zero, so usage is shown at cost.
Usage, Billing settings and prepaid AI credit; fixes from the UX audit249 // Usage at price, the one figure every page shows.
250 monthUsageMicros: usage?.ok ? (usage.value.free ? usage.value.usedMicros : (usage.value.priceMicros ?? usage.value.spentMicros)) : null,
Branches and Tags pages, each file's last commit, and the branch menu on files251 };
252}
253
Merge the workspace shell: navigation and phone shell, g1t as orchestrator, agents in roles with audience-checked reads, reactions and custom emoji, live notifications and browser push, the homepage tour (agents 0002, chat 0002)254/** Starred and recent conversations Home's sidebar lists. */
255const SHELL_CONVERSATIONS = 8;
256
257/**
258 * What is unread in chat, for the rail, and the starred and latest
259 * conversations, for Home's sidebar; null when chat is slow to answer or
260 * does not.
261 */
Chat and workspace agents: channels, DMs and named agents you talk to262async function chatUnreadFor(slug: string, user: User): Promise<ShellData["chat"]> {
263 const timeout = new Promise<null>((resolve) => setTimeout(() => resolve(null), CHAT_BADGE_WAIT_MS));
264 const read = chat
265 .sidebar(slug, user)
Merge the workspace shell: navigation and phone shell, g1t as orchestrator, agents in roles with audience-checked reads, reactions and custom emoji, live notifications and browser push, the homepage tour (agents 0002, chat 0002)266 .then((result) => {
267 if (!result.ok) return null;
268 const entries = result.value.entries;
269 const latest = [...entries].sort((a, b) => (b.channel.last_message_at ?? "").localeCompare(a.channel.last_message_at ?? ""));
270 return {
271 ...unreadTotals(entries),
272 starred: entries.filter((e) => e.starred).slice(0, SHELL_CONVERSATIONS),
273 recent: latest.slice(0, SHELL_CONVERSATIONS),
274 };
275 })
276 .catch(() => null);
277 return Promise.race([read, timeout]);
278}
279
280/** The workspace's agents, as the shell lists them; null when the agents service is slow or down. */
281async function agentsFor(slug: string, user: User): Promise<ShellData["agents"]> {
282 const timeout = new Promise<null>((resolve) => setTimeout(() => resolve(null), CHAT_BADGE_WAIT_MS));
An agent is on teams the way a person is: through team membership, with no team or department of its own. Add it to teams when you create it, from its profile or from the team's page; the Agents sidebar groups agents by the teams they're on, with those on none last; what an agent is told about its teammates, team budgets, skills reach, Spend's By team and the People pages all read memberships. Agents with an old team name matching a team are moved onto it once; the rest are left off a team. Templates name a role only. The agents, teams and people guides say how.283 // The workspace's agents and the person's own personal ones, for "Yours",
284 // with the teams each is on, for the Agents sidebar's groups.
285 const read = Promise.all([workspaceAgents.list(slug, user, { personal: "mine" }), identity.teamAgentIndex(slug).catch(() => null)])
286 .then(([result, index]) => {
287 if (!result.ok) return null;
288 const teams = index ? teamsByAgent(index) : null;
289 return result.value
290 .filter((agent) => !agent.archived_at)
291 .map((agent) => ({
292 id: agent.id,
293 handle: agent.handle,
294 display_name: agent.display_name,
295 avatar: agent.avatar,
296 avatar_seed: agent.avatar_seed,
Agents have faces, and are never mistaken for people. Every agent wears a little bot face drawn from a look it owns, shape, colour, eyes, mouth, antenna, accessory and pattern, chosen in its builder and on its Profile tab with a live preview, Shuffle and a way back to the face its seed gives it; the face blinks on its own time, breathes, narrows its eyes while the agent works, shuts them asleep and bounces when it finishes, all of it still for anyone who asked for less motion. Wherever an agent shows, in chat, in a list, on a mention, on a review or a commit, its avatar carries an agent marker, and the people reading it are told so. In Chat, direct messages are two lists: People, and Agents, which also holds the agents you haven't talked to yet; a conversation with both a person and an agent in it is marked in the list, named in the conversation's header, spelled out by the composer and explained once the first time it opens. Agents keep their look in the agents service, which every service passes along. The chat and agents guides say so, and CONTRIBUTING makes the shared avatar the only way to draw an agent.297 look: agent.look ?? null,
An agent is on teams the way a person is: through team membership, with no team or department of its own. Add it to teams when you create it, from its profile or from the team's page; the Agents sidebar groups agents by the teams they're on, with those on none last; what an agent is told about its teammates, team budgets, skills reach, Spend's By team and the People pages all read memberships. Agents with an old team name matching a team are moved onto it once; the rest are left off a team. Templates name a role only. The agents, teams and people guides say how.298 role: agent.role,
299 title: agent.title,
300 status: agent.status,
301 builtin: agent.builtin === true,
302 scope: agent.scope,
303 ...(teams ? { teams: teams[agent.id] ?? [] } : {}),
304 }));
305 })
Chat and workspace agents: channels, DMs and named agents you talk to306 .catch(() => null);
307 return Promise.race([read, timeout]);
308}
309
310/** The longest the rail's Chat badge holds up a page. */
311const CHAT_BADGE_WAIT_MS = 300;
312
Usage, Billing settings and prepaid AI credit; fixes from the UX audit313/**
314 * How long the sidebar's workspace answers are kept: as long as someone's
315 * own changes read fresh anyway (lib/perf.ts `PRIMARY_WINDOW_SECONDS`).
316 */
317const SHELL_TTL_MS = 30_000;
Branches and Tags pages, each file's last commit, and the branch menu on files318
319/** Most repositories listed under Shared with you. */
320const MAX_SHARED = 20;
321
322/**
323 * Repositories shared with the user in workspaces they do not belong to,
324 * by their grants: only those, never the workspace's other repositories.
325 */
326async function sharedRepos(user: User): Promise<ShellData["shared"]> {
327 const outside = new Set(sharedWorkspaces(user));
328 if (outside.size === 0) return [];
329 const ids = (user.grants ?? []).filter((grant) => outside.has(grant.workspace)).map((grant) => grant.repo_id).slice(0, MAX_SHARED);
330 const found = await readableRepos(ids, user);
331 return found
332 .map((repo) => ({ namespace: repo.namespace, name: repo.name, isPrivate: repo.isPrivate }))
333 .sort((a, b) => `${a.namespace}/${a.name}`.localeCompare(`${b.namespace}/${b.name}`));
334}
335
Usage, Billing settings and prepaid AI credit; fixes from the UX audit336/**
337 * The root's data as the browser last had it. When a navigation fails in a
338 * way that takes the root's data with it, the error is still drawn in the
339 * person's own frame, signed in, not the visitor's. Never kept on the
340 * server, where one module serves everyone.
341 */
342let lastRoot: Awaited<ReturnType<typeof loader>> | undefined;
343
Branches and Tags pages, each file's last commit, and the branch menu on files344export function Layout({ children }: { children: React.ReactNode }) {
Merge g1tusercontent.com: registry answers run nothing in a browser, the site's pages run only their own scripts, repository files and avatars on their own origin, raw files rate limited per address345 const nonce = useNonce();
Branches and Tags pages, each file's last commit, and the branch menu on files346 // Undefined when the root loader itself failed.
Usage, Billing settings and prepaid AI credit; fixes from the UX audit347 const loaded = useRouteLoaderData<typeof loader>("root");
348 const inBrowser = typeof document !== "undefined";
349 if (loaded && inBrowser) lastRoot = loaded;
350 const root = loaded ?? (inBrowser ? lastRoot : undefined);
Branches and Tags pages, each file's last commit, and the branch menu on files351 const user = root?.user;
Merge branch 'socket-tickets'352 // A page opened with an access token signs its live sockets in with tickets (lib/live-socket.ts).
A doc opens at once: the page carries the document's saved state, so the editor mounts without waiting for its live room, which connects in the background and sends only what changed, with a quiet dot that turns green when it's synced; edits made before then are kept and sent once. The editor's code is preloaded from the page and fetched early when you hover a doc, the app's shared code ships in a few chunks instead of a hundred small ones, socket tickets come with the page instead of a round trip, and the artifacts service answers a page, a sidebar and a room in parallel lookups instead of a dozen in a row, reporting its database round trips in Server-Timing. The artifacts guide says how a doc opens, and CONTRIBUTING's Speed section has the numbers.353 if (inBrowser) {
354 setLiveViaToken(Boolean(user?.token?.website));
355 offerTicket("/-/live", root?.liveTicket);
356 }
Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9357 const { pathname } = useLocation();
Branches and Tags pages, each file's last commit, and the branch menu on files358 // Drawn around the error page too: a 404 keeps the sidebar out of a
359 // project or workspace the viewer cannot see.
360 const error = useRouteError();
361 const missing = isRouteErrorResponse(error) && error.status === 404;
362 // The billing page shows the full banner itself.
363 const paused = root?.shell?.compute && root.shell.workspace && !pathname.endsWith("/-/billing") && (
364 <SpikeBanner
365 compact
366 slug={root.shell.workspace.slug}
367 entitlements={{ paused: root.shell.compute.paused, spike: root.shell.compute.spike }}
368 owner={root.shell.compute.owner}
369 />
370 );
Merge email confirmation gate: a code and a link, nothing until confirmed (identity 0036)371 // On the few pages an account still confirming its address can open
372 // besides /confirm-email (policies, support, signing in): the way back.
373 const verify = user && awaitsConfirmation(user) && pathname !== "/confirm-email" && (
374 <p
375 role="status"
Branches and Tags pages, each file's last commit, and the branch menu on files376 className="flex flex-wrap items-center justify-center gap-x-3 gap-y-1 border-b border-warn/30 bg-warn/10 px-4 py-2 text-sm"
377 >
Merge email confirmation gate: a code and a link, nothing until confirmed (identity 0036)378 <span>Confirm your email address to start using g1t.</span>
379 <Link to="/confirm-email" className="font-medium underline underline-offset-4">
380 Enter your code
381 </Link>
382 </p>
Branches and Tags pages, each file's last commit, and the branch menu on files383 );
Merge main (membership, two-factor, GitHub repo roles) into tokens384 // A workspace that requires two-factor authentication of someone who
385 // has not turned it on: they keep their place, and cannot use it yet.
386 const held = user?.held && user.held.length > 0 && pathname !== "/settings/two-factor" && <PolicyNotice held={user.held} />;
Merge branch 'worktree-agent-aca4790ea223aa235'387 const leaving = useLeaving();
You choose how g1t looks: Auto follows your system, Light and Dark stay put, set from the account menu, the phone's You and help sheet, Settings → Account or the command palette; the page is drawn in your choice from the first byte, every colour has a light value that reads at 4.5:1 or better, code and diffs are highlighted for both, diagrams and the document editor follow along, the product tour and the g1t mark's avatar stay dark, and Dark is what you see until you choose; the workspaces guide says how.388 // Auto, Light or Dark: as the cookie said when the page was drawn, or as just switched.
389 const theme = useThemeChoice(root?.theme);
g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them.390 // Which frame the page is drawn in (lib/chrome.ts): on its own, the app's, or the public one.
391 const frame = frameOf(pathname, {
392 signedIn: user != null && !awaitsConfirmation(user),
393 workspace: (user?.workspaces ?? []).length > 0,
394 });
Branches and Tags pages, each file's last commit, and the branch menu on files395 const banner =
Merge main (membership, two-factor, GitHub repo roles) into tokens396 paused || verify || held ? (
Branches and Tags pages, each file's last commit, and the branch menu on files397 <>
398 {paused}
399 {verify}
Merge main (membership, two-factor, GitHub repo roles) into tokens400 {held}
Branches and Tags pages, each file's last commit, and the branch menu on files401 </>
402 ) : null;
403 return (
You choose how g1t looks: Auto follows your system, Light and Dark stay put, set from the account menu, the phone's You and help sheet, Settings → Account or the command palette; the page is drawn in your choice from the first byte, every colour has a light value that reads at 4.5:1 or better, code and diffs are highlighted for both, diagrams and the document editor follow along, the product tour and the g1t mark's avatar stay dark, and Dark is what you see until you choose; the workspaces guide says how.404 <html lang="en" data-theme={themeAttribute(theme)}>
Branches and Tags pages, each file's last commit, and the branch menu on files405 <head>
406 <meta charSet="utf-8" />
Merge the workspace shell: navigation and phone shell, g1t as orchestrator, agents in roles with audience-checked reads, reactions and custom emoji, live notifications and browser push, the homepage tour (agents 0002, chat 0002)407 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
You choose how g1t looks: Auto follows your system, Light and Dark stay put, set from the account menu, the phone's You and help sheet, Settings → Account or the command palette; the page is drawn in your choice from the first byte, every colour has a light value that reads at 4.5:1 or better, code and diffs are highlighted for both, diagrams and the document editor follow along, the product tour and the g1t mark's avatar stay dark, and Dark is what you see until you choose; the workspaces guide says how.408 {/* The browser bar matches the page: one colour for a chosen theme, the system's for Auto. */}
409 {theme === "auto" ? (
410 <>
411 <meta name="theme-color" media="(prefers-color-scheme: light)" content={THEME_COLOR.light} />
412 <meta name="theme-color" media="(prefers-color-scheme: dark)" content={THEME_COLOR.dark} />
413 </>
414 ) : (
415 <meta name="theme-color" content={THEME_COLOR[theme]} />
416 )}
Merge branch 'mirroring' into artifacts-mode417 <meta name="mobile-web-app-capable" content="yes" />
Merge the workspace shell: navigation and phone shell, g1t as orchestrator, agents in roles with audience-checked reads, reactions and custom emoji, live notifications and browser push, the homepage tour (agents 0002, chat 0002)418 <meta name="apple-mobile-web-app-capable" content="yes" />
419 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
Branches and Tags pages, each file's last commit, and the branch menu on files420 {/* The stylesheet before everything React Router preloads, so a slow
The docs folder is gone, and what it held lives where people read it: how a self-hosted g1t runs and how to deploy g1t to Cloudflare are pages on docs.g1t.sh under Run g1t yourself, and speed, rate limits and operating g1t.sh are sections of CONTRIBUTING.md; code that cited a file in docs/ now points to the page or section that covers it, or says what it means itself, and applied migrations and the runner images are left as they were.421 connection paints sooner. */}
Branches and Tags pages, each file's last commit, and the branch menu on files422 <link rel="stylesheet" href={appCss} precedence="default" />
Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today423 {root?.analyticsConsent && <meta name="g1t-analytics" content="consent" />}
Branches and Tags pages, each file's last commit, and the branch menu on files424 <Meta />
Merge g1tusercontent.com: registry answers run nothing in a browser, the site's pages run only their own scripts, repository files and avatars on their own origin, raw files rate limited per address425 <Links nonce={nonce} />
Branches and Tags pages, each file's last commit, and the branch menu on files426 </head>
g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them.427 <body className="flex min-h-screen flex-col" data-frame={frame === "app" && user && root?.shell ? "app" : frame}>
Usage, Billing settings and prepaid AI credit; fixes from the UX audit428 {/* The first stop for the keyboard: past the menus, to the page. */}
429 <a
430 href="#content"
431 className="sr-only rounded-md bg-fg px-3 py-2 text-sm font-medium text-bg focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-[70]"
432 >
433 Skip to content
434 </a>
g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them.435 {frame === "standalone" ? (
436 <StandaloneFrame>{children}</StandaloneFrame>
437 ) : frame === "app" && user && root?.shell ? (
438 <AppShell user={user} shell={root.shell} missing={missing} banner={banner} sidebarClosed={root.sidebarClosed}>
Branches and Tags pages, each file's last commit, and the branch menu on files439 {children}
440 </AppShell>
441 ) : (
442 <>
443 <Progress />
g1t is described as the product it is in alpha, and its shell takes the new shape: the README, the docs home and docs/PLAN.md label every feature Live, Preview or Coming; a floating dock with the g1t mark, Today, Chat, Notifications, Agents, Code, Artifacts, your pinned apps and the Apps launcher, with People, Workspace and the account menu (now holding help) at its foot; the workspace's logo and switcher heading a flat sidebar that folds away with Ctrl B, or leading the header's breadcrumbs where there is none; the page in a rounded panel with a full-width header; Today as the front page, with first-time acceptance of agents' pull requests, what needs you and what's at stake, spend today and one item to start with, every number from a service; Notifications in place of the Inbox at /notifications; a bottom bar and More sheet on phones; and sign-in, sign-up, two-factor, reset, invites and choosing a workspace on standalone pages with no app around them.444 <PublicHeader user={user} />
Branches and Tags pages, each file's last commit, and the branch menu on files445 {banner}
Usage, Billing settings and prepaid AI credit; fixes from the UX audit446 <div id="content" tabIndex={-1} {...leaving} className={`grow outline-none ${leaving.className}`}>
Merge branch 'worktree-agent-aca4790ea223aa235'447 {children}
448 </div>
Branches and Tags pages, each file's last commit, and the branch menu on files449 <SiteFooter user={user} />
450 </>
451 )}
Merge the workspace shell: navigation and phone shell, g1t as orchestrator, agents in roles with audience-checked reads, reactions and custom emoji, live notifications and browser push, the homepage tour (agents 0002, chat 0002)452 {/* Live notifications for the signed-in: the feed socket, toasts, the tab's count (components/notifications). */}
453 {user && !awaitsConfirmation(user) && (
Chat has sounds. A short warm cue plays for a message in a conversation you have open but aren't looking at, a direct message, a mention of you and an agent finishing something for you, with a soft tick for sending that is off until you turn it on; never for your own messages, a muted conversation, a conversation you are looking at in a window that has the front, or while you have paused notifications, and never twice for one message or more than once in a second and a half. The cues are made by the browser itself in two sets, Soft and Bright, so nothing is downloaded; the Sounds and notifications section of your notification settings turns them on and off, picks the set and the volume, plays each one, and offers desktop notifications for when the window is behind; Do not disturb is the one pause everyone sees, set from the chat sidebar's bell, the settings, or your avatar menu, now with a two-hour choice, and the top bar's bell shows a dot while it's on. Your choices are kept with your account. The sound layer sits behind one small interface so the desktop app can play them natively later. The chat and notifications guides say the rules.454 <LiveNotifications
455 workspace={root?.shell?.workspace?.slug ?? null}
456 inbox={root?.shell?.inbox?.unread ?? null}
457 sounds={root?.sounds ?? null}
458 me={{ id: user.id, username: user.username }}
459 />
Merge the workspace shell: navigation and phone shell, g1t as orchestrator, agents in roles with audience-checked reads, reactions and custom emoji, live notifications and browser push, the homepage tour (agents 0002, chat 0002)460 )}
Merge the desktop app's runner: it starts with the app for the signed-in person, sandboxed by default and running nothing where no sandbox is available yet, registers through the site, keeps itself up to date, and says everywhere what it is doing, why it is not, and how to fix it.461 {/* Inside the desktop app: who its runner runs for, and its registration (lib/desktop-runner.ts). */}
462 {(!user || !awaitsConfirmation(user)) && (
463 <DesktopRunnerLink
464 offer={{
465 signedIn: user != null,
466 workspaces: (user?.workspaces ?? []).filter((m) => m.role === "owner").map((m) => ({ slug: m.slug, name: m.name ?? null })),
467 current: root?.shell?.workspace?.slug ?? null,
468 }}
469 />
470 )}
Merge the desktop app's settings and runner in the main window: the runner is a dot beside the title bar's Settings button with a menu of its own (its state, each kind of job and what it runs, Start and Stop, updates, the log), Settings opens as a dialog in the window with its sections down the side, the separate windows stay only for when the site isn't showing, and every button that asks the app for something shows it is working until something happens.471 {/* Inside the desktop app: its settings dialog, and the runner's menu under the title bar's dot. */}
472 <DesktopApp />
Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today473 <AnalyticsConsent />
Merge g1tusercontent.com: registry answers run nothing in a browser, the site's pages run only their own scripts, repository files and avatars on their own origin, raw files rate limited per address474 <ScrollRestoration nonce={nonce} />
475 <Scripts nonce={nonce} />
Branches and Tags pages, each file's last commit, and the branch menu on files476 </body>
477 </html>
478 );
479}
480
481export default function App() {
Merge site-audit: SEO routes, analytics with consent first in Europe, security page, founder and X account, docs header; the tour opens on the pull request and leads with Code, on the real shell, with Agents and Docs working today482 const userId = useRouteLoaderData<typeof loader>("root")?.user?.id ?? null;
483 // Tell analytics who is signed in, once per change; signing out forgets them.
484 const lastUserId = useRef<string | null>(null);
485 useEffect(() => {
486 identify(userId, lastUserId.current);
487 lastUserId.current = userId;
488 }, [userId]);
Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9489 // A navigation that never arrives is loaded as a whole page (lib/stuck.ts).
490 useStuckNavigationRescue();
Branches and Tags pages, each file's last commit, and the branch menu on files491 return <Outlet />;
492}
493
494export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
Usage, Billing settings and prepaid AI credit; fixes from the UX audit495 const location = useLocation();
496 const matches = useMatches();
Merge branch 'worktree-agent-a64e51c8f386f46ac'497 const href = location.pathname + location.search + location.hash;
Usage, Billing settings and prepaid AI credit; fixes from the UX audit498 // A tab left open across a deploy: load the address again as a whole
Merge branch 'worktree-agent-a64e51c8f386f46ac'499 // page, once, rather than show an error the reload fixes. A document load
500 // never reloads, so the server and the hydrating client render the same.
501 const reloadable = reloadFixes({
Usage, Billing settings and prepaid AI credit; fixes from the UX audit502 error,
503 status: isRouteErrorResponse(error) ? error.status : undefined,
Merge branch 'worktree-agent-a64e51c8f386f46ac'504 clientNavigation: clientNavigated(location.key),
Usage, Billing settings and prepaid AI credit; fixes from the UX audit505 caughtByCatchAll: matches.at(-1)?.id === "routes/not-found",
506 });
Merge branch 'worktree-agent-a64e51c8f386f46ac'507 // Already loaded again once, or the reload never started: show the page.
508 const tried = useMemo(() => reloadable && reloadedBefore(href), [reloadable, href]);
509 const [gaveUp, setGaveUp] = useState<string | null>(null);
510 const reload = reloadable && !tried && gaveUp !== href;
Usage, Billing settings and prepaid AI credit; fixes from the UX audit511 useEffect(() => {
512 if (!reload) return;
513 try {
514 sessionStorage.setItem(RELOADED_KEY, href);
515 } catch {
516 // No session storage: reload anyway; a document load never asks again.
517 }
518 window.location.assign(href);
Merge branch 'worktree-agent-a64e51c8f386f46ac'519 const timer = window.setTimeout(() => setGaveUp(href), RELOAD_GIVE_UP_MS);
520 return () => window.clearTimeout(timer);
Usage, Billing settings and prepaid AI credit; fixes from the UX audit521 }, [reload, href]);
522 if (reload) {
523 return (
Not found and error pages have one main landmark: their own when signed out, the shell's when signed in524 <PageMain className="mx-auto max-w-xl px-4 py-32 text-center text-sm text-muted" aria-busy="true">
Usage, Billing settings and prepaid AI credit; fixes from the UX audit525 <title>Loading · g1t</title>
526 Loading the latest version of g1t…
Not found and error pages have one main landmark: their own when signed out, the shell's when signed in527 </PageMain>
Usage, Billing settings and prepaid AI credit; fixes from the UX audit528 );
529 }
530
Branches and Tags pages, each file's last commit, and the branch menu on files531 let title = "Something went wrong";
532 let details = "An unexpected error occurred. Try again in a moment.";
533 let stack: string | undefined;
534
535 if (isRouteErrorResponse(error)) {
536 // The same page for something private and something missing.
Usage, Billing settings and prepaid AI credit; fixes from the UX audit537 if (error.status === 404) {
538 return (
539 <>
540 <title>Not found · g1t</title>
541 <NotFound data={error.data} />
542 </>
543 );
544 }
Branches and Tags pages, each file's last commit, and the branch menu on files545 if (typeof error.data === "string" && error.data) {
546 details = error.data;
547 }
Merge main into Artifacts Phase 2548 // A token asked for what needs a real sign-in (lib/website-token.ts).
549 if (isNeedsSignIn(error.data)) {
550 title = "This needs you to sign in";
551 details = error.data.message;
552 }
Branches and Tags pages, each file's last commit, and the branch menu on files553 } else if (import.meta.env.DEV && error instanceof Error) {
554 details = error.message;
555 stack = error.stack;
556 }
557
558 return (
Not found and error pages have one main landmark: their own when signed out, the shell's when signed in559 <PageMain className="mx-auto max-w-xl px-4 py-32 text-center">
Branches and Tags pages, each file's last commit, and the branch menu on files560 <h1 className="text-2xl font-semibold tracking-tight">{title}</h1>
561 <p className="mt-3 text-muted">{details}</p>
562 <div className="mt-8">
The site is built from its shared components: one Button with its variants and sizes, one Badge, Card for every panel, Alert for notices, Kbd for keys, Table for the security tables, and Avatar, Command, Progress, ScrollArea, ToggleGroup, Collapsible and Accordion in the kit; raw buttons, hand-drawn cards and pills and per-file button class lists are gone, outline buttons stand the same height as filled ones, and the phone's Ask g1t loses its tile. Every page was compared pixel by pixel before and after.563 <ButtonLink to="/" variant="outline">
Branches and Tags pages, each file's last commit, and the branch menu on files564 Back to home
565 </ButtonLink>
566 </div>
567 {stack && (
The site is built from its shared components: one Button with its variants and sizes, one Badge, Card for every panel, Alert for notices, Kbd for keys, Table for the security tables, and Avatar, Command, Progress, ScrollArea, ToggleGroup, Collapsible and Accordion in the kit; raw buttons, hand-drawn cards and pills and per-file button class lists are gone, outline buttons stand the same height as filled ones, and the phone's Ask g1t loses its tile. Every page was compared pixel by pixel before and after.568 <Card asChild tone="plain" radius="lg" className="mt-8 overflow-x-auto p-4 text-left text-xs">
569 <pre>
570 <code>{stack}</code>
571 </pre>
572 </Card>
Branches and Tags pages, each file's last commit, and the branch menu on files573 )}
Not found and error pages have one main landmark: their own when signed out, the shell's when signed in574 </PageMain>
Branches and Tags pages, each file's last commit, and the branch menu on files575 );
576}

This file's history is long; its oldest lines are credited to the oldest commit read.