@hexclave/next 1.0.75 → 1.0.77

package/dist/esm/in-page-ui/dev-environment.d.ts

@@ -0,0 +1,5 @@
+//#region src/in-page-ui/dev-environment.d.ts
+declare function isLikelyDevelopmentEnvironment(): boolean;
+//#endregion
+export { isLikelyDevelopmentEnvironment };
+//# sourceMappingURL=dev-environment.d.ts.map

package/dist/esm/in-page-ui/dev-environment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-environment.d.ts","names":[],"sources":["../../../src/in-page-ui/dev-environment.ts"],"mappings":";iBAWgB,8BAAA"}

package/dist/esm/in-page-ui/dev-environment.js

@@ -0,0 +1,18 @@
+import { isLocalhost } from "@hexclave/shared/dist/utils/urls";
+import { envVars } from "../generated/env.js";
+//#region src/in-page-ui/dev-environment.ts
+function isLikelyDevelopmentEnvironment() {
+	const nodeEnv = envVars.NODE_ENV;
+	if (nodeEnv !== void 0) return nodeEnv === "development";
+	if (typeof window === "undefined") return false;
+	try {
+		if (new URL(window.location.href).protocol === "file:") return true;
+	} catch {
+		return false;
+	}
+	return isLocalhost(window.location.href);
+}
+//#endregion
+export { isLikelyDevelopmentEnvironment };
+
+//# sourceMappingURL=dev-environment.js.map

package/dist/esm/in-page-ui/dev-environment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-environment.js","names":[],"sources":["../../../src/in-page-ui/dev-environment.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// Shared \"are we in a development-like environment?\" check for Hexclave's in-page UIs. Some of them (eg. surfacing an\n// unexpected internal error) are only appropriate while developing, and the SDK cannot ask the server about it because\n// the check has to work synchronously and before the app is authenticated.\n\nimport { isLocalhost } from \"@hexclave/shared/dist/utils/urls\";\nimport { envVars } from \"../generated/env\";\n\nexport function isLikelyDevelopmentEnvironment(): boolean {\n  // NODE_ENV is the most reliable signal, but plenty of bundlers (eg. Vite-based ones) don't define it in the browser\n  // bundle at all, so fall back to guessing from the current URL.\n  const nodeEnv = envVars.NODE_ENV;\n  if (nodeEnv !== undefined) {\n    return nodeEnv === \"development\";\n  }\n\n  if (typeof window === \"undefined\") {\n    return false;\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"],"mappings":";;;AAWA,SAAgB,iCAA0C;CAGxD,MAAM,UAAU,QAAQ;CACxB,IAAI,YAAY,KAAA,GACd,OAAO,YAAY;CAGrB,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,IAAI;EAEF,IAAI,IADY,IAAI,OAAO,SAAS,IAC9B,CAAC,CAAC,aAAa,SACnB,OAAO;CAEX,QAAQ;EACN,OAAO;CACT;CACA,OAAO,YAAY,OAAO,SAAS,IAAI;AACzC"}

package/dist/esm/in-page-ui/issue-card.d.ts

@@ -0,0 +1,52 @@
+//#region src/in-page-ui/issue-card.d.ts
+type IssueCardKind = "error" | "warning";
+declare function getIssueCardCSS(scopeSelector: string): string;
+declare function copyTextToClipboard(text: string): Promise<void>;
+type IssueCardOptions = {
+  kind: IssueCardKind; /** Short uppercase label in the card's badge, eg. "Config error". */
+  badge: string;
+  title: string; /** One or two sentences on what this means for the running app. */
+  bodyText: string;
+  messageLabel: string;
+  message: string; /** Concrete steps the developer should take; rendered as a list above the footer. */
+  howToFix?: readonly string[];
+  footerText: string;
+  ariaLabel: string; /** Prompt for the "copy AI prompt" button, ie. the message plus enough context for a coding agent to fix it. */
+  aiPrompt: string;
+  onCopyError: (error: unknown) => void;
+  onCopyAiPromptError: (error: unknown) => void;
+  onMinimize: () => void;
+};
+declare function renderIssueCard(options: IssueCardOptions): HTMLElement;
+type IssueCardFocusTrap = {
+  /**
+   * Whatever had focus before the card first appeared. Callers that rebind the trap to a re-rendered card pass it back
+   * in, so focus still returns to where the developer left it once the card is gone for good.
+   */
+  previouslyFocused: HTMLElement | null;
+  release: (releaseOptions?: {
+    restoreFocus?: boolean;
+  }) => void;
+};
+/**
+ * Keeps keyboard focus inside a mounted card, which claims to be an `aria-modal` alertdialog and therefore has to behave
+ * like one: the flow behind the card is dead until the problem is fixed, so tabbing into it would only let a keyboard
+ * user wander through a page that cannot work while the card stays invisible to them.
+ *
+ * Call right after mounting the card, and release the trap when the card is minimized, replaced or removed. Releasing
+ * hands focus back to `previouslyFocused` unless `restoreFocus: false` is passed, which is what a caller that is about
+ * to rebind the trap to a freshly rendered card wants.
+ */
+declare function trapFocusInIssueCard(cardRoot: HTMLElement, options?: {
+  moveFocusIntoCard?: boolean;
+  previouslyFocused?: HTMLElement | null;
+}): IssueCardFocusTrap;
+declare function renderIssuePill(options: {
+  kind: IssueCardKind;
+  label: string;
+  ariaLabel: string;
+  onClick: () => void;
+}): HTMLElement;
+//#endregion
+export { IssueCardFocusTrap, IssueCardKind, IssueCardOptions, copyTextToClipboard, getIssueCardCSS, renderIssueCard, renderIssuePill, trapFocusInIssueCard };
+//# sourceMappingURL=issue-card.d.ts.map

