@cere/cere-design-system 0.0.45 → 0.2.0

package/dist/chunk-3KCXCVOX.mjs

@@ -0,0 +1,411 @@
+// src/components/third-party/CodeEditor.tsx
+import { useCallback, useEffect, useState, useRef } from "react";
+import Editor from "@monaco-editor/react";
+import Box from "@mui/material/Box";
+import IconButton from "@mui/material/IconButton";
+import Tooltip from "@mui/material/Tooltip";
+import FullscreenIcon from "@mui/icons-material/Fullscreen";
+import FullscreenExitIcon from "@mui/icons-material/FullscreenExit";
+import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import ExpandLessIcon from "@mui/icons-material/ExpandLess";
+import { jsx, jsxs } from "react/jsx-runtime";
+var configureTypeScript = (monaco) => {
+  monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+    target: monaco.languages.typescript.ScriptTarget.ES2020,
+    allowNonTsExtensions: true,
+    moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+    module: monaco.languages.typescript.ModuleKind.ESNext,
+    noEmit: false,
+    lib: ["es2020", "dom"],
+    noUnusedLocals: false,
+    noUnusedParameters: false,
+    noImplicitAny: false,
+    noImplicitReturns: false,
+    noFallthroughCasesInSwitch: false,
+    // Treat every file as a module so top-level declarations don't clash
+    // across files in the workspace (prevents false "Cannot redeclare" errors).
+    moduleDetection: 3
+    // ts.ModuleDetectionKind.Force
+  });
+  monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+    noSemanticValidation: false,
+    noSyntaxValidation: false,
+    noSuggestionDiagnostics: true,
+    diagnosticCodesToIgnore: [
+      6133,
+      // 'x' is declared but its value is never read
+      6196
+      // 'x' is declared but its value is never read (different variant)
+    ]
+  });
+};
+var CodeEditor = ({
+  value,
+  onChange,
+  language = "typescript",
+  height = "400px",
+  minHeight,
+  theme: themeProp,
+  lineNumbers = "on",
+  options,
+  onMount,
+  onValidate,
+  editorRef,
+  monacoRef,
+  onFullscreenChange,
+  containerProps,
+  typeDefinitions,
+  externalModelManagement = false
+}) => {
+  const [isEditorReady, setIsEditorReady] = useState(false);
+  const [validationErrors, setValidationErrors] = useState([]);
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const [tsCode, setTsCode] = useState(value);
+  const [actualHeight, setActualHeight] = useState(
+    typeof height === "number" ? `${height}px` : height
+  );
+  const [showProblems, setShowProblems] = useState(false);
+  const [hasUserToggledProblems, setHasUserToggledProblems] = useState(false);
+  useEffect(() => {
+    if (hasUserToggledProblems) return;
+    if (validationErrors.length > 0) {
+      setShowProblems(true);
+    } else {
+      setShowProblems(false);
+    }
+  }, [validationErrors, hasUserToggledProblems]);
+  const internalEditorRef = useRef(null);
+  const internalMonacoRef = useRef(null);
+  const finalEditorRef = editorRef || internalEditorRef;
+  const finalMonacoRef = monacoRef || internalMonacoRef;
+  useEffect(() => {
+    if (isFullscreen) {
+      setActualHeight("calc(100vh - 80px)");
+    } else {
+      setActualHeight(typeof height === "number" ? `${height}px` : height);
+    }
+  }, [height, isFullscreen]);
+  const toggleFullscreen = useCallback(() => {
+    const newFullscreenState = !isFullscreen;
+    setIsFullscreen(newFullscreenState);
+    if (onFullscreenChange) {
+      onFullscreenChange(newFullscreenState);
+    }
+  }, [isFullscreen, onFullscreenChange]);
+  const gotoMarker = useCallback(
+    (marker) => {
+      const ed = finalEditorRef?.current;
+      if (!ed) return;
+      const position = { lineNumber: marker.startLineNumber, column: marker.startColumn || 1 };
+      try {
+        ed.revealPositionInCenter(position);
+        ed.setPosition(position);
+        ed.focus();
+      } catch (e) {
+        console.error("CodeEditor: Failed to navigate to marker", e);
+      }
+    },
+    [finalEditorRef]
+  );
+  useEffect(() => {
+    if (!isFullscreen) return;
+    function escapeHandler(event) {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        setIsFullscreen(false);
+        if (onFullscreenChange) {
+          onFullscreenChange(false);
+        }
+      }
+    }
+    window.addEventListener("keydown", escapeHandler, { capture: true });
+    return () => {
+      window.removeEventListener("keydown", escapeHandler, { capture: true });
+    };
+  }, [isFullscreen, onFullscreenChange]);
+  const handleEditorDidMount = useCallback(
+    (editor, monaco) => {
+      console.log("CodeEditor: onMount called", { editor: !!editor, monaco: !!monaco });
+      try {
+        configureTypeScript(monaco);
+      } catch (e) {
+        console.error("CodeEditor: Failed to configure TypeScript", e);
+      }
+      if (finalEditorRef) {
+        finalEditorRef.current = editor;
+      }
+      if (finalMonacoRef) {
+        finalMonacoRef.current = monaco;
+      }
+      setIsEditorReady(true);
+      console.log("CodeEditor: Editor ready");
+      try {
+        editor.addCommand(monaco.KeyCode.Escape, () => {
+          if (isFullscreen) {
+            setIsFullscreen(false);
+            if (onFullscreenChange) {
+              onFullscreenChange(false);
+            }
+            return true;
+          }
+          return false;
+        });
+        editor.onDidChangeModelDecorations(() => {
+          const model2 = editor.getModel();
+          if (model2 && onValidate) {
+            const markers = monaco.editor.getModelMarkers({ resource: model2.uri });
+            onValidate(markers);
+            setValidationErrors(markers);
+          }
+        });
+        const model = editor.getModel();
+        if (model && onValidate) {
+          const markers = monaco.editor.getModelMarkers({ resource: model.uri });
+          onValidate(markers);
+          setValidationErrors(markers);
+        }
+      } catch (e) {
+        console.error("CodeEditor: Error setting up editor callbacks", e);
+      }
+      if (onMount) {
+        try {
+          onMount(editor, monaco);
+        } catch (e) {
+          console.error("CodeEditor: Error in custom onMount", e);
+        }
+      }
+    },
+    [isFullscreen, onFullscreenChange, onValidate, onMount, finalEditorRef, finalMonacoRef]
+  );
+  useEffect(() => {
+    if (!isEditorReady || !finalMonacoRef?.current || !typeDefinitions) return;
+    const monaco = finalMonacoRef.current;
+    const definitions = Array.isArray(typeDefinitions) ? typeDefinitions : [typeDefinitions];
+    const uris = [];
+    try {
+      definitions.forEach((def, index) => {
+        if (def && def.trim()) {
+          const uri = `ts:filename/custom-types-${index}.d.ts`;
+          uris.push(uri);
+          monaco.languages.typescript.typescriptDefaults.addExtraLib(def, uri);
+        }
+      });
+    } catch (error) {
+      console.error("CodeEditor: Error adding type definitions:", error);
+    }
+  }, [isEditorReady, finalMonacoRef, typeDefinitions]);
+  const handleCodeChange = (newValue) => {
+    const valueStr = newValue || "";
+    setTsCode(valueStr);
+    onChange(valueStr);
+  };
+  useEffect(() => {
+    if (externalModelManagement) return;
+    if (value !== tsCode) {
+      setTsCode(value);
+      if (isEditorReady && finalEditorRef?.current) {
+        const editor = finalEditorRef.current;
+        const currentValue = editor.getValue();
+        if (currentValue !== value) {
+          editor.setValue(value);
+        }
+      }
+    }
+  }, [value, tsCode, isEditorReady, finalEditorRef, externalModelManagement]);
+  const editorMinHeight = minHeight ? typeof minHeight === "number" ? `${minHeight}px` : minHeight : "400px";
+  const defaultOptions = {
+    lineNumbers,
+    minimap: { enabled: false },
+    readOnly: false,
+    wordWrap: "on",
+    fontSize: 14,
+    fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, "source-code-pro", monospace',
+    automaticLayout: true,
+    scrollBeyondLastLine: false,
+    theme: themeProp || "vs",
+    ...options
+  };
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        height: isFullscreen ? "100vh" : "100%",
+        minHeight: isFullscreen ? "100vh" : editorMinHeight,
+        position: isFullscreen ? "fixed" : "relative",
+        top: isFullscreen ? 0 : "auto",
+        left: isFullscreen ? 0 : "auto",
+        right: isFullscreen ? 0 : "auto",
+        bottom: isFullscreen ? 0 : "auto",
+        zIndex: isFullscreen ? 9999 : "auto",
+        bgcolor: "background.paper",
+        pt: isFullscreen ? "80px" : 0,
+        // Add padding top in fullscreen to account for header (64px) + spacing (16px)
+        px: isFullscreen ? 2 : 0,
+        pb: isFullscreen ? 2 : 0,
+        overflow: isFullscreen ? "hidden" : "visible"
+      },
+      children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          sx: {
+            flex: 1,
+            border: 1,
+            borderColor: validationErrors.length > 0 ? "error.main" : "divider",
+            borderRadius: 1,
+            minHeight: editorMinHeight,
+            overflow: "hidden",
+            position: "relative",
+            display: "flex",
+            flexDirection: "column"
+          },
+          ...containerProps,
+          children: [
+            /* @__PURE__ */ jsx(Tooltip, { title: isFullscreen ? "Exit Fullscreen" : "Fullscreen", children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: toggleFullscreen,
+                size: "small",
+                sx: {
+                  position: isFullscreen ? "fixed" : "absolute",
+                  top: isFullscreen ? 72 : 8,
+                  // Position below header in fullscreen mode (header is ~64px)
+                  right: isFullscreen ? 16 : 8,
+                  zIndex: 1e4,
+                  // Ensure it's above other elements
+                  bgcolor: "rgba(255, 255, 255, 0.7)",
+                  "&:hover": {
+                    bgcolor: "rgba(255, 255, 255, 0.9)"
+                  },
+                  boxShadow: 1
+                },
+                children: isFullscreen ? /* @__PURE__ */ jsx(FullscreenExitIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(FullscreenIcon, { fontSize: "small" })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  flex: 1,
+                  display: "flex",
+                  flexDirection: "column",
+                  overflow: "hidden",
+                  minHeight: editorMinHeight,
+                  position: "relative",
+                  height: isFullscreen ? "100%" : actualHeight
+                },
+                children: /* @__PURE__ */ jsx(
+                  Editor,
+                  {
+                    height: "100%",
+                    defaultLanguage: language,
+                    defaultValue: value,
+                    value: tsCode,
+                    onChange: handleCodeChange,
+                    onMount: handleEditorDidMount,
+                    theme: themeProp || "vs",
+                    options: defaultOptions,
+                    loading: /* @__PURE__ */ jsx(Box, { sx: { p: 2, textAlign: "center" }, children: "Loading Monaco Editor..." }),
+                    beforeMount: (monaco) => {
+                      console.log("CodeEditor: beforeMount called", { monaco: !!monaco });
+                    }
+                  }
+                )
+              }
+            ),
+            validationErrors.length > 0 && /* @__PURE__ */ jsxs(
+              Box,
+              {
+                sx: {
+                  borderTop: 1,
+                  borderColor: "divider",
+                  bgcolor: "background.default",
+                  display: "flex",
+                  flexDirection: "column",
+                  maxHeight: showProblems ? 180 : 40,
+                  minHeight: 40,
+                  transition: "max-height 0.2s ease"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    Box,
+                    {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        px: 1,
+                        py: 0.5,
+                        gap: 1,
+                        borderBottom: showProblems ? "1px solid" : "none",
+                        borderColor: "divider",
+                        fontSize: "0.875rem",
+                        color: "text.secondary"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(ErrorOutlineIcon, { color: "error", fontSize: "small" }),
+                        /* @__PURE__ */ jsx(Box, { sx: { fontWeight: 600, color: "text.primary" }, children: "Problems" }),
+                        /* @__PURE__ */ jsxs(Box, { sx: { ml: 1 }, children: [
+                          validationErrors.length,
+                          " error",
+                          validationErrors.length > 1 ? "s" : ""
+                        ] }),
+                        /* @__PURE__ */ jsx(Box, { sx: { flex: 1 } }),
+                        /* @__PURE__ */ jsx(
+                          IconButton,
+                          {
+                            size: "small",
+                            "aria-label": "Toggle problems panel",
+                            onClick: () => {
+                              setHasUserToggledProblems(true);
+                              setShowProblems((s) => !s);
+                            },
+                            children: showProblems ? /* @__PURE__ */ jsx(ExpandMoreIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(ExpandLessIcon, { fontSize: "small" })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  showProblems && /* @__PURE__ */ jsx(Box, { sx: { overflow: "auto" }, children: validationErrors.map((error, index) => /* @__PURE__ */ jsxs(
+                    Box,
+                    {
+                      onClick: () => gotoMarker(error),
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        px: 1.5,
+                        py: 0.75,
+                        gap: 1,
+                        cursor: "pointer",
+                        "&:hover": { bgcolor: "action.hover" },
+                        borderBottom: "1px dashed",
+                        borderColor: "divider",
+                        fontSize: "0.85rem"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(ErrorOutlineIcon, { color: "error", sx: { fontSize: 18 } }),
+                        /* @__PURE__ */ jsxs(Box, { sx: { color: "text.secondary", width: 64 }, children: [
+                          "Line ",
+                          error.startLineNumber
+                        ] }),
+                        /* @__PURE__ */ jsx(Box, { sx: { color: "text.primary", flex: 1, minWidth: 0 }, children: error.message })
+                      ]
+                    },
+                    `${error.startLineNumber}-${error.startColumn}-${index}`
+                  )) })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+export {
+  CodeEditor
+};
+//# sourceMappingURL=chunk-3KCXCVOX.mjs.map

package/dist/chunk-3KCXCVOX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/third-party/CodeEditor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport Editor, { Monaco } from '@monaco-editor/react';\nimport Box from '@mui/material/Box';\nimport type { BoxProps } from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\nimport FullscreenExitIcon from '@mui/icons-material/FullscreenExit';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport type { editor } from 'monaco-editor';\n\nexport type CodeEditorLanguage =\n  | 'typescript'\n  | 'javascript'\n  | 'json'\n  | 'html'\n  | 'css'\n  | 'python'\n  | 'yaml'\n  | 'markdown'\n  | 'sql'\n  | 'xml'\n  | 'plaintext';\n\nexport interface CodeEditorProps {\n  /**\n   * Current value of the editor\n   */\n  value: string;\n  /**\n   * Callback when value changes\n   */\n  onChange: (value: string) => void;\n  /**\n   * Programming language\n   * @default 'typescript'\n   */\n  language?: CodeEditorLanguage;\n  /**\n   * Height of the editor\n   * @default '400px'\n   */\n  height?: string | number;\n  /**\n   * Minimum height\n   */\n  minHeight?: string | number;\n  /**\n   * Theme ('light' | 'dark' | 'vs-dark' | 'hc-black')\n   * If not provided, will use theme from design system\n   */\n  theme?: string;\n  /**\n   * Show line numbers\n   * @default 'on'\n   */\n  lineNumbers?: 'on' | 'off' | 'relative' | 'interval';\n  /**\n   * Editor options (monaco editor options)\n   */\n  options?: editor.IStandaloneEditorConstructionOptions;\n  /**\n   * Callback when editor is mounted\n   */\n  onMount?: (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;\n  /**\n   * Callback for validation errors\n   */\n  onValidate?: (markers: editor.IMarker[]) => void;\n  /**\n   * Ref to editor instance\n   */\n  editorRef?: React.MutableRefObject<editor.IStandaloneCodeEditor | null>;\n  /**\n   * Ref to Monaco instance\n   */\n  monacoRef?: React.MutableRefObject<Monaco | null>;\n  /**\n   * Callback when fullscreen state changes\n   */\n  onFullscreenChange?: (isFullscreen: boolean) => void;\n  /**\n   * Props for the container Box.\n   */\n  containerProps?: BoxProps;\n  /**\n   * Additional TypeScript type definitions to add to the editor context.\n   * Can be a string with type definitions or an array of type definition strings.\n   * Each string will be added as a separate extra lib to Monaco.\n   *\n   * @example\n   * ```tsx\n   * <CodeEditor\n   *   value={code}\n   *   onChange={setCode}\n   *   typeDefinitions={`\n   *     declare interface MyCustomType {\n   *       id: string;\n   *       name: string;\n   *     }\n   *   `}\n   * />\n   * ```\n   */\n  typeDefinitions?: string | string[];\n  /**\n   * When true, the editor skips internal value syncing and lets an external\n   * source (e.g. useCodeEditorWorkspace) manage Monaco models directly.\n   * The `value` prop is still used as the initial/display value but won't\n   * be force-synced to the editor.\n   * @default false\n   */\n  externalModelManagement?: boolean;\n}\n\n// Monaco Editor will use the local version from node_modules automatically\n// No need to configure loader.config() - @monaco-editor/react handles it\n\n// Configure TypeScript settings when Monaco is loaded\nexport const configureTypeScript = (monaco: Monaco) => {\n  // Configure TypeScript settings\n  monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n    target: monaco.languages.typescript.ScriptTarget.ES2020,\n    allowNonTsExtensions: true,\n    moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,\n    module: monaco.languages.typescript.ModuleKind.ESNext,\n    noEmit: false,\n    lib: ['es2020', 'dom'],\n    noUnusedLocals: false,\n    noUnusedParameters: false,\n    noImplicitAny: false,\n    noImplicitReturns: false,\n    noFallthroughCasesInSwitch: false,\n    // Treat every file as a module so top-level declarations don't clash\n    // across files in the workspace (prevents false \"Cannot redeclare\" errors).\n    moduleDetection: 3, // ts.ModuleDetectionKind.Force\n  });\n\n  monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\n    noSemanticValidation: false,\n    noSyntaxValidation: false,\n    noSuggestionDiagnostics: true,\n    diagnosticCodesToIgnore: [\n      6133, // 'x' is declared but its value is never read\n      6196, // 'x' is declared but its value is never read (different variant)\n    ],\n  });\n};\n\n/**\n * CodeEditor component - wrapper around Monaco Editor matching dynamic-indexer-client implementation\n *\n * @example\n * ```tsx\n * <CodeEditor\n *   value={code}\n *   onChange={setCode}\n *   language=\"typescript\"\n *   height=\"500px\"\n *   onValidate={(markers) => console.log('Errors:', markers)}\n * />\n * ```\n */\nexport const CodeEditor: React.FC<CodeEditorProps> = ({\n  value,\n  onChange,\n  language = 'typescript',\n  height = '400px',\n  minHeight,\n  theme: themeProp,\n  lineNumbers = 'on',\n  options,\n  onMount,\n  onValidate,\n  editorRef,\n  monacoRef,\n  onFullscreenChange,\n  containerProps,\n  typeDefinitions,\n  externalModelManagement = false,\n}) => {\n  const [isEditorReady, setIsEditorReady] = useState(false);\n  const [validationErrors, setValidationErrors] = useState<editor.IMarker[]>([]);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const [tsCode, setTsCode] = useState<string>(value);\n  const [actualHeight, setActualHeight] = useState<string>(\n    typeof height === 'number' ? `${height}px` : height\n  );\n  const [showProblems, setShowProblems] = useState(false);\n  const [hasUserToggledProblems, setHasUserToggledProblems] = useState(false);\n\n  // Auto-open the Problems panel only until the user manually toggles it.\n  useEffect(() => {\n    if (hasUserToggledProblems) return; // respect user's choice after first toggle\n    if (validationErrors.length > 0) {\n      setShowProblems(true);\n    } else {\n      setShowProblems(false);\n    }\n  }, [validationErrors, hasUserToggledProblems]);\n\n  const internalEditorRef = useRef<editor.IStandaloneCodeEditor | null>(null);\n  const internalMonacoRef = useRef<Monaco | null>(null);\n\n  // Use provided refs or internal refs\n  const finalEditorRef = editorRef || internalEditorRef;\n  const finalMonacoRef = monacoRef || internalMonacoRef;\n\n  useEffect(() => {\n    if (isFullscreen) {\n      // Account for header height (64px) + padding (16px) = 80px\n      setActualHeight('calc(100vh - 80px)');\n    } else {\n      setActualHeight(typeof height === 'number' ? `${height}px` : height);\n    }\n  }, [height, isFullscreen]);\n\n  // Toggle fullscreen\n  const toggleFullscreen = useCallback(() => {\n    const newFullscreenState = !isFullscreen;\n    setIsFullscreen(newFullscreenState);\n    if (onFullscreenChange) {\n      onFullscreenChange(newFullscreenState);\n    }\n  }, [isFullscreen, onFullscreenChange]);\n\n  // Jump to a marker position in the editor\n  const gotoMarker = useCallback(\n    (marker: editor.IMarker) => {\n      const ed = finalEditorRef?.current;\n      if (!ed) return;\n      const position = { lineNumber: marker.startLineNumber, column: marker.startColumn || 1 };\n      try {\n        ed.revealPositionInCenter(position);\n        ed.setPosition(position);\n        ed.focus();\n      } catch (e) {\n        console.error('CodeEditor: Failed to navigate to marker', e);\n      }\n    },\n    [finalEditorRef]\n  );\n\n  // Handle ESC key for fullscreen exit\n  useEffect(() => {\n    if (!isFullscreen) return;\n\n    function escapeHandler(event: KeyboardEvent) {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        event.stopPropagation();\n\n        setIsFullscreen(false);\n        if (onFullscreenChange) {\n          onFullscreenChange(false);\n        }\n      }\n    }\n\n    window.addEventListener('keydown', escapeHandler, { capture: true });\n\n    return () => {\n      window.removeEventListener('keydown', escapeHandler, { capture: true });\n    };\n  }, [isFullscreen, onFullscreenChange]);\n\n  const handleEditorDidMount = useCallback(\n    (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => {\n      console.log('CodeEditor: onMount called', { editor: !!editor, monaco: !!monaco });\n\n      try {\n        // Configure TypeScript settings when Monaco is loaded\n        configureTypeScript(monaco);\n      } catch (e) {\n        console.error('CodeEditor: Failed to configure TypeScript', e);\n      }\n\n      if (finalEditorRef) {\n        finalEditorRef.current = editor;\n      }\n      if (finalMonacoRef) {\n        finalMonacoRef.current = monaco;\n      }\n\n      setIsEditorReady(true);\n      console.log('CodeEditor: Editor ready');\n\n      try {\n        // Add ESC key binding directly in editor\n        editor.addCommand(monaco.KeyCode.Escape, () => {\n          if (isFullscreen) {\n            setIsFullscreen(false);\n            if (onFullscreenChange) {\n              onFullscreenChange(false);\n            }\n            return true; // Command handled\n          }\n          return false; // Let default behavior work when not fullscreen\n        });\n\n        // Add validation callback\n        editor.onDidChangeModelDecorations(() => {\n          const model = editor.getModel();\n          if (model && onValidate) {\n            const markers = monaco.editor.getModelMarkers({ resource: model.uri });\n            onValidate(markers);\n            setValidationErrors(markers);\n          }\n        });\n\n        // Also check initial markers\n        const model = editor.getModel();\n        if (model && onValidate) {\n          const markers = monaco.editor.getModelMarkers({ resource: model.uri });\n          onValidate(markers);\n          setValidationErrors(markers);\n        }\n      } catch (e) {\n        console.error('CodeEditor: Error setting up editor callbacks', e);\n      }\n\n      // Call custom onMount if provided\n      if (onMount) {\n        try {\n          onMount(editor, monaco);\n        } catch (e) {\n          console.error('CodeEditor: Error in custom onMount', e);\n        }\n      }\n    },\n    [isFullscreen, onFullscreenChange, onValidate, onMount, finalEditorRef, finalMonacoRef]\n  );\n\n  // Add custom type definitions when Monaco is ready and typeDefinitions change\n  useEffect(() => {\n    if (!isEditorReady || !finalMonacoRef?.current || !typeDefinitions) return;\n\n    const monaco = finalMonacoRef.current;\n    const definitions = Array.isArray(typeDefinitions) ? typeDefinitions : [typeDefinitions];\n    const uris: string[] = [];\n\n    try {\n      // Add each type definition as a separate extra lib\n      definitions.forEach((def: string, index: number) => {\n        if (def && def.trim()) {\n          const uri = `ts:filename/custom-types-${index}.d.ts`;\n          uris.push(uri);\n          monaco.languages.typescript.typescriptDefaults.addExtraLib(def, uri);\n        }\n      });\n    } catch (error) {\n      console.error('CodeEditor: Error adding type definitions:', error);\n    }\n\n    // Note: Monaco doesn't have a direct removeExtraLib method\n    // The definitions will be replaced when the component updates with new definitions\n    // This is acceptable as extra libs are additive and don't cause conflicts\n  }, [isEditorReady, finalMonacoRef, typeDefinitions]);\n\n  const handleCodeChange = (newValue: string | undefined) => {\n    const valueStr = newValue || '';\n    setTsCode(valueStr);\n    onChange(valueStr);\n  };\n\n  // Sync external value prop with internal state\n  // Skip when externalModelManagement is true (workspace hook manages models)\n  useEffect(() => {\n    if (externalModelManagement) return;\n    if (value !== tsCode) {\n      setTsCode(value);\n      if (isEditorReady && finalEditorRef?.current) {\n        const editor = finalEditorRef.current;\n        const currentValue = editor.getValue();\n        if (currentValue !== value) {\n          editor.setValue(value);\n        }\n      }\n    }\n  }, [value, tsCode, isEditorReady, finalEditorRef, externalModelManagement]);\n\n  const editorMinHeight = minHeight\n    ? typeof minHeight === 'number'\n      ? `${minHeight}px`\n      : minHeight\n    : '400px';\n\n  const defaultOptions: editor.IStandaloneEditorConstructionOptions = {\n    lineNumbers,\n    minimap: { enabled: false },\n    readOnly: false,\n    wordWrap: 'on',\n    fontSize: 14,\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", Consolas, \"source-code-pro\", monospace',\n    automaticLayout: true,\n    scrollBeyondLastLine: false,\n    theme: themeProp || 'vs',\n    ...options,\n  };\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: isFullscreen ? '100vh' : '100%',\n        minHeight: isFullscreen ? '100vh' : editorMinHeight,\n        position: isFullscreen ? 'fixed' : 'relative',\n        top: isFullscreen ? 0 : 'auto',\n        left: isFullscreen ? 0 : 'auto',\n        right: isFullscreen ? 0 : 'auto',\n        bottom: isFullscreen ? 0 : 'auto',\n        zIndex: isFullscreen ? 9999 : 'auto',\n        bgcolor: 'background.paper',\n        pt: isFullscreen ? '80px' : 0, // Add padding top in fullscreen to account for header (64px) + spacing (16px)\n        px: isFullscreen ? 2 : 0,\n        pb: isFullscreen ? 2 : 0,\n        overflow: isFullscreen ? 'hidden' : 'visible',\n      }}\n    >\n      <Box\n        sx={{\n          flex: 1,\n          border: 1,\n          borderColor: validationErrors.length > 0 ? 'error.main' : 'divider',\n          borderRadius: 1,\n          minHeight: editorMinHeight,\n          overflow: 'hidden',\n          position: 'relative',\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n        {...containerProps}\n      >\n        <Tooltip title={isFullscreen ? 'Exit Fullscreen' : 'Fullscreen'}>\n          <IconButton\n            onClick={toggleFullscreen}\n            size=\"small\"\n            sx={{\n              position: isFullscreen ? 'fixed' : 'absolute',\n              top: isFullscreen ? 72 : 8, // Position below header in fullscreen mode (header is ~64px)\n              right: isFullscreen ? 16 : 8,\n              zIndex: 10000, // Ensure it's above other elements\n              bgcolor: 'rgba(255, 255, 255, 0.7)',\n              '&:hover': {\n                bgcolor: 'rgba(255, 255, 255, 0.9)',\n              },\n              boxShadow: 1,\n            }}\n          >\n            {isFullscreen ? (\n              <FullscreenExitIcon fontSize=\"small\" />\n            ) : (\n              <FullscreenIcon fontSize=\"small\" />\n            )}\n          </IconButton>\n        </Tooltip>\n\n        <Box\n          sx={{\n            flex: 1,\n            display: 'flex',\n            flexDirection: 'column',\n            overflow: 'hidden',\n            minHeight: editorMinHeight,\n            position: 'relative',\n            height: isFullscreen ? '100%' : actualHeight,\n          }}\n        >\n          <Editor\n            height=\"100%\"\n            defaultLanguage={language}\n            defaultValue={value}\n            value={tsCode}\n            onChange={handleCodeChange}\n            onMount={handleEditorDidMount}\n            theme={themeProp || 'vs'}\n            options={defaultOptions}\n            loading={\n              <Box sx={{ p: 2, textAlign: 'center' }}>\n                Loading Monaco Editor...\n              </Box>\n            }\n            beforeMount={(monaco) => {\n              console.log('CodeEditor: beforeMount called', { monaco: !!monaco });\n            }}\n          />\n        </Box>\n\n        {/* Problems panel at the bottom (Monaco-style) */}\n        {validationErrors.length > 0 && (\n          <Box\n            sx={{\n              borderTop: 1,\n              borderColor: 'divider',\n              bgcolor: 'background.default',\n              display: 'flex',\n              flexDirection: 'column',\n              maxHeight: showProblems ? 180 : 40,\n              minHeight: 40,\n              transition: 'max-height 0.2s ease',\n            }}\n          >\n            {/* Panel header */}\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                px: 1,\n                py: 0.5,\n                gap: 1,\n                borderBottom: showProblems ? '1px solid' : 'none',\n                borderColor: 'divider',\n                fontSize: '0.875rem',\n                color: 'text.secondary',\n              }}\n            >\n              <ErrorOutlineIcon color=\"error\" fontSize=\"small\" />\n              <Box sx={{ fontWeight: 600, color: 'text.primary' }}>Problems</Box>\n              <Box sx={{ ml: 1 }}>\n                {validationErrors.length} error{validationErrors.length > 1 ? 's' : ''}\n              </Box>\n              <Box sx={{ flex: 1 }} />\n              <IconButton\n                size=\"small\"\n                aria-label=\"Toggle problems panel\"\n                onClick={() => {\n                  setHasUserToggledProblems(true);\n                  setShowProblems((s) => !s);\n                }}\n              >\n                {showProblems ? <ExpandMoreIcon fontSize=\"small\" /> : <ExpandLessIcon fontSize=\"small\" />}\n              </IconButton>\n            </Box>\n            {/* Problems list */}\n            {showProblems && (\n              <Box sx={{ overflow: 'auto' }}>\n                {validationErrors.map((error, index) => (\n                  <Box\n                    key={`${error.startLineNumber}-${error.startColumn}-${index}`}\n                    onClick={() => gotoMarker(error)}\n                    sx={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      px: 1.5,\n                      py: 0.75,\n                      gap: 1,\n                      cursor: 'pointer',\n                      '&:hover': { bgcolor: 'action.hover' },\n                      borderBottom: '1px dashed',\n                      borderColor: 'divider',\n                      fontSize: '0.85rem',\n                    }}\n                  >\n                    <ErrorOutlineIcon color=\"error\" sx={{ fontSize: 18 }} />\n                    <Box sx={{ color: 'text.secondary', width: 64 }}>Line {error.startLineNumber}</Box>\n                    <Box sx={{ color: 'text.primary', flex: 1, minWidth: 0 }}>\n                      {error.message}\n                    </Box>\n                  </Box>\n                ))}\n              </Box>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default CodeEditor;\n"],"mappings":";AAAA,SAAgB,aAAa,WAAW,UAAU,cAAc;AAChE,OAAO,YAAwB;AAC/B,OAAO,SAAS;AAEhB,OAAO,gBAAgB;AACvB,OAAO,aAAa;AACpB,OAAO,oBAAoB;AAC3B,OAAO,wBAAwB;AAC/B,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,OAAO,oBAAoB;AA2bb,cAoEA,YApEA;AA5UP,IAAM,sBAAsB,CAAC,WAAmB;AAErD,SAAO,UAAU,WAAW,mBAAmB,mBAAmB;AAAA,IAChE,QAAQ,OAAO,UAAU,WAAW,aAAa;AAAA,IACjD,sBAAsB;AAAA,IACtB,kBAAkB,OAAO,UAAU,WAAW,qBAAqB;AAAA,IACnE,QAAQ,OAAO,UAAU,WAAW,WAAW;AAAA,IAC/C,QAAQ;AAAA,IACR,KAAK,CAAC,UAAU,KAAK;AAAA,IACrB,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,4BAA4B;AAAA;AAAA;AAAA,IAG5B,iBAAiB;AAAA;AAAA,EACnB,CAAC;AAED,SAAO,UAAU,WAAW,mBAAmB,sBAAsB;AAAA,IACnE,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,MACvB;AAAA;AAAA,MACA;AAAA;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAgBO,IAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,SAAS;AAAA,EACT;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,0BAA0B;AAC5B,MAAM;AACJ,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA2B,CAAC,CAAC;AAC7E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,KAAK;AAClD,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,IACtC,OAAO,WAAW,WAAW,GAAG,MAAM,OAAO;AAAA,EAC/C;AACA,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,KAAK;AAG1E,YAAU,MAAM;AACd,QAAI,uBAAwB;AAC5B,QAAI,iBAAiB,SAAS,GAAG;AAC/B,sBAAgB,IAAI;AAAA,IACtB,OAAO;AACL,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,kBAAkB,sBAAsB,CAAC;AAE7C,QAAM,oBAAoB,OAA4C,IAAI;AAC1E,QAAM,oBAAoB,OAAsB,IAAI;AAGpD,QAAM,iBAAiB,aAAa;AACpC,QAAM,iBAAiB,aAAa;AAEpC,YAAU,MAAM;AACd,QAAI,cAAc;AAEhB,sBAAgB,oBAAoB;AAAA,IACtC,OAAO;AACL,sBAAgB,OAAO,WAAW,WAAW,GAAG,MAAM,OAAO,MAAM;AAAA,IACrE;AAAA,EACF,GAAG,CAAC,QAAQ,YAAY,CAAC;AAGzB,QAAM,mBAAmB,YAAY,MAAM;AACzC,UAAM,qBAAqB,CAAC;AAC5B,oBAAgB,kBAAkB;AAClC,QAAI,oBAAoB;AACtB,yBAAmB,kBAAkB;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,cAAc,kBAAkB,CAAC;AAGrC,QAAM,aAAa;AAAA,IACjB,CAAC,WAA2B;AAC1B,YAAM,KAAK,gBAAgB;AAC3B,UAAI,CAAC,GAAI;AACT,YAAM,WAAW,EAAE,YAAY,OAAO,iBAAiB,QAAQ,OAAO,eAAe,EAAE;AACvF,UAAI;AACF,WAAG,uBAAuB,QAAQ;AAClC,WAAG,YAAY,QAAQ;AACvB,WAAG,MAAM;AAAA,MACX,SAAS,GAAG;AACV,gBAAQ,MAAM,4CAA4C,CAAC;AAAA,MAC7D;AAAA,IACF;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,aAAc;AAEnB,aAAS,cAAc,OAAsB;AAC3C,UAAI,MAAM,QAAQ,UAAU;AAC1B,cAAM,eAAe;AACrB,cAAM,gBAAgB;AAEtB,wBAAgB,KAAK;AACrB,YAAI,oBAAoB;AACtB,6BAAmB,KAAK;AAAA,QAC1B;AAAA,MACF;AAAA,IACF;AAEA,WAAO,iBAAiB,WAAW,eAAe,EAAE,SAAS,KAAK,CAAC;AAEnE,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,eAAe,EAAE,SAAS,KAAK,CAAC;AAAA,IACxE;AAAA,EACF,GAAG,CAAC,cAAc,kBAAkB,CAAC;AAErC,QAAM,uBAAuB;AAAA,IAC3B,CAAC,QAAsC,WAAmB;AACxD,cAAQ,IAAI,8BAA8B,EAAE,QAAQ,CAAC,CAAC,QAAQ,QAAQ,CAAC,CAAC,OAAO,CAAC;AAEhF,UAAI;AAEF,4BAAoB,MAAM;AAAA,MAC5B,SAAS,GAAG;AACV,gBAAQ,MAAM,8CAA8C,CAAC;AAAA,MAC/D;AAEA,UAAI,gBAAgB;AAClB,uBAAe,UAAU;AAAA,MAC3B;AACA,UAAI,gBAAgB;AAClB,uBAAe,UAAU;AAAA,MAC3B;AAEA,uBAAiB,IAAI;AACrB,cAAQ,IAAI,0BAA0B;AAEtC,UAAI;AAEF,eAAO,WAAW,OAAO,QAAQ,QAAQ,MAAM;AAC7C,cAAI,cAAc;AAChB,4BAAgB,KAAK;AACrB,gBAAI,oBAAoB;AACtB,iCAAmB,KAAK;AAAA,YAC1B;AACA,mBAAO;AAAA,UACT;AACA,iBAAO;AAAA,QACT,CAAC;AAGD,eAAO,4BAA4B,MAAM;AACvC,gBAAMA,SAAQ,OAAO,SAAS;AAC9B,cAAIA,UAAS,YAAY;AACvB,kBAAM,UAAU,OAAO,OAAO,gBAAgB,EAAE,UAAUA,OAAM,IAAI,CAAC;AACrE,uBAAW,OAAO;AAClB,gCAAoB,OAAO;AAAA,UAC7B;AAAA,QACF,CAAC;AAGD,cAAM,QAAQ,OAAO,SAAS;AAC9B,YAAI,SAAS,YAAY;AACvB,gBAAM,UAAU,OAAO,OAAO,gBAAgB,EAAE,UAAU,MAAM,IAAI,CAAC;AACrE,qBAAW,OAAO;AAClB,8BAAoB,OAAO;AAAA,QAC7B;AAAA,MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,iDAAiD,CAAC;AAAA,MAClE;AAGA,UAAI,SAAS;AACX,YAAI;AACF,kBAAQ,QAAQ,MAAM;AAAA,QACxB,SAAS,GAAG;AACV,kBAAQ,MAAM,uCAAuC,CAAC;AAAA,QACxD;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,cAAc,oBAAoB,YAAY,SAAS,gBAAgB,cAAc;AAAA,EACxF;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,iBAAiB,CAAC,gBAAgB,WAAW,CAAC,gBAAiB;AAEpE,UAAM,SAAS,eAAe;AAC9B,UAAM,cAAc,MAAM,QAAQ,eAAe,IAAI,kBAAkB,CAAC,eAAe;AACvF,UAAM,OAAiB,CAAC;AAExB,QAAI;AAEF,kBAAY,QAAQ,CAAC,KAAa,UAAkB;AAClD,YAAI,OAAO,IAAI,KAAK,GAAG;AACrB,gBAAM,MAAM,4BAA4B,KAAK;AAC7C,eAAK,KAAK,GAAG;AACb,iBAAO,UAAU,WAAW,mBAAmB,YAAY,KAAK,GAAG;AAAA,QACrE;AAAA,MACF,CAAC;AAAA,IACH,SAAS,OAAO;AACd,cAAQ,MAAM,8CAA8C,KAAK;AAAA,IACnE;AAAA,EAKF,GAAG,CAAC,eAAe,gBAAgB,eAAe,CAAC;AAEnD,QAAM,mBAAmB,CAAC,aAAiC;AACzD,UAAM,WAAW,YAAY;AAC7B,cAAU,QAAQ;AAClB,aAAS,QAAQ;AAAA,EACnB;AAIA,YAAU,MAAM;AACd,QAAI,wBAAyB;AAC7B,QAAI,UAAU,QAAQ;AACpB,gBAAU,KAAK;AACf,UAAI,iBAAiB,gBAAgB,SAAS;AAC5C,cAAM,SAAS,eAAe;AAC9B,cAAM,eAAe,OAAO,SAAS;AACrC,YAAI,iBAAiB,OAAO;AAC1B,iBAAO,SAAS,KAAK;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,QAAQ,eAAe,gBAAgB,uBAAuB,CAAC;AAE1E,QAAM,kBAAkB,YACpB,OAAO,cAAc,WACnB,GAAG,SAAS,OACZ,YACF;AAEJ,QAAM,iBAA8D;AAAA,IAClE;AAAA,IACA,SAAS,EAAE,SAAS,MAAM;AAAA,IAC1B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,OAAO,aAAa;AAAA,IACpB,GAAG;AAAA,EACL;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,QAAQ,eAAe,UAAU;AAAA,QACjC,WAAW,eAAe,UAAU;AAAA,QACpC,UAAU,eAAe,UAAU;AAAA,QACnC,KAAK,eAAe,IAAI;AAAA,QACxB,MAAM,eAAe,IAAI;AAAA,QACzB,OAAO,eAAe,IAAI;AAAA,QAC1B,QAAQ,eAAe,IAAI;AAAA,QAC3B,QAAQ,eAAe,OAAO;AAAA,QAC9B,SAAS;AAAA,QACT,IAAI,eAAe,SAAS;AAAA;AAAA,QAC5B,IAAI,eAAe,IAAI;AAAA,QACvB,IAAI,eAAe,IAAI;AAAA,QACvB,UAAU,eAAe,WAAW;AAAA,MACtC;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,YACF,MAAM;AAAA,YACN,QAAQ;AAAA,YACR,aAAa,iBAAiB,SAAS,IAAI,eAAe;AAAA,YAC1D,cAAc;AAAA,YACd,WAAW;AAAA,YACX,UAAU;AAAA,YACV,UAAU;AAAA,YACV,SAAS;AAAA,YACT,eAAe;AAAA,UACjB;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA,gCAAC,WAAQ,OAAO,eAAe,oBAAoB,cACjD;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,MAAK;AAAA,gBACL,IAAI;AAAA,kBACF,UAAU,eAAe,UAAU;AAAA,kBACnC,KAAK,eAAe,KAAK;AAAA;AAAA,kBACzB,OAAO,eAAe,KAAK;AAAA,kBAC3B,QAAQ;AAAA;AAAA,kBACR,SAAS;AAAA,kBACT,WAAW;AAAA,oBACT,SAAS;AAAA,kBACX;AAAA,kBACA,WAAW;AAAA,gBACb;AAAA,gBAEC,yBACC,oBAAC,sBAAmB,UAAS,SAAQ,IAErC,oBAAC,kBAAe,UAAS,SAAQ;AAAA;AAAA,YAErC,GACF;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI;AAAA,kBACF,MAAM;AAAA,kBACN,SAAS;AAAA,kBACT,eAAe;AAAA,kBACf,UAAU;AAAA,kBACV,WAAW;AAAA,kBACX,UAAU;AAAA,kBACV,QAAQ,eAAe,SAAS;AAAA,gBAClC;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,QAAO;AAAA,oBACP,iBAAiB;AAAA,oBACjB,cAAc;AAAA,oBACd,OAAO;AAAA,oBACP,UAAU;AAAA,oBACV,SAAS;AAAA,oBACT,OAAO,aAAa;AAAA,oBACpB,SAAS;AAAA,oBACT,SACE,oBAAC,OAAI,IAAI,EAAE,GAAG,GAAG,WAAW,SAAS,GAAG,sCAExC;AAAA,oBAEF,aAAa,CAAC,WAAW;AACvB,8BAAQ,IAAI,kCAAkC,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC;AAAA,oBACpE;AAAA;AAAA,gBACF;AAAA;AAAA,YACF;AAAA,YAGC,iBAAiB,SAAS,KACzB;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI;AAAA,kBACF,WAAW;AAAA,kBACX,aAAa;AAAA,kBACb,SAAS;AAAA,kBACT,SAAS;AAAA,kBACT,eAAe;AAAA,kBACf,WAAW,eAAe,MAAM;AAAA,kBAChC,WAAW;AAAA,kBACX,YAAY;AAAA,gBACd;AAAA,gBAGA;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,IAAI;AAAA,wBACF,SAAS;AAAA,wBACT,YAAY;AAAA,wBACZ,IAAI;AAAA,wBACJ,IAAI;AAAA,wBACJ,KAAK;AAAA,wBACL,cAAc,eAAe,cAAc;AAAA,wBAC3C,aAAa;AAAA,wBACb,UAAU;AAAA,wBACV,OAAO;AAAA,sBACT;AAAA,sBAEA;AAAA,4CAAC,oBAAiB,OAAM,SAAQ,UAAS,SAAQ;AAAA,wBACjD,oBAAC,OAAI,IAAI,EAAE,YAAY,KAAK,OAAO,eAAe,GAAG,sBAAQ;AAAA,wBAC7D,qBAAC,OAAI,IAAI,EAAE,IAAI,EAAE,GACd;AAAA,2CAAiB;AAAA,0BAAO;AAAA,0BAAO,iBAAiB,SAAS,IAAI,MAAM;AAAA,2BACtE;AAAA,wBACA,oBAAC,OAAI,IAAI,EAAE,MAAM,EAAE,GAAG;AAAA,wBACtB;AAAA,0BAAC;AAAA;AAAA,4BACC,MAAK;AAAA,4BACL,cAAW;AAAA,4BACX,SAAS,MAAM;AACb,wDAA0B,IAAI;AAC9B,8CAAgB,CAAC,MAAM,CAAC,CAAC;AAAA,4BAC3B;AAAA,4BAEC,yBAAe,oBAAC,kBAAe,UAAS,SAAQ,IAAK,oBAAC,kBAAe,UAAS,SAAQ;AAAA;AAAA,wBACzF;AAAA;AAAA;AAAA,kBACF;AAAA,kBAEC,gBACC,oBAAC,OAAI,IAAI,EAAE,UAAU,OAAO,GACzB,2BAAiB,IAAI,CAAC,OAAO,UAC5B;AAAA,oBAAC;AAAA;AAAA,sBAEC,SAAS,MAAM,WAAW,KAAK;AAAA,sBAC/B,IAAI;AAAA,wBACF,SAAS;AAAA,wBACT,YAAY;AAAA,wBACZ,IAAI;AAAA,wBACJ,IAAI;AAAA,wBACJ,KAAK;AAAA,wBACL,QAAQ;AAAA,wBACR,WAAW,EAAE,SAAS,eAAe;AAAA,wBACrC,cAAc;AAAA,wBACd,aAAa;AAAA,wBACb,UAAU;AAAA,sBACZ;AAAA,sBAEA;AAAA,4CAAC,oBAAiB,OAAM,SAAQ,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA,wBACtD,qBAAC,OAAI,IAAI,EAAE,OAAO,kBAAkB,OAAO,GAAG,GAAG;AAAA;AAAA,0BAAM,MAAM;AAAA,2BAAgB;AAAA,wBAC7E,oBAAC,OAAI,IAAI,EAAE,OAAO,gBAAgB,MAAM,GAAG,UAAU,EAAE,GACpD,gBAAM,SACT;AAAA;AAAA;AAAA,oBAnBK,GAAG,MAAM,eAAe,IAAI,MAAM,WAAW,IAAI,KAAK;AAAA,kBAoB7D,CACD,GACH;AAAA;AAAA;AAAA,YAEJ;AAAA;AAAA;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":["model"]}