@industry-theme/github-panels 0.1.48 → 0.1.50

package/dist/panels.bundle.js

@@ -405,19 +405,6 @@ const GitMerge = createLucideIcon("git-merge", __iconNode$l);
  * See the LICENSE file in the root directory of this source tree.
  */
 const __iconNode$k = [
-  ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
-  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
-  ["path", { d: "M13 6h3a2 2 0 0 1 2 2v7", key: "1yeb86" }],
-  ["line", { x1: "6", x2: "6", y1: "9", y2: "21", key: "rroup" }]
-];
-const GitPullRequest = createLucideIcon("git-pull-request", __iconNode$k);
-/**
- * @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",
     {
@@ -427,57 +414,57 @@ const __iconNode$j = [
   ],
   ["path", { d: "M9 18c-4.51 2-5-2-7-2", key: "9comsn" }]
 ];
-const Github = createLucideIcon("github", __iconNode$j);
+const Github = createLucideIcon("github", __iconNode$k);
 /**
  * @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$i = [
+const __iconNode$j = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
 ];
-const History = createLucideIcon("history", __iconNode$i);
+const History = createLucideIcon("history", __iconNode$j);
 /**
  * @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$h = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$h);
+const __iconNode$i = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$i);
 /**
  * @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$g = [
+const __iconNode$h = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ];
-const Lock = createLucideIcon("lock", __iconNode$g);
+const Lock = createLucideIcon("lock", __iconNode$h);
 /**
  * @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$f = [
+const __iconNode$g = [
   ["path", { d: "m10 17 5-5-5-5", key: "1bsop3" }],
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4", key: "u53s6r" }]
 ];
-const LogIn = createLucideIcon("log-in", __iconNode$f);
+const LogIn = createLucideIcon("log-in", __iconNode$g);
 /**
  * @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$e = [
+const __iconNode$f = [
   [
     "path",
     {
@@ -486,37 +473,37 @@ const __iconNode$e = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$e);
+const MessageSquare = createLucideIcon("message-square", __iconNode$f);
 /**
  * @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$d = [
+const __iconNode$e = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-const Monitor = createLucideIcon("monitor", __iconNode$d);
+const Monitor = createLucideIcon("monitor", __iconNode$e);
 /**
  * @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$c = [
+const __iconNode$d = [
   ["path", { d: "M18 8L22 12L18 16", key: "1r0oui" }],
   ["path", { d: "M2 12H22", key: "1m8cig" }]
 ];
-const MoveRight = createLucideIcon("move-right", __iconNode$c);
+const MoveRight = createLucideIcon("move-right", __iconNode$d);
 /**
  * @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$b = [
+const __iconNode$c = [
   [
     "path",
     {
@@ -525,7 +512,18 @@ const __iconNode$b = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$b);
+const Play = createLucideIcon("play", __iconNode$c);
+/**
+ * @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$b = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+const Plus = createLucideIcon("plus", __iconNode$b);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -2162,6 +2160,432 @@ const GitHubSearchPanelMetadata = {
   slices: ["workspace", "workspaceRepositories"],
   surfaces: ["panel"]
 };
+const CreateIssueModal = ({
+  isOpen,
+  onClose,
+  owner,
+  repo,
+  onIssueCreated,
+  apiBaseUrl
+}) => {
+  const { theme: theme2 } = useTheme();
+  const [title, setTitle] = useState("");
+  const [body, setBody] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const titleInputRef = useRef(null);
+  useEffect(() => {
+    if (isOpen && titleInputRef.current) {
+      titleInputRef.current.focus();
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape" && isOpen && !isSubmitting) {
+        onClose();
+      }
+    };
+    if (isOpen) {
+      window.addEventListener("keydown", handleKeyDown);
+      return () => window.removeEventListener("keydown", handleKeyDown);
+    }
+  }, [isOpen, isSubmitting, onClose]);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!title.trim()) {
+      setError("Title is required");
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const response = await fetch(
+        `${apiBaseUrl}/api/github/repo/${owner}/${repo}/issues`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          credentials: "include",
+          // Important: Send cookies for auth
+          body: JSON.stringify({
+            title: title.trim(),
+            body: body.trim() || void 0
+          })
+        }
+      );
+      if (!response.ok) {
+        const errorData = await response.json().catch(() => ({}));
+        if (response.status === 401) {
+          throw new Error("Authentication required to create issues");
+        } else if (response.status === 403) {
+          throw new Error("You don't have permission to create issues in this repository");
+        } else {
+          throw new Error(errorData.error || `Failed to create issue: ${response.status}`);
+        }
+      }
+      setTitle("");
+      setBody("");
+      setError(null);
+      onIssueCreated();
+      onClose();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to create issue. Please check your connection.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1e3,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: `${theme2.colors.background}cc`,
+        backdropFilter: "blur(4px)"
+      },
+      onClick: (e) => {
+        if (e.target === e.currentTarget && !isSubmitting) {
+          onClose();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              maxWidth: "500px",
+              width: "100%",
+              margin: "0 16px",
+              backgroundColor: theme2.colors.surface,
+              border: `1px solid ${theme2.colors.border}`,
+              borderRadius: "12px",
+              boxShadow: "0 4px 12px rgba(0,0,0,0.15)"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    padding: "16px 24px",
+                    borderBottom: `1px solid ${theme2.colors.border}`
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+                      /* @__PURE__ */ jsx(Plus, { size: 20, style: { color: theme2.colors.primary } }),
+                      /* @__PURE__ */ jsx(
+                        "h2",
+                        {
+                          style: {
+                            margin: 0,
+                            fontSize: `${theme2.fontSizes[3]}px`,
+                            fontWeight: theme2.fontWeights.semibold,
+                            color: theme2.colors.text
+                          },
+                          children: "Create Issue"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: onClose,
+                        disabled: isSubmitting,
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          width: "32px",
+                          height: "32px",
+                          borderRadius: "6px",
+                          border: "none",
+                          backgroundColor: theme2.colors.secondary,
+                          color: theme2.colors.text,
+                          cursor: isSubmitting ? "not-allowed" : "pointer",
+                          opacity: isSubmitting ? 0.5 : 1,
+                          transition: "opacity 0.15s ease"
+                        },
+                        title: "Close",
+                        children: /* @__PURE__ */ jsx(X, { size: 16 })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+                /* @__PURE__ */ jsxs("div", { style: { padding: "24px" }, children: [
+                  /* @__PURE__ */ jsxs(
+                    "p",
+                    {
+                      style: {
+                        margin: "0 0 16px 0",
+                        fontSize: `${theme2.fontSizes[1]}px`,
+                        color: theme2.colors.textSecondary
+                      },
+                      children: [
+                        "Creating issue for",
+                        " ",
+                        /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.text, fontWeight: theme2.fontWeights.medium }, children: [
+                          owner,
+                          "/",
+                          repo
+                        ] })
+                      ]
+                    }
+                  ),
+                  error && /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "flex-start",
+                        gap: "8px",
+                        padding: "12px",
+                        marginBottom: "16px",
+                        backgroundColor: `${theme2.colors.error}20`,
+                        borderRadius: "8px",
+                        border: `1px solid ${theme2.colors.error}40`
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          CircleAlert,
+                          {
+                            size: 16,
+                            style: {
+                              color: theme2.colors.error,
+                              flexShrink: 0,
+                              marginTop: "2px"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            style: {
+                              color: theme2.colors.error,
+                              fontSize: `${theme2.fontSizes[1]}px`,
+                              lineHeight: 1.5
+                            },
+                            children: error
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
+                    /* @__PURE__ */ jsxs(
+                      "label",
+                      {
+                        htmlFor: "issue-title",
+                        style: {
+                          display: "block",
+                          marginBottom: "8px",
+                          fontSize: `${theme2.fontSizes[1]}px`,
+                          fontWeight: theme2.fontWeights.medium,
+                          color: theme2.colors.text
+                        },
+                        children: [
+                          "Title ",
+                          /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.error }, children: "*" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        ref: titleInputRef,
+                        id: "issue-title",
+                        type: "text",
+                        value: title,
+                        onChange: (e) => setTitle(e.target.value),
+                        placeholder: "Issue title...",
+                        disabled: isSubmitting,
+                        required: true,
+                        style: {
+                          width: "100%",
+                          padding: "10px 12px",
+                          fontSize: `${theme2.fontSizes[2]}px`,
+                          backgroundColor: theme2.colors.background,
+                          color: theme2.colors.text,
+                          border: `1px solid ${theme2.colors.border}`,
+                          borderRadius: "6px",
+                          outline: "none",
+                          transition: "border-color 0.15s ease",
+                          opacity: isSubmitting ? 0.5 : 1,
+                          cursor: isSubmitting ? "not-allowed" : "text",
+                          boxSizing: "border-box"
+                        },
+                        onFocus: (e) => {
+                          e.target.style.borderColor = theme2.colors.primary;
+                        },
+                        onBlur: (e) => {
+                          e.target.style.borderColor = theme2.colors.border;
+                        }
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsxs(
+                      "label",
+                      {
+                        htmlFor: "issue-body",
+                        style: {
+                          display: "block",
+                          marginBottom: "8px",
+                          fontSize: `${theme2.fontSizes[1]}px`,
+                          fontWeight: theme2.fontWeights.medium,
+                          color: theme2.colors.text
+                        },
+                        children: [
+                          "Description",
+                          " ",
+                          /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary, fontWeight: "normal" }, children: "(optional)" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "textarea",
+                      {
+                        id: "issue-body",
+                        value: body,
+                        onChange: (e) => setBody(e.target.value),
+                        placeholder: "Describe the issue...",
+                        disabled: isSubmitting,
+                        rows: 5,
+                        style: {
+                          width: "100%",
+                          padding: "10px 12px",
+                          fontSize: `${theme2.fontSizes[2]}px`,
+                          backgroundColor: theme2.colors.background,
+                          color: theme2.colors.text,
+                          border: `1px solid ${theme2.colors.border}`,
+                          borderRadius: "6px",
+                          outline: "none",
+                          transition: "border-color 0.15s ease",
+                          resize: "vertical",
+                          opacity: isSubmitting ? 0.5 : 1,
+                          cursor: isSubmitting ? "not-allowed" : "text",
+                          fontFamily: theme2.fonts.body,
+                          lineHeight: 1.5,
+                          boxSizing: "border-box"
+                        },
+                        onFocus: (e) => {
+                          e.target.style.borderColor = theme2.colors.primary;
+                        },
+                        onBlur: (e) => {
+                          e.target.style.borderColor = theme2.colors.border;
+                        }
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "flex-end",
+                      gap: "12px",
+                      padding: "16px 24px",
+                      borderTop: `1px solid ${theme2.colors.border}`
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: onClose,
+                          disabled: isSubmitting,
+                          style: {
+                            padding: "10px 18px",
+                            fontSize: `${theme2.fontSizes[2]}px`,
+                            fontWeight: theme2.fontWeights.medium,
+                            color: theme2.colors.text,
+                            backgroundColor: "transparent",
+                            border: `1px solid ${theme2.colors.border}`,
+                            borderRadius: "6px",
+                            cursor: isSubmitting ? "not-allowed" : "pointer",
+                            opacity: isSubmitting ? 0.5 : 1,
+                            transition: "all 0.15s ease"
+                          },
+                          onMouseEnter: (e) => {
+                            if (!isSubmitting) {
+                              e.currentTarget.style.backgroundColor = theme2.colors.backgroundLight;
+                            }
+                          },
+                          onMouseLeave: (e) => {
+                            e.currentTarget.style.backgroundColor = "transparent";
+                          },
+                          children: "Cancel"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "submit",
+                          disabled: isSubmitting || !title.trim(),
+                          style: {
+                            display: "inline-flex",
+                            alignItems: "center",
+                            gap: "8px",
+                            padding: "10px 18px",
+                            fontSize: `${theme2.fontSizes[2]}px`,
+                            fontWeight: theme2.fontWeights.semibold,
+                            color: theme2.colors.textOnPrimary || theme2.colors.background,
+                            backgroundColor: theme2.colors.primary,
+                            border: "none",
+                            borderRadius: "6px",
+                            cursor: isSubmitting || !title.trim() ? "not-allowed" : "pointer",
+                            opacity: isSubmitting || !title.trim() ? 0.5 : 1,
+                            transition: "all 0.15s ease"
+                          },
+                          onMouseEnter: (e) => {
+                            if (!isSubmitting && title.trim()) {
+                              e.currentTarget.style.opacity = "0.9";
+                            }
+                          },
+                          onMouseLeave: (e) => {
+                            if (!isSubmitting && title.trim()) {
+                              e.currentTarget.style.opacity = "1";
+                            }
+                          },
+                          children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(LoaderCircle, { size: 16, className: "animate-spin" }),
+                            "Creating..."
+                          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(Plus, { size: 16 }),
+                            "Create Issue"
+                          ] })
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("style", { children: `
+        @keyframes spin {
+          to { transform: rotate(360deg); }
+        }
+        .animate-spin {
+          animation: spin 1s linear infinite;
+        }
+      ` })
+      ]
+    }
+  );
+};
 const formatDate$2 = (dateString) => {
   const date = new Date(dateString);
   const now = /* @__PURE__ */ new Date();
@@ -2194,6 +2618,7 @@ const GitHubIssuesPanelContent = ({
   const [selectedLabel, setSelectedLabel] = useState("");
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [selectedIssueId, setSelectedIssueId] = useState(null);
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
   const uniqueLabels = useMemo(() => {
     const labelMap = /* @__PURE__ */ new Map();
     issues.forEach((issue) => {
@@ -2241,6 +2666,9 @@ const GitHubIssuesPanelContent = ({
       payload: {}
     });
   };
+  const handleIssueCreated = () => {
+    handleRefresh();
+  };
   const handleLogin = () => {
     events.emit({
       type: "github:login-requested",
@@ -2559,6 +2987,37 @@ const GitHubIssuesPanelContent = ({
                         }
                       )
                     ] }),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setIsCreateModalOpen(true),
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "4px",
+                          padding: "4px 8px",
+                          borderRadius: "4px",
+                          border: "none",
+                          backgroundColor: theme2.colors.primary,
+                          color: theme2.colors.textOnPrimary || theme2.colors.background,
+                          fontSize: `${theme2.fontSizes[0]}px`,
+                          fontWeight: theme2.fontWeights.medium,
+                          cursor: "pointer",
+                          transition: "opacity 0.15s ease"
+                        },
+                        onMouseEnter: (e) => {
+                          e.currentTarget.style.opacity = "0.9";
+                        },
+                        onMouseLeave: (e) => {
+                          e.currentTarget.style.opacity = "1";
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                          "New"
+                        ]
+                      }
+                    ),
                     /* @__PURE__ */ jsx(
                       "button",
                       {
@@ -2610,7 +3069,39 @@ const GitHubIssuesPanelContent = ({
                     children: "No Open Issues"
                   }
                 ),
-                /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: `${theme2.fontSizes[2]}px` }, children: "There are no open issues in this repository." })
+                /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: `${theme2.fontSizes[2]}px` }, children: "There are no open issues in this repository." }),
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setIsCreateModalOpen(true),
+                    style: {
+                      marginTop: "16px",
+                      display: "inline-flex",
+                      alignItems: "center",
+                      gap: "8px",
+                      padding: "10px 18px",
+                      borderRadius: "8px",
+                      border: "none",
+                      backgroundColor: theme2.colors.primary,
+                      color: theme2.colors.textOnPrimary || theme2.colors.background,
+                      fontSize: `${theme2.fontSizes[2]}px`,
+                      fontWeight: theme2.fontWeights.semibold,
+                      cursor: "pointer",
+                      transition: "opacity 0.15s ease"
+                    },
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.opacity = "0.9";
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.opacity = "1";
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Plus, { size: 16 }),
+                      "Create Issue"
+                    ]
+                  }
+                )
               ] })
             ]
           }
