@brainfish-ai/components 0.35.7 → 0.35.8

package/dist/esm/chunks/{suggestion-card.C32KfQa5.js.map → suggestion-card.DKQAazak.js.map}

@@ -1 +1 @@
-{"version":3,"file":"suggestion-card.C32KfQa5.js","sources":["../../../src/scenes/knowledge-review/review-list/edit-count.tsx","../../../src/scenes/knowledge-review/status-source-summary.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-1 p-1\">\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 './review-list/edit-count';\n\nimport { StatusBadge } from '@/components/convos/status-badge';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/utils';\n\nexport interface StatusSourceSummaryProps {\n  isNew?: boolean;\n  isAccepted?: boolean;\n  editCount?: number;\n  sourceIcon?: React.ReactNode;\n  sourceDescription?: string | null;\n  onSourceLinkClick?: () => void;\n  sourceLabel?: string;\n  className?: string;\n}\n\nexport function StatusSourceSummary({\n  isNew,\n  isAccepted,\n  editCount,\n  sourceIcon,\n  sourceDescription,\n  onSourceLinkClick,\n  sourceLabel = 'Open source',\n  className,\n}: StatusSourceSummaryProps) {\n  let status: React.ReactNode | undefined;\n  if (isAccepted) {\n    status = <StatusBadge variant=\"accepted\">Accepted</StatusBadge>;\n  } else if (isNew) {\n    status = (\n      <StatusBadge variant=\"success\" surface=\"transparent\">\n        New\n      </StatusBadge>\n    );\n  } else if (editCount) {\n    status = <EditCount count={editCount} />;\n  }\n\n  if (!status && !sourceIcon && !sourceDescription) {\n    return null;\n  }\n\n  return (\n    <span className={cn('flex items-center gap-1 leading-4 min-w-0', className)}>\n      {status && <span className=\"shrink-0 flex items-center\">{status}</span>}\n      {sourceDescription &&\n        (onSourceLinkClick ? (\n          <Button\n            variant=\"link\"\n            onClick={onSourceLinkClick}\n            aria-label={sourceLabel}\n            className=\"[&_svg]:size-4 h-auto p-0 text-xs font-normal text-subtle gap-1\"\n          >\n            {sourceIcon && <span className=\"shrink-0 flex items-center\">{sourceIcon}</span>}\n            <span className=\"truncate\">{sourceDescription}</span>\n          </Button>\n        ) : (\n          <span className=\"[&_svg]:size-4 flex items-center gap-1 text-xs text-subtle min-w-0\">\n            {sourceIcon && <span className=\"shrink-0 flex items-center\">{sourceIcon}</span>}\n            <span className=\"truncate\">{sourceDescription}</span>\n          </span>\n        ))}\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport { StatusSourceSummary } from '../status-source-summary';\n\nimport { cn } from '@/lib/utils';\nimport { formatDistance } from '@/lib/formatDate';\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  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: Status + Icon + Description */}\n      <StatusSourceSummary\n        isNew={isNew}\n        isAccepted={isAccepted}\n        editCount={editCount}\n        sourceIcon={icon}\n        sourceDescription={description}\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\n/** Passed to `onAcceptAndPublish` from the split Accept dropdown (public vs internal). */\nexport type AcceptAndPublishVisibility = 'public' | 'internal';\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 | Promise<void>;\n  onRejectAllSuggestions: () => void | Promise<void>;\n  onAcceptAndPublish?: (visibility: AcceptAndPublishVisibility) => void | Promise<void>;\n  onApplyAllInEditor?: () => Promise<void> | void;\n  onRejectAllInEditor?: () => Promise<void> | void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n  /** When true, omit the \"publish publicly\" item from the Accept & publish menu. */\n  hideAcceptAndPublishPublic?: boolean;\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 | Promise<void>;\n  onRejectAllSuggestions: () => void | Promise<void>;\n  onAcceptAndPublish?: (visibility: AcceptAndPublishVisibility) => void | Promise<void>;\n  onApplyAllInEditor?: () => Promise<void> | void;\n  onRejectAllInEditor?: () => Promise<void> | void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n  hideAcceptAndPublishPublic?: boolean;\n};\n\nexport function ReviewsSelectionProvider({\n  children,\n  defaultSelectedItem = null,\n  onApproveAllSuggestions,\n  onRejectAllSuggestions,\n  onAcceptAndPublish,\n  onApplyAllInEditor,\n  onRejectAllInEditor,\n  onOpenArticleLink,\n  onSourceLinkClick,\n  breadcrumb,\n  suggestionReasonBody,\n  hideAcceptAndPublishPublic = false,\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      onApplyAllInEditor,\n      onRejectAllInEditor,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n      hideAcceptAndPublishPublic,\n    }),\n    [\n      selectedItem,\n      handleSelect,\n      loadedDiffDoc,\n      loadingDiff,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onApplyAllInEditor,\n      onRejectAllInEditor,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n      hideAcceptAndPublishPublic,\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 { ScrollArea } from '@/components/ui/scroll-area';\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. 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  /** Fires when the user clicks the source icon and name. */\n  onSourceClick?: () => 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    onSourceClick,\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        // The card grows with short suggestions, then caps so long bodies scroll.\n        '!grid max-h-[calc(var(--knowledge-review-scroll-height)-250px)] w-full grid-rows-[auto_minmax(0,1fr)_auto] 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-col justify-start gap-1\">\n        {source && (\n          <>\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              {onSourceClick ? (\n                <Button\n                  type=\"button\"\n                  variant=\"link\"\n                  onClick={onSourceClick}\n                  className=\"[&_svg]:size-4 h-auto p-0 text-sm font-normal text-subtle gap-0.5 whitespace-normal break-all\"\n                >\n                  <span className=\"flex items-center\" aria-hidden=\"true\">\n                    {source.icon}\n                  </span>\n                  <span className=\"leading-4\">{source.name}</span>\n                </Button>\n              ) : (\n                <>\n                  <span className=\"flex items-center text-subtle\" aria-hidden=\"true\">\n                    {source.icon}\n                  </span>\n                  <span className=\"text-sm leading-4 text-subtle break-all\">{source.name}</span>\n                </>\n              )}\n            </div>\n          </>\n        )}\n      </div>\n\n      <div className=\"flex min-w-0 min-h-0 items-stretch gap-2\">\n        {/* min-h-0 lets this flex child shrink below its content size so the ScrollArea actually scrolls. */}\n        <ScrollArea className=\"-mr-2 min-h-0 flex-1 pr-2\">\n          <div className=\"flex w-full flex-col\">\n            <span className=\"text-xs font-bold uppercase leading-4 text-default\">Why</span>\n            {reason && <span className=\"text-sm leading-4 text-default\">{reason}</span>}\n\n            {hasDiff && <SuggestionCardDiffRow oldText={diff?.oldText} newText={diff?.newText} />}\n          </div>\n        </ScrollArea>\n\n        {pagination && pagination.totalCount > 1 && <SuggestionCardPaginator {...pagination} />}\n      </div>\n\n      <div className=\"flex min-w-0 items-end\">\n        {!readOnly && (\n          <div className=\"flex shrink-0 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});\n\n/**\n * Bordered old/new diff row. Old text is rendered first in destructive color,\n * 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 mt-4\">\n      {oldText && (\n        <div className=\"text-destructive\">\n          <span className=\"font-bold\">Replace: </span>\n          <span>{oldText}</span>\n        </div>\n      )}\n      {newText && (\n        <div className=\"text-blue\">\n          <span className=\"font-bold\">With: </span>\n          <span>{newText}</span>\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","StatusSourceSummary","isNew","isAccepted","editCount","sourceIcon","sourceDescription","onSourceLinkClick","sourceLabel","status","StatusBadge","variant","surface","cn","Button","onClick","ReviewListItem","forwardRef","title","timestamp","icon","description","isSelected","props","ref","type","formatDistance","ReviewsContext","createContext","ReviewsSelectionProvider","children","defaultSelectedItem","onApproveAllSuggestions","onRejectAllSuggestions","onAcceptAndPublish","onApplyAllInEditor","onRejectAllInEditor","onOpenArticleLink","breadcrumb","suggestionReasonBody","hideAcceptAndPublishPublic","userSelectedItem","setUserSelectedItem","useState","selectedItem","loadedDiffDoc","setLoadedDiffDoc","loadingDiff","setLoadingDiff","handleSelect","useCallback","item","value","useMemo","setSelectedItem","Provider","useReviewsSelection","ctx","useContext","Error","ReviewList","items","map","key","id","displayName","SuggestionCard","source","diff","reason","onAccept","onReject","onSourceClick","acceptDisabled","rejectDisabled","pagination","readOnly","acceptIsDisabled","rejectIsDisabled","hasDiff","Boolean","oldText","newText","role","label","name","ScrollArea","SuggestionCardDiffRow","totalCount","SuggestionCardPaginator","elevation","brandShadowEffect","CheckCircle","XCircle","currentIndex","onPrevious","onNext","hasPrevious","hasNext","disabled","CaretUp","CaretDown"],"mappings":"ueAGO,SAASA,GAAUC,MAAEA;AAC1B,OACEC,EAAAC,cAAC,OAAA,CAAKC,UAAU,qDACdF,EAAAC,cAACE,GAAOC,KAAM,EAAGC,OAAO,OAAO,cAAY,OAAOH,UAAU,6BAC5DF,EAAAC,cAAC,OAAA,CAAKC,UAAU,iCACbH,EAAM,IAAY,IAAVA,EAAc,OAAS,SAIxC,CCOO,SAASO,GAAoBC,MAClCA,EAAAC,WACAA,EAAAC,UACAA,EAAAC,WACAA,EAAAC,kBACAA,EAAAC,kBACAA,EAAAC,YACAA,EAAc,cAAAX,UACdA,IAEA,IAAIY,EAaJ,OAZIN,EACFM,iBAASd,EAAAC,cAACc,EAAA,CAAYC,QAAQ,YAAW,YAChCT,EACTO,iCACGC,EAAA,CAAYC,QAAQ,UAAUC,QAAQ,eAAc,OAI9CR,IACTK,iBAASd,EAAAC,cAACH,EAAA,CAAUC,MAAOU,KAGxBK,GAAWJ,GAAeC,iBAK7BX,EAAAC,cAAC,OAAA,CAAKC,UAAWgB,EAAG,4CAA6ChB,IAC9DY,kBAAUd,EAAAC,cAAC,QAAKC,UAAU,8BAA8BY,GACxDH,IACEC,iBACCZ,EAAAC,cAACkB,EAAA,CACCH,QAAQ,OACRI,QAASR,EACT,aAAYC,EACZX,UAAU,mEAETQ,kBAAcV,EAAAC,cAAC,OAAA,CAAKC,UAAU,8BAA8BQ;eAC7DV,EAAAC,cAAC,OAAA,CAAKC,UAAU,YAAYS,mBAG9BX,EAAAC,cAAC,OAAA,CAAKC,UAAU,sEACbQ,kCAAe,OAAA,CAAKR,UAAU,8BAA8BQ,kBAC7DV,EAAAC,cAAC,OAAA,CAAKC,UAAU,YAAYS,MApB7B,IAyBX,CCxCO,MAAMU,EAAiBrB,EAAMsB,WAAmD,UACrFC,MAAEA,YAAOC,EAAAC,KAAWA,EAAAC,YAAMA,QAAanB,EAAAC,WAAOA,EAAAC,UAAYA,aAAWkB,GAAa,EAAAzB,UAAOA,KAAc0B,GACvGC;AAEA,OACE7B,EAAAC,cAAC,SAAA,IACK2B,EACJC,MACAC,KAAK,SACL,eAAcH,EACdzB,UAAWgB,EACT,kIACAS,EACI,CACE,+CACA,gKAEF,0CACJzB;eAIFF,EAAAC,cAAC,QAAKC,UAAU,iFACb,OAAA,CAAKA,UAAWgB,EAAG,+CAAgDS,EAAa,YAAc,gBAC5FJ,GAEFC,kBAAaxB,EAAAC,cAAC,OAAA,CAAKC,UAAU,4CAA4C6B,EAAeP;eAI3FxB,EAAAC,cAACK,EAAA,CACCC,QACAC,aACAC,YACAC,WAAYe,EACZd,kBAAmBe,IAI3B,GClCMM,EAAiBC,EAA4C,MAkB5D,SAASC,GAAyBC,SACvCA,EAAAC,oBACAA,EAAsB,KAAAC,wBACtBA,EAAAC,uBACAA,EAAAC,mBACAA,EAAAC,mBACAA,EAAAC,oBACAA,EAAAC,kBACAA,EAAA9B,kBACAA,EAAA+B,WACAA,EAAAC,qBACAA,EAAAC,2BACAA,GAA6B,IAE7B,MAAOC,EAAkBC,GAAuBC,EAAqC,MAC/EC,EAAeH,GAAoBV,GAElCc,EAAeC,GAAoBH,EAA+B,OAElEI,EAAaC,GAAkBL,GAAS,GAEzCM,EAAeC,EAAaC,GAAqCT,EAAoBS,GAAO,IAC5FC,EAAQC,EACZ,KAAA,CACET,eACAU,gBAAiBL,EACjBJ,gBACAC,mBACAC,cACAC,iBACAhB,0BACAC,yBACAC,qBACAC,qBACAC,sBACAC,oBACA9B,oBACA+B,aACAC,uBACAC,+BAEF,CACEI,EACAK,EACAJ,EACAE,EACAf,EACAC,EACAC,EACAC,EACAC,EACAC,EACA9B,EACA+B,EACAC,EACAC;AAIJ,OAAO7C,EAAAC,cAAC+B,EAAe4B,SAAf,CAAwBH,SAAetB,EACjD,CAEO,SAAS0B,IACd,MAAMC,EAAMC,EAAW/B,GACvB,IAAK8B,EACH,MAAM,IAAIE,MAAM,oEAGlB,OAAOF,CACT,CC5GO,MAAMG,EAAa3C,EAA8C,EAAG4C,QAAOhE,eAAc0B,GAASC,KACvG,MAAMoB,aAAEA,EAAAU,gBAAcA,GAAoBE;AAE1C,OACE7D,EAAAC,cAAC,KAAA,CACC4B,MACA3B,UAAWgB,EACT,wGACAhB,MAEE0B,GAEHsC,EAAMC,IAAKX,kBACVxD,EAAAC,cAAC,MAAGmE,IAAKZ,EAAKa,mBACZrE,EAAAC,cAACoB,EAAA,IAAmBmC,EAAM7B,WAAYsB,GAAcoB,KAAOb,EAAKa,GAAIjD,QAAS,IAAMuC,EAAgBH,UAM7GS,EAAWK,YAAc,aCoElB,MAAMC,EAAiBvE,EAAMsB,WAAgD,UAClFkD,OACEA,EAAAC,KACAA,EAAAC,OACAA,EAAAC,SACAA,EAAAC,SACAA,EAAAC,cACAA,EAAAC,eACAA,EAAAC,eACAA,EAAAC,WACAA,EAAA9E,UACAA,EAAA+E,SACAA,KACGrD,GAELC,GAEA,MAAMqD,EAAmBJ,IAAmBH,EACtCQ,EAAmBJ,IAAmBH,EACtCQ,EAAUC,QAAQZ,GAAQA,EAAKa,SAAWb,EAAKc;AAErD,OACEvF,EAAAC,cAAC,MAAA,CACC4B,MACA2D,KAAK,QACL,aAAW,oBACXtF,UAAWgB,EAET,mMACAhB,MAEE0B;+BAEH,MAAA,CAAI1B,UAAU,6CACZsE,iEAEGxE,EAAAC,cAAC,OAAA,CAAKC,UAAU,sDAAsDsE,EAAOiB,sCAC5E,MAAA,CAAIvF,UAAU,6DACZ2E,iBACC7E,EAAAC,cAACkB,EAAA,CACCW,KAAK,SACLd,QAAQ,OACRI,QAASyD,EACT3E,UAAU;+BAET,OAAA,CAAKA,UAAU,oBAAoB,cAAY,QAC7CsE,EAAO/C;eAEVzB,EAAAC,cAAC,OAAA,CAAKC,UAAU,aAAasE,EAAOkB,qEAIpC1F,EAAAC,cAAC,OAAA,CAAKC,UAAU,gCAAgC,cAAY,QACzDsE,EAAO/C,qBAEVzB,EAAAC,cAAC,OAAA,CAAKC,UAAU,2CAA2CsE,EAAOkB;eAQ9E1F,EAAAC,cAAC,OAAIC,UAAU,2EAEZyF,EAAA,CAAWzF,UAAU,4CACpBF,EAAAC,cAAC,MAAA,CAAIC,UAAU,uCACbF,EAAAC,cAAC,QAAKC,UAAU,sDAAqD,OACpEwE,kCAAW,OAAA,CAAKxE,UAAU,kCAAkCwE,GAE5DU,kBAAWpF,EAAAC,cAAC2F,EAAA,CAAsBN,QAASb,GAAMa,QAASC,QAASd,GAAMc,YAI7EP,GAAcA,EAAWa,WAAa,kBAAK7F,EAAAC,cAAC6F,EAAA,IAA4Bd;eAG3EhF,EAAAC,cAAC,MAAA,CAAIC,UAAU,2BACX+E,kBACAjF,EAAAC,cAAC,MAAA,CAAIC,UAAU,qCACXgF,kBACAlF,EAAAC,cAACkB,EAAA,CACCW,KAAK,SACLd,QAAQ,UACR+E,UAAU,SACV3F,KAAK,OACLgB,QAASuD,EACT,aAAW,oBACXzE,UAAWgB,EAAG,qDAAsD8E;eAEpEhG,EAAAC,cAACgG,EAAA,CAAY5F,OAAO,UAAU,cAAY,WAG5C8E,kBACAnF,EAAAC,cAACkB,EAAA,CACCW,KAAK,SACLd,QAAQ,cACR+E,UAAU,SACV3F,KAAK,OACLgB,QAASwD,EACT,aAAW,oBACX1E,UAAWgB,EAAG,mDAAoD8E;eAElEhG,EAAAC,cAACiG,EAAA,CAAQ7F,OAAO,UAAU,cAAY,YAQtD,GAOA,SAASuF,GAAsBN,QAAEA,EAAAC,QAASA;AACxC,OACEvF,EAAAC,cAAC,MAAA,CAAIC,UAAU,2FACZoF,kBACCtF,EAAAC,cAAC,MAAA,CAAIC,UAAU,mDACZ,OAAA,CAAKA,UAAU,aAAY,4BAC5BF,EAAAC,cAAC,OAAA,KAAMqF,IAGVC,kBACCvF,EAAAC,cAAC,MAAA,CAAIC,UAAU,4BACbF,EAAAC,cAAC,OAAA,CAAKC,UAAU,aAAY,yBAC5BF,EAAAC,cAAC,OAAA,KAAMsF,IAKjB,CAEA,SAASO,GAAwBK,aAAEA,EAAAN,WAAcA,EAAAO,WAAYA,EAAAC,OAAYA,IACvE,MAAMC,EAAcH,EAAe,KAAOC,EACpCG,EAAUJ,EAAeN,KAAgBQ;AAE/C,uBACG,MAAA,CAAInG,UAAU,iGACbF,EAAAC,cAAC,MAAA,CAAIC,UAAU,qDACbF,EAAAC,cAACkB,EAAA,CACCW,KAAK,SACLd,QAAQ,QACRZ,KAAK,OACLgB,QAASgF,EACTI,UAAWF,EACX,aAAW,sBACXpG,UAAU;eAEVF,EAAAC,cAACwG,EAAA,CAAQ,cAAY,OAAOvG,UAAU,6CAEvC,OAAA,CAAKA,UAAU,+CAA+C,cAAY,QACxEiG,EAAa,IAAEN,kBAElB7F,EAAAC,cAAC,OAAA,CAAKC,UAAU,UAAU,YAAU,UAAS,cAC/BiG,EAAa,OAAKN,kBAEhC7F,EAAAC,cAACkB,EAAA,CACCW,KAAK,SACLd,QAAQ,QACRZ,KAAK,OACLgB,QAASiF,EACTG,UAAWD,EACX,aAAW,kBACXrG,UAAU;eAEVF,EAAAC,cAACyG,EAAA,CAAU,cAAY,OAAOxG,UAAU,eAKlD"}
+{"version":3,"file":"suggestion-card.DKQAazak.js","sources":["../../../src/scenes/knowledge-review/review-list/edit-count.tsx","../../../src/scenes/knowledge-review/status-source-summary.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-1 p-1\">\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 './review-list/edit-count';\n\nimport { StatusBadge } from '@/components/convos/status-badge';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/utils';\n\nexport interface StatusSourceSummaryProps {\n  isNew?: boolean;\n  isAccepted?: boolean;\n  editCount?: number;\n  sourceIcon?: React.ReactNode;\n  sourceDescription?: string | null;\n  onSourceLinkClick?: () => void;\n  sourceLabel?: string;\n  className?: string;\n}\n\nexport function StatusSourceSummary({\n  isNew,\n  isAccepted,\n  editCount,\n  sourceIcon,\n  sourceDescription,\n  onSourceLinkClick,\n  sourceLabel = 'Open source',\n  className,\n}: StatusSourceSummaryProps) {\n  let status: React.ReactNode | undefined;\n  if (isAccepted) {\n    status = <StatusBadge variant=\"accepted\">Accepted</StatusBadge>;\n  } else if (isNew) {\n    status = (\n      <StatusBadge variant=\"success\" surface=\"transparent\">\n        New\n      </StatusBadge>\n    );\n  } else if (editCount) {\n    status = <EditCount count={editCount} />;\n  }\n\n  if (!status && !sourceIcon && !sourceDescription) {\n    return null;\n  }\n\n  return (\n    <span className={cn('flex items-center gap-1 leading-4 min-w-0', className)}>\n      {status && <span className=\"shrink-0 flex items-center\">{status}</span>}\n      {sourceDescription &&\n        (onSourceLinkClick ? (\n          <Button\n            variant=\"link\"\n            onClick={onSourceLinkClick}\n            aria-label={sourceLabel}\n            className=\"[&_svg]:size-4 h-auto p-0 text-xs font-normal text-subtle gap-1\"\n          >\n            {sourceIcon && <span className=\"shrink-0 flex items-center\">{sourceIcon}</span>}\n            <span className=\"truncate\">{sourceDescription}</span>\n          </Button>\n        ) : (\n          <span className=\"[&_svg]:size-4 flex items-center gap-1 text-xs text-subtle min-w-0\">\n            {sourceIcon && <span className=\"shrink-0 flex items-center\">{sourceIcon}</span>}\n            <span className=\"truncate\">{sourceDescription}</span>\n          </span>\n        ))}\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport { StatusSourceSummary } from '../status-source-summary';\n\nimport { cn } from '@/lib/utils';\nimport { formatDistance } from '@/lib/formatDate';\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  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: Status + Icon + Description */}\n      <StatusSourceSummary\n        isNew={isNew}\n        isAccepted={isAccepted}\n        editCount={editCount}\n        sourceIcon={icon}\n        sourceDescription={description}\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\n/** Passed to `onAcceptAndPublish` from the split Accept dropdown (public vs internal). */\nexport type AcceptAndPublishVisibility = 'public' | 'internal';\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 | Promise<void>;\n  onRejectAllSuggestions: () => void | Promise<void>;\n  onAcceptAndPublish?: (visibility: AcceptAndPublishVisibility) => void | Promise<void>;\n  onApplyAllInEditor?: () => Promise<void> | void;\n  onRejectAllInEditor?: () => Promise<void> | void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n  /** When true, omit the \"publish publicly\" item from the Accept & publish menu. */\n  hideAcceptAndPublishPublic?: boolean;\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 | Promise<void>;\n  onRejectAllSuggestions: () => void | Promise<void>;\n  onAcceptAndPublish?: (visibility: AcceptAndPublishVisibility) => void | Promise<void>;\n  onApplyAllInEditor?: () => Promise<void> | void;\n  onRejectAllInEditor?: () => Promise<void> | void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n  hideAcceptAndPublishPublic?: boolean;\n};\n\nexport function ReviewsSelectionProvider({\n  children,\n  defaultSelectedItem = null,\n  onApproveAllSuggestions,\n  onRejectAllSuggestions,\n  onAcceptAndPublish,\n  onApplyAllInEditor,\n  onRejectAllInEditor,\n  onOpenArticleLink,\n  onSourceLinkClick,\n  breadcrumb,\n  suggestionReasonBody,\n  hideAcceptAndPublishPublic = false,\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      onApplyAllInEditor,\n      onRejectAllInEditor,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n      hideAcceptAndPublishPublic,\n    }),\n    [\n      selectedItem,\n      handleSelect,\n      loadedDiffDoc,\n      loadingDiff,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onApplyAllInEditor,\n      onRejectAllInEditor,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n      hideAcceptAndPublishPublic,\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 { ScrollArea } from '@/components/ui/scroll-area';\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. 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  /** Fires when the user clicks the source icon and name. */\n  onSourceClick?: () => 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    onSourceClick,\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        // The card grows with short suggestions, then caps so long bodies scroll.\n        '!grid max-h-[calc(var(--knowledge-review-scroll-height)-250px)] w-full grid-rows-[auto_minmax(0,1fr)_auto] 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-col justify-start gap-1\">\n        {source && (\n          <>\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              {onSourceClick ? (\n                <Button\n                  type=\"button\"\n                  variant=\"link\"\n                  onClick={onSourceClick}\n                  className=\"[&_svg]:size-4 h-auto p-0 text-sm font-normal text-subtle gap-0.5 whitespace-normal break-all\"\n                >\n                  <span className=\"flex items-center\" aria-hidden=\"true\">\n                    {source.icon}\n                  </span>\n                  <span className=\"leading-4\">{source.name}</span>\n                </Button>\n              ) : (\n                <>\n                  <span className=\"flex items-center text-subtle\" aria-hidden=\"true\">\n                    {source.icon}\n                  </span>\n                  <span className=\"text-sm leading-4 text-subtle break-all\">{source.name}</span>\n                </>\n              )}\n            </div>\n          </>\n        )}\n      </div>\n\n      <div className=\"flex min-w-0 min-h-0 items-stretch gap-2\">\n        {/* min-h-0 lets this flex child shrink below its content size so the ScrollArea actually scrolls. */}\n        <ScrollArea className=\"-mr-2 min-h-0 flex-1 pr-2\">\n          <div className=\"flex w-full flex-col\">\n            <span className=\"text-xs font-bold uppercase leading-4 text-default\">Why</span>\n            {reason && <span className=\"text-sm leading-4 text-default\">{reason}</span>}\n\n            {hasDiff && <SuggestionCardDiffRow oldText={diff?.oldText} newText={diff?.newText} />}\n          </div>\n        </ScrollArea>\n\n        {pagination && pagination.totalCount > 1 && <SuggestionCardPaginator {...pagination} />}\n      </div>\n\n      <div className=\"flex min-w-0 items-end\">\n        {!readOnly && (\n          <div className=\"flex shrink-0 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});\n\n/**\n * Bordered old/new diff row. Old text is rendered first in destructive color,\n * 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 mt-4\">\n      {oldText && (\n        <div className=\"text-destructive\">\n          <span className=\"font-bold\">Replace: </span>\n          <span>{oldText}</span>\n        </div>\n      )}\n      {newText && (\n        <div className=\"text-blue\">\n          <span className=\"font-bold\">With: </span>\n          <span>{newText}</span>\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","StatusSourceSummary","isNew","isAccepted","editCount","sourceIcon","sourceDescription","onSourceLinkClick","sourceLabel","status","StatusBadge","variant","surface","cn","Button","onClick","ReviewListItem","forwardRef","title","timestamp","icon","description","isSelected","props","ref","type","formatDistance","ReviewsContext","createContext","ReviewsSelectionProvider","children","defaultSelectedItem","onApproveAllSuggestions","onRejectAllSuggestions","onAcceptAndPublish","onApplyAllInEditor","onRejectAllInEditor","onOpenArticleLink","breadcrumb","suggestionReasonBody","hideAcceptAndPublishPublic","userSelectedItem","setUserSelectedItem","useState","selectedItem","loadedDiffDoc","setLoadedDiffDoc","loadingDiff","setLoadingDiff","handleSelect","useCallback","item","value","useMemo","setSelectedItem","Provider","useReviewsSelection","ctx","useContext","Error","ReviewList","items","map","key","id","displayName","SuggestionCard","source","diff","reason","onAccept","onReject","onSourceClick","acceptDisabled","rejectDisabled","pagination","readOnly","acceptIsDisabled","rejectIsDisabled","hasDiff","Boolean","oldText","newText","role","label","name","ScrollArea","SuggestionCardDiffRow","totalCount","SuggestionCardPaginator","elevation","brandShadowEffect","CheckCircle","XCircle","currentIndex","onPrevious","onNext","hasPrevious","hasNext","disabled","CaretUp","CaretDown"],"mappings":"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"}

