@sanurb/ringi 0.2.1 → 0.3.0

package/server/server/_ssr/action-bar-C68xGnWW.mjs

@@ -0,0 +1,592 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
+import { n as require_jsx_runtime } from "../_libs/@pierre/diffs+[...].mjs";
+import { Ct as tap, Ot as void_, St as sync, dt as gen, it as catchCause, vt as promise } from "../_libs/effect+[...].mjs";
+import { i as clientRuntime, n as RINGI_PALETTES, o as useRingiTheme, t as ApiClient } from "./client-runtime-BoPuAEoA.mjs";
+import { t as cn } from "./utils-BuOt9_LA.mjs";
+import { a as Monitor, b as Check, d as Ellipsis, i as Moon, n as Sun, r as Settings2, t as X } from "../_libs/lucide-react.mjs";
+import { a as Portal, i as Overlay, n as Content, o as Root, r as Description, s as Title, t as Close } from "../_libs/@radix-ui/react-dialog+[...].mjs";
+import { n as Root2, t as Item2 } from "../_libs/@radix-ui/react-radio-group+[...].mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/action-bar-C68xGnWW.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var Dialog$1 = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root, {
+	"data-slot": "dialog",
+	...props
+});
+var DialogPortal = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, {
+	"data-slot": "dialog-portal",
+	...props
+});
+var DialogOverlay = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Overlay, {
+	className: cn("fixed inset-0 z-50 bg-black/45 backdrop-blur-[3px] transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100 motion-reduce:transition-none", className),
+	"data-slot": "dialog-overlay",
+	...props
+});
+var DialogContent = ({ className, children, showCloseButton = true, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPortal, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlay, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content, {
+	className: cn("fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-2xl border border-border-default bg-surface-secondary p-0 text-text-primary shadow-lg outline-none transition-[opacity,transform] duration-200 ease-[cubic-bezier(0.23,1,0.32,1)] data-[state=closed]:scale-[0.98] data-[state=closed]:opacity-0 data-[state=open]:scale-100 data-[state=open]:opacity-100 motion-reduce:transition-none sm:max-w-lg", className),
+	"data-slot": "dialog-content",
+	...props,
+	children: [children, showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Close, {
+		className: "absolute top-3 right-3 inline-flex size-8 items-center justify-center rounded-lg text-text-tertiary transition-[color,transform,background-color] duration-150 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] hover:bg-surface-overlay hover:text-text-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none active:scale-[0.96] motion-reduce:transform-none",
+		type: "button",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "sr-only",
+			children: "Close"
+		})]
+	}) : null]
+})] });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	className: cn("flex flex-col gap-1 border-b border-border-subtle px-5 py-4 text-left", className),
+	"data-slot": "dialog-header",
+	...props
+});
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	className: cn("flex flex-col-reverse gap-2 border-t border-border-subtle px-5 py-4 sm:flex-row sm:justify-end", className),
+	"data-slot": "dialog-footer",
+	...props
+});
+var DialogTitle = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {
+	className: cn("text-base font-semibold tracking-tight", className),
+	"data-slot": "dialog-title",
+	...props
+});
+var DialogDescription = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, {
+	className: cn("text-muted-foreground text-sm", className),
+	"data-slot": "dialog-description",
+	...props
+});
+var SECTIONS = [
+	{
+		id: "general",
+		label: "General"
+	},
+	{
+		id: "theme",
+		label: "Theme"
+	},
+	{
+		id: "shortcuts",
+		label: "Shortcuts"
+	}
+];
+var APPEARANCE_MODES = [
+	{
+		icon: Moon,
+		id: "dark",
+		label: "Dark"
+	},
+	{
+		icon: Sun,
+		id: "light",
+		label: "Light"
+	},
+	{
+		icon: Monitor,
+		id: "system",
+		label: "System"
+	}
+];
+var SHORTCUT_ROWS = [
+	{
+		description: "Toggle Todos panel",
+		keys: "T"
+	},
+	{
+		description: "Show keyboard shortcuts (console)",
+		keys: "Shift + ?"
+	},
+	{
+		description: "New review (Changes / Reviews)",
+		keys: "N"
+	},
+	{
+		description: "Go to Reviews (Changes)",
+		keys: "R"
+	},
+	{
+		description: "Go to Changes (Reviews)",
+		keys: "C"
+	}
+];
+var SettingsNav = ({ active, onNavClick }) => {
+	const navId = (0, import_react.useId)();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
+		"aria-labelledby": navId,
+		className: "flex w-full flex-col gap-0.5 border-border-subtle border-b p-2 md:w-44 md:border-r md:border-b-0 md:p-3",
+		onClick: onNavClick,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "sr-only",
+			id: navId,
+			children: "Settings sections"
+		}), SECTIONS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			type: "button",
+			"aria-current": active === s.id ? "page" : void 0,
+			className: cn("rounded-lg px-3 py-2 text-left text-xs transition-[background-color,color,transform] duration-150 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none active:scale-[0.99] motion-reduce:transform-none", active === s.id ? "bg-accent-muted font-medium text-text-primary" : "text-text-secondary hover:bg-surface-overlay hover:text-text-primary"),
+			"data-ringi-settings-section": s.id,
+			children: s.label
+		}, s.id))]
+	});
+};
+var AppearanceModeControl = ({ onAppearanceClick, value }) => {
+	const groupLabelId = (0, import_react.useId)();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "text-[0.65rem] font-medium text-text-tertiary uppercase tracking-widest",
+			id: groupLabelId,
+			children: "Mode"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			"aria-labelledby": groupLabelId,
+			className: "inline-flex rounded-lg border border-border-default bg-surface-inset p-0.5",
+			onClick: onAppearanceClick,
+			role: "radiogroup",
+			children: APPEARANCE_MODES.map((m) => {
+				const Icon = m.icon;
+				const selected = value === m.id;
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+					type: "button",
+					role: "radio",
+					"aria-checked": selected,
+					className: cn("flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-xs transition-[background-color,color,transform,box-shadow] duration-150 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none active:scale-[0.98] motion-reduce:transform-none", selected ? "bg-accent-primary text-white shadow-sm" : "text-text-tertiary hover:bg-surface-overlay hover:text-text-secondary"),
+					"data-ringi-appearance": m.id,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+						"aria-hidden": true,
+						className: "size-3.5 opacity-90"
+					}), m.label]
+				}, m.id);
+			})
+		})]
+	});
+};
+var PaletteGrid = ({ onPaletteValueChange, value }) => {
+	const labelId = (0, import_react.useId)();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "text-[0.65rem] font-medium text-text-tertiary uppercase tracking-widest",
+			id: labelId,
+			children: "Theme"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2, {
+			"aria-labelledby": labelId,
+			className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+			onValueChange: onPaletteValueChange,
+			value,
+			children: RINGI_PALETTES.map((p) => {
+				const selected = value === p.id;
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Item2, {
+					value: p.id,
+					className: cn("group relative flex w-full cursor-pointer flex-col gap-2 rounded-xl border px-3 py-2.5 text-left outline-none transition-[border-color,transform,box-shadow,background-color] duration-200 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:scale-[0.99] motion-reduce:transform-none", selected ? "border-accent-primary bg-surface-overlay shadow-[0_0_0_1px_color-mix(in_srgb,var(--color-accent-primary)_35%,transparent)]" : "border-border-default bg-surface-inset/40 hover:border-border-strong hover:bg-surface-overlay/80"),
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "flex items-center gap-1.5",
+							"aria-hidden": true,
+							children: p.swatches.map((hex) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "size-2.5 rounded-full border border-border-subtle shadow-sm",
+								style: { backgroundColor: hex }
+							}, hex))
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-sm font-medium text-text-primary",
+							children: p.label
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-[0.7rem] text-text-tertiary leading-snug",
+							children: p.description
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: cn("absolute right-2.5 bottom-2.5 flex size-5 items-center justify-center rounded-full border border-border-default bg-surface-elevated transition-[opacity,transform] duration-200 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] motion-reduce:transform-none", selected ? "scale-100 border-accent-primary/40 text-accent-primary opacity-100" : "scale-90 opacity-0 group-focus-visible:opacity-100"),
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "size-3" })
+						})
+					]
+				}, p.id);
+			})
+		})]
+	});
+};
+var PanelGeneral = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	className: "space-y-4 px-5 py-4",
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+		className: "text-sm font-medium text-text-primary",
+		children: "About"
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		className: "mt-1 text-xs text-text-secondary leading-relaxed",
+		children: "Ringi is a local-first review workbench for AI-assisted changes. Preferences stay on this device."
+	})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+		className: "grid gap-2 text-xs",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex justify-between gap-4 border-border-subtle border-b pb-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+				className: "text-text-tertiary",
+				children: "Product"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+				className: "font-medium text-text-primary",
+				children: "ringi"
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex justify-between gap-4",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+				className: "text-text-tertiary",
+				children: "Channel"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+				className: "text-text-secondary",
+				children: "v0.1"
+			})]
+		})]
+	})]
+});
+var PanelShortcuts = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	className: "px-5 py-4",
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		className: "mb-3 text-xs text-text-secondary",
+		children: "Global shortcuts (when focus is not in an input)."
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+		className: "space-y-2",
+		children: SHORTCUT_ROWS.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+			className: "flex items-center justify-between gap-3 rounded-lg border border-border-subtle bg-surface-inset/30 px-3 py-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-xs text-text-secondary",
+				children: row.description
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("kbd", {
+				className: "shrink-0 rounded border border-border-default bg-surface-elevated px-1.5 py-0.5 font-mono text-[0.65rem] text-text-tertiary",
+				children: row.keys
+			})]
+		}, row.description))
+	})]
+});
+var SettingsModal = ({ onOpenChange, open }) => {
+	const { appearance, palette, setAppearance, setPalette } = useRingiTheme();
+	const [section, setSection] = (0, import_react.useState)("theme");
+	const prevOpen = (0, import_react.useRef)(open);
+	const onNavClick = (0, import_react.useEffectEvent)((e) => {
+		const raw = e.target.closest("[data-ringi-settings-section]")?.dataset.ringiSettingsSection;
+		if (raw === "general" || raw === "theme" || raw === "shortcuts") setSection(raw);
+	});
+	const onAppearanceClick = (0, import_react.useEffectEvent)((e) => {
+		const m = e.target.closest("[data-ringi-appearance]")?.dataset.ringiAppearance;
+		if (m === "dark" || m === "light" || m === "system") setAppearance(m);
+	});
+	const onPaletteValueChange = (0, import_react.useEffectEvent)((v) => {
+		if (v) setPalette(v);
+	});
+	(0, import_react.useEffect)(() => {
+		if (open && !prevOpen.current) setSection("theme");
+		prevOpen.current = open;
+	}, [open]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog$1, {
+		onOpenChange,
+		open,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogContent, {
+			className: "flex max-h-[min(720px,calc(100dvh-2rem))] w-full max-w-[calc(100%-1.5rem)] flex-col gap-0 overflow-hidden border-border-default bg-surface-secondary p-0 sm:max-w-3xl",
+			showCloseButton: true,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogHeader, {
+				className: "shrink-0",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, { children: "Settings" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, {
+					className: "sr-only",
+					children: "Appearance, theme palette, and keyboard shortcuts for Ringi."
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex min-h-0 min-w-0 flex-1 flex-col md:flex-row",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingsNav, {
+					active: section,
+					onNavClick
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "min-h-0 min-w-0 flex-1 overflow-y-auto",
+					children: [
+						section === "general" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PanelGeneral, {}) : null,
+						section === "theme" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "space-y-8 px-5 py-4",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppearanceModeControl, {
+								onAppearanceClick,
+								value: appearance
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaletteGrid, {
+								onPaletteValueChange,
+								value: palette
+							})]
+						}) : null,
+						section === "shortcuts" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PanelShortcuts, {}) : null
+					]
+				})]
+			})]
+		})
+	});
+};
+var motion = "transition-[transform,background-color,color,border-color,opacity] duration-150 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)] motion-reduce:transform-none";
+var AppSettingsControl = () => {
+	const [open, setOpen] = (0, import_react.useState)(false);
+	const openSettings = (0, import_react.useEffectEvent)(() => {
+		setOpen(true);
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		type: "button",
+		"aria-expanded": open,
+		"aria-haspopup": "dialog",
+		className: cn("inline-flex size-6 items-center justify-center rounded-[5px] text-text-tertiary hover:bg-surface-elevated hover:text-text-secondary active:scale-[0.97]", motion),
+		title: "Settings",
+		onClick: openSettings,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Settings2, {
+			"aria-hidden": true,
+			className: "size-3.5"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "sr-only",
+			children: "Open settings"
+		})]
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingsModal, {
+		onOpenChange: setOpen,
+		open
+	})] });
+};
+var EASE_OUT = "[transition-timing-function:cubic-bezier(0.23,1,0.32,1)]";
+var motionBase = `${EASE_OUT} motion-reduce:transform-none`;
+var pressScale = "active:scale-[0.97]";
+var CONTROL = {
+	height: "h-6",
+	radius: "rounded-[5px]",
+	text: "text-[11px]"
+};
+var SegmentedControl = ({ diffMode, onToggle }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	role: "radiogroup",
+	"aria-label": "Diff view mode",
+	className: cn("relative grid grid-cols-2 items-center bg-surface-inset p-0.5", CONTROL.radius),
+	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		"aria-hidden": true,
+		className: cn("pointer-events-none absolute inset-y-0.5 left-0.5 w-[calc(50%-2px)] bg-surface-elevated shadow-[0_1px_2px_rgb(0_0_0/0.06)] transition-transform duration-200", CONTROL.radius, EASE_OUT, "motion-reduce:transition-none", diffMode === "unified" && "translate-x-full")
+	}), ["split", "unified"].map((mode) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		role: "radio",
+		"aria-checked": diffMode === mode,
+		onClick: onToggle,
+		className: cn("relative z-10 px-2 py-0.5 capitalize transition-colors duration-100", CONTROL.radius, CONTROL.text, pressScale, motionBase, diffMode === mode ? "font-medium text-text-primary" : "text-text-tertiary hover:text-text-secondary"),
+		children: mode
+	}, mode))]
+});
+var OverflowMenu = ({ items }) => {
+	const [open, setOpen] = (0, import_react.useState)(false);
+	const triggerRef = (0, import_react.useRef)(null);
+	const menuRef = (0, import_react.useRef)(null);
+	const close = (0, import_react.useCallback)(() => {
+		setOpen(false);
+		triggerRef.current?.focus();
+	}, []);
+	const toggle = (0, import_react.useCallback)(() => setOpen((v) => !v), []);
+	(0, import_react.useEffect)(() => {
+		if (!open) return;
+		const handler = (e) => {
+			if (e.key === "Escape") {
+				e.stopPropagation();
+				close();
+				return;
+			}
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault();
+				const buttons = menuRef.current?.querySelectorAll("button[role=\"menuitem\"]:not(:disabled)");
+				if (!buttons?.length) return;
+				const focused = document.activeElement;
+				const idx = Array.from(buttons).indexOf(focused);
+				(e.key === "ArrowDown" ? buttons[(idx + 1) % buttons.length] : buttons[(idx - 1 + buttons.length) % buttons.length])?.focus();
+			}
+		};
+		document.addEventListener("keydown", handler, true);
+		return () => document.removeEventListener("keydown", handler, true);
+	}, [open, close]);
+	(0, import_react.useEffect)(() => {
+		if (!open) return;
+		const frame = requestAnimationFrame(() => {
+			menuRef.current?.querySelector("button[role=\"menuitem\"]:not(:disabled)")?.focus();
+		});
+		return () => cancelAnimationFrame(frame);
+	}, [open]);
+	(0, import_react.useEffect)(() => {
+		if (!open) return;
+		const handler = (e) => {
+			const target = e.target;
+			if (!menuRef.current?.contains(target) && !triggerRef.current?.contains(target)) setOpen(false);
+		};
+		document.addEventListener("pointerdown", handler, true);
+		return () => document.removeEventListener("pointerdown", handler, true);
+	}, [open]);
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+			ref: triggerRef,
+			type: "button",
+			onClick: toggle,
+			"aria-expanded": open,
+			"aria-haspopup": "menu",
+			className: cn("inline-flex items-center justify-center transition-[transform,background-color,color] duration-100", CONTROL.height, "w-6", CONTROL.radius, pressScale, motionBase, open ? "bg-surface-elevated text-text-secondary" : "text-text-tertiary hover:bg-surface-elevated hover:text-text-secondary"),
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ellipsis, {
+				"aria-hidden": true,
+				className: "size-3.5"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "sr-only",
+				children: "More actions"
+			})]
+		}), open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			ref: menuRef,
+			role: "menu",
+			className: "absolute right-0 top-full z-50 mt-1 min-w-[128px] overflow-hidden rounded-md border border-border-default bg-surface-elevated py-0.5 shadow-lg shadow-black/8",
+			children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				role: "menuitem",
+				type: "button",
+				disabled: item.disabled,
+				onClick: () => {
+					item.onClick();
+					close();
+				},
+				className: cn("flex w-full items-center px-2.5 py-1 text-left text-[11px] text-text-secondary transition-colors duration-75", item.disabled ? "cursor-default opacity-40" : "hover:bg-surface-overlay hover:text-text-primary"),
+				children: item.label
+			}, item.label))
+		}) : null]
+	});
+};
+var REVIEW_STATE_MAP = {
+	approved: {
+		label: "Approved",
+		className: "text-status-success/80"
+	},
+	changes_requested: {
+		label: "Changes requested",
+		className: "text-status-error/80"
+	},
+	in_progress: {
+		label: "In review",
+		className: "text-text-tertiary"
+	}
+};
+var Dot = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+	"aria-hidden": true,
+	className: "shrink-0 text-[10px] text-text-tertiary/30 select-none",
+	children: "·"
+});
+var ActionBar = ({ repoName, branchName, reviewId, status, onStatusChange, scopeLabel, sourceDescription, diffMode = "split", onToggleDiffMode, reviewedFileCount, totalFileCount, unresolvedCount, isAnnotationsOpen = false, onToggleAnnotations, onExport, onCopyDiff }) => {
+	const [copyFeedback, setCopyFeedback] = (0, import_react.useState)(false);
+	const handleCopy = (0, import_react.useCallback)(() => {
+		if (onCopyDiff) {
+			onCopyDiff();
+			setCopyFeedback(true);
+			setTimeout(() => setCopyFeedback(false), 1400);
+			return;
+		}
+		if (!reviewId) return;
+		clientRuntime.runFork(gen(function* copyReviewDiff() {
+			const { http } = yield* ApiClient;
+			return yield* http.export.markdown({ path: { id: reviewId } });
+		}).pipe(tap((md) => promise(() => navigator.clipboard.writeText(md))), tap(() => sync(() => {
+			setCopyFeedback(true);
+			setTimeout(() => setCopyFeedback(false), 1400);
+		})), catchCause(() => void_)));
+	}, [onCopyDiff, reviewId]);
+	const isApproved = status === "approved";
+	const handleRequestChanges = (0, import_react.useCallback)(() => {
+		onStatusChange?.("changes_requested");
+	}, [onStatusChange]);
+	const handleApprove = (0, import_react.useCallback)(() => {
+		onStatusChange?.("approved");
+	}, [onStatusChange]);
+	const overflowItems = [...onCopyDiff || reviewId ? [{
+		label: copyFeedback ? "Copied" : "Copy diff",
+		onClick: handleCopy,
+		disabled: copyFeedback
+	}] : [], ...onExport ? [{
+		label: "Export feedback",
+		onClick: onExport
+	}] : []];
+	const contextDescription = sourceDescription ?? scopeLabel;
+	const reviewState = status ? REVIEW_STATE_MAP[status] : void 0;
+	const hasUnresolved = unresolvedCount !== void 0 && unresolvedCount > 0;
+	const hasProgress = reviewedFileCount !== void 0 && totalFileCount !== void 0 && totalFileCount > 0;
+	const primaryActionLabel = isApproved ? "Approved" : hasUnresolved ? "Complete review" : "Approve";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+		className: "flex h-9 shrink-0 items-center border-b border-border-subtle bg-surface-secondary/50",
+		role: "banner",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex min-w-0 items-center gap-1.5 pl-3 pr-4",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "shrink-0 text-[11px] font-medium text-text-tertiary/60 select-none",
+						children: "Ringi"
+					}),
+					repoName ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "shrink-0 font-mono text-[11px] font-medium text-text-secondary",
+						children: repoName
+					})] }) : null,
+					contextDescription ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "truncate text-[11px] text-text-tertiary",
+						children: contextDescription
+					})] }) : branchName ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "truncate font-mono text-[11px] text-text-tertiary/70",
+						children: branchName
+					})] }) : null
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex flex-1 items-center justify-center",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SegmentedControl, {
+					diffMode,
+					onToggle: onToggleDiffMode
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex shrink-0 items-center gap-1.5 pr-2.5",
+				children: [
+					hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: cn("text-[11px] tabular-nums", reviewedFileCount === totalFileCount ? "text-status-success/70" : "text-text-tertiary"),
+						children: [
+							reviewedFileCount,
+							"/",
+							totalFileCount
+						]
+					}) : null,
+					hasUnresolved ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "text-[11px] tabular-nums text-status-warning/80",
+						children: [unresolvedCount, " unresolved"]
+					}) : reviewId && reviewState && !hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: cn("text-[11px]", reviewState.className),
+						children: reviewState.label
+					}) : null,
+					onToggleAnnotations ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+						type: "button",
+						onClick: onToggleAnnotations,
+						"aria-pressed": isAnnotationsOpen,
+						"aria-label": hasUnresolved ? `${unresolvedCount} unresolved annotations` : "Toggle annotations",
+						className: cn("inline-flex items-center gap-1 px-1.5 transition-[transform,background-color,color] duration-100", CONTROL.height, CONTROL.radius, CONTROL.text, pressScale, motionBase, isAnnotationsOpen ? "bg-accent-muted/50 font-medium text-accent-primary" : "text-text-tertiary hover:bg-surface-elevated hover:text-text-secondary"),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+							"aria-hidden": true,
+							viewBox: "0 0 16 16",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.5",
+							className: "size-3",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+								d: "M2.5 3.5a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H9l-3 2.5V10.5H3.5a1 1 0 0 1-1-1v-6Z",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						}), hasUnresolved ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "tabular-nums",
+							children: unresolvedCount
+						}) : null]
+					}) : null,
+					reviewId && onStatusChange ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [!isApproved ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: handleRequestChanges,
+						className: cn("font-medium transition-[transform,color] duration-100", CONTROL.height, CONTROL.radius, CONTROL.text, pressScale, motionBase, "px-2 text-text-tertiary hover:text-status-error"),
+						children: "Request changes"
+					}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						type: "button",
+						disabled: isApproved,
+						onClick: handleApprove,
+						className: cn("font-medium transition-[transform,background-color,color] duration-150", CONTROL.height, CONTROL.radius, CONTROL.text, motionBase, isApproved ? "cursor-default bg-status-success/8 px-2 text-status-success/60" : `bg-accent-primary px-2.5 text-white hover:bg-accent-primary-hover ${pressScale}`),
+						children: primaryActionLabel
+					})] }) : null,
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(OverflowMenu, { items: overflowItems }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppSettingsControl, {})
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { DialogFooter as a, DialogDescription as i, Dialog$1 as n, DialogHeader as o, DialogContent as r, DialogTitle as s, ActionBar as t };