@hexclave/next 1.0.14 → 1.0.16

package/dist/dev-tool/dev-tool-core.js

@@ -1,6 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../chunk-BE-pF4vm.js');
+let _hexclave_shared_dist_utils_dev_tool = require("@hexclave/shared/dist/utils/dev-tool");
 let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+let ___in_page_ui_dom_js = require("../in-page-ui/dom.js");
 let ___lib_hexclave_app_common_js = require("../lib/hexclave-app/common.js");
 let _hexclave_shared_dist_utils_urls = require("@hexclave/shared/dist/utils/urls");
 let ___lib_hexclave_app_url_targets_js = require("../lib/hexclave-app/url-targets.js");
@@ -12,7 +14,7 @@ let __dev_tool_trigger_position_js = require("./dev-tool-trigger-position.js");
 //#region src/dev-tool/dev-tool-core.ts
 const STORAGE_KEY = "__hexclave-dev-tool-state";
 const TRIGGER_POS_KEY = "hexclave-devtool-trigger-position";
-const ROOT_ID = "__hexclave-dev-tool-root";
+const ROOT_ID = _hexclave_shared_dist_utils_dev_tool.DEV_TOOL_ROOT_ID;
 const GLOBAL_INSTANCE_KEY = "__hexclave-dev-tool-instance";
 const MAX_LOG_ENTRIES = 500;
 const CONSOLE_LOG_BATCH_SIZE = 100;
@@ -102,19 +104,6 @@ function createStateStore() {
 		}
 	};
 }