package/dist/esm/chunks/{trend-value.BPBDBsk2.js → trend-value.lSWHqdkm.js}

@@ -1,3 +1,3 @@
-import e,{forwardRef as a}from"react";import{ArrowFatUp as t,ArrowFatRight as r,ArrowFatDown as s}from"@phosphor-icons/react";import{c as n}from"./utils.C6Qu-kwd.js";var l=/* @__PURE__ */(e=>(e.UP="up",e.DOWN="down",e.FLAT="flat",e))(l||{});const c=a(({variant:a="default",trend:l,trendValue:c,className:o,...i},m)=>{let d=t;switch(l){case"up":d=t;break;case"down":d=s;break;case"flat":d=r}let p="",f="",b="";switch(l){case"up":f=`Trending up by ${c}`,p="Trending up by ",b="text-green-500";break;case"down":f=`Trending down by ${c}`,p="Trending down by ",b="text-red-500";break;case"flat":f=`No change - ${c}`,p="No change ",b="text-dark-600"}/* @__PURE__ */
+import e,{forwardRef as a}from"react";import{ArrowFatUp as t,ArrowFatRight as r,ArrowFatDown as s}from"@phosphor-icons/react";import{c as n}from"./utils.DtKoarLP.js";var l=/* @__PURE__ */(e=>(e.UP="up",e.DOWN="down",e.FLAT="flat",e))(l||{});const c=a(({variant:a="default",trend:l,trendValue:c,className:o,...i},m)=>{let d=t;switch(l){case"up":d=t;break;case"down":d=s;break;case"flat":d=r}let p="",f="",b="";switch(l){case"up":f=`Trending up by ${c}`,p="Trending up by ",b="text-green-500";break;case"down":f=`Trending down by ${c}`,p="Trending down by ",b="text-red-500";break;case"flat":f=`No change - ${c}`,p="No change ",b="text-dark-600"}/* @__PURE__ */
 return e.createElement("div",{ref:m,className:n("flex items-center gap-1",o),...i},"long"===a&&/* @__PURE__ */e.createElement("span",{className:"text-sm"},p),/* @__PURE__ */e.createElement(d,{weight:"fill",className:n("size-4",b)}),/* @__PURE__ */e.createElement("span",{className:n("text-sm font-bold",b),"aria-label":f},c))});c.displayName="TrendValue";export{l as T,c as a};
-//# sourceMappingURL=trend-value.BPBDBsk2.js.map
+//# sourceMappingURL=trend-value.lSWHqdkm.js.map

package/dist/esm/chunks/{trend-value.BPBDBsk2.js.map → trend-value.lSWHqdkm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"trend-value.BPBDBsk2.js","sources":["../../../src/components/trend-value/trend-value.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { ArrowFatUp, ArrowFatDown, ArrowFatRight } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\n\nexport enum Trend {\n  UP = 'up',\n  DOWN = 'down',\n  FLAT = 'flat',\n}\n\nexport type TrendVariant = 'default' | 'long';\n\ninterface TrendValueProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: TrendVariant;\n  trend: Trend;\n  trendValue: string;\n}\n\nconst TrendValue = forwardRef<HTMLDivElement, TrendValueProps>(\n  ({ variant = 'default', trend, trendValue, className, ...props }, ref) => {\n    let ArrowIcon = ArrowFatUp;\n    switch (trend) {\n      case Trend.UP:\n        ArrowIcon = ArrowFatUp;\n        break;\n      case Trend.DOWN:\n        ArrowIcon = ArrowFatDown;\n        break;\n      case Trend.FLAT:\n        ArrowIcon = ArrowFatRight;\n        break;\n    }\n\n    let commentary = '';\n    let ariaLabel = '';\n    let color = '';\n\n    switch (trend) {\n      case Trend.UP:\n        ariaLabel = `Trending up by ${trendValue}`;\n        commentary = 'Trending up by ';\n        color = 'text-green-500';\n        break;\n      case Trend.DOWN:\n        ariaLabel = `Trending down by ${trendValue}`;\n        commentary = 'Trending down by ';\n        color = 'text-red-500';\n        break;\n      case Trend.FLAT:\n        ariaLabel = `No change - ${trendValue}`;\n        commentary = 'No change ';\n        color = 'text-dark-600';\n        break;\n    }\n\n    return (\n      <div ref={ref} className={cn('flex items-center gap-1', className)} {...props}>\n        {variant === 'long' && <span className=\"text-sm\">{commentary}</span>}\n        <ArrowIcon weight=\"fill\" className={cn('size-4', color)} />\n        <span className={cn('text-sm font-bold', color)} aria-label={ariaLabel}>\n          {trendValue}\n        </span>\n      </div>\n    );\n  },\n);\nTrendValue.displayName = 'TrendValue';\n\nexport { TrendValue };\n"],"names":["Trend","TrendValue","forwardRef","variant","trend","trendValue","className","props","ref","ArrowIcon","ArrowFatUp","ArrowFatDown","ArrowFatRight","commentary","ariaLabel","color","cn","React","createElement","weight","displayName"],"mappings":"sKAKO,IAAKA,kBAAAA,IACVA,EAAA,GAAK,KACLA,EAAA,KAAO,OACPA,EAAA,KAAO,OAHGA,IAAAA,GAAA,CAAA,GAcZ,MAAMC,EAAaC,EACjB,EAAGC,UAAU,UAAWC,QAAOC,aAAYC,eAAcC,GAASC,KAChE,IAAIC,EAAYC,EAChB,OAAQN,GACN,IAAK,KACHK,EAAYC,EACZ,MACF,IAAK,OACHD,EAAYE,EACZ,MACF,IAAK,OACHF,EAAYG,EAIhB,IAAIC,EAAa,GACbC,EAAY,GACZC,EAAQ,GAEZ,OAAQX,GACN,IAAK,KACHU,EAAY,kBAAkBT,IAC9BQ,EAAa,kBACbE,EAAQ,iBACR,MACF,IAAK,OACHD,EAAY,oBAAoBT,IAChCQ,EAAa,oBACbE,EAAQ,eACR,MACF,IAAK,OACHD,EAAY,eAAeT,IAC3BQ,EAAa,aACbE,EAAQ;AAIZ,uBACG,MAAA,CAAIP,MAAUF,UAAWU,EAAG,0BAA2BV,MAAgBC,GACzD,SAAZJ,kBAAsBc,EAAAC,cAAC,QAAKZ,UAAU,WAAWO,kBAClDI,EAAAC,cAACT,EAAA,CAAUU,OAAO,OAAOb,UAAWU,EAAG,SAAUD,oBACjDE,EAAAC,cAAC,OAAA,CAAKZ,UAAWU,EAAG,oBAAqBD,GAAQ,aAAYD,GAC1DT,MAMXJ,EAAWmB,YAAc"}
+{"version":3,"file":"trend-value.lSWHqdkm.js","sources":["../../../src/components/trend-value/trend-value.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { ArrowFatUp, ArrowFatDown, ArrowFatRight } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\n\nexport enum Trend {\n  UP = 'up',\n  DOWN = 'down',\n  FLAT = 'flat',\n}\n\nexport type TrendVariant = 'default' | 'long';\n\ninterface TrendValueProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: TrendVariant;\n  trend: Trend;\n  trendValue: string;\n}\n\nconst TrendValue = forwardRef<HTMLDivElement, TrendValueProps>(\n  ({ variant = 'default', trend, trendValue, className, ...props }, ref) => {\n    let ArrowIcon = ArrowFatUp;\n    switch (trend) {\n      case Trend.UP:\n        ArrowIcon = ArrowFatUp;\n        break;\n      case Trend.DOWN:\n        ArrowIcon = ArrowFatDown;\n        break;\n      case Trend.FLAT:\n        ArrowIcon = ArrowFatRight;\n        break;\n    }\n\n    let commentary = '';\n    let ariaLabel = '';\n    let color = '';\n\n    switch (trend) {\n      case Trend.UP:\n        ariaLabel = `Trending up by ${trendValue}`;\n        commentary = 'Trending up by ';\n        color = 'text-green-500';\n        break;\n      case Trend.DOWN:\n        ariaLabel = `Trending down by ${trendValue}`;\n        commentary = 'Trending down by ';\n        color = 'text-red-500';\n        break;\n      case Trend.FLAT:\n        ariaLabel = `No change - ${trendValue}`;\n        commentary = 'No change ';\n        color = 'text-dark-600';\n        break;\n    }\n\n    return (\n      <div ref={ref} className={cn('flex items-center gap-1', className)} {...props}>\n        {variant === 'long' && <span className=\"text-sm\">{commentary}</span>}\n        <ArrowIcon weight=\"fill\" className={cn('size-4', color)} />\n        <span className={cn('text-sm font-bold', color)} aria-label={ariaLabel}>\n          {trendValue}\n        </span>\n      </div>\n    );\n  },\n);\nTrendValue.displayName = 'TrendValue';\n\nexport { TrendValue };\n"],"names":["Trend","TrendValue","forwardRef","variant","trend","trendValue","className","props","ref","ArrowIcon","ArrowFatUp","ArrowFatDown","ArrowFatRight","commentary","ariaLabel","color","cn","React","createElement","weight","displayName"],"mappings":"sKAKO,IAAKA,kBAAAA,IACVA,EAAA,GAAK,KACLA,EAAA,KAAO,OACPA,EAAA,KAAO,OAHGA,IAAAA,GAAA,CAAA,GAcZ,MAAMC,EAAaC,EACjB,EAAGC,UAAU,UAAWC,QAAOC,aAAYC,eAAcC,GAASC,KAChE,IAAIC,EAAYC,EAChB,OAAQN,GACN,IAAK,KACHK,EAAYC,EACZ,MACF,IAAK,OACHD,EAAYE,EACZ,MACF,IAAK,OACHF,EAAYG,EAIhB,IAAIC,EAAa,GACbC,EAAY,GACZC,EAAQ,GAEZ,OAAQX,GACN,IAAK,KACHU,EAAY,kBAAkBT,IAC9BQ,EAAa,kBACbE,EAAQ,iBACR,MACF,IAAK,OACHD,EAAY,oBAAoBT,IAChCQ,EAAa,oBACbE,EAAQ,eACR,MACF,IAAK,OACHD,EAAY,eAAeT,IAC3BQ,EAAa,aACbE,EAAQ;AAIZ,uBACG,MAAA,CAAIP,MAAUF,UAAWU,EAAG,0BAA2BV,MAAgBC,GACzD,SAAZJ,kBAAsBc,EAAAC,cAAC,QAAKZ,UAAU,WAAWO,kBAClDI,EAAAC,cAACT,EAAA,CAAUU,OAAO,OAAOb,UAAWU,EAAG,SAAUD,oBACjDE,EAAAC,cAAC,OAAA,CAAKZ,UAAWU,EAAG,oBAAqBD,GAAQ,aAAYD,GAC1DT,MAMXJ,EAAWmB,YAAc"}

package/dist/esm/chunks/{two-level-combobox.SDv7qc_m.js → two-level-combobox.CWKR1tXX.js}

@@ -1,8 +1,8 @@
-import*as e from"react";import{X as t,CaretUpDown as a,ArrowLeft as l,Spinner as s,Check as n}from"@phosphor-icons/react";import{c as m}from"./utils.C6Qu-kwd.js";import{B as c}from"./button.Cs1X8upM.js";import{Command as r,CommandInput as o,CommandList as i,CommandEmpty as u,CommandGroup as d,CommandItem as p}from"../components/ui/command.js";import{Popover as f,PopoverTrigger as E,PopoverContent as v}from"../components/ui/popover.js";import{DivButton as N}from"../components/ui/div-button.js";function b({firstLevelItems:b,fetchSecondLevelItems:g,onSelectionChange:x,firstLevelLabel:h="First Level",secondLevelLabel:y="Second Level",firstLevelPlaceholder:S="Select first level...",className:L,debugMode:w=!1,displayLabel:C=!0}){const[z,k]=e.useState(!1),[$,j]=e.useState("first"),[I,P]=e.useState(null),[V,B]=e.useState(null),[F,M]=e.useState([]),[O,T]=e.useState(!1),[q,A]=e.useState(""),D=e=>{e.stopPropagation(),P(null),B(null),M([]),j("first"),x?.(null,null)};/* @__PURE__ */
+import*as e from"react";import{X as t,CaretUpDown as a,ArrowLeft as l,Spinner as s,Check as n}from"@phosphor-icons/react";import{c as m}from"./utils.DtKoarLP.js";import{B as c}from"./button.C7qRaFMP.js";import{Command as r,CommandInput as o,CommandList as i,CommandEmpty as u,CommandGroup as d,CommandItem as p}from"../components/ui/command.js";import{Popover as f,PopoverTrigger as E,PopoverContent as v}from"../components/ui/popover.js";import{DivButton as N}from"../components/ui/div-button.js";function b({firstLevelItems:b,fetchSecondLevelItems:g,onSelectionChange:x,firstLevelLabel:h="First Level",secondLevelLabel:y="Second Level",firstLevelPlaceholder:S="Select first level...",className:L,debugMode:w=!1,displayLabel:C=!0}){const[z,k]=e.useState(!1),[$,j]=e.useState("first"),[I,P]=e.useState(null),[V,B]=e.useState(null),[F,M]=e.useState([]),[O,T]=e.useState(!1),[q,A]=e.useState(""),D=e=>{e.stopPropagation(),P(null),B(null),M([]),j("first"),x?.(null,null)};/* @__PURE__ */
 return e.createElement("div",{className:m("space-y-4",L)},/* @__PURE__ */e.createElement("div",{className:"space-y-2"},C&&/* @__PURE__ */e.createElement("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"},V?`${h} & ${y}`:I?`Select ${y}`:`Select ${h}`),/* @__PURE__ */e.createElement(f,{open:z,onOpenChange:e=>{k(e),e&&!I?j("first"):e&&I&&j("second")}},/* @__PURE__ */e.createElement(E,{asChild:!0},/* @__PURE__ */e.createElement(c,{variant:"outline",role:"combobox","aria-expanded":z,className:"w-full justify-between bg-transparent"},
 /* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2 flex-1 min-w-0"},V?/* @__PURE__ */e.createElement("div",{className:"truncate flex items-center gap-1"},I.label," → ",V.label):I?/* @__PURE__ */e.createElement("div",{className:"truncate flex items-center"},I.label):/* @__PURE__ */e.createElement("span",{className:"truncate"},S)),
 /* @__PURE__ */e.createElement("div",{className:"flex items-center gap-1 shrink-0"},(I||V)&&
 /* @__PURE__ */e.createElement(N,{variant:"ghost",size:"sm",className:"size-6 p-0 hover:bg-muted rounded-sm",onClick:D,"aria-label":"Clear selection"},
 /* @__PURE__ */e.createElement(t,{className:"size-3"})),/* @__PURE__ */e.createElement(a,{className:"size-4 shrink-0 opacity-50"})))),/* @__PURE__ */e.createElement(v,{className:"w-full p-0",align:"start"},/* @__PURE__ */e.createElement(r,null,"second"===$&&I&&/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2 p-2 border-b"},/* @__PURE__ */e.createElement(c,{variant:"ghost",size:"sm",onClick:()=>{j("first"),A("")},className:"h-8 w-8 p-0 shrink-0"},/* @__PURE__ */e.createElement(l,{className:"size-4"})),/* @__PURE__ */e.createElement("div",{className:"text-sm font-medium truncate flex-1 min-w-0 flex items-center"},I.label),/* @__PURE__ */e.createElement(N,{variant:"ghost",size:"sm",className:"size-6 p-0 ml-auto hover:bg-muted rounded-sm shrink-0",onClick:D,"aria-label":"Clear selection"},
 /* @__PURE__ */e.createElement(t,{className:"size-3"})),O&&/* @__PURE__ */e.createElement(s,{className:"size-4 animate-spin text-muted-foreground shrink-0"})),/* @__PURE__ */e.createElement(o,{value:q,onValueChange:A,placeholder:"first"===$?`Search ${h.toLowerCase()}...`:`Search ${y.toLowerCase()}...`}),/* @__PURE__ */e.createElement(i,null,/* @__PURE__ */e.createElement(u,null,"first"===$?`No ${h.toLowerCase()} found.`:`No ${y.toLowerCase()} found.`),"first"===$&&/* @__PURE__ */e.createElement(d,null,b.map(t=>/* @__PURE__ */e.createElement(p,{key:t.value,value:t.label,onSelect:()=>(async e=>{P(e),B(null),T(!0),j("second"),A("");try{const t=await g(e.value);M(t)}catch(t){console.warn(t),M([])}finally{T(!1)}x?.(e,null)})(t)},/* @__PURE__ */e.createElement("span",{className:"flex items-center gap-2"},t.icon,t.label),/* @__PURE__ */e.createElement(n,{className:m("ml-2 size-4",I?.value===t.value?"opacity-100":"opacity-0")})))),"second"===$&&I&&/* @__PURE__ */e.createElement(d,null,O?/* @__PURE__ */e.createElement("div",{className:"flex items-center justify-center py-6"},/* @__PURE__ */e.createElement(s,{className:"size-4 animate-spin text-muted-foreground mr-2"}),/* @__PURE__ */e.createElement("span",{className:"text-sm text-muted-foreground"},"Loading ",y.toLowerCase(),"...")):F.map(t=>/* @__PURE__ */e.createElement(p,{key:t.value,value:t.label,onSelect:()=>(e=>{B(e),k(!1),x?.(I,e)})(t)},/* @__PURE__ */e.createElement("span",{className:"flex items-center gap-2"},t.icon,t.label),/* @__PURE__ */e.createElement(n,{className:m("ml-2 size-4",V?.value===t.value?"opacity-100":"opacity-0")}))))))))),(I||V)&&w&&/* @__PURE__ */e.createElement("div",{className:"mt-6 p-4 bg-muted/50 rounded-lg space-y-2"},/* @__PURE__ */e.createElement("h3",{className:"font-medium text-sm"},"Selected Values:"),I&&/* @__PURE__ */e.createElement("div",{className:"text-sm text-muted-foreground flex items-center gap-1"},/* @__PURE__ */e.createElement("span",{className:"font-medium"},h,":"),/* @__PURE__ */e.createElement("div",{className:"flex items-center"},I.label)),V&&/* @__PURE__ */e.createElement("div",{className:"text-sm text-muted-foreground flex items-center gap-1"},/* @__PURE__ */e.createElement("span",{className:"font-medium"},y,":"),/* @__PURE__ */e.createElement("div",{className:"flex items-center"},V.label))))}export{b as T};
