@kubohiroya/turbowarp-plus-editor-git 0.16.1 → 0.18.0

package/dist/index.js

@@ -1,8 +1,9 @@
-import { C as parseProjectSource, T as CloseButton, a as openProjectSourceTabs, b as useCostumeImage, c as gitHubRepositoryFromOrigin, f as organizeProjectChanges, i as createScratchBlocksDiffLocator, l as ProjectSourceComparison, n as openProjectComparison, o as PullRequestError, p as projectPropertyLabel, r as createScratchBlocksDiffRenderer, s as createGitHubPullRequests, u as ProjectSourceReview, w as readProjectSourceDiff, y as useAssetImage } from "./project-comparison-1rggIJse.js";
+import { a as openProjectSourceTabs, b as useCostumeImage, c as gitHubRepositoryFromOrigin, f as organizeProjectChanges, i as createScratchBlocksDiffLocator, l as ProjectSourceComparison, n as openProjectComparison, o as PullRequestError, p as projectPropertyLabel, r as createScratchBlocksDiffRenderer, s as createGitHubPullRequests, u as ProjectSourceReview, x as CloseButton, y as useAssetImage } from "./project-comparison-BXOQcZ73.js";
 import { n as init_objectSpread2, r as __commonJSMin, t as _objectSpread2$1 } from "./objectSpread2-Dkd68nJH.js";
-import { a as createReadOnlyFs, i as GitPanelError, n as openRepository } from "./repository-BYno-5f8.js";
+import { f as _objectWithoutProperties$1, l as parseProjectSource, u as readProjectSourceDiff } from "./project-asset-paths-BzwVf9HE.js";
+import { a as pullRequestRef, i as pullRequestBranch, n as openRepository, o as GitPanelError, s as createReadOnlyFs } from "./repository-ByKRBftJ.js";
 import * as m from "react";
-import React, { createContext, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import React, { createContext, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { createPortal, render, unmountComponentAtNode } from "react-dom";
 // builtin:esm-external-require-react
 var require_builtin_esm_external_require_react = /* @__PURE__ */ __commonJSMin(((exports, module) => {
@@ -3025,91 +3026,12 @@ function ProjectElementView({ changes, selection, locale, renderBlock, onSelectF
 		onClick: () => onSelectFile(file)
 	}, file.path, " ", /* @__PURE__ */ React.createElement("small", null, labels.groups[file.group])))))));
 }
