@frontmcp/ui 0.12.2 → 1.0.0-beta.1

package/renderer/react/index.js

@@ -0,0 +1,261 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// libs/ui/src/renderer/react/index.ts
+var react_exports = {};
+__export(react_exports, {
+  ReactJsxRenderer: () => ReactJsxRenderer,
+  isReactJsx: () => isReactJsx,
+  parseImports: () => parseImports,
+  reactJsxRenderer: () => reactJsxRenderer,
+  rewriteExportDefault: () => rewriteExportDefault,
+  stripImports: () => stripImports
+});
+module.exports = __toCommonJS(react_exports);
+var import_react = __toESM(require("react"));
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_Alert = __toESM(require("@mui/material/Alert"));
+
+// libs/ui/src/renderer/common/lazy-import.ts
+function runtimeImport(specifier) {
+  const dynamicImport = new Function("s", "return import(s)");
+  return dynamicImport(specifier);
+}
+
+// libs/ui/src/runtime/babel-runtime.ts
+var BABEL_STANDALONE_CDN = "https://esm.sh/@babel/standalone@7";
+var BABEL_STANDALONE_FALLBACK_CDN = "https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.26.10/babel.min.js";
+var babelState = { status: "idle" };
+async function loadBabel() {
+  if (babelState.status === "loaded") {
+    return babelState.babel;
+  }
+  if (babelState.status === "loading") {
+    return babelState.promise;
+  }
+  if (babelState.status === "error") {
+    throw babelState.error;
+  }
+  const promise = doLoadBabel();
+  babelState = { status: "loading", promise };
+  try {
+    const babel = await promise;
+    babelState = { status: "loaded", babel };
+    return babel;
+  } catch (error) {
+    const err = error instanceof Error ? error : new Error(String(error));
+    babelState = { status: "error", error: err };
+    throw err;
+  }
+}
+async function doLoadBabel() {
+  const globalBabel = globalThis["Babel"];
+  if (globalBabel && typeof globalBabel.transform === "function") {
+    return globalBabel;
+  }
+  try {
+    const module2 = await import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      BABEL_STANDALONE_CDN
+    );
+    if (module2 && typeof module2.transform === "function") {
+      return module2;
+    }
+    if (module2.default && typeof module2.default.transform === "function") {
+      return module2.default;
+    }
+  } catch {
+  }
+  return new Promise((resolve, reject) => {
+    if (typeof document === "undefined") {
+      reject(new Error("Babel Standalone requires a browser environment"));
+      return;
+    }
+    const script = document.createElement("script");
+    script.src = BABEL_STANDALONE_FALLBACK_CDN;
+    script.crossOrigin = "anonymous";
+    script.onload = () => {
+      const babel = globalThis["Babel"];
+      if (babel && typeof babel.transform === "function") {
+        resolve(babel);
+      } else {
+        reject(new Error("Babel Standalone loaded but transform function not found"));
+      }
+    };
+    script.onerror = () => {
+      reject(new Error(`Failed to load Babel Standalone from ${BABEL_STANDALONE_FALLBACK_CDN}`));
+    };
+    document.head.appendChild(script);
+  });
+}
+async function transpileJsx(source, filename = "component.jsx") {
+  const babel = await loadBabel();
+  const result = babel.transform(source, {
+    presets: ["react"],
+    filename
+  });
+  return result.code;
+}
+
+// libs/ui/src/renderer/react/index.ts
+function isReactJsx(content) {
+  if (/^#{1,6}\s+\S/m.test(content)) return false;
+  return /(?:function|const|class)\s+\w+/.test(content) && /(?:return|=>)[\s(]*</.test(content);
+}
+function parseImports(source) {
+  const results = [];
+  const defaultRe = /^import\s+(\w+)\s+from\s+['"]([^'"]+)['"][\s;]*$/gm;
+  let m;
+  while ((m = defaultRe.exec(source)) !== null) {
+    results.push({ line: m[0], localName: m[1], specifier: m[2], named: false });
+  }
+  const namedRe = /^import\s+\{([^}]+)\}\s+from\s+['"]([^'"]+)['"][\s;]*$/gm;
+  while ((m = namedRe.exec(source)) !== null) {
+    const names = m[1].split(",").map((n) => n.trim()).filter(Boolean);
+    for (const name of names) {
+      results.push({ line: m[0], localName: name, specifier: m[2], named: true });
+    }
+  }
+  return results;
+}
+function stripImports(source) {
+  return source.replace(/^import\s+\w+\s+from\s+['"][^'"]+['"][\s;]*$/gm, "").replace(/^import\s+\{[^}]+\}\s+from\s+['"][^'"]+['"][\s;]*$/gm, "");
+}
+function rewriteExportDefault(source) {
+  let result = source.replace(/^export\s+default\s+(function|class)\b/gm, "var __default__ = $1");
+  result = result.replace(/^export\s+default\s+(\([^)]*\)\s*=>)/gm, "var __default__ = $1");
+  result = result.replace(/^export\s+default\s+(\w+)\s*;?\s*$/gm, "var __default__ = $1;");
+  return result;
+}
+function isReactSpecifier(specifier) {
+  return specifier === "react" || /^https?:\/\/esm\.sh\/react(?:@[\d.]+)?$/.test(specifier);
+}
+async function resolveModules(imports) {
+  const modules = {};
+  const specifierMap = /* @__PURE__ */ new Map();
+  for (const imp of imports) {
+    const existing = specifierMap.get(imp.specifier) ?? [];
+    existing.push(imp);
+    specifierMap.set(imp.specifier, existing);
+  }
+  for (const [specifier, specImports] of specifierMap) {
+    let mod;
+    if (isReactSpecifier(specifier)) {
+      mod = import_react.default;
+    } else {
+      mod = await runtimeImport(specifier);
+    }
+    for (const imp of specImports) {
+      if (imp.named) {
+        modules[imp.localName] = mod[imp.localName] ?? mod["default"]?.[imp.localName];
+      } else {
+        modules[imp.localName] = mod["default"] ?? mod;
+      }
+    }
+  }
+  return modules;
+}
+function ReactJsxView({ source, className }) {
+  const [Component, setComponent] = (0, import_react.useState)(null);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    async function transpileAndRender() {
+      try {
+        const imports = parseImports(source);
+        const modules = await resolveModules(imports);
+        let code = stripImports(source);
+        code = rewriteExportDefault(code);
+        code = await transpileJsx(code, "component.jsx");
+        code += "\nreturn __default__;";
+        const argNames = Object.keys(modules);
+        const argValues = argNames.map((n) => modules[n]);
+        const factory = new Function(...argNames, code);
+        const Comp = factory(...argValues);
+        if (!cancelled) {
+          setComponent(() => Comp);
+          setError(null);
+          setLoading(false);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : String(err));
+          setComponent(null);
+          setLoading(false);
+        }
+      }
+    }
+    setLoading(true);
+    setError(null);
+    setComponent(null);
+    transpileAndRender();
+    return () => {
+      cancelled = true;
+    };
+  }, [source]);
+  if (loading) {
+    return import_react.default.createElement(import_Box.default, { className, sx: { p: 2, color: "text.secondary" } }, "Transpiling JSX...");
+  }
+  if (error) {
+    return import_react.default.createElement(
+      import_Box.default,
+      { className },
+      import_react.default.createElement(import_Alert.default, { severity: "error", sx: { mb: 1 } }, `JSX render error: ${error}`),
+      import_react.default.createElement(
+        "pre",
+        { style: { fontFamily: "monospace", whiteSpace: "pre-wrap", fontSize: "0.85em" } },
+        source
+      )
+    );
+  }
+  if (!Component) {
+    return import_react.default.createElement(
+      import_Box.default,
+      { className },
+      import_react.default.createElement(import_Alert.default, { severity: "warning" }, "No component exported. Use `export default MyComponent`.")
+    );
+  }
+  return import_react.default.createElement(import_Box.default, { className }, import_react.default.createElement(Component, {}));
+}
+var ReactJsxRenderer = class {
+  type = "jsx";
+  priority = 10;
+  canHandle(content) {
+    return isReactJsx(content);
+  }
+  render(content, options) {
+    return import_react.default.createElement(ReactJsxView, {
+      source: content,
+      className: options?.className ?? "fmcp-jsx-content"
+    });
+  }
+};
+var reactJsxRenderer = new ReactJsxRenderer();

