@industry-theme/github-panels 0.1.44 → 0.1.46

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

@@ -1 +1 @@
-{"version":3,"file":"GitHubIssuesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitHubIssuesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAYlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAidpD;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAE3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;CAQrC,CAAC"}
+{"version":3,"file":"GitHubIssuesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitHubIssuesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAa5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAgjBpD;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAE3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;CAQrC,CAAC"}

package/dist/panels.bundle.js

@@ -2191,6 +2191,20 @@ const GitHubIssuesPanelContent = ({
   const repo = ((_c = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _c.repo) ?? "";
   const isAuthenticated = ((_d = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _d.isAuthenticated) ?? false;
   const sliceError = (_e = issuesSlice == null ? void 0 : issuesSlice.data) == null ? void 0 : _e.error;
+  const [selectedLabel, setSelectedLabel] = useState("");
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const [selectedIssueId, setSelectedIssueId] = useState(null);
+  const uniqueLabels = useMemo(() => {
+    const labelMap = /* @__PURE__ */ new Map();
+    issues.forEach((issue) => {
+      issue.labels.forEach((label) => {
+        if (!labelMap.has(label.name)) {
+          labelMap.set(label.name, { name: label.name, color: label.color });
+        }
+      });
+    });
+    return Array.from(labelMap.values()).sort((a, b) => a.name.localeCompare(b.name));
+  }, [issues]);
   useEffect(() => {
     events.emit({
       type: "github-issues:request",
@@ -2200,9 +2214,14 @@ const GitHubIssuesPanelContent = ({
     });
   }, [events]);
   const openIssues = useMemo(() => {
-    return issues.filter((issue) => issue.state === "open");
-  }, [issues]);
+    return issues.filter((issue) => {
+      if (issue.state !== "open") return false;
+      if (selectedLabel && !issue.labels.some((l) => l.name === selectedLabel)) return false;
+      return true;
+    });
+  }, [issues, selectedLabel]);
   const handleIssueClick = (issue) => {
+    setSelectedIssueId(issue.id);
     events.emit({
       type: "issue:selected",
       source: "github-issues-panel",
@@ -2423,25 +2442,143 @@ const GitHubIssuesPanelContent = ({
                       children: "Open Issues"
                     }
                   ),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: handleRefresh,
-                      disabled: isLoading,
-                      style: {
-                        background: "none",
-                        border: "none",
-                        cursor: isLoading ? "not-allowed" : "pointer",
-                        padding: "4px",
-                        color: theme2.colors.textSecondary,
-                        opacity: isLoading ? 0.5 : 1,
-                        display: "flex",
-                        alignItems: "center"
-                      },
-                      children: /* @__PURE__ */ jsx(RefreshCw, { size: 14, className: isLoading ? "animate-spin" : "" })
-                    }
-                  )
+                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                    uniqueLabels.length > 0 && /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+                      /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => setIsDropdownOpen(!isDropdownOpen),
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "4px",
+                            padding: "4px 8px",
+                            borderRadius: "4px",
+                            border: `1px solid ${theme2.colors.border}`,
+                            backgroundColor: theme2.colors.surface,
+                            color: selectedLabel ? theme2.colors.text : theme2.colors.textSecondary,
+                            fontSize: `${theme2.fontSizes[0]}px`,
+                            cursor: "pointer"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(Tag, { size: 10 }),
+                            /* @__PURE__ */ jsx("span", { style: { maxWidth: "80px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedLabel || "All" }),
+                            /* @__PURE__ */ jsx(
+                              ChevronDown,
+                              {
+                                size: 10,
+                                style: {
+                                  transform: isDropdownOpen ? "rotate(180deg)" : "rotate(0deg)",
+                                  transition: "transform 0.2s"
+                                }
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      isDropdownOpen && /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            position: "absolute",
+                            top: "100%",
+                            right: 0,
+                            marginTop: "4px",
+                            minWidth: "150px",
+                            backgroundColor: theme2.colors.surface,
+                            border: `1px solid ${theme2.colors.border}`,
+                            borderRadius: "6px",
+                            boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
+                            zIndex: 10,
+                            maxHeight: "200px",
+                            overflow: "auto"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: () => {
+                                  setSelectedLabel("");
+                                  setIsDropdownOpen(false);
+                                },
+                                style: {
+                                  display: "block",
+                                  width: "100%",
+                                  padding: "8px 10px",
+                                  border: "none",
+                                  backgroundColor: selectedLabel === "" ? theme2.colors.backgroundLight : "transparent",
+                                  color: theme2.colors.text,
+                                  fontSize: `${theme2.fontSizes[1]}px`,
+                                  textAlign: "left",
+                                  cursor: "pointer"
+                                },
+                                children: "All labels"
+                              }
+                            ),
+                            uniqueLabels.map((label) => /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: () => {
+                                  setSelectedLabel(label.name);
+                                  setIsDropdownOpen(false);
+                                },
+                                style: {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  gap: "8px",
+                                  width: "100%",
+                                  padding: "8px 10px",
+                                  border: "none",
+                                  backgroundColor: selectedLabel === label.name ? theme2.colors.backgroundLight : "transparent",
+                                  color: theme2.colors.text,
+                                  fontSize: `${theme2.fontSizes[1]}px`,
+                                  textAlign: "left",
+                                  cursor: "pointer"
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsx(
+                                    "span",
+                                    {
+                                      style: {
+                                        width: "12px",
+                                        height: "12px",
+                                        borderRadius: "50%",
+                                        backgroundColor: `#${label.color}`
+                                      }
+                                    }
+                                  ),
+                                  label.name
+                                ]
+                              },
+                              label.name
+                            ))
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleRefresh,
+                        disabled: isLoading,
+                        style: {
+                          background: "none",
+                          border: "none",
+                          cursor: isLoading ? "not-allowed" : "pointer",
+                          padding: "4px",
+                          color: theme2.colors.textSecondary,
+                          opacity: isLoading ? 0.5 : 1,
+                          display: "flex",
+                          alignItems: "center"
+                        },
+                        children: /* @__PURE__ */ jsx(RefreshCw, { size: 14, className: isLoading ? "animate-spin" : "" })
+                      }
+                    )
+                  ] })
                 ]
               }
             )
