@agimon-ai/po-git 0.0.0-alpha.78 → 0.0.0-alpha.79

package/dist/extensions/web.mjs

@@ -1,5 +1,5 @@
 import { createApiClient, defineActivityGroup, defineChannelFile, defineFill, defineGlobalStore, defineLeaderBinding, defineRepositorySettingsPanel, defineSessionStore, defineToolRenderer, defineWebLifecycle, defineWebPlugin, sessionApiAddress } from "@agimon-ai/po-core/web";
-import { ArrowRightIcon, BranchIcon, Button, CheckIcon, ChevronDownIcon, ChevronUpIcon, CodeBlock, Dialog, DialogContent, DialogTitle, DiffView, Dot, DropdownMenuItem, EmptyState, Input, MessageIcon, MessageItem, MessageItemBody, ReviewCommentDraft, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, SettingsActions, SettingsCard, SettingsNote, SettingsRow, SettingsRowDescription, SettingsRowText, SettingsRowTitle, SettingsSection, SettingsSectionDescription, SettingsSectionHeader, SettingsSectionTitle, ShieldIcon, Spinner, StatusBadge, Tabs, TabsContent, TabsList, TabsTrigger, buildReviewPrompt } from "@agimon-ai/po-web-components";
+import { ArrowRightIcon, BranchIcon, Button, CheckIcon, ChevronDownIcon, ChevronUpIcon, CodeBlock, Dialog, DialogContent, DialogTitle, DiffView, Dot, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, FolderIcon, Input, KebabIcon, MessageIcon, MessageItem, MessageItemBody, ReviewCommentDraft, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, SettingsActions, SettingsCard, SettingsNote, SettingsRow, SettingsRowDescription, SettingsRowText, SettingsRowTitle, SettingsSection, SettingsSectionDescription, SettingsSectionHeader, SettingsSectionTitle, ShieldIcon, Spinner, StatusBadge, Tabs, TabsContent, TabsList, TabsTrigger, TrashIcon, buildReviewPrompt } from "@agimon-ai/po-web-components";
 import { createElement, useCallback, useEffect, useEffectEvent, useId, useRef, useState } from "react";
 import { browserTransport } from "@agimon-ai/po-web-security/browser";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -11,6 +11,16 @@ const api = createApiClient({
 		path: "/branches",
 		response: void 0
 	},
+	deleteBranch: {
+		method: "DELETE",
+		path: "/branches",
+		response: void 0
+	},
+	openBranchFolder: {
+		method: "POST",
+		path: "/branches/open",
+		response: void 0
+	},
 	/** Workspace: a top-level worktree session on an existing or new branch. */
 	createSession: {
 		method: "POST",
@@ -124,7 +134,7 @@ function Field$1({ label, children }) {
 	});
 }
 /** Inline presentation also lets story capture inspect content, rather than a portal-only root. */