package/renderer/types.d.ts

@@ -0,0 +1,24 @@
+import type { ReactElement } from 'react';
+import type { Theme } from '@mui/material/styles';
+/**
+ * All content types supported by the renderer system.
+ */
+export type ContentType = 'jsx' | 'mdx' | 'markdown' | 'html' | 'pdf' | 'csv' | 'chart' | 'mermaid' | 'flow' | 'math' | 'map' | 'image' | 'video' | 'audio';
+export interface RenderOptions {
+    input?: Record<string, unknown>;
+    output?: unknown;
+    toolName?: string;
+    className?: string;
+    /** Per-renderer configuration options. */
+    rendererOptions?: Record<string, unknown>;
+    /** MUI theme instance for renderers that need it. */
+    theme?: Theme;
+}
+export interface ContentRenderer {
+    readonly type: string;
+    /** Higher priority renderers are checked first (default: 0). */
+    readonly priority?: number;
+    canHandle(content: string): boolean;
+    render(content: string, options?: RenderOptions): ReactElement;
+}
+//# sourceMappingURL=types.d.ts.map

package/renderer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/renderer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,KAAK,GACL,UAAU,GACV,MAAM,GACN,KAAK,GACL,KAAK,GACL,OAAO,GACP,SAAS,GACT,MAAM,GACN,MAAM,GACN,KAAK,GACL,OAAO,GACP,OAAO,GACP,OAAO,CAAC;AAEZ,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1C,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;CAChE"}

