@backmatter/studio 0.0.15 → 0.0.16

package/src/chrome/AppShell.tsx

@@ -7,17 +7,23 @@ import { ChatPanel } from "../chat/ChatPanel";
 import { ChatProvider, ChatSessionScope } from "../chat/ChatProvider";
 import { colors } from "../styles/tokens.stylex";
 import { TooltipProvider } from "../ui/Tooltip";
-import { cmsWorkspaceSlug, isOrgPickerPath } from "../workspace-path";
+import {
+  cmsWorkspaceSlug,
+  isOrgPickerPath,
+  isWorkspaceCodePath,
+  isWorkspaceListPath,
+} from "../workspace-path";
 import { AppSidebar } from "./AppSidebar";
 import { WorkspaceRail } from "./ContentExplorerSidebar";
 import { CommandPalette } from "./CommandPalette";
-import { FloatingUserMenu } from "./UserMenu";
+import { CornerUserMenu, FloatingUserMenu } from "./UserMenu";
 import { EditorActionsProvider } from "./EditorActionsContext";
 import { EditorFocusProvider } from "./EditorFocusContext";
 import { EditorStatusProvider } from "./EditorStatusContext";
 import { WorkspaceNavProvider, useWorkspaceNav } from "./WorkspaceNavContext";
 import { installParentChatHotkey } from "./hotkeys";
 import { WorkspaceStatusBar } from "./WorkspaceStatusBar";
