@flanksource/clicky-ui 0.3.1 → 0.3.3

package/dist/comments/CommentProvider.cjs

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const commentUtils = require("./comment-utils.cjs");
+const commentContext = require("./comment-context.cjs");
+function CommentProvider({
+  children,
+  comments,
+  config,
+  resolveAnchor = commentContext.exactAnchorResolver,
+  onCreate,
+  onReply,
+  onUpdateStatus,
+  onDelete,
+  onChecklistToggle,
+  onMention
+}) {
+  const [railMode, setRailMode] = react.useState("closed");
+  const [focusedAnchor, setFocusedAnchor] = react.useState(null);
+  const [highlightAnchor, setHighlightAnchor] = react.useState(null);
+  const anchorEls = react.useRef({});
+  const contentRef = react.useRef(null);
+  const commentCounts = react.useMemo(() => commentUtils.deriveAnchorCounts(comments), [comments]);
+  const commentMeta = react.useMemo(() => commentUtils.deriveAnchorMeta(comments), [comments]);
+  const focusAnchor = react.useCallback((anchor) => {
+    setFocusedAnchor(anchor);
+    setRailMode("focused");
+  }, []);
+  const openCommentList = react.useCallback(() => {
+    setRailMode((prev) => prev === "all" ? "closed" : "all");
+  }, []);
+  const closeRail = react.useCallback(() => setRailMode("closed"), []);
+  const registerAnchor = react.useCallback((anchor, el) => {
+    if (el) anchorEls.current[anchor] = el;
+    else delete anchorEls.current[anchor];
+  }, []);
+  const getAnchorTop = react.useCallback(
+    (anchor) => {
+      const resolved = resolveAnchor(anchor, Object.keys(anchorEls.current));
+      const el = resolved ? anchorEls.current[resolved] : null;
+      const container = contentRef.current;
+      if (!el || !container) return null;
+      return el.getBoundingClientRect().top - container.getBoundingClientRect().top;
+    },
+    [resolveAnchor]
+  );
+  react.useEffect(() => {
+    if (railMode === "focused" && !focusedAnchor) setRailMode("closed");
+  }, [railMode, focusedAnchor]);
+  const callbacks = react.useMemo(
+    () => ({
+      ...onCreate ? { onCreate } : {},
+      ...onReply ? { onReply } : {},
+      ...onUpdateStatus ? { onUpdateStatus } : {},
+      ...onDelete ? { onDelete } : {},
+      ...onChecklistToggle ? { onChecklistToggle } : {},
+      ...onMention ? { onMention } : {}
+    }),
+    [onCreate, onReply, onUpdateStatus, onDelete, onChecklistToggle, onMention]
+  );
+  const value = react.useMemo(
+    () => ({
+      comments,
+      config,
+      callbacks,
+      commentCounts,
+      commentMeta,
+      railMode,
+      focusedAnchor,
+      focusAnchor,
+      openCommentList,
+      closeRail,
+      registerAnchor,
+      getAnchorTop,
+      contentRef,
+      highlightAnchor,
+      setHighlightAnchor
+    }),
+    [
+      comments,
+      config,
+      callbacks,
+      commentCounts,
+      commentMeta,
+      railMode,
+      focusedAnchor,
+      focusAnchor,
+      openCommentList,
+      closeRail,
+      registerAnchor,
+      getAnchorTop,
+      highlightAnchor
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(commentContext.CommentContext.Provider, { value, children });
+}
+exports.CommentProvider = CommentProvider;
+//# sourceMappingURL=CommentProvider.cjs.map

package/dist/comments/CommentProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentProvider.cjs","sources":["../../src/comments/CommentProvider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { deriveAnchorCounts, deriveAnchorMeta } from \"./comment-utils\";\nimport {\n  CommentContext,\n  exactAnchorResolver,\n  type AnchorResolver,\n  type CommentContextValue,\n  type CommentRailMode,\n} from \"./comment-context\";\nimport { type Comment, type CommentAnchor, type CommentCallbacks, type CommentConfig } from \"./comment-types\";\n\nexport type CommentProviderProps = CommentCallbacks & {\n  children: ReactNode;\n  /** All comments for the document; counts and metadata are derived from these. */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Strategy to map a requested anchor onto a registered one. Defaults to exact. */\n  resolveAnchor?: AnchorResolver;\n};\n\n/**\n * Supplies comment state to a document subtree: derived per-anchor counts and\n * metadata, rail open/focus state, and a generic anchor registry (cells call\n * `registerAnchor` so the side panel can scroll-align to them). Owns no\n * fetching — `comments` and the callbacks are controlled by the consumer.\n */\nexport function CommentProvider({\n  children,\n  comments,\n  config,\n  resolveAnchor = exactAnchorResolver,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n}: CommentProviderProps) {\n  const [railMode, setRailMode] = useState<CommentRailMode>(\"closed\");\n  const [focusedAnchor, setFocusedAnchor] = useState<CommentAnchor | null>(null);\n  const [highlightAnchor, setHighlightAnchor] = useState<CommentAnchor | null>(null);\n  const anchorEls = useRef<Record<string, HTMLElement>>({});\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  const commentCounts = useMemo(() => deriveAnchorCounts(comments), [comments]);\n  const commentMeta = useMemo(() => deriveAnchorMeta(comments), [comments]);\n\n  const focusAnchor = useCallback((anchor: CommentAnchor) => {\n    setFocusedAnchor(anchor);\n    setRailMode(\"focused\");\n  }, []);\n\n  const openCommentList = useCallback(() => {\n    setRailMode((prev) => (prev === \"all\" ? \"closed\" : \"all\"));\n  }, []);\n\n  const closeRail = useCallback(() => setRailMode(\"closed\"), []);\n\n  const registerAnchor = useCallback((anchor: CommentAnchor, el: HTMLElement | null) => {\n    if (el) anchorEls.current[anchor] = el;\n    else delete anchorEls.current[anchor];\n  }, []);\n\n  const getAnchorTop = useCallback(\n    (anchor: CommentAnchor): number | null => {\n      const resolved = resolveAnchor(anchor, Object.keys(anchorEls.current));\n      const el = resolved ? anchorEls.current[resolved] : null;\n      const container = contentRef.current;\n      if (!el || !container) return null;\n      return el.getBoundingClientRect().top - container.getBoundingClientRect().top;\n    },\n    [resolveAnchor],\n  );\n\n  // A focused rail with no anchor selected has nothing to show.\n  useEffect(() => {\n    if (railMode === \"focused\" && !focusedAnchor) setRailMode(\"closed\");\n  }, [railMode, focusedAnchor]);\n\n  const callbacks = useMemo<CommentCallbacks>(\n    () => ({\n      ...(onCreate ? { onCreate } : {}),\n      ...(onReply ? { onReply } : {}),\n      ...(onUpdateStatus ? { onUpdateStatus } : {}),\n      ...(onDelete ? { onDelete } : {}),\n      ...(onChecklistToggle ? { onChecklistToggle } : {}),\n      ...(onMention ? { onMention } : {}),\n    }),\n    [onCreate, onReply, onUpdateStatus, onDelete, onChecklistToggle, onMention],\n  );\n\n  const value = useMemo<CommentContextValue>(\n    () => ({\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      contentRef,\n      highlightAnchor,\n      setHighlightAnchor,\n    }),\n    [\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      highlightAnchor,\n    ],\n  );\n\n  return <CommentContext.Provider value={value}>{children}</CommentContext.Provider>;\n}\n"],"names":["exactAnchorResolver","useState","useRef","useMemo","deriveAnchorCounts","deriveAnchorMeta","useCallback","useEffect","jsx","CommentContext"],"mappings":"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"}

