hale-commenting-system 2.0.3 → 2.1.0

package/dist/index.mjs

@@ -1,759 +0,0 @@
-// src/components/CommentOverlay.tsx
-import * as React3 from "react";
-import { useLocation } from "react-router-dom";
-
-// src/contexts/CommentContext.tsx
-import * as React from "react";
-import { jsx } from "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__ */ 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
-import * as React2 from "react";
-import { jsx as jsx2 } from "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__ */ jsx2(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
-import { Button } from "@patternfly/react-core";
-import { CommentIcon } from "@patternfly/react-icons";
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
-var CommentPin = ({
-  thread,
-  onPinClick,
-  isSelected = false
-}) => {
-  const commentCount = thread.comments.length;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx3("style", { children: `
-          @keyframes pulse {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.5; }
-          }
-        ` }),
-    /* @__PURE__ */ jsx3(
-      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__ */ jsx3("span", { style: { fontWeight: "bold", fontSize: "0.75rem" }, children: "0" }) : commentCount === 1 ? /* @__PURE__ */ jsx3(CommentIcon, {}) : /* @__PURE__ */ jsx3("span", { style: { fontWeight: "bold" }, children: commentCount })
-      }
-    )
-  ] });
-};
-
-// src/components/CommentOverlay.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var CommentOverlay = ({
-  selectedThreadId,
-  onThreadSelect
-}) => {
-  const location = 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__ */ jsx4(
-    "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__ */ jsx4(
-        "div",
-        {
-          style: { pointerEvents: "auto" },
-          onClick: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ jsx4(
-            CommentPin,
-            {
-              thread,
-              onPinClick: () => onThreadSelect(thread.id),
-              isSelected: thread.id === selectedThreadId
-            }
-          )
-        },
-        thread.id
-      ))
-    }
-  );
-};
-
-// src/components/CommentDrawer.tsx
-import * as React4 from "react";
-import {
-  Drawer,
-  DrawerContent,
-  DrawerContentBody,
-  DrawerPanelContent,
-  DrawerHead,
-  DrawerActions,
-  DrawerCloseButton,
-  Title,
-  Button as Button2,
-  TextArea,
-  Card,
-  CardBody,
-  CardTitle,
-  EmptyState,
-  EmptyStateBody,
-  Divider,
-  ExpandableSection,
-  Alert
-} from "@patternfly/react-core";
-import { CommentIcon as CommentIcon2, TimesIcon, PlusCircleIcon, MagicIcon } from "@patternfly/react-icons";
-import { useLocation as useLocation2 } from "react-router-dom";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var CommentDrawer = ({
-  children,
-  selectedThreadId,
-  onThreadSelect
-}) => {
-  const location = useLocation2();
-  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__ */ jsxs2(DrawerPanelContent, { isResizable: true, defaultSize: "400px", minSize: "300px", children: [
-    /* @__PURE__ */ jsxs2(DrawerHead, { children: [
-      /* @__PURE__ */ jsx5("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", flex: 1 }, children: /* @__PURE__ */ jsxs2(Title, { headingLevel: "h2", size: "xl", children: [
-        /* @__PURE__ */ jsx5(CommentIcon2, { style: { marginRight: "0.5rem", color: "#C9190B" } }),
-        "Thread"
-      ] }) }),
-      /* @__PURE__ */ jsx5(DrawerActions, { children: /* @__PURE__ */ jsx5(DrawerCloseButton, { onClick: () => onThreadSelect(null) }) })
-    ] }),
-    /* @__PURE__ */ jsx5(DrawerContentBody, { style: { padding: "1rem" }, children: !selectedThread ? /* @__PURE__ */ jsxs2(EmptyState, { children: [
-      /* @__PURE__ */ jsx5(CommentIcon2, { style: { fontSize: "3rem", color: "var(--pf-v6-global--Color--200)", marginBottom: "1rem" } }),
-      /* @__PURE__ */ jsx5(Title, { headingLevel: "h3", size: "lg", children: "No thread selected" }),
-      /* @__PURE__ */ jsx5(EmptyStateBody, { children: "Click a pin to view its comments." })
-    ] }) : /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
-      /* @__PURE__ */ jsx5(Card, { isCompact: true, children: /* @__PURE__ */ jsxs2(CardBody, { children: [
-        /* @__PURE__ */ jsxs2("div", { style: { fontSize: "0.875rem", marginBottom: "0.5rem" }, children: [
-          /* @__PURE__ */ jsx5("strong", { children: "Location:" }),
-          " (",
-          Math.round(selectedThread.x),
-          ", ",
-          Math.round(selectedThread.y),
-          ")"
-        ] }),
-        selectedThread.version && /* @__PURE__ */ jsxs2("div", { style: { fontSize: "0.875rem", marginBottom: "0.5rem" }, children: [
-          /* @__PURE__ */ jsx5("strong", { children: "Version:" }),
-          " ",
-          selectedThread.version
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { style: { fontSize: "0.875rem", marginBottom: "0.5rem" }, children: [
-          /* @__PURE__ */ jsx5("strong", { children: "Comments:" }),
-          " ",
-          selectedThread.comments.length
-        ] }),
-        selectedThread.comments.length > 0 && /* @__PURE__ */ jsx5(
-          Button2,
-          {
-            id: `ai-summarize-thread-${selectedThread.id}`,
-            variant: "secondary",
-            size: "sm",
-            icon: /* @__PURE__ */ jsx5(MagicIcon, {}),
-            onClick: handleSummarizeThread,
-            isLoading: loadingSummary,
-            isDisabled: loadingSummary,
-            style: { marginTop: "0.5rem" },
-            children: loadingSummary ? "Generating..." : "AI Summarize Thread"
-          }
-        ),
-        enableCommenting && /* @__PURE__ */ jsx5(
-          Button2,
-          {
-            id: `delete-thread-${selectedThread.id}`,
-            variant: "danger",
-            size: "sm",
-            icon: /* @__PURE__ */ jsx5(TimesIcon, {}),
-            onClick: handleDeleteThread,
-            style: { marginTop: "0.5rem", marginLeft: selectedThread.comments.length > 0 ? "0.5rem" : "0" },
-            children: "Delete Thread"
-          }
-        )
-      ] }) }),
-      threadSummaries[selectedThread.id] && /* @__PURE__ */ jsx5(
-        Alert,
-        {
-          variant: "info",
-          isInline: true,
-          title: "AI Summary",
-          actionClose: /* @__PURE__ */ jsx5(
-            Button2,
-            {
-              variant: "plain",
-              onClick: () => {
-                const newSummaries = { ...threadSummaries };
-                delete newSummaries[selectedThread.id];
-                setThreadSummaries(newSummaries);
-              },
-              "aria-label": "Clear summary",
-              children: /* @__PURE__ */ jsx5(TimesIcon, {})
-            }
-          ),
-          children: /* @__PURE__ */ jsx5(
-            ExpandableSection,
-            {
-              toggleText: summaryExpanded ? "Hide summary" : "Show summary",
-              onToggle: (_event, isExpanded) => setSummaryExpanded(isExpanded),
-              isExpanded: summaryExpanded,
-              isIndented: true,
-              children: /* @__PURE__ */ jsx5("div", { style: { fontSize: "0.875rem", lineHeight: "1.5" }, children: threadSummaries[selectedThread.id] })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx5(Divider, {}),
-      /* @__PURE__ */ jsx5("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: selectedThread.comments.length === 0 ? /* @__PURE__ */ jsxs2(EmptyState, { children: [
-        /* @__PURE__ */ jsx5(Title, { headingLevel: "h4", size: "md", children: "No comments yet" }),
-        /* @__PURE__ */ jsx5(EmptyStateBody, { children: enableCommenting ? "Add a reply below to start the conversation." : "Enable commenting to add replies." })
-      ] }) : selectedThread.comments.map((comment, index) => /* @__PURE__ */ jsxs2(Card, { isCompact: true, children: [
-        /* @__PURE__ */ jsxs2(CardTitle, { children: [
-          "Comment #",
-          index + 1,
-          /* @__PURE__ */ jsxs2("div", { style: { fontSize: "0.75rem", color: "var(--pf-v6-global--Color--200)", fontWeight: "normal" }, children: [
-            comment.author && /* @__PURE__ */ jsxs2("span", { style: { marginRight: "0.5rem" }, children: [
-              "@",
-              comment.author
-            ] }),
-            formatDate(comment.createdAt)
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx5(CardBody, { children: editingCommentId === comment.id ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          /* @__PURE__ */ jsx5(
-            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__ */ jsxs2("div", { style: { display: "flex", gap: "0.5rem" }, children: [
-            /* @__PURE__ */ jsx5(
-              Button2,
-              {
-                id: `save-comment-${comment.id}`,
-                variant: "primary",
-                size: "sm",
-                onClick: () => handleSave(selectedThread.id, comment.id),
-                children: "Save"
-              }
-            ),
-            /* @__PURE__ */ jsx5(
-              Button2,
-              {
-                id: `cancel-edit-${comment.id}`,
-                variant: "link",
-                size: "sm",
-                onClick: () => setEditingCommentId(null),
-                children: "Cancel"
-              }
-            )
-          ] })
-        ] }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          /* @__PURE__ */ jsx5("div", { style: { marginBottom: "0.75rem", whiteSpace: "pre-wrap" }, children: comment.text || /* @__PURE__ */ jsx5("em", { style: { color: "var(--pf-v6-global--Color--200)" }, children: "No text" }) }),
-          enableCommenting && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "0.5rem" }, children: [
-            /* @__PURE__ */ jsx5(
-              Button2,
-              {
-                id: `edit-comment-btn-${comment.id}`,
-                variant: "secondary",
-                size: "sm",
-                onClick: () => handleEdit(comment.id, comment.text),
-                children: "Edit"
-              }
-            ),
-            /* @__PURE__ */ jsx5(
-              Button2,
-              {
-                id: `delete-comment-btn-${comment.id}`,
-                variant: "danger",
-                size: "sm",
-                icon: /* @__PURE__ */ jsx5(TimesIcon, {}),
-                onClick: () => handleDeleteComment(selectedThread.id, comment.id),
-                children: "Delete"
-              }
-            )
-          ] })
-        ] }) })
-      ] }, comment.id)) }),
-      enableCommenting && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx5(Divider, {}),
-        /* @__PURE__ */ jsxs2(Card, { isCompact: true, children: [
-          /* @__PURE__ */ jsxs2(CardTitle, { children: [
-            /* @__PURE__ */ jsx5(PlusCircleIcon, { style: { marginRight: "0.5rem" } }),
-            "Add Reply"
-          ] }),
-          /* @__PURE__ */ jsxs2(CardBody, { children: [
-            /* @__PURE__ */ jsx5(
-              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__ */ jsx5(
-              Button2,
-              {
-                id: `add-reply-${selectedThread.id}`,
-                variant: "primary",
-                size: "sm",
-                onClick: handleAddReply,
-                isDisabled: !replyText.trim(),
-                children: "Add Reply"
-              }
-            )
-          ] })
-        ] })
-      ] })
-    ] }) })
-  ] });
-  return /* @__PURE__ */ jsx5(Drawer, { isExpanded: isDrawerOpen, isInline: true, position: "right", children: /* @__PURE__ */ jsx5(DrawerContent, { panelContent, children: /* @__PURE__ */ jsx5(DrawerContentBody, { children }) }) });
-};
-
-// src/contexts/GitHubAuthContext.tsx
-import * as React5 from "react";
-import { jsx as jsx6 } from "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__ */ jsx6(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
-import * as React6 from "react";
-import { jsx as jsx7 } from "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__ */ jsx7(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;
-};
-export {
-  CommentDrawer,
-  CommentOverlay,
-  CommentPin,
-  CommentProvider,
-  GitHubAuthProvider,
-  GitLabAuthProvider,
-  VersionProvider,
-  useComments,
-  useGitHubAuth,
-  useGitLabAuth,
-  useVersion
-};
-//# sourceMappingURL=index.mjs.map