package/runtime/babel-runtime.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Babel Standalone Runtime
+ *
+ * Loads Babel Standalone from CDN for in-browser JSX transpilation.
+ * Lazy-loaded on first JSX content to avoid unnecessary network requests.
+ *
+ * @packageDocumentation
+ */
+/**
+ * CDN URL for Babel Standalone.
+ * Uses esm.sh for ES module compatibility.
+ */
+export declare const BABEL_STANDALONE_CDN = "https://esm.sh/@babel/standalone@7";
+/**
+ * Fallback CDN for environments that block esm.sh.
+ */
+export declare const BABEL_STANDALONE_FALLBACK_CDN = "https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.26.10/babel.min.js";
+/**
+ * Babel Standalone API shape (subset we use).
+ */
+interface BabelStandalone {
+    transform(code: string, options: {
+        presets?: string[];
+        plugins?: string[];
+        filename?: string;
+    }): {
+        code: string;
+    };
+}
+/**
+ * Load Babel Standalone from CDN.
+ *
+ * Lazy-loads on first call and caches the result.
+ * Subsequent calls return the cached instance.
+ *
+ * @returns Promise resolving to Babel Standalone instance
+ * @throws Error if Babel cannot be loaded from any CDN
+ */
+export declare function loadBabel(): Promise<BabelStandalone>;
+/**
+ * Transpile JSX source code using Babel Standalone.
+ *
+ * Loads Babel lazily on first call.
+ *
+ * @param source - JSX/TSX source code
+ * @param filename - Optional filename for error messages
+ * @returns Transpiled JavaScript code
+ *
+ * @example
+ * ```typescript
+ * const code = await transpileJsx(`
+ *   function App() {
+ *     return <div>Hello</div>;
+ *   }
+ * `);
+ * ```
+ */
+export declare function transpileJsx(source: string, filename?: string): Promise<string>;
+/**
+ * Check if Babel is currently loaded and ready.
+ *
+ * @returns true if Babel is loaded and available
+ */
+export declare function isBabelLoaded(): boolean;
+/**
+ * Reset Babel loading state (for testing).
+ */
+export declare function resetBabelState(): void;
+export {};
+//# sourceMappingURL=babel-runtime.d.ts.map

package/runtime/babel-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"babel-runtime.d.ts","sourceRoot":"","sources":["../../src/runtime/babel-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH;;;GAGG;AACH,eAAO,MAAM,oBAAoB,uCAAuC,CAAC;AAEzE;;GAEG;AACH,eAAO,MAAM,6BAA6B,iFACsC,CAAC;AAMjF;;GAEG;AACH,UAAU,eAAe;IACvB,SAAS,CACP,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,GACA;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACrB;AAqBD;;;;;;;;GAQG;AACH,wBAAsB,SAAS,IAAI,OAAO,CAAC,eAAe,CAAC,CAyB1D;AAyDD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAsB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,SAAkB,GAAG,OAAO,CAAC,MAAM,CAAC,CAS9F;AAED;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,OAAO,CAEvC;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAEtC"}

