@frontmcp/ui 0.12.2 → 1.0.0-beta.2

package/renderer/mermaid/index.js

@@ -0,0 +1,251 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// libs/ui/src/renderer/mermaid/index.ts
+var mermaid_exports = {};
+__export(mermaid_exports, {
+  MermaidRenderer: () => MermaidRenderer,
+  isMermaid: () => isMermaid,
+  mermaidRenderer: () => mermaidRenderer
+});
+module.exports = __toCommonJS(mermaid_exports);
+var import_react2 = __toESM(require("react"));
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_Alert = __toESM(require("@mui/material/Alert"));
+var import_styles2 = require("@mui/material/styles");
+
+// libs/ui/src/renderer/common/lazy-import.ts
+var ESM_SH_BASE = "https://esm.sh/";
+function esmShUrl(pkg, options) {
+  let url = `${ESM_SH_BASE}${pkg}`;
+  if (options?.external?.length) {
+    url += `?external=${options.external.join(",")}`;
+  }
+  return url;
+}
+function runtimeImport(specifier) {
+  const dynamicImport = new Function("s", "return import(s)");
+  return dynamicImport(specifier);
+}
+async function runtimeImportWithFallback(bareSpecifier, fallbackUrl) {
+  try {
+    return await runtimeImport(bareSpecifier);
+  } catch {
+    return runtimeImport(fallbackUrl);
+  }
+}
+function createLazyImport(moduleId, importer) {
+  let state = { status: "idle" };
+  const doImport = importer ?? (async () => {
+    const mod = await runtimeImport(moduleId);
+    return mod["default"] ?? mod;
+  });
+  return {
+    load() {
+      if (state.status === "loaded") return Promise.resolve(state.module);
+      if (state.status === "loading") return state.promise;
+      if (state.status === "error") {
+        state = { status: "idle" };
+      }
+      const promise = doImport().then(
+        (mod) => {
+          state = { status: "loaded", module: mod };
+          return mod;
+        },
+        (err) => {
+          const error = err instanceof Error ? err : new Error(`Failed to load module "${moduleId}": ${String(err)}`);
+          state = { status: "error", error };
+          throw error;
+        }
+      );
+      state = { status: "loading", promise };
+      return promise;
+    },
+    get() {
+      return state.status === "loaded" ? state.module : void 0;
+    },
+    getState() {
+      return state;
+    },
+    reset() {
+      state = { status: "idle" };
+    }
+  };
+}
+
+// libs/ui/src/renderer/common/use-renderer-theme.ts
+var import_react = require("react");
+var import_styles = require("@mui/material/styles");
+function extractThemeValues(theme) {
+  const palette = theme.palette;
+  return {
+    mode: palette.mode,
+    primary: palette.primary.main,
+    secondary: palette.secondary.main,
+    error: palette.error.main,
+    warning: palette.warning.main,
+    success: palette.success.main,
+    info: palette.info.main,
+    background: palette.background.default,
+    paper: palette.background.paper,
+    textPrimary: palette.text.primary,
+    textSecondary: palette.text.secondary,
+    divider: palette.divider,
+    fontFamily: theme.typography.fontFamily ?? "sans-serif",
+    monoFontFamily: theme.typography["monoFontFamily"] ?? '"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace',
+    fontSize: theme.typography.fontSize ?? 14,
+    borderRadius: typeof theme.shape.borderRadius === "number" ? theme.shape.borderRadius : 4,
+    seriesColors: [
+      palette.primary.main,
+      palette.secondary.main,
+      palette.error.main,
+      palette.warning.main,
+      palette.success.main,
+      palette.info.main
+    ]
+  };
+}
+function useRendererTheme() {
+  const theme = (0, import_styles.useTheme)();
+  return (0, import_react.useMemo)(() => extractThemeValues(theme), [theme]);
+}
+
+// libs/ui/src/renderer/mermaid/index.ts
+var MERMAID_PATTERN = /^\s*(?:graph|sequenceDiagram|classDiagram|stateDiagram|flowchart|erDiagram|gantt|pie|journey|gitGraph)\b/;
+function isMermaid(content) {
+  return MERMAID_PATTERN.test(content.trim());
+}
+var lazyMermaid = createLazyImport("mermaid", async () => {
+  const mod = await runtimeImportWithFallback("mermaid", esmShUrl("mermaid@11"));
+  const mermaid = mod["default"] ?? mod;
+  return mermaid;
+});
+var MermaidRoot = (0, import_styles2.styled)(import_Box.default, {
+  name: "FrontMcpMermaid",
+  slot: "Root"
+})(({ theme }) => ({
+  width: "100%",
+  display: "flex",
+  justifyContent: "center",
+  padding: theme.spacing(2),
+  "& svg": {
+    maxWidth: "100%",
+    height: "auto"
+  }
+}));
+function getMermaidTheme(tv) {
+  return tv.mode === "dark" ? "dark" : "default";
+}
+function getMermaidThemeVariables(tv) {
+  return {
+    primaryColor: tv.primary,
+    secondaryColor: tv.secondary,
+    tertiaryColor: tv.info,
+    primaryTextColor: tv.textPrimary,
+    secondaryTextColor: tv.textSecondary,
+    lineColor: tv.divider,
+    fontFamily: tv.fontFamily,
+    fontSize: `${tv.fontSize}px`
+  };
+}
+function MermaidView({ definition, className }) {
+  const containerRef = (0, import_react2.useRef)(null);
+  const [svg, setSvg] = (0, import_react2.useState)(null);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const themeValues = useRendererTheme();
+  const uniqueId = (0, import_react2.useId)().replace(/:/g, "-");
+  (0, import_react2.useEffect)(() => {
+    let cancelled = false;
+    async function renderDiagram() {
+      try {
+        const mermaid = lazyMermaid.get() ?? await lazyMermaid.load();
+        mermaid.initialize({
+          startOnLoad: false,
+          theme: getMermaidTheme(themeValues),
+          themeVariables: getMermaidThemeVariables(themeValues),
+          securityLevel: "strict"
+        });
+        const result = await mermaid.render(`mermaid-${uniqueId}`, definition);
+        if (!cancelled) {
+          setSvg(result.svg);
+          setError(null);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : String(err));
+          setSvg(null);
+        }
+      }
+    }
+    renderDiagram();
+    return () => {
+      cancelled = true;
+    };
+  }, [definition, themeValues, uniqueId]);
+  if (error) {
+    return import_react2.default.createElement(
+      import_Box.default,
+      { className },
+      import_react2.default.createElement(import_Alert.default, { severity: "error", sx: { mb: 1 } }, `Mermaid parse error: ${error}`),
+      import_react2.default.createElement(
+        "pre",
+        { style: { fontFamily: "monospace", whiteSpace: "pre-wrap", fontSize: "0.85em" } },
+        definition
+      )
+    );
+  }
+  if (!svg) {
+    return import_react2.default.createElement(
+      MermaidRoot,
+      { className },
+      import_react2.default.createElement(import_Box.default, { sx: { color: "text.secondary" } }, "Rendering diagram...")
+    );
+  }
+  return import_react2.default.createElement(MermaidRoot, {
+    ref: containerRef,
+    className,
+    dangerouslySetInnerHTML: { __html: svg }
+  });
+}
+lazyMermaid.load().catch(() => {
+});
+var MermaidRenderer = class {
+  type = "mermaid";
+  priority = 50;
+  canHandle(content) {
+    return isMermaid(content);
+  }
+  render(content, options) {
+    return import_react2.default.createElement(MermaidView, {
+      definition: content.trim(),
+      className: options?.className ?? "fmcp-mermaid-content"
+    });
+  }
+};
+var mermaidRenderer = new MermaidRenderer();