package/dist/esm/in-page-ui/issue-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-card.d.ts","names":[],"sources":["../../../src/in-page-ui/issue-card.ts"],"mappings":";KAcY,aAAA;AAAA,iBAII,eAAA,CAAgB,aAAqB;AAAA,iBAyP/B,mBAAA,CAAoB,IAAA,WAAe,OAAO;AAAA,KAkEpD,gBAAA;EACV,IAAA,EAAM,aAAa,EAhUI;EAkUvB,KAAA;EACA,KAAA;EAEA,QAAA;EACA,YAAA;EACA,OAAA,UA1EuC;EA4EvC,QAAA;EACA,UAAA;EACA,SAAA,UAZU;EAcV,QAAA;EACA,WAAA,GAAc,KAAA;EACd,mBAAA,GAAsB,KAAA;EACtB,UAAA;AAAA;AAAA,iBAGc,eAAA,CAAgB,OAAA,EAAS,gBAAA,GAAmB,WAAW;AAAA,KA+D3D,kBAAA;EA7EV;;;;EAkFA,iBAAA,EAAmB,WAAW;EAC9B,OAAA,GAAU,cAAA;IAAmB,YAAA;EAAA;AAAA;;;;;AAxEnB;AAGZ;;;;iBAiFgB,oBAAA,CAAqB,QAAA,EAAU,WAAA,EAAa,OAAA;EAC1D,iBAAA;EACA,iBAAA,GAAoB,WAAA;AAAA,IACb,kBAAA;AAAA,iBA6CO,eAAA,CAAgB,OAAA;EAC9B,IAAA,EAAM,aAAA;EACN,KAAA;EACA,SAAA;EACA,OAAA;AAAA,IACE,WAAW"}

package/dist/esm/in-page-ui/issue-card.js