package/dist/comments/CommentProvider.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { AnchorResolver } from './comment-context';
+import { Comment, CommentCallbacks, CommentConfig } from './comment-types';
+export type CommentProviderProps = CommentCallbacks & {
+    children: ReactNode;
+    /** All comments for the document; counts and metadata are derived from these. */
+    comments: Comment[];
+    config: CommentConfig;
+    /** Strategy to map a requested anchor onto a registered one. Defaults to exact. */
+    resolveAnchor?: AnchorResolver;
+};
+/**
+ * Supplies comment state to a document subtree: derived per-anchor counts and
+ * metadata, rail open/focus state, and a generic anchor registry (cells call
+ * `registerAnchor` so the side panel can scroll-align to them). Owns no
+ * fetching — `comments` and the callbacks are controlled by the consumer.
+ */
+export declare function CommentProvider({ children, comments, config, resolveAnchor, onCreate, onReply, onUpdateStatus, onDelete, onChecklistToggle, onMention, }: CommentProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommentProvider.d.ts.map

package/dist/comments/CommentProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentProvider.d.ts","sourceRoot":"","sources":["../../src/comments/CommentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1F,OAAO,EAGL,KAAK,cAAc,EAGpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,OAAO,EAAsB,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9G,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,cAAc,CAAC;CAChC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,aAAmC,EACnC,QAAQ,EACR,OAAO,EACP,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,SAAS,GACV,EAAE,oBAAoB,2CA0FtB"}

package/dist/comments/CommentProvider.js

@@ -0,0 +1,99 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useMemo, useCallback, useEffect } from "react";
+import { deriveAnchorCounts, deriveAnchorMeta } from "./comment-utils.js";
+import { exactAnchorResolver, CommentContext } from "./comment-context.js";
+function CommentProvider({
+  children,
+  comments,
+  config,
+  resolveAnchor = exactAnchorResolver,
+  onCreate,
+  onReply,
+  onUpdateStatus,
+  onDelete,
+  onChecklistToggle,
+  onMention
+}) {
+  const [railMode, setRailMode] = useState("closed");
+  const [focusedAnchor, setFocusedAnchor] = useState(null);
+  const [highlightAnchor, setHighlightAnchor] = useState(null);
+  const anchorEls = useRef({});
+  const contentRef = useRef(null);
+  const commentCounts = useMemo(() => deriveAnchorCounts(comments), [comments]);
+  const commentMeta = useMemo(() => deriveAnchorMeta(comments), [comments]);
+  const focusAnchor = useCallback((anchor) => {
+    setFocusedAnchor(anchor);
+    setRailMode("focused");
+  }, []);
+  const openCommentList = useCallback(() => {
+    setRailMode((prev) => prev === "all" ? "closed" : "all");
+  }, []);
+  const closeRail = useCallback(() => setRailMode("closed"), []);
+  const registerAnchor = useCallback((anchor, el) => {
+    if (el) anchorEls.current[anchor] = el;
+    else delete anchorEls.current[anchor];
+  }, []);
+  const getAnchorTop = useCallback(
+    (anchor) => {
+      const resolved = resolveAnchor(anchor, Object.keys(anchorEls.current));
+      const el = resolved ? anchorEls.current[resolved] : null;
+      const container = contentRef.current;
+      if (!el || !container) return null;
+      return el.getBoundingClientRect().top - container.getBoundingClientRect().top;
+    },
+    [resolveAnchor]
+  );
+  useEffect(() => {
+    if (railMode === "focused" && !focusedAnchor) setRailMode("closed");
+  }, [railMode, focusedAnchor]);
+  const callbacks = useMemo(
+    () => ({
+      ...onCreate ? { onCreate } : {},
+      ...onReply ? { onReply } : {},
+      ...onUpdateStatus ? { onUpdateStatus } : {},
+      ...onDelete ? { onDelete } : {},
+      ...onChecklistToggle ? { onChecklistToggle } : {},
+      ...onMention ? { onMention } : {}
+    }),
+    [onCreate, onReply, onUpdateStatus, onDelete, onChecklistToggle, onMention]
+  );
+  const value = useMemo(
+    () => ({
+      comments,
+      config,
+      callbacks,
+      commentCounts,
+      commentMeta,
+      railMode,
+      focusedAnchor,
+      focusAnchor,
+      openCommentList,
+      closeRail,
+      registerAnchor,
+      getAnchorTop,
+      contentRef,
+      highlightAnchor,
+      setHighlightAnchor
+    }),
+    [
+      comments,
+      config,
+      callbacks,
+      commentCounts,
+      commentMeta,
+      railMode,
+      focusedAnchor,
+      focusAnchor,
+      openCommentList,
+      closeRail,
+      registerAnchor,
+      getAnchorTop,
+      highlightAnchor
+    ]
+  );
+  return /* @__PURE__ */ jsx(CommentContext.Provider, { value, children });
+}
+export {
+  CommentProvider
+};
+//# sourceMappingURL=CommentProvider.js.map