-//# sourceMappingURL=two-level-combobox.SDv7qc_m.js.map
+//# sourceMappingURL=two-level-combobox.CWKR1tXX.js.map

package/dist/esm/chunks/{two-level-combobox.SDv7qc_m.js.map → two-level-combobox.CWKR1tXX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"two-level-combobox.SDv7qc_m.js","sources":["../../../src/components/two-level-combobox/two-level-combobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Check, CaretUpDown, Spinner, ArrowLeft, X } from '@phosphor-icons/react';\n\nimport { ComboboxItem } from '../combobox';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport { DivButton } from '@/components/ui/div-button';\nexport interface TwoLevelComboboxProps {\n  firstLevelItems: ComboboxItem[];\n  fetchSecondLevelItems: (firstLevelId: string) => Promise<ComboboxItem[]>;\n  onSelectionChange?: (firstLevel: ComboboxItem | null, secondLevel: ComboboxItem | null) => void;\n  firstLevelLabel?: string;\n  secondLevelLabel?: string;\n  firstLevelPlaceholder?: string;\n  secondLevelPlaceholder?: string;\n  className?: string;\n  debugMode?: boolean;\n  displayLabel?: boolean;\n}\n\nexport function TwoLevelCombobox({\n  firstLevelItems,\n  fetchSecondLevelItems,\n  onSelectionChange,\n  firstLevelLabel = 'First Level',\n  secondLevelLabel = 'Second Level',\n  firstLevelPlaceholder = 'Select first level...',\n  className,\n  debugMode = false,\n  displayLabel = true,\n}: TwoLevelComboboxProps) {\n  const [open, setOpen] = React.useState(false);\n  const [view, setView] = React.useState<'first' | 'second'>('first');\n  const [selectedFirstLevel, setSelectedFirstLevel] = React.useState<ComboboxItem | null>(null);\n  const [selectedSecondLevel, setSelectedSecondLevel] = React.useState<ComboboxItem | null>(null);\n  const [secondLevelItems, setSecondLevelItems] = React.useState<ComboboxItem[]>([]);\n  const [isLoadingSecondLevel, setIsLoadingSecondLevel] = React.useState(false);\n  const [searchValue, setSearchValue] = React.useState('');\n\n  const handleFirstLevelSelect = async (item: ComboboxItem) => {\n    setSelectedFirstLevel(item);\n    setSelectedSecondLevel(null); // Reset second level when first level changes\n    setIsLoadingSecondLevel(true);\n    setView('second');\n    setSearchValue(''); // Clear search input when switching to second level\n\n    try {\n      const fetchedItems = await fetchSecondLevelItems(item.value);\n      setSecondLevelItems(fetchedItems);\n    } catch (error) {\n      console.warn(error);\n      setSecondLevelItems([]);\n    } finally {\n      setIsLoadingSecondLevel(false);\n    }\n\n    onSelectionChange?.(item, null);\n  };\n\n  const handleSecondLevelSelect = (item: ComboboxItem) => {\n    setSelectedSecondLevel(item);\n    setOpen(false);\n    onSelectionChange?.(selectedFirstLevel, item);\n  };\n\n  const handleBackToFirstLevel = () => {\n    setView('first');\n    setSearchValue(''); // Clear search input when going back to first level\n  };\n\n  const handleOpenChange = (isOpen: boolean) => {\n    setOpen(isOpen);\n    if (isOpen && !selectedFirstLevel) {\n      setView('first');\n    } else if (isOpen && selectedFirstLevel) {\n      setView('second');\n    }\n  };\n\n  const handleClearSelection = (e: React.MouseEvent) => {\n    e.stopPropagation(); // Prevent opening the popover\n    setSelectedFirstLevel(null);\n    setSelectedSecondLevel(null);\n    setSecondLevelItems([]);\n    setView('first');\n    onSelectionChange?.(null, null);\n  };\n\n  const getLabel = () => {\n    if (selectedSecondLevel) return `${firstLevelLabel} & ${secondLevelLabel}`;\n    if (selectedFirstLevel) return `Select ${secondLevelLabel}`;\n\n    return `Select ${firstLevelLabel}`;\n  };\n\n  return (\n    <div className={cn('space-y-4', className)}>\n      <div className=\"space-y-2\">\n        {displayLabel && (\n          <label className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n            {getLabel()}\n          </label>\n        )}\n        <Popover open={open} onOpenChange={handleOpenChange}>\n          <PopoverTrigger asChild>\n            <Button\n              variant=\"outline\"\n              role=\"combobox\"\n              aria-expanded={open}\n              className=\"w-full justify-between bg-transparent\"\n            >\n              <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n                {selectedSecondLevel ? (\n                  <div className=\"truncate flex items-center gap-1\">\n                    {selectedFirstLevel!.label} → {selectedSecondLevel.label}\n                  </div>\n                ) : selectedFirstLevel ? (\n                  <div className=\"truncate flex items-center\">{selectedFirstLevel.label}</div>\n                ) : (\n                  <span className=\"truncate\">{firstLevelPlaceholder}</span>\n                )}\n              </div>\n              <div className=\"flex items-center gap-1 shrink-0\">\n                {(selectedFirstLevel || selectedSecondLevel) && (\n                  // Render button as div to prevent button within button error\n                  <DivButton\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"size-6 p-0 hover:bg-muted rounded-sm\"\n                    onClick={handleClearSelection}\n                    aria-label=\"Clear selection\"\n                  >\n                    <X className=\"size-3\" />\n                  </DivButton>\n                )}\n                <CaretUpDown className=\"size-4 shrink-0 opacity-50\" />\n              </div>\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"w-full p-0\" align=\"start\">\n            <Command>\n              {view === 'second' && selectedFirstLevel && (\n                <div className=\"flex items-center gap-2 p-2 border-b\">\n                  <Button variant=\"ghost\" size=\"sm\" onClick={handleBackToFirstLevel} className=\"h-8 w-8 p-0 shrink-0\">\n                    <ArrowLeft className=\"size-4\" />\n                  </Button>\n                  <div className=\"text-sm font-medium truncate flex-1 min-w-0 flex items-center\">\n                    {selectedFirstLevel.label}\n                  </div>\n                  {/* Render button as div to prevent button within button error */}\n                  <DivButton\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"size-6 p-0 ml-auto hover:bg-muted rounded-sm shrink-0\"\n                    onClick={handleClearSelection}\n                    aria-label=\"Clear selection\"\n                  >\n                    <X className=\"size-3\" />\n                  </DivButton>\n                  {isLoadingSecondLevel && <Spinner className=\"size-4 animate-spin text-muted-foreground shrink-0\" />}\n                </div>\n              )}\n\n              <CommandInput\n                value={searchValue}\n                onValueChange={setSearchValue}\n                placeholder={\n                  view === 'first'\n                    ? `Search ${firstLevelLabel.toLowerCase()}...`\n                    : `Search ${secondLevelLabel.toLowerCase()}...`\n                }\n              />\n              <CommandList>\n                <CommandEmpty>\n                  {view === 'first'\n                    ? `No ${firstLevelLabel.toLowerCase()} found.`\n                    : `No ${secondLevelLabel.toLowerCase()} found.`}\n                </CommandEmpty>\n\n                {view === 'first' && (\n                  <CommandGroup>\n                    {firstLevelItems.map((item) => (\n                      <CommandItem key={item.value} value={item.label} onSelect={() => handleFirstLevelSelect(item)}>\n                        <span className=\"flex items-center gap-2\">\n                          {item.icon}\n                          {item.label}\n                        </span>\n                        <Check\n                          className={cn(\n                            'ml-2 size-4',\n                            selectedFirstLevel?.value === item.value ? 'opacity-100' : 'opacity-0',\n                          )}\n                        />\n                      </CommandItem>\n                    ))}\n                  </CommandGroup>\n                )}\n\n                {view === 'second' && selectedFirstLevel && (\n                  <CommandGroup>\n                    {isLoadingSecondLevel ? (\n                      <div className=\"flex items-center justify-center py-6\">\n                        <Spinner className=\"size-4 animate-spin text-muted-foreground mr-2\" />\n                        <span className=\"text-sm text-muted-foreground\">\n                          Loading {secondLevelLabel.toLowerCase()}...\n                        </span>\n                      </div>\n                    ) : (\n                      secondLevelItems.map((item) => (\n                        <CommandItem key={item.value} value={item.label} onSelect={() => handleSecondLevelSelect(item)}>\n                          <span className=\"flex items-center gap-2\">\n                            {item.icon}\n                            {item.label}\n                          </span>\n                          <Check\n                            className={cn(\n                              'ml-2 size-4',\n                              selectedSecondLevel?.value === item.value ? 'opacity-100' : 'opacity-0',\n                            )}\n                          />\n                        </CommandItem>\n                      ))\n                    )}\n                  </CommandGroup>\n                )}\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      </div>\n\n      {(selectedFirstLevel || selectedSecondLevel) && debugMode && (\n        <div className=\"mt-6 p-4 bg-muted/50 rounded-lg space-y-2\">\n          <h3 className=\"font-medium text-sm\">Selected Values:</h3>\n          {selectedFirstLevel && (\n            <div className=\"text-sm text-muted-foreground flex items-center gap-1\">\n              <span className=\"font-medium\">{firstLevelLabel}:</span>\n              <div className=\"flex items-center\">{selectedFirstLevel.label}</div>\n            </div>\n          )}\n          {selectedSecondLevel && (\n            <div className=\"text-sm text-muted-foreground flex items-center gap-1\">\n              <span className=\"font-medium\">{secondLevelLabel}:</span>\n              <div className=\"flex items-center\">{selectedSecondLevel.label}</div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["TwoLevelCombobox","firstLevelItems","fetchSecondLevelItems","onSelectionChange","firstLevelLabel","secondLevelLabel","firstLevelPlaceholder","className","debugMode","displayLabel","open","setOpen","React","useState","view","setView","selectedFirstLevel","setSelectedFirstLevel","selectedSecondLevel","setSelectedSecondLevel","secondLevelItems","setSecondLevelItems","isLoadingSecondLevel","setIsLoadingSecondLevel","searchValue","setSearchValue","handleClearSelection","e","stopPropagation","createElement","cn","Popover","onOpenChange","isOpen","PopoverTrigger","asChild","Button","variant","role","label","DivButton","size","onClick","X","CaretUpDown","PopoverContent","align","Command","ArrowLeft","Spinner","CommandInput","value","onValueChange","placeholder","toLowerCase","CommandList","CommandEmpty","CommandGroup","map","item","CommandItem","key","onSelect","async","fetchedItems","error","console","warn","handleFirstLevelSelect","icon","Check","handleSecondLevelSelect"],"mappings":"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"}
+{"version":3,"file":"two-level-combobox.CWKR1tXX.js","sources":["../../../src/components/two-level-combobox/two-level-combobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Check, CaretUpDown, Spinner, ArrowLeft, X } from '@phosphor-icons/react';\n\nimport { ComboboxItem } from '../combobox';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport { DivButton } from '@/components/ui/div-button';\nexport interface TwoLevelComboboxProps {\n  firstLevelItems: ComboboxItem[];\n  fetchSecondLevelItems: (firstLevelId: string) => Promise<ComboboxItem[]>;\n  onSelectionChange?: (firstLevel: ComboboxItem | null, secondLevel: ComboboxItem | null) => void;\n  firstLevelLabel?: string;\n  secondLevelLabel?: string;\n  firstLevelPlaceholder?: string;\n  secondLevelPlaceholder?: string;\n  className?: string;\n  debugMode?: boolean;\n  displayLabel?: boolean;\n}\n\nexport function TwoLevelCombobox({\n  firstLevelItems,\n  fetchSecondLevelItems,\n  onSelectionChange,\n  firstLevelLabel = 'First Level',\n  secondLevelLabel = 'Second Level',\n  firstLevelPlaceholder = 'Select first level...',\n  className,\n  debugMode = false,\n  displayLabel = true,\n}: TwoLevelComboboxProps) {\n  const [open, setOpen] = React.useState(false);\n  const [view, setView] = React.useState<'first' | 'second'>('first');\n  const [selectedFirstLevel, setSelectedFirstLevel] = React.useState<ComboboxItem | null>(null);\n  const [selectedSecondLevel, setSelectedSecondLevel] = React.useState<ComboboxItem | null>(null);\n  const [secondLevelItems, setSecondLevelItems] = React.useState<ComboboxItem[]>([]);\n  const [isLoadingSecondLevel, setIsLoadingSecondLevel] = React.useState(false);\n  const [searchValue, setSearchValue] = React.useState('');\n\n  const handleFirstLevelSelect = async (item: ComboboxItem) => {\n    setSelectedFirstLevel(item);\n    setSelectedSecondLevel(null); // Reset second level when first level changes\n    setIsLoadingSecondLevel(true);\n    setView('second');\n    setSearchValue(''); // Clear search input when switching to second level\n\n    try {\n      const fetchedItems = await fetchSecondLevelItems(item.value);\n      setSecondLevelItems(fetchedItems);\n    } catch (error) {\n      console.warn(error);\n      setSecondLevelItems([]);\n    } finally {\n      setIsLoadingSecondLevel(false);\n    }\n\n    onSelectionChange?.(item, null);\n  };\n\n  const handleSecondLevelSelect = (item: ComboboxItem) => {\n    setSelectedSecondLevel(item);\n    setOpen(false);\n    onSelectionChange?.(selectedFirstLevel, item);\n  };\n\n  const handleBackToFirstLevel = () => {\n    setView('first');\n    setSearchValue(''); // Clear search input when going back to first level\n  };\n\n  const handleOpenChange = (isOpen: boolean) => {\n    setOpen(isOpen);\n    if (isOpen && !selectedFirstLevel) {\n      setView('first');\n    } else if (isOpen && selectedFirstLevel) {\n      setView('second');\n    }\n  };\n\n  const handleClearSelection = (e: React.MouseEvent) => {\n    e.stopPropagation(); // Prevent opening the popover\n    setSelectedFirstLevel(null);\n    setSelectedSecondLevel(null);\n    setSecondLevelItems([]);\n    setView('first');\n    onSelectionChange?.(null, null);\n  };\n\n  const getLabel = () => {\n    if (selectedSecondLevel) return `${firstLevelLabel} & ${secondLevelLabel}`;\n    if (selectedFirstLevel) return `Select ${secondLevelLabel}`;\n\n    return `Select ${firstLevelLabel}`;\n  };\n\n  return (\n    <div className={cn('space-y-4', className)}>\n      <div className=\"space-y-2\">\n        {displayLabel && (\n          <label className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n            {getLabel()}\n          </label>\n        )}\n        <Popover open={open} onOpenChange={handleOpenChange}>\n          <PopoverTrigger asChild>\n            <Button\n              variant=\"outline\"\n              role=\"combobox\"\n              aria-expanded={open}\n              className=\"w-full justify-between bg-transparent\"\n            >\n              <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n                {selectedSecondLevel ? (\n                  <div className=\"truncate flex items-center gap-1\">\n                    {selectedFirstLevel!.label} → {selectedSecondLevel.label}\n                  </div>\n                ) : selectedFirstLevel ? (\n                  <div className=\"truncate flex items-center\">{selectedFirstLevel.label}</div>\n                ) : (\n                  <span className=\"truncate\">{firstLevelPlaceholder}</span>\n                )}\n              </div>\n              <div className=\"flex items-center gap-1 shrink-0\">\n                {(selectedFirstLevel || selectedSecondLevel) && (\n                  // Render button as div to prevent button within button error\n                  <DivButton\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"size-6 p-0 hover:bg-muted rounded-sm\"\n                    onClick={handleClearSelection}\n                    aria-label=\"Clear selection\"\n                  >\n                    <X className=\"size-3\" />\n                  </DivButton>\n                )}\n                <CaretUpDown className=\"size-4 shrink-0 opacity-50\" />\n              </div>\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"w-full p-0\" align=\"start\">\n            <Command>\n              {view === 'second' && selectedFirstLevel && (\n                <div className=\"flex items-center gap-2 p-2 border-b\">\n                  <Button variant=\"ghost\" size=\"sm\" onClick={handleBackToFirstLevel} className=\"h-8 w-8 p-0 shrink-0\">\n                    <ArrowLeft className=\"size-4\" />\n                  </Button>\n                  <div className=\"text-sm font-medium truncate flex-1 min-w-0 flex items-center\">\n                    {selectedFirstLevel.label}\n                  </div>\n                  {/* Render button as div to prevent button within button error */}\n                  <DivButton\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"size-6 p-0 ml-auto hover:bg-muted rounded-sm shrink-0\"\n                    onClick={handleClearSelection}\n                    aria-label=\"Clear selection\"\n                  >\n                    <X className=\"size-3\" />\n                  </DivButton>\n                  {isLoadingSecondLevel && <Spinner className=\"size-4 animate-spin text-muted-foreground shrink-0\" />}\n                </div>\n              )}\n\n              <CommandInput\n                value={searchValue}\n                onValueChange={setSearchValue}\n                placeholder={\n                  view === 'first'\n                    ? `Search ${firstLevelLabel.toLowerCase()}...`\n                    : `Search ${secondLevelLabel.toLowerCase()}...`\n                }\n              />\n              <CommandList>\n                <CommandEmpty>\n                  {view === 'first'\n                    ? `No ${firstLevelLabel.toLowerCase()} found.`\n                    : `No ${secondLevelLabel.toLowerCase()} found.`}\n                </CommandEmpty>\n\n                {view === 'first' && (\n                  <CommandGroup>\n                    {firstLevelItems.map((item) => (\n                      <CommandItem key={item.value} value={item.label} onSelect={() => handleFirstLevelSelect(item)}>\n                        <span className=\"flex items-center gap-2\">\n                          {item.icon}\n                          {item.label}\n                        </span>\n                        <Check\n                          className={cn(\n                            'ml-2 size-4',\n                            selectedFirstLevel?.value === item.value ? 'opacity-100' : 'opacity-0',\n                          )}\n                        />\n                      </CommandItem>\n                    ))}\n                  </CommandGroup>\n                )}\n\n                {view === 'second' && selectedFirstLevel && (\n                  <CommandGroup>\n                    {isLoadingSecondLevel ? (\n                      <div className=\"flex items-center justify-center py-6\">\n                        <Spinner className=\"size-4 animate-spin text-muted-foreground mr-2\" />\n                        <span className=\"text-sm text-muted-foreground\">\n                          Loading {secondLevelLabel.toLowerCase()}...\n                        </span>\n                      </div>\n                    ) : (\n                      secondLevelItems.map((item) => (\n                        <CommandItem key={item.value} value={item.label} onSelect={() => handleSecondLevelSelect(item)}>\n                          <span className=\"flex items-center gap-2\">\n                            {item.icon}\n                            {item.label}\n                          </span>\n                          <Check\n                            className={cn(\n                              'ml-2 size-4',\n                              selectedSecondLevel?.value === item.value ? 'opacity-100' : 'opacity-0',\n                            )}\n                          />\n                        </CommandItem>\n                      ))\n                    )}\n                  </CommandGroup>\n                )}\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      </div>\n\n      {(selectedFirstLevel || selectedSecondLevel) && debugMode && (\n        <div className=\"mt-6 p-4 bg-muted/50 rounded-lg space-y-2\">\n          <h3 className=\"font-medium text-sm\">Selected Values:</h3>\n          {selectedFirstLevel && (\n            <div className=\"text-sm text-muted-foreground flex items-center gap-1\">\n              <span className=\"font-medium\">{firstLevelLabel}:</span>\n              <div className=\"flex items-center\">{selectedFirstLevel.label}</div>\n            </div>\n          )}\n          {selectedSecondLevel && (\n            <div className=\"text-sm text-muted-foreground flex items-center gap-1\">\n              <span className=\"font-medium\">{secondLevelLabel}:</span>\n              <div className=\"flex items-center\">{selectedSecondLevel.label}</div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["TwoLevelCombobox","firstLevelItems","fetchSecondLevelItems","onSelectionChange","firstLevelLabel","secondLevelLabel","firstLevelPlaceholder","className","debugMode","displayLabel","open","setOpen","React","useState","view","setView","selectedFirstLevel","setSelectedFirstLevel","selectedSecondLevel","setSelectedSecondLevel","secondLevelItems","setSecondLevelItems","isLoadingSecondLevel","setIsLoadingSecondLevel","searchValue","setSearchValue","handleClearSelection","e","stopPropagation","createElement","cn","Popover","onOpenChange","isOpen","PopoverTrigger","asChild","Button","variant","role","label","DivButton","size","onClick","X","CaretUpDown","PopoverContent","align","Command","ArrowLeft","Spinner","CommandInput","value","onValueChange","placeholder","toLowerCase","CommandList","CommandEmpty","CommandGroup","map","item","CommandItem","key","onSelect","async","fetchedItems","error","console","warn","handleFirstLevelSelect","icon","Check","handleSecondLevelSelect"],"mappings":"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"}

package/dist/esm/chunks/utils.DtKoarLP.js

@@ -0,0 +1,2 @@
+import"react";import{clsx as i}from"clsx";import{twMerge as n}from"tailwind-merge";function e(...e){return n(i(e))}function o(i){if(!i)return{uncertain:!1,language:null};const n={en:[/i(?:\s|['\u2018\u2019])?m(?:\s+really)?\s+not\s+sure/i,/i(?:\s+am)?(?:\s+really)?\s+not\s+sure/i,/i\s+(?:really\s+)?don(?:['\u2018\u2019])?t\s+know/i,/it(?:['\u2018\u2019]s| is) unclear/i,/cannot determine/i,/hard to say/i,/difficult to determine/i],es:[/no (?:lo )?sé/i,/no estoy seguro/i,/no es claro/i,/desconocido/i],fr:[/je ne sais pas/i,/je ne suis pas sûr/i,/ce n'est pas clair/i,/inconnu/i],de:[/ich weiß nicht/i,/ich bin nicht sicher/i,/es ist unklar/i,/unbekannt/i],it:[/non lo so/i,/non sono sicuro/i,/non è chiaro/i,/sconosciuto/i],pt:[/não sei/i,/não tenho certeza/i,/não está claro/i,/desconhecido/i],nl:[/ik weet het niet/i,/ik weet niet zeker/i,/het is onduidelijk/i,/onbekend/i],pl:[/nie wiem/i,/nie jestem pewien/i,/to nie jest jasne/i,/nieznany/i],ru:[/я не знаю/i,/я не уверен/i,/это не ясно/i,/неизвестно/i],ja:[/知りません/i,/よくわからない/i,/不明です/i,/未知/i],ko:[/모릅니다/i,/잘 모르겠습니다/i,/불확실합니다/i,/알 수 없음/i],zh:[/我不知道/i,/我不确定/i,/不清楚/i,/未知/i],"zh-TW":[/我不知道/i,/我不確定/i,/不清楚/i,/未知/i]};let e=null;for(const[o,s]of Object.entries(n))for(const n of s){const s=i.match(n);s&&(null===e||s.index<e.index)&&(e={index:s.index,language:o})}return e?{uncertain:!0,language:e.language}:{uncertain:!1,language:null}}export{e as c,o as i};
+//# sourceMappingURL=utils.DtKoarLP.js.map

package/dist/esm/chunks/utils.DtKoarLP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.DtKoarLP.js","sources":["../../../src/lib/utils.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nlet globalId = 0;\nconst genId = () => ++globalId;\n\nexport function useId(prefix?: string): string {\n  const idRef = useRef<string>();\n  if (idRef.current === undefined) {\n    idRef.current = `${prefix || 'id'}-${genId()}`;\n  }\n\n  return idRef.current;\n}\n\nexport function isAnswerUncertain(response: string | null | undefined): { uncertain: boolean; language: string | null } {\n  if (!response) return { uncertain: false, language: null };\n\n  // Define uncertainty patterns for various languages\n  const uncertaintyPatternsByLanguage: Record<string, RegExp[]> = {\n    en: [\n      /i(?:\\s|['\\u2018\\u2019])?m(?:\\s+really)?\\s+not\\s+sure/i,\n      /i(?:\\s+am)?(?:\\s+really)?\\s+not\\s+sure/i,\n      /i\\s+(?:really\\s+)?don(?:['\\u2018\\u2019])?t\\s+know/i,\n      /it(?:['\\u2018\\u2019]s| is) unclear/i,\n      /cannot determine/i,\n      /hard to say/i,\n      /difficult to determine/i,\n    ],\n    es: [/no (?:lo )?sé/i, /no estoy seguro/i, /no es claro/i, /desconocido/i],\n    fr: [/je ne sais pas/i, /je ne suis pas sûr/i, /ce n'est pas clair/i, /inconnu/i],\n    de: [/ich weiß nicht/i, /ich bin nicht sicher/i, /es ist unklar/i, /unbekannt/i],\n    it: [/non lo so/i, /non sono sicuro/i, /non è chiaro/i, /sconosciuto/i],\n    pt: [/não sei/i, /não tenho certeza/i, /não está claro/i, /desconhecido/i],\n    nl: [/ik weet het niet/i, /ik weet niet zeker/i, /het is onduidelijk/i, /onbekend/i],\n    pl: [/nie wiem/i, /nie jestem pewien/i, /to nie jest jasne/i, /nieznany/i],\n    ru: [/я не знаю/i, /я не уверен/i, /это не ясно/i, /неизвестно/i],\n    ja: [/知りません/i, /よくわからない/i, /不明です/i, /未知/i],\n    ko: [/모릅니다/i, /잘 모르겠습니다/i, /불확실합니다/i, /알 수 없음/i],\n    zh: [/我不知道/i, /我不确定/i, /不清楚/i, /未知/i],\n    'zh-TW': [/我不知道/i, /我不確定/i, /不清楚/i, /未知/i],\n  };\n\n  let earliestMatch: { index: number; language: string } | null = null;\n\n  // Find the earliest match across all languages\n  for (const [language, patterns] of Object.entries(uncertaintyPatternsByLanguage)) {\n    for (const pattern of patterns) {\n      const match = response.match(pattern);\n      if (match && (earliestMatch === null || match.index! < earliestMatch.index)) {\n        earliestMatch = { index: match.index!, language };\n      }\n    }\n  }\n\n  return earliestMatch ? { uncertain: true, language: earliestMatch.language } : { uncertain: false, language: null };\n}\n"],"names":["cn","inputs","twMerge","clsx","isAnswerUncertain","response","uncertain","language","uncertaintyPatternsByLanguage","en","es","fr","de","it","pt","nl","pl","ru","ja","ko","zh","earliestMatch","patterns","Object","entries","pattern","match","index"],"mappings":"mFAIO,SAASA,KAAMC,GACpB,OAAOC,EAAQC,EAAKF,GACtB,CAcO,SAASG,EAAkBC,GAChC,IAAKA,EAAU,MAAO,CAAEC,WAAW,EAAOC,SAAU,MAGpD,MAAMC,EAA0D,CAC9DC,GAAI,CACF,wDACA,0CACA,qDACA,sCACA,oBACA,eACA,2BAEFC,GAAI,CAAC,iBAAkB,mBAAoB,eAAgB,gBAC3DC,GAAI,CAAC,kBAAmB,sBAAuB,sBAAuB,YACtEC,GAAI,CAAC,kBAAmB,wBAAyB,iBAAkB,cACnEC,GAAI,CAAC,aAAc,mBAAoB,gBAAiB,gBACxDC,GAAI,CAAC,WAAY,qBAAsB,kBAAmB,iBAC1DC,GAAI,CAAC,oBAAqB,sBAAuB,sBAAuB,aACxEC,GAAI,CAAC,YAAa,qBAAsB,qBAAsB,aAC9DC,GAAI,CAAC,aAAc,eAAgB,eAAgB,eACnDC,GAAI,CAAC,SAAU,WAAY,QAAS,OACpCC,GAAI,CAAC,QAAS,YAAa,UAAW,WACtCC,GAAI,CAAC,QAAS,QAAS,OAAQ,OAC/B,QAAS,CAAC,QAAS,QAAS,OAAQ,QAGtC,IAAIC,EAA4D,KAGhE,IAAA,MAAYd,EAAUe,KAAaC,OAAOC,QAAQhB,GAChD,IAAA,MAAWiB,KAAWH,EAAU,CAC9B,MAAMI,EAAQrB,EAASqB,MAAMD,GACzBC,IAA4B,OAAlBL,GAA0BK,EAAMC,MAASN,EAAcM,SACnEN,EAAgB,CAAEM,MAAOD,EAAMC,MAAQpB,YAE3C,CAGF,OAAOc,EAAgB,CAAEf,WAAW,EAAMC,SAAUc,EAAcd,UAAa,CAAED,WAAW,EAAOC,SAAU,KAC/G"}

package/dist/esm/components/article-suggestions-banner.js

@@ -1,4 +1,4 @@
-import{Sparkle as e,CaretDown as t,CaretUp as r}from"@phosphor-icons/react";import*as a from"react";import{B as l}from"../chunks/button.Cs1X8upM.js";import{Tooltip as n,TooltipTrigger as o,TooltipContent as i}from"./ui/tooltip.js";import{ButtonGroup as c}from"./ui/button-group.js";import{c as s}from"../chunks/utils.C6Qu-kwd.js";const m=a.forwardRef(function({suggestionsCount:m,currentArticleIndex:u,totalArticles:d,onNextArticle:p,onPreviousArticle:b,onStartReviewSuggestions:f,onRejectAllSuggestions:g,onApproveAllSuggestions:E,className:v,...x},h){const k=u<d-1,N=u>0,A=u+1;/* @__PURE__ */
+import{Sparkle as e,CaretDown as t,CaretUp as r}from"@phosphor-icons/react";import*as a from"react";import{B as l}from"../chunks/button.C7qRaFMP.js";import{Tooltip as n,TooltipTrigger as o,TooltipContent as i}from"./ui/tooltip.js";import{ButtonGroup as c}from"./ui/button-group.js";import{c as s}from"../chunks/utils.DtKoarLP.js";const m=a.forwardRef(function({suggestionsCount:m,currentArticleIndex:u,totalArticles:d,onNextArticle:p,onPreviousArticle:b,onStartReviewSuggestions:f,onRejectAllSuggestions:g,onApproveAllSuggestions:E,className:v,...x},h){const k=u<d-1,N=u>0,A=u+1;/* @__PURE__ */
 return a.createElement("div",{ref:h,className:s("flex bg-blue-200 rounded-md border border-blue-600",v),...x},/* @__PURE__ */a.createElement("div",{className:"flex-1 py-3 px-4 flex justify-between items-center"},/* @__PURE__ */a.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */a.createElement(e,{size:32,weight:"fill",className:"text-blue-700"}),/* @__PURE__ */a.createElement("p",{className:"text-sm text-foreground"},function(e,t,r=`${t}s`){return`${e} ${1===e?t:r}`}(m,"way")," to level up this article.")),/* @__PURE__ */a.createElement(c,{orientation:"horizontal",rounded:!1,"aria-label":"Suggestion actions"},/* @__PURE__ */a.createElement(l,{variant:"link",onClick:f},"Start review"),/* @__PURE__ */a.createElement(l,{variant:"link",onClick:g},"Reject all"),/* @__PURE__ */a.createElement(l,{variant:"surface",elevation:"shadow",onClick:E},"Approve all"))),/* @__PURE__ */a.createElement("div",{className:"py-3 px-6 flex items-center bg-blue-300 border-l border-blue-700 gap-2 rounded-r-md"},/* @__PURE__ */a.createElement("p",{className:"text-sm text-foreground"},/* @__PURE__ */a.createElement("span",{"aria-hidden":"true"},A,"/",d),/* @__PURE__ */a.createElement("span",{className:"sr-only","aria-live":"polite"},"Article ",A," of ",d)),/* @__PURE__ */a.createElement(n,null,/* @__PURE__ */a.createElement(o,{asChild:!0},/* @__PURE__ */a.createElement(l,{variant:"link",size:"icon",disabled:!k,onClick:p,"aria-label":"Go to next article"},
 /* @__PURE__ */a.createElement(t,{"aria-hidden":"true",weight:"bold"}))),/* @__PURE__ */a.createElement(i,{side:"bottom",bgColor:"--bfc-foreground",className:"text-background"},"Next Article")),/* @__PURE__ */a.createElement(n,null,/* @__PURE__ */a.createElement(o,{asChild:!0},/* @__PURE__ */a.createElement(l,{variant:"link",size:"icon",disabled:!N,onClick:b,"aria-label":"Go to previous article"},
 /* @__PURE__ */a.createElement(r,{"aria-hidden":"true",weight:"bold"}))),/* @__PURE__ */a.createElement(i,{side:"top",bgColor:"--bfc-foreground",className:"text-background"},"Previous Article"))))});export{m as ArticleSuggestionsBanner};

package/dist/esm/components/articles-coverage.js

@@ -1,4 +1,4 @@
-import e from"react";import{LineChart as t,CartesianGrid as a,XAxis as r,Line as l,PieChart as n,Pie as o,Label as c}from"recharts";import{a as s}from"../chunks/trend-value.BPBDBsk2.js";import{Card as m,CardHeader as i,CardContent as d}from"./ui/card.js";import{C as u,a as f,b as v}from"../chunks/chart.BDL2tf-S.js";import{f as p}from"../chunks/formatNumber.DhVn228t.js";import{u as x}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";import{c as k}from"../chunks/utils.C6Qu-kwd.js";const E={covered:{label:"Covered",color:"var(--bfc-v2-color-blue-600, #357DE8)"},uncovered:{label:"Uncovered",color:"var(--bfc-v2-color-mono-300, #E5E5E5)"}};function h({total:h,trend:y,trendValue:g,coveragePercentage:b,data:N,chartConfig:j,locale:w,className:A}){const{tickFormatter:C,formatXLabel:K}=x(w),B=Object.keys(j),M=Math.round(Math.min(100,Math.max(0,b)));/* @__PURE__ */
+import e from"react";import{LineChart as t,CartesianGrid as a,XAxis as r,Line as l,PieChart as n,Pie as o,Label as c}from"recharts";import{a as s}from"../chunks/trend-value.lSWHqdkm.js";import{Card as m,CardHeader as i,CardContent as d}from"./ui/card.js";import{C as u,a as f,b as v}from"../chunks/chart.D9xvsrKX.js";import{f as p}from"../chunks/formatNumber.DhVn228t.js";import{u as x}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";import{c as k}from"../chunks/utils.DtKoarLP.js";const E={covered:{label:"Covered",color:"var(--bfc-v2-color-blue-600, #357DE8)"},uncovered:{label:"Uncovered",color:"var(--bfc-v2-color-mono-300, #E5E5E5)"}};function h({total:h,trend:y,trendValue:g,coveragePercentage:b,data:N,chartConfig:j,locale:w,className:A}){const{tickFormatter:C,formatXLabel:K}=x(w),B=Object.keys(j),M=Math.round(Math.min(100,Math.max(0,b)));/* @__PURE__ */
 return e.createElement(m,{className:k("shadow-none border border-dark-300 rounded-lg",A)},/* @__PURE__ */e.createElement(i,{className:"p-0 space-y-0 border-b border-dark-300"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1 justify-center py-4 px-4"},/* @__PURE__ */e.createElement("p",{className:"uppercase heading-xxxs font-semibold text-dark tracking-normal"},"Articles Generated by Brainfish (coverage)"),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */e.createElement("span",{className:"font-mono text-3xl leading-10 text-dark"},p(h,{})),/* @__PURE__ */e.createElement(s,{trend:y,trendValue:g})))),/* @__PURE__ */e.createElement(d,{className:"flex gap-2 p-0"},/* @__PURE__ */e.createElement("div",{className:"flex-1 min-w-0 px-4 pt-4 pb-0"},/* @__PURE__ */e.createElement(u,{config:j,className:"h-48 w-full"},/* @__PURE__ */e.createElement(t,{data:N,margin:{top:8,left:20,right:20,bottom:0}},/* @__PURE__ */e.createElement(a,{horizontal:!0,vertical:!1,className:"stroke-dark-300"}),/* @__PURE__ */e.createElement(r,{dataKey:"date",tickLine:!1,axisLine:!1,tickMargin:8,padding:{left:15,right:15},minTickGap:32,interval:"preserveStartEnd",tickFormatter:C,tick:({x:t,y:a,payload:r,index:l})=>{const n=0===l,o=l===N.length-1,c=n?"start":o?"end":"middle",s=n?t-15:o?t+15:t;/* @__PURE__ */
 return e.createElement("text",{x:s,y:a,dy:12,textAnchor:c,className:"text-xs fill-dark-600"},C(r.value))}}),/* @__PURE__ */e.createElement(f,{cursor:!1,content:({active:t,payload:a,label:r})=>/* @__PURE__ */e.createElement(v,{active:t,payload:a,label:null!=r?K(r):""})}),B.map(t=>/* @__PURE__ */e.createElement(l,{key:t,dataKey:t,type:"monotone",stroke:`var(--color-${t})`,strokeWidth:2,dot:{r:4,fill:"white",strokeWidth:2,stroke:`var(--color-${t})`},activeDot:{r:5,fill:"white",strokeWidth:2,stroke:`var(--color-${t})`}}))))),/* @__PURE__ */e.createElement("div",{className:"w-80 shrink-0 flex items-center justify-center"},/* @__PURE__ */e.createElement(u,{config:E,className:"aspect-square w-full max-w-44"},/* @__PURE__ */e.createElement(n,null,/* @__PURE__ */e.createElement(o,{data:[{value:100,fill:"var(--color-uncovered)"}],dataKey:"value",innerRadius:"76%",outerRadius:"82%",stroke:"none",isAnimationActive:!1}),/* @__PURE__ */e.createElement(o,{data:[{name:"covered",value:M,fill:"var(--color-covered)"},{name:"uncovered",value:100-M,fill:"transparent"}],dataKey:"value",nameKey:"name",innerRadius:"68%",outerRadius:"90%",startAngle:90,endAngle:-270,stroke:"none"},
 /* @__PURE__ */e.createElement(c,{content:({viewBox:t})=>t&&"cx"in t&&"cy"in t?/* @__PURE__ */e.createElement("text",{x:t.cx,y:t.cy,textAnchor:"middle",dominantBaseline:"central"},/* @__PURE__ */e.createElement("tspan",{className:"font-mono text-3xl fill-dark-600"},M,"%")):null})))))))}export{h as ArticlesCoverage};

package/dist/esm/components/articles-updated.js

@@ -1,4 +1,4 @@
-import e from"react";import{LineChart as t,CartesianGrid as a,XAxis as r,Line as c}from"recharts";import{a as s}from"../chunks/trend-value.BPBDBsk2.js";import{Card as l,CardHeader as n,CardContent as o}from"./ui/card.js";import{C as m,a as i,b as d,c as p,d as k}from"../chunks/chart.BDL2tf-S.js";import{f as u}from"../chunks/formatNumber.DhVn228t.js";import{u as f}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";import{c as h}from"../chunks/utils.C6Qu-kwd.js";function x({total:x,trend:E,trendValue:y,data:g,chartConfig:b,dashedKeys:N=[],locale:v,className:j}){const{tickFormatter:w,formatXLabel:C}=f(v),A=Object.keys(b);/* @__PURE__ */
+import e from"react";import{LineChart as t,CartesianGrid as a,XAxis as r,Line as c}from"recharts";import{a as s}from"../chunks/trend-value.lSWHqdkm.js";import{Card as l,CardHeader as n,CardContent as o}from"./ui/card.js";import{C as m,a as i,b as d,c as p,d as k}from"../chunks/chart.D9xvsrKX.js";import{f as u}from"../chunks/formatNumber.DhVn228t.js";import{u as f}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";import{c as h}from"../chunks/utils.DtKoarLP.js";function x({total:x,trend:E,trendValue:y,data:g,chartConfig:b,dashedKeys:N=[],locale:v,className:j}){const{tickFormatter:w,formatXLabel:C}=f(v),A=Object.keys(b);/* @__PURE__ */
 return e.createElement(l,{className:h("shadow-none border border-dark-300 rounded-lg",j)},/* @__PURE__ */e.createElement(n,{className:"p-0 space-y-0 border-b border-dark-300"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1 justify-center py-4 px-4"},/* @__PURE__ */e.createElement("p",{className:"uppercase heading-xxxs font-semibold text-dark tracking-normal"},"Articles updated"),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */e.createElement("span",{className:"font-mono text-3xl leading-10 text-dark"},u(x,{})),/* @__PURE__ */e.createElement(s,{trend:E,trendValue:y})))),/* @__PURE__ */e.createElement(o,{className:"p-4"},/* @__PURE__ */e.createElement(m,{config:b,className:"h-48 w-full"},/* @__PURE__ */e.createElement(t,{data:g,margin:{top:8,left:20,right:20,bottom:0}},/* @__PURE__ */e.createElement(a,{horizontal:!0,vertical:!1,className:"stroke-dark-300"}),/* @__PURE__ */e.createElement(r,{dataKey:"date",tickLine:!1,axisLine:!1,tickMargin:8,padding:{left:15,right:15},minTickGap:32,interval:"preserveStartEnd",tickFormatter:w,tick:({x:t,y:a,payload:r,index:c})=>{const s=0===c,l=c===g.length-1,n=s?"start":l?"end":"middle",o=s?t-15:l?t+15:t;/* @__PURE__ */
 return e.createElement("text",{x:o,y:a,dy:12,textAnchor:n,className:"text-xs fill-dark-600"},w(r.value))}}),/* @__PURE__ */e.createElement(i,{cursor:!1,content:({active:t,payload:a,label:r})=>/* @__PURE__ */e.createElement(d,{active:t,payload:a,label:C(r),className:"min-w-52"})}),A.map(t=>{const a=N.includes(t);/* @__PURE__ */
 return e.createElement(c,{key:t,dataKey:t,type:"monotone",stroke:`var(--color-${t})`,strokeWidth:2,strokeDasharray:a?"5 5":void 0,dot:({cx:t,cy:a,stroke:r})=>/* @__PURE__ */e.createElement("circle",{cx:t,cy:a,r:4,fill:"white",stroke:r,strokeWidth:2}),activeDot:{r:5,strokeWidth:0}})}),/* @__PURE__ */e.createElement(p,{content:/* @__PURE__ */e.createElement(k,null)})))))}export{x as ArticlesUpdated};