@@ -0,0 +1,392 @@
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { getInPageUiBaseCSS } from "./base-styles.js";
+import { h, setHtml } from "./dom.js";
+import { HEXCLAVE_LOGO_SVG } from "./logo.js";
+//#region src/in-page-ui/issue-card.ts
+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>";
+function getIssueCardCSS(scopeSelector) {
+	return getInPageUiBaseCSS(scopeSelector) + `
+  ${scopeSelector} .hic-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;
+  }
+
+  ${scopeSelector} .hic-card {
+    --hic-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(--hic-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;
+  }
+
+  ${scopeSelector} .hic-card-warning {
+    --hic-status: var(--sdt-warning);
+  }
+
+  ${scopeSelector} .hic-card-inner {
+    padding: 18px;
+    width: 100%;
+    overflow: auto;
+  }
+
+  ${scopeSelector} .hic-header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+    margin-bottom: 12px;
+  }
+
+  ${scopeSelector} .hic-title-row {
+    display: flex;
+    align-items: flex-start;
+    gap: 10px;
+    min-width: 0;
+  }
+
+  ${scopeSelector} .hic-logo {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 34px;
+    height: 34px;
+    border-radius: 10px;
+    background: var(--hic-status);
+    color: white;
+    box-shadow: 0 10px 30px color-mix(in srgb, var(--hic-status) 32%, transparent);
+  }
+
+  ${scopeSelector} .hic-badge {
+    display: inline-flex;
+    flex-shrink: 0;
+    padding: 2px 6px;
+    border-radius: 999px;
+    background: var(--hic-status);
+    color: white;
+    font-size: 10px;
+    font-weight: 700;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+  }
+
+  ${scopeSelector} .hic-title {
+    color: var(--sdt-text);
+    margin-top: 4px;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 1.25;
+  }
+
+  ${scopeSelector} .hic-actions {
+    display: flex;
+    gap: 4px;
+  }
+
+  ${scopeSelector} .hic-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;
+  }
+
+  ${scopeSelector} .hic-icon-btn svg {
+    display: block;
+    flex-shrink: 0;
+  }
+
+  ${scopeSelector} .hic-text-btn {
+    align-items: center;
+    gap: 6px;
+    min-height: 28px;
+    padding: 0 10px;
+    width: auto;
+    font-size: 12px;
+    line-height: 1;
+  }
+
+  ${scopeSelector} .hic-icon-btn:hover {
+    background: var(--sdt-bg-hover);
+    color: var(--sdt-text);
+  }
+
+  ${scopeSelector} .hic-body {
+    color: var(--sdt-text-secondary);
+    font-size: 14px;
+    line-height: 1.5;
+  }
+
+  ${scopeSelector} .hic-message-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+    margin-top: 14px;
+    margin-bottom: 8px;
+  }
+
+  ${scopeSelector} .hic-message-label {
+    color: var(--sdt-text);
+    font-size: 12px;
+    font-weight: 650;
+  }
+
+  ${scopeSelector} .hic-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;
+  }
+
+  ${scopeSelector} .hic-fix-list {
+    margin: 8px 0 0;
+    padding-left: 18px;
+    color: var(--sdt-text);
+    font-size: 13px;
+  }
+
+  ${scopeSelector} .hic-fix-list li + li {
+    margin-top: 4px;
+  }
+
+  ${scopeSelector} .hic-footer {
+    margin-top: 10px;
+    color: var(--sdt-text-tertiary);
+    font-size: 12px;
+  }
+
+  ${scopeSelector} .hic-pill {
+    position: fixed;
+    right: 18px;
+    bottom: 18px;
+    z-index: 2147483647;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px 8px 8px;
+    --hic-status: var(--sdt-error);
+    border: 1px solid color-mix(in srgb, var(--hic-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);
+  }
+
+  ${scopeSelector} .hic-pill-warning {
+    --hic-status: var(--sdt-warning);
+  }
+
+  ${scopeSelector} .hic-pill-logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    border-radius: 999px;
+    background: var(--hic-status);
+    color: white;
+  }
+
+  @media (max-height: 520px) {
+    ${scopeSelector} .hic-backdrop {
+      align-items: flex-start;
+      padding: 12px;
+    }
+
+    ${scopeSelector} .hic-card {
+      width: min(720px, calc(100vw - 24px));
+      max-height: calc(100dvh - 24px);
+    }
+
+    ${scopeSelector} .hic-card-inner {
+      padding: 12px;
+    }
+
+    ${scopeSelector} .hic-header {
+      margin-bottom: 8px;
+    }
+
+    ${scopeSelector} .hic-title {
+      font-size: 16px;
+    }
+
+    ${scopeSelector} .hic-body {
+      font-size: 13px;
+    }
+
+    ${scopeSelector} .hic-message {
+      max-height: max(80px, 24dvh);
+    }
+  }
+`;
+}
+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 message.");
+}
+/**
+* A button that copies `getText()` and briefly reports the outcome in its own label. Copying can fail for reasons
+* outside our control (permissions, insecure contexts), so the failure is reported inline instead of being thrown into
+* a click handler where nothing would show it.
+*/
+function renderCopyButton(options) {
+	const idleHtml = options.variant === "text" ? `${COPY_ICON_SVG}Copy` : COPY_ICON_SVG;
+	const button = h("button", {
+		className: options.variant === "text" ? "hic-icon-btn hic-text-btn" : "hic-icon-btn",
+		type: "button",
+		title: options.title,
+		"aria-label": options.ariaLabel,
+		onClick: () => {
+			runAsynchronously(async () => {
+				await copyTextToClipboard(options.getText());
+				button.textContent = options.variant === "text" ? "Copied" : "✓";
+				setTimeout(() => setHtml(button, idleHtml), 1500);
+			}, {
+				noErrorLogging: true,
+				onError: (error) => {
+					options.onCopyError(error);
+					button.textContent = options.variant === "text" ? "Copy failed" : "!";
+					setTimeout(() => setHtml(button, idleHtml), 1500);
+				}
+			});
+		}
+	});
+	setHtml(button, idleHtml);
+	return button;
+}
+function renderIssueCard(options) {
+	const logoSpan = h("span", { className: "hic-logo" });
+	setHtml(logoSpan, HEXCLAVE_LOGO_SVG);
+	return h("div", { className: "hic-backdrop" }, h("div", {
+		className: options.kind === "error" ? "hic-card" : "hic-card hic-card-warning",
+		role: "alertdialog",
+		"aria-modal": "true",
+		"aria-label": options.ariaLabel,
+		tabindex: "-1"
+	}, h("div", { className: "hic-card-inner" }, h("div", { className: "hic-header" }, h("div", { className: "hic-title-row" }, logoSpan, h("div", null, h("span", { className: "hic-badge" }, options.badge), h("div", { className: "hic-title" }, options.title))), h("div", { className: "hic-actions" }, renderCopyButton({
+		variant: "icon",
+		title: "Copy AI prompt",
+		ariaLabel: `Copy AI prompt for ${options.ariaLabel}`,
+		getText: () => options.aiPrompt,
+		onCopyError: options.onCopyAiPromptError
+	}), h("button", {
+		className: "hic-icon-btn",
+		type: "button",
+		title: "Minimize",
+		"aria-label": `Minimize ${options.ariaLabel}`,
+		onClick: options.onMinimize
+	}, "–"))), h("div", { className: "hic-body" }, options.bodyText, h("div", { className: "hic-message-header" }, h("div", { className: "hic-message-label" }, options.messageLabel), renderCopyButton({
+		variant: "text",
+		title: `Copy ${options.messageLabel.toLowerCase()}`,
+		ariaLabel: `Copy ${options.ariaLabel} message`,
+		getText: () => options.message,
+		onCopyError: options.onCopyError
+	})), h("div", { className: "hic-message" }, options.message), options.howToFix == null || options.howToFix.length === 0 ? null : h("div", null, h("div", { className: "hic-message-header" }, h("div", { className: "hic-message-label" }, "How to fix")), h("ul", { className: "hic-fix-list" }, ...options.howToFix.map((step) => h("li", null, step)))), h("div", { className: "hic-footer" }, options.footerText)))));
+}
+const FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])";
+/**
+* Keeps keyboard focus inside a mounted card, which claims to be an `aria-modal` alertdialog and therefore has to behave
+* like one: the flow behind the card is dead until the problem is fixed, so tabbing into it would only let a keyboard
+* user wander through a page that cannot work while the card stays invisible to them.
+*
+* Call right after mounting the card, and release the trap when the card is minimized, replaced or removed. Releasing
+* hands focus back to `previouslyFocused` unless `restoreFocus: false` is passed, which is what a caller that is about
+* to rebind the trap to a freshly rendered card wants.
+*/
+function trapFocusInIssueCard(cardRoot, options = {}) {
+	const previouslyFocused = options.previouslyFocused !== void 0 ? options.previouslyFocused : document.activeElement instanceof HTMLElement ? document.activeElement : null;
+	const card = cardRoot.querySelector(".hic-card");
+	if (!(card instanceof HTMLElement)) return {
+		previouslyFocused,
+		release: () => {}
+	};
+	const onKeyDown = (event) => {
+		if (event.key !== "Tab") return;
+		const focusable = [...card.querySelectorAll(FOCUSABLE_SELECTOR)].filter((element) => element instanceof HTMLElement);
+		const first = focusable[0] ?? card;
+		const last = focusable[focusable.length - 1] ?? card;
+		const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+		let target = null;
+		if (active == null || !card.contains(active)) target = event.shiftKey ? last : first;
+		else if (active === last && !event.shiftKey) target = first;
+		else if (active === first && event.shiftKey) target = last;
+		if (target == null) return;
+		event.preventDefault();
+		target.focus();
+	};
+	document.addEventListener("keydown", onKeyDown, true);
+	if (options.moveFocusIntoCard !== false) card.focus();
+	return {
+		previouslyFocused,
+		release: (releaseOptions) => {
+			document.removeEventListener("keydown", onKeyDown, true);
+			if (releaseOptions?.restoreFocus === false) return;
+			if (previouslyFocused != null && previouslyFocused.isConnected) previouslyFocused.focus();
+		}
+	};
+}
+function renderIssuePill(options) {
+	const logoSpan = h("span", { className: "hic-pill-logo" });
+	setHtml(logoSpan, HEXCLAVE_LOGO_SVG);
+	return h("button", {
+		className: options.kind === "error" ? "hic-pill" : "hic-pill hic-pill-warning",
+		type: "button",
+		"aria-label": options.ariaLabel,
+		onClick: options.onClick
+	}, logoSpan, h("span", null, options.label));
+}
+//#endregion
+export { copyTextToClipboard, getIssueCardCSS, renderIssueCard, renderIssuePill, trapFocusInIssueCard };
+
+//# sourceMappingURL=issue-card.js.map

