@truefoundry/trueforge-ui 0.3.0 → 0.4.0-rc.0

package/dist/chunk-MEW7WZ7Q.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/containers/ThreadListContainer.tsx","../src/atoms/AgentHistoryFilterButton.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ThreadListItemByIndexProvider,\n  ThreadListItemMorePrimitive,\n  ThreadListItemPrimitive,\n  ThreadListPrimitive,\n  useAui,\n  useAuiState,\n} from '@assistant-ui/react';\nimport { useCallback, useEffect, useMemo, useRef, useState, type ReactNode, type Ref } from 'react';\n\nimport { AgentHistoryFilterButton } from '../atoms/AgentHistoryFilterButton.js';\nimport { auiButtonClass } from '../atoms/lib/buttonClasses.js';\nimport { cn } from '../atoms/lib/cn.js';\nimport { useCompactLayout } from '../atoms/lib/CompactLayoutContext.js';\nimport {\n  canReuseMutableShell,\n  readThreadAgentName,\n  threadListIndicesByRecency,\n  threadListItemIsMutable,\n} from '../atoms/lib/threadListMeta.js';\nimport { useIsMobile } from '../atoms/lib/useIsMobile.js';\nimport { BottomSheet } from '../atoms/primitives/BottomSheet.js';\nimport { useResourcePermissions } from '../hooks/useResourcePermissions.js';\nimport { Icon } from '../icons/Icon.js';\nimport { useOptionalServer } from '../server/ServerContext.js';\nimport { useOptionalShellMode } from '../server/ShellModeContext.js';\nimport { useSlot } from '../theme/SlotsProvider.js';\n\n/**\n * Simplified relative to the reference: renders threads in a single flat list\n * rather than grouping them by Today/Yesterday/Earlier.\n *\n * Delete uses assistant-ui ThreadListItemPrimitive.Delete / ThreadListItemMorePrimitive\n * (adapter.delete → server.deleteSession). Mobile/compact keeps a BottomSheet chrome.\n */\nexport type ThreadListContainerProps = {\n  /** Called after New chat or selecting a row — used by stack/drawer chrome. */\n  onThreadOpen?: () => void;\n  /** `recent-history` hides navigation and lists only persisted sessions. */\n  variant?: 'default' | 'recent-history';\n};\n\nconst deleteItemClass =\n  'flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm font-medium text-failure-bg outline-none transition-colors hover:bg-failure-bg/12 hover:text-failure-bg focus:bg-failure-bg/12 focus:text-failure-bg data-[highlighted]:bg-failure-bg/12 data-[highlighted]:text-failure-bg';\n\nfunction ThreadListItemDeleteMenu({ disabled }: { disabled: boolean }) {\n  const PermissionGuard = useSlot('PermissionGuard');\n  const compact = useCompactLayout();\n  const isMobile = useIsMobile();\n  const [sheetOpen, setSheetOpen] = useState(false);\n  const [portalContainer, setPortalContainer] = useState<HTMLElement>();\n  const useSheet = isMobile || compact;\n  const setTriggerElement = useCallback((element: HTMLButtonElement | null) => {\n    const themeRoot = element?.closest('.aui-theme-root');\n    setPortalContainer(themeRoot instanceof HTMLElement ? themeRoot : undefined);\n  }, []);\n\n  const moreButtonClass = auiButtonClass({\n    variant: 'ghost',\n    size: 'icon',\n    className: 'size-7 shrink-0 text-text-secondary hover:bg-transparent hover:text-text-primary',\n  });\n\n  if (useSheet) {\n    return (\n      <>\n        <button\n          type=\"button\"\n          aria-label=\"Session actions\"\n          title=\"Session actions\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={sheetOpen}\n          className={moreButtonClass}\n          onClick={() => setSheetOpen(true)}\n        >\n          <Icon name=\"ellipsis\" className=\"size-3.5\" />\n        </button>\n        {sheetOpen ? (\n          <BottomSheet open onOpenChange={setSheetOpen} aria-label=\"Session actions\">\n            <div className=\"flex flex-col gap-1 p-2 *:w-full\" role=\"menu\">\n              <PermissionGuard allowed={!disabled}>\n                <ThreadListItemPrimitive.Delete\n                  className={deleteItemClass}\n                  onClick={() => {\n                    if (!disabled) setSheetOpen(false);\n                  }}\n                >\n                  <Icon name=\"trash\" className=\"size-3.5\" />\n                  Delete\n                </ThreadListItemPrimitive.Delete>\n              </PermissionGuard>\n            </div>\n          </BottomSheet>\n        ) : null}\n      </>\n    );\n  }\n\n  return (\n    <ThreadListItemMorePrimitive.Root sharedFocusGroup>\n      <ThreadListItemMorePrimitive.Trigger\n        ref={setTriggerElement}\n        aria-label=\"Session actions\"\n        title=\"Session actions\"\n        className={moreButtonClass}\n      >\n        <Icon name=\"ellipsis\" className=\"size-3.5\" />\n      </ThreadListItemMorePrimitive.Trigger>\n      <ThreadListItemMorePrimitive.Content\n        portalProps={{ container: portalContainer }}\n        align=\"end\"\n        sideOffset={4}\n        className=\"aui-popup-enter font-sans-flex z-50 min-w-[8rem] rounded-md border border-border bg-card-bg p-1 text-text-primary shadow-md *:w-full\"\n      >\n        <PermissionGuard allowed={!disabled}>\n          <ThreadListItemPrimitive.Delete className={deleteItemClass}>\n            <Icon name=\"trash\" className=\"size-3.5\" />\n            Delete\n          </ThreadListItemPrimitive.Delete>\n        </PermissionGuard>\n      </ThreadListItemMorePrimitive.Content>\n    </ThreadListItemMorePrimitive.Root>\n  );\n}\n\nfunction ThreadListItemRow({\n  onThreadOpen,\n  canDeleteSession,\n  canDeleteResource,\n}: {\n  onThreadOpen?: () => void;\n  canDeleteSession: boolean;\n  canDeleteResource: (sessionId: string) => boolean;\n}) {\n  const aui = useAui();\n  const shell = useOptionalShellMode();\n  const ThreadListRow = useSlot('ThreadListRow');\n  const id = useAuiState(s => s.threadListItem.id);\n  const remoteId = useAuiState(s => s.threadListItem.remoteId);\n  const title = useAuiState(s => s.threadListItem.title);\n  const lastMessageAt = useAuiState(s => s.threadListItem.lastMessageAt);\n  const custom = useAuiState(s => s.threadListItem.custom);\n  const mainThreadId = useAuiState(s => s.threads.mainThreadId);\n  const agentName = readThreadAgentName(custom);\n  const showDelete = canDeleteSession && remoteId != null;\n  const deleteDisabled = remoteId != null && !canDeleteResource(remoteId);\n  const sidebarNavOpen = shell?.libraryOpen === true || shell?.sessionsOpen === true || shell?.schedulesOpen === true;\n\n  return (\n    <ThreadListItemPrimitive.Root className=\"min-w-0\">\n      <ThreadListRow\n        title={title ?? 'New Chat'}\n        active={id === mainThreadId && !sidebarNavOpen}\n        agentName={agentName}\n        lastMessageAt={lastMessageAt}\n        onSelect={() => {\n          onThreadOpen?.();\n          shell?.setSettingsOpen(false);\n          shell?.setLibraryOpen(false);\n          shell?.setSessionsOpen(false);\n          shell?.setSchedulesOpen(false);\n\n          // Prefer custom.isMutable (session wire); agentName-only is a legacy fallback.\n          const sessionMutable = threadListItemIsMutable(custom);\n          const sameImmutable =\n            !sessionMutable &&\n            shell?.mode.status === 'active' &&\n            !shell.mode.isMutable &&\n            (agentName == null\n              ? shell.mode.agentName == null && shell.mode.agentId == null\n              : shell.mode.agentName === agentName || shell.mode.agentId === agentName);\n          const sameMutable = canReuseMutableShell({\n            sessionMutable,\n            shellMutable: shell?.mode.status === 'active' && shell.mode.isMutable,\n            ...(shell?.mode.status === 'active' && shell.mode.isMutable\n              ? { shellAgentName: shell.mode.agentName, shellAgentId: shell.mode.agentId }\n              : {}),\n            remoteId,\n            pendingSessionId: shell?.pendingSessionId,\n          });\n\n          if ((sameImmutable || sameMutable) && remoteId != null) {\n            void Promise.resolve(aui.threads().switchToThread(id)).catch(() => undefined);\n            return;\n          }\n          if (remoteId != null) {\n            shell?.openHistorySession({\n              sessionId: remoteId,\n              isMutable: sessionMutable,\n              ...(agentName != null ? { agentName } : {}),\n            });\n            return;\n          }\n          void Promise.resolve(aui.threads().switchToThread(id)).catch(() => undefined);\n        }}\n        actions={showDelete ? <ThreadListItemDeleteMenu disabled={deleteDisabled} /> : undefined}\n      />\n    </ThreadListItemPrimitive.Root>\n  );\n}\n\nfunction useThreadListIndicesByRecency(variant: NonNullable<ThreadListContainerProps['variant']>): number[] {\n  const threadIds = useAuiState(s => s.threads.threadIds);\n  const threadItems = useAuiState(s => s.threads.threadItems);\n\n  return useMemo(() => {\n    const indices = threadListIndicesByRecency({ threadIds, threadItems });\n    if (variant === 'default') return indices;\n\n    const itemById = new Map<string, (typeof threadItems)[number]>();\n    for (const item of threadItems) {\n      itemById.set(item.id, item);\n      if (item.remoteId != null) itemById.set(item.remoteId, item);\n    }\n\n    return indices.filter(index => {\n      const id = threadIds[index];\n      if (id === undefined) return false;\n      const item = itemById.get(id);\n      return item?.remoteId != null;\n    });\n  }, [threadIds, threadItems, variant]);\n}\n\nfunction ThreadListItemsByRecency({\n  indices,\n  onThreadOpen,\n  canDeleteSession,\n  canDeleteResource,\n}: {\n  indices: number[];\n  onThreadOpen?: () => void;\n  canDeleteSession: boolean;\n  canDeleteResource: (sessionId: string) => boolean;\n}) {\n  // Newest-first: remount/switchToThread can append the active session to threadIds.\n  const threadIds = useAuiState(s => s.threads.threadIds);\n\n  return (\n    <>\n      {indices.map(index => {\n        const key = threadIds[index] ?? String(index);\n        return (\n          <ThreadListItemByIndexProvider key={key} index={index} archived={false}>\n            <ThreadListItemRow\n              onThreadOpen={onThreadOpen}\n              canDeleteSession={canDeleteSession}\n              canDeleteResource={canDeleteResource}\n            />\n          </ThreadListItemByIndexProvider>\n        );\n      })}\n    </>\n  );\n}\n\nconst THREAD_LIST_VIEWPORT_SLOT = 'aui_thread-list-viewport';\n/** How close to the bottom (px) before the next sessions page is fetched. */\nconst LOAD_MORE_BOTTOM_PX = 80;\n\nfunction RecentChatsSection({\n  children,\n  viewportRef,\n  hideScrollbar,\n}: {\n  children: ReactNode;\n  viewportRef: Ref<HTMLDivElement>;\n  hideScrollbar: boolean;\n}) {\n  const shell = useOptionalShellMode();\n  const activeRemoteId = useAuiState(s => s.threadListItem.remoteId);\n  const historyFilterIntent = shell?.historyAgentFilter?.intent;\n  const showFilter =\n    shell?.isLibraryEnabled === true &&\n    historyFilterIntent !== 'try-agent' &&\n    (historyFilterIntent === 'history' ||\n      shell.mode.status !== 'active' ||\n      shell.mode.isMutable ||\n      shell.pendingSessionId != null ||\n      activeRemoteId != null);\n  const heading =\n    shell?.historyAgentFilter == null ? 'Chat History' : `Chats for ${shell.historyAgentFilter.agentName}`;\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <div className=\"flex shrink-0 items-center gap-1 px-1 py-1\">\n        <h2 className=\"min-w-0 flex-1 truncate px-1.5 py-1 text-sm font-medium text-text-secondary\">{heading}</h2>\n        {showFilter ? <AgentHistoryFilterButton /> : null}\n      </div>\n      <div\n        ref={viewportRef}\n        data-slot={THREAD_LIST_VIEWPORT_SLOT}\n        className={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto', hideScrollbar && 'aui-scrollbar-hidden')}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport function ThreadListContainer({ onThreadOpen, variant = 'default' }: ThreadListContainerProps = {}) {\n  const aui = useAui();\n  const server = useOptionalServer();\n  const isLoading = useAuiState(s => s.threads.isLoading);\n  const isLoadingMore = useAuiState(s => s.threads.isLoadingMore);\n  const hasMore = useAuiState(s => s.threads.hasMore);\n  const threadIds = useAuiState(s => s.threads.threadIds);\n  const threadItems = useAuiState(s => s.threads.threadItems);\n  const shell = useOptionalShellMode();\n\n  const ThreadListShell = useSlot('ThreadListShell');\n  const ThreadListNewButton = useSlot('ThreadListNewButton');\n  const AgentsLibraryButton = useSlot('AgentsLibraryButton');\n  const SessionsBrowserButton = useSlot('SessionsBrowserButton');\n  const SchedulesButton = useSlot('SchedulesButton');\n  const ThreadListRowSkeleton = useSlot('ThreadListRowSkeleton');\n  const ThreadListEmptyState = useSlot('ThreadListEmptyState');\n\n  const indices = useThreadListIndicesByRecency(variant);\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const hasMoreRef = useRef(hasMore);\n  const auiRef = useRef(aui);\n  hasMoreRef.current = hasMore;\n  auiRef.current = aui;\n\n  const showNewChat = shell?.isNewChatEnabled !== false;\n  const isIdle = shell?.mode.status === 'idle';\n  const isRecentHistory = variant === 'recent-history';\n  const canDeleteSession = typeof server?.deleteSession === 'function';\n  const remoteSessionIds = useMemo(\n    () => threadItems.flatMap(item => (item.remoteId == null ? [] : [item.remoteId])),\n    [threadItems],\n  );\n  const { allows } = useResourcePermissions({ resourceType: 'session', resourceIds: remoteSessionIds });\n\n  // Fill an underflowing viewport; once it scrolls, paginate only near the bottom.\n  // Re-measure after commit (threadIds / hasMore) instead of rAF-chaining, which\n  // raced layout and could drain every remaining listSessions page.\n  // The runtime owns request deduplication, so Strict Mode remounts can recheck safely.\n  useEffect(() => {\n    if (isIdle || isLoading || isLoadingMore) return;\n    const viewport = viewportRef.current;\n    if (!viewport) return;\n\n    let cancelled = false;\n\n    const tryLoadMore = () => {\n      if (cancelled || !hasMoreRef.current) return;\n      if (viewport.clientHeight <= 0) return;\n\n      const remaining = viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight;\n      if (viewport.scrollHeight > viewport.clientHeight && remaining > LOAD_MORE_BOTTOM_PX) return;\n\n      void auiRef.current.threads().loadMore();\n    };\n\n    viewport.addEventListener('scroll', tryLoadMore, { passive: true });\n    const resizeObserver = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(() => tryLoadMore());\n    if (resizeObserver) {\n      resizeObserver.observe(viewport);\n    } else {\n      window.addEventListener('resize', tryLoadMore);\n    }\n    tryLoadMore();\n\n    return () => {\n      cancelled = true;\n      viewport.removeEventListener('scroll', tryLoadMore);\n      resizeObserver?.disconnect();\n      if (!resizeObserver) {\n        window.removeEventListener('resize', tryLoadMore);\n      }\n    };\n  }, [hasMore, isIdle, isLoading, isLoadingMore, threadIds.length]);\n\n  const handleNewChat = () => {\n    onThreadOpen?.();\n    shell?.setLibraryOpen(false);\n    shell?.setSessionsOpen(false);\n    if (shell?.isComposerEnabled) {\n      shell.openDraft();\n      return;\n    }\n    shell?.setSettingsOpen(false);\n    shell?.setSchedulesOpen(false);\n    void Promise.resolve(aui.threads().switchToNewThread()).catch(() => undefined);\n  };\n\n  let listBody: ReactNode;\n  if (isIdle) {\n    listBody = <ThreadListEmptyState message={isRecentHistory ? 'No recent chats' : undefined} />;\n  } else if (isLoading) {\n    listBody = <ThreadListRowSkeleton />;\n  } else if (indices.length === 0) {\n    listBody = <ThreadListEmptyState message={isRecentHistory ? 'No recent chats' : undefined} />;\n  } else {\n    listBody = (\n      <ThreadListPrimitive.Root className=\"flex min-h-0 flex-col gap-0.5\">\n        <ThreadListItemsByRecency\n          indices={indices}\n          onThreadOpen={onThreadOpen}\n          canDeleteSession={canDeleteSession}\n          canDeleteResource={sessionId => allows(sessionId, 'DELETE')}\n        />\n      </ThreadListPrimitive.Root>\n    );\n  }\n\n  return (\n    <ThreadListShell\n      header={\n        isRecentHistory ? null : (\n          <div className=\"flex flex-col gap-1\">\n            {showNewChat ? <ThreadListNewButton onClick={handleNewChat} /> : null}\n            <AgentsLibraryButton />\n            <SessionsBrowserButton />\n            <SchedulesButton />\n          </div>\n        )\n      }\n    >\n      <RecentChatsSection viewportRef={viewportRef} hideScrollbar={isRecentHistory}>\n        {listBody}\n        {!isIdle && hasMore ? <div className=\"h-4 shrink-0\" aria-hidden /> : null}\n      </RecentChatsSection>\n    </ThreadListShell>\n  );\n}\n","'use client';\n\nimport { useEffect, useId, useLayoutEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Icon } from '../icons/Icon.js';\nimport { useOptionalServer } from '../server/ServerContext.js';\nimport { libraryAgentId, useOptionalShellMode, type HistoryAgentFilter } from '../server/ShellModeContext.js';\nimport { auiButtonClass } from './lib/buttonClasses.js';\nimport { cn } from './lib/cn.js';\nimport { useCompactLayout } from './lib/CompactLayoutContext.js';\nimport { themePortalRoot } from './lib/themePortalRoot.js';\nimport { useIsMobile } from './lib/useIsMobile.js';\nimport { useSearchAgentsList } from './lib/useSearchAgentsList.js';\nimport { BottomSheet } from './primitives/BottomSheet.js';\nimport { DropdownMenuItem } from './primitives/DropdownMenu.js';\nimport SearchInput from './primitives/SearchInput.js';\n\n/**\n * Funnel popover for filtering chat history by agent id.\n * Desktop: fixed menu to the right of the funnel. Mobile/compact: bottom sheet.\n */\nexport function AgentHistoryFilterButton() {\n  const shell = useOptionalShellMode();\n  const server = useOptionalServer();\n  const isMobile = useIsMobile();\n  const compact = useCompactLayout();\n  const useSheet = isMobile || compact;\n\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [menuPos, setMenuPos] = useState<{ top: number; left: number } | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const menuId = useId();\n\n  const enabled = shell?.isLibraryEnabled === true && server != null;\n  const selected = shell?.historyAgentFilter ?? null;\n\n  useEffect(() => {\n    if (!open) setQuery('');\n  }, [open]);\n\n  const { agents, isInitialLoading, isSearching, loadingMore, hasMore, listRef, sentinelRef } = useSearchAgentsList({\n    enabled: open && enabled,\n    query,\n  });\n\n  // Desktop only: anchor to the right of the funnel; portal escapes sidebar overflow.\n  useLayoutEffect(() => {\n    if (!open || useSheet) {\n      setMenuPos(null);\n      return;\n    }\n    const update = () => {\n      const rect = buttonRef.current?.getBoundingClientRect();\n      if (!rect) return;\n      setMenuPos({ top: rect.top, left: rect.right + 4 });\n    };\n    update();\n    window.addEventListener('resize', update);\n    window.addEventListener('scroll', update, true);\n    return () => {\n      window.removeEventListener('resize', update);\n      window.removeEventListener('scroll', update, true);\n    };\n  }, [open, useSheet]);\n\n  useEffect(() => {\n    if (!open || useSheet) return;\n    const handler = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (buttonRef.current?.contains(target) || menuRef.current?.contains(target)) return;\n      setOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [open, useSheet]);\n\n  if (!enabled) return null;\n\n  // Reset the active session so the newly scoped history starts from a clean runtime and first page.\n  const pick = (filter: HistoryAgentFilter | null) => {\n    if (shell?.isComposerEnabled === true) {\n      shell.openDraft();\n    } else {\n      shell?.openLibraryHome();\n    }\n    shell?.setHistoryAgentFilter(filter);\n    setOpen(false);\n  };\n\n  const filterBody = (\n    <>\n      <div className=\"p-1\" onMouseDown={e => e.stopPropagation()}>\n        <SearchInput query={query} setQuery={setQuery} placeholder=\"Search agents\" />\n        {isSearching ? (\n          <p className=\"text-text-secondary px-1 pt-1 text-[11px]\" role=\"status\">\n            Searching…\n          </p>\n        ) : null}\n      </div>\n      <div\n        ref={listRef}\n        className={cn('mt-1 overflow-y-auto', useSheet ? 'min-h-0 flex-1 px-1 pb-2' : 'min-h-48 max-h-64')}\n      >\n        {query.trim() === '' ? (\n          <DropdownMenuItem\n            className={cn(\n              'justify-between',\n              selected == null && 'bg-dropdown-selected-item-bg text-dropdown-selected-item-text',\n            )}\n            onClick={() => pick(null)}\n          >\n            All chats\n            {selected == null ? <Icon name=\"check\" className=\"size-3.5 shrink-0\" /> : null}\n          </DropdownMenuItem>\n        ) : null}\n        {isInitialLoading ? (\n          <p className=\"px-2 py-3 text-center text-xs text-text-secondary\">Loading…</p>\n        ) : agents.length === 0 ? (\n          <p className=\"text-text-secondary px-2 py-6 text-center text-xs\" role=\"status\">\n            {query.trim() ? `No agents match \"${query.trim()}\".` : 'No agents yet.'}\n          </p>\n        ) : (\n          <>\n            {agents.map(agent => {\n              const id = libraryAgentId(agent);\n              const active = selected?.agentId === id;\n              return (\n                <DropdownMenuItem\n                  key={id}\n                  className={cn(\n                    'justify-between gap-2 text-left',\n                    active && 'bg-dropdown-selected-item-bg text-dropdown-selected-item-text',\n                  )}\n                  onClick={() => pick({ agentId: id, agentName: agent.name, intent: 'history' })}\n                >\n                  <span className=\"min-w-0 truncate\">{agent.name}</span>\n                  {active ? <Icon name=\"check\" className=\"size-3.5 shrink-0\" /> : null}\n                </DropdownMenuItem>\n              );\n            })}\n            {hasMore ? (\n              <div ref={sentinelRef} className=\"flex h-6 shrink-0 items-center justify-center\" aria-hidden>\n                {loadingMore ? (\n                  <span className=\"text-text-secondary text-[11px]\" role=\"status\">\n                    Loading more…\n                  </span>\n                ) : null}\n              </div>\n            ) : null}\n          </>\n        )}\n      </div>\n    </>\n  );\n\n  return (\n    <div className=\"relative shrink-0\">\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        aria-label={\n          selected != null ? `Filter chat history by agent (${selected.agentName})` : 'Filter chat history by agent'\n        }\n        aria-haspopup={useSheet ? 'dialog' : 'menu'}\n        aria-expanded={open}\n        aria-controls={open ? menuId : undefined}\n        title=\"Filter by agent\"\n        className={auiButtonClass({\n          variant: 'ghost',\n          size: 'icon',\n          className: cn(\n            'relative size-7 shrink-0 text-text-secondary hover:bg-ghost-button-hover hover:text-ghost-button-text',\n            selected != null && 'text-text-primary',\n          ),\n        })}\n        onClick={() => setOpen(v => !v)}\n      >\n        <Icon name=\"funnel\" className=\"size-3.5\" />\n        {selected != null ? (\n          <span\n            className=\"bg-primary-button-bg absolute top-1 right-1 size-1.5 rounded-full\"\n            aria-hidden\n            data-testid=\"history-filter-active-dot\"\n          />\n        ) : null}\n      </button>\n      {useSheet && open ? (\n        <BottomSheet open onOpenChange={setOpen} id={menuId} aria-label=\"Filter agents\">\n          <div className=\"flex min-h-0 flex-1 flex-col p-2\" role=\"menu\">\n            {filterBody}\n          </div>\n        </BottomSheet>\n      ) : null}\n      {!useSheet && open && menuPos != null\n        ? createPortal(\n            <div\n              ref={menuRef}\n              id={menuId}\n              role=\"menu\"\n              aria-label=\"Filter agents\"\n              style={{ top: menuPos.top, left: menuPos.left }}\n              className=\"aui-popup-enter font-sans-flex fixed z-50 w-56 rounded-md border border-border bg-card-bg p-1 text-text-primary shadow-md\"\n            >\n              {filterBody}\n            </div>,\n            themePortalRoot(buttonRef.current),\n          )\n        : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","Fragment","jsx","jsxs","useState","useRef","useEffect"]}