+import { CodeSessionProvider } from "../pages/code-session-context";
 
 export function AppShell({ children }: { children: React.ReactNode }) {
   return (
@@ -26,7 +32,9 @@ export function AppShell({ children }: { children: React.ReactNode }) {
         <EditorStatusProvider>
           <EditorActionsProvider>
             <EditorFocusProvider>
-              <AppShellInner>{children}</AppShellInner>
+              <CodeSessionProvider>
+                <AppShellInner>{children}</AppShellInner>
+              </CodeSessionProvider>
             </EditorFocusProvider>
           </EditorActionsProvider>
         </EditorStatusProvider>
@@ -43,6 +51,7 @@ function AppShellInner({ children }: { children: React.ReactNode }) {
   const workspaceKey = cmsWorkspaceSlug(location.pathname);
   const workspaceNav = useWorkspaceNav();
   const orgPicker = isOrgPickerPath(location.pathname);
+  const workspaceList = isWorkspaceListPath(location.pathname);
   const embed = searchParams.get("embed") === "1";
   const [treeHost, setTreeHost] = useState<HTMLDivElement | null>(null);
   const inWorkspace = Boolean(workspaceKey && !embed && !orgPicker);
@@ -52,8 +61,9 @@ function AppShellInner({ children }: { children: React.ReactNode }) {
     return installParentChatHotkey();
   }, [embed]);
 
+  const codeSession = Boolean(workspaceKey && isWorkspaceCodePath(location.pathname));
   const chat =
-    workspaceKey && !embed ? (
+    workspaceKey && !embed && !codeSession ? (
       <ChatSessionScope>
         <ChatBar />
         <ChatPanel />
@@ -64,7 +74,7 @@ function AppShellInner({ children }: { children: React.ReactNode }) {
     <div {...stylex.props(styles.shell)}>
       {workspaceKey && !embed ? <WorkspaceStatusBar workspaceId={workspaceKey} /> : null}
       <div {...stylex.props(styles.body)}>
-        {orgPicker || embed ? null : inWorkspace ? (
+        {orgPicker || embed || workspaceList ? null : inWorkspace ? (
           <WorkspaceRail workspace={workspaceNav} treeHost={treeHost} />
         ) : (
           <AppSidebar />
@@ -78,6 +88,7 @@ function AppShellInner({ children }: { children: React.ReactNode }) {
         </div>
       </div>
       {orgPicker ? <FloatingUserMenu /> : null}
+      {workspaceList ? <CornerUserMenu /> : null}
       {embed ? null : <CommandPalette />}
     </div>
   );

package/src/chrome/CommandPalette.tsx

@@ -27,6 +27,7 @@ import {
 } from "./hotkeys";
 import { parsePreviewMessage } from "@backmatter/core/preview";
 import { useWorkspaceNav } from "./WorkspaceNavContext";
+import { codeSessionEntry } from "../code-session-entry";
 import {
   contentDocPath,
   contentTypePath,
@@ -310,6 +311,17 @@ export function CommandPalette() {
       });
     }
     if (workspaceNav) {
+      const codeHref = codeSessionEntry(workspaceNav.role, workspaceNav.workspaceSlug);
+      if (codeHref) {
+        list.push({
+          id: "code-session",
+          group: "Go to",
+          icon: "document",
+          label: "Code session",
+          hint: "Host and chat",
+          run: go(codeHref),
+        });
+      }
       list.push(
         {
           id: "settings-general",

package/src/chrome/ContentExplorerSidebar.tsx

@@ -16,13 +16,14 @@ import { Tooltip } from "../ui/Tooltip";
 import {
   contentDocPath,
   contentRailHref,
-  isWorkspaceContentPath,
+  isWorkspaceCodePath,
   isWorkspaceEditorPath,
   isWorkspaceMediaPath,
   isWorkspaceSettingsPath,
   mediaPath,
   settingsPath,
 } from "../workspace-path";
+import { codeSessionEntry } from "../code-session-entry";
 import { UserMenu } from "./UserMenu";
 import {
   groupContentTypes,
@@ -38,6 +39,7 @@ import {
   ExplorerHeaderListIcon,
   ExplorerHeaderNewFileIcon,
   ExplorerTreeNewFileIcon,
+  ExplorerRailCodeIcon,
   ExplorerRailFilesIcon,
   ExplorerRailHistoryIcon,
   ExplorerRailMediaIcon,
@@ -62,6 +64,7 @@ import {
 } from "./folder-create-context";
 import { canWriteContent } from "../workspace/permissions";
 import {
+  contentRailCurrent,
   contentTreeVisible,
   toggleContentTree,
   useContentTreeOpen,
@@ -264,6 +267,7 @@ function ContentExplorerSidebar({
         pendingCount={pendingCount}
         settingsActive={settingsActive}
         workspaceSlug={workspace.workspaceSlug}
+        role={workspace.role}
         treeOpen={treeOpen}
       />
       {tree && treeHost ? createPortal(tree, treeHost) : null}
@@ -271,22 +275,26 @@ function ContentExplorerSidebar({
   );
 }
 
-function ActivityRail({
+export function ActivityRail({
   pendingCount,
   settingsActive,
   workspaceSlug,
+  role,
   treeOpen,
 }: {
   pendingCount: number;
   settingsActive: boolean;
   workspaceSlug: string;
+  role: string;
   treeOpen: boolean;
 }) {
   const navigate = useNavigate();
   const location = useLocation();
   const onDocument = isWorkspaceEditorPath(location.pathname);
   const filesLabel = onDocument ? (treeOpen ? "Hide files" : "Show files") : "Content";
-  const filesActive = isWorkspaceContentPath(location.pathname) && (!onDocument || treeOpen);
+  const filesActive = contentRailCurrent(location.pathname, treeOpen);
+  const codeHref = codeSessionEntry(role, workspaceSlug);
+  const codeActive = isWorkspaceCodePath(location.pathname);
 
   return (
     <nav
@@ -351,6 +359,18 @@ function ActivityRail({
             <ExplorerRailMediaIcon />
           </Link>
         </Tooltip>
+        {codeHref ? (
+          <Tooltip label="Code session" side="right">
+            <Link
+              to={codeHref}
+              aria-label="Code session"
+              aria-current={codeActive ? "page" : undefined}
+              {...stylex.props(styles.railBtn, codeActive && styles.railBtnActive)}
+            >
+              <ExplorerRailCodeIcon />
+            </Link>
+          </Tooltip>
+        ) : null}
       </div>
       <div {...stylex.props(styles.railBottom)}>
         <Tooltip label="Settings" side="right">

package/src/chrome/UserMenu.tsx

@@ -16,10 +16,28 @@ export function FloatingUserMenu() {
   );
 }
 
-export function UserMenu({ quiet = false, compact = false }: { quiet?: boolean; compact?: boolean }) {
+/** Small account control for full-screen pages that have no sidebar. */
+export function CornerUserMenu() {
+  return (
+    <div {...stylex.props(styles.corner)}>
+      <UserMenu quiet placement="below-end" />
+    </div>
+  );
+}
+
+export function UserMenu({
+  quiet = false,
+  compact = false,
+  placement = "above-start",
+}: {
+  quiet?: boolean;
+  compact?: boolean;
+  placement?: "above-start" | "below-end";
+}) {
   const { email, onLogout } = useAppChrome();
   const location = useLocation();
   const onAccount = location.pathname.replace(/\/$/, "") === "/account";
+  const belowEnd = placement === "below-end";
 
   return (
     <Menu.Root>
@@ -29,6 +47,7 @@ export function UserMenu({ quiet = false, compact = false }: { quiet?: boolean;
           styles.trigger,
           quiet && styles.triggerQuiet,
           compact && styles.triggerCompact,
+          belowEnd && styles.triggerCorner,
           onAccount && styles.triggerActive,
         )}
       >
@@ -40,8 +59,8 @@ export function UserMenu({ quiet = false, compact = false }: { quiet?: boolean;
       </Menu.Trigger>
       <Menu.Portal>
         <Menu.Positioner
-          side="top"
-          align={compact ? "center" : "start"}
+          side={belowEnd ? "bottom" : "top"}
+          align={belowEnd ? "end" : compact ? "center" : "start"}
           sideOffset={6}
           className={cx(popup.positioner)}
         >
@@ -81,6 +100,13 @@ const styles = stylex.create({
     zIndex: z.dropdown,
     maxWidth: "220px",
   },
+  corner: {
+    position: "fixed",
+    top: space.lg,
+    right: space.lg,
+    zIndex: z.dropdown,
+    maxWidth: "240px",
+  },
   trigger: {
     display: "flex",
     width: "100%",
@@ -128,6 +154,11 @@ const styles = stylex.create({
     fontSize: type.sm,
     fontWeight: 500,
   },
+  triggerCorner: {
+    minHeight: "44px",
+    justifyContent: "flex-end",
+    textAlign: "right",
+  },
   triggerActive: {
     backgroundColor: colors.bgActive,
   },

package/src/chrome/WorkspaceStatusBar.tsx

@@ -7,9 +7,11 @@ import { Popover } from "@base-ui/react/popover";
 import * as stylex from "@stylexjs/stylex";
 import {
   commitWorkspace,
+  commitCodeSessionEdits,
   countConflicts,
   createGitBranch,
   defaultCommitMessage,
+  fetchCodeSessionEdits,
   fetchGit,
   notifyHeadChanged,
   notifyTreeChanged,
@@ -17,10 +19,12 @@ import {
   notifyWorkspaceChanged,
   pullFromGithub,
   resolveDoc,
+  type ApiError,
   type ChangeStatus,
   type GitChange,
 } from "../api";
-import { contentDocPath } from "../workspace-path";
+import { contentDocPath, isWorkspaceCodePath } from "../workspace-path";
+import { useCodeSessionContext } from "../pages/code-session-context";
 import {
   commitErrorSummary,
   explainCommitError,
@@ -33,8 +37,8 @@ import { WorkspaceSwitcher } from "../components/WorkspaceSwitcher";
 import { colors, radius, space, type } from "../styles/tokens.stylex";
 import { cx, popup, popupClassName } from "../ui/popup";
 import { useEditorStatus } from "./EditorStatusContext";
-import { ContentApiPopover } from "./ContentApiPopover";
-import { OpenSiteButton } from "./OpenSiteButton";
+import { openableSites } from "./open-site";
+import { OpenSiteButton, showsOpenSite } from "./OpenSiteButton";
 import { GitBranchIcon } from "./icons";
 import { StatusBar, StatusItem, StatusSpacer } from "./StatusBar";
 import { replicaStore } from "../replica/instance";
@@ -169,6 +173,15 @@ export function WorkspaceStatusBar({ workspaceId }: { workspaceId: string }) {
   const [message, setMessage] = useState("");
   const [error, setError] = useState<string | null>(null);
   const [commitFailure, setCommitFailure] = useState<CommitErrorView | null>(null);
+  const onCodePage = isWorkspaceCodePath(location.pathname);
+  const codeSession = useCodeSessionContext();
+  const codeWorkspaceId = workspaceNav?.workspaceId ?? workspaceId;
+  const [codeFiles, setCodeFiles] = useState<Array<{ path: string; deleted: boolean }>>([]);
+  const [foldPending, setFoldPending] = useState(false);
+  const [codeFoldErrors, setCodeFoldErrors] = useState<string[]>([]);
+  const [codeCommitOpen, setCodeCommitOpen] = useState(false);
+  const [codeMessage, setCodeMessage] = useState("");
+  const [codeCommitting, setCodeCommitting] = useState(false);
   // Commit sha from the last poll. A new sha means HEAD moved. The preview
   // iframe does not reload for that; its page follows the SSE head event.
   const lastHead = useRef<string | null | undefined>(undefined);
@@ -192,6 +205,35 @@ export function WorkspaceStatusBar({ workspaceId }: { workspaceId: string }) {
     }
   }
 
+  useEffect(() => {
+    if (!onCodePage || !codeSession) {
+      setCodeFiles([]);
+      return;
+    }
+    let cancelled = false;
+    const load = () => {
+      void fetchCodeSessionEdits(codeWorkspaceId, codeSession.sessionId)
+        .then((list) => {
+          if (!cancelled) {
+            setCodeFiles(list.files);
+            setFoldPending(list.foldPending);
+          }
+        })
+        .catch(() => {
+          if (!cancelled) {
+            setCodeFiles([]);
+            setFoldPending(false);
+          }
+        });
+    };
+    load();
+    const timer = window.setInterval(load, POLL_MS);
+    return () => {
+      cancelled = true;
+      window.clearInterval(timer);
+    };
+  }, [onCodePage, codeSession, codeWorkspaceId]);
+
   useEffect(() => {
     lastHead.current = undefined;
     void reloadGit();
@@ -304,6 +346,46 @@ export function WorkspaceStatusBar({ workspaceId }: { workspaceId: string }) {
     }
   }
 
+  function defaultCodeSessionMessage(files: Array<{ path: string }>) {
+    if (files.length === 1) return `Update ${files[0]!.path}`;
+    return `Commit ${files.length} files from a code session`;
+  }
+
+  async function onCodeSessionCommit(e?: React.FormEvent) {
+    e?.preventDefault();
+    if (!codeSession || codeCommitting) return;
+    setCodeCommitting(true);
+    setError(null);
+    try {
+      const result = await commitCodeSessionEdits(
+        codeWorkspaceId,
+        codeSession.sessionId,
+        codeMessage,
+      );
+      setCodeMessage("");
+      setCodeFoldErrors(result.foldErrors);
+      if (result.foldErrors.length === 0) setCodeCommitOpen(false);
+      codeSession.refresh();
+      const list = await fetchCodeSessionEdits(codeWorkspaceId, codeSession.sessionId);
+      setCodeFiles(list.files);
+      setFoldPending(list.foldPending);
+      notifyHeadChanged();
+      await reloadGit();
+    } catch (err) {
+      const apiErr = err as ApiError;
+      if (apiErr.code === "branch_moved") {
+        setError("The branch changed while committing. Try again.");
+      } else if (apiErr.code === "working_tree") {
+        const paths = apiErr.details?.length ? apiErr.details.join(", ") : "";
+        setError(paths ? `Uncommitted Studio changes: ${paths}` : "Uncommitted Studio changes block this commit.");
+      } else {
+        setError(err instanceof Error ? err.message : "Commit failed");
+      }
+    } finally {
+      setCodeCommitting(false);
+    }
+  }
+
   async function onCommit(e?: React.FormEvent) {
     e?.preventDefault();
     if (committing || conflictCount > 0 || changeCount === 0) return;
@@ -338,7 +420,20 @@ export function WorkspaceStatusBar({ workspaceId }: { workspaceId: string }) {
     ? "Committing…"
     : conflictCount > 0
       ? `Resolve ${conflictCount} ${conflictCount === 1 ? "conflict" : "conflicts"}`
-      : `Deploy ${changeCount} changes`;
+      : changeCount === 0
+        ? "Deploy"
+        : `Deploy ${changeCount} changes`;
+
+  const codeEditCount =
+    codeFiles.length > 0 ? codeFiles.length : (codeSession?.editCount ?? 0);
+  const codeCommitReady =
+    Boolean(codeSession) &&
+    (codeEditCount > 0 || codeFoldErrors.length > 0 || foldPending);
+  const codeCommitLabel = codeCommitting
+    ? "Committing…"
+    : codeEditCount > 0
+      ? `Commit ${codeEditCount} ${codeEditCount === 1 ? "file" : "files"}`
+      : "Commit";
 
   return (
     <StatusBar>
@@ -478,27 +573,21 @@ export function WorkspaceStatusBar({ workspaceId }: { workspaceId: string }) {
             </Combobox.Positioner>
           </Combobox.Portal>
         </Combobox.Root>
-        {workspaceNav?.workspaceId ? (
+        {workspaceNav?.workspaceId &&
+        replica.sessionUserId &&
+        showsOpenSite() &&
+        openableSites(workspaceNav.siteUrls).length > 0 ? (
           <>
             <span {...stylex.props(styles.divider)} aria-hidden />
-            <ContentApiPopover
+            <OpenSiteButton
               workspaceId={workspaceNav.workspaceId}
-              branch={git?.currentBranch}
-              defaultBranch={git?.defaultBranch}
-              pathname={location.pathname}
-              search={location.search}
+              userId={replica.sessionUserId}
+              siteUrls={workspaceNav.siteUrls}
             />
-            {replica.sessionUserId ? (
-              <OpenSiteButton
-                workspaceId={workspaceNav.workspaceId}
-                userId={replica.sessionUserId}
-                siteUrls={workspaceNav.siteUrls}
-              />
-            ) : null}
           </>
         ) : null}
       </div>
-      {changeCount > 0 ? (
+      {!onCodePage && changeCount > 0 ? (
         <StatusItem tone={conflictCount > 0 ? "danger" : "muted"}>
           {changeCount} uncommitted
         </StatusItem>
@@ -514,24 +603,117 @@ export function WorkspaceStatusBar({ workspaceId }: { workspaceId: string }) {
       {inEditor && editor.saveLabel ? (
         <StatusItem tone={editor.saveTone}>{editor.saveLabel}</StatusItem>
       ) : null}
-      {changeCount > 0 ? (
+      {onCodePage ? (
+        <Popover.Root
+          open={codeCommitOpen}
+          onOpenChange={(next) => {
+            if (!codeCommitReady) return;
+            setCodeCommitOpen(next);
+          }}
+        >
+          <Popover.Trigger
+            disabled={!codeCommitReady || codeCommitting}
+            aria-label={codeCommitLabel}
+            className={cx(styles.commit)}
+          >
+            {codeCommitLabel}
+          </Popover.Trigger>
+          <Popover.Portal>
+            <Popover.Positioner
+              side="bottom"
+              align="end"
+              sideOffset={6}
+              className={cx(popup.positioner)}
+            >
+              <Popover.Popup
+                aria-label="Commit code session"
+                className={(state) => popupClassName(state, styles.commitPopup)}
+              >
+                <form
+                  onSubmit={(e) => void onCodeSessionCommit(e)}
+                  {...stylex.props(styles.commitForm)}
+                >
+                  <p {...stylex.props(popup.groupLabel)}>
+                    {codeEditCount} {codeEditCount === 1 ? "file" : "files"} →{" "}
+                    {git?.currentBranch}
+                  </p>
+                  <ul {...stylex.props(styles.commitFiles)}>
+                    {codeFiles.map((file) => (
+                      <li key={file.path}>
+                        <div {...stylex.props(styles.changeItem)}>
+                          <span {...stylex.props(styles.changeName)}>{file.path}</span>
+                          <span {...stylex.props(popup.itemMeta)}>
+                            {file.deleted ? "deleted" : "modified"}
+                          </span>
+                        </div>
+                      </li>
+                    ))}
+                  </ul>
+                  {codeFoldErrors.length > 0 ? (
+                    <ul {...stylex.props(styles.commitFiles)}>
+                      {codeFoldErrors.map((foldError) => (
+                        <li key={foldError}>
+                          <p {...stylex.props(styles.conflictError)}>{foldError}</p>
+                        </li>
+                      ))}
+                    </ul>
+                  ) : null}
+                  <div {...stylex.props(popup.separator)} />
+                  <div {...stylex.props(styles.commitFooter)}>
+                    <input
+                      value={codeMessage}
+                      onChange={(e) => setCodeMessage(e.target.value)}
+                      placeholder={defaultCodeSessionMessage(codeFiles)}
+                      aria-label="Commit message"
+                      autoComplete="off"
+                      spellCheck={false}
+                      data-no-ring
+                      data-1p-ignore
+                      data-lpignore
+                      autoFocus
+                      disabled={codeCommitting}
+                      {...stylex.props(styles.commitField)}
+                    />
+                    <div {...stylex.props(styles.commitSubmit)}>
+                      <button
+                        type="submit"
+                        disabled={codeCommitting}
+                        {...stylex.props(styles.commitSubmitBtn)}
+                      >
+                        {codeCommitting ? "Committing…" : "Commit"}
+                      </button>
+                    </div>
+                  </div>
+                </form>
+              </Popover.Popup>
+            </Popover.Positioner>
+          </Popover.Portal>
+        </Popover.Root>
+      ) : null}
+      {!onCodePage ? (
         <Popover.Root
           open={commitOpen}
           onOpenChange={(next) => {
-            if (action === "blocked") return;
+            if (changeCount === 0 || action === "blocked") return;
             setCommitOpen(next);
           }}
         >
           <Popover.Trigger
-            disabled={commitTriggerDisabled(action, { committing, syncing })}
+            disabled={
+              changeCount === 0 || commitTriggerDisabled(action, { committing, syncing })
+            }
             aria-label={
-              action === "blocked"
-                ? "Writers cannot publish"
-                : action === "resolve"
-                  ? commitLabel
-                  : `Commit ${changeCount} ${changeCount === 1 ? "file" : "files"}`
+              changeCount === 0
+                ? "Deploy"
+                : action === "blocked"
+                  ? "Writers cannot publish"
+                  : action === "resolve"
+                    ? commitLabel
+                    : `Commit ${changeCount} ${changeCount === 1 ? "file" : "files"}`
+            }
+            title={
+              changeCount > 0 && action === "blocked" ? "Writers cannot publish" : undefined
             }
-            title={action === "blocked" ? "Writers cannot publish" : undefined}
             className={cx(styles.commit, action === "resolve" && styles.commitBlocked)}
           >
             {commitLabel}

package/src/chrome/content-api-url.ts

@@ -1,48 +1,6 @@
 // packages/studio/src/chrome/content-api-url.ts
 // Public content GET the host reads — same URLs as @backmatter/core api-loader.
 
-export type ContentApiDoc = { type: string; slug: string };
-
-export type ContentApiContext = {
-  doc: ContentApiDoc | null;
-  type: string | null;
-};
-
-export function contentApiContextFromPath(
-  pathname: string,
-  _search = "",
-): ContentApiContext {
-  const doc = pathname.match(/\/content\/([^/]+)\/([^/]+)\/?$/);
-  if (doc) {
-    return {
-      doc: {
-        type: decodeURIComponent(doc[1]!),
-        slug: decodeURIComponent(doc[2]!),
-      },
-      type: null,
-    };
-  }
-  const type = pathname.match(/\/content\/([^/]+)\/?$/);
-  if (type) {
-    return { doc: null, type: decodeURIComponent(type[1]!) };
-  }
-  const legacyDoc = pathname.match(/\/docs\/([^/]+)\/([^/]+)\/([^/]+)\/?$/);
-  if (legacyDoc) {
-    return {
-      doc: {
-        type: decodeURIComponent(legacyDoc[2]!),
-        slug: decodeURIComponent(legacyDoc[3]!),
-      },
-      type: null,
-    };
-  }
-  const legacyType = pathname.match(/\/types\/([^/]+)\/?$/);
-  if (legacyType) {
-    return { doc: null, type: decodeURIComponent(legacyType[1]!) };
-  }
-  return { doc: null, type: null };
-}
-
 export function publicContentApiUrl(input: {
   apiUrl: string;
   workspaceId: string;
@@ -64,39 +22,3 @@ export function publicContentApiUrl(input: {
   if (!input.slug && input.type) url.searchParams.set("type", input.type);
   return url.toString();
 }
-
-export function contentApiLinks(input: {
-  apiUrl: string;
-  workspaceId: string;
-  branch?: string | null;
-  defaultBranch?: string | null;
-  pathname: string;
-  search?: string;
-}): Array<{ label: string; href: string }> {
-  const ctx = contentApiContextFromPath(input.pathname, input.search);
-  const base = {
-    apiUrl: input.apiUrl,
-    workspaceId: input.workspaceId,
-    branch: input.branch,
-    defaultBranch: input.defaultBranch,
-  };
-  const links: Array<{ label: string; href: string }> = [];
-  if (ctx.doc) {
-    links.push({
-      label: "This document",
-      href: publicContentApiUrl({
-        ...base,
-        type: ctx.doc.type,
-        slug: ctx.doc.slug,
-      }),
-    });
-  }
-  links.push({
-    label: ctx.type ? `${ctx.type} docs` : "All docs",
-    href: publicContentApiUrl({
-      ...base,
-      type: ctx.type ?? undefined,
-    }),
-  });
-  return links;
-}