package/dist/esm/in-page-ui/issue-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-card.js","names":[],"sources":["../../../src/in-page-ui/issue-card.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// Shared renderer for Hexclave's in-page issue cards: the modal-style card (plus its minimized pill) that the SDK uses\n// to tell developers about problems it cannot recover from, like a broken pushed config or an untrusted auth domain.\n// Every issue surface renders the same shape, so the markup, styles and clipboard handling live here and each feature\n// only supplies its copy and callbacks.\n\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { getInPageUiBaseCSS } from \"./base-styles\";\nimport { h, setHtml } from \"./dom\";\nimport { HEXCLAVE_LOGO_SVG } from \"./logo\";\n\nexport type IssueCardKind = \"error\" | \"warning\";\n\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\nexport function getIssueCardCSS(scopeSelector: string): string {\n  return getInPageUiBaseCSS(scopeSelector) + `\n  ${scopeSelector} .hic-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  ${scopeSelector} .hic-card {\n    --hic-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(--hic-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  ${scopeSelector} .hic-card-warning {\n    --hic-status: var(--sdt-warning);\n  }\n\n  ${scopeSelector} .hic-card-inner {\n    padding: 18px;\n    width: 100%;\n    overflow: auto;\n  }\n\n  ${scopeSelector} .hic-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 12px;\n  }\n\n  ${scopeSelector} .hic-title-row {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  ${scopeSelector} .hic-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(--hic-status);\n    color: white;\n    box-shadow: 0 10px 30px color-mix(in srgb, var(--hic-status) 32%, transparent);\n  }\n\n  ${scopeSelector} .hic-badge {\n    display: inline-flex;\n    flex-shrink: 0;\n    padding: 2px 6px;\n    border-radius: 999px;\n    background: var(--hic-status);\n    color: white;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n  }\n\n  ${scopeSelector} .hic-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  ${scopeSelector} .hic-actions {\n    display: flex;\n    gap: 4px;\n  }\n\n  ${scopeSelector} .hic-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  ${scopeSelector} .hic-icon-btn svg {\n    display: block;\n    flex-shrink: 0;\n  }\n\n  ${scopeSelector} .hic-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  ${scopeSelector} .hic-icon-btn:hover {\n    background: var(--sdt-bg-hover);\n    color: var(--sdt-text);\n  }\n\n  ${scopeSelector} .hic-body {\n    color: var(--sdt-text-secondary);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  ${scopeSelector} .hic-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  ${scopeSelector} .hic-message-label {\n    color: var(--sdt-text);\n    font-size: 12px;\n    font-weight: 650;\n  }\n\n  ${scopeSelector} .hic-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  ${scopeSelector} .hic-fix-list {\n    margin: 8px 0 0;\n    padding-left: 18px;\n    color: var(--sdt-text);\n    font-size: 13px;\n  }\n\n  ${scopeSelector} .hic-fix-list li + li {\n    margin-top: 4px;\n  }\n\n  ${scopeSelector} .hic-footer {\n    margin-top: 10px;\n    color: var(--sdt-text-tertiary);\n    font-size: 12px;\n  }\n\n  ${scopeSelector} .hic-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    --hic-status: var(--sdt-error);\n    border: 1px solid color-mix(in srgb, var(--hic-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  ${scopeSelector} .hic-pill-warning {\n    --hic-status: var(--sdt-warning);\n  }\n\n  ${scopeSelector} .hic-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(--hic-status);\n    color: white;\n  }\n\n  @media (max-height: 520px) {\n    ${scopeSelector} .hic-backdrop {\n      align-items: flex-start;\n      padding: 12px;\n    }\n\n    ${scopeSelector} .hic-card {\n      width: min(720px, calc(100vw - 24px));\n      max-height: calc(100dvh - 24px);\n    }\n\n    ${scopeSelector} .hic-card-inner {\n      padding: 12px;\n    }\n\n    ${scopeSelector} .hic-header {\n      margin-bottom: 8px;\n    }\n\n    ${scopeSelector} .hic-title {\n      font-size: 16px;\n    }\n\n    ${scopeSelector} .hic-body {\n      font-size: 13px;\n    }\n\n    ${scopeSelector} .hic-message {\n      max-height: max(80px, 24dvh);\n    }\n  }\n`;\n}\n\nexport async 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  });\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 message.\");\n  }\n}\n\n/**\n * A button that copies `getText()` and briefly reports the outcome in its own label. Copying can fail for reasons\n * outside our control (permissions, insecure contexts), so the failure is reported inline instead of being thrown into\n * a click handler where nothing would show it.\n */\nfunction renderCopyButton(options: {\n  variant: \"icon\" | \"text\",\n  title: string,\n  ariaLabel: string,\n  getText: () => string,\n  onCopyError: (error: unknown) => void,\n}): HTMLElement {\n  const idleHtml = options.variant === \"text\" ? `${COPY_ICON_SVG}Copy` : COPY_ICON_SVG;\n  const button = h(\"button\", {\n    className: options.variant === \"text\" ? \"hic-icon-btn hic-text-btn\" : \"hic-icon-btn\",\n    type: \"button\",\n    title: options.title,\n    \"aria-label\": options.ariaLabel,\n    onClick: () => {\n      runAsynchronously(async () => {\n        await copyTextToClipboard(options.getText());\n        button.textContent = options.variant === \"text\" ? \"Copied\" : \"✓\";\n        setTimeout(() => setHtml(button, idleHtml), 1500);\n      }, {\n        noErrorLogging: true,\n        onError: (error) => {\n          options.onCopyError(error);\n          button.textContent = options.variant === \"text\" ? \"Copy failed\" : \"!\";\n          setTimeout(() => setHtml(button, idleHtml), 1500);\n        },\n      });\n    },\n  });\n  setHtml(button, idleHtml);\n  return button;\n}\n\nexport type IssueCardOptions = {\n  kind: IssueCardKind,\n  /** Short uppercase label in the card's badge, eg. \"Config error\". */\n  badge: string,\n  title: string,\n  /** One or two sentences on what this means for the running app. */\n  bodyText: string,\n  messageLabel: string,\n  message: string,\n  /** Concrete steps the developer should take; rendered as a list above the footer. */\n  howToFix?: readonly string[],\n  footerText: string,\n  ariaLabel: string,\n  /** Prompt for the \"copy AI prompt\" button, ie. the message plus enough context for a coding agent to fix it. */\n  aiPrompt: string,\n  onCopyError: (error: unknown) => void,\n  onCopyAiPromptError: (error: unknown) => void,\n  onMinimize: () => void,\n};\n\nexport function renderIssueCard(options: IssueCardOptions): HTMLElement {\n  const logoSpan = h(\"span\", { className: \"hic-logo\" });\n  setHtml(logoSpan, HEXCLAVE_LOGO_SVG);\n\n  return h(\"div\", { className: \"hic-backdrop\" },\n    h(\"div\", { className: options.kind === \"error\" ? \"hic-card\" : \"hic-card hic-card-warning\", role: \"alertdialog\", \"aria-modal\": \"true\", \"aria-label\": options.ariaLabel, tabindex: \"-1\" },\n      h(\"div\", { className: \"hic-card-inner\" },\n        h(\"div\", { className: \"hic-header\" },\n          h(\"div\", { className: \"hic-title-row\" },\n            logoSpan,\n            h(\"div\", null,\n              h(\"span\", { className: \"hic-badge\" }, options.badge),\n              h(\"div\", { className: \"hic-title\" }, options.title),\n            ),\n          ),\n          h(\"div\", { className: \"hic-actions\" },\n            renderCopyButton({\n              variant: \"icon\",\n              title: \"Copy AI prompt\",\n              ariaLabel: `Copy AI prompt for ${options.ariaLabel}`,\n              getText: () => options.aiPrompt,\n              onCopyError: options.onCopyAiPromptError,\n            }),\n            h(\"button\", {\n              className: \"hic-icon-btn\",\n              type: \"button\",\n              title: \"Minimize\",\n              \"aria-label\": `Minimize ${options.ariaLabel}`,\n              onClick: options.onMinimize,\n            }, \"–\"),\n          ),\n        ),\n        h(\"div\", { className: \"hic-body\" },\n          options.bodyText,\n          h(\"div\", { className: \"hic-message-header\" },\n            h(\"div\", { className: \"hic-message-label\" }, options.messageLabel),\n            renderCopyButton({\n              variant: \"text\",\n              title: `Copy ${options.messageLabel.toLowerCase()}`,\n              ariaLabel: `Copy ${options.ariaLabel} message`,\n              getText: () => options.message,\n              onCopyError: options.onCopyError,\n            }),\n          ),\n          h(\"div\", { className: \"hic-message\" }, options.message),\n          options.howToFix == null || options.howToFix.length === 0 ? null : h(\"div\", null,\n            h(\"div\", { className: \"hic-message-header\" },\n              h(\"div\", { className: \"hic-message-label\" }, \"How to fix\"),\n            ),\n            h(\"ul\",\n              { className: \"hic-fix-list\" },\n              ...options.howToFix.map((step) => h(\"li\", null, step)),\n            ),\n          ),\n          h(\"div\", { className: \"hic-footer\" }, options.footerText),\n        ),\n      ),\n    ),\n  );\n}\n\nconst FOCUSABLE_SELECTOR = \"a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])\";\n\nexport type IssueCardFocusTrap = {\n  /**\n   * Whatever had focus before the card first appeared. Callers that rebind the trap to a re-rendered card pass it back\n   * in, so focus still returns to where the developer left it once the card is gone for good.\n   */\n  previouslyFocused: HTMLElement | null,\n  release: (releaseOptions?: { restoreFocus?: boolean }) => void,\n};\n\n/**\n * Keeps keyboard focus inside a mounted card, which claims to be an `aria-modal` alertdialog and therefore has to behave\n * like one: the flow behind the card is dead until the problem is fixed, so tabbing into it would only let a keyboard\n * user wander through a page that cannot work while the card stays invisible to them.\n *\n * Call right after mounting the card, and release the trap when the card is minimized, replaced or removed. Releasing\n * hands focus back to `previouslyFocused` unless `restoreFocus: false` is passed, which is what a caller that is about\n * to rebind the trap to a freshly rendered card wants.\n */\nexport function trapFocusInIssueCard(cardRoot: HTMLElement, options: {\n  moveFocusIntoCard?: boolean,\n  previouslyFocused?: HTMLElement | null,\n} = {}): IssueCardFocusTrap {\n  const previouslyFocused = options.previouslyFocused !== undefined\n    ? options.previouslyFocused\n    : document.activeElement instanceof HTMLElement ? document.activeElement : null;\n  const card = cardRoot.querySelector(\".hic-card\");\n  if (!(card instanceof HTMLElement)) return { previouslyFocused, release: () => {} };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== \"Tab\") return;\n    const focusable = [...card.querySelectorAll(FOCUSABLE_SELECTOR)].filter((element): element is HTMLElement => element instanceof HTMLElement);\n    const first = focusable[0] ?? card;\n    const last = focusable[focusable.length - 1] ?? card;\n    const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n\n    let target: HTMLElement | null = null;\n    if (active == null || !card.contains(active)) {\n      // Focus is outside the card (the page moved it, or it never got in): pull it back to the card's near end.\n      target = event.shiftKey ? last : first;\n    } else if (active === last && !event.shiftKey) {\n      target = first;\n    } else if (active === first && event.shiftKey) {\n      target = last;\n    }\n    if (target == null) return;\n    event.preventDefault();\n    target.focus();\n  };\n\n  document.addEventListener(\"keydown\", onKeyDown, true);\n  if (options.moveFocusIntoCard !== false) {\n    card.focus();\n  }\n\n  return {\n    previouslyFocused,\n    release: (releaseOptions) => {\n      document.removeEventListener(\"keydown\", onKeyDown, true);\n      if (releaseOptions?.restoreFocus === false) return;\n      if (previouslyFocused != null && previouslyFocused.isConnected) {\n        previouslyFocused.focus();\n      }\n    },\n  };\n}\n\nexport function renderIssuePill(options: {\n  kind: IssueCardKind,\n  label: string,\n  ariaLabel: string,\n  onClick: () => void,\n}): HTMLElement {\n  const logoSpan = h(\"span\", { className: \"hic-pill-logo\" });\n  setHtml(logoSpan, HEXCLAVE_LOGO_SVG);\n  return h(\"button\", {\n    className: options.kind === \"error\" ? \"hic-pill\" : \"hic-pill hic-pill-warning\",\n    type: \"button\",\n    \"aria-label\": options.ariaLabel,\n    onClick: options.onClick,\n  },\n    logoSpan,\n    h(\"span\", null, options.label),\n  );\n}\n"],"mappings":"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"}

