@brainfish-ai/components 0.26.0 → 0.26.1

package/dist/esm/scenes/knowledge-review.js

@@ -1,381 +1,18 @@
-import * as React from 'react';
-import React__default, { useCallback, useEffect, useRef, useState, useImperativeHandle } from 'react';
-import { u as useReviewsSelection, E as EditCount, b as ReviewsSelectionProvider, R as ReviewList } from '../chunks/review-list.BtSnfpSc.js';
-import parse from 'html-react-parser';
-import { CaretDown, CaretUp, Lightbulb, Backspace, CheckCircle, HandsClapping } from '@phosphor-icons/react';
-import { Card, CardHeader, CardTitle, CardContent } from '../components/ui/card.js';
-import { ScrollArea } from '../components/ui/scroll-area.js';
-import { Spinner } from '../components/ui/spinner.js';
-import { B as Button, a as brandShadowEffect } from '../chunks/button.DQL6gCAt.js';
-import { Tooltip, TooltipTrigger, TooltipContent } from '../components/ui/tooltip.js';
-import { Popover, PopoverTrigger, PopoverContent } from '../components/ui/popover.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../components/ui/dropdown-menu.js';
-import { ButtonGroup } from '../components/ui/button-group.js';
-import { c as cn } from '../chunks/utils.Cwtlq8dh.js';
-import { S as StatusBadge } from '../chunks/status-badge.eFJ1PYeb.js';
-
-import '../knowledge-review.css';function KnowledgeReviewDiffLoader({ fetchDiffForItem }) {
-  const { selectedItem, setLoadedDiffDoc, setLoadingDiff } = useReviewsSelection();
-  const loadDiffForItem = useCallback(
-    async (itemId, signal) => {
-      setLoadingDiff(true);
-      setLoadedDiffDoc(null);
-      try {
-        const doc = await fetchDiffForItem(itemId);
-        if (signal.aborted) return;
-        setLoadedDiffDoc(doc);
-      } catch (error) {
-        if (signal.aborted) return;
-        console.error("Failed to fetch diff:", error);
-        setLoadedDiffDoc(null);
-      } finally {
-        if (!signal.aborted) {
-          setLoadingDiff(false);
-        }
-      }
-    },
-    [fetchDiffForItem, setLoadedDiffDoc, setLoadingDiff]
-  );
-  const selectedId = selectedItem?.id;
-  useEffect(() => {
-    if (!selectedId) {
-      setLoadedDiffDoc(null);
-      setLoadingDiff(false);
-      return;
-    }
-    const abortController = new AbortController();
-    void loadDiffForItem(selectedId, abortController.signal);
-    return () => {
-      abortController.abort();
-    };
-  }, [selectedId, loadDiffForItem]);
-  return null;
-}
-
-const REASON_TITLE = "Why is Brainfish suggesting this?";
-const SuggestionsHeader = React.forwardRef(function SuggestionsHeader2({
-  title,
-  isNew,
-  suggestionsCount,
-  sourceIcon,
-  sourceDescription,
-  currentArticleIndex,
-  totalArticles,
-  displayTotalArticles,
-  showActionButtons = true,
-  onNextArticle,
-  onPreviousArticle,
-  onRejectAllSuggestions,
-  onAcceptAllSuggestions,
-  onAcceptAndPublish,
-  breadcrumb,
-  onOpenArticleLink,
-  onSourceLinkClick,
-  suggestionReasonBody,
-  className,
-  ...props
-}, ref) {
-  const splitButtonRef = React.useRef(null);
-  const [whyOpen, setWhyOpen] = React.useState(false);
-  const hasNextArticle = totalArticles > 0 && currentArticleIndex < totalArticles - 1;
-  const hasPreviousArticle = currentArticleIndex > 0;
-  const currentArticle = totalArticles === 0 ? 0 : currentArticleIndex + 1;
-  const totalArticlesForDisplay = displayTotalArticles ?? totalArticles;
-  const hasDisplayArticles = totalArticlesForDisplay > 0;
-  let status;
-  if (isNew) {
-    status = /* @__PURE__ */ React.createElement(StatusBadge, { variant: "success" }, "New");
-  } else if (suggestionsCount) {
-    status = /* @__PURE__ */ React.createElement(EditCount, { count: suggestionsCount });
-  }
-  return /* @__PURE__ */ React.createElement("div", { ref, className: cn("flex flex-col gap-4", className), ...props }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React.createElement("h1", { className: "heading-lg" }, title, onOpenArticleLink && breadcrumb && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "link",
-      size: "sm",
-      onClick: onOpenArticleLink,
-      "aria-label": "Open article",
-      className: "block px-0 text-subtle text-xs"
-    },
-    breadcrumb
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-foreground" }, /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, hasDisplayArticles ? `${currentArticle}/${totalArticlesForDisplay}` : "0"), /* @__PURE__ */ React.createElement("span", { className: "sr-only", "aria-live": "polite" }, hasDisplayArticles ? `Article ${currentArticle} of ${totalArticlesForDisplay}` : "No articles")), /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      disabled: !hasNextArticle,
-      onClick: onNextArticle,
-      "aria-label": "Go to next article"
-    },
-    /* @__PURE__ */ React.createElement(CaretDown, { "aria-hidden": "true" })
-  )), /* @__PURE__ */ React.createElement(TooltipContent, { side: "bottom", bgColor: "--bfc-foreground", className: "text-background" }, "Next Article")), /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      disabled: !hasPreviousArticle,
-      onClick: onPreviousArticle,
-      "aria-label": "Go to previous article"
-    },
-    /* @__PURE__ */ React.createElement(CaretUp, { "aria-hidden": "true" })
-  )), /* @__PURE__ */ React.createElement(TooltipContent, { side: "top", bgColor: "--bfc-foreground", className: "text-background" }, "Previous Article")))), /* @__PURE__ */ React.createElement("div", { className: "flex-1 px-2 pb-2 flex justify-between items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, status, sourceDescription && (onSourceLinkClick ? /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "link",
-      onClick: onSourceLinkClick,
-      "aria-label": "Open source",
-      className: "[&_svg]:size-4 text-xs text-subtle gap-1"
-    },
-    sourceIcon && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 flex items-center" }, sourceIcon),
-    /* @__PURE__ */ React.createElement("span", null, sourceDescription)
-  ) : /* @__PURE__ */ React.createElement("span", { className: "[&_svg]:size-4 flex items-center gap-1 text-xs text-subtle" }, sourceIcon && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 flex items-center" }, sourceIcon), sourceDescription))), showActionButtons && /* @__PURE__ */ React.createElement(ButtonGroup, { orientation: "horizontal", rounded: false, "aria-label": "Suggestion actions", className: "gap-1" }, suggestionReasonBody && /* @__PURE__ */ React.createElement(Popover, { open: whyOpen, onOpenChange: setWhyOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "ghost", "aria-label": REASON_TITLE }, /* @__PURE__ */ React.createElement(Lightbulb, { "aria-hidden": "true" }), "Why")), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      align: "start",
-      side: "bottom",
-      className: "z-above-modal shadow-md dark:shadow-md-invert border-dark-300"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "font-bold text-sm" }, REASON_TITLE),
-    /* @__PURE__ */ React.createElement("div", { className: "text-sm text-subtle mt-1" }, suggestionReasonBody)
-  )), /* @__PURE__ */ React.createElement(Button, { variant: "ghost", onClick: onRejectAllSuggestions }, /* @__PURE__ */ React.createElement(Backspace, { "aria-hidden": "true" }), "Reject"), onAcceptAndPublish ? /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: splitButtonRef,
-      className: cn("flex items-center rounded border border-border bg-primary", brandShadowEffect)
-    },
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "ghost",
-        className: "gap-1 rounded-none border-0 bg-transparent shadow-none hover:bg-dark-200",
-        onClick: onAcceptAllSuggestions
-      },
-      /* @__PURE__ */ React.createElement(CheckCircle, { "aria-hidden": "true" }),
-      "Accept as draft"
-    ),
-    /* @__PURE__ */ React.createElement("span", { className: "h-full w-px self-stretch bg-foreground", "aria-hidden": "true" }),
-    /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: "size-9 rounded-none border-0 bg-transparent shadow-none hover:bg-dark-200",
-        "aria-label": "More accept options"
-      },
-      /* @__PURE__ */ React.createElement(CaretDown, { className: "size-4", "aria-hidden": "true" })
-    ))
-  ), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", className: "z-above-modal border-none shadow-md dark:shadow-md-invert" }, /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: onAcceptAndPublish }, /* @__PURE__ */ React.createElement(CheckCircle, { "aria-hidden": "true" }), "Accept & publish"))) : /* @__PURE__ */ React.createElement(Button, { variant: "shadow", onClick: onAcceptAllSuggestions }, /* @__PURE__ */ React.createElement(CheckCircle, { "aria-hidden": "true" }), "Accept as draft"))));
-});
-
-function countSuggestionsInRoot(root) {
-  const adjacentPairs = root.querySelectorAll("del + ins");
-  const standaloneIns = root.querySelectorAll("ins:not(del + ins)");
-  const allDel = root.querySelectorAll("del");
-  const standaloneDel = Array.from(allDel).filter((del) => del.nextElementSibling?.tagName !== "INS");
-  return adjacentPairs.length + standaloneIns.length + standaloneDel.length;
-}
-const countSuggestions = (htmlString) => {
-  if (!htmlString || typeof DOMParser === "undefined") {
-    return 0;
-  }
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(htmlString, "text/html");
-  return countSuggestionsInRoot(doc);
-};
-const countSuggestionsInElement = (element) => {
-  if (!element) return 0;
-  return countSuggestionsInRoot(element);
-};
-
-function KnowledgeReviewPanel({
-  diffTitle,
-  items,
-  isLoading,
-  totalItemsCount,
-  showActionButtons = true,
-  children,
-  sourceIcon,
-  sourceDescription
-}) {
-  const {
-    selectedItem,
-    setSelectedItem,
-    loadedDiffDoc,
-    loadingDiff,
-    onApproveAllSuggestions,
-    onRejectAllSuggestions,
-    onAcceptAndPublish,
-    onOpenArticleLink,
-    onSourceLinkClick,
-    breadcrumb,
-    suggestionReasonBody
-  } = useReviewsSelection();
-  const hasItems = items.length > 0;
-  const resolvedIsLoading = isLoading ?? !hasItems;
-  const isLoadingState = resolvedIsLoading && !hasItems;
-  const isEmptyState = !resolvedIsLoading && !hasItems;
-  const title = loadingDiff ? "" : parse(loadedDiffDoc?.diffTitle ?? diffTitle ?? "");
-  const body = loadingDiff ? /* @__PURE__ */ React__default.createElement("div", { className: "text-muted-foreground" }, "Loading diff…") : loadedDiffDoc?.diffContent;
-  const titleSuggestionsCount = loadingDiff ? 0 : countSuggestions(loadedDiffDoc?.diffTitle ?? diffTitle);
-  const bodyRef = useRef(null);
-  const [bodySuggestionsCount, setBodySuggestionsCount] = useState(0);
-  useEffect(() => {
-    if (loadingDiff || !loadedDiffDoc) {
-      setBodySuggestionsCount(0);
-      return;
-    }
-    const el = bodyRef.current;
-    if (!el) return;
-    const id = requestAnimationFrame(() => {
-      setBodySuggestionsCount(countSuggestionsInElement(el));
-    });
-    return () => cancelAnimationFrame(id);
-  }, [loadingDiff, loadedDiffDoc]);
-  const suggestionsCount = titleSuggestionsCount + bodySuggestionsCount;
-  const totalArticles = items.length;
-  const totalArticlesForDisplay = totalItemsCount ?? totalArticles;
-  const currentArticleIndex = selectedItem ? Math.max(
-    0,
-    items.findIndex((i) => i.id === selectedItem.id)
-  ) : 0;
-  const onNextArticle = useCallback(() => {
-    if (currentArticleIndex < totalArticles - 1) {
-      setSelectedItem(items[currentArticleIndex + 1] ?? null);
-    }
-  }, [currentArticleIndex, items, setSelectedItem, totalArticles]);
-  const onPreviousArticle = useCallback(() => {
-    if (currentArticleIndex > 0) {
-      setSelectedItem(items[currentArticleIndex - 1] ?? null);
-    }
-  }, [currentArticleIndex, items, setSelectedItem]);
-  const headerSourceIcon = selectedItem?.icon ?? sourceIcon;
-  const headerSourceDescription = selectedItem?.description ?? sourceDescription;
-  return /* @__PURE__ */ React__default.createElement(Card, { className: "py-6 pl-4", "data-name": "knowledge-reviews" }, /* @__PURE__ */ React__default.createElement(ScrollArea, { className: "h-[calc(var(--knowledge-review-scroll-height)-50px)] pr-8" }, /* @__PURE__ */ React__default.createElement(CardHeader, { className: "p-0" }, hasItems && /* @__PURE__ */ React__default.createElement(CardTitle, { className: "border-b border-dark-300 mb-6 pb-2 font-normal" }, /* @__PURE__ */ React__default.createElement(
-    SuggestionsHeader,
-    {
-      title,
-      isNew: loadedDiffDoc?.isNew ?? false,
-      suggestionsCount,
-      sourceIcon: headerSourceIcon,
-      sourceDescription: headerSourceDescription,
-      currentArticleIndex,
-      totalArticles,
-      displayTotalArticles: totalArticlesForDisplay,
-      showActionButtons,
-      onNextArticle,
-      onPreviousArticle,
-      onRejectAllSuggestions,
-      onAcceptAllSuggestions: onApproveAllSuggestions,
-      onAcceptAndPublish,
-      onOpenArticleLink,
-      onSourceLinkClick,
-      breadcrumb,
-      suggestionReasonBody
-    }
-  ))), /* @__PURE__ */ React__default.createElement(CardContent, { className: "p-0 [&_ol]:!pl-16 [&_ul]:!pl-16" }, /* @__PURE__ */ React__default.createElement("div", { "aria-hidden": "true", className: "sr-only", hidden: true }, children), isLoadingState ? /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col items-center justify-center gap-4 text-center h-[50dvh] text-muted-foreground" }, /* @__PURE__ */ React__default.createElement(Spinner, { className: "size-8" }), /* @__PURE__ */ React__default.createElement("p", { className: "text-base font-medium" }, "Loading suggestions...")) : isEmptyState ? /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col items-center justify-center gap-4 text-center h-[50dvh]" }, /* @__PURE__ */ React__default.createElement(HandsClapping, { className: "text-muted-foreground", size: 32, weight: "fill" }), /* @__PURE__ */ React__default.createElement("p", { className: "text-base font-medium text-foreground" }, "All up to date. Well done, mate.")) : /* @__PURE__ */ React__default.createElement("div", { ref: bodyRef }, body))));
-}
-
-const SCROLL_HEIGHT_VAR = "--knowledge-review-scroll-height";
-const KnowledgeReviewSceneInner = React__default.forwardRef(
-  function KnowledgeReviewSceneInner2({
-    diffTitle = "Knowledge Review",
-    children,
-    items,
-    isLoading,
-    totalItemsCount,
-    showActionButtons = true,
-    className,
-    onApproveAllSuggestions,
-    onRejectAllSuggestions,
-    onOpenArticleLink,
-    onAcceptAndPublish,
-    onSourceLinkClick,
-    breadcrumb,
-    sourceIcon,
-    sourceDescription,
-    suggestionReasonBody,
-    ...props
-  }, ref) {
-    const innerRef = useRef(null);
-    const { selectedItem, setSelectedItem } = useReviewsSelection();
-    useImperativeHandle(
-      ref,
-      () => ({
-        selectedItem,
-        setSelectedItem
-      }),
-      [selectedItem, setSelectedItem]
-    );
-    useEffect(() => {
-      const cardEl = innerRef.current;
-      if (!cardEl) return;
-      const updateHeight = () => {
-        const { height } = cardEl.getBoundingClientRect();
-        cardEl.style.setProperty(SCROLL_HEIGHT_VAR, `${height}px`);
-      };
-      updateHeight();
-      if (typeof ResizeObserver !== "function") {
-        return;
-      }
-      const observer = new ResizeObserver(updateHeight);
-      observer.observe(cardEl);
-      return () => observer.disconnect();
-    }, []);
-    const resolvedIsLoading = isLoading ?? items.length === 0;
-    const isLoadingItems = resolvedIsLoading && items.length === 0;
-    return /* @__PURE__ */ React__default.createElement(Card, { className: cn("h-full", className) }, /* @__PURE__ */ React__default.createElement(CardContent, { className: "p-4 lg:p-8 h-full" }, /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        ref: innerRef,
-        className: "grid xs:max-lg:grid-cols-1 lg:grid-cols-[1fr_4fr] gap-6 min-h-96 h-full",
-        style: { [SCROLL_HEIGHT_VAR]: "100px" },
-        ...props
-      },
-      /* @__PURE__ */ React__default.createElement(ScrollArea, { className: "h-[calc(var(--knowledge-review-scroll-height))] min-w-80 lg:block hidden" }, isLoadingItems ? /* @__PURE__ */ React__default.createElement("div", { className: "flex h-full min-h-96 items-center justify-center text-muted-foreground" }, /* @__PURE__ */ React__default.createElement(Spinner, { className: "size-6" })) : /* @__PURE__ */ React__default.createElement(ReviewList, { items })),
-      /* @__PURE__ */ React__default.createElement(
-        KnowledgeReviewPanel,
-        {
-          diffTitle,
-          items,
-          isLoading: resolvedIsLoading,
-          totalItemsCount,
-          showActionButtons,
-          sourceIcon,
-          sourceDescription
-        },
-        children
-      )
-    )));
-  }
-);
-const KnowledgeReviewScene = React__default.forwardRef(
-  function KnowledgeReviewScene2(props, ref) {
-    const {
-      items,
-      onApproveAllSuggestions,
-      onRejectAllSuggestions,
-      onAcceptAndPublish,
-      onOpenArticleLink,
-      onSourceLinkClick,
-      breadcrumb,
-      suggestionReasonBody
-    } = props;
-    return /* @__PURE__ */ React__default.createElement(
-      ReviewsSelectionProvider,
-      {
-        defaultSelectedItem: items.find((m) => m.isSelected) ?? null,
-        onApproveAllSuggestions,
-        onRejectAllSuggestions,
-        onAcceptAndPublish,
-        onOpenArticleLink,
-        onSourceLinkClick,
-        breadcrumb,
-        suggestionReasonBody
-      },
-      /* @__PURE__ */ React__default.createElement(KnowledgeReviewSceneInner, { ...props, ref })
-    );
-  }
-);
-
-export { KnowledgeReviewDiffLoader, KnowledgeReviewPanel, KnowledgeReviewScene, ReviewsSelectionProvider, useReviewsSelection };
+import*as e from"react";import t,{useCallback as n,useEffect as r,useRef as s,useState as a,useImperativeHandle as l}from"react";import{u as o,E as i,b as c,R as m}from"../chunks/review-list.qvxeqG9l.js";import d from"html-react-parser";import{CaretDown as u,CaretUp as f,Lightbulb as g,Backspace as p,CheckCircle as h,HandsClapping as b}from"@phosphor-icons/react";import{Card as E,CardHeader as A,CardTitle as x,CardContent as v}from"../components/ui/card.js";import{ScrollArea as N}from"../components/ui/scroll-area.js";import{Spinner as k}from"../components/ui/spinner.js";import{B as w,a as S}from"../chunks/button.BYc5d6AZ.js";import{Tooltip as y,TooltipTrigger as C,TooltipContent as j}from"../components/ui/tooltip.js";import{Popover as R,PopoverTrigger as I,PopoverContent as L}from"../components/ui/popover.js";import{DropdownMenu as z,DropdownMenuTrigger as B,DropdownMenuContent as D,DropdownMenuItem as O}from"../components/ui/dropdown-menu.js";import{ButtonGroup as P}from"../components/ui/button-group.js";import{c as T}from"../chunks/utils.C6Qu-kwd.js";import{S as F}from"../chunks/status-badge.C-jt7Zs2.js";import '../knowledge-review.css';function $({fetchDiffForItem:e}){const{selectedItem:t,setLoadedDiffDoc:s,setLoadingDiff:a}=o(),l=n(async(t,n)=>{a(!0),s(null);try{const r=await e(t);if(n.aborted)return;s(r)}catch(r){if(n.aborted)return;console.error("Failed to fetch diff:",r),s(null)}finally{n.aborted||a(!1)}},[e,s,a]),i=t?.id;return r(()=>{if(!i)return s(null),void a(!1);const e=new AbortController;return l(i,e.signal),()=>{e.abort()}},[i,l]),null}const _="Why is Brainfish suggesting this?",q=e.forwardRef(function({title:t,isNew:n,suggestionsCount:r,sourceIcon:s,sourceDescription:a,currentArticleIndex:l,totalArticles:o,displayTotalArticles:c,showActionButtons:m=!0,onNextArticle:d,onPreviousArticle:b,onRejectAllSuggestions:E,onAcceptAllSuggestions:A,onAcceptAndPublish:x,breadcrumb:v,onOpenArticleLink:N,onSourceLinkClick:k,suggestionReasonBody:$,className:q,...M},W){const G=e.useRef(null),[K,H]=e.useState(!1),J=o>0&&l<o-1,Q=l>0,U=0===o?0:l+1,V=c??o,X=V>0;let Y;return n?Y=/* @__PURE__ */e.createElement(F,{variant:"success"},"New"):r&&(Y=/* @__PURE__ */e.createElement(i,{count:r})),/* @__PURE__ */e.createElement("div",{ref:W,className:T("flex flex-col gap-4",q),...M},/* @__PURE__ */e.createElement("div",{className:"flex justify-between items-center"},/* @__PURE__ */e.createElement("h1",{className:"heading-lg"},t,N&&v&&/* @__PURE__ */e.createElement(w,{variant:"link",size:"sm",onClick:N,"aria-label":"Open article",className:"block px-0 text-subtle text-xs"},v)),/* @__PURE__ */e.createElement("div",{className:"flex items-center"},/* @__PURE__ */e.createElement("p",{className:"text-xs text-foreground"},/* @__PURE__ */e.createElement("span",{"aria-hidden":"true"},X?`${U}/${V}`:"0"),/* @__PURE__ */e.createElement("span",{className:"sr-only","aria-live":"polite"},X?`Article ${U} of ${V}`:"No articles")),/* @__PURE__ */e.createElement(y,null,/* @__PURE__ */e.createElement(C,{asChild:!0},/* @__PURE__ */e.createElement(w,{variant:"ghost",size:"icon",disabled:!J,onClick:d,"aria-label":"Go to next article"},
+/* @__PURE__ */e.createElement(u,{"aria-hidden":"true"}))),/* @__PURE__ */e.createElement(j,{side:"bottom",bgColor:"--bfc-foreground",className:"text-background"},"Next Article")),/* @__PURE__ */e.createElement(y,null,/* @__PURE__ */e.createElement(C,{asChild:!0},/* @__PURE__ */e.createElement(w,{variant:"ghost",size:"icon",disabled:!Q,onClick:b,"aria-label":"Go to previous article"},
+/* @__PURE__ */e.createElement(f,{"aria-hidden":"true"}))),/* @__PURE__ */e.createElement(j,{side:"top",bgColor:"--bfc-foreground",className:"text-background"},"Previous Article")))),/* @__PURE__ */e.createElement("div",{className:"flex-1 px-2 pb-2 flex justify-between items-center"},/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},Y,a&&(k?/* @__PURE__ */e.createElement(w,{variant:"link",onClick:k,"aria-label":"Open source",className:"[&_svg]:size-4 text-xs text-subtle gap-1"},s&&/* @__PURE__ */e.createElement("span",{className:"shrink-0 flex items-center"},s),
+/* @__PURE__ */e.createElement("span",null,a)):/* @__PURE__ */e.createElement("span",{className:"[&_svg]:size-4 flex items-center gap-1 text-xs text-subtle"},s&&/* @__PURE__ */e.createElement("span",{className:"shrink-0 flex items-center"},s),a))),m&&/* @__PURE__ */e.createElement(P,{orientation:"horizontal",rounded:!1,"aria-label":"Suggestion actions",className:"gap-1"},$&&/* @__PURE__ */e.createElement(R,{open:K,onOpenChange:H},/* @__PURE__ */e.createElement(I,{asChild:!0},/* @__PURE__ */e.createElement(w,{variant:"ghost","aria-label":_},/* @__PURE__ */e.createElement(g,{"aria-hidden":"true"}),"Why")),/* @__PURE__ */e.createElement(L,{align:"start",side:"bottom",className:"z-above-modal shadow-md dark:shadow-md-invert border-dark-300"},
+/* @__PURE__ */e.createElement("div",{className:"font-bold text-sm"},_),
+/* @__PURE__ */e.createElement("div",{className:"text-sm text-subtle mt-1"},$))),/* @__PURE__ */e.createElement(w,{variant:"ghost",onClick:E},/* @__PURE__ */e.createElement(p,{"aria-hidden":"true"}),"Reject"),x?/* @__PURE__ */e.createElement(z,null,/* @__PURE__ */e.createElement("div",{ref:G,className:T("flex items-center rounded border border-border bg-primary",S)},
+/* @__PURE__ */e.createElement(w,{variant:"ghost",className:"gap-1 rounded-none border-0 bg-transparent shadow-none hover:bg-dark-200",onClick:A},
+/* @__PURE__ */e.createElement(h,{"aria-hidden":"true"}),"Accept as draft"),
+/* @__PURE__ */e.createElement("span",{className:"h-full w-px self-stretch bg-foreground","aria-hidden":"true"}),
+/* @__PURE__ */e.createElement(B,{asChild:!0},/* @__PURE__ */e.createElement(w,{variant:"ghost",size:"icon",className:"size-9 rounded-none border-0 bg-transparent shadow-none hover:bg-dark-200","aria-label":"More accept options"},
+/* @__PURE__ */e.createElement(u,{className:"size-4","aria-hidden":"true"})))),/* @__PURE__ */e.createElement(D,{align:"end",className:"z-above-modal border-none shadow-md dark:shadow-md-invert"},/* @__PURE__ */e.createElement(O,{onClick:x},/* @__PURE__ */e.createElement(h,{"aria-hidden":"true"}),"Accept & publish"))):/* @__PURE__ */e.createElement(w,{variant:"shadow",onClick:A},/* @__PURE__ */e.createElement(h,{"aria-hidden":"true"}),"Accept as draft"))))});function M(e){const t=e.querySelectorAll("del + ins"),n=e.querySelectorAll("ins:not(del + ins)"),r=e.querySelectorAll("del"),s=Array.from(r).filter(e=>"INS"!==e.nextElementSibling?.tagName);return t.length+n.length+s.length}function W({diffTitle:e,items:l,isLoading:i,totalItemsCount:c,showActionButtons:m=!0,children:u,sourceIcon:f,sourceDescription:g}){const{selectedItem:p,setSelectedItem:h,loadedDiffDoc:w,loadingDiff:S,onApproveAllSuggestions:y,onRejectAllSuggestions:C,onAcceptAndPublish:j,onOpenArticleLink:R,onSourceLinkClick:I,breadcrumb:L,suggestionReasonBody:z}=o(),B=l.length>0,D=i??!B,O=D&&!B,P=!D&&!B,T=S?"":d(w?.diffTitle??e??""),F=S?/* @__PURE__ */t.createElement("div",{className:"text-muted-foreground"},"Loading diff…"):w?.diffContent,$=S?0:(_=w?.diffTitle??e)&&"undefined"!=typeof DOMParser?M((new DOMParser).parseFromString(_,"text/html")):0;var _;const W=s(null),[G,K]=a(0);r(()=>{if(S||!w)return void K(0);const e=W.current;if(!e)return;const t=requestAnimationFrame(()=>{var t;K((t=e)?M(t):0)});return()=>cancelAnimationFrame(t)},[S,w]);const H=$+G,J=l.length,Q=c??J,U=p?Math.max(0,l.findIndex(e=>e.id===p.id)):0,V=n(()=>{U<J-1&&h(l[U+1]??null)},[U,l,h,J]),X=n(()=>{U>0&&h(l[U-1]??null)},[U,l,h]),Y=p?.icon??f,Z=p?.description??g;/* @__PURE__ */
+return t.createElement(E,{className:"py-6 pl-4","data-name":"knowledge-reviews"},/* @__PURE__ */t.createElement(N,{className:"h-[calc(var(--knowledge-review-scroll-height)-50px)] pr-8"},/* @__PURE__ */t.createElement(A,{className:"p-0"},B&&/* @__PURE__ */t.createElement(x,{className:"border-b border-dark-300 mb-6 pb-2 font-normal"},/* @__PURE__ */t.createElement(q,{title:T,isNew:w?.isNew??!1,suggestionsCount:H,sourceIcon:Y,sourceDescription:Z,currentArticleIndex:U,totalArticles:J,displayTotalArticles:Q,showActionButtons:m,onNextArticle:V,onPreviousArticle:X,onRejectAllSuggestions:C,onAcceptAllSuggestions:y,onAcceptAndPublish:j,onOpenArticleLink:R,onSourceLinkClick:I,breadcrumb:L,suggestionReasonBody:z}))),/* @__PURE__ */t.createElement(v,{className:"p-0 [&_ol]:!pl-16 [&_ul]:!pl-16"},/* @__PURE__ */t.createElement("div",{"aria-hidden":"true",className:"sr-only",hidden:!0},u),O?/* @__PURE__ */t.createElement("div",{className:"flex flex-col items-center justify-center gap-4 text-center h-[50dvh] text-muted-foreground"},/* @__PURE__ */t.createElement(k,{className:"size-8"}),/* @__PURE__ */t.createElement("p",{className:"text-base font-medium"},"Loading suggestions...")):P?/* @__PURE__ */t.createElement("div",{className:"flex flex-col items-center justify-center gap-4 text-center h-[50dvh]"},/* @__PURE__ */t.createElement(b,{className:"text-muted-foreground",size:32,weight:"fill"}),/* @__PURE__ */t.createElement("p",{className:"text-base font-medium text-foreground"},"All up to date. Well done, mate.")):/* @__PURE__ */t.createElement("div",{ref:W},F))))}const G="--knowledge-review-scroll-height",K=t.forwardRef(function({diffTitle:e="Knowledge Review",children:n,items:a,isLoading:i,totalItemsCount:c,showActionButtons:d=!0,className:u,onApproveAllSuggestions:f,onRejectAllSuggestions:g,onOpenArticleLink:p,onAcceptAndPublish:h,onSourceLinkClick:b,breadcrumb:A,sourceIcon:x,sourceDescription:w,suggestionReasonBody:S,...y},C){const j=s(null),{selectedItem:R,setSelectedItem:I}=o();l(C,()=>({selectedItem:R,setSelectedItem:I}),[R,I]),r(()=>{const e=j.current;if(!e)return;const t=()=>{const{height:t}=e.getBoundingClientRect();e.style.setProperty(G,`${t}px`)};if(t(),"function"!=typeof ResizeObserver)return;const n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]);const L=i??0===a.length,z=L&&0===a.length;/* @__PURE__ */
+return t.createElement(E,{className:T("h-full",u)},/* @__PURE__ */t.createElement(v,{className:"p-4 lg:p-8 h-full"},/* @__PURE__ */t.createElement("div",{ref:j,className:"grid xs:max-lg:grid-cols-1 lg:grid-cols-[1fr_4fr] gap-6 min-h-96 h-full",style:{[G]:"100px"},...y},
+/* @__PURE__ */t.createElement(N,{className:"h-[calc(var(--knowledge-review-scroll-height))] min-w-80 lg:block hidden"},z?/* @__PURE__ */t.createElement("div",{className:"flex h-full min-h-96 items-center justify-center text-muted-foreground"},/* @__PURE__ */t.createElement(k,{className:"size-6"})):/* @__PURE__ */t.createElement(m,{items:a})),
+/* @__PURE__ */t.createElement(W,{diffTitle:e,items:a,isLoading:L,totalItemsCount:c,showActionButtons:d,sourceIcon:x,sourceDescription:w},n))))}),H=t.forwardRef(function(e,n){const{items:r,onApproveAllSuggestions:s,onRejectAllSuggestions:a,onAcceptAndPublish:l,onOpenArticleLink:o,onSourceLinkClick:i,breadcrumb:m,suggestionReasonBody:d}=e;/* @__PURE__ */
+return t.createElement(c,{defaultSelectedItem:r.find(e=>e.isSelected)??null,onApproveAllSuggestions:s,onRejectAllSuggestions:a,onAcceptAndPublish:l,onOpenArticleLink:o,onSourceLinkClick:i,breadcrumb:m,suggestionReasonBody:d},
+/* @__PURE__ */t.createElement(K,{...e,ref:n}))});export{$ as KnowledgeReviewDiffLoader,W as KnowledgeReviewPanel,H as KnowledgeReviewScene,c as ReviewsSelectionProvider,o as useReviewsSelection};
 //# sourceMappingURL=knowledge-review.js.map

