@brainfish-ai/components 0.28.0 → 0.28.1

package/dist/esm/chunks/{suggestion-card.C9UnMOjp.js → suggestion-card.bmZvXXVu.js}

@@ -2,13 +2,13 @@ import*as e from"react";import t,{useState as a,useCallback as s,useMemo as l,us
 return t.createElement("span",{className:"inline-flex items-center gap-0.5"},/* @__PURE__ */t.createElement(i,{size:8,weight:"fill","aria-hidden":"true",className:"text-blue"}),/* @__PURE__ */t.createElement("span",{className:"text-xs leading-4 text-subtle"},e," ",1===e?"edit":"edits"))}const N=e.forwardRef(function({title:t,timestamp:a,icon:s,description:l,isNew:n,isAccepted:r,editCount:c,isSelected:i=!1,className:o,...m},d){let u;return r?u=/* @__PURE__ */e.createElement(x,{variant:"accepted"},"Accepted"):c&&(u=/* @__PURE__ */e.createElement(E,{count:c})),/* @__PURE__ */e.createElement("button",{...m,ref:d,type:"button","aria-pressed":i,className:f("relative flex w-full flex-col gap-1 bg-surface rounded p-4 cursor-pointer transition-colors text-left border border-transparent",i?["shadow-[0px_1px_3px_0px_rgba(95,95,95,0.26)]",'after:content-[""] after:block after:absolute after:right-[-2px] after:top-1/2 after:-translate-y-1/2 after:w-1 after:h-14 after:rounded-sm after:bg-primary']:"hover:bg-dark-100 hover:border-dark-300",o)},
 /* @__PURE__ */e.createElement("span",{className:"flex items-center justify-between w-full gap-2"},/* @__PURE__ */e.createElement("span",{className:f("text-sm text-default truncate min-w-0 flex-1",i?"font-bold":"font-normal")},t),a&&/* @__PURE__ */e.createElement("span",{className:"text-xs leading-4 text-subtlest shrink-0"},p(a))),(s||l||u)&&/* @__PURE__ */e.createElement("span",{className:"flex items-center gap-1 leading-4"},n&&/* @__PURE__ */e.createElement(x,{variant:"success",surface:"transparent"},"New"),s&&/* @__PURE__ */e.createElement("span",{className:"shrink-0 flex items-center"},s),l&&/* @__PURE__ */e.createElement("span",{className:"text-xs text-subtle truncate"},l),!n&&u&&/* @__PURE__ */e.createElement("span",{className:"shrink-0 ml-1 flex items-center"},u)))}),v=r(null);function h({children:e,defaultSelectedItem:n=null,onApproveAllSuggestions:r,onRejectAllSuggestions:c,onAcceptAndPublish:i,onOpenArticleLink:o,onSourceLinkClick:m,breadcrumb:d,suggestionReasonBody:u}){const[f,p]=a(null),x=f??n,[b,g]=a(null),[E,N]=a(!1),h=s(e=>p(e),[]),w=l(()=>({selectedItem:x,setSelectedItem:h,loadedDiffDoc:b,setLoadedDiffDoc:g,loadingDiff:E,setLoadingDiff:N,onApproveAllSuggestions:r,onRejectAllSuggestions:c,onAcceptAndPublish:i,onOpenArticleLink:o,onSourceLinkClick:m,breadcrumb:d,suggestionReasonBody:u}),[x,h,b,E,r,c,i,o,m,d,u]);/* @__PURE__ */
 return t.createElement(v.Provider,{value:w},e)}function w(){const e=n(v);if(!e)throw new Error("useReviewsSelection must be used within ReviewsSelectionProvider");return e}const k=c(({items:e,className:a,...s},l)=>{const{selectedItem:n,setSelectedItem:r}=w();/* @__PURE__ */
-return t.createElement("ul",{ref:l,className:f("min-w-0 w-full overflow-hidden bg-muted border border-dark-300 rounded-lg p-2 space-y-2 list-none m-0",a),...s},e.map(e=>/* @__PURE__ */t.createElement("li",{key:e.id},/* @__PURE__ */t.createElement(N,{...e,isSelected:n?.id===e.id,onClick:()=>r(e)}))))});k.displayName="ReviewList";const y=e.forwardRef(function({source:t,diff:a,reason:s,onAccept:l,onReject:n,acceptDisabled:r,rejectDisabled:c,pagination:i,className:d,...u},p){const x=r||!l,E=c||!n,N=Boolean(a&&a.oldText&&a.newText);/* @__PURE__ */
-return e.createElement("div",{ref:p,role:"group","aria-label":"Review suggestion",className:f("flex w-full items-stretch gap-4 rounded-lg bg-surface p-4 shadow-md",d),...u},
-/* @__PURE__ */e.createElement("div",{className:"flex min-w-0 flex-1 flex-col gap-4"},t&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("span",{className:"text-xs font-bold uppercase leading-4 text-default"},t.label),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-0.5 [&_svg]:size-4 [&_svg]:shrink-0"},/* @__PURE__ */e.createElement("span",{className:"flex items-center text-subtle","aria-hidden":"true"},t.icon),/* @__PURE__ */e.createElement("span",{className:"truncate text-sm leading-4 text-subtle"},t.name))),/* @__PURE__ */e.createElement("div",{className:"flex w-full flex-col gap-4"},/* @__PURE__ */e.createElement("span",{className:"text-xs font-bold uppercase leading-4 text-default"},"Reason"),s&&/* @__PURE__ */e.createElement("span",{className:"text-sm leading-4 text-default"},s),N&&/* @__PURE__ */e.createElement(A,{oldText:a?.oldText,newText:a?.newText}),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */e.createElement(b,{type:"button",variant:"default",elevation:"shadow",size:"icon",onClick:l,disabled:x,"aria-label":"Accept suggestion",className:f("rounded-md border-border bg-green-400 text-default",g)},
-/* @__PURE__ */e.createElement(o,{weight:"regular","aria-hidden":"true"})),/* @__PURE__ */e.createElement(b,{type:"button",variant:"destructive",elevation:"shadow",size:"icon",onClick:n,disabled:E,"aria-label":"Reject suggestion",className:f("rounded-md border-border bg-red-400 text-default",g)},
+return t.createElement("ul",{ref:l,className:f("min-w-0 w-full overflow-hidden bg-muted border border-dark-300 rounded-lg p-2 space-y-2 list-none m-0",a),...s},e.map(e=>/* @__PURE__ */t.createElement("li",{key:e.id},/* @__PURE__ */t.createElement(N,{...e,isSelected:n?.id===e.id,onClick:()=>r(e)}))))});k.displayName="ReviewList";const y=e.forwardRef(function({source:t,diff:a,reason:s,onAccept:l,onReject:n,acceptDisabled:r,rejectDisabled:c,pagination:i,className:d,readOnly:u,...p},x){const E=r||!l,N=c||!n,v=Boolean(a&&a.oldText&&a.newText);/* @__PURE__ */
+return e.createElement("div",{ref:x,role:"group","aria-label":"Review suggestion",className:f("flex w-full items-stretch gap-4 rounded-lg bg-surface p-4 border shadow-md dark:shadow-brand-dark",d),...p},
+/* @__PURE__ */e.createElement("div",{className:"flex min-w-0 flex-1 flex-col gap-4"},t&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("span",{className:"text-xs font-bold uppercase leading-4 text-default"},t.label),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-0.5 [&_svg]:size-4 [&_svg]:shrink-0"},/* @__PURE__ */e.createElement("span",{className:"flex items-center text-subtle","aria-hidden":"true"},t.icon),/* @__PURE__ */e.createElement("span",{className:"truncate text-sm leading-4 text-subtle"},t.name))),/* @__PURE__ */e.createElement("div",{className:"flex w-full flex-col gap-4"},/* @__PURE__ */e.createElement("span",{className:"text-xs font-bold uppercase leading-4 text-default"},"Reason"),s&&/* @__PURE__ */e.createElement("span",{className:"text-sm leading-4 text-default"},s),v&&/* @__PURE__ */e.createElement(A,{oldText:a?.oldText,newText:a?.newText}),!u&&/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},!E&&/* @__PURE__ */e.createElement(b,{type:"button",variant:"default",elevation:"shadow",size:"icon",onClick:l,"aria-label":"Accept suggestion",className:f("rounded-md border-border bg-green-400 text-default",g)},
+/* @__PURE__ */e.createElement(o,{weight:"regular","aria-hidden":"true"})),!N&&/* @__PURE__ */e.createElement(b,{type:"button",variant:"destructive",elevation:"shadow",size:"icon",onClick:n,"aria-label":"Reject suggestion",className:f("rounded-md border-border bg-red-400 text-default",g)},
 /* @__PURE__ */e.createElement(m,{weight:"regular","aria-hidden":"true"}))))),i&&i.totalCount>1&&/* @__PURE__ */e.createElement(S,{...i}))});function A({oldText:t,newText:a}){/* @__PURE__ */
-return e.createElement("div",{className:"flex w-full flex-wrap items-baseline gap-1 border-t border-dark-300 py-4 text-sm leading-4"},t&&/* @__PURE__ */e.createElement("div",{className:"text-destructive"},/* @__PURE__ */e.createElement("span",{className:"font-bold"},"Replace: "),/* @__PURE__ */e.createElement("span",{className:"line-through"},t)),a&&/* @__PURE__ */e.createElement("div",{className:"text-blue-600"},/* @__PURE__ */e.createElement("span",{className:"font-bold"},"With: "),a))}function S({currentIndex:t,totalCount:a,onPrevious:s,onNext:l}){const n=t>1&&!!s,r=t<a&&!!l;/* @__PURE__ */
+return e.createElement("div",{className:"flex flex-col items-baseline gap-2 border-t border-dark-300 py-4 text-sm leading-4"},t&&/* @__PURE__ */e.createElement("div",{className:"text-destructive"},/* @__PURE__ */e.createElement("span",{className:"font-bold"},"Replace: "),/* @__PURE__ */e.createElement("span",{className:"line-through"},t)),a&&/* @__PURE__ */e.createElement("div",{className:"text-blue-600"},/* @__PURE__ */e.createElement("span",{className:"font-bold"},"With: "),a))}function S({currentIndex:t,totalCount:a,onPrevious:s,onNext:l}){const n=t>1&&!!s,r=t<a&&!!l;/* @__PURE__ */
 return e.createElement("div",{className:"flex w-10 shrink-0 flex-col items-center justify-center self-stretch py-2 pl-3"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col items-center gap-0.5"},/* @__PURE__ */e.createElement(b,{type:"button",variant:"ghost",size:"icon",onClick:s,disabled:!n,"aria-label":"Previous suggestion",className:"text-subtlest disabled:invisible"},
 /* @__PURE__ */e.createElement(d,{"aria-hidden":"true",className:"size-3.5"})),/* @__PURE__ */e.createElement("span",{className:"text-xs leading-4 text-subtlest tabular-nums","aria-hidden":"true"},t,"/",a),/* @__PURE__ */e.createElement("span",{className:"sr-only","aria-live":"polite"},"Suggestion ",t," of ",a),/* @__PURE__ */e.createElement(b,{type:"button",variant:"ghost",size:"icon",onClick:l,disabled:!r,"aria-label":"Next suggestion",className:"text-subtlest disabled:invisible"},
 /* @__PURE__ */e.createElement(u,{"aria-hidden":"true",className:"size-3.5"}))))}export{E,k as R,y as S,N as a,h as b,w as u};
