@trebired/git-host 1.4.0 → 1.7.0

package/dist/browser/index.js

@@ -1,19 +1,43 @@
-import { createElement, useDeferredValue, useEffect, useState, } from "react";
+import { createElement, useDeferredValue, useState, } from "react";
 import { createGitApiClient } from "../react/client.js";
-import { GitApiClientProvider, applyGitStarOptimisticState, applyGitWatchOptimisticState, useGitActivity, useGitBlob, useGitCommit, useGitCommits, useGitCreateFork, useGitCreateRelease, useGitForks, useGitOverview, useGitRelease, useGitReleases, useGitSocialState, useGitStarRepository, useGitSyncFork, useGitTree, useGitUnstarRepository, useGitUnwatchRepository, useGitWatchRepository, } from "../react/index.js";
+import { GitActivityList, GitApiClientProvider, GitBlameView, GitBlobView, GitBranchList, GitBranchSelector, GitCommitList, GitCopyCloneUrlButton, GitDeleteReleaseButton, GitDiffView, GitDownloadArchiveButton, GitEditReleaseButton, GitForkButton, GitForkList, GitPathBreadcrumbs, GitReleaseList, GitRepositoryActionBar, GitRepositoryShell, GitRepositorySocialButtons, GitRepositoryUiProvider, GitSearchResults, GitTagList, GitTagSelector, GitTreeView, useGitActivity, useGitBlame, useGitBlob, useGitBranches, useGitCommit, useGitCommits, useGitDiff, useGitForks, useGitCreateRelease, useGitOverview, useGitRelease, useGitReleases, useGitSearch, useGitTags, useGitTree, useGitUpdateRelease, } from "../react/index.js";
 import { text } from "../utils/text.js";
 const h = createElement;
 function joinClassNames(...values) {
     return values.filter(Boolean).join(" ");
 }