-function isDevToolGlobalInstance(value) {
-	return typeof value === "object" && value !== null && typeof Reflect.get(value, "cleanup") === "function";
-}
-function getGlobalDevToolInstance() {
-	if (typeof window === "undefined") return null;
-	const value = Reflect.get(window, GLOBAL_INSTANCE_KEY);
-	return isDevToolGlobalInstance(value) ? value : null;
-}
-function setGlobalDevToolInstance(instance) {
-	if (typeof window === "undefined") return;
-	if (instance === null) Reflect.deleteProperty(window, GLOBAL_INSTANCE_KEY);
-	else Reflect.set(window, GLOBAL_INSTANCE_KEY, instance);
-}
 function getGlobalLogStore() {
 	const g = globalThis;
 	if (!g.__STACK_DEV_TOOL_LOG_STORE__) g.__STACK_DEV_TOOL_LOG_STORE__ = {
@@ -194,27 +183,6 @@ function generateRandomEmail() {
 	for (let i = 0; i < 8; i++) id += chars[Math.floor(Math.random() * 36)];
 	return `dev-${id}@test.hexclave.com`;
 }
-function h(tag, attrs, ...children) {
-	const el = document.createElement(tag);
-	if (attrs) for (const [k, v] of Object.entries(attrs)) {
-		if (v == null) continue;
-		if (k === "className") el.className = v;
-		else if (k === "style" && typeof v === "object") Object.assign(el.style, v);
-		else if (k.startsWith("on") && typeof v === "function") el.addEventListener(k.slice(2).toLowerCase(), v);
-		else el.setAttribute(k, String(v));
-	}
-	for (const child of children) {
-		if (child == null) continue;
-		el.appendChild(typeof child === "string" ? document.createTextNode(child) : child);
-	}
-	return el;
-}
-function setHtml(el, html) {
-	el.innerHTML = html;
-}
-function hasAppendChild(value) {
-	return typeof value === "object" && value !== null && typeof Reflect.get(value, "appendChild") === "function";
-}
 function appendInlineMarkdown(container, text) {
 	const tokenPattern = /(\[[^\]]+\]\([^)]+\)|`[^`\n]+`|\*\*[^*\n]+\*\*|__[^_\n]+__|\*[^*\n]+\*|_[^_\n]+_)/g;
 	let lastIndex = 0;
@@ -222,13 +190,13 @@ function appendInlineMarkdown(container, text) {
 	while ((match = tokenPattern.exec(text)) !== null) {
 		if (match.index > lastIndex) container.appendChild(document.createTextNode(text.slice(lastIndex, match.index)));
 		const token = match[0];
-		if (token.startsWith("`")) container.appendChild(h("code", { className: "sdt-ai-inline-code" }, token.slice(1, -1)));
+		if (token.startsWith("`")) container.appendChild((0, ___in_page_ui_dom_js.h)("code", { className: "sdt-ai-inline-code" }, token.slice(1, -1)));
 		else if (token.startsWith("**") || token.startsWith("__")) {
-			const bold = h("strong", { className: "sdt-ai-bold" });
+			const bold = (0, ___in_page_ui_dom_js.h)("strong", { className: "sdt-ai-bold" });
 			appendInlineMarkdown(bold, token.slice(2, -2));
 			container.appendChild(bold);
 		} else if (token.startsWith("*") || token.startsWith("_")) {
-			const italic = h("em");
+			const italic = (0, ___in_page_ui_dom_js.h)("em");
 			appendInlineMarkdown(italic, token.slice(1, -1));
 			container.appendChild(italic);
 		} else {
@@ -237,7 +205,7 @@ function appendInlineMarkdown(container, text) {
 				const [, linkText, href] = linkMatch;
 				const trimmedHref = href.trim();
 				if (/^(https?:\/\/|mailto:)/i.test(trimmedHref)) {
-					const link = h("a", {
+					const link = (0, ___in_page_ui_dom_js.h)("a", {
 						className: "sdt-ai-link",
 						href: trimmedHref,
 						target: "_blank",
@@ -319,14 +287,14 @@ function createTrigger(onClick) {
 		btn.style.left = pos.left + "px";
 		btn.style.top = pos.top + "px";
 	}
-	const btn = h("button", {
+	const btn = (0, ___in_page_ui_dom_js.h)("button", {
 		className: "sdt-trigger",
 		"aria-label": "Toggle Hexclave Dev Tools",
 		"data-hexclave-devtool-trigger": "true",
 		title: "Hexclave Dev Tools"
 	});
-	const logoSpan = h("span", { className: "sdt-trigger-logo" });
-	setHtml(logoSpan, HEXCLAVE_LOGO_SVG);
+	const logoSpan = (0, ___in_page_ui_dom_js.h)("span", { className: "sdt-trigger-logo" });
+	(0, ___in_page_ui_dom_js.setHtml)(logoSpan, HEXCLAVE_LOGO_SVG);
 	btn.appendChild(logoSpan);
 	let placement = loadPlacement() ?? { corner: "bottom-right" };
 	let pos = (0, __dev_tool_trigger_position_js.resolveTriggerPosition)(placement, triggerSize, {
@@ -413,21 +381,21 @@ function createTabBar(tabs, activeTab, onTabChange, opts) {
 	const barClass = variant === "pills" ? "sdt-console-tabs" : "sdt-tabbar";
 	const tabClass = variant === "pills" ? "sdt-console-tab" : "sdt-tab";
 	const indicatorClass = variant === "pills" ? "sdt-console-tab-indicator" : "sdt-tab-indicator";
-	const bar = h("div", { className: barClass });
-	const indicator = h("div", { className: indicatorClass });
+	const bar = (0, ___in_page_ui_dom_js.h)("div", { className: barClass });
+	const indicator = (0, ___in_page_ui_dom_js.h)("div", { className: indicatorClass });
 	indicator.style.opacity = "0";
 	bar.appendChild(indicator);
 	let current = activeTab;
 	let isInitial = true;
 	const buttons = tabs.map((tab) => {
-		const btn = h("button", {
+		const btn = (0, ___in_page_ui_dom_js.h)("button", {
 			className: tabClass,
 			"data-tab-id": tab.id,
 			"data-active": String(tab.id === activeTab)
 		});
 		if (tab.icon) {
-			const iconSpan = h("span", { className: "sdt-tab-icon" });
-			setHtml(iconSpan, tab.icon);
+			const iconSpan = (0, ___in_page_ui_dom_js.h)("span", { className: "sdt-tab-icon" });
+			(0, ___in_page_ui_dom_js.setHtml)(iconSpan, tab.icon);
 			btn.appendChild(iconSpan);
 		}
 		btn.appendChild(document.createTextNode(tab.label));
@@ -435,7 +403,7 @@ function createTabBar(tabs, activeTab, onTabChange, opts) {
 		bar.appendChild(btn);
 		return btn;
 	});
-	if (variant === "bar") bar.appendChild(h("div", { className: "sdt-tabbar-spacer" }));
+	if (variant === "bar") bar.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-tabbar-spacer" }));
 	if (opts?.trailing) bar.appendChild(opts.trailing);
 	function measure() {
 		const btn = bar.querySelector(`[data-tab-id="${current}"]`);
@@ -463,14 +431,14 @@ function createTabBar(tabs, activeTab, onTabChange, opts) {
 	};
 }
 function createIframeTab(src, title, loadingMsg = "Loading…", errorMsg = "Unable to load content", errorDetail, openExternallyLabel) {
-	const container = h("div", { className: "sdt-iframe-container" });
-	if (openExternallyLabel != null) container.appendChild(h("div", { className: "sdt-iframe-toolbar" }, h("a", {
+	const container = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-iframe-container" });
+	if (openExternallyLabel != null) container.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-iframe-toolbar" }, (0, ___in_page_ui_dom_js.h)("a", {
 		href: src,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		className: "sdt-iframe-open-link"
 	}, openExternallyLabel)));
-	const loadingEl = h("div", { className: "sdt-iframe-loading" }, loadingMsg);
+	const loadingEl = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-iframe-loading" }, loadingMsg);
 	container.appendChild(loadingEl);
 	const iframe = document.createElement("iframe");
 	iframe.src = src;
@@ -484,18 +452,18 @@ function createIframeTab(src, title, loadingMsg = "Loading…", errorMsg = "Unab
 	iframe.addEventListener("error", () => {
 		loadingEl.style.display = "none";
 		container.innerHTML = "";
-		const errDiv = h("div", { className: "sdt-iframe-error" });
-		errDiv.appendChild(h("div", null, errorMsg));
-		if (errorDetail) errDiv.appendChild(h("div", { style: {
+		const errDiv = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-iframe-error" });
+		errDiv.appendChild((0, ___in_page_ui_dom_js.h)("div", null, errorMsg));
+		if (errorDetail) errDiv.appendChild((0, ___in_page_ui_dom_js.h)("div", { style: {
 			fontSize: "12px",
 			color: "var(--sdt-text-tertiary)"
 		} }, errorDetail));
-		const retryBtn = h("button", { className: "sdt-iframe-error-btn" }, "Retry");
+		const retryBtn = (0, ___in_page_ui_dom_js.h)("button", { className: "sdt-iframe-error-btn" }, "Retry");
 		retryBtn.addEventListener("click", () => {
 			container.replaceWith(createIframeTab(src, title, loadingMsg, errorMsg, errorDetail, openExternallyLabel));
 		});
 		errDiv.appendChild(retryBtn);
-		const link = h("a", {
+		const link = (0, ___in_page_ui_dom_js.h)("a", {
 			href: src,
 			target: "_blank",
 			rel: "noopener noreferrer",
@@ -511,34 +479,38 @@ function createIframeTab(src, title, loadingMsg = "Loading…", errorMsg = "Unab
 	container.appendChild(iframe);
 	return container;
 }
+function hasPersistentTokenStoreForDevTool(app) {
+	return app[___lib_hexclave_app_common_js.hexclaveAppInternalsSymbol].getConstructorOptions().tokenStore !== null;
+}
 function createOverviewTab(app) {
-	const container = h("div", { className: "sdt-ov" });
-	const heroCard = h("div", { className: "sdt-ov-card sdt-ov-card-hero" });
-	heroCard.appendChild(h("div", { className: "sdt-ov-label" }, "Identity"));
-	const userRow = h("div", { className: "sdt-ov-user-row" });
-	const avatar = h("div", { className: "sdt-ov-avatar" }, "?");
-	const userMeta = h("div", { className: "sdt-ov-user-meta" });
-	const userName = h("div", { className: "sdt-ov-user-name" }, "Loading…");
-	const userEmail = h("div", { className: "sdt-ov-user-email" }, "");
-	const authIndicator = h("div", {
+	const container = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov" });
+	const hasPersistentTokenStore = hasPersistentTokenStoreForDevTool(app);
+	const heroCard = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-card sdt-ov-card-hero" });
+	heroCard.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-label" }, "Identity"));
+	const userRow = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-user-row" });
+	const avatar = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-avatar" }, "?");
+	const userMeta = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-user-meta" });
+	const userName = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-user-name" }, "Loading…");
+	const userEmail = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-user-email" }, "");
+	const authIndicator = (0, ___in_page_ui_dom_js.h)("div", {
 		className: "sdt-ov-auth-indicator",
 		style: { display: "none" }
 	}, "Authenticated");
 	userMeta.append(userName, userEmail, authIndicator);
 	userRow.append(avatar, userMeta);
 	heroCard.appendChild(userRow);
-	const actions = h("div", { className: "sdt-ov-actions" });
-	const toast = h("div", {
+	const actions = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-actions" });
+	const toast = (0, ___in_page_ui_dom_js.h)("div", {
 		className: "sdt-ov-toast",
 		style: { display: "none" }
 	});
-	const emailRow = h("div", { className: "sdt-ov-email-input" });
-	const emailInput = h("input", {
+	const emailRow = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-email-input" });
+	const emailInput = (0, ___in_page_ui_dom_js.h)("input", {
 		type: "email",
 		placeholder: "Sign in as email…"
 	});
-	const emailBtn = h("button", null);
-	setHtml(emailBtn, "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>");
+	const emailBtn = (0, ___in_page_ui_dom_js.h)("button", null);
+	(0, ___in_page_ui_dom_js.setHtml)(emailBtn, "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>");
 	emailRow.append(emailInput, emailBtn);
 	function isBestEffortOverviewError(error) {
 		if (error instanceof DOMException && error.name === "AbortError") return true;
@@ -558,8 +530,17 @@ function createOverviewTab(app) {
 	let loading = false;
 	function rebuildActions() {
 		actions.innerHTML = "";
+		if (!hasPersistentTokenStore) {
+			userName.textContent = "Current user unavailable";
+			userEmail.textContent = "This app was initialized without a token store";
+			actions.appendChild((0, ___in_page_ui_dom_js.h)("button", {
+				className: "sdt-ov-btn sdt-ov-btn-wide",
+				disabled: "true"
+			}, "Session actions unavailable"));
+			return;
+		}
 		if (currentUser) {
-			const signOutBtn = h("button", { className: "sdt-ov-btn sdt-ov-btn-danger" }, "Sign Out");
+			const signOutBtn = (0, ___in_page_ui_dom_js.h)("button", { className: "sdt-ov-btn sdt-ov-btn-danger" }, "Sign Out");
 			signOutBtn.disabled = loading;
 			signOutBtn.addEventListener("click", () => {
 				(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(async () => {
@@ -575,14 +556,14 @@ function createOverviewTab(app) {
 					await refreshUser();
 				});
 			});
-			const randomBtn = h("button", { className: "sdt-ov-btn sdt-ov-btn-primary" }, "Random User");
+			const randomBtn = (0, ___in_page_ui_dom_js.h)("button", { className: "sdt-ov-btn sdt-ov-btn-primary" }, "Random User");
 			randomBtn.disabled = loading;
 			randomBtn.addEventListener("click", () => {
 				(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(doQuickSignIn());
 			});
 			actions.append(signOutBtn, randomBtn);
 		} else {
-			const quickBtn = h("button", { className: "sdt-ov-btn sdt-ov-btn-primary sdt-ov-btn-wide" }, loading ? "Working…" : "Quick Sign In");
+			const quickBtn = (0, ___in_page_ui_dom_js.h)("button", { className: "sdt-ov-btn sdt-ov-btn-primary sdt-ov-btn-wide" }, loading ? "Working…" : "Quick Sign In");
 			quickBtn.disabled = loading;
 			quickBtn.addEventListener("click", () => {
 				(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(doQuickSignIn());
@@ -680,10 +661,10 @@ function createOverviewTab(app) {
 		if (e.key === "Enter") (0, _hexclave_shared_dist_utils_promises.runAsynchronously)(doSignInAs(emailInput.value));
 	});
 	heroCard.append(actions, toast);
-	const methodsCard = h("div", { className: "sdt-ov-card sdt-ov-card-auth" });
-	methodsCard.appendChild(h("div", { className: "sdt-ov-label" }, "Auth Methods"));
-	const authGrid = h("div", { className: "sdt-ov-auth-grid" });
-	for (let i = 0; i < 3; i++) authGrid.appendChild(h("div", { className: "sdt-ov-method sdt-ov-skeleton-pill" }));
+	const methodsCard = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-card sdt-ov-card-auth" });
+	methodsCard.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-label" }, "Auth Methods"));
+	const authGrid = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-auth-grid" });
+	for (let i = 0; i < 3; i++) authGrid.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-method sdt-ov-skeleton-pill" }));
 	methodsCard.appendChild(authGrid);
 	let hasActiveAuthMethod = null;
 	async function loadAuthMethods() {
@@ -707,18 +688,18 @@ function createOverviewTab(app) {
 				}
 			];
 			for (const m of methods) {
-				const pill = h("div", { className: `sdt-ov-method ${m.enabled ? "sdt-ov-method-on" : "sdt-ov-method-off"}` });
-				pill.appendChild(h("span", { className: "sdt-ov-method-name" }, m.label));
+				const pill = (0, ___in_page_ui_dom_js.h)("div", { className: `sdt-ov-method ${m.enabled ? "sdt-ov-method-on" : "sdt-ov-method-off"}` });
+				pill.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-ov-method-name" }, m.label));
 				authGrid.appendChild(pill);
 			}
 			for (const p of config.oauthProviders) {
-				const pill = h("div", { className: "sdt-ov-method sdt-ov-method-on sdt-ov-method-oauth" });
-				pill.appendChild(h("span", { className: "sdt-ov-method-name" }, p.id));
+				const pill = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-method sdt-ov-method-on sdt-ov-method-oauth" });
+				pill.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-ov-method-name" }, p.id));
 				authGrid.appendChild(pill);
 			}
 			if (!config.signUpEnabled) {
-				const pill = h("div", { className: "sdt-ov-method sdt-ov-method-warn" });
-				pill.appendChild(h("span", { className: "sdt-ov-method-name" }, "Sign-up off"));
+				const pill = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-method sdt-ov-method-warn" });
+				pill.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-ov-method-name" }, "Sign-up off"));
 				authGrid.appendChild(pill);
 			}
 			buildChecklist();
@@ -730,7 +711,7 @@ function createOverviewTab(app) {
 		}
 	}
 	(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(loadAuthMethods());
-	const checksCard = h("div", { className: "sdt-ov-card sdt-ov-card-checks" });
+	const checksCard = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-card sdt-ov-card-checks" });
 	const projectId = app.projectId;
 	let checksCardMounted = false;
 	function buildChecklist() {
@@ -746,10 +727,14 @@ function createOverviewTab(app) {
 				label: "Auth method active",
 				hint: hasActiveAuthMethod === null ? "Still checking project config" : null
 			},
-			{
+			hasPersistentTokenStore ? {
 				ok: !!currentUser,
 				label: "Sign in a test user",
 				hint: "Use “Quick Sign In” above →"
+			} : {
+				ok: true,
+				label: "Current-user tools unavailable",
+				hint: null
 			}
 		];
 		const passCount = checks.filter((c) => c.ok).length;
@@ -764,31 +749,42 @@ function createOverviewTab(app) {
 			container.appendChild(checksCard);
 			checksCardMounted = true;
 		}
-		const titleRow = h("div", { className: "sdt-ov-checks-header" });
-		const titleLabel = h("div", {
+		const titleRow = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-checks-header" });
+		const titleLabel = (0, ___in_page_ui_dom_js.h)("div", {
 			className: "sdt-ov-label",
 			style: {
 				marginBottom: "0",
 				color: "var(--sdt-warning)"
 			}
 		}, "Setup");
-		const badge = h("span", { className: "sdt-ov-checks-badge sdt-ov-checks-badge-warn" }, `${passCount}\u200a/\u200a${checks.length}`);
+		const badge = (0, ___in_page_ui_dom_js.h)("span", { className: "sdt-ov-checks-badge sdt-ov-checks-badge-warn" }, `${passCount}\u200a/\u200a${checks.length}`);
 		titleRow.append(titleLabel, badge);
 		checksCard.appendChild(titleRow);
-		const bar = h("div", { className: "sdt-ov-checks-bar" });
-		const fill = h("div", { className: "sdt-ov-checks-bar-fill" });
+		const bar = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-checks-bar" });
+		const fill = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-checks-bar-fill" });
 		fill.style.width = `${passCount / checks.length * 100}%`;
 		bar.appendChild(fill);
 		checksCard.appendChild(bar);
 		for (const c of checks) {
-			const row = h("div", { className: "sdt-ov-setup-row" });
-			row.appendChild(h("span", { className: `sdt-ov-setup-dot ${c.ok ? "sdt-ov-setup-dot-ok" : "sdt-ov-setup-dot-warn"}` }));
-			row.appendChild(h("span", { className: "sdt-ov-setup-label" }, c.label));
-			if (!c.ok && c.hint) row.appendChild(h("span", { className: "sdt-ov-setup-hint" }, c.hint));
+			const row = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ov-setup-row" });
+			row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: `sdt-ov-setup-dot ${c.ok ? "sdt-ov-setup-dot-ok" : "sdt-ov-setup-dot-warn"}` }));
+			row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-ov-setup-label" }, c.label));
+			if (!c.ok && c.hint) row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-ov-setup-hint" }, c.hint));
 			checksCard.appendChild(row);
 		}
 	}
 	async function refreshUser() {
+		if (!hasPersistentTokenStore) {
+			avatar.className = "sdt-ov-avatar";
+			avatar.textContent = "?";
+			userName.textContent = "Current user unavailable";
+			userEmail.textContent = "This app was initialized without a token store";
+			authIndicator.style.display = "none";
+			currentUser = null;
+			rebuildActions();
+			buildChecklist();
+			return;
+		}
 		try {
 			currentUser = await app.getUser();
 			if (currentUser) {
@@ -830,31 +826,31 @@ function createOverviewTab(app) {
 	};
 }
 function createConsoleTab(logStore) {
-	const container = h("div", { className: "sdt-console-panel" });
+	const container = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-console-panel" });
 	const EVENT_TYPE_STYLES = {
 		"error": "sdt-badge-error",
 		"info": "sdt-badge-info"
 	};
-	const title = h("div", { className: "sdt-console-title" }, "Logs");
-	const actions = h("div", { className: "sdt-console-actions" });
-	const copyBtn = h("button", {
+	const title = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-console-title" }, "Logs");
+	const actions = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-console-actions" });
+	const copyBtn = (0, ___in_page_ui_dom_js.h)("button", {
 		className: "sdt-console-action-btn",
 		title: "Copy logs"
 	});
-	setHtml(copyBtn, "<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>Copy");
-	const exportBtn = h("button", {
+	(0, ___in_page_ui_dom_js.setHtml)(copyBtn, "<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>Copy");
+	const exportBtn = (0, ___in_page_ui_dom_js.h)("button", {
 		className: "sdt-console-action-btn",
 		title: "Export logs"
 	});
-	setHtml(exportBtn, "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>Export");
-	const clearBtn = h("button", {
+	(0, ___in_page_ui_dom_js.setHtml)(exportBtn, "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>Export");
+	const clearBtn = (0, ___in_page_ui_dom_js.h)("button", {
 		className: "sdt-console-action-btn",
 		title: "Clear logs"
 	});
-	setHtml(clearBtn, "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 6 5 6 21 6\"/><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/><path d=\"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\"/></svg>Clear");
+	(0, ___in_page_ui_dom_js.setHtml)(clearBtn, "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 6 5 6 21 6\"/><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/><path d=\"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\"/></svg>Clear");
 	actions.append(copyBtn, exportBtn, clearBtn);
-	container.appendChild(h("div", { className: "sdt-console-header" }, title, actions));
-	const contentArea = h("div", { className: "sdt-console-log-scroll sdt-tab-content-fade" });
+	container.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-console-header" }, title, actions));
+	const contentArea = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-console-log-scroll sdt-tab-content-fade" });
 	container.appendChild(contentArea);
 	let visibleLogCount = CONSOLE_LOG_BATCH_SIZE;
 	function getMergedLogs() {
@@ -889,19 +885,19 @@ function createConsoleTab(logStore) {
 	function renderLogItem(item) {
 		if (item.kind === "api") {
 			const log = item.entry;
-			const row = h("div", { className: "sdt-log-item" });
-			row.appendChild(h("span", { className: "sdt-log-time" }, formatTimestamp(log.timestamp)));
-			row.appendChild(h("span", { className: `sdt-log-method sdt-log-method-${log.method.toLowerCase()}` }, log.method));
-			row.appendChild(h("span", { className: "sdt-log-url" }, log.url));
-			if (log.status !== void 0) row.appendChild(h("span", { className: `sdt-log-status ${log.status < 400 ? "sdt-log-status-ok" : "sdt-log-status-err"}` }, String(log.status)));
-			if (log.duration !== void 0) row.appendChild(h("span", { className: "sdt-log-time" }, log.duration + "ms"));
+			const row = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-log-item" });
+			row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-log-time" }, formatTimestamp(log.timestamp)));
+			row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: `sdt-log-method sdt-log-method-${log.method.toLowerCase()}` }, log.method));
+			row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-log-url" }, log.url));
+			if (log.status !== void 0) row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: `sdt-log-status ${log.status < 400 ? "sdt-log-status-ok" : "sdt-log-status-err"}` }, String(log.status)));
+			if (log.duration !== void 0) row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-log-time" }, log.duration + "ms"));
 			return row;
 		}
 		const log = item.entry;
-		const row = h("div", { className: "sdt-log-item" });
-		row.appendChild(h("span", { className: "sdt-log-time" }, formatTimestamp(log.timestamp)));
-		row.appendChild(h("span", { className: `sdt-badge ${EVENT_TYPE_STYLES[log.type] || "sdt-badge-info"}` }, log.type));
-		row.appendChild(h("span", { className: "sdt-log-message" }, log.message));
+		const row = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-log-item" });
+		row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-log-time" }, formatTimestamp(log.timestamp)));
+		row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: `sdt-badge ${EVENT_TYPE_STYLES[log.type] || "sdt-badge-info"}` }, log.type));
+		row.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-log-message" }, log.message));
 		return row;
 	}
 	function renderLogs() {
@@ -913,9 +909,9 @@ function createConsoleTab(logStore) {
 			contentArea.innerHTML = "<div class=\"sdt-empty-state\"><div class=\"sdt-empty-state-icon\">📋</div><div>No logs recorded yet</div><div style=\"font-size:12px;color:var(--sdt-text-tertiary)\">API calls and auth events will appear here</div></div>";
 			return;
 		}
-		const list = h("div", { className: "sdt-log-list" });
+		const list = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-log-list" });
 		for (const item of merged.slice(0, visibleLogCount)) list.appendChild(renderLogItem(item));
-		if (visibleLogCount < merged.length) list.appendChild(h("div", { className: "sdt-log-load-hint" }, `${merged.length - visibleLogCount} older logs available`));
+		if (visibleLogCount < merged.length) list.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-log-load-hint" }, `${merged.length - visibleLogCount} older logs available`));
 		contentArea.appendChild(list);
 		contentArea.scrollTop = Math.min(previousScrollTop, contentArea.scrollHeight);
 	}
@@ -933,14 +929,14 @@ function createConsoleTab(logStore) {
 		(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(navigator.clipboard.writeText(formatLogsForExport()).then(() => {
 			copyBtn.textContent = "✓ Copied";
 			setTimeout(() => {
-				setHtml(copyBtn, "<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>Copy");
+				(0, ___in_page_ui_dom_js.setHtml)(copyBtn, "<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>Copy");
 			}, 1500);
 		}));
 	});
 	exportBtn.addEventListener("click", () => {
 		const blob = new Blob([formatLogsForExport()], { type: "text/plain;charset=utf-8" });
 		const url = URL.createObjectURL(blob);
-		const link = h("a", {
+		const link = (0, ___in_page_ui_dom_js.h)("a", {
 			href: url,
 			download: `hexclave-dev-tool-logs-${(/* @__PURE__ */ new Date()).toISOString()}.txt`
 		});
@@ -965,13 +961,13 @@ function createConsoleTab(logStore) {
 	};
 }
 function createAITab(app) {
-	const container = h("div", { className: "sdt-ai-container" });
+	const container = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-container" });
 	const apiBaseUrl = resolveApiBaseUrl(app);
 	const messages = [];
 	let aiLoading = false;
 	let activeAiAbortController = null;
-	const messagesArea = h("div", { className: "sdt-ai-messages" });
-	const inputArea = h("div", { className: "sdt-ai-input-area" });
+	const messagesArea = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-messages" });
+	const inputArea = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-input-area" });
 	const SUGGESTED_QUESTIONS = [
 		{
 			icon: "🔒",
@@ -1000,34 +996,34 @@ function createAITab(app) {
 		return headers;
 	}
 	function renderToolCard(toolCall) {
-		const toolCard = h("div", { className: "sdt-ai-tool-card" });
-		const header = h("button", {
+		const toolCard = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-tool-card" });
+		const header = (0, ___in_page_ui_dom_js.h)("button", {
 			className: "sdt-ai-tool-header",
 			type: "button"
 		});
-		header.appendChild(h("span", { className: "sdt-ai-tool-name" }, toolCall.toolName));
-		header.appendChild(h("span", { className: `sdt-ai-tool-status sdt-ai-tool-status-${toolCall.state}` }, toolCall.state));
-		header.appendChild(h("span", { className: `sdt-ai-tool-chevron${toolCall.isExpanded ? " sdt-ai-tool-chevron-open" : ""}` }, "▾"));
+		header.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-ai-tool-name" }, toolCall.toolName));
+		header.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: `sdt-ai-tool-status sdt-ai-tool-status-${toolCall.state}` }, toolCall.state));
+		header.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: `sdt-ai-tool-chevron${toolCall.isExpanded ? " sdt-ai-tool-chevron-open" : ""}` }, "▾"));
 		header.addEventListener("click", () => {
 			toolCall.isExpanded = !toolCall.isExpanded;
 			renderMessages();
 		});
 		toolCard.appendChild(header);
 		if (toolCall.isExpanded) {
-			const body = h("div", { className: "sdt-ai-tool-body" });
+			const body = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-tool-body" });
 			if (toolCall.argsText !== null) {
-				body.appendChild(h("div", { className: "sdt-ai-tool-label" }, "Args"));
-				const argsPre = h("pre", { className: "sdt-ai-tool-pre" });
-				argsPre.appendChild(h("code", null, toolCall.argsText));
+				body.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-tool-label" }, "Args"));
+				const argsPre = (0, ___in_page_ui_dom_js.h)("pre", { className: "sdt-ai-tool-pre" });
+				argsPre.appendChild((0, ___in_page_ui_dom_js.h)("code", null, toolCall.argsText));
 				body.appendChild(argsPre);
 			}
 			if (toolCall.resultText !== null) {
-				body.appendChild(h("div", { className: "sdt-ai-tool-label" }, toolCall.state === "error" ? "Error" : "Result"));
-				const resultPre = h("pre", { className: "sdt-ai-tool-pre" });
-				resultPre.appendChild(h("code", null, toolCall.resultText));
+				body.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-tool-label" }, toolCall.state === "error" ? "Error" : "Result"));
+				const resultPre = (0, ___in_page_ui_dom_js.h)("pre", { className: "sdt-ai-tool-pre" });
+				resultPre.appendChild((0, ___in_page_ui_dom_js.h)("code", null, toolCall.resultText));
 				body.appendChild(resultPre);
 			}
-			if (toolCall.state === "running") body.appendChild(h("div", { className: "sdt-ai-tool-running" }, "Running..."));
+			if (toolCall.state === "running") body.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-tool-running" }, "Running..."));
 			toolCard.appendChild(body);
 		}
 		return toolCard;
@@ -1035,17 +1031,17 @@ function createAITab(app) {
 	function renderMessages() {
 		messagesArea.innerHTML = "";
 		if (messages.length === 0) {
-			const empty = h("div", { className: "sdt-ai-empty" });
-			const icon = h("div", { className: "sdt-ai-empty-icon" });
-			setHtml(icon, "<svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/></svg>");
+			const empty = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-empty" });
+			const icon = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-empty-icon" });
+			(0, ___in_page_ui_dom_js.setHtml)(icon, "<svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/></svg>");
 			empty.appendChild(icon);
-			empty.appendChild(h("div", { className: "sdt-ai-empty-title" }, "Ask AI"));
-			empty.appendChild(h("div", { className: "sdt-ai-empty-desc" }, "Get help with Hexclave integration, troubleshooting, and best practices."));
-			const suggestions = h("div", { className: "sdt-ai-suggestions" });
+			empty.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-empty-title" }, "Ask AI"));
+			empty.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-empty-desc" }, "Get help with Hexclave integration, troubleshooting, and best practices."));
+			const suggestions = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-suggestions" });
 			for (const q of SUGGESTED_QUESTIONS) {
-				const btn = h("button", { className: "sdt-ai-suggestion" });
-				btn.appendChild(h("span", { className: "sdt-ai-suggestion-icon" }, q.icon));
-				btn.appendChild(h("span", null, q.text));
+				const btn = (0, ___in_page_ui_dom_js.h)("button", { className: "sdt-ai-suggestion" });
+				btn.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-ai-suggestion-icon" }, q.icon));
+				btn.appendChild((0, ___in_page_ui_dom_js.h)("span", null, q.text));
 				btn.addEventListener("click", () => {
 					(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(sendMessage(q.text));
 				});
@@ -1055,43 +1051,43 @@ function createAITab(app) {
 			messagesArea.appendChild(empty);
 			return;
 		}
-		const list = h("div", { className: "sdt-ai-message-list" });
+		const list = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-message-list" });
 		for (const msg of messages) if (msg.role === "user") {
-			const msgDiv = h("div", { className: "sdt-ai-msg sdt-ai-msg-user" });
-			const bubble = h("div", { className: "sdt-ai-bubble sdt-ai-bubble-user" });
-			bubble.appendChild(h("p", null, msg.content));
+			const msgDiv = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-msg sdt-ai-msg-user" });
+			const bubble = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-bubble sdt-ai-bubble-user" });
+			bubble.appendChild((0, ___in_page_ui_dom_js.h)("p", null, msg.content));
 			msgDiv.appendChild(bubble);
-			const avatarDiv = h("div", { className: "sdt-ai-avatar sdt-ai-avatar-user" });
-			setHtml(avatarDiv, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/></svg>");
+			const avatarDiv = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-avatar sdt-ai-avatar-user" });
+			(0, ___in_page_ui_dom_js.setHtml)(avatarDiv, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/></svg>");
 			msgDiv.appendChild(avatarDiv);
 			list.appendChild(msgDiv);
 		} else {
-			const msgDiv = h("div", { className: "sdt-ai-msg sdt-ai-msg-assistant" });
-			const avatarDiv = h("div", { className: "sdt-ai-avatar sdt-ai-avatar-assistant" });
-			setHtml(avatarDiv, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/></svg>");
+			const msgDiv = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-msg sdt-ai-msg-assistant" });
+			const avatarDiv = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-avatar sdt-ai-avatar-assistant" });
+			(0, ___in_page_ui_dom_js.setHtml)(avatarDiv, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/></svg>");
 			msgDiv.appendChild(avatarDiv);
-			const bubble = h("div", { className: "sdt-ai-bubble sdt-ai-bubble-assistant" });
+			const bubble = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-bubble sdt-ai-bubble-assistant" });
 			if (msg.parts.length === 0) bubble.innerHTML = "<div class=\"sdt-ai-thinking\"><span class=\"sdt-ai-thinking-dot\"></span><span class=\"sdt-ai-thinking-dot\"></span><span class=\"sdt-ai-thinking-dot\"></span></div>";
 			else for (const part of msg.parts) {
 				if (part.type === "text") {
-					const textContainer = h("div", { className: "sdt-ai-part-text" });
+					const textContainer = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-part-text" });
 					renderMarkdownInto(textContainer, part.content);
 					bubble.appendChild(textContainer);
 					continue;
 				}
 				const toolCall = msg.toolCallsById.get(part.toolCallId);
 				if (toolCall == null) {
-					const missingTool = h("div", { className: "sdt-ai-tool-card" });
-					const missingBody = h("div", { className: "sdt-ai-tool-body" });
-					missingBody.appendChild(h("div", { className: "sdt-ai-tool-label" }, "Error"));
-					const missingPre = h("pre", { className: "sdt-ai-tool-pre" });
-					missingPre.appendChild(h("code", null, `Missing tool call state for ${part.toolCallId}`));
+					const missingTool = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-tool-card" });
+					const missingBody = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-tool-body" });
+					missingBody.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-tool-label" }, "Error"));
+					const missingPre = (0, ___in_page_ui_dom_js.h)("pre", { className: "sdt-ai-tool-pre" });
+					missingPre.appendChild((0, ___in_page_ui_dom_js.h)("code", null, `Missing tool call state for ${part.toolCallId}`));
 					missingBody.appendChild(missingPre);
 					missingTool.appendChild(missingBody);
 					bubble.appendChild(missingTool);
 					continue;
 				}
-				const toolsContainer = h("div", { className: "sdt-ai-tools" });
+				const toolsContainer = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-tools" });
 				toolsContainer.appendChild(renderToolCard(toolCall));
 				bubble.appendChild(toolsContainer);
 			}
@@ -1103,7 +1099,7 @@ function createAITab(app) {
 	}
 	function renderMarkdownInto(el, content) {
 		function appendBlockWithInlineMarkdown(tag, className, text) {
-			const block = h(tag, { className });
+			const block = (0, ___in_page_ui_dom_js.h)(tag, { className });
 			appendInlineMarkdown(block, text);
 			el.appendChild(block);
 		}
@@ -1120,10 +1116,10 @@ function createAITab(app) {
 					i++;
 				}
 				i++;
-				const block = h("div", { className: "sdt-ai-code-block" });
-				const header = h("div", { className: "sdt-ai-code-header" });
-				header.appendChild(h("span", { className: "sdt-ai-code-lang" }, lang || "CODE"));
-				const copyBtn = h("button", { className: "sdt-ai-copy-btn" }, "⎘");
+				const block = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-code-block" });
+				const header = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-code-header" });
+				header.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-ai-code-lang" }, lang || "CODE"));
+				const copyBtn = (0, ___in_page_ui_dom_js.h)("button", { className: "sdt-ai-copy-btn" }, "⎘");
 				const code = codeLines.join("\n");
 				copyBtn.addEventListener("click", () => {
 					(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(navigator.clipboard.writeText(code).then(() => {
@@ -1135,8 +1131,8 @@ function createAITab(app) {
 				});
 				header.appendChild(copyBtn);
 				block.appendChild(header);
-				const pre = h("pre", { className: "sdt-ai-code-pre" });
-				pre.appendChild(h("code", null, code));
+				const pre = (0, ___in_page_ui_dom_js.h)("pre", { className: "sdt-ai-code-pre" });
+				pre.appendChild((0, ___in_page_ui_dom_js.h)("code", null, code));
 				block.appendChild(pre);
 				el.appendChild(block);
 				continue;
@@ -1148,9 +1144,9 @@ function createAITab(app) {
 				continue;
 			}
 			if (/^[-*] /.test(line)) {
-				const ul = h("ul", { className: "sdt-ai-list" });
+				const ul = (0, ___in_page_ui_dom_js.h)("ul", { className: "sdt-ai-list" });
 				while (i < lines.length && /^[-*] /.test(lines[i])) {
-					const li = h("li");
+					const li = (0, ___in_page_ui_dom_js.h)("li");
 					appendInlineMarkdown(li, lines[i].replace(/^[-*] /, ""));
 					ul.appendChild(li);
 					i++;
@@ -1159,9 +1155,9 @@ function createAITab(app) {
 				continue;
 			}
 			if (/^\d+\. /.test(line)) {
-				const ol = h("ol", { className: "sdt-ai-list sdt-ai-list-ordered" });
+				const ol = (0, ___in_page_ui_dom_js.h)("ol", { className: "sdt-ai-list sdt-ai-list-ordered" });
 				while (i < lines.length && /^\d+\. /.test(lines[i])) {
-					const li = h("li");
+					const li = (0, ___in_page_ui_dom_js.h)("li");
 					appendInlineMarkdown(li, lines[i].replace(/^\d+\. /, ""));
 					ol.appendChild(li);
 					i++;
@@ -1415,8 +1411,8 @@ function createAITab(app) {
 			renderInput();
 		}
 	}
-	const inputWrapper = h("div", { className: "sdt-ai-input-wrapper" });
-	const input = h("input", {
+	const inputWrapper = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-ai-input-wrapper" });
+	const input = (0, ___in_page_ui_dom_js.h)("input", {
 		type: "text",
 		className: "sdt-ai-input",
 		placeholder: "Ask anything about Hexclave...",
@@ -1424,11 +1420,11 @@ function createAITab(app) {
 		autocorrect: "off",
 		spellcheck: "false"
 	});
-	const sendBtn = h("button", {
+	const sendBtn = (0, ___in_page_ui_dom_js.h)("button", {
 		className: "sdt-ai-send-btn",
 		title: "Send"
 	});
-	setHtml(sendBtn, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"/></svg>");
+	(0, ___in_page_ui_dom_js.setHtml)(sendBtn, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"/></svg>");
 	function renderInput() {
 		input.disabled = false;
 		input.placeholder = messages.length === 0 ? "Ask anything about Hexclave..." : "Ask a follow-up...";
@@ -1436,17 +1432,17 @@ function createAITab(app) {
 			sendBtn.classList.add("sdt-ai-send-btn-active");
 			sendBtn.classList.add("sdt-ai-stop-btn");
 			sendBtn.setAttribute("title", "Stop");
-			setHtml(sendBtn, "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\"/></svg>");
+			(0, ___in_page_ui_dom_js.setHtml)(sendBtn, "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\"/></svg>");
 		} else if (input.value.trim()) {
 			sendBtn.classList.add("sdt-ai-send-btn-active");
 			sendBtn.classList.remove("sdt-ai-stop-btn");
 			sendBtn.setAttribute("title", "Send");
-			setHtml(sendBtn, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"/></svg>");
+			(0, ___in_page_ui_dom_js.setHtml)(sendBtn, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"/></svg>");
 		} else {
 			sendBtn.classList.remove("sdt-ai-send-btn-active");
 			sendBtn.classList.remove("sdt-ai-stop-btn");
 			sendBtn.setAttribute("title", "Send");
-			setHtml(sendBtn, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"/></svg>");
+			(0, ___in_page_ui_dom_js.setHtml)(sendBtn, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"/></svg>");
 		}
 	}
 	input.addEventListener("input", renderInput);
@@ -1469,12 +1465,12 @@ function createAITab(app) {
 		}
 		renderInput();
 	});
-	const newChatBtn = h("button", {
+	const newChatBtn = (0, ___in_page_ui_dom_js.h)("button", {
 		className: "sdt-ai-new-chat",
 		title: "New conversation",
 		style: { display: "none" }
 	});
-	setHtml(newChatBtn, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>");
+	(0, ___in_page_ui_dom_js.setHtml)(newChatBtn, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/></svg>");
 	newChatBtn.addEventListener("click", () => {
 		if (aiLoading) activeAiAbortController?.abort();
 		messages.length = 0;
@@ -1494,26 +1490,26 @@ function createDashboardTab(app) {
 	return createIframeTab(resolveDashboardUrl(app), "Hexclave Dashboard", "Loading dashboard…", "Unable to load dashboard", "The dashboard may require authentication or block framing", "Open in New Tab");
 }
 function createSupportTab(app) {
-	const container = h("div", { className: "sdt-support-tab" });
+	const container = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-tab" });
 	const apiBaseUrl = resolveApiBaseUrl(app);
 	function createFeedbackForm() {
-		const pane = h("div", { className: "sdt-support-feedback-pane" });
-		const form = h("form", { className: "sdt-support-form" });
+		const pane = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-feedback-pane" });
+		const form = (0, ___in_page_ui_dom_js.h)("form", { className: "sdt-support-form" });
 		let feedbackType = "feedback";
 		let status = "idle";
 		let errorMessage = "";
-		const nameInput = h("input", {
+		const nameInput = (0, ___in_page_ui_dom_js.h)("input", {
 			className: "sdt-support-input",
 			type: "text",
 			placeholder: "Your name"
 		});
-		const emailInput = h("input", {
+		const emailInput = (0, ___in_page_ui_dom_js.h)("input", {
 			className: "sdt-support-input",
 			type: "email",
 			placeholder: "you@example.com",
 			required: "true"
 		});
-		const messageInput = h("textarea", {
+		const messageInput = (0, ___in_page_ui_dom_js.h)("textarea", {
 			className: "sdt-support-textarea",
 			placeholder: "What's on your mind?",
 			required: "true",
@@ -1522,11 +1518,11 @@ function createSupportTab(app) {
 		function render() {
 			form.innerHTML = "";
 			if (status === "success") {
-				const successDiv = h("div", { className: "sdt-support-status sdt-support-status-success" });
-				const icon = h("div", { className: "sdt-support-status-icon" });
-				setHtml(icon, "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M6 10l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
-				successDiv.append(icon, h("div", { className: "sdt-support-status-title" }, "Feedback sent"), h("div", { className: "sdt-support-status-msg" }, "Thank you! We'll get back to you soon."));
-				const resetBtn = h("button", {
+				const successDiv = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-status sdt-support-status-success" });
+				const icon = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-status-icon" });
+				(0, ___in_page_ui_dom_js.setHtml)(icon, "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M6 10l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
+				successDiv.append(icon, (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-status-title" }, "Feedback sent"), (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-status-msg" }, "Thank you! We'll get back to you soon."));
+				const resetBtn = (0, ___in_page_ui_dom_js.h)("button", {
 					className: "sdt-support-submit",
 					style: {
 						marginTop: "12px",
@@ -1542,11 +1538,11 @@ function createSupportTab(app) {
 				return;
 			}
 			if (status === "error") {
-				const errDiv = h("div", { className: "sdt-support-status sdt-support-status-error" });
-				const icon = h("div", { className: "sdt-support-status-icon" });
-				setHtml(icon, "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 6v5m0 3h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>");
-				errDiv.append(icon, h("div", { className: "sdt-support-status-title" }, "Failed to send"), h("div", { className: "sdt-support-status-msg" }, errorMessage || "Please try again."));
-				const retryBtn = h("button", {
+				const errDiv = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-status sdt-support-status-error" });
+				const icon = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-status-icon" });
+				(0, ___in_page_ui_dom_js.setHtml)(icon, "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 6v5m0 3h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>");
+				errDiv.append(icon, (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-status-title" }, "Failed to send"), (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-status-msg" }, errorMessage || "Please try again."));
+				const retryBtn = (0, ___in_page_ui_dom_js.h)("button", {
 					className: "sdt-support-submit",
 					style: {
 						marginTop: "12px",
@@ -1562,47 +1558,47 @@ function createSupportTab(app) {
 				form.appendChild(errDiv);
 				return;
 			}
-			const nameField = h("div", { className: "sdt-support-field" });
-			const nameLabel = h("label", { className: "sdt-support-label" }, "Name ");
-			nameLabel.appendChild(h("span", { className: "sdt-support-optional" }, "optional"));
+			const nameField = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-field" });
+			const nameLabel = (0, ___in_page_ui_dom_js.h)("label", { className: "sdt-support-label" }, "Name ");
+			nameLabel.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-support-optional" }, "optional"));
 			nameField.append(nameLabel, nameInput);
 			form.appendChild(nameField);
-			const emailField = h("div", { className: "sdt-support-field" });
-			emailField.append(h("label", { className: "sdt-support-label" }, "Email"), emailInput);
+			const emailField = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-field" });
+			emailField.append((0, ___in_page_ui_dom_js.h)("label", { className: "sdt-support-label" }, "Email"), emailInput);
 			form.appendChild(emailField);
-			const msgField = h("div", { className: "sdt-support-field" });
-			msgField.append(h("label", { className: "sdt-support-label" }, feedbackType === "bug" ? "Description" : "Message"), messageInput);
+			const msgField = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-field" });
+			msgField.append((0, ___in_page_ui_dom_js.h)("label", { className: "sdt-support-label" }, feedbackType === "bug" ? "Description" : "Message"), messageInput);
 			messageInput.placeholder = feedbackType === "bug" ? "Steps to reproduce, expected vs. actual behavior…" : "What's on your mind?";
 			form.appendChild(msgField);
-			const typeCards = h("div", { className: "sdt-support-type-cards" });
-			const feedbackBtn = h("button", {
+			const typeCards = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-type-cards" });
+			const feedbackBtn = (0, ___in_page_ui_dom_js.h)("button", {
 				type: "button",
 				className: `sdt-support-type-card ${feedbackType === "feedback" ? "sdt-support-type-card-active" : ""}`
 			});
-			setHtml(feedbackBtn, "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/></svg><span>Feedback</span>");
+			(0, ___in_page_ui_dom_js.setHtml)(feedbackBtn, "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/></svg><span>Feedback</span>");
 			feedbackBtn.addEventListener("click", () => {
 				feedbackType = "feedback";
 				render();
 			});
-			const bugBtn = h("button", {
+			const bugBtn = (0, ___in_page_ui_dom_js.h)("button", {
 				type: "button",
 				className: `sdt-support-type-card ${feedbackType === "bug" ? "sdt-support-type-card-active" : ""}`
 			});
-			setHtml(bugBtn, "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2l1.88 1.88M14.12 3.88L16 2M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\"/><path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\"/><path d=\"M12 20v-9M6.53 9C4.6 8.8 3 7.1 3 5M6 13H2M6 17H3M21 5c0 2.1-1.6 3.8-3.53 4M18 13h4M21 17h-3\"/></svg><span>Bug Report</span>");
+			(0, ___in_page_ui_dom_js.setHtml)(bugBtn, "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2l1.88 1.88M14.12 3.88L16 2M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\"/><path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\"/><path d=\"M12 20v-9M6.53 9C4.6 8.8 3 7.1 3 5M6 13H2M6 17H3M21 5c0 2.1-1.6 3.8-3.53 4M18 13h4M21 17h-3\"/></svg><span>Bug Report</span>");
 			bugBtn.addEventListener("click", () => {
 				feedbackType = "bug";
 				render();
 			});
 			typeCards.append(feedbackBtn, bugBtn);
 			form.appendChild(typeCards);
-			const submitBtn = h("button", {
+			const submitBtn = (0, ___in_page_ui_dom_js.h)("button", {
 				type: "submit",
 				className: "sdt-support-submit"
 			});
-			setHtml(submitBtn, "Submit <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>");
+			(0, ___in_page_ui_dom_js.setHtml)(submitBtn, "Submit <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>");
 			submitBtn.disabled = status === "submitting";
 			form.appendChild(submitBtn);
-			const channels = h("div", { className: "sdt-support-channels" });
+			const channels = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-support-channels" });
 			channels.innerHTML = `
         <a href="https://discord.hexclave.com" target="_blank" rel="noopener noreferrer" class="sdt-support-channel">
           <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.095 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.095 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/></svg>
@@ -1659,7 +1655,7 @@ function createSupportTab(app) {
 	return container;
 }
 function createComponentsTab(app) {
-	const container = h("div", { className: "sdt-pg-layout" });
+	const container = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-layout" });
 	const apiBaseUrl = resolveApiBaseUrl(app);
 	const urls = app.urls;
 	const urlOptions = app[___lib_hexclave_app_common_js.hexclaveAppInternalsSymbol].getConstructorOptions().urls ?? {};
@@ -1766,28 +1762,28 @@ function createComponentsTab(app) {
 		const resolved = new URL(url, window.location.origin);
 		return `${resolved.pathname}${resolved.search}${resolved.hash}`;
 	}
-	const sidebar = h("div", { className: "sdt-pg-sidebar" });
-	const mainArea = h("div", { className: "sdt-pg-main" });
+	const sidebar = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-sidebar" });
+	const mainArea = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-main" });
 	function renderSidebar() {
 		sidebar.innerHTML = "";
 		const pages = buildPages();
 		const outdatedCount = pages.filter((p) => p.versionStatus === "outdated").length;
-		const head = h("div", { className: "sdt-pg-sidebar-head" });
-		head.appendChild(h("span", { className: "sdt-pg-sidebar-title" }, "Pages"));
-		head.appendChild(h("span", { className: "sdt-pg-sidebar-count" }, String(pages.length)));
-		if (outdatedCount > 0) head.appendChild(h("span", { className: "sdt-pg-sidebar-warn" }, `${outdatedCount} outdated`));
+		const head = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-sidebar-head" });
+		head.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-pg-sidebar-title" }, "Pages"));
+		head.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-pg-sidebar-count" }, String(pages.length)));
+		if (outdatedCount > 0) head.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-pg-sidebar-warn" }, `${outdatedCount} outdated`));
 		sidebar.appendChild(head);
-		const list = h("div", { className: "sdt-pg-list" });
+		const list = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-list" });
 		for (const page of pages) {
 			const isOutdated = page.versionStatus === "outdated";
-			const item = h("div", {
+			const item = (0, ___in_page_ui_dom_js.h)("div", {
 				className: `sdt-pg-item ${isOutdated ? "sdt-pg-item-warn" : ""}`,
 				"data-selected": String(selectedKey === page.key)
 			});
 			const dotClass = isOutdated ? "sdt-pg-item-dot-warn" : page.classification === "custom" ? "sdt-pg-item-dot-custom" : "sdt-pg-item-dot-handler";
-			item.appendChild(h("span", { className: `sdt-pg-item-dot ${dotClass}` }));
-			item.appendChild(h("span", { className: "sdt-pg-item-label" }, page.label));
-			if (isOutdated) item.appendChild(h("span", { className: "sdt-pg-badge sdt-pg-badge-outdated" }, "Outdated"));
+			item.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: `sdt-pg-item-dot ${dotClass}` }));
+			item.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-pg-item-label" }, page.label));
+			if (isOutdated) item.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-pg-badge sdt-pg-badge-outdated" }, "Outdated"));
 			item.addEventListener("click", () => {
 				selectedKey = page.key;
 				renderSidebar();
@@ -1799,23 +1795,23 @@ function createComponentsTab(app) {
 	}
 	function renderDetail(page) {
 		mainArea.innerHTML = "";
-		const detail = h("div", { className: "sdt-pg-detail" });
-		const header = h("div", { className: "sdt-pg-header" });
-		const headerTop = h("div", { className: "sdt-pg-header-top" });
-		headerTop.appendChild(h("h3", { className: "sdt-pg-title" }, `${page.label} Page`));
-		headerTop.appendChild(h("a", {
+		const detail = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-detail" });
+		const header = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-header" });
+		const headerTop = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-header-top" });
+		headerTop.appendChild((0, ___in_page_ui_dom_js.h)("h3", { className: "sdt-pg-title" }, `${page.label} Page`));
+		headerTop.appendChild((0, ___in_page_ui_dom_js.h)("a", {
 			href: page.url,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			className: "sdt-pg-title-url"
 		}, getCompactUrl(page.url)));
-		if (page.versionStatus === "outdated") headerTop.appendChild(h("span", { className: "sdt-pg-badge sdt-pg-badge-outdated" }, "Outdated"));
+		if (page.versionStatus === "outdated") headerTop.appendChild((0, ___in_page_ui_dom_js.h)("span", { className: "sdt-pg-badge sdt-pg-badge-outdated" }, "Outdated"));
 		header.appendChild(headerTop);
 		const redirectMethod = `hexclaveApp.redirectTo${page.key.charAt(0).toUpperCase()}${page.key.slice(1)}()`;
-		const codeRow = h("div", { className: "sdt-pg-code-inline" });
-		codeRow.appendChild(h("code", { className: "sdt-pg-code" }, redirectMethod));
-		const openBtn = h("button", { className: "sdt-pg-copy-btn sdt-pg-open-btn" });
-		setHtml(openBtn, "Open <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7\"/><path d=\"M7 7h10v10\"/></svg>");
+		const codeRow = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-code-inline" });
+		codeRow.appendChild((0, ___in_page_ui_dom_js.h)("code", { className: "sdt-pg-code" }, redirectMethod));
+		const openBtn = (0, ___in_page_ui_dom_js.h)("button", { className: "sdt-pg-copy-btn sdt-pg-open-btn" });
+		(0, ___in_page_ui_dom_js.setHtml)(openBtn, "Open <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7\"/><path d=\"M7 7h10v10\"/></svg>");
 		openBtn.addEventListener("click", () => {
 			const resolved = new URL(page.url, window.location.origin);
 			window.open(resolved.toString(), "_blank", "noopener,noreferrer");
@@ -1832,11 +1828,11 @@ function createComponentsTab(app) {
 				else if (prompt.fullPrompt) promptText = prompt.fullPrompt;
 				else promptText = "";
 				if (promptText) {
-					const section = h("div", { className: "sdt-pg-section" });
-					section.appendChild(h("div", { className: "sdt-pg-section-label" }, isOutdated ? "Use this prompt to upgrade your component:" : "Want to customize this page? Paste this prompt into your coding agent."));
-					section.appendChild(h("pre", { className: "sdt-pg-pre" }, promptText));
-					const footer = h("div", { className: "sdt-pg-section-footer" });
-					const copyBtn = h("button", { className: "sdt-pg-copy-btn" }, "Copy prompt");
+					const section = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-section" });
+					section.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-section-label" }, isOutdated ? "Use this prompt to upgrade your component:" : "Want to customize this page? Paste this prompt into your coding agent."));
+					section.appendChild((0, ___in_page_ui_dom_js.h)("pre", { className: "sdt-pg-pre" }, promptText));
+					const footer = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-section-footer" });
+					const copyBtn = (0, ___in_page_ui_dom_js.h)("button", { className: "sdt-pg-copy-btn" }, "Copy prompt");
 					copyBtn.addEventListener("click", () => {
 						(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(navigator.clipboard.writeText(promptText).then(() => {
 							copyBtn.textContent = "✓ Copied";
@@ -1855,12 +1851,12 @@ function createComponentsTab(app) {
 	}
 	function renderEmptyMain() {
 		mainArea.innerHTML = "";
-		const empty = h("div", { className: "sdt-pg-empty" });
-		const icon = h("div", { className: "sdt-pg-empty-icon" });
-		setHtml(icon, "<svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/></svg>");
+		const empty = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-empty" });
+		const icon = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-empty-icon" });
+		(0, ___in_page_ui_dom_js.setHtml)(icon, "<svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/></svg>");
 		empty.appendChild(icon);
-		empty.appendChild(h("div", { className: "sdt-pg-empty-text" }, "Select a page to inspect"));
-		empty.appendChild(h("div", { className: "sdt-pg-empty-sub" }, "View configuration, preview, and upgrade prompts"));
+		empty.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-empty-text" }, "Select a page to inspect"));
+		empty.appendChild((0, ___in_page_ui_dom_js.h)("div", { className: "sdt-pg-empty-sub" }, "View configuration, preview, and upgrade prompts"));
 		mainArea.appendChild(empty);
 	}
 	renderSidebar();
@@ -1869,7 +1865,7 @@ function createComponentsTab(app) {
 	return container;
 }
 function createPanel(app, state, logStore, onClose) {
-	const panel = h("div", { className: "sdt-panel" });
+	const panel = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-panel" });
 	let panelAnimationTimeout = null;
 	function animateNextPanelGeometryChange() {
 		panel.classList.add("sdt-panel-geometry-animated");
@@ -1895,34 +1891,34 @@ function createPanel(app, state, logStore, onClose) {
 	const storedActiveTab = state.get().activeTab;
 	const activeTab = tabs.some((tab) => tab.id === storedActiveTab) ? storedActiveTab : DEFAULT_STATE.activeTab;
 	applyPanelMode(activeTab);
-	const inner = h("div", { className: "sdt-panel-inner" });
-	const closeBtn = h("button", {
+	const inner = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-panel-inner" });
+	const closeBtn = (0, ___in_page_ui_dom_js.h)("button", {
 		className: "sdt-close-btn",
 		"aria-label": "Close"
 	});
-	setHtml(closeBtn, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"3\" y1=\"3\" x2=\"11\" y2=\"11\"/><line x1=\"11\" y1=\"3\" x2=\"3\" y2=\"11\"/></svg>");
+	(0, ___in_page_ui_dom_js.setHtml)(closeBtn, "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"3\" y1=\"3\" x2=\"11\" y2=\"11\"/><line x1=\"11\" y1=\"3\" x2=\"3\" y2=\"11\"/></svg>");
 	closeBtn.addEventListener("click", onClose);
-	const docsLink = h("a", {
+	const docsLink = (0, ___in_page_ui_dom_js.h)("a", {
 		href: DOCS_URL,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		className: "sdt-docs-link"
 	});
 	docsLink.appendChild(document.createTextNode("Docs"));
-	const docsIcon = h("span", {
+	const docsIcon = (0, ___in_page_ui_dom_js.h)("span", {
 		className: "sdt-docs-link-icon",
 		"aria-hidden": "true"
 	});
-	setHtml(docsIcon, "<svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7\"/><path d=\"M7 7h10v10\"/></svg>");
+	(0, ___in_page_ui_dom_js.setHtml)(docsIcon, "<svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7\"/><path d=\"M7 7h10v10\"/></svg>");
 	docsLink.appendChild(docsIcon);
 	const tabBar = createTabBar(tabs, activeTab, (id) => {
 		state.update({ activeTab: id });
 		applyPanelMode(id, { animate: true });
 		showTab(id);
-	}, { trailing: h("div", { className: "sdt-tabbar-actions" }, docsLink, closeBtn) });
+	}, { trailing: (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-tabbar-actions" }, docsLink, closeBtn) });
 	inner.appendChild(tabBar.el);
-	const content = h("div", { className: "sdt-content" });
-	const layers = h("div", { className: "sdt-tab-layers" });
+	const content = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-content" });
+	const layers = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-tab-layers" });
 	content.appendChild(layers);
 	inner.appendChild(content);
 	const mountedPanes = /* @__PURE__ */ new Map();
@@ -1935,7 +1931,7 @@ function createPanel(app, state, logStore, onClose) {
 	}
 	function getOrCreatePane(tabId) {
 		if (mountedPanes.has(tabId)) return mountedPanes.get(tabId);
-		const pane = h("div", { className: "sdt-tab-pane" });
+		const pane = (0, ___in_page_ui_dom_js.h)("div", { className: "sdt-tab-pane" });
 		if (tabId === "dashboard") pane.classList.add("sdt-tab-pane-iframe");
 		switch (tabId) {
 			case "overview":
@@ -1969,7 +1965,7 @@ function createPanel(app, state, logStore, onClose) {
 	}
 	showTab(activeTab);
 	function addResizeHandle(edge) {
-		const handle = h("div", { className: `sdt-resize-handle sdt-resize-${edge}` });
+		const handle = (0, ___in_page_ui_dom_js.h)("div", { className: `sdt-resize-handle sdt-resize-${edge}` });
 		let startX = 0;
 		let startY = 0;
 		let startW = 0;
@@ -2024,8 +2020,8 @@ function createPanel(app, state, logStore, onClose) {
 function createDevTool(app) {
 	if (typeof document === "undefined" || typeof document.createElement !== "function") return () => {};
 	const body = Reflect.get(document, "body");
-	if (!hasAppendChild(body)) return () => {};
-	getGlobalDevToolInstance()?.cleanup();
+	if (!(0, ___in_page_ui_dom_js.hasAppendChild)(body)) return () => {};
+	(0, ___in_page_ui_dom_js.getGlobalUiInstance)(GLOBAL_INSTANCE_KEY)?.cleanup();
 	let existingRoot = document.getElementById(ROOT_ID);
 	while (existingRoot !== null) {
 		existingRoot.remove();
@@ -2034,7 +2030,7 @@ function createDevTool(app) {
 	const root = document.createElement("div");
 	root.id = ROOT_ID;
 	body.appendChild(root);
-	const wrapper = h("div", { className: "hexclave-devtool" });
+	const wrapper = (0, ___in_page_ui_dom_js.h)("div", { className: "hexclave-devtool" });
 	root.appendChild(wrapper);
 	const style = document.createElement("style");
 	style.textContent = __dev_tool_styles_js.devToolCSS;
@@ -2099,13 +2095,13 @@ function createDevTool(app) {
 	const instance = { cleanup: () => {
 		if (didCleanup) return;
 		didCleanup = true;
-		if (getGlobalDevToolInstance() === instance) setGlobalDevToolInstance(null);
+		if ((0, ___in_page_ui_dom_js.getGlobalUiInstance)(GLOBAL_INSTANCE_KEY) === instance) (0, ___in_page_ui_dom_js.setGlobalUiInstance)(GLOBAL_INSTANCE_KEY, null);
 		trigger.cleanup();
 		removeRequestListener();
 		panel?.cleanup();
 		if (root.parentNode) root.parentNode.removeChild(root);
 	} };
-	setGlobalDevToolInstance(instance);
+	(0, ___in_page_ui_dom_js.setGlobalUiInstance)(GLOBAL_INSTANCE_KEY, instance);
 	return () => {
 		instance.cleanup();
 	};