-function GitNewSessionDialogView({ workspaceRoot, branches, loadError = "", initialForm, busy = false, error = "", riftMissing = false, onClose, onCreate }) {
+function GitNewSessionDialogView({ workspaceRoot, branches, loadError = "", initialForm, busy = false, error = "", riftMissing = false, onClose, onCreate, onDeleteBranch, onOpenBranchFolder }) {
 	const [form, setForm] = useState({
 		mode: "existing",
 		newBranch: "",
@@ -133,6 +143,7 @@ function GitNewSessionDialogView({ workspaceRoot, branches, loadError = "", init
 		...initialForm
 	});
 	const [query, setQuery] = useState("");
+	const [deleting, setDeleting] = useState();
 	const ready = branches?.repository === true && loadError === "";
 	const loading = branches === null && loadError === "";
 	const mode = ready || loading ? form.mode : "plain";
@@ -149,7 +160,7 @@ function GitNewSessionDialogView({ workspaceRoot, branches, loadError = "", init
 	const options = branches === null ? [] : branchOptions(branches, query);
 	const bases = branches === null ? [] : baseOptions(branches);
 	const submit = () => {
-		if (!busy && !loading && problem === void 0) onCreate(state);
+		if (!busy && !loading && deleting === void 0 && problem === void 0) onCreate(state);
 	};
 	return /* @__PURE__ */ jsxs("section", {
 		"data-testid": "new-session-dialog",
@@ -230,32 +241,94 @@ function GitNewSessionDialogView({ workspaceRoot, branches, loadError = "", init
 										}) : null, options.map((branch, index) => /* @__PURE__ */ jsxs("div", { children: [branch.remote !== void 0 && (index === 0 || options[index - 1]?.remote === void 0) ? /* @__PURE__ */ jsx("p", {
 											className: "mt-1 border-t border-po-border-soft px-3 pt-2 text-sm text-po-dim",
 											children: "Remote branches"
-										}) : null, /* @__PURE__ */ jsxs("button", {
-											"data-testid": "git-new-session-branch-option",
-											"data-branch": branch.name,
-											"data-remote": branch.remote,
-											"aria-pressed": form.selected?.key === branch.key,
-											disabled: branch.busyAt !== void 0 || busy,
-											onClick: () => update({ selected: branch }),
-											className: `flex w-full flex-col gap-1 rounded px-3 py-2 text-left text-base ${form.selected?.key === branch.key ? "bg-po-tint-green text-po-green" : "text-po-text"}`,
-											children: [/* @__PURE__ */ jsxs("span", {
-												className: "flex items-center justify-between gap-2",
-												children: [/* @__PURE__ */ jsx("span", {
-													className: "font-mono",
-													children: branch.remote === void 0 ? branch.name : `${branch.remote}/${branch.name}`
-												}), form.selected?.key === branch.key ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) : null]
-											}), branch.busyAt !== void 0 ? /* @__PURE__ */ jsxs("span", {
-												className: "text-sm text-po-dim",
-												children: ["Checked out in ", /* @__PURE__ */ jsx("span", {
-													className: "font-mono break-all",
-													children: branch.busyAt
-												})]
-											}) : branch.current ? /* @__PURE__ */ jsx("span", {
-												className: "text-sm text-po-dim",
-												children: "Current"
-											}) : null]
+										}) : null, /* @__PURE__ */ jsxs("div", {
+											className: "flex min-w-0 items-start gap-1",
+											children: [/* @__PURE__ */ jsxs("button", {
+												"data-testid": "git-new-session-branch-option",
+												"data-branch": branch.name,
+												"data-remote": branch.remote,
+												"aria-pressed": form.selected?.key === branch.key,
+												disabled: branch.busyAt !== void 0 || busy,
+												onClick: () => update({ selected: branch }),
+												className: `flex min-w-0 flex-1 flex-col gap-1 rounded px-3 py-2 text-left text-base ${form.selected?.key === branch.key ? "bg-po-tint-green text-po-green" : "text-po-text"}`,
+												children: [/* @__PURE__ */ jsxs("span", {
+													className: "flex items-center justify-between gap-2",
+													children: [/* @__PURE__ */ jsx("span", {
+														className: "font-mono break-all",
+														children: branch.remote === void 0 ? branch.name : `${branch.remote}/${branch.name}`
+													}), form.selected?.key === branch.key ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 shrink-0" }) : null]
+												}), branch.busyAt !== void 0 ? /* @__PURE__ */ jsxs("span", {
+													className: "text-sm text-po-dim",
+													children: ["Checked out in ", /* @__PURE__ */ jsx("span", {
+														className: "font-mono break-all",
+														children: branch.busyAt
+													})]
+												}) : branch.current ? /* @__PURE__ */ jsx("span", {
+													className: "text-sm text-po-dim",
+													children: "Current"
+												}) : null]
+											}), /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+												asChild: true,
+												children: /* @__PURE__ */ jsx(Button, {
+													variant: "ghost",
+													size: "icon-md",
+													className: "mt-1",
+													"aria-label": `Actions for ${branch.remote === void 0 ? branch.name : `${branch.remote}/${branch.name}`}`,
+													disabled: busy,
+													children: /* @__PURE__ */ jsx(KebabIcon, { className: "size-4" })
+												})
+											}), /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
+												/* @__PURE__ */ jsxs(DropdownMenuItem, {
+													disabled: branch.busyAt === void 0 || onOpenBranchFolder === void 0,
+													title: branch.busyAt === void 0 ? "This branch has no checked-out folder." : branch.busyAt,
+													onSelect: () => onOpenBranchFolder?.(branch.name),
+													children: [/* @__PURE__ */ jsx(FolderIcon, { className: "size-4" }), "Open in Finder"]
+												}),
+												/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+												/* @__PURE__ */ jsxs(DropdownMenuItem, {
+													variant: "destructive",
+													disabled: branch.remote !== void 0 || branch.busyAt !== void 0 || branch.current || onDeleteBranch === void 0,
+													title: branch.remote !== void 0 ? "Only local branches can be deleted here." : branch.busyAt !== void 0 || branch.current ? "Close this branch’s worktree before deleting it." : void 0,
+													onSelect: () => setDeleting(branch),
+													children: [/* @__PURE__ */ jsx(TrashIcon, { className: "size-4" }), "Delete branch"]
+												})
+											] })] })]
 										})] }, branch.key))]
