@brainfish-ai/components 0.26.1 → 0.27.0

package/dist/esm/chunks/review-list.Cn5bw-lP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"review-list.Cn5bw-lP.js","sources":["../../../src/scenes/knowledge-review/review-list/edit-count.tsx","../../../src/scenes/knowledge-review/review-list/review-list-item.tsx","../../../src/scenes/knowledge-review/context.tsx","../../../src/scenes/knowledge-review/review-list/review-list.tsx"],"sourcesContent":["import React from 'react';\nimport { Circle } from '@phosphor-icons/react';\n\nexport function EditCount({ count }: { count: number }) {\n  return (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <Circle size={8} weight=\"fill\" aria-hidden=\"true\" className=\"text-blue\" />\n      <span className=\"text-xs leading-4 text-subtle\">\n        {count} {count === 1 ? 'edit' : 'edits'}\n      </span>\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport { EditCount } from './edit-count';\n\nimport { cn } from '@/lib/utils';\nimport { formatDistance } from '@/lib/formatDate';\nimport { StatusBadge } from '@/components/convos/status-badge';\n\nexport interface ReviewListItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Unique identifier for the knowledge article */\n  id: string;\n  /** Primary text displayed in the first row */\n  title: string;\n  /** Content rendered in the top-right corner (e.g. relative timestamp) */\n  timestamp: Date;\n  /** Icon rendered at the start of the second row */\n  icon?: React.ReactNode;\n  /** Text or content next to the icon in the second row */\n  description?: string | null;\n  /** Whether this item is new */\n  isNew?: boolean;\n  /** Whether this item has been accepted (e.g. accepted as draft) */\n  isAccepted?: boolean;\n  /** Number of edits for this item */\n  editCount?: number;\n  /** Whether this item is currently selected */\n  isSelected?: boolean;\n}\n\nexport const ReviewListItem = React.forwardRef<HTMLButtonElement, ReviewListItemProps>(function ReviewListItem(\n  { title, timestamp, icon, description, isNew, isAccepted, editCount, isSelected = false, className, ...props },\n  ref,\n) {\n  let status: React.ReactNode | undefined;\n  if (isAccepted) {\n    status = <StatusBadge variant=\"accepted\">Accepted</StatusBadge>;\n  } else if (editCount) {\n    status = <EditCount count={editCount} />;\n  }\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type=\"button\"\n      aria-pressed={isSelected}\n      className={cn(\n        'relative flex w-full flex-col gap-1 bg-surface rounded p-4 cursor-pointer transition-colors text-left border border-transparent',\n        isSelected\n          ? [\n              'shadow-[0px_1px_3px_0px_rgba(95,95,95,0.26)]',\n              'after:content-[\"\"] after:block after:absolute after:right-[-2px] after:top-1/2 after:-translate-y-1/2 after:w-1 after:h-14 after:rounded-sm after:bg-primary',\n            ]\n          : 'hover:bg-dark-100 hover:border-dark-300',\n        className,\n      )}\n    >\n      {/* Row 1: Title + Timestamp */}\n      <span className=\"flex items-center justify-between w-full gap-2\">\n        <span className={cn('text-sm text-default truncate min-w-0 flex-1', isSelected ? 'font-bold' : 'font-normal')}>\n          {title}\n        </span>\n        {timestamp && <span className=\"text-xs leading-4 text-subtlest shrink-0\">{formatDistance(timestamp)}</span>}\n      </span>\n\n      {/* Row 2: Icon + Description + Status */}\n      {(icon || description || status) && (\n        <span className=\"flex items-center gap-1 leading-4\">\n          {/* isNew */}\n          {isNew && (\n            <StatusBadge variant=\"success\" surface=\"transparent\">\n              New\n            </StatusBadge>\n          )}\n          {/* icon */}\n          {icon && <span className=\"shrink-0 flex items-center\">{icon}</span>}\n          {/* description */}\n          {description && <span className=\"text-xs text-subtle truncate\">{description}</span>}\n          {/* not new but with status */}\n          {!isNew && status && <span className=\"shrink-0 ml-1 flex items-center\">{status}</span>}\n        </span>\n      )}\n    </button>\n  );\n});\n","import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';\n\nimport type { ReviewListItemProps } from './review-list/review-list-item';\n\nexport type LoadedDiffDoc = {\n  isNew: boolean;\n  diffTitle: string;\n  diffContent: React.ReactNode;\n};\n\ntype ReviewsSelectionValue = {\n  selectedItem: ReviewListItemProps | null;\n  setSelectedItem: (item: ReviewListItemProps | null) => void;\n  loadedDiffDoc: LoadedDiffDoc | null;\n  setLoadedDiffDoc: (doc: LoadedDiffDoc | null) => void;\n  loadingDiff: boolean;\n  setLoadingDiff: (loading: boolean) => void;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n};\n\nconst ReviewsContext = createContext<ReviewsSelectionValue | null>(null);\n\nexport type ReviewsProviderProps = {\n  children: React.ReactNode;\n  /** Optional initial selection (e.g. from server or mock data) */\n  defaultSelectedItem?: ReviewListItemProps | null;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n};\n\nexport function ReviewsSelectionProvider({\n  children,\n  defaultSelectedItem = null,\n  onApproveAllSuggestions,\n  onRejectAllSuggestions,\n  onAcceptAndPublish,\n  onOpenArticleLink,\n  onSourceLinkClick,\n  breadcrumb,\n  suggestionReasonBody,\n}: ReviewsProviderProps) {\n  const [userSelectedItem, setUserSelectedItem] = useState<ReviewListItemProps | null>(null);\n  const selectedItem = userSelectedItem ?? defaultSelectedItem;\n\n  const [loadedDiffDoc, setLoadedDiffDoc] = useState<LoadedDiffDoc | null>(null);\n\n  const [loadingDiff, setLoadingDiff] = useState(false);\n\n  const handleSelect = useCallback((item: ReviewListItemProps | null) => setUserSelectedItem(item), []);\n  const value = useMemo<ReviewsSelectionValue>(\n    () => ({\n      selectedItem,\n      setSelectedItem: handleSelect,\n      loadedDiffDoc,\n      setLoadedDiffDoc,\n      loadingDiff,\n      setLoadingDiff,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n    }),\n    [\n      selectedItem,\n      handleSelect,\n      loadedDiffDoc,\n      loadingDiff,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n    ],\n  );\n\n  return <ReviewsContext.Provider value={value}>{children}</ReviewsContext.Provider>;\n}\n\nexport function useReviewsSelection(): ReviewsSelectionValue {\n  const ctx = useContext(ReviewsContext);\n  if (!ctx) {\n    throw new Error('useReviewsSelection must be used within ReviewsSelectionProvider');\n  }\n\n  return ctx;\n}\n","import React, { forwardRef } from 'react';\n\nimport { ReviewListItem, ReviewListItemProps } from './review-list-item';\nimport { useReviewsSelection } from '../context';\n\nimport { cn } from '@/lib/utils';\n\ninterface ReviewListProps {\n  items: ReviewListItemProps[];\n  className?: string;\n}\n\nexport const ReviewList = forwardRef<HTMLUListElement, ReviewListProps>(({ items, className, ...props }, ref) => {\n  const { selectedItem, setSelectedItem } = useReviewsSelection();\n\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        'min-w-0 w-full overflow-hidden bg-muted border border-dark-300 rounded-lg p-2 space-y-2 list-none m-0',\n        className,\n      )}\n      {...props}\n    >\n      {items.map((item) => (\n        <li key={item.id}>\n          <ReviewListItem {...item} isSelected={selectedItem?.id === item.id} onClick={() => setSelectedItem(item)} />\n        </li>\n      ))}\n    </ul>\n  );\n});\nReviewList.displayName = 'ReviewList';\n"],"names":["EditCount","count","React","createElement","className","Circle","size","weight","ReviewListItem","forwardRef","title","timestamp","icon","description","isNew","isAccepted","editCount","isSelected","props","ref","status","StatusBadge","variant","type","cn","formatDistance","surface","ReviewsContext","createContext","ReviewsSelectionProvider","children","defaultSelectedItem","onApproveAllSuggestions","onRejectAllSuggestions","onAcceptAndPublish","onOpenArticleLink","onSourceLinkClick","breadcrumb","suggestionReasonBody","userSelectedItem","setUserSelectedItem","useState","selectedItem","loadedDiffDoc","setLoadedDiffDoc","loadingDiff","setLoadingDiff","handleSelect","useCallback","item","value","useMemo","setSelectedItem","Provider","useReviewsSelection","ctx","useContext","Error","ReviewList","items","map","key","id","onClick","displayName"],"mappings":"gUAGO,SAASA,GAAUC,MAAEA;AAC1B,OACEC,EAAAC,cAAC,OAAA,CAAKC,UAAU,mDACdF,EAAAC,cAACE,GAAOC,KAAM,EAAGC,OAAO,OAAO,cAAY,OAAOH,UAAU,6BAC5DF,EAAAC,cAAC,OAAA,CAAKC,UAAU,iCACbH,EAAM,IAAY,IAAVA,EAAc,OAAS,SAIxC,CCiBO,MAAMO,EAAiBN,EAAMO,WAAmD,UACrFC,MAAEA,YAAOC,EAAAC,KAAWA,EAAAC,YAAMA,QAAaC,EAAAC,WAAOA,EAAAC,UAAYA,aAAWC,GAAa,EAAAb,UAAOA,KAAcc,GACvGC,GAEA,IAAIC,EAOJ,OANIL,EACFK,iBAASlB,EAAAC,cAACkB,EAAA,CAAYC,QAAQ,YAAW,YAChCN,IACTI,iBAASlB,EAAAC,cAACH,EAAA,CAAUC,MAAOe,oBAI3Bd,EAAAC,cAAC,SAAA,IACKe,EACJC,MACAI,KAAK,SACL,eAAcN,EACdb,UAAWoB,EACT,kIACAP,EACI,CACE,+CACA,gKAEF,0CACJb;eAIFF,EAAAC,cAAC,QAAKC,UAAU,iFACb,OAAA,CAAKA,UAAWoB,EAAG,+CAAgDP,EAAa,YAAc,gBAC5FP,GAEFC,kBAAaT,EAAAC,cAAC,OAAA,CAAKC,UAAU,4CAA4CqB,EAAed,MAIzFC,GAAQC,GAAeO,mBACvBlB,EAAAC,cAAC,OAAA,CAAKC,UAAU,qCAEbU,kBACCZ,EAAAC,cAACkB,EAAA,CAAYC,QAAQ,UAAUI,QAAQ,eAAc,OAKtDd,kBAAQV,EAAAC,cAAC,OAAA,CAAKC,UAAU,8BAA8BQ,GAEtDC,kBAAeX,EAAAC,cAAC,OAAA,CAAKC,UAAU,gCAAgCS,IAE9DC,GAASM,kBAAUlB,EAAAC,cAAC,QAAKC,UAAU,mCAAmCgB,IAKlF,GC1DMO,EAAiBC,EAA4C,MAe5D,SAASC,GAAyBC,SACvCA,EAAAC,oBACAA,EAAsB,KAAAC,wBACtBA,EAAAC,uBACAA,EAAAC,mBACAA,EAAAC,kBACAA,EAAAC,kBACAA,EAAAC,WACAA,EAAAC,qBACAA,IAEA,MAAOC,EAAkBC,GAAuBC,EAAqC,MAC/EC,EAAeH,GAAoBR,GAElCY,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,iBACAd,0BACAC,yBACAC,qBACAC,oBACAC,oBACAC,aACAC,yBAEF,CACEI,EACAK,EACAJ,EACAE,EACAb,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC;AAIJ,OAAOpC,EAAAC,cAACwB,EAAe0B,SAAf,CAAwBH,SAAepB,EACjD,CAEO,SAASwB,IACd,MAAMC,EAAMC,EAAW7B,GACvB,IAAK4B,EACH,MAAM,IAAIE,MAAM,oEAGlB,OAAOF,CACT,CCzFO,MAAMG,EAAajD,EAA8C,EAAGkD,QAAOvD,eAAcc,GAASC,KACvG,MAAMuB,aAAEA,EAAAU,gBAAcA,GAAoBE;AAE1C,OACEpD,EAAAC,cAAC,KAAA,CACCgB,MACAf,UAAWoB,EACT,wGACApB,MAEEc,GAEHyC,EAAMC,IAAKX,kBACV/C,EAAAC,cAAC,MAAG0D,IAAKZ,EAAKa,mBACZ5D,EAAAC,cAACK,EAAA,IAAmByC,EAAMhC,WAAYyB,GAAcoB,KAAOb,EAAKa,GAAIC,QAAS,IAAMX,EAAgBH,UAM7GS,EAAWM,YAAc"}

package/dist/esm/chunks/{sidebar.IcJADYLR.js → sidebar.DsEgGwJU.js}

