diff --git a/web/src/app/routes/root.tsx b/web/src/app/routes/root.tsx index 3d6f6efb4..5125eae97 100644 --- a/web/src/app/routes/root.tsx +++ b/web/src/app/routes/root.tsx @@ -1,5 +1,4 @@ -import { Link, Outlet, createRootRoute } from "@tanstack/react-router"; -import { ThemeToggle } from "@/shared/theme/ThemeToggle"; +import { Outlet, createRootRoute } from "@tanstack/react-router"; export const Route = createRootRoute({ component: RootLayout, @@ -8,15 +7,6 @@ export const Route = createRootRoute({ function RootLayout() { return (
-
- - Buzz - - -
diff --git a/web/src/assets/app-icon@3x.png b/web/src/assets/app-icon@3x.png new file mode 100644 index 000000000..8b358a488 Binary files /dev/null and b/web/src/assets/app-icon@3x.png differ diff --git a/web/src/features/invite/ui/InvitePage.tsx b/web/src/features/invite/ui/InvitePage.tsx index 03e173d42..e8ef471cb 100644 --- a/web/src/features/invite/ui/InvitePage.tsx +++ b/web/src/features/invite/ui/InvitePage.tsx @@ -1,5 +1,4 @@ -import { Download, ExternalLink, Hexagon } from "lucide-react"; - +import buzzAppIcon from "@/assets/app-icon@3x.png"; import { relayWsUrl } from "@/shared/lib/relay-url"; import { Button } from "@/shared/ui/button"; @@ -19,39 +18,52 @@ export function InvitePage({ code }: { code: string }) { const deepLink = `buzz://join?relay=${encodeURIComponent(relay)}&code=${encodeURIComponent(code)}`; return ( -
-
- -
-

- You're invited to join -

-

{host}

-

- Buzz is a messaging platform for human–agent collaboration. Accept this - invite in the desktop app to join the workspace on this relay. -

+
+
+
+ Buzz +
+

+ You're invited to join +

+

{host}

-
- - -
+
+ +
-

- Already have Buzz installed? “Open in Buzz” will launch it - and accept the invite. Otherwise download the app first, then come back - and use this link again. -

+

+ Don't have the app?{" "} + + Download it now + +

+
); } diff --git a/web/src/features/repos/mock-repos.ts b/web/src/features/repos/mock-repos.ts new file mode 100644 index 000000000..c2e2394d9 --- /dev/null +++ b/web/src/features/repos/mock-repos.ts @@ -0,0 +1,149 @@ +import type { Repo } from "./use-repos"; +import type { + BlobView, + CommitInfo, + ReadmeResult, + TreeEntry, +} from "./git-client"; + +const now = Math.floor(Date.now() / 1000); +const people = { + ada: "1".repeat(64), + grace: "2".repeat(64), + linus: "3".repeat(64), + margaret: "4".repeat(64), +}; + +/** Local-only data for previewing the populated repositories state. */ +export const mockRepos: Repo[] = [ + { + id: "buzz-desktop", + name: "buzz-desktop", + description: + "The desktop client for collaborating with people and agents across Buzz workspaces.", + cloneUrls: ["https://example.com/buzz-desktop.git"], + webUrl: null, + channelId: null, + owner: people.ada, + contributors: [people.grace, people.linus], + createdAt: now - 60 * 24, + }, + { + id: "agent-harness", + name: "agent-harness", + description: + "Tools and shared workflows for launching and coordinating coding agents.", + cloneUrls: ["https://example.com/agent-harness.git"], + webUrl: null, + channelId: null, + owner: people.grace, + contributors: [people.ada, people.margaret], + createdAt: now - 60 * 60 * 3, + }, + { + id: "relay-infrastructure", + name: "relay-infrastructure", + description: + "Infrastructure and deployment configuration for community relays.", + cloneUrls: ["https://example.com/relay-infrastructure.git"], + webUrl: null, + channelId: null, + owner: people.linus, + contributors: [people.margaret], + createdAt: now - 60 * 60 * 24 * 2, + }, + { + id: "design-system", + name: "design-system", + description: "Shared foundations, components, and interaction patterns.", + cloneUrls: ["https://example.com/design-system.git"], + webUrl: null, + channelId: null, + owner: people.margaret, + contributors: [people.ada, people.grace, people.linus], + createdAt: now - 60 * 60 * 24 * 8, + }, +]; + +export function getMockRepo(repoId: string): Repo | undefined { + if (!import.meta.env.DEV) return undefined; + return mockRepos.find((repo) => repo.id === repoId); +} + +export const mockRepoTree: TreeEntry[] = [ + { + name: "src", + type: "tree", + mode: "040000", + oid: "1".repeat(40), + }, + { + name: "README.md", + type: "blob", + mode: "100644", + oid: "2".repeat(40), + }, + { + name: "package.json", + type: "blob", + mode: "100644", + oid: "3".repeat(40), + }, +]; + +export const mockRepoCommits: CommitInfo[] = [ + { + oid: "a".repeat(40), + message: "Polish repository browsing styles", + author: { + name: "Ada", + email: "ada@example.com", + timestamp: now - 60 * 24, + }, + }, + { + oid: "b".repeat(40), + message: "Add repository empty states", + author: { + name: "Grace", + email: "grace@example.com", + timestamp: now - 60 * 60 * 5, + }, + }, +]; + +export const mockRepoReadme: ReadmeResult = { + filename: "README.md", + content: + "# Buzz Desktop\n\nA focused workspace for people and agents to collaborate.\n\n## Getting started\n\nInstall dependencies, then start the development app.", +}; + +export function getMockBlob( + repoId: string, + filepath: string, +): BlobView | undefined { + if (!getMockRepo(repoId)) return undefined; + + if (filepath === "README.md") { + return { + kind: "markdown", + content: mockRepoReadme.content, + sizeBytes: mockRepoReadme.content.length, + }; + } + + if (filepath === "package.json") { + const content = `${JSON.stringify( + { + name: repoId, + private: true, + scripts: { dev: "vite", build: "tsc && vite build" }, + }, + null, + 2, + )}\n`; + return { kind: "text", content, sizeBytes: content.length }; + } + + return undefined; +} diff --git a/web/src/features/repos/ui/ConnectButton.tsx b/web/src/features/repos/ui/ConnectButton.tsx index 68abfbb6e..312955b9c 100644 --- a/web/src/features/repos/ui/ConnectButton.tsx +++ b/web/src/features/repos/ui/ConnectButton.tsx @@ -7,7 +7,10 @@ export function ConnectButton({ className }: { className?: string }) { const deepLink = `buzz://connect?relay=${encodeURIComponent(relayWsUrl())}`; return ( -
{/* Sidebar */} -