@brainfish-ai/components 0.21.1 → 0.22.0

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

@@ -0,0 +1,252 @@
+import * as React from 'react';
+import React__default, { useCallback, useEffect, useRef, useState } from 'react';
+import { u as useReviewsSelection, E as EditCount, b as ReviewsSelectionProvider, a as ReviewList } from '../chunks/review-list.DYyAYTEY.js';
+import parse from 'html-react-parser';
+import { Card, CardHeader, CardTitle, CardContent } from '../components/ui/card.js';
+import { ScrollArea } from '../components/ui/scroll-area.js';
+import { CaretDown, CaretUp, Backspace, CheckCircle } from '@phosphor-icons/react';
+import { Button } from '../components/ui/button.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../components/ui/tooltip.js';
+import { ButtonGroup } from '../components/ui/button-group.js';
+import { c as cn } from '../chunks/utils.Cwtlq8dh.js';
+import { d as dark } from '../chunks/dark.Cl9Z44CU.js';
+import { S as StatusBadge } from '../chunks/status-badge.DkPNh30S.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 SuggestionsHeader = React.forwardRef(function SuggestionsHeader2({
+  title,
+  isNew,
+  suggestionsCount,
+  sourceIcon,
+  sourceDescription,
+  currentArticleIndex,
+  totalArticles,
+  onNextArticle,
+  onPreviousArticle,
+  onRejectAllSuggestions,
+  onAcceptAllSuggestions,
+  className,
+  ...props
+}, ref) {
+  const hasNextArticle = totalArticles > 0 && currentArticleIndex < totalArticles - 1;
+  const hasPreviousArticle = currentArticleIndex > 0;
+  const currentArticle = totalArticles === 0 ? 0 : currentArticleIndex + 1;
+  const hasArticles = totalArticles > 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), /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-foreground" }, /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, hasArticles ? `${currentArticle}/${totalArticles}` : "0"), /* @__PURE__ */ React.createElement("span", { className: "sr-only", "aria-live": "polite" }, hasArticles ? `Article ${currentArticle} of ${totalArticles}` : "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", borderColor: "transparent", background: dark[900], textColor: dark[100] }, "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", borderColor: "transparent", background: dark[900], textColor: dark[100] }, "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, sourceIcon && /* @__PURE__ */ React.createElement("span", { className: "shrink-0 flex items-center" }, sourceIcon), sourceDescription && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-subtle" }, sourceDescription)), /* @__PURE__ */ React.createElement(ButtonGroup, { orientation: "horizontal", rounded: false, "aria-label": "Suggestion actions", className: "gap-1" }, /* @__PURE__ */ React.createElement(Button, { variant: "ghost", onClick: onRejectAllSuggestions }, /* @__PURE__ */ React.createElement(Backspace, { "aria-hidden": "true" }), "Reject"), /* @__PURE__ */ React.createElement(Button, { variant: "shadow", onClick: onAcceptAllSuggestions }, /* @__PURE__ */ React.createElement(CheckCircle, { "aria-hidden": "true" }), "Accept"))));
+});
+
+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,
+  children,
+  sourceIcon,
+  sourceDescription
+}) {
+  const { selectedItem, setSelectedItem, loadedDiffDoc, loadingDiff, onApproveAllSuggestions, onRejectAllSuggestions } = useReviewsSelection();
+  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 totalSuggestionsCount = titleSuggestionsCount + bodySuggestionsCount;
+  const totalArticles = items.length;
+  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]);
+  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" }, /* @__PURE__ */ React__default.createElement(CardTitle, { className: "border-b border-dark-300 mb-6 pb-2" }, /* @__PURE__ */ React__default.createElement(
+    SuggestionsHeader,
+    {
+      title,
+      isNew: loadedDiffDoc?.isNew ?? false,
+      suggestionsCount: totalSuggestionsCount,
+      sourceIcon,
+      sourceDescription,
+      currentArticleIndex,
+      totalArticles,
+      onNextArticle,
+      onPreviousArticle,
+      onRejectAllSuggestions,
+      onAcceptAllSuggestions: onApproveAllSuggestions
+    }
+  ))), /* @__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), /* @__PURE__ */ React__default.createElement("div", { ref: bodyRef }, body))));
+}
+
+const SCROLL_HEIGHT_VAR = "--knowledge-review-scroll-height";
+const KnowledgeReviewScene = React__default.forwardRef(
+  function KnowledgeReviewScene2({
+    diffTitle = "Knowledge Review",
+    children,
+    items,
+    className,
+    onApproveAllSuggestions,
+    onRejectAllSuggestions,
+    sourceIcon,
+    sourceDescription,
+    ...props
+  }, ref) {
+    const innerRef = useRef(null);
+    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 setRef = useCallback(
+      (el) => {
+        innerRef.current = el;
+        if (typeof ref === "function") {
+          ref(el);
+        } else if (ref) {
+          ref.current = el;
+        }
+      },
+      [ref]
+    );
+    return /* @__PURE__ */ React__default.createElement(
+      ReviewsSelectionProvider,
+      {
+        defaultSelectedItem: items.find((m) => m.isSelected) ?? null,
+        onApproveAllSuggestions,
+        onRejectAllSuggestions
+      },
+      /* @__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: setRef,
+          className: "grid 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(ReviewList, { items, className: "min-w-80 lg:block hidden" }),
+        /* @__PURE__ */ React__default.createElement(
+          KnowledgeReviewPanel,
+          {
+            diffTitle,
+            items,
+            sourceIcon,
+            sourceDescription
+          },
+          children
+        )
+      )))
+    );
+  }
+);
+
+export { KnowledgeReviewDiffLoader, KnowledgeReviewPanel, KnowledgeReviewScene, ReviewsSelectionProvider, useReviewsSelection };
+//# sourceMappingURL=knowledge-review.js.map

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