@@ -2706,7 +3197,18 @@ const GitHubIssuesPanelContent = ({
         .animate-spin {
           animation: spin 1s linear infinite;
         }
-      ` })
+      ` }),
+        /* @__PURE__ */ jsx(
+          CreateIssueModal,
+          {
+            isOpen: isCreateModalOpen,
+            onClose: () => setIsCreateModalOpen(false),
+            owner,
+            repo,
+            onIssueCreated: handleIssueCreated,
+            apiBaseUrl: typeof window !== "undefined" ? window.location.origin : ""
+          }
+        )
       ]
     }
   );
@@ -49021,7 +49523,7 @@ const ReactionsDisplay = ({ reactions }) => {
       },
       children: [
         /* @__PURE__ */ jsx("span", { children: emoji }),
-        /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: count })
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, color: theme2.colors.textSecondary }, children: count })
       ]
     },
     emoji
@@ -49068,6 +49570,7 @@ const CommentEvent = ({ event }) => {
                   "span",
                   {
                     style: {
+                      fontFamily: theme2.fonts.body,
                       color: theme2.colors.textMuted,
                       fontSize: theme2.fontSizes[0]
                     },
@@ -49085,6 +49588,7 @@ const CommentEvent = ({ event }) => {
                       borderRadius: "4px",
                       backgroundColor: theme2.colors.backgroundSecondary,
                       border: `1px solid ${theme2.colors.border}`,
+                      fontFamily: theme2.fonts.body,
                       fontSize: theme2.fontSizes[0],
                       color: theme2.colors.textSecondary,
                       textTransform: "uppercase"
@@ -49185,6 +49689,7 @@ const ReviewEvent = ({ event }) => {
                   "span",
                   {
                     style: {
+                      fontFamily: theme2.fonts.body,
                       color: config.color,
                       fontWeight: 500,
                       fontSize: theme2.fontSizes[1]
@@ -49196,6 +49701,7 @@ const ReviewEvent = ({ event }) => {
                   "span",
                   {
                     style: {
+                      fontFamily: theme2.fonts.body,
                       color: theme2.colors.textMuted,
                       fontSize: theme2.fontSizes[0]
                     },
@@ -49334,6 +49840,7 @@ const CommitEvent = ({ event }) => {
             {
               style: {
                 marginTop: "4px",
+                fontFamily: theme2.fonts.body,
                 fontSize: theme2.fontSizes[0],
                 color: theme2.colors.textMuted
               },
@@ -49346,6 +49853,7 @@ const CommitEvent = ({ event }) => {
                   {
                     style: {
                       marginLeft: "8px",
+                      fontFamily: theme2.fonts.body,
                       color: theme2.colors.success || "#22c55e"
                     },
                     children: [
@@ -49373,6 +49881,7 @@ const SimpleEvent = ({ icon, actor, action, timestamp }) => {
         gap: "12px",
         padding: "8px 16px",
         borderBottom: `1px solid ${theme2.colors.border}`,
+        fontFamily: theme2.fonts.body,
         fontSize: theme2.fontSizes[0],
         color: theme2.colors.textSecondary
       },
@@ -49389,9 +49898,9 @@ const SimpleEvent = ({ icon, actor, action, timestamp }) => {
           }
         ),
         /* @__PURE__ */ jsx(Avatar, { user: actor, size: 20 }),
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, color: theme2.colors.text }, children: actor.login }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, fontWeight: 500, color: theme2.colors.text }, children: actor.login }),
         action,
-        /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textMuted, marginLeft: "auto" }, children: formatDate(timestamp) })
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, color: theme2.colors.textMuted, marginLeft: "auto" }, children: formatDate(timestamp) })
       ]
     }
   );