package/dist/esm/in-page-ui/issue-card.test.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/esm/in-page-ui/issue-card.test.js

@@ -0,0 +1,60 @@
+import { afterEach, describe, expect, it } from "vitest";
+import { renderIssueCard, trapFocusInIssueCard } from "./issue-card.js";
+//#region src/in-page-ui/issue-card.test.ts
+// @vitest-environment jsdom
+function mountCard() {
+	const root = document.body.appendChild(document.createElement("div"));
+	root.appendChild(renderIssueCard({
+		kind: "error",
+		badge: "Config error",
+		title: "Something is misconfigured",
+		bodyText: "Body",
+		messageLabel: "Error message",
+		message: "Message",
+		footerText: "Footer",
+		ariaLabel: "Hexclave config error",
+		aiPrompt: "prompt",
+		onCopyError: () => {},
+		onCopyAiPromptError: () => {},
+		onMinimize: () => {}
+	}));
+	return root;
+}
+function pressTab() {
+	document.dispatchEvent(new KeyboardEvent("keydown", {
+		key: "Tab",
+		bubbles: true,
+		cancelable: true
+	}));
+}
+function cardButtons(root) {
+	return [...root.querySelectorAll(".hic-card button")];
+}
+describe("issue card focus trap", () => {
+	afterEach(() => {
+		document.body.replaceChildren();
+	});
+	it("follows a re-rendered card without moving focus or losing the original focus owner", () => {
+		const pageButton = document.body.appendChild(document.createElement("button"));
+		pageButton.focus();
+		const firstRoot = mountCard();
+		const firstTrap = trapFocusInIssueCard(firstRoot);
+		expect(document.activeElement).toBe(firstRoot.querySelector(".hic-card"));
+		firstRoot.remove();
+		const secondRoot = mountCard();
+		firstTrap.release({ restoreFocus: false });
+		const secondTrap = trapFocusInIssueCard(secondRoot, {
+			moveFocusIntoCard: false,
+			previouslyFocused: firstTrap.previouslyFocused
+		});
+		expect(document.activeElement).not.toBe(secondRoot.querySelector(".hic-card"));
+		pressTab();
+		expect(document.activeElement).toBe(cardButtons(secondRoot)[0]);
+		secondTrap.release();
+		expect(document.activeElement).toBe(pageButton);
+	});
+});
+//#endregion
+export {};
+
+//# sourceMappingURL=issue-card.test.js.map

