@industry-theme/git-panels 0.1.16 → 0.1.18

package/dist/panels/GitCommitHistoryPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GitCommitHistoryPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitCommitHistoryPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIpD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwN/D,CAAC;AA0EF;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EA+DhD,CAAC"}
+{"version":3,"file":"GitCommitHistoryPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitCommitHistoryPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIpD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0N/D,CAAC;AA0EF;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EA+DhD,CAAC"}

package/dist/panels/GitPullRequestsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GitPullRequestsPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitPullRequestsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIpD;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuR9D,CAAC;AAqIF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAkE/C,CAAC"}
+{"version":3,"file":"GitPullRequestsPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitPullRequestsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIpD;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoS9D,CAAC;AA6HF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAkE/C,CAAC"}

package/dist/panels.bundle.js

@@ -101,19 +101,6 @@ const createLucideIcon = (iconName, iconNode) => {
   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$j = [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }]
-];
-const Calendar = createLucideIcon("calendar", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -401,9 +388,12 @@ function formatDate(dateString) {
   if (diffDays === 0) return "Today";
   if (diffDays === 1) return "Yesterday";
   if (diffDays < 7) return `${diffDays} days ago`;
-  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;
-  if (diffDays < 365) return `${Math.floor(diffDays / 30)} months ago`;
-  return `${Math.floor(diffDays / 365)} years ago`;
+  const weeks = Math.floor(diffDays / 7);
+  if (diffDays < 30) return `${weeks} ${weeks === 1 ? "week" : "weeks"} ago`;
+  const months = Math.floor(diffDays / 30);
+  if (diffDays < 365) return `${months} ${months === 1 ? "month" : "months"} ago`;
+  const years = Math.floor(diffDays / 365);
+  return `${years} ${years === 1 ? "year" : "years"} ago`;
 }
 const GitCommitHistoryPanel = ({
   context,
@@ -481,65 +471,67 @@ const GitCommitHistoryPanel = ({
   }
   return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
     /* @__PURE__ */ jsx("style", { children: `.hide-scrollbar::-webkit-scrollbar { display: none; }` }),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "div",
       {
         style: {
+          position: "relative",
           height: "40px",
-          minHeight: "40px",
-          padding: "0 12px",
-          borderBottom: `1px solid ${theme2.colors.border}`,
-          backgroundColor: theme2.colors.background,
+          padding: "0 16px",
           display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
+          flexDirection: "column",
+          justifyContent: "center",
+          borderBottom: `1px solid ${theme2.colors.border}`,
+          backgroundColor: theme2.colors.backgroundLight,
           boxSizing: "border-box"
         },
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                gap: "8px",
-                color: theme2.colors.textSecondary,
-                fontFamily: theme2.fonts.heading,
-                fontSize: theme2.fontSizes[0],
-                fontWeight: 600,
-                textTransform: "uppercase"
-              },
-              children: "Commit History"
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: handleRefresh,
-              disabled: isLoading,
-              style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "6px",
-                padding: "4px 10px",
-                borderRadius: "4px",
-                border: `1px solid ${theme2.colors.border}`,
-                backgroundColor: theme2.colors.background,
-                color: theme2.colors.text,
-                cursor: isLoading ? "default" : "pointer",
-                fontFamily: theme2.fonts.body,
-                fontSize: theme2.fontSizes[0],
-                fontWeight: 500,
-                opacity: isLoading ? 0.7 : 1
-              },
-              children: [
-                /* @__PURE__ */ jsx(RefreshCcw, { size: 12 }),
-                isLoading ? "Refreshing..." : "Refresh"
-              ]
-            }
-          )
-        ]
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    fontFamily: theme2.fonts.body,
+                    fontSize: theme2.fontSizes[1],
+                    color: theme2.colors.textSecondary,
+                    fontWeight: 500
+                  },
+                  children: "Commit History"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleRefresh,
+                  disabled: isLoading,
+                  style: {
+                    background: "none",
+                    border: "1px solid transparent",
+                    borderRadius: "4px",
+                    cursor: isLoading ? "default" : "pointer",
+                    padding: "4px",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    color: theme2.colors.textSecondary,
+                    opacity: isLoading ? 0.7 : 1,
+                    transition: "all 0.2s ease"
+                  },
+                  title: isLoading ? "Refreshing..." : "Refresh",
+                  children: /* @__PURE__ */ jsx(RefreshCcw, { size: 16 })
+                }
+              )
+            ]
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsxs(
@@ -670,7 +662,7 @@ const CommitCard = ({ commit, theme: theme2, isSelected, onClick }) => {
               /* @__PURE__ */ jsx("span", { title: new Date(commit.date).toLocaleString(), children: relative }),
               commit.author && /* @__PURE__ */ jsxs("span", { children: [
                 "by ",
-                commit.author
+                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: commit.author })
               ] })
             ]
           }
