hale-commenting-system 2.0.3 → 2.1.0

package/dist/index.js

@@ -1,787 +1,27 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  CommentDrawer: () => CommentDrawer,
-  CommentOverlay: () => CommentOverlay,
-  CommentPin: () => CommentPin,
-  CommentProvider: () => CommentProvider,
-  GitHubAuthProvider: () => GitHubAuthProvider,
-  GitLabAuthProvider: () => GitLabAuthProvider,
-  VersionProvider: () => VersionProvider,
-  useComments: () => useComments,
-  useGitHubAuth: () => useGitHubAuth,
-  useGitLabAuth: () => useGitLabAuth,
-  useVersion: () => useVersion
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/components/CommentOverlay.tsx
-var React3 = __toESM(require("react"));
-var import_react_router_dom = require("react-router-dom");
-
-// src/contexts/CommentContext.tsx
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var CommentContext = React.createContext(void 0);
-var STORAGE_KEY = "hale-threads";
-var SHOW_PINS_KEY = "hale-show-pins";
-var ENABLE_COMMENTING_KEY = "hale-enable-commenting";
-var migrateOldComments = () => {
-  try {
-    const oldThreadsKey = localStorage.getItem("apollo-threads");
-    const oldCommentsKey = localStorage.getItem("apollo-comments");
-    if (oldThreadsKey) {
-      const parsed = JSON.parse(oldThreadsKey);
-      const cleanThreads = parsed.map((t) => ({
-        id: t.id,
-        x: t.x,
-        y: t.y,
-        route: t.route,
-        comments: t.comments.map((c) => ({
-          id: c.id,
-          text: c.text || "",
-          createdAt: c.createdAt,
-          author: c.author
-        })),
-        version: t.version
-      }));
-      localStorage.setItem(STORAGE_KEY, JSON.stringify(cleanThreads));
-      localStorage.removeItem("apollo-threads");
-      return cleanThreads;
-    }
-    if (oldCommentsKey) {
-      const parsed = JSON.parse(oldCommentsKey);
-      const threads = parsed.map((oldComment) => ({
-        id: oldComment.id,
-        x: oldComment.x,
-        y: oldComment.y,
-        route: oldComment.route,
-        comments: [
-          {
-            id: `${oldComment.id}-comment-0`,
-            text: oldComment.text || "",
-            createdAt: oldComment.createdAt
-          }
-        ]
-      }));
-      localStorage.setItem(STORAGE_KEY, JSON.stringify(threads));
-      localStorage.removeItem("apollo-comments");
-      return threads;
-    }
-  } catch (error) {
-    console.error("Failed to migrate old comments:", error);
-  }
-  return [];
-};
-var CommentProvider = ({ children }) => {
-  const [threads, setThreads] = React.useState(() => {
-    try {
-      const stored = localStorage.getItem(STORAGE_KEY);
-      if (stored) {
-        return JSON.parse(stored);
-      }
-      return migrateOldComments();
-    } catch (error) {
-      console.error("Failed to load threads from localStorage:", error);
-      return [];
-    }
-  });
-  const [showPins, setShowPins] = React.useState(() => {
-    try {
-      const stored = localStorage.getItem(SHOW_PINS_KEY);
-      if (stored !== null) return stored === "true";
-      const oldKey = localStorage.getItem("apollo-show-pins");
-      return oldKey === "true";
-    } catch (error) {
-      return false;
-    }
-  });
-  const [enableCommenting, setEnableCommenting] = React.useState(() => {
-    try {
-      const stored = localStorage.getItem(ENABLE_COMMENTING_KEY);
-      if (stored !== null) return stored === "true";
-      const oldKey = localStorage.getItem("apollo-enable-commenting");
-      return oldKey === "true";
-    } catch (error) {
-      return false;
-    }
-  });
-  React.useEffect(() => {
-    try {
-      localStorage.setItem(STORAGE_KEY, JSON.stringify(threads));
-    } catch (error) {
-      console.error("Failed to save threads to localStorage:", error);
-    }
-  }, [threads]);
-  React.useEffect(() => {
-    try {
-      localStorage.setItem(SHOW_PINS_KEY, String(showPins));
-    } catch (error) {
-      console.error("Failed to save showPins to localStorage:", error);
-    }
-  }, [showPins]);
-  React.useEffect(() => {
-    try {
-      localStorage.setItem(ENABLE_COMMENTING_KEY, String(enableCommenting));
-    } catch (error) {
-      console.error("Failed to save enableCommenting to localStorage:", error);
-    }
-  }, [enableCommenting]);
-  const toggleShowPins = React.useCallback(() => {
-    setShowPins((prev) => !prev);
-  }, []);
-  const toggleEnableCommenting = React.useCallback(() => {
-    setEnableCommenting((prev) => !prev);
-  }, []);
-  const addThread = React.useCallback((x, y, route, version) => {
-    const threadId = `thread-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const newThread = {
-      id: threadId,
-      x,
-      y,
-      route,
-      comments: [],
-      version
-    };
-    setThreads((prev) => [...prev, newThread]);
-    return threadId;
-  }, []);
-  const addReply = React.useCallback((threadId, text) => {
-    const commentId = `${threadId}-comment-${Date.now()}`;
-    const newComment = {
-      id: commentId,
-      text,
-      createdAt: (/* @__PURE__ */ new Date()).toISOString()
-    };
-    setThreads(
-      (prev) => prev.map((t) => {
-        if (t.id === threadId) {
-          return {
-            ...t,
-            comments: [...t.comments, newComment]
-          };
-        }
-        return t;
-      })
-    );
-  }, []);
-  const updateComment = React.useCallback((threadId, commentId, text) => {
-    setThreads(
-      (prev) => prev.map((t) => {
-        if (t.id === threadId) {
-          return {
-            ...t,
-            comments: t.comments.map(
-              (c) => c.id === commentId ? { ...c, text } : c
-            )
-          };
-        }
-        return t;
-      })
-    );
-  }, []);
-  const deleteComment = React.useCallback((threadId, commentId) => {
-    setThreads(
-      (prev) => prev.map((t) => {
-        if (t.id === threadId) {
-          return {
-            ...t,
-            comments: t.comments.filter((c) => c.id !== commentId)
-          };
-        }
-        return t;
-      })
-    );
-  }, []);
-  const deleteThread = React.useCallback((threadId) => {
-    setThreads((prev) => prev.filter((t) => t.id !== threadId));
-  }, []);
-  const clearAllThreads = React.useCallback(() => {
-    setThreads([]);
-  }, []);
-  const getThreadsForRoute = React.useCallback((route, version) => {
-    return threads.filter((thread) => {
-      const routeMatch = thread.route === route;
-      const threadVersion = thread.version || "3";
-      const versionMatch = !version || threadVersion === version;
-      return routeMatch && versionMatch;
-    });
-  }, [threads]);
-  const value = React.useMemo(
-    () => ({
-      threads,
-      showPins,
-      enableCommenting,
-      toggleShowPins,
-      toggleEnableCommenting,
-      addThread,
-      addReply,
-      updateComment,
-      deleteComment,
-      deleteThread,
-      clearAllThreads,
-      getThreadsForRoute
-    }),
-    [threads, showPins, enableCommenting, toggleShowPins, toggleEnableCommenting, addThread, addReply, updateComment, deleteComment, deleteThread, clearAllThreads, getThreadsForRoute]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommentContext.Provider, { value, children });
-};
-var useComments = () => {
-  const context = React.useContext(CommentContext);
-  if (!context) {
-    throw new Error("useComments must be used within a CommentProvider");
-  }
-  return context;
-};
-
-// src/contexts/VersionContext.tsx
-var React2 = __toESM(require("react"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var VersionContext = React2.createContext(void 0);
-var VERSION_STORAGE_KEY = "hale-current-version";
-var VersionProvider = ({ children }) => {
-  const [currentVersion, setCurrentVersionState] = React2.useState(() => {
-    try {
-      const stored = localStorage.getItem(VERSION_STORAGE_KEY);
-      return stored || "3";
-    } catch (error) {
-      console.error("Failed to load version from localStorage:", error);
-      return "3";
-    }
-  });
-  React2.useEffect(() => {
-    try {
-      localStorage.setItem(VERSION_STORAGE_KEY, currentVersion);
-    } catch (error) {
-      console.error("Failed to save version to localStorage:", error);
-    }
-  }, [currentVersion]);
-  const setCurrentVersion = React2.useCallback((version) => {
-    setCurrentVersionState(version);
-  }, []);
-  const value = React2.useMemo(
-    () => ({
-      currentVersion,
-      setCurrentVersion
-    }),
-    [currentVersion, setCurrentVersion]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(VersionContext.Provider, { value, children });
-};
-var useVersion = () => {
-  const context = React2.useContext(VersionContext);
-  if (!context) {
-    throw new Error("useVersion must be used within a VersionProvider");
-  }
-  return context;
-};
-
-// src/components/CommentPin.tsx
-var import_react_core = require("@patternfly/react-core");
-var import_react_icons = require("@patternfly/react-icons");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var CommentPin = ({
-  thread,
-  onPinClick,
-  isSelected = false
-}) => {
-  const commentCount = thread.comments.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: `
-          @keyframes pulse {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.5; }
-          }
-        ` }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_core.Button,
-      {
-        id: `comment-pin-${thread.id}`,
-        variant: "plain",
-        "aria-label": `Comment thread with ${commentCount} ${commentCount === 1 ? "comment" : "comments"}`,
-        onClick: (e) => {
-          e.stopPropagation();
-          onPinClick();
-        },
-        style: {
-          position: "absolute",
-          left: `${thread.x}px`,
-          top: `${thread.y}px`,
-          transform: "translate(-50%, -50%)",
-          width: "32px",
-          height: "32px",
-          borderRadius: "50%",
-          backgroundColor: "#C9190B",
-          color: "white",
-          border: isSelected ? "3px solid #0066CC" : "2px solid white",
-          boxShadow: isSelected ? "0 0 0 2px #0066CC, 0 4px 12px rgba(0, 0, 0, 0.4)" : "0 2px 8px rgba(0, 0, 0, 0.3)",
-          padding: 0,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          cursor: "pointer",
-          zIndex: isSelected ? 1001 : 1e3,
-          transition: "all 0.2s ease",
-          fontSize: commentCount > 1 ? "0.7rem" : void 0
-        },
-        children: commentCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontWeight: "bold", fontSize: "0.75rem" }, children: "0" }) : commentCount === 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_icons.CommentIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontWeight: "bold" }, children: commentCount })
-      }
-    )
-  ] });
-};
-
-// src/components/CommentOverlay.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var CommentOverlay = ({
-  selectedThreadId,
-  onThreadSelect
-}) => {
-  const location = (0, import_react_router_dom.useLocation)();
-  const { showPins, enableCommenting, addThread, getThreadsForRoute } = useComments();
-  const { currentVersion } = useVersion();
-  const overlayRef = React3.useRef(null);
-  const currentRouteThreads = React3.useMemo(
-    () => getThreadsForRoute(location.pathname, currentVersion),
-    [getThreadsForRoute, location.pathname, currentVersion]
-  );
-  const handleOverlayClick = React3.useCallback(
-    (event) => {
-      if (!enableCommenting) return;
-      if (event.target === overlayRef.current) {
-        const rect = overlayRef.current.getBoundingClientRect();
-        const x = event.clientX - rect.left;
-        const y = event.clientY - rect.top;
-        const newThreadId = addThread(x, y, location.pathname, currentVersion);
-        onThreadSelect(newThreadId);
-      }
-    },
-    [enableCommenting, addThread, location.pathname, currentVersion, onThreadSelect]
-  );
-  if (!showPins && !enableCommenting) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      ref: overlayRef,
-      id: "comment-overlay",
-      onClick: handleOverlayClick,
-      style: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        pointerEvents: enableCommenting ? "auto" : "none",
-        cursor: enableCommenting ? "crosshair" : "default",
-        zIndex: 999
-      },
-      children: showPins && currentRouteThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "div",
-        {
-          style: { pointerEvents: "auto" },
-          onClick: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            CommentPin,
-            {
-              thread,
-              onPinClick: () => onThreadSelect(thread.id),
-              isSelected: thread.id === selectedThreadId
-            }
-          )
-        },
-        thread.id
-      ))
-    }
-  );
-};
-
-// src/components/CommentDrawer.tsx
-var React4 = __toESM(require("react"));
-var import_react_core2 = require("@patternfly/react-core");
-var import_react_icons2 = require("@patternfly/react-icons");
-var import_react_router_dom2 = require("react-router-dom");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var CommentDrawer = ({
-  children,
-  selectedThreadId,
-  onThreadSelect
-}) => {
-  const location = (0, import_react_router_dom2.useLocation)();
-  const {
-    getThreadsForRoute,
-    addReply,
-    updateComment,
-    deleteComment,
-    deleteThread,
-    enableCommenting
-  } = useComments();
-  const { currentVersion } = useVersion();
-  const [editingCommentId, setEditingCommentId] = React4.useState(null);
-  const [editText, setEditText] = React4.useState("");
-  const [replyText, setReplyText] = React4.useState("");
-  const replyTextAreaRef = React4.useRef(null);
-  const [threadSummaries, setThreadSummaries] = React4.useState({});
-  const [loadingSummary, setLoadingSummary] = React4.useState(false);
-  const [summaryExpanded, setSummaryExpanded] = React4.useState(true);
-  const currentRouteThreads = getThreadsForRoute(location.pathname, currentVersion);
-  const selectedThread = currentRouteThreads.find((t) => t.id === selectedThreadId);
-  const isDrawerOpen = selectedThreadId !== null && selectedThread !== void 0;
-  React4.useEffect(() => {
-    if (!isDrawerOpen || !enableCommenting) return;
-    const timer = setTimeout(() => {
-      replyTextAreaRef.current?.focus();
-    }, 100);
-    return () => clearTimeout(timer);
-  }, [isDrawerOpen, enableCommenting, selectedThreadId]);
-  const handleEdit = (commentId, text) => {
-    setEditingCommentId(commentId);
-    setEditText(text);
-  };
-  const handleSave = async (threadId, commentId) => {
-    await updateComment(threadId, commentId, editText);
-    setEditingCommentId(null);
-  };
-  const handleAddReply = async () => {
-    if (selectedThreadId && replyText.trim()) {
-      await addReply(selectedThreadId, replyText);
-      setReplyText("");
-    }
-  };
-  const handleDeleteThread = async () => {
-    if (selectedThreadId && window.confirm("Delete this entire thread and all its comments?")) {
-      await deleteThread(selectedThreadId);
-      onThreadSelect(null);
-    }
-  };
-  const handleSummarizeThread = async () => {
-    console.log("AI features not available in local-only mode");
-  };
-  const handleDeleteComment = async (threadId, commentId) => {
-    if (window.confirm("Delete this comment?")) {
-      await deleteComment(threadId, commentId);
-    }
-  };
-  const formatDate = (isoDate) => {
-    const date = new Date(isoDate);
-    return date.toLocaleString(void 0, {
-      month: "short",
-      day: "numeric",
-      hour: "2-digit",
-      minute: "2-digit"
-    });
-  };
-  const panelContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.DrawerPanelContent, { isResizable: true, defaultSize: "400px", minSize: "300px", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.DrawerHead, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.Title, { headingLevel: "h2", size: "xl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons2.CommentIcon, { style: { marginRight: "0.5rem", color: "#C9190B" } }),
-        "Thread"
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.DrawerActions, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.DrawerCloseButton, { onClick: () => onThreadSelect(null) }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.DrawerContentBody, { style: { padding: "1rem" }, children: !selectedThread ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.EmptyState, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons2.CommentIcon, { style: { fontSize: "3rem", color: "var(--pf-v6-global--Color--200)", marginBottom: "1rem" } }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.Title, { headingLevel: "h3", size: "lg", children: "No thread selected" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.EmptyStateBody, { children: "Click a pin to view its comments." })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.Card, { isCompact: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.CardBody, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { fontSize: "0.875rem", marginBottom: "0.5rem" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Location:" }),
-          " (",
-          Math.round(selectedThread.x),
-          ", ",
-          Math.round(selectedThread.y),
-          ")"
-        ] }),
-        selectedThread.version && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { fontSize: "0.875rem", marginBottom: "0.5rem" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Version:" }),
-          " ",
-          selectedThread.version
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { fontSize: "0.875rem", marginBottom: "0.5rem" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "Comments:" }),
-          " ",
-          selectedThread.comments.length
-        ] }),
-        selectedThread.comments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_react_core2.Button,
-          {
-            id: `ai-summarize-thread-${selectedThread.id}`,
-            variant: "secondary",
-            size: "sm",
-            icon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons2.MagicIcon, {}),
-            onClick: handleSummarizeThread,
-            isLoading: loadingSummary,
-            isDisabled: loadingSummary,
-            style: { marginTop: "0.5rem" },
-            children: loadingSummary ? "Generating..." : "AI Summarize Thread"
-          }
-        ),
-        enableCommenting && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_react_core2.Button,
-          {
-            id: `delete-thread-${selectedThread.id}`,
-            variant: "danger",
-            size: "sm",
-            icon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons2.TimesIcon, {}),
-            onClick: handleDeleteThread,
-            style: { marginTop: "0.5rem", marginLeft: selectedThread.comments.length > 0 ? "0.5rem" : "0" },
-            children: "Delete Thread"
-          }
-        )
-      ] }) }),
-      threadSummaries[selectedThread.id] && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react_core2.Alert,
-        {
-          variant: "info",
-          isInline: true,
-          title: "AI Summary",
-          actionClose: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_react_core2.Button,
-            {
-              variant: "plain",
-              onClick: () => {
-                const newSummaries = { ...threadSummaries };
-                delete newSummaries[selectedThread.id];
-                setThreadSummaries(newSummaries);
-              },
-              "aria-label": "Clear summary",
-              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons2.TimesIcon, {})
-            }
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_react_core2.ExpandableSection,
-            {
-              toggleText: summaryExpanded ? "Hide summary" : "Show summary",
-              onToggle: (_event, isExpanded) => setSummaryExpanded(isExpanded),
-              isExpanded: summaryExpanded,
-              isIndented: true,
-              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "0.875rem", lineHeight: "1.5" }, children: threadSummaries[selectedThread.id] })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.Divider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: selectedThread.comments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.EmptyState, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.Title, { headingLevel: "h4", size: "md", children: "No comments yet" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.EmptyStateBody, { children: enableCommenting ? "Add a reply below to start the conversation." : "Enable commenting to add replies." })
-      ] }) : selectedThread.comments.map((comment, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.Card, { isCompact: true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.CardTitle, { children: [
-          "Comment #",
-          index + 1,
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { fontSize: "0.75rem", color: "var(--pf-v6-global--Color--200)", fontWeight: "normal" }, children: [
-            comment.author && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: { marginRight: "0.5rem" }, children: [
-              "@",
-              comment.author
-            ] }),
-            formatDate(comment.createdAt)
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.CardBody, { children: editingCommentId === comment.id ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_react_core2.TextArea,
-            {
-              id: `edit-comment-${comment.id}`,
-              value: editText,
-              onChange: (_event, value) => setEditText(value),
-              rows: 3,
-              style: { marginBottom: "0.5rem" },
-              onKeyDown: (e) => {
-                if (e.key === "Enter" && !e.shiftKey) {
-                  e.preventDefault();
-                  handleSave(selectedThread.id, comment.id);
-                }
-                if (e.key === "Escape") {
-                  setEditingCommentId(null);
-                }
-              }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", gap: "0.5rem" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_react_core2.Button,
-              {
-                id: `save-comment-${comment.id}`,
-                variant: "primary",
-                size: "sm",
-                onClick: () => handleSave(selectedThread.id, comment.id),
-                children: "Save"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_react_core2.Button,
-              {
-                id: `cancel-edit-${comment.id}`,
-                variant: "link",
-                size: "sm",
-                onClick: () => setEditingCommentId(null),
-                children: "Cancel"
-              }
-            )
-          ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { marginBottom: "0.75rem", whiteSpace: "pre-wrap" }, children: comment.text || /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { style: { color: "var(--pf-v6-global--Color--200)" }, children: "No text" }) }),
-          enableCommenting && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", gap: "0.5rem" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_react_core2.Button,
-              {
-                id: `edit-comment-btn-${comment.id}`,
-                variant: "secondary",
-                size: "sm",
-                onClick: () => handleEdit(comment.id, comment.text),
-                children: "Edit"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_react_core2.Button,
-              {
-                id: `delete-comment-btn-${comment.id}`,
-                variant: "danger",
-                size: "sm",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons2.TimesIcon, {}),
-                onClick: () => handleDeleteComment(selectedThread.id, comment.id),
-                children: "Delete"
-              }
-            )
-          ] })
-        ] }) })
-      ] }, comment.id)) }),
-      enableCommenting && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.Card, { isCompact: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.CardTitle, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons2.PlusCircleIcon, { style: { marginRight: "0.5rem" } }),
-            "Add Reply"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_core2.CardBody, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_react_core2.TextArea,
-              {
-                ref: replyTextAreaRef,
-                id: `reply-textarea-${selectedThread.id}`,
-                value: replyText,
-                onChange: (_event, value) => setReplyText(value),
-                placeholder: "Enter your reply...",
-                rows: 3,
-                style: { marginBottom: "0.5rem" },
-                onKeyDown: (e) => {
-                  if (e.key === "Enter" && !e.shiftKey) {
-                    e.preventDefault();
-                    handleAddReply();
-                  }
-                }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_react_core2.Button,
-              {
-                id: `add-reply-${selectedThread.id}`,
-                variant: "primary",
-                size: "sm",
-                onClick: handleAddReply,
-                isDisabled: !replyText.trim(),
-                children: "Add Reply"
-              }
-            )
-          ] })
-        ] })
-      ] })
-    ] }) })
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.Drawer, { isExpanded: isDrawerOpen, isInline: true, position: "right", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.DrawerContent, { panelContent, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_core2.DrawerContentBody, { children }) }) });
-};
-
-// src/contexts/GitHubAuthContext.tsx
-var React5 = __toESM(require("react"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var GitHubAuthContext = React5.createContext(void 0);
-var GitHubAuthProvider = ({ children }) => {
-  const value = {
-    user: null,
-    isAuthenticated: false,
-    login: () => {
-      console.log("GitHub login not available in local mode");
-    },
-    logout: () => {
-      console.log("GitHub logout not available in local mode");
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GitHubAuthContext.Provider, { value, children });
-};
-var useGitHubAuth = () => {
-  const context = React5.useContext(GitHubAuthContext);
-  if (context === void 0) {
-    throw new Error("useGitHubAuth must be used within a GitHubAuthProvider");
-  }
-  return context;
-};
-
-// src/contexts/GitLabAuthContext.tsx
-var React6 = __toESM(require("react"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var GitLabAuthContext = React6.createContext(void 0);
-var GitLabAuthProvider = ({ children }) => {
-  const value = {
-    user: null,
-    isAuthenticated: false,
-    login: () => {
-      console.log("GitLab login not available in local mode");
-    },
-    logout: () => {
-      console.log("GitLab logout not available in local mode");
-    },
-    getToken: () => null
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(GitLabAuthContext.Provider, { value, children });
-};
-var useGitLabAuth = () => {
-  const ctx = React6.useContext(GitLabAuthContext);
-  if (!ctx) {
-    throw new Error("useGitLabAuth must be used within a GitLabAuthProvider");
-  }
-  return ctx;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CommentDrawer,
-  CommentOverlay,
-  CommentPin,
-  CommentProvider,
-  GitHubAuthProvider,
-  GitLabAuthProvider,
-  VersionProvider,
-  useComments,
-  useGitHubAuth,
-  useGitLabAuth,
-  useVersion
-});
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isGitHubConfigured = exports.githubAdapter = exports.FloatingWidget = exports.JiraTab = exports.DetailsTab = exports.CommentPanel = exports.CommentPin = exports.CommentOverlay = exports.useGitHubAuth = exports.GitHubAuthProvider = exports.useComments = exports.CommentProvider = void 0;
+// Contexts
+var CommentContext_1 = require("./contexts/CommentContext");
+Object.defineProperty(exports, "CommentProvider", { enumerable: true, get: function () { return CommentContext_1.CommentProvider; } });
+Object.defineProperty(exports, "useComments", { enumerable: true, get: function () { return CommentContext_1.useComments; } });
+var GitHubAuthContext_1 = require("./contexts/GitHubAuthContext");
+Object.defineProperty(exports, "GitHubAuthProvider", { enumerable: true, get: function () { return GitHubAuthContext_1.GitHubAuthProvider; } });
+Object.defineProperty(exports, "useGitHubAuth", { enumerable: true, get: function () { return GitHubAuthContext_1.useGitHubAuth; } });
+// Components
+var CommentOverlay_1 = require("./components/CommentOverlay");
+Object.defineProperty(exports, "CommentOverlay", { enumerable: true, get: function () { return CommentOverlay_1.CommentOverlay; } });
+var CommentPin_1 = require("./components/CommentPin");
+Object.defineProperty(exports, "CommentPin", { enumerable: true, get: function () { return CommentPin_1.CommentPin; } });
+var CommentPanel_1 = require("./components/CommentPanel");
+Object.defineProperty(exports, "CommentPanel", { enumerable: true, get: function () { return CommentPanel_1.CommentPanel; } });
+var DetailsTab_1 = require("./components/DetailsTab");
+Object.defineProperty(exports, "DetailsTab", { enumerable: true, get: function () { return DetailsTab_1.DetailsTab; } });
+var JiraTab_1 = require("./components/JiraTab");
+Object.defineProperty(exports, "JiraTab", { enumerable: true, get: function () { return JiraTab_1.JiraTab; } });
+var FloatingWidget_1 = require("./components/FloatingWidget");
+Object.defineProperty(exports, "FloatingWidget", { enumerable: true, get: function () { return FloatingWidget_1.FloatingWidget; } });
+// Services
+var githubAdapter_1 = require("./services/githubAdapter");
+Object.defineProperty(exports, "githubAdapter", { enumerable: true, get: function () { return githubAdapter_1.githubAdapter; } });
+Object.defineProperty(exports, "isGitHubConfigured", { enumerable: true, get: function () { return githubAdapter_1.isGitHubConfigured; } });