package/renderer/pdf/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ContentRenderer, RenderOptions } from '../types';
+export declare class PdfRenderer implements ContentRenderer {
+    readonly type = "pdf";
+    readonly priority = 90;
+    canHandle(content: string): boolean;
+    render(content: string, options?: RenderOptions): React.ReactElement;
+}
+export declare const pdfRenderer: PdfRenderer;
+//# sourceMappingURL=index.d.ts.map

package/renderer/pdf/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderer/pdf/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAqL/D,qBAAa,WAAY,YAAW,eAAe;IACjD,QAAQ,CAAC,IAAI,SAAS;IACtB,QAAQ,CAAC,QAAQ,MAAM;IAEvB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAQnC,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY;CAOrE;AAED,eAAO,MAAM,WAAW,aAAoB,CAAC"}

package/renderer/pdf/index.js

@@ -0,0 +1,260 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// libs/ui/src/renderer/pdf/index.ts
+var pdf_exports = {};
+__export(pdf_exports, {
+  PdfRenderer: () => PdfRenderer,
+  pdfRenderer: () => pdfRenderer
+});
+module.exports = __toCommonJS(pdf_exports);
+var import_react2 = __toESM(require("react"));
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_IconButton = __toESM(require("@mui/material/IconButton"));
+var import_Typography = __toESM(require("@mui/material/Typography"));
+var import_TextField = __toESM(require("@mui/material/TextField"));
+var import_styles = require("@mui/material/styles");
+
+// libs/ui/src/renderer/common/lazy-import.ts
+var ESM_SH_BASE = "https://esm.sh/";
+function esmShUrl(pkg, options) {
+  let url = `${ESM_SH_BASE}${pkg}`;
+  if (options?.external?.length) {
+    url += `?external=${options.external.join(",")}`;
+  }
+  return url;
+}
+function runtimeImport(specifier) {
+  const dynamicImport = new Function("s", "return import(s)");
+  return dynamicImport(specifier);
+}
+async function runtimeImportWithFallback(bareSpecifier, fallbackUrl) {
+  try {
+    return await runtimeImport(bareSpecifier);
+  } catch {
+    return runtimeImport(fallbackUrl);
+  }
+}
+function createLazyImport(moduleId, importer) {
+  let state = { status: "idle" };
+  const doImport = importer ?? (async () => {
+    const mod = await runtimeImport(moduleId);
+    return mod["default"] ?? mod;
+  });
+  return {
+    load() {
+      if (state.status === "loaded") return Promise.resolve(state.module);
+      if (state.status === "loading") return state.promise;
+      if (state.status === "error") {
+        state = { status: "idle" };
+      }
+      const promise = doImport().then(
+        (mod) => {
+          state = { status: "loaded", module: mod };
+          return mod;
+        },
+        (err) => {
+          const error = err instanceof Error ? err : new Error(`Failed to load module "${moduleId}": ${String(err)}`);
+          state = { status: "error", error };
+          throw error;
+        }
+      );
+      state = { status: "loading", promise };
+      return promise;
+    },
+    get() {
+      return state.status === "loaded" ? state.module : void 0;
+    },
+    getState() {
+      return state;
+    },
+    reset() {
+      state = { status: "idle" };
+    }
+  };
+}
+
+// libs/ui/src/renderer/common/use-lazy-module.ts
+var import_react = require("react");
+function useLazyModule(lazy) {
+  const [, forceUpdate] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    if (lazy.getState().status === "loaded") {
+      forceUpdate((n) => n + 1);
+      return;
+    }
+    lazy.load().then(
+      () => forceUpdate((n) => n + 1),
+      () => forceUpdate((n) => n + 1)
+    );
+  }, [lazy]);
+  return lazy.get();
+}
+
+// libs/ui/src/renderer/pdf/index.ts
+var lazyReactPdf = createLazyImport("react-pdf", async () => {
+  const mod = await runtimeImportWithFallback(
+    "react-pdf",
+    esmShUrl("react-pdf@9", { external: ["react", "react-dom"] })
+  );
+  const pdfjs = mod["pdfjs"];
+  if (pdfjs?.GlobalWorkerOptions) {
+    pdfjs.GlobalWorkerOptions.workerSrc = `${ESM_SH_BASE}pdfjs-dist@${pdfjs.version ?? "4"}/build/pdf.worker.min.mjs?raw`;
+  }
+  return mod;
+});
+function toDataUri(content) {
+  if (content.startsWith("data:")) return content;
+  if (content.startsWith("%PDF-")) {
+    const base64 = typeof btoa === "function" ? btoa(content) : Buffer.from(content).toString("base64");
+    return `data:application/pdf;base64,${base64}`;
+  }
+  return `data:application/pdf;base64,${content}`;
+}
+var PdfRoot = (0, import_styles.styled)(import_Box.default, {
+  name: "FrontMcpPdf",
+  slot: "Root"
+})(({ theme }) => ({
+  width: "100%",
+  borderRadius: theme.shape.borderRadius,
+  overflow: "hidden",
+  border: `1px solid ${theme.palette.divider}`
+}));
+var Toolbar = (0, import_styles.styled)(import_Box.default, {
+  name: "FrontMcpPdf",
+  slot: "Toolbar"
+})(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1),
+  padding: theme.spacing(1, 2),
+  borderBottom: `1px solid ${theme.palette.divider}`,
+  backgroundColor: theme.palette.mode === "dark" ? theme.palette.grey[900] : theme.palette.grey[50]
+}));
+var PageContainer = (0, import_styles.styled)(import_Box.default, {
+  name: "FrontMcpPdf",
+  slot: "PageContainer"
+})({
+  display: "flex",
+  justifyContent: "center",
+  overflow: "auto",
+  maxHeight: 700
+});
+function PdfView({ content, className, title }) {
+  const [numPages, setNumPages] = (0, import_react2.useState)(0);
+  const [pageNumber, setPageNumber] = (0, import_react2.useState)(1);
+  const [scale, setScale] = (0, import_react2.useState)(1);
+  const reactPdf = useLazyModule(lazyReactPdf);
+  const dataUri = (0, import_react2.useMemo)(() => toDataUri(content), [content]);
+  const onDocumentLoadSuccess = (0, import_react2.useCallback)(({ numPages: n }) => {
+    setNumPages(n);
+  }, []);
+  const goToPrev = (0, import_react2.useCallback)(() => setPageNumber((p) => Math.max(1, p - 1)), []);
+  const goToNext = (0, import_react2.useCallback)(() => setPageNumber((p) => Math.min(numPages, p + 1)), []);
+  const zoomIn = (0, import_react2.useCallback)(() => setScale((s) => Math.min(3, s + 0.25)), []);
+  const zoomOut = (0, import_react2.useCallback)(() => setScale((s) => Math.max(0.25, s - 0.25)), []);
+  if (!reactPdf) {
+    return import_react2.default.createElement("iframe", {
+      className: className ?? "fmcp-pdf-content",
+      src: dataUri,
+      style: { width: "100%", height: "600px", border: "none" },
+      title: title ?? "PDF Document"
+    });
+  }
+  const { Document, Page } = reactPdf;
+  return import_react2.default.createElement(
+    PdfRoot,
+    { className },
+    import_react2.default.createElement(
+      Toolbar,
+      null,
+      import_react2.default.createElement(
+        import_IconButton.default,
+        { size: "small", onClick: goToPrev, disabled: pageNumber <= 1, "aria-label": "Previous page" },
+        "\u25C0"
+      ),
+      import_react2.default.createElement(
+        import_Typography.default,
+        { variant: "body2", sx: { minWidth: 80, textAlign: "center" } },
+        `${pageNumber} / ${numPages || "..."}`
+      ),
+      import_react2.default.createElement(
+        import_IconButton.default,
+        { size: "small", onClick: goToNext, disabled: pageNumber >= numPages, "aria-label": "Next page" },
+        "\u25B6"
+      ),
+      import_react2.default.createElement(import_Box.default, { sx: { flex: 1 } }),
+      import_react2.default.createElement(import_IconButton.default, { size: "small", onClick: zoomOut, "aria-label": "Zoom out" }, "\u2212"),
+      import_react2.default.createElement(
+        import_Typography.default,
+        { variant: "body2", sx: { minWidth: 50, textAlign: "center" } },
+        `${Math.round(scale * 100)}%`
+      ),
+      import_react2.default.createElement(import_IconButton.default, { size: "small", onClick: zoomIn, "aria-label": "Zoom in" }, "+"),
+      import_react2.default.createElement(import_Box.default, { sx: { flex: 1 } }),
+      import_react2.default.createElement(import_TextField.default, {
+        size: "small",
+        type: "number",
+        value: pageNumber,
+        onChange: (e) => {
+          const n = parseInt(e.target.value, 10);
+          if (n >= 1 && n <= numPages) setPageNumber(n);
+        },
+        sx: { width: 70 },
+        slotProps: { htmlInput: { min: 1, max: numPages, "aria-label": "Go to page" } }
+      })
+    ),
+    import_react2.default.createElement(
+      PageContainer,
+      null,
+      import_react2.default.createElement(
+        Document,
+        { file: dataUri, onLoadSuccess: onDocumentLoadSuccess },
+        import_react2.default.createElement(Page, { pageNumber, scale, renderTextLayer: false, renderAnnotationLayer: false })
+      )
+    )
+  );
+}
+lazyReactPdf.load().catch(() => {
+});
+var PdfRenderer = class {
+  type = "pdf";
+  priority = 90;
+  canHandle(content) {
+    return content.startsWith("%PDF-") || content.trim().startsWith("JVBER") || /^data:application\/pdf[;,]/.test(content.trim());
+  }
+  render(content, options) {
+    return import_react2.default.createElement(PdfView, {
+      content,
+      className: options?.className ?? "fmcp-pdf-content",
+      title: options?.toolName ?? "PDF Document"
+    });
+  }
+};
+var pdfRenderer = new PdfRenderer();

