@industry-theme/file-editing-panels 0.3.6 → 0.3.7

package/dist/panels.bundle.js

@@ -1,30 +1,1659 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".mdxeditor {\n  /** Code mirror */\n  & .cm-editor {\n    --sp-font-mono: var(--font-mono);\n    --sp-font-body: var(--font-body);\n    padding: var(--sp-space-4) 0;\n  }\n\n  & .sp-editor .cm-editor {\n    padding-bottom: 0;\n  }\n\n  & .cm-scroller {\n    padding: 0 !important;\n  }\n\n  & .cm-focused {\n    outline: none;\n  }\n\n  & .sp-wrapper {\n    overflow: hidden;\n  }\n\n  & .sp-layout {\n    border: none;\n  }\n\n  & .sp-cm {\n    & pre {\n      white-space: break-spaces;\n      word-break: break-word;\n      overflow-wrap: anywhere;\n      flex-shrink: 1;\n    }\n  }\n\n  /** Diff viewer */\n  & .cm-mergeView .cm-scroller {\n    font-family: var(--font-mono);\n    line-height: 1.3rem;\n    font-size: var(--text-xs);\n  }\n\n  /** Diff viewer */\n  & .cm-sourceView .cm-scroller {\n    font-family: var(--font-mono);\n    line-height: 1.3rem;\n    font-size: var(--text-xs);\n  }\n\n  & .cm-gutters {\n    background: transparent;\n    font-size: var(--text-xxs);\n  }\n\n  & .cm-activeLine {\n    background: transparent;\n  }\n\n  & .cm-tooltip-autocomplete {\n    background: var(--baseBgSubtle);\n  }\n\n\n  hr[data-lexical-decorator=true].selected {\n    outline: 2px solid highlight;\n  }\n}\n:root, .light, .light-theme {\n  --blue-1: #fbfdff;\n  --blue-2: #f4faff;\n  --blue-3: #e6f4fe;\n  --blue-4: #d5efff;\n  --blue-5: #c2e5ff;\n  --blue-6: #acd8fc;\n  --blue-7: #8ec8f6;\n  --blue-8: #5eb1ef;\n  --blue-9: #0090ff;\n  --blue-10: #0588f0;\n  --blue-11: #0d74ce;\n  --blue-12: #113264;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --blue-1: color(display-p3 0.986 0.992 0.999);\n      --blue-2: color(display-p3 0.96 0.979 0.998);\n      --blue-3: color(display-p3 0.912 0.956 0.991);\n      --blue-4: color(display-p3 0.853 0.932 1);\n      --blue-5: color(display-p3 0.788 0.894 0.998);\n      --blue-6: color(display-p3 0.709 0.843 0.976);\n      --blue-7: color(display-p3 0.606 0.777 0.947);\n      --blue-8: color(display-p3 0.451 0.688 0.917);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.234 0.523 0.912);\n      --blue-11: color(display-p3 0.15 0.44 0.84);\n      --blue-12: color(display-p3 0.102 0.193 0.379);\n    }\n  }\n}.dark, .dark-theme {\n  --blue-1: #0d1520;\n  --blue-2: #111927;\n  --blue-3: #0d2847;\n  --blue-4: #003362;\n  --blue-5: #004074;\n  --blue-6: #104d87;\n  --blue-7: #205d9e;\n  --blue-8: #2870bd;\n  --blue-9: #0090ff;\n  --blue-10: #3b9eff;\n  --blue-11: #70b8ff;\n  --blue-12: #c2e6ff;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .dark, .dark-theme {\n      --blue-1: color(display-p3 0.057 0.081 0.122);\n      --blue-2: color(display-p3 0.072 0.098 0.147);\n      --blue-3: color(display-p3 0.078 0.154 0.27);\n      --blue-4: color(display-p3 0.033 0.197 0.37);\n      --blue-5: color(display-p3 0.08 0.245 0.441);\n      --blue-6: color(display-p3 0.14 0.298 0.511);\n      --blue-7: color(display-p3 0.195 0.361 0.6);\n      --blue-8: color(display-p3 0.239 0.434 0.72);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.344 0.612 0.973);\n      --blue-11: color(display-p3 0.49 0.72 1);\n      --blue-12: color(display-p3 0.788 0.898 0.99);\n    }\n  }\n}:root, .light, .light-theme {\n  --slate-1: #fcfcfd;\n  --slate-2: #f9f9fb;\n  --slate-3: #f0f0f3;\n  --slate-4: #e8e8ec;\n  --slate-5: #e0e1e6;\n  --slate-6: #d9d9e0;\n  --slate-7: #cdced6;\n  --slate-8: #b9bbc6;\n  --slate-9: #8b8d98;\n  --slate-10: #80838d;\n  --slate-11: #60646c;\n  --slate-12: #1c2024;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --slate-1: color(display-p3 0.988 0.988 0.992);\n      --slate-2: color(display-p3 0.976 0.976 0.984);\n      --slate-3: color(display-p3 0.94 0.941 0.953);\n      --slate-4: color(display-p3 0.908 0.909 0.925);\n      --slate-5: color(display-p3 0.88 0.881 0.901);\n      --slate-6: color(display-p3 0.85 0.852 0.876);\n      --slate-7: color(display-p3 0.805 0.808 0.838);\n      --slate-8: color(display-p3 0.727 0.733 0.773);\n      --slate-9: color(display-p3 0.547 0.553 0.592);\n      --slate-10: color(display-p3 0.503 0.512 0.549);\n      --slate-11: color(display-p3 0.379 0.392 0.421);\n      --slate-12: color(display-p3 0.113 0.125 0.14);\n    }\n  }\n}.dark, .dark-theme {\n  --slate-1: #111113;\n  --slate-2: #18191b;\n  --slate-3: #212225;\n  --slate-4: #272a2d;\n  --slate-5: #2e3135;\n  --slate-6: #363a3f;\n  --slate-7: #43484e;\n  --slate-8: #5a6169;\n  --slate-9: #696e77;\n  --slate-10: #777b84;\n  --slate-11: #b0b4ba;\n  --slate-12: #edeef0;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .dark, .dark-theme {\n      --slate-1: color(display-p3 0.067 0.067 0.074);\n      --slate-2: color(display-p3 0.095 0.098 0.105);\n      --slate-3: color(display-p3 0.13 0.135 0.145);\n      --slate-4: color(display-p3 0.156 0.163 0.176);\n      --slate-5: color(display-p3 0.183 0.191 0.206);\n      --slate-6: color(display-p3 0.215 0.226 0.244);\n      --slate-7: color(display-p3 0.265 0.28 0.302);\n      --slate-8: color(display-p3 0.357 0.381 0.409);\n      --slate-9: color(display-p3 0.415 0.431 0.463);\n      --slate-10: color(display-p3 0.469 0.483 0.514);\n      --slate-11: color(display-p3 0.692 0.704 0.728);\n      --slate-12: color(display-p3 0.93 0.933 0.94);\n    }\n  }\n}:root, .light, .light-theme {\n  --grass-1: #fbfefb;\n  --grass-2: #f5fbf5;\n  --grass-3: #e9f6e9;\n  --grass-4: #daf1db;\n  --grass-5: #c9e8ca;\n  --grass-6: #b2ddb5;\n  --grass-7: #94ce9a;\n  --grass-8: #65ba74;\n  --grass-9: #46a758;\n  --grass-10: #3e9b4f;\n  --grass-11: #2a7e3b;\n  --grass-12: #203c25;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --grass-1: color(display-p3 0.986 0.996 0.985);\n      --grass-2: color(display-p3 0.966 0.983 0.964);\n      --grass-3: color(display-p3 0.923 0.965 0.917);\n      --grass-4: color(display-p3 0.872 0.94 0.865);\n      --grass-5: color(display-p3 0.811 0.908 0.802);\n      --grass-6: color(display-p3 0.733 0.864 0.724);\n      --grass-7: color(display-p3 0.628 0.803 0.622);\n      --grass-8: color(display-p3 0.477 0.72 0.482);\n      --grass-9: color(display-p3 0.38 0.647 0.378);\n      --grass-10: color(display-p3 0.344 0.598 0.342);\n      --grass-11: color(display-p3 0.263 0.488 0.261);\n      --grass-12: color(display-p3 0.151 0.233 0.153);\n    }\n  }\n}:root, .light, .light-theme {\n  --cyan-1: #fafdfe;\n  --cyan-2: #f2fafb;\n  --cyan-3: #def7f9;\n  --cyan-4: #caf1f6;\n  --cyan-5: #b5e9f0;\n  --cyan-6: #9ddde7;\n  --cyan-7: #7dcedc;\n  --cyan-8: #3db9cf;\n  --cyan-9: #00a2c7;\n  --cyan-10: #0797b9;\n  --cyan-11: #107d98;\n  --cyan-12: #0d3c48;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --cyan-1: color(display-p3 0.982 0.992 0.996);\n      --cyan-2: color(display-p3 0.955 0.981 0.984);\n      --cyan-3: color(display-p3 0.888 0.965 0.975);\n      --cyan-4: color(display-p3 0.821 0.941 0.959);\n      --cyan-5: color(display-p3 0.751 0.907 0.935);\n      --cyan-6: color(display-p3 0.671 0.862 0.9);\n      --cyan-7: color(display-p3 0.564 0.8 0.854);\n      --cyan-8: color(display-p3 0.388 0.715 0.798);\n      --cyan-9: color(display-p3 0.282 0.627 0.765);\n      --cyan-10: color(display-p3 0.264 0.583 0.71);\n      --cyan-11: color(display-p3 0.08 0.48 0.63);\n      --cyan-12: color(display-p3 0.108 0.232 0.277);\n    }\n  }\n}:root, .light, .light-theme {\n  --amber-1: #fefdfb;\n  --amber-2: #fefbe9;\n  --amber-3: #fff7c2;\n  --amber-4: #ffee9c;\n  --amber-5: #fbe577;\n  --amber-6: #f3d673;\n  --amber-7: #e9c162;\n  --amber-8: #e2a336;\n  --amber-9: #ffc53d;\n  --amber-10: #ffba18;\n  --amber-11: #ab6400;\n  --amber-12: #4f3422;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --amber-1: color(display-p3 0.995 0.992 0.985);\n      --amber-2: color(display-p3 0.994 0.986 0.921);\n      --amber-3: color(display-p3 0.994 0.969 0.782);\n      --amber-4: color(display-p3 0.989 0.937 0.65);\n      --amber-5: color(display-p3 0.97 0.902 0.527);\n      --amber-6: color(display-p3 0.936 0.844 0.506);\n      --amber-7: color(display-p3 0.89 0.762 0.443);\n      --amber-8: color(display-p3 0.85 0.65 0.3);\n      --amber-9: color(display-p3 1 0.77 0.26);\n      --amber-10: color(display-p3 0.959 0.741 0.274);\n      --amber-11: color(display-p3 0.64 0.4 0);\n      --amber-12: color(display-p3 0.294 0.208 0.145);\n    }\n  }\n}:root, .light, .light-theme {\n  --red-1: #fffcfc;\n  --red-2: #fff7f7;\n  --red-3: #feebec;\n  --red-4: #ffdbdc;\n  --red-5: #ffcdce;\n  --red-6: #fdbdbe;\n  --red-7: #f4a9aa;\n  --red-8: #eb8e90;\n  --red-9: #e5484d;\n  --red-10: #dc3e42;\n  --red-11: #ce2c31;\n  --red-12: #641723;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .light, .light-theme {\n      --red-1: color(display-p3 0.998 0.989 0.988);\n      --red-2: color(display-p3 0.995 0.971 0.971);\n      --red-3: color(display-p3 0.985 0.925 0.925);\n      --red-4: color(display-p3 0.999 0.866 0.866);\n      --red-5: color(display-p3 0.984 0.812 0.811);\n      --red-6: color(display-p3 0.955 0.751 0.749);\n      --red-7: color(display-p3 0.915 0.675 0.672);\n      --red-8: color(display-p3 0.872 0.575 0.572);\n      --red-9: color(display-p3 0.83 0.329 0.324);\n      --red-10: color(display-p3 0.798 0.294 0.285);\n      --red-11: color(display-p3 0.744 0.234 0.222);\n      --red-12: color(display-p3 0.36 0.115 0.143);\n    }\n  }\n}.ui-module_editorRoot_3d63c {\n  --accentBase: var(--blue-1);\n  --accentBgSubtle: var(--blue-2);\n  --accentBg: var(--blue-3);\n  --accentBgHover: var(--blue-4);\n  --accentBgActive: var(--blue-5);\n  --accentLine: var(--blue-6);\n  --accentBorder: var(--blue-7);\n  --accentBorderHover: var(--blue-8);\n  --accentSolid: var(--blue-9);\n  --accentSolidHover: var(--blue-10);\n  --accentText: var(--blue-11);\n  --accentTextContrast: var(--blue-12);\n\n  --basePageBg: white;\n  --baseBase: var(--slate-1);\n  --baseBgSubtle: var(--slate-2);\n  --baseBg: var(--slate-3);\n  --baseBgHover: var(--slate-4);\n  --baseBgActive: var(--slate-5);\n  --baseLine: var(--slate-6);\n  --baseBorder: var(--slate-7);\n  --baseBorderHover: var(--slate-8);\n  --baseSolid: var(--slate-9);\n  --baseSolidHover: var(--slate-10);\n  --baseText: var(--slate-11);\n  --baseTextContrast: var(--slate-12);\n\n  --admonitionTipBg: var(--cyan-4);\n  --admonitionTipBorder: var(--cyan-8);\n\n  --admonitionInfoBg: var(--grass-4);\n  --admonitionInfoBorder: var(--grass-8);\n\n  --admonitionCautionBg: var(--amber-4);\n  --admonitionCautionBorder: var(--amber-8);\n\n  --admonitionDangerBg: var(--red-4);\n  --admonitionDangerBorder: var(--red-8);\n\n  --admonitionNoteBg: var(--slate-4);\n  --admonitionNoteBorder: var(--slate-8);\n\n  --error-color: var(--red-10);\n\n  --spacing-0: 0px;\n  --spacing-px: 1px;\n  --spacing-0_5: 0.125rem;\n  --spacing-1: 0.25rem;\n  --spacing-1_5: 0.375rem;\n  --spacing-2: 0.5rem;\n  --spacing-2_5: 0.625rem;\n  --spacing-3: 0.75rem;\n  --spacing-3_5: 0.875rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-7: 1.75rem;\n  --spacing-8: 2rem;\n  --spacing-9: 2.25rem;\n  --spacing-10: 2.5rem;\n  --spacing-11: 2.75rem;\n  --spacing-12: 3rem;\n  --spacing-14: 3.5rem;\n  --spacing-16: 4rem;\n  --spacing-20: 5rem;\n  --spacing-24: 6rem;\n  --spacing-28: 7rem;\n  --spacing-32: 8rem;\n  --spacing-36: 9rem;\n  --spacing-40: 10rem;\n  --spacing-44: 11rem;\n  --spacing-48: 12rem;\n  --spacing-52: 13rem;\n  --spacing-56: 14rem;\n  --spacing-60: 15rem;\n  --spacing-64: 16rem;\n  --spacing-72: 18rem;\n  --spacing-80: 20rem;\n  --spacing-96: 24rem;\n\n  --radius-none: 0px;\n  --radius-small: var(--spacing-0_5);\n  --radius-base: var(--spacing-1);\n  --radius-medium: var(--spacing-1_5);\n  --radius-large: var(--spacing-2);\n  --radius-extra-large: var(--spacing-3);\n  --radius-full: 9999px;\n\n  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',\n    sans-serif;\n\n  --text-base: 1rem;\n  --text-sm: 0.875rem;\n  --text-xs: 0.75rem;\n  --text-xxs: 0.6rem;\n\n  font-family: var(--font-body);\n  color: var(--baseText);\n}\n\n.ui-module_editorWrapper_nPW0c {\n}\n\n.ui-module_nestedListItem_-OMpV {\n  list-style: none;\n}\n\n.ui-module_toolbarRoot_QA6-G {\n  z-index: 2;\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-1);\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1_5);\n  align-items: center;\n  overflow-x: auto;\n  position: sticky;\n  top: 0;\n  background-color: var(--baseBg);\n  width: inherit;\n\n  & div[role='separator'] {\n    margin: var(--spacing-2) var(--spacing-1);\n    border-left: 1px solid var(--baseBorder);\n    border-right: 1px solid var(--baseBase);\n    height: var(--spacing-4);\n  }\n\n  & svg {\n    color: var(--baseTextContrast);\n    display: block;\n  }\n}\n\n.ui-module_readOnlyToolbarRoot_zZzZ0 {\n  pointer-events: none;\n  background: var(--baseBase);\n\n  & > div {\n    opacity: 0.5;\n  }\n}\n\n.ui-module_toolbarModeSwitch_TiGNq {\n  opacity: 1 !important;\n  margin-left: auto;\n  align-self: stretch;\n  align-items: stretch;\n  display: flex;\n  border: 1px solid var(--baseBg);\n  border-radius: var(--radius-medium);\n  font-size: var(--text-xs);\n\n  .ui-module_toolbarToggleItem_2BQQ2 {\n    padding-inline-end: var(--spacing-4);\n    padding-inline-start: var(--spacing-4);\n\n    &:active,\n    &[data-state='on'] {\n      background-color: var(--baseBorder);\n    }\n  }\n}\n\n.ui-module_toolbarGroupOfGroups_-7ePU {\n  display: flex;\n  margin: 0 var(--spacing-1);\n}\n\n.ui-module_toolbarToggleSingleGroup_O8hn8:first-of-type .ui-module_toolbarToggleItem_2BQQ2:only-child,\n.ui-module_toolbarToggleSingleGroup_O8hn8:only-child .ui-module_toolbarToggleItem_2BQQ2:first-child,\n.ui-module_toolbarModeSwitch_TiGNq .ui-module_toolbarToggleItem_2BQQ2:first-child {\n  border-top-left-radius: var(--radius-base);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n.ui-module_toolbarToggleSingleGroup_O8hn8:last-of-type .ui-module_toolbarToggleItem_2BQQ2:only-child,\n.ui-module_toolbarToggleSingleGroup_O8hn8:only-child .ui-module_toolbarToggleItem_2BQQ2:last-child,\n.ui-module_toolbarModeSwitch_TiGNq .ui-module_toolbarToggleItem_2BQQ2:last-child {\n  border-top-right-radius: var(--radius-base);\n  border-bottom-right-radius: var(--radius-base);\n}\n\n.ui-module_toolbarToggleItem_2BQQ2,\n.ui-module_toolbarButton_nedIw {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-0_5);\n\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBgActive);\n    }\n  }\n\n  &:active svg {\n    transform: translate(1px, 1px);\n  }\n\n  &[data-state='on'],\n  &:active {\n    color: var(--baseTextContrast);\n    background-color: var(--baseBgActive);\n  }\n\n  &[data-disabled] {\n    pointer-events: none;\n    & svg {\n      color: var(--baseBorderHover);\n    }\n  }\n}\n\n.ui-module_toolbarButton_nedIw {\n  border-radius: var(--radius-base);\n}\n\n.ui-module_toolbarButton_nedIw + .ui-module_toolbarButton_nedIw {\n  margin-left: var(--spacing-1);\n}\n\n.ui-module_activeToolbarButton_TqEHl {\n  color: var(--accentText);\n}\n\n.ui-module_toolbarToggleSingleGroup_O8hn8 {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.ui-module_toolbarNodeKindSelectContainer_xzct9,\n.ui-module_toolbarButtonDropdownContainer_oweZ4,\n.ui-module_toolbarCodeBlockLanguageSelectContent_qC11c,\n.ui-module_selectContainer_zEOzj {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  z-index: 3;\n  width: var(--spacing-36);\n  border-bottom-left-radius: var(--radius-base);\n  border-bottom-right-radius: var(--radius-base);\n  background-color: var(--basePageBg);\n  font-size: var(--text-sm);\n}\n\n.ui-module_toolbarButtonDropdownContainer_oweZ4 {\n  border-top-right-radius: var(--radius-base);\n\n  & .ui-module_selectItem_-0ITo:first-child {\n    border-top-right-radius: var(--radius-base);\n  }\n}\n\n.ui-module_toolbarNodeKindSelectTrigger_NhAa4,\n.ui-module_toolbarButtonSelectTrigger_qc9aS,\n.ui-module_selectTrigger_QvY-l {\n  border: 0;\n  background-color: transparent;\n  display: flex;\n  color: inherit;\n  align-items: center;\n  width: var(--spacing-36);\n  padding: var(--spacing-0_5) var(--spacing-1);\n  padding-inline-start: var(--spacing-2);\n  border-radius: var(--radius-medium);\n  white-space: nowrap;\n  flex-wrap: nowrap;\n  font-size: var(--text-sm);\n  background-color: var(--basePageBg);\n  margin: 0 var(--spacing-1);\n\n  &[data-state='open'] {\n    filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-left-radius: var(--radius-none);\n  }\n}\n\n.ui-module_selectTrigger_QvY-l[data-placeholder] > span:first-child {\n  color: var(--baseBorderHover);\n}\n\n/** used in the sandpack */\n\n.ui-module_toolbarButtonSelectTrigger_qc9aS {\n  width: auto;\n  padding-inline-start: var(--spacing-2);\n  padding-inline-end: var(--spacing-1);\n  padding-block: var(--spacing-0_5);\n}\n\n.ui-module_toolbarCodeBlockLanguageSelectTrigger_zqKns,\n.ui-module_toolbarCodeBlockLanguageSelectContent_qC11c {\n  width: var(--spacing-48);\n}\n\n.ui-module_toolbarNodeKindSelectItem_EL2xh,\n.ui-module_selectItem_-0ITo {\n  cursor: default;\n  display: flex;\n  padding: var(--spacing-2);\n\n  &[data-highlighted] {\n    background-color: var(--baseBg);\n  }\n\n  &[data-state='checked'] {\n    color: var(--baseTextContrast);\n    background-color: var(--baseBg);\n  }\n\n  &[data-highlighted] {\n    outline: none;\n  }\n\n  &:last-child {\n    border-bottom-left-radius: var(--radius-base);\n    border-bottom-right-radius: var(--radius-base);\n  }\n}\n\n.ui-module_toolbarNodeKindSelectDropdownArrow_zdl-w,\n.ui-module_selectDropdownArrow_9sZWz {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.ui-module_contentEditable_Neszj {\n  box-sizing: border-box;\n  width: 100%;\n  color: var(--baseTextContrast);\n\n  &:focus {\n    outline: none;\n  }\n\n  padding: var(--spacing-3);\n}\n\n.ui-module_codeMirrorWrapper_WzR1U {\n  margin-bottom: var(--spacing-5);\n  border: 1px solid var(--baseLine);\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  padding: 0.8rem;\n  position: relative;\n}\n\n.ui-module_sandPackWrapper_NEHwo {\n  margin-bottom: var(--spacing-5);\n  border: 1px solid var(--baseLine);\n  border-radius: var(--radius-medium);\n  overflow: hidden;\n  position: relative;\n}\n\n.ui-module_codeMirrorToolbar_4LDML {\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  gap: var(--spacing-1);\n  padding: var(--spacing-1);\n  z-index: 1;\n  background-color: var(--baseBase);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n.ui-module_frontmatterWrapper_yywSY {\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-3);\n  background-color: var(--baseBgSubtle);\n\n  &[data-expanded='true'] {\n    margin-bottom: var(--spacing-10);\n  }\n}\n\n.ui-module_frontmatterToggleButton_7ZBOE {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-1);\n  font-size: var(--text-sm);\n}\n\n.ui-module_propertyPanelTitle_wudSB {\n  font-size: var(--text-xs);\n  font-weight: 400;\n  margin: 0;\n  padding-top: var(--spacing-2);\n  padding-left: var(--spacing-2);\n}\n\n.ui-module_propertyEditorTable_fYpKY {\n  table-layout: fixed;\n  border-spacing: var(--spacing-2);\n\n  & th {\n    text-align: left;\n    font-size: var(--text-sm);\n    padding: var(--spacing-2) var(--spacing-3);\n  }\n\n  & col:nth-child(1) {\n    width: 30%;\n  }\n\n  & col:nth-child(2) {\n    width: 70%;\n  }\n\n  & td:last-child .ui-module_iconButton_b94iY {\n    margin-left: var(--spacing-4);\n    margin-right: var(--spacing-4);\n  }\n\n  & .ui-module_readOnlyColumnCell_tCgPb {\n    padding-left: 0;\n  }\n}\n\n.ui-module_propertyEditorLabelCell_Z2hv7 {\n  font-weight: 400;\n}\n\n.ui-module_readOnlyColumnCell_tCgPb {\n  padding-left: 0;\n}\n\n.ui-module_buttonsFooter_Juqi3 {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--spacing-2);\n}\n\n.ui-module_propertyEditorInput_PXpSX {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 100%;\n  padding: var(--spacing-2) var(--spacing-3);\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBase);\n  font-size: var(--text-sm);\n}\n\n.ui-module_iconButton_b94iY {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  color: var(--baseText);\n\n  @media (hover: hover) {\n    &:hover {\n      color: var(--baseTextContrast);\n    }\n  }\n\n  &:disabled,\n  &:disabled:hover {\n    color: var(--baseLine);\n  }\n}\n\n.ui-module_primaryButton_SztyP,\n.ui-module_secondaryButton_9rAaf {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-2) var(--spacing-3);\n  border: 1px solid var(--accentBorder);\n  background-color: var(--accentSolidHover);\n  color: var(--baseBase);\n  font-size: var(--text-xs);\n  border-radius: var(--radius-medium);\n\n  &:disabled {\n    background: var(--accentLine);\n    border-color: var(--accentBg);\n  }\n}\n\n.ui-module_smallButton_ME9Rg {\n  font-size: var(--text-xs);\n  padding: var(--spacing-1) var(--spacing-2);\n  border-radius: var(--radius-base);\n}\n\n.ui-module_secondaryButton_9rAaf {\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseSolidHover);\n  color: var(--baseBase);\n}\n\n.ui-module_dialogForm_fym3H {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-2);\n}\n\n.ui-module_linkDialogEditForm_Qc-E2 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--spacing-2);\n  padding: 0;\n}\n\n.ui-module_linkDialogInputContainer_UMMwL {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.ui-module_linkDialogInputWrapper_aWNFC {\n  display: flex;\n  align-items: center;\n  background-color: var(--baseBase);\n\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n\n  &[data-visible-dropdown='true'] {\n    border-bottom-left-radius: var(--radius-none);\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-width: 0;\n  }\n\n  & > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding-right: var(--spacing-2);\n  }\n}\n\n.ui-module_linkDialogInput_wW3Qq,\n.ui-module_dialogInput_0XU4W {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 20rem;\n  padding: var(--spacing-2) var(--spacing-3);\n  font-size: var(--text-sm);\n\n  &::placeholder {\n    color: var(--baseBorder);\n  }\n}\n\n.ui-module_linkDialogAnchor_UVham {\n  position: fixed;\n  background-color: highlight;\n  z-index: -1;\n\n  &[data-visible='true'] {\n    visibility: visible;\n  }\n\n  &[data-visible='false'] {\n    visibility: hidden;\n  }\n}\n\n.ui-module_linkDialogPopoverContent_-aAXR,\n.ui-module_tableColumnEditorPopoverContent_qiZ8k,\n.ui-module_dialogContent_IRmgH {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  border: 1px solid var(--baseBg);\n  background-color: var(--basePageBg);\n  padding: var(--spacing-1) var(--spacing-1);\n  font-size: var(--text-sm);\n}\n\n.ui-module_largeDialogContent_GvvAH {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBgSubtle);\n  padding: var(--spacing-4);\n  font-size: var(--text-sm);\n}\n\n.ui-module_dialogTitle_XDJ1h {\n  font-size: var(--text-base);\n  font-weight: 600;\n  padding-left: var(--spacing-2);\n}\n\n.ui-module_dialogCloseButton_P-p41 {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n.ui-module_popoverContent_mouz8 {\n  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-0_5);\n  border-radius: var(--radius-medium);\n  background-color: var(--baseBgSubtle);\n  padding: var(--spacing-2) var(--spacing-2);\n  font-size: var(--text-sm);\n  z-index: 1;\n}\n\n.ui-module_popoverArrow_Mq8HP {\n  fill: var(--basePageBg);\n}\n\n.ui-module_linkDialogPreviewAnchor_orTS8 {\n  margin-right: var(--spacing-1);\n  display: flex;\n  align-items: center;\n  color: var(--accentText);\n  text-decoration: none;\n\n  @media (hover: hover) {\n    &:hover {\n      color: var(--accentSolidHover);\n    }\n  }\n\n  border: 1px solid transparent;\n\n  & span {\n    max-width: 14rem;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n.ui-module_tooltipTrigger_uoOTp {\n  align-self: center;\n}\n\n.ui-module_tooltipContent_GpCAE {\n  z-index: 2;\n  position: relative;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1) var(--spacing-2);\n  font-size: var(--text-xs);\n  background-color: var(--baseText);\n  color: var(--baseBase);\n\n  & svg {\n    fill: var(--baseText);\n  }\n}\n\n.ui-module_actionButton_miZ0c {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  & svg {\n    display: block;\n  }\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBg);\n    }\n  }\n  &:active svg {\n    transform: translate(1px, 1px);\n  }\n  &[data-state='on'],\n  &:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n  padding: var(--spacing-1) var(--spacing-1);\n  border-radius: var(--radius-medium);\n  color: var(--baseTextContrast);\n}\n\n.ui-module_primaryActionButton_tWgQF {\n  background-color: var(--accentSolid);\n  color: var(--baseBase);\n\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--accentSolidHover);\n      color: var(--baseBase);\n    }\n  }\n}\n\n.ui-module_tableEditor_Bz6zN {\n  table-layout: fixed;\n  width: 100%;\n  height: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  & thead > tr > th {\n    text-align: right;\n  }\n\n  & > tbody > tr > td:not(.ui-module_toolCell_0AstW),\n  & > tbody > tr > th:not(.ui-module_toolCell_0AstW):not([data-tool-cell='true']) {\n    border: 1px solid var(--baseBgActive);\n    padding: var(--spacing-1) var(--spacing-2);\n    white-space: normal;\n\n    & > div {\n      outline: none;\n\n      & > p {\n        margin: 0;\n      }\n    }\n\n    &[data-active='true'] {\n      outline: solid 1px var(--baseSolid);\n    }\n  }\n\n  .ui-module_tableColumnEditorTrigger_pxT4B,\n  .ui-module_tableRowEditorTrigger_Fnk5y,\n  .ui-module_addRowButton_OnB8h,\n  .ui-module_addColumnButton_i7qS0,\n  .ui-module_iconButton_b94iY {\n    opacity: 0.15;\n  }\n\n  @media (hover: hover) {\n    &:hover {\n      .ui-module_tableColumnEditorTrigger_pxT4B,\n      .ui-module_tableRowEditorTrigger_Fnk5y,\n      .ui-module_addRowButton_OnB8h,\n      .ui-module_addColumnButton_i7qS0,\n      .ui-module_iconButton_b94iY {\n        opacity: 0.3;\n\n        &:hover {\n          opacity: 1;\n        }\n      }\n    }\n  }\n}\n\n.ui-module_toolCell_0AstW {\n  text-align: right;\n\n  & button {\n    margin: auto;\n    display: block;\n  }\n}\n\n.ui-module_tableColumnEditorTrigger_pxT4B {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  & svg {\n    display: block;\n  }\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBg);\n    }\n  }\n  &:active svg {\n    transform: translate(1px, 1px);\n  }\n  &[data-state='on'],\n  &:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n  padding: var(--spacing-1);\n  border-radius: var(--radius-full);\n  opacity: 0.2;\n\n  &[data-active='true'] {\n    opacity: 1 !important;\n  }\n}\n\n.ui-module_tableColumnEditorToolbar_h5qAi {\n  display: flex;\n\n  & > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding: var(--spacing-1);\n    color: var(--baseTextContrast);\n    & svg {\n    display: block;\n  }\n    @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBg);\n    }\n  }\n    &:active svg {\n    transform: translate(1px, 1px);\n  }\n    &[data-state='on'],\n  &:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n  }\n\n  & [role='separator'] {\n    margin-left: var(--spacing-1);\n    margin-right: var(--spacing-1);\n  }\n}\n\n.ui-module_toggleGroupRoot_09l0I {\n  display: inline-flex;\n\n  & button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding: var(--spacing-1);\n    color: var(--baseTextContrast);\n    & svg {\n    display: block;\n  }\n    @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBg);\n    }\n  }\n    &:active svg {\n    transform: translate(1px, 1px);\n  }\n    &[data-state='on'],\n  &:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n\n    &:first-child {\n      border-top-left-radius: var(--radius-base);\n      border-bottom-left-radius: var(--radius-base);\n    }\n\n    &:last-child {\n      border-top-right-radius: var(--radius-base);\n      border-bottom-right-radius: var(--radius-base);\n    }\n  }\n}\n\n.ui-module_tableToolsColumn_OeGBn {\n  width: 2rem;\n\n  & button {\n    margin: auto;\n    display: block;\n  }\n}\n\n.ui-module_leftAlignedCell_AOE-0 {\n  text-align: left;\n}\n\n.ui-module_rightAlignedCell_VeNXT {\n  text-align: right;\n}\n\n.ui-module_centeredCell_6nOM2 {\n  text-align: center;\n}\n\n.ui-module_addColumnButton_i7qS0,\n.ui-module_addRowButton_OnB8h {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  padding: var(--spacing-1);\n  color: var(--baseTextContrast);\n  & svg {\n    display: block;\n  }\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--baseBg);\n    }\n  }\n  &:active svg {\n    transform: translate(1px, 1px);\n  }\n  &[data-state='on'],\n  &:active {\n    background-color: var(--baseBg);\n    color: var(--baseTextContrast);\n  }\n  background-color: var(--baseBase);\n\n  & svg {\n    margin: auto;\n  }\n\n  display: flex;\n  align-items: center;\n}\n\n.ui-module_addRowButton_OnB8h {\n  width: 100%;\n  margin-top: var(--spacing-px);\n  box-sizing: border-box;\n  border-bottom-right-radius: var(--radius-medium);\n  border-bottom-left-radius: var(--radius-medium);\n}\n\n.ui-module_addColumnButton_i7qS0 {\n  margin-left: var(--spacing-px);\n  height: 100%;\n  border-top-right-radius: var(--radius-medium);\n  border-bottom-right-radius: var(--radius-medium);\n}\n\n/** Dialog */\n\n.ui-module_dialogOverlay_UNZ-- {\n  position: fixed;\n  inset: 0;\n  animation: ui-module_overlayShow_l5JqT 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  background-color: var(--baseBase);\n  z-index: 51;\n  opacity: 0.5;\n}\n\n.ui-module_dialogContent_IRmgH,\n.ui-module_largeDialogContent_GvvAH {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  animation: ui-module_contentShow_1UlWE 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 52;\n}\n\n.ui-module_dialogContent_IRmgH:focus,\n.ui-module_largeDialogContent_GvvAH:focus {\n  outline: none;\n}\n\n@keyframes ui-module_overlayShow_l5JqT {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.5;\n  }\n}\n\n@keyframes ui-module_contentShow_1UlWE {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.96);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n.ui-module_focusedImage_-XGsD {\n  outline: highlight solid 2px;\n}\n\n.ui-module_imageWrapper_asuzE {\n  display: inline-block;\n  position: relative;\n}\n\n.ui-module_imageWrapper_asuzE[draggable='true'] {\n  cursor: move;\n  /* fallback if grab cursor is unsupported */\n  cursor: grab;\n  cursor: -moz-grab;\n  cursor: -webkit-grab;\n}\n\n.ui-module_editImageToolbar_kLkPH {\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  gap: var(--spacing-1);\n  padding: var(--spacing-1);\n  z-index: 1;\n  background-color: var(--baseBase);\n  border-bottom-left-radius: var(--radius-base);\n}\n\n.ui-module_editImageButton_HwGdI {\n  & svg {\n    display: block;\n  }\n}\n\n.ui-module_inlineEditor_chmlT {\n  display: inline-flex;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-1);\n  gap: var(--spacing-2);\n  align-items: center;\n  background: var(--baseBg);\n}\n\n.ui-module_blockEditor_hqEug {\n  display: flex;\n  justify-content: stretch;\n  border-radius: var(--radius-medium);\n  padding: var(--spacing-2);\n  gap: var(--spacing-2);\n  align-items: center;\n  background: var(--baseBg);\n\n  & .ui-module_nestedEditor_SnebQ {\n    flex-grow: 1;\n  }\n}\n\n.ui-module_nestedEditor_SnebQ {\n  background: var(--basePageBg);\n  padding: var(--spacing-1) var(--spacing-2);\n  border-radius: var(--radius-medium);\n\n  & > p {\n    margin: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.ui-module_genericComponentName_7NrVP {\n  font-size: var(--text-sm);\n  color: var(--baseText);\n  padding-right: var(--spacing-2);\n}\n\n.ui-module_diffSourceToggleWrapper_OKN4p {\n  margin-left: auto;\n  pointer-events: auto;\n  opacity: 1;\n  position: sticky;\n  right: 0;\n}\n\n.ui-module_ggDiffSourceToggle_kEzrx {\n}\n\n.ui-module_diffSourceToggle_b80Me {\n  border-radius: var(--radius-medium);\n  background-color: var(--baseBase);\n  display: flex;\n\n  .ui-module_toolbarToggleItem_2BQQ2 {\n    padding: 0;\n\n    & > span {\n      display: block;\n      padding: var(--spacing-1) var(--spacing-1);\n    }\n  }\n}\n\n.ui-module_selectWithLabel_ghMtH {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-2);\n  margin-left: var(--spacing-2);\n\n  & > label {\n    font-size: var(--text-sm);\n  }\n\n  .ui-module_selectTrigger_QvY-l {\n    border: 1px solid var(--baseBorder);\n  }\n}\n\n.ui-module_toolbarTitleMode_m5TQr {\n  font-size: var(--text-sm);\n  margin-left: var(--spacing-2);\n}\n\n.ui-module_imageControlWrapperResizing_CaK3A {\n  touch-action: none;\n}\n\n.ui-module_imageResizer_kLRMX {\n  display: block;\n  width: 7px;\n  height: 7px;\n  position: absolute;\n  background-color: var(--accentText);\n  border: 1px solid var(--baseBg);\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerN_EbaZ- {\n  top: -6px;\n  left: 48%;\n  cursor: n-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerNe_omQKd {\n  top: -6px;\n  right: -6px;\n  cursor: ne-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerE_PbuNB {\n  bottom: 48%;\n  right: -6px;\n  cursor: e-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerSe_3JFP9 {\n  bottom: -2px;\n  right: -6px;\n  cursor: nwse-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerS_jL4ed {\n  bottom: -2px;\n  left: 48%;\n  cursor: s-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerSw_Ylpu9 {\n  bottom: -2px;\n  left: -6px;\n  cursor: sw-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerW_Qq-qg {\n  bottom: 48%;\n  left: -6px;\n  cursor: w-resize;\n}\n\n.ui-module_imageResizer_kLRMX.ui-module_imageResizerNw_DsHzu {\n  top: -6px;\n  left: -6px;\n  cursor: nw-resize;\n}\n\n.ui-module_imagePlaceholder_334Il {\n  border: 2px dashed;\n  padding: 48px;\n  margin: 12px;\n  width: fit-content;\n  height: fit-content;\n}\n\n.ui-module_imageDimensionsContainer_Z1mie {\n  display: flex;\n  gap: var(--spacing-4);\n}\n\n.ui-module_placeholder_SFgVt {\n  color: var(--baseSolid);\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  padding: var(--spacing-3);\n  text-overflow: ellipsis;\n  user-select: none;\n  white-space: nowrap;\n  display: inline-block;\n  pointer-events: none;\n}\n\n.ui-module_rootContentEditableWrapper_dJxz1 {\n  position: relative;\n}\n\n.ui-module_downshiftContainer_DQwPw {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.ui-module_downshiftInputWrapper_nTVWG {\n  display: flex;\n  align-items: center;\n  background-color: var(--baseBase);\n\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n\n  &[data-visible-dropdown='true'] {\n    border-bottom-left-radius: var(--radius-none);\n    border-bottom-right-radius: var(--radius-none);\n    border-bottom-width: 0;\n  }\n\n  & > button {\n    border: 0;\n    background-color: transparent;\n    font-size: inherit;\n    appearance: none;\n    all: unset;\n    box-sizing: border-box;\n    cursor: default;\n    padding-right: var(--spacing-2);\n  }\n}\n\n.ui-module_downshiftInput_gwUym {\n  border: 0;\n  background-color: transparent;\n  font-size: inherit;\n  appearance: none;\n  all: unset;\n  box-sizing: border-box;\n  cursor: default;\n  width: 20rem;\n  padding: var(--spacing-2) var(--spacing-3);\n  font-size: var(--text-sm);\n\n  &::placeholder {\n    color: var(--baseBorder);\n  }\n}\n\n.ui-module_downshiftAutocompleteContainer_4py0Z {\n  position: relative;\n\n  & ul {\n    all: unset;\n    box-sizing: border-box;\n    position: absolute;\n    font-size: var(--text-sm);\n    width: 100%;\n    display: none;\n    border-bottom-left-radius: var(--radius-medium);\n    border-bottom-right-radius: var(--radius-medium);\n    max-height: var(--spacing-48);\n    overflow-x: hidden;\n    overflow-y: auto;\n    border: 1px solid var(--baseBorder);\n    border-top-width: 0;\n    background-color: var(--baseBase);\n\n    &[data-visible='true'] {\n      display: block;\n    }\n\n    & li {\n      padding: var(--spacing-2) var(--spacing-3);\n      white-space: nowrap;\n      margin-bottom: var(--spacing-1);\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n\n      &[data-selected='true'] {\n        background-color: var(--baseBgSubtle);\n      }\n\n      &[data-highlighted='true'] {\n        background-color: var(--baseBgHover);\n      }\n\n      &:last-of-type {\n        border-bottom-left-radius: var(--radius-medium);\n        border-bottom-right-radius: var(--radius-medium);\n      }\n    }\n  }\n}\n\n.ui-module_textInput_WkP9R {\n  all: unset;\n  border-radius: var(--radius-base);\n  border: 1px solid var(--baseBorder);\n  background-color: var(--baseBase);\n  padding: var(--spacing-2) var(--spacing-3);\n}\n\nform.ui-module_multiFieldForm_81Blh {\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-2);\n  gap: var(--spacing-2);\n\n  .ui-module_formField_YL3zT {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-2);\n\n    & label {\n      font-size: var(--text-xs);\n    }\n  }\n}\n\n.ui-module_markdownParseError_24XbG {\n  border-radius: var(--radius-base);\n  border: 1px solid var(--error-color);\n  padding: var(--spacing-2);\n  margin-block: var(--spacing-2);\n  color: var(--error-color);\n  font-size: var(--text-xs);\n}\n\n.ui-module_popupContainer_c-ODE {\n  position: relative;\n  z-index: 2;\n}\n\n.ui-module_inputSizer_XK71G {\n  display: inline-grid;\n  vertical-align: baseline;\n  align-items: center;\n  position: relative;\n\n  &::after,\n  & input {\n    width: auto;\n    min-width: 1rem;\n    grid-area: 1 / 2;\n    font: inherit;\n    margin: 0;\n    padding: 0 2px;\n    resize: none;\n    background: none;\n    appearance: none;\n    border: none;\n    color: inherit;\n  }\n\n  span {\n    padding: 0.25em;\n  }\n\n  &::after {\n    content: attr(data-value);\n    white-space: pre-wrap;\n  }\n}\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --blue-1: #fbfdff;\n  --blue-2: #f4faff;\n  --blue-3: #e6f4fe;\n  --blue-4: #d5efff;\n  --blue-5: #c2e5ff;\n  --blue-6: #acd8fc;\n  --blue-7: #8ec8f6;\n  --blue-8: #5eb1ef;\n  --blue-9: #0090ff;\n  --blue-10: #0588f0;\n  --blue-11: #0d74ce;\n  --blue-12: #113264;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --blue-1: color(display-p3 0.986 0.992 0.999);\n      --blue-2: color(display-p3 0.96 0.979 0.998);\n      --blue-3: color(display-p3 0.912 0.956 0.991);\n      --blue-4: color(display-p3 0.853 0.932 1);\n      --blue-5: color(display-p3 0.788 0.894 0.998);\n      --blue-6: color(display-p3 0.709 0.843 0.976);\n      --blue-7: color(display-p3 0.606 0.777 0.947);\n      --blue-8: color(display-p3 0.451 0.688 0.917);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.234 0.523 0.912);\n      --blue-11: color(display-p3 0.15 0.44 0.84);\n      --blue-12: color(display-p3 0.102 0.193 0.379);\n    }\n  }\n}\n\n.lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {\n  --blue-1: #0d1520;\n  --blue-2: #111927;\n  --blue-3: #0d2847;\n  --blue-4: #003362;\n  --blue-5: #004074;\n  --blue-6: #104d87;\n  --blue-7: #205d9e;\n  --blue-8: #2870bd;\n  --blue-9: #0090ff;\n  --blue-10: #3b9eff;\n  --blue-11: #70b8ff;\n  --blue-12: #c2e6ff;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {\n      --blue-1: color(display-p3 0.057 0.081 0.122);\n      --blue-2: color(display-p3 0.072 0.098 0.147);\n      --blue-3: color(display-p3 0.078 0.154 0.27);\n      --blue-4: color(display-p3 0.033 0.197 0.37);\n      --blue-5: color(display-p3 0.08 0.245 0.441);\n      --blue-6: color(display-p3 0.14 0.298 0.511);\n      --blue-7: color(display-p3 0.195 0.361 0.6);\n      --blue-8: color(display-p3 0.239 0.434 0.72);\n      --blue-9: color(display-p3 0.247 0.556 0.969);\n      --blue-10: color(display-p3 0.344 0.612 0.973);\n      --blue-11: color(display-p3 0.49 0.72 1);\n      --blue-12: color(display-p3 0.788 0.898 0.99);\n    }\n  }\n}\n\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --slate-1: #fcfcfd;\n  --slate-2: #f9f9fb;\n  --slate-3: #f0f0f3;\n  --slate-4: #e8e8ec;\n  --slate-5: #e0e1e6;\n  --slate-6: #d9d9e0;\n  --slate-7: #cdced6;\n  --slate-8: #b9bbc6;\n  --slate-9: #8b8d98;\n  --slate-10: #80838d;\n  --slate-11: #60646c;\n  --slate-12: #1c2024;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --slate-1: color(display-p3 0.988 0.988 0.992);\n      --slate-2: color(display-p3 0.976 0.976 0.984);\n      --slate-3: color(display-p3 0.94 0.941 0.953);\n      --slate-4: color(display-p3 0.908 0.909 0.925);\n      --slate-5: color(display-p3 0.88 0.881 0.901);\n      --slate-6: color(display-p3 0.85 0.852 0.876);\n      --slate-7: color(display-p3 0.805 0.808 0.838);\n      --slate-8: color(display-p3 0.727 0.733 0.773);\n      --slate-9: color(display-p3 0.547 0.553 0.592);\n      --slate-10: color(display-p3 0.503 0.512 0.549);\n      --slate-11: color(display-p3 0.379 0.392 0.421);\n      --slate-12: color(display-p3 0.113 0.125 0.14);\n    }\n  }\n}\n\n.lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {\n  --slate-1: #111113;\n  --slate-2: #18191b;\n  --slate-3: #212225;\n  --slate-4: #272a2d;\n  --slate-5: #2e3135;\n  --slate-6: #363a3f;\n  --slate-7: #43484e;\n  --slate-8: #5a6169;\n  --slate-9: #696e77;\n  --slate-10: #777b84;\n  --slate-11: #b0b4ba;\n  --slate-12: #edeef0;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    .lexical-theme-module_dark_ALXQz, .lexical-theme-module_dark-theme_ZjZQK {\n      --slate-1: color(display-p3 0.067 0.067 0.074);\n      --slate-2: color(display-p3 0.095 0.098 0.105);\n      --slate-3: color(display-p3 0.13 0.135 0.145);\n      --slate-4: color(display-p3 0.156 0.163 0.176);\n      --slate-5: color(display-p3 0.183 0.191 0.206);\n      --slate-6: color(display-p3 0.215 0.226 0.244);\n      --slate-7: color(display-p3 0.265 0.28 0.302);\n      --slate-8: color(display-p3 0.357 0.381 0.409);\n      --slate-9: color(display-p3 0.415 0.431 0.463);\n      --slate-10: color(display-p3 0.469 0.483 0.514);\n      --slate-11: color(display-p3 0.692 0.704 0.728);\n      --slate-12: color(display-p3 0.93 0.933 0.94);\n    }\n  }\n}\n\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --grass-1: #fbfefb;\n  --grass-2: #f5fbf5;\n  --grass-3: #e9f6e9;\n  --grass-4: #daf1db;\n  --grass-5: #c9e8ca;\n  --grass-6: #b2ddb5;\n  --grass-7: #94ce9a;\n  --grass-8: #65ba74;\n  --grass-9: #46a758;\n  --grass-10: #3e9b4f;\n  --grass-11: #2a7e3b;\n  --grass-12: #203c25;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --grass-1: color(display-p3 0.986 0.996 0.985);\n      --grass-2: color(display-p3 0.966 0.983 0.964);\n      --grass-3: color(display-p3 0.923 0.965 0.917);\n      --grass-4: color(display-p3 0.872 0.94 0.865);\n      --grass-5: color(display-p3 0.811 0.908 0.802);\n      --grass-6: color(display-p3 0.733 0.864 0.724);\n      --grass-7: color(display-p3 0.628 0.803 0.622);\n      --grass-8: color(display-p3 0.477 0.72 0.482);\n      --grass-9: color(display-p3 0.38 0.647 0.378);\n      --grass-10: color(display-p3 0.344 0.598 0.342);\n      --grass-11: color(display-p3 0.263 0.488 0.261);\n      --grass-12: color(display-p3 0.151 0.233 0.153);\n    }\n  }\n}\n\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --cyan-1: #fafdfe;\n  --cyan-2: #f2fafb;\n  --cyan-3: #def7f9;\n  --cyan-4: #caf1f6;\n  --cyan-5: #b5e9f0;\n  --cyan-6: #9ddde7;\n  --cyan-7: #7dcedc;\n  --cyan-8: #3db9cf;\n  --cyan-9: #00a2c7;\n  --cyan-10: #0797b9;\n  --cyan-11: #107d98;\n  --cyan-12: #0d3c48;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --cyan-1: color(display-p3 0.982 0.992 0.996);\n      --cyan-2: color(display-p3 0.955 0.981 0.984);\n      --cyan-3: color(display-p3 0.888 0.965 0.975);\n      --cyan-4: color(display-p3 0.821 0.941 0.959);\n      --cyan-5: color(display-p3 0.751 0.907 0.935);\n      --cyan-6: color(display-p3 0.671 0.862 0.9);\n      --cyan-7: color(display-p3 0.564 0.8 0.854);\n      --cyan-8: color(display-p3 0.388 0.715 0.798);\n      --cyan-9: color(display-p3 0.282 0.627 0.765);\n      --cyan-10: color(display-p3 0.264 0.583 0.71);\n      --cyan-11: color(display-p3 0.08 0.48 0.63);\n      --cyan-12: color(display-p3 0.108 0.232 0.277);\n    }\n  }\n}\n\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --amber-1: #fefdfb;\n  --amber-2: #fefbe9;\n  --amber-3: #fff7c2;\n  --amber-4: #ffee9c;\n  --amber-5: #fbe577;\n  --amber-6: #f3d673;\n  --amber-7: #e9c162;\n  --amber-8: #e2a336;\n  --amber-9: #ffc53d;\n  --amber-10: #ffba18;\n  --amber-11: #ab6400;\n  --amber-12: #4f3422;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --amber-1: color(display-p3 0.995 0.992 0.985);\n      --amber-2: color(display-p3 0.994 0.986 0.921);\n      --amber-3: color(display-p3 0.994 0.969 0.782);\n      --amber-4: color(display-p3 0.989 0.937 0.65);\n      --amber-5: color(display-p3 0.97 0.902 0.527);\n      --amber-6: color(display-p3 0.936 0.844 0.506);\n      --amber-7: color(display-p3 0.89 0.762 0.443);\n      --amber-8: color(display-p3 0.85 0.65 0.3);\n      --amber-9: color(display-p3 1 0.77 0.26);\n      --amber-10: color(display-p3 0.959 0.741 0.274);\n      --amber-11: color(display-p3 0.64 0.4 0);\n      --amber-12: color(display-p3 0.294 0.208 0.145);\n    }\n  }\n}\n\n:root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n  --red-1: #fffcfc;\n  --red-2: #fff7f7;\n  --red-3: #feebec;\n  --red-4: #ffdbdc;\n  --red-5: #ffcdce;\n  --red-6: #fdbdbe;\n  --red-7: #f4a9aa;\n  --red-8: #eb8e90;\n  --red-9: #e5484d;\n  --red-10: #dc3e42;\n  --red-11: #ce2c31;\n  --red-12: #641723;\n}\n\n@supports (color: color(display-p3 1 1 1)) {\n  @media (color-gamut: p3) {\n    :root, .lexical-theme-module_light_TXmQm, .lexical-theme-module_light-theme_6YE-f {\n      --red-1: color(display-p3 0.998 0.989 0.988);\n      --red-2: color(display-p3 0.995 0.971 0.971);\n      --red-3: color(display-p3 0.985 0.925 0.925);\n      --red-4: color(display-p3 0.999 0.866 0.866);\n      --red-5: color(display-p3 0.984 0.812 0.811);\n      --red-6: color(display-p3 0.955 0.751 0.749);\n      --red-7: color(display-p3 0.915 0.675 0.672);\n      --red-8: color(display-p3 0.872 0.575 0.572);\n      --red-9: color(display-p3 0.83 0.329 0.324);\n      --red-10: color(display-p3 0.798 0.294 0.285);\n      --red-11: color(display-p3 0.744 0.234 0.222);\n      --red-12: color(display-p3 0.36 0.115 0.143);\n    }\n  }\n}\n\n.lexical-theme-module_bold_aiWbg {\n  font-weight: bold;\n}\n\n.lexical-theme-module_italic_fbxIe {\n  font-style: italic;\n}\n\n.lexical-theme-module_underline_Fl7gX {\n  text-decoration: underline;\n}\n\n.lexical-theme-module_bold_aiWbg {\n  font-weight: 700;\n}\n\n.lexical-theme-module_italic_fbxIe {\n  font-style: italic;\n}\n\n.lexical-theme-module_underline_Fl7gX {\n  text-decoration: underline\n}\n\n.lexical-theme-module_strikethrough_ZPg1J {\n  text-decoration: line-through\n}\n\n.lexical-theme-module_underlineStrikethrough_g359y {\n  text-decoration: underline line-through\n}\n\n.lexical-theme-module_subscript_hdZ01 {\n  font-size: .8em;\n  vertical-align: sub !important\n}\n\n.lexical-theme-module_superscript_fotk0 {\n  font-size: .8em;\n  vertical-align: super\n}\n\n.lexical-theme-module_code_XUTW4 {\n  background-color: var(--baseBg);\n  padding: 1px .25rem;\n  font-family: var(--font-mono);\n  font-size: 94%\n}\n\n.lexical-theme-module_nestedListItem_LEP2f {\n  list-style: none;\n  list-style-type: none;\n}\n\n.lexical-theme-module_nestedListItem_LEP2f:before,\n.lexical-theme-module_nestedListItem_LEP2f:after {\n  display: none;\n}\n\n.lexical-theme-module_listitem_5mMAE {\n  margin: var(--spacing-2) 0;\n}\n\n.lexical-theme-module_listItemChecked_kISPU,\n.lexical-theme-module_listItemUnchecked_GM3vI {\n  position: relative;\n  margin-left: 0;\n  margin-right: 0;\n  margin-inline-start: -1rem;\n  padding-left: var(--spacing-6);\n  padding-right: var(--spacing-6);\n  list-style-type: none;\n  outline: none;\n}\n\n.lexical-theme-module_listItemChecked_kISPU {\n  text-decoration: line-through;\n}\n\n.lexical-theme-module_listItemUnchecked_GM3vI:before,\n.lexical-theme-module_listItemChecked_kISPU:before {\n  content: '';\n  width: var(--spacing-4);\n  height: var(--spacing-4);\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  display: block;\n  background-size: cover;\n  position: absolute;\n}\n\n.lexical-theme-module_listItemUnchecked_GM3vI[dir='rtl']:before,\n.lexical-theme-module_listItemChecked_kISPU[dir='rtl']:before {\n  left: auto;\n  right: 0;\n}\n\n.lexical-theme-module_listItemUnchecked_GM3vI:focus:before,\n.lexical-theme-module_listItemChecked_kISPU:focus:before {\n  box-shadow: 0 0 0 2px var(--accentBgActive);\n  border-radius: var(--radius-small);\n}\n\n.lexical-theme-module_listItemUnchecked_GM3vI:before {\n  border: 1px solid var(--baseBorder);\n  border-radius: var(--radius-small);\n}\n\n.lexical-theme-module_listItemChecked_kISPU:before {\n  border: 1px solid var(--accentBorder);\n  border-radius: var(--radius-small);\n  background-color: var(--accentSolid);\n  background-repeat: no-repeat;\n}\n\n.lexical-theme-module_listItemChecked_kISPU:after {\n  content: '';\n  cursor: pointer;\n  border-color: var(--baseBase);\n  border-style: solid;\n  position: absolute;\n  display: block;\n  top: var(--spacing-0_5);\n  width: var(--spacing-1);\n  left: var(--spacing-1_5);\n  right: var(--spacing-1_5);\n  height: var(--spacing-2);\n  transform: rotate(45deg);\n  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;\n}\n\n.lexical-theme-module_nestedListItem_LEP2f {\n  list-style-type: none;\n}\n\n.lexical-theme-module_nestedListItem_LEP2f:before,\n.lexical-theme-module_nestedListItem_LEP2f:after {\n  display: none;\n}\n\n.lexical-theme-module_admonitionDanger_odODu,\n.lexical-theme-module_admonitionInfo_hhpuA,\n.lexical-theme-module_admonitionNote_ipt6L,\n.lexical-theme-module_admonitionTip_Nso9F,\n.lexical-theme-module_admonitionCaution_SoaPW {\n  padding: var(--spacing-2);\n  margin-top: var(--spacing-2);\n  margin-bottom: var(--spacing-2);\n  border-left: 3px solid var(--admonitionBorder);\n  background-color: var(--admonitionBg);\n}\n\n.lexical-theme-module_admonitionInfo_hhpuA {\n  --admonitionBorder: var(--admonitionInfoBorder);\n  --admonitionBg: var(--admonitionInfoBg);\n}\n\n.lexical-theme-module_admonitionTip_Nso9F {\n  --admonitionBorder: var(--admonitionTipBorder);\n  --admonitionBg: var(--admonitionTipBg);\n}\n\n.lexical-theme-module_admonitionCaution_SoaPW {\n  --admonitionBorder: var(--admonitionCautionBorder);\n  --admonitionBg: var(--admonitionCautionBg);\n}\n\n.lexical-theme-module_admonitionDanger_odODu {\n  --admonitionBorder: var(--admonitionDangerBorder);\n  --admonitionBg: var(--admonitionDangerBg);\n}\n\n.lexical-theme-module_admonitionNote_ipt6L {\n  --admonitionBorder: var(--admonitionNoteBorder);\n  --admonitionBg: var(--admonitionNoteBg);\n}\n\n.lexical-theme-module_mdxExpression_uhhzT {\n  font-family: var(--font-mono);\n  font-size: 84%;\n  color: var(--accentText);\n\n  & input:focus-visible {\n    outline: none;\n  }\n}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-import { G, H, J, K, M, O, z, A, x, y, B, F, w, D } from "./index-CLsgJ3nG.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { createContext, useContext, forwardRef, createElement, useState, useRef, useEffect, useCallback, useMemo } from "react";
+import { ThemedMonacoWithProvider, ThemedMonacoDiffEditor } from "@principal-ade/industry-themed-monaco-editor";
+import { headingsPlugin, listsPlugin, quotePlugin, thematicBreakPlugin, markdownShortcutPlugin, linkPlugin, linkDialogPlugin, imagePlugin, tablePlugin, codeBlockPlugin, codeMirrorPlugin, frontmatterPlugin, diffSourcePlugin, toolbarPlugin, DiffSourceToggleWrapper, UndoRedo, BlockTypeSelect, BoldItalicUnderlineToggles, CodeToggle, CreateLink, InsertImage, InsertTable, InsertThematicBreak, ListsToggle, MDXEditor } from "@principal-ai/mdx-editor";
+import "@principal-ai/mdx-editor/style.css";
+var ThemeContext;
+var getThemeContext = () => {
+  if (typeof window !== "undefined") {
+    const globalWindow = window;
+    if (!globalWindow.__principlemd_theme_context__) {
+      globalWindow.__principlemd_theme_context__ = createContext(void 0);
+    }
+    return globalWindow.__principlemd_theme_context__;
+  } else {
+    if (!ThemeContext) {
+      ThemeContext = createContext(void 0);
+    }
+    return ThemeContext;
+  }
+};
+var ThemeContextSingleton = getThemeContext();
+var useTheme = () => {
+  const context = useContext(ThemeContextSingleton);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+};
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+const toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+const hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+};
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Icon = forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => createElement(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef(
+    ({ className, ...props }, ref) => createElement(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$2 = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+];
+const FileText = createLucideIcon("file-text", __iconNode$2);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$1 = [
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
+  ["line", { x1: "3", x2: "9", y1: "12", y2: "12", key: "1dyftd" }],
+  ["line", { x1: "15", x2: "21", y1: "12", y2: "12", key: "oup4p8" }]
+];
+const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$1);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+const X = createLucideIcon("x", __iconNode);
+const getLanguage = (path) => {
+  var _a;
+  const ext = ((_a = path.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
+  const languageMap = {
+    js: "javascript",
+    jsx: "javascript",
+    ts: "typescript",
+    tsx: "typescript",
+    py: "python",
+    java: "java",
+    c: "c",
+    cpp: "cpp",
+    cs: "csharp",
+    php: "php",
+    rb: "ruby",
+    go: "go",
+    rs: "rust",
+    kt: "kotlin",
+    swift: "swift",
+    json: "json",
+    xml: "xml",
+    html: "html",
+    css: "css",
+    scss: "scss",
+    sass: "sass",
+    less: "less",
+    sql: "sql",
+    sh: "bash",
+    bash: "bash",
+    zsh: "bash",
+    yaml: "yaml",
+    yml: "yaml",
+    toml: "toml",
+    ini: "ini",
+    cfg: "ini",
+    conf: "ini",
+    md: "markdown",
+    mdx: "markdown"
+  };
+  return languageMap[ext] || "plaintext";
+};
+const FileEditorPanelContent = ({
+  context,
+  actions: _actions,
+  events,
+  filePath: filePathProp,
+  showCloseButton = true
+}) => {
+  var _a, _b, _c;
+  const { theme } = useTheme();
+  const [filePath, setFilePath] = useState(null);
+  const [fileContent, setFileContent] = useState("");
+  const [editorContent, setEditorContent] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [isDirty, setIsDirty] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const [saveError, setSaveError] = useState(null);
+  const latestFilePathRef = useRef(null);
+  const isSavingRef = useRef(false);
+  const isDirtyRef = useRef(false);
+  const fileSystem = (_a = context.adapters) == null ? void 0 : _a.fileSystem;
+  const isEditable = Boolean(fileSystem == null ? void 0 : fileSystem.writeFile);
+  const activeFileSlice = context.getSlice("active-file");
+  const preferencesSlice = context.getSlice("preferences");
+  const vimMode = ((_b = preferencesSlice == null ? void 0 : preferencesSlice.data) == null ? void 0 : _b.vimMode) ?? false;
+  useEffect(() => {
+    isDirtyRef.current = isDirty;
+  }, [isDirty]);
+  useEffect(() => {
+    isDirtyRef.current = false;
+    setIsDirty(false);
+    setIsSaving(false);
+    isSavingRef.current = false;
+    setSaveError(null);
+  }, [filePath]);
+  useEffect(() => {
+    if (filePathProp) {
+      console.log("[FileEditorPanel] Using prop-controlled file path:", filePathProp);
+      setFilePath(filePathProp);
+    }
+  }, [filePathProp]);
+  useEffect(() => {
+    var _a2;
+    if (!filePathProp && ((_a2 = activeFileSlice == null ? void 0 : activeFileSlice.data) == null ? void 0 : _a2.path)) {
+      setFilePath(activeFileSlice.data.path);
+    }
+  }, [filePathProp, (_c = activeFileSlice == null ? void 0 : activeFileSlice.data) == null ? void 0 : _c.path]);
+  useEffect(() => {
+    if (filePathProp) {
+      return void 0;
+    }
+    const unsubscribe = events.on("file:open", (event) => {
+      const payload = event.payload;
+      if (payload == null ? void 0 : payload.path) {
+        setFilePath(payload.path);
+      }
+    });
+    return unsubscribe;
+  }, [events, filePathProp]);
+  const loadFile = useCallback(async () => {
+    if (!filePath || !(fileSystem == null ? void 0 : fileSystem.readFile)) {
+      latestFilePathRef.current = null;
+      setFileContent("");
+      setEditorContent("");
+      setIsDirty(false);
+      setIsSaving(false);
+      setSaveError(null);
+      return;
+    }
+    latestFilePathRef.current = filePath;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const content = await fileSystem.readFile(filePath);
+      if (latestFilePathRef.current !== filePath) {
+        return;
+      }
+      if (content !== null) {
+        setFileContent(content);
+        setSaveError(null);
+        if (!isDirtyRef.current) {
+          setEditorContent(content);
+          setIsDirty(false);
+        }
+      } else {
+        throw new Error("Failed to read file");
+      }
+    } catch (err) {
+      console.error("Error loading file:", err);
+      if (latestFilePathRef.current === filePath) {
+        setError(err instanceof Error ? err.message : "Failed to load file");
+        setFileContent("");
+      }
+    } finally {
+      if (latestFilePathRef.current === filePath) {
+        setIsLoading(false);
+      }
+    }
+  }, [filePath, fileSystem]);
+  useEffect(() => {
+    loadFile();
+  }, [loadFile]);
+  const handleEditorChange = useCallback(
+    (value) => {
+      const nextValue = value ?? "";
+      setEditorContent(nextValue);
+      setIsDirty(nextValue !== fileContent);
+      if (saveError) {
+        setSaveError(null);
+      }
+    },
+    [fileContent, saveError]
+  );
+  const handleEditorSave = useCallback(
+    async (value) => {
+      if (!filePath || !(fileSystem == null ? void 0 : fileSystem.writeFile)) {
+        return;
+      }
+      const contentToSave = value ?? editorContent;
+      if (!isDirty && contentToSave === fileContent) {
+        return;
+      }
+      isSavingRef.current = true;
+      setIsSaving(true);
+      setSaveError(null);
+      try {
+        await fileSystem.writeFile(filePath, contentToSave);
+        if (latestFilePathRef.current === filePath) {
+          setFileContent(contentToSave);
+          setEditorContent(contentToSave);
+          setIsDirty(false);
+          events.emit({
+            type: "file:save",
+            source: "industry-theme.file-editor",
+            timestamp: Date.now(),
+            payload: { path: filePath }
+          });
+        }
+      } catch (err) {
+        if (latestFilePathRef.current === filePath) {
+          setSaveError(
+            err instanceof Error ? err.message : "Failed to save file"
+          );
+        }
+      } finally {
+        if (latestFilePathRef.current === filePath) {
+          setIsSaving(false);
+        }
+        isSavingRef.current = false;
+      }
+    },
+    [editorContent, fileContent, filePath, isDirty, fileSystem, events]
+  );
+  const handleClose = useCallback(() => {
+    events.emit({
+      type: "file:close",
+      source: "industry-theme.file-editor",
+      timestamp: Date.now(),
+      payload: { path: filePath }
+    });
+    setFilePath(null);
+  }, [events, filePath]);
+  const fileName = (filePath == null ? void 0 : filePath.split("/").pop()) || filePath || "";
+  const language = filePath ? getLanguage(filePath) : "plaintext";
+  if (!filePath) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          height: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexDirection: "column",
+          color: theme.colors.textSecondary,
+          padding: "20px",
+          textAlign: "center",
+          fontFamily: theme.fonts.body
+        },
+        children: [
+          /* @__PURE__ */ jsx(FileText, { size: 48, style: { marginBottom: "16px", opacity: 0.5 } }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: theme.fontSizes[3],
+                fontWeight: 600,
+                marginBottom: "12px",
+                color: theme.colors.text
+              },
+              children: "File Editor"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { fontSize: theme.fontSizes[1] }, children: "Select a file to view or edit" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: theme.colors.background
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              height: "40px",
+              padding: "0 12px",
+              borderBottom: `1px solid ${theme.colors.border}`,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              backgroundColor: theme.colors.backgroundSecondary,
+              fontFamily: theme.fonts.body,
+              flexShrink: 0,
+              boxSizing: "border-box"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    flex: 1,
+                    minWidth: 0
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      FileText,
+                      {
+                        size: 16,
+                        style: { color: theme.colors.primary, flexShrink: 0 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          fontSize: theme.fontSizes[2],
+                          fontWeight: 600,
+                          color: theme.colors.text,
+                          whiteSpace: "nowrap",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis"
+                        },
+                        title: filePath,
+                        children: fileName
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "12px"
+                  },
+                  children: [
+                    isEditable && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      saveError ? /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          style: {
+                            color: theme.colors.error,
+                            fontSize: theme.fontSizes[0]
+                          },
+                          children: [
+                            "Save failed: ",
+                            saveError
+                          ]
+                        }
+                      ) : isSaving ? /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            color: theme.colors.textSecondary,
+                            fontSize: theme.fontSizes[0]
+                          },
+                          children: "Saving..."
+                        }
+                      ) : isDirty ? /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            color: theme.colors.primary,
+                            fontSize: theme.fontSizes[0]
+                          },
+                          children: "Unsaved changes"
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            color: theme.colors.textSecondary,
+                            fontSize: theme.fontSizes[0]
+                          },
+                          children: "Saved"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: () => void handleEditorSave(),
+                          disabled: !isDirty || isSaving,
+                          style: {
+                            backgroundColor: theme.colors.primary,
+                            color: theme.colors.background,
+                            border: "none",
+                            borderRadius: "4px",
+                            padding: "6px 10px",
+                            fontSize: theme.fontSizes[0],
+                            cursor: !isDirty || isSaving ? "not-allowed" : "pointer",
+                            opacity: !isDirty || isSaving ? 0.6 : 1,
+                            transition: "opacity 0.2s ease"
+                          },
+                          children: "Save"
+                        }
+                      )
+                    ] }),
+                    filePath && showCloseButton && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: handleClose,
+                        style: {
+                          background: "none",
+                          border: "none",
+                          padding: "4px",
+                          cursor: "pointer",
+                          color: theme.colors.textSecondary,
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          borderRadius: "4px",
+                          transition: "background-color 0.2s"
+                        },
+                        onMouseEnter: (e) => {
+                          e.currentTarget.style.backgroundColor = theme.colors.backgroundSecondary;
+                        },
+                        onMouseLeave: (e) => {
+                          e.currentTarget.style.backgroundColor = "transparent";
+                        },
+                        children: /* @__PURE__ */ jsx(X, { size: 16 })
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0 }, children: isLoading ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: theme.colors.textSecondary,
+              fontFamily: theme.fonts.body
+            },
+            children: "Loading file..."
+          }
+        ) : error ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: theme.colors.error,
+              padding: "20px",
+              textAlign: "center",
+              fontFamily: theme.fonts.body
+            },
+            children: [
+              "Error: ",
+              error
+            ]
+          }
+        ) : /* @__PURE__ */ jsx(
+          ThemedMonacoWithProvider,
+          {
+            value: editorContent,
+            language,
+            vimMode: isEditable ? vimMode : false,
+            options: {
+              readOnly: !isEditable,
+              minimap: { enabled: false },
+              lineNumbers: "on",
+              scrollBeyondLastLine: false,
+              wordWrap: "on",
+              fontSize: theme.fontSizes[2],
+              automaticLayout: true,
+              folding: true,
+              renderWhitespace: "selection",
+              scrollbar: {
+                vertical: "auto",
+                horizontal: "auto",
+                useShadows: false,
+                verticalScrollbarSize: 10,
+                horizontalScrollbarSize: 10
+              }
+            },
+            height: "100%",
+            onChange: isEditable ? handleEditorChange : void 0,
+            onSave: isEditable ? handleEditorSave : void 0
+          }
+        ) })
+      ]
+    }
+  );
+};
+const FileEditorPanel = (props) => {
+  return /* @__PURE__ */ jsx(FileEditorPanelContent, { ...props });
+};
+const FileEditorPanelPreview = () => {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        fontSize: theme.fontSizes[0],
+        color: theme.colors.text,
+        display: "flex",
+        flexDirection: "column",
+        gap: "4px",
+        fontFamily: theme.fonts.monospace
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { style: { color: "#c678dd" }, children: "export" }),
+          " ",
+          /* @__PURE__ */ jsx("span", { style: { color: "#61afef" }, children: "function" }),
+          " ",
+          /* @__PURE__ */ jsx("span", { style: { color: "#e5c07b" }, children: "hello" }),
+          "() ",
+          "{"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { paddingLeft: "12px" }, children: [
+          "console.",
+          /* @__PURE__ */ jsx("span", { style: { color: "#61afef" }, children: "log" }),
+          "(",
+          /* @__PURE__ */ jsx("span", { style: { color: "#98c379" }, children: "'Hello'" }),
+          ");"
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: "}" })
+      ]
+    }
+  );
+};
+const statusMeta = {
+  staged: {
+    label: "Staged change",
+    description: "Comparing staged changes against the last commit"
+  },
+  unstaged: {
+    label: "Unstaged change",
+    description: "Comparing working tree changes against the last commit"
+  },
+  untracked: {
+    label: "Untracked file",
+    description: "New file compared against an empty baseline"
+  },
+  deleted: {
+    label: "Deleted file",
+    description: "Showing the last committed contents of the deleted file"
+  }
+};
+const languageFromPath = (filePath) => {
+  var _a;
+  if (!filePath) {
+    return "plaintext";
+  }
+  const ext = ((_a = filePath.split(".").pop()) == null ? void 0 : _a.toLowerCase()) ?? "";
+  const languageMap = {
+    js: "javascript",
+    jsx: "javascript",
+    ts: "typescript",
+    tsx: "typescript",
+    py: "python",
+    java: "java",
+    c: "c",
+    cpp: "cpp",
+    h: "c",
+    hpp: "cpp",
+    cs: "csharp",
+    go: "go",
+    rs: "rust",
+    php: "php",
+    rb: "ruby",
+    swift: "swift",
+    kt: "kotlin",
+    json: "json",
+    yaml: "yaml",
+    yml: "yaml",
+    toml: "toml",
+    ini: "ini",
+    cfg: "ini",
+    conf: "ini",
+    xml: "xml",
+    html: "html",
+    css: "css",
+    scss: "scss",
+    sass: "sass",
+    less: "less",
+    sh: "bash",
+    bash: "bash",
+    zsh: "bash",
+    md: "markdown",
+    mdx: "markdown",
+    sql: "sql"
+  };
+  return languageMap[ext] ?? "plaintext";
+};
+const GitDiffPanelContent = ({
+  context,
+  actions: _actions,
+  events,
+  filePath: filePathProp,
+  gitStatus: gitStatusProp,
+  showCloseButton = true
+}) => {
+  var _a;
+  const { theme } = useTheme();
+  const [filePath, setFilePath] = useState(null);
+  const [status, setStatus] = useState("unstaged");
+  const [originalContent, setOriginalContent] = useState("");
+  const [modifiedContent, setModifiedContent] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const language = useMemo(() => languageFromPath(filePath), [filePath]);
+  const fileSystem = (_a = context.adapters) == null ? void 0 : _a.fileSystem;
+  useEffect(() => {
+    if (filePathProp) {
+      console.log("[GitDiffPanel] Using prop-controlled file path:", filePathProp);
+      setFilePath(filePathProp);
+      setStatus(gitStatusProp || "unstaged");
+    }
+  }, [filePathProp, gitStatusProp]);
+  useEffect(() => {
+    if (filePathProp) {
+      return void 0;
+    }
+    const unsubscribe = events.on("git:diff", (event) => {
+      const payload = event.payload;
+      if (payload == null ? void 0 : payload.path) {
+        setFilePath(payload.path);
+        setStatus(payload.status || "unstaged");
+        if (payload.original !== void 0 || payload.modified !== void 0) {
+          setOriginalContent(payload.original ?? "");
+          setModifiedContent(payload.modified ?? "");
+          setIsLoading(false);
+          setError(null);
+        }
+      }
+    });
+    return unsubscribe;
+  }, [events, filePathProp]);
+  useEffect(() => {
+    let isActive = true;
+    const loadDiff = async () => {
+      if (!filePath) {
+        setOriginalContent("");
+        setModifiedContent("");
+        setIsLoading(false);
+        setError(null);
+        return;
+      }
+      if (!(fileSystem == null ? void 0 : fileSystem.readFile)) {
+        return;
+      }
+      setIsLoading(true);
+      setError(null);
+      try {
+        const modified = await fileSystem.readFile(filePath);
+        if (!isActive) return;
+        setModifiedContent(modified ?? "");
+        if (status === "untracked") {
+          setOriginalContent("");
+        }
+      } catch (err) {
+        if (!isActive) return;
+        console.error("Failed to load git diff:", err);
+        setError(
+          err instanceof Error ? `Failed to load diff: ${err.message}` : "Failed to load diff"
+        );
+        setOriginalContent("");
+        setModifiedContent("");
+      } finally {
+        if (isActive) {
+          setIsLoading(false);
+        }
+      }
+    };
+    void loadDiff();
+    return () => {
+      isActive = false;
+    };
+  }, [filePath, status, fileSystem]);
+  const handleClose = () => {
+    events.emit({
+      type: "git:diff:close",
+      source: "industry-theme.git-diff",
+      timestamp: Date.now(),
+      payload: { path: filePath }
+    });
+    setFilePath(null);
+  };
+  const statusInfo = status ? statusMeta[status] : null;
+  const statusColor = useMemo(() => {
+    if (!status) return theme.colors.textSecondary;
+    switch (status) {
+      case "staged":
+        return theme.colors.success || "#10b981";
+      case "unstaged":
+        return theme.colors.warning || "#f59e0b";
+      case "untracked":
+        return theme.colors.info || theme.colors.primary || "#3b82f6";
+      case "deleted":
+        return theme.colors.error || "#ef4444";
+      default:
+        return theme.colors.textSecondary;
+    }
+  }, [status, theme.colors]);
+  if (!filePath) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          height: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: theme.colors.textSecondary,
+          backgroundColor: theme.colors.backgroundSecondary,
+          fontFamily: theme.fonts.body
+        },
+        children: "Select a file from Git Changes to view its diff."
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: theme.colors.background
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              height: "40px",
+              padding: "0 12px",
+              borderBottom: `1px solid ${theme.colors.border}`,
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              backgroundColor: theme.colors.backgroundSecondary,
+              fontFamily: theme.fonts.body,
+              flexShrink: 0,
+              boxSizing: "border-box"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    flex: 1,
+                    minWidth: 0
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      GitCommitHorizontal,
+                      {
+                        size: 16,
+                        style: { color: theme.colors.primary, flexShrink: 0 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          fontSize: theme.fontSizes[2],
+                          fontWeight: 600,
+                          color: theme.colors.text,
+                          whiteSpace: "nowrap",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis"
+                        },
+                        title: filePath,
+                        children: (filePath == null ? void 0 : filePath.split("/").pop()) || filePath
+                      }
+                    ),
+                    statusInfo && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          display: "inline-flex",
+                          alignItems: "center",
+                          fontSize: theme.fontSizes[0],
+                          padding: "2px 8px",
+                          borderRadius: "999px",
+                          backgroundColor: `${statusColor}20`,
+                          color: statusColor,
+                          border: `1px solid ${statusColor}60`,
+                          whiteSpace: "nowrap",
+                          flexShrink: 0
+                        },
+                        children: statusInfo.label
+                      }
+                    )
+                  ]
+                }
+              ),
+              showCloseButton && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: handleClose,
+                  style: {
+                    background: "none",
+                    border: "none",
+                    padding: "4px",
+                    cursor: "pointer",
+                    color: theme.colors.textSecondary,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    borderRadius: "4px",
+                    transition: "background-color 0.2s",
+                    flexShrink: 0
+                  },
+                  onMouseEnter: (e) => {
+                    e.currentTarget.style.backgroundColor = theme.colors.backgroundTertiary;
+                  },
+                  onMouseLeave: (e) => {
+                    e.currentTarget.style.backgroundColor = "transparent";
+                  },
+                  children: /* @__PURE__ */ jsx(X, { size: 16 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0 }, children: isLoading ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: theme.colors.textSecondary,
+              fontFamily: theme.fonts.body
+            },
+            children: "Loading diff..."
+          }
+        ) : error ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: theme.colors.error,
+              padding: "20px",
+              textAlign: "center",
+              fontFamily: theme.fonts.body
+            },
+            children: error
+          }
+        ) : /* @__PURE__ */ jsx(
+          ThemedMonacoDiffEditor,
+          {
+            theme,
+            original: originalContent,
+            modified: modifiedContent,
+            language,
+            height: "100%",
+            options: {
+              renderSideBySide: true,
+              readOnly: true,
+              minimap: { enabled: false },
+              automaticLayout: true,
+              renderIndicators: true,
+              renderMarginRevertIcon: true,
+              ignoreTrimWhitespace: false,
+              diffAlgorithm: "advanced",
+              scrollbar: {
+                useShadows: false,
+                vertical: "auto",
+                horizontal: "auto"
+              }
+            },
+            loadingComponent: /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  height: "100%",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  color: theme.colors.textSecondary
+                },
+                children: "Preparing diff editor..."
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
+const GitDiffPanel = (props) => {
+  return /* @__PURE__ */ jsx(GitDiffPanelContent, { ...props });
+};
+const GitDiffPanelPreview = () => {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        fontSize: theme.fontSizes[0],
+        color: theme.colors.text,
+        display: "flex",
+        flexDirection: "column",
+        gap: "4px",
+        fontFamily: theme.fonts.monospace
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: "8px"
+            },
+            children: /* @__PURE__ */ jsx("span", { style: { color: theme.colors.textSecondary }, children: "@@ 12,5 @@" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { color: "#ef4444" }, children: "- const count = oldValue;" }),
+        /* @__PURE__ */ jsx("div", { style: { color: "#22c55e" }, children: "+ const count = newValue;" }),
+        /* @__PURE__ */ jsx("div", { style: { color: theme.colors.textSecondary }, children: " return count;" })
+      ]
+    }
+  );
+};
+const MDXEditorPanelContent = ({
+  context,
+  actions: _actions,
+  events,
+  filePath: filePathProp,
+  showCloseButton = true
+}) => {
+  var _a, _b;
+  const { theme } = useTheme();
+  const [filePath, setFilePath] = useState(null);
+  const [markdown, setMarkdown] = useState("");
+  const [isMounted, setIsMounted] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [loadError, setLoadError] = useState(null);
+  const [parseError, setParseError] = useState(null);
+  const [_isDirty, setIsDirty] = useState(false);
+  const fileSystem = (_a = context.adapters) == null ? void 0 : _a.fileSystem;
+  const isEditable = Boolean(fileSystem == null ? void 0 : fileSystem.writeFile);
+  const activeFileSlice = context.getSlice("active-file");
+  const plugins = useMemo(
+    () => [
+      headingsPlugin(),
+      listsPlugin(),
+      quotePlugin(),
+      thematicBreakPlugin(),
+      markdownShortcutPlugin(),
+      linkPlugin(),
+      linkDialogPlugin(),
+      imagePlugin({
+        imageUploadHandler: async (file) => {
+          console.warn("Image upload not configured:", file.name);
+          return "/placeholder-image.png";
+        }
+      }),
+      tablePlugin(),
+      codeBlockPlugin({ defaultCodeBlockLanguage: "javascript" }),
+      codeMirrorPlugin({
+        codeBlockLanguages: {
+          javascript: "JavaScript",
+          typescript: "TypeScript",
+          tsx: "TypeScript (JSX)",
+          jsx: "JavaScript (JSX)",
+          python: "Python",
+          java: "Java",
+          go: "Go",
+          rust: "Rust",
+          cpp: "C++",
+          c: "C",
+          css: "CSS",
+          html: "HTML",
+          json: "JSON",
+          yaml: "YAML",
+          markdown: "Markdown",
+          bash: "Bash",
+          shell: "Shell",
+          sql: "SQL"
+        }
+      }),
+      frontmatterPlugin(),
+      diffSourcePlugin({
+        viewMode: parseError ? "source" : "rich-text"
+      }),
+      toolbarPlugin({
+        toolbarContents: () => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(DiffSourceToggleWrapper, { children: [
+          /* @__PURE__ */ jsx(UndoRedo, {}),
+          /* @__PURE__ */ jsx(BlockTypeSelect, {}),
+          /* @__PURE__ */ jsx(BoldItalicUnderlineToggles, {}),
+          /* @__PURE__ */ jsx(CodeToggle, {}),
+          /* @__PURE__ */ jsx(CreateLink, {}),
+          /* @__PURE__ */ jsx(InsertImage, {}),
+          /* @__PURE__ */ jsx(InsertTable, {}),
+          /* @__PURE__ */ jsx(InsertThematicBreak, {}),
+          /* @__PURE__ */ jsx(ListsToggle, {})
+        ] }) })
+      })
+    ],
+    [parseError]
+  );
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+  useEffect(() => {
+    if (filePathProp) {
+      console.log("[MDXEditorPanel] Using prop-controlled file path:", filePathProp);
+      setFilePath(filePathProp);
+    }
+  }, [filePathProp]);
+  useEffect(() => {
+    var _a2;
+    if (!filePathProp) {
+      const path = (_a2 = activeFileSlice == null ? void 0 : activeFileSlice.data) == null ? void 0 : _a2.path;
+      if (path && (path.endsWith(".md") || path.endsWith(".mdx"))) {
+        setFilePath(path);
+      }
+    }
+  }, [filePathProp, (_b = activeFileSlice == null ? void 0 : activeFileSlice.data) == null ? void 0 : _b.path]);
+  useEffect(() => {
+    if (filePathProp) {
+      return void 0;
+    }
+    const unsubscribe = events.on("file:open", (event) => {
+      const payload = event.payload;
+      if (payload == null ? void 0 : payload.path) {
+        const path = payload.path;
+        if (path.endsWith(".md") || path.endsWith(".mdx")) {
+          setFilePath(path);
+        }
+      }
+    });
+    return unsubscribe;
+  }, [filePathProp, events]);
+  const handleChange = useCallback((value) => {
+    setMarkdown(value);
+    setIsDirty(true);
+    setParseError(null);
+  }, []);
+  const handleSave = useCallback(
+    async (content) => {
+      const contentToSave = content || markdown;
+      if (filePath && (fileSystem == null ? void 0 : fileSystem.writeFile)) {
+        try {
+          await fileSystem.writeFile(filePath, contentToSave);
+          setIsDirty(false);
+          events.emit({
+            type: "file:save",
+            source: "industry-theme.mdx-editor",
+            timestamp: Date.now(),
+            payload: { path: filePath }
+          });
+        } catch (error) {
+          console.error("Error saving file:", error);
+        }
+      }
+    },
+    [markdown, filePath, fileSystem, events]
+  );
+  useEffect(() => {
+    const loadFileContent = async () => {
+      if (!filePath || !(fileSystem == null ? void 0 : fileSystem.readFile)) {
+        setMarkdown("");
+        return;
+      }
+      setIsLoading(true);
+      setLoadError(null);
+      try {
+        const content = await fileSystem.readFile(filePath);
+        if (content !== null) {
+          setMarkdown(content);
+          setParseError(null);
+          setIsDirty(false);
+        } else {
+          throw new Error("Failed to read file");
+        }
+      } catch (error) {
+        console.error("Error loading file:", error);
+        setLoadError(`Failed to load file: ${filePath}`);
+        setMarkdown("");
+        setParseError(null);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    loadFileContent();
+  }, [filePath, fileSystem]);
+  useEffect(() => {
+    if (!isEditable) return;
+    const handleKeyDown = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "s") {
+        e.preventDefault();
+        handleSave();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isEditable, handleSave]);
+  if (!isMounted) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100%",
+          color: theme.colors.text,
+          fontFamily: theme.fonts.body
+        },
+        children: "Loading editor..."
+      }
+    );
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100%",
+          color: theme.colors.text,
+          fontFamily: theme.fonts.body
+        },
+        children: "Loading file..."
+      }
+    );
+  }
+  if (loadError) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100%",
+          color: theme.colors.error,
+          padding: "20px",
+          textAlign: "center",
+          fontFamily: theme.fonts.body
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { style: { marginBottom: "10px" }, children: "Warning" }),
+          /* @__PURE__ */ jsx("div", { children: loadError })
+        ]
+      }
+    );
+  }
+  if (!filePath) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100%",
+          color: theme.colors.textSecondary,
+          padding: "40px",
+          textAlign: "center",
+          fontFamily: theme.fonts.body
+        },
+        children: [
+          /* @__PURE__ */ jsx(FileText, { size: 48, style: { marginBottom: "16px", opacity: 0.5 } }),
+          /* @__PURE__ */ jsx(
+            "h3",
+            {
+              style: {
+                margin: "0 0 8px 0",
+                fontSize: theme.fontSizes[3],
+                fontWeight: 600,
+                color: theme.colors.text
+              },
+              children: "No File Selected"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              style: {
+                margin: 0,
+                fontSize: theme.fontSizes[2],
+                maxWidth: "400px"
+              },
+              children: "Select a markdown file (.md or .mdx) to start editing"
+            }
+          )
+        ]
+      }
+    );
+  }
+  const safeMarkdown = typeof markdown === "string" ? markdown : String(markdown || "");
+  const editorContent = /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        height: "100%",
+        width: "100%"
+      },
+      children: /* @__PURE__ */ jsx(
+        MDXEditor,
+        {
+          markdown: safeMarkdown,
+          onChange: handleChange,
+          readOnly: !isEditable,
+          contentEditableClassName: "prose",
+          plugins
+        },
+        filePath || "default"
+      )
+    }
+  );
+  if (parseError) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          height: "100%"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                padding: "12px 16px",
+                backgroundColor: theme.colors.warning || "#f59e0b",
+                color: theme.colors.background,
+                fontSize: theme.fontSizes[2],
+                display: "flex",
+                alignItems: "center",
+                gap: "8px"
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { children: "Warning" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  parseError,
+                  " - Switch to source mode using the toolbar button to edit the raw markdown."
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: editorContent })
+        ]
+      }
+    );
+  }
+  return editorContent;
+};
+const MDXEditorPanel = (props) => {
+  return /* @__PURE__ */ jsx(MDXEditorPanelContent, { ...props });
+};
+const MDXEditorPanelPreview = () => {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        border: `1px solid ${theme.colors.border}`,
+        borderRadius: "4px",
+        padding: "20px"
+      },
+      children: [
+        /* @__PURE__ */ jsx(FileText, { size: 32, style: { marginBottom: "12px", opacity: 0.6 } }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              fontSize: theme.fontSizes[2],
+              fontWeight: 600,
+              color: theme.colors.text,
+              marginBottom: "4px"
+            },
+            children: "MDX Editor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              fontSize: theme.fontSizes[1],
+              color: theme.colors.textSecondary,
+              textAlign: "center"
+            },
+            children: "Rich markdown editor with live preview"
+          }
+        )
+      ]
+    }
+  );
+};
+const openFileTool = {
+  name: "open_file",
+  description: "Opens a file in the file editor panel",
+  inputs: {
+    type: "object",
+    properties: {
+      filePath: {
+        type: "string",
+        description: "Path to the file to open"
+      },
+      readOnly: {
+        type: "boolean",
+        description: "Whether to open the file in read-only mode"
+      }
+    },
+    required: ["filePath"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      filePath: { type: "string" }
+    }
+  },
+  tags: ["file", "editor", "open"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "file-editing-panels:open-file"
+  }
+};
+const viewDiffTool = {
+  name: "view_diff",
+  description: "Opens a file in the git diff panel to view changes",
+  inputs: {
+    type: "object",
+    properties: {
+      filePath: {
+        type: "string",
+        description: "Path to the file to diff"
+      },
+      status: {
+        type: "string",
+        enum: ["staged", "unstaged", "untracked", "deleted"],
+        description: "The git status of the file"
+      }
+    },
+    required: ["filePath"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      filePath: { type: "string" }
+    }
+  },
+  tags: ["git", "diff", "view"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "file-editing-panels:view-diff"
+  }
+};
+const openMarkdownTool = {
+  name: "open_markdown",
+  description: "Opens a markdown file in the MDX editor panel",
+  inputs: {
+    type: "object",
+    properties: {
+      filePath: {
+        type: "string",
+        description: "Path to the markdown file to open"
+      },
+      readOnly: {
+        type: "boolean",
+        description: "Whether to open the file in read-only mode"
+      }
+    },
+    required: ["filePath"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      filePath: { type: "string" }
+    }
+  },
+  tags: ["markdown", "mdx", "editor"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "file-editing-panels:open-markdown"
+  }
+};
+const fileEditingPanelTools = [
+  openFileTool,
+  viewDiffTool,
+  openMarkdownTool
+];
+const fileEditingPanelToolsMetadata = {
+  id: "industry-theme.file-editing-panels",
+  name: "File Editing Panels",
+  description: "Tools for file editing, git diff viewing, and markdown editing",
+  tools: fileEditingPanelTools
+};
+const panels = [
+  {
+    metadata: {
+      id: "industry-theme.file-editor",
+      name: "File Editor",
+      icon: "📝",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Monaco-based code editor with syntax highlighting",
+      slices: ["active-file", "fileTree"],
+      tools: [fileEditingPanelTools[0]]
+      // openFileTool
+    },
+    component: FileEditorPanel,
+    onMount: async (context) => {
+      var _a;
+      console.log(
+        "File Editor Panel mounted",
+        (_a = context.currentScope.repository) == null ? void 0 : _a.path
+      );
+    },
+    onUnmount: async (_context) => {
+      console.log("File Editor Panel unmounting");
+    }
+  },
+  {
+    metadata: {
+      id: "industry-theme.git-diff",
+      name: "Git Diff",
+      icon: "🔀",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Side-by-side git diff viewer",
+      slices: ["git", "fileTree"],
+      tools: [fileEditingPanelTools[1]]
+      // viewDiffTool
+    },
+    component: GitDiffPanel,
+    onMount: async (context) => {
+      var _a;
+      console.log(
+        "Git Diff Panel mounted",
+        (_a = context.currentScope.repository) == null ? void 0 : _a.path
+      );
+    },
+    onUnmount: async (_context) => {
+      console.log("Git Diff Panel unmounting");
+    }
+  },
+  {
+    metadata: {
+      id: "industry-theme.mdx-editor",
+      name: "MDX Editor",
+      icon: "📄",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Rich markdown/MDX editor with live preview",
+      slices: ["active-file", "fileTree"],
+      tools: [fileEditingPanelTools[2]]
+      // openMarkdownTool
+    },
+    component: MDXEditorPanel,
+    onMount: async (context) => {
+      var _a;
+      console.log(
+        "MDX Editor Panel mounted",
+        (_a = context.currentScope.repository) == null ? void 0 : _a.path
+      );
+    },
+    onUnmount: async (_context) => {
+      console.log("MDX Editor Panel unmounting");
+    }
+  }
+];
+const onPackageLoad = async () => {
+  console.log("Panel package loaded - File Editing Panels");
+};
+const onPackageUnload = async () => {
+  console.log("Panel package unloading - File Editing Panels");
+};
 export {
-  G as FileEditorPanel,
-  H as FileEditorPanelPreview,
-  J as GitDiffPanel,
-  K as GitDiffPanelPreview,
-  M as MDXEditorPanel,
-  O as MDXEditorPanelPreview,
-  z as fileEditingPanelTools,
-  A as fileEditingPanelToolsMetadata,
-  x as onPackageLoad,
-  y as onPackageUnload,
-  B as openFileTool,
-  F as openMarkdownTool,
-  w as panels,
-  D as viewDiffTool
+  FileEditorPanel,
+  FileEditorPanelPreview,
+  GitDiffPanel,
+  GitDiffPanelPreview,
+  MDXEditorPanel,
+  MDXEditorPanelPreview,
+  fileEditingPanelTools,
+  fileEditingPanelToolsMetadata,
+  onPackageLoad,
+  onPackageUnload,
+  openFileTool,
+  openMarkdownTool,
+  panels,
+  viewDiffTool
 };
 //# sourceMappingURL=panels.bundle.js.map