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 remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 1 | import { Activity, BarChart3, Building2, MessagesSquare, Bell, BookMarked, BookOpen, Bookmark, Blocks, Bot, Box, Check, ChevronDown, ChevronLeft, ChevronRight, CircleDot, GripVertical, CircleUserRound, Code2, Coins, Compass, CreditCard, Fingerprint, GanttChart, Gauge, GitBranch, GitPullRequest, Globe, History, KanbanSquare, Keyboard, KeyRound, Layers, LayoutDashboard, LayoutGrid, LifeBuoy, ListTree, Lock, LogOut, Mail, MonitorCog, MonitorDown, Network, Package, PlayCircle, Plug, Plus, Rocket, Search, ServerCog, Settings, Shapes, Shield, ShieldCheck, Scale, Smile, Sparkles, SlidersHorizontal, House, Ticket, TrendingUp, UserRoundKey, Users, UsersRound, Webhook, X, ArrowLeftRight } from "lucide-react"; |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 2 | import { Fragment, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from "react"; |
| 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. | 3 | import { Link, useFetcher, useLocation, useNavigation, useRouteLoaderData, useSubmit } from "react-router"; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 4 | |
| A desktop release goes out with what can be built. Linux is built on g1t's machines in every release; Windows and macOS each wait on a repository variable: a machine registered for them, or for Windows a cross build on Linux once aka.ms and download.visualstudio.microsoft.com are workflow-only domains, which is where the first release stopped. A platform with no machine is skipped and the download page says it is coming, with a word for the visitor whose platform this release lacks. The guide and CONTRIBUTING say so. | 5 | import { type Abilities, type ChatSidebarEntry, type InboxCounts, type WorkspaceAgent, type Membership, type RepoMirror, type Spike, type User, hasCodeAccess, mayCreateTeams, shownUsername } from "@g1t/contracts"; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 6 | |
| Not found and error pages have one main landmark: their own when signed out, the shell's when signed in | 7 | import { InMain } from "./landmark"; |
| Usage, Billing settings and prepaid AI credit; fixes from the UX audit | 8 | import { CommandPalette, type PaletteCommand, PaletteKey, usePaletteShortcut } from "./command-palette"; |
| 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. | 9 | import { NotificationsBell } from "./inbox"; |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 10 | import { desktopBridge, useDesktopApp, useTitleBarSearch } from "../lib/notify-client"; |
| The Spend page says what a workspace spent, where it went and the budgets that hold it, in Workspace under Money: spent at price, agents' spend and the spend limit; by day; by agent, person, channel, model, kind of work and product; budgets from the workspace down to each person, agent and task, with what happens at 100%; the costliest tasks, each with a receipt of every session at the provider's price and what was charged; and how it's priced. Everyone sees what agents spent for them, and owners and billing managers the whole workspace; each person can have a monthly budget agents keep to, and the spend pill in the top bar shows your month or the workspace's against its limit. The spend guide says how. | 11 | import { SpendPill } from "./spend"; |
| Previews build from any branch; Agent in place of Ask AI; pin from the sidebar | 12 | import { PinButton } from "./pin-button"; |
| Merge branch 'worktree-agent-ae1299e92e4462012' | 13 | import { Hint } from "./ui/hint"; |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 14 | import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible"; |
| 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. | 15 | import { |
| 16 | Sidebar, | |
| 17 | SidebarGroup, | |
| 18 | SidebarGroupAction, | |
| 19 | SidebarGroupContent, | |
| 20 | SidebarGroupLabel, | |
| 21 | SidebarHeader, | |
| 22 | SidebarMenu, | |
| 23 | SidebarMenuBadge, | |
| 24 | SidebarMenuButton, | |
| 25 | SidebarMenuItem, | |
| 26 | SidebarMobile, | |
| 27 | SidebarProvider, | |
| 28 | SidebarSeparator, | |
| 29 | SidebarTrigger, | |
| 30 | } from "./ui/sidebar"; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 31 | import { StatusDot, useSiteStatus } from "./footer"; |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 32 | import { Logo, MarkGlyph } from "./logo"; |
| 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. | 33 | import { SoonPill } from "./ui"; |
| 34 | import { Avatar } from "./ui/avatar"; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 35 | import { Skeleton } from "./ui/skeleton"; |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 36 | import { Button } from "./ui/button"; |
| 37 | import { Separator } from "./ui/separator"; | |
| 38 | import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./ui/breadcrumb"; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 39 | import { |
| 40 | DropdownMenu, | |
| 41 | DropdownMenuContent, | |
| 42 | DropdownMenuGroup, | |
| 43 | DropdownMenuItem, | |
| 44 | DropdownMenuLabel, | |
| 45 | DropdownMenuSeparator, | |
| 46 | DropdownMenuTrigger, | |
| 47 | } from "./ui/dropdown-menu"; | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 48 | import { type RoadmapItem, roadmapIn, roadmapItem } from "../lib/roadmap"; |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 49 | import { type ModeKey, WORKSPACE_SETTINGS_GROUPS, type WorkspaceSettingsPage, homePagePath, modeOf, workspaceSettingsPage } from "../lib/workspace-nav"; |
| Chat and workspace agents: channels, DMs and named agents you talk to | 50 | import { AgentsSidebar } from "./agents-mode"; |
| 51 | import { ChatSidebar } from "./chat/sidebar"; | |
| Artifacts is a mode in the rail, the shell and the phone's tab bar in place of Docs: its home lists everything you can open by day or as cards under All, Yours and Shared with you, with search, filters and tiles to start a doc (slides, designs and dashboards say they are coming soon), and its sidebar holds favorites, spaces, Private, Shared, projects' docs and the trash. | 52 | import { FoliosSidebar } from "./folios/sidebar"; |
| 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. | 53 | import { Rail, ShortcutsDialog, WorkspaceSwitcher, sidebarKeyLabel } from "./rail"; |
| 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. | 54 | import { BottomBar, isConversation, useVisualViewport } from "./mobile"; |
| Chat and workspace agents: channels, DMs and named agents you talk to | 55 | import { useChatSidebar } from "./chat/actions"; |
| 56 | import { unreadTotals } from "../lib/chat"; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 57 | import { SETTINGS_CAPABILITY, type ViewerAccess, seesSettings } from "../lib/access"; |
| 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. | 58 | import { projectPages } from "../lib/chrome"; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 59 | import { ACCOUNT_SETTINGS, type AccountSettingsPage, FIRST_SETTINGS_PAGE, accountSettingsPage } from "../lib/account-settings"; |
| 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. | 60 | import { type PinnableApp, sidebarCookie } from "../lib/apps"; |
| 61 | import { REASON_FILTERS, inboxReason, inboxView } from "../lib/inbox"; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 62 | import { GithubMark } from "./github"; |
| 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. | 63 | import { useInviteOnly } from "../lib/registration"; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 64 | import { STATUS_URL, statusTitle } from "../lib/status"; |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 65 | import { type ShortcutProject, movedPin, recentWith } from "../lib/pins"; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 66 | import type { AccountMenuData } from "../routes/settings-menu-json"; |
| 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) | 67 | import { useLiveBadges } from "../lib/notify-client"; |
| One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers | 68 | import { OwnPresenceDot, OwnPresenceItems, StatusDialog } from "./presence"; |
| 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. | 69 | import { THEME_COMMANDS, ThemeMenuSwitch } from "./theme-switch"; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 70 | |
| 71 | /** | |
| 72 | * What the sidebar needs, worked out by the root loader. For a visitor who | |
| 73 | * is not signed in there is no workspace, no projects and no usage: only | |
| 74 | * the project being looked at, if they can see it. | |
| 75 | */ | |
| 76 | export type ShellData = { | |
| 77 | /** The workspace the sidebar is about: the one being looked at, or their first. */ | |
| 78 | workspace: Membership | null; | |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 79 | /** All its projects, by name, for the palette: `name` is the slug in their address. */ |
| 80 | repos: ShortcutProject[]; | |
| 81 | /** The person's pinned projects in it, in their order (lib/pins.ts). */ | |
| 82 | pinned?: ShortcutProject[]; | |
| 83 | /** What they opened there last, latest first, leaving out the pinned. */ | |
| 84 | recent?: ShortcutProject[]; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 85 | /** Repositories shared with them in workspaces they do not belong to. */ |
| 86 | shared?: { namespace: string; name: string; isPrivate: boolean }[]; | |
| 87 | /** The project being looked at, if any, whoever owns it. */ | |
| 88 | repo: { | |
| 89 | namespace: string; | |
| 90 | name: string; | |
| 91 | member: boolean; | |
| 92 | issues: number; | |
| 93 | pulls: number; | |
| 94 | } | null; | |
| 95 | /** Where the workspace stands against its usage limit, if billing is on. */ | |
| 96 | limit: { | |
| 97 | exposureMicros: number; | |
| 98 | ceilingMicros: number | null; | |
| 99 | state: "ok" | "warning" | "stopped"; | |
| 100 | comped: boolean; | |
| 101 | } | null; | |
| 102 | /** Whether g1t charges nothing for now, while it is being built out. */ | |
| 103 | free?: boolean; | |
| 104 | /** What its agents have cost since the start of the month. */ | |
| 105 | /** This month's usage: charged, or at cost while g1t is free. */ | |
| 106 | monthUsageMicros: number | null; | |
| 107 | /** Whether new compute is paused (a spend spike or a hold), and whether the viewer can answer it. */ | |
| 108 | compute?: { paused: string | null; spike: Spike | null; owner: boolean } | 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. | 109 | /** What is unread in their notifications, for the rail and the bell. Absent for a visitor. */ |
| Inbox: a bell in the top bar opens it beside the page, and /inbox holds it all | 110 | inbox?: InboxCounts | 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) | 111 | /** |
| 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. | 112 | * Chat, for the rail's badge: what is unread, and the |
| 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) | 113 | * starred and latest conversations. Null when chat did not answer in time. |
| 114 | */ | |
| 115 | chat?: { unread: number; mentions: number; starred?: ChatSidebarEntry[]; recent?: ChatSidebarEntry[] } | 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. | 116 | /** The workspace's agents, g1t first, for the Agents sidebar; null when not known. */ |
| 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) | 117 | agents?: ShellAgent[] | 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. | 118 | /** The apps this person pinned to their rail in the workspace (lib/apps.ts). */ |
| 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. | 119 | pins?: PinnableApp[]; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 120 | }; |
| 121 | ||
| 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) | 122 | /** An agent as the shell lists it. */ |
| 123 | export type ShellAgent = Pick< | |
| 124 | WorkspaceAgent, | |
| 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. | 125 | "id" | "handle" | "display_name" | "avatar" | "avatar_seed" | "role" | "status" | "title" | "builtin" |
| 126 | > & { | |
| 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. | 127 | look?: WorkspaceAgent["look"]; |
| 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. | 128 | scope?: WorkspaceAgent["scope"]; |
| 129 | /** The visible teams it is on (team memberships); absent when they couldn't be read. */ | |
| 130 | teams?: { slug: string; name: string }[]; | |
| 131 | }; | |
| 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) | 132 | |
| 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. | 133 | /** Whether `pathname` is `to` or a page under it (`end`: only `to` itself), the query left aside. */ |
| 134 | function under(pathname: string, to: string, end = false): boolean { | |
| 135 | const path = to.split("?")[0]!; | |
| 136 | return pathname === path || (!end && pathname.startsWith(path.endsWith("/") ? path : `${path}/`)); | |
| 137 | } | |
| 138 | ||
| 139 | /** | |
| 140 | * Where a row is current and where it is on its way to. A row's page is | |
| 141 | * current under its own address and any `also` prefix, unless the list | |
| 142 | * says itself (`current`). Rows that differ by query alone (Notifications' | |
| 143 | * views and reasons) are pending only when the page on its way is that | |
| 144 | * row's, query and all. | |
| 145 | */ | |
| 146 | function useRowState(to: string, { end, also, current: lit }: { end?: boolean; also?: string | string[]; current?: boolean }) { | |
| 147 | const { pathname } = useLocation(); | |
| 148 | const going = useNavigation().location; | |
| 149 | const current = lit ?? (under(pathname, to, end) || [also ?? []].flat().some((prefix) => under(pathname, prefix))); | |
| 150 | const pending = | |
| 151 | going != null && !current && (lit === undefined ? under(going.pathname, to, end) : `${going.pathname}${going.search}` === to); | |
| 152 | return { current, pending }; | |
| 153 | } | |
| 154 | ||
| 155 | /** | |
| 156 | * One row of a mode's sidebar: an icon, its words, how many it lists | |
| 157 | * (`count`) and, for a row that opens a list of its own (`drill`), a | |
| 158 | * chevron, always or on hover. | |
| 159 | */ | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 160 | function SidebarLink({ |
| 161 | to, | |
| 162 | icon, | |
| 163 | end, | |
| 164 | count, | |
| 165 | also, | |
| 166 | drill, | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 167 | current: lit, |
| 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. | 168 | action, |
| 169 | bare = false, | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 170 | children, |
| 171 | }: { | |
| 172 | to: string; | |
| 173 | icon: ReactNode; | |
| 174 | end?: boolean; | |
| 175 | count?: number; | |
| 176 | /** Other path prefixes under which this link is the current one. */ | |
| 177 | also?: string | string[]; | |
| 178 | /** It opens a list of its own: a chevron says so, always or on hover. */ | |
| 179 | drill?: boolean | "hover"; | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 180 | /** Whether it is the current row, when the list works that out itself. */ |
| 181 | current?: boolean; | |
| 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. | 182 | /** A small button at the row's end, beside the words (a pin). */ |
| 183 | action?: ReactNode; | |
| 184 | /** The row alone, for a list item that is drawn by the list (a pinned project, which drags). */ | |
| 185 | bare?: boolean; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 186 | children: ReactNode; |
| 187 | }) { | |
| 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. | 188 | const { current, pending } = useRowState(to, { end, also, current: lit }); |
| 189 | const Item = bare ? Fragment : SidebarMenuItem; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 190 | return ( |
| 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. | 191 | <Item> |
| 192 | <SidebarMenuButton asChild isActive={current} isPending={pending} className={action ? "pr-7" : undefined}> | |
| 193 | <Link to={to} prefetch="intent" aria-current={current ? "page" : undefined}> | |
| 194 | {icon} | |
| 195 | <span className="min-w-0 grow truncate">{children}</span> | |
| 196 | {count != null && count > 0 && <SidebarMenuBadge>{count}</SidebarMenuBadge>} | |
| 197 | {drill && ( | |
| 198 | <ChevronRight | |
| 199 | aria-hidden="true" | |
| 200 | className={`-mr-0.5 size-3.5! shrink-0 text-faint transition-opacity ${drill === "hover" ? "opacity-0 group-hover/menu-button:opacity-100 group-focus-visible/menu-button:opacity-100" : ""}`} | |
| 201 | /> | |
| 202 | )} | |
| 203 | </Link> | |
| 204 | </SidebarMenuButton> | |
| 205 | {action} | |
| 206 | </Item> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 207 | ); |
| 208 | } | |
| 209 | ||
| 210 | /** | |
| 211 | * Something a project will have, shown where it will live so people can | |
| 212 | * see where g1t is going. Not a link: nothing is behind it yet. | |
| 213 | */ | |
| 214 | function SidebarSoon({ icon, children, about }: { icon: ReactNode; children: ReactNode; about: string }) { | |
| 215 | return ( | |
| 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. | 216 | <SidebarMenuItem> |
| 217 | <Hint label={about} side="right"> | |
| 218 | <SidebarMenuButton asChild variant="faint"> | |
| 219 | <div aria-disabled="true" className="cursor-default"> | |
| 220 | {icon} | |
| 221 | <span className="min-w-0 grow truncate">{children}</span> | |
| 222 | <span className="sr-only">{about}</span> | |
| 223 | <SoonPill /> | |
| 224 | </div> | |
| 225 | </SidebarMenuButton> | |
| 226 | </Hint> | |
| 227 | </SidebarMenuItem> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 228 | ); |
| 229 | } | |
| 230 | ||
| 231 | /** | |
| 232 | * A page that is coming, as a link to its roadmap page: faint, with Soon, | |
| 233 | * and marked current on any of its section's Soon pages. | |
| 234 | */ | |
| 235 | function SidebarSoonLink({ | |
| 236 | to, | |
| 237 | also, | |
| 238 | icon, | |
| 239 | about, | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 240 | current: lit, |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 241 | children, |
| 242 | }: { | |
| 243 | to: string; | |
| 244 | also?: string[]; | |
| 245 | icon: ReactNode; | |
| 246 | about: string; | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 247 | /** Whether it is the current row, when the list works that out itself. */ |
| 248 | current?: boolean; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 249 | children: ReactNode; |
| 250 | }) { | |
| 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. | 251 | const { current, pending } = useRowState(to, { also, current: lit }); |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 252 | return ( |
| 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. | 253 | <SidebarMenuItem> |
| 254 | <Hint label={about} side="right"> | |
| 255 | <SidebarMenuButton asChild variant="faint" isActive={current} isPending={pending}> | |
| 256 | <Link to={to} prefetch="intent" aria-current={current ? "page" : undefined}> | |
| 257 | {icon} | |
| 258 | <span className="min-w-0 grow truncate">{children}</span> | |
| 259 | <SoonPill /> | |
| 260 | </Link> | |
| 261 | </SidebarMenuButton> | |
| 262 | </Hint> | |
| 263 | </SidebarMenuItem> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 264 | ); |
| 265 | } | |
| 266 | ||
| 267 | /** Icons for what spans projects. */ | |
| 268 | const WORKSPACE_ICONS: Record<string, ReactNode> = { | |
| 269 | board: <KanbanSquare size={15} />, | |
| 270 | roadmap: <GanttChart size={15} />, | |
| Packages, with a container registry on g1t.sh; workspaces deleted whole and kept 30 days; Members for every member | 271 | teams: <UsersRound size={15} />, |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 272 | packages: <Package size={15} />, |
| 273 | fleet: <Bot size={15} />, | |
| 274 | }; | |
| 275 | ||
| 276 | /** The Soon pages of a section, as paths, so its link is current on them. */ | |
| 277 | function soonPaths(base: string, section: RoadmapItem["section"]): string[] { | |
| 278 | return roadmapIn(section).map((item) => `${base}/soon/${item.key}`); | |
| 279 | } | |
| 280 | ||
| 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. | 281 | /** A titled group of rows: its name in small capitals, what it makes at the end, and its menu. */ |
| 282 | function NavGroup({ | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 283 | title, |
| 284 | action, | |
| 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. | 285 | className, |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 286 | children, |
| 287 | }: { | |
| 288 | title: string; | |
| The phone app: Chat in full with phone notifications, plus Code and Customize (#4) | 289 | /** A small button at the label's end, in its row: what the group makes (a `SidebarGroupAction` with `relative top-auto right-auto`). */ |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 290 | action?: ReactNode; |
| 291 | className?: string; | |
| 292 | children: ReactNode; | |
| 293 | }) { | |
| 294 | return ( | |
| 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. | 295 | <SidebarGroup className={className}> |
| The phone app: Chat in full with phone notifications, plus Code and Customize (#4) | 296 | <div className="flex items-center justify-between gap-2 pr-1"> |
| 297 | <SidebarGroupLabel asChild> | |
| 298 | <h2>{title}</h2> | |
| 299 | </SidebarGroupLabel> | |
| 300 | {action} | |
| 301 | </div> | |
| 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. | 302 | <SidebarGroupContent> |
| 303 | <SidebarMenu>{children}</SidebarMenu> | |
| 304 | </SidebarGroupContent> | |
| 305 | </SidebarGroup> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 306 | ); |
| 307 | } | |
| 308 | ||
| 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. | 309 | /** Rows with no name over them: the first of a list, or a run between rules. */ |
| 310 | function NavRows({ className, children }: { className?: string; children: ReactNode }) { | |
| 311 | return ( | |
| 312 | <SidebarGroup className={className}> | |
| 313 | <SidebarGroupContent> | |
| 314 | <SidebarMenu>{children}</SidebarMenu> | |
| 315 | </SidebarGroupContent> | |
| 316 | </SidebarGroup> | |
| 317 | ); | |
| 318 | } | |
| 319 | ||
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 320 | /** What a workspace is called where people read it: its display name, else its slug. */ |
| 321 | function displayName(membership: Membership): string { | |
| 322 | return membership.name?.trim() || membership.slug; | |
| 323 | } | |
| 324 | ||
| 325 | /** | |
| 326 | * The fine print, as one quiet row at the foot of the account menu and the | |
| 327 | * visitor's panel: each link a full-height target, left-aligned. In the | |
| 328 | * menu each is a menu item, so the arrow keys reach it. | |
| 329 | */ | |
| 330 | const LEGAL_LINKS: [string, string][] = [ | |
| 331 | ["Policies", "/policies"], | |
| 332 | ["Privacy", "/policies/privacy"], | |
| 333 | ["Security", "/security"], | |
| 334 | ]; | |
| 335 | const LEGAL_LINK = "flex h-7 items-center rounded px-1.5 text-xs text-faint outline-none transition-colors"; | |
| 336 | ||
| 337 | function MenuLegalRow() { | |
| 338 | return ( | |
| 339 | <div role="group" aria-label="Legal" className="flex items-center gap-0.5 px-0.5 pt-0.5"> | |
| 340 | {LEGAL_LINKS.map(([label, to], index) => ( | |
| 341 | <span key={to} className="flex items-center gap-0.5"> | |
| 342 | {index > 0 && ( | |
| 343 | <span aria-hidden="true" className="text-[0.625rem] text-line-strong"> | |
| 344 | · | |
| 345 | </span> | |
| 346 | )} | |
| 347 | <DropdownMenuItem asChild className={`${LEGAL_LINK} py-0 data-highlighted:bg-line data-highlighted:text-fg`}> | |
| 348 | <Link to={to}>{label}</Link> | |
| 349 | </DropdownMenuItem> | |
| 350 | </span> | |
| 351 | ))} | |
| 352 | </div> | |
| 353 | ); | |
| 354 | } | |
| 355 | ||
| 356 | /** Status's row: the live dot and two or three words, fetched when the menu opens. */ | |
| 357 | function StatusSummary({ open }: { open: boolean }) { | |
| 358 | const status = useSiteStatus(open); | |
| 359 | const words = statusTitle(status); | |
| 360 | return ( | |
| 361 | <span className="ml-auto flex min-w-0 items-center gap-1.5 pl-2 text-xs text-faint"> | |
| 362 | {/* The words say it; the dot's own words for screen readers would repeat them. */} | |
| 363 | <span aria-hidden="true" className="flex"> | |
| 364 | <StatusDot state={status?.overall.state ?? null} /> | |
| 365 | </span> | |
| 366 | {words ? <span className="truncate">{words}</span> : <Skeleton className="h-3 w-20" />} | |
| 367 | </span> | |
| 368 | ); | |
| 369 | } | |
| 370 | ||
| 371 | /** A menu row: an icon, words, and whatever sits at its end. */ | |
| 372 | const MENU_ROW = "h-9 gap-2.5 px-2.5 text-[0.8125rem]"; | |
| 373 | ||
| 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. | 374 | /** |
| 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. | 375 | * Your account, at the foot of the rail (or in the header, before you have |
| 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. | 376 | * a workspace): who you are and your status, your profile and settings, |
| 377 | * and help: the documentation, support, status and the keyboard's | |
| 378 | * shortcuts; then signing out and the fine print. | |
| 379 | */ | |
| 380 | function AccountMenu({ user, side = "right" }: { user: User; side?: "right" | "bottom" }) { | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 381 | const submit = useSubmit(); |
| 382 | const [open, setOpen] = useState(false); | |
| 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. | 383 | const [keys, setKeys] = useState(false); |
| preparing for cloud work | 384 | // Inside the desktop app there is nothing to get. |
| 385 | const inApp = useDesktopApp(); | |
| One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers | 386 | // Your status's dialog: outside the menu, so the menu closes behind it. |
| 387 | const [editing, setEditing] = useState(false); | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 388 | // Name, primary address and invites left: asked for once, as soon as the |
| 389 | // pointer or focus reaches the button, so they are there when it opens. | |
| 390 | const details = useFetcher<AccountMenuData | null>({ key: "account-menu" }); | |
| 391 | const prefetch = () => { | |
| 392 | if (details.state === "idle" && details.data === undefined) details.load("/settings/menu.json"); | |
| 393 | }; | |
| 394 | useEffect(() => { | |
| 395 | if (open) prefetch(); | |
| 396 | // eslint-disable-next-line react-hooks/exhaustive-deps | |
| 397 | }, [open]); | |
| 398 | const me = details.data ?? null; | |
| 399 | // Still on its way: shapes where the words will be, the same size. | |
| 400 | const loading = details.data === undefined && details.state !== "idle"; | |
| Merge two kinds of invite, kept apart: an invite to g1t (Settings, invite-only only, no workspace unless asked) and an invitation to a workspace (its People page) | 401 | // While anyone can sign up, listed once the data says there are invites to look back on. |
| 402 | const invitesListed = useInviteOnly() || me?.invites_page === true; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 403 | const profile = `/u/${user.username}`; |
| 404 | return ( | |
| One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers | 405 | <> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 406 | <DropdownMenu open={open} onOpenChange={setOpen}> |
| 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. | 407 | {/* The avatar alone, with a dot that says how others see you (components/presence.tsx). */} |
| 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. | 408 | <Hint label={side === "right" ? "Your account" : undefined} side="right"> |
| 409 | <DropdownMenuTrigger | |
| 410 | aria-label={`Account menu for ${shownUsername(user)}`} | |
| 411 | onPointerEnter={prefetch} | |
| 412 | onFocus={prefetch} | |
| 413 | className={ | |
| 414 | side === "right" | |
| 415 | ? // At the foot of the rail: a 40px rounded square, as the rail's icons are. | |
| 416 | "relative flex size-10 items-center justify-center rounded-[10px] outline-none transition-colors hover:bg-sidebar-accent focus-visible:ring-2 focus-visible:ring-accent data-[state=open]:bg-sidebar-accent" | |
| 417 | : "relative flex rounded-full outline-none transition-transform hover:scale-[1.04] focus-visible:ring-2 focus-visible:ring-accent data-[state=open]:ring-2 data-[state=open]:ring-line-strong" | |
| 418 | } | |
| 419 | > | |
| 420 | <Avatar name={user.username} image={user.avatar} size={side === "right" ? 40 : 28} square={side === "right"} /> | |
| 421 | <OwnPresenceDot ring={side === "right" ? "var(--color-rail)" : "var(--color-bg)"} className={side === "right" ? "absolute -right-1 -bottom-1" : "absolute -right-0.5 -bottom-0.5"} /> | |
| 422 | </DropdownMenuTrigger> | |
| 423 | </Hint> | |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 424 | <DropdownMenuContent align="end" side={side} sideOffset={side === "right" ? 14 : 6} collisionPadding={8} className="w-70 p-1.5"> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 425 | {/* Who is signed in, and a way to their profile. */} |
| 426 | <DropdownMenuItem asChild className="gap-3 px-2 py-2"> | |
| One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers | 427 | <Link to={profile} aria-label={`${me?.name ?? shownUsername(user)} (@${shownUsername(user)}), your profile`}> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 428 | <Avatar name={user.username} image={user.avatar} size={36} /> |
| 429 | <span className="flex min-w-0 grow flex-col leading-tight" aria-busy={loading}> | |
| 430 | {loading ? ( | |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 431 | <Skeleton className="my-0.75 h-3.5 w-28" /> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 432 | ) : ( |
| One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers | 433 | <span className="truncate text-sm font-medium text-fg">{me?.name ?? shownUsername(user)}</span> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 434 | )} |
| One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers | 435 | <span className="truncate font-mono text-xs text-muted">@{shownUsername(user)}</span> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 436 | {loading ? ( |
| 437 | <Skeleton className="mt-1 h-3 w-40" /> | |
| 438 | ) : ( | |
| 439 | me?.email && <span className="mt-0.5 truncate text-xs text-faint">{me.email}</span> | |
| 440 | )} | |
| 441 | </span> | |
| 442 | </Link> | |
| 443 | </DropdownMenuItem> | |
| 444 | <DropdownMenuSeparator className="my-1.5" /> | |
| One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers | 445 | {/* Your status, away, and pausing notifications. */} |
| 446 | <DropdownMenuGroup> | |
| 447 | <OwnPresenceItems className="min-h-9 py-1.5 text-[0.8125rem]" onEdit={() => setEditing(true)} /> | |
| 448 | </DropdownMenuGroup> | |
| 449 | <DropdownMenuSeparator className="my-1.5" /> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 450 | <DropdownMenuGroup> |
| 451 | <DropdownMenuItem asChild className={MENU_ROW}> | |
| 452 | <Link to={profile}> | |
| 453 | <CircleUserRound /> | |
| 454 | Your profile | |
| 455 | </Link> | |
| 456 | </DropdownMenuItem> | |
| 457 | <DropdownMenuItem asChild className={MENU_ROW}> | |
| 458 | <Link to={FIRST_SETTINGS_PAGE}> | |
| 459 | <Settings /> | |
| 460 | Your settings | |
| 461 | </Link> | |
| 462 | </DropdownMenuItem> | |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 463 | {/* The app's own: starting with the computer, closing to the tray, the badge (apps/desktop). */} |
| 464 | {inApp && desktopBridge()?.openSettings && ( | |
| 465 | <DropdownMenuItem className={MENU_ROW} onSelect={() => desktopBridge()?.openSettings?.()}> | |
| 466 | <MonitorCog /> | |
| 467 | Desktop app settings | |
| 468 | </DropdownMenuItem> | |
| 469 | )} | |
| Merge two kinds of invite, kept apart: an invite to g1t (Settings, invite-only only, no workspace unless asked) and an invitation to a workspace (its People page) | 470 | {invitesListed && ( |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 471 | <DropdownMenuItem asChild className={MENU_ROW}> |
| 472 | <Link to="/settings/invites"> | |
| 473 | <Ticket /> | |
| Merge two kinds of invite, kept apart: an invite to g1t (Settings, invite-only only, no workspace unless asked) and an invitation to a workspace (its People page) | 474 | {ACCOUNT_SETTINGS.invites.title} |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 475 | {loading && <Skeleton className="ml-auto h-4 w-12 rounded-full" />} |
| 476 | {me?.invites_left != null && ( | |
| 477 | <span className="ml-auto rounded-full bg-line px-1.5 text-[0.6875rem] tabular-nums text-muted"> | |
| 478 | {me.invites_left} left | |
| 479 | </span> | |
| 480 | )} | |
| 481 | </Link> | |
| 482 | </DropdownMenuItem> | |
| Merge two kinds of invite, kept apart: an invite to g1t (Settings, invite-only only, no workspace unless asked) and an invitation to a workspace (its People page) | 483 | )} |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 484 | </DropdownMenuGroup> |
| 485 | <DropdownMenuSeparator className="my-1.5" /> | |
| 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. | 486 | {/* Auto, Light or Dark, switched in place (lib/theme.ts). */} |
| 487 | <ThemeMenuSwitch /> | |
| 488 | <DropdownMenuSeparator className="my-1.5" /> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 489 | <DropdownMenuGroup> |
| 490 | <DropdownMenuItem asChild className={MENU_ROW}> | |
| 491 | <a href="https://docs.g1t.sh/"> | |
| 492 | <BookOpen /> | |
| 493 | Documentation | |
| 494 | </a> | |
| 495 | </DropdownMenuItem> | |
| 496 | <DropdownMenuItem asChild className={MENU_ROW}> | |
| 497 | <Link to="/support"> | |
| 498 | <LifeBuoy /> | |
| 499 | Support | |
| 500 | </Link> | |
| 501 | </DropdownMenuItem> | |
| 502 | <DropdownMenuItem asChild className={MENU_ROW}> | |
| 503 | <a href={STATUS_URL}> | |
| 504 | <Activity /> | |
| 505 | Status | |
| 506 | <StatusSummary open={open} /> | |
| 507 | </a> | |
| 508 | </DropdownMenuItem> | |
| 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. | 509 | <DropdownMenuItem className={MENU_ROW} onSelect={() => setKeys(true)}> |
| 510 | <Keyboard /> | |
| 511 | Keyboard shortcuts | |
| 512 | <PaletteKey className="ml-auto font-sans text-xs text-faint" /> | |
| 513 | </DropdownMenuItem> | |
| preparing for cloud work | 514 | {!inApp && ( |
| 515 | <DropdownMenuItem asChild className={MENU_ROW}> | |
| 516 | <Link to="/download"> | |
| 517 | <MonitorDown /> | |
| 518 | Get the desktop app | |
| 519 | </Link> | |
| 520 | </DropdownMenuItem> | |
| 521 | )} | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 522 | </DropdownMenuGroup> |
| 523 | <DropdownMenuSeparator className="my-1.5" /> | |
| 524 | {/* Submitted from here: the menu closes on select, and a button | |
| 525 | that has left the page cannot submit a form. */} | |
| 526 | <DropdownMenuItem className={MENU_ROW} onSelect={() => submit(null, { method: "post", action: "/logout" })}> | |
| 527 | <LogOut /> | |
| 528 | Sign out | |
| 529 | </DropdownMenuItem> | |
| 530 | <DropdownMenuSeparator className="my-1.5" /> | |
| 531 | <MenuLegalRow /> | |
| 532 | </DropdownMenuContent> | |
| 533 | </DropdownMenu> | |
| One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers | 534 | <StatusDialog open={editing} onOpenChange={setEditing} /> |
| 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. | 535 | <ShortcutsDialog open={keys} onOpenChange={setKeys} /> |
| One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers | 536 | </> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 537 | ); |
| 538 | } | |
| 539 | ||
| 540 | /** A project's settings pages, which the project's menu drills into. */ | |
| 541 | const REPO_SETTINGS_PAGE = /^\/([^/]+)\/([^/-][^/]*)\/settings(\/|$)/; | |
| 542 | ||
| 543 | /** | |
| 544 | * The sidebar's lists are a stack, the way a phone pushes a screen: one | |
| 545 | * drilled into slides in from the right over the full width, while the one | |
| 546 | * it covers drifts a quarter of the way left and fades, both on one long | |
| 547 | * ease-out, the fade quicker than the move so the two never blur together. | |
| 548 | * Going back reverses it. | |
| 549 | */ | |
| 550 | const LAYER = | |
| 551 | "absolute inset-0 [transition:translate_380ms_cubic-bezier(0.32,0.72,0,1),opacity_220ms_ease-out] will-change-[translate,opacity] motion-reduce:transition-none"; | |
| 552 | /** One list, filling its layer. */ | |
| 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. | 553 | const PANEL = "h-full overflow-y-auto px-1 pt-1 pb-4 [scrollbar-width:thin]"; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 554 | |
| 555 | /** One list in the stack: what it is, and its rows. */ | |
| 556 | type Level = { key: string; node: ReactNode }; | |
| 557 | ||
| 558 | /** True once the page has hydrated, so what the server drew never animates in. */ | |
| 559 | function useHydrated(): boolean { | |
| 560 | const [hydrated, setHydrated] = useState(false); | |
| 561 | useEffect(() => setHydrated(true), []); | |
| 562 | return hydrated; | |
| 563 | } | |
| 564 | ||
| 565 | /** | |
| 566 | * Drilling in and out of the sidebar's lists. `trail` is the way from the | |
| 567 | * main list to the one shown, worked out from the address, so a link | |
| 568 | * straight to a settings page opens the sidebar already drilled in, and | |
| 569 | * leaving it comes back out. Lists deeper than the one shown stay in | |
| 570 | * place, off to the right, so going back slides them away rather than | |
| 571 | * dropping them. Moving to a list at the same depth (a workspace's settings | |
| 572 | * to a project) fades the new one in where it is. | |
| 573 | */ | |
| 574 | function Drill({ trail }: { trail: Level[] }) { | |
| 575 | const depth = trail.length - 1; | |
| 576 | const hydrated = useHydrated(); | |
| 577 | const stack = useRef<Level[]>(trail); | |
| 578 | const before = stack.current; | |
| 579 | const within = trail.every((level, index) => before[index]?.key === level.key); | |
| 580 | stack.current = within ? [...trail, ...before.slice(trail.length)] : trail; | |
| 581 | const levels = stack.current; | |
| 582 | // What was showing last time, to tell drilling in from moving across. | |
| 583 | const shown = useRef({ depth, keys: levels.map((level) => level.key) }); | |
| 584 | useEffect(() => { | |
| 585 | shown.current = { depth, keys: levels.map((level) => level.key) }; | |
| 586 | }); | |
| 587 | return ( | |
| 588 | <div className="relative min-h-0 grow overflow-hidden"> | |
| 589 | {levels.map((level, index) => { | |
| 590 | const current = index === depth; | |
| 591 | const place = | |
| 592 | index < depth | |
| 593 | ? "pointer-events-none -translate-x-1/4 opacity-0" | |
| 594 | : current | |
| 595 | ? "translate-x-0 opacity-100" | |
| 596 | : "pointer-events-none translate-x-full opacity-0"; | |
| 597 | // A list that was not there before arrives: from the right when | |
| 598 | // drilling in, in place when moving across. | |
| 599 | const arriving = hydrated && current && !shown.current.keys.includes(level.key); | |
| 600 | const enter = arriving | |
| 601 | ? depth > shown.current.depth | |
| 602 | ? "starting:translate-x-full starting:opacity-0" | |
| 603 | : "starting:opacity-0" | |
| 604 | : ""; | |
| 605 | return ( | |
| 606 | <div key={level.key} className={`${LAYER} ${place} ${enter}`} inert={!current} aria-hidden={!current || undefined}> | |
| 607 | {level.node} | |
| 608 | </div> | |
| 609 | ); | |
| 610 | })} | |
| 611 | </div> | |
| 612 | ); | |
| 613 | } | |
| 614 | ||
| 615 | /** | |
| 616 | * The row at the top of a list drilled into: the list's name, which goes | |
| 617 | * back out, and what it belongs to, faint at the end. | |
| 618 | */ | |
| 619 | function BackRow({ to, label, context }: { to: string; label: ReactNode; context?: ReactNode }) { | |
| 620 | return ( | |
| 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. | 621 | <NavRows className="mt-1"> |
| 622 | <SidebarMenuItem> | |
| 623 | <SidebarMenuButton asChild className="gap-1.5 pl-1 font-medium text-fg"> | |
| 624 | <Link to={to} prefetch="intent"> | |
| 625 | <ChevronLeft className="text-faint transition-transform group-hover/menu-button:-translate-x-0.5 group-hover/menu-button:text-muted" /> | |
| 626 | <span className="min-w-0 shrink-0 truncate">{label}</span> | |
| 627 | {context && <span className="ml-auto min-w-0 truncate pl-2 font-mono text-[0.6875rem] font-normal text-faint">{context}</span>} | |
| 628 | </Link> | |
| 629 | </SidebarMenuButton> | |
| 630 | </SidebarMenuItem> | |
| 631 | </NavRows> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 632 | ); |
| 633 | } | |
| 634 | ||
| 635 | /** A thin rule between groups of a list. */ | |
| 636 | function Rule() { | |
| 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. | 637 | return <SidebarSeparator className="my-1.5" />; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 638 | } |
| 639 | ||
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 640 | /** A quiet heading inside a group: Pinned, Recent. */ |
| 641 | function SidebarSubhead({ children }: { children: ReactNode }) { | |
| 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. | 642 | return ( |
| 643 | <SidebarGroupLabel asChild className="h-6 pt-0.5"> | |
| 644 | <h3>{children}</h3> | |
| 645 | </SidebarGroupLabel> | |
| 646 | ); | |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 647 | } |
| 648 | ||
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 649 | /** |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 650 | * The workspace's projects as the sidebar keeps them, however many there |
| 651 | * are: the person's pins in their order, what they opened last, and the | |
| 652 | * way to all of them. Pins move by dragging, or with Alt and the arrow | |
| 653 | * keys; the projects service keeps the order. | |
| 654 | */ | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 655 | function SidebarProjects({ slug, shell, current }: { slug: string; shell: ShellData; current: boolean }) { |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 656 | const reorder = useFetcher({ key: `pins:${slug}` }); |
| 657 | const saved = shell.pinned ?? []; | |
| 658 | // While a new order is on its way, it shows as made. | |
| 659 | const asked = reorder.formData?.get("intent") === "reorder" ? reorder.formData.getAll("slug").map(String) : null; | |
| 660 | const pinned = asked | |
| 661 | ? asked.map((name) => saved.find((project) => project.name === name)).filter((project): project is ShortcutProject => project != null) | |
| 662 | : saved; | |
| 663 | const active = shell.repo ? { namespace: shell.repo.namespace, name: shell.repo.name, isPrivate: false } : null; | |
| 664 | const recent = recentWith(shell.recent ?? [], pinned, active, slug); | |
| 665 | const [dragging, setDragging] = useState<number | null>(null); | |
| 666 | const move = (from: number, by: number) => { | |
| 667 | const next = movedPin(pinned, from, by); | |
| 668 | if (!next) return; | |
| 669 | const form = new FormData(); | |
| 670 | form.set("intent", "reorder"); | |
| 671 | for (const project of next) form.append("slug", project.name); | |
| 672 | reorder.submit(form, { method: "post", action: `/${slug}/-/pins` }); | |
| 673 | }; | |
| Previews build from any branch; Agent in place of Ask AI; pin from the sidebar | 674 | // Each row pins or unpins in place: the pin shows on hover or focus, and |
| 675 | // stays shown on a pinned row's hover so it reads as "unpin". | |
| 676 | const row = (project: ShortcutProject, isPinned: boolean) => ( | |
| 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. | 677 | <SidebarLink |
| 678 | to={`/${project.namespace}/${project.name}`} | |
| 679 | icon={project.isPrivate ? <Lock /> : <Box />} | |
| 680 | bare={isPinned} | |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 681 | action={ |
| A project's pin sits at the end of its row in the sidebar, and shows only on hover or keyboard focus. It was set in from the end to leave room for a chevron that only showed on hover, and it stayed lit after a click, since it showed on any focus and a clicked button keeps the mouse's. The rows drop the chevron; the pin is their hover action. | 682 | // At the row's end, where the row's other actions sit, and only on |
| 683 | // hover or keyboard focus: a pin clicked keeps the mouse's focus, | |
| 684 | // and showing it on any focus left it lit on a row no one was over. | |
| 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. | 685 | <PinButton |
| 686 | workspace={slug} | |
| 687 | slug={project.name} | |
| 688 | name={project.title ?? project.name} | |
| 689 | pinned={isPinned} | |
| 690 | small | |
| A project's pin sits at the end of its row in the sidebar, and shows only on hover or keyboard focus. It was set in from the end to leave room for a chevron that only showed on hover, and it stayed lit after a click, since it showed on any focus and a clicked button keeps the mouse's. The rows drop the chevron; the pin is their hover action. | 691 | className="absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-hover/menu-item:opacity-100 has-focus-visible:opacity-100 [@media(hover:none)]:opacity-100" |
| 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. | 692 | /> |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 693 | } |
| 694 | > | |
| 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. | 695 | {project.title ?? project.name} |
| 696 | </SidebarLink> | |
| 697 | ); | |
| 698 | return ( | |
| 699 | <SidebarGroup> | |
| The phone app: Chat in full with phone notifications, plus Code and Customize (#4) | 700 | {/* The label and its button share a row, so the button stays level with the words at any text size. */} |
| 701 | <div className="flex items-center justify-between gap-2 pr-1"> | |
| 702 | <SidebarGroupLabel asChild> | |
| 703 | <h2>Projects</h2> | |
| 704 | </SidebarGroupLabel> | |
| 705 | <Hint label="New project"> | |
| 706 | <SidebarGroupAction asChild className="relative top-auto right-auto"> | |
| 707 | <Link to="/new" aria-label="New project"> | |
| 708 | <Plus /> | |
| 709 | </Link> | |
| 710 | </SidebarGroupAction> | |
| 711 | </Hint> | |
| 712 | </div> | |
| 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. | 713 | <SidebarGroupContent> |
| Previews build from any branch; Agent in place of Ask AI; pin from the sidebar | 714 | {/* Only there once something is pinned: each row below has its own pin. */} |
| 715 | {pinned.length > 0 && ( | |
| 716 | <> | |
| 717 | <SidebarSubhead>Pinned</SidebarSubhead> | |
| 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. | 718 | <SidebarMenu aria-label="Pinned projects"> |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 719 | {pinned.map((project, index) => ( |
| 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. | 720 | <SidebarMenuItem |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 721 | key={project.name} |
| 722 | draggable={pinned.length > 1} | |
| 723 | onDragStart={(event) => { | |
| 724 | setDragging(index); | |
| 725 | event.dataTransfer.effectAllowed = "move"; | |
| 726 | }} | |
| 727 | onDragOver={(event) => { | |
| 728 | if (dragging != null) event.preventDefault(); | |
| 729 | }} | |
| 730 | onDrop={(event) => { | |
| 731 | event.preventDefault(); | |
| 732 | if (dragging != null && dragging !== index) move(dragging, index - dragging); | |
| 733 | setDragging(null); | |
| 734 | }} | |
| 735 | onDragEnd={() => setDragging(null)} | |
| 736 | onKeyDown={(event) => { | |
| 737 | if (!event.altKey || (event.key !== "ArrowUp" && event.key !== "ArrowDown")) return; | |
| 738 | event.preventDefault(); | |
| 739 | move(index, event.key === "ArrowUp" ? -1 : 1); | |
| 740 | }} | |
| 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. | 741 | className={`group/pin ${dragging === index ? "opacity-50" : ""}`} |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 742 | > |
| Previews build from any branch; Agent in place of Ask AI; pin from the sidebar | 743 | {row(project, true)} |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 744 | {pinned.length > 1 && ( |
| Merge branch 'worktree-agent-ae1299e92e4462012' | 745 | <Hint label="Drag, or Alt and an arrow key, to reorder" side="right"> |
| 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. | 746 | <span className="absolute top-1/2 -left-2 -translate-y-1/2 cursor-grab text-faint opacity-0 transition-opacity group-hover/pin:opacity-100"> |
| Merge branch 'worktree-agent-ae1299e92e4462012' | 747 | <GripVertical size={12} aria-hidden="true" /> |
| 748 | </span> | |
| 749 | </Hint> | |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 750 | )} |
| 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. | 751 | </SidebarMenuItem> |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 752 | ))} |
| 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. | 753 | </SidebarMenu> |
| Previews build from any branch; Agent in place of Ask AI; pin from the sidebar | 754 | </> |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 755 | )} |
| 756 | {recent.length > 0 && ( | |
| 757 | <> | |
| 758 | <SidebarSubhead>Recent</SidebarSubhead> | |
| 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. | 759 | <SidebarMenu aria-label="Recent projects"> |
| 760 | {recent.map((project) => ( | |
| 761 | <Fragment key={`${project.namespace}/${project.name}`}>{row(project, false)}</Fragment> | |
| 762 | ))} | |
| 763 | </SidebarMenu> | |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 764 | </> |
| 765 | )} | |
| 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. | 766 | <SidebarMenu className="pt-1"> |
| 767 | <SidebarLink to={`/${slug}/-/projects`} icon={<LayoutGrid />} count={shell.repos.length} current={current}> | |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 768 | All projects |
| 769 | </SidebarLink> | |
| 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. | 770 | </SidebarMenu> |
| 771 | </SidebarGroupContent> | |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 772 | </SidebarGroup> |
| 773 | ); | |
| 774 | } | |
| 775 | ||
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 776 | /** Insights, coming: the workspace's own page says what it will be. */ |
| 777 | const INSIGHTS = roadmapItem("insights"); | |
| 778 | ||
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 779 | /** |
| 780 | * What the repository menu needs. Known from the address before the page's | |
| 781 | * data arrives, so the menu is right from the first frame; the counts fill | |
| 782 | * in once it does. | |
| 783 | */ | |
| 784 | type MenuRepo = { | |
| 785 | namespace: string; | |
| 786 | name: string; | |
| 787 | member: boolean; | |
| 788 | /** Whether they see its settings; from the repository's page once it loads. */ | |
| 789 | settings?: boolean; | |
| 790 | /** What they may do there, once the repository's page loads. */ | |
| 791 | can?: Abilities; | |
| A desktop release goes out with what can be built. Linux is built on g1t's machines in every release; Windows and macOS each wait on a repository variable: a machine registered for them, or for Windows a cross build on Linux once aka.ms and download.visualstudio.microsoft.com are workflow-only domains, which is where the first release stopped. A platform with no machine is skipped and the download page says it is coming, with a word for the visitor whose platform this release lacks. The guide and CONTRIBUTING say so. | 792 | /** The remote it mirrors, once the repository's page loads: a mirror lists only what it offers. */ |
| 793 | mirror?: RepoMirror | null; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 794 | issues?: number; |
| 795 | pulls?: number; | |
| 796 | }; | |
| 797 | ||
| 798 | function sameRepo(a: { namespace: string; name: string } | null, b: { namespace: string; name: string } | null) { | |
| 799 | return ( | |
| 800 | a != null && | |
| 801 | b != null && | |
| 802 | a.namespace.toLowerCase() === b.namespace.toLowerCase() && | |
| 803 | a.name.toLowerCase() === b.name.toLowerCase() | |
| 804 | ); | |
| 805 | } | |
| 806 | ||
| 807 | /** | |
| 808 | * A project's own list, drilled into while you are in it: everything about | |
| 809 | * the project, running and its code, and nothing else, with the way back | |
| 810 | * out to all of them. | |
| 811 | */ | |
| 812 | function RepoMenu({ | |
| 813 | repo, | |
| 814 | isPrivate, | |
| 815 | back, | |
| 816 | }: { | |
| 817 | repo: MenuRepo; | |
| 818 | isPrivate: boolean; | |
| 819 | /** Where the way back leads: the workspace's projects, mission control, or Explore. */ | |
| 820 | back: { to: string; label: string }; | |
| 821 | }) { | |
| 822 | const base = `/${repo.namespace}/${repo.name}`; | |
| A desktop release goes out with what can be built. Linux is built on g1t's machines in every release; Windows and macOS each wait on a repository variable: a machine registered for them, or for Windows a cross build on Linux once aka.ms and download.visualstudio.microsoft.com are workflow-only domains, which is where the first release stopped. A platform with no machine is skipped and the download page says it is coming, with a word for the visitor whose platform this release lacks. The guide and CONTRIBUTING say so. | 823 | // What a member sees, what everyone who can see the project does, and |
| 824 | // what a mirror offers now (lib/chrome.ts). | |
| 825 | const shows = new Set(projectPages(repo.member, repo.can, repo.mirror)); | |
| 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. | 826 | const { current: atOverview, pending: toOverview } = useRowState(base, { end: true }); |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 827 | return ( |
| 828 | <nav aria-label={`${repo.namespace}/${repo.name}`} className={PANEL}> | |
| 829 | <BackRow to={back.to} label={back.label} /> | |
| 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. | 830 | <NavRows className="mt-1"> |
| 831 | <SidebarMenuItem> | |
| 832 | <Hint label="Overview" side="right"> | |
| 833 | <SidebarMenuButton asChild size="lg" isActive={atOverview} isPending={toOverview} className="gap-2 font-normal"> | |
| 834 | <Link to={base} prefetch="intent" aria-current={atOverview ? "page" : undefined}> | |
| 835 | <span className="flex size-6 shrink-0 items-center justify-center rounded-md bg-raised text-muted ring-1 ring-line [&>svg]:size-3.5"> | |
| 836 | {isPrivate ? <Lock /> : <Box />} | |
| 837 | </span> | |
| 838 | <span className="min-w-0 truncate font-mono text-[0.8125rem]"> | |
| 839 | <span className="text-faint">{repo.namespace}/</span> | |
| 840 | <span className="font-semibold text-fg">{repo.name}</span> | |
| 841 | </span> | |
| 842 | </Link> | |
| 843 | </SidebarMenuButton> | |
| 844 | </Hint> | |
| 845 | </SidebarMenuItem> | |
| 846 | </NavRows> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 847 | {/* A project's pages, in the order people use them. A page with more |
| 848 | than one view shows them as tabs across its top. */} | |
| 849 | <Rule /> | |
| 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. | 850 | <NavRows> |
| Compare: any two branches, the commits one has that the other does not, and the diff, with Open a pull request | 851 | <SidebarLink to={`${base}/code`} also={[`${base}/tree`, `${base}/blob`, `${base}/commits`, `${base}/commit`, `${base}/branches`, `${base}/tags`, `${base}/compare`, ...soonPaths(base, "Code")]} icon={<Code2 size={15} />}> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 852 | Code |
| 853 | </SidebarLink> | |
| A desktop release goes out with what can be built. Linux is built on g1t's machines in every release; Windows and macOS each wait on a repository variable: a machine registered for them, or for Windows a cross build on Linux once aka.ms and download.visualstudio.microsoft.com are workflow-only domains, which is where the first release stopped. A platform with no machine is skipped and the download page says it is coming, with a word for the visitor whose platform this release lacks. The guide and CONTRIBUTING say so. | 854 | {/* A mirror that is not taken over lists none of these: its work happens on the remote. */} |
| 855 | {shows.has("issues") && ( | |
| 856 | <SidebarLink to={`${base}/issues`} also={[`${base}/plans`, `${base}/milestones`, `${base}/labels`, ...soonPaths(base, "Issues")]} icon={<CircleDot size={15} />} count={repo.issues}> | |
| 857 | Issues | |
| 858 | </SidebarLink> | |
| 859 | )} | |
| 860 | {shows.has("pulls") && ( | |
| 861 | <SidebarLink to={`${base}/pulls`} also={[`${base}/pull`, `${base}/queue`]} icon={<GitPullRequest size={15} />} count={repo.pulls}> | |
| 862 | Pull requests | |
| 863 | </SidebarLink> | |
| 864 | )} | |
| 865 | {shows.has("agents") && ( | |
| 866 | <SidebarLink to={`${base}/agents`} also={[`${base}/sessions`, `${base}/memory`, ...soonPaths(base, "Agents")]} icon={<Bot size={15} />}> | |
| 867 | Agents | |
| 868 | </SidebarLink> | |
| 869 | )} | |
| 870 | {shows.has("actions") && ( | |
| 871 | <SidebarLink to={`${base}/actions`} icon={<PlayCircle size={15} />}> | |
| 872 | Workflows | |
| 873 | </SidebarLink> | |
| 874 | )} | |
| 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. | 875 | </NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 876 | <Rule /> |
| 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. | 877 | <NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 878 | {shows.has("deployments") ? ( |
| 879 | <SidebarLink to={`${base}/deployments`} also={soonPaths(base, "Deployments")} icon={<Rocket size={15} />}> | |
| 880 | Deployments | |
| 881 | </SidebarLink> | |
| 882 | ) : null} | |
| A desktop release goes out with what can be built. Linux is built on g1t's machines in every release; Windows and macOS each wait on a repository variable: a machine registered for them, or for Windows a cross build on Linux once aka.ms and download.visualstudio.microsoft.com are workflow-only domains, which is where the first release stopped. A platform with no machine is skipped and the download page says it is coming, with a word for the visitor whose platform this release lacks. The guide and CONTRIBUTING say so. | 883 | {shows.has("observability") && ( |
| Projects have Observability: their requests, logs, traces, metrics and errors, from apps on g1t.page with nothing to set up, and from software anywhere else over OpenTelemetry. | 884 | <SidebarLink to={`${base}/observability`} also={soonPaths(base, "Observability")} icon={<Activity size={15} />}> |
| A desktop release goes out with what can be built. Linux is built on g1t's machines in every release; Windows and macOS each wait on a repository variable: a machine registered for them, or for Windows a cross build on Linux once aka.ms and download.visualstudio.microsoft.com are workflow-only domains, which is where the first release stopped. A platform with no machine is skipped and the download page says it is coming, with a word for the visitor whose platform this release lacks. The guide and CONTRIBUTING say so. | 885 | Observability |
| Projects have Observability: their requests, logs, traces, metrics and errors, from apps on g1t.page with nothing to set up, and from software anywhere else over OpenTelemetry. | 886 | </SidebarLink> |
| A desktop release goes out with what can be built. Linux is built on g1t's machines in every release; Windows and macOS each wait on a repository variable: a machine registered for them, or for Windows a cross build on Linux once aka.ms and download.visualstudio.microsoft.com are workflow-only domains, which is where the first release stopped. A platform with no machine is skipped and the download page says it is coming, with a word for the visitor whose platform this release lacks. The guide and CONTRIBUTING say so. | 887 | )} |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 888 | {shows.has("security") ? ( |
| 889 | <SidebarLink to={`${base}/security`} also={soonPaths(base, "Security")} icon={<ShieldCheck size={15} />}> | |
| 890 | Security | |
| 891 | </SidebarLink> | |
| 892 | ) : null} | |
| Merge branch 'main' into worktree-agent-a69aeabc4b0deeb97 | 893 | <SidebarLink |
| 894 | to={`${base}/contributors`} | |
| 895 | also={[`${base}/activity`, `${base}/stargazers`, ...soonPaths(base, "Insights")]} | |
| 896 | icon={<BarChart3 size={15} />} | |
| 897 | > | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 898 | Insights |
| Merge branch 'main' into worktree-agent-a69aeabc4b0deeb97 | 899 | </SidebarLink> |
| 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. | 900 | </NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 901 | {(repo.settings ?? shows.has("settings")) && ( |
| 902 | <> | |
| 903 | <Rule /> | |
| 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. | 904 | <NavRows> |
| 905 | <SidebarLink to={`${base}/settings`} icon={<Settings size={15} />} drill> | |
| 906 | Settings | |
| 907 | </SidebarLink> | |
| 908 | </NavRows> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 909 | </> |
| 910 | )} | |
| 911 | </nav> | |
| 912 | ); | |
| 913 | } | |
| 914 | ||
| 915 | /** | |
| 916 | * A project's settings, drilled into from its list: what is about running | |
| 917 | * it, then its agents, then its code and who can reach it. The way back | |
| 918 | * leads to the project. | |
| 919 | */ | |
| 920 | function RepoSettingsMenu({ repo }: { repo: MenuRepo }) { | |
| 921 | const base = `/${repo.namespace}/${repo.name}`; | |
| 922 | // Each page shows to the roles that can use it, once the role is known. | |
| 923 | const shows = (page: string) => !repo.can || repo.can[SETTINGS_CAPABILITY[page] ?? "administer"]; | |
| 924 | const running = shows("deployments"); | |
| 925 | const agents = shows("agents") || shows("guardrails"); | |
| 926 | return ( | |
| 927 | <nav aria-label={`${repo.namespace}/${repo.name} settings`} className={PANEL}> | |
| 928 | <BackRow to={base} label="Settings" context={`${repo.namespace}/${repo.name}`} /> | |
| 929 | {shows("") && ( | |
| 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. | 930 | <NavRows className="mt-2"> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 931 | <SidebarLink to={`${base}/settings`} end icon={<Settings size={15} />}> |
| 932 | General | |
| 933 | </SidebarLink> | |
| 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. | 934 | </NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 935 | )} |
| 936 | {running && ( | |
| 937 | <> | |
| 938 | {shows("") && <Rule />} | |
| 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. | 939 | <NavRows className={shows("") ? undefined : "mt-2"}> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 940 | <SidebarLink to={`${base}/settings/deployments`} icon={<Rocket size={15} />}> |
| 941 | Deployments | |
| 942 | </SidebarLink> | |
| 943 | <SidebarLink to={`${base}/settings/domains`} icon={<Globe size={15} />}> | |
| 944 | Domains | |
| 945 | </SidebarLink> | |
| 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. | 946 | </NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 947 | </> |
| 948 | )} | |
| 949 | {agents && ( | |
| 950 | <> | |
| 951 | <Rule /> | |
| 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. | 952 | <NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 953 | {shows("agents") && ( |
| 954 | <SidebarLink to={`${base}/settings/agents`} icon={<Bot size={15} />}> | |
| 955 | Agents | |
| 956 | </SidebarLink> | |
| 957 | )} | |
| 958 | {shows("guardrails") && ( | |
| 959 | <SidebarLink to={`${base}/settings/guardrails`} icon={<ShieldCheck size={15} />}> | |
| 960 | Guardrails | |
| 961 | </SidebarLink> | |
| 962 | )} | |
| 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. | 963 | </NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 964 | </> |
| 965 | )} | |
| 966 | <Rule /> | |
| 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. | 967 | <NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 968 | {shows("repository") && ( |
| 969 | <SidebarLink to={`${base}/settings/repository`} icon={<BookMarked size={15} />}> | |
| 970 | Repository | |
| 971 | </SidebarLink> | |
| 972 | )} | |
| Merge branch 'mirroring' into artifacts-mode | 973 | {shows("mirroring") && ( |
| 974 | <SidebarLink to={`${base}/settings/mirroring`} icon={<ArrowLeftRight size={15} />}> | |
| 975 | Mirroring | |
| 976 | </SidebarLink> | |
| 977 | )} | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 978 | {shows("access") && ( |
| 979 | <SidebarLink to={`${base}/settings/access`} icon={<Users size={15} />}> | |
| 980 | Access | |
| 981 | </SidebarLink> | |
| 982 | )} | |
| Merge branch 'worktree-agent-a5a5de74d8863d554' into worktree-agent-a16631325aecf58ca | 983 | {shows("keys") && ( |
| 984 | <SidebarLink to={`${base}/settings/keys`} icon={<KeyRound size={15} />}> | |
| 985 | Deploy keys | |
| 986 | </SidebarLink> | |
| 987 | )} | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 988 | {shows("branches") && ( |
| 989 | <SidebarLink to={`${base}/settings/branches`} icon={<GitBranch size={15} />}> | |
| 990 | Branches and merging | |
| 991 | </SidebarLink> | |
| 992 | )} | |
| Merge rulesets: branch and tag rules, agent-first, enforced on push and merge | 993 | {shows("rules") && ( |
| 994 | <SidebarLink to={`${base}/settings/rules`} icon={<Scale size={15} />}> | |
| 995 | Rules | |
| 996 | </SidebarLink> | |
| 997 | )} | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 998 | {shows("secrets") && ( |
| 999 | <SidebarLink to={`${base}/settings/secrets`} icon={<Lock size={15} />}> | |
| 1000 | Secrets and variables | |
| 1001 | </SidebarLink> | |
| 1002 | )} | |
| Merge branch 'worktree-agent-a3abfcce648e87dca' | 1003 | {shows("actions") && ( |
| 1004 | <SidebarLink to={`${base}/settings/actions`} icon={<PlayCircle size={15} />}> | |
| 1005 | Actions | |
| 1006 | </SidebarLink> | |
| 1007 | )} | |
| 1008 | {shows("environments") && ( | |
| 1009 | <SidebarLink to={`${base}/settings/environments`} icon={<Layers size={15} />}> | |
| 1010 | Environments | |
| 1011 | </SidebarLink> | |
| 1012 | )} | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1013 | {shows("runners") && ( |
| 1014 | <SidebarLink to={`${base}/settings/runners`} icon={<ServerCog size={15} />}> | |
| 1015 | Runners | |
| 1016 | </SidebarLink> | |
| 1017 | )} | |
| 1018 | {shows("webhooks") && ( | |
| 1019 | <SidebarLink to={`${base}/settings/webhooks`} icon={<Webhook size={15} />}> | |
| 1020 | Webhooks | |
| 1021 | </SidebarLink> | |
| 1022 | )} | |
| 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. | 1023 | </NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1024 | </nav> |
| 1025 | ); | |
| 1026 | } | |
| 1027 | ||
| Merge two kinds of invite, kept apart: an invite to g1t (Settings, invite-only only, no workspace unless asked) and an invitation to a workspace (its People page) | 1028 | /** |
| 1029 | * Whether the menus list Settings → Invites (invites to g1t): always while | |
| 1030 | * sign-up takes an invite; once anyone can sign up, only for someone with | |
| 1031 | * invites already made to look back on, which the account menu's data says. | |
| 1032 | */ | |
| 1033 | function useInvitesListed(): boolean { | |
| 1034 | const inviteOnly = useInviteOnly(); | |
| 1035 | const details = useFetcher<AccountMenuData | null>({ key: "account-menu" }); | |
| 1036 | useEffect(() => { | |
| 1037 | if (!inviteOnly && details.state === "idle" && details.data === undefined) details.load("/settings/menu.json"); | |
| 1038 | // eslint-disable-next-line react-hooks/exhaustive-deps | |
| 1039 | }, [inviteOnly]); | |
| 1040 | return inviteOnly || details.data?.invites_page === true; | |
| 1041 | } | |
| 1042 | ||
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1043 | /** Your own settings, drilled into from Your settings: one page each. */ |
| 1044 | function AccountSettingsMenu({ username }: { username: string }) { | |
| Merge two kinds of invite, kept apart: an invite to g1t (Settings, invite-only only, no workspace unless asked) and an invitation to a workspace (its People page) | 1045 | const invites = useInvitesListed(); |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1046 | const link = (page: AccountSettingsPage, icon: ReactNode) => ( |
| 1047 | <SidebarLink to={`/settings/${page}`} icon={icon}> | |
| 1048 | {ACCOUNT_SETTINGS[page].title} | |
| 1049 | </SidebarLink> | |
| 1050 | ); | |
| 1051 | return ( | |
| 1052 | <nav aria-label="Your settings" className={PANEL}> | |
| 1053 | <BackRow to="/" label="Your settings" context={username} /> | |
| 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. | 1054 | <NavRows className="mt-2"> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1055 | {link("profile", <CircleUserRound size={15} />)} |
| 1056 | {link("emails", <Mail size={15} />)} | |
| Merge two kinds of invite, kept apart: an invite to g1t (Settings, invite-only only, no workspace unless asked) and an invitation to a workspace (its People page) | 1057 | {invites && link("invites", <Ticket size={15} />)} |
| 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. | 1058 | </NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1059 | <Rule /> |
| 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. | 1060 | <NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1061 | {link("keys", <Fingerprint size={15} />)} |
| 1062 | {link("tokens", <KeyRound size={15} />)} | |
| 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. | 1063 | </NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1064 | <Rule /> |
| 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. | 1065 | <NavRows> |
| Integrations are a directory of connectors, for a workspace and for each person | 1066 | {link("integrations", <Blocks size={15} />)} |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 1067 | {link("github", <GithubMark className="size-3.75" />)} |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1068 | {link("applications", <Plug size={15} />)} |
| 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. | 1069 | </NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1070 | <Rule /> |
| 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. | 1071 | <NavRows> |
| Merge main (membership, two-factor, GitHub repo roles) into tokens | 1072 | {link("two-factor", <ShieldCheck size={15} />)} |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1073 | {link("security-log", <History size={15} />)} |
| 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. | 1074 | </NavRows> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1075 | </nav> |
| 1076 | ); | |
| 1077 | } | |
| 1078 | ||
| 1079 | /** | |
| 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. | 1080 | * Code's sidebar: its Overview, the projects, what spans them and what is |
| 1081 | * coming; in a project, drilled into the project's own list, and its | |
| 1082 | * settings one level further in. The address says which, so a link | |
| 1083 | * straight to a project opens the sidebar already drilled in. | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1084 | */ |
| 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. | 1085 | function CodeSidebar({ |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1086 | user, |
| 1087 | shell, | |
| 1088 | missing = false, | |
| 1089 | }: { | |
| 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. | 1090 | user: User; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1091 | shell: ShellData; |
| 1092 | /** The page is a 404: the address names nothing the viewer can see. */ | |
| 1093 | missing?: boolean; | |
| 1094 | }) { | |
| 1095 | const ws = shell.workspace; | |
| 1096 | const { pathname } = useLocation(); | |
| 1097 | const going = useNavigation().location?.pathname; | |
| 1098 | // Where the sidebar is drilled to follows the page being gone to, so it | |
| 1099 | // moves as the link is followed, not once the page arrives. | |
| 1100 | const target = going ?? pathname; | |
| 1101 | // On a 404, the address is not a place: no list is drilled into from it, | |
| 1102 | // except the project's own when the project is real and visible and only | |
| 1103 | // something inside it is missing (a file, a commit, an issue). | |
| 1104 | const lost = missing && going == null; | |
| 1105 | const active = shell.repo; | |
| 1106 | // In a repository, or on the way into one, its own list. | |
| 1107 | const repoPath = /^\/([^/]+)\/([^/-][^/]*)(\/|$)/.exec(target); | |
| 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. | 1108 | const reserved = new Set(["settings", "explore", "search", "new", "u", "pricing", "avatars", "workspaces", "login", "logout", "register", "verify", "forgot", "reset", "device", "oauth", "policies", "security", "support", "status", "invite", "notifications", "inbox", ".well-known"]); |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1109 | // An invitation to a repository is answered before its menu means anything. |
| 1110 | const inRepo = | |
| 1111 | repoPath != null && | |
| 1112 | !reserved.has(repoPath[1]) && | |
| 1113 | repoPath[2] !== "-" && | |
| 1114 | !/^\/[^/]+\/[^/]+\/invitations\/?$/.test(target) && | |
| 1115 | (!lost || sameRepo(active, { namespace: repoPath[1]!, name: repoPath[2]! })); | |
| 1116 | // A project's settings, one level further in. | |
| 1117 | const inRepoSettings = inRepo && REPO_SETTINGS_PAGE.test(target); | |
| 1118 | // The repository the menu is for: the one loaded if it is the one being | |
| 1119 | // gone to, else what the address says, at once. | |
| 1120 | const targetRepo = inRepo && repoPath ? { namespace: repoPath[1], name: repoPath[2] } : null; | |
| 1121 | const guessed: MenuRepo | null = targetRepo | |
| 1122 | ? sameRepo(active, targetRepo) | |
| 1123 | ? active | |
| 1124 | : { | |
| 1125 | ...targetRepo, | |
| 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. | 1126 | member: (user.workspaces ?? []).some((m) => m.slug === targetRepo.namespace.toLowerCase()), |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1127 | } |
| 1128 | : null; | |
| 1129 | // The viewer's role there, from the repository's page once it has loaded. | |
| 1130 | const page = useRouteLoaderData("routes/repo/layout") as | |
| A desktop release goes out with what can be built. Linux is built on g1t's machines in every release; Windows and macOS each wait on a repository variable: a machine registered for them, or for Windows a cross build on Linux once aka.ms and download.visualstudio.microsoft.com are workflow-only domains, which is where the first release stopped. A platform with no machine is skipped and the download page says it is coming, with a word for the visitor whose platform this release lacks. The guide and CONTRIBUTING say so. | 1131 | | { repo?: { namespace: string; name: string; mirror?: RepoMirror | null }; access?: ViewerAccess } |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1132 | | undefined; |
| 1133 | const menuRepo: MenuRepo | null = | |
| 1134 | guessed && page?.access && page.repo && sameRepo(page.repo, guessed) | |
| A desktop release goes out with what can be built. Linux is built on g1t's machines in every release; Windows and macOS each wait on a repository variable: a machine registered for them, or for Windows a cross build on Linux once aka.ms and download.visualstudio.microsoft.com are workflow-only domains, which is where the first release stopped. A platform with no machine is skipped and the download page says it is coming, with a word for the visitor whose platform this release lacks. The guide and CONTRIBUTING say so. | 1135 | ? { ...guessed, member: page.access.insider, settings: seesSettings(page.access), can: page.access.can, mirror: page.repo.mirror } |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1136 | : guessed; |
| 1137 | ||
| 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. | 1138 | // The way from Code's list to the one shown. |
| 1139 | const trail: Level[] = [{ key: "main", node: ws ? <CodeMenu shell={shell} slug={ws.slug} /> : null }]; | |
| 1140 | if (menuRepo) { | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1141 | const key = `repo:${menuRepo.namespace}/${menuRepo.name}`.toLowerCase(); |
| 1142 | // Out of a project: to its workspace's projects when they are yours. | |
| 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. | 1143 | const home = (user.workspaces ?? []).find((m) => m.slug === menuRepo.namespace.toLowerCase()); |
| 1144 | const back = home ? { to: `/${home.slug}/-/projects`, label: "All projects" } : { to: ws ? `/${ws.slug}/-/overview` : "/explore", label: "Code" }; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1145 | trail.push({ |
| 1146 | key, | |
| 1147 | node: ( | |
| 1148 | <RepoMenu | |
| 1149 | repo={menuRepo} | |
| 1150 | isPrivate={[...shell.repos, ...(shell.shared ?? [])].some((repo) => sameRepo(repo, menuRepo) && repo.isPrivate)} | |
| 1151 | back={back} | |
| 1152 | /> | |
| 1153 | ), | |
| 1154 | }); | |
| 1155 | if (inRepoSettings) trail.push({ key: `${key}:settings`, node: <RepoSettingsMenu repo={menuRepo} /> }); | |
| 1156 | } | |
| 1157 | ||
| 1158 | return ( | |
| 1159 | <div className="flex h-full flex-col"> | |
| 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. | 1160 | <ModeHeader title="Code" /> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1161 | <Drill trail={trail} /> |
| 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) | 1162 | </div> |
| 1163 | ); | |
| 1164 | } | |
| 1165 | ||
| 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. | 1166 | /** |
| 1167 | * A mode's sidebar heading: its name, quiet, under the workspace's | |
| 1168 | * switcher, with what it makes at the end. | |
| 1169 | */ | |
| 1170 | export function ModeHeader({ title, action }: { title: ReactNode; action?: ReactNode }) { | |
| 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) | 1171 | return ( |
| 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. | 1172 | <div className="flex h-8 shrink-0 items-center gap-1 pr-2 pl-3"> |
| 1173 | <SidebarGroupLabel asChild className="min-w-0 grow truncate px-1"> | |
| 1174 | <h2>{title}</h2> | |
| 1175 | </SidebarGroupLabel> | |
| 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) | 1176 | {action} |
| 1177 | </div> | |
| 1178 | ); | |
| 1179 | } | |
| 1180 | ||
| 1181 | /** | |
| 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. | 1182 | * Code's own list (beside the rail): only code. Its Overview (Mission |
| 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) | 1183 | * control's code panels), the projects, what spans them, and what is |
| 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. | 1184 | * coming. The workspace's people, money and settings are elsewhere; |
| 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) | 1185 | * agents, context and memory are Agents'. |
| 1186 | */ | |
| 1187 | function CodeMenu({ shell, slug }: { shell: ShellData; slug: string }) { | |
| 1188 | const { pathname } = useLocation(); | |
| 1189 | const going = useNavigation().location?.pathname; | |
| 1190 | const path = going ?? pathname; | |
| 1191 | const at = (page: string) => path === `/${slug}/-/${page}` || path.startsWith(`/${slug}/-/${page}/`); | |
| 1192 | const shared = shell.shared ?? []; | |
| 1193 | return ( | |
| 1194 | <nav aria-label="Code" className={PANEL}> | |
| 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. | 1195 | <NavRows> |
| 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) | 1196 | <SidebarLink to={`/${slug}/-/overview`} icon={<LayoutDashboard size={15} />} current={at("overview")}> |
| 1197 | Overview | |
| 1198 | </SidebarLink> | |
| 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. | 1199 | </NavRows> |
| 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) | 1200 | <Rule /> |
| 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. | 1201 | <SidebarProjects slug={slug} shell={shell} current={at("projects")} /> |
| 1202 | <Rule /> | |
| 1203 | <NavRows> | |
| 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) | 1204 | <SidebarLink to={`/${slug}/-/security`} icon={<ShieldCheck size={15} />} current={at("security") && !at("security/settings")}> |
| 1205 | Security | |
| 1206 | </SidebarLink> | |
| 1207 | <SidebarLink to={`/${slug}/-/packages`} icon={<Package size={15} />} current={at("packages")}> | |
| 1208 | Packages | |
| 1209 | </SidebarLink> | |
| 1210 | {INSIGHTS && ( | |
| 1211 | <SidebarSoonLink to={`/${slug}/-/insights`} icon={<TrendingUp size={15} />} about={INSIGHTS.summary} current={at("insights")}> | |
| 1212 | {INSIGHTS.title} | |
| 1213 | </SidebarSoonLink> | |
| 1214 | )} | |
| 1215 | {roadmapIn("Workspace") | |
| 1216 | .filter((item) => item.key !== "insights" && item.key !== "teams" && item.key !== "fleet") | |
| 1217 | .map((item) => ( | |
| 1218 | <SidebarSoonLink key={item.key} to={`/${slug}/-/soon/${item.key}`} icon={WORKSPACE_ICONS[item.key] ?? <Sparkles size={15} />} about={item.summary}> | |
| 1219 | {item.title === "Board" ? "Boards" : item.title} | |
| 1220 | </SidebarSoonLink> | |
| 1221 | ))} | |
| 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. | 1222 | </NavRows> |
| 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) | 1223 | {shared.length > 0 && ( |
| 1224 | <> | |
| 1225 | <Rule /> | |
| 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. | 1226 | <NavGroup title="Shared with you"> |
| 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) | 1227 | {shared.map((repo) => ( |
| 1228 | <SidebarLink | |
| 1229 | key={`${repo.namespace}/${repo.name}`} | |
| 1230 | to={`/${repo.namespace}/${repo.name}`} | |
| 1231 | icon={repo.isPrivate ? <Lock size={15} /> : <Box size={15} />} | |
| 1232 | drill="hover" | |
| 1233 | > | |
| 1234 | <span className="font-mono text-faint">{repo.namespace}/</span> | |
| 1235 | {repo.name} | |
| 1236 | </SidebarLink> | |
| 1237 | ))} | |
| 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. | 1238 | </NavGroup> |
| 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) | 1239 | </> |
| 1240 | )} | |
| 1241 | </nav> | |
| 1242 | ); | |
| 1243 | } | |
| 1244 | ||
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 1245 | /** The icon of each of Workspace mode's pages, by its key (lib/workspace-nav.ts). */ |
| 1246 | const WORKSPACE_PAGE_ICONS: Record<string, ReactNode> = { | |
| 1247 | settings: <Settings size={15} />, | |
| 1248 | members: <Users size={15} />, | |
| 1249 | invitations: <Mail size={15} />, | |
| 1250 | permissions: <ShieldCheck size={15} />, | |
| 1251 | tokens: <KeyRound size={15} />, | |
| 1252 | "personal-access-tokens": <UserRoundKey size={15} />, | |
| 1253 | spend: <Coins size={15} />, | |
| 1254 | usage: <BarChart3 size={15} />, | |
| 1255 | gateway: <Network size={15} />, | |
| 1256 | billing: <CreditCard size={15} />, | |
| 1257 | runners: <ServerCog size={15} />, | |
| 1258 | repositories: <BookMarked size={15} />, | |
| 1259 | actions: <PlayCircle size={15} />, | |
| 1260 | secrets: <Lock size={15} />, | |
| 1261 | webhooks: <Webhook size={15} />, | |
| 1262 | deployments: <Rocket size={15} />, | |
| 1263 | projects: <Layers size={15} />, | |
| 1264 | "agent-settings": <Bot size={15} />, | |
| 1265 | "chat-settings": <MessagesSquare size={15} />, | |
| 1266 | emoji: <Smile size={15} />, | |
| 1267 | "artifact-settings": <Shapes size={15} />, | |
| 1268 | "security-settings": <Shield size={15} />, | |
| 1269 | guardrails: <Gauge size={15} />, | |
| 1270 | rules: <Scale size={15} />, | |
| 1271 | audit: <History size={15} />, | |
| 1272 | integrations: <Plug size={15} />, | |
| 1273 | applications: <Blocks size={15} />, | |
| 1274 | }; | |
| 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) | 1275 | |
| 1276 | /** | |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 1277 | * A group of Workspace mode's rows that folds: its name is the button, with |
| 1278 | * a chevron that turns when it is open. The group holding the current page | |
| 1279 | * is always open, and its button does nothing. Every group starts open, so | |
| 1280 | * the server and the browser draw the same list. | |
| 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) | 1281 | */ |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 1282 | function FoldingGroup({ title, current, children }: { title: string; current: boolean; children: ReactNode }) { |
| 1283 | const [open, setOpen] = useState(true); | |
| 1284 | return ( | |
| 1285 | <Collapsible open={open || current} onOpenChange={setOpen}> | |
| 1286 | <SidebarGroup> | |
| 1287 | <CollapsibleTrigger | |
| 1288 | disabled={current} | |
| 1289 | aria-label={`${title}: ${open || current ? "fold" : "unfold"}`} | |
| 1290 | className="flex h-7 w-full shrink-0 items-center justify-between rounded-md px-2 text-[0.6875rem] font-medium tracking-wide text-faint uppercase hover:text-muted focus-visible:ring-2 focus-visible:ring-accent disabled:cursor-default disabled:text-faint data-[state=open]:[&_svg]:rotate-90" | |
| 1291 | > | |
| 1292 | <span>{title}</span> | |
| 1293 | {!current && <ChevronRight size={12} aria-hidden="true" className="text-faint/70" />} | |
| 1294 | </CollapsibleTrigger> | |
| 1295 | <CollapsibleContent> | |
| 1296 | <SidebarGroupContent> | |
| 1297 | <SidebarMenu>{children}</SidebarMenu> | |
| 1298 | </SidebarGroupContent> | |
| 1299 | </CollapsibleContent> | |
| 1300 | </SidebarGroup> | |
| 1301 | </Collapsible> | |
| 1302 | ); | |
| 1303 | } | |
| 1304 | ||
| 1305 | /** | |
| 1306 | * The Workspace mode's sidebar: the workspace's settings area, every page | |
| 1307 | * one click away. Its overview, then the groups in lib/workspace-nav.ts | |
| 1308 | * (General, Access, Money, Compute, Code, Agents, Chat, Artifacts, | |
| 1309 | * Security, Integrations), each folding, the one you are in held open. | |
| 1310 | * Pages only owners open are left out for members, and a group with none | |
| 1311 | * left goes with them; a page that is coming is a Soon row, not a link. | |
| 1312 | */ | |
| 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. | 1313 | export function WorkspaceSidebar({ slug, owner }: { slug: string; owner: boolean }) { |
| 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) | 1314 | const { pathname } = useLocation(); |
| 1315 | const going = useNavigation().location?.pathname; | |
| 1316 | const path = going ?? pathname; | |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 1317 | const here = workspaceSettingsPage(path, slug); |
| 1318 | const overview = path === `/${slug}/-/workspace` || path.startsWith(`/${slug}/-/workspace/`); | |
| 1319 | const shown = (page: WorkspaceSettingsPage) => owner || !page.owner; | |
| 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) | 1320 | return ( |
| 1321 | <div className="flex h-full flex-col"> | |
| 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. | 1322 | <ModeHeader title="Workspace" /> |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 1323 | <nav aria-label="Workspace" className={PANEL}> |
| 1324 | <NavRows> | |
| 1325 | <SidebarLink to={`/${slug}/-/workspace`} icon={<LayoutGrid size={15} />} current={overview}> | |
| 1326 | Overview | |
| 1327 | </SidebarLink> | |
| 1328 | </NavRows> | |
| 1329 | {WORKSPACE_SETTINGS_GROUPS.filter((group) => group.pages.some(shown)).map((group) => ( | |
| 1330 | <Fragment key={group.key}> | |
| 1331 | <Rule /> | |
| 1332 | <FoldingGroup title={group.title} current={here?.group === group.key}> | |
| 1333 | {group.pages.filter(shown).map((page) => | |
| 1334 | page.soon ? ( | |
| 1335 | <SidebarSoon key={page.key} icon={WORKSPACE_PAGE_ICONS[page.key] ?? <Sparkles size={15} />} about={page.soon}> | |
| 1336 | {page.label} | |
| 1337 | </SidebarSoon> | |
| 1338 | ) : ( | |
| 1339 | <SidebarLink | |
| 1340 | key={page.key} | |
| 1341 | to={`/${slug}/-/${page.path}`} | |
| 1342 | icon={WORKSPACE_PAGE_ICONS[page.key] ?? <Settings size={15} />} | |
| 1343 | current={here?.page === page.key} | |
| 1344 | > | |
| 1345 | {page.label} | |
| 1346 | </SidebarLink> | |
| 1347 | ), | |
| 1348 | )} | |
| 1349 | </FoldingGroup> | |
| 1350 | </Fragment> | |
| 1351 | ))} | |
| 1352 | </nav> | |
| 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) | 1353 | </div> |
| 1354 | ); | |
| 1355 | } | |
| 1356 | ||
| People and teams are front and centre: one directory of people and agents with presence, local time, titles, teams and what each owns; profiles with manager and reports and the agents they work with; an org chart with each team's agents beside the person who leads it; and teams of any mix, with a lead, a channel, a budget agents keep to and the agents on them. Every agent is told its teams each turn (who leads, who owns what, who's around and who to page), and the team page shows exactly what. Member management is Members and invites; the people and teams guide says how. | 1357 | /** |
| People lists people. The directory, its counts and its search cover the workspace's people only; agents keep their page under Agents, where the Profile tab now also says what each agent is told about its teams, and the old address of an agent under People sends you there. Agents still join teams beside people: a team's members page groups them under its people with an agent badge, and the org chart shows them as members of the team beside its lead. The people and teams, agents, teams and workspaces guides say so. | 1358 | * People's sidebar: everyone in the workspace (its people; agents are |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 1359 | * under Agents); its teams, which agents can be on; and the org chart. Who |
| 1360 | * belongs, and inviting people, is the workspace's: Workspace mode's | |
| 1361 | * Access group. | |
| People and teams are front and centre: one directory of people and agents with presence, local time, titles, teams and what each owns; profiles with manager and reports and the agents they work with; an org chart with each team's agents beside the person who leads it; and teams of any mix, with a lead, a channel, a budget agents keep to and the agents on them. Every agent is told its teams each turn (who leads, who owns what, who's around and who to page), and the team page shows exactly what. Member management is Members and invites; the people and teams guide says how. | 1362 | */ |
| 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. | 1363 | function PeopleSidebar({ slug }: { slug: string }) { |
| 1364 | const { pathname } = useLocation(); | |
| 1365 | const going = useNavigation().location?.pathname; | |
| 1366 | const path = going ?? pathname; | |
| 1367 | const at = (page: string) => path === `/${slug}/-/${page}` || path.startsWith(`/${slug}/-/${page}/`); | |
| 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) | 1368 | return ( |
| 1369 | <div className="flex h-full flex-col"> | |
| 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. | 1370 | <ModeHeader title="People" /> |
| 1371 | <nav aria-label="People" className={PANEL}> | |
| 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. | 1372 | <NavRows> |
| 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. | 1373 | <SidebarLink to={`/${slug}/-/people`} icon={<Users size={15} />} current={at("people")}> |
| 1374 | Everyone | |
| 1375 | </SidebarLink> | |
| 1376 | <SidebarLink to={`/${slug}/-/teams`} icon={<UsersRound size={15} />} current={at("teams")}> | |
| 1377 | Teams | |
| 1378 | </SidebarLink> | |
| People and teams are front and centre: one directory of people and agents with presence, local time, titles, teams and what each owns; profiles with manager and reports and the agents they work with; an org chart with each team's agents beside the person who leads it; and teams of any mix, with a lead, a channel, a budget agents keep to and the agents on them. Every agent is told its teams each turn (who leads, who owns what, who's around and who to page), and the team page shows exactly what. Member management is Members and invites; the people and teams guide says how. | 1379 | <SidebarLink to={`/${slug}/-/org-chart`} icon={<Network size={15} />} current={at("org-chart")}> |
| 1380 | Org chart | |
| 1381 | </SidebarLink> | |
| 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. | 1382 | </NavRows> |
| 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. | 1383 | </nav> |
| 1384 | </div> | |
| 1385 | ); | |
| 1386 | } | |
| 1387 | ||
| 1388 | /** | |
| 1389 | * Notifications' sidebar: what you have not finished with, what you saved | |
| 1390 | * and what is done; then why you were told, which narrows any of them. | |
| 1391 | */ | |
| 1392 | function NotificationsSidebar({ counts }: { counts: InboxCounts | null }) { | |
| 1393 | const { search } = useLocation(); | |
| 1394 | const params = new URLSearchParams(search); | |
| 1395 | const view = inboxView(params.get("view")); | |
| 1396 | const reason = inboxReason(params.get("reason")); | |
| 1397 | const tab = params.get("tab"); | |
| 1398 | const address = (changes: Record<string, string | null>) => { | |
| 1399 | const merged: Record<string, string | null> = { tab, view: view === "inbox" ? null : view, reason, ...changes }; | |
| 1400 | const next = new URLSearchParams(); | |
| 1401 | for (const [name, value] of Object.entries(merged)) if (value) next.set(name, value); | |
| 1402 | const query = next.toString(); | |
| 1403 | return query ? `/notifications?${query}` : "/notifications"; | |
| 1404 | }; | |
| 1405 | const views = [ | |
| 1406 | { view: "inbox", label: "Everything", icon: <Bell size={15} />, count: counts?.unread }, | |
| 1407 | { view: "saved", label: "Saved", icon: <Bookmark size={15} /> }, | |
| 1408 | { view: "done", label: "Done", icon: <Check size={15} /> }, | |
| 1409 | ] as const; | |
| 1410 | return ( | |
| 1411 | <div className="flex h-full flex-col"> | |
| 1412 | <ModeHeader title="Notifications" /> | |
| 1413 | <nav aria-label="Notifications" className={PANEL}> | |
| 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. | 1414 | <NavRows> |
| 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. | 1415 | {views.map((entry) => ( |
| 1416 | <SidebarLink | |
| 1417 | key={entry.view} | |
| 1418 | to={address({ view: entry.view === "inbox" ? null : entry.view, before: null })} | |
| 1419 | icon={entry.icon} | |
| 1420 | count={"count" in entry ? (entry.count ?? undefined) : undefined} | |
| 1421 | current={view === entry.view} | |
| 1422 | > | |
| 1423 | {entry.label} | |
| 1424 | </SidebarLink> | |
| 1425 | ))} | |
| 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. | 1426 | </NavRows> |
| 1427 | <Rule /> | |
| 1428 | <NavGroup title="Why you were told"> | |
| 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. | 1429 | {REASON_FILTERS.map((entry) => ( |
| 1430 | <SidebarLink | |
| 1431 | key={entry.reason ?? "any"} | |
| 1432 | to={address({ reason: entry.reason, before: null })} | |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 1433 | icon={<span className="block size-3.75" />} |
| 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. | 1434 | current={reason === entry.reason} |
| 1435 | > | |
| 1436 | {entry.reason == null ? "Any reason" : entry.label} | |
| 1437 | </SidebarLink> | |
| 1438 | ))} | |
| 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. | 1439 | </NavGroup> |
| 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. | 1440 | </nav> |
| 1441 | </div> | |
| 1442 | ); | |
| 1443 | } | |
| 1444 | ||
| 1445 | /** Your own settings, beside the page: under the account menu, not any workspace's. */ | |
| 1446 | export function AccountSidebar({ username }: { username: string }) { | |
| 1447 | return ( | |
| 1448 | <div className="flex h-full flex-col"> | |
| 1449 | <ModeHeader title="Your account" /> | |
| 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) | 1450 | <div className="min-h-0 grow"> |
| 1451 | <AccountSettingsMenu username={username} /> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1452 | </div> |
| 1453 | </div> | |
| 1454 | ); | |
| 1455 | } | |
| 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) | 1456 | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1457 | /** Words for the sections a path can end in. */ |
| 1458 | const SECTIONS: Record<string, string> = { | |
| 1459 | issues: "Issues", | |
| Usage, Billing settings and prepaid AI credit; fixes from the UX audit | 1460 | milestones: "Milestones", |
| 1461 | labels: "Labels", | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1462 | pulls: "Pull requests", |
| 1463 | queue: "Merge queue", | |
| 1464 | commits: "Commits", | |
| 1465 | plans: "Outcomes", | |
| 1466 | actions: "Workflows", | |
| 1467 | soon: "Soon", | |
| 1468 | deployments: "Deployments", | |
| 1469 | repository: "Repository", | |
| 1470 | access: "Access", | |
| 1471 | invitations: "Invitation", | |
| 1472 | repositories: "Repositories", | |
| Branches and Tags pages, each file's last commit, and the branch menu on files | 1473 | branches: "Branches", |
| 1474 | tags: "Tags", | |
| Compare: any two branches, the commits one has that the other does not, and the diff, with Open a pull request | 1475 | compare: "Compare", |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1476 | code: "Files", |
| 1477 | secrets: "Secrets and variables", | |
| 1478 | settings: "Settings", | |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 1479 | people: "People", |
| People and teams are front and centre: one directory of people and agents with presence, local time, titles, teams and what each owns; profiles with manager and reports and the agents they work with; an org chart with each team's agents beside the person who leads it; and teams of any mix, with a lead, a channel, a budget agents keep to and the agents on them. Every agent is told its teams each turn (who leads, who owns what, who's around and who to page), and the team page shows exactly what. Member management is Members and invites; the people and teams guide says how. | 1480 | "org-chart": "Org chart", |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 1481 | members: "Members", |
| 1482 | permissions: "Permissions", | |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 1483 | projects: "Projects", |
| 1484 | teams: "Teams", | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1485 | tokens: "Access tokens", |
| Settings: fine-grained tokens, workspace token Admin, workspace personal access token rules | 1486 | "personal-access-tokens": "Personal access tokens", |
| The Spend page says what a workspace spent, where it went and the budgets that hold it, in Workspace under Money: spent at price, agents' spend and the spend limit; by day; by agent, person, channel, model, kind of work and product; budgets from the workspace down to each person, agent and task, with what happens at 100%; the costliest tasks, each with a receipt of every session at the provider's price and what was charged; and how it's priced. Everyone sees what agents spent for them, and owners and billing managers the whole workspace; each person can have a monthly budget agents keep to, and the spend pill in the top bar shows your month or the workspace's against its limit. The spend guide says how. | 1487 | spend: "Spend", |
| 1488 | receipts: "Receipts", | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1489 | usage: "Usage", |
| Site: the AI Gateway page's breadcrumb reads "AI Gateway" | 1490 | gateway: "AI Gateway", |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1491 | billing: "Billing and plans", |
| 1492 | integrations: "Integrations", | |
| 1493 | webhooks: "Webhooks", | |
| 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) | 1494 | emoji: "Emoji", |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1495 | domains: "Domains", |
| 1496 | guardrails: "Guardrails", | |
| Merge rulesets: branch and tag rules, agent-first, enforced on push and merge | 1497 | rules: "Rules", |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1498 | audit: "Audit log", |
| Files pages say Files in the trail and keep the description in About only | 1499 | tree: "Files", |
| 1500 | blob: "Files", | |
| Security matches the workspace's other pages and leaves out deleted repositories; every section has a name in the trail | 1501 | agents: "Agents", |
| 1502 | context: "Context", | |
| 1503 | memory: "Memory", | |
| 1504 | security: "Security", | |
| 1505 | packages: "Packages", | |
| 1506 | runners: "Runners", | |
| Merge branch 'worktree-agent-a3abfcce648e87dca' | 1507 | environments: "Environments", |
| Security matches the workspace's other pages and leaves out deleted repositories; every section has a name in the trail | 1508 | workflows: "Workflows", |
| 1509 | observability: "Observability", | |
| 1510 | insights: "Insights", | |
| 1511 | sessions: "Sessions", | |
| Chat and workspace agents: channels, DMs and named agents you talk to | 1512 | chat: "Chat", |
| Artifacts is a mode in the rail, the shell and the phone's tab bar in place of Docs: its home lists everything you can open by day or as cards under All, Yours and Shared with you, with search, filters and tiles to start a doc (slides, designs and dashboards say they are coming soon), and its sidebar holds favorites, spaces, Private, Shared, projects' docs and the trash. | 1513 | artifacts: "Artifacts", |
| The front page is Home: where you're needed comes first, however long ago it started, with what's at stake and how long it has waited; then what happened since you were last here, in words, with the agent work that settled, what landed, what deployed, what was decided and what was spent, switchable to the last 24 hours or 7 days; then what's running now. Your last visit is kept with your account, so it's the same on every device; Today's old address leads here. The home guide says how. | 1514 | home: "Home", |
| 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. | 1515 | apps: "Apps", |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 1516 | customize: "Customize", |
| Chat and workspace agents: channels, DMs and named agents you talk to | 1517 | "code-access": "Code access", |
| 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) | 1518 | overview: "Overview", |
| 1519 | workspace: "Workspace", | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1520 | }; |
| 1521 | ||
| Merge branch 'worktree-agent-a3abfcce648e87dca' | 1522 | /** Settings pages whose name differs from the section's of the same word. */ |
| 1523 | const SETTINGS_SECTIONS: Record<string, string> = { branches: "Branches and merging", actions: "Actions" }; | |
| 1524 | ||
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1525 | /** Where the page is, as a trail of links: workspace / repository / section. */ |
| 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. | 1526 | function Breadcrumbs({ |
| 1527 | pathname, | |
| 1528 | missing, | |
| 1529 | repo, | |
| 1530 | workspace, | |
| 1531 | }: { | |
| 1532 | pathname: string; | |
| 1533 | missing?: boolean; | |
| 1534 | repo?: ShellData["repo"]; | |
| 1535 | /** The workspace you are in: the switcher names it, so the trail starts after it. */ | |
| 1536 | workspace: string | null; | |
| 1537 | }) { | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1538 | // A 404 names nothing from the address, unless the project is real and |
| 1539 | // visible and only something inside it is missing. | |
| 1540 | const visibleRepo = /^\/([^/]+)\/([^/-][^/]*)(\/|$)/.exec(pathname); | |
| 1541 | if (missing && !(visibleRepo && sameRepo(repo ?? null, { namespace: visibleRepo[1]!, name: visibleRepo[2]! }))) { | |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1542 | return <Here>Not found</Here>; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1543 | } |
| 1544 | const parts = pathname.split("/").filter(Boolean); | |
| 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. | 1545 | const reserved = ["settings", "explore", "new", "search", "workspaces", "policies", "security", "support", "status", "invite", "notifications"]; |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1546 | if (parts.length === 0) return <Here>Home</Here>; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1547 | // Your settings: Settings / Emails. |
| 1548 | if (parts[0] === "settings") { | |
| 1549 | const page = accountSettingsPage(pathname); | |
| Usage, Billing settings and prepaid AI credit; fixes from the UX audit | 1550 | return <Trail trail={[{ label: "Settings", to: FIRST_SETTINGS_PAGE }, ...(page ? [{ label: ACCOUNT_SETTINGS[page].title, to: `/settings/${page}` }] : [])]} />; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1551 | } |
| 1552 | if (reserved.includes(parts[0]!)) { | |
| 1553 | const words: Record<string, string> = { | |
| 1554 | settings: "Account", | |
| 1555 | explore: "Explore", | |
| 1556 | new: "New project", | |
| 1557 | search: "Search", | |
| 1558 | workspaces: "New workspace", | |
| 1559 | policies: "Policies", | |
| 1560 | security: "Security", | |
| 1561 | support: "Support", | |
| 1562 | status: "Status", | |
| 1563 | invite: "Invite", | |
| 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. | 1564 | notifications: "Notifications", |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1565 | }; |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1566 | return <Here>{words[parts[0]!]}</Here>; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1567 | } |
| 1568 | // A person's profile, by their handle. | |
| Chat controls, public profiles, shadcn selects, and no Docs tab in a project | 1569 | if (parts[0] === "u" && parts[1]) return <ProfileCrumb username={parts[1]} />; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1570 | const [owner, second, third, fourth] = parts; |
| 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. | 1571 | const ours = workspace != null && owner!.toLowerCase() === workspace.toLowerCase(); |
| 1572 | const trail: Crumb[] = ours ? [] : [{ label: owner!, to: `/${owner}`, mono: true }]; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1573 | if (second === "-") { |
| 1574 | const page = `/${owner}/-/${third}`; | |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 1575 | if (third === "settings" && fourth === "chat") { |
| 1576 | // Chat settings is a page of its own, not one of General's. | |
| 1577 | trail.push({ label: "Chat settings", to: `${page}/chat` }); | |
| 1578 | } else if (third) { | |
| 1579 | // The workspace's settings pages each stand alone: General, Members, Permissions. | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1580 | trail.push({ label: third === "settings" ? "General" : (SECTIONS[third] ?? third), to: page }); |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 1581 | // Customize names its tab (Customize / Plugins), Agents its templates, and Members its invitations. |
| The Marketplace adds what g1t doesn't do and connects what you already use: extensions (Mail, Support, CRM, Recruiting, On-call, and bridges to a helpdesk, CRM or ERP you run, all Soon), starter kits, and integrations connected by the workspace or by each person; agents aren't installed there. Agent templates live in Agents, as starting points you configure, at Agents → Templates, and the Marketplace's old agent addresses lead there. The marketplace and agents guides say how. | 1582 | const tabs: Record<string, string> = |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 1583 | third === "customize" |
| 1584 | ? { skills: "Skills", connectors: "Connectors", plugins: "Plugins", marketplaces: "Marketplaces", requests: "Requests" } | |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 1585 | : third === "agents" |
| 1586 | ? { templates: "Templates" } | |
| 1587 | : third === "members" | |
| 1588 | ? { invitations: "Invitations" } | |
| 1589 | : {}; | |
| The Marketplace adds what g1t doesn't do and connects what you already use: extensions (Mail, Support, CRM, Recruiting, On-call, and bridges to a helpdesk, CRM or ERP you run, all Soon), starter kits, and integrations connected by the workspace or by each person; agents aren't installed there. Agent templates live in Agents, as starting points you configure, at Agents → Templates, and the Marketplace's old agent addresses lead there. The marketplace and agents guides say how. | 1590 | const tab = fourth ? tabs[fourth] : undefined; |
| The Marketplace is where a workspace finds what to add, reached from Apps: the agent catalog of roles with who already does each job and Add to workspace; every integration with whether it's connected; g1t's own extensions, listed as Soon; and requests, where members ask and owners add or turn down, each told by a notification. Underneath, an extension is a manifest (publisher and tier, source and version from a tag, scopes, the domains its data goes to, its page on g1tusercontent.com, no price) and an install pins its version with an off switch, a budget and the audit log. Apps lists only what was added from the Marketplace, with pins; g1t's own pages stay in their sidebars, and AI Gateway joins Workspace's. The marketplace guide says how. | 1591 | if (tab) trail.push({ label: tab, to: `${page}/${fourth}` }); |
| 1592 | } | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1593 | } else if (second) { |
| 1594 | const repo = `/${owner}/${second}`; | |
| 1595 | trail.push({ label: second, to: repo, mono: true }); | |
| Usage, Billing settings and prepaid AI credit; fixes from the UX audit | 1596 | if (third === "pull" && fourth) trail.push({ label: `Pull request #${fourth}`, short: `#${fourth}`, to: `${repo}/pull/${fourth}` }); |
| 1597 | else if (third === "issues" && fourth && fourth !== "new") trail.push({ label: `Issue #${fourth}`, short: `#${fourth}`, to: `${repo}/issues/${fourth}` }); | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1598 | else if (third === "commit" && fourth) trail.push({ label: fourth.slice(0, 7), to: `${repo}/commit/${fourth}`, mono: true }); |
| 1599 | else if (third && SECTIONS[third]) { | |
| 1600 | trail.push({ label: SECTIONS[third]!, to: `${repo}/${third}` }); | |
| 1601 | // A settings page names which one: Settings / Secrets and variables. | |
| 1602 | if (third === "settings" && fourth && SECTIONS[fourth]) { | |
| Merge branch 'worktree-agent-a3abfcce648e87dca' | 1603 | trail.push({ label: SETTINGS_SECTIONS[fourth] ?? SECTIONS[fourth]!, to: `${repo}/settings/${fourth}` }); |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1604 | } |
| 1605 | } | |
| 1606 | } | |
| 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. | 1607 | if (trail.length === 0) trail.push({ label: "Overview", to: `/${owner}` }); |
| Usage, Billing settings and prepaid AI credit; fixes from the UX audit | 1608 | return <Trail trail={trail} />; |
| 1609 | } | |
| 1610 | ||
| Chat controls, public profiles, shadcn selects, and no Docs tab in a project | 1611 | /** A profile's place in the top bar: the person's avatar and @handle, from the page once it has loaded. */ |
| 1612 | function ProfileCrumb({ username }: { username: string }) { | |
| One kind of access token; presence and status; usernames keep their case; the tour is a miniature of the real app; icons for password managers | 1613 | const page = useRouteLoaderData("routes/user") as { profile?: { username: string; displayUsername?: string | null; avatar: string | null } } | undefined; |
| Chat controls, public profiles, shadcn selects, and no Docs tab in a project | 1614 | const profile = page?.profile?.username.toLowerCase() === username.toLowerCase() ? page.profile : null; |
| 1615 | return ( | |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1616 | <Breadcrumb className="min-w-0"> |
| 1617 | <BreadcrumbList> | |
| 1618 | <BreadcrumbItem> | |
| 1619 | <BreadcrumbPage asChild className="flex items-center gap-2 hover:bg-raised"> | |
| 1620 | <Link to={`/u/${profile?.username ?? username}`}> | |
| 1621 | <Avatar name={profile?.username ?? username} image={profile?.avatar ?? null} size={20} /> | |
| 1622 | <span className="truncate font-mono text-[0.8125rem]">@{profile ? shownUsername(profile) : username}</span> | |
| 1623 | </Link> | |
| 1624 | </BreadcrumbPage> | |
| 1625 | </BreadcrumbItem> | |
| 1626 | </BreadcrumbList> | |
| 1627 | </Breadcrumb> | |
| 1628 | ); | |
| 1629 | } | |
| 1630 | ||
| 1631 | /** A page with no trail to it, such as Today or Search: its name alone. */ | |
| 1632 | function Here({ children }: { children: ReactNode }) { | |
| 1633 | return ( | |
| 1634 | <Breadcrumb className="min-w-0"> | |
| 1635 | <BreadcrumbList> | |
| 1636 | <BreadcrumbItem> | |
| 1637 | <BreadcrumbPage>{children}</BreadcrumbPage> | |
| 1638 | </BreadcrumbItem> | |
| 1639 | </BreadcrumbList> | |
| 1640 | </Breadcrumb> | |
| Chat controls, public profiles, shadcn selects, and no Docs tab in a project | 1641 | ); |
| 1642 | } | |
| 1643 | ||
| Usage, Billing settings and prepaid AI credit; fixes from the UX audit | 1644 | /** One link of the trail; `short` is what a phone shows when it is the page itself. */ |
| 1645 | type Crumb = { label: string; to: string; mono?: boolean; short?: string }; | |
| 1646 | ||
| 1647 | /** | |
| 1648 | * The trail of links. On a phone there is room for one: the page itself, | |
| 1649 | * with a way back to where it sits; the whole trail from a wider screen up. | |
| 1650 | */ | |
| 1651 | function Trail({ trail }: { trail: Crumb[] }) { | |
| 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) | 1652 | // Up on a phone, unless up is the workspace itself: its pages are the tabs. |
| 1653 | const up = trail.length > 1 && !/^\/[^/]+$/.test(trail[trail.length - 2]!.to) ? trail[trail.length - 2]! : null; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1654 | return ( |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1655 | <Breadcrumb className="flex min-w-0 items-center"> |
| Usage, Billing settings and prepaid AI credit; fixes from the UX audit | 1656 | {up && ( |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1657 | <Button asChild variant="ghost" size="icon-bar" className="-ml-1 sm:hidden"> |
| 1658 | <Link to={up.to} prefetch="intent" aria-label={`Back to ${up.label}`}> | |
| 1659 | <ChevronLeft size={16} /> | |
| 1660 | </Link> | |
| 1661 | </Button> | |
| Usage, Billing settings and prepaid AI credit; fixes from the UX audit | 1662 | )} |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1663 | <BreadcrumbList> |
| 1664 | {trail.map((crumb, index) => { | |
| 1665 | const last = index === trail.length - 1; | |
| 1666 | const label = | |
| 1667 | last && crumb.short ? ( | |
| 1668 | <> | |
| 1669 | <span className="sm:hidden">{crumb.short}</span> | |
| 1670 | <span className="hidden sm:inline">{crumb.label}</span> | |
| 1671 | </> | |
| 1672 | ) : ( | |
| 1673 | crumb.label | |
| 1674 | ); | |
| 1675 | const mono = crumb.mono ? "font-mono text-[0.8125rem]" : ""; | |
| 1676 | return ( | |
| 1677 | <Fragment key={index}> | |
| 1678 | {index > 0 && <BreadcrumbSeparator className="max-sm:hidden" />} | |
| 1679 | <BreadcrumbItem className={last ? "" : "max-sm:hidden"}> | |
| 1680 | {last ? ( | |
| 1681 | // The page you are on is still a link: to its own top, as the trail always was. | |
| 1682 | <BreadcrumbPage asChild className={`hover:bg-raised ${mono}`}> | |
| 1683 | <Link to={crumb.to} prefetch="intent"> | |
| 1684 | {label} | |
| 1685 | </Link> | |
| 1686 | </BreadcrumbPage> | |
| 1687 | ) : ( | |
| 1688 | <BreadcrumbLink asChild className={mono}> | |
| 1689 | <Link to={crumb.to} prefetch="intent"> | |
| 1690 | {label} | |
| 1691 | </Link> | |
| 1692 | </BreadcrumbLink> | |
| 1693 | )} | |
| 1694 | </BreadcrumbItem> | |
| 1695 | </Fragment> | |
| 1696 | ); | |
| 1697 | })} | |
| 1698 | </BreadcrumbList> | |
| 1699 | </Breadcrumb> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1700 | ); |
| 1701 | } | |
| 1702 | ||
| 1703 | type Command = PaletteCommand; | |
| 1704 | ||
| 1705 | /** Everything the palette can jump to, from what the sidebar already knows. */ | |
| 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. | 1706 | function commandsFor(user: User, shell: ShellData): Command[] { |
| 1707 | const ws = shell.workspace; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1708 | const commands: Command[] = [ |
| 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. | 1709 | ...(ws |
| 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) | 1710 | ? [ |
| The front page is Home: where you're needed comes first, however long ago it started, with what's at stake and how long it has waited; then what happened since you were last here, in words, with the agent work that settled, what landed, what deployed, what was decided and what was spent, switchable to the last 24 hours or 7 days; then what's running now. Your last visit is kept with your account, so it's the same on every device; Today's old address leads here. The home guide says how. | 1711 | { label: "Home", to: homePagePath(ws.slug), icon: <House size={15} /> }, |
| 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. | 1712 | { label: "Chat", to: `/${ws.slug}/-/chat`, icon: <MessagesSquare size={15} /> }, |
| 1713 | { label: "Agents", to: `/${ws.slug}/-/agents`, icon: <Sparkles size={15} /> }, | |
| 1714 | ...(hasCodeAccess(ws) ? [{ label: "Code overview", to: `/${ws.slug}/-/overview`, icon: <Code2 size={15} /> }] : []), | |
| 1715 | { label: "Artifacts", to: `/${ws.slug}/-/artifacts`, icon: <Shapes size={15} /> }, | |
| 1716 | { label: "Apps", hint: "Everything installed that you can use", to: `/${ws.slug}/-/apps`, icon: <LayoutGrid size={15} /> }, | |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 1717 | { label: "Customize", hint: "Skills, connectors and plugins", to: `/${ws.slug}/-/customize`, icon: <SlidersHorizontal size={15} /> }, |
| The Marketplace adds what g1t doesn't do and connects what you already use: extensions (Mail, Support, CRM, Recruiting, On-call, and bridges to a helpdesk, CRM or ERP you run, all Soon), starter kits, and integrations connected by the workspace or by each person; agents aren't installed there. Agent templates live in Agents, as starting points you configure, at Agents → Templates, and the Marketplace's old agent addresses lead there. The marketplace and agents guides say how. | 1718 | { label: "Agent templates", hint: "Starting points for a new agent", to: `/${ws.slug}/-/agents/templates`, icon: <Bot size={15} /> }, |
| 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. | 1719 | { label: "Workspace", hint: "Billing, policies, settings", to: `/${ws.slug}/-/workspace`, icon: <Building2 size={15} /> }, |
| 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) | 1720 | ] |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1721 | : []), |
| 1722 | { label: "Explore repositories", to: "/explore", icon: <Compass size={15} /> }, | |
| 1723 | { label: "Search g1t", hint: "Repositories, code, issues, people", to: "/search", icon: <Search size={15} /> }, | |
| 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. | 1724 | { label: "Notifications", hint: "What needs you", to: "/notifications", icon: <Bell size={15} /> }, |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1725 | { label: "New project", to: "/new", icon: <Plus size={15} /> }, |
| 1726 | { label: "Your settings", to: FIRST_SETTINGS_PAGE, icon: <Settings size={15} /> }, | |
| 1727 | ...(Object.keys(ACCOUNT_SETTINGS) as AccountSettingsPage[]) | |
| 1728 | .filter((page) => page !== "profile") | |
| 1729 | .map((page) => ({ label: ACCOUNT_SETTINGS[page].title, hint: "Your settings", to: `/settings/${page}`, icon: <Settings size={15} /> })), | |
| 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. | 1730 | ...THEME_COMMANDS, |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1731 | ]; |
| 1732 | const repo = shell.repo; | |
| 1733 | if (repo) { | |
| 1734 | const base = `/${repo.namespace}/${repo.name}`; | |
| 1735 | const name = `${repo.namespace}/${repo.name}`; | |
| 1736 | commands.unshift( | |
| 1737 | { label: "Overview", hint: name, to: base, icon: <LayoutGrid size={15} /> }, | |
| 1738 | { label: "Code", hint: name, to: `${base}/code`, icon: <Code2 size={15} /> }, | |
| 1739 | { label: "Issues", hint: name, to: `${base}/issues`, icon: <CircleDot size={15} /> }, | |
| 1740 | { label: "New issue", hint: name, to: `${base}/issues/new`, icon: <Plus size={15} /> }, | |
| 1741 | ...(repo.member | |
| 1742 | ? [{ label: `Put an agent on ${repo.name}`, hint: name, to: `${base}/issues/new?agent=1`, icon: <Sparkles size={15} /> }] | |
| 1743 | : []), | |
| 1744 | { label: "Pull requests", hint: name, to: `${base}/pulls`, icon: <GitPullRequest size={15} /> }, | |
| 1745 | { label: "Commits", hint: name, to: `${base}/commits`, icon: <History size={15} /> }, | |
| 1746 | ...(repo.member | |
| 1747 | ? [ | |
| 1748 | { label: "Plan work", hint: name, to: `${base}/plans`, icon: <ListTree size={15} /> }, | |
| 1749 | { label: "Deployments", hint: name, to: `${base}/deployments`, icon: <Rocket size={15} /> }, | |
| 1750 | { label: "Secrets and variables", hint: name, to: `${base}/settings/secrets`, icon: <Lock size={15} /> }, | |
| 1751 | { label: "Project settings", hint: name, to: `${base}/settings`, icon: <Settings size={15} /> }, | |
| 1752 | { label: "Repository settings", hint: name, to: `${base}/settings/repository`, icon: <Settings size={15} /> }, | |
| 1753 | ] | |
| 1754 | : []), | |
| 1755 | ); | |
| 1756 | } | |
| 1757 | for (const membership of user.workspaces ?? []) { | |
| 1758 | commands.push( | |
| 1759 | { label: displayName(membership), hint: `Workspace · ${membership.slug}`, to: `/${membership.slug}`, icon: <Avatar name={membership.slug} image={membership.avatar} size={15} square /> }, | |
| Navigation: the workspace's own page with tabs, pins and recent in the sidebar | 1760 | { label: "All projects", hint: membership.slug, to: `/${membership.slug}/-/projects`, icon: <LayoutGrid size={15} /> }, |
| 1761 | { label: "People", hint: membership.slug, to: `/${membership.slug}/-/people`, icon: <Users size={15} /> }, | |
| The Spend page says what a workspace spent, where it went and the budgets that hold it, in Workspace under Money: spent at price, agents' spend and the spend limit; by day; by agent, person, channel, model, kind of work and product; budgets from the workspace down to each person, agent and task, with what happens at 100%; the costliest tasks, each with a receipt of every session at the provider's price and what was charged; and how it's priced. Everyone sees what agents spent for them, and owners and billing managers the whole workspace; each person can have a monthly budget agents keep to, and the spend pill in the top bar shows your month or the workspace's against its limit. The spend guide says how. | 1762 | { label: "Spend", hint: `${membership.slug} · Budgets and receipts`, to: `/${membership.slug}/-/spend`, icon: <Coins size={15} /> }, |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1763 | { label: "Usage", hint: membership.slug, to: `/${membership.slug}/-/usage`, icon: <BarChart3 size={15} /> }, |
| Merge the AI Gateway: Anthropic's Messages API on a workspace's tokens | 1764 | { label: "AI Gateway", hint: `${membership.slug} · Usage`, to: `/${membership.slug}/-/gateway`, icon: <Network size={15} /> }, |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1765 | { label: "Billing and plans", hint: `${membership.slug} · Settings`, to: `/${membership.slug}/-/billing`, icon: <CreditCard size={15} /> }, |
| 1766 | { label: "Access tokens", hint: `${membership.slug} · Settings`, to: `/${membership.slug}/-/tokens`, icon: <KeyRound size={15} /> }, | |
| 1767 | { label: "Integrations", hint: membership.slug, to: `/${membership.slug}/-/integrations`, icon: <Plug size={15} /> }, | |
| Workspace is the workspace's settings, in one place. Its sidebar is grouped, General, Access, Money, Compute, Code, Agents, Chat, Artifacts, Security and Integrations, every page one click away with no settings inside settings, the groups folding and the owner-only pages hidden from members; what is not here yet is marked Soon with a hint. Members is a list with search and filters for role, two-factor and team, and Invite opens a dialog: who, by username, name or email, their role and a note that goes into the invitation; nothing is filled in inline any more. Invitations is its own page with All, Pending, Accepted, Declined, Expired and Revoked filters that say how many, and each row's menu can copy the link, send it again or revoke it; identity learned to send an invitation again and to carry the note. Permissions gathers every rule about who may do what, by part: Code's base permission and member privileges, who creates teams, who creates channels, and, marked Soon with what applies today, forking private repositories, adding agents to conversations, messaging agents directly, creating spaces and default sharing, creating workspace agents and raising budgets, deploying to production and publishing packages. General lost what moved. The permissions guide is new, and the workspaces, people and teams, access, chat, teams, authentication and billing guides say where things are now. | 1768 | { label: "Members", hint: `${membership.slug} · Access`, to: `/${membership.slug}/-/members`, icon: <Users size={15} /> }, |
| 1769 | ...(membership.role === "owner" | |
| 1770 | ? [ | |
| 1771 | { label: "Invitations", hint: `${membership.slug} · Access`, to: `/${membership.slug}/-/members/invitations`, icon: <Mail size={15} /> }, | |
| 1772 | { label: "Permissions", hint: `${membership.slug} · Access`, to: `/${membership.slug}/-/permissions`, icon: <ShieldCheck size={15} /> }, | |
| 1773 | ] | |
| 1774 | : []), | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1775 | ); |
| 1776 | } | |
| 1777 | for (const listed of shell.repos) { | |
| 1778 | commands.push({ | |
| 1779 | label: listed.title ?? listed.name, | |
| 1780 | hint: `${listed.namespace} · Project`, | |
| 1781 | to: `/${listed.namespace}/${listed.name}`, | |
| 1782 | icon: <Box size={15} />, | |
| 1783 | }); | |
| 1784 | } | |
| 1785 | // "Put an agent on …": one per project, after the projects themselves. | |
| 1786 | for (const listed of shell.repos) { | |
| 1787 | if (repo && listed.namespace === repo.namespace && listed.name === repo.name) continue; | |
| 1788 | commands.push({ | |
| 1789 | label: `Put an agent on ${listed.title ?? listed.name}`, | |
| 1790 | hint: `${listed.namespace}/${listed.name}`, | |
| 1791 | to: `/${listed.namespace}/${listed.name}/issues/new?agent=1`, | |
| 1792 | icon: <Sparkles size={15} />, | |
| 1793 | }); | |
| 1794 | } | |
| 1795 | return commands; | |
| 1796 | } | |
| 1797 | ||
| 1798 | /** | |
| Merge branch 'worktree-agent-aca4790ea223aa235' | 1799 | * The page while the next one loads: after a moment it dims, under the |
| 1800 | * bar below, so it is plainly on its way out rather than frozen, and the | |
| 1801 | * next page fades up from there. Sending a form does not dim it: the | |
| 1802 | * form's button says it is working. Spread on the element holding the page. | |
| 1803 | */ | |
| 1804 | export function useLeaving() { | |
| 1805 | const navigation = useNavigation(); | |
| 1806 | const method = navigation.formMethod?.toUpperCase(); | |
| 1807 | const leaving = navigation.state === "loading" && (method == null || method === "GET"); | |
| 1808 | return { | |
| 1809 | "aria-busy": leaving || undefined, | |
| 1810 | className: `transition-opacity motion-reduce:transition-none ${leaving ? "opacity-60 delay-200 duration-300" : "duration-150"}`, | |
| 1811 | }; | |
| 1812 | } | |
| 1813 | ||
| 1814 | /** | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1815 | * A bar across the top of the page while the next one loads, as GitHub |
| 1816 | * has: it appears at once, creeps towards the end while waiting, then fills | |
| 1817 | * and fades when the page arrives. | |
| 1818 | */ | |
| 1819 | export function Progress() { | |
| 1820 | const navigation = useNavigation(); | |
| 1821 | const busy = navigation.state !== "idle"; | |
| 1822 | const [width, setWidth] = useState(0); | |
| 1823 | const [visible, setVisible] = useState(false); | |
| 1824 | useEffect(() => { | |
| 1825 | if (busy) { | |
| 1826 | setVisible(true); | |
| 1827 | setWidth(12); | |
| 1828 | // Slows as it goes, never quite arriving until the page does. | |
| 1829 | const timer = setInterval(() => setWidth((now) => now + (90 - now) * 0.12), 200); | |
| 1830 | return () => clearInterval(timer); | |
| 1831 | } | |
| 1832 | setWidth((now) => (now > 0 ? 100 : 0)); | |
| 1833 | const fade = setTimeout(() => setVisible(false), 250); | |
| 1834 | const reset = setTimeout(() => setWidth(0), 550); | |
| 1835 | return () => { | |
| 1836 | clearTimeout(fade); | |
| 1837 | clearTimeout(reset); | |
| 1838 | }; | |
| 1839 | }, [busy]); | |
| 1840 | return ( | |
| 1841 | <div | |
| 1842 | aria-hidden="true" | |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 1843 | className={`pointer-events-none fixed inset-x-0 top-0 z-60 h-0.75 transition-opacity duration-300 ${ |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1844 | visible ? "opacity-100" : "opacity-0" |
| 1845 | }`} | |
| 1846 | > | |
| 1847 | <div | |
| 1848 | className="h-full bg-accent shadow-[0_0_10px_var(--color-accent)] transition-[width] duration-200 ease-out" | |
| 1849 | style={{ width: `${width}%` }} | |
| 1850 | /> | |
| 1851 | </div> | |
| 1852 | ); | |
| 1853 | } | |
| 1854 | ||
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1855 | /** |
| 1856 | * The top bar's way to g1t: the direct message with the workspace's | |
| 1857 | * orchestrator, opened or made. The one tinted control in the bar: the | |
| 1858 | * lavender pixel 1 bare beside its words, on a wash of the accent. | |
| 1859 | */ | |
| 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) | 1860 | function AskG1tButton({ slug }: { slug: string }) { |
| 1861 | return ( | |
| 1862 | <Hint label="Ask g1t"> | |
| 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. | 1863 | <Button asChild variant="soft" size="bar" className="gap-2 max-md:ring-0 lg:px-3"> |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1864 | <Link to={`/${slug}/-/chat?agent=g1t`} aria-label="Ask g1t"> |
| 1865 | <MarkGlyph className="h-3.5" /> | |
| 1866 | <span className="max-lg:hidden">Ask g1t</span> | |
| 1867 | </Link> | |
| 1868 | </Button> | |
| 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) | 1869 | </Hint> |
| 1870 | ); | |
| 1871 | } | |
| 1872 | ||
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1873 | /** |
| The front page is Home: where you're needed comes first, however long ago it started, with what's at stake and how long it has waited; then what happened since you were last here, in words, with the agent work that settled, what landed, what deployed, what was decided and what was spent, switchable to the last 24 hours or 7 days; then what's running now. Your last visit is kept with your account, so it's the same on every device; Today's old address leads here. The home guide says how. | 1874 | * Which sidebar sits beside the page: each mode's own, or none. Home and |
| 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. | 1875 | * Apps are pages at full width, and so are g1t's public pages, such as a |
| 1876 | * profile, which are no workspace's. Without a workspace, only your own | |
| 1877 | * settings and Notifications have one. | |
| Chat and workspace agents: channels, DMs and named agents you talk to | 1878 | */ |
| 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. | 1879 | function sidebarFor(mode: ModeKey, workspace: boolean): Panel | null { |
| 1880 | if (!workspace) return mode === "account" || mode === "notifications" ? mode : null; | |
| The front page is Home: where you're needed comes first, however long ago it started, with what's at stake and how long it has waited; then what happened since you were last here, in words, with the agent work that settled, what landed, what deployed, what was decided and what was spent, switchable to the last 24 hours or 7 days; then what's running now. Your last visit is kept with your account, so it's the same on every device; Today's old address leads here. The home guide says how. | 1881 | if (mode === "home" || mode === "apps" || mode === "site") return 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) | 1882 | return mode; |
| Chat and workspace agents: channels, DMs and named agents you talk to | 1883 | } |
| 1884 | ||
| 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. | 1885 | /** The sidebars that sit beside the page, one per mode that has one. */ |
| 1886 | type Panel = "chat" | "artifacts" | "agents" | "code" | "notifications" | "people" | "workspace" | "account"; | |
| 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) | 1887 | |
| 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. | 1888 | /** Each sidebar's name, for the button that opens it on a phone. */ |
| Phones reach every page: each mode's menu from the top bar or by tapping the tab you're on, Docs first in the avatar sheet, a project's pages as a swipeable strip; dialogs as bottom sheets above the keyboard, safe areas, menus kept on screen, 40px targets, touch-visible controls, save bars above the tab bar | 1889 | const MODE_MENU: Record<Panel, string> = { |
| 1890 | chat: "Chat", | |
| Artifacts is a mode in the rail, the shell and the phone's tab bar in place of Docs: its home lists everything you can open by day or as cards under All, Yours and Shared with you, with search, filters and tiles to start a doc (slides, designs and dashboards say they are coming soon), and its sidebar holds favorites, spaces, Private, Shared, projects' docs and the trash. | 1891 | artifacts: "Artifacts", |
| Phones reach every page: each mode's menu from the top bar or by tapping the tab you're on, Docs first in the avatar sheet, a project's pages as a swipeable strip; dialogs as bottom sheets above the keyboard, safe areas, menus kept on screen, 40px targets, touch-visible controls, save bars above the tab bar | 1892 | agents: "Agents", |
| 1893 | code: "Code", | |
| 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. | 1894 | notifications: "Notifications", |
| 1895 | people: "People", | |
| Phones reach every page: each mode's menu from the top bar or by tapping the tab you're on, Docs first in the avatar sheet, a project's pages as a swipeable strip; dialogs as bottom sheets above the keyboard, safe areas, menus kept on screen, 40px targets, touch-visible controls, save bars above the tab bar | 1896 | workspace: "Workspace", |
| 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. | 1897 | account: "Your account", |
| Phones reach every page: each mode's menu from the top bar or by tapping the tab you're on, Docs first in the avatar sheet, a project's pages as a swipeable strip; dialogs as bottom sheets above the keyboard, safe areas, menus kept on screen, 40px targets, touch-visible controls, save bars above the tab bar | 1898 | }; |
| 1899 | ||
| 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. | 1900 | /** Whether a key press happened in something you type into, where Ctrl B is the editor's. */ |
| 1901 | function typing(target: EventTarget | null): boolean { | |
| 1902 | if (!(target instanceof HTMLElement)) return false; | |
| 1903 | return target.isContentEditable || target.closest("input, textarea, select, [contenteditable=''], [contenteditable='true'], [role='textbox']") != null; | |
| 1904 | } | |
| 1905 | ||
| 1906 | /** Ctrl B (⌘B on a Mac) shows or hides the sidebar, except while typing. */ | |
| 1907 | function useSidebarShortcut(toggle: () => void) { | |
| 1908 | useEffect(() => { | |
| 1909 | const onKey = (event: KeyboardEvent) => { | |
| 1910 | if (event.key.toLowerCase() !== "b" || event.altKey || event.shiftKey || !(event.ctrlKey || event.metaKey)) return; | |
| 1911 | if (event.defaultPrevented || typing(event.target)) return; | |
| 1912 | event.preventDefault(); | |
| 1913 | toggle(); | |
| 1914 | }; | |
| 1915 | window.addEventListener("keydown", onKey); | |
| 1916 | return () => window.removeEventListener("keydown", onKey); | |
| 1917 | }, [toggle]); | |
| 1918 | } | |
| 1919 | ||
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1920 | /** |
| 1921 | * Search or jump to: the command palette. On a computer it looks like the | |
| 1922 | * field it opens, with its shortcut; on a phone, a magnifier. | |
| 1923 | */ | |
| 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. | 1924 | function SearchButton({ onClick, place }: { onClick: () => void; place: "bar" | "sidebar" }) { |
| 1925 | const field = ( | |
| 1926 | <Button | |
| 1927 | variant="outline" | |
| 1928 | size="sm" | |
| 1929 | aria-label="Search or jump to" | |
| 1930 | onClick={onClick} | |
| 1931 | className={ | |
| 1932 | place === "sidebar" | |
| 1933 | ? "w-full justify-start bg-bg font-normal text-faint hover:bg-bg hover:text-muted" | |
| 1934 | : "mr-1 w-[min(18rem,26vw)] justify-start bg-surface font-normal text-faint hover:bg-surface hover:text-muted max-md:hidden" | |
| 1935 | } | |
| 1936 | > | |
| 1937 | <Search size={15} /> | |
| 1938 | <span className="grow truncate text-left">Search or jump to</span> | |
| 1939 | <PaletteKey className="px-1.5 text-[0.625rem] leading-4 text-muted" /> | |
| 1940 | </Button> | |
| 1941 | ); | |
| 1942 | if (place === "sidebar") return field; | |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1943 | return ( |
| 1944 | <> | |
| 1945 | <Button variant="ghost" size="icon-bar" aria-label="Search or jump to" onClick={onClick} className="md:hidden"> | |
| 1946 | <Search size={18} /> | |
| 1947 | </Button> | |
| 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. | 1948 | {field} |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 1949 | </> |
| 1950 | ); | |
| 1951 | } | |
| 1952 | ||
| 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. | 1953 | /** The sidebar's shortcut, for the hint on its toggle. */ |
| 1954 | function useSidebarKey(): string { | |
| 1955 | return sidebarKeyLabel(typeof navigator === "undefined" ? null : navigator.platform); | |
| 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. | 1956 | } |
| 1957 | ||
| Chat and workspace agents: channels, DMs and named agents you talk to | 1958 | /** |
| 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. | 1959 | * The app: three surfaces that never blur together. The rail, a narrow |
| 1960 | * column of icons down the window's left edge; the mode's sidebar, flat | |
| 1961 | * against it with a hairline between, which folds away with Ctrl B and is | |
| The page sits flat against the sidebar. On a computer it fills the rest of the window with no inset, no rounded corners and no frame around it, and its top bar always draws the line under itself, so a page's own header, a conversation's or a project's, sits beneath it as its own band instead of merging with it; the scroll watcher that used to decide when the line appeared is gone. A phone keeps its rounded panel above the bottom bar. The workspaces guide says so. | 1962 | * a drawer below 1024px; and the page, flat against the sidebar and |
| 1963 | * filling the rest of the window, with its top bar across the top and a | |
| 1964 | * line under it: the sidebar's toggle, where you are, search, Ask g1t and | |
| 1965 | * Create new. On a phone the rail is a bar along the bottom and the page | |
| The phone app: Chat in full with phone notifications, plus Code and Customize (#4) | 1966 | * fills the window above it, flat as well. Only for someone signed in; without a workspace yet, there |
| 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. | 1967 | * is no rail. The rail and the sidebar are drawn from the sidebar kit |
| 1968 | * (components/ui/sidebar.tsx): one provider holds whether the sidebar is | |
| 1969 | * open on a computer and whether the drawer is. | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1970 | */ |
| 1971 | export function AppShell({ | |
| 1972 | user, | |
| 1973 | shell, | |
| 1974 | missing = false, | |
| 1975 | banner, | |
| 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. | 1976 | sidebarClosed = false, |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1977 | children, |
| 1978 | }: { | |
| 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. | 1979 | user: User; |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1980 | shell: ShellData; |
| 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. | 1981 | /** The page is a 404 (see CodeSidebar). */ |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1982 | missing?: boolean; |
| 1983 | banner?: ReactNode; | |
| 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. | 1984 | /** Whether the person folded the sidebar away, as their cookie says. */ |
| 1985 | sidebarClosed?: boolean; | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1986 | children: ReactNode; |
| 1987 | }) { | |
| 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. | 1988 | const { pathname } = useLocation(); |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1989 | const [drawer, setDrawer] = useState(false); |
| 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. | 1990 | const [closed, setClosed] = useState(sidebarClosed); |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1991 | const [palette, setPalette] = useState(false); |
| 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. | 1992 | const commands = useMemo(() => commandsFor(user, shell), [user, shell]); |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1993 | |
| 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. | 1994 | // A new page closes the drawer. |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 1995 | useEffect(() => setDrawer(false), [pathname]); |
| 1996 | usePaletteShortcut(() => setPalette((open) => !open)); | |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 1997 | // In the desktop app, search is in the middle of its title bar, as in Slack, and not in the top bar too. |
| 1998 | const titleSearch = useTitleBarSearch(`Search ${shell.workspace?.name ?? shell.workspace?.slug ?? "g1t"}`, () => setPalette(true)); | |
| Merge branch 'worktree-agent-aca4790ea223aa235' | 1999 | const leaving = useLeaving(); |
| 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) | 2000 | useVisualViewport(); |
| Chat and workspace agents: channels, DMs and named agents you talk to | 2001 | const going = useNavigation().location?.pathname; |
| 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. | 2002 | const ws = shell.workspace; |
| 2003 | const mode = modeOf(going ?? pathname, ws?.slug ?? null); | |
| 2004 | const panel = sidebarFor(mode, ws != null); | |
| 2005 | const code = ws ? hasCodeAccess(ws) : false; | |
| Chat and workspace agents: channels, DMs and named agents you talk to | 2006 | const { sidebar: chatSidebar } = useChatSidebar(); |
| 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) | 2007 | // Notify: the feed socket's live counts (lib/notify-client.ts) once it has them; the page's until then. |
| 2008 | const live = useLiveBadges(ws?.slug); | |
| 2009 | const chatUnread = chatSidebar | |
| 2010 | ? unreadTotals(chatSidebar.entries) | |
| 2011 | : live?.chat != null | |
| 2012 | ? { unread: live.chat, mentions: live.mentions ?? 0 } | |
| 2013 | : (shell.chat ?? { unread: 0, mentions: 0 }); | |
| 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. | 2014 | const notificationsUnread = live?.inbox ?? shell.inbox?.unread ?? 0; |
| 2015 | const unread = { notifications: notificationsUnread, chat: chatUnread.unread, mentions: chatUnread.mentions }; | |
| 2016 | ||
| 2017 | // Folding the sidebar away on a computer is remembered, so the next page is drawn the same from the server. | |
| 2018 | const toggleSidebar = useCallback(() => { | |
| 2019 | if (!window.matchMedia("(min-width: 1024px)").matches) { | |
| 2020 | setDrawer((open) => !open); | |
| 2021 | return; | |
| 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) | 2022 | } |
| 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. | 2023 | setClosed((was) => { |
| 2024 | document.cookie = sidebarCookie(!was, window.location.protocol === "https:"); | |
| 2025 | return !was; | |
| 2026 | }); | |
| 2027 | }, []); | |
| 2028 | useSidebarShortcut(useCallback(() => { | |
| 2029 | if (panel) toggleSidebar(); | |
| 2030 | }, [panel, toggleSidebar])); | |
| 2031 | ||
| 2032 | const inline = panel != null && !closed; | |
| 2033 | const sidebarNode = () => { | |
| 2034 | if (!panel) return null; | |
| 2035 | if (!ws) return panel === "notifications" ? <NotificationsSidebar counts={shell.inbox ?? null} /> : <AccountSidebar username={user.username} />; | |
| 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) | 2036 | switch (panel) { |
| 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. | 2037 | case "code": |
| 2038 | return <CodeSidebar user={user} shell={shell} missing={missing} />; | |
| 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) | 2039 | case "chat": |
| 2040 | return <ChatSidebar slug={ws.slug} />; | |
| Artifacts is a mode in the rail, the shell and the phone's tab bar in place of Docs: its home lists everything you can open by day or as cards under All, Yours and Shared with you, with search, filters and tiles to start a doc (slides, designs and dashboards say they are coming soon), and its sidebar holds favorites, spaces, Private, Shared, projects' docs and the trash. | 2041 | case "artifacts": |
| 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. | 2042 | return <FoliosSidebar slug={ws.slug} />; |
| 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) | 2043 | case "agents": |
| 2044 | return <AgentsSidebar slug={ws.slug} shellAgents={shell.agents ?? null} code={code} owner={ws.role === "owner"} />; | |
| 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. | 2045 | case "notifications": |
| 2046 | return <NotificationsSidebar counts={shell.inbox ?? null} />; | |
| 2047 | case "people": | |
| 2048 | return <PeopleSidebar slug={ws.slug} />; | |
| 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) | 2049 | case "workspace": |
| 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. | 2050 | return <WorkspaceSidebar slug={ws.slug} owner={ws.role === "owner"} />; |
| 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) | 2051 | case "account": |
| 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. | 2052 | return <AccountSidebar username={user.username} />; |
| 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) | 2053 | } |
| 2054 | }; | |
| 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. | 2055 | const sidebarKey = useSidebarKey(); |
| 2056 | // Search or jump to sits at the top of the sidebar, except in Chat and | |
| 2057 | // Artifacts, whose sidebars search their own lists: there it stays in the bar. | |
| 2058 | const sidebarSearch = panel != null && panel !== "chat" && panel !== "artifacts"; | |
| 2059 | // The sidebar's head: the workspace and its switcher, the way to fold the | |
| 2060 | // sidebar or close the drawer, and search, which opens the palette. | |
| 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. | 2061 | const sidebarTop = (inDrawer: boolean) => ( |
| 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. | 2062 | <SidebarHeader className="gap-1 px-2 pt-0 pb-2"> |
| 2063 | <div className="flex h-14 shrink-0 items-center gap-1"> | |
| 2064 | {ws ? ( | |
| 2065 | <WorkspaceSwitcher user={user} workspace={ws} /> | |
| 2066 | ) : ( | |
| 2067 | <Link to="/" aria-label="g1t" className="mr-auto flex h-9 items-center rounded-md px-2"> | |
| 2068 | <Logo className="text-[1.125rem]" /> | |
| 2069 | </Link> | |
| 2070 | )} | |
| 2071 | {inDrawer ? ( | |
| 2072 | <Button type="button" aria-label="Close menu" onClick={() => setDrawer(false)} variant="ghost" size="icon-sm" className="text-faint"> | |
| 2073 | <X size={16} /> | |
| 2074 | </Button> | |
| 2075 | ) : ( | |
| 2076 | <SidebarTrigger hint={`Hide the sidebar (${sidebarKey})`} className="text-faint" /> | |
| 2077 | )} | |
| 2078 | </div> | |
| 2079 | {sidebarSearch && <SearchButton place="sidebar" onClick={() => setPalette(true)} />} | |
| 2080 | </SidebarHeader> | |
| 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. | 2081 | ); |
| 2082 | ||
| 2083 | // On a phone (below 768px): the bottom bar, and a conversation full screen. | |
| 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) | 2084 | const conversation = isConversation(going ?? pathname); |
| 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. | 2085 | // Where the page panel starts: 8px past the rail (56px), or 8px past the sidebar (56 + 240px) when it is open. |
| The page sits flat against the sidebar. On a computer it fills the rest of the window with no inset, no rounded corners and no frame around it, and its top bar always draws the line under itself, so a page's own header, a conversation's or a project's, sits beneath it as its own band instead of merging with it; the scroll watcher that used to decide when the line appeared is gone. A phone keeps its rounded panel above the bottom bar. The workspaces guide says so. | 2086 | // The page starts where the rail (3.5rem) and, open, the sidebar (15rem) end. |
| 2087 | const pad = ws ? (inline ? "md:pl-14 lg:pl-[18.5rem]" : "md:pl-14") : inline ? "lg:pl-[15rem]" : ""; | |
| Chat and workspace agents: channels, DMs and named agents you talk to | 2088 | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 2089 | return ( |
| 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. | 2090 | <SidebarProvider open={!closed} onOpenChange={(open) => setClosed(!open)} openMobile={drawer} onOpenMobileChange={setDrawer} toggleSidebar={toggleSidebar}> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 2091 | <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. | 2092 | {ws && ( |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 2093 | <div className="fixed top-(--frame-top) bottom-0 left-0 z-40 hidden md:block"> |
| 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. | 2094 | <Rail workspace={ws} pins={shell.pins ?? []} unread={unread} account={<AccountMenu user={user} />} /> |
| 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. | 2095 | </div> |
| 2096 | )} | |
| 2097 | {panel && ( | |
| 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. | 2098 | <Sidebar |
| 2099 | role="complementary" | |
| 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. | 2100 | aria-label={`${MODE_MENU[panel]} sidebar`} |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 2101 | className={`fixed top-(--frame-top) bottom-0 z-40 max-lg:hidden ${ws ? "left-14" : "left-0"}`} |
| 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. | 2102 | > |
| 2103 | {sidebarTop(false)} | |
| 2104 | <div className="min-h-0 grow">{sidebarNode()}</div> | |
| 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. | 2105 | </Sidebar> |
| 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. | 2106 | )} |
| 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. | 2107 | {/* The drawer is a sheet: a dialog that holds focus, closes on Escape or |
| 2108 | a tap outside, and gives focus back to the button that opened it. */} | |
| 2109 | {panel && ( | |
| 2110 | <SidebarMobile title={`${MODE_MENU[panel]} menu`} className="pb-[env(safe-area-inset-bottom)] max-md:[&_nav_a]:min-h-10"> | |
| 2111 | {sidebarTop(true)} | |
| 2112 | <div className="min-h-0 grow">{sidebarNode()}</div> | |
| 2113 | </SidebarMobile> | |
| 2114 | )} | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 2115 | |
| The phone app: Chat in full with phone notifications, plus Code and Customize (#4) | 2116 | <div className={`min-h-dvh pt-(--frame-top) pb-(--tabbar-h) ${pad}`}> |
| The page sits flat against the sidebar. On a computer it fills the rest of the window with no inset, no rounded corners and no frame around it, and its top bar always draws the line under itself, so a page's own header, a conversation's or a project's, sits beneath it as its own band instead of merging with it; the scroll watcher that used to decide when the line appeared is gone. A phone keeps its rounded panel above the bottom bar. The workspaces guide says so. | 2117 | {/* The top bar always has its line, so a page's own header (data-page-head: a conversation's, a project's, |
| 2118 | a sticky one under an open artifact) sits under it as its own band. */} | |
| The phone app: Chat in full with phone notifications, plus Code and Customize (#4) | 2119 | <div className="flex min-h-[calc(100dvh-var(--frame-top)-var(--tabbar-h))] min-w-0 flex-col bg-bg"> |
| 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. | 2120 | <header |
| The phone app: Chat in full with phone notifications, plus Code and Customize (#4) | 2121 | className={`sticky top-(--frame-top) z-30 flex h-14 items-center gap-1 border-b border-line bg-bg pr-2 pl-2 sm:pr-3 ${inline ? "lg:pl-3.5" : ""} ${conversation ? "max-md:hidden" : ""}`} |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 2122 | > |
| 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. | 2123 | {panel && ( |
| 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. | 2124 | <SidebarTrigger |
| 2125 | hint={`Show the sidebar (${sidebarKey})`} | |
| 2126 | aria-label={drawer ? "Hide the sidebar" : "Show the sidebar"} | |
| 2127 | aria-expanded={drawer} | |
| 2128 | className={`max-md:size-11 ${inline ? "lg:hidden" : ""}`} | |
| 2129 | /> | |
| 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. | 2130 | )} |
| 2131 | {ws && ( | |
| 2132 | <span className={`flex min-w-0 shrink items-center gap-1.5 ${inline ? "lg:hidden" : ""}`}> | |
| 2133 | <WorkspaceSwitcher user={user} workspace={ws} compact /> | |
| 2134 | <span aria-hidden="true" className="text-line-strong"> | |
| 2135 | / | |
| 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) | 2136 | </span> |
| 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. | 2137 | </span> |
| Inbox: a bell in the top bar opens it beside the page, and /inbox holds it all | 2138 | )} |
| 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. | 2139 | <Breadcrumbs pathname={pathname} missing={missing} repo={shell.repo} workspace={ws?.slug ?? null} /> |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 2140 | {/* Search, then what's yours (spend, Ask g1t), then the bell and Create new: one height, one rhythm. */} |
| 2141 | <div className="ml-auto flex shrink-0 items-center gap-1 md:gap-1.5"> | |
| 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. | 2142 | {/* With the sidebar open, search is at its top. */} |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 2143 | {!titleSearch && ( |
| 2144 | <span className={`flex ${inline && sidebarSearch ? "lg:hidden" : ""}`}> | |
| 2145 | <SearchButton place="bar" onClick={() => setPalette(true)} /> | |
| 2146 | </span> | |
| 2147 | )} | |
| The Spend page says what a workspace spent, where it went and the budgets that hold it, in Workspace under Money: spent at price, agents' spend and the spend limit; by day; by agent, person, channel, model, kind of work and product; budgets from the workspace down to each person, agent and task, with what happens at 100%; the costliest tasks, each with a receipt of every session at the provider's price and what was charged; and how it's priced. Everyone sees what agents spent for them, and owners and billing managers the whole workspace; each person can have a monthly budget agents keep to, and the spend pill in the top bar shows your month or the workspace's against its limit. The spend guide says how. | 2148 | {/* Your spend this month, or the workspace's for owners and billing managers; on a phone it is on Spend. */} |
| 2149 | {ws && ( | |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 2150 | <span className="flex max-md:hidden"> |
| The Spend page says what a workspace spent, where it went and the budgets that hold it, in Workspace under Money: spent at price, agents' spend and the spend limit; by day; by agent, person, channel, model, kind of work and product; budgets from the workspace down to each person, agent and task, with what happens at 100%; the costliest tasks, each with a receipt of every session at the provider's price and what was charged; and how it's priced. Everyone sees what agents spent for them, and owners and billing managers the whole workspace; each person can have a monthly budget agents keep to, and the spend pill in the top bar shows your month or the workspace's against its limit. The spend guide says how. | 2151 | <SpendPill slug={ws.slug} mayWorkspace={ws.role === "owner" || !!ws.org_roles?.includes("billing_manager")} /> |
| 2152 | </span> | |
| 2153 | )} | |
| 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. | 2154 | {ws && <AskG1tButton slug={ws.slug} />} |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 2155 | <Separator orientation="vertical" className="mx-1 data-[orientation=vertical]:h-5 max-md:hidden" /> |
| 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. | 2156 | {/* On a phone, Notifications is in the bottom bar. */} |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 2157 | <span className="flex max-md:hidden"> |
| 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. | 2158 | <NotificationsBell counts={shell.inbox ? { ...shell.inbox, unread: notificationsUnread } : null} /> |
| 2159 | </span> | |
| 2160 | <CreateMenu shell={shell} /> | |
| 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. | 2161 | {/* Without a workspace there is no rail: the account is here. */} |
| 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. | 2162 | {!ws && <AccountMenu user={user} side="bottom" />} |
| 2163 | </div> | |
| 2164 | </header> | |
| 2165 | {banner} | |
| 2166 | <main id="content" tabIndex={-1} {...leaving} className={`min-w-0 grow outline-none ${leaving.className}`}> | |
| 2167 | <InMain.Provider value={true}>{children}</InMain.Provider> | |
| 2168 | </main> | |
| 2169 | </div> | |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 2170 | </div> |
| 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. | 2171 | {ws && <BottomBar user={user} workspace={ws} pins={shell.pins ?? []} unread={unread} onReselect={panel ? () => setDrawer(true) : undefined} />} |
| 2172 | <CommandPalette open={palette} onOpenChange={setPalette} commands={commands} repo={shell.repo ? `${shell.repo.namespace}/${shell.repo.name}` : 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. | 2173 | </SidebarProvider> |
| Billing answers every page in a few round trips, not forty: its reads run together, Stripe is asked at most hourly, and the ledger has a time index | 2174 | ); |
| 2175 | } | |
| 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. | 2176 | |
| 2177 | /** Create new: a project, an issue in the one you are in, a workspace or a team. */ | |
| 2178 | function CreateMenu({ shell }: { shell: ShellData }) { | |
| 2179 | return ( | |
| 2180 | <DropdownMenu> | |
| 2181 | <Hint label="Create new"> | |
| The top of every page is one surface: the breadcrumb, search, spend, Ask g1t, bell and + share one height, corners and spacing, Ask g1t is a plain tinted button with the g1t mark drawn on whole pixels, a page's own header sits directly under the bar at the same left edge, and every section, conversations and open artifacts included, draws the same rounded panel. Tables written in chat render as tables, and the site's file, checkbox, radio, number and date controls are the design system's. Button, Separator, Breadcrumb, Table and FileDrop join the shared components; the chat guide says how tables work. | 2182 | <DropdownMenuTrigger asChild> |
| 2183 | <Button variant="ghost" size="bar" aria-label="Create new" className="gap-0.5 px-1.5 text-fg/90"> | |
| 2184 | <Plus size={17} className="max-md:size-5" /> | |
| 2185 | <ChevronDown size={12} className="text-faint max-md:hidden" /> | |
| 2186 | </Button> | |
| 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. | 2187 | </DropdownMenuTrigger> |
| 2188 | </Hint> | |
| 2189 | <DropdownMenuContent align="end" className="min-w-52"> | |
| 2190 | {shell.repo && ( | |
| 2191 | <> | |
| 2192 | <DropdownMenuLabel className="truncate">In {shell.repo.name}</DropdownMenuLabel> | |
| 2193 | <DropdownMenuItem asChild> | |
| 2194 | <Link to={`/${shell.repo.namespace}/${shell.repo.name}/issues/new`}> | |
| 2195 | <CircleDot /> | |
| 2196 | New issue | |
| 2197 | </Link> | |
| 2198 | </DropdownMenuItem> | |
| 2199 | {shell.repo.member && ( | |
| 2200 | <DropdownMenuItem asChild> | |
| 2201 | <Link to={`/${shell.repo.namespace}/${shell.repo.name}/plans`}> | |
| 2202 | <ListTree /> | |
| 2203 | Plan work | |
| 2204 | </Link> | |
| 2205 | </DropdownMenuItem> | |
| 2206 | )} | |
| 2207 | <DropdownMenuSeparator /> | |
| 2208 | </> | |
| 2209 | )} | |
| 2210 | <DropdownMenuItem asChild> | |
| 2211 | <Link to="/new"> | |
| 2212 | <Box /> | |
| 2213 | New project | |
| 2214 | </Link> | |
| 2215 | </DropdownMenuItem> | |
| 2216 | <DropdownMenuItem asChild> | |
| 2217 | <Link to="/new/github"> | |
| 2218 | <GitBranch /> | |
| 2219 | Import from GitHub | |
| 2220 | </Link> | |
| 2221 | </DropdownMenuItem> | |
| Merge remote-tracking branch 'origin/claude/cool-newton-7nm8r9' into claude/cool-newton-7nm8r9 | 2222 | {/* A team in the workspace you are in, for whoever it lets create one. A new workspace is made from the workspace switcher in the rail. */} |
| 2223 | {shell.workspace && <DropdownMenuSeparator />} | |
| 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. | 2224 | {shell.workspace && |
| 2225 | (mayCreateTeams(shell.workspace.team_creation, shell.workspace.role) ? ( | |
| 2226 | <DropdownMenuItem asChild> | |
| 2227 | <Link to={`/${shell.workspace.slug}/-/teams/new`}> | |
| 2228 | <UsersRound /> | |
| 2229 | New team | |
| 2230 | </Link> | |
| 2231 | </DropdownMenuItem> | |
| 2232 | ) : ( | |
| 2233 | <DropdownMenuItem disabled> | |
| 2234 | <UsersRound /> | |
| 2235 | New team | |
| 2236 | <span className="ml-auto pl-3 text-xs text-faint">Owners only</span> | |
| 2237 | </DropdownMenuItem> | |
| 2238 | ))} | |
| 2239 | </DropdownMenuContent> | |
| 2240 | </DropdownMenu> | |
| 2241 | ); | |
| 2242 | } |
This file's history is long; its oldest lines are credited to the oldest commit read.