@@ -1,4 +1,4 @@
-import*as e from"react";import{ScrollArea as t}from"../components/ui/scroll-area.js";import{c as a}from"./utils.C6Qu-kwd.js";import{ArrowBendUpLeft as r,X as n,MagnifyingGlass as i,Folder as l,FolderOpen as s,FolderDashed as o,DotsThree as c,Plus as d,FileDashed as m,File as u,Lightning as p,Article as f}from"@phosphor-icons/react";import{B as h}from"./button.BYc5d6AZ.js";import{useToggle as g,useDebounceValue as v}from"usehooks-ts";import{Input as b}from"../components/ui/input.js";import{TreeStateContext as y,Button as E,useTreeData as x,useDragAndDrop as A,DropIndicator as k,Tree as S,TreeItem as N,TreeItemContent as I,Collection as w}from"react-aria-components";import{ButtonGroup as C}from"../components/ui/button-group.js";import{Spinner as M}from"../components/ui/spinner.js";import{u as z}from"./hooks.BQTKhHSv.js";const L=e.createContext(null);function j({collapsed:t,ItemLinkComponent:a,activeArticleId:r,onSelectArticle:n,onExpandArticle:i,onSearchArticles:l,onAddArticle:s,onMoreActions:o,canMoveArticle:c,onMoveArticle:d,children:m}){const[u,p]=e.useState(!1),[f,h]=e.useState(""),[g,v]=e.useState(null),b=e.useCallback(e=>{const t=e.trim();p(""!==t),l?.(e)},[l]),y=e.useMemo(()=>({collapsed:t,ItemLinkComponent:a,activeArticleId:r,onSearchArticles:l,onSelectArticle:n,onExpandArticle:i,onAddArticle:s,onMoreActions:o,canMoveArticle:c,onMoveArticle:d,isSearching:u,searchValue:f,setSearchValue:h,lastSelectedArticleId:g,setLastSelectedArticleId:v,handleSearchArticles:b}),[u,f,g,t,a,r,n,i,l,s,o,c,d,b]);/* @__PURE__ */
+import*as e from"react";import{ScrollArea as t}from"../components/ui/scroll-area.js";import{c as a}from"./utils.C6Qu-kwd.js";import{ArrowBendUpLeft as r,X as n,MagnifyingGlass as i,Folder as l,FolderOpen as s,FolderDashed as o,DotsThree as c,Plus as d,FileDashed as m,File as u,Lightning as p,Article as f}from"@phosphor-icons/react";import{B as h}from"./button.D_2SonNs.js";import{useToggle as g,useDebounceValue as v}from"usehooks-ts";import{Input as b}from"../components/ui/input.js";import{TreeStateContext as y,Button as E,useTreeData as x,useDragAndDrop as A,DropIndicator as k,Tree as S,TreeItem as N,TreeItemContent as I,Collection as w}from"react-aria-components";import{ButtonGroup as C}from"../components/ui/button-group.js";import{Spinner as M}from"../components/ui/spinner.js";import{u as z}from"./hooks.BQTKhHSv.js";const L=e.createContext(null);function j({collapsed:t,ItemLinkComponent:a,activeArticleId:r,onSelectArticle:n,onExpandArticle:i,onSearchArticles:l,onAddArticle:s,onMoreActions:o,canMoveArticle:c,onMoveArticle:d,children:m}){const[u,p]=e.useState(!1),[f,h]=e.useState(""),[g,v]=e.useState(null),b=e.useCallback(e=>{const t=e.trim();p(""!==t),l?.(e)},[l]),y=e.useMemo(()=>({collapsed:t,ItemLinkComponent:a,activeArticleId:r,onSearchArticles:l,onSelectArticle:n,onExpandArticle:i,onAddArticle:s,onMoreActions:o,canMoveArticle:c,onMoveArticle:d,isSearching:u,searchValue:f,setSearchValue:h,lastSelectedArticleId:g,setLastSelectedArticleId:v,handleSearchArticles:b}),[u,f,g,t,a,r,n,i,l,s,o,c,d,b]);/* @__PURE__ */
 return e.createElement(L.Provider,{value:y},m)}function B(){const t=e.useContext(L);if(!t)throw new Error("useSidebar must be used within SidebarProvider");return t}function P({className:n,items:i,activeId:l,showBack:s,onBack:o}){const{collapsed:c,ItemLinkComponent:d}=B(),m=!!s&&!!o;/* @__PURE__ */
 return e.createElement("nav",{className:a("flex flex-col gap-2",n),"aria-label":"App navigation"},m&&/* @__PURE__ */e.createElement(h,{variant:"link",className:a("py-2 text-base text-default w-full mx-4",c?"justify-center":"justify-start"),size:"icon",onClick:o},
 /* @__PURE__ */e.createElement(r,{"aria-hidden":"true"}),
@@ -22,4 +22,4 @@ return e.createElement("nav",{className:a("flex flex-col",t),"aria-label":"App s
 return e.createElement(j,{collapsed:!!i,ItemLinkComponent:n,activeArticleId:p,onSelectArticle:g,onExpandArticle:v,onSearchArticles:b,onAddArticle:y,onMoreActions:E,canMoveArticle:x,onMoveArticle:A},
 /* @__PURE__ */e.createElement("aside",{ref:S,...k,className:a("py-4 transition-width duration-200 ease-in-out flex flex-col h-dvh",i?"w-[64px]":"w-[260px]",r),"aria-label":"Application navigation"},
 /* @__PURE__ */e.createElement(P,{className:a("flex-shrink-0",o&&o.length>0&&"pb-4",!i&&"border-b border-border-subtle"),showBack:l,items:o,activeId:c,onBack:s}),!i&&/* @__PURE__ */e.createElement(e.Fragment,null,f&&/* @__PURE__ */e.createElement(t,{onScroll:e=>{const{scrollHeight:t,scrollTop:a,clientHeight:r}=e.currentTarget;I(a+r>=t)}},/* @__PURE__ */e.createElement(U,{className:"py-4 max-w-[var(--left-nav-width,inherit)]",articles:h,isLoadingArticles:d})),m&&m.length>0&&/* @__PURE__ */e.createElement(q,{className:a("pt-4 flex-shrink-0",!i&&!N&&"border-t border-subtle"),items:m,activeId:u}))))});export{G as S,B as u};
-//# sourceMappingURL=sidebar.IcJADYLR.js.map
+//# sourceMappingURL=sidebar.DsEgGwJU.js.map

package/dist/esm/chunks/{sidebar.IcJADYLR.js.map → sidebar.DsEgGwJU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebar.IcJADYLR.js","sources":["../../../src/layouts/sidebar/context.tsx","../../../src/layouts/sidebar/app-nav/app-nav.tsx","../../../src/layouts/sidebar/article-nav/article-search.tsx","../../../src/layouts/sidebar/article-nav/article-item.tsx","../../../src/layouts/sidebar/article-nav/tree-sync.ts","../../../src/layouts/sidebar/article-nav/article-tree.tsx","../../../src/layouts/sidebar/article-nav/expansion.ts","../../../src/layouts/sidebar/article-nav/article-nav.tsx","../../../src/layouts/sidebar/section-nav/section-nav.tsx","../../../src/layouts/sidebar/sidebar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ArticleNavItem, ItemLinkComponent } from './types';\n\nexport interface SidebarContextProps {\n  collapsed: boolean;\n  ItemLinkComponent: ItemLinkComponent;\n  activeArticleId?: string;\n  onSelectArticle?: (id: string) => void;\n  onExpandArticle?: (id: string) => void;\n  onSearchArticles?: (value: string) => void;\n  onAddArticle?: (parentId: string | null) => Promise<ArticleNavItem>;\n  onMoreActions?: (articleId: string) => void;\n  canMoveArticle?: (move: { id: string; parentId: string | null; index: number }) => boolean;\n  onMoveArticle?: (moved: { id: string; parentId: string | null; index: number }) => void | Promise<void>;\n}\n\nexport interface SidebarContextValue extends SidebarContextProps {\n  handleSearchArticles: (value: string) => void;\n  isSearching: boolean;\n  searchValue: string;\n  setSearchValue: React.Dispatch<React.SetStateAction<string>>;\n  /** Set when user selects from search results; tree uses this until activeArticleId catches up */\n  lastSelectedArticleId: string | null;\n  setLastSelectedArticleId: React.Dispatch<React.SetStateAction<string | null>>;\n}\n\nconst SidebarContext = React.createContext<SidebarContextValue | null>(null);\n\nexport function SidebarProvider({\n  collapsed,\n  ItemLinkComponent,\n  activeArticleId,\n  onSelectArticle,\n  onExpandArticle,\n  onSearchArticles,\n  onAddArticle,\n  onMoreActions,\n  canMoveArticle,\n  onMoveArticle,\n  children,\n}: React.PropsWithChildren<SidebarContextProps>) {\n  const [isSearching, setIsSearching] = React.useState<boolean>(false);\n  const [searchValue, setSearchValue] = React.useState<string>('');\n  const [lastSelectedArticleId, setLastSelectedArticleId] = React.useState<string | null>(null);\n\n  const handleSearchArticles = React.useCallback(\n    (value: string) => {\n      const trimmedValue = value.trim();\n      setIsSearching(trimmedValue !== '');\n      onSearchArticles?.(value);\n    },\n    [onSearchArticles],\n  );\n\n  const contextValue = React.useMemo<SidebarContextValue>(\n    () => ({\n      collapsed,\n      ItemLinkComponent,\n      activeArticleId,\n      onSearchArticles,\n      onSelectArticle,\n      onExpandArticle,\n      onAddArticle,\n      onMoreActions,\n      canMoveArticle,\n      onMoveArticle,\n      isSearching,\n      searchValue,\n      setSearchValue,\n      lastSelectedArticleId,\n      setLastSelectedArticleId,\n      handleSearchArticles,\n    }),\n    [\n      isSearching,\n      searchValue,\n      lastSelectedArticleId,\n      collapsed,\n      ItemLinkComponent,\n      activeArticleId,\n      onSelectArticle,\n      onExpandArticle,\n      onSearchArticles,\n      onAddArticle,\n      onMoreActions,\n      canMoveArticle,\n      onMoveArticle,\n      handleSearchArticles,\n    ],\n  );\n\n  return <SidebarContext.Provider value={contextValue}>{children}</SidebarContext.Provider>;\n}\n\nexport function useSidebar() {\n  const sidebarContext = React.useContext(SidebarContext);\n\n  if (!sidebarContext) throw new Error('useSidebar must be used within SidebarProvider');\n\n  return sidebarContext;\n}\n","import * as React from 'react';\nimport { ArrowBendUpLeft } from '@phosphor-icons/react';\n\nimport type { SidebarNavItem } from '../types';\nimport { useSidebar } from '../context';\n\nimport { Button } from '@/components/ui/button';\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { cn } from '@/lib/utils';\n\nexport interface AppNavProps {\n  className?: string;\n  items?: SidebarNavItem[];\n  activeId?: string;\n  showBack?: boolean;\n  onBack?: () => void;\n}\n\nexport function AppNav({ className, items, activeId, showBack, onBack }: AppNavProps) {\n  const { collapsed, ItemLinkComponent } = useSidebar();\n\n  const hasBack = !!showBack && !!onBack;\n\n  return (\n    <nav className={cn('flex flex-col gap-2', className)} aria-label=\"App navigation\">\n      {hasBack && (\n        <Button\n          variant=\"link\"\n          className={cn('py-2 text-base text-default w-full mx-4', collapsed ? 'justify-center' : 'justify-start')}\n          size=\"icon\"\n          onClick={onBack}\n        >\n          <ArrowBendUpLeft aria-hidden=\"true\" />\n          <span className={cn(collapsed && 'sr-only')}>back to Brainfish</span>\n        </Button>\n      )}\n      <ScrollArea className=\"min-h-0 max-h-[calc(100dvh-var(--header-nav-height)-5rem)]\">\n        <div className=\"flex flex-col gap-2 mx-4\">\n          {items?.map((item) => (\n            <ItemLinkComponent\n              key={item.id}\n              className={cn(\n                'flex p-2 rounded-lg gap-1 text-base text-default items-center hover:text-primary-foreground focus:text-primary-foreground',\n                item.id === activeId\n                  ? 'bg-primary text-primary-foreground font-bold'\n                  : 'hover:bg-lime-100 focus:bg-lime-100',\n              )}\n              href={item.href}\n              data-sidebar-item-id={item.id}\n              data-sidebar-item-type=\"app\"\n              data-sidebar-app-nav-item-selected={item.id === activeId}\n            >\n              {item.Icon ? <item.Icon weight={item.id === activeId ? 'fill' : 'regular'} size={16} /> : null}\n              <span className={cn('transition-opacity duration-200', collapsed && 'opacity-0 sr-only')}>\n                {item.label}\n              </span>\n            </ItemLinkComponent>\n          ))}\n        </div>\n      </ScrollArea>\n    </nav>\n  );\n}\n","import * as React from 'react';\nimport { MagnifyingGlass, X } from '@phosphor-icons/react';\nimport { useToggle } from 'usehooks-ts';\n\nimport { useSidebar } from '../context';\n\nimport { Input } from '@/components/ui/input';\n\nexport function ArticleSearch() {\n  const { handleSearchArticles, searchValue, setSearchValue } = useSidebar();\n  const [searchInteracted, , setSearchInteracted] = useToggle(false);\n  const searchInputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    if (searchInteracted) handleSearchArticles?.(searchValue);\n  }, [searchValue, handleSearchArticles, searchInteracted]);\n\n  return (\n    <div className=\"mb-2\">\n      <Input\n        ref={searchInputRef}\n        className=\"h-auto text-subtlest border-border-subtle\"\n        startIcon={MagnifyingGlass}\n        endIcon={searchValue ? X : undefined}\n        onEndIconClick={() => {\n          setSearchValue('');\n          handleSearchArticles?.('');\n        }}\n        value={searchValue}\n        onChange={(e) => {\n          const value = e.target.value;\n          if (!searchInteracted) {\n            setSearchInteracted(true);\n          }\n          setSearchValue(value);\n          if (value.trim() === '') {\n            handleSearchArticles('');\n            setSearchInteracted(false);\n          }\n        }}\n        placeholder=\"Find an article\"\n        aria-label=\"Find an article\"\n        type=\"search\"\n      />\n    </div>\n  );\n}\n","import * as React from 'react';\nimport { Folder, FolderDashed, FolderOpen, File, FileDashed, DotsThree, Lightning, Plus } from '@phosphor-icons/react';\nimport { Key, TreeItemContentRenderProps, TreeStateContext, Button as AriaButton } from 'react-aria-components';\n\nimport { ArticleNavItem, ItemLinkComponent } from '../types';\nimport { useSidebar } from '../context';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { ButtonGroup } from '@/components/ui/button-group';\nimport { Spinner } from '@/components/ui/spinner';\n\ntype ArticleItemTreeNode = {\n  key: Key;\n  value: ArticleNavItem;\n  children: ArticleItemTreeNode[] | null;\n};\n\nfunction FolderSlotButton({ children }: { children: React.ReactNode }) {\n  return (\n    <AriaButton slot=\"chevron\" className=\"relative z-30 flex p-0\">\n      <span className=\"relative inline-flex size-3 items-center justify-center\">{children}</span>\n    </AriaButton>\n  );\n}\n\nexport interface ArticleItemProps extends TreeItemContentRenderProps {\n  ItemLinkComponent: ItemLinkComponent;\n  item: ArticleItemTreeNode;\n  onAddArticle?: (parentId: string) => void;\n  isAddingArticle?: boolean;\n  isLoadingChildren?: boolean;\n  onMoreActions?: (articleId: string) => void;\n}\n\nexport function ArticleItem({\n  item,\n  hasChildItems,\n  isSelected,\n  isExpanded,\n  ItemLinkComponent,\n  onAddArticle,\n  isAddingArticle,\n  isLoadingChildren,\n  onMoreActions,\n  level,\n}: ArticleItemProps) {\n  const { isSearching } = useSidebar();\n  const treeState = React.useContext(TreeStateContext);\n  const shouldPreventNavigation = Boolean(isSelected);\n\n  const handleAddClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onAddArticle?.(item.value.id);\n  };\n\n  const handleMoreClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onMoreActions?.(item.value.id);\n  };\n\n  const handleItemClick = (e: React.MouseEvent) => {\n    if (shouldPreventNavigation) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    if (hasChildItems && treeState) {\n      treeState.toggleKey(item.key);\n    }\n  };\n\n  const showActions = !!((onAddArticle && !isAddingArticle) || onMoreActions);\n\n  const isDraft = item.value.status === 'draft';\n\n  let statusLabel: string;\n  switch (item.value.status) {\n    case 'draft':\n      statusLabel = '(draft)';\n      break;\n    case 'unpublished':\n      statusLabel = '(unpublished changes)';\n      break;\n    default:\n      statusLabel = '';\n  }\n\n  const folderIcon = (\n    <FolderSlotButton>\n      <Folder\n        aria-hidden=\"true\"\n        weight=\"fill\"\n        className={cn(\n          'absolute size-3 transition-opacity duration-200 ease-out',\n          isExpanded ? 'opacity-0' : 'opacity-100',\n        )}\n      />\n      <FolderOpen\n        aria-hidden=\"true\"\n        weight=\"fill\"\n        className={cn(\n          'absolute size-3 transition-opacity duration-200 ease-out',\n          isExpanded ? 'opacity-100' : 'opacity-0',\n        )}\n      />\n    </FolderSlotButton>\n  );\n\n  const folderWithChangesIcon = (\n    <FolderSlotButton>\n      <FolderDashed\n        aria-hidden=\"true\"\n        weight=\"fill\"\n        className={cn(\n          'absolute size-3 transition-opacity duration-200 ease-out',\n          isExpanded ? 'opacity-0' : 'opacity-100',\n        )}\n      />\n      <FolderOpen\n        aria-hidden=\"true\"\n        weight=\"fill\"\n        className={cn(\n          'absolute size-3 transition-opacity duration-200 ease-out',\n          isExpanded ? 'opacity-100' : 'opacity-0',\n        )}\n      />\n    </FolderSlotButton>\n  );\n\n  const discoveryIconContent = (\n    <>\n      <span className=\"sr-only\">Knowledge Discovery</span>\n      <Lightning aria-hidden=\"true\" weight=\"fill\" className=\"size-3 shrink-0 text-blue-600\" />\n    </>\n  );\n\n  const discoveryIcon = hasChildItems ? (\n    <FolderSlotButton>\n      <span className=\"text-blue-600\">{discoveryIconContent}</span>\n    </FolderSlotButton>\n  ) : (\n    <span className=\"flex size-3 shrink-0 items-center justify-center text-blue-600\">{discoveryIconContent}</span>\n  );\n\n  const fileIcon = (\n    <span className=\"flex size-3 shrink-0 items-center justify-center\">\n      <File aria-hidden=\"true\" className=\"size-3\" />\n    </span>\n  );\n\n  const fileWithChangesIcon = (\n    <span className=\"flex size-3 shrink-0 items-center justify-center\">\n      <span className=\"sr-only\">Unpublished Changes</span>\n      <FileDashed aria-hidden=\"true\" className=\"size-3\" />\n    </span>\n  );\n\n  const loadingFolderIcon = (\n    <span\n      className=\"flex size-3 shrink-0 items-center justify-center\"\n      role=\"status\"\n      aria-label={`Loading nested articles for ${item.value.label}`}\n    >\n      <Spinner aria-hidden=\"true\" className=\"size-3 text-current\" />\n      <span className=\"sr-only\">Loading nested articles for {item.value.label}</span>\n    </span>\n  );\n\n  const renderStatusIcon = (status: ArticleNavItem['status'], hasChildItems: boolean) => {\n    if (status === 'discovery') {\n      return discoveryIcon;\n    }\n\n    const hasChanges = status === 'unpublished' || status === 'draft';\n\n    if (hasChildItems) {\n      return hasChanges ? folderWithChangesIcon : folderIcon;\n    } else {\n      return hasChanges ? fileWithChangesIcon : fileIcon;\n    }\n  };\n\n  return (\n    <div\n      style={{ ['--line-offset' as string]: '0.875rem' }}\n      aria-busy={isLoadingChildren || undefined}\n      className={cn(\n        'group relative flex items-center gap-1 rounded-md py-1 pl-1 ml-[calc((var(--tree-item-level)-1)*var(--line-offset))] pr-4 h-9',\n        isDraft && 'text-subtlest italic',\n        isSelected\n          ? 'bg-lime-100 text-primary-foreground font-bold after:absolute after:-right-0.5 after:top-1/2 after:h-1/2 after:w-1 after:-translate-y-1/2 after:bg-lime-400'\n          : 'hover:bg-dark-200 hover:text-accent-foreground',\n      )}\n    >\n      {Array.from({ length: level - 1 }, (_, i) => (\n        <span\n          key={`${item.value.label}-${i + 1}`}\n          style={{ ['--item-line-level' as string]: i + 1 }}\n          // Don't mess with the calc: forumula for multiple lines.\n          className=\"absolute w-[1px] bg-dark-400 -top-2 h-9 left-[calc(-4px-var(--line-offset)*(var(--item-line-level)-1))]\"\n          aria-hidden={true}\n        />\n      ))}\n\n      <AriaButton slot=\"drag\" className=\"sr-only\">\n        Drag {item.value.label}\n      </AriaButton>\n\n      {isSearching ? null : isLoadingChildren ? loadingFolderIcon : renderStatusIcon(item.value.status, hasChildItems)}\n\n      <ItemLinkComponent\n        href={item.value.href}\n        title={`${item.value.label} ${statusLabel}`}\n        data-sidebar-item-id={item.value.id}\n        data-sidebar-item-type=\"article\"\n        className={cn(\n          'min-w-0 text-inherit text-sm truncate flex-1 after:absolute after:inset-0 after:z-10 pr-1',\n          isSelected && 'text-primary-foreground',\n        )}\n        onClick={handleItemClick}\n      >\n        {item.value.label}\n      </ItemLinkComponent>\n\n      {showActions && (\n        <ButtonGroup\n          orientation=\"horizontal\"\n          className={cn(\n            'absolute h-4 my-auto right-0.5 top-0 bottom-0 z-20 hidden items-center rounded-xl',\n            'group-hover:flex group-focus-within:flex',\n            isSelected ? 'bg-lime-100 text-primary-foreground' : 'bg-dark-200',\n          )}\n        >\n          {onMoreActions && (\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              aria-label={`More actions for ${item.value.label}`}\n              className=\"size-4 [&_svg]:size-3.5\"\n              onClick={handleMoreClick}\n            >\n              <DotsThree aria-hidden=\"true\" weight=\"bold\" />\n            </Button>\n          )}\n\n          {onAddArticle && !isAddingArticle && (\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              aria-label={`Add article to ${item.value.label}`}\n              className=\"size-4 [&_svg]:size-3.5\"\n              onClick={handleAddClick}\n            >\n              <Plus aria-hidden=\"true\" />\n            </Button>\n          )}\n        </ButtonGroup>\n      )}\n    </div>\n  );\n}\n","import type { ArticleNavItem } from '../types';\n\ntype TreeEntry = {\n  item: ArticleNavItem;\n  parentId: string | null;\n  index: number;\n  depth: number;\n};\n\nexport type TreeSyncOperation =\n  | { type: 'remove'; id: string }\n  | { type: 'insert'; parentId: string | null; index: number; item: ArticleNavItem }\n  | { type: 'move'; id: string; parentId: string | null; index: number }\n  | { type: 'update'; id: string; item: ArticleNavItem };\n\nfunction flattenArticles(items: ArticleNavItem[], parentId: string | null = null, depth = 0, result: TreeEntry[] = []): TreeEntry[] {\n  items.forEach((item, index) => {\n    result.push({ item, parentId, index, depth });\n    if (item.items?.length) {\n      flattenArticles(item.items, item.id, depth + 1, result);\n    }\n  });\n\n  return result;\n}\n\nfunction haveSameValue(a: ArticleNavItem, b: ArticleNavItem) {\n  return (\n    a.label === b.label &&\n    a.href === b.href &&\n    a.status === b.status &&\n    a.hasChildren === b.hasChildren &&\n    a.isLoadingChildren === b.isLoadingChildren\n  );\n}\n\nexport function buildArticleTreeSyncOperations(currentArticles: ArticleNavItem[], nextArticles: ArticleNavItem[]): TreeSyncOperation[] {\n  const currentEntries = flattenArticles(currentArticles);\n  const nextEntries = flattenArticles(nextArticles);\n\n  const currentMap = new Map(currentEntries.map((entry) => [entry.item.id, entry]));\n  const nextMap = new Map(nextEntries.map((entry) => [entry.item.id, entry]));\n  const operations: TreeSyncOperation[] = [];\n\n  currentEntries\n    .filter((entry) => !nextMap.has(entry.item.id))\n    .sort((a, b) => b.depth - a.depth)\n    .forEach((entry) => {\n      operations.push({ type: 'remove', id: entry.item.id });\n    });\n\n  nextEntries.forEach((entry) => {\n    const currentEntry = currentMap.get(entry.item.id);\n\n    if (!currentEntry) {\n      operations.push({\n        type: 'insert',\n        parentId: entry.parentId,\n        index: entry.index,\n        item: entry.item,\n      });\n\n      return;\n    }\n\n    if (currentEntry.parentId !== entry.parentId || currentEntry.index !== entry.index) {\n      operations.push({\n        type: 'move',\n        id: entry.item.id,\n        parentId: entry.parentId,\n        index: entry.index,\n      });\n    }\n\n    if (!haveSameValue(currentEntry.item, entry.item)) {\n      operations.push({\n        type: 'update',\n        id: entry.item.id,\n        item: entry.item,\n      });\n    }\n  });\n\n  return operations;\n}\n","import * as React from 'react';\nimport {\n  useDragAndDrop,\n  useTreeData,\n  Tree,\n  TreeItem,\n  TreeItemContent,\n  Collection,\n  DropIndicator,\n  type Key,\n} from 'react-aria-components';\n\nimport { ArticleNavItem } from '../types';\nimport { ArticleItem } from './article-item';\nimport { useSidebar } from '../context';\nimport { getNewlyExpandedKeys } from './expansion';\nimport { buildArticleTreeSyncOperations } from './tree-sync';\n\nlet placeholderCounter = 0;\n\ninterface ArticleTreeProps {\n  articles: ArticleNavItem[];\n  isSearching?: boolean;\n  renderEmptyState?: () => React.ReactNode;\n}\n\nexport function getParentKeys(items: ArticleNavItem[], targetId: string, parents: string[] = []): string[] | null {\n  for (const item of items) {\n    if (item.id === targetId) {\n      return parents;\n    }\n    if (item.items && item.items.length > 0) {\n      const result = getParentKeys(item.items, targetId, [...parents, item.id]);\n      if (result) return result;\n    }\n  }\n\n  return null;\n}\n\ntype ArticleTreeNode = {\n  value: ArticleNavItem;\n  children: ArticleTreeNode[] | null;\n};\n\nfunction treeNodesToArticleNavItems(items: ArticleTreeNode[]): ArticleNavItem[] {\n  return items.map((item) => ({\n    ...item.value,\n    items: item.children?.length ? treeNodesToArticleNavItems(item.children) : item.value.items,\n  }));\n}\n\nexport function ArticleTree({ articles, isSearching, renderEmptyState }: ArticleTreeProps) {\n  const {\n    ItemLinkComponent,\n    activeArticleId,\n    lastSelectedArticleId,\n    setLastSelectedArticleId,\n    onSelectArticle,\n    onExpandArticle,\n    handleSearchArticles,\n    setSearchValue,\n    canMoveArticle,\n    onMoveArticle,\n    onAddArticle,\n    onMoreActions,\n  } = useSidebar();\n\n  const effectiveActiveId = activeArticleId ?? lastSelectedArticleId ?? undefined;\n\n  const articlesTree = useTreeData({\n    initialItems: articles,\n    getKey: (articleItem) => articleItem.id,\n    getChildren: (articleItem) => articleItem.items ?? [],\n  });\n\n  const prevArticlesRef = React.useRef(articles);\n  React.useEffect(() => {\n    if (prevArticlesRef.current === articles) return;\n\n    prevArticlesRef.current = articles;\n\n    const currentArticles = treeNodesToArticleNavItems(articlesTree.items);\n    const operations = buildArticleTreeSyncOperations(currentArticles, articles);\n\n    if (operations.length === 0) return;\n\n    operations.forEach((operation) => {\n      switch (operation.type) {\n        case 'remove':\n          articlesTree.remove(operation.id);\n          break;\n        case 'insert':\n          articlesTree.insert(operation.parentId, operation.index, operation.item);\n          break;\n        case 'move':\n          articlesTree.move(operation.id, operation.parentId, operation.index);\n          break;\n        case 'update':\n          articlesTree.update(operation.id, operation.item);\n          break;\n      }\n    });\n  }, [articles, articlesTree]);\n\n  const { dragAndDropHooks } = useDragAndDrop({\n    getItems: (_keys, items: typeof articlesTree.items) =>\n      items.map((item) => ({\n        'text/plain': item.value.label,\n      })),\n    onMove: (e) => {\n      if (isSearching) return;\n      const movedArticleId = Array.from(e.keys)[0];\n      if (!movedArticleId) return;\n\n      const targetItem = articlesTree.getItem(e.target.key);\n      if (!targetItem) return;\n\n      let movedToParentId: string | null;\n      let movedToIndex: number;\n\n      if (e.target.dropPosition === 'on') {\n        movedToParentId = e.target.key.toString();\n        movedToIndex = targetItem.children?.length ?? 0;\n      } else {\n        movedToParentId = targetItem.parentKey?.toString() ?? null;\n        const siblings = movedToParentId ? (articlesTree.getItem(movedToParentId)?.children ?? []) : articlesTree.items;\n        const targetIndex = siblings.findIndex((i) => i.key === e.target.key);\n        movedToIndex = e.target.dropPosition === 'before' ? targetIndex : targetIndex + 1;\n      }\n\n      const moveDetails = {\n        id: movedArticleId.toString(),\n        parentId: movedToParentId,\n        index: movedToIndex,\n      };\n\n      if (canMoveArticle && !canMoveArticle(moveDetails)) {\n        return;\n      }\n\n      const movedItem = articlesTree.getItem(movedArticleId);\n      const originalParentId = movedItem?.parentKey?.toString() ?? null;\n      const originalSiblings = originalParentId\n        ? (articlesTree.getItem(originalParentId)?.children ?? [])\n        : articlesTree.items;\n      const originalIndex = originalSiblings.findIndex((i) => i.key === movedArticleId);\n\n      if (e.target.dropPosition === 'on') {\n        articlesTree.move(movedArticleId, movedToParentId, movedToIndex);\n      } else if (e.target.dropPosition === 'before') {\n        articlesTree.moveBefore(e.target.key, e.keys);\n      } else {\n        articlesTree.moveAfter(e.target.key, e.keys);\n      }\n\n      const result = onMoveArticle?.(moveDetails);\n\n      if (result && typeof result.then === 'function') {\n        result.catch(() => {\n          articlesTree.move(movedArticleId, originalParentId, originalIndex);\n        });\n      }\n    },\n    renderDropIndicator: (target) => (\n      <DropIndicator\n        target={target}\n        className=\"outline outline-1 outline-lime-200 ml-[calc(var(--tree-item-level)*0.5rem)]\"\n      />\n    ),\n  });\n\n  // Selection when there's no active article from URL/context; used so the tree can show a selection before navigation.\n  const [localSelectedKeys, setLocalSelectedKeys] = React.useState<Set<Key>>(new Set());\n  const selectedKeys = React.useMemo(\n    () => (effectiveActiveId != null ? new Set<Key>([effectiveActiveId]) : localSelectedKeys),\n    [effectiveActiveId, localSelectedKeys],\n  );\n\n  const pathToActive = React.useMemo(() => {\n    if (!effectiveActiveId || isSearching || !articles.length) return [];\n    const path = getParentKeys(articles, effectiveActiveId);\n\n    return path ?? [];\n  }, [articles, effectiveActiveId, isSearching]);\n\n  const [expandedKeysState, setExpandedKeysState] = React.useState<Set<Key>>(new Set());\n  const expandedKeys = React.useMemo(\n    () => new Set<Key>([...pathToActive, ...expandedKeysState]),\n    [pathToActive, expandedKeysState],\n  );\n\n  React.useEffect(() => {\n    if (!activeArticleId) return;\n    setLastSelectedArticleId(null);\n  }, [activeArticleId, lastSelectedArticleId, setLastSelectedArticleId]);\n\n  const pendingAddIdsRef = React.useRef<Set<string>>(new Set());\n  const [pendingAddIds, setPendingAddIds] = React.useState<Set<string>>(new Set());\n\n  const handleAddArticle = React.useCallback(\n    (parentId: string) => {\n      if (isSearching || !onAddArticle || pendingAddIdsRef.current.has(parentId)) return;\n\n      pendingAddIdsRef.current.add(parentId);\n      setPendingAddIds(new Set(pendingAddIdsRef.current));\n\n      const tempId = `__placeholder_${++placeholderCounter}`;\n      const placeholder: ArticleNavItem = { id: tempId, label: 'Untitled', href: '', status: 'draft' };\n\n      articlesTree.append(parentId, placeholder);\n      setExpandedKeysState((prev) => new Set([...prev, parentId]));\n\n      onAddArticle(parentId).then(\n        (created) => {\n          articlesTree.remove(tempId);\n          articlesTree.append(parentId, created);\n          // Highlight the newly created article in the tree.\n          setLocalSelectedKeys(new Set([created.id]));\n          onSelectArticle?.(created.id);\n          pendingAddIdsRef.current.delete(parentId);\n          setPendingAddIds(new Set(pendingAddIdsRef.current));\n        },\n        () => {\n          articlesTree.remove(tempId);\n          pendingAddIdsRef.current.delete(parentId);\n          setPendingAddIds(new Set(pendingAddIdsRef.current));\n        },\n      );\n    },\n    [isSearching, onAddArticle, articlesTree, onSelectArticle],\n  );\n\n  const navigateToArticleId = React.useCallback(\n    (articleId: string) => {\n      onSelectArticle?.(articleId);\n      // No URL/store id: keep highlight in sync for Storybook and other uncontrolled hosts.\n      if (activeArticleId == null) {\n        setLocalSelectedKeys(new Set<Key>([articleId]));\n      }\n      if (isSearching) {\n        setLastSelectedArticleId(articleId);\n        setSearchValue('');\n        handleSearchArticles?.('');\n      }\n    },\n    [activeArticleId, handleSearchArticles, isSearching, onSelectArticle, setLastSelectedArticleId, setSearchValue],\n  );\n\n  return (\n    <Tree\n      aria-label={isSearching ? 'Search results' : 'Articles tree'}\n      items={articlesTree.items}\n      renderEmptyState={renderEmptyState}\n      dragAndDropHooks={isSearching ? undefined : dragAndDropHooks}\n      className=\"flex flex-col\"\n      // toggle → selectOnFocus off in React Aria, so ArrowUp/Down only move focus; Space updates selection → onSelectionChange.\n      selectionBehavior=\"toggle\"\n      selectionMode=\"single\"\n      expandedKeys={expandedKeys}\n      onExpandedChange={(nextExpandedKeys) => {\n        const newlyExpandedKeys = getNewlyExpandedKeys(expandedKeys, nextExpandedKeys);\n\n        newlyExpandedKeys.forEach((key) => {\n          onExpandArticle?.(key);\n        });\n\n        setExpandedKeysState(nextExpandedKeys);\n      }}\n      selectedKeys={selectedKeys}\n      disallowEmptySelection\n      onSelectionChange={(selection) => {\n        if (selection !== 'all') {\n          // Keep local selection in sync when we're not driven by URL/active article.\n          if (effectiveActiveId == null) setLocalSelectedKeys(selection);\n          const selected = Array.from(selection)?.[0];\n\n          if (selected) {\n            navigateToArticleId(selected.toString());\n          }\n        }\n      }}\n    >\n      {function renderItem(item) {\n        return (\n          <TreeItem\n            className=\"list-none\"\n            textValue={item.value.label}\n            id={item.value.id}\n            hasChildItems={item.value.hasChildren}\n          >\n            <TreeItemContent>\n              {(props) => (\n                <ArticleItem\n                  ItemLinkComponent={ItemLinkComponent}\n                  item={item}\n                  onAddArticle={!isSearching && onAddArticle ? handleAddArticle : undefined}\n                  isAddingArticle={!isSearching && pendingAddIds.has(item.value.id)}\n                  isLoadingChildren={!isSearching && item.value.isLoadingChildren}\n                  onMoreActions={onMoreActions ? (articleId) => onMoreActions(articleId) : undefined}\n                  {...props}\n                />\n              )}\n            </TreeItemContent>\n\n            {!isSearching && item.children && <Collection items={item.children}>{renderItem}</Collection>}\n          </TreeItem>\n        );\n      }}\n    </Tree>\n  );\n}\n","import type { Key } from 'react-aria-components';\n\nexport function getNewlyExpandedKeys(previous: Iterable<Key>, next: Iterable<Key>): string[] {\n  const previousKeys = new Set(Array.from(previous, (key) => key.toString()));\n\n  return Array.from(next, (key) => key.toString()).filter((key) => !previousKeys.has(key));\n}\n","import * as React from 'react';\nimport { Article } from '@phosphor-icons/react';\nimport { useDebounceValue } from 'usehooks-ts';\n\nimport { useSidebar } from '../context';\nimport { ArticleNavItem } from '../types';\nimport { ArticleSearch } from './article-search';\nimport { ArticleTree } from './article-tree';\n\nimport { Spinner } from '@/components/ui/spinner';\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { useSubstringFilter } from '@/lib/hooks';\n\n/** Debounce applied to the article tree filter + remount key while searching (avoids work every keystroke). */\nconst ARTICLE_TREE_SEARCH_DEBOUNCE_MS = 400;\n/** Stable ref for useDebounceValue options — inline objects reset debounce each render (usehooks-ts #703). */\nconst ARTICLE_TREE_SEARCH_DEBOUNCE_OPTIONS = { leading: true, trailing: true } as const;\n\nexport interface ArticleNavProps {\n  className?: string;\n  isLoadingArticles?: boolean;\n  articles?: ArticleNavItem[];\n}\n\nexport function ArticleNav({ articles, className, isLoadingArticles }: ArticleNavProps) {\n  const { isSearching, searchValue, onAddArticle } = useSidebar();\n  const { contains } = useSubstringFilter();\n  const trimmedQuery = searchValue.trim();\n  const [debouncedTreeQuery] = useDebounceValue(\n    isSearching ? trimmedQuery : '',\n    isSearching ? ARTICLE_TREE_SEARCH_DEBOUNCE_MS : 0,\n    isSearching ? ARTICLE_TREE_SEARCH_DEBOUNCE_OPTIONS : undefined,\n  );\n\n  const shouldShowLoadingState = !isSearching && (isLoadingArticles ?? articles === undefined);\n  const renderLoadingEmptyState = React.useCallback(\n    () => (\n      <div\n        className=\"flex min-h-20 items-center justify-center text-muted-foreground\"\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-label=\"Loading articles list\"\n      >\n        <Spinner className=\"size-5\" aria-hidden=\"true\" />\n        <span className=\"sr-only\">Loading articles list</span>\n      </div>\n    ),\n    [],\n  );\n\n  const noArticles = !shouldShowLoadingState && !isSearching && (!articles || articles.length === 0);\n\n  const filteredArticles = React.useMemo(() => {\n    if (isSearching) {\n      // `includes('')` is true for every string; avoid showing the full tree with an empty query.\n      if (trimmedQuery === '' || debouncedTreeQuery === '') {\n        return [];\n      }\n      const result: ArticleNavItem[] = [];\n      const query = debouncedTreeQuery;\n\n      const traverse = (nodes: ArticleNavItem[]) => {\n        for (const item of nodes) {\n          if (contains(item.label, query)) {\n            // Strip children so each hit is one row; otherwise the tree would render nested\n            // items AND the same nodes again as separate roots (duplicates).\n            result.push({ ...item, hasChildren: false, items: [] });\n          }\n          if (item.items?.length) {\n            traverse(item.items);\n          }\n        }\n      };\n\n      traverse(articles ?? []);\n\n      return result;\n    }\n    if (articles && articles.length > 0) {\n      return articles;\n    }\n\n    return [];\n  }, [articles, isSearching, trimmedQuery, debouncedTreeQuery, contains]);\n\n  return (\n    <div className={cn('flex flex-col gap-0.5 px-4', className)}>\n      {noArticles && (\n        <Button variant=\"ghost\" className=\"text-subtlest\" onClick={() => onAddArticle?.(null).catch(() => {})}>\n          <Article aria-hidden=\"true\" />\n          Create first article or folder\n        </Button>\n      )}\n\n      {shouldShowLoadingState ? (\n        <ArticleTree articles={[]} renderEmptyState={renderLoadingEmptyState} />\n      ) : (\n        <>\n          <ArticleSearch />\n          <nav aria-label=\"Articles navigation\">\n            <ArticleTree\n              key={isSearching ? (trimmedQuery === '' ? 'search:empty' : `search:${debouncedTreeQuery}`) : 'browse'}\n              articles={filteredArticles ?? []}\n            />\n          </nav>\n        </>\n      )}\n    </div>\n  );\n}\n","import * as React from 'react';\n\nimport { SidebarNavItem } from '../types';\nimport { useSidebar } from '../context';\n\nimport { cn } from '@/lib/utils';\n\nexport interface SectionNavProps {\n  className?: string;\n  items: SidebarNavItem[];\n  activeId?: string;\n}\n\nexport function SectionNav({ className, items, activeId }: SectionNavProps) {\n  const { ItemLinkComponent } = useSidebar();\n\n  return (\n    <nav className={cn('flex flex-col', className)} aria-label=\"App section navigation\">\n      {items.map((item) => (\n        <ItemLinkComponent\n          key={item.id}\n          href={item.href}\n          data-sidebar-item-id={item.id}\n          data-sidebar-item-type=\"section\"\n          data-sidebar-section-nav-item-selected={item.id === activeId}\n          className={cn(\n            'flex p-2 mx-4 text-base text-default relative rounded-lg',\n            'after:transition-opacity after:absolute after:top-0 after:bottom-0 after:-right-4 after:w-2 after:bg-primary after:rounded-l-md after:opacity-0',\n            'hover:bg-lime-100 focus:bg-lime-100 hover:text-primary-foreground focus:text-primary-foreground',\n            item.id === activeId && 'font-bold after:opacity-100',\n          )}\n        >\n          {item.label}\n        </ItemLinkComponent>\n      ))}\n    </nav>\n  );\n}\n","import * as React from 'react';\n\nimport { SidebarNavItem, ArticleNavItem } from './types';\nimport { SidebarContextProps, SidebarProvider } from './context';\nimport { AppNav } from './app-nav';\nimport { ArticleNav } from './article-nav';\nimport { SectionNav } from './section-nav';\n\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { cn } from '@/lib/utils';\n\nexport interface SidebarProps extends React.ComponentPropsWithoutRef<'aside'>, SidebarContextProps {\n  showAppBack?: boolean;\n  onAppBack?: () => void;\n  appNavItems?: SidebarNavItem[];\n  appNavActiveId?: string;\n  showArticles?: boolean;\n  isLoadingArticles?: boolean;\n  articles?: ArticleNavItem[];\n  sectionNavItems?: SidebarNavItem[];\n  sectionNavActiveId?: string;\n}\n\nexport const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(function Sidebar(\n  {\n    className,\n    ItemLinkComponent,\n    collapsed,\n    showAppBack,\n    onAppBack,\n    appNavItems,\n    appNavActiveId,\n    isLoadingArticles,\n    sectionNavItems,\n    sectionNavActiveId,\n    activeArticleId,\n    showArticles,\n    articles,\n    onSelectArticle,\n    onExpandArticle,\n    onSearchArticles,\n    onAddArticle,\n    onMoreActions,\n    canMoveArticle,\n    onMoveArticle,\n    ...props\n  },\n  ref,\n) {\n  // indicates if the scroll area is at the bottom\n  const [atScrollBottom, setAtScrollBottom] = React.useState(false);\n\n  // detect if the scroll area is at the bottom\n  const handleScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n    setAtScrollBottom(scrollTop + clientHeight >= scrollHeight);\n  };\n\n  return (\n    <SidebarProvider\n      collapsed={!!collapsed}\n      ItemLinkComponent={ItemLinkComponent}\n      activeArticleId={activeArticleId}\n      onSelectArticle={onSelectArticle}\n      onExpandArticle={onExpandArticle}\n      onSearchArticles={onSearchArticles}\n      onAddArticle={onAddArticle}\n      onMoreActions={onMoreActions}\n      canMoveArticle={canMoveArticle}\n      onMoveArticle={onMoveArticle}\n    >\n      <aside\n        ref={ref}\n        {...props}\n        className={cn(\n          'py-4 transition-width duration-200 ease-in-out flex flex-col h-dvh',\n          collapsed ? 'w-[64px]' : 'w-[260px]',\n          className,\n        )}\n        aria-label=\"Application navigation\"\n      >\n        <AppNav\n          className={cn(\n            'flex-shrink-0',\n            appNavItems && appNavItems.length > 0 && 'pb-4',\n            !collapsed && 'border-b border-border-subtle',\n          )}\n          showBack={showAppBack}\n          items={appNavItems}\n          activeId={appNavActiveId}\n          onBack={onAppBack}\n        />\n\n        {!collapsed && (\n          <>\n            {showArticles && (\n              <ScrollArea onScroll={handleScroll}>\n                <ArticleNav\n                  className=\"py-4 max-w-[var(--left-nav-width,inherit)]\"\n                  articles={articles}\n                  isLoadingArticles={isLoadingArticles}\n                />\n              </ScrollArea>\n            )}\n            {sectionNavItems && sectionNavItems.length > 0 && (\n              <SectionNav\n                className={cn('pt-4 flex-shrink-0', !collapsed && !atScrollBottom && 'border-t border-subtle')}\n                items={sectionNavItems}\n                activeId={sectionNavActiveId}\n              />\n            )}\n          </>\n        )}\n      </aside>\n    </SidebarProvider>\n  );\n});\n"],"names":["SidebarContext","React","createContext","SidebarProvider","collapsed","ItemLinkComponent","activeArticleId","onSelectArticle","onExpandArticle","onSearchArticles","onAddArticle","onMoreActions","canMoveArticle","onMoveArticle","children","isSearching","setIsSearching","useState","searchValue","setSearchValue","lastSelectedArticleId","setLastSelectedArticleId","handleSearchArticles","useCallback","value","trimmedValue","trim","contextValue","useMemo","Provider","useSidebar","sidebarContext","useContext","Error","AppNav","className","items","activeId","showBack","onBack","hasBack","createElement","cn","Button","variant","size","onClick","ArrowBendUpLeft","ScrollArea","map","item","key","id","href","Icon","weight","label","ArticleSearch","searchInteracted","setSearchInteracted","useToggle","searchInputRef","useRef","useEffect","Input","ref","startIcon","MagnifyingGlass","endIcon","X","onEndIconClick","onChange","e","target","placeholder","type","FolderSlotButton","AriaButton","slot","ArticleItem","hasChildItems","isSelected","isExpanded","isAddingArticle","isLoadingChildren","level","treeState","TreeStateContext","shouldPreventNavigation","Boolean","showActions","isDraft","status","statusLabel","folderIcon","Folder","FolderOpen","folderWithChangesIcon","FolderDashed","discoveryIconContent","Fragment","Lightning","discoveryIcon","fileIcon","File","fileWithChangesIcon","FileDashed","loadingFolderIcon","role","Spinner","style","Array","from","length","_","i","hasChanges","renderStatusIcon","title","preventDefault","stopPropagation","toggleKey","ButtonGroup","orientation","DotsThree","Plus","flattenArticles","parentId","depth","result","forEach","index","push","placeholderCounter","getParentKeys","targetId","parents","treeNodesToArticleNavItems","ArticleTree","articles","renderEmptyState","effectiveActiveId","articlesTree","useTreeData","initialItems","getKey","articleItem","getChildren","prevArticlesRef","current","operations","currentArticles","nextArticles","currentEntries","nextEntries","currentMap","Map","entry","nextMap","filter","has","sort","a","b","currentEntry","get","hasChildren","buildArticleTreeSyncOperations","operation","remove","insert","move","update","dragAndDropHooks","useDragAndDrop","getItems","_keys","onMove","movedArticleId","keys","targetItem","getItem","movedToParentId","movedToIndex","dropPosition","toString","parentKey","targetIndex","findIndex","moveDetails","movedItem","originalParentId","originalIndex","moveBefore","moveAfter","then","catch","renderDropIndicator","DropIndicator","localSelectedKeys","setLocalSelectedKeys","Set","selectedKeys","pathToActive","expandedKeysState","setExpandedKeysState","expandedKeys","pendingAddIdsRef","pendingAddIds","setPendingAddIds","handleAddArticle","add","tempId","append","prev","created","delete","navigateToArticleId","articleId","Tree","selectionBehavior","selectionMode","onExpandedChange","nextExpandedKeys","previous","next","previousKeys","getNewlyExpandedKeys","disallowEmptySelection","onSelectionChange","selection","selected","renderItem","TreeItem","textValue","TreeItemContent","props","Collection","ARTICLE_TREE_SEARCH_DEBOUNCE_OPTIONS","leading","trailing","ArticleNav","isLoadingArticles","contains","useSubstringFilter","trimmedQuery","debouncedTreeQuery","useDebounceValue","shouldShowLoadingState","renderLoadingEmptyState","noArticles","filteredArticles","query","traverse","nodes","Article","SectionNav","Sidebar","forwardRef","showAppBack","onAppBack","appNavItems","appNavActiveId","sectionNavItems","sectionNavActiveId","showArticles","atScrollBottom","setAtScrollBottom","onScroll","event","scrollHeight","scrollTop","clientHeight","currentTarget"],"mappings":"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"}
+{"version":3,"file":"sidebar.DsEgGwJU.js","sources":["../../../src/layouts/sidebar/context.tsx","../../../src/layouts/sidebar/app-nav/app-nav.tsx","../../../src/layouts/sidebar/article-nav/article-search.tsx","../../../src/layouts/sidebar/article-nav/article-item.tsx","../../../src/layouts/sidebar/article-nav/tree-sync.ts","../../../src/layouts/sidebar/article-nav/article-tree.tsx","../../../src/layouts/sidebar/article-nav/expansion.ts","../../../src/layouts/sidebar/article-nav/article-nav.tsx","../../../src/layouts/sidebar/section-nav/section-nav.tsx","../../../src/layouts/sidebar/sidebar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ArticleNavItem, ItemLinkComponent } from './types';\n\nexport interface SidebarContextProps {\n  collapsed: boolean;\n  ItemLinkComponent: ItemLinkComponent;\n  activeArticleId?: string;\n  onSelectArticle?: (id: string) => void;\n  onExpandArticle?: (id: string) => void;\n  onSearchArticles?: (value: string) => void;\n  onAddArticle?: (parentId: string | null) => Promise<ArticleNavItem>;\n  onMoreActions?: (articleId: string) => void;\n  canMoveArticle?: (move: { id: string; parentId: string | null; index: number }) => boolean;\n  onMoveArticle?: (moved: { id: string; parentId: string | null; index: number }) => void | Promise<void>;\n}\n\nexport interface SidebarContextValue extends SidebarContextProps {\n  handleSearchArticles: (value: string) => void;\n  isSearching: boolean;\n  searchValue: string;\n  setSearchValue: React.Dispatch<React.SetStateAction<string>>;\n  /** Set when user selects from search results; tree uses this until activeArticleId catches up */\n  lastSelectedArticleId: string | null;\n  setLastSelectedArticleId: React.Dispatch<React.SetStateAction<string | null>>;\n}\n\nconst SidebarContext = React.createContext<SidebarContextValue | null>(null);\n\nexport function SidebarProvider({\n  collapsed,\n  ItemLinkComponent,\n  activeArticleId,\n  onSelectArticle,\n  onExpandArticle,\n  onSearchArticles,\n  onAddArticle,\n  onMoreActions,\n  canMoveArticle,\n  onMoveArticle,\n  children,\n}: React.PropsWithChildren<SidebarContextProps>) {\n  const [isSearching, setIsSearching] = React.useState<boolean>(false);\n  const [searchValue, setSearchValue] = React.useState<string>('');\n  const [lastSelectedArticleId, setLastSelectedArticleId] = React.useState<string | null>(null);\n\n  const handleSearchArticles = React.useCallback(\n    (value: string) => {\n      const trimmedValue = value.trim();\n      setIsSearching(trimmedValue !== '');\n      onSearchArticles?.(value);\n    },\n    [onSearchArticles],\n  );\n\n  const contextValue = React.useMemo<SidebarContextValue>(\n    () => ({\n      collapsed,\n      ItemLinkComponent,\n      activeArticleId,\n      onSearchArticles,\n      onSelectArticle,\n      onExpandArticle,\n      onAddArticle,\n      onMoreActions,\n      canMoveArticle,\n      onMoveArticle,\n      isSearching,\n      searchValue,\n      setSearchValue,\n      lastSelectedArticleId,\n      setLastSelectedArticleId,\n      handleSearchArticles,\n    }),\n    [\n      isSearching,\n      searchValue,\n      lastSelectedArticleId,\n      collapsed,\n      ItemLinkComponent,\n      activeArticleId,\n      onSelectArticle,\n      onExpandArticle,\n      onSearchArticles,\n      onAddArticle,\n      onMoreActions,\n      canMoveArticle,\n      onMoveArticle,\n      handleSearchArticles,\n    ],\n  );\n\n  return <SidebarContext.Provider value={contextValue}>{children}</SidebarContext.Provider>;\n}\n\nexport function useSidebar() {\n  const sidebarContext = React.useContext(SidebarContext);\n\n  if (!sidebarContext) throw new Error('useSidebar must be used within SidebarProvider');\n\n  return sidebarContext;\n}\n","import * as React from 'react';\nimport { ArrowBendUpLeft } from '@phosphor-icons/react';\n\nimport type { SidebarNavItem } from '../types';\nimport { useSidebar } from '../context';\n\nimport { Button } from '@/components/ui/button';\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { cn } from '@/lib/utils';\n\nexport interface AppNavProps {\n  className?: string;\n  items?: SidebarNavItem[];\n  activeId?: string;\n  showBack?: boolean;\n  onBack?: () => void;\n}\n\nexport function AppNav({ className, items, activeId, showBack, onBack }: AppNavProps) {\n  const { collapsed, ItemLinkComponent } = useSidebar();\n\n  const hasBack = !!showBack && !!onBack;\n\n  return (\n    <nav className={cn('flex flex-col gap-2', className)} aria-label=\"App navigation\">\n      {hasBack && (\n        <Button\n          variant=\"link\"\n          className={cn('py-2 text-base text-default w-full mx-4', collapsed ? 'justify-center' : 'justify-start')}\n          size=\"icon\"\n          onClick={onBack}\n        >\n          <ArrowBendUpLeft aria-hidden=\"true\" />\n          <span className={cn(collapsed && 'sr-only')}>back to Brainfish</span>\n        </Button>\n      )}\n      <ScrollArea className=\"min-h-0 max-h-[calc(100dvh-var(--header-nav-height)-5rem)]\">\n        <div className=\"flex flex-col gap-2 mx-4\">\n          {items?.map((item) => (\n            <ItemLinkComponent\n              key={item.id}\n              className={cn(\n                'flex p-2 rounded-lg gap-1 text-base text-default items-center hover:text-primary-foreground focus:text-primary-foreground',\n                item.id === activeId\n                  ? 'bg-primary text-primary-foreground font-bold'\n                  : 'hover:bg-lime-100 focus:bg-lime-100',\n              )}\n              href={item.href}\n              data-sidebar-item-id={item.id}\n              data-sidebar-item-type=\"app\"\n              data-sidebar-app-nav-item-selected={item.id === activeId}\n            >\n              {item.Icon ? <item.Icon weight={item.id === activeId ? 'fill' : 'regular'} size={16} /> : null}\n              <span className={cn('transition-opacity duration-200', collapsed && 'opacity-0 sr-only')}>\n                {item.label}\n              </span>\n            </ItemLinkComponent>\n          ))}\n        </div>\n      </ScrollArea>\n    </nav>\n  );\n}\n","import * as React from 'react';\nimport { MagnifyingGlass, X } from '@phosphor-icons/react';\nimport { useToggle } from 'usehooks-ts';\n\nimport { useSidebar } from '../context';\n\nimport { Input } from '@/components/ui/input';\n\nexport function ArticleSearch() {\n  const { handleSearchArticles, searchValue, setSearchValue } = useSidebar();\n  const [searchInteracted, , setSearchInteracted] = useToggle(false);\n  const searchInputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    if (searchInteracted) handleSearchArticles?.(searchValue);\n  }, [searchValue, handleSearchArticles, searchInteracted]);\n\n  return (\n    <div className=\"mb-2\">\n      <Input\n        ref={searchInputRef}\n        className=\"h-auto text-subtlest border-border-subtle\"\n        startIcon={MagnifyingGlass}\n        endIcon={searchValue ? X : undefined}\n        onEndIconClick={() => {\n          setSearchValue('');\n          handleSearchArticles?.('');\n        }}\n        value={searchValue}\n        onChange={(e) => {\n          const value = e.target.value;\n          if (!searchInteracted) {\n            setSearchInteracted(true);\n          }\n          setSearchValue(value);\n          if (value.trim() === '') {\n            handleSearchArticles('');\n            setSearchInteracted(false);\n          }\n        }}\n        placeholder=\"Find an article\"\n        aria-label=\"Find an article\"\n        type=\"search\"\n      />\n    </div>\n  );\n}\n","import * as React from 'react';\nimport { Folder, FolderDashed, FolderOpen, File, FileDashed, DotsThree, Lightning, Plus } from '@phosphor-icons/react';\nimport { Key, TreeItemContentRenderProps, TreeStateContext, Button as AriaButton } from 'react-aria-components';\n\nimport { ArticleNavItem, ItemLinkComponent } from '../types';\nimport { useSidebar } from '../context';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { ButtonGroup } from '@/components/ui/button-group';\nimport { Spinner } from '@/components/ui/spinner';\n\ntype ArticleItemTreeNode = {\n  key: Key;\n  value: ArticleNavItem;\n  children: ArticleItemTreeNode[] | null;\n};\n\nfunction FolderSlotButton({ children }: { children: React.ReactNode }) {\n  return (\n    <AriaButton slot=\"chevron\" className=\"relative z-30 flex p-0\">\n      <span className=\"relative inline-flex size-3 items-center justify-center\">{children}</span>\n    </AriaButton>\n  );\n}\n\nexport interface ArticleItemProps extends TreeItemContentRenderProps {\n  ItemLinkComponent: ItemLinkComponent;\n  item: ArticleItemTreeNode;\n  onAddArticle?: (parentId: string) => void;\n  isAddingArticle?: boolean;\n  isLoadingChildren?: boolean;\n  onMoreActions?: (articleId: string) => void;\n}\n\nexport function ArticleItem({\n  item,\n  hasChildItems,\n  isSelected,\n  isExpanded,\n  ItemLinkComponent,\n  onAddArticle,\n  isAddingArticle,\n  isLoadingChildren,\n  onMoreActions,\n  level,\n}: ArticleItemProps) {\n  const { isSearching } = useSidebar();\n  const treeState = React.useContext(TreeStateContext);\n  const shouldPreventNavigation = Boolean(isSelected);\n\n  const handleAddClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onAddArticle?.(item.value.id);\n  };\n\n  const handleMoreClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onMoreActions?.(item.value.id);\n  };\n\n  const handleItemClick = (e: React.MouseEvent) => {\n    if (shouldPreventNavigation) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    if (hasChildItems && treeState) {\n      treeState.toggleKey(item.key);\n    }\n  };\n\n  const showActions = !!((onAddArticle && !isAddingArticle) || onMoreActions);\n\n  const isDraft = item.value.status === 'draft';\n\n  let statusLabel: string;\n  switch (item.value.status) {\n    case 'draft':\n      statusLabel = '(draft)';\n      break;\n    case 'unpublished':\n      statusLabel = '(unpublished changes)';\n      break;\n    default:\n      statusLabel = '';\n  }\n\n  const folderIcon = (\n    <FolderSlotButton>\n      <Folder\n        aria-hidden=\"true\"\n        weight=\"fill\"\n        className={cn(\n          'absolute size-3 transition-opacity duration-200 ease-out',\n          isExpanded ? 'opacity-0' : 'opacity-100',\n        )}\n      />\n      <FolderOpen\n        aria-hidden=\"true\"\n        weight=\"fill\"\n        className={cn(\n          'absolute size-3 transition-opacity duration-200 ease-out',\n          isExpanded ? 'opacity-100' : 'opacity-0',\n        )}\n      />\n    </FolderSlotButton>\n  );\n\n  const folderWithChangesIcon = (\n    <FolderSlotButton>\n      <FolderDashed\n        aria-hidden=\"true\"\n        weight=\"fill\"\n        className={cn(\n          'absolute size-3 transition-opacity duration-200 ease-out',\n          isExpanded ? 'opacity-0' : 'opacity-100',\n        )}\n      />\n      <FolderOpen\n        aria-hidden=\"true\"\n        weight=\"fill\"\n        className={cn(\n          'absolute size-3 transition-opacity duration-200 ease-out',\n          isExpanded ? 'opacity-100' : 'opacity-0',\n        )}\n      />\n    </FolderSlotButton>\n  );\n\n  const discoveryIconContent = (\n    <>\n      <span className=\"sr-only\">Knowledge Discovery</span>\n      <Lightning aria-hidden=\"true\" weight=\"fill\" className=\"size-3 shrink-0 text-blue-600\" />\n    </>\n  );\n\n  const discoveryIcon = hasChildItems ? (\n    <FolderSlotButton>\n      <span className=\"text-blue-600\">{discoveryIconContent}</span>\n    </FolderSlotButton>\n  ) : (\n    <span className=\"flex size-3 shrink-0 items-center justify-center text-blue-600\">{discoveryIconContent}</span>\n  );\n\n  const fileIcon = (\n    <span className=\"flex size-3 shrink-0 items-center justify-center\">\n      <File aria-hidden=\"true\" className=\"size-3\" />\n    </span>\n  );\n\n  const fileWithChangesIcon = (\n    <span className=\"flex size-3 shrink-0 items-center justify-center\">\n      <span className=\"sr-only\">Unpublished Changes</span>\n      <FileDashed aria-hidden=\"true\" className=\"size-3\" />\n    </span>\n  );\n\n  const loadingFolderIcon = (\n    <span\n      className=\"flex size-3 shrink-0 items-center justify-center\"\n      role=\"status\"\n      aria-label={`Loading nested articles for ${item.value.label}`}\n    >\n      <Spinner aria-hidden=\"true\" className=\"size-3 text-current\" />\n      <span className=\"sr-only\">Loading nested articles for {item.value.label}</span>\n    </span>\n  );\n\n  const renderStatusIcon = (status: ArticleNavItem['status'], hasChildItems: boolean) => {\n    if (status === 'discovery') {\n      return discoveryIcon;\n    }\n\n    const hasChanges = status === 'unpublished' || status === 'draft';\n\n    if (hasChildItems) {\n      return hasChanges ? folderWithChangesIcon : folderIcon;\n    } else {\n      return hasChanges ? fileWithChangesIcon : fileIcon;\n    }\n  };\n\n  return (\n    <div\n      style={{ ['--line-offset' as string]: '0.875rem' }}\n      aria-busy={isLoadingChildren || undefined}\n      className={cn(\n        'group relative flex items-center gap-1 rounded-md py-1 pl-1 ml-[calc((var(--tree-item-level)-1)*var(--line-offset))] pr-4 h-9',\n        isDraft && 'text-subtlest italic',\n        isSelected\n          ? 'bg-lime-100 text-primary-foreground font-bold after:absolute after:-right-0.5 after:top-1/2 after:h-1/2 after:w-1 after:-translate-y-1/2 after:bg-lime-400'\n          : 'hover:bg-dark-200 hover:text-accent-foreground',\n      )}\n    >\n      {Array.from({ length: level - 1 }, (_, i) => (\n        <span\n          key={`${item.value.label}-${i + 1}`}\n          style={{ ['--item-line-level' as string]: i + 1 }}\n          // Don't mess with the calc: forumula for multiple lines.\n          className=\"absolute w-[1px] bg-dark-400 -top-2 h-9 left-[calc(-4px-var(--line-offset)*(var(--item-line-level)-1))]\"\n          aria-hidden={true}\n        />\n      ))}\n\n      <AriaButton slot=\"drag\" className=\"sr-only\">\n        Drag {item.value.label}\n      </AriaButton>\n\n      {isSearching ? null : isLoadingChildren ? loadingFolderIcon : renderStatusIcon(item.value.status, hasChildItems)}\n\n      <ItemLinkComponent\n        href={item.value.href}\n        title={`${item.value.label} ${statusLabel}`}\n        data-sidebar-item-id={item.value.id}\n        data-sidebar-item-type=\"article\"\n        className={cn(\n          'min-w-0 text-inherit text-sm truncate flex-1 after:absolute after:inset-0 after:z-10 pr-1',\n          isSelected && 'text-primary-foreground',\n        )}\n        onClick={handleItemClick}\n      >\n        {item.value.label}\n      </ItemLinkComponent>\n\n      {showActions && (\n        <ButtonGroup\n          orientation=\"horizontal\"\n          className={cn(\n            'absolute h-4 my-auto right-0.5 top-0 bottom-0 z-20 hidden items-center rounded-xl',\n            'group-hover:flex group-focus-within:flex',\n            isSelected ? 'bg-lime-100 text-primary-foreground' : 'bg-dark-200',\n          )}\n        >\n          {onMoreActions && (\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              aria-label={`More actions for ${item.value.label}`}\n              className=\"size-4 [&_svg]:size-3.5\"\n              onClick={handleMoreClick}\n            >\n              <DotsThree aria-hidden=\"true\" weight=\"bold\" />\n            </Button>\n          )}\n\n          {onAddArticle && !isAddingArticle && (\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              aria-label={`Add article to ${item.value.label}`}\n              className=\"size-4 [&_svg]:size-3.5\"\n              onClick={handleAddClick}\n            >\n              <Plus aria-hidden=\"true\" />\n            </Button>\n          )}\n        </ButtonGroup>\n      )}\n    </div>\n  );\n}\n","import type { ArticleNavItem } from '../types';\n\ntype TreeEntry = {\n  item: ArticleNavItem;\n  parentId: string | null;\n  index: number;\n  depth: number;\n};\n\nexport type TreeSyncOperation =\n  | { type: 'remove'; id: string }\n  | { type: 'insert'; parentId: string | null; index: number; item: ArticleNavItem }\n  | { type: 'move'; id: string; parentId: string | null; index: number }\n  | { type: 'update'; id: string; item: ArticleNavItem };\n\nfunction flattenArticles(items: ArticleNavItem[], parentId: string | null = null, depth = 0, result: TreeEntry[] = []): TreeEntry[] {\n  items.forEach((item, index) => {\n    result.push({ item, parentId, index, depth });\n    if (item.items?.length) {\n      flattenArticles(item.items, item.id, depth + 1, result);\n    }\n  });\n\n  return result;\n}\n\nfunction haveSameValue(a: ArticleNavItem, b: ArticleNavItem) {\n  return (\n    a.label === b.label &&\n    a.href === b.href &&\n    a.status === b.status &&\n    a.hasChildren === b.hasChildren &&\n    a.isLoadingChildren === b.isLoadingChildren\n  );\n}\n\nexport function buildArticleTreeSyncOperations(currentArticles: ArticleNavItem[], nextArticles: ArticleNavItem[]): TreeSyncOperation[] {\n  const currentEntries = flattenArticles(currentArticles);\n  const nextEntries = flattenArticles(nextArticles);\n\n  const currentMap = new Map(currentEntries.map((entry) => [entry.item.id, entry]));\n  const nextMap = new Map(nextEntries.map((entry) => [entry.item.id, entry]));\n  const operations: TreeSyncOperation[] = [];\n\n  currentEntries\n    .filter((entry) => !nextMap.has(entry.item.id))\n    .sort((a, b) => b.depth - a.depth)\n    .forEach((entry) => {\n      operations.push({ type: 'remove', id: entry.item.id });\n    });\n\n  nextEntries.forEach((entry) => {\n    const currentEntry = currentMap.get(entry.item.id);\n\n    if (!currentEntry) {\n      operations.push({\n        type: 'insert',\n        parentId: entry.parentId,\n        index: entry.index,\n        item: entry.item,\n      });\n\n      return;\n    }\n\n    if (currentEntry.parentId !== entry.parentId || currentEntry.index !== entry.index) {\n      operations.push({\n        type: 'move',\n        id: entry.item.id,\n        parentId: entry.parentId,\n        index: entry.index,\n      });\n    }\n\n    if (!haveSameValue(currentEntry.item, entry.item)) {\n      operations.push({\n        type: 'update',\n        id: entry.item.id,\n        item: entry.item,\n      });\n    }\n  });\n\n  return operations;\n}\n","import * as React from 'react';\nimport {\n  useDragAndDrop,\n  useTreeData,\n  Tree,\n  TreeItem,\n  TreeItemContent,\n  Collection,\n  DropIndicator,\n  type Key,\n} from 'react-aria-components';\n\nimport { ArticleNavItem } from '../types';\nimport { ArticleItem } from './article-item';\nimport { useSidebar } from '../context';\nimport { getNewlyExpandedKeys } from './expansion';\nimport { buildArticleTreeSyncOperations } from './tree-sync';\n\nlet placeholderCounter = 0;\n\ninterface ArticleTreeProps {\n  articles: ArticleNavItem[];\n  isSearching?: boolean;\n  renderEmptyState?: () => React.ReactNode;\n}\n\nexport function getParentKeys(items: ArticleNavItem[], targetId: string, parents: string[] = []): string[] | null {\n  for (const item of items) {\n    if (item.id === targetId) {\n      return parents;\n    }\n    if (item.items && item.items.length > 0) {\n      const result = getParentKeys(item.items, targetId, [...parents, item.id]);\n      if (result) return result;\n    }\n  }\n\n  return null;\n}\n\ntype ArticleTreeNode = {\n  value: ArticleNavItem;\n  children: ArticleTreeNode[] | null;\n};\n\nfunction treeNodesToArticleNavItems(items: ArticleTreeNode[]): ArticleNavItem[] {\n  return items.map((item) => ({\n    ...item.value,\n    items: item.children?.length ? treeNodesToArticleNavItems(item.children) : item.value.items,\n  }));\n}\n\nexport function ArticleTree({ articles, isSearching, renderEmptyState }: ArticleTreeProps) {\n  const {\n    ItemLinkComponent,\n    activeArticleId,\n    lastSelectedArticleId,\n    setLastSelectedArticleId,\n    onSelectArticle,\n    onExpandArticle,\n    handleSearchArticles,\n    setSearchValue,\n    canMoveArticle,\n    onMoveArticle,\n    onAddArticle,\n    onMoreActions,\n  } = useSidebar();\n\n  const effectiveActiveId = activeArticleId ?? lastSelectedArticleId ?? undefined;\n\n  const articlesTree = useTreeData({\n    initialItems: articles,\n    getKey: (articleItem) => articleItem.id,\n    getChildren: (articleItem) => articleItem.items ?? [],\n  });\n\n  const prevArticlesRef = React.useRef(articles);\n  React.useEffect(() => {\n    if (prevArticlesRef.current === articles) return;\n\n    prevArticlesRef.current = articles;\n\n    const currentArticles = treeNodesToArticleNavItems(articlesTree.items);\n    const operations = buildArticleTreeSyncOperations(currentArticles, articles);\n\n    if (operations.length === 0) return;\n\n    operations.forEach((operation) => {\n      switch (operation.type) {\n        case 'remove':\n          articlesTree.remove(operation.id);\n          break;\n        case 'insert':\n          articlesTree.insert(operation.parentId, operation.index, operation.item);\n          break;\n        case 'move':\n          articlesTree.move(operation.id, operation.parentId, operation.index);\n          break;\n        case 'update':\n          articlesTree.update(operation.id, operation.item);\n          break;\n      }\n    });\n  }, [articles, articlesTree]);\n\n  const { dragAndDropHooks } = useDragAndDrop({\n    getItems: (_keys, items: typeof articlesTree.items) =>\n      items.map((item) => ({\n        'text/plain': item.value.label,\n      })),\n    onMove: (e) => {\n      if (isSearching) return;\n      const movedArticleId = Array.from(e.keys)[0];\n      if (!movedArticleId) return;\n\n      const targetItem = articlesTree.getItem(e.target.key);\n      if (!targetItem) return;\n\n      let movedToParentId: string | null;\n      let movedToIndex: number;\n\n      if (e.target.dropPosition === 'on') {\n        movedToParentId = e.target.key.toString();\n        movedToIndex = targetItem.children?.length ?? 0;\n      } else {\n        movedToParentId = targetItem.parentKey?.toString() ?? null;\n        const siblings = movedToParentId ? (articlesTree.getItem(movedToParentId)?.children ?? []) : articlesTree.items;\n        const targetIndex = siblings.findIndex((i) => i.key === e.target.key);\n        movedToIndex = e.target.dropPosition === 'before' ? targetIndex : targetIndex + 1;\n      }\n\n      const moveDetails = {\n        id: movedArticleId.toString(),\n        parentId: movedToParentId,\n        index: movedToIndex,\n      };\n\n      if (canMoveArticle && !canMoveArticle(moveDetails)) {\n        return;\n      }\n\n      const movedItem = articlesTree.getItem(movedArticleId);\n      const originalParentId = movedItem?.parentKey?.toString() ?? null;\n      const originalSiblings = originalParentId\n        ? (articlesTree.getItem(originalParentId)?.children ?? [])\n        : articlesTree.items;\n      const originalIndex = originalSiblings.findIndex((i) => i.key === movedArticleId);\n\n      if (e.target.dropPosition === 'on') {\n        articlesTree.move(movedArticleId, movedToParentId, movedToIndex);\n      } else if (e.target.dropPosition === 'before') {\n        articlesTree.moveBefore(e.target.key, e.keys);\n      } else {\n        articlesTree.moveAfter(e.target.key, e.keys);\n      }\n\n      const result = onMoveArticle?.(moveDetails);\n\n      if (result && typeof result.then === 'function') {\n        result.catch(() => {\n          articlesTree.move(movedArticleId, originalParentId, originalIndex);\n        });\n      }\n    },\n    renderDropIndicator: (target) => (\n      <DropIndicator\n        target={target}\n        className=\"outline outline-1 outline-lime-200 ml-[calc(var(--tree-item-level)*0.5rem)]\"\n      />\n    ),\n  });\n\n  // Selection when there's no active article from URL/context; used so the tree can show a selection before navigation.\n  const [localSelectedKeys, setLocalSelectedKeys] = React.useState<Set<Key>>(new Set());\n  const selectedKeys = React.useMemo(\n    () => (effectiveActiveId != null ? new Set<Key>([effectiveActiveId]) : localSelectedKeys),\n    [effectiveActiveId, localSelectedKeys],\n  );\n\n  const pathToActive = React.useMemo(() => {\n    if (!effectiveActiveId || isSearching || !articles.length) return [];\n    const path = getParentKeys(articles, effectiveActiveId);\n\n    return path ?? [];\n  }, [articles, effectiveActiveId, isSearching]);\n\n  const [expandedKeysState, setExpandedKeysState] = React.useState<Set<Key>>(new Set());\n  const expandedKeys = React.useMemo(\n    () => new Set<Key>([...pathToActive, ...expandedKeysState]),\n    [pathToActive, expandedKeysState],\n  );\n\n  React.useEffect(() => {\n    if (!activeArticleId) return;\n    setLastSelectedArticleId(null);\n  }, [activeArticleId, lastSelectedArticleId, setLastSelectedArticleId]);\n\n  const pendingAddIdsRef = React.useRef<Set<string>>(new Set());\n  const [pendingAddIds, setPendingAddIds] = React.useState<Set<string>>(new Set());\n\n  const handleAddArticle = React.useCallback(\n    (parentId: string) => {\n      if (isSearching || !onAddArticle || pendingAddIdsRef.current.has(parentId)) return;\n\n      pendingAddIdsRef.current.add(parentId);\n      setPendingAddIds(new Set(pendingAddIdsRef.current));\n\n      const tempId = `__placeholder_${++placeholderCounter}`;\n      const placeholder: ArticleNavItem = { id: tempId, label: 'Untitled', href: '', status: 'draft' };\n\n      articlesTree.append(parentId, placeholder);\n      setExpandedKeysState((prev) => new Set([...prev, parentId]));\n\n      onAddArticle(parentId).then(\n        (created) => {\n          articlesTree.remove(tempId);\n          articlesTree.append(parentId, created);\n          // Highlight the newly created article in the tree.\n          setLocalSelectedKeys(new Set([created.id]));\n          onSelectArticle?.(created.id);\n          pendingAddIdsRef.current.delete(parentId);\n          setPendingAddIds(new Set(pendingAddIdsRef.current));\n        },\n        () => {\n          articlesTree.remove(tempId);\n          pendingAddIdsRef.current.delete(parentId);\n          setPendingAddIds(new Set(pendingAddIdsRef.current));\n        },\n      );\n    },\n    [isSearching, onAddArticle, articlesTree, onSelectArticle],\n  );\n\n  const navigateToArticleId = React.useCallback(\n    (articleId: string) => {\n      onSelectArticle?.(articleId);\n      // No URL/store id: keep highlight in sync for Storybook and other uncontrolled hosts.\n      if (activeArticleId == null) {\n        setLocalSelectedKeys(new Set<Key>([articleId]));\n      }\n      if (isSearching) {\n        setLastSelectedArticleId(articleId);\n        setSearchValue('');\n        handleSearchArticles?.('');\n      }\n    },\n    [activeArticleId, handleSearchArticles, isSearching, onSelectArticle, setLastSelectedArticleId, setSearchValue],\n  );\n\n  return (\n    <Tree\n      aria-label={isSearching ? 'Search results' : 'Articles tree'}\n      items={articlesTree.items}\n      renderEmptyState={renderEmptyState}\n      dragAndDropHooks={isSearching ? undefined : dragAndDropHooks}\n      className=\"flex flex-col\"\n      // toggle → selectOnFocus off in React Aria, so ArrowUp/Down only move focus; Space updates selection → onSelectionChange.\n      selectionBehavior=\"toggle\"\n      selectionMode=\"single\"\n      expandedKeys={expandedKeys}\n      onExpandedChange={(nextExpandedKeys) => {\n        const newlyExpandedKeys = getNewlyExpandedKeys(expandedKeys, nextExpandedKeys);\n\n        newlyExpandedKeys.forEach((key) => {\n          onExpandArticle?.(key);\n        });\n\n        setExpandedKeysState(nextExpandedKeys);\n      }}\n      selectedKeys={selectedKeys}\n      disallowEmptySelection\n      onSelectionChange={(selection) => {\n        if (selection !== 'all') {\n          // Keep local selection in sync when we're not driven by URL/active article.\n          if (effectiveActiveId == null) setLocalSelectedKeys(selection);\n          const selected = Array.from(selection)?.[0];\n\n          if (selected) {\n            navigateToArticleId(selected.toString());\n          }\n        }\n      }}\n    >\n      {function renderItem(item) {\n        return (\n          <TreeItem\n            className=\"list-none\"\n            textValue={item.value.label}\n            id={item.value.id}\n            hasChildItems={item.value.hasChildren}\n          >\n            <TreeItemContent>\n              {(props) => (\n                <ArticleItem\n                  ItemLinkComponent={ItemLinkComponent}\n                  item={item}\n                  onAddArticle={!isSearching && onAddArticle ? handleAddArticle : undefined}\n                  isAddingArticle={!isSearching && pendingAddIds.has(item.value.id)}\n                  isLoadingChildren={!isSearching && item.value.isLoadingChildren}\n                  onMoreActions={onMoreActions ? (articleId) => onMoreActions(articleId) : undefined}\n                  {...props}\n                />\n              )}\n            </TreeItemContent>\n\n            {!isSearching && item.children && <Collection items={item.children}>{renderItem}</Collection>}\n          </TreeItem>\n        );\n      }}\n    </Tree>\n  );\n}\n","import type { Key } from 'react-aria-components';\n\nexport function getNewlyExpandedKeys(previous: Iterable<Key>, next: Iterable<Key>): string[] {\n  const previousKeys = new Set(Array.from(previous, (key) => key.toString()));\n\n  return Array.from(next, (key) => key.toString()).filter((key) => !previousKeys.has(key));\n}\n","import * as React from 'react';\nimport { Article } from '@phosphor-icons/react';\nimport { useDebounceValue } from 'usehooks-ts';\n\nimport { useSidebar } from '../context';\nimport { ArticleNavItem } from '../types';\nimport { ArticleSearch } from './article-search';\nimport { ArticleTree } from './article-tree';\n\nimport { Spinner } from '@/components/ui/spinner';\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { useSubstringFilter } from '@/lib/hooks';\n\n/** Debounce applied to the article tree filter + remount key while searching (avoids work every keystroke). */\nconst ARTICLE_TREE_SEARCH_DEBOUNCE_MS = 400;\n/** Stable ref for useDebounceValue options — inline objects reset debounce each render (usehooks-ts #703). */\nconst ARTICLE_TREE_SEARCH_DEBOUNCE_OPTIONS = { leading: true, trailing: true } as const;\n\nexport interface ArticleNavProps {\n  className?: string;\n  isLoadingArticles?: boolean;\n  articles?: ArticleNavItem[];\n}\n\nexport function ArticleNav({ articles, className, isLoadingArticles }: ArticleNavProps) {\n  const { isSearching, searchValue, onAddArticle } = useSidebar();\n  const { contains } = useSubstringFilter();\n  const trimmedQuery = searchValue.trim();\n  const [debouncedTreeQuery] = useDebounceValue(\n    isSearching ? trimmedQuery : '',\n    isSearching ? ARTICLE_TREE_SEARCH_DEBOUNCE_MS : 0,\n    isSearching ? ARTICLE_TREE_SEARCH_DEBOUNCE_OPTIONS : undefined,\n  );\n\n  const shouldShowLoadingState = !isSearching && (isLoadingArticles ?? articles === undefined);\n  const renderLoadingEmptyState = React.useCallback(\n    () => (\n      <div\n        className=\"flex min-h-20 items-center justify-center text-muted-foreground\"\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-label=\"Loading articles list\"\n      >\n        <Spinner className=\"size-5\" aria-hidden=\"true\" />\n        <span className=\"sr-only\">Loading articles list</span>\n      </div>\n    ),\n    [],\n  );\n\n  const noArticles = !shouldShowLoadingState && !isSearching && (!articles || articles.length === 0);\n\n  const filteredArticles = React.useMemo(() => {\n    if (isSearching) {\n      // `includes('')` is true for every string; avoid showing the full tree with an empty query.\n      if (trimmedQuery === '' || debouncedTreeQuery === '') {\n        return [];\n      }\n      const result: ArticleNavItem[] = [];\n      const query = debouncedTreeQuery;\n\n      const traverse = (nodes: ArticleNavItem[]) => {\n        for (const item of nodes) {\n          if (contains(item.label, query)) {\n            // Strip children so each hit is one row; otherwise the tree would render nested\n            // items AND the same nodes again as separate roots (duplicates).\n            result.push({ ...item, hasChildren: false, items: [] });\n          }\n          if (item.items?.length) {\n            traverse(item.items);\n          }\n        }\n      };\n\n      traverse(articles ?? []);\n\n      return result;\n    }\n    if (articles && articles.length > 0) {\n      return articles;\n    }\n\n    return [];\n  }, [articles, isSearching, trimmedQuery, debouncedTreeQuery, contains]);\n\n  return (\n    <div className={cn('flex flex-col gap-0.5 px-4', className)}>\n      {noArticles && (\n        <Button variant=\"ghost\" className=\"text-subtlest\" onClick={() => onAddArticle?.(null).catch(() => {})}>\n          <Article aria-hidden=\"true\" />\n          Create first article or folder\n        </Button>\n      )}\n\n      {shouldShowLoadingState ? (\n        <ArticleTree articles={[]} renderEmptyState={renderLoadingEmptyState} />\n      ) : (\n        <>\n          <ArticleSearch />\n          <nav aria-label=\"Articles navigation\">\n            <ArticleTree\n              key={isSearching ? (trimmedQuery === '' ? 'search:empty' : `search:${debouncedTreeQuery}`) : 'browse'}\n              articles={filteredArticles ?? []}\n            />\n          </nav>\n        </>\n      )}\n    </div>\n  );\n}\n","import * as React from 'react';\n\nimport { SidebarNavItem } from '../types';\nimport { useSidebar } from '../context';\n\nimport { cn } from '@/lib/utils';\n\nexport interface SectionNavProps {\n  className?: string;\n  items: SidebarNavItem[];\n  activeId?: string;\n}\n\nexport function SectionNav({ className, items, activeId }: SectionNavProps) {\n  const { ItemLinkComponent } = useSidebar();\n\n  return (\n    <nav className={cn('flex flex-col', className)} aria-label=\"App section navigation\">\n      {items.map((item) => (\n        <ItemLinkComponent\n          key={item.id}\n          href={item.href}\n          data-sidebar-item-id={item.id}\n          data-sidebar-item-type=\"section\"\n          data-sidebar-section-nav-item-selected={item.id === activeId}\n          className={cn(\n            'flex p-2 mx-4 text-base text-default relative rounded-lg',\n            'after:transition-opacity after:absolute after:top-0 after:bottom-0 after:-right-4 after:w-2 after:bg-primary after:rounded-l-md after:opacity-0',\n            'hover:bg-lime-100 focus:bg-lime-100 hover:text-primary-foreground focus:text-primary-foreground',\n            item.id === activeId && 'font-bold after:opacity-100',\n          )}\n        >\n          {item.label}\n        </ItemLinkComponent>\n      ))}\n    </nav>\n  );\n}\n","import * as React from 'react';\n\nimport { SidebarNavItem, ArticleNavItem } from './types';\nimport { SidebarContextProps, SidebarProvider } from './context';\nimport { AppNav } from './app-nav';\nimport { ArticleNav } from './article-nav';\nimport { SectionNav } from './section-nav';\n\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { cn } from '@/lib/utils';\n\nexport interface SidebarProps extends React.ComponentPropsWithoutRef<'aside'>, SidebarContextProps {\n  showAppBack?: boolean;\n  onAppBack?: () => void;\n  appNavItems?: SidebarNavItem[];\n  appNavActiveId?: string;\n  showArticles?: boolean;\n  isLoadingArticles?: boolean;\n  articles?: ArticleNavItem[];\n  sectionNavItems?: SidebarNavItem[];\n  sectionNavActiveId?: string;\n}\n\nexport const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(function Sidebar(\n  {\n    className,\n    ItemLinkComponent,\n    collapsed,\n    showAppBack,\n    onAppBack,\n    appNavItems,\n    appNavActiveId,\n    isLoadingArticles,\n    sectionNavItems,\n    sectionNavActiveId,\n    activeArticleId,\n    showArticles,\n    articles,\n    onSelectArticle,\n    onExpandArticle,\n    onSearchArticles,\n    onAddArticle,\n    onMoreActions,\n    canMoveArticle,\n    onMoveArticle,\n    ...props\n  },\n  ref,\n) {\n  // indicates if the scroll area is at the bottom\n  const [atScrollBottom, setAtScrollBottom] = React.useState(false);\n\n  // detect if the scroll area is at the bottom\n  const handleScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    const { scrollHeight, scrollTop, clientHeight } = event.currentTarget;\n    setAtScrollBottom(scrollTop + clientHeight >= scrollHeight);\n  };\n\n  return (\n    <SidebarProvider\n      collapsed={!!collapsed}\n      ItemLinkComponent={ItemLinkComponent}\n      activeArticleId={activeArticleId}\n      onSelectArticle={onSelectArticle}\n      onExpandArticle={onExpandArticle}\n      onSearchArticles={onSearchArticles}\n      onAddArticle={onAddArticle}\n      onMoreActions={onMoreActions}\n      canMoveArticle={canMoveArticle}\n      onMoveArticle={onMoveArticle}\n    >\n      <aside\n        ref={ref}\n        {...props}\n        className={cn(\n          'py-4 transition-width duration-200 ease-in-out flex flex-col h-dvh',\n          collapsed ? 'w-[64px]' : 'w-[260px]',\n          className,\n        )}\n        aria-label=\"Application navigation\"\n      >\n        <AppNav\n          className={cn(\n            'flex-shrink-0',\n            appNavItems && appNavItems.length > 0 && 'pb-4',\n            !collapsed && 'border-b border-border-subtle',\n          )}\n          showBack={showAppBack}\n          items={appNavItems}\n          activeId={appNavActiveId}\n          onBack={onAppBack}\n        />\n\n        {!collapsed && (\n          <>\n            {showArticles && (\n              <ScrollArea onScroll={handleScroll}>\n                <ArticleNav\n                  className=\"py-4 max-w-[var(--left-nav-width,inherit)]\"\n                  articles={articles}\n                  isLoadingArticles={isLoadingArticles}\n                />\n              </ScrollArea>\n            )}\n            {sectionNavItems && sectionNavItems.length > 0 && (\n              <SectionNav\n                className={cn('pt-4 flex-shrink-0', !collapsed && !atScrollBottom && 'border-t border-subtle')}\n                items={sectionNavItems}\n                activeId={sectionNavActiveId}\n              />\n            )}\n          </>\n        )}\n      </aside>\n    </SidebarProvider>\n  );\n});\n"],"names":["SidebarContext","React","createContext","SidebarProvider","collapsed","ItemLinkComponent","activeArticleId","onSelectArticle","onExpandArticle","onSearchArticles","onAddArticle","onMoreActions","canMoveArticle","onMoveArticle","children","isSearching","setIsSearching","useState","searchValue","setSearchValue","lastSelectedArticleId","setLastSelectedArticleId","handleSearchArticles","useCallback","value","trimmedValue","trim","contextValue","useMemo","Provider","useSidebar","sidebarContext","useContext","Error","AppNav","className","items","activeId","showBack","onBack","hasBack","createElement","cn","Button","variant","size","onClick","ArrowBendUpLeft","ScrollArea","map","item","key","id","href","Icon","weight","label","ArticleSearch","searchInteracted","setSearchInteracted","useToggle","searchInputRef","useRef","useEffect","Input","ref","startIcon","MagnifyingGlass","endIcon","X","onEndIconClick","onChange","e","target","placeholder","type","FolderSlotButton","AriaButton","slot","ArticleItem","hasChildItems","isSelected","isExpanded","isAddingArticle","isLoadingChildren","level","treeState","TreeStateContext","shouldPreventNavigation","Boolean","showActions","isDraft","status","statusLabel","folderIcon","Folder","FolderOpen","folderWithChangesIcon","FolderDashed","discoveryIconContent","Fragment","Lightning","discoveryIcon","fileIcon","File","fileWithChangesIcon","FileDashed","loadingFolderIcon","role","Spinner","style","Array","from","length","_","i","hasChanges","renderStatusIcon","title","preventDefault","stopPropagation","toggleKey","ButtonGroup","orientation","DotsThree","Plus","flattenArticles","parentId","depth","result","forEach","index","push","placeholderCounter","getParentKeys","targetId","parents","treeNodesToArticleNavItems","ArticleTree","articles","renderEmptyState","effectiveActiveId","articlesTree","useTreeData","initialItems","getKey","articleItem","getChildren","prevArticlesRef","current","operations","currentArticles","nextArticles","currentEntries","nextEntries","currentMap","Map","entry","nextMap","filter","has","sort","a","b","currentEntry","get","hasChildren","buildArticleTreeSyncOperations","operation","remove","insert","move","update","dragAndDropHooks","useDragAndDrop","getItems","_keys","onMove","movedArticleId","keys","targetItem","getItem","movedToParentId","movedToIndex","dropPosition","toString","parentKey","targetIndex","findIndex","moveDetails","movedItem","originalParentId","originalIndex","moveBefore","moveAfter","then","catch","renderDropIndicator","DropIndicator","localSelectedKeys","setLocalSelectedKeys","Set","selectedKeys","pathToActive","expandedKeysState","setExpandedKeysState","expandedKeys","pendingAddIdsRef","pendingAddIds","setPendingAddIds","handleAddArticle","add","tempId","append","prev","created","delete","navigateToArticleId","articleId","Tree","selectionBehavior","selectionMode","onExpandedChange","nextExpandedKeys","previous","next","previousKeys","getNewlyExpandedKeys","disallowEmptySelection","onSelectionChange","selection","selected","renderItem","TreeItem","textValue","TreeItemContent","props","Collection","ARTICLE_TREE_SEARCH_DEBOUNCE_OPTIONS","leading","trailing","ArticleNav","isLoadingArticles","contains","useSubstringFilter","trimmedQuery","debouncedTreeQuery","useDebounceValue","shouldShowLoadingState","renderLoadingEmptyState","noArticles","filteredArticles","query","traverse","nodes","Article","SectionNav","Sidebar","forwardRef","showAppBack","onAppBack","appNavItems","appNavActiveId","sectionNavItems","sectionNavActiveId","showArticles","atScrollBottom","setAtScrollBottom","onScroll","event","scrollHeight","scrollTop","clientHeight","currentTarget"],"mappings":"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"}

package/dist/esm/chunks/status-badge.BLB0pWDn.js

@@ -0,0 +1,3 @@
+import e from"react";import{Check as t,Circle as a}from"@phosphor-icons/react";import{cva as s}from"class-variance-authority";import{Badge as r}from"../components/ui/badge.js";import{c}from"./utils.C6Qu-kwd.js";const n=s("",{variants:{surface:{solid:"",transparent:"bg-transparent text-subtle px-0 border-none"}},defaultVariants:{surface:"solid"}}),l=s("",{variants:{tone:{default:"text-subtle",destructive:"text-red-600",success:"text-green-600",warning:"text-yellow-600",disabled:"text-subtlest"}},defaultVariants:{tone:"default"}}),i=e.forwardRef(({className:s,suffix:i,variant:o,surface:d="solid",children:m,...p},f)=>{const u="accepted"===o?t:a,x="accepted"===o?"success":o,b=x??"default",g="accepted"===o?"bold":"fill",N="accepted"===o?"!size-3":"!size-2";/* @__PURE__ */
+return e.createElement("span",{ref:f,className:c("flex items-center gap-1 rounded-md p-1",i&&"bg-dark-300",s)},/* @__PURE__ */e.createElement(r,{...p,variant:x,className:n({surface:d})},/* @__PURE__ */e.createElement("span",{className:"flex items-center gap-1"},/* @__PURE__ */e.createElement(u,{weight:g,size:8,className:c(N,l({tone:b}))}),m)),i&&/* @__PURE__ */e.createElement("span",{className:"text-xs text-default"},i))});i.displayName="StatusBadge";export{i as S};
+//# sourceMappingURL=status-badge.BLB0pWDn.js.map

package/dist/esm/chunks/status-badge.BLB0pWDn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.BLB0pWDn.js","sources":["../../../src/components/convos/status-badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Circle, Check } from '@phosphor-icons/react';\nimport { cva } from 'class-variance-authority';\n\nimport type { SurfaceVariant } from '@/components/ui/types';\nimport { Badge } from '@/components/ui/badge';\nimport { cn } from '@/lib/utils';\n\ntype Props = Omit<React.ComponentPropsWithRef<typeof Badge>, 'variant'> & {\n  variant?: React.ComponentPropsWithRef<typeof Badge>['variant'] | 'accepted';\n  surface?: SurfaceVariant;\n  suffix?: React.ReactNode;\n};\n\n/** Appended after `badgeVariants` on `Badge` — do not set `text-*` here or it overrides semantic `text-success` etc. */\nconst statusBadgeSurface = cva('', {\n  variants: {\n    surface: {\n      solid: '',\n      /** Appended after `badgeVariants` in `Badge`'s `cn()` so these win for bg/hover. */\n      transparent: 'bg-transparent text-subtle px-0 border-none',\n    },\n  },\n  defaultVariants: {\n    surface: 'solid',\n  },\n});\n\n/** Icon uses explicit tone so it tracks `variant` (including `accepted` → success) on any `surface`. */\nconst statusBadgeIconTone = cva('', {\n  variants: {\n    tone: {\n      default: 'text-subtle',\n      destructive: 'text-red-600',\n      success: 'text-green-600',\n      warning: 'text-yellow-600',\n      disabled: 'text-subtlest',\n    },\n  },\n  defaultVariants: {\n    tone: 'default',\n  },\n});\n\nexport const StatusBadge = React.forwardRef<HTMLSpanElement, Props>(\n  ({ className, suffix, variant, surface = 'solid', children, ...props }, ref) => {\n    const Icon = variant === 'accepted' ? Check : Circle;\n    const badgeVariant = variant === 'accepted' ? 'success' : variant;\n    const iconTone = badgeVariant ?? 'default';\n    const weight = variant === 'accepted' ? 'bold' : 'fill';\n    const size = variant === 'accepted' ? `!size-3` : `!size-2`;\n\n    return (\n      <span ref={ref} className={cn('flex items-center gap-1 rounded-md p-1', suffix && 'bg-dark-300', className)}>\n        <Badge {...props} variant={badgeVariant} className={statusBadgeSurface({ surface })}>\n          <span className=\"flex items-center gap-1\">\n            <Icon weight={weight} size={8} className={cn(size, statusBadgeIconTone({ tone: iconTone }))} />\n            {children}\n          </span>\n        </Badge>\n        {suffix && <span className=\"text-xs text-default\">{suffix}</span>}\n      </span>\n    );\n  },\n);\n\nStatusBadge.displayName = 'StatusBadge';\n"],"names":["statusBadgeSurface","cva","variants","surface","solid","transparent","defaultVariants","statusBadgeIconTone","tone","default","destructive","success","warning","disabled","StatusBadge","React","forwardRef","className","suffix","variant","children","props","ref","Icon","Check","Circle","badgeVariant","iconTone","weight","size","createElement","cn","Badge","displayName"],"mappings":"mNAeA,MAAMA,EAAqBC,EAAI,GAAI,CACjCC,SAAU,CACRC,QAAS,CACPC,MAAO,GAEPC,YAAa,gDAGjBC,gBAAiB,CACfH,QAAS,WAKPI,EAAsBN,EAAI,GAAI,CAClCC,SAAU,CACRM,KAAM,CACJC,QAAS,cACTC,YAAa,eACbC,QAAS,iBACTC,QAAS,kBACTC,SAAU,kBAGdP,gBAAiB,CACfE,KAAM,aAIGM,EAAcC,EAAMC,WAC/B,EAAGC,YAAWC,SAAQC,UAAShB,UAAU,QAASiB,cAAaC,GAASC,KACtE,MAAMC,EAAmB,aAAZJ,EAAyBK,EAAQC,EACxCC,EAA2B,aAAZP,EAAyB,UAAYA,EACpDQ,EAAWD,GAAgB,UAC3BE,EAAqB,aAAZT,EAAyB,OAAS,OAC3CU,EAAmB,aAAZV,EAAyB,UAAY;AAElD,OACEJ,EAAAe,cAAC,QAAKR,MAAUL,UAAWc,EAAG,yCAA0Cb,GAAU,cAAeD,mBAC/FF,EAAAe,cAACE,MAAUX,EAAOF,QAASO,EAAcT,UAAWjB,EAAmB,CAAEG,4BACvEY,EAAAe,cAAC,OAAA,CAAKb,UAAU,0CACdF,EAAAe,cAACP,EAAA,CAAKK,SAAgBC,KAAM,EAAGZ,UAAWc,EAAGF,EAAMtB,EAAoB,CAAEC,KAAMmB,OAC9EP,IAGJF,kCAAW,OAAA,CAAKD,UAAU,wBAAwBC,MAM3DJ,EAAYmB,YAAc"}

package/dist/esm/chunks/{two-level-combobox.Bv2OQgjh.js → two-level-combobox.DJYP--W9.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.BYc5d6AZ.js";import{Command as r,CommandInput as i,CommandList as o,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.C6Qu-kwd.js";import{B as c}from"./button.D_2SonNs.js";import{Command as r,CommandInput as i,CommandList as o,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(i,{value:q,onValueChange:A,placeholder:"first"===$?`Search ${h.toLowerCase()}...`:`Search ${y.toLowerCase()}...`}),/* @__PURE__ */e.createElement(o,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.Bv2OQgjh.js.map
+//# sourceMappingURL=two-level-combobox.DJYP--W9.js.map

package/dist/esm/chunks/{two-level-combobox.Bv2OQgjh.js.map → two-level-combobox.DJYP--W9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"two-level-combobox.Bv2OQgjh.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.DJYP--W9.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/components/article-suggestions-banner.js

@@ -1,5 +1,5 @@
-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.BYc5d6AZ.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:x,...v},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",x),...v},/* @__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:"shadowSurface",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"},
+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.D_2SonNs.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__ */
+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};
 //# sourceMappingURL=article-suggestions-banner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"article-suggestions-banner.js","sources":["../../../src/components/article-suggestions-banner/article-suggestions-banner.tsx","../../../src/lib/pluralise.ts"],"sourcesContent":["import { CaretDown, CaretUp, Sparkle } from '@phosphor-icons/react';\nimport * as React from 'react';\n\nimport { Button } from '../ui/button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip';\nimport { ButtonGroup } from '../ui/button-group';\n\nimport { cn } from '@/lib/utils';\nimport { pluralise } from '@/lib/pluralise';\n\nexport interface ArticleSuggestionsBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  suggestionsCount: number;\n  currentArticleIndex: number;\n  totalArticles: number;\n  onNextArticle: () => void;\n  onPreviousArticle: () => void;\n  onStartReviewSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onApproveAllSuggestions: () => void;\n}\n\nexport const ArticleSuggestionsBanner = React.forwardRef<HTMLDivElement, ArticleSuggestionsBannerProps>(\n  function ArticleSuggestionsBanner(\n    {\n      suggestionsCount,\n      currentArticleIndex,\n      totalArticles,\n      onNextArticle,\n      onPreviousArticle,\n      onStartReviewSuggestions,\n      onRejectAllSuggestions,\n      onApproveAllSuggestions,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const hasNextArticle = currentArticleIndex < totalArticles - 1;\n    const hasPreviousArticle = currentArticleIndex > 0;\n    const currentArticle = currentArticleIndex + 1;\n\n    return (\n      <div ref={ref} className={cn('flex bg-blue-200 rounded-md border border-blue-600', className)} {...props}>\n        <div className=\"flex-1 py-3 px-4 flex justify-between items-center\">\n          <div className=\"flex items-center gap-2\">\n            <Sparkle size={32} weight=\"fill\" className=\"text-blue-700\" />\n            <p className=\"text-sm text-foreground\">{pluralise(suggestionsCount, 'way')} to level up this article.</p>\n          </div>\n          <ButtonGroup orientation=\"horizontal\" rounded={false} aria-label=\"Suggestion actions\">\n            <Button variant=\"link\" onClick={onStartReviewSuggestions}>\n              Start review\n            </Button>\n            <Button variant=\"link\" onClick={onRejectAllSuggestions}>\n              Reject all\n            </Button>\n            <Button variant=\"shadowSurface\" onClick={onApproveAllSuggestions}>\n              Approve all\n            </Button>\n          </ButtonGroup>\n        </div>\n        <div className=\"py-3 px-6 flex items-center bg-blue-300 border-l border-blue-700 gap-2 rounded-r-md\">\n          <p className=\"text-sm text-foreground\">\n            <span aria-hidden=\"true\">\n              {currentArticle}/{totalArticles}\n            </span>\n            <span className=\"sr-only\" aria-live=\"polite\">\n              Article {currentArticle} of {totalArticles}\n            </span>\n          </p>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"link\"\n                size=\"icon\"\n                disabled={!hasNextArticle}\n                onClick={onNextArticle}\n                aria-label=\"Go to next article\"\n              >\n                <CaretDown aria-hidden=\"true\" weight=\"bold\" />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent side=\"bottom\" bgColor=\"--bfc-foreground\" className=\"text-background\">\n              Next Article\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"link\"\n                size=\"icon\"\n                disabled={!hasPreviousArticle}\n                onClick={onPreviousArticle}\n                aria-label=\"Go to previous article\"\n              >\n                <CaretUp aria-hidden=\"true\" weight=\"bold\" />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" bgColor=\"--bfc-foreground\" className=\"text-background\">\n              Previous Article\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n    );\n  },\n);\n","export function pluralise(count: number, singular: string, plural = `${singular}s`) {\n  const word = count === 1 ? singular : plural;\n\n  return `${count} ${word}`;\n}\n"],"names":["ArticleSuggestionsBanner","React","forwardRef","suggestionsCount","currentArticleIndex","totalArticles","onNextArticle","onPreviousArticle","onStartReviewSuggestions","onRejectAllSuggestions","onApproveAllSuggestions","className","props","ref","hasNextArticle","hasPreviousArticle","currentArticle","createElement","cn","Sparkle","size","weight","count","singular","plural","pluralise","ButtonGroup","orientation","rounded","Button","variant","onClick","Tooltip","TooltipTrigger","asChild","disabled","CaretDown","TooltipContent","side","bgColor","CaretUp"],"mappings":"0UAqBO,MAAMA,EAA2BC,EAAMC,WAC5C,UACEC,iBACEA,EAAAC,oBACAA,EAAAC,cACAA,EAAAC,cACAA,EAAAC,kBACAA,EAAAC,yBACAA,EAAAC,uBACAA,EAAAC,wBACAA,EAAAC,UACAA,KACGC,GAELC,GAEA,MAAMC,EAAiBV,EAAsBC,EAAgB,EACvDU,EAAqBX,EAAsB,EAC3CY,EAAiBZ,EAAsB;AAE7C,OACEH,EAAAgB,cAAC,OAAIJ,MAAUF,UAAWO,EAAG,qDAAsDP,MAAgBC,kBACjGX,EAAAgB,cAAC,OAAIN,UAAU,qEACbV,EAAAgB,cAAC,MAAA,CAAIN,UAAU,0DACZQ,EAAA,CAAQC,KAAM,GAAIC,OAAO,OAAOV,UAAU,iCAC3CV,EAAAgB,cAAC,KAAEN,UAAU,2BC9ClB,SAAmBW,EAAeC,EAAkBC,EAAS,GAAGD,MAGrE,MAAO,GAAGD,KAFa,IAAVA,EAAcC,EAAWC,GAGxC,CD0CoDC,CAAUtB,EAAkB,OAAO,8DAE5EuB,EAAA,CAAYC,YAAY,aAAaC,SAAS,EAAO,aAAW,qCAC/D3B,EAAAgB,cAACY,EAAA,CAAOC,QAAQ,OAAOC,QAASvB,GAA0B,+BAG1DP,EAAAgB,cAACY,GAAOC,QAAQ,OAAOC,QAAStB,GAAwB,6BAGxDR,EAAAgB,cAACY,EAAA,CAAOC,QAAQ,gBAAgBC,QAASrB,GAAyB,gDAKrE,MAAA,CAAIC,UAAU,sGACbV,EAAAgB,cAAC,IAAA,CAAEN,UAAU,0CACXV,EAAAgB,cAAC,OAAA,CAAK,cAAY,QACfD,EAAe,IAAEX,kBAEpBJ,EAAAgB,cAAC,OAAA,CAAKN,UAAU,UAAU,YAAU,UAAS,WAClCK,EAAe,OAAKX,mCAGhC2B,EAAA,oBACC/B,EAAAgB,cAACgB,EAAA,CAAeC,SAAO,kBACrBjC,EAAAgB,cAACY,EAAA,CACCC,QAAQ,OACRV,KAAK,OACLe,UAAWrB,EACXiB,QAASzB,EACT,aAAW;eAEXL,EAAAgB,cAACmB,EAAA,CAAU,cAAY,OAAOf,OAAO,0BAGzCpB,EAAAgB,cAACoB,GAAeC,KAAK,SAASC,QAAQ,mBAAmB5B,UAAU,mBAAkB,gCAIvFV,EAAAgB,cAACe,sBACC/B,EAAAgB,cAACgB,EAAA,CAAeC,SAAO,kBACrBjC,EAAAgB,cAACY,EAAA,CACCC,QAAQ,OACRV,KAAK,OACLe,UAAWpB,EACXgB,QAASxB,EACT,aAAW;eAEXN,EAAAgB,cAACuB,EAAA,CAAQ,cAAY,OAAOnB,OAAO,0BAGvCpB,EAAAgB,cAACoB,EAAA,CAAeC,KAAK,MAAMC,QAAQ,mBAAmB5B,UAAU,mBAAkB,sBAO5F"}
+{"version":3,"file":"article-suggestions-banner.js","sources":["../../../src/components/article-suggestions-banner/article-suggestions-banner.tsx","../../../src/lib/pluralise.ts"],"sourcesContent":["import { CaretDown, CaretUp, Sparkle } from '@phosphor-icons/react';\nimport * as React from 'react';\n\nimport { Button } from '../ui/button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip';\nimport { ButtonGroup } from '../ui/button-group';\n\nimport { cn } from '@/lib/utils';\nimport { pluralise } from '@/lib/pluralise';\n\nexport interface ArticleSuggestionsBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  suggestionsCount: number;\n  currentArticleIndex: number;\n  totalArticles: number;\n  onNextArticle: () => void;\n  onPreviousArticle: () => void;\n  onStartReviewSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onApproveAllSuggestions: () => void;\n}\n\nexport const ArticleSuggestionsBanner = React.forwardRef<HTMLDivElement, ArticleSuggestionsBannerProps>(\n  function ArticleSuggestionsBanner(\n    {\n      suggestionsCount,\n      currentArticleIndex,\n      totalArticles,\n      onNextArticle,\n      onPreviousArticle,\n      onStartReviewSuggestions,\n      onRejectAllSuggestions,\n      onApproveAllSuggestions,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const hasNextArticle = currentArticleIndex < totalArticles - 1;\n    const hasPreviousArticle = currentArticleIndex > 0;\n    const currentArticle = currentArticleIndex + 1;\n\n    return (\n      <div ref={ref} className={cn('flex bg-blue-200 rounded-md border border-blue-600', className)} {...props}>\n        <div className=\"flex-1 py-3 px-4 flex justify-between items-center\">\n          <div className=\"flex items-center gap-2\">\n            <Sparkle size={32} weight=\"fill\" className=\"text-blue-700\" />\n            <p className=\"text-sm text-foreground\">{pluralise(suggestionsCount, 'way')} to level up this article.</p>\n          </div>\n          <ButtonGroup orientation=\"horizontal\" rounded={false} aria-label=\"Suggestion actions\">\n            <Button variant=\"link\" onClick={onStartReviewSuggestions}>\n              Start review\n            </Button>\n            <Button variant=\"link\" onClick={onRejectAllSuggestions}>\n              Reject all\n            </Button>\n            <Button variant=\"surface\" elevation=\"shadow\" onClick={onApproveAllSuggestions}>\n              Approve all\n            </Button>\n          </ButtonGroup>\n        </div>\n        <div className=\"py-3 px-6 flex items-center bg-blue-300 border-l border-blue-700 gap-2 rounded-r-md\">\n          <p className=\"text-sm text-foreground\">\n            <span aria-hidden=\"true\">\n              {currentArticle}/{totalArticles}\n            </span>\n            <span className=\"sr-only\" aria-live=\"polite\">\n              Article {currentArticle} of {totalArticles}\n            </span>\n          </p>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"link\"\n                size=\"icon\"\n                disabled={!hasNextArticle}\n                onClick={onNextArticle}\n                aria-label=\"Go to next article\"\n              >\n                <CaretDown aria-hidden=\"true\" weight=\"bold\" />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent side=\"bottom\" bgColor=\"--bfc-foreground\" className=\"text-background\">\n              Next Article\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"link\"\n                size=\"icon\"\n                disabled={!hasPreviousArticle}\n                onClick={onPreviousArticle}\n                aria-label=\"Go to previous article\"\n              >\n                <CaretUp aria-hidden=\"true\" weight=\"bold\" />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" bgColor=\"--bfc-foreground\" className=\"text-background\">\n              Previous Article\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n    );\n  },\n);\n","export function pluralise(count: number, singular: string, plural = `${singular}s`) {\n  const word = count === 1 ? singular : plural;\n\n  return `${count} ${word}`;\n}\n"],"names":["ArticleSuggestionsBanner","React","forwardRef","suggestionsCount","currentArticleIndex","totalArticles","onNextArticle","onPreviousArticle","onStartReviewSuggestions","onRejectAllSuggestions","onApproveAllSuggestions","className","props","ref","hasNextArticle","hasPreviousArticle","currentArticle","createElement","cn","Sparkle","size","weight","count","singular","plural","pluralise","ButtonGroup","orientation","rounded","Button","variant","onClick","elevation","Tooltip","TooltipTrigger","asChild","disabled","CaretDown","TooltipContent","side","bgColor","CaretUp"],"mappings":"0UAqBO,MAAMA,EAA2BC,EAAMC,WAC5C,UACEC,iBACEA,EAAAC,oBACAA,EAAAC,cACAA,EAAAC,cACAA,EAAAC,kBACAA,EAAAC,yBACAA,EAAAC,uBACAA,EAAAC,wBACAA,EAAAC,UACAA,KACGC,GAELC,GAEA,MAAMC,EAAiBV,EAAsBC,EAAgB,EACvDU,EAAqBX,EAAsB,EAC3CY,EAAiBZ,EAAsB;AAE7C,OACEH,EAAAgB,cAAC,OAAIJ,MAAUF,UAAWO,EAAG,qDAAsDP,MAAgBC,kBACjGX,EAAAgB,cAAC,OAAIN,UAAU,qEACbV,EAAAgB,cAAC,MAAA,CAAIN,UAAU,0DACZQ,EAAA,CAAQC,KAAM,GAAIC,OAAO,OAAOV,UAAU,iCAC3CV,EAAAgB,cAAC,IAAA,CAAEN,UAAU,2BC9ClB,SAAmBW,EAAeC,EAAkBC,EAAS,GAAGD,MAGrE,MAAO,GAAGD,KAFa,IAAVA,EAAcC,EAAWC,GAGxC,CD0CoDC,CAAUtB,EAAkB,OAAO,8CAE7EF,EAAAgB,cAACS,GAAYC,YAAY,aAAaC,SAAS,EAAO,aAAW,qDAC9DC,EAAA,CAAOC,QAAQ,OAAOC,QAASvB,GAA0B,+BAG1DP,EAAAgB,cAACY,EAAA,CAAOC,QAAQ,OAAOC,QAAStB,GAAwB,6BAGxDR,EAAAgB,cAACY,EAAA,CAAOC,QAAQ,UAAUE,UAAU,SAASD,QAASrB,GAAyB,gDAKlF,MAAA,CAAIC,UAAU,sGACbV,EAAAgB,cAAC,IAAA,CAAEN,UAAU,0CACXV,EAAAgB,cAAC,OAAA,CAAK,cAAY,QACfD,EAAe,IAAEX,kBAEpBJ,EAAAgB,cAAC,OAAA,CAAKN,UAAU,UAAU,YAAU,UAAS,WAClCK,EAAe,OAAKX,mCAGhC4B,EAAA,oBACChC,EAAAgB,cAACiB,EAAA,CAAeC,SAAO,kBACrBlC,EAAAgB,cAACY,EAAA,CACCC,QAAQ,OACRV,KAAK,OACLgB,UAAWtB,EACXiB,QAASzB,EACT,aAAW;eAEXL,EAAAgB,cAACoB,EAAA,CAAU,cAAY,OAAOhB,OAAO,0BAGzCpB,EAAAgB,cAACqB,GAAeC,KAAK,SAASC,QAAQ,mBAAmB7B,UAAU,mBAAkB,gCAIvFV,EAAAgB,cAACgB,sBACChC,EAAAgB,cAACiB,EAAA,CAAeC,SAAO,kBACrBlC,EAAAgB,cAACY,EAAA,CACCC,QAAQ,OACRV,KAAK,OACLgB,UAAWrB,EACXgB,QAASxB,EACT,aAAW;eAEXN,EAAAgB,cAACwB,EAAA,CAAQ,cAAY,OAAOpB,OAAO,0BAGvCpB,EAAAgB,cAACqB,EAAA,CAAeC,KAAK,MAAMC,QAAQ,mBAAmB7B,UAAU,mBAAkB,sBAO5F"}

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

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

package/dist/esm/components/combobox.js

@@ -1,2 +1,2 @@
-export{C as Combobox}from"../chunks/combobox.CxaWbDm9.js";
+export{C as Combobox}from"../chunks/combobox.MyoPH18G.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,u as useConversation}from"../chunks/Conversation.UZ5rx7_0.js";
+export{C as ContextPillBadge,a as Conversation,b as ConversationActions,c as ConversationInput,d as ConversationMessageAssistant,e as ConversationMessageUser,f as ConversationMessages,g as ConversationProvider,h as ConversationStatus,i as ConversationSuggestions,u as useConversation}from"../chunks/Conversation.CuRp-tJL.js";
 //# sourceMappingURL=conversation.js.map