package/dist/esm/in-page-ui/issue-card.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-card.test.js","names":[],"sources":["../../../src/in-page-ui/issue-card.test.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// @vitest-environment jsdom\n\nimport { afterEach, describe, expect, it } from \"vitest\";\nimport { renderIssueCard, trapFocusInIssueCard } from \"./issue-card\";\n\nfunction mountCard(): HTMLElement {\n  const root = document.body.appendChild(document.createElement(\"div\"));\n  root.appendChild(renderIssueCard({\n    kind: \"error\",\n    badge: \"Config error\",\n    title: \"Something is misconfigured\",\n    bodyText: \"Body\",\n    messageLabel: \"Error message\",\n    message: \"Message\",\n    footerText: \"Footer\",\n    ariaLabel: \"Hexclave config error\",\n    aiPrompt: \"prompt\",\n    onCopyError: () => {},\n    onCopyAiPromptError: () => {},\n    onMinimize: () => {},\n  }));\n  return root;\n}\n\nfunction pressTab() {\n  document.dispatchEvent(new KeyboardEvent(\"keydown\", { key: \"Tab\", bubbles: true, cancelable: true }));\n}\n\nfunction cardButtons(root: HTMLElement): HTMLButtonElement[] {\n  return [...root.querySelectorAll<HTMLButtonElement>(\".hic-card button\")];\n}\n\ndescribe(\"issue card focus trap\", () => {\n  afterEach(() => {\n    document.body.replaceChildren();\n  });\n\n  it(\"follows a re-rendered card without moving focus or losing the original focus owner\", () => {\n    const pageButton = document.body.appendChild(document.createElement(\"button\"));\n    pageButton.focus();\n\n    const firstRoot = mountCard();\n    const firstTrap = trapFocusInIssueCard(firstRoot);\n    expect(document.activeElement).toBe(firstRoot.querySelector(\".hic-card\"));\n\n    // What the pushed-config overlay does on every poll: throw the rendered card away and render a fresh one.\n    firstRoot.remove();\n    const secondRoot = mountCard();\n    firstTrap.release({ restoreFocus: false });\n    const secondTrap = trapFocusInIssueCard(secondRoot, {\n      moveFocusIntoCard: false,\n      previouslyFocused: firstTrap.previouslyFocused,\n    });\n    expect(document.activeElement).not.toBe(secondRoot.querySelector(\".hic-card\"));\n\n    // The trap now belongs to the visible card, so Tab lands inside it instead of inside the detached one.\n    pressTab();\n    expect(document.activeElement).toBe(cardButtons(secondRoot)[0]);\n\n    secondTrap.release();\n    expect(document.activeElement).toBe(pageButton);\n  });\n});\n"],"mappings":";;;;AASA,SAAS,YAAyB;CAChC,MAAM,OAAO,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;CACpE,KAAK,YAAY,gBAAgB;EAC/B,MAAM;EACN,OAAO;EACP,OAAO;EACP,UAAU;EACV,cAAc;EACd,SAAS;EACT,YAAY;EACZ,WAAW;EACX,UAAU;EACV,mBAAmB,CAAC;EACpB,2BAA2B,CAAC;EAC5B,kBAAkB,CAAC;CACrB,CAAC,CAAC;CACF,OAAO;AACT;AAEA,SAAS,WAAW;CAClB,SAAS,cAAc,IAAI,cAAc,WAAW;EAAE,KAAK;EAAO,SAAS;EAAM,YAAY;CAAK,CAAC,CAAC;AACtG;AAEA,SAAS,YAAY,MAAwC;CAC3D,OAAO,CAAC,GAAG,KAAK,iBAAoC,kBAAkB,CAAC;AACzE;AAEA,SAAS,+BAA+B;CACtC,gBAAgB;EACd,SAAS,KAAK,gBAAgB;CAChC,CAAC;CAED,GAAG,4FAA4F;EAC7F,MAAM,aAAa,SAAS,KAAK,YAAY,SAAS,cAAc,QAAQ,CAAC;EAC7E,WAAW,MAAM;EAEjB,MAAM,YAAY,UAAU;EAC5B,MAAM,YAAY,qBAAqB,SAAS;EAChD,OAAO,SAAS,aAAa,CAAC,CAAC,KAAK,UAAU,cAAc,WAAW,CAAC;EAGxE,UAAU,OAAO;EACjB,MAAM,aAAa,UAAU;EAC7B,UAAU,QAAQ,EAAE,cAAc,MAAM,CAAC;EACzC,MAAM,aAAa,qBAAqB,YAAY;GAClD,mBAAmB;GACnB,mBAAmB,UAAU;EAC/B,CAAC;EACD,OAAO,SAAS,aAAa,CAAC,CAAC,IAAI,KAAK,WAAW,cAAc,WAAW,CAAC;EAG7E,SAAS;EACT,OAAO,SAAS,aAAa,CAAC,CAAC,KAAK,YAAY,UAAU,CAAC,CAAC,EAAE;EAE9D,WAAW,QAAQ;EACnB,OAAO,SAAS,aAAa,CAAC,CAAC,KAAK,UAAU;CAChD,CAAC;AACH,CAAC"}