package/dist/comments/CommentProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentProvider.js","sources":["../../src/comments/CommentProvider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { deriveAnchorCounts, deriveAnchorMeta } from \"./comment-utils\";\nimport {\n  CommentContext,\n  exactAnchorResolver,\n  type AnchorResolver,\n  type CommentContextValue,\n  type CommentRailMode,\n} from \"./comment-context\";\nimport { type Comment, type CommentAnchor, type CommentCallbacks, type CommentConfig } from \"./comment-types\";\n\nexport type CommentProviderProps = CommentCallbacks & {\n  children: ReactNode;\n  /** All comments for the document; counts and metadata are derived from these. */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Strategy to map a requested anchor onto a registered one. Defaults to exact. */\n  resolveAnchor?: AnchorResolver;\n};\n\n/**\n * Supplies comment state to a document subtree: derived per-anchor counts and\n * metadata, rail open/focus state, and a generic anchor registry (cells call\n * `registerAnchor` so the side panel can scroll-align to them). Owns no\n * fetching — `comments` and the callbacks are controlled by the consumer.\n */\nexport function CommentProvider({\n  children,\n  comments,\n  config,\n  resolveAnchor = exactAnchorResolver,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n}: CommentProviderProps) {\n  const [railMode, setRailMode] = useState<CommentRailMode>(\"closed\");\n  const [focusedAnchor, setFocusedAnchor] = useState<CommentAnchor | null>(null);\n  const [highlightAnchor, setHighlightAnchor] = useState<CommentAnchor | null>(null);\n  const anchorEls = useRef<Record<string, HTMLElement>>({});\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  const commentCounts = useMemo(() => deriveAnchorCounts(comments), [comments]);\n  const commentMeta = useMemo(() => deriveAnchorMeta(comments), [comments]);\n\n  const focusAnchor = useCallback((anchor: CommentAnchor) => {\n    setFocusedAnchor(anchor);\n    setRailMode(\"focused\");\n  }, []);\n\n  const openCommentList = useCallback(() => {\n    setRailMode((prev) => (prev === \"all\" ? \"closed\" : \"all\"));\n  }, []);\n\n  const closeRail = useCallback(() => setRailMode(\"closed\"), []);\n\n  const registerAnchor = useCallback((anchor: CommentAnchor, el: HTMLElement | null) => {\n    if (el) anchorEls.current[anchor] = el;\n    else delete anchorEls.current[anchor];\n  }, []);\n\n  const getAnchorTop = useCallback(\n    (anchor: CommentAnchor): number | null => {\n      const resolved = resolveAnchor(anchor, Object.keys(anchorEls.current));\n      const el = resolved ? anchorEls.current[resolved] : null;\n      const container = contentRef.current;\n      if (!el || !container) return null;\n      return el.getBoundingClientRect().top - container.getBoundingClientRect().top;\n    },\n    [resolveAnchor],\n  );\n\n  // A focused rail with no anchor selected has nothing to show.\n  useEffect(() => {\n    if (railMode === \"focused\" && !focusedAnchor) setRailMode(\"closed\");\n  }, [railMode, focusedAnchor]);\n\n  const callbacks = useMemo<CommentCallbacks>(\n    () => ({\n      ...(onCreate ? { onCreate } : {}),\n      ...(onReply ? { onReply } : {}),\n      ...(onUpdateStatus ? { onUpdateStatus } : {}),\n      ...(onDelete ? { onDelete } : {}),\n      ...(onChecklistToggle ? { onChecklistToggle } : {}),\n      ...(onMention ? { onMention } : {}),\n    }),\n    [onCreate, onReply, onUpdateStatus, onDelete, onChecklistToggle, onMention],\n  );\n\n  const value = useMemo<CommentContextValue>(\n    () => ({\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      contentRef,\n      highlightAnchor,\n      setHighlightAnchor,\n    }),\n    [\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      highlightAnchor,\n    ],\n  );\n\n  return <CommentContext.Provider value={value}>{children}</CommentContext.Provider>;\n}\n"],"names":[],"mappings":";;;;AA0BO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,QAAQ;AAClE,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA+B,IAAI;AAC7E,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAA+B,IAAI;AACjF,QAAM,YAAY,OAAoC,EAAE;AACxD,QAAM,aAAa,OAA8B,IAAI;AAErD,QAAM,gBAAgB,QAAQ,MAAM,mBAAmB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC5E,QAAM,cAAc,QAAQ,MAAM,iBAAiB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAExE,QAAM,cAAc,YAAY,CAAC,WAA0B;AACzD,qBAAiB,MAAM;AACvB,gBAAY,SAAS;AAAA,EACvB,GAAG,CAAA,CAAE;AAEL,QAAM,kBAAkB,YAAY,MAAM;AACxC,gBAAY,CAAC,SAAU,SAAS,QAAQ,WAAW,KAAM;AAAA,EAC3D,GAAG,CAAA,CAAE;AAEL,QAAM,YAAY,YAAY,MAAM,YAAY,QAAQ,GAAG,CAAA,CAAE;AAE7D,QAAM,iBAAiB,YAAY,CAAC,QAAuB,OAA2B;AACpF,QAAI,GAAI,WAAU,QAAQ,MAAM,IAAI;AAAA,QAC/B,QAAO,UAAU,QAAQ,MAAM;AAAA,EACtC,GAAG,CAAA,CAAE;AAEL,QAAM,eAAe;AAAA,IACnB,CAAC,WAAyC;AACxC,YAAM,WAAW,cAAc,QAAQ,OAAO,KAAK,UAAU,OAAO,CAAC;AACrE,YAAM,KAAK,WAAW,UAAU,QAAQ,QAAQ,IAAI;AACpD,YAAM,YAAY,WAAW;AAC7B,UAAI,CAAC,MAAM,CAAC,UAAW,QAAO;AAC9B,aAAO,GAAG,sBAAA,EAAwB,MAAM,UAAU,wBAAwB;AAAA,IAC5E;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAIhB,YAAU,MAAM;AACd,QAAI,aAAa,aAAa,CAAC,2BAA2B,QAAQ;AAAA,EACpE,GAAG,CAAC,UAAU,aAAa,CAAC;AAE5B,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,MACL,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,MAC9B,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,MAC5B,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,MAC9B,GAAI,oBAAoB,EAAE,kBAAA,IAAsB,CAAA;AAAA,MAChD,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,IAAC;AAAA,IAEnC,CAAC,UAAU,SAAS,gBAAgB,UAAU,mBAAmB,SAAS;AAAA,EAAA;AAG5E,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,SAAO,oBAAC,eAAe,UAAf,EAAwB,OAAe,SAAA,CAAS;AAC1D;"}