-/**
-* Lays out commits ordered newest first with every child above its parents. Parents missing from `commits`, such as
-* those on a page not loaded yet or cut off by a shallow clone, keep their lane running to the bottom.
-*/
-function layoutHistory(commits) {
-	const lanes = [];
-	let nextColor = 0;
-	const free = () => {
-		const index = lanes.indexOf(null);
-		return index === -1 ? lanes.length : index;
-	};
-	const rows = [];
-	for (const commit of commits) {
-		const segments = [];
-		const before = lanes.slice();
-		const waiting = before.flatMap((lane, index) => (lane === null || lane === void 0 ? void 0 : lane.oid) === commit.oid ? [index] : []);
-		const column = waiting.length ? waiting[0] : free();
-		const color = waiting.length ? before[column].color : nextColor++ % 8;
-		for (const [index, lane] of before.entries()) {
-			if (!lane) continue;
-			segments.push({
-				part: "top",
-				from: index,
-				to: lane.oid === commit.oid ? column : index,
-				color: lane.color
-			});
-		}
-		for (const index of waiting) lanes[index] = null;
-		const parents = [...new Set(commit.parents)];
-		lanes[column] = parents.length ? {
-			oid: parents[0],
-			color
-		} : null;
-		const joins = parents.length ? [{
-			index: column,
-			color
-		}] : [];
-		for (const parent of parents.slice(1)) {
-			let index = lanes.findIndex((lane) => (lane === null || lane === void 0 ? void 0 : lane.oid) === parent);
-			if (index === -1) {
-				index = free();
-				lanes[index] = {
-					oid: parent,
-					color: nextColor++ % 8
-				};
-			}
-			joins.push({
-				index,
-				color: lanes[index].color
-			});
-		}
-		while (lanes.length && lanes[lanes.length - 1] === null) lanes.pop();
-		for (const [index, lane] of before.entries()) if (lane && lane.oid !== commit.oid) segments.push({
-			part: "bottom",
-			from: index,
-			to: index,
-			color: lane.color
-		});
-		for (const join of joins) segments.push({
-			part: "bottom",
-			from: column,
-			to: join.index,
-			color: join.color
-		});
-		const width = Math.max(column + 1, ...segments.map((segment) => Math.max(segment.from, segment.to) + 1));
-		rows.push({
-			oid: commit.oid,
-			column,
-			color,
-			segments,
-			width
-		});
-	}
-	return {
-		rows,
-		width: Math.max(0, ...rows.map((row) => row.width))
-	};
-}
 // src/messages.ts
 var messages = {
 	en: {
 		pullRequests: "Pull requests",
 		localChanges: "Local changes",
 		title: "Local Git",
-		menu: "Local Git…",
 		close: "Close",
 		choose: "Choose Repository…",
 		refresh: "Refresh",
@@ -3150,6 +3072,10 @@ var messages = {
 		commitMessage: "Write a message for this record.",
 		switchUnsafe: "Stop the project, and save or record (or undo) every change, before switching branches.",
 		branchExists: "A branch with this name already exists.",
+		branchConflict: "This name clashes with an existing branch: Git cannot keep both a branch and another branch under its name followed by /, such as pr and pr/7. Rename or delete the other branch with Git, or choose another name.",
+		pullRequestBranch: "The branch pr/<number> already exists with other records, so this version was not opened. The branch is left unchanged. Switch to it in Local changes, or rename or delete it with Git, then open the pull request here again.",
+		openedPullRequest: "Opened pull request #{number} on the local branch {branch}. To go back, switch to {previous} in Local changes.",
+		openedPullRequestDetached: "Opened pull request #{number} on the local branch {branch}. To go back, switch to another branch in Local changes.",
 		locked: "Another Git tool is working on this repository (a lock file, or a merge, cherry-pick, revert or rebase in progress). Try again after it finishes.",
 		branchName: "Git cannot use this name for a branch.",
 		pullUnsafe: "Stop the project, and save or undo unsaved edits and unrecorded changes, before getting changes from GitHub (pull).",
@@ -3211,13 +3137,16 @@ var messages = {
 		historyCopied: "Copied the commit ID.",
 		historyCopyFailed: "Could not copy the commit ID.",
 		historyRefs: "Branches",
-		cancel: "Cancel"
+		cancel: "Cancel",
+		branchMenu: "Branches",
+		openPanel: "Open Local Git",
+		newBranchItem: "New Branch…",
+		newBranchTitle: "New Branch"
 	},
 	ja: {
 		pullRequests: "プルリクエスト",
 		localChanges: "ローカルの変更",
 		title: "ローカル Git",
-		menu: "ローカル Git…",
 		close: "閉じる",
 		choose: "リポジトリを選択…",
 		refresh: "再取得",
@@ -3258,6 +3187,10 @@ var messages = {
 		commitMessage: "この記録の説明を書いてください。",
 		switchUnsafe: "ブランチを切り替える前に、実行を止め、すべての変更を保存して記録（または取り消し）してください。",
 		branchExists: "同じ名前のブランチがすでにあります。",
+		branchConflict: "この名前は既存のブランチとぶつかります。Git では、pr と pr/7 のように、あるブランチと、その名前に / を続けたブランチを両方は持てません。Git でもう一方の名前を変えるか消すか、別の名前にしてください。",
+		pullRequestBranch: "ブランチ pr/<番号> が、別の記録を指してすでにあるため、この版を開きませんでした。ブランチはそのままです。「ローカルの変更」で切り替えるか、Git で名前を変えるか消してから、もう一度ここで開いてください。",
+		openedPullRequest: "プルリクエスト #{number} を、ローカルブランチ {branch} で開きました。戻るときは「ローカルの変更」で {previous} に切り替えてください。",
+		openedPullRequestDetached: "プルリクエスト #{number} を、ローカルブランチ {branch} で開きました。戻るときは「ローカルの変更」で別のブランチに切り替えてください。",
 		locked: "ほかの Git の操作が、このリポジトリを使っています（ロックファイル、またはマージ・cherry-pick・revert・rebase の途中）。終わってから、もう一度試してください。",
 		branchName: "この名前は Git のブランチ名に使えません。",
 		pullUnsafe: "GitHub から取り込む前に、実行を止め、保存していない編集とまだ記録していない変更をなくしてください。",
@@ -3319,10 +3252,369 @@ var messages = {
 		historyCopied: "コミットの ID をコピーしました。",
 		historyCopyFailed: "コミットの ID をコピーできませんでした。",
 		historyRefs: "ブランチ",
-		cancel: "キャンセル"
+		cancel: "キャンセル",
+		branchMenu: "ブランチ",
+		openPanel: "ローカル Git を開く",
+		newBranchItem: "新しいブランチ…",
+		newBranchTitle: "新しいブランチ"
 	}
 };
 var labelsFor = (locale) => locale.startsWith("ja") ? messages.ja : messages.en;
+// src/branch-button.tsx
+var _excluded = ["state", "locale"];
+var menuItems = "[role=\"menuitem\"], [role=\"menuitemradio\"]";
+/** Git's branch glyph, drawn in the text color. */
+function BranchIcon() {
+	return /* @__PURE__ */ React.createElement("svg", {
+		className: "twgit-branch-icon",
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		"aria-hidden": "true",
+		focusable: "false"
+	}, /* @__PURE__ */ React.createElement("g", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5"
+	}, /* @__PURE__ */ React.createElement("circle", {
+		cx: "4.5",
+		cy: "3.5",
+		r: "1.75"
+	}), /* @__PURE__ */ React.createElement("circle", {
+		cx: "4.5",
+		cy: "12.5",
+		r: "1.75"
+	}), /* @__PURE__ */ React.createElement("circle", {
+		cx: "11.5",
+		cy: "5.5",
+		r: "1.75"
+	}), /* @__PURE__ */ React.createElement("path", { d: "M4.5 5.25v5.5M11.5 7.25c0 2.5-2.5 2.75-6 3.75" })));
+}
+/**
+* The current branch as a menu button for the host's menu bar, with the menu of branches. Before a repository is
+* chosen it reads "Git" and offers to choose one. A detached HEAD shows its short commit ID. The menu moves with the
+* arrow keys, Home and End; Escape closes it and returns to the button. Without `writable` it lists the branches only.
+*/
+function BranchButton(_ref) {
+	var _ref3;
+	let { state, locale = "en" } = _ref, actions = _objectWithoutProperties$1(_ref, _excluded);
+	const labels = labelsFor(locale);
+	const [mode, setMode] = useState("closed");
+	const [initial, setInitial] = useState("checked");
+	const [name, setName] = useState("");
+	const [checkout, setCheckout] = useState(true);
+	const [creating, setCreating] = useState(false);
+	const [createError, setCreateError] = useState("");
+	const root = useRef(null);
+	const trigger = useRef(null);
+	const popup = useRef(null);
+	const mounted = useRef(true);
+	useEffect(() => () => {
+		mounted.current = false;
+	}, []);
+	useLayoutEffect(() => {
+		var _ref2;
+		const element = popup.current;
+		if (!element) return;
+		if (mode === "create") {
+			var _element$querySelecto;
+			(_element$querySelecto = element.querySelector("input")) === null || _element$querySelecto === void 0 || _element$querySelecto.focus();
+			return;
+		}
+		const items = [...element.querySelectorAll(menuItems)];
+		const checked = items.find((item) => item.getAttribute("aria-checked") === "true");
+		(_ref2 = initial === "last" ? items[items.length - 1] : initial === "checked" && checked || items[0]) === null || _ref2 === void 0 || _ref2.focus();
+	}, [mode]);
+	useEffect(() => {
+		if (mode === "closed") return;
+		const node = root.current;
+		const dismiss = (event) => {
+			if (!node.contains(event.target) && !creating) setMode("closed");
+		};
+		node.ownerDocument.addEventListener("pointerdown", dismiss, true);
+		return () => node.ownerDocument.removeEventListener("pointerdown", dismiss, true);
+	}, [mode, creating]);
+	useEffect(() => {
+		var _popup$current;
+		if (!createError || creating) return;
+		const input = (_popup$current = popup.current) === null || _popup$current === void 0 ? void 0 : _popup$current.querySelector("input:not([type])");
+		input === null || input === void 0 || input.focus();
+		input === null || input === void 0 || input.select();
+	}, [createError, creating]);
+	const { branch, head } = state;
+	const unborn = state.repository && !head;
+	const text = !state.repository ? "Git" : branch !== null && branch !== void 0 ? branch : head ? head.slice(0, 7) : labels.unborn;
+	const accessibleName = !state.repository ? labels.title : `${branch ? labels.branch : labels.detached}: ${text}${unborn && branch ? ` (${labels.unborn})` : ""}`;
+	const close = (focus = true) => {
+		var _trigger$current;
+		setMode("closed");
+		if (focus) (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.focus({ preventScroll: true });
+	};
+	const openMenu = (from) => {
+		setInitial(from);
+		setMode("menu");
+	};
+	/** Runs a branch operation and shows its result, or why it did not run, in the panel. */
+	const change = async (operation) => {
+		const result = await operation();
+		if (result.done || result.error) actions.open();
+	};
+	const items = [];
+	if (!state.repository) items.push({
+		id: "choose",
+		label: labels.choose,
+		run: () => {
+			close();
+			actions.choose();
+		}
+	});
+	else {
+		const switching = state.writable && !state.busy;
+		for (const local of state.branches) items.push({
+			id: "branch:" + local,
+			label: local,
+			checked: local === branch,
+			disabled: !state.writable || state.busy && local !== branch,
+			run: () => {
+				close();
+				if (local !== branch && switching) change(() => actions.switchBranch(local));
+			}
+		});
+		if (state.writable) {
+			state.remoteBranches.forEach((remote, index) => items.push({
+				id: "remote:" + remote,
+				label: labels.historyCreateFromRemote.replace("{name}", remote),
+				disabled: state.busy,
+				separatorBefore: index === 0,
+				run: () => {
+					close();
+					if (!state.busy) change(() => actions.createFromRemote(remote));
+				}
+			}));
+			if (head) items.push({
+				id: "create",
+				label: labels.newBranchItem,
+				disabled: state.busy,
+				separatorBefore: true,
+				run: () => {
+					if (state.busy) return;
+					setName("");
+					setCheckout(true);
+					setCreateError("");
+					setMode("create");
+				}
+			});
+		}
+	}
+	items.push({
+		id: "open",
+		label: labels.openPanel,
+		separatorBefore: items.length > 0 && items[items.length - 1].id !== "create",
+		run: () => {
+			close();
+			actions.open();
+		}
+	});
+	const onMenuKey = (event) => {
+		if (event.key === "Escape") {
+			event.preventDefault();
+			event.stopPropagation();
+			if (!creating) close();
+			return;
+		}
+		if (mode !== "menu") return;
+		if (event.key === "Tab") {
+			close(false);
+			return;
+		}
+		const elements = [...event.currentTarget.querySelectorAll(menuItems)];
+		const index = elements.indexOf(event.target);
+		const target = {
+			ArrowDown: index + 1,
+			ArrowUp: index - 1,
+			Home: 0,
+			End: elements.length - 1
+		}[event.key];
+		if (target === void 0 || !elements.length) return;
+		event.preventDefault();
+		elements[(target + elements.length) % elements.length].focus();
+	};
+	const submit = async (event) => {
+		var _result$error;
+		event.preventDefault();
+		const branchName = name.trim();
+		if (!branchName || creating) return;
+		setCreating(true);
+		setCreateError("");
+		let result;
+		try {
+			result = await actions.createBranch(branchName, checkout);
+		} catch (error) {
+			result = {
+				done: false,
+				error: error instanceof Error && error.message ? error.message : labels.failed
+			};
+		}
+		if (!mounted.current) return;
+		setCreating(false);
+		if (result.done) {
+			close();
+			actions.open();
+		} else setCreateError((_result$error = result.error) !== null && _result$error !== void 0 ? _result$error : "");
+	};
+	return /* @__PURE__ */ React.createElement("div", {
+		className: "twgit-branch-entry",
+		ref: root,
+		onBlur: (event) => {
+			const next = event.relatedTarget;
+			if (next && !event.currentTarget.contains(next) && !creating) setMode("closed");
+		}
+	}, /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		className: "twgit-branch-button",
+		ref: trigger,
+		"aria-label": accessibleName,
+		title: accessibleName,
+		"aria-haspopup": "menu",
+		"aria-expanded": mode === "menu",
+		"data-git-branch": state.repository ? (_ref3 = branch !== null && branch !== void 0 ? branch : head) !== null && _ref3 !== void 0 ? _ref3 : "" : void 0,
+		onClick: () => mode === "closed" ? openMenu("checked") : close(false),
+		onKeyDown: (event) => {
+			if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+			event.preventDefault();
+			openMenu(event.key === "ArrowUp" ? "last" : "checked");
+		}
+	}, /* @__PURE__ */ React.createElement(BranchIcon, null), /* @__PURE__ */ React.createElement("span", { className: "twgit-branch-name" }, text), unborn && branch && /* @__PURE__ */ React.createElement("small", { className: "twgit-branch-unborn" }, labels.unborn), /* @__PURE__ */ React.createElement("span", {
+		className: "twgit-branch-caret",
+		"aria-hidden": "true"
+	}, "▾")), mode === "menu" && /* @__PURE__ */ React.createElement("div", {
+		ref: popup,
+		className: "twgit-branch-popup",
+		role: "menu",
+		"aria-label": labels.branchMenu,
+		onKeyDown: onMenuKey
+	}, items.map((item) => /* @__PURE__ */ React.createElement("button", {
+		key: item.id,
+		type: "button",
+		tabIndex: -1,
+		"data-action": item.id,
+		role: item.checked === void 0 ? "menuitem" : "menuitemradio",
+		"aria-checked": item.checked,
+		"aria-disabled": item.disabled || void 0,
+		"data-separator-before": item.separatorBefore || void 0,
+		onClick: () => {
+			if (!item.disabled || item.checked) item.run();
+		}
+	}, item.checked !== void 0 && /* @__PURE__ */ React.createElement("span", {
+		className: "twgit-branch-check",
+		"aria-hidden": "true"
+	}, item.checked ? "✓" : ""), item.label))), mode === "create" && /* @__PURE__ */ React.createElement("div", {
+		ref: popup,
+		className: "twgit-branch-popup",
+		role: "dialog",
+		"aria-label": labels.newBranchTitle,
+		onKeyDown: onMenuKey
+	}, /* @__PURE__ */ React.createElement("form", { onSubmit: (event) => void submit(event) }, /* @__PURE__ */ React.createElement("label", null, labels.newBranch, " ", /* @__PURE__ */ React.createElement("input", {
+		value: name,
+		required: true,
+		disabled: creating,
+		"aria-invalid": createError ? true : void 0,
+		onChange: (event) => setName(event.currentTarget.value)
+	})), /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("input", {
+		type: "checkbox",
+		checked: checkout,
+		disabled: creating,
+		onChange: (event) => setCheckout(event.currentTarget.checked)
+	}), " ", labels.switchAfterCreate), createError && /* @__PURE__ */ React.createElement("p", {
+		className: "twgit-graph-form-error",
+		role: "alert"
+	}, createError), /* @__PURE__ */ React.createElement("span", { className: "twgit-graph-form-actions" }, /* @__PURE__ */ React.createElement("button", {
+		type: "submit",
+		disabled: creating || state.busy || !name.trim()
+	}, labels.createBranch), /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		disabled: creating,
+		onClick: () => close()
+	}, labels.cancel)))));
+}
+/**
+* Lays out commits ordered newest first with every child above its parents. Parents missing from `commits`, such as
+* those on a page not loaded yet or cut off by a shallow clone, keep their lane running to the bottom.
+*/
+function layoutHistory(commits) {
+	const lanes = [];
+	let nextColor = 0;
+	const free = () => {
+		const index = lanes.indexOf(null);
+		return index === -1 ? lanes.length : index;
+	};
+	const rows = [];
+	for (const commit of commits) {
+		const segments = [];
+		const before = lanes.slice();
+		const waiting = before.flatMap((lane, index) => (lane === null || lane === void 0 ? void 0 : lane.oid) === commit.oid ? [index] : []);
+		const column = waiting.length ? waiting[0] : free();
+		const color = waiting.length ? before[column].color : nextColor++ % 8;
+		for (const [index, lane] of before.entries()) {
+			if (!lane) continue;
+			segments.push({
+				part: "top",
+				from: index,
+				to: lane.oid === commit.oid ? column : index,
+				color: lane.color
+			});
+		}
+		for (const index of waiting) lanes[index] = null;
+		const parents = [...new Set(commit.parents)];
+		lanes[column] = parents.length ? {
+			oid: parents[0],
+			color
+		} : null;
+		const joins = parents.length ? [{
+			index: column,
+			color
+		}] : [];
+		for (const parent of parents.slice(1)) {
+			let index = lanes.findIndex((lane) => (lane === null || lane === void 0 ? void 0 : lane.oid) === parent);
+			if (index === -1) {
+				index = free();
+				lanes[index] = {
+					oid: parent,
+					color: nextColor++ % 8
+				};
+			}
+			joins.push({
+				index,
+				color: lanes[index].color
+			});
+		}
+		while (lanes.length && lanes[lanes.length - 1] === null) lanes.pop();
+		for (const [index, lane] of before.entries()) if (lane && lane.oid !== commit.oid) segments.push({
+			part: "bottom",
+			from: index,
+			to: index,
+			color: lane.color
+		});
+		for (const join of joins) segments.push({
+			part: "bottom",
+			from: column,
+			to: join.index,
+			color: join.color
+		});
+		const width = Math.max(column + 1, ...segments.map((segment) => Math.max(segment.from, segment.to) + 1));
+		rows.push({
+			oid: commit.oid,
+			column,
+			color,
+			segments,
+			width
+		});
+	}
+	return {
+		rows,
+		width: Math.max(0, ...rows.map((row) => row.width))
+	};
+}
 // src/history-graph-view.tsx
 /** Lane colors that read on light and dark backgrounds. */
 var laneColors = [
@@ -3812,7 +4104,20 @@ var en = {
 	failed: "Could not read GitHub. Try again.",
 	changed: "The pull request changed while it was being read. Open it again.",
 	tooManyFiles: "GitHub only returns the first 3,000 changed files. This pull request exceeds that limit.",
-	openTabs: "Open as tabs"
+	openTabs: "Open as tabs",
+	session: "Connect to GitHub again (GitHub connection) to read this pull request.",
+	forbidden: "The GitHub connection is not allowed to read this repository.",
+	pullRequestNotFound: "This repository has no pull request with this number.",
+	network: "Could not reach GitHub through the connection. Check the network and try again.",
+	remoteFailed: "Could not read the pull request through the GitHub connection. Try again.",
+	baseMissing: "The base branch is not on GitHub. Choose another base branch.",
+	viaConnection: "Read through the GitHub connection.",
+	listPrivate: "The list uses the public GitHub API. Enter a pull request number to read it through the connection.",
+	noMetadata: "The title and base branch are not available without the public GitHub API. Choose the base branch to compare with.",
+	base: "Base branch",
+	pullRequest: "Pull request",
+	openLocally: "Open here as {branch}",
+	openLocallyHint: "Creates the local branch {branch} at this version, switches to it and opens the project, so it can be run. Unsaved edits and unrecorded changes stop it. Switch back in Local changes."
 };
 var ja = {
 	title: "プルリクエスト",
@@ -3834,12 +4139,40 @@ var ja = {
 	failed: "GitHub から取得できませんでした。再試行してください。",
 	changed: "取得中にプルリクエストが更新されました。もう一度開いてください。",
 	tooManyFiles: "変更ファイルが GitHub API の取得上限である 3,000 件を超えています。",
-	openTabs: "タブで開く"
+	openTabs: "タブで開く",
+	session: "この PR を読むには、GitHub 接続でもう一度接続してください。",
+	forbidden: "GitHub 接続に、このリポジトリを読む権限がありません。",
+	pullRequestNotFound: "このリポジトリに、この番号のプルリクエストはありません。",
+	network: "GitHub 接続で GitHub に届きませんでした。ネットワークを確認して、もう一度試してください。",
+	remoteFailed: "GitHub 接続でプルリクエストを読めませんでした。もう一度試してください。",
+	baseMissing: "ベースのブランチが GitHub にありません。別のベースを選んでください。",
+	viaConnection: "GitHub 接続で取得しました。",
+	listPrivate: "一覧は公開 GitHub API を使います。番号を入れると、GitHub 接続で読みます。",
+	noMetadata: "公開 GitHub API を使えないため、題名とベースのブランチがわかりません。比べるベースのブランチを選んでください。",
+	base: "ベースのブランチ",
+	pullRequest: "プルリクエスト",
+	openLocally: "{branch} として手元で開く",
+	openLocallyHint: "この版にローカルブランチ {branch} を作って切り替え、作品を開き直して実行できるようにします。保存していない編集や記録していない変更があるときは行いません。元に戻すときは「ローカルの変更」で切り替えてください。"
 };
+var gitErrors = [
+	"session",
+	"forbidden",
+	"pullRequestNotFound",
+	"network",
+	"remoteFailed",
+	"baseMissing",
+	"changed"
+];
 function errorMessage(error, labels) {
-	return error instanceof PullRequestError ? labels[error.code] : labels.failed;
+	if (error instanceof PullRequestError) return labels[error.code];
+	if (error instanceof GitPanelError) {
+		const code = gitErrors.find((code) => code === error.code);
+		return code ? labels[code] : labels.failed;
+	}
+	return labels.failed;
 }
-function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs }) {
+function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs, repository, connection, openLocally }) {
+	var _pr$base$ref, _pr$git, _pr$base$ref2;
 	const client = useMemo(() => createGitHubPullRequests(name), [name]);
 	const [page, setPage] = useState(1);
 	const [listing, setListing] = useState();
@@ -3847,10 +4180,12 @@ function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs }
 	const [selection, setSelection] = useState();
 	const [loaded, setLoaded] = useState();
 	const list = (listing === null || listing === void 0 ? void 0 : listing.page) === page ? listing.result : void 0;
