@kubohiroya/turbowarp-plus-editor-git 0.17.0 → 0.18.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 { 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 { 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 { 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) => {
@@ -3026,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",
@@ -3216,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: "再取得",
@@ -3328,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 = [
@@ -4154,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,
@@ -4167,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;
@@ -4342,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
 	]);
@@ -4407,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 {
@@ -4673,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",
@@ -4939,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,
@@ -4955,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, pullRequestBranch, pullRequestRef, renderGitMenu };
+export { BranchButton, GitPanelError, HistoryGraph, createEditorBlockLocator, createReadOnlyFs, createScratchBlocksDiffLocator, createScratchBlocksDiffRenderer, laneColors, layoutHistory, mountGitPanel, openProjectComparison, openProjectSourceTabs, openRepository, pullRequestBranch, pullRequestRef, renderBranchButton };