package/dist/comments/CommentSidePanel.cjs

@@ -0,0 +1,219 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const Icon = require("../data/Icon.cjs");
+const CommentThread = require("./CommentThread.cjs");
+const CommentThreadList = require("./CommentThreadList.cjs");
+const commentContext = require("./comment-context.cjs");
+const commentUtils = require("./comment-utils.cjs");
+const commentTypes = require("./comment-types.cjs");
+const UiComment = require("../icons/components/UiComment.cjs");
+function defaultAnchorLabel(anchor) {
+  if (anchor === commentTypes.DOCUMENT_ANCHOR) return "General";
+  return anchor.replace(/\[\d+\]/g, "").replaceAll(".", " › ").replaceAll("_", " ").trim();
+}
+function useAnchorLabel(props) {
+  return (anchor) => {
+    var _a, _b;
+    return ((_a = props.anchorLabels) == null ? void 0 : _a[anchor]) ?? ((_b = props.formatAnchorLabel) == null ? void 0 : _b.call(props, anchor)) ?? defaultAnchorLabel(anchor);
+  };
+}
+function LocationMeta({ label }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-testid": "comment-location-meta",
+      className: "inline-flex items-center rounded-full bg-muted px-2 py-1 text-[10px] font-medium text-muted-foreground",
+      children: label
+    }
+  );
+}
+function RailToggle({
+  active,
+  onClick,
+  children,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "data-testid": testId,
+      className: utils.cn(
+        "inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium shadow-sm transition-colors",
+        active ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-muted-foreground hover:text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiComment.UiComment, className: "text-xs" }),
+        children
+      ]
+    }
+  );
+}
+function orderedAnchors(ctx) {
+  return Object.keys(ctx.commentMeta).sort((a, b) => {
+    if (a === commentTypes.DOCUMENT_ANCHOR) return -1;
+    if (b === commentTypes.DOCUMENT_ANCHOR) return 1;
+    const at = ctx.getAnchorTop(a);
+    const bt = ctx.getAnchorTop(b);
+    if (at == null && bt == null) return a.localeCompare(b);
+    if (at == null) return 1;
+    if (bt == null) return -1;
+    if (at !== bt) return at - bt;
+    return a.localeCompare(b);
+  });
+}
+function orderComments(comments, anchorOrder) {
+  const replyMap = commentUtils.buildReplyMap(comments);
+  const roots = commentUtils.getRoots(comments).sort((a, b) => {
+    const ai = anchorOrder.get(a.anchor ?? commentTypes.DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;
+    const bi = anchorOrder.get(b.anchor ?? commentTypes.DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;
+    if (ai !== bi) return ai - bi;
+    if (a.createdAt !== b.createdAt)
+      return a.createdAt.localeCompare(b.createdAt);
+    return String(a.id).localeCompare(String(b.id));
+  });
+  return roots.flatMap((root) => [
+    root,
+    ...commentUtils.sortReplies(replyMap.get(root.id) ?? [])
+  ]);
+}
+function AllComments({
+  ctx,
+  label
+}) {
+  const ordered = react.useMemo(() => {
+    const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));
+    return orderComments(ctx.comments, anchorOrder);
+  }, [ctx]);
+  const handlers = commentUtils.buildThreadListHandlers(ordered, ctx.config, ctx.callbacks);
+  if (ordered.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: "No comments yet." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-testid": "comment-all-rail",
+      className: "space-y-3 overflow-y-auto pr-1",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        CommentThreadList.CommentThreadList,
+        {
+          comments: ordered,
+          config: ctx.config,
+          compact: true,
+          renderRootMeta: (c) => /* @__PURE__ */ jsxRuntime.jsx(LocationMeta, { label: label(c.anchor ?? commentTypes.DOCUMENT_ANCHOR) }),
+          getThreadProps: (c) => ({
+            "data-testid": "comment-feed-item",
+            onMouseEnter: () => ctx.setHighlightAnchor(c.anchor ?? commentTypes.DOCUMENT_ANCHOR),
+            onMouseLeave: () => ctx.setHighlightAnchor(null)
+          }),
+          ...handlers
+        }
+      )
+    }
+  );
+}
+function FocusedComments({
+  ctx,
+  anchor,
+  label,
+  compact
+}) {
+  const comments = ctx.comments.filter(
+    (c) => (c.anchor ?? commentTypes.DOCUMENT_ANCHOR) === anchor
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", "data-comment-anchor": anchor, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      LocationMeta,
+      {
+        label: anchor === commentTypes.DOCUMENT_ANCHOR ? "Document-level comment" : `Attached to ${label}`
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      CommentThread.CommentThread,
+      {
+        comments,
+        config: ctx.config,
+        anchor,
+        compact: compact ?? false,
+        autoFocusComposer: true,
+        ...ctx.callbacks
+      }
+    )
+  ] });
+}
+function CommentSidePanel(props) {
+  const ctx = commentContext.useCommentContextOptional();
+  const label = useAnchorLabel(props);
+  if (!ctx) return null;
+  const total = Object.values(ctx.commentCounts).reduce((a, b) => a + b, 0);
+  if (ctx.railMode === "closed" && total === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "aside",
+    {
+      "data-testid": "comment-side-panel",
+      className: utils.cn("w-[320px] space-y-3", props.className),
+      children: ctx.railMode === "all" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(RailToggle, { active: true, onClick: ctx.openCommentList, children: [
+            "All comments (",
+            total,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: ctx.closeRail,
+              className: "ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
+              children: "Close"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(AllComments, { ctx, label })
+      ] }) : ctx.railMode === "focused" && ctx.focusedAnchor ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          total > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+            RailToggle,
+            {
+              onClick: ctx.openCommentList,
+              testId: "comment-open-all",
+              children: [
+                "All comments (",
+                total,
+                ")"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: ctx.closeRail,
+              className: "ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
+              children: "Hide"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FocusedComments,
+          {
+            ctx,
+            anchor: ctx.focusedAnchor,
+            label: label(ctx.focusedAnchor),
+            ...props.compact !== void 0 ? { compact: props.compact } : {}
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(RailToggle, { onClick: ctx.openCommentList, testId: "comment-open-all", children: [
+        "Open comments (",
+        total,
+        ")"
+      ] })
+    }
+  );
+}
+exports.CommentSidePanel = CommentSidePanel;
+//# sourceMappingURL=CommentSidePanel.cjs.map

package/dist/comments/CommentSidePanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSidePanel.cjs","sources":["../../src/comments/CommentSidePanel.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiComment } from \"../icons\";\nimport { CommentThread } from \"./CommentThread\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport { useCommentContextOptional, type CommentContextValue } from \"./comment-context\";\nimport {\n  buildThreadListHandlers,\n  getRoots,\n  sortReplies,\n  buildReplyMap,\n} from \"./comment-utils\";\nimport {\n  DOCUMENT_ANCHOR,\n  type Comment,\n  type CommentAnchor,\n} from \"./comment-types\";\n\nexport type CommentSidePanelProps = {\n  /** Explicit label per anchor key. */\n  anchorLabels?: Record<CommentAnchor, string>;\n  /** Fallback label formatter for anchors without an explicit label. */\n  formatAnchorLabel?: (anchor: CommentAnchor) => string;\n  compact?: boolean;\n  className?: string;\n};\n\nfunction defaultAnchorLabel(anchor: CommentAnchor): string {\n  if (anchor === DOCUMENT_ANCHOR) return \"General\";\n  return anchor\n    .replace(/\\[\\d+\\]/g, \"\")\n    .replaceAll(\".\", \" › \")\n    .replaceAll(\"_\", \" \")\n    .trim();\n}\n\nfunction useAnchorLabel(props: CommentSidePanelProps) {\n  return (anchor: CommentAnchor): string =>\n    props.anchorLabels?.[anchor] ??\n    props.formatAnchorLabel?.(anchor) ??\n    defaultAnchorLabel(anchor);\n}\n\nfunction LocationMeta({ label }: { label: string }) {\n  return (\n    <span\n      data-testid=\"comment-location-meta\"\n      className=\"inline-flex items-center rounded-full bg-muted px-2 py-1 text-[10px] font-medium text-muted-foreground\"\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction RailToggle({\n  active,\n  onClick,\n  children,\n  testId,\n}: {\n  active?: boolean;\n  onClick: () => void;\n  children: React.ReactNode;\n  testId?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium shadow-sm transition-colors\",\n        active\n          ? \"border-primary bg-primary text-primary-foreground\"\n          : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n      )}\n    >\n      <Icon icon={UiComment} className=\"text-xs\" />\n      {children}\n    </button>\n  );\n}\n\nfunction orderedAnchors(ctx: CommentContextValue): string[] {\n  return Object.keys(ctx.commentMeta).sort((a, b) => {\n    if (a === DOCUMENT_ANCHOR) return -1;\n    if (b === DOCUMENT_ANCHOR) return 1;\n    const at = ctx.getAnchorTop(a);\n    const bt = ctx.getAnchorTop(b);\n    if (at == null && bt == null) return a.localeCompare(b);\n    if (at == null) return 1;\n    if (bt == null) return -1;\n    if (at !== bt) return at - bt;\n    return a.localeCompare(b);\n  });\n}\n\nfunction orderComments(\n  comments: Comment[],\n  anchorOrder: Map<string, number>,\n): Comment[] {\n  const replyMap = buildReplyMap(comments);\n  const roots = getRoots(comments).sort((a, b) => {\n    const ai =\n      anchorOrder.get(a.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    const bi =\n      anchorOrder.get(b.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    if (ai !== bi) return ai - bi;\n    if (a.createdAt !== b.createdAt)\n      return a.createdAt.localeCompare(b.createdAt);\n    return String(a.id).localeCompare(String(b.id));\n  });\n  return roots.flatMap((root) => [\n    root,\n    ...sortReplies(replyMap.get(root.id) ?? []),\n  ]);\n}\n\nfunction AllComments({\n  ctx,\n  label,\n}: {\n  ctx: CommentContextValue;\n  label: (a: CommentAnchor) => string;\n}) {\n  const ordered = useMemo(() => {\n    const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));\n    return orderComments(ctx.comments, anchorOrder);\n  }, [ctx]);\n  const handlers = buildThreadListHandlers(ordered, ctx.config, ctx.callbacks);\n\n  if (ordered.length === 0) {\n    return (\n      <p className=\"rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n        No comments yet.\n      </p>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"comment-all-rail\"\n      className=\"space-y-3 overflow-y-auto pr-1\"\n    >\n      <CommentThreadList\n        comments={ordered}\n        config={ctx.config}\n        compact\n        renderRootMeta={(c) => (\n          <LocationMeta label={label(c.anchor ?? DOCUMENT_ANCHOR)} />\n        )}\n        getThreadProps={(c) => ({\n          \"data-testid\": \"comment-feed-item\",\n          onMouseEnter: () =>\n            ctx.setHighlightAnchor(c.anchor ?? DOCUMENT_ANCHOR),\n          onMouseLeave: () => ctx.setHighlightAnchor(null),\n        })}\n        {...handlers}\n      />\n    </div>\n  );\n}\n\nfunction FocusedComments({\n  ctx,\n  anchor,\n  label,\n  compact,\n}: {\n  ctx: CommentContextValue;\n  anchor: CommentAnchor;\n  label: string;\n  compact?: boolean;\n}) {\n  const comments = ctx.comments.filter(\n    (c) => (c.anchor ?? DOCUMENT_ANCHOR) === anchor,\n  );\n  return (\n    <div className=\"space-y-3\" data-comment-anchor={anchor}>\n      <LocationMeta\n        label={\n          anchor === DOCUMENT_ANCHOR\n            ? \"Document-level comment\"\n            : `Attached to ${label}`\n        }\n      />\n      <CommentThread\n        comments={comments}\n        config={ctx.config}\n        anchor={anchor}\n        compact={compact ?? false}\n        autoFocusComposer\n        {...ctx.callbacks}\n      />\n    </div>\n  );\n}\n\n/**\n * A controlled comment rail driven by {@link CommentProvider}. Shows a focused\n * thread for the active anchor, the full document feed in anchor order, or a\n * toggle when collapsed. Renders nothing outside a provider or when empty.\n */\nexport function CommentSidePanel(props: CommentSidePanelProps) {\n  const ctx = useCommentContextOptional();\n  const label = useAnchorLabel(props);\n  if (!ctx) return null;\n\n  const total = Object.values(ctx.commentCounts).reduce((a, b) => a + b, 0);\n  if (ctx.railMode === \"closed\" && total === 0) return null;\n\n  return (\n    <aside\n      data-testid=\"comment-side-panel\"\n      className={cn(\"w-[320px] space-y-3\", props.className)}\n    >\n      {ctx.railMode === \"all\" ? (\n        <>\n          <div className=\"flex items-center gap-2\">\n            <RailToggle active onClick={ctx.openCommentList}>\n              All comments ({total})\n            </RailToggle>\n            <button\n              type=\"button\"\n              onClick={ctx.closeRail}\n              className=\"ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n            >\n              Close\n            </button>\n          </div>\n          <AllComments ctx={ctx} label={label} />\n        </>\n      ) : ctx.railMode === \"focused\" && ctx.focusedAnchor ? (\n        <>\n          <div className=\"flex items-center gap-2\">\n            {total > 0 && (\n              <RailToggle\n                onClick={ctx.openCommentList}\n                testId=\"comment-open-all\"\n              >\n                All comments ({total})\n              </RailToggle>\n            )}\n            <button\n              type=\"button\"\n              onClick={ctx.closeRail}\n              className=\"ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n            >\n              Hide\n            </button>\n          </div>\n          <FocusedComments\n            ctx={ctx}\n            anchor={ctx.focusedAnchor}\n            label={label(ctx.focusedAnchor)}\n            {...(props.compact !== undefined ? { compact: props.compact } : {})}\n          />\n        </>\n      ) : (\n        <RailToggle onClick={ctx.openCommentList} testId=\"comment-open-all\">\n          Open comments ({total})\n        </RailToggle>\n      )}\n    </aside>\n  );\n}\n"],"names":["DOCUMENT_ANCHOR","jsx","jsxs","cn","Icon","UiComment","buildReplyMap","getRoots","sortReplies","useMemo","buildThreadListHandlers","CommentThreadList","CommentThread","useCommentContextOptional","Fragment"],"mappings":"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"}

package/dist/comments/CommentSidePanel.d.ts

@@ -0,0 +1,16 @@
+import { CommentAnchor } from './comment-types';
+export type CommentSidePanelProps = {
+    /** Explicit label per anchor key. */
+    anchorLabels?: Record<CommentAnchor, string>;
+    /** Fallback label formatter for anchors without an explicit label. */
+    formatAnchorLabel?: (anchor: CommentAnchor) => string;
+    compact?: boolean;
+    className?: string;
+};
+/**
+ * A controlled comment rail driven by {@link CommentProvider}. Shows a focused
+ * thread for the active anchor, the full document feed in anchor order, or a
+ * toggle when collapsed. Renders nothing outside a provider or when empty.
+ */
+export declare function CommentSidePanel(props: CommentSidePanelProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CommentSidePanel.d.ts.map

package/dist/comments/CommentSidePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSidePanel.d.ts","sourceRoot":"","sources":["../../src/comments/CommentSidePanel.tsx"],"names":[],"mappings":"AAaA,OAAO,EAGL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,qBAAqB,GAAG;IAClC,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC7C,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,MAAM,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA6KF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDA8D5D"}