@@ -49405,7 +49914,7 @@ const LabelEvent = ({ event }) => {
       icon: /* @__PURE__ */ jsx(Tag, { size: 14, style: { color: theme2.colors.textMuted } }),
       actor: event.actor,
       action: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { children: isLabeled ? "added" : "removed" }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: isLabeled ? "added" : "removed" }),
         /* @__PURE__ */ jsx(
           "span",
           {
@@ -49414,6 +49923,7 @@ const LabelEvent = ({ event }) => {
               borderRadius: "12px",
               backgroundColor: `#${event.label.color}`,
               color: parseInt(event.label.color, 16) > 8388607 ? "#000" : "#fff",
+              fontFamily: theme2.fonts.body,
               fontSize: "11px",
               fontWeight: 500
             },
@@ -49434,8 +49944,8 @@ const AssignEvent = ({ event }) => {
       icon: isAssigned ? /* @__PURE__ */ jsx(UserPlus, { size: 14, style: { color: theme2.colors.textMuted } }) : /* @__PURE__ */ jsx(UserMinus, { size: 14, style: { color: theme2.colors.textMuted } }),
       actor: event.actor,
       action: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { children: isAssigned ? "assigned" : "unassigned" }),
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, color: theme2.colors.text }, children: event.assignee.login })
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: isAssigned ? "assigned" : "unassigned" }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, fontWeight: 500, color: theme2.colors.text }, children: event.assignee.login })
       ] }),
       timestamp: event.created_at
     }