+	const [listConnected, setListConnected] = useState(false);
 	const detail = (loaded === null || loaded === void 0 ? void 0 : loaded.selection) === selection ? loaded === null || loaded === void 0 ? void 0 : loaded.result : void 0;
 	useEffect(() => {
 		const controller = new AbortController();
 		setListing(void 0);
+		setListConnected(!!(connection === null || connection === void 0 ? void 0 : connection.connected()));
 		client.list(page, controller.signal).then((data) => {
 			if (!controller.signal.aborted) setListing({
 				page,
@@ -3871,7 +4206,8 @@ function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs }
 	useEffect(() => {
 		if (!selection) return;
 		const controller = new AbortController();
-		client.load(selection.number, controller.signal).then((data) => {
+		const load = () => (connection === null || connection === void 0 ? void 0 : connection.connected()) ? loadThroughConnection(selection.number, selection.base, controller.signal) : client.load(selection.number, controller.signal);
+		load().then((data) => {
 			if (!controller.signal.aborted) setLoaded({
 				selection,
 				result: { data }
@@ -3888,6 +4224,56 @@ function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs }
 		selection,
 		labels
 	]);
+	const fetched = useRef();
+	/**
+	* Fetches `refs/pull/<number>/head` and the branches over Git Smart HTTP and compares them from local objects. The
+	* public API only adds the title, description and base when it can read the repository; the contents never come
+	* from it, so a private repository is read only through the connection.
+	*/
+	const loadThroughConnection = async (number, chosenBase, signal) => {
+		var _fetched$current, _ref, _ref2, _metadata$title, _metadata$description, _metadata$head$ref;
+		const guard = () => {
+			if (signal.aborted) throw new GitPanelError("changed");
+		};
+		let head, branches, defaultBranch, metadata = null;
+		if (chosenBase !== void 0 && ((_fetched$current = fetched.current) === null || _fetched$current === void 0 ? void 0 : _fetched$current.number) === number) ({head, branches, defaultBranch} = fetched.current);
+		else {
+			metadata = await client.metadata(number, signal).catch((error) => {
+				if (signal.aborted) throw error;
+				return null;
+			});
+			const result = await repository.fetchPullRequest(number, connection.getSession, guard, signal);
+			if (metadata && metadata.head.sha !== result.head) throw new PullRequestError("changed");
+			({head, branches, defaultBranch} = result);
+			fetched.current = {
+				number,
+				head,
+				branches,
+				defaultBranch
+			};
+		}
+		const branch = (_ref = (_ref2 = chosenBase !== null && chosenBase !== void 0 ? chosenBase : metadata === null || metadata === void 0 ? void 0 : metadata.base.ref) !== null && _ref2 !== void 0 ? _ref2 : defaultBranch) !== null && _ref !== void 0 ? _ref : branches[0];
+		const read = await repository.readPullRequest(head, {
+			sha: metadata === null || metadata === void 0 ? void 0 : metadata.base.sha,
+			branch
+		});
+		guard();
+		return {
+			number,
+			title: (_metadata$title = metadata === null || metadata === void 0 ? void 0 : metadata.title) !== null && _metadata$title !== void 0 ? _metadata$title : `${labels.pullRequest} #${number}`,
+			description: (_metadata$description = metadata === null || metadata === void 0 ? void 0 : metadata.description) !== null && _metadata$description !== void 0 ? _metadata$description : "",
+			author: metadata === null || metadata === void 0 ? void 0 : metadata.author,
+			state: metadata === null || metadata === void 0 ? void 0 : metadata.state,
+			head: {
+				sha: head,
+				ref: (_metadata$head$ref = metadata === null || metadata === void 0 ? void 0 : metadata.head.ref) !== null && _metadata$head$ref !== void 0 ? _metadata$head$ref : `pull/${number}/head`
+			},
+			base: read.base,
+			files: read.files,
+			url: "https://github.com/" + name + "/pull/" + number,
+			git: { branches: metadata ? null : branches }
+		};
+	};
 	const choose = (number) => {
 		if (!Number.isSafeInteger(number) || number < 1) return;
 		setSelection({ number });
@@ -3907,7 +4293,7 @@ function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs }
 		max: Number.MAX_SAFE_INTEGER,
 		value: input,
 		onChange: (event) => setInput(event.currentTarget.value)
-	})), /* @__PURE__ */ React.createElement("button", { type: "submit" }, labels.openNumber)), !list && /* @__PURE__ */ React.createElement("p", { role: "status" }, labels.loading), (list === null || list === void 0 ? void 0 : list.error) && /* @__PURE__ */ React.createElement("p", { role: "alert" }, list.error), (list === null || list === void 0 ? void 0 : list.data) && /* @__PURE__ */ React.createElement(React.Fragment, null, !list.data.items.length && /* @__PURE__ */ React.createElement("p", null, labels.empty), /* @__PURE__ */ React.createElement("ul", null, list.data.items.map((item) => /* @__PURE__ */ React.createElement("li", { key: item.number }, /* @__PURE__ */ React.createElement("button", {
+	})), /* @__PURE__ */ React.createElement("button", { type: "submit" }, labels.openNumber)), !list && /* @__PURE__ */ React.createElement("p", { role: "status" }, labels.loading), (list === null || list === void 0 ? void 0 : list.error) && (listConnected && list.error === labels.unavailable ? /* @__PURE__ */ React.createElement("p", { role: "status" }, labels.listPrivate) : /* @__PURE__ */ React.createElement("p", { role: "alert" }, list.error)), (list === null || list === void 0 ? void 0 : list.data) && /* @__PURE__ */ React.createElement(React.Fragment, null, !list.data.items.length && /* @__PURE__ */ React.createElement("p", null, labels.empty), /* @__PURE__ */ React.createElement("ul", null, list.data.items.map((item) => /* @__PURE__ */ React.createElement("li", { key: item.number }, /* @__PURE__ */ React.createElement("button", {
 		className: "twgit-file",
 		type: "button",
 		"aria-pressed": (selection === null || selection === void 0 ? void 0 : selection.number) === item.number,
@@ -3920,7 +4306,17 @@ function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs }
 		type: "button",
 		disabled: !list.data.more,
 		onClick: () => setPage(page + 1)
-	}, labels.next)))), /* @__PURE__ */ React.createElement("main", { className: "twgit-diff" }, !selection && /* @__PURE__ */ React.createElement("p", null, labels.select), selection && !detail && /* @__PURE__ */ React.createElement("p", { role: "status" }, labels.loading), (detail === null || detail === void 0 ? void 0 : detail.error) && /* @__PURE__ */ React.createElement("p", { role: "alert" }, detail.error), pr && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "twgit-pr-revision" }, /* @__PURE__ */ React.createElement("strong", null, "#", pr.number, " · ", labels[pr.state]), pr.author && /* @__PURE__ */ React.createElement("span", null, pr.author), /* @__PURE__ */ React.createElement("code", { title: pr.head.sha }, pr.head.ref, " → ", pr.base.ref), /* @__PURE__ */ React.createElement("a", {
+	}, labels.next)))), /* @__PURE__ */ React.createElement("main", { className: "twgit-diff" }, !selection && /* @__PURE__ */ React.createElement("p", null, labels.select), selection && !detail && /* @__PURE__ */ React.createElement("p", { role: "status" }, labels.loading), (detail === null || detail === void 0 ? void 0 : detail.error) && /* @__PURE__ */ React.createElement("p", { role: "alert" }, detail.error), pr && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: "twgit-pr-revision" }, /* @__PURE__ */ React.createElement("strong", null, "#", pr.number, pr.state && /* @__PURE__ */ React.createElement(React.Fragment, null, " · ", labels[pr.state])), pr.author && /* @__PURE__ */ React.createElement("span", null, pr.author), /* @__PURE__ */ React.createElement("code", { title: pr.head.sha }, pr.head.ref, " → ", (_pr$base$ref = pr.base.ref) !== null && _pr$base$ref !== void 0 ? _pr$base$ref : pr.base.sha.slice(0, 12)), ((_pr$git = pr.git) === null || _pr$git === void 0 ? void 0 : _pr$git.branches) && /* @__PURE__ */ React.createElement("label", null, labels.base, " ", /* @__PURE__ */ React.createElement("select", {
+		"data-git-pr-base": "",
+		value: (_pr$base$ref2 = pr.base.ref) !== null && _pr$base$ref2 !== void 0 ? _pr$base$ref2 : "",
+		onChange: (event) => setSelection({
+			number: pr.number,
+			base: event.currentTarget.value
+		})
+	}, pr.git.branches.map((branch) => /* @__PURE__ */ React.createElement("option", {
+		key: branch,
+		value: branch
+	}, branch)))), /* @__PURE__ */ React.createElement("a", {
 		href: pr.url,
 		target: "_blank",
 		rel: "noreferrer"
@@ -3943,7 +4339,16 @@ function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs }
 				locateBlock: locateFor === null || locateFor === void 0 ? void 0 : locateFor(file.path, pr.head.sha)
 			}] : [];
 		}), `${name}#${pr.number}`)
-	}, labels.openTabs)), /* @__PURE__ */ React.createElement(ProjectSourceReview, {
+	}, labels.openTabs), pr.git && openLocally && /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		"data-git-open-pr-locally": "",
+		disabled: openLocally.busy,
+		title: labels.openLocallyHint.replace("{branch}", pullRequestBranch(pr.number)),
+		onClick: () => void openLocally.open(pr.number, pr.head.sha)
+	}, labels.openLocally.replace("{branch}", pullRequestBranch(pr.number)))), pr.git && /* @__PURE__ */ React.createElement("p", {
+		className: "twgit-context",
+		role: "status"
+	}, labels.viaConnection, pr.git.branches && /* @__PURE__ */ React.createElement(React.Fragment, null, " ", labels.noMetadata)), /* @__PURE__ */ React.createElement(ProjectSourceReview, {
 		title: pr.title,
 		description: pr.description,
 		files: locateFor ? pr.files.map((file) => "patch" in file ? _objectSpread2$1(_objectSpread2$1({}, file), {}, { locateBlock: locateFor(file.path, pr.head.sha) }) : file) : pr.files,
@@ -3952,7 +4357,7 @@ function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs }
 		rememberAs: `${name}#${pr.number}`
 	}))));
 }