@@ -2481,129 +2618,85 @@ const GitHubIssuesPanelContent = ({
           "div",
           {
             style: { display: "flex", flexDirection: "column" },
-            children: openIssues.map((issue) => /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => handleIssueClick(issue),
-                style: {
-                  width: "100%",
-                  padding: "16px 16px",
-                  borderRadius: 0,
-                  border: "none",
-                  borderBottom: `1px solid ${theme2.colors.border}`,
-                  backgroundColor: theme2.colors.surface,
-                  cursor: "pointer",
-                  textAlign: "left"
+            children: openIssues.map((issue) => {
+              const isSelected = selectedIssueId === issue.id;
+              return /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => handleIssueClick(issue),
+                  style: {
+                    width: "100%",
+                    padding: "16px 16px",
+                    borderRadius: 0,
+                    border: "none",
+                    borderBottom: `1px solid ${theme2.colors.border}`,
+                    backgroundColor: isSelected ? theme2.colors.backgroundSecondary : theme2.colors.surface,
+                    cursor: "pointer",
+                    textAlign: "left",
+                    transition: "background-color 0.15s ease"
+                  },
+                  children: /* @__PURE__ */ jsxs("div", { style: { minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsx(
+                      "h4",
+                      {
+                        style: {
+                          margin: 0,
+                          marginBottom: "6px",
+                          color: theme2.colors.text,
+                          fontSize: `${theme2.fontSizes[2]}px`,
+                          fontWeight: theme2.fontWeights.semibold,
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap"
+                        },
+                        children: issue.title
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "6px",
+                          fontSize: `${theme2.fontSizes[0]}px`,
+                          color: theme2.colors.textSecondary,
+                          flexWrap: "wrap"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsxs("span", { children: [
+                            "#",
+                            issue.number
+                          ] }),
+                          /* @__PURE__ */ jsxs("span", { children: [
+                            "Created by",
+                            " ",
+                            /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: issue.user.login })
+                          ] }),
+                          /* @__PURE__ */ jsx("span", { children: formatDate$2(issue.created_at) }),
+                          issue.comments > 0 && /* @__PURE__ */ jsxs(
+                            "span",
+                            {
+                              style: {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "4px"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(MessageSquare, { size: 12 }),
+                                issue.comments
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] })
                 },
-                children: /* @__PURE__ */ jsxs("div", { style: { minWidth: 0 }, children: [
-                  issue.labels.length > 0 && /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "8px",
-                        marginBottom: "6px",
-                        flexWrap: "wrap"
-                      },
-                      children: [
-                        issue.labels.slice(0, 3).map((label) => /* @__PURE__ */ jsxs(
-                          "span",
-                          {
-                            style: {
-                              display: "inline-flex",
-                              alignItems: "center",
-                              gap: "4px",
-                              padding: "2px 6px",
-                              borderRadius: "12px",
-                              backgroundColor: `#${label.color}22`,
-                              color: `#${label.color}`,
-                              fontSize: `${theme2.fontSizes[0]}px`,
-                              fontWeight: theme2.fontWeights.medium
-                            },
-                            children: [
-                              /* @__PURE__ */ jsx(Tag, { size: 10 }),
-                              label.name
-                            ]
-                          },
-                          label.id
-                        )),
-                        issue.labels.length > 3 && /* @__PURE__ */ jsxs(
-                          "span",
-                          {
-                            style: {
-                              fontSize: `${theme2.fontSizes[0]}px`,
-                              color: theme2.colors.textSecondary
-                            },
-                            children: [
-                              "+",
-                              issue.labels.length - 3
-                            ]
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "h4",
-                    {
-                      style: {
-                        margin: 0,
-                        marginBottom: "6px",
-                        color: theme2.colors.text,
-                        fontSize: `${theme2.fontSizes[2]}px`,
-                        fontWeight: theme2.fontWeights.semibold,
-                        overflow: "hidden",
-                        textOverflow: "ellipsis",
-                        whiteSpace: "nowrap"
-                      },
-                      children: issue.title
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "6px",
-                        fontSize: `${theme2.fontSizes[0]}px`,
-                        color: theme2.colors.textSecondary,
-                        flexWrap: "wrap"
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxs("span", { children: [
-                          "#",
-                          issue.number
-                        ] }),
-                        /* @__PURE__ */ jsxs("span", { children: [
-                          "Created by",
-                          " ",
-                          /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.primary }, children: issue.user.login })
-                        ] }),
-                        /* @__PURE__ */ jsx("span", { children: formatDate$2(issue.created_at) }),
-                        issue.comments > 0 && /* @__PURE__ */ jsxs(
-                          "span",
-                          {
-                            style: {
-                              display: "flex",
-                              alignItems: "center",
-                              gap: "4px"
-                            },
-                            children: [
-                              /* @__PURE__ */ jsx(MessageSquare, { size: 12 }),
-                              issue.comments
-                            ]
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ] })
-              },
-              issue.id
-            ))
+                issue.id
+              );
+            })
           }
         ) }),
         /* @__PURE__ */ jsx("style", { children: `
@@ -44437,8 +44530,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
   }, [enableKeyboardScrolling, isVisible, slideIndex, scrollConfig]);
   useEffect(() => {
     if (autoFocusOnVisible && isVisible && slideRef.current) {
-      console.log("🎯 Auto-focusing slide container");
-      slideRef.current.focus();
+      slideRef.current.focus({ preventScroll: true });
     }
   }, [autoFocusOnVisible, isVisible]);
   const openPlaceholderModal = (placeholders, promptContent) => {
@@ -46405,12 +46497,8 @@ var Vt;
 })();
 var DocumentView = ({
   content: content2,
-  showSegmented = false,
   onCheckboxChange,
-  onSectionClick,
   maxWidth = "900px",
-  showSectionHeaders = true,
-  showSeparators = true,
   slideIdPrefix = "document",
   enableHtmlPopout = true,
   enableKeyboardScrolling = true,
@@ -46424,90 +46512,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,
-      autoFocusOnVisible,
-      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,
-      autoFocusOnVisible,
-      onLinkClick,
-      handleRunBashCommand,
-      fontSizeScale,
-      handlePromptCopy,
-      repositoryInfo,
-      transparentBackground
-    })));
-  }
   return /* @__PURE__ */ React2__default.createElement("div", {
     ref: containerRef,
     style: {
@@ -46518,49 +46523,13 @@ 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"
+      margin: "0 auto",
+      height: "100%"
     }
-  }, 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"
-    }
-  }, "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,
@@ -46573,15 +46542,7 @@ var DocumentView = ({
     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 formatDate$1 = (dateString) => {
   const date = new Date(dateString);