@@ -731,7 +723,7 @@ const GitCommitHistoryPanelPreview = () => {
                   fontFamily: theme2.fonts.body
                 },
                 children: [
-                  /* @__PURE__ */ jsx("span", { children: commit.author }),
+                  /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: commit.author }),
                   /* @__PURE__ */ jsx("span", { children: "•" }),
                   /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.monospace }, children: commit.sha }),
                   /* @__PURE__ */ jsx("span", { children: "•" }),
@@ -41277,8 +41269,7 @@ var createIndustryMarkdownComponents = ({
           style: {
             flex: 1,
             cursor: "pointer",
-            textDecoration: isChecked ? "line-through" : "none",
-            opacity: isChecked ? 0.6 : 1,
+            color: isChecked ? theme2.colors.textMuted : "inherit",
             lineHeight: theme2.lineHeights.relaxed
           }
         }, labelContent.length > 0 ? labelContent : null)), nestedListElements.length > 0 ? nestedListElements : null);
@@ -42346,6 +42337,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
   handleRunBashCommand,
   handlePromptCopy,
   enableHtmlPopout = true,
+  autoFocusOnVisible = true,
   searchQuery,
   slideHeaderMarginTopOverride,
   theme: themeOverride,
@@ -42552,11 +42544,10 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     }
   }, [enableKeyboardScrolling, isVisible, slideIndex, scrollConfig]);
   useEffect(() => {
-    if (isVisible && slideRef.current) {
-      console.log("🎯 Auto-focusing slide container");
-      slideRef.current.focus();
+    if (autoFocusOnVisible && isVisible && slideRef.current) {
+      slideRef.current.focus({ preventScroll: true });
     }
-  }, [isVisible]);
+  }, [autoFocusOnVisible, isVisible]);
   const openPlaceholderModal = (placeholders, promptContent) => {
     if (!handlePromptCopy)
       return;
@@ -44521,15 +44512,12 @@ var Vt;
 })();
 var DocumentView = ({
   content: content2,
-  showSegmented = false,
   onCheckboxChange,
-  onSectionClick,
   maxWidth = "900px",
-  showSectionHeaders = true,
-  showSeparators = true,
   slideIdPrefix = "document",
   enableHtmlPopout = true,
   enableKeyboardScrolling = true,
+  autoFocusOnVisible = true,
   onLinkClick,
   handleRunBashCommand,
   handlePromptCopy,
@@ -44539,88 +44527,7 @@ var DocumentView = ({
   transparentBackground = false
 }) => {
   const containerRef = useRef(null);
-  const sectionRefs = useRef([]);
   const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
-  const scrollToSection = useCallback((sectionIndex) => {
-    var _a;
-    if (sectionRefs.current[sectionIndex]) {
-      (_a = sectionRefs.current[sectionIndex]) == null ? void 0 : _a.scrollIntoView({
-        behavior: "smooth",
-        block: "start"
-      });
-    }
-  }, []);
-  const handleSectionClick = useCallback((index2) => {
-    scrollToSection(index2);
-    onSectionClick == null ? void 0 : onSectionClick(index2);
-  }, [scrollToSection, onSectionClick]);
-  if (typeof content2 === "string") {
-    return /* @__PURE__ */ React2__default.createElement("div", {
-      ref: containerRef,
-      style: {
-        height: "100%",
-        overflow: "auto",
-        backgroundColor
-      }
-    }, /* @__PURE__ */ React2__default.createElement("div", {
-      style: {
-        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto",
-        height: "100%"
-      }
-    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
-      content: content2,
-      slideIdPrefix,
-      slideIndex: 0,
-      isVisible: true,
-      theme: theme2,
-      onCheckboxChange,
-      enableHtmlPopout,
-      enableKeyboardScrolling,
-      onLinkClick,
-      handleRunBashCommand,
-      fontSizeScale,
-      handlePromptCopy,
-      repositoryInfo,
-      transparentBackground
-    })));
-  }
-  if (!showSegmented) {
-    const fullContent = content2.join(`
-
----
-
-`);
-    return /* @__PURE__ */ React2__default.createElement("div", {
-      ref: containerRef,
-      style: {
-        height: "100%",
-        overflow: "auto",
-        backgroundColor
-      }
-    }, /* @__PURE__ */ React2__default.createElement("div", {
-      style: {
-        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto",
-        height: "100%"
-      }
-    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
-      content: fullContent,
-      slideIdPrefix,
-      slideIndex: 0,
-      isVisible: true,
-      theme: theme2,
-      onCheckboxChange,
-      enableHtmlPopout,
-      enableKeyboardScrolling,
-      onLinkClick,
-      handleRunBashCommand,
-      fontSizeScale,
-      handlePromptCopy,
-      repositoryInfo,
-      transparentBackground
-    })));
-  }
   return /* @__PURE__ */ React2__default.createElement("div", {
     ref: containerRef,
     style: {
@@ -44631,69 +44538,26 @@ var DocumentView = ({
   }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-      margin: "0 auto"
-    }
-  }, content2.map((slideContent, index2) => /* @__PURE__ */ React2__default.createElement("div", {
-    key: index2,
-    ref: (el) => {
-      if (el)
-        sectionRefs.current[index2] = el;
-    },
-    style: {
-      marginBottom: index2 < content2.length - 1 ? "48px" : "0",
-      scrollMarginTop: "20px"
-    }
-  }, showSectionHeaders && /* @__PURE__ */ React2__default.createElement("div", {
-    onClick: () => handleSectionClick(index2),
-    style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      marginBottom: "16px",
-      paddingBottom: "8px",
-      borderBottom: `1px solid ${theme2.colors.border}`,
-      opacity: 0.7,
-      cursor: "pointer",
-      transition: "opacity 0.2s ease"
-    },
-    onMouseOver: (e2) => {
-      e2.currentTarget.style.opacity = "1";
-    },
-    onMouseOut: (e2) => {
-      e2.currentTarget.style.opacity = "0.7";
-    }
-  }, /* @__PURE__ */ React2__default.createElement("span", {
-    style: {
-      fontSize: "11px",
-      fontWeight: 600,
-      color: theme2.colors.textSecondary,
-      textTransform: "uppercase",
-      letterSpacing: "0.5px"
+      margin: "0 auto",
+      height: "100%"
     }
-  }, "Section ", index2 + 1, " of ", content2.length)), /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
-    content: slideContent,
-    slideIdPrefix: `${slideIdPrefix}-${index2}`,
-    slideIndex: index2,
+  }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
+    content: content2,
+    slideIdPrefix,
+    slideIndex: 0,
     isVisible: true,
     theme: theme2,
     onCheckboxChange,
     enableHtmlPopout,
     enableKeyboardScrolling,
+    autoFocusOnVisible,
     onLinkClick,
     handleRunBashCommand,
     fontSizeScale,
     handlePromptCopy,
     repositoryInfo,
     transparentBackground
-  }), showSeparators && index2 < content2.length - 1 && /* @__PURE__ */ React2__default.createElement("div", {
-    style: {
-      marginTop: "32px",
-      marginBottom: "32px",
-      height: "1px",
-      backgroundColor: theme2.colors.border,
-      opacity: 0.3
-    }
-  })))));
+  })));
 };
 const GitCommitDetailPanelContent = ({
   events
@@ -45282,93 +45146,100 @@ const GitPullRequestsPanel = ({
   }
   return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
     /* @__PURE__ */ jsx("style", { children: `.hide-scrollbar::-webkit-scrollbar { display: none; }` }),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "div",
       {
         style: {
+          position: "relative",
           height: "40px",
-          minHeight: "40px",
-          padding: "0 12px",
-          borderBottom: `1px solid ${theme2.colors.border}`,
-          backgroundColor: theme2.colors.background,
+          padding: "0 16px",
           display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
+          flexDirection: "column",
+          justifyContent: "center",
+          borderBottom: `1px solid ${theme2.colors.border}`,
+          backgroundColor: theme2.colors.backgroundLight,
           boxSizing: "border-box"
         },
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                gap: "8px",
-                color: theme2.colors.textSecondary,
-                fontFamily: theme2.fonts.heading,
-                fontSize: theme2.fontSizes[0],
-                fontWeight: 600,
-                textTransform: "uppercase"
-              },
-              children: "Open Pull Requests"
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-            draftCount > 0 && /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: () => setShowDrafts(!showDrafts),
-                style: {
-                  display: "inline-flex",
-                  alignItems: "center",
-                  gap: "6px",
-                  padding: "4px 10px",
-                  borderRadius: "4px",
-                  border: `1px solid ${showDrafts ? theme2.colors.primary : theme2.colors.border}`,
-                  backgroundColor: showDrafts ? `${theme2.colors.primary}15` : theme2.colors.background,
-                  color: showDrafts ? theme2.colors.primary : theme2.colors.textSecondary,
-                  cursor: "pointer",
-                  fontFamily: theme2.fonts.body,
-                  fontSize: theme2.fontSizes[0],
-                  fontWeight: 500
-                },
-                children: [
-                  "Drafts (",
-                  draftCount,
-                  ")"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: handleRefresh,
-                disabled: isLoading,
-                style: {
-                  display: "inline-flex",
-                  alignItems: "center",
-                  gap: "6px",
-                  padding: "4px 10px",
-                  borderRadius: "4px",
-                  border: `1px solid ${theme2.colors.border}`,
-                  backgroundColor: theme2.colors.background,
-                  color: theme2.colors.text,
-                  cursor: isLoading ? "default" : "pointer",
-                  fontFamily: theme2.fonts.body,
-                  fontSize: theme2.fontSizes[0],
-                  fontWeight: 500,
-                  opacity: isLoading ? 0.7 : 1
-                },
-                children: [
-                  isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 12, className: "spin" }) : /* @__PURE__ */ jsx(RefreshCcw, { size: 12 }),
-                  isLoading ? "Refreshing..." : "Refresh"
-                ]
-              }
-            )
-          ] })
-        ]
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        fontFamily: theme2.fonts.body,
+                        fontSize: theme2.fontSizes[1],
+                        color: theme2.colors.textSecondary,
+                        fontWeight: 500
+                      },
+                      children: "Open Pull Requests"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                draftCount > 0 && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setShowDrafts(!showDrafts),
+                    style: {
+                      background: showDrafts ? theme2.colors.backgroundSecondary : "none",
+                      border: `1px solid ${showDrafts ? theme2.colors.border : "transparent"}`,
+                      borderRadius: "4px",
+                      cursor: "pointer",
+                      padding: "4px 8px",
+                      color: showDrafts ? theme2.colors.primary : theme2.colors.textSecondary,
+                      fontSize: theme2.fontSizes[0],
+                      fontFamily: theme2.fonts.body,
+                      fontWeight: 500,
+                      transition: "all 0.2s ease"
+                    },
+                    title: showDrafts ? "Hide draft PRs" : "Show draft PRs",
+                    children: "Drafts"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleRefresh,
+                    disabled: isLoading,
+                    style: {
+                      background: "none",
+                      border: "1px solid transparent",
+                      borderRadius: "4px",
+                      cursor: isLoading ? "default" : "pointer",
+                      padding: "4px",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      color: theme2.colors.textSecondary,
+                      opacity: isLoading ? 0.7 : 1,
+                      transition: "all 0.2s ease"
+                    },
+                    title: isLoading ? "Refreshing..." : "Refresh",
+                    children: isLoading ? /* @__PURE__ */ jsx(LoaderCircle, { size: 16, className: "spin" }) : /* @__PURE__ */ jsx(RefreshCcw, { size: 16 })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
@@ -45497,23 +45368,9 @@ const PullRequestCard = ({ pr, theme: theme2, isSelected, onClick }) => {
               ),
               /* @__PURE__ */ jsxs("span", { children: [
                 "by ",
-                ((_a = pr.user) == null ? void 0 : _a.login) ?? "unknown"
+                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: ((_a = pr.user) == null ? void 0 : _a.login) ?? "unknown" })
               ] }),
-              /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  style: {
-                    display: "inline-flex",
-                    alignItems: "center",
-                    gap: "4px"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(Calendar, { size: 12 }),
-                    " ",
-                    formatDate(pr.created_at)
-                  ]
-                }
-              ),
+              /* @__PURE__ */ jsx("span", { children: formatDate(pr.created_at) }),
               !isOpen && /* @__PURE__ */ jsxs(
                 "span",
                 {