package/renderer/react/index.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { ContentRenderer, RenderOptions } from '../types';
+/**
+ * Detect whether content looks like a React/JSX component source.
+ */
+export declare function isReactJsx(content: string): boolean;
+export interface ParsedImport {
+    /** Full matched line */
+    line: string;
+    /** Local binding name (default import) or namespace name */
+    localName: string;
+    /** Module specifier */
+    specifier: string;
+    /** Whether it's a named import like { X } */
+    named: boolean;
+}
+/**
+ * Extract import statements from source code.
+ *
+ * Supports:
+ * - `import React from 'https://esm.sh/react@19'`
+ * - `import { useState } from 'https://esm.sh/react@19'`
+ */
+export declare function parseImports(source: string): ParsedImport[];
+/**
+ * Strip import statements from source code.
+ */
+export declare function stripImports(source: string): string;
+/**
+ * Rewrite `export default X` to `var __default__ = X`.
+ * Handles:
+ * - `export default MyComp`
+ * - `export default function Foo() {`
+ * - `export default class Foo {`
+ * - `export default () => {`
+ */
+export declare function rewriteExportDefault(source: string): string;
+export declare class ReactJsxRenderer implements ContentRenderer {
+    readonly type = "jsx";
+    readonly priority = 10;
+    canHandle(content: string): boolean;
+    render(content: string, options?: RenderOptions): React.ReactElement;
+}
+export declare const reactJsxRenderer: ReactJsxRenderer;
+//# sourceMappingURL=index.d.ts.map

package/renderer/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderer/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAQ/D;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAInD;AAMD,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CAuB3D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAInD;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAW3D;AAuJD,qBAAa,gBAAiB,YAAW,eAAe;IACtD,QAAQ,CAAC,IAAI,SAAS;IACtB,QAAQ,CAAC,QAAQ,MAAM;IAEvB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAInC,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY;CAMrE;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}