package/dist/esm/components/chart-area-linear.js

@@ -1,4 +1,4 @@
-import e from"react";import{AreaChart as t,XAxis as a,Area as r}from"recharts";import{Card as n,CardHeader as l,CardTitle as c,CardDescription as o,CardContent as i}from"./ui/card.js";import{C as m,a as s,b as d}from"../chunks/chart.BDL2tf-S.js";import{u as p}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";const f="A linear area chart";function k({title:f,metric:k,data:y,chartConfig:h,locale:x}){const{tickFormatter:E,formatXLabel:u}=p(x);/* @__PURE__ */
+import e from"react";import{AreaChart as t,XAxis as a,Area as r}from"recharts";import{Card as n,CardHeader as l,CardTitle as c,CardDescription as o,CardContent as i}from"./ui/card.js";import{C as m,a as s,b as d}from"../chunks/chart.D9xvsrKX.js";import{u as p}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";const f="A linear area chart";function k({title:f,metric:k,data:y,chartConfig:h,locale:x}){const{tickFormatter:E,formatXLabel:u}=p(x);/* @__PURE__ */
 return e.createElement(n,{className:"min-w-80 h-44 p-4 flex flex-col text-dark shadow-none"},/* @__PURE__ */e.createElement(l,{className:"p-0 space-y-0","data-name":"header"},/* @__PURE__ */e.createElement(c,{className:"uppercase font-inter heading-xxxs tracking-normal"},f),/* @__PURE__ */e.createElement(o,{"data-name":"metric",className:"mt-0 text-[2rem] leading-10 text-dark font-inter"},k)),/* @__PURE__ */e.createElement(i,{"data-name":"content",className:"p-0 flex-1 min-h-0"},/* @__PURE__ */e.createElement(m,{config:h,className:"h-full w-full"},/* @__PURE__ */e.createElement(t,{accessibilityLayer:!0,data:y,margin:{top:2,left:14,right:23}},
 /* @__PURE__ */e.createElement("defs",null,/* @__PURE__ */e.createElement("linearGradient",{id:"key1Gradient",x1:"0",y1:"0",x2:"0",y2:"1"},/* @__PURE__ */e.createElement("stop",{stopColor:"var(--color-key1)"}),/* @__PURE__ */e.createElement("stop",{offset:"1",stopColor:"var(--color-key1)",stopOpacity:0}))),
 /* @__PURE__ */e.createElement(a,{dataKey:"date",tickLine:!1,axisLine:!1,tickMargin:8,minTickGap:20,interval:"preserveStartEnd",tickFormatter:E,tick:({x:t,y:a,payload:r})=>/* @__PURE__ */e.createElement("text",{x:t,y:a,dy:12,textAnchor:"middle",className:"uppercase font-bold font-inter tracking-tight !fill-dark-900"},E(r.value))}),

package/dist/esm/components/chart-radial-stacked.js

@@ -1,3 +1,3 @@
-import e from"react";import{RadialBarChart as t,PolarRadiusAxis as a,Label as r,RadialBar as n}from"recharts";import{a as c}from"../chunks/trend-value.BPBDBsk2.js";import{f as l}from"../chunks/formatNumber.DhVn228t.js";import{Card as s,CardHeader as m,CardTitle as o,CardContent as i}from"./ui/card.js";import{C as u,a as d,b as f}from"../chunks/chart.BDL2tf-S.js";import{c as x}from"../chunks/utils.C6Qu-kwd.js";function p({title:p,data:h,chartConfig:E,trend:k,trendValue:y,className:N}){if(!h||0===h.length)return null;const g=Object.values(h[0]).reduce((e,t)=>"number"==typeof t?e+t:e,0),j=l(g),b=Object.entries(h[0]).sort((e,t)=>t[1]-e[1]);/* @__PURE__ */
+import e from"react";import{RadialBarChart as t,PolarRadiusAxis as a,Label as r,RadialBar as n}from"recharts";import{a as c}from"../chunks/trend-value.lSWHqdkm.js";import{f as l}from"../chunks/formatNumber.DhVn228t.js";import{Card as s,CardHeader as m,CardTitle as o,CardContent as i}from"./ui/card.js";import{C as u,a as d,b as f}from"../chunks/chart.D9xvsrKX.js";import{c as x}from"../chunks/utils.DtKoarLP.js";function p({title:p,data:h,chartConfig:E,trend:k,trendValue:y,className:N}){if(!h||0===h.length)return null;const g=Object.values(h[0]).reduce((e,t)=>"number"==typeof t?e+t:e,0),j=l(g),b=Object.entries(h[0]).sort((e,t)=>t[1]-e[1]);/* @__PURE__ */
 return e.createElement(s,{className:x("flex flex-col w-full min-w-60 p-4 shadow-none",N)},/* @__PURE__ */e.createElement(m,{className:"p-0 space-y-0","data-name":"header"},/* @__PURE__ */e.createElement(o,{className:"uppercase font-inter heading-xxxs tracking-normal"},p)),/* @__PURE__ */e.createElement(i,{"data-name":"content",className:"p-0 flex-1 min-h-0"},/* @__PURE__ */e.createElement(u,{config:E,className:"mx-auto aspect-[2/1] w-full max-w-52"},/* @__PURE__ */e.createElement(t,{data:h,endAngle:180,innerRadius:80,outerRadius:120,cy:"100%"},/* @__PURE__ */e.createElement(d,{cursor:!1,content:/* @__PURE__ */e.createElement(f,{hideLabel:!0})}),/* @__PURE__ */e.createElement(a,{tick:!1,tickLine:!1,axisLine:!1},/* @__PURE__ */e.createElement(r,{content:({viewBox:t})=>t&&"cx"in t&&"cy"in t?/* @__PURE__ */e.createElement("text",{x:t.cx,y:t.cy,textAnchor:"middle"},/* @__PURE__ */e.createElement("tspan",{x:t.cx,y:(t.cy||0)-16,className:"fill-foreground text-xl font-inter"},j)):null})),b.map(([t])=>/* @__PURE__ */e.createElement(n,{key:t,dataKey:t,stackId:"a",cornerRadius:4,fill:E[t]?.color||`var(--color-${t})`,className:"stroke-card stroke-2"})))),k&&y&&/* @__PURE__ */e.createElement(c,{variant:"long",trend:k,trendValue:y,className:"mt-4 justify-center"})))}export{p as ChartRadialStacked};
 //# sourceMappingURL=chart-radial-stacked.js.map

package/dist/esm/components/chat-search.js

@@ -1,2 +1,2 @@
-export{C as ChatSearch,a as ChatSearchProvider,N as NextBestActionType,R as ResolvedConversationFooter,u as useChatSearch,b as useIsChatSearchDirty,v as validateUrlString}from"../chunks/ChatSearch.D5IYAnPQ.js";
+export{C as ChatSearch,a as ChatSearchProvider,N as NextBestActionType,R as ResolvedConversationFooter,u as useChatSearch,b as useIsChatSearchDirty,v as validateUrlString}from"../chunks/ChatSearch.qg_5DlLP.js";
 //# sourceMappingURL=chat-search.js.map

package/dist/esm/components/combobox.js

@@ -1,2 +1,2 @@
-export{C as Combobox}from"../chunks/combobox.CLT9CXUV.js";
+export{C as Combobox}from"../chunks/combobox.DKotd4uC.js";
 //# sourceMappingURL=combobox.js.map

package/dist/esm/components/conversation.js

@@ -1,2 +1,2 @@
-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,j as getConversationStatusLabel,u as useConversation}from"../chunks/Conversation.Dq66Znf4.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,j as getConversationStatusLabel,u as useConversation}from"../chunks/Conversation.CfhUJm_Q.js";
 //# sourceMappingURL=conversation.js.map

package/dist/esm/components/convos.js

@@ -1,4 +1,4 @@
-import e,{useState as t,useEffect as a,useRef as s,useMemo as r}from"react";import{S as n}from"../chunks/status-badge.Cf3R4nVr.js";import{ArrowSquareOut as l,CheckCircle as c,XCircle as i,ListMagnifyingGlass as m,UserCircle as o,Eye as d,UserFocus as u,Circle as p}from"@phosphor-icons/react";import{F as f}from"../chunks/FormattedMessage.Djy5cn5F.js";import{Spinner as g}from"./ui/spinner.js";import{B as E}from"../chunks/button.Cs1X8upM.js";import{useForm as h,Controller as v}from"react-hook-form";import{Select as N,SelectTrigger as x,SelectValue as b,SelectContent as w,SelectItem as y}from"./ui/select.js";import{Label as k}from"./ui/label.js";import{Textarea as j}from"./ui/textarea.js";import{Tooltip as C,TooltipTrigger as A,TooltipContent as _}from"./ui/tooltip.js";import{c as z}from"../chunks/utils.C6Qu-kwd.js";import{DivButton as O}from"./ui/div-button.js";import{ScrollArea as S}from"./ui/scroll-area.js";import{Sheet as D,SheetTrigger as F,SheetContent as R,SheetHeader as M,SheetTitle as I,SheetDescription as q}from"./ui/sheet.js";import{Badge as P}from"./ui/badge.js";import{G as T}from"../chunks/generating-star.BN9p_FDu.js";import{Item as W,ItemHeader as B,ItemTitle as L,ItemContent as U,ItemDescription as G}from"./ui/item.js";import{Accordion as K,AccordionItem as H,AccordionTrigger as Z,AccordionContent as V}from"./ui/accordion.js";import{c as $,b as J}from"../chunks/formatDate.D2xEZm8f.js";import{createId as Q}from"@paralleldrive/cuid2";import{Table as X,TableHeader as Y,TableRow as ee,TableHead as te,TableBody as ae,TableCell as se}from"./ui/table.js";import '../global.css';import '../convos.css';/* empty css                       */import"@radix-ui/react-accordion";import"clsx";import"tailwind-merge";import"./ui/alert-dialog.js";import"./ui/alert.js";import"@radix-ui/react-avatar";import"./ui/button-group.js";import"./ui/calendar.js";import"./ui/card.js";import"@radix-ui/react-collapsible";import"./ui/command.js";import"./ui/dialog.js";import"./ui/dropdown-menu.js";import"./ui/icon.js";import"./ui/input.js";import"./ui/popover.js";import"./ui/progress.js";import"./ui/radio-group.js";import"react-resizable-panels";import"./ui/separator.js";import"./ui/switch.js";import"./ui/tabs.js";import"../logos/microsoft-teams-logo.js";import"../logos/slack-logo.js";import"../logos/microsoft-logo.js";import{d as re}from"../chunks/dark.DuW7JuAk.js";function ne({messageId:s}){const{fetchAnswerDiagnostics:r}=Ae(),[n,c]=t(null),[i,m]=t(!0);return a(()=>{r(s).then(e=>c(e)).finally(()=>m(!1))},[r,s]),/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-4 px-4 flex-shrink-0 bg-surface","data-name":"discard-dialog-answer-diagnostic"},i?/* @__PURE__ */e.createElement("div",{className:"flex items-center justify-center h-full"},/* @__PURE__ */e.createElement(g,null)):/* @__PURE__ */e.createElement(e.Fragment,null,n&&/* @__PURE__ */e.createElement(e.Fragment,null,/* @__PURE__ */e.createElement("dl",{className:"grid grid-cols-[1fr_2fr] grid-rows-2 gap-5"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Confidence"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.confidence_score)),n.answer_generation_type&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Answer Type"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.answer_generation_type)),n.query_context_relevance&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Relevance"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.query_context_relevance)),n.context_sufficiency&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Context"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.context_sufficiency))),n.confidence_justification&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-2","data-name":"diagnostic-justification"},/* @__PURE__ */e.createElement("span",{className:"heading-xs"},"Justification"),/* @__PURE__ */e.createElement("p",{className:"text-sm my-0"},n.confidence_justification)),n.evidence_from_context&&n.evidence_from_context.length>0&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-2","data-name":"diagnostic-evidence"},/* @__PURE__ */e.createElement("span",{className:"heading-xs"},"Evidence (from Knowledge Base)"),n.evidence_from_context.map((t,a)=>/* @__PURE__ */e.createElement("div",{key:a,className:"flex flex-col gap-1"},t.supporting_quote&&/* @__PURE__ */e.createElement("p",{className:"text-sm my-0"},t.supporting_quote),t.url&&/* @__PURE__ */e.createElement(E,{variant:"link",size:"sm",className:"flex gap-1 text-sm self-end items-center",asChild:!0},/* @__PURE__ */e.createElement("a",{href:t.url,target:"_blank",rel:"noopener noreferrer"},/* @__PURE__ */e.createElement("span",null,"Source"),/* @__PURE__ */e.createElement(l,{size:16})))))))))}var le=/* @__PURE__ */(e=>(e.INCORRECT_ANSWER="incorrect_answer",e.HALLUCINATED_ANSWER="hallucinated_answer",e.OVERSHARING="oversharing",e.WRONG_ARTICLE_SURFACED="wrong_article_surfaced",e.OTHER="other",e))(le||{});const ce={incorrect_answer:"Incorrect answer",hallucinated_answer:"Hallucinated answer",oversharing:"Oversharing",wrong_article_surfaced:"Wrong article surfaced",other:"Other"};function ie({discarded:r,discardedMeta:n,onSubmit:l,onApprove:m,selectOpenRef:o,className:d}){const[u,p]=t(r??!1),[f,g]=t(!1),[O,S]=t(r),D=s(null);a(()=>{S(r),r&&p(!0)},[r]);const F=e=>{g(e),o&&(o.current.isOpen=e)};a(()=>{o&&(o.current.close=()=>F(!1))},[o]);const{control:R,register:M,handleSubmit:I,reset:q,formState:{isSubmitting:P}}=h({defaultValues:{reason:n?.reason,preferredAnswer:n?.suggestedAnswer||""}});a(()=>{q({reason:n?.reason,preferredAnswer:n?.suggestedAnswer||""})},[n,q]),a(()=>{D.current&&(D.current.inert=!u)},[u]);const T=null!=O,W=!T||!1===O,B=!T||!0===O;/* @__PURE__ */
+import e,{useState as t,useEffect as a,useRef as s,useMemo as r}from"react";import{S as n}from"../chunks/status-badge.BVWcC9Dt.js";import{ArrowSquareOut as l,CheckCircle as c,XCircle as i,ListMagnifyingGlass as m,UserCircle as o,Eye as d,UserFocus as u,Circle as p}from"@phosphor-icons/react";import{F as f}from"../chunks/FormattedMessage.CEEjawib.js";import{Spinner as g}from"./ui/spinner.js";import{B as E}from"../chunks/button.C7qRaFMP.js";import{useForm as h,Controller as v}from"react-hook-form";import{Select as N,SelectTrigger as x,SelectValue as b,SelectContent as w,SelectItem as y}from"./ui/select.js";import{Label as k}from"./ui/label.js";import{Textarea as j}from"./ui/textarea.js";import{Tooltip as C,TooltipTrigger as A,TooltipContent as _}from"./ui/tooltip.js";import{c as z}from"../chunks/utils.DtKoarLP.js";import{DivButton as O}from"./ui/div-button.js";import{ScrollArea as S}from"./ui/scroll-area.js";import{Sheet as D,SheetTrigger as F,SheetContent as R,SheetHeader as M,SheetTitle as I,SheetDescription as q}from"./ui/sheet.js";import{Badge as P}from"./ui/badge.js";import{G as T}from"../chunks/generating-star.DN8DVygp.js";import{Item as W,ItemHeader as B,ItemTitle as L,ItemContent as U,ItemDescription as G}from"./ui/item.js";import{Accordion as K,AccordionItem as H,AccordionTrigger as Z,AccordionContent as V}from"./ui/accordion.js";import{c as $,b as J}from"../chunks/formatDate.D2xEZm8f.js";import{createId as Q}from"@paralleldrive/cuid2";import{Table as X,TableHeader as Y,TableRow as ee,TableHead as te,TableBody as ae,TableCell as se}from"./ui/table.js";import '../global.css';import '../convos.css';/* empty css                       */import"@radix-ui/react-accordion";import"clsx";import"tailwind-merge";import"./ui/alert-dialog.js";import"./ui/alert.js";import"@radix-ui/react-avatar";import"./ui/button-group.js";import"./ui/calendar.js";import"./ui/card.js";import"@radix-ui/react-collapsible";import"./ui/command.js";import"./ui/dialog.js";import"./ui/dropdown-menu.js";import"./ui/icon.js";import"./ui/input.js";import"./ui/popover.js";import"./ui/progress.js";import"./ui/radio-group.js";import"react-resizable-panels";import"./ui/separator.js";import"./ui/switch.js";import"./ui/tabs.js";import"../logos/microsoft-teams-logo.js";import"../logos/slack-logo.js";import"../logos/microsoft-logo.js";import{d as re}from"../chunks/dark.DuW7JuAk.js";function ne({messageId:s}){const{fetchAnswerDiagnostics:r}=Ae(),[n,c]=t(null),[i,m]=t(!0);return a(()=>{r(s).then(e=>c(e)).finally(()=>m(!1))},[r,s]),/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-4 px-4 flex-shrink-0 bg-surface","data-name":"discard-dialog-answer-diagnostic"},i?/* @__PURE__ */e.createElement("div",{className:"flex items-center justify-center h-full"},/* @__PURE__ */e.createElement(g,null)):/* @__PURE__ */e.createElement(e.Fragment,null,n&&/* @__PURE__ */e.createElement(e.Fragment,null,/* @__PURE__ */e.createElement("dl",{className:"grid grid-cols-[1fr_2fr] grid-rows-2 gap-5"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Confidence"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.confidence_score)),n.answer_generation_type&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Answer Type"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.answer_generation_type)),n.query_context_relevance&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Relevance"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.query_context_relevance)),n.context_sufficiency&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Context"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.context_sufficiency))),n.confidence_justification&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-2","data-name":"diagnostic-justification"},/* @__PURE__ */e.createElement("span",{className:"heading-xs"},"Justification"),/* @__PURE__ */e.createElement("p",{className:"text-sm my-0"},n.confidence_justification)),n.evidence_from_context&&n.evidence_from_context.length>0&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-2","data-name":"diagnostic-evidence"},/* @__PURE__ */e.createElement("span",{className:"heading-xs"},"Evidence (from Knowledge Base)"),n.evidence_from_context.map((t,a)=>/* @__PURE__ */e.createElement("div",{key:a,className:"flex flex-col gap-1"},t.supporting_quote&&/* @__PURE__ */e.createElement("p",{className:"text-sm my-0"},t.supporting_quote),t.url&&/* @__PURE__ */e.createElement(E,{variant:"link",size:"sm",className:"flex gap-1 text-sm self-end items-center",asChild:!0},/* @__PURE__ */e.createElement("a",{href:t.url,target:"_blank",rel:"noopener noreferrer"},/* @__PURE__ */e.createElement("span",null,"Source"),/* @__PURE__ */e.createElement(l,{size:16})))))))))}var le=/* @__PURE__ */(e=>(e.INCORRECT_ANSWER="incorrect_answer",e.HALLUCINATED_ANSWER="hallucinated_answer",e.OVERSHARING="oversharing",e.WRONG_ARTICLE_SURFACED="wrong_article_surfaced",e.OTHER="other",e))(le||{});const ce={incorrect_answer:"Incorrect answer",hallucinated_answer:"Hallucinated answer",oversharing:"Oversharing",wrong_article_surfaced:"Wrong article surfaced",other:"Other"};function ie({discarded:r,discardedMeta:n,onSubmit:l,onApprove:m,selectOpenRef:o,className:d}){const[u,p]=t(r??!1),[f,g]=t(!1),[O,S]=t(r),D=s(null);a(()=>{S(r),r&&p(!0)},[r]);const F=e=>{g(e),o&&(o.current.isOpen=e)};a(()=>{o&&(o.current.close=()=>F(!1))},[o]);const{control:R,register:M,handleSubmit:I,reset:q,formState:{isSubmitting:P}}=h({defaultValues:{reason:n?.reason,preferredAnswer:n?.suggestedAnswer||""}});a(()=>{q({reason:n?.reason,preferredAnswer:n?.suggestedAnswer||""})},[n,q]),a(()=>{D.current&&(D.current.inert=!u)},[u]);const T=null!=O,W=!T||!1===O,B=!T||!0===O;/* @__PURE__ */
 return e.createElement("div",{className:z("space-y-4",d)},/* @__PURE__ */e.createElement("div",{className:"flex gap-2 px-4"},W&&/* @__PURE__ */e.createElement(C,null,/* @__PURE__ */e.createElement(A,{asChild:!0},/* @__PURE__ */e.createElement(E,{variant:"surface",elevation:"shadow",size:"sm",className:z("text-default !opacity-100",{"bg-green-600 text-dark-100":!1===O}),disabled:T,onClick:async()=>{try{await m(),S(!1),p(!1),F(!1)}catch(e){console.error("Failed to approve:",e)}}},
 /* @__PURE__ */e.createElement(c,null)," ",!1===O?"Approved":"Approve")),/* @__PURE__ */e.createElement(_,null,/* @__PURE__ */e.createElement("span",null,"Approve the answer"))),B&&/* @__PURE__ */e.createElement(C,null,/* @__PURE__ */e.createElement(A,{asChild:!0},/* @__PURE__ */e.createElement(E,{variant:"surface",elevation:"shadow",size:"sm",className:z("text-default !opacity-100",{"bg-red-600 text-dark-100":!0===O}),disabled:T,onClick:()=>p(!u)},
 /* @__PURE__ */e.createElement(i,null),!0===O?"Discarded":"Discard")),/* @__PURE__ */e.createElement(_,null,/* @__PURE__ */e.createElement("span",null,"Discard the answer")))),/* @__PURE__ */e.createElement("div",{className:z("grid transition-[grid-template-rows] duration-300 ease-in-out",u?"grid-rows-[1fr]":"grid-rows-[0fr]")},O?/* @__PURE__ */e.createElement("div",{className:z("overflow-hidden min-h-0 px-4 bg-dark-200 space-y-4",u?"py-4 mb-4":"py-0"),"data-name":"discard-dialog-reason"},

package/dist/esm/components/data-table.js

@@ -1,2 +1,2 @@
-export{D as DataTable}from"../chunks/data-table.bjvbLk2u.js";
+export{D as DataTable}from"../chunks/data-table.1ptJ47z8.js";
 //# sourceMappingURL=data-table.js.map

package/dist/esm/components/date-picker.js

@@ -1,2 +1,2 @@
-export{D as DatePicker}from"../chunks/date-picker.D9CRxYJf.js";
+export{D as DatePicker}from"../chunks/date-picker.Bto-A8WE.js";
 //# sourceMappingURL=date-picker.js.map

package/dist/esm/components/discoveries-created.js

@@ -1,4 +1,4 @@
-import e from"react";import{LineChart as t,CartesianGrid as a,XAxis as r,Line as l}from"recharts";import{a as s}from"../chunks/trend-value.BPBDBsk2.js";import{Card as c,CardHeader as n,CardContent as m}from"./ui/card.js";import{C as o,a as i,b as d,c as p,d as x}from"../chunks/chart.BDL2tf-S.js";import{f}from"../chunks/formatNumber.DhVn228t.js";import{u as k}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";import{c as u}from"../chunks/utils.C6Qu-kwd.js";const E=e=>f(e,{});function b({total:f,trend:b,trendValue:h,subBreakdowns:y,sourceTotals:N,data:v,chartConfig:g,locale:j,className:w}){const{tickFormatter:C,formatXLabel:D}=k(j),F=Object.keys(g);/* @__PURE__ */
+import e from"react";import{LineChart as t,CartesianGrid as a,XAxis as r,Line as l}from"recharts";import{a as s}from"../chunks/trend-value.lSWHqdkm.js";import{Card as c,CardHeader as n,CardContent as m}from"./ui/card.js";import{C as o,a as i,b as d,c as p,d as x}from"../chunks/chart.D9xvsrKX.js";import{f}from"../chunks/formatNumber.DhVn228t.js";import{u as k}from"../chunks/useChartDateFormatters.Dx2h5AAm.js";import{c as u}from"../chunks/utils.DtKoarLP.js";const E=e=>f(e,{});function b({total:f,trend:b,trendValue:h,subBreakdowns:y,sourceTotals:N,data:v,chartConfig:g,locale:j,className:w}){const{tickFormatter:C,formatXLabel:D}=k(j),F=Object.keys(g);/* @__PURE__ */
 return e.createElement(c,{className:u("shadow-none border border-dark-300 rounded-lg",w)},/* @__PURE__ */e.createElement(n,{className:"p-0 space-y-0 border-b border-dark-300"},/* @__PURE__ */e.createElement("div",{className:"flex items-stretch justify-between"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1 justify-center py-4 px-4"},/* @__PURE__ */e.createElement("p",{className:"uppercase heading-xxxs font-semibold text-dark tracking-normal"},"Discoveries created"),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},/* @__PURE__ */e.createElement("span",{className:"font-mono text-3xl leading-10 text-dark"},E(f)),/* @__PURE__ */e.createElement(s,{trend:b,trendValue:h}),y.map((t,a)=>/* @__PURE__ */e.createElement("span",{key:t.label,className:"text-xs leading-4 text-dark-600"},a>0&&/* @__PURE__ */e.createElement("span",{className:"mr-2"},"·"),E(t.value)," ",t.label)))),/* @__PURE__ */e.createElement("div",{className:"flex items-center self-stretch"},N.map(t=>/* @__PURE__ */e.createElement("div",{key:t.key,className:"border-l border-dark-300 flex flex-col justify-center px-4 py-2 self-stretch"},
 /* @__PURE__ */e.createElement("span",{className:"text-xs leading-4 text-dark-700"},t.label),
 /* @__PURE__ */e.createElement("span",{className:"font-mono text-3xl leading-10 text-dark"},E(t.value))))))),/* @__PURE__ */e.createElement(m,{className:"px-4 pt-4 pb-0"},/* @__PURE__ */e.createElement(o,{config:g,className:"h-48 w-full"},/* @__PURE__ */e.createElement(t,{data:v,margin:{top:8,left:0,right:0,bottom:0}},/* @__PURE__ */e.createElement(a,{horizontal:!0,vertical:!1,className:"stroke-dark-300"}),/* @__PURE__ */e.createElement(r,{dataKey:"date",tickLine:!1,axisLine:!1,tickMargin:8,minTickGap:32,interval:"preserveStartEnd",tickFormatter:C,tick:({x:t,y:a,payload:r})=>/* @__PURE__ */e.createElement("text",{x:t,y:a,dy:12,textAnchor:"middle",className:"text-xs fill-dark-600"},C(r.value))}),/* @__PURE__ */e.createElement(i,{cursor:!1,content:({active:t,payload:a,label:r})=>/* @__PURE__ */e.createElement(d,{active:t,payload:a,label:D(r)})}),F.map(t=>/* @__PURE__ */e.createElement(l,{key:t,dataKey:t,type:"monotone",stroke:`var(--color-${t})`,strokeWidth:2,dot:!1,activeDot:{r:4,strokeWidth:0}})),/* @__PURE__ */e.createElement(p,{content:/* @__PURE__ */e.createElement(x,null)})))))}export{b as DiscoveriesCreated};

package/dist/esm/components/feedback.js

@@ -1,2 +1,2 @@
-export{F as Feedback}from"../chunks/feedback.CGFAP0XS.js";
+export{F as Feedback}from"../chunks/feedback.CbCOP40K.js";
 //# sourceMappingURL=feedback.js.map

package/dist/esm/components/file-upload.js

@@ -1,2 +1,2 @@
-export{F as FileUpload,a as FileUploadStatus,f as formatFileSize}from"../chunks/file-upload-status.ClQeoQQB.js";
+export{F as FileUpload,a as FileUploadStatus,f as formatFileSize}from"../chunks/file-upload-status.sUoGRgbH.js";
 //# sourceMappingURL=file-upload.js.map

package/dist/esm/components/filter.js

@@ -1,2 +1,2 @@
-export{F as Filter,a as Filters,O as Operator}from"../chunks/filters.BRlRsGlZ.js";
+export{F as Filter,a as Filters,O as Operator}from"../chunks/filters.Bxyw3eHZ.js";
 //# sourceMappingURL=filter.js.map

package/dist/esm/components/font-picker.js

@@ -1,2 +1,2 @@
-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.Dwwe5av-.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.CVZovtmt.js";
 //# sourceMappingURL=font-picker.js.map

package/dist/esm/components/generating-star.js

@@ -1,2 +1,2 @@
-export{G as GeneratingStar,g as generatingStarVariants}from"../chunks/generating-star.BN9p_FDu.js";
+export{G as GeneratingStar,g as generatingStarVariants}from"../chunks/generating-star.DN8DVygp.js";
 //# sourceMappingURL=generating-star.js.map

package/dist/esm/components/input-with-tags.js

@@ -1,2 +1,2 @@
-export{I as InputWithTags}from"../chunks/input-with-tags.pmOKv67d.js";
+export{I as InputWithTags}from"../chunks/input-with-tags.aktIpAck.js";
 //# sourceMappingURL=input-with-tags.js.map

package/dist/esm/components/logo.js

@@ -1,2 +1,2 @@
-export{L as Logo}from"../chunks/logo.DtwFGMBj.js";export{C as ChatLogo}from"../chunks/chat-logo.CqPppEb9.js";export{A as AILogo,a as AILogoPaths}from"../chunks/ai-logo.Bh2bhNcG.js";
+export{L as Logo}from"../chunks/logo.DtwFGMBj.js";export{C as ChatLogo}from"../chunks/chat-logo.F_m9SJrM.js";export{A as AILogo,a as AILogoPaths}from"../chunks/ai-logo.Bh2bhNcG.js";
 //# sourceMappingURL=logo.js.map

package/dist/esm/components/markdown.js

@@ -1,2 +1,2 @@
-export{C as CodeBlock,F as FormattedMessage,M as MemoizedReactMarkdown,Z as ZoomableImage}from"../chunks/FormattedMessage.Djy5cn5F.js";export{MermaidDiagram}from"../chunks/MermaidDiagram.PRgXQ5Yh.js";
+export{C as CodeBlock,F as FormattedMessage,M as MemoizedReactMarkdown,Z as ZoomableImage}from"../chunks/FormattedMessage.CEEjawib.js";export{MermaidDiagram}from"../chunks/MermaidDiagram.PRgXQ5Yh.js";
 //# sourceMappingURL=markdown.js.map

package/dist/esm/components/metric-card-group.js

@@ -1,3 +1,3 @@
-import e from"react";import{c as r}from"../chunks/utils.C6Qu-kwd.js";function t({children:t,className:s}){/* @__PURE__ */
+import e from"react";import{c as r}from"../chunks/utils.DtKoarLP.js";function t({children:t,className:s}){/* @__PURE__ */
 return e.createElement("div",{className:r("flex flex-wrap",s)},e.Children.map(t,(r,t)=>/* @__PURE__ */e.createElement("div",{key:t,className:"flex items-stretch first:pl-0"},r)))}export{t as MetricCardGroup};
 //# sourceMappingURL=metric-card-group.js.map

package/dist/esm/components/metric-card.js

@@ -1,4 +1,4 @@
-import e from"react";import{T as t,a}from"../chunks/trend-value.BPBDBsk2.js";import{Card as r,CardHeader as n,CardDescription as m,CardTitle as s,CardContent as l}from"./ui/card.js";import{Tooltip as c,TooltipTrigger as o,TooltipContent as i}from"./ui/tooltip.js";import{c as d}from"../chunks/utils.C6Qu-kwd.js";import{f as u}from"../chunks/formatNumber.DhVn228t.js";const p="A card to display metrics and its trend";function f({title:p,value:f,trend:x,trendValue:N,className:E}){let h=u(Number(f));isNaN(Number(f))&&(h=f);const k=Number(f)>=1e3;/* @__PURE__ */
+import e from"react";import{T as t,a}from"../chunks/trend-value.lSWHqdkm.js";import{Card as r,CardHeader as n,CardDescription as m,CardTitle as s,CardContent as l}from"./ui/card.js";import{Tooltip as c,TooltipTrigger as o,TooltipContent as i}from"./ui/tooltip.js";import{c as d}from"../chunks/utils.DtKoarLP.js";import{f as u}from"../chunks/formatNumber.DhVn228t.js";const p="A card to display metrics and its trend";function f({title:p,value:f,trend:x,trendValue:N,className:E}){let h=u(Number(f));isNaN(Number(f))&&(h=f);const k=Number(f)>=1e3;/* @__PURE__ */
 return e.createElement(r,{className:d("p-4 shadow-none",E)},/* @__PURE__ */e.createElement(n,{className:"p-0 space-y-0","data-name":"header"},/* @__PURE__ */e.createElement(m,{"data-name":"title",className:"uppercase font-inter heading-xxxs tracking-normal text-dark"},p),/* @__PURE__ */e.createElement(s,{className:"justify-start text-dark text-[64px] font-normal font-inter leading-[72px]"},k?/* @__PURE__ */e.createElement(c,null,/* @__PURE__ */e.createElement(o,{asChild:!0},/* @__PURE__ */e.createElement("span",null,h)),/* @__PURE__ */e.createElement(i,null,f)):/* @__PURE__ */e.createElement("span",null,h))),/* @__PURE__ */e.createElement(l,{"data-name":"content",className:d("p-0 flex items-center gap-[2px]",{"text-green-600":x===t.UP,"text-red-600":x===t.DOWN,"text-dark-600":x===t.FLAT})},
 /* @__PURE__ */e.createElement(a,{trend:x,trendValue:N})))}export{f as MetricCard,p as description};
 //# sourceMappingURL=metric-card.js.map

package/dist/esm/components/plan-usage-card.js

@@ -1,3 +1,3 @@
-import e from"react";import{Card as t,CardHeader as a}from"./ui/card.js";import{Tooltip as l,TooltipTrigger as s,TooltipContent as n}from"./ui/tooltip.js";import{c as r}from"../chunks/utils.C6Qu-kwd.js";import{f as m}from"../chunks/formatNumber.DhVn228t.js";const o="A card to display plan allocation and usage status";function c({title:o,current:c,limit:i,subtitle:u,className:d}){const p=m(c),f="number"==typeof i,x=f?m(i):"Custom",E=c>=1e3||f&&i>=1e3;/* @__PURE__ */
+import e from"react";import{Card as t,CardHeader as a}from"./ui/card.js";import{Tooltip as l,TooltipTrigger as s,TooltipContent as n}from"./ui/tooltip.js";import{c as r}from"../chunks/utils.DtKoarLP.js";import{f as m}from"../chunks/formatNumber.DhVn228t.js";const o="A card to display plan allocation and usage status";function c({title:o,current:c,limit:i,subtitle:u,className:d}){const p=m(c),f="number"==typeof i,x=f?m(i):"Custom",E=c>=1e3||f&&i>=1e3;/* @__PURE__ */
 return e.createElement(t,{className:r("p-4 shadow-none rounded-2xl border-none",d)},/* @__PURE__ */e.createElement(a,{className:"p-0 space-y-1"},/* @__PURE__ */e.createElement("div",{className:"flex items-baseline gap-0.5"},/* @__PURE__ */e.createElement("span",{className:"text-dark text-3xl font-bold leading-tight"},E?/* @__PURE__ */e.createElement(l,null,/* @__PURE__ */e.createElement(s,{asChild:!0},/* @__PURE__ */e.createElement("span",null,p)),/* @__PURE__ */e.createElement(n,null,c)):p),/* @__PURE__ */e.createElement("span",{className:"text-muted-foreground text-xl leading-tight"},"/",x)),/* @__PURE__ */e.createElement("div",{className:"flex flex-col"},/* @__PURE__ */e.createElement("span",{className:"text-muted-foreground text-sm"},o),u&&/* @__PURE__ */e.createElement("span",{className:"text-muted-foreground text-sm"},u))))}export{c as PlanUsageCard,o as description};
 //# sourceMappingURL=plan-usage-card.js.map

package/dist/esm/components/select.js

@@ -1,2 +1,2 @@
-export{S as SimpleSelect}from"../chunks/simpleSelect.CEUUfl3O.js";
+export{S as SimpleSelect}from"../chunks/simpleSelect.BiNOqq3j.js";
 //# sourceMappingURL=select.js.map

package/dist/esm/components/trend-value.js

@@ -1,2 +1,2 @@
-export{T as Trend,a as TrendValue}from"../chunks/trend-value.BPBDBsk2.js";
+export{T as Trend,a as TrendValue}from"../chunks/trend-value.lSWHqdkm.js";
 //# sourceMappingURL=trend-value.js.map

package/dist/esm/components/two-level-combobox.js

@@ -1,2 +1,2 @@
-export{T as TwoLevelCombobox}from"../chunks/two-level-combobox.SDv7qc_m.js";
+export{T as TwoLevelCombobox}from"../chunks/two-level-combobox.CWKR1tXX.js";
 //# sourceMappingURL=two-level-combobox.js.map