@@ -0,0 +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 } 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 { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';\nimport { ButtonGroup } from '@/components/ui/button-group';\nimport { cn } from '@/lib/utils';\nimport { dark } from '@/colors/dark';\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;\n  currentArticleIndex: number;\n  totalArticles: number;\n  onNextArticle: () => void;\n  onPreviousArticle: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAllSuggestions: () => void;\n}\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    onNextArticle,\n    onPreviousArticle,\n    onRejectAllSuggestions,\n    onAcceptAllSuggestions,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const hasNextArticle = totalArticles > 0 && currentArticleIndex < totalArticles - 1;\n  const hasPreviousArticle = currentArticleIndex > 0;\n  const currentArticle = totalArticles === 0 ? 0 : currentArticleIndex + 1;\n  const hasArticles = totalArticles > 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\">{title}</h1>\n        <div className=\"flex items-center\">\n          <p className=\"text-xs text-foreground\">\n            <span aria-hidden=\"true\">{hasArticles ? `${currentArticle}/${totalArticles}` : '0'}</span>\n            <span className=\"sr-only\" aria-live=\"polite\">\n              {hasArticles ? `Article ${currentArticle} of ${totalArticles}` : '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\" borderColor=\"transparent\" background={dark[900]} textColor={dark[100]}>\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\" borderColor=\"transparent\" background={dark[900]} textColor={dark[100]}>\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          {sourceIcon && <span className=\"shrink-0 flex items-center\">{sourceIcon}</span>}\n          {sourceDescription && <span className=\"text-xs text-subtle\">{sourceDescription}</span>}\n        </div>\n        <ButtonGroup orientation=\"horizontal\" rounded={false} aria-label=\"Suggestion actions\" className=\"gap-1\">\n          <Button variant=\"ghost\" onClick={onRejectAllSuggestions}>\n            <Backspace aria-hidden=\"true\" />\n            Reject\n          </Button>\n          <Button variant=\"shadow\" onClick={onAcceptAllSuggestions}>\n            <CheckCircle aria-hidden=\"true\" />\n            Accept\n          </Button>\n        </ButtonGroup>\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';\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';\n\nexport type KnowledgeReviewPanelProps = {\n  diffTitle: string;\n  items: ReviewListItemProps[];\n  children?: React.ReactNode;\n  sourceIcon: React.ReactNode;\n  sourceDescription: string;\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  children,\n  sourceIcon,\n  sourceDescription,\n}: KnowledgeReviewPanelProps) {\n  const { selectedItem, setSelectedItem, loadedDiffDoc, loadingDiff, onApproveAllSuggestions, onRejectAllSuggestions } =\n    useReviewsSelection();\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 totalSuggestionsCount = titleSuggestionsCount + bodySuggestionsCount;\n\n  const totalArticles = items.length;\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  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          <CardTitle className=\"border-b border-dark-300 mb-6 pb-2\">\n            <SuggestionsHeader\n              title={title}\n              isNew={loadedDiffDoc?.isNew ?? false}\n              suggestionsCount={totalSuggestionsCount}\n              sourceIcon={sourceIcon}\n              sourceDescription={sourceDescription}\n              currentArticleIndex={currentArticleIndex}\n              totalArticles={totalArticles}\n              onNextArticle={onNextArticle}\n              onPreviousArticle={onPreviousArticle}\n              onRejectAllSuggestions={onRejectAllSuggestions}\n              onAcceptAllSuggestions={onApproveAllSuggestions}\n            />\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"p-0 [&_ol]:!pl-16 [&_ul]:!pl-16\">\n          <div aria-hidden=\"true\" className=\"sr-only\" hidden>\n            {children}\n          </div>\n          <div ref={bodyRef}>{body}</div>\n        </CardContent>\n      </ScrollArea>\n    </Card>\n  );\n}\n","import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { ReviewList, ReviewListItemProps, ReviewsSelectionProvider } from './review-list';\nimport { KnowledgeReviewPanel } from './knowledge-review-panel';\n\nimport { Card, CardContent } from '@/components/ui/card';\nimport { cn } from '@/lib/utils';\n\nimport './knowledge-review.css';\n\nconst SCROLL_HEIGHT_VAR = '--knowledge-review-scroll-height';\n\nexport type KnowledgeReviewSceneProps = {\n  diffTitle?: string;\n  children: React.ReactNode;\n  items: ReviewListItemProps[];\n  className?: string;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  sourceIcon: React.ReactNode;\n  sourceDescription: string;\n};\n\nexport const KnowledgeReviewScene = React.forwardRef<HTMLDivElement, KnowledgeReviewSceneProps>(\n  function KnowledgeReviewScene(\n    {\n      diffTitle = 'Knowledge Review',\n      children,\n      items,\n      className,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      sourceIcon,\n      sourceDescription,\n      ...props\n    },\n    ref,\n  ) {\n    const innerRef = useRef<HTMLDivElement>(null);\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 setRef = useCallback(\n      (el: HTMLDivElement | null) => {\n        (innerRef as React.MutableRefObject<HTMLDivElement | null>).current = el;\n        if (typeof ref === 'function') {\n          ref(el);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = el;\n        }\n      },\n      [ref],\n    );\n\n    return (\n      <ReviewsSelectionProvider\n        defaultSelectedItem={items.find((m) => m.isSelected) ?? null}\n        onApproveAllSuggestions={onApproveAllSuggestions}\n        onRejectAllSuggestions={onRejectAllSuggestions}\n      >\n        <Card className={cn('h-full', className)}>\n          <CardContent className=\"p-4 lg:p-8 h-full\">\n            <div\n              ref={setRef}\n              className=\"grid 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              <ReviewList items={items} className=\"min-w-80 lg:block hidden\" />\n              <KnowledgeReviewPanel\n                diffTitle={diffTitle}\n                items={items}\n                sourceIcon={sourceIcon}\n                sourceDescription={sourceDescription}\n              >\n                {children}\n              </KnowledgeReviewPanel>\n            </div>\n          </CardContent>\n        </Card>\n      </ReviewsSelectionProvider>\n    );\n  },\n);\n"],"names":["SuggestionsHeader","React","KnowledgeReviewScene"],"mappings":"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"}