package/runtime/content-detector.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Content Type Detection
+ *
+ * Detects whether content is JSX, MDX/Markdown, or plain HTML
+ * based on heuristics. Used by the browser runtime to select
+ * the appropriate rendering pipeline.
+ *
+ * @packageDocumentation
+ */
+/**
+ * Content types supported by the browser runtime.
+ */
+export type RuntimeContentType = 'jsx' | 'mdx' | 'html' | 'chart' | 'mermaid' | 'flow' | 'math' | 'map' | 'image' | 'video' | 'audio';
+/**
+ * Detect the content type of a source string.
+ *
+ * Priority:
+ * 1. Chart JSON
+ * 2. Flow JSON
+ * 3. Map/GeoJSON
+ * 4. Mermaid diagram syntax
+ * 5. Math/LaTeX
+ * 6. Image URL/data URI
+ * 7. Video URL
+ * 8. Audio URL
+ * 9. JSX
+ * 10. MDX/Markdown
+ * 11. HTML (fallback)
+ *
+ * @param content - Source content to analyze
+ * @returns Detected content type
+ *
+ * @example
+ * ```typescript
+ * detectContentType('<Card title="Hello" />');      // 'jsx'
+ * detectContentType('# Hello World\n\nSome text');  // 'mdx'
+ * detectContentType('<div class="foo">bar</div>');  // 'html'
+ * detectContentType('graph TD; A-->B');              // 'mermaid'
+ * detectContentType('$$E = mc^2$$');                 // 'math'
+ * ```
+ */
+export declare function detectContentType(content: string): RuntimeContentType;
+//# sourceMappingURL=content-detector.d.ts.map

package/runtime/content-detector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-detector.d.ts","sourceRoot":"","sources":["../../src/runtime/content-detector.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAC1B,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,MAAM,GACN,KAAK,GACL,OAAO,GACP,OAAO,GACP,OAAO,CAAC;AAsHZ;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,kBAAkB,CA0CrE"}

package/runtime/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @frontmcp/ui Runtime Module
+ *
+ * Client-side utilities for content detection and JSX transpilation.
+ *
+ * @packageDocumentation
+ */
+export { detectContentType, type RuntimeContentType } from './content-detector';
+export { transpileJsx, loadBabel, isBabelLoaded, resetBabelState, BABEL_STANDALONE_CDN, BABEL_STANDALONE_FALLBACK_CDN, } from './babel-runtime';
+//# sourceMappingURL=index.d.ts.map

package/runtime/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,EAAE,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAMhF,OAAO,EACL,YAAY,EACZ,SAAS,EACT,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,iBAAiB,CAAC"}

package/runtime/index.js

@@ -0,0 +1,217 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// libs/ui/src/runtime/index.ts
+var runtime_exports = {};
+__export(runtime_exports, {
+  BABEL_STANDALONE_CDN: () => BABEL_STANDALONE_CDN,
+  BABEL_STANDALONE_FALLBACK_CDN: () => BABEL_STANDALONE_FALLBACK_CDN,
+  detectContentType: () => detectContentType,
+  isBabelLoaded: () => isBabelLoaded,
+  loadBabel: () => loadBabel,
+  resetBabelState: () => resetBabelState,
+  transpileJsx: () => transpileJsx
+});
+module.exports = __toCommonJS(runtime_exports);
+
+// libs/ui/src/runtime/content-detector.ts
+var JSX_PATTERNS = [
+  // JSX-specific syntax: self-closing tags with capitalized names
+  /<[A-Z][a-zA-Z0-9]*[\s/>]/,
+  // JSX expressions: {someVar} or {() => ...}
+  /\{[a-zA-Z_$][\w$.]*\}/,
+  // React hooks: useState, useEffect, etc.
+  /\buse[A-Z]\w+\s*\(/,
+  // Arrow function components or function declarations: const Foo = / function Foo(
+  /(?:const|let|var|function)\s+[A-Z]\w*\s*[=(]/,
+  // Import from react
+  /import\s[^\n]{1,200}from\s+['"]react['"]/,
+  // JSX pragma or import
+  /\/\*\*?\s*@jsx\b/,
+  // export default function/const (component pattern)
+  /export\s+default\s+function\s+[A-Z]/
+];
+var MDX_PATTERNS = [
+  // MDX frontmatter
+  /^---\s*\n/,
+  // Markdown headings
+  /^#{1,6}\s+\S/m,
+  // MDX import statements followed by markdown
+  /^import\s[^\n]*\n+#/m,
+  // MDX export default (layout pattern)
+  /^export\s+default\s+/m,
+  // Markdown bullet lists
+  /^\s*[-*+]\s+\S/m,
+  // Markdown links
+  /\[[^\]]+\]\([^)]+\)/,
+  // Markdown code blocks
+  /^```\w*/m,
+  // Markdown emphasis
+  /(?:\*\*|__)(?:(?!\*\*|__).)+(?:\*\*|__)/
+];
+var CHART_TYPE_RE = /"type"\s*:\s*"(?:bar|line|area|pie|scatter|radar|composed)"/;
+var MERMAID_PATTERN = /^\s*(?:graph|sequenceDiagram|classDiagram|stateDiagram|flowchart|erDiagram|gantt|pie|journey|gitGraph)\b/;
+function looksLikeChart(s) {
+  return s.charCodeAt(0) === 123 && CHART_TYPE_RE.test(s) && s.includes('"data"');
+}
+function looksLikeFlow(s) {
+  return s.charCodeAt(0) === 123 && s.includes('"nodes"') && s.includes('"edges"');
+}
+var MATH_PATTERNS = [
+  /\$\$(?:[^$]|\$(?!\$))+\$\$/s,
+  /\$[^$\n]+?\$/,
+  /\\\[(?:[^\\]|\\.)*\\\]/s,
+  /\\\((?:[^\\]|\\.)*\\\)/s,
+  /\\begin\{(?:equation|align|gather|matrix|pmatrix|bmatrix|cases)\}/
+];
+var GEOJSON_TYPE_RE = /"type"\s*:\s*"(?:FeatureCollection|Feature|Point|LineString|Polygon|MultiPoint|MultiLineString|MultiPolygon|GeometryCollection)"/;
+function looksLikeMap(s) {
+  return s.charCodeAt(0) === 123 && GEOJSON_TYPE_RE.test(s);
+}
+var IMAGE_PATTERNS = [
+  /^data:image\/(?:png|jpeg|jpg|gif|webp|svg\+xml)[;,]/,
+  /^https?:\/\/[^?#\s]+\.(?:png|jpe?g|gif|webp|svg|avif|ico)(?:\?[^#\s]*)?$/i
+];
+var VIDEO_PATTERNS = [
+  /^https?:\/\/[^?#\s]+\.(?:mp4|webm|ogg|mov)(?:\?[^#\s]*)?$/i,
+  /^https?:\/\/(?:www\.)?(?:youtube\.com|youtu\.be|vimeo\.com)\//i,
+  /^data:video\//
+];
+var AUDIO_PATTERNS = [
+  /^https?:\/\/[^?#\s]+\.(?:mp3|wav|ogg|aac|flac|m4a)(?:\?[^#\s]*)?$/i,
+  /^https?:\/\/(?:www\.)?soundcloud\.com\//i,
+  /^data:audio\//
+];
+function detectContentType(content) {
+  if (!content || typeof content !== "string") {
+    return "html";
+  }
+  const trimmed = content.trim();
+  if (looksLikeChart(trimmed)) return "chart";
+  if (looksLikeFlow(trimmed)) return "flow";
+  if (looksLikeMap(trimmed)) return "map";
+  if (MERMAID_PATTERN.test(trimmed)) return "mermaid";
+  if (MATH_PATTERNS.some((p) => p.test(trimmed))) return "math";
+  if (IMAGE_PATTERNS.some((p) => p.test(trimmed))) return "image";
+  if (VIDEO_PATTERNS.some((p) => p.test(trimmed))) return "video";
+  if (AUDIO_PATTERNS.some((p) => p.test(trimmed))) return "audio";
+  const jsxScore = countMatches(trimmed, JSX_PATTERNS);
+  const mdxScore = countMatches(trimmed, MDX_PATTERNS);
+  if (jsxScore > 0 && jsxScore >= mdxScore) {
+    return "jsx";
+  }
+  if (mdxScore >= 2) {
+    return "mdx";
+  }
+  if (mdxScore === 1 && /^import\s+/m.test(trimmed)) {
+    return "mdx";
+  }
+  return "html";
+}
+function countMatches(content, patterns) {
+  let count = 0;
+  for (const pattern of patterns) {
+    if (pattern.test(content)) {
+      count++;
+    }
+  }
+  return count;
+}
+
+// libs/ui/src/runtime/babel-runtime.ts
+var BABEL_STANDALONE_CDN = "https://esm.sh/@babel/standalone@7";
+var BABEL_STANDALONE_FALLBACK_CDN = "https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.26.10/babel.min.js";
+var babelState = { status: "idle" };
+async function loadBabel() {
+  if (babelState.status === "loaded") {
+    return babelState.babel;
+  }
+  if (babelState.status === "loading") {
+    return babelState.promise;
+  }
+  if (babelState.status === "error") {
+    throw babelState.error;
+  }
+  const promise = doLoadBabel();
+  babelState = { status: "loading", promise };
+  try {
+    const babel = await promise;
+    babelState = { status: "loaded", babel };
+    return babel;
+  } catch (error) {
+    const err = error instanceof Error ? error : new Error(String(error));
+    babelState = { status: "error", error: err };
+    throw err;
+  }
+}
+async function doLoadBabel() {
+  const globalBabel = globalThis["Babel"];
+  if (globalBabel && typeof globalBabel.transform === "function") {
+    return globalBabel;
+  }
+  try {
+    const module2 = await import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      BABEL_STANDALONE_CDN
+    );
+    if (module2 && typeof module2.transform === "function") {
+      return module2;
+    }
+    if (module2.default && typeof module2.default.transform === "function") {
+      return module2.default;
+    }
+  } catch {
+  }
+  return new Promise((resolve, reject) => {
+    if (typeof document === "undefined") {
+      reject(new Error("Babel Standalone requires a browser environment"));
+      return;
+    }
+    const script = document.createElement("script");
+    script.src = BABEL_STANDALONE_FALLBACK_CDN;
+    script.crossOrigin = "anonymous";
+    script.onload = () => {
+      const babel = globalThis["Babel"];
+      if (babel && typeof babel.transform === "function") {
+        resolve(babel);
+      } else {
+        reject(new Error("Babel Standalone loaded but transform function not found"));
+      }
+    };
+    script.onerror = () => {
+      reject(new Error(`Failed to load Babel Standalone from ${BABEL_STANDALONE_FALLBACK_CDN}`));
+    };
+    document.head.appendChild(script);
+  });
+}
+async function transpileJsx(source, filename = "component.jsx") {
+  const babel = await loadBabel();
+  const result = babel.transform(source, {
+    presets: ["react"],
+    filename
+  });
+  return result.code;
+}
+function isBabelLoaded() {
+  return babelState.status === "loaded";
+}
+function resetBabelState() {
+  babelState = { status: "idle" };
+}

package/theme/FrontMcpThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FrontMcpThemeProviderProps } from './types';
+export declare function FrontMcpThemeProvider({ theme: themeConfig, children, }: FrontMcpThemeProviderProps): React.ReactElement;
+//# sourceMappingURL=FrontMcpThemeProvider.d.ts.map

package/theme/FrontMcpThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrontMcpThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/FrontMcpThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAG1D,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EAAE,WAAW,EAClB,QAAQ,GACT,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CASjD"}

package/theme/create-theme.d.ts

@@ -0,0 +1,9 @@
+import { type Theme } from '@mui/material/styles';
+import type { FrontMcpThemeConfig } from './types';
+declare const SYSTEM_FONT_STACK: string;
+declare const MONO_FONT_STACK: string;
+export declare function createFrontMcpTheme(config?: FrontMcpThemeConfig): Theme;
+export declare const defaultTheme: Theme;
+export declare const darkTheme: Theme;
+export { SYSTEM_FONT_STACK, MONO_FONT_STACK };
+//# sourceMappingURL=create-theme.d.ts.map

package/theme/create-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-theme.d.ts","sourceRoot":"","sources":["../../src/theme/create-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,iBAAiB,QAQZ,CAAC;AAEZ,QAAA,MAAM,eAAe,QAQV,CAAC;AAEZ,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,mBAAmB,GAAG,KAAK,CA2CvE;AAED,eAAO,MAAM,YAAY,EAAE,KAA6B,CAAC;AAEzD,eAAO,MAAM,SAAS,EAAE,KAA6C,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC"}

package/theme/index.d.ts

@@ -0,0 +1,5 @@
+export type { FrontMcpThemeConfig, FrontMcpThemeProviderProps } from './types';
+export { createFrontMcpTheme, defaultTheme, darkTheme, SYSTEM_FONT_STACK, MONO_FONT_STACK } from './create-theme';
+export { FrontMcpThemeProvider } from './FrontMcpThemeProvider';
+export { useFrontMcpTheme } from './use-theme';
+//# sourceMappingURL=index.d.ts.map

package/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAClH,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}