@frontmcp/uipack 0.12.1 → 1.0.0-beta.1

package/esm/renderers/index.mjs

@@ -1,1557 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// libs/uipack/src/utils/index.ts
-import {
-  safeStringify,
-  escapeHtml,
-  escapeHtmlAttr,
-  escapeJsString,
-  escapeScriptClose,
-  safeJsonForScript
-} from "@frontmcp/utils";
-var init_utils = __esm({
-  "libs/uipack/src/utils/index.ts"() {
-    "use strict";
-  }
-});
-
-// libs/uipack/src/handlebars/helpers.ts
-function formatDate(date, format) {
-  if (date === null || date === void 0) {
-    return "";
-  }
-  let dateObj;
-  if (date instanceof Date) {
-    dateObj = date;
-  } else if (typeof date === "string" || typeof date === "number") {
-    dateObj = new Date(date);
-  } else {
-    return String(date);
-  }
-  if (isNaN(dateObj.getTime())) {
-    return String(date);
-  }
-  const options = {};
-  switch (format) {
-    case "short":
-      options.dateStyle = "short";
-      break;
-    case "medium":
-      options.dateStyle = "medium";
-      break;
-    case "long":
-      options.dateStyle = "long";
-      break;
-    case "full":
-      options.dateStyle = "full";
-      break;
-    case "time":
-      options.timeStyle = "short";
-      break;
-    case "datetime":
-      options.dateStyle = "medium";
-      options.timeStyle = "short";
-      break;
-    case "iso":
-      return dateObj.toISOString();
-    case "relative":
-      return formatRelativeDate(dateObj);
-    default:
-      options.dateStyle = "medium";
-  }
-  return new Intl.DateTimeFormat("en-US", options).format(dateObj);
-}
-function formatRelativeDate(date) {
-  const now = /* @__PURE__ */ new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffSecs = Math.floor(diffMs / 1e3);
-  const diffMins = Math.floor(diffSecs / 60);
-  const diffHours = Math.floor(diffMins / 60);
-  const diffDays = Math.floor(diffHours / 24);
-  if (diffSecs < 60) {
-    return "just now";
-  } else if (diffMins < 60) {
-    return `${diffMins} minute${diffMins === 1 ? "" : "s"} ago`;
-  } else if (diffHours < 24) {
-    return `${diffHours} hour${diffHours === 1 ? "" : "s"} ago`;
-  } else if (diffDays < 7) {
-    return `${diffDays} day${diffDays === 1 ? "" : "s"} ago`;
-  } else {
-    return formatDate(date, "medium");
-  }
-}
-function formatCurrency(amount, currency) {
-  if (amount === null || amount === void 0) {
-    return "";
-  }
-  const num = typeof amount === "number" ? amount : parseFloat(String(amount));
-  if (isNaN(num)) {
-    return String(amount);
-  }
-  return new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: typeof currency === "string" ? currency : "USD"
-  }).format(num);
-}
-function formatNumber(value, decimals) {
-  if (value === null || value === void 0) {
-    return "";
-  }
-  const num = typeof value === "number" ? value : parseFloat(String(value));
-  if (isNaN(num)) {
-    return String(value);
-  }
-  const options = {};
-  if (typeof decimals === "number") {
-    options.minimumFractionDigits = decimals;
-    options.maximumFractionDigits = decimals;
-  }
-  return new Intl.NumberFormat("en-US", options).format(num);
-}
-function jsonEmbed(data) {
-  const json2 = JSON.stringify(data ?? null);
-  return json2.replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
-}
-function json(data, pretty) {
-  return JSON.stringify(data ?? null, null, pretty ? 2 : void 0);
-}
-function eq(a, b) {
-  return a === b;
-}
-function ne(a, b) {
-  return a !== b;
-}
-function gt(a, b) {
-  return Number(a) > Number(b);
-}
-function gte(a, b) {
-  return Number(a) >= Number(b);
-}
-function lt(a, b) {
-  return Number(a) < Number(b);
-}
-function lte(a, b) {
-  return Number(a) <= Number(b);
-}
-function and(a, b) {
-  return Boolean(a) && Boolean(b);
-}
-function or(a, b) {
-  return Boolean(a) || Boolean(b);
-}
-function not(value) {
-  return !value;
-}
-function first(arr) {
-  if (!Array.isArray(arr)) return void 0;
-  return arr[0];
-}
-function last(arr) {
-  if (!Array.isArray(arr)) return void 0;
-  return arr[arr.length - 1];
-}
-function length(value) {
-  if (Array.isArray(value)) return value.length;
-  if (typeof value === "string") return value.length;
-  return 0;
-}
-function includes(arr, value) {
-  if (!Array.isArray(arr)) return false;
-  return arr.includes(value);
-}
-function join(arr, separator) {
-  if (!Array.isArray(arr)) return "";
-  return arr.join(typeof separator === "string" ? separator : ", ");
-}
-function uppercase(str) {
-  return String(str ?? "").toUpperCase();
-}
-function lowercase(str) {
-  return String(str ?? "").toLowerCase();
-}
-function capitalize(str) {
-  const s = String(str ?? "");
-  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();
-}
-function truncate(str, maxLength, suffix) {
-  const s = String(str ?? "");
-  const len = typeof maxLength === "number" ? maxLength : 50;
-  const suf = typeof suffix === "string" ? suffix : "...";
-  if (s.length <= len) return s;
-  return s.slice(0, len - suf.length) + suf;
-}
-function defaultValue(value, defaultValue2) {
-  return value || defaultValue2;
-}
-function uniqueId(prefix) {
-  const id = ++idCounter;
-  return prefix ? `${prefix}-${id}` : `id-${id}`;
-}
-function resetUniqueIdCounter() {
-  idCounter = 0;
-}
-function classNames(...classes) {
-  return classes.filter(Boolean).map(String).join(" ");
-}
-var idCounter, builtinHelpers;
-var init_helpers = __esm({
-  "libs/uipack/src/handlebars/helpers.ts"() {
-    "use strict";
-    init_utils();
-    idCounter = 0;
-    builtinHelpers = {
-      // Escaping
-      escapeHtml,
-      // Formatting
-      formatDate,
-      formatCurrency,
-      formatNumber,
-      json,
-      jsonEmbed,
-      // Comparison
-      eq,
-      ne,
-      gt,
-      gte,
-      lt,
-      lte,
-      // Logical
-      and,
-      or,
-      not,
-      // Array
-      first,
-      last,
-      length,
-      includes,
-      join,
-      // String
-      uppercase,
-      lowercase,
-      capitalize,
-      truncate,
-      // Utility
-      default: defaultValue,
-      uniqueId,
-      classNames
-    };
-  }
-});
-
-// libs/uipack/src/handlebars/expression-extractor.ts
-function extractExpressions(template) {
-  const expressions = [];
-  const positionMap = buildPositionMap(template);
-  let match;
-  EXPRESSION_REGEX.lastIndex = 0;
-  while ((match = EXPRESSION_REGEX.exec(template)) !== null) {
-    const fullExpression = match[0];
-    const prefix = match[1];
-    const content = match[2].trim();
-    const position = positionMap.get(match.index) ?? { line: 1, column: 1 };
-    let type = "variable";
-    let helperName;
-    if (prefix === "/") {
-      type = "block-close";
-      helperName = content;
-    } else if (prefix === "#") {
-      type = "block";
-      const parts = content.split(/\s+/);
-      helperName = parts[0];
-    } else {
-      const parts = content.split(/\s+/);
-      if (parts.length > 1 && !content.startsWith("(")) {
-        const firstToken = parts[0];
-        if (!firstToken.includes(".") && !KEYWORDS.has(firstToken)) {
-          type = "helper";
-          helperName = firstToken;
-        }
-      }
-    }
-    const paths = extractPathsFromContent(content);
-    for (const path of paths) {
-      expressions.push({
-        path,
-        fullExpression,
-        line: position.line,
-        column: position.column,
-        type,
-        helperName
-      });
-    }
-    if (paths.length === 0 && type === "variable") {
-      const cleanContent = content.trim();
-      if (!KEYWORDS.has(cleanContent) && !cleanContent.includes(" ") && !cleanContent.startsWith("(")) {
-      }
-    }
-  }
-  return expressions;
-}
-function extractPathsFromContent(content) {
-  const paths = [];
-  let match;
-  const regex = new RegExp(PATH_REGEX.source, "g");
-  while ((match = regex.exec(content)) !== null) {
-    paths.push(match[0]);
-  }
-  return paths;
-}
-function buildPositionMap(template) {
-  const map = /* @__PURE__ */ new Map();
-  let line = 1;
-  let column = 1;
-  for (let i = 0; i < template.length; i++) {
-    map.set(i, { line, column });
-    if (template[i] === "\n") {
-      line++;
-      column = 1;
-    } else {
-      column++;
-    }
-  }
-  return map;
-}
-function extractVariablePaths(template) {
-  const expressions = extractExpressions(template);
-  const paths = new Set(expressions.map((e) => e.path));
-  return Array.from(paths);
-}
-function extractOutputPaths(template) {
-  return extractVariablePaths(template).filter((p) => p.startsWith("output."));
-}
-function extractInputPaths(template) {
-  return extractVariablePaths(template).filter((p) => p.startsWith("input."));
-}
-function extractStructuredContentPaths(template) {
-  return extractVariablePaths(template).filter((p) => p.startsWith("structuredContent."));
-}
-function extractAll(template) {
-  const expressions = extractExpressions(template);
-  const paths = [...new Set(expressions.map((e) => e.path))];
-  return {
-    expressions,
-    paths,
-    outputPaths: paths.filter((p) => p.startsWith("output.")),
-    inputPaths: paths.filter((p) => p.startsWith("input.")),
-    structuredContentPaths: paths.filter((p) => p.startsWith("structuredContent."))
-  };
-}
-function hasVariablePaths(template) {
-  return extractVariablePaths(template).length > 0;
-}
-function getExpressionAt(template, line, column) {
-  const expressions = extractExpressions(template);
-  return expressions.find((expr) => {
-    if (expr.line !== line) return false;
-    const exprEnd = expr.column + expr.fullExpression.length;
-    return column >= expr.column && column <= exprEnd;
-  });
-}
-function normalizePath(path) {
-  return path.replace(/\.\d+\./g, ".[].").replace(/\.\d+$/g, ".[]").replace(/\[\d+\]/g, ".[]");
-}
-var EXPRESSION_REGEX, PATH_REGEX, KEYWORDS;
-var init_expression_extractor = __esm({
-  "libs/uipack/src/handlebars/expression-extractor.ts"() {
-    "use strict";
-    EXPRESSION_REGEX = /\{\{\{?(?!!)(#|\/)?([^}]+?)\}?\}\}/g;
-    PATH_REGEX = /\b(output|input|structuredContent)(\.[a-zA-Z_$][a-zA-Z0-9_$]*|\.\[[^\]]+\])+/g;
-    KEYWORDS = /* @__PURE__ */ new Set(["this", "else", "@index", "@key", "@first", "@last", "@root"]);
-  }
-});
-
-// libs/uipack/src/handlebars/index.ts
-var handlebars_exports = {};
-__export(handlebars_exports, {
-  HandlebarsRenderer: () => HandlebarsRenderer,
-  and: () => and,
-  builtinHelpers: () => builtinHelpers,
-  capitalize: () => capitalize,
-  classNames: () => classNames,
-  containsHandlebars: () => containsHandlebars,
-  createHandlebarsRenderer: () => createHandlebarsRenderer,
-  defaultValue: () => defaultValue,
-  eq: () => eq,
-  escapeHtml: () => escapeHtml,
-  extractAll: () => extractAll,
-  extractExpressions: () => extractExpressions,
-  extractInputPaths: () => extractInputPaths,
-  extractOutputPaths: () => extractOutputPaths,
-  extractStructuredContentPaths: () => extractStructuredContentPaths,
-  extractVariablePaths: () => extractVariablePaths,
-  first: () => first,
-  formatCurrency: () => formatCurrency,
-  formatDate: () => formatDate,
-  formatNumber: () => formatNumber,
-  getExpressionAt: () => getExpressionAt,
-  gt: () => gt,
-  gte: () => gte,
-  hasVariablePaths: () => hasVariablePaths,
-  includes: () => includes,
-  isHandlebarsAvailable: () => isHandlebarsAvailable,
-  join: () => join,
-  json: () => json,
-  jsonEmbed: () => jsonEmbed,
-  last: () => last,
-  length: () => length,
-  lowercase: () => lowercase,
-  lt: () => lt,
-  lte: () => lte,
-  ne: () => ne,
-  normalizePath: () => normalizePath,
-  not: () => not,
-  or: () => or,
-  renderTemplate: () => renderTemplate,
-  resetUniqueIdCounter: () => resetUniqueIdCounter,
-  truncate: () => truncate,
-  uniqueId: () => uniqueId,
-  uppercase: () => uppercase
-});
-async function loadHandlebars() {
-  if (Handlebars !== null) {
-    return Handlebars;
-  }
-  try {
-    Handlebars = await import("handlebars");
-    return Handlebars;
-  } catch {
-    throw new Error("Handlebars is required for template rendering. Install it: npm install handlebars");
-  }
-}
-async function isHandlebarsAvailable() {
-  try {
-    await loadHandlebars();
-    return true;
-  } catch {
-    return false;
-  }
-}
-function createHandlebarsRenderer(options) {
-  return new HandlebarsRenderer(options);
-}
-async function renderTemplate(template, context) {
-  const renderer = createHandlebarsRenderer();
-  return renderer.render(template, context);
-}
-function containsHandlebars(template) {
-  return HandlebarsRenderer.containsHandlebars(template);
-}
-var Handlebars, HandlebarsRenderer;
-var init_handlebars = __esm({
-  "libs/uipack/src/handlebars/index.ts"() {
-    "use strict";
-    init_helpers();
-    init_helpers();
-    init_expression_extractor();
-    Handlebars = null;
-    HandlebarsRenderer = class {
-      options;
-      compiledTemplates = /* @__PURE__ */ new Map();
-      initialized = false;
-      hbs = null;
-      constructor(options = {}) {
-        this.options = {
-          strict: false,
-          autoEscape: true,
-          ...options
-        };
-      }
-      /**
-       * Initialize the renderer with Handlebars.
-       */
-      async init() {
-        if (this.initialized) return;
-        this.hbs = await loadHandlebars();
-        for (const [name, helper] of Object.entries(builtinHelpers)) {
-          this.hbs.registerHelper(name, helper);
-        }
-        if (this.options.helpers) {
-          for (const [name, helper] of Object.entries(this.options.helpers)) {
-            this.hbs.registerHelper(name, helper);
-          }
-        }
-        if (this.options.partials) {
-          for (const [name, template] of Object.entries(this.options.partials)) {
-            this.hbs.registerPartial(name, template);
-          }
-        }
-        this.initialized = true;
-      }
-      /**
-       * Render a Handlebars template.
-       *
-       * @param template - Template string
-       * @param context - Render context with input/output
-       * @returns Rendered HTML string
-       */
-      async render(template, context) {
-        await this.init();
-        if (!this.hbs) {
-          throw new Error("Handlebars not initialized");
-        }
-        let compiled = this.compiledTemplates.get(template);
-        if (!compiled) {
-          compiled = this.hbs.compile(template, {
-            strict: this.options.strict,
-            noEscape: !this.options.autoEscape
-          });
-          this.compiledTemplates.set(template, compiled);
-        }
-        const data = {
-          input: context.input ?? {},
-          output: context.output ?? {},
-          structuredContent: context.structuredContent,
-          // Also expose at root level for convenience
-          ...context.input,
-          ...typeof context.output === "object" && context.output !== null ? context.output : {}
-        };
-        try {
-          return compiled(data);
-        } catch (error) {
-          throw new Error(`Template rendering failed: ${error instanceof Error ? error.message : String(error)}`);
-        }
-      }
-      /**
-       * Render a template synchronously.
-       *
-       * Note: Requires Handlebars to be pre-loaded. Use `render()` for async loading.
-       *
-       * @param template - Template string
-       * @param context - Render context
-       * @returns Rendered HTML string
-       */
-      renderSync(template, context) {
-        if (!this.initialized || !this.hbs) {
-          throw new Error("HandlebarsRenderer not initialized. Call render() first or use initSync().");
-        }
-        let compiled = this.compiledTemplates.get(template);
-        if (!compiled) {
-          compiled = this.hbs.compile(template, {
-            strict: this.options.strict,
-            noEscape: !this.options.autoEscape
-          });
-          this.compiledTemplates.set(template, compiled);
-        }
-        const data = {
-          input: context.input ?? {},
-          output: context.output ?? {},
-          structuredContent: context.structuredContent,
-          ...context.input,
-          ...typeof context.output === "object" && context.output !== null ? context.output : {}
-        };
-        return compiled(data);
-      }
-      /**
-       * Initialize synchronously (for environments where Handlebars is already loaded).
-       */
-      initSync(handlebars) {
-        this.hbs = handlebars;
-        for (const [name, helper] of Object.entries(builtinHelpers)) {
-          this.hbs.registerHelper(name, helper);
-        }
-        if (this.options.helpers) {
-          for (const [name, helper] of Object.entries(this.options.helpers)) {
-            this.hbs.registerHelper(name, helper);
-          }
-        }
-        if (this.options.partials) {
-          for (const [name, template] of Object.entries(this.options.partials)) {
-            this.hbs.registerPartial(name, template);
-          }
-        }
-        this.initialized = true;
-      }
-      /**
-       * Register a custom helper.
-       *
-       * @param name - Helper name
-       * @param fn - Helper function
-       */
-      registerHelper(name, fn) {
-        if (this.hbs) {
-          this.hbs.registerHelper(name, fn);
-        }
-        if (!this.options.helpers) {
-          this.options.helpers = {};
-        }
-        this.options.helpers[name] = fn;
-      }
-      /**
-       * Register a partial template.
-       *
-       * @param name - Partial name
-       * @param template - Partial template string
-       */
-      registerPartial(name, template) {
-        if (this.hbs) {
-          this.hbs.registerPartial(name, template);
-        }
-        if (!this.options.partials) {
-          this.options.partials = {};
-        }
-        this.options.partials[name] = template;
-      }
-      /**
-       * Clear compiled template cache.
-       */
-      clearCache() {
-        this.compiledTemplates.clear();
-      }
-      /**
-       * Check if a template string contains Handlebars syntax.
-       *
-       * @param template - Template string to check
-       * @returns true if contains {{...}} syntax
-       */
-      static containsHandlebars(template) {
-        return /\{\{(?!!)[\s\S]*?\}\}/.test(template);
-      }
-      /**
-       * Check if the renderer is initialized.
-       */
-      get isInitialized() {
-        return this.initialized;
-      }
-    };
-  }
-});
-
-// libs/uipack/src/renderers/utils/hash.ts
-function hashString(source) {
-  let hash = 2166136261;
-  for (let i = 0; i < source.length; i++) {
-    hash ^= source.charCodeAt(i);
-    hash = hash * 16777619 >>> 0;
-  }
-  return hash.toString(36);
-}
-function hashCombined(...values) {
-  const combined = values.map((v) => {
-    if (typeof v === "string") return v;
-    if (v === null) return "null";
-    if (v === void 0) return "undefined";
-    try {
-      return JSON.stringify(v);
-    } catch {
-      return String(v);
-    }
-  }).join("|");
-  return hashString(combined);
-}
-function isHash(value) {
-  return /^[0-9a-z]{5,10}$/i.test(value);
-}
-
-// libs/uipack/src/renderers/cache.ts
-var TranspileCache = class {
-  cache = /* @__PURE__ */ new Map();
-  maxSize;
-  ttl;
-  /** Cache statistics */
-  stats = {
-    hits: 0,
-    misses: 0,
-    evictions: 0
-  };
-  constructor(options = {}) {
-    this.maxSize = options.maxSize ?? 500;
-    this.ttl = options.ttl ?? 0;
-  }
-  /**
-   * Get a cached transpile result by source content.
-   *
-   * @param source - Source code to look up
-   * @returns Cached result or undefined if not found/expired
-   */
-  get(source) {
-    const key = hashString(source);
-    return this.getByKey(key);
-  }
-  /**
-   * Get a cached transpile result by hash key.
-   *
-   * @param key - Hash key
-   * @returns Cached result or undefined if not found/expired
-   */
-  getByKey(key) {
-    const entry = this.cache.get(key);
-    if (!entry) {
-      this.stats.misses++;
-      return void 0;
-    }
-    if (this.ttl > 0 && Date.now() - entry.timestamp > this.ttl) {
-      this.cache.delete(key);
-      this.stats.misses++;
-      return void 0;
-    }
-    this.cache.delete(key);
-    entry.accessCount++;
-    this.cache.set(key, entry);
-    this.stats.hits++;
-    return entry.value;
-  }
-  /**
-   * Store a transpile result.
-   *
-   * @param source - Source code (used to generate key)
-   * @param value - Transpile result to cache
-   * @returns The hash key used for storage
-   */
-  set(source, value) {
-    const key = hashString(source);
-    this.setByKey(key, value);
-    return key;
-  }
-  /**
-   * Store a transpile result by hash key.
-   *
-   * @param key - Hash key
-   * @param value - Transpile result to cache
-   */
-  setByKey(key, value) {
-    if (this.cache.size >= this.maxSize && !this.cache.has(key)) {
-      const oldestKey = this.cache.keys().next().value;
-      if (oldestKey) {
-        this.cache.delete(oldestKey);
-        this.stats.evictions++;
-      }
-    }
-    this.cache.set(key, {
-      value,
-      timestamp: Date.now(),
-      accessCount: 1
-    });
-  }
-  /**
-   * Check if a source is cached.
-   *
-   * @param source - Source code to check
-   * @returns True if cached and not expired
-   */
-  has(source) {
-    const key = hashString(source);
-    return this.hasByKey(key);
-  }
-  /**
-   * Check if a key is cached.
-   *
-   * @param key - Hash key to check
-   * @returns True if cached and not expired
-   */
-  hasByKey(key) {
-    const entry = this.cache.get(key);
-    if (!entry) return false;
-    if (this.ttl > 0 && Date.now() - entry.timestamp > this.ttl) {
-      this.cache.delete(key);
-      return false;
-    }
-    return true;
-  }
-  /**
-   * Delete a cached entry by source.
-   *
-   * @param source - Source code to delete
-   * @returns True if entry was deleted
-   */
-  delete(source) {
-    const key = hashString(source);
-    return this.cache.delete(key);
-  }
-  /**
-   * Clear all cached entries.
-   */
-  clear() {
-    this.cache.clear();
-    this.stats = { hits: 0, misses: 0, evictions: 0 };
-  }
-  /**
-   * Get current cache size.
-   */
-  get size() {
-    return this.cache.size;
-  }
-  /**
-   * Get cache statistics.
-   */
-  getStats() {
-    const total = this.stats.hits + this.stats.misses;
-    return {
-      ...this.stats,
-      size: this.cache.size,
-      hitRate: total > 0 ? this.stats.hits / total : 0
-    };
-  }
-};
-var transpileCache = new TranspileCache({ maxSize: 500 });
-var renderCache = new TranspileCache({
-  maxSize: 1e3,
-  ttl: 5 * 60 * 1e3
-  // 5 minutes
-});
-var ComponentCache = class {
-  cache = /* @__PURE__ */ new Map();
-  maxSize;
-  constructor(maxSize = 200) {
-    this.maxSize = maxSize;
-  }
-  get(key) {
-    const entry = this.cache.get(key);
-    if (!entry) return void 0;
-    this.cache.delete(key);
-    this.cache.set(key, entry);
-    return entry.value;
-  }
-  set(key, value) {
-    if (this.cache.size >= this.maxSize && !this.cache.has(key)) {
-      const oldestKey = this.cache.keys().next().value;
-      if (oldestKey) {
-        this.cache.delete(oldestKey);
-      }
-    }
-    this.cache.set(key, { value, timestamp: Date.now() });
-  }
-  has(key) {
-    return this.cache.has(key);
-  }
-  delete(key) {
-    return this.cache.delete(key);
-  }
-  clear() {
-    this.cache.clear();
-  }
-  get size() {
-    return this.cache.size;
-  }
-};
-var componentCache = new ComponentCache();
-
-// libs/uipack/src/theme/platforms.ts
-var OPENAI_PLATFORM = {
-  id: "openai",
-  name: "OpenAI",
-  supportsWidgets: true,
-  supportsTailwind: true,
-  supportsHtmx: true,
-  networkMode: "full",
-  scriptStrategy: "cdn",
-  options: {
-    sdk: "apps-sdk",
-    version: "1.0"
-  }
-};
-var CLAUDE_PLATFORM = {
-  id: "claude",
-  name: "Claude (Artifacts)",
-  supportsWidgets: true,
-  // Claude Artifacts support interactive widgets
-  supportsTailwind: true,
-  supportsHtmx: false,
-  // Network blocked, HTMX won't work for API calls
-  networkMode: "limited",
-  scriptStrategy: "cdn",
-  maxInlineSize: 100 * 1024,
-  // 100KB limit for artifacts
-  cspRestrictions: ["script-src 'unsafe-inline'", "connect-src 'none'"],
-  options: {
-    mode: "artifacts",
-    framework: "react"
-    // Claude artifacts prefer React
-  }
-};
-
-// libs/uipack/src/renderers/utils/detect.ts
-var MAX_TEMPLATE_LENGTH = 5e4;
-function isReactComponent(value) {
-  if (typeof value !== "function") {
-    return false;
-  }
-  const fn = value;
-  const typeofSymbol = fn.$$typeof;
-  if (typeofSymbol) {
-    const symbolString = typeofSymbol.toString();
-    return symbolString.includes("react.memo") || symbolString.includes("react.forward_ref") || symbolString.includes("react.lazy");
-  }
-  if (fn.prototype?.isReactComponent) {
-    return true;
-  }
-  if (fn.name && /^[A-Z]/.test(fn.name)) {
-    return true;
-  }
-  return false;
-}
-function isTemplateBuilderFunction(fn) {
-  if (isReactComponent(fn)) {
-    return false;
-  }
-  if (fn.name && /^[A-Z]/.test(fn.name)) {
-    return false;
-  }
-  return true;
-}
-function containsJsx(source) {
-  if (source.length > MAX_TEMPLATE_LENGTH) {
-    return false;
-  }
-  if (/<[A-Z][a-zA-Z0-9]*(\s|>|\/)/.test(source)) {
-    return true;
-  }
-  if (/<[A-Z][a-zA-Z0-9]*[^>]*\/>/.test(source)) {
-    return true;
-  }
-  if (/<[a-z]+[^>]*\{[^}]+\}/.test(source)) {
-    return true;
-  }
-  if (/\s(className|onClick|onChange|onSubmit|htmlFor)=/.test(source)) {
-    return true;
-  }
-  if (/<>|<\/>|<React\.Fragment>/.test(source)) {
-    return true;
-  }
-  if (/=>\s*\(?\s*</.test(source)) {
-    return true;
-  }
-  if (/return\s*\(?\s*</.test(source)) {
-    return true;
-  }
-  return false;
-}
-function containsMdxSyntax(source) {
-  if (source.length > MAX_TEMPLATE_LENGTH) {
-    return false;
-  }
-  if (/<[A-Z][a-zA-Z0-9]*/.test(source)) {
-    return true;
-  }
-  if (/^(import|export)\s/m.test(source)) {
-    return true;
-  }
-  if (/\s(className|onClick|onChange|onSubmit|htmlFor|dangerouslySetInnerHTML)=/.test(source)) {
-    return true;
-  }
-  if (/\{[^}"'\n]*\}/.test(source) && !/=\s*["'][^"']*\{/.test(source)) {
-    return true;
-  }
-  if (/^---[\s\S]*?---/m.test(source)) {
-    return true;
-  }
-  if (/<>|<\/>/.test(source)) {
-    return true;
-  }
-  return false;
-}
-function isPlainHtml(source) {
-  return !containsJsx(source) && !containsMdxSyntax(source);
-}
-function detectTemplateType(template) {
-  if (typeof template === "function") {
-    if (isReactComponent(template)) {
-      return {
-        type: "react",
-        confidence: 0.9,
-        reason: "Function detected as React component (PascalCase name or React symbols)"
-      };
-    }
-    return {
-      type: "html-function",
-      confidence: 0.8,
-      reason: "Function assumed to be HTML template builder"
-    };
-  }
-  if (typeof template === "string") {
-    if (containsMdxSyntax(template)) {
-      const hasMarkdown = /^#{1,6}\s|^\*\s|^\d+\.\s|^-\s/m.test(template);
-      if (hasMarkdown) {
-        return {
-          type: "mdx",
-          confidence: 0.9,
-          reason: "String contains Markdown with JSX components"
-        };
-      }
-      return {
-        type: "jsx-string",
-        confidence: 0.8,
-        reason: "String contains JSX syntax"
-      };
-    }
-    if (containsJsx(template)) {
-      return {
-        type: "jsx-string",
-        confidence: 0.85,
-        reason: "String contains JSX component tags or expressions"
-      };
-    }
-    return {
-      type: "html-string",
-      confidence: 1,
-      reason: "Plain HTML string"
-    };
-  }
-  return {
-    type: "html-string",
-    confidence: 0.5,
-    reason: "Unknown template type, defaulting to HTML"
-  };
-}
-
-// libs/uipack/src/renderers/html.renderer.ts
-var handlebarsRenderer = null;
-async function loadHandlebarsRenderer() {
-  if (handlebarsRenderer !== null) {
-    return handlebarsRenderer;
-  }
-  try {
-    const handlebarsModule = await Promise.resolve().then(() => (init_handlebars(), handlebars_exports));
-    const { HandlebarsRenderer: HandlebarsRenderer2 } = handlebarsModule;
-    const renderer = new HandlebarsRenderer2();
-    handlebarsRenderer = {
-      render: (template, context) => renderer.render(template, {
-        input: context.input ?? {},
-        output: context.output,
-        structuredContent: context.structuredContent
-      }),
-      containsHandlebars: (template) => HandlebarsRenderer2.containsHandlebars(template)
-    };
-    return handlebarsRenderer;
-  } catch {
-    return null;
-  }
-}
-function containsHandlebars2(template) {
-  return /\{\{(?!!)[\s\S]*?\}\}/.test(template);
-}
-var HtmlRenderer = class {
-  type = "html";
-  priority = 0;
-  // Lowest priority - fallback renderer
-  /**
-   * Check if this renderer can handle the given template.
-   *
-   * Accepts:
-   * - Any string (assumed to be HTML, with or without Handlebars)
-   * - Functions that are template builders (not React components)
-   */
-  canHandle(template) {
-    if (typeof template === "string") {
-      return true;
-    }
-    if (typeof template === "function") {
-      return isTemplateBuilderFunction(template);
-    }
-    return false;
-  }
-  /**
-   * Check if a template uses Handlebars syntax.
-   *
-   * @param template - Template string to check
-   * @returns true if template contains {{...}} syntax
-   */
-  usesHandlebars(template) {
-    return containsHandlebars2(template);
-  }
-  /**
-   * Transpile the template.
-   *
-   * For HTML templates, no transpilation is needed.
-   * This method returns a dummy result for consistency.
-   */
-  async transpile(template, _options) {
-    const source = typeof template === "string" ? template : template.toString();
-    const hash = hashString(source);
-    return {
-      code: "",
-      // No transpiled code needed
-      hash,
-      cached: true
-      // Always "cached" since no work is done
-    };
-  }
-  /**
-   * Render the template to HTML string.
-   *
-   * For static strings without Handlebars, returns the string directly.
-   * For strings with Handlebars syntax, processes with HandlebarsRenderer.
-   * For functions, calls the function with the context.
-   */
-  async render(template, context, _options) {
-    if (typeof template === "string") {
-      if (containsHandlebars2(template)) {
-        return this.renderHandlebars(template, context);
-      }
-      return template;
-    }
-    if (typeof template === "function") {
-      const result = template(context);
-      if (typeof result === "string" && containsHandlebars2(result)) {
-        return this.renderHandlebars(result, context);
-      }
-      return result;
-    }
-    return String(template);
-  }
-  /**
-   * Render Handlebars template with context.
-   */
-  async renderHandlebars(template, context) {
-    const renderer = await loadHandlebarsRenderer();
-    if (!renderer) {
-      console.warn(
-        "[@frontmcp/ui] Template contains Handlebars syntax but handlebars is not installed. Install it for template interpolation: npm install handlebars"
-      );
-      return template;
-    }
-    return renderer.render(template, {
-      input: context.input,
-      output: context.output,
-      structuredContent: context.structuredContent
-    });
-  }
-  /**
-   * Get runtime scripts for client-side functionality.
-   *
-   * HTML templates don't need additional runtime scripts.
-   */
-  getRuntimeScripts(_platform) {
-    return {
-      headScripts: "",
-      isInline: false
-    };
-  }
-};
-var htmlRenderer = new HtmlRenderer();
-
-// libs/uipack/src/renderers/registry.ts
-var RendererRegistry = class {
-  renderers = /* @__PURE__ */ new Map();
-  sortedRenderers = [];
-  defaultRenderer = "html";
-  debug;
-  constructor(options = {}) {
-    this.debug = options.debug ?? false;
-    this.register(htmlRenderer);
-  }
-  /**
-   * Register a renderer.
-   *
-   * Renderers are sorted by priority (highest first) for detection.
-   *
-   * @param renderer - Renderer to register
-   */
-  register(renderer) {
-    this.renderers.set(renderer.type, renderer);
-    this.updateSortedList();
-    if (this.debug) {
-      console.log(`[RendererRegistry] Registered renderer: ${renderer.type} (priority: ${renderer.priority})`);
-    }
-  }
-  /**
-   * Unregister a renderer.
-   *
-   * @param type - Type of renderer to remove
-   * @returns True if renderer was removed
-   */
-  unregister(type) {
-    const removed = this.renderers.delete(type);
-    if (removed) {
-      this.updateSortedList();
-    }
-    return removed;
-  }
-  /**
-   * Get a renderer by type.
-   *
-   * @param type - Renderer type
-   * @returns Renderer or undefined if not found
-   */
-  get(type) {
-    return this.renderers.get(type);
-  }
-  /**
-   * Check if a renderer type is registered.
-   *
-   * @param type - Renderer type
-   * @returns True if registered
-   */
-  has(type) {
-    return this.renderers.has(type);
-  }
-  /**
-   * Get all registered renderer types.
-   *
-   * @returns Array of renderer types
-   */
-  getTypes() {
-    return Array.from(this.renderers.keys());
-  }
-  /**
-   * Auto-detect the renderer for a template.
-   *
-   * Checks renderers in priority order (highest first).
-   * Returns HTML renderer as fallback.
-   *
-   * @param template - Template to detect
-   * @returns Detection result with renderer and confidence
-   */
-  detect(template) {
-    for (const renderer of this.sortedRenderers) {
-      if (renderer.canHandle(template)) {
-        const result = {
-          renderer,
-          confidence: renderer.priority / 100,
-          // Normalize to 0-1
-          reason: `Matched by ${renderer.type} renderer`
-        };
-        if (this.debug) {
-          console.log(`[RendererRegistry] Detected template as ${renderer.type} (confidence: ${result.confidence})`);
-        }
-        return result;
-      }
-    }
-    const fallback = this.renderers.get(this.defaultRenderer);
-    if (!fallback) {
-      throw new Error(`Default renderer '${this.defaultRenderer}' not found`);
-    }
-    return {
-      renderer: fallback,
-      confidence: 0.5,
-      reason: "Fallback to default HTML renderer"
-    };
-  }
-  /**
-   * Render a template with auto-detection.
-   *
-   * @param template - Template to render (React, MDX, or HTML)
-   * @param context - Template context with input/output
-   * @param options - Render options
-   * @returns Rendered result with HTML and metadata
-   */
-  async render(template, context, options = {}) {
-    const platform = options.platform ?? OPENAI_PLATFORM;
-    const detection = this.detect(template);
-    const renderer = detection.renderer;
-    if (this.debug) {
-      console.log(`[RendererRegistry] Rendering with ${renderer.type} renderer`);
-    }
-    const transpileResult = await renderer.transpile(template);
-    const html = await renderer.render(template, context, options);
-    const runtimeScripts = renderer.getRuntimeScripts(platform);
-    return {
-      html,
-      rendererType: renderer.type,
-      transpileCached: transpileResult.cached,
-      runtimeScripts
-    };
-  }
-  /**
-   * Render with a specific renderer type.
-   *
-   * @param type - Renderer type to use
-   * @param template - Template to render
-   * @param context - Template context
-   * @param options - Render options
-   * @returns Rendered result
-   */
-  async renderWith(type, template, context, options = {}) {
-    const renderer = this.renderers.get(type);
-    if (!renderer) {
-      throw new Error(`Renderer '${type}' not registered`);
-    }
-    const platform = options.platform ?? OPENAI_PLATFORM;
-    const transpileResult = await renderer.transpile(template);
-    const html = await renderer.render(template, context, options);
-    const runtimeScripts = renderer.getRuntimeScripts(platform);
-    return {
-      html,
-      rendererType: type,
-      transpileCached: transpileResult.cached,
-      runtimeScripts
-    };
-  }
-  /**
-   * Update the sorted renderer list by priority.
-   */
-  updateSortedList() {
-    this.sortedRenderers = Array.from(this.renderers.values()).sort((a, b) => b.priority - a.priority);
-  }
-  /**
-   * Set the default renderer type.
-   *
-   * @param type - Renderer type to use as default
-   */
-  setDefault(type) {
-    if (!this.renderers.has(type)) {
-      throw new Error(`Cannot set default to unregistered renderer '${type}'`);
-    }
-    this.defaultRenderer = type;
-  }
-  /**
-   * Get registry statistics.
-   */
-  getStats() {
-    return {
-      registeredRenderers: this.getTypes(),
-      defaultRenderer: this.defaultRenderer,
-      priorityOrder: this.sortedRenderers.map((r) => ({
-        type: r.type,
-        priority: r.priority
-      }))
-    };
-  }
-};
-var rendererRegistry = new RendererRegistry();
-
-// libs/uipack/src/renderers/mdx-client.renderer.ts
-init_utils();
-function buildReactCdnUrls(version = "19") {
-  return {
-    react: `https://esm.sh/react@${version}`,
-    reactDom: `https://esm.sh/react-dom@${version}/client`,
-    jsxRuntime: `https://esm.sh/react@${version}/jsx-runtime`
-  };
-}
-var DEFAULT_CDN = {
-  mdx: "https://esm.sh/@mdx-js/mdx@3",
-  ...buildReactCdnUrls("19")
-};
-var MdxClientRenderer = class {
-  type = "mdx-client";
-  priority = 8;
-  // Lower than server-side MDX (10)
-  /**
-   * Check if this renderer can handle the given template.
-   */
-  canHandle(template) {
-    if (typeof template !== "string") {
-      return false;
-    }
-    return containsMdxSyntax(template);
-  }
-  /**
-   * Prepare MDX template for rendering.
-   * Caches the template hash for deduplication. Actual MDX compilation
-   * happens client-side via CDN-loaded @mdx-js/mdx in the browser.
-   */
-  async transpile(template, _options) {
-    const hash = hashString(template);
-    const cached = transpileCache.getByKey(hash);
-    if (cached) {
-      return { ...cached, cached: true };
-    }
-    const transpileResult = {
-      code: template,
-      hash,
-      cached: false
-    };
-    transpileCache.setByKey(hash, transpileResult);
-    return transpileResult;
-  }
-  /**
-   * Render MDX template to HTML with CDN scripts.
-   *
-   * The returned HTML includes:
-   * - A container div for the rendered content
-   * - Script tags that load React and MDX from CDN
-   * - Inline script that compiles and renders the MDX
-   */
-  async render(template, context, options) {
-    const containerId = options?.containerId || "mdx-content";
-    const showLoading = options?.showLoading !== false;
-    const loadingMessage = options?.loadingMessage || "Loading...";
-    const cdn = {
-      ...DEFAULT_CDN,
-      ...options?.cdn
-    };
-    const props = {
-      input: context.input,
-      output: context.output,
-      structuredContent: context.structuredContent,
-      helpers: context.helpers
-    };
-    const reservedProps = /* @__PURE__ */ new Set(["input", "output", "structuredContent", "helpers", "components"]);
-    const outputProps = typeof context.output === "object" && context.output !== null ? Object.fromEntries(Object.entries(context.output).filter(([key]) => !reservedProps.has(key))) : {};
-    const spreadProps = {
-      ...outputProps,
-      ...props
-    };
-    const escapedMdx = escapeScriptClose(JSON.stringify(template));
-    const escapedProps = escapeScriptClose(JSON.stringify(spreadProps));
-    const safeContainerId = escapeJsString(containerId);
-    const loadingHtml = showLoading ? `<div class="mdx-loading">${escapeHtml(loadingMessage)}</div>` : "";
-    return `
-<div id="${escapeHtml(containerId)}">${loadingHtml}</div>
-<script type="module">
-(async function() {
-  try {
-    // Load dependencies from CDN
-    const [
-      { evaluate },
-      runtime,
-      React,
-      { createRoot }
-    ] = await Promise.all([
-      import('${cdn.mdx}'),
-      import('${cdn.jsxRuntime}'),
-      import('${cdn.react}'),
-      import('${cdn.reactDom}')
-    ]);
-
-    // MDX content and props
-    const mdxSource = ${escapedMdx};
-    const props = ${escapedProps};
-
-    // Compile and evaluate MDX
-    const { default: Content } = await evaluate(mdxSource, {
-      ...runtime,
-      Fragment: React.Fragment,
-      development: false
-    });
-
-    // Render to DOM
-    const container = document.getElementById('${safeContainerId}');
-    if (container) {
-      const root = createRoot(container);
-      root.render(React.createElement(Content, props));
-    }
-  } catch (error) {
-    console.error('[FrontMCP] MDX client rendering failed:', error);
-    const container = document.getElementById('${safeContainerId}');
-    if (container) {
-      container.innerHTML = '<div class="mdx-error">Failed to render MDX content</div>';
-    }
-  }
-})();
-</script>
-`;
-  }
-  /**
-   * Get runtime scripts - not needed for client renderer since scripts are inline.
-   */
-  getRuntimeScripts(platform) {
-    if (platform.networkMode === "blocked") {
-      return {
-        headScripts: "",
-        inlineScripts: `console.warn('[FrontMCP] Client-side MDX rendering requires network access. Use @frontmcp/ui for SSR.');`,
-        isInline: true
-      };
-    }
-    return {
-      headScripts: "",
-      isInline: false
-    };
-  }
-};
-var mdxClientRenderer = new MdxClientRenderer();
-
-// libs/uipack/src/renderers/utils/transpiler.ts
-var DEFAULT_SWC_OPTIONS = {
-  typescript: true,
-  jsx: true,
-  jsxRuntime: "automatic",
-  development: false
-};
-var swcTransform = null;
-async function loadSwcTransform() {
-  if (swcTransform !== null) {
-    return swcTransform;
-  }
-  try {
-    const swc = await import(
-      /* webpackIgnore: true */
-      "@swc/core"
-    );
-    swcTransform = swc.transform;
-    return swcTransform;
-  } catch {
-    console.warn(
-      "[@frontmcp/ui] @swc/core not available. Runtime JSX transpilation disabled. Install @swc/core to enable: npm install @swc/core"
-    );
-    return null;
-  }
-}
-async function transpileJsx(source, options = {}) {
-  const hash = hashString(source);
-  const cached = transpileCache.getByKey(hash);
-  if (cached) {
-    return { ...cached, cached: true };
-  }
-  const transform = await loadSwcTransform();
-  if (!transform) {
-    throw new Error(
-      "Runtime JSX transpilation requires @swc/core. Either install @swc/core or use pre-compiled React components."
-    );
-  }
-  const opts = { ...DEFAULT_SWC_OPTIONS, ...options };
-  const swcOptions = {
-    jsc: {
-      parser: {
-        syntax: opts.typescript ? "typescript" : "ecmascript",
-        tsx: opts.jsx,
-        jsx: opts.jsx
-      },
-      transform: {
-        react: {
-          runtime: opts.jsxRuntime,
-          development: opts.development
-        }
-      },
-      target: "es2020"
-    },
-    module: {
-      type: "commonjs"
-    }
-  };
-  const result = await transform(source, swcOptions);
-  const transpileResult = {
-    code: result.code,
-    hash,
-    cached: false
-  };
-  transpileCache.setByKey(hash, transpileResult);
-  return transpileResult;
-}
-async function isSwcAvailable() {
-  const transform = await loadSwcTransform();
-  return transform !== null;
-}
-async function executeTranspiledCode(_code, _context = {}) {
-  throw new Error(
-    'executeTranspiledCode has been moved to @frontmcp/ui/renderers. Install @frontmcp/ui and import from there: import { executeTranspiledCode } from "@frontmcp/ui/renderers"'
-  );
-}
-async function transpileAndExecute(_source, _context = {}) {
-  throw new Error(
-    'transpileAndExecute has been moved to @frontmcp/ui/renderers. Install @frontmcp/ui and import from there: import { transpileAndExecute } from "@frontmcp/ui/renderers"'
-  );
-}
-export {
-  HtmlRenderer,
-  MdxClientRenderer,
-  RendererRegistry,
-  TranspileCache,
-  buildReactCdnUrls,
-  componentCache,
-  containsJsx,
-  containsMdxSyntax,
-  detectTemplateType,
-  executeTranspiledCode,
-  hashCombined,
-  hashString,
-  htmlRenderer,
-  isHash,
-  isPlainHtml,
-  isReactComponent,
-  isSwcAvailable,
-  isTemplateBuilderFunction,
-  mdxClientRenderer,
-  rendererRegistry,
-  transpileAndExecute,
-  transpileCache,
-  transpileJsx
-};