@@ -49452,8 +49962,8 @@ const ReviewRequestEvent = ({ event }) => {
       icon: /* @__PURE__ */ jsx(Eye, { size: 14, style: { color: theme2.colors.textMuted } }),
       actor: event.review_requester,
       action: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { children: isRequested ? "requested review from" : "removed review request from" }),
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, color: theme2.colors.text }, children: reviewer })
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: isRequested ? "requested review from" : "removed review request from" }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, fontWeight: 500, color: theme2.colors.text }, children: reviewer })
       ] }),
       timestamp: event.created_at
     }
@@ -49467,8 +49977,8 @@ const MergeEvent = ({ event }) => {
       icon: /* @__PURE__ */ jsx(GitMerge, { size: 14, style: { color: theme2.colors.success || "#22c55e" } }),
       actor: event.actor,
       action: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.success || "#22c55e", fontWeight: 500 }, children: "merged" }),
-        /* @__PURE__ */ jsx("span", { children: "commit" }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body, color: theme2.colors.success || "#22c55e", fontWeight: 500 }, children: "merged" }),
+        /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: "commit" }),
         /* @__PURE__ */ jsx(
           "code",
           {
@@ -49499,6 +50009,7 @@ const StateEvent = ({ event }) => {
         "span",
         {
           style: {
+            fontFamily: theme2.fonts.body,
             color: isClosed ? theme2.colors.error || "#ef4444" : theme2.colors.success || "#22c55e",
             fontWeight: 500
           },
@@ -49521,7 +50032,7 @@ const RefEvent = ({ event }) => {
     {
       icon: /* @__PURE__ */ jsx(Rocket, { size: 14, style: { color: theme2.colors.textMuted } }),
       actor: event.actor,
-      action: /* @__PURE__ */ jsx("span", { children: labels[event.event] || event.event }),
+      action: /* @__PURE__ */ jsx("span", { style: { fontFamily: theme2.fonts.body }, children: labels[event.event] || event.event }),
       timestamp: event.created_at
     }
   );
@@ -49555,6 +50066,7 @@ const InlineReviewComment = ({ comment: comment2 }) => {
                   "span",
                   {
                     style: {
+                      fontFamily: theme2.fonts.body,
                       fontWeight: 600,
                       color: theme2.colors.text,
                       fontSize: theme2.fontSizes[0]
@@ -49566,6 +50078,7 @@ const InlineReviewComment = ({ comment: comment2 }) => {
                   "span",
                   {
                     style: {
+                      fontFamily: theme2.fonts.body,
                       color: theme2.colors.textMuted,
                       fontSize: theme2.fontSizes[0]
                     },
@@ -49586,7 +50099,7 @@ const InlineReviewComment = ({ comment: comment2 }) => {
                     children: comment2.path
                   }
                 ),
-                comment2.line && /* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[0], color: theme2.colors.textSecondary }, children: [
+                comment2.line && /* @__PURE__ */ jsxs("span", { style: { fontFamily: theme2.fonts.body, fontSize: theme2.fontSizes[0], color: theme2.colors.textSecondary }, children: [
                   "line ",
                   comment2.line
                 ] })
@@ -49734,6 +50247,7 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
+          fontFamily: theme2.fonts.body,
           color: theme2.colors.textSecondary
         },
         children: "Loading conversation..."
@@ -49800,6 +50314,7 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
           alignItems: "center",
           justifyContent: "center",
           gap: "8px",
+          fontFamily: theme2.fonts.body,
           color: theme2.colors.error || "#ef4444"
         },
         children: [
@@ -49810,30 +50325,6 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
     ) });
   }
   const { target, timeline, reviewComments } = messagesData;
-  const isPR = target.type === "pull_request";
-  const getStatusConfig = () => {
-    if (isPR && target.merged) {
-      return {
-        icon: /* @__PURE__ */ jsx(GitMerge, { size: 14 }),
-        color: "#a855f7",
-        // purple for merged
-        label: "Merged"
-      };
-    }
-    if (target.state === "open") {
-      return {
-        icon: isPR ? /* @__PURE__ */ jsx(GitPullRequest, { size: 14 }) : /* @__PURE__ */ jsx(CircleDot, { size: 14 }),
-        color: theme2.colors.success || "#22c55e",
-        label: target.draft ? "Draft" : "Open"
-      };
-    }
-    return {
-      icon: /* @__PURE__ */ jsx(CircleDot, { size: 14 }),
-      color: theme2.colors.error || "#ef4444",
-      label: "Closed"
-    };
-  };
-  const statusConfig = getStatusConfig();
   return /* @__PURE__ */ jsxs("div", { ref: panelRef, tabIndex: -1, style: containerStyle, children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -49850,45 +50341,6 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
           boxSizing: "border-box"
         },
         children: [
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "6px",
-                fontFamily: theme2.fonts.monospace,
-                fontSize: theme2.fontSizes[0],
-                color: theme2.colors.textSecondary
-              },
-              children: [
-                isPR ? /* @__PURE__ */ jsx(GitPullRequest, { size: 14 }) : /* @__PURE__ */ jsx(CircleDot, { size: 14 }),
-                "#",
-                target.number
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "6px",
-                padding: "4px 10px",
-                borderRadius: "999px",
-                backgroundColor: `${statusConfig.color}20`,
-                color: statusConfig.color,
-                fontFamily: theme2.fonts.heading,
-                fontSize: theme2.fontSizes[0],
-                fontWeight: 600
-              },
-              children: [
-                statusConfig.icon,
-                statusConfig.label
-              ]
-            }
-          ),
           /* @__PURE__ */ jsx(
             "span",
             {
@@ -49897,28 +50349,13 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
                 overflow: "hidden",
                 textOverflow: "ellipsis",
                 whiteSpace: "nowrap",
+                fontFamily: theme2.fonts.heading,
                 color: theme2.colors.text,
                 fontSize: theme2.fontSizes[1]
               },
               children: target.title
             }
           ),
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "4px",
-                color: theme2.colors.textSecondary,
-                fontSize: theme2.fontSizes[0]
-              },
-              children: [
-                /* @__PURE__ */ jsx(MessageSquare, { size: 12 }),
-                timeline.filter((e) => e.event === "commented" || e.event === "reviewed").length
-              ]
-            }
-          ),
           /* @__PURE__ */ jsx(
             "a",
             {
@@ -49974,6 +50411,7 @@ const GitHubMessagesPanelContent = ({ context, events }) => {
                   padding: "12px 16px",
                   backgroundColor: theme2.colors.backgroundSecondary,
                   borderBottom: `1px solid ${theme2.colors.border}`,
+                  fontFamily: theme2.fonts.heading,
                   fontWeight: 600,
                   fontSize: theme2.fontSizes[0],
                   color: theme2.colors.textSecondary,