-function PullRequestReviewPanel({ repository, locale, renderBlock, locateFor, openTabs }) {
+function PullRequestReviewPanel({ repository, locale, renderBlock, locateFor, openTabs, connection, openLocally }) {
 	const labels = locale.startsWith("ja") ? ja : en;
 	const [origin, setOrigin] = useState();
 	useEffect(() => {
@@ -3988,7 +4393,10 @@ function PullRequestReviewPanel({ repository, locale, renderBlock, locateFor, op
 		locale,
 		renderBlock,
 		locateFor,
-		openTabs
+		openTabs,
+		repository,
+		connection,
+		openLocally
 	});
 }
 // src/editor-block-locator.ts
@@ -4029,6 +4437,41 @@ function nextFrame(signal) {
 }
 // src/index.tsx
 init_objectSpread2();
+function createController() {
+	const listeners = /* @__PURE__ */ new Set();
+	const controller = {
+		open() {},
+		async refresh() {},
+		async choose() {},
+		async changeBranch() {
+			return { done: false };
+		},
+		branch: {
+			repository: false,
+			branch: void 0,
+			head: null,
+			branches: [],
+			remoteBranches: [],
+			writable: false,
+			busy: false
+		},
+		publish(state) {
+			controller.branch = state;
+			for (const listener of [...listeners]) listener();
+		},
+		follow(listener) {
+			listeners.add(listener);
+			controller.onFollowers(listeners.size);
+			return () => {
+				listeners.delete(listener);
+				controller.onFollowers(listeners.size);
+			};
+		},
+		followers: () => listeners.size,
+		onFollowers() {}
+	};
+	return controller;
+}
 var initial = {
 	repository: null,
 	snapshot: null,
@@ -4042,9 +4485,56 @@ var initial = {
 	busy: false
 };
 var controllers = /* @__PURE__ */ new WeakMap();
+var registrations = /* @__PURE__ */ new Set();
 var watchInterval = 2e3;
+/**
+* Calls `check` every `watchInterval`, when the window regains focus and shortly after a File System Observer reports
+* a change under `root`, one call at a time and never while the page is hidden. Returns the function that stops it.
+*/
+function watchRepository(document, root, check) {
+	const view = document.defaultView;
+	let stopped = false;
+	let checking = false;
+	const run = async () => {
+		if (stopped || checking || document.visibilityState === "hidden") return;
+		checking = true;
+		try {
+			await check(() => stopped);
+		} catch (_unused) {} finally {
+			checking = false;
+		}
+	};
+	let soon;
+	const schedule = () => {
+		view.clearTimeout(soon);
+		soon = view.setTimeout(() => void run(), 300);
+	};
+	const interval = view.setInterval(() => void run(), watchInterval);
+	const onFocus = () => void run();
+	view.addEventListener("focus", onFocus);
+	document.addEventListener("visibilitychange", onFocus);
+	let observer = null;
+	try {
+		if (view.FileSystemObserver) {
+			observer = new view.FileSystemObserver(schedule);
+			observer.observe(root, { recursive: true }).catch(() => {});
+		}
+	} catch (_unused2) {
+		observer = null;
+	}
+	run();
+	return () => {
+		stopped = true;
+		view.clearInterval(interval);
+		view.clearTimeout(soon);
+		view.removeEventListener("focus", onFocus);
+		document.removeEventListener("visibilitychange", onFocus);
+		observer === null || observer === void 0 || observer.disconnect();
+	};
+}
+var sameRefs = (a, b) => !!a && a.branch === b.branch && a.head === b.head && a.branches.join("\n") === b.branches.join("\n") && a.remoteBranches.join("\n") === b.remoteBranches.join("\n");
 function GitPanel({ vm, document, host, controller }) {
-	var _state$snapshot, _state$repository, _state$snapshot$head$, _state$snapshot$head;
+	var _refs$head, _refs$branches, _refs$remoteBranches, _state$snapshot, _state$repository, _state$snapshot$head$, _state$snapshot$head;
 	const [visible, setVisible] = useState(false);
 	const [slot, setSlot] = useState(null);
 	const shown = visible || slot !== null;
@@ -4217,57 +4707,42 @@ function GitPanel({ vm, document, host, controller }) {
 			controller.refresh();
 		}
 	}, [shown]);
+	const [refs, setRefs] = useState(null);
+	useEffect(() => {
+		if (!state.repository) setRefs(null);
+		else if (state.snapshot) setRefs(refsOf(state.snapshot));
+	}, [state.repository, state.snapshot]);
+	const [followers, setFollowers] = useState(controller.followers());
+	useEffect(() => {
+		controller.onFollowers = setFollowers;
+		setFollowers(controller.followers());
+		return () => {
+			controller.onFollowers = () => {};
+		};
+	}, []);
+	const following = followers > 0;
 	useEffect(() => {
 		const repository = state.repository;
-		if (!shown || !repository) return;
-		const view = document.defaultView;
-		let stopped = false;
-		let checking = false;
-		const check = async () => {
+		if (!repository || !shown && !following) return;
+		return watchRepository(document, repository.root, async (stopped) => {
 			const { snapshot } = current.current;
-			const hidden = !dialog.current || !dialog.current.getClientRects().length;
-			if (stopped || checking || running.current || document.visibilityState === "hidden" || hidden || !snapshot || current.current.repository !== repository) return;
-			checking = true;
-			try {
-				const probe = await repository.probe(snapshot.scope);
-				if (stopped || probe === "locked" || probe === snapshot.probe || probe === handled.current || current.current.snapshot !== snapshot) return;
-				handled.current = probe;
-				const { selected, commit } = current.current;
-				if (selected || commit || reviewing.current) setState((previous) => previous.snapshot === snapshot ? _objectSpread2$1(_objectSpread2$1({}, previous), {}, { notice: labelsFor(locale).outdated }) : previous);
-				else await controller.refresh(true);
-			} catch (_unused) {} finally {
-				checking = false;
-			}
-		};
-		let soon;
-		const schedule = () => {
-			view.clearTimeout(soon);
-			soon = view.setTimeout(() => void check(), 300);
-		};
-		const interval = view.setInterval(() => void check(), watchInterval);
-		const onFocus = () => void check();
-		view.addEventListener("focus", onFocus);
-		document.addEventListener("visibilitychange", onFocus);
-		let observer = null;
-		try {
-			if (view.FileSystemObserver) {
-				observer = new view.FileSystemObserver(schedule);
-				observer.observe(repository.root, { recursive: true }).catch(() => {});
+			if (running.current || current.current.repository !== repository) return;
+			if (!(shown && !!dialog.current && dialog.current.getClientRects().length > 0) || !snapshot) {
+				if (!following) return;
+				const next = await repository.refs();
+				if (!stopped() && current.current.repository === repository) setRefs((previous) => sameRefs(previous, next) ? previous : next);
+				return;
 			}
-		} catch (_unused2) {
-			observer = null;
-		}
-		check();
-		return () => {
-			stopped = true;
-			view.clearInterval(interval);
-			view.clearTimeout(soon);
-			view.removeEventListener("focus", onFocus);
-			document.removeEventListener("visibilitychange", onFocus);
-			observer === null || observer === void 0 || observer.disconnect();
-		};
+			const probe = await repository.probe(snapshot.scope);
+			if (stopped() || probe === "locked" || probe === snapshot.probe || probe === handled.current || current.current.snapshot !== snapshot) return;
+			handled.current = probe;
+			const { selected, commit } = current.current;
+			if (selected || commit || reviewing.current) setState((previous) => previous.snapshot === snapshot ? _objectSpread2$1(_objectSpread2$1({}, previous), {}, { notice: labelsFor(locale).outdated }) : previous);
+			else await controller.refresh(true);
+		});
 	}, [
 		shown,
+		following,
 		state.repository,
 		locale
 	]);
@@ -4282,7 +4757,7 @@ function GitPanel({ vm, document, host, controller }) {
 	}, [visible, slot]);
 	const chooseRoot = async () => {
 		const view = document.defaultView;
-		await run(async () => {
+		return run(async () => {
 			var _host$connectionSetti;
 			let root;
 			try {
@@ -4394,6 +4869,14 @@ function GitPanel({ vm, document, host, controller }) {
 			};
 		});
 	};
+	const pullRequestConnection = useMemo(() => {
+		const settings = host.connectionSettings;
+		const getSession = settings === null || settings === void 0 ? void 0 : settings.getSession;
+		return getSession ? {
+			getSession,
+			connected: () => settings.getView().state.status === "connected"
+		} : void 0;
+	}, [host]);
 	const [message, setMessage] = useState("");
 	const localOperation = (operation, notice) => {
 		const repository = current.current.repository;
@@ -4433,6 +4916,31 @@ function GitPanel({ vm, document, host, controller }) {
 		if (operation.kind === "createBranch" && !operation.fromRemote && !at) setNewBranch("");
 		return result;
 	};
+	/**
+	* Opens a pull request version fetched over the connection: creates `pr/<number>` at its head (or reuses that
+	* branch when it already points there), switches to it with the same refusals as any switch, and opens the project
+	* folder again from it. The branch the person was on stays, so switching back is an ordinary switch.
+	*/
+	const openPullRequest = async (number, head) => {
+		var _current$current$snap, _current$current$snap2;
+		const repository = current.current.repository;
+		if (!repository) return { done: false };
+		const original = (_current$current$snap = (_current$current$snap2 = current.current.snapshot) === null || _current$current$snap2 === void 0 ? void 0 : _current$current$snap2.branch) !== null && _current$current$snap !== void 0 ? _current$current$snap : null;
+		const name = pullRequestBranch(number);
+		const result = await changeBranch({
+			kind: "createBranch",
+			name,
+			at: head,
+			checkout: true,
+			reuse: true
+		});
+		if (!result.done) return result;
+		const project = current.current.project;
+		if (project !== null && await repository.hasFolder(name, project)) await openProject(project);
+		const notice = (original && original !== name ? labels.openedPullRequest : labels.openedPullRequestDetached).replace("{number}", String(number)).replace("{branch}", name).replace("{previous}", original !== null && original !== void 0 ? original : "");
+		if (alive.current) setState((previous) => previous.error ? previous : _objectSpread2$1(_objectSpread2$1({}, previous), {}, { notice }));
+		return result;
+	};
 	const [history, setHistory] = useState({
 		commits: [],
 		cursor: null,
@@ -4515,6 +5023,24 @@ function GitPanel({ vm, document, host, controller }) {
 		state.snapshot,
 		state.selected
 	]);
+	controller.changeBranch = changeBranch;
+	controller.choose = async (language) => {
+		setLocale(language);
+		const before = current.current.repository;
+		const result = await chooseRoot();
+		if (!result.done && result.error || current.current.repository !== before) controller.open(language);
+	};
+	const branchState = {
+		repository: !!state.repository,
+		branch: refs === null || refs === void 0 ? void 0 : refs.branch,
+		head: (_refs$head = refs === null || refs === void 0 ? void 0 : refs.head) !== null && _refs$head !== void 0 ? _refs$head : null,
+		branches: (_refs$branches = refs === null || refs === void 0 ? void 0 : refs.branches) !== null && _refs$branches !== void 0 ? _refs$branches : [],
+		remoteBranches: (_refs$remoteBranches = refs === null || refs === void 0 ? void 0 : refs.remoteBranches) !== null && _refs$remoteBranches !== void 0 ? _refs$remoteBranches : [],
+		writable: !!host.localWrite && !!refs,
+		busy: state.busy
+	};
+	const published = JSON.stringify(branchState);
+	useEffect(() => controller.publish(branchState), [published]);
 	if (!shown) return null;
 	const groups = state.commit ? ["commit"] : [
 		"staged",
@@ -4595,7 +5121,12 @@ function GitPanel({ vm, document, host, controller }) {
 		locale,
 		renderBlock: host.renderReviewBlock,
 		locateFor: reviewLocator,
-		openTabs
+		openTabs,
+		connection: pullRequestConnection,
+		openLocally: branching ? {
+			open: openPullRequest,
+			busy: state.busy
+		} : void 0
 	}), !review && state.repository && /* @__PURE__ */ React.createElement("div", { className: "twgit-content" }, /* @__PURE__ */ React.createElement("aside", null, state.browser && /* @__PURE__ */ React.createElement("details", null, /* @__PURE__ */ React.createElement("summary", null, labels.browse), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("code", null, state.browser.path || "/")), /* @__PURE__ */ React.createElement("button", {
 		disabled: state.busy || !state.browser.path,
 		onClick: () => void browse(state.browser.path.split("/").slice(0, -1).join("/"))
@@ -4776,15 +5307,21 @@ function upstreamText({ upstream }, labels) {
 		default: return labels.upstreamUnknown;
 	}
 }
+var refsOf = ({ branch, head, branches, remoteBranches }) => ({
+	branch,
+	head,
+	branches,
+	remoteBranches
+});
+var announce = () => {
+	for (const listener of [...registrations]) listener();
+};
 function mountGitPanel({ vm, document, host }) {
 	var _document$defaultView3;
 	if (!((_document$defaultView3 = document.defaultView) === null || _document$defaultView3 === void 0 ? void 0 : _document$defaultView3.showDirectoryPicker)) return null;
 	const root = document.createElement("div");
 	document.body.append(root);
-	const controller = {
-		open() {},
-		async refresh() {}
-	};
+	const controller = createController();
 	controllers.set(vm, controller);
 	render(/* @__PURE__ */ React.createElement(GitPanel, {
 		vm,
@@ -4792,26 +5329,70 @@ function mountGitPanel({ vm, document, host }) {
 		host,
 		controller
 	}), root);
+	announce();
 	return {
 		refresh: () => controller.refresh(),
+		open: (locale) => controller.open(locale),
 		dispose() {
 			var _host$connectionSetti3;
 			if (controllers.get(vm) === controller) controllers.delete(vm);
 			(_host$connectionSetti3 = host.connectionSettings) === null || _host$connectionSetti3 === void 0 || _host$connectionSetti3.disconnect().catch(() => {});
 			unmountComponentAtNode(root);
 			root.remove();
+			announce();
 		}
 	};
 }
-function renderGitMenu(createElement, { vm, locale = "en", MenuItem, MenuSection, onRequestClose }) {
-	const controller = controllers.get(vm);
-	if (!controller) return null;
-	return createElement(MenuSection, null, createElement(MenuItem, {
-		command: "local-git",
-		onClick() {
-			onRequestClose();
-			controller.open(locale);
-		}
-	}, labelsFor(locale).menu));
+/** The branch button of the panel mounted for `vm`, or nothing while no panel is mounted for it. */
+function BranchEntry({ vm, locale }) {
+	const [controller, setController] = useState(() => controllers.get(vm));
+	useEffect(() => {
+		const update = () => setController(controllers.get(vm));
+		registrations.add(update);
+		update();
+		return () => {
+			registrations.delete(update);
+		};
+	}, [vm]);
+	const [state, setState] = useState(controller === null || controller === void 0 ? void 0 : controller.branch);
+	useEffect(() => {
+		if (!controller) return;
+		const update = () => setState(controller.branch);
+		update();
+		return controller.follow(update);
+	}, [controller]);
+	if (!controller || !state) return null;
+	return /* @__PURE__ */ React.createElement(BranchButton, {
+		state,
+		locale,
+		open: () => controller.open(locale),
+		choose: () => void controller.choose(locale),
+		switchBranch: (name) => controller.changeBranch({
+			kind: "switchBranch",
+			name
+		}),
+		createBranch: (name, checkout) => controller.changeBranch({
+			kind: "createBranch",
+			name,
+			checkout
+		}),
+		createFromRemote: (name) => controller.changeBranch({
+			kind: "createBranch",
+			name,
+			fromRemote: true,
+			checkout: true
+		})
+	});
+}
+/**
+* Renders the button for the host's menu bar that shows the current branch of the panel mounted for `vm` and opens the
+* menu of branches, the panel and the repository choice. It renders nothing while no panel is mounted for `vm`, such as
+* when the host does not offer local Git, and shares the panel's repository, operations and checks.
+*/
+function renderBranchButton(createElement, { vm, locale = "en" }) {
+	return createElement(BranchEntry, {
+		vm,
+		locale
+	});
 }
-export { GitPanelError, HistoryGraph, createEditorBlockLocator, createReadOnlyFs, createScratchBlocksDiffLocator, createScratchBlocksDiffRenderer, laneColors, layoutHistory, mountGitPanel, openProjectComparison, openProjectSourceTabs, openRepository, renderGitMenu };
+export { BranchButton, GitPanelError, HistoryGraph, createEditorBlockLocator, createReadOnlyFs, createScratchBlocksDiffLocator, createScratchBlocksDiffRenderer, laneColors, layoutHistory, mountGitPanel, openProjectComparison, openProjectSourceTabs, openRepository, pullRequestBranch, pullRequestRef, renderBranchButton };