package/dist/full-layout.d.ts

@@ -170,11 +170,16 @@ declare interface SidebarContextProps {
     onSearchArticles?: (value: string) => void;
     onAddArticle?: (parentId: string | null) => void;
     onMoreActions?: (articleId: string) => void;
+    canMoveArticle?: (move: {
+        id: string;
+        parentId: string | null;
+        index: number;
+    }) => boolean;
     onMoveArticle?: (moved: {
         id: string;
         parentId: string | null;
         index: number;
-    }) => void;
+    }) => void | Promise<void>;
 }
 
 declare interface SidebarNavItem {

package/dist/index.d.ts

@@ -1322,6 +1322,12 @@ declare namespace LeftSidebar {
     var displayName: string;
 }
 
+export declare type LoadedDiffDoc = {
+    isNew: boolean;
+    diffTitle: string;
+    diffContent: default_2.ReactNode;
+};
+
 /**
  * Load a Google Font stylesheet dynamically
  */
@@ -1493,17 +1499,25 @@ declare interface ReviewListProps {
     className?: string;
 }
 
-declare type ReviewsProviderProps = {
+export declare type ReviewsProviderProps = {
     children: default_2.ReactNode;
     /** Optional initial selection (e.g. from server or mock data) */
     defaultSelectedItem?: ReviewListItemProps | null;
+    onApproveAllSuggestions: () => void;
+    onRejectAllSuggestions: () => void;
 };
 
-export declare function ReviewsSelectionProvider({ children, defaultSelectedItem }: ReviewsProviderProps): default_2.JSX.Element;
+export declare function ReviewsSelectionProvider({ children, defaultSelectedItem, onApproveAllSuggestions, onRejectAllSuggestions, }: ReviewsProviderProps): default_2.JSX.Element;
 
 declare type ReviewsSelectionValue = {
     selectedItem: ReviewListItemProps | null;
     setSelectedItem: (item: ReviewListItemProps | null) => void;
+    loadedDiffDoc: LoadedDiffDoc | null;
+    setLoadedDiffDoc: (doc: LoadedDiffDoc | null) => void;
+    loadingDiff: boolean;
+    setLoadingDiff: (loading: boolean) => void;
+    onApproveAllSuggestions: () => void;
+    onRejectAllSuggestions: () => void;
 };
 
 declare function RightSidebar({ children }: {
@@ -1638,11 +1652,16 @@ declare interface SidebarContextProps {
     onSearchArticles?: (value: string) => void;
     onAddArticle?: (parentId: string | null) => void;
     onMoreActions?: (articleId: string) => void;
+    canMoveArticle?: (move: {
+        id: string;
+        parentId: string | null;
+        index: number;
+    }) => boolean;
     onMoveArticle?: (moved: {
         id: string;
         parentId: string | null;
         index: number;
-    }) => void;
+    }) => void | Promise<void>;
 }
 
 export declare interface SidebarContextValue extends SidebarContextProps {

package/dist/knowledge-review.d.ts

@@ -0,0 +1,91 @@
+import { default as default_2 } from 'react';
+import * as React_2 from 'react';
+
+/**
+ * Listens to selectedItem from context and fetches diff via the provided callback.
+ * Owns loading state and context updates; host (Storybook or Platform) supplies fetch logic.
+ */
+export declare function KnowledgeReviewDiffLoader({ fetchDiffForItem }: KnowledgeReviewDiffLoaderProps): null;
+
+export declare type KnowledgeReviewDiffLoaderProps = {
+    /** Called when selectedItem changes. Return diff payload or null. */
+    fetchDiffForItem: (itemId: string) => Promise<LoadedDiffDoc | null>;
+};
+
+/**
+ * Panel that shows the selected diff (title + content), suggestion count, and article nav.
+ * Must be used inside ReviewsSelectionProvider. Expects --knowledge-review-scroll-height
+ * to be set by a parent for ScrollArea height.
+ */
+export declare function KnowledgeReviewPanel({ diffTitle, items, children, sourceIcon, sourceDescription, }: KnowledgeReviewPanelProps): default_2.JSX.Element;
+
+export declare type KnowledgeReviewPanelProps = {
+    diffTitle: string;
+    items: ReviewListItemProps[];
+    children?: default_2.ReactNode;
+    sourceIcon: default_2.ReactNode;
+    sourceDescription: string;
+};
+
+export declare const KnowledgeReviewScene: default_2.ForwardRefExoticComponent<KnowledgeReviewSceneProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type KnowledgeReviewSceneProps = {
+    diffTitle?: string;
+    children: default_2.ReactNode;
+    items: ReviewListItemProps[];
+    className?: string;
+    onApproveAllSuggestions: () => void;
+    onRejectAllSuggestions: () => void;
+    sourceIcon: default_2.ReactNode;
+    sourceDescription: string;
+};
+
+export declare type LoadedDiffDoc = {
+    isNew: boolean;
+    diffTitle: string;
+    diffContent: default_2.ReactNode;
+};
+
+export declare interface ReviewListItemProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Unique identifier for the knowledge article */
+    id: string;
+    /** Primary text displayed in the first row */
+    title: string;
+    /** Content rendered in the top-right corner (e.g. relative timestamp) */
+    timestamp: Date;
+    /** Icon rendered at the start of the second row */
+    icon?: React_2.ReactNode;
+    /** Text or content next to the icon in the second row */
+    description?: React_2.ReactNode;
+    /** Whether this item is new */
+    isNew?: boolean;
+    /** Number of edits for this item */
+    editCount?: number;
+    /** Whether this item is currently selected */
+    isSelected?: boolean;
+}
+
+declare type ReviewsProviderProps = {
+    children: default_2.ReactNode;
+    /** Optional initial selection (e.g. from server or mock data) */
+    defaultSelectedItem?: ReviewListItemProps | null;
+    onApproveAllSuggestions: () => void;
+    onRejectAllSuggestions: () => void;
+};
+
+export declare function ReviewsSelectionProvider({ children, defaultSelectedItem, onApproveAllSuggestions, onRejectAllSuggestions, }: ReviewsProviderProps): default_2.JSX.Element;
+
+declare type ReviewsSelectionValue = {
+    selectedItem: ReviewListItemProps | null;
+    setSelectedItem: (item: ReviewListItemProps | null) => void;
+    loadedDiffDoc: LoadedDiffDoc | null;
+    setLoadedDiffDoc: (doc: LoadedDiffDoc | null) => void;
+    loadingDiff: boolean;
+    setLoadingDiff: (loading: boolean) => void;
+    onApproveAllSuggestions: () => void;
+    onRejectAllSuggestions: () => void;
+};
+
+export declare function useReviewsSelection(): ReviewsSelectionValue;
+
+export { }

package/dist/scenes/knowledge-review.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/scenes/knowledge-review/index'
+export {}

package/dist/sidebar.d.ts

@@ -21,11 +21,16 @@ declare interface SidebarContextProps {
     onSearchArticles?: (value: string) => void;
     onAddArticle?: (parentId: string | null) => void;
     onMoreActions?: (articleId: string) => void;
+    canMoveArticle?: (move: {
+        id: string;
+        parentId: string | null;
+        index: number;
+    }) => boolean;
     onMoveArticle?: (moved: {
         id: string;
         parentId: string | null;
         index: number;
-    }) => void;
+    }) => void | Promise<void>;
 }
 
 export declare interface SidebarContextValue extends SidebarContextProps {