@runtypelabs/cli 2.59.0 → 2.59.2

package/dist/chunk-DJw3O61j.js

@@ -0,0 +1,1974 @@
+#!/usr/bin/env node
+import { b as CredentialStore, t as isTTY } from "./index.js";
+import { p as buildDashboardUrl } from "./chunk-ucu5lrDZ.js";
+import { i as getApiUrl, l as getRuntimeApiKey, n as ApiKeyValidationUnavailableError, r as createCliClient, s as getDashboardUrl, t as ApiKeyManager } from "./chunk-BW2fg46T.js";
+import { n as ensureAuth } from "./chunk-CJraEBVd.js";
+import { a as printJson } from "./chunk-CcFCyqbB.js";
+import { t as getCurrentAccountId } from "./chunk-BV-8isOd.js";
+import { Command } from "commander";
+import chalk from "chalk";
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import path from "node:path";
+import readline from "readline";
+import open from "open";
+import { createServer } from "node:http";
+import { execFileSync } from "child_process";
+import { createServer as createServer$1 } from "node:net";
+// ../../node_modules/.pnpm/@runtypelabs+persona@4.34.0/node_modules/@runtypelabs/persona/dist/codegen.js
+function e(e) {
+	return e?.cdnBase?.trim().replace(/\/+$/, ``).replace(/[\\'"<>`]/g, (e) => `%${e.charCodeAt(0).toString(16).toUpperCase().padStart(2, `0`)}`) || `https://cdn.jsdelivr.net/npm/@runtypelabs/persona@4.34.0/dist`;
+}
+function t(e) {
+	if (e !== void 0) return typeof e == `string` ? e : Array.isArray(e) ? `[${e.map((e) => e.toString()).join(`, `)}]` : e.toString();
+}
+function n(e) {
+	if (e) return {
+		getHeaders: t(e.getHeaders),
+		onFeedback: t(e.onFeedback),
+		onCopy: t(e.onCopy),
+		requestMiddleware: t(e.requestMiddleware),
+		actionHandlers: t(e.actionHandlers),
+		actionParsers: t(e.actionParsers),
+		postprocessMessage: t(e.postprocessMessage),
+		contextProviders: t(e.contextProviders),
+		streamParser: t(e.streamParser)
+	};
+}
+const r = `({ text, message }: any) => {
+  const jsonSource = (message as any).rawContent || text || message.content;
+  if (!jsonSource || typeof jsonSource !== 'string') return null;
+  let cleanJson = jsonSource
+    .replace(/^\`\`\`(?:json)?\\s*\\n?/, '')
+    .replace(/\\n?\`\`\`\\s*$/, '')
+    .trim();
+  if (!cleanJson.startsWith('{') || !cleanJson.endsWith('}')) return null;
+  try {
+    const parsed = JSON.parse(cleanJson);
+    if (parsed.action) return { type: parsed.action, payload: parsed };
+  } catch (e) { return null; }
+  return null;
+}`;
+const i = `function(ctx) {
+  var jsonSource = ctx.message.rawContent || ctx.text || ctx.message.content;
+  if (!jsonSource || typeof jsonSource !== 'string') return null;
+  var cleanJson = jsonSource
+    .replace(/^\`\`\`(?:json)?\\s*\\n?/, '')
+    .replace(/\\n?\`\`\`\\s*$/, '')
+    .trim();
+  if (!cleanJson.startsWith('{') || !cleanJson.endsWith('}')) return null;
+  try {
+    var parsed = JSON.parse(cleanJson);
+    if (parsed.action) return { type: parsed.action, payload: parsed };
+  } catch (e) { return null; }
+  return null;
+}`;
+const a = `(action: any, context: any) => {
+  if (action.type !== 'nav_then_click') return;
+  const payload = action.payload || action.raw || {};
+  const url = payload?.page;
+  const text = payload?.on_load_text || 'Navigating...';
+  if (!url) return { handled: true, displayText: text };
+  const messageId = context.message?.id;
+  const processedActions = JSON.parse(localStorage.getItem(PROCESSED_ACTIONS_KEY) || '[]');
+  const actionKey = \`nav_\${messageId}_\${url}\`;
+  if (processedActions.includes(actionKey)) {
+    return { handled: true, displayText: text };
+  }
+  processedActions.push(actionKey);
+  localStorage.setItem(PROCESSED_ACTIONS_KEY, JSON.stringify(processedActions));
+  const targetUrl = url.startsWith('http') ? url : new URL(url, window.location.origin).toString();
+  window.location.href = targetUrl;
+  return { handled: true, displayText: text };
+}`;
+const o = `function(action, context) {
+  if (action.type !== 'nav_then_click') return;
+  var payload = action.payload || action.raw || {};
+  var url = payload.page;
+  var text = payload.on_load_text || 'Navigating...';
+  if (!url) return { handled: true, displayText: text };
+  var messageId = context.message ? context.message.id : null;
+  var processedActions = JSON.parse(localStorage.getItem(PROCESSED_ACTIONS_KEY) || '[]');
+  var actionKey = 'nav_' + messageId + '_' + url;
+  if (processedActions.includes(actionKey)) {
+    return { handled: true, displayText: text };
+  }
+  processedActions.push(actionKey);
+  localStorage.setItem(PROCESSED_ACTIONS_KEY, JSON.stringify(processedActions));
+  var targetUrl = url.startsWith('http') ? url : new URL(url, window.location.origin).toString();
+  window.location.href = targetUrl;
+  return { handled: true, displayText: text };
+}`;
+function s(e) {
+	if (!e) return null;
+	let t = e.toString();
+	return t.includes(`createJsonStreamParser`) || t.includes(`partial-json`) ? `json` : t.includes(`createRegexJsonParser`) || t.includes(`regex`) ? `regex-json` : t.includes(`createXmlParser`) || t.includes(`<text>`) ? `xml` : null;
+}
+function c(e) {
+	return e.parserType ?? s(e.streamParser) ?? `plain`;
+}
+function l(e, t) {
+	let n = [];
+	return e.toolCall && (n.push(`${t}toolCall: {`), Object.entries(e.toolCall).forEach(([e, r]) => {
+		typeof r == `string` && n.push(`${t}  ${e}: "${r}",`);
+	}), n.push(`${t}},`)), n;
+}
+function u(e, t, n) {
+	let r = [], i = e.messageActions && Object.entries(e.messageActions).some(([e, t]) => e !== `onFeedback` && e !== `onCopy` && t !== void 0), a = n?.onFeedback || n?.onCopy;
+	return (i || a) && (r.push(`${t}messageActions: {`), e.messageActions && Object.entries(e.messageActions).forEach(([e, n]) => {
+		e !== `onFeedback` && e !== `onCopy` && (typeof n == `string` ? r.push(`${t}  ${e}: "${n}",`) : typeof n == `boolean` && r.push(`${t}  ${e}: ${n},`));
+	}), n?.onFeedback && r.push(`${t}  onFeedback: ${n.onFeedback},`), n?.onCopy && r.push(`${t}  onCopy: ${n.onCopy},`), r.push(`${t}},`)), r;
+}
+function d(e, t) {
+	let n = [];
+	if (e.markdown) {
+		let r = e.markdown.options && Object.keys(e.markdown.options).length > 0, i = e.markdown.disableDefaultStyles !== void 0;
+		(r || i) && (n.push(`${t}markdown: {`), r && (n.push(`${t}  options: {`), Object.entries(e.markdown.options).forEach(([e, r]) => {
+			typeof r == `string` ? n.push(`${t}    ${e}: "${r}",`) : typeof r == `boolean` && n.push(`${t}    ${e}: ${r},`);
+		}), n.push(`${t}  },`)), i && n.push(`${t}  disableDefaultStyles: ${e.markdown.disableDefaultStyles},`), n.push(`${t}},`));
+	}
+	return n;
+}
+function f(e, t) {
+	if (!e.suggestions) return [];
+	let n = JSON.stringify(e.suggestions, null, 2).split(`
+`);
+	return n.map((e, r) => `${r === 0 ? `${t}suggestions: ` : t}${e}${r === n.length - 1 ? `,` : ``}`);
+}
+function p(e, t) {
+	let n = [];
+	if (e.layout) {
+		let r = e.layout.header && Object.keys(e.layout.header).some((e) => e !== `render`), i = e.layout.messages && Object.keys(e.layout.messages).some((e) => e !== `renderUserMessage` && e !== `renderAssistantMessage`);
+		(r || i) && (n.push(`${t}layout: {`), r && (n.push(`${t}  header: {`), Object.entries(e.layout.header).forEach(([e, r]) => {
+			e !== `render` && (typeof r == `string` ? n.push(`${t}    ${e}: "${r}",`) : typeof r == `boolean` && n.push(`${t}    ${e}: ${r},`));
+		}), n.push(`${t}  },`)), i && (n.push(`${t}  messages: {`), Object.entries(e.layout.messages).forEach(([e, r]) => {
+			e !== `renderUserMessage` && e !== `renderAssistantMessage` && (e === `avatar` && typeof r == `object` && r ? (n.push(`${t}    avatar: {`), Object.entries(r).forEach(([e, r]) => {
+				typeof r == `string` ? n.push(`${t}      ${e}: "${r}",`) : typeof r == `boolean` && n.push(`${t}      ${e}: ${r},`);
+			}), n.push(`${t}    },`)) : e === `timestamp` && typeof r == `object` && r ? Object.entries(r).some(([e]) => e !== `format`) && (n.push(`${t}    timestamp: {`), Object.entries(r).forEach(([e, r]) => {
+				e !== `format` && (typeof r == `string` ? n.push(`${t}      ${e}: "${r}",`) : typeof r == `boolean` && n.push(`${t}      ${e}: ${r},`));
+			}), n.push(`${t}    },`)) : typeof r == `string` ? n.push(`${t}    ${e}: "${r}",`) : typeof r == `boolean` && n.push(`${t}    ${e}: ${r},`));
+		}), n.push(`${t}  },`)), n.push(`${t}},`));
+	}
+	return n;
+}
+function m(e, t) {
+	let n = [];
+	return e && (e.getHeaders && n.push(`${t}getHeaders: ${e.getHeaders},`), e.requestMiddleware && n.push(`${t}requestMiddleware: ${e.requestMiddleware},`), e.actionParsers && n.push(`${t}actionParsers: ${e.actionParsers},`), e.actionHandlers && n.push(`${t}actionHandlers: ${e.actionHandlers},`), e.contextProviders && n.push(`${t}contextProviders: ${e.contextProviders},`), e.streamParser && n.push(`${t}streamParser: ${e.streamParser},`)), n;
+}
+function h(e, t) {
+	return JSON.stringify(e, null, t).replace(/</g, `\\u003c`).replace(/\u2028/g, `\\u2028`).replace(/\u2029/g, `\\u2029`);
+}
+function g(e, t, n) {
+	Object.entries(t).forEach(([t, r]) => {
+		if (r === void 0 || typeof r == `function`) return;
+		let i = /^[a-zA-Z_$][\w$]*$/.test(t) ? t : h(t);
+		Array.isArray(r) ? e.push(`${n}${i}: ${h(r)},`) : r && typeof r == `object` ? (e.push(`${n}${i}: {`), g(e, r, `${n}  `), e.push(`${n}},`)) : e.push(`${n}${i}: ${h(r)},`);
+	});
+}
+function _(e, t, n, r) {
+	n && (e.push(`${r}${t}: {`), g(e, n, `${r}  `), e.push(`${r}},`));
+}
+function v(e, t, n) {
+	_(e, `copy`, t.copy, n), _(e, `welcome`, t.welcome, n), t.approval === !1 ? e.push(`${n}approval: false,`) : _(e, `approval`, t.approval, n);
+}
+function y(e, t, n) {
+	t.future?.v5Defaults !== void 0 && e.push(`${n}future: { v5Defaults: ${t.future.v5Defaults === !0} },`), _(e, `brand`, t.brand, n), _(e, `darkTheme`, t.darkTheme, n), t.colorScheme !== void 0 && e.push(`${n}colorScheme: ${JSON.stringify(t.colorScheme)},`);
+}
+function b(e) {
+	return (e?.target ?? `body`).replace(/\\/g, `\\\\`).replace(/'/g, `\\'`);
+}
+function x(e, t = `esm`, r) {
+	if (r?.authoredOverrides) return S(e, t, r);
+	let i = { ...e };
+	delete i.postprocessMessage, delete i.initialMessages;
+	let a = r ? {
+		...r,
+		hooks: n(r.hooks)
+	} : void 0, o;
+	o = t === `esm` ? C(i, a) : t === `script-installer` ? D(i, a) : t === `script-advanced` ? k(i, a) : t === `react-component` ? w(i, a) : t === `react-advanced` ? T(i, a) : O(i, a);
+	let s = [
+		[`welcome.icon`, e.welcome?.icon],
+		[`approval.formatDescription`, e.approval?.formatDescription],
+		[`approval.onDecision`, e.approval?.onDecision]
+	].filter(([, e]) => typeof e == `function`).map(([e]) => e);
+	if (s.length === 0) return o;
+	let c = `Function-valued ${s.join(`, `)} omitted; reattach in host JavaScript.`;
+	return t.startsWith(`script-`) ? `<!-- ${c} -->\n${o}` : `// ${c}\n${o}`;
+}
+function S(t, r, i) {
+	let a = [], o = Symbol(`omit`), s = /* @__PURE__ */ new Set([
+		`storageAdapter`,
+		`targetProviders`,
+		`components`,
+		`voiceRecognition.provider`,
+		`voiceRecognition.provider.custom`
+	]), c = (e) => typeof e == `function` || !!e && typeof e == `object` && Object.values(e).some(c), l = (e, t) => {
+		if (typeof e == `function` || typeof e == `symbol` || e === void 0) return a.push(t), o;
+		if (!e || typeof e != `object`) return e;
+		if (s.has(t) && c(e) || !Array.isArray(e) && Object.getPrototypeOf(e) !== Object.prototype) return a.push(t), o;
+		if (Array.isArray(e)) {
+			let n = e.map((e, n) => l(e, `${t}.${n}`));
+			return n.includes(o) ? (a.push(t), o) : n;
+		}
+		return Object.fromEntries(Object.entries(e).flatMap(([e, n]) => {
+			let r = l(n, t ? `${t}.${e}` : e);
+			return r === o ? [] : [[e, r]];
+		}));
+	}, u = l(t, ``), d = n(i.hooks), f = r === `script-installer`, p = h(u, 2);
+	if (d) {
+		let e = m(d, `  `);
+		d.postprocessMessage && e.push(`  postprocessMessage: ${d.postprocessMessage},`);
+		let t = [`onFeedback`, `onCopy`];
+		if (t.some((e) => d[e])) {
+			if (!f) {
+				let e = { ...u };
+				delete e.messageActions, p = h(e, 2);
+			}
+			e.push(`  messageActions: {`), e.push(...Object.entries(u.messageActions ?? {}).map(([e, t]) => `    ${h(e)}: ${h(t)},`));
+			for (let n of t) d[n] && e.push(`    ${n}: ${d[n]},`);
+			e.push(`  },`);
+		}
+		if (f) a.push(...Object.keys(d).map((e) => `hooks.${e}`));
+		else if (e.length) {
+			let t = p.slice(1, -1).trim();
+			p = `{\n${t}${t ? `,` : ``}\n${e.join(`
+`)}\n}`;
+		}
+	}
+	r.startsWith(`script-`) && (p = p.replace(/<\/script/gi, `<\\/script`));
+	let g, _ = h(i.target ?? `body`), v = i.windowKey ? `, windowKey: ${h(i.windowKey)}` : ``, y = e(i);
+	if (g = f ? `<script src="${y}/install.global.js" data-config='${h(i.target || i.windowKey ? {
+		config: u,
+		...i.target ? { target: i.target } : {},
+		...i.windowKey ? { windowKey: i.windowKey } : {}
+	} : u).replace(/&/g, `&amp;`).replace(/'/g, `&#39;`).replace(/"/g, `&quot;`)}'><\/script>` : r.startsWith(`script-`) ? `<link rel="stylesheet" href="${y}/widget.css" />\n<script src="${y}/index.global.js"><\/script>\n<script>\nvar config = ${p};\nvar handle = window.AgentWidget.initAgentWidget({ target: ${_}${v}, config });\n<\/script>` : r.startsWith(`react-`) ? `'use client';\nimport { useEffect } from 'react';\nimport '@runtypelabs/persona/widget.css';\nimport { initAgentWidget } from '@runtypelabs/persona';\n\nexport function ChatWidget() {\n  useEffect(() => {\n    const handle = initAgentWidget({ target: ${_}${v}, config: ${p} });\n    return () => handle.destroy();\n  }, []);\n  return null;\n}` : `import '@runtypelabs/persona/widget.css';\nimport { initAgentWidget } from '@runtypelabs/persona';\n\ninitAgentWidget({ target: ${_}${v}, config: ${p} });`, !a.length) return g;
+	let b = `Omitted non-serializable inputs: ${[...new Set(a)].join(`, `)}. Reattach functions/custom implementations in host JavaScript; closures cannot be reconstructed.`;
+	return r.startsWith(`script-`) ? `<!-- ${b.replace(/--/g, `—`).replace(/</g, `&lt;`).replace(/>/g, `&gt;`)} -->\n${g}` : `// ${b.replace(/[\r\n\u2028\u2029]/g, ` `)}\n${g}`;
+}
+function C(e, t) {
+	let n = t?.hooks, r = c(e), i = r !== `plain`, a = [
+		`import '@runtypelabs/persona/widget.css';`,
+		`import { initAgentWidget, markdownPostprocessor } from '@runtypelabs/persona';`,
+		``,
+		`initAgentWidget({`,
+		`  target: '${b(t)}',`,
+		`  config: {`
+	];
+	return e.apiUrl && a.push(`    apiUrl: "${e.apiUrl}",`), e.clientToken && a.push(`    clientToken: "${e.clientToken}",`), e.agentId && a.push(`    agentId: "${e.agentId}",`), e.target && a.push(`    target: "${e.target}",`), e.flowId && a.push(`    flowId: "${e.flowId}",`), i && a.push(`    parserType: "${r}",`), y(a, e, `    `), e.theme && typeof e.theme == `object` && Object.keys(e.theme).length > 0 && _(a, `theme`, e.theme, `    `), e.launcher && _(a, `launcher`, e.launcher, `    `), v(a, e, `    `), e.sendButton && (a.push(`    sendButton: {`), Object.entries(e.sendButton).forEach(([e, t]) => {
+		typeof t == `string` ? a.push(`      ${e}: "${t}",`) : typeof t == `boolean` && a.push(`      ${e}: ${t},`);
+	}), a.push(`    },`)), e.voiceRecognition && (a.push(`    voiceRecognition: {`), Object.entries(e.voiceRecognition).forEach(([e, t]) => {
+		typeof t == `string` ? a.push(`      ${e}: "${t}",`) : (typeof t == `boolean` || typeof t == `number`) && a.push(`      ${e}: ${t},`);
+	}), a.push(`    },`)), e.statusIndicator && (a.push(`    statusIndicator: {`), Object.entries(e.statusIndicator).forEach(([e, t]) => {
+		typeof t == `string` ? a.push(`      ${e}: "${t}",`) : typeof t == `boolean` && a.push(`      ${e}: ${t},`);
+	}), a.push(`    },`)), e.features && (a.push(`    features: {`), Object.entries(e.features).forEach(([e, t]) => {
+		a.push(`      ${e}: ${t},`);
+	}), a.push(`    },`)), a.push(...f(e, `    `)), e.suggestionChips && e.suggestionChips.length > 0 && (a.push(`    suggestionChips: [`), e.suggestionChips.forEach((e) => {
+		a.push(`      "${e}",`);
+	}), a.push(`    ],`)), e.suggestionChipsConfig && (a.push(`    suggestionChipsConfig: {`), e.suggestionChipsConfig.fontFamily && a.push(`      fontFamily: "${e.suggestionChipsConfig.fontFamily}",`), e.suggestionChipsConfig.fontWeight && a.push(`      fontWeight: "${e.suggestionChipsConfig.fontWeight}",`), e.suggestionChipsConfig.paddingX && a.push(`      paddingX: "${e.suggestionChipsConfig.paddingX}",`), e.suggestionChipsConfig.paddingY && a.push(`      paddingY: "${e.suggestionChipsConfig.paddingY}",`), a.push(`    },`)), a.push(...l(e, `    `)), a.push(...u(e, `    `, n)), a.push(...d(e, `    `)), a.push(...p(e, `    `)), a.push(...m(n, `    `)), e.debug && a.push(`    debug: ${e.debug},`), n?.postprocessMessage ? a.push(`    postprocessMessage: ${n.postprocessMessage}`) : a.push(`    postprocessMessage: ({ text }) => markdownPostprocessor(text)`), a.push(`  }`), a.push(`});`), a.join(`
+`);
+}
+function w(e, t) {
+	let n = t?.hooks, r = c(e), i = r !== `plain`, a = [
+		`// ChatWidget.tsx`,
+		`'use client'; // Required for Next.js - remove for Vite/CRA`,
+		``,
+		`import { useEffect } from 'react';`,
+		`import '@runtypelabs/persona/widget.css';`,
+		`import { initAgentWidget, markdownPostprocessor } from '@runtypelabs/persona';`,
+		`import type { AgentWidgetInitHandle } from '@runtypelabs/persona';`,
+		``,
+		`export function ChatWidget() {`,
+		`  useEffect(() => {`,
+		`    let handle: AgentWidgetInitHandle | null = null;`,
+		``,
+		`    handle = initAgentWidget({`,
+		`      target: '${b(t)}',`,
+		`      config: {`
+	];
+	return e.apiUrl && a.push(`        apiUrl: "${e.apiUrl}",`), e.clientToken && a.push(`        clientToken: "${e.clientToken}",`), e.agentId && a.push(`        agentId: "${e.agentId}",`), e.target && a.push(`        target: "${e.target}",`), e.flowId && a.push(`        flowId: "${e.flowId}",`), i && a.push(`        parserType: "${r}",`), y(a, e, `        `), e.theme && typeof e.theme == `object` && Object.keys(e.theme).length > 0 && _(a, `theme`, e.theme, `        `), e.launcher && _(a, `launcher`, e.launcher, `        `), v(a, e, `        `), e.sendButton && (a.push(`        sendButton: {`), Object.entries(e.sendButton).forEach(([e, t]) => {
+		typeof t == `string` ? a.push(`          ${e}: "${t}",`) : typeof t == `boolean` && a.push(`          ${e}: ${t},`);
+	}), a.push(`        },`)), e.voiceRecognition && (a.push(`        voiceRecognition: {`), Object.entries(e.voiceRecognition).forEach(([e, t]) => {
+		typeof t == `string` ? a.push(`          ${e}: "${t}",`) : (typeof t == `boolean` || typeof t == `number`) && a.push(`          ${e}: ${t},`);
+	}), a.push(`        },`)), e.statusIndicator && (a.push(`        statusIndicator: {`), Object.entries(e.statusIndicator).forEach(([e, t]) => {
+		typeof t == `string` ? a.push(`          ${e}: "${t}",`) : typeof t == `boolean` && a.push(`          ${e}: ${t},`);
+	}), a.push(`        },`)), e.features && (a.push(`        features: {`), Object.entries(e.features).forEach(([e, t]) => {
+		a.push(`          ${e}: ${t},`);
+	}), a.push(`        },`)), a.push(...f(e, `        `)), e.suggestionChips && e.suggestionChips.length > 0 && (a.push(`        suggestionChips: [`), e.suggestionChips.forEach((e) => {
+		a.push(`          "${e}",`);
+	}), a.push(`        ],`)), e.suggestionChipsConfig && (a.push(`        suggestionChipsConfig: {`), e.suggestionChipsConfig.fontFamily && a.push(`          fontFamily: "${e.suggestionChipsConfig.fontFamily}",`), e.suggestionChipsConfig.fontWeight && a.push(`          fontWeight: "${e.suggestionChipsConfig.fontWeight}",`), e.suggestionChipsConfig.paddingX && a.push(`          paddingX: "${e.suggestionChipsConfig.paddingX}",`), e.suggestionChipsConfig.paddingY && a.push(`          paddingY: "${e.suggestionChipsConfig.paddingY}",`), a.push(`        },`)), a.push(...l(e, `        `)), a.push(...u(e, `        `, n)), a.push(...d(e, `        `)), a.push(...p(e, `        `)), a.push(...m(n, `        `)), e.debug && a.push(`        debug: ${e.debug},`), n?.postprocessMessage ? a.push(`        postprocessMessage: ${n.postprocessMessage}`) : a.push(`        postprocessMessage: ({ text }) => markdownPostprocessor(text)`), a.push(`      }`), a.push(`    });`), a.push(``), a.push(`    // Cleanup on unmount`), a.push(`    return () => {`), a.push(`      if (handle) {`), a.push(`        handle.destroy();`), a.push(`      }`), a.push(`    };`), a.push(`  }, []);`), a.push(``), a.push(`  return null; // Widget injects itself into the DOM`), a.push(`}`), a.push(``), a.push(`// Usage in your app:`), a.push(`// import { ChatWidget } from './components/ChatWidget';`), a.push(`//`), a.push(`// export default function App() {`), a.push(`//   return (`), a.push(`//     <div>`), a.push(`//       {/* Your app content */}`), a.push(`//       <ChatWidget />`), a.push(`//     </div>`), a.push(`//   );`), a.push(`// }`), a.join(`
+`);
+}
+function T(e, t) {
+	let n = t?.hooks, i = [
+		`// ChatWidgetAdvanced.tsx`,
+		`'use client'; // Required for Next.js - remove for Vite/CRA`,
+		``,
+		`import { useEffect } from 'react';`,
+		`import '@runtypelabs/persona/widget.css';`,
+		`import {`,
+		`  initAgentWidget,`,
+		`  createFlexibleJsonStreamParser,`,
+		`  defaultJsonActionParser,`,
+		`  defaultActionHandlers,`,
+		`  markdownPostprocessor`,
+		`} from '@runtypelabs/persona';`,
+		`import type { AgentWidgetInitHandle } from '@runtypelabs/persona';`,
+		``,
+		`const STORAGE_KEY = 'chat-widget-state';`,
+		`const PROCESSED_ACTIONS_KEY = 'chat-widget-processed-actions';`,
+		``,
+		`// Types for DOM elements`,
+		`interface PageElement {`,
+		`  type: string;`,
+		`  tagName: string;`,
+		`  selector: string;`,
+		`  innerText: string;`,
+		`  href?: string;`,
+		`}`,
+		``,
+		`interface DOMContext {`,
+		`  page_elements: PageElement[];`,
+		`  page_element_count: number;`,
+		`  element_types: Record<string, number>;`,
+		`  page_url: string;`,
+		`  page_title: string;`,
+		`  timestamp: string;`,
+		`}`,
+		``,
+		`// DOM context provider - extracts page elements for AI context`,
+		`const collectDOMContext = (): DOMContext => {`,
+		`  const selectors = {`,
+		`    products: '[data-product-id], .product-card, .product-item, [role="article"]',`,
+		`    buttons: 'button, [role="button"], .btn',`,
+		`    links: 'a[href]',`,
+		`    inputs: 'input, textarea, select'`,
+		`  };`,
+		``,
+		`  const elements: PageElement[] = [];`,
+		`  Object.entries(selectors).forEach(([type, selector]) => {`,
+		`    document.querySelectorAll(selector).forEach((element) => {`,
+		`      if (!(element instanceof HTMLElement)) return;`,
+		`      `,
+		`      // Exclude elements within the widget`,
+		`      const widgetHost = element.closest('.persona-host');`,
+		`      if (widgetHost) return;`,
+		`      `,
+		`      const text = element.innerText?.trim();`,
+		`      if (!text) return;`,
+		``,
+		`      const selectorString =`,
+		"        element.id ? `#${element.id}` :",
+		"        element.getAttribute('data-testid') ? `[data-testid=\"${element.getAttribute('data-testid')}\"]` :",
+		"        element.getAttribute('data-product-id') ? `[data-product-id=\"${element.getAttribute('data-product-id')}\"]` :",
+		`        element.tagName.toLowerCase();`,
+		``,
+		`      const elementData: PageElement = {`,
+		`        type,`,
+		`        tagName: element.tagName.toLowerCase(),`,
+		`        selector: selectorString,`,
+		`        innerText: text.substring(0, 200)`,
+		`      };`,
+		``,
+		`      if (type === 'links' && element instanceof HTMLAnchorElement && element.href) {`,
+		`        elementData.href = element.href;`,
+		`      }`,
+		``,
+		`      elements.push(elementData);`,
+		`    });`,
+		`  });`,
+		``,
+		`  const counts = elements.reduce((acc, el) => {`,
+		`    acc[el.type] = (acc[el.type] || 0) + 1;`,
+		`    return acc;`,
+		`  }, {} as Record<string, number>);`,
+		``,
+		`  return {`,
+		`    page_elements: elements.slice(0, 50),`,
+		`    page_element_count: elements.length,`,
+		`    element_types: counts,`,
+		`    page_url: window.location.href,`,
+		`    page_title: document.title,`,
+		`    timestamp: new Date().toISOString()`,
+		`  };`,
+		`};`,
+		``,
+		`export function ChatWidgetAdvanced() {`,
+		`  useEffect(() => {`,
+		`    let handle: AgentWidgetInitHandle | null = null;`,
+		``,
+		`    // Load saved state`,
+		`    const loadSavedMessages = () => {`,
+		`      const savedState = localStorage.getItem(STORAGE_KEY);`,
+		`      if (savedState) {`,
+		`        try {`,
+		`          const { messages } = JSON.parse(savedState);`,
+		`          return messages || [];`,
+		`        } catch (e) {`,
+		`          console.error('Failed to load saved state:', e);`,
+		`        }`,
+		`      }`,
+		`      return [];`,
+		`    };`,
+		``,
+		`    handle = initAgentWidget({`,
+		`      target: '${b(t)}',`,
+		`      config: {`
+	];
+	return e.apiUrl && i.push(`        apiUrl: "${e.apiUrl}",`), e.clientToken && i.push(`        clientToken: "${e.clientToken}",`), e.agentId && i.push(`        agentId: "${e.agentId}",`), e.target && i.push(`        target: "${e.target}",`), e.flowId && i.push(`        flowId: "${e.flowId}",`), y(i, e, `        `), e.theme && typeof e.theme == `object` && Object.keys(e.theme).length > 0 && _(i, `theme`, e.theme, `        `), e.launcher && _(i, `launcher`, e.launcher, `        `), v(i, e, `        `), e.sendButton && (i.push(`        sendButton: {`), Object.entries(e.sendButton).forEach(([e, t]) => {
+		typeof t == `string` ? i.push(`          ${e}: "${t}",`) : typeof t == `boolean` && i.push(`          ${e}: ${t},`);
+	}), i.push(`        },`)), e.voiceRecognition && (i.push(`        voiceRecognition: {`), Object.entries(e.voiceRecognition).forEach(([e, t]) => {
+		typeof t == `string` ? i.push(`          ${e}: "${t}",`) : (typeof t == `boolean` || typeof t == `number`) && i.push(`          ${e}: ${t},`);
+	}), i.push(`        },`)), e.statusIndicator && (i.push(`        statusIndicator: {`), Object.entries(e.statusIndicator).forEach(([e, t]) => {
+		typeof t == `string` ? i.push(`          ${e}: "${t}",`) : typeof t == `boolean` && i.push(`          ${e}: ${t},`);
+	}), i.push(`        },`)), e.features && (i.push(`        features: {`), Object.entries(e.features).forEach(([e, t]) => {
+		i.push(`          ${e}: ${t},`);
+	}), i.push(`        },`)), i.push(...f(e, `        `)), e.suggestionChips && e.suggestionChips.length > 0 && (i.push(`        suggestionChips: [`), e.suggestionChips.forEach((e) => {
+		i.push(`          "${e}",`);
+	}), i.push(`        ],`)), e.suggestionChipsConfig && (i.push(`        suggestionChipsConfig: {`), e.suggestionChipsConfig.fontFamily && i.push(`          fontFamily: "${e.suggestionChipsConfig.fontFamily}",`), e.suggestionChipsConfig.fontWeight && i.push(`          fontWeight: "${e.suggestionChipsConfig.fontWeight}",`), e.suggestionChipsConfig.paddingX && i.push(`          paddingX: "${e.suggestionChipsConfig.paddingX}",`), e.suggestionChipsConfig.paddingY && i.push(`          paddingY: "${e.suggestionChipsConfig.paddingY}",`), i.push(`        },`)), i.push(...l(e, `        `)), i.push(...u(e, `        `, n)), i.push(...d(e, `        `)), i.push(...p(e, `        `)), n?.getHeaders && i.push(`        getHeaders: ${n.getHeaders},`), n?.contextProviders && i.push(`        contextProviders: ${n.contextProviders},`), e.debug && i.push(`        debug: ${e.debug},`), i.push(`        initialMessages: loadSavedMessages(),`), n?.streamParser ? i.push(`        streamParser: ${n.streamParser},`) : (i.push(`        // Flexible JSON stream parser for handling structured actions`), i.push(`        streamParser: () => createFlexibleJsonStreamParser((parsed: any) => {
+  if (!parsed || typeof parsed !== 'object') return null;
+  if (parsed.action === 'nav_then_click') return 'Navigating...';
+  if (parsed.action === 'message') return parsed.text || '';
+  if (parsed.action === 'message_and_click') return parsed.text || 'Processing...';
+  return parsed.text || null;
+}),`)), n?.actionParsers ? (i.push(`        // Action parsers (custom merged with defaults)`), i.push(`        actionParsers: [...(${n.actionParsers}), defaultJsonActionParser,`), i.push(`          // Built-in parser for markdown-wrapped JSON`), i.push(`          ${r}`), i.push(`        ],`)) : (i.push(`        // Action parsers to detect JSON actions in responses`), i.push(`        actionParsers: [`), i.push(`          defaultJsonActionParser,`), i.push(`          // Parser for markdown-wrapped JSON`), i.push(`          ${r}`), i.push(`        ],`)), n?.actionHandlers ? (i.push(`        // Action handlers (custom merged with defaults)`), i.push(`        actionHandlers: [...(${n.actionHandlers}),`), i.push(`          defaultActionHandlers.message,`), i.push(`          defaultActionHandlers.messageAndClick,`), i.push(`          // Built-in handler for nav_then_click action`), i.push(`          ${a}`), i.push(`        ],`)) : (i.push(`        // Action handlers for navigation and other actions`), i.push(`        actionHandlers: [`), i.push(`          defaultActionHandlers.message,`), i.push(`          defaultActionHandlers.messageAndClick,`), i.push(`          // Handler for nav_then_click action`), i.push(`          ${a}`), i.push(`        ],`)), n?.postprocessMessage ? i.push(`        postprocessMessage: ${n.postprocessMessage},`) : i.push(`        postprocessMessage: ({ text }) => markdownPostprocessor(text),`), n?.requestMiddleware ? (i.push(`        // Request middleware (custom merged with DOM context)`), i.push(`        requestMiddleware: ({ payload, config }) => {`), i.push(`          const customResult = (${n.requestMiddleware})({ payload, config });`), i.push(`          const merged = customResult || payload;`), i.push(`          return {`), i.push(`            ...merged,`), i.push(`            metadata: { ...merged.metadata, ...collectDOMContext() }`), i.push(`          };`), i.push(`        }`)) : (i.push(`        requestMiddleware: ({ payload }) => {`), i.push(`          return {`), i.push(`            ...payload,`), i.push(`            metadata: collectDOMContext()`), i.push(`          };`), i.push(`        }`)), i.push(`      }`), i.push(`    });`), i.push(``), i.push(`    // Save state on message events`), i.push(`    const handleMessage = () => {`), i.push(`      const session = handle?.getSession?.();`), i.push(`      if (session) {`), i.push(`        localStorage.setItem(STORAGE_KEY, JSON.stringify({`), i.push(`          messages: session.messages,`), i.push(`          timestamp: new Date().toISOString()`), i.push(`        }));`), i.push(`      }`), i.push(`    };`), i.push(``), i.push(`    // Clear state on clear chat`), i.push(`    const handleClearChat = () => {`), i.push(`      localStorage.removeItem(STORAGE_KEY);`), i.push(`      localStorage.removeItem(PROCESSED_ACTIONS_KEY);`), i.push(`    };`), i.push(``), i.push(`    window.addEventListener('persona:message', handleMessage);`), i.push(`    window.addEventListener('persona:clear-chat', handleClearChat);`), i.push(``), i.push(`    // Cleanup on unmount`), i.push(`    return () => {`), i.push(`      window.removeEventListener('persona:message', handleMessage);`), i.push(`      window.removeEventListener('persona:clear-chat', handleClearChat);`), i.push(`      if (handle) {`), i.push(`        handle.destroy();`), i.push(`      }`), i.push(`    };`), i.push(`  }, []);`), i.push(``), i.push(`  return null; // Widget injects itself into the DOM`), i.push(`}`), i.push(``), i.push(`// Usage: Collects DOM context for AI-powered navigation`), i.push(`// Features:`), i.push(`// - Extracts page elements (products, buttons, links)`), i.push(`// - Persists chat history across page loads`), i.push(`// - Handles navigation actions (nav_then_click)`), i.push(`// - Processes structured JSON actions from AI`), i.push(`//`), i.push(`// Example usage in Next.js:`), i.push(`// import { ChatWidgetAdvanced } from './components/ChatWidgetAdvanced';`), i.push(`//`), i.push(`// export default function RootLayout({ children }) {`), i.push(`//   return (`), i.push(`//     <html lang="en">`), i.push(`//       <body>`), i.push(`//         {children}`), i.push(`//         <ChatWidgetAdvanced />`), i.push(`//       </body>`), i.push(`//     </html>`), i.push(`//   );`), i.push(`// }`), i.join(`
+`);
+}
+function E(e) {
+	let t = c(e), n = t !== `plain`, r = {};
+	if (e.apiUrl && (r.apiUrl = e.apiUrl), e.clientToken && (r.clientToken = e.clientToken), e.agentId && (r.agentId = e.agentId), e.target && (r.target = e.target), e.flowId && (r.flowId = e.flowId), n && (r.parserType = t), e.future?.v5Defaults !== void 0 && (r.future = { v5Defaults: e.future.v5Defaults === !0 }), e.theme && (r.theme = e.theme), e.brand && (r.brand = e.brand), e.darkTheme && (r.darkTheme = e.darkTheme), e.colorScheme !== void 0 && (r.colorScheme = e.colorScheme), e.launcher && (r.launcher = e.launcher), e.copy && (r.copy = e.copy), e.welcome !== void 0 && (r.welcome = e.welcome), e.approval !== void 0 && (r.approval = e.approval), e.sendButton && (r.sendButton = e.sendButton), e.voiceRecognition && (r.voiceRecognition = e.voiceRecognition), e.statusIndicator && (r.statusIndicator = e.statusIndicator), e.features && (r.features = e.features), e.suggestions && (r.suggestions = e.suggestions), e.suggestionChips?.length > 0 && (r.suggestionChips = e.suggestionChips), e.suggestionChipsConfig && (r.suggestionChipsConfig = e.suggestionChipsConfig), e.debug && (r.debug = e.debug), e.toolCall) {
+		let t = {};
+		Object.entries(e.toolCall).forEach(([e, n]) => {
+			typeof n == `string` && (t[e] = n);
+		}), Object.keys(t).length > 0 && (r.toolCall = t);
+	}
+	if (e.messageActions) {
+		let t = {};
+		Object.entries(e.messageActions).forEach(([e, n]) => {
+			e !== `onFeedback` && e !== `onCopy` && n !== void 0 && (typeof n == `string` || typeof n == `boolean`) && (t[e] = n);
+		}), Object.keys(t).length > 0 && (r.messageActions = t);
+	}
+	if (e.markdown) {
+		let t = {};
+		e.markdown.options && (t.options = e.markdown.options), e.markdown.disableDefaultStyles !== void 0 && (t.disableDefaultStyles = e.markdown.disableDefaultStyles), Object.keys(t).length > 0 && (r.markdown = t);
+	}
+	if (e.layout) {
+		let t = {};
+		if (e.layout.header) {
+			let n = {};
+			Object.entries(e.layout.header).forEach(([e, t]) => {
+				e !== `render` && (typeof t == `string` || typeof t == `boolean`) && (n[e] = t);
+			}), Object.keys(n).length > 0 && (t.header = n);
+		}
+		if (e.layout.messages) {
+			let n = {};
+			Object.entries(e.layout.messages).forEach(([e, t]) => {
+				if (e !== `renderUserMessage` && e !== `renderAssistantMessage`) {
+					if (e === `avatar` && typeof t == `object` && t) n.avatar = t;
+					else if (e === `timestamp` && typeof t == `object` && t) {
+						let e = {};
+						Object.entries(t).forEach(([t, n]) => {
+							t !== `format` && (typeof n == `string` || typeof n == `boolean`) && (e[t] = n);
+						}), Object.keys(e).length > 0 && (n.timestamp = e);
+					} else (typeof t == `string` || typeof t == `boolean`) && (n[e] = t);
+				}
+			}), Object.keys(n).length > 0 && (t.messages = n);
+		}
+		Object.keys(t).length > 0 && (r.layout = t);
+	}
+	return r;
+}
+function D(t, n) {
+	let r = E(t), i = n?.windowKey || n?.target ? {
+		config: r,
+		...n?.windowKey ? { windowKey: n.windowKey } : {},
+		...n?.target ? { target: n.target } : {}
+	} : r, a = JSON.stringify(i).replace(/&/g, `&amp;`).replace(/</g, `&lt;`).replace(/>/g, `&gt;`).replace(/'/g, `&#39;`);
+	return `<script src="${e(n)}/install.global.js" data-config='${a}'><\/script>`;
+}
+function O(t, n) {
+	let r = n?.hooks, i = c(t), a = i !== `plain`, o = e(n), s = [
+		`<!-- Load CSS -->`,
+		`<link rel="stylesheet" href="${o}/widget.css" />`,
+		``,
+		`<!-- Load JavaScript -->`,
+		`<script src="${o}/index.global.js"><\/script>`,
+		``,
+		`<!-- Initialize widget -->`,
+		`<script>`,
+		`  var handle = window.AgentWidget.initAgentWidget({`,
+		`    target: '${b(n)}',`,
+		...n?.windowKey ? [`    windowKey: '${n.windowKey}',`] : [],
+		`    config: {`
+	];
+	return t.apiUrl && s.push(`      apiUrl: "${t.apiUrl}",`), t.clientToken && s.push(`      clientToken: "${t.clientToken}",`), t.agentId && s.push(`      agentId: "${t.agentId}",`), t.target && s.push(`      target: "${t.target}",`), t.flowId && s.push(`      flowId: "${t.flowId}",`), a && s.push(`      parserType: "${i}",`), y(s, t, `      `), t.theme && typeof t.theme == `object` && Object.keys(t.theme).length > 0 && _(s, `theme`, t.theme, `      `), t.launcher && _(s, `launcher`, t.launcher, `      `), v(s, t, `      `), t.sendButton && (s.push(`      sendButton: {`), Object.entries(t.sendButton).forEach(([e, t]) => {
+		typeof t == `string` ? s.push(`        ${e}: "${t}",`) : typeof t == `boolean` && s.push(`        ${e}: ${t},`);
+	}), s.push(`      },`)), t.voiceRecognition && (s.push(`      voiceRecognition: {`), Object.entries(t.voiceRecognition).forEach(([e, t]) => {
+		typeof t == `string` ? s.push(`        ${e}: "${t}",`) : (typeof t == `boolean` || typeof t == `number`) && s.push(`        ${e}: ${t},`);
+	}), s.push(`      },`)), t.statusIndicator && (s.push(`      statusIndicator: {`), Object.entries(t.statusIndicator).forEach(([e, t]) => {
+		typeof t == `string` ? s.push(`        ${e}: "${t}",`) : typeof t == `boolean` && s.push(`        ${e}: ${t},`);
+	}), s.push(`      },`)), t.features && (s.push(`      features: {`), Object.entries(t.features).forEach(([e, t]) => {
+		s.push(`        ${e}: ${t},`);
+	}), s.push(`      },`)), s.push(...f(t, `      `)), t.suggestionChips && t.suggestionChips.length > 0 && (s.push(`      suggestionChips: [`), t.suggestionChips.forEach((e) => {
+		s.push(`        "${e}",`);
+	}), s.push(`      ],`)), t.suggestionChipsConfig && (s.push(`      suggestionChipsConfig: {`), t.suggestionChipsConfig.fontFamily && s.push(`        fontFamily: "${t.suggestionChipsConfig.fontFamily}",`), t.suggestionChipsConfig.fontWeight && s.push(`        fontWeight: "${t.suggestionChipsConfig.fontWeight}",`), t.suggestionChipsConfig.paddingX && s.push(`        paddingX: "${t.suggestionChipsConfig.paddingX}",`), t.suggestionChipsConfig.paddingY && s.push(`        paddingY: "${t.suggestionChipsConfig.paddingY}",`), s.push(`      },`)), s.push(...l(t, `      `)), s.push(...u(t, `      `, r)), s.push(...d(t, `      `)), s.push(...p(t, `      `)), s.push(...m(r, `      `)), t.debug && s.push(`      debug: ${t.debug},`), r?.postprocessMessage ? s.push(`      postprocessMessage: ${r.postprocessMessage}`) : s.push(`      postprocessMessage: ({ text }) => window.AgentWidget.markdownPostprocessor(text)`), s.push(`    }`), s.push(`  });`), s.push(`<\/script>`), s.join(`
+`);
+}
+function k(t, n) {
+	let r = n?.hooks, a = [
+		`<script>`,
+		`(function() {`,
+		`  'use strict';`,
+		``,
+		`  // Configuration`,
+		`  var CONFIG = ${h(E(t), 2).split(`
+`).map((e, t) => t === 0 ? e : `  ` + e).join(`
+`)};`,
+		``,
+		`  // Constants`,
+		`  var CDN_BASE = '${e(n)}';`,
+		`  var STORAGE_KEY = 'chat-widget-state';`,
+		`  var PROCESSED_ACTIONS_KEY = 'chat-widget-processed-actions';`,
+		``,
+		`  // DOM context provider - extracts page elements for AI context`,
+		`  var domContextProvider = function() {`,
+		`    var selectors = {`,
+		`      products: '[data-product-id], .product-card, .product-item, [role="article"]',`,
+		`      buttons: 'button, [role="button"], .btn',`,
+		`      links: 'a[href]',`,
+		`      inputs: 'input, textarea, select'`,
+		`    };`,
+		``,
+		`    var elements = [];`,
+		`    Object.entries(selectors).forEach(function(entry) {`,
+		`      var type = entry[0], selector = entry[1];`,
+		`      document.querySelectorAll(selector).forEach(function(element) {`,
+		`        if (!(element instanceof HTMLElement)) return;`,
+		`        var widgetHost = element.closest('.persona-host');`,
+		`        if (widgetHost) return;`,
+		`        var text = element.innerText ? element.innerText.trim() : '';`,
+		`        if (!text) return;`,
+		``,
+		`        var selectorString = element.id ? '#' + element.id :`,
+		`          element.getAttribute('data-testid') ? '[data-testid="' + element.getAttribute('data-testid') + '"]' :`,
+		`          element.getAttribute('data-product-id') ? '[data-product-id="' + element.getAttribute('data-product-id') + '"]' :`,
+		`          element.tagName.toLowerCase();`,
+		``,
+		`        var elementData = {`,
+		`          type: type,`,
+		`          tagName: element.tagName.toLowerCase(),`,
+		`          selector: selectorString,`,
+		`          innerText: text.substring(0, 200)`,
+		`        };`,
+		``,
+		`        if (type === 'links' && element instanceof HTMLAnchorElement && element.href) {`,
+		`          elementData.href = element.href;`,
+		`        }`,
+		`        elements.push(elementData);`,
+		`      });`,
+		`    });`,
+		``,
+		`    var counts = elements.reduce(function(acc, el) {`,
+		`      acc[el.type] = (acc[el.type] || 0) + 1;`,
+		`      return acc;`,
+		`    }, {});`,
+		``,
+		`    return {`,
+		`      page_elements: elements.slice(0, 50),`,
+		`      page_element_count: elements.length,`,
+		`      element_types: counts,`,
+		`      page_url: window.location.href,`,
+		`      page_title: document.title,`,
+		`      timestamp: new Date().toISOString()`,
+		`    };`,
+		`  };`,
+		``,
+		`  // Load CSS dynamically`,
+		`  var loadCSS = function() {`,
+		`    if (document.querySelector('link[data-persona]')) return;`,
+		`    var link = document.createElement('link');`,
+		`    link.rel = 'stylesheet';`,
+		`    link.href = CDN_BASE + '/widget.css';`,
+		`    link.setAttribute('data-persona', 'true');`,
+		`    document.head.appendChild(link);`,
+		`  };`,
+		``,
+		`  // Load JS dynamically`,
+		`  var loadJS = function(callback) {`,
+		`    if (window.AgentWidget) { callback(); return; }`,
+		`    var script = document.createElement('script');`,
+		`    script.src = CDN_BASE + '/index.global.js';`,
+		`    script.onload = callback;`,
+		`    script.onerror = function() { console.error('Failed to load AgentWidget'); };`,
+		`    document.head.appendChild(script);`,
+		`  };`,
+		``,
+		`  // Create widget config with advanced features`,
+		`  var createWidgetConfig = function(agentWidget) {`,
+		`    var widgetConfig = Object.assign({}, CONFIG);`,
+		``
+	];
+	return r?.getHeaders && (a.push(`    widgetConfig.getHeaders = ${r.getHeaders};`), a.push(``)), r?.contextProviders && (a.push(`    widgetConfig.contextProviders = ${r.contextProviders};`), a.push(``)), r?.streamParser ? a.push(`    widgetConfig.streamParser = ${r.streamParser};`) : (a.push(`    // Flexible JSON stream parser for handling structured actions`), a.push(`    widgetConfig.streamParser = function() {`), a.push(`      return agentWidget.createFlexibleJsonStreamParser(function(parsed) {
+  if (!parsed || typeof parsed !== 'object') return null;
+  if (parsed.action === 'nav_then_click') return 'Navigating...';
+  if (parsed.action === 'message') return parsed.text || '';
+  if (parsed.action === 'message_and_click') return parsed.text || 'Processing...';
+  return parsed.text || null;
+});`), a.push(`    };`)), a.push(``), r?.actionParsers ? (a.push(`    // Action parsers (custom merged with defaults)`), a.push(`    var customParsers = ${r.actionParsers};`), a.push(`    widgetConfig.actionParsers = customParsers.concat([`), a.push(`      agentWidget.defaultJsonActionParser,`), a.push(`      ${i}`), a.push(`    ]);`)) : (a.push(`    // Action parsers to detect JSON actions in responses`), a.push(`    widgetConfig.actionParsers = [`), a.push(`      agentWidget.defaultJsonActionParser,`), a.push(`      ${i}`), a.push(`    ];`)), a.push(``), r?.actionHandlers ? (a.push(`    // Action handlers (custom merged with defaults)`), a.push(`    var customHandlers = ${r.actionHandlers};`), a.push(`    widgetConfig.actionHandlers = customHandlers.concat([`), a.push(`      agentWidget.defaultActionHandlers.message,`), a.push(`      agentWidget.defaultActionHandlers.messageAndClick,`), a.push(`      ${o}`), a.push(`    ]);`)) : (a.push(`    // Action handlers for navigation and other actions`), a.push(`    widgetConfig.actionHandlers = [`), a.push(`      agentWidget.defaultActionHandlers.message,`), a.push(`      agentWidget.defaultActionHandlers.messageAndClick,`), a.push(`      ${o}`), a.push(`    ];`)), a.push(``), r?.requestMiddleware ? (a.push(`    // Request middleware (custom merged with DOM context)`), a.push(`    widgetConfig.requestMiddleware = function(ctx) {`), a.push(`      var customResult = (${r.requestMiddleware})(ctx);`), a.push(`      var merged = customResult || ctx.payload;`), a.push(`      return Object.assign({}, merged, { metadata: Object.assign({}, merged.metadata, domContextProvider()) });`), a.push(`    };`)) : (a.push(`    // Send DOM context with each request`), a.push(`    widgetConfig.requestMiddleware = function(ctx) {`), a.push(`      return Object.assign({}, ctx.payload, { metadata: domContextProvider() });`), a.push(`    };`)), a.push(``), r?.postprocessMessage ? a.push(`    widgetConfig.postprocessMessage = ${r.postprocessMessage};`) : (a.push(`    // Markdown postprocessor`), a.push(`    widgetConfig.postprocessMessage = function(ctx) {`), a.push(`      return agentWidget.markdownPostprocessor(ctx.text);`), a.push(`    };`)), a.push(``), (r?.onFeedback || r?.onCopy) && (a.push(`    // Message action callbacks`), a.push(`    widgetConfig.messageActions = widgetConfig.messageActions || {};`), r?.onFeedback && a.push(`    widgetConfig.messageActions.onFeedback = ${r.onFeedback};`), r?.onCopy && a.push(`    widgetConfig.messageActions.onCopy = ${r.onCopy};`), a.push(``)), a.push(`    return widgetConfig;`, `  };`, ``, `  // Initialize widget`, `  var init = function() {`, `    var agentWidget = window.AgentWidget;`, `    if (!agentWidget) {`, `      console.error('AgentWidget not loaded');`, `      return;`, `    }`, ``, `    var widgetConfig = createWidgetConfig(agentWidget);`, ``, `    // Load saved state`, `    var savedState = localStorage.getItem(STORAGE_KEY);`, `    if (savedState) {`, `      try {`, `        var parsed = JSON.parse(savedState);`, `        widgetConfig.initialMessages = parsed.messages || [];`, `      } catch (e) {`, `        console.error('Failed to load saved state:', e);`, `      }`, `    }`, ``, `    // Initialize widget`, `    var handle = agentWidget.initAgentWidget({`, `      target: '${b(n)}',`, `      useShadowDom: false,`, ...n?.windowKey ? [`      windowKey: '${n.windowKey}',`] : [], `      config: widgetConfig`, `    });`, ``, `    // Save state on message events`, `    window.addEventListener('persona:message', function() {`, `      var session = handle.getSession ? handle.getSession() : null;`, `      if (session) {`, `        localStorage.setItem(STORAGE_KEY, JSON.stringify({`, `          messages: session.messages,`, `          timestamp: new Date().toISOString()`, `        }));`, `      }`, `    });`, ``, `    // Clear state on clear chat`, `    window.addEventListener('persona:clear-chat', function() {`, `      localStorage.removeItem(STORAGE_KEY);`, `      localStorage.removeItem(PROCESSED_ACTIONS_KEY);`, `    });`, `  };`, ``, `  // Wait for framework hydration to complete (Next.js, Nuxt, etc.)`, `  // This prevents the framework from removing dynamically added CSS during reconciliation`, `  var waitForHydration = function(callback) {`, `    var executed = false;`, `    `, `    var execute = function() {`, `      if (executed) return;`, `      executed = true;`, `      callback();`, `    };`, ``, `    var afterDom = function() {`, `      // Strategy 1: Use requestIdleCallback if available (best for detecting idle after hydration)`, `      if (typeof requestIdleCallback !== 'undefined') {`, `        requestIdleCallback(function() {`, `          // Double requestAnimationFrame ensures at least one full paint cycle completed`, `          requestAnimationFrame(function() {`, `            requestAnimationFrame(execute);`, `          });`, `        }, { timeout: 3000 }); // Max wait 3 seconds, then proceed anyway`, `      } else {`, `        // Strategy 2: Fallback for Safari (no requestIdleCallback)`, `        // 300ms is typically enough for hydration on most pages`, `        setTimeout(execute, 300);`, `      }`, `    };`, ``, `    if (document.readyState === 'loading') {`, `      document.addEventListener('DOMContentLoaded', afterDom);`, `    } else {`, `      // DOM already ready, but still wait for potential hydration`, `      afterDom();`, `    }`, `  };`, ``, `  // Boot sequence: wait for hydration, then load CSS and JS, then initialize`, `  // This prevents Next.js/Nuxt/etc. from removing dynamically added CSS during reconciliation`, `  waitForHydration(function() {`, `    loadCSS();`, `    loadJS(function() {`, `      init();`, `    });`, `  });`, `})();`, `<\/script>`), a.join(`
+`);
+}
+// src/lib/persona-snippets.ts
+/**
+* Map a CLI format to its real Persona generator format. Each maps to its true
+* equivalent: `script-manual` → Persona's CDN global-script `script-manual` (not
+* the heavy DOM-collecting `script-advanced`), `esm` → the npm/ESM init, `react`
+* → the React component.
+*/
+function mapCliFormatToPersona(cli) {
+	switch (cli) {
+		case "script-installer": return "script-installer";
+		case "script-manual": return "script-manual";
+		case "esm": return "esm";
+		case "react": return "react-component";
+		default: return cli;
+	}
+}
+function parsePersonaInitFormat(raw) {
+	const normalized = raw.trim().toLowerCase();
+	if (normalized === "script-installer" || normalized === "script-manual" || normalized === "esm" || normalized === "react") return normalized;
+	throw new Error(`Invalid --format "${raw}". Use: script-installer | script-manual | esm | react`);
+}
+/**
+* Build the widget config the generator serializes. Kept minimal — the CLI only
+* collects token + apiUrl; `parserType: 'json'` matches the platform default for
+* agent/flow surfaces. The mount target is passed via generator options (not the
+* widget config) because it is an init/installer argument, not a config field.
+*/
+function buildWidgetConfig(input) {
+	return {
+		apiUrl: input.apiUrl,
+		clientToken: input.clientToken,
+		parserType: "json",
+		future: { v5Defaults: true }
+	};
+}
+function generatePersonaInitSnippet(input, personaFormat) {
+	const widgetConfig = buildWidgetConfig(input);
+	const target = input.targetSelector?.trim();
+	return x(widgetConfig, personaFormat, target ? { target } : void 0);
+}
+/**
+* Return the version-pinned Persona CDN installer URL from the same generator
+* used for regular snippets. Keeping demo HTML on this path avoids introducing
+* a second manually-maintained Persona version string in the CLI.
+*/
+function getPersonaInstallerScriptUrl() {
+	return x({
+		apiUrl: "https://api.runtype.com",
+		clientToken: "ct_test_demo_00000000000000000000000000000000",
+		parserType: "json"
+	}, "script-installer").match(/<script\s+src="([^"]+)"/)?.[1] ?? "https://cdn.jsdelivr.net/npm/@runtypelabs/persona/dist/install.global.js";
+}
+// src/lib/persona-init.ts
+const PERSONA_INIT_AGENT_MODEL = "nemotron-3-ultra-550b-a55b";
+const PERSONA_INIT_DEMO_SYSTEM_PROMPT = `
+# Persona Playground Agent
+
+## Role
+
+You are the assistant inside a local Persona Playground generated by the Runtype CLI.
+
+## Goal
+
+Give the user one quick, visible "aha" moment: inspect the local page, request approval for a browser-side update, make the page change, and leave them with native next-step pills.
+
+## Available page tools
+
+- \`get_playground_state\` — read the current accent, headline, note, status, checklist, URL, and allowed origins.
+- \`update_playground\` — update the accent, headline, note, status, or checklist on the local HTML page.
+
+## Demo behavior
+
+1. Use \`get_playground_state\` before describing the current page or proposing a specific page change.
+2. Use \`update_playground\` when the user asks you to change the page.
+3. Explain, only when relevant, that mutating page updates require the user to approve Persona's tool-call bubble.
+4. After every successful \`update_playground\` call, follow \`responseGuidance\` exactly: do not send a visible response yet; first call \`suggest_replies\` with \`responseGuidance.suggestedReplies\`.
+5. When \`suggest_replies\` returns, send \`responseGuidance.assistantMessage\` exactly once as your only visible confirmation, then stop.
+6. Do not ask "what would you like to do next?" in prose; the Persona widget renders \`suggest_replies\` as tappable next-step pills.
+
+## Response style
+
+- Be concise, direct, and practical.
+- Prefer showing the page changing over explaining how it works.
+- If the user asks how to customize the demo, point them to \`index.html\`, the generated README, and the Runtype dashboard link.
+`.trim();
+/**
+* Resolve API key without browser login (CI / --json / non-TTY).
+*/
+async function getPersonaInitApiKeyNonInteractive(apiUrl) {
+	const envApiKey = getRuntimeApiKey();
+	if (envApiKey) try {
+		if (await new ApiKeyManager().validateApiKey(envApiKey, apiUrl)) return envApiKey;
+	} catch (error) {
+		if (error instanceof ApiKeyValidationUnavailableError) console.error(error.message);
+	}
+	return new CredentialStore().getApiKey();
+}
+async function runPersonaInit(options) {
+	const client = createCliClient(options.apiKey, options.apiUrl);
+	const demoEnabled = !!options.demo;
+	const agent = await client.post("/agents", {
+		name: options.agentName,
+		description: options.agentDescription || "A Persona test agent",
+		config: {
+			model: PERSONA_INIT_AGENT_MODEL,
+			systemPrompt: demoEnabled ? PERSONA_INIT_DEMO_SYSTEM_PROMPT : "You are a helpful assistant."
+		}
+	});
+	let demoResources;
+	if (options.demo) {
+		const product = await client.post("/products", {
+			name: `${options.agentName} Persona Playground`,
+			description: "Local Persona WebMCP playground generated by the Runtype CLI.",
+			icon: "✨",
+			spec: {
+				productGoal: "Demonstrate a Persona widget operating a host page through WebMCP tools.",
+				targetAudience: "Developers testing Persona locally.",
+				productStage: "prototype"
+			}
+		});
+		const capability = await client.post(`/products/${product.id}/capabilities`, {
+			agentId: agent.id,
+			capabilityName: "Persona Playground Assistant",
+			capabilityDescription: "Agent that can read and update the local Persona Playground page through WebMCP tools.",
+			enabled: true
+		});
+		const allowlist = options.demo.origins.map((origin) => ({
+			origin,
+			tools: options.demo?.toolNames ?? []
+		}));
+		const surface = await client.post(`/products/${product.id}/surfaces`, {
+			name: "Local Persona Playground",
+			type: "chat",
+			status: "active",
+			behavior: {
+				type: "chat",
+				welcomeMessage: "Try asking me to inspect or update this local page. I can use WebMCP tools registered by the HTML file.",
+				webmcp: {
+					enabled: true,
+					allowlist,
+					requireConfirmFor: ["update_playground"]
+				}
+			}
+		});
+		const surfaceItem = await client.post(`/products/${product.id}/surfaces/${surface.id}/items`, {
+			capabilityId: capability.id,
+			exposedName: "Persona Playground Assistant",
+			exposedDescription: "Operate the generated local HTML playground.",
+			enabled: true,
+			isEntryPoint: true
+		});
+		demoResources = {
+			productId: product.id,
+			capabilityId: capability.id,
+			surfaceId: surface.id,
+			surfaceItemId: surfaceItem.id
+		};
+	}
+	const tokenBody = {
+		name: options.tokenName,
+		flowIds: [],
+		agentIds: [agent.id],
+		allowedOrigins: options.allowedOrigins,
+		environment: options.environment,
+		rateLimitPerMinute: 10,
+		rateLimitPerHour: 100,
+		maxMessagesPerSession: 100,
+		sessionIdleTimeoutMinutes: 30,
+		...demoResources ? { productSurfaceId: demoResources.surfaceId } : {}
+	};
+	const tokenRes = await client.post("/client-tokens", tokenBody);
+	const personaFormat = mapCliFormatToPersona(options.format);
+	const code = generatePersonaInitSnippet({
+		clientToken: tokenRes.token,
+		apiUrl: options.apiUrl,
+		targetSelector: options.targetSelector
+	}, personaFormat);
+	const dashboardBase = getDashboardUrl();
+	const account = await getCurrentAccountId({
+		apiKey: options.apiKey,
+		apiUrl: options.apiUrl
+	});
+	const dashboardUrl = buildDashboardUrl({
+		baseUrl: dashboardBase,
+		path: `/agents/${agent.id}`,
+		account
+	});
+	return {
+		status: "created",
+		agent: {
+			id: agent.id,
+			name: agent.name
+		},
+		clientToken: {
+			id: tokenRes.clientToken.id,
+			name: tokenRes.clientToken.name,
+			token: tokenRes.token,
+			environment: options.environment
+		},
+		snippet: {
+			format: options.format,
+			code
+		},
+		dashboardUrl,
+		warnings: tokenRes.warnings,
+		...demoResources ? { demo: demoResources } : {}
+	};
+}
+// src/lib/persona-demo.ts
+const PERSONA_DEMO_DEFAULT_DIR = "persona-demo";
+const PERSONA_DEMO_DEFAULT_PORT = 43110;
+const PERSONA_DEMO_TOOL_NAMES = ["get_playground_state", "update_playground"];
+function unique(values) {
+	return [...new Set(values.filter(Boolean))];
+}
+function buildPersonaDemoOrigins(port) {
+	return [`http://localhost:${port}`, `http://127.0.0.1:${port}`];
+}
+/**
+* In demo mode, prefer exact local origins over `*` so the generated token is
+* usable immediately without leaving a broader browser-origin scope than the
+* demo needs. Explicit non-wildcard origins are preserved for callers that pass
+* their own site origins.
+*/
+function mergePersonaDemoAllowedOrigins(requestedOrigins, demoOrigins) {
+	const explicitOrigins = (requestedOrigins ?? []).filter((origin) => origin !== "*");
+	return unique([...demoOrigins, ...explicitOrigins]);
+}
+function resolvePersonaDemoDirectory(input) {
+	return path.resolve(process.cwd(), input?.trim() || "persona-demo");
+}
+function personaDemoIndexPath(directory) {
+	return path.join(directory, "index.html");
+}
+function personaDemoReadmePath(directory) {
+	return path.join(directory, "README.md");
+}
+function ensurePersonaDemoCanWrite(directory, force) {
+	const existingFiles = [personaDemoIndexPath(directory), personaDemoReadmePath(directory)].filter((filePath) => existsSync(filePath));
+	if (existingFiles.length > 0 && !force) throw new Error(`Demo file already exists at ${existingFiles.join(", ")}. Pass --force to overwrite demo files or choose --demo-dir.`);
+}
+function writePersonaDemoPage(options) {
+	ensurePersonaDemoCanWrite(options.directory, options.force);
+	mkdirSync(options.directory, { recursive: true });
+	const filePath = personaDemoIndexPath(options.directory);
+	const readmePath = personaDemoReadmePath(options.directory);
+	writeFileSync(filePath, `${options.html.trim()}\n`, "utf8");
+	writeFileSync(readmePath, `${options.readme.trim()}\n`, "utf8");
+	return {
+		directory: options.directory,
+		filePath,
+		readmePath
+	};
+}
+async function findAvailablePersonaDemoPort(preferredPort = PERSONA_DEMO_DEFAULT_PORT) {
+	for (let offset = 0; offset < 50; offset += 1) {
+		const port = preferredPort + offset;
+		if (await canListenOnPort(port)) return port;
+	}
+	throw new Error(`Could not find an available local port starting at ${preferredPort}`);
+}
+function canListenOnPort(port) {
+	return new Promise((resolve) => {
+		const server = createServer$1();
+		server.once("error", () => {
+			resolve(false);
+		});
+		server.once("listening", () => {
+			server.close(() => resolve(true));
+		});
+		server.listen(port, "127.0.0.1");
+	});
+}
+async function startPersonaDemoServer(options) {
+	const filePath = personaDemoIndexPath(options.directory);
+	const server = createServer((req, res) => {
+		const url = req.url?.split("?")[0] ?? "/";
+		if (url !== "/" && url !== "/index.html") {
+			res.writeHead(404, { "content-type": "text/plain; charset=utf-8" });
+			res.end("Not found");
+			return;
+		}
+		res.writeHead(200, {
+			"content-type": "text/html; charset=utf-8",
+			"cache-control": "no-store"
+		});
+		res.end(readIndexHtml(filePath));
+	});
+	await listen(server, options.port);
+	return {
+		url: `http://127.0.0.1:${options.port}/`,
+		port: options.port,
+		close: () => new Promise((resolve, reject) => {
+			server.close((error) => {
+				if (error) reject(error);
+				else resolve();
+			});
+		})
+	};
+}
+function readIndexHtml(filePath) {
+	return readFileSync(filePath, "utf8");
+}
+function listen(server, port) {
+	return new Promise((resolve, reject) => {
+		server.once("error", reject);
+		server.listen(port, "127.0.0.1", () => {
+			server.off("error", reject);
+			resolve();
+		});
+	});
+}
+function escapeHtml(value) {
+	return value.replace(/[&<>"']/g, (char) => {
+		switch (char) {
+			case "&": return "&amp;";
+			case "<": return "&lt;";
+			case ">": return "&gt;";
+			case "\"": return "&quot;";
+			case "'": return "&#39;";
+			default: return char;
+		}
+	});
+}
+function inlineJson(value) {
+	return JSON.stringify(value, null, 2).replace(/<\//g, "<\\/");
+}
+function generatePersonaDemoHtml(input) {
+	const installerScriptUrl = input.installerScriptUrl ?? getPersonaInstallerScriptUrl();
+	const pageData = {
+		apiUrl: input.apiUrl,
+		clientToken: input.clientToken,
+		clientTokenId: input.clientTokenId,
+		agentId: input.agentId,
+		agentName: input.agentName,
+		dashboardUrl: input.dashboardUrl,
+		environment: input.environment,
+		localUrl: input.localUrl,
+		allowedOrigins: input.allowedOrigins
+	};
+	return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Persona Local Playground</title>
+    <style>
+      :root {
+        --paper: #fcfcfa;
+        --paper-deep: #f4f0e8;
+        --ink: #24211f;
+        --muted: #67615b;
+        --line: #d9d2c7;
+        --line-strong: #201a16;
+        --accent: #4c00ff;
+        --accent-soft: color-mix(in srgb, var(--accent) 8%, var(--paper));
+        --live: #b6ff00;
+        --success: #178c4b;
+        --radius: 6px;
+      }
+      * { box-sizing: border-box; }
+      body {
+        margin: 0;
+        min-height: 100vh;
+        color: var(--ink);
+        font-family: Asap, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        background:
+          linear-gradient(90deg, rgba(36, 33, 31, .045) 1px, transparent 1px) 0 0 / 40px 40px,
+          linear-gradient(rgba(36, 33, 31, .04) 1px, transparent 1px) 0 0 / 40px 40px,
+          radial-gradient(circle at 18% 0%, var(--accent-soft), transparent 30rem),
+          var(--paper);
+      }
+      button { font: inherit; }
+      .shell {
+        width: min(920px, calc(100% - 32px));
+        margin: 0 auto;
+        padding: clamp(28px, 6vw, 64px) 0 112px;
+      }
+      .panel {
+        border: 1px solid var(--line-strong);
+        border-radius: var(--radius);
+        background: color-mix(in srgb, var(--paper) 91%, white);
+        box-shadow: 7px 7px 0 rgba(36, 33, 31, .12);
+        padding: clamp(18px, 3vw, 28px);
+      }
+      .demo-grid {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
+        gap: 18px;
+        align-items: stretch;
+      }
+      .preview {
+        min-height: 280px;
+        display: grid;
+        align-content: space-between;
+        gap: 24px;
+        border: 1px solid var(--line-strong);
+        border-radius: var(--radius);
+        padding: clamp(20px, 3vw, 28px);
+        color: white;
+        background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 86%, black), var(--accent));
+      }
+      .preview h2 {
+        margin: 0;
+        max-width: 560px;
+        font-family: Newsreader, Georgia, "Times New Roman", serif;
+        font-size: clamp(30px, 5vw, 54px);
+        line-height: .96;
+        letter-spacing: -0.04em;
+      }
+      .preview p { max-width: 560px; margin: 12px 0 0; opacity: .9; line-height: 1.6; }
+      .status-pill {
+        justify-self: start;
+        border: 1px solid rgba(255,255,255,.75);
+        border-radius: 999px;
+        padding: 7px 10px;
+        font-size: 12px;
+        font-weight: 800;
+      }
+      .section-title {
+        margin: 0 0 12px;
+        color: var(--muted);
+        font-size: 12px;
+        font-weight: 800;
+        letter-spacing: .12em;
+        text-transform: uppercase;
+      }
+      .tasks { display: grid; gap: 9px; }
+      .task {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding: 11px 12px;
+        border: 1px solid var(--line);
+        border-radius: var(--radius);
+        background: var(--paper);
+      }
+      .task-dot {
+        display: grid;
+        place-items: center;
+        width: 23px;
+        height: 23px;
+        border-radius: 999px;
+        color: var(--paper);
+        background: #9c958e;
+        font-size: 13px;
+        font-weight: 900;
+      }
+      .task[data-done="true"] .task-dot { background: var(--success); }
+      .task[data-done="true"] .task-label { color: var(--muted); text-decoration: line-through; }
+      .activity {
+        margin-top: 18px;
+        padding-top: 16px;
+        border-top: 1px solid var(--line);
+      }
+      .log { display: grid; gap: 8px; max-height: 120px; overflow: auto; }
+      .log-row {
+        color: #4b463f;
+        font-size: 12px;
+        line-height: 1.45;
+      }
+      .log-row strong { color: var(--ink); }
+      .action-bar {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 10px;
+        align-items: center;
+        margin-top: 18px;
+        padding-top: 18px;
+        border-top: 1px solid var(--line);
+      }
+      .cta {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        min-height: 42px;
+        border: 1px solid var(--line-strong);
+        border-radius: var(--radius);
+        padding: 10px 13px;
+        color: var(--ink);
+        font-size: 14px;
+        font-weight: 800;
+        text-decoration: none;
+        cursor: pointer;
+      }
+      .cta-primary { background: var(--accent); color: white; }
+      .cta-secondary { background: var(--paper); }
+      .cta-arrow { font-size: 18px; line-height: 1; }
+      details {
+        margin-top: 18px;
+        color: var(--muted);
+        font-size: 13px;
+      }
+      summary {
+        cursor: pointer;
+        width: fit-content;
+        color: var(--ink);
+        font-weight: 700;
+      }
+      .details-grid {
+        display: grid;
+        grid-template-columns: 90px minmax(0, 1fr);
+        gap: 8px 14px;
+        margin-top: 12px;
+      }
+      code {
+        color: #2f2a26;
+        word-break: break-word;
+        font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+        font-size: 12px;
+      }
+      @media (max-width: 820px) {
+        .demo-grid { grid-template-columns: 1fr; }
+        .shell { width: min(100% - 24px, 720px); }
+      }
+      @media (prefers-reduced-motion: reduce) {
+        *, *::before, *::after { transition: none !important; }
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Edit this file directly, refresh the browser, and keep customizing your Persona starter. -->
+    <main class="shell">
+      <section class="panel" aria-label="Persona demo workspace">
+        <div class="demo-grid">
+          <div class="preview" id="accent-preview">
+            <div>
+              <h2 id="playground-headline">Local tools. Visible results.</h2>
+              <p id="playground-note">Persona can read this page, request approval, and update the UI from the browser.</p>
+            </div>
+            <span class="status-pill" id="status-pill">Waiting for your first task</span>
+          </div>
+
+          <div>
+            <p class="section-title">Checklist</p>
+            <div class="tasks" id="task-list"></div>
+
+            <div class="activity">
+              <p class="section-title">Activity</p>
+              <div class="log" id="tool-log"></div>
+            </div>
+          </div>
+        </div>
+
+        <div class="action-bar" aria-label="Next actions">
+          <button class="cta cta-primary" id="use-persona-widget" type="button">
+            <span id="use-persona-label">Use Persona widget</span> <span class="cta-arrow" aria-hidden="true">↘</span>
+          </button>
+          <a class="cta cta-secondary" href="${escapeHtml(input.dashboardUrl)}" target="_blank" rel="noreferrer">Customize your agent</a>
+        </div>
+
+        <details>
+          <summary>Technical details</summary>
+          <div class="details-grid">
+            <span>Agent</span><code>${escapeHtml(input.agentId)}</code>
+            <span>Token</span><code>${escapeHtml(input.clientTokenId)} (${escapeHtml(input.environment)})</code>
+            <span>Edit</span><code>index.html</code>
+            <span>Origin</span><code>${escapeHtml(input.localUrl)}</code>
+            <span>Tools</span><code>${PERSONA_DEMO_TOOL_NAMES.join(", ")}</code>
+            <span>Dashboard</span><code>${escapeHtml(input.dashboardUrl)}</code>
+          </div>
+        </details>
+      </section>
+    </main>
+
+    <div id="persona-root"></div>
+
+    <!-- 1. Runtime values injected by the CLI. -->
+    <script>
+      window.__RUNTYPE_PERSONA_DEMO__ = ${inlineJson(pageData)};
+    <\/script>
+    <!-- 2. Minimal WebMCP host bridge for this dependency-free page. -->
+    <script>
+      (function installMinimalModelContext() {
+        if (document.modelContext && typeof document.modelContext.getTools === 'function') {
+          return;
+        }
+        const tools = new Map();
+        document.modelContext = {
+          registerTool(tool) {
+            if (!tool || !tool.name || typeof tool.execute !== 'function') {
+              throw new Error('registerTool requires a name and execute function');
+            }
+            tools.set(tool.name, tool);
+          },
+          async getTools() {
+            return Array.from(tools.values()).map((tool) => ({
+              name: tool.name,
+              title: tool.title || '',
+              description: tool.description || '',
+              inputSchema: JSON.stringify(tool.inputSchema || { type: 'object', properties: {} }),
+            }));
+          },
+          async executeTool(info, input) {
+            const name = typeof info === 'string' ? info : info && info.name;
+            const tool = tools.get(name);
+            if (!tool) throw new Error('Tool not registered: ' + name);
+            const args = typeof input === 'string' ? JSON.parse(input) : (input ?? {});
+            const result = await tool.execute(args, {
+              requestUserInteraction: async (callback) => callback(),
+            });
+            return result === undefined ? null : JSON.stringify(result);
+          },
+        };
+      })();
+
+      const demo = window.__RUNTYPE_PERSONA_DEMO__;
+      /* 3. Page state the tools can read and update. */
+      const accentMap = {
+        violet: '#4c00ff',
+        green: '#178c4b',
+        cyan: '#008ca8',
+        orange: '#d95f02',
+      };
+      const state = {
+        accent: 'violet',
+        headline: 'Local tools. Visible results.',
+        note: 'Persona can read this page, request approval, and update the UI from the browser.',
+        status: 'Waiting for your first task',
+        tasks: [
+          { id: 'widget', label: 'Widget installed', done: true },
+          { id: 'webmcp', label: 'WebMCP tools connected', done: true },
+          { id: 'setup', label: 'Setup complete', done: false },
+        ],
+      };
+
+      function escapeText(value) {
+        return String(value).replace(/[&<>]/g, (char) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;' })[char]);
+      }
+
+      function logTool(kind, message) {
+        const log = document.getElementById('tool-log');
+        const row = document.createElement('div');
+        row.className = 'log-row';
+        row.innerHTML = '<strong>' + escapeText(kind) + '</strong> · ' + escapeText(message);
+        log.prepend(row);
+      }
+
+      function snapshot() {
+        return {
+          accent: state.accent,
+          accentHex: accentMap[state.accent],
+          headline: state.headline,
+          note: state.note,
+          status: state.status,
+          tasks: state.tasks,
+          pageUrl: location.href,
+          allowedOrigins: demo.allowedOrigins,
+        };
+      }
+
+      function render() {
+        document.documentElement.style.setProperty('--accent', accentMap[state.accent]);
+        document.getElementById('playground-headline').textContent = state.headline;
+        document.getElementById('playground-note').textContent = state.note;
+        document.getElementById('status-pill').textContent = state.status;
+        const setupDone = state.tasks.some((task) => task.id === 'setup' && task.done);
+        const ctaLabel = document.getElementById('use-persona-label');
+        if (ctaLabel) ctaLabel.textContent = setupDone ? 'Try another page change' : 'Use Persona widget';
+        const taskList = document.getElementById('task-list');
+        taskList.innerHTML = '';
+        for (const task of state.tasks) {
+          const row = document.createElement('div');
+          row.className = 'task';
+          row.dataset.done = String(task.done);
+          row.innerHTML = '<span class="task-dot">✓</span><span class="task-label"></span>';
+          row.querySelector('.task-label').textContent = task.label;
+          taskList.appendChild(row);
+        }
+      }
+
+      function taskLabel(id) {
+        const task = state.tasks.find((item) => item.id === id);
+        return task ? task.label : id;
+      }
+
+      function buildAssistantMessage(args, changed) {
+        if (!changed.length) return 'Done — no visible page changes were needed.';
+
+        const updates = [];
+        if (args.accent && accentMap[args.accent]) updates.push('the page is now ' + args.accent);
+        if (typeof args.headline === 'string' && args.headline.trim()) updates.push('the headline changed');
+        if (typeof args.note === 'string' && args.note.trim()) updates.push('the note changed');
+        if (typeof args.status === 'string' && args.status.trim()) updates.push('the status changed');
+        if (Array.isArray(args.completedTaskIds) && args.completedTaskIds.length) {
+          const labels = args.completedTaskIds.map((id) => taskLabel(id));
+          updates.push(
+            labels.length === 1 ? labels[0] + ' is checked' : labels.join(', ') + ' are checked'
+          );
+        }
+
+        return 'Done — ' + updates.join(' and ') + '.';
+      }
+
+      function buildSuggestedReplies() {
+        return [
+          'Change the headline',
+          'Add another page tool',
+          'Show the embed code',
+          'Customize the agent',
+        ];
+      }
+
+      /* 4. WebMCP tools exposed to the Persona widget. */
+      document.modelContext.registerTool({
+        name: 'get_playground_state',
+        title: 'Read playground state',
+        description: 'Read the current local Persona playground state: accent, headline, note, status, checklist, URL, and allowed origins. Use this before proposing page changes.',
+        inputSchema: { type: 'object', properties: {} },
+        annotations: { readOnlyHint: true },
+        async execute() {
+          logTool('Read page state', 'Persona inspected the local HTML page');
+          return snapshot();
+        },
+      });
+
+      document.modelContext.registerTool({
+        name: 'update_playground',
+        title: 'Update playground UI',
+        description: 'Update this local HTML playground. Can set accent to violet, green, cyan, or orange; rewrite the headline or note; set a short status; and mark checklist tasks complete by id.',
+        inputSchema: {
+          type: 'object',
+          properties: {
+            accent: { type: 'string', enum: Object.keys(accentMap), description: 'Accent color to apply.' },
+            headline: { type: 'string', description: 'New hero headline.' },
+            note: { type: 'string', description: 'New explanatory note under the headline.' },
+            status: { type: 'string', description: 'Short status shown inside the demo card.' },
+            completedTaskIds: {
+              type: 'array',
+              items: { type: 'string', enum: state.tasks.map((task) => task.id) },
+              description: 'Checklist task ids to mark complete.',
+            },
+          },
+        },
+        async execute(args) {
+          const changed = [];
+          if (args.accent && accentMap[args.accent]) {
+            state.accent = args.accent;
+            changed.push('accent');
+          }
+          if (typeof args.headline === 'string' && args.headline.trim()) {
+            state.headline = args.headline.trim();
+            changed.push('headline');
+          }
+          if (typeof args.note === 'string' && args.note.trim()) {
+            state.note = args.note.trim();
+            changed.push('note');
+          }
+          if (typeof args.status === 'string' && args.status.trim()) {
+            state.status = args.status.trim();
+            changed.push('status');
+          }
+          if (Array.isArray(args.completedTaskIds) && args.completedTaskIds.length) {
+            const completed = new Set(args.completedTaskIds);
+            state.tasks = state.tasks.map((task) => completed.has(task.id) ? { ...task, done: true } : task);
+            changed.push('checklist');
+          }
+          render();
+          logTool('Updated page', changed.length ? changed.join(' + ') : 'No visible changes requested');
+          return {
+            ok: true,
+            changed,
+            responseGuidance: {
+              assistantMessage: buildAssistantMessage(args, changed),
+              suggestedReplies: buildSuggestedReplies(),
+              instructions: 'Do not send a visible assistant message yet. First call suggest_replies with suggestedReplies. After suggest_replies returns, say assistantMessage exactly once, then stop.',
+            },
+            state: snapshot(),
+          };
+        },
+      });
+
+      /* 5. Persona widget config. The installer below reads window.siteAgentConfig. */
+      window.siteAgentConfig = {
+        target: '#persona-root',
+        windowKey: 'personaPlayground',
+        config: {
+          apiUrl: demo.apiUrl,
+          clientToken: demo.clientToken,
+          parserType: 'json',
+          future: { v5Defaults: true },
+          launcher: {
+            enabled: true,
+            autoExpand: true,
+            title: 'Persona Playground',
+            subtitle: 'Local WebMCP demo',
+            width: '430px',
+          },
+          copy: {
+            welcomeTitle: 'Persona Playground',
+            welcomeSubtitle: 'Use the page tools, then pick a next step.',
+            inputPlaceholder: 'Ask Persona to update this page…',
+          },
+          suggestionChips: [
+            'Turn this page green and mark Setup complete.',
+            'What page tools are available?',
+            'Show the embed code.',
+          ],
+          features: {
+            showToolCalls: true,
+            showEventStreamToggle: true,
+            suggestReplies: {
+              enabled: true,
+              expose: true,
+            },
+          },
+          webmcp: {
+            enabled: true,
+            autoApprove(info) {
+              const ok = info && info.toolName === 'get_playground_state';
+              logTool('Approval gate', (info ? info.toolName : 'unknown') + (ok ? ' auto-approved' : ' awaiting approval'));
+              return ok;
+            },
+          },
+        },
+        onChatReady(handle) {
+          window.personaPlayground = handle;
+          logTool('Widget ready', 'Persona handle is available at window.personaPlayground');
+          setTimeout(() => {
+            if (handle && typeof handle.open === 'function') handle.open();
+          }, 0);
+        },
+        onError(info) {
+          logTool('Persona error', info && info.phase ? info.phase : 'unknown phase');
+        },
+      };
+
+      document.getElementById('use-persona-widget').addEventListener('click', () => {
+        const handle = window.personaPlayground;
+        if (handle && typeof handle.open === 'function') handle.open();
+        if (handle && typeof handle.setMessage === 'function') {
+          handle.setMessage('Turn this page green and mark Setup complete.');
+        }
+        logTool('CTA', 'Opened Persona widget');
+      });
+
+      render();
+      logTool('Tools connected', 'Registered get_playground_state and update_playground');
+    <\/script>
+    <!-- 6. Version-pinned Persona installer from @runtypelabs/persona. -->
+    <script src="${escapeHtml(installerScriptUrl)}"><\/script>
+  </body>
+</html>`;
+}
+function generatePersonaDemoReadme(input) {
+	const port = (() => {
+		try {
+			return new URL(input.localUrl).port || String(43110);
+		} catch {
+			return String(PERSONA_DEMO_DEFAULT_PORT);
+		}
+	})();
+	return `# Persona Playground
+
+This folder was generated by \`runtype persona init\`.
+
+## Next steps
+
+1. Use the widget: ${input.localUrl}
+2. Customize your agent: ${input.dashboardUrl}
+3. Edit the page: ./index.html
+
+## Run locally
+
+\`\`\`bash
+python3 -m http.server ${port} --bind 127.0.0.1
+\`\`\`
+
+Then open ${input.localUrl}.
+
+## What this starter demonstrates
+
+- \`window.siteAgentConfig\` installs Persona with your client token.
+- \`document.modelContext\` exposes two local WebMCP tools:
+  - \`get_playground_state\` reads the page state.
+  - \`update_playground\` changes the accent, copy, status, and checklist after approval.
+- Persona native suggested replies render next-step pills after a successful tool call.
+
+## Add another page tool
+
+1. Add a new \`document.modelContext.registerTool({ ... })\` block in \`index.html\`.
+2. Add the tool name to the WebMCP allowlist for this surface in the Runtype dashboard.
+3. Refresh the page and ask Persona to use the new tool.
+
+## Demo resources
+
+- Agent: ${input.agentId}
+- Client token: ${input.clientTokenId} (${input.environment})
+- Allowed origins: ${input.allowedOrigins.join(", ")}
+`;
+}
+// src/commands/persona.ts
+const FORMAT_CYCLE = [
+	"script-installer",
+	"react",
+	"script-manual",
+	"esm"
+];
+function defaultTokenName(agentName) {
+	return `${agentName} Widget`;
+}
+function parsePort(raw, fallback) {
+	if (!raw) return fallback;
+	const port = Number(raw);
+	if (!Number.isInteger(port) || port < 1 || port > 65535) throw new Error(`Invalid port "${raw}". Use a number between 1 and 65535.`);
+	return port;
+}
+async function promptLine(rl, question, defaultValue) {
+	const hint = defaultValue ? chalk.dim(` (${defaultValue})`) : "";
+	const trimmed = (await new Promise((resolve) => {
+		rl.question(`${question}${hint}: `, resolve);
+	})).trim();
+	if (!trimmed && defaultValue !== void 0) return defaultValue;
+	return trimmed;
+}
+async function promptConfirm(rl, message, defaultYes = false) {
+	const hint = defaultYes ? chalk.dim(" (Y/n)") : chalk.dim(" (y/N)");
+	const t = (await new Promise((resolve) => {
+		rl.question(`${message}${hint}: `, resolve);
+	})).trim().toLowerCase();
+	if (t === "") return defaultYes;
+	return t === "y" || t === "yes";
+}
+function copyToClipboard(text) {
+	if (process.platform === "darwin") {
+		execFileSync("pbcopy", [], { input: text });
+		return;
+	}
+	if (process.platform === "win32") {
+		execFileSync("clip", [], {
+			shell: true,
+			input: text
+		});
+		return;
+	}
+	try {
+		execFileSync("xclip", ["-selection", "clipboard"], { input: text });
+	} catch {
+		execFileSync("wl-copy", [], { input: text });
+	}
+}
+function isProbablyLocalDev(origins) {
+	return origins.some((o) => o === "http://localhost:*" || o.startsWith("http://localhost:") || o.startsWith("http://127.0.0.1:"));
+}
+function snippetWithFormat(format, token, apiUrl, targetSelector) {
+	const personaFmt = mapCliFormatToPersona(format);
+	return {
+		format,
+		code: generatePersonaInitSnippet({
+			clientToken: token,
+			apiUrl,
+			targetSelector
+		}, personaFmt)
+	};
+}
+function printDemoNextSteps(demo, dashboardUrl) {
+	console.log(chalk.cyan("\nNext steps:"));
+	console.log(`  1. Use the widget: ${chalk.green(demo.url)}`);
+	console.log(`  2. Customize your agent: ${dashboardUrl}`);
+	console.log(`  3. Edit the page: ${demo.filePath}`);
+	if (demo.readmePath) console.log(chalk.dim(`     Guide: ${demo.readmePath}`));
+}
+async function runSuccessKeyLoop(initial, apiUrl, targetSelector, demo) {
+	if (!process.stdin.isTTY) return;
+	let currentFormat = initial.snippet.format;
+	let currentCode = initial.snippet.code;
+	const token = initial.clientToken.token;
+	console.log(chalk.cyan("\nPersona setup complete\n"));
+	console.log(`${chalk.bold("Agent ID:")} ${initial.agent.id}`);
+	console.log(`${chalk.bold("Client Token ID:")} ${initial.clientToken.id}`);
+	console.log(`${chalk.bold("Client Token:")} ${chalk.yellow(token)}`);
+	console.log(`${chalk.bold("Snippet format:")} ${currentFormat}`);
+	console.log(chalk.dim(`\nDashboard: ${initial.dashboardUrl}`));
+	if (demo) {
+		console.log(`${chalk.bold("Local demo:")} ${chalk.green(demo.url)}`);
+		console.log(chalk.dim(`HTML: ${demo.filePath}`));
+		if (demo.readmePath) console.log(chalk.dim(`Guide: ${demo.readmePath}`));
+	}
+	if (initial.warnings?.length) for (const w of initial.warnings) console.log(chalk.yellow(`⚠ ${w.message}`));
+	if (demo) printDemoNextSteps(demo, initial.dashboardUrl);
+	console.log(chalk.cyan("\nActions:"));
+	console.log(`  ${chalk.green("c")}  Copy snippet to clipboard`);
+	console.log(`  ${chalk.green("p")}  Print snippet to the terminal`);
+	console.log(`  ${chalk.green("f")}  Switch snippet format`);
+	console.log(`  ${chalk.green("o")}  Open dashboard in browser`);
+	if (demo) console.log(`  ${chalk.green("d")}  Open local demo in browser`);
+	console.log(`  ${chalk.green("q")}  Quit`);
+	console.log(chalk.dim("\nType a letter and press Enter. Press Ctrl+C to quit."));
+	const actionKeys = demo ? "c/p/f/o/d/q" : "c/p/f/o/q";
+	const rl = readline.createInterface({
+		input: process.stdin,
+		output: process.stdout,
+		terminal: true
+	});
+	await new Promise((resolve) => {
+		let finished = false;
+		const finish = () => {
+			if (finished) return;
+			finished = true;
+			rl.close();
+			resolve();
+		};
+		const runAction = async (name) => {
+			if (name === "q") {
+				finish();
+				return;
+			}
+			if (name === "c") {
+				try {
+					copyToClipboard(currentCode);
+					console.log(chalk.green("Snippet copied to clipboard."));
+				} catch {
+					console.log(chalk.red("Could not copy (install xclip/wl-copy on Linux, or use p)."));
+				}
+				return;
+			}
+			if (name === "p") {
+				console.log(chalk.cyan("\n--- snippet ---\n"));
+				console.log(currentCode);
+				console.log(chalk.cyan("\n--- end snippet ---\n"));
+				return;
+			}
+			if (name === "f") {
+				const idx = FORMAT_CYCLE.indexOf(currentFormat);
+				const nextSnippet = snippetWithFormat(FORMAT_CYCLE[(idx + 1) % FORMAT_CYCLE.length] ?? "script-installer", token, apiUrl, targetSelector);
+				currentFormat = nextSnippet.format;
+				currentCode = nextSnippet.code;
+				console.log(chalk.dim(`Format: ${currentFormat}`));
+				return;
+			}
+			if (name === "o") {
+				try {
+					await open(initial.dashboardUrl);
+				} catch {
+					console.log(chalk.red("Could not open browser."));
+				}
+				return;
+			}
+			if (name === "d" && demo) {
+				try {
+					await open(demo.url);
+				} catch {
+					console.log(chalk.red("Could not open browser."));
+				}
+				return;
+			}
+			console.log(chalk.yellow(`Choose one of: ${actionKeys}`));
+		};
+		const ask = () => {
+			if (finished) return;
+			rl.question(chalk.dim(`\nChoose an action (${actionKeys}): `), (answer) => {
+				const names = answer.trim().toLowerCase().split(/[\s,]+/).filter(Boolean).map((part) => part.charAt(0));
+				(async () => {
+					for (const name of names) {
+						await runAction(name);
+						if (finished) return;
+					}
+					if (!finished) ask();
+				})();
+			});
+		};
+		rl.on("SIGINT", finish);
+		ask();
+	});
+}
+const personaCommand = new Command("persona").description("Set up Persona: create an agent, client token, and embed snippet");
+personaCommand.command("init").description("Create agent + client token and output a Persona embed snippet").option("--agent-name <name>", "Name for the new agent").option("--agent-description <text", "Optional agent description").option("--token-name <name>", "Name for the new client token").option("--environment <env>", "Token environment: test or live", "test").option("--origins <origins...>", "Allowed origins (default: * — broad; prefer explicit URLs in production)").option("--format <fmt>", "Snippet format: script-installer | script-manual | esm | react", "script-installer").option("--print-snippet", "Print the generated snippet to stdout (non-interactive summary mode)").option("--target-selector <selector>", "CSS selector for widget mount target (omit to use body)").option("--demo", "Create a dependency-free local Persona Playground HTML demo").option("--no-demo", "Skip the local Persona Playground demo").option("--demo-dir <path>", `Directory for the local demo (default: ${PERSONA_DEMO_DEFAULT_DIR})`).option("--demo-port <port>", `Preferred localhost port for the local demo (default: ${PERSONA_DEMO_DEFAULT_PORT})`).option("--open", "Open the local demo in a browser when demo mode is enabled").option("--no-open", "Do not open the local demo automatically").option("--force", "Overwrite existing demo files").option("--api-url <url>", "Override API base URL").option("--json", "Structured JSON output (includes snippet body)").option("--yes", "Accept defaults in interactive prompts where sensible").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (options, cmd) => {
+	const globals = cmd.optsWithGlobals();
+	const jsonMode = !!(options.json ?? globals.json);
+	const tty = isTTY(options);
+	let formatCli;
+	try {
+		formatCli = parsePersonaInitFormat(options.format);
+	} catch (e) {
+		const msg = e instanceof Error ? e.message : String(e);
+		if (jsonMode) console.log(JSON.stringify({
+			status: "error",
+			error: msg,
+			code: "INVALID_FORMAT"
+		}, null, 2));
+		else console.error(chalk.red(msg));
+		process.exit(1);
+	}
+	const apiUrl = options.apiUrl || globals.apiUrl || getApiUrl();
+	const targetSelector = options.targetSelector || void 0;
+	let preferredDemoPort;
+	try {
+		preferredDemoPort = parsePort(options.demoPort, PERSONA_DEMO_DEFAULT_PORT);
+	} catch (e) {
+		const msg = e instanceof Error ? e.message : String(e);
+		if (jsonMode) console.log(JSON.stringify({
+			status: "error",
+			error: msg,
+			code: "INVALID_DEMO_PORT"
+		}, null, 2));
+		else console.error(chalk.red(msg));
+		process.exit(1);
+	}
+	let env;
+	if (options.environment === "test" || options.environment === "live") env = options.environment;
+	else {
+		const msg = "Error: --environment must be \"test\" or \"live\"";
+		if (jsonMode) console.log(JSON.stringify({
+			status: "error",
+			error: msg,
+			code: "INVALID_ENV"
+		}, null, 2));
+		else console.error(chalk.red(msg));
+		process.exit(1);
+	}
+	const interactive = tty && !jsonMode;
+	let agentName = options.agentName?.trim();
+	let tokenName = options.tokenName?.trim();
+	let allowedOrigins = options.origins;
+	let chosenEnv = env;
+	let demoRequested = options.demo === true;
+	let demoDirectory;
+	let demoPort;
+	let demoOrigins;
+	let demoLocalUrl;
+	let forceDemoWrite = !!options.force;
+	const rl = interactive && process.stdin.isTTY && process.stdout.isTTY ? readline.createInterface({
+		input: process.stdin,
+		output: process.stdout
+	}) : null;
+	if (!interactive) {
+		if (!agentName) {
+			const msg = "Non-interactive mode requires --agent-name";
+			if (jsonMode) console.log(JSON.stringify({
+				status: "error",
+				error: msg,
+				code: "MISSING_AGENT_NAME"
+			}, null, 2));
+			else console.error(chalk.red(msg));
+			process.exit(1);
+		}
+		if (!tokenName) tokenName = defaultTokenName(agentName);
+		if (!allowedOrigins || allowedOrigins.length === 0) allowedOrigins = ["*"];
+	} else {
+		if (!agentName) {
+			agentName = await promptLine(rl, "Agent name", "Persona Test");
+			if (!agentName) {
+				console.error(chalk.red("Agent name is required"));
+				process.exit(1);
+			}
+		}
+		if (!tokenName) {
+			const def = options.yes ? defaultTokenName(agentName) : defaultTokenName(agentName);
+			tokenName = await promptLine(rl, "Client token name", def);
+			if (!tokenName) tokenName = def;
+		}
+		if (options.demo === void 0 && !options.yes) demoRequested = await promptConfirm(rl, "Create and open a local Persona Playground HTML demo?", true);
+		else if (options.demo === void 0 && options.yes) demoRequested = true;
+		if (demoRequested) {
+			demoDirectory = resolvePersonaDemoDirectory(options.demoDir);
+			try {
+				ensurePersonaDemoCanWrite(demoDirectory, forceDemoWrite);
+			} catch (e) {
+				if (!await promptConfirm(rl, `${e instanceof Error ? e.message : String(e)} Overwrite it?`, false)) {
+					console.log(chalk.gray("Aborted."));
+					rl.close();
+					process.exit(0);
+				}
+				forceDemoWrite = true;
+			}
+			demoPort = await findAvailablePersonaDemoPort(preferredDemoPort);
+			demoOrigins = buildPersonaDemoOrigins(demoPort);
+			demoLocalUrl = `http://127.0.0.1:${demoPort}/`;
+		}
+		if (!allowedOrigins?.length) {
+			const defaultOrigins = demoOrigins?.join(" ") ?? "*";
+			if (options.yes) allowedOrigins = demoOrigins ?? ["*"];
+			else {
+				const originsInput = await promptLine(rl, "Allowed origins (space-separated URLs, or * for any)", defaultOrigins);
+				allowedOrigins = originsInput === "*" ? ["*"] : originsInput.split(/\s+/).filter(Boolean);
+			}
+		}
+		if (chosenEnv === "live") {
+			if (!await promptConfirm(rl, chalk.yellow("Create a LIVE token? This is shown only once."), false)) {
+				console.log(chalk.gray("Aborted."));
+				rl.close();
+				process.exit(0);
+			}
+		} else if (!options.yes) {
+			if (await promptLine(rl, "Environment (test/live)", "test") === "live") {
+				if (!await promptConfirm(rl, chalk.yellow("Create a LIVE token?"), false)) chosenEnv = "test";
+				else chosenEnv = "live";
+			}
+		}
+	}
+	if (demoRequested && !demoDirectory) {
+		demoDirectory = resolvePersonaDemoDirectory(options.demoDir);
+		try {
+			ensurePersonaDemoCanWrite(demoDirectory, forceDemoWrite);
+		} catch (e) {
+			const message = e instanceof Error ? e.message : String(e);
+			if (jsonMode) console.log(JSON.stringify({
+				status: "error",
+				error: message,
+				code: "DEMO_EXISTS"
+			}, null, 2));
+			else console.error(chalk.red(message));
+			process.exit(1);
+		}
+		demoPort = await findAvailablePersonaDemoPort(preferredDemoPort);
+		demoOrigins = buildPersonaDemoOrigins(demoPort);
+		demoLocalUrl = `http://127.0.0.1:${demoPort}/`;
+	}
+	if (demoRequested && demoOrigins) allowedOrigins = mergePersonaDemoAllowedOrigins(allowedOrigins, demoOrigins);
+	if (rl) rl.close();
+	if (allowedOrigins.includes("*") && chosenEnv === "live" && !isProbablyLocalDev(allowedOrigins)) console.log(chalk.yellow("Warning: allowedOrigins is \"*\" for a live token. Prefer explicit https:// origins in production."));
+	let apiKey;
+	if (jsonMode || !tty) {
+		apiKey = await getPersonaInitApiKeyNonInteractive(apiUrl);
+		if (!apiKey) {
+			if (jsonMode) console.log(JSON.stringify({
+				status: "unauthenticated",
+				message: "Set RUNTYPE_API_KEY or run `runtype auth login` (uses saved credentials)"
+			}, null, 2));
+			else console.error(chalk.red("Authentication required: set RUNTYPE_API_KEY or run `runtype auth login` for stored credentials"));
+			process.exit(1);
+		}
+	} else {
+		apiKey = await ensureAuth({ apiUrl });
+		if (!apiKey) process.exit(1);
+	}
+	let success;
+	try {
+		success = await runPersonaInit({
+			apiKey,
+			apiUrl,
+			agentName,
+			agentDescription: options.agentDescription,
+			tokenName,
+			environment: chosenEnv,
+			allowedOrigins,
+			format: formatCli,
+			targetSelector,
+			...demoRequested && demoOrigins ? { demo: {
+				origins: demoOrigins,
+				toolNames: [...PERSONA_DEMO_TOOL_NAMES]
+			} } : {}
+		});
+	} catch (err) {
+		const message = err instanceof Error ? err.message : String(err);
+		if (jsonMode) console.log(JSON.stringify({
+			status: "error",
+			error: message,
+			code: "API_ERROR"
+		}, null, 2));
+		else {
+			console.error(chalk.red("Persona init failed"));
+			console.error(chalk.red(message));
+		}
+		process.exit(1);
+	}
+	let demoOutput;
+	let demoServer;
+	if (demoRequested && demoDirectory && demoPort && demoOrigins && demoLocalUrl) {
+		const html = generatePersonaDemoHtml({
+			apiUrl,
+			clientToken: success.clientToken.token,
+			clientTokenId: success.clientToken.id,
+			agentId: success.agent.id,
+			agentName: success.agent.name,
+			dashboardUrl: success.dashboardUrl,
+			environment: success.clientToken.environment,
+			localUrl: demoLocalUrl,
+			allowedOrigins: demoOrigins
+		});
+		const readme = generatePersonaDemoReadme({
+			apiUrl,
+			clientToken: success.clientToken.token,
+			clientTokenId: success.clientToken.id,
+			agentId: success.agent.id,
+			agentName: success.agent.name,
+			dashboardUrl: success.dashboardUrl,
+			environment: success.clientToken.environment,
+			localUrl: demoLocalUrl,
+			allowedOrigins: demoOrigins
+		});
+		demoOutput = {
+			...writePersonaDemoPage({
+				directory: demoDirectory,
+				html,
+				readme,
+				force: forceDemoWrite
+			}),
+			localUrl: demoLocalUrl,
+			port: demoPort,
+			allowedOrigins: demoOrigins,
+			serverRunning: false
+		};
+		if (!jsonMode && options.open !== false && (interactive || options.open === true)) try {
+			demoServer = await startPersonaDemoServer({
+				directory: demoDirectory,
+				port: demoPort
+			});
+			demoOutput.serverRunning = true;
+			demoOutput.localUrl = demoServer.url;
+			await open(demoServer.url);
+		} catch (e) {
+			demoOutput.serverError = e instanceof Error ? e.message : String(e);
+			if (!jsonMode) console.log(chalk.yellow(`Could not start/open local demo server: ${demoOutput.serverError}`));
+		}
+	}
+	const output = demoOutput ? {
+		...success,
+		demo: {
+			...success.demo,
+			...demoOutput
+		}
+	} : success;
+	if (jsonMode) {
+		printJson(output);
+		return;
+	}
+	if (!tty || options.printSnippet) {
+		console.log(chalk.green("\nPersona setup complete\n"));
+		console.log(`${chalk.bold("Agent ID:")} ${output.agent.id}`);
+		console.log(`${chalk.bold("Client Token ID:")} ${output.clientToken.id}`);
+		console.log(`${chalk.bold("Client Token:")} ${chalk.yellow(output.clientToken.token)}`);
+		console.log(`${chalk.bold("Format:")} ${output.snippet.format}`);
+		console.log(chalk.dim(`\nDashboard: ${output.dashboardUrl}`));
+		if (demoOutput) {
+			console.log(`${chalk.bold("Demo HTML:")} ${demoOutput.filePath}`);
+			console.log(`${chalk.bold("Demo README:")} ${demoOutput.readmePath}`);
+			console.log(`${chalk.bold("Demo URL:")} ${chalk.green(demoOutput.localUrl)}`);
+			if (demoOutput.serverRunning) console.log(chalk.dim("Local demo server is running. Press Ctrl+C to stop it."));
+			else console.log(chalk.dim(`Run: cd ${demoOutput.directory} && python3 -m http.server ${demoOutput.port} --bind 127.0.0.1`));
+			printDemoNextSteps({
+				url: demoOutput.localUrl,
+				filePath: demoOutput.filePath,
+				readmePath: demoOutput.readmePath
+			}, output.dashboardUrl);
+		}
+		if (success.warnings?.length) for (const w of success.warnings) console.log(chalk.yellow(`⚠ ${w.message}`));
+		if (!demoOutput) console.log(chalk.cyan("\nRecommended next step: npm install @runtypelabs/persona"));
+		if (options.printSnippet) {
+			console.log(chalk.cyan("\n--- snippet ---\n"));
+			console.log(success.snippet.code);
+		} else console.log(chalk.dim("\nUse --print-snippet to print the embed code, or run interactively for copy shortcuts."));
+		return;
+	}
+	try {
+		await runSuccessKeyLoop(success, apiUrl, targetSelector, demoOutput ? {
+			url: demoOutput.localUrl,
+			filePath: demoOutput.filePath,
+			readmePath: demoOutput.readmePath
+		} : void 0);
+	} finally {
+		await demoServer?.close().catch(() => {});
+	}
+});
+export { personaCommand };
+