@hexclave/next 1.0.75 → 1.0.77

package/dist/esm/pushed-config-error-overlay/index.js

@@ -1,250 +1,13 @@
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
-import { canMountIntoDom, getGlobalUiInstance, h, setGlobalUiInstance, setHtml } from "../in-page-ui/dom.js";
-import { getInPageUiBaseCSS } from "../in-page-ui/base-styles.js";
+import { canMountIntoDom, getGlobalUiInstance, h, setGlobalUiInstance } from "../in-page-ui/dom.js";
 import { captureError } from "@hexclave/shared/dist/utils/errors";
-import { isLocalhost } from "@hexclave/shared/dist/utils/urls";
-import { envVars } from "../generated/env.js";
+import { isLikelyDevelopmentEnvironment } from "../in-page-ui/dev-environment.js";
+import { getIssueCardCSS, renderIssueCard, renderIssuePill, trapFocusInIssueCard } from "../in-page-ui/issue-card.js";
 //#region src/pushed-config-error-overlay/index.ts
 const GLOBAL_INSTANCE_KEY = "__hexclave-pushed-config-error-overlay";
 const MINIMIZED_STORAGE_KEY = "hexclave-pushed-config-error-minimized-key";
 const REFRESH_INTERVAL_MS = 5e3;
-const HEXCLAVE_LOGO_SVG = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"miter\"><path d=\"M 24 4 L 41.32 14 L 41.32 34 L 24 44 L 6.68 34 L 6.68 14 Z\"/><path d=\"M 11 16.87 L 14 15.13 L 14 32.87 L 11 31.13 Z\" fill=\"currentColor\" stroke=\"none\"/><path d=\"M 11 16.87 L 14 15.13 L 14 32.87 L 11 31.13 Z\" fill=\"currentColor\" stroke=\"none\" transform=\"rotate(120 24 24)\"/><path d=\"M 11 16.87 L 14 15.13 L 14 32.87 L 11 31.13 Z\" fill=\"currentColor\" stroke=\"none\" transform=\"rotate(240 24 24)\"/></svg>";
-const COPY_ICON_SVG = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg>";
-const css = getInPageUiBaseCSS(".hexclave-config-error-overlay") + `
-  .hexclave-config-error-overlay .hce-backdrop {
-    position: fixed;
-    inset: 0;
-    z-index: 2147483647;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 24px;
-    background: rgba(0, 0, 0, 0.46);
-    backdrop-filter: blur(6px);
-    overflow: auto;
-  }
-
-  .hexclave-config-error-overlay .hce-card {
-    --hce-status: var(--sdt-error);
-    width: min(720px, calc(100vw - 32px));
-    max-height: min(640px, calc(100dvh - 48px));
-    border: 1px solid color-mix(in srgb, var(--hce-status) 35%, var(--sdt-border));
-    border-radius: 18px;
-    background: var(--sdt-overlay-bg);
-    box-shadow: var(--sdt-shadow);
-    backdrop-filter: blur(18px);
-    display: flex;
-    overflow: hidden;
-  }
-
-  .hexclave-config-error-overlay .hce-card-warning {
-    --hce-status: var(--sdt-warning);
-  }
-
-  .hexclave-config-error-overlay .hce-card-inner {
-    padding: 18px;
-    width: 100%;
-    overflow: auto;
-  }
-
-  .hexclave-config-error-overlay .hce-header {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    gap: 12px;
-    margin-bottom: 12px;
-  }
-
-  .hexclave-config-error-overlay .hce-title-row {
-    display: flex;
-    align-items: flex-start;
-    gap: 10px;
-    min-width: 0;
-  }
-
-  .hexclave-config-error-overlay .hce-logo {
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 34px;
-    height: 34px;
-    border-radius: 10px;
-    background: var(--hce-status);
-    color: white;
-    box-shadow: 0 10px 30px color-mix(in srgb, var(--hce-status) 32%, transparent);
-  }
-
-  .hexclave-config-error-overlay .hce-badge {
-    display: inline-flex;
-    flex-shrink: 0;
-    padding: 2px 6px;
-    border-radius: 999px;
-    background: var(--hce-status);
-    color: white;
-    font-size: 10px;
-    font-weight: 700;
-    letter-spacing: 0.06em;
-    text-transform: uppercase;
-  }
-
-  .hexclave-config-error-overlay .hce-title {
-    color: var(--sdt-text);
-    margin-top: 4px;
-    font-size: 18px;
-    font-weight: 700;
-    line-height: 1.25;
-  }
-
-  .hexclave-config-error-overlay .hce-actions {
-    display: flex;
-    gap: 4px;
-  }
-
-  .hexclave-config-error-overlay .hce-icon-btn {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    border: 1px solid var(--sdt-border);
-    border-radius: 8px;
-    background: var(--sdt-bg-elevated);
-    color: var(--sdt-text-secondary);
-    cursor: pointer;
-    font: inherit;
-    line-height: 1;
-    vertical-align: top;
-  }
-
-  .hexclave-config-error-overlay .hce-icon-btn svg {
-    display: block;
-    flex-shrink: 0;
-  }
-
-  .hexclave-config-error-overlay .hce-text-btn {
-    align-items: center;
-    gap: 6px;
-    min-height: 28px;
-    padding: 0 10px;
-    width: auto;
-    font-size: 12px;
-    line-height: 1;
-  }
-
-  .hexclave-config-error-overlay .hce-icon-btn:hover {
-    background: var(--sdt-bg-hover);
-    color: var(--sdt-text);
-  }
-
-  .hexclave-config-error-overlay .hce-body {
-    color: var(--sdt-text-secondary);
-    font-size: 14px;
-    line-height: 1.5;
-  }
-
-  .hexclave-config-error-overlay .hce-message-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 10px;
-    margin-top: 14px;
-    margin-bottom: 8px;
-  }
-
-  .hexclave-config-error-overlay .hce-message-label {
-    color: var(--sdt-text);
-    font-size: 12px;
-    font-weight: 650;
-  }
-
-  .hexclave-config-error-overlay .hce-message {
-    padding: 12px;
-    max-height: min(260px, max(96px, 30dvh));
-    overflow: auto;
-    border: 1px solid var(--sdt-border-subtle);
-    border-radius: 10px;
-    background: var(--sdt-bg-subtle);
-    color: var(--sdt-text);
-    font-family: var(--sdt-font-mono);
-    font-size: 12px;
-    white-space: pre-wrap;
-    overflow-wrap: anywhere;
-  }
-
-  .hexclave-config-error-overlay .hce-footer {
-    margin-top: 10px;
-    color: var(--sdt-text-tertiary);
-    font-size: 12px;
-  }
-
-  .hexclave-config-error-overlay .hce-pill {
-    position: fixed;
-    right: 18px;
-    bottom: 18px;
-    z-index: 2147483647;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 12px 8px 8px;
-    --hce-status: var(--sdt-error);
-    border: 1px solid color-mix(in srgb, var(--hce-status) 35%, var(--sdt-border));
-    border-radius: 999px;
-    background: var(--sdt-overlay-bg);
-    box-shadow: var(--sdt-trigger-shadow);
-    color: var(--sdt-text);
-    cursor: pointer;
-    font: inherit;
-    backdrop-filter: blur(18px);
-  }
-
-  .hexclave-config-error-overlay .hce-pill-warning {
-    --hce-status: var(--sdt-warning);
-  }
-
-  .hexclave-config-error-overlay .hce-pill-logo {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 26px;
-    height: 26px;
-    border-radius: 999px;
-    background: var(--hce-status);
-    color: white;
-  }
-
-  @media (max-height: 520px) {
-    .hexclave-config-error-overlay .hce-backdrop {
-      align-items: flex-start;
-      padding: 12px;
-    }
-
-    .hexclave-config-error-overlay .hce-card {
-      width: min(720px, calc(100vw - 24px));
-      max-height: calc(100dvh - 24px);
-    }
-
-    .hexclave-config-error-overlay .hce-card-inner {
-      padding: 12px;
-    }
-
-    .hexclave-config-error-overlay .hce-header {
-      margin-bottom: 8px;
-    }
-
-    .hexclave-config-error-overlay .hce-title {
-      font-size: 16px;
-    }
-
-    .hexclave-config-error-overlay .hce-body {
-      font-size: 13px;
-    }
-
-    .hexclave-config-error-overlay .hce-message {
-      max-height: max(80px, 24dvh);
-    }
-  }
-`;
+const css = getIssueCardCSS(".hexclave-config-error-overlay");
 function storageGet(key) {
 	try {
 		return localStorage.getItem(key);
@@ -263,38 +26,7 @@ function storageRemove(key) {
 	} catch {}
 }
 function shouldMount() {
-	if (!canMountIntoDom()) return false;
-	const nodeEnv = envVars.NODE_ENV;
-	if (nodeEnv !== void 0) return nodeEnv === "development";
-	try {
-		if (new URL(window.location.href).protocol === "file:") return true;
-	} catch {
-		return false;
-	}
-	return isLocalhost(window.location.href);
-}
-async function copyTextToClipboard(text) {
-	const clipboard = Reflect.get(navigator, "clipboard");
-	const writeText = clipboard != null && typeof clipboard === "object" ? Reflect.get(clipboard, "writeText") : null;
-	if (typeof writeText === "function") {
-		await writeText.call(clipboard, text);
-		return;
-	}
-	const textarea = h("textarea", {
-		style: {
-			position: "fixed",
-			left: "-9999px",
-			top: "0",
-			opacity: "0"
-		},
-		readonly: "true"
-	});
-	textarea.value = text;
-	document.body.appendChild(textarea);
-	textarea.select();
-	const copied = document.execCommand("copy");
-	textarea.remove();
-	if (!copied) throw new Error("Browser refused to copy the config error message.");
+	return canMountIntoDom() && isLikelyDevelopmentEnvironment();
 }
 function buildConfigIssueAiPrompt(issue) {
 	const issueLabel = issue.kind === "error" ? "error" : "warning";
@@ -321,11 +53,19 @@ function mountPushedConfigErrorOverlay(app) {
 	let lastErrorKey = null;
 	let lastConsoleErrorKey = null;
 	let minimized = false;
+	let focusedIssueKey = null;
+	let focusTrap = null;
+	const releaseFocusIfHeld = () => {
+		focusTrap?.release();
+		focusTrap = null;
+		focusedIssueKey = null;
+	};
 	const render = (issue) => {
 		root.replaceChildren(style);
 		if (issue == null) {
 			lastErrorKey = null;
 			minimized = false;
+			releaseFocusIfHeld();
 			return;
 		}
 		const issueMessage = "Hexclave config " + issue.kind + ": " + issue.messages.join("\n");
@@ -345,87 +85,45 @@ function mountPushedConfigErrorOverlay(app) {
 			minimized = storageGet(MINIMIZED_STORAGE_KEY) === issueKey;
 		}
 		if (minimized) {
-			const logoSpan = h("span", { className: "hce-pill-logo" });
-			setHtml(logoSpan, HEXCLAVE_LOGO_SVG);
-			root.appendChild(h("button", {
-				className: issue.kind === "error" ? "hce-pill" : "hce-pill hce-pill-warning",
-				type: "button",
+			releaseFocusIfHeld();
+			root.appendChild(renderIssuePill({
+				kind: issue.kind,
+				label: issue.kind === "error" ? "Config error" : "Config warning",
+				ariaLabel: `Show Hexclave config ${issueLabel}`,
 				onClick: () => {
 					minimized = false;
 					storageRemove(MINIMIZED_STORAGE_KEY);
 					render(issue);
 				}
-			}, logoSpan, h("span", null, issue.kind === "error" ? "Config error" : "Config warning")));
+			}));
 			return;
 		}
-		const logoSpan = h("span", { className: "hce-logo" });
-		setHtml(logoSpan, HEXCLAVE_LOGO_SVG);
-		const copyButton = h("button", {
-			className: "hce-icon-btn hce-text-btn",
-			type: "button",
-			title: issue.kind === "error" ? "Copy error message" : "Copy warning message",
-			"aria-label": issue.kind === "error" ? "Copy config error message" : "Copy config warning message",
-			onClick: () => {
-				runAsynchronously(async () => {
-					await copyTextToClipboard(issueMessage);
-					copyButton.textContent = "Copied";
-					setTimeout(() => {
-						setHtml(copyButton, `${COPY_ICON_SVG}Copy`);
-					}, 1500);
-				}, {
-					noErrorLogging: true,
-					onError: (copyError) => {
-						captureError("pushed-config-error-overlay-copy", copyError);
-						copyButton.textContent = "Copy failed";
-						setTimeout(() => {
-							setHtml(copyButton, `${COPY_ICON_SVG}Copy`);
-						}, 1500);
-					}
-				});
-			}
-		});
-		setHtml(copyButton, `${COPY_ICON_SVG}Copy`);
-		const aiPromptCopyButton = h("button", {
-			className: "hce-icon-btn",
-			type: "button",
-			title: "Copy AI prompt",
-			"aria-label": issue.kind === "error" ? "Copy AI prompt for config error" : "Copy AI prompt for config warning",
-			onClick: () => {
-				runAsynchronously(async () => {
-					await copyTextToClipboard(buildConfigIssueAiPrompt(issue));
-					aiPromptCopyButton.textContent = "✓";
-					setTimeout(() => {
-						setHtml(aiPromptCopyButton, COPY_ICON_SVG);
-					}, 1500);
-				}, {
-					noErrorLogging: true,
-					onError: (copyError) => {
-						captureError("pushed-config-error-overlay-copy-ai-prompt", copyError);
-						aiPromptCopyButton.textContent = "!";
-						setTimeout(() => {
-							setHtml(aiPromptCopyButton, COPY_ICON_SVG);
-						}, 1500);
-					}
-				});
-			}
-		});
-		setHtml(aiPromptCopyButton, COPY_ICON_SVG);
-		root.appendChild(h("div", { className: "hce-backdrop" }, h("div", {
-			className: issue.kind === "error" ? "hce-card" : "hce-card hce-card-warning",
-			role: "alertdialog",
-			"aria-modal": "true",
-			"aria-label": `Hexclave config ${issueLabel}`
-		}, h("div", { className: "hce-card-inner" }, h("div", { className: "hce-header" }, h("div", { className: "hce-title-row" }, logoSpan, h("div", null, h("span", { className: "hce-badge" }, `Config ${issueLabel}`), h("div", { className: "hce-title" }, issueTitle))), h("div", { className: "hce-actions" }, aiPromptCopyButton, h("button", {
-			className: "hce-icon-btn",
-			type: "button",
-			title: "Minimize",
-			"aria-label": issue.kind === "error" ? "Minimize config error" : "Minimize config warning",
-			onClick: () => {
+		root.appendChild(renderIssueCard({
+			kind: issue.kind,
+			badge: `Config ${issueLabel}`,
+			title: issueTitle,
+			bodyText,
+			messageLabel: issue.kind === "error" ? "Error message" : "Warning message",
+			message: issueMessage,
+			footerText,
+			ariaLabel: `Hexclave config ${issueLabel}`,
+			aiPrompt: buildConfigIssueAiPrompt(issue),
+			onCopyError: (copyError) => captureError("pushed-config-error-overlay-copy", copyError),
+			onCopyAiPromptError: (copyError) => captureError("pushed-config-error-overlay-copy-ai-prompt", copyError),
+			onMinimize: () => {
 				minimized = true;
 				storageSet(MINIMIZED_STORAGE_KEY, issueKey);
 				render(issue);
 			}
-		}, "–"))), h("div", { className: "hce-body" }, bodyText, h("div", { className: "hce-message-header" }, h("div", { className: "hce-message-label" }, issue.kind === "error" ? "Error message" : "Warning message"), copyButton), h("div", { className: "hce-message" }, issueMessage), h("div", { className: "hce-footer" }, footerText))))));
+		}));
+		const isNewIssue = focusedIssueKey !== issueKey;
+		const previouslyFocused = isNewIssue ? void 0 : focusTrap?.previouslyFocused ?? null;
+		focusTrap?.release({ restoreFocus: isNewIssue });
+		focusedIssueKey = issueKey;
+		focusTrap = trapFocusInIssueCard(root, {
+			moveFocusIntoCard: isNewIssue,
+			previouslyFocused
+		});
 	};
 	const refresh = () => {
 		if (disposed || !canMountIntoDom()) return;
@@ -451,6 +149,7 @@ function mountPushedConfigErrorOverlay(app) {
 	const cleanup = () => {
 		disposed = true;
 		clearInterval(interval);
+		releaseFocusIfHeld();
 		root.remove();
 		if (getGlobalUiInstance(GLOBAL_INSTANCE_KEY)?.cleanup === cleanup) setGlobalUiInstance(GLOBAL_INSTANCE_KEY, null);
 	};

package/dist/esm/pushed-config-error-overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pushed-config-error-overlay/index.ts"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { captureError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { isLocalhost } from \"@hexclave/shared/dist/utils/urls\";\nimport { envVars } from \"../generated/env\";\nimport { getInPageUiBaseCSS } from \"../in-page-ui/base-styles\";\nimport { canMountIntoDom, getGlobalUiInstance, h, setGlobalUiInstance, setHtml } from \"../in-page-ui/dom\";\nimport type { StackClientApp } from \"../lib/hexclave-app\";\n\nconst GLOBAL_INSTANCE_KEY = \"__hexclave-pushed-config-error-overlay\";\nconst MINIMIZED_STORAGE_KEY = \"hexclave-pushed-config-error-minimized-key\";\nconst REFRESH_INTERVAL_MS = 5_000;\nconst HEXCLAVE_LOGO_SVG = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"miter\"><path d=\"M 24 4 L 41.32 14 L 41.32 34 L 24 44 L 6.68 34 L 6.68 14 Z\"/><path d=\"M 11 16.87 L 14 15.13 L 14 32.87 L 11 31.13 Z\" fill=\"currentColor\" stroke=\"none\"/><path d=\"M 11 16.87 L 14 15.13 L 14 32.87 L 11 31.13 Z\" fill=\"currentColor\" stroke=\"none\" transform=\"rotate(120 24 24)\"/><path d=\"M 11 16.87 L 14 15.13 L 14 32.87 L 11 31.13 Z\" fill=\"currentColor\" stroke=\"none\" transform=\"rotate(240 24 24)\"/></svg>';\nconst COPY_ICON_SVG = '<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg>';\n\ntype ConfigIssue = {\n  kind: \"error\" | \"warning\",\n  messages: string[],\n};\n\nconst css = getInPageUiBaseCSS(\".hexclave-config-error-overlay\") + `\n  .hexclave-config-error-overlay .hce-backdrop {\n    position: fixed;\n    inset: 0;\n    z-index: 2147483647;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    background: rgba(0, 0, 0, 0.46);\n    backdrop-filter: blur(6px);\n    overflow: auto;\n  }\n\n  .hexclave-config-error-overlay .hce-card {\n    --hce-status: var(--sdt-error);\n    width: min(720px, calc(100vw - 32px));\n    max-height: min(640px, calc(100dvh - 48px));\n    border: 1px solid color-mix(in srgb, var(--hce-status) 35%, var(--sdt-border));\n    border-radius: 18px;\n    background: var(--sdt-overlay-bg);\n    box-shadow: var(--sdt-shadow);\n    backdrop-filter: blur(18px);\n    display: flex;\n    overflow: hidden;\n  }\n\n  .hexclave-config-error-overlay .hce-card-warning {\n    --hce-status: var(--sdt-warning);\n  }\n\n  .hexclave-config-error-overlay .hce-card-inner {\n    padding: 18px;\n    width: 100%;\n    overflow: auto;\n  }\n\n  .hexclave-config-error-overlay .hce-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 12px;\n  }\n\n  .hexclave-config-error-overlay .hce-title-row {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .hexclave-config-error-overlay .hce-logo {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    border-radius: 10px;\n    background: var(--hce-status);\n    color: white;\n    box-shadow: 0 10px 30px color-mix(in srgb, var(--hce-status) 32%, transparent);\n  }\n\n  .hexclave-config-error-overlay .hce-badge {\n    display: inline-flex;\n    flex-shrink: 0;\n    padding: 2px 6px;\n    border-radius: 999px;\n    background: var(--hce-status);\n    color: white;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n  }\n\n  .hexclave-config-error-overlay .hce-title {\n    color: var(--sdt-text);\n    margin-top: 4px;\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 1.25;\n  }\n\n  .hexclave-config-error-overlay .hce-actions {\n    display: flex;\n    gap: 4px;\n  }\n\n  .hexclave-config-error-overlay .hce-icon-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--sdt-border);\n    border-radius: 8px;\n    background: var(--sdt-bg-elevated);\n    color: var(--sdt-text-secondary);\n    cursor: pointer;\n    font: inherit;\n    line-height: 1;\n    vertical-align: top;\n  }\n\n  .hexclave-config-error-overlay .hce-icon-btn svg {\n    display: block;\n    flex-shrink: 0;\n  }\n\n  .hexclave-config-error-overlay .hce-text-btn {\n    align-items: center;\n    gap: 6px;\n    min-height: 28px;\n    padding: 0 10px;\n    width: auto;\n    font-size: 12px;\n    line-height: 1;\n  }\n\n  .hexclave-config-error-overlay .hce-icon-btn:hover {\n    background: var(--sdt-bg-hover);\n    color: var(--sdt-text);\n  }\n\n  .hexclave-config-error-overlay .hce-body {\n    color: var(--sdt-text-secondary);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .hexclave-config-error-overlay .hce-message-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-top: 14px;\n    margin-bottom: 8px;\n  }\n\n  .hexclave-config-error-overlay .hce-message-label {\n    color: var(--sdt-text);\n    font-size: 12px;\n    font-weight: 650;\n  }\n\n  .hexclave-config-error-overlay .hce-message {\n    padding: 12px;\n    max-height: min(260px, max(96px, 30dvh));\n    overflow: auto;\n    border: 1px solid var(--sdt-border-subtle);\n    border-radius: 10px;\n    background: var(--sdt-bg-subtle);\n    color: var(--sdt-text);\n    font-family: var(--sdt-font-mono);\n    font-size: 12px;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n\n  .hexclave-config-error-overlay .hce-footer {\n    margin-top: 10px;\n    color: var(--sdt-text-tertiary);\n    font-size: 12px;\n  }\n\n  .hexclave-config-error-overlay .hce-pill {\n    position: fixed;\n    right: 18px;\n    bottom: 18px;\n    z-index: 2147483647;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px 8px 8px;\n    --hce-status: var(--sdt-error);\n    border: 1px solid color-mix(in srgb, var(--hce-status) 35%, var(--sdt-border));\n    border-radius: 999px;\n    background: var(--sdt-overlay-bg);\n    box-shadow: var(--sdt-trigger-shadow);\n    color: var(--sdt-text);\n    cursor: pointer;\n    font: inherit;\n    backdrop-filter: blur(18px);\n  }\n\n  .hexclave-config-error-overlay .hce-pill-warning {\n    --hce-status: var(--sdt-warning);\n  }\n\n  .hexclave-config-error-overlay .hce-pill-logo {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    border-radius: 999px;\n    background: var(--hce-status);\n    color: white;\n  }\n\n  @media (max-height: 520px) {\n    .hexclave-config-error-overlay .hce-backdrop {\n      align-items: flex-start;\n      padding: 12px;\n    }\n\n    .hexclave-config-error-overlay .hce-card {\n      width: min(720px, calc(100vw - 24px));\n      max-height: calc(100dvh - 24px);\n    }\n\n    .hexclave-config-error-overlay .hce-card-inner {\n      padding: 12px;\n    }\n\n    .hexclave-config-error-overlay .hce-header {\n      margin-bottom: 8px;\n    }\n\n    .hexclave-config-error-overlay .hce-title {\n      font-size: 16px;\n    }\n\n    .hexclave-config-error-overlay .hce-body {\n      font-size: 13px;\n    }\n\n    .hexclave-config-error-overlay .hce-message {\n      max-height: max(80px, 24dvh);\n    }\n  }\n`;\n\nfunction storageGet(key: string): string | null {\n  try {\n    return localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nfunction storageSet(key: string, value: string): void {\n  try {\n    localStorage.setItem(key, value);\n  } catch {\n    // Storage may be unavailable in private or embedded contexts.\n  }\n}\n\nfunction storageRemove(key: string): void {\n  try {\n    localStorage.removeItem(key);\n  } catch {\n    // Storage may be unavailable in private or embedded contexts.\n  }\n}\n\nfunction shouldMount(): boolean {\n  if (!canMountIntoDom()) {\n    return false;\n  }\n\n  const nodeEnv = envVars.NODE_ENV;\n  if (nodeEnv !== undefined) {\n    return nodeEnv === \"development\";\n  }\n\n  try {\n    const url = new URL(window.location.href);\n    if (url.protocol === \"file:\") {\n      return true;\n    }\n  } catch {\n    return false;\n  }\n  return isLocalhost(window.location.href);\n}\n\nasync function copyTextToClipboard(text: string): Promise<void> {\n  const clipboard: unknown = Reflect.get(navigator, \"clipboard\");\n  const writeText = clipboard != null && typeof clipboard === \"object\"\n    ? Reflect.get(clipboard, \"writeText\")\n    : null;\n  if (typeof writeText === \"function\") {\n    await writeText.call(clipboard, text);\n    return;\n  }\n\n  const textarea = h(\"textarea\", {\n    style: {\n      position: \"fixed\",\n      left: \"-9999px\",\n      top: \"0\",\n      opacity: \"0\",\n    },\n    readonly: \"true\",\n  }) as HTMLTextAreaElement;\n  textarea.value = text;\n  document.body.appendChild(textarea);\n  textarea.select();\n  const copied = document.execCommand(\"copy\");\n  textarea.remove();\n  if (!copied) {\n    throw new Error(\"Browser refused to copy the config error message.\");\n  }\n}\n\nfunction buildConfigIssueAiPrompt(issue: ConfigIssue): string {\n  const issueLabel = issue.kind === \"error\" ? \"error\" : \"warning\";\n  return [\n    `Help me fix this Hexclave config ${issueLabel}.`,\n    \"\",\n    \"Hexclave reminder:\",\n    `This ${issueLabel} comes from a pushed Hexclave config file. The app may keep running with the synced Hexclave config, but I need to fix the config file mentioned in the message and save it again so Hexclave can sync the config successfully and clear the dialog. Use your web fetch tool to read https://skill.hexclave.com to learn more about Hexclave.`,\n    \"\",\n    issue.kind === \"error\" ? \"Error message:\" : \"Warning message:\",\n    issue.messages.join(\"\\n\"),\n    \"\",\n    \"Please explain the likely cause, identify the config key or value I should change, and suggest the smallest safe fix.\",\n  ].join(\"\\n\");\n}\n\nexport function mountPushedConfigErrorOverlay(app: StackClientApp<true>): () => void {\n  if (!shouldMount()) {\n    return () => {};\n  }\n\n  getGlobalUiInstance(GLOBAL_INSTANCE_KEY)?.cleanup();\n\n  const root = h(\"div\", { className: \"hexclave-config-error-overlay\" });\n  const style = h(\"style\", null, css);\n  root.appendChild(style);\n  document.body.appendChild(root);\n\n  let disposed = false;\n  let lastErrorKey: string | null = null;\n  let lastConsoleErrorKey: string | null = null;\n  let minimized = false;\n\n  const render = (issue: ConfigIssue | null) => {\n    root.replaceChildren(style);\n    if (issue == null) {\n      lastErrorKey = null;\n      minimized = false;\n      return;\n    }\n\n    const issueMessage = \"Hexclave config \" + issue.kind + \": \" + issue.messages.join(\"\\n\");\n    const issueKey = `${app.projectId}:${issue.kind}:${issueMessage}`;\n    const issueLabel = issue.kind === \"error\" ? \"error\" : \"warning\";\n    const issueTitle = issue.kind === \"error\"\n      ? \"Your Hexclave config has been saved, but contains errors\"\n      : \"Your Hexclave config has been saved, but has warnings\";\n    const bodyText = issue.kind === \"error\"\n      ? \"Your app can keep running, but Hexclave is still using the last valid config until this is fixed.\"\n      : \"Your app can keep running, but part of your Hexclave config may not behave the way you expect until this is fixed.\";\n    const footerText = issue.kind === \"error\"\n      ? \"Fix the config file mentioned above and save it again. This message will disappear after the config sync succeeds.\"\n      : \"Fix the config file mentioned above and save it again. This warning will disappear after Hexclave syncs a config without warnings.\";\n    if (issueKey !== lastConsoleErrorKey) {\n      lastConsoleErrorKey = issueKey;\n      const consoleMessage = `[Hexclave] Config ${issueLabel}: ${issueMessage}`;\n      if (issue.kind === \"error\") {\n        console.error(consoleMessage);\n      } else {\n        console.warn(consoleMessage);\n      }\n    }\n\n    if (issueKey !== lastErrorKey) {\n      lastErrorKey = issueKey;\n      minimized = storageGet(MINIMIZED_STORAGE_KEY) === issueKey;\n    }\n\n    if (minimized) {\n      const logoSpan = h(\"span\", { className: \"hce-pill-logo\" });\n      setHtml(logoSpan, HEXCLAVE_LOGO_SVG);\n      root.appendChild(h(\"button\", {\n        className: issue.kind === \"error\" ? \"hce-pill\" : \"hce-pill hce-pill-warning\",\n        type: \"button\",\n        onClick: () => {\n          minimized = false;\n          storageRemove(MINIMIZED_STORAGE_KEY);\n          render(issue);\n        },\n      },\n      logoSpan,\n      h(\"span\", null, issue.kind === \"error\" ? \"Config error\" : \"Config warning\")));\n      return;\n    }\n\n    const logoSpan = h(\"span\", { className: \"hce-logo\" });\n    setHtml(logoSpan, HEXCLAVE_LOGO_SVG);\n    const copyButton = h(\"button\", {\n      className: \"hce-icon-btn hce-text-btn\",\n      type: \"button\",\n      title: issue.kind === \"error\" ? \"Copy error message\" : \"Copy warning message\",\n      \"aria-label\": issue.kind === \"error\" ? \"Copy config error message\" : \"Copy config warning message\",\n      onClick: () => {\n        runAsynchronously(async () => {\n          await copyTextToClipboard(issueMessage);\n          copyButton.textContent = \"Copied\";\n          setTimeout(() => {\n            setHtml(copyButton, `${COPY_ICON_SVG}Copy`);\n          }, 1500);\n        }, {\n          noErrorLogging: true,\n          onError: (copyError) => {\n            captureError(\"pushed-config-error-overlay-copy\", copyError);\n            copyButton.textContent = \"Copy failed\";\n            setTimeout(() => {\n              setHtml(copyButton, `${COPY_ICON_SVG}Copy`);\n            }, 1500);\n          },\n        });\n      },\n    });\n    setHtml(copyButton, `${COPY_ICON_SVG}Copy`);\n\n    const aiPromptCopyButton = h(\"button\", {\n      className: \"hce-icon-btn\",\n      type: \"button\",\n      title: \"Copy AI prompt\",\n      \"aria-label\": issue.kind === \"error\" ? \"Copy AI prompt for config error\" : \"Copy AI prompt for config warning\",\n      onClick: () => {\n        runAsynchronously(async () => {\n          await copyTextToClipboard(buildConfigIssueAiPrompt(issue));\n          aiPromptCopyButton.textContent = \"✓\";\n          setTimeout(() => {\n            setHtml(aiPromptCopyButton, COPY_ICON_SVG);\n          }, 1500);\n        }, {\n          noErrorLogging: true,\n          onError: (copyError) => {\n            captureError(\"pushed-config-error-overlay-copy-ai-prompt\", copyError);\n            aiPromptCopyButton.textContent = \"!\";\n            setTimeout(() => {\n              setHtml(aiPromptCopyButton, COPY_ICON_SVG);\n            }, 1500);\n          },\n        });\n      },\n    });\n    setHtml(aiPromptCopyButton, COPY_ICON_SVG);\n\n    root.appendChild(h(\"div\", { className: \"hce-backdrop\" },\n      h(\"div\", { className: issue.kind === \"error\" ? \"hce-card\" : \"hce-card hce-card-warning\", role: \"alertdialog\", \"aria-modal\": \"true\", \"aria-label\": `Hexclave config ${issueLabel}` },\n      h(\"div\", { className: \"hce-card-inner\" },\n        h(\"div\", { className: \"hce-header\" },\n          h(\"div\", { className: \"hce-title-row\" },\n            logoSpan,\n            h(\"div\", null,\n              h(\"span\", { className: \"hce-badge\" }, `Config ${issueLabel}`),\n              h(\"div\", { className: \"hce-title\" }, issueTitle),\n            ),\n          ),\n          h(\"div\", { className: \"hce-actions\" },\n            aiPromptCopyButton,\n            h(\"button\", {\n              className: \"hce-icon-btn\",\n              type: \"button\",\n              title: \"Minimize\",\n              \"aria-label\": issue.kind === \"error\" ? \"Minimize config error\" : \"Minimize config warning\",\n              onClick: () => {\n                minimized = true;\n                storageSet(MINIMIZED_STORAGE_KEY, issueKey);\n                render(issue);\n              },\n            }, \"–\"),\n          ),\n        ),\n        h(\"div\", { className: \"hce-body\" },\n          bodyText,\n          h(\"div\", { className: \"hce-message-header\" },\n            h(\"div\", { className: \"hce-message-label\" }, issue.kind === \"error\" ? \"Error message\" : \"Warning message\"),\n            copyButton,\n          ),\n          h(\"div\", { className: \"hce-message\" }, issueMessage),\n          h(\"div\", { className: \"hce-footer\" }, footerText),\n        ),\n      ),\n    )));\n  };\n\n  const refresh = () => {\n    if (disposed || !canMountIntoDom()) {\n      return;\n    }\n    runAsynchronously(async () => {\n      const project = await app.getProject();\n      if (disposed) {\n        return;\n      }\n      render(project.pushedConfigError == null\n        ? project.configWarnings.length === 0\n          ? null\n          : { kind: \"warning\", messages: project.configWarnings.map((warning) => warning.message) }\n        : { kind: \"error\", messages: [project.pushedConfigError.message] });\n    }, {\n      noErrorLogging: true,\n      onError: (error) => {\n        captureError(\"pushed-config-error-overlay-refresh\", error);\n      },\n    });\n  };\n\n  // This is mounted from the base client-app constructor, which also runs\n  // before subclass field initializers. Defer the first app call so overridden\n  // methods like adminApp.getProject() can safely touch subclass caches.\n  queueMicrotask(refresh);\n  const interval = setInterval(refresh, REFRESH_INTERVAL_MS);\n\n  const cleanup = () => {\n    disposed = true;\n    clearInterval(interval);\n    root.remove();\n    if (getGlobalUiInstance(GLOBAL_INSTANCE_KEY)?.cleanup === cleanup) {\n      setGlobalUiInstance(GLOBAL_INSTANCE_KEY, null);\n    }\n  };\n  setGlobalUiInstance(GLOBAL_INSTANCE_KEY, { cleanup });\n  return cleanup;\n}\n\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pushed-config-error-overlay/index.ts"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { captureError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { isLikelyDevelopmentEnvironment } from \"../in-page-ui/dev-environment\";\nimport { canMountIntoDom, getGlobalUiInstance, h, setGlobalUiInstance } from \"../in-page-ui/dom\";\nimport { getIssueCardCSS, renderIssueCard, renderIssuePill, trapFocusInIssueCard, type IssueCardFocusTrap } from \"../in-page-ui/issue-card\";\nimport type { StackClientApp } from \"../lib/hexclave-app\";\n\nconst GLOBAL_INSTANCE_KEY = \"__hexclave-pushed-config-error-overlay\";\nconst MINIMIZED_STORAGE_KEY = \"hexclave-pushed-config-error-minimized-key\";\nconst REFRESH_INTERVAL_MS = 5_000;\n\ntype ConfigIssue = {\n  kind: \"error\" | \"warning\",\n  messages: string[],\n};\n\nconst css = getIssueCardCSS(\".hexclave-config-error-overlay\");\n\nfunction storageGet(key: string): string | null {\n  try {\n    return localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nfunction storageSet(key: string, value: string): void {\n  try {\n    localStorage.setItem(key, value);\n  } catch {\n    // Storage may be unavailable in private or embedded contexts.\n  }\n}\n\nfunction storageRemove(key: string): void {\n  try {\n    localStorage.removeItem(key);\n  } catch {\n    // Storage may be unavailable in private or embedded contexts.\n  }\n}\n\nfunction shouldMount(): boolean {\n  return canMountIntoDom() && isLikelyDevelopmentEnvironment();\n}\n\nfunction buildConfigIssueAiPrompt(issue: ConfigIssue): string {\n  const issueLabel = issue.kind === \"error\" ? \"error\" : \"warning\";\n  return [\n    `Help me fix this Hexclave config ${issueLabel}.`,\n    \"\",\n    \"Hexclave reminder:\",\n    `This ${issueLabel} comes from a pushed Hexclave config file. The app may keep running with the synced Hexclave config, but I need to fix the config file mentioned in the message and save it again so Hexclave can sync the config successfully and clear the dialog. Use your web fetch tool to read https://skill.hexclave.com to learn more about Hexclave.`,\n    \"\",\n    issue.kind === \"error\" ? \"Error message:\" : \"Warning message:\",\n    issue.messages.join(\"\\n\"),\n    \"\",\n    \"Please explain the likely cause, identify the config key or value I should change, and suggest the smallest safe fix.\",\n  ].join(\"\\n\");\n}\n\nexport function mountPushedConfigErrorOverlay(app: StackClientApp<true>): () => void {\n  if (!shouldMount()) {\n    return () => {};\n  }\n\n  getGlobalUiInstance(GLOBAL_INSTANCE_KEY)?.cleanup();\n\n  const root = h(\"div\", { className: \"hexclave-config-error-overlay\" });\n  const style = h(\"style\", null, css);\n  root.appendChild(style);\n  document.body.appendChild(root);\n\n  let disposed = false;\n  let lastErrorKey: string | null = null;\n  let lastConsoleErrorKey: string | null = null;\n  let minimized = false;\n  // The card element is replaced on every poll, so the trap has to be rebound to the new one each time or it would keep\n  // trapping Tab inside the detached card. Focus is only *moved* into the card when a card first appears for an issue;\n  // doing it on every render would yank focus out of whatever the developer is doing every few seconds.\n  let focusedIssueKey: string | null = null;\n  let focusTrap: IssueCardFocusTrap | null = null;\n  const releaseFocusIfHeld = () => {\n    focusTrap?.release();\n    focusTrap = null;\n    focusedIssueKey = null;\n  };\n\n  const render = (issue: ConfigIssue | null) => {\n    root.replaceChildren(style);\n    if (issue == null) {\n      lastErrorKey = null;\n      minimized = false;\n      releaseFocusIfHeld();\n      return;\n    }\n\n    const issueMessage = \"Hexclave config \" + issue.kind + \": \" + issue.messages.join(\"\\n\");\n    const issueKey = `${app.projectId}:${issue.kind}:${issueMessage}`;\n    const issueLabel = issue.kind === \"error\" ? \"error\" : \"warning\";\n    const issueTitle = issue.kind === \"error\"\n      ? \"Your Hexclave config has been saved, but contains errors\"\n      : \"Your Hexclave config has been saved, but has warnings\";\n    const bodyText = issue.kind === \"error\"\n      ? \"Your app can keep running, but Hexclave is still using the last valid config until this is fixed.\"\n      : \"Your app can keep running, but part of your Hexclave config may not behave the way you expect until this is fixed.\";\n    const footerText = issue.kind === \"error\"\n      ? \"Fix the config file mentioned above and save it again. This message will disappear after the config sync succeeds.\"\n      : \"Fix the config file mentioned above and save it again. This warning will disappear after Hexclave syncs a config without warnings.\";\n    if (issueKey !== lastConsoleErrorKey) {\n      lastConsoleErrorKey = issueKey;\n      const consoleMessage = `[Hexclave] Config ${issueLabel}: ${issueMessage}`;\n      if (issue.kind === \"error\") {\n        console.error(consoleMessage);\n      } else {\n        console.warn(consoleMessage);\n      }\n    }\n\n    if (issueKey !== lastErrorKey) {\n      lastErrorKey = issueKey;\n      minimized = storageGet(MINIMIZED_STORAGE_KEY) === issueKey;\n    }\n\n    if (minimized) {\n      releaseFocusIfHeld();\n      root.appendChild(renderIssuePill({\n        kind: issue.kind,\n        label: issue.kind === \"error\" ? \"Config error\" : \"Config warning\",\n        ariaLabel: `Show Hexclave config ${issueLabel}`,\n        onClick: () => {\n          minimized = false;\n          storageRemove(MINIMIZED_STORAGE_KEY);\n          render(issue);\n        },\n      }));\n      return;\n    }\n\n    root.appendChild(renderIssueCard({\n      kind: issue.kind,\n      badge: `Config ${issueLabel}`,\n      title: issueTitle,\n      bodyText,\n      messageLabel: issue.kind === \"error\" ? \"Error message\" : \"Warning message\",\n      message: issueMessage,\n      footerText,\n      ariaLabel: `Hexclave config ${issueLabel}`,\n      aiPrompt: buildConfigIssueAiPrompt(issue),\n      onCopyError: (copyError) => captureError(\"pushed-config-error-overlay-copy\", copyError),\n      onCopyAiPromptError: (copyError) => captureError(\"pushed-config-error-overlay-copy-ai-prompt\", copyError),\n      onMinimize: () => {\n        minimized = true;\n        storageSet(MINIMIZED_STORAGE_KEY, issueKey);\n        render(issue);\n      },\n    }));\n    const isNewIssue = focusedIssueKey !== issueKey;\n    const previouslyFocused = isNewIssue ? undefined : focusTrap?.previouslyFocused ?? null;\n    focusTrap?.release({ restoreFocus: isNewIssue });\n    focusedIssueKey = issueKey;\n    focusTrap = trapFocusInIssueCard(root, { moveFocusIntoCard: isNewIssue, previouslyFocused });\n  };\n\n  const refresh = () => {\n    if (disposed || !canMountIntoDom()) {\n      return;\n    }\n    runAsynchronously(async () => {\n      const project = await app.getProject();\n      if (disposed) {\n        return;\n      }\n      render(project.pushedConfigError == null\n        ? project.configWarnings.length === 0\n          ? null\n          : { kind: \"warning\", messages: project.configWarnings.map((warning) => warning.message) }\n        : { kind: \"error\", messages: [project.pushedConfigError.message] });\n    }, {\n      noErrorLogging: true,\n      onError: (error) => {\n        captureError(\"pushed-config-error-overlay-refresh\", error);\n      },\n    });\n  };\n\n  // This is mounted from the base client-app constructor, which also runs\n  // before subclass field initializers. Defer the first app call so overridden\n  // methods like adminApp.getProject() can safely touch subclass caches.\n  queueMicrotask(refresh);\n  const interval = setInterval(refresh, REFRESH_INTERVAL_MS);\n\n  const cleanup = () => {\n    disposed = true;\n    clearInterval(interval);\n    releaseFocusIfHeld();\n    root.remove();\n    if (getGlobalUiInstance(GLOBAL_INSTANCE_KEY)?.cleanup === cleanup) {\n      setGlobalUiInstance(GLOBAL_INSTANCE_KEY, null);\n    }\n  };\n  setGlobalUiInstance(GLOBAL_INSTANCE_KEY, { cleanup });\n  return cleanup;\n}\n\n"],"mappings":"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"}

package/dist/esm/setup-error-overlay/index.d.ts

@@ -0,0 +1,16 @@
+//#region src/setup-error-overlay/index.d.ts
+/** Exported so tests can drop the singleton; every other consumer should go through `showSetupErrorOverlay`. */
+declare const SETUP_ERROR_OVERLAY_GLOBAL_INSTANCE_KEY = "__hexclave-setup-error-overlay";
+/**
+ * Shows `error` as an error card on the current page.
+ *
+ * Setup errors are always shown, because the flow they aborted cannot complete no matter what the end user does, and
+ * their messages are written for exactly this purpose. Any other error is only shown while developing — those messages
+ * are internal diagnostics, so in production they stay in captureError's hands.
+ *
+ * Returns a cleanup function that removes the card again.
+ */
+declare function showSetupErrorOverlay(error: unknown): () => void;
+//#endregion
+export { SETUP_ERROR_OVERLAY_GLOBAL_INSTANCE_KEY, showSetupErrorOverlay };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/setup-error-overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/setup-error-overlay/index.ts"],"mappings":";;cAiBa,uCAAA;;;;AAAuC;AA8DpD;;;;AAAoD;iBAApC,qBAAA,CAAsB,KAAc"}

package/dist/esm/setup-error-overlay/index.js

@@ -0,0 +1,106 @@
+import { canMountIntoDom, getGlobalUiInstance, h, setGlobalUiInstance } from "../in-page-ui/dom.js";
+import { HexclaveSetupError, captureError, errorToNiceString } from "@hexclave/shared/dist/utils/errors";
+import { isLikelyDevelopmentEnvironment } from "../in-page-ui/dev-environment.js";
+import { getIssueCardCSS, renderIssueCard, renderIssuePill, trapFocusInIssueCard } from "../in-page-ui/issue-card.js";
+//#region src/setup-error-overlay/index.ts
+/** Exported so tests can drop the singleton; every other consumer should go through `showSetupErrorOverlay`. */
+const SETUP_ERROR_OVERLAY_GLOBAL_INSTANCE_KEY = "__hexclave-setup-error-overlay";
+const css = getIssueCardCSS(".hexclave-setup-error-overlay");
+const unexpectedErrorHowToFix = [
+	"Check the browser console and your Hexclave dashboard's logs for the full error.",
+	"Make sure your Hexclave SDK packages are up to date.",
+	"If the error looks like a bug in Hexclave, report it at https://github.com/hexclave/hexclave/issues."
+];
+function toSetupIssue(error) {
+	if (HexclaveSetupError.isSetupError(error)) return {
+		title: error.title,
+		message: error.message,
+		howToFix: error.howToFix,
+		isFatal: true
+	};
+	return {
+		title: "Hexclave could not finish an authentication flow",
+		message: errorToNiceString(error),
+		howToFix: unexpectedErrorHowToFix,
+		isFatal: false
+	};
+}
+function buildAiPrompt(issue) {
+	return [
+		"Help me fix this Hexclave setup error.",
+		"",
+		"Hexclave reminder:",
+		"This error was thrown by the Hexclave SDK in the browser while it was resolving an authentication flow, and the flow was aborted because of it. It is a problem with how my project is set up, not something my users can work around. Use your web fetch tool to read https://skill.hexclave.com to learn more about Hexclave.",
+		"",
+		"Error message:",
+		issue.message,
+		"",
+		"Hexclave suggests:",
+		...issue.howToFix.map((step) => `- ${step}`),
+		"",
+		"Please explain the likely cause and suggest the smallest safe fix."
+	].join("\n");
+}
+/**
+* Shows `error` as an error card on the current page.
+*
+* Setup errors are always shown, because the flow they aborted cannot complete no matter what the end user does, and
+* their messages are written for exactly this purpose. Any other error is only shown while developing — those messages
+* are internal diagnostics, so in production they stay in captureError's hands.
+*
+* Returns a cleanup function that removes the card again.
+*/
+function showSetupErrorOverlay(error) {
+	if (!canMountIntoDom()) return () => {};
+	if (!HexclaveSetupError.isSetupError(error) && !isLikelyDevelopmentEnvironment()) return () => {};
+	const issue = toSetupIssue(error);
+	if (getGlobalUiInstance("__hexclave-setup-error-overlay") != null) return () => {};
+	const root = h("div", { className: "hexclave-setup-error-overlay" });
+	const style = h("style", null, css);
+	root.appendChild(style);
+	document.body.appendChild(root);
+	let focusTrap = null;
+	const render = (minimized) => {
+		focusTrap?.release();
+		focusTrap = null;
+		root.replaceChildren(style);
+		if (minimized) {
+			root.appendChild(renderIssuePill({
+				kind: "error",
+				label: "Setup error",
+				ariaLabel: "Show Hexclave setup error",
+				onClick: () => render(false)
+			}));
+			return;
+		}
+		root.appendChild(renderIssueCard({
+			kind: "error",
+			badge: "Setup error",
+			title: issue.title,
+			bodyText: issue.isFatal ? "Hexclave stopped the authentication flow that ran into this error, so nobody can sign in through it until it is fixed." : "Hexclave aborted the authentication flow that ran into this error. Errors like this one may also be transient, in which case retrying the flow works.",
+			messageLabel: "Error message",
+			message: issue.message,
+			howToFix: issue.howToFix,
+			footerText: issue.isFatal ? "This card is shown by the Hexclave SDK. Fix the problem above and reload the page to try the flow again." : "This card is shown by the Hexclave SDK while developing, and never in production.",
+			ariaLabel: "Hexclave setup error",
+			aiPrompt: buildAiPrompt(issue),
+			onCopyError: (copyError) => captureError("setup-error-overlay-copy", copyError),
+			onCopyAiPromptError: (copyError) => captureError("setup-error-overlay-copy-ai-prompt", copyError),
+			onMinimize: () => render(true)
+		}));
+		focusTrap = trapFocusInIssueCard(root);
+	};
+	render(false);
+	const cleanup = () => {
+		focusTrap?.release();
+		focusTrap = null;
+		root.remove();
+		if (getGlobalUiInstance("__hexclave-setup-error-overlay")?.cleanup === cleanup) setGlobalUiInstance(SETUP_ERROR_OVERLAY_GLOBAL_INSTANCE_KEY, null);
+	};
+	setGlobalUiInstance(SETUP_ERROR_OVERLAY_GLOBAL_INSTANCE_KEY, { cleanup });
+	return cleanup;
+}
+//#endregion
+export { SETUP_ERROR_OVERLAY_GLOBAL_INSTANCE_KEY, showSetupErrorOverlay };
+
+//# sourceMappingURL=index.js.map