+function findReadme(entries) {
+    const match = entries.find((entry) => entry.type === "blob" && /^readme(\.|$)/i.test(entry.name));
+    return match ? match.path : "";
+}
+function createClient(options) {
+    return options.client || createGitApiClient({
+        baseUrl: text(options.baseUrl),
+        headers: options.headers,
+    });
+}
+function resolveTheme(theme, unstyled) {
+    if (!unstyled)
+        return theme;
+    return {
+        ...(theme || {}),
+        unstyled: true,
+    };
+}
 function GitBrowserProvider(props) {
-    const [client] = useState(() => props.client || createGitApiClient({
-        baseUrl: text(props.baseUrl),
-        headers: props.headers,
-    }));
+    const [client] = useState(() => createClient(props));
     return h(GitApiClientProvider, {
         client,
-        children: props.children,
+        children: h(GitRepositoryUiProvider, {
+            branding: props.branding,
+            client,
+            diagnostics: props.diagnostics,
+            navigate: props.navigate,
+            policy: props.policy,
+            routeAdapter: props.routeAdapter,
+            theme: resolveTheme(props.theme, props.unstyled),
+            children: props.children,
+        }),
     });
 }
 function withBrowserProvider(props, render) {
@@ -21,206 +45,186 @@ function withBrowserProvider(props, render) {
         return render();
     return h(GitBrowserProvider, {
         baseUrl: props.baseUrl,
+        branding: props.branding,
         client: props.client,
+        diagnostics: props.diagnostics,
         headers: props.headers,
+        navigate: props.navigate,
+        policy: props.policy,
+        routeAdapter: props.routeAdapter,
+        theme: resolveTheme(props.theme, props.unstyled),
+        unstyled: props.unstyled,
         children: render(),
     });
 }
-function formatDate(value) {
-    const next = text(value);
-    if (!next)
-        return "Unknown";
-    try {
-        return new Date(next).toLocaleString("en-US", {
-            dateStyle: "medium",
-            timeStyle: "short",
-        });
-    }
-    catch {
-        return next;
-    }
-}
-function LinkButton(props) {
-    return h("button", {
-        className: joinClassNames("git-browser-nav-link", props.active && "is-active"),
-        onClick: () => props.navigate && props.navigate(props.to),
-        type: "button",
-        children: props.children,
-    });
-}
-function StatusBlock(props) {
-    if (props.loading)
-        return h("div", { className: "git-browser-status", children: "Loading repository data..." });
-    if (props.error)
-        return h("div", { className: "git-browser-status is-error", children: props.error.message });
-    return h("div", { children: props.children });
-}
-function RepositoryNav(props) {
-    return h("div", {
-        className: "git-browser-nav",
+function overviewStats(overview) {
+    if (!overview)
+        return [];
+    return [
+        { label: "Branch", value: overview.repository.repository.current_branch },
+        { label: "Head", value: overview.repository.repository.head_short },
+        { label: "Stars", value: String(overview.social.star_count) },
+        { label: "Watchers", value: String(overview.social.watcher_count) },
+        { label: "Releases", value: String(overview.release_count) },
+        { label: "Forks", value: String(overview.fork_count) },
+    ];
+}
+function defaultSubtitle(repositoryKey, overview) {
+    if (!overview)
+        return `Repository workspace for ${repositoryKey}`;
+    return `${overview.repository.repository.current_branch} branch · ${overview.release_count} releases · ${overview.fork_count} forks`;
+}
+function defaultActionBar(repositoryKey, headers) {
+    return h(GitRepositoryActionBar, {
         children: [
-            h(LinkButton, { active: props.current === "overview", key: "overview", navigate: props.navigate, to: `/repositories/${props.repositoryKey}/overview`, children: "Overview" }),
-            h(LinkButton, { active: props.current === "code", key: "code", navigate: props.navigate, to: `/repositories/${props.repositoryKey}/code`, children: "Code" }),
-            h(LinkButton, { active: props.current === "commits", key: "commits", navigate: props.navigate, to: `/repositories/${props.repositoryKey}/commits`, children: "Commits" }),
-            h(LinkButton, { active: props.current === "releases", key: "releases", navigate: props.navigate, to: `/repositories/${props.repositoryKey}/releases`, children: "Releases" }),
-            h(LinkButton, { active: props.current === "forks", key: "forks", navigate: props.navigate, to: `/repositories/${props.repositoryKey}/forks`, children: "Forks" }),
-            h(LinkButton, { active: props.current === "activity", key: "activity", navigate: props.navigate, to: `/repositories/${props.repositoryKey}/activity`, children: "Activity" }),
+            h(GitRepositorySocialButtons, { headers, key: "social", repositoryKey }),
+            h(GitForkButton, { headers, key: "fork", repositoryKey }),
+            h(GitCopyCloneUrlButton, { key: "clone", repositoryKey }),
+            h(GitDownloadArchiveButton, { format: "zip", key: "archive-zip", repositoryKey }),
+            h(GitDownloadArchiveButton, { format: "tar.gz", key: "archive-tar", repositoryKey }),
         ],
     });
 }
-function SocialControls(props) {
-    const [optimistic, setOptimistic] = useState(props.social);
-    useEffect(() => {
-        setOptimistic(props.social);
-    }, [props.social]);
-    const star = useGitStarRepository(props.repositoryKey, { headers: props.headers });
-    const unstar = useGitUnstarRepository(props.repositoryKey, { headers: props.headers });
-    const watch = useGitWatchRepository(props.repositoryKey, { headers: props.headers });
-    const unwatch = useGitUnwatchRepository(props.repositoryKey, { headers: props.headers });
-    const social = optimistic;
-    return h("div", {
-        className: "git-browser-actions",
+function GitReleaseComposerCard(props) {
+    const createRelease = useGitCreateRelease(props.repositoryKey, { headers: props.headers });
+    const [title, setTitle] = useState("");
+    const [tagName, setTagName] = useState("");
+    const [notes, setNotes] = useState("");
+    return h("section", {
+        className: "git-browser-card",
         children: [
-            h("button", {
-                className: joinClassNames("git-browser-action-button", social?.viewer_has_starred && "is-active"),
-                disabled: star.loading || unstar.loading,
-                key: "star",
-                onClick: async () => {
-                    const next = social?.viewer_has_starred !== true;
-                    setOptimistic(applyGitStarOptimisticState(social, next));
-                    try {
-                        setOptimistic(next ? await star.mutate() : await unstar.mutate());
-                    }
-                    catch {
-                        setOptimistic(props.social);
-                    }
+            h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Publish a Release" }) }),
+            h("form", {
+                className: "git-browser-form",
+                key: "form",
+                onSubmit: async (event) => {
+                    event.preventDefault();
+                    await createRelease.mutate({
+                        createTag: {
+                            annotatedMessage: notes || title,
+                            name: tagName,
+                            targetRef: "HEAD",
+                        },
+                        notes,
+                        title,
+                    });
+                    setTitle("");
+                    setTagName("");
+                    setNotes("");
+                    props.onCreated?.();
                 },
-                type: "button",
-                children: `${social?.viewer_has_starred ? "Starred" : "Star"} ${social?.star_count ?? 0}`,
-            }),
-            h("button", {
-                className: joinClassNames("git-browser-action-button", social?.viewer_is_watching && "is-active"),
-                disabled: watch.loading || unwatch.loading,
-                key: "watch",
-                onClick: async () => {
-                    const next = social?.viewer_is_watching !== true;
-                    setOptimistic(applyGitWatchOptimisticState(social, next));
-                    try {
-                        setOptimistic(next ? await watch.mutate() : await unwatch.mutate());
-                    }
-                    catch {
-                        setOptimistic(props.social);
-                    }
-                },
-                type: "button",
-                children: `${social?.viewer_is_watching ? "Watching" : "Watch"} ${social?.watcher_count ?? 0}`,
+                children: [
+                    h("input", {
+                        className: "git-browser-input",
+                        key: "title",
+                        onChange: (event) => setTitle(text(event.target?.value)),
+                        placeholder: "Release title",
+                        value: title,
+                    }),
+                    h("input", {
+                        className: "git-browser-input",
+                        key: "tag",
+                        onChange: (event) => setTagName(text(event.target?.value)),
+                        placeholder: "Tag name",
+                        value: tagName,
+                    }),
+                    h("textarea", {
+                        className: "git-browser-input git-browser-textarea",
+                        key: "notes",
+                        onChange: (event) => setNotes(text(event.target?.value)),
+                        placeholder: "Release notes",
+                        value: notes,
+                    }),
+                    h("button", {
+                        className: "git-browser-action-button is-primary",
+                        disabled: createRelease.loading || !title || !tagName,
+                        key: "submit",
+                        type: "submit",
+                        children: createRelease.loading ? "Publishing..." : "Publish Release",
+                    }),
+                ],
             }),
         ],
     });
 }
-function RepositoryHeader(props) {
-    const socialQuery = useGitSocialState(props.repositoryKey, {
-        headers: props.headers,
-        initialData: props.overview?.social || null,
-    });
-    const createFork = useGitCreateFork(props.repositoryKey, { headers: props.headers });
+function GitReleaseEditorCard(props) {
+    const updateRelease = useGitUpdateRelease(props.repositoryKey, text(props.release?.id), { headers: props.headers });
+    const [editing, setEditing] = useState(false);
+    const [title, setTitle] = useState(text(props.release?.title));
+    const [notes, setNotes] = useState(text(props.release?.notes));
+    if (!props.release)
+        return null;
     return h("section", {
-        className: "git-browser-hero",
+        className: "git-browser-card",
         children: [
             h("div", {
-                className: "git-browser-hero-top",
-                key: "title",
+                className: "git-browser-card-header",
+                key: "header",
                 children: [
+                    h("h2", { className: "git-browser-card-title", key: "title", children: "Release Actions" }),
                     h("div", {
-                        className: "git-browser-title-block",
-                        key: "block",
-                        children: [
-                            h("div", { className: "git-browser-badge", key: "badge", children: "Embeddable Forge" }),
-                            h("h1", { className: "git-browser-title", key: "title", children: props.repositoryKey }),
-                            h("p", {
-                                className: "git-browser-subtitle",
-                                key: "subtitle",
-                                children: props.overview
-                                    ? `${props.overview.repository.repository.current_branch} branch, ${props.overview.release_count} releases, ${props.overview.fork_count} forks`
-                                    : "Repository browser",
-                            }),
-                        ],
-                    }),
-                    h("div", {
-                        className: "git-browser-header-actions",
+                        className: "git-browser-actions",
                         key: "actions",
                         children: [
-                            h(SocialControls, {
+                            h(GitEditReleaseButton, {
+                                key: "edit",
+                                onClick: () => setEditing((current) => !current),
+                            }),
+                            h(GitDeleteReleaseButton, {
                                 headers: props.headers,
-                                key: "social",
+                                key: "delete",
+                                onDeleted: props.onDeleted,
+                                releaseId: props.release.id,
                                 repositoryKey: props.repositoryKey,
-                                social: socialQuery.data,
-                            }),
-                            h("button", {
-                                className: "git-browser-action-button is-primary",
-                                disabled: createFork.loading,
-                                key: "fork",
-                                onClick: async () => {
-                                    await createFork.mutate();
-                                },
-                                type: "button",
-                                children: createFork.loading ? "Forking..." : "Create Fork",
                             }),
                         ],
                     }),
                 ],
             }),
-            h(RepositoryNav, {
-                current: props.current,
-                navigate: props.navigate,
-                repositoryKey: props.repositoryKey,
-                key: "nav",
-            }),
-        ],
-    });
-}
-function Card(props) {
-    return h("section", {
-        className: joinClassNames("git-browser-card", props.className),
-        children: [
-            h("div", {
-                className: "git-browser-card-header",
-                key: "header",
-                children: [
-                    h("h2", { className: "git-browser-card-title", key: "title", children: props.title }),
-                    props.subtitle ? h("div", { className: "git-browser-card-subtitle", key: "subtitle", children: props.subtitle }) : null,
-                ],
-            }),
-            h("div", {
-                className: "git-browser-card-body",
-                key: "body",
-                children: props.children,
-            }),
+            editing
+                ? h("div", {
+                    className: "git-browser-form",
+                    key: "editor",
+                    children: [
+                        h("input", {
+                            className: "git-browser-input",
+                            key: "title",
+                            onChange: (event) => setTitle(text(event.target?.value)),
+                            value: title,
+                        }),
+                        h("textarea", {
+                            className: "git-browser-input git-browser-textarea",
+                            key: "notes",
+                            onChange: (event) => setNotes(text(event.target?.value)),
+                            value: notes,
+                        }),
+                        h("button", {
+                            className: "git-browser-action-button is-primary",
+                            disabled: updateRelease.loading,
+                            key: "save",
+                            onClick: async () => {
+                                await updateRelease.mutate({ notes, title });
+                                setEditing(false);
+                                props.onUpdated?.();
+                            },
+                            type: "button",
+                            children: updateRelease.loading ? "Saving..." : "Save Release",
+                        }),
+                    ],
+                })
+                : h("p", { className: "git-browser-note", key: "summary", children: "Toggle edit mode to rename or rewrite release notes." }),
         ],
     });
 }
-function DefinitionGrid(props) {
-    return h("dl", {
-        className: "git-browser-definition-grid",
-        children: props.rows.flatMap((row) => ([
-            h("dt", { key: `${row.label}:label`, children: row.label }),
-            h("dd", { key: `${row.label}:value`, children: row.value }),
-        ])),
-    });
-}
-function findReadme(entries) {
-    const match = entries.find((entry) => entry.type === "blob" && /^readme(\.|$)/i.test(entry.name));
-    return match ? match.path : "";
-}
 function GitRepositoryOverviewPageInner(props) {
     const overview = useGitOverview(props.repositoryKey, {
         headers: props.headers,
-        initialData: props.initialData || null,
+        initialData: props.initialData?.overview || null,
     });
     const tree = useGitTree(props.repositoryKey, {
+        enabled: Boolean(overview.data),
         headers: props.headers,
         icons: true,
-        path: "",
         recursive: true,
         ref: overview.data?.repository.repository.current_branch || "HEAD",
     });
@@ -231,512 +235,523 @@ function GitRepositoryOverviewPageInner(props) {
         path: readmePath,
         ref: overview.data?.repository.repository.current_branch || "HEAD",
     });
-    return h("div", {
-        className: joinClassNames("git-browser-page", props.className),
-        children: [
-            h(RepositoryHeader, {
-                current: "overview",
-                headers: props.headers,
-                key: "header",
-                navigate: props.navigate,
-                overview: overview.data,
-                repositoryKey: props.repositoryKey,
-            }),
-            h(StatusBlock, {
-                error: overview.error,
-                key: "status",
-                loading: overview.loading,
-                children: overview.data ? h("div", {
-                    className: "git-browser-grid",
+    return h(GitRepositoryShell, {
+        actions: defaultActionBar(props.repositoryKey, props.headers),
+        className: props.className,
+        error: overview.error,
+        loading: overview.loading,
+        page: "overview",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: defaultSubtitle(props.repositoryKey, overview.data),
+        children: h("div", {
+            className: "git-browser-grid",
+            children: [
+                h("section", {
+                    className: "git-browser-card git-browser-span-2",
+                    key: "summary",
                     children: [
-                        h(Card, {
-                            className: "git-browser-span-2",
-                            key: "summary",
-                            title: "Repository Summary",
-                            subtitle: overview.data.repository.repository.path,
-                            children: h(DefinitionGrid, {
-                                rows: [
-                                    { label: "Branch", value: overview.data.repository.repository.current_branch },
-                                    { label: "Head", value: overview.data.repository.repository.head_short },
-                                    { label: "Releases", value: String(overview.data.release_count) },
-                                    { label: "Forks", value: String(overview.data.fork_count) },
-                                    { label: "Activity", value: String(overview.data.activity_count) },
-                                ],
-                            }),
-                        }),
-                        h(Card, {
-                            key: "latest-release",
-                            title: "Latest Release",
-                            children: overview.data.latest_release
-                                ? [
-                                    h("div", { className: "git-browser-inline-meta", key: "title", children: `${overview.data.latest_release.title} · ${overview.data.latest_release.tag_name}` }),
-                                    h("p", { className: "git-browser-note", key: "notes", children: overview.data.latest_release.notes || "No notes yet." }),
-                                ]
-                                : "No releases published yet.",
-                        }),
-                        h(Card, {
-                            className: "git-browser-span-3",
-                            key: "readme",
-                            title: "README",
-                            children: readme.data
-                                ? h("pre", { className: "git-browser-code-block", children: readme.data.content })
-                                : "README content not available.",
-                        }),
+                        h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Repository Summary" }) }),
+                        h("p", { className: "git-browser-note", key: "path", children: overview.data?.repository.repository.path || "" }),
                     ],
-                }) : null,
-            }),
-        ],
+                }),
+                h("section", {
+                    className: "git-browser-card",
+                    key: "latest-release",
+                    children: [
+                        h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Latest Release" }) }),
+                        overview.data?.latest_release
+                            ? h(GitReleaseList, { key: "list", releases: [overview.data.latest_release], repositoryKey: props.repositoryKey })
+                            : h("p", { className: "git-browser-note", key: "empty", children: "No releases published yet." }),
+                    ],
+                }),
+                h("section", {
+                    className: "git-browser-card git-browser-span-3",
+                    key: "readme",
+                    children: [
+                        h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "README" }) }),
+                        h(GitBlobView, { content: readme.data?.content, key: "blob", path: readmePath || "README" }),
+                    ],
+                }),
+            ],
+        }),
     });
 }
 function GitRepositoryCodePageInner(props) {
     const overview = useGitOverview(props.repositoryKey, {
         headers: props.headers,
-        initialData: props.initialData || null,
+        initialData: props.initialData?.overview || null,
     });
-    const deferredPath = useDeferredValue(text(props.path));
+    const [selectedPath, setSelectedPath] = useState(text(props.path));
+    const deferredPath = useDeferredValue(selectedPath);
+    const refName = props.refName || overview.data?.repository.repository.current_branch || "HEAD";
     const tree = useGitTree(props.repositoryKey, {
         headers: props.headers,
         icons: true,
         linguist: true,
         recursive: true,
-        ref: props.refName || overview.data?.repository.repository.current_branch || "HEAD",
+        ref: refName,
     });
-    const selectedPath = deferredPath || (tree.data || []).find((entry) => entry.type === "blob")?.path || "";
-    const selectedEntry = (tree.data || []).find((entry) => entry.path === selectedPath) || null;
+    const resolvedPath = deferredPath || (tree.data || []).find((entry) => entry.type === "blob")?.path || "";
+    const selectedEntry = (tree.data || []).find((entry) => entry.path === resolvedPath) || null;
     const blob = useGitBlob(props.repositoryKey, {
         enabled: Boolean(selectedEntry && selectedEntry.type === "blob"),
         headers: props.headers,
-        path: selectedPath,
-        ref: props.refName || overview.data?.repository.repository.current_branch || "HEAD",
-    });
-    return h("div", {
-        className: joinClassNames("git-browser-page", props.className),
-        children: [
-            h(RepositoryHeader, {
-                current: "code",
-                headers: props.headers,
-                key: "header",
-                navigate: props.navigate,
-                overview: overview.data,
-                repositoryKey: props.repositoryKey,
-            }),
-            h(StatusBlock, {
-                error: tree.error || blob.error,
-                key: "status",
-                loading: overview.loading || tree.loading || blob.loading,
-                children: h("div", {
-                    className: "git-browser-split",
+        path: resolvedPath,
+        ref: refName,
+    });
+    return h(GitRepositoryShell, {
+        actions: h(GitRepositoryActionBar, {
+            children: [
+                h(GitBranchSelector, { headers: props.headers, key: "branch", repositoryKey: props.repositoryKey, selectedBranch: overview.data?.repository.repository.current_branch }),
+                h(GitTagSelector, { headers: props.headers, key: "tag", repositoryKey: props.repositoryKey }),
+            ],
+        }),
+        className: props.className,
+        error: tree.error || blob.error,
+        loading: overview.loading || tree.loading,
+        page: "code",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: defaultSubtitle(props.repositoryKey, overview.data),
+        children: h("div", {
+            className: "git-browser-split",
+            children: [
+                h("section", {
+                    className: "git-browser-card",
+                    key: "tree",
                     children: [
-                        h(Card, {
-                            key: "tree",
-                            title: "Repository Tree",
-                            subtitle: props.refName || overview.data?.repository.repository.current_branch || "HEAD",
-                            children: h("ul", {
-                                className: "git-browser-list",
-                                children: (tree.data || []).map((entry) => (h("li", {
-                                    className: joinClassNames("git-browser-list-item", entry.path === selectedPath && "is-selected"),
-                                    key: entry.path,
-                                    children: `${entry.type === "tree" ? "dir" : "file"} · ${entry.path}${entry.language ? ` · ${entry.language}` : ""}`,
-                                }))),
-                            }),
+                        h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Repository Tree" }) }),
+                        h(GitTreeView, {
+                            entries: tree.data || [],
+                            key: "body",
+                            onSelectPath: setSelectedPath,
+                            selectedPath: resolvedPath,
                         }),
-                        h(Card, {
-                            className: "git-browser-span-2",
-                            key: "blob",
-                            title: selectedPath || "File Preview",
+                    ],
+                }),
+                h("div", {
+                    className: "git-browser-grid",
+                    key: "blob",
+                    children: [
+                        h(GitPathBreadcrumbs, { key: "crumbs", path: resolvedPath, refName, repositoryKey: props.repositoryKey }),
+                        h(GitBlobView, {
+                            content: blob.data?.content,
+                            key: "view",
+                            path: resolvedPath,
                             subtitle: selectedEntry?.language || "Plain text",
-                            children: blob.data
-                                ? h("pre", { className: "git-browser-code-block", children: blob.data.content })
-                                : "Select a file path to preview blob content.",
                         }),
                     ],
                 }),
-            }),
-        ],
+            ],
+        }),
     });
 }
 function GitRepositoryCommitsPageInner(props) {
     const overview = useGitOverview(props.repositoryKey, {
         headers: props.headers,
-        initialData: props.initialData || null,
+        initialData: props.initialData?.overview || null,
     });
+    const [limit, setLimit] = useState(20);
     const commits = useGitCommits(props.repositoryKey, {
         headers: props.headers,
+        initialData: props.initialData?.commits || null,
+        limit,
         path: props.path,
         ref: props.refName || overview.data?.repository.repository.current_branch || "HEAD",
     });
-    return h("div", {
-        className: joinClassNames("git-browser-page", props.className),
-        children: [
-            h(RepositoryHeader, {
-                current: "commits",
-                headers: props.headers,
-                key: "header",
-                navigate: props.navigate,
-                overview: overview.data,
-                repositoryKey: props.repositoryKey,
-            }),
-            h(StatusBlock, {
-                error: commits.error,
-                key: "status",
-                loading: overview.loading || commits.loading,
-                children: h(Card, {
-                    title: "Commit History",
-                    subtitle: props.path ? `Filtered to ${props.path}` : "Latest repository activity",
-                    children: h("ul", {
-                        className: "git-browser-list",
-                        children: (commits.data || []).map((commit) => (h("li", {
-                            className: "git-browser-list-item",
-                            key: commit.hash,
-                            children: `${commit.short_hash} · ${commit.subject} · ${commit.author_name} · ${formatDate(commit.authored_at)}`,
-                        }))),
-                    }),
-                }),
-            }),
-        ],
+    return h(GitRepositoryShell, {
+        actions: h(GitRepositoryActionBar, {
+            children: h(GitBranchSelector, { headers: props.headers, repositoryKey: props.repositoryKey, selectedBranch: overview.data?.repository.repository.current_branch }),
+        }),
+        className: props.className,
+        error: commits.error,
+        loading: overview.loading || commits.loading,
+        page: "commits",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: props.path ? `History filtered to ${props.path}` : defaultSubtitle(props.repositoryKey, overview.data),
+        children: h("section", {
+            className: "git-browser-card",
+            children: [
+                h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Commit History" }) }),
+                h(GitCommitList, { commits: commits.data || [], key: "list", repositoryKey: props.repositoryKey }),
+                (commits.data || []).length >= limit
+                    ? h("button", {
+                        className: "git-browser-action-button",
+                        key: "more",
+                        onClick: () => setLimit((current) => current + 20),
+                        type: "button",
+                        children: "Load More Commits",
+                    })
+                    : null,
+            ],
+        }),
     });
 }
 function GitRepositoryCommitPageInner(props) {
     const overview = useGitOverview(props.repositoryKey, {
         headers: props.headers,
-        initialData: props.initialData || null,
+        initialData: props.initialData?.overview || null,
     });
     const commit = useGitCommit(props.repositoryKey, props.commitRef, {
         headers: props.headers,
-    });
-    return h("div", {
-        className: joinClassNames("git-browser-page", props.className),
-        children: [
-            h(RepositoryHeader, {
-                current: "commits",
-                headers: props.headers,
-                key: "header",
-                navigate: props.navigate,
-                overview: overview.data,
-                repositoryKey: props.repositoryKey,
-            }),
-            h(StatusBlock, {
-                error: commit.error,
-                key: "status",
-                loading: overview.loading || commit.loading,
-                children: commit.data ? h("div", {
-                    className: "git-browser-grid",
+        initialData: props.initialData?.commit || null,
+    });
+    return h(GitRepositoryShell, {
+        className: props.className,
+        error: commit.error,
+        loading: overview.loading || commit.loading,
+        page: "commit",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: defaultSubtitle(props.repositoryKey, overview.data),
+        children: commit.data ? h("div", {
+            className: "git-browser-grid",
+            children: [
+                h("section", {
+                    className: "git-browser-card git-browser-span-3",
+                    key: "meta",
                     children: [
-                        h(Card, {
-                            className: "git-browser-span-3",
-                            key: "meta",
-                            title: commit.data.commit.subject,
-                            subtitle: `${commit.data.commit.short_hash} by ${commit.data.commit.author_name}`,
-                            children: h(DefinitionGrid, {
-                                rows: [
-                                    { label: "Authored", value: formatDate(commit.data.commit.authored_at) },
-                                    { label: "Files", value: String(commit.data.file_count) },
-                                    { label: "Added", value: String(commit.data.lines_added) },
-                                    { label: "Removed", value: String(commit.data.lines_removed) },
-                                ],
-                            }),
-                        }),
-                        h(Card, {
-                            className: "git-browser-span-3",
-                            key: "diff",
-                            title: "Diff",
-                            children: h("pre", { className: "git-browser-code-block", children: commit.data.diff }),
-                        }),
+                        h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: commit.data.commit.subject }) }),
+                        h("p", { className: "git-browser-note", key: "meta", children: `${commit.data.commit.short_hash} · ${commit.data.commit.author_name} · ${commit.data.file_count} files` }),
+                        h("pre", { className: "git-browser-code-block", key: "diff", children: commit.data.diff }),
                     ],
-                }) : null,
-            }),
-        ],
-    });
-}
-function ReleaseComposer(props) {
-    const createRelease = useGitCreateRelease(props.repositoryKey, { headers: props.headers });
-    const [title, setTitle] = useState("");
-    const [tagName, setTagName] = useState("");
-    const [notes, setNotes] = useState("");
-    return h("form", {
-        className: "git-browser-form",
-        onSubmit: async (event) => {
-            event.preventDefault();
-            const release = await createRelease.mutate({
-                createTag: {
-                    annotatedMessage: notes || title,
-                    name: tagName,
-                    targetRef: "HEAD",
-                },
-                notes,
-                title,
-            });
-            setTitle("");
-            setTagName("");
-            setNotes("");
-            props.onCreated(release);
-        },
-        children: [
-            h("input", {
-                className: "git-browser-input",
-                key: "title",
-                onChange: (event) => setTitle(text(event.target?.value)),
-                placeholder: "Release title",
-                value: title,
-            }),
-            h("input", {
-                className: "git-browser-input",
-                key: "tag",
-                onChange: (event) => setTagName(text(event.target?.value)),
-                placeholder: "Tag name",
-                value: tagName,
-            }),
-            h("textarea", {
-                className: "git-browser-input git-browser-textarea",
-                key: "notes",
-                onChange: (event) => setNotes(text(event.target?.value)),
-                placeholder: "Release notes",
-                value: notes,
-            }),
-            h("button", {
-                className: "git-browser-action-button is-primary",
-                disabled: createRelease.loading || !title || !tagName,
-                key: "submit",
-                type: "submit",
-                children: createRelease.loading ? "Publishing..." : "Publish Release",
-            }),
-        ],
+                }),
+            ],
+        }) : null,
     });
 }
 function GitRepositoryReleasesPageInner(props) {
     const overview = useGitOverview(props.repositoryKey, {
         headers: props.headers,
-        initialData: props.initialData || null,
+        initialData: props.initialData?.overview || null,
     });
     const releases = useGitReleases(props.repositoryKey, {
         headers: props.headers,
-    });
-    const [createdRelease, setCreatedRelease] = useState(null);
-    useEffect(() => {
-        if (createdRelease)
-            releases.reload();
-    }, [createdRelease]);
-    return h("div", {
-        className: joinClassNames("git-browser-page", props.className),
-        children: [
-            h(RepositoryHeader, {
-                current: "releases",
-                headers: props.headers,
-                key: "header",
-                navigate: props.navigate,
-                overview: overview.data,
-                repositoryKey: props.repositoryKey,
-            }),
-            h(StatusBlock, {
-                error: releases.error,
-                key: "status",
-                loading: overview.loading || releases.loading,
-                children: h("div", {
-                    className: "git-browser-grid",
+        initialData: props.initialData?.releases || null,
+    });
+    return h(GitRepositoryShell, {
+        actions: defaultActionBar(props.repositoryKey, props.headers),
+        className: props.className,
+        error: releases.error,
+        loading: overview.loading || releases.loading,
+        page: "releases",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: defaultSubtitle(props.repositoryKey, overview.data),
+        children: h("div", {
+            className: "git-browser-grid",
+            children: [
+                h(GitReleaseComposerCard, {
+                    headers: props.headers,
+                    key: "composer",
+                    onCreated: releases.reload,
+                    repositoryKey: props.repositoryKey,
+                }),
+                h("section", {
+                    className: "git-browser-card git-browser-span-2",
+                    key: "list-card",
                     children: [
-                        h(Card, {
-                            key: "composer",
-                            title: "Publish a Release",
-                            subtitle: "This creates an annotated tag when needed.",
-                            children: h(ReleaseComposer, {
-                                headers: props.headers,
-                                onCreated: setCreatedRelease,
-                                repositoryKey: props.repositoryKey,
-                            }),
-                        }),
-                        h(Card, {
-                            className: "git-browser-span-2",
-                            key: "list",
-                            title: "Releases",
-                            children: h("ul", {
-                                className: "git-browser-list",
-                                children: (releases.data || []).map((release) => (h("li", {
-                                    className: "git-browser-list-item",
-                                    key: release.id,
-                                    children: [
-                                        h("strong", { key: "title", children: `${release.title} · ${release.tag_name}` }),
-                                        h("div", { className: "git-browser-note", key: "meta", children: `${release.prerelease ? "Prerelease" : "Stable"} · ${formatDate(release.published_at || release.created_at)}` }),
-                                        h("p", { className: "git-browser-note", key: "notes", children: release.notes || "No release notes." }),
-                                    ],
-                                }))),
-                            }),
-                        }),
+                        h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Releases" }) }),
+                        h(GitReleaseList, { key: "list", releases: releases.data || [], repositoryKey: props.repositoryKey }),
                     ],
                 }),
-            }),
-        ],
+            ],
+        }),
     });
 }
 function GitRepositoryReleasePageInner(props) {
     const overview = useGitOverview(props.repositoryKey, {
         headers: props.headers,
-        initialData: props.initialData || null,
+        initialData: props.initialData?.overview || null,
     });
     const release = useGitRelease(props.repositoryKey, props.releaseId, {
         headers: props.headers,
-    });
-    return h("div", {
-        className: joinClassNames("git-browser-page", props.className),
-        children: [
-            h(RepositoryHeader, {
-                current: "releases",
-                headers: props.headers,
-                key: "header",
-                navigate: props.navigate,
-                overview: overview.data,
-                repositoryKey: props.repositoryKey,
-            }),
-            h(StatusBlock, {
-                error: release.error,
-                key: "status",
-                loading: overview.loading || release.loading,
-                children: release.data ? h("div", {
-                    className: "git-browser-grid",
+        initialData: props.initialData?.release || null,
+    });
+    return h(GitRepositoryShell, {
+        actions: defaultActionBar(props.repositoryKey, props.headers),
+        className: props.className,
+        error: release.error,
+        loading: overview.loading || release.loading,
+        page: "release",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: defaultSubtitle(props.repositoryKey, overview.data),
+        children: release.data ? h("div", {
+            className: "git-browser-grid",
+            children: [
+                h("section", {
+                    className: "git-browser-card git-browser-span-2",
+                    key: "details",
                     children: [
-                        h(Card, {
-                            className: "git-browser-span-2",
-                            key: "details",
-                            title: release.data.title,
-                            subtitle: `${release.data.tag_name} · ${release.data.prerelease ? "Prerelease" : "Release"}`,
-                            children: [
-                                h("p", { className: "git-browser-note", key: "notes", children: release.data.notes || "No release notes." }),
-                                h(DefinitionGrid, {
-                                    key: "meta",
-                                    rows: [
-                                        { label: "Published", value: formatDate(release.data.published_at || release.data.created_at) },
-                                        { label: "Target", value: release.data.target_ref },
-                                        { label: "Assets", value: String(release.data.assets.length) },
-                                    ],
-                                }),
-                            ],
-                        }),
-                        h(Card, {
-                            key: "assets",
-                            title: "Assets",
-                            children: release.data.assets.length
-                                ? h("ul", {
-                                    className: "git-browser-list",
-                                    children: release.data.assets.map((asset) => (h("li", {
-                                        className: "git-browser-list-item",
-                                        key: asset.id,
-                                        children: `${asset.name}${asset.size ? ` · ${asset.size} bytes` : ""}`,
-                                    }))),
-                                })
-                                : "No assets attached.",
-                        }),
+                        h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: `${release.data.title} · ${release.data.tag_name}` }) }),
+                        h("p", { className: "git-browser-note", key: "notes", children: release.data.notes || "No release notes." }),
                     ],
-                }) : null,
-            }),
-        ],
-    });
-}
-function ForkRow(props) {
-    const syncFork = useGitSyncFork(props.repositoryKey, props.fork.fork_repository_id, { headers: props.headers });
-    const [currentFork, setCurrentFork] = useState(props.fork);
-    useEffect(() => {
-        setCurrentFork(props.fork);
-    }, [props.fork]);
-    return h("li", {
-        className: "git-browser-list-item",
-        children: [
-            h("strong", { key: "name", children: currentFork.fork_repository_id }),
-            h("div", {
-                className: "git-browser-note",
-                key: "status",
-                children: `Ahead ${currentFork.fork_status.ahead} · Behind ${currentFork.fork_status.behind} · ${currentFork.fork_status.fork_branch} vs ${currentFork.fork_status.upstream_branch}`,
-            }),
-            h("button", {
-                className: "git-browser-action-button",
-                disabled: syncFork.loading,
-                key: "sync",
-                onClick: async () => {
-                    setCurrentFork(await syncFork.mutate({ strategy: "ff-only" }));
-                },
-                type: "button",
-                children: syncFork.loading ? "Syncing..." : "Sync Fork",
-            }),
-        ],
+                }),
+                h("section", {
+                    className: "git-browser-card",
+                    key: "source-archives",
+                    children: [
+                        h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Source Code" }) }),
+                        release.data.source_archives
+                            ? h(GitRepositoryActionBar, {
+                                key: "links",
+                                children: [
+                                    h("a", { className: "git-browser-button", href: release.data.source_archives.zip.href, key: "zip", children: "Source code (zip)" }),
+                                    h("a", { className: "git-browser-button", href: release.data.source_archives.tar_gz.href, key: "tar", children: "Source code (tar.gz)" }),
+                                ],
+                            })
+                            : h("p", { className: "git-browser-note", key: "empty", children: "Source archives are unavailable for this release tag." }),
+                    ],
+                }),
+                h("section", {
+                    className: "git-browser-card",
+                    key: "assets",
+                    children: [
+                        h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Assets" }) }),
+                        release.data.assets.length
+                            ? h("ul", {
+                                className: "git-browser-list",
+                                key: "list",
+                                children: release.data.assets.map((asset) => h("li", {
+                                    className: "git-browser-list-item",
+                                    key: asset.id,
+                                    children: `${asset.name}${asset.size ? ` · ${asset.size} bytes` : ""}`,
+                                })),
+                            })
+                            : h("p", { className: "git-browser-note", key: "empty", children: "No uploaded release assets." }),
+                    ],
+                }),
+                h(GitReleaseEditorCard, {
+                    headers: props.headers,
+                    key: "editor",
+                    onDeleted: release.reload,
+                    onUpdated: release.reload,
+                    release: release.data,
+                    repositoryKey: props.repositoryKey,
+                }),
+            ],
+        }) : null,
     });
 }
 function GitRepositoryForksPageInner(props) {
     const overview = useGitOverview(props.repositoryKey, {
         headers: props.headers,
-        initialData: props.initialData || null,
+        initialData: props.initialData?.overview || null,
     });
     const forks = useGitForks(props.repositoryKey, {
         headers: props.headers,
-    });
-    return h("div", {
-        className: joinClassNames("git-browser-page", props.className),
-        children: [
-            h(RepositoryHeader, {
-                current: "forks",
-                headers: props.headers,
-                key: "header",
-                navigate: props.navigate,
-                overview: overview.data,
-                repositoryKey: props.repositoryKey,
-            }),
-            h(StatusBlock, {
-                error: forks.error,
-                key: "status",
-                loading: overview.loading || forks.loading,
-                children: h(Card, {
-                    title: "Fork Network",
-                    subtitle: "Create forks, then sync them against upstream from this page.",
-                    children: h("ul", {
-                        className: "git-browser-list",
-                        children: (forks.data || []).map((fork) => h(ForkRow, {
-                            fork,
-                            headers: props.headers,
-                            key: fork.fork_repository_id,
-                            repositoryKey: props.repositoryKey,
-                        })),
-                    }),
-                }),
-            }),
-        ],
+        initialData: props.initialData?.forks || null,
+    });
+    return h(GitRepositoryShell, {
+        actions: defaultActionBar(props.repositoryKey, props.headers),
+        className: props.className,
+        error: forks.error,
+        loading: overview.loading || forks.loading,
+        page: "forks",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: defaultSubtitle(props.repositoryKey, overview.data),
+        children: h("section", {
+            className: "git-browser-card",
+            children: [
+                h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Fork Network" }) }),
+                h(GitForkList, { forks: forks.data || [], headers: props.headers, key: "list", repositoryKey: props.repositoryKey }),
+            ],
+        }),
     });
 }
 function GitRepositoryActivityPageInner(props) {
     const overview = useGitOverview(props.repositoryKey, {
         headers: props.headers,
-        initialData: props.initialData || null,
+        initialData: props.initialData?.overview || null,
     });
     const activity = useGitActivity(props.repositoryKey, {
         headers: props.headers,
+        initialData: props.initialData?.activity || null,
+    });
+    return h(GitRepositoryShell, {
+        className: props.className,
+        error: activity.error,
+        loading: overview.loading || activity.loading,
+        page: "activity",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: defaultSubtitle(props.repositoryKey, overview.data),
+        children: h("section", {
+            className: "git-browser-card",
+            children: [
+                h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Activity Timeline" }) }),
+                h(GitActivityList, { activity: activity.data || [], key: "body" }),
+            ],
+        }),
     });
-    return h("div", {
-        className: joinClassNames("git-browser-page", props.className),
-        children: [
-            h(RepositoryHeader, {
-                current: "activity",
-                headers: props.headers,
-                key: "header",
-                navigate: props.navigate,
-                overview: overview.data,
-                repositoryKey: props.repositoryKey,
-            }),
-            h(StatusBlock, {
-                error: activity.error,
-                key: "status",
-                loading: overview.loading || activity.loading,
-                children: h(Card, {
-                    title: "Activity Timeline",
-                    children: h("ul", {
-                        className: "git-browser-list",
-                        children: (activity.data || []).map((entry) => (h("li", {
-                            className: "git-browser-list-item",
-                            key: entry.id,
-                            children: [
-                                h("strong", { key: "summary", children: entry.summary }),
-                                h("div", { className: "git-browser-note", key: "meta", children: `${entry.kind} · actor ${entry.actor_id} · ${formatDate(entry.created_at)}` }),
-                            ],
-                        }))),
-                    }),
+}
+function GitRepositoryBranchesPageInner(props) {
+    const overview = useGitOverview(props.repositoryKey, {
+        headers: props.headers,
+        initialData: props.initialData?.overview || null,
+    });
+    const branches = useGitBranches(props.repositoryKey, {
+        headers: props.headers,
+        initialData: props.initialData?.branches || null,
+    });
+    return h(GitRepositoryShell, {
+        actions: h(GitRepositoryActionBar, {
+            children: h(GitBranchSelector, { headers: props.headers, repositoryKey: props.repositoryKey, selectedBranch: overview.data?.repository.repository.current_branch }),
+        }),
+        className: props.className,
+        error: branches.error,
+        loading: overview.loading || branches.loading,
+        page: "branches",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: defaultSubtitle(props.repositoryKey, overview.data),
+        children: h("section", {
+            className: "git-browser-card",
+            children: [
+                h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Branches" }) }),
+                h(GitBranchList, { branches: branches.data || [], key: "list", repositoryKey: props.repositoryKey }),
+            ],
+        }),
+    });
+}
+function GitRepositoryTagsPageInner(props) {
+    const overview = useGitOverview(props.repositoryKey, {
+        headers: props.headers,
+        initialData: props.initialData?.overview || null,
+    });
+    const tags = useGitTags(props.repositoryKey, {
+        headers: props.headers,
+        initialData: props.initialData?.tags || null,
+    });
+    return h(GitRepositoryShell, {
+        actions: h(GitRepositoryActionBar, {
+            children: h(GitTagSelector, { headers: props.headers, repositoryKey: props.repositoryKey }),
+        }),
+        className: props.className,
+        error: tags.error,
+        loading: overview.loading || tags.loading,
+        page: "tags",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: defaultSubtitle(props.repositoryKey, overview.data),
+        children: h("section", {
+            className: "git-browser-card",
+            children: [
+                h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Tags" }) }),
+                h(GitTagList, { key: "list", repositoryKey: props.repositoryKey, tags: tags.data || [] }),
+            ],
+        }),
+    });
+}
+function GitRepositorySearchPageInner(props) {
+    const overview = useGitOverview(props.repositoryKey, {
+        headers: props.headers,
+        initialData: props.initialData?.overview || null,
+    });
+    const [query, setQuery] = useState(text(props.query));
+    const results = useGitSearch(props.repositoryKey, {
+        enabled: Boolean(query),
+        headers: props.headers,
+        initialData: props.initialData?.search || null,
+        path: props.path,
+        query,
+        ref: props.refName || overview.data?.repository.repository.current_branch || "HEAD",
+    });
+    return h(GitRepositoryShell, {
+        className: props.className,
+        error: results.error,
+        loading: overview.loading || results.loading,
+        page: "search",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: defaultSubtitle(props.repositoryKey, overview.data),
+        children: h("section", {
+            className: "git-browser-card",
+            children: [
+                h("div", {
+                    className: "git-browser-card-header",
+                    key: "header",
+                    children: [
+                        h("h2", { className: "git-browser-card-title", key: "title", children: "Search" }),
+                        h("input", {
+                            className: "git-browser-input",
+                            key: "input",
+                            onChange: (event) => setQuery(text(event.target?.value)),
+                            placeholder: "Search this repository",
+                            value: query,
+                        }),
+                    ],
                 }),
-            }),
-        ],
+                h(GitSearchResults, { key: "results", repositoryKey: props.repositoryKey, results: results.data }),
+            ],
+        }),
+    });
+}
+function GitRepositoryBlamePageInner(props) {
+    const overview = useGitOverview(props.repositoryKey, {
+        headers: props.headers,
+        initialData: props.initialData?.overview || null,
+    });
+    const blame = useGitBlame(props.repositoryKey, {
+        headers: props.headers,
+        path: props.path,
+        ref: props.refName || overview.data?.repository.repository.current_branch || "HEAD",
+    });
+    return h(GitRepositoryShell, {
+        className: props.className,
+        error: blame.error,
+        loading: overview.loading || blame.loading,
+        page: "blame",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: props.path ? `Blame for ${props.path}` : defaultSubtitle(props.repositoryKey, overview.data),
+        children: h("section", {
+            className: "git-browser-card",
+            children: [
+                h("div", { className: "git-browser-card-header", key: "header", children: h("h2", { className: "git-browser-card-title", children: "Blame" }) }),
+                h(GitBlameView, { blame: blame.data, key: "view", refName: props.refName, repositoryKey: props.repositoryKey }),
+            ],
+        }),
+    });
+}
+function GitRepositoryComparePageInner(props) {
+    const overview = useGitOverview(props.repositoryKey, {
+        headers: props.headers,
+        initialData: props.initialData?.overview || null,
+    });
+    const diff = useGitDiff(props.repositoryKey, {
+        baseRef: props.baseRef,
+        headRef: props.headRef,
+        headers: props.headers,
+        initialData: props.initialData?.compare || null,
+        path: props.path,
+    });
+    return h(GitRepositoryShell, {
+        className: props.className,
+        error: diff.error,
+        loading: overview.loading || diff.loading,
+        page: "compare",
+        repositoryKey: props.repositoryKey,
+        social: overview.data?.social,
+        stats: overviewStats(overview.data),
+        subtitle: `${props.baseRef} → ${props.headRef}`,
+        children: h(GitDiffView, { diff: diff.data }),
     });
 }
 function GitRepositoryOverviewPage(props) {
@@ -763,5 +778,20 @@ function GitRepositoryForksPage(props) {
 function GitRepositoryActivityPage(props) {
     return withBrowserProvider(props, () => h(GitRepositoryActivityPageInner, props));
 }
-export { GitBrowserProvider, GitRepositoryActivityPage, GitRepositoryCodePage, GitRepositoryCommitPage, GitRepositoryCommitsPage, GitRepositoryForksPage, GitRepositoryOverviewPage, GitRepositoryReleasePage, GitRepositoryReleasesPage, };
+function GitRepositoryBranchesPage(props) {
+    return withBrowserProvider(props, () => h(GitRepositoryBranchesPageInner, props));
+}
+function GitRepositoryTagsPage(props) {
+    return withBrowserProvider(props, () => h(GitRepositoryTagsPageInner, props));
+}
+function GitRepositorySearchPage(props) {
+    return withBrowserProvider(props, () => h(GitRepositorySearchPageInner, props));
+}
+function GitRepositoryBlamePage(props) {
+    return withBrowserProvider(props, () => h(GitRepositoryBlamePageInner, props));
+}
+function GitRepositoryComparePage(props) {
+    return withBrowserProvider(props, () => h(GitRepositoryComparePageInner, props));
+}
+export { GitBrowserProvider, GitRepositoryActivityPage, GitRepositoryBlamePage, GitRepositoryBranchesPage, GitRepositoryCodePage, GitRepositoryCommitPage, GitRepositoryCommitsPage, GitRepositoryComparePage, GitRepositoryForksPage, GitRepositoryOverviewPage, GitRepositoryReleasePage, GitRepositoryReleasesPage, GitRepositorySearchPage, GitRepositoryTagsPage, };
 //# sourceMappingURL=index.js.map