@hediet/linkrpc-cli 0.0.1

package/dist/chunks/runApprovalUi-BvJZdjKm.js

@@ -0,0 +1,715 @@
+import { a as observableValue, n as approvalDetailLines } from "./cli-D_-vlAa2.js";
+import { n as useObservable, t as useScroll } from "./scroll-BTzAYh4N.js";
+import { jcsCanonicalize } from "@hediet/linkrpc";
+import React from "react";
+import { Box, Text, render, useApp, useInput, useStdout } from "ink";
+import TextInput from "ink-text-input";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/approval-ui/ApprovalApp.tsx
+const HEADER_HEIGHT = 2;
+const FOOTER_HEIGHT = 2;
+const PANE_CHROME_HEIGHT = 3;
+const MIN_FULL_HEIGHT = 13;
+const SPLIT_COLUMNS = 96;
+const ApprovalApp = ({ model }) => {
+	const requests = useObservable(model.requests);
+	const selectedId = useObservable(model.selectedRequestId);
+	const connectionState = useObservable(model.connectionState);
+	const mode = useObservable(model.mode);
+	const busy = useObservable(model.busy);
+	const message = useObservable(model.message);
+	const denialReason = useObservable(model.denialReason);
+	const detailOffset = useObservable(model.detailOffset);
+	const preparedApproval = useObservable(model.preparedApproval);
+	const size = useTerminalSize();
+	const { exit } = useApp();
+	const selectedIndex = requests.findIndex((item) => item.id === selectedId);
+	const selected = selectedIndex >= 0 ? requests[selectedIndex] : void 0;
+	const rawDetails = selected === void 0 ? [] : approvalDetailLines(selected, mode === "approve" ? preparedApproval : void 0);
+	const bodyHeight = Math.max(1, size.rows - HEADER_HEIGHT - FOOTER_HEIGHT);
+	const sideBySide = size.columns >= SPLIT_COLUMNS;
+	const listPaneHeight = sideBySide ? bodyHeight : Math.max(5, Math.floor(bodyHeight * .42));
+	const detailPaneHeight = sideBySide ? bodyHeight : Math.max(1, bodyHeight - listPaneHeight);
+	const detailViewport = Math.max(1, detailPaneHeight - PANE_CHROME_HEIGHT);
+	const detailPaneWidth = sideBySide ? Math.floor(size.columns * .62) : size.columns;
+	const details = wrapDetailLines(rawDetails, Math.max(1, detailPaneWidth - 6));
+	const approvalReviewed = mode === "approve" && preparedApproval !== void 0 && details.length > 0 && detailOffset + detailViewport >= details.length;
+	useInput((input, key) => {
+		const canReviewAuthority = size.rows >= MIN_FULL_HEIGHT;
+		if (busy) return;
+		if (mode === "deny") {
+			if (key.escape) model.cancelMode();
+			return;
+		}
+		if (mode === "approve") {
+			if (key.escape) model.cancelMode();
+			else if (key.pageUp) model.scrollDetails(-detailViewport, details.length, detailViewport);
+			else if (key.pageDown) model.scrollDetails(detailViewport, details.length, detailViewport);
+			else if (key.return && canReviewAuthority && approvalReviewed) model.confirmCurrentMode();
+			return;
+		}
+		if (mode === "help") {
+			if (key.escape || input === "?" || input === "q") model.cancelMode();
+			return;
+		}
+		if (input === "q") exit();
+		else if (input === "?" || key.f1) model.showHelp();
+		else if (input === "a" && canReviewAuthority) model.beginApprove();
+		else if (input === "d" && canReviewAuthority) model.beginDeny();
+		else if (input === "r") model.refresh();
+		else if (key.upArrow || input === "k") model.selectBy(-1);
+		else if (key.downArrow || input === "j") model.selectBy(1);
+		else if (key.pageUp) model.scrollDetails(-detailViewport, details.length, detailViewport);
+		else if (key.pageDown) model.scrollDetails(detailViewport, details.length, detailViewport);
+	});
+	if (size.rows < MIN_FULL_HEIGHT) return /* @__PURE__ */ jsx(CompactApprovalApp, {
+		model,
+		selected,
+		requestCount: requests.length,
+		connectionState,
+		mode,
+		busy,
+		message,
+		rows: size.rows
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		height: size.rows,
+		width: size.columns,
+		children: [
+			/* @__PURE__ */ jsx(Header, {
+				principalId: model.principalId,
+				state: connectionState,
+				requestCount: requests.length
+			}),
+			mode === "help" ? /* @__PURE__ */ jsx(Help, { height: bodyHeight }) : /* @__PURE__ */ jsxs(Box, {
+				flexDirection: sideBySide ? "row" : "column",
+				height: bodyHeight,
+				children: [/* @__PURE__ */ jsx(RequestList, {
+					requests,
+					selectedIndex,
+					height: listPaneHeight,
+					width: sideBySide ? "38%" : "100%"
+				}), /* @__PURE__ */ jsx(RequestDetails, {
+					selected,
+					lines: details,
+					offset: detailOffset,
+					height: detailPaneHeight,
+					width: sideBySide ? "62%" : "100%"
+				})]
+			}),
+			/* @__PURE__ */ jsx(Footer, {
+				mode,
+				busy,
+				message,
+				selected,
+				denialReason,
+				approvalReviewed,
+				onReasonChange: (value) => model.setDenialReason(value),
+				onDeny: () => void model.confirmCurrentMode()
+			})
+		]
+	});
+};
+const Header = ({ principalId, state, requestCount }) => /* @__PURE__ */ jsxs(Box, {
+	flexDirection: "column",
+	height: HEADER_HEIGHT,
+	children: [/* @__PURE__ */ jsxs(Box, {
+		justifyContent: "space-between",
+		children: [/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "Hub access approvals"
+		}), /* @__PURE__ */ jsxs(Text, {
+			color: state === "live" ? "green" : state === "stale" ? "yellow" : "cyan",
+			children: [state === "live" ? "● live" : state === "stale" ? "● reconnecting" : "○ connecting", /* @__PURE__ */ jsxs(Text, {
+				color: "white",
+				children: [
+					"  ",
+					requestCount,
+					" pending"
+				]
+			})]
+		})]
+	}), /* @__PURE__ */ jsxs(Text, {
+		dimColor: true,
+		wrap: "truncate-end",
+		children: ["approver: ", safeTerminalText(principalId)]
+	})]
+});
+const RequestList = ({ requests, selectedIndex, height, width }) => {
+	const viewport = Math.max(1, height - PANE_CHROME_HEIGHT);
+	const window = useScroll(requests.length, Math.max(0, selectedIndex), viewport);
+	return /* @__PURE__ */ jsx(Pane, {
+		title: "Requests",
+		height,
+		width,
+		children: requests.length === 0 ? /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			children: [/* @__PURE__ */ jsx(Text, {
+				color: "green",
+				children: "No pending access requests."
+			}), /* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "Watching the Hub for new requests..."
+			})]
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(ScrollMarker, {
+				direction: "up",
+				count: window.above
+			}),
+			requests.slice(window.start, window.end).map((item, index) => {
+				const selected = window.start + index === selectedIndex;
+				const duration = item.request.duration ?? "unspecified";
+				return /* @__PURE__ */ jsxs(Text, {
+					color: selected ? "cyan" : void 0,
+					bold: selected,
+					inverse: selected,
+					wrap: "truncate-end",
+					children: [
+						selected ? "› " : "  ",
+						safeTerminalText(item.request.consumer.name),
+						/* @__PURE__ */ jsxs(Text, {
+							dimColor: true,
+							children: [
+								"  ",
+								safeTerminalText(item.request.kind),
+								" / ",
+								safeTerminalText(duration)
+							]
+						})
+					]
+				}, item.id);
+			}),
+			/* @__PURE__ */ jsx(ScrollMarker, {
+				direction: "down",
+				count: window.below
+			})
+		] })
+	});
+};
+const RequestDetails = ({ selected, lines, offset, height, width }) => {
+	const viewport = Math.max(1, height - PANE_CHROME_HEIGHT);
+	const safeOffset = Math.min(offset, Math.max(0, lines.length - viewport));
+	const visible = lines.slice(safeOffset, safeOffset + viewport);
+	const range = lines.length > viewport ? ` (${safeOffset + 1}-${safeOffset + visible.length} of ${lines.length})` : "";
+	return /* @__PURE__ */ jsx(Pane, {
+		title: `Request details${range}`,
+		height,
+		width,
+		children: selected === void 0 ? /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "Select a request to inspect its exact authority."
+		}) : /* @__PURE__ */ jsx(Fragment, { children: visible.map((line, index) => /* @__PURE__ */ jsxs(Text, {
+			color: line.tone === "warning" ? "yellow" : void 0,
+			dimColor: line.tone === "muted",
+			wrap: "truncate-end",
+			children: [line.label !== void 0 && /* @__PURE__ */ jsxs(Text, {
+				bold: true,
+				children: [safeTerminalText(line.label), ": "]
+			}), safeTerminalText(line.text) || "—"]
+		}, `${safeOffset + index}:${line.label ?? ""}:${line.text}`)) })
+	});
+};
+const Footer = ({ mode, busy, message, selected, denialReason, approvalReviewed, onReasonChange, onDeny }) => {
+	if (busy) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		height: FOOTER_HEIGHT,
+		children: [/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "Working... The manifest will be rechecked before the decision is applied."
+		}), /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "Please wait."
+		})]
+	});
+	if (mode === "approve") return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		height: FOOTER_HEIGHT,
+		children: [/* @__PURE__ */ jsxs(Text, {
+			color: "yellow",
+			wrap: "truncate-end",
+			children: [
+				"Approve all displayed authority for",
+				" ",
+				/* @__PURE__ */ jsx(Text, {
+					bold: true,
+					children: safeTerminalText(selected?.request.consumer.name ?? "")
+				}),
+				"?"
+			]
+		}), approvalReviewed ? /* @__PURE__ */ jsxs(Text, { children: [
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "Enter"
+			}),
+			" confirm  ",
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "Esc"
+			}),
+			" cancel"
+		] }) : /* @__PURE__ */ jsxs(Text, { children: [
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "PgDn"
+			}),
+			" review all authority before confirming  ",
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "Esc"
+			}),
+			" cancel"
+		] })]
+	});
+	if (mode === "deny") return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		height: FOOTER_HEIGHT,
+		children: [/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+			color: "red",
+			children: "Denial reason (optional): "
+		}), /* @__PURE__ */ jsx(TextInput, {
+			value: denialReason,
+			onChange: onReasonChange,
+			onSubmit: onDeny
+		})] }), /* @__PURE__ */ jsxs(Text, { children: [
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "Enter"
+			}),
+			" deny  ",
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "Esc"
+			}),
+			" cancel"
+		] })]
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		height: FOOTER_HEIGHT,
+		children: [/* @__PURE__ */ jsx(Text, {
+			color: messageColor(message?.kind),
+			dimColor: message === void 0,
+			wrap: "truncate-end",
+			children: safeTerminalText(message?.text ?? "Review the exact authority before approving.")
+		}), /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			wrap: "truncate-end",
+			children: "↑/↓ or j/k select  a approve  d deny  PgUp/PgDn details  r refresh  ? help  q quit"
+		})]
+	});
+};
+const Help = ({ height }) => /* @__PURE__ */ jsxs(Pane, {
+	title: "Keyboard help",
+	height,
+	width: "100%",
+	children: [
+		/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "↑/↓, j/k"
+		}), "  Move through pending requests"] }),
+		/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "PgUp/PgDn"
+		}), " Scroll long request details"] }),
+		/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "a"
+		}), "          Review and confirm approval"] }),
+		/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "d"
+		}), "          Deny with an optional reason"] }),
+		/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "r"
+		}), "          Refresh the authoritative manifest snapshot"] }),
+		/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "?, F1"
+		}), "      Toggle this help"] }),
+		/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: "q"
+		}), "          Quit without deciding remaining requests"] }),
+		/* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "Press Esc, ?, or q to return."
+		})
+	]
+});
+const CompactApprovalApp = ({ model, selected, requestCount, connectionState, mode, busy, message, rows }) => /* @__PURE__ */ jsxs(Box, {
+	flexDirection: "column",
+	height: Math.max(1, rows),
+	children: [
+		/* @__PURE__ */ jsxs(Text, {
+			bold: true,
+			wrap: "truncate-end",
+			children: [
+				"Hub approvals  ",
+				connectionState,
+				"  ",
+				requestCount,
+				" pending"
+			]
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			wrap: "truncate-end",
+			children: selected === void 0 ? "No pending access requests." : safeTerminalText(`${selected.request.consumer.name} · ${selected.request.kind} · ${selected.request.duration ?? "unspecified"}`)
+		}),
+		rows >= 4 && /* @__PURE__ */ jsx(Text, {
+			color: messageColor(message?.kind),
+			wrap: "truncate-end",
+			children: safeTerminalText(busy ? "Resolving request..." : message?.text ?? model.principalId)
+		}),
+		rows >= 5 && /* @__PURE__ */ jsxs(Text, {
+			color: "yellow",
+			wrap: "truncate-end",
+			children: [
+				"Enlarge to at least ",
+				MIN_FULL_HEIGHT,
+				" rows to review and decide.  ↑/↓ select  q quit"
+			]
+		})
+	]
+});
+const Pane = ({ title, height, width, children }) => /* @__PURE__ */ jsxs(Box, {
+	flexDirection: "column",
+	borderStyle: "round",
+	borderColor: "gray",
+	height,
+	width,
+	paddingX: 1,
+	overflow: "hidden",
+	children: [/* @__PURE__ */ jsx(Text, {
+		bold: true,
+		children: title
+	}), children]
+});
+const ScrollMarker = ({ direction, count }) => {
+	if (count === 0) return null;
+	return /* @__PURE__ */ jsxs(Text, {
+		dimColor: true,
+		children: [
+			direction === "up" ? "▲" : "▼",
+			" ",
+			count,
+			" more"
+		]
+	});
+};
+function wrapDetailLines(lines, width) {
+	return lines.flatMap((line) => {
+		return wrapTerminalText(safeTerminalText(`${line.label === void 0 ? "" : `${line.label}: `}${line.text || "—"}`), width).map((chunk) => ({
+			text: chunk,
+			...line.tone === void 0 ? {} : { tone: line.tone }
+		}));
+	});
+}
+function wrapTerminalText(text, width) {
+	const lines = [];
+	let current = "";
+	let currentWidth = 0;
+	for (const character of text) {
+		const characterWidth = terminalCharacterWidth(character);
+		if (current.length > 0 && currentWidth + characterWidth > width) {
+			lines.push(current);
+			current = "";
+			currentWidth = 0;
+		}
+		current += character;
+		currentWidth += characterWidth;
+	}
+	if (current.length > 0 || lines.length === 0) lines.push(current);
+	return lines;
+}
+function terminalCharacterWidth(character) {
+	if (/^\p{Mark}$/u.test(character)) return 0;
+	return character.codePointAt(0) <= 126 ? 1 : 2;
+}
+function safeTerminalText(text) {
+	let result = "";
+	for (const character of text) result += /^[\p{Cc}\p{Cf}\p{Zl}\p{Zp}]$/u.test(character) ? `\\u{${character.codePointAt(0).toString(16).padStart(4, "0")}}` : character;
+	return result;
+}
+function messageColor(kind) {
+	if (kind === "error") return "red";
+	if (kind === "success") return "green";
+	if (kind === "info") return "cyan";
+}
+function useTerminalSize() {
+	const { stdout } = useStdout();
+	const [size, setSize] = React.useState({
+		columns: stdout.columns ?? 100,
+		rows: stdout.rows ?? 30
+	});
+	React.useEffect(() => {
+		const onResize = () => setSize({
+			columns: stdout.columns ?? 100,
+			rows: stdout.rows ?? 30
+		});
+		stdout.on("resize", onResize);
+		return () => stdout.off("resize", onResize);
+	}, [stdout]);
+	return size;
+}
+//#endregion
+//#region src/approval-ui/ApprovalUiModel.ts
+var ApprovalUiModel = class {
+	_requests;
+	requests;
+	_connectionState;
+	connectionState;
+	_selectedRequestId;
+	selectedRequestId;
+	_mode;
+	mode;
+	_busy;
+	busy;
+	_message;
+	message;
+	_denialReason;
+	denialReason;
+	_detailOffset;
+	detailOffset;
+	_preparedApproval;
+	preparedApproval;
+	_client;
+	_subscription;
+	_disposed = false;
+	constructor(client) {
+		this._client = client;
+		this._requests = observableValue(this, []);
+		this.requests = this._requests;
+		this._connectionState = observableValue(this, "connecting");
+		this.connectionState = this._connectionState;
+		this._selectedRequestId = observableValue(this, void 0);
+		this.selectedRequestId = this._selectedRequestId;
+		this._mode = observableValue(this, "browse");
+		this.mode = this._mode;
+		this._busy = observableValue(this, false);
+		this.busy = this._busy;
+		this._message = observableValue(this, void 0);
+		this.message = this._message;
+		this._denialReason = observableValue(this, "");
+		this.denialReason = this._denialReason;
+		this._detailOffset = observableValue(this, 0);
+		this.detailOffset = this._detailOffset;
+		this._preparedApproval = observableValue(this, void 0);
+		this.preparedApproval = this._preparedApproval;
+		this._subscription = client.watch((snapshot) => this._applySnapshot(snapshot));
+	}
+	get principalId() {
+		return this._client.principalId;
+	}
+	get selectedRequest() {
+		const selectedId = this._selectedRequestId.get();
+		return this._requests.get().find((item) => item.id === selectedId);
+	}
+	selectBy(delta) {
+		if (this._busy.get() || this._mode.get() !== "browse") return;
+		const requests = this._requests.get();
+		if (requests.length === 0) return;
+		const currentIndex = Math.max(0, requests.findIndex((item) => item.id === this._selectedRequestId.get()));
+		const nextIndex = Math.max(0, Math.min(requests.length - 1, currentIndex + delta));
+		if (nextIndex === currentIndex) return;
+		this._selectedRequestId.set(requests[nextIndex].id, void 0);
+		this._detailOffset.set(0, void 0);
+	}
+	showHelp() {
+		if (this._busy.get()) return;
+		this._mode.set("help", void 0);
+	}
+	async beginApprove() {
+		if (!this._canDecide()) return;
+		const selected = this.selectedRequest;
+		if (selected === void 0) return;
+		this._busy.set(true, void 0);
+		this._message.set({
+			kind: "info",
+			text: "Resolving exact authority..."
+		}, void 0);
+		try {
+			const prepared = await this._client.prepareApproval(selected.id);
+			if (this.selectedRequest?.id !== selected.id || jcsCanonicalize(this.selectedRequest.request) !== jcsCanonicalize(prepared.pending.request)) {
+				this._message.set({
+					kind: "info",
+					text: "The request changed while its authority was being resolved. Review it again."
+				}, void 0);
+				return;
+			}
+			this._preparedApproval.set(prepared, void 0);
+			this._detailOffset.set(0, void 0);
+			this._mode.set("approve", void 0);
+			this._message.set(void 0, void 0);
+		} catch (error) {
+			this._message.set({
+				kind: "error",
+				text: error instanceof Error ? error.message : String(error)
+			}, void 0);
+		} finally {
+			this._busy.set(false, void 0);
+		}
+	}
+	beginDeny() {
+		if (!this._canDecide()) return;
+		this._denialReason.set("", void 0);
+		this._mode.set("deny", void 0);
+	}
+	setDenialReason(reason) {
+		this._denialReason.set(reason, void 0);
+	}
+	cancelMode() {
+		if (this._busy.get()) return;
+		this._mode.set("browse", void 0);
+		this._denialReason.set("", void 0);
+		this._preparedApproval.set(void 0, void 0);
+	}
+	async confirmCurrentMode() {
+		const mode = this._mode.get();
+		const selected = this.selectedRequest;
+		if (this._busy.get() || selected === void 0 || mode !== "approve" && mode !== "deny") return;
+		this._busy.set(true, void 0);
+		this._message.set({
+			kind: "info",
+			text: mode === "approve" ? "Approving request..." : "Denying request..."
+		}, void 0);
+		try {
+			let outcome;
+			if (mode === "approve") {
+				const prepared = this._preparedApproval.get();
+				if (prepared === void 0) throw new Error("approval details are no longer available; review the request again");
+				outcome = await this._client.approvePrepared(prepared);
+			} else {
+				const reason = this._denialReason.get().trim();
+				outcome = await this._client.deny(selected.id, reason.length > 0 ? reason : void 0, selected);
+			}
+			this._message.set({
+				kind: outcome === "applied" ? "success" : "info",
+				text: outcome === "applied" ? `${mode === "approve" ? "Approved" : "Denied"} ${selected.request.consumer.name}.` : `Decision accepted for ${selected.request.consumer.name}, but a matching request is still pending. The consumer may have retried.`
+			}, void 0);
+		} catch (error) {
+			this._message.set({
+				kind: "error",
+				text: error instanceof Error ? error.message : String(error)
+			}, void 0);
+		} finally {
+			this._busy.set(false, void 0);
+			this._mode.set("browse", void 0);
+			this._denialReason.set("", void 0);
+			this._preparedApproval.set(void 0, void 0);
+		}
+	}
+	async refresh() {
+		if (this._busy.get()) return;
+		this._message.set({
+			kind: "info",
+			text: "Refreshing approval requests..."
+		}, void 0);
+		try {
+			await this._client.refresh();
+			if (this._connectionState.get() === "live") this._message.set({
+				kind: "info",
+				text: "Approval requests are up to date."
+			}, void 0);
+		} catch (error) {
+			this._message.set({
+				kind: "error",
+				text: error instanceof Error ? error.message : String(error)
+			}, void 0);
+		}
+	}
+	scrollDetails(delta, lineCount, viewportSize) {
+		const maxOffset = Math.max(0, lineCount - Math.max(1, viewportSize));
+		const next = Math.max(0, Math.min(maxOffset, this._detailOffset.get() + delta));
+		this._detailOffset.set(next, void 0);
+	}
+	dispose() {
+		if (this._disposed) return;
+		this._disposed = true;
+		this._subscription.dispose();
+	}
+	_canDecide() {
+		if (this._busy.get() || this.selectedRequest === void 0) return false;
+		if (this._connectionState.get() !== "live") {
+			this._message.set({
+				kind: "error",
+				text: "Cannot decide requests while the approval connection is stale."
+			}, void 0);
+			return false;
+		}
+		return true;
+	}
+	_applySnapshot(snapshot) {
+		const previous = this._requests.get();
+		const selectedId = this._selectedRequestId.get();
+		const previousSelected = previous.find((item) => item.id === selectedId);
+		const previousIndex = Math.max(0, previous.findIndex((item) => item.id === selectedId));
+		const selectedStillExists = snapshot.requests.some((item) => item.id === selectedId);
+		const nextSelected = snapshot.requests.find((item) => item.id === selectedId);
+		const selectedChanged = previousSelected !== void 0 && nextSelected !== void 0 && jcsCanonicalize(previousSelected.request) !== jcsCanonicalize(nextSelected.request);
+		this._requests.set(snapshot.requests, void 0);
+		this._connectionState.set(snapshot.state, void 0);
+		if (snapshot.requests.length === 0) {
+			this._selectedRequestId.set(void 0, void 0);
+			this._detailOffset.set(0, void 0);
+		} else if (!selectedStillExists) {
+			const nextIndex = Math.min(previousIndex, snapshot.requests.length - 1);
+			this._selectedRequestId.set(snapshot.requests[nextIndex].id, void 0);
+			this._detailOffset.set(0, void 0);
+			this._preparedApproval.set(void 0, void 0);
+		}
+		if ((!selectedStillExists && selectedId !== void 0 || selectedChanged) && this._mode.get() !== "browse") {
+			this._mode.set("browse", void 0);
+			this._denialReason.set("", void 0);
+			this._preparedApproval.set(void 0, void 0);
+			this._message.set({
+				kind: "info",
+				text: selectedChanged ? "The selected request changed. Review it again before deciding." : "The selected request is no longer pending."
+			}, void 0);
+		}
+		if (snapshot.state === "stale" && snapshot.error !== void 0) this._message.set({
+			kind: "error",
+			text: snapshot.error
+		}, void 0);
+	}
+};
+//#endregion
+//#region src/approval-ui/runApprovalUi.tsx
+async function runApprovalUi(options) {
+	const model = new ApprovalUiModel(options.client);
+	const instance = render(/* @__PURE__ */ jsx(ApprovalApp, { model }));
+	const onAbort = () => instance.unmount();
+	options.signal.addEventListener("abort", onAbort, { once: true });
+	if (options.signal.aborted) onAbort();
+	try {
+		await raceAbort(model.refresh(), options.signal);
+		if (options.signal.aborted) return;
+		await instance.waitUntilExit();
+	} finally {
+		options.signal.removeEventListener("abort", onAbort);
+		instance.unmount();
+		model.dispose();
+	}
+}
+function raceAbort(promise, signal) {
+	if (signal.aborted) return Promise.resolve(void 0);
+	return new Promise((resolve, reject) => {
+		const onAbort = () => {
+			signal.removeEventListener("abort", onAbort);
+			resolve(void 0);
+		};
+		signal.addEventListener("abort", onAbort, { once: true });
+		promise.then((value) => {
+			signal.removeEventListener("abort", onAbort);
+			resolve(value);
+		}, (error) => {
+			signal.removeEventListener("abort", onAbort);
+			reject(error);
+		});
+	});
+}
+//#endregion
+export { runApprovalUi };
+
+//# sourceMappingURL=runApprovalUi-BvJZdjKm.js.map