package/dist/esm/in-page-ui/logo.d.ts

@@ -0,0 +1,5 @@
+//#region src/in-page-ui/logo.d.ts
+declare 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>";
+//#endregion
+export { HEXCLAVE_LOGO_SVG };
+//# sourceMappingURL=logo.d.ts.map

package/dist/esm/in-page-ui/logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.d.ts","names":[],"sources":["../../../src/in-page-ui/logo.ts"],"mappings":";cAOa,iBAAA"}

package/dist/esm/in-page-ui/logo.js

@@ -0,0 +1,6 @@
+//#region src/in-page-ui/logo.ts
+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>";
+//#endregion
+export { HEXCLAVE_LOGO_SVG };
+
+//# sourceMappingURL=logo.js.map

package/dist/esm/in-page-ui/logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.js","names":[],"sources":["../../../src/in-page-ui/logo.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// Hexclave mark — hexagon outline with three radial bars, monochrome via currentColor so it inherits the surrounding\n// text color. Sourced from apps/dashboard/public/hexclave-icon.svg (gradient + glow stripped; this is a tiny glyph, not\n// the full brand mark). Shared by every in-page UI so the mark cannot drift between them.\nexport 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>';\n"],"mappings":";AAOA,MAAa,oBAAoB"}

package/dist/esm/lib/hexclave-app/apps/implementations/admin-app-impl.d.ts