-//# sourceMappingURL=suggestion-card.C9UnMOjp.js.map
+//# sourceMappingURL=suggestion-card.bmZvXXVu.js.map

package/dist/esm/chunks/{suggestion-card.C9UnMOjp.js.map → suggestion-card.bmZvXXVu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"suggestion-card.C9UnMOjp.js","sources":["../../../src/scenes/knowledge-review/review-list/edit-count.tsx","../../../src/scenes/knowledge-review/review-list/review-list-item.tsx","../../../src/scenes/knowledge-review/context.tsx","../../../src/scenes/knowledge-review/review-list/review-list.tsx","../../../src/scenes/knowledge-review/suggestion-card/suggestion-card.tsx"],"sourcesContent":["import React from 'react';\nimport { Circle } from '@phosphor-icons/react';\n\nexport function EditCount({ count }: { count: number }) {\n  return (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <Circle size={8} weight=\"fill\" aria-hidden=\"true\" className=\"text-blue\" />\n      <span className=\"text-xs leading-4 text-subtle\">\n        {count} {count === 1 ? 'edit' : 'edits'}\n      </span>\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport { EditCount } from './edit-count';\n\nimport { cn } from '@/lib/utils';\nimport { formatDistance } from '@/lib/formatDate';\nimport { StatusBadge } from '@/components/convos/status-badge';\n\nexport interface ReviewListItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Unique identifier for the knowledge article */\n  id: string;\n  /** Primary text displayed in the first row */\n  title: string;\n  /** Content rendered in the top-right corner (e.g. relative timestamp) */\n  timestamp: Date;\n  /** Icon rendered at the start of the second row */\n  icon?: React.ReactNode;\n  /** Text or content next to the icon in the second row */\n  description?: string | null;\n  /** Whether this item is new */\n  isNew?: boolean;\n  /** Whether this item has been accepted (e.g. accepted as draft) */\n  isAccepted?: boolean;\n  /** Number of edits for this item */\n  editCount?: number;\n  /** Whether this item is currently selected */\n  isSelected?: boolean;\n}\n\nexport const ReviewListItem = React.forwardRef<HTMLButtonElement, ReviewListItemProps>(function ReviewListItem(\n  { title, timestamp, icon, description, isNew, isAccepted, editCount, isSelected = false, className, ...props },\n  ref,\n) {\n  let status: React.ReactNode | undefined;\n  if (isAccepted) {\n    status = <StatusBadge variant=\"accepted\">Accepted</StatusBadge>;\n  } else if (editCount) {\n    status = <EditCount count={editCount} />;\n  }\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type=\"button\"\n      aria-pressed={isSelected}\n      className={cn(\n        'relative flex w-full flex-col gap-1 bg-surface rounded p-4 cursor-pointer transition-colors text-left border border-transparent',\n        isSelected\n          ? [\n              'shadow-[0px_1px_3px_0px_rgba(95,95,95,0.26)]',\n              'after:content-[\"\"] after:block after:absolute after:right-[-2px] after:top-1/2 after:-translate-y-1/2 after:w-1 after:h-14 after:rounded-sm after:bg-primary',\n            ]\n          : 'hover:bg-dark-100 hover:border-dark-300',\n        className,\n      )}\n    >\n      {/* Row 1: Title + Timestamp */}\n      <span className=\"flex items-center justify-between w-full gap-2\">\n        <span className={cn('text-sm text-default truncate min-w-0 flex-1', isSelected ? 'font-bold' : 'font-normal')}>\n          {title}\n        </span>\n        {timestamp && <span className=\"text-xs leading-4 text-subtlest shrink-0\">{formatDistance(timestamp)}</span>}\n      </span>\n\n      {/* Row 2: Icon + Description + Status */}\n      {(icon || description || status) && (\n        <span className=\"flex items-center gap-1 leading-4\">\n          {/* isNew */}\n          {isNew && (\n            <StatusBadge variant=\"success\" surface=\"transparent\">\n              New\n            </StatusBadge>\n          )}\n          {/* icon */}\n          {icon && <span className=\"shrink-0 flex items-center\">{icon}</span>}\n          {/* description */}\n          {description && <span className=\"text-xs text-subtle truncate\">{description}</span>}\n          {/* not new but with status */}\n          {!isNew && status && <span className=\"shrink-0 ml-1 flex items-center\">{status}</span>}\n        </span>\n      )}\n    </button>\n  );\n});\n","import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';\n\nimport type { ReviewListItemProps } from './review-list/review-list-item';\n\nexport type LoadedDiffDoc = {\n  isNew: boolean;\n  diffTitle: string;\n  diffContent: React.ReactNode;\n};\n\ntype ReviewsSelectionValue = {\n  selectedItem: ReviewListItemProps | null;\n  setSelectedItem: (item: ReviewListItemProps | null) => void;\n  loadedDiffDoc: LoadedDiffDoc | null;\n  setLoadedDiffDoc: (doc: LoadedDiffDoc | null) => void;\n  loadingDiff: boolean;\n  setLoadingDiff: (loading: boolean) => void;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n};\n\nconst ReviewsContext = createContext<ReviewsSelectionValue | null>(null);\n\nexport type ReviewsProviderProps = {\n  children: React.ReactNode;\n  /** Optional initial selection (e.g. from server or mock data) */\n  defaultSelectedItem?: ReviewListItemProps | null;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n};\n\nexport function ReviewsSelectionProvider({\n  children,\n  defaultSelectedItem = null,\n  onApproveAllSuggestions,\n  onRejectAllSuggestions,\n  onAcceptAndPublish,\n  onOpenArticleLink,\n  onSourceLinkClick,\n  breadcrumb,\n  suggestionReasonBody,\n}: ReviewsProviderProps) {\n  const [userSelectedItem, setUserSelectedItem] = useState<ReviewListItemProps | null>(null);\n  const selectedItem = userSelectedItem ?? defaultSelectedItem;\n\n  const [loadedDiffDoc, setLoadedDiffDoc] = useState<LoadedDiffDoc | null>(null);\n\n  const [loadingDiff, setLoadingDiff] = useState(false);\n\n  const handleSelect = useCallback((item: ReviewListItemProps | null) => setUserSelectedItem(item), []);\n  const value = useMemo<ReviewsSelectionValue>(\n    () => ({\n      selectedItem,\n      setSelectedItem: handleSelect,\n      loadedDiffDoc,\n      setLoadedDiffDoc,\n      loadingDiff,\n      setLoadingDiff,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n    }),\n    [\n      selectedItem,\n      handleSelect,\n      loadedDiffDoc,\n      loadingDiff,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n    ],\n  );\n\n  return <ReviewsContext.Provider value={value}>{children}</ReviewsContext.Provider>;\n}\n\nexport function useReviewsSelection(): ReviewsSelectionValue {\n  const ctx = useContext(ReviewsContext);\n  if (!ctx) {\n    throw new Error('useReviewsSelection must be used within ReviewsSelectionProvider');\n  }\n\n  return ctx;\n}\n","import React, { forwardRef } from 'react';\n\nimport { ReviewListItem, ReviewListItemProps } from './review-list-item';\nimport { useReviewsSelection } from '../context';\n\nimport { cn } from '@/lib/utils';\n\ninterface ReviewListProps {\n  items: ReviewListItemProps[];\n  className?: string;\n}\n\nexport const ReviewList = forwardRef<HTMLUListElement, ReviewListProps>(({ items, className, ...props }, ref) => {\n  const { selectedItem, setSelectedItem } = useReviewsSelection();\n\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        'min-w-0 w-full overflow-hidden bg-muted border border-dark-300 rounded-lg p-2 space-y-2 list-none m-0',\n        className,\n      )}\n      {...props}\n    >\n      {items.map((item) => (\n        <li key={item.id}>\n          <ReviewListItem {...item} isSelected={selectedItem?.id === item.id} onClick={() => setSelectedItem(item)} />\n        </li>\n      ))}\n    </ul>\n  );\n});\nReviewList.displayName = 'ReviewList';\n","import * as React from 'react';\nimport { CaretDown, CaretUp, CheckCircle, XCircle } from '@phosphor-icons/react';\n\nimport { Button } from '@/components/ui/button';\nimport { brandShadowEffect } from '@/lib/styles';\nimport { cn } from '@/lib/utils';\n\nexport interface SuggestionCardSource {\n  /** Eyebrow label, e.g. \"1 day ago from\" — rendered uppercase by the card. */\n  label: string;\n  /** Display name of the source, e.g. \"team-meetingFEB.mp4\". */\n  name: string;\n  /**\n   * Optional icon next to the source name. Pass a `@phosphor-icons/react` icon.\n   */\n  icon?: React.ReactNode;\n}\n\n/**\n * Pagination state for the side paginator column. When omitted, the paginator\n * column (and its divider) is not rendered at all.\n */\nexport interface SuggestionCardPagination {\n  /** 1-based index of this suggestion within the set. */\n  currentIndex: number;\n  /** Total number of suggestions in the set. */\n  totalCount: number;\n  /** Fires when the user navigates to the previous suggestion. Omit to hide the button. */\n  onPrevious?: () => void;\n  /** Fires when the user navigates to the next suggestion. Omit to hide the button. */\n  onNext?: () => void;\n}\n\n/**\n * Visual diff shown between the source row and the reason. Renders as a\n * single bordered row with the old text struck-through in destructive color\n * and the new text in link color.\n *\n * - For replace ops, set both `oldText` and `newText`.\n * - For delete ops, set only `oldText`.\n * - For insert ops, set only `newText`.\n *\n * When both fields are empty/undefined the diff row is not rendered.\n */\nexport interface SuggestionCardDiff {\n  /** Original text being removed. Strikethrough + destructive. */\n  oldText?: string;\n  /** Proposed replacement / insertion. Link color. */\n  newText?: string;\n}\n\nexport interface SuggestionCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  /**\n   * Source metadata shown at the top of the card. Omit to skip the source\n   * row entirely — useful when the host doesn't have source info to surface.\n   */\n  source?: SuggestionCardSource;\n  /**\n   * Old vs. new text for the suggestion. Renders the bordered diff row\n   * between the source and the reason. Omit to skip the diff row entirely.\n   */\n  diff?: SuggestionCardDiff;\n  /**\n   * Host-provided explanation for why this suggestion was raised. Renders\n   * as the body paragraph below the diff. Omit to skip the reason line.\n   */\n  reason?: string;\n\n  /**\n   * Fires when the user accepts this suggestion. When omitted, the accept\n   * button is rendered disabled (so the affordance is visible but inert).\n   */\n  onAccept?: () => void;\n  /**\n   * Fires when the user rejects this suggestion. When omitted, the reject\n   * button is rendered disabled.\n   */\n  onReject?: () => void;\n  /** Disable the accept button while an accept is in-flight. */\n  acceptDisabled?: boolean;\n  /** Disable the reject button while a reject is in-flight. */\n  rejectDisabled?: boolean;\n\n  /**\n   * Paginator state. When omitted, the whole paginator column (and its\n   * dividing border) is not rendered.\n   */\n  pagination?: SuggestionCardPagination;\n}\n\n/**\n * Floating card that displays a single review suggestion with its source,\n * accept/reject actions, and an optional paginator for navigating within-article\n * suggestions. Purely presentational — the host wires callbacks to the\n * reviewSuggestions plugin / API layer.\n */\nexport const SuggestionCard = React.forwardRef<HTMLDivElement, SuggestionCardProps>(function SuggestionCard(\n  { source, diff, reason, onAccept, onReject, acceptDisabled, rejectDisabled, pagination, className, ...props },\n  ref,\n) {\n  const acceptIsDisabled = acceptDisabled || !onAccept;\n  const rejectIsDisabled = rejectDisabled || !onReject;\n  const hasDiff = Boolean(diff && diff.oldText && diff.newText);\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label=\"Review suggestion\"\n      className={cn('flex w-full items-stretch gap-4 rounded-lg bg-surface p-4 shadow-md', className)}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-1 flex-col gap-4\">\n        {source && (\n          <div className=\"flex flex-col gap-1\">\n            <span className=\"text-xs font-bold uppercase leading-4 text-default\">{source.label}</span>\n            <div className=\"flex items-center gap-0.5 [&_svg]:size-4 [&_svg]:shrink-0\">\n              <span className=\"flex items-center text-subtle\" aria-hidden=\"true\">\n                {source.icon}\n              </span>\n              <span className=\"truncate text-sm leading-4 text-subtle\">{source.name}</span>\n            </div>\n          </div>\n        )}\n\n        <div className=\"flex w-full flex-col gap-4\">\n          <span className=\"text-xs font-bold uppercase leading-4 text-default\">Reason</span>\n          {reason && <span className=\"text-sm leading-4 text-default\">{reason}</span>}\n\n          {hasDiff && <SuggestionCardDiffRow oldText={diff?.oldText} newText={diff?.newText} />}\n\n          <div className=\"flex items-center gap-2\">\n            <Button\n              type=\"button\"\n              variant=\"default\"\n              elevation=\"shadow\"\n              size=\"icon\"\n              onClick={onAccept}\n              disabled={acceptIsDisabled}\n              aria-label=\"Accept suggestion\"\n              className={cn('rounded-md border-border bg-green-400 text-default', brandShadowEffect)}\n            >\n              <CheckCircle weight=\"regular\" aria-hidden=\"true\" />\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              elevation=\"shadow\"\n              size=\"icon\"\n              onClick={onReject}\n              disabled={rejectIsDisabled}\n              aria-label=\"Reject suggestion\"\n              className={cn('rounded-md border-border bg-red-400 text-default', brandShadowEffect)}\n            >\n              <XCircle weight=\"regular\" aria-hidden=\"true\" />\n            </Button>\n          </div>\n        </div>\n      </div>\n\n      {pagination && pagination.totalCount > 1 && <SuggestionCardPaginator {...pagination} />}\n    </div>\n  );\n});\n\n/**\n * Bordered old/new diff row. Old text is rendered first with strikethrough\n * in destructive color, new text follows in link color. Either side can be\n * omitted (delete-only or insert-only).\n */\nfunction SuggestionCardDiffRow({ oldText, newText }: SuggestionCardDiff) {\n  return (\n    <div className=\"flex w-full flex-wrap items-baseline gap-1 border-t border-dark-300 py-4 text-sm leading-4\">\n      {oldText && (\n        <div className=\"text-destructive\">\n          <span className=\"font-bold\">Replace: </span>\n          <span className=\"line-through\">{oldText}</span>\n        </div>\n      )}\n      {newText && (\n        <div className=\"text-blue-600\">\n          <span className=\"font-bold\">With: </span>\n          {newText}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction SuggestionCardPaginator({ currentIndex, totalCount, onPrevious, onNext }: SuggestionCardPagination) {\n  const hasPrevious = currentIndex > 1 && !!onPrevious;\n  const hasNext = currentIndex < totalCount && !!onNext;\n\n  return (\n    <div className=\"flex w-10 shrink-0 flex-col items-center justify-center self-stretch py-2 pl-3\">\n      <div className=\"flex flex-col items-center gap-0.5\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={onPrevious}\n          disabled={!hasPrevious}\n          aria-label=\"Previous suggestion\"\n          className=\"text-subtlest disabled:invisible\"\n        >\n          <CaretUp aria-hidden=\"true\" className=\"size-3.5\" />\n        </Button>\n        <span className=\"text-xs leading-4 text-subtlest tabular-nums\" aria-hidden=\"true\">\n          {currentIndex}/{totalCount}\n        </span>\n        <span className=\"sr-only\" aria-live=\"polite\">\n          Suggestion {currentIndex} of {totalCount}\n        </span>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={onNext}\n          disabled={!hasNext}\n          aria-label=\"Next suggestion\"\n          className=\"text-subtlest disabled:invisible\"\n        >\n          <CaretDown aria-hidden=\"true\" className=\"size-3.5\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["EditCount","count","React","createElement","className","Circle","size","weight","ReviewListItem","forwardRef","title","timestamp","icon","description","isNew","isAccepted","editCount","isSelected","props","ref","status","StatusBadge","variant","type","cn","formatDistance","surface","ReviewsContext","createContext","ReviewsSelectionProvider","children","defaultSelectedItem","onApproveAllSuggestions","onRejectAllSuggestions","onAcceptAndPublish","onOpenArticleLink","onSourceLinkClick","breadcrumb","suggestionReasonBody","userSelectedItem","setUserSelectedItem","useState","selectedItem","loadedDiffDoc","setLoadedDiffDoc","loadingDiff","setLoadingDiff","handleSelect","useCallback","item","value","useMemo","setSelectedItem","Provider","useReviewsSelection","ctx","useContext","Error","ReviewList","items","map","key","id","onClick","displayName","SuggestionCard","source","diff","reason","onAccept","onReject","acceptDisabled","rejectDisabled","pagination","acceptIsDisabled","rejectIsDisabled","hasDiff","Boolean","oldText","newText","role","label","name","SuggestionCardDiffRow","Button","elevation","disabled","brandShadowEffect","CheckCircle","XCircle","totalCount","SuggestionCardPaginator","currentIndex","onPrevious","onNext","hasPrevious","hasNext","CaretUp","CaretDown"],"mappings":"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"}
+{"version":3,"file":"suggestion-card.bmZvXXVu.js","sources":["../../../src/scenes/knowledge-review/review-list/edit-count.tsx","../../../src/scenes/knowledge-review/review-list/review-list-item.tsx","../../../src/scenes/knowledge-review/context.tsx","../../../src/scenes/knowledge-review/review-list/review-list.tsx","../../../src/scenes/knowledge-review/suggestion-card/suggestion-card.tsx"],"sourcesContent":["import React from 'react';\nimport { Circle } from '@phosphor-icons/react';\n\nexport function EditCount({ count }: { count: number }) {\n  return (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <Circle size={8} weight=\"fill\" aria-hidden=\"true\" className=\"text-blue\" />\n      <span className=\"text-xs leading-4 text-subtle\">\n        {count} {count === 1 ? 'edit' : 'edits'}\n      </span>\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport { EditCount } from './edit-count';\n\nimport { cn } from '@/lib/utils';\nimport { formatDistance } from '@/lib/formatDate';\nimport { StatusBadge } from '@/components/convos/status-badge';\n\nexport interface ReviewListItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Unique identifier for the knowledge article */\n  id: string;\n  /** Primary text displayed in the first row */\n  title: string;\n  /** Content rendered in the top-right corner (e.g. relative timestamp) */\n  timestamp: Date;\n  /** Icon rendered at the start of the second row */\n  icon?: React.ReactNode;\n  /** Text or content next to the icon in the second row */\n  description?: string | null;\n  /** Whether this item is new */\n  isNew?: boolean;\n  /** Whether this item has been accepted (e.g. accepted as draft) */\n  isAccepted?: boolean;\n  /** Number of edits for this item */\n  editCount?: number;\n  /** Whether this item is currently selected */\n  isSelected?: boolean;\n}\n\nexport const ReviewListItem = React.forwardRef<HTMLButtonElement, ReviewListItemProps>(function ReviewListItem(\n  { title, timestamp, icon, description, isNew, isAccepted, editCount, isSelected = false, className, ...props },\n  ref,\n) {\n  let status: React.ReactNode | undefined;\n  if (isAccepted) {\n    status = <StatusBadge variant=\"accepted\">Accepted</StatusBadge>;\n  } else if (editCount) {\n    status = <EditCount count={editCount} />;\n  }\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type=\"button\"\n      aria-pressed={isSelected}\n      className={cn(\n        'relative flex w-full flex-col gap-1 bg-surface rounded p-4 cursor-pointer transition-colors text-left border border-transparent',\n        isSelected\n          ? [\n              'shadow-[0px_1px_3px_0px_rgba(95,95,95,0.26)]',\n              'after:content-[\"\"] after:block after:absolute after:right-[-2px] after:top-1/2 after:-translate-y-1/2 after:w-1 after:h-14 after:rounded-sm after:bg-primary',\n            ]\n          : 'hover:bg-dark-100 hover:border-dark-300',\n        className,\n      )}\n    >\n      {/* Row 1: Title + Timestamp */}\n      <span className=\"flex items-center justify-between w-full gap-2\">\n        <span className={cn('text-sm text-default truncate min-w-0 flex-1', isSelected ? 'font-bold' : 'font-normal')}>\n          {title}\n        </span>\n        {timestamp && <span className=\"text-xs leading-4 text-subtlest shrink-0\">{formatDistance(timestamp)}</span>}\n      </span>\n\n      {/* Row 2: Icon + Description + Status */}\n      {(icon || description || status) && (\n        <span className=\"flex items-center gap-1 leading-4\">\n          {/* isNew */}\n          {isNew && (\n            <StatusBadge variant=\"success\" surface=\"transparent\">\n              New\n            </StatusBadge>\n          )}\n          {/* icon */}\n          {icon && <span className=\"shrink-0 flex items-center\">{icon}</span>}\n          {/* description */}\n          {description && <span className=\"text-xs text-subtle truncate\">{description}</span>}\n          {/* not new but with status */}\n          {!isNew && status && <span className=\"shrink-0 ml-1 flex items-center\">{status}</span>}\n        </span>\n      )}\n    </button>\n  );\n});\n","import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';\n\nimport type { ReviewListItemProps } from './review-list/review-list-item';\n\nexport type LoadedDiffDoc = {\n  isNew: boolean;\n  diffTitle: string;\n  diffContent: React.ReactNode;\n};\n\ntype ReviewsSelectionValue = {\n  selectedItem: ReviewListItemProps | null;\n  setSelectedItem: (item: ReviewListItemProps | null) => void;\n  loadedDiffDoc: LoadedDiffDoc | null;\n  setLoadedDiffDoc: (doc: LoadedDiffDoc | null) => void;\n  loadingDiff: boolean;\n  setLoadingDiff: (loading: boolean) => void;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n};\n\nconst ReviewsContext = createContext<ReviewsSelectionValue | null>(null);\n\nexport type ReviewsProviderProps = {\n  children: React.ReactNode;\n  /** Optional initial selection (e.g. from server or mock data) */\n  defaultSelectedItem?: ReviewListItemProps | null;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n};\n\nexport function ReviewsSelectionProvider({\n  children,\n  defaultSelectedItem = null,\n  onApproveAllSuggestions,\n  onRejectAllSuggestions,\n  onAcceptAndPublish,\n  onOpenArticleLink,\n  onSourceLinkClick,\n  breadcrumb,\n  suggestionReasonBody,\n}: ReviewsProviderProps) {\n  const [userSelectedItem, setUserSelectedItem] = useState<ReviewListItemProps | null>(null);\n  const selectedItem = userSelectedItem ?? defaultSelectedItem;\n\n  const [loadedDiffDoc, setLoadedDiffDoc] = useState<LoadedDiffDoc | null>(null);\n\n  const [loadingDiff, setLoadingDiff] = useState(false);\n\n  const handleSelect = useCallback((item: ReviewListItemProps | null) => setUserSelectedItem(item), []);\n  const value = useMemo<ReviewsSelectionValue>(\n    () => ({\n      selectedItem,\n      setSelectedItem: handleSelect,\n      loadedDiffDoc,\n      setLoadedDiffDoc,\n      loadingDiff,\n      setLoadingDiff,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n    }),\n    [\n      selectedItem,\n      handleSelect,\n      loadedDiffDoc,\n      loadingDiff,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n    ],\n  );\n\n  return <ReviewsContext.Provider value={value}>{children}</ReviewsContext.Provider>;\n}\n\nexport function useReviewsSelection(): ReviewsSelectionValue {\n  const ctx = useContext(ReviewsContext);\n  if (!ctx) {\n    throw new Error('useReviewsSelection must be used within ReviewsSelectionProvider');\n  }\n\n  return ctx;\n}\n","import React, { forwardRef } from 'react';\n\nimport { ReviewListItem, ReviewListItemProps } from './review-list-item';\nimport { useReviewsSelection } from '../context';\n\nimport { cn } from '@/lib/utils';\n\ninterface ReviewListProps {\n  items: ReviewListItemProps[];\n  className?: string;\n}\n\nexport const ReviewList = forwardRef<HTMLUListElement, ReviewListProps>(({ items, className, ...props }, ref) => {\n  const { selectedItem, setSelectedItem } = useReviewsSelection();\n\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        'min-w-0 w-full overflow-hidden bg-muted border border-dark-300 rounded-lg p-2 space-y-2 list-none m-0',\n        className,\n      )}\n      {...props}\n    >\n      {items.map((item) => (\n        <li key={item.id}>\n          <ReviewListItem {...item} isSelected={selectedItem?.id === item.id} onClick={() => setSelectedItem(item)} />\n        </li>\n      ))}\n    </ul>\n  );\n});\nReviewList.displayName = 'ReviewList';\n","import * as React from 'react';\nimport { CaretDown, CaretUp, CheckCircle, XCircle } from '@phosphor-icons/react';\n\nimport { Button } from '@/components/ui/button';\nimport { brandShadowEffect } from '@/lib/styles';\nimport { cn } from '@/lib/utils';\n\nexport interface SuggestionCardSource {\n  /** Eyebrow label, e.g. \"1 day ago from\" — rendered uppercase by the card. */\n  label: string;\n  /** Display name of the source, e.g. \"team-meetingFEB.mp4\". */\n  name: string;\n  /**\n   * Optional icon next to the source name. Pass a `@phosphor-icons/react` icon.\n   */\n  icon?: React.ReactNode;\n}\n\n/**\n * Pagination state for the side paginator column. When omitted, the paginator\n * column (and its divider) is not rendered at all.\n */\nexport interface SuggestionCardPagination {\n  /** 1-based index of this suggestion within the set. */\n  currentIndex: number;\n  /** Total number of suggestions in the set. */\n  totalCount: number;\n  /** Fires when the user navigates to the previous suggestion. Omit to hide the button. */\n  onPrevious?: () => void;\n  /** Fires when the user navigates to the next suggestion. Omit to hide the button. */\n  onNext?: () => void;\n}\n\n/**\n * Visual diff shown between the source row and the reason. Renders as a\n * single bordered row with the old text struck-through in destructive color\n * and the new text in link color.\n *\n * - For replace ops, set both `oldText` and `newText`.\n * - For delete ops, set only `oldText`.\n * - For insert ops, set only `newText`.\n *\n * When both fields are empty/undefined the diff row is not rendered.\n */\nexport interface SuggestionCardDiff {\n  /** Original text being removed. Strikethrough + destructive. */\n  oldText?: string;\n  /** Proposed replacement / insertion. Link color. */\n  newText?: string;\n}\n\nexport interface SuggestionCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  /**\n   * Source metadata shown at the top of the card. Omit to skip the source\n   * row entirely — useful when the host doesn't have source info to surface.\n   */\n  source?: SuggestionCardSource;\n  /**\n   * Old vs. new text for the suggestion. Renders the bordered diff row\n   * between the source and the reason. Omit to skip the diff row entirely.\n   */\n  diff?: SuggestionCardDiff;\n  /**\n   * Host-provided explanation for why this suggestion was raised. Renders\n   * as the body paragraph below the diff. Omit to skip the reason line.\n   */\n  reason?: string;\n\n  /**\n   * Fires when the user accepts this suggestion. When omitted, the accept\n   * button is rendered disabled (so the affordance is visible but inert).\n   */\n  onAccept?: () => void;\n  /**\n   * Fires when the user rejects this suggestion. When omitted, the reject\n   * button is rendered disabled.\n   */\n  onReject?: () => void;\n  /** Disable the accept button while an accept is in-flight. */\n  acceptDisabled?: boolean;\n  /** Disable the reject button while a reject is in-flight. */\n  rejectDisabled?: boolean;\n\n  /**\n   * Paginator state. When omitted, the whole paginator column (and its\n   * dividing border) is not rendered.\n   */\n  pagination?: SuggestionCardPagination;\n  readOnly?: boolean;\n}\n\n/**\n * Floating card that displays a single review suggestion with its source,\n * accept/reject actions, and an optional paginator for navigating within-article\n * suggestions. Purely presentational — the host wires callbacks to the\n * reviewSuggestions plugin / API layer.\n */\nexport const SuggestionCard = React.forwardRef<HTMLDivElement, SuggestionCardProps>(function SuggestionCard(\n  {\n    source,\n    diff,\n    reason,\n    onAccept,\n    onReject,\n    acceptDisabled,\n    rejectDisabled,\n    pagination,\n    className,\n    readOnly,\n    ...props\n  },\n  ref,\n) {\n  const acceptIsDisabled = acceptDisabled || !onAccept;\n  const rejectIsDisabled = rejectDisabled || !onReject;\n  const hasDiff = Boolean(diff && diff.oldText && diff.newText);\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label=\"Review suggestion\"\n      className={cn(\n        'flex w-full items-stretch gap-4 rounded-lg bg-surface p-4 border shadow-md dark:shadow-brand-dark',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-1 flex-col gap-4\">\n        {source && (\n          <div className=\"flex flex-col gap-1\">\n            <span className=\"text-xs font-bold uppercase leading-4 text-default\">{source.label}</span>\n            <div className=\"flex items-center gap-0.5 [&_svg]:size-4 [&_svg]:shrink-0\">\n              <span className=\"flex items-center text-subtle\" aria-hidden=\"true\">\n                {source.icon}\n              </span>\n              <span className=\"truncate text-sm leading-4 text-subtle\">{source.name}</span>\n            </div>\n          </div>\n        )}\n\n        <div className=\"flex w-full flex-col gap-4\">\n          <span className=\"text-xs font-bold uppercase leading-4 text-default\">Reason</span>\n          {reason && <span className=\"text-sm leading-4 text-default\">{reason}</span>}\n\n          {hasDiff && <SuggestionCardDiffRow oldText={diff?.oldText} newText={diff?.newText} />}\n\n          {!readOnly && (\n            <div className=\"flex items-center gap-2\">\n              {!acceptIsDisabled && (\n                <Button\n                  type=\"button\"\n                  variant=\"default\"\n                  elevation=\"shadow\"\n                  size=\"icon\"\n                  onClick={onAccept}\n                  aria-label=\"Accept suggestion\"\n                  className={cn('rounded-md border-border bg-green-400 text-default', brandShadowEffect)}\n                >\n                  <CheckCircle weight=\"regular\" aria-hidden=\"true\" />\n                </Button>\n              )}\n              {!rejectIsDisabled && (\n                <Button\n                  type=\"button\"\n                  variant=\"destructive\"\n                  elevation=\"shadow\"\n                  size=\"icon\"\n                  onClick={onReject}\n                  aria-label=\"Reject suggestion\"\n                  className={cn('rounded-md border-border bg-red-400 text-default', brandShadowEffect)}\n                >\n                  <XCircle weight=\"regular\" aria-hidden=\"true\" />\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {pagination && pagination.totalCount > 1 && <SuggestionCardPaginator {...pagination} />}\n    </div>\n  );\n});\n\n/**\n * Bordered old/new diff row. Old text is rendered first with strikethrough\n * in destructive color, new text follows in link color. Either side can be\n * omitted (delete-only or insert-only).\n */\nfunction SuggestionCardDiffRow({ oldText, newText }: SuggestionCardDiff) {\n  return (\n    <div className=\"flex flex-col items-baseline gap-2 border-t border-dark-300 py-4 text-sm leading-4\">\n      {oldText && (\n        <div className=\"text-destructive\">\n          <span className=\"font-bold\">Replace: </span>\n          <span className=\"line-through\">{oldText}</span>\n        </div>\n      )}\n      {newText && (\n        <div className=\"text-blue-600\">\n          <span className=\"font-bold\">With: </span>\n          {newText}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction SuggestionCardPaginator({ currentIndex, totalCount, onPrevious, onNext }: SuggestionCardPagination) {\n  const hasPrevious = currentIndex > 1 && !!onPrevious;\n  const hasNext = currentIndex < totalCount && !!onNext;\n\n  return (\n    <div className=\"flex w-10 shrink-0 flex-col items-center justify-center self-stretch py-2 pl-3\">\n      <div className=\"flex flex-col items-center gap-0.5\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={onPrevious}\n          disabled={!hasPrevious}\n          aria-label=\"Previous suggestion\"\n          className=\"text-subtlest disabled:invisible\"\n        >\n          <CaretUp aria-hidden=\"true\" className=\"size-3.5\" />\n        </Button>\n        <span className=\"text-xs leading-4 text-subtlest tabular-nums\" aria-hidden=\"true\">\n          {currentIndex}/{totalCount}\n        </span>\n        <span className=\"sr-only\" aria-live=\"polite\">\n          Suggestion {currentIndex} of {totalCount}\n        </span>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={onNext}\n          disabled={!hasNext}\n          aria-label=\"Next suggestion\"\n          className=\"text-subtlest disabled:invisible\"\n        >\n          <CaretDown aria-hidden=\"true\" className=\"size-3.5\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["EditCount","count","React","createElement","className","Circle","size","weight","ReviewListItem","forwardRef","title","timestamp","icon","description","isNew","isAccepted","editCount","isSelected","props","ref","status","StatusBadge","variant","type","cn","formatDistance","surface","ReviewsContext","createContext","ReviewsSelectionProvider","children","defaultSelectedItem","onApproveAllSuggestions","onRejectAllSuggestions","onAcceptAndPublish","onOpenArticleLink","onSourceLinkClick","breadcrumb","suggestionReasonBody","userSelectedItem","setUserSelectedItem","useState","selectedItem","loadedDiffDoc","setLoadedDiffDoc","loadingDiff","setLoadingDiff","handleSelect","useCallback","item","value","useMemo","setSelectedItem","Provider","useReviewsSelection","ctx","useContext","Error","ReviewList","items","map","key","id","onClick","displayName","SuggestionCard","source","diff","reason","onAccept","onReject","acceptDisabled","rejectDisabled","pagination","readOnly","acceptIsDisabled","rejectIsDisabled","hasDiff","Boolean","oldText","newText","role","label","name","SuggestionCardDiffRow","Button","elevation","brandShadowEffect","CheckCircle","XCircle","totalCount","SuggestionCardPaginator","currentIndex","onPrevious","onNext","hasPrevious","hasNext","disabled","CaretUp","CaretDown"],"mappings":"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"}

package/dist/esm/components/ui/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../../../src/components/ui/avatar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\n\nimport { cn } from '@/lib/utils';\n\nfunction Avatar({\n  className,\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: 'default' | 'sm' | 'lg';\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        'group/avatar relative flex size-8 shrink-0 select-none data-[size=lg]:size-10 data-[size=sm]:size-6',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('aspect-square size-full overflow-hidden rounded-full', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        'flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        'absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none',\n        'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden',\n        'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2 group-data-[size=default]/avatar:ring-1',\n        'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        'group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        'relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount };\n"],"names":["Avatar","className","size","props","React","createElement","AvatarPrimitive","Root","cn","AvatarImage","Image","AvatarFallback","Fallback","AvatarBadge","AvatarGroup","AvatarGroupCount"],"mappings":"oHAOA,SAASA,GAAOC,UACdA,EAAAC,KACAA,EAAO,aACJC;AAIH,OACEC,EAAAC,cAACC,EAAgBC,KAAhB,CACC,YAAU,SACV,YAAWL,EACXD,UAAWO,EACT,sGACAP,MAEEE,GAGV,CAEA,SAASM,GAAYR,UAAEA,KAAcE;AACnC,OACEC,EAAAC,cAACC,EAAgBI,MAAhB,CACC,YAAU,eACVT,UAAWO,EAAG,uDAAwDP,MAClEE,GAGV,CAEA,SAASQ,GAAeV,UAAEA,KAAcE;AACtC,OACEC,EAAAC,cAACC,EAAgBM,SAAhB,CACC,YAAU,kBACVX,UAAWO,EACT,qIACAP,MAEEE,GAGV,CAEA,SAASU,GAAYZ,UAAEA,KAAcE;AACnC,OACEC,EAAAC,cAAC,OAAA,CACC,YAAU,eACVJ,UAAWO,EACT,4JACA,gFACA,oIACA,gFACAP,MAEEE,GAGV,CAEA,SAASW,GAAYb,UAAEA,KAAcE;AACnC,OACEC,EAAAC,cAAC,MAAA,CACC,YAAU,eACVJ,UAAWO,EACT,sGACAP,MAEEE,GAGV,CAEA,SAASY,GAAiBd,UAAEA,KAAcE;AACxC,OACEC,EAAAC,cAAC,MAAA,CACC,YAAU,qBACVJ,UAAWO,EACT,2VACAP,MAEEE,GAGV"}
+{"version":3,"file":"avatar.js","sources":["../../../../src/components/ui/avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\n\nimport { cn } from '@/lib/utils';\n\nfunction Avatar({\n  className,\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: 'default' | 'sm' | 'lg';\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        'group/avatar relative flex size-8 shrink-0 select-none data-[size=lg]:size-10 data-[size=sm]:size-6',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('aspect-square size-full overflow-hidden rounded-full', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        'flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        'absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none',\n        'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden',\n        'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2 group-data-[size=default]/avatar:ring-1',\n        'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        'group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroupCount({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        'relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount };\n"],"names":["Avatar","className","size","props","React","createElement","AvatarPrimitive","Root","cn","AvatarImage","Image","AvatarFallback","Fallback","AvatarBadge","AvatarGroup","AvatarGroupCount"],"mappings":"oHAKA,SAASA,GAAOC,UACdA,EAAAC,KACAA,EAAO,aACJC;AAIH,OACEC,EAAAC,cAACC,EAAgBC,KAAhB,CACC,YAAU,SACV,YAAWL,EACXD,UAAWO,EACT,sGACAP,MAEEE,GAGV,CAEA,SAASM,GAAYR,UAAEA,KAAcE;AACnC,OACEC,EAAAC,cAACC,EAAgBI,MAAhB,CACC,YAAU,eACVT,UAAWO,EAAG,uDAAwDP,MAClEE,GAGV,CAEA,SAASQ,GAAeV,UAAEA,KAAcE;AACtC,OACEC,EAAAC,cAACC,EAAgBM,SAAhB,CACC,YAAU,kBACVX,UAAWO,EACT,qIACAP,MAEEE,GAGV,CAEA,SAASU,GAAYZ,UAAEA,KAAcE;AACnC,OACEC,EAAAC,cAAC,OAAA,CACC,YAAU,eACVJ,UAAWO,EACT,4JACA,gFACA,oIACA,gFACAP,MAEEE,GAGV,CAEA,SAASW,GAAYb,UAAEA,KAAcE;AACnC,OACEC,EAAAC,cAAC,MAAA,CACC,YAAU,eACVJ,UAAWO,EACT,sGACAP,MAEEE,GAGV,CAEA,SAASY,GAAiBd,UAAEA,KAAcE;AACxC,OACEC,EAAAC,cAAC,MAAA,CACC,YAAU,qBACVJ,UAAWO,EACT,2VACAP,MAEEE,GAGV"}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import './global.css';/* empty css                      */export{BrainfishColors}from"./colors.js";export{C as ChatSearch,a as ChatSearchProvider,R as ResolvedConversationFooter,u as useChatSearch,b as useIsChatSearchDirty}from"./chunks/ChatSearch.BAv9fTWD.js";export{C as ContextPillBadge,a as Conversation,b as ConversationActions,c as ConversationInput,d as ConversationMessageAssistant,e as ConversationMessageUser,f as ConversationMessages,g as ConversationProvider,h as ConversationStatus,i as ConversationSuggestions,u as useConversation}from"./chunks/Conversation.DRNYzOpI.js";export{C as CodeBlock,F as FormattedMessage,M as MemoizedReactMarkdown,Z as ZoomableImage,a as addPopupWidgetUtm,b as addUtmParameters}from"./chunks/FormattedMessage.XNMN23hm.js";export{MermaidDiagram}from"./chunks/MermaidDiagram.PRgXQ5Yh.js";export{Avatar,AvatarBadge,AvatarFallback,AvatarGroup,AvatarGroupCount,AvatarImage}from"./components/ui/avatar.js";export{B as Button,b as buttonVariants}from"./chunks/button.D_2SonNs.js";export{Collapsible,CollapsibleContent,CollapsibleTrigger}from"./components/ui/collapsible.js";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./components/ui/dropdown-menu.js";export{Switch}from"./components/ui/switch.js";export{Tooltip,TooltipContent,TooltipProvider,TooltipTrigger}from"./components/ui/tooltip.js";export{Textarea}from"./components/ui/textarea.js";export{ScrollArea,ScrollBar}from"./components/ui/scroll-area.js";export{Label}from"./components/ui/label.js";export{Input}from"./components/ui/input.js";export{Popover,PopoverAnchor,PopoverContent,PopoverTrigger}from"./components/ui/popover.js";export{Command,CommandDialog,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList,CommandSeparator,CommandShortcut}from"./components/ui/command.js";export{Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger}from"./components/ui/dialog.js";export{Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle}from"./components/ui/card.js";export{Table,TableBody,TableCaption,TableCell,TableFooter,TableHead,TableHeader,TableRow}from"./components/ui/table.js";export{Badge,badgeVariants}from"./components/ui/badge.js";export{Progress}from"./components/ui/progress.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/ui/accordion.js";export{AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDescription,AlertDialogFooter,AlertDialogHeader,AlertDialogOverlay,AlertDialogPortal,AlertDialogTitle,AlertDialogTrigger}from"./components/ui/alert-dialog.js";export{Alert,AlertAction,AlertContent,AlertDescription,AlertTitle}from"./components/ui/alert.js";export{ButtonGroup,ButtonGroupSeparator,ButtonGroupText,buttonGroupVariants}from"./components/ui/button-group.js";export{Calendar}from"./components/ui/calendar.js";export{DivButton,divButtonVariants}from"./components/ui/div-button.js";export{Icon,MemoizedIcon}from"./components/ui/icon.js";export{Item,ItemActions,ItemContent,ItemDescription,ItemFooter,ItemGroup,ItemHeader,ItemMedia,ItemSeparator,ItemTitle}from"./components/ui/item.js";export{Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectSeparator,SelectTrigger,SelectValue}from"./components/ui/select.js";export{Separator}from"./components/ui/separator.js";export{Sheet,SheetClose,SheetContent,SheetDescription,SheetFooter,SheetHeader,SheetOverlay,SheetPortal,SheetTitle,SheetTrigger}from"./components/ui/sheet.js";export{Spinner}from"./components/ui/spinner.js";export{S as SimpleSelect}from"./chunks/simpleSelect.DK1qZSXM.js";export{D as DatePicker}from"./chunks/date-picker.C2VT_rZ9.js";export{C as Combobox}from"./chunks/combobox.MyoPH18G.js";export{T as TwoLevelCombobox}from"./chunks/two-level-combobox.DJYP--W9.js";export{F as Filter,a as Filters,O as Operator}from"./chunks/filters.BHp3ukNW.js";export{F as FileUpload,a as FileUploadStatus,f as formatFileSize}from"./chunks/file-upload-status.D8RhMcbO.js";export{D as DataTable}from"./chunks/data-table.CJOR-1Kf.js";export{I as InputWithTags}from"./chunks/input-with-tags.DLv9e0XI.js";export{L as Logo}from"./chunks/logo.CGKfN1U6.js";export{C as ChatLogo}from"./chunks/chat-logo.CqPppEb9.js";export{T as Trend,a as TrendValue}from"./chunks/trend-value.BPBDBsk2.js";export{F as FontPicker,a as FontPickerItem,c as clearFontCache,g as getCachedFonts,l as loadFont,s as setCachedFonts,u as useFontOptions}from"./chunks/font-picker.B9GPXyK4.js";export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"./chunks/header-pane.D41xPXl3.js";export{H as HEADER_NAV_HEIGHT,a as HeaderNav}from"./chunks/header-nav.C9r4A44a.js";export{S as Sidebar,u as useSidebar}from"./chunks/sidebar.DsEgGwJU.js";export{MicrosoftTeamsLogo}from"./logos/microsoft-teams-logo.js";export{SlackLogo}from"./logos/slack-logo.js";export{MicrosoftLogo}from"./logos/microsoft-logo.js";export{R as ReviewList,a as ReviewListItem,b as ReviewsSelectionProvider,S as SuggestionCard,u as useReviewsSelection}from"./chunks/suggestion-card.C9UnMOjp.js";
+import './global.css';/* empty css                      */export{BrainfishColors}from"./colors.js";export{C as ChatSearch,a as ChatSearchProvider,R as ResolvedConversationFooter,u as useChatSearch,b as useIsChatSearchDirty}from"./chunks/ChatSearch.BAv9fTWD.js";export{C as ContextPillBadge,a as Conversation,b as ConversationActions,c as ConversationInput,d as ConversationMessageAssistant,e as ConversationMessageUser,f as ConversationMessages,g as ConversationProvider,h as ConversationStatus,i as ConversationSuggestions,u as useConversation}from"./chunks/Conversation.DRNYzOpI.js";export{C as CodeBlock,F as FormattedMessage,M as MemoizedReactMarkdown,Z as ZoomableImage,a as addPopupWidgetUtm,b as addUtmParameters}from"./chunks/FormattedMessage.XNMN23hm.js";export{MermaidDiagram}from"./chunks/MermaidDiagram.PRgXQ5Yh.js";export{Avatar,AvatarBadge,AvatarFallback,AvatarGroup,AvatarGroupCount,AvatarImage}from"./components/ui/avatar.js";export{B as Button,b as buttonVariants}from"./chunks/button.D_2SonNs.js";export{Collapsible,CollapsibleContent,CollapsibleTrigger}from"./components/ui/collapsible.js";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./components/ui/dropdown-menu.js";export{Switch}from"./components/ui/switch.js";export{Tooltip,TooltipContent,TooltipProvider,TooltipTrigger}from"./components/ui/tooltip.js";export{Textarea}from"./components/ui/textarea.js";export{ScrollArea,ScrollBar}from"./components/ui/scroll-area.js";export{Label}from"./components/ui/label.js";export{Input}from"./components/ui/input.js";export{Popover,PopoverAnchor,PopoverContent,PopoverTrigger}from"./components/ui/popover.js";export{Command,CommandDialog,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList,CommandSeparator,CommandShortcut}from"./components/ui/command.js";export{Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger}from"./components/ui/dialog.js";export{Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle}from"./components/ui/card.js";export{Table,TableBody,TableCaption,TableCell,TableFooter,TableHead,TableHeader,TableRow}from"./components/ui/table.js";export{Badge,badgeVariants}from"./components/ui/badge.js";export{Progress}from"./components/ui/progress.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/ui/accordion.js";export{AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDescription,AlertDialogFooter,AlertDialogHeader,AlertDialogOverlay,AlertDialogPortal,AlertDialogTitle,AlertDialogTrigger}from"./components/ui/alert-dialog.js";export{Alert,AlertAction,AlertContent,AlertDescription,AlertTitle}from"./components/ui/alert.js";export{ButtonGroup,ButtonGroupSeparator,ButtonGroupText,buttonGroupVariants}from"./components/ui/button-group.js";export{Calendar}from"./components/ui/calendar.js";export{DivButton,divButtonVariants}from"./components/ui/div-button.js";export{Icon,MemoizedIcon}from"./components/ui/icon.js";export{Item,ItemActions,ItemContent,ItemDescription,ItemFooter,ItemGroup,ItemHeader,ItemMedia,ItemSeparator,ItemTitle}from"./components/ui/item.js";export{Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectSeparator,SelectTrigger,SelectValue}from"./components/ui/select.js";export{Separator}from"./components/ui/separator.js";export{Sheet,SheetClose,SheetContent,SheetDescription,SheetFooter,SheetHeader,SheetOverlay,SheetPortal,SheetTitle,SheetTrigger}from"./components/ui/sheet.js";export{Spinner}from"./components/ui/spinner.js";export{S as SimpleSelect}from"./chunks/simpleSelect.DK1qZSXM.js";export{D as DatePicker}from"./chunks/date-picker.C2VT_rZ9.js";export{C as Combobox}from"./chunks/combobox.MyoPH18G.js";export{T as TwoLevelCombobox}from"./chunks/two-level-combobox.DJYP--W9.js";export{F as Filter,a as Filters,O as Operator}from"./chunks/filters.BHp3ukNW.js";export{F as FileUpload,a as FileUploadStatus,f as formatFileSize}from"./chunks/file-upload-status.D8RhMcbO.js";export{D as DataTable}from"./chunks/data-table.CJOR-1Kf.js";export{I as InputWithTags}from"./chunks/input-with-tags.DLv9e0XI.js";export{L as Logo}from"./chunks/logo.CGKfN1U6.js";export{C as ChatLogo}from"./chunks/chat-logo.CqPppEb9.js";export{T as Trend,a as TrendValue}from"./chunks/trend-value.BPBDBsk2.js";export{F as FontPicker,a as FontPickerItem,c as clearFontCache,g as getCachedFonts,l as loadFont,s as setCachedFonts,u as useFontOptions}from"./chunks/font-picker.B9GPXyK4.js";export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"./chunks/header-pane.D41xPXl3.js";export{H as HEADER_NAV_HEIGHT,a as HeaderNav}from"./chunks/header-nav.C9r4A44a.js";export{S as Sidebar,u as useSidebar}from"./chunks/sidebar.DsEgGwJU.js";export{MicrosoftTeamsLogo}from"./logos/microsoft-teams-logo.js";export{SlackLogo}from"./logos/slack-logo.js";export{MicrosoftLogo}from"./logos/microsoft-logo.js";export{R as ReviewList,a as ReviewListItem,b as ReviewsSelectionProvider,S as SuggestionCard,u as useReviewsSelection}from"./chunks/suggestion-card.bmZvXXVu.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,18 +1,19 @@
-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/suggestion-card.C9UnMOjp.js";import '../knowledge-review.css';export{S as SuggestionCard}from"../chunks/suggestion-card.C9UnMOjp.js";import d from"html-react-parser";import{CaretDown as u,CaretUp as g,Lightbulb as f,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 y}from"../chunks/button.D_2SonNs.js";import{Tooltip as C,TooltipTrigger as j,TooltipContent as R}from"../components/ui/tooltip.js";import{Popover as I,PopoverTrigger as L,PopoverContent as z}from"../components/ui/popover.js";import{DropdownMenu as B,DropdownMenuTrigger as D,DropdownMenuContent as O,DropdownMenuItem as P}from"../components/ui/dropdown-menu.js";import{ButtonGroup as T}from"../components/ui/button-group.js";import{c as F}from"../chunks/utils.C6Qu-kwd.js";import{S as $}from"../chunks/status-badge.BLB0pWDn.js";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 q="Why is Brainfish suggesting this?",M=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:S,className:_,...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($,{variant:"success"},"New"):r&&(Y=/* @__PURE__ */e.createElement(i,{count:r})),/* @__PURE__ */e.createElement("div",{ref:W,className:F("flex flex-col gap-4",_),...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(C,null,/* @__PURE__ */e.createElement(j,{asChild:!0},/* @__PURE__ */e.createElement(w,{variant:"ghost",size:"icon",disabled:!J,onClick:d,"aria-label":"Go to next article"},
+import*as e from"react";import t,{useCallback as n,useEffect as r,useRef as a,useState as s,useImperativeHandle as l}from"react";import{u as o,E as i,b as c,R as m}from"../chunks/suggestion-card.bmZvXXVu.js";import '../knowledge-review.css';export{S as SuggestionCard}from"../chunks/suggestion-card.bmZvXXVu.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 y}from"../chunks/button.D_2SonNs.js";import{Tooltip as C,TooltipTrigger as j,TooltipContent as R}from"../components/ui/tooltip.js";import{Popover as I,PopoverTrigger as L,PopoverContent as z}from"../components/ui/popover.js";import{DropdownMenu as B,DropdownMenuTrigger as D,DropdownMenuContent as O,DropdownMenuItem as P}from"../components/ui/dropdown-menu.js";import{ButtonGroup as T}from"../components/ui/button-group.js";import{c as F}from"../chunks/utils.C6Qu-kwd.js";import{S as $}from"../chunks/status-badge.BLB0pWDn.js";function _({fetchDiffForItem:e}){const{selectedItem:t,setLoadedDiffDoc:a,setLoadingDiff:s}=o(),l=n(async(t,n)=>{s(!0),a(null);try{const r=await e(t);if(n.aborted)return;a(r)}catch(r){if(n.aborted)return;console.error("Failed to fetch diff:",r),a(null)}finally{n.aborted||s(!1)}},[e,a,s]),i=t?.id;return r(()=>{if(!i)return a(null),void s(!1);const e=new AbortController;return l(i,e.signal),()=>{e.abort()}},[i,l]),null}const q="Why is Brainfish suggesting this?",M=e.forwardRef(function({title:t,isNew:n,suggestionsCount:r,sourceIcon:a,sourceDescription:s,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:S,className:_,...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($,{variant:"success"},"New"):r&&(Y=/* @__PURE__ */e.createElement(i,{count:r})),/* @__PURE__ */e.createElement("div",{ref:W,className:F("flex flex-col gap-4",_),...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(C,null,/* @__PURE__ */e.createElement(j,{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(R,{side:"bottom",bgColor:"--bfc-foreground",className:"text-background"},"Next Article")),/* @__PURE__ */e.createElement(C,null,/* @__PURE__ */e.createElement(j,{asChild:!0},/* @__PURE__ */e.createElement(w,{variant:"ghost",size:"icon",disabled:!Q,onClick:b,"aria-label":"Go to previous article"},
-/* @__PURE__ */e.createElement(g,{"aria-hidden":"true"}))),/* @__PURE__ */e.createElement(R,{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(T,{orientation:"horizontal",rounded:!1,"aria-label":"Suggestion actions",className:"gap-1"},S&&/* @__PURE__ */e.createElement(I,{open:K,onOpenChange:H},/* @__PURE__ */e.createElement(L,{asChild:!0},/* @__PURE__ */e.createElement(w,{variant:"ghost","aria-label":q},/* @__PURE__ */e.createElement(f,{"aria-hidden":"true"}),"Why")),/* @__PURE__ */e.createElement(z,{align:"start",side:"bottom",className:"z-above-modal shadow-md dark:shadow-md-invert border-dark-300"},
+/* @__PURE__ */e.createElement(f,{"aria-hidden":"true"}))),/* @__PURE__ */e.createElement(R,{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,s&&(k?/* @__PURE__ */e.createElement(w,{variant:"link",onClick:k,"aria-label":"Open source",className:"[&_svg]:size-4 text-xs text-subtle gap-1"},a&&/* @__PURE__ */e.createElement("span",{className:"shrink-0 flex items-center"},a),
+/* @__PURE__ */e.createElement("span",null,s)):/* @__PURE__ */e.createElement("span",{className:"[&_svg]:size-4 flex items-center gap-1 text-xs text-subtle"},a&&/* @__PURE__ */e.createElement("span",{className:"shrink-0 flex items-center"},a),s))),m&&/* @__PURE__ */e.createElement(T,{orientation:"horizontal",rounded:!1,"aria-label":"Suggestion actions",className:"gap-1"},S&&/* @__PURE__ */e.createElement(I,{open:K,onOpenChange:H},/* @__PURE__ */e.createElement(L,{asChild:!0},/* @__PURE__ */e.createElement(w,{variant:"ghost","aria-label":q},/* @__PURE__ */e.createElement(g,{"aria-hidden":"true"}),"Why")),/* @__PURE__ */e.createElement(z,{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"},q),
 /* @__PURE__ */e.createElement("div",{className:"text-sm text-subtle mt-1"},S))),/* @__PURE__ */e.createElement(w,{variant:"ghost",onClick:E},/* @__PURE__ */e.createElement(p,{"aria-hidden":"true"}),"Reject"),x?/* @__PURE__ */e.createElement(B,null,/* @__PURE__ */e.createElement("div",{ref:G,className:F("flex items-center rounded border border-border bg-primary",y)},
-/* @__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(w,{variant:"default",elevation:"shadow",className:"gap-1 rounded-none border-0 bg-transparent shadow-none",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(D,{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(O,{align:"end",className:"z-above-modal border-none shadow-md dark:shadow-md-invert"},/* @__PURE__ */e.createElement(P,{onClick:x},/* @__PURE__ */e.createElement(h,{"aria-hidden":"true"}),"Accept & publish"))):/* @__PURE__ */e.createElement(w,{variant:"default",elevation:"shadow",onClick:A},/* @__PURE__ */e.createElement(h,{"aria-hidden":"true"}),"Accept as draft"))))});function W(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 G({diffTitle:e,items:l,isLoading:i,totalItemsCount:c,showActionButtons:m=!0,children:u,sourceIcon:g,sourceDescription:f}){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?W((new DOMParser).parseFromString(_,"text/html")):0;var _;const q=s(null),[G,K]=a(0);r(()=>{if(S||!w)return void K(0);const e=q.current;if(!e)return;const t=requestAnimationFrame(()=>{var t;K((t=e)?W(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??g,Z=p?.description??f;/* @__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(M,{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:q},F))))}const K="--knowledge-review-scroll-height",H=t.forwardRef(function({diffTitle:e="Knowledge Review",children:n,items:a,isLoading:i,totalItemsCount:c,showActionButtons:d=!0,className:u,onApproveAllSuggestions:g,onRejectAllSuggestions:f,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(K,`${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__ */
+/* @__PURE__ */e.createElement(D,{asChild:!0},/* @__PURE__ */e.createElement(w,{variant:"default",size:"icon",className:"size-9 rounded-none border-0 bg-transparent shadow-none","aria-label":"More accept options"},
+/* @__PURE__ */e.createElement(u,{className:"size-4","aria-hidden":"true"})))),/* @__PURE__ */e.createElement(O,{align:"end",className:"z-above-modal border-none shadow-md dark:shadow-md-invert mt-1"},
+/* @__PURE__ */e.createElement(P,{onClick:x},/* @__PURE__ */e.createElement(h,{"aria-hidden":"true"}),"Accept & publish"))):/* @__PURE__ */e.createElement(w,{variant:"default",elevation:"shadow",onClick:A},/* @__PURE__ */e.createElement(h,{"aria-hidden":"true"}),"Accept as draft"))))});function W(e){const t=e.querySelectorAll("del + ins"),n=e.querySelectorAll("ins:not(del + ins)"),r=e.querySelectorAll("del"),a=Array.from(r).filter(e=>"INS"!==e.nextElementSibling?.tagName);return t.length+n.length+a.length}function G({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?W((new DOMParser).parseFromString(_,"text/html")):0;var _;const q=a(null),[G,K]=s(0);r(()=>{if(S||!w)return void K(0);const e=q.current;if(!e)return;const t=requestAnimationFrame(()=>{var t;K((t=e)?W(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(M,{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:q},F))))}const K="--knowledge-review-scroll-height",H=t.forwardRef(function({diffTitle:e="Knowledge Review",children:n,items:s,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=a(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(K,`${t}px`)};if(t(),"function"!=typeof ResizeObserver)return;const n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]);const L=i??0===s.length,z=L&&0===s.length;/* @__PURE__ */
 return t.createElement(E,{className:F("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:{[K]:"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(G,{diffTitle:e,items:a,isLoading:L,totalItemsCount:c,showActionButtons:d,sourceIcon:x,sourceDescription:w},n))))}),J=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(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:s})),
+/* @__PURE__ */t.createElement(G,{diffTitle:e,items:s,isLoading:L,totalItemsCount:c,showActionButtons:d,sourceIcon:x,sourceDescription:w},n))))}),J=t.forwardRef(function(e,n){const{items:r,onApproveAllSuggestions:a,onRejectAllSuggestions:s,onAcceptAndPublish:l,onOpenArticleLink:o,onSourceLinkClick:i,breadcrumb:m,suggestionReasonBody:d}=e;/* @__PURE__ */
+return t.createElement(c,{defaultSelectedItem:r.find(e=>e.isSelected)??null,onApproveAllSuggestions:a,onRejectAllSuggestions:s,onAcceptAndPublish:l,onOpenArticleLink:o,onSourceLinkClick:i,breadcrumb:m,suggestionReasonBody:d},
 /* @__PURE__ */t.createElement(H,{...e,ref:n}))});export{_ as KnowledgeReviewDiffLoader,G as KnowledgeReviewPanel,J 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=\"default\" elevation=\"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","elevation","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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"}
+{"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=\"default\"\n                    elevation=\"shadow\"\n                    className=\"gap-1 rounded-none border-0 bg-transparent shadow-none\"\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=\"default\"\n                      size=\"icon\"\n                      className=\"size-9 rounded-none border-0 bg-transparent shadow-none\"\n                      aria-label=\"More accept options\"\n                    >\n                      <CaretDown className=\"size-4\" aria-hidden=\"true\" />\n                    </Button>\n                  </DropdownMenuTrigger>\n                </div>\n                <DropdownMenuContent\n                  align=\"end\"\n                  className=\"z-above-modal border-none shadow-md dark:shadow-md-invert mt-1\"\n                >\n                  <DropdownMenuItem onClick={onAcceptAndPublish}>\n                    <CheckCircle aria-hidden=\"true\" />\n                    Accept & publish\n                  </DropdownMenuItem>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            ) : (\n              <Button variant=\"default\" elevation=\"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","elevation","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":"+qCAcO,SAASA,GAA0BC,iBAAEA,IAC1C,MAAMC,aAAEA,EAAAC,iBAAcA,EAAAC,eAAkBA,GAAmBC,IAErDC,EAAkBC,EACtBC,MAAOC,EAAgBC,KACrBN,GAAe,GACfD,EAAiB,MAEjB,IACE,MAAMQ,QAAYV,EAAiBQ,GACnC,GAAIC,EAAOE,QAAS,OACpBT,EAAiBQ,EACnB,OAASE,GACP,GAAIH,EAAOE,QAAS,OACpBE,QAAQD,MAAM,wBAAyBA,GACvCV,EAAiB,KACnB,CAAA,QACOO,EAAOE,SACVR,GAAe,EAEnB,GAEF,CAACH,EAAkBE,EAAkBC,IAGjCW,EAAab,GAAcc,GAmBjC,OAjBAC,EAAU,KACR,IAAKF,EAIH,OAHAZ,EAAiB,WACjBC,GAAe,GAKjB,MAAMc,EAAkB,IAAIC,gBAG5B,OAFKb,EAAgBS,EAAYG,EAAgBR,QAE1C,KACLQ,EAAgBE,UAGjB,CAACL,EAAYT,IAET,IACT,CCnBO,MAAMe,EAAe,oCAEfC,EAAoBC,EAAMC,WAAmD,UACxFC,MACEA,EAAAC,MACAA,EAAAC,iBACAA,EAAAC,WACAA,EAAAC,kBACAA,EAAAC,oBACAA,EAAAC,cACAA,EAAAC,qBACAA,EAAAC,kBACAA,GAAoB,EAAAC,cACpBA,EAAAC,kBACAA,EAAAC,uBACAA,EAAAC,uBACAA,EAAAC,mBACAA,EAAAC,WACAA,EAAAC,kBACAA,EAAAC,kBACAA,EAAAC,qBACAA,EAAAC,UACAA,KACGC,GAELC,GAEA,MAAMC,EAAiBvB,EAAMwB,OAAuB,OAC7CC,EAASC,GAAc1B,EAAM2B,UAAS,GACvCC,EAAiBpB,EAAgB,GAAKD,EAAsBC,EAAgB,EAC5EqB,EAAqBtB,EAAsB,EAC3CuB,EAAmC,IAAlBtB,EAAsB,EAAID,EAAsB,EACjEwB,EAA0BtB,GAAwBD,EAClDwB,EAAqBD,EAA0B,EAErD,IAAIE,EAOJ,OANI9B,EACF8B,iBAASjC,EAAAkC,cAACC,EAAA,CAAYC,QAAQ,WAAU,OAC/BhC,IACT6B,iBAASjC,EAAAkC,cAACG,EAAA,CAAUC,MAAOlC,oBAI3BJ,EAAAkC,cAAC,OAAIZ,MAAUF,UAAWmB,EAAG,sBAAuBnB,MAAgBC,kCAEjE,MAAA,CAAID,UAAU,oDACbpB,EAAAkC,cAAC,KAAA,CAAGd,UAAU,cACXlB,EAEAe,GAAqBD,kBACpBhB,EAAAkC,cAACM,EAAA,CACCJ,QAAQ,OACRK,KAAK,KACLC,QAASzB,EACT,aAAW,eACXG,UAAU,kCAETJ,mBAKPhB,EAAAkC,cAAC,OAAId,UAAU,oDACZ,IAAA,CAAEA,UAAU,0CACXpB,EAAAkC,cAAC,OAAA,CAAK,cAAY,QAAQF,EAAqB,GAAGF,KAAkBC,IAA4B,oBAChG/B,EAAAkC,cAAC,QAAKd,UAAU,UAAU,YAAU,UACjCY,EAAqB,WAAWF,QAAqBC,IAA4B,+BAGtF/B,EAAAkC,cAACS,sBACC3C,EAAAkC,cAACU,EAAA,CAAeC,SAAO,kBACrB7C,EAAAkC,cAACM,EAAA,CACCJ,QAAQ,QACRK,KAAK,OACLK,UAAWlB,EACXc,QAAS/B,EACT,aAAW;eAEXX,EAAAkC,cAACa,EAAA,CAAU,cAAY,0BAG3B/C,EAAAkC,cAACc,GAAeC,KAAK,SAASC,QAAQ,mBAAmB9B,UAAU,mBAAkB,gCAIvFpB,EAAAkC,cAACS,sBACC3C,EAAAkC,cAACU,EAAA,CAAeC,SAAO,kBACrB7C,EAAAkC,cAACM,EAAA,CACCJ,QAAQ,QACRK,KAAK,OACLK,UAAWjB,EACXa,QAAS9B,EACT,aAAW;eAEXZ,EAAAkC,cAACiB,EAAA,CAAQ,cAAY,0BAGzBnD,EAAAkC,cAACc,EAAA,CAAeC,KAAK,MAAMC,QAAQ,mBAAmB9B,UAAU,mBAAkB,sCAQxFpB,EAAAkC,cAAC,MAAA,CAAId,UAAU,qEACbpB,EAAAkC,cAAC,MAAA,CAAId,UAAU,2BACZa,EACA3B,IACEY,iBACClB,EAAAkC,cAACM,EAAA,CACCJ,QAAQ,OACRM,QAASxB,EACT,aAAW,cACXE,UAAU,4CAETf,kBAAcL,EAAAkC,cAAC,OAAA,CAAKd,UAAU,8BAA8Bf;eAC7DL,EAAAkC,cAAC,YAAM5B,mCAGR,OAAA,CAAKc,UAAU,8DACbf,kBAAcL,EAAAkC,cAAC,OAAA,CAAKd,UAAU,8BAA8Bf,GAC5DC,KAIRI,kBACCV,EAAAkC,cAACkB,EAAA,CAAYC,YAAY,aAAaC,SAAS,EAAO,aAAW,qBAAqBlC,UAAU,SAC7FD,kBACCnB,EAAAkC,cAACqB,GAAQC,KAAM/B,EAASgC,aAAc/B,kBACpC1B,EAAAkC,cAACwB,EAAA,CAAeb,SAAO,kBACrB7C,EAAAkC,cAACM,GAAOJ,QAAQ,QAAQ,aAAYtC,kBAClCE,EAAAkC,cAACyB,EAAA,CAAU,cAAY,SAAS,uBAIpC3D,EAAAkC,cAAC0B,EAAA,CACCC,MAAM,QACNZ,KAAK,SACL7B,UAAU;eAEVpB,EAAAkC,cAAC,MAAA,CAAId,UAAU,qBAAqBtB;eACpCE,EAAAkC,cAAC,MAAA,CAAId,UAAU,4BAA4BD,oBAIjDnB,EAAAkC,cAACM,EAAA,CAAOJ,QAAQ,QAAQM,QAAS7B,kBAC/Bb,EAAAkC,cAAC4B,EAAA,CAAU,cAAY,SAAS,UAGjC/C,iCACEgD,EAAA,oBACC/D,EAAAkC,cAAC,MAAA,CACCZ,IAAKC,EACLH,UAAWmB,EAAG,4DAA6DyB;eAE3EhE,EAAAkC,cAACM,EAAA,CACCJ,QAAQ,UACR6B,UAAU,SACV7C,UAAU,yDACVsB,QAAS5B;eAETd,EAAAkC,cAACgC,EAAA,CAAY,cAAY,SAAS;eAGpClE,EAAAkC,cAAC,OAAA,CAAKd,UAAU,yCAAyC,cAAY;eACrEpB,EAAAkC,cAACiC,EAAA,CAAoBtB,SAAO,kBAC1B7C,EAAAkC,cAACM,EAAA,CACCJ,QAAQ,UACRK,KAAK,OACLrB,UAAU,0DACV,aAAW;eAEXpB,EAAAkC,cAACa,EAAA,CAAU3B,UAAU,SAAS,cAAY,2BAIhDpB,EAAAkC,cAACkC,EAAA,CACCP,MAAM,MACNzC,UAAU;eAEVpB,EAAAkC,cAACmC,GAAiB3B,QAAS3B,kCACxBmD,EAAA,CAAY,cAAY,SAAS,qCAMxClE,EAAAkC,cAACM,GAAOJ,QAAQ,UAAU6B,UAAU,SAASvB,QAAS5B,kBACpDd,EAAAkC,cAACgC,GAAY,cAAY,SAAS,qBASlD,GC9OA,SAASI,EAAuBC,GAC9B,MAAMC,EAAgBD,EAAKE,iBAAiB,aACtCC,EAAgBH,EAAKE,iBAAiB,sBACtCE,EAASJ,EAAKE,iBAAiB,OAC/BG,EAAgBC,MAAMC,KAAKH,GAAQI,OAAQC,GAA4C,QAApCA,EAAIC,oBAAoBC,SAEjF,OAAOV,EAAcW,OAAST,EAAcS,OAASP,EAAcO,MACrE,CCsBO,SAASC,GAAqBC,UACnCA,EAAAC,MACAA,EAAAC,UACAA,EAAAC,gBACAA,EAAA9E,kBACAA,GAAoB,EAAA+E,SACpBA,EAAApF,WACAA,EAAAC,kBACAA,IAEA,MAAM3B,aACJA,EAAA+G,gBACAA,EAAAC,cACAA,EAAAC,YACAA,EAAAC,wBACAA,EAAAhF,uBACAA,EAAAE,mBACAA,EAAAE,kBACAA,EAAAC,kBACAA,EAAAF,WACAA,EAAAG,qBACAA,GACErC,IAEEgH,EAAWR,EAAMH,OAAS,EAC1BY,EAAoBR,IAAcO,EAClCE,EAAiBD,IAAsBD,EACvCG,GAAgBF,IAAsBD,EAEtC5F,EAAQ0F,EAAc,GAAKM,EAAMP,GAAeN,WAAaA,GAAa,IAC1Ec,EAAOP,iBAAc5F,EAAAkC,cAAC,MAAA,CAAId,UAAU,yBAAwB,iBAAsBuE,GAAeS,YAEjGC,EAAwBT,EAAc,GDnDbU,ECmDkCX,GAAeN,WAAaA,IDlDrD,oBAAdkB,UAMnBjC,GAHQ,IAAIiC,WACAC,gBAAgBF,EAAY,cAHtC,EAFqB,IAACA,ECqD/B,MAAMG,EAAUjF,EAAuB,OAChCkF,EAAsBC,GAA2BhF,EAAS,GACjEjC,EAAU,KACR,GAAIkG,IAAgBD,EAGlB,YAFAgB,EAAwB,GAI1B,MAAMC,EAAKH,EAAQI,QACnB,IAAKD,EAAI,OACT,MAAMnH,EAAKqH,sBAAsB,KDpDI,IAACC,ECqDpCJ,GDrDoCI,ECqDcH,GDlD/CtC,EAAuByC,GAFT,KCuDnB,MAAO,IAAMC,qBAAqBvH,IACjC,CAACmG,EAAaD,IAEjB,MAAMvF,EAAmBiG,EAAwBK,EAE3ClG,EAAgB8E,EAAMH,OACtBpD,EAA0ByD,GAAmBhF,EAC7CD,EAAsB5B,EACxBsI,KAAKC,IACH,EACA5B,EAAM6B,UAAWC,GAAMA,EAAE3H,KAAOd,EAAac,KAE/C,EAEEkB,EAAgB3B,EAAY,KAC5BuB,EAAsBC,EAAgB,GACxCkF,EAAgBJ,EAAM/E,EAAsB,IAAM,OAEnD,CAACA,EAAqB+E,EAAOI,EAAiBlF,IAE3CI,EAAoB5B,EAAY,KAChCuB,EAAsB,GACxBmF,EAAgBJ,EAAM/E,EAAsB,IAAM,OAEnD,CAACA,EAAqB+E,EAAOI,IAE1B2B,EAAmB1I,GAAc2I,MAAQjH,EACzCkH,EAA0B5I,GAAc6I,aAAelH;AAE7D,uBACGmH,EAAA,CAAKrG,UAAU,YAAY,YAAU,oDACnCsG,EAAA,CAAWtG,UAAU,4EACpBpB,EAAAkC,cAACyF,GAAWvG,UAAU,OACnB0E,kBACC9F,EAAAkC,cAAC0F,EAAA,CAAUxG,UAAU,iEACnBpB,EAAAkC,cAACnC,EAAA,CACCG,QACAC,MAAOwF,GAAexF,QAAS,EAC/BC,mBACAC,WAAYgH,EACZ/G,kBAAmBiH,EACnBhH,sBACAC,gBACAC,qBAAsBsB,EACtBrB,oBACAC,gBACAC,oBACAC,yBACAC,uBAAwB+E,EACxB9E,qBACAE,oBACAC,oBACAF,aACAG,0CAKRnB,EAAAkC,cAAC2F,EAAA,CAAYzG,UAAU,kDAErBpB,EAAAkC,cAAC,MAAA,CAAI,cAAY,OAAOd,UAAU,UAAU0G,QAAM,GAC/CrC,GAEFO,iBACChG,EAAAkC,cAAC,MAAA,CAAId,UAAU,8GACbpB,EAAAkC,cAAC6F,EAAA,CAAQ3G,UAAU,0BACnBpB,EAAAkC,cAAC,KAAEd,UAAU,yBAAwB,2BAErC6E,iBACFjG,EAAAkC,cAAC,MAAA,CAAId,UAAU,wFACbpB,EAAAkC,cAAC8F,EAAA,CAAc5G,UAAU,wBAAwBqB,KAAM,GAAIwF,OAAO,wBAClEjI,EAAAkC,cAAC,IAAA,CAAEd,UAAU,yCAAwC,oDAGvDpB,EAAAkC,cAAC,MAAA,CAAIZ,IAAKmF,GAAUN,KAMhC,CChJA,MAAM+B,EAAoB,mCA4BpBC,EAA4BnI,EAAMC,WACtC,UACEoF,UACEA,EAAY,mBAAAI,SACZA,EAAAH,MACAA,EAAAC,UACAA,EAAAC,gBACAA,EAAA9E,kBACAA,GAAoB,EAAAU,UACpBA,EAAAyE,wBACAA,EAAAhF,uBACAA,EAAAI,kBACAA,EAAAF,mBACAA,EAAAG,kBACAA,EAAAF,WACAA,EAAAX,WACAA,EAAAC,kBACAA,EAAAa,qBACAA,KACGE,GAELC,GAEA,MAAM8G,EAAW5G,EAAuB,OAClC7C,aAAEA,EAAA+G,gBAAcA,GAAoB5G,IAE1CuJ,EACE/G,EACA,KAAA,CACE3C,eACA+G,oBAEF,CAAC/G,EAAc+G,IAGjBhG,EAAU,KACR,MAAM4I,EAASF,EAASvB,QACxB,IAAKyB,EAAQ,OAEb,MAAMC,EAAe,KACnB,MAAMC,OAAEA,GAAWF,EAAOG,wBAC1BH,EAAOI,MAAMC,YAAYT,EAAmB,GAAGM,QAKjD,GAFAD,IAE8B,mBAAnBK,eACT,OAGF,MAAMC,EAAW,IAAID,eAAeL,GAGpC,OAFAM,EAASC,QAAQR,GAEV,IAAMO,EAASE,cACrB,IAEH,MAAMhD,EAAoBR,GAA8B,IAAjBD,EAAMH,OACvC6D,EAAiBjD,GAAsC,IAAjBT,EAAMH;AAElD,OACEnF,EAAAkC,cAACuF,EAAA,CAAKrG,UAAWmB,EAAG,SAAUnB,mBAC5BpB,EAAAkC,cAAC2F,EAAA,CAAYzG,UAAU,oCACrBpB,EAAAkC,cAAC,MAAA,CACCZ,IAAK8G,EACLhH,UAAU,0EACVsH,MAAO,CAAER,CAACA,GAAoB,YAC1B7G;+BAEHqG,EAAA,CAAWtG,UAAU,4EACnB4H,iBACChJ,EAAAkC,cAAC,OAAId,UAAU,yFACbpB,EAAAkC,cAAC6F,EAAA,CAAQ3G,UAAU,2BAGrBpB,EAAAkC,cAAC+G,EAAA,CAAW3D;eAGhBtF,EAAAkC,cAACkD,EAAA,CACCC,YACAC,QACAC,UAAWQ,EACXP,kBACA9E,oBACAL,aACAC,qBAECmF,KAMb,GAGWyD,EAAuBlJ,EAAMC,WACxC,SAA8BoB,EAAOC,GACnC,MAAMgE,MACJA,EAAAO,wBACAA,EAAAhF,uBACAA,EAAAE,mBACAA,EAAAE,kBACAA,EAAAC,kBACAA,EAAAF,WACAA,EAAAG,qBACAA,GACEE;AAEJ,OACErB,EAAAkC,cAACiH,EAAA,CACCC,oBAAqB9D,EAAM+D,KAAMC,GAAMA,EAAEC,aAAe,KACxD1D,0BACAhF,yBACAE,qBACAE,oBACAC,oBACAF,aACAG;eAEAnB,EAAAkC,cAACiG,EAAA,IAA8B9G,EAAOC,QAG5C"}

package/dist/index.d.ts

@@ -2144,6 +2144,7 @@ export declare interface SuggestionCardProps extends Omit<React_2.HTMLAttributes
      * dividing border) is not rendered.
      */
     pagination?: SuggestionCardPagination;
+    readOnly?: boolean;
 }
 
 export declare interface SuggestionCardSource {

package/dist/knowledge-review.d.ts

@@ -192,6 +192,7 @@ export declare interface SuggestionCardProps extends Omit<React_2.HTMLAttributes
      * dividing border) is not rendered.
      */
     pagination?: SuggestionCardPagination;
+    readOnly?: boolean;
 }
 
 export declare interface SuggestionCardSource {