package/dist/esm/scenes/knowledge-review.js.map

@@ -1 +1 @@
-{"version":3,"file":"knowledge-review.js","sources":["../../../src/scenes/knowledge-review/diff-loader.tsx","../../../src/scenes/knowledge-review/suggestions-header/suggestions-header.tsx","../../../src/lib/countSuggestions.ts","../../../src/scenes/knowledge-review/knowledge-review-panel.tsx","../../../src/scenes/knowledge-review/scene.tsx"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport type { LoadedDiffDoc } from './context';\nimport { useReviewsSelection } from './context';\n\nexport type KnowledgeReviewDiffLoaderProps = {\n  /** Called when selectedItem changes. Return diff payload or null. */\n  fetchDiffForItem: (itemId: string) => Promise<LoadedDiffDoc | null>;\n};\n\n/**\n * Listens to selectedItem from context and fetches diff via the provided callback.\n * Owns loading state and context updates; host (Storybook or Platform) supplies fetch logic.\n */\nexport function KnowledgeReviewDiffLoader({ fetchDiffForItem }: KnowledgeReviewDiffLoaderProps) {\n  const { selectedItem, setLoadedDiffDoc, setLoadingDiff } = useReviewsSelection();\n\n  const loadDiffForItem = useCallback(\n    async (itemId: string, signal: AbortSignal) => {\n      setLoadingDiff(true);\n      setLoadedDiffDoc(null);\n\n      try {\n        const doc = await fetchDiffForItem(itemId);\n        if (signal.aborted) return;\n        setLoadedDiffDoc(doc);\n      } catch (error) {\n        if (signal.aborted) return;\n        console.error('Failed to fetch diff:', error);\n        setLoadedDiffDoc(null);\n      } finally {\n        if (!signal.aborted) {\n          setLoadingDiff(false);\n        }\n      }\n    },\n    [fetchDiffForItem, setLoadedDiffDoc, setLoadingDiff],\n  );\n\n  const selectedId = selectedItem?.id;\n\n  useEffect(() => {\n    if (!selectedId) {\n      setLoadedDiffDoc(null);\n      setLoadingDiff(false);\n\n      return;\n    }\n\n    const abortController = new AbortController();\n    void loadDiffForItem(selectedId, abortController.signal);\n\n    return () => {\n      abortController.abort();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedId, loadDiffForItem]);\n\n  return null;\n}\n","import { CaretDown, CaretUp, Backspace, CheckCircle, Lightbulb } from '@phosphor-icons/react';\nimport * as React from 'react';\n\nimport { EditCount } from '../review-list/edit-count';\n\nimport { Button } from '@/components/ui/button';\nimport { brandShadowEffect } from '@/lib/styles';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { ButtonGroup } from '@/components/ui/button-group';\nimport { cn } from '@/lib/utils';\nimport { StatusBadge } from '@/components/convos/status-badge';\n\nexport interface SuggestionsHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: React.ReactNode;\n  isNew: boolean;\n  suggestionsCount: number;\n  sourceIcon: React.ReactNode;\n  sourceDescription: string | null;\n  currentArticleIndex: number;\n  totalArticles: number;\n  displayTotalArticles?: number;\n  showActionButtons?: boolean;\n  onNextArticle: () => void;\n  onPreviousArticle: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  breadcrumb?: string;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  suggestionReasonBody?: string;\n}\n\nexport const REASON_TITLE = 'Why is Brainfish suggesting this?';\n\nexport const SuggestionsHeader = React.forwardRef<HTMLDivElement, SuggestionsHeaderProps>(function SuggestionsHeader(\n  {\n    title,\n    isNew,\n    suggestionsCount,\n    sourceIcon,\n    sourceDescription,\n    currentArticleIndex,\n    totalArticles,\n    displayTotalArticles,\n    showActionButtons = true,\n    onNextArticle,\n    onPreviousArticle,\n    onRejectAllSuggestions,\n    onAcceptAllSuggestions,\n    onAcceptAndPublish,\n    breadcrumb,\n    onOpenArticleLink,\n    onSourceLinkClick,\n    suggestionReasonBody,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const splitButtonRef = React.useRef<HTMLDivElement>(null);\n  const [whyOpen, setWhyOpen] = React.useState(false);\n  const hasNextArticle = totalArticles > 0 && currentArticleIndex < totalArticles - 1;\n  const hasPreviousArticle = currentArticleIndex > 0;\n  const currentArticle = totalArticles === 0 ? 0 : currentArticleIndex + 1;\n  const totalArticlesForDisplay = displayTotalArticles ?? totalArticles;\n  const hasDisplayArticles = totalArticlesForDisplay > 0;\n\n  let status: React.ReactNode | undefined;\n  if (isNew) {\n    status = <StatusBadge variant=\"success\">New</StatusBadge>;\n  } else if (suggestionsCount) {\n    status = <EditCount count={suggestionsCount} />;\n  }\n\n  return (\n    <div ref={ref} className={cn('flex flex-col gap-4', className)} {...props}>\n      {/* Header + Navigation */}\n      <div className=\"flex justify-between items-center\">\n        <h1 className=\"heading-lg\">\n          {title}\n          {/* Breadcrumbs */}\n          {onOpenArticleLink && breadcrumb && (\n            <Button\n              variant=\"link\"\n              size=\"sm\"\n              onClick={onOpenArticleLink}\n              aria-label=\"Open article\"\n              className=\"block px-0 text-subtle text-xs\"\n            >\n              {breadcrumb}\n            </Button>\n          )}\n        </h1>\n        {/* up/down carets */}\n        <div className=\"flex items-center\">\n          <p className=\"text-xs text-foreground\">\n            <span aria-hidden=\"true\">{hasDisplayArticles ? `${currentArticle}/${totalArticlesForDisplay}` : '0'}</span>\n            <span className=\"sr-only\" aria-live=\"polite\">\n              {hasDisplayArticles ? `Article ${currentArticle} of ${totalArticlesForDisplay}` : 'No articles'}\n            </span>\n          </p>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                disabled={!hasNextArticle}\n                onClick={onNextArticle}\n                aria-label=\"Go to next article\"\n              >\n                <CaretDown aria-hidden=\"true\" />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent side=\"bottom\" bgColor=\"--bfc-foreground\" className=\"text-background\">\n              Next Article\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                disabled={!hasPreviousArticle}\n                onClick={onPreviousArticle}\n                aria-label=\"Go to previous article\"\n              >\n                <CaretUp aria-hidden=\"true\" />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" bgColor=\"--bfc-foreground\" className=\"text-background\">\n              Previous Article\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n\n      {/* Status, Source + Actions */}\n      <div className=\"flex-1 px-2 pb-2 flex justify-between items-center\">\n        <div className=\"flex items-center gap-2\">\n          {status}\n          {sourceDescription &&\n            (onSourceLinkClick ? (\n              <Button\n                variant=\"link\"\n                onClick={onSourceLinkClick}\n                aria-label=\"Open source\"\n                className=\"[&_svg]:size-4 text-xs text-subtle gap-1\"\n              >\n                {sourceIcon && <span className=\"shrink-0 flex items-center\">{sourceIcon}</span>}\n                <span>{sourceDescription}</span>\n              </Button>\n            ) : (\n              <span className=\"[&_svg]:size-4 flex items-center gap-1 text-xs text-subtle\">\n                {sourceIcon && <span className=\"shrink-0 flex items-center\">{sourceIcon}</span>}\n                {sourceDescription}\n              </span>\n            ))}\n        </div>\n        {showActionButtons && (\n          <ButtonGroup orientation=\"horizontal\" rounded={false} aria-label=\"Suggestion actions\" className=\"gap-1\">\n            {suggestionReasonBody && (\n              <Popover open={whyOpen} onOpenChange={setWhyOpen}>\n                <PopoverTrigger asChild>\n                  <Button variant=\"ghost\" aria-label={REASON_TITLE}>\n                    <Lightbulb aria-hidden=\"true\" />\n                    Why\n                  </Button>\n                </PopoverTrigger>\n                <PopoverContent\n                  align=\"start\"\n                  side=\"bottom\"\n                  className=\"z-above-modal shadow-md dark:shadow-md-invert border-dark-300\"\n                >\n                  <div className=\"font-bold text-sm\">{REASON_TITLE}</div>\n                  <div className=\"text-sm text-subtle mt-1\">{suggestionReasonBody}</div>\n                </PopoverContent>\n              </Popover>\n            )}\n            <Button variant=\"ghost\" onClick={onRejectAllSuggestions}>\n              <Backspace aria-hidden=\"true\" />\n              Reject\n            </Button>\n            {onAcceptAndPublish ? (\n              <DropdownMenu>\n                <div\n                  ref={splitButtonRef}\n                  className={cn('flex items-center rounded border border-border bg-primary', brandShadowEffect)}\n                >\n                  <Button\n                    variant=\"ghost\"\n                    className=\"gap-1 rounded-none border-0 bg-transparent shadow-none hover:bg-dark-200\"\n                    onClick={onAcceptAllSuggestions}\n                  >\n                    <CheckCircle aria-hidden=\"true\" />\n                    Accept as draft\n                  </Button>\n                  <span className=\"h-full w-px self-stretch bg-foreground\" aria-hidden=\"true\" />\n                  <DropdownMenuTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"size-9 rounded-none border-0 bg-transparent shadow-none hover:bg-dark-200\"\n                      aria-label=\"More accept options\"\n                    >\n                      <CaretDown className=\"size-4\" aria-hidden=\"true\" />\n                    </Button>\n                  </DropdownMenuTrigger>\n                </div>\n                <DropdownMenuContent align=\"end\" className=\"z-above-modal border-none shadow-md dark:shadow-md-invert\">\n                  <DropdownMenuItem onClick={onAcceptAndPublish}>\n                    <CheckCircle aria-hidden=\"true\" />\n                    Accept & publish\n                  </DropdownMenuItem>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            ) : (\n              <Button variant=\"shadow\" onClick={onAcceptAllSuggestions}>\n                <CheckCircle aria-hidden=\"true\" />\n                Accept as draft\n              </Button>\n            )}\n          </ButtonGroup>\n        )}\n      </div>\n    </div>\n  );\n});\n","function countSuggestionsInRoot(root: Document | Element): number {\n  const adjacentPairs = root.querySelectorAll('del + ins');\n  const standaloneIns = root.querySelectorAll('ins:not(del + ins)');\n  const allDel = root.querySelectorAll('del');\n  const standaloneDel = Array.from(allDel).filter((del) => del.nextElementSibling?.tagName !== 'INS');\n\n  return adjacentPairs.length + standaloneIns.length + standaloneDel.length;\n}\n\n/** Count suggestions in an HTML string (for title or raw HTML content). */\nexport const countSuggestions = (htmlString: string) => {\n  if (!htmlString || typeof DOMParser === 'undefined') {\n    return 0;\n  }\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(htmlString, 'text/html');\n\n  return countSuggestionsInRoot(doc);\n};\n\n/** Count suggestions inside a DOM element (for rendered ReactNode body content). */\nexport const countSuggestionsInElement = (element: Element | null) => {\n  if (!element) return 0;\n\n  return countSuggestionsInRoot(element);\n};\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport parse from 'html-react-parser';\nimport { HandsClapping } from '@phosphor-icons/react';\n\nimport { useReviewsSelection } from './context';\nimport { SuggestionsHeader } from './suggestions-header';\nimport type { ReviewListItemProps } from './review-list';\n\nimport { countSuggestions, countSuggestionsInElement } from '@/lib/countSuggestions';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { Spinner } from '@/components/ui/spinner';\n\nexport type KnowledgeReviewPanelProps = {\n  diffTitle: string;\n  items: ReviewListItemProps[];\n  isLoading?: boolean;\n  totalItemsCount?: number;\n  showActionButtons?: boolean;\n  children?: React.ReactNode;\n  sourceIcon: React.ReactNode;\n  sourceDescription: string | null;\n};\n\n/**\n * Panel that shows the selected diff (title + content), suggestion count, and article nav.\n * Must be used inside ReviewsSelectionProvider. Expects --knowledge-review-scroll-height\n * to be set by a parent for ScrollArea height.\n */\nexport function KnowledgeReviewPanel({\n  diffTitle,\n  items,\n  isLoading,\n  totalItemsCount,\n  showActionButtons = true,\n  children,\n  sourceIcon,\n  sourceDescription,\n}: KnowledgeReviewPanelProps) {\n  const {\n    selectedItem,\n    setSelectedItem,\n    loadedDiffDoc,\n    loadingDiff,\n    onApproveAllSuggestions,\n    onRejectAllSuggestions,\n    onAcceptAndPublish,\n    onOpenArticleLink,\n    onSourceLinkClick,\n    breadcrumb,\n    suggestionReasonBody,\n  } = useReviewsSelection();\n\n  const hasItems = items.length > 0;\n  const resolvedIsLoading = isLoading ?? !hasItems;\n  const isLoadingState = resolvedIsLoading && !hasItems;\n  const isEmptyState = !resolvedIsLoading && !hasItems;\n\n  const title = loadingDiff ? '' : parse(loadedDiffDoc?.diffTitle ?? diffTitle ?? '');\n  const body = loadingDiff ? <div className=\"text-muted-foreground\">Loading diff…</div> : loadedDiffDoc?.diffContent;\n\n  const titleSuggestionsCount = loadingDiff ? 0 : countSuggestions(loadedDiffDoc?.diffTitle ?? diffTitle);\n\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const [bodySuggestionsCount, setBodySuggestionsCount] = useState(0);\n  useEffect(() => {\n    if (loadingDiff || !loadedDiffDoc) {\n      setBodySuggestionsCount(0);\n\n      return;\n    }\n    const el = bodyRef.current;\n    if (!el) return;\n    const id = requestAnimationFrame(() => {\n      setBodySuggestionsCount(countSuggestionsInElement(el));\n    });\n\n    return () => cancelAnimationFrame(id);\n  }, [loadingDiff, loadedDiffDoc]);\n\n  const suggestionsCount = titleSuggestionsCount + bodySuggestionsCount;\n\n  const totalArticles = items.length;\n  const totalArticlesForDisplay = totalItemsCount ?? totalArticles;\n  const currentArticleIndex = selectedItem\n    ? Math.max(\n        0,\n        items.findIndex((i) => i.id === selectedItem.id),\n      )\n    : 0;\n\n  const onNextArticle = useCallback(() => {\n    if (currentArticleIndex < totalArticles - 1) {\n      setSelectedItem(items[currentArticleIndex + 1] ?? null);\n    }\n  }, [currentArticleIndex, items, setSelectedItem, totalArticles]);\n\n  const onPreviousArticle = useCallback(() => {\n    if (currentArticleIndex > 0) {\n      setSelectedItem(items[currentArticleIndex - 1] ?? null);\n    }\n  }, [currentArticleIndex, items, setSelectedItem]);\n\n  const headerSourceIcon = selectedItem?.icon ?? sourceIcon;\n  const headerSourceDescription = selectedItem?.description ?? sourceDescription;\n\n  return (\n    <Card className=\"py-6 pl-4\" data-name=\"knowledge-reviews\">\n      <ScrollArea className=\"h-[calc(var(--knowledge-review-scroll-height)-50px)] pr-8\">\n        <CardHeader className=\"p-0\">\n          {hasItems && (\n            <CardTitle className=\"border-b border-dark-300 mb-6 pb-2 font-normal\">\n              <SuggestionsHeader\n                title={title}\n                isNew={loadedDiffDoc?.isNew ?? false}\n                suggestionsCount={suggestionsCount}\n                sourceIcon={headerSourceIcon}\n                sourceDescription={headerSourceDescription}\n                currentArticleIndex={currentArticleIndex}\n                totalArticles={totalArticles}\n                displayTotalArticles={totalArticlesForDisplay}\n                showActionButtons={showActionButtons}\n                onNextArticle={onNextArticle}\n                onPreviousArticle={onPreviousArticle}\n                onRejectAllSuggestions={onRejectAllSuggestions}\n                onAcceptAllSuggestions={onApproveAllSuggestions}\n                onAcceptAndPublish={onAcceptAndPublish}\n                onOpenArticleLink={onOpenArticleLink}\n                onSourceLinkClick={onSourceLinkClick}\n                breadcrumb={breadcrumb}\n                suggestionReasonBody={suggestionReasonBody}\n              />\n            </CardTitle>\n          )}\n        </CardHeader>\n        <CardContent className=\"p-0 [&_ol]:!pl-16 [&_ul]:!pl-16\">\n          {/* Mount point for children (e.g. KnowledgeReviewDiffLoader). Kept in DOM so its effects run; hidden because it has no UI. */}\n          <div aria-hidden=\"true\" className=\"sr-only\" hidden>\n            {children}\n          </div>\n          {isLoadingState ? (\n            <div className=\"flex flex-col items-center justify-center gap-4 text-center h-[50dvh] text-muted-foreground\">\n              <Spinner className=\"size-8\" />\n              <p className=\"text-base font-medium\">Loading suggestions...</p>\n            </div>\n          ) : isEmptyState ? (\n            <div className=\"flex flex-col items-center justify-center gap-4 text-center h-[50dvh]\">\n              <HandsClapping className=\"text-muted-foreground\" size={32} weight=\"fill\" />\n              <p className=\"text-base font-medium text-foreground\">All up to date. Well done, mate.</p>\n            </div>\n          ) : (\n            <div ref={bodyRef}>{body}</div>\n          )}\n        </CardContent>\n      </ScrollArea>\n    </Card>\n  );\n}\n","import React, { useEffect, useImperativeHandle, useRef } from 'react';\n\nimport { useReviewsSelection } from './context';\nimport { ReviewList, ReviewListItemProps, ReviewsSelectionProvider } from './review-list';\nimport { KnowledgeReviewPanel } from './knowledge-review-panel';\n\nimport { Card, CardContent } from '@/components/ui/card';\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { Spinner } from '@/components/ui/spinner';\nimport { cn } from '@/lib/utils';\n\nimport './knowledge-review.css';\n\nconst SCROLL_HEIGHT_VAR = '--knowledge-review-scroll-height';\n\nexport type KnowledgeReviewSceneHandle = {\n  selectedItem: ReviewListItemProps | null;\n  setSelectedItem: (item: ReviewListItemProps | null) => void;\n};\n\nexport type KnowledgeReviewSceneProps = {\n  diffTitle?: string;\n  children: React.ReactNode;\n  items: ReviewListItemProps[];\n  isLoading?: boolean;\n  /** Total number of review list items available (can exceed currently loaded `items.length`). */\n  totalItemsCount?: number;\n  /** Controls visibility of the Reject / Accept action buttons in the review header. */\n  showActionButtons?: boolean;\n  className?: string;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  sourceIcon: React.ReactNode;\n  sourceDescription: string | null;\n  suggestionReasonBody?: string;\n};\n\nconst KnowledgeReviewSceneInner = React.forwardRef<KnowledgeReviewSceneHandle, KnowledgeReviewSceneProps>(\n  function KnowledgeReviewSceneInner(\n    {\n      diffTitle = 'Knowledge Review',\n      children,\n      items,\n      isLoading,\n      totalItemsCount,\n      showActionButtons = true,\n      className,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onOpenArticleLink,\n      onAcceptAndPublish,\n      onSourceLinkClick,\n      breadcrumb,\n      sourceIcon,\n      sourceDescription,\n      suggestionReasonBody,\n      ...props\n    },\n    ref,\n  ) {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const { selectedItem, setSelectedItem } = useReviewsSelection();\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        selectedItem,\n        setSelectedItem,\n      }),\n      [selectedItem, setSelectedItem],\n    );\n\n    useEffect(() => {\n      const cardEl = innerRef.current;\n      if (!cardEl) return;\n\n      const updateHeight = () => {\n        const { height } = cardEl.getBoundingClientRect();\n        cardEl.style.setProperty(SCROLL_HEIGHT_VAR, `${height}px`);\n      };\n\n      updateHeight();\n\n      if (typeof ResizeObserver !== 'function') {\n        return;\n      }\n\n      const observer = new ResizeObserver(updateHeight);\n      observer.observe(cardEl);\n\n      return () => observer.disconnect();\n    }, []);\n\n    const resolvedIsLoading = isLoading ?? items.length === 0;\n    const isLoadingItems = resolvedIsLoading && items.length === 0;\n\n    return (\n      <Card className={cn('h-full', className)}>\n        <CardContent className=\"p-4 lg:p-8 h-full\">\n          <div\n            ref={innerRef}\n            className=\"grid xs:max-lg:grid-cols-1 lg:grid-cols-[1fr_4fr] gap-6 min-h-96 h-full\"\n            style={{ [SCROLL_HEIGHT_VAR]: '100px' } as React.CSSProperties}\n            {...props}\n          >\n            <ScrollArea className=\"h-[calc(var(--knowledge-review-scroll-height))] min-w-80 lg:block hidden\">\n              {isLoadingItems ? (\n                <div className=\"flex h-full min-h-96 items-center justify-center text-muted-foreground\">\n                  <Spinner className=\"size-6\" />\n                </div>\n              ) : (\n                <ReviewList items={items} />\n              )}\n            </ScrollArea>\n            <KnowledgeReviewPanel\n              diffTitle={diffTitle}\n              items={items}\n              isLoading={resolvedIsLoading}\n              totalItemsCount={totalItemsCount}\n              showActionButtons={showActionButtons}\n              sourceIcon={sourceIcon}\n              sourceDescription={sourceDescription}\n            >\n              {children}\n            </KnowledgeReviewPanel>\n          </div>\n        </CardContent>\n      </Card>\n    );\n  },\n);\n\nexport const KnowledgeReviewScene = React.forwardRef<KnowledgeReviewSceneHandle, KnowledgeReviewSceneProps>(\n  function KnowledgeReviewScene(props, ref) {\n    const {\n      items,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n    } = props;\n\n    return (\n      <ReviewsSelectionProvider\n        defaultSelectedItem={items.find((m) => m.isSelected) ?? null}\n        onApproveAllSuggestions={onApproveAllSuggestions}\n        onRejectAllSuggestions={onRejectAllSuggestions}\n        onAcceptAndPublish={onAcceptAndPublish}\n        onOpenArticleLink={onOpenArticleLink}\n        onSourceLinkClick={onSourceLinkClick}\n        breadcrumb={breadcrumb}\n        suggestionReasonBody={suggestionReasonBody}\n      >\n        <KnowledgeReviewSceneInner {...props} ref={ref} />\n      </ReviewsSelectionProvider>\n    );\n  },\n);\n"],"names":["SuggestionsHeader","React","KnowledgeReviewSceneInner","KnowledgeReviewScene"],"mappings":"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"}
+{"version":3,"file":"knowledge-review.js","sources":["../../../src/scenes/knowledge-review/diff-loader.tsx","../../../src/scenes/knowledge-review/suggestions-header/suggestions-header.tsx","../../../src/lib/countSuggestions.ts","../../../src/scenes/knowledge-review/knowledge-review-panel.tsx","../../../src/scenes/knowledge-review/scene.tsx"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport type { LoadedDiffDoc } from './context';\nimport { useReviewsSelection } from './context';\n\nexport type KnowledgeReviewDiffLoaderProps = {\n  /** Called when selectedItem changes. Return diff payload or null. */\n  fetchDiffForItem: (itemId: string) => Promise<LoadedDiffDoc | null>;\n};\n\n/**\n * Listens to selectedItem from context and fetches diff via the provided callback.\n * Owns loading state and context updates; host (Storybook or Platform) supplies fetch logic.\n */\nexport function KnowledgeReviewDiffLoader({ fetchDiffForItem }: KnowledgeReviewDiffLoaderProps) {\n  const { selectedItem, setLoadedDiffDoc, setLoadingDiff } = useReviewsSelection();\n\n  const loadDiffForItem = useCallback(\n    async (itemId: string, signal: AbortSignal) => {\n      setLoadingDiff(true);\n      setLoadedDiffDoc(null);\n\n      try {\n        const doc = await fetchDiffForItem(itemId);\n        if (signal.aborted) return;\n        setLoadedDiffDoc(doc);\n      } catch (error) {\n        if (signal.aborted) return;\n        console.error('Failed to fetch diff:', error);\n        setLoadedDiffDoc(null);\n      } finally {\n        if (!signal.aborted) {\n          setLoadingDiff(false);\n        }\n      }\n    },\n    [fetchDiffForItem, setLoadedDiffDoc, setLoadingDiff],\n  );\n\n  const selectedId = selectedItem?.id;\n\n  useEffect(() => {\n    if (!selectedId) {\n      setLoadedDiffDoc(null);\n      setLoadingDiff(false);\n\n      return;\n    }\n\n    const abortController = new AbortController();\n    void loadDiffForItem(selectedId, abortController.signal);\n\n    return () => {\n      abortController.abort();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedId, loadDiffForItem]);\n\n  return null;\n}\n","import { CaretDown, CaretUp, Backspace, CheckCircle, Lightbulb } from '@phosphor-icons/react';\nimport * as React from 'react';\n\nimport { EditCount } from '../review-list/edit-count';\n\nimport { Button } from '@/components/ui/button';\nimport { brandShadowEffect } from '@/lib/styles';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { ButtonGroup } from '@/components/ui/button-group';\nimport { cn } from '@/lib/utils';\nimport { StatusBadge } from '@/components/convos/status-badge';\n\nexport interface SuggestionsHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: React.ReactNode;\n  isNew: boolean;\n  suggestionsCount: number;\n  sourceIcon: React.ReactNode;\n  sourceDescription: string | null;\n  currentArticleIndex: number;\n  totalArticles: number;\n  displayTotalArticles?: number;\n  showActionButtons?: boolean;\n  onNextArticle: () => void;\n  onPreviousArticle: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  breadcrumb?: string;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  suggestionReasonBody?: string;\n}\n\nexport const REASON_TITLE = 'Why is Brainfish suggesting this?';\n\nexport const SuggestionsHeader = React.forwardRef<HTMLDivElement, SuggestionsHeaderProps>(function SuggestionsHeader(\n  {\n    title,\n    isNew,\n    suggestionsCount,\n    sourceIcon,\n    sourceDescription,\n    currentArticleIndex,\n    totalArticles,\n    displayTotalArticles,\n    showActionButtons = true,\n    onNextArticle,\n    onPreviousArticle,\n    onRejectAllSuggestions,\n    onAcceptAllSuggestions,\n    onAcceptAndPublish,\n    breadcrumb,\n    onOpenArticleLink,\n    onSourceLinkClick,\n    suggestionReasonBody,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const splitButtonRef = React.useRef<HTMLDivElement>(null);\n  const [whyOpen, setWhyOpen] = React.useState(false);\n  const hasNextArticle = totalArticles > 0 && currentArticleIndex < totalArticles - 1;\n  const hasPreviousArticle = currentArticleIndex > 0;\n  const currentArticle = totalArticles === 0 ? 0 : currentArticleIndex + 1;\n  const totalArticlesForDisplay = displayTotalArticles ?? totalArticles;\n  const hasDisplayArticles = totalArticlesForDisplay > 0;\n\n  let status: React.ReactNode | undefined;\n  if (isNew) {\n    status = <StatusBadge variant=\"success\">New</StatusBadge>;\n  } else if (suggestionsCount) {\n    status = <EditCount count={suggestionsCount} />;\n  }\n\n  return (\n    <div ref={ref} className={cn('flex flex-col gap-4', className)} {...props}>\n      {/* Header + Navigation */}\n      <div className=\"flex justify-between items-center\">\n        <h1 className=\"heading-lg\">\n          {title}\n          {/* Breadcrumbs */}\n          {onOpenArticleLink && breadcrumb && (\n            <Button\n              variant=\"link\"\n              size=\"sm\"\n              onClick={onOpenArticleLink}\n              aria-label=\"Open article\"\n              className=\"block px-0 text-subtle text-xs\"\n            >\n              {breadcrumb}\n            </Button>\n          )}\n        </h1>\n        {/* up/down carets */}\n        <div className=\"flex items-center\">\n          <p className=\"text-xs text-foreground\">\n            <span aria-hidden=\"true\">{hasDisplayArticles ? `${currentArticle}/${totalArticlesForDisplay}` : '0'}</span>\n            <span className=\"sr-only\" aria-live=\"polite\">\n              {hasDisplayArticles ? `Article ${currentArticle} of ${totalArticlesForDisplay}` : 'No articles'}\n            </span>\n          </p>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                disabled={!hasNextArticle}\n                onClick={onNextArticle}\n                aria-label=\"Go to next article\"\n              >\n                <CaretDown aria-hidden=\"true\" />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent side=\"bottom\" bgColor=\"--bfc-foreground\" className=\"text-background\">\n              Next Article\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                disabled={!hasPreviousArticle}\n                onClick={onPreviousArticle}\n                aria-label=\"Go to previous article\"\n              >\n                <CaretUp aria-hidden=\"true\" />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" bgColor=\"--bfc-foreground\" className=\"text-background\">\n              Previous Article\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n\n      {/* Status, Source + Actions */}\n      <div className=\"flex-1 px-2 pb-2 flex justify-between items-center\">\n        <div className=\"flex items-center gap-2\">\n          {status}\n          {sourceDescription &&\n            (onSourceLinkClick ? (\n              <Button\n                variant=\"link\"\n                onClick={onSourceLinkClick}\n                aria-label=\"Open source\"\n                className=\"[&_svg]:size-4 text-xs text-subtle gap-1\"\n              >\n                {sourceIcon && <span className=\"shrink-0 flex items-center\">{sourceIcon}</span>}\n                <span>{sourceDescription}</span>\n              </Button>\n            ) : (\n              <span className=\"[&_svg]:size-4 flex items-center gap-1 text-xs text-subtle\">\n                {sourceIcon && <span className=\"shrink-0 flex items-center\">{sourceIcon}</span>}\n                {sourceDescription}\n              </span>\n            ))}\n        </div>\n        {showActionButtons && (\n          <ButtonGroup orientation=\"horizontal\" rounded={false} aria-label=\"Suggestion actions\" className=\"gap-1\">\n            {suggestionReasonBody && (\n              <Popover open={whyOpen} onOpenChange={setWhyOpen}>\n                <PopoverTrigger asChild>\n                  <Button variant=\"ghost\" aria-label={REASON_TITLE}>\n                    <Lightbulb aria-hidden=\"true\" />\n                    Why\n                  </Button>\n                </PopoverTrigger>\n                <PopoverContent\n                  align=\"start\"\n                  side=\"bottom\"\n                  className=\"z-above-modal shadow-md dark:shadow-md-invert border-dark-300\"\n                >\n                  <div className=\"font-bold text-sm\">{REASON_TITLE}</div>\n                  <div className=\"text-sm text-subtle mt-1\">{suggestionReasonBody}</div>\n                </PopoverContent>\n              </Popover>\n            )}\n            <Button variant=\"ghost\" onClick={onRejectAllSuggestions}>\n              <Backspace aria-hidden=\"true\" />\n              Reject\n            </Button>\n            {onAcceptAndPublish ? (\n              <DropdownMenu>\n                <div\n                  ref={splitButtonRef}\n                  className={cn('flex items-center rounded border border-border bg-primary', brandShadowEffect)}\n                >\n                  <Button\n                    variant=\"ghost\"\n                    className=\"gap-1 rounded-none border-0 bg-transparent shadow-none hover:bg-dark-200\"\n                    onClick={onAcceptAllSuggestions}\n                  >\n                    <CheckCircle aria-hidden=\"true\" />\n                    Accept as draft\n                  </Button>\n                  <span className=\"h-full w-px self-stretch bg-foreground\" aria-hidden=\"true\" />\n                  <DropdownMenuTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"size-9 rounded-none border-0 bg-transparent shadow-none hover:bg-dark-200\"\n                      aria-label=\"More accept options\"\n                    >\n                      <CaretDown className=\"size-4\" aria-hidden=\"true\" />\n                    </Button>\n                  </DropdownMenuTrigger>\n                </div>\n                <DropdownMenuContent align=\"end\" className=\"z-above-modal border-none shadow-md dark:shadow-md-invert\">\n                  <DropdownMenuItem onClick={onAcceptAndPublish}>\n                    <CheckCircle aria-hidden=\"true\" />\n                    Accept & publish\n                  </DropdownMenuItem>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            ) : (\n              <Button variant=\"shadow\" onClick={onAcceptAllSuggestions}>\n                <CheckCircle aria-hidden=\"true\" />\n                Accept as draft\n              </Button>\n            )}\n          </ButtonGroup>\n        )}\n      </div>\n    </div>\n  );\n});\n","function countSuggestionsInRoot(root: Document | Element): number {\n  const adjacentPairs = root.querySelectorAll('del + ins');\n  const standaloneIns = root.querySelectorAll('ins:not(del + ins)');\n  const allDel = root.querySelectorAll('del');\n  const standaloneDel = Array.from(allDel).filter((del) => del.nextElementSibling?.tagName !== 'INS');\n\n  return adjacentPairs.length + standaloneIns.length + standaloneDel.length;\n}\n\n/** Count suggestions in an HTML string (for title or raw HTML content). */\nexport const countSuggestions = (htmlString: string) => {\n  if (!htmlString || typeof DOMParser === 'undefined') {\n    return 0;\n  }\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(htmlString, 'text/html');\n\n  return countSuggestionsInRoot(doc);\n};\n\n/** Count suggestions inside a DOM element (for rendered ReactNode body content). */\nexport const countSuggestionsInElement = (element: Element | null) => {\n  if (!element) return 0;\n\n  return countSuggestionsInRoot(element);\n};\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport parse from 'html-react-parser';\nimport { HandsClapping } from '@phosphor-icons/react';\n\nimport { useReviewsSelection } from './context';\nimport { SuggestionsHeader } from './suggestions-header';\nimport type { ReviewListItemProps } from './review-list';\n\nimport { countSuggestions, countSuggestionsInElement } from '@/lib/countSuggestions';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { Spinner } from '@/components/ui/spinner';\n\nexport type KnowledgeReviewPanelProps = {\n  diffTitle: string;\n  items: ReviewListItemProps[];\n  isLoading?: boolean;\n  totalItemsCount?: number;\n  showActionButtons?: boolean;\n  children?: React.ReactNode;\n  sourceIcon: React.ReactNode;\n  sourceDescription: string | null;\n};\n\n/**\n * Panel that shows the selected diff (title + content), suggestion count, and article nav.\n * Must be used inside ReviewsSelectionProvider. Expects --knowledge-review-scroll-height\n * to be set by a parent for ScrollArea height.\n */\nexport function KnowledgeReviewPanel({\n  diffTitle,\n  items,\n  isLoading,\n  totalItemsCount,\n  showActionButtons = true,\n  children,\n  sourceIcon,\n  sourceDescription,\n}: KnowledgeReviewPanelProps) {\n  const {\n    selectedItem,\n    setSelectedItem,\n    loadedDiffDoc,\n    loadingDiff,\n    onApproveAllSuggestions,\n    onRejectAllSuggestions,\n    onAcceptAndPublish,\n    onOpenArticleLink,\n    onSourceLinkClick,\n    breadcrumb,\n    suggestionReasonBody,\n  } = useReviewsSelection();\n\n  const hasItems = items.length > 0;\n  const resolvedIsLoading = isLoading ?? !hasItems;\n  const isLoadingState = resolvedIsLoading && !hasItems;\n  const isEmptyState = !resolvedIsLoading && !hasItems;\n\n  const title = loadingDiff ? '' : parse(loadedDiffDoc?.diffTitle ?? diffTitle ?? '');\n  const body = loadingDiff ? <div className=\"text-muted-foreground\">Loading diff…</div> : loadedDiffDoc?.diffContent;\n\n  const titleSuggestionsCount = loadingDiff ? 0 : countSuggestions(loadedDiffDoc?.diffTitle ?? diffTitle);\n\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const [bodySuggestionsCount, setBodySuggestionsCount] = useState(0);\n  useEffect(() => {\n    if (loadingDiff || !loadedDiffDoc) {\n      setBodySuggestionsCount(0);\n\n      return;\n    }\n    const el = bodyRef.current;\n    if (!el) return;\n    const id = requestAnimationFrame(() => {\n      setBodySuggestionsCount(countSuggestionsInElement(el));\n    });\n\n    return () => cancelAnimationFrame(id);\n  }, [loadingDiff, loadedDiffDoc]);\n\n  const suggestionsCount = titleSuggestionsCount + bodySuggestionsCount;\n\n  const totalArticles = items.length;\n  const totalArticlesForDisplay = totalItemsCount ?? totalArticles;\n  const currentArticleIndex = selectedItem\n    ? Math.max(\n        0,\n        items.findIndex((i) => i.id === selectedItem.id),\n      )\n    : 0;\n\n  const onNextArticle = useCallback(() => {\n    if (currentArticleIndex < totalArticles - 1) {\n      setSelectedItem(items[currentArticleIndex + 1] ?? null);\n    }\n  }, [currentArticleIndex, items, setSelectedItem, totalArticles]);\n\n  const onPreviousArticle = useCallback(() => {\n    if (currentArticleIndex > 0) {\n      setSelectedItem(items[currentArticleIndex - 1] ?? null);\n    }\n  }, [currentArticleIndex, items, setSelectedItem]);\n\n  const headerSourceIcon = selectedItem?.icon ?? sourceIcon;\n  const headerSourceDescription = selectedItem?.description ?? sourceDescription;\n\n  return (\n    <Card className=\"py-6 pl-4\" data-name=\"knowledge-reviews\">\n      <ScrollArea className=\"h-[calc(var(--knowledge-review-scroll-height)-50px)] pr-8\">\n        <CardHeader className=\"p-0\">\n          {hasItems && (\n            <CardTitle className=\"border-b border-dark-300 mb-6 pb-2 font-normal\">\n              <SuggestionsHeader\n                title={title}\n                isNew={loadedDiffDoc?.isNew ?? false}\n                suggestionsCount={suggestionsCount}\n                sourceIcon={headerSourceIcon}\n                sourceDescription={headerSourceDescription}\n                currentArticleIndex={currentArticleIndex}\n                totalArticles={totalArticles}\n                displayTotalArticles={totalArticlesForDisplay}\n                showActionButtons={showActionButtons}\n                onNextArticle={onNextArticle}\n                onPreviousArticle={onPreviousArticle}\n                onRejectAllSuggestions={onRejectAllSuggestions}\n                onAcceptAllSuggestions={onApproveAllSuggestions}\n                onAcceptAndPublish={onAcceptAndPublish}\n                onOpenArticleLink={onOpenArticleLink}\n                onSourceLinkClick={onSourceLinkClick}\n                breadcrumb={breadcrumb}\n                suggestionReasonBody={suggestionReasonBody}\n              />\n            </CardTitle>\n          )}\n        </CardHeader>\n        <CardContent className=\"p-0 [&_ol]:!pl-16 [&_ul]:!pl-16\">\n          {/* Mount point for children (e.g. KnowledgeReviewDiffLoader). Kept in DOM so its effects run; hidden because it has no UI. */}\n          <div aria-hidden=\"true\" className=\"sr-only\" hidden>\n            {children}\n          </div>\n          {isLoadingState ? (\n            <div className=\"flex flex-col items-center justify-center gap-4 text-center h-[50dvh] text-muted-foreground\">\n              <Spinner className=\"size-8\" />\n              <p className=\"text-base font-medium\">Loading suggestions...</p>\n            </div>\n          ) : isEmptyState ? (\n            <div className=\"flex flex-col items-center justify-center gap-4 text-center h-[50dvh]\">\n              <HandsClapping className=\"text-muted-foreground\" size={32} weight=\"fill\" />\n              <p className=\"text-base font-medium text-foreground\">All up to date. Well done, mate.</p>\n            </div>\n          ) : (\n            <div ref={bodyRef}>{body}</div>\n          )}\n        </CardContent>\n      </ScrollArea>\n    </Card>\n  );\n}\n","import React, { useEffect, useImperativeHandle, useRef } from 'react';\n\nimport { useReviewsSelection } from './context';\nimport { ReviewList, ReviewListItemProps, ReviewsSelectionProvider } from './review-list';\nimport { KnowledgeReviewPanel } from './knowledge-review-panel';\n\nimport { Card, CardContent } from '@/components/ui/card';\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { Spinner } from '@/components/ui/spinner';\nimport { cn } from '@/lib/utils';\n\nimport './knowledge-review.css';\n\nconst SCROLL_HEIGHT_VAR = '--knowledge-review-scroll-height';\n\nexport type KnowledgeReviewSceneHandle = {\n  selectedItem: ReviewListItemProps | null;\n  setSelectedItem: (item: ReviewListItemProps | null) => void;\n};\n\nexport type KnowledgeReviewSceneProps = {\n  diffTitle?: string;\n  children: React.ReactNode;\n  items: ReviewListItemProps[];\n  isLoading?: boolean;\n  /** Total number of review list items available (can exceed currently loaded `items.length`). */\n  totalItemsCount?: number;\n  /** Controls visibility of the Reject / Accept action buttons in the review header. */\n  showActionButtons?: boolean;\n  className?: string;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  sourceIcon: React.ReactNode;\n  sourceDescription: string | null;\n  suggestionReasonBody?: string;\n};\n\nconst KnowledgeReviewSceneInner = React.forwardRef<KnowledgeReviewSceneHandle, KnowledgeReviewSceneProps>(\n  function KnowledgeReviewSceneInner(\n    {\n      diffTitle = 'Knowledge Review',\n      children,\n      items,\n      isLoading,\n      totalItemsCount,\n      showActionButtons = true,\n      className,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onOpenArticleLink,\n      onAcceptAndPublish,\n      onSourceLinkClick,\n      breadcrumb,\n      sourceIcon,\n      sourceDescription,\n      suggestionReasonBody,\n      ...props\n    },\n    ref,\n  ) {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const { selectedItem, setSelectedItem } = useReviewsSelection();\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        selectedItem,\n        setSelectedItem,\n      }),\n      [selectedItem, setSelectedItem],\n    );\n\n    useEffect(() => {\n      const cardEl = innerRef.current;\n      if (!cardEl) return;\n\n      const updateHeight = () => {\n        const { height } = cardEl.getBoundingClientRect();\n        cardEl.style.setProperty(SCROLL_HEIGHT_VAR, `${height}px`);\n      };\n\n      updateHeight();\n\n      if (typeof ResizeObserver !== 'function') {\n        return;\n      }\n\n      const observer = new ResizeObserver(updateHeight);\n      observer.observe(cardEl);\n\n      return () => observer.disconnect();\n    }, []);\n\n    const resolvedIsLoading = isLoading ?? items.length === 0;\n    const isLoadingItems = resolvedIsLoading && items.length === 0;\n\n    return (\n      <Card className={cn('h-full', className)}>\n        <CardContent className=\"p-4 lg:p-8 h-full\">\n          <div\n            ref={innerRef}\n            className=\"grid xs:max-lg:grid-cols-1 lg:grid-cols-[1fr_4fr] gap-6 min-h-96 h-full\"\n            style={{ [SCROLL_HEIGHT_VAR]: '100px' } as React.CSSProperties}\n            {...props}\n          >\n            <ScrollArea className=\"h-[calc(var(--knowledge-review-scroll-height))] min-w-80 lg:block hidden\">\n              {isLoadingItems ? (\n                <div className=\"flex h-full min-h-96 items-center justify-center text-muted-foreground\">\n                  <Spinner className=\"size-6\" />\n                </div>\n              ) : (\n                <ReviewList items={items} />\n              )}\n            </ScrollArea>\n            <KnowledgeReviewPanel\n              diffTitle={diffTitle}\n              items={items}\n              isLoading={resolvedIsLoading}\n              totalItemsCount={totalItemsCount}\n              showActionButtons={showActionButtons}\n              sourceIcon={sourceIcon}\n              sourceDescription={sourceDescription}\n            >\n              {children}\n            </KnowledgeReviewPanel>\n          </div>\n        </CardContent>\n      </Card>\n    );\n  },\n);\n\nexport const KnowledgeReviewScene = React.forwardRef<KnowledgeReviewSceneHandle, KnowledgeReviewSceneProps>(\n  function KnowledgeReviewScene(props, ref) {\n    const {\n      items,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n    } = props;\n\n    return (\n      <ReviewsSelectionProvider\n        defaultSelectedItem={items.find((m) => m.isSelected) ?? null}\n        onApproveAllSuggestions={onApproveAllSuggestions}\n        onRejectAllSuggestions={onRejectAllSuggestions}\n        onAcceptAndPublish={onAcceptAndPublish}\n        onOpenArticleLink={onOpenArticleLink}\n        onSourceLinkClick={onSourceLinkClick}\n        breadcrumb={breadcrumb}\n        suggestionReasonBody={suggestionReasonBody}\n      >\n        <KnowledgeReviewSceneInner {...props} ref={ref} />\n      </ReviewsSelectionProvider>\n    );\n  },\n);\n"],"names":["KnowledgeReviewDiffLoader","fetchDiffForItem","selectedItem","setLoadedDiffDoc","setLoadingDiff","useReviewsSelection","loadDiffForItem","useCallback","async","itemId","signal","doc","aborted","error","console","selectedId","id","useEffect","abortController","AbortController","abort","REASON_TITLE","SuggestionsHeader","React","forwardRef","title","isNew","suggestionsCount","sourceIcon","sourceDescription","currentArticleIndex","totalArticles","displayTotalArticles","showActionButtons","onNextArticle","onPreviousArticle","onRejectAllSuggestions","onAcceptAllSuggestions","onAcceptAndPublish","breadcrumb","onOpenArticleLink","onSourceLinkClick","suggestionReasonBody","className","props","ref","splitButtonRef","useRef","whyOpen","setWhyOpen","useState","hasNextArticle","hasPreviousArticle","currentArticle","totalArticlesForDisplay","hasDisplayArticles","status","createElement","StatusBadge","variant","EditCount","count","cn","Button","size","onClick","Tooltip","TooltipTrigger","asChild","disabled","CaretDown","TooltipContent","side","bgColor","CaretUp","ButtonGroup","orientation","rounded","Popover","open","onOpenChange","PopoverTrigger","Lightbulb","PopoverContent","align","Backspace","DropdownMenu","brandShadowEffect","CheckCircle","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","countSuggestionsInRoot","root","adjacentPairs","querySelectorAll","standaloneIns","allDel","standaloneDel","Array","from","filter","del","nextElementSibling","tagName","length","KnowledgeReviewPanel","diffTitle","items","isLoading","totalItemsCount","children","setSelectedItem","loadedDiffDoc","loadingDiff","onApproveAllSuggestions","hasItems","resolvedIsLoading","isLoadingState","isEmptyState","parse","body","diffContent","titleSuggestionsCount","htmlString","DOMParser","parseFromString","bodyRef","bodySuggestionsCount","setBodySuggestionsCount","el","current","requestAnimationFrame","element","cancelAnimationFrame","Math","max","findIndex","i","headerSourceIcon","icon","headerSourceDescription","description","Card","ScrollArea","CardHeader","CardTitle","CardContent","hidden","Spinner","HandsClapping","weight","SCROLL_HEIGHT_VAR","KnowledgeReviewSceneInner","innerRef","useImperativeHandle","cardEl","updateHeight","height","getBoundingClientRect","style","setProperty","ResizeObserver","observer","observe","disconnect","isLoadingItems","ReviewList","KnowledgeReviewScene","ReviewsSelectionProvider","defaultSelectedItem","find","m","isSelected"],"mappings":"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"}