@@ -205,7 +205,7 @@ declare class _HexclaveAdminAppImplIncomplete<HasTokenStore extends boolean, Pro
     } & {
       uniqueIdentifier: string;
     };
-    setCurrentUser: (userJsonPromise: Promise<import("@hexclave/shared/dist/current-user-Bl7jYJkM").t["Client"]["Read"] | null>) => void;
+    setCurrentUser: (userJsonPromise: Promise<import("@hexclave/shared/dist/current-user-BO0U7S87").t["Client"]["Read"] | null>) => void;
     getConstructorOptions: () => {
       baseUrl?: string | {
         browser: string;
@@ -238,11 +238,11 @@ declare class _HexclaveAdminAppImplIncomplete<HasTokenStore extends boolean, Pro
     sendAnalyticsEventBatch: (body: string, options: {
       keepalive: boolean;
     }) => Promise<Result<Response, Error>>;
-    addRequestListener: (listener: import("@hexclave/shared/dist/client-interface-BQEBPXaB").r) => () => void;
+    addRequestListener: (listener: import("@hexclave/shared/dist/client-interface-D3ro3nO_").r) => () => void;
     sendRequest: (path: string, requestOptions: RequestInit, requestType?: "client" | "server" | "admin") => Promise<Response & {
       usedTokens: {
-        accessToken: import("@hexclave/shared/dist/sessions-BWIesh9G").t;
-        refreshToken: import("@hexclave/shared/dist/sessions-BWIesh9G").i | null;
+        accessToken: import("@hexclave/shared/dist/sessions-CljaxQdd").t;
+        refreshToken: import("@hexclave/shared/dist/sessions-CljaxQdd").i | null;
       } | null;
     }>;
     getUrls: () => Readonly<import("@hexclave/shared/dist/handler-urls-BHt3v8Ai").s>;