@kubohiroya/turbowarp-plus-editor-git 0.17.0 → 0.19.0

package/dist/index.js

@@ -1,9 +1,9 @@
-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-DjMlwyp8.js";
-import { n as init_objectSpread2, r as __commonJSMin, t as _objectSpread2$1 } from "./objectSpread2-Dkd68nJH.js";
-import { l as parseProjectSource, u as readProjectSourceDiff } from "./project-asset-paths-nL5sV35A.js";
-import { a as pullRequestRef, i as pullRequestBranch, n as openRepository, o as GitPanelError, s as createReadOnlyFs } from "./repository-xIv0iZkj.js";
+import { B as CloseButton, E as reviewLabelsFor, M as projectPropertyLabel, O as createGitHubReviewApi, R as useAssetImage, T as labelsFor, a as openProjectSourceTabs, c as gitHubRepositoryFromOrigin, d as PullRequestReviewComposer, i as createScratchBlocksDiffLocator, j as organizeProjectChanges, l as ProjectSourceComparison, n as openProjectComparison, o as PullRequestError, r as createScratchBlocksDiffRenderer, s as createGitHubPullRequests, u as ProjectSourceReview, z as useCostumeImage } from "./project-comparison-B_3QZ6M-.js";
+import { d as __commonJSMin, l as _objectSpread2$1, u as init_objectSpread2 } from "./smart-http-eARzlXHO.js";
+import { f as _objectWithoutProperties$1, l as parseProjectSource, u as readProjectSourceDiff } from "./project-asset-paths-DNaoWs3E.js";
+import { a as pullRequestRef, i as pullRequestBranch, n as openRepository, o as GitPanelError, s as createReadOnlyFs } from "./repository-DXRZEtYk.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) => {
@@ -3026,6 +3026,397 @@ function ProjectElementView({ changes, selection, locale, renderBlock, onSelectF
 		onClick: () => onSelectFile(file)
 	}, file.path, " ", /* @__PURE__ */ React.createElement("small", null, labels.groups[file.group])))))));
 }
+// src/branch-button.tsx
+init_objectSpread2();
+var _excluded = ["state", "locale"];
+var menuItems = "[role=\"menuitem\"], [role=\"menuitemradio\"]";
+/** How long a snackbar stays when it is neither hovered nor focused. */
+var snackbarDuration = 6e3;
+/**
+* A short result at the bottom of the window, with the project folder's status look. It stays while hovered or
+* focused, Escape or the close button dismisses it, and focus is never moved into it.
+*/
+function Snackbar({ snack, closeLabel, onClose }) {
+	const held = useRef({
+		hover: false,
+		focus: false
+	});
+	const timer = useRef();
+	const hold = (change) => {
+		held.current = _objectSpread2$1(_objectSpread2$1({}, held.current), change);
+		clearTimeout(timer.current);
+		if (!held.current.hover && !held.current.focus) timer.current = setTimeout(() => onClose(false), snackbarDuration);
+	};
+	useEffect(() => {
+		hold({});
+		return () => clearTimeout(timer.current);
+	}, []);
+	return createPortal(/* @__PURE__ */ React.createElement("div", {
+		className: "twgit-snackbar",
+		"data-git-snackbar": "",
+		onMouseEnter: () => hold({ hover: true }),
+		onMouseLeave: () => hold({ hover: false }),
+		onFocus: () => hold({ focus: true }),
+		onBlur: (event) => {
+			if (!event.currentTarget.contains(event.relatedTarget)) hold({ focus: false });
+		},
+		onKeyDown: (event) => {
+			if (event.key !== "Escape") return;
+			event.preventDefault();
+			event.stopPropagation();
+			onClose(true);
+		}
+	}, /* @__PURE__ */ React.createElement("span", { role: snack.alert ? "alert" : "status" }, snack.text), snack.action && /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		onClick: () => {
+			onClose(true);
+			snack.action.run();
+		}
+	}, snack.action.label), /* @__PURE__ */ React.createElement(CloseButton, {
+		label: closeLabel,
+		onClick: () => onClose(true)
+	})), document.body);
+}
+/**
+* The results of branch operations in a snackbar, as the branch button and the history view tell them: a switch with
+* Reload Project while a project folder is selected, a new branch, or the reason for a refusal with Open Local Git.
+* A declined confirmation tells nothing. `restoreFocus` takes the focus back when the snackbar closes from inside.
+*/
+function useBranchSnackbar(locale, project, actions, restoreFocus) {
+	const labels = labelsFor(locale);
+	const [snack, setSnack] = useState(null);
+	const snacks = useRef(0);
+	const mounted = useRef(true);
+	useEffect(() => () => {
+		mounted.current = false;
+	}, []);
+	const show = (text, alert, action) => {
+		if (mounted.current) setSnack({
+			id: ++snacks.current,
+			text,
+			alert,
+			action
+		});
+	};
+	const report = (result, switched) => {
+		if (result.done) {
+			if (!switched) show(labels.branchCreated, false);
+			else show(labels.switchedShort, false, project ? {
+				label: labels.reload,
+				run: actions.reload
+			} : void 0);
+		} else if (result.error) show(result.error, true, {
+			label: labels.openPanel,
+			run: actions.open
+		});
+	};
+	return {
+		report,
+		element: snack && /* @__PURE__ */ React.createElement(Snackbar, {
+			key: snack.id,
+			snack,
+			closeLabel: labels.close,
+			onClose: (focus) => {
+				setSnack((previous) => (previous === null || previous === void 0 ? void 0 : previous.id) === snack.id ? null : previous);
+				if (focus) restoreFocus === null || restoreFocus === void 0 || restoreFocus();
+			}
+		})
+	};
+}
+/** 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");
+	};
+	const { report, element: snackbar } = useBranchSnackbar(locale, state.project, actions, () => {
+		var _trigger$current2;
+		return (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.focus({ preventScroll: true });
+	});
+	const change = async (operation) => report(await operation(), true);
+	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();
+			report(result, checkout);
+		} 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)))), snackbar);
+}
+// src/change-marks.ts
+/**
+* The marks of the working tree's changes under `folder` (a path inside the repository, '' for its root), by path
+* relative to `folder`. A file with both staged and unstaged changes is marked as its working tree stands.
+*/
+function changeMarks(changes, folder) {
+	const prefix = folder.replace(/^\/+|\/+$/gu, "");
+	const marks = /* @__PURE__ */ new Map();
+	for (const group of [
+		"staged",
+		"unstaged",
+		"untracked"
+	]) for (const change of changes) {
+		if (change.group !== group) continue;
+		if (prefix && !change.path.startsWith(prefix + "/")) continue;
+		const path = prefix ? change.path.slice(prefix.length + 1) : change.path;
+		marks.set(path, group === "untracked" ? "untracked" : !change.after ? "deleted" : !change.before ? "added" : "modified");
+	}
+	return marks;
+}
 /**
 * 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.
@@ -3104,234 +3495,6 @@ function layoutHistory(commits) {
 		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",
-		empty: "Choose an existing Git repository to inspect its files and history.",
-		repository: "Repository",
-		project: "Project folder",
-		none: "No project selected",
-		root: "Repository root",
-		open: "Open This Project",
-		reload: "Reload Project",
-		up: "Parent folder",
-		browse: "Choose a project inside this repository",
-		replace: "Replace the open project and discard its unsaved changes?",
-		dirty: "The Editor has unsaved changes.",
-		saved: "The Editor has no unsaved changes.",
-		staged: "Changes in the next record",
-		unstaged: "Saved, not yet recorded",
-		untracked: "New files never recorded",
-		commit: "Changes in this record",
-		history: "Records (commits)",
-		worktree: "Saved files",
-		clean: "No saved changes in the selected folder.",
-		branches: "Local branches",
-		unborn: "No records yet",
-		detached: "Detached HEAD",
-		select: "Select a file to view its diff.",
-		binary: "Binary asset",
-		large: "Text preview exceeds its display limit.",
-		bytes: "bytes",
-		mode: "Git file mode",
-		permissions: "Working-tree executable permission changes are unavailable in the browser.",
-		unchanged: "The text is unchanged.",
-		loading: "Reading repository…",
-		invalid: "Choose a repository with a .git directory, and a project inside that repository.",
-		changed: "Files or Git state changed while reading. Refresh to read the current state.",
-		outdated: "The repository changed outside the Editor. Refresh to read the current state.",
-		unsupported: "This repository contains an entry the browser cannot represent.",
-		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).",
-		diverged: "This branch and GitHub's have both gained records, so they cannot be combined here (pull only fast-forwards). Your branch and files are unchanged.",
-		session: "Reconnect GitHub for this repository and requested permission.",
-		pushUnknown: "It is unknown whether GitHub received the records. Check GitHub (fetch) before sending again.",
-		pushRefresh: "GitHub received the records. Check GitHub (fetch) to update the status.",
-		rollbackFailed: "Some local changes could not be restored. Check the files and the Git details.",
-		remoteFailed: "Could not complete the GitHub operation. Check the connection and try again.",
-		remoteDone: "The GitHub operation finished.",
-		stage: "Add to Next Record",
-		unstage: "Remove from Next Record",
-		stageAll: "Add All Changes to Next Record",
-		commitLabel: "Message for this record",
-		commitButton: "Record (Commit)",
-		committed: "Recorded the changes (commit).",
-		commitAuthor: "Recorded as",
-		saveFirst: "Save the project before adding its changes to the next record.",
-		author: "Set user.name and user.email for this repository in Git before recording. The Editor does not change Git settings.",
-		nothingStaged: "Add changes to the next record first.",
-		switchTo: "Switch",
-		currentBranch: "current",
-		createBranch: "Create Branch",
-		newBranch: "New branch name",
-		switchAfterCreate: "Switch to it",
-		createFromRemote: "Create and Switch",
-		remoteBranches: "Branches on GitHub (origin)",
-		switched: "Switched branches. Use Reload Project to open the files of this branch.",
-		branchCreated: "Created the branch.",
-		projectMissing: "The open project folder is not on this branch. Switch anyway?",
-		pulledProject: "Got the changes from GitHub. Use Reload Project to open the updated files.",
-		confirmPush: "Send the records on this branch to GitHub (push)?",
-		details: "Git details",
-		branch: "Branch",
-		head: "HEAD",
-		groups: "Git groups",
-		added: "Added",
-		modified: "Changed",
-		deleted: "Deleted",
-		gitStaged: "Staged",
-		gitUnstaged: "Unstaged",
-		gitUntracked: "Untracked",
-		upstreamSame: "Same as GitHub",
-		upstreamAhead: "Ahead of GitHub",
-		upstreamBehind: "Behind GitHub",
-		upstreamDiverged: "Diverged from GitHub",
-		upstreamUnknown: "Not checked with GitHub yet",
-		records: "records",
-		checkedAt: "as of the last check",
-		failed: "Could not read the repository. Check folder access and refresh.",
-		historyMore: "Show more",
-		historyLoading: "Reading records…",
-		historyFailed: "Could not read the records.",
-		historyActions: "Actions",
-		historyCreateHere: "Create branch here…",
-		historySwitch: "Switch to {name}",
-		historyCreateFromRemote: "Create and switch to {name}",
-		historyCopy: "Copy commit ID",
-		historyCopied: "Copied the commit ID.",
-		historyCopyFailed: "Could not copy the commit ID.",
-		historyRefs: "Branches",
-		cancel: "Cancel"
-	},
-	ja: {
-		pullRequests: "プルリクエスト",
-		localChanges: "ローカルの変更",
-		title: "ローカル Git",
-		menu: "ローカル Git…",
-		close: "閉じる",
-		choose: "リポジトリを選択…",
-		refresh: "再取得",
-		empty: "既存の Git リポジトリを選び、ファイルの状態と履歴を確認できます。",
-		repository: "リポジトリ",
-		project: "作品フォルダ",
-		none: "作品は未選択",
-		root: "リポジトリルート",
-		open: "この作品を開く",
-		reload: "作品を再読込",
-		up: "上のフォルダ",
-		browse: "リポジトリ内の作品を選択",
-		replace: "保存していない編集を破棄して、別の作品を開きますか？",
-		dirty: "Editor に保存していない編集があります。",
-		saved: "Editor に保存していない編集はありません。",
-		staged: "次の記録に入る変更",
-		unstaged: "保存したが、まだ記録していない変更",
-		untracked: "まだ記録したことのない新しいファイル",
-		commit: "この記録の変更",
-		history: "記録（コミット）の履歴",
-		worktree: "保存したファイル",
-		clean: "対象フォルダに、保存した変更はありません。",
-		branches: "ローカルブランチ",
-		unborn: "まだ記録がありません",
-		detached: "ブランチ未選択の HEAD",
-		select: "ファイルを選ぶと差分を表示します。",
-		binary: "バイナリアセット",
-		large: "テキスト差分の表示上限を超えています。",
-		bytes: "バイト",
-		mode: "Git のファイルモード",
-		permissions: "作業ツリーの実行権限の変更はブラウザーから確認できません。",
-		unchanged: "テキストに変更はありません。",
-		loading: "リポジトリを読込中…",
-		invalid: ".git ディレクトリを持つリポジトリと、その配下の作品を選んでください。",
-		changed: "読込中にファイルまたは Git の状態が変わりました。再取得してください。",
-		outdated: "Editor の外でリポジトリが変更されました。再取得すると最新の状態を読み込みます。",
-		unsupported: "ブラウザーで扱えない種類の Git エントリーがあります。",
-		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 から取り込む前に、実行を止め、保存していない編集とまだ記録していない変更をなくしてください。",
-		diverged: "このブランチと GitHub の両方に新しい記録があるため、ここでは取り込めません（pull は fast-forward のみ）。ブランチとファイルはそのままです。",
-		session: "このリポジトリと操作に必要な権限で GitHub に接続してください。",
-		pushUnknown: "GitHub が記録を受け取ったか分かりません。送り直す前に「GitHub と確かめる」を使ってください。",
-		pushRefresh: "GitHub が記録を受け取りました。「GitHub と確かめる」で状態を更新してください。",
-		rollbackFailed: "一部のローカルの変更を元に戻せませんでした。ファイルと Git の詳細を確認してください。",
-		remoteFailed: "GitHub との操作を完了できませんでした。接続を確認して、もう一度試してください。",
-		remoteDone: "GitHub との操作が終わりました。",
-		stage: "次の記録に入れる",
-		unstage: "次の記録から外す",
-		stageAll: "すべての変更を次の記録に入れる",
-		commitLabel: "この記録の説明",
-		commitButton: "記録する（コミット）",
-		committed: "変更を記録しました（コミット）。",
-		commitAuthor: "記録する人",
-		saveFirst: "次の記録に入れる前に、作品を保存してください。",
-		author: "記録する前に、Git でこのリポジトリの user.name と user.email を設定してください。Editor は Git の設定を変えません。",
-		nothingStaged: "先に、変更を次の記録に入れてください。",
-		switchTo: "切り替える",
-		currentBranch: "現在",
-		createBranch: "ブランチを作る",
-		newBranch: "新しいブランチの名前",
-		switchAfterCreate: "作ったら切り替える",
-		createFromRemote: "作って切り替える",
-		remoteBranches: "GitHub（origin）のブランチ",
-		switched: "ブランチを切り替えました。「作品を再読込」で、このブランチのファイルを開けます。",
-		branchCreated: "ブランチを作りました。",
-		projectMissing: "開いている作品フォルダは、このブランチにありません。切り替えますか？",
-		pulledProject: "GitHub から取り込みました。「作品を再読込」で更新したファイルを開けます。",
-		confirmPush: "このブランチの記録を GitHub に送りますか（push）？",
-		details: "Git の詳細",
-		branch: "ブランチ",
-		head: "HEAD",
-		groups: "Git の区分",
-		added: "追加",
-		modified: "変更",
-		deleted: "削除",
-		gitStaged: "ステージ済み (staged)",
-		gitUnstaged: "未ステージ (unstaged)",
-		gitUntracked: "未追跡 (untracked)",
-		upstreamSame: "GitHub と同じ",
-		upstreamAhead: "GitHub より進んでいる",
-		upstreamBehind: "GitHub より遅れている",
-		upstreamDiverged: "GitHub と分かれている",
-		upstreamUnknown: "まだ GitHub と確かめていない",
-		records: "件",
-		checkedAt: "最後に確かめた時点",
-		failed: "リポジトリを読み込めませんでした。フォルダへのアクセスを確認し、再取得してください。",
-		historyMore: "さらに表示",
-		historyLoading: "記録を読込中…",
-		historyFailed: "記録を読み込めませんでした。",
-		historyActions: "操作",
-		historyCreateHere: "ここからブランチを作る…",
-		historySwitch: "{name} に切り替える",
-		historyCreateFromRemote: "{name} を作って切り替える",
-		historyCopy: "コミットの ID をコピー",
-		historyCopied: "コミットの ID をコピーしました。",
-		historyCopyFailed: "コミットの ID をコピーできませんでした。",
-		historyRefs: "ブランチ",
-		cancel: "キャンセル"
-	}
-};
-var labelsFor = (locale) => locale.startsWith("ja") ? messages.ja : messages.en;
 // src/history-graph-view.tsx
 /** Lane colors that read on light and dark backgrounds. */
 var laneColors = [
@@ -3722,6 +3885,7 @@ function ConnectionSettings({ settings, locale, readOrigin, runOperation }) {
 	const [, update] = useState(0);
 	const [busy, setBusy] = useState(false);
 	const [allowPush, setAllowPush] = useState(false);
+	const [allowReview, setAllowReview] = useState(false);
 	const [error, setError] = useState(null);
 	const active = useRef(true);
 	useEffect(() => {
@@ -3749,7 +3913,7 @@ function ConnectionSettings({ settings, locale, readOrigin, runOperation }) {
 	const connect = () => run(async () => {
 		const remote = await (readOrigin === null || readOrigin === void 0 ? void 0 : readOrigin());
 		if (!remote) throw new Error("INVALID_REMOTE");
-		await settings.connect(remote, allowPush);
+		await (allowReview ? settings.connect(remote, allowPush, true) : settings.connect(remote, allowPush));
 	});
 	const connected = !!mode && state.status === "connected";
 	return /* @__PURE__ */ React.createElement(React.Fragment, null, runOperation && connected && /* @__PURE__ */ React.createElement("span", { className: "twgit-sync" }, [
@@ -3781,7 +3945,13 @@ function ConnectionSettings({ settings, locale, readOrigin, runOperation }) {
 		checked: allowPush,
 		disabled: busy || state.status === "connecting" || state.status === "connected",
 		onChange: (event) => setAllowPush(event.currentTarget.checked)
-	}), " ", labels.allowPush), /* @__PURE__ */ React.createElement("button", {
+	}), " ", labels.allowPush), /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement("input", {
+		type: "checkbox",
+		"data-git-allow-review": "",
+		checked: allowReview,
+		disabled: busy || state.status === "connecting" || state.status === "connected",
+		onChange: (event) => setAllowReview(event.currentTarget.checked)
+	}), " ", reviewLabelsFor(locale).allowReview), /* @__PURE__ */ React.createElement("button", {
 		disabled: busy || !readOrigin || state.status === "connecting" || state.status === "connected",
 		onClick: connect
 	}, labels.connect), authorization && /* @__PURE__ */ React.createElement("p", null, authorization.userCode && /* @__PURE__ */ React.createElement("code", null, authorization.userCode, " "), /* @__PURE__ */ React.createElement("a", {
@@ -3888,9 +4058,20 @@ function errorMessage(error, labels) {
 	}
 	return labels.failed;
 }
-function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs, repository, connection, openLocally }) {
-	var _pr$base$ref, _pr$git, _pr$base$ref2;
+function PullRequests({ name, remote, labels, locale, renderBlock, locateFor, openTabs, repository, connection, openLocally }) {
+	var _connection$reviewGra, _pr$base$ref, _pr$git, _pr$base$ref2, _connection$reviewGra2;
 	const client = useMemo(() => createGitHubPullRequests(name), [name]);
+	const reviewApi = useMemo(() => {
+		if (!remote || !connection) return null;
+		try {
+			return createGitHubReviewApi({
+				remote,
+				getSession: connection.getSession
+			});
+		} catch (_unused) {
+			return null;
+		}
+	}, [remote, connection]);
 	const [page, setPage] = useState(1);
 	const [listing, setListing] = useState();
 	const [input, setInput] = useState("");
@@ -3997,6 +4178,7 @@ function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs,
 		setInput(String(number));
 	};
 	const pr = detail === null || detail === void 0 ? void 0 : detail.data;
+	const reviewing = !!(pr === null || pr === void 0 ? void 0 : pr.git) && !!reviewApi && !!(connection === null || connection === void 0 ? void 0 : connection.connected()) && !!((_connection$reviewGra = connection.reviewGranted) === null || _connection$reviewGra === void 0 ? void 0 : _connection$reviewGra.call(connection));
 	return /* @__PURE__ */ React.createElement("div", { className: "twgit-content" }, /* @__PURE__ */ React.createElement("aside", null, /* @__PURE__ */ React.createElement("h3", null, labels.title), /* @__PURE__ */ React.createElement("p", null, name), /* @__PURE__ */ React.createElement("form", {
 		className: "twgit-pr-number",
 		onSubmit: (event) => {
@@ -4045,7 +4227,7 @@ function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs,
 			let projects;
 			try {
 				projects = readProjectSourceDiff(file.patch, file.beforeSource);
-			} catch (_unused) {
+			} catch (_unused2) {
 				return [];
 			}
 			return projects ? [{
@@ -4065,13 +4247,26 @@ function PullRequests({ name, labels, locale, renderBlock, locateFor, openTabs,
 	}, 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, {
+	}, labels.viaConnection, pr.git.branches && /* @__PURE__ */ React.createElement(React.Fragment, null, " ", labels.noMetadata)), pr.git && (connection === null || connection === void 0 ? void 0 : connection.connected()) && !((_connection$reviewGra2 = connection.reviewGranted) === null || _connection$reviewGra2 === void 0 ? void 0 : _connection$reviewGra2.call(connection)) && /* @__PURE__ */ React.createElement("p", {
+		className: "twgit-context",
+		role: "status"
+	}, reviewLabelsFor(locale).needsGrant), /* @__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,
 		renderBlock,
 		locale,
-		rememberAs: `${name}#${pr.number}`
+		rememberAs: `${name}#${pr.number}`,
+		commentAs: reviewing ? `${name}#${pr.number}` : void 0
+	}), reviewing && reviewApi && /* @__PURE__ */ React.createElement(PullRequestReviewComposer, {
+		key: `${name}#${pr.number}`,
+		api: reviewApi,
+		name: `${name}#${pr.number}`,
+		number: pr.number,
+		head: pr.head.sha,
+		changedFiles: pr.files.map((file) => file.path),
+		url: pr.url,
+		locale
 	}))));
 }
 function PullRequestReviewPanel({ repository, locale, renderBlock, locateFor, openTabs, connection, openLocally }) {
@@ -4082,7 +4277,8 @@ function PullRequestReviewPanel({ repository, locale, renderBlock, locateFor, op
 		repository.readOrigin().then((value) => {
 			if (active) setOrigin({
 				repository,
-				name: gitHubRepositoryFromOrigin(value)
+				name: gitHubRepositoryFromOrigin(value),
+				remote: value
 			});
 		}, () => {
 			if (active) setOrigin({
@@ -4106,6 +4302,7 @@ function PullRequestReviewPanel({ repository, locale, renderBlock, locateFor, op
 	return /* @__PURE__ */ React.createElement(PullRequests, {
 		key: origin.name,
 		name: origin.name,
+		remote: origin.remote,
 		labels,
 		locale,
 		renderBlock,
@@ -4154,6 +4351,47 @@ 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 };
+		},
+		reload() {},
+		branch: {
+			repository: false,
+			branch: void 0,
+			head: null,
+			branches: [],
+			remoteBranches: [],
+			writable: false,
+			busy: false,
+			project: false
+		},
+		repository: null,
+		snapshot: null,
+		publish(state, repository, snapshot) {
+			controller.branch = state;
+			controller.repository = repository;
+			controller.snapshot = snapshot;
+			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,
@@ -4167,9 +4405,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;
@@ -4342,57 +4627,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
 	]);
@@ -4407,7 +4677,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 {
@@ -4524,7 +4794,8 @@ function GitPanel({ vm, document, host, controller }) {
 		const getSession = settings === null || settings === void 0 ? void 0 : settings.getSession;
 		return getSession ? {
 			getSession,
-			connected: () => settings.getView().state.status === "connected"
+			connected: () => settings.getView().state.status === "connected",
+			reviewGranted: () => settings.getView().review === true
 		} : void 0;
 	}, [host]);
 	const [message, setMessage] = useState("");
@@ -4673,6 +4944,32 @@ function GitPanel({ vm, document, host, controller }) {
 		state.snapshot,
 		state.selected
 	]);
+	controller.changeBranch = changeBranch;
+	controller.reload = () => {
+		if (current.current.project !== null) openProject(current.current.project);
+	};
+	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,
+		project: state.project !== null
+	};
+	const published = JSON.stringify(branchState);
+	useEffect(() => controller.publish(branchState, state.repository, state.snapshot), [
+		published,
+		state.repository,
+		state.snapshot
+	]);
 	if (!shown) return null;
 	const groups = state.commit ? ["commit"] : [
 		"staged",
@@ -4939,15 +5236,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,
@@ -4955,26 +5258,250 @@ 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);
+/** The branch button of the panel mounted for `vm`, or nothing while no panel is mounted for it. */
+/** Calls `listener` with the controller of the panel mounted for `vm`, now and whenever it is mounted or disposed. */
+function findController(vm, listener) {
+	const update = () => listener(controllers.get(vm));
+	registrations.add(update);
+	update();
+	return () => {
+		registrations.delete(update);
+	};
+}
+/** The panel mounted for `vm` and what it last published. Following it keeps the closed panel watching the branches. */
+function useController(vm) {
+	const [controller, setController] = useState(() => controllers.get(vm));
+	useEffect(() => findController(vm, setController), [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]);
+	return {
+		controller,
+		state
+	};
+}
+function BranchEntry({ vm, locale }) {
+	const { controller, state } = useController(vm);
+	if (!controller || !state) return null;
+	return /* @__PURE__ */ React.createElement(BranchButton, {
+		state,
+		locale,
+		open: () => controller.open(locale),
+		choose: () => void controller.choose(locale),
+		reload: () => controller.reload(),
+		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
+	});
+}
+/** The history of the panel's repository, read again whenever its branches move. */
+function HistoryEntry({ vm, locale }) {
+	const { controller, state } = useController(vm);
+	const labels = labelsFor(locale);
+	const repository = state && (controller === null || controller === void 0 ? void 0 : controller.repository) || null;
+	const [history, setHistory] = useState({
+		commits: [],
+		cursor: null,
+		loading: false,
+		failed: false
+	});
+	const [selected, setSelected] = useState(null);
+	const ticket = useRef(0);
+	const root = useRef(null);
+	const refs = state ? [
+		state.head,
+		...state.branches,
+		"",
+		...state.remoteBranches
+	].join("\n") : "";
+	useEffect(() => {
+		const current = ++ticket.current;
+		if (!repository) {
+			setHistory({
+				commits: [],
+				cursor: null,
+				loading: false,
+				failed: false
+			});
+			return;
 		}
-	}, labelsFor(locale).menu));
+		setHistory((previous) => _objectSpread2$1(_objectSpread2$1({}, previous), {}, {
+			cursor: null,
+			loading: true,
+			failed: false
+		}));
+		repository.history().then((page) => {
+			if (ticket.current === current) setHistory({
+				commits: page.commits,
+				cursor: page.cursor,
+				loading: false,
+				failed: false
+			});
+		}, () => {
+			if (ticket.current === current) setHistory({
+				commits: [],
+				cursor: null,
+				loading: false,
+				failed: true
+			});
+		});
+	}, [repository, refs]);
+	const showMore = () => {
+		if (!repository || !history.cursor || history.loading) return;
+		const current = ticket.current;
+		setHistory((previous) => _objectSpread2$1(_objectSpread2$1({}, previous), {}, { loading: true }));
+		repository.history({ after: history.cursor }).then((page) => {
+			if (ticket.current === current) setHistory((previous) => ({
+				commits: [...previous.commits, ...page.commits],
+				cursor: page.cursor,
+				loading: false,
+				failed: false
+			}));
+		}, () => {
+			if (ticket.current === current) setHistory((previous) => _objectSpread2$1(_objectSpread2$1({}, previous), {}, {
+				cursor: null,
+				loading: false,
+				failed: true
+			}));
+		});
+	};
+	const { report, element: snackbar } = useBranchSnackbar(locale, !!(state === null || state === void 0 ? void 0 : state.project), {
+		open: () => controller === null || controller === void 0 ? void 0 : controller.open(locale),
+		reload: () => controller === null || controller === void 0 ? void 0 : controller.reload()
+	}, () => {
+		var _root$current;
+		return (_root$current = root.current) === null || _root$current === void 0 || (_root$current = _root$current.querySelector("[tabindex=\"0\"]")) === null || _root$current === void 0 ? void 0 : _root$current.focus({ preventScroll: true });
+	});
+	if (!controller || !state) return null;
+	if (!repository) return /* @__PURE__ */ React.createElement("div", {
+		className: "twgit-history-view",
+		ref: root
+	}, /* @__PURE__ */ React.createElement("p", null, labels.historyViewEmpty), /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		onClick: () => void controller.choose(locale)
+	}, labels.choose));
+	const change = async (operation) => {
+		const result = await controller.changeBranch(operation);
+		report(result, operation.kind === "switchBranch" || !!operation.checkout);
+		return result;
+	};
+	return /* @__PURE__ */ React.createElement("div", {
+		className: "twgit-history-view",
+		ref: root
+	}, /* @__PURE__ */ React.createElement(HistoryGraph, _objectSpread2$1({
+		commits: history.commits,
+		selected,
+		locale,
+		busy: state.busy,
+		onSelect: setSelected,
+		hasMore: !!history.cursor,
+		loadingMore: history.loading,
+		onShowMore: showMore,
+		localBranches: state.branches
+	}, state.writable ? {
+		onCreateBranch: async (oid, name, checkout) => {
+			const result = await controller.changeBranch({
+				kind: "createBranch",
+				name,
+				at: oid,
+				checkout
+			});
+			if (result.done) report(result, checkout);
+			return result;
+		},
+		onSwitchBranch: (name) => change({
+			kind: "switchBranch",
+			name
+		}),
+		onCreateFromRemote: (name) => change({
+			kind: "createBranch",
+			name,
+			fromRemote: true,
+			checkout: true
+		})
+	} : {})), history.loading && !history.commits.length && /* @__PURE__ */ React.createElement("p", { role: "status" }, labels.historyLoading), history.failed && /* @__PURE__ */ React.createElement("p", null, labels.historyFailed), snackbar);
+}
+/**
+* Renders the history graph of the repository chosen in the panel mounted for `vm`, for a side panel of the host. It
+* follows branch changes made anywhere, offers the graph's branch actions when the panel allows writes and tells their
+* results in the branch button's snackbar. Before a repository is chosen it offers to choose one; it renders nothing
+* while no panel is mounted for `vm`.
+*/
+function renderHistoryView(createElement, { vm, locale = "en" }) {
+	return createElement(HistoryEntry, {
+		vm,
+		locale
+	});
+}
+/**
+* Follows the Git status of the files under `directory`, as the panel mounted for `vm` last read it, and calls
+* `listener` with their marks by path relative to `directory`. The marks are empty while no repository is chosen or
+* `directory` is outside it. Returns the function that stops following.
+*/
+function followChangeMarks(vm, directory, listener) {
+	let stopped = false;
+	let read;
+	let unfollow = () => {};
+	const update = async (controller) => {
+		const { repository, snapshot } = controller !== null && controller !== void 0 ? controller : {
+			repository: null,
+			snapshot: null
+		};
+		if (snapshot === read) return;
+		read = snapshot;
+		const path = repository && snapshot ? await repository.root.resolve(directory).catch(() => null) : null;
+		if (!stopped && read === snapshot) listener(path ? changeMarks(snapshot.changes, path.join("/")) : /* @__PURE__ */ new Map());
+	};
+	const unregister = findController(vm, (controller) => {
+		unfollow();
+		unfollow = controller ? controller.follow(() => void update(controller)) : () => {};
+		update(controller);
+	});
+	return () => {
+		stopped = true;
+		unregister();
+		unfollow();
+	};
 }
-export { GitPanelError, HistoryGraph, createEditorBlockLocator, createReadOnlyFs, createScratchBlocksDiffLocator, createScratchBlocksDiffRenderer, laneColors, layoutHistory, mountGitPanel, openProjectComparison, openProjectSourceTabs, openRepository, pullRequestBranch, pullRequestRef, renderGitMenu };
+export { BranchButton, GitPanelError, HistoryGraph, changeMarks, createEditorBlockLocator, createReadOnlyFs, createScratchBlocksDiffLocator, createScratchBlocksDiffRenderer, followChangeMarks, laneColors, layoutHistory, mountGitPanel, openProjectComparison, openProjectSourceTabs, openRepository, pullRequestBranch, pullRequestRef, renderBranchButton, renderHistoryView };