@industry-theme/git-panels 0.1.18 → 0.1.20

package/dist/panels.bundle.js

@@ -403,9 +403,9 @@ const GitCommitHistoryPanel = ({
   const { theme: theme2 } = useTheme();
   const [limit, setLimit] = useState(25);
   const [selectedHash, setSelectedHash] = useState(null);
-  const commitsSlice = context.getSlice("commits");
-  const hasCommits = context.hasSlice("commits");
-  const isLoading = context.isSliceLoading("commits");
+  const { commits: commitsSlice } = context;
+  const hasCommits = !!commitsSlice;
+  const isLoading = (commitsSlice == null ? void 0 : commitsSlice.loading) ?? false;
   const commits = ((_a = commitsSlice == null ? void 0 : commitsSlice.data) == null ? void 0 : _a.commits) ?? [];
   const sortedCommits = useMemo(() => {
     return commits.slice(0, limit).sort((a, b) => {
@@ -37547,20 +37547,20 @@ class EditMap {
     this.map.length = 0;
   }
 }
-function addImplementation(editMap, at, remove, add) {
+function addImplementation(editMap, at2, remove, add) {
   let index2 = 0;
   if (remove === 0 && add.length === 0) {
     return;
   }
   while (index2 < editMap.map.length) {
-    if (editMap.map[index2][0] === at) {
+    if (editMap.map[index2][0] === at2) {
       editMap.map[index2][1] += remove;
       editMap.map[index2][2].push(...add);
       return;
     }
     index2 += 1;
   }
-  editMap.map.push([at, remove, add]);
+  editMap.map.push([at2, remove, add]);
 }
 function gfmTableAlign(events, index2) {
   let inDelimiterRow = false;
@@ -39717,7 +39717,7 @@ var css_248z = ".transform-component-module_wrapper__SPB86 {\n  position: relati
 var styles = { "wrapper": "transform-component-module_wrapper__SPB86", "content": "transform-component-module_content__FBWxo" };
 styleInject(css_248z);
 var TransformComponent = function(_a) {
-  var children2 = _a.children, _b = _a.wrapperClass, wrapperClass = _b === void 0 ? "" : _b, _c = _a.contentClass, contentClass = _c === void 0 ? "" : _c, wrapperStyle = _a.wrapperStyle, contentStyle = _a.contentStyle, _d = _a.wrapperProps, wrapperProps = _d === void 0 ? {} : _d, _e = _a.contentProps, contentProps = _e === void 0 ? {} : _e;
+  var children2 = _a.children, _b = _a.wrapperClass, wrapperClass = _b === void 0 ? "" : _b, _c = _a.contentClass, contentClass = _c === void 0 ? "" : _c, wrapperStyle = _a.wrapperStyle, contentStyle = _a.contentStyle, _d = _a.wrapperProps, wrapperProps = _d === void 0 ? {} : _d, _e2 = _a.contentProps, contentProps = _e2 === void 0 ? {} : _e2;
   var _f = useContext(Context), init = _f.init, cleanupWindowEvents = _f.cleanupWindowEvents;
   var wrapperRef = useRef(null);
   var contentRef = useRef(null);
@@ -39737,6 +39737,96 @@ var TransformComponent = function(_a) {
     React2__default.createElement("div", __assign({}, contentProps, { ref: contentRef, className: "".concat(baseClasses.contentClass, " ").concat(styles.content, " ").concat(contentClass), style: contentStyle }), children2)
   );
 };
+var isInjected = false;
+function injectHighlightStyles() {
+  if (isInjected || typeof document === "undefined") {
+    return;
+  }
+  const existingStyle = document.getElementById("themed-markdown-highlight-css");
+  if (existingStyle) {
+    isInjected = true;
+    return;
+  }
+  const css2 = `
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+
+.hljs {
+  color: #abb2bf;
+  background: #282c34
+}
+.hljs-comment,
+.hljs-quote {
+  color: #5c6370;
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #c678dd
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75
+}
+.hljs-literal {
+  color: #56b6c2
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string {
+  color: #98c379
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee
+}
+.hljs-built_in,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #e6c07b
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}`;
+  const styleElement = document.createElement("style");
+  styleElement.id = "themed-markdown-highlight-css";
+  styleElement.textContent = css2;
+  document.head.appendChild(styleElement);
+  isInjected = true;
+}
+injectHighlightStyles();
 var terminalTheme = {
   space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
   fonts: {
@@ -39774,52 +39864,53 @@ var terminalTheme = {
   zIndices: [0, 1, 10, 20, 30, 40, 50],
   colors: {
     text: "#e4e4e4",
-    background: "rgba(10, 10, 10, 0.85)",
+    background: "#0a0a0a",
     primary: "#66b3ff",
     secondary: "#80c4ff",
     accent: "#66ff99",
-    highlight: "rgba(102, 179, 255, 0.15)",
-    muted: "rgba(26, 26, 26, 0.8)",
+    highlight: "#18283d",
+    muted: "#1a1a1a",
     success: "#66ff99",
     warning: "#ffcc66",
     error: "#ff6666",
     info: "#66b3ff",
-    border: "rgba(255, 255, 255, 0.1)",
-    backgroundSecondary: "rgba(15, 15, 15, 0.9)",
-    backgroundTertiary: "rgba(20, 20, 20, 0.9)",
-    backgroundLight: "rgba(255, 255, 255, 0.05)",
-    backgroundHover: "rgba(102, 179, 255, 0.08)",
-    surface: "rgba(15, 15, 15, 0.95)",
-    textSecondary: "rgba(255, 255, 255, 0.7)",
-    textTertiary: "rgba(255, 255, 255, 0.5)",
-    textMuted: "rgba(255, 255, 255, 0.4)",
-    highlightBg: "rgba(255, 235, 59, 0.25)",
-    highlightBorder: "rgba(255, 235, 59, 0.5)"
+    border: "#1a1a1a",
+    backgroundSecondary: "#0f0f0f",
+    backgroundTertiary: "#141414",
+    backgroundLight: "#0d0d0d",
+    backgroundHover: "#0d1520",
+    surface: "#0f0f0f",
+    textSecondary: "#b3b3b3",
+    textTertiary: "#808080",
+    textMuted: "#666666",
+    highlightBg: "#40391e",
+    highlightBorder: "#7f7530",
+    textOnPrimary: "#ffffff"
   },
   modes: {
     light: {
       text: "#1a1a1a",
-      background: "rgba(255, 255, 255, 0.9)",
+      background: "#ffffff",
       primary: "#0066cc",
       secondary: "#0052a3",
       accent: "#00cc88",
-      highlight: "rgba(0, 102, 204, 0.08)",
-      muted: "rgba(245, 245, 245, 0.8)",
+      highlight: "#e6f2ff",
+      muted: "#f5f5f5",
       success: "#00cc88",
       warning: "#ffaa00",
       error: "#ff3333",
       info: "#0066cc",
-      border: "rgba(0, 0, 0, 0.1)",
-      backgroundSecondary: "rgba(250, 250, 250, 0.9)",
-      backgroundTertiary: "rgba(245, 245, 245, 0.9)",
-      backgroundLight: "rgba(0, 0, 0, 0.02)",
-      backgroundHover: "rgba(0, 102, 204, 0.04)",
-      surface: "rgba(255, 255, 255, 0.95)",
-      textSecondary: "rgba(0, 0, 0, 0.6)",
-      textTertiary: "rgba(0, 0, 0, 0.4)",
-      textMuted: "rgba(0, 0, 0, 0.3)",
-      highlightBg: "rgba(255, 235, 59, 0.3)",
-      highlightBorder: "rgba(255, 235, 59, 0.6)"
+      border: "#e6e6e6",
+      backgroundSecondary: "#fafafa",
+      backgroundTertiary: "#f5f5f5",
+      backgroundLight: "#fafafa",
+      backgroundHover: "#f5f9fd",
+      surface: "#ffffff",
+      textSecondary: "#666666",
+      textTertiary: "#999999",
+      textMuted: "#b3b3b3",
+      highlightBg: "#fff9c4",
+      highlightBorder: "#fff389"
     }
   },
   buttons: {
@@ -41124,7 +41215,8 @@ var createIndustryMarkdownComponents = ({
   enableHtmlPopout,
   slideHeaderMarginTopOverride,
   index: index2,
-  repositoryInfo
+  repositoryInfo,
+  editable = false
 }) => {
   const getLuminance = (hex) => {
     const rgb = hex.replace("#", "").match(/.{2}/g);
@@ -41135,8 +41227,8 @@ var createIndustryMarkdownComponents = ({
   };
   const darkMode = getLuminance(theme2.colors.background) < 0.5;
   const headerStyles = {};
-  if (index2 === 0 && slideHeaderMarginTopOverride) {
-    headerStyles.marginTop = `${slideHeaderMarginTopOverride}px`;
+  if (index2 === 0) {
+    headerStyles.marginTop = slideHeaderMarginTopOverride ? `${slideHeaderMarginTopOverride}px` : 0;
   }
   return {
     h1: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h1", {
@@ -41145,9 +41237,11 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[5],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[4],
         fontFamily: theme2.fonts.heading,
+        paddingBottom: theme2.space[2],
+        borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
       ...props
@@ -41158,9 +41252,11 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[4],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading,
+        paddingBottom: theme2.space[2],
+        borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
       ...props
@@ -41171,12 +41267,48 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[3],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.semibold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading
       },
       ...props
     }, children2),
+    h4: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h4", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[2],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.semibold,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[2],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
+    h5: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h5", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[1],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.semibold,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[1],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
+    h6: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h6", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[1],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.medium,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[1],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
     p: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("p", {
       style: {
         color: theme2.colors.text,
@@ -41212,7 +41344,7 @@ var createIndustryMarkdownComponents = ({
       ...props
     }, children2),
     li: ({ children: children2, ...props }) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e2, _f, _g, _h;
       const isTaskListItem = Array.isArray(children2) && children2.length > 0 && React2__default.isValidElement(children2[0]) && ((_b = (_a = children2[0]) == null ? void 0 : _a.props) == null ? void 0 : _b.type) === "checkbox";
       if (isTaskListItem) {
         const checkbox = children2[0];
@@ -41227,7 +41359,7 @@ var createIndustryMarkdownComponents = ({
           }
         });
         const checked = ((_c = checkbox == null ? void 0 : checkbox.props) == null ? void 0 : _c.checked) || false;
-        const lineNumber = ((_e = (_d = props.sourcePosition) == null ? void 0 : _d.start) == null ? void 0 : _e.line) || ((_h = (_g = (_f = props.node) == null ? void 0 : _f.position) == null ? void 0 : _g.start) == null ? void 0 : _h.line) || 1;
+        const lineNumber = ((_e2 = (_d = props.sourcePosition) == null ? void 0 : _d.start) == null ? void 0 : _e2.line) || ((_h = (_g = (_f = props.node) == null ? void 0 : _f.position) == null ? void 0 : _g.start) == null ? void 0 : _h.line) || 1;
         const id = `${slideIdPrefix}-checkbox-${lineNumber}`;
         const isChecked = checkedItems[id] ?? checked;
         const handleChange = (e) => {
@@ -41256,19 +41388,20 @@ var createIndustryMarkdownComponents = ({
           checked: isChecked,
           onChange: handleChange,
           onClick: (e) => e.stopPropagation(),
+          disabled: !editable,
           style: {
             marginRight: theme2.space[2],
             marginTop: theme2.space[1],
             width: "16px",
             height: "16px",
-            cursor: "pointer"
+            cursor: editable ? "pointer" : "default"
           },
           id
         }), /* @__PURE__ */ React2__default.createElement("label", {
           htmlFor: id,
           style: {
             flex: 1,
-            cursor: "pointer",
+            cursor: editable ? "pointer" : "default",
             color: isChecked ? theme2.colors.textMuted : "inherit",
             lineHeight: theme2.lineHeights.relaxed
           }
@@ -41371,7 +41504,7 @@ var createIndustryMarkdownComponents = ({
       });
     },
     code: ({ node: node2, className, children: children2, ...props }) => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e2, _f;
       const hasLanguageClass = className && (className.includes("language-") || className.includes("hljs"));
       const codeString = extractTextFromChildren(children2);
       const matchLang = /language-(\w+)/.exec(className || "");
@@ -41538,7 +41671,7 @@ var createIndustryMarkdownComponents = ({
         }), "Fill & Copy (", placeholders.length, ")"))), isPrompt ? /* @__PURE__ */ React2__default.createElement("div", {
           style: {
             margin: 0,
-            padding: theme2.space[5],
+            padding: theme2.space[1],
             backgroundColor: "transparent",
             fontSize: theme2.fontSizes[1],
             lineHeight: theme2.lineHeights.body,
@@ -41565,7 +41698,7 @@ var createIndustryMarkdownComponents = ({
         })) : /* @__PURE__ */ React2__default.createElement("pre", {
           style: {
             margin: 0,
-            padding: theme2.space[4],
+            padding: theme2.space[1],
             backgroundColor: "transparent",
             overflow: "auto",
             fontSize: theme2.fontSizes[1],
@@ -41583,7 +41716,7 @@ var createIndustryMarkdownComponents = ({
           ...props
         }, children2)));
       }
-      const cleanClassName = (_f = (_e = (_d = className == null ? void 0 : className.replace(/hljs(-\w+)?/g, "")) == null ? void 0 : _d.replace(/language-\w+/g, "")) == null ? void 0 : _e.replace(/\s+/g, " ")) == null ? void 0 : _f.trim();
+      const cleanClassName = (_f = (_e2 = (_d = className == null ? void 0 : className.replace(/hljs(-\w+)?/g, "")) == null ? void 0 : _d.replace(/language-\w+/g, "")) == null ? void 0 : _e2.replace(/\s+/g, " ")) == null ? void 0 : _f.trim();
       return /* @__PURE__ */ React2__default.createElement("code", {
         style: {
           color: theme2.colors.accent,
@@ -42281,29 +42414,25 @@ var fontTransitionCSS = `
     font-size: 1rem !important; /* Fixed size for checkbox labels */
   }
   
-  /* Remove top margin from headings when they're the first element */
-  .markdown-slide > :first-child h1:first-child,
-  .markdown-slide > :first-child h2:first-child,
-  .markdown-slide > :first-child h3:first-child,
-  .markdown-slide > :first-child h4:first-child,
-  .markdown-slide > :first-child h5:first-child,
-  .markdown-slide > :first-child h6:first-child {
+  /* Remove top margin from any first element - must override inline styles */
+  .markdown-slide > *:first-child,
+  .markdown-slide > *:first-child > *:first-child {
     margin-top: 0 !important;
   }
-  
-  /* Also handle when heading is inside the first paragraph/div from ReactMarkdown */
-  .markdown-slide > div:first-child > h1:first-child,
-  .markdown-slide > div:first-child > h2:first-child,
-  .markdown-slide > div:first-child > h3:first-child,
-  .markdown-slide > div:first-child > h4:first-child,
-  .markdown-slide > div:first-child > h5:first-child,
-  .markdown-slide > div:first-child > h6:first-child,
-  .markdown-slide > p:first-child > h1:first-child,
-  .markdown-slide > p:first-child > h2:first-child,
-  .markdown-slide > p:first-child > h3:first-child,
-  .markdown-slide > p:first-child > h4:first-child,
-  .markdown-slide > p:first-child > h5:first-child,
-  .markdown-slide > p:first-child > h6:first-child {
+
+  /* Specifically target all possible first-child elements */
+  .markdown-slide > h1:first-child,
+  .markdown-slide > h2:first-child,
+  .markdown-slide > h3:first-child,
+  .markdown-slide > h4:first-child,
+  .markdown-slide > h5:first-child,
+  .markdown-slide > h6:first-child,
+  .markdown-slide > p:first-child,
+  .markdown-slide > ul:first-child,
+  .markdown-slide > ol:first-child,
+  .markdown-slide > div:first-child,
+  .markdown-slide > blockquote:first-child,
+  .markdown-slide > pre:first-child {
     margin-top: 0 !important;
   }
 `;
@@ -42350,7 +42479,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
   maxScreenWidth: _maxScreenWidth,
   enableKeyboardScrolling = true,
   keyboardScrollConfig,
-  repositoryInfo
+  repositoryInfo,
+  editable = false
 }) {
   const slideRef = useRef(null);
   const scrollPositionsRef = useRef(/* @__PURE__ */ new Map());
@@ -42621,7 +42751,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     }
   }, [slideIndex]);
   const sanitizeSchema = useMemo(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J;
+    var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J;
     return {
       ...defaultSchema,
       tagNames: [...defaultSchema.tagNames || [], "picture", "source", "mark"],
@@ -42632,7 +42762,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
         span: [...((_b = defaultSchema.attributes) == null ? void 0 : _b.span) || [], "className", "style"],
         pre: [...((_c = defaultSchema.attributes) == null ? void 0 : _c.pre) || [], "className", "style"],
         div: [...((_d = defaultSchema.attributes) == null ? void 0 : _d.div) || [], "style", "className", "id"],
-        p: [...((_e = defaultSchema.attributes) == null ? void 0 : _e.p) || [], "style", "className", "id"],
+        p: [...((_e2 = defaultSchema.attributes) == null ? void 0 : _e2.p) || [], "style", "className", "id"],
         h1: [...((_f = defaultSchema.attributes) == null ? void 0 : _f.h1) || [], "style", "className", "id"],
         h2: [...((_g = defaultSchema.attributes) == null ? void 0 : _g.h2) || [], "style", "className", "id"],
         h3: [...((_h = defaultSchema.attributes) == null ? void 0 : _h.h3) || [], "style", "className", "id"],
@@ -42706,7 +42836,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
       enableHtmlPopout,
       slideHeaderMarginTopOverride,
       index: chunkIndex,
-      repositoryInfo
+      repositoryInfo,
+      editable
     });
     if (searchQuery) {
       return {
@@ -42739,7 +42870,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     enableHtmlPopout,
     slideHeaderMarginTopOverride,
     repositoryInfo,
-    searchQuery
+    searchQuery,
+    editable
   ]);
   return /* @__PURE__ */ React2__default.createElement("div", {
     className: "markdown-slide",
@@ -43026,7 +43158,6 @@ var panelConstraintFlags = /* @__PURE__ */ new Map();
 function reportConstraintsViolation(resizeHandleId, flag) {
   panelConstraintFlags.set(resizeHandleId, flag);
 }
-new AbortController();
 function useForceUpdate() {
   const [_, setCount] = useState(0);
   return useCallback(() => setCount((prevCount) => prevCount + 1), []);
@@ -43190,7 +43321,7 @@ function adjustLayoutByDelta({
       if (!fuzzyNumbersEqual(prevSize, safeSize)) {
         deltaApplied += prevSize - safeSize;
         nextLayout[index2] = safeSize;
-        if (deltaApplied.toPrecision(3).localeCompare(Math.abs(delta).toPrecision(3), void 0, {
+        if (deltaApplied.toFixed(3).localeCompare(Math.abs(delta).toFixed(3), void 0, {
           numeric: true
         }) >= 0) {
           break;
@@ -43299,9 +43430,14 @@ function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
   const index2 = getResizeHandleElementIndex(groupId, dragHandleId, panelGroupElement);
   return index2 != null ? [index2, index2 + 1] : [-1, -1];
 }
+function isHTMLElement(target) {
+  if (target instanceof HTMLElement) {
+    return true;
+  }
+  return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
+}
 function getPanelGroupElement(id, rootElement = document) {
-  var _dataset;
-  if (rootElement instanceof HTMLElement && (rootElement === null || rootElement === void 0 ? void 0 : (_dataset = rootElement.dataset) === null || _dataset === void 0 ? void 0 : _dataset.panelGroupId) == id) {
+  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
   const element2 = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
@@ -43619,11 +43755,11 @@ function computePanelFlexBoxStyle({
   const size = layout[panelIndex];
   let flexGrow;
   if (size == null) {
-    flexGrow = defaultSize != null ? defaultSize.toPrecision(precision) : "1";
+    flexGrow = defaultSize != null ? defaultSize.toFixed(precision) : "1";
   } else if (panelData.length === 1) {
     flexGrow = "1";
   } else {
-    flexGrow = size.toPrecision(precision);
+    flexGrow = size.toFixed(precision);
   }
   return {
     flexBasis: 0,
@@ -44405,23 +44541,26 @@ function panelDataHelper(panelDataArray, panelData, layout) {
     pivotIndices
   };
 }
-function S(e2) {
+function C(e2) {
   return { "--panel-background": e2.colors.background, "--panel-border": e2.colors.border, "--panel-handle": e2.colors.backgroundSecondary, "--panel-handle-hover": e2.colors.backgroundHover, "--panel-handle-active": e2.colors.primary, "--panel-button-bg": e2.colors.surface, "--panel-button-hover": e2.colors.backgroundHover, "--panel-button-border": e2.colors.border, "--panel-button-icon": e2.colors.textSecondary, "--panel-accent-bg": e2.colors.primary + "15" };
 }
-var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minPanelWidth: u2 = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m2, preventKeyboardScroll: f2 = true }, g) => {
-  const v = useRef(null), b = S(d2);
-  useImperativeHandle(g, () => ({ scrollToPanel: (e2) => {
-    if (!v.current)
+var z = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minPanelWidth: u2 = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m2, preventKeyboardScroll: f2 = true, disableSwipe: g = false }, v) => {
+  const b = useRef(null), y2 = useRef(false), w2 = useRef(null), x2 = C(d2);
+  useImperativeHandle(v, () => ({ scrollToPanel: (e2) => {
+    if (!b.current)
       return;
-    const t2 = v.current, n2 = t2.children[e2];
+    const t2 = b.current, n2 = t2.children[e2];
     if (n2) {
+      y2.current = true, w2.current && clearTimeout(w2.current);
       const e3 = n2.offsetLeft;
-      t2.scrollTo({ left: e3, behavior: "smooth" });
+      t2.scrollTo({ left: e3, behavior: "smooth" }), w2.current = setTimeout(() => {
+        y2.current = false;
+      }, 500);
     }
   }, getCurrentPanel: () => {
-    if (!v.current || v.current.children.length === 0)
+    if (!b.current || b.current.children.length === 0)
       return 0;
-    const e2 = v.current, t2 = e2.getBoundingClientRect().left;
+    const e2 = b.current, t2 = e2.getBoundingClientRect().left;
     let n2 = 0, r2 = 1 / 0;
     for (let o3 = 0; o3 < e2.children.length; o3++) {
       const i2 = e2.children[o3].getBoundingClientRect(), a3 = Math.abs(i2.left - t2);
@@ -44430,9 +44569,9 @@ var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minP
     return n2;
   } }));
   useEffect(() => {
-    if (!f2 || !v.current)
+    if (!f2 || !b.current)
       return;
-    const e2 = v.current, t2 = (e3) => {
+    const e2 = b.current, t2 = (e3) => {
       const t3 = e3.target;
       if (t3.tagName === "INPUT" || t3.tagName === "TEXTAREA" || t3.tagName === "SELECT" || t3.isContentEditable || t3.closest(".xterm") !== null || t3.closest('[contenteditable="true"]') !== null)
         return;
@@ -44441,79 +44580,84 @@ var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minP
     return e2.addEventListener("keydown", t2), () => {
       e2.removeEventListener("keydown", t2);
     };
-  }, [f2]);
-  const y2 = o2.length, w2 = 2 * u2;
-  let x2;
-  x2 = y2 === 1 || y2 === 2 ? "100%" : `max(${u2}px, ${100 * p2}%)`;
-  const C = React2__default.useId().replace(/:/g, "_");
+  }, [f2]), useEffect(() => () => {
+    w2.current && clearTimeout(w2.current);
+  }, []);
+  const S = o2.length, R2 = 2 * u2;
+  let N;
+  N = S === 1 || S === 2 ? "100%" : `max(${u2}px, ${100 * p2}%)`;
+  const E = React2__default.useId().replace(/:/g, "_");
   return jsxs(Fragment, { children: [
-    y2 === 2 && /* @__PURE__ */ jsx("style", { children: `
-            .snap-carousel-container[data-carousel-id="${C}"][data-panel-count="2"] .snap-carousel-panel {
+    S === 2 && /* @__PURE__ */ jsx("style", { children: `
+            .snap-carousel-container[data-carousel-id="${E}"][data-panel-count="2"] .snap-carousel-panel {
               width: 100%;
             }
-            @container (min-width: ${w2}px) {
-              .snap-carousel-container[data-carousel-id="${C}"][data-panel-count="2"] .snap-carousel-panel {
+            @container (min-width: ${R2}px) {
+              .snap-carousel-container[data-carousel-id="${E}"][data-panel-count="2"] .snap-carousel-panel {
                 width: 50%;
               }
             }
           ` }),
-    /* @__PURE__ */ jsx("div", { ref: v, className: `snap-carousel-container ${a2}`, style: { ...b, ...s2, "--snap-carousel-min-width": `${u2}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": x2, "--snap-carousel-panel-count": y2, "--snap-carousel-two-panel-threshold": `${w2}px` }, onScroll: (e2) => {
-      if (!m2 || !v.current || v.current.children.length === 0)
+    /* @__PURE__ */ jsx("div", { ref: b, className: `snap-carousel-container ${g ? "swipe-disabled" : ""} ${a2}`, style: { ...x2, ...s2, "--snap-carousel-min-width": `${u2}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": N, "--snap-carousel-panel-count": S, "--snap-carousel-two-panel-threshold": `${R2}px` }, onScroll: (e2) => {
+      if (!m2 || !b.current || b.current.children.length === 0)
         return;
-      const t2 = v.current, n2 = t2.getBoundingClientRect().left;
+      if (y2.current)
+        return;
+      const t2 = b.current, n2 = t2.getBoundingClientRect().left;
       let r2 = 0, o3 = 1 / 0;
       for (let i2 = 0; i2 < t2.children.length; i2++) {
         const e3 = t2.children[i2].getBoundingClientRect(), a3 = Math.abs(e3.left - n2);
         a3 < o3 && (o3 = a3, r2 = i2);
       }
       m2(r2);
-    }, "data-panel-count": y2, "data-carousel-id": C, children: o2.map((t2, n2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t2 }, n2)) })
+    }, "data-panel-count": S, "data-carousel-id": E, children: o2.map((t2, n2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t2 }, n2)) })
   ] });
 });
-M.displayName = "SnapCarousel";
+z.displayName = "SnapCarousel";
+var le;
 var se;
-var ce;
-(ce = se || (se = {})).DragStart = "dragStart", ce.DragMove = "dragMove", ce.DragEnd = "dragEnd", ce.DragCancel = "dragCancel", ce.DragOver = "dragOver", ce.RegisterDroppable = "registerDroppable", ce.SetDroppableDisabled = "setDroppableDisabled", ce.UnregisterDroppable = "unregisterDroppable";
-var ue = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
+(se = le || (le = {})).DragStart = "dragStart", se.DragMove = "dragMove", se.DragEnd = "dragEnd", se.DragCancel = "dragCancel", se.DragOver = "dragOver", se.RegisterDroppable = "registerDroppable", se.SetDroppableDisabled = "setDroppableDisabled", se.UnregisterDroppable = "unregisterDroppable";
+var de = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
 var Te;
-var ke;
-(ke = Te || (Te = {}))[ke.Forward = 1] = "Forward", ke[ke.Backward = -1] = "Backward";
+var Ae;
+(Ae = Te || (Te = {}))[Ae.Forward = 1] = "Forward", Ae[Ae.Backward = -1] = "Backward";
+var _e;
 var je;
 var He;
 var Ke;
-var Ue;
-(He = je || (je = {})).Click = "click", He.DragStart = "dragstart", He.Keydown = "keydown", He.ContextMenu = "contextmenu", He.Resize = "resize", He.SelectionChange = "selectionchange", He.VisibilityChange = "visibilitychange", (Ue = Ke || (Ke = {})).Space = "Space", Ue.Down = "ArrowDown", Ue.Right = "ArrowRight", Ue.Left = "ArrowLeft", Ue.Up = "ArrowUp", Ue.Esc = "Escape", Ue.Enter = "Enter", Ue.Tab = "Tab";
-({ start: [Ke.Space, Ke.Enter], cancel: [Ke.Esc], end: [Ke.Space, Ke.Enter, Ke.Tab] });
+(je = _e || (_e = {})).Click = "click", je.DragStart = "dragstart", je.Keydown = "keydown", je.ContextMenu = "contextmenu", je.Resize = "resize", je.SelectionChange = "selectionchange", je.VisibilityChange = "visibilitychange", (Ke = He || (He = {})).Space = "Space", Ke.Down = "ArrowDown", Ke.Right = "ArrowRight", Ke.Left = "ArrowLeft", Ke.Up = "ArrowUp", Ke.Esc = "Escape", Ke.Enter = "Enter", Ke.Tab = "Tab";
+({ start: [He.Space, He.Enter], cancel: [He.Esc], end: [He.Space, He.Enter, He.Tab] });
+var rt;
 var ot;
-var it;
-(it = ot || (ot = {}))[it.RightClick = 2] = "RightClick";
+(ot = rt || (rt = {}))[ot.RightClick = 2] = "RightClick";
+var at;
 var lt;
 var st;
 var ct;
-var dt;
-(st = lt || (lt = {}))[st.Pointer = 0] = "Pointer", st[st.DraggableRect = 1] = "DraggableRect", (dt = ct || (ct = {}))[dt.TreeOrder = 0] = "TreeOrder", dt[dt.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+(lt = at || (at = {}))[lt.Pointer = 0] = "Pointer", lt[lt.DraggableRect = 1] = "DraggableRect", (ct = st || (st = {}))[ct.TreeOrder = 0] = "TreeOrder", ct[ct.ReversedTreeOrder = 1] = "ReversedTreeOrder";
 ({ x: { [Te.Backward]: false, [Te.Forward]: false }, y: { [Te.Backward]: false, [Te.Forward]: false } });
+var pt;
 var ht;
 var mt;
-var ft;
-(mt = ht || (ht = {}))[mt.Always = 0] = "Always", mt[mt.BeforeDragging = 1] = "BeforeDragging", mt[mt.WhileDragging = 2] = "WhileDragging", (ft || (ft = {})).Optimized = "optimized";
-({ droppable: { strategy: ht.WhileDragging, frequency: ft.Optimized } });
-/* @__PURE__ */ createContext({ ...ue, scaleX: 1, scaleY: 1 });
+(ht = pt || (pt = {}))[ht.Always = 0] = "Always", ht[ht.BeforeDragging = 1] = "BeforeDragging", ht[ht.WhileDragging = 2] = "WhileDragging", (mt || (mt = {})).Optimized = "optimized";
+({ droppable: { strategy: pt.WhileDragging, frequency: mt.Optimized } });
+/* @__PURE__ */ createContext({ ...de, scaleX: 1, scaleY: 1 });
+var $t;
 var Bt;
-var Ot;
-(Ot = Bt || (Bt = {}))[Ot.Uninitialized = 0] = "Uninitialized", Ot[Ot.Initializing = 1] = "Initializing", Ot[Ot.Initialized = 2] = "Initialized";
-var Vt;
+(Bt = $t || ($t = {}))[Bt.Uninitialized = 0] = "Uninitialized", Bt[Bt.Initializing = 1] = "Initializing", Bt[Bt.Initialized = 2] = "Initialized";
+var Ut;
 (() => {
   if (typeof window != "undefined") {
     const e2 = window;
     return e2.__principlemd_theme_context__ || (e2.__principlemd_theme_context__ = createContext(void 0)), e2.__principlemd_theme_context__;
   }
-  return Vt || (Vt = createContext(void 0)), Vt;
+  return Ut || (Ut = createContext(void 0)), Ut;
 })();
 var DocumentView = ({
   content: content2,
   onCheckboxChange,
   maxWidth = "900px",
+  width,
   slideIdPrefix = "document",
   enableHtmlPopout = true,
   enableKeyboardScrolling = true,
@@ -44524,7 +44668,8 @@ var DocumentView = ({
   repositoryInfo,
   fontSizeScale,
   theme: theme2,
-  transparentBackground = false
+  transparentBackground = false,
+  editable = false
 }) => {
   const containerRef = useRef(null);
   const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
@@ -44556,7 +44701,9 @@ var DocumentView = ({
     fontSizeScale,
     handlePromptCopy,
     repositoryInfo,
-    transparentBackground
+    transparentBackground,
+    editable,
+    containerWidth: width
   })));
 };
 const GitCommitDetailPanelContent = ({
@@ -45016,9 +45163,9 @@ const GitPullRequestsPanel = ({
   const { theme: theme2 } = useTheme();
   const [selectedPrId, setSelectedPrId] = useState(null);
   const [showDrafts, setShowDrafts] = useState(false);
-  const prSlice = context.getSlice("pullRequests");
-  const hasPRs = context.hasSlice("pullRequests");
-  const isLoading = context.isSliceLoading("pullRequests");
+  const { pullRequests: prSlice } = context;
+  const hasPRs = !!prSlice;
+  const isLoading = (prSlice == null ? void 0 : prSlice.loading) ?? false;
   const pullRequests = ((_a = prSlice == null ? void 0 : prSlice.data) == null ? void 0 : _a.pullRequests) ?? [];
   useEffect(() => {
     const unsubscribers = [
@@ -46095,7 +46242,8 @@ const panels = [
     },
     component: GitCommitHistoryPanel,
     onMount: async (context) => {
-      if (context.hasSlice("commits") && !context.isSliceLoading("commits")) {
+      const commitsSlice = context.getSlice("commits");
+      if (commitsSlice && !commitsSlice.loading) {
         await context.refresh("repository", "commits");
       }
     }
@@ -46127,7 +46275,8 @@ const panels = [
     },
     component: GitPullRequestsPanel,
     onMount: async (context) => {
-      if (context.hasSlice("pullRequests") && !context.isSliceLoading("pullRequests")) {
+      const pullRequestsSlice = context.getSlice("pullRequests");
+      if (pullRequestsSlice && !pullRequestsSlice.loading) {
         await context.refresh("repository", "pullRequests");
       }
     }