-									})
+									}),
+									deleting !== void 0 ? /* @__PURE__ */ jsxs("fieldset", {
+										"aria-label": "Confirm branch deletion",
+										className: "flex flex-col gap-3 rounded-md border border-po-edge-red bg-po-tint-red p-3",
+										children: [/* @__PURE__ */ jsxs("p", {
+											className: "text-sm text-po-text",
+											children: [
+												"Delete local branch ",
+												/* @__PURE__ */ jsx("span", {
+													className: "font-mono break-all",
+													children: deleting.name
+												}),
+												"? Git will refuse if it contains unmerged commits. No worktree or remote branch will be removed."
+											]
+										}), /* @__PURE__ */ jsxs("div", {
+											className: "flex justify-end gap-2",
+											children: [/* @__PURE__ */ jsx(Button, {
+												variant: "ghost",
+												disabled: busy,
+												onClick: () => setDeleting(void 0),
+												children: "Cancel deletion"
+											}), /* @__PURE__ */ jsx(Button, {
+												variant: "danger-outline",
+												disabled: busy,
+												onClick: async () => {
+													if (busy || onDeleteBranch === void 0) return;
+													if (await onDeleteBranch(deleting.name)) {
+														if (form.selected?.key === deleting.key) update({ selected: void 0 });
+														setDeleting(void 0);
+													}
+												},
+												children: "Delete branch"
+											})]
+										})]
+									}) : null
 								]
 							}),
 							/* @__PURE__ */ jsxs(TabsContent, {
@@ -353,7 +426,7 @@ rift init`,
 					"data-testid": "new-session-create",
 					variant: "primary",
 					title: problem,
-					disabled: busy || loading || problem !== void 0,
+					disabled: busy || loading || deleting !== void 0 || problem !== void 0,
 					onClick: submit,
 					children: busy ? mode === "plain" ? "Creating session..." : "Creating worktree..." : riftMissing ? "Try again" : "Create session"
 				})]
@@ -423,6 +496,35 @@ function GitNewSessionDialog({ newSession }) {
 		setError(failure);
 		setBusy(false);
 	};
+	const branchAction = async (branch, action) => {
+		if (busy) return false;
+		setBusy(true);
+		setError("");
+		setRiftMissing(false);
+		try {
+			const workspace = api.workspace(newSession.workspaceId);
+			const response = await newSession.requestWithStepUp(action === "delete" ? workspace.deleteBranch.url() : workspace.openBranchFolder.url(), {
+				method: action === "delete" ? "DELETE" : "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({ branch })
+			});
+			const body = await response.json().catch(() => void 0);
+			if (!response.ok) {
+				setError(errorOf$1(body, response.status));
+				return false;
+			}
+			if (action === "delete") setBranches((current) => current === null ? null : {
+				...current,
+				local: current.local.filter((item) => item.name !== branch)
+			});
+			return true;
+		} catch {
+			setError("The cockpit is unreachable.");
+			return false;
+		} finally {
+			setBusy(false);
+		}
+	};
 	return /* @__PURE__ */ jsx(Dialog, {
 		open: true,
 		onOpenChange: (next) => {
@@ -443,7 +545,9 @@ function GitNewSessionDialog({ newSession }) {
 				error,
 				riftMissing,
 				onClose: newSession.close,
-				onCreate: (state) => void submit(state)
+				onCreate: (state) => void submit(state),
+				onDeleteBranch: (branch) => branchAction(branch, "delete"),
+				onOpenBranchFolder: (branch) => void branchAction(branch, "open")
 			})]
 		})
 	});