@mdxui/terminal 2.0.0

package/dist/renderers/index.js

@@ -0,0 +1,2157 @@
+import {
+  ASCII_BOX_CHARS,
+  ASCII_DOUBLE_BOX_CHARS,
+  DEFAULT_RENDER_CONTEXT,
+  DEFAULT_THEME_TOKENS,
+  SPINNER_FRAMES,
+  UNICODE_DOUBLE_BOX_CHARS,
+  UNICODE_ROUNDED_BOX_CHARS,
+  UNICODE_SINGLE_BOX_CHARS,
+  UNICODE_SYMBOLS,
+  ansiToCSS,
+  ansiToHTML,
+  boxDrawingToASCII,
+  buildBox,
+  buildTableRow,
+  buildTableSeparator,
+  calculateColumnWidths,
+  createCallbackRouterAdapter,
+  extractHeaders,
+  extractPathParams,
+  extractRowValues,
+  extractStringArray,
+  findActiveItemByPath,
+  findActiveItemInSections,
+  formatSegmentLabel,
+  generateBreadcrumbSegments,
+  getASCIIBoxChars,
+  getIndentStr,
+  getProp,
+  getTextWidth,
+  getUnicodeBoxChars,
+  joinParts,
+  joinPath,
+  matchPath,
+  matchPathPattern,
+  normalizePath,
+  padText,
+  parseAnsiToSpans,
+  renderText,
+  sanitizeToASCII,
+  spanToInlineStyle,
+  wrapText
+} from "../chunk-F6A5VWUC.js";
+import {
+  createInteractiveRenderer,
+  renderInteractive
+} from "../chunk-LHYQVN3H.js";
+import {
+  ANSI,
+  hexToRgb
+} from "../chunk-MVW4Q5OP.js";
+import "../chunk-3RG5ZIWI.js";
+
+// src/renderers/markdown.ts
+function escapePipes(content) {
+  return content.replace(/\|/g, "\\|");
+}
+function escapeBrackets(text) {
+  return text.replace(/\[/g, "\\[").replace(/\]/g, "\\]");
+}
+function clampHeaderLevel(level) {
+  if (level < 1) return 1;
+  if (level > 6) return 6;
+  return level;
+}
+function renderText2(node) {
+  const { content, bold, italic, code, strikethrough } = node.props;
+  if (content == null) return "";
+  let text = String(content);
+  if (code) {
+    text = `\`${text}\``;
+  } else {
+    if (bold && italic) {
+      text = `***${text}***`;
+    } else if (bold) {
+      text = `**${text}**`;
+    } else if (italic) {
+      text = `*${text}*`;
+    }
+    if (strikethrough) {
+      text = `~~${text}~~`;
+    }
+  }
+  return text;
+}
+function renderHeader(node) {
+  const { level, content } = node.props;
+  const headerLevel = clampHeaderLevel(level ?? 2);
+  const prefix = "#".repeat(headerLevel);
+  return `${prefix} ${content ?? ""}
+`;
+}
+function renderList(node, state) {
+  const { items, numbered, taskList, children: propsChildren } = node.props;
+  const nestedChildren = node.children || propsChildren;
+  const indent = " ".repeat(state.indent);
+  const lines = [];
+  if (items && items.length > 0) {
+    items.forEach((item, index) => {
+      if (taskList && typeof item === "object" && "checked" in item) {
+        const checkbox = item.checked ? "[x]" : "[ ]";
+        lines.push(`${indent}- ${checkbox} ${item.text}`);
+      } else if (numbered) {
+        lines.push(`${indent}${index + 1}. ${typeof item === "string" ? item : item.text}`);
+      } else {
+        lines.push(`${indent}- ${typeof item === "string" ? item : item.text}`);
+      }
+    });
+  }
+  if (nestedChildren && Array.isArray(nestedChildren) && nestedChildren.length > 0) {
+    nestedChildren.forEach((child, index) => {
+      if (child.type === "list-item") {
+        const content = child.props?.content ?? "";
+        const prefix = numbered ? `${index + 1}. ` : "- ";
+        lines.push(`${indent}${prefix}${content}`);
+        if (child.children && Array.isArray(child.children) && child.children.length > 0) {
+          child.children.forEach((nestedChild) => {
+            const nestedOutput = renderNode(nestedChild, { indent: state.indent + 2 });
+            if (nestedOutput) {
+              lines.push(nestedOutput.trimEnd());
+            }
+          });
+        }
+      } else {
+        const childOutput = renderNode(child, { indent: state.indent + 2 });
+        if (childOutput) {
+          lines.push(childOutput.trimEnd());
+        }
+      }
+    });
+  }
+  if (lines.length === 0) return "";
+  return lines.join("\n") + "\n";
+}
+function renderTable(node) {
+  const { columns } = node.props;
+  const data = node.data ?? node.props?.data;
+  if (!columns || columns.length === 0) return "";
+  const lines = [];
+  const headerCells = columns.map((col) => ` ${col.header} `);
+  lines.push(`|${headerCells.join("|")}|`);
+  const separatorCells = columns.map((col) => {
+    const base = "---";
+    if (col.align === "center") return `:${base}:`;
+    if (col.align === "right") return `${base}:`;
+    return `${base}`;
+  });
+  lines.push(`| ${separatorCells.join(" | ")} |`);
+  if (data && data.length > 0) {
+    for (const row of data) {
+      const cells = columns.map((col) => {
+        const value = row[col.key];
+        const cellContent = value != null ? String(value) : "";
+        return ` ${escapePipes(cellContent)} `;
+      });
+      lines.push(`|${cells.join("|")}|`);
+    }
+  }
+  return lines.join("\n") + "\n";
+}
+function renderCode(node) {
+  const { code, language } = node.props;
+  if (code == null) return "";
+  const lang = language ?? "";
+  return `\`\`\`${lang}
+${code}
+\`\`\`
+`;
+}
+function renderLink(node) {
+  const { text, href } = node.props;
+  return `[${escapeBrackets(text ?? "")}](${href ?? ""})`;
+}
+function renderButton(node) {
+  const { label, action, hotkey } = node.props;
+  const labelText = hotkey ? `${label} (${hotkey})` : label ?? "";
+  return `[${labelText}](${action ?? ""})`;
+}
+function renderBox(node, state) {
+  const { title, border } = node.props;
+  const lines = [];
+  if (title) {
+    lines.push(`### ${title}
+`);
+  }
+  if (border) {
+    lines.push("---\n");
+  }
+  if (node.children && Array.isArray(node.children) && node.children.length > 0) {
+    const childContent = node.children.map((child) => renderNode(child, state)).join("\n");
+    lines.push(childContent);
+  }
+  if (border) {
+    lines.push("\n---");
+  }
+  return lines.join("") + "\n";
+}
+function renderPanel(node, state) {
+  const { title, collapsible, collapsed } = node.props;
+  const lines = [];
+  if (title) {
+    lines.push(`### ${title}
+`);
+  }
+  if (node.children && Array.isArray(node.children) && node.children.length > 0) {
+    const childContent = node.children.map((child) => renderNode(child, state)).join("\n");
+    lines.push(childContent);
+  }
+  return lines.join("") + "\n";
+}
+function renderCard(node, state) {
+  const { title, subtitle, badge, titleAction, pairs, actions } = node.props;
+  const lines = [];
+  if (title) {
+    let titleLine = `### ${title}`;
+    if (badge) {
+      titleLine += ` [${badge.content}]`;
+    }
+    lines.push(titleLine);
+    if (titleAction) {
+      lines.push(`[${titleAction.label}](${titleAction.action ?? ""})`);
+    }
+    lines.push("");
+  }
+  if (subtitle) {
+    lines.push(`*${subtitle}*
+`);
+  }
+  if (pairs && pairs.length > 0) {
+    for (const pair of pairs) {
+      const val = pair.value != null ? String(pair.value) : "";
+      lines.push(`**${pair.key}:** ${val}`);
+    }
+    lines.push("");
+  }
+  if (node.children && Array.isArray(node.children) && node.children.length > 0) {
+    const childContent = node.children.map((child) => renderNode(child, state)).join("\n");
+    lines.push(childContent);
+  }
+  if (actions && actions.length > 0) {
+    for (const action of actions) {
+      lines.push(`[${action.label}](${action.action ?? ""})`);
+    }
+    lines.push("");
+  }
+  return lines.join("\n");
+}
+function renderSidebar(node) {
+  const { nav, sections } = node.props;
+  const lines = [];
+  if (sections) {
+    for (const section of sections) {
+      lines.push(`### ${section.title}
+`);
+      for (const item of section.items) {
+        lines.push(`- [${item.label}](${item.href ?? ""})`);
+      }
+      lines.push("");
+    }
+  }
+  if (nav) {
+    for (const item of nav) {
+      if (item.active) {
+        lines.push(`- **[${item.label}](${item.href ?? ""})**`);
+      } else {
+        lines.push(`- [${item.label}](${item.href ?? ""})`);
+      }
+      if (item.children) {
+        for (const child of item.children) {
+          lines.push(`  - [${child.label}](${child.href ?? ""})`);
+        }
+      }
+    }
+    lines.push("");
+  }
+  return lines.join("\n");
+}
+function renderBreadcrumb(node) {
+  const { items, separator } = node.props;
+  if (!items || items.length === 0) return "";
+  const sep = separator ?? " > ";
+  const parts = items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    if (isLast || !item.path) {
+      return item.label;
+    }
+    return `[${item.label}](${item.path})`;
+  });
+  return parts.join(sep) + "\n";
+}
+function renderBadge(node) {
+  const { children, variant } = node.props;
+  return `[${children ?? ""}]`;
+}
+function renderDialog(node, state) {
+  const { title, open, actions } = node.props;
+  if (open === false) return "";
+  const lines = [];
+  if (title) {
+    lines.push(`### ${title}
+`);
+  }
+  if (node.children && Array.isArray(node.children) && node.children.length > 0) {
+    const childContent = node.children.map((child) => renderNode(child, state)).join("\n");
+    lines.push(childContent);
+  }
+  if (actions && actions.length > 0) {
+    lines.push("");
+    for (const action of actions) {
+      lines.push(`[${action.label}](${action.action})`);
+    }
+  }
+  return lines.join("") + "\n";
+}
+function renderSpinner(node) {
+  const { label } = node.props;
+  return label ?? "Loading...";
+}
+function renderMetrics(node) {
+  const { metrics } = node.props;
+  if (!metrics || metrics.length === 0) return "";
+  const lines = [];
+  for (const m of metrics) {
+    const val = m.value != null ? String(m.value) : "";
+    let formatted = val;
+    if (m.format === "percentage" && !val.includes("%")) {
+      formatted = `${val}%`;
+    }
+    if (m.unit) {
+      formatted = `${formatted} ${m.unit}`;
+    }
+    lines.push(`**${m.label}:** ${formatted}`);
+  }
+  return lines.join("\n") + "\n";
+}
+function renderSingleMetric(node) {
+  const { label, value, format, unit } = node.props;
+  if (!label) return "";
+  const val = value != null ? String(value) : "";
+  let formatted = val;
+  if (format === "percentage" && !val.includes("%")) {
+    formatted = `${val}%`;
+  }
+  if (unit) {
+    formatted = `${formatted} ${unit}`;
+  }
+  return `**${label}:** ${formatted}
+`;
+}
+function renderDashboard(node, state) {
+  const { title, metrics } = node.props;
+  const lines = [];
+  if (title) {
+    lines.push(`# ${title}
+`);
+  }
+  if (metrics && metrics.length > 0) {
+    lines.push("| Metric | Value | Trend |");
+    lines.push("| :--- | :--- | :--- |");
+    for (const metric of metrics) {
+      const trend = metric.trend === "up" ? "Up" : metric.trend === "down" ? "Down" : "";
+      lines.push(`| ${metric.label} | ${metric.value} | ${trend} |`);
+    }
+    lines.push("");
+  }
+  if (node.children && Array.isArray(node.children) && node.children.length > 0) {
+    const childContent = node.children.map((child) => renderNode(child, state)).join("\n");
+    lines.push(childContent);
+  }
+  return lines.join("\n");
+}
+function renderSettings(node, state) {
+  const { sections } = node.props;
+  const lines = [];
+  if (sections && sections.length > 0) {
+    for (const section of sections) {
+      lines.push(`### ${section.charAt(0).toUpperCase() + section.slice(1)}
+`);
+    }
+  }
+  if (node.children && Array.isArray(node.children) && node.children.length > 0) {
+    const childContent = node.children.map((child) => renderNode(child, state)).join("\n");
+    lines.push(childContent);
+  }
+  return lines.join("\n");
+}
+function renderInput(node) {
+  const { label, value, placeholder, disabled } = node.props;
+  const displayValue = value ?? placeholder ?? "";
+  return `**${label ?? "Input"}:** ${displayValue}`;
+}
+function renderSelect(node) {
+  const { label, value, options } = node.props;
+  const lines = [];
+  if (label) {
+    lines.push(`**${label}:**`);
+  }
+  if (options && options.length > 0) {
+    const selectedOption = options.find((opt) => opt.value === value);
+    if (selectedOption) {
+      lines.push(`Selected: ${selectedOption.label}`);
+    }
+    lines.push("Options:");
+    for (const opt of options) {
+      lines.push(`- ${opt.label}`);
+    }
+  }
+  return lines.join("\n") + "\n";
+}
+function renderNavFooter(node) {
+  const { actions } = node.props;
+  if (!actions || actions.length === 0) return "";
+  const parts = actions.map((action) => `\`${action.key}\` ${action.label}`);
+  return parts.join(" | ") + "\n";
+}
+function renderHero(node) {
+  const { title, subtitle, badge, callToAction, secondaryCallToAction, actions } = node.props;
+  const lines = [];
+  if (badge) {
+    lines.push(`[${badge}]
+`);
+  }
+  if (title) {
+    lines.push(`# ${title}
+`);
+  }
+  if (subtitle) {
+    lines.push(`${subtitle}
+`);
+  }
+  if (callToAction) {
+    lines.push(`[${callToAction}](${actions?.primary ?? ""})`);
+  }
+  if (secondaryCallToAction) {
+    lines.push(`[${secondaryCallToAction}](${actions?.secondary ?? ""})`);
+  }
+  return lines.join("\n") + "\n";
+}
+function renderFeatures(node) {
+  const { title, features } = node.props;
+  const lines = [];
+  if (title) {
+    lines.push(`## ${title}
+`);
+  }
+  if (features && features.length > 0) {
+    for (const feature of features) {
+      lines.push(`### ${feature.title}`);
+      lines.push(feature.description);
+      lines.push("");
+    }
+  }
+  return lines.join("\n");
+}
+function renderPricing(node) {
+  const { tiers } = node.props;
+  if (!tiers || tiers.length === 0) return "";
+  const lines = [];
+  for (const tier of tiers) {
+    lines.push(`### ${tier.name}`);
+    lines.push(`**${tier.price}**`);
+    lines.push("");
+    if (tier.features && tier.features.length > 0) {
+      for (const feature of tier.features) {
+        lines.push(`- ${feature}`);
+      }
+      lines.push("");
+    }
+    if (tier.callToAction) {
+      lines.push(`[${tier.callToAction}]()
+`);
+    }
+  }
+  return lines.join("\n");
+}
+function renderFAQ(node) {
+  const { title, items } = node.props;
+  const lines = [];
+  if (title) {
+    lines.push(`## ${title}
+`);
+  }
+  if (items && items.length > 0) {
+    for (const item of items) {
+      lines.push(`**${item.question}**`);
+      lines.push(item.answer);
+      lines.push("");
+    }
+  }
+  return lines.join("\n");
+}
+function renderFooter(node) {
+  const { links, copyright, social } = node.props;
+  const lines = [];
+  lines.push("---\n");
+  if (links && links.length > 0) {
+    for (const section of links) {
+      lines.push(`### ${section.title}`);
+      for (const link of section.links) {
+        lines.push(`- [${link.label}](${link.href})`);
+      }
+      lines.push("");
+    }
+  }
+  if (social && social.length > 0) {
+    const socialLinks = social.map((s) => `[${s.platform}](${s.href})`).join(" | ");
+    lines.push(socialLinks);
+    lines.push("");
+  }
+  if (copyright) {
+    lines.push(`${copyright}
+`);
+  }
+  return lines.join("\n");
+}
+function renderSiteHeader(node) {
+  const { nav, callToAction, actions, breadcrumbs } = node.props;
+  const lines = [];
+  if (nav && nav.length > 0) {
+    const navLinks = nav.map((item) => `[${item.label}](${item.href})`).join(" | ");
+    lines.push(navLinks);
+  }
+  if (callToAction) {
+    lines.push(`[${callToAction}](${actions?.primary ?? ""})`);
+  }
+  if (breadcrumbs && breadcrumbs.length > 0) {
+    const crumbs = breadcrumbs.map((b, i) => {
+      if (b.href && i < breadcrumbs.length - 1) {
+        return `[${b.label}](${b.href})`;
+      }
+      return b.label;
+    }).join(" > ");
+    lines.push(crumbs);
+  }
+  return lines.join("\n") + "\n";
+}
+function renderNode(node, state = { indent: 0 }) {
+  if (node.type === "header" && (node.props?.nav || node.props?.breadcrumbs || node.props?.callToAction)) {
+    return renderSiteHeader(node);
+  }
+  switch (node.type) {
+    case "text":
+      return renderText2(node);
+    case "header":
+      return renderHeader(node);
+    case "list":
+      return renderList(node, state);
+    case "table":
+      return renderTable(node);
+    case "code":
+      return renderCode(node);
+    case "link":
+      return renderLink(node);
+    case "button":
+      return renderButton(node);
+    case "box":
+      return renderBox(node, state);
+    case "panel":
+      return renderPanel(node, state);
+    case "card":
+      return renderCard(node, state);
+    case "sidebar":
+      return renderSidebar(node);
+    case "breadcrumb":
+      return renderBreadcrumb(node);
+    case "badge":
+      return renderBadge(node);
+    case "dialog":
+      return renderDialog(node, state);
+    case "spinner":
+      return renderSpinner(node);
+    case "metrics":
+      return renderMetrics(node);
+    case "metric":
+      return renderSingleMetric(node);
+    case "dashboard":
+      return renderDashboard(node, state);
+    case "settings":
+      return renderSettings(node, state);
+    case "input":
+      return renderInput(node);
+    case "select":
+      return renderSelect(node);
+    case "nav-footer":
+      return renderNavFooter(node);
+    case "hero":
+      return renderHero(node);
+    case "features":
+      return renderFeatures(node);
+    case "pricing":
+      return renderPricing(node);
+    case "faq":
+      return renderFAQ(node);
+    case "footer":
+      return renderFooter(node);
+    default: {
+      const defaultChildren = Array.isArray(node.children) ? node.children : [];
+      if (defaultChildren.length > 0) {
+        return defaultChildren.map((child) => renderNode(child, state)).join("\n");
+      }
+      return "";
+    }
+  }
+}
+function renderMarkdown(node, options) {
+  const result = renderNode(node, { indent: 0 });
+  const lines = result.split("\n").map((line) => line.trimEnd());
+  return lines.join("\n");
+}
+
+// src/renderers/ascii.ts
+var DEFAULT_WIDTH = DEFAULT_RENDER_CONTEXT.width;
+var DEFAULT_HEIGHT = DEFAULT_RENDER_CONTEXT.height;
+var DEFAULT_THEME = { ...DEFAULT_THEME_TOKENS };
+function createDefaultContext() {
+  return {
+    tier: "ascii",
+    width: DEFAULT_WIDTH,
+    height: DEFAULT_HEIGHT,
+    depth: 0,
+    theme: DEFAULT_THEME,
+    interactive: false
+  };
+}
+function renderASCII(node, context) {
+  const ctx = context ?? createDefaultContext();
+  return renderNode2(node, ctx);
+}
+function renderNode2(node, ctx) {
+  switch (node.type) {
+    case "text":
+      return renderText3(node, ctx);
+    case "box":
+      return renderBox2(node, ctx);
+    case "table":
+      return renderTable2(node, ctx);
+    case "list":
+      return renderList2(node, ctx);
+    case "progress":
+      return renderProgress(node, ctx);
+    case "spinner":
+      return renderSpinner2(node, ctx);
+    case "panel":
+      return renderPanel2(node, ctx);
+    case "card":
+      return renderCard2(node, ctx);
+    case "badge":
+      return renderBadge2(node, ctx);
+    case "button":
+      return renderButton2(node, ctx);
+    case "input":
+      return renderInput2(node, ctx);
+    case "select":
+      return renderSelect2(node, ctx);
+    case "dialog":
+      return renderDialog2(node, ctx);
+    case "breadcrumb":
+      return renderBreadcrumb2(node, ctx);
+    case "sidebar":
+      return renderSidebar2(node, ctx);
+    case "metrics":
+      return renderMetrics2(node, ctx);
+    case "metric":
+      return renderSingleMetric2(node, ctx);
+    default:
+      return renderChildren(node, ctx);
+  }
+}
+function renderChildren(node, ctx) {
+  if (!node.children || node.children.length === 0) {
+    return "";
+  }
+  if (typeof node.children === "string") {
+    return node.children;
+  }
+  return node.children.map((child) => renderNode2(child, ctx)).join("\n");
+}
+function renderText3(node, ctx) {
+  const content = String(node.props?.content ?? "");
+  const sanitized = sanitizeToASCII(content);
+  const width = ctx.width > 0 ? ctx.width : DEFAULT_WIDTH;
+  const lines = wrapText(sanitized, width);
+  return lines.join("\n");
+}
+function renderBox2(node, ctx) {
+  const border = node.props?.border;
+  const explicitWidth = node.props?.width;
+  const padding = node.props?.padding ?? 0;
+  if (border === "none") {
+    return renderChildren(node, ctx);
+  }
+  const chars = getASCIIBoxChars(border);
+  const { horizontal, vertical } = chars;
+  const corner = chars.topLeft;
+  const availableWidth = explicitWidth ?? ctx.width;
+  const neededForBorders = 2 + padding * 2;
+  const childWidth = Math.max(1, availableWidth - neededForBorders);
+  const childCtx = {
+    ...ctx,
+    depth: ctx.depth + 1,
+    width: childWidth
+  };
+  const childContent = renderChildren(node, childCtx);
+  const contentLines = childContent.split("\n").filter((line, idx, arr) => {
+    return line.length > 0 || idx > 0 && idx < arr.length - 1;
+  });
+  let contentWidth = 0;
+  for (const line of contentLines) {
+    contentWidth = Math.max(contentWidth, line.length);
+  }
+  let innerWidth;
+  if (explicitWidth !== void 0) {
+    innerWidth = explicitWidth - 2;
+  } else {
+    innerWidth = Math.max(contentWidth + padding * 2, 1);
+  }
+  if (ctx.width > 0 && innerWidth > ctx.width - 2) {
+    innerWidth = ctx.width - 2;
+  }
+  const lines = [];
+  const topBottom = corner + horizontal.repeat(Math.max(innerWidth, 1)) + corner;
+  lines.push(topBottom);
+  for (let i = 0; i < padding; i++) {
+    lines.push(vertical + " ".repeat(innerWidth) + vertical);
+  }
+  const linesToRender = contentLines.length > 0 ? contentLines : [""];
+  for (const line of linesToRender) {
+    const paddedLine = " ".repeat(padding) + line;
+    const truncated = paddedLine.length > innerWidth ? paddedLine.slice(0, innerWidth) : paddedLine;
+    const padded = truncated.padEnd(innerWidth);
+    lines.push(vertical + padded + vertical);
+  }
+  for (let i = 0; i < padding; i++) {
+    lines.push(vertical + " ".repeat(innerWidth) + vertical);
+  }
+  lines.push(topBottom);
+  return lines.join("\n");
+}
+function renderTable2(node, ctx) {
+  const columns = node.props?.columns;
+  const nodeData = node.data ?? node.props?.data;
+  let headers = [];
+  let rows = [];
+  if (columns && columns.length > 0) {
+    headers = columns.map((col) => col.header);
+    if (nodeData && nodeData.length > 0) {
+      rows = nodeData.map(
+        (row) => columns.map((col) => {
+          const val = row[col.key];
+          return val != null ? String(val) : "";
+        })
+      );
+    }
+  } else {
+    headers = node.props?.headers ?? [];
+    rows = node.props?.rows ?? [];
+  }
+  if (headers.length === 0 && rows.length === 0) {
+    return "";
+  }
+  const maxTableWidth = ctx.width > 0 ? ctx.width : DEFAULT_WIDTH;
+  const colWidths = calculateColumnWidths(headers, rows, maxTableWidth);
+  const separatorChars = { left: "+", middle: "+", right: "+", horizontal: "-" };
+  const lines = [];
+  lines.push(buildTableSeparator(colWidths, separatorChars));
+  if (headers.length > 0) {
+    lines.push(buildTableRow(headers, colWidths, "|"));
+    lines.push(buildTableSeparator(colWidths, separatorChars));
+  }
+  for (const row of rows) {
+    const processedRow = row.map((cell) => {
+      const firstLine = cell.split("\n")[0] ?? "";
+      return sanitizeToASCII(firstLine);
+    });
+    lines.push(buildTableRow(processedRow, colWidths, "|"));
+  }
+  if (rows.length > 0 || headers.length > 0) {
+    lines.push(buildTableSeparator(colWidths, separatorChars));
+  }
+  return lines.join("\n");
+}
+function renderList2(node, ctx) {
+  const items = node.props?.items ?? [];
+  const ordered = node.props?.ordered ?? false;
+  const numbered = node.props?.numbered ?? false;
+  const taskList = node.props?.taskList ?? false;
+  const bullet = node.props?.bullet ?? "*";
+  const lines = [];
+  const baseIndent = ctx.depth * 2;
+  const indent = " ".repeat(baseIndent);
+  if (items.length > 0) {
+    const maxNum = items.length;
+    const numWidth = String(maxNum).length;
+    for (let i = 0; i < items.length; i++) {
+      const item = items[i];
+      let text;
+      let prefix;
+      if (typeof item === "string") {
+        text = sanitizeToASCII(item);
+        if (ordered || numbered) {
+          const num = String(i + 1).padStart(numWidth);
+          prefix = `${num}. `;
+        } else {
+          prefix = `${bullet} `;
+        }
+      } else {
+        text = sanitizeToASCII(item.text ?? "");
+        if (taskList && "checked" in item) {
+          prefix = item.checked ? "[x] " : "[ ] ";
+        } else if (ordered || numbered) {
+          const num = String(i + 1).padStart(numWidth);
+          prefix = `${num}. `;
+        } else {
+          prefix = `${bullet} `;
+        }
+      }
+      lines.push(`${indent}${prefix}${text}`);
+    }
+  }
+  if (node.children && Array.isArray(node.children) && node.children.length > 0) {
+    const nestedCtx = {
+      ...ctx,
+      depth: ctx.depth + 1
+    };
+    node.children.forEach((child, index) => {
+      if (child.type === "list-item") {
+        const content = sanitizeToASCII(String(child.props?.content ?? ""));
+        const prefix = ordered || numbered ? `${index + 1}. ` : `${bullet} `;
+        lines.push(`${indent}${prefix}${content}`);
+        if (child.children && Array.isArray(child.children) && child.children.length > 0) {
+          child.children.forEach((nestedChild) => {
+            const nestedOutput = renderNode2(nestedChild, nestedCtx);
+            if (nestedOutput) {
+              lines.push(nestedOutput);
+            }
+          });
+        }
+      } else {
+        const nestedContent = renderNode2(child, nestedCtx);
+        if (nestedContent.length > 0) {
+          lines.push(nestedContent);
+        }
+      }
+    });
+  }
+  return lines.join("\n");
+}
+function renderProgress(node, ctx) {
+  const value = Math.max(0, Math.min(100, Number(node.props?.value) ?? 0));
+  const barWidth = node.props?.width ?? 20;
+  const showLabel = node.props?.showLabel;
+  const label = node.props?.label;
+  const innerWidth = Math.max(1, barWidth - 2);
+  const filledCount = Math.round(value / 100 * innerWidth);
+  const emptyCount = innerWidth - filledCount;
+  const bar = "[" + "=".repeat(filledCount) + " ".repeat(emptyCount) + "]";
+  let result = bar;
+  if (showLabel) {
+    result += ` ${Math.round(value)}%`;
+  }
+  if (label) {
+    result += ` ${label}`;
+  }
+  return result;
+}
+function renderSpinner2(node, ctx) {
+  const label = node.props?.label;
+  const frame = "-";
+  if (label) {
+    return `${frame} ${label}`;
+  }
+  return frame;
+}
+function renderPanel2(node, ctx) {
+  const title = String(node.props?.title ?? "");
+  const childCtx = {
+    ...ctx,
+    depth: ctx.depth + 1,
+    width: Math.max(1, ctx.width - 4)
+  };
+  const childContent = renderChildren(node, childCtx);
+  const contentLines = childContent.split("\n");
+  let contentWidth = title.length;
+  for (const line of contentLines) {
+    contentWidth = Math.max(contentWidth, line.length);
+  }
+  const innerWidth = Math.min(contentWidth + 2, ctx.width > 0 ? ctx.width - 2 : DEFAULT_WIDTH - 2);
+  const lines = [];
+  const topLine = "+" + "-".repeat(innerWidth) + "+";
+  lines.push(topLine);
+  if (title) {
+    const titlePadded = (" " + title).padEnd(innerWidth);
+    lines.push("|" + titlePadded + "|");
+    lines.push("+" + "-".repeat(innerWidth) + "+");
+  }
+  for (const line of contentLines) {
+    const padded = (" " + line).padEnd(innerWidth);
+    lines.push("|" + padded + "|");
+  }
+  lines.push(topLine);
+  return lines.join("\n");
+}
+function renderCard2(node, ctx) {
+  const title = node.props?.title;
+  const subtitle = node.props?.subtitle;
+  const badge = node.props?.badge;
+  const titleAction = node.props?.titleAction;
+  const pairs = node.props?.pairs;
+  const actions = node.props?.actions;
+  const border = node.props?.border;
+  const contentLines = [];
+  if (title) {
+    let titleLine = title;
+    if (badge) {
+      titleLine += ` [${badge.content}]`;
+    }
+    if (titleAction) {
+      titleLine += ` | ${titleAction.label}`;
+    }
+    contentLines.push(titleLine);
+  }
+  if (subtitle) {
+    contentLines.push(subtitle);
+  }
+  if (pairs && pairs.length > 0) {
+    if (contentLines.length > 0) contentLines.push("");
+    for (const pair of pairs) {
+      const val = pair.value != null ? String(pair.value) : "";
+      contentLines.push(`${pair.key}: ${val}`);
+    }
+  }
+  if (node.children && (typeof node.children === "string" || node.children.length > 0)) {
+    if (contentLines.length > 0) contentLines.push("");
+    const childCtx = { ...ctx, depth: ctx.depth + 1 };
+    const childContent = renderChildren(node, childCtx);
+    if (childContent) {
+      contentLines.push(childContent);
+    }
+  }
+  if (actions && actions.length > 0) {
+    if (contentLines.length > 0) contentLines.push("");
+    const actionLabels = actions.map((a) => `[ ${a.label} ]`).join(" ");
+    contentLines.push(actionLabels);
+  }
+  if (border === true) {
+    const boxNode = {
+      type: "box",
+      props: { border: "single" },
+      children: [{ type: "text", props: { content: contentLines.join("\n") } }]
+    };
+    return renderBox2(boxNode, ctx);
+  }
+  return contentLines.join("\n");
+}
+function renderBadge2(node, ctx) {
+  const label = String(node.props?.label ?? "");
+  return `[${label}]`;
+}
+function renderButton2(node, ctx) {
+  const label = String(node.props?.label ?? "");
+  return `[ ${label} ]`;
+}
+function renderInput2(node, ctx) {
+  const value = String(node.props?.value ?? "");
+  const placeholder = String(node.props?.placeholder ?? "");
+  const display = value || placeholder;
+  return `[${display}]`;
+}
+function renderSelect2(node, ctx) {
+  const options = node.props?.options ?? [];
+  const selectedValue = node.props?.value;
+  const lines = [];
+  for (const opt of options) {
+    const marker = opt.value === selectedValue ? ">" : " ";
+    lines.push(`${marker} ${opt.label}`);
+  }
+  return lines.join("\n");
+}
+function renderDialog2(node, ctx) {
+  const title = String(node.props?.title ?? "");
+  const childCtx = {
+    ...ctx,
+    depth: ctx.depth + 1,
+    width: Math.max(1, ctx.width - 4)
+  };
+  const childContent = renderChildren(node, childCtx);
+  const contentLines = childContent.split("\n");
+  let contentWidth = title.length;
+  for (const line of contentLines) {
+    contentWidth = Math.max(contentWidth, line.length);
+  }
+  const innerWidth = Math.min(contentWidth + 2, ctx.width > 0 ? ctx.width - 2 : DEFAULT_WIDTH - 2);
+  const lines = [];
+  const topLine = "+" + "-".repeat(innerWidth) + "+";
+  lines.push(topLine);
+  if (title) {
+    const titlePadded = (" " + title).padEnd(innerWidth);
+    lines.push("|" + titlePadded + "|");
+    lines.push("+" + "-".repeat(innerWidth) + "+");
+  }
+  for (const line of contentLines) {
+    const padded = (" " + line).padEnd(innerWidth);
+    lines.push("|" + padded + "|");
+  }
+  lines.push(topLine);
+  return lines.join("\n");
+}
+function renderBreadcrumb2(node, ctx) {
+  const items = node.props?.items ?? [];
+  const labels = items.map((item) => item.label);
+  return labels.join(" > ");
+}
+function renderSidebar2(node, ctx) {
+  const items = node.props?.items ?? [];
+  const lines = [];
+  for (const item of items) {
+    lines.push(`* ${item.label}`);
+  }
+  return lines.join("\n");
+}
+function renderMetrics2(node, ctx) {
+  const metrics = node.props?.metrics;
+  if (!metrics || metrics.length === 0) return "";
+  const lines = [];
+  for (const m of metrics) {
+    const val = m.value != null ? String(m.value) : "";
+    let formatted = val;
+    if (m.format === "percentage" && !val.includes("%")) {
+      formatted = `${val}%`;
+    }
+    if (m.unit) {
+      formatted = `${formatted} ${m.unit}`;
+    }
+    lines.push(`${m.label}: ${formatted}`);
+  }
+  return lines.join("\n");
+}
+function renderSingleMetric2(node, ctx) {
+  const label = node.props?.label;
+  const value = node.props?.value;
+  const format = node.props?.format;
+  const unit = node.props?.unit;
+  if (!label) return "";
+  const val = value != null ? String(value) : "";
+  let formatted = val;
+  if (format === "percentage" && !val.includes("%")) {
+    formatted = `${val}%`;
+  }
+  if (unit) {
+    formatted = `${formatted} ${unit}`;
+  }
+  return `${label}: ${formatted}`;
+}
+
+// src/renderers/unicode.ts
+var UNICODE = {
+  // Single box drawing
+  topLeft: "\u250C",
+  topRight: "\u2510",
+  bottomLeft: "\u2514",
+  bottomRight: "\u2518",
+  horizontal: "\u2500",
+  vertical: "\u2502",
+  // T-junctions
+  teeLeft: "\u251C",
+  teeRight: "\u2524",
+  teeTop: "\u252C",
+  teeBottom: "\u2534",
+  crossJunction: "\u253C",
+  // Double box drawing
+  doubleTopLeft: "\u2554",
+  doubleTopRight: "\u2557",
+  doubleBottomLeft: "\u255A",
+  doubleBottomRight: "\u255D",
+  doubleHorizontal: "\u2550",
+  doubleVertical: "\u2551",
+  // Rounded corners
+  roundedTopLeft: "\u256D",
+  roundedTopRight: "\u256E",
+  roundedBottomLeft: "\u2570",
+  roundedBottomRight: "\u256F",
+  // Bullets and list markers
+  bullet: "\u2022",
+  hollowBullet: "\u25E6",
+  squareBullet: "\u25AA",
+  triangleRight: "\u25B8",
+  triangleDown: "\u25BE",
+  checkmark: "\u2713",
+  crossMark: "\u2717",
+  unchecked: "\u2610",
+  arrowRight: "\u2192",
+  arrowDown: "\u2193",
+  // Progress bar characters
+  progressFull: "\u2593",
+  progressEmpty: "\u2591",
+  progressHalf: "\u2592",
+  // Dividers
+  ellipsis: "\u2026",
+  middleDot: "\xB7"
+};
+function createDefaultTheme() {
+  return { ...DEFAULT_THEME_TOKENS };
+}
+function createDefaultContext2() {
+  return {
+    tier: "unicode",
+    width: DEFAULT_RENDER_CONTEXT.width,
+    height: DEFAULT_RENDER_CONTEXT.height,
+    depth: DEFAULT_RENDER_CONTEXT.depth,
+    theme: createDefaultTheme(),
+    interactive: false
+  };
+}
+function renderBox3(node, context) {
+  const props = node.props || {};
+  const border = props.border || "single";
+  const chars = getUnicodeBoxChars(border);
+  let content = "";
+  if (node.children && (typeof node.children === "string" || node.children.length > 0)) {
+    if (typeof node.children === "string") {
+      content = node.children;
+    } else {
+      content = node.children.map((child) => renderUnicode(child, { ...context, depth: context.depth + 1 })).join("\n");
+    }
+  }
+  const contentLines = content ? content.split("\n") : [];
+  const contentWidth = Math.max(
+    ...contentLines.map((line) => line.length),
+    0
+  );
+  let width = props.width || contentWidth + 2 || 6;
+  let height = props.height || contentLines.length + 2 || 3;
+  if (width <= 0) width = 2;
+  if (height <= 0) return "";
+  const innerWidth = Math.max(width - 2, 0);
+  const lines = [];
+  lines.push(chars.topLeft + chars.horizontal.repeat(innerWidth) + chars.topRight);
+  const numContentLines = height - 2;
+  for (let i = 0; i < numContentLines; i++) {
+    const lineContent = contentLines[i] || "";
+    const paddedContent = lineContent.padEnd(innerWidth, " ");
+    lines.push(chars.vertical + paddedContent.slice(0, innerWidth) + chars.vertical);
+  }
+  lines.push(chars.bottomLeft + chars.horizontal.repeat(innerWidth) + chars.bottomRight);
+  return lines.join("\n");
+}
+function renderText4(node) {
+  const content = node.props?.content || "";
+  return content;
+}
+function renderList3(node, context) {
+  const style = node.props?.style || "unordered";
+  const items = node.props?.items;
+  const numbered = node.props?.numbered ?? false;
+  const taskList = node.props?.taskList ?? false;
+  const children = Array.isArray(node.children) ? node.children : [];
+  const lines = [];
+  if (items && items.length > 0) {
+    items.forEach((item, index) => {
+      let text;
+      let marker;
+      if (typeof item === "string") {
+        text = item;
+        if (style === "ordered" || numbered) {
+          marker = `${index + 1}. `;
+        } else {
+          marker = `${UNICODE.bullet} `;
+        }
+      } else {
+        text = item.text ?? "";
+        if (taskList && "checked" in item) {
+          marker = item.checked ? `${UNICODE.checkmark} ` : `${UNICODE.unchecked} `;
+        } else if (style === "ordered" || numbered) {
+          marker = `${index + 1}. `;
+        } else {
+          marker = `${UNICODE.bullet} `;
+        }
+      }
+      lines.push(marker + text);
+    });
+  }
+  children.forEach((child, index) => {
+    if (child.type === "list-item") {
+      const content = child.props?.content || "";
+      let marker;
+      if (style === "ordered" || numbered) {
+        marker = `${index + 1}. `;
+      } else if (style === "checklist" || taskList) {
+        const checked = child.props?.checked;
+        marker = checked ? `${UNICODE.checkmark} ` : `${UNICODE.unchecked} `;
+      } else {
+        marker = `${UNICODE.bullet} `;
+      }
+      lines.push(marker + content);
+      if (child.children && Array.isArray(child.children) && child.children.length > 0) {
+        child.children.forEach((nestedChild) => {
+          if (nestedChild.type === "list") {
+            const nestedLines = renderNestedList(nestedChild, context);
+            lines.push(...nestedLines.split("\n").map((line) => "  " + line));
+          }
+        });
+      }
+    }
+  });
+  return lines.join("\n");
+}
+function renderNestedList(node, context, depth = 1) {
+  const style = node.props?.style || "unordered";
+  const children = Array.isArray(node.children) ? node.children : [];
+  const lines = [];
+  const bulletStyles = [UNICODE.bullet, UNICODE.hollowBullet, "\u25AA", "\u25AB", "\u25B8"];
+  const bullet = bulletStyles[Math.min(depth, bulletStyles.length - 1)];
+  children.forEach((child, index) => {
+    if (child.type === "list-item") {
+      const content = child.props?.content || "";
+      let marker;
+      if (style === "ordered") {
+        marker = `${index + 1}. `;
+      } else {
+        marker = `${bullet} `;
+      }
+      lines.push(marker + content);
+      if (child.children && Array.isArray(child.children) && child.children.length > 0) {
+        child.children.forEach((nestedChild) => {
+          if (nestedChild.type === "list") {
+            const nestedLines = renderNestedList(nestedChild, context, depth + 1);
+            lines.push(...nestedLines.split("\n").map((line) => "  " + line));
+          }
+        });
+      }
+    }
+  });
+  return lines.join("\n");
+}
+function renderProgress2(node) {
+  const value = node.props?.value || 0;
+  const max = node.props?.max || 100;
+  const width = node.props?.width || 10;
+  const percentage = Math.min(Math.max(value / max, 0), 1);
+  const filledBlocks = percentage * width;
+  const fullBlocks = Math.floor(filledBlocks);
+  const hasHalf = filledBlocks - fullBlocks >= 0.5;
+  const emptyBlocks = width - fullBlocks - (hasHalf ? 1 : 0);
+  let bar = UNICODE.progressFull.repeat(fullBlocks);
+  if (hasHalf) {
+    bar += UNICODE.progressHalf;
+  }
+  bar += UNICODE.progressEmpty.repeat(Math.max(emptyBlocks, 0));
+  return bar;
+}
+function renderTable3(node, context) {
+  const props = node.props || {};
+  const columns = props.columns || [];
+  const nodeData = node.data;
+  const propsData = props.data;
+  const data = nodeData ?? propsData ?? [];
+  const rowSeparators = props.rowSeparators;
+  if (columns.length === 0) return "";
+  const lines = [];
+  const widths = columns.map((col) => {
+    if (col.width && col.width > 0) return col.width;
+    let maxWidth = col.header.length;
+    for (const row of data) {
+      const val = row[col.key];
+      const str = val != null ? String(val) : "";
+      maxWidth = Math.max(maxWidth, str.length);
+    }
+    return maxWidth;
+  });
+  const topBorder = UNICODE.topLeft + widths.map((w) => UNICODE.horizontal.repeat(w)).join(UNICODE.teeTop) + UNICODE.topRight;
+  lines.push(topBorder);
+  const headerRow = UNICODE.vertical + columns.map((col, i) => col.header.padEnd(widths[i]).slice(0, widths[i])).join(UNICODE.vertical) + UNICODE.vertical;
+  lines.push(headerRow);
+  const headerSep = UNICODE.teeLeft + widths.map((w) => UNICODE.horizontal.repeat(w)).join(UNICODE.crossJunction) + UNICODE.teeRight;
+  lines.push(headerSep);
+  data.forEach((row, rowIndex) => {
+    const dataRow = UNICODE.vertical + columns.map((col, i) => {
+      const value = String(row[col.key] ?? "");
+      return value.padEnd(widths[i]).slice(0, widths[i]);
+    }).join(UNICODE.vertical) + UNICODE.vertical;
+    lines.push(dataRow);
+    if (rowSeparators && rowIndex < data.length - 1) {
+      const rowSep = UNICODE.teeLeft + widths.map((w) => UNICODE.horizontal.repeat(w)).join(UNICODE.crossJunction) + UNICODE.teeRight;
+      lines.push(rowSep);
+    }
+  });
+  const bottomBorder = UNICODE.bottomLeft + widths.map((w) => UNICODE.horizontal.repeat(w)).join(UNICODE.teeBottom) + UNICODE.bottomRight;
+  lines.push(bottomBorder);
+  return lines.join("\n");
+}
+function renderPanel3(node, context) {
+  const props = node.props || {};
+  const title = props.title || "";
+  const width = props.width || 40;
+  let content = "";
+  if (node.children && (typeof node.children === "string" || node.children.length > 0)) {
+    if (typeof node.children === "string") {
+      content = node.children;
+    } else {
+      content = node.children.map((child) => renderUnicode(child, { ...context, depth: context.depth + 1 })).join("\n");
+    }
+  }
+  const innerWidth = width - 2;
+  const lines = [];
+  lines.push(UNICODE.topLeft + UNICODE.horizontal.repeat(innerWidth) + UNICODE.topRight);
+  const paddedTitle = (" " + title + " ").padEnd(innerWidth).slice(0, innerWidth);
+  lines.push(UNICODE.vertical + paddedTitle + UNICODE.vertical);
+  lines.push(UNICODE.teeLeft + UNICODE.horizontal.repeat(innerWidth) + UNICODE.teeRight);
+  const contentLines = content ? content.split("\n") : [];
+  contentLines.forEach((line) => {
+    const paddedLine = (" " + line).padEnd(innerWidth).slice(0, innerWidth);
+    lines.push(UNICODE.vertical + paddedLine + UNICODE.vertical);
+  });
+  lines.push(UNICODE.bottomLeft + UNICODE.horizontal.repeat(innerWidth) + UNICODE.bottomRight);
+  return lines.join("\n");
+}
+function renderDivider(node, context) {
+  const props = node.props || {};
+  const label = props.label;
+  const width = props.width || context.width || 40;
+  if (label) {
+    const labelWithSpaces = ` ${label} `;
+    const remaining = width - labelWithSpaces.length;
+    const leftSide = Math.floor(remaining / 2);
+    const rightSide = remaining - leftSide;
+    return UNICODE.horizontal.repeat(Math.max(leftSide, 0)) + labelWithSpaces + UNICODE.horizontal.repeat(Math.max(rightSide, 0));
+  }
+  return UNICODE.horizontal.repeat(width);
+}
+function renderSpinner3(node) {
+  const props = node.props || {};
+  const frame = props.frame || 0;
+  const label = props.label;
+  const spinnerChar = SPINNER_FRAMES[frame % SPINNER_FRAMES.length];
+  if (label) {
+    return `${spinnerChar} ${label}`;
+  }
+  return spinnerChar;
+}
+function renderBadge3(node) {
+  const props = node.props || {};
+  const content = props.content || "";
+  return `\u3010${content}\u3011`;
+}
+function renderTree(node, context) {
+  const children = Array.isArray(node.children) ? node.children : [];
+  const lines = [];
+  children.forEach((child) => {
+    if (child.type === "tree-item") {
+      const treeLines = renderTreeItem(child, "", true, context, true);
+      lines.push(...treeLines);
+    }
+  });
+  return lines.join("\n");
+}
+function renderTreeItem(node, prefix, isLast, context, isRoot = false) {
+  const label = node.props?.label || "";
+  const children = Array.isArray(node.children) ? node.children : [];
+  const lines = [];
+  if (isRoot) {
+    lines.push(label);
+  } else {
+    const connector = isLast ? UNICODE.bottomLeft : UNICODE.teeLeft;
+    lines.push(prefix + connector + UNICODE.horizontal + UNICODE.horizontal + " " + label);
+  }
+  const childPrefix = isRoot ? "" : prefix + (isLast ? "    " : UNICODE.vertical + "   ");
+  children.forEach((child, index) => {
+    if (child.type === "tree-item") {
+      const isChildLast = index === children.length - 1;
+      const childLines = renderTreeItem(child, childPrefix, isChildLast, context, false);
+      lines.push(...childLines);
+    }
+  });
+  return lines;
+}
+function renderBreadcrumb3(node) {
+  const children = Array.isArray(node.children) ? node.children : [];
+  const items = [];
+  children.forEach((child) => {
+    if (child.type === "breadcrumb-item") {
+      const label = child.props?.label || "";
+      items.push(label);
+    }
+  });
+  return items.join(` ${UNICODE.arrowRight} `);
+}
+function renderTooltip(node) {
+  const props = node.props || {};
+  const content = props.content || "";
+  const position = props.position || "top";
+  let pointer = "\u25B2";
+  switch (position) {
+    case "bottom":
+      pointer = "\u25BC";
+      break;
+    case "left":
+      pointer = "\u25C0";
+      break;
+    case "right":
+      pointer = "\u25B6";
+      break;
+  }
+  return `${pointer} ${content}`;
+}
+function renderInput3(node, context) {
+  const props = node.props || {};
+  const label = props.label || "";
+  const value = props.value || "";
+  return `${label}: [${value}]`;
+}
+function renderButton3(node) {
+  const props = node.props || {};
+  const label = props.label || "";
+  return `[ ${label} ]`;
+}
+function renderCard3(node, context) {
+  const title = node.props?.title;
+  const subtitle = node.props?.subtitle;
+  const badge = node.props?.badge;
+  const titleAction = node.props?.titleAction;
+  const pairs = node.props?.pairs;
+  const actions = node.props?.actions;
+  const border = node.props?.border;
+  const contentLines = [];
+  if (title) {
+    let titleLine = title;
+    if (badge) {
+      titleLine += ` \u3010${badge.content}\u3011`;
+    }
+    if (titleAction) {
+      titleLine += ` ${UNICODE.arrowRight} ${titleAction.label}`;
+    }
+    contentLines.push(titleLine);
+  }
+  if (subtitle) {
+    contentLines.push(subtitle);
+  }
+  if (pairs && pairs.length > 0) {
+    if (contentLines.length > 0) contentLines.push("");
+    for (const pair of pairs) {
+      const val = pair.value != null ? String(pair.value) : "";
+      contentLines.push(`${pair.key}: ${val}`);
+    }
+  }
+  if (node.children && (typeof node.children === "string" || node.children.length > 0)) {
+    if (contentLines.length > 0) contentLines.push("");
+    let childContent;
+    if (typeof node.children === "string") {
+      childContent = node.children;
+    } else {
+      childContent = node.children.map((child) => renderUnicode(child, { ...context, depth: context.depth + 1 })).join("\n");
+    }
+    if (childContent) {
+      contentLines.push(childContent);
+    }
+  }
+  if (actions && actions.length > 0) {
+    if (contentLines.length > 0) contentLines.push("");
+    const actionLabels = actions.map((a) => `[ ${a.label} ]`).join(" ");
+    contentLines.push(actionLabels);
+  }
+  if (border) {
+    const chars = getUnicodeBoxChars(border);
+    const contentWidth = Math.max(
+      ...contentLines.map((line) => line.length),
+      0
+    );
+    const boxWidth = contentWidth + 4;
+    const lines = [];
+    const innerWidth = boxWidth - 2;
+    lines.push(chars.topLeft + chars.horizontal.repeat(innerWidth) + chars.topRight);
+    for (const line of contentLines) {
+      const paddedLine = " " + line.padEnd(innerWidth - 2) + " ";
+      lines.push(chars.vertical + paddedLine.slice(0, innerWidth) + chars.vertical);
+    }
+    if (contentLines.length === 0) {
+      lines.push(chars.vertical + " ".repeat(innerWidth) + chars.vertical);
+    }
+    lines.push(chars.bottomLeft + chars.horizontal.repeat(innerWidth) + chars.bottomRight);
+    return lines.join("\n");
+  }
+  return contentLines.join("\n");
+}
+var SPARKLINE_CHARS = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
+var TREND_ARROWS = {
+  up: "\u2191",
+  down: "\u2193",
+  neutral: "\u2192"
+};
+function renderSparkline(data) {
+  if (!data || data.length === 0) return "";
+  const min = Math.min(...data);
+  const max = Math.max(...data);
+  const range = max - min || 1;
+  return data.map((v) => {
+    const normalized = (v - min) / range;
+    const charIndex = Math.min(Math.floor(normalized * 8), 7);
+    return SPARKLINE_CHARS[charIndex];
+  }).join("");
+}
+function renderMetrics3(node) {
+  const metrics = node.props?.metrics;
+  if (!metrics || metrics.length === 0) return "";
+  const lines = [];
+  for (const m of metrics) {
+    const val = m.value != null ? String(m.value) : "";
+    let formatted = val;
+    if (m.format === "percentage" && !val.includes("%")) {
+      formatted = `${val}%`;
+    }
+    if (m.unit) {
+      formatted = `${formatted} ${m.unit}`;
+    }
+    if (m.trend && TREND_ARROWS[m.trend]) {
+      formatted = `${formatted} ${TREND_ARROWS[m.trend]}`;
+      if (m.trendValue !== void 0) {
+        formatted = `${formatted} ${m.trendValue}%`;
+      }
+    }
+    if (m.sparkline && m.sparkline.length > 0) {
+      const sparkline = renderSparkline(m.sparkline);
+      formatted = `${formatted} ${sparkline}`;
+    }
+    lines.push(`${m.label}: ${formatted}`);
+  }
+  return lines.join("\n");
+}
+function renderSingleMetric3(node) {
+  const label = node.props?.label;
+  const value = node.props?.value;
+  const format = node.props?.format;
+  const unit = node.props?.unit;
+  if (!label) return "";
+  const val = value != null ? String(value) : "";
+  let formatted = val;
+  if (format === "percentage" && !val.includes("%")) {
+    formatted = `${val}%`;
+  }
+  if (unit) {
+    formatted = `${formatted} ${unit}`;
+  }
+  return `${label}: ${formatted}`;
+}
+function renderUnicode(node, context) {
+  const ctx = context || createDefaultContext2();
+  switch (node.type) {
+    case "text":
+      return renderText4(node);
+    case "box":
+      return renderBox3(node, ctx);
+    case "list":
+      return renderList3(node, ctx);
+    case "list-item":
+      return node.props?.content || "";
+    case "progress":
+      return renderProgress2(node);
+    case "table":
+      return renderTable3(node, ctx);
+    case "panel":
+      return renderPanel3(node, ctx);
+    case "divider":
+      return renderDivider(node, ctx);
+    case "spinner":
+      return renderSpinner3(node);
+    case "badge":
+      return renderBadge3(node);
+    case "tree":
+      return renderTree(node, ctx);
+    case "tree-item":
+      return node.props?.label || "";
+    case "breadcrumb":
+      return renderBreadcrumb3(node);
+    case "breadcrumb-item":
+      return node.props?.label || "";
+    case "tooltip":
+      return renderTooltip(node);
+    case "input":
+      return renderInput3(node, ctx);
+    case "button":
+      return renderButton3(node);
+    case "card":
+      return renderCard3(node, ctx);
+    case "metrics":
+      return renderMetrics3(node);
+    case "metric":
+      return renderSingleMetric3(node);
+    default:
+      if (node.children && (typeof node.children === "string" || node.children.length > 0)) {
+        if (typeof node.children === "string") {
+          return node.children;
+        }
+        return node.children.map((child) => renderUnicode(child, { ...ctx, depth: ctx.depth + 1 })).join("\n");
+      }
+      return "";
+  }
+}
+
+// src/renderers/ansi.ts
+var FG_COLOR_MAP = {
+  black: "\x1B[30m",
+  red: "\x1B[31m",
+  green: "\x1B[32m",
+  yellow: "\x1B[33m",
+  blue: "\x1B[34m",
+  magenta: "\x1B[35m",
+  cyan: "\x1B[36m",
+  white: "\x1B[37m",
+  brightBlack: "\x1B[90m",
+  brightRed: "\x1B[91m",
+  brightGreen: "\x1B[92m",
+  brightYellow: "\x1B[93m",
+  brightBlue: "\x1B[94m",
+  brightMagenta: "\x1B[95m",
+  brightCyan: "\x1B[96m",
+  brightWhite: "\x1B[97m"
+};
+var BG_COLOR_MAP = {
+  black: "\x1B[40m",
+  red: "\x1B[41m",
+  green: "\x1B[42m",
+  yellow: "\x1B[43m",
+  blue: "\x1B[44m",
+  magenta: "\x1B[45m",
+  cyan: "\x1B[46m",
+  white: "\x1B[47m"
+};
+var DARK_THEME_COLORS = {
+  primary: "\x1B[36m",
+  // cyan
+  secondary: "\x1B[34m",
+  // blue
+  accent: "\x1B[35m",
+  // magenta
+  muted: "\x1B[90m",
+  // brightBlack (gray)
+  success: "\x1B[32m",
+  // green
+  warning: "\x1B[33m",
+  // yellow
+  error: "\x1B[31m",
+  // red
+  info: "\x1B[34m",
+  // blue
+  foreground: "\x1B[37m",
+  // white
+  background: "\x1B[40m"
+  // black bg
+};
+var LIGHT_THEME_COLORS = {
+  primary: "\x1B[34m",
+  // blue (darker for light bg)
+  secondary: "\x1B[36m",
+  // cyan
+  accent: "\x1B[35m",
+  // magenta
+  muted: "\x1B[90m",
+  // brightBlack (gray)
+  success: "\x1B[32m",
+  // green
+  warning: "\x1B[33m",
+  // yellow
+  error: "\x1B[31m",
+  // red
+  info: "\x1B[34m",
+  // blue
+  foreground: "\x1B[30m",
+  // black
+  background: "\x1B[47m"
+  // white bg
+};
+function rgbToAnsi256(r, g, b) {
+  if (Math.abs(r - g) < 10 && Math.abs(g - b) < 10 && Math.abs(r - b) < 10) {
+    const avg = (r + g + b) / 3;
+    if (avg < 8) return 0;
+    if (avg > 248) return 15;
+    const grayIndex = Math.round((avg - 8) / 10);
+    return Math.min(255, Math.max(232, 232 + grayIndex));
+  }
+  const toColorCubeIndex = (v) => {
+    if (v < 48) return 0;
+    if (v < 115) return 1;
+    return Math.min(5, Math.floor((v - 35) / 40));
+  };
+  const ri = toColorCubeIndex(r);
+  const gi = toColorCubeIndex(g);
+  const bi = toColorCubeIndex(b);
+  return 16 + 36 * ri + 6 * gi + bi;
+}
+function ansi256To16(code) {
+  if (code < 8) return 30 + code;
+  if (code < 16) return 90 + (code - 8);
+  let r, g, b;
+  if (code >= 232) {
+    const gray = (code - 232) * 10 + 8;
+    r = g = b = gray;
+  } else {
+    const cubeIndex = code - 16;
+    r = Math.floor(cubeIndex / 36) * 51;
+    g = Math.floor(cubeIndex % 36 / 6) * 51;
+    b = cubeIndex % 6 * 51;
+  }
+  const basicColors = [
+    { r: 0, g: 0, b: 0, code: 30 },
+    { r: 170, g: 0, b: 0, code: 31 },
+    { r: 0, g: 170, b: 0, code: 32 },
+    { r: 170, g: 170, b: 0, code: 33 },
+    { r: 0, g: 0, b: 170, code: 34 },
+    { r: 170, g: 0, b: 170, code: 35 },
+    { r: 0, g: 170, b: 170, code: 36 },
+    { r: 170, g: 170, b: 170, code: 37 },
+    { r: 85, g: 85, b: 85, code: 90 },
+    { r: 255, g: 85, b: 85, code: 91 },
+    { r: 85, g: 255, b: 85, code: 92 },
+    { r: 255, g: 255, b: 85, code: 93 },
+    { r: 85, g: 85, b: 255, code: 94 },
+    { r: 255, g: 85, b: 255, code: 95 },
+    { r: 85, g: 255, b: 255, code: 96 },
+    { r: 255, g: 255, b: 255, code: 97 }
+  ];
+  let minDist = Infinity;
+  let closestCode = 37;
+  for (const bc of basicColors) {
+    const dist = Math.sqrt(
+      Math.pow(r - bc.r, 2) + Math.pow(g - bc.g, 2) + Math.pow(b - bc.b, 2)
+    );
+    if (dist < minDist) {
+      minDist = dist;
+      closestCode = bc.code;
+    }
+  }
+  return closestCode;
+}
+function resolveColor(color, isBackground, options) {
+  const colorSupport = options.colorSupport || "truecolor";
+  const theme = options.theme || "dark";
+  const themeColors = theme === "dark" ? DARK_THEME_COLORS : LIGHT_THEME_COLORS;
+  if (colorSupport === "none") {
+    return "";
+  }
+  if (typeof color === "string" && themeColors[color]) {
+    const ansi = themeColors[color];
+    if (isBackground && ansi.startsWith("\x1B[3")) {
+      return ansi.replace("\x1B[3", "\x1B[4");
+    }
+    return ansi;
+  }
+  if (typeof color === "string") {
+    const colorMap = isBackground ? BG_COLOR_MAP : FG_COLOR_MAP;
+    if (colorMap[color]) {
+      return colorMap[color];
+    }
+    if (color.startsWith("#")) {
+      const rgb = hexToRgb(color);
+      return formatRgbColor(rgb.r, rgb.g, rgb.b, isBackground, colorSupport);
+    }
+    return "";
+  }
+  if (typeof color === "number") {
+    const code = Math.max(0, Math.min(255, Math.floor(color)));
+    if (colorSupport === "16") {
+      const code16 = ansi256To16(code);
+      return `\x1B[${code16}m`;
+    }
+    const prefix = isBackground ? "48" : "38";
+    return `\x1B[${prefix};5;${code}m`;
+  }
+  if (typeof color === "object" && color !== null && "r" in color && "g" in color && "b" in color) {
+    const rgb = color;
+    return formatRgbColor(rgb.r, rgb.g, rgb.b, isBackground, colorSupport);
+  }
+  return "";
+}
+function formatRgbColor(r, g, b, isBackground, colorSupport) {
+  const prefix = isBackground ? "48" : "38";
+  if (colorSupport === "truecolor") {
+    return `\x1B[${prefix};2;${r};${g};${b}m`;
+  }
+  const code256 = rgbToAnsi256(r, g, b);
+  if (colorSupport === "256") {
+    return `\x1B[${prefix};5;${code256}m`;
+  }
+  if (colorSupport === "16") {
+    const code16 = ansi256To16(code256);
+    return `\x1B[${code16}m`;
+  }
+  return "";
+}
+function buildStyleCodes(props, options) {
+  if (!props) return [];
+  const codes = [];
+  const colorSupport = options.colorSupport || "truecolor";
+  if (props.bold) codes.push("\x1B[1m");
+  if (props.dim) codes.push("\x1B[2m");
+  if (props.italic) codes.push("\x1B[3m");
+  if (props.underline) codes.push("\x1B[4m");
+  if (props.inverse) codes.push("\x1B[7m");
+  if (props.strikethrough) codes.push("\x1B[9m");
+  if (colorSupport !== "none") {
+    if (props.color !== void 0) {
+      const fg = resolveColor(props.color, false, options);
+      if (fg) codes.push(fg);
+    }
+    if (props.backgroundColor !== void 0) {
+      const bg = resolveColor(props.backgroundColor, true, options);
+      if (bg) codes.push(bg);
+    }
+  }
+  return codes;
+}
+function hasStyles(props) {
+  if (!props) return false;
+  return !!(props.bold || props.dim || props.italic || props.underline || props.inverse || props.strikethrough || props.color !== void 0 || props.backgroundColor !== void 0);
+}
+function renderBadge4(node, options) {
+  const text = node.text || "";
+  const variant = node.props?.variant || "default";
+  const variantColors = {
+    success: "success",
+    error: "error",
+    warning: "warning",
+    info: "info",
+    default: "primary"
+  };
+  const colorName = variantColors[variant] || "primary";
+  const colorCode = resolveColor(colorName, false, options);
+  if (colorCode) {
+    return `${colorCode}${text}${ANSI.reset}`;
+  }
+  return text;
+}
+function renderButton4(node, options) {
+  const text = node.text || "";
+  const focused = node.props?.focused;
+  const variant = node.props?.variant || "default";
+  const codes = [];
+  if (focused) {
+    codes.push(ANSI.inverse);
+  }
+  if (variant === "primary") {
+    const colorCode = resolveColor("primary", false, options);
+    if (colorCode) codes.push(colorCode);
+  }
+  if (codes.length > 0) {
+    return `${codes.join("")}${text}${ANSI.reset}`;
+  }
+  return text;
+}
+function renderSpinner4(node) {
+  const label = node.props?.label || "";
+  return label;
+}
+function renderPanel4(node, options) {
+  const title = node.props?.title || "";
+  const content = renderChildren2(node.children, options);
+  return `${title}${content ? "\n" + content : ""}`;
+}
+function renderCard4(node, options) {
+  const title = node.props?.title;
+  const subtitle = node.props?.subtitle;
+  const badge = node.props?.badge;
+  const titleAction = node.props?.titleAction;
+  const pairs = node.props?.pairs;
+  const actions = node.props?.actions;
+  const variant = node.props?.variant;
+  const lines = [];
+  const variantColor = variant ? resolveColor(variant, false, options) : null;
+  if (title) {
+    let titleLine = title;
+    if (badge) {
+      const badgeColor = badge.variant ? resolveColor(badge.variant, false, options) : null;
+      const badgeText = badgeColor ? `${badgeColor}[${badge.content}]${ANSI.reset}` : `[${badge.content}]`;
+      titleLine += ` ${badgeText}`;
+    }
+    if (titleAction) {
+      titleLine += ` | ${titleAction.label}`;
+    }
+    const titleCodes = [ANSI.bold];
+    if (variantColor) {
+      titleCodes.push(variantColor);
+    }
+    lines.push(`${titleCodes.join("")}${titleLine}${ANSI.reset}`);
+  }
+  if (subtitle) {
+    const mutedColor = resolveColor("muted", false, options);
+    if (mutedColor) {
+      lines.push(`${mutedColor}${subtitle}${ANSI.reset}`);
+    } else {
+      lines.push(subtitle);
+    }
+  }
+  if (pairs && pairs.length > 0) {
+    for (const pair of pairs) {
+      const val = pair.value != null ? String(pair.value) : "";
+      const pairVariant = pair.variant;
+      if (pairVariant) {
+        const pairColor = resolveColor(pairVariant, false, options);
+        if (pairColor) {
+          lines.push(`${pair.key}: ${pairColor}${val}${ANSI.reset}`);
+        } else {
+          lines.push(`${pair.key}: ${val}`);
+        }
+      } else {
+        lines.push(`${pair.key}: ${val}`);
+      }
+    }
+  }
+  const content = renderChildren2(node.children, options);
+  if (content) {
+    lines.push(content);
+  }
+  if (actions && actions.length > 0) {
+    const actionLabels = actions.map((a) => {
+      const actionVariant = a.variant;
+      if (actionVariant) {
+        const actionColor = resolveColor(actionVariant, false, options);
+        if (actionColor) {
+          return `${actionColor}[ ${a.label} ]${ANSI.reset}`;
+        }
+      }
+      return `[ ${a.label} ]`;
+    }).join(" ");
+    lines.push(actionLabels);
+  }
+  return lines.join("\n");
+}
+function renderInput4(node) {
+  const value = node.props?.value || "";
+  return value;
+}
+function renderSelect3(node) {
+  const opts = node.props?.options || [];
+  return opts.map((o) => o.label).join("\n");
+}
+function renderTable4(node, options) {
+  const columns = node.props?.columns || [];
+  const nodeData = node.data;
+  const data = nodeData ?? node.props?.data ?? [];
+  const headerStyle = node.props?.headerStyle;
+  const headerCodes = buildStyleCodes(headerStyle ?? { bold: true }, options);
+  const headerPrefix = headerCodes.length > 0 ? headerCodes.join("") : "";
+  const headerSuffix = headerCodes.length > 0 ? ANSI.reset : "";
+  const headers = columns.map((c) => `${headerPrefix}${c.header}${headerSuffix}`).join("	");
+  const rows = data.map((row) => columns.map((c) => String(row[c.key] || "")).join("	"));
+  return [headers, ...rows].join("\n");
+}
+function renderList4(node, options, depth = 0) {
+  const items = node.props?.items || [];
+  const bullet = node.props?.bullet || "-";
+  const numbered = node.props?.numbered ?? false;
+  const taskList = node.props?.taskList ?? false;
+  const children = node.children;
+  const indent = "  ".repeat(depth);
+  const lines = [];
+  const markerColor = resolveColor("muted", false, options);
+  const resetCode = ANSI.reset;
+  if (items.length > 0) {
+    items.forEach((item, index) => {
+      let text;
+      let prefix;
+      if (typeof item === "string") {
+        text = item;
+        prefix = numbered ? `${index + 1}. ` : `${bullet} `;
+      } else {
+        text = item.text ?? "";
+        if (taskList && "checked" in item) {
+          prefix = item.checked ? "[x] " : "[ ] ";
+        } else {
+          prefix = numbered ? `${index + 1}. ` : `${bullet} `;
+        }
+      }
+      const styledPrefix = markerColor ? `${markerColor}${prefix}${resetCode}` : prefix;
+      lines.push(`${indent}${styledPrefix}${text}`);
+    });
+  }
+  if (children && Array.isArray(children)) {
+    children.forEach((child, index) => {
+      if (child.type === "list-item") {
+        const content = child.props?.content ?? "";
+        const variant = child.props?.variant;
+        const prefix = numbered ? `${index + 1}. ` : `${bullet} `;
+        const styledPrefix = markerColor ? `${markerColor}${prefix}${resetCode}` : prefix;
+        let styledContent = content;
+        if (variant) {
+          const variantColor = resolveColor(variant, false, options);
+          if (variantColor) {
+            styledContent = `${variantColor}${content}${resetCode}`;
+          }
+        }
+        lines.push(`${indent}${styledPrefix}${styledContent}`);
+        if (child.children && Array.isArray(child.children)) {
+          for (const nestedChild of child.children) {
+            if (nestedChild.type === "list") {
+              const nestedLines = renderList4(nestedChild, options, depth + 1);
+              if (nestedLines) {
+                lines.push(nestedLines);
+              }
+            }
+          }
+        }
+      }
+    });
+  }
+  return lines.join("\n");
+}
+function renderBreadcrumb4(node) {
+  const items = node.props?.items || [];
+  const separator = node.props?.separator || "/";
+  return items.map((item) => item.label).join(` ${separator} `);
+}
+function renderMetrics4(node, options) {
+  const metrics = node.props?.metrics;
+  if (!metrics || metrics.length === 0) return "";
+  const labelColor = resolveColor("muted", false, options);
+  const resetCode = ANSI.reset;
+  const lines = [];
+  for (const m of metrics) {
+    const val = m.value != null ? String(m.value) : "";
+    let formatted = val;
+    if (m.format === "percentage" && !val.includes("%")) {
+      formatted = `${val}%`;
+    }
+    if (m.unit) {
+      formatted = `${formatted} ${m.unit}`;
+    }
+    const variantColor = m.variant ? resolveColor(m.variant, false, options) : null;
+    const styledLabel = labelColor ? `${labelColor}${m.label}:${resetCode}` : `${m.label}:`;
+    const styledValue = variantColor ? `${variantColor}${formatted}${resetCode}` : formatted;
+    lines.push(`${styledLabel} ${styledValue}`);
+  }
+  return lines.join("\n");
+}
+function renderSingleMetric4(node) {
+  const label = node.props?.label;
+  const value = node.props?.value;
+  const format = node.props?.format;
+  const unit = node.props?.unit;
+  if (!label) return "";
+  const val = value != null ? String(value) : "";
+  let formatted = val;
+  if (format === "percentage" && !val.includes("%")) {
+    formatted = `${val}%`;
+  }
+  if (unit) {
+    formatted = `${formatted} ${unit}`;
+  }
+  return `${label}: ${formatted}`;
+}
+function renderChildren2(children, options) {
+  if (!children) return "";
+  if (typeof children === "string") {
+    return children;
+  }
+  if (Array.isArray(children) && children.length === 0) {
+    return "";
+  }
+  return children.map((child) => renderNode3(child, options)).join("");
+}
+function renderNode3(node, options) {
+  let text = "";
+  switch (node.type) {
+    case "badge":
+      return renderBadge4(node, options);
+    case "button":
+      return renderButton4(node, options);
+    case "spinner":
+      return renderSpinner4(node);
+    case "panel":
+      return renderPanel4(node, options);
+    case "card":
+      return renderCard4(node, options);
+    case "input":
+      return renderInput4(node);
+    case "select":
+      return renderSelect3(node);
+    case "table":
+      return renderTable4(node, options);
+    case "list":
+      return renderList4(node, options);
+    case "breadcrumb":
+      return renderBreadcrumb4(node);
+    case "metrics":
+      return renderMetrics4(node, options);
+    case "metric":
+      return renderSingleMetric4(node);
+    case "text":
+    case "box":
+    default:
+      if (node.props?.content !== void 0) {
+        text = String(node.props.content);
+      } else if (node.text !== void 0) {
+        text = node.text;
+      } else if (typeof node.children === "string") {
+        text = node.children;
+      } else if (Array.isArray(node.children)) {
+        text = renderChildren2(node.children, options);
+      }
+  }
+  if (hasStyles(node.props)) {
+    const codes = buildStyleCodes(node.props, options);
+    if (codes.length > 0) {
+      return `${codes.join("")}${text}${ANSI.reset}`;
+    }
+  }
+  return text;
+}
+function renderANSI(node, options) {
+  return renderNode3(node, options || {});
+}
+export {
+  ASCII_BOX_CHARS,
+  ASCII_DOUBLE_BOX_CHARS,
+  DEFAULT_RENDER_CONTEXT,
+  DEFAULT_THEME_TOKENS,
+  SPINNER_FRAMES,
+  UNICODE_DOUBLE_BOX_CHARS,
+  UNICODE_ROUNDED_BOX_CHARS,
+  UNICODE_SINGLE_BOX_CHARS,
+  UNICODE_SYMBOLS,
+  ansiToCSS,
+  ansiToHTML,
+  boxDrawingToASCII,
+  buildBox,
+  buildTableRow,
+  buildTableSeparator,
+  calculateColumnWidths,
+  createCallbackRouterAdapter,
+  createInteractiveRenderer,
+  extractHeaders,
+  extractPathParams,
+  extractRowValues,
+  extractStringArray,
+  findActiveItemByPath,
+  findActiveItemInSections,
+  formatSegmentLabel,
+  generateBreadcrumbSegments,
+  getASCIIBoxChars,
+  getIndentStr,
+  getProp,
+  getTextWidth,
+  getUnicodeBoxChars,
+  joinParts,
+  joinPath,
+  matchPath,
+  matchPathPattern,
+  normalizePath,
+  padText,
+  parseAnsiToSpans,
+  renderANSI,
+  renderASCII,
+  renderInteractive,
+  renderMarkdown,
+  renderText,
+  renderUnicode,
+  sanitizeToASCII,
+